@daimo/pay 1.16.7 → 1.16.9

package/build/index.d.ts

@@ -18,15 +18,11 @@ type DefaultConfigProps = {
     appIcon?: string;
     appDescription?: string;
     appUrl?: string;
-    /**
-     * RPC URL used to sponsor gas fees for transactions made with Porto wallets.
-     */
-    merchantRpcUrl?: string;
     coinbaseWalletPreference?: CoinbaseWalletParameters<"4">["preference"];
     additionalConnectors?: CreateConnectorFn[];
 } & Partial<CreateConfigParameters>;
 /** Daimo Pay recommended config, for use with wagmi's createConfig(). */
-declare const defaultConfig: ({ appName, appIcon, appDescription, appUrl, additionalConnectors, chains, client, merchantRpcUrl, ...props }: DefaultConfigProps) => CreateConfigParameters;
+declare const defaultConfig: ({ appName, appIcon, appDescription, appUrl, additionalConnectors, chains, client, ...props }: DefaultConfigProps) => CreateConfigParameters;
 
 type useConnectCallbackProps = {
     onConnect?: ({ address, connectorId, }: {
@@ -539,8 +535,8 @@ interface PaymentState {
     selectedDepositAddressOption: DepositAddressPaymentOptionMetadata | undefined;
     getOrderUsdLimit: () => number;
     setPaymentWaitingMessage: (message: string | undefined) => void;
-    tokenMode: "evm" | "solana" | "showCoin";
-    setTokenMode: (mode: "evm" | "solana" | "showCoin") => void;
+    tokenMode: "evm" | "solana" | "all";
+    setTokenMode: (mode: "evm" | "solana" | "all") => void;
     setSelectedWallet: (wallet: WalletConfigProps | undefined) => void;
     setSelectedWalletDeepLink: (deepLink: string | undefined) => void;
     setSelectedExternalOption: (option: ExternalPaymentOptionMetadata | undefined) => void;

package/build/package.json.js

@@ -1,5 +1,5 @@
 var name = "@daimo/pay";
-var version = "1.16.7";
+var version = "1.16.9";
 var author = "Daimo";
 var homepage = "https://pay.daimo.com";
 var license = "BSD-2-Clause license";
@@ -31,7 +31,7 @@ var scripts = {
 	lint: "eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings=0"
 };
 var dependencies = {
-	"@daimo/pay-common": "1.16.7",
+	"@daimo/pay-common": "1.16.9",
 	"@solana/wallet-adapter-base": "^0.9.23",
 	"@solana/wallet-adapter-react": "^0.15.35",
 	"@solana/web3.js": "^1.95.4",
@@ -46,8 +46,7 @@ var dependencies = {
 	"react-transition-state": "^1.1.4",
 	"react-use-measure": "^2.1.1",
 	"resize-observer-polyfill": "^1.5.1",
-	"styled-components": "^5.3.5",
-	porto: "^0.0.80"
+	"styled-components": "^5.3.5"
 };
 var peerDependencies = {
 	"@tanstack/react-query": ">=5.0.0",

package/build/package.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,7 +5,7 @@ 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, isPortoConnector, isGeminiConnector } from '../../../utils/index.js';
+import { detectBrowser, isBaseAccountConnector, isGeminiConnector } from '../../../utils/index.js';
 import { useWallets, WALLET_ID_OTHER_WALLET, WALLET_ID_MOBILE_WALLETS } from '../../../wallets/useWallets.js';
 import { ScrollArea } from '../ScrollArea/index.js';
 import Alert from '../Alert/index.js';
@@ -48,7 +48,7 @@ const ConnectorItem = ({
   const redirectToMoreWallets = isMobile && wallet.id === WALLET_ID_OTHER_WALLET;
   const redirectToMobileWallets = wallet.id === WALLET_ID_MOBILE_WALLETS;
   const redirectToWorld = wallet.id === "world";
-  const shouldConnectImmediately = (detectBrowser() === "safari" || detectBrowser() === "ios") && (isBaseAccountConnector(wallet.connector?.id) || isPortoConnector(wallet.connector?.id) || isGeminiConnector(wallet.connector?.id));
+  const shouldConnectImmediately = (detectBrowser() === "safari" || detectBrowser() === "ios") && (isBaseAccountConnector(wallet.connector?.id) || isGeminiConnector(wallet.connector?.id));
   const onClick = () => {
     const meta = { event: "connector-list-click", walletId: wallet.id };
     if (wallet.solanaConnectorName && !isMobile) {

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  isPortoConnector,\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      isPortoConnector(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 { 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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"}

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

@@ -15,7 +15,7 @@ import { formatUsd } from '../../../utils/format.js';
 
 const OrderHeader = ({
   minified = false,
-  show = "showCoin"
+  show = "all"
 }) => {
   const { paymentState, route } = usePayContext();
   const { isConnected: isEthConnected, address, connector } = useAccount();
@@ -71,16 +71,8 @@ const OrderHeader = ({
         show === "solana" && isSolanaConnected && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(SubtitleContainer, { children: [
           /* @__PURE__ */ jsx(Subtitle, { children: solWalletDisplayName }),
           solanaIcon
-        ] }) }),
-        show === "showCoin" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CoinLogos, { $size: 32 }) })
+        ] }) })
       ] });
-    } else {
-      if (show !== "hideCoin") {
-        return /* @__PURE__ */ jsxs(MinifiedContainer, { children: [
-          /* @__PURE__ */ jsx(CoinLogos, {}),
-          /* @__PURE__ */ jsx(Subtitle, { children: locales.tokensAccepted })
-        ] });
-      }
     }
   } else {
     return /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/OrderHeader/index.tsx"],"sourcesContent":["import { getAddressContraction } from \"@daimo/pay-common\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { motion } from \"framer-motion\";\nimport React from \"react\";\nimport { useAccount } from \"wagmi\";\nimport {\n  Arbitrum,\n  Base,\n  Ethereum,\n  Optimism,\n  Polygon,\n  Solana,\n} from \"../../../assets/chains\";\nimport { USDC } from \"../../../assets/coins\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport styled from \"../../../styles/styled\";\nimport { formatUsd } from \"../../../utils/format\";\n\n/** Shows payment amount. */\nexport const OrderHeader = ({\n  minified = false,\n  show = \"showCoin\",\n}: {\n  minified?: boolean;\n  show?: \"evm\" | \"solana\" | \"hideCoin\" | \"showCoin\";\n}) => {\n  const { paymentState, route } = usePayContext();\n  const { isConnected: isEthConnected, address, connector } = useAccount();\n  const {\n    connected: isSolanaConnected,\n    publicKey,\n    wallet: solanaWallet,\n  } = useWallet();\n  const { senderEnsName } = paymentState;\n  const { order } = useDaimoPay();\n\n  const ethWalletDisplayName =\n    senderEnsName ?? (address ? getAddressContraction(address) : \"wallet\");\n  const solWalletDisplayName = getAddressContraction(\n    publicKey?.toBase58() ?? \"\",\n  );\n  const orderUsd = order?.destFinalCallTokenAmount.usd;\n\n  const locales = useLocales();\n\n  const titleAmountContent = (() => {\n    if (paymentState.isDepositFlow) {\n      return route === ROUTES.SELECT_TOKEN ? (\n        // TODO: make this match `ModalH1` font size for mobile\n        <span style={{ fontSize: \"19px\", lineHeight: \"22px\" }}>\n          {locales.yourBalances}\n        </span>\n      ) : null;\n    } else {\n      return orderUsd != null ? (\n        <span>{formatUsd(orderUsd, \"nearest\")}</span>\n      ) : null;\n    }\n  })();\n\n  const renderIcon = (\n    icon: React.ReactNode | string | undefined,\n    name?: string,\n    size = 32,\n  ): JSX.Element | null => {\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <LogoContainer $size={size} $zIndex={1} style={{ borderRadius: \"22.5%\" }}>\n        {typeof icon === \"string\" ? (\n          <img\n            src={icon}\n            alt={name || \"wallet\"}\n            style={{ maxWidth: \"100%\", maxHeight: \"100%\" }}\n          />\n        ) : (\n          icon\n        )}\n      </LogoContainer>\n    );\n  };\n  let walletIcon = renderIcon(connector?.icon);\n  let solanaIcon = renderIcon(\n    solanaWallet?.adapter.icon || <Solana />,\n    solanaWallet?.adapter.name,\n  );\n\n  if (minified) {\n    if (titleAmountContent != null) {\n      return (\n        <MinifiedContainer>\n          <MinifiedTitleAmount>{titleAmountContent}</MinifiedTitleAmount>\n          {show === \"evm\" && isEthConnected && (\n            <>\n              <SubtitleContainer>\n                <Subtitle>{ethWalletDisplayName}</Subtitle>\n                {walletIcon}\n              </SubtitleContainer>\n            </>\n          )}\n          {show === \"solana\" && isSolanaConnected && (\n            <>\n              <SubtitleContainer>\n                <Subtitle>{solWalletDisplayName}</Subtitle>\n                {solanaIcon}\n              </SubtitleContainer>\n            </>\n          )}\n          {show === \"showCoin\" && (\n            <>\n              <CoinLogos $size={32} />\n            </>\n          )}\n        </MinifiedContainer>\n      );\n    } else {\n      if (show !== \"hideCoin\") {\n        return (\n          <MinifiedContainer>\n            <CoinLogos />\n            <Subtitle>{locales.tokensAccepted}</Subtitle>\n          </MinifiedContainer>\n        );\n      }\n    }\n  } else {\n    return (\n      <>\n        {titleAmountContent && <TitleAmount>{titleAmountContent}</TitleAmount>}\n        <AnyChainAnyCoinContainer>\n          <CoinLogos />\n          <Subtitle>{locales.tokensAccepted}</Subtitle>\n        </AnyChainAnyCoinContainer>\n      </>\n    );\n  }\n};\n\nfunction CoinLogos({ $size = 24 }: { $size?: number }) {\n  const logos = [\n    <Ethereum key=\"eth\" />,\n    <USDC key=\"usdc\" />,\n    <Optimism key=\"optimism\" />,\n    <Arbitrum key=\"arbitrum\" />,\n    <Base key=\"base\" />,\n    <Polygon key=\"polygon\" />,\n    <Solana key=\"solana\" />,\n  ];\n\n  const logoBlock = (element: React.ReactElement, index: number) => (\n    <LogoContainer\n      key={index}\n      $marginLeft={index !== 0 ? -($size / 3) : 0}\n      $zIndex={logos.length - index}\n      $size={$size}\n      transition={{ duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }}\n    >\n      {element}\n    </LogoContainer>\n  );\n\n  return (\n    <Logos>{logos.map((element, index) => logoBlock(element, index))}</Logos>\n  );\n}\n\nconst TitleAmount = styled(motion.h1)<{\n  $error?: boolean;\n  $valid?: boolean;\n}>`\n  margin-bottom: 24px;\n  padding: 0;\n  line-height: 66px;\n  font-size: 64px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: ${(props) => {\n    if (props.$error) return \"var(--ck-body-color-danger)\";\n    if (props.$valid) return \"var(--ck-body-color-valid)\";\n    return \"var(--ck-body-color)\";\n  }};\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    font-size: 64px;\n  }\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n`;\n\nconst Subtitle = styled(motion.div)`\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n`;\n\nconst MinifiedTitleAmount = styled(motion.div)`\n  font-size: 32px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  line-height: 36px;\n  color: var(--ck-body-color);\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  gap: 8px;\n`;\n\nconst MinifiedContainer = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 24px;\n`;\n\nconst AnyChainAnyCoinContainer = styled(motion.div)`\n  display: flex;\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  gap: 8px;\n  margin-bottom: 24px;\n`;\n\nconst LogoContainer = styled(motion.div)<{\n  $marginLeft?: number;\n  $zIndex?: number;\n  $size: number;\n}>`\n  display: block;\n  overflow: hidden;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ${(props) => props.$marginLeft || 0}px;\n  z-index: ${(props) => props.$zIndex || 2};\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  border-radius: 9999px;\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n`;\n\nconst Logos = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst SubtitleContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n`;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/OrderHeader/index.tsx"],"sourcesContent":["import { getAddressContraction } from \"@daimo/pay-common\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { motion } from \"framer-motion\";\nimport React from \"react\";\nimport { useAccount } from \"wagmi\";\nimport {\n  Arbitrum,\n  Base,\n  Ethereum,\n  Optimism,\n  Polygon,\n  Solana,\n} from \"../../../assets/chains\";\nimport { USDC } from \"../../../assets/coins\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport styled from \"../../../styles/styled\";\nimport { formatUsd } from \"../../../utils/format\";\n\n/** Shows payment amount. */\nexport const OrderHeader = ({\n  minified = false,\n  show = \"all\",\n}: {\n  minified?: boolean;\n  show?: \"evm\" | \"solana\" | \"zkp2p\" | \"all\";\n}) => {\n  const { paymentState, route } = usePayContext();\n  const { isConnected: isEthConnected, address, connector } = useAccount();\n  const {\n    connected: isSolanaConnected,\n    publicKey,\n    wallet: solanaWallet,\n  } = useWallet();\n  const { senderEnsName } = paymentState;\n  const { order } = useDaimoPay();\n\n  const ethWalletDisplayName =\n    senderEnsName ?? (address ? getAddressContraction(address) : \"wallet\");\n  const solWalletDisplayName = getAddressContraction(\n    publicKey?.toBase58() ?? \"\",\n  );\n  const orderUsd = order?.destFinalCallTokenAmount.usd;\n\n  const locales = useLocales();\n\n  const titleAmountContent = (() => {\n    if (paymentState.isDepositFlow) {\n      return route === ROUTES.SELECT_TOKEN ? (\n        // TODO: make this match `ModalH1` font size for mobile\n        <span style={{ fontSize: \"19px\", lineHeight: \"22px\" }}>\n          {locales.yourBalances}\n        </span>\n      ) : null;\n    } else {\n      return orderUsd != null ? (\n        <span>{formatUsd(orderUsd, \"nearest\")}</span>\n      ) : null;\n    }\n  })();\n\n  const renderIcon = (\n    icon: React.ReactNode | string | undefined,\n    name?: string,\n    size = 32,\n  ): JSX.Element | null => {\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <LogoContainer $size={size} $zIndex={1} style={{ borderRadius: \"22.5%\" }}>\n        {typeof icon === \"string\" ? (\n          <img\n            src={icon}\n            alt={name || \"wallet\"}\n            style={{ maxWidth: \"100%\", maxHeight: \"100%\" }}\n          />\n        ) : (\n          icon\n        )}\n      </LogoContainer>\n    );\n  };\n  let walletIcon = renderIcon(connector?.icon);\n  let solanaIcon = renderIcon(\n    solanaWallet?.adapter.icon || <Solana />,\n    solanaWallet?.adapter.name,\n  );\n\n  if (minified) {\n    if (titleAmountContent != null) {\n      return (\n        <MinifiedContainer>\n          <MinifiedTitleAmount>{titleAmountContent}</MinifiedTitleAmount>\n          {show === \"evm\" && isEthConnected && (\n            <>\n              <SubtitleContainer>\n                <Subtitle>{ethWalletDisplayName}</Subtitle>\n                {walletIcon}\n              </SubtitleContainer>\n            </>\n          )}\n          {show === \"solana\" && isSolanaConnected && (\n            <>\n              <SubtitleContainer>\n                <Subtitle>{solWalletDisplayName}</Subtitle>\n                {solanaIcon}\n              </SubtitleContainer>\n            </>\n          )}\n        </MinifiedContainer>\n      );\n    }\n  } else {\n    return (\n      <>\n        {titleAmountContent && <TitleAmount>{titleAmountContent}</TitleAmount>}\n        <AnyChainAnyCoinContainer>\n          <CoinLogos />\n          <Subtitle>{locales.tokensAccepted}</Subtitle>\n        </AnyChainAnyCoinContainer>\n      </>\n    );\n  }\n};\n\nfunction CoinLogos({ $size = 24 }: { $size?: number }) {\n  const logos = [\n    <Ethereum key=\"eth\" />,\n    <USDC key=\"usdc\" />,\n    <Optimism key=\"optimism\" />,\n    <Arbitrum key=\"arbitrum\" />,\n    <Base key=\"base\" />,\n    <Polygon key=\"polygon\" />,\n    <Solana key=\"solana\" />,\n  ];\n\n  const logoBlock = (element: React.ReactElement, index: number) => (\n    <LogoContainer\n      key={index}\n      $marginLeft={index !== 0 ? -($size / 3) : 0}\n      $zIndex={logos.length - index}\n      $size={$size}\n      transition={{ duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }}\n    >\n      {element}\n    </LogoContainer>\n  );\n\n  return (\n    <Logos>{logos.map((element, index) => logoBlock(element, index))}</Logos>\n  );\n}\n\nconst TitleAmount = styled(motion.h1)<{\n  $error?: boolean;\n  $valid?: boolean;\n}>`\n  margin-bottom: 24px;\n  padding: 0;\n  line-height: 66px;\n  font-size: 64px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: ${(props) => {\n    if (props.$error) return \"var(--ck-body-color-danger)\";\n    if (props.$valid) return \"var(--ck-body-color-valid)\";\n    return \"var(--ck-body-color)\";\n  }};\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    font-size: 64px;\n  }\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n`;\n\nconst Subtitle = styled(motion.div)`\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n`;\n\nconst MinifiedTitleAmount = styled(motion.div)`\n  font-size: 32px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  line-height: 36px;\n  color: var(--ck-body-color);\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  gap: 8px;\n`;\n\nconst MinifiedContainer = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 24px;\n`;\n\nconst AnyChainAnyCoinContainer = styled(motion.div)`\n  display: flex;\n  vertical-align: middle;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  gap: 8px;\n  margin-bottom: 24px;\n`;\n\nconst LogoContainer = styled(motion.div)<{\n  $marginLeft?: number;\n  $zIndex?: number;\n  $size: number;\n}>`\n  display: block;\n  overflow: hidden;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ${(props) => props.$marginLeft || 0}px;\n  z-index: ${(props) => props.$zIndex || 2};\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  border-radius: 9999px;\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n`;\n\nconst Logos = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst SubtitleContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBO,MAAM,cAAc,CAAC;AAAA,EAC1B,QAAW,GAAA,KAAA;AAAA,EACX,IAAO,GAAA,KAAA;AACT,CAGM,KAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,KAAM,EAAA,GAAI,aAAc,EAAA,CAAA;AAC9C,EAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,OAAS,EAAA,SAAA,KAAc,UAAW,EAAA,CAAA;AACvE,EAAM,MAAA;AAAA,IACJ,SAAW,EAAA,iBAAA;AAAA,IACX,SAAA;AAAA,IACA,MAAQ,EAAA,YAAA;AAAA,MACN,SAAU,EAAA,CAAA;AACd,EAAM,MAAA,EAAE,eAAkB,GAAA,YAAA,CAAA;AAC1B,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,WAAY,EAAA,CAAA;AAE9B,EAAA,MAAM,oBACJ,GAAA,aAAA,KAAkB,OAAU,GAAA,qBAAA,CAAsB,OAAO,CAAI,GAAA,QAAA,CAAA,CAAA;AAC/D,EAAA,MAAM,oBAAuB,GAAA,qBAAA;AAAA,IAC3B,SAAA,EAAW,UAAc,IAAA,EAAA;AAAA,GAC3B,CAAA;AACA,EAAM,MAAA,QAAA,GAAW,OAAO,wBAAyB,CAAA,GAAA,CAAA;AAEjD,EAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAE3B,EAAA,MAAM,sBAAsB,MAAM;AAChC,IAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,MAAA,OAAO,UAAU,MAAO,CAAA,YAAA;AAAA;AAAA,wBAEtB,GAAA,CAAC,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,QAAQ,UAAY,EAAA,MAAA,EAC1C,EAAA,QAAA,EAAA,OAAA,CAAQ,YACX,EAAA,CAAA;AAAA,UACE,IAAA,CAAA;AAAA,KACC,MAAA;AACL,MAAO,OAAA,QAAA,IAAY,uBAChB,GAAA,CAAA,MAAA,EAAA,EAAM,oBAAU,QAAU,EAAA,SAAS,GAAE,CACpC,GAAA,IAAA,CAAA;AAAA,KACN;AAAA,GACC,GAAA,CAAA;AAEH,EAAA,MAAM,UAAa,GAAA,CACjB,IACA,EAAA,IAAA,EACA,OAAO,EACgB,KAAA;AACvB,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,IAAA,EAAM,OAAS,EAAA,CAAA,EAAG,KAAO,EAAA,EAAE,YAAc,EAAA,OAAA,EAC5D,EAAA,QAAA,EAAA,OAAO,SAAS,QACf,mBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,IAAA;AAAA,QACL,KAAK,IAAQ,IAAA,QAAA;AAAA,QACb,KAAO,EAAA,EAAE,QAAU,EAAA,MAAA,EAAQ,WAAW,MAAO,EAAA;AAAA,OAAA;AAAA,QAG/C,IAEJ,EAAA,CAAA,CAAA;AAAA,GAEJ,CAAA;AACA,EAAI,IAAA,UAAA,GAAa,UAAW,CAAA,SAAA,EAAW,IAAI,CAAA,CAAA;AAC3C,EAAA,IAAI,UAAa,GAAA,UAAA;AAAA,IACf,YAAc,EAAA,OAAA,CAAQ,IAAQ,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,CAAA;AAAA,IACtC,cAAc,OAAQ,CAAA,IAAA;AAAA,GACxB,CAAA;AAEA,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,IAAI,sBAAsB,IAAM,EAAA;AAC9B,MAAA,4BACG,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,uBAAqB,QAAmB,EAAA,kBAAA,EAAA,CAAA;AAAA,QACxC,IAAS,KAAA,KAAA,IAAS,cACjB,oBAAA,GAAA,CAAA,QAAA,EAAA,EACE,+BAAC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAU,QAAqB,EAAA,oBAAA,EAAA,CAAA;AAAA,UAC/B,UAAA;AAAA,SAAA,EACH,CACF,EAAA,CAAA;AAAA,QAED,IAAS,KAAA,QAAA,IAAY,iBACpB,oBAAA,GAAA,CAAA,QAAA,EAAA,EACE,+BAAC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAU,QAAqB,EAAA,oBAAA,EAAA,CAAA;AAAA,UAC/B,UAAA;AAAA,SAAA,EACH,CACF,EAAA,CAAA;AAAA,OAEJ,EAAA,CAAA,CAAA;AAAA,KAEJ;AAAA,GACK,MAAA;AACL,IAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAsB,kBAAA,oBAAA,GAAA,CAAC,eAAa,QAAmB,EAAA,kBAAA,EAAA,CAAA;AAAA,2BACvD,wBACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,CAAA;AAAA,wBACX,GAAA,CAAC,QAAU,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,cAAe,EAAA,CAAA;AAAA,OACpC,EAAA,CAAA;AAAA,KACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAS,SAAU,CAAA,EAAE,KAAQ,GAAA,EAAA,EAA0B,EAAA;AACrD,EAAA,MAAM,KAAQ,GAAA;AAAA,oBACZ,GAAA,CAAC,cAAa,KAAM,CAAA;AAAA,oBACpB,GAAA,CAAC,UAAS,MAAO,CAAA;AAAA,oBACjB,GAAA,CAAC,cAAa,UAAW,CAAA;AAAA,oBACzB,GAAA,CAAC,cAAa,UAAW,CAAA;AAAA,oBACzB,GAAA,CAAC,UAAS,MAAO,CAAA;AAAA,oBACjB,GAAA,CAAC,aAAY,SAAU,CAAA;AAAA,oBACvB,GAAA,CAAC,YAAW,QAAS,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA,SAAA,GAAY,CAAC,OAAA,EAA6B,KAC9C,qBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MAEC,WAAa,EAAA,KAAA,KAAU,CAAI,GAAA,EAAE,QAAQ,CAAK,CAAA,GAAA,CAAA;AAAA,MAC1C,OAAA,EAAS,MAAM,MAAS,GAAA,KAAA;AAAA,MACxB,KAAA;AAAA,MACA,UAAA,EAAY,EAAE,QAAA,EAAU,GAAK,EAAA,IAAA,EAAM,CAAC,KAAO,EAAA,KAAA,EAAO,IAAM,EAAA,IAAI,CAAE,EAAA;AAAA,MAE7D,QAAA,EAAA,OAAA;AAAA,KAAA;AAAA,IANI,KAAA;AAAA,GAOP,CAAA;AAGF,EACE,uBAAA,GAAA,CAAC,KAAO,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,OAAS,EAAA,KAAA,KAAU,SAAU,CAAA,OAAA,EAAS,KAAK,CAAC,CAAE,EAAA,CAAA,CAAA;AAErE,CAAA;AAEA,MAAM,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EASzB,CAAC,KAAU,KAAA;AAClB,EAAI,IAAA,KAAA,CAAM,QAAe,OAAA,6BAAA,CAAA;AACzB,EAAI,IAAA,KAAA,CAAM,QAAe,OAAA,4BAAA,CAAA;AACzB,EAAO,OAAA,sBAAA,CAAA;AACT,CAAC,CAAA;AAAA,qCAAA,EACoC,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAS/D,MAAM,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAOlC,MAAM,mBAAA,GAAsB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAW7C,MAAM,iBAAA,GAAoB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQ3C,MAAM,wBAAA,GAA2B,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAUlD,MAAM,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAWtB,CAAC,KAAA,KAAU,KAAM,CAAA,WAAA,IAAe,CAAC,CAAA;AAAA,WAAA,EACrC,CAAC,KAAA,KAAU,KAAM,CAAA,OAAA,IAAW,CAAC,CAAA;AAAA,SAC/B,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,CAAA;AAAA,UACrB,EAAA,CAAC,KAAU,KAAA,KAAA,CAAM,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AASlC,MAAM,KAAA,GAAQ,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAM/B,MAAM,oBAAoB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/build/src/components/Pages/Connectors/index.js

@@ -18,7 +18,7 @@ const Wallets = () => {
     }
   }, [context.paymentState.isDepositFlow, hydrateOrder, order]);
   return /* @__PURE__ */ jsxs(PageContent, { children: [
-    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "hideCoin" }),
+    /* @__PURE__ */ jsx(OrderHeader, { minified: true }),
     /* @__PURE__ */ jsx(ConnectorList, {}),
     context.options?.disclaimer && /* @__PURE__ */ jsx(Disclaimer, { style: { visibility: "hidden", pointerEvents: "none" }, children: /* @__PURE__ */ jsx("div", { children: context.options?.disclaimer }) })
   ] });

