@turnkey/react-wallet-kit 2.0.1 → 2.1.1

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

@@ -0,0 +1,200 @@
+'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 Action = require('../Action.js');
+
+function MobileWalletConnectScreen(props) {
+  const {
+    provider: targetApp,
+    onConnect,
+    onSign,
+    onSelectQRCode,
+    successPageDuration
+  } = props;
+  const {
+    pushPage,
+    popPages,
+    closeModal,
+    isMobile
+  } = Hook.useModal();
+  const {
+    walletProviders
+  } = Hook$1.useTurnkey();
+  const latestProviderRef = react.useRef(null);
+  const [isConnecting, setIsConnecting] = react.useState(false);
+  const [canSign, setCanSign] = react.useState(false);
+  const [completed, setCompleted] = react.useState(false);
+  const [shouldStartConnecting, setShouldStartConnecting] = react.useState(isMobile);
+  // Find the current WalletConnect provider state
+  const walletConnectProvider = utils.findWalletConnectProvider(walletProviders, targetApp.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 (!walletConnectProvider) {
+      // we have to go back two pages here since thats the screen
+      // we get wallet providers from state
+      popPages(2);
+    }
+  }, [walletConnectProvider, popPages]);
+  // Initial connection effect
+  react.useEffect(() => {
+    if (!shouldStartConnecting) return;
+    if (walletConnectProvider) {
+      latestProviderRef.current = walletConnectProvider;
+      // we don't try to connect if WalletConnect is still initializing or we are already connecting
+      if (!isConnecting && !walletConnectProvider.isLoading) {
+        if (walletConnectProvider.connectedAddresses.length > 0) {
+          // Connection already established. Try to connect if possible
+          if (onSign) {
+            setCanSign(true);
+          } else {
+            setCompleted(true);
+          }
+        } else {
+          // Start connection flow
+          setCanSign(false);
+          handleOpenApp(`wc?uri=${encodeURIComponent(latestProviderRef?.current?.uri ?? "")}`);
+          runConnectAction(walletConnectProvider);
+        }
+      }
+    }
+  }, [walletConnectProvider, shouldStartConnecting]);
+  // Handle the connection action - uses the ref to get latest provider
+  const runConnectAction = utils.useDebouncedCallback(async targetProvider => {
+    setIsConnecting(true);
+    try {
+      await onConnect(targetProvider);
+      if (onSign) {
+        setCanSign(true);
+      } else {
+        // Skip signing step if no signature is required (Connect only, not signup/login)
+        setCompleted(true);
+      }
+    } catch {
+      // noop
+    } finally {
+      setIsConnecting(false);
+    }
+  }, 100);
+  // Handle the sign action - uses the ref to get latest provider
+  const runSignAction = utils.useDebouncedCallback(async targetProvider => {
+    setIsConnecting(true);
+    try {
+      await onSign(targetProvider);
+      setCompleted(true);
+    } catch {
+      // noop
+    } finally {
+      setIsConnecting(false);
+    }
+  }, 100);
+  const handleOpenApp = linkParams => {
+    const link = `${targetApp.uri}${linkParams ? `${linkParams}` : ""}`;
+    window.location.href = link;
+  };
+  react.useEffect(() => {
+    if (completed) {
+      pushPage({
+        key: "Connect Success",
+        content: jsxRuntime.jsx(Success.SuccessPage, {
+          text: "Successfully connected to WalletConnect!",
+          onComplete: closeModal,
+          duration: successPageDuration
+        }),
+        preventBack: true,
+        showTitle: false
+      });
+    }
+  }, [completed]);
+  return jsxRuntime.jsx("div", {
+    className: clsx("flex flex-col items-center justify-center py-5 text-center", isMobile ? "w-full" : "w-auto"),
+    children: !shouldStartConnecting ? jsxRuntime.jsxs("div", {
+      className: clsx("flex flex-col gap-4 mt-6 items-center justify-center", isMobile ? "w-full" : "w-96"),
+      children: [jsxRuntime.jsx("img", {
+        src: targetApp.info.icon,
+        className: "size-14 rounded-full"
+      }), jsxRuntime.jsxs("span", {
+        className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+        children: ["You can connect", " ", targetApp.info.name ?? "this wallet provider", " using your mobile device. Open this page on your mobile device to continue or scan the QR code with your wallet app."]
+      }), jsxRuntime.jsxs("span", {
+        className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+        children: ["Already on mobile?", " ", jsxRuntime.jsxs("span", {
+          className: "text-primary-light dark:text-primary-dark cursor-pointer underline",
+          onClick: () => setShouldStartConnecting(true),
+          children: ["Try opening ", targetApp.info.name, " anyways."]
+        })]
+      }), jsxRuntime.jsx(Buttons.ActionButton, {
+        onClick: () =>
+        // At this point, the user already selected the chian. So we can pass it in to redirect directly to the QR code for that chain
+        onSelectQRCode(targetApp.chainInfo.namespace),
+        className: "w-full text-inherit bg-button-light dark:bg-button-dark",
+        children: jsxRuntime.jsxs("div", {
+          className: "flex flex-row w-full justify-center items-center gap-2",
+          children: ["Scan QR code", jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faQrcode,
+            size: "lg",
+            className: "text-icon-text-light dark:text-icon-text-dark"
+          })]
+        })
+      })]
+    }) : canSign ? jsxRuntime.jsxs("div", {
+      className: clsx("flex flex-col gap-4 mt-6 items-center justify-center", isMobile ? "w-full" : "w-72"),
+      children: [jsxRuntime.jsx("img", {
+        src: targetApp.info.icon,
+        className: "size-14 rounded-full"
+      }), jsxRuntime.jsxs("span", {
+        className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+        children: [targetApp.info.name ?? "This wallet provider", " is connected! Please sign the login request using the app to continue."]
+      }), jsxRuntime.jsx(Buttons.ActionButton, {
+        onClick: () => {
+          handleOpenApp();
+          runSignAction(latestProviderRef.current);
+        },
+        loading: isConnecting,
+        loadingText: "Check the app...",
+        className: "w-full text-inherit bg-button-light dark:bg-button-dark",
+        children: jsxRuntime.jsxs("div", {
+          className: "flex flex-row w-full justify-center items-center gap-1.5",
+          children: ["Sign login request", jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faArrowUpRightFromSquare,
+            size: "sm",
+            className: "text-icon-text-light dark:text-icon-text-dark"
+          })]
+        })
+      })]
+    }) : jsxRuntime.jsxs("div", {
+      className: "flex flex-col",
+      children: [jsxRuntime.jsx(Action.ActionPage
+      // Run the action from a separate useEffect. No need to pass it here
+      , {
+        // Run the action from a separate useEffect. No need to pass it here
+        title: `Connecting to ${targetApp.info.name}`,
+        icon: jsxRuntime.jsx("img", {
+          className: "size-11 rounded-full",
+          src: targetApp.info.icon || ""
+        })
+      }), jsxRuntime.jsxs("div", {
+        className: "text-icon-text-light text-sm dark:text-icon-text-dark text-center !p-0",
+        children: ["App not opening? Please ensure you have ", targetApp.info.name, " ", "installed or", " ", jsxRuntime.jsxs("span", {
+          className: "text-primary-light dark:text-primary-dark cursor-pointer underline",
+          onClick: () => {
+            handleOpenApp(`wc?uri=${encodeURIComponent(latestProviderRef?.current?.uri ?? "")}`);
+          },
+          children: ["try opening ", targetApp.info.name, " again."]
+        })]
+      })]
+    })
+  });
+}
+
+exports.MobileWalletConnectScreen = MobileWalletConnectScreen;
+//# sourceMappingURL=MobileWalletConnectScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileWalletConnectScreen.js","sources":["../../../../src/components/auth/wallet/MobileWalletConnectScreen.tsx"],"sourcesContent":[null],"names":["MobileWalletConnectScreen","props","provider","targetApp","onConnect","onSign","onSelectQRCode","successPageDuration","pushPage","popPages","closeModal","isMobile","useModal","walletProviders","useTurnkey","latestProviderRef","useRef","isConnecting","setIsConnecting","useState","canSign","setCanSign","completed","setCompleted","shouldStartConnecting","setShouldStartConnecting","walletConnectProvider","findWalletConnectProvider","chainInfo","namespace","useEffect","current","isLoading","connectedAddresses","length","handleOpenApp","encodeURIComponent","uri","runConnectAction","useDebouncedCallback","targetProvider","runSignAction","linkParams","link","window","location","href","key","content","_jsx","SuccessPage","text","onComplete","duration","preventBack","showTitle","className","clsx","children","_jsxs","src","info","icon","name","onClick","ActionButton","FontAwesomeIcon","faQrcode","size","loading","loadingText","faArrowUpRightFromSquare","ActionPage","title"],"mappings":"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"}

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

