@daimo/pay 1.16.0 → 1.16.2

package/build/src/assets/wallet.js

@@ -1,7 +1,38 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function WalletIcon({ ...props }) {
-    return (jsxs("svg", { "aria-hidden": "true", width: "20", height: "19", viewBox: "0 0 20 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsx("path", { d: "M1.57568 4.60616C1.57568 2.69827 3.12234 1.15161 5.03023 1.15161H15.3939C17.3018 1.15161 18.8484 2.69826 18.8484 4.60616V10.3637C18.8484 12.2716 17.3018 13.8183 15.3939 13.8183H5.03023C3.12234 13.8183 1.57568 12.2716 1.57568 10.3637V4.60616Z", stroke: "currentColor", strokeWidth: "2" }), jsx("path", { d: "M1 4.79293C1 2.435 3.31004 0.770014 5.54697 1.51566L12.4561 3.81869C13.8667 4.2889 14.8182 5.60901 14.8182 7.09596V13.6313C14.8182 15.9892 12.5081 17.6542 10.2712 16.9086L3.36212 14.6056C1.95149 14.1353 1 12.8152 1 11.3283V4.79293Z", fill: "var(--ck-body-background)", stroke: "currentColor", strokeWidth: "2" }), jsx("circle", { cx: "10.3863", cy: "10.1894", r: "1.32574", fill: "currentColor" })] }));
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "20",
+      height: "19",
+      viewBox: "0 0 20 19",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.57568 4.60616C1.57568 2.69827 3.12234 1.15161 5.03023 1.15161H15.3939C17.3018 1.15161 18.8484 2.69826 18.8484 4.60616V10.3637C18.8484 12.2716 17.3018 13.8183 15.3939 13.8183H5.03023C3.12234 13.8183 1.57568 12.2716 1.57568 10.3637V4.60616Z",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1 4.79293C1 2.435 3.31004 0.770014 5.54697 1.51566L12.4561 3.81869C13.8667 4.2889 14.8182 5.60901 14.8182 7.09596V13.6313C14.8182 15.9892 12.5081 17.6542 10.2712 16.9086L3.36212 14.6056C1.95149 14.1353 1 12.8152 1 11.3283V4.79293Z",
+            fill: "var(--ck-body-background)",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "10.3863", cy: "10.1894", r: "1.32574", fill: "currentColor" })
+      ]
+    }
+  );
 }
 
 export { WalletIcon as default };

package/build/src/assets/wallet.js.map

