@velora-dex/widget 0.3.11-dev.2 → 0.3.11-dev.3

package/dist/components/widget/TokenInput/common/MaxButtons.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+import { cn } from '../../../../lib/utils/index.js';
+
+const MaxButtons = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    maxButtonOptions,
+    classes
+  } = t0;
+  const t1 = classes?.root;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("flex items-end gap-1", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== maxButtonOptions) {
+    t3 = maxButtonOptions?.map(_temp);
+    $[2] = maxButtonOptions;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t2 || $[5] !== t3) {
+    t4 = /* @__PURE__ */ jsx("div", { className: t2, children: t3 });
+    $[4] = t2;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
+};
+function _temp(t0) {
+  const {
+    variant,
+    onClick
+  } = t0;
+  return /* @__PURE__ */ jsx(Button, { className: "h-[18px] px-[7px] py-0 text-[10px] font-medium text-contrast-4 dark:text-contrast-6 bg-transparent hover:bg-transparent hover:text-primary-azul-1 dark:hover:text-primary-azul-1 border border-contrast-5 hover:border-primary-azul-1 uppercase", onClick, children: variant }, variant);
+}
+
+export { MaxButtons };
+//# sourceMappingURL=MaxButtons.js.map

package/dist/components/widget/TokenInput/common/MaxButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxButtons.js","sources":["../../../../../src/components/widget/TokenInput/common/MaxButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { TokenInputProps } from \"../types\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MaxButtons = ({\n  maxButtonOptions,\n  classes,\n}: Pick<TokenInputProps, \"maxButtonOptions\"> & WithClasses<\"root\">) => {\n  return (\n    <div className={cn(\"flex items-end gap-1\", classes?.root)}>\n      {maxButtonOptions?.map(({ variant, onClick }) => (\n        <Button\n          className=\"h-[18px] px-[7px] py-0 text-[10px] font-medium text-contrast-4 dark:text-contrast-6 bg-transparent hover:bg-transparent hover:text-primary-azul-1 dark:hover:text-primary-azul-1 border border-contrast-5 hover:border-primary-azul-1 uppercase\"\n          onClick={onClick}\n          key={variant}\n        >\n          {variant}\n        </Button>\n      ))}\n    </div>\n  );\n};\n"],"names":["MaxButtons","t0","$","_c","maxButtonOptions","classes","t1","root","t2","cn","t3","map","_temp","t4","variant","onClick"],"mappings":";;;;;AAKO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAKoB,EAAA,MAAAK,KAAAD,OAAAA,EAAOE,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAI,EAAAA,EAAA;AAAxCE,IAAAA,EAAAA,GAAAC,EAAAA,CAAG,wBAAwBH,EAAa,CAAA;AAACJ,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAE,gBAAAA,EAAA;AACtDM,IAAAA,EAAAA,GAAAN,gBAAAA,EAAgBO,IAAMC,KAQtB,CAAA;AAACV,IAAAA,CAAAA,MAAAE,gBAAAA;AAAAF,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAM,MAAAN,CAAAA,QAAAQ,EAAAA,EAAA;AATJG,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAgB,SAAA,EAAAL,EAAAA,EACbE,QAAAA,EAAAA,EAAAA,EASH,CAAA;AAAMR,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAVNW,EAAAA;AAUM;AAfgB,SAAAD,MAAAX,EAAAA,EAAA;AAMI,EAAA,MAAA;AAAA,IAAAa,OAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAd,EAAAA;AAAoB,EAAA,2BACzC,MAAA,EAAA,EACW,SAAA,EAAA,iPAAA,EACDc,OAAAA,EAGRD,qBAFIA,OAGP,CAAA;AAAS;;;;"}

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;AAS/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0IhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4FhD,CAAC"}

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

@@ -1,19 +1,17 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
-import { UnstyledInput } from '../../ui/input.js';
-import { NumericFormat } from 'react-number-format';
-import { NetworkSwitcherDropdown } from '../NetworkSwitcher/NetworkSwitcherDropdown.js';
-import { SelectTokenButton } from '../SelectToken/SelectTokenButton.js';
-import { Button } from '../../ui/button.js';
-import { YouGet } from '../YouGet/YouGet.js';
-import { Line } from '../Line/Line.js';
+import { InputContainer } from './InputContainer.js';
+import { InputHeader } from './InputHeader.js';
+import { InputField } from './InputField.js';
+import { InputFooter } from './InputFooter.js';
+import { Balance } from './common/Balance.js';
+import { MaxButtons } from './common/MaxButtons.js';
+import { useBreakpoints } from '../../../hooks/useBreakpoints.js';
+import { IS_MOBILE_DEVICE } from '../../../lib/constants/mobile.js';
 import { cn } from '../../../lib/utils/index.js';
