@daimo/pay 1.19.7 → 1.19.8

package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/index.js

@@ -1,339 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { AnimatePresence } from 'framer-motion';
-import { useState, useEffect } from 'react';
-import { Container, ConnectingContainer, ConnectingAnimation, RetryButton, RetryIconContainer, Content } from './styles.js';
-import Alert from '../../Common/Alert/index.js';
-import Button from '../../Common/Button/index.js';
-import { PageContent, ModalHeading, ModalContent, ModalContentContainer, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
-import Tooltip from '../../Common/Tooltip/index.js';
-import SquircleSpinner from '../../Spinners/SquircleSpinner/index.js';
-import { RetryIconCircle, AlertIcon, ExternalLinkIcon, TickIcon } from '../../../assets/icons.js';
-import { useConnect } from '../../../hooks/useConnect.js';
-import useLocales from '../../../hooks/useLocales.js';
-import { usePayContext } from '../../../hooks/usePayContext.js';
-import { detectBrowser } from '../../../utils/index.js';
-import { useWallet } from '../../../wallets/useWallets.js';
-import BrowserIcon from '../../Common/BrowserIcon/index.js';
-import CircleSpinner from '../../Spinners/CircleSpinner/index.js';
-
-const states = {
-  CONNECTED: "connected",
-  CONNECTING: "connecting",
-  EXPIRING: "expiring",
-  FAILED: "failed",
-  REJECTED: "rejected",
-  NOTCONNECTED: "notconnected",
-  UNAVAILABLE: "unavailable"
-};
-const contentVariants = {
-  initial: {
-    willChange: "transform,opacity",
-    position: "relative",
-    opacity: 0,
-    scale: 0.95
-  },
-  animate: {
-    position: "relative",
-    opacity: 1,
-    scale: 1,
-    transition: {
-      ease: [0.16, 1, 0.3, 1],
-      duration: 0.4,
-      delay: 0.05,
-      position: { delay: 0 }
-    }
-  },
-  exit: {
-    position: "absolute",
-    opacity: 0,
-    scale: 0.95,
-    transition: {
-      ease: [0.16, 1, 0.3, 1],
-      duration: 0.3
-    }
-  }
-};
-const ConnectWithInjector = ({ switchConnectMethod, forceState }) => {
-  const { connect } = useConnect({
-    mutation: {
-      onMutate: (connector) => {
-        if (connector.connector) {
-          setStatus(states.CONNECTING);
-        } else {
-          setStatus(states.UNAVAILABLE);
-        }
-      },
-      onError(err) {
-        console.error(err);
-      },
-      onSettled(data, error) {
-        if (error) {
-          setShowTryAgainTooltip(true);
-          setTimeout(() => setShowTryAgainTooltip(false), 3500);
-          if (error.code) {
-            switch (error.code) {
-              case -32002:
-                setStatus(states.NOTCONNECTED);
-                break;
-              case 4001:
-                setStatus(states.REJECTED);
-                break;
-              default:
-                setStatus(states.FAILED);
-                break;
-            }
-          } else {
-            if (error.message) {
-              switch (error.message) {
-                case "User rejected request":
-                  setStatus(states.REJECTED);
-                  break;
-                default:
-                  setStatus(states.FAILED);
-                  break;
-              }
-            }
-          }
-        }
-        setTimeout(triggerResize, 100);
-      }
-    }
-  });
-  const { triggerResize } = usePayContext();
-  const context = usePayContext();
-  const { pendingConnectorId, paymentState } = context;
-  const walletFromConnectors = useWallet(pendingConnectorId ?? "");
-  const wallet = walletFromConnectors || paymentState.selectedWallet;
-  const walletInfo = {
-    name: wallet?.name,
-    shortName: wallet?.shortName ?? wallet?.name,
-    icon: wallet?.iconConnector ?? wallet?.icon,
-    iconShape: wallet?.iconShape ?? "circle",
-    iconShouldShrink: wallet?.iconShouldShrink
-  };
-  const [showTryAgainTooltip, setShowTryAgainTooltip] = useState(false);
-  const browser = detectBrowser();
-  const extensionUrl = wallet?.downloadUrls?.[browser];
-  const suggestedExtension = wallet?.downloadUrls ? {
-    name: Object.keys(wallet?.downloadUrls)[0],
-    label: Object.keys(wallet?.downloadUrls)[0]?.charAt(0).toUpperCase() + Object.keys(wallet?.downloadUrls)[0]?.slice(1),
-    // Capitalise first letter, but this might be better suited as a lookup table
-    url: wallet?.downloadUrls[Object.keys(wallet?.downloadUrls)[0]]
-  } : void 0;
-  const hasConnector = wallet && "connector" in wallet && wallet.connector != null;
-  const isInstalled = wallet && "isInstalled" in wallet && wallet.isInstalled;
-  const [status, setStatus] = useState(
-    forceState ? forceState : !isInstalled ? states.UNAVAILABLE : states.CONNECTING
-  );
-  const locales = useLocales({
-    CONNECTORNAME: walletInfo.name,
-    CONNECTORSHORTNAME: walletInfo.shortName ?? walletInfo.name,
-    SUGGESTEDEXTENSIONBROWSER: suggestedExtension?.label ?? "your browser"
-  });
-  const runConnect = async () => {
-    if (isInstalled && hasConnector) {
-      connect({ connector: wallet.connector });
-    } else {
-      setStatus(states.UNAVAILABLE);
-    }
-  };
-  useEffect(() => {
-    if (status === states.UNAVAILABLE) return;
-    const connectTimeout = setTimeout(runConnect, 600);
-    return () => {
-      clearTimeout(connectTimeout);
-    };
-  }, []);
-  if (!wallet) {
-    return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsxs(Container, { children: [
-      /* @__PURE__ */ jsx(ModalHeading, { children: locales.invalidState_heading }),
-      /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(Alert, { children: locales.invalidState_description }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(ConnectingContainer, { children: /* @__PURE__ */ jsxs(
-      ConnectingAnimation,
-      {
-        $shake: status === states.FAILED || status === states.REJECTED,
-        $circle: walletInfo.iconShape === "circle",
-        children: [
-          /* @__PURE__ */ jsx(AnimatePresence, { children: (status === states.FAILED || status === states.REJECTED) && /* @__PURE__ */ jsx(
-            RetryButton,
-            {
-              "aria-label": locales.retry,
-              initial: { opacity: 0, scale: 0.8 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 0.8 },
-              whileTap: { scale: 0.9 },
-              transition: { duration: 0.1 },
-              onClick: runConnect,
-              children: /* @__PURE__ */ jsx(RetryIconContainer, { children: /* @__PURE__ */ jsx(
-                Tooltip,
-                {
-                  open: showTryAgainTooltip && (status === states.FAILED || status === states.REJECTED),
-                  message: locales.tryAgainQuestion,
-                  xOffset: -6,
-                  children: /* @__PURE__ */ jsx(RetryIconCircle, {})
-                }
-              ) })
-            }
-          ) }),
-          walletInfo.iconShape === "circle" ? /* @__PURE__ */ jsx(
-            CircleSpinner,
-            {
-              logo: status === states.UNAVAILABLE ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    transform: "scale(1.14)",
-                    position: "relative",
-                    width: "100%"
-                  },
-                  children: walletInfo.icon
-                }
-              ) : /* @__PURE__ */ jsx(Fragment, { children: walletInfo.icon }),
-              smallLogo: walletInfo.iconShouldShrink,
-              loading: status === states.CONNECTING,
-              unavailable: status === states.UNAVAILABLE
-            }
-          ) : /* @__PURE__ */ jsx(
-            SquircleSpinner,
-            {
-              logo: status === states.UNAVAILABLE ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    transform: "scale(1.14)",
-                    position: "relative",
-                    width: "100%"
-                  },
-                  children: walletInfo.icon
-                }
-              ) : /* @__PURE__ */ jsx(Fragment, { children: walletInfo.icon }),
-              loading: status === states.CONNECTING
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(ModalContentContainer, { children: /* @__PURE__ */ jsxs(AnimatePresence, { initial: false, children: [
-      status === states.FAILED && /* @__PURE__ */ jsx(
-        Content,
-        {
-          initial: "initial",
-          animate: "animate",
-          exit: "exit",
-          variants: contentVariants,
-          children: /* @__PURE__ */ jsxs(ModalContent, { children: [
-            /* @__PURE__ */ jsxs(ModalH1, { $error: true, children: [
-              /* @__PURE__ */ jsx(AlertIcon, {}),
-              locales.injectionScreen_failed_h1
-            ] }),
-            /* @__PURE__ */ jsx(ModalBody, { children: locales.injectionScreen_failed_p })
-          ] })
-        },
-        states.FAILED
-      ),
-      status === states.REJECTED && /* @__PURE__ */ jsx(
-        Content,
-        {
-          initial: "initial",
-          animate: "animate",
-          exit: "exit",
-          variants: contentVariants,
-          children: /* @__PURE__ */ jsxs(ModalContent, { style: { paddingBottom: 28 }, children: [
-            /* @__PURE__ */ jsx(ModalH1, { children: locales.injectionScreen_rejected_h1 }),
-            /* @__PURE__ */ jsx(ModalBody, { children: locales.injectionScreen_rejected_p })
-          ] })
-        },
-        states.REJECTED
-      ),
-      (status === states.CONNECTING || status === states.EXPIRING) && /* @__PURE__ */ jsx(
-        Content,
-        {
-          initial: "initial",
-          animate: "animate",
-          exit: "exit",
-          variants: contentVariants,
-          children: /* @__PURE__ */ jsxs(ModalContent, { style: { paddingBottom: 28 }, children: [
-            /* @__PURE__ */ jsx(ModalH1, { children: hasConnector && wallet.connector?.id === "injected" ? locales.injectionScreen_connecting_injected_h1 : locales.injectionScreen_connecting_h1 }),
-            /* @__PURE__ */ jsx(ModalBody, { children: hasConnector && wallet.connector?.id === "injected" ? locales.injectionScreen_connecting_injected_p : locales.injectionScreen_connecting_p }),
-            /* @__PURE__ */ jsxs(Button, { icon: /* @__PURE__ */ jsx(ExternalLinkIcon, {}), onClick: runConnect, children: [
-              "Connect ",
-              walletInfo.name
-            ] })
-          ] })
-        },
-        states.CONNECTING
-      ),
-      status === states.CONNECTED && /* @__PURE__ */ jsx(
-        Content,
-        {
-          initial: "initial",
-          animate: "animate",
-          exit: "exit",
-          variants: contentVariants,
-          children: /* @__PURE__ */ jsxs(ModalContent, { children: [
-            /* @__PURE__ */ jsxs(ModalH1, { $valid: true, children: [
-              /* @__PURE__ */ jsx(TickIcon, {}),
-              " ",
-              locales.injectionScreen_connected_h1
-            ] }),
-            /* @__PURE__ */ jsx(ModalBody, { children: locales.injectionScreen_connected_p })
-          ] })
-        },
-        states.CONNECTED
-      ),
-      status === states.NOTCONNECTED && /* @__PURE__ */ jsx(
-        Content,
-        {
-          initial: "initial",
-          animate: "animate",
-          exit: "exit",
-          variants: contentVariants,
-          children: /* @__PURE__ */ jsxs(ModalContent, { children: [
-            /* @__PURE__ */ jsx(ModalH1, { children: locales.injectionScreen_notconnected_h1 }),
-            /* @__PURE__ */ jsx(ModalBody, { children: locales.injectionScreen_notconnected_p })
-          ] })
-        },
-        states.NOTCONNECTED
-      ),
-      status === states.UNAVAILABLE && /* @__PURE__ */ jsx(
-        Content,
-        {
-          initial: "initial",
-          animate: "animate",
-          exit: "exit",
-          variants: contentVariants,
-          children: !extensionUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(ModalContent, { style: { paddingBottom: 12 }, children: [
-              /* @__PURE__ */ jsx(ModalH1, { children: locales.injectionScreen_unavailable_h1 }),
-              /* @__PURE__ */ jsx(ModalBody, { children: locales.injectionScreen_unavailable_p })
-            ] }),
-            !isInstalled && suggestedExtension && /* @__PURE__ */ jsxs(
-              Button,
-              {
-                href: suggestedExtension?.url,
-                icon: /* @__PURE__ */ jsx(BrowserIcon, { browser: suggestedExtension?.name }),
-                children: [
-                  "Install on ",
-                  suggestedExtension?.label
-                ]
-              }
-            )
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(ModalContent, { style: { paddingBottom: 18 }, children: [
-              /* @__PURE__ */ jsx(ModalH1, { children: locales.injectionScreen_install_h1 }),
-              /* @__PURE__ */ jsx(ModalBody, { children: locales.injectionScreen_install_p })
-            ] }),
-            !isInstalled && extensionUrl && /* @__PURE__ */ jsx(Button, { href: extensionUrl, icon: /* @__PURE__ */ jsx(BrowserIcon, {}), children: locales.installTheExtension })
-          ] })
-        },
-        states.UNAVAILABLE
-      )
-    ] }) })
-  ] }) });
-};
-
-export { ConnectWithInjector as default, states };
-//# sourceMappingURL=index.js.map