package/build/src/components/Pages/Connectors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/Connectors/index.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { Disclaimer, PageContent } from \"../../Common/Modal/styles\";\n\nimport { DaimoPayOrderMode } from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport ConnectorList from \"../../Common/ConnectorList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst Wallets: React.FC = () => {\n  const context = usePayContext();\n  const locales = useLocales({});\n\n  const { hydrateOrder, order } = useDaimoPay();\n\n  // If we're not in deposit mode, hydrate immediately.\n  useEffect(() => {\n    if (\n      !context.paymentState.isDepositFlow &&\n      order != null &&\n      order.mode !== DaimoPayOrderMode.HYDRATED\n    ) {\n      hydrateOrder();\n    }\n  }, [context.paymentState.isDepositFlow, hydrateOrder, order]);\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"hideCoin\" />\n      <ConnectorList />\n      {context.options?.disclaimer && (\n        <Disclaimer style={{ visibility: \"hidden\", pointerEvents: \"none\" }}>\n          <div>{context.options?.disclaimer}</div>\n        </Disclaimer>\n      )}\n    </PageContent>\n  );\n};\n\nexport default Wallets;\n"],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,UAAoB,MAAM;AAC9B,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAC9B,EAAgB,UAAW,CAAA,EAAE,EAAA;AAE7B,EAAA,MAAM,EAAE,YAAA,EAAc,KAAM,EAAA,GAAI,WAAY,EAAA,CAAA;AAG5C,EAAA,SAAA,CAAU,MAAM;AACd,IACE,IAAA,CAAC,QAAQ,YAAa,CAAA,aAAA,IACtB,SAAS,IACT,IAAA,KAAA,CAAM,IAAS,KAAA,iBAAA,CAAkB,QACjC,EAAA;AACA,MAAa,YAAA,EAAA,CAAA;AAAA,KACf;AAAA,KACC,CAAC,OAAA,CAAQ,aAAa,aAAe,EAAA,YAAA,EAAc,KAAK,CAAC,CAAA,CAAA;AAE5D,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,wBACrC,aAAc,EAAA,EAAA,CAAA;AAAA,IACd,QAAQ,OAAS,EAAA,UAAA,oBACf,GAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,UAAA,EAAY,QAAU,EAAA,aAAA,EAAe,QACxD,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAK,QAAQ,EAAA,OAAA,CAAA,OAAA,EAAS,YAAW,CACpC,EAAA,CAAA;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/Connectors/index.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { Disclaimer, PageContent } from \"../../Common/Modal/styles\";\n\nimport { DaimoPayOrderMode } from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport ConnectorList from \"../../Common/ConnectorList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst Wallets: React.FC = () => {\n  const context = usePayContext();\n  const locales = useLocales({});\n\n  const { hydrateOrder, order } = useDaimoPay();\n\n  // If we're not in deposit mode, hydrate immediately.\n  useEffect(() => {\n    if (\n      !context.paymentState.isDepositFlow &&\n      order != null &&\n      order.mode !== DaimoPayOrderMode.HYDRATED\n    ) {\n      hydrateOrder();\n    }\n  }, [context.paymentState.isDepositFlow, hydrateOrder, order]);\n\n  return (\n    <PageContent>\n      <OrderHeader minified />\n      <ConnectorList />\n      {context.options?.disclaimer && (\n        <Disclaimer style={{ visibility: \"hidden\", pointerEvents: \"none\" }}>\n          <div>{context.options?.disclaimer}</div>\n        </Disclaimer>\n      )}\n    </PageContent>\n  );\n};\n\nexport default Wallets;\n"],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,UAAoB,MAAM;AAC9B,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAC9B,EAAgB,UAAW,CAAA,EAAE,EAAA;AAE7B,EAAA,MAAM,EAAE,YAAA,EAAc,KAAM,EAAA,GAAI,WAAY,EAAA,CAAA;AAG5C,EAAA,SAAA,CAAU,MAAM;AACd,IACE,IAAA,CAAC,QAAQ,YAAa,CAAA,aAAA,IACtB,SAAS,IACT,IAAA,KAAA,CAAM,IAAS,KAAA,iBAAA,CAAkB,QACjC,EAAA;AACA,MAAa,YAAA,EAAA,CAAA;AAAA,KACf;AAAA,KACC,CAAC,OAAA,CAAQ,aAAa,aAAe,EAAA,YAAA,EAAc,KAAK,CAAC,CAAA,CAAA;AAE5D,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,UAAQ,IAAC,EAAA,CAAA;AAAA,wBACrB,aAAc,EAAA,EAAA,CAAA;AAAA,IACd,QAAQ,OAAS,EAAA,UAAA,oBACf,GAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,UAAA,EAAY,QAAU,EAAA,aAAA,EAAe,QACxD,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAK,QAAQ,EAAA,OAAA,CAAA,OAAA,EAAS,YAAW,CACpC,EAAA,CAAA;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/src/components/Pages/Error/index.js

