@turnkey/react-wallet-kit 2.0.1 → 2.1.0

package/dist/components/auth/wallet/DesktopWalletConnectScreen.js

@@ -0,0 +1,204 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Buttons = require('../../design/Buttons.js');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var react = require('react');
+var clsx = require('clsx');
+var Success = require('../../design/Success.js');
+var Hook = require('../../../providers/modal/Hook.js');
+var Hook$1 = require('../../../providers/client/Hook.js');
+var utils = require('../../../utils/utils.js');
+var QRCodeDisplay = require('./QRCodeDisplay.js');
+
+function DesktopWalletConnectScreen(props) {
+  const {
+    provider: inputProvider,
+    onAction,
+    onDisconnect,
+    onSelectAllWallets,
+    successPageDuration
+  } = props;
+  const {
+    pushPage,
+    popPages,
+    closeModal,
+    isMobile
+  } = Hook.useModal();
+  const {
+    walletProviders
+  } = Hook$1.useTurnkey();
+  const [isDisconnecting, setIsDisconnecting] = react.useState(false);
+  const [isConnecting, setIsConnecting] = react.useState(false);
+  const [disconnectError, setDisconnectError] = react.useState(false);
+  const [showConnectedScreen, setShowConnectedScreen] = react.useState(inputProvider.connectedAddresses?.length > 0);
+  const [showCopied, setShowCopied] = react.useState(false);
+  // Use a ref to track the latest provider for use in callbacks
+  const latestProviderRef = react.useRef(null);
+  // Find the current provider state
+  const provider = utils.findWalletConnectProvider(walletProviders, inputProvider.chainInfo.namespace);
+  // if provider is not found then that means that the user entered this screen
+  // while WalletConnect was still initializing, and then it failed to initialize
+  react.useEffect(() => {
+    if (!provider) {
+      // we have to go back two pages here since thats the screen
+      // we get wallet providers from state
+      popPages(2);
+    }
+  }, [provider, popPages]);
+  const connectedAccount = provider?.connectedAddresses?.[0] ?? null;
+  // Initial connection effect
+  react.useEffect(() => {
+    if (provider) {
+      latestProviderRef.current = provider;
+      // we don't try to connect if WalletConnect is still initializing or we are already connecting
+      if (!isConnecting && !provider.isLoading) {
+        setShowConnectedScreen(provider.connectedAddresses?.length > 0);
+        runAction(provider);
+      }
+    }
+  }, [provider]);
+  // Handle the connection action - uses the ref to get latest provider
+  const runAction = utils.useDebouncedCallback(async targetProvider => {
+    setIsConnecting(true);
+    try {
+      await onAction(targetProvider);
+      pushPage({
+        key: "Connect Success",
+        content: jsxRuntime.jsx(Success.SuccessPage, {
+          text: "Successfully connected to WalletConnect!",
+          onComplete: closeModal,
+          duration: successPageDuration
+        }),
+        preventBack: true,
+        showTitle: false
+      });
+    } catch {
+      // noop
+    } finally {
+      setIsConnecting(false);
+    }
+  }, 100);
+  const handleCopy = () => {
+    setShowCopied(true);
+    navigator.clipboard.writeText(`${provider?.uri}`);
+    setTimeout(() => {
+      setShowCopied(false);
+    }, 1500);
+  };
+  // Handle disconnection - uses the ref to get the correct provider after state update
+  const handleDisconnect = async () => {
+    setIsDisconnecting(true);
+    setDisconnectError(false);
+    try {
+      // Use the current provider from ref for disconnect
+      await onDisconnect?.(latestProviderRef.current);
+    } catch (err) {
+      console.error("Error disconnecting wallet:", err);
+      setDisconnectError(true);
+    } finally {
+      setIsDisconnecting(false);
+      setShowConnectedScreen(false);
+    }
+  };
+  return jsxRuntime.jsx("div", {
+    className: "p-3 flex flex-col items-center",
+    children: showConnectedScreen ? jsxRuntime.jsxs("div", {
+      className: clsx("mt-8 flex flex-col items-center gap-3", isMobile ? "w-full" : "w-96"),
+      children: [jsxRuntime.jsxs("div", {
+        className: "w-full justify-between flex items-center flex-1",
+        children: [jsxRuntime.jsx("div", {
+          className: clsx("flex items-center justify-center bg-icon-background-light dark:bg-icon-background-dark rounded-full p-2 text-icon-text-light dark:text-icon-text-dark", isMobile ? "size-18" : "size-24"),
+          children: jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faMobileScreen,
+            size: isMobile ? "3x" : "4x"
+          })
+        }), jsxRuntime.jsxs("div", {
+          className: "flex flex-row items-center justify-center space-x-2.5 font-medium text-icon-text-light dark:text-icon-text-dark",
+          children: [jsxRuntime.jsxs("div", {
+            className: "flex items-center justify-center",
+            children: [jsxRuntime.jsx("img", {
+              className: "size-5",
+              src: provider?.info.icon,
+              alt: "Wallet connect logo"
+            }), jsxRuntime.jsx("img", {
+              className: "size-5 absolute animate-ping",
+              src: provider?.info.icon,
+              alt: "Wallet connect logo"
+            })]
+          }), jsxRuntime.jsxs("span", {
+            children: [connectedAccount?.slice(0, 3), "...", connectedAccount?.slice(-3)]
+          })]
+        }), jsxRuntime.jsx("div", {
+          className: clsx("flex items-center justify-center bg-icon-background-light dark:bg-icon-background-dark rounded-full p-2 text-icon-text-light dark:text-icon-text-dark", isMobile ? "size-18" : "size-24"),
+          children: jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faLaptop,
+            size: isMobile ? "3x" : "4x"
+          })
+        })]
+      }), jsxRuntime.jsx("div", {
+        className: clsx("flex flex-row items-center mt-5 text-2xl font-bold text-center"),
+        children: "Already connected"
+      }), jsxRuntime.jsxs("div", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center text-xs flex flex-col space-y-2 !p-0",
+        children: [jsxRuntime.jsx("span", {
+          children: "Please open the wallet app on your phone to sign the message."
+        }), isDisconnecting ? jsxRuntime.jsx("span", {
+          className: "text-danger-light dark:text-danger-dark opacity-50",
+          children: "Disconnecting..."
+        }) : disconnectError ? jsxRuntime.jsx("span", {
+          className: "text-danger-light dark:text-danger-dark opacity-50",
+          children: "Error disconnecting wallet."
+        }) : jsxRuntime.jsxs("span", {
+          children: ["Need to connect a different wallet?", " ", jsxRuntime.jsx("span", {
+            className: "text-danger-light dark:text-danger-dark cursor-pointer underline",
+            onClick: handleDisconnect,
+            children: "Disconnect"
+          }), " ", "this wallet first."]
+        })]
+      })]
+    }) : jsxRuntime.jsxs("div", {
+      className: clsx("mt-8 flex flex-col items-center gap-3", isMobile ? "w-full" : "w-96"),
+      children: [jsxRuntime.jsx(QRCodeDisplay.QRCodeDisplay, {
+        uri: provider?.isLoading ? "https://www.turnkey.com/" : provider?.uri ?? "",
+        icon: provider?.info.icon ?? "",
+        isLoading: !!provider?.isLoading
+      }), jsxRuntime.jsxs(Buttons.BaseButton, {
+        onClick: handleCopy,
+        className: clsx("text-xs font-semibold bg-transparent border-none text-icon-text-light dark:text-icon-text-dark", "flex flex-row items-center gap-x-2 px-3 py-2 rounded-full transition-all", "hover:bg-icon-background-light dark:hover:bg-icon-background-dark active:scale-95", provider?.isLoading && "invisible pointer-events-none"),
+        children: [jsxRuntime.jsx("span", {
+          children: "Copy link"
+        }), jsxRuntime.jsxs("div", {
+          className: "relative",
+          children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: showCopied ? freeSolidSvgIcons.faCheck : freeSolidSvgIcons.faCopy,
+            className: clsx("transition-colors", showCopied ? "text-success-light dark:text-success-dark" : "text-icon-text-light dark:text-icon-text-dark")
+          }), showCopied && jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faCheck,
+            className: "absolute inset-0 m-auto text-success-light dark:text-success-dark animate-ping"
+          })]
+        })]
+      }), jsxRuntime.jsx("div", {
+        className: clsx("text-2xl font-bold text-center"),
+        children: provider?.isLoading ? "Initializing WalletConnect..." : "Use your phone"
+      }), jsxRuntime.jsx("div", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center !p-0",
+        children: provider?.isLoading ? "Preparing your connection. This will only take a moment." : "Scan this QR code with your WalletConnect-compatible wallet to connect"
+      }), onSelectAllWallets && jsxRuntime.jsxs("span", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center text-xs !p-0 mt-2",
+        children: ["Not what you're looking for?", " ", jsxRuntime.jsx("span", {
+          className: "text-primary-light dark:text-primary-dark cursor-pointer underline",
+          onClick: () => {
+            popPages(2);
+            onSelectAllWallets();
+          },
+          children: "See all WalletConnect apps."
+        })]
+      })]
+    })
+  });
+}
+
+exports.DesktopWalletConnectScreen = DesktopWalletConnectScreen;
+//# sourceMappingURL=DesktopWalletConnectScreen.js.map

