@velora-dex/widget 0.4.13 → 0.4.14-dev.1

package/dist/core/twap/twapDetails/minimumReceiveable.d.ts

@@ -0,0 +1,12 @@
+import { DetailWithValue } from '../../../components/widget/Details/types';
+import { DeltaOrBridgePrice } from '../../../hooks/swap/prices/types';
+import { Token } from '../../../tokens/state/types';
+export declare function constructMinReceivedForTwapDetail({ price, slippagePercent, numSlices, isLoading, tokenTo, swapSide, }: {
+    price?: DeltaOrBridgePrice;
+    slippagePercent: number;
+    numSlices: number;
+    isLoading: boolean;
+    tokenTo?: Token;
+    swapSide?: "SELL" | "BUY";
+}): DetailWithValue | undefined;
+//# sourceMappingURL=minimumReceiveable.d.ts.map

package/dist/core/twap/twapDetails/minimumReceiveable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimumReceiveable.d.ts","sourceRoot":"","sources":["../../../../src/core/twap/twapDetails/minimumReceiveable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAMlD,wBAAgB,iCAAiC,CAAC,EAChD,KAAK,EACL,eAAe,EACf,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC3B,GAAG,eAAe,GAAG,SAAS,CAuC9B"}

package/dist/core/twap/twapDetails/minimumReceiveable.js

@@ -0,0 +1,44 @@
+import { getDestAmountAfterFeeAndSlippage } from '../../../lib/utils/price.js';
+import { toDecimalTrimmed } from '../../../lib/utils/toDecimal.js';
+import { getTotalTwapAmount } from '../../../lib/utils/twap.js';
+import { formatUnits } from 'viem';
+
+const tooltip = "The minimum amount of token to receive after slippage.";
+function constructMinReceivedForTwapDetail({
+  price,
+  slippagePercent,
+  numSlices,
+  isLoading,
+  tokenTo,
+  swapSide
+}) {
+  if (swapSide === "BUY") return;
+  const title = "Minimum Receivable";
+  if (!price || !tokenTo) {
+    return {
+      title,
+      value: null,
+      isLoading,
+      tooltip
+    };
+  }
+  const minDestAmount = getDestAmountAfterFeeAndSlippage({
+    price,
+    slippagePercent
+  });
+  const minDestAmountTotal = getTotalTwapAmount({
+    chunkWei: minDestAmount,
+    numSlices
+  });
+  const minDestAmountUnit = formatUnits(BigInt(minDestAmountTotal), tokenTo.decimals);
+  const formattedMinDestAmountUnit = toDecimalTrimmed(minDestAmountUnit);
+  return {
+    title,
+    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,
+    isLoading,
+    tooltip
+  };
+}
+
+export { constructMinReceivedForTwapDetail };
+//# sourceMappingURL=minimumReceiveable.js.map