package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/DaimoPayModal/ConnectWithInjector/index.tsx"],"sourcesContent":["import { AnimatePresence, Variants } from \"framer-motion\";\nimport React, { useEffect, useState } from \"react\";\nimport {\n  ConnectingAnimation,\n  ConnectingContainer,\n  Container,\n  Content,\n  RetryButton,\n  RetryIconContainer,\n} from \"./styles\";\n\nimport Alert from \"../../Common/Alert\";\nimport Button from \"../../Common/Button\";\nimport {\n  ModalBody,\n  ModalContent,\n  ModalContentContainer,\n  ModalH1,\n  ModalHeading,\n  PageContent,\n} from \"../../Common/Modal/styles\";\nimport Tooltip from \"../../Common/Tooltip\";\n\nimport SquircleSpinner from \"../../Spinners/SquircleSpinner\";\n\nimport {\n  AlertIcon,\n  ExternalLinkIcon,\n  RetryIconCircle,\n  TickIcon,\n} from \"../../../assets/icons\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { detectBrowser } from \"../../../utils\";\nimport { useWallet } from \"../../../wallets/useWallets\";\nimport BrowserIcon from \"../../Common/BrowserIcon\";\nimport CircleSpinner from \"../../Spinners/CircleSpinner\";\n\nexport const states = {\n  CONNECTED: \"connected\",\n  CONNECTING: \"connecting\",\n  EXPIRING: \"expiring\",\n  FAILED: \"failed\",\n  REJECTED: \"rejected\",\n  NOTCONNECTED: \"notconnected\",\n  UNAVAILABLE: \"unavailable\",\n};\n\nconst contentVariants: Variants = {\n  initial: {\n    willChange: \"transform,opacity\",\n    position: \"relative\",\n    opacity: 0,\n    scale: 0.95,\n  },\n  animate: {\n    position: \"relative\",\n    opacity: 1,\n    scale: 1,\n    transition: {\n      ease: [0.16, 1, 0.3, 1],\n      duration: 0.4,\n      delay: 0.05,\n      position: { delay: 0 },\n    },\n  },\n  exit: {\n    position: \"absolute\",\n    opacity: 0,\n    scale: 0.95,\n    transition: {\n      ease: [0.16, 1, 0.3, 1],\n      duration: 0.3,\n    },\n  },\n};\n\nconst ConnectWithInjector: React.FC<{\n  switchConnectMethod: (id?: string) => void;\n  forceState?: typeof states;\n}> = ({ switchConnectMethod, forceState }) => {\n  const { connect } = useConnect({\n    mutation: {\n      onMutate: (connector?: any) => {\n        if (connector.connector) {\n          setStatus(states.CONNECTING);\n        } else {\n          setStatus(states.UNAVAILABLE);\n        }\n      },\n      onError(err?: any) {\n        console.error(err);\n      },\n      onSettled(data?: any, error?: any) {\n        if (error) {\n          setShowTryAgainTooltip(true);\n          setTimeout(() => setShowTryAgainTooltip(false), 3500);\n          if (error.code) {\n            // https://github.com/MetaMask/eth-rpc-errors/blob/main/src/error-constants.ts\n            switch (error.code) {\n              case -32002:\n                setStatus(states.NOTCONNECTED);\n                break;\n              case 4001:\n                setStatus(states.REJECTED);\n                break;\n              default:\n                setStatus(states.FAILED);\n                break;\n            }\n          } else {\n            // Sometimes the error doesn't respond with a code\n            if (error.message) {\n              switch (error.message) {\n                case \"User rejected request\":\n                  setStatus(states.REJECTED);\n                  break;\n                default:\n                  setStatus(states.FAILED);\n                  break;\n              }\n            }\n          }\n        } else if (data) {\n        }\n        setTimeout(triggerResize, 100);\n      },\n    },\n  });\n\n  const { triggerResize } = usePayContext();\n  const context = usePayContext();\n  const { pendingConnectorId, paymentState } = context;\n  const walletFromConnectors = useWallet(pendingConnectorId ?? \"\");\n  // Fall back to selectedWallet for wallets from walletConfigs (e.g. unique payment options)\n  const wallet = walletFromConnectors || paymentState.selectedWallet;\n\n  const walletInfo = {\n    name: wallet?.name,\n    shortName: wallet?.shortName ?? wallet?.name,\n    icon: wallet?.iconConnector ?? wallet?.icon,\n    iconShape: wallet?.iconShape ?? \"circle\",\n    iconShouldShrink: wallet?.iconShouldShrink,\n  };\n\n  const [showTryAgainTooltip, setShowTryAgainTooltip] = useState(false);\n\n  const browser = detectBrowser();\n\n  const extensionUrl = wallet?.downloadUrls?.[browser];\n\n  const suggestedExtension = wallet?.downloadUrls\n    ? {\n        name: Object.keys(wallet?.downloadUrls)[0],\n        label:\n          Object.keys(wallet?.downloadUrls)[0]?.charAt(0).toUpperCase() +\n          Object.keys(wallet?.downloadUrls)[0]?.slice(1), // Capitalise first letter, but this might be better suited as a lookup table\n        url: wallet?.downloadUrls[Object.keys(wallet?.downloadUrls)[0]],\n      }\n    : undefined;\n\n  const hasConnector =\n    wallet && \"connector\" in wallet && wallet.connector != null;\n  const isInstalled = wallet && \"isInstalled\" in wallet && wallet.isInstalled;\n\n  const [status, setStatus] = useState(\n    forceState\n      ? forceState\n      : !isInstalled\n        ? states.UNAVAILABLE\n        : states.CONNECTING,\n  );\n\n  const locales = useLocales({\n    CONNECTORNAME: walletInfo.name,\n    CONNECTORSHORTNAME: walletInfo.shortName ?? walletInfo.name,\n    SUGGESTEDEXTENSIONBROWSER: suggestedExtension?.label ?? \"your browser\",\n  });\n\n  const runConnect = async () => {\n    if (isInstalled && hasConnector) {\n      connect({ connector: (wallet as any).connector });\n    } else {\n      setStatus(states.UNAVAILABLE);\n    }\n  };\n\n  useEffect(() => {\n    if (status === states.UNAVAILABLE) return;\n\n    // UX: Give user time to see the UI before opening the extension\n    const connectTimeout = setTimeout(runConnect, 600);\n    return () => {\n      clearTimeout(connectTimeout);\n    };\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  /** Timeout functionality if necessary\n  let expiryTimeout: any;\n  useEffect(() => {\n    if (status === states.EXPIRING) {\n      expiryTimeout = setTimeout(\n        () => {\n          if (expiryTimer <= 0) {\n            setStatus(states.FAILED);\n            setExpiryTimer(expiryDefault);\n          } else {\n            setExpiryTimer(expiryTimer - 1);\n          }\n        },\n        expiryTimer === 9 ? 1500 : 1000 // Google: Chronostasis\n      );\n    }\n    return () => {\n      clearTimeout(expiryTimeout);\n    };\n  }, [status, expiryTimer]);\n  */\n\n  if (!wallet) {\n    return (\n      <PageContent>\n        <Container>\n          <ModalHeading>{locales.invalidState_heading}</ModalHeading>\n          <ModalContent>\n            <Alert>{locales.invalidState_description}</Alert>\n          </ModalContent>\n        </Container>\n      </PageContent>\n    );\n  }\n\n  return (\n    <PageContent>\n      <Container>\n        <ConnectingContainer>\n          <ConnectingAnimation\n            $shake={status === states.FAILED || status === states.REJECTED}\n            $circle={walletInfo.iconShape === \"circle\"}\n          >\n            <AnimatePresence>\n              {(status === states.FAILED || status === states.REJECTED) && (\n                <RetryButton\n                  aria-label={locales.retry}\n                  initial={{ opacity: 0, scale: 0.8 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.8 }}\n                  whileTap={{ scale: 0.9 }}\n                  transition={{ duration: 0.1 }}\n                  onClick={runConnect}\n                >\n                  <RetryIconContainer>\n                    <Tooltip\n                      open={\n                        showTryAgainTooltip &&\n                        (status === states.FAILED || status === states.REJECTED)\n                      }\n                      message={locales.tryAgainQuestion}\n                      xOffset={-6}\n                    >\n                      <RetryIconCircle />\n                    </Tooltip>\n                  </RetryIconContainer>\n                </RetryButton>\n              )}\n            </AnimatePresence>\n            {walletInfo.iconShape === \"circle\" ? (\n              <CircleSpinner\n                logo={\n                  status === states.UNAVAILABLE ? (\n                    <div\n                      style={{\n                        transform: \"scale(1.14)\",\n                        position: \"relative\",\n                        width: \"100%\",\n                      }}\n                    >\n                      {walletInfo.icon}\n                    </div>\n                  ) : (\n                    <>{walletInfo.icon}</>\n                  )\n                }\n                smallLogo={walletInfo.iconShouldShrink}\n                loading={status === states.CONNECTING}\n                unavailable={status === states.UNAVAILABLE}\n              />\n            ) : (\n              <SquircleSpinner\n                logo={\n                  status === states.UNAVAILABLE ? (\n                    <div\n                      style={{\n                        transform: \"scale(1.14)\",\n                        position: \"relative\",\n                        width: \"100%\",\n                      }}\n                    >\n                      {walletInfo.icon}\n                    </div>\n                  ) : (\n                    <>{walletInfo.icon}</>\n                  )\n                }\n                loading={status === states.CONNECTING}\n                //unavailable={status === states.UNAVAILABLE}\n              />\n            )}\n            {/* </Tooltip> */}\n          </ConnectingAnimation>\n        </ConnectingContainer>\n        <ModalContentContainer>\n          <AnimatePresence initial={false}>\n            {status === states.FAILED && (\n              <Content\n                key={states.FAILED}\n                initial={\"initial\"}\n                animate={\"animate\"}\n                exit={\"exit\"}\n                variants={contentVariants}\n              >\n                <ModalContent>\n                  <ModalH1 $error>\n                    <AlertIcon />\n                    {locales.injectionScreen_failed_h1}\n                  </ModalH1>\n                  <ModalBody>{locales.injectionScreen_failed_p}</ModalBody>\n                </ModalContent>\n              </Content>\n            )}\n            {status === states.REJECTED && (\n              <Content\n                key={states.REJECTED}\n                initial={\"initial\"}\n                animate={\"animate\"}\n                exit={\"exit\"}\n                variants={contentVariants}\n              >\n                <ModalContent style={{ paddingBottom: 28 }}>\n                  <ModalH1>{locales.injectionScreen_rejected_h1}</ModalH1>\n                  <ModalBody>{locales.injectionScreen_rejected_p}</ModalBody>\n                </ModalContent>\n              </Content>\n            )}\n            {(status === states.CONNECTING || status === states.EXPIRING) && (\n              <Content\n                key={states.CONNECTING}\n                initial={\"initial\"}\n                animate={\"animate\"}\n                exit={\"exit\"}\n                variants={contentVariants}\n              >\n                <ModalContent style={{ paddingBottom: 28 }}>\n                  <ModalH1>\n                    {hasConnector &&\n                    (wallet as any).connector?.id === \"injected\"\n                      ? locales.injectionScreen_connecting_injected_h1\n                      : locales.injectionScreen_connecting_h1}\n                  </ModalH1>\n                  <ModalBody>\n                    {hasConnector &&\n                    (wallet as any).connector?.id === \"injected\"\n                      ? locales.injectionScreen_connecting_injected_p\n                      : locales.injectionScreen_connecting_p}\n                  </ModalBody>\n                  <Button icon={<ExternalLinkIcon />} onClick={runConnect}>\n                    Connect {walletInfo.name}\n                  </Button>\n                </ModalContent>\n              </Content>\n            )}\n            {status === states.CONNECTED && (\n              <Content\n                key={states.CONNECTED}\n                initial={\"initial\"}\n                animate={\"animate\"}\n                exit={\"exit\"}\n                variants={contentVariants}\n              >\n                <ModalContent>\n                  <ModalH1 $valid>\n                    <TickIcon /> {locales.injectionScreen_connected_h1}\n                  </ModalH1>\n                  <ModalBody>{locales.injectionScreen_connected_p}</ModalBody>\n                </ModalContent>\n              </Content>\n            )}\n            {status === states.NOTCONNECTED && (\n              <Content\n                key={states.NOTCONNECTED}\n                initial={\"initial\"}\n                animate={\"animate\"}\n                exit={\"exit\"}\n                variants={contentVariants}\n              >\n                <ModalContent>\n                  <ModalH1>{locales.injectionScreen_notconnected_h1}</ModalH1>\n                  <ModalBody>\n                    {locales.injectionScreen_notconnected_p}\n                  </ModalBody>\n                </ModalContent>\n              </Content>\n            )}\n            {status === states.UNAVAILABLE && (\n              <Content\n                key={states.UNAVAILABLE}\n                initial={\"initial\"}\n                animate={\"animate\"}\n                exit={\"exit\"}\n                variants={contentVariants}\n              >\n                {!extensionUrl ? (\n                  <>\n                    <ModalContent style={{ paddingBottom: 12 }}>\n                      <ModalH1>\n                        {locales.injectionScreen_unavailable_h1}\n                      </ModalH1>\n                      <ModalBody>\n                        {locales.injectionScreen_unavailable_p}\n                      </ModalBody>\n                    </ModalContent>\n\n                    {!isInstalled && suggestedExtension && (\n                      <Button\n                        href={suggestedExtension?.url}\n                        icon={\n                          <BrowserIcon browser={suggestedExtension?.name} />\n                        }\n                      >\n                        Install on {suggestedExtension?.label}\n                      </Button>\n                    )}\n                  </>\n                ) : (\n                  <>\n                    <ModalContent style={{ paddingBottom: 18 }}>\n                      <ModalH1>{locales.injectionScreen_install_h1}</ModalH1>\n                      <ModalBody>{locales.injectionScreen_install_p}</ModalBody>\n                    </ModalContent>\n                    {!isInstalled && extensionUrl && (\n                      <Button href={extensionUrl} icon={<BrowserIcon />}>\n                        {locales.installTheExtension}\n                      </Button>\n                    )}\n                  </>\n                )}\n              </Content>\n            )}\n          </AnimatePresence>\n        </ModalContentContainer>\n      </Container>\n    </PageContent>\n  );\n};\n\nexport default ConnectWithInjector;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuCO,MAAM,MAAS,GAAA;AAAA,EACpB,SAAW,EAAA,WAAA;AAAA,EACX,UAAY,EAAA,YAAA;AAAA,EACZ,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,QAAA;AAAA,EACR,QAAU,EAAA,UAAA;AAAA,EACV,YAAc,EAAA,cAAA;AAAA,EACd,WAAa,EAAA,aAAA;AACf,EAAA;AAEA,MAAM,eAA4B,GAAA;AAAA,EAChC,OAAS,EAAA;AAAA,IACP,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,OAAS,EAAA,CAAA;AAAA,IACT,KAAO,EAAA,IAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,IACV,OAAS,EAAA,CAAA;AAAA,IACT,KAAO,EAAA,CAAA;AAAA,IACP,UAAY,EAAA;AAAA,MACV,IAAM,EAAA,CAAC,IAAM,EAAA,CAAA,EAAG,KAAK,CAAC,CAAA;AAAA,MACtB,QAAU,EAAA,GAAA;AAAA,MACV,KAAO,EAAA,IAAA;AAAA,MACP,QAAA,EAAU,EAAE,KAAA,EAAO,CAAE,EAAA;AAAA,KACvB;AAAA,GACF;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,UAAA;AAAA,IACV,OAAS,EAAA,CAAA;AAAA,IACT,KAAO,EAAA,IAAA;AAAA,IACP,UAAY,EAAA;AAAA,MACV,IAAM,EAAA,CAAC,IAAM,EAAA,CAAA,EAAG,KAAK,CAAC,CAAA;AAAA,MACtB,QAAU,EAAA,GAAA;AAAA,KACZ;AAAA,GACF;AACF,CAAA,CAAA;AAEA,MAAM,mBAGD,GAAA,CAAC,EAAE,mBAAA,EAAqB,YAAiB,KAAA;AAC5C,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,UAAW,CAAA;AAAA,IAC7B,QAAU,EAAA;AAAA,MACR,QAAA,EAAU,CAAC,SAAoB,KAAA;AAC7B,QAAA,IAAI,UAAU,SAAW,EAAA;AACvB,UAAA,SAAA,CAAU,OAAO,UAAU,CAAA,CAAA;AAAA,SACtB,MAAA;AACL,UAAA,SAAA,CAAU,OAAO,WAAW,CAAA,CAAA;AAAA,SAC9B;AAAA,OACF;AAAA,MACA,QAAQ,GAAW,EAAA;AACjB,QAAA,OAAA,CAAQ,MAAM,GAAG,CAAA,CAAA;AAAA,OACnB;AAAA,MACA,SAAA,CAAU,MAAY,KAAa,EAAA;AACjC,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,sBAAA,CAAuB,IAAI,CAAA,CAAA;AAC3B,UAAA,UAAA,CAAW,MAAM,sBAAA,CAAuB,KAAK,CAAA,EAAG,IAAI,CAAA,CAAA;AACpD,UAAA,IAAI,MAAM,IAAM,EAAA;AAEd,YAAA,QAAQ,MAAM,IAAM;AAAA,cAClB,KAAK,CAAA,KAAA;AACH,gBAAA,SAAA,CAAU,OAAO,YAAY,CAAA,CAAA;AAC7B,gBAAA,MAAA;AAAA,cACF,KAAK,IAAA;AACH,gBAAA,SAAA,CAAU,OAAO,QAAQ,CAAA,CAAA;AACzB,gBAAA,MAAA;AAAA,cACF;AACE,gBAAA,SAAA,CAAU,OAAO,MAAM,CAAA,CAAA;AACvB,gBAAA,MAAA;AAAA,aACJ;AAAA,WACK,MAAA;AAEL,YAAA,IAAI,MAAM,OAAS,EAAA;AACjB,cAAA,QAAQ,MAAM,OAAS;AAAA,gBACrB,KAAK,uBAAA;AACH,kBAAA,SAAA,CAAU,OAAO,QAAQ,CAAA,CAAA;AACzB,kBAAA,MAAA;AAAA,gBACF;AACE,kBAAA,SAAA,CAAU,OAAO,MAAM,CAAA,CAAA;AACvB,kBAAA,MAAA;AAAA,eACJ;AAAA,aACF;AAAA,WACF;AAAA,SAEF;AACA,QAAA,UAAA,CAAW,eAAe,GAAG,CAAA,CAAA;AAAA,OAC/B;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,aAAc,EAAA,CAAA;AACxC,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAC9B,EAAM,MAAA,EAAE,kBAAoB,EAAA,YAAA,EAAiB,GAAA,OAAA,CAAA;AAC7C,EAAM,MAAA,oBAAA,GAAuB,SAAU,CAAA,kBAAA,IAAsB,EAAE,CAAA,CAAA;AAE/D,EAAM,MAAA,MAAA,GAAS,wBAAwB,YAAa,CAAA,cAAA,CAAA;AAEpD,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,MAAM,MAAQ,EAAA,IAAA;AAAA,IACd,SAAA,EAAW,MAAQ,EAAA,SAAA,IAAa,MAAQ,EAAA,IAAA;AAAA,IACxC,IAAA,EAAM,MAAQ,EAAA,aAAA,IAAiB,MAAQ,EAAA,IAAA;AAAA,IACvC,SAAA,EAAW,QAAQ,SAAa,IAAA,QAAA;AAAA,IAChC,kBAAkB,MAAQ,EAAA,gBAAA;AAAA,GAC5B,CAAA;AAEA,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEpE,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAE9B,EAAM,MAAA,YAAA,GAAe,MAAQ,EAAA,YAAA,GAAe,OAAO,CAAA,CAAA;AAEnD,EAAM,MAAA,kBAAA,GAAqB,QAAQ,YAC/B,GAAA;AAAA,IACE,MAAM,MAAO,CAAA,IAAA,CAAK,MAAQ,EAAA,YAAY,EAAE,CAAC,CAAA;AAAA,IACzC,KAAA,EACE,OAAO,IAAK,CAAA,MAAA,EAAQ,YAAY,CAAE,CAAA,CAAC,GAAG,MAAO,CAAA,CAAC,EAAE,WAAY,EAAA,GAC5D,OAAO,IAAK,CAAA,MAAA,EAAQ,YAAY,CAAE,CAAA,CAAC,CAAG,EAAA,KAAA,CAAM,CAAC,CAAA;AAAA;AAAA,IAC/C,GAAA,EAAK,QAAQ,YAAa,CAAA,MAAA,CAAO,KAAK,MAAQ,EAAA,YAAY,CAAE,CAAA,CAAC,CAAC,CAAA;AAAA,GAEhE,GAAA,KAAA,CAAA,CAAA;AAEJ,EAAA,MAAM,YACJ,GAAA,MAAA,IAAU,WAAe,IAAA,MAAA,IAAU,OAAO,SAAa,IAAA,IAAA,CAAA;AACzD,EAAA,MAAM,WAAc,GAAA,MAAA,IAAU,aAAiB,IAAA,MAAA,IAAU,MAAO,CAAA,WAAA,CAAA;AAEhE,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA;AAAA,IAC1B,aACI,UACA,GAAA,CAAC,WACC,GAAA,MAAA,CAAO,cACP,MAAO,CAAA,UAAA;AAAA,GACf,CAAA;AAEA,EAAA,MAAM,UAAU,UAAW,CAAA;AAAA,IACzB,eAAe,UAAW,CAAA,IAAA;AAAA,IAC1B,kBAAA,EAAoB,UAAW,CAAA,SAAA,IAAa,UAAW,CAAA,IAAA;AAAA,IACvD,yBAAA,EAA2B,oBAAoB,KAAS,IAAA,cAAA;AAAA,GACzD,CAAA,CAAA;AAED,EAAA,MAAM,aAAa,YAAY;AAC7B,IAAA,IAAI,eAAe,YAAc,EAAA;AAC/B,MAAA,OAAA,CAAQ,EAAE,SAAA,EAAY,MAAe,CAAA,SAAA,EAAW,CAAA,CAAA;AAAA,KAC3C,MAAA;AACL,MAAA,SAAA,CAAU,OAAO,WAAW,CAAA,CAAA;AAAA,KAC9B;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,MAAA,KAAW,OAAO,WAAa,EAAA,OAAA;AAGnC,IAAM,MAAA,cAAA,GAAiB,UAAW,CAAA,UAAA,EAAY,GAAG,CAAA,CAAA;AACjD,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,cAAc,CAAA,CAAA;AAAA,KAC7B,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAwBL,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IACE,uBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,SACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,YAAA,EAAA,EAAc,kBAAQ,oBAAqB,EAAA,CAAA;AAAA,0BAC3C,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAO,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,0BAAyB,CAC3C,EAAA,CAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,SACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,MAAA,KAAW,MAAO,CAAA,MAAA,IAAU,WAAW,MAAO,CAAA,QAAA;AAAA,QACtD,OAAA,EAAS,WAAW,SAAc,KAAA,QAAA;AAAA,QAElC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,mBACG,QAAW,EAAA,CAAA,MAAA,KAAA,MAAA,CAAO,MAAU,IAAA,MAAA,KAAW,OAAO,QAC9C,qBAAA,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,cAAY,OAAQ,CAAA,KAAA;AAAA,cACpB,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,OAAO,GAAI,EAAA;AAAA,cAClC,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,OAAO,CAAE,EAAA;AAAA,cAChC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,OAAO,GAAI,EAAA;AAAA,cAC/B,QAAA,EAAU,EAAE,KAAA,EAAO,GAAI,EAAA;AAAA,cACvB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAI,EAAA;AAAA,cAC5B,OAAS,EAAA,UAAA;AAAA,cAET,8BAAC,kBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,MACE,mBACC,KAAA,MAAA,KAAW,MAAO,CAAA,MAAA,IAAU,WAAW,MAAO,CAAA,QAAA,CAAA;AAAA,kBAEjD,SAAS,OAAQ,CAAA,gBAAA;AAAA,kBACjB,OAAS,EAAA,CAAA,CAAA;AAAA,kBAET,8BAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,iBAAA;AAAA,eAErB,EAAA,CAAA;AAAA,aAAA;AAAA,WAGN,EAAA,CAAA;AAAA,UACC,UAAA,CAAW,cAAc,QACxB,mBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,IAAA,EACE,MAAW,KAAA,MAAA,CAAO,WAChB,mBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAO,EAAA;AAAA,oBACL,SAAW,EAAA,aAAA;AAAA,oBACX,QAAU,EAAA,UAAA;AAAA,oBACV,KAAO,EAAA,MAAA;AAAA,mBACT;AAAA,kBAEC,QAAW,EAAA,UAAA,CAAA,IAAA;AAAA,iBAAA;AAAA,eACd,mBAEG,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,UAAA,CAAW,IAAK,EAAA,CAAA;AAAA,cAGvB,WAAW,UAAW,CAAA,gBAAA;AAAA,cACtB,OAAA,EAAS,WAAW,MAAO,CAAA,UAAA;AAAA,cAC3B,WAAA,EAAa,WAAW,MAAO,CAAA,WAAA;AAAA,aAAA;AAAA,WAGjC,mBAAA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,IAAA,EACE,MAAW,KAAA,MAAA,CAAO,WAChB,mBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAO,EAAA;AAAA,oBACL,SAAW,EAAA,aAAA;AAAA,oBACX,QAAU,EAAA,UAAA;AAAA,oBACV,KAAO,EAAA,MAAA;AAAA,mBACT;AAAA,kBAEC,QAAW,EAAA,UAAA,CAAA,IAAA;AAAA,iBAAA;AAAA,eACd,mBAEG,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,UAAA,CAAW,IAAK,EAAA,CAAA;AAAA,cAGvB,OAAA,EAAS,WAAW,MAAO,CAAA,UAAA;AAAA,aAAA;AAAA,WAE7B;AAAA,SAAA;AAAA,OAAA;AAAA,KAIN,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,qBAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,eAAA,EAAA,EAAgB,SAAS,KACvB,EAAA,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,OAAO,MACjB,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,SAAA;AAAA,UACT,OAAS,EAAA,SAAA;AAAA,UACT,IAAM,EAAA,MAAA;AAAA,UACN,QAAU,EAAA,eAAA;AAAA,UAEV,+BAAC,YACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,QAAM,IACb,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,cACV,OAAQ,CAAA,yBAAA;AAAA,aACX,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,SAAW,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,wBAAyB,EAAA,CAAA;AAAA,WAC/C,EAAA,CAAA;AAAA,SAAA;AAAA,QAZK,MAAO,CAAA,MAAA;AAAA,OAad;AAAA,MAED,MAAA,KAAW,OAAO,QACjB,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,SAAA;AAAA,UACT,OAAS,EAAA,SAAA;AAAA,UACT,IAAM,EAAA,MAAA;AAAA,UACN,QAAU,EAAA,eAAA;AAAA,UAEV,+BAAC,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,IACpC,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,OAAA,EAAA,EAAS,kBAAQ,2BAA4B,EAAA,CAAA;AAAA,4BAC9C,GAAA,CAAC,SAAW,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,0BAA2B,EAAA,CAAA;AAAA,WACjD,EAAA,CAAA;AAAA,SAAA;AAAA,QATK,MAAO,CAAA,QAAA;AAAA,OAUd;AAAA,MAAA,CAEA,MAAW,KAAA,MAAA,CAAO,UAAc,IAAA,MAAA,KAAW,OAAO,QAClD,qBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,SAAA;AAAA,UACT,OAAS,EAAA,SAAA;AAAA,UACT,IAAM,EAAA,MAAA;AAAA,UACN,QAAU,EAAA,eAAA;AAAA,UAEV,+BAAC,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,IACpC,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,OAAA,EAAA,EACE,0BACA,MAAe,CAAA,SAAA,EAAW,OAAO,UAC9B,GAAA,OAAA,CAAQ,sCACR,GAAA,OAAA,CAAQ,6BACd,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,SACE,EAAA,EAAA,QAAA,EAAA,YAAA,IACA,MAAe,CAAA,SAAA,EAAW,OAAO,UAC9B,GAAA,OAAA,CAAQ,qCACR,GAAA,OAAA,CAAQ,4BACd,EAAA,CAAA;AAAA,iCACC,MAAO,EAAA,EAAA,IAAA,sBAAO,gBAAiB,EAAA,EAAA,CAAA,EAAI,SAAS,UAAY,EAAA,QAAA,EAAA;AAAA,cAAA,UAAA;AAAA,cAC9C,UAAW,CAAA,IAAA;AAAA,aACtB,EAAA,CAAA;AAAA,WACF,EAAA,CAAA;AAAA,SAAA;AAAA,QAtBK,MAAO,CAAA,UAAA;AAAA,OAuBd;AAAA,MAED,MAAA,KAAW,OAAO,SACjB,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,SAAA;AAAA,UACT,OAAS,EAAA,SAAA;AAAA,UACT,IAAM,EAAA,MAAA;AAAA,UACN,QAAU,EAAA,eAAA;AAAA,UAEV,+BAAC,YACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,OAAA,EAAA,EAAQ,QAAM,IACb,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA;AAAA,cAAE,GAAA;AAAA,cAAE,OAAQ,CAAA,4BAAA;AAAA,aACxB,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,SAAW,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,2BAA4B,EAAA,CAAA;AAAA,WAClD,EAAA,CAAA;AAAA,SAAA;AAAA,QAXK,MAAO,CAAA,SAAA;AAAA,OAYd;AAAA,MAED,MAAA,KAAW,OAAO,YACjB,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,SAAA;AAAA,UACT,OAAS,EAAA,SAAA;AAAA,UACT,IAAM,EAAA,MAAA;AAAA,UACN,QAAU,EAAA,eAAA;AAAA,UAEV,+BAAC,YACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,OAAA,EAAA,EAAS,kBAAQ,+BAAgC,EAAA,CAAA;AAAA,4BAClD,GAAA,CAAC,SACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,8BACX,EAAA,CAAA;AAAA,WACF,EAAA,CAAA;AAAA,SAAA;AAAA,QAXK,MAAO,CAAA,YAAA;AAAA,OAYd;AAAA,MAED,MAAA,KAAW,OAAO,WACjB,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,OAAS,EAAA,SAAA;AAAA,UACT,OAAS,EAAA,SAAA;AAAA,UACT,IAAM,EAAA,MAAA;AAAA,UACN,QAAU,EAAA,eAAA;AAAA,UAET,QAAA,EAAA,CAAC,+BAEE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,IACpC,EAAA,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,OAAA,EAAA,EACE,kBAAQ,8BACX,EAAA,CAAA;AAAA,8BACA,GAAA,CAAC,SACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,6BACX,EAAA,CAAA;AAAA,aACF,EAAA,CAAA;AAAA,YAEC,CAAC,eAAe,kBACf,oBAAA,IAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,MAAM,kBAAoB,EAAA,GAAA;AAAA,gBAC1B,IACE,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAS,oBAAoB,IAAM,EAAA,CAAA;AAAA,gBAEnD,QAAA,EAAA;AAAA,kBAAA,aAAA;AAAA,kBACa,kBAAoB,EAAA,KAAA;AAAA,iBAAA;AAAA,eAAA;AAAA,aAClC;AAAA,WAAA,EAEJ,oBAGE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,IACpC,EAAA,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,OAAA,EAAA,EAAS,kBAAQ,0BAA2B,EAAA,CAAA;AAAA,8BAC7C,GAAA,CAAC,SAAW,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,yBAA0B,EAAA,CAAA;AAAA,aAChD,EAAA,CAAA;AAAA,YACC,CAAC,WAAA,IAAe,YACf,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,YAAc,EAAA,IAAA,kBAAO,GAAA,CAAA,WAAA,EAAA,EAAY,CAC5C,EAAA,QAAA,EAAA,OAAA,CAAQ,mBACX,EAAA,CAAA;AAAA,WAEJ,EAAA,CAAA;AAAA,SAAA;AAAA,QAvCG,MAAO,CAAA,WAAA;AAAA,OAyCd;AAAA,KAAA,EAEJ,CACF,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/styles.js

