@velora-dex/widget 0.1.0-rc.2 → 0.1.0

package/dist/components/widget/TokenInput/EmptyInput.js

@@ -1,33 +1,55 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { EmptySelectTokenButton } from '../SelectToken/SelectTokenButton.js';
+import { cn } from '../../../lib/utils/index.js';
 
 const EmptyInput = (t0) => {
-  const $ = distExports.c(4);
+  const $ = distExports.c(10);
   const {
     tokenType,
-    drawerContainer
+    drawerContainer,
+    onTokenSelect,
+    classes
   } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
+  const t1 = classes?.root;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t1);
     $[0] = t1;
+    $[1] = t2;
   } else {
-    t1 = $[0];
+    t2 = $[1];
   }
-  let t2;
-  if ($[1] !== drawerContainer || $[2] !== tokenType) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", children: [
-      t1,
-      /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer })
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== drawerContainer || $[4] !== onTokenSelect || $[5] !== tokenType) {
+    t4 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect });
+    $[3] = drawerContainer;
+    $[4] = onTokenSelect;
+    $[5] = tokenType;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t2 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+      t3,
+      t4
     ] });
-    $[1] = drawerContainer;
-    $[2] = tokenType;
-    $[3] = t2;
+    $[7] = t2;
+    $[8] = t4;
+    $[9] = t5;
   } else {
-    t2 = $[3];
+    t5 = $[9];
   }
-  return t2;
+  return t5;
 };
 
 export { EmptyInput };

package/dist/components/widget/TokenInput/EmptyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyInput.js","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"sourcesContent":["import { EmptySelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const EmptyInput: React.FC<\n  Pick<TokenInputProps, \"tokenType\" | \"drawerContainer\">\n> = ({ tokenType, drawerContainer }) => {\n  return (\n    <div className=\"flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n        Receive\n      </div>\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n      />\n    </div>\n  );\n};\n"],"names":["EmptyInput","t0","$","_c","tokenType","drawerContainer","t1","Symbol","for","t2"],"mappings":";;;;AAGO,MAAMA,aAETC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAA8B,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAK,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG7BF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EAA+C,QAAA,EAAA,SAAA,EAE9D,CAAA;AAAMJ,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAG,mBAAAH,CAAAA,QAAAE,SAAAA,EAAA;AAHRK,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4JAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBAGA,GAAA,CAAC,sBAAA,EAAA,EACYF,SAAAA,EACMC,eAAAA,EAAe;AAAA,KAAA,EAEpC,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OARNO,EAAAA;AAQM;;;;"}
+{"version":3,"file":"EmptyInput.js","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"sourcesContent":["import { EmptySelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\n\nexport const EmptyInput: React.FC<\n  Pick<\n    TokenInputProps,\n    \"tokenType\" | \"drawerContainer\" | \"onTokenSelect\" | \"classes\"\n  >\n> = ({ tokenType, drawerContainer, onTokenSelect, classes }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n        Receive\n      </div>\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n      />\n    </div>\n  );\n};\n"],"names":["EmptyInput","t0","$","_c","tokenType","drawerContainer","onTokenSelect","classes","t1","root","t2","cn","t3","Symbol","for","t4","t5"],"mappings":";;;;;AAIO,MAAMA,aAKTC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAKG,EAAA,MAAAO,KAAAD,OAAAA,EAAOE,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAM,EAAAA,EAAA;AAFJE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,8JACAH,EACF,CAAA;AAACN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAW,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EAA+C,QAAA,EAAA,SAAA,EAE9D,CAAA;AAAMV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAG,eAAAA,IAAAH,CAAAA,QAAAI,aAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,EAAA;AACNW,IAAAA,EAAAA,uBAAC,sBAAA,EAAA,EACYX,SAAAA,EACMC,eAAAA,EACFC,aAAAA,EAAa,CAAA;AAC5BJ,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAQ,MAAAR,CAAAA,QAAAa,EAAAA,EAAA;AAbJC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAN,EAAAA,EAKXE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG;AAAAA,KAAAA,EAKF,CAAA;AAAMb,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAa,EAAAA;AAAAb,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAdNc,EAAAA;AAcM;;;;"}

package/dist/components/widget/TokenInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqHhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8HhD,CAAC"}

package/dist/components/widget/TokenInput/index.js

