@turnkey/react-wallet-kit 2.0.1 → 2.1.1
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/components/auth/index.d.ts.map +1 -1
- package/dist/components/auth/index.js +7 -57
- package/dist/components/auth/index.js.map +1 -1
- package/dist/components/auth/index.mjs +16 -132
- package/dist/components/auth/index.mjs.map +1 -1
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.d.ts +10 -0
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.d.ts.map +1 -0
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.js +204 -0
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.js.map +1 -0
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.mjs +253 -0
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.mjs.map +1 -0
- package/dist/components/auth/wallet/DisconnectWalletScreen.d.ts +8 -0
- package/dist/components/auth/wallet/DisconnectWalletScreen.d.ts.map +1 -0
- package/dist/components/auth/wallet/DisconnectWalletScreen.js +58 -0
- package/dist/components/auth/wallet/DisconnectWalletScreen.js.map +1 -0
- package/dist/components/auth/wallet/DisconnectWalletScreen.mjs +80 -0
- package/dist/components/auth/wallet/DisconnectWalletScreen.mjs.map +1 -0
- package/dist/components/auth/wallet/ExternalWalletChainSelector.d.ts +10 -0
- package/dist/components/auth/wallet/ExternalWalletChainSelector.d.ts.map +1 -0
- package/dist/components/auth/wallet/ExternalWalletChainSelector.js +117 -0
- package/dist/components/auth/wallet/ExternalWalletChainSelector.js.map +1 -0
- package/dist/components/auth/wallet/ExternalWalletChainSelector.mjs +151 -0
- package/dist/components/auth/wallet/ExternalWalletChainSelector.mjs.map +1 -0
- package/dist/components/auth/wallet/ExternalWalletSelector.d.ts +18 -0
- package/dist/components/auth/wallet/ExternalWalletSelector.d.ts.map +1 -0
- package/dist/components/auth/wallet/ExternalWalletSelector.js +233 -0
- package/dist/components/auth/wallet/ExternalWalletSelector.js.map +1 -0
- package/dist/components/auth/wallet/ExternalWalletSelector.mjs +323 -0
- package/dist/components/auth/wallet/ExternalWalletSelector.mjs.map +1 -0
- package/dist/components/auth/wallet/MobileWalletConnectScreen.d.ts +11 -0
- package/dist/components/auth/wallet/MobileWalletConnectScreen.d.ts.map +1 -0
- package/dist/components/auth/wallet/MobileWalletConnectScreen.js +200 -0
- package/dist/components/auth/wallet/MobileWalletConnectScreen.js.map +1 -0
- package/dist/components/auth/wallet/MobileWalletConnectScreen.mjs +251 -0
- package/dist/components/auth/wallet/MobileWalletConnectScreen.mjs.map +1 -0
- package/dist/components/auth/wallet/QRCodeDisplay.d.ts +8 -0
- package/dist/components/auth/wallet/QRCodeDisplay.d.ts.map +1 -0
- package/dist/components/auth/wallet/QRCodeDisplay.js +37 -0
- package/dist/components/auth/wallet/QRCodeDisplay.js.map +1 -0
- package/dist/components/auth/wallet/QRCodeDisplay.mjs +33 -0
- package/dist/components/auth/wallet/QRCodeDisplay.mjs.map +1 -0
- package/dist/components/auth/wallet/ShowAllWalletsScreen.d.ts +8 -0
- package/dist/components/auth/wallet/ShowAllWalletsScreen.d.ts.map +1 -0
- package/dist/components/auth/wallet/ShowAllWalletsScreen.js +253 -0
- package/dist/components/auth/wallet/ShowAllWalletsScreen.js.map +1 -0
- package/dist/components/auth/wallet/ShowAllWalletsScreen.mjs +299 -0
- package/dist/components/auth/wallet/ShowAllWalletsScreen.mjs.map +1 -0
- package/dist/components/auth/wallet/WalletAuthButton.d.ts +6 -0
- package/dist/components/auth/wallet/WalletAuthButton.d.ts.map +1 -0
- package/dist/components/auth/wallet/WalletAuthButton.js +33 -0
- package/dist/components/auth/wallet/WalletAuthButton.js.map +1 -0
- package/dist/components/auth/wallet/WalletAuthButton.mjs +47 -0
- package/dist/components/auth/wallet/WalletAuthButton.mjs.map +1 -0
- package/dist/components/auth/wallet/WalletButton.d.ts +16 -0
- package/dist/components/auth/wallet/WalletButton.d.ts.map +1 -0
- package/dist/components/auth/wallet/WalletButton.js +79 -0
- package/dist/components/auth/wallet/WalletButton.js.map +1 -0
- package/dist/components/auth/wallet/WalletButton.mjs +84 -0
- package/dist/components/auth/wallet/WalletButton.mjs.map +1 -0
- package/dist/components/auth/wallet/WalletButtonSkeleton.d.ts +2 -0
- package/dist/components/auth/wallet/WalletButtonSkeleton.d.ts.map +1 -0
- package/dist/components/auth/wallet/WalletButtonSkeleton.js +22 -0
- package/dist/components/auth/wallet/WalletButtonSkeleton.js.map +1 -0
- package/dist/components/auth/wallet/WalletButtonSkeleton.mjs +20 -0
- package/dist/components/auth/wallet/WalletButtonSkeleton.mjs.map +1 -0
- package/dist/components/auth/wallet/WalletConnectAppChainSelector.d.ts +12 -0
- package/dist/components/auth/wallet/WalletConnectAppChainSelector.d.ts.map +1 -0
- package/dist/components/auth/wallet/WalletConnectAppChainSelector.js +79 -0
- package/dist/components/auth/wallet/WalletConnectAppChainSelector.js.map +1 -0
- package/dist/components/auth/wallet/WalletConnectAppChainSelector.mjs +102 -0
- package/dist/components/auth/wallet/WalletConnectAppChainSelector.mjs.map +1 -0
- package/dist/components/auth/wallet/WalletConnectFlow.d.ts +21 -0
- package/dist/components/auth/wallet/WalletConnectFlow.d.ts.map +1 -0
- package/dist/components/auth/wallet/WalletConnectFlow.js +163 -0
- package/dist/components/auth/wallet/WalletConnectFlow.js.map +1 -0
- package/dist/components/auth/wallet/WalletConnectFlow.mjs +310 -0
- package/dist/components/auth/wallet/WalletConnectFlow.mjs.map +1 -0
- package/dist/components/auth/wallet/constants.d.ts +6 -0
- package/dist/components/auth/wallet/constants.d.ts.map +1 -0
- package/dist/components/auth/wallet/constants.js +14 -0
- package/dist/components/auth/wallet/constants.js.map +1 -0
- package/dist/components/auth/wallet/constants.mjs +8 -0
- package/dist/components/auth/wallet/constants.mjs.map +1 -0
- package/dist/components/auth/wallet/utils.d.ts +4 -0
- package/dist/components/auth/wallet/utils.d.ts.map +1 -0
- package/dist/components/auth/wallet/utils.js +9 -0
- package/dist/components/auth/wallet/utils.js.map +1 -0
- package/dist/components/auth/wallet/utils.mjs +7 -0
- package/dist/components/auth/wallet/utils.mjs.map +1 -0
- package/dist/components/design/Buttons.d.ts +1 -0
- package/dist/components/design/Buttons.d.ts.map +1 -1
- package/dist/components/design/Buttons.js +2 -0
- package/dist/components/design/Buttons.js.map +1 -1
- package/dist/components/design/Buttons.mjs +2 -0
- package/dist/components/design/Buttons.mjs.map +1 -1
- package/dist/components/design/ConnectedIndicator.d.ts +6 -0
- package/dist/components/design/ConnectedIndicator.d.ts.map +1 -0
- package/dist/components/design/ConnectedIndicator.js +20 -0
- package/dist/components/design/ConnectedIndicator.js.map +1 -0
- package/dist/components/design/ConnectedIndicator.mjs +17 -0
- package/dist/components/design/ConnectedIndicator.mjs.map +1 -0
- package/dist/components/design/Inputs.d.ts +7 -0
- package/dist/components/design/Inputs.d.ts.map +1 -1
- package/dist/components/design/Inputs.js +37 -0
- package/dist/components/design/Inputs.js.map +1 -1
- package/dist/components/design/Inputs.mjs +39 -2
- package/dist/components/design/Inputs.mjs.map +1 -1
- package/dist/components/design/Svg.d.ts +1 -0
- package/dist/components/design/Svg.d.ts.map +1 -1
- package/dist/components/user/ConnectWallet.d.ts +1 -1
- package/dist/components/user/ConnectWallet.d.ts.map +1 -1
- package/dist/components/user/ConnectWallet.js +6 -100
- package/dist/components/user/ConnectWallet.js.map +1 -1
- package/dist/components/user/ConnectWallet.mjs +5 -183
- package/dist/components/user/ConnectWallet.mjs.map +1 -1
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/providers/WalletConnectProvider.d.ts +23 -0
- package/dist/providers/WalletConnectProvider.d.ts.map +1 -0
- package/dist/providers/WalletConnectProvider.js +72 -0
- package/dist/providers/WalletConnectProvider.js.map +1 -0
- package/dist/providers/WalletConnectProvider.mjs +93 -0
- package/dist/providers/WalletConnectProvider.mjs.map +1 -0
- package/dist/providers/client/Provider.d.ts.map +1 -1
- package/dist/providers/client/Provider.js +5 -2
- package/dist/providers/client/Provider.js.map +1 -1
- package/dist/providers/client/Provider.mjs +5 -2
- package/dist/providers/client/Provider.mjs.map +1 -1
- package/dist/providers/modal/Provider.d.ts +5 -1
- package/dist/providers/modal/Provider.d.ts.map +1 -1
- package/dist/providers/modal/Provider.js.map +1 -1
- package/dist/providers/modal/Provider.mjs.map +1 -1
- package/dist/providers/modal/Root.d.ts.map +1 -1
- package/dist/providers/modal/Root.js +2 -0
- package/dist/providers/modal/Root.js.map +1 -1
- package/dist/providers/modal/Root.mjs +2 -0
- package/dist/providers/modal/Root.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/base.d.ts +6 -0
- package/dist/types/base.d.ts.map +1 -1
- package/dist/types/base.js +7 -0
- package/dist/types/base.js.map +1 -1
- package/dist/types/base.mjs +8 -1
- package/dist/types/base.mjs.map +1 -1
- package/dist/utils/utils.d.ts +2 -1
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +5 -0
- package/dist/utils/utils.js.map +1 -1
- package/dist/utils/utils.mjs +7 -1
- package/dist/utils/utils.mjs.map +1 -1
- package/package.json +3 -3
- package/dist/components/auth/Wallet.d.ts +0 -34
- package/dist/components/auth/Wallet.d.ts.map +0 -1
- package/dist/components/auth/Wallet.js +0 -514
- package/dist/components/auth/Wallet.js.map +0 -1
- package/dist/components/auth/Wallet.mjs +0 -615
- package/dist/components/auth/Wallet.mjs.map +0 -1
|
@@ -52,6 +52,7 @@ function ActionButton(props) {
|
|
|
52
52
|
loading = props.loading,
|
|
53
53
|
loadingText = props.loadingText,
|
|
54
54
|
className = props.className,
|
|
55
|
+
style = props.style,
|
|
55
56
|
spinnerClassName = props.spinnerClassName,
|
|
56
57
|
name = props.name;
|
|
57
58
|
return jsx(BaseButton, {
|
|
@@ -61,6 +62,7 @@ function ActionButton(props) {
|
|
|
61
62
|
disabled: disabled || loading,
|
|
62
63
|
name: name,
|
|
63
64
|
className: clsx("w-full px-4 py-3 rounded-md border border-modal-background-dark/15 dark:border-modal-background-light/15 focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 transition-all duration-300", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
|
|
65
|
+
style: style,
|
|
64
66
|
children: loading ? jsxs("div", {
|
|
65
67
|
className: "flex justify-center space-x-2 items-center text-sm",
|
|
66
68
|
children: [jsx(Spinner, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Buttons.mjs","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","name","buttonProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","_jsxs"],"mappings":";;;;;;;;AAgBM,SAAUA,UAAUA,CACxBC,KAAoD,EAAA;AAEpD,EAAA,IAAQC,QAAQ,GAAgDD,KAAK,CAA7DC,QAAQ;IAAEC,SAAS,GAAqCF,KAAK,CAAnDE,SAAS;IAAEC,QAAQ,GAA2BH,KAAK,CAAxCG,QAAQ;IAAEC,IAAI,GAAqBJ,KAAK,CAA9BI,IAAI;AAAKC,IAAAA,WAAW,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAErE,EAAA,OACEC,GAAA,CAAA,QAAA,EAAAC,cAAA,CAAAA,cAAA,CAAA;AAAA,IAAA,aAAA,EACeL,IAAI;AACjBF,IAAAA,SAAS,EAAEQ,IAAI,CAAC,gBAAgB,EAAER,SAAS,CAAC;IAC5CC,QAAQ,EAAE,CAAC,CAACA;AAAQ,GAAA,EAChBE,WAAW,CAAA,EAAA,EAAA,EAAA;AAAAJ,IAAAA,QAAA,EAEdA;AAAQ,GAAA,CAAA,CACF;AAEb;AACM,SAAUU,UAAUA,CAACX,KAAsB,EAAA;AAC/C,EAAA,IACEY,IAAI,GAOFZ,KAAK,CAPPY,IAAI;IACJC,OAAO,GAMLb,KAAK,CANPa,OAAO;IACPV,QAAQ,GAKNH,KAAK,CALPG,QAAQ;IACRW,OAAO,GAILd,KAAK,CAJPc,OAAO;IACPZ,SAAS,GAGPF,KAAK,CAHPE,SAAS;IACTa,gBAAgB,GAEdf,KAAK,CAFPe,gBAAgB;IAChBX,IAAI,GACFJ,KAAK,CADPI,IAAI;EAEN,OACEI,GAAA,CAACT,UAAU,EAAA;IACTG,SAAS,EAAEQ,IAAI,CACb,kPAAkP,EAClPP,QAAQ,IAAI,+BAA+B,EAC3CD,SAAS,CACV;AACDW,IAAAA,OAAO,EAAEA,OAAO;IAChBV,QAAQ,EAAE,CAAC,CAACA,QAAQ;AACpBC,IAAAA,IAAI,EAAEA,IAAI;AAAAH,IAAAA,QAAA,EAETa,OAAO,GACNN,GAAA,CAAA,KAAA,EAAA;AAAKN,MAAAA,SAAS,EAAC,kCAAkC;gBAC/CM,GAAA,CAACQ,OAAO,EAAA;AAACd,QAAAA,SAAS,EAAEQ,IAAI,CAAC,SAAS,EAAEK,gBAAgB;OAAC;AAAI,KAAA,CACrD,GAENP,GAAA,CAACS,eAAe,EAAA;AAACL,MAAAA,IAAI,EAAEA;KAAI;AAC5B,GAAA,CACU;AAEjB;
|
|
1
|
+
{"version":3,"file":"Buttons.mjs","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","name","buttonProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","style","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectedIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/design/ConnectedIndicator.tsx"],"names":[],"mappings":"AAAA,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAUhE"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
|
|
5
|
+
function ConnectedIndicator(props) {
|
|
6
|
+
const {
|
|
7
|
+
isPinging = false
|
|
8
|
+
} = props;
|
|
9
|
+
return jsxRuntime.jsxs("div", {
|
|
10
|
+
className: "flex absolute top-[-2px] right-0",
|
|
11
|
+
children: [isPinging && jsxRuntime.jsx("div", {
|
|
12
|
+
className: "absolute animate-ping size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
|
|
13
|
+
}), jsxRuntime.jsx("div", {
|
|
14
|
+
className: "size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
|
|
15
|
+
})]
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
exports.ConnectedIndicator = ConnectedIndicator;
|
|
20
|
+
//# sourceMappingURL=ConnectedIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectedIndicator.js","sources":["../../../src/components/design/ConnectedIndicator.tsx"],"sourcesContent":[null],"names":["ConnectedIndicator","props","isPinging","_jsxs","className","children","_jsx"],"mappings":";;;;AAGM,SAAUA,kBAAkBA,CAACC,KAA8B,EAAA;EAC/D,MAAM;AAAEC,IAAAA,SAAS,GAAG;AAAK,GAAE,GAAGD,KAAK;EACnC,OACEE;AAAKC,IAAAA,SAAS,EAAC,kCAAkC;AAAAC,IAAAA,QAAA,EAAA,CAC9CH,SAAS,IACRI,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA4J,KAAA,CAC5K,EACDE,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAAsI,KAAA,CAAG;AAAA,GAAA,CACpJ;AAEV;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
function ConnectedIndicator(props) {
|
|
4
|
+
var _props$isPinging = props.isPinging,
|
|
5
|
+
isPinging = _props$isPinging === void 0 ? false : _props$isPinging;
|
|
6
|
+
return jsxs("div", {
|
|
7
|
+
className: "flex absolute top-[-2px] right-0",
|
|
8
|
+
children: [isPinging && jsx("div", {
|
|
9
|
+
className: "absolute animate-ping size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
|
|
10
|
+
}), jsx("div", {
|
|
11
|
+
className: "size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
|
|
12
|
+
})]
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { ConnectedIndicator };
|
|
17
|
+
//# sourceMappingURL=ConnectedIndicator.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectedIndicator.mjs","sources":["../../../src/components/design/ConnectedIndicator.tsx"],"sourcesContent":[null],"names":["ConnectedIndicator","props","_props$isPinging","isPinging","_jsxs","className","children","_jsx"],"mappings":";;AAGM,SAAUA,kBAAkBA,CAACC,KAA8B,EAAA;AAC/D,EAAA,IAAAC,gBAAA,GAA8BD,KAAK,CAA3BE,SAAS;AAATA,IAAAA,SAAS,GAAAD,gBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,gBAAA;EACzB,OACEE;AAAKC,IAAAA,SAAS,EAAC,kCAAkC;AAAAC,IAAAA,QAAA,EAAA,CAC9CH,SAAS,IACRI,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA4J,KAAA,CAC5K,EACDE,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAAsI,KAAA,CAAG;AAAA,GAAA,CACpJ;AAEV;;;;"}
|
|
@@ -6,4 +6,11 @@ export interface PhoneInputBoxProps {
|
|
|
6
6
|
onEnter?: () => void;
|
|
7
7
|
}
|
|
8
8
|
export declare function PhoneInputBox(props: PhoneInputBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export interface SearchInputBoxProps {
|
|
10
|
+
value: string;
|
|
11
|
+
onChange: (value: string) => void;
|
|
12
|
+
onClear?: () => void;
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function SearchInputBox(props: SearchInputBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
9
16
|
//# sourceMappingURL=Inputs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../src/components/design/Inputs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../src/components/design/Inputs.tsx"],"names":[],"mappings":"AAyKA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8GtD;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAsCxD"}
|
|
@@ -8,6 +8,7 @@ var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
|
|
|
8
8
|
var parsePhoneNumberFromString = require('libphonenumber-js');
|
|
9
9
|
var react = require('react');
|
|
10
10
|
var utils = require('../../utils/utils.js');
|
|
11
|
+
var Buttons = require('./Buttons.js');
|
|
11
12
|
|
|
12
13
|
const FlagImage = reactInternationalPhone.FlagImage;
|
|
13
14
|
// Supported country dial codes
|
|
@@ -130,6 +131,42 @@ function PhoneInputBox(props) {
|
|
|
130
131
|
})]
|
|
131
132
|
});
|
|
132
133
|
}
|
|
134
|
+
function SearchInputBox(props) {
|
|
135
|
+
const {
|
|
136
|
+
value,
|
|
137
|
+
onChange,
|
|
138
|
+
onClear,
|
|
139
|
+
placeholder = "Search..."
|
|
140
|
+
} = props;
|
|
141
|
+
const inputRef = react.useRef(null);
|
|
142
|
+
const handleClear = () => {
|
|
143
|
+
onChange("");
|
|
144
|
+
onClear?.();
|
|
145
|
+
if (inputRef.current) {
|
|
146
|
+
inputRef.current.value = "";
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
return jsxRuntime.jsxs("div", {
|
|
150
|
+
className: "w-full flex items-center gap-2 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus-within:outline-primary-light focus-within:dark:outline-primary-dark focus-within:outline-[1px] focus-within:outline-offset-0 box-border transition-all",
|
|
151
|
+
children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
|
|
152
|
+
icon: freeSolidSvgIcons.faSearch,
|
|
153
|
+
className: "relative text-icon-text-light dark:text-icon-text-dark px-2"
|
|
154
|
+
}), jsxRuntime.jsx(react$1.Input, {
|
|
155
|
+
ref: inputRef,
|
|
156
|
+
type: "text",
|
|
157
|
+
autoCapitalize: "none",
|
|
158
|
+
autoComplete: "off",
|
|
159
|
+
placeholder: placeholder,
|
|
160
|
+
onChange: e => onChange(e.target.value),
|
|
161
|
+
className: "w-full py-3 bg-transparent border-none text-inherit placeholder-icon-text-light dark:placeholder-icon-text-dark focus:outline-none focus:ring-0 focus:border-none"
|
|
162
|
+
}), value && jsxRuntime.jsx(Buttons.BaseButton, {
|
|
163
|
+
className: "flex text-icon-text-light dark:text-icon-text-dark text-sm border-none self-stretch px-2 items-center justify-center",
|
|
164
|
+
onClick: handleClear,
|
|
165
|
+
children: "Clear"
|
|
166
|
+
})]
|
|
167
|
+
});
|
|
168
|
+
}
|
|
133
169
|
|
|
134
170
|
exports.PhoneInputBox = PhoneInputBox;
|
|
171
|
+
exports.SearchInputBox = SearchInputBox;
|
|
135
172
|
//# sourceMappingURL=Inputs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inputs.js","sources":["../../../src/components/design/Inputs.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","supported_country_codes","countries","defaultCountries","filter","country","dialCode","parseCountry","includes","isValidPhone","phone","phoneNumber","parsePhoneNumberFromString","isValid","desiredPanelHeight","PhoneInputBox","props","value","onChange","onFocus","onBlur","onEnter","inputValue","handlePhoneValueChange","inputRef","setCountry","usePhoneInput","defaultCountry","disableDialCodeAndPrefix","data","buttonRef","useRef","placement","setPlacement","useState","height","useScreenSize","update","useCallback","btn","current","b","getBoundingClientRect","spaceAbove","top","spaceBelow","bottom","next","useEffect","_jsxs","className","children","_jsx","Listbox","as","iso2","ListboxButton","ref","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","anchor","map","c","name","ListboxOption","active","Input","type","onKeyDown","e","key","placeholder"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Inputs.js","sources":["../../../src/components/design/Inputs.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","supported_country_codes","countries","defaultCountries","filter","country","dialCode","parseCountry","includes","isValidPhone","phone","phoneNumber","parsePhoneNumberFromString","isValid","desiredPanelHeight","PhoneInputBox","props","value","onChange","onFocus","onBlur","onEnter","inputValue","handlePhoneValueChange","inputRef","setCountry","usePhoneInput","defaultCountry","disableDialCodeAndPrefix","data","buttonRef","useRef","placement","setPlacement","useState","height","useScreenSize","update","useCallback","btn","current","b","getBoundingClientRect","spaceAbove","top","spaceBelow","bottom","next","useEffect","_jsxs","className","children","_jsx","Listbox","as","iso2","ListboxButton","ref","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","anchor","map","c","name","ListboxOption","active","Input","type","onKeyDown","e","key","placeholder","SearchInputBox","onClear","handleClear","faSearch","autoCapitalize","autoComplete","target","BaseButton","onClick"],"mappings":";;;;;;;;;;;;AAoBA,MAAMA,SAAS,GAAGC,iCAAsC;AAExD;AACA,MAAMC,uBAAuB,GAAG,CAC9B,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAA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"}
|
|
@@ -3,10 +3,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { defaultCountries, parseCountry, usePhoneInput, FlagImage as FlagImage$1 } from 'react-international-phone';
|
|
4
4
|
import { Listbox, ListboxButton, ListboxOptions, ListboxOption, Input } from '@headlessui/react';
|
|
5
5
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
6
|
-
import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
|
|
6
|
+
import { faChevronDown, faSearch } from '@fortawesome/free-solid-svg-icons';
|
|
7
7
|
import parsePhoneNumberFromString from 'libphonenumber-js';
|
|
8
8
|
import { useRef, useState, useCallback, useEffect } from 'react';
|
|
9
9
|
import { useScreenSize } from '../../utils/utils.mjs';
|
|
10
|
+
import { BaseButton } from './Buttons.mjs';
|
|
10
11
|
|
|
11
12
|
var FlagImage = FlagImage$1;
|
|
12
13
|
// Supported country dial codes
|
|
@@ -128,6 +129,42 @@ function PhoneInputBox(props) {
|
|
|
128
129
|
})]
|
|
129
130
|
});
|
|
130
131
|
}
|
|
132
|
+
function SearchInputBox(props) {
|
|
133
|
+
var value = props.value,
|
|
134
|
+
_onChange2 = props.onChange,
|
|
135
|
+
onClear = props.onClear,
|
|
136
|
+
_props$placeholder = props.placeholder,
|
|
137
|
+
placeholder = _props$placeholder === void 0 ? "Search..." : _props$placeholder;
|
|
138
|
+
var inputRef = useRef(null);
|
|
139
|
+
var handleClear = function handleClear() {
|
|
140
|
+
_onChange2("");
|
|
141
|
+
onClear === null || onClear === void 0 ? void 0 : onClear();
|
|
142
|
+
if (inputRef.current) {
|
|
143
|
+
inputRef.current.value = "";
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
return jsxs("div", {
|
|
147
|
+
className: "w-full flex items-center gap-2 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus-within:outline-primary-light focus-within:dark:outline-primary-dark focus-within:outline-[1px] focus-within:outline-offset-0 box-border transition-all",
|
|
148
|
+
children: [jsx(FontAwesomeIcon, {
|
|
149
|
+
icon: faSearch,
|
|
150
|
+
className: "relative text-icon-text-light dark:text-icon-text-dark px-2"
|
|
151
|
+
}), jsx(Input, {
|
|
152
|
+
ref: inputRef,
|
|
153
|
+
type: "text",
|
|
154
|
+
autoCapitalize: "none",
|
|
155
|
+
autoComplete: "off",
|
|
156
|
+
placeholder: placeholder,
|
|
157
|
+
onChange: function onChange(e) {
|
|
158
|
+
return _onChange2(e.target.value);
|
|
159
|
+
},
|
|
160
|
+
className: "w-full py-3 bg-transparent border-none text-inherit placeholder-icon-text-light dark:placeholder-icon-text-dark focus:outline-none focus:ring-0 focus:border-none"
|
|
161
|
+
}), value && jsx(BaseButton, {
|
|
162
|
+
className: "flex text-icon-text-light dark:text-icon-text-dark text-sm border-none self-stretch px-2 items-center justify-center",
|
|
163
|
+
onClick: handleClear,
|
|
164
|
+
children: "Clear"
|
|
165
|
+
})]
|
|
166
|
+
});
|
|
167
|
+
}
|
|
131
168
|
|
|
132
|
-
export { PhoneInputBox };
|
|
169
|
+
export { PhoneInputBox, SearchInputBox };
|
|
133
170
|
//# sourceMappingURL=Inputs.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inputs.mjs","sources":["../../../src/components/design/Inputs.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","supported_country_codes","countries","defaultCountries","filter","country","_parseCountry","parseCountry","dialCode","includes","concat","isValidPhone","phone","_phoneNumber$isValid","phoneNumber","parsePhoneNumberFromString","isValid","desiredPanelHeight","PhoneInputBox","props","value","onChange","onFocus","onBlur","onEnter","_usePhoneInput","usePhoneInput","defaultCountry","disableDialCodeAndPrefix","data","inputValue","handlePhoneValueChange","inputRef","setCountry","buttonRef","useRef","_useState","useState","_useState2","_slicedToArray","placement","setPlacement","_useScreenSize","useScreenSize","height","update","useCallback","btn","current","b","getBoundingClientRect","spaceAbove","top","spaceBelow","bottom","next","useEffect","_jsxs","className","children","_jsx","Listbox","as","iso2","ListboxButton","ref","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","anchor","map","c","_parseCountry2","name","ListboxOption","_ref","active","Input","type","onKeyDown","e","key","placeholder"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Inputs.mjs","sources":["../../../src/components/design/Inputs.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","supported_country_codes","countries","defaultCountries","filter","country","_parseCountry","parseCountry","dialCode","includes","concat","isValidPhone","phone","_phoneNumber$isValid","phoneNumber","parsePhoneNumberFromString","isValid","desiredPanelHeight","PhoneInputBox","props","value","onChange","onFocus","onBlur","onEnter","_usePhoneInput","usePhoneInput","defaultCountry","disableDialCodeAndPrefix","data","inputValue","handlePhoneValueChange","inputRef","setCountry","buttonRef","useRef","_useState","useState","_useState2","_slicedToArray","placement","setPlacement","_useScreenSize","useScreenSize","height","update","useCallback","btn","current","b","getBoundingClientRect","spaceAbove","top","spaceBelow","bottom","next","useEffect","_jsxs","className","children","_jsx","Listbox","as","iso2","ListboxButton","ref","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","anchor","map","c","_parseCountry2","name","ListboxOption","_ref","active","Input","type","onKeyDown","e","key","placeholder","SearchInputBox","onClear","_props$placeholder","handleClear","faSearch","autoCapitalize","autoComplete","target","BaseButton","onClick"],"mappings":";;;;;;;;;;;AAoBA,IAAMA,SAAS,GAAGC,WAAsC;AAExD;AACA,IAAMC,uBAAuB,GAAG,CAC9B,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,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"}
|
|
@@ -8,5 +8,6 @@ export declare function MoonPayLogo(props: SVGProps): import("react/jsx-runtime"
|
|
|
8
8
|
export declare function TurnkeyLogo(props: SVGProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export declare function EthereumLogo(props: SVGProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare function SolanaLogo(props: SVGProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function QRCodeIcon(props: SVGProps): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=Svg.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../src/components/design/Svg.tsx"],"names":[],"mappings":";AAAA,UAAU,QAAQ;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,2CAiB3C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,2CAyB1C;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,2CAoC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,2CA2B3C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,2CA8FzC"}
|
|
1
|
+
{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../src/components/design/Svg.tsx"],"names":[],"mappings":";AAAA,UAAU,QAAQ;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,2CAiB3C;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,2CAyB1C;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,2CAoC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,2CA2B3C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,2CA8FzC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,2CA2+FzC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectWallet.d.ts","sourceRoot":"","sources":["../../../src/components/user/ConnectWallet.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConnectWallet.d.ts","sourceRoot":"","sources":["../../../src/components/user/ConnectWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,uBAAuB;IAC/B,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAUhE"}
|
|
@@ -1,112 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var Hook$1 = require('../../providers/client/Hook.js');
|
|
7
|
-
var Action = require('../auth/Action.js');
|
|
8
|
-
var Success = require('../design/Success.js');
|
|
9
|
-
var core = require('@turnkey/core');
|
|
10
|
-
var utils = require('../../utils/utils.js');
|
|
4
|
+
var ExternalWalletSelector = require('../auth/wallet/ExternalWalletSelector.js');
|
|
5
|
+
var base = require('../../types/base.js');
|
|
11
6
|
|
|
12
7
|
function ConnectWalletModal(props) {
|
|
13
8
|
const {
|
|
14
9
|
successPageDuration,
|
|
15
10
|
onSuccess
|
|
16
11
|
} = props;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const {
|
|
22
|
-
wallets,
|
|
23
|
-
connectWalletAccount,
|
|
24
|
-
disconnectWalletAccount
|
|
25
|
-
} = Hook$1.useTurnkey();
|
|
26
|
-
const handleConnectWallet = async provider => {
|
|
27
|
-
if (utils.isWalletConnect(provider)) {
|
|
28
|
-
// for WalletConnect we route to a dedicated screen
|
|
29
|
-
// to handle the connection process, as it requires a different flow (pairing via QR code or deep link)
|
|
30
|
-
pushPage({
|
|
31
|
-
key: "Connect WalletConnect",
|
|
32
|
-
content: jsxRuntime.jsx(Wallet.WalletConnectScreen, {
|
|
33
|
-
provider: provider,
|
|
34
|
-
onAction: async provider => {
|
|
35
|
-
const account = await connectWalletAccount(provider);
|
|
36
|
-
onSuccess("connect", account);
|
|
37
|
-
},
|
|
38
|
-
successPageDuration: successPageDuration
|
|
39
|
-
})
|
|
40
|
-
});
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
pushPage({
|
|
44
|
-
key: `Connect ${provider.info.name}`,
|
|
45
|
-
content: jsxRuntime.jsx(Action.ActionPage, {
|
|
46
|
-
title: `Connecting ${provider.info.name}`,
|
|
47
|
-
icon: jsxRuntime.jsx("img", {
|
|
48
|
-
className: "size-11 rounded-full",
|
|
49
|
-
src: provider.info.icon || ""
|
|
50
|
-
}),
|
|
51
|
-
closeOnComplete: false,
|
|
52
|
-
action: async () => {
|
|
53
|
-
const account = await connectWalletAccount(provider);
|
|
54
|
-
onSuccess("connect", account);
|
|
55
|
-
if (successPageDuration && successPageDuration > 0) {
|
|
56
|
-
pushPage({
|
|
57
|
-
key: "Connecting Success",
|
|
58
|
-
content: jsxRuntime.jsx(Success.SuccessPage, {
|
|
59
|
-
text: "Successfully connected wallet!",
|
|
60
|
-
onComplete: () => closeModal(),
|
|
61
|
-
duration: successPageDuration
|
|
62
|
-
}),
|
|
63
|
-
preventBack: true,
|
|
64
|
-
showTitle: false
|
|
65
|
-
});
|
|
66
|
-
} else {
|
|
67
|
-
closeModal();
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}),
|
|
71
|
-
showTitle: false
|
|
72
|
-
});
|
|
73
|
-
};
|
|
74
|
-
const handleDisconnectWallet = async provider => {
|
|
75
|
-
pushPage({
|
|
76
|
-
key: `Disconnect ${provider.info.name}`,
|
|
77
|
-
content: jsxRuntime.jsx(Wallet.DisconnectWalletScreen, {
|
|
78
|
-
provider: provider,
|
|
79
|
-
onDisconnect: async () => {
|
|
80
|
-
const address = provider.connectedAddresses[0];
|
|
81
|
-
// we narrow to only connected wallets
|
|
82
|
-
// because we know the account must come from one of them
|
|
83
|
-
const connectedWallets = wallets.filter(w => w.source === core.WalletSource.Connected);
|
|
84
|
-
// find the matching account
|
|
85
|
-
const matchedAccount = connectedWallets.flatMap(w => w.accounts).find(a => a.address === address);
|
|
86
|
-
await disconnectWalletAccount(provider);
|
|
87
|
-
onSuccess("disconnect", matchedAccount);
|
|
88
|
-
if (successPageDuration) {
|
|
89
|
-
pushPage({
|
|
90
|
-
key: "Disconnect Success",
|
|
91
|
-
content: jsxRuntime.jsx(Success.SuccessPage, {
|
|
92
|
-
text: "Successfully disconnected wallet!",
|
|
93
|
-
onComplete: () => closeModal(),
|
|
94
|
-
duration: successPageDuration
|
|
95
|
-
}),
|
|
96
|
-
preventBack: true,
|
|
97
|
-
showTitle: false
|
|
98
|
-
});
|
|
99
|
-
} else {
|
|
100
|
-
closeModal();
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}),
|
|
104
|
-
showTitle: false
|
|
105
|
-
});
|
|
106
|
-
};
|
|
107
|
-
return jsxRuntime.jsx(Wallet.ExternalWalletSelector, {
|
|
108
|
-
onSelect: handleConnectWallet,
|
|
109
|
-
onDisconnect: handleDisconnectWallet
|
|
12
|
+
return jsxRuntime.jsx(ExternalWalletSelector.ExternalWalletSelector, {
|
|
13
|
+
mode: base.WalletSelectorMode.Connect,
|
|
14
|
+
onSuccess: onSuccess,
|
|
15
|
+
successPageDuration: successPageDuration
|
|
110
16
|
});
|
|
111
17
|
}
|
|
112
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectWallet.js","sources":["../../../src/components/user/ConnectWallet.tsx"],"sourcesContent":[null],"names":["ConnectWalletModal","props","successPageDuration","onSuccess","
|
|
1
|
+
{"version":3,"file":"ConnectWallet.js","sources":["../../../src/components/user/ConnectWallet.tsx"],"sourcesContent":[null],"names":["ConnectWalletModal","props","successPageDuration","onSuccess","_jsx","ExternalWalletSelector","mode","WalletSelectorMode","Connect"],"mappings":";;;;;;AAWM,SAAUA,kBAAkBA,CAACC,KAA8B,EAAA;EAC/D,MAAM;IAAEC,mBAAmB;AAAEC,IAAAA;AAAS,GAAE,GAAGF,KAAK;EAEhD,OACEG,cAAA,CAACC,6CAAsB;IACrBC,IAAI,EAAEC,uBAAkB,CAACC,OAAO;AAChCL,IAAAA,SAAS,EAAEA,SAAS;AACpBD,IAAAA,mBAAmB,EAAEA;AAAmB,GAAA,CACxC;AAEN;;;;"}
|