@lifi/widget 3.0.0-alpha.3 → 3.0.0-alpha.4

package/src/_cjs/providers/WalletProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WalletProvider';
+export * from './utils';

package/src/_cjs/providers/WalletProvider/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./WalletProvider"), exports);
+__exportStar(require("./utils"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/providers/WalletProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/providers/WalletProvider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB"}

package/src/_cjs/providers/WalletProvider/utils.d.ts

@@ -0,0 +1,3 @@
+import type { ExtendedChain } from '@lifi/sdk';
+import type { Chain } from 'viem';
+export declare const formatChain: (chain: ExtendedChain) => Chain;

package/src/_cjs/providers/WalletProvider/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatChain = void 0;
+const formatChain = (chain) => ({
+    ...chain,
+    ...chain.metamask,
+    blockExplorers: chain.metamask.blockExplorerUrls.reduce((blockExplorers, blockExplorer, index) => {
+        blockExplorers[index === 0 ? 'default' : `${index}`] = {
+            name: blockExplorer,
+            url: blockExplorer,
+        };
+        return blockExplorers;
+    }, {}),
+    name: chain.metamask.chainName,
+    rpcUrls: {
+        default: { http: chain.metamask.rpcUrls },
+        public: { http: chain.metamask.rpcUrls },
+    },
+    contracts: {
+        ...(chain.multicallAddress
+            ? { multicall3: { address: chain.multicallAddress } }
+            : undefined),
+    },
+});
+exports.formatChain = formatChain;
+//# sourceMappingURL=utils.js.map

package/src/_cjs/providers/WalletProvider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/providers/WalletProvider/utils.ts"],"names":[],"mappings":";;;AAaO,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAS,EAAE,CAAC,CAAC;IAC3D,GAAG,KAAK;IACR,GAAG,KAAK,CAAC,QAAQ;IACjB,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,CACrD,CAAC,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE;QACvC,cAAc,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG;YACrD,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,aAAa;SACnB,CAAC;QACF,OAAO,cAAc,CAAC;IACxB,CAAC,EACD,EAAyB,CAC1B;IACD,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS;IAC9B,OAAO,EAAE;QACP,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE;QACzC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE;KACzC;IACD,SAAS,EAAE;QACT,GAAG,CAAC,KAAK,CAAC,gBAAgB;YACxB,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,gBAA2B,EAAE,EAAE;YAChE,CAAC,CAAC,SAAS,CAAC;KACf;CACF,CAAC,CAAC;AAvBU,QAAA,WAAW,eAuBrB"}

package/src/_cjs/providers/WidgetProvider/WidgetProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WidgetContextProps, WidgetProviderProps } from './types';
+export declare const useWidgetConfig: () => WidgetContextProps;
+export declare const WidgetProvider: React.FC<React.PropsWithChildren<WidgetProviderProps>>;

package/src/_cjs/providers/WidgetProvider/WidgetProvider.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetProvider = exports.useWidgetConfig = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = require("@lifi/sdk");
+const react_1 = require("react");
+const version_1 = require("../../config/version");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const initialContext = {
+    elementId: '',
+    integrator: '',
+};
+const WidgetContext = (0, react_1.createContext)(initialContext);
+const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
+exports.useWidgetConfig = useWidgetConfig;
+let sdkInitialized = false;
+const WidgetProvider = ({ children, config: widgetConfig }) => {
+    const elementId = (0, react_1.useId)();
+    if (!widgetConfig?.integrator) {
+        throw Error('Required property "integrator" is missing.');
+    }
+    const value = (0, react_1.useMemo)(() => {
+        try {
+            // Get search params from URL
+            const searchParams = Object.fromEntries(new URLSearchParams(window?.location.search));
+            // Prevent using fromToken/toToken params if chain is not selected
+            ['from', 'to'].forEach((key) => {
+                if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {
+                    delete searchParams[`${key}Token`];
+                }
+            });
+            // Create widget configuration object
+            const value = {
+                ...widgetConfig,
+                fromChain: (searchParams.fromChain &&
+                    !isNaN(parseInt(searchParams.fromChain, 10))) ||
+                    typeof widgetConfig.fromChain === 'number'
+                    ? parseInt(searchParams.fromChain, 10) || widgetConfig.fromChain
+                    : undefined,
+                toChain: (searchParams.toChain &&
+                    !isNaN(parseInt(searchParams.toChain, 10))) ||
+                    typeof widgetConfig.toChain === 'number'
+                    ? parseInt(searchParams.toChain, 10) || widgetConfig.toChain
+                    : undefined,
+                fromToken: searchParams.fromToken || widgetConfig.fromToken,
+                toToken: searchParams.toToken || widgetConfig.toToken,
+                fromAmount: typeof searchParams.fromAmount === 'string' &&
+                    !isNaN(parseFloat(searchParams.fromAmount))
+                    ? (0, utils_1.formatInputAmount)(searchParams.fromAmount)
+                    : widgetConfig.fromAmount,
+                toAddress: searchParams.toAddress || widgetConfig.toAddress,
+                integrator: widgetConfig.integrator,
+                elementId,
+            };
+            // Set default settings for widget settings store
+            (0, stores_1.setDefaultSettings)(value);
+            // Configure SDK
+            const _config = {
+                ...widgetConfig.sdkConfig,
+                apiKey: widgetConfig.apiKey,
+                integrator: widgetConfig.integrator ?? window?.location.hostname,
+                routeOptions: {
+                    fee: widgetConfig.fee,
+                    referrer: widgetConfig.referrer,
+                    order: widgetConfig.routePriority,
+                    slippage: widgetConfig.slippage,
+                    ...widgetConfig.sdkConfig?.routeOptions,
+                },
+                disableVersionCheck: true,
+                widgetVersion: version_1.version,
+                preloadChains: false,
+            };
+            if (!sdkInitialized) {
+                (0, sdk_1.createConfig)(_config);
+                sdkInitialized = true;
+            }
+            else {
+                sdk_1.config.set(_config);
+            }
+            return value;
+        }
+        catch (e) {
+            console.warn(e);
+            return {
+                ...widgetConfig,
+                elementId,
+                integrator: widgetConfig.integrator,
+            };
+        }
+    }, [elementId, widgetConfig]);
+    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, { value: value, children: children }));
+};
+exports.WidgetProvider = WidgetProvider;
+//# sourceMappingURL=WidgetProvider.js.map