@@ -14,7 +14,7 @@ import { Skeleton } from '../../ui/skeleton.js';
 import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
 
 const TokenInput = (t0) => {
-  const $ = distExports.c(54);
+  const $ = distExports.c(58);
   const {
     amount,
     onAmountChange,
@@ -27,6 +27,7 @@ const TokenInput = (t0) => {
     onFocus,
     token,
     tokenBalanceUnit,
+    onTokenSelect,
     showMaxButton,
     onMaxClick,
     youGetProps,
@@ -34,189 +35,195 @@ const TokenInput = (t0) => {
     isLoading,
     readOnly,
     tokenType,
-    drawerContainer
+    drawerContainer,
+    classes
   } = t0;
   if (!token) {
-    let t17;
-    if ($[0] !== drawerContainer || $[1] !== tokenType) {
-      t17 = /* @__PURE__ */ jsx(EmptyInput, { tokenType, drawerContainer });
-      $[0] = drawerContainer;
-      $[1] = tokenType;
-      $[2] = t17;
+    let t18;
+    if ($[0] !== classes || $[1] !== drawerContainer || $[2] !== onTokenSelect || $[3] !== tokenType) {
+      t18 = /* @__PURE__ */ jsx(EmptyInput, { tokenType, drawerContainer, onTokenSelect, classes });
+      $[0] = classes;
+      $[1] = drawerContainer;
+      $[2] = onTokenSelect;
+      $[3] = tokenType;
+      $[4] = t18;
     } else {
-      t17 = $[2];
+      t18 = $[4];
     }
-    return t17;
+    return t18;
   }
   let t1;
-  if ($[3] !== usdEstimation) {
+  if ($[5] !== usdEstimation) {
     t1 = usdEstimation ? formatFiatPrice(Number(usdEstimation)) : usdEstimation === null ? "N/A" : void 0;
-    $[3] = usdEstimation;
-    $[4] = t1;
+    $[5] = usdEstimation;
+    $[6] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[6];
   }
   let t2;
-  if ($[5] !== t1) {
+  if ($[7] !== t1) {
     t2 = /* @__PURE__ */ jsx("div", { children: t1 });
-    $[5] = t1;
-    $[6] = t2;
+    $[7] = t1;
+    $[8] = t2;
   } else {
-    t2 = $[6];
+    t2 = $[8];
   }
   const usdEstimationEl = t2;
   let t3;
-  if ($[7] !== onMaxClick || $[8] !== showMaxButton || $[9] !== token || $[10] !== tokenBalanceUnit) {
+  if ($[9] !== onMaxClick || $[10] !== showMaxButton || $[11] !== token || $[12] !== tokenBalanceUnit) {
     t3 = tokenBalanceUnit ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx("div", { children: `Balance: ${tokenBalanceUnit} ${token.symbol}` }),
       showMaxButton && /* @__PURE__ */ jsx(Button, { className: "h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase", onClick: onMaxClick, children: "max" })
     ] }) : null;
-    $[7] = onMaxClick;
-    $[8] = showMaxButton;
-    $[9] = token;
-    $[10] = tokenBalanceUnit;
-    $[11] = t3;
+    $[9] = onMaxClick;
+    $[10] = showMaxButton;
+    $[11] = token;
+    $[12] = tokenBalanceUnit;
+    $[13] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[13];
   }
   const balanceEl = t3;
-  const t4 = insufficientBalanceMessageProps?.shouldDisplay;
-  let t5;
-  if ($[12] !== t4) {
-    t5 = cn("flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", {
-      "border-secondary-orange-peel-1": t4
-    });
-    $[12] = t4;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
+  const t4 = classes?.root;
+  const t5 = insufficientBalanceMessageProps?.shouldDisplay;
   let t6;
-  if ($[14] !== label || $[15] !== networkSwitcherProps) {
-    t6 = networkSwitcherProps ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
-    $[14] = label;
-    $[15] = networkSwitcherProps;
+  if ($[14] !== t4 || $[15] !== t5) {
+    t6 = cn("flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t4, {
+      "border-secondary-orange-peel-1": t5
+    });
+    $[14] = t4;
+    $[15] = t5;
     $[16] = t6;
   } else {
     t6 = $[16];
   }
   let t7;
-  if ($[17] !== isLoading) {
-    t7 = isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
-    $[17] = isLoading;
-    $[18] = t7;
+  if ($[17] !== label || $[18] !== networkSwitcherProps) {
+    t7 = networkSwitcherProps ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
+    $[17] = label;
+    $[18] = networkSwitcherProps;
+    $[19] = t7;
   } else {
-    t7 = $[18];
+    t7 = $[19];
   }
   let t8;
-  if ($[19] !== isLoading) {
-    t8 = cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
-      hidden: isLoading
-    });
-    $[19] = isLoading;
-    $[20] = t8;
+  if ($[20] !== isLoading) {
+    t8 = isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
+    $[20] = isLoading;
+    $[21] = t8;
   } else {
-    t8 = $[20];
+    t8 = $[21];
   }
   let t9;
-  if ($[21] !== amount || $[22] !== disabled || $[23] !== onAmountChange || $[24] !== onFocus || $[25] !== readOnly || $[26] !== t8) {
-    t9 = /* @__PURE__ */ jsx(NumericFormat, { className: t8, placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly });
-    $[21] = amount;
-    $[22] = disabled;
-    $[23] = onAmountChange;
-    $[24] = onFocus;
-    $[25] = readOnly;
-    $[26] = t8;
-    $[27] = t9;
+  if ($[22] !== isLoading) {
+    t9 = cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
+      hidden: isLoading
+    });
+    $[22] = isLoading;
+    $[23] = t9;
   } else {
-    t9 = $[27];
+    t9 = $[23];
   }
   let t10;
-  if ($[28] !== drawerContainer || $[29] !== token || $[30] !== tokenBadgePropsOverride || $[31] !== tokenType) {
-    t10 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer });
-    $[28] = drawerContainer;
-    $[29] = token;
-    $[30] = tokenBadgePropsOverride;
-    $[31] = tokenType;
-    $[32] = t10;
+  if ($[24] !== amount || $[25] !== disabled || $[26] !== onAmountChange || $[27] !== onFocus || $[28] !== readOnly || $[29] !== t9) {
+    t10 = /* @__PURE__ */ jsx(NumericFormat, { className: t9, placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly });
+    $[24] = amount;
+    $[25] = disabled;
+    $[26] = onAmountChange;
+    $[27] = onFocus;
+    $[28] = readOnly;
+    $[29] = t9;
+    $[30] = t10;
   } else {
-    t10 = $[32];
+    t10 = $[30];
   }
   let t11;
-  if ($[33] !== t10 || $[34] !== t7 || $[35] !== t9) {
-    t11 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      t7,
-      t9,
-      t10
-    ] });
-    $[33] = t10;
-    $[34] = t7;
-    $[35] = t9;
+  if ($[31] !== drawerContainer || $[32] !== onTokenSelect || $[33] !== token || $[34] !== tokenBadgePropsOverride || $[35] !== tokenType) {
+    t11 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect });
+    $[31] = drawerContainer;
+    $[32] = onTokenSelect;
+    $[33] = token;
+    $[34] = tokenBadgePropsOverride;
+    $[35] = tokenType;
     $[36] = t11;
   } else {
     t11 = $[36];
   }
   let t12;