@@ -0,0 +1,251 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ActionButton } from '../../design/Buttons.mjs';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faQrcode, faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
+import { useRef, useState, 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 { ActionPage } from '../Action.mjs';
+
+function MobileWalletConnectScreen(props) {
+  var _targetApp$info$name, _targetApp$info$name2;
+  var targetApp = props.provider,
+    onConnect = props.onConnect,
+    onSign = props.onSign,
+    onSelectQRCode = props.onSelectQRCode,
+    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 latestProviderRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isConnecting = _useState2[0],
+    setIsConnecting = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    canSign = _useState4[0],
+    setCanSign = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    completed = _useState6[0],
+    setCompleted = _useState6[1];
+  var _useState7 = useState(isMobile),
+    _useState8 = _slicedToArray(_useState7, 2),
+    shouldStartConnecting = _useState8[0],
+    setShouldStartConnecting = _useState8[1];
+  // Find the current WalletConnect provider state
+  var walletConnectProvider = findWalletConnectProvider(walletProviders, targetApp.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 (!walletConnectProvider) {
+      // we have to go back two pages here since thats the screen
+      // we get wallet providers from state
+      popPages(2);
+    }
+  }, [walletConnectProvider, popPages]);
+  // Initial connection effect
+  useEffect(function () {
+    if (!shouldStartConnecting) return;
+    if (walletConnectProvider) {
+      latestProviderRef.current = walletConnectProvider;
+      // we don't try to connect if WalletConnect is still initializing or we are already connecting
+      if (!isConnecting && !walletConnectProvider.isLoading) {
+        if (walletConnectProvider.connectedAddresses.length > 0) {
+          // Connection already established. Try to connect if possible
+          if (onSign) {
+            setCanSign(true);
+          } else {
+            setCompleted(true);
+          }
+        } else {
+          var _latestProviderRef$cu, _latestProviderRef$cu2;
+          // Start connection flow
+          setCanSign(false);
+          handleOpenApp("wc?uri=".concat(encodeURIComponent((_latestProviderRef$cu = latestProviderRef === null || latestProviderRef === void 0 ? void 0 : (_latestProviderRef$cu2 = latestProviderRef.current) === null || _latestProviderRef$cu2 === void 0 ? void 0 : _latestProviderRef$cu2.uri) !== null && _latestProviderRef$cu !== void 0 ? _latestProviderRef$cu : "")));
+          runConnectAction(walletConnectProvider);
+        }
+      }
+    }
+  }, [walletConnectProvider, shouldStartConnecting]);
+  // Handle the connection action - uses the ref to get latest provider
+  var runConnectAction = 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 onConnect(targetProvider);
+          case 2:
+            if (onSign) {
+              setCanSign(true);
+            } else {
+              // Skip signing step if no signature is required (Connect only, not signup/login)
+              setCompleted(true);
+            }
+            _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);
+  // Handle the sign action - uses the ref to get latest provider
+  var runSignAction = useDebouncedCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(targetProvider) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
+          case 0:
+            setIsConnecting(true);
+            _context2.p = 1;
+            _context2.n = 2;
+            return onSign(targetProvider);
+          case 2:
+            setCompleted(true);
+            _context2.n = 4;
+            break;
+          case 3:
+            _context2.p = 3;
+            _context2.v;
+          case 4:
+            _context2.p = 4;
+            setIsConnecting(false);
+            return _context2.f(4);
+          case 5:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[1, 3, 4, 5]]);
+    }));
+    return function (_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), 100);
+  var handleOpenApp = function handleOpenApp(linkParams) {
+    var link = "".concat(targetApp.uri).concat(linkParams ? "".concat(linkParams) : "");
+    window.location.href = link;
+  };
+  useEffect(function () {
+    if (completed) {
+      pushPage({
+        key: "Connect Success",
+        content: jsx(SuccessPage, {
+          text: "Successfully connected to WalletConnect!",
+          onComplete: closeModal,
+          duration: successPageDuration
+        }),
+        preventBack: true,
+        showTitle: false
+      });
+    }
+  }, [completed]);
+  return jsx("div", {
+    className: clsx("flex flex-col items-center justify-center py-5 text-center", isMobile ? "w-full" : "w-auto"),
+    children: !shouldStartConnecting ? jsxs("div", {
+      className: clsx("flex flex-col gap-4 mt-6 items-center justify-center", isMobile ? "w-full" : "w-96"),
+      children: [jsx("img", {
+        src: targetApp.info.icon,
+        className: "size-14 rounded-full"
+      }), jsxs("span", {
+        className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+        children: ["You can connect", " ", (_targetApp$info$name = targetApp.info.name) !== null && _targetApp$info$name !== void 0 ? _targetApp$info$name : "this wallet provider", " using your mobile device. Open this page on your mobile device to continue or scan the QR code with your wallet app."]
+      }), jsxs("span", {
+        className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+        children: ["Already on mobile?", " ", jsxs("span", {
+          className: "text-primary-light dark:text-primary-dark cursor-pointer underline",
+          onClick: function onClick() {
+            return setShouldStartConnecting(true);
+          },
+          children: ["Try opening ", targetApp.info.name, " anyways."]
+        })]
+      }), jsx(ActionButton, {
+        onClick: function onClick() {
+          return (
+            // At this point, the user already selected the chian. So we can pass it in to redirect directly to the QR code for that chain
+            onSelectQRCode(targetApp.chainInfo.namespace)
+          );
+        },
+        className: "w-full text-inherit bg-button-light dark:bg-button-dark",
+        children: jsxs("div", {
+          className: "flex flex-row w-full justify-center items-center gap-2",
+          children: ["Scan QR code", jsx(FontAwesomeIcon, {
+            icon: faQrcode,
+            size: "lg",
+            className: "text-icon-text-light dark:text-icon-text-dark"
+          })]
+        })
+      })]
+    }) : canSign ? jsxs("div", {
+      className: clsx("flex flex-col gap-4 mt-6 items-center justify-center", isMobile ? "w-full" : "w-72"),
+      children: [jsx("img", {
+        src: targetApp.info.icon,
+        className: "size-14 rounded-full"
+      }), jsxs("span", {
+        className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+        children: [(_targetApp$info$name2 = targetApp.info.name) !== null && _targetApp$info$name2 !== void 0 ? _targetApp$info$name2 : "This wallet provider", " is connected! Please sign the login request using the app to continue."]
+      }), jsx(ActionButton, {
+        onClick: function onClick() {
+          handleOpenApp();
+          runSignAction(latestProviderRef.current);
+        },
+        loading: isConnecting,
+        loadingText: "Check the app...",
+        className: "w-full text-inherit bg-button-light dark:bg-button-dark",
+        children: jsxs("div", {
+          className: "flex flex-row w-full justify-center items-center gap-1.5",
+          children: ["Sign login request", jsx(FontAwesomeIcon, {
+            icon: faArrowUpRightFromSquare,
+            size: "sm",
+            className: "text-icon-text-light dark:text-icon-text-dark"
+          })]
+        })
+      })]
+    }) : jsxs("div", {
+      className: "flex flex-col",
+      children: [jsx(ActionPage
+      // Run the action from a separate useEffect. No need to pass it here
+      , {
+        // Run the action from a separate useEffect. No need to pass it here
+        title: "Connecting to ".concat(targetApp.info.name),
+        icon: jsx("img", {
+          className: "size-11 rounded-full",
+          src: targetApp.info.icon || ""
+        })
+      }), jsxs("div", {
+        className: "text-icon-text-light text-sm dark:text-icon-text-dark text-center !p-0",
+        children: ["App not opening? Please ensure you have ", targetApp.info.name, " ", "installed or", " ", jsxs("span", {
+          className: "text-primary-light dark:text-primary-dark cursor-pointer underline",
+          onClick: function onClick() {
+            var _latestProviderRef$cu3, _latestProviderRef$cu4;
+            handleOpenApp("wc?uri=".concat(encodeURIComponent((_latestProviderRef$cu3 = latestProviderRef === null || latestProviderRef === void 0 ? void 0 : (_latestProviderRef$cu4 = latestProviderRef.current) === null || _latestProviderRef$cu4 === void 0 ? void 0 : _latestProviderRef$cu4.uri) !== null && _latestProviderRef$cu3 !== void 0 ? _latestProviderRef$cu3 : "")));
+          },
+          children: ["try opening ", targetApp.info.name, " again."]
+        })]
+      })]
+    })
+  });
+}
+
+export { MobileWalletConnectScreen };
+//# sourceMappingURL=MobileWalletConnectScreen.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileWalletConnectScreen.mjs","sources":["../../../../src/components/auth/wallet/MobileWalletConnectScreen.tsx"],"sourcesContent":[null],"names":["MobileWalletConnectScreen","props","_targetApp$info$name","_targetApp$info$name2","targetApp","provider","onConnect","onSign","onSelectQRCode","successPageDuration","_useModal","useModal","pushPage","popPages","closeModal","isMobile","_useTurnkey","useTurnkey","walletProviders","latestProviderRef","useRef","_useState","useState","_useState2","_slicedToArray","isConnecting","setIsConnecting","_useState3","_useState4","canSign","setCanSign","_useState5","_useState6","completed","setCompleted","_useState7","_useState8","shouldStartConnecting","setShouldStartConnecting","walletConnectProvider","findWalletConnectProvider","chainInfo","namespace","useEffect","current","isLoading","connectedAddresses","length","_latestProviderRef$cu","_latestProviderRef$cu2","handleOpenApp","concat","encodeURIComponent","uri","runConnectAction","useDebouncedCallback","_ref","_asyncToGenerator","_regenerator","m","_callee","targetProvider","w","_context","p","n","v","f","a","_x","apply","arguments","runSignAction","_ref2","_callee2","_context2","_x2","linkParams","link","window","location","href","key","content","_jsx","SuccessPage","text","onComplete","duration","preventBack","showTitle","className","clsx","children","_jsxs","src","info","icon","name","onClick","ActionButton","FontAwesomeIcon","faQrcode","size","loading","loadingText","faArrowUpRightFromSquare","ActionPage","title","_latestProviderRef$cu3","_latestProviderRef$cu4"],"mappings":";;;;;;;;;;;;;AAyBM,SAAUA,yBAAyBA,CACvCC,KAAqC,EAAA;EAAA,IAAAC,oBAAA,EAAAC,qBAAA;AAErC,EAAA,IACYC,SAAS,GAKjBH,KAAK,CALPI,QAAQ;IACRC,SAAS,GAIPL,KAAK,CAJPK,SAAS;IACTC,MAAM,GAGJN,KAAK,CAHPM,MAAM;IACNC,cAAc,GAEZP,KAAK,CAFPO,cAAc;IACdC,mBAAmB,GACjBR,KAAK,CADPQ,mBAAmB;AAGrB,EAAA,IAAAC,SAAA,GAAqDC,QAAQ,EAAE;IAAvDC,QAAQ,GAAAF,SAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,SAAA,CAARG,QAAQ;IAAEC,UAAU,GAAAJ,SAAA,CAAVI,UAAU;IAAEC,QAAQ,GAAAL,SAAA,CAARK,QAAQ;AAChD,EAAA,IAAAC,WAAA,GAA4BC,UAAU,EAAE;IAAhCC,eAAe,GAAAF,WAAA,CAAfE,eAAe;AAEvB,EAAA,IAAMC,iBAAiB,GAAGC,MAAM,CAAwB,IAAI,CAAC;AAE7D,EAAA,IAAAC,SAAA,GAAwCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAhDI,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,UAAA,CAAA,CAAA,CAAA;AACpC,EAAA,IAAAI,UAAA,GAA8BL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAtCE,IAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAG,UAAA,GAAkCT,QAAQ,CAAC,KAAK,CAAC;IAAAU,UAAA,GAAAR,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAA1CE,IAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAAG,UAAA,GAA0Db,QAAQ,CAACP,QAAQ,CAAC;IAAAqB,UAAA,GAAAZ,cAAA,CAAAW,UAAA,EAAA,CAAA,CAAA;AAArEE,IAAAA,qBAAqB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,wBAAwB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAEtD;EACA,IAAMG,qBAAqB,GAAGC,yBAAyB,CACrDtB,eAAe,EACfd,SAAS,CAACqC,SAAS,CAACC,SAAS,CAC9B;AAED;AACA;AACAC,EAAAA,SAAS,CAAC,YAAK;IACb,IAAI,CAACJ,qBAAqB,EAAE;AAC1B;AACA;MACA1B,QAAQ,CAAC,CAAC,CAAC;AACb,IAAA;AACF,EAAA,CAAC,EAAE,CAAC0B,qBAAqB,EAAE1B,QAAQ,CAAC,CAAC;AAErC;AACA8B,EAAAA,SAAS,CAAC,YAAK;IACb,IAAI,CAACN,qBAAqB,EAAE;AAE5B,IAAA,IAAIE,qBAAqB,EAAE;MACzBpB,iBAAiB,CAACyB,OAAO,GAAGL,qBAAqB;AAEjD;AACA,MAAA,IAAI,CAACd,YAAY,IAAI,CAACc,qBAAqB,CAACM,SAAS,EAAE;AACrD,QAAA,IAAIN,qBAAqB,CAACO,kBAAkB,CAACC,MAAM,GAAG,CAAC,EAAE;AACvD;AACA,UAAA,IAAIxC,MAAM,EAAE;YACVuB,UAAU,CAAC,IAAI,CAAC;AAClB,UAAA,CAAC,MAAM;YACLI,YAAY,CAAC,IAAI,CAAC;AACpB,UAAA;AACF,QAAA,CAAC,MAAM;UAAA,IAAAc,qBAAA,EAAAC,sBAAA;AACL;UACAnB,UAAU,CAAC,KAAK,CAAC;AACjBoB,UAAAA,aAAa,CAAA,SAAA,CAAAC,MAAA,CACDC,kBAAkB,CAAA,CAAAJ,qBAAA,GAC1B7B,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAA,MAAA,GAAA,MAAA,GAAA,CAAA8B,sBAAA,GAAjB9B,iBAAiB,CAAEyB,OAAO,MAAA,IAAA,IAAAK,sBAAA,KAAA,MAAA,GAAA,MAAA,GAA1BA,sBAAA,CAA4BI,GAAG,MAAA,IAAA,IAAAL,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GAAI,EAAE,CACtC,CAAE,CACJ;UACDM,gBAAgB,CAACf,qBAAqB,CAAC;AACzC,QAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA,CAAC,EAAE,CAACA,qBAAqB,EAAEF,qBAAqB,CAAC,CAAC;AAElD;EACA,IAAMiB,gBAAgB,GAAGC,oBAAoB,cAAA,YAAA;IAAA,IAAAC,IAAA,GAAAC,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAC3C,SAAAC,OAAAA,CAAOC,cAA8B,EAAA;AAAA,MAAA,OAAAH,YAAA,EAAA,CAAAI,CAAA,CAAA,UAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,CAAA,GAAAD,QAAA,CAAAE,CAAA;AAAA,UAAA,KAAA,CAAA;YACnCvC,eAAe,CAAC,IAAI,CAAC;AAACqC,YAAAA,QAAA,CAAAC,CAAA,GAAA,CAAA;AAAAD,YAAAA,QAAA,CAAAE,CAAA,GAAA,CAAA;YAAA,OAGd3D,SAAS,CAACuD,cAAc,CAAC;AAAA,UAAA,KAAA,CAAA;AAC/B,YAAA,IAAItD,MAAM,EAAE;cACVuB,UAAU,CAAC,IAAI,CAAC;AAClB,YAAA,CAAC,MAAM;AACL;cACAI,YAAY,CAAC,IAAI,CAAC;AACpB,YAAA;AAAC6B,YAAAA,QAAA,CAAAE,CAAA,GAAA,CAAA;AAAA,YAAA;AAAA,UAAA,KAAA,CAAA;AAAAF,YAAAA,QAAA,CAAAC,CAAA,GAAA,CAAA;YAAAD,QAAA,CAAAG,CAAA;AAAA,UAAA,KAAA,CAAA;AAAAH,YAAAA,QAAA,CAAAC,CAAA,GAAA,CAAA;YAIDtC,eAAe,CAAC,KAAK,CAAC;YAAC,OAAAqC,QAAA,CAAAI,CAAA,CAAA,CAAA,CAAA;AAAA,UAAA,KAAA,CAAA;YAAA,OAAAJ,QAAA,CAAAK,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,MAAA,CAAA,EAAAR,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;IAAA,CAE1B,CAAA,CAAA;AAAA,IAAA,OAAA,UAAAS,EAAA,EAAA;AAAA,MAAA,OAAAb,IAAA,CAAAc,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAAA,EAAA,EACD,GAAG,CACJ;AAED;EACA,IAAMC,aAAa,GAAGjB,oBAAoB,cAAA,YAAA;IAAA,IAAAkB,KAAA,GAAAhB,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CACxC,SAAAe,QAAAA,CAAOb,cAA8B,EAAA;AAAA,MAAA,OAAAH,YAAA,EAAA,CAAAI,CAAA,CAAA,UAAAa,SAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,SAAA,CAAAX,CAAA,GAAAW,SAAA,CAAAV,CAAA;AAAA,UAAA,KAAA,CAAA;YACnCvC,eAAe,CAAC,IAAI,CAAC;AAACiD,YAAAA,SAAA,CAAAX,CAAA,GAAA,CAAA;AAAAW,YAAAA,SAAA,CAAAV,CAAA,GAAA,CAAA;YAAA,OAGd1D,MAAO,CAACsD,cAAc,CAAC;AAAA,UAAA,KAAA,CAAA;YAC7B3B,YAAY,CAAC,IAAI,CAAC;AAACyC,YAAAA,SAAA,CAAAV,CAAA,GAAA,CAAA;AAAA,YAAA;AAAA,UAAA,KAAA,CAAA;AAAAU,YAAAA,SAAA,CAAAX,CAAA,GAAA,CAAA;YAAAW,SAAA,CAAAT,CAAA;AAAA,UAAA,KAAA,CAAA;AAAAS,YAAAA,SAAA,CAAAX,CAAA,GAAA,CAAA;YAInBtC,eAAe,CAAC,KAAK,CAAC;YAAC,OAAAiD,SAAA,CAAAR,CAAA,CAAA,CAAA,CAAA;AAAA,UAAA,KAAA,CAAA;YAAA,OAAAQ,SAAA,CAAAP,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,MAAA,CAAA,EAAAM,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;IAAA,CAE1B,CAAA,CAAA;AAAA,IAAA,OAAA,UAAAE,GAAA,EAAA;AAAA,MAAA,OAAAH,KAAA,CAAAH,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAAA,EAAA,EACD,GAAG,CACJ;AAED,EAAA,IAAMrB,aAAa,GAAG,SAAhBA,aAAaA,CAAI2B,UAAmB,EAAI;AAC5C,IAAA,IAAMC,IAAI,GAAA,EAAA,CAAA3B,MAAA,CAAM/C,SAAS,CAACiD,GAAG,CAAA,CAAAF,MAAA,CAAG0B,UAAU,GAAA,EAAA,CAAA1B,MAAA,CAAM0B,UAAU,CAAA,GAAK,EAAE,CAAE;AACnEE,IAAAA,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGH,IAAI;EAC7B,CAAC;AAEDnC,EAAAA,SAAS,CAAC,YAAK;AACb,IAAA,IAAIV,SAAS,EAAE;AACbrB,MAAAA,QAAQ,CAAC;AACPsE,QAAAA,GAAG,EAAE,iBAAiB;AACtBC,QAAAA,OAAO,EACLC,GAAA,CAACC,WAAW,EAAA;AACVC,UAAAA,IAAI,EAAC,0CAA0C;AAC/CC,UAAAA,UAAU,EAAEzE,UAAU;AACtB0E,UAAAA,QAAQ,EAAE/E;UAEb;AACDgF,QAAAA,WAAW,EAAE,IAAI;AACjBC,QAAAA,SAAS,EAAE;AACZ,OAAA,CAAC;AACJ,IAAA;AACF,EAAA,CAAC,EAAE,CAACzD,SAAS,CAAC,CAAC;EAEf,OACEmD,GAAA,CAAA,KAAA,EAAA;IACEO,SAAS,EAAEC,IAAI,CACb,4DAA4D,EAC5D7E,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAC/B;AAAA8E,IAAAA,QAAA,EAEA,CAACxD,qBAAqB,GACrByD,IAAA,CAAA,KAAA,EAAA;MACEH,SAAS,EAAEC,IAAI,CACb,sDAAsD,EACtD7E,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAC7B;AAAA8E,MAAAA,QAAA,EAAA,CAEDT,GAAA,CAAA,KAAA,EAAA;AAAKW,QAAAA,GAAG,EAAE3F,SAAS,CAAC4F,IAAI,CAACC,IAAI;AAAEN,QAAAA,SAAS,EAAC;AAAsB,OAAA,CAAG,EAClEG,IAAA,CAAA,MAAA,EAAA;AAAMH,QAAAA,SAAS,EAAC,mEAAmE;QAAAE,QAAA,EAAA,CAChF,iBAAiB,+BAAGzF,SAAS,CAAC4F,IAAI,CAACE,IAAI,cAAAhG,oBAAA,KAAA,MAAA,GAAAA,oBAAA,GAAI,sBAAsB,EAEhE,uHAAuH;AAAA,OAAA,CAEpH,EACP4F,IAAA,CAAA,MAAA,EAAA;AAAMH,QAAAA,SAAS,EAAC,mEAAmE;QAAAE,QAAA,EAAA,CAChF,oBAAoB,EAAE,GAAG,EAC1BC,IAAA,CAAA,MAAA,EAAA;AACEH,UAAAA,SAAS,EAAC,oEAAoE;UAC9EQ,OAAO,EAAE,SAATA,OAAOA,GAAA;YAAA,OAAQ7D,wBAAwB,CAAC,IAAI,CAAC;AAAA,UAAA,CAAA;UAAAuD,QAAA,EAAA,CAAA,cAAA,EAEhCzF,SAAS,CAAC4F,IAAI,CAACE,IAAI,EAAA,WAAA;AAAA,SAAA,CAC3B;AAAA,OAAA,CACF,EAEPd,GAAA,CAACgB,YAAY,EAAA;QACXD,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,UAAA;AACL;AACA3F,YAAAA,cAAc,CAACJ,SAAS,CAACqC,SAAS,CAACC,SAAS;AAAC;AAAA,QAAA,CAAA;AAE/CiD,QAAAA,SAAS,EAAC,yDAAyD;AAAAE,QAAAA,QAAA,EAEnEC,IAAA,CAAA,KAAA,EAAA;AAAKH,UAAAA,SAAS,EAAC,wDAAwD;qCAErEP,GAAA,CAACiB,eAAe,EAAA;AACdJ,YAAAA,IAAI,EAAEK,QAAQ;AACdC,YAAAA,IAAI,EAAC,IAAI;AACTZ,YAAAA,SAAS,EAAC;AAA+C,WAAA,CACzD;SAAA;AACE,OAAA,CACO;AAAA,KAAA,CACX,GACJ9D,OAAO,GACTiE,IAAA,CAAA,KAAA,EAAA;MACEH,SAAS,EAAEC,IAAI,CACb,sDAAsD,EACtD7E,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAC7B;iBAEDqE,GAAA,CAAA,KAAA,EAAA;AAAKW,QAAAA,GAAG,EAAE3F,SAAS,CAAC4F,IAAI,CAACC,IAAI;AAAEN,QAAAA,SAAS,EAAC;QAAyB,EAClEG,IAAA,CAAA,MAAA,EAAA;AAAMH,QAAAA,SAAS,EAAC,mEAAmE;4CAChFvF,SAAS,CAAC4F,IAAI,CAACE,IAAI,MAAA,IAAA,IAAA/F,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GAAI,sBAAsB,EAE5C,yEAAyE;QAEtE,EACPiF,GAAA,CAACgB,YAAY,EAAA;AACXD,QAAAA,OAAO,EAAE,SAATA,OAAOA,GAAO;AACZjD,UAAAA,aAAa,EAAE;AACfsB,UAAAA,aAAa,CAACrD,iBAAiB,CAACyB,OAAQ,CAAC;QAC3C,CAAC;AACD4D,QAAAA,OAAO,EAAE/E,YAAY;AACrBgF,QAAAA,WAAW,EAAC,kBAAkB;AAC9Bd,QAAAA,SAAS,EAAC,yDAAyD;AAAAE,QAAAA,QAAA,EAEnEC;AAAKH,UAAAA,SAAS,EAAC,0DAA0D;AAAAE,UAAAA,QAAA,EAAA,CAAA,oBAAA,EAEvET,GAAA,CAACiB,eAAe,EAAA;AACdJ,YAAAA,IAAI,EAAES,wBAAwB;AAC9BH,YAAAA,IAAI,EAAC,IAAI;AACTZ,YAAAA,SAAS,EAAC;AAA+C,WAAA,CACzD;SAAA;AACE,OAAA,CACO;AAAA,KAAA,CACX,GAENG,IAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,eAAe;MAAAE,QAAA,EAAA,CAC5BT,GAAA,CAACuB;AACC;;AAAA;QACAC,KAAK,EAAA,gBAAA,CAAAzD,MAAA,CAAmB/C,SAAS,CAAC4F,IAAI,CAACE,IAAI,CAAE;AAC7CD,QAAAA,IAAI,EACFb;AACEO,UAAAA,SAAS,EAAC,sBAAsB;AAChCI,UAAAA,GAAG,EAAE3F,SAAS,CAAC4F,IAAI,CAACC,IAAI,IAAI;;AAC5B,OAAA,CAEJ,EACFH,IAAA,CAAA,KAAA,EAAA;AAAKH,QAAAA,SAAS,EAAC,wEAAwE;+DAC5CvF,SAAS,CAAC4F,IAAI,CAACE,IAAI,EAAE,GAAG,EAAA,cAAA,EACpD,GAAG,EAChBJ,IAAA,CAAA,MAAA,EAAA;AACEH,UAAAA,SAAS,EAAC,oEAAoE;AAC9EQ,UAAAA,OAAO,EAAE,SAATA,OAAOA,GAAO;YAAA,IAAAU,sBAAA,EAAAC,sBAAA;AACZ5D,YAAAA,aAAa,CAAA,SAAA,CAAAC,MAAA,CACDC,kBAAkB,CAAA,CAAAyD,sBAAA,GAC1B1F,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAA,MAAA,GAAA,MAAA,GAAA,CAAA2F,sBAAA,GAAjB3F,iBAAiB,CAAEyB,OAAO,MAAA,IAAA,IAAAkE,sBAAA,KAAA,MAAA,GAAA,MAAA,GAA1BA,sBAAA,CAA4BzD,GAAG,MAAA,IAAA,IAAAwD,sBAAA,KAAA,MAAA,GAAAA,sBAAA,GAAI,EAAE,CACtC,CAAE,CACJ;UACH,CAAC;UAAAhB,QAAA,EAAA,CAAA,cAAA,EAEYzF,SAAS,CAAC4F,IAAI,CAACE,IAAI,EAAA,SAAA;AAAA,SAAA,CAC3B;AAAA,OAAA,CACH;KAAA;AAET,GAAA,CACG;AAEV;;;;"}

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

