@daimo/pay 1.18.3 → 1.19.1

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

@@ -8,7 +8,7 @@ import useIsMobile from '../../../hooks/useIsMobile.js';
 import styled from '../../../styles/styled/index.js';
 import { USD_DECIMALS } from '../../../utils/format.js';
 import { isValidNumber, sanitizeNumber } from '../../../utils/validateInput.js';
-import { WALLET_ID_MOBILE_WALLETS } from '../../../wallets/useWallets.js';
+import { isExternalWallet } from '../../../wallets/useWallets.js';
 import AmountInputField from '../../Common/AmountInput/AmountInputField.js';
 import Button from '../../Common/Button/index.js';
 import WalletPaymentSpinner from '../../Spinners/WalletPaymentSpinner/index.js';
@@ -16,7 +16,11 @@ import WalletPaymentSpinner from '../../Spinners/WalletPaymentSpinner/index.js';
 const SelectWalletAmount = () => {
   const { paymentState, setPendingConnectorId, setRoute } = usePayContext();
   const { selectedWallet, openInWalletBrowser } = paymentState;
-  const { setChosenUsd, hydrateOrder } = useDaimoPay();
+  const {
+    setChosenUsd,
+    hydrateOrder,
+    paymentState: payFsmState
+  } = useDaimoPay();
   const { isMobile } = useIsMobile();
   const maxUsdLimit = paymentState.getOrderUsdLimit();
   const [usdInput, setUsdInput] = useState("");
@@ -24,6 +28,7 @@ const SelectWalletAmount = () => {
   if (selectedWallet == null) {
     return /* @__PURE__ */ jsx(PageContent, {});
   }
+  const walletId = selectedWallet?.id;
   const handleAmountChange = (e) => {
     const value = e.target.value;
     if (value !== "" && !isValidNumber(value, USD_DECIMALS)) return;
@@ -34,12 +39,12 @@ const SelectWalletAmount = () => {
   const handleContinue = async () => {
     const amountUsd = Number(sanitizeNumber(usdInput));
     setChosenUsd(amountUsd);
-    await hydrateOrder();
-    if (selectedWallet.id === WALLET_ID_MOBILE_WALLETS || selectedWallet.id === "world" && !isMobile) {
-      setPendingConnectorId(selectedWallet.id);
+    if (isExternalWallet(selectedWallet) && !isMobile) {
+      await hydrateOrder();
+      setPendingConnectorId(walletId);
       setRoute(ROUTES.CONNECT);
     } else {
-      openInWalletBrowser(selectedWallet, amountUsd);
+      await openInWalletBrowser(selectedWallet, amountUsd);
     }
   };
   return /* @__PURE__ */ jsxs(PageContent, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectWalletAmount/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\n\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport styled from \"../../../styles/styled\";\nimport { USD_DECIMALS } from \"../../../utils/format\";\nimport { isValidNumber, sanitizeNumber } from \"../../../utils/validateInput\";\nimport { WALLET_ID_MOBILE_WALLETS } from \"../../../wallets/useWallets\";\nimport AmountInputField from \"../../Common/AmountInput/AmountInputField\";\nimport Button from \"../../Common/Button\";\nimport WalletPaymentSpinner from \"../../Spinners/WalletPaymentSpinner\";\n\nconst SelectWalletAmount: React.FC = () => {\n  const { paymentState, setPendingConnectorId, setRoute } = usePayContext();\n  const { selectedWallet, openInWalletBrowser } = paymentState;\n  const { setChosenUsd, hydrateOrder } = useDaimoPay();\n  const { isMobile } = useIsMobile();\n  const maxUsdLimit = paymentState.getOrderUsdLimit();\n\n  const [usdInput, setUsdInput] = useState<string>(\"\");\n  const [continueDisabled, setContinueDisabled] = useState(true);\n\n  if (selectedWallet == null) {\n    return <PageContent></PageContent>;\n  }\n\n  const handleAmountChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    if (value !== \"\" && !isValidNumber(value, USD_DECIMALS)) return;\n    setUsdInput(value);\n\n    const usd = Number(sanitizeNumber(value));\n    setContinueDisabled(usd <= 0 || usd > maxUsdLimit);\n  };\n\n  const handleContinue = async () => {\n    const amountUsd = Number(sanitizeNumber(usdInput));\n    setChosenUsd(amountUsd);\n    await hydrateOrder();\n    if (\n      selectedWallet.id === WALLET_ID_MOBILE_WALLETS ||\n      (selectedWallet.id === \"world\" && !isMobile)\n    ) {\n      setPendingConnectorId(selectedWallet.id);\n      setRoute(ROUTES.CONNECT);\n    } else {\n      openInWalletBrowser(selectedWallet, amountUsd);\n    }\n  };\n\n  return (\n    <PageContent>\n      <WalletPaymentSpinner\n        logo={selectedWallet.icon}\n        logoShape={\n          selectedWallet.iconShape === \"square\"\n            ? \"squircle\"\n            : selectedWallet.iconShape || \"squircle\"\n        }\n      />\n      <ModalContent $preserveDisplay={true}>\n        <AmountInputContainer>\n          <AmountInputField value={usdInput} onChange={handleAmountChange} />\n        </AmountInputContainer>\n        <Button onClick={handleContinue} disabled={continueDisabled}>\n          Continue\n        </Button>\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nconst AmountInputContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport default SelectWalletAmount;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,qBAA+B,MAAM;AACzC,EAAA,MAAM,EAAE,YAAA,EAAc,qBAAuB,EAAA,QAAA,KAAa,aAAc,EAAA,CAAA;AACxE,EAAM,MAAA,EAAE,cAAgB,EAAA,mBAAA,EAAwB,GAAA,YAAA,CAAA;AAChD,EAAA,MAAM,EAAE,YAAA,EAAc,YAAa,EAAA,GAAI,WAAY,EAAA,CAAA;AACnD,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACjC,EAAM,MAAA,WAAA,GAAc,aAAa,gBAAiB,EAAA,CAAA;AAElD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAiB,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAE7D,EAAA,IAAI,kBAAkB,IAAM,EAAA;AAC1B,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,CAA2C,KAAA;AACrE,IAAM,MAAA,KAAA,GAAQ,EAAE,MAAO,CAAA,KAAA,CAAA;AACvB,IAAA,IAAI,UAAU,EAAM,IAAA,CAAC,aAAc,CAAA,KAAA,EAAO,YAAY,CAAG,EAAA,OAAA;AACzD,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAEjB,IAAA,MAAM,GAAM,GAAA,MAAA,CAAO,cAAe,CAAA,KAAK,CAAC,CAAA,CAAA;AACxC,IAAoB,mBAAA,CAAA,GAAA,IAAO,CAAK,IAAA,GAAA,GAAM,WAAW,CAAA,CAAA;AAAA,GACnD,CAAA;AAEA,EAAA,MAAM,iBAAiB,YAAY;AACjC,IAAA,MAAM,SAAY,GAAA,MAAA,CAAO,cAAe,CAAA,QAAQ,CAAC,CAAA,CAAA;AACjD,IAAA,YAAA,CAAa,SAAS,CAAA,CAAA;AACtB,IAAA,MAAM,YAAa,EAAA,CAAA;AACnB,IAAA,IACE,eAAe,EAAO,KAAA,wBAAA,IACrB,eAAe,EAAO,KAAA,OAAA,IAAW,CAAC,QACnC,EAAA;AACA,MAAA,qBAAA,CAAsB,eAAe,EAAE,CAAA,CAAA;AACvC,MAAA,QAAA,CAAS,OAAO,OAAO,CAAA,CAAA;AAAA,KAClB,MAAA;AACL,MAAA,mBAAA,CAAoB,gBAAgB,SAAS,CAAA,CAAA;AAAA,KAC/C;AAAA,GACF,CAAA;AAEA,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,MAAM,cAAe,CAAA,IAAA;AAAA,QACrB,WACE,cAAe,CAAA,SAAA,KAAc,QACzB,GAAA,UAAA,GACA,eAAe,SAAa,IAAA,UAAA;AAAA,OAAA;AAAA,KAEpC;AAAA,oBACA,IAAA,CAAC,YAAa,EAAA,EAAA,gBAAA,EAAkB,IAC9B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,wBACC,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,OAAO,QAAU,EAAA,QAAA,EAAU,oBAAoB,CACnE,EAAA,CAAA;AAAA,0BACC,MAAO,EAAA,EAAA,OAAA,EAAS,cAAgB,EAAA,QAAA,EAAU,kBAAkB,QAE7D,EAAA,UAAA,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,uBAAuB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectWalletAmount/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\n\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport styled from \"../../../styles/styled\";\nimport { USD_DECIMALS } from \"../../../utils/format\";\nimport { isValidNumber, sanitizeNumber } from \"../../../utils/validateInput\";\nimport { isExternalWallet } from \"../../../wallets/useWallets\";\nimport AmountInputField from \"../../Common/AmountInput/AmountInputField\";\nimport Button from \"../../Common/Button\";\nimport WalletPaymentSpinner from \"../../Spinners/WalletPaymentSpinner\";\n\nconst SelectWalletAmount: React.FC = () => {\n  const { paymentState, setPendingConnectorId, setRoute } = usePayContext();\n  const { selectedWallet, openInWalletBrowser } = paymentState;\n  const {\n    setChosenUsd,\n    hydrateOrder,\n    paymentState: payFsmState,\n  } = useDaimoPay();\n  const { isMobile } = useIsMobile();\n  const maxUsdLimit = paymentState.getOrderUsdLimit();\n\n  const [usdInput, setUsdInput] = useState<string>(\"\");\n  const [continueDisabled, setContinueDisabled] = useState(true);\n\n  if (selectedWallet == null) {\n    return <PageContent></PageContent>;\n  }\n\n  const walletId = selectedWallet?.id;\n\n  const handleAmountChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    if (value !== \"\" && !isValidNumber(value, USD_DECIMALS)) return;\n    setUsdInput(value);\n\n    const usd = Number(sanitizeNumber(value));\n    setContinueDisabled(usd <= 0 || usd > maxUsdLimit);\n  };\n\n  const handleContinue = async () => {\n    const amountUsd = Number(sanitizeNumber(usdInput));\n    setChosenUsd(amountUsd);\n\n    // External wallets (World, MiniPay, etc.) on desktop show QR code\n    if (isExternalWallet(selectedWallet) && !isMobile) {\n      await hydrateOrder();\n      setPendingConnectorId(walletId!);\n      setRoute(ROUTES.CONNECT);\n    } else {\n      // Regular wallets or mobile: open in wallet browser\n      await openInWalletBrowser(selectedWallet, amountUsd);\n    }\n  };\n\n  return (\n    <PageContent>\n      <WalletPaymentSpinner\n        logo={selectedWallet.icon}\n        logoShape={\n          selectedWallet.iconShape === \"square\"\n            ? \"squircle\"\n            : selectedWallet.iconShape || \"squircle\"\n        }\n      />\n      <ModalContent $preserveDisplay={true}>\n        <AmountInputContainer>\n          <AmountInputField value={usdInput} onChange={handleAmountChange} />\n        </AmountInputContainer>\n        <Button onClick={handleContinue} disabled={continueDisabled}>\n          Continue\n        </Button>\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nconst AmountInputContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport default SelectWalletAmount;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,qBAA+B,MAAM;AACzC,EAAA,MAAM,EAAE,YAAA,EAAc,qBAAuB,EAAA,QAAA,KAAa,aAAc,EAAA,CAAA;AACxE,EAAM,MAAA,EAAE,cAAgB,EAAA,mBAAA,EAAwB,GAAA,YAAA,CAAA;AAChD,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAc,EAAA,WAAA;AAAA,MACZ,WAAY,EAAA,CAAA;AAChB,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACjC,EAAM,MAAA,WAAA,GAAc,aAAa,gBAAiB,EAAA,CAAA;AAElD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAiB,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAE7D,EAAA,IAAI,kBAAkB,IAAM,EAAA;AAC1B,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,MAAM,WAAW,cAAgB,EAAA,EAAA,CAAA;AAEjC,EAAM,MAAA,kBAAA,GAAqB,CAAC,CAA2C,KAAA;AACrE,IAAM,MAAA,KAAA,GAAQ,EAAE,MAAO,CAAA,KAAA,CAAA;AACvB,IAAA,IAAI,UAAU,EAAM,IAAA,CAAC,aAAc,CAAA,KAAA,EAAO,YAAY,CAAG,EAAA,OAAA;AACzD,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAEjB,IAAA,MAAM,GAAM,GAAA,MAAA,CAAO,cAAe,CAAA,KAAK,CAAC,CAAA,CAAA;AACxC,IAAoB,mBAAA,CAAA,GAAA,IAAO,CAAK,IAAA,GAAA,GAAM,WAAW,CAAA,CAAA;AAAA,GACnD,CAAA;AAEA,EAAA,MAAM,iBAAiB,YAAY;AACjC,IAAA,MAAM,SAAY,GAAA,MAAA,CAAO,cAAe,CAAA,QAAQ,CAAC,CAAA,CAAA;AACjD,IAAA,YAAA,CAAa,SAAS,CAAA,CAAA;AAGtB,IAAA,IAAI,gBAAiB,CAAA,cAAc,CAAK,IAAA,CAAC,QAAU,EAAA;AACjD,MAAA,MAAM,YAAa,EAAA,CAAA;AACnB,MAAA,qBAAA,CAAsB,QAAS,CAAA,CAAA;AAC/B,MAAA,QAAA,CAAS,OAAO,OAAO,CAAA,CAAA;AAAA,KAClB,MAAA;AAEL,MAAM,MAAA,mBAAA,CAAoB,gBAAgB,SAAS,CAAA,CAAA;AAAA,KACrD;AAAA,GACF,CAAA;AAEA,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,MAAM,cAAe,CAAA,IAAA;AAAA,QACrB,WACE,cAAe,CAAA,SAAA,KAAc,QACzB,GAAA,UAAA,GACA,eAAe,SAAa,IAAA,UAAA;AAAA,OAAA;AAAA,KAEpC;AAAA,oBACA,IAAA,CAAC,YAAa,EAAA,EAAA,gBAAA,EAAkB,IAC9B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,wBACC,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,OAAO,QAAU,EAAA,QAAA,EAAU,oBAAoB,CACnE,EAAA,CAAA;AAAA,0BACC,MAAO,EAAA,EAAA,OAAA,EAAS,cAAgB,EAAA,QAAA,EAAU,kBAAkB,QAE7D,EAAA,UAAA,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,uBAAuB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

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

@@ -1,11 +1,13 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
+import { useDaimoPay } from '../../../hooks/useDaimoPay.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
 import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
 import { ExternalPaymentOptions, shouldShowExternalQRCodeOnDesktop } from '@daimo/pay-common';
 import { ExternalLinkIcon } from '../../../assets/icons.js';
 import useIsMobile from '../../../hooks/useIsMobile.js';
 import useLocales from '../../../hooks/useLocales.js';
+import styled from '../../../styles/styled/index.js';
 import Button from '../../Common/Button/index.js';
 import ConnectWithQRCode from '../../DaimoPayModal/ConnectWithQRCode.js';
 import ExternalPaymentSpinner from '../../Spinners/ExternalPaymentSpinner/index.js';
@@ -16,11 +18,15 @@ const WaitingExternal = () => {
   const { isMobile } = useIsMobile();
   const locales = useLocales();
   const { selectedExternalOption, payWithExternal, paymentWaitingMessage } = paymentState;
+  useDaimoPay();
   let isCoinbase = false;
+  let isBinance = false;
   if (selectedExternalOption) {
     isCoinbase = selectedExternalOption.id === ExternalPaymentOptions.Coinbase;
+    isBinance = selectedExternalOption.id === ExternalPaymentOptions.Binance;
   }
   const [externalURL, setExternalURL] = useState(null);
+  const [isRegenerating, setIsRegenerating] = useState(false);
   useEffect(() => {
     if (!selectedExternalOption) return;
     payWithExternal(selectedExternalOption.id).then((url) => {
@@ -51,6 +57,19 @@ const WaitingExternal = () => {
       );
     }
   };
+  const regenerateOrder = async () => {
+    if (!selectedExternalOption) return;
+    setIsRegenerating(true);
+    setExternalURL(null);
+    try {
+      payWithExternal(selectedExternalOption.id).then((url) => {
+        setExternalURL(url);
+        setIsRegenerating(false);
+      });
+    } catch (error) {
+      console.error("failed to regenerate order:", error);
+    }
+  };
   const waitingMessageLength = paymentWaitingMessage?.length;
   useEffect(() => {
     triggerResize();
@@ -58,7 +77,22 @@ const WaitingExternal = () => {
   if (!selectedExternalOption) {
     return /* @__PURE__ */ jsx(PageContent, {});
   }
-  return shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) && !isMobile ? /* @__PURE__ */ jsx(ConnectWithQRCode, { externalUrl: externalURL ?? "" }) : /* @__PURE__ */ jsxs(PageContent, { children: [
+  return shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) && !isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ConnectWithQRCode, { externalUrl: externalURL ?? "" }),
+    isBinance && paymentWaitingMessage && !isRegenerating && /* @__PURE__ */ jsx(RegenerateContainer, { children: /* @__PURE__ */ jsx(
+      RegenerateLink,
+      {
+        as: "button",
+        onClick: regenerateOrder,
+        disabled: isRegenerating,
+        children: /* @__PURE__ */ jsxs("span", { children: [
+          locales.notWorking,
+          " ",
+          /* @__PURE__ */ jsx(Underline, { children: locales.regenerateOrder })
+        ] })
+      }
+    ) })
+  ] }) : /* @__PURE__ */ jsxs(PageContent, { children: [
     /* @__PURE__ */ jsx(
       ExternalPaymentSpinner,
       {
@@ -81,9 +115,60 @@ const WaitingExternal = () => {
         },
         children: selectedExternalOption.cta
       }
-    )
+    ),
+    isBinance && paymentWaitingMessage && /* @__PURE__ */ jsx(RegenerateContainer, { children: /* @__PURE__ */ jsx(
+      RegenerateLink,
+      {
+        as: "button",
+        onClick: regenerateOrder,
+        disabled: isRegenerating,
+        children: /* @__PURE__ */ jsx("span", { children: isRegenerating ? /* @__PURE__ */ jsx(Fragment, { children: locales.generatingNewOrder }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          locales.notWorking,
+          " ",
+          /* @__PURE__ */ jsx(Underline, { children: locales.regenerateOrder })
+        ] }) })
+      }
+    ) })
   ] });
 };
+const RegenerateContainer = styled.div`
+  text-align: center;
+  margin-top: 16px;
+  margin-bottom: -4px;
+`;
+const RegenerateLink = styled.a`
+  appearance: none;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  height: 42px;
+  padding: 0 16px;
+  border-radius: 6px;
+  border: none;
+  background: none;
+  color: var(--ck-body-color-muted);
+  text-decoration-color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 400;
+  cursor: pointer;
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+  span {
+    opacity: 1;
+    transition: opacity 300ms ease;
+  }
+`;
+const Underline = styled.span`
+  text-underline-offset: 2px;
+  text-decoration: underline;
+`;
 
 export { WaitingExternal as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/WaitingExternal/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  ModalBody,\n  ModalContent,\n  ModalH1,\n  PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport {\n  ExternalPaymentOptions,\n  shouldShowExternalQRCodeOnDesktop,\n} from \"@daimo/pay-common\";\nimport { ExternalLinkIcon } from \"../../../assets/icons\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport Button from \"../../Common/Button\";\nimport ConnectWithQRCode from \"../../DaimoPayModal/ConnectWithQRCode\";\nimport ExternalPaymentSpinner from \"../../Spinners/ExternalPaymentSpinner\";\n\nconst WaitingExternal: React.FC = () => {\n  const context = usePayContext();\n  const { triggerResize, paymentState } = context;\n  const { isMobile } = useIsMobile();\n  const locales = useLocales();\n  const { selectedExternalOption, payWithExternal, paymentWaitingMessage } =\n    paymentState;\n\n  let isCoinbase = false;\n  if (selectedExternalOption) {\n    isCoinbase = selectedExternalOption.id === ExternalPaymentOptions.Coinbase;\n  }\n\n  const [externalURL, setExternalURL] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!selectedExternalOption) return;\n    payWithExternal(selectedExternalOption.id).then((url) => {\n      setExternalURL(url);\n      if (!shouldShowExternalQRCodeOnDesktop) {\n        openExternalWindow(url);\n      }\n    });\n  }, [selectedExternalOption]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const openExternalWindow = (url: string) => {\n    if (!isCoinbase || isMobile) {\n      // for non-exchange apps: open in a new tab\n      window.open(url, \"_blank\");\n    } else {\n      // for Coinbase: open in a popup window\n      // in portrait mode in the center of the screen\n      let width = 500;\n      let height = 700;\n      const left = Math.max(\n        0,\n        Math.floor((window.innerWidth - width) / 2) + window.screenX,\n      );\n      const top = Math.max(\n        0,\n        Math.floor((window.innerHeight - height) / 2) + window.screenY,\n      );\n\n      window.open(\n        url,\n        \"popupWindow\",\n        `width=${width},height=${height},left=${left},top=${top},scrollbars=yes`,\n      );\n    }\n  };\n\n  const waitingMessageLength = paymentWaitingMessage?.length;\n\n  useEffect(() => {\n    triggerResize();\n  }, [waitingMessageLength, externalURL]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (!selectedExternalOption) {\n    return <PageContent></PageContent>;\n  }\n\n  return shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) &&\n    !isMobile ? (\n    <ConnectWithQRCode externalUrl={externalURL ?? \"\"} />\n  ) : (\n    <PageContent>\n      <ExternalPaymentSpinner\n        logoURI={selectedExternalOption.logoURI}\n        logoShape={selectedExternalOption.logoShape}\n      />\n      <ModalContent style={{ marginLeft: 24, marginRight: 24 }}>\n        <ModalH1>{locales.waitingForPayment}</ModalH1>\n        {paymentWaitingMessage && (\n          <ModalBody style={{ marginTop: 12, marginBottom: 12 }}>\n            {paymentWaitingMessage}\n          </ModalBody>\n        )}\n      </ModalContent>\n      <Button\n        icon={<ExternalLinkIcon />}\n        onClick={() => {\n          if (externalURL) {\n            openExternalWindow(externalURL);\n          }\n        }}\n      >\n        {selectedExternalOption.cta}\n      </Button>\n    </PageContent>\n  );\n};\n\nexport default WaitingExternal;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/WaitingExternal/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  ModalBody,\n  ModalContent,\n  ModalH1,\n  PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport {\n  ExternalPaymentOptions,\n  shouldShowExternalQRCodeOnDesktop,\n} from \"@daimo/pay-common\";\nimport { ExternalLinkIcon } from \"../../../assets/icons\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport styled from \"../../../styles/styled\";\nimport Button from \"../../Common/Button\";\nimport ConnectWithQRCode from \"../../DaimoPayModal/ConnectWithQRCode\";\nimport ExternalPaymentSpinner from \"../../Spinners/ExternalPaymentSpinner\";\n\nconst WaitingExternal: React.FC = () => {\n  const context = usePayContext();\n  const { triggerResize, paymentState } = context;\n  const { isMobile } = useIsMobile();\n  const locales = useLocales();\n  const { selectedExternalOption, payWithExternal, paymentWaitingMessage } =\n    paymentState;\n  const { order } = useDaimoPay();\n\n  let isCoinbase = false;\n  let isBinance = false;\n  if (selectedExternalOption) {\n    isCoinbase = selectedExternalOption.id === ExternalPaymentOptions.Coinbase;\n    isBinance = selectedExternalOption.id === ExternalPaymentOptions.Binance;\n  }\n\n  const [externalURL, setExternalURL] = useState<string | null>(null);\n  const [isRegenerating, setIsRegenerating] = useState(false);\n\n  useEffect(() => {\n    if (!selectedExternalOption) return;\n    payWithExternal(selectedExternalOption.id).then((url) => {\n      setExternalURL(url);\n      if (!shouldShowExternalQRCodeOnDesktop) {\n        openExternalWindow(url);\n      }\n    });\n  }, [selectedExternalOption]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const openExternalWindow = (url: string) => {\n    if (!isCoinbase || isMobile) {\n      // for non-exchange apps: open in a new tab\n      window.open(url, \"_blank\");\n    } else {\n      // for Coinbase: open in a popup window\n      // in portrait mode in the center of the screen\n      let width = 500;\n      let height = 700;\n      const left = Math.max(\n        0,\n        Math.floor((window.innerWidth - width) / 2) + window.screenX,\n      );\n      const top = Math.max(\n        0,\n        Math.floor((window.innerHeight - height) / 2) + window.screenY,\n      );\n\n      window.open(\n        url,\n        \"popupWindow\",\n        `width=${width},height=${height},left=${left},top=${top},scrollbars=yes`,\n      );\n    }\n  };\n\n  const regenerateOrder = async () => {\n    if (!selectedExternalOption) return;\n\n    setIsRegenerating(true);\n    setExternalURL(null);\n    try {\n      payWithExternal(selectedExternalOption.id).then((url) => {\n        setExternalURL(url);\n        setIsRegenerating(false);\n      });\n    } catch (error) {\n      console.error(\"failed to regenerate order:\", error);\n    }\n  };\n\n  const waitingMessageLength = paymentWaitingMessage?.length;\n\n  useEffect(() => {\n    triggerResize();\n  }, [waitingMessageLength, externalURL]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (!selectedExternalOption) {\n    return <PageContent></PageContent>;\n  }\n\n  return shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) &&\n    !isMobile ? (\n    <>\n      <ConnectWithQRCode externalUrl={externalURL ?? \"\"} />\n      {isBinance && paymentWaitingMessage && !isRegenerating && (\n        <RegenerateContainer>\n          <RegenerateLink\n            as=\"button\"\n            onClick={regenerateOrder}\n            disabled={isRegenerating}\n          >\n            <span>\n              {locales.notWorking}{\" \"}\n              <Underline>{locales.regenerateOrder}</Underline>\n            </span>\n          </RegenerateLink>\n        </RegenerateContainer>\n      )}\n    </>\n  ) : (\n    <PageContent>\n      <ExternalPaymentSpinner\n        logoURI={selectedExternalOption.logoURI}\n        logoShape={selectedExternalOption.logoShape}\n      />\n      <ModalContent style={{ marginLeft: 24, marginRight: 24 }}>\n        <ModalH1>{locales.waitingForPayment}</ModalH1>\n        {paymentWaitingMessage && (\n          <ModalBody style={{ marginTop: 12, marginBottom: 12 }}>\n            {paymentWaitingMessage}\n          </ModalBody>\n        )}\n      </ModalContent>\n      <Button\n        icon={<ExternalLinkIcon />}\n        onClick={() => {\n          if (externalURL) {\n            openExternalWindow(externalURL);\n          }\n        }}\n      >\n        {selectedExternalOption.cta}\n      </Button>\n      {isBinance && paymentWaitingMessage && (\n        <RegenerateContainer>\n          <RegenerateLink\n            as=\"button\"\n            onClick={regenerateOrder}\n            disabled={isRegenerating}\n          >\n            <span>\n              {isRegenerating ? (\n                <>{locales.generatingNewOrder}</>\n              ) : (\n                <>\n                  {locales.notWorking}{\" \"}\n                  <Underline>{locales.regenerateOrder}</Underline>\n                </>\n              )}\n            </span>\n          </RegenerateLink>\n        </RegenerateContainer>\n      )}\n    </PageContent>\n  );\n};\n\nconst RegenerateContainer = styled.div`\n  text-align: center;\n  margin-top: 16px;\n  margin-bottom: -4px;\n`;\n\nconst RegenerateLink = styled.a`\n  appearance: none;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  height: 42px;\n  padding: 0 16px;\n  border-radius: 6px;\n  border: none;\n  background: none;\n  color: var(--ck-body-color-muted);\n  text-decoration-color: var(--ck-body-color-muted);\n  font-size: 15px;\n  line-height: 18px;\n  font-weight: 400;\n  cursor: pointer;\n\n  &:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  span {\n    opacity: 1;\n    transition: opacity 300ms ease;\n  }\n`;\n\nconst Underline = styled.span`\n  text-underline-offset: 2px;\n  text-decoration: underline;\n`;\n\nexport default WaitingExternal;\n"],"names":[],"mappings":"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"}

package/build/src/constants/limits.js

@@ -0,0 +1,4 @@
+const DEFAULT_USD_LIMIT = 2e4;
+
+export { DEFAULT_USD_LIMIT };
+//# sourceMappingURL=limits.js.map

package/build/src/constants/limits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"limits.js","sources":["../../../src/constants/limits.ts"],"sourcesContent":["export const DEFAULT_USD_LIMIT = 20000;\n"],"names":[],"mappings":"AAAO,MAAM,iBAAoB,GAAA;;;;"}

package/build/src/constants/paymentOptions.js

@@ -0,0 +1,61 @@
+import { ExternalPaymentOptions } from '@daimo/pay-common';
+
+const TOP_LEVEL_PAYMENT_OPTIONS = [
+  ExternalPaymentOptions.AllWallets,
+  ExternalPaymentOptions.AllExchanges,
+  ExternalPaymentOptions.AllAddresses,
+  ExternalPaymentOptions.AllPaymentApps,
+  ExternalPaymentOptions.Tron
+];
+const DEFAULT_TOP_OPTIONS_ORDER = [
+  ExternalPaymentOptions.AllWallets,
+  ExternalPaymentOptions.AllExchanges,
+  ExternalPaymentOptions.AllAddresses
+];
+const WALLET_OPTION_IDS = [
+  ExternalPaymentOptions.Metamask,
+  ExternalPaymentOptions.Trust,
+  ExternalPaymentOptions.Rainbow,
+  ExternalPaymentOptions.BaseApp,
+  ExternalPaymentOptions.Backpack,
+  ExternalPaymentOptions.Bitget,
+  ExternalPaymentOptions.Family,
+  ExternalPaymentOptions.Farcaster,
+  ExternalPaymentOptions.Phantom,
+  ExternalPaymentOptions.MiniPay,
+  ExternalPaymentOptions.OKX,
+  ExternalPaymentOptions.Solflare,
+  ExternalPaymentOptions.World,
+  ExternalPaymentOptions.Zerion
+];
+const EXCHANGE_OPTION_IDS = [
+  ExternalPaymentOptions.Coinbase,
+  ExternalPaymentOptions.Binance,
+  ExternalPaymentOptions.Lemon
+];
+const ADDRESS_OPTION_IDS = [
+  ExternalPaymentOptions.Tron,
+  ExternalPaymentOptions.Base,
+  ExternalPaymentOptions.Arbitrum,
+  ExternalPaymentOptions.Optimism,
+  ExternalPaymentOptions.Polygon,
+  ExternalPaymentOptions.Ethereum
+];
+function inferTopLevelFromArray(items) {
+  const areAllWallets = items.every(
+    (i) => WALLET_OPTION_IDS.includes(i)
+  );
+  if (areAllWallets) return ExternalPaymentOptions.AllWallets;
+  const areAllExchanges = items.every(
+    (i) => EXCHANGE_OPTION_IDS.includes(i)
+  );
+  if (areAllExchanges) return ExternalPaymentOptions.AllExchanges;
+  const areAllAddresses = items.every(
+    (i) => ADDRESS_OPTION_IDS.includes(i)
+  );
+  if (areAllAddresses) return ExternalPaymentOptions.AllAddresses;
+  return void 0;
+}
+
+export { ADDRESS_OPTION_IDS, DEFAULT_TOP_OPTIONS_ORDER, EXCHANGE_OPTION_IDS, TOP_LEVEL_PAYMENT_OPTIONS, WALLET_OPTION_IDS, inferTopLevelFromArray };
+//# sourceMappingURL=paymentOptions.js.map

package/build/src/constants/paymentOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentOptions.js","sources":["../../../src/constants/paymentOptions.ts"],"sourcesContent":["import {\n  ExternalPaymentOptions,\n  ExternalPaymentOptionsString,\n} from \"@daimo/pay-common\";\n\n// Top-level categories the UI understands at the first select screen\nexport const TOP_LEVEL_PAYMENT_OPTIONS: ExternalPaymentOptionsString[] = [\n  ExternalPaymentOptions.AllWallets,\n  ExternalPaymentOptions.AllExchanges,\n  ExternalPaymentOptions.AllAddresses,\n  ExternalPaymentOptions.AllPaymentApps,\n  ExternalPaymentOptions.Tron,\n];\n\n// Default order when no explicit order is provided\nexport const DEFAULT_TOP_OPTIONS_ORDER: ExternalPaymentOptionsString[] = [\n  ExternalPaymentOptions.AllWallets,\n  ExternalPaymentOptions.AllExchanges,\n  ExternalPaymentOptions.AllAddresses,\n];\n\n// Specific option ids by category (excluding the All* entries)\nexport const WALLET_OPTION_IDS: ExternalPaymentOptionsString[] = [\n  ExternalPaymentOptions.Metamask,\n  ExternalPaymentOptions.Trust,\n  ExternalPaymentOptions.Rainbow,\n  ExternalPaymentOptions.BaseApp,\n  ExternalPaymentOptions.Backpack,\n  ExternalPaymentOptions.Bitget,\n  ExternalPaymentOptions.Family,\n  ExternalPaymentOptions.Farcaster,\n  ExternalPaymentOptions.Phantom,\n  ExternalPaymentOptions.MiniPay,\n  ExternalPaymentOptions.OKX,\n  ExternalPaymentOptions.Solflare,\n  ExternalPaymentOptions.World,\n  ExternalPaymentOptions.Zerion,\n];\n\nexport const EXCHANGE_OPTION_IDS: ExternalPaymentOptionsString[] = [\n  ExternalPaymentOptions.Coinbase,\n  ExternalPaymentOptions.Binance,\n  ExternalPaymentOptions.Lemon,\n];\n\nexport const ADDRESS_OPTION_IDS: ExternalPaymentOptionsString[] = [\n  ExternalPaymentOptions.Tron,\n  ExternalPaymentOptions.Base,\n  ExternalPaymentOptions.Arbitrum,\n  ExternalPaymentOptions.Optimism,\n  ExternalPaymentOptions.Polygon,\n  ExternalPaymentOptions.Ethereum,\n];\n\n/** Infer which top-level category a nested array corresponds to. */\nexport function inferTopLevelFromArray(\n  items: string[],\n):\n  | typeof ExternalPaymentOptions.AllWallets\n  | typeof ExternalPaymentOptions.AllExchanges\n  | typeof ExternalPaymentOptions.AllAddresses\n  | undefined {\n  const areAllWallets = items.every((i) =>\n    WALLET_OPTION_IDS.includes(i as ExternalPaymentOptionsString),\n  );\n  if (areAllWallets) return ExternalPaymentOptions.AllWallets;\n\n  const areAllExchanges = items.every((i) =>\n    EXCHANGE_OPTION_IDS.includes(i as ExternalPaymentOptionsString),\n  );\n  if (areAllExchanges) return ExternalPaymentOptions.AllExchanges;\n\n  const areAllAddresses = items.every((i) =>\n    ADDRESS_OPTION_IDS.includes(i as ExternalPaymentOptionsString),\n  );\n  if (areAllAddresses) return ExternalPaymentOptions.AllAddresses;\n\n  return undefined;\n}\n"],"names":[],"mappings":";;AAMO,MAAM,yBAA4D,GAAA;AAAA,EACvE,sBAAuB,CAAA,UAAA;AAAA,EACvB,sBAAuB,CAAA,YAAA;AAAA,EACvB,sBAAuB,CAAA,YAAA;AAAA,EACvB,sBAAuB,CAAA,cAAA;AAAA,EACvB,sBAAuB,CAAA,IAAA;AACzB,EAAA;AAGO,MAAM,yBAA4D,GAAA;AAAA,EACvE,sBAAuB,CAAA,UAAA;AAAA,EACvB,sBAAuB,CAAA,YAAA;AAAA,EACvB,sBAAuB,CAAA,YAAA;AACzB,EAAA;AAGO,MAAM,iBAAoD,GAAA;AAAA,EAC/D,sBAAuB,CAAA,QAAA;AAAA,EACvB,sBAAuB,CAAA,KAAA;AAAA,EACvB,sBAAuB,CAAA,OAAA;AAAA,EACvB,sBAAuB,CAAA,OAAA;AAAA,EACvB,sBAAuB,CAAA,QAAA;AAAA,EACvB,sBAAuB,CAAA,MAAA;AAAA,EACvB,sBAAuB,CAAA,MAAA;AAAA,EACvB,sBAAuB,CAAA,SAAA;AAAA,EACvB,sBAAuB,CAAA,OAAA;AAAA,EACvB,sBAAuB,CAAA,OAAA;AAAA,EACvB,sBAAuB,CAAA,GAAA;AAAA,EACvB,sBAAuB,CAAA,QAAA;AAAA,EACvB,sBAAuB,CAAA,KAAA;AAAA,EACvB,sBAAuB,CAAA,MAAA;AACzB,EAAA;AAEO,MAAM,mBAAsD,GAAA;AAAA,EACjE,sBAAuB,CAAA,QAAA;AAAA,EACvB,sBAAuB,CAAA,OAAA;AAAA,EACvB,sBAAuB,CAAA,KAAA;AACzB,EAAA;AAEO,MAAM,kBAAqD,GAAA;AAAA,EAChE,sBAAuB,CAAA,IAAA;AAAA,EACvB,sBAAuB,CAAA,IAAA;AAAA,EACvB,sBAAuB,CAAA,QAAA;AAAA,EACvB,sBAAuB,CAAA,QAAA;AAAA,EACvB,sBAAuB,CAAA,OAAA;AAAA,EACvB,sBAAuB,CAAA,QAAA;AACzB,EAAA;AAGO,SAAS,uBACd,KAKY,EAAA;AACZ,EAAA,MAAM,gBAAgB,KAAM,CAAA,KAAA;AAAA,IAAM,CAAC,CAAA,KACjC,iBAAkB,CAAA,QAAA,CAAS,CAAiC,CAAA;AAAA,GAC9D,CAAA;AACA,EAAI,IAAA,aAAA,SAAsB,sBAAuB,CAAA,UAAA,CAAA;AAEjD,EAAA,MAAM,kBAAkB,KAAM,CAAA,KAAA;AAAA,IAAM,CAAC,CAAA,KACnC,mBAAoB,CAAA,QAAA,CAAS,CAAiC,CAAA;AAAA,GAChE,CAAA;AACA,EAAI,IAAA,eAAA,SAAwB,sBAAuB,CAAA,YAAA,CAAA;AAEnD,EAAA,MAAM,kBAAkB,KAAM,CAAA,KAAA;AAAA,IAAM,CAAC,CAAA,KACnC,kBAAmB,CAAA,QAAA,CAAS,CAAiC,CAAA;AAAA,GAC/D,CAAA;AACA,EAAI,IAAA,eAAA,SAAwB,sBAAuB,CAAA,YAAA,CAAA;AAEnD,EAAO,OAAA,KAAA,CAAA,CAAA;AACT;;;;"}

package/build/src/constants/routes.js

@@ -23,7 +23,6 @@ var ROUTES = /* @__PURE__ */ ((ROUTES2) => {
   ROUTES2["CONNECTORS"] = "connectors";
   ROUTES2["MOBILECONNECTORS"] = "mobileConnectors";
   ROUTES2["CONNECT"] = "connect";
-  ROUTES2["DOWNLOAD"] = "download";
   ROUTES2["SWITCHNETWORKS"] = "switchNetworks";
   return ROUTES2;
 })(ROUTES || {});

package/build/src/constants/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","sources":["../../../src/constants/routes.ts"],"sourcesContent":["export enum ROUTES {\n  SELECT_METHOD = \"daimoPaySelectMethod\",\n  SELECT_TOKEN = \"daimoPaySelectToken\",\n  SELECT_AMOUNT = \"daimoPaySelectAmount\",\n  SELECT_EXTERNAL_AMOUNT = \"daimoPaySelectExternalAmount\",\n  SELECT_EXCHANGE = \"daimoPaySelectExchange\",\n  SELECT_DEPOSIT_ADDRESS_AMOUNT = \"daimoPaySelectDepositAddressAmount\",\n  SELECT_WALLET_AMOUNT = \"daimoPaySelectWalletAmount\",\n  SELECT_WALLET_CHAIN = \"daimoPaySelectWalletChain\",\n  SELECT_ZKP2P = \"daimoPaySelectZKP2P\",\n  WAITING_EXTERNAL = \"daimoPayWaitingExternal\",\n  WAITING_WALLET = \"daimoPayWaitingWallet\",\n  SELECT_DEPOSIT_ADDRESS_CHAIN = \"daimoPaySelectDepositAddressChain\",\n  WAITING_DEPOSIT_ADDRESS = \"daimoPayWaitingDepositAddress\",\n  PAY_WITH_TOKEN = \"daimoPayPayWithToken\",\n  CONFIRMATION = \"daimoPayConfirmation\",\n  SOLANA_CONNECTOR = \"daimoPaySolanaConnector\",\n  SOLANA_SELECT_AMOUNT = \"daimoPaySolanaSelectAmount\",\n  SOLANA_PAY_WITH_TOKEN = \"daimoPaySolanaPayWithToken\",\n  ERROR = \"daimoPayError\",\n\n  // Unused routes. Kept to minimize connectkit merge conflicts.\n  ONBOARDING = \"onboarding\",\n  ABOUT = \"about\",\n  CONNECTORS = \"connectors\",\n  MOBILECONNECTORS = \"mobileConnectors\",\n  CONNECT = \"connect\",\n  DOWNLOAD = \"download\",\n  SWITCHNETWORKS = \"switchNetworks\",\n}\n"],"names":["ROUTES"],"mappings":"AAAY,IAAA,MAAA,qBAAAA,OAAL,KAAA;AACL,EAAAA,QAAA,eAAgB,CAAA,GAAA,sBAAA,CAAA;AAChB,EAAAA,QAAA,cAAe,CAAA,GAAA,qBAAA,CAAA;AACf,EAAAA,QAAA,eAAgB,CAAA,GAAA,sBAAA,CAAA;AAChB,EAAAA,QAAA,wBAAyB,CAAA,GAAA,8BAAA,CAAA;AACzB,EAAAA,QAAA,iBAAkB,CAAA,GAAA,wBAAA,CAAA;AAClB,EAAAA,QAAA,+BAAgC,CAAA,GAAA,oCAAA,CAAA;AAChC,EAAAA,QAAA,sBAAuB,CAAA,GAAA,4BAAA,CAAA;AACvB,EAAAA,QAAA,qBAAsB,CAAA,GAAA,2BAAA,CAAA;AACtB,EAAAA,QAAA,cAAe,CAAA,GAAA,qBAAA,CAAA;AACf,EAAAA,QAAA,kBAAmB,CAAA,GAAA,yBAAA,CAAA;AACnB,EAAAA,QAAA,gBAAiB,CAAA,GAAA,uBAAA,CAAA;AACjB,EAAAA,QAAA,8BAA+B,CAAA,GAAA,mCAAA,CAAA;AAC/B,EAAAA,QAAA,yBAA0B,CAAA,GAAA,+BAAA,CAAA;AAC1B,EAAAA,QAAA,gBAAiB,CAAA,GAAA,sBAAA,CAAA;AACjB,EAAAA,QAAA,cAAe,CAAA,GAAA,sBAAA,CAAA;AACf,EAAAA,QAAA,kBAAmB,CAAA,GAAA,yBAAA,CAAA;AACnB,EAAAA,QAAA,sBAAuB,CAAA,GAAA,4BAAA,CAAA;AACvB,EAAAA,QAAA,uBAAwB,CAAA,GAAA,4BAAA,CAAA;AACxB,EAAAA,QAAA,OAAQ,CAAA,GAAA,eAAA,CAAA;AAGR,EAAAA,QAAA,YAAa,CAAA,GAAA,YAAA,CAAA;AACb,EAAAA,QAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACR,EAAAA,QAAA,YAAa,CAAA,GAAA,YAAA,CAAA;AACb,EAAAA,QAAA,kBAAmB,CAAA,GAAA,kBAAA,CAAA;AACnB,EAAAA,QAAA,SAAU,CAAA,GAAA,SAAA,CAAA;AACV,EAAAA,QAAA,UAAW,CAAA,GAAA,UAAA,CAAA;AACX,EAAAA,QAAA,gBAAiB,CAAA,GAAA,gBAAA,CAAA;AA5BP,EAAAA,OAAAA,OAAAA,CAAAA;AAAA,CAAA,EAAA,MAAA,IAAA,EAAA;;;;"}
+{"version":3,"file":"routes.js","sources":["../../../src/constants/routes.ts"],"sourcesContent":["export enum ROUTES {\n  SELECT_METHOD = \"daimoPaySelectMethod\",\n  SELECT_TOKEN = \"daimoPaySelectToken\",\n  SELECT_AMOUNT = \"daimoPaySelectAmount\",\n  SELECT_EXTERNAL_AMOUNT = \"daimoPaySelectExternalAmount\",\n  SELECT_EXCHANGE = \"daimoPaySelectExchange\",\n  SELECT_DEPOSIT_ADDRESS_AMOUNT = \"daimoPaySelectDepositAddressAmount\",\n  SELECT_WALLET_AMOUNT = \"daimoPaySelectWalletAmount\",\n  SELECT_WALLET_CHAIN = \"daimoPaySelectWalletChain\",\n  SELECT_ZKP2P = \"daimoPaySelectZKP2P\",\n  WAITING_EXTERNAL = \"daimoPayWaitingExternal\",\n  WAITING_WALLET = \"daimoPayWaitingWallet\",\n  SELECT_DEPOSIT_ADDRESS_CHAIN = \"daimoPaySelectDepositAddressChain\",\n  WAITING_DEPOSIT_ADDRESS = \"daimoPayWaitingDepositAddress\",\n  PAY_WITH_TOKEN = \"daimoPayPayWithToken\",\n  CONFIRMATION = \"daimoPayConfirmation\",\n  SOLANA_CONNECTOR = \"daimoPaySolanaConnector\",\n  SOLANA_SELECT_AMOUNT = \"daimoPaySolanaSelectAmount\",\n  SOLANA_PAY_WITH_TOKEN = \"daimoPaySolanaPayWithToken\",\n  ERROR = \"daimoPayError\",\n\n  // Unused routes. Kept to minimize connectkit merge conflicts.\n  ONBOARDING = \"onboarding\",\n  ABOUT = \"about\",\n  CONNECTORS = \"connectors\",\n  MOBILECONNECTORS = \"mobileConnectors\",\n  CONNECT = \"connect\",\n  SWITCHNETWORKS = \"switchNetworks\",\n}\n"],"names":["ROUTES"],"mappings":"AAAY,IAAA,MAAA,qBAAAA,OAAL,KAAA;AACL,EAAAA,QAAA,eAAgB,CAAA,GAAA,sBAAA,CAAA;AAChB,EAAAA,QAAA,cAAe,CAAA,GAAA,qBAAA,CAAA;AACf,EAAAA,QAAA,eAAgB,CAAA,GAAA,sBAAA,CAAA;AAChB,EAAAA,QAAA,wBAAyB,CAAA,GAAA,8BAAA,CAAA;AACzB,EAAAA,QAAA,iBAAkB,CAAA,GAAA,wBAAA,CAAA;AAClB,EAAAA,QAAA,+BAAgC,CAAA,GAAA,oCAAA,CAAA;AAChC,EAAAA,QAAA,sBAAuB,CAAA,GAAA,4BAAA,CAAA;AACvB,EAAAA,QAAA,qBAAsB,CAAA,GAAA,2BAAA,CAAA;AACtB,EAAAA,QAAA,cAAe,CAAA,GAAA,qBAAA,CAAA;AACf,EAAAA,QAAA,kBAAmB,CAAA,GAAA,yBAAA,CAAA;AACnB,EAAAA,QAAA,gBAAiB,CAAA,GAAA,uBAAA,CAAA;AACjB,EAAAA,QAAA,8BAA+B,CAAA,GAAA,mCAAA,CAAA;AAC/B,EAAAA,QAAA,yBAA0B,CAAA,GAAA,+BAAA,CAAA;AAC1B,EAAAA,QAAA,gBAAiB,CAAA,GAAA,sBAAA,CAAA;AACjB,EAAAA,QAAA,cAAe,CAAA,GAAA,sBAAA,CAAA;AACf,EAAAA,QAAA,kBAAmB,CAAA,GAAA,yBAAA,CAAA;AACnB,EAAAA,QAAA,sBAAuB,CAAA,GAAA,4BAAA,CAAA;AACvB,EAAAA,QAAA,uBAAwB,CAAA,GAAA,4BAAA,CAAA;AACxB,EAAAA,QAAA,OAAQ,CAAA,GAAA,eAAA,CAAA;AAGR,EAAAA,QAAA,YAAa,CAAA,GAAA,YAAA,CAAA;AACb,EAAAA,QAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACR,EAAAA,QAAA,YAAa,CAAA,GAAA,YAAA,CAAA;AACb,EAAAA,QAAA,kBAAmB,CAAA,GAAA,kBAAA,CAAA;AACnB,EAAAA,QAAA,SAAU,CAAA,GAAA,SAAA,CAAA;AACV,EAAAA,QAAA,gBAAiB,CAAA,GAAA,gBAAA,CAAA;AA3BP,EAAAA,OAAAA,OAAAA,CAAAA;AAAA,CAAA,EAAA,MAAA,IAAA,EAAA;;;;"}