-  if ($[37] !== balanceEl || $[38] !== usdEstimationEl) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
-      usdEstimationEl,
-      balanceEl
+  if ($[37] !== t10 || $[38] !== t11 || $[39] !== t8) {
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      t8,
+      t10,
+      t11
     ] });
-    $[37] = balanceEl;
-    $[38] = usdEstimationEl;
-    $[39] = t12;
+    $[37] = t10;
+    $[38] = t11;
+    $[39] = t8;
+    $[40] = t12;
   } else {
-    t12 = $[39];
+    t12 = $[40];
   }
   let t13;
-  if ($[40] !== insufficientBalanceMessageProps) {
-    t13 = insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps });
-    $[40] = insufficientBalanceMessageProps;
-    $[41] = t13;
+  if ($[41] !== balanceEl || $[42] !== usdEstimationEl) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5", children: [
+      usdEstimationEl,
+      balanceEl
+    ] });
+    $[41] = balanceEl;
+    $[42] = usdEstimationEl;
+    $[43] = t13;
   } else {
-    t13 = $[41];
+    t13 = $[43];
   }
   let t14;
-  if ($[42] !== warningMessage) {
-    t14 = warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage });
-    $[42] = warningMessage;
-    $[43] = t14;
+  if ($[44] !== insufficientBalanceMessageProps) {
+    t14 = insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps });
+    $[44] = insufficientBalanceMessageProps;
+    $[45] = t14;
   } else {
-    t14 = $[43];
+    t14 = $[45];
   }
   let t15;
-  if ($[44] !== youGetProps) {
-    t15 = youGetProps && /* @__PURE__ */ jsxs("div", { children: [
+  if ($[46] !== warningMessage) {
+    t15 = warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage });
+    $[46] = warningMessage;
+    $[47] = t15;
+  } else {
+    t15 = $[47];
+  }
+  let t16;
+  if ($[48] !== youGetProps) {
+    t16 = youGetProps && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" }),
       /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
     ] });
-    $[44] = youGetProps;
-    $[45] = t15;
+    $[48] = youGetProps;
+    $[49] = t16;
   } else {
-    t15 = $[45];
+    t16 = $[49];
   }
