@iota/dapp-kit 0.0.0-experimental-20250610130929

package/dist/esm/themes/themeContract.d.ts

@@ -0,0 +1,150 @@
+declare const themeContractValues: {
+    blurs: {
+        modalOverlay: string;
+    };
+    backgroundColors: {
+        primaryButton: string;
+        primaryButtonHover: string;
+        outlineButtonHover: string;
+        walletItemHover: string;
+        walletItemSelected: string;
+        modalOverlay: string;
+        modalPrimary: string;
+        modalSecondary: string;
+        iconButton: string;
+        dropdownMenu: string;
+        dropdownMenuSeparator: string;
+        scrollThumb: string;
+    };
+    borderColors: {
+        outlineButton: string;
+    };
+    colors: {
+        primaryButton: string;
+        outlineButtonHover: string;
+        body: string;
+        bodyMuted: string;
+        bodyDanger: string;
+        iconButton: string;
+    };
+    radii: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+        full: string;
+    };
+    fontWeights: {
+        normal: string;
+        medium: string;
+        bold: string;
+    };
+    fontSizes: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontStyle: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    spacing: {
+        xxsmall: string;
+        xsmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+};
+export type ThemeVars = typeof themeContractValues;
+/**
+ * A custom theme that is enabled when various conditions are
+ */
+export type DynamicTheme = {
+    /**
+     * An optional media query required for the given theme to be enabled. This is useful
+     * when you want the theme of your application to automatically switch depending on
+     * a media feature.
+     *
+     * @example '(prefers-color-scheme: dark)'
+     */
+    mediaQuery?: string;
+    /**
+     * An optional CSS selector required for the given theme to be enabled. This is useful
+     * when you have a manual theme switcher on your application that sets a top-level
+     * class name or data-attribute to control the current theme.
+     *
+     * @example '.data-dark'
+     */
+    selector?: string;
+    /** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */
+    variables: ThemeVars;
+};
+export type Theme = ThemeVars | DynamicTheme[];
+export declare const themeVars: {
+    blurs: {
+        modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    backgroundColors: {
+        primaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        primaryButtonHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        outlineButtonHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        walletItemHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        walletItemSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modalSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        iconButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownMenu: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        dropdownMenuSeparator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        scrollThumb: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    borderColors: {
+        outlineButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    colors: {
+        primaryButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        outlineButtonHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bodyMuted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bodyDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        iconButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    radii: {
+        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontWeights: {
+        normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontSizes: {
+        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    typography: {
+        fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        fontStyle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    spacing: {
+        xxsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+export {};

package/dist/esm/themes/themeContract.js

@@ -0,0 +1,72 @@
+// src/themes/themeContract.ts
+import { createGlobalThemeContract } from "@vanilla-extract/css";
+var themeContractValues = {
+  blurs: {
+    modalOverlay: ""
+  },
+  backgroundColors: {
+    primaryButton: "",
+    primaryButtonHover: "",
+    outlineButtonHover: "",
+    walletItemHover: "",
+    walletItemSelected: "",
+    modalOverlay: "",
+    modalPrimary: "",
+    modalSecondary: "",
+    iconButton: "",
+    dropdownMenu: "",
+    dropdownMenuSeparator: "",
+    scrollThumb: ""
+  },
+  borderColors: {
+    outlineButton: ""
+  },
+  colors: {
+    primaryButton: "",
+    outlineButtonHover: "",
+    body: "",
+    bodyMuted: "",
+    bodyDanger: "",
+    iconButton: ""
+  },
+  radii: {
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: "",
+    full: ""
+  },
+  fontWeights: {
+    normal: "",
+    medium: "",
+    bold: ""
+  },
+  fontSizes: {
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
+  },
+  typography: {
+    fontFamily: "",
+    fontStyle: "",
+    lineHeight: "",
+    letterSpacing: ""
+  },
+  spacing: {
+    xxsmall: "",
+    xsmall: "",
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
+  }
+};
+var themeVars = createGlobalThemeContract(
+  themeContractValues,
+  (_, path) => `dapp-kit-${path.join("-")}`
+);
+export {
+  themeVars
+};
+//# sourceMappingURL=themeContract.js.map

package/dist/esm/themes/themeContract.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/themes/themeContract.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createGlobalThemeContract } from '@vanilla-extract/css';\n\nconst themeContractValues = {\n    blurs: {\n        modalOverlay: '',\n    },\n    backgroundColors: {\n        primaryButton: '',\n        primaryButtonHover: '',\n        outlineButtonHover: '',\n        walletItemHover: '',\n        walletItemSelected: '',\n        modalOverlay: '',\n        modalPrimary: '',\n        modalSecondary: '',\n        iconButton: '',\n        dropdownMenu: '',\n        dropdownMenuSeparator: '',\n        scrollThumb: '',\n    },\n    borderColors: {\n        outlineButton: '',\n    },\n    colors: {\n        primaryButton: '',\n        outlineButtonHover: '',\n        body: '',\n        bodyMuted: '',\n        bodyDanger: '',\n        iconButton: '',\n    },\n    radii: {\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n        full: '',\n    },\n    fontWeights: {\n        normal: '',\n        medium: '',\n        bold: '',\n    },\n    fontSizes: {\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n    },\n    typography: {\n        fontFamily: '',\n        fontStyle: '',\n        lineHeight: '',\n        letterSpacing: '',\n    },\n    spacing: {\n        xxsmall: '',\n        xsmall: '',\n        small: '',\n        medium: '',\n        large: '',\n        xlarge: '',\n    },\n};\n\nexport type ThemeVars = typeof themeContractValues;\n\n/**\n * A custom theme that is enabled when various conditions are\n */\nexport type DynamicTheme = {\n    /**\n     * An optional media query required for the given theme to be enabled. This is useful\n     * when you want the theme of your application to automatically switch depending on\n     * a media feature.\n     *\n     * @example '(prefers-color-scheme: dark)'\n     */\n    mediaQuery?: string;\n\n    /**\n     * An optional CSS selector required for the given theme to be enabled. This is useful\n     * when you have a manual theme switcher on your application that sets a top-level\n     * class name or data-attribute to control the current theme.\n     *\n     * @example '.data-dark'\n     */\n    selector?: string;\n\n    /** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */\n    variables: ThemeVars;\n};\n\nexport type Theme = ThemeVars | DynamicTheme[];\n\nexport const themeVars = createGlobalThemeContract(\n    themeContractValues,\n    (_, path) => `dapp-kit-${path.join('-')}`,\n);\n"],
+  "mappings": ";AAIA,SAAS,iCAAiC;AAE1C,IAAM,sBAAsB;AAAA,EACxB,OAAO;AAAA,IACH,cAAc;AAAA,EAClB;AAAA,EACA,kBAAkB;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,aAAa;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACJ,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAgCO,IAAM,YAAY;AAAA,EACrB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG,CAAC;AAC3C;",
+  "names": []
+}

package/dist/esm/types/utilityTypes.d.ts

@@ -0,0 +1 @@
+export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<T>;

package/dist/esm/types/utilityTypes.js

@@ -0,0 +1 @@
+//# sourceMappingURL=utilityTypes.js.map

package/dist/esm/types/utilityTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/types.d.ts

@@ -0,0 +1,2 @@
+export type { SignedPersonalMessage, SignedTransaction } from '@iota/wallet-standard';
+export type { ThemeVars } from './themes/themeContract.js';

package/dist/esm/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/utils/assertUnreachable.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Utility for compile-time exhaustiveness checking.
+ */
+export declare function assertUnreachable(value: never): never;

package/dist/esm/utils/assertUnreachable.js

@@ -0,0 +1,8 @@
+// src/utils/assertUnreachable.ts
+function assertUnreachable(value) {
+  throw new Error(`ERROR! Encountered an unexpected value: ${value}`);
+}
+export {
+  assertUnreachable
+};
+//# sourceMappingURL=assertUnreachable.js.map

package/dist/esm/utils/assertUnreachable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/assertUnreachable.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Utility for compile-time exhaustiveness checking.\n */\nexport function assertUnreachable(value: never): never {\n    throw new Error(`ERROR! Encountered an unexpected value: ${value}`);\n}\n"],
+  "mappings": ";AAOO,SAAS,kBAAkB,OAAqB;AACnD,QAAM,IAAI,MAAM,2CAA2C,KAAK,EAAE;AACtE;",
+  "names": []
+}

package/dist/esm/utils/stateStorage.d.ts

@@ -0,0 +1,2 @@
+import type { StateStorage } from 'zustand/middleware';
+export declare function createInMemoryStore(): StateStorage;

package/dist/esm/utils/stateStorage.js

@@ -0,0 +1,19 @@
+// src/utils/stateStorage.ts
+function createInMemoryStore() {
+  const store = /* @__PURE__ */ new Map();
+  return {
+    getItem(key) {
+      return store.get(key);
+    },
+    setItem(key, value) {
+      store.set(key, value);
+    },
+    removeItem(key) {
+      store.delete(key);
+    }
+  };
+}
+export {
+  createInMemoryStore
+};
+//# sourceMappingURL=stateStorage.js.map

package/dist/esm/utils/stateStorage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/stateStorage.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { StateStorage } from 'zustand/middleware';\n\nexport function createInMemoryStore(): StateStorage {\n    const store = new Map();\n    return {\n        getItem(key: string) {\n            return store.get(key);\n        },\n        setItem(key: string, value: string) {\n            store.set(key, value);\n        },\n        removeItem(key: string) {\n            store.delete(key);\n        },\n    };\n}\n"],
+  "mappings": ";AAMO,SAAS,sBAAoC;AAChD,QAAM,QAAQ,oBAAI,IAAI;AACtB,SAAO;AAAA,IACH,QAAQ,KAAa;AACjB,aAAO,MAAM,IAAI,GAAG;AAAA,IACxB;AAAA,IACA,QAAQ,KAAa,OAAe;AAChC,YAAM,IAAI,KAAK,KAAK;AAAA,IACxB;AAAA,IACA,WAAW,KAAa;AACpB,YAAM,OAAO,GAAG;AAAA,IACpB;AAAA,EACJ;AACJ;",
+  "names": []
+}

package/dist/esm/utils/walletUtils.d.ts

@@ -0,0 +1,3 @@
+import type { Wallet, WalletWithFeatures, WalletWithRequiredFeatures } from '@iota/wallet-standard';
+export declare function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(preferredWallets: string[], walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean): WalletWithFeatures<import("@iota/wallet-standard").StandardConnectFeature & import("@iota/wallet-standard").StandardEventsFeature & AdditionalFeatures>[];
+export declare function getWalletUniqueIdentifier(wallet?: Wallet): string | undefined;

package/dist/esm/utils/walletUtils.js

@@ -0,0 +1,23 @@
+// src/utils/walletUtils.ts
+import { getWallets, isWalletWithRequiredFeatureSet } from "@iota/wallet-standard";
+function getRegisteredWallets(preferredWallets, walletFilter) {
+  const walletsApi = getWallets();
+  const wallets = walletsApi.get();
+  const iotaWallets = wallets.filter(
+    (wallet) => isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet))
+  );
+  return [
+    // Preferred wallets, in order:
+    ...preferredWallets.map((name) => iotaWallets.find((wallet) => wallet.name === name)).filter(Boolean),
+    // Wallets in default order:
+    ...iotaWallets.filter((wallet) => !preferredWallets.includes(wallet.name))
+  ];
+}
+function getWalletUniqueIdentifier(wallet) {
+  return wallet?.id ?? wallet?.name;
+}
+export {
+  getRegisteredWallets,
+  getWalletUniqueIdentifier
+};
+//# sourceMappingURL=walletUtils.js.map

package/dist/esm/utils/walletUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/walletUtils.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n    MinimallyRequiredFeatures,\n    Wallet,\n    WalletWithFeatures,\n    WalletWithRequiredFeatures,\n} from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n    preferredWallets: string[],\n    walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,\n) {\n    const walletsApi = getWallets();\n    const wallets = walletsApi.get();\n\n    const iotaWallets = wallets.filter(\n        (wallet): wallet is WalletWithFeatures<MinimallyRequiredFeatures & AdditionalFeatures> =>\n            isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet)),\n    );\n\n    return [\n        // Preferred wallets, in order:\n        ...(preferredWallets\n            .map((name) => iotaWallets.find((wallet) => wallet.name === name))\n            .filter(Boolean) as WalletWithFeatures<\n            MinimallyRequiredFeatures & AdditionalFeatures\n        >[]),\n\n        // Wallets in default order:\n        ...iotaWallets.filter((wallet) => !preferredWallets.includes(wallet.name)),\n    ];\n}\n\nexport function getWalletUniqueIdentifier(wallet?: Wallet) {\n    return wallet?.id ?? wallet?.name;\n}\n"],
+  "mappings": ";AAUA,SAAS,YAAY,sCAAsC;AAEpD,SAAS,qBACZ,kBACA,cACF;AACE,QAAM,aAAa,WAAW;AAC9B,QAAM,UAAU,WAAW,IAAI;AAE/B,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,WACG,+BAA+B,MAAM,MAAM,CAAC,gBAAgB,aAAa,MAAM;AAAA,EACvF;AAEA,SAAO;AAAA;AAAA,IAEH,GAAI,iBACC,IAAI,CAAC,SAAS,YAAY,KAAK,CAAC,WAAW,OAAO,SAAS,IAAI,CAAC,EAChE,OAAO,OAAO;AAAA;AAAA,IAKnB,GAAG,YAAY,OAAO,CAAC,WAAW,CAAC,iBAAiB,SAAS,OAAO,IAAI,CAAC;AAAA,EAC7E;AACJ;AAEO,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;",
+  "names": []
+}

package/dist/esm/walletStore.d.ts

@@ -0,0 +1,42 @@
+import type { Wallet, WalletAccount, WalletWithRequiredFeatures } from '@iota/wallet-standard';
+import type { StateStorage } from 'zustand/middleware';
+type WalletConnectionStatus = 'disconnected' | 'connecting' | 'connected';
+export type WalletActions = {
+    setAccountSwitched: (selectedAccount: WalletAccount) => void;
+    setConnectionStatus: (connectionStatus: WalletConnectionStatus) => void;
+    setWalletConnected: (wallet: WalletWithRequiredFeatures, connectedAccounts: readonly WalletAccount[], selectedAccount: WalletAccount | null, supportedIntents?: string[]) => void;
+    updateWalletAccounts: (accounts: readonly WalletAccount[]) => void;
+    setWalletDisconnected: () => void;
+    setWalletRegistered: (updatedWallets: WalletWithRequiredFeatures[]) => void;
+    setWalletUnregistered: (updatedWallets: WalletWithRequiredFeatures[], unregisteredWallet: Wallet) => void;
+};
+export type WalletStore = ReturnType<typeof createWalletStore>;
+export type StoreState = {
+    autoConnectEnabled: boolean;
+    wallets: WalletWithRequiredFeatures[];
+    accounts: readonly WalletAccount[];
+    currentWallet: WalletWithRequiredFeatures | null;
+    currentAccount: WalletAccount | null;
+    lastConnectedAccountAddress: string | null;
+    lastConnectedWalletName: string | null;
+    connectionStatus: WalletConnectionStatus;
+    supportedIntents: string[];
+} & WalletActions;
+type WalletConfiguration = {
+    autoConnectEnabled: boolean;
+    wallets: WalletWithRequiredFeatures[];
+    storage: StateStorage;
+    storageKey: string;
+};
+export declare function createWalletStore({ wallets, storage, storageKey, autoConnectEnabled, }: WalletConfiguration): Omit<import("zustand").StoreApi<StoreState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<StoreState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: StoreState) => void) => () => void;
+        onFinishHydration: (fn: (state: StoreState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<StoreState, unknown>>;
+    };
+};
+export {};