package/src/_cjs/providers/WidgetProvider/WidgetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetProvider.js","sourceRoot":"","sources":["../../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"names":[],"mappings":"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"}

package/src/_cjs/providers/WidgetProvider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './utils';
+export * from './WidgetProvider';

package/src/_cjs/providers/WidgetProvider/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./WidgetProvider"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/providers/WidgetProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/providers/WidgetProvider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC"}

package/src/_cjs/providers/WidgetProvider/types.d.ts

@@ -0,0 +1,9 @@
+import type { WidgetConfig } from '../../types';
+export type WidgetContextProps = WidgetConfig & {
+    fromChain?: number;
+    toChain?: number;
+    elementId: string;
+};
+export interface WidgetProviderProps {
+    config?: WidgetConfig;
+}

package/src/_cjs/providers/WidgetProvider/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/src/_cjs/providers/WidgetProvider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/providers/WidgetProvider/types.ts"],"names":[],"mappings":""}

package/src/_cjs/providers/WidgetProvider/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const isItemAllowed: <T>(itemId: T, items?: {
+    allow?: T[] | undefined;
+    deny?: T[] | undefined;
+} | undefined) => boolean;

package/src/_cjs/providers/WidgetProvider/utils.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isItemAllowed = void 0;
+const isItemAllowed = (itemId, items) => {
+    if (items?.allow?.length) {
+        return items.allow.includes(itemId);
+    }
+    return !items?.deny?.includes(itemId);
+};
+exports.isItemAllowed = isItemAllowed;
+//# sourceMappingURL=utils.js.map

package/src/_cjs/providers/WidgetProvider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/providers/WidgetProvider/utils.ts"],"names":[],"mappings":";;;AAAO,MAAM,aAAa,GAAG,CAC3B,MAAS,EACT,KAGC,EACD,EAAE;IACF,IAAI,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IACD,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;AACxC,CAAC,CAAC;AAXW,QAAA,aAAa,iBAWxB"}

package/src/_cjs/providers/index.d.ts

@@ -0,0 +1,5 @@
+export * from './FormProvider';
+export * from './I18nProvider';
+export * from './ThemeProvider';
+export * from './WalletProvider';
+export * from './WidgetProvider';