-  let t16;
-  if ($[46] !== t11 || $[47] !== t12 || $[48] !== t13 || $[49] !== t14 || $[50] !== t15 || $[51] !== t5 || $[52] !== t6) {
-    t16 = /* @__PURE__ */ jsxs("div", { className: t5, children: [
-      t6,
-      t11,
+  let t17;
+  if ($[50] !== t12 || $[51] !== t13 || $[52] !== t14 || $[53] !== t15 || $[54] !== t16 || $[55] !== t6 || $[56] !== t7) {
+    t17 = /* @__PURE__ */ jsxs("div", { className: t6, children: [
+      t7,
       t12,
       t13,
       t14,
-      t15
+      t15,
+      t16
     ] });
-    $[46] = t11;
-    $[47] = t12;
-    $[48] = t13;
-    $[49] = t14;
-    $[50] = t15;
-    $[51] = t5;
-    $[52] = t6;
-    $[53] = t16;
+    $[50] = t12;
+    $[51] = t13;
+    $[52] = t14;
+    $[53] = t15;
+    $[54] = t16;
+    $[55] = t6;
+    $[56] = t7;
+    $[57] = t17;
   } else {
-    t16 = $[53];
+    t17 = $[57];
   }
-  return t16;
+  return t17;
 };
 
 export { TokenInput };

package/dist/components/widget/TokenInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { EmptyInput } from \"./EmptyInput\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n}) => {\n  if (!token) {\n    return (\n      <EmptyInput tokenType={tokenType} drawerContainer={drawerContainer} />\n    );\n  }\n\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl = tokenBalanceUnit ? (\n    <div className=\"flex items-center gap-2\">\n      <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n      {showMaxButton && (\n        <Button\n          className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n          onClick={onMaxClick}\n        >\n          max\n        </Button>\n      )}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        {\n          \"border-secondary-orange-peel-1\":\n            insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {networkSwitcherProps ? (\n        <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n      ) : label ? (\n        <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">\n          {label}\n        </div>\n      ) : null}\n      <div className=\"flex items-center justify-between gap-2\">\n        {isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n            }\n          )}\n          placeholder=\"0\"\n          disabled={disabled}\n          value={amount}\n          onValueChange={onAmountChange}\n          onFocus={onFocus}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          readOnly={readOnly}\n        />\n\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n        {usdEstimationEl}\n        {balanceEl}\n      </div>\n      {insufficientBalanceMessageProps && (\n        <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n      )}\n      {warningMessage && (\n        <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n          {warningMessage}\n        </div>\n      )}\n      {youGetProps && (\n        <div>\n          <Line className=\"mt-[16px] mb-[17.5px]\" />\n          <YouGet {...youGetProps} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","shouldDisplay","t5","cn","t6","t7","t8","hidden","t9","UnstyledInput","t10","t11","t12","t13","t14","t15","t16"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAMA,aAAwCC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,uBAAAA;AAAAA,IAAAC,+BAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAArB,EAAAA;AAoBrD,EAAA,IAAA,CACMY,KAAAA,EAAK;AAAA,IAAA,IAAAU,GAAAA;AAAA,IAAA,IAAArB,EAAA,CAAA,CAAA,KAAAoB,mBAAApB,CAAAA,QAAAmB,SAAAA,EAAA;AAENE,MAAAA,GAAAA,mBAAA,GAAA,CAAC,UAAA,EAAA,EAAsBF,SAAAA,EAA4BC,eAAAA,EAAe,CAAA;AAAIpB,MAAAA,CAAAA,MAAAoB,eAAAA;AAAApB,MAAAA,CAAAA,MAAAmB,SAAAA;AAAAnB,MAAAA,CAAAA,MAAAqB,GAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAArB,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAAtEqB,GAAAA;AAAAA,EAAsE;AAAA,EAAA,IAAAA,EAAAA;AAAA,EAAA,IAAArB,CAAAA,QAAAK,aAAAA,EAAA;AAMrEgB,IAAAA,EAAAA,GAAAhB,aAAAA,GACGiB,gBAAgBC,MAAAA,CAAOlB,aAAa,CAAC,CAAA,GACrCA,aAAAA,KAAa,OACX,KAAA,GAAKmB,MAAAA;AACIxB,IAAAA,CAAAA,MAAAK,aAAAA;AAAAL,IAAAA,CAAAA,MAAAqB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAArB,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAyB,EAAAA;AAAA,EAAA,IAAAzB,CAAAA,QAAAqB,EAAAA,EAAA;AALjBI,IAAAA,EAAAA,gCACGJ,QAAAA,EAAAA,EAAAA,EAKH,CAAA;AAAMrB,IAAAA,CAAAA,MAAAqB,EAAAA;AAAArB,IAAAA,CAAAA,MAAAyB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAzB,EAAA,CAAA,CAAA;AAAA,EAAA;AAPR,EAAA,MAAA0B,eAAAA,GACED,EAAAA;AAOA,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAA3B,CAAAA,CAAA,CAAA,CAAA,KAAAc,UAAAA,IAAAd,EAAA,CAAA,CAAA,KAAAa,aAAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAW,KAAAA,IAAAX,CAAAA,SAAAY,gBAAAA,EAAA;AAEgBe,IAAAA,EAAAA,GAAAf,gBAAAA,mBAChB,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAA,SAAM,QAAA,EAAA,CAAA,SAAA,EAAYA,gBAAgB,CAAA,CAAA,EAAID,KAAAA,CAAKiB,MAAA,CAAA,CAAA,EAAU,CAAA;AAAA,MACpDf,iCACC,GAAA,CAAC,MAAA,EAAA,EACW,WAAA,kJAAA,EACDC,OAAAA,cACV,QAAA,EAAA,KAAA,EAED;AAAA,KAAA,EAEJ,CAAA,GAAM,IAAA;AACAd,IAAAA,CAAAA,MAAAc,UAAAA;AAAAd,IAAAA,CAAAA,MAAAa,aAAAA;AAAAb,IAAAA,CAAAA,MAAAW,KAAAA;AAAAX,IAAAA,CAAAA,OAAAY,gBAAAA;AAAAZ,IAAAA,CAAAA,OAAA2B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA3B,EAAA,EAAA,CAAA;AAAA,EAAA;AAZR,EAAA,MAAA6B,SAAAA,GAAkBF,EAAAA;AAoBR,EAAA,MAAAG,KAAAtB,+BAAAA,EAA+BuB,aAAAA;AAAe,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAhC,CAAAA,SAAA8B,EAAAA,EAAA;AAJzCE,IAAAA,EAAAA,GAAAC,GACT,2JAAA,EAA2J;AAAA,MAAA,gCAAA,EAGvJH;AAAAA,KAEN,CAAA;AAAC9B,IAAAA,CAAAA,OAAA8B,EAAAA;AAAA9B,IAAAA,CAAAA,OAAAgC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAkC,EAAAA;AAAA,EAAA,IAAAlC,EAAA,EAAA,CAAA,KAAAI,SAAAJ,CAAAA,SAAAM,oBAAAA,EAAA;AAEA4B,IAAAA,EAAAA,GAAA5B,oBAAAA,mBACC,GAAA,CAAC,uBAAA,EAAA,EAAuB,GAAKA,sBAA8BF,MAAAA,EAAAA,KAAAA,EAAK,CAAA,GAC9DA,KAAAA,mBACF,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EACZA,iBACH,CAAA,GAAM,IAAA;AACAJ,IAAAA,CAAAA,OAAAI,KAAAA;AAAAJ,IAAAA,CAAAA,OAAAM,oBAAAA;AAAAN,IAAAA,CAAAA,OAAAkC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAmC,EAAAA;AAAA,EAAA,IAAAnC,CAAAA,SAAAiB,SAAAA,EAAA;AAELkB,IAAAA,EAAAA,GAAAlB,SAAAA,oBAAa,GAAA,CAAC,QAAA,EAAA,EAAmB,SAAA,EAAA,oBAAA,EAAoB,CAAA;AAAGjB,IAAAA,CAAAA,OAAAiB,SAAAA;AAAAjB,IAAAA,CAAAA,OAAAmC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAnC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAoC,EAAAA;AAAA,EAAA,IAAApC,CAAAA,SAAAiB,SAAAA,EAAA;AAE5CmB,IAAAA,EAAAA,GAAAH,GACT,iFAAA,EAAiF;AAAA,MAAAI,MAAAA,EAEvEpB;AAAAA,KAGZ,CAAA;AAACjB,IAAAA,CAAAA,OAAAiB,SAAAA;AAAAjB,IAAAA,CAAAA,OAAAoC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAApC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAsC,EAAAA;AAAA,EAAA,IAAAtC,CAAAA,SAAAE,MAAAA,IAAAF,EAAA,EAAA,CAAA,KAAAgB,QAAAA,IAAAhB,CAAAA,CAAA,EAAA,CAAA,KAAAG,kBAAAH,CAAAA,CAAA,EAAA,CAAA,KAAAU,OAAAA,IAAAV,CAAAA,SAAAkB,QAAAA,IAAAlB,CAAAA,CAAA,EAAA,CAAA,KAAAoC,EAAAA,EAAA;AAPHE,IAAAA,EAAAA,mBAAA,GAAA,CAAC,iBACY,SAAA,EAAAF,EAAAA,EAOC,aAAA,GAAA,EACFpB,QAAAA,EACHd,OAAAA,MAAAA,EACQC,aAAAA,EAAAA,gBACNO,OAAAA,EACM,aAAA,EAAA,OACI,iBAAA,EAAA,KAAA,EACN6B,aAAAA,aAAAA,EACb,iBAAA,EAAA,MACUrB,QAAAA,EAAQ,CAAA;AAClBlB,IAAAA,CAAAA,OAAAE,MAAAA;AAAAF,IAAAA,CAAAA,OAAAgB,QAAAA;AAAAhB,IAAAA,CAAAA,OAAAG,cAAAA;AAAAH,IAAAA,CAAAA,OAAAU,OAAAA;AAAAV,IAAAA,CAAAA,OAAAkB,QAAAA;AAAAlB,IAAAA,CAAAA,OAAAoC,EAAAA;AAAApC,IAAAA,CAAAA,OAAAsC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAtC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAwC,GAAAA;AAAA,EAAA,IAAAxC,CAAAA,CAAA,EAAA,CAAA,KAAAoB,eAAAA,IAAApB,EAAA,EAAA,CAAA,KAAAW,KAAAA,IAAAX,CAAAA,CAAA,EAAA,CAAA,KAAAO,uBAAAA,IAAAP,CAAAA,SAAAmB,SAAAA,EAAA;AAEFqB,IAAAA,GAAAA,mBAAA,GAAA,CAAC,iBAAA,EAAA,EACQ7B,KAAAA,EACkBJ,uBAAAA,EACdY,WACMC,eAAAA,EAAe,CAAA;AAChCpB,IAAAA,CAAAA,OAAAoB,eAAAA;AAAApB,IAAAA,CAAAA,OAAAW,KAAAA;AAAAX,IAAAA,CAAAA,OAAAO,uBAAAA;AAAAP,IAAAA,CAAAA,OAAAmB,SAAAA;AAAAnB,IAAAA,CAAAA,OAAAwC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAxC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAyC,GAAAA;AAAA,EAAA,IAAAzC,CAAAA,CAAA,EAAA,CAAA,KAAAwC,GAAAA,IAAAxC,CAAAA,SAAAmC,EAAAA,IAAAnC,CAAAA,CAAA,EAAA,CAAA,KAAAsC,EAAAA,EAAA;AA3BJG,IAAAA,GAAAA,iCAAe,SAAA,EAAA,yCAAA,EACZN,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MACDG,EAAAA;AAAAA,MAoBAE;AAAAA,KAAAA,EAMF,CAAA;AAAMxC,IAAAA,CAAAA,OAAAwC,GAAAA;AAAAxC,IAAAA,CAAAA,OAAAmC,EAAAA;AAAAnC,IAAAA,CAAAA,OAAAsC,EAAAA;AAAAtC,IAAAA,CAAAA,OAAAyC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAzC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA0C,GAAAA;AAAA,EAAA,IAAA1C,EAAA,EAAA,CAAA,KAAA6B,aAAA7B,CAAAA,SAAA0B,eAAAA,EAAA;AACNgB,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qFAAA,EACZhB,QAAAA,EAAAA;AAAAA,MAAAA,eAAAA;AAAAA,MACAG;AAAAA,KAAAA,EACH,CAAA;AAAM7B,IAAAA,CAAAA,OAAA6B,SAAAA;AAAA7B,IAAAA,CAAAA,OAAA0B,eAAAA;AAAA1B,IAAAA,CAAAA,OAAA0C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA1C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA2C,GAAAA;AAAA,EAAA,IAAA3C,CAAAA,SAAAQ,+BAAAA,EAAA;AACLmC,IAAAA,GAAAA,GAAAnC,+BAAAA,oBACC,GAAA,CAAC,0BAAA,EAAA,EAA0B,GAAKA,+BAAAA,EAA+B,CAAA;AAChER,IAAAA,CAAAA,OAAAQ,+BAAAA;AAAAR,IAAAA,CAAAA,OAAA2C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA3C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA4C,GAAAA;AAAA,EAAA,IAAA5C,CAAAA,SAAAS,cAAAA,EAAA;AACAmC,IAAAA,GAAAA,GAAAnC,cAAAA,oBACC,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,gEACZA,QAAAA,EAAAA,cAAAA,EACH,CAAA;AACDT,IAAAA,CAAAA,OAAAS,cAAAA;AAAAT,IAAAA,CAAAA,OAAA4C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA5C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA6C,GAAAA;AAAA,EAAA,IAAA7C,CAAAA,SAAAe,WAAAA,EAAA;AACA8B,IAAAA,GAAAA,GAAA9B,WAAAA,kCAEG,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAe,WAAA,uBAAA,EAAuB,CAAA;AAAA,sBACvC,GAAA,CAAC,MAAA,EAAA,EAAM,GAAKA,WAAAA,EAAW;AAAA,KAAA,EACzB,CAAA;AACDf,IAAAA,CAAAA,OAAAe,WAAAA;AAAAf,IAAAA,CAAAA,OAAA6C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA7C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA8C,GAAAA;AAAA,EAAA,IAAA9C,CAAAA,CAAA,EAAA,CAAA,KAAAyC,GAAAA,IAAAzC,CAAAA,CAAA,EAAA,CAAA,KAAA0C,GAAAA,IAAA1C,CAAAA,CAAA,EAAA,CAAA,KAAA2C,GAAAA,IAAA3C,CAAAA,SAAA4C,GAAAA,IAAA5C,CAAAA,CAAA,EAAA,CAAA,KAAA6C,GAAAA,IAAA7C,CAAAA,CAAA,EAAA,CAAA,KAAAgC,EAAAA,IAAAhC,CAAAA,CAAA,EAAA,CAAA,KAAAkC,EAAAA,EAAA;AA9DHY,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAd,EAAAA,EAQVE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAODO,GAAAA;AAAAA,MA6BAC,GAAAA;AAAAA,MAICC,GAAAA;AAAAA,MAGAC,GAAAA;AAAAA,MAKAC;AAAAA,KAAAA,EAMH,CAAA;AAAM7C,IAAAA,CAAAA,OAAAyC,GAAAA;AAAAzC,IAAAA,CAAAA,OAAA0C,GAAAA;AAAA1C,IAAAA,CAAAA,OAAA2C,GAAAA;AAAA3C,IAAAA,CAAAA,OAAA4C,GAAAA;AAAA5C,IAAAA,CAAAA,OAAA6C,GAAAA;AAAA7C,IAAAA,CAAAA,OAAAgC,EAAAA;AAAAhC,IAAAA,CAAAA,OAAAkC,EAAAA;AAAAlC,IAAAA,CAAAA,OAAA8C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA9C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OA/DN8C,GAAAA;AA+DM;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat } from \"react-number-format\";\nimport { NetworkSwitcherDropdown } from \"@/components/widget/NetworkSwitcher/NetworkSwitcherDropdown\";\nimport { SelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { Button } from \"@/components/ui/button\";\nimport { YouGet } from \"@/components/widget/YouGet/YouGet\";\nimport { Line } from \"@/components/widget/Line/Line\";\nimport { EmptyInput } from \"./EmptyInput\";\nimport { cn } from \"@/lib/utils\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton,\n  onMaxClick,\n  youGetProps,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  if (!token) {\n    return (\n      <EmptyInput\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        classes={classes}\n      />\n    );\n  }\n\n  const usdEstimationEl = (\n    <div>\n      {usdEstimation\n        ? formatFiatPrice(Number(usdEstimation))\n        : usdEstimation === null\n          ? \"N/A\"\n          : undefined}\n    </div>\n  );\n\n  const balanceEl = tokenBalanceUnit ? (\n    <div className=\"flex items-center gap-2\">\n      <div>{`Balance: ${tokenBalanceUnit} ${token.symbol}`}</div>\n      {showMaxButton && (\n        <Button\n          className=\"h-[16px] py-[2px] px-[6px] text-[10px] font-inter bg-transparent hover:bg-transparent text-primary-azul-1 border border-primary-azul-1 uppercase\"\n          onClick={onMaxClick}\n        >\n          max\n        </Button>\n      )}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root,\n        {\n          \"border-secondary-orange-peel-1\":\n            insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {networkSwitcherProps ? (\n        <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n      ) : label ? (\n        <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">\n          {label}\n        </div>\n      ) : null}\n      <div className=\"flex items-center justify-between gap-2\">\n        {isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n            }\n          )}\n          placeholder=\"0\"\n          disabled={disabled}\n          value={amount}\n          onValueChange={onAmountChange}\n          onFocus={onFocus}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          readOnly={readOnly}\n        />\n\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 text-[10px] font-geist-mono text-contrast-5\">\n        {usdEstimationEl}\n        {balanceEl}\n      </div>\n      {insufficientBalanceMessageProps && (\n        <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />\n      )}\n      {warningMessage && (\n        <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n          {warningMessage}\n        </div>\n      )}\n      {youGetProps && (\n        <div>\n          <Line className=\"mt-[16px] mb-[17.5px]\" />\n          <YouGet {...youGetProps} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","root","t5","shouldDisplay","t6","cn","t7","t8","t9","hidden","t10","UnstyledInput","t11","t12","t13","t14","t15","t16","t17"],"mappings":"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"}