package/dist/esm/walletStore.js

@@ -0,0 +1,106 @@
+// src/walletStore.ts
+import { createStore } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+
+// src/utils/walletUtils.ts
+import { getWallets, isWalletWithRequiredFeatureSet } from "@iota/wallet-standard";
+function getWalletUniqueIdentifier(wallet) {
+  return wallet?.id ?? wallet?.name;
+}
+
+// src/walletStore.ts
+function createWalletStore({
+  wallets,
+  storage,
+  storageKey,
+  autoConnectEnabled
+}) {
+  return createStore()(
+    persist(
+      (set, get) => ({
+        autoConnectEnabled,
+        wallets,
+        accounts: [],
+        currentWallet: null,
+        currentAccount: null,
+        lastConnectedAccountAddress: null,
+        lastConnectedWalletName: null,
+        connectionStatus: "disconnected",
+        supportedIntents: [],
+        setConnectionStatus(connectionStatus) {
+          set(() => ({
+            connectionStatus
+          }));
+        },
+        setWalletConnected(wallet, connectedAccounts, selectedAccount, supportedIntents = []) {
+          set(() => ({
+            accounts: connectedAccounts,
+            currentWallet: wallet,
+            currentAccount: selectedAccount,
+            lastConnectedWalletName: getWalletUniqueIdentifier(wallet),
+            lastConnectedAccountAddress: selectedAccount?.address,
+            connectionStatus: "connected",
+            supportedIntents
+          }));
+        },
+        setWalletDisconnected() {
+          set(() => ({
+            accounts: [],
+            currentWallet: null,
+            currentAccount: null,
+            lastConnectedWalletName: null,
+            lastConnectedAccountAddress: null,
+            connectionStatus: "disconnected",
+            supportedIntents: []
+          }));
+        },
+        setAccountSwitched(selectedAccount) {
+          set(() => ({
+            currentAccount: selectedAccount,
+            lastConnectedAccountAddress: selectedAccount.address
+          }));
+        },
+        setWalletRegistered(updatedWallets) {
+          set(() => ({ wallets: updatedWallets }));
+        },
+        setWalletUnregistered(updatedWallets, unregisteredWallet) {
+          if (unregisteredWallet === get().currentWallet) {
+            set(() => ({
+              wallets: updatedWallets,
+              accounts: [],
+              currentWallet: null,
+              currentAccount: null,
+              lastConnectedWalletName: null,
+              lastConnectedAccountAddress: null,
+              connectionStatus: "disconnected",
+              supportedIntents: []
+            }));
+          } else {
+            set(() => ({ wallets: updatedWallets }));
+          }
+        },
+        updateWalletAccounts(accounts) {
+          const currentAccount = get().currentAccount;
+          set(() => ({
+            accounts,
+            currentAccount: currentAccount && accounts.find(
+              ({ address }) => address === currentAccount.address
+            ) || accounts[0]
+          }));
+        }
+      }),
+      {
+        name: storageKey,
+        storage: createJSONStorage(() => storage),
+        partialize: ({ lastConnectedWalletName, lastConnectedAccountAddress }) => ({
+          lastConnectedWalletName,
+          lastConnectedAccountAddress
+        })
+      }
+    )
+  );
+}
+export {
+  createWalletStore
+};
+//# sourceMappingURL=walletStore.js.map

