@web3jskit/walletkit 0.1.4 → 0.1.5
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/README.md +131 -152
- package/dist/package.json +2 -2
- package/dist/src/components/Header/style.js +4 -3
- package/dist/src/components/Header/style.js.map +1 -1
- package/dist/src/components/Introduce/index.js +2 -1
- package/dist/src/components/Introduce/index.js.map +1 -1
- package/dist/src/components/Introduce/style.js +35 -10
- package/dist/src/components/Introduce/style.js.map +1 -1
- package/dist/src/components/Modal/ConnectModal.js +9 -2
- package/dist/src/components/Modal/ConnectModal.js.map +1 -1
- package/dist/src/components/Modal/style.js +2 -1
- package/dist/src/components/Modal/style.js.map +1 -1
- package/dist/src/components/SVGs/vectorSvg.d.ts +2 -0
- package/dist/src/components/SVGs/vectorSvg.js +4 -0
- package/dist/src/components/SVGs/vectorSvg.js.map +1 -0
- package/dist/src/components/Text/index.js +1 -1
- package/dist/src/components/WalletKitProvider/ChainProvider.js +4 -1
- package/dist/src/components/WalletKitProvider/ChainProvider.js.map +1 -1
- package/dist/src/components/WalletList/index.d.ts +1 -1
- package/dist/src/components/WalletList/index.js +2 -3
- 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 -3
- package/dist/src/components/WalletTriggerButton/index.js.map +1 -1
- package/dist/src/components/WalletTriggerButton/style.js +13 -2
- package/dist/src/components/WalletTriggerButton/style.js.map +1 -1
- package/dist/src/hooks/useWalletKit.d.ts +5 -2
- package/dist/src/theme/index.js +41 -0
- package/dist/src/theme/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainProvider.js","sourceRoot":"","sources":["../../../../src/components/WalletKitProvider/ChainProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAkB,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACN,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,aAAa,EAEb,MAAM,yBAAyB,CAAC;AAgBjC,MAAM,YAAY,GAAG,aAAa,CAAoB;IACrD,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC/B,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,EAAE;CAClB,CAAC,CAAC;AAEH,MAAM,UAAU,aAAa,CAAC,EAC7B,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,cAAc,EACE;IAChB,MAAM,EACL,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,GAAG,YAAY,EAAE,CAAC;IAEnB,MAAM,aAAa,GAAG,KAAK,EAAE,YAAuB,SAAS,CAAC,GAAG,EAAE,EAAE;QACpE,MAAM,UAAU,GAAG,MAAM,eAAe,CAAC,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC,CAAC;QAC1E,OAAO,UAAU,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,KAAK,EAAE,YAAuB,SAAS,CAAC,GAAG,EAAE,EAAE;QAC1E,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,UAAU,GAAc,UAAU,CAAC,IAAI,CAAC,CAAC,SAAoB,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,oBAAoB,CAAC,CAAC;QACjH,IAAI,UAAU,EAAE,CAAC;YAChB,mBAAmB,CAAC,UAAU,CAAC,CAAC;YAChC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YACjC,UAAU,CAAC,YAAY,EAAE,CAAC;QAC3B,CAAC;IACF,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,aAAa,KAAK,aAAa,CAAC,SAAS,EAAE,CAAC;YAC/C,IAAI,gBAAgB,EAAE,CAAC;gBACtB,YAAY,CAAC,gBAAgB,CAAC,CAAC;gBAC/B,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACjC,CAAC;YACD,IAAI,cAAc,EAAE,CAAC;gBACpB,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,cAAc,CAAC,CAAC;gBAChF,IAAI,OAAO,EAAE,CAAC;oBACb,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC5B,CAAC;YACF,CAAC;QACF,CAAC;aAAM,CAAC;YACP,SAAS,IAAI,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;QACpD,CAAC;IACF,CAAC,EAAE,CAAC,gBAAgB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO;YACN,gBAAgB;YAChB,cAAc;YACd,cAAc;SACd,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvD,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAyB,CAAC;AACrF,CAAC"}
|
|
1
|
+
{"version":3,"file":"ChainProvider.js","sourceRoot":"","sources":["../../../../src/components/WalletKitProvider/ChainProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,5 +4,5 @@ interface WalletListProps {
|
|
|
4
4
|
onGetWallet?: (wallet: any) => void;
|
|
5
5
|
onClose: () => void;
|
|
6
6
|
}
|
|
7
|
-
export declare function WalletList({ list, onBack, onGetWallet }: WalletListProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function WalletList({ list, onClose, onBack, onGetWallet }: WalletListProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -4,13 +4,12 @@ import { useTranslation } from 'react-i18next';
|
|
|
4
4
|
import ModalHeader from '../Header/ModalHeader';
|
|
5
5
|
import WalletListContainer from './style';
|
|
6
6
|
import { useMemo } from 'react';
|
|
7
|
-
export function WalletList({ list, onBack, onGetWallet }) {
|
|
7
|
+
export function WalletList({ list, onClose, onBack, onGetWallet }) {
|
|
8
8
|
const { t } = useTranslation();
|
|
9
9
|
const randomList = useMemo(() => {
|
|
10
10
|
const randomList = list?.sort(() => Math.random() - 0.5).slice(0, 3);
|
|
11
11
|
return randomList;
|
|
12
12
|
}, [list]);
|
|
13
|
-
|
|
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') })] }));
|
|
13
|
+
return (_jsxs(WalletListContainer, { children: [_jsx(ModalHeader, { onClose: onClose, title: t('getWalletTitle'), onBack: onBack }), _jsx("div", { className: "walletList", children: randomList?.map((item, index) => (_jsxs("div", { className: "walletItem", children: [_jsx("img", { src: item.icon, alt: item.name }), _jsxs("div", { children: [_jsx("div", { className: "name", children: item.name.replaceAll('_', ' ') }), item.name !== 'GelWallet' && _jsx("div", { className: "description", children: t('getWalletTips') })] }), _jsx("div", { className: "button", onClick: () => onGetWallet?.(item), children: t('getWallet') })] }, index + item.name))) }), _jsx("div", { className: "question", children: t('getWalletQuestion') }), _jsx("div", { className: "answer", children: t('getWalletAnswer') })] }));
|
|
15
14
|
}
|
|
16
15
|
//# 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;AAShC,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAmB;
|
|
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,OAAO,EAAE,MAAM,EAAE,WAAW,EAAmB;IACjF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAG/B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,UAAU,GAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrE,OAAO,UAAU,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACN,MAAC,mBAAmB,eACnB,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,EAC7E,cAAK,SAAS,EAAC,YAAY,YACzB,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,eAAK,SAAS,EAAC,YAAY,aAC1B,cAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,GAAI,EACvC,0BACC,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAO,EAC3D,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,cAAK,SAAS,EAAC,aAAa,YAAE,CAAC,CAAC,eAAe,CAAC,GAAO,IAChF,EACN,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,YACxD,CAAC,CAAC,WAAW,CAAC,GACV,KAR0B,KAAK,GAAG,IAAI,CAAC,IAAI,CAS5C,CACN,CAAC,GACG,EACN,cAAK,SAAS,EAAC,UAAU,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACxD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,IAC/B,CACtB,CAAC;AACH,CAAC"}
|
|
@@ -3,6 +3,7 @@ import type { ISlotsConnector } from '../../types/slotsType';
|
|
|
3
3
|
export interface IWalletTriggerButton {
|
|
4
4
|
connector: any;
|
|
5
5
|
onConnect: (address: string) => void;
|
|
6
|
+
onGetWallet?: () => void;
|
|
6
7
|
}
|
|
7
8
|
export interface IWalletSlotTriggerButton {
|
|
8
9
|
slotsConnector: ISlotsConnector;
|
|
@@ -7,18 +7,22 @@ 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
|
-
|
|
11
|
-
|
|
10
|
+
import { ConnectorType } from '@web3jskit/wallethelper';
|
|
11
|
+
export const WalletTriggerButton = ({ connector, onConnect, onGetWallet }) => {
|
|
12
|
+
const { connectStatus, currentChainType, currentConnector, isConnecting } = useWalletKit();
|
|
12
13
|
const disabled = useMemo(() => {
|
|
13
14
|
return currentConnector?.chainType === currentChainType && connectStatus === 'connected';
|
|
14
15
|
}, [connectStatus, currentConnector, currentChainType]);
|
|
15
16
|
const handleConnect = async () => {
|
|
17
|
+
if (connector?.connectorType === ConnectorType.More) {
|
|
18
|
+
return onGetWallet?.();
|
|
19
|
+
}
|
|
16
20
|
if (disabled)
|
|
17
21
|
return;
|
|
18
22
|
const address = await connector.connect();
|
|
19
23
|
typeof onConnect === 'function' && onConnect(address);
|
|
20
24
|
};
|
|
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('_', ' ') || '' })] }) }));
|
|
25
|
+
return (_jsx(WalletItem, { onClick: handleConnect, className: disabled ? 'disabled' : typeof isConnecting === 'object' && isConnecting.name === connector.name ? 'active' : '', children: _jsxs(FlexBox, { className: 'gap-10', children: [_jsx(Icon, { src: connector.icon || '' }), _jsx(Text, { text: connector.name?.replaceAll('_', ' ') || '', className: connector.connectorType === ConnectorType.Installed ? 'installed' : '' })] }) }));
|
|
22
26
|
};
|
|
23
27
|
export const WalletSlotTriggerButton = ({ slotsConnector }) => {
|
|
24
28
|
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;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAWxD,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IAC3F,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,gBAAgB,EAAE,SAAS,KAAK,gBAAgB,IAAI,aAAa,KAAK,WAAW,CAAC;IAC1F,CAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,SAAS,EAAE,aAAa,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;YACrD,OAAO,WAAW,EAAE,EAAE,CAAC;QACxB,CAAC;QACD,IAAI,QAAQ;YAAE,OAAO;QAErB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,OAAO,EAAE,CAAC;QAC1C,OAAO,SAAS,KAAK,UAAU,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IACvD,CAAC,CAAC;IACF,OAAO,CACN,KAAC,UAAU,IACV,OAAO,EAAE,aAAa,EACtB,SAAS,EACR,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAGjH,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE,GAAI,EACnC,KAAC,IAAI,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,EAChD,SAAS,EAAE,SAAS,CAAC,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAChF,IACO,GACE,CACb,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAuC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE;IACjG,MAAM,eAAe,GAAG,mBAAmB,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAChF,eAAe,CAAC,cAAc,CAAC,CAAC;IAChC,OAAO,CACN,KAAC,UAAU,cACV,MAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,aAC3B,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,CAAC,UAAU,GAAI,EACxC,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,UAAU,GAAI,IAChC,GACE,CACb,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { styled } from 'styled-components';
|
|
2
2
|
const WalletItem = styled.div `
|
|
3
3
|
display: flex;
|
|
4
|
-
padding: 4px
|
|
5
|
-
border-radius:
|
|
4
|
+
padding: 4px 14px;
|
|
5
|
+
border-radius: 8px;
|
|
6
6
|
cursor: pointer;
|
|
7
7
|
flex-shrink: 0;
|
|
8
8
|
box-sizing: border-box;
|
|
9
9
|
user-select: none;
|
|
10
|
+
margin: 0 -14px;
|
|
10
11
|
|
|
11
12
|
img {
|
|
12
13
|
width: 28px;
|
|
@@ -18,6 +19,10 @@ const WalletItem = styled.div `
|
|
|
18
19
|
background: ${({ theme }) => theme.itemHoverBg};
|
|
19
20
|
}
|
|
20
21
|
|
|
22
|
+
&.active {
|
|
23
|
+
background: ${({ theme }) => theme.itemActiveBg};
|
|
24
|
+
}
|
|
25
|
+
|
|
21
26
|
&.disabled {
|
|
22
27
|
pointer-events: none;
|
|
23
28
|
background: none;
|
|
@@ -25,7 +30,9 @@ const WalletItem = styled.div `
|
|
|
25
30
|
|
|
26
31
|
@media (max-width: 768px) {
|
|
27
32
|
width: 86px;
|
|
33
|
+
padding: 4px 12px;
|
|
28
34
|
justify-content: center;
|
|
35
|
+
margin: 0;
|
|
29
36
|
|
|
30
37
|
> div {
|
|
31
38
|
box-sizing: border-box;
|
|
@@ -46,6 +53,10 @@ const WalletItem = styled.div `
|
|
|
46
53
|
}
|
|
47
54
|
}
|
|
48
55
|
}
|
|
56
|
+
|
|
57
|
+
.installed span {
|
|
58
|
+
color: ${({ theme }) => theme.blue};
|
|
59
|
+
}
|
|
49
60
|
}
|
|
50
61
|
`;
|
|
51
62
|
export default WalletItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/WalletTriggerButton/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;gBAiBb,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;gBAIhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmCrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;CAGpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -39,11 +39,12 @@ export declare const useWalletKit: () => {
|
|
|
39
39
|
walletAddress: string;
|
|
40
40
|
getWalletAddress: () => string;
|
|
41
41
|
setWalletAddress: (address: string) => void;
|
|
42
|
+
resetStatus: () => void;
|
|
42
43
|
getConnectorProxy: () => any;
|
|
43
44
|
disconnect: () => Promise<void>;
|
|
44
45
|
signMessage: (message: string) => Promise<any>;
|
|
45
|
-
signTransaction: (transaction:
|
|
46
|
-
sendTransaction: (transaction:
|
|
46
|
+
signTransaction: (transaction: any) => Promise<any>;
|
|
47
|
+
sendTransaction: (transaction: any) => Promise<any>;
|
|
47
48
|
waitForTransactionReceipt: (hash: string, timeout?: number) => Promise<any>;
|
|
48
49
|
readContract: (params: import("@web3jskit/wallethelper/dist/src/core/types/connector").IContractOptions) => Promise<any>;
|
|
49
50
|
writeContract: (params: import("@web3jskit/wallethelper/dist/src/core/types/connector").IContractOptions) => Promise<any>;
|
|
@@ -51,6 +52,8 @@ export declare const useWalletKit: () => {
|
|
|
51
52
|
method: string;
|
|
52
53
|
params?: any[];
|
|
53
54
|
}[]) => Promise<any[]>;
|
|
55
|
+
multicall: (requests: import("@web3jskit/wallethelper/dist/src/core/types/connector").IContractOptions[]) => Promise<any[]>;
|
|
56
|
+
switchNetwork: (chainId: number) => Promise<any>;
|
|
54
57
|
chains: Array<any>;
|
|
55
58
|
setChains: (chains: Array<any>) => void;
|
|
56
59
|
language: import("..").Locals;
|
package/dist/src/theme/index.js
CHANGED
|
@@ -52,6 +52,47 @@ export const themeStyle = {
|
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
export const ThemedGlobalStyle = createGlobalStyle `
|
|
55
|
+
@font-face {
|
|
56
|
+
font-family: Manrope;
|
|
57
|
+
src: url('../assets/fonts/ManropeLight.ttf') format('truetype');
|
|
58
|
+
font-weight: 300;
|
|
59
|
+
font-style: normal;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@font-face {
|
|
63
|
+
font-family: Manrope;
|
|
64
|
+
src: url('../assets/fonts/Manrope.ttf') format('truetype');
|
|
65
|
+
font-weight: 400;
|
|
66
|
+
font-style: normal;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@font-face {
|
|
70
|
+
font-family: Manrope;
|
|
71
|
+
src: url('../assets/fonts/ManropeMedium.ttf') format('truetype');
|
|
72
|
+
font-weight: 500;
|
|
73
|
+
font-style: normal;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@font-face {
|
|
77
|
+
font-family: Manrope;
|
|
78
|
+
src: url('../assets/fonts/ManropeSemibold.ttf') format('truetype');
|
|
79
|
+
font-weight: 600;
|
|
80
|
+
font-style: normal;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@font-face {
|
|
84
|
+
font-family: Manrope;
|
|
85
|
+
src: url('../assets/fonts/ManropeBold.ttf') format('truetype');
|
|
86
|
+
font-weight: 700;
|
|
87
|
+
font-style: normal;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
@font-face {
|
|
91
|
+
font-family: Manrope;
|
|
92
|
+
src: url('../assets/fonts/ManropeExtraBold.ttf') format('truetype');
|
|
93
|
+
font-weight: 800;
|
|
94
|
+
font-style: normal;
|
|
95
|
+
}
|
|
55
96
|
|
|
56
97
|
.gap-2 {
|
|
57
98
|
gap: 2px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,QAAQ,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,2BAA2B;QACzC,WAAW,EAAE,2BAA2B;QACxC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,0BAA0B;QACrC,cAAc,EAAE,0BAA0B;QAC1C,MAAM,EAAE,2FAA2F;QACnG,SAAS,EAAE,SAAS;KACpB;IACD,SAAS,EAAE;QACV,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,qBAAqB;QACnC,WAAW,EAAE,qBAAqB;QAClC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,qBAAqB;QAChC,cAAc,EAAE,oBAAoB;QACpC,MAAM,EAAE,+FAA+F;QACvG,SAAS,EAAE,SAAS;KACpB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,QAAQ,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,2BAA2B;QACzC,WAAW,EAAE,2BAA2B;QACxC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,0BAA0B;QACrC,cAAc,EAAE,0BAA0B;QAC1C,MAAM,EAAE,2FAA2F;QACnG,SAAS,EAAE,SAAS;KACpB;IACD,SAAS,EAAE;QACV,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,qBAAqB;QACnC,WAAW,EAAE,qBAAqB;QAClC,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,yBAAyB;QACrC,aAAa,EAAE,SAAS;QACxB,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,qBAAqB;QAChC,cAAc,EAAE,oBAAoB;QACpC,MAAM,EAAE,+FAA+F;QACvG,SAAS,EAAE,SAAS;KACpB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjD,CAAC"}
|