package/dist/components/widget/TokenInput/types.d.ts

@@ -4,6 +4,7 @@ import { YouGetProps } from '../YouGet/types';
 import { Token } from '../../../tokens/state/types';
 import { TokenBadgeProps } from '../TokenBadge/types';
 import { InsufficientBalanceMessageProps } from '../Warning/types';
+import { WithClasses } from '../../../types/withClasses';
 export type TokenInputProps = {
     amount: string;
     onAmountChange: NumericFormatProps["onValueChange"];
@@ -18,11 +19,12 @@ export type TokenInputProps = {
     onMaxClick?: () => void;
     token?: Token;
     tokenBalanceUnit?: string;
+    onTokenSelect?: (token: Token) => void;
     disabled?: boolean;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     isLoading?: boolean;
     readOnly?: boolean;
     tokenType?: "from" | "to";
     drawerContainer?: HTMLElement | null;
-};
+} & WithClasses<"root">;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/widget/TokenInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAE9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oBAAoB,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;IACpE,uBAAuB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACnD,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAE9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oBAAoB,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;IACpE,uBAAuB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACnD,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts

@@ -1,6 +1,8 @@
 import { SubmitDeltaOrderResult } from '../../../hooks/swap/tradeFlow/useDeltaFlow';
 import { TradeOverviewProps } from './TradeOverview';
 import { DeltaOrderStepKey } from './steps';