package/dist/esm/walletStore.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/walletStore.ts", "../../src/utils/walletUtils.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { Wallet, WalletAccount, WalletWithRequiredFeatures } from '@iota/wallet-standard';\nimport { createStore } from 'zustand';\nimport type { StateStorage } from 'zustand/middleware';\nimport { createJSONStorage, persist } from 'zustand/middleware';\n\nimport { getWalletUniqueIdentifier } from './utils/walletUtils.js';\n\ntype WalletConnectionStatus = 'disconnected' | 'connecting' | 'connected';\n\nexport type WalletActions = {\n    setAccountSwitched: (selectedAccount: WalletAccount) => void;\n    setConnectionStatus: (connectionStatus: WalletConnectionStatus) => void;\n    setWalletConnected: (\n        wallet: WalletWithRequiredFeatures,\n        connectedAccounts: readonly WalletAccount[],\n        selectedAccount: WalletAccount | null,\n        supportedIntents?: string[],\n    ) => void;\n    updateWalletAccounts: (accounts: readonly WalletAccount[]) => void;\n    setWalletDisconnected: () => void;\n    setWalletRegistered: (updatedWallets: WalletWithRequiredFeatures[]) => void;\n    setWalletUnregistered: (\n        updatedWallets: WalletWithRequiredFeatures[],\n        unregisteredWallet: Wallet,\n    ) => void;\n};\n\nexport type WalletStore = ReturnType<typeof createWalletStore>;\n\nexport type StoreState = {\n    autoConnectEnabled: boolean;\n    wallets: WalletWithRequiredFeatures[];\n    accounts: readonly WalletAccount[];\n    currentWallet: WalletWithRequiredFeatures | null;\n    currentAccount: WalletAccount | null;\n    lastConnectedAccountAddress: string | null;\n    lastConnectedWalletName: string | null;\n    connectionStatus: WalletConnectionStatus;\n    supportedIntents: string[];\n} & WalletActions;\n\ntype WalletConfiguration = {\n    autoConnectEnabled: boolean;\n    wallets: WalletWithRequiredFeatures[];\n    storage: StateStorage;\n    storageKey: string;\n};\n\nexport function createWalletStore({\n    wallets,\n    storage,\n    storageKey,\n    autoConnectEnabled,\n}: WalletConfiguration) {\n    return createStore<StoreState>()(\n        persist(\n            (set, get) => ({\n                autoConnectEnabled,\n                wallets,\n                accounts: [] as WalletAccount[],\n                currentWallet: null,\n                currentAccount: null,\n                lastConnectedAccountAddress: null,\n                lastConnectedWalletName: null,\n                connectionStatus: 'disconnected',\n                supportedIntents: [],\n                setConnectionStatus(connectionStatus) {\n                    set(() => ({\n                        connectionStatus,\n                    }));\n                },\n                setWalletConnected(\n                    wallet,\n                    connectedAccounts,\n                    selectedAccount,\n                    supportedIntents = [],\n                ) {\n                    set(() => ({\n                        accounts: connectedAccounts,\n                        currentWallet: wallet,\n                        currentAccount: selectedAccount,\n                        lastConnectedWalletName: getWalletUniqueIdentifier(wallet),\n                        lastConnectedAccountAddress: selectedAccount?.address,\n                        connectionStatus: 'connected',\n                        supportedIntents,\n                    }));\n                },\n                setWalletDisconnected() {\n                    set(() => ({\n                        accounts: [],\n                        currentWallet: null,\n                        currentAccount: null,\n                        lastConnectedWalletName: null,\n                        lastConnectedAccountAddress: null,\n                        connectionStatus: 'disconnected',\n                        supportedIntents: [],\n                    }));\n                },\n                setAccountSwitched(selectedAccount) {\n                    set(() => ({\n                        currentAccount: selectedAccount,\n                        lastConnectedAccountAddress: selectedAccount.address,\n                    }));\n                },\n                setWalletRegistered(updatedWallets) {\n                    set(() => ({ wallets: updatedWallets }));\n                },\n                setWalletUnregistered(updatedWallets, unregisteredWallet) {\n                    if (unregisteredWallet === get().currentWallet) {\n                        set(() => ({\n                            wallets: updatedWallets,\n                            accounts: [],\n                            currentWallet: null,\n                            currentAccount: null,\n                            lastConnectedWalletName: null,\n                            lastConnectedAccountAddress: null,\n                            connectionStatus: 'disconnected',\n                            supportedIntents: [],\n                        }));\n                    } else {\n                        set(() => ({ wallets: updatedWallets }));\n                    }\n                },\n                updateWalletAccounts(accounts) {\n                    const currentAccount = get().currentAccount;\n\n                    set(() => ({\n                        accounts,\n                        currentAccount:\n                            (currentAccount &&\n                                accounts.find(\n                                    ({ address }) => address === currentAccount.address,\n                                )) ||\n                            accounts[0],\n                    }));\n                },\n            }),\n            {\n                name: storageKey,\n                storage: createJSONStorage(() => storage),\n                partialize: ({ lastConnectedWalletName, lastConnectedAccountAddress }) => ({\n                    lastConnectedWalletName,\n                    lastConnectedAccountAddress,\n                }),\n            },\n        ),\n    );\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// Modifications Copyright (c) 2024 IOTA Stiftung\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n    MinimallyRequiredFeatures,\n    Wallet,\n    WalletWithFeatures,\n    WalletWithRequiredFeatures,\n} from '@iota/wallet-standard';\nimport { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';\n\nexport function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(\n    preferredWallets: string[],\n    walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,\n) {\n    const walletsApi = getWallets();\n    const wallets = walletsApi.get();\n\n    const iotaWallets = wallets.filter(\n        (wallet): wallet is WalletWithFeatures<MinimallyRequiredFeatures & AdditionalFeatures> =>\n            isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet)),\n    );\n\n    return [\n        // Preferred wallets, in order:\n        ...(preferredWallets\n            .map((name) => iotaWallets.find((wallet) => wallet.name === name))\n            .filter(Boolean) as WalletWithFeatures<\n            MinimallyRequiredFeatures & AdditionalFeatures\n        >[]),\n\n        // Wallets in default order:\n        ...iotaWallets.filter((wallet) => !preferredWallets.includes(wallet.name)),\n    ];\n}\n\nexport function getWalletUniqueIdentifier(wallet?: Wallet) {\n    return wallet?.id ?? wallet?.name;\n}\n"],
+  "mappings": ";AAKA,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB,eAAe;;;ACG3C,SAAS,YAAY,sCAAsC;AA2BpD,SAAS,0BAA0B,QAAiB;AACvD,SAAO,QAAQ,MAAM,QAAQ;AACjC;;;ADaO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAwB;AACpB,SAAO,YAAwB;AAAA,IAC3B;AAAA,MACI,CAAC,KAAK,SAAS;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU,CAAC;AAAA,QACX,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,6BAA6B;AAAA,QAC7B,yBAAyB;AAAA,QACzB,kBAAkB;AAAA,QAClB,kBAAkB,CAAC;AAAA,QACnB,oBAAoB,kBAAkB;AAClC,cAAI,OAAO;AAAA,YACP;AAAA,UACJ,EAAE;AAAA,QACN;AAAA,QACA,mBACI,QACA,mBACA,iBACA,mBAAmB,CAAC,GACtB;AACE,cAAI,OAAO;AAAA,YACP,UAAU;AAAA,YACV,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB,0BAA0B,MAAM;AAAA,YACzD,6BAA6B,iBAAiB;AAAA,YAC9C,kBAAkB;AAAA,YAClB;AAAA,UACJ,EAAE;AAAA,QACN;AAAA,QACA,wBAAwB;AACpB,cAAI,OAAO;AAAA,YACP,UAAU,CAAC;AAAA,YACX,eAAe;AAAA,YACf,gBAAgB;AAAA,YAChB,yBAAyB;AAAA,YACzB,6BAA6B;AAAA,YAC7B,kBAAkB;AAAA,YAClB,kBAAkB,CAAC;AAAA,UACvB,EAAE;AAAA,QACN;AAAA,QACA,mBAAmB,iBAAiB;AAChC,cAAI,OAAO;AAAA,YACP,gBAAgB;AAAA,YAChB,6BAA6B,gBAAgB;AAAA,UACjD,EAAE;AAAA,QACN;AAAA,QACA,oBAAoB,gBAAgB;AAChC,cAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,QAC3C;AAAA,QACA,sBAAsB,gBAAgB,oBAAoB;AACtD,cAAI,uBAAuB,IAAI,EAAE,eAAe;AAC5C,gBAAI,OAAO;AAAA,cACP,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cACX,eAAe;AAAA,cACf,gBAAgB;AAAA,cAChB,yBAAyB;AAAA,cACzB,6BAA6B;AAAA,cAC7B,kBAAkB;AAAA,cAClB,kBAAkB,CAAC;AAAA,YACvB,EAAE;AAAA,UACN,OAAO;AACH,gBAAI,OAAO,EAAE,SAAS,eAAe,EAAE;AAAA,UAC3C;AAAA,QACJ;AAAA,QACA,qBAAqB,UAAU;AAC3B,gBAAM,iBAAiB,IAAI,EAAE;AAE7B,cAAI,OAAO;AAAA,YACP;AAAA,YACA,gBACK,kBACG,SAAS;AAAA,cACL,CAAC,EAAE,QAAQ,MAAM,YAAY,eAAe;AAAA,YAChD,KACJ,SAAS,CAAC;AAAA,UAClB,EAAE;AAAA,QACN;AAAA,MACJ;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,SAAS,kBAAkB,MAAM,OAAO;AAAA,QACxC,YAAY,CAAC,EAAE,yBAAyB,4BAA4B,OAAO;AAAA,UACvE;AAAA,UACA;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;",
+  "names": []
+}

package/dist/index.css/package.json

@@ -0,0 +1,5 @@
+{
+    "private": true,
+    "import": "../esm/index.css",
+    "main": "../cjs/index.css"
+}