@daimo/pay 1.18.3 → 1.19.1

package/build/src/components/Common/ConnectorList/index.js

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ROUTES } from '../../../constants/routes.js';
+import { WALLET_ID_OTHER_WALLET } from '../../../constants/wallets.js';
 import { useConnect } from '../../../hooks/useConnect.js';
 import { useDaimoPay } from '../../../hooks/useDaimoPay.js';
 import useIsMobile from '../../../hooks/useIsMobile.js';
 import { useLastConnector } from '../../../hooks/useLastConnector.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
 import { detectBrowser, isBaseAccountConnector, isGeminiConnector } from '../../../utils/index.js';
-import { useWallets, WALLET_ID_OTHER_WALLET, WALLET_ID_MOBILE_WALLETS } from '../../../wallets/useWallets.js';
+import { useWallets, isExternalWallet } from '../../../wallets/useWallets.js';
 import { ScrollArea } from '../ScrollArea/index.js';
 import Alert from '../Alert/index.js';
 import { ConnectorsContainer, ConnectorButton, ConnectorIcon, ConnectorLabel, RecentlyUsedTag, SkeletonIcon, SkeletonLabel } from './styles.js';
@@ -17,11 +18,18 @@ const ConnectorList = () => {
   const wallets = useWallets(isMobile);
   const { lastConnectorId } = useLastConnector();
   const { paymentState } = useDaimoPay();
+  const prioritizedId = context.paymentState.buttonProps?.prioritizedWalletId;
   const walletsToDisplay = context.options?.hideRecentBadge ? wallets : [
-    // move last used wallet to top of list
-    // using .filter and spread to avoid mutating original array order with .sort
-    ...wallets.filter((wallet) => lastConnectorId === wallet.connector?.id),
-    ...wallets.filter((wallet) => lastConnectorId !== wallet.connector?.id)
+    // prioritized wallet at very top
+    ...wallets.filter((wallet) => wallet.id === prioritizedId),
+    // then recent wallet if different from prioritized
+    ...wallets.filter(
+      (wallet) => lastConnectorId === wallet.connector?.id && wallet.id !== prioritizedId
+    ),
+    // remaining wallets
+    ...wallets.filter(
+      (wallet) => wallet.id !== prioritizedId && lastConnectorId !== wallet.connector?.id
+    )
   ];
   const shouldWaitForHydration = isMobile && !context.paymentState.isDepositFlow;
   const ready = !shouldWaitForHydration || paymentState === "payment_unpaid";
@@ -46,10 +54,9 @@ const ConnectorItem = ({
   const context = usePayContext();
   const { connect } = useConnect();
   const redirectToMoreWallets = isMobile && wallet.id === WALLET_ID_OTHER_WALLET;
-  const redirectToMobileWallets = wallet.id === WALLET_ID_MOBILE_WALLETS;
-  const redirectToWorld = wallet.id === "world";
+  const isExternalWalletFlow = isExternalWallet(wallet);
   const shouldConnectImmediately = (detectBrowser() === "safari" || detectBrowser() === "ios") && (isBaseAccountConnector(wallet.connector?.id) || isGeminiConnector(wallet.connector?.id));
-  const onClick = () => {
+  const onClick = async () => {
     const meta = { event: "connector-list-click", walletId: wallet.id };
     if (wallet.solanaConnectorName && !isMobile) {
       const supportsEvm = wallet.connector?.name != null;
@@ -65,27 +72,21 @@ const ConnectorItem = ({
     }
     if (redirectToMoreWallets) {
       context.setRoute(ROUTES.MOBILECONNECTORS, meta);
-    } else if (redirectToMobileWallets) {
-      if (context.paymentState.isDepositFlow) {
-        context.paymentState.setSelectedWallet(wallet);
-        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
-      } else {
-        context.setPendingConnectorId(WALLET_ID_MOBILE_WALLETS);
-        context.setRoute(ROUTES.CONNECT, meta);
-      }
-    } else if (redirectToWorld) {
+    } else if (isExternalWalletFlow) {
       if (context.paymentState.isDepositFlow) {
         context.paymentState.setSelectedWallet(wallet);
         context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
+      } else if (isMobile) {
+        await context.paymentState.openInWalletBrowser(wallet);
       } else {
-        context.setPendingConnectorId("world");
+        context.setPendingConnectorId(wallet.id);
         context.setRoute(ROUTES.CONNECT, meta);
       }
     } else if (context.paymentState.isDepositFlow && isMobile && !wallet.connector) {
       context.paymentState.setSelectedWallet(wallet);
       context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
-    } else if (isMobile && wallet.getDaimoPayDeeplink != null && !wallet.connector) {
-      context.paymentState.openInWalletBrowser(wallet);
+    } else if (isMobile && wallet.getDaimoPayDeeplink != null) {
+      await context.paymentState.openInWalletBrowser(wallet);
     } else {
       if (shouldConnectImmediately) {
         connect({ connector: wallet.connector });

package/build/src/components/Common/ConnectorList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ConnectorList/index.tsx"],"sourcesContent":["import { ROUTES } from \"../../../constants/routes\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { useLastConnector } from \"../../../hooks/useLastConnector\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport {\n  detectBrowser,\n  isBaseAccountConnector,\n  isGeminiConnector,\n} from \"../../../utils\";\nimport {\n  WALLET_ID_MOBILE_WALLETS,\n  WALLET_ID_OTHER_WALLET,\n  WalletProps,\n  useWallets,\n} from \"../../../wallets/useWallets\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport Alert from \"../Alert\";\nimport {\n  ConnectorButton,\n  ConnectorIcon,\n  ConnectorLabel,\n  ConnectorsContainer,\n  RecentlyUsedTag,\n  SkeletonIcon,\n  SkeletonLabel,\n} from \"./styles\";\n\nconst ConnectorList = () => {\n  const context = usePayContext();\n  const { isMobile } = useIsMobile();\n\n  const wallets = useWallets(isMobile);\n  const { lastConnectorId } = useLastConnector();\n  const { paymentState } = useDaimoPay();\n\n  const walletsToDisplay = context.options?.hideRecentBadge\n    ? wallets\n    : [\n        // move last used wallet to top of list\n        // using .filter and spread to avoid mutating original array order with .sort\n        ...wallets.filter((wallet) => lastConnectorId === wallet.connector?.id),\n        ...wallets.filter((wallet) => lastConnectorId !== wallet.connector?.id),\n      ];\n\n  // For mobile flow, we need to wait for the order to be hydrated before\n  // we can deeplink to the in-wallet browser.\n  const shouldWaitForHydration =\n    isMobile && !context.paymentState.isDepositFlow;\n  const ready = !shouldWaitForHydration || paymentState === \"payment_unpaid\";\n\n  return (\n    <ScrollArea mobileDirection={\"horizontal\"}>\n      {walletsToDisplay.length === 0 && (\n        <Alert error>No connectors found in ConnectKit config.</Alert>\n      )}\n      {!ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((_, idx) => (\n            <SkeletonConnectorItem key={idx} />\n          ))}\n        </ConnectorsContainer>\n      )}\n      {ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((wallet) => (\n            <ConnectorItem\n              key={wallet.id}\n              wallet={wallet}\n              isRecent={wallet.id === lastConnectorId}\n            />\n          ))}\n        </ConnectorsContainer>\n      )}\n    </ScrollArea>\n  );\n};\n\nexport default ConnectorList;\n\nconst ConnectorItem = ({\n  wallet,\n  isRecent,\n}: {\n  wallet: WalletProps;\n  isRecent?: boolean;\n}) => {\n  const { isMobile } = useIsMobile();\n  const context = usePayContext();\n  const { connect } = useConnect();\n\n  // The \"Other\" 2x2 connector, goes to the MobileConnectors page.\n  const redirectToMoreWallets =\n    isMobile && wallet.id === WALLET_ID_OTHER_WALLET;\n  const redirectToMobileWallets = wallet.id === WALLET_ID_MOBILE_WALLETS;\n  const redirectToWorld = wallet.id === \"world\";\n\n  // Safari requires opening popup on user gesture, so we connect immediately here\n  const shouldConnectImmediately =\n    (detectBrowser() === \"safari\" || detectBrowser() === \"ios\") &&\n    (isBaseAccountConnector(wallet.connector?.id) ||\n      isGeminiConnector(wallet.connector?.id));\n\n  const onClick = () => {\n    const meta = { event: \"connector-list-click\", walletId: wallet.id };\n\n    // Desktop multi-chain wallet flow: prompt for chain selection.\n    if (wallet.solanaConnectorName && !isMobile) {\n      const supportsEvm = wallet.connector?.name != null;\n      if (supportsEvm) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_CHAIN, meta);\n        return;\n      } else {\n        context.setSolanaConnector(wallet.solanaConnectorName);\n        context.setRoute(ROUTES.SOLANA_CONNECTOR, meta);\n        return;\n      }\n    }\n    if (redirectToMoreWallets) {\n      context.setRoute(ROUTES.MOBILECONNECTORS, meta);\n    } else if (redirectToMobileWallets) {\n      if (context.paymentState.isDepositFlow) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n      } else {\n        context.setPendingConnectorId(WALLET_ID_MOBILE_WALLETS);\n        context.setRoute(ROUTES.CONNECT, meta);\n      }\n    } else if (redirectToWorld) {\n      if (context.paymentState.isDepositFlow) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n      } else {\n        context.setPendingConnectorId(\"world\");\n        context.setRoute(ROUTES.CONNECT, meta);\n      }\n    } else if (\n      context.paymentState.isDepositFlow &&\n      isMobile &&\n      !wallet.connector\n    ) {\n      context.paymentState.setSelectedWallet(wallet);\n      context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n    } else if (\n      isMobile &&\n      wallet.getDaimoPayDeeplink != null &&\n      !wallet.connector\n    ) {\n      context.paymentState.openInWalletBrowser(wallet);\n    } else {\n      if (shouldConnectImmediately) {\n        connect({ connector: wallet.connector! });\n      }\n      context.setPendingConnectorId(wallet.id);\n      context.setRoute(ROUTES.CONNECT, meta);\n    }\n  };\n\n  return (\n    <ConnectorButton type=\"button\" onClick={onClick}>\n      <ConnectorIcon\n        data-small={wallet.iconShouldShrink}\n        data-shape={wallet.iconShape}\n      >\n        {wallet.iconConnector ?? wallet.icon}\n      </ConnectorIcon>\n      <ConnectorLabel>\n        {isMobile ? (wallet.shortName ?? wallet.name) : wallet.name}\n        {!context.options?.hideRecentBadge && isRecent && (\n          <RecentlyUsedTag>\n            <span>Recent</span>\n          </RecentlyUsedTag>\n        )}\n      </ConnectorLabel>\n    </ConnectorButton>\n  );\n};\n\nconst SkeletonConnectorItem = () => {\n  return (\n    <ConnectorButton type=\"button\" disabled>\n      <SkeletonIcon />\n      <SkeletonLabel />\n    </ConnectorButton>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ConnectorList/index.tsx"],"sourcesContent":["import { ROUTES } from \"../../../constants/routes\";\nimport { WALLET_ID_OTHER_WALLET } from \"../../../constants/wallets\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { useLastConnector } from \"../../../hooks/useLastConnector\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport {\n  detectBrowser,\n  isBaseAccountConnector,\n  isGeminiConnector,\n} from \"../../../utils\";\nimport {\n  isExternalWallet,\n  useWallets,\n  WalletProps,\n} from \"../../../wallets/useWallets\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport Alert from \"../Alert\";\nimport {\n  ConnectorButton,\n  ConnectorIcon,\n  ConnectorLabel,\n  ConnectorsContainer,\n  RecentlyUsedTag,\n  SkeletonIcon,\n  SkeletonLabel,\n} from \"./styles\";\n\nconst ConnectorList = () => {\n  const context = usePayContext();\n  const { isMobile } = useIsMobile();\n\n  const wallets = useWallets(isMobile);\n  const { lastConnectorId } = useLastConnector();\n  const { paymentState } = useDaimoPay();\n  const prioritizedId = context.paymentState.buttonProps?.prioritizedWalletId;\n\n  const walletsToDisplay = context.options?.hideRecentBadge\n    ? wallets\n    : [\n        // prioritized wallet at very top\n        ...wallets.filter((wallet) => wallet.id === prioritizedId),\n        // then recent wallet if different from prioritized\n        ...wallets.filter(\n          (wallet) =>\n            lastConnectorId === wallet.connector?.id &&\n            wallet.id !== prioritizedId,\n        ),\n        // remaining wallets\n        ...wallets.filter(\n          (wallet) =>\n            wallet.id !== prioritizedId &&\n            lastConnectorId !== wallet.connector?.id,\n        ),\n      ];\n\n  // For mobile flow, we need to wait for the order to be hydrated before\n  // we can deeplink to the in-wallet browser.\n  const shouldWaitForHydration =\n    isMobile && !context.paymentState.isDepositFlow;\n  const ready = !shouldWaitForHydration || paymentState === \"payment_unpaid\";\n\n  return (\n    <ScrollArea mobileDirection={\"horizontal\"}>\n      {walletsToDisplay.length === 0 && (\n        <Alert error>No connectors found in ConnectKit config.</Alert>\n      )}\n      {!ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((_, idx) => (\n            <SkeletonConnectorItem key={idx} />\n          ))}\n        </ConnectorsContainer>\n      )}\n      {ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((wallet) => (\n            <ConnectorItem\n              key={wallet.id}\n              wallet={wallet}\n              isRecent={wallet.id === lastConnectorId}\n            />\n          ))}\n        </ConnectorsContainer>\n      )}\n    </ScrollArea>\n  );\n};\n\nexport default ConnectorList;\n\nconst ConnectorItem = ({\n  wallet,\n  isRecent,\n}: {\n  wallet: WalletProps;\n  isRecent?: boolean;\n}) => {\n  const { isMobile } = useIsMobile();\n  const context = usePayContext();\n  const { connect } = useConnect();\n\n  // The \"Other\" 2x2 connector, goes to the MobileConnectors page.\n  const redirectToMoreWallets =\n    isMobile && wallet.id === WALLET_ID_OTHER_WALLET;\n  // An external wallet is one that we deeplink to, either directly\n  // (on mobile) or via QR code (on desktop).\n  const isExternalWalletFlow = isExternalWallet(wallet);\n\n  // Safari requires opening popup on user gesture, so we connect immediately here\n  const shouldConnectImmediately =\n    (detectBrowser() === \"safari\" || detectBrowser() === \"ios\") &&\n    (isBaseAccountConnector(wallet.connector?.id) ||\n      isGeminiConnector(wallet.connector?.id));\n\n  const onClick = async () => {\n    const meta = { event: \"connector-list-click\", walletId: wallet.id };\n\n    // Desktop multi-chain wallet flow: prompt for chain selection.\n    if (wallet.solanaConnectorName && !isMobile) {\n      const supportsEvm = wallet.connector?.name != null;\n      if (supportsEvm) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_CHAIN, meta);\n        return;\n      } else {\n        context.setSolanaConnector(wallet.solanaConnectorName);\n        context.setRoute(ROUTES.SOLANA_CONNECTOR, meta);\n        return;\n      }\n    }\n    if (redirectToMoreWallets) {\n      context.setRoute(ROUTES.MOBILECONNECTORS, meta);\n    } else if (isExternalWalletFlow) {\n      if (context.paymentState.isDepositFlow) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n      } else if (isMobile) {\n        await context.paymentState.openInWalletBrowser(wallet);\n      } else {\n        // On desktop, show QR code for external wallets\n        context.setPendingConnectorId(wallet.id);\n        context.setRoute(ROUTES.CONNECT, meta);\n      }\n    } else if (\n      context.paymentState.isDepositFlow &&\n      isMobile &&\n      !wallet.connector\n    ) {\n      context.paymentState.setSelectedWallet(wallet);\n      context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n    } else if (isMobile && wallet.getDaimoPayDeeplink != null) {\n      await context.paymentState.openInWalletBrowser(wallet);\n    } else {\n      if (shouldConnectImmediately) {\n        connect({ connector: wallet.connector! });\n      }\n      context.setPendingConnectorId(wallet.id);\n      context.setRoute(ROUTES.CONNECT, meta);\n    }\n  };\n\n  return (\n    <ConnectorButton type=\"button\" onClick={onClick}>\n      <ConnectorIcon\n        data-small={wallet.iconShouldShrink}\n        data-shape={wallet.iconShape}\n      >\n        {wallet.iconConnector ?? wallet.icon}\n      </ConnectorIcon>\n      <ConnectorLabel>\n        {isMobile ? (wallet.shortName ?? wallet.name) : wallet.name}\n        {!context.options?.hideRecentBadge && isRecent && (\n          <RecentlyUsedTag>\n            <span>Recent</span>\n          </RecentlyUsedTag>\n        )}\n      </ConnectorLabel>\n    </ConnectorButton>\n  );\n};\n\nconst SkeletonConnectorItem = () => {\n  return (\n    <ConnectorButton type=\"button\" disabled>\n      <SkeletonIcon />\n      <SkeletonLabel />\n    </ConnectorButton>\n  );\n};\n"],"names":[],"mappings":"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"}

package/build/src/components/Common/Modal/index.js

@@ -15,10 +15,34 @@ import { useDaimoPay } from '../../../hooks/useDaimoPay.js';
 import FocusTrap from '../../../hooks/useFocusTrap.js';
 import useLocales from '../../../hooks/useLocales.js';
 import usePrevious from '../../../hooks/usePrevious.js';
-import { useWallet, WALLET_ID_MOBILE_WALLETS } from '../../../wallets/useWallets.js';
+import { useWallet, isExternalWallet } from '../../../wallets/useWallets.js';
 import { useThemeContext } from '../../DaimoPayThemeProvider/DaimoPayThemeProvider.js';
 import FitText from '../FitText/index.js';
 
+const routeDepthMap = {
+  [ROUTES.SELECT_METHOD]: 0,
+  [ROUTES.CONNECTORS]: 1,
+  [ROUTES.SELECT_EXCHANGE]: 1,
+  [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: 1,
+  [ROUTES.SELECT_ZKP2P]: 1,
+  [ROUTES.CONNECT]: 2,
+  [ROUTES.SOLANA_CONNECTOR]: 2,
+  [ROUTES.MOBILECONNECTORS]: 2,
+  [ROUTES.SELECT_WALLET_CHAIN]: 2,
+  [ROUTES.SELECT_TOKEN]: 2,
+  [ROUTES.SELECT_AMOUNT]: 2,
+  [ROUTES.SELECT_EXTERNAL_AMOUNT]: 2,
+  [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: 2,
+  [ROUTES.SELECT_WALLET_AMOUNT]: 2,
+  [ROUTES.PAY_WITH_TOKEN]: 2,
+  [ROUTES.SOLANA_SELECT_AMOUNT]: 2,
+  [ROUTES.SOLANA_PAY_WITH_TOKEN]: 2,
+  [ROUTES.WAITING_WALLET]: 3,
+  [ROUTES.WAITING_EXTERNAL]: 3,
+  [ROUTES.WAITING_DEPOSIT_ADDRESS]: 3,
+  [ROUTES.CONFIRMATION]: 4,
+  [ROUTES.ERROR]: 4
+};
 const InfoIcon = ({ ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -132,7 +156,9 @@ const Modal = ({
   } = context.paymentState;
   const { order, paymentState } = useDaimoPay();
   const { connector } = useAccount();
-  const wallet = useWallet(connector?.id ?? "");
+  const walletId = context.pendingConnectorId || connector?.id || "";
+  const walletFromConnectors = useWallet(walletId);
+  const wallet = walletFromConnectors || context.paymentState.selectedWallet;
   const walletInfo = {
     name: wallet?.name,
     shortName: wallet?.shortName ?? wallet?.name,
@@ -151,7 +177,7 @@ const Modal = ({
   });
   const mounted = !(state === "exited" || state === "unmounted");
   const rendered = state === "preEnter" || state !== "exiting";
-  const currentDepth = context.route === ROUTES.CONNECTORS ? 0 : context.route === ROUTES.DOWNLOAD ? 2 : 1;
+  const currentDepth = routeDepthMap[context.route] ?? 1;
   const prevDepth = usePrevious(currentDepth, currentDepth);
   if (!positionInside) useLockBodyScroll(mounted);
   useEffect(() => {
@@ -213,7 +239,8 @@ const Modal = ({
     "--height": dimensions.height,
     "--width": dimensions.width
   };
-  const shouldShowWalletQRCodeOnDesktop = context.pendingConnectorId === WALLET_ID_MOBILE_WALLETS || context.pendingConnectorId === "world";
+  const hasDeeplink = wallet && wallet.getDaimoPayDeeplink;
+  const shouldShowWalletQRCodeOnDesktop = isExternalWallet(wallet) || hasDeeplink;
   function getHeading() {
     const payWithString = flattenChildren(locales.payWith).join("");
     switch (context.route) {
@@ -233,8 +260,6 @@ const Modal = ({
         return locales.connectorsScreen_heading;
       case ROUTES.MOBILECONNECTORS:
         return locales.mobileConnectorsScreen_heading;
-      case ROUTES.DOWNLOAD:
-        return locales.downloadAppScreen_heading;
       case ROUTES.ONBOARDING:
         return locales.onboardingScreen_heading;
       case ROUTES.SWITCHNETWORKS:
@@ -485,8 +510,6 @@ const Page = ({
   children,
   open,
   initial,
-  prevDepth,
-  currentDepth,
   enterAnim,
   exitAnim
 }) => {

package/build/src/components/Common/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { AnimatePresence, motion, Variants } from \"framer-motion\";\n\nimport { ResetContainer } from \"../../../styles\";\nimport Portal from \"../Portal\";\n\nimport { flattenChildren, isMobile } from \"../../../utils\";\n\nimport {\n  BackButton,\n  BackgroundOverlay,\n  BoxContainer,\n  CloseButton,\n  Container,\n  ControllerContainer,\n  Disclaimer,\n  DisclaimerBackground,\n  ErrorMessage,\n  InfoButton,\n  InnerContainer,\n  ModalContainer,\n  ModalHeading,\n  PageContainer,\n  PageContents,\n  TextWithHr,\n} from \"./styles\";\n\nimport useLockBodyScroll from \"../../../hooks/useLockBodyScroll\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  getChainName,\n  shouldShowExternalQRCodeOnDesktop,\n} from \"@daimo/pay-common\";\nimport { useTransition } from \"react-transition-state\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport { AuthIcon } from \"../../../assets/icons\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport FocusTrap from \"../../../hooks/useFocusTrap\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { CustomTheme } from \"../../../types\";\nimport {\n  useWallet,\n  WALLET_ID_MOBILE_WALLETS,\n} from \"../../../wallets/useWallets\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport FitText from \"../FitText\";\n\nconst ProfileIcon = ({ isSignedIn }: { isSignedIn?: boolean }) => (\n  <div style={{ position: \"relative\" }}>\n    {isSignedIn ? (\n      <AuthIcon\n        style={{\n          bottom: -1,\n          right: -1,\n        }}\n      />\n    ) : (\n      <div\n        style={{\n          zIndex: 2,\n          position: \"absolute\",\n          top: -2,\n          right: -2,\n          background: \"#1A88F8\",\n          borderRadius: 8,\n          boxShadow: \"0 0 0 2px var(--ck-body-background)\",\n          width: 8,\n          height: 8,\n        }}\n      />\n    )}\n    <svg\n      aria-hidden=\"true\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ overflow: \"visible\" }}\n    >\n      <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path\n        d=\"M16.5 16.775C14.8618 15.0649 12.5552 14 10 14C7.44477 14 5.13825 15.0649 3.5 16.775\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"10\" cy=\"8\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  </div>\n);\nconst InfoIcon = ({ ...props }) => (\n  <svg\n    aria-hidden=\"true\"\n    width=\"22\"\n    height=\"22\"\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11ZM22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM11.6445 12.7051C11.6445 13.1348 11.3223 13.4678 10.7744 13.4678C10.2266 13.4678 9.92578 13.1885 9.92578 12.6191V12.4795C9.92578 11.4268 10.4951 10.8574 11.2686 10.3203C12.2031 9.67578 12.665 9.32129 12.665 8.59082C12.665 7.76367 12.0205 7.21582 11.043 7.21582C10.3232 7.21582 9.80762 7.57031 9.45312 8.16113C9.38282 8.24242 9.32286 8.32101 9.2667 8.39461C9.04826 8.68087 8.88747 8.8916 8.40039 8.8916C8.0459 8.8916 7.66992 8.62305 7.66992 8.15039C7.66992 7.96777 7.70215 7.7959 7.75586 7.61328C8.05664 6.625 9.27051 5.75488 11.1182 5.75488C12.9336 5.75488 14.5234 6.71094 14.5234 8.50488C14.5234 9.7832 13.7822 10.417 12.7402 11.1045C11.999 11.5986 11.6445 11.9746 11.6445 12.5762V12.7051ZM11.9131 15.5625C11.9131 16.1855 11.376 16.6797 10.7529 16.6797C10.1299 16.6797 9.59277 16.1748 9.59277 15.5625C9.59277 14.9395 10.1191 14.4453 10.7529 14.4453C11.3867 14.4453 11.9131 14.9287 11.9131 15.5625Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\nconst CloseIcon = ({ ...props }) => (\n  <motion.svg\n    width={14}\n    height={14}\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M1 13L13 1M1 1L13 13\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n    />\n  </motion.svg>\n);\nconst BackIcon = ({ ...props }) => (\n  <motion.svg\n    width={9}\n    height={16}\n    viewBox=\"0 0 9 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M8 1L1 8L8 15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </motion.svg>\n);\n\nconst contentTransitionDuration = 0.22;\n\nexport const contentVariants: Variants = {\n  initial: {\n    //willChange: 'transform,opacity',\n    zIndex: 2,\n    opacity: 0,\n  },\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: contentTransitionDuration * 0.75,\n      delay: contentTransitionDuration * 0.25,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    left: [\"50%\", \"50%\"],\n    x: [\"-50%\", \"-50%\"],\n    transition: {\n      duration: contentTransitionDuration,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n};\n\ntype ModalProps = {\n  open?: boolean;\n  pages: Record<ROUTES, React.ReactNode>;\n  pageId: string;\n  positionInside?: boolean;\n  inline?: boolean;\n  onClose?: () => void;\n  onBack?: () => void;\n  onInfo?: () => void;\n  demo?: {\n    theme: string;\n    mode?: string;\n    customTheme: CustomTheme;\n  };\n};\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  pages,\n  pageId,\n  positionInside,\n  inline,\n  demo,\n  onClose,\n  onBack,\n  onInfo,\n}) => {\n  const context = usePayContext();\n  const themeContext = useThemeContext();\n  const mobile = isMobile();\n  const {\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    selectedDepositAddressOption,\n  } = context.paymentState;\n  const { order, paymentState } = useDaimoPay();\n\n  const { connector } = useAccount();\n  const wallet = useWallet(connector?.id ?? \"\");\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 locales = useLocales({\n    CONNECTORNAME: walletInfo?.name,\n  });\n\n  const [state, setOpen] = useTransition({\n    timeout: 160,\n    preEnter: true,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n  const currentDepth =\n    context.route === ROUTES.CONNECTORS\n      ? 0\n      : context.route === ROUTES.DOWNLOAD\n        ? 2\n        : 1;\n  const prevDepth = usePrevious(currentDepth, currentDepth);\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  if (!positionInside) useLockBodyScroll(mounted);\n\n  useEffect(() => {\n    setOpen(open);\n    if (open) setInTransition(undefined);\n  }, [open]);\n\n  const [dimensions, setDimensions] = useState<{\n    width: string | undefined;\n    height: string | undefined;\n  }>({\n    width: undefined,\n    height: undefined,\n  });\n  const [inTransition, setInTransition] = useState<boolean | undefined>(\n    undefined,\n  );\n\n  // Calculate new content bounds\n  const updateBounds = (node: any) => {\n    const bounds = {\n      width: node?.offsetWidth,\n      height: node?.offsetHeight,\n    };\n    setDimensions({\n      width: `${bounds?.width}px`,\n      height: `${bounds?.height}px`,\n    });\n  };\n\n  let blockTimeout: ReturnType<typeof setTimeout>;\n  const contentRef = useCallback(\n    (node: any) => {\n      if (!node) return;\n      ref.current = node;\n\n      // Avoid transition mixups\n      setInTransition(inTransition === undefined ? false : true);\n      clearTimeout(blockTimeout);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      blockTimeout = setTimeout(() => setInTransition(false), 360);\n\n      // Calculate new content bounds\n      updateBounds(node);\n    },\n    [open, inTransition],\n  );\n\n  // Update layout on chain/network switch to avoid clipping\n  const { chain } = useAccount();\n  const { switchChain } = useSwitchChain();\n\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    if (ref.current) updateBounds(ref.current);\n  }, [chain, switchChain, mobile, context.options, context.resize]);\n\n  useEffect(() => {\n    if (!mounted) {\n      setDimensions({\n        width: undefined,\n        height: undefined,\n      });\n      return;\n    }\n\n    const listener = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && onClose) onClose();\n    };\n    document.addEventListener(\"keydown\", listener);\n    return () => {\n      document.removeEventListener(\"keydown\", listener);\n    };\n  }, [mounted, onClose]);\n\n  const dimensionsCSS = {\n    \"--height\": dimensions.height,\n    \"--width\": dimensions.width,\n  } as React.CSSProperties;\n\n  function shouldUseQrcode() {\n    if (!wallet) return false; // Fail states are shown in the injector flow\n\n    const useInjector = wallet.isInstalled;\n    return !useInjector;\n  }\n\n  const shouldShowWalletQRCodeOnDesktop =\n    context.pendingConnectorId === WALLET_ID_MOBILE_WALLETS ||\n    context.pendingConnectorId === \"world\";\n\n  function getHeading() {\n    const payWithString = flattenChildren(locales.payWith).join(\"\");\n    switch (context.route) {\n      case ROUTES.ABOUT:\n        return locales.aboutScreen_heading;\n      case ROUTES.CONNECT:\n        if (shouldShowWalletQRCodeOnDesktop) {\n          return locales.scanWithPhone;\n        } else {\n          return walletInfo?.name;\n        }\n      case ROUTES.SELECT_EXCHANGE:\n        return locales.selectExchange;\n      case ROUTES.SOLANA_CONNECTOR:\n        return context.solanaConnector ?? locales.solanaWallet;\n      case ROUTES.CONNECTORS:\n        return locales.connectorsScreen_heading;\n      case ROUTES.MOBILECONNECTORS:\n        return locales.mobileConnectorsScreen_heading;\n      case ROUTES.DOWNLOAD:\n        return locales.downloadAppScreen_heading;\n      case ROUTES.ONBOARDING:\n        return locales.onboardingScreen_heading;\n      case ROUTES.SWITCHNETWORKS:\n        return locales.switchNetworkScreen_heading;\n      case ROUTES.SELECT_METHOD:\n      case ROUTES.SELECT_TOKEN:\n        return order?.metadata.intent;\n      case ROUTES.SOLANA_PAY_WITH_TOKEN:\n        if (!selectedSolanaTokenOption) return undefined;\n        return `${payWithString} ${selectedSolanaTokenOption.required.token.symbol}`;\n      case ROUTES.WAITING_EXTERNAL:\n        if (\n          selectedExternalOption &&\n          shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) &&\n          !mobile\n        ) {\n          return locales.scanWithPhone;\n        }\n        return selectedExternalOption?.cta;\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN:\n        return locales.selectChain;\n      case ROUTES.WAITING_DEPOSIT_ADDRESS:\n        if (paymentState === \"warning\") return locales.leaveSession;\n        if (!selectedDepositAddressOption) return undefined;\n        return `${payWithString} ${selectedDepositAddressOption.id}`;\n      case ROUTES.SELECT_ZKP2P:\n        return locales.selectApp;\n      case ROUTES.SELECT_AMOUNT:\n      case ROUTES.SELECT_EXTERNAL_AMOUNT:\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT:\n      case ROUTES.SOLANA_SELECT_AMOUNT:\n      case ROUTES.SELECT_WALLET_AMOUNT:\n        return locales.selectAmount;\n      case ROUTES.PAY_WITH_TOKEN:\n        if (selectedTokenOption == null) return undefined;\n\n        const chainName = getChainName(\n          selectedTokenOption.balance.token.chainId,\n        );\n        return `${payWithString} ${chainName} ${selectedTokenOption.balance.token.symbol}`;\n      case ROUTES.CONFIRMATION:\n        return locales.paymentSuccessful;\n      case ROUTES.ERROR:\n        return locales.error;\n      case ROUTES.SELECT_WALLET_CHAIN:\n        return locales.selectChain;\n    }\n  }\n\n  const Content = (\n    <ResetContainer\n      $useTheme={demo?.theme ?? themeContext.theme}\n      $useMode={demo?.mode ?? themeContext.mode}\n      $customTheme={demo?.customTheme ?? themeContext.customTheme}\n    >\n      <ModalContainer\n        role=\"dialog\"\n        style={{\n          pointerEvents: rendered ? \"auto\" : \"none\",\n          position: positionInside ? \"absolute\" : undefined,\n        }}\n      >\n        {!inline && (\n          <BackgroundOverlay\n            $active={rendered}\n            onClick={onClose}\n            $blur={context.options?.overlayBlur}\n          />\n        )}\n        <Container\n          style={dimensionsCSS}\n          initial={false}\n          // transition={{\n          //   ease: [0.2555, 0.1111, 0.2555, 1.0001],\n          //   duration: !positionInside && state !== 'entered' ? 0 : 0.24,\n          // }}\n        >\n          <div\n            style={{\n              pointerEvents: inTransition ? \"all\" : \"none\", // Block interaction while transitioning\n              position: \"absolute\",\n              top: 0,\n              bottom: 0,\n              left: \"50%\",\n              transform: \"translateX(-50%)\",\n              width: \"var(--width)\",\n              zIndex: 9,\n              transition: \"width 200ms ease\",\n            }}\n          />\n          <BoxContainer className={`${rendered && \"active\"}`}>\n            <AnimatePresence initial={false}>\n              {context.options?.disclaimer &&\n                context.route === ROUTES.CONNECTORS && (\n                  <DisclaimerBackground\n                    initial={{\n                      opacity: 0,\n                    }}\n                    animate={{\n                      opacity: 1,\n                    }}\n                    exit={{ opacity: 0 }}\n                    transition={{\n                      delay: 0,\n                      duration: 0.2,\n                      ease: [0.25, 0.1, 0.25, 1.0],\n                    }}\n                  >\n                    <Disclaimer>\n                      <div>{context.options?.disclaimer}</div>\n                    </Disclaimer>\n                  </DisclaimerBackground>\n                )}\n            </AnimatePresence>\n            <AnimatePresence initial={false}>\n              {context.errorMessage && (\n                <ErrorMessage\n                  initial={{ y: \"10%\", x: \"-50%\" }}\n                  animate={{ y: \"-100%\" }}\n                  exit={{ y: \"100%\" }}\n                  transition={{ duration: 0.2, ease: \"easeInOut\" }}\n                >\n                  <span>{context.errorMessage}</span>\n                  <div\n                    onClick={() => context.displayError(null)}\n                    style={{\n                      position: \"absolute\",\n                      right: 24,\n                      top: 24,\n                      cursor: \"pointer\",\n                    }}\n                  >\n                    <CloseIcon />\n                  </div>\n                </ErrorMessage>\n              )}\n            </AnimatePresence>\n            <ControllerContainer>\n              {onClose && (\n                <CloseButton\n                  aria-label={flattenChildren(locales.close).toString()}\n                  onClick={onClose}\n                >\n                  <CloseIcon />\n                </CloseButton>\n              )}\n              <div\n                style={{\n                  position: \"absolute\",\n                  top: 23,\n                  left: 20,\n                  width: 32,\n                  height: 32,\n                }}\n              >\n                <AnimatePresence>\n                  {onBack ? (\n                    <BackButton\n                      disabled={inTransition}\n                      aria-label={flattenChildren(locales.back).toString()}\n                      key=\"backButton\"\n                      onClick={onBack}\n                      initial={{ opacity: 0 }}\n                      animate={{ opacity: 1 }}\n                      exit={{ opacity: 0 }}\n                      transition={{\n                        duration: mobile ? 0 : 0.1,\n                        delay: mobile ? 0.01 : 0,\n                      }}\n                    >\n                      <BackIcon />\n                    </BackButton>\n                  ) : (\n                    onInfo &&\n                    !context.options?.hideQuestionMarkCTA && (\n                      <InfoButton\n                        disabled={inTransition}\n                        aria-label={flattenChildren(\n                          locales.moreInformation,\n                        ).toString()}\n                        key=\"infoButton\"\n                        onClick={onInfo}\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        transition={{\n                          duration: mobile ? 0 : 0.1,\n                          delay: mobile ? 0.01 : 0,\n                        }}\n                      >\n                        <InfoIcon />\n                      </InfoButton>\n                    )\n                  )}\n                </AnimatePresence>\n              </div>\n            </ControllerContainer>\n\n            <ModalHeading>\n              <AnimatePresence>\n                <motion.div\n                  style={{\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: 52,\n                    right: 52,\n                    display: \"flex\",\n                    //alignItems: 'center',\n                    justifyContent: \"center\",\n                  }}\n                  key={`${context.route}`}\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{\n                    duration: mobile ? 0 : 0.17,\n                    delay: mobile ? 0.01 : 0,\n                  }}\n                >\n                  <FitText>{getHeading()}</FitText>\n                </motion.div>\n              </AnimatePresence>\n            </ModalHeading>\n\n            <InnerContainer>\n              {Object.keys(pages).map((key) => (\n                <Page\n                  key={key}\n                  open={key === pageId}\n                  initial={!positionInside && state !== \"entered\"}\n                  enterAnim={\n                    key === pageId\n                      ? currentDepth > prevDepth\n                        ? \"active-scale-up\"\n                        : \"active\"\n                      : \"\"\n                  }\n                  exitAnim={\n                    key !== pageId\n                      ? currentDepth < prevDepth\n                        ? \"exit-scale-down\"\n                        : \"exit\"\n                      : \"\"\n                  }\n                >\n                  <PageContents\n                    key={`inner-${key}`}\n                    ref={contentRef}\n                    style={{\n                      pointerEvents:\n                        key === pageId && rendered ? \"auto\" : \"none\",\n                    }}\n                  >\n                    {pages[key]}\n                  </PageContents>\n                </Page>\n              ))}\n            </InnerContainer>\n          </BoxContainer>\n        </Container>\n      </ModalContainer>\n    </ResetContainer>\n  );\n  return (\n    <>\n      {mounted && (\n        <>\n          {positionInside ? (\n            Content\n          ) : (\n            <>\n              {\n                <Portal>\n                  <FocusTrap>{Content}</FocusTrap>\n                </Portal>\n              }\n            </>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\ntype PageProps = {\n  children?: React.ReactNode;\n  open?: boolean;\n  initial: boolean;\n  prevDepth?: number;\n  currentDepth?: number;\n  enterAnim?: string;\n  exitAnim?: string;\n};\n\nconst Page: React.FC<PageProps> = ({\n  children,\n  open,\n  initial,\n  prevDepth,\n  currentDepth,\n  enterAnim,\n  exitAnim,\n}) => {\n  const [state, setOpen] = useTransition({\n    timeout: 400,\n    preEnter: true,\n    initialEntered: open,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n\n  useEffect(() => {\n    setOpen(open);\n  }, [open]);\n\n  if (!mounted) return null;\n\n  return (\n    <PageContainer\n      className={`${rendered ? enterAnim : exitAnim}`}\n      style={{\n        animationDuration: initial ? \"0ms\" : undefined,\n        animationDelay: initial ? \"0ms\" : undefined,\n      }}\n    >\n      {children}\n    </PageContainer>\n  );\n};\n\nexport const OrDivider = ({ children }: { children?: React.ReactNode }) => {\n  const locales = useLocales();\n  return (\n    <TextWithHr>\n      <span>{children ?? locales.or}</span>\n    </TextWithHr>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { AnimatePresence, motion, Variants } from \"framer-motion\";\n\nimport { ResetContainer } from \"../../../styles\";\nimport Portal from \"../Portal\";\n\nimport { flattenChildren, isMobile } from \"../../../utils\";\n\nimport {\n  BackButton,\n  BackgroundOverlay,\n  BoxContainer,\n  CloseButton,\n  Container,\n  ControllerContainer,\n  Disclaimer,\n  DisclaimerBackground,\n  ErrorMessage,\n  InfoButton,\n  InnerContainer,\n  ModalContainer,\n  ModalHeading,\n  PageContainer,\n  PageContents,\n  TextWithHr,\n} from \"./styles\";\n\nimport useLockBodyScroll from \"../../../hooks/useLockBodyScroll\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  getChainName,\n  shouldShowExternalQRCodeOnDesktop,\n} from \"@daimo/pay-common\";\nimport { useTransition } from \"react-transition-state\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport { AuthIcon } from \"../../../assets/icons\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport FocusTrap from \"../../../hooks/useFocusTrap\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { CustomTheme } from \"../../../types\";\nimport { isExternalWallet, useWallet } from \"../../../wallets/useWallets\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport FitText from \"../FitText\";\n\n// Map routes to a depth value to drive enter/exit animations.\n// Higher numbers feel \"deeper\" in the flow.\nconst routeDepthMap: Partial<Record<ROUTES, number>> = {\n  [ROUTES.SELECT_METHOD]: 0,\n\n  [ROUTES.CONNECTORS]: 1,\n  [ROUTES.SELECT_EXCHANGE]: 1,\n  [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: 1,\n\n  [ROUTES.SELECT_ZKP2P]: 1,\n\n  [ROUTES.CONNECT]: 2,\n  [ROUTES.SOLANA_CONNECTOR]: 2,\n  [ROUTES.MOBILECONNECTORS]: 2,\n  [ROUTES.SELECT_WALLET_CHAIN]: 2,\n  [ROUTES.SELECT_TOKEN]: 2,\n  [ROUTES.SELECT_AMOUNT]: 2,\n  [ROUTES.SELECT_EXTERNAL_AMOUNT]: 2,\n  [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: 2,\n  [ROUTES.SELECT_WALLET_AMOUNT]: 2,\n  [ROUTES.PAY_WITH_TOKEN]: 2,\n  [ROUTES.SOLANA_SELECT_AMOUNT]: 2,\n  [ROUTES.SOLANA_PAY_WITH_TOKEN]: 2,\n\n  [ROUTES.WAITING_WALLET]: 3,\n  [ROUTES.WAITING_EXTERNAL]: 3,\n  [ROUTES.WAITING_DEPOSIT_ADDRESS]: 3,\n\n  [ROUTES.CONFIRMATION]: 4,\n  [ROUTES.ERROR]: 4,\n};\n\nconst ProfileIcon = ({ isSignedIn }: { isSignedIn?: boolean }) => (\n  <div style={{ position: \"relative\" }}>\n    {isSignedIn ? (\n      <AuthIcon\n        style={{\n          bottom: -1,\n          right: -1,\n        }}\n      />\n    ) : (\n      <div\n        style={{\n          zIndex: 2,\n          position: \"absolute\",\n          top: -2,\n          right: -2,\n          background: \"#1A88F8\",\n          borderRadius: 8,\n          boxShadow: \"0 0 0 2px var(--ck-body-background)\",\n          width: 8,\n          height: 8,\n        }}\n      />\n    )}\n    <svg\n      aria-hidden=\"true\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ overflow: \"visible\" }}\n    >\n      <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path\n        d=\"M16.5 16.775C14.8618 15.0649 12.5552 14 10 14C7.44477 14 5.13825 15.0649 3.5 16.775\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"10\" cy=\"8\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  </div>\n);\nconst InfoIcon = ({ ...props }) => (\n  <svg\n    aria-hidden=\"true\"\n    width=\"22\"\n    height=\"22\"\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11ZM22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM11.6445 12.7051C11.6445 13.1348 11.3223 13.4678 10.7744 13.4678C10.2266 13.4678 9.92578 13.1885 9.92578 12.6191V12.4795C9.92578 11.4268 10.4951 10.8574 11.2686 10.3203C12.2031 9.67578 12.665 9.32129 12.665 8.59082C12.665 7.76367 12.0205 7.21582 11.043 7.21582C10.3232 7.21582 9.80762 7.57031 9.45312 8.16113C9.38282 8.24242 9.32286 8.32101 9.2667 8.39461C9.04826 8.68087 8.88747 8.8916 8.40039 8.8916C8.0459 8.8916 7.66992 8.62305 7.66992 8.15039C7.66992 7.96777 7.70215 7.7959 7.75586 7.61328C8.05664 6.625 9.27051 5.75488 11.1182 5.75488C12.9336 5.75488 14.5234 6.71094 14.5234 8.50488C14.5234 9.7832 13.7822 10.417 12.7402 11.1045C11.999 11.5986 11.6445 11.9746 11.6445 12.5762V12.7051ZM11.9131 15.5625C11.9131 16.1855 11.376 16.6797 10.7529 16.6797C10.1299 16.6797 9.59277 16.1748 9.59277 15.5625C9.59277 14.9395 10.1191 14.4453 10.7529 14.4453C11.3867 14.4453 11.9131 14.9287 11.9131 15.5625Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\nconst CloseIcon = ({ ...props }) => (\n  <motion.svg\n    width={14}\n    height={14}\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M1 13L13 1M1 1L13 13\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n    />\n  </motion.svg>\n);\nconst BackIcon = ({ ...props }) => (\n  <motion.svg\n    width={9}\n    height={16}\n    viewBox=\"0 0 9 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M8 1L1 8L8 15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </motion.svg>\n);\n\nconst contentTransitionDuration = 0.22;\n\nexport const contentVariants: Variants = {\n  initial: {\n    //willChange: 'transform,opacity',\n    zIndex: 2,\n    opacity: 0,\n  },\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: contentTransitionDuration * 0.75,\n      delay: contentTransitionDuration * 0.25,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    left: [\"50%\", \"50%\"],\n    x: [\"-50%\", \"-50%\"],\n    transition: {\n      duration: contentTransitionDuration,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n};\n\ntype ModalProps = {\n  open?: boolean;\n  pages: Record<ROUTES, React.ReactNode>;\n  pageId: string;\n  positionInside?: boolean;\n  inline?: boolean;\n  onClose?: () => void;\n  onBack?: () => void;\n  onInfo?: () => void;\n  demo?: {\n    theme: string;\n    mode?: string;\n    customTheme: CustomTheme;\n  };\n};\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  pages,\n  pageId,\n  positionInside,\n  inline,\n  demo,\n  onClose,\n  onBack,\n  onInfo,\n}) => {\n  const context = usePayContext();\n  const themeContext = useThemeContext();\n  const mobile = isMobile();\n  const {\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    selectedDepositAddressOption,\n  } = context.paymentState;\n  const { order, paymentState } = useDaimoPay();\n\n  const { connector } = useAccount();\n  // For external wallets (World, MiniPay), use pendingConnectorId\n  // For injected wallets, use connector?.id\n  const walletId = context.pendingConnectorId || connector?.id || \"\";\n  const walletFromConnectors = useWallet(walletId);\n  // Fall back to selectedWallet for wallets from walletConfigs (e.g. unique payment options)\n  const wallet = walletFromConnectors || context.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 locales = useLocales({\n    CONNECTORNAME: walletInfo?.name,\n  });\n\n  const [state, setOpen] = useTransition({\n    timeout: 160,\n    preEnter: true,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n  const currentDepth = routeDepthMap[context.route as ROUTES] ?? 1;\n  const prevDepth = usePrevious(currentDepth, currentDepth);\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  if (!positionInside) useLockBodyScroll(mounted);\n\n  useEffect(() => {\n    setOpen(open);\n    if (open) setInTransition(undefined);\n  }, [open]);\n\n  const [dimensions, setDimensions] = useState<{\n    width: string | undefined;\n    height: string | undefined;\n  }>({\n    width: undefined,\n    height: undefined,\n  });\n  const [inTransition, setInTransition] = useState<boolean | undefined>(\n    undefined,\n  );\n\n  // Calculate new content bounds\n  const updateBounds = (node: any) => {\n    const bounds = {\n      width: node?.offsetWidth,\n      height: node?.offsetHeight,\n    };\n    setDimensions({\n      width: `${bounds?.width}px`,\n      height: `${bounds?.height}px`,\n    });\n  };\n\n  let blockTimeout: ReturnType<typeof setTimeout>;\n  const contentRef = useCallback(\n    (node: any) => {\n      if (!node) return;\n      ref.current = node;\n\n      // Avoid transition mixups\n      setInTransition(inTransition === undefined ? false : true);\n      clearTimeout(blockTimeout);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      blockTimeout = setTimeout(() => setInTransition(false), 360);\n\n      // Calculate new content bounds\n      updateBounds(node);\n    },\n    [open, inTransition],\n  );\n\n  // Update layout on chain/network switch to avoid clipping\n  const { chain } = useAccount();\n  const { switchChain } = useSwitchChain();\n\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    if (ref.current) updateBounds(ref.current);\n  }, [chain, switchChain, mobile, context.options, context.resize]);\n\n  useEffect(() => {\n    if (!mounted) {\n      setDimensions({\n        width: undefined,\n        height: undefined,\n      });\n      return;\n    }\n\n    const listener = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && onClose) onClose();\n    };\n    document.addEventListener(\"keydown\", listener);\n    return () => {\n      document.removeEventListener(\"keydown\", listener);\n    };\n  }, [mounted, onClose]);\n\n  const dimensionsCSS = {\n    \"--height\": dimensions.height,\n    \"--width\": dimensions.width,\n  } as React.CSSProperties;\n\n  // Show \"Scan with phone\" title for wallets with deeplinks (unique payment options)\n  const hasDeeplink = wallet && wallet.getDaimoPayDeeplink;\n  const shouldShowWalletQRCodeOnDesktop =\n    isExternalWallet(wallet) || hasDeeplink;\n\n  function getHeading() {\n    const payWithString = flattenChildren(locales.payWith).join(\"\");\n    switch (context.route) {\n      case ROUTES.ABOUT:\n        return locales.aboutScreen_heading;\n      case ROUTES.CONNECT:\n        if (shouldShowWalletQRCodeOnDesktop) {\n          return locales.scanWithPhone;\n        } else {\n          return walletInfo?.name;\n        }\n      case ROUTES.SELECT_EXCHANGE:\n        return locales.selectExchange;\n      case ROUTES.SOLANA_CONNECTOR:\n        return context.solanaConnector ?? locales.solanaWallet;\n      case ROUTES.CONNECTORS:\n        return locales.connectorsScreen_heading;\n      case ROUTES.MOBILECONNECTORS:\n        return locales.mobileConnectorsScreen_heading;\n      case ROUTES.ONBOARDING:\n        return locales.onboardingScreen_heading;\n      case ROUTES.SWITCHNETWORKS:\n        return locales.switchNetworkScreen_heading;\n      case ROUTES.SELECT_METHOD:\n      case ROUTES.SELECT_TOKEN:\n        return order?.metadata.intent;\n      case ROUTES.SOLANA_PAY_WITH_TOKEN:\n        if (!selectedSolanaTokenOption) return undefined;\n        return `${payWithString} ${selectedSolanaTokenOption.required.token.symbol}`;\n      case ROUTES.WAITING_EXTERNAL:\n        if (\n          selectedExternalOption &&\n          shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) &&\n          !mobile\n        ) {\n          return locales.scanWithPhone;\n        }\n        return selectedExternalOption?.cta;\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN:\n        return locales.selectChain;\n      case ROUTES.WAITING_DEPOSIT_ADDRESS:\n        if (paymentState === \"warning\") return locales.leaveSession;\n        if (!selectedDepositAddressOption) return undefined;\n        return `${payWithString} ${selectedDepositAddressOption.id}`;\n      case ROUTES.SELECT_ZKP2P:\n        return locales.selectApp;\n      case ROUTES.SELECT_AMOUNT:\n      case ROUTES.SELECT_EXTERNAL_AMOUNT:\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT:\n      case ROUTES.SOLANA_SELECT_AMOUNT:\n      case ROUTES.SELECT_WALLET_AMOUNT:\n        return locales.selectAmount;\n      case ROUTES.PAY_WITH_TOKEN:\n        if (selectedTokenOption == null) return undefined;\n\n        const chainName = getChainName(\n          selectedTokenOption.balance.token.chainId,\n        );\n        return `${payWithString} ${chainName} ${selectedTokenOption.balance.token.symbol}`;\n      case ROUTES.CONFIRMATION:\n        return locales.paymentSuccessful;\n      case ROUTES.ERROR:\n        return locales.error;\n      case ROUTES.SELECT_WALLET_CHAIN:\n        return locales.selectChain;\n    }\n  }\n\n  const Content = (\n    <ResetContainer\n      $useTheme={demo?.theme ?? themeContext.theme}\n      $useMode={demo?.mode ?? themeContext.mode}\n      $customTheme={demo?.customTheme ?? themeContext.customTheme}\n    >\n      <ModalContainer\n        role=\"dialog\"\n        style={{\n          pointerEvents: rendered ? \"auto\" : \"none\",\n          position: positionInside ? \"absolute\" : undefined,\n        }}\n      >\n        {!inline && (\n          <BackgroundOverlay\n            $active={rendered}\n            onClick={onClose}\n            $blur={context.options?.overlayBlur}\n          />\n        )}\n        <Container\n          style={dimensionsCSS}\n          initial={false}\n          // transition={{\n          //   ease: [0.2555, 0.1111, 0.2555, 1.0001],\n          //   duration: !positionInside && state !== 'entered' ? 0 : 0.24,\n          // }}\n        >\n          <div\n            style={{\n              pointerEvents: inTransition ? \"all\" : \"none\", // Block interaction while transitioning\n              position: \"absolute\",\n              top: 0,\n              bottom: 0,\n              left: \"50%\",\n              transform: \"translateX(-50%)\",\n              width: \"var(--width)\",\n              zIndex: 9,\n              transition: \"width 200ms ease\",\n            }}\n          />\n          <BoxContainer className={`${rendered && \"active\"}`}>\n            <AnimatePresence initial={false}>\n              {context.options?.disclaimer &&\n                context.route === ROUTES.CONNECTORS && (\n                  <DisclaimerBackground\n                    initial={{\n                      opacity: 0,\n                    }}\n                    animate={{\n                      opacity: 1,\n                    }}\n                    exit={{ opacity: 0 }}\n                    transition={{\n                      delay: 0,\n                      duration: 0.2,\n                      ease: [0.25, 0.1, 0.25, 1.0],\n                    }}\n                  >\n                    <Disclaimer>\n                      <div>{context.options?.disclaimer}</div>\n                    </Disclaimer>\n                  </DisclaimerBackground>\n                )}\n            </AnimatePresence>\n            <AnimatePresence initial={false}>\n              {context.errorMessage && (\n                <ErrorMessage\n                  initial={{ y: \"10%\", x: \"-50%\" }}\n                  animate={{ y: \"-100%\" }}\n                  exit={{ y: \"100%\" }}\n                  transition={{ duration: 0.2, ease: \"easeInOut\" }}\n                >\n                  <span>{context.errorMessage}</span>\n                  <div\n                    onClick={() => context.displayError(null)}\n                    style={{\n                      position: \"absolute\",\n                      right: 24,\n                      top: 24,\n                      cursor: \"pointer\",\n                    }}\n                  >\n                    <CloseIcon />\n                  </div>\n                </ErrorMessage>\n              )}\n            </AnimatePresence>\n            <ControllerContainer>\n              {onClose && (\n                <CloseButton\n                  aria-label={flattenChildren(locales.close).toString()}\n                  onClick={onClose}\n                >\n                  <CloseIcon />\n                </CloseButton>\n              )}\n              <div\n                style={{\n                  position: \"absolute\",\n                  top: 23,\n                  left: 20,\n                  width: 32,\n                  height: 32,\n                }}\n              >\n                <AnimatePresence>\n                  {onBack ? (\n                    <BackButton\n                      disabled={inTransition}\n                      aria-label={flattenChildren(locales.back).toString()}\n                      key=\"backButton\"\n                      onClick={onBack}\n                      initial={{ opacity: 0 }}\n                      animate={{ opacity: 1 }}\n                      exit={{ opacity: 0 }}\n                      transition={{\n                        duration: mobile ? 0 : 0.1,\n                        delay: mobile ? 0.01 : 0,\n                      }}\n                    >\n                      <BackIcon />\n                    </BackButton>\n                  ) : (\n                    onInfo &&\n                    !context.options?.hideQuestionMarkCTA && (\n                      <InfoButton\n                        disabled={inTransition}\n                        aria-label={flattenChildren(\n                          locales.moreInformation,\n                        ).toString()}\n                        key=\"infoButton\"\n                        onClick={onInfo}\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        transition={{\n                          duration: mobile ? 0 : 0.1,\n                          delay: mobile ? 0.01 : 0,\n                        }}\n                      >\n                        <InfoIcon />\n                      </InfoButton>\n                    )\n                  )}\n                </AnimatePresence>\n              </div>\n            </ControllerContainer>\n\n            <ModalHeading>\n              <AnimatePresence>\n                <motion.div\n                  style={{\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: 52,\n                    right: 52,\n                    display: \"flex\",\n                    //alignItems: 'center',\n                    justifyContent: \"center\",\n                  }}\n                  key={`${context.route}`}\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{\n                    duration: mobile ? 0 : 0.17,\n                    delay: mobile ? 0.01 : 0,\n                  }}\n                >\n                  <FitText>{getHeading()}</FitText>\n                </motion.div>\n              </AnimatePresence>\n            </ModalHeading>\n\n            <InnerContainer>\n              {Object.keys(pages).map((key) => (\n                <Page\n                  key={key}\n                  open={key === pageId}\n                  initial={!positionInside && state !== \"entered\"}\n                  enterAnim={\n                    key === pageId\n                      ? currentDepth > prevDepth\n                        ? \"active-scale-up\"\n                        : \"active\"\n                      : \"\"\n                  }\n                  exitAnim={\n                    key !== pageId\n                      ? currentDepth < prevDepth\n                        ? \"exit-scale-down\"\n                        : \"exit\"\n                      : \"\"\n                  }\n                >\n                  <PageContents\n                    key={`inner-${key}`}\n                    ref={contentRef}\n                    style={{\n                      pointerEvents:\n                        key === pageId && rendered ? \"auto\" : \"none\",\n                    }}\n                  >\n                    {pages[key]}\n                  </PageContents>\n                </Page>\n              ))}\n            </InnerContainer>\n          </BoxContainer>\n        </Container>\n      </ModalContainer>\n    </ResetContainer>\n  );\n  return (\n    <>\n      {mounted && (\n        <>\n          {positionInside ? (\n            Content\n          ) : (\n            <>\n              {\n                <Portal>\n                  <FocusTrap>{Content}</FocusTrap>\n                </Portal>\n              }\n            </>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\ntype PageProps = {\n  children?: React.ReactNode;\n  open?: boolean;\n  initial: boolean;\n  enterAnim?: string;\n  exitAnim?: string;\n};\n\nconst Page: React.FC<PageProps> = ({\n  children,\n  open,\n  initial,\n  enterAnim,\n  exitAnim,\n}) => {\n  const [state, setOpen] = useTransition({\n    timeout: 400,\n    preEnter: true,\n    initialEntered: open,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n\n  useEffect(() => {\n    setOpen(open);\n  }, [open]);\n\n  if (!mounted) return null;\n\n  return (\n    <PageContainer\n      className={`${rendered ? enterAnim : exitAnim}`}\n      style={{\n        animationDuration: initial ? \"0ms\" : undefined,\n        animationDelay: initial ? \"0ms\" : undefined,\n      }}\n    >\n      {children}\n    </PageContainer>\n  );\n};\n\nexport const OrDivider = ({ children }: { children?: React.ReactNode }) => {\n  const locales = useLocales();\n  return (\n    <TextWithHr>\n      <span>{children ?? locales.or}</span>\n    </TextWithHr>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":"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"}

package/build/src/components/Common/SelectAnotherMethodButton/index.js

@@ -1,5 +1,4 @@
 import { jsx } from 'react/jsx-runtime';
-import { ExternalPaymentOptions } from '@daimo/pay-common';
 import { useWallet } from '@solana/wallet-adapter-react';
 import { useAccount, useDisconnect } from 'wagmi';
 import { Phantom, MetaMask, Rainbow, Rabby } from '../../../assets/logos.js';
@@ -23,7 +22,8 @@ function SelectAnotherMethodButton() {
   const allPaymentOptions = Array.from(
     externalPaymentOptions.options.values()
   ).flat();
-  const uniquePaymentOption = paymentState.buttonProps?.uniquePaymentOption;
+  const paymentOptions = paymentState.buttonProps?.paymentOptions;
+  const isWalletsOnly = paymentOptions && paymentOptions.length === 1 && (Array.isArray(paymentOptions[0]) || paymentOptions[0] === "AllWallets");
   const createIconDiv = (content, key) => /* @__PURE__ */ jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: content }, key);
   const getWalletIcons = (connector2) => {
     const connectorId = connector2?.id.toLowerCase();
@@ -50,7 +50,7 @@ function SelectAnotherMethodButton() {
         "tron-usdt"
       )
     );
-    const externalIcons = allPaymentOptions.filter((option) => option.id !== ExternalPaymentOptions.Daimo).slice(0, 1).map(
+    const externalIcons = allPaymentOptions.slice(0, 1).map(
       (option) => createIconDiv(
         typeof option.logoURI === "string" ? /* @__PURE__ */ jsx("img", { src: option.logoURI, alt: option.id }) : option.logoURI,
         option.id
@@ -86,7 +86,7 @@ function SelectAnotherMethodButton() {
       options: (
         // If there are non-wallet payment options, show the full select
         // method menu. Otherwise, show the wallet menu.
-        allPaymentOptions.length > 0 && uniquePaymentOption !== "Wallets" ? [selectMethodOption] : [selectWalletOption]
+        allPaymentOptions.length > 0 && !isWalletsOnly ? [selectMethodOption] : [selectWalletOption]
       )
     }
   ) });

package/build/src/components/Common/SelectAnotherMethodButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/SelectAnotherMethodButton/index.tsx"],"sourcesContent":["import { ExternalPaymentOptions } from \"@daimo/pay-common\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { Connector, useAccount, useDisconnect } from \"wagmi\";\nimport { MetaMask, Phantom, Rabby, Rainbow } from \"../../../assets/logos\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport styled from \"../../../styles/styled\";\nimport { OptionsList } from \"../OptionsList\";\n\nconst OptionsContainer = styled.div`\n  width: 100%;\n  margin-top: 1rem;\n`;\n\nexport default function SelectAnotherMethodButton() {\n  const locales = useLocales();\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions } = paymentState;\n  const { connector } = useAccount();\n  const { disconnectAsync } = useDisconnect();\n  const { disconnect: disconnectSolana } = useWallet();\n\n  const allPaymentOptions = Array.from(\n    externalPaymentOptions.options.values(),\n  ).flat();\n  const uniquePaymentOption = paymentState.buttonProps?.uniquePaymentOption;\n\n  const createIconDiv = (content: React.ReactNode, key: string) => (\n    <div key={key} style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}>\n      {content}\n    </div>\n  );\n\n  const getWalletIcons = (connector: Connector | undefined) => {\n    const connectorId = connector?.id.toLowerCase();\n    const walletTypes = [\n      { component: <MetaMask />, id: \"metamask\" },\n      { component: <Rainbow />, id: \"rainbow\" },\n      { component: <Rabby />, id: \"rabby\" },\n    ];\n\n    const icons = walletTypes\n      .filter(({ id }) => !connectorId?.includes(id))\n      .map(({ component }) => component);\n\n    if (icons.length < 3) icons.push(<Phantom />);\n    return icons;\n  };\n\n  const getPaymentMethodIcons = () => {\n    const icons: JSX.Element[] = [];\n\n    // Add TRON USDT as first priority\n    icons.push(\n      createIconDiv(\n        <img\n          src=\"https://pay.daimo.com/chain-logos/tronusdt.svg\"\n          alt=\"TRON USDT\"\n        />,\n        \"tron-usdt\",\n      ),\n    );\n\n    // Add external payment options\n    const externalIcons = allPaymentOptions\n      .filter((option) => option.id !== ExternalPaymentOptions.Daimo)\n      .slice(0, 1)\n      .map((option) =>\n        createIconDiv(\n          typeof option.logoURI === \"string\" ? (\n            <img src={option.logoURI} alt={option.id} />\n          ) : (\n            option.logoURI\n          ),\n          option.id,\n        ),\n      );\n\n    icons.push(...externalIcons);\n\n    // Fill remaining slots with wallet icons\n    if (icons.length < 3) {\n      const walletIcons = getWalletIcons(connector);\n      const remainingSlots = 3 - icons.length;\n      icons.push(...walletIcons.slice(0, remainingSlots));\n    }\n\n    return icons.slice(0, 3);\n  };\n\n  const selectMethodOption = {\n    id: \"select-method\",\n    title: locales.payWithAnotherMethod,\n    icons: getPaymentMethodIcons(),\n    onClick: () => setRoute(ROUTES.SELECT_METHOD),\n  };\n\n  const selectWalletOption = {\n    id: \"select-wallet\",\n    title: locales.payWithAnotherWallet,\n    icons: getWalletIcons(connector),\n    onClick: async () => {\n      await disconnectAsync();\n      await disconnectSolana();\n      setRoute(ROUTES.CONNECTORS);\n    },\n  };\n\n  return (\n    <OptionsContainer>\n      <OptionsList\n        options={\n          // If there are non-wallet payment options, show the full select\n          // method menu. Otherwise, show the wallet menu.\n          allPaymentOptions.length > 0 && uniquePaymentOption !== \"Wallets\"\n            ? [selectMethodOption]\n            : [selectWalletOption]\n        }\n      />\n    </OptionsContainer>\n  );\n}\n"],"names":["connector"],"mappings":";;;;;;;;;;;AAUA,MAAM,mBAAmB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKhC,SAAwB,yBAA4B,GAAA;AAClD,EAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAC3B,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,wBAA2B,GAAA,YAAA,CAAA;AACnC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,UAAW,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,eAAgB,EAAA,GAAI,aAAc,EAAA,CAAA;AAC1C,EAAA,MAAM,EAAE,UAAA,EAAY,gBAAiB,EAAA,GAAI,SAAU,EAAA,CAAA;AAEnD,EAAA,MAAM,oBAAoB,KAAM,CAAA,IAAA;AAAA,IAC9B,sBAAA,CAAuB,QAAQ,MAAO,EAAA;AAAA,IACtC,IAAK,EAAA,CAAA;AACP,EAAM,MAAA,mBAAA,GAAsB,aAAa,WAAa,EAAA,mBAAA,CAAA;AAEtD,EAAA,MAAM,aAAgB,GAAA,CAAC,OAA0B,EAAA,GAAA,yBAC9C,KAAc,EAAA,EAAA,KAAA,EAAO,EAAE,YAAA,EAAc,OAAS,EAAA,QAAA,EAAU,QAAS,EAAA,EAC/D,qBADO,GAEV,CAAA,CAAA;AAGF,EAAM,MAAA,cAAA,GAAiB,CAACA,UAAqC,KAAA;AAC3D,IAAM,MAAA,WAAA,GAAcA,UAAW,EAAA,EAAA,CAAG,WAAY,EAAA,CAAA;AAC9C,IAAA,MAAM,WAAc,GAAA;AAAA,MAClB,EAAE,SAAW,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA,EAAI,IAAI,UAAW,EAAA;AAAA,MAC1C,EAAE,SAAW,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,CAAA,EAAI,IAAI,SAAU,EAAA;AAAA,MACxC,EAAE,SAAW,kBAAA,GAAA,CAAC,KAAM,EAAA,EAAA,CAAA,EAAI,IAAI,OAAQ,EAAA;AAAA,KACtC,CAAA;AAEA,IAAA,MAAM,QAAQ,WACX,CAAA,MAAA,CAAO,CAAC,EAAE,EAAA,OAAS,CAAC,WAAA,EAAa,QAAS,CAAA,EAAE,CAAC,CAC7C,CAAA,GAAA,CAAI,CAAC,EAAE,SAAA,OAAgB,SAAS,CAAA,CAAA;AAEnC,IAAA,IAAI,MAAM,MAAS,GAAA,CAAA,QAAS,IAAK,iBAAA,GAAA,CAAC,WAAQ,CAAE,CAAA,CAAA;AAC5C,IAAO,OAAA,KAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,QAAuB,EAAC,CAAA;AAG9B,IAAM,KAAA,CAAA,IAAA;AAAA,MACJ,aAAA;AAAA,wBACE,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAI,EAAA,gDAAA;AAAA,YACJ,GAAI,EAAA,WAAA;AAAA,WAAA;AAAA,SACN;AAAA,QACA,WAAA;AAAA,OACF;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,aAAgB,GAAA,iBAAA,CACnB,MAAO,CAAA,CAAC,MAAW,KAAA,MAAA,CAAO,EAAO,KAAA,sBAAA,CAAuB,KAAK,CAAA,CAC7D,KAAM,CAAA,CAAA,EAAG,CAAC,CACV,CAAA,GAAA;AAAA,MAAI,CAAC,MACJ,KAAA,aAAA;AAAA,QACE,OAAO,MAAA,CAAO,OAAY,KAAA,QAAA,mBACvB,GAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,MAAA,CAAO,OAAS,EAAA,GAAA,EAAK,MAAO,CAAA,EAAA,EAAI,IAE1C,MAAO,CAAA,OAAA;AAAA,QAET,MAAO,CAAA,EAAA;AAAA,OACT;AAAA,KACF,CAAA;AAEF,IAAM,KAAA,CAAA,IAAA,CAAK,GAAG,aAAa,CAAA,CAAA;AAG3B,IAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,MAAM,MAAA,WAAA,GAAc,eAAe,SAAS,CAAA,CAAA;AAC5C,MAAM,MAAA,cAAA,GAAiB,IAAI,KAAM,CAAA,MAAA,CAAA;AACjC,MAAA,KAAA,CAAM,KAAK,GAAG,WAAA,CAAY,KAAM,CAAA,CAAA,EAAG,cAAc,CAAC,CAAA,CAAA;AAAA,KACpD;AAEA,IAAO,OAAA,KAAA,CAAM,KAAM,CAAA,CAAA,EAAG,CAAC,CAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,EAAI,EAAA,eAAA;AAAA,IACJ,OAAO,OAAQ,CAAA,oBAAA;AAAA,IACf,OAAO,qBAAsB,EAAA;AAAA,IAC7B,OAAS,EAAA,MAAM,QAAS,CAAA,MAAA,CAAO,aAAa,CAAA;AAAA,GAC9C,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,EAAI,EAAA,eAAA;AAAA,IACJ,OAAO,OAAQ,CAAA,oBAAA;AAAA,IACf,KAAA,EAAO,eAAe,SAAS,CAAA;AAAA,IAC/B,SAAS,YAAY;AACnB,MAAA,MAAM,eAAgB,EAAA,CAAA;AACtB,MAAA,MAAM,gBAAiB,EAAA,CAAA;AACvB,MAAA,QAAA,CAAS,OAAO,UAAU,CAAA,CAAA;AAAA,KAC5B;AAAA,GACF,CAAA;AAEA,EAAA,2BACG,gBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA;AAAA;AAAA,QAGE,iBAAA,CAAkB,SAAS,CAAK,IAAA,mBAAA,KAAwB,YACpD,CAAC,kBAAkB,CACnB,GAAA,CAAC,kBAAkB,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAG7B,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/SelectAnotherMethodButton/index.tsx"],"sourcesContent":["import { useWallet } from \"@solana/wallet-adapter-react\";\nimport { Connector, useAccount, useDisconnect } from \"wagmi\";\nimport { MetaMask, Phantom, Rabby, Rainbow } from \"../../../assets/logos\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport styled from \"../../../styles/styled\";\nimport { OptionsList } from \"../OptionsList\";\n\nconst OptionsContainer = styled.div`\n  width: 100%;\n  margin-top: 1rem;\n`;\n\nexport default function SelectAnotherMethodButton() {\n  const locales = useLocales();\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions } = paymentState;\n  const { connector } = useAccount();\n  const { disconnectAsync } = useDisconnect();\n  const { disconnect: disconnectSolana } = useWallet();\n\n  const allPaymentOptions = Array.from(\n    externalPaymentOptions.options.values(),\n  ).flat();\n  const paymentOptions = paymentState.buttonProps?.paymentOptions;\n  const isWalletsOnly =\n    paymentOptions &&\n    paymentOptions.length === 1 &&\n    (Array.isArray(paymentOptions[0]) || paymentOptions[0] === \"AllWallets\");\n\n  const createIconDiv = (content: React.ReactNode, key: string) => (\n    <div key={key} style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}>\n      {content}\n    </div>\n  );\n\n  const getWalletIcons = (connector: Connector | undefined) => {\n    const connectorId = connector?.id.toLowerCase();\n    const walletTypes = [\n      { component: <MetaMask />, id: \"metamask\" },\n      { component: <Rainbow />, id: \"rainbow\" },\n      { component: <Rabby />, id: \"rabby\" },\n    ];\n\n    const icons = walletTypes\n      .filter(({ id }) => !connectorId?.includes(id))\n      .map(({ component }) => component);\n\n    if (icons.length < 3) icons.push(<Phantom />);\n    return icons;\n  };\n\n  const getPaymentMethodIcons = () => {\n    const icons: JSX.Element[] = [];\n\n    // Add TRON USDT as first priority\n    icons.push(\n      createIconDiv(\n        <img\n          src=\"https://pay.daimo.com/chain-logos/tronusdt.svg\"\n          alt=\"TRON USDT\"\n        />,\n        \"tron-usdt\",\n      ),\n    );\n\n    // Add external payment options\n    const externalIcons = allPaymentOptions\n      .slice(0, 1)\n      .map((option) =>\n        createIconDiv(\n          typeof option.logoURI === \"string\" ? (\n            <img src={option.logoURI} alt={option.id} />\n          ) : (\n            option.logoURI\n          ),\n          option.id,\n        ),\n      );\n\n    icons.push(...externalIcons);\n\n    // Fill remaining slots with wallet icons\n    if (icons.length < 3) {\n      const walletIcons = getWalletIcons(connector);\n      const remainingSlots = 3 - icons.length;\n      icons.push(...walletIcons.slice(0, remainingSlots));\n    }\n\n    return icons.slice(0, 3);\n  };\n\n  const selectMethodOption = {\n    id: \"select-method\",\n    title: locales.payWithAnotherMethod,\n    icons: getPaymentMethodIcons(),\n    onClick: () => setRoute(ROUTES.SELECT_METHOD),\n  };\n\n  const selectWalletOption = {\n    id: \"select-wallet\",\n    title: locales.payWithAnotherWallet,\n    icons: getWalletIcons(connector),\n    onClick: async () => {\n      await disconnectAsync();\n      await disconnectSolana();\n      setRoute(ROUTES.CONNECTORS);\n    },\n  };\n\n  return (\n    <OptionsContainer>\n      <OptionsList\n        options={\n          // If there are non-wallet payment options, show the full select\n          // method menu. Otherwise, show the wallet menu.\n          allPaymentOptions.length > 0 && !isWalletsOnly\n            ? [selectMethodOption]\n            : [selectWalletOption]\n        }\n      />\n    </OptionsContainer>\n  );\n}\n"],"names":["connector"],"mappings":"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"}

package/build/src/components/DaimoPayButton/index.js

@@ -48,8 +48,7 @@ function DaimoPayButtonCustom(props) {
     externalId: props.externalId,
     metadata: props.metadata,
     refundAddress: props.refundAddress,
-    passthroughTokens: props.passthroughTokens,
-    uniquePaymentOption: props.uniquePaymentOption
+    passthroughTokens: props.passthroughTokens
   } : null;
   let payId = "payId" in props ? props.payId : null;
   const { paymentState } = context;

package/build/src/components/DaimoPayButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/DaimoPayButton/index.tsx"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useRef } from \"react\";\n\nimport { usePayContext } from \"../../hooks/usePayContext\";\nimport { TextContainer } from \"./styles\";\n\nimport {\n  assertNotNull,\n  DaimoPayEventType,\n  DaimoPayOrderView,\n  DaimoPayUserMetadata,\n  ExternalPaymentOptionsString,\n  getDaimoPayOrderView,\n  getOrderDestChainId,\n  getOrderSourceChainId,\n  PaymentBouncedEvent,\n  PaymentCompletedEvent,\n  PaymentStartedEvent,\n  UniquePaymentOptionsString,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { AnimatePresence, Variants } from \"framer-motion\";\nimport { Address, Hex } from \"viem\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport { PayParams } from \"../../payment/paymentFsm\";\nimport { ResetContainer } from \"../../styles\";\nimport { CustomTheme, Mode, Theme } from \"../../types\";\nimport ThemedButton, { ThemeContainer } from \"../Common/ThemedButton\";\n\n/** Payment details and status. */\nexport type DaimoPayment = DaimoPayOrderView;\n\n/** Props for DaimoPayButton. */\nexport type PayButtonPaymentProps =\n  | {\n      /**\n       * Your public app ID. Specify either (payId) or (appId + parameters).\n       */\n      appId: string;\n      /**\n       * Destination chain ID.\n       */\n      toChain: number;\n      /**\n       * The destination token to send, completing payment. Must be an ERC-20\n       * token or the zero address, indicating the native token / ETH.\n       */\n      toToken: Address;\n      /**\n       * The amount of destination token to send (transfer or approve).\n       * If not provided, the user will be prompted to enter an amount.\n       */\n      toUnits?: string;\n      /**\n       * The destination address to transfer to, or contract to call.\n       */\n      toAddress: Address;\n      /**\n       * Optional calldata to call an arbitrary function on `toAddress`.\n       */\n      toCallData?: Hex;\n      /**\n       * The intent verb, such as \"Pay\", \"Deposit\", or \"Purchase\".\n       */\n      intent?: string;\n      /**\n       * Payment options. By default, all are enabled.\n       */\n      paymentOptions?: ExternalPaymentOptionsString[];\n      /**\n       * Preferred chain IDs. Assets on these chains will appear first.\n       */\n      preferredChains?: number[];\n      /**\n       * Preferred tokens. These appear first in the token list.\n       */\n      preferredTokens?: { chain: number; address: Address }[];\n      /**\n       * Only allow payments on these EVM chains.\n       */\n      evmChains?: number[];\n      /**\n       * External ID. E.g. a correlation ID.\n       */\n      externalId?: string;\n      /**\n       * Developer metadata. E.g. correlation ID.\n       * */\n      metadata?: DaimoPayUserMetadata;\n      /**\n       * The address to refund to if the payment bounces.\n       */\n      refundAddress?: Address;\n      /**\n       * Pass-through tokens. If the user pays via a pass-through\n       * token, it is sent directly to `toAddress` with no swapping or bridging.\n       */\n      passthroughTokens?: PassthroughToken[];\n      /** Only show one payment option to the user. */\n      uniquePaymentOption?: UniquePaymentOptionsString;\n    }\n  | {\n      /** The payment ID, generated via the Daimo Pay API. Replaces params above. */\n      payId: string;\n      /** Payment options. By default, all are enabled. */\n      paymentOptions?: ExternalPaymentOptionsString[];\n      /** Only show one payment option to the user. */\n      uniquePaymentOption?: UniquePaymentOptionsString;\n    };\n\n/**\n * Represents a pass-through token. If the user pays via a pass-through\n * token, it is sent directly to `toAddress` with no swapping or bridging.\n */\ntype PassthroughToken = {\n  chain: number;\n  address: Address;\n};\n\ntype PayButtonCommonProps = PayButtonPaymentProps & {\n  /** Called when user sends payment and transaction is seen on chain */\n  onPaymentStarted?: (event: PaymentStartedEvent) => void;\n  /** Called when destination transfer or call completes successfully */\n  onPaymentCompleted?: (event: PaymentCompletedEvent) => void;\n  /** Called when destination call reverts and funds are refunded */\n  onPaymentBounced?: (event: PaymentBouncedEvent) => void;\n  /** Called when the modal is opened. */\n  onOpen?: () => void;\n  /** Called when the modal is closed. */\n  onClose?: () => void;\n  /** Open the modal by default. */\n  defaultOpen?: boolean;\n  /** Automatically close the modal after a successful payment. */\n  closeOnSuccess?: boolean;\n  /** Reset the payment after a successful payment. */\n  resetOnSuccess?: boolean;\n  /** Go directly to tokens in already-connected Ethereum and Solana wallet(s).\n   * Don't let the user pick any other payment method. Used in embedded flows.*/\n  connectedWalletOnly?: boolean;\n  /** Custom message to display on confirmation page. */\n  confirmationMessage?: string;\n  /** Redirect URL to return to the app. E.g. after Coinbase, Binance, RampNetwork. */\n  redirectReturnUrl?: string;\n};\n\nexport type DaimoPayButtonProps = PayButtonCommonProps & {\n  /** Light mode, dark mode, or auto. */\n  mode?: Mode;\n  /** Named theme. See docs for options. */\n  theme?: Theme;\n  /** Custom theme. See docs for options. */\n  customTheme?: CustomTheme;\n  /** Disable interaction. */\n  disabled?: boolean;\n};\n\nexport type DaimoPayButtonCustomProps = PayButtonCommonProps & {\n  /** Custom renderer */\n  children: (renderProps: {\n    show: () => void;\n    hide: () => void;\n  }) => ReactElement;\n};\n\n/**\n * A button that shows the Daimo Pay checkout. Replaces the traditional\n * Connect Wallet » approve » execute sequence with a single action.\n */\nexport function DaimoPayButton(props: DaimoPayButtonProps): JSX.Element {\n  const { theme, mode, customTheme } = props;\n  const context = usePayContext();\n\n  return (\n    <DaimoPayButtonCustom {...props}>\n      {({ show }) => (\n        <ResetContainer\n          $useTheme={theme ?? context.theme}\n          $useMode={mode ?? context.mode}\n          $customTheme={customTheme ?? context.customTheme}\n        >\n          <ThemeContainer onClick={props.disabled ? undefined : show}>\n            <ThemedButton\n              theme={theme ?? context.theme}\n              mode={mode ?? context.mode}\n              customTheme={customTheme ?? context.customTheme}\n            >\n              <DaimoPayButtonInner />\n            </ThemedButton>\n          </ThemeContainer>\n        </ResetContainer>\n      )}\n    </DaimoPayButtonCustom>\n  );\n}\n\n/** Like DaimoPayButton, but with custom styling. */\nfunction DaimoPayButtonCustom(props: DaimoPayButtonCustomProps): JSX.Element {\n  const context = usePayContext();\n\n  // Pre-load payment info in background.\n  // Reload when any of the info changes.\n  let payParams: PayParams | null =\n    \"appId\" in props\n      ? {\n          appId: props.appId,\n          toChain: props.toChain,\n          toAddress: props.toAddress,\n          toToken: props.toToken,\n          toUnits: props.toUnits,\n          toCallData: props.toCallData,\n          intent: props.intent,\n          paymentOptions: props.paymentOptions,\n          preferredChains: props.preferredChains,\n          preferredTokens: props.preferredTokens,\n          evmChains: props.evmChains,\n          externalId: props.externalId,\n          metadata: props.metadata,\n          refundAddress: props.refundAddress,\n          passthroughTokens: props.passthroughTokens,\n          uniquePaymentOption: props.uniquePaymentOption,\n        }\n      : null;\n  let payId = \"payId\" in props ? props.payId : null;\n\n  const { paymentState } = context;\n  const { order, paymentState: payState } = useDaimoPay();\n\n  // Set the payId or payParams\n  useEffect(() => {\n    if (payId != null) {\n      paymentState.setPayId(payId);\n    } else if (payParams != null) {\n      paymentState.setPayParams(payParams);\n    }\n    paymentState.setButtonProps(props);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [payId, JSON.stringify(payParams || {})]);\n\n  // Set the confirmation message\n  const { setConfirmationMessage } = context;\n  useEffect(() => {\n    if (props.confirmationMessage) {\n      setConfirmationMessage(props.confirmationMessage);\n    }\n  }, [props.confirmationMessage, setConfirmationMessage]);\n\n  // Set the redirect return url\n  const { setRedirectReturnUrl } = context;\n  useEffect(() => {\n    if (props.redirectReturnUrl) {\n      setRedirectReturnUrl(props.redirectReturnUrl);\n    }\n  }, [props.redirectReturnUrl, setRedirectReturnUrl]);\n\n  // Set the onOpen and onClose callbacks\n  const { setOnOpen, setOnClose } = context;\n  useEffect(() => {\n    setOnOpen(props.onOpen);\n    return () => setOnOpen(undefined);\n  }, [props.onOpen, setOnOpen]);\n\n  useEffect(() => {\n    setOnClose(props.onClose);\n    return () => setOnClose(undefined);\n  }, [props.onClose, setOnClose]);\n\n  // Payment events: call these three event handlers.\n  const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;\n\n  // Functions to show and hide the modal\n  const { children, closeOnSuccess, resetOnSuccess, connectedWalletOnly } =\n    props;\n  const show = useCallback(() => {\n    const modalOptions = {\n      closeOnSuccess,\n      resetOnSuccess,\n      connectedWalletOnly,\n    };\n    context.showPayment(modalOptions);\n  }, [connectedWalletOnly, closeOnSuccess, resetOnSuccess, context]);\n  const hide = useCallback(() => context.setOpen(false), [context]);\n\n  // Emit onPaymentStart handler when payment state changes to payment_started\n  const sentStart = useRef(false);\n  useEffect(() => {\n    if (sentStart.current) return;\n    if (payState !== \"payment_started\") return;\n\n    // TODO: Populate source payment details immediately when the user pays.\n    // Use this hack because source chain id is not immediately populated when\n    // payment_started\n    const sourceChainId = getOrderSourceChainId(order);\n    if (sourceChainId == null) return;\n\n    sentStart.current = true;\n    onPaymentStarted?.({\n      type: DaimoPayEventType.PaymentStarted,\n      paymentId: writeDaimoPayOrderID(order.id),\n      chainId: sourceChainId,\n      txHash: order.sourceInitiateTxHash,\n      payment: getDaimoPayOrderView(order),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, payState]);\n\n  // Emit onPaymentComplete or onPaymentBounced handler when payment state\n  // changes to payment_completed or payment_bounced\n  const sentComplete = useRef(false);\n  useEffect(() => {\n    if (sentComplete.current) return;\n    if (payState !== \"payment_completed\" && payState !== \"payment_bounced\")\n      return;\n\n    sentComplete.current = true;\n    const eventType =\n      payState === \"payment_completed\"\n        ? DaimoPayEventType.PaymentCompleted\n        : DaimoPayEventType.PaymentBounced;\n    const passthroughTxHash =\n      order.passedToAddress == null ? undefined : order.sourceInitiateTxHash;\n    const event = {\n      type: eventType,\n      paymentId: writeDaimoPayOrderID(order.id),\n      chainId: getOrderDestChainId(order),\n      txHash: assertNotNull(\n        order.destFastFinishTxHash ??\n          order.destClaimTxHash ??\n          passthroughTxHash,\n        `[PAY BUTTON] dest tx hash null on order ${order.id} when intent status is ${order.intentStatus}`,\n      ),\n      payment: getDaimoPayOrderView(order),\n    };\n\n    if (payState === \"payment_completed\") {\n      onPaymentCompleted?.(event as PaymentCompletedEvent);\n    } else if (payState === \"payment_bounced\") {\n      onPaymentBounced?.(event as PaymentBouncedEvent);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, payState]);\n\n  // Open the modal by default if the defaultOpen prop is true\n  const hasAutoOpened = useRef(false);\n  useEffect(() => {\n    if (!props.defaultOpen || hasAutoOpened.current) return;\n    if (order == null) return;\n    show();\n    hasAutoOpened.current = true;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, props.defaultOpen, hasAutoOpened.current]);\n\n  // Validation\n  if ((payId == null) == (payParams == null)) {\n    throw new Error(\"Must specify either payId or appId, not both\");\n  }\n\n  return children({ show, hide });\n}\n\nDaimoPayButtonCustom.displayName = \"DaimoPayButton.Custom\";\n\nDaimoPayButton.Custom = DaimoPayButtonCustom;\n\nconst contentVariants: Variants = {\n  initial: {\n    zIndex: 2,\n    opacity: 0,\n    x: \"-100%\",\n  },\n  animate: {\n    opacity: 1,\n    x: 0.1,\n    transition: {\n      duration: 0.4,\n      ease: [0.25, 1, 0.5, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    x: \"-100%\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    transition: {\n      duration: 0.4,\n      ease: [0.25, 1, 0.5, 1],\n    },\n  },\n};\n\nexport function DaimoPayButtonInner() {\n  const { order } = useDaimoPay();\n  const locales = useLocales();\n  const defaultLabel = locales.payButton_defaultLabel;\n  const label = order?.metadata?.intent ?? defaultLabel;\n\n  return (\n    <AnimatePresence initial={false}>\n      <TextContainer\n        initial={\"initial\"}\n        animate={\"animate\"}\n        exit={\"exit\"}\n        variants={contentVariants}\n        style={{\n          height: 40,\n        }}\n      >\n        {label}\n      </TextContainer>\n    </AnimatePresence>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/DaimoPayButton/index.tsx"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useRef } from \"react\";\n\nimport { usePayContext } from \"../../hooks/usePayContext\";\nimport { TextContainer } from \"./styles\";\n\nimport {\n  assertNotNull,\n  DaimoPayEventType,\n  DaimoPayOrderView,\n  DaimoPayUserMetadata,\n  ExternalPaymentOptionsString,\n  getDaimoPayOrderView,\n  getOrderDestChainId,\n  getOrderSourceChainId,\n  PaymentBouncedEvent,\n  PaymentCompletedEvent,\n  PaymentStartedEvent,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { AnimatePresence, Variants } from \"framer-motion\";\nimport { Address, Hex } from \"viem\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport { PayParams } from \"../../payment/paymentFsm\";\nimport { ResetContainer } from \"../../styles\";\nimport { CustomTheme, Mode, Theme } from \"../../types\";\nimport ThemedButton, { ThemeContainer } from \"../Common/ThemedButton\";\n\n/** Payment details and status. */\nexport type DaimoPayment = DaimoPayOrderView;\n\n/** Props for DaimoPayButton. */\nexport type PayButtonPaymentProps =\n  | {\n      /**\n       * Your public app ID. Specify either (payId) or (appId + parameters).\n       */\n      appId: string;\n      /**\n       * Destination chain ID.\n       */\n      toChain: number;\n      /**\n       * The destination token to send, completing payment. Must be an ERC-20\n       * token or the zero address, indicating the native token / ETH.\n       */\n      toToken: Address;\n      /**\n       * The amount of destination token to send (transfer or approve).\n       * If not provided, the user will be prompted to enter an amount.\n       */\n      toUnits?: string;\n      /**\n       * The destination address to transfer to, or contract to call.\n       */\n      toAddress: Address;\n      /**\n       * Optional calldata to call an arbitrary function on `toAddress`.\n       */\n      toCallData?: Hex;\n      /**\n       * The intent verb, such as \"Pay\", \"Deposit\", or \"Purchase\".\n       */\n      intent?: string;\n      /**\n       * Payment options. By default, all are enabled.\n       * Supports nested arrays for mobile wallet filtering, e.g. [[\"MiniPay\", \"Metamask\"], \"AllExchanges\"]\n       */\n      paymentOptions?: (\n        | ExternalPaymentOptionsString\n        | ExternalPaymentOptionsString[]\n      )[];\n      /**\n       * Preferred chain IDs. Assets on these chains will appear first.\n       */\n      preferredChains?: number[];\n      /**\n       * Preferred tokens. These appear first in the token list.\n       */\n      preferredTokens?: { chain: number; address: Address }[];\n      /**\n       * Only allow payments on these EVM chains.\n       */\n      evmChains?: number[];\n      /**\n       * External ID. E.g. a correlation ID.\n       */\n      externalId?: string;\n      /**\n       * Developer metadata. E.g. correlation ID.\n       * */\n      metadata?: DaimoPayUserMetadata;\n      /**\n       * The address to refund to if the payment bounces.\n       */\n      refundAddress?: Address;\n      /**\n       * Pass-through tokens. If the user pays via a pass-through\n       * token, it is sent directly to `toAddress` with no swapping or bridging.\n       */\n      passthroughTokens?: PassthroughToken[];\n      /** Wallet connector id to force to the top of the list. */\n      prioritizedWalletId?: string;\n    }\n  | {\n      /** The payment ID, generated via the Daimo Pay API. Replaces params above. */\n      payId: string;\n      /** Payment options. By default, all are enabled. */\n      paymentOptions?: (\n        | ExternalPaymentOptionsString\n        | ExternalPaymentOptionsString[]\n      )[];\n      /** Wallet connector id to force to the top of the list. */\n      prioritizedWalletId?: string;\n    };\n\n/**\n * Represents a pass-through token. If the user pays via a pass-through\n * token, it is sent directly to `toAddress` with no swapping or bridging.\n */\ntype PassthroughToken = {\n  chain: number;\n  address: Address;\n};\n\ntype PayButtonCommonProps = PayButtonPaymentProps & {\n  /** Called when user sends payment and transaction is seen on chain */\n  onPaymentStarted?: (event: PaymentStartedEvent) => void;\n  /** Called when destination transfer or call completes successfully */\n  onPaymentCompleted?: (event: PaymentCompletedEvent) => void;\n  /** Called when destination call reverts and funds are refunded */\n  onPaymentBounced?: (event: PaymentBouncedEvent) => void;\n  /** Called when the modal is opened. */\n  onOpen?: () => void;\n  /** Called when the modal is closed. */\n  onClose?: () => void;\n  /** Open the modal by default. */\n  defaultOpen?: boolean;\n  /** Automatically close the modal after a successful payment. */\n  closeOnSuccess?: boolean;\n  /** Reset the payment after a successful payment. */\n  resetOnSuccess?: boolean;\n  /** Go directly to tokens in already-connected Ethereum and Solana wallet(s).\n   * Don't let the user pick any other payment method. Used in embedded flows.*/\n  connectedWalletOnly?: boolean;\n  /** Custom message to display on confirmation page. */\n  confirmationMessage?: string;\n  /** Redirect URL to return to the app. E.g. after Coinbase, Binance, RampNetwork. */\n  redirectReturnUrl?: string;\n  /** Wallet connector id to force to the top of the list. */\n  prioritizedWalletId?: string;\n};\n\nexport type DaimoPayButtonProps = PayButtonCommonProps & {\n  /** Light mode, dark mode, or auto. */\n  mode?: Mode;\n  /** Named theme. See docs for options. */\n  theme?: Theme;\n  /** Custom theme. See docs for options. */\n  customTheme?: CustomTheme;\n  /** Disable interaction. */\n  disabled?: boolean;\n};\n\nexport type DaimoPayButtonCustomProps = PayButtonCommonProps & {\n  /** Custom renderer */\n  children: (renderProps: {\n    show: () => void;\n    hide: () => void;\n  }) => ReactElement;\n};\n\n/**\n * A button that shows the Daimo Pay checkout. Replaces the traditional\n * Connect Wallet » approve » execute sequence with a single action.\n */\nexport function DaimoPayButton(props: DaimoPayButtonProps): JSX.Element {\n  const { theme, mode, customTheme } = props;\n  const context = usePayContext();\n\n  return (\n    <DaimoPayButtonCustom {...props}>\n      {({ show }) => (\n        <ResetContainer\n          $useTheme={theme ?? context.theme}\n          $useMode={mode ?? context.mode}\n          $customTheme={customTheme ?? context.customTheme}\n        >\n          <ThemeContainer onClick={props.disabled ? undefined : show}>\n            <ThemedButton\n              theme={theme ?? context.theme}\n              mode={mode ?? context.mode}\n              customTheme={customTheme ?? context.customTheme}\n            >\n              <DaimoPayButtonInner />\n            </ThemedButton>\n          </ThemeContainer>\n        </ResetContainer>\n      )}\n    </DaimoPayButtonCustom>\n  );\n}\n\n/** Like DaimoPayButton, but with custom styling. */\nfunction DaimoPayButtonCustom(props: DaimoPayButtonCustomProps): JSX.Element {\n  const context = usePayContext();\n\n  // Pre-load payment info in background.\n  // Reload when any of the info changes.\n  let payParams: PayParams | null =\n    \"appId\" in props\n      ? {\n          appId: props.appId,\n          toChain: props.toChain,\n          toAddress: props.toAddress,\n          toToken: props.toToken,\n          toUnits: props.toUnits,\n          toCallData: props.toCallData,\n          intent: props.intent,\n          paymentOptions: props.paymentOptions,\n          preferredChains: props.preferredChains,\n          preferredTokens: props.preferredTokens,\n          evmChains: props.evmChains,\n          externalId: props.externalId,\n          metadata: props.metadata,\n          refundAddress: props.refundAddress,\n          passthroughTokens: props.passthroughTokens,\n        }\n      : null;\n  let payId = \"payId\" in props ? props.payId : null;\n\n  const { paymentState } = context;\n  const { order, paymentState: payState } = useDaimoPay();\n\n  // Set the payId or payParams\n  useEffect(() => {\n    if (payId != null) {\n      paymentState.setPayId(payId);\n    } else if (payParams != null) {\n      paymentState.setPayParams(payParams);\n    }\n    paymentState.setButtonProps(props);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [payId, JSON.stringify(payParams || {})]);\n\n  // Set the confirmation message\n  const { setConfirmationMessage } = context;\n  useEffect(() => {\n    if (props.confirmationMessage) {\n      setConfirmationMessage(props.confirmationMessage);\n    }\n  }, [props.confirmationMessage, setConfirmationMessage]);\n\n  // Set the redirect return url\n  const { setRedirectReturnUrl } = context;\n  useEffect(() => {\n    if (props.redirectReturnUrl) {\n      setRedirectReturnUrl(props.redirectReturnUrl);\n    }\n  }, [props.redirectReturnUrl, setRedirectReturnUrl]);\n\n  // Set the onOpen and onClose callbacks\n  const { setOnOpen, setOnClose } = context;\n  useEffect(() => {\n    setOnOpen(props.onOpen);\n    return () => setOnOpen(undefined);\n  }, [props.onOpen, setOnOpen]);\n\n  useEffect(() => {\n    setOnClose(props.onClose);\n    return () => setOnClose(undefined);\n  }, [props.onClose, setOnClose]);\n\n  // Payment events: call these three event handlers.\n  const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;\n\n  // Functions to show and hide the modal\n  const { children, closeOnSuccess, resetOnSuccess, connectedWalletOnly } =\n    props;\n  const show = useCallback(() => {\n    const modalOptions = {\n      closeOnSuccess,\n      resetOnSuccess,\n      connectedWalletOnly,\n    };\n    context.showPayment(modalOptions);\n  }, [connectedWalletOnly, closeOnSuccess, resetOnSuccess, context]);\n  const hide = useCallback(() => context.setOpen(false), [context]);\n\n  // Emit onPaymentStart handler when payment state changes to payment_started\n  const sentStart = useRef(false);\n  useEffect(() => {\n    if (sentStart.current) return;\n    if (payState !== \"payment_started\") return;\n\n    // TODO: Populate source payment details immediately when the user pays.\n    // Use this hack because source chain id is not immediately populated when\n    // payment_started\n    const sourceChainId = getOrderSourceChainId(order);\n    if (sourceChainId == null) return;\n\n    sentStart.current = true;\n    onPaymentStarted?.({\n      type: DaimoPayEventType.PaymentStarted,\n      paymentId: writeDaimoPayOrderID(order.id),\n      chainId: sourceChainId,\n      txHash: order.sourceInitiateTxHash,\n      payment: getDaimoPayOrderView(order),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, payState]);\n\n  // Emit onPaymentComplete or onPaymentBounced handler when payment state\n  // changes to payment_completed or payment_bounced\n  const sentComplete = useRef(false);\n  useEffect(() => {\n    if (sentComplete.current) return;\n    if (payState !== \"payment_completed\" && payState !== \"payment_bounced\")\n      return;\n\n    sentComplete.current = true;\n    const eventType =\n      payState === \"payment_completed\"\n        ? DaimoPayEventType.PaymentCompleted\n        : DaimoPayEventType.PaymentBounced;\n    const passthroughTxHash =\n      order.passedToAddress == null ? undefined : order.sourceInitiateTxHash;\n    const event = {\n      type: eventType,\n      paymentId: writeDaimoPayOrderID(order.id),\n      chainId: getOrderDestChainId(order),\n      txHash: assertNotNull(\n        order.destFastFinishTxHash ??\n          order.destClaimTxHash ??\n          passthroughTxHash,\n        `[PAY BUTTON] dest tx hash null on order ${order.id} when intent status is ${order.intentStatus}`,\n      ),\n      payment: getDaimoPayOrderView(order),\n    };\n\n    if (payState === \"payment_completed\") {\n      onPaymentCompleted?.(event as PaymentCompletedEvent);\n    } else if (payState === \"payment_bounced\") {\n      onPaymentBounced?.(event as PaymentBouncedEvent);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, payState]);\n\n  // Open the modal by default if the defaultOpen prop is true\n  const hasAutoOpened = useRef(false);\n  useEffect(() => {\n    if (!props.defaultOpen || hasAutoOpened.current) return;\n    if (order == null) return;\n    show();\n    hasAutoOpened.current = true;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, props.defaultOpen, hasAutoOpened.current]);\n\n  // Validation\n  if ((payId == null) == (payParams == null)) {\n    throw new Error(\"Must specify either payId or appId, not both\");\n  }\n\n  return children({ show, hide });\n}\n\nDaimoPayButtonCustom.displayName = \"DaimoPayButton.Custom\";\n\nDaimoPayButton.Custom = DaimoPayButtonCustom;\n\nconst contentVariants: Variants = {\n  initial: {\n    zIndex: 2,\n    opacity: 0,\n    x: \"-100%\",\n  },\n  animate: {\n    opacity: 1,\n    x: 0.1,\n    transition: {\n      duration: 0.4,\n      ease: [0.25, 1, 0.5, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    x: \"-100%\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    transition: {\n      duration: 0.4,\n      ease: [0.25, 1, 0.5, 1],\n    },\n  },\n};\n\nexport function DaimoPayButtonInner() {\n  const { order } = useDaimoPay();\n  const locales = useLocales();\n  const defaultLabel = locales.payButton_defaultLabel;\n  const label = order?.metadata?.intent ?? defaultLabel;\n\n  return (\n    <AnimatePresence initial={false}>\n      <TextContainer\n        initial={\"initial\"}\n        animate={\"animate\"}\n        exit={\"exit\"}\n        variants={contentVariants}\n        style={{\n          height: 40,\n        }}\n      >\n        {label}\n      </TextContainer>\n    </AnimatePresence>\n  );\n}\n"],"names":[],"mappings":"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"}