-export type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancel" | "onRetry" | "isCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep">;
-export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancel, onRetry, activeStep, isCancellable, explorerLink, result, error, erroredStep, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+import { DeltaSwapFlowType } from '../../../hooks/swap/tradeFlow/common/types';
+type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType">;
+export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancelFlow, onRetry, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=DeltaOrderTradeOverview.d.ts.map

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,kBAAkB,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,EAC3D,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,eAAe,GACf,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,CAChB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,GACZ,EAAE,4BAA4B,2CAoB9B"}
+{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAqB9B"}

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js

@@ -4,7 +4,7 @@ import { TradeOverview } from './TradeOverview.js';
 import { DeltaOrderSteps } from './steps.js';
 
 function DeltaOrderTradeOverview(t0) {
-  const $ = distExports.c(15);
+  const $ = distExports.c(16);
   const {
     fromToken,
     toToken,
@@ -12,35 +12,37 @@ function DeltaOrderTradeOverview(t0) {
     toAmount,
     onDismiss,
     onHelp,
-    onCancel,
+    onCancelFlow,
     onRetry,
     activeStep,
-    isCancellable,
+    isFlowCancellable,
     explorerLink,
     result,
     error,
-    erroredStep
+    erroredStep,
+    tradeFlowType
   } = t0;
   let t1;
-  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isCancellable || $[7] !== onCancel || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== toAmount || $[13] !== toToken) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: DeltaOrderSteps, activeStep, onDismiss, onHelp, onCancel, onRetry, isCancellable, explorerLink, result, error, erroredStep });
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== toAmount || $[13] !== toToken || $[14] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: DeltaOrderSteps, activeStep, onDismiss, onHelp, onCancelFlow, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
     $[0] = activeStep;
     $[1] = error;
     $[2] = erroredStep;
     $[3] = explorerLink;
     $[4] = fromAmount;
     $[5] = fromToken;
