@web3jskit/walletkit 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/package.json +2 -2
  2. package/dist/src/components/ConnectButton/index.js +4 -4
  3. package/dist/src/components/ConnectButton/index.js.map +1 -1
  4. package/dist/src/components/Connecting/index.d.ts +2 -1
  5. package/dist/src/components/Connecting/index.js +2 -2
  6. package/dist/src/components/Connecting/index.js.map +1 -1
  7. package/dist/src/components/GetWallet/index.d.ts +2 -1
  8. package/dist/src/components/GetWallet/index.js +2 -2
  9. package/dist/src/components/GetWallet/index.js.map +1 -1
  10. package/dist/src/components/Header/ModalHeader.d.ts +2 -1
  11. package/dist/src/components/Header/ModalHeader.js +2 -4
  12. package/dist/src/components/Header/ModalHeader.js.map +1 -1
  13. package/dist/src/components/Introduce/index.d.ts +2 -1
  14. package/dist/src/components/Introduce/index.js +2 -2
  15. package/dist/src/components/Introduce/index.js.map +1 -1
  16. package/dist/src/components/Modal/ConnectModal.d.ts +1 -2
  17. package/dist/src/components/Modal/ConnectModal.js +20 -9
  18. package/dist/src/components/Modal/ConnectModal.js.map +1 -1
  19. package/dist/src/components/Modal/WalletInfoModal.d.ts +1 -5
  20. package/dist/src/components/Modal/WalletInfoModal.js +9 -4
  21. package/dist/src/components/Modal/WalletInfoModal.js.map +1 -1
  22. package/dist/src/components/Modal/index.d.ts +2 -1
  23. package/dist/src/components/Modal/index.js +2 -4
  24. package/dist/src/components/Modal/index.js.map +1 -1
  25. package/dist/src/components/WalletKitProvider/index.js +1 -3
  26. package/dist/src/components/WalletKitProvider/index.js.map +1 -1
  27. package/dist/src/components/WalletList/index.d.ts +1 -0
  28. package/dist/src/components/WalletList/index.js +2 -1
  29. package/dist/src/components/WalletList/index.js.map +1 -1
  30. package/dist/src/components/WalletTriggerButton/index.d.ts +1 -0
  31. package/dist/src/components/WalletTriggerButton/index.js +6 -6
  32. package/dist/src/components/WalletTriggerButton/index.js.map +1 -1
  33. package/dist/src/errors/index.d.ts +2 -0
  34. package/dist/src/errors/index.js +6 -0
  35. package/dist/src/errors/index.js.map +1 -0
  36. package/dist/src/hooks/useWalletKit.d.ts +48 -4
  37. package/dist/src/hooks/useWalletKit.js +22 -10
  38. package/dist/src/hooks/useWalletKit.js.map +1 -1
  39. package/dist/src/index.d.ts +0 -1
  40. package/dist/src/index.js +0 -1
  41. package/dist/src/index.js.map +1 -1
  42. package/dist/src/modals/connectModal/index.d.ts +0 -0
  43. package/dist/src/modals/connectModal/index.js +2 -0
  44. package/dist/src/modals/connectModal/index.js.map +1 -0
  45. package/dist/src/stores/index.d.ts +0 -7
  46. package/dist/src/stores/index.js +1 -18
  47. package/dist/src/stores/index.js.map +1 -1
  48. package/dist/src/stores/modalStore.d.ts +17 -0
  49. package/dist/src/stores/modalStore.js +41 -0
  50. package/dist/src/stores/modalStore.js.map +1 -0
  51. package/dist/src/types/error.d.ts +7 -0
  52. package/dist/src/types/error.js +5 -0
  53. package/dist/src/types/error.js.map +1 -0
  54. package/dist/src/types/store.d.ts +2 -0
  55. package/dist/src/types/store.js +2 -0
  56. package/dist/src/types/store.js.map +1 -0
  57. package/dist/tsconfig.build.tsbuildinfo +1 -1
  58. package/package.json +2 -2
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@web3jskit/walletkit",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "walletkit",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -15,7 +15,7 @@
15
15
  "@reach/dialog": "^0.18.0",
16
16
  "@react-spring/web": "^9.7.1",
17
17
  "@tanstack/react-query": "^5.0.0",
18
- "@web3jskit/wallethelper": "0.1.1",
18
+ "@web3jskit/wallethelper": "0.1.2",
19
19
  "copy-to-clipboard": "^3.3.3",
20
20
  "i18next": "^22.4.13",
21
21
  "i18next-browser-languagedetector": "^7.0.1",
@@ -1,21 +1,21 @@
1
1
  'use client';
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { useTranslation } from 'react-i18next';
4
- import { useWalletKit, AppModal } from '../../hooks/useWalletKit';
4
+ import { useWalletKit } from '../../hooks/useWalletKit';
5
5
  import { ConnectedInfo } from './ConnectedInfo';
6
6
  import { SupportWallet } from '@web3jskit/wallethelper';
7
7
  import { useEffect } from 'react';