-import { InsufficientBalanceMessage } from '../Warning/InsufficientBalanceMessage.js';
-import { Skeleton } from '../../ui/skeleton.js';
-import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
 
 const TokenInput = (t0) => {
-  const $ = distExports.c(51);
+  const $ = distExports.c(52);
   const {
     amount,
     onAmountChange,
@@ -27,8 +25,8 @@ const TokenInput = (t0) => {
     token,
     tokenBalanceUnit,
     onTokenSelect,
-    showMaxButton,
-    onMaxClick,
+    showMaxButton: _showMaxButton,
+    maxButtonOptions: _maxButtonOptions,
     youGetProps,
     bottomElement,
     disabled,
@@ -38,171 +36,135 @@ const TokenInput = (t0) => {
     drawerContainer,
     classes
   } = t0;
+  const {
+    isOverMd
+  } = useBreakpoints();
+  const isMobile = !isOverMd || IS_MOBILE_DEVICE;
   let t1;
-  if ($[0] !== usdEstimation) {
-    t1 = usdEstimation ? formatFiatPrice(Number(usdEstimation)) : usdEstimation === null ? "N/A" : void 0;
-    $[0] = usdEstimation;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== t1) {
-    t2 = /* @__PURE__ */ jsx("div", { children: t1 });
+  if ($[0] !== _maxButtonOptions || $[1] !== isMobile) {
+    t1 = isMobile ? _maxButtonOptions?.filter(_temp) : _maxButtonOptions;
+    $[0] = _maxButtonOptions;
+    $[1] = isMobile;
     $[2] = t1;
-    $[3] = t2;
   } else {
-    t2 = $[3];
+    t1 = $[2];
   }
-  const usdEstimationEl = t2;
+  const maxButtonOptions = t1;
+  const showMaxButton = _showMaxButton && maxButtonOptions && maxButtonOptions.length > 0;
+  const t2 = classes?.root;
   let t3;
-  if ($[4] !== onMaxClick || $[5] !== showMaxButton || $[6] !== token || $[7] !== tokenBalanceUnit) {
-    t3 = tokenBalanceUnit && token ? /* @__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;
-    $[4] = onMaxClick;
-    $[5] = showMaxButton;
-    $[6] = token;
-    $[7] = tokenBalanceUnit;
-    $[8] = t3;
+  if ($[3] !== isMobile || $[4] !== token || $[5] !== tokenBalanceUnit) {
+    t3 = !isMobile ? /* @__PURE__ */ jsx(Balance, { tokenBalanceUnit, token }) : null;
+    $[3] = isMobile;
+    $[4] = token;
+    $[5] = tokenBalanceUnit;
+    $[6] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[6];
   }
-  const balanceEl = t3;
   let t4;
-  if ($[9] !== label || $[10] !== networkSwitcherProps || $[11] !== token) {
-    t4 = !token ? null : networkSwitcherProps && !networkSwitcherProps.hidden ? /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { ...networkSwitcherProps, prefix: label }) : label ? /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-3 dark:text-contrast-7", children: label }) : null;
-    $[9] = label;
-    $[10] = networkSwitcherProps;
-    $[11] = token;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  const chainEl = t4;
-  const t5 = classes?.root;
-  const t6 = token && insufficientBalanceMessageProps?.shouldDisplay;
-  let t7;
-  if ($[13] !== t5 || $[14] !== t6) {
-    t7 = 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", t5, {
-      "border-secondary-orange-peel-1": t6
-    });
-    $[13] = t5;
-    $[14] = t6;
-    $[15] = t7;
+  if ($[7] !== label || $[8] !== networkSwitcherProps || $[9] !== t3 || $[10] !== token) {
+    t4 = /* @__PURE__ */ jsx(InputHeader, { label, networkSwitcherProps, token, secondEl: t3 });
+    $[7] = label;
+    $[8] = networkSwitcherProps;
+    $[9] = t3;
+    $[10] = token;
+    $[11] = t4;
   } else {
-    t7 = $[15];
+    t4 = $[11];
   }
-  let t8;
-  if ($[16] !== isLoading || $[17] !== token) {
-    t8 = token && isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
-    $[16] = isLoading;
-    $[17] = token;
-    $[18] = t8;
+  let t5;
+  if ($[12] !== amount || $[13] !== disabled || $[14] !== drawerContainer || $[15] !== isLoading || $[16] !== networkSwitcherProps || $[17] !== onAmountChange || $[18] !== onFocus || $[19] !== onTokenSelect || $[20] !== readOnly || $[21] !== token || $[22] !== tokenBadgePropsOverride || $[23] !== tokenType) {
+    t5 = /* @__PURE__ */ jsx(InputField, { token, isLoading, disabled, amount, onAmountChange, onFocus, readOnly, tokenBadgePropsOverride, tokenType, drawerContainer, onTokenSelect, networkSwitcherProps });
+    $[12] = amount;
+    $[13] = disabled;
+    $[14] = drawerContainer;
+    $[15] = isLoading;
+    $[16] = networkSwitcherProps;
+    $[17] = onAmountChange;
+    $[18] = onFocus;
+    $[19] = onTokenSelect;
+    $[20] = readOnly;
+    $[21] = token;
+    $[22] = tokenBadgePropsOverride;
+    $[23] = tokenType;
+    $[24] = t5;
   } else {
-    t8 = $[18];
+    t5 = $[24];
   }
-  let t9;
-  if ($[19] !== amount || $[20] !== disabled || $[21] !== isLoading || $[22] !== onAmountChange || $[23] !== onFocus || $[24] !== readOnly || $[25] !== token) {
-    t9 = token ? /* @__PURE__ */ jsx(NumericFormat, { className: cn("min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8", {
-      hidden: isLoading
-    }), placeholder: "0", disabled, value: amount, onValueChange: onAmountChange, onFocus, allowNegative: false, allowLeadingZeros: false, customInput: UnstyledInput, thousandSeparator: true, readOnly }) : /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
-    $[19] = amount;
-    $[20] = disabled;
-    $[21] = isLoading;
-    $[22] = onAmountChange;
-    $[23] = onFocus;
-    $[24] = readOnly;
-    $[25] = token;
-    $[26] = t9;
+  let t6;
+  if ($[25] !== isMobile || $[26] !== token || $[27] !== tokenBalanceUnit) {
+    t6 = isMobile && /* @__PURE__ */ jsx(Balance, { tokenBalanceUnit, token });
+    $[25] = isMobile;
+    $[26] = token;
+    $[27] = tokenBalanceUnit;
+    $[28] = t6;
   } else {
-    t9 = $[26];
+    t6 = $[28];
   }
-  const t10 = networkSwitcherProps?.networks;
-  let t11;
-  if ($[27] !== drawerContainer || $[28] !== onTokenSelect || $[29] !== t10 || $[30] !== token || $[31] !== tokenBadgePropsOverride || $[32] !== tokenType) {
-    t11 = /* @__PURE__ */ jsx(SelectTokenButton, { token, tokenBadgePropsOverride, tokenType, drawerContainer, onSelect: onTokenSelect, selectableChains: t10 });
-    $[27] = drawerContainer;
-    $[28] = onTokenSelect;
-    $[29] = t10;
-    $[30] = token;
-    $[31] = tokenBadgePropsOverride;
-    $[32] = tokenType;
-    $[33] = t11;
+  let t7;
+  if ($[29] !== isMobile || $[30] !== maxButtonOptions || $[31] !== showMaxButton) {
+    t7 = showMaxButton && /* @__PURE__ */ jsx(MaxButtons, { maxButtonOptions, classes: {
+      root: cn({
+        "hidden group-hover:flex": !isMobile
+      })
+    } });
+    $[29] = isMobile;
+    $[30] = maxButtonOptions;
+    $[31] = showMaxButton;
+    $[32] = t7;
   } else {
-    t11 = $[33];
+    t7 = $[32];
   }
-  let t12;
-  if ($[34] !== t11 || $[35] !== t8 || $[36] !== t9) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      t8,
-      t9,
-      t11
+  let t8;
+  if ($[33] !== t6 || $[34] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      t6,
+      t7
     ] });
-    $[34] = t11;
+    $[33] = t6;
+    $[34] = t7;
     $[35] = t8;
-    $[36] = t9;
-    $[37] = t12;
   } else {
-    t12 = $[37];
+    t8 = $[35];
   }
-  let t13;
-  if ($[38] !== balanceEl || $[39] !== bottomElement || $[40] !== insufficientBalanceMessageProps || $[41] !== token || $[42] !== usdEstimationEl || $[43] !== warningMessage || $[44] !== youGetProps) {
-    t13 = token && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px] text-contrast-5", children: [
-        usdEstimationEl,
-        balanceEl
-      ] }),
-      insufficientBalanceMessageProps && /* @__PURE__ */ jsx(InsufficientBalanceMessage, { ...insufficientBalanceMessageProps }),
-      warningMessage && /* @__PURE__ */ jsx("div", { className: "text-xs text-secondary-orange-peel-1 flex items-center gap-2", children: warningMessage }),
-      bottomElement ? /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Divider, {}),
-        bottomElement
-      ] }) : youGetProps && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsx(YouGet, { ...youGetProps })
-      ] })
-    ] });
-    $[38] = balanceEl;
-    $[39] = bottomElement;
-    $[40] = insufficientBalanceMessageProps;
-    $[41] = token;
-    $[42] = usdEstimationEl;
-    $[43] = warningMessage;
-    $[44] = youGetProps;
-    $[45] = t13;
+  let t9;
+  if ($[36] !== amount || $[37] !== bottomElement || $[38] !== insufficientBalanceMessageProps || $[39] !== t8 || $[40] !== token || $[41] !== usdEstimation || $[42] !== warningMessage || $[43] !== youGetProps) {
+    t9 = /* @__PURE__ */ jsx(InputFooter, { token, amount, usdEstimation, firstRowSecondEl: t8, insufficientBalanceMessageProps, warningMessage, bottomElement, youGetProps });
+    $[36] = amount;
+    $[37] = bottomElement;
+    $[38] = insufficientBalanceMessageProps;
+    $[39] = t8;
+    $[40] = token;
+    $[41] = usdEstimation;
+    $[42] = warningMessage;
+    $[43] = youGetProps;
+    $[44] = t9;
   } else {
-    t13 = $[45];
+    t9 = $[44];
   }