@@ -1 +1 @@
-{"version":3,"file":"wallet.js","sources":["../../../src/assets/wallet.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAAwB,SAAA,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAA;AAC7C,IAAA,QACEA,IACc,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAC9B,GAAA,KAAK,aAETC,GACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,mPAAmP,EACrP,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,CAAA,EACFA,cACE,CAAC,EAAC,yOAAyO,EAC3O,IAAI,EAAC,2BAA2B,EAChC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,CAAA,EACFA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAG,CAAA,CAAA,EAAA,CAChE,EACN;AACJ;;;;"}
+{"version":3,"file":"wallet.js","sources":["../../../src/assets/wallet.tsx"],"sourcesContent":["export default function WalletIcon({ ...props }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"20\"\n      height=\"19\"\n      viewBox=\"0 0 20 19\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M1.57568 4.60616C1.57568 2.69827 3.12234 1.15161 5.03023 1.15161H15.3939C17.3018 1.15161 18.8484 2.69826 18.8484 4.60616V10.3637C18.8484 12.2716 17.3018 13.8183 15.3939 13.8183H5.03023C3.12234 13.8183 1.57568 12.2716 1.57568 10.3637V4.60616Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <path\n        d=\"M1 4.79293C1 2.435 3.31004 0.770014 5.54697 1.51566L12.4561 3.81869C13.8667 4.2889 14.8182 5.60901 14.8182 7.09596V13.6313C14.8182 15.9892 12.5081 17.6542 10.2712 16.9086L3.36212 14.6056C1.95149 14.1353 1 12.8152 1 11.3283V4.79293Z\"\n        fill=\"var(--ck-body-background)\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"10.3863\" cy=\"10.1894\" r=\"1.32574\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAAA,SAAwB,UAAW,CAAA,EAAE,GAAG,KAAA,EAAS,EAAA;AAC/C,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MACZ,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACL,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAE,EAAA,mPAAA;AAAA,YACF,MAAO,EAAA,cAAA;AAAA,YACP,WAAY,EAAA,GAAA;AAAA,WAAA;AAAA,SACd;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAE,EAAA,yOAAA;AAAA,YACF,IAAK,EAAA,2BAAA;AAAA,YACL,MAAO,EAAA,cAAA;AAAA,YACP,WAAY,EAAA,GAAA;AAAA,WAAA;AAAA,SACd;AAAA,wBACA,GAAA,CAAC,YAAO,EAAG,EAAA,SAAA,EAAU,IAAG,SAAU,EAAA,CAAA,EAAE,SAAU,EAAA,IAAA,EAAK,cAAe,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACpE,CAAA;AAEJ;;;;"}

package/build/src/assets/wave.js

@@ -1,6 +1,46 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var wave = (jsxs("svg", { "aria-hidden": "true", width: "298", height: "188", viewBox: "0 0 298 188", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M1 55.2757L21.6438 46.0285C55.5896 30.8228 94.4104 30.8228 128.356 46.0286L169.644 64.5229C203.59 79.7287 242.41 79.7286 276.356 64.5229L297 55.2757M1 44.2118L21.6438 34.9646C55.5896 19.7589 94.4104 19.7589 128.356 34.9646L169.644 53.459C203.59 68.6647 242.41 68.6647 276.356 53.459L297 44.2118M1 33.1477L21.6438 23.9005C55.5896 8.69479 94.4104 8.69479 128.356 23.9005L169.644 42.3949C203.59 57.6006 242.41 57.6006 276.356 42.3949L297 33.1477M1 22.1477L21.6438 12.9005C55.5896 -2.30521 94.4104 -2.30521 128.356 12.9005L169.644 31.3949C203.59 46.6006 242.41 46.6006 276.356 31.3949L297 22.1477M1 66.3398L21.6438 57.0926C55.5896 41.8869 94.4104 41.8869 128.356 57.0926L169.644 75.587C203.59 90.7927 242.41 90.7927 276.356 75.587L297 66.3398M1 77.404L21.6438 68.1568C55.5896 52.9511 94.4104 52.9511 128.356 68.1569L169.644 86.6512C203.59 101.857 242.41 101.857 276.356 86.6512L297 77.404M1 88.4681L21.6438 79.2209C55.5896 64.0152 94.4104 64.0152 128.356 79.2209L169.644 97.7153C203.59 112.921 242.41 112.921 276.356 97.7153L297 88.4681M1 121.66L21.6438 112.413C55.5896 97.2075 94.4104 97.2075 128.356 112.413L169.644 130.908C203.59 146.113 242.41 146.113 276.356 130.908L297 121.66M1 110.596L21.6438 101.349C55.5896 86.1433 94.4104 86.1433 128.356 101.349L169.644 119.843C203.59 135.049 242.41 135.049 276.356 119.843L297 110.596M1 99.5321L21.6438 90.2849C55.5896 75.0792 94.4104 75.0792 128.356 90.2849L169.644 108.779C203.59 123.985 242.41 123.985 276.356 108.779L297 99.5321M1 132.724L21.6438 123.477C55.5896 108.271 94.4104 108.271 128.356 123.477L169.644 141.971C203.59 157.177 242.41 157.177 276.356 141.971L297 132.724M1 143.788L21.6438 134.541C55.5896 119.336 94.4104 119.336 128.356 134.541L169.644 153.036C203.59 168.241 242.41 168.241 276.356 153.036L297 143.788M1 154.853L21.6438 145.605C55.5896 130.4 94.4104 130.4 128.356 145.605L169.644 164.1C203.59 179.305 242.41 179.305 276.356 164.1L297 154.853M1 165.853L21.6438 156.605C55.5896 141.4 94.4104 141.4 128.356 156.605L169.644 175.1C203.59 190.305 242.41 190.305 276.356 175.1L297 165.853", stroke: "url(#paint0_linear_1094_2077)", strokeOpacity: "0.9", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("defs", { children: jsxs("linearGradient", { id: "paint0_linear_1094_2077", x1: "1", y1: "112.587", x2: "297.034", y2: "79.6111", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-01)" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-02)", offset: "0.239583" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-03)", offset: "0.515625" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-04)", offset: "0.739583" }), jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-05)", offset: "1" })] }) })] }));
+var wave = /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    width: "298",
+    height: "188",
+    viewBox: "0 0 298 188",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1 55.2757L21.6438 46.0285C55.5896 30.8228 94.4104 30.8228 128.356 46.0286L169.644 64.5229C203.59 79.7287 242.41 79.7286 276.356 64.5229L297 55.2757M1 44.2118L21.6438 34.9646C55.5896 19.7589 94.4104 19.7589 128.356 34.9646L169.644 53.459C203.59 68.6647 242.41 68.6647 276.356 53.459L297 44.2118M1 33.1477L21.6438 23.9005C55.5896 8.69479 94.4104 8.69479 128.356 23.9005L169.644 42.3949C203.59 57.6006 242.41 57.6006 276.356 42.3949L297 33.1477M1 22.1477L21.6438 12.9005C55.5896 -2.30521 94.4104 -2.30521 128.356 12.9005L169.644 31.3949C203.59 46.6006 242.41 46.6006 276.356 31.3949L297 22.1477M1 66.3398L21.6438 57.0926C55.5896 41.8869 94.4104 41.8869 128.356 57.0926L169.644 75.587C203.59 90.7927 242.41 90.7927 276.356 75.587L297 66.3398M1 77.404L21.6438 68.1568C55.5896 52.9511 94.4104 52.9511 128.356 68.1569L169.644 86.6512C203.59 101.857 242.41 101.857 276.356 86.6512L297 77.404M1 88.4681L21.6438 79.2209C55.5896 64.0152 94.4104 64.0152 128.356 79.2209L169.644 97.7153C203.59 112.921 242.41 112.921 276.356 97.7153L297 88.4681M1 121.66L21.6438 112.413C55.5896 97.2075 94.4104 97.2075 128.356 112.413L169.644 130.908C203.59 146.113 242.41 146.113 276.356 130.908L297 121.66M1 110.596L21.6438 101.349C55.5896 86.1433 94.4104 86.1433 128.356 101.349L169.644 119.843C203.59 135.049 242.41 135.049 276.356 119.843L297 110.596M1 99.5321L21.6438 90.2849C55.5896 75.0792 94.4104 75.0792 128.356 90.2849L169.644 108.779C203.59 123.985 242.41 123.985 276.356 108.779L297 99.5321M1 132.724L21.6438 123.477C55.5896 108.271 94.4104 108.271 128.356 123.477L169.644 141.971C203.59 157.177 242.41 157.177 276.356 141.971L297 132.724M1 143.788L21.6438 134.541C55.5896 119.336 94.4104 119.336 128.356 134.541L169.644 153.036C203.59 168.241 242.41 168.241 276.356 153.036L297 143.788M1 154.853L21.6438 145.605C55.5896 130.4 94.4104 130.4 128.356 145.605L169.644 164.1C203.59 179.305 242.41 179.305 276.356 164.1L297 154.853M1 165.853L21.6438 156.605C55.5896 141.4 94.4104 141.4 128.356 156.605L169.644 175.1C203.59 190.305 242.41 190.305 276.356 175.1L297 165.853",
+          stroke: "url(#paint0_linear_1094_2077)",
+          strokeOpacity: "0.9",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "paint0_linear_1094_2077",
+          x1: "1",
+          y1: "112.587",
+          x2: "297.034",
+          y2: "79.6111",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-01)" }),
+            /* @__PURE__ */ jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-02)", offset: "0.239583" }),
+            /* @__PURE__ */ jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-03)", offset: "0.515625" }),
+            /* @__PURE__ */ jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-04)", offset: "0.739583" }),
+            /* @__PURE__ */ jsx("stop", { stopColor: "var(--ck-graphic-wave-stop-05)", offset: "1" })
+          ]
+        }
+      ) })
+    ]
+  }
+);
 
 export { wave as default };
 //# sourceMappingURL=wave.js.map

package/build/src/assets/wave.js.map

