dfinity · krpeacock · Jul 7, 2025 · Jul 7, 2025 · Jul 7, 2025
@@ -24,13 +24,12 @@
     "format": "concurrently -n prettier,eslint -c auto \"prettier --ignore-path ../../.prettierignore --write .\" \"eslint --fix .\""
   },
   "dependencies": {
-    "@dfinity/agent": "2.4.1",
-    "@dfinity/auth-client": "2.4.1",
-    "@dfinity/candid": "2.4.1",
+    "@icp-sdk/core": "1.0.0-beta.1",
+    "@dfinity/candid": "3.0.0-beta.2",
+    "@dfinity/auth-client": "3.0.0-beta.2",
+    "@dfinity/identity": "3.0.0-beta.2",
     "@dfinity/didc": "0.0.4",
-    "@dfinity/identity": "2.4.1",
     "@dfinity/ledger-icrc": "2.8.0",
-    "@dfinity/principal": "2.4.1",
     "@dfinity/utils": "2.12.0",
     "@mdi/font": "7.4.47",
     "@mdi/js": "7.4.47",

@@ -34,7 +34,7 @@
   </VSelect>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiWallet } from '@mdi/js';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -4,7 +4,7 @@ import DeployStation from './DeployStation.vue';
 import { services } from '~/plugins/services.plugin';
 import { flushPromises } from '@vue/test-utils';
 import { CanDeployStationResponse, User } from '~/generated/control-panel/control_panel.did';
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { StationService } from '~/services/station.service';
 import { ControlPanelService } from '~/services/control-panel.service';
 

@@ -119,7 +119,7 @@
 </template>
 
 <script setup lang="ts">
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiChevronLeft } from '@mdi/js';
 import { computed } from 'vue';
 import { onMounted, ref } from 'vue';

@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiChevronLeft, mdiContentCopy } from '@mdi/js';
 import { computed, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';

@@ -34,7 +34,7 @@
 import { ref } from 'vue';
 import { VBtn } from 'vuetify/components';
 import CanisterSetupDialog from './CanisterSetupDialog.vue';
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 
 const props = withDefaults(
   defineProps<{

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { StationService } from '~/services/station.service';
 import { mount } from '~/test.utils';

@@ -45,7 +45,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { Ref, computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import CanisterCallForm from './CanisterCallForm.vue';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { StationService } from '~/services/station.service';
 import { mount } from '~/test.utils';

@@ -42,7 +42,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { computed, Ref, ref, toRefs, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import CanisterConfigureMethodCallForm from './CanisterConfigureMethodCallForm.vue';

@@ -155,7 +155,7 @@
   </slot>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiCodeBraces, mdiMinus, mdiPlus, mdiTrashCan } from '@mdi/js';
 import { computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import CanisterConfigureMethodCallList from './CanisterConfigureMethodCallList.vue';

@@ -121,7 +121,7 @@
   </section>
 </template>
 <script setup lang="ts">
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiCodeBraces, mdiPencil, mdiTrashCan } from '@mdi/js';
 import { onMounted, Ref, ref, toRefs, watch } from 'vue';
 import { VBtn, VDivider, VIcon } from 'vuetify/components';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { StationService } from '~/services/station.service';
 import { mount } from '~/test.utils';

@@ -44,7 +44,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { Ref, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import CanisterIcSettingsForm from './CanisterIcSettingsForm.vue';

@@ -267,7 +267,7 @@
   </VForm>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiContentCopy, mdiPlus, mdiTrashCanOutline } from '@mdi/js';
 import { computed, onMounted, ref, watch } from 'vue';
 import {

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { StationService } from '~/services/station.service';
 import { mount } from '~/test.utils';

@@ -71,7 +71,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { Ref, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import CanisterInstallForm from './CanisterInstallForm.vue';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { StationService } from '~/services/station.service';
 import { mount } from '~/test.utils';

@@ -26,7 +26,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { Ref, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { flushPromises } from '@vue/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { GetExternalCanisterResult } from '~/generated/station/station.did';

@@ -41,7 +41,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { Ref, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { services } from '~/plugins/services.plugin';
 import { StationService } from '~/services/station.service';

@@ -47,7 +47,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose, mdiComment } from '@mdi/js';
 import { Ref, computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { flushPromises } from '@vue/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { services } from '~/plugins/services.plugin';

@@ -97,7 +97,7 @@
   </section>
 </template>
 <script setup lang="ts">
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { computed, ref, toRefs, watch } from 'vue';
 import { VBtn } from 'vuetify/components';
 import { useStationStore } from '~/stores/station.store';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { services } from '~/plugins/services.plugin';
 import { StationService } from '~/services/station.service';

@@ -47,7 +47,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose, mdiComment } from '@mdi/js';
 import { Ref, computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { services } from '~/plugins/services.plugin';
 import { StationService } from '~/services/station.service';

@@ -47,7 +47,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose, mdiComment } from '@mdi/js';
 import { Ref, computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { StationService } from '~/services/station.service';
 import { mount } from '~/test.utils';

@@ -43,7 +43,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { Ref, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import CanisterTopUpForm from './CanisterTopUpForm.vue';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { flushPromises } from '@vue/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { services } from '~/plugins/services.plugin';

@@ -46,7 +46,7 @@
   </VDialog>
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiClose } from '@mdi/js';
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { flushPromises } from '@vue/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { StationService } from '~/services/station.service';

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import ValidationMethodExplainer from './ValidationMethodExplainer.vue';

@@ -39,7 +39,7 @@
 import { mdiContentCopy } from '@mdi/js';
 import { copyToClipboard } from '~/utils/app.utils';
 import TextOverflow from '../TextOverflow.vue';
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 
 const props = withDefaults(
   defineProps<{

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import {
   Allow,
   CanisterInstallMode,

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils.ts';
 import CanisterMonitorForm from '~/components/external-canisters/monitor/CanisterMonitorForm.vue';

@@ -91,7 +91,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiCogs, mdiDatabase, mdiIdentifier, mdiLabel, mdiText } from '@mdi/js';
 import { computed, onBeforeMount, ref, watch } from 'vue';
 import {

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { Allow, RequestPolicyRule, UUID } from '~/generated/station/station.did';
 import { ExternalCanisterStateEnum } from '~/types/station.types';
 

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it } from 'vitest';
 import { mount } from '~/test.utils';
 import CanisterIdField from './CanisterIdField.vue';

@@ -12,7 +12,7 @@
   />
 </template>
 <script lang="ts" setup>
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { mdiIdentifier } from '@mdi/js';
 import { computed, ref, watch } from 'vue';
 import { VTextField } from 'vuetify/components';

@@ -1,7 +1,20 @@
-import { describe, expect, it } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
 import NamedRuleForm from './NamedRuleForm.vue';
 import { mount } from '~/test.utils';
 
+// Mock the station store to prevent API calls
+vi.mock('~/stores/station.store', () => ({
+  useStationStore: () => ({
+    $state: {
+      user: null,
+      privileges: null,
+    },
+    service: {
+      listNamedRules: vi.fn().mockResolvedValue({ named_rules: [] }),
+    },
+  }),
+}));
+
 describe('NamedRuleForm', () => {
   it('renders correctly for creation', () => {
     const wrapper = mount(NamedRuleForm, {

@@ -1,4 +1,4 @@
-import { Principal } from '@dfinity/principal';
+import { Principal } from '@icp-sdk/core/principal';
 import { describe, expect, it, vi } from 'vitest';
 import { services } from '~/plugins/services.plugin';
 import { ControlPanelService } from '~/services/control-panel.service';