package/dist/core/twap/twapDetails/minimumReceiveable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimumReceiveable.js","sources":["../../../../src/core/twap/twapDetails/minimumReceiveable.ts"],"sourcesContent":["import type { DetailWithValue } from \"@/components/widget/Details/types\";\nimport type { DeltaOrBridgePrice } from \"@/hooks/swap/prices/types\";\nimport { getDestAmountAfterFeeAndSlippage } from \"@/lib/utils/price\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { getTotalTwapAmount } from \"@/lib/utils/twap\";\nimport type { Token } from \"@/tokens/state/types\";\n\nimport { formatUnits } from \"viem\";\n\nconst tooltip = \"The minimum amount of token to receive after slippage.\";\n\nexport function constructMinReceivedForTwapDetail({\n  price,\n  slippagePercent,\n  numSlices,\n  isLoading,\n  tokenTo,\n  swapSide,\n}: {\n  price?: DeltaOrBridgePrice;\n  slippagePercent: number;\n  numSlices: number;\n  isLoading: boolean;\n  tokenTo?: Token;\n  swapSide?: \"SELL\" | \"BUY\";\n}): DetailWithValue | undefined {\n  // in case of BUY minReceived= exactly destAmount*numSlices\n  if (swapSide === \"BUY\") return;\n\n  const title = \"Minimum Receivable\";\n\n  if (!price || !tokenTo) {\n    return {\n      title,\n      value: null,\n      isLoading,\n      tooltip,\n    };\n  }\n\n  const minDestAmount = getDestAmountAfterFeeAndSlippage({\n    price,\n    slippagePercent,\n  });\n\n  // minDestAmount*numSlices\n  const minDestAmountTotal = getTotalTwapAmount({\n    chunkWei: minDestAmount,\n    numSlices,\n  });\n\n  const minDestAmountUnit = formatUnits(\n    BigInt(minDestAmountTotal),\n    tokenTo.decimals\n  );\n\n  const formattedMinDestAmountUnit = toDecimalTrimmed(minDestAmountUnit);\n\n  return {\n    title,\n    value: `${formattedMinDestAmountUnit} ${tokenTo.symbol}`,\n    isLoading,\n    tooltip,\n  };\n}\n"],"names":["tooltip","constructMinReceivedForTwapDetail","price","slippagePercent","numSlices","isLoading","tokenTo","swapSide","title","value","minDestAmount","getDestAmountAfterFeeAndSlippage","minDestAmountTotal","getTotalTwapAmount","chunkWei","minDestAmountUnit","formatUnits","BigInt","decimals","formattedMinDestAmountUnit","toDecimalTrimmed","symbol"],"mappings":";;;;;AASA,MAAMA,OAAAA,GAAU,wDAAA;AAET,SAASC,iCAAAA,CAAkC;AAAA,EAChDC,KAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC;AAQF,CAAA,EAAgC;AAE9B,EAAA,IAAIA,aAAa,KAAA,EAAO;AAExB,EAAA,MAAMC,KAAAA,GAAQ,oBAAA;AAEd,EAAA,IAAI,CAACN,KAAAA,IAAS,CAACI,OAAAA,EAAS;AACtB,IAAA,OAAO;AAAA,MACLE,KAAAA;AAAAA,MACAC,KAAAA,EAAO,IAAA;AAAA,MACPJ,SAAAA;AAAAA,MACAL;AAAAA,KACF;AAAA,EACF;AAEA,EAAA,MAAMU,gBAAgBC,gCAAAA,CAAiC;AAAA,IACrDT,KAAAA;AAAAA,IACAC;AAAAA,GACD,CAAA;AAGD,EAAA,MAAMS,qBAAqBC,kBAAAA,CAAmB;AAAA,IAC5CC,QAAAA,EAAUJ,aAAAA;AAAAA,IACVN;AAAAA,GACD,CAAA;AAED,EAAA,MAAMW,oBAAoBC,WAAAA,CACxBC,MAAAA,CAAOL,kBAAkB,CAAA,EACzBN,QAAQY,QACV,CAAA;AAEA,EAAA,MAAMC,0BAAAA,GAA6BC,iBAAiBL,iBAAiB,CAAA;AAErE,EAAA,OAAO;AAAA,IACLP,KAAAA;AAAAA,IACAC,KAAAA,EAAO,CAAA,EAAGU,0BAA0B,CAAA,CAAA,EAAIb,QAAQe,MAAM,CAAA,CAAA;AAAA,IACtDhB,SAAAA;AAAAA,IACAL;AAAAA,GACF;AACF;;;;"}

package/dist/core/twap/useTwapDetailsListProps.d.ts

@@ -0,0 +1,3 @@
+import { DetailWithValueListExpandableProps } from '../../components/widget/Details/types';
+export declare const useTwapDetailsListProps: () => DetailWithValueListExpandableProps | null;
+//# sourceMappingURL=useTwapDetailsListProps.d.ts.map

package/dist/core/twap/useTwapDetailsListProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTwapDetailsListProps.d.ts","sourceRoot":"","sources":["../../../src/core/twap/useTwapDetailsListProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,mCAAmC,CAAC;AAgB3C,eAAO,MAAM,uBAAuB,QAC9B,kCAAkC,GAAG,IAuExC,CAAC"}

package/dist/core/twap/useTwapDetailsListProps.js