8
8
  export function ConnectButton(props) {
9
9
  const { t } = useTranslation();
10
10
  const { text = t('connectWallet'), showAvatar = true, className, infoClass, supportWallets = [] } = props;
11
- const { avatar, connectStatus, walletAddress, openModal, setSupportWallets } = useWalletKit();
11
+ const { avatar, connectStatus, walletAddress, setSupportWallets, connect, showWalletInfo } = useWalletKit();
12
12
  useEffect(() => {
13
13
  setSupportWallets(supportWallets);
14
14
  }, []);
15
15
  return (_jsx("div", { children: connectStatus === 'connected' ? (_jsx(ConnectedInfo, { className: infoClass, avatar: showAvatar ? avatar : undefined, walletAddress: walletAddress, onClick: () => {
16
- openModal(AppModal.InfoModal);
16
+ showWalletInfo();
17
17
  } })) : (_jsx("button", { className: className, onClick: () => {
18
- openModal(AppModal.ConnectModal);
18
+ connect();
19
19
  }, children: text })) }));
20
20
  }
21
21
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAC1G,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9F,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,wBACE,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,CAChC,KAAC,aAAa,IACb,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,GAAG,EAAE;gBACb,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAC/B,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,iBACC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACb,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;YAClC,CAAC,YAEA,IAAI,GACG,CACT,GACI,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConnectButton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAC1G,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAE5G,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,wBACE,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,CAChC,KAAC,aAAa,IACb,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACvC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,GAAG,EAAE;gBACb,cAAc,EAAE,CAAC;YAClB,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,iBACC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACb,OAAO,EAAE,CAAC;YACX,CAAC,YAEA,IAAI,GACG,CACT,GACI,CACN,CAAC;AACH,CAAC"}
@@ -1,5 +1,6 @@
1
1
  interface ConnectingProps {
2
2
  wallet: any;
3
+ onClose: () => void;
3
4
  }
4
- export declare function Connecting({ wallet }: ConnectingProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function Connecting({ wallet, onClose }: ConnectingProps): import("react/jsx-runtime").JSX.Element;
5
6
  export {};
@@ -4,8 +4,8 @@ import { useTranslation } from 'react-i18next';
4
4
  import ModalHeader from '../Header/ModalHeader';
5
5
  import SpinSvg from '../SVGs/spinSvg';
6
6
  import ConnectingContainer from './style';
7
- export function Connecting({ wallet }) {
7
+ export function Connecting({ wallet, onClose }) {
8
8
  const { t } = useTranslation();
9
- return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { className: "mainTitle" }), _jsxs(ConnectingContainer, { children: [_jsx("div", { className: "logo", children: _jsx("img", { src: wallet?.icon, alt: wallet?.name }) }), _jsx("div", { className: "introduce", children: `${t('opening')} ${wallet?.name} ${t('title')}...` }), _jsx("div", { className: "detail", children: t('confirmConnection') }), _jsx(SpinSvg, { className: "loading" })] })] }));
9
+ return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { className: "mainTitle", onClose: onClose }), _jsxs(ConnectingContainer, { children: [_jsx("div", { className: "logo", children: _jsx("img", { src: wallet?.icon, alt: wallet?.name }) }), _jsx("div", { className: "introduce", children: `${t('opening')} ${wallet?.name} ${t('title')}...` }), _jsx("div", { className: "detail", children: t('confirmConnection') }), _jsx(SpinSvg, { className: "loading" })] })] }));
10
10
  }
11
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Connecting/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAM1C,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAmB;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,GAAG,EACrC,MAAC,mBAAmB,eACnB,cAAK,SAAS,EAAC,MAAM,YACpB,cAAK,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAI,GACxC,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,GAAG,CAAC,CAAC,SAAS,CAAC,IAAI,MAAM,EAAE,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,GAAO,EACrF,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACtD,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,IACV,IACpB,CACH,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Connecting/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAO1C,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAmB;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,GAAI,EACvD,MAAC,mBAAmB,eACnB,cAAK,SAAS,EAAC,MAAM,YACpB,cAAK,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAI,GACxC,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,GAAG,CAAC,CAAC,SAAS,CAAC,IAAI,MAAM,EAAE,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,GAAO,EACrF,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACtD,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,IACV,IACpB,CACH,CAAC;AACH,CAAC"}
@@ -1,6 +1,7 @@
1
1
  interface GetWalletProps {
2
2
  wallet: any;
3
3
  onBack?: () => void;
4
+ onClose: () => void;
4
5
  }