@@ -1,131 +0,0 @@
-import { motion } from 'framer-motion';
-import { keyframes, css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-import { ModalContent } from '../../Common/Modal/styles.js';
-
-const Content = styled(motion.div)`
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  position: relative;
-  left: 0;
-  right: 0;
-  ${ModalContent} {
-    padding: 0 8px 32px;
-    gap: 12px;
-  }
-`;
-const dist = 2;
-const shakeKeyframes = keyframes`
-  0%{ transform:none; }
-  25%{ transform:translateX(${dist}px); }
-  50%{ transform:translateX(-${dist}px); }
-  75%{ transform:translateX(${dist}px); }
-  100%{ transform:none; }
-`;
-const outlineKeyframes = keyframes`
-  0%{ opacity:1; }
-  100%{ opacity:0; }
-`;
-const Container = styled(motion.div)`
-  /*
-  background: var(
-    --ck-body-background
-  ); // To stop the overlay issue during transition for the squircle spinner
-  */
-`;
-const ConnectingContainer = styled(motion.div)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 10px auto 16px;
-  height: 120px;
-  //transform: scale(1.001); // fixes shifting issue between states
-`;
-const ConnectingAnimation = styled(motion.div)`
-  user-select: none;
-  position: relative;
-  --spinner-error-opacity: 0;
-  &:before {
-    content: "";
-    position: absolute;
-    inset: 1px;
-    opacity: 0;
-    background: var(--ck-body-color-danger);
-    ${(props) => props.$circle && css`
-        inset: -5px;
-        border-radius: 50%;
-        background: none;
-        box-shadow: inset 0 0 0 3.5px var(--ck-body-color-danger);
-      `}
-  }
-  ${(props) => props.$shake && css`
-      animation: ${shakeKeyframes} 220ms ease-out both;
-      &:before {
-        animation: ${outlineKeyframes} 220ms ease-out 750ms both;
-      }
-    `}
-`;
-const RetryButton = styled(motion.button)`
-  z-index: 5;
-  appearance: none;
-  position: absolute;
-  right: 2px;
-  bottom: 2px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 16px;
-  cursor: pointer;
-  overflow: hidden;
-  background: none;
-
-  color: var(--ck-body-background);
-  transition: color 200ms ease;
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
-
-  &:before {
-    z-index: 3;
-    content: "";
-    position: absolute;
-    inset: 0;
-    opacity: 0;
-    transition: opacity 200ms ease;
-    background: var(--ck-body-color);
-  }
-
-  &:hover:before {
-    opacity: 0.1;
-  }
-`;
-const RetryIconContainer = styled(motion.div)`
-  position: absolute;
-  inset: 0;
-
-  &:before {
-    z-index: 1;
-    content: "";
-    position: absolute;
-    inset: 3px;
-    border-radius: 16px;
-    background: conic-gradient(
-      from 90deg,
-      currentColor 10%,
-      var(--ck-body-color) 80%
-    );
-  }
-
-  svg {
-    z-index: 2;
-    display: block;
-    position: relative;
-    width: 100%;
-    height: 100%;
-  }
-`;
-
-export { ConnectingAnimation, ConnectingContainer, Container, Content, RetryButton, RetryIconContainer };
-//# sourceMappingURL=styles.js.map

package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/DaimoPayModal/ConnectWithInjector/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css, keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nimport { ModalContent } from \"../../Common/Modal/styles\";\n\nexport const Content = styled(motion.div)`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  position: relative;\n  left: 0;\n  right: 0;\n  ${ModalContent} {\n    padding: 0 8px 32px;\n    gap: 12px;\n  }\n`;\n\nconst dist = 2;\nconst shakeKeyframes = keyframes`\n  0%{ transform:none; }\n  25%{ transform:translateX(${dist}px); }\n  50%{ transform:translateX(-${dist}px); }\n  75%{ transform:translateX(${dist}px); }\n  100%{ transform:none; }\n`;\nconst outlineKeyframes = keyframes`\n  0%{ opacity:1; }\n  100%{ opacity:0; }\n`;\nexport const Container = styled(motion.div)`\n  /*\n  background: var(\n    --ck-body-background\n  ); // To stop the overlay issue during transition for the squircle spinner\n  */\n`;\nexport const ConnectingContainer = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px auto 16px;\n  height: 120px;\n  //transform: scale(1.001); // fixes shifting issue between states\n`;\nexport const ConnectingAnimation = styled(motion.div)<{\n  $shake: boolean;\n  $circle: boolean;\n}>`\n  user-select: none;\n  position: relative;\n  --spinner-error-opacity: 0;\n  &:before {\n    content: \"\";\n    position: absolute;\n    inset: 1px;\n    opacity: 0;\n    background: var(--ck-body-color-danger);\n    ${(props) =>\n      props.$circle &&\n      css`\n        inset: -5px;\n        border-radius: 50%;\n        background: none;\n        box-shadow: inset 0 0 0 3.5px var(--ck-body-color-danger);\n      `}\n  }\n  ${(props) =>\n    props.$shake &&\n    css`\n      animation: ${shakeKeyframes} 220ms ease-out both;\n      &:before {\n        animation: ${outlineKeyframes} 220ms ease-out 750ms both;\n      }\n    `}\n`;\n\nexport const RetryButton = styled(motion.button)`\n  z-index: 5;\n  appearance: none;\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 16px;\n  cursor: pointer;\n  overflow: hidden;\n  background: none;\n\n  color: var(--ck-body-background);\n  transition: color 200ms ease;\n  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);\n\n  &:before {\n    z-index: 3;\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    transition: opacity 200ms ease;\n    background: var(--ck-body-color);\n  }\n\n  &:hover:before {\n    opacity: 0.1;\n  }\n`;\nexport const RetryIconContainer = styled(motion.div)`\n  position: absolute;\n  inset: 0;\n\n  &:before {\n    z-index: 1;\n    content: \"\";\n    position: absolute;\n    inset: 3px;\n    border-radius: 16px;\n    background: conic-gradient(\n      from 90deg,\n      currentColor 10%,\n      var(--ck-body-color) 80%\n    );\n  }\n\n  svg {\n    z-index: 2;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n`;\n"],"names":[],"mappings":";;;;;AAMa,MAAA,OAAA,GAAU,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAOpC,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMhB,MAAM,IAAO,GAAA,CAAA,CAAA;AACb,MAAM,cAAiB,GAAA,SAAA,CAAA;AAAA;AAAA,4BAAA,EAEO,IAAI,CAAA;AAAA,6BAAA,EACH,IAAI,CAAA;AAAA,4BAAA,EACL,IAAI,CAAA;AAAA;AAAA,CAAA,CAAA;AAGlC,MAAM,gBAAmB,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAIZ,MAAA,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO7B,MAAA,mBAAA,GAAsB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQvC,MAAA,mBAAA,GAAsB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAa9C,EAAA,CAAC,KACD,KAAA,KAAA,CAAM,OACN,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKC,CAAA,CAAA;AAAA;AAAA,EAEH,EAAA,CAAC,KACD,KAAA,KAAA,CAAM,MACN,IAAA,GAAA,CAAA;AAAA,iBAAA,EACe,cAAc,CAAA;AAAA;AAAA,mBAAA,EAEZ,gBAAgB,CAAA;AAAA;AAAA,IAEhC,CAAA,CAAA;AAAA,EAAA;AAGQ,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAmClC,MAAA,kBAAA,GAAqB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithQRCode.js

@@ -1,86 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { usePayContext } from '../../hooks/usePayContext.js';
-import { PageContent, ModalContent } from '../Common/Modal/styles.js';
-import ScanIconWithLogos from '../../assets/ScanIconWithLogos.js';
-import { useDaimoPay } from '../../hooks/useDaimoPay.js';
-import useLocales from '../../hooks/useLocales.js';
-import CustomQRCode from '../Common/CustomQRCode/index.js';
-import { writeDaimoPayOrderID } from '@daimo/pay-common';
-import { SquircleIcon } from '../../assets/logos.js';
-import { MobileWithLogos } from '../../assets/MobileWithLogos.js';
-import { ROUTES } from '../../constants/routes.js';
-import { WALLET_ID_MOBILE_WALLETS } from '../../constants/wallets.js';
-import useIsMobile from '../../hooks/useIsMobile.js';
-import { useWallet } from '../../wallets/useWallets.js';
-import { OrderHeader } from '../Common/OrderHeader/index.js';
-
-const ConnectWithQRCode = ({
-  externalUrl
-}) => {
-  const context = usePayContext();
-  const { isAndroid, isIOS } = useIsMobile();
-  const { pendingConnectorId, paymentState } = context;
-  const walletFromConnectors = useWallet(pendingConnectorId ?? "");
-  const wallet = walletFromConnectors || paymentState.selectedWallet;
-  const externalOption = paymentState.selectedExternalOption;
-  const pay = useDaimoPay();
-  const locales = useLocales({
-    CONNECTORNAME: wallet?.name ?? externalOption?.id
-  });
-  if (!wallet && !externalOption)
-    return /* @__PURE__ */ jsx(Fragment, { children: " No wallet or external option found " });
-  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : "";
-  const platform = isIOS ? "ios" : isAndroid ? "android" : "other";
-  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;
-  const walletDeeplink = wallet?.getDaimoPayDeeplink ? wallet.getDaimoPayDeeplink(payId, platform) : null;
-  const url = externalUrl ?? // QR code opens eg. Binance
-  walletDeeplink ?? // open in wallet
-  `https://pay.daimo.com/pay?id=${payId}&mode=browser`;
-  const isUniquePaymentOption = context.uniquePaymentMethodPage === ROUTES.CONNECT || context.uniquePaymentMethodPage === ROUTES.WAITING_EXTERNAL;
-  return /* @__PURE__ */ jsxs(PageContent, { children: [
-    isUniquePaymentOption && /* @__PURE__ */ jsx(OrderHeader, {}),
-    /* @__PURE__ */ jsx(ModalContent, { style: { paddingBottom: 8 }, children: /* @__PURE__ */ jsx(
-      CustomQRCode,
-      {
-        value: url,
-        image: externalOption?.logoURI ? /* @__PURE__ */ jsx(SquircleIcon, { icon: externalOption.logoURI, alt: "Logo" }) : wallet?.id ? wallet.icon : /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              width: "100%",
-              height: "100%",
-              borderRadius: "22.5%",
-              overflow: "hidden",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              backgroundColor: "var(--ck-body-background)",
-              transform: "scale(1.3) translateY(5%)",
-              transformOrigin: "center center"
-            },
-            children: /* @__PURE__ */ jsx(MobileWithLogos, {})
-          }
-        ),
-        tooltipMessage: isDesktopLinkToMobileWallets ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ScanIconWithLogos, {}),
-          /* @__PURE__ */ jsxs("span", { children: [
-            "Finish the payment ",
-            /* @__PURE__ */ jsx("br", {}),
-            "on your mobile phone"
-          ] })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            ScanIconWithLogos,
-            {
-              logo: externalOption?.logoURI ? /* @__PURE__ */ jsx(SquircleIcon, { icon: externalOption.logoURI, alt: "Logo" }) : wallet?.icon
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: locales.scanScreen_tooltip_default })
-        ] })
-      }
-    ) })
-  ] });
-};
-
-export { ConnectWithQRCode as default };
-//# sourceMappingURL=ConnectWithQRCode.js.map