@@ -0,0 +1,8 @@
+interface QRCodeDisplayProps {
+    uri: string;
+    icon: string;
+    isLoading?: boolean;
+}
+export declare function QRCodeDisplay(props: QRCodeDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QRCodeDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/QRCodeDisplay.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA4BtD"}

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Spinners = require('../../design/Spinners.js');
+var clsx = require('clsx');
+var qrcode_react = require('qrcode.react');
+
+function QRCodeDisplay(props) {
+  const {
+    uri,
+    icon,
+    isLoading
+  } = props;
+  return jsxRuntime.jsxs("div", {
+    className: "relative inline-block",
+    children: [jsxRuntime.jsx(qrcode_react.QRCodeSVG, {
+      className: clsx("block border border-modal-background-dark/20 dark:border-modal-background-light/20", "shadow-[0_0_42px] shadow-primary-light/50 dark:shadow-[0_0_42px] dark:shadow-primary-dark/50", isLoading && "blur-sm"),
+      value: uri,
+      imageSettings: {
+        src: icon,
+        width: 24,
+        height: 24,
+        excavate: true
+      },
+      size: 200
+    }), isLoading && jsxRuntime.jsx("div", {
+      className: "absolute inset-0 flex items-center justify-center",
+      children: jsxRuntime.jsx(Spinners.Spinner, {
+        className: "size-12",
+        strokeWidth: 2
+      })
+    })]
+  });
+}
+
+exports.QRCodeDisplay = QRCodeDisplay;
+//# sourceMappingURL=QRCodeDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeDisplay.js","sources":["../../../../src/components/auth/wallet/QRCodeDisplay.tsx"],"sourcesContent":[null],"names":["QRCodeDisplay","props","uri","icon","isLoading","_jsxs","className","children","_jsx","QRCode","clsx","value","imageSettings","src","width","height","excavate","size","Spinner","strokeWidth"],"mappings":";;;;;;;AAUM,SAAUA,aAAaA,CAACC,KAAyB,EAAA;EACrD,MAAM;IAAEC,GAAG;IAAEC,IAAI;AAAEC,IAAAA;AAAS,GAAE,GAAGH,KAAK;EAEtC,OACEI,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,uBAAuB;AAAAC,IAAAA,QAAA,EAAA,CAEpCC,cAAA,CAACC,sBAAM,EAAA;MACLH,SAAS,EAAEI,IAAI,CACb,oFAAoF,EACpF,8FAA8F,EAC9FN,SAAS,IAAI,SAAS,CACvB;AACDO,MAAAA,KAAK,EAAET,GAAG;AACVU,MAAAA,aAAa,EAAE;AACbC,QAAAA,GAAG,EAAEV,IAAI;AACTW,QAAAA,KAAK,EAAE,EAAE;AACTC,QAAAA,MAAM,EAAE,EAAE;AACVC,QAAAA,QAAQ,EAAE;OACX;AACDC,MAAAA,IAAI,EAAE;AAAG,KAAA,CACT,EACDb,SAAS,IACRI,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,mDAAmD;AAAAC,MAAAA,QAAA,EAChEC,cAAA,CAACU,gBAAO,EAAA;AAACZ,QAAAA,SAAS,EAAC,SAAS;AAACa,QAAAA,WAAW,EAAE;OAAC;AAAI,KAAA,CAElD;AAAA,GAAA,CACG;AAEV;;;;"}

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

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Spinner } from '../../design/Spinners.mjs';
+import clsx from 'clsx';
+import { QRCodeSVG } from 'qrcode.react';
+
+function QRCodeDisplay(props) {
+  var uri = props.uri,
+    icon = props.icon,
+    isLoading = props.isLoading;
+  return jsxs("div", {
+    className: "relative inline-block",
+    children: [jsx(QRCodeSVG, {
+      className: clsx("block border border-modal-background-dark/20 dark:border-modal-background-light/20", "shadow-[0_0_42px] shadow-primary-light/50 dark:shadow-[0_0_42px] dark:shadow-primary-dark/50", isLoading && "blur-sm"),
+      value: uri,
+      imageSettings: {
+        src: icon,
+        width: 24,
+        height: 24,
+        excavate: true
+      },
+      size: 200
+    }), isLoading && jsx("div", {
+      className: "absolute inset-0 flex items-center justify-center",
+      children: jsx(Spinner, {
+        className: "size-12",
+        strokeWidth: 2
+      })
+    })]
+  });
+}
+
+export { QRCodeDisplay };
+//# sourceMappingURL=QRCodeDisplay.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeDisplay.mjs","sources":["../../../../src/components/auth/wallet/QRCodeDisplay.tsx"],"sourcesContent":[null],"names":["QRCodeDisplay","props","uri","icon","isLoading","_jsxs","className","children","_jsx","QRCode","clsx","value","imageSettings","src","width","height","excavate","size","Spinner","strokeWidth"],"mappings":";;;;;AAUM,SAAUA,aAAaA,CAACC,KAAyB,EAAA;AACrD,EAAA,IAAQC,GAAG,GAAsBD,KAAK,CAA9BC,GAAG;IAAEC,IAAI,GAAgBF,KAAK,CAAzBE,IAAI;IAAEC,SAAS,GAAKH,KAAK,CAAnBG,SAAS;EAE5B,OACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,uBAAuB;AAAAC,IAAAA,QAAA,EAAA,CAEpCC,GAAA,CAACC,SAAM,EAAA;MACLH,SAAS,EAAEI,IAAI,CACb,oFAAoF,EACpF,8FAA8F,EAC9FN,SAAS,IAAI,SAAS,CACvB;AACDO,MAAAA,KAAK,EAAET,GAAG;AACVU,MAAAA,aAAa,EAAE;AACbC,QAAAA,GAAG,EAAEV,IAAI;AACTW,QAAAA,KAAK,EAAE,EAAE;AACTC,QAAAA,MAAM,EAAE,EAAE;AACVC,QAAAA,QAAQ,EAAE;OACX;AACDC,MAAAA,IAAI,EAAE;AAAG,KAAA,CACT,EACDb,SAAS,IACRI,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,mDAAmD;AAAAC,MAAAA,QAAA,EAChEC,GAAA,CAACU,OAAO,EAAA;AAACZ,QAAAA,SAAS,EAAC,SAAS;AAACa,QAAAA,WAAW,EAAE;OAAC;AAAI,KAAA,CAElD;AAAA,GAAA,CACG;AAEV;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowAllWalletsScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/ShowAllWalletsScreen.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAoBvB,UAAU,yBAAyB;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAoSpE"}