package/src/_cjs/providers/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FormProvider"), exports);
+__exportStar(require("./I18nProvider"), exports);
+__exportStar(require("./ThemeProvider"), exports);
+__exportStar(require("./WalletProvider"), exports);
+__exportStar(require("./WidgetProvider"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/providers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B;AAC/B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC"}

package/src/_cjs/stores/StoreProvider.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from 'react';
+import type { WidgetConfigProps } from '../types';
+export declare const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>>;

package/src/_cjs/stores/StoreProvider.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoreProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const chains_1 = require("./chains");
+const header_1 = require("./header");
+const routes_1 = require("./routes");
+const settings_1 = require("./settings");
+const StoreProvider = ({ children, config, }) => {
+    return ((0, jsx_runtime_1.jsx)(settings_1.SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
+            ? config.subvariantOptions || 'swap'
+            : undefined, children: (0, jsx_runtime_1.jsx)(header_1.HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
+};
+exports.StoreProvider = StoreProvider;
+//# sourceMappingURL=StoreProvider.js.map

package/src/_cjs/stores/StoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreProvider.js","sourceRoot":"","sources":["../../../../src/stores/StoreProvider.tsx"],"names":[],"mappings":";;;;AAEA,qCAAmD;AACnD,qCAA+C;AAC/C,qCAAuD;AACvD,yCAA0D;AAEnD,MAAM,aAAa,GAAmD,CAAC,EAC5E,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,uCAA4B,IAC3B,KAAK,EACH,MAAM,CAAC,UAAU,KAAK,OAAO;YAC3B,CAAC,CAAC,MAAM,CAAC,iBAAiB,IAAI,MAAM;YACpC,CAAC,CAAC,SAAS,YAGf,uBAAC,4BAAmB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YAChD,uBAAC,gCAAuB,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACpD,uBAAC,oCAA2B,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,YACvD,QAAQ,GACmB,GACN,GACN,GACO,CAChC,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,aAAa,iBAqBxB"}

package/src/_cjs/stores/chains/ChainOrderStore.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
+import type { PersistStoreProviderProps } from '../types';
+import type { ChainOrderState } from './types';
+export type ChainOrderStore = UseBoundStoreWithEqualityFn<StoreApi<ChainOrderState>>;
+export declare const ChainOrderStoreContext: import("react").Context<ChainOrderStore | null>;
+export declare function ChainOrderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useChainOrderStore<T>(selector: (state: ChainOrderState) => T, equalityFn?: (left: T, right: T) => boolean): T;
+export declare function useChainOrderStoreContext(): ChainOrderStore;

package/src/_cjs/stores/chains/ChainOrderStore.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChainOrderStoreContext = exports.useChainOrderStore = exports.ChainOrderStoreProvider = exports.ChainOrderStoreContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const createChainOrderStore_1 = require("./createChainOrderStore");
+exports.ChainOrderStoreContext = (0, react_1.createContext)(null);
+function ChainOrderStoreProvider({ children, ...props }) {
+    const storeRef = (0, react_1.useRef)();
+    const { chains: filteredChains } = (0, hooks_1.useChains)();
+    const { setValue, getValues } = (0, react_hook_form_1.useFormContext)();
+    if (!storeRef.current) {
+        storeRef.current = (0, createChainOrderStore_1.createChainOrderStore)(props);
+    }
+    (0, react_1.useEffect)(() => {
+        if (filteredChains) {
+            const chainOrder = storeRef.current
+                ?.getState()
+                .initializeChains(filteredChains.map((chain) => chain.id));
+            if (chainOrder) {
+                const [fromChainValue, toChainValue] = getValues([
+                    providers_1.FormKey.FromChain,
+                    providers_1.FormKey.ToChain,
+                ]);
+                if (!fromChainValue) {
+                    setValue(providers_1.FormKey.FromChain, chainOrder[0]);
+                }
+                if (!toChainValue) {
+                    setValue(providers_1.FormKey.ToChain, chainOrder[0]);
+                }
+            }
+        }
+    }, [filteredChains, getValues, setValue]);
+    return ((0, jsx_runtime_1.jsx)(exports.ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+exports.ChainOrderStoreProvider = ChainOrderStoreProvider;
+function useChainOrderStore(selector, equalityFn) {
+    const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
+    }
+    return useStore(selector, equalityFn);
+}
+exports.useChainOrderStore = useChainOrderStore;
+function useChainOrderStoreContext() {
+    const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
+    }
+    return useStore;
+}
+exports.useChainOrderStoreContext = useChainOrderStoreContext;
+//# sourceMappingURL=ChainOrderStore.js.map

package/src/_cjs/stores/chains/ChainOrderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainOrderStore.js","sourceRoot":"","sources":["../../../../../src/stores/chains/ChainOrderStore.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqE;AACrE,qDAAiD;AAGjD,uCAAwC;AACxC,+CAA0C;AAE1C,mEAAgE;AAOnD,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EACjD,IAAI,CACL,CAAC;AAEF,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,GAAG,KAAK,EACkB;IAC1B,MAAM,QAAQ,GAAG,IAAA,cAAM,GAAmB,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC/C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAc,GAAE,CAAC;IAEjD,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,IAAA,6CAAqB,EAAC,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO;gBACjC,EAAE,QAAQ,EAAE;iBACX,gBAAgB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;YAC7D,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC;oBAC/C,mBAAO,CAAC,SAAS;oBACjB,mBAAO,CAAC,OAAO;iBAChB,CAAC,CAAC;gBACH,IAAI,CAAC,cAAc,EAAE,CAAC;oBACpB,QAAQ,CAAC,mBAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7C,CAAC;gBACD,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,QAAQ,CAAC,mBAAO,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC3C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,uBAAC,8BAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YACrD,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC;AArCD,0DAqCC;AAED,SAAgB,kBAAkB,CAChC,QAAuC,EACvC,UAA2C;IAE3C,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,8BAAsB,CAAC,CAAC;IACpD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,uBAAuB,CAAC,IAAI,IAAI,CAC1E,CAAC;IACJ,CAAC;IACD,OAAO,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACxC,CAAC;AAXD,gDAWC;AAED,SAAgB,yBAAyB;IACvC,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,8BAAsB,CAAC,CAAC;IACpD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,uBAAuB,CAAC,IAAI,IAAI,CAC1E,CAAC;IACJ,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AARD,8DAQC"}

package/src/_cjs/stores/chains/createChainOrderStore.d.ts

@@ -0,0 +1,4 @@
+import type { PersistStoreProps } from '../types';
+import type { ChainOrderState } from './types';
+export declare const maxChainToOrder = 9;
+export declare const createChainOrderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<ChainOrderState>>;

package/src/_cjs/stores/chains/createChainOrderStore.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createChainOrderStore = exports.maxChainToOrder = void 0;
+const middleware_1 = require("zustand/middleware");
+const traditional_1 = require("zustand/traditional");
+exports.maxChainToOrder = 9;
+const createChainOrderStore = ({ namePrefix }) => (0, traditional_1.createWithEqualityFn)((0, middleware_1.persist)((set, get) => ({
+    chainOrder: [],
+    availableChains: [],
+    initializeChains: (chainIds) => {
+        set((state) => {
+            const chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
+            const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
+            if (chainOrder.length === exports.maxChainToOrder || !chainsToAdd.length) {
+                return {
+                    availableChains: chainIds,
+                    chainOrder,
+                };
+            }
+            const chainsToAddLength = exports.maxChainToOrder - chainOrder.length;
+            for (let index = 0; index < chainsToAddLength; index++) {
+                chainOrder.push(chainsToAdd[index]);
+            }
+            return {
+                availableChains: chainIds,
+                chainOrder,
+            };
+        });
+        return get().chainOrder;
+    },
+    setChain: (chainId) => {
+        const state = get();
+        if (state.chainOrder.includes(chainId) ||
+            !state.availableChains.includes(chainId)) {
+            return;
+        }
+        set((state) => {
+            const chainOrder = state.chainOrder.slice();
+            chainOrder.unshift(chainId);
+            if (chainOrder.length > exports.maxChainToOrder) {
+                chainOrder.pop();
+            }
+            return {
+                chainOrder,
+            };
+        });
+    },
+}), {
+    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
+    version: 0,
+    partialize: (state) => ({ chainOrder: state.chainOrder }),
+}), Object.is);
+exports.createChainOrderStore = createChainOrderStore;
+//# sourceMappingURL=createChainOrderStore.js.map

package/src/_cjs/stores/chains/createChainOrderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createChainOrderStore.js","sourceRoot":"","sources":["../../../../../src/stores/chains/createChainOrderStore.ts"],"names":[],"mappings":";;;AACA,mDAA6C;AAC7C,qDAA2D;AAI9C,QAAA,eAAe,GAAG,CAAC,CAAC;AAE1B,MAAM,qBAAqB,GAAG,CAAC,EAAE,UAAU,EAAqB,EAAE,EAAE,CACzE,IAAA,kCAAoB,EAClB,IAAA,oBAAO,EACL,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,UAAU,EAAE,EAAE;IACd,eAAe,EAAE,EAAE;IACnB,gBAAgB,EAAE,CAAC,QAAkB,EAAE,EAAE;QACvC,GAAG,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CACrD,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,CAAC;YACF,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CACjC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3C,CAAC;YACF,IAAI,UAAU,CAAC,MAAM,KAAK,uBAAe,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;gBACjE,OAAO;oBACL,eAAe,EAAE,QAAQ;oBACzB,UAAU;iBACX,CAAC;YACJ,CAAC;YACD,MAAM,iBAAiB,GAAG,uBAAe,GAAG,UAAU,CAAC,MAAM,CAAC;YAC9D,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,EAAE,CAAC;gBACvD,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;YACtC,CAAC;YACD,OAAO;gBACL,eAAe,EAAE,QAAQ;gBACzB,UAAU;aACX,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC;IAC1B,CAAC;IACD,QAAQ,EAAE,CAAC,OAAe,EAAE,EAAE;QAC5B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC;QACpB,IACE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC;YAClC,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC,EACxC,CAAC;YACD,OAAO;QACT,CAAC;QACD,GAAG,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAC5C,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC5B,IAAI,UAAU,CAAC,MAAM,GAAG,uBAAe,EAAE,CAAC;gBACxC,UAAU,CAAC,GAAG,EAAE,CAAC;YACnB,CAAC;YACD,OAAO;gBACL,UAAU;aACX,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAC,EACF;IACE,IAAI,EAAE,GAAG,UAAU,IAAI,OAAO,sBAAsB;IACpD,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC;CAC1D,CACwD,EAC3D,MAAM,CAAC,EAAE,CACV,CAAC;AA1DS,QAAA,qBAAqB,yBA0D9B"}

package/src/_cjs/stores/chains/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ChainOrderStore';
+export * from './createChainOrderStore';
+export * from './types';
+export * from './useChainOrder';

package/src/_cjs/stores/chains/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ChainOrderStore"), exports);
+__exportStar(require("./createChainOrderStore"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./useChainOrder"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/stores/chains/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/stores/chains/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,0DAAwC;AACxC,0CAAwB;AACxB,kDAAgC"}

package/src/_cjs/stores/chains/types.d.ts

@@ -0,0 +1,8 @@
+export interface ChainOrderProps {
+    chainOrder: number[];
+    availableChains: number[];
+}
+export interface ChainOrderState extends ChainOrderProps {
+    initializeChains(chainIds: number[]): number[];
+    setChain(chainId: number): void;
+}

package/src/_cjs/stores/chains/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/src/_cjs/stores/chains/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/stores/chains/types.ts"],"names":[],"mappings":""}

package/src/_cjs/stores/chains/useChainOrder.d.ts

@@ -0,0 +1 @@
+export declare const useChainOrder: () => [number[], (chainId: number) => void];

package/src/_cjs/stores/chains/useChainOrder.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChainOrder = void 0;
+const shallow_1 = require("zustand/shallow");
+const ChainOrderStore_1 = require("./ChainOrderStore");
+const useChainOrder = () => {
+    return (0, ChainOrderStore_1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.shallow);
+};
+exports.useChainOrder = useChainOrder;
+//# sourceMappingURL=useChainOrder.js.map

package/src/_cjs/stores/chains/useChainOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChainOrder.js","sourceRoot":"","sources":["../../../../../src/stores/chains/useChainOrder.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAC1C,uDAAuD;AAEhD,MAAM,aAAa,GAAG,GAA0C,EAAE;IACvE,OAAO,IAAA,oCAAkB,EACvB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,EAC7C,iBAAO,CACR,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,aAAa,iBAKxB"}

package/src/_cjs/stores/header/index.d.ts

@@ -0,0 +1 @@
+export * from './useHeaderStore';

package/src/_cjs/stores/header/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useHeaderStore"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/stores/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/stores/header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/src/_cjs/stores/header/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
+export type HeaderStore = UseBoundStoreWithEqualityFn<StoreApi<HeaderState>>;
+export interface HeaderStateBase {
+    element?: React.ReactNode | null;
+    title?: string;
+}
+export interface HeaderState extends HeaderStateBase {
+    setAction(element?: React.ReactNode | null): () => void;
+    setTitle(title?: string): () => void;
+    removeAction(): void;
+    removeTitle(): void;
+}

package/src/_cjs/stores/header/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/src/_cjs/stores/header/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/stores/header/types.ts"],"names":[],"mappings":""}

package/src/_cjs/stores/header/useHeaderStore.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PersistStoreProps, PersistStoreProviderProps } from '../types';
+import type { HeaderState, HeaderStore } from './types';
+export declare const HeaderStoreContext: import("react").Context<HeaderStore | null>;
+export declare function HeaderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useHeaderStore<T>(selector: (state: HeaderState) => T): T;
+export declare function useHeaderStoreContext(): HeaderStore;
+export declare const createHeaderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<HeaderState>>;