@daimo/pay 1.19.3 → 1.19.4

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

@@ -0,0 +1,335 @@
+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 { pendingConnectorId } = usePayContext();
+  const wallet = useWallet(pendingConnectorId ?? "");
+  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 [status, setStatus] = useState(
+    forceState ? forceState : !wallet?.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 (wallet?.isInstalled && wallet?.connector) {
+      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: wallet.connector?.id === "injected" ? locales.injectionScreen_connecting_injected_h1 : locales.injectionScreen_connecting_h1 }),
+            /* @__PURE__ */ jsx(ModalBody, { children: 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 })
+            ] }),
+            !wallet.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 })
+            ] }),
+            !wallet.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/connectkit/src/components/DaimoPayModal/ConnectWithInjector/index.js.map

@@ -0,0 +1 @@
+{"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 { pendingConnectorId } = usePayContext();\n  const wallet = useWallet(pendingConnectorId ?? \"\");\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 [status, setStatus] = useState(\n    forceState\n      ? forceState\n      : !wallet?.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 (wallet?.isInstalled && wallet?.connector) {\n      connect({ connector: wallet?.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                    {wallet.connector?.id === \"injected\"\n                      ? locales.injectionScreen_connecting_injected_h1\n                      : locales.injectionScreen_connecting_h1}\n                  </ModalH1>\n                  <ModalBody>\n                    {wallet.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                    {!wallet.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                    {!wallet.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":"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"}

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

@@ -0,0 +1,131 @@
+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/connectkit/src/components/DaimoPayModal/ConnectWithInjector/styles.js.map

@@ -0,0 +1 @@
+{"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/connectkit/src/components/DaimoPayModal/ConnectWithQRCode.js

@@ -0,0 +1,99 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { ROUTES } from '../../constants/routes.js';
+import { usePayContext } from '../../hooks/usePayContext.js';
+import { OrDivider } from '../Common/Modal/index.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 Button from '../Common/Button/index.js';
+import '../Common/CopyToClipboard/index.js';
+import CustomQRCode from '../Common/CustomQRCode/index.js';
+import { writeDaimoPayOrderID } from '@daimo/pay-common';
+import Logos, { SquircleIcon } from '../../assets/logos.js';
+import { MobileWithLogos } from '../../assets/MobileWithLogos.js';
+import { useWallet, WALLET_ID_MOBILE_WALLETS } from '../../wallets/useWallets.js';
+
+const ConnectWithQRCode = ({
+  externalUrl
+}) => {
+  const context = usePayContext();
+  const { pendingConnectorId, paymentState } = context;
+  const wallet = useWallet(pendingConnectorId ?? "");
+  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 downloads = wallet?.downloadUrls;
+  const hasApps = downloads && Object.keys(downloads).length !== 0;
+  const showAdditionalOptions = false;
+  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : "";
+  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;
+  const mode = isDesktopLinkToMobileWallets ? "browser" : "wallet";
+  const worldDeeplink = wallet?.id === "world" && wallet?.getDaimoPayDeeplink ? wallet.getDaimoPayDeeplink(payId) : null;
+  const url = externalUrl ?? // QR code opens eg. Binance
+  worldDeeplink ?? // open in World App
+  `https://pay.daimo.com/pay?id=${payId}&mode=${mode}`;
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsxs(ModalContent, { style: { paddingBottom: 8, gap: 14 }, children: [
+      /* @__PURE__ */ jsx(
+        CustomQRCode,
+        {
+          value: url,
+          image: wallet?.id === "world" ? /* @__PURE__ */ jsx(SquircleIcon, { icon: Logos.World, alt: "World" }) : externalOption?.logoURI ? /* @__PURE__ */ jsx(SquircleIcon, { icon: externalOption.logoURI, alt: "Logo" }) : /* @__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 })
+          ] })
+        }
+      ),
+      hasApps && /* @__PURE__ */ jsx(OrDivider, { children: locales.dontHaveTheApp })
+    ] }),
+    showAdditionalOptions ,
+    hasApps && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: () => {
+          context.setRoute(ROUTES.DOWNLOAD);
+        },
+        download: true,
+        children: locales.getWalletName
+      }
+    ) })
+  ] });
+};
+
+export { ConnectWithQRCode as default };
+//# sourceMappingURL=ConnectWithQRCode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWithQRCode.js","sources":["../../../../../src/components/DaimoPayModal/ConnectWithQRCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../constants/routes\";\nimport { usePayContext } from \"../../hooks/usePayContext\";\n\nimport { OrDivider } from \"../Common/Modal\";\nimport { ModalContent, PageContent } from \"../Common/Modal/styles\";\n\nimport ScanIconWithLogos from \"../../assets/ScanIconWithLogos\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport Button from \"../Common/Button\";\nimport CopyToClipboard from \"../Common/CopyToClipboard\";\nimport CustomQRCode from \"../Common/CustomQRCode\";\n\nimport { writeDaimoPayOrderID } from \"@daimo/pay-common\";\nimport Logos, { SquircleIcon } from \"../../assets/logos\";\nimport MobileWithLogos from \"../../assets/MobileWithLogos\";\nimport { useWallet, WALLET_ID_MOBILE_WALLETS } from \"../../wallets/useWallets\";\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 world, then show a QR that the user can scan\n *   from their phone. This deeplinks into the World Mini App\n */\nconst ConnectWithQRCode: React.FC<{ externalUrl: string }> = ({\n  externalUrl,\n}) => {\n  const context = usePayContext();\n  const { pendingConnectorId, paymentState } = context;\n  const wallet = useWallet(pendingConnectorId ?? \"\");\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 downloads = wallet?.downloadUrls;\n  const hasApps = downloads && Object.keys(downloads).length !== 0;\n  const showAdditionalOptions = false;\n  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : \"\";\n\n  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;\n  const mode = isDesktopLinkToMobileWallets ? \"browser\" : \"wallet\";\n  const worldDeeplink =\n    wallet?.id === \"world\" && wallet?.getDaimoPayDeeplink\n      ? wallet.getDaimoPayDeeplink(payId)\n      : null;\n  const url =\n    externalUrl ?? // QR code opens eg. Binance\n    worldDeeplink ?? // open in World App\n    `https://pay.daimo.com/pay?id=${payId}&mode=${mode}`; // browser\n\n  return (\n    <PageContent>\n      <ModalContent style={{ paddingBottom: 8, gap: 14 }}>\n        <CustomQRCode\n          value={url}\n          image={\n            wallet?.id === \"world\" ? (\n              <SquircleIcon icon={Logos.World} alt=\"World\" />\n            ) : externalOption?.logoURI ? (\n              <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\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        {showAdditionalOptions ? (\n          <OrDivider />\n        ) : (\n          hasApps && <OrDivider>{locales.dontHaveTheApp}</OrDivider>\n        )}\n      </ModalContent>\n\n      {showAdditionalOptions && (\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            gap: 14,\n          }}\n        >\n          <CopyToClipboard variant=\"button\" string={\"\"}>\n            {locales.copyToClipboard}\n          </CopyToClipboard>\n        </div>\n      )}\n\n      {hasApps && (\n        <>\n          <Button\n            onClick={() => {\n              context.setRoute(ROUTES.DOWNLOAD);\n            }}\n            download\n          >\n            {locales.getWalletName}\n          </Button>\n        </>\n      )}\n    </PageContent>\n  );\n};\n\nexport default ConnectWithQRCode;\n"],"names":[],"mappings":"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"}