5
- export declare function GetWallet({ wallet, onBack }: GetWalletProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function GetWallet({ wallet, onBack, onClose }: GetWalletProps): import("react/jsx-runtime").JSX.Element;
6
7
  export {};
@@ -6,10 +6,10 @@ import ModalHeader from '../Header/ModalHeader';
6
6
  import GetWalletContainer from './style';
7
7
  import { chromeIcon } from '../../assets/svg/dataBase';
8
8
  import QRCode from 'react-qr-code';
9
- export function GetWallet({ wallet, onBack }) {
9
+ export function GetWallet({ wallet, onBack, onClose }) {
10
10
  const { t } = useTranslation();
11
11
  const [showQRCode, setShowQRCode] = useState(false);
12
- return (_jsxs(GetWalletContainer, { children: [_jsx(ModalHeader, { title: `${t('get')} ${wallet.name}`, onBack: () => {
12
+ return (_jsxs(GetWalletContainer, { children: [_jsx(ModalHeader, { onClose: onClose, title: `${t('get')} ${wallet.name}`, onBack: () => {
13
13
  if (showQRCode) {
14
14
  return setShowQRCode(false);
15
15
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GetWallet/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,MAAM,MAAM,eAAe,CAAC;AAOnC,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAkB;IAC3D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACN,MAAC,kBAAkB,eAClB,KAAC,WAAW,IACX,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,EAAE,EACnC,MAAM,EAAE,GAAG,EAAE;oBACZ,IAAI,UAAU,EAAE,CAAC;wBAChB,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC;oBACD,MAAM,IAAI,MAAM,EAAE,CAAC;gBACpB,CAAC,GACA,EACD,UAAU,CAAC,CAAC,CAAC,CACb,eAAK,SAAS,EAAC,WAAW,aACzB,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,WAAW,CAAC,GAAO,EACnD,cAAK,SAAS,EAAC,QAAQ,YACtB,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI,GAChC,EACN,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YACzD,CAAC,CAAC,UAAU,CAAC,GACT,IACD,CACN,CAAC,CAAC,CAAC,CACH,eAAK,SAAS,EAAC,SAAS,aACvB,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,QAAQ,GAAG,EACrC,0BACC,cAAK,SAAS,EAAC,OAAO,YAAE,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,GAAO,EACjE,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EAC3D,cACC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;4CACb,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;wCACzC,CAAC,YAEA,CAAC,CAAC,aAAa,CAAC,GACZ,IACD,IACD,EACN,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,EAC3C,0BACC,cAAK,SAAS,EAAC,OAAO,YAAE,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,GAAO,EACjE,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EAC3D,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,YACxD,CAAC,CAAC,cAAc,CAAC,GACb,IACD,IACD,IACD,CACN,IACmB,CACrB,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GetWallet/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,MAAM,MAAM,eAAe,CAAC;AAQnC,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAkB;IACpE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACN,MAAC,kBAAkB,eAClB,KAAC,WAAW,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,EAAE,EACnC,MAAM,EAAE,GAAG,EAAE;oBACZ,IAAI,UAAU,EAAE,CAAC;wBAChB,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC;oBACD,MAAM,IAAI,MAAM,EAAE,CAAC;gBACpB,CAAC,GACA,EACD,UAAU,CAAC,CAAC,CAAC,CACb,eAAK,SAAS,EAAC,WAAW,aACzB,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,WAAW,CAAC,GAAO,EACnD,cAAK,SAAS,EAAC,QAAQ,YACtB,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI,GAChC,EACN,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YACzD,CAAC,CAAC,UAAU,CAAC,GACT,IACD,CACN,CAAC,CAAC,CAAC,CACH,eAAK,SAAS,EAAC,SAAS,aACvB,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,QAAQ,GAAG,EACrC,0BACC,cAAK,SAAS,EAAC,OAAO,YAAE,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,GAAO,EACjE,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EAC3D,cACC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;4CACb,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;wCACzC,CAAC,YAEA,CAAC,CAAC,aAAa,CAAC,GACZ,IACD,IACD,EACN,eAAK,SAAS,EAAC,MAAM,aACpB,cAAK,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,EAC3C,0BACC,cAAK,SAAS,EAAC,OAAO,YAAE,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,GAAO,EACjE,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EAC3D,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,YACxD,CAAC,CAAC,cAAc,CAAC,GACb,IACD,IACD,IACD,CACN,IACmB,CACrB,CAAC;AACH,CAAC"}
@@ -2,6 +2,7 @@ interface ModalHeaderProps {
2
2
  title?: string | null;
3
3
  onBack?: () => void;
4
4
  className?: string;
5
+ onClose: () => void;
5
6
  }
6
- export default function ModalHeader({ title, onBack, className }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
7
+ export default function ModalHeader({ title, onBack, className, onClose }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
7
8
  export {};
@@ -1,11 +1,9 @@
1
1
  'use client';
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { walletKitStore } from '../../stores';
4
3
  import ModalHeaderBox from './style';
5
4
  import BackArrowSvg from '../SVGs/backArrowSvg';
6
5
  import CloseSvg from '../SVGs/closeSvg';
7
- export default function ModalHeader({ title = '', onBack, className }) {
8
- const useCloseModal = walletKitStore((state) => state.closeModal);
9
- return (_jsxs(ModalHeaderBox, { className: className, children: [onBack ? _jsx(BackArrowSvg, { className: "backBtn", onClick: onBack }) : _jsx("div", { className: "backBtn" }), title ? _jsx("div", { className: "title", children: title }) : _jsx("div", {}), _jsx("div", { className: "closeBtn", onClick: useCloseModal, children: _jsx(CloseSvg, {}) })] }));
6
+ export default function ModalHeader({ title = '', onBack, className, onClose }) {
7
+ return (_jsxs(ModalHeaderBox, { className: className, children: [onBack ? _jsx(BackArrowSvg, { className: "backBtn", onClick: onBack }) : _jsx("div", { className: "backBtn" }), title ? _jsx("div", { className: "title", children: title }) : _jsx("div", {}), _jsx("div", { className: "closeBtn", onClick: onClose, children: _jsx(CloseSvg, {}) })] }));
10
8
  }
11
9
  //# sourceMappingURL=ModalHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,cAAc,MAAM,SAAS,CAAC;AACrC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AAQxC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,EAAoB;IACtF,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAEvE,OAAO,CACN,MAAC,cAAc,IAAC,SAAS,EAAE,SAAS,aAClC,MAAM,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,GAAO,EAChG,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,eAAW,EAC3D,cAAK,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,aAAa,YAC/C,KAAC,QAAQ,KAAG,GACP,IACU,CACjB,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,cAAc,MAAM,SAAS,CAAC;AACrC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AASxC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAoB;IAC/F,OAAO,CACN,MAAC,cAAc,IAAC,SAAS,EAAE,SAAS,aAClC,MAAM,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,GAAO,EAChG,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,eAAW,EAC3D,cAAK,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YACzC,KAAC,QAAQ,KAAG,GACP,IACU,CACjB,CAAC;AACH,CAAC"}
@@ -1,5 +1,6 @@
1
1
  interface IntroduceProps {
2
2
  onGetWallet?: () => void;
3
+ onClose: () => void;
3
4
  }
4
- export declare function Introduce({ onGetWallet }: IntroduceProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function Introduce({ onGetWallet, onClose }: IntroduceProps): import("react/jsx-runtime").JSX.Element;
5
6
  export {};
@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
3
3
  import { useTranslation } from 'react-i18next';
4
4
  import ModalHeader from '../Header/ModalHeader';
5
5
  import IntroduceContainer from './style';
6
- export function Introduce({ onGetWallet }) {
6
+ export function Introduce({ onGetWallet, onClose }) {
7
7
  const { t } = useTranslation();
8
- return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { className: "mainTitle" }), _jsxs(IntroduceContainer, { children: [_jsx("div", { className: "title", children: t('introduceQuestion') }), _jsx("div", { className: "introduce", children: t('introduceAnswer') }), _jsx("div", { className: "detail", children: t('introduceDetail') }), _jsx("div", { className: "footer", children: _jsx("div", { className: "button", onClick: () => onGetWallet?.(), children: t('getWallet') }) })] })] }));
8
+ return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { onClose: onClose, className: "mainTitle" }), _jsxs(IntroduceContainer, { children: [_jsx("div", { className: "title", children: t('introduceQuestion') }), _jsx("div", { className: "introduce", children: t('introduceAnswer') }), _jsx("div", { className: "detail", children: t('introduceDetail') }), _jsx("div", { className: "footer", children: _jsx("div", { className: "button", onClick: () => onGetWallet?.(), children: t('getWallet') }) })] })] }));
9
9
  }
10
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Introduce/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AAMzC,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAkB;IACxD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,GAAG,EACrC,MAAC,kBAAkB,eAClB,cAAK,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACrD,cAAK,SAAS,EAAC,WAAW,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACvD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACpD,cAAK,SAAS,EAAC,QAAQ,YACtB,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,YACpD,CAAC,CAAC,WAAW,CAAC,GACV,GAID,IACc,IACnB,CACH,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Introduce/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AAOzC,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAE,OAAO,EAAkB;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,GAAG,EACvD,MAAC,kBAAkB,eAClB,cAAK,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACrD,cAAK,SAAS,EAAC,WAAW,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACvD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACpD,cAAK,SAAS,EAAC,QAAQ,YACtB,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,YACpD,CAAC,CAAC,WAAW,CAAC,GACV,GAID,IACc,IACnB,CACH,CAAC;AACH,CAAC"}
@@ -1,8 +1,7 @@
1
1
  import { type ReactNode } from 'react';
2
2
  interface ModalProps {
3
- isOpen: boolean;
4
3
  closeAble?: boolean;
5
4
  slots?: ReactNode[];
6
5
  }
7
- export declare function ConnectModal({ isOpen, slots }: ModalProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function ConnectModal({ slots }: ModalProps): import("react/jsx-runtime").JSX.Element;
8
7
  export {};
@@ -13,6 +13,8 @@ import { GetWallet } from '../GetWallet';
13
13
  import { Connecting } from '../Connecting';
14
14
  import { useWalletKit } from '../../hooks/useWalletKit';
15
15
  import { AsideList, ModalAside, ModalContainer, ModalMain } from './style';
16
+ import { useModalStore } from '../../stores/modalStore';
17
+ import { UserRejectError } from '../../errors';
16
18
  var Step;
17
19
  (function (Step) {
18
20
  Step[Step["Introduce"] = 0] = "Introduce";
@@ -20,12 +22,16 @@ var Step;
20
22
  Step[Step["GetWallet"] = 2] = "GetWallet";
21
23
  Step[Step["Connecting"] = 3] = "Connecting";
22
24
  })(Step || (Step = {}));
23
- export function ConnectModal({ isOpen, slots }) {
25
+ export function ConnectModal({ slots }) {
24
26
  const { t } = useTranslation();
25
- const { currentChain, getConnectors, currentConnector, connectStatus, closeModal } = useWalletKit();
27
+ const { currentChain, getConnectors, currentConnector, connectStatus } = useWalletKit();
28
+ const { connectModalData } = useModalStore();
26
29
  const [step, setStep] = useState(Step.Introduce);
27
30
  const [selectedWallet, setSelectedWallet] = useState(null);
28
31
  const [connectors, setConnectors] = useState([]);
32
+ const isOpen = useMemo(() => {
33
+ return !!connectModalData;
34
+ }, [connectModalData]);
29
35
  const requestConnectors = async () => {
30
36
  const list = await getConnectors(currentChain);
31
37
  setConnectors(list);
@@ -60,7 +66,6 @@ export function ConnectModal({ isOpen, slots }) {
60
66
  useEffect(() => {
61
67
  switch (connectStatus) {
62
68
  case 'connected':
63
- closeModal();
64
69
  break;
65
70
  default:
66
71
  setStep(0);
@@ -70,11 +75,11 @@ export function ConnectModal({ isOpen, slots }) {
70
75
  const renderMainByStep = useCallback(() => {
71
76
  switch (step) {
72
77
  case 0:
73
- return (_jsx(Introduce, { onGetWallet: () => {
78
+ return (_jsx(Introduce, { onClose: handleCancel, onGetWallet: () => {
74
79
  setStep(Step.WalletList);
75
80
  } }));
76
81
  case 1:
77
- return (_jsx(WalletList, { list: SupportWallets, onBack: () => {
82
+ return (_jsx(WalletList, { onClose: handleCancel, list: SupportWallets, onBack: () => {
78
83
  setStep(0);
79
84
  }, onGetWallet: wallet => {
80
85
  if (wallet.name === 'Gel Wallet') {
@@ -85,19 +90,25 @@ export function ConnectModal({ isOpen, slots }) {
85
90
  setStep(Step.GetWallet);
86
91
  } }));
87
92
  case 2:
88
- return (_jsx(GetWallet, { wallet: selectedWallet, onBack: () => {
93
+ return (_jsx(GetWallet, { onClose: handleCancel, wallet: selectedWallet, onBack: () => {
89
94
  setStep(Step.WalletList);
90
95
  } }));
91
96
  default:
92
97
  return _jsx(_Fragment, {});
93
98
  }
94
99
  }, [step]);
95
- return (_jsx(Modal, { isOpen: isOpen, children: _jsxs(ModalContainer, { children: [_jsxs(ModalAside, { className: step !== 0 ? 'hidden' : '', children: [_jsx(ModalHeader, { title: t('connectWallet'), className: "asideTitle" }), _jsxs(AsideList, { children: [sortedKeys.map(connectorType => {
100
+ const handleConnect = (address) => {
101
+ connectModalData?.onConnect(address);
102
+ };
103
+ const handleCancel = () => {
104
+ useModalStore.getState().connectModalData?.onError(UserRejectError);
105
+ };
106
+ return (_jsx(Modal, { isOpen: isOpen, onCancel: handleCancel, children: _jsxs(ModalContainer, { children: [_jsxs(ModalAside, { className: step !== 0 ? 'hidden' : '', children: [_jsx(ModalHeader, { onClose: handleCancel, title: t('connectWallet'), className: "asideTitle" }), _jsxs(AsideList, { children: [sortedKeys.map(connectorType => {
96
107
  return (_jsxs("div", { className: "typeBox", children: [_jsx("div", { className: `typeHeader ${connectorType}`, children: t(connectorType) }), connectorsGroupByType[connectorType].map((connector) => {
97
- return _jsx(WalletTriggerButton, { connector: connector }, connectorType + connector.name);
108
+ return (_jsx(WalletTriggerButton, { onConnect: handleConnect, connector: connector }, connectorType + connector.name));
98
109
  })] }, connectorType));
99
110
  }), slots ? (slots.map((Slot, index) => {
100
111
  return _jsx(SlotWrapper, { children: Slot }, index);
101
- })) : (_jsx(_Fragment, {}))] })] }), _jsx(ModalMain, { children: connectStatus === 'connecting' ? _jsx(Connecting, { wallet: currentConnector }) : renderMainByStep() })] }) }));
112
+ })) : (_jsx(_Fragment, {}))] })] }), _jsx(ModalMain, { children: connectStatus === 'connecting' ? (_jsx(Connecting, { onClose: handleCancel, wallet: currentConnector })) : (renderMainByStep()) })] }) }));
102
113
  }
103
114
  //# sourceMappingURL=ConnectModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1 @@
1
- interface ModalProps {
2
- isOpen: boolean;
3
- }
4
- export declare function WalletInfoModal({ isOpen }: ModalProps): import("react/jsx-runtime").JSX.Element;
5
- export {};
1
+ export declare function WalletInfoModal(): import("react/jsx-runtime").JSX.Element;
@@ -12,10 +12,12 @@ import ExitSvg from '../SVGs/exitSvg';
12
12
  import copyToClipboard from 'copy-to-clipboard';
13
13
  import { useEffect, useState } from 'react';
14
14
  import { generateRandomAvatar } from '../../utils/generateAvatar';
15
- export function WalletInfoModal({ isOpen }) {
15
+ import { useModalStore } from '../../stores/modalStore';
16
+ export function WalletInfoModal() {
16
17
  const { t } = useTranslation();
17
- const { walletAddress, closeModal, currentConnector, avatar, setAvatar } = useWalletKit();
18
+ const { walletAddress, avatar, setAvatar, currentConnector } = useWalletKit();
18
19
  const [copied, setCopied] = useState(false);
20
+ const { closeWalletInfoModal, isShowWalletInfoModal } = useModalStore();
19
21
  const generateAvatar = () => {
20
22
  const newAvatar = generateRandomAvatar();
21
23
  setAvatar(newAvatar);
@@ -23,7 +25,10 @@ export function WalletInfoModal({ isOpen }) {
23
25
  useEffect(() => {
24
26
  generateAvatar();
25
27
  }, []);
26
- return (_jsx(Modal, { isOpen: isOpen, children: _jsxs(InfoModalContainer, { children: [_jsx(ModalHeader, {}), _jsx("div", { className: "avatarBox", onClick: () => generateAvatar(), children: _jsx("div", { className: "avatar", style: {
28
+ const handleCancel = () => {
29
+ closeWalletInfoModal();
30
+ };
31
+ return (_jsx(Modal, { isOpen: isShowWalletInfoModal, onCancel: handleCancel, children: _jsxs(InfoModalContainer, { children: [_jsx(ModalHeader, { onClose: handleCancel }), _jsx("div", { className: "avatarBox", onClick: () => generateAvatar(), children: _jsx("div", { className: "avatar", style: {
27
32
  backgroundColor: avatar?.bg
28
33
  }, children: avatar?.text }) }), _jsx("div", { className: "accountInfo", children: _jsx("div", { className: "address", children: formatAddress(walletAddress) }) }), _jsxs("div", { className: "btnGroup", children: [_jsxs("div", { className: "button", onClick: () => {
29
34
  copyToClipboard(walletAddress);
@@ -35,7 +40,7 @@ export function WalletInfoModal({ isOpen }) {
35
40
  }, 1000);
36
41
  }, children: [_jsx("div", { className: "btnIcon", children: copied ? _jsx(CopiedSvg, {}) : _jsx(CopySvg, {}) }), _jsx("div", { className: "btnText", children: t(copied ? 'copied' : 'copyAddress') })] }), _jsxs("div", { className: "button", onClick: () => {
37
42
  currentConnector?.disconnect();
38
- closeModal();
43
+ closeWalletInfoModal();
39
44
  }, children: [_jsx("div", { className: "btnIcon", children: _jsx(ExitSvg, {}) }), _jsx("div", { className: "btnText", children: t('disConnect') })] })] })] }) }));
40
45
  }
41
46
  //# sourceMappingURL=WalletInfoModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"WalletInfoModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/WalletInfoModal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAMlE,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAc;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAC;QACzC,SAAS,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,cAAc,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,KAAC,KAAK,IAAC,MAAM,EAAE,MAAM,YACpB,MAAC,kBAAkB,eAClB,KAAC,WAAW,KAAG,EACf,cAAK,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,YACzD,cACC,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;4BACN,eAAe,EAAE,MAAM,EAAE,EAAE;yBAC3B,YAEA,MAAM,EAAE,IAAI,GACR,GACD,EACN,cAAK,SAAS,EAAC,aAAa,YAC3B,cAAK,SAAS,EAAC,SAAS,YAAE,aAAa,CAAC,aAAa,CAAC,GAAO,GAExD,EACN,eAAK,SAAS,EAAC,UAAU,aACxB,eACC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACb,eAAe,CAAC,aAAa,CAAC,CAAC;gCAC/B,IAAI,MAAM;oCAAE,OAAO;gCACnB,SAAS,CAAC,IAAI,CAAC,CAAC;gCAChB,UAAU,CAAC,GAAG,EAAE;oCACf,SAAS,CAAC,KAAK,CAAC,CAAC;gCAClB,CAAC,EAAE,IAAI,CAAC,CAAC;4BACV,CAAC,aAED,cAAK,SAAS,EAAC,SAAS,YAAE,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,GAAO,EACrE,cAAK,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,GAAO,IAChE,EACN,eACC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACb,gBAAgB,EAAE,UAAU,EAAE,CAAC;gCAC/B,UAAU,EAAE,CAAC;4BACd,CAAC,aAED,cAAK,SAAS,EAAC,SAAS,YACvB,KAAC,OAAO,KAAG,GACN,EACN,cAAK,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,YAAY,CAAC,GAAO,IAC3C,IACD,IACc,GACd,CACR,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"WalletInfoModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/WalletInfoModal.tsx"],"names":[],"mappings":"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"}
@@ -7,6 +7,7 @@ interface ModalProps {
7
7
  initialFocusRef?: RefObject<any>;
8
8
  children?: ReactNode;
9
9
  closeAble?: boolean;
10
+ onCancel?: () => void;
10
11
  }
11
- export default function Modal({ isOpen, children, closeAble }: ModalProps): import("react/jsx-runtime").JSX.Element;
12
+ export default function Modal({ isOpen, children, closeAble, onCancel }: ModalProps): import("react/jsx-runtime").JSX.Element;
12
13
  export {};
@@ -5,7 +5,6 @@ import { styled } from 'styled-components';
5
5
  import { animated, useTransition } from '@react-spring/web';
6
6
  import { DialogOverlay, DialogContent } from '@reach/dialog';
7
7
  import '@reach/dialog/styles.css';
8
- import { useWalletKit } from '../../hooks/useWalletKit';
9
8
  const AnimatedDialogOverlay = animated(DialogOverlay);
10
9
  const AnimatedDialogContent = animated(DialogContent);
11
10
  const StyledDialogOverlay = styled(AnimatedDialogOverlay) `
@@ -39,16 +38,15 @@ const StyledDialogContent = styled(({ ...rest }) => _jsx(AnimatedDialogContent,
39
38
  border-bottom-left-radius: 0;
40
39
  }
41
40
  `;
42
- export default function Modal({ isOpen, children, closeAble = true }) {
41
+ export default function Modal({ isOpen, children, closeAble = true, onCancel }) {
43
42
  const transitions = useTransition(isOpen, {
44
43
  from: { opacity: 0 },
45
44
  enter: { opacity: 1 },
46
45
  leave: { opacity: 0 },
47
46
  config: { duration: 150 }
48
47
  });
49
- const { closeModal } = useWalletKit();
50
48
  return (_jsx(_Fragment, { children: transitions((styles, item) => {
51
- return (item && (_jsx(StyledDialogOverlay, { style: { opacity: styles.opacity }, onDismiss: closeAble ? closeModal : () => { }, isOpen: isOpen, children: _jsx(StyledDialogContent, { className: 'dialog-content-style', children: children }) })));
49
+ return (item && (_jsx(StyledDialogOverlay, { style: { opacity: styles.opacity }, onDismiss: closeAble ? onCancel : () => { }, isOpen: isOpen, children: _jsx(StyledDialogContent, { className: 'dialog-content-style', children: children }) })));
52
50
  }) }));
53
51
  }
54
52
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAEtD,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAGtD,MAAM,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAA;;;;;CAKxD,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,KAAC,qBAAqB,OAAK,IAAI,GAAI,CAAC,CAAC,KAAK,CAAC;IAC9F,YAAY,EAAE,QAAQ;CACtB,CAAC,CAAA;;;;;;;;;;;;;qBAamB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO;;;;;;;;;CAShD,CAAC;AAWF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAc;IAC/E,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,EAAE;QACzC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACrB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACrB,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KACzB,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IACtC,OAAO,CACN,4BACE,WAAW,CAAC,CAAC,MAAW,EAAE,IAAS,EAAE,EAAE;YACvC,OAAO,CACN,IAAI,IAAI,CACP,KAAC,mBAAmB,IACnB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,EAClC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAC5C,MAAM,EAAE,MAAM,YAEd,KAAC,mBAAmB,IAAC,SAAS,EAAE,sBAAsB,YAAG,QAAQ,GAAuB,GACnE,CACtB,CACD,CAAC;QACH,CAAC,CAAC,GACA,CACH,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,0BAA0B,CAAC;AAElC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAEtD,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAGtD,MAAM,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAA;;;;;CAKxD,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,KAAC,qBAAqB,OAAK,IAAI,GAAI,CAAC,CAAC,KAAK,CAAC;IAC9F,YAAY,EAAE,QAAQ;CACtB,CAAC,CAAA;;;;;;;;;;;;;qBAamB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO;;;;;;;;;CAShD,CAAC;AAYF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,EAAc;IACzF,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,EAAE;QACzC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACrB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACrB,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KACzB,CAAC,CAAC;IAEH,OAAO,CACN,4BACE,WAAW,CAAC,CAAC,MAAW,EAAE,IAAS,EAAE,EAAE;YACvC,OAAO,CACN,IAAI,IAAI,CACP,KAAC,mBAAmB,IACnB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,EAClC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAC1C,MAAM,EAAE,MAAM,YAEd,KAAC,mBAAmB,IAAC,SAAS,EAAE,sBAAsB,YAAG,QAAQ,GAAuB,GACnE,CACtB,CACD,CAAC;QACH,CAAC,CAAC,GACA,CACH,CAAC;AACH,CAAC"}
@@ -3,13 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
3
3
  import {} from 'react';
4
4
  import { ChainProvider } from './ChainProvider';
5
5
  import { ConnectModal } from '../Modal/ConnectModal';
6
- import { walletKitStore, AppModal } from '../../stores';
7
6
  import { I18nProvider } from './I18nProvider';
8
7
  import { WalletKitThemeProvider } from './ThemeProvider';
9
8
  import { ThemedGlobalStyle } from '../../theme';
10
9
  import { WalletInfoModal } from '../Modal/WalletInfoModal';
11
10
  export function WalletKitProvider({ children, language, defaultChain, theme, connectButtonSlots }) {
12
- const modalType = walletKitStore((state) => state.modalType);
13
- 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, isOpen: modalType === AppModal.ConnectModal }), _jsx(WalletInfoModal, { isOpen: modalType === AppModal.InfoModal }), _jsx("div", { children: children })] }) }) }) }));
11
+ 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 })] }) }) }) }));
14
12
  }
15
13
  //# sourceMappingURL=index.js.map
@@ -1 +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;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxD,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;IAKpH,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClE,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,EAAE,MAAM,EAAE,SAAS,KAAK,QAAQ,CAAC,YAAY,GAAI,EACxF,KAAC,eAAe,IAAC,MAAM,EAAE,SAAS,KAAK,QAAQ,CAAC,SAAS,GAAI,EAC7D,wBAAM,QAAQ,GAAO,IACG,GACX,GACA,GACd,CACH,CAAC;AACH,CAAC"}
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"}
@@ -2,6 +2,7 @@ interface WalletListProps {
2
2
  list?: any[];
3
3
  onBack?: () => void;
4
4
  onGetWallet?: (wallet: any) => void;
5
+ onClose: () => void;
5
6
  }
6
7
  export declare function WalletList({ list, onBack, onGetWallet }: WalletListProps): import("react/jsx-runtime").JSX.Element;
7
8
  export {};
@@ -10,6 +10,7 @@ export function WalletList({ list, onBack, onGetWallet }) {
10
10
  const randomList = list?.sort(() => Math.random() - 0.5).slice(0, 3);
11
11
  return randomList;
12
12
  }, [list]);
13
- return (_jsxs(WalletListContainer, { children: [_jsx(ModalHeader, { 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') })] }));
13
+ const handleCancel = () => { };
14
+ 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') })] }));
14
15
  }
15
16
  //# sourceMappingURL=index.js.map
@@ -1 +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;AAQhC,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;IAEX,OAAO,CACN,MAAC,mBAAmB,eACnB,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,EAC3D,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"}
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"}
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import type { ISlotsConnector } from '../../types/slotsType';
3
3
  export interface IWalletTriggerButton {
4
4
  connector: any;
5
+ onConnect: (address: string) => void;
5
6
  }
6
7
  export interface IWalletSlotTriggerButton {
7
8
  slotsConnector: ISlotsConnector;
@@ -7,16 +7,16 @@ import Icon from '../Icon';
7
7
  import useSlotsWalletStore from '../../stores/SlotsWalletStore';
8
8
  import WalletItem from './style';
9
9
  import { useWalletKit } from '../../hooks/useWalletKit';
10
- export const WalletTriggerButton = ({ connector }) => {
11
- const { connectStatus } = useWalletKit();
10
+ export const WalletTriggerButton = ({ connector, onConnect }) => {
11
+ const { connectStatus, currentChain, currentConnector } = useWalletKit();
12
12
  const disabled = useMemo(() => {
13
- return connectStatus === 'connected';
14
- }, [connectStatus]);
13
+ return currentConnector?.chainType === currentChain && connectStatus === 'connected';
14
+ }, [connectStatus, currentConnector, currentChain]);
15
15
  const handleConnect = async () => {
16
16
  if (disabled)
17
17
  return;
18
- console.log('connector', connector);
19
- await connector.connect();
18
+ const address = await connector.connect();
19
+ typeof onConnect === 'function' && onConnect(address);
20
20
  };
21
21
  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('_', ' ') })] }) }));
22
22
  };
@@ -1 +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;AASxD,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IAEzC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,aAAa,KAAK,WAAW,CAAC;IACtC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,QAAQ;YAAE,OAAO;QACrB,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QACpC,MAAM,SAAS,CAAC,OAAO,EAAE,CAAC;IAC3B,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,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAI,IAC1C,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"}
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,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAI,IAC1C,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"}
@@ -0,0 +1,2 @@
1
+ import { type ErrorMessage } from '../types/error';
2
+ export declare const UserRejectError: ErrorMessage;
@@ -0,0 +1,6 @@
1
+ import { ErrorCode } from '../types/error';
2
+ export const UserRejectError = {
3
+ code: ErrorCode.UserReject,
4
+ message: 'User reject'
5
+ };
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/errors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,gBAAgB,CAAC;AAE9D,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC5C,IAAI,EAAE,SAAS,CAAC,UAAU;IAC1B,OAAO,EAAE,aAAa;CACtB,CAAC"}
@@ -1,6 +1,50 @@
1
1
  import { type WalletHelperState } from '@web3jskit/wallethelper';
2
- import { AppModal, type WalletKitState } from '../stores';
3
- type WalletKit = WalletHelperState & WalletKitState;
4
- export declare const useWalletKit: () => WalletKit;
2
+ import { type WalletKitState } from '../stores';
3
+ import type { Connector } from '@web3jskit/wallethelper/dist/src/core/types/connector';
4
+ type WalletKitStoreState = WalletHelperState & WalletKitState;
5
+ type WalletKit = WalletKitStoreState & {
6
+ connect: () => Promise<Connector>;
7
+ showWalletInfo: () => void;
8
+ closeWalletInfo: () => void;
9
+ };
10
+ export declare const useWalletKit: () => {
11
+ connect: () => Promise<unknown>;
12
+ showWalletInfo: () => void;
13
+ closeWalletInfo: () => void;
14
+ supportWallets: import("@web3jskit/wallethelper").SupportWallet[];
15
+ setSupportWallets: (wallets: import("@web3jskit/wallethelper").SupportWallet[]) => void;
16
+ connectors: Connector[];
17
+ getConnectors: (chainType: import("@web3jskit/type").ChainType) => Promise<any[]>;
18
+ currentConnector: Connector | null;
19
+ currentConnectorName: string;
20
+ getCurrentConnector: () => Connector | null;
21
+ setCurrentConnector: (connector: Connector) => void;
22
+ provider: any;
23
+ getProvider: () => Promise<any>;
24
+ setProvider: (provider: any) => void;
25
+ currentChain: import("@web3jskit/type").ChainType;
26
+ getCurrentChain: () => import("@web3jskit/type").ChainType;
27
+ switchChain: (chainType: import("@web3jskit/type").ChainType) => void;
28
+ connectStatus: import("@web3jskit/wallethelper/dist/src/core/types/connector").ConnectStatus;
29
+ getConnectStatus: () => import("@web3jskit/wallethelper/dist/src/core/types/connector").ConnectStatus;
30
+ setConnectStatus: (status: import("@web3jskit/wallethelper/dist/src/core/types/connector").ConnectStatus) => void;
31
+ walletAddress: string;
32
+ getWalletAddress: () => string;
33
+ setWalletAddress: (address: string) => void;
34
+ chains: Array<any>;
35
+ setChains: (chains: Array<any>) => void;
36
+ language: import("..").Locals;
37
+ setLanguage: (language: import("..").Locals) => void;
38
+ theme: import("..").Theme;
39
+ toggleTheme: () => void;
40
+ avatar: {
41
+ text: string;
42
+ bg: string;
43
+ } | null;
44
+ setAvatar: (avatar: {
45
+ text: string;
46
+ bg: string;
47
+ }) => void;
48
+ };
5
49
  export declare const getWalletKit: () => WalletKit;
6
- export { AppModal };
50
+ export {};