@@ -0,0 +1,109 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../_virtual/index.js';
+import { useWidgetTokens } from '../inputs/state/common.js';
+import { useAtomValue } from '../store.js';
+import { twapPayInputAmountWeiAtom, twapReceiveInputAmountWeiAtom } from './state/twapInputAmountAtom.js';
+import { twapDurationAtom, twapSlippageAtom } from './state/twapParamsAtom.js';
+import { TWAP_DURATION_OPTIONS } from './state/constants.js';
+import { DeltaIcon } from '../../components/widget/Icon/DeltaIcon.js';
+import { SwapRate } from '../../components/widget/SwapRate/SwapRate.js';
+import { useTwapPrices } from '../../hooks/swap/prices/useTwapPrices.js';
+import { constructMinReceivedForTwapDetail } from './twapDetails/minimumReceiveable.js';
+import { isTruthy } from '../../lib/utils/index.js';
+
+const useTwapDetailsListProps = () => {
+  const $ = distExports.c(19);
+  const {
+    tokenFrom,
+    tokenTo
+  } = useWidgetTokens("twap");
+  const {
+    isLoading,
+    side,
+    price,
+    numSlices
+  } = useTwapPrices();
+  const srcAmountWei = useAtomValue(twapPayInputAmountWeiAtom);
+  const destAmountWei = useAtomValue(twapReceiveInputAmountWeiAtom);
+  const duration = useAtomValue(twapDurationAtom);
+  const slippage = useAtomValue(twapSlippageAtom);
+  if (!tokenTo || destAmountWei === void 0 || !srcAmountWei || srcAmountWei === "0") {
+    return null;
+  }
+  const isBuy = side === "BUY";
+  let t0;
+  if ($[0] !== duration || $[1] !== isLoading || $[2] !== numSlices || $[3] !== price || $[4] !== side || $[5] !== slippage || $[6] !== tokenTo) {
+    const durationLabel = TWAP_DURATION_OPTIONS.find((o) => o.value === duration)?.label ?? `${duration} min`;
+    const minReceivableDetail = constructMinReceivedForTwapDetail({
+      price,
+      isLoading,
+      numSlices,
+      tokenTo,
+      slippagePercent: slippage,
+      swapSide: side
+    });
+    t0 = [{
+      title: "Order Routing",
+      value: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(DeltaIcon, {}),
+        " Delta"
+      ] })
+    }, {
+      title: "Slippage Tolerance",
+      value: `${slippage}%`
+    }, {
+      title: "Order Duration",
+      value: durationLabel
+    }, minReceivableDetail].filter(isTruthy);
+    $[0] = duration;
+    $[1] = isLoading;
+    $[2] = numSlices;
+    $[3] = price;
+    $[4] = side;
+    $[5] = slippage;
+    $[6] = tokenTo;
+    $[7] = t0;
+  } else {
+    t0 = $[7];
+  }
+  const details = t0;
+  let t1;
+  if ($[8] !== destAmountWei || $[9] !== isBuy || $[10] !== isLoading || $[11] !== srcAmountWei || $[12] !== tokenFrom || $[13] !== tokenTo) {
+    t1 = /* @__PURE__ */ jsx(SwapRate, { srcToken: tokenFrom, destToken: tokenTo, srcAmountWei, destAmountWei, isLoading, reverse: isBuy, prefix: "Market Rate:" });
+    $[8] = destAmountWei;
+    $[9] = isBuy;
+    $[10] = isLoading;
+    $[11] = srcAmountWei;
+    $[12] = tokenFrom;
+    $[13] = tokenTo;
+    $[14] = t1;
+  } else {
+    t1 = $[14];
+  }
+  let t2;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      root: "mt-4"
+    };
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  let t3;
+  if ($[16] !== details || $[17] !== t1) {
+    t3 = {
+      details,
+      trigger: t1,
+      classes: t2
+    };
+    $[16] = details;
+    $[17] = t1;
+    $[18] = t3;
+  } else {
+    t3 = $[18];
+  }
+  return t3;
+};
+
+export { useTwapDetailsListProps };
+//# sourceMappingURL=useTwapDetailsListProps.js.map