@@ -1 +1 @@
-{"version":3,"file":"wave.js","sources":["../../../src/assets/wave.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAAA,WAAe,CACbA,IACc,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAElC,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,ogEAAogE,EACtgE,MAAM,EAAC,+BAA+B,EACtC,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAA,EACFA,GACE,CAAA,MAAA,EAAA,EAAA,QAAA,EAAAD,IAAA,CAAA,gBAAA,EAAA,EACE,EAAE,EAAC,yBAAyB,EAC5B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,EAE9B,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAA,CAAG,EACnDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,UAAU,EAAA,CAAG,EACrEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,UAAU,EAAA,CAAG,EACrEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,UAAU,EAAA,CAAG,EACrEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAC,MAAM,EAAC,GAAG,EAAA,CAAG,CAC/C,EAAA,CAAA,EAAA,CACZ,CACH,EAAA,CAAA;;;;"}
+{"version":3,"file":"wave.js","sources":["../../../src/assets/wave.tsx"],"sourcesContent":["export default (\n  <svg\n    aria-hidden=\"true\"\n    width=\"298\"\n    height=\"188\"\n    viewBox=\"0 0 298 188\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M1 55.2757L21.6438 46.0285C55.5896 30.8228 94.4104 30.8228 128.356 46.0286L169.644 64.5229C203.59 79.7287 242.41 79.7286 276.356 64.5229L297 55.2757M1 44.2118L21.6438 34.9646C55.5896 19.7589 94.4104 19.7589 128.356 34.9646L169.644 53.459C203.59 68.6647 242.41 68.6647 276.356 53.459L297 44.2118M1 33.1477L21.6438 23.9005C55.5896 8.69479 94.4104 8.69479 128.356 23.9005L169.644 42.3949C203.59 57.6006 242.41 57.6006 276.356 42.3949L297 33.1477M1 22.1477L21.6438 12.9005C55.5896 -2.30521 94.4104 -2.30521 128.356 12.9005L169.644 31.3949C203.59 46.6006 242.41 46.6006 276.356 31.3949L297 22.1477M1 66.3398L21.6438 57.0926C55.5896 41.8869 94.4104 41.8869 128.356 57.0926L169.644 75.587C203.59 90.7927 242.41 90.7927 276.356 75.587L297 66.3398M1 77.404L21.6438 68.1568C55.5896 52.9511 94.4104 52.9511 128.356 68.1569L169.644 86.6512C203.59 101.857 242.41 101.857 276.356 86.6512L297 77.404M1 88.4681L21.6438 79.2209C55.5896 64.0152 94.4104 64.0152 128.356 79.2209L169.644 97.7153C203.59 112.921 242.41 112.921 276.356 97.7153L297 88.4681M1 121.66L21.6438 112.413C55.5896 97.2075 94.4104 97.2075 128.356 112.413L169.644 130.908C203.59 146.113 242.41 146.113 276.356 130.908L297 121.66M1 110.596L21.6438 101.349C55.5896 86.1433 94.4104 86.1433 128.356 101.349L169.644 119.843C203.59 135.049 242.41 135.049 276.356 119.843L297 110.596M1 99.5321L21.6438 90.2849C55.5896 75.0792 94.4104 75.0792 128.356 90.2849L169.644 108.779C203.59 123.985 242.41 123.985 276.356 108.779L297 99.5321M1 132.724L21.6438 123.477C55.5896 108.271 94.4104 108.271 128.356 123.477L169.644 141.971C203.59 157.177 242.41 157.177 276.356 141.971L297 132.724M1 143.788L21.6438 134.541C55.5896 119.336 94.4104 119.336 128.356 134.541L169.644 153.036C203.59 168.241 242.41 168.241 276.356 153.036L297 143.788M1 154.853L21.6438 145.605C55.5896 130.4 94.4104 130.4 128.356 145.605L169.644 164.1C203.59 179.305 242.41 179.305 276.356 164.1L297 154.853M1 165.853L21.6438 156.605C55.5896 141.4 94.4104 141.4 128.356 156.605L169.644 175.1C203.59 190.305 242.41 190.305 276.356 175.1L297 165.853\"\n      stroke=\"url(#paint0_linear_1094_2077)\"\n      strokeOpacity=\"0.9\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear_1094_2077\"\n        x1=\"1\"\n        y1=\"112.587\"\n        x2=\"297.034\"\n        y2=\"79.6111\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"var(--ck-graphic-wave-stop-01)\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-02)\" offset=\"0.239583\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-03)\" offset=\"0.515625\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-04)\" offset=\"0.739583\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-05)\" offset=\"1\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n"],"names":[],"mappings":";;AAAA,WACE,gBAAA,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,KAAM,EAAA,KAAA;AAAA,IACN,MAAO,EAAA,KAAA;AAAA,IACP,OAAQ,EAAA,aAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,KAAM,EAAA,4BAAA;AAAA,IAEN,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAE,EAAA,ogEAAA;AAAA,UACF,MAAO,EAAA,+BAAA;AAAA,UACP,aAAc,EAAA,KAAA;AAAA,UACd,aAAc,EAAA,OAAA;AAAA,UACd,cAAe,EAAA,OAAA;AAAA,SAAA;AAAA,OACjB;AAAA,0BACC,MACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,yBAAA;AAAA,UACH,EAAG,EAAA,GAAA;AAAA,UACH,EAAG,EAAA,SAAA;AAAA,UACH,EAAG,EAAA,SAAA;AAAA,UACH,EAAG,EAAA,SAAA;AAAA,UACH,aAAc,EAAA,gBAAA;AAAA,UAEd,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,MAAA,EAAA,EAAK,WAAU,gCAAiC,EAAA,CAAA;AAAA,4BAChD,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,UAAW,EAAA,CAAA;AAAA,4BAClE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,UAAW,EAAA,CAAA;AAAA,4BAClE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,UAAW,EAAA,CAAA;AAAA,4BAClE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,GAAI,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAEhE,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA;AACF,CAAA;;;;"}

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

