@velora-dex/widget 0.3.9 → 0.3.11-dev.1

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 { 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';
+import { useState } from 'react';
+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';
 
 const TokenInput = (t0) => {
-  const $ = distExports.c(51);
+  const $ = distExports.c(53);
   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,151 @@ const TokenInput = (t0) => {
     drawerContainer,
     classes
   } = t0;
+  const {
+    isOverMd
+  } = useBreakpoints();
+  const isMobile = !isOverMd || IS_MOBILE_DEVICE;
+  const isDesktop = isOverMd && !isMobile;
   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 [areMaxButtonsVisible, setAreMaxButtonsVisible] = useState(false);
+  let showMaxButton = _showMaxButton && maxButtonOptions && maxButtonOptions.length > 0;
+  if (isDesktop) {
+    showMaxButton = showMaxButton && areMaxButtonsVisible;
+  }
+  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] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => setAreMaxButtonsVisible(false);
+    $[3] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[3];
   }
-  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;
+  if ($[4] !== isDesktop || $[5] !== token || $[6] !== tokenBalanceUnit) {
+    t4 = isDesktop ? /* @__PURE__ */ jsx(Balance, { tokenBalanceUnit, token }) : null;
+    $[4] = isDesktop;
+    $[5] = token;
+    $[6] = tokenBalanceUnit;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== label || $[9] !== networkSwitcherProps || $[10] !== t4 || $[11] !== token) {
+    t5 = /* @__PURE__ */ jsx(InputHeader, { label, networkSwitcherProps, token, secondEl: t4 });
+    $[8] = label;
+    $[9] = networkSwitcherProps;
+    $[10] = t4;
     $[11] = token;
-    $[12] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
+      onMouseEnter: () => setAreMaxButtonsVisible(true)
+    };
+    $[13] = t6;
   } else {
-    t4 = $[12];
+    t6 = $[13];
   }
-  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 ($[14] !== amount || $[15] !== disabled || $[16] !== drawerContainer || $[17] !== isLoading || $[18] !== networkSwitcherProps || $[19] !== onAmountChange || $[20] !== onFocus || $[21] !== onTokenSelect || $[22] !== readOnly || $[23] !== token || $[24] !== tokenBadgePropsOverride || $[25] !== tokenType) {
+    t7 = /* @__PURE__ */ jsx(InputField, { token, isLoading, disabled, amount, onAmountChange, onFocus, readOnly, tokenBadgePropsOverride, tokenType, drawerContainer, onTokenSelect, networkSwitcherProps, selectTokenButtonProps: t6 });
+    $[14] = amount;
+    $[15] = disabled;
+    $[16] = drawerContainer;
+    $[17] = isLoading;
+    $[18] = networkSwitcherProps;
+    $[19] = onAmountChange;
+    $[20] = onFocus;
+    $[21] = onTokenSelect;
+    $[22] = readOnly;
+    $[23] = token;
+    $[24] = tokenBadgePropsOverride;
+    $[25] = tokenType;
+    $[26] = t7;
   } else {
-    t7 = $[15];
+    t7 = $[26];
   }
   let t8;
-  if ($[16] !== isLoading || $[17] !== token) {
-    t8 = token && isLoading && /* @__PURE__ */ jsx(Skeleton, { className: "w-[254px] h-[36px]" });
-    $[16] = isLoading;
-    $[17] = token;
-    $[18] = t8;
+  if ($[27] !== isMobile || $[28] !== token || $[29] !== tokenBalanceUnit) {
+    t8 = isMobile && /* @__PURE__ */ jsx(Balance, { tokenBalanceUnit, token });
+    $[27] = isMobile;
+    $[28] = token;
+    $[29] = tokenBalanceUnit;
+    $[30] = t8;
   } else {
-    t8 = $[18];
+    t8 = $[30];
   }
   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;
-  } else {
-    t9 = $[26];
-  }
-  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;
+  if ($[31] !== maxButtonOptions || $[32] !== showMaxButton) {
+    t9 = showMaxButton && /* @__PURE__ */ jsx(MaxButtons, { maxButtonOptions });
+    $[31] = maxButtonOptions;
+    $[32] = showMaxButton;
+    $[33] = t9;
   } else {
-    t11 = $[33];
+    t9 = $[33];
   }
