@web3jskit/walletkit 0.1.1 → 0.1.3
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.
- package/dist/package.json +3 -2
- package/dist/src/components/ConnectButton/index.js +4 -4
- package/dist/src/components/ConnectButton/index.js.map +1 -1
- package/dist/src/components/Connecting/index.d.ts +2 -1
- package/dist/src/components/Connecting/index.js +2 -2
- package/dist/src/components/Connecting/index.js.map +1 -1
- package/dist/src/components/GetWallet/index.d.ts +2 -1
- package/dist/src/components/GetWallet/index.js +2 -2
- package/dist/src/components/GetWallet/index.js.map +1 -1
- package/dist/src/components/Header/ModalHeader.d.ts +2 -1
- package/dist/src/components/Header/ModalHeader.js +2 -4
- package/dist/src/components/Header/ModalHeader.js.map +1 -1
- package/dist/src/components/Introduce/index.d.ts +2 -1
- package/dist/src/components/Introduce/index.js +2 -2
- package/dist/src/components/Introduce/index.js.map +1 -1
- package/dist/src/components/Modal/ConnectModal.d.ts +1 -2
- package/dist/src/components/Modal/ConnectModal.js +20 -9
- package/dist/src/components/Modal/ConnectModal.js.map +1 -1
- package/dist/src/components/Modal/WalletInfoModal.d.ts +1 -5
- package/dist/src/components/Modal/WalletInfoModal.js +9 -4
- package/dist/src/components/Modal/WalletInfoModal.js.map +1 -1
- package/dist/src/components/Modal/index.d.ts +2 -1
- package/dist/src/components/Modal/index.js +2 -4
- package/dist/src/components/Modal/index.js.map +1 -1
- package/dist/src/components/WalletKitProvider/index.js +1 -3
- package/dist/src/components/WalletKitProvider/index.js.map +1 -1
- package/dist/src/components/WalletList/index.d.ts +1 -0
- package/dist/src/components/WalletList/index.js +2 -1
- package/dist/src/components/WalletList/index.js.map +1 -1
- package/dist/src/components/WalletTriggerButton/index.d.ts +1 -0
- package/dist/src/components/WalletTriggerButton/index.js +7 -7
- package/dist/src/components/WalletTriggerButton/index.js.map +1 -1
- package/dist/src/errors/index.d.ts +2 -0
- package/dist/src/errors/index.js +6 -0
- package/dist/src/errors/index.js.map +1 -0
- package/dist/src/hooks/useWalletKit.d.ts +60 -4
- package/dist/src/hooks/useWalletKit.js +22 -10
- package/dist/src/hooks/useWalletKit.js.map +1 -1
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/modals/connectModal/index.d.ts +0 -0
- package/dist/src/modals/connectModal/index.js +2 -0
- package/dist/src/modals/connectModal/index.js.map +1 -0
- package/dist/src/stores/index.d.ts +0 -7
- package/dist/src/stores/index.js +1 -18
- package/dist/src/stores/index.js.map +1 -1
- package/dist/src/stores/modalStore.d.ts +17 -0
- package/dist/src/stores/modalStore.js +41 -0
- package/dist/src/stores/modalStore.js.map +1 -0
- package/dist/src/types/error.d.ts +7 -0
- package/dist/src/types/error.js +5 -0
- package/dist/src/types/error.js.map +1 -0
- package/dist/src/types/store.d.ts +2 -0
- package/dist/src/types/store.js +2 -0
- package/dist/src/types/store.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -2
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@web3jskit/walletkit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "walletkit",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -15,7 +15,8 @@
|
|
|
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/
|
|
18
|
+
"@web3jskit/type": "^1.1.6",
|
|
19
|
+
"@web3jskit/wallethelper": "0.1.3",
|
|
19
20
|
"copy-to-clipboard": "^3.3.3",
|
|
20
21
|
"i18next": "^22.4.13",
|
|
21
22
|
"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
|
|
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,
|
|
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
|
-
|
|
16
|
+
showWalletInfo();
|
|
17
17
|
} })) : (_jsx("button", { className: className, onClick: () => {
|
|
18
|
-
|
|
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,
|
|
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;
|
|
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;
|
|
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
|
-
|
|
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,
|
|
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;
|
|
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({
|
|
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({
|
|
25
|
+
export function ConnectModal({ slots }) {
|
|
24
26
|
const { t } = useTranslation();
|
|
25
|
-
const { currentChain, getConnectors, currentConnector, connectStatus
|
|
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
|
-
|
|
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":"AAAA,YAAY,CAAC;;AACb,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ConnectModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/ConnectModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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
|
-
|
|
15
|
+
import { useModalStore } from '../../stores/modalStore';
|
|
16
|
+
export function WalletInfoModal() {
|
|
16
17
|
const { t } = useTranslation();
|
|
17
|
-
const { walletAddress,
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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 ?
|
|
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;
|
|
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
|
-
|
|
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;
|
|
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
|
-
|
|
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;
|
|
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,18 +7,18 @@ 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
|
-
|
|
19
|
-
|
|
18
|
+
const address = await connector.connect();
|
|
19
|
+
typeof onConnect === 'function' && onConnect(address);
|
|
20
20
|
};
|
|
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
|
|
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
|
};
|
|
23
23
|
export const WalletSlotTriggerButton = ({ slotsConnector }) => {
|
|
24
24
|
const useAddConnector = useSlotsWalletStore((state) => state.addConnector);
|
|
@@ -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;
|
|
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"}
|
|
@@ -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"}
|