@daimo/pay 1.16.0 → 1.16.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectDepositAddressChain/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAeM,MAAA,yBAAyB,GAAa,MAAK;IAC/C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;AACnD,IAAA,MAAM,GAAG,GAAG,WAAW,EAAE,CAAC;AAC1B,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC;IACtB,MAAM,EACJ,aAAa,EACb,+BAA+B,EAC/B,qBAAqB,EACrB,eAAe,GAChB,GAAG,YAAY,CAAC;AAEjB,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVC,GAAC,CAAA,WAAW,EAAC,EAAA,QAAQ,EAAG,IAAA,EAAA,CAAA,EAEvB,CAAC,qBAAqB,CAAC,OAAO;AAC7B,gBAAA,qBAAqB,CAAC,OAAO,EAAE,MAAM,KAAK,CAAC,KACzCD,IAAC,CAAA,YAAY,EACX,EAAA,KAAK,EAAE;AACL,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,EAAE;AACd,oBAAA,aAAa,EAAE,EAAE;AAClB,iBAAA,EAAA,QAAA,EAAA,CAEDC,GAAC,CAAA,OAAO,EAA8B,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAA,EACtCA,GAAC,CAAA,yBAAyB,EAAG,EAAA,CAAA,CAAA,EAAA,CAChB,CAChB,EAEHA,GAAC,CAAA,WAAW,IACV,iBAAiB,EAAE,CAAC,EACpB,SAAS,EAAE,qBAAqB,CAAC,OAAO,EACxC,OAAO,EAAE,CAAC,qBAAqB,CAAC,OAAO,IAAI,EAAE;AAC1C,qBAAA,GAAG,CAAC,CAAC,MAAM,KAAI;AACd,oBAAA,MAAM,QAAQ;;AAEZ,oBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC;AACpB,wBAAA,KAAK,EAAE,IAAI,KAAK,iBAAiB,CAAC,QAAQ;AAC1C,wBAAA,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU;;AAEpC,yBAAC,MAAM,CAAC,EAAE,KAAK,4BAA4B,CAAC,SAAS;4BACnD,eAAe,KAAK,KAAK,CAAC,CAAC;oBAE/B,OAAO;wBACL,EAAE,EAAE,MAAM,CAAC,EAAE;wBACb,KAAK,EAAE,MAAM,CAAC,EAAE;AAChB,wBAAA,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;wBACvB,QAAQ;wBACR,OAAO,EAAE,MAAK;4BACZ,+BAA+B,CAAC,MAAM,CAAC,CAAC;AACxC,4BAAA,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;4BAC1D,IAAI,aAAa,EAAE;AACjB,gCAAA,QAAQ,CAAC,MAAM,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;6BACtD;iCAAM;AACL,gCAAA,QAAQ,CAAC,MAAM,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;6BAChD;yBACF;qBACF,CAAC;AACJ,iBAAC,CAAC;;qBAED,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAA,CAC1D,CACU,EAAA,CAAA,EACd;AACJ;;;;"}
+{"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

@@ -6,30 +6,35 @@ import { OptionsList } from '../../Common/OptionsList/index.js';
 import { OrderHeader } from '../../Common/OrderHeader/index.js';
 
 const SelectExchange = () => {
-    const { paymentState, setRoute } = usePayContext();
-    const { externalPaymentOptions, setSelectedExternalOption } = paymentState;
-    const exchangeOptions = externalPaymentOptions.options.get("exchange");
-    if (!exchangeOptions) {
-        return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true, show: "zkp2p" }), jsx(ModalH1, { children: "No Exchange options available" })] }));
-    }
-    const options = exchangeOptions.map((option) => ({
-        id: option.id,
-        title: option.cta,
-        icons: [option.logoURI],
-        onClick: () => {
-            setSelectedExternalOption(option);
-            const meta = { event: "click-option", option: option.id };
-            if (paymentState.isDepositFlow) {
-                setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
-            }
-            else {
-                setRoute(ROUTES.WAITING_EXTERNAL, meta);
-            }
-        },
-        disabled: option.disabled,
-        subtitle: option.message,
-    }));
-    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true, show: "zkp2p" }), jsx(OptionsList, { options: options })] }));
+  const { paymentState, setRoute } = usePayContext();
+  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;
+  const exchangeOptions = externalPaymentOptions.options.get("exchange");
+  if (!exchangeOptions) {
+    return /* @__PURE__ */ jsxs(PageContent, { children: [
+      /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "zkp2p" }),
+      /* @__PURE__ */ jsx(ModalH1, { children: "No Exchange options available" })
+    ] });
+  }
+  const options = exchangeOptions.map((option) => ({
+    id: option.id,
+    title: option.cta,
+    icons: [option.logoURI],
+    onClick: () => {
+      setSelectedExternalOption(option);
+      const meta = { event: "click-option", option: option.id };
+      if (paymentState.isDepositFlow) {
+        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
+      } else {
+        setRoute(ROUTES.WAITING_EXTERNAL, meta);
+      }
+    },
+    disabled: option.disabled,
+    subtitle: option.message
+  }));
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(OrderHeader, { minified: true, show: "zkp2p" }),
+    /* @__PURE__ */ jsx(OptionsList, { options })
+  ] });
 };
 
 export { SelectExchange as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExchange/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASM,MAAA,cAAc,GAAa,MAAK;IACpC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACnD,IAAA,MAAM,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,GAAG,YAAY,CAAC;IAC3E,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAEvE,IAAI,CAAC,eAAe,EAAE;AACpB,QAAA,QACEA,IAAC,CAAA,WAAW,eACVC,GAAC,CAAA,WAAW,IAAC,QAAQ,EAAA,IAAA,EAAC,IAAI,EAAC,OAAO,GAAG,EACrCA,GAAA,CAAC,OAAO,EAAwC,EAAA,QAAA,EAAA,+BAAA,EAAA,CAAA,CAAA,EAAA,CACpC,EACd;KACH;IAED,MAAM,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;QAC/C,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC,GAAG;AACjB,QAAA,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QACvB,OAAO,EAAE,MAAK;YACZ,yBAAyB,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;AAC1D,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;AAC9B,gBAAA,QAAQ,CAAC,MAAM,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;aAC/C;iBAAM;AACL,gBAAA,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;aACzC;SACF;QACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,QAAQ,EAAE,MAAM,CAAC,OAAO;AACzB,KAAA,CAAC,CAAC,CAAC;IAEJ,QACED,KAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVC,IAAC,WAAW,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA,EACrCA,GAAC,CAAA,WAAW,EAAC,EAAA,OAAO,EAAE,OAAO,EAAA,CAAI,CACrB,EAAA,CAAA,EACd;AACJ;;;;"}
+{"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=\"zkp2p\" />\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,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,sBACnC,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/SelectExternalAmount/index.js

@@ -11,50 +11,66 @@ import Button from '../../Common/Button/index.js';
 import ExternalPaymentSpinner from '../../Spinners/ExternalPaymentSpinner/index.js';
 
 const SelectExternalAmount = () => {
-    const { paymentState, setRoute, triggerResize } = usePayContext();
-    const { selectedExternalOption } = paymentState;
-    const maxUsdLimit = paymentState.getOrderUsdLimit();
-    const minimumMessage = (selectedExternalOption?.minimumUsd ?? 0) > 0
-        ? `Minimum ${formatUsd(selectedExternalOption?.minimumUsd ?? 0, "up")}`
-        : null;
-    const [usdInput, setUsdInput] = useState("");
-    const [message, setMessage] = useState(minimumMessage);
-    const [continueDisabled, setContinueDisabled] = useState(true);
-    useEffect(() => {
-        triggerResize();
-    }, [message]); // eslint-disable-line react-hooks/exhaustive-deps
-    if (selectedExternalOption == null) {
-        return jsx(PageContent, {});
+  const { paymentState, setRoute, triggerResize } = usePayContext();
+  const { selectedExternalOption } = paymentState;
+  const maxUsdLimit = paymentState.getOrderUsdLimit();
+  const minimumMessage = (selectedExternalOption?.minimumUsd ?? 0) > 0 ? `Minimum ${formatUsd(selectedExternalOption?.minimumUsd ?? 0, "up")}` : null;
+  const [usdInput, setUsdInput] = useState("");
+  const [message, setMessage] = useState(minimumMessage);
+  const [continueDisabled, setContinueDisabled] = useState(true);
+  useEffect(() => {
+    triggerResize();
+  }, [message]);
+  if (selectedExternalOption == null) {
+    return /* @__PURE__ */ jsx(PageContent, {});
+  }
+  const handleAmountChange = (e) => {
+    const value = e.target.value;
+    if (value !== "" && !isValidNumber(value, USD_DECIMALS)) return;
+    setUsdInput(value);
+    if (Number(value) > maxUsdLimit) {
+      setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);
+    } else {
+      setMessage(minimumMessage);
     }
-    const handleAmountChange = (e) => {
-        const value = e.target.value;
-        if (value !== "" && !isValidNumber(value, USD_DECIMALS))
-            return;
-        setUsdInput(value);
-        if (Number(value) > maxUsdLimit) {
-            setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);
-        }
-        else {
-            setMessage(minimumMessage);
-        }
-        const usd = Number(sanitizeNumber(value));
-        setContinueDisabled(usd <= 0 ||
-            usd < (selectedExternalOption.minimumUsd ?? 0) ||
-            usd > maxUsdLimit);
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter" && !continueDisabled) {
-            handleContinue();
+    const usd = Number(sanitizeNumber(value));
+    setContinueDisabled(
+      usd <= 0 || usd < (selectedExternalOption.minimumUsd ?? 0) || usd > maxUsdLimit
+    );
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !continueDisabled) {
+      handleContinue();
+    }
+  };
+  const handleContinue = () => {
+    const amountUsd = Number(sanitizeNumber(usdInput));
+    paymentState.setChosenUsd(amountUsd);
+    setRoute(ROUTES.WAITING_EXTERNAL, { amountUsd });
+  };
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(
+      ExternalPaymentSpinner,
+      {
+        logoURI: selectedExternalOption.logoURI,
+        logoShape: selectedExternalOption.logoShape
+      }
+    ),
+    /* @__PURE__ */ jsxs(ModalContent, { $preserveDisplay: true, children: [
+      /* @__PURE__ */ jsx(AmountInputContainer, { children: /* @__PURE__ */ jsx(
+        AmountInputField,
+        {
+          value: usdInput,
+          onChange: handleAmountChange,
+          onKeyDown: handleKeyDown
         }
-    };
-    const handleContinue = () => {
-        const amountUsd = Number(sanitizeNumber(usdInput));
-        paymentState.setChosenUsd(amountUsd);
-        setRoute(ROUTES.WAITING_EXTERNAL, { amountUsd });
-    };
-    return (jsxs(PageContent, { children: [jsx(ExternalPaymentSpinner, { logoURI: selectedExternalOption.logoURI, logoShape: selectedExternalOption.logoShape }), jsxs(ModalContent, { "$preserveDisplay": true, children: [jsx(AmountInputContainer, { children: jsx(AmountInputField, { value: usdInput, onChange: handleAmountChange, onKeyDown: handleKeyDown }) }), message && jsx(ModalBody, { children: message }), jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: "Continue" })] })] }));
+      ) }),
+      message && /* @__PURE__ */ jsx(ModalBody, { children: message }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: "Continue" })
+    ] })
+  ] });
 };