package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithQRCode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectWithQRCode.js","sources":["../../../../../../../src/components/DaimoPayModal/ConnectWithQRCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { usePayContext } from \"../../hooks/usePayContext\";\n\nimport { ModalContent, PageContent } from \"../Common/Modal/styles\";\n\nimport ScanIconWithLogos from \"../../assets/ScanIconWithLogos\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport CustomQRCode from \"../Common/CustomQRCode\";\n\nimport { writeDaimoPayOrderID } from \"@daimo/pay-common\";\nimport { SquircleIcon } from \"../../assets/logos\";\nimport MobileWithLogos from \"../../assets/MobileWithLogos\";\nimport { ROUTES } from \"../../constants/routes\";\nimport { WALLET_ID_MOBILE_WALLETS } from \"../../constants/wallets\";\nimport useIsMobile from \"../../hooks/useIsMobile\";\nimport { useWallet } from \"../../wallets/useWallets\";\nimport { OrderHeader } from \"../Common/OrderHeader\";\n\n/**\n * Continues a Daimo Pay flow in another app.\n * - If the pendingConnectorId is a mobile wallet, deeplink directly into that\n *   wallet. This opens the flow in eg. the Rainbow in-app browser, letting the\n *   user finish the flow in a single app switch instead of multiple.\n * - If the pendingConnectorId is MOBILE_WALLETS_CONNECTOR_ID, then show a QR\n *   that the user can scan from their phone. This opens the flow in eg. mobile\n *   Safari, letting them pick which app they want to use & finish there.\n * - If the pendingConnectorId is a walletConfig, then show a QR that the user can scan\n *   from their phone. This deeplinks into the wallet's checkout page\n */\nconst ConnectWithQRCode: React.FC<{ externalUrl?: string | null }> = ({\n  externalUrl,\n}) => {\n  const context = usePayContext();\n  const { isAndroid, isIOS } = useIsMobile();\n  const { pendingConnectorId, paymentState } = context;\n  const walletFromConnectors = useWallet(pendingConnectorId ?? \"\");\n  // Fall back to selectedWallet for wallets from walletConfigs (e.g. unique payment options)\n  const wallet = walletFromConnectors || paymentState.selectedWallet;\n  const externalOption = paymentState.selectedExternalOption;\n  const pay = useDaimoPay();\n\n  const locales = useLocales({\n    CONNECTORNAME: wallet?.name ?? externalOption?.id,\n  });\n\n  if (!wallet && !externalOption)\n    return <> No wallet or external option found </>;\n\n  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : \"\";\n  const platform = isIOS ? \"ios\" : isAndroid ? \"android\" : \"other\";\n\n  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;\n  const walletDeeplink = wallet?.getDaimoPayDeeplink\n    ? wallet.getDaimoPayDeeplink(payId, platform)\n    : null;\n\n  const url =\n    externalUrl ?? // QR code opens eg. Binance\n    walletDeeplink ?? // open in wallet\n    `https://pay.daimo.com/pay?id=${payId}&mode=browser`; // browser\n\n  // Show order header only for unique payment option scenario\n  const isUniquePaymentOption =\n    context.uniquePaymentMethodPage === ROUTES.CONNECT ||\n    context.uniquePaymentMethodPage === ROUTES.WAITING_EXTERNAL;\n\n  return (\n    <PageContent>\n      {isUniquePaymentOption && <OrderHeader />}\n      <ModalContent style={{ paddingBottom: 8 }}>\n        <CustomQRCode\n          value={url}\n          image={\n            externalOption?.logoURI ? (\n              <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n            ) : wallet?.id ? (\n              wallet.icon\n            ) : (\n              <div\n                style={{\n                  width: \"100%\",\n                  height: \"100%\",\n                  borderRadius: \"22.5%\",\n                  overflow: \"hidden\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  backgroundColor: \"var(--ck-body-background)\",\n                  transform: \"scale(1.3) translateY(5%)\",\n                  transformOrigin: \"center center\",\n                }}\n              >\n                <MobileWithLogos />\n              </div>\n            )\n          }\n          tooltipMessage={\n            isDesktopLinkToMobileWallets ? (\n              <>\n                <ScanIconWithLogos />\n                <span>\n                  Finish the payment <br />\n                  on your mobile phone\n                </span>\n              </>\n            ) : (\n              <>\n                <ScanIconWithLogos\n                  logo={\n                    externalOption?.logoURI ? (\n                      <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n                    ) : (\n                      wallet?.icon\n                    )\n                  }\n                />\n                <span>{locales.scanScreen_tooltip_default}</span>\n              </>\n            )\n          }\n        />\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nexport default ConnectWithQRCode;\n"],"names":[],"mappings":"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"}