package/dist/components/auth/wallet/DesktopWalletConnectScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopWalletConnectScreen.js","sources":["../../../../src/components/auth/wallet/DesktopWalletConnectScreen.tsx"],"sourcesContent":[null],"names":["DesktopWalletConnectScreen","props","provider","inputProvider","onAction","onDisconnect","onSelectAllWallets","successPageDuration","pushPage","popPages","closeModal","isMobile","useModal","walletProviders","useTurnkey","isDisconnecting","setIsDisconnecting","useState","isConnecting","setIsConnecting","disconnectError","setDisconnectError","showConnectedScreen","setShowConnectedScreen","connectedAddresses","length","showCopied","setShowCopied","latestProviderRef","useRef","findWalletConnectProvider","chainInfo","namespace","useEffect","connectedAccount","current","isLoading","runAction","useDebouncedCallback","targetProvider","key","content","_jsx","SuccessPage","text","onComplete","duration","preventBack","showTitle","handleCopy","navigator","clipboard","writeText","uri","setTimeout","handleDisconnect","err","console","error","className","children","_jsxs","clsx","FontAwesomeIcon","icon","faMobileScreen","size","src","info","alt","slice","faLaptop","onClick","QRCodeDisplay","BaseButton","faCheck","faCopy"],"mappings":"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"}

