@web3jskit/walletkit 0.1.3 → 0.1.5

package/dist/src/components/Modal/style.js

@@ -37,6 +37,7 @@ export const AsideList = styled.div `
 	flex-direction: column;
 	gap: 16px;
 	padding: 0 20px 20px;
+	margin-top: 10px;
 
 	.typeBox {
 		display: flex;
@@ -49,7 +50,7 @@ export const AsideList = styled.div `
 		line-height: 14px;
 		font-weight: 700;
 		color: ${({ theme }) => theme.gray};
-		margin-bottom: 14px;
+		margin-bottom: 12px;
 
 		&.installed {
 			color: ${({ theme }) => theme.blue};

package/dist/src/components/Modal/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Modal/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUvC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;2BAIT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;sBASrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;CAMrD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;WAkBxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;YAIxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;WAwBjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;YAY7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;YAe/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;uBAOnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;wBAG7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C1D,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Modal/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUvC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;2BAIT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;sBASrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;CAMrD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;WAmBxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;YAIxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;WAwBjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;YAY7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;YAe/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;uBAOnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;wBAG7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C1D,CAAC"}

package/dist/src/components/SVGs/vectorSvg.d.ts

@@ -0,0 +1,2 @@
+declare const VectorSvg: () => import("react/jsx-runtime").JSX.Element;
+export default VectorSvg;

package/dist/src/components/SVGs/vectorSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VectorSvg = () => (_jsxs("svg", { width: "74", height: "81", viewBox: "0 0 74 81", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M36.133 20.4506C36.7045 20.3236 37.2969 20.3236 37.8684 20.4506L52.042 23.6003C52.4485 23.6907 52.812 23.9169 53.0726 24.2417C53.3332 24.5665 53.4752 24.9705 53.4753 25.3869V43.6682C53.4751 45.4762 53.0286 47.2563 52.1754 48.8503C51.3222 50.4444 50.0886 51.8032 48.5842 52.8061L38.5239 59.5134C37.6015 60.1284 36.3999 60.1284 35.4775 59.5134L25.4172 52.8061C23.9131 51.8034 22.6796 50.4449 21.8264 48.8512C20.9732 47.2574 20.5266 45.4777 20.5261 43.67V25.3869C20.5262 24.9705 20.6682 24.5665 20.9288 24.2417C21.1894 23.9169 21.5529 23.6907 21.9594 23.6003L36.133 20.4506ZM45.7972 33.2239C45.4398 32.8667 44.8605 32.8668 44.5032 33.2241L36.7363 40.9894C36.3788 41.3467 35.7994 41.3467 35.442 40.9893L31.5596 37.1069C31.2022 36.7495 30.6227 36.7495 30.2652 37.1069L28.9713 38.4009C28.6138 38.7583 28.6138 39.3378 28.9713 39.6953L35.4438 46.1677C35.8012 46.5252 36.3807 46.5252 36.7381 46.1677L47.0929 35.813C47.4504 35.4555 47.4503 34.8758 47.0927 34.5184L45.7972 33.2239Z", fill: "url(#paint0_linear_10496_16154)" }), _jsx("path", { opacity: "0.4", d: "M53.1005 18.8354C54.591 19.1668 55.9239 19.9963 56.8794 21.1873C57.8348 22.3783 58.3556 23.8594 58.3559 25.3862V43.6683C58.3557 46.2799 57.7108 48.8515 56.4783 51.154C55.2459 53.4565 53.4642 55.4191 51.2913 56.8676L41.231 63.575C38.6689 65.2832 35.331 65.2832 32.769 63.575L22.709 56.8678C20.5364 55.4195 18.7546 53.4571 17.5223 51.1552C16.2898 48.8532 15.6447 46.2825 15.644 43.6713V25.387C15.6443 23.8602 16.1651 22.3783 17.1206 21.1873C18.076 19.9964 19.409 19.1668 20.8994 18.8354L33.5585 16.0223C35.8252 15.5186 38.1748 15.5186 40.4414 16.0223L53.1005 18.8354Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("path", { opacity: "0.16", d: "M54.1598 14.0709C56.7342 14.6432 59.0366 16.0761 60.6869 18.1332C62.3372 20.1903 63.2368 22.7494 63.2373 25.3867V43.6692C63.237 47.0842 62.3937 50.447 60.782 53.4581C59.1704 56.4689 56.8403 59.0354 53.9989 60.9297L43.9388 67.637C39.7371 70.4384 34.2629 70.4384 30.0611 67.637L20.0012 60.9298C17.1603 59.0359 14.8304 56.4698 13.2188 53.4596C11.6072 50.4492 10.7635 47.0864 10.7627 43.6718V25.3867C10.7631 22.7501 11.6624 20.1908 13.3131 18.1332C14.9634 16.0761 17.2658 14.6432 19.8402 14.0709L32.4996 11.2577C35.4637 10.599 38.5363 10.599 41.5004 11.2577L54.1598 14.0709Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("path", { opacity: "0.08", d: "M55.2191 9.30439C58.8774 10.1176 62.1492 12.1539 64.4944 15.0772C66.8398 18.0007 68.118 21.6371 68.1186 25.3844V43.6677C68.1183 47.8863 67.0766 52.0405 65.0856 55.7602C63.0948 59.4795 60.2165 62.6498 56.7066 64.9898L46.6467 71.6969C40.8052 75.5915 33.1948 75.5915 27.3533 71.6969L17.2935 64.9899C13.7844 62.6504 10.9062 59.4806 8.91538 55.7621C6.92439 52.0431 5.88236 47.8881 5.88135 43.6703V25.3844C5.88199 21.638 7.1596 18.0014 9.50558 15.0772C11.8508 12.1539 15.1225 10.1176 18.7809 9.30439L31.4407 6.49112C35.1022 5.67744 38.8978 5.67744 42.5593 6.49112L55.2191 9.30439Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("path", { opacity: "0.02", d: "M56.2783 4.53985C61.0206 5.59405 65.2618 8.23365 68.3019 12.0231C71.3424 15.813 72.9992 20.5267 73 25.384V43.6682C72.9996 48.6901 71.7596 53.6359 69.3892 58.0642C67.0193 62.4919 63.5928 66.2661 59.4144 69.0517L49.3545 75.7588C41.8733 80.7467 32.1267 80.7467 24.6455 75.7588L14.5858 69.0519C10.4084 66.2669 6.98193 62.4933 4.61194 58.0665C2.2415 53.6387 1.0012 48.6916 1 43.6708V25.3841C1.00083 20.5279 2.65682 15.814 5.69808 12.0231C8.73814 8.23368 12.9793 5.59406 17.7217 4.53985L30.3818 1.7265C34.7408 0.757835 39.2592 0.757834 43.6182 1.7265L56.2783 4.53985Z", stroke: "#81FF70", strokeWidth: "1.70847" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_10496_16154", x1: "20.5261", y1: "20.2578", x2: "53.4752", y2: "60.529", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#36FF2F" }), _jsx("stop", { offset: "0.479167", stopColor: "#3DFE3A" }), _jsx("stop", { offset: "1", stopColor: "#82FF95" })] }) })] }));
+export default VectorSvg;
+//# sourceMappingURL=vectorSvg.js.map

package/dist/src/components/SVGs/vectorSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vectorSvg.js","sourceRoot":"","sources":["../../../../src/components/SVGs/vectorSvg.tsx"],"names":[],"mappings":";AAAA,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACvB,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC7F,eACC,CAAC,EAAC,48BAA48B,EAC98B,IAAI,EAAC,iCAAiC,GACrC,EACF,eACC,OAAO,EAAC,KAAK,EACb,CAAC,EAAC,ujBAAujB,EACzjB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,eACC,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,4jBAA4jB,EAC9jB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,eACC,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,gkBAAgkB,EAClkB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,eACC,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,mjBAAmjB,EACrjB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACpB,EACF,yBACC,0BACC,EAAE,EAAC,2BAA2B,EAC9B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,QAAQ,EACX,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,GAAG,EAC9C,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACvB,GACX,IACF,CACN,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/src/components/Text/index.js

@@ -9,7 +9,7 @@ const TextStyled = styled.div `
 	.text {
 		max-width: 120px;
 		color: ${({ theme }) => theme.textColor2};
-		font-family: 'Manrope';
+		font-family: Manrope;
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;

package/dist/src/components/WalletKitProvider/ChainProvider.d.ts

@@ -1,9 +1,12 @@
 import { type ReactNode } from 'react';
+import { ChainType } from '@web3jskit/type';
+import { SupportWallet } from '@web3jskit/wallethelper';
 interface IChainProvider {
     children: ReactNode;
-    defaultChain?: number | any;
+    defaultChainType?: ChainType;
+    defaultChainId?: number;
+    reconnect?: boolean;
+    supportWallets?: SupportWallet[];
 }
-export declare function ChainProvider({ children, defaultChain }: IChainProvider): import("react/jsx-runtime").JSX.Element;
-export declare const useWalletKitChains: () => any[];
-export declare const useWalletKitDefaultChainId: () => number | undefined;
+export declare function ChainProvider({ children, defaultChainType, defaultChainId, reconnect, supportWallets }: IChainProvider): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/WalletKitProvider/ChainProvider.js

@@ -1,22 +1,59 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from 'react';
+import { createContext, useEffect, useMemo } from 'react';
+import { ChainType } from '@web3jskit/type';
+import { useWalletKit } from '../../hooks/useWalletKit';
+import { createConnector, SupportWallet, SupportedNetworks, ConnectStatus } from '@web3jskit/wallethelper';
 const ChainContext = createContext({
-    chains: []
+    defaultChainType: ChainType.EVM,
+    defaultChainId: 1,
+    supportWallets: []
 });
-export function ChainProvider({ children, defaultChain }) {
+export function ChainProvider({ children, defaultChainType, defaultChainId, reconnect, supportWallets }) {
+    const { connectStatus, currentChainType, currentConnectorName, resetStatus, setChainType, setCurrentConnector, setCurrentNetwork, setProvider, setSupportWallets } = useWalletKit();
+    const getConnectors = async (chainType = ChainType.EVM) => {
+        const connectors = await createConnector(chainType, supportWallets || []);
+        return connectors;
+    };
+    const reconnectConnectors = async (chainType = ChainType.EVM) => {
+        const connectors = await getConnectors(chainType);
+        const curConnect = connectors.find((connector) => connector.name === currentConnectorName);
+        if (curConnect) {
+            setCurrentConnector(curConnect);
+            setProvider(curConnect.provider);
+            curConnect.reconnection();
+        }
+        else {
+            resetStatus();
+        }
+    };
+    useEffect(() => {
+        setSupportWallets(supportWallets || []);
+    }, []);
+    useEffect(() => {
+        if (connectStatus !== ConnectStatus.Connected) {
+            if (defaultChainType) {
+                setChainType(defaultChainType);
+                getConnectors(defaultChainType);
+            }
+            if (defaultChainId) {
+                const network = SupportedNetworks.find(item => item.chainId === defaultChainId);
+                if (network) {
+                    setCurrentNetwork(network);
+                }
+            }
+        }
+        else {
+            reconnect && reconnectConnectors(currentChainType);
+        }
+    }, [defaultChainType, defaultChainId, reconnect]);
     const chainValue = useMemo(() => {
         return {
-            chains: [],
-            defaultChainId: typeof defaultChain === 'number' ? defaultChain : defaultChain?.id
+            defaultChainType,
+            defaultChainId,
+            supportWallets
         };
-    }, [defaultChain]);
+    }, [defaultChainType, defaultChainId, supportWallets]);
     return _jsx(ChainContext.Provider, { value: chainValue, children: children });
 }
-export const useWalletKitChains = () => {
-    return useContext(ChainContext).chains;
-};
-export const useWalletKitDefaultChainId = () => {
-    return useContext(ChainContext).defaultChainId;
-};
 //# sourceMappingURL=ChainProvider.js.map

package/dist/src/components/WalletKitProvider/ChainProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainProvider.js","sourceRoot":"","sources":["../../../../src/components/WalletKitProvider/ChainProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAY3E,MAAM,YAAY,GAAG,aAAa,CAAoB;IACrD,MAAM,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAkB;IACvE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO;YACN,MAAM,EAAE,EAAE;YACV,cAAc,EAAE,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE;SAClF,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAyB,CAAC;AACrF,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACtC,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC9C,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC;AAChD,CAAC,CAAC"}
+{"version":3,"file":"ChainProvider.js","sourceRoot":"","sources":["../../../../src/components/WalletKitProvider/ChainProvider.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/WalletKitProvider/index.d.ts

@@ -1,11 +1,16 @@
 import { type ReactNode } from 'react';
 import type { Locals, Theme } from '../../types/configType';
+import { ChainType } from '@web3jskit/type';
+import type { SupportWallet } from '@web3jskit/wallethelper';
 interface IWalletKitProvider {
     children: ReactNode;
     language?: Locals;
-    defaultChain?: number | any;
+    defaultChainType?: ChainType;
+    defaultChainId?: number;
+    reconnect?: boolean;
     theme?: Theme;
     connectButtonSlots?: ReactNode[];
+    supportWallets?: SupportWallet[];
 }
-export declare function WalletKitProvider({ children, language, defaultChain, theme, connectButtonSlots }: IWalletKitProvider): import("react/jsx-runtime").JSX.Element;
+export declare function WalletKitProvider({ children, language, defaultChainType, defaultChainId, reconnect, theme, connectButtonSlots, supportWallets }: IWalletKitProvider): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/WalletKitProvider/index.js

@@ -7,7 +7,8 @@ import { I18nProvider } from './I18nProvider';
 import { WalletKitThemeProvider } from './ThemeProvider';
 import { ThemedGlobalStyle } from '../../theme';
 import { WalletInfoModal } from '../Modal/WalletInfoModal';
-export function WalletKitProvider({ children, language, defaultChain, theme, connectButtonSlots }) {
-    return (_jsx(_Fragment, { children: _jsx(ChainProvider, { defaultChain: defaultChain, children: _jsx(I18nProvider, { language: language, children: _jsxs(WalletKitThemeProvider, { theme: theme, children: [_jsx(ThemedGlobalStyle, {}), _jsx(ConnectModal, { slots: connectButtonSlots }), _jsx(WalletInfoModal, {}), _jsx("div", { children: children })] }) }) }) }));
+import { ChainType } from '@web3jskit/type';
+export function WalletKitProvider({ children, language, defaultChainType = ChainType.EVM, defaultChainId = 1, reconnect = true, theme, connectButtonSlots, supportWallets }) {
+    return (_jsx(_Fragment, { children: _jsx(ChainProvider, { reconnect: reconnect, defaultChainType: defaultChainType, defaultChainId: defaultChainId, supportWallets: supportWallets, children: _jsx(I18nProvider, { language: language, children: _jsxs(WalletKitThemeProvider, { theme: theme, children: [_jsx(ThemedGlobalStyle, {}), _jsx(ConnectModal, { slots: connectButtonSlots }), _jsx(WalletInfoModal, {}), _jsx("div", { children: children })] }) }) }) }));
 }
 //# sourceMappingURL=index.js.map

package/dist/src/components/WalletKitProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletKitProvider/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAU3D,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,kBAAkB,EAAsB;IAMpH,OAAO,CACN,4BACC,KAAC,aAAa,IAAC,YAAY,EAAE,YAAY,YACxC,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,YAC/B,MAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,aACnC,KAAC,iBAAiB,KAAG,EACrB,KAAC,YAAY,IAAC,KAAK,EAAE,kBAAkB,GAAI,EAC3C,KAAC,eAAe,KAAG,EACnB,wBAAM,QAAQ,GAAO,IACG,GACX,GACA,GACd,CACH,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletKitProvider/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAc5C,MAAM,UAAU,iBAAiB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,gBAAgB,GAAG,SAAS,CAAC,GAAG,EAChC,cAAc,GAAG,CAAC,EAClB,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,kBAAkB,EAClB,cAAc,EACM;IAMpB,OAAO,CACN,4BACC,KAAC,aAAa,IACb,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,YAE9B,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,YAC/B,MAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,aACnC,KAAC,iBAAiB,KAAG,EACrB,KAAC,YAAY,IAAC,KAAK,EAAE,kBAAkB,GAAI,EAC3C,KAAC,eAAe,KAAG,EACnB,wBAAM,QAAQ,GAAO,IACG,GACX,GACA,GACd,CACH,CAAC;AACH,CAAC"}

package/dist/src/components/WalletList/index.d.ts

@@ -4,5 +4,5 @@ interface WalletListProps {
     onGetWallet?: (wallet: any) => void;
     onClose: () => void;
 }
-export declare function WalletList({ list, onBack, onGetWallet }: WalletListProps): import("react/jsx-runtime").JSX.Element;
+export declare function WalletList({ list, onClose, onBack, onGetWallet }: WalletListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/WalletList/index.js

@@ -4,13 +4,12 @@ import { useTranslation } from 'react-i18next';
 import ModalHeader from '../Header/ModalHeader';
 import WalletListContainer from './style';
 import { useMemo } from 'react';
-export function WalletList({ list, onBack, onGetWallet }) {
+export function WalletList({ list, onClose, onBack, onGetWallet }) {
     const { t } = useTranslation();
     const randomList = useMemo(() => {
         const randomList = list?.sort(() => Math.random() - 0.5).slice(0, 3);
         return randomList;
     }, [list]);
-    const handleCancel = () => { };
-    return (_jsxs(WalletListContainer, { children: [_jsx(ModalHeader, { onClose: handleCancel, title: t('getWalletTitle'), onBack: onBack }), _jsx("div", { className: "walletList", children: randomList?.map((item, index) => (_jsxs("div", { className: "walletItem", children: [_jsx("img", { src: item.icon, alt: item.name }), _jsxs("div", { children: [_jsx("div", { className: "name", children: item.name.replaceAll('_', ' ') }), item.name !== 'GelWallet' && _jsx("div", { className: "description", children: t('getWalletTips') })] }), _jsx("div", { className: "button", onClick: () => onGetWallet?.(item), children: t('getWallet') })] }, index + item.name))) }), _jsx("div", { className: "question", children: t('getWalletQuestion') }), _jsx("div", { className: "answer", children: t('getWalletAnswer') })] }));
+    return (_jsxs(WalletListContainer, { children: [_jsx(ModalHeader, { onClose: onClose, title: t('getWalletTitle'), onBack: onBack }), _jsx("div", { className: "walletList", children: randomList?.map((item, index) => (_jsxs("div", { className: "walletItem", children: [_jsx("img", { src: item.icon, alt: item.name }), _jsxs("div", { children: [_jsx("div", { className: "name", children: item.name.replaceAll('_', ' ') }), item.name !== 'GelWallet' && _jsx("div", { className: "description", children: t('getWalletTips') })] }), _jsx("div", { className: "button", onClick: () => onGetWallet?.(item), children: t('getWallet') })] }, index + item.name))) }), _jsx("div", { className: "question", children: t('getWalletQuestion') }), _jsx("div", { className: "answer", children: t('getWalletAnswer') })] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/src/components/WalletList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletList/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAShC,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAmB;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAG/B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,UAAU,GAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrE,OAAO,UAAU,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAC9B,OAAO,CACN,MAAC,mBAAmB,eACnB,KAAC,WAAW,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,EAClF,cAAK,SAAS,EAAC,YAAY,YACzB,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,eAAK,SAAS,EAAC,YAAY,aAC1B,cAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,EACvC,0BACC,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAO,EAC3D,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,eAAe,CAAC,GAAO,IAChF,EACN,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,YACxD,CAAC,CAAC,WAAW,CAAC,GACV,KAR0B,KAAK,GAAG,IAAI,CAAC,IAAI,CAS5C,CACN,CAAC,GACG,EACN,cAAK,SAAS,EAAC,UAAU,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACxD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,IAC/B,CACtB,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletList/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAShC,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAmB;IACjF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAG/B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,UAAU,GAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrE,OAAO,UAAU,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACN,MAAC,mBAAmB,eACnB,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,EAC7E,cAAK,SAAS,EAAC,YAAY,YACzB,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,eAAK,SAAS,EAAC,YAAY,aAC1B,cAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,EACvC,0BACC,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAO,EAC3D,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,eAAe,CAAC,GAAO,IAChF,EACN,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,YACxD,CAAC,CAAC,WAAW,CAAC,GACV,KAR0B,KAAK,GAAG,IAAI,CAAC,IAAI,CAS5C,CACN,CAAC,GACG,EACN,cAAK,SAAS,EAAC,UAAU,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACxD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,IAC/B,CACtB,CAAC;AACH,CAAC"}

package/dist/src/components/WalletTriggerButton/index.d.ts

@@ -3,6 +3,7 @@ import type { ISlotsConnector } from '../../types/slotsType';
 export interface IWalletTriggerButton {
     connector: any;
     onConnect: (address: string) => void;
+    onGetWallet?: () => void;
 }
 export interface IWalletSlotTriggerButton {
     slotsConnector: ISlotsConnector;

package/dist/src/components/WalletTriggerButton/index.js

@@ -7,18 +7,22 @@ import Icon from '../Icon';
 import useSlotsWalletStore from '../../stores/SlotsWalletStore';
 import WalletItem from './style';
 import { useWalletKit } from '../../hooks/useWalletKit';
-export const WalletTriggerButton = ({ connector, onConnect }) => {
-    const { connectStatus, currentChain, currentConnector } = useWalletKit();
+import { ConnectorType } from '@web3jskit/wallethelper';
+export const WalletTriggerButton = ({ connector, onConnect, onGetWallet }) => {
+    const { connectStatus, currentChainType, currentConnector, isConnecting } = useWalletKit();
     const disabled = useMemo(() => {
-        return currentConnector?.chainType === currentChain && connectStatus === 'connected';
-    }, [connectStatus, currentConnector, currentChain]);
+        return currentConnector?.chainType === currentChainType && connectStatus === 'connected';
+    }, [connectStatus, currentConnector, currentChainType]);
     const handleConnect = async () => {
+        if (connector?.connectorType === ConnectorType.More) {
+            return onGetWallet?.();
+        }
         if (disabled)
             return;
         const address = await connector.connect();
         typeof onConnect === 'function' && onConnect(address);
     };
-    return (_jsx(WalletItem, { onClick: handleConnect, className: disabled ? 'disabled' : '', children: _jsxs(FlexBox, { className: 'gap-10', children: [_jsx(Icon, { src: connector.icon || '' }), _jsx(Text, { text: connector.name?.replaceAll('_', ' ') || '' })] }) }));
+    return (_jsx(WalletItem, { onClick: handleConnect, className: disabled ? 'disabled' : typeof isConnecting === 'object' && isConnecting.name === connector.name ? 'active' : '', children: _jsxs(FlexBox, { className: 'gap-10', children: [_jsx(Icon, { src: connector.icon || '' }), _jsx(Text, { text: connector.name?.replaceAll('_', ' ') || '', className: connector.connectorType === ConnectorType.Installed ? 'installed' : '' })] }) }));
 };
 export const WalletSlotTriggerButton = ({ slotsConnector }) => {
     const useAddConnector = useSlotsWalletStore((state) => state.addConnector);

package/dist/src/components/WalletTriggerButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,mBAAmB,MAAM,+BAA+B,CAAC;AAEhE,OAAO,UAAU,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAUxD,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/F,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IACzE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,gBAAgB,EAAE,SAAS,KAAK,YAAY,IAAI,aAAa,KAAK,WAAW,CAAC;IACtF,CAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IACpD,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,QAAQ;YAAE,OAAO;QAErB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,OAAO,EAAE,CAAC;QAC1C,OAAO,SAAS,KAAK,UAAU,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IACvD,CAAC,CAAC;IACF,OAAO,CACN,KAAC,UAAU,IAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,YACxE,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE,GAAI,EACnC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,GAAI,IACjD,GACE,CACb,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAuC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IACjG,MAAM,eAAe,GAAG,mBAAmB,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAChF,eAAe,CAAC,cAAc,CAAC,CAAC;IAChC,OAAO,CACN,KAAC,UAAU,cACV,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,CAAC,UAAU,GAAI,EACxC,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,UAAU,GAAI,IAChC,GACE,CACb,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,mBAAmB,MAAM,+BAA+B,CAAC;AAEhE,OAAO,UAAU,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAWxD,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IAC3F,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,gBAAgB,EAAE,SAAS,KAAK,gBAAgB,IAAI,aAAa,KAAK,WAAW,CAAC;IAC1F,CAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,SAAS,EAAE,aAAa,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;YACrD,OAAO,WAAW,EAAE,EAAE,CAAC;QACxB,CAAC;QACD,IAAI,QAAQ;YAAE,OAAO;QAErB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,OAAO,EAAE,CAAC;QAC1C,OAAO,SAAS,KAAK,UAAU,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IACvD,CAAC,CAAC;IACF,OAAO,CACN,KAAC,UAAU,IACV,OAAO,EAAE,aAAa,EACtB,SAAS,EACR,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAGjH,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE,GAAI,EACnC,KAAC,IAAI,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,EAChD,SAAS,EAAE,SAAS,CAAC,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAChF,IACO,GACE,CACb,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAuC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IACjG,MAAM,eAAe,GAAG,mBAAmB,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAChF,eAAe,CAAC,cAAc,CAAC,CAAC;IAChC,OAAO,CACN,KAAC,UAAU,cACV,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,CAAC,UAAU,GAAI,EACxC,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,UAAU,GAAI,IAChC,GACE,CACb,CAAC;AACH,CAAC,CAAC"}

package/dist/src/components/WalletTriggerButton/style.js

@@ -1,12 +1,13 @@
 import { styled } from 'styled-components';
 const WalletItem = styled.div `
 	display: flex;
-	padding: 4px 12px;
-	border-radius: 12px;
+	padding: 4px 14px;
+	border-radius: 8px;
 	cursor: pointer;
 	flex-shrink: 0;
 	box-sizing: border-box;
 	user-select: none;
+	margin: 0 -14px;
 
 	img {
 		width: 28px;
@@ -18,6 +19,10 @@ const WalletItem = styled.div `
 		background: ${({ theme }) => theme.itemHoverBg};
 	}
 
+	&.active {
+		background: ${({ theme }) => theme.itemActiveBg};
+	}
+
 	&.disabled {
 		pointer-events: none;
 		background: none;
@@ -25,7 +30,9 @@ const WalletItem = styled.div `
 
 	@media (max-width: 768px) {
 		width: 86px;
+		padding: 4px 12px;
 		justify-content: center;
+		margin: 0;
 
 		> div {
 			box-sizing: border-box;
@@ -46,6 +53,10 @@ const WalletItem = styled.div `
 				}
 			}
 		}
+
+		.installed span {
+			color: ${({ theme }) => theme.blue};
+		}
 	}
 `;
 export default WalletItem;

package/dist/src/components/WalletTriggerButton/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;gBAgBb,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC/C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;gBAiBb,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;gBAIhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmCrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;CAGpC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/hooks/useWalletKit.d.ts

@@ -11,10 +11,14 @@ export declare const useWalletKit: () => {
     connect: () => Promise<unknown>;
     showWalletInfo: () => void;
     closeWalletInfo: () => void;
+    isConnecting: {
+        icon: string;
+        name: string;
+    } | boolean;
     supportWallets: import("@web3jskit/wallethelper").SupportWallet[];
     setSupportWallets: (wallets: import("@web3jskit/wallethelper").SupportWallet[]) => void;
     connectors: Connector[];
-    getConnectors: (chainType: import("@web3jskit/type").ChainType) => Promise<any[]>;
+    getConnectors: () => any[];
     currentConnector: Connector | null;
     currentConnectorName: string;
     getCurrentConnector: () => Connector | null;
@@ -22,20 +26,25 @@ export declare const useWalletKit: () => {
     provider: any;
     getProvider: () => Promise<any>;
     setProvider: (provider: any) => void;
-    currentChain: import("@web3jskit/type").ChainType;
-    getCurrentChain: () => import("@web3jskit/type").ChainType;
-    switchChain: (chainType: import("@web3jskit/type").ChainType) => void;
-    connectStatus: import("@web3jskit/wallethelper/dist/src/core/types/connector").ConnectStatus;
-    getConnectStatus: () => import("@web3jskit/wallethelper/dist/src/core/types/connector").ConnectStatus;
-    setConnectStatus: (status: import("@web3jskit/wallethelper/dist/src/core/types/connector").ConnectStatus) => void;
+    currentChainType: import("@web3jskit/type").ChainType;
+    getCurrentChainType: () => import("@web3jskit/type").ChainType;
+    setChainType: (chainType: import("@web3jskit/type").ChainType) => void;
+    currentNetworkId: number;
+    currentNetwork: import("@web3jskit/wallethelper").NetworkInfo | null;
+    getCurrentNetwork: () => import("@web3jskit/wallethelper").NetworkInfo | null;
+    setCurrentNetwork: (network: import("@web3jskit/wallethelper").NetworkInfo) => void;
+    connectStatus: import("@web3jskit/wallethelper").ConnectStatus;
+    getConnectStatus: () => import("@web3jskit/wallethelper").ConnectStatus;
+    setConnectStatus: (status: import("@web3jskit/wallethelper").ConnectStatus) => void;
     walletAddress: string;
     getWalletAddress: () => string;
     setWalletAddress: (address: string) => void;
+    resetStatus: () => void;
     getConnectorProxy: () => any;
     disconnect: () => Promise<void>;
     signMessage: (message: string) => Promise<any>;
-    signTransaction: (transaction: import("@web3jskit/wallethelper/dist/src/core/types/connector").ITransactionOptions) => Promise<any>;
-    sendTransaction: (transaction: import("@web3jskit/wallethelper/dist/src/core/types/connector").ITransactionOptions) => Promise<any>;
+    signTransaction: (transaction: any) => Promise<any>;
+    sendTransaction: (transaction: any) => Promise<any>;
     waitForTransactionReceipt: (hash: string, timeout?: number) => Promise<any>;
     readContract: (params: import("@web3jskit/wallethelper/dist/src/core/types/connector").IContractOptions) => Promise<any>;
     writeContract: (params: import("@web3jskit/wallethelper/dist/src/core/types/connector").IContractOptions) => Promise<any>;
@@ -43,6 +52,8 @@ export declare const useWalletKit: () => {
         method: string;
         params?: any[];
     }[]) => Promise<any[]>;
+    multicall: (requests: import("@web3jskit/wallethelper/dist/src/core/types/connector").IContractOptions[]) => Promise<any[]>;
+    switchNetwork: (chainId: number) => Promise<any>;
     chains: Array<any>;
     setChains: (chains: Array<any>) => void;
     language: import("..").Locals;

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
-export { SupportWallet } from '@web3jskit/wallethelper';
+export { SupportWallet, SupportedNetworks } from '@web3jskit/wallethelper';
 export * from './components/WalletKitProvider';
 export * from './components/ConnectButton';
 export * from './types/configType';

package/dist/src/index.js

@@ -1,4 +1,4 @@
-export { SupportWallet } from '@web3jskit/wallethelper';
+export { SupportWallet, SupportedNetworks } from '@web3jskit/wallethelper';
 export * from './components/WalletKitProvider';
 export * from './components/ConnectButton';
 export * from './types/configType';

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/src/theme/index.js

@@ -52,6 +52,47 @@ export const themeStyle = {
     }
 };
 export const ThemedGlobalStyle = createGlobalStyle `
+	@font-face {
+		font-family: Manrope;
+		src: url('../assets/fonts/ManropeLight.ttf') format('truetype');
+		font-weight: 300;
+		font-style: normal;
+	}
+
+	@font-face {
+		font-family: Manrope;
+		src: url('../assets/fonts/Manrope.ttf') format('truetype');
+		font-weight: 400;
+		font-style: normal;
+	}
+
+	@font-face {
+		font-family: Manrope;
+		src: url('../assets/fonts/ManropeMedium.ttf') format('truetype');
+		font-weight: 500;
+		font-style: normal;
+	}
+
+	@font-face {
+		font-family: Manrope;
+		src: url('../assets/fonts/ManropeSemibold.ttf') format('truetype');
+		font-weight: 600;
+		font-style: normal;
+	}
+
+	@font-face {
+		font-family: Manrope;
+		src: url('../assets/fonts/ManropeBold.ttf') format('truetype');
+		font-weight: 700;
+		font-style: normal;
+	}
+
+	@font-face {
+		font-family: Manrope;
+		src: url('../assets/fonts/ManropeExtraBold.ttf') format('truetype');
+		font-weight: 800;
+		font-style: normal;
+	}
 
 	.gap-2 {
 		gap: 2px;

package/dist/src/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,QAAQ,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,2BAA2B;QACzC,WAAW,EAAE,2BAA2B;QACxC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,0BAA0B;QACrC,cAAc,EAAE,0BAA0B;QAC1C,MAAM,EAAE,2FAA2F;QACnG,SAAS,EAAE,SAAS;KACpB;IACD,SAAS,EAAE;QACV,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,qBAAqB;QACnC,WAAW,EAAE,qBAAqB;QAClC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,qBAAqB;QAChC,cAAc,EAAE,oBAAoB;QACpC,MAAM,EAAE,+FAA+F;QACvG,SAAS,EAAE,SAAS;KACpB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,QAAQ,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,2BAA2B;QACzC,WAAW,EAAE,2BAA2B;QACxC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,0BAA0B;QACrC,cAAc,EAAE,0BAA0B;QAC1C,MAAM,EAAE,2FAA2F;QACnG,SAAS,EAAE,SAAS;KACpB;IACD,SAAS,EAAE;QACV,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,qBAAqB;QACnC,WAAW,EAAE,qBAAqB;QAClC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,qBAAqB;QAChC,cAAc,EAAE,oBAAoB;QACpC,MAAM,EAAE,+FAA+F;QACvG,SAAS,EAAE,SAAS;KACpB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjD,CAAC"}