package/build/src/constants/wallets.js

@@ -0,0 +1,7 @@
+const WALLET_ID_OTHER_WALLET = "otherWallet";
+const WALLET_ID_MOBILE_WALLETS = "mobileWallets";
+const RABBY_CONNECTOR_ID = "io.rabby";
+const MOBILE_WALLETS_THRESHOLD_FOR_OTHER = 3;
+
+export { MOBILE_WALLETS_THRESHOLD_FOR_OTHER, RABBY_CONNECTOR_ID, WALLET_ID_MOBILE_WALLETS, WALLET_ID_OTHER_WALLET };
+//# sourceMappingURL=wallets.js.map

package/build/src/constants/wallets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallets.js","sources":["../../../src/constants/wallets.ts"],"sourcesContent":["// Special wallet IDs used throughout the UI\nexport const WALLET_ID_OTHER_WALLET = \"otherWallet\";\nexport const WALLET_ID_MOBILE_WALLETS = \"mobileWallets\";\n\n// Connector IDs for special-case behavior\nexport const RABBY_CONNECTOR_ID = \"io.rabby\";\n\n// Mobile wallets display rules\nexport const MOBILE_WALLETS_THRESHOLD_FOR_OTHER = 3; // if > 3, show \"Other\"\n"],"names":[],"mappings":"AACO,MAAM,sBAAyB,GAAA,cAAA;AAC/B,MAAM,wBAA2B,GAAA,gBAAA;AAGjC,MAAM,kBAAqB,GAAA,WAAA;AAG3B,MAAM,kCAAqC,GAAA;;;;"}