package/dist/components/auth/wallet/DesktopWalletConnectScreen.mjs

@@ -0,0 +1,253 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseButton } from '../../design/Buttons.mjs';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faMobileScreen, faLaptop, faCheck, faCopy } from '@fortawesome/free-solid-svg-icons';
+import { useState, useRef, useEffect } from 'react';
+import clsx from 'clsx';
+import { SuccessPage } from '../../design/Success.mjs';
+import { useModal } from '../../../providers/modal/Hook.mjs';
+import { useTurnkey } from '../../../providers/client/Hook.mjs';
+import { findWalletConnectProvider, useDebouncedCallback } from '../../../utils/utils.mjs';
+import { QRCodeDisplay } from './QRCodeDisplay.mjs';
+
+function DesktopWalletConnectScreen(props) {
+  var _inputProvider$connec, _provider$connectedAd, _provider$connectedAd2, _provider$uri, _provider$info$icon;
+  var inputProvider = props.provider,
+    onAction = props.onAction,
+    onDisconnect = props.onDisconnect,
+    onSelectAllWallets = props.onSelectAllWallets,
+    successPageDuration = props.successPageDuration;
+  var _useModal = useModal(),
+    pushPage = _useModal.pushPage,
+    popPages = _useModal.popPages,
+    closeModal = _useModal.closeModal,
+    isMobile = _useModal.isMobile;
+  var _useTurnkey = useTurnkey(),
+    walletProviders = _useTurnkey.walletProviders;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDisconnecting = _useState2[0],
+    setIsDisconnecting = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isConnecting = _useState4[0],
+    setIsConnecting = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    disconnectError = _useState6[0],
+    setDisconnectError = _useState6[1];
+  var _useState7 = useState(((_inputProvider$connec = inputProvider.connectedAddresses) === null || _inputProvider$connec === void 0 ? void 0 : _inputProvider$connec.length) > 0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showConnectedScreen = _useState8[0],
+    setShowConnectedScreen = _useState8[1];
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    showCopied = _useState0[0],
+    setShowCopied = _useState0[1];
+  // Use a ref to track the latest provider for use in callbacks
+  var latestProviderRef = useRef(null);
+  // Find the current provider state
+  var provider = findWalletConnectProvider(walletProviders, inputProvider.chainInfo.namespace);
+  // if provider is not found then that means that the user entered this screen
+  // while WalletConnect was still initializing, and then it failed to initialize
+  useEffect(function () {
+    if (!provider) {
+      // we have to go back two pages here since thats the screen
+      // we get wallet providers from state
+      popPages(2);
+    }
+  }, [provider, popPages]);
+  var connectedAccount = (_provider$connectedAd = provider === null || provider === void 0 ? void 0 : (_provider$connectedAd2 = provider.connectedAddresses) === null || _provider$connectedAd2 === void 0 ? void 0 : _provider$connectedAd2[0]) !== null && _provider$connectedAd !== void 0 ? _provider$connectedAd : null;
+  // Initial connection effect
+  useEffect(function () {
+    if (provider) {
+      latestProviderRef.current = provider;
+      // we don't try to connect if WalletConnect is still initializing or we are already connecting
+      if (!isConnecting && !provider.isLoading) {
+        var _provider$connectedAd3;
+        setShowConnectedScreen(((_provider$connectedAd3 = provider.connectedAddresses) === null || _provider$connectedAd3 === void 0 ? void 0 : _provider$connectedAd3.length) > 0);
+        runAction(provider);
+      }
+    }
+  }, [provider]);
+  // Handle the connection action - uses the ref to get latest provider
+  var runAction = useDebouncedCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(targetProvider) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            setIsConnecting(true);
+            _context.p = 1;
+            _context.n = 2;
+            return onAction(targetProvider);
+          case 2:
+            pushPage({
+              key: "Connect Success",
+              content: jsx(SuccessPage, {
+                text: "Successfully connected to WalletConnect!",
+                onComplete: closeModal,
+                duration: successPageDuration
+              }),
+              preventBack: true,
+              showTitle: false
+            });
+            _context.n = 4;
+            break;
+          case 3:
+            _context.p = 3;
+            _context.v;
+          case 4:
+            _context.p = 4;
+            setIsConnecting(false);
+            return _context.f(4);
+          case 5:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1, 3, 4, 5]]);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), 100);
+  var handleCopy = function handleCopy() {
+    setShowCopied(true);
+    navigator.clipboard.writeText("".concat(provider === null || provider === void 0 ? void 0 : provider.uri));
+    setTimeout(function () {
+      setShowCopied(false);
+    }, 1500);
+  };
+  // Handle disconnection - uses the ref to get the correct provider after state update
+  var handleDisconnect = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var _t2;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
+          case 0:
+            setIsDisconnecting(true);
+            setDisconnectError(false);
+            _context2.p = 1;
+            _context2.n = 2;
+            return onDisconnect === null || onDisconnect === void 0 ? void 0 : onDisconnect(latestProviderRef.current);
+          case 2:
+            _context2.n = 4;
+            break;
+          case 3:
+            _context2.p = 3;
+            _t2 = _context2.v;
+            console.error("Error disconnecting wallet:", _t2);
+            setDisconnectError(true);
+          case 4:
+            _context2.p = 4;
+            setIsDisconnecting(false);
+            setShowConnectedScreen(false);
+            return _context2.f(4);
+          case 5:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[1, 3, 4, 5]]);
+    }));
+    return function handleDisconnect() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return jsx("div", {
+    className: "p-3 flex flex-col items-center",
+    children: showConnectedScreen ? jsxs("div", {
+      className: clsx("mt-8 flex flex-col items-center gap-3", isMobile ? "w-full" : "w-96"),
+      children: [jsxs("div", {
+        className: "w-full justify-between flex items-center flex-1",
+        children: [jsx("div", {
+          className: clsx("flex items-center justify-center bg-icon-background-light dark:bg-icon-background-dark rounded-full p-2 text-icon-text-light dark:text-icon-text-dark", isMobile ? "size-18" : "size-24"),
+          children: jsx(FontAwesomeIcon, {
+            icon: faMobileScreen,
+            size: isMobile ? "3x" : "4x"
+          })
+        }), jsxs("div", {
+          className: "flex flex-row items-center justify-center space-x-2.5 font-medium text-icon-text-light dark:text-icon-text-dark",
+          children: [jsxs("div", {
+            className: "flex items-center justify-center",
+            children: [jsx("img", {
+              className: "size-5",
+              src: provider === null || provider === void 0 ? void 0 : provider.info.icon,
+              alt: "Wallet connect logo"
+            }), jsx("img", {
+              className: "size-5 absolute animate-ping",
+              src: provider === null || provider === void 0 ? void 0 : provider.info.icon,
+              alt: "Wallet connect logo"
+            })]
+          }), jsxs("span", {
+            children: [connectedAccount === null || connectedAccount === void 0 ? void 0 : connectedAccount.slice(0, 3), "...", connectedAccount === null || connectedAccount === void 0 ? void 0 : connectedAccount.slice(-3)]
+          })]
+        }), jsx("div", {
+          className: clsx("flex items-center justify-center bg-icon-background-light dark:bg-icon-background-dark rounded-full p-2 text-icon-text-light dark:text-icon-text-dark", isMobile ? "size-18" : "size-24"),
+          children: jsx(FontAwesomeIcon, {
+            icon: faLaptop,
+            size: isMobile ? "3x" : "4x"
+          })
+        })]
+      }), jsx("div", {
+        className: clsx("flex flex-row items-center mt-5 text-2xl font-bold text-center"),
+        children: "Already connected"
+      }), jsxs("div", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center text-xs flex flex-col space-y-2 !p-0",
+        children: [jsx("span", {
+          children: "Please open the wallet app on your phone to sign the message."
+        }), isDisconnecting ? jsx("span", {
+          className: "text-danger-light dark:text-danger-dark opacity-50",
+          children: "Disconnecting..."
+        }) : disconnectError ? jsx("span", {
+          className: "text-danger-light dark:text-danger-dark opacity-50",
+          children: "Error disconnecting wallet."
+        }) : jsxs("span", {
+          children: ["Need to connect a different wallet?", " ", jsx("span", {
+            className: "text-danger-light dark:text-danger-dark cursor-pointer underline",
+            onClick: handleDisconnect,
+            children: "Disconnect"
+          }), " ", "this wallet first."]
+        })]
+      })]
+    }) : jsxs("div", {
+      className: clsx("mt-8 flex flex-col items-center gap-3", isMobile ? "w-full" : "w-96"),
+      children: [jsx(QRCodeDisplay, {
+        uri: provider !== null && provider !== void 0 && provider.isLoading ? "https://www.turnkey.com/" : (_provider$uri = provider === null || provider === void 0 ? void 0 : provider.uri) !== null && _provider$uri !== void 0 ? _provider$uri : "",
+        icon: (_provider$info$icon = provider === null || provider === void 0 ? void 0 : provider.info.icon) !== null && _provider$info$icon !== void 0 ? _provider$info$icon : "",
+        isLoading: !!(provider !== null && provider !== void 0 && provider.isLoading)
+      }), jsxs(BaseButton, {
+        onClick: handleCopy,
+        className: clsx("text-xs font-semibold bg-transparent border-none text-icon-text-light dark:text-icon-text-dark", "flex flex-row items-center gap-x-2 px-3 py-2 rounded-full transition-all", "hover:bg-icon-background-light dark:hover:bg-icon-background-dark active:scale-95", (provider === null || provider === void 0 ? void 0 : provider.isLoading) && "invisible pointer-events-none"),
+        children: [jsx("span", {
+          children: "Copy link"
+        }), jsxs("div", {
+          className: "relative",
+          children: [jsx(FontAwesomeIcon, {
+            icon: showCopied ? faCheck : faCopy,
+            className: clsx("transition-colors", showCopied ? "text-success-light dark:text-success-dark" : "text-icon-text-light dark:text-icon-text-dark")
+          }), showCopied && jsx(FontAwesomeIcon, {
+            icon: faCheck,
+            className: "absolute inset-0 m-auto text-success-light dark:text-success-dark animate-ping"
+          })]
+        })]
+      }), jsx("div", {
+        className: clsx("text-2xl font-bold text-center"),
+        children: provider !== null && provider !== void 0 && provider.isLoading ? "Initializing WalletConnect..." : "Use your phone"
+      }), jsx("div", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center !p-0",
+        children: provider !== null && provider !== void 0 && provider.isLoading ? "Preparing your connection. This will only take a moment." : "Scan this QR code with your WalletConnect-compatible wallet to connect"
+      }), onSelectAllWallets && jsxs("span", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center text-xs !p-0 mt-2",
+        children: ["Not what you're looking for?", " ", jsx("span", {
+          className: "text-primary-light dark:text-primary-dark cursor-pointer underline",
+          onClick: function onClick() {
+            popPages(2);
+            onSelectAllWallets();
+          },
+          children: "See all WalletConnect apps."
+        })]
+      })]
+    })
+  });
+}
+
+export { DesktopWalletConnectScreen };
+//# sourceMappingURL=DesktopWalletConnectScreen.mjs.map