@@ -8,11 +8,11 @@ import PoweredByFooter from '../../Common/PoweredByFooter/index.js';
 
 function ErrorPage() {
   const pay = useDaimoPay();
-  const supportUrl = getSupportUrl(pay.order?.id?.toString() ?? "", "Error");
   let errorBody = "Unknown error";
   if (pay.paymentState === "error") {
     errorBody = pay.paymentErrorMessage;
   }
+  const supportUrl = getSupportUrl(pay.order?.id?.toString() ?? "", errorBody);
   return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsxs(
     ModalContent,
     {

package/build/src/components/Pages/Error/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/Error/index.tsx"],"sourcesContent":["import {\n  ModalBody,\n  ModalContent,\n  PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport { AlertIcon } from \"../../../assets/icons\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport styled from \"../../../styles/styled\";\nimport { getSupportUrl } from \"../../../utils/supportUrl\";\nimport PoweredByFooter from \"../../Common/PoweredByFooter\";\n\nexport default function ErrorPage() {\n  const pay = useDaimoPay();\n  const supportUrl = getSupportUrl(pay.order?.id?.toString() ?? \"\", \"Error\");\n\n  let errorBody = \"Unknown error\";\n  if (pay.paymentState === \"error\") {\n    errorBody = pay.paymentErrorMessage;\n  }\n\n  return (\n    <PageContent>\n      <ModalContent\n        style={{\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          paddingBottom: 0,\n          position: \"relative\",\n        }}\n      >\n        <CenterContainer>\n          <FailIcon />\n          <ErrorBody>\n            <strong>{errorBody}</strong>\n          </ErrorBody>\n        </CenterContainer>\n        <PoweredByFooter supportUrl={supportUrl} showNeedHelpImmediately />\n      </ModalContent>\n    </PageContent>\n  );\n}\n\nconst CenterContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 16px;\n  max-width: 100%;\n`;\n\nconst ErrorBody = styled(ModalBody)`\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nconst FailIcon = styled(AlertIcon)`\n  color: var(--ck-body-color-alert);\n  width: 32px;\n  height: 32px;\n  margin-top: auto;\n  margin-bottom: 16px;\n`;\n"],"names":[],"mappings":";;;;;;;;AAYA,SAAwB,SAAY,GAAA;AAClC,EAAA,MAAM,MAAM,WAAY,EAAA,CAAA;AACxB,EAAM,MAAA,UAAA,GAAa,cAAc,GAAI,CAAA,KAAA,EAAO,IAAI,QAAS,EAAA,IAAK,IAAI,OAAO,CAAA,CAAA;AAEzE,EAAA,IAAI,SAAY,GAAA,eAAA,CAAA;AAChB,EAAI,IAAA,GAAA,CAAI,iBAAiB,OAAS,EAAA;AAChC,IAAA,SAAA,GAAY,GAAI,CAAA,mBAAA,CAAA;AAAA,GAClB;AAEA,EAAA,2BACG,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA,QAAA;AAAA,QACZ,aAAe,EAAA,CAAA;AAAA,QACf,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,eACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA;AAAA,0BACT,GAAA,CAAA,SAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAQ,qBAAU,CACrB,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,eAAA,EAAA,EAAgB,UAAwB,EAAA,uBAAA,EAAuB,IAAC,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAErE,EAAA,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,kBAAkB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQ/B,MAAM,SAAA,GAAY,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMlC,MAAM,QAAA,GAAW,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/Error/index.tsx"],"sourcesContent":["import {\n  ModalBody,\n  ModalContent,\n  PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport { AlertIcon } from \"../../../assets/icons\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport styled from \"../../../styles/styled\";\nimport { getSupportUrl } from \"../../../utils/supportUrl\";\nimport PoweredByFooter from \"../../Common/PoweredByFooter\";\n\nexport default function ErrorPage() {\n  const pay = useDaimoPay();\n\n  let errorBody = \"Unknown error\";\n  if (pay.paymentState === \"error\") {\n    errorBody = pay.paymentErrorMessage;\n  }\n\n  const supportUrl = getSupportUrl(pay.order?.id?.toString() ?? \"\", errorBody);\n\n  return (\n    <PageContent>\n      <ModalContent\n        style={{\n          display: \"flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          paddingBottom: 0,\n          position: \"relative\",\n        }}\n      >\n        <CenterContainer>\n          <FailIcon />\n          <ErrorBody>\n            <strong>{errorBody}</strong>\n          </ErrorBody>\n        </CenterContainer>\n        <PoweredByFooter supportUrl={supportUrl} showNeedHelpImmediately />\n      </ModalContent>\n    </PageContent>\n  );\n}\n\nconst CenterContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 16px;\n  max-width: 100%;\n`;\n\nconst ErrorBody = styled(ModalBody)`\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nconst FailIcon = styled(AlertIcon)`\n  color: var(--ck-body-color-alert);\n  width: 32px;\n  height: 32px;\n  margin-top: auto;\n  margin-bottom: 16px;\n`;\n"],"names":[],"mappings":";;;;;;;;AAYA,SAAwB,SAAY,GAAA;AAClC,EAAA,MAAM,MAAM,WAAY,EAAA,CAAA;AAExB,EAAA,IAAI,SAAY,GAAA,eAAA,CAAA;AAChB,EAAI,IAAA,GAAA,CAAI,iBAAiB,OAAS,EAAA;AAChC,IAAA,SAAA,GAAY,GAAI,CAAA,mBAAA,CAAA;AAAA,GAClB;AAEA,EAAM,MAAA,UAAA,GAAa,cAAc,GAAI,CAAA,KAAA,EAAO,IAAI,QAAS,EAAA,IAAK,IAAI,SAAS,CAAA,CAAA;AAE3E,EAAA,2BACG,WACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA,QAAA;AAAA,QACZ,aAAe,EAAA,CAAA;AAAA,QACf,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,eACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA;AAAA,0BACT,GAAA,CAAA,SAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAQ,qBAAU,CACrB,EAAA,CAAA;AAAA,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,eAAA,EAAA,EAAgB,UAAwB,EAAA,uBAAA,EAAuB,IAAC,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAErE,EAAA,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,kBAAkB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQ/B,MAAM,SAAA,GAAY,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMlC,MAAM,QAAA,GAAW,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/build/src/components/Pages/MobileConnectors/index.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { ROUTES } from '../../../constants/routes.js';
 import { useConnect } from '../../../hooks/useConnect.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
-import { isPortoConnector, detectBrowser } from '../../../utils/index.js';
 import { walletConfigs } from '../../../wallets/walletConfigs.js';
 import { PageContent, ModalContent } from '../../Common/Modal/styles.js';
 import { ScrollArea } from '../../Common/ScrollArea/index.js';
@@ -11,7 +10,7 @@ import { Container, WalletList, WalletItem, WalletIcon, WalletLabel } from './st
 const MobileConnectors = () => {
   const context = usePayContext();
   const { paymentState, setRoute } = context;
-  const { connect, connectors } = useConnect();
+  useConnect();
   const walletsIdsToDisplay = Object.keys(walletConfigs).filter((walletId) => {
     const wallet = walletConfigs[walletId];
     if (!wallet.showInMobileConnectors) return false;
@@ -19,22 +18,7 @@ const MobileConnectors = () => {
       return false;
     return true;
   }) ?? [];
-  const goToWallet = (walletId, wallet) => {
-    if (walletId === "porto") {
-      const portoConnector = connectors.find((c) => isPortoConnector(c.id));
-      if (!portoConnector) {
-        console.error("Porto connector not found");
-        return;
-      }
-      const browser = detectBrowser();
-      const shouldConnectImmediately = browser === "safari" || browser === "ios";
-      context.setPendingConnectorId(portoConnector.id);
-      if (shouldConnectImmediately) {
-        connect({ connector: portoConnector });
-      }
-      setRoute(ROUTES.CONNECT);
-      return;
-    }
+  const goToWallet = (wallet) => {
     if (wallet.getDaimoPayDeeplink == null) {
       console.error(`wallet ${wallet.name} has no deeplink`);
       return;
@@ -63,7 +47,7 @@ const MobileConnectors = () => {
     return /* @__PURE__ */ jsxs(
       WalletItem,
       {
-        onClick: () => goToWallet(walletId, wallet),
+        onClick: () => goToWallet(wallet),
         style: {
           animationDelay: `${i * 50}ms`
         },

package/build/src/components/Pages/MobileConnectors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/MobileConnectors/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { detectBrowser, isPortoConnector } from \"../../../utils\";\nimport {\n  WalletConfigProps,\n  walletConfigs,\n} from \"../../../wallets/walletConfigs\";\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport {\n  Container,\n  WalletIcon,\n  WalletItem,\n  WalletLabel,\n  WalletList,\n} from \"./styles\";\n\nconst MobileConnectors: React.FC = () => {\n  const context = usePayContext();\n  const { paymentState, setRoute } = context;\n  const { connect, connectors } = useConnect();\n\n  // filter out installed wallets\n  const walletsIdsToDisplay =\n    Object.keys(walletConfigs).filter((walletId) => {\n      const wallet = walletConfigs[walletId];\n      if (!wallet.showInMobileConnectors) return false;\n      // If the mobile wallet supports solana only, don't show it if we are not supporting solana has a payment method\n      if (wallet.isSolanaOnly && !context.paymentState.showSolanaPaymentMethod)\n        return false;\n      return true;\n    }) ?? [];\n\n  const goToWallet = (walletId: string, wallet: WalletConfigProps) => {\n    // Special case: Porto should behave like desktop and use the configured connector\n    if (walletId === \"porto\") {\n      const portoConnector = connectors.find((c) => isPortoConnector(c.id));\n      if (!portoConnector) {\n        console.error(\"Porto connector not found\");\n        return;\n      }\n      const browser = detectBrowser();\n      const shouldConnectImmediately =\n        browser === \"safari\" || browser === \"ios\";\n      context.setPendingConnectorId(portoConnector.id);\n      if (shouldConnectImmediately) {\n        connect({ connector: portoConnector });\n      }\n      setRoute(ROUTES.CONNECT);\n      return;\n    }\n    if (wallet.getDaimoPayDeeplink == null) {\n      console.error(`wallet ${wallet.name} has no deeplink`);\n      return;\n    }\n    if (paymentState.isDepositFlow) {\n      context.paymentState.setSelectedWallet(wallet);\n      setRoute(ROUTES.SELECT_WALLET_AMOUNT);\n    } else {\n      paymentState.openInWalletBrowser(wallet);\n    }\n  };\n\n  return (\n    <PageContent style={{ width: 312 }}>\n      <Container>\n        <ModalContent style={{ paddingBottom: 0 }}>\n          <ScrollArea height={340}>\n            <WalletList>\n              {walletsIdsToDisplay\n                .sort(\n                  // sort by name\n                  (a, b) => {\n                    const walletA = walletConfigs[a];\n                    const walletB = walletConfigs[b];\n                    const nameA = walletA.name ?? walletA.shortName ?? a;\n                    const nameB = walletB.name ?? walletB.shortName ?? b;\n                    return nameA.localeCompare(nameB);\n                  },\n                )\n                .filter(\n                  (walletId) =>\n                    !(\n                      walletId === \"coinbaseWallet\" ||\n                      walletId === \"com.coinbase.wallet\"\n                    ),\n                )\n                .map((walletId, i) => {\n                  const wallet = walletConfigs[walletId];\n                  const { name, shortName, iconConnector, icon } = wallet;\n                  return (\n                    <WalletItem\n                      key={i}\n                      onClick={() => goToWallet(walletId, wallet)}\n                      style={{\n                        animationDelay: `${i * 50}ms`,\n                      }}\n                    >\n                      <WalletIcon>{iconConnector ?? icon}</WalletIcon>\n                      <WalletLabel>{shortName ?? name}</WalletLabel>\n                    </WalletItem>\n                  );\n                })}\n            </WalletList>\n          </ScrollArea>\n        </ModalContent>\n      </Container>\n    </PageContent>\n  );\n};\n\nexport default MobileConnectors;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/MobileConnectors/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport {\n  WalletConfigProps,\n  walletConfigs,\n} from \"../../../wallets/walletConfigs\";\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport {\n  Container,\n  WalletIcon,\n  WalletItem,\n  WalletLabel,\n  WalletList,\n} from \"./styles\";\n\nconst MobileConnectors: React.FC = () => {\n  const context = usePayContext();\n  const { paymentState, setRoute } = context;\n  const { connect, connectors } = useConnect();\n\n  // filter out installed wallets\n  const walletsIdsToDisplay =\n    Object.keys(walletConfigs).filter((walletId) => {\n      const wallet = walletConfigs[walletId];\n      if (!wallet.showInMobileConnectors) return false;\n      // If the mobile wallet supports solana only, don't show it if we are not supporting solana has a payment method\n      if (wallet.isSolanaOnly && !context.paymentState.showSolanaPaymentMethod)\n        return false;\n      return true;\n    }) ?? [];\n\n  const goToWallet = (wallet: WalletConfigProps) => {\n    if (wallet.getDaimoPayDeeplink == null) {\n      console.error(`wallet ${wallet.name} has no deeplink`);\n      return;\n    }\n    if (paymentState.isDepositFlow) {\n      context.paymentState.setSelectedWallet(wallet);\n      setRoute(ROUTES.SELECT_WALLET_AMOUNT);\n    } else {\n      paymentState.openInWalletBrowser(wallet);\n    }\n  };\n\n  return (\n    <PageContent style={{ width: 312 }}>\n      <Container>\n        <ModalContent style={{ paddingBottom: 0 }}>\n          <ScrollArea height={340}>\n            <WalletList>\n              {walletsIdsToDisplay\n                .sort(\n                  // sort by name\n                  (a, b) => {\n                    const walletA = walletConfigs[a];\n                    const walletB = walletConfigs[b];\n                    const nameA = walletA.name ?? walletA.shortName ?? a;\n                    const nameB = walletB.name ?? walletB.shortName ?? b;\n                    return nameA.localeCompare(nameB);\n                  },\n                )\n                .filter(\n                  (walletId) =>\n                    !(\n                      walletId === \"coinbaseWallet\" ||\n                      walletId === \"com.coinbase.wallet\"\n                    ),\n                )\n                .map((walletId, i) => {\n                  const wallet = walletConfigs[walletId];\n                  const { name, shortName, iconConnector, icon } = wallet;\n                  return (\n                    <WalletItem\n                      key={i}\n                      onClick={() => goToWallet(wallet)}\n                      style={{\n                        animationDelay: `${i * 50}ms`,\n                      }}\n                    >\n                      <WalletIcon>{iconConnector ?? icon}</WalletIcon>\n                      <WalletLabel>{shortName ?? name}</WalletLabel>\n                    </WalletItem>\n                  );\n                })}\n            </WalletList>\n          </ScrollArea>\n        </ModalContent>\n      </Container>\n    </PageContent>\n  );\n};\n\nexport default MobileConnectors;\n"],"names":[],"mappings":"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"}

package/build/src/components/Pages/SelectDepositAddressChain/index.js

@@ -19,7 +19,7 @@ const SelectDepositAddressChain = () => {
     untronAvailable
   } = paymentState;
   return /* @__PURE__ */ jsxs(PageContent, { children: [
-    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "hideCoin" }),
+    /* @__PURE__ */ jsx(OrderHeader, { minified: true }),
     !depositAddressOptions.loading && depositAddressOptions.options?.length === 0 && /* @__PURE__ */ jsxs(
       ModalContent,
       {

package/build/src/components/Pages/SelectDepositAddressChain/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectDepositAddressChain/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { ModalContent, ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport {\n  DaimoPayOrderMode,\n  DepositAddressPaymentOptions,\n} from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport SelectAnotherMethodButton from \"../../Common/SelectAnotherMethodButton\";\n\nconst SelectDepositAddressChain: React.FC = () => {\n  const { setRoute, paymentState } = usePayContext();\n  const pay = useDaimoPay();\n  const { order } = pay;\n  const {\n    isDepositFlow,\n    setSelectedDepositAddressOption,\n    depositAddressOptions,\n    untronAvailable,\n  } = paymentState;\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"hideCoin\" />\n\n      {!depositAddressOptions.loading &&\n        depositAddressOptions.options?.length === 0 && (\n          <ModalContent\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              paddingTop: 16,\n              paddingBottom: 16,\n            }}\n          >\n            <ModalH1>Chains unavailable.</ModalH1>\n            <SelectAnotherMethodButton />\n          </ModalContent>\n        )}\n\n      <OptionsList\n        requiredSkeletons={4}\n        isLoading={depositAddressOptions.loading}\n        options={(depositAddressOptions.options ?? [])\n          .map((option) => {\n            const disabled =\n              // Disable if usd below min\n              (option.minimumUsd > 0 &&\n                order?.mode === DaimoPayOrderMode.HYDRATED &&\n                order.usdValue < option.minimumUsd) ||\n              // Disable if TRON_USDT unavailable\n              (option.id === DepositAddressPaymentOptions.TRON_USDT &&\n                untronAvailable === false);\n\n            return {\n              id: option.id,\n              title: option.id,\n              icons: [option.logoURI],\n              disabled,\n              onClick: () => {\n                setSelectedDepositAddressOption(option);\n                const meta = { event: \"click-option\", option: option.id };\n                if (isDepositFlow) {\n                  setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);\n                } else {\n                  setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, meta);\n                }\n              },\n            };\n          })\n          // Push disabled options to the bottom of the list\n          .sort((a, b) => Number(a.disabled) - Number(b.disabled))}\n      />\n    </PageContent>\n  );\n};\n\nexport default SelectDepositAddressChain;\n"],"names":[],"mappings":";;;;;;;;;;AAeA,MAAM,4BAAsC,MAAM;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAA,MAAM,MAAM,WAAY,EAAA,CAAA;AACxB,EAAM,MAAA,EAAE,OAAU,GAAA,GAAA,CAAA;AAClB,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,+BAAA;AAAA,IACA,qBAAA;AAAA,IACA,eAAA;AAAA,GACE,GAAA,YAAA,CAAA;AAEJ,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,IAErC,CAAC,qBAAsB,CAAA,OAAA,IACtB,qBAAsB,CAAA,OAAA,EAAS,WAAW,CACxC,oBAAA,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,cAAgB,EAAA,QAAA;AAAA,UAChB,UAAY,EAAA,EAAA;AAAA,UACZ,aAAe,EAAA,EAAA;AAAA,SACjB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAQ,QAAmB,EAAA,qBAAA,EAAA,CAAA;AAAA,8BAC3B,yBAA0B,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAC7B;AAAA,oBAGJ,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,iBAAmB,EAAA,CAAA;AAAA,QACnB,WAAW,qBAAsB,CAAA,OAAA;AAAA,QACjC,UAAU,qBAAsB,CAAA,OAAA,IAAW,EACxC,EAAA,GAAA,CAAI,CAAC,MAAW,KAAA;AACf,UAAM,MAAA,QAAA;AAAA;AAAA,YAEH,MAAA,CAAO,aAAa,CACnB,IAAA,KAAA,EAAO,SAAS,iBAAkB,CAAA,QAAA,IAClC,KAAM,CAAA,QAAA,GAAW,MAAO,CAAA,UAAA;AAAA,YAEzB,MAAO,CAAA,EAAA,KAAO,4BAA6B,CAAA,SAAA,IAC1C,eAAoB,KAAA,KAAA;AAAA,WAAA,CAAA;AAExB,UAAO,OAAA;AAAA,YACL,IAAI,MAAO,CAAA,EAAA;AAAA,YACX,OAAO,MAAO,CAAA,EAAA;AAAA,YACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,YACtB,QAAA;AAAA,YACA,SAAS,MAAM;AACb,cAAA,+BAAA,CAAgC,MAAM,CAAA,CAAA;AACtC,cAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,cAAA,IAAI,aAAe,EAAA;AACjB,gBAAS,QAAA,CAAA,MAAA,CAAO,+BAA+B,IAAI,CAAA,CAAA;AAAA,eAC9C,MAAA;AACL,gBAAS,QAAA,CAAA,MAAA,CAAO,yBAAyB,IAAI,CAAA,CAAA;AAAA,eAC/C;AAAA,aACF;AAAA,WACF,CAAA;AAAA,SACD,CAAA,CAEA,IAAK,CAAA,CAAC,CAAG,EAAA,CAAA,KAAM,MAAO,CAAA,CAAA,CAAE,QAAQ,CAAA,GAAI,MAAO,CAAA,CAAA,CAAE,QAAQ,CAAC,CAAA;AAAA,OAAA;AAAA,KAC3D;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectDepositAddressChain/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { ModalContent, ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport {\n  DaimoPayOrderMode,\n  DepositAddressPaymentOptions,\n} from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport SelectAnotherMethodButton from \"../../Common/SelectAnotherMethodButton\";\n\nconst SelectDepositAddressChain: React.FC = () => {\n  const { setRoute, paymentState } = usePayContext();\n  const pay = useDaimoPay();\n  const { order } = pay;\n  const {\n    isDepositFlow,\n    setSelectedDepositAddressOption,\n    depositAddressOptions,\n    untronAvailable,\n  } = paymentState;\n\n  return (\n    <PageContent>\n      <OrderHeader minified />\n\n      {!depositAddressOptions.loading &&\n        depositAddressOptions.options?.length === 0 && (\n          <ModalContent\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              paddingTop: 16,\n              paddingBottom: 16,\n            }}\n          >\n            <ModalH1>Chains unavailable.</ModalH1>\n            <SelectAnotherMethodButton />\n          </ModalContent>\n        )}\n\n      <OptionsList\n        requiredSkeletons={4}\n        isLoading={depositAddressOptions.loading}\n        options={(depositAddressOptions.options ?? [])\n          .map((option) => {\n            const disabled =\n              // Disable if usd below min\n              (option.minimumUsd > 0 &&\n                order?.mode === DaimoPayOrderMode.HYDRATED &&\n                order.usdValue < option.minimumUsd) ||\n              // Disable if TRON_USDT unavailable\n              (option.id === DepositAddressPaymentOptions.TRON_USDT &&\n                untronAvailable === false);\n\n            return {\n              id: option.id,\n              title: option.id,\n              icons: [option.logoURI],\n              disabled,\n              onClick: () => {\n                setSelectedDepositAddressOption(option);\n                const meta = { event: \"click-option\", option: option.id };\n                if (isDepositFlow) {\n                  setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);\n                } else {\n                  setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, meta);\n                }\n              },\n            };\n          })\n          // Push disabled options to the bottom of the list\n          .sort((a, b) => Number(a.disabled) - Number(b.disabled))}\n      />\n    </PageContent>\n  );\n};\n\nexport default SelectDepositAddressChain;\n"],"names":[],"mappings":";;;;;;;;;;AAeA,MAAM,4BAAsC,MAAM;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAA,MAAM,MAAM,WAAY,EAAA,CAAA;AACxB,EAAM,MAAA,EAAE,OAAU,GAAA,GAAA,CAAA;AAClB,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,+BAAA;AAAA,IACA,qBAAA;AAAA,IACA,eAAA;AAAA,GACE,GAAA,YAAA,CAAA;AAEJ,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,UAAQ,IAAC,EAAA,CAAA;AAAA,IAErB,CAAC,qBAAsB,CAAA,OAAA,IACtB,qBAAsB,CAAA,OAAA,EAAS,WAAW,CACxC,oBAAA,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,cAAgB,EAAA,QAAA;AAAA,UAChB,UAAY,EAAA,EAAA;AAAA,UACZ,aAAe,EAAA,EAAA;AAAA,SACjB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAQ,QAAmB,EAAA,qBAAA,EAAA,CAAA;AAAA,8BAC3B,yBAA0B,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAC7B;AAAA,oBAGJ,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,iBAAmB,EAAA,CAAA;AAAA,QACnB,WAAW,qBAAsB,CAAA,OAAA;AAAA,QACjC,UAAU,qBAAsB,CAAA,OAAA,IAAW,EACxC,EAAA,GAAA,CAAI,CAAC,MAAW,KAAA;AACf,UAAM,MAAA,QAAA;AAAA;AAAA,YAEH,MAAA,CAAO,aAAa,CACnB,IAAA,KAAA,EAAO,SAAS,iBAAkB,CAAA,QAAA,IAClC,KAAM,CAAA,QAAA,GAAW,MAAO,CAAA,UAAA;AAAA,YAEzB,MAAO,CAAA,EAAA,KAAO,4BAA6B,CAAA,SAAA,IAC1C,eAAoB,KAAA,KAAA;AAAA,WAAA,CAAA;AAExB,UAAO,OAAA;AAAA,YACL,IAAI,MAAO,CAAA,EAAA;AAAA,YACX,OAAO,MAAO,CAAA,EAAA;AAAA,YACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,YACtB,QAAA;AAAA,YACA,SAAS,MAAM;AACb,cAAA,+BAAA,CAAgC,MAAM,CAAA,CAAA;AACtC,cAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,cAAA,IAAI,aAAe,EAAA;AACjB,gBAAS,QAAA,CAAA,MAAA,CAAO,+BAA+B,IAAI,CAAA,CAAA;AAAA,eAC9C,MAAA;AACL,gBAAS,QAAA,CAAA,MAAA,CAAO,yBAAyB,IAAI,CAAA,CAAA;AAAA,eAC/C;AAAA,aACF;AAAA,WACF,CAAA;AAAA,SACD,CAAA,CAEA,IAAK,CAAA,CAAC,CAAG,EAAA,CAAA,KAAM,MAAO,CAAA,CAAA,CAAE,QAAQ,CAAA,GAAI,MAAO,CAAA,CAAA,CAAE,QAAQ,CAAC,CAAA;AAAA,OAAA;AAAA,KAC3D;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/src/components/Pages/SelectExchange/index.js

@@ -11,7 +11,7 @@ const SelectExchange = () => {
   const exchangeOptions = externalPaymentOptions.options.get("exchange");
   if (!exchangeOptions) {
     return /* @__PURE__ */ jsxs(PageContent, { children: [
-      /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "hideCoin" }),
+      /* @__PURE__ */ jsx(OrderHeader, { minified: true }),
       /* @__PURE__ */ jsx(ModalH1, { children: "No Exchange options available" })
     ] });
   }
@@ -32,7 +32,7 @@ const SelectExchange = () => {
     subtitle: option.message
   }));
   return /* @__PURE__ */ jsxs(PageContent, { children: [
-    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "hideCoin" }),
+    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "zkp2p" }),
     /* @__PURE__ */ jsx(OptionsList, { options })
   ] });
 };

package/build/src/components/Pages/SelectExchange/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExchange/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst SelectExchange: React.FC = () => {\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;\n  const exchangeOptions = externalPaymentOptions.options.get(\"exchange\");\n\n  if (!exchangeOptions) {\n    return (\n      <PageContent>\n        <OrderHeader minified show=\"hideCoin\" />\n        <ModalH1>No Exchange options available</ModalH1>\n      </PageContent>\n    );\n  }\n\n  const options = exchangeOptions.map((option) => ({\n    id: option.id,\n    title: option.cta,\n    icons: [option.logoURI],\n    onClick: () => {\n      setSelectedExternalOption(option);\n      const meta = { event: \"click-option\", option: option.id };\n      if (paymentState.isDepositFlow) {\n        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setRoute(ROUTES.WAITING_EXTERNAL, meta);\n      }\n    },\n    disabled: option.disabled,\n    subtitle: option.message,\n  }));\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"hideCoin\" />\n      <OptionsList options={options} />\n    </PageContent>\n  );\n};\n\nexport default SelectExchange;\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,iBAA2B,MAAM;AACrC,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,sBAAwB,EAAA,yBAAA,EAA8B,GAAA,YAAA,CAAA;AAC9D,EAAA,MAAM,eAAkB,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAErE,EAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,IAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,sBACtC,GAAA,CAAC,WAAQ,QAA6B,EAAA,+BAAA,EAAA,CAAA;AAAA,KACxC,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,MAAM,OAAU,GAAA,eAAA,CAAgB,GAAI,CAAA,CAAC,MAAY,MAAA;AAAA,IAC/C,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,OAAO,MAAO,CAAA,GAAA;AAAA,IACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,IACtB,SAAS,MAAM;AACb,MAAA,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAChC,MAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,MAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,QAAS,QAAA,CAAA,MAAA,CAAO,wBAAwB,IAAI,CAAA,CAAA;AAAA,OACvC,MAAA;AACL,QAAS,QAAA,CAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAAA,IACA,UAAU,MAAO,CAAA,QAAA;AAAA,IACjB,UAAU,MAAO,CAAA,OAAA;AAAA,GACjB,CAAA,CAAA,CAAA;AAEF,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,oBACtC,GAAA,CAAC,eAAY,OAAkB,EAAA,CAAA;AAAA,GACjC,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExchange/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst SelectExchange: React.FC = () => {\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;\n  const exchangeOptions = externalPaymentOptions.options.get(\"exchange\");\n\n  if (!exchangeOptions) {\n    return (\n      <PageContent>\n        <OrderHeader minified />\n        <ModalH1>No Exchange options available</ModalH1>\n      </PageContent>\n    );\n  }\n\n  const options = exchangeOptions.map((option) => ({\n    id: option.id,\n    title: option.cta,\n    icons: [option.logoURI],\n    onClick: () => {\n      setSelectedExternalOption(option);\n      const meta = { event: \"click-option\", option: option.id };\n      if (paymentState.isDepositFlow) {\n        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setRoute(ROUTES.WAITING_EXTERNAL, meta);\n      }\n    },\n    disabled: option.disabled,\n    subtitle: option.message,\n  }));\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"zkp2p\" />\n      <OptionsList options={options} />\n    </PageContent>\n  );\n};\n\nexport default SelectExchange;\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,iBAA2B,MAAM;AACrC,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,sBAAwB,EAAA,yBAAA,EAA8B,GAAA,YAAA,CAAA;AAC9D,EAAA,MAAM,eAAkB,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAErE,EAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,IAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,UAAQ,IAAC,EAAA,CAAA;AAAA,sBACtB,GAAA,CAAC,WAAQ,QAA6B,EAAA,+BAAA,EAAA,CAAA;AAAA,KACxC,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,MAAM,OAAU,GAAA,eAAA,CAAgB,GAAI,CAAA,CAAC,MAAY,MAAA;AAAA,IAC/C,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,OAAO,MAAO,CAAA,GAAA;AAAA,IACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,IACtB,SAAS,MAAM;AACb,MAAA,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAChC,MAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,MAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,QAAS,QAAA,CAAA,MAAA,CAAO,wBAAwB,IAAI,CAAA,CAAA;AAAA,OACvC,MAAA;AACL,QAAS,QAAA,CAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAAA,IACA,UAAU,MAAO,CAAA,QAAA;AAAA,IACjB,UAAU,MAAO,CAAA,OAAA;AAAA,GACjB,CAAA,CAAA,CAAA;AAEF,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,oBACnC,GAAA,CAAC,eAAY,OAAkB,EAAA,CAAA;AAAA,GACjC,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/src/components/Pages/SelectToken/index.js

@@ -23,7 +23,7 @@ function SelectToken() {
   const solanaWallets = useWallet();
   const isSolConnected = solanaWallets.connected;
   const isConnected = isEvmConnected || isSolConnected;
-  const isAnotherMethodButtonVisible = optionsList.length > 0 && tokenMode !== "showCoin";
+  const isAnotherMethodButtonVisible = optionsList.length > 0 && tokenMode !== "all";
   return /* @__PURE__ */ jsxs(PageContent, { children: [
     /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: tokenMode }),
     /* @__PURE__ */ jsx(
@@ -38,7 +38,7 @@ function SelectToken() {
       }
     ),
     !isLoading && isConnected && optionsList.length === 0 && /* @__PURE__ */ jsx(InsufficientBalance, {}),
-    !isLoading && !isConnected && tokenMode === "showCoin" && /* @__PURE__ */ jsx(ConnectButton, {}),
+    !isLoading && !isConnected && tokenMode === "all" && /* @__PURE__ */ jsx(ConnectButton, {}),
     isAnotherMethodButtonVisible && /* @__PURE__ */ jsx(SelectAnotherMethodButton, {})
   ] });
 }

package/build/src/components/Pages/SelectToken/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectToken/index.tsx"],"sourcesContent":["import { useWallet } from \"@solana/wallet-adapter-react\";\nimport { injected, useAccount } from \"wagmi\";\nimport { Ethereum, Solana } from \"../../../assets/chains\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { useTokenOptions } from \"../../../hooks/useTokenOptions\";\nimport { ModalContent, ModalH1, PageContent } from \"../../Common/Modal/styles\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport SelectAnotherMethodButton from \"../../Common/SelectAnotherMethodButton\";\n\nexport default function SelectToken() {\n  const { isMobile } = useIsMobile();\n  const isMobileFormat =\n    isMobile || window?.innerWidth < defaultTheme.mobileWidth;\n\n  const { paymentState } = usePayContext();\n  const { tokenMode } = paymentState;\n  const { optionsList, isLoading } = useTokenOptions(tokenMode);\n  const { isConnected: isEvmConnected } = useAccount();\n\n  const solanaWallets = useWallet();\n  const isSolConnected = solanaWallets.connected;\n  const isConnected = isEvmConnected || isSolConnected;\n\n  const isAnotherMethodButtonVisible =\n    optionsList.length > 0 && tokenMode !== \"showCoin\";\n\n  return (\n    <PageContent>\n      <OrderHeader minified show={tokenMode} />\n      <OptionsList\n        requiredSkeletons={4}\n        isLoading={isLoading}\n        options={optionsList}\n        scrollHeight={\n          isAnotherMethodButtonVisible && isMobileFormat ? 225 : 300\n        }\n        orDivider={isAnotherMethodButtonVisible}\n        hideBottomLine={!isAnotherMethodButtonVisible}\n      />\n      {!isLoading && isConnected && optionsList.length === 0 && (\n        <InsufficientBalance />\n      )}\n      {!isLoading && !isConnected && tokenMode === \"showCoin\" && (\n        <ConnectButton />\n      )}\n      {isAnotherMethodButtonVisible && <SelectAnotherMethodButton />}\n    </PageContent>\n  );\n}\n\nfunction InsufficientBalance() {\n  const locales = useLocales();\n  return (\n    <ModalContent\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        paddingTop: 16,\n        paddingBottom: 16,\n      }}\n    >\n      <ModalH1>{locales.insufficientBalance}</ModalH1>\n      <SelectAnotherMethodButton />\n    </ModalContent>\n  );\n}\n\nfunction ConnectButton() {\n  const locales = useLocales();\n  const { connect } = useConnect();\n  const solanaWallets = useWallet();\n  // On Android, filter out the Android Intent deeplink fake wallet.\n  const filteredWallets = solanaWallets.wallets.filter(\n    (w) => w.adapter.name !== \"Mobile Wallet Adapter\",\n  );\n  const hasSolanaWallet = filteredWallets.length > 0;\n\n  const icons = [<Ethereum key=\"ethereum\" />];\n  if (hasSolanaWallet) {\n    icons.push(<Solana key=\"solana\" />);\n  }\n\n  const onClick = () => {\n    connect({\n      connector: injected(),\n    });\n    if (hasSolanaWallet) {\n      if (solanaWallets.wallet == null) {\n        solanaWallets.select(solanaWallets.wallets[0].adapter.name);\n      }\n      solanaWallets.connect();\n    }\n  };\n\n  const connectOption = {\n    id: \"connect-wallet\",\n    title: locales.connectWallet,\n    icons,\n    onClick,\n  };\n\n  return <OptionsList options={[connectOption]} />;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectToken/index.tsx"],"sourcesContent":["import { useWallet } from \"@solana/wallet-adapter-react\";\nimport { injected, useAccount } from \"wagmi\";\nimport { Ethereum, Solana } from \"../../../assets/chains\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { useTokenOptions } from \"../../../hooks/useTokenOptions\";\nimport { ModalContent, ModalH1, PageContent } from \"../../Common/Modal/styles\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport SelectAnotherMethodButton from \"../../Common/SelectAnotherMethodButton\";\n\nexport default function SelectToken() {\n  const { isMobile } = useIsMobile();\n  const isMobileFormat =\n    isMobile || window?.innerWidth < defaultTheme.mobileWidth;\n\n  const { paymentState } = usePayContext();\n  const { tokenMode } = paymentState;\n  const { optionsList, isLoading } = useTokenOptions(tokenMode);\n  const { isConnected: isEvmConnected } = useAccount();\n\n  const solanaWallets = useWallet();\n  const isSolConnected = solanaWallets.connected;\n  const isConnected = isEvmConnected || isSolConnected;\n\n  const isAnotherMethodButtonVisible =\n    optionsList.length > 0 && tokenMode !== \"all\";\n\n  return (\n    <PageContent>\n      <OrderHeader minified show={tokenMode} />\n      <OptionsList\n        requiredSkeletons={4}\n        isLoading={isLoading}\n        options={optionsList}\n        scrollHeight={\n          isAnotherMethodButtonVisible && isMobileFormat ? 225 : 300\n        }\n        orDivider={isAnotherMethodButtonVisible}\n        hideBottomLine={!isAnotherMethodButtonVisible}\n      />\n      {!isLoading && isConnected && optionsList.length === 0 && (\n        <InsufficientBalance />\n      )}\n      {!isLoading && !isConnected && tokenMode === \"all\" && <ConnectButton />}\n      {isAnotherMethodButtonVisible && <SelectAnotherMethodButton />}\n    </PageContent>\n  );\n}\n\nfunction InsufficientBalance() {\n  const locales = useLocales();\n  return (\n    <ModalContent\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        paddingTop: 16,\n        paddingBottom: 16,\n      }}\n    >\n      <ModalH1>{locales.insufficientBalance}</ModalH1>\n      <SelectAnotherMethodButton />\n    </ModalContent>\n  );\n}\n\nfunction ConnectButton() {\n  const locales = useLocales();\n  const { connect } = useConnect();\n  const solanaWallets = useWallet();\n  // On Android, filter out the Android Intent deeplink fake wallet.\n  const filteredWallets = solanaWallets.wallets.filter(\n    (w) => w.adapter.name !== \"Mobile Wallet Adapter\",\n  );\n  const hasSolanaWallet = filteredWallets.length > 0;\n\n  const icons = [<Ethereum key=\"ethereum\" />];\n  if (hasSolanaWallet) {\n    icons.push(<Solana key=\"solana\" />);\n  }\n\n  const onClick = () => {\n    connect({\n      connector: injected(),\n    });\n    if (hasSolanaWallet) {\n      if (solanaWallets.wallet == null) {\n        solanaWallets.select(solanaWallets.wallets[0].adapter.name);\n      }\n      solanaWallets.connect();\n    }\n  };\n\n  const connectOption = {\n    id: \"connect-wallet\",\n    title: locales.connectWallet,\n    icons,\n    onClick,\n  };\n\n  return <OptionsList options={[connectOption]} />;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAcA,SAAwB,WAAc,GAAA;AACpC,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACjC,EAAA,MAAM,cACJ,GAAA,QAAA,IAAY,MAAQ,EAAA,UAAA,GAAa,YAAa,CAAA,WAAA,CAAA;AAEhD,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AACvC,EAAM,MAAA,EAAE,WAAc,GAAA,YAAA,CAAA;AACtB,EAAA,MAAM,EAAE,WAAA,EAAa,SAAU,EAAA,GAAI,gBAAgB,SAAS,CAAA,CAAA;AAC5D,EAAA,MAAM,EAAE,WAAA,EAAa,cAAe,EAAA,GAAI,UAAW,EAAA,CAAA;AAEnD,EAAA,MAAM,gBAAgB,SAAU,EAAA,CAAA;AAChC,EAAA,MAAM,iBAAiB,aAAc,CAAA,SAAA,CAAA;AACrC,EAAA,MAAM,cAAc,cAAkB,IAAA,cAAA,CAAA;AAEtC,EAAA,MAAM,4BACJ,GAAA,WAAA,CAAY,MAAS,GAAA,CAAA,IAAK,SAAc,KAAA,KAAA,CAAA;AAE1C,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAM,SAAW,EAAA,CAAA;AAAA,oBACvC,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,iBAAmB,EAAA,CAAA;AAAA,QACnB,SAAA;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,YAAA,EACE,4BAAgC,IAAA,cAAA,GAAiB,GAAM,GAAA,GAAA;AAAA,QAEzD,SAAW,EAAA,4BAAA;AAAA,QACX,gBAAgB,CAAC,4BAAA;AAAA,OAAA;AAAA,KACnB;AAAA,IACC,CAAC,SAAa,IAAA,WAAA,IAAe,YAAY,MAAW,KAAA,CAAA,wBAClD,mBAAoB,EAAA,EAAA,CAAA;AAAA,IAEtB,CAAC,SAAa,IAAA,CAAC,eAAe,SAAc,KAAA,KAAA,wBAAU,aAAc,EAAA,EAAA,CAAA;AAAA,IACpE,4BAAA,wBAAiC,yBAA0B,EAAA,EAAA,CAAA;AAAA,GAC9D,EAAA,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,mBAAsB,GAAA;AAC7B,EAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAC3B,EACE,uBAAA,IAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA,EAAA;AAAA,QACZ,aAAe,EAAA,EAAA;AAAA,OACjB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,OAAA,EAAA,EAAS,kBAAQ,mBAAoB,EAAA,CAAA;AAAA,4BACrC,yBAA0B,EAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAC7B,CAAA;AAEJ,CAAA;AAEA,SAAS,aAAgB,GAAA;AACvB,EAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,UAAW,EAAA,CAAA;AAC/B,EAAA,MAAM,gBAAgB,SAAU,EAAA,CAAA;AAEhC,EAAM,MAAA,eAAA,GAAkB,cAAc,OAAQ,CAAA,MAAA;AAAA,IAC5C,CAAC,CAAA,KAAM,CAAE,CAAA,OAAA,CAAQ,IAAS,KAAA,uBAAA;AAAA,GAC5B,CAAA;AACA,EAAM,MAAA,eAAA,GAAkB,gBAAgB,MAAS,GAAA,CAAA,CAAA;AAEjD,EAAA,MAAM,KAAQ,GAAA,iBAAE,GAAA,CAAA,QAAA,EAAA,EAAA,EAAa,UAAW,CAAE,CAAA,CAAA;AAC1C,EAAA,IAAI,eAAiB,EAAA;AACnB,IAAA,KAAA,CAAM,IAAK,iBAAA,GAAA,CAAC,MAAW,EAAA,EAAA,EAAA,QAAS,CAAE,CAAA,CAAA;AAAA,GACpC;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAQ,OAAA,CAAA;AAAA,MACN,WAAW,QAAS,EAAA;AAAA,KACrB,CAAA,CAAA;AACD,IAAA,IAAI,eAAiB,EAAA;AACnB,MAAI,IAAA,aAAA,CAAc,UAAU,IAAM,EAAA;AAChC,QAAA,aAAA,CAAc,OAAO,aAAc,CAAA,OAAA,CAAQ,CAAC,CAAA,CAAE,QAAQ,IAAI,CAAA,CAAA;AAAA,OAC5D;AACA,MAAA,aAAA,CAAc,OAAQ,EAAA,CAAA;AAAA,KACxB;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,EAAI,EAAA,gBAAA;AAAA,IACJ,OAAO,OAAQ,CAAA,aAAA;AAAA,IACf,KAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AAEA,EAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAY,OAAS,EAAA,CAAC,aAAa,CAAG,EAAA,CAAA,CAAA;AAChD;;;;"}

package/build/src/components/Pages/SelectZKP/index.js

@@ -11,7 +11,7 @@ const SelectZKP = () => {
   const zkp2pOptions = externalPaymentOptions.options.get("zkp2p");
   if (!zkp2pOptions) {
     return /* @__PURE__ */ jsxs(PageContent, { children: [
-      /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "hideCoin" }),
+      /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "zkp2p" }),
       /* @__PURE__ */ jsx(ModalH1, { children: "No ZKP2P options available" })
     ] });
   }
