@daimo/pay 1.16.8 → 1.17.0

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  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":"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"}

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/components/Pages/WaitingExternal/index.js

@@ -2,11 +2,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { usePayContext } from '../../../hooks/usePayContext.js';
 import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
-import { ExternalPaymentOptions } from '@daimo/pay-common';
+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 Button from '../../Common/Button/index.js';
+import ConnectWithQRCode from '../../DaimoPayModal/ConnectWithQRCode.js';
 import ExternalPaymentSpinner from '../../Spinners/ExternalPaymentSpinner/index.js';
 
 const WaitingExternal = () => {
@@ -15,20 +16,22 @@ const WaitingExternal = () => {
   const { isMobile } = useIsMobile();
   const locales = useLocales();
   const { selectedExternalOption, payWithExternal, paymentWaitingMessage } = paymentState;
-  let isExchangeApp = false;
+  let isCoinbase = false;
   if (selectedExternalOption) {
-    isExchangeApp = selectedExternalOption.id === ExternalPaymentOptions.Binance || selectedExternalOption.id === ExternalPaymentOptions.Coinbase;
+    isCoinbase = selectedExternalOption.id === ExternalPaymentOptions.Coinbase;
   }
   const [externalURL, setExternalURL] = useState(null);
   useEffect(() => {
     if (!selectedExternalOption) return;
     payWithExternal(selectedExternalOption.id).then((url) => {
       setExternalURL(url);
-      openExternalWindow(url);
+      if (!shouldShowExternalQRCodeOnDesktop) {
+        openExternalWindow(url);
+      }
     });
   }, [selectedExternalOption]);
   const openExternalWindow = (url) => {
-    if (!isExchangeApp || isMobile) {
+    if (!isCoinbase || isMobile) {
       window.open(url, "_blank");
     } else {
       let width = 500;
@@ -55,7 +58,7 @@ const WaitingExternal = () => {
   if (!selectedExternalOption) {
     return /* @__PURE__ */ jsx(PageContent, {});
   }
-  return /* @__PURE__ */ jsxs(PageContent, { children: [
+  return shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) ? /* @__PURE__ */ jsx(ConnectWithQRCode, { externalUrl: externalURL ?? "" }) : /* @__PURE__ */ jsxs(PageContent, { children: [
     /* @__PURE__ */ jsx(
       ExternalPaymentSpinner,
       {

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 { ExternalPaymentOptions } 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 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 isExchangeApp = false;\n  if (selectedExternalOption) {\n    isExchangeApp =\n      selectedExternalOption.id === ExternalPaymentOptions.Binance ||\n      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      openExternalWindow(url);\n    });\n  }, [selectedExternalOption]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const openExternalWindow = (url: string) => {\n    if (!isExchangeApp || isMobile) {\n      // for non-exchange apps: open in a new tab\n      window.open(url, \"_blank\");\n    } else {\n      // for exchange apps (Binance and 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 (\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 { 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    <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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"}

package/build/src/hooks/usePaymentState.js

@@ -41,8 +41,8 @@ function usePaymentState({
   const showSolanaPaymentMethod = destChainId != null && isCCTPV1Chain(destChainId);
   const [buttonProps, setButtonProps] = useState();
   const [currPayParams, setCurrPayParams] = useState();
+  const isDepositFlow = currPayParams?.toUnits == null;
   const [paymentWaitingMessage, setPaymentWaitingMessage] = useState();
-  const [isDepositFlow, setIsDepositFlow] = useState(false);
   const externalPaymentOptions = useExternalPaymentOptions({
     trpc,
     // allow <DaimoPayButton payId={...} paymentOptions={override} />
@@ -300,9 +300,8 @@ function usePaymentState({
     assert(payParams != null, "[SET PAY PARAMS] payParams cannot be null");
     log("[SET PAY PARAMS] setting payParams", payParams);
     pay.reset();
-    await pay.createPreviewOrder(payParams);
     setCurrPayParams(payParams);
-    setIsDepositFlow(payParams.toUnits == null);
+    await pay.createPreviewOrder(payParams);
   };
   const generatePreviewOrder = async () => {
     pay.reset();
@@ -321,17 +320,14 @@ function usePaymentState({
       setSelectedWalletDeepLink(void 0);
       setPaymentWaitingMessage(void 0);
       if (mergedPayParams) {
-        await pay.createPreviewOrder(mergedPayParams);
         setCurrPayParams(mergedPayParams);
-        setIsDepositFlow(mergedPayParams.toUnits == null);
+        await pay.createPreviewOrder(mergedPayParams);
       }
       setRoute(ROUTES.SELECT_METHOD);
     },
     [setRoute, pay, currPayParams]
   );
-  const [tokenMode, setTokenMode] = useState(
-    "evm"
-  );
+  const [tokenMode, setTokenMode] = useState("evm");
   return {
     buttonProps,
     setButtonProps,

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

@@ -1 +1 @@
-{"version":3,"file":"usePaymentState.js","sources":["../../../src/hooks/usePaymentState.ts"],"sourcesContent":["import {\n  assert,\n  assertNotNull,\n  DaimoPayHydratedOrderWithOrg,\n  debugJson,\n  DepositAddressPaymentOptionData,\n  DepositAddressPaymentOptionMetadata,\n  DepositAddressPaymentOptions,\n  ethereum,\n  ExternalPaymentOptionMetadata,\n  ExternalPaymentOptions,\n  getOrderDestChainId,\n  isCCTPV1Chain,\n  isNativeToken,\n  PlatformType,\n  readDaimoPayOrderID,\n  SolanaPublicKey,\n  WalletPaymentOption,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { useConnection, useWallet } from \"@solana/wallet-adapter-react\";\nimport { VersionedTransaction } from \"@solana/web3.js\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { erc20Abi, getAddress, Hex, hexToBytes, isHex } from \"viem\";\nimport {\n  useAccount,\n  useEnsName,\n  useSendTransaction,\n  useWriteContract,\n} from \"wagmi\";\n\nimport { PayButtonPaymentProps } from \"../components/DaimoPayButton\";\nimport { ROUTES } from \"../constants/routes\";\nimport { PayParams } from \"../payment/paymentFsm\";\nimport { detectPlatform } from \"../utils/platform\";\nimport { TrpcClient } from \"../utils/trpc\";\nimport { WalletConfigProps } from \"../wallets/walletConfigs\";\nimport { useDaimoPay } from \"./useDaimoPay\";\nimport { useDepositAddressOptions } from \"./useDepositAddressOptions\";\nimport { useExternalPaymentOptions } from \"./useExternalPaymentOptions\";\nimport useIsMobile from \"./useIsMobile\";\nimport { useOrderUsdLimits } from \"./useOrderUsdLimits\";\nimport { useSolanaPaymentOptions } from \"./useSolanaPaymentOptions\";\nimport { useUntronAvailability } from \"./useUntronAvailability\";\nimport { useWalletPaymentOptions } from \"./useWalletPaymentOptions\";\n\n/** Wallet payment details, sent to processSourcePayment after submitting tx. */\nexport type SourcePayment = Parameters<\n  TrpcClient[\"processSourcePayment\"][\"mutate\"]\n>[0];\n\n/** Creates (or loads) a payment and manages the corresponding modal. */\nexport interface PaymentState {\n  generatePreviewOrder: () => void;\n  resetOrder: (payParams?: Partial<PayParams>) => Promise<void>;\n\n  /// DaimoPayButton props\n  buttonProps: PayButtonPaymentProps | undefined;\n  setButtonProps: (props: PayButtonPaymentProps | undefined) => void;\n\n  /// Pay ID for loading an existing order\n  setPayId: (id: string | undefined) => void;\n  /// Pay params for creating an order on the fly,\n  setPayParams: (payParams: PayParams | undefined) => Promise<void>;\n\n  /// True if the user is entering an amount (deposit) vs preset (checkout).\n  isDepositFlow: boolean;\n  paymentWaitingMessage: string | undefined;\n  /// External payment options, loaded from server and filtered by EITHER\n  /// 1. the DaimoPayButton paymentOptions, or 2. those of daimoPayOrder\n  externalPaymentOptions: ReturnType<typeof useExternalPaymentOptions>;\n  selectedWallet: WalletConfigProps | undefined;\n  selectedWalletDeepLink: string | undefined;\n  showSolanaPaymentMethod: boolean;\n  walletPaymentOptions: ReturnType<typeof useWalletPaymentOptions>;\n  solanaPaymentOptions: ReturnType<typeof useSolanaPaymentOptions>;\n  depositAddressOptions: ReturnType<typeof useDepositAddressOptions>;\n  /** Whether Untron receivers are currently available. `null` when unknown. */\n  untronAvailable: boolean | null;\n  selectedExternalOption: ExternalPaymentOptionMetadata | undefined;\n  selectedTokenOption: WalletPaymentOption | undefined;\n  selectedSolanaTokenOption: WalletPaymentOption | undefined;\n  selectedDepositAddressOption: DepositAddressPaymentOptionMetadata | undefined;\n  getOrderUsdLimit: () => number;\n  setPaymentWaitingMessage: (message: string | undefined) => void;\n  tokenMode: \"evm\" | \"solana\" | \"showCoin\";\n  setTokenMode: (mode: \"evm\" | \"solana\" | \"showCoin\") => void;\n  setSelectedWallet: (wallet: WalletConfigProps | undefined) => void;\n  setSelectedWalletDeepLink: (deepLink: string | undefined) => void;\n  setSelectedExternalOption: (\n    option: ExternalPaymentOptionMetadata | undefined,\n  ) => void;\n  setSelectedTokenOption: (option: WalletPaymentOption | undefined) => void;\n  setSelectedSolanaTokenOption: (\n    option: WalletPaymentOption | undefined,\n  ) => void;\n  setSelectedDepositAddressOption: (\n    option: DepositAddressPaymentOptionMetadata | undefined,\n  ) => void;\n  setChosenUsd: (usd: number) => void;\n  payWithToken: (\n    walletOption: WalletPaymentOption,\n  ) => Promise<{ txHash?: Hex; success: boolean }>;\n  payWithExternal: (option: ExternalPaymentOptions) => Promise<string>;\n  payWithDepositAddress: (\n    option: DepositAddressPaymentOptions,\n  ) => Promise<DepositAddressPaymentOptionData | null>;\n  payWithSolanaToken: (\n    inputToken: SolanaPublicKey,\n  ) => Promise<{ txHash: string; success: boolean }>;\n  openInWalletBrowser: (wallet: WalletConfigProps, amountUsd?: number) => void;\n  senderEnsName: string | undefined;\n}\n\nexport function usePaymentState({\n  trpc,\n  lockPayParams,\n  setRoute,\n  log,\n  redirectReturnUrl,\n}: {\n  trpc: TrpcClient;\n  lockPayParams: boolean;\n  setRoute: (route: ROUTES, data?: Record<string, any>) => void;\n  log: (...args: any[]) => void;\n  redirectReturnUrl?: string;\n}): PaymentState {\n  const pay = useDaimoPay();\n\n  // Browser state.\n  const [platform, setPlatform] = useState<PlatformType>();\n  useEffect(() => {\n    setPlatform(detectPlatform(window.navigator.userAgent));\n  }, []);\n\n  // Wallet state.\n  const { address: ethWalletAddress } = useAccount();\n  const { data: senderEnsName } = useEnsName({\n    chainId: ethereum.chainId,\n    address: ethWalletAddress,\n  });\n  const { sendTransactionAsync } = useSendTransaction();\n  const { writeContractAsync } = useWriteContract();\n\n  // Solana wallet state.\n  const solanaWallet = useWallet();\n  const { connection } = useConnection();\n  const solanaPubKey = solanaWallet.publicKey?.toBase58();\n\n  // Solana bridging is only supported on CCTPv1 chains.\n  const destChainId = pay.order == null ? null : getOrderDestChainId(pay.order);\n  const showSolanaPaymentMethod =\n    destChainId != null && isCCTPV1Chain(destChainId);\n\n  // From DaimoPayButton props\n  const [buttonProps, setButtonProps] = useState<PayButtonPaymentProps>();\n  const [currPayParams, setCurrPayParams] = useState<PayParams>();\n\n  const [paymentWaitingMessage, setPaymentWaitingMessage] = useState<string>();\n  const [isDepositFlow, setIsDepositFlow] = useState<boolean>(false);\n\n  // UI state. Selection for external payment (Binance, etc) vs wallet payment.\n  const externalPaymentOptions = useExternalPaymentOptions({\n    trpc,\n    // allow <DaimoPayButton payId={...} paymentOptions={override} />\n    filterIds:\n      buttonProps?.paymentOptions ?? pay.order?.metadata.payer?.paymentOptions,\n    platform,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    mode: pay.order?.mode,\n  });\n  const walletPaymentOptions = useWalletPaymentOptions({\n    trpc,\n    address: ethWalletAddress,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    destChainId: pay.order?.destFinalCallTokenAmount.token.chainId,\n    destAddress: pay.order?.destFinalCall.to,\n    preferredChains: pay.order?.metadata.payer?.preferredChains,\n    preferredTokens: pay.order?.metadata.payer?.preferredTokens,\n    evmChains: pay.order?.metadata.payer?.evmChains,\n    passthroughTokens: pay.order?.metadata.payer?.passthroughTokens,\n    isDepositFlow,\n    log,\n  });\n  const solanaPaymentOptions = useSolanaPaymentOptions({\n    trpc,\n    address: solanaPubKey,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    isDepositFlow,\n    showSolanaPaymentMethod,\n  });\n  const depositAddressOptions = useDepositAddressOptions({\n    trpc,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    mode: pay.order?.mode,\n  });\n\n  // Poll for Untron receiver availability so components can disable unsupported chains promptly.\n  const { available: untronAvailable } = useUntronAvailability({ trpc });\n\n  const chainOrderUsdLimits = useOrderUsdLimits({ trpc });\n\n  const [selectedExternalOption, setSelectedExternalOption] =\n    useState<ExternalPaymentOptionMetadata>();\n\n  const [selectedTokenOption, setSelectedTokenOption] =\n    useState<WalletPaymentOption>();\n\n  const [selectedSolanaTokenOption, setSelectedSolanaTokenOption] =\n    useState<WalletPaymentOption>();\n\n  const [selectedDepositAddressOption, setSelectedDepositAddressOption] =\n    useState<DepositAddressPaymentOptionMetadata>();\n\n  const [selectedWallet, setSelectedWallet] = useState<WalletConfigProps>();\n  const [selectedWalletDeepLink, setSelectedWalletDeepLink] =\n    useState<string>();\n\n  const getOrderUsdLimit = () => {\n    const DEFAULT_USD_LIMIT = 20000;\n    if (pay.order == null || chainOrderUsdLimits.loading) {\n      return DEFAULT_USD_LIMIT;\n    }\n    const destChainId = pay.order.destFinalCallTokenAmount.token.chainId;\n    return destChainId in chainOrderUsdLimits.limits\n      ? chainOrderUsdLimits.limits[destChainId]\n      : DEFAULT_USD_LIMIT;\n  };\n\n  /** Commit to a token + amount = initiate payment. */\n  const payWithToken = async (\n    walletOption: WalletPaymentOption,\n  ): Promise<{ txHash?: Hex; success: boolean }> => {\n    assert(\n      ethWalletAddress != null,\n      `[PAY TOKEN] null ethWalletAddress when paying on ethereum`,\n    );\n    assert(\n      pay.paymentState === \"preview\" ||\n        pay.paymentState === \"unhydrated\" ||\n        pay.paymentState === \"payment_unpaid\",\n      `[PAY TOKEN] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`,\n    );\n\n    let hydratedOrder: DaimoPayHydratedOrderWithOrg;\n    const { required, fees } = walletOption;\n    const paymentAmount = BigInt(required.amount) + BigInt(fees.amount);\n    if (pay.paymentState !== \"payment_unpaid\") {\n      assert(\n        required.token.token === fees.token.token,\n        `[PAY TOKEN] required token ${debugJson(required)} does not match fees token ${debugJson(fees)}`,\n      );\n\n      // Will refund to ethWalletAddress if refundAddress was not set in payParams\n      const res = await pay.hydrateOrder(ethWalletAddress);\n      hydratedOrder = res.order;\n\n      log(\n        `[PAY TOKEN] hydrated order: ${debugJson(\n          hydratedOrder,\n        )}, paying ${paymentAmount} of token ${required.token.token}`,\n      );\n    } else {\n      hydratedOrder = pay.order;\n    }\n\n    const paymentTxHash = await (async () => {\n      const dest = walletOption.passthroughAddress ?? hydratedOrder.intentAddr;\n      try {\n        if (isNativeToken(getAddress(required.token.token))) {\n          return await sendTransactionAsync({\n            to: dest,\n            value: paymentAmount,\n          });\n        } else {\n          return await writeContractAsync({\n            abi: erc20Abi,\n            address: getAddress(required.token.token),\n            functionName: \"transfer\",\n            args: [dest, paymentAmount],\n          });\n        }\n      } catch (e) {\n        console.error(`[PAY TOKEN] error sending token: ${e}`);\n        throw e;\n      }\n    })();\n\n    // Special case. Handle Rabby bug, where it returns the *Safe signature*\n    // instead of a txHash for a queued, unsubmitted Safe transaction.\n    if (!isHex(paymentTxHash) || paymentTxHash.length !== 66) {\n      log(\n        `[PAY TOKEN] wallet bug detected. ignoring invalid payment txHash: ${paymentTxHash}`,\n      );\n      return { success: true };\n    }\n\n    try {\n      await pay.payEthSource({\n        paymentTxHash,\n        sourceChainId: required.token.chainId,\n        payerAddress: ethWalletAddress,\n        sourceToken: getAddress(required.token.token),\n        sourceAmount: paymentAmount,\n      });\n      return { txHash: paymentTxHash, success: true };\n    } catch {\n      console.error(\n        `[PAY TOKEN] could not verify payment tx on chain: ${paymentTxHash}`,\n      );\n      return { txHash: paymentTxHash, success: false };\n    }\n  };\n\n  const payWithSolanaToken = async (\n    inputToken: SolanaPublicKey,\n  ): Promise<{ txHash: string; success: boolean }> => {\n    const payerPublicKey = solanaWallet.publicKey;\n    assert(\n      payerPublicKey != null,\n      \"[PAY SOLANA] null payerPublicKey when paying on solana\",\n    );\n    assert(\n      pay.order?.id != null,\n      \"[PAY SOLANA] null orderId when paying on solana\",\n    );\n    assert(\n      pay.paymentState === \"preview\" ||\n        pay.paymentState === \"unhydrated\" ||\n        pay.paymentState === \"payment_unpaid\",\n      `[PAY SOLANA] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`,\n    );\n\n    let hydratedOrder: DaimoPayHydratedOrderWithOrg;\n    if (pay.paymentState !== \"payment_unpaid\") {\n      const res = await pay.hydrateOrder();\n      hydratedOrder = res.order;\n\n      log(\n        `[PAY SOLANA] Hydrated order: ${JSON.stringify(\n          hydratedOrder,\n        )}, checking out with Solana ${inputToken}`,\n      );\n    } else {\n      hydratedOrder = pay.order;\n    }\n\n    const paymentTxHash = await (async () => {\n      try {\n        const serializedTx = await trpc.getSolanaSwapAndBurnTx.query({\n          orderId: pay.order.id.toString(),\n          userPublicKey: assertNotNull(\n            payerPublicKey,\n            \"[PAY SOLANA] wallet.publicKey cannot be null\",\n          ).toString(),\n          inputTokenMint: inputToken,\n        });\n        const tx = VersionedTransaction.deserialize(hexToBytes(serializedTx));\n        const txHash = await solanaWallet.sendTransaction(tx, connection);\n        return txHash;\n      } catch (e) {\n        console.error(e);\n        throw e;\n      }\n    })();\n\n    try {\n      await pay.paySolanaSource({\n        paymentTxHash: paymentTxHash,\n        sourceToken: inputToken,\n      });\n      return { txHash: paymentTxHash, success: true };\n    } catch {\n      console.error(\n        `[PAY SOLANA] could not verify payment tx on chain: ${paymentTxHash}`,\n      );\n      return { txHash: paymentTxHash, success: false };\n    }\n  };\n\n  const payWithExternal = async (option: ExternalPaymentOptions) => {\n    assert(pay.order != null, \"[PAY EXTERNAL] order cannot be null\");\n    assert(platform != null, \"[PAY EXTERNAL] platform cannot be null\");\n\n    const { order } = await pay.hydrateOrder();\n    const externalPaymentOptionData =\n      await trpc.getExternalPaymentOptionData.query({\n        id: order.id.toString(),\n        externalPaymentOption: option,\n        platform,\n        redirectReturnUrl,\n      });\n    assert(\n      externalPaymentOptionData != null,\n      \"[PAY EXTERNAL] missing externalPaymentOptionData\",\n    );\n\n    log(\n      `[PAY EXTERNAL] hydrated order: ${debugJson(\n        order,\n      )}, checking out with external payment: ${option}`,\n    );\n\n    setPaymentWaitingMessage(externalPaymentOptionData.waitingMessage);\n\n    return externalPaymentOptionData.url;\n  };\n\n  const payWithDepositAddress = async (\n    option: DepositAddressPaymentOptions,\n  ) => {\n    const { order } = await pay.hydrateOrder();\n\n    log(\n      `[PAY DEPOSIT ADDRESS] hydrated order ${order.id} for ${order.usdValue} USD, checking out with deposit address: ${option}`,\n    );\n\n    const result = await trpc.getDepositAddressForOrder.query({\n      orderId: order.id.toString(),\n      option,\n    });\n\n    return \"error\" in result ? null : result;\n  };\n\n  const { isIOS } = useIsMobile();\n\n  const openInWalletBrowser = (\n    wallet: WalletConfigProps,\n    amountUsd?: number,\n  ) => {\n    const paymentState = pay.paymentState;\n    assert(\n      paymentState === \"payment_unpaid\",\n      `[OPEN IN WALLET BROWSER] paymentState is ${paymentState}, must be payment_unpaid`,\n    );\n    assert(\n      wallet.getDaimoPayDeeplink != null,\n      `openInWalletBrowser: missing deeplink for ${wallet.name}`,\n    );\n\n    const payId = writeDaimoPayOrderID(pay.order.id);\n    const deeplink = wallet.getDaimoPayDeeplink(payId);\n    // If we are in IOS, we don't open the deeplink in a new window, because it\n    // will not work, the link will be opened in the page WAITING_WALLET\n    if (!isIOS) {\n      window.open(deeplink, \"_blank\");\n    }\n    setSelectedWallet(wallet);\n    setSelectedWalletDeepLink(deeplink);\n    setRoute(ROUTES.WAITING_WALLET, {\n      amountUsd,\n      payId,\n      wallet_name: wallet.name,\n    });\n  };\n\n  /** User picked a different deposit amount. */\n  const setChosenUsd = (usd: number) => {\n    assert(\n      pay.paymentState === \"preview\",\n      \"[SET CHOSEN USD] paymentState is not preview\",\n    );\n\n    // Too expensive to make an API call to regenerate preview order each time\n    // the user changes the amount. Instead, we modify the order in memory.\n    pay.setChosenUsd(usd);\n  };\n\n  const setPayId = useCallback(\n    async (payId: string | undefined) => {\n      if (lockPayParams || payId == null) return;\n      const id = readDaimoPayOrderID(payId).toString();\n\n      if (pay.order?.id && BigInt(id) == pay.order.id) {\n        // Already loaded, ignore.\n        return;\n      }\n\n      pay.reset();\n      pay.setPayId(payId);\n    },\n    [lockPayParams, pay],\n  );\n\n  /** Called whenever params change. */\n  const setPayParams = async (payParams: PayParams | undefined) => {\n    if (lockPayParams) return;\n    assert(payParams != null, \"[SET PAY PARAMS] payParams cannot be null\");\n\n    log(\"[SET PAY PARAMS] setting payParams\", payParams);\n    pay.reset();\n    await pay.createPreviewOrder(payParams);\n    setCurrPayParams(payParams);\n    setIsDepositFlow(payParams.toUnits == null);\n  };\n\n  const generatePreviewOrder = async () => {\n    pay.reset();\n    if (currPayParams == null) return;\n    await pay.createPreviewOrder(currPayParams);\n  };\n\n  const resetOrder = useCallback(\n    async (payParams?: Partial<PayParams>) => {\n      const mergedPayParams: PayParams | undefined =\n        payParams != null && currPayParams != null\n          ? { ...currPayParams, ...payParams }\n          : currPayParams;\n\n      // Clear the old order & state\n      pay.reset();\n      setSelectedExternalOption(undefined);\n      setSelectedTokenOption(undefined);\n      setSelectedSolanaTokenOption(undefined);\n      setSelectedDepositAddressOption(undefined);\n      setSelectedWallet(undefined);\n      setSelectedWalletDeepLink(undefined);\n      setPaymentWaitingMessage(undefined);\n\n      // Set the new payParams\n      if (mergedPayParams) {\n        await pay.createPreviewOrder(mergedPayParams);\n        setCurrPayParams(mergedPayParams);\n        setIsDepositFlow(mergedPayParams.toUnits == null);\n      }\n\n      setRoute(ROUTES.SELECT_METHOD);\n    },\n    [setRoute, pay, currPayParams],\n  );\n\n  const [tokenMode, setTokenMode] = useState<\"evm\" | \"solana\" | \"showCoin\">(\n    \"evm\",\n  );\n\n  return {\n    buttonProps,\n    setButtonProps,\n    setPayId,\n    setPayParams,\n    tokenMode,\n    setTokenMode,\n    generatePreviewOrder,\n    isDepositFlow,\n    paymentWaitingMessage,\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    externalPaymentOptions,\n    showSolanaPaymentMethod,\n    selectedWallet,\n    selectedWalletDeepLink,\n    walletPaymentOptions,\n    solanaPaymentOptions,\n    depositAddressOptions,\n    selectedDepositAddressOption,\n    getOrderUsdLimit,\n    resetOrder,\n    setSelectedWallet,\n    setSelectedWalletDeepLink,\n    setPaymentWaitingMessage,\n    setSelectedExternalOption,\n    setSelectedTokenOption,\n    setSelectedSolanaTokenOption,\n    setSelectedDepositAddressOption,\n    setChosenUsd,\n    payWithToken,\n    payWithExternal,\n    payWithDepositAddress,\n    payWithSolanaToken,\n    openInWalletBrowser,\n    senderEnsName: senderEnsName ?? undefined,\n    untronAvailable,\n  };\n}\n"],"names":["destChainId"],"mappings":"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"}
+{"version":3,"file":"usePaymentState.js","sources":["../../../src/hooks/usePaymentState.ts"],"sourcesContent":["import {\n  assert,\n  assertNotNull,\n  DaimoPayHydratedOrderWithOrg,\n  debugJson,\n  DepositAddressPaymentOptionData,\n  DepositAddressPaymentOptionMetadata,\n  DepositAddressPaymentOptions,\n  ethereum,\n  ExternalPaymentOptionMetadata,\n  ExternalPaymentOptions,\n  getOrderDestChainId,\n  isCCTPV1Chain,\n  isNativeToken,\n  PlatformType,\n  readDaimoPayOrderID,\n  SolanaPublicKey,\n  WalletPaymentOption,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { useConnection, useWallet } from \"@solana/wallet-adapter-react\";\nimport { VersionedTransaction } from \"@solana/web3.js\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { erc20Abi, getAddress, Hex, hexToBytes, isHex } from \"viem\";\nimport {\n  useAccount,\n  useEnsName,\n  useSendTransaction,\n  useWriteContract,\n} from \"wagmi\";\n\nimport { PayButtonPaymentProps } from \"../components/DaimoPayButton\";\nimport { ROUTES } from \"../constants/routes\";\nimport { PayParams } from \"../payment/paymentFsm\";\nimport { detectPlatform } from \"../utils/platform\";\nimport { TrpcClient } from \"../utils/trpc\";\nimport { WalletConfigProps } from \"../wallets/walletConfigs\";\nimport { useDaimoPay } from \"./useDaimoPay\";\nimport { useDepositAddressOptions } from \"./useDepositAddressOptions\";\nimport { useExternalPaymentOptions } from \"./useExternalPaymentOptions\";\nimport useIsMobile from \"./useIsMobile\";\nimport { useOrderUsdLimits } from \"./useOrderUsdLimits\";\nimport { useSolanaPaymentOptions } from \"./useSolanaPaymentOptions\";\nimport { useUntronAvailability } from \"./useUntronAvailability\";\nimport { useWalletPaymentOptions } from \"./useWalletPaymentOptions\";\n\n/** Wallet payment details, sent to processSourcePayment after submitting tx. */\nexport type SourcePayment = Parameters<\n  TrpcClient[\"processSourcePayment\"][\"mutate\"]\n>[0];\n\n/** Creates (or loads) a payment and manages the corresponding modal. */\nexport interface PaymentState {\n  generatePreviewOrder: () => void;\n  resetOrder: (payParams?: Partial<PayParams>) => Promise<void>;\n\n  /// DaimoPayButton props\n  buttonProps: PayButtonPaymentProps | undefined;\n  setButtonProps: (props: PayButtonPaymentProps | undefined) => void;\n\n  /// Pay ID for loading an existing order\n  setPayId: (id: string | undefined) => void;\n  /// Pay params for creating an order on the fly,\n  setPayParams: (payParams: PayParams | undefined) => Promise<void>;\n\n  /// True if the user is entering an amount (deposit) vs preset (checkout).\n  isDepositFlow: boolean;\n  paymentWaitingMessage: string | undefined;\n  /// External payment options, loaded from server and filtered by EITHER\n  /// 1. the DaimoPayButton paymentOptions, or 2. those of daimoPayOrder\n  externalPaymentOptions: ReturnType<typeof useExternalPaymentOptions>;\n  selectedWallet: WalletConfigProps | undefined;\n  selectedWalletDeepLink: string | undefined;\n  showSolanaPaymentMethod: boolean;\n  walletPaymentOptions: ReturnType<typeof useWalletPaymentOptions>;\n  solanaPaymentOptions: ReturnType<typeof useSolanaPaymentOptions>;\n  depositAddressOptions: ReturnType<typeof useDepositAddressOptions>;\n  /** Whether Untron receivers are currently available. `null` when unknown. */\n  untronAvailable: boolean | null;\n  selectedExternalOption: ExternalPaymentOptionMetadata | undefined;\n  selectedTokenOption: WalletPaymentOption | undefined;\n  selectedSolanaTokenOption: WalletPaymentOption | undefined;\n  selectedDepositAddressOption: DepositAddressPaymentOptionMetadata | undefined;\n  getOrderUsdLimit: () => number;\n  setPaymentWaitingMessage: (message: string | undefined) => void;\n  tokenMode: \"evm\" | \"solana\" | \"all\";\n  setTokenMode: (mode: \"evm\" | \"solana\" | \"all\") => void;\n  setSelectedWallet: (wallet: WalletConfigProps | undefined) => void;\n  setSelectedWalletDeepLink: (deepLink: string | undefined) => void;\n  setSelectedExternalOption: (\n    option: ExternalPaymentOptionMetadata | undefined,\n  ) => void;\n  setSelectedTokenOption: (option: WalletPaymentOption | undefined) => void;\n  setSelectedSolanaTokenOption: (\n    option: WalletPaymentOption | undefined,\n  ) => void;\n  setSelectedDepositAddressOption: (\n    option: DepositAddressPaymentOptionMetadata | undefined,\n  ) => void;\n  setChosenUsd: (usd: number) => void;\n  payWithToken: (\n    walletOption: WalletPaymentOption,\n  ) => Promise<{ txHash?: Hex; success: boolean }>;\n  payWithExternal: (option: ExternalPaymentOptions) => Promise<string>;\n  payWithDepositAddress: (\n    option: DepositAddressPaymentOptions,\n  ) => Promise<DepositAddressPaymentOptionData | null>;\n  payWithSolanaToken: (\n    inputToken: SolanaPublicKey,\n  ) => Promise<{ txHash: string; success: boolean }>;\n  openInWalletBrowser: (wallet: WalletConfigProps, amountUsd?: number) => void;\n  senderEnsName: string | undefined;\n}\n\nexport function usePaymentState({\n  trpc,\n  lockPayParams,\n  setRoute,\n  log,\n  redirectReturnUrl,\n}: {\n  trpc: TrpcClient;\n  lockPayParams: boolean;\n  setRoute: (route: ROUTES, data?: Record<string, any>) => void;\n  log: (...args: any[]) => void;\n  redirectReturnUrl?: string;\n}): PaymentState {\n  const pay = useDaimoPay();\n\n  // Browser state.\n  const [platform, setPlatform] = useState<PlatformType>();\n  useEffect(() => {\n    setPlatform(detectPlatform(window.navigator.userAgent));\n  }, []);\n\n  // Wallet state.\n  const { address: ethWalletAddress } = useAccount();\n  const { data: senderEnsName } = useEnsName({\n    chainId: ethereum.chainId,\n    address: ethWalletAddress,\n  });\n  const { sendTransactionAsync } = useSendTransaction();\n  const { writeContractAsync } = useWriteContract();\n\n  // Solana wallet state.\n  const solanaWallet = useWallet();\n  const { connection } = useConnection();\n  const solanaPubKey = solanaWallet.publicKey?.toBase58();\n\n  // Solana bridging is only supported on CCTPv1 chains.\n  const destChainId = pay.order == null ? null : getOrderDestChainId(pay.order);\n  const showSolanaPaymentMethod =\n    destChainId != null && isCCTPV1Chain(destChainId);\n\n  // From DaimoPayButton props\n  const [buttonProps, setButtonProps] = useState<PayButtonPaymentProps>();\n  const [currPayParams, setCurrPayParams] = useState<PayParams>();\n  const isDepositFlow = currPayParams?.toUnits == null;\n\n  const [paymentWaitingMessage, setPaymentWaitingMessage] = useState<string>();\n\n  // UI state. Selection for external payment (Binance, etc) vs wallet payment.\n  const externalPaymentOptions = useExternalPaymentOptions({\n    trpc,\n    // allow <DaimoPayButton payId={...} paymentOptions={override} />\n    filterIds:\n      buttonProps?.paymentOptions ?? pay.order?.metadata.payer?.paymentOptions,\n    platform,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    mode: pay.order?.mode,\n  });\n  const walletPaymentOptions = useWalletPaymentOptions({\n    trpc,\n    address: ethWalletAddress,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    destChainId: pay.order?.destFinalCallTokenAmount.token.chainId,\n    destAddress: pay.order?.destFinalCall.to,\n    preferredChains: pay.order?.metadata.payer?.preferredChains,\n    preferredTokens: pay.order?.metadata.payer?.preferredTokens,\n    evmChains: pay.order?.metadata.payer?.evmChains,\n    passthroughTokens: pay.order?.metadata.payer?.passthroughTokens,\n    isDepositFlow,\n    log,\n  });\n  const solanaPaymentOptions = useSolanaPaymentOptions({\n    trpc,\n    address: solanaPubKey,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    isDepositFlow,\n    showSolanaPaymentMethod,\n  });\n  const depositAddressOptions = useDepositAddressOptions({\n    trpc,\n    usdRequired: pay.order?.destFinalCallTokenAmount.usd,\n    mode: pay.order?.mode,\n  });\n\n  // Poll for Untron receiver availability so components can disable unsupported chains promptly.\n  const { available: untronAvailable } = useUntronAvailability({ trpc });\n\n  const chainOrderUsdLimits = useOrderUsdLimits({ trpc });\n\n  const [selectedExternalOption, setSelectedExternalOption] =\n    useState<ExternalPaymentOptionMetadata>();\n\n  const [selectedTokenOption, setSelectedTokenOption] =\n    useState<WalletPaymentOption>();\n\n  const [selectedSolanaTokenOption, setSelectedSolanaTokenOption] =\n    useState<WalletPaymentOption>();\n\n  const [selectedDepositAddressOption, setSelectedDepositAddressOption] =\n    useState<DepositAddressPaymentOptionMetadata>();\n\n  const [selectedWallet, setSelectedWallet] = useState<WalletConfigProps>();\n  const [selectedWalletDeepLink, setSelectedWalletDeepLink] =\n    useState<string>();\n\n  const getOrderUsdLimit = () => {\n    const DEFAULT_USD_LIMIT = 20000;\n    if (pay.order == null || chainOrderUsdLimits.loading) {\n      return DEFAULT_USD_LIMIT;\n    }\n    const destChainId = pay.order.destFinalCallTokenAmount.token.chainId;\n    return destChainId in chainOrderUsdLimits.limits\n      ? chainOrderUsdLimits.limits[destChainId]\n      : DEFAULT_USD_LIMIT;\n  };\n\n  /** Commit to a token + amount = initiate payment. */\n  const payWithToken = async (\n    walletOption: WalletPaymentOption,\n  ): Promise<{ txHash?: Hex; success: boolean }> => {\n    assert(\n      ethWalletAddress != null,\n      `[PAY TOKEN] null ethWalletAddress when paying on ethereum`,\n    );\n    assert(\n      pay.paymentState === \"preview\" ||\n        pay.paymentState === \"unhydrated\" ||\n        pay.paymentState === \"payment_unpaid\",\n      `[PAY TOKEN] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`,\n    );\n\n    let hydratedOrder: DaimoPayHydratedOrderWithOrg;\n    const { required, fees } = walletOption;\n    const paymentAmount = BigInt(required.amount) + BigInt(fees.amount);\n    if (pay.paymentState !== \"payment_unpaid\") {\n      assert(\n        required.token.token === fees.token.token,\n        `[PAY TOKEN] required token ${debugJson(required)} does not match fees token ${debugJson(fees)}`,\n      );\n\n      // Will refund to ethWalletAddress if refundAddress was not set in payParams\n      const res = await pay.hydrateOrder(ethWalletAddress);\n      hydratedOrder = res.order;\n\n      log(\n        `[PAY TOKEN] hydrated order: ${debugJson(\n          hydratedOrder,\n        )}, paying ${paymentAmount} of token ${required.token.token}`,\n      );\n    } else {\n      hydratedOrder = pay.order;\n    }\n\n    const paymentTxHash = await (async () => {\n      const dest = walletOption.passthroughAddress ?? hydratedOrder.intentAddr;\n      try {\n        if (isNativeToken(getAddress(required.token.token))) {\n          return await sendTransactionAsync({\n            to: dest,\n            value: paymentAmount,\n          });\n        } else {\n          return await writeContractAsync({\n            abi: erc20Abi,\n            address: getAddress(required.token.token),\n            functionName: \"transfer\",\n            args: [dest, paymentAmount],\n          });\n        }\n      } catch (e) {\n        console.error(`[PAY TOKEN] error sending token: ${e}`);\n        throw e;\n      }\n    })();\n\n    // Special case. Handle Rabby bug, where it returns the *Safe signature*\n    // instead of a txHash for a queued, unsubmitted Safe transaction.\n    if (!isHex(paymentTxHash) || paymentTxHash.length !== 66) {\n      log(\n        `[PAY TOKEN] wallet bug detected. ignoring invalid payment txHash: ${paymentTxHash}`,\n      );\n      return { success: true };\n    }\n\n    try {\n      await pay.payEthSource({\n        paymentTxHash,\n        sourceChainId: required.token.chainId,\n        payerAddress: ethWalletAddress,\n        sourceToken: getAddress(required.token.token),\n        sourceAmount: paymentAmount,\n      });\n      return { txHash: paymentTxHash, success: true };\n    } catch {\n      console.error(\n        `[PAY TOKEN] could not verify payment tx on chain: ${paymentTxHash}`,\n      );\n      return { txHash: paymentTxHash, success: false };\n    }\n  };\n\n  const payWithSolanaToken = async (\n    inputToken: SolanaPublicKey,\n  ): Promise<{ txHash: string; success: boolean }> => {\n    const payerPublicKey = solanaWallet.publicKey;\n    assert(\n      payerPublicKey != null,\n      \"[PAY SOLANA] null payerPublicKey when paying on solana\",\n    );\n    assert(\n      pay.order?.id != null,\n      \"[PAY SOLANA] null orderId when paying on solana\",\n    );\n    assert(\n      pay.paymentState === \"preview\" ||\n        pay.paymentState === \"unhydrated\" ||\n        pay.paymentState === \"payment_unpaid\",\n      `[PAY SOLANA] paymentState is ${pay.paymentState}, must be preview or unhydrated or payment_unpaid`,\n    );\n\n    let hydratedOrder: DaimoPayHydratedOrderWithOrg;\n    if (pay.paymentState !== \"payment_unpaid\") {\n      const res = await pay.hydrateOrder();\n      hydratedOrder = res.order;\n\n      log(\n        `[PAY SOLANA] Hydrated order: ${JSON.stringify(\n          hydratedOrder,\n        )}, checking out with Solana ${inputToken}`,\n      );\n    } else {\n      hydratedOrder = pay.order;\n    }\n\n    const paymentTxHash = await (async () => {\n      try {\n        const serializedTx = await trpc.getSolanaSwapAndBurnTx.query({\n          orderId: pay.order.id.toString(),\n          userPublicKey: assertNotNull(\n            payerPublicKey,\n            \"[PAY SOLANA] wallet.publicKey cannot be null\",\n          ).toString(),\n          inputTokenMint: inputToken,\n        });\n        const tx = VersionedTransaction.deserialize(hexToBytes(serializedTx));\n        const txHash = await solanaWallet.sendTransaction(tx, connection);\n        return txHash;\n      } catch (e) {\n        console.error(e);\n        throw e;\n      }\n    })();\n\n    try {\n      await pay.paySolanaSource({\n        paymentTxHash: paymentTxHash,\n        sourceToken: inputToken,\n      });\n      return { txHash: paymentTxHash, success: true };\n    } catch {\n      console.error(\n        `[PAY SOLANA] could not verify payment tx on chain: ${paymentTxHash}`,\n      );\n      return { txHash: paymentTxHash, success: false };\n    }\n  };\n\n  const payWithExternal = async (option: ExternalPaymentOptions) => {\n    assert(pay.order != null, \"[PAY EXTERNAL] order cannot be null\");\n    assert(platform != null, \"[PAY EXTERNAL] platform cannot be null\");\n\n    const { order } = await pay.hydrateOrder();\n    const externalPaymentOptionData =\n      await trpc.getExternalPaymentOptionData.query({\n        id: order.id.toString(),\n        externalPaymentOption: option,\n        platform,\n        redirectReturnUrl,\n      });\n    assert(\n      externalPaymentOptionData != null,\n      \"[PAY EXTERNAL] missing externalPaymentOptionData\",\n    );\n\n    log(\n      `[PAY EXTERNAL] hydrated order: ${debugJson(\n        order,\n      )}, checking out with external payment: ${option}`,\n    );\n\n    setPaymentWaitingMessage(externalPaymentOptionData.waitingMessage);\n\n    return externalPaymentOptionData.url;\n  };\n\n  const payWithDepositAddress = async (\n    option: DepositAddressPaymentOptions,\n  ) => {\n    const { order } = await pay.hydrateOrder();\n\n    log(\n      `[PAY DEPOSIT ADDRESS] hydrated order ${order.id} for ${order.usdValue} USD, checking out with deposit address: ${option}`,\n    );\n\n    const result = await trpc.getDepositAddressForOrder.query({\n      orderId: order.id.toString(),\n      option,\n    });\n\n    return \"error\" in result ? null : result;\n  };\n\n  const { isIOS } = useIsMobile();\n\n  const openInWalletBrowser = (\n    wallet: WalletConfigProps,\n    amountUsd?: number,\n  ) => {\n    const paymentState = pay.paymentState;\n    assert(\n      paymentState === \"payment_unpaid\",\n      `[OPEN IN WALLET BROWSER] paymentState is ${paymentState}, must be payment_unpaid`,\n    );\n    assert(\n      wallet.getDaimoPayDeeplink != null,\n      `openInWalletBrowser: missing deeplink for ${wallet.name}`,\n    );\n\n    const payId = writeDaimoPayOrderID(pay.order.id);\n    const deeplink = wallet.getDaimoPayDeeplink(payId);\n    // If we are in IOS, we don't open the deeplink in a new window, because it\n    // will not work, the link will be opened in the page WAITING_WALLET\n    if (!isIOS) {\n      window.open(deeplink, \"_blank\");\n    }\n    setSelectedWallet(wallet);\n    setSelectedWalletDeepLink(deeplink);\n    setRoute(ROUTES.WAITING_WALLET, {\n      amountUsd,\n      payId,\n      wallet_name: wallet.name,\n    });\n  };\n\n  /** User picked a different deposit amount. */\n  const setChosenUsd = (usd: number) => {\n    assert(\n      pay.paymentState === \"preview\",\n      \"[SET CHOSEN USD] paymentState is not preview\",\n    );\n\n    // Too expensive to make an API call to regenerate preview order each time\n    // the user changes the amount. Instead, we modify the order in memory.\n    pay.setChosenUsd(usd);\n  };\n\n  const setPayId = useCallback(\n    async (payId: string | undefined) => {\n      if (lockPayParams || payId == null) return;\n      const id = readDaimoPayOrderID(payId).toString();\n\n      if (pay.order?.id && BigInt(id) == pay.order.id) {\n        // Already loaded, ignore.\n        return;\n      }\n\n      pay.reset();\n      pay.setPayId(payId);\n    },\n    [lockPayParams, pay],\n  );\n\n  /** Called whenever params change. */\n  const setPayParams = async (payParams: PayParams | undefined) => {\n    if (lockPayParams) return;\n    assert(payParams != null, \"[SET PAY PARAMS] payParams cannot be null\");\n\n    log(\"[SET PAY PARAMS] setting payParams\", payParams);\n    pay.reset();\n    setCurrPayParams(payParams);\n    await pay.createPreviewOrder(payParams);\n  };\n\n  const generatePreviewOrder = async () => {\n    pay.reset();\n    if (currPayParams == null) return;\n    await pay.createPreviewOrder(currPayParams);\n  };\n\n  const resetOrder = useCallback(\n    async (payParams?: Partial<PayParams>) => {\n      const mergedPayParams: PayParams | undefined =\n        payParams != null && currPayParams != null\n          ? { ...currPayParams, ...payParams }\n          : currPayParams;\n\n      // Clear the old order & state\n      pay.reset();\n      setSelectedExternalOption(undefined);\n      setSelectedTokenOption(undefined);\n      setSelectedSolanaTokenOption(undefined);\n      setSelectedDepositAddressOption(undefined);\n      setSelectedWallet(undefined);\n      setSelectedWalletDeepLink(undefined);\n      setPaymentWaitingMessage(undefined);\n\n      // Set the new payParams\n      if (mergedPayParams) {\n        setCurrPayParams(mergedPayParams);\n        await pay.createPreviewOrder(mergedPayParams);\n      }\n\n      setRoute(ROUTES.SELECT_METHOD);\n    },\n    [setRoute, pay, currPayParams],\n  );\n\n  const [tokenMode, setTokenMode] = useState<\"evm\" | \"solana\" | \"all\">(\"evm\");\n\n  return {\n    buttonProps,\n    setButtonProps,\n    setPayId,\n    setPayParams,\n    tokenMode,\n    setTokenMode,\n    generatePreviewOrder,\n    isDepositFlow,\n    paymentWaitingMessage,\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    externalPaymentOptions,\n    showSolanaPaymentMethod,\n    selectedWallet,\n    selectedWalletDeepLink,\n    walletPaymentOptions,\n    solanaPaymentOptions,\n    depositAddressOptions,\n    selectedDepositAddressOption,\n    getOrderUsdLimit,\n    resetOrder,\n    setSelectedWallet,\n    setSelectedWalletDeepLink,\n    setPaymentWaitingMessage,\n    setSelectedExternalOption,\n    setSelectedTokenOption,\n    setSelectedSolanaTokenOption,\n    setSelectedDepositAddressOption,\n    setChosenUsd,\n    payWithToken,\n    payWithExternal,\n    payWithDepositAddress,\n    payWithSolanaToken,\n    openInWalletBrowser,\n    senderEnsName: senderEnsName ?? undefined,\n    untronAvailable,\n  };\n}\n"],"names":["destChainId"],"mappings":"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"}

package/build/src/hooks/useTokenOptions.js

@@ -24,7 +24,7 @@ function useTokenOptions(mode) {
   const nonPassthroughToken = isPassthrough ? pay.order?.destFinalCallTokenAmount.token : void 0;
   let optionsList = [];
   let isLoading = false;
-  if (["evm", "showCoin"].includes(mode)) {
+  if (["evm", "all"].includes(mode)) {
     optionsList.push(
       ...getEvmTokenOptions(
         walletPaymentOptions.options ?? [],
@@ -37,7 +37,7 @@ function useTokenOptions(mode) {
     );
     isLoading ||= walletPaymentOptions.isLoading;
   }
-  if (["solana", "showCoin"].includes(mode)) {
+  if (["solana", "all"].includes(mode)) {
     optionsList.push(
       ...getSolanaTokenOptions(
         solanaPaymentOptions.options ?? [],

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

@@ -1 +1 @@
-{"version":3,"file":"useTokenOptions.js","sources":["../../../src/hooks/useTokenOptions.tsx"],"sourcesContent":["/// Gets token options when paying from a connected wallet. Supports both EVM\n\nimport {\n  DaimoPayToken,\n  getChainName,\n  Token,\n  WalletPaymentOption,\n} from \"@daimo/pay-common\";\nimport { Option } from \"../components/Common/OptionsList\";\nimport TokenChainLogo from \"../components/Common/TokenChainLogo\";\nimport { ROUTES } from \"../constants/routes\";\nimport { flattenChildren } from \"../utils\";\nimport { formatUsd, roundTokenAmount } from \"../utils/format\";\nimport { useDaimoPay } from \"./useDaimoPay\";\nimport useLocales from \"./useLocales\";\nimport { usePayContext } from \"./usePayContext\";\n\n/// and Solana tokens. See OptionsList.\nexport function useTokenOptions(mode: \"evm\" | \"solana\" | \"showCoin\"): {\n  optionsList: Option[];\n  isLoading: boolean;\n} {\n  const { setRoute, paymentState } = usePayContext();\n  const {\n    isDepositFlow,\n    walletPaymentOptions,\n    solanaPaymentOptions,\n    setSelectedTokenOption,\n    setSelectedSolanaTokenOption,\n  } = paymentState;\n\n  // Get translations once and pass down to helpers to avoid violating\n  // the Rules-of-Hooks (hooks can only be called inside React components\n  // or custom hooks).\n  const locales = useLocales();\n  const onString = flattenChildren(locales.on).join(\"\");\n\n  // HACK: special handling for portfolio deposits\n  const pay = useDaimoPay();\n  const isPassthrough = !!pay.order?.metadata.payer?.passthroughTokens?.length;\n  const nonPassthroughToken = isPassthrough\n    ? pay.order?.destFinalCallTokenAmount.token\n    : undefined;\n\n  let optionsList: Option[] = [];\n  let isLoading = false;\n  if ([\"evm\", \"showCoin\"].includes(mode)) {\n    optionsList.push(\n      ...getEvmTokenOptions(\n        walletPaymentOptions.options ?? [],\n        isDepositFlow,\n        setSelectedTokenOption,\n        setRoute,\n        onString,\n        nonPassthroughToken,\n      ),\n    );\n    isLoading ||= walletPaymentOptions.isLoading;\n  }\n  if ([\"solana\", \"showCoin\"].includes(mode)) {\n    optionsList.push(\n      ...getSolanaTokenOptions(\n        solanaPaymentOptions.options ?? [],\n        isDepositFlow,\n        setSelectedSolanaTokenOption,\n        setRoute,\n        onString,\n      ),\n    );\n    isLoading ||= solanaPaymentOptions.isLoading;\n  }\n\n  optionsList.sort((a, b) => {\n    const dDisabled = (a.disabled ? 1 : 0) - (b.disabled ? 1 : 0);\n    if (dDisabled !== 0) return dDisabled;\n    const dSort = (b.sortValue ?? 0) - (a.sortValue ?? 0);\n    return dSort;\n  });\n\n  return { optionsList, isLoading };\n}\n\nfunction getEvmTokenOptions(\n  options: WalletPaymentOption[],\n  isDepositFlow: boolean,\n  setSelectedTokenOption: (option: WalletPaymentOption) => void,\n  setRoute: (route: ROUTES, meta?: any) => void,\n  onString: string,\n  nonPassthroughToken?: Token,\n) {\n  return options.map((option) => {\n    const chainName = getChainName(option.balance.token.chainId);\n    const titlePrice = isDepositFlow\n      ? formatUsd(option.balance.usd)\n      : roundTokenAmount(option.required.amount, option.required.token);\n    const title = `${titlePrice} ${option.balance.token.symbol} ${onString} ${chainName}`;\n\n    const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;\n    let subtitle =\n      option.disabledReason ??\n      `${isDepositFlow ? \"\" : \"Balance: \"}${balanceStr}`;\n    const disabled = option.disabledReason != null;\n\n    // HACK: special handling for portfolio deposits\n    if (nonPassthroughToken != null) {\n      const defaultSym = nonPassthroughToken.symbol;\n      const optSym = option.balance.token.symbol;\n      if (option.passthroughAddress == null && optSym !== defaultSym) {\n        subtitle = `Convert to ${defaultSym}`;\n      } else {\n        subtitle = `Deposit ${optSym}`;\n      }\n    }\n    const sortValue =\n      option.balance.usd + (option.passthroughAddress == null ? 0 : 1e9);\n\n    return {\n      id: getDaimoTokenKey(option.balance.token),\n      sortValue,\n      title,\n      subtitle,\n      icons: [\n        <TokenChainLogo\n          key={getDaimoTokenKey(option.balance.token)}\n          token={option.balance.token}\n        />,\n      ],\n      onClick: () => {\n        setSelectedTokenOption(option);\n        const meta = {\n          event: \"click-token\",\n          tokenSymbol: option.balance.token.symbol,\n          chainId: option.balance.token.chainId,\n        };\n        if (isDepositFlow) {\n          setRoute(ROUTES.SELECT_AMOUNT, meta);\n        } else {\n          setRoute(ROUTES.PAY_WITH_TOKEN, meta);\n        }\n      },\n      disabled,\n    };\n  });\n}\n\nfunction getSolanaTokenOptions(\n  options: WalletPaymentOption[],\n  isDepositFlow: boolean,\n  setSelectedSolanaTokenOption: (option: WalletPaymentOption) => void,\n  setRoute: (route: ROUTES, meta?: any) => void,\n  onString: string,\n) {\n  return options.map((option) => {\n    const titlePrice = isDepositFlow\n      ? formatUsd(option.balance.usd)\n      : roundTokenAmount(option.required.amount, option.required.token);\n    const title = `${titlePrice} ${option.balance.token.symbol} ${onString} Solana`;\n    const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;\n    const subtitle =\n      option.disabledReason ??\n      `${isDepositFlow ? \"\" : \"Balance: \"}${balanceStr}`;\n    const disabled = option.disabledReason != null;\n\n    return {\n      id: getDaimoTokenKey(option.balance.token),\n      sortValue: option.balance.usd,\n      title,\n      subtitle,\n      icons: [\n        <TokenChainLogo\n          key={getDaimoTokenKey(option.balance.token)}\n          token={option.balance.token}\n        />,\n      ],\n      onClick: () => {\n        setSelectedSolanaTokenOption(option);\n        const meta = {\n          event: \"click-solana-token\",\n          tokenSymbol: option.balance.token.symbol,\n          chainId: option.balance.token.chainId,\n        };\n        if (isDepositFlow) {\n          setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);\n        } else {\n          setRoute(ROUTES.SOLANA_PAY_WITH_TOKEN, meta);\n        }\n      },\n      disabled,\n    };\n  });\n}\n\nfunction getDaimoTokenKey(token: DaimoPayToken) {\n  return `${token.chainId}-${token.token}`;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTokenOptions.js","sources":["../../../src/hooks/useTokenOptions.tsx"],"sourcesContent":["/// Gets token options when paying from a connected wallet. Supports both EVM\n\nimport {\n  DaimoPayToken,\n  getChainName,\n  Token,\n  WalletPaymentOption,\n} from \"@daimo/pay-common\";\nimport { Option } from \"../components/Common/OptionsList\";\nimport TokenChainLogo from \"../components/Common/TokenChainLogo\";\nimport { ROUTES } from \"../constants/routes\";\nimport { flattenChildren } from \"../utils\";\nimport { formatUsd, roundTokenAmount } from \"../utils/format\";\nimport { useDaimoPay } from \"./useDaimoPay\";\nimport useLocales from \"./useLocales\";\nimport { usePayContext } from \"./usePayContext\";\n\n/// and Solana tokens. See OptionsList.\nexport function useTokenOptions(mode: \"evm\" | \"solana\" | \"all\"): {\n  optionsList: Option[];\n  isLoading: boolean;\n} {\n  const { setRoute, paymentState } = usePayContext();\n  const {\n    isDepositFlow,\n    walletPaymentOptions,\n    solanaPaymentOptions,\n    setSelectedTokenOption,\n    setSelectedSolanaTokenOption,\n  } = paymentState;\n\n  // Get translations once and pass down to helpers to avoid violating\n  // the Rules-of-Hooks (hooks can only be called inside React components\n  // or custom hooks).\n  const locales = useLocales();\n  const onString = flattenChildren(locales.on).join(\"\");\n\n  // HACK: special handling for portfolio deposits\n  const pay = useDaimoPay();\n  const isPassthrough = !!pay.order?.metadata.payer?.passthroughTokens?.length;\n  const nonPassthroughToken = isPassthrough\n    ? pay.order?.destFinalCallTokenAmount.token\n    : undefined;\n\n  let optionsList: Option[] = [];\n  let isLoading = false;\n  if ([\"evm\", \"all\"].includes(mode)) {\n    optionsList.push(\n      ...getEvmTokenOptions(\n        walletPaymentOptions.options ?? [],\n        isDepositFlow,\n        setSelectedTokenOption,\n        setRoute,\n        onString,\n        nonPassthroughToken,\n      ),\n    );\n    isLoading ||= walletPaymentOptions.isLoading;\n  }\n  if ([\"solana\", \"all\"].includes(mode)) {\n    optionsList.push(\n      ...getSolanaTokenOptions(\n        solanaPaymentOptions.options ?? [],\n        isDepositFlow,\n        setSelectedSolanaTokenOption,\n        setRoute,\n        onString,\n      ),\n    );\n    isLoading ||= solanaPaymentOptions.isLoading;\n  }\n\n  optionsList.sort((a, b) => {\n    const dDisabled = (a.disabled ? 1 : 0) - (b.disabled ? 1 : 0);\n    if (dDisabled !== 0) return dDisabled;\n    const dSort = (b.sortValue ?? 0) - (a.sortValue ?? 0);\n    return dSort;\n  });\n\n  return { optionsList, isLoading };\n}\n\nfunction getEvmTokenOptions(\n  options: WalletPaymentOption[],\n  isDepositFlow: boolean,\n  setSelectedTokenOption: (option: WalletPaymentOption) => void,\n  setRoute: (route: ROUTES, meta?: any) => void,\n  onString: string,\n  nonPassthroughToken?: Token,\n) {\n  return options.map((option) => {\n    const chainName = getChainName(option.balance.token.chainId);\n    const titlePrice = isDepositFlow\n      ? formatUsd(option.balance.usd)\n      : roundTokenAmount(option.required.amount, option.required.token);\n    const title = `${titlePrice} ${option.balance.token.symbol} ${onString} ${chainName}`;\n\n    const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;\n    let subtitle =\n      option.disabledReason ??\n      `${isDepositFlow ? \"\" : \"Balance: \"}${balanceStr}`;\n    const disabled = option.disabledReason != null;\n\n    // HACK: special handling for portfolio deposits\n    if (nonPassthroughToken != null) {\n      const defaultSym = nonPassthroughToken.symbol;\n      const optSym = option.balance.token.symbol;\n      if (option.passthroughAddress == null && optSym !== defaultSym) {\n        subtitle = `Convert to ${defaultSym}`;\n      } else {\n        subtitle = `Deposit ${optSym}`;\n      }\n    }\n    const sortValue =\n      option.balance.usd + (option.passthroughAddress == null ? 0 : 1e9);\n\n    return {\n      id: getDaimoTokenKey(option.balance.token),\n      sortValue,\n      title,\n      subtitle,\n      icons: [\n        <TokenChainLogo\n          key={getDaimoTokenKey(option.balance.token)}\n          token={option.balance.token}\n        />,\n      ],\n      onClick: () => {\n        setSelectedTokenOption(option);\n        const meta = {\n          event: \"click-token\",\n          tokenSymbol: option.balance.token.symbol,\n          chainId: option.balance.token.chainId,\n        };\n        if (isDepositFlow) {\n          setRoute(ROUTES.SELECT_AMOUNT, meta);\n        } else {\n          setRoute(ROUTES.PAY_WITH_TOKEN, meta);\n        }\n      },\n      disabled,\n    };\n  });\n}\n\nfunction getSolanaTokenOptions(\n  options: WalletPaymentOption[],\n  isDepositFlow: boolean,\n  setSelectedSolanaTokenOption: (option: WalletPaymentOption) => void,\n  setRoute: (route: ROUTES, meta?: any) => void,\n  onString: string,\n) {\n  return options.map((option) => {\n    const titlePrice = isDepositFlow\n      ? formatUsd(option.balance.usd)\n      : roundTokenAmount(option.required.amount, option.required.token);\n    const title = `${titlePrice} ${option.balance.token.symbol} ${onString} Solana`;\n    const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;\n    const subtitle =\n      option.disabledReason ??\n      `${isDepositFlow ? \"\" : \"Balance: \"}${balanceStr}`;\n    const disabled = option.disabledReason != null;\n\n    return {\n      id: getDaimoTokenKey(option.balance.token),\n      sortValue: option.balance.usd,\n      title,\n      subtitle,\n      icons: [\n        <TokenChainLogo\n          key={getDaimoTokenKey(option.balance.token)}\n          token={option.balance.token}\n        />,\n      ],\n      onClick: () => {\n        setSelectedSolanaTokenOption(option);\n        const meta = {\n          event: \"click-solana-token\",\n          tokenSymbol: option.balance.token.symbol,\n          chainId: option.balance.token.chainId,\n        };\n        if (isDepositFlow) {\n          setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);\n        } else {\n          setRoute(ROUTES.SOLANA_PAY_WITH_TOKEN, meta);\n        }\n      },\n      disabled,\n    };\n  });\n}\n\nfunction getDaimoTokenKey(token: DaimoPayToken) {\n  return `${token.chainId}-${token.token}`;\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useWalletPaymentOptions.js","sources":["../../../src/hooks/useWalletPaymentOptions.ts"],"sourcesContent":["import { supportedChains, WalletPaymentOption } from \"@daimo/pay-common\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { Address } from \"viem\";\nimport { TrpcClient } from \"../utils/trpc\";\n\n/** Wallet payment options. User picks one. */\nexport function useWalletPaymentOptions({\n  trpc,\n  address,\n  usdRequired,\n  destChainId,\n  destAddress,\n  preferredChains,\n  preferredTokens,\n  evmChains,\n  passthroughTokens,\n  isDepositFlow,\n  log,\n}: {\n  trpc: TrpcClient;\n  address: string | undefined;\n  usdRequired: number | undefined;\n  destChainId: number | undefined;\n  destAddress: Address | undefined;\n  preferredChains: number[] | undefined;\n  preferredTokens: { chain: number; address: string }[] | undefined;\n  evmChains: number[] | undefined;\n  passthroughTokens: { chain: number; address: string }[] | undefined;\n  isDepositFlow: boolean;\n  log: (msg: string) => void;\n}) {\n  const [options, setOptions] = useState<WalletPaymentOption[] | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Memoize array dependencies to prevent unnecessary re-fetches\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  const memoizedPreferredChains = useMemo(\n    () => preferredChains,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(preferredChains)],\n  );\n  const memoizedPreferredTokens = useMemo(\n    () => preferredTokens,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(preferredTokens)],\n  );\n  const memoizedEvmChains = useMemo(\n    () => evmChains,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(evmChains)],\n  );\n\n  useEffect(() => {\n    const refreshWalletPaymentOptions = async () => {\n      if (\n        address == null ||\n        usdRequired == null ||\n        destChainId == null ||\n        destAddress == null\n      ) {\n        return;\n      }\n\n      setOptions(null);\n      setIsLoading(true);\n      try {\n        let newOptions = await trpc.getWalletPaymentOptions.query({\n          payerAddress: address,\n          // API expects undefined for deposit flow.\n          usdRequired: isDepositFlow ? undefined : usdRequired,\n          destChainId,\n          preferredChains: memoizedPreferredChains,\n          preferredTokens: memoizedPreferredTokens,\n          evmChains: memoizedEvmChains,\n        });\n\n        // Add passthrough tokens client-side.\n        addPassthroughTokens(newOptions, passthroughTokens, destAddress);\n\n        // Filter out chains we don't support yet.\n        const isSupported = (o: WalletPaymentOption) =>\n          supportedChains.some((c) => c.chainId === o.balance.token.chainId);\n        const filteredOptions = newOptions.filter(isSupported);\n        if (filteredOptions.length < newOptions.length) {\n          log(\n            `[WALLET]: skipping ${newOptions.length - filteredOptions.length} unsupported-chain balances on ${address}`,\n          );\n        }\n\n        setOptions(filteredOptions);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    if (address != null && usdRequired != null && destChainId != null) {\n      refreshWalletPaymentOptions();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    address,\n    usdRequired,\n    destChainId,\n    isDepositFlow,\n    memoizedPreferredChains,\n    memoizedPreferredTokens,\n    memoizedEvmChains,\n  ]);\n\n  return {\n    options,\n    isLoading,\n  };\n}\n\n/** Updates and sorts `options`, marking the relevant oneas as pass-through. */\nexport function addPassthroughTokens(\n  options: WalletPaymentOption[],\n  passthroughTokens: { chain: number; address: string }[] | undefined,\n  passthroughAddress: Address,\n) {\n  if (passthroughTokens == null) return;\n\n  for (const option of options) {\n    const tok = option.balance.token;\n    if (option.disabledReason != null) continue;\n    const found = passthroughTokens.find(\n      (t) => t.address === tok.token && t.chain == tok.chainId,\n    );\n    if (found == null) continue;\n\n    option.passthroughAddress = passthroughAddress;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useWalletPaymentOptions.js","sources":["../../../src/hooks/useWalletPaymentOptions.ts"],"sourcesContent":["import { supportedChains, WalletPaymentOption } from \"@daimo/pay-common\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { Address } from \"viem\";\nimport { TrpcClient } from \"../utils/trpc\";\n\n/** Wallet payment options. User picks one. */\nexport function useWalletPaymentOptions({\n  trpc,\n  address,\n  usdRequired,\n  destChainId,\n  destAddress,\n  preferredChains,\n  preferredTokens,\n  evmChains,\n  passthroughTokens,\n  isDepositFlow,\n  log,\n}: {\n  trpc: TrpcClient;\n  address: string | undefined;\n  usdRequired: number | undefined;\n  destChainId: number | undefined;\n  destAddress: Address | undefined;\n  preferredChains: number[] | undefined;\n  preferredTokens: { chain: number; address: string }[] | undefined;\n  evmChains: number[] | undefined;\n  passthroughTokens: { chain: number; address: string }[] | undefined;\n  isDepositFlow: boolean;\n  log: (msg: string) => void;\n}) {\n  const [options, setOptions] = useState<WalletPaymentOption[] | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Memoize array dependencies to prevent unnecessary re-fetches\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  const memoizedPreferredChains = useMemo(\n    () => preferredChains,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(preferredChains)],\n  );\n  const memoizedPreferredTokens = useMemo(\n    () => preferredTokens,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(preferredTokens)],\n  );\n  const memoizedEvmChains = useMemo(\n    () => evmChains,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(evmChains)],\n  );\n\n  useEffect(() => {\n    const refreshWalletPaymentOptions = async () => {\n      if (\n        address == null ||\n        usdRequired == null ||\n        destChainId == null ||\n        destAddress == null\n      ) {\n        return;\n      }\n\n      setOptions(null);\n      setIsLoading(true);\n      try {\n        let newOptions = await trpc.getWalletPaymentOptions.query({\n          payerAddress: address,\n          // API expects undefined for deposit flow.\n          usdRequired: isDepositFlow ? undefined : usdRequired,\n          destChainId,\n          preferredChains: memoizedPreferredChains,\n          preferredTokens: memoizedPreferredTokens,\n          evmChains: memoizedEvmChains,\n        });\n        // Add passthrough tokens client-side.\n        addPassthroughTokens(newOptions, passthroughTokens, destAddress);\n\n        // Filter out chains we don't support yet.\n        const isSupported = (o: WalletPaymentOption) =>\n          supportedChains.some((c) => c.chainId === o.balance.token.chainId);\n        const filteredOptions = newOptions.filter(isSupported);\n        if (filteredOptions.length < newOptions.length) {\n          log(\n            `[WALLET]: skipping ${newOptions.length - filteredOptions.length} unsupported-chain balances on ${address}`,\n          );\n        }\n\n        setOptions(filteredOptions);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    if (address != null && usdRequired != null && destChainId != null) {\n      refreshWalletPaymentOptions();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    address,\n    usdRequired,\n    destChainId,\n    isDepositFlow,\n    memoizedPreferredChains,\n    memoizedPreferredTokens,\n    memoizedEvmChains,\n  ]);\n\n  return {\n    options,\n    isLoading,\n  };\n}\n\n/** Updates and sorts `options`, marking the relevant oneas as pass-through. */\nexport function addPassthroughTokens(\n  options: WalletPaymentOption[],\n  passthroughTokens: { chain: number; address: string }[] | undefined,\n  passthroughAddress: Address,\n) {\n  if (passthroughTokens == null) return;\n\n  for (const option of options) {\n    const tok = option.balance.token;\n    if (option.disabledReason != null) continue;\n    const found = passthroughTokens.find(\n      (t) => t.address === tok.token && t.chain == tok.chainId,\n    );\n    if (found == null) continue;\n\n    option.passthroughAddress = passthroughAddress;\n  }\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@daimo/pay",
   "private": false,
-  "version": "1.16.8",
+  "version": "1.17.0",
   "author": "Daimo",
   "homepage": "https://pay.daimo.com",
   "license": "BSD-2-Clause license",
@@ -33,7 +33,7 @@
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings=0"
   },
   "dependencies": {
-    "@daimo/pay-common": "1.16.8",
+    "@daimo/pay-common": "1.17.0",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@solana/web3.js": "^1.95.4",