-  let t12;
-  if ($[34] !== t11 || $[35] !== t8 || $[36] !== t9) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+  let t10;
+  if ($[34] !== t8 || $[35] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       t8,
-      t9,
-      t11
+      t9
     ] });
-    $[34] = t11;
-    $[35] = t8;
-    $[36] = t9;
-    $[37] = t12;
+    $[34] = t8;
+    $[35] = t9;
+    $[36] = t10;
   } else {
-    t12 = $[37];
+    t10 = $[36];
   }
-  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;
+  let t11;
+  if ($[37] !== amount || $[38] !== bottomElement || $[39] !== insufficientBalanceMessageProps || $[40] !== t10 || $[41] !== token || $[42] !== usdEstimation || $[43] !== warningMessage || $[44] !== youGetProps) {
+    t11 = /* @__PURE__ */ jsx(InputFooter, { token, amount, usdEstimation, firstRowSecondEl: t10, insufficientBalanceMessageProps, warningMessage, bottomElement, youGetProps });
+    $[37] = amount;
+    $[38] = bottomElement;
+    $[39] = insufficientBalanceMessageProps;
+    $[40] = t10;
     $[41] = token;
-    $[42] = usdEstimationEl;
+    $[42] = usdEstimation;
     $[43] = warningMessage;
     $[44] = youGetProps;
-    $[45] = t13;
+    $[45] = t11;
   } else {
-    t13 = $[45];
+    t11 = $[45];
   }