package/dist/components/auth/wallet/DesktopWalletConnectScreen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopWalletConnectScreen.mjs","sources":["../../../../src/components/auth/wallet/DesktopWalletConnectScreen.tsx"],"sourcesContent":[null],"names":["DesktopWalletConnectScreen","props","_inputProvider$connec","_provider$connectedAd","_provider$connectedAd2","_provider$uri","_provider$info$icon","inputProvider","provider","onAction","onDisconnect","onSelectAllWallets","successPageDuration","_useModal","useModal","pushPage","popPages","closeModal","isMobile","_useTurnkey","useTurnkey","walletProviders","_useState","useState","_useState2","_slicedToArray","isDisconnecting","setIsDisconnecting","_useState3","_useState4","isConnecting","setIsConnecting","_useState5","_useState6","disconnectError","setDisconnectError","_useState7","connectedAddresses","length","_useState8","showConnectedScreen","setShowConnectedScreen","_useState9","_useState0","showCopied","setShowCopied","latestProviderRef","useRef","findWalletConnectProvider","chainInfo","namespace","useEffect","connectedAccount","current","isLoading","_provider$connectedAd3","runAction","useDebouncedCallback","_ref","_asyncToGenerator","_regenerator","m","_callee","targetProvider","w","_context","p","n","key","content","_jsx","SuccessPage","text","onComplete","duration","preventBack","showTitle","v","f","a","_x","apply","arguments","handleCopy","navigator","clipboard","writeText","concat","uri","setTimeout","handleDisconnect","_ref2","_callee2","_t2","_context2","console","error","className","children","_jsxs","clsx","FontAwesomeIcon","icon","faMobileScreen","size","src","info","alt","slice","faLaptop","onClick","QRCodeDisplay","BaseButton","faCheck","faCopy"],"mappings":"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"}