-  let t14;
-  if ($[46] !== chainEl || $[47] !== t12 || $[48] !== t13 || $[49] !== t7) {
-    t14 = /* @__PURE__ */ jsxs("div", { className: t7, children: [
-      chainEl,
-      t12,
-      t13
+  let t10;
+  if ($[45] !== insufficientBalanceMessageProps || $[46] !== t2 || $[47] !== t4 || $[48] !== t5 || $[49] !== t9 || $[50] !== token) {
+    t10 = /* @__PURE__ */ jsxs(InputContainer, { className: t2, token, insufficientBalanceMessageProps, children: [
+      t4,
+      t5,
+      t9
     ] });
-    $[46] = chainEl;
-    $[47] = t12;
-    $[48] = t13;
-    $[49] = t7;
-    $[50] = t14;
-  } else {
-    t14 = $[50];
-  }
-  return t14;
-};
-const Divider = () => {
-  const $ = distExports.c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(Line, { className: "mt-[16px] mb-[17.5px]" });
-    $[0] = t0;
+    $[45] = insufficientBalanceMessageProps;
+    $[46] = t2;
+    $[47] = t4;
+    $[48] = t5;
+    $[49] = t9;
+    $[50] = token;
+    $[51] = t10;
   } else {
-    t0 = $[0];
+    t10 = $[51];
   }
-  return t0;
+  return t10;
 };
+function _temp(option) {
+  return option.variant === "MAX";
+}
 
 export { TokenInput };
 //# sourceMappingURL=index.js.map

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 { 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  bottomElement,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\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 =\n    tokenBalanceUnit && token ? (\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  const chainEl = !token ? null : networkSwitcherProps &&\n    !networkSwitcherProps.hidden ? (\n    <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n  ) : label ? (\n    <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</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            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n    >\n      {chainEl}\n      <div className=\"flex items-center justify-between gap-2\">\n        {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n        {token ? (\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          <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n            Receive\n          </div>\n        )}\n\n        {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n        otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n        <SelectTokenButton\n          token={token}\n          tokenBadgePropsOverride={tokenBadgePropsOverride}\n          tokenType={tokenType}\n          drawerContainer={drawerContainer}\n          onSelect={onTokenSelect}\n          selectableChains={networkSwitcherProps?.networks}\n        />\n      </div>\n      {token && (\n        <>\n          <div className=\"flex items-center justify-between gap-2 text-[10px] 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          {bottomElement ? (\n            <div>\n              <Divider />\n              {bottomElement}\n            </div>\n          ) : (\n            youGetProps && (\n              <div>\n                <Divider />\n                <YouGet {...youGetProps} />\n              </div>\n            )\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nconst Divider = () => <Line className=\"mt-[16px] mb-[17.5px]\" />;\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","onMaxClick","youGetProps","bottomElement","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","t1","formatFiatPrice","Number","undefined","t2","usdEstimationEl","t3","symbol","balanceEl","t4","hidden","chainEl","t5","root","t6","shouldDisplay","t7","cn","t8","t9","UnstyledInput","t10","networks","t11","t12","t13","t14","Divider","Symbol","for"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\n\nimport { InputContainer } from \"./InputContainer\";\nimport { InputHeader } from \"./InputHeader\";\nimport { InputField } from \"./InputField\";\nimport { InputFooter } from \"./InputFooter\";\nimport { Balance } from \"./common/Balance\";\nimport { MaxButtons } from \"./common/MaxButtons\";\nimport { useBreakpoints } from \"@/hooks/useBreakpoints\";\nimport { IS_MOBILE_DEVICE } from \"@/lib/constants/mobile\";\nimport { cn } from \"@/lib/utils\";\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: _showMaxButton,\n  maxButtonOptions: _maxButtonOptions,\n  youGetProps,\n  bottomElement,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  const { isOverMd } = useBreakpoints();\n  const isMobile = !isOverMd || IS_MOBILE_DEVICE;\n\n  const maxButtonOptions = isMobile\n    ? _maxButtonOptions?.filter((option) => option.variant === \"MAX\")\n    : _maxButtonOptions;\n\n  const showMaxButton =\n    _showMaxButton && maxButtonOptions && maxButtonOptions.length > 0;\n\n  return (\n    <InputContainer\n      className={classes?.root}\n      token={token}\n      insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n    >\n      <InputHeader\n        label={label}\n        networkSwitcherProps={networkSwitcherProps}\n        token={token}\n        secondEl={\n          !isMobile ? (\n            <Balance tokenBalanceUnit={tokenBalanceUnit} token={token} />\n          ) : null\n        }\n      />\n      <InputField\n        token={token}\n        isLoading={isLoading}\n        disabled={disabled}\n        amount={amount}\n        onAmountChange={onAmountChange}\n        onFocus={onFocus}\n        readOnly={readOnly}\n        tokenBadgePropsOverride={tokenBadgePropsOverride}\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        networkSwitcherProps={networkSwitcherProps}\n      />\n      <InputFooter\n        token={token}\n        amount={amount}\n        usdEstimation={usdEstimation}\n        firstRowSecondEl={\n          <div className=\"flex items-center gap-2\">\n            {isMobile && (\n              <Balance tokenBalanceUnit={tokenBalanceUnit} token={token} />\n            )}\n            {showMaxButton && (\n              <MaxButtons\n                maxButtonOptions={maxButtonOptions}\n                classes={{\n                  root: cn({\n                    \"hidden group-hover:flex\": !isMobile,\n                  }),\n                }}\n              />\n            )}\n          </div>\n        }\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n        bottomElement={bottomElement}\n        youGetProps={youGetProps}\n      />\n    </InputContainer>\n  );\n};\n"],"names":["TokenInput","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","_showMaxButton","maxButtonOptions","_maxButtonOptions","youGetProps","bottomElement","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","isOverMd","useBreakpoints","isMobile","IS_MOBILE_DEVICE","t1","filter","_temp","length","t2","root","t3","t4","t5","t6","t7","cn","t8","t9","t10","option","variant"],"mappings":"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"}

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

@@ -5,6 +5,11 @@ import { Token } from '../../../tokens/state/types';
 import { TokenBadgeProps } from '../TokenBadge/types';
 import { InsufficientBalanceMessageProps } from '../Warning/types';
 import { WithClasses } from '../../../types/withClasses';
+export type MaxButtonVariant = "25%" | "50%" | "75%" | "MAX";
+type MaxButtonOption = {
+    variant: MaxButtonVariant;
+    onClick: () => void;
+};
 export type TokenInputProps = {
     amount: string;
     onAmountChange: NumericFormatProps["onValueChange"];
@@ -17,7 +22,7 @@ export type TokenInputProps = {
     youGetProps?: YouGetProps;
     bottomElement?: React.ReactNode;
     showMaxButton?: boolean;
-    onMaxClick?: () => void;
+    maxButtonOptions?: MaxButtonOption[];
     token?: Token;
     tokenBalanceUnit?: string;
     onTokenSelect?: (token: Token) => void;
@@ -28,4 +33,5 @@ export type TokenInputProps = {
     tokenType?: "from" | "to";
     drawerContainer?: HTMLElement | null;
 } & WithClasses<"root">;
+export {};
 //# 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;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,KAAK,CAAC,SAAS,CAAC;IAChC,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"}
+{"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,gBAAgB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7D,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,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,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,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/TransactionDetails/LimitOrderDetails/Controls.d.ts

@@ -1,7 +1,7 @@
 import { TransactionListItem } from '../types';
 export type TransactionItemControlsProps = {
-    txItem: TransactionListItem;
+    order: TransactionListItem;
     onDismiss: () => void;
 };
-export declare const Controls: ({ txItem, onDismiss, }: TransactionItemControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Controls: ({ order, onDismiss, }: TransactionItemControlsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Controls.d.ts.map

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,4BAA4B,GAAG;IACzC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,wBAGtB,4BAA4B,4CAuC9B,CAAC"}
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uBAGtB,4BAA4B,4CAyC9B,CAAC"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js

@@ -2,56 +2,57 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../../_virtual/index.js';
 import { Button } from '../../../ui/button.js';
 import { constructTxLinkForChain } from '../../../../lib/utils/explorer.js';
-import { getTxHash } from '../../../../transactions/hash.js';
+import { isStandaloneTransactionItem } from '../../../../transactions/utils.js';
 
 const Controls = (t0) => {
-  const $ = distExports.c(9);
+  const $ = distExports.c(10);
   const {
-    txItem,
+    order,
     onDismiss
   } = t0;
+  const txHash = isStandaloneTransactionItem(order) ? order.transactionHash : order.receipt?.transactionHash;
   let t1;
-  if ($[0] !== txItem) {
-    const txHash = getTxHash(txItem);
+  if ($[0] !== order.chainId || $[1] !== txHash) {
     t1 = txHash ? constructTxLinkForChain({
-      chainId: txItem.chainId,
+      chainId: order.chainId,
       txHash
     }) : void 0;
-    $[0] = txItem;
-    $[1] = t1;
+    $[0] = order.chainId;
+    $[1] = txHash;
+    $[2] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[2];
   }
   const explorerLink = t1;
   let t2;
-  if ($[2] !== onDismiss) {
+  if ($[3] !== onDismiss) {
     t2 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
-    $[2] = onDismiss;
-    $[3] = t2;
+    $[3] = onDismiss;
+    $[4] = t2;
   } else {
-    t2 = $[3];
+    t2 = $[4];
   }
   const makeAnotherTradeButton = t2;
   let t3;
-  if ($[4] !== explorerLink) {
+  if ($[5] !== explorerLink) {
     t3 = explorerLink ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) }) : null;
-    $[4] = explorerLink;
-    $[5] = t3;
+    $[5] = explorerLink;
+    $[6] = t3;
   } else {
-    t3 = $[5];
+    t3 = $[6];
   }
   const explorerButton = t3;
   let t4;
-  if ($[6] !== explorerButton || $[7] !== makeAnotherTradeButton) {
+  if ($[7] !== explorerButton || $[8] !== makeAnotherTradeButton) {
     t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-auto", children: [
       makeAnotherTradeButton,
       explorerButton
     ] });
-    $[6] = explorerButton;
-    $[7] = makeAnotherTradeButton;
-    $[8] = t4;
+    $[7] = explorerButton;
+    $[8] = makeAnotherTradeButton;
+    $[9] = t4;
   } else {
-    t4 = $[8];
+    t4 = $[9];
   }
   return t4;
 };

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nimport { constructTxLinkForChain } from \"@/lib/utils/explorer\";\nimport type { TransactionListItem } from \"../types\";\nimport { getTxHash } from \"@/transactions/hash\";\n\nexport type TransactionItemControlsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n};\n\nexport const Controls = ({\n  txItem,\n  onDismiss,\n}: TransactionItemControlsProps) => {\n  const txHash = getTxHash(txItem);\n\n  const explorerLink = txHash\n    ? constructTxLinkForChain({ chainId: txItem.chainId, txHash })\n    : undefined;\n\n  const makeAnotherTradeButton = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const explorerButton = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {makeAnotherTradeButton}\n      {explorerButton}\n    </div>\n  );\n};\n"],"names":["Controls","t0","$","_c","txItem","onDismiss","t1","txHash","getTxHash","constructTxLinkForChain","chainId","undefined","explorerLink","t2","makeAnotherTradeButton","t3","explorerButton","t4"],"mappings":";;;;;;AAWO,MAAMA,WAAWC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAGM,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,MAAAA,EAAA;AAC7B,IAAA,MAAAG,MAAAA,GAAeC,UAAUJ,MAAM,CAAA;AAEVE,IAAAA,EAAAA,GAAAC,SACjBE,uBAAAA,CAAwB;AAAA,MAAAC,SAAWN,MAAAA,CAAMM,OAAAA;AAAAA,MAAQH;AAAAA,KACzC,CAAA,GAFSI,MAAAA;AAERT,IAAAA,CAAAA,MAAAE,MAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAFb,EAAA,MAAAU,YAAAA,GAAqBN,EAAAA;AAEP,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAX,CAAAA,QAAAG,SAAAA,EAAA;AAGZQ,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDR,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASH,IAAAA,CAAAA,MAAAG,SAAAA;AAAAH,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AATX,EAAA,MAAAY,sBAAAA,GACED,EAAAA;AASA,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAb,CAAAA,QAAAU,YAAAA,EAAA;AAEqBG,IAAAA,EAAAA,GAAAH,YAAAA,uBACpB,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,SAAA,IAAA,EAEA,QAAA,kBAAA,GAAA,CAAA,GAAA,EAAA,EAASA,IAAAA,gBAAkB,GAAA,EAAA,uBAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA,GAXqB,IAAA;AAYfV,IAAAA,CAAAA,MAAAU,YAAAA;AAAAV,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAZR,EAAA,MAAAc,cAAAA,GAAuBD,EAAAA;AAYd,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAf,EAAA,CAAA,CAAA,KAAAc,kBAAAd,CAAAA,QAAAY,sBAAAA,EAAA;AAGPG,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,6BAAA,EACZH,QAAAA,EAAAA;AAAAA,MAAAA,sBAAAA;AAAAA,MACAE;AAAAA,KAAAA,EACH,CAAA;AAAMd,IAAAA,CAAAA,MAAAc,cAAAA;AAAAd,IAAAA,CAAAA,MAAAY,sBAAAA;AAAAZ,IAAAA,CAAAA,MAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHNe,EAAAA;AAGM;;;;"}
+{"version":3,"file":"Controls.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nimport { constructTxLinkForChain } from \"@/lib/utils/explorer\";\nimport type { TransactionListItem } from \"../types\";\nimport { isStandaloneTransactionItem } from \"@/transactions/utils\";\n\nexport type TransactionItemControlsProps = {\n  order: TransactionListItem;\n  onDismiss: () => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n}: TransactionItemControlsProps) => {\n  const txHash = isStandaloneTransactionItem(order)\n    ? order.transactionHash\n    : order.receipt?.transactionHash;\n\n  const explorerLink = txHash\n    ? constructTxLinkForChain({ chainId: order.chainId, txHash })\n    : undefined;\n\n  const makeAnotherTradeButton = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const explorerButton = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {makeAnotherTradeButton}\n      {explorerButton}\n    </div>\n  );\n};\n"],"names":["Controls","t0","$","_c","order","onDismiss","txHash","isStandaloneTransactionItem","transactionHash","receipt","t1","chainId","constructTxLinkForChain","undefined","explorerLink","t2","makeAnotherTradeButton","t3","explorerButton","t4"],"mappings":"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"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.js

@@ -54,7 +54,7 @@ const TransactionDetails = (t0) => {
   }
   let t5;
   if ($[8] !== onDismiss || $[9] !== txItem) {
-    t5 = /* @__PURE__ */ jsx(Controls, { txItem, onDismiss });
+    t5 = /* @__PURE__ */ jsx(Controls, { order: txItem, onDismiss });
     $[8] = onDismiss;
     $[9] = txItem;
     $[10] = t5;