-    $[6] = isCancellable;
-    $[7] = onCancel;
+    $[6] = isFlowCancellable;
+    $[7] = onCancelFlow;
     $[8] = onDismiss;
     $[9] = onHelp;
     $[10] = onRetry;
     $[11] = result;
     $[12] = toAmount;
     $[13] = toToken;
-    $[14] = t1;
+    $[14] = tradeFlowType;
+    $[15] = t1;
   } else {
-    t1 = $[14];
+    t1 = $[15];
   }
   return t1;
 }

package/dist/components/widget/TradeOverview/DeltaOrderTradeOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\n\nexport type DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancel\"\n  | \"onRetry\"\n  | \"isCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancel,\n  onRetry,\n  activeStep,\n  isCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancel={onCancel}\n      onRetry={onRetry}\n      isCancellable={isCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n    />\n  );\n}\n"],"names":["DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancel","onRetry","activeStep","isCancellable","explorerLink","result","error","erroredStep","t1","DeltaOrderSteps"],"mappings":";;;;;AAsBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAhB,EAAAA;AAeT,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,UAAAA,IAAAV,CAAAA,QAAAc,KAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAe,WAAAA,IAAAf,EAAA,CAAA,CAAA,KAAAY,YAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,iBAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAQ,QAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,SAAAS,OAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAE3Ba,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYd,SAAAA,EACFC,OAAAA,EACGC,UAAAA,EACFC,UACHY,KAAAA,mBACKP,UAAAA,EACDJ,SAAAA,EACHC,QACEC,QAAAA,EACDC,OAAAA,EACME,eACDC,YAAAA,EACNC,MAAAA,EACDC,OACMC,WAAAA,EAAW,CAAA;AACxBf,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,KAAAA;AAAAd,IAAAA,CAAAA,MAAAe,WAAAA;AAAAf,IAAAA,CAAAA,MAAAY,YAAAA;AAAAZ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAW,aAAAA;AAAAX,IAAAA,CAAAA,MAAAQ,QAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAa,MAAAA;AAAAb,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAhBFgB,EAAAA;AAgBE;;;;"}
+{"version":3,"file":"DeltaOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderSteps"],"mappings":";;;;;AA4BO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAjB,EAAAA;AAgBT,EAAA,IAAAkB,EAAAA;AAAA,EAAA,IAAAjB,CAAAA,CAAA,CAAA,CAAA,KAAAU,UAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAc,KAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAe,WAAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAY,YAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,iBAAAA,IAAAX,CAAAA,QAAAQ,YAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,CAAA,EAAA,CAAA,KAAAS,OAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,CAAA,EAAA,CAAA,KAAAgB,aAAAA,EAAA;AAE3BC,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYf,SAAAA,EACFC,SACGC,UAAAA,EACFC,QAAAA,EACHa,OAAAA,eAAAA,EACKR,UAAAA,EACDJ,SAAAA,EACHC,MAAAA,EACMC,cACLC,OAAAA,EACUE,iBAAAA,EACLC,cACNC,MAAAA,EACDC,KAAAA,EACMC,aACEC,aAAAA,EAAa,CAAA;AAC5BhB,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,KAAAA;AAAAd,IAAAA,CAAAA,MAAAe,WAAAA;AAAAf,IAAAA,CAAAA,MAAAY,YAAAA;AAAAZ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAW,iBAAAA;AAAAX,IAAAA,CAAAA,MAAAQ,YAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAa,MAAAA;AAAAb,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAgB,aAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAjBFiB,EAAAA;AAiBE;;;;"}