package/dist/components/auth/wallet/DisconnectWalletScreen.d.ts

@@ -0,0 +1,8 @@
+import type { WalletProvider } from "@turnkey/core";
+interface DisconnectWalletScreenProps {
+    provider: WalletProvider;
+    onDisconnect: (provider: WalletProvider) => Promise<void>;
+}
+export declare function DisconnectWalletScreen(props: DisconnectWalletScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DisconnectWalletScreen.d.ts.map

package/dist/components/auth/wallet/DisconnectWalletScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisconnectWalletScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/DisconnectWalletScreen.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,UAAU,2BAA2B;IACnC,QAAQ,EAAE,cAAc,CAAC;IACzB,YAAY,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3D;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAsDxE"}

package/dist/components/auth/wallet/DisconnectWalletScreen.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Buttons = require('../../design/Buttons.js');
+var react = require('react');
+var clsx = require('clsx');
+var Hook = require('../../../providers/modal/Hook.js');
+
+function DisconnectWalletScreen(props) {
+  const {
+    provider,
+    onDisconnect
+  } = props;
+  const {
+    isMobile
+  } = Hook.useModal();
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [hasError, setHasError] = react.useState(false);
+  const handleDisconnect = async () => {
+    setIsLoading(true);
+    setHasError(false);
+    try {
+      await onDisconnect(provider);
+    } catch (err) {
+      setHasError(true);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return jsxRuntime.jsxs("div", {
+    className: clsx("mt-8", isMobile ? "w-full" : "w-96"),
+    children: [jsxRuntime.jsxs("div", {
+      className: "mt-6 mb-5 flex flex-col items-center gap-3",
+      children: [jsxRuntime.jsx("img", {
+        src: provider.info.icon ?? "",
+        className: "size-14 rounded-full"
+      }), jsxRuntime.jsx("div", {
+        className: clsx("text-2xl font-bold text-center", hasError && "text-danger-light dark:text-danger-dark"),
+        children: hasError ? "You can't disconnect this wallet!" : `Disconnect ${provider.info.name}`
+      }), jsxRuntime.jsx("div", {
+        className: "text-icon-text-light dark:text-icon-text-dark text-center !p-0",
+        children: hasError ? `Try disconnecting directly from the ${provider.info.name} app` : "You can always connect this wallet again later."
+      })]
+    }), jsxRuntime.jsx("div", {
+      className: "flex my-2 mt-0",
+      children: jsxRuntime.jsx(Buttons.ActionButton, {
+        onClick: handleDisconnect,
+        loading: isLoading,
+        className: clsx("w-full max-w-md bg-danger-light dark:bg-danger-dark text-primary-text-light dark:text-primary-text-dark", hasError && "animate-shake opacity-50"),
+        spinnerClassName: "text-primary-danger-text-light dark:text-primary-danger-text-dark",
+        children: "Disconnect Wallet"
+      })
+    })]
+  });
+}
+
+exports.DisconnectWalletScreen = DisconnectWalletScreen;
+//# sourceMappingURL=DisconnectWalletScreen.js.map

package/dist/components/auth/wallet/DisconnectWalletScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisconnectWalletScreen.js","sources":["../../../../src/components/auth/wallet/DisconnectWalletScreen.tsx"],"sourcesContent":[null],"names":["DisconnectWalletScreen","props","provider","onDisconnect","isMobile","useModal","isLoading","setIsLoading","useState","hasError","setHasError","handleDisconnect","err","_jsxs","className","clsx","children","_jsx","src","info","icon","name","ActionButton","onClick","loading","spinnerClassName"],"mappings":";;;;;;;;AAWM,SAAUA,sBAAsBA,CAACC,KAAkC,EAAA;EACvE,MAAM;IAAEC,QAAQ;AAAEC,IAAAA;AAAY,GAAE,GAAGF,KAAK;EACxC,MAAM;AAAEG,IAAAA;GAAU,GAAGC,aAAQ,EAAE;EAC/B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGF,cAAQ,CAAC,KAAK,CAAC;AAE/C,EAAA,MAAMG,gBAAgB,GAAG,YAAW;IAClCJ,YAAY,CAAC,IAAI,CAAC;IAClBG,WAAW,CAAC,KAAK,CAAC;IAClB,IAAI;MACF,MAAMP,YAAY,CAACD,QAAQ,CAAC;IAC9B,CAAC,CAAC,OAAOU,GAAG,EAAE;MACZF,WAAW,CAAC,IAAI,CAAC;AACnB,IAAA,CAAC,SAAS;MACRH,YAAY,CAAC,KAAK,CAAC;AACrB,IAAA;EACF,CAAC;EAED,OACEM,eAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAEC,IAAI,CAAC,MAAM,EAAEX,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAAAY,IAAAA,QAAA,EAAA,CACxDH;AAAKC,MAAAA,SAAS,EAAC,4CAA4C;AAAAE,MAAAA,QAAA,EAAA,CACzDC,cAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,GAAG,EAAEhB,QAAQ,CAACiB,IAAI,CAACC,IAAI,IAAI,EAAE;AAAEN,QAAAA,SAAS,EAAC;AAAsB,OAAA,CAAG,EACvEG;QACEH,SAAS,EAAEC,IAAI,CACb,gCAAgC,EAChCN,QAAQ,IAAI,yCAAyC,CACtD;QAAAO,QAAA,EAEAP,QAAQ,GACL,mCAAmC,GACnC,cAAcP,QAAQ,CAACiB,IAAI,CAACE,IAAI,CAAA;AAAE,OAAA,CAClC,EACNJ,cAAA,CAAA,KAAA,EAAA;AAAKH,QAAAA,SAAS,EAAC,gEAAgE;kBAC5EL,QAAQ,GACL,CAAA,oCAAA,EAAuCP,QAAQ,CAACiB,IAAI,CAACE,IAAI,CAAA,IAAA,CAAM,GAC/D;AAAiD,OAAA,CACjD;AAAA,KAAA,CACF,EAENJ;AAAKH,MAAAA,SAAS,EAAC,gBAAgB;AAAAE,MAAAA,QAAA,EAC7BC,eAACK,oBAAY,EAAA;AACXC,QAAAA,OAAO,EAAEZ,gBAAgB;AACzBa,QAAAA,OAAO,EAAElB,SAAS;QAClBQ,SAAS,EAAEC,IAAI,CACb,yGAAyG,EACzGN,QAAQ,IAAI,0BAA0B,CACvC;AACDgB,QAAAA,gBAAgB,EAAC,mEAAmE;;;AAGvE,KAAA,CACX;AAAA,GAAA,CACF;AAEV;;;;"}