-const AmountInputContainer = styled.div `
+const AmountInputContainer = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExternalAmount/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExternalAmount/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  ModalBody,\n  ModalContent,\n  PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport styled from \"../../../styles/styled\";\nimport { formatUsd, USD_DECIMALS } from \"../../../utils/format\";\nimport { isValidNumber, sanitizeNumber } from \"../../../utils/validateInput\";\nimport AmountInputField from \"../../Common/AmountInput/AmountInputField\";\nimport Button from \"../../Common/Button\";\nimport ExternalPaymentSpinner from \"../../Spinners/ExternalPaymentSpinner\";\n\nconst SelectExternalAmount: React.FC = () => {\n  const { paymentState, setRoute, triggerResize } = usePayContext();\n  const { selectedExternalOption } = paymentState;\n\n  const maxUsdLimit = paymentState.getOrderUsdLimit();\n  const minimumMessage =\n    (selectedExternalOption?.minimumUsd ?? 0) > 0\n      ? `Minimum ${formatUsd(selectedExternalOption?.minimumUsd ?? 0, \"up\")}`\n      : null;\n\n  const [usdInput, setUsdInput] = useState<string>(\"\");\n  const [message, setMessage] = useState<string | null>(minimumMessage);\n  const [continueDisabled, setContinueDisabled] = useState(true);\n\n  useEffect(() => {\n    triggerResize();\n  }, [message]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (selectedExternalOption == null) {\n    return <PageContent></PageContent>;\n  }\n\n  const handleAmountChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    if (value !== \"\" && !isValidNumber(value, USD_DECIMALS)) return;\n\n    setUsdInput(value);\n\n    if (Number(value) > maxUsdLimit) {\n      setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);\n    } else {\n      setMessage(minimumMessage);\n    }\n\n    const usd = Number(sanitizeNumber(value));\n    setContinueDisabled(\n      usd <= 0 ||\n        usd < (selectedExternalOption.minimumUsd ?? 0) ||\n        usd > maxUsdLimit,\n    );\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !continueDisabled) {\n      handleContinue();\n    }\n  };\n\n  const handleContinue = () => {\n    const amountUsd = Number(sanitizeNumber(usdInput));\n    paymentState.setChosenUsd(amountUsd);\n    setRoute(ROUTES.WAITING_EXTERNAL, { amountUsd });\n  };\n\n  return (\n    <PageContent>\n      <ExternalPaymentSpinner\n        logoURI={selectedExternalOption.logoURI}\n        logoShape={selectedExternalOption.logoShape}\n      />\n      <ModalContent $preserveDisplay={true}>\n        <AmountInputContainer>\n          <AmountInputField\n            value={usdInput}\n            onChange={handleAmountChange}\n            onKeyDown={handleKeyDown}\n          />\n        </AmountInputContainer>\n        {message && <ModalBody>{message}</ModalBody>}\n        <Button onClick={handleContinue} disabled={continueDisabled}>\n          Continue\n        </Button>\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nconst AmountInputContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport default SelectExternalAmount;\n"],"names":[],"mappings":"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"}