package/dist/core/twap/useTwapDetailsListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTwapDetailsListProps.js","sources":["../../../src/core/twap/useTwapDetailsListProps.tsx"],"sourcesContent":["import type {\n  DetailWithValue,\n  DetailWithValueListExpandableProps,\n} from \"@/components/widget/Details/types\";\nimport { useWidgetTokens } from \"../inputs/state/common\";\nimport { useAtomValue } from \"@/core/store\";\nimport {\n  twapPayInputAmountWeiAtom,\n  twapReceiveInputAmountWeiAtom,\n} from \"./state/twapInputAmountAtom\";\nimport { twapDurationAtom } from \"./state/twapParamsAtom\";\nimport { twapSlippageAtom } from \"./state/twapParamsAtom\";\nimport { TWAP_DURATION_OPTIONS } from \"./state/constants\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport { SwapRate } from \"@/components/widget/SwapRate/SwapRate\";\nimport { useTwapPrices } from \"@/hooks/swap/prices/useTwapPrices\";\nimport { constructMinReceivedForTwapDetail } from \"./twapDetails/minimumReceiveable\";\nimport { isTruthy } from \"@/lib/utils\";\n\nexport const useTwapDetailsListProps =\n  (): DetailWithValueListExpandableProps | null => {\n    const { tokenFrom, tokenTo } = useWidgetTokens(\"twap\");\n    const { isLoading, side, price, numSlices } = useTwapPrices();\n\n    const srcAmountWei = useAtomValue(twapPayInputAmountWeiAtom);\n    const destAmountWei = useAtomValue(twapReceiveInputAmountWeiAtom);\n\n    const duration = useAtomValue(twapDurationAtom);\n    const slippage = useAtomValue(twapSlippageAtom);\n\n    if (\n      !tokenTo ||\n      destAmountWei === undefined ||\n      !srcAmountWei ||\n      srcAmountWei === \"0\"\n    ) {\n      return null;\n    }\n\n    const isBuy = side === \"BUY\";\n\n    const durationLabel =\n      TWAP_DURATION_OPTIONS.find((o) => o.value === duration)?.label ??\n      `${duration} min`;\n\n    const minReceivableDetail = constructMinReceivedForTwapDetail({\n      price,\n      isLoading,\n      numSlices,\n      tokenTo,\n      slippagePercent: slippage,\n      swapSide: side,\n    });\n\n    const details: DetailWithValue[] = [\n      {\n        title: \"Order Routing\",\n        value: (\n          <div className=\"flex items-center gap-1\">\n            <DeltaIcon /> Delta\n          </div>\n        ),\n      },\n      {\n        title: \"Slippage Tolerance\",\n        value: `${slippage}%`,\n      },\n      {\n        title: \"Order Duration\",\n        value: durationLabel,\n      },\n      minReceivableDetail,\n    ].filter(isTruthy);\n\n    return {\n      details,\n      trigger: (\n        <SwapRate\n          srcToken={tokenFrom}\n          destToken={tokenTo}\n          srcAmountWei={srcAmountWei}\n          destAmountWei={destAmountWei}\n          isLoading={isLoading}\n          reverse={isBuy}\n          prefix=\"Market Rate:\"\n        />\n      ),\n      classes: {\n        root: \"mt-4\",\n      },\n    };\n  };\n"],"names":["useTwapDetailsListProps","$","_c","tokenFrom","tokenTo","useWidgetTokens","isLoading","side","price","numSlices","useTwapPrices","srcAmountWei","useAtomValue","twapPayInputAmountWeiAtom","destAmountWei","twapReceiveInputAmountWeiAtom","duration","twapDurationAtom","slippage","twapSlippageAtom","undefined","isBuy","t0","durationLabel","TWAP_DURATION_OPTIONS","find","o","value","label","minReceivableDetail","constructMinReceivedForTwapDetail","slippagePercent","swapSide","title","filter","isTruthy","details","t1","t2","Symbol","for","root","t3","trigger","classes"],"mappings":"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"}

package/dist/core/twap/useTwapTokenFromInputProps.d.ts

@@ -0,0 +1,9 @@
+import { TokenInputProps } from '../../components/widget/TokenInput/types';
+export type UseTwapTokenFromInputInput = {
+    override?: {
+        amountWei?: string;
+    };
+    isPriceLoading?: boolean;
+};
+export declare const useTwapTokenFromInputProps: (input?: UseTwapTokenFromInputInput) => TokenInputProps;
+//# sourceMappingURL=useTwapTokenFromInputProps.d.ts.map

package/dist/core/twap/useTwapTokenFromInputProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTwapTokenFromInputProps.d.ts","sourceRoot":"","sources":["../../../src/core/twap/useTwapTokenFromInputProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAmC5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAkKF,eAAO,MAAM,0BAA0B,GACrC,QAAO,0BAA+B,KACrC,eAsBF,CAAC"}

package/dist/core/twap/useTwapTokenFromInputProps.js