package/build/src/hooks/useExternalPaymentOptions.js

@@ -1,12 +1,13 @@
 import { ExternalPaymentOptions } from '@daimo/pay-common';
 import { useState, useEffect } from 'react';
+import { inferTopLevelFromArray } from '../constants/paymentOptions.js';
 
 const DEFAULT_EXTERNAL_PAYMENT_OPTIONS = Object.values(
   ExternalPaymentOptions
 ).filter(
   (opt) => (
-    // Solana and ExternalChains are handled in the SelectMethod component.
-    opt !== ExternalPaymentOptions.ExternalChains && opt !== ExternalPaymentOptions.Daimo
+    // These are handled in the SelectMethod component.
+    opt !== ExternalPaymentOptions.AllAddresses && opt !== ExternalPaymentOptions.AllPaymentApps
   )
 );
 function useExternalPaymentOptions({
@@ -18,6 +19,9 @@ function useExternalPaymentOptions({
 }) {
   const [options, setOptions] = useState(/* @__PURE__ */ new Map());
   const [loading, setLoading] = useState(false);
+  const [parsedConfig, setParsedConfig] = useState({
+    walletOrder: []
+  });
   useEffect(() => {
     const refreshExternalPaymentOptions = async (usd, mode2) => {
       if (!platform) return;
@@ -28,7 +32,18 @@ function useExternalPaymentOptions({
           mode: mode2,
           usdRequired: usd
         });
-        const enabledExtPaymentOptions = filterIds || DEFAULT_EXTERNAL_PAYMENT_OPTIONS;
+        let walletOrder = [];
+        if (filterIds) {
+          const nestedArray = filterIds.find((opt) => Array.isArray(opt));
+          if (nestedArray && Array.isArray(nestedArray)) {
+            walletOrder = nestedArray;
+          }
+        }
+        setParsedConfig({ walletOrder });
+        const flatFilterIds = filterIds ? filterIds.flatMap(
+          (opt) => Array.isArray(opt) ? inferTopLevelFromArray(opt) ?? "AllWallets" : opt
+        ) : null;
+        const enabledExtPaymentOptions = flatFilterIds || DEFAULT_EXTERNAL_PAYMENT_OPTIONS;
         const hasAllPaymentApps = enabledExtPaymentOptions.includes(
           ExternalPaymentOptions.AllPaymentApps
         );
@@ -57,7 +72,7 @@ function useExternalPaymentOptions({
       refreshExternalPaymentOptions(usdRequired, mode);
     }
   }, [usdRequired, JSON.stringify(filterIds), platform, mode, trpc]);
-  return { options, loading };
+  return { options, loading, parsedConfig };
 }
 
 export { useExternalPaymentOptions };

package/build/src/hooks/useExternalPaymentOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExternalPaymentOptions.js","sources":["../../../src/hooks/useExternalPaymentOptions.ts"],"sourcesContent":["import {\n  DaimoPayOrderMode,\n  ExternalPaymentOptionMetadata,\n  ExternalPaymentOptions,\n  PlatformType,\n} from \"@daimo/pay-common\";\nimport { useEffect, useState } from \"react\";\nimport { TrpcClient } from \"../utils/trpc\";\n\nconst DEFAULT_EXTERNAL_PAYMENT_OPTIONS = Object.values(\n  ExternalPaymentOptions,\n).filter(\n  (opt) =>\n    // Solana and ExternalChains are handled in the SelectMethod component.\n    opt !== ExternalPaymentOptions.ExternalChains &&\n    opt !== ExternalPaymentOptions.Daimo,\n);\n\nexport function useExternalPaymentOptions({\n  trpc,\n  filterIds,\n  platform,\n  usdRequired,\n  mode,\n}: {\n  trpc: TrpcClient;\n  filterIds: string[] | undefined;\n  platform: PlatformType | undefined;\n  usdRequired: number | undefined;\n  mode: DaimoPayOrderMode | undefined;\n}): {\n  /// Exteral options, organized by optionType\n  options: Map<\n    \"external\" | \"zkp2p\" | \"exchange\",\n    ExternalPaymentOptionMetadata[]\n  >;\n  loading: boolean;\n} {\n  const [options, setOptions] = useState<\n    Map<\"external\" | \"zkp2p\" | \"exchange\", ExternalPaymentOptionMetadata[]>\n  >(new Map());\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    const refreshExternalPaymentOptions = async (\n      usd: number,\n      mode: DaimoPayOrderMode,\n    ) => {\n      if (!platform) return;\n\n      setLoading(true);\n      try {\n        const newOptions = await trpc.getExternalPaymentOptions.query({\n          platform,\n          mode,\n          usdRequired: usd,\n        });\n\n        // Filter out options not in options JSON\n        const enabledExtPaymentOptions =\n          filterIds || DEFAULT_EXTERNAL_PAYMENT_OPTIONS;\n\n        const hasAllPaymentApps = enabledExtPaymentOptions.includes(\n          ExternalPaymentOptions.AllPaymentApps,\n        );\n        const hasAllExchanges = enabledExtPaymentOptions.includes(\n          ExternalPaymentOptions.AllExchanges,\n        );\n\n        const filteredOptions = newOptions.filter(\n          (option: ExternalPaymentOptionMetadata) =>\n            enabledExtPaymentOptions.includes(option.id) ||\n            (hasAllPaymentApps && option.optionType === \"zkp2p\") ||\n            (hasAllExchanges && option.optionType === \"exchange\"),\n        );\n        const optionsByType: Map<\n          \"external\" | \"zkp2p\" | \"exchange\",\n          ExternalPaymentOptionMetadata[]\n        > = new Map();\n        filteredOptions.forEach((option) => {\n          const { optionType } = option;\n          if (!optionsByType.has(optionType)) {\n            optionsByType.set(optionType, []);\n          }\n          optionsByType.get(optionType)!.push(option);\n        });\n\n        setOptions(optionsByType);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (usdRequired != null && mode != null) {\n      refreshExternalPaymentOptions(usdRequired, mode);\n    }\n    // TODO: this is an ugly way to handle polling/refresh\n    // Notice the load-bearing JSON.stringify() to prevent a visible infinite\n    // refresh glitch on the SelectMethod screen. Replace this useEffect().\n    //\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [usdRequired, JSON.stringify(filterIds), platform, mode, trpc]);\n\n  return { options, loading };\n}\n"],"names":["mode"],"mappings":";;;AASA,MAAM,mCAAmC,MAAO,CAAA,MAAA;AAAA,EAC9C,sBAAA;AACF,CAAE,CAAA,MAAA;AAAA,EACA,CAAC,GAAA;AAAA;AAAA,IAEC,GAAQ,KAAA,sBAAA,CAAuB,cAC/B,IAAA,GAAA,KAAQ,sBAAuB,CAAA,KAAA;AAAA,GAAA;AACnC,CAAA,CAAA;AAEO,SAAS,yBAA0B,CAAA;AAAA,EACxC,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AACF,CAaE,EAAA;AACA,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,QAE5B,iBAAA,IAAI,KAAK,CAAA,CAAA;AACX,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,6BAAA,GAAgC,OACpC,GAAA,EACAA,KACG,KAAA;AACH,MAAA,IAAI,CAAC,QAAU,EAAA,OAAA;AAEf,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAI,IAAA;AACF,QAAA,MAAM,UAAa,GAAA,MAAM,IAAK,CAAA,yBAAA,CAA0B,KAAM,CAAA;AAAA,UAC5D,QAAA;AAAA,UACA,IAAAA,EAAAA,KAAAA;AAAA,UACA,WAAa,EAAA,GAAA;AAAA,SACd,CAAA,CAAA;AAGD,QAAA,MAAM,2BACJ,SAAa,IAAA,gCAAA,CAAA;AAEf,QAAA,MAAM,oBAAoB,wBAAyB,CAAA,QAAA;AAAA,UACjD,sBAAuB,CAAA,cAAA;AAAA,SACzB,CAAA;AACA,QAAA,MAAM,kBAAkB,wBAAyB,CAAA,QAAA;AAAA,UAC/C,sBAAuB,CAAA,YAAA;AAAA,SACzB,CAAA;AAEA,QAAA,MAAM,kBAAkB,UAAW,CAAA,MAAA;AAAA,UACjC,CAAC,MAAA,KACC,wBAAyB,CAAA,QAAA,CAAS,MAAO,CAAA,EAAE,CAC1C,IAAA,iBAAA,IAAqB,MAAO,CAAA,UAAA,KAAe,OAC3C,IAAA,eAAA,IAAmB,OAAO,UAAe,KAAA,UAAA;AAAA,SAC9C,CAAA;AACA,QAAM,MAAA,aAAA,uBAGE,GAAI,EAAA,CAAA;AACZ,QAAgB,eAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAClC,UAAM,MAAA,EAAE,YAAe,GAAA,MAAA,CAAA;AACvB,UAAA,IAAI,CAAC,aAAA,CAAc,GAAI,CAAA,UAAU,CAAG,EAAA;AAClC,YAAc,aAAA,CAAA,GAAA,CAAI,UAAY,EAAA,EAAE,CAAA,CAAA;AAAA,WAClC;AACA,UAAA,aAAA,CAAc,GAAI,CAAA,UAAU,CAAG,CAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,SAC3C,CAAA,CAAA;AAED,QAAA,UAAA,CAAW,aAAa,CAAA,CAAA;AAAA,eACjB,KAAO,EAAA;AACd,QAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,OACnB,SAAA;AACA,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAEA,IAAI,IAAA,WAAA,IAAe,IAAQ,IAAA,IAAA,IAAQ,IAAM,EAAA;AACvC,MAAA,6BAAA,CAA8B,aAAa,IAAI,CAAA,CAAA;AAAA,KACjD;AAAA,GAMF,EAAG,CAAC,WAAA,EAAa,IAAK,CAAA,SAAA,CAAU,SAAS,CAAG,EAAA,QAAA,EAAU,IAAM,EAAA,IAAI,CAAC,CAAA,CAAA;AAEjE,EAAO,OAAA,EAAE,SAAS,OAAQ,EAAA,CAAA;AAC5B;;;;"}
+{"version":3,"file":"useExternalPaymentOptions.js","sources":["../../../src/hooks/useExternalPaymentOptions.ts"],"sourcesContent":["import {\n  DaimoPayOrderMode,\n  ExternalPaymentOptionMetadata,\n  ExternalPaymentOptions,\n  PlatformType,\n} from \"@daimo/pay-common\";\nimport { useEffect, useState } from \"react\";\nimport { inferTopLevelFromArray } from \"../constants/paymentOptions\";\nimport { TrpcClient } from \"../utils/trpc\";\n\nconst DEFAULT_EXTERNAL_PAYMENT_OPTIONS = Object.values(\n  ExternalPaymentOptions,\n).filter(\n  (opt) =>\n    // These are handled in the SelectMethod component.\n    opt !== ExternalPaymentOptions.AllAddresses &&\n    opt !== ExternalPaymentOptions.AllPaymentApps,\n);\n\nexport function useExternalPaymentOptions({\n  trpc,\n  filterIds,\n  platform,\n  usdRequired,\n  mode,\n}: {\n  trpc: TrpcClient;\n  filterIds: (string | string[])[] | undefined;\n  platform: PlatformType | undefined;\n  usdRequired: number | undefined;\n  mode: DaimoPayOrderMode | undefined;\n}): {\n  /// Exteral options, organized by optionType\n  options: Map<\n    \"external\" | \"zkp2p\" | \"exchange\",\n    ExternalPaymentOptionMetadata[]\n  >;\n  loading: boolean;\n  parsedConfig: {\n    walletOrder: string[];\n  };\n} {\n  const [options, setOptions] = useState<\n    Map<\"external\" | \"zkp2p\" | \"exchange\", ExternalPaymentOptionMetadata[]>\n  >(new Map());\n  const [loading, setLoading] = useState(false);\n  const [parsedConfig, setParsedConfig] = useState<{ walletOrder: string[] }>({\n    walletOrder: [],\n  });\n\n  useEffect(() => {\n    const refreshExternalPaymentOptions = async (\n      usd: number,\n      mode: DaimoPayOrderMode,\n    ) => {\n      if (!platform) return;\n\n      setLoading(true);\n      try {\n        const newOptions = await trpc.getExternalPaymentOptions.query({\n          platform,\n          mode,\n          usdRequired: usd,\n        });\n\n        // Extract wallet order from nested array in filterIds\n        let walletOrder: string[] = [];\n        if (filterIds) {\n          const nestedArray = filterIds.find((opt) => Array.isArray(opt));\n          if (nestedArray && Array.isArray(nestedArray)) {\n            walletOrder = nestedArray as string[];\n          }\n        }\n        setParsedConfig({ walletOrder });\n\n        // Filter out options not in options JSON\n        // Flatten nested arrays (used for mobile wallet filtering)\n        const flatFilterIds = filterIds\n          ? filterIds.flatMap((opt) =>\n              Array.isArray(opt)\n                ? (inferTopLevelFromArray(opt as string[]) ?? \"AllWallets\")\n                : opt,\n            )\n          : null;\n        const enabledExtPaymentOptions =\n          flatFilterIds || DEFAULT_EXTERNAL_PAYMENT_OPTIONS;\n\n        const hasAllPaymentApps = enabledExtPaymentOptions.includes(\n          ExternalPaymentOptions.AllPaymentApps,\n        );\n        const hasAllExchanges = enabledExtPaymentOptions.includes(\n          ExternalPaymentOptions.AllExchanges,\n        );\n\n        const filteredOptions = newOptions.filter(\n          (option: ExternalPaymentOptionMetadata) =>\n            enabledExtPaymentOptions.includes(option.id) ||\n            (hasAllPaymentApps && option.optionType === \"zkp2p\") ||\n            (hasAllExchanges && option.optionType === \"exchange\"),\n        );\n        const optionsByType: Map<\n          \"external\" | \"zkp2p\" | \"exchange\",\n          ExternalPaymentOptionMetadata[]\n        > = new Map();\n        filteredOptions.forEach((option) => {\n          const { optionType } = option;\n          if (!optionsByType.has(optionType)) {\n            optionsByType.set(optionType, []);\n          }\n          optionsByType.get(optionType)!.push(option);\n        });\n\n        setOptions(optionsByType);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (usdRequired != null && mode != null) {\n      refreshExternalPaymentOptions(usdRequired, mode);\n    }\n    // TODO: this is an ugly way to handle polling/refresh\n    // Notice the load-bearing JSON.stringify() to prevent a visible infinite\n    // refresh glitch on the SelectMethod screen. Replace this useEffect().\n    //\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [usdRequired, JSON.stringify(filterIds), platform, mode, trpc]);\n\n  return { options, loading, parsedConfig };\n}\n"],"names":["mode"],"mappings":"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"}

package/build/src/hooks/usePaymentState.js

@@ -4,6 +4,8 @@ import { VersionedTransaction } from '@solana/web3.js';
 import { useState, useEffect, useCallback } from 'react';
 import { getAddress, erc20Abi, isHex, hexToBytes } from 'viem';
 import { useAccount, useEnsName, useSendTransaction, useWriteContract } from 'wagmi';
+import { DEFAULT_USD_LIMIT } from '../constants/limits.js';
+import { inferTopLevelFromArray, DEFAULT_TOP_OPTIONS_ORDER, TOP_LEVEL_PAYMENT_OPTIONS } from '../constants/paymentOptions.js';
 import { ROUTES } from '../constants/routes.js';
 import { detectPlatform } from '../utils/platform.js';
 import { useDaimoPay } from './useDaimoPay.js';
@@ -15,6 +17,29 @@ import { useSolanaPaymentOptions } from './useSolanaPaymentOptions.js';
 import { useUntronAvailability } from './useUntronAvailability.js';
 import { useWalletPaymentOptions } from './useWalletPaymentOptions.js';
 
+function getTopLevelOptions(paymentOptions) {
+  if (!paymentOptions || paymentOptions.length === 0) return [];
+  const topLevelOptions = TOP_LEVEL_PAYMENT_OPTIONS;
+  const isString = (opt) => typeof opt === "string";
+  const stringOptions = paymentOptions.filter(isString);
+  const topLevel = stringOptions.filter(
+    (opt) => topLevelOptions.includes(opt)
+  );
+  const specific = stringOptions.filter(
+    (opt) => !topLevelOptions.includes(opt)
+  );
+  if (topLevel.length && specific.length) {
+    throw new Error(
+      `invalid paymentOptions: cannot mix top-level options ${JSON.stringify(topLevel)} with specific options ${JSON.stringify(specific)}. use either ["AllWallets", "AllExchanges", ...] or ["MiniPay", "Binance", ...], not both`
+    );
+  }
+  const flattened = paymentOptions.map(
+    (opt) => Array.isArray(opt) ? inferTopLevelFromArray(opt) ?? "AllWallets" : opt
+  );
+  return flattened.filter(
+    (opt) => topLevelOptions.includes(opt)
+  );
+}
 function usePaymentState({
   trpc,
   lockPayParams,
@@ -82,7 +107,6 @@ function usePaymentState({
   const [selectedWallet, setSelectedWallet] = useState();
   const [selectedWalletDeepLink, setSelectedWalletDeepLink] = useState();
   const getOrderUsdLimit = () => {
-    const DEFAULT_USD_LIMIT = 2e4;
     if (pay.order == null || chainOrderUsdLimits.loading) {
       return DEFAULT_USD_LIMIT;
     }
@@ -249,19 +273,23 @@ function usePaymentState({
     });
     return "error" in result ? null : result;
   };
-  const { isIOS } = useIsMobile();
-  const openInWalletBrowser = (wallet, amountUsd) => {
+  const { isIOS, isAndroid } = useIsMobile();
+  const openInWalletBrowser = async (wallet, amountUsd) => {
     const paymentState = pay.paymentState;
     assert(
-      paymentState === "payment_unpaid",
-      `[OPEN IN WALLET BROWSER] paymentState is ${paymentState}, must be payment_unpaid`
+      paymentState === "preview" || paymentState === "unhydrated" || paymentState === "payment_unpaid",
+      `[OPEN IN WALLET BROWSER] paymentState is ${paymentState}, must be preview or unhydrated or payment_unpaid`
     );
     assert(
       wallet.getDaimoPayDeeplink != null,
       `openInWalletBrowser: missing deeplink for ${wallet.name}`
     );
+    if (pay.paymentState !== "payment_unpaid") {
+      await pay.hydrateOrder();
+    }
     const payId = writeDaimoPayOrderID(pay.order.id);
-    const deeplink = wallet.getDaimoPayDeeplink(payId);
+    const platform2 = isIOS ? "ios" : isAndroid ? "android" : "other";
+    const deeplink = wallet.getDaimoPayDeeplink(payId, platform2);
     if (!isIOS) {
       window.open(deeplink, "_blank");
     }
@@ -328,9 +356,16 @@ function usePaymentState({
     [setRoute, pay, currPayParams]
   );
   const [tokenMode, setTokenMode] = useState("evm");
+  const topOptionsOrder = (() => {
+    const defaultOrder = DEFAULT_TOP_OPTIONS_ORDER;
+    const paymentOptions = buttonProps?.paymentOptions ?? pay.order?.metadata.payer?.paymentOptions;
+    const found = getTopLevelOptions(paymentOptions);
+    return found.length ? found : defaultOrder;
+  })();
   return {
     buttonProps,
     setButtonProps,
+    topOptionsOrder,
     setPayId,
     setPayParams,
     tokenMode,