@@ -2,7 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { AlertContainer, IconContainer } from './styles.js';
 
 const Alert = ({ children, error, icon }) => {
-    return (jsxs(AlertContainer, { "$error": error, children: [icon && jsx(IconContainer, { children: icon }), jsx("div", { children: children })] }));
+  return /* @__PURE__ */ jsxs(AlertContainer, { $error: error, children: [
+    icon && /* @__PURE__ */ jsx(IconContainer, { children: icon }),
+    /* @__PURE__ */ jsx("div", { children })
+  ] });
 };
 Alert.displayName = "Alert";
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAGM,MAAA,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAc,KAAI;AACtD,IAAA,QACEA,IAAC,CAAA,cAAc,cAAS,KAAK,EAAA,QAAA,EAAA,CAC1B,IAAI,IAAIC,GAAA,CAAC,aAAa,EAAE,EAAA,QAAA,EAAA,IAAI,GAAiB,EAC9CA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAO,CAAA,CAAA,EAAA,CACN,EACjB;AACJ,EAAE;AACF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Alert/index.tsx"],"sourcesContent":["import { AlertContainer, IconContainer } from \"./styles\";\nimport { AlertProps } from \"./types\";\n\nconst Alert = ({ children, error, icon }: AlertProps) => {\n  return (\n    <AlertContainer $error={error}>\n      {icon && <IconContainer>{icon}</IconContainer>}\n      <div>{children}</div>\n    </AlertContainer>\n  );\n};\nAlert.displayName = \"Alert\";\n\nexport default Alert;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,CAAC,EAAE,QAAU,EAAA,KAAA,EAAO,MAAuB,KAAA;AACvD,EACE,uBAAA,IAAA,CAAC,cAAe,EAAA,EAAA,MAAA,EAAQ,KACrB,EAAA,QAAA,EAAA;AAAA,IAAQ,IAAA,oBAAA,GAAA,CAAC,iBAAe,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,oBAC9B,GAAA,CAAC,SAAK,QAAS,EAAA,CAAA;AAAA,GACjB,EAAA,CAAA,CAAA;AAEJ,EAAA;AACA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/build/src/components/Common/Alert/styles.js

@@ -3,7 +3,7 @@ import { css } from 'styled-components';
 import defaultTheme from '../../../constants/defaultTheme.js';
 import styled from '../../../styles/styled/index.js';
 
-const AlertContainer = styled(motion.div) `
+const AlertContainer = styled(motion.div)`
   display: flex;
   gap: 8px;
   position: relative;
@@ -31,14 +31,14 @@ const AlertContainer = styled(motion.div) `
   }
 
   ${($error) => {
-    if ($error)
-        return css `
+  if ($error)
+    return css`
         color: #fff;
         background: var(--ck-body-color-danger, red);
       `;
 }}
 `;
-const IconContainer = styled(motion.div) `
+const IconContainer = styled(motion.div)`
   width: 24px;
   height: 24px;
   display: flex;

package/build/src/components/Common/Alert/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Alert/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKa,MAAA,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAsB,CAAA;;;;;;;;;;;;;;;;;;;AAmB/B,qCAAA,EAAA,YAAY,CAAC,WAAW,CAAA;;;;;;;;IAQ3D,CAAC,MAAM,KAAI;AACX,IAAA,IAAI,MAAM;AACR,QAAA,OAAO,GAAG,CAAA,CAAA;;;OAGT,CAAC;AACN,CAAC,CAAA;EACD;AAEW,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Alert/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"./../../../styles/styled\";\n\nexport const AlertContainer = styled(motion.div)<{ $error?: boolean }>`\n  display: flex;\n  gap: 8px;\n  position: relative;\n  border-radius: 9px;\n  margin: 0 auto;\n  padding: 10px;\n  text-align: left;\n  font-size: 14px;\n  line-height: 17px;\n  font-weight: 400;\n  max-width: 260px;\n  min-width: 100%;\n\n  border-radius: var(--ck-alert-border-radius, 12px);\n  color: var(--ck-alert-color, var(--ck-body-color-muted));\n  background: var(--ck-alert-background, var(--ck-body-background-secondary));\n  box-shadow: var(--ck-alert-box-shadow, var(--ck-body-box-shadow));\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    padding: 16px;\n    font-size: 16px;\n    line-height: 21px;\n    border-radius: 24px;\n    text-align: center;\n  }\n\n  ${($error) => {\n    if ($error)\n      return css`\n        color: #fff;\n        background: var(--ck-body-color-danger, red);\n      `;\n  }}\n`;\n\nexport const IconContainer = styled(motion.div)`\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKa,MAAA,cAAA,GAAiB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAmBR,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAQ3D,CAAC,MAAW,KAAA;AACZ,EAAI,IAAA,MAAA;AACF,IAAO,OAAA,GAAA,CAAA;AAAA;AAAA;AAAA,MAAA,CAAA,CAAA;AAIX,CAAC,CAAA;AAAA,EAAA;AAGU,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/src/components/Common/AmountInput/AmountInputField.js

@@ -3,14 +3,14 @@ import { useRef, useEffect } from 'react';
 import styled from '../../../styles/styled/index.js';
 import { ModalBody } from '../Modal/styles.js';
 
-const Container = styled.button `
+const Container = styled.button`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
   background: transparent;
 `;
-const InputField = styled.input `
+const InputField = styled.input`
   margin: 0;
   padding: 0;
   background: none;
@@ -20,19 +20,16 @@ const InputField = styled.input `
   font-weight: var(--ck-modal-h1-font-weight, 600);
   color: var(--ck-body-color);
   width: ${(props) => {
-    const length = props.value?.length ?? 0;
-    // Placeholder is "0.00", 3ch for digits + 0.55ch for decimal point
-    if (length === 0)
-        return "3.55ch";
-    // Reduce width when decimal or commas are present since they're smaller than normal chars
-    const numPunctuations = (props.value?.match(/[.,]/g) || []).length;
-    const adjustedLength = length - numPunctuations * 0.55;
-    return `${Math.min(adjustedLength, 10)}ch`;
+  const length = props.value?.length ?? 0;
+  if (length === 0) return "3.55ch";
+  const numPunctuations = (props.value?.match(/[.,]/g) || []).length;
+  const adjustedLength = length - numPunctuations * 0.55;
+  return `${Math.min(adjustedLength, 10)}ch`;
 }};
   min-width: 1ch;
   max-width: 10ch;
 `;
-const AnimatedCurrency = styled(ModalBody) `
+const AnimatedCurrency = styled(ModalBody)`
   @keyframes fadeInDown {
     from {
       opacity: 0;
@@ -45,15 +42,29 @@ const AnimatedCurrency = styled(ModalBody) `
   }
 
   animation: fadeInDown 0.3s ease-out forwards;
