@daimo/pay 1.16.0 → 1.16.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/DaimoPayModal/ConnectWithInjector/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"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/src/components/DaimoPayModal/ConnectWithInjector/styles.js

@@ -3,7 +3,7 @@ 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) `
+const Content = styled(motion.div)`
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -16,25 +16,25 @@ const Content = styled(motion.div) `
   }
 `;
 const dist = 2;
-const shakeKeyframes = keyframes `
+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 `
+const outlineKeyframes = keyframes`
   0%{ opacity:1; }
   100%{ opacity:0; }
 `;
-const Container = styled(motion.div) `
+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) `
+const ConnectingContainer = styled(motion.div)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -42,7 +42,7 @@ const ConnectingContainer = styled(motion.div) `
   height: 120px;
   //transform: scale(1.001); // fixes shifting issue between states
 `;
-const ConnectingAnimation = styled(motion.div) `
+const ConnectingAnimation = styled(motion.div)`
   user-select: none;
   position: relative;
   --spinner-error-opacity: 0;
@@ -52,23 +52,21 @@ const ConnectingAnimation = styled(motion.div) `
     inset: 1px;
     opacity: 0;
     background: var(--ck-body-color-danger);
-    ${(props) => props.$circle &&
-    css `
+    ${(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 `
+  ${(props) => props.$shake && css`
       animation: ${shakeKeyframes} 220ms ease-out both;
       &:before {
         animation: ${outlineKeyframes} 220ms ease-out 750ms both;
       }
     `}
 `;
-const RetryButton = styled(motion.button) `
+const RetryButton = styled(motion.button)`
   z-index: 5;
   appearance: none;
   position: absolute;
@@ -103,7 +101,7 @@ const RetryButton = styled(motion.button) `
     opacity: 0.1;
   }
 `;
-const RetryIconContainer = styled(motion.div) `
+const RetryIconContainer = styled(motion.div)`
   position: absolute;
   inset: 0;
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/DaimoPayModal/ConnectWithInjector/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMa,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;IAOrC,YAAY,CAAA;;;;EAId;AAEF,MAAM,IAAI,GAAG,CAAC,CAAC;AACf,MAAM,cAAc,GAAG,SAAS,CAAA,CAAA;;8BAEF,IAAI,CAAA;+BACH,IAAI,CAAA;8BACL,IAAI,CAAA;;CAEjC,CAAC;AACF,MAAM,gBAAgB,GAAG,SAAS,CAAA,CAAA;;;CAGjC,CAAC;AACW,MAAA,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;EAMzC;AACW,MAAA,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;EAOnD;AACW,MAAA,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAGnD,CAAA;;;;;;;;;;AAUI,IAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,OAAO;AACb,IAAA,GAAG,CAAA,CAAA;;;;;AAKF,MAAA,CAAA,CAAA;;AAEH,EAAA,EAAA,CAAC,KAAK,KACN,KAAK,CAAC,MAAM;AACZ,IAAA,GAAG,CAAA,CAAA;mBACY,cAAc,CAAA;;qBAEZ,gBAAgB,CAAA;;AAEhC,IAAA,CAAA,CAAA;EACH;AAEW,MAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkC9C;AACW,MAAA,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/src/components/DaimoPayModal/ConnectWithQRCode.js

@@ -13,46 +13,76 @@ import { writeDaimoPayOrderID } from '@daimo/pay-common';
 import { MobileWithLogos } from '../../assets/MobileWithLogos.js';
 import { useWallet, WALLET_ID_MOBILE_WALLETS } from '../../wallets/useWallets.js';
 
-/**
- * Continues a Daimo Pay flow in another app.
- * - If the pendingConnectorId is a mobile wallet, deeplink directly into that
- *   wallet. This opens the flow in eg. the Rainbow in-app browser, letting the
- *   user finish the flow in a single app switch instead of multiple.
- * - If the pendingConnectorId is MOBILE_WALLETS_CONNECTOR_ID, then show a QR
- *   that the user can scan from their phone. This opens the flow in eg. mobile
- *   Safari, letting them pick which app they want to use & finish there.
- */
 const ConnectWithQRCode = () => {
-    const context = usePayContext();
-    const { pendingConnectorId } = context;
-    const wallet = useWallet(pendingConnectorId ?? "");
-    const pay = useDaimoPay();
-    const locales = useLocales({
-        CONNECTORNAME: wallet?.name,
-    });
-    if (!wallet)
-        return jsxs(Fragment, { children: ["Wallet not found ", pendingConnectorId] });
-    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 url = `https://pay.daimo.com/pay?id=${payId}&mode=${mode}`;
-    return (jsxs(PageContent, { children: [jsxs(ModalContent, { style: { paddingBottom: 8, gap: 14 }, children: [jsx(CustomQRCode, { value: url, image: 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: jsx(MobileWithLogos, {}) }), tooltipMessage: isDesktopLinkToMobileWallets ? (jsxs(Fragment, { children: [jsx(ScanIconWithLogos, {}), jsxs("span", { children: ["Finish the payment ", jsx("br", {}), "on your mobile phone"] })] })) : (jsxs(Fragment, { children: [jsx(ScanIconWithLogos, { logo: wallet?.icon }), jsx("span", { children: locales.scanScreen_tooltip_default })] })) }), (hasApps && jsx(OrDivider, { children: locales.dontHaveTheApp }))] }), showAdditionalOptions , hasApps && (jsx(Fragment, { children: jsx(Button, { onClick: () => {
-                        context.setRoute(ROUTES.DOWNLOAD);
-                    }, download: true, children: locales.getWalletName }) }))] }));
+  const context = usePayContext();
+  const { pendingConnectorId } = context;
+  const wallet = useWallet(pendingConnectorId ?? "");
+  const pay = useDaimoPay();
+  const locales = useLocales({
+    CONNECTORNAME: wallet?.name
+  });
+  if (!wallet) return /* @__PURE__ */ jsxs(Fragment, { children: [
+    "Wallet not found ",
+    pendingConnectorId
+  ] });
+  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 url = `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: /* @__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: 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 };

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectWithQRCode.js","sources":["../../../../src/components/DaimoPayModal/ConnectWithQRCode.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;AAkBA;;;;;;;;AAQG;AACG,MAAA,iBAAiB,GAAiB,MAAK;AAC3C,IAAA,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;AAChC,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IACvC,MAAM,MAAM,GAAG,SAAS,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC;AACnD,IAAA,MAAM,GAAG,GAAG,WAAW,EAAE,CAAC;IAE1B,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,aAAa,EAAE,MAAM,EAAE,IAAI;AAC5B,KAAA,CAAC,CAAC;AAEH,IAAA,IAAI,CAAC,MAAM;QAAE,OAAOA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,EAAoB,kBAAkB,CAAA,EAAA,CAAI,CAAC;AAE/D,IAAA,MAAM,SAAS,GAAG,MAAM,EAAE,YAAY,CAAC;AACvC,IAAA,MAAM,OAAO,GAAG,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IACjE,MAAM,qBAAqB,GAAG,KAAK,CAAC;IACpC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,GAAG,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;AAElE,IAAA,MAAM,4BAA4B,GAAG,MAAM,EAAE,EAAE,KAAK,wBAAwB,CAAC;IAC7E,MAAM,IAAI,GAAG,4BAA4B,GAAG,SAAS,GAAG,QAAQ,CAAC;AACjE,IAAA,MAAM,GAAG,GAAG,CAAA,6BAAA,EAAgC,KAAK,CAAS,MAAA,EAAA,IAAI,EAAE,CAAC;AAEjE,IAAA,QACED,IAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVA,IAAC,CAAA,YAAY,EAAC,EAAA,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CAChDE,GAAC,CAAA,YAAY,EACX,EAAA,KAAK,EAAE,GAAG,EACV,KAAK,EACHA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,MAAM,EAAE,MAAM;AACd,gCAAA,YAAY,EAAE,OAAO;AACrB,gCAAA,QAAQ,EAAE,QAAQ;AAClB,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,cAAc,EAAE,QAAQ;AACxB,gCAAA,eAAe,EAAE,2BAA2B;AAC5C,gCAAA,SAAS,EAAE,2BAA2B;AACtC,gCAAA,eAAe,EAAE,eAAe;AACjC,6BAAA,EAAA,QAAA,EAEDA,IAAC,eAAe,EAAA,EAAA,CAAG,EACf,CAAA,EAER,cAAc,EACZ,4BAA4B,IAC1BF,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAC,CAAA,iBAAiB,KAAG,EACrBF,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,EACqBE,GAAM,CAAA,IAAA,EAAA,EAAA,CAAA,EAAA,sBAAA,CAAA,EAAA,CAEpB,IACN,KAEHF,IACE,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,EACzCA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,OAAO,CAAC,0BAA0B,EAAQ,CAAA,CAAA,EAAA,CAChD,CACJ,EAAA,CAEH,EAGE,CACF,OAAO,IAAIA,GAAC,CAAA,SAAS,EAAE,EAAA,QAAA,EAAA,OAAO,CAAC,cAAc,EAAA,CAAa,CAC3D,CAAA,EAAA,CACY,EAEd,qBAAqB,CAarB,EAEA,OAAO,KACNA,GAAA,CAAAD,QAAA,EAAA,EAAA,QAAA,EACEC,GAAC,CAAA,MAAM,EACL,EAAA,OAAO,EAAE,MAAK;AACZ,wBAAA,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;qBACnC,EACD,QAAQ,EAAA,IAAA,EAAA,QAAA,EAEP,OAAO,CAAC,aAAa,EAAA,CACf,EACR,CAAA,CACJ,CACW,EAAA,CAAA,EACd;AACJ;;;;"}
+{"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 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 */\nconst ConnectWithQRCode: React.FC<{}> = () => {\n  const context = usePayContext();\n  const { pendingConnectorId } = context;\n  const wallet = useWallet(pendingConnectorId ?? \"\");\n  const pay = useDaimoPay();\n\n  const locales = useLocales({\n    CONNECTORNAME: wallet?.name,\n  });\n\n  if (!wallet) return <>Wallet not found {pendingConnectorId}</>;\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 url = `https://pay.daimo.com/pay?id=${payId}&mode=${mode}`;\n\n  return (\n    <PageContent>\n      <ModalContent style={{ paddingBottom: 8, gap: 14 }}>\n        <CustomQRCode\n          value={url}\n          image={\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          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 logo={wallet?.icon} />\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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"}