@@ -32,7 +32,7 @@ const SelectZKP = () => {
     subtitle: option.message
   }));
   return /* @__PURE__ */ jsxs(PageContent, { children: [
-    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "hideCoin" }),
+    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "zkp2p" }),
     /* @__PURE__ */ jsx(OptionsList, { options })
   ] });
 };

package/build/src/components/Pages/SelectZKP/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectZKP/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst SelectZKP: React.FC = () => {\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;\n  const zkp2pOptions = externalPaymentOptions.options.get(\"zkp2p\");\n\n  if (!zkp2pOptions) {\n    return (\n      <PageContent>\n        <OrderHeader minified show=\"hideCoin\" />\n        <ModalH1>No ZKP2P options available</ModalH1>\n      </PageContent>\n    );\n  }\n\n  const options = zkp2pOptions.map((option) => ({\n    id: option.id,\n    title: option.cta,\n    icons: [option.logoURI],\n    onClick: () => {\n      setSelectedExternalOption(option);\n      const meta = { event: \"click-option\", option: option.id };\n      if (paymentState.isDepositFlow) {\n        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setRoute(ROUTES.WAITING_EXTERNAL, meta);\n      }\n    },\n    disabled: option.disabled,\n    subtitle: option.message,\n  }));\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"hideCoin\" />\n      <OptionsList options={options} />\n    </PageContent>\n  );\n};\n\nexport default SelectZKP;\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,YAAsB,MAAM;AAChC,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,sBAAwB,EAAA,yBAAA,EAA8B,GAAA,YAAA,CAAA;AAC9D,EAAA,MAAM,YAAe,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAE/D,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,sBACtC,GAAA,CAAC,WAAQ,QAA0B,EAAA,4BAAA,EAAA,CAAA;AAAA,KACrC,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,MAAM,OAAU,GAAA,YAAA,CAAa,GAAI,CAAA,CAAC,MAAY,MAAA;AAAA,IAC5C,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,OAAO,MAAO,CAAA,GAAA;AAAA,IACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,IACtB,SAAS,MAAM;AACb,MAAA,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAChC,MAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,MAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,QAAS,QAAA,CAAA,MAAA,CAAO,wBAAwB,IAAI,CAAA,CAAA;AAAA,OACvC,MAAA;AACL,QAAS,QAAA,CAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAAA,IACA,UAAU,MAAO,CAAA,QAAA;AAAA,IACjB,UAAU,MAAO,CAAA,OAAA;AAAA,GACjB,CAAA,CAAA,CAAA;AAEF,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,UAAW,EAAA,CAAA;AAAA,oBACtC,GAAA,CAAC,eAAY,OAAkB,EAAA,CAAA;AAAA,GACjC,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectZKP/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst SelectZKP: React.FC = () => {\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;\n  const zkp2pOptions = externalPaymentOptions.options.get(\"zkp2p\");\n\n  if (!zkp2pOptions) {\n    return (\n      <PageContent>\n        <OrderHeader minified show=\"zkp2p\" />\n        <ModalH1>No ZKP2P options available</ModalH1>\n      </PageContent>\n    );\n  }\n\n  const options = zkp2pOptions.map((option) => ({\n    id: option.id,\n    title: option.cta,\n    icons: [option.logoURI],\n    onClick: () => {\n      setSelectedExternalOption(option);\n      const meta = { event: \"click-option\", option: option.id };\n      if (paymentState.isDepositFlow) {\n        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setRoute(ROUTES.WAITING_EXTERNAL, meta);\n      }\n    },\n    disabled: option.disabled,\n    subtitle: option.message,\n  }));\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"zkp2p\" />\n      <OptionsList options={options} />\n    </PageContent>\n  );\n};\n\nexport default SelectZKP;\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,YAAsB,MAAM;AAChC,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,sBAAwB,EAAA,yBAAA,EAA8B,GAAA,YAAA,CAAA;AAC9D,EAAA,MAAM,YAAe,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAE/D,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,sBACnC,GAAA,CAAC,WAAQ,QAA0B,EAAA,4BAAA,EAAA,CAAA;AAAA,KACrC,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,MAAM,OAAU,GAAA,YAAA,CAAa,GAAI,CAAA,CAAC,MAAY,MAAA;AAAA,IAC5C,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,OAAO,MAAO,CAAA,GAAA;AAAA,IACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,IACtB,SAAS,MAAM;AACb,MAAA,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAChC,MAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,MAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,QAAS,QAAA,CAAA,MAAA,CAAO,wBAAwB,IAAI,CAAA,CAAA;AAAA,OACvC,MAAA;AACL,QAAS,QAAA,CAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAAA,IACA,UAAU,MAAO,CAAA,QAAA;AAAA,IACjB,UAAU,MAAO,CAAA,OAAA;AAAA,GACjB,CAAA,CAAA,CAAA;AAEF,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,oBACnC,GAAA,CAAC,eAAY,OAAkB,EAAA,CAAA;AAAA,GACjC,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/src/defaultConfig.js

@@ -24,7 +24,6 @@ const defaultConfig = ({
   additionalConnectors,
   chains = REQUIRED_CHAINS,
   client,
-  merchantRpcUrl,
   ...props
 }) => {
   globalAppName = appName;
@@ -47,8 +46,7 @@ const defaultConfig = ({
       name: appName,
       icon: appIcon,
       description: appDescription,
-      url: appUrl,
-      merchantRpcUrl
+      url: appUrl
     },
     additionalConnectors
   });

package/build/src/defaultConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultConfig.js","sources":["../../src/defaultConfig.ts"],"sourcesContent":["import { type CreateConfigParameters } from \"@wagmi/core\";\nimport { CreateConnectorFn, http } from \"wagmi\";\nimport {\n  arbitrum,\n  base,\n  bsc,\n  celo,\n  Chain,\n  linea,\n  mainnet,\n  optimism,\n  polygon,\n  scroll,\n  worldchain,\n} from \"wagmi/chains\";\nimport { CoinbaseWalletParameters } from \"wagmi/connectors\";\n\nimport defaultConnectors from \"./defaultConnectors\";\n\n// TODO: Move these to a provider rather than global variable\nlet globalAppName: string;\nlet globalAppIcon: string;\nexport const getAppName = () => globalAppName;\nexport const getAppIcon = () => globalAppIcon;\n\ntype DefaultConfigProps = {\n  appName: string;\n  appIcon?: string;\n  appDescription?: string;\n  appUrl?: string;\n\n  /**\n   * RPC URL used to sponsor gas fees for transactions made with Porto wallets.\n   */\n  merchantRpcUrl?: string;\n\n  // Coinbase Wallet preference\n  coinbaseWalletPreference?: CoinbaseWalletParameters<\"4\">[\"preference\"];\n\n  // Additional connectors to use\n  additionalConnectors?: CreateConnectorFn[];\n} & Partial<CreateConfigParameters>;\n\nexport const REQUIRED_CHAINS: CreateConfigParameters[\"chains\"] = [\n  arbitrum,\n  base,\n  bsc,\n  celo,\n  linea,\n  mainnet,\n  polygon,\n  optimism,\n  scroll,\n  worldchain,\n];\n\n/** Daimo Pay recommended config, for use with wagmi's createConfig(). */\nconst defaultConfig = ({\n  appName = \"Daimo Pay\",\n  appIcon,\n  appDescription,\n  appUrl,\n  additionalConnectors,\n  chains = REQUIRED_CHAINS,\n  client,\n  merchantRpcUrl,\n  ...props\n}: DefaultConfigProps): CreateConfigParameters => {\n  globalAppName = appName;\n  if (appIcon) globalAppIcon = appIcon;\n\n  const paddedChains: [Chain, ...Chain[]] = [...chains];\n  for (const chain of REQUIRED_CHAINS) {\n    if (!paddedChains.includes(chain)) {\n      paddedChains.push(chain);\n    }\n  }\n\n  const paddedTransports: CreateConfigParameters[\"transports\"] = {};\n  for (const chain of paddedChains) {\n    if (!props?.transports?.[chain.id]) {\n      // Auto inject http transport if not provided for a chain\n      paddedTransports[chain.id] = http();\n    } else {\n      paddedTransports[chain.id] = props.transports[chain.id];\n    }\n  }\n\n  const connectors: CreateConfigParameters[\"connectors\"] =\n    props?.connectors ??\n    defaultConnectors({\n      app: {\n        name: appName,\n        icon: appIcon,\n        description: appDescription,\n        url: appUrl,\n        merchantRpcUrl: merchantRpcUrl,\n      },\n      additionalConnectors,\n    });\n\n  const config: CreateConfigParameters<any, any> = {\n    ...props,\n    chains: paddedChains,\n    transports: paddedTransports,\n    connectors,\n  };\n\n  return config;\n};\n\nexport default defaultConfig;\n"],"names":[],"mappings":";;;;AAoBA,IAAI,aAAA,CAAA;AAEG,MAAM,aAAa,MAAM,cAAA;AAqBzB,MAAM,eAAoD,GAAA;AAAA,EAC/D,QAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AACF,EAAA;AAGA,MAAM,gBAAgB,CAAC;AAAA,EACrB,OAAU,GAAA,WAAA;AAAA,EACV,OAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA;AAAA,EACA,oBAAA;AAAA,EACA,MAAS,GAAA,eAAA;AAAA,EACT,MAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAkD,KAAA;AAChD,EAAgB,aAAA,GAAA,OAAA,CAAA;AAGhB,EAAM,MAAA,YAAA,GAAoC,CAAC,GAAG,MAAM,CAAA,CAAA;AACpD,EAAA,KAAA,MAAW,SAAS,eAAiB,EAAA;AACnC,IAAA,IAAI,CAAC,YAAA,CAAa,QAAS,CAAA,KAAK,CAAG,EAAA;AACjC,MAAA,YAAA,CAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KACzB;AAAA,GACF;AAEA,EAAA,MAAM,mBAAyD,EAAC,CAAA;AAChE,EAAA,KAAA,MAAW,SAAS,YAAc,EAAA;AAChC,IAAA,IAAI,CAAC,KAAA,EAAO,UAAa,GAAA,KAAA,CAAM,EAAE,CAAG,EAAA;AAElC,MAAiB,gBAAA,CAAA,KAAA,CAAM,EAAE,CAAA,GAAI,IAAK,EAAA,CAAA;AAAA,KAC7B,MAAA;AACL,MAAA,gBAAA,CAAiB,MAAM,EAAE,CAAA,GAAI,KAAM,CAAA,UAAA,CAAW,MAAM,EAAE,CAAA,CAAA;AAAA,KACxD;AAAA,GACF;AAEA,EAAM,MAAA,UAAA,GACJ,KAAO,EAAA,UAAA,IACP,iBAAkB,CAAA;AAAA,IAChB,GAAK,EAAA;AAAA,MACH,IAAM,EAAA,OAAA;AAAA,MACN,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,cAAA;AAAA,MACb,GAAK,EAAA,MAAA;AAAA,MACL,cAAA;AAAA,KACF;AAAA,IACA,oBAAA;AAAA,GACD,CAAA,CAAA;AAEH,EAAA,MAAM,MAA2C,GAAA;AAAA,IAC/C,GAAG,KAAA;AAAA,IACH,MAAQ,EAAA,YAAA;AAAA,IACR,UAAY,EAAA,gBAAA;AAAA,IACZ,UAAA;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"defaultConfig.js","sources":["../../src/defaultConfig.ts"],"sourcesContent":["import { type CreateConfigParameters } from \"@wagmi/core\";\nimport { CreateConnectorFn, http } from \"wagmi\";\nimport {\n  arbitrum,\n  base,\n  bsc,\n  celo,\n  Chain,\n  linea,\n  mainnet,\n  optimism,\n  polygon,\n  scroll,\n  worldchain,\n} from \"wagmi/chains\";\nimport { CoinbaseWalletParameters } from \"wagmi/connectors\";\n\nimport defaultConnectors from \"./defaultConnectors\";\n\n// TODO: Move these to a provider rather than global variable\nlet globalAppName: string;\nlet globalAppIcon: string;\nexport const getAppName = () => globalAppName;\nexport const getAppIcon = () => globalAppIcon;\n\ntype DefaultConfigProps = {\n  appName: string;\n  appIcon?: string;\n  appDescription?: string;\n  appUrl?: string;\n\n  // Coinbase Wallet preference\n  coinbaseWalletPreference?: CoinbaseWalletParameters<\"4\">[\"preference\"];\n\n  // Additional connectors to use\n  additionalConnectors?: CreateConnectorFn[];\n} & Partial<CreateConfigParameters>;\n\nexport const REQUIRED_CHAINS: CreateConfigParameters[\"chains\"] = [\n  arbitrum,\n  base,\n  bsc,\n  celo,\n  linea,\n  mainnet,\n  polygon,\n  optimism,\n  scroll,\n  worldchain,\n];\n\n/** Daimo Pay recommended config, for use with wagmi's createConfig(). */\nconst defaultConfig = ({\n  appName = \"Daimo Pay\",\n  appIcon,\n  appDescription,\n  appUrl,\n  additionalConnectors,\n  chains = REQUIRED_CHAINS,\n  client,\n  ...props\n}: DefaultConfigProps): CreateConfigParameters => {\n  globalAppName = appName;\n  if (appIcon) globalAppIcon = appIcon;\n\n  const paddedChains: [Chain, ...Chain[]] = [...chains];\n  for (const chain of REQUIRED_CHAINS) {\n    if (!paddedChains.includes(chain)) {\n      paddedChains.push(chain);\n    }\n  }\n\n  const paddedTransports: CreateConfigParameters[\"transports\"] = {};\n  for (const chain of paddedChains) {\n    if (!props?.transports?.[chain.id]) {\n      // Auto inject http transport if not provided for a chain\n      paddedTransports[chain.id] = http();\n    } else {\n      paddedTransports[chain.id] = props.transports[chain.id];\n    }\n  }\n\n  const connectors: CreateConfigParameters[\"connectors\"] =\n    props?.connectors ??\n    defaultConnectors({\n      app: {\n        name: appName,\n        icon: appIcon,\n        description: appDescription,\n        url: appUrl,\n      },\n      additionalConnectors,\n    });\n\n  const config: CreateConfigParameters<any, any> = {\n    ...props,\n    chains: paddedChains,\n    transports: paddedTransports,\n    connectors,\n  };\n\n  return config;\n};\n\nexport default defaultConfig;\n"],"names":[],"mappings":";;;;AAoBA,IAAI,aAAA,CAAA;AAEG,MAAM,aAAa,MAAM,cAAA;AAgBzB,MAAM,eAAoD,GAAA;AAAA,EAC/D,QAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AACF,EAAA;AAGA,MAAM,gBAAgB,CAAC;AAAA,EACrB,OAAU,GAAA,WAAA;AAAA,EACV,OAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA;AAAA,EACA,oBAAA;AAAA,EACA,MAAS,GAAA,eAAA;AAAA,EACT,MAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAkD,KAAA;AAChD,EAAgB,aAAA,GAAA,OAAA,CAAA;AAGhB,EAAM,MAAA,YAAA,GAAoC,CAAC,GAAG,MAAM,CAAA,CAAA;AACpD,EAAA,KAAA,MAAW,SAAS,eAAiB,EAAA;AACnC,IAAA,IAAI,CAAC,YAAA,CAAa,QAAS,CAAA,KAAK,CAAG,EAAA;AACjC,MAAA,YAAA,CAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KACzB;AAAA,GACF;AAEA,EAAA,MAAM,mBAAyD,EAAC,CAAA;AAChE,EAAA,KAAA,MAAW,SAAS,YAAc,EAAA;AAChC,IAAA,IAAI,CAAC,KAAA,EAAO,UAAa,GAAA,KAAA,CAAM,EAAE,CAAG,EAAA;AAElC,MAAiB,gBAAA,CAAA,KAAA,CAAM,EAAE,CAAA,GAAI,IAAK,EAAA,CAAA;AAAA,KAC7B,MAAA;AACL,MAAA,gBAAA,CAAiB,MAAM,EAAE,CAAA,GAAI,KAAM,CAAA,UAAA,CAAW,MAAM,EAAE,CAAA,CAAA;AAAA,KACxD;AAAA,GACF;AAEA,EAAM,MAAA,UAAA,GACJ,KAAO,EAAA,UAAA,IACP,iBAAkB,CAAA;AAAA,IAChB,GAAK,EAAA;AAAA,MACH,IAAM,EAAA,OAAA;AAAA,MACN,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,cAAA;AAAA,MACb,GAAK,EAAA,MAAA;AAAA,KACP;AAAA,IACA,oBAAA;AAAA,GACD,CAAA,CAAA;AAEH,EAAA,MAAM,MAA2C,GAAA;AAAA,IAC/C,GAAG,KAAA;AAAA,IACH,MAAQ,EAAA,YAAA;AAAA,IACR,UAAY,EAAA,gBAAA;AAAA,IACZ,UAAA;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}

package/build/src/defaultConnectors.js

@@ -1,5 +1,4 @@
 import { safe, baseAccount, gemini } from '@wagmi/connectors';
-import { porto } from 'porto/wagmi';
 
 const defaultConnectors = ({
   app,
@@ -31,11 +30,6 @@ const defaultConnectors = ({
       }
     })
   );
-  connectors.push(
-    porto({
-      merchantRpcUrl: app.merchantRpcUrl
-    })
-  );
   return connectors;
 };