-  font-size: ${(props) => (props.$small ? "16px" : "24px")};
+  font-size: ${(props) => props.$small ? "16px" : "24px"};
 `;
 const AmountInputField = ({ value, onChange, currency = "$", onKeyDown }) => {
-    // Focus the input when the component mounts so the user can start typing immediately
-    const inputRef = useRef(null);
-    useEffect(() => {
-        inputRef.current?.focus();
-    }, [value]);
-    return (jsxs(Container, { children: [currency === "$" && jsx(AnimatedCurrency, { children: currency }), jsx(InputField, { ref: inputRef, type: "text", inputMode: "decimal", value: value, onChange: onChange, placeholder: "0.00", onKeyDown: onKeyDown }), currency !== "$" && (jsx(AnimatedCurrency, { "$small": true, children: currency }))] }));
+  const inputRef = useRef(null);
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, [value]);
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    currency === "$" && /* @__PURE__ */ jsx(AnimatedCurrency, { children: currency }),
+    /* @__PURE__ */ jsx(
+      InputField,
+      {
+        ref: inputRef,
+        type: "text",
+        inputMode: "decimal",
+        value,
+        onChange,
+        placeholder: "0.00",
+        onKeyDown
+      }
+    ),
+    currency !== "$" && /* @__PURE__ */ jsx(AnimatedCurrency, { $small: true, children: currency })
+  ] });
 };
 
 export { AmountInputField as default };

package/build/src/components/Common/AmountInput/AmountInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInputField.js","sources":["../../../../../src/components/Common/AmountInput/AmountInputField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA,CAAA;;;;;;CAM9B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA,CAAA;;;;;;;;;WASpB,CAAC,KAAK,KAAI;IACjB,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC;;IAExC,IAAI,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,QAAQ,CAAC;;AAElC,IAAA,MAAM,eAAe,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,MAAM,CAAC;AACnE,IAAA,MAAM,cAAc,GAAG,MAAM,GAAG,eAAe,GAAG,IAAI,CAAC;IACvD,OAAO,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,EAAE,CAAC,CAAA,EAAA,CAAI,CAAC;AAC7C,CAAC,CAAA;;;CAGF,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAsB,CAAA;;;;;;;;;;;;;AAajD,aAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;CACzD,CAAC;AAEF,MAAM,gBAAgB,GAKjB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG,EAAE,SAAS,EAAE,KAAI;;AAEtD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;AAC5B,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QACEA,IAAC,CAAA,SAAS,EACP,EAAA,QAAA,EAAA,CAAA,QAAQ,KAAK,GAAG,IAAIC,GAAA,CAAC,gBAAgB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAoB,EACpEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,SAAS,EAAA,CACpB,EACD,QAAQ,KAAK,GAAG,KACfA,GAAC,CAAA,gBAAgB,EAAS,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EAAoB,CAAA,CACvD,CACS,EAAA,CAAA,EACZ;AACJ;;;;"}
+{"version":3,"file":"AmountInputField.js","sources":["../../../../../src/components/Common/AmountInput/AmountInputField.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport styled from \"../../../styles/styled\";\nimport { ModalBody } from \"../Modal/styles\";\n\nconst Container = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: transparent;\n`;\n\nconst InputField = styled.input`\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  outline: none;\n  font-size: 30px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: var(--ck-body-color);\n  width: ${(props) => {\n    const length = props.value?.length ?? 0;\n    // Placeholder is \"0.00\", 3ch for digits + 0.55ch for decimal point\n    if (length === 0) return \"3.55ch\";\n    // Reduce width when decimal or commas are present since they're smaller than normal chars\n    const numPunctuations = (props.value?.match(/[.,]/g) || []).length;\n    const adjustedLength = length - numPunctuations * 0.55;\n    return `${Math.min(adjustedLength, 10)}ch`;\n  }};\n  min-width: 1ch;\n  max-width: 10ch;\n`;\n\nconst AnimatedCurrency = styled(ModalBody)<{ $small?: boolean }>`\n  @keyframes fadeInDown {\n    from {\n      opacity: 0;\n      transform: translateY(-8px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  animation: fadeInDown 0.3s ease-out forwards;\n  font-size: ${(props) => (props.$small ? \"16px\" : \"24px\")};\n`;\n\nconst AmountInputField: React.FC<{\n  value: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  currency?: string;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}> = ({ value, onChange, currency = \"$\", onKeyDown }) => {\n  // Focus the input when the component mounts so the user can start typing immediately\n  const inputRef = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    inputRef.current?.focus();\n  }, [value]);\n\n  return (\n    <Container>\n      {currency === \"$\" && <AnimatedCurrency>{currency}</AnimatedCurrency>}\n      <InputField\n        ref={inputRef}\n        type=\"text\"\n        inputMode=\"decimal\"\n        value={value}\n        onChange={onChange}\n        placeholder=\"0.00\"\n        onKeyDown={onKeyDown}\n      />\n      {currency !== \"$\" && (\n        <AnimatedCurrency $small>{currency}</AnimatedCurrency>\n      )}\n    </Container>\n  );\n};\n\nexport default AmountInputField;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,YAAY,MAAO,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQzB,MAAM,aAAa,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EASf,CAAC,KAAU,KAAA;AAClB,EAAM,MAAA,MAAA,GAAS,KAAM,CAAA,KAAA,EAAO,MAAU,IAAA,CAAA,CAAA;AAEtC,EAAI,IAAA,MAAA,KAAW,GAAU,OAAA,QAAA,CAAA;AAEzB,EAAA,MAAM,mBAAmB,KAAM,CAAA,KAAA,EAAO,MAAM,OAAO,CAAA,IAAK,EAAI,EAAA,MAAA,CAAA;AAC5D,EAAM,MAAA,cAAA,GAAiB,SAAS,eAAkB,GAAA,IAAA,CAAA;AAClD,EAAA,OAAO,CAAG,EAAA,IAAA,CAAK,GAAI,CAAA,cAAA,EAAgB,EAAE,CAAC,CAAA,EAAA,CAAA,CAAA;AACxC,CAAC,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKH,MAAM,gBAAA,GAAmB,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAA,EAa1B,CAAC,KAAA,KAAW,KAAM,CAAA,MAAA,GAAS,SAAS,MAAO,CAAA;AAAA,CAAA,CAAA;AAGpD,MAAA,gBAAA,GAKD,CAAC,EAAE,KAAA,EAAO,UAAU,QAAW,GAAA,GAAA,EAAK,WAAgB,KAAA;AAEvD,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAC9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,SAAS,KAAM,EAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAA,4BACG,SACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAa,QAAA,KAAA,GAAA,oBAAQ,GAAA,CAAA,gBAAA,EAAA,EAAkB,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,oBACjD,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,QAAA;AAAA,QACL,IAAK,EAAA,MAAA;AAAA,QACL,SAAU,EAAA,SAAA;AAAA,QACV,KAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAY,EAAA,MAAA;AAAA,QACZ,SAAA;AAAA,OAAA;AAAA,KACF;AAAA,IACC,aAAa,GACZ,oBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,MAAA,EAAM,MAAE,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,GAEvC,EAAA,CAAA,CAAA;AAEJ;;;;"}

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

@@ -12,108 +12,121 @@ import TokenLogoSpinner from '../../Spinners/TokenLogoSpinner/index.js';
 import AmountInputField from './AmountInputField.js';
 
 const MultiCurrencySelectAmount = ({ selectedTokenOption, setSelectedTokenOption, nextPage }) => {
-    const { paymentState, setRoute, triggerResize } = usePayContext();
-    const maxUsdLimit = paymentState.getOrderUsdLimit();
-    const balanceToken = selectedTokenOption.balance.token;
-    const minimumMessage = selectedTokenOption.minimumRequired.usd > 0
-        ? `Minimum 
-  ${formatUsd(selectedTokenOption.minimumRequired.usd, "up")}`
-        : null;
-    const [usdValue, setUsdValue] = useState("");
-    const [tokenValue, setTokenValue] = useState(usdToRoundedTokenAmount(0, balanceToken));
-    const [isEditingUsd, setIsEditingUsd] = useState(true);
-    const [message, setMessage] = useState(minimumMessage);
-    const [continueDisabled, setContinueDisabled] = useState(true);
-    useEffect(() => {
-        triggerResize();
-    }, [message]); // eslint-disable-line react-hooks/exhaustive-deps
-    /**
-     * Update the editable value and secondary value, taking into account whether
-     * the user is currently editing the USD value or the token value.
-     */
-    const updateValues = (newUsdValue, newTokenValue, newIsEditingUsd) => {
-        const sanitizedUsdValue = sanitizeNumber(newUsdValue);
-        const sanitizedTokenValue = sanitizeNumber(newTokenValue);
-        // Update the state. Don't sanitize the value if the user is editing it.
-        setUsdValue(newIsEditingUsd ? newUsdValue : roundUsd(Number(sanitizedUsdValue)));
-        setTokenValue(newIsEditingUsd
-            ? roundTokenAmountUnits(Number(sanitizedTokenValue), balanceToken)
-            : newTokenValue);
-        setIsEditingUsd(newIsEditingUsd);
-        setContinueDisabled(Number(sanitizedUsdValue) <= 0 ||
-            Number(sanitizedUsdValue) < selectedTokenOption.minimumRequired.usd ||
-            Number(sanitizedUsdValue) > selectedTokenOption.balance.usd ||
-            Number(sanitizedUsdValue) > maxUsdLimit);
-        if (Number(sanitizedUsdValue) > selectedTokenOption.balance.usd) {
-            setMessage(`Amount exceeds your balance: 
-  ${formatUsd(selectedTokenOption.balance.usd)}`);
-        }
-        else if (Number(usdValue) > maxUsdLimit) {
-            setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);
-        }
-        else {
-            setMessage(minimumMessage);
-        }
-    };
-    const handleAmountChange = (e) => {
-        const value = e.target.value;
-        const maxDecimals = isEditingUsd
-            ? USD_DECIMALS
-            : balanceToken.displayDecimals;
-        if (value !== "" && !isValidNumber(value, maxDecimals))
-            return;
-        const sanitizedValue = sanitizeNumber(value);
-        const newUsdValue = isEditingUsd
-            ? value
-            : tokenAmountToRoundedUsd(parseUnits(sanitizedValue, balanceToken.decimals), balanceToken);
-        const newTokenValue = isEditingUsd
-            ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken)
-            : value;
-        updateValues(newUsdValue, newTokenValue, isEditingUsd);
-    };
-    const handleMax = () => {
-        const usdValue = roundUsd(Number(selectedTokenOption.balance.usd));
-        const tokenValue = roundTokenAmount(selectedTokenOption.balance.amount, balanceToken);
-        updateValues(usdValue, tokenValue, isEditingUsd);
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter" && !continueDisabled) {
-            handleContinue();
-        }
-    };
-    const handleSwitchCurrency = () => {
-        updateValues(usdValue, tokenValue, !isEditingUsd);
-    };
-    const handleContinue = () => {
-        const usd = Number(sanitizeNumber(usdValue));
-        const amountUnits = usd / balanceToken.usd;
-        const amount = parseUnits(amountUnits.toString(), balanceToken.decimals);
-        setSelectedTokenOption({
-            ...selectedTokenOption,
-            required: {
-                token: balanceToken,
-                amount: amount.toString(),
-                usd,
-            },
-        });
-        paymentState.setChosenUsd(usd);
-        setRoute(nextPage, {
-            amountUsd: usd,
-            amountUnits,
-            tokenSymbol: balanceToken.symbol,
-        });
-    };
-    return (jsxs(PageContent, { children: [jsx(TokenLogoSpinner, { token: balanceToken }), jsxs(ModalContent, { "$preserveDisplay": true, children: [jsxs(AmountInputContainer, { children: [jsx(MaxButton, { style: { visibility: "hidden" }, children: "Max" }), jsx(AmountInputField, { value: isEditingUsd ? usdValue : tokenValue, onChange: handleAmountChange, currency: isEditingUsd ? "$" : balanceToken.symbol, onKeyDown: handleKeyDown }), jsx(MaxButton, { onClick: handleMax, children: "Max" })] }), balanceToken.fiatISO !== "USD" && (jsx(SwitchContainer, { children: jsx(SwitchButton, { onClick: handleSwitchCurrency, children: jsx(SecondaryAmount, { children: isEditingUsd
-                                    ? `${tokenValue} ${balanceToken.symbol}`
-                                    : `$${usdValue}` }) }) })), message && jsx(ModalBody, { children: message }), jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: "Continue" })] })] }));
+  const { paymentState, setRoute, triggerResize } = usePayContext();
+  const maxUsdLimit = paymentState.getOrderUsdLimit();
+  const balanceToken = selectedTokenOption.balance.token;
+  const minimumMessage = selectedTokenOption.minimumRequired.usd > 0 ? `Minimum 
+  ${formatUsd(selectedTokenOption.minimumRequired.usd, "up")}` : null;
+  const [usdValue, setUsdValue] = useState("");
+  const [tokenValue, setTokenValue] = useState(
+    usdToRoundedTokenAmount(0, balanceToken)
+  );
+  const [isEditingUsd, setIsEditingUsd] = useState(true);
+  const [message, setMessage] = useState(minimumMessage);
+  const [continueDisabled, setContinueDisabled] = useState(true);
+  useEffect(() => {
+    triggerResize();
+  }, [message]);
+  const updateValues = (newUsdValue, newTokenValue, newIsEditingUsd) => {
+    const sanitizedUsdValue = sanitizeNumber(newUsdValue);
+    const sanitizedTokenValue = sanitizeNumber(newTokenValue);
+    setUsdValue(
+      newIsEditingUsd ? newUsdValue : roundUsd(Number(sanitizedUsdValue))
+    );
+    setTokenValue(
+      newIsEditingUsd ? roundTokenAmountUnits(Number(sanitizedTokenValue), balanceToken) : newTokenValue
+    );
+    setIsEditingUsd(newIsEditingUsd);
+    setContinueDisabled(
+      Number(sanitizedUsdValue) <= 0 || Number(sanitizedUsdValue) < selectedTokenOption.minimumRequired.usd || Number(sanitizedUsdValue) > selectedTokenOption.balance.usd || Number(sanitizedUsdValue) > maxUsdLimit
+    );
+    if (Number(sanitizedUsdValue) > selectedTokenOption.balance.usd) {
+      setMessage(
+        `Amount exceeds your balance: 
+  ${formatUsd(selectedTokenOption.balance.usd)}`
+      );
+    } else if (Number(usdValue) > maxUsdLimit) {
+      setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);
+    } else {
+      setMessage(minimumMessage);
+    }
+  };
+  const handleAmountChange = (e) => {
+    const value = e.target.value;
+    const maxDecimals = isEditingUsd ? USD_DECIMALS : balanceToken.displayDecimals;
+    if (value !== "" && !isValidNumber(value, maxDecimals)) return;
+    const sanitizedValue = sanitizeNumber(value);
+    const newUsdValue = isEditingUsd ? value : tokenAmountToRoundedUsd(
+      parseUnits(sanitizedValue, balanceToken.decimals),
+      balanceToken
+    );
+    const newTokenValue = isEditingUsd ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken) : value;
+    updateValues(newUsdValue, newTokenValue, isEditingUsd);
+  };
+  const handleMax = () => {
+    const usdValue2 = roundUsd(Number(selectedTokenOption.balance.usd));
+    const tokenValue2 = roundTokenAmount(
+      selectedTokenOption.balance.amount,
+      balanceToken
+    );
+    updateValues(usdValue2, tokenValue2, isEditingUsd);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !continueDisabled) {
+      handleContinue();
+    }
+  };
+  const handleSwitchCurrency = () => {
+    updateValues(usdValue, tokenValue, !isEditingUsd);
+  };
+  const handleContinue = () => {
+    const usd = Number(sanitizeNumber(usdValue));
+    const amountUnits = usd / balanceToken.usd;
+    const amount = parseUnits(amountUnits.toString(), balanceToken.decimals);
+    setSelectedTokenOption({
+      ...selectedTokenOption,
+      required: {
+        token: balanceToken,
+        amount: amount.toString(),
+        usd
+      }
+    });
+    paymentState.setChosenUsd(usd);
+    setRoute(nextPage, {
+      amountUsd: usd,
+      amountUnits,
+      tokenSymbol: balanceToken.symbol
+    });
+  };
+  return /* @__PURE__ */ jsxs(PageContent, { children: [
+    /* @__PURE__ */ jsx(TokenLogoSpinner, { token: balanceToken }),
+    /* @__PURE__ */ jsxs(ModalContent, { $preserveDisplay: true, children: [
+      /* @__PURE__ */ jsxs(AmountInputContainer, { children: [
+        /* @__PURE__ */ jsx(MaxButton, { style: { visibility: "hidden" }, children: "Max" }),
+        /* @__PURE__ */ jsx(
+          AmountInputField,
+          {
+            value: isEditingUsd ? usdValue : tokenValue,
+            onChange: handleAmountChange,
+            currency: isEditingUsd ? "$" : balanceToken.symbol,
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx(MaxButton, { onClick: handleMax, children: "Max" })
+      ] }),
+      balanceToken.fiatISO !== "USD" && /* @__PURE__ */ jsx(SwitchContainer, { children: /* @__PURE__ */ jsx(SwitchButton, { onClick: handleSwitchCurrency, children: /* @__PURE__ */ jsx(SecondaryAmount, { children: isEditingUsd ? `${tokenValue} ${balanceToken.symbol}` : `$${usdValue}` }) }) }),
+      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;
   gap: 6px;
 `;
-const SecondaryAmount = styled.div `
+const SecondaryAmount = styled.div`
   font-size: 16px;
   font-weight: 400;
   line-height: 21px;
@@ -123,7 +136,7 @@ const SecondaryAmount = styled.div `
     color: var(--ck-body-color);
   }
 `;
-const MaxButton = styled.button `
+const MaxButton = styled.button`
   display: inline-block;
   padding: 3px 8px;
   border-radius: var(--ck-primary-button-border-radius);
@@ -133,10 +146,10 @@ const MaxButton = styled.button `
     --ck-secondary-button-background,
     var(--ck-body-background-secondary)
   );
-  color: var(--ck-body-color-muted);
+  color: var(--ck-body-color-secondary);
   cursor: pointer;
 `;
-const SwitchContainer = styled.div `
+const SwitchContainer = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/AmountInput/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/AmountInput/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 { WalletPaymentOption } from \"@daimo/pay-common\";\nimport { parseUnits } from \"viem\";\nimport styled from \"../../../styles/styled\";\nimport {\n  formatUsd,\n  roundTokenAmount,\n  roundTokenAmountUnits,\n  roundUsd,\n  tokenAmountToRoundedUsd,\n  USD_DECIMALS,\n  usdToRoundedTokenAmount,\n} from \"../../../utils/format\";\nimport { isValidNumber, sanitizeNumber } from \"../../../utils/validateInput\";\nimport Button from \"../../Common/Button\";\nimport SwitchButton from \"../../Common/SwitchButton\";\nimport TokenLogoSpinner from \"../../Spinners/TokenLogoSpinner\";\nimport AmountInputField from \"./AmountInputField\";\n\nconst MultiCurrencySelectAmount: React.FC<{\n  selectedTokenOption: WalletPaymentOption;\n  setSelectedTokenOption: (option: WalletPaymentOption) => void;\n  nextPage: ROUTES;\n}> = ({ selectedTokenOption, setSelectedTokenOption, nextPage }) => {\n  const { paymentState, setRoute, triggerResize } = usePayContext();\n  const maxUsdLimit = paymentState.getOrderUsdLimit();\n\n  const balanceToken = selectedTokenOption.balance.token;\n\n  const minimumMessage =\n    selectedTokenOption.minimumRequired.usd > 0\n      ? `Minimum \n  ${formatUsd(selectedTokenOption.minimumRequired.usd, \"up\")}`\n      : null;\n\n  const [usdValue, setUsdValue] = useState(\"\");\n  const [tokenValue, setTokenValue] = useState(\n    usdToRoundedTokenAmount(0, balanceToken),\n  );\n  const [isEditingUsd, setIsEditingUsd] = useState(true);\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  /**\n   * Update the editable value and secondary value, taking into account whether\n   * the user is currently editing the USD value or the token value.\n   */\n  const updateValues = (\n    newUsdValue: string,\n    newTokenValue: string,\n    newIsEditingUsd: boolean,\n  ) => {\n    const sanitizedUsdValue = sanitizeNumber(newUsdValue);\n    const sanitizedTokenValue = sanitizeNumber(newTokenValue);\n\n    // Update the state. Don't sanitize the value if the user is editing it.\n    setUsdValue(\n      newIsEditingUsd ? newUsdValue : roundUsd(Number(sanitizedUsdValue)),\n    );\n    setTokenValue(\n      newIsEditingUsd\n        ? roundTokenAmountUnits(Number(sanitizedTokenValue), balanceToken)\n        : newTokenValue,\n    );\n    setIsEditingUsd(newIsEditingUsd);\n\n    setContinueDisabled(\n      Number(sanitizedUsdValue) <= 0 ||\n        Number(sanitizedUsdValue) < selectedTokenOption.minimumRequired.usd ||\n        Number(sanitizedUsdValue) > selectedTokenOption.balance.usd ||\n        Number(sanitizedUsdValue) > maxUsdLimit,\n    );\n\n    if (Number(sanitizedUsdValue) > selectedTokenOption.balance.usd) {\n      setMessage(\n        `Amount exceeds your balance: \n  ${formatUsd(selectedTokenOption.balance.usd)}`,\n      );\n    } else if (Number(usdValue) > maxUsdLimit) {\n      setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);\n    } else {\n      setMessage(minimumMessage);\n    }\n  };\n\n  const handleAmountChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    const maxDecimals = isEditingUsd\n      ? USD_DECIMALS\n      : balanceToken.displayDecimals;\n    if (value !== \"\" && !isValidNumber(value, maxDecimals)) return;\n\n    const sanitizedValue = sanitizeNumber(value);\n\n    const newUsdValue = isEditingUsd\n      ? value\n      : tokenAmountToRoundedUsd(\n          parseUnits(sanitizedValue, balanceToken.decimals),\n          balanceToken,\n        );\n    const newTokenValue = isEditingUsd\n      ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken)\n      : value;\n    updateValues(newUsdValue, newTokenValue, isEditingUsd);\n  };\n\n  const handleMax = () => {\n    const usdValue = roundUsd(Number(selectedTokenOption.balance.usd));\n    const tokenValue = roundTokenAmount(\n      selectedTokenOption.balance.amount,\n      balanceToken,\n    );\n    updateValues(usdValue, tokenValue, isEditingUsd);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !continueDisabled) {\n      handleContinue();\n    }\n  };\n\n  const handleSwitchCurrency = () => {\n    updateValues(usdValue, tokenValue, !isEditingUsd);\n  };\n\n  const handleContinue = () => {\n    const usd = Number(sanitizeNumber(usdValue));\n    const amountUnits = usd / balanceToken.usd;\n    const amount = parseUnits(amountUnits.toString(), balanceToken.decimals);\n    setSelectedTokenOption({\n      ...selectedTokenOption,\n      required: {\n        token: balanceToken,\n        amount: amount.toString() as `${bigint}`,\n        usd,\n      },\n    });\n    paymentState.setChosenUsd(usd);\n    setRoute(nextPage, {\n      amountUsd: usd,\n      amountUnits,\n      tokenSymbol: balanceToken.symbol,\n    });\n  };\n\n  return (\n    <PageContent>\n      <TokenLogoSpinner token={balanceToken} />\n      <ModalContent $preserveDisplay={true}>\n        <AmountInputContainer>\n          {/* Invisible div to balance spacing */}\n          <MaxButton style={{ visibility: \"hidden\" }}>Max</MaxButton>\n          <AmountInputField\n            value={isEditingUsd ? usdValue : tokenValue}\n            onChange={handleAmountChange}\n            currency={isEditingUsd ? \"$\" : balanceToken.symbol}\n            onKeyDown={handleKeyDown}\n          />\n          <MaxButton onClick={handleMax}>Max</MaxButton>\n        </AmountInputContainer>\n\n        {balanceToken.fiatISO !== \"USD\" && (\n          <SwitchContainer>\n            <SwitchButton onClick={handleSwitchCurrency}>\n              <SecondaryAmount>\n                {isEditingUsd\n                  ? `${tokenValue} ${balanceToken.symbol}`\n                  : `$${usdValue}`}\n              </SecondaryAmount>\n            </SwitchButton>\n          </SwitchContainer>\n        )}\n\n        {message && <ModalBody>{message}</ModalBody>}\n\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  gap: 6px;\n`;\nconst SecondaryAmount = styled.div`\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\nconst MaxButton = styled.button`\n  display: inline-block;\n  padding: 3px 8px;\n  border-radius: var(--ck-primary-button-border-radius);\n  font-size: 14px;\n  font-weight: 400;\n  background: var(\n    --ck-secondary-button-background,\n    var(--ck-body-background-secondary)\n  );\n  color: var(--ck-body-color-secondary);\n  cursor: pointer;\n`;\nconst SwitchContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport default MultiCurrencySelectAmount;\n"],"names":["usdValue","tokenValue"],"mappings":"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"}