@@ -0,0 +1,455 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../_virtual/index.js';
+import { useAtomValue, useSetAtom } from '../store.js';
+import { useLogger } from '../logger.js';
+import { twapPayInputAmountWeiAtom, twapPayInputAmountAtom } from './state/twapInputAmountAtom.js';
+import { useChainId } from 'wagmi';
+import { useTokenBalance } from '../../hooks/tokens/balances/useTokenBalance.js';
+import { LONG_STALE_TIME_FOR_REACTIVENESS, MEDIUM_STALE_TIME_FOR_REACTIVENESS } from '../../lib/constants/time.js';
+import { toDecimalTrimmed } from '../../lib/utils/toDecimal.js';
+import { DEPOSIT_NATIVE_AND_PRE_SIGN_GAS_LIMIT } from '../../lib/constants/index.js';
+import { selectTwapTokenFromAtom } from './state/selectedTokenActionsAtom.js';
+import { useTwapTokenFrom } from './state/twapTokenAtoms.js';
+import { useEnabledSrcChainsWithDelta } from '../state/enabledChainsAtom.js';
+import { switchChain } from '../../lib/web3/wagmi/switchChain.js';
+import { useMaxButtonPropsBase } from '../inputs/hooks/useMaxButtonProps.js';
+import { currentTwapInputAtom } from './state/currentTwapInputAtom.js';
+import { useTwapSide } from './state/twapSideAtom.js';
+import { formatUnits } from 'viem';
+import { useDeltaOrderRequiredAllowance, useDeltaLimitOrderRequiredBalance } from '../../hooks/swap/prices/delta/queries/useDeltaLimitOrderRequiredBalance.js';
+import { useGenericTokenAllowance } from '../../hooks/tokens/allowance/useGenericTokenAllowance.js';
+import { useIsInsufficientBalanceToFillOrder } from '../../hooks/tokens/balances/useIsLimitOrderInsufficientBalance.js';
+import { formatTokenAmount } from '../../lib/utils/formatTokenBalance.js';
+import { getInsufficientBalanceToFillOrderMessage } from '../../lib/utils/delta.js';
+
+const useTwapTokenFromAmountProps = (t0) => {
+  const $ = distExports.c(12);
+  const {
+    override
+  } = t0;
+  const logger = useLogger("Twap::TokenFrom::AmountProps");
+  const tokenFrom = useTwapTokenFrom();
+  const rawAmount = useAtomValue(twapPayInputAmountAtom);
+  const setAmountValue = useSetAtom(twapPayInputAmountAtom);
+  const tokenBalanceUnit = useTokenFromBalanceUnit();
+  let t1;
+  if ($[0] !== override || $[1] !== rawAmount || $[2] !== tokenFrom) {
+    t1 = override?.amountWei ? formatUnits(BigInt(override.amountWei), tokenFrom.decimals) : rawAmount;
+    $[0] = override;
+    $[1] = rawAmount;
+    $[2] = tokenFrom;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const amount = t1;
+  let t2;
+  if ($[4] !== logger || $[5] !== setAmountValue) {
+    t2 = (values) => {
+      logger.log("onAmountChange::values", values);
+      setAmountValue(values.value);
+    };
+    $[4] = logger;
+    $[5] = setAmountValue;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== amount || $[8] !== t2 || $[9] !== tokenBalanceUnit || $[10] !== tokenFrom) {
+    t3 = {
+      amount,
+      tokenBalanceUnit,
+      token: tokenFrom,
+      onAmountChange: t2
+    };
+    $[7] = amount;
+    $[8] = t2;
+    $[9] = tokenBalanceUnit;
+    $[10] = tokenFrom;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+};
+const useTokenConditionalProps = (t0) => {
+  const $ = distExports.c(36);
+  const {
+    amountWei,
+    tokenFrom,
+    spenderContractType
+  } = t0;
+  const t1 = spenderContractType === "ParaswapDelta";
+  let t2;
+  if ($[0] !== amountWei || $[1] !== t1 || $[2] !== tokenFrom.address) {
+    t2 = {
+      tokenAddress: tokenFrom.address,
+      amount: amountWei,
+      enabled: t1
+    };
+    $[0] = amountWei;
+    $[1] = t1;
+    $[2] = tokenFrom.address;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const {
+    combinedAllowance: srcCombinedAllowance
+  } = useDeltaOrderRequiredAllowance(t2);
+  let t3;
+  if ($[4] !== spenderContractType || $[5] !== srcCombinedAllowance || $[6] !== tokenFrom) {
+    t3 = {
+      token: tokenFrom,
+      spenderContractType,
+      amountToApproveInWei: srcCombinedAllowance
+    };
+    $[4] = spenderContractType;
+    $[5] = srcCombinedAllowance;
+    $[6] = tokenFrom;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const tokenAllowance = useGenericTokenAllowance(t3);
+  let t4;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      staleTime: LONG_STALE_TIME_FOR_REACTIVENESS
+    };
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== tokenFrom.address) {
+    t5 = {
+      tokenAddress: tokenFrom.address,
+      query: t4
+    };
+    $[9] = tokenFrom.address;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  const {
+    data
+  } = useDeltaLimitOrderRequiredBalance(t5);
+  let t6;
+  if ($[11] !== data || $[12] !== tokenFrom.address) {
+    t6 = data?.[tokenFrom.address.toLowerCase()];
+    $[11] = data;
+    $[12] = tokenFrom.address;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const requiredBalanceToFillWei = t6;
+  let t7;
+  if ($[14] !== amountWei || $[15] !== requiredBalanceToFillWei || $[16] !== tokenFrom) {
+    t7 = {
+      tokenFrom,
+      payAmountWei: amountWei,
+      requiredBalanceToFillWei
+    };
+    $[14] = amountWei;
+    $[15] = requiredBalanceToFillWei;
+    $[16] = tokenFrom;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const {
+    isInsufficientBalance,
+    isInsufficientBalanceToFill,
+    requiredBalanceToFillUnit
+  } = useIsInsufficientBalanceToFillOrder(t7);
+  let t10;
+  let t11;
+  let t8;
+  let t9;
+  if ($[18] !== isInsufficientBalance || $[19] !== isInsufficientBalanceToFill || $[20] !== requiredBalanceToFillUnit || $[21] !== tokenAllowance || $[22] !== tokenFrom) {
+    const requiredBalanceToFillFormatted = isInsufficientBalanceToFill && requiredBalanceToFillUnit ? formatTokenAmount(requiredBalanceToFillUnit) : void 0;
+    const t122 = !isInsufficientBalance && !isInsufficientBalanceToFill && tokenAllowance.needsApproval;
+    if ($[27] !== t122) {
+      t11 = {
+        lockIcon: t122
+      };
+      $[27] = t122;
+      $[28] = t11;
+    } else {
+      t11 = $[28];
+    }
+    t8 = tokenFrom;
+    t9 = isInsufficientBalance || isInsufficientBalanceToFill;
+    t10 = requiredBalanceToFillFormatted ? getInsufficientBalanceToFillOrderMessage(tokenFrom, requiredBalanceToFillFormatted) : void 0;
+    $[18] = isInsufficientBalance;
+    $[19] = isInsufficientBalanceToFill;
+    $[20] = requiredBalanceToFillUnit;
+    $[21] = tokenAllowance;
+    $[22] = tokenFrom;
+    $[23] = t10;
+    $[24] = t11;
+    $[25] = t8;
+    $[26] = t9;
+  } else {
+    t10 = $[23];
+    t11 = $[24];
+    t8 = $[25];
+    t9 = $[26];
+  }
+  let t12;
+  if ($[29] !== t10 || $[30] !== t8 || $[31] !== t9) {
+    t12 = {
+      token: t8,
+      shouldDisplay: t9,
+      messageOverride: t10
+    };
+    $[29] = t10;
+    $[30] = t8;
+    $[31] = t9;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  let t13;
+  if ($[33] !== t11 || $[34] !== t12) {
+    t13 = {
+      tokenBadgePropsOverride: t11,
+      insufficientBalanceMessageProps: t12
+    };
+    $[33] = t11;
+    $[34] = t12;
+    $[35] = t13;
+  } else {
+    t13 = $[35];
+  }
+  return t13;
+};
+const useMaxButtonProps = () => {
+  const $ = distExports.c(6);
+  const tokenFrom = useTwapTokenFrom();
+  const setPayInputAmount = useSetAtom(twapPayInputAmountAtom);
+  const setCurrentInput = useSetAtom(currentTwapInputAtom);
+  let t0;
+  if ($[0] !== setCurrentInput || $[1] !== setPayInputAmount) {
+    t0 = (balanceUnit) => {
+      setCurrentInput("from");
+      setPayInputAmount(balanceUnit);
+    };
+    $[0] = setCurrentInput;
+    $[1] = setPayInputAmount;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const onClick = t0;
+  let t1;
+  if ($[3] !== onClick || $[4] !== tokenFrom) {
+    t1 = {
+      tokenFrom,
+      gasLimit: DEPOSIT_NATIVE_AND_PRE_SIGN_GAS_LIMIT,
+      onClick
+    };
+    $[3] = onClick;
+    $[4] = tokenFrom;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return useMaxButtonPropsBase(t1);
+};
+const useTokenFromBalanceUnit = () => {
+  const $ = distExports.c(5);
+  const tokenFrom = useTwapTokenFrom();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      refetchInterval: MEDIUM_STALE_TIME_FOR_REACTIVENESS
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== tokenFrom) {
+    t1 = {
+      token: tokenFrom,
+      queryOptions: t0
+    };
+    $[1] = tokenFrom;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const {
+    balanceUnit
+  } = useTokenBalance(t1);
+  let t2;
+  if ($[3] !== balanceUnit) {
+    t2 = toDecimalTrimmed(balanceUnit);
+    $[3] = balanceUnit;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+const useExtraProps = (t0) => {
+  const $ = distExports.c(15);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    isPriceLoading
+  } = t1;
+  const appChainId = useChainId();
+  const enabledChainsWithDelta = useEnabledSrcChainsWithDelta();
+  const setCurrentInput = useSetAtom(currentTwapInputAtom);
+  const side = useTwapSide();
+  const isLoading = isPriceLoading && side === "BUY";
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      root: "pointer-events-auto"
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const t3 = enabledChainsWithDelta.length <= 1;
+  let t4;
+  if ($[3] !== appChainId || $[4] !== enabledChainsWithDelta || $[5] !== t3) {
+    t4 = {
+      classes: t2,
+      networks: enabledChainsWithDelta,
+      selectedNetwork: appChainId,
+      allOption: false,
+      onSelect: _temp,
+      disabled: t3
+    };
+    $[3] = appChainId;
+    $[4] = enabledChainsWithDelta;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== setCurrentInput) {
+    t5 = () => setCurrentInput("from");
+    $[7] = setCurrentInput;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsx("span", { children: "Pay" });
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t6,
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "text-contrast-5", children: "on" })
+    ] });
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== isLoading || $[12] !== t4 || $[13] !== t5) {
+    t8 = {
+      networkSwitcherProps: t4,
+      tokenType: "from",
+      onFocus: t5,
+      label: t7,
+      isLoading
+    };
+    $[11] = isLoading;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  return t8;
+};
+const useTwapTokenFromInputProps = (t0) => {
+  const $ = distExports.c(13);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const input = t1;
+  const amountProps = useTwapTokenFromAmountProps(input);
+  let t2;
+  if ($[2] !== input.isPriceLoading) {
+    t2 = {
+      isPriceLoading: input.isPriceLoading
+    };
+    $[2] = input.isPriceLoading;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const extraProps = useExtraProps(t2);
+  const maxButtonProps = useMaxButtonProps();
+  const payInputAmountWei = useAtomValue(twapPayInputAmountWeiAtom);
+  let t3;
+  if ($[4] !== amountProps.token || $[5] !== payInputAmountWei) {
+    t3 = {
+      amountWei: payInputAmountWei,
+      tokenFrom: amountProps.token,
+      spenderContractType: "ParaswapDelta"
+    };
+    $[4] = amountProps.token;
+    $[5] = payInputAmountWei;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const tokenConditionalProps = useTokenConditionalProps(t3);
+  const setTokenFrom = useSetAtom(selectTwapTokenFromAtom);
+  let t4;
+  if ($[7] !== amountProps || $[8] !== extraProps || $[9] !== maxButtonProps || $[10] !== setTokenFrom || $[11] !== tokenConditionalProps) {
+    t4 = {
+      ...amountProps,
+      ...extraProps,
+      ...maxButtonProps,
+      ...tokenConditionalProps,
+      onTokenSelect: setTokenFrom
+    };
+    $[7] = amountProps;
+    $[8] = extraProps;
+    $[9] = maxButtonProps;
+    $[10] = setTokenFrom;
+    $[11] = tokenConditionalProps;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+};
+function _temp(chainId) {
+  return chainId !== "all" && switchChain({
+    chainId
+  });
+}
+
+export { useTwapTokenFromInputProps };
+//# sourceMappingURL=useTwapTokenFromInputProps.js.map