-  let t14;
-  if ($[46] !== chainEl || $[47] !== t12 || $[48] !== t13 || $[49] !== t7) {
-    t14 = /* @__PURE__ */ jsxs("div", { className: t7, children: [
-      chainEl,
-      t12,
-      t13
+  let t12;
+  if ($[46] !== insufficientBalanceMessageProps || $[47] !== t11 || $[48] !== t2 || $[49] !== t5 || $[50] !== t7 || $[51] !== token) {
+    t12 = /* @__PURE__ */ jsxs(InputContainer, { className: t2, token, insufficientBalanceMessageProps, onMouseLeave: t3, children: [
+      t5,
+      t7,
+      t11
     ] });
-    $[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;
+    $[46] = insufficientBalanceMessageProps;
+    $[47] = t11;
+    $[48] = t2;
+    $[49] = t5;
+    $[50] = t7;
+    $[51] = token;
+    $[52] = t12;
   } else {
-    t0 = $[0];
+    t12 = $[52];
   }
-  return t0;
+  return t12;
 };
+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 { useState } from \"react\";\n\nimport 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\";\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  const isDesktop = isOverMd && !isMobile;\n\n  const maxButtonOptions = isMobile\n    ? _maxButtonOptions?.filter((option) => option.variant === \"MAX\")\n    : _maxButtonOptions;\n\n  const [areMaxButtonsVisible, setAreMaxButtonsVisible] = useState(false);\n\n  let showMaxButton =\n    _showMaxButton && maxButtonOptions && maxButtonOptions.length > 0;\n  if (isDesktop) {\n    showMaxButton = showMaxButton && areMaxButtonsVisible;\n  }\n\n  return (\n    <InputContainer\n      className={classes?.root}\n      token={token}\n      insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n      onMouseLeave={() => setAreMaxButtonsVisible(false)}\n    >\n      <InputHeader\n        label={label}\n        networkSwitcherProps={networkSwitcherProps}\n        token={token}\n        secondEl={\n          isDesktop ? (\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        selectTokenButtonProps={{\n          onMouseEnter: () => setAreMaxButtonsVisible(true),\n        }}\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 maxButtonOptions={maxButtonOptions} />\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","isDesktop","t1","filter","_temp","areMaxButtonsVisible","setAreMaxButtonsVisible","useState","length","t2","root","t3","Symbol","for","t4","t5","t6","onMouseEnter","t7","t8","t9","t10","t11","t12","option","variant"],"mappings":"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"}

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

@@ -5,6 +5,10 @@ import { Token } from '../../../tokens/state/types';
 import { TokenBadgeProps } from '../TokenBadge/types';
 import { InsufficientBalanceMessageProps } from '../Warning/types';
 import { WithClasses } from '../../../types/withClasses';
+type MaxButtonOption = {
+    variant: "25%" | "50%" | "75%" | "MAX";
+    onClick: () => void;
+};
 export type TokenInputProps = {
     amount: string;
     onAmountChange: NumericFormatProps["onValueChange"];
@@ -17,7 +21,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 +32,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,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACvC,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/core/Updaters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Updaters.d.ts","sourceRoot":"","sources":["../../src/core/Updaters.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,QAAQ,YAmDpB,CAAC"}
+{"version":3,"file":"Updaters.d.ts","sourceRoot":"","sources":["../../src/core/Updaters.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,QAAQ,YAqDpB,CAAC"}

package/dist/core/Updaters.js

@@ -1,6 +1,7 @@
 import { d as distExports } from '../_virtual/index.js';
 import { useTokenFromPermit1Nonce } from '../hooks/permit/hooks/permit1/useTokenFromPermit1Nonce.js';
 import { useTokenFromPermit2TransferFromNonce } from '../hooks/permit/hooks/permit2/useTokenFromPermit2TransferFromNonce.js';
+import { useTokenFromPermit2AllowanceQuery } from '../hooks/permit/hooks/permit2/useTokenFromPermit2Allowance.js';
 import { useTokenFromPermitInfo } from '../hooks/permit/hooks/permit1/useTokenFromPermitInfo.js';
 import { useGetContracts } from '../hooks/sdk/useGetContracts.js';
 import { useGetBridgeInfo } from '../hooks/useBridgeInfo.js';
@@ -47,6 +48,7 @@ const Updaters = () => {
   useBridgeProtocolsQuery();
   useTokenFromPermitInfo();
   useTokenFromPermit1Nonce();
+  useTokenFromPermit2AllowanceQuery();
   useTokenFromPermit2TransferFromNonce();
   useSafeInfo();
   useCanBatchTxs();

package/dist/core/Updaters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Updaters.js","sources":["../../src/core/Updaters.tsx"],"sourcesContent":["import { useTokenFromPermit1Nonce } from \"@/hooks/permit/hooks/permit1/useTokenFromPermit1Nonce\";\nimport { useTokenFromPermit2TransferFromNonce } from \"@/hooks/permit/hooks/permit2/useTokenFromPermit2TransferFromNonce\";\nimport { useTokenFromPermitInfo } from \"@/hooks/permit/hooks/permit1/useTokenFromPermitInfo\";\nimport { useGetContracts } from \"@/hooks/sdk/useGetContracts\";\nimport { useGetBridgeInfo } from \"@/hooks/useBridgeInfo\";\nimport { useFetchTokenLists } from \"@/tokens/queries\";\nimport { usePrefetchTokenBalances } from \"@/hooks/tokens/useAllTokensWithFilter\";\nimport { useSafeInfo } from \"@/lib/web3/wagmi/isInsideSafeIframe\";\nimport { useCanBatchTxs } from \"@/hooks/batch/useCanBatchTxs\";\nimport { useOnWalletConnected } from \"@/events/hooks/useOnWalletConnect\";\nimport { useActivateEffects as useActivateEventEffects } from \"@/events/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTransactionEffects } from \"@/transactions/state/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTokenListEffects } from \"@/tokens/lists/state/effects\";\nimport { useActivateFormInputEffects } from \"./inputs/state/setTokenByAddressAtom\";\nimport { useActivateConfigEffect } from \"./state/configEffectAtom\";\nimport { useOnPriceUpdates } from \"@/events/hooks/useOnPriceUpdates\";\nimport { useBridgeProtocolsQuery } from \"@/hooks/swap/prices/delta/queries/bridgeProtocols/useBridgeProtocols\";\nimport { useCacheMinViemClient } from \"@/hooks/useMinViemClient\";\n\nexport const Updaters = () => {\n  // fetch tokens from currently enabled lists\n  useFetchTokenLists();\n  // activate effects for token lists\n  useActivateTokenListEffects();\n\n  // all balances that would be fetched in TokenSelector for current chain\n  usePrefetchTokenBalances();\n  useGetBridgeInfo({ mode: \"swap\" }); // @TODO: prefetch instead\n  useGetBridgeInfo({ mode: \"limit\" });\n  useGetContracts(); // @TODO: prefetch instead\n  useBridgeProtocolsQuery();\n\n  // for each selected tokenFrom detect its supported Permit1\n  useTokenFromPermitInfo();\n  // for each selected tokenFrom keep track of Token.nonce if available on Token\n  useTokenFromPermit1Nonce();\n  // global Permit2 TransferFrom nonce, not token-specific but for chain=Token.network\n  useTokenFromPermit2TransferFromNonce();\n\n  // check ahead of opening  ConnectWallets drawer to prevent Safe button appearing\n  // if we are not in a non-Safe iframe\n  useSafeInfo();\n\n  // check if wallet can batch txs\n  useCanBatchTxs();\n\n  // events when wallet is connected\n  useOnWalletConnected();\n\n  // events when price state updates\n  useOnPriceUpdates();\n\n  // activate effects for state atoms\n  useActivateEventEffects();\n\n  // activate effects for transaction atoms\n  useActivateTransactionEffects();\n\n  // activate effects for form input atoms\n  useActivateFormInputEffects();\n\n  // activate widget config effects\n  useActivateConfigEffect();\n\n  // keep one subscriber to useConnectorClient query at all times\n  // to avoid async client creation on useMinViemClient mount\n  // and first minClient being undefined for a short time\n  useCacheMinViemClient();\n\n  return null;\n};\n"],"names":["Updaters","$","_c","useFetchTokenLists","useActivateTokenListEffects","usePrefetchTokenBalances","t0","Symbol","for","mode","useGetBridgeInfo","t1","useGetContracts","useBridgeProtocolsQuery","useTokenFromPermitInfo","useTokenFromPermit1Nonce","useTokenFromPermit2TransferFromNonce","useSafeInfo","useCanBatchTxs","useOnWalletConnected","useOnPriceUpdates","useActivateEventEffects","useActivateTransactionEffects","useActivateFormInputEffects","useActivateConfigEffect","useCacheMinViemClient"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,WAAWA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAEtBC,EAAAA,kBAAAA,EAAmB;AAEnBC,EAAAA,kBAAAA,EAA4B;AAG5BC,EAAAA,wBAAAA,EAAyB;AAAC,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACTF,IAAAA,EAAAA,GAAA;AAAA,MAAAG,IAAAA,EAAQ;AAAA,KAAO;AAACR,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjCS,EAAAA,gBAAAA,CAAiBJ,EAAgB,CAAA;AAAC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACjBG,IAAAA,EAAAA,GAAA;AAAA,MAAAF,IAAAA,EAAQ;AAAA,KAAQ;AAACR,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAlCS,EAAAA,gBAAAA,CAAiBC,EAAiB,CAAA;AAClCC,EAAAA,eAAAA,EAAgB;AAChBC,EAAAA,uBAAAA,EAAwB;AAGxBC,EAAAA,sBAAAA,EAAuB;AAEvBC,EAAAA,wBAAAA,EAAyB;AAEzBC,EAAAA,oCAAAA,EAAqC;AAIrCC,EAAAA,WAAAA,EAAY;AAGZC,EAAAA,cAAAA,EAAe;AAGfC,EAAAA,oBAAAA,EAAqB;AAGrBC,EAAAA,iBAAAA,EAAkB;AAGlBC,EAAAA,oBAAAA,EAAwB;AAGxBC,EAAAA,oBAAAA,EAA8B;AAG9BC,EAAAA,2BAAAA,EAA4B;AAG5BC,EAAAA,uBAAAA,EAAwB;AAKxBC,EAAAA,qBAAAA,EAAsB;AAAC,EAAA,OAEhB,IAAA;AAAI;;;;"}
+{"version":3,"file":"Updaters.js","sources":["../../src/core/Updaters.tsx"],"sourcesContent":["import { useTokenFromPermit1Nonce } from \"@/hooks/permit/hooks/permit1/useTokenFromPermit1Nonce\";\nimport { useTokenFromPermit2TransferFromNonce } from \"@/hooks/permit/hooks/permit2/useTokenFromPermit2TransferFromNonce\";\nimport { useTokenFromPermit2AllowanceQuery } from \"@/hooks/permit/hooks/permit2/useTokenFromPermit2Allowance\";\nimport { useTokenFromPermitInfo } from \"@/hooks/permit/hooks/permit1/useTokenFromPermitInfo\";\nimport { useGetContracts } from \"@/hooks/sdk/useGetContracts\";\nimport { useGetBridgeInfo } from \"@/hooks/useBridgeInfo\";\nimport { useFetchTokenLists } from \"@/tokens/queries\";\nimport { usePrefetchTokenBalances } from \"@/hooks/tokens/useAllTokensWithFilter\";\nimport { useSafeInfo } from \"@/lib/web3/wagmi/isInsideSafeIframe\";\nimport { useCanBatchTxs } from \"@/hooks/batch/useCanBatchTxs\";\nimport { useOnWalletConnected } from \"@/events/hooks/useOnWalletConnect\";\nimport { useActivateEffects as useActivateEventEffects } from \"@/events/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTransactionEffects } from \"@/transactions/state/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTokenListEffects } from \"@/tokens/lists/state/effects\";\nimport { useActivateFormInputEffects } from \"./inputs/state/setTokenByAddressAtom\";\nimport { useActivateConfigEffect } from \"./state/configEffectAtom\";\nimport { useOnPriceUpdates } from \"@/events/hooks/useOnPriceUpdates\";\nimport { useBridgeProtocolsQuery } from \"@/hooks/swap/prices/delta/queries/bridgeProtocols/useBridgeProtocols\";\nimport { useCacheMinViemClient } from \"@/hooks/useMinViemClient\";\n\nexport const Updaters = () => {\n  // fetch tokens from currently enabled lists\n  useFetchTokenLists();\n  // activate effects for token lists\n  useActivateTokenListEffects();\n\n  // all balances that would be fetched in TokenSelector for current chain\n  usePrefetchTokenBalances();\n  useGetBridgeInfo({ mode: \"swap\" }); // @TODO: prefetch instead\n  useGetBridgeInfo({ mode: \"limit\" });\n  useGetContracts(); // @TODO: prefetch instead\n  useBridgeProtocolsQuery();\n\n  // for each selected tokenFrom detect its supported Permit1\n  useTokenFromPermitInfo();\n  // for each selected tokenFrom keep track of Token.nonce if available on Token\n  useTokenFromPermit1Nonce();\n  // for each selected tokenFrom keep track of given allowance to Permit2 contract\n  useTokenFromPermit2AllowanceQuery();\n  // global Permit2 TransferFrom nonce, not token-specific but for chain=Token.network\n  useTokenFromPermit2TransferFromNonce();\n\n  // check ahead of opening  ConnectWallets drawer to prevent Safe button appearing\n  // if we are not in a non-Safe iframe\n  useSafeInfo();\n\n  // check if wallet can batch txs\n  useCanBatchTxs();\n\n  // events when wallet is connected\n  useOnWalletConnected();\n\n  // events when price state updates\n  useOnPriceUpdates();\n\n  // activate effects for state atoms\n  useActivateEventEffects();\n\n  // activate effects for transaction atoms\n  useActivateTransactionEffects();\n\n  // activate effects for form input atoms\n  useActivateFormInputEffects();\n\n  // activate widget config effects\n  useActivateConfigEffect();\n\n  // keep one subscriber to useConnectorClient query at all times\n  // to avoid async client creation on useMinViemClient mount\n  // and first minClient being undefined for a short time\n  useCacheMinViemClient();\n\n  return null;\n};\n"],"names":["Updaters","$","_c","useFetchTokenLists","useActivateTokenListEffects","usePrefetchTokenBalances","t0","Symbol","for","mode","useGetBridgeInfo","t1","useGetContracts","useBridgeProtocolsQuery","useTokenFromPermitInfo","useTokenFromPermit1Nonce","useTokenFromPermit2AllowanceQuery","useTokenFromPermit2TransferFromNonce","useSafeInfo","useCanBatchTxs","useOnWalletConnected","useOnPriceUpdates","useActivateEventEffects","useActivateTransactionEffects","useActivateFormInputEffects","useActivateConfigEffect","useCacheMinViemClient"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBO,MAAMA,WAAWA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAEtBC,EAAAA,kBAAAA,EAAmB;AAEnBC,EAAAA,kBAAAA,EAA4B;AAG5BC,EAAAA,wBAAAA,EAAyB;AAAC,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACTF,IAAAA,EAAAA,GAAA;AAAA,MAAAG,IAAAA,EAAQ;AAAA,KAAO;AAACR,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjCS,EAAAA,gBAAAA,CAAiBJ,EAAgB,CAAA;AAAC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACjBG,IAAAA,EAAAA,GAAA;AAAA,MAAAF,IAAAA,EAAQ;AAAA,KAAQ;AAACR,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAlCS,EAAAA,gBAAAA,CAAiBC,EAAiB,CAAA;AAClCC,EAAAA,eAAAA,EAAgB;AAChBC,EAAAA,uBAAAA,EAAwB;AAGxBC,EAAAA,sBAAAA,EAAuB;AAEvBC,EAAAA,wBAAAA,EAAyB;AAEzBC,EAAAA,iCAAAA,EAAkC;AAElCC,EAAAA,oCAAAA,EAAqC;AAIrCC,EAAAA,WAAAA,EAAY;AAGZC,EAAAA,cAAAA,EAAe;AAGfC,EAAAA,oBAAAA,EAAqB;AAGrBC,EAAAA,iBAAAA,EAAkB;AAGlBC,EAAAA,oBAAAA,EAAwB;AAGxBC,EAAAA,oBAAAA,EAA8B;AAG9BC,EAAAA,2BAAAA,EAA4B;AAG5BC,EAAAA,uBAAAA,EAAwB;AAKxBC,EAAAA,qBAAAA,EAAsB;AAAC,EAAA,OAEhB,IAAA;AAAI;;;;"}

package/dist/core/constants.d.ts

@@ -4,11 +4,14 @@ export declare const WIDGET_ELEMENT_ID = "velora-widget";
 export declare const WIDGET_HEIGHT_CLASSNAME = "h-[620px]";
 export declare const WIDGET_MIN_HEIGHT_CLASSNAME = "min-h-[620px]";
 export declare const DRAWER_HEIGHT = 620;
+export declare const BREAKPOINTS: {
+    md: number;
+};
 export declare const TOASTER_LIFETIME = 5000;
 export declare const swapModeToSpender: Record<SwapMode, SpenderContractType>;
 export declare const defaults: {
     tokenLists: string[];
-    chainIds: import('ts-essentials').NonEmptyArray<1 | 10 | 137 | 56 | 43114 | 42161 | 8453 | 100 | 146 | 130>;
+    chainIds: import('ts-essentials').NonEmptyArray<1 | 10 | 56 | 42161 | 137 | 43114 | 8453 | 100 | 146 | 130>;
     tradeModes: ["swap", "limit", "otc"];
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/core/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/core/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAM7D,eAAO,MAAM,iBAAiB,kBAAkB,CAAC;AACjD,eAAO,MAAM,uBAAuB,cAAc,CAAC;AACnD,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAC3D,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,QAAQ,EAAE,mBAAmB,CAGnE,CAAC;AAGF,eAAO,MAAM,QAAQ;;;;CAKpB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/core/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AACjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAM7D,eAAO,MAAM,iBAAiB,kBAAkB,CAAC;AACjD,eAAO,MAAM,uBAAuB,cAAc,CAAC;AACnD,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAC3D,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,QAAQ,EAAE,mBAAmB,CAGnE,CAAC;AAGF,eAAO,MAAM,QAAQ;;;;CAKpB,CAAC"}

package/dist/core/constants.js

@@ -6,6 +6,9 @@ const WIDGET_ELEMENT_ID = "velora-widget";
 const WIDGET_HEIGHT_CLASSNAME = "h-[620px]";
 const WIDGET_MIN_HEIGHT_CLASSNAME = "min-h-[620px]";
 const DRAWER_HEIGHT = 620;
+const BREAKPOINTS = {
+  md: 400
+};
 const TOASTER_LIFETIME = 5e3;
 const swapModeToSpender = {
   market: "AugustusSwapper",
@@ -18,5 +21,5 @@ const defaults = {
   // add more defaults here as needed
 };
 
-export { DRAWER_HEIGHT, TOASTER_LIFETIME, WIDGET_ELEMENT_ID, WIDGET_HEIGHT_CLASSNAME, WIDGET_MIN_HEIGHT_CLASSNAME, defaults, swapModeToSpender };
+export { BREAKPOINTS, DRAWER_HEIGHT, TOASTER_LIFETIME, WIDGET_ELEMENT_ID, WIDGET_HEIGHT_CLASSNAME, WIDGET_MIN_HEIGHT_CLASSNAME, defaults, swapModeToSpender };
 //# sourceMappingURL=constants.js.map

package/dist/core/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/core/constants.ts"],"sourcesContent":["import type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport type { SpenderContractType } from \"@/hooks/sdk/types\";\nimport { supportedTradeModes } from \"@/lib/tradeMode\";\n\nimport { supportedChainIds } from \"@/lib/web3/wagmi/constants\";\nimport { defaultTokenLists } from \"@/tokens/lists/constants\";\n\nexport const WIDGET_ELEMENT_ID = \"velora-widget\";\nexport const WIDGET_HEIGHT_CLASSNAME = \"h-[620px]\";\nexport const WIDGET_MIN_HEIGHT_CLASSNAME = \"min-h-[620px]\";\nexport const DRAWER_HEIGHT = 620;\n\nexport const TOASTER_LIFETIME = 5000; // default used internally by sonner is 4000\n\nexport const swapModeToSpender: Record<SwapMode, SpenderContractType> = {\n  market: \"AugustusSwapper\",\n  delta: \"ParaswapDelta\",\n};\n\n// grouped defaults for future extensibility\nexport const defaults = {\n  tokenLists: defaultTokenLists,\n  chainIds: supportedChainIds,\n  tradeModes: supportedTradeModes,\n  // add more defaults here as needed\n};\n"],"names":["WIDGET_ELEMENT_ID","WIDGET_HEIGHT_CLASSNAME","WIDGET_MIN_HEIGHT_CLASSNAME","DRAWER_HEIGHT","TOASTER_LIFETIME","swapModeToSpender","market","delta","defaults","tokenLists","defaultTokenLists","chainIds","supportedChainIds","tradeModes","supportedTradeModes"],"mappings":";;;;AAOO,MAAMA,iBAAAA,GAAoB;AAC1B,MAAMC,uBAAAA,GAA0B;AAChC,MAAMC,2BAAAA,GAA8B;AACpC,MAAMC,aAAAA,GAAgB;AAEtB,MAAMC,gBAAAA,GAAmB;AAEzB,MAAMC,iBAAAA,GAA2D;AAAA,EACtEC,MAAAA,EAAQ,iBAAA;AAAA,EACRC,KAAAA,EAAO;AACT;AAGO,MAAMC,QAAAA,GAAW;AAAA,EACtBC,UAAAA,EAAYC,iBAAAA;AAAAA,EACZC,QAAAA,EAAUC,iBAAAA;AAAAA,EACVC,UAAAA,EAAYC;AAAAA;AAEd;;;;"}
+{"version":3,"file":"constants.js","sources":["../../src/core/constants.ts"],"sourcesContent":["import type { SwapMode } from \"@/components/widget/SwapModeSwitcher/state/types\";\nimport type { SpenderContractType } from \"@/hooks/sdk/types\";\nimport { supportedTradeModes } from \"@/lib/tradeMode\";\n\nimport { supportedChainIds } from \"@/lib/web3/wagmi/constants\";\nimport { defaultTokenLists } from \"@/tokens/lists/constants\";\n\nexport const WIDGET_ELEMENT_ID = \"velora-widget\";\nexport const WIDGET_HEIGHT_CLASSNAME = \"h-[620px]\";\nexport const WIDGET_MIN_HEIGHT_CLASSNAME = \"min-h-[620px]\";\nexport const DRAWER_HEIGHT = 620;\n\nexport const BREAKPOINTS = {\n  md: 400,\n};\n\nexport const TOASTER_LIFETIME = 5000; // default used internally by sonner is 4000\n\nexport const swapModeToSpender: Record<SwapMode, SpenderContractType> = {\n  market: \"AugustusSwapper\",\n  delta: \"ParaswapDelta\",\n};\n\n// grouped defaults for future extensibility\nexport const defaults = {\n  tokenLists: defaultTokenLists,\n  chainIds: supportedChainIds,\n  tradeModes: supportedTradeModes,\n  // add more defaults here as needed\n};\n"],"names":["WIDGET_ELEMENT_ID","WIDGET_HEIGHT_CLASSNAME","WIDGET_MIN_HEIGHT_CLASSNAME","DRAWER_HEIGHT","BREAKPOINTS","md","TOASTER_LIFETIME","swapModeToSpender","market","delta","defaults","tokenLists","defaultTokenLists","chainIds","supportedChainIds","tradeModes","supportedTradeModes"],"mappings":";;;;AAOO,MAAMA,iBAAAA,GAAoB;AAC1B,MAAMC,uBAAAA,GAA0B;AAChC,MAAMC,2BAAAA,GAA8B;AACpC,MAAMC,aAAAA,GAAgB;AAEtB,MAAMC,WAAAA,GAAc;AAAA,EACzBC,EAAAA,EAAI;AACN;AAEO,MAAMC,gBAAAA,GAAmB;AAEzB,MAAMC,iBAAAA,GAA2D;AAAA,EACtEC,MAAAA,EAAQ,iBAAA;AAAA,EACRC,KAAAA,EAAO;AACT;AAGO,MAAMC,QAAAA,GAAW;AAAA,EACtBC,UAAAA,EAAYC,iBAAAA;AAAAA,EACZC,QAAAA,EAAUC,iBAAAA;AAAAA,EACVC,UAAAA,EAAYC;AAAAA;AAEd;;;;"}

package/dist/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsU3C,eAAO,MAAM,MAAM,GAAI,qCAAqC,WAAW,4CAatE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAyU3C,eAAO,MAAM,MAAM,GAAI,qCAAqC,WAAW,4CAatE,CAAC"}

package/dist/core/index.js

@@ -64,6 +64,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import { useScreenValue } from './screen/state/hooks/useScreenValue.js';
 import { SecondaryScreenContainer, MainScreenContainer } from '../components/widget/Screen/ScreenContainer.js';
 import { useCloseScreenOnClickOutside } from './screen/hooks/useOnClickOutside.js';
+import { useResizeObserver } from './screen/hooks/useResizeObserver.js';
 import { useLimitReceiverAddress } from './limit/state/receiverAddressAtom.js';
 import { isBridgePrice } from '../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js';
 import { BridgeSelectorExpandable } from '../components/widget/BridgeSelectorExpandable/BridgeSelectorExpandable.js';
@@ -576,6 +577,7 @@ function Containers(t0) {
   const setContainerElement = useSetAtom(containerAtom);
   const containerRef = useRef(null);
   useCloseScreenOnClickOutside(containerRef);
+  useResizeObserver(containerRef);
   const widgetConfig = useWidgetConfig();
   const {
     isDrawerFullCover,