@velora-dex/widget 0.8.1 → 0.8.3-dev.0

package/dist/components/widget/LimitOrderItem/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","defaultOrderParams","limit","activeOrderParams","status","const"],"sources":["../../../../src/components/widget/LimitOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n//  MAX_ORDERS_LIMIT in API is 1000\nconst LIMIT_OF_ORDERS = 500;\n\nexport const defaultOrderParams = {\n  limit: LIMIT_OF_ORDERS,\n};\n\nexport const activeOrderParams = {\n  ...defaultOrderParams,\n  status: [\"ACTIVE\" as const],\n};\n"],"mappings":"AAIA,IAAaC,IAAqB,EAChCC,OAHsB,KAIvB,EAEYC,IAAoB;CAC/B,GAAGF;CACHG,QAAQ,CAAC,SAAiB;CAC3B"}
+{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","defaultOrderParams","limit","activeOrderParams","status","const"],"sources":["../../../../src/components/widget/LimitOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n//  MAX_ORDERS_LIMIT in API is 1000\nconst LIMIT_OF_ORDERS = 500;\n\nexport const defaultOrderParams = {\n  limit: LIMIT_OF_ORDERS,\n};\n\nexport const activeOrderParams = {\n  ...defaultOrderParams,\n  status: [\"ACTIVE\" as const],\n};\n"],"mappings":"AAIA,IAAaC,IAAqB,EAChCC,OAAOF,KACR,EAEYG,IAAoB;CAC/B,GAAGF;CACHG,QAAQ,CAAC,SAAiB;CAC3B"}

package/dist/components/widget/LimitOrderItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaAuction","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","DeltaAuctionWithTwapOrder","constructLimitOrderItem","auction","allChainsTokenMap","srcAmount","destAmount","srcChainId","destChainId","srcToken","srcTokenAddress","destToken","destTokenAddress","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","visualItemType","type","onChainOrderType","extra","itemType","isLimitOrderWithExtra","order","twapSliceInfo","Pick","transactions","length","numSlices"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaAuction } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaAuction,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const {\n    srcAmount,\n    destAmount,\n    srcChainId,\n    destChainId,\n    srcToken: srcTokenAddress,\n    destToken: destTokenAddress,\n  } = getUnifiedDeltaOrderData(auction);\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(srcChainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  let visualItemType;\n  if (auction.type === \"LIMIT\") {\n    visualItemType = \"Limit\";\n  } else if (\n    auction.onChainOrderType === \"TWAPOrder\" ||\n    auction.onChainOrderType === \"TWAPBuyOrder\"\n  ) {\n    visualItemType = \"TWAP\";\n  } else if (auction.onChainOrderType === \"ExternalOrder\") {\n    visualItemType = \"External Order\";\n  } else {\n    visualItemType = \"Swap\";\n  }\n\n  const extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n    visualItemType,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function twapSliceInfo(\n  auction: Pick<DeltaAuctionWithTwapOrder, \"transactions\" | \"order\">\n): string {\n  return `${auction.transactions.length}/${auction.order.numSlices}`;\n}\n"],"mappings":";;;;;AAUA,SAAgBU,EACdC,GACAC,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTpB,EAAyBW,EAAQ,EAEjCM,GACAE,GAEAE,GACAC;AAEJ,KAAInB,EAAmBY,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFV,EAAa;GAC/BsB,SAASN;GACTO,SAASV;GACV,CAAC;AAGF,EAAIW,MACFT,IAAWS,GACXL,IAAgBd,EAAYoB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;AAI1E,KAAIzB,EAAmBa,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFV,EAAa;GAChCsB,SAASJ;GACTK,SAAST;GACV,CAAC;AAGF,EAAIc,MACFX,IAAYW,GACZR,IAAiBf,EAAYoB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;AACJ,CAUEA,IAVEpB,EAAQqB,SAAS,UACF,UAEjBrB,EAAQsB,qBAAqB,eAC7BtB,EAAQsB,qBAAqB,iBAEZ,SACRtB,EAAQsB,qBAAqB,kBACrB,mBAEA;CAGnB,IAAMC,IAAQ;EACZjB;EACAE;EACAN;EACAC;EACAO;EACAC;EACAS;EACD;AAED,QAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;AACrE,QAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC;;AAGtD,SAAgBgB,EACd3B,GACQ;AACR,QAAO,GAAGA,EAAQ6B,aAAaC,OAAM,GAAI9B,EAAQ0B,MAAMK"}
+{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaAuction","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","DeltaAuctionWithTwapOrder","constructLimitOrderItem","auction","allChainsTokenMap","srcAmount","destAmount","srcChainId","destChainId","srcToken","srcTokenAddress","destToken","destTokenAddress","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","visualItemType","type","onChainOrderType","extra","itemType","isLimitOrderWithExtra","order","twapSliceInfo","Pick","transactions","length","numSlices"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaAuction } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaAuction,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const {\n    srcAmount,\n    destAmount,\n    srcChainId,\n    destChainId,\n    srcToken: srcTokenAddress,\n    destToken: destTokenAddress,\n  } = getUnifiedDeltaOrderData(auction);\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(srcChainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  let visualItemType;\n  if (auction.type === \"LIMIT\") {\n    visualItemType = \"Limit\";\n  } else if (\n    auction.onChainOrderType === \"TWAPOrder\" ||\n    auction.onChainOrderType === \"TWAPBuyOrder\"\n  ) {\n    visualItemType = \"TWAP\";\n  } else if (auction.onChainOrderType === \"ExternalOrder\") {\n    visualItemType = \"External Order\";\n  } else {\n    visualItemType = \"Swap\";\n  }\n\n  const extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n    visualItemType,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function twapSliceInfo(\n  auction: Pick<DeltaAuctionWithTwapOrder, \"transactions\" | \"order\">\n): string {\n  return `${auction.transactions.length}/${auction.order.numSlices}`;\n}\n"],"mappings":";;;;;AAUA,SAAgBU,EACdC,GACAC,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTpB,EAAyBW,EAAQ,EAEjCM,GACAE,GAEAE,GACAC;CAEJ,IAAInB,EAAmBY,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFV,EAAa;GAC/BsB,SAASN;GACTO,SAASV;GACV,CAEuCQ;EACxC,AAAIG,MACFT,IAAWS,GACXL,IAAgBd,EAAYoB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;CAI1E,IAAIzB,EAAmBa,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFV,EAAa;GAChCsB,SAASJ;GACTK,SAAST;GACV,CAEwCa;EACzC,AAAIC,MACFX,IAAYW,GACZR,IAAiBf,EAAYoB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;CACJ,AAUEA,IAVEpB,EAAQqB,SAAS,UACF,UAEjBrB,EAAQsB,qBAAqB,eAC7BtB,EAAQsB,qBAAqB,iBAEZ,SACRtB,EAAQsB,qBAAqB,kBACrB,mBAEA;CAGnB,IAAMC,IAAQ;EACZjB;EACAE;EACAN;EACAC;EACAO;EACAC;EACAS;EACD;CAED,OAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;CACrE,OAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC;;AAGtD,SAAgBgB,EACd3B,GACQ;CACR,OAAO,GAAGA,EAAQ6B,aAAaC,OAAM,GAAI9B,EAAQ0B,MAAMK"}

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

@@ -12,12 +12,12 @@ import { NumericFormat as le } from "react-number-format";
 var ue = (ue) => {
 	let o = re(64), { type: de, isLocked: s, amount: c, isLoading: fe, priceDiff: l, drivingToken: pe, onAmountChange: u, onToggleLock: d, onToggleReverse: f, onReset: p, onFocus: m } = ue, h = de === "limit", me = l > .1 || l < -.1, g = l / 100, _;
 	o[0] === g ? _ = o[1] : (_ = ne(g), o[0] = g, o[1] = _);
-	let v = _, y = s ? oe : se, b = fe, x = l > 0, he = l < 0, ge = {
+	let v = _, y = s ? oe : se, b = fe, x = l > 0, he = {
 		"text-secondary-shamrock-green-2": x,
-		"text-secondary-radical-red-2": he
-	}, [_e, S] = ie(!1), C = h ? "Limit" : "OTC", w;
+		"text-secondary-radical-red-2": l < 0
+	}, [ge, S] = ie(!1), C = h ? "Limit" : "OTC", w;
 	o[2] === C ? w = o[3] : (w = /* @__PURE__ */ a("span", { children: [C, " Price"] }), o[2] = C, o[3] = w);
-	let T = n, E = h ? "limit" : "OTC", D = e(ge), O = x ? "higher" : "lower", k;
+	let T = n, E = h ? "limit" : "OTC", D = e(he), O = x ? "higher" : "lower", k;
 	o[4] !== v || o[5] !== O || o[6] !== D ? (k = /* @__PURE__ */ a("span", {
 		className: D,
 		children: [
@@ -36,7 +36,7 @@ var ue = (ue) => {
 		" ",
 		"than the current market price."
 	] }), o[8] = T, o[9] = k, o[10] = E, o[11] = A) : A = o[11];
-	let j = !s && _e, M = !s, N;
+	let j = !s && ge, M = !s, N;
 	o[12] !== s || o[13] !== M ? (N = e("w-3.5 h-3.5", {
 		"cursor-pointer": M,
 		"cursor-not-allowed opacity-50": s
@@ -143,7 +143,7 @@ var ue = (ue) => {
 						className: "flex gap-1",
 						children: [w, /* @__PURE__ */ a("div", {
 							className: e("truncate w-[50px]", {
-								...ge,
+								...he,
 								hidden: !me
 							}),
 							children: [x ? "+" : "", v]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UnstyledInput","cn","NumericFormat","ArrowRightLeft","RefreshCcw","Lock","LockOpen","Skeleton","Tooltip","TooltipContent","TooltipTrigger","formatPercent","PriceInputProps","useState","PriceInput","t0","$","_c","type","isLocked","amount","isLoading","priceDiff","drivingToken","onAmountChange","onToggleLock","onToggleReverse","onReset","onFocus","isLimit","shouldShowPriceDiff","t1","t2","priceDiffToDisplay","LockIcon","showSkeleton","priceDiffPositive","priceDiffNegative","priceDiffStyles","resetTooltipOpen","setResetTooltipOpen","t3","t4","T0","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","hidden","t28","t29","symbol","t30","t31","t32","Symbol","for","t33","t34","t35","undefined"],"sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\nimport { NumericFormat } from \"react-number-format\";\nimport { ArrowRightLeft, RefreshCcw, Lock, LockOpen } from \"lucide-react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatPercent } from \"@/lib/utils/formatPercent\";\nimport type { PriceInputProps } from \"./types\";\nimport { useState } from \"react\";\n\nexport const PriceInput = ({\n  type,\n  isLocked,\n  amount,\n  isLoading,\n  priceDiff,\n  drivingToken,\n  onAmountChange,\n  onToggleLock,\n  onToggleReverse,\n  onReset,\n  onFocus,\n}: PriceInputProps) => {\n  const isLimit = type === \"limit\";\n\n  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;\n  const priceDiffToDisplay = formatPercent(priceDiff / 100);\n\n  const LockIcon = isLocked ? Lock : LockOpen;\n  const showSkeleton = isLoading;\n\n  const priceDiffPositive = priceDiff > 0;\n  const priceDiffNegative = priceDiff < 0;\n\n  const priceDiffStyles = {\n    \"text-secondary-shamrock-green-2\": priceDiffPositive,\n    \"text-secondary-radical-red-2\": priceDiffNegative,\n  };\n\n  // must use controlled Tooltip with open prop,\n  // to avoid \"Tooltip is changing from uncontrolled to controlled\" warning\n  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);\n\n  return (\n    <div className=\"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      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <Tooltip open={!shouldShowPriceDiff ? false : undefined}>\n          <TooltipTrigger asChild>\n            <div className=\"flex gap-1\">\n              <span>{isLimit ? \"Limit\" : \"OTC\"} Price</span>\n              <div\n                className={cn(\"truncate w-[50px]\", {\n                  ...priceDiffStyles,\n                  hidden: !shouldShowPriceDiff,\n                })}\n              >\n                {priceDiffPositive ? \"+\" : \"\"}\n                {priceDiffToDisplay}\n              </div>\n            </div>\n          </TooltipTrigger>\n          <TooltipContent>\n            Your {isLimit ? \"limit\" : \"OTC\"} price is{\" \"}\n            <span className={cn(priceDiffStyles)}>\n              {priceDiffToDisplay} {priceDiffPositive ? \"higher\" : \"lower\"}\n            </span>{\" \"}\n            than the current market price.\n          </TooltipContent>\n        </Tooltip>\n        <div className=\"flex items-center gap-3 dark:text-contrast-6\">\n          <Tooltip\n            open={!isLocked && resetTooltipOpen}\n            onOpenChange={setResetTooltipOpen}\n          >\n            <TooltipTrigger asChild>\n              <RefreshCcw\n                className={cn(\"w-3.5 h-3.5\", {\n                  \"cursor-pointer\": !isLocked,\n                  \"cursor-not-allowed opacity-50\": isLocked,\n                })}\n                onClick={onReset}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Reset {isLimit ? \"limit\" : \"OTC\"} price to current market price\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <LockIcon\n                className={cn(\"w-3.5 h-3.5 cursor-pointer\", {\n                  \"text-secondary-shamrock-green-2\": isLocked,\n                })}\n                onClick={onToggleLock}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Lock the {isLimit ? \"limit\" : \"OTC\"} price to Receive value\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        {showSkeleton && <Skeleton className=\"w-full h-[28px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: showSkeleton, // 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              // @TODO maybe not needed for PriceInput\n\n              \"opacity-50 cursor-not-allowed\": isLocked,\n            }\n          )}\n          placeholder=\"0\"\n          disabled={isLocked}\n          value={amount}\n          onValueChange={onAmountChange}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          onFocus={onFocus}\n          thousandSeparator\n        />\n        <div className=\"flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm\">\n          <span>{drivingToken?.symbol}</span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <ArrowRightLeft\n                className=\"w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer\"\n                onClick={onToggleReverse}\n              />\n            </TooltipTrigger>\n            <TooltipContent>Switch order pair</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["UnstyledInput","cn","NumericFormat","ArrowRightLeft","RefreshCcw","Lock","LockOpen","Skeleton","Tooltip","TooltipContent","TooltipTrigger","formatPercent","PriceInputProps","useState","PriceInput","t0","$","_c","type","isLocked","amount","isLoading","priceDiff","drivingToken","onAmountChange","onToggleLock","onToggleReverse","onReset","onFocus","isLimit","shouldShowPriceDiff","t1","t2","priceDiffToDisplay","LockIcon","showSkeleton","priceDiffPositive","priceDiffNegative","priceDiffStyles","resetTooltipOpen","setResetTooltipOpen","t3","t4","T0","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","hidden","t28","t29","symbol","t30","t31","t32","Symbol","for","t33","t34","t35","undefined"],"sources":["../../../../src/components/widget/LimitPriceInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { cn } from \"@/lib/utils\";\nimport { NumericFormat } from \"react-number-format\";\nimport { ArrowRightLeft, RefreshCcw, Lock, LockOpen } from \"lucide-react\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatPercent } from \"@/lib/utils/formatPercent\";\nimport type { PriceInputProps } from \"./types\";\nimport { useState } from \"react\";\n\nexport const PriceInput = ({\n  type,\n  isLocked,\n  amount,\n  isLoading,\n  priceDiff,\n  drivingToken,\n  onAmountChange,\n  onToggleLock,\n  onToggleReverse,\n  onReset,\n  onFocus,\n}: PriceInputProps) => {\n  const isLimit = type === \"limit\";\n\n  const shouldShowPriceDiff = priceDiff > 0.1 || priceDiff < -0.1;\n  const priceDiffToDisplay = formatPercent(priceDiff / 100);\n\n  const LockIcon = isLocked ? Lock : LockOpen;\n  const showSkeleton = isLoading;\n\n  const priceDiffPositive = priceDiff > 0;\n  const priceDiffNegative = priceDiff < 0;\n\n  const priceDiffStyles = {\n    \"text-secondary-shamrock-green-2\": priceDiffPositive,\n    \"text-secondary-radical-red-2\": priceDiffNegative,\n  };\n\n  // must use controlled Tooltip with open prop,\n  // to avoid \"Tooltip is changing from uncontrolled to controlled\" warning\n  const [resetTooltipOpen, setResetTooltipOpen] = useState(false);\n\n  return (\n    <div className=\"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      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <Tooltip open={!shouldShowPriceDiff ? false : undefined}>\n          <TooltipTrigger asChild>\n            <div className=\"flex gap-1\">\n              <span>{isLimit ? \"Limit\" : \"OTC\"} Price</span>\n              <div\n                className={cn(\"truncate w-[50px]\", {\n                  ...priceDiffStyles,\n                  hidden: !shouldShowPriceDiff,\n                })}\n              >\n                {priceDiffPositive ? \"+\" : \"\"}\n                {priceDiffToDisplay}\n              </div>\n            </div>\n          </TooltipTrigger>\n          <TooltipContent>\n            Your {isLimit ? \"limit\" : \"OTC\"} price is{\" \"}\n            <span className={cn(priceDiffStyles)}>\n              {priceDiffToDisplay} {priceDiffPositive ? \"higher\" : \"lower\"}\n            </span>{\" \"}\n            than the current market price.\n          </TooltipContent>\n        </Tooltip>\n        <div className=\"flex items-center gap-3 dark:text-contrast-6\">\n          <Tooltip\n            open={!isLocked && resetTooltipOpen}\n            onOpenChange={setResetTooltipOpen}\n          >\n            <TooltipTrigger asChild>\n              <RefreshCcw\n                className={cn(\"w-3.5 h-3.5\", {\n                  \"cursor-pointer\": !isLocked,\n                  \"cursor-not-allowed opacity-50\": isLocked,\n                })}\n                onClick={onReset}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Reset {isLimit ? \"limit\" : \"OTC\"} price to current market price\n            </TooltipContent>\n          </Tooltip>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <LockIcon\n                className={cn(\"w-3.5 h-3.5 cursor-pointer\", {\n                  \"text-secondary-shamrock-green-2\": isLocked,\n                })}\n                onClick={onToggleLock}\n              />\n            </TooltipTrigger>\n            <TooltipContent>\n              Lock the {isLimit ? \"limit\" : \"OTC\"} price to Receive value\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        {showSkeleton && <Skeleton className=\"w-full h-[28px]\" />}\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: showSkeleton, // 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              // @TODO maybe not needed for PriceInput\n\n              \"opacity-50 cursor-not-allowed\": isLocked,\n            }\n          )}\n          placeholder=\"0\"\n          disabled={isLocked}\n          value={amount}\n          onValueChange={onAmountChange}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          onFocus={onFocus}\n          thousandSeparator\n        />\n        <div className=\"flex items-center gap-1.5 text-contrast-3 dark:text-contrast-8 text-sm\">\n          <span>{drivingToken?.symbol}</span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <ArrowRightLeft\n                className=\"w-3.5 h-3.5 dark:text-contrast-6 cursor-pointer\"\n                onClick={onToggleReverse}\n              />\n            </TooltipTrigger>\n            <TooltipContent>Switch order pair</TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/Line/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["cn","Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","t4"],"sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAAOC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;AAAA,CAAAJ,EAAA,OAAAD,KAI4CG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJ3C,eAAAK,UAAAD,MAAAD,KAAAJ,GAI2CC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAIxD,IAAAG,IANNH,MAAAE,KAAAA,KAAAF,IAMM,oDAAA,mDAEqDI;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KAH5CC,IAAAX,EACTU,GAGAL,EACD,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAED,QAFCT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KANHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAKV,GACGL;EACJ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IARFS"}
+{"version":3,"file":"Line.js","names":["cn","Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","t4"],"sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAAOC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAD,KAI4CG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJ3C,eAAAK,UAAAD,MAAAD,KAAAJ,GAI2CC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAIxD,IAAAG,IANNH,MAAAE,KAAAA,KAAAF,IAMM,oDAAA,mDAEqDI;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KAH5CC,IAAAX,EACTU,GAGAL,EACD,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAED,OAFCT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KANHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAKV,GACGL;EACJ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IARFS"}

package/dist/components/widget/ListItem/ListItemWithSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemWithSwitch.js","names":["Switch","cn","WithClasses","ListItemWithSwitch","t0","$","_c","label","checked","onCheckedChange","classes","t1","root","t2","t3","t4","t5"],"sources":["../../../../src/components/widget/ListItem/ListItemWithSwitch.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const ListItemWithSwitch = ({\n  label,\n  checked,\n  onCheckedChange,\n  classes,\n}: {\n  label: React.ReactNode;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n} & WithClasses<\"root\">) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-sm dark:text-contrast-7\">{label}</div>\n      <Switch\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,YAAAC,oBAAAC,eAAAN,GAc3BO,IAAAD,GAAOE,MAAMC;AAAA,CAAAR,EAAA,OAAAM,IACdE,IAAAR,EAAA,MAHUQ,IAAAZ,EACT,sGACAU,EACD,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAQ;CAAA,IAAAC;AAAA,CAAAT,EAAA,OAAAE,IAE0DO,IAAAT,EAAA,MAA3DS,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAgCP;EAAY,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAS;CAAA,IAAAC;AAAA,CAAAV,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAC3DM,IAAA,kBAAC,GAAD;EACWP;EACQC;EACP,WAAA;EACV,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;AACE,QADFX,EAAA,OAAAQ,KAAAR,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAXJC,IAAA,kBAAA,OAAA;EACa,WAAAH;YADb,CAMEC,GACAC,EAKI;KAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KAZNW"}
+{"version":3,"file":"ListItemWithSwitch.js","names":["Switch","cn","WithClasses","ListItemWithSwitch","t0","$","_c","label","checked","onCheckedChange","classes","t1","root","t2","t3","t4","t5"],"sources":["../../../../src/components/widget/ListItem/ListItemWithSwitch.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const ListItemWithSwitch = ({\n  label,\n  checked,\n  onCheckedChange,\n  classes,\n}: {\n  label: React.ReactNode;\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n} & WithClasses<\"root\">) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-between gap-2 py-4 border-b border-b-contrast-7 dark:border-b-contrast-3\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-sm dark:text-contrast-7\">{label}</div>\n      <Switch\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n        className=\"cursor-pointer\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,YAAAC,oBAAAC,eAAAN,GAc3BO,IAAAD,GAAOE,MAAMC;CAAA,AAAAR,EAAA,OAAAM,IACdE,IAAAR,EAAA,MAHUQ,IAAAZ,EACT,sGACAU,EACD,EAAAN,EAAA,KAAAM,GAAAN,EAAA,KAAAQ;CAAA,IAAAC;CAAA,AAAAT,EAAA,OAAAE,IAE0DO,IAAAT,EAAA,MAA3DS,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAgCP;EAAY,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAS;CAAA,IAAAC;CAAA,AAAAV,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAC3DM,IAAA,kBAAC,GAAD;EACWP;EACQC;EACP,WAAA;EACV,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;CACE,OADFX,EAAA,OAAAQ,KAAAR,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAXJC,IAAA,kBAAA,OAAA;EACa,WAAAH;YADb,CAMEC,GACAC,EAKI;KAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KAZNW"}

package/dist/components/widget/NetworkIcon/NetworkIconSquare.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkIconSquare.js","names":["ReactComponent","EthereumSqrSvg","OptimismSqrSvg","ArbitrumSqrSvg","PolygonSqrSvg","BaseSqrSvg","GnosisSqrSvg","AvalancheSqrSvg","BscSqrSvg","UnichainSqrSvg","cn","arbitrum","avalanche","base","bsc","gnosis","mainnet","optimism","polygon","unichain","SupportedChainId","isSupportedChainId","useLogger","iconsSqr","Record","id","NetworkIconSquare","t0","$","_c","networkId","withBorder","className","logger","SvgIcon","undefined","warn","T0","t1","t2"],"sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/core/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      className={cn(\n        \"size-4\",\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAMuB,IAA4D;EAC/DP,EAAQS,KAAKxB;EACbgB,EAASQ,KAAKvB;EACdY,EAAIW,KAAKjB;EACTO,EAAOU,KAAKnB;EACZY,EAAQO,KAAKrB;EACbO,EAASc,KAAKtB;EACdS,EAAUa,KAAKlB;EACfM,EAAKY,KAAKpB;EACVc,EAASM,KAAKhB;CAChB,EAEYiB,KAAoBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,eAAAC,iBAAAL,GAShCM,IAAeX,EAAU,oBAAoB,EAC7CY,IAAcb,EAAmBS,EAA4C,GAA/BP,EAASO,KAAzCK,KAAAA;AAEd,CAEED,OADAD,EAAMG,KAAM,iCAAiCN,IAAY,EAC/C7B;CAIT,IAAAoC,IAAAH,GAAOI;AAAA,CAAAV,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KACKO,IAAA5B,EACT,UACA,EAAA,iEAEIqB,GACH,EACDC,EACD,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;AACD,QADCX,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KARHC,IAAA,kBAAC,GAAD,EACa,WAAAD,GAQX,CAAA,EAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA,IATFW"}
+{"version":3,"file":"NetworkIconSquare.js","names":["ReactComponent","EthereumSqrSvg","OptimismSqrSvg","ArbitrumSqrSvg","PolygonSqrSvg","BaseSqrSvg","GnosisSqrSvg","AvalancheSqrSvg","BscSqrSvg","UnichainSqrSvg","cn","arbitrum","avalanche","base","bsc","gnosis","mainnet","optimism","polygon","unichain","SupportedChainId","isSupportedChainId","useLogger","iconsSqr","Record","id","NetworkIconSquare","t0","$","_c","networkId","withBorder","className","logger","SvgIcon","undefined","warn","T0","t1","t2"],"sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/core/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      className={cn(\n        \"size-4\",\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAMuB,IAA4D;EAC/DP,EAAQS,KAAKxB;EACbgB,EAASQ,KAAKvB;EACdY,EAAIW,KAAKjB;EACTO,EAAOU,KAAKnB;EACZY,EAAQO,KAAKrB;EACbO,EAASc,KAAKtB;EACdS,EAAUa,KAAKlB;EACfM,EAAKY,KAAKpB;EACVc,EAASM,KAAKhB;CAChB,EAEYiB,KAAoBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,eAAAC,iBAAAL,GAShCM,IAAeX,EAAU,oBAAoB,EAC7CY,IAAcb,EAAmBS,EAA4C,GAA/BP,EAASO,KAAzCK,KAAAA;CAEd,AAEED,OADAD,EAAMG,KAAM,iCAAiCN,IAAY,EAC/C7B;CAIT,IAAAoC,IAAAH,GAAOI;CAAA,AAAAV,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KACKO,IAAA5B,EACT,UACA,EAAA,iEAEIqB,GACH,EACDC,EACD,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAW;CACD,OADCX,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KARHC,IAAA,kBAAC,GAAD,EACa,WAAAD,GAQX,CAAA,EAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA,IATFW"}

package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactNetworkSwitcher.js","names":["FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","NetworkSwitcherDropdown","CompactNetworkSwitcherProps","CompactNetworkSwitcher","React","FC","t0","$","_c","disabled","selectedNetwork","networks","onSelect","dropdownProps","networkDropdownClasses","allOption","t1","iconWithChevron","t2"],"sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"sourcesContent":["import {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"../NetworkWithIcon/NetworkIconWithChevron\";\nimport { NetworkSwitcherDropdown } from \"./NetworkSwitcherDropdown\";\nimport type { CompactNetworkSwitcherProps } from \"./types\";\n\nexport const CompactNetworkSwitcher: React.FC<CompactNetworkSwitcherProps> = ({\n  disabled,\n  selectedNetwork,\n  networks,\n  onSelect,\n  dropdownProps,\n  networkDropdownClasses,\n  allOption,\n}) => {\n  const iconWithChevron =\n    selectedNetwork === \"all\" ? (\n      <FourNetworksWithIconAndChevron disabled={disabled} />\n    ) : (\n      <NetworkWithIconAndChevron\n        compact\n        networkId={selectedNetwork}\n        disabled={disabled}\n      />\n    );\n\n  if (disabled)\n    return (\n      <div className=\"flex items-center gap-1 cursor-not-allowed\">\n        {iconWithChevron}\n      </div>\n    );\n\n  return (\n    <NetworkSwitcherDropdown\n      selectedNetwork={selectedNetwork}\n      networks={networks}\n      onSelect={onSelect}\n      menuTrigger={iconWithChevron}\n      dropdownProps={dropdownProps}\n      allOption={allOption}\n      classes={networkDropdownClasses}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaI,KAAgEG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,aAAAC,oBAAAC,aAAAC,aAAAC,kBAAAC,2BAAAC,iBAAAT,GAQ7EU;AAAA,CAAAT,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAEGM,IAAAN,MAAoB,QAClB,kBAAC,GAAD,EAA0CD,aAO3C,CAAA,GALC,kBAAC,GAAD;EACE,SAAA;EACWC,WAAAA;EACDD;EAEb,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CATH,IAAAU,IACED;AAUF,KAAIP,GAAQ;EAAA,IAAAS;AAIF,SAJEX,EAAA,OAAAU,IAIFC,IAAAX,EAAA,MAFNW,IAAA,kBAAA,OAAA;GAAe,WAAA;aACZD;GACG,CAAA,EAAAV,EAAA,KAAAU,GAAAV,EAAA,KAAAW,IAFNA;;CAGA,IAAAA;AAWA,QAXAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KAAAV,EAAA,OAAAO,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAG,KAGFQ,IAAA,kBAAC,GAAD;EACmBR;EACPC;EACAC;EACGK,aAAAA;EACEJ;EACJE;EACFD,SAAAA;EACT,CAAA,EAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAI,GAAAJ,EAAA,MAAAK,GAAAL,EAAA,MAAAG,GAAAH,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KARFW"}
+{"version":3,"file":"CompactNetworkSwitcher.js","names":["FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","NetworkSwitcherDropdown","CompactNetworkSwitcherProps","CompactNetworkSwitcher","React","FC","t0","$","_c","disabled","selectedNetwork","networks","onSelect","dropdownProps","networkDropdownClasses","allOption","t1","iconWithChevron","t2"],"sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"sourcesContent":["import {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"../NetworkWithIcon/NetworkIconWithChevron\";\nimport { NetworkSwitcherDropdown } from \"./NetworkSwitcherDropdown\";\nimport type { CompactNetworkSwitcherProps } from \"./types\";\n\nexport const CompactNetworkSwitcher: React.FC<CompactNetworkSwitcherProps> = ({\n  disabled,\n  selectedNetwork,\n  networks,\n  onSelect,\n  dropdownProps,\n  networkDropdownClasses,\n  allOption,\n}) => {\n  const iconWithChevron =\n    selectedNetwork === \"all\" ? (\n      <FourNetworksWithIconAndChevron disabled={disabled} />\n    ) : (\n      <NetworkWithIconAndChevron\n        compact\n        networkId={selectedNetwork}\n        disabled={disabled}\n      />\n    );\n\n  if (disabled)\n    return (\n      <div className=\"flex items-center gap-1 cursor-not-allowed\">\n        {iconWithChevron}\n      </div>\n    );\n\n  return (\n    <NetworkSwitcherDropdown\n      selectedNetwork={selectedNetwork}\n      networks={networks}\n      onSelect={onSelect}\n      menuTrigger={iconWithChevron}\n      dropdownProps={dropdownProps}\n      allOption={allOption}\n      classes={networkDropdownClasses}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaI,KAAgEG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,aAAAC,oBAAAC,aAAAC,aAAAC,kBAAAC,2BAAAC,iBAAAT,GAQ7EU;CAAA,AAAAT,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAEGM,IAAAN,MAAoB,QAClB,kBAAC,GAAD,EAA0CD,aAO3C,CAAA,GALC,kBAAC,GAAD;EACE,SAAA;EACWC,WAAAA;EACDD;EAEb,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CATH,IAAAU,IACED;CAUF,IAAIP,GAAQ;EAAA,IAAAS;EAIF,OAJEX,EAAA,OAAAU,IAIFC,IAAAX,EAAA,MAFNW,IAAA,kBAAA,OAAA;GAAe,WAAA;aACZD;GACG,CAAA,EAAAV,EAAA,KAAAU,GAAAV,EAAA,KAAAW,IAFNA;;CAGA,IAAAA;CAWA,OAXAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAM,KAAAN,EAAA,OAAAU,KAAAV,EAAA,OAAAO,KAAAP,EAAA,OAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAG,KAGFQ,IAAA,kBAAC,GAAD;EACmBR;EACPC;EACAC;EACGK,aAAAA;EACEJ;EACJE;EACFD,SAAAA;EACT,CAAA,EAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAM,GAAAN,EAAA,KAAAU,GAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAI,GAAAJ,EAAA,MAAAK,GAAAL,EAAA,MAAAG,GAAAH,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KARFW"}

package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkSwitcherDropdown.js","names":["DropdownWithItems","NetworkSwitcherDropdownProps","cn","NetworkWithIconProps","FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","constructNetworkItems","networkWithIconClasses","name","NetworkSwitcherDropdown","React","FC","PropsWithChildren","t0","$","_c","classes","disabled","dropdownProps","forcedMenuTrigger","prefix","props","t1","menuTrigger","items","t2","root","selectedNetwork","t3","trigger"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.tsx"],"sourcesContent":["import { DropdownWithItems } from \"@/components/widget/Dropdown/DropdownWithItems\";\nimport type { NetworkSwitcherDropdownProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"@/components/widget/NetworkWithIcon/types\";\nimport {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"@/components/widget/NetworkWithIcon/NetworkIconWithChevron\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst networkWithIconClasses: NetworkWithIconProps[\"classes\"] = {\n  name: \"text-contrast-3 dark:text-contrast-6\",\n};\n\nexport const NetworkSwitcherDropdown: React.FC<\n  React.PropsWithChildren<NetworkSwitcherDropdownProps>\n> = ({\n  prefix,\n  classes,\n  menuTrigger: forcedMenuTrigger,\n  disabled,\n  dropdownProps,\n  ...props\n}) => {\n  const items = constructNetworkItems(props);\n\n  const menuTrigger = forcedMenuTrigger ?? (\n    <div\n      className={cn(\n        \"flex items-center gap-[4px] w-min text-nowrap\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <div\n        className={cn(\n          \"text-xs text-contrast-3 dark:text-contrast-7\",\n          classes?.prefix\n        )}\n      >\n        {prefix}\n      </div>\n      {props.selectedNetwork === \"all\" ? (\n        <FourNetworksWithIconAndChevron\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      ) : (\n        <NetworkWithIconAndChevron\n          networkId={props.selectedNetwork}\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n\n  return disabled ? (\n    menuTrigger\n  ) : (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={{ trigger: \"w-min text-nowrap\" }}\n      {...dropdownProps}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAMO,IAA0D,EAC9DC,MAAM,wCACP,EAEYC,KAETI,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,CAAAR,EAAA,OAAAD,KAQwCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,IAAAM,IAAAN,EAAA,IAAAO,IAAAP,EAAA,IAAAQ,IAAAR,EAAA,OARvC,wBAAAS,aAAAJ,qCAAAE,KAAAR,GAQWS,IAAAhB,EAAsBe,EAAM,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAA1C,IAAAE,IAAcF,GAA6BG;AAAA,CAAAX,EAAA,OAAAE,GAAAI,UAAAN,EAAA,OAAAE,GAAAU,QAAAZ,EAAA,QAAAG,KAAAH,EAAA,QAAAK,KAAAL,EAAA,QAAAM,KAAAN,EAAA,QAAAO,KAEvBI,IAAAN,KAClB,kBAAA,OAAA;EACa,WAAAjB,EACT,iDACA;GAAA,kBACoB,CAACe;GAAQ,sBACLA;GACvB,EACDD,GAAOU,KACT;YARF,CAUE,kBAAA,OAAA;GACa,WAAAxB,EACT,gDACAc,GAAOI,OACT;aAECA;GAEF,CAAA,EAAAC,EAAKM,oBAAqB,QACzB,kBAAC,GAAD;GAC0BpB;GACdU;GAQb,CAAA,GALC,kBAAC,GAAD;GACa,WAAAI,EAAKM;GACQpB;GACdU;GAEd,CAAA,CAEH;KAAAH,EAAA,KAAAE,GAAAI,QAAAN,EAAA,KAAAE,GAAAU,MAAAZ,EAAA,MAAAG,GAAAH,EAAA,MAAAK,GAAAL,EAAA,MAAAM,GAAAN,EAAA,MAAAO,GAAAP,EAAA,MAAAW,KAAAA,IAAAX,EAAA;CAhCD,IAAAS,IAAoBE,GAgClBG;AAWD,QAXCd,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAU,KAAAV,EAAA,QAAAS,KAEKK,IAAAX,IAAAM,IAGL,kBAAC,GAAD;EACSC;EACMD;EACJ,SAAA,EAAAM,SAAW,qBAAoB;EAAC,GACrCX;EAEP,CAAA,EAAAJ,EAAA,MAAAG,GAAAH,EAAA,MAAAI,GAAAJ,EAAA,MAAAU,GAAAV,EAAA,MAAAS,GAAAT,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KATMc"}
+{"version":3,"file":"NetworkSwitcherDropdown.js","names":["DropdownWithItems","NetworkSwitcherDropdownProps","cn","NetworkWithIconProps","FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","constructNetworkItems","networkWithIconClasses","name","NetworkSwitcherDropdown","React","FC","PropsWithChildren","t0","$","_c","classes","disabled","dropdownProps","forcedMenuTrigger","prefix","props","t1","menuTrigger","items","t2","root","selectedNetwork","t3","trigger"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.tsx"],"sourcesContent":["import { DropdownWithItems } from \"@/components/widget/Dropdown/DropdownWithItems\";\nimport type { NetworkSwitcherDropdownProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"@/components/widget/NetworkWithIcon/types\";\nimport {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"@/components/widget/NetworkWithIcon/NetworkIconWithChevron\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst networkWithIconClasses: NetworkWithIconProps[\"classes\"] = {\n  name: \"text-contrast-3 dark:text-contrast-6\",\n};\n\nexport const NetworkSwitcherDropdown: React.FC<\n  React.PropsWithChildren<NetworkSwitcherDropdownProps>\n> = ({\n  prefix,\n  classes,\n  menuTrigger: forcedMenuTrigger,\n  disabled,\n  dropdownProps,\n  ...props\n}) => {\n  const items = constructNetworkItems(props);\n\n  const menuTrigger = forcedMenuTrigger ?? (\n    <div\n      className={cn(\n        \"flex items-center gap-[4px] w-min text-nowrap\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <div\n        className={cn(\n          \"text-xs text-contrast-3 dark:text-contrast-7\",\n          classes?.prefix\n        )}\n      >\n        {prefix}\n      </div>\n      {props.selectedNetwork === \"all\" ? (\n        <FourNetworksWithIconAndChevron\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      ) : (\n        <NetworkWithIconAndChevron\n          networkId={props.selectedNetwork}\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n\n  return disabled ? (\n    menuTrigger\n  ) : (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={{ trigger: \"w-min text-nowrap\" }}\n      {...dropdownProps}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAMO,IAA0D,EAC9DC,MAAM,wCACP,EAEYC,KAETI,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAR,EAAA,OAAAD,KAQwCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,IAAAM,IAAAN,EAAA,IAAAO,IAAAP,EAAA,IAAAQ,IAAAR,EAAA,OARvC,wBAAAS,aAAAJ,qCAAAE,KAAAR,GAQWS,IAAAhB,EAAsBe,EAAM,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAA1C,IAAAE,IAAcF,GAA6BG;CAAA,AAAAX,EAAA,OAAAE,GAAAI,UAAAN,EAAA,OAAAE,GAAAU,QAAAZ,EAAA,QAAAG,KAAAH,EAAA,QAAAK,KAAAL,EAAA,QAAAM,KAAAN,EAAA,QAAAO,KAEvBI,IAAAN,KAClB,kBAAA,OAAA;EACa,WAAAjB,EACT,iDACA;GAAA,kBACoB,CAACe;GAAQ,sBACLA;GACvB,EACDD,GAAOU,KACT;YARF,CAUE,kBAAA,OAAA;GACa,WAAAxB,EACT,gDACAc,GAAOI,OACT;aAECA;GAEF,CAAA,EAAAC,EAAKM,oBAAqB,QACzB,kBAAC,GAAD;GAC0BpB;GACdU;GAQb,CAAA,GALC,kBAAC,GAAD;GACa,WAAAI,EAAKM;GACQpB;GACdU;GAEd,CAAA,CAEH;KAAAH,EAAA,KAAAE,GAAAI,QAAAN,EAAA,KAAAE,GAAAU,MAAAZ,EAAA,MAAAG,GAAAH,EAAA,MAAAK,GAAAL,EAAA,MAAAM,GAAAN,EAAA,MAAAO,GAAAP,EAAA,MAAAW,KAAAA,IAAAX,EAAA;CAhCD,IAAAS,IAAoBE,GAgClBG;CAWD,OAXCd,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAU,KAAAV,EAAA,QAAAS,KAEKK,IAAAX,IAAAM,IAGL,kBAAC,GAAD;EACSC;EACMD;EACJ,SAAA,EAAAM,SAAW,qBAAoB;EAAC,GACrCX;EAEP,CAAA,EAAAJ,EAAA,MAAAG,GAAAH,EAAA,MAAAI,GAAAJ,EAAA,MAAAU,GAAAV,EAAA,MAAAS,GAAAT,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KATMc"}

package/dist/components/widget/NetworkSwitcher/NetworkSwitcherList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkSwitcherList.js","names":["cn","NetworkSwitcherListProps","constructNetworkItems","defaultClasses","root","item","itemSelected","const","NetworkSwitcherList","t0","$","_c","t1","t2","classes","props","items","t3","t4","t5","label","className","_className","selected","onSelect","networkId","selectedClassName","map"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherList.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { NetworkSwitcherListProps } from \"./types\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst defaultClasses = {\n  root: \"flex flex-col gap-1 p-4\",\n  item: \"flex items-center min-h-[32px] text-xs text-contrast-3 dark:text-contrast-7 hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-sm px-2 py-1 cursor-pointer transition-colors\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n} as const;\n\nexport const NetworkSwitcherList = ({\n  classes,\n  ...props\n}: NetworkSwitcherListProps) => {\n  const items = constructNetworkItems(props);\n\n  return (\n    <div className={cn(defaultClasses.root, classes?.root)}>\n      {items.map(\n        ({ label, className: _className, selected, onSelect, networkId }) => {\n          const selectedClassName = cn(\n            defaultClasses.itemSelected,\n            classes?.itemSelected\n          );\n          const className = cn(defaultClasses.item, classes?.item, _className, {\n            [selectedClassName]: selected,\n          });\n          return (\n            <button className={className} onClick={onSelect} key={networkId}>\n              {label}\n            </button>\n          );\n        }\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAMG,IAAiB;CACrBC,MAAM;CACNC,MAAM;CACNC,cAAc;CACf,EAEYE,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;AAAA,KAAAH,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAK,YAAA,GAAAC,MAAAN,GAIlCO,IAAcd,EAAsBa,EAAM,EAGAE,IAAAH,GAAOV;AAAM,EAAAM,EAAA,OAAAO,IAACL,IAAAF,EAAA,MAAtCE,IAAAZ,EAAGG,EAAcC,MAAOa,EAAc,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAE;EAAA,IAAAM;AAgBnDR,EAhBmDA,EAAA,OAAAI,GAAAT,QAAAK,EAAA,OAAAI,GAAAR,gBAElDY,KAAAC,MAAA;GAAC,IAAA,EAAAC,UAAAC,WAAAC,GAAAC,aAAAC,aAAAC,iBAAAN,GACCO,IAA0B1B,EACxBG,EAAcG,cACdQ,GAAOR,aACR;AAGE,UAED,kBAAA,UAAA;IAAmBe,WAJHrB,EAAGG,EAAcE,MAAOS,GAAOT,MAAQiB,GAAY,GAClEI,IAAoBH,GACtB,CAAC;IAEuCC,SAAAA;cACpCJ;IACM,EAF6CK,EAE7C;KAEZf,EAAA,KAAAI,GAAAT,MAAAK,EAAA,KAAAI,GAAAR,cAAAI,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAdFG,IAAAG,EAAKW,IACJT,EAcD,EAAAR,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;OAAAA,CAAAD,IAAAF,EAAA,IAAAG,IAAAH,EAAA;CAAA,IAAAO;AACG,QADHP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAhBHI,IAAA,kBAAA,OAAA;EAAgB,WAAAL;YACbC;EAgBG,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,MAAAO,KAAAA,IAAAP,EAAA,KAjBNO"}
+{"version":3,"file":"NetworkSwitcherList.js","names":["cn","NetworkSwitcherListProps","constructNetworkItems","defaultClasses","root","item","itemSelected","const","NetworkSwitcherList","t0","$","_c","t1","t2","classes","props","items","t3","t4","t5","label","className","_className","selected","onSelect","networkId","selectedClassName","map"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherList.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { NetworkSwitcherListProps } from \"./types\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst defaultClasses = {\n  root: \"flex flex-col gap-1 p-4\",\n  item: \"flex items-center min-h-[32px] text-xs text-contrast-3 dark:text-contrast-7 hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-sm px-2 py-1 cursor-pointer transition-colors\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n} as const;\n\nexport const NetworkSwitcherList = ({\n  classes,\n  ...props\n}: NetworkSwitcherListProps) => {\n  const items = constructNetworkItems(props);\n\n  return (\n    <div className={cn(defaultClasses.root, classes?.root)}>\n      {items.map(\n        ({ label, className: _className, selected, onSelect, networkId }) => {\n          const selectedClassName = cn(\n            defaultClasses.itemSelected,\n            classes?.itemSelected\n          );\n          const className = cn(defaultClasses.item, classes?.item, _className, {\n            [selectedClassName]: selected,\n          });\n          return (\n            <button className={className} onClick={onSelect} key={networkId}>\n              {label}\n            </button>\n          );\n        }\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAMG,IAAiB;CACrBC,MAAM;CACNC,MAAM;CACNC,cAAc;CACf,EAEYE,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;CAAA,IAAAH,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAK,YAAA,GAAAC,MAAAN,GAIlCO,IAAcd,EAAsBa,EAAM,EAGAE,IAAAH,GAAOV;EAAM,AAAAM,EAAA,OAAAO,IAACL,IAAAF,EAAA,MAAtCE,IAAAZ,EAAGG,EAAcC,MAAOa,EAAc,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAE;EAAA,IAAAM;EAgBnDR,AAhBmDA,EAAA,OAAAI,GAAAT,QAAAK,EAAA,OAAAI,GAAAR,gBAElDY,KAAAC,MAAA;GAAC,IAAA,EAAAC,UAAAC,WAAAC,GAAAC,aAAAC,aAAAC,iBAAAN,GACCO,IAA0B1B,EACxBG,EAAcG,cACdQ,GAAOR,aACR;GAGE,OAED,kBAAA,UAAA;IAAmBe,WAJHrB,EAAGG,EAAcE,MAAOS,GAAOT,MAAQiB,GAAY,GAClEI,IAAoBH,GACtB,CAEoBF;IAAoBG,SAAAA;cACpCJ;IACM,EAF6CK,EAE7C;KAEZf,EAAA,KAAAI,GAAAT,MAAAK,EAAA,KAAAI,GAAAR,cAAAI,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAdFG,IAAAG,EAAKW,IACJT,EAcD,EAAAR,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;QAAAA,AAAAD,IAAAF,EAAA,IAAAG,IAAAH,EAAA;CAAA,IAAAO;CACG,OADHP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAhBHI,IAAA,kBAAA,OAAA;EAAgB,WAAAL;YACbC;EAgBG,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,MAAAO,KAAAA,IAAAP,EAAA,KAjBNO"}

package/dist/components/widget/NetworkSwitcher/common/AllNetworksItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllNetworksItem.js","names":["CheckIcon","FourNetworksIcons","AllNetworksItem","t0","$","_c","selected","showCheckIcon","t1","Symbol","for","icon","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/AllNetworksItem.tsx"],"sourcesContent":["import { CheckIcon } from \"../../Icon/CheckIcon\";\nimport { FourNetworksIcons } from \"../../NetworkWithIcon/NetworkWithIcon\";\n\nexport const AllNetworksItem = ({\n  selected,\n  showCheckIcon,\n}: {\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <div className=\"flex items-center gap-[4px] text-xs\">\n        <FourNetworksIcons\n          classes={{\n            icon: \"size-[7.5px]\",\n          }}\n        />\n        All Networks\n      </div>\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaE,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,aAAAC,qBAAAJ,GAM/BK;AAAA,CAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAGKF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EACW,SAAA,EAAAG,MACD,gBACR,EACA,CAAA,EAAA,eAEE;KAAAP,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAQ;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KACLK,IAAAN,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAC1C,QAD0CT,EAAA,OAAAQ,IAC1CC,IAAAT,EAAA,MAVHS,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEL,GAQCI,EACA,EAAA,CAAA,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,IAVHA"}
+{"version":3,"file":"AllNetworksItem.js","names":["CheckIcon","FourNetworksIcons","AllNetworksItem","t0","$","_c","selected","showCheckIcon","t1","Symbol","for","icon","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/AllNetworksItem.tsx"],"sourcesContent":["import { CheckIcon } from \"../../Icon/CheckIcon\";\nimport { FourNetworksIcons } from \"../../NetworkWithIcon/NetworkWithIcon\";\n\nexport const AllNetworksItem = ({\n  selected,\n  showCheckIcon,\n}: {\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <div className=\"flex items-center gap-[4px] text-xs\">\n        <FourNetworksIcons\n          classes={{\n            icon: \"size-[7.5px]\",\n          }}\n        />\n        All Networks\n      </div>\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaE,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,aAAAC,qBAAAJ,GAM/BK;CAAA,AAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAGKF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EACW,SAAA,EAAAG,MACD,gBACR,EACA,CAAA,EAAA,eAEE;KAAAP,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAQ;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KACLK,IAAAN,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAC1C,OAD0CT,EAAA,OAAAQ,IAC1CC,IAAAT,EAAA,MAVHS,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEL,GAQCI,EACA,EAAA,CAAA,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,IAVHA"}

package/dist/components/widget/NetworkSwitcher/common/NetworkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkItem.js","names":["SupportedChainId","NetworkWithIcon","CheckIcon","NetworkItem","t0","$","_c","networkId","selected","showCheckIcon","t1","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/NetworkItem.tsx"],"sourcesContent":["import type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { NetworkWithIcon } from \"../../NetworkWithIcon/NetworkWithIcon\";\nimport { CheckIcon } from \"../../Icon/CheckIcon\";\n\nexport const NetworkItem = ({\n  networkId,\n  selected,\n  showCheckIcon,\n}: {\n  networkId: SupportedChainId;\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <NetworkWithIcon networkId={networkId} />\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,aAAAC,qBAAAL,GAQ3BM;AAAA,CAAAL,EAAA,OAAAE,IAG8CG,IAAAL,EAAA,MAAzCK,IAAA,kBAAC,GAAD,EAA4BH,cAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;AAAA,CAAAN,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KACxCE,IAAAH,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAO;AAC1C,QAD0CP,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAF7CC,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEF,GACCC,EACA,EAAA,CAAA,EAAAN,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAHHO"}
+{"version":3,"file":"NetworkItem.js","names":["SupportedChainId","NetworkWithIcon","CheckIcon","NetworkItem","t0","$","_c","networkId","selected","showCheckIcon","t1","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/NetworkItem.tsx"],"sourcesContent":["import type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { NetworkWithIcon } from \"../../NetworkWithIcon/NetworkWithIcon\";\nimport { CheckIcon } from \"../../Icon/CheckIcon\";\n\nexport const NetworkItem = ({\n  networkId,\n  selected,\n  showCheckIcon,\n}: {\n  networkId: SupportedChainId;\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <NetworkWithIcon networkId={networkId} />\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,aAAAC,qBAAAL,GAQ3BM;CAAA,AAAAL,EAAA,OAAAE,IAG8CG,IAAAL,EAAA,MAAzCK,IAAA,kBAAC,GAAD,EAA4BH,cAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;CAAA,AAAAN,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KACxCE,IAAAH,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAO;CAC1C,OAD0CP,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAF7CC,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEF,GACCC,EACA,EAAA,CAAA,EAAAN,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAHHO"}

package/dist/components/widget/NetworkSwitcher/utils/items.js.map

@@ -1 +1 @@
-{"version":3,"file":"items.js","names":["cn","ArbitraryNetworkItem","ArbitraryNetworkSwitcherProps","AllNetworksItem","NetworkItem","SupportedChainId","constructNetworkItems","allOption","networks","selectedNetwork","onSelect","showCheckIcon","allOptionItem","constructAllOptionItem","undefined","items","map","networkId","constructNetworkItem","concat","Pick","allSelected","label","selected","className"],"sources":["../../../../../src/components/widget/NetworkSwitcher/utils/items.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type {\n  ArbitraryNetworkItem,\n  ArbitraryNetworkSwitcherProps,\n} from \"../types\";\nimport { AllNetworksItem } from \"../common/AllNetworksItem\";\nimport { NetworkItem } from \"../common/NetworkItem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nexport function constructNetworkItems({\n  allOption,\n  networks,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon = true,\n}: ArbitraryNetworkSwitcherProps) {\n  const allOptionItem = allOption\n    ? constructAllOptionItem({\n        selectedNetwork,\n        onSelect,\n        showCheckIcon,\n      })\n    : undefined;\n\n  const items = networks.map((networkId) =>\n    constructNetworkItem({\n      networkId,\n      selectedNetwork,\n      onSelect,\n      showCheckIcon,\n    })\n  );\n\n  return allOptionItem ? [allOptionItem].concat(items) : items;\n}\n\nfunction constructAllOptionItem({\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n>): ArbitraryNetworkItem | undefined {\n  const allSelected = selectedNetwork === \"all\";\n\n  return {\n    networkId: \"all\",\n    label: (\n      <AllNetworksItem selected={allSelected} showCheckIcon={showCheckIcon} />\n    ),\n    onSelect: () => {\n      onSelect?.(\"all\");\n    },\n    selected: allSelected,\n    className: cn({\n      \"justify-between\": allSelected,\n    }),\n  };\n}\n\nfunction constructNetworkItem({\n  networkId,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n> & {\n  networkId: SupportedChainId;\n}): ArbitraryNetworkItem {\n  const selected = networkId === selectedNetwork;\n\n  return {\n    networkId,\n    label: (\n      <NetworkItem\n        networkId={networkId}\n        selected={selected}\n        showCheckIcon={showCheckIcon}\n      />\n    ),\n    onSelect: () => {\n      onSelect?.(networkId);\n    },\n    selected,\n    className: cn({\n      \"justify-between\": selected,\n    }),\n  };\n}\n"],"mappings":";;;;;AASA,SAAgBM,EAAsB,EACpCC,cACAC,aACAC,oBACAC,aACAC,mBAAgB,MACgB;CAChC,IAAMC,IAAgBL,IAClBM,EAAuB;EACrBJ;EACAC;EACAC;EACD,CAAC,GACFG,KAAAA,GAEEC,IAAQP,EAASQ,KAAKC,MAC1BC,EAAqB;EACnBD;EACAR;EACAC;EACAC;EACD,CACH,CAAC;AAED,QAAOC,IAAgB,CAACA,EAAc,CAACO,OAAOJ,EAAM,GAAGA;;AAGzD,SAASF,EAAuB,EAC9BJ,oBACAC,aACAC,oBAImC;CACnC,IAAMU,IAAcZ,MAAoB;AAExC,QAAO;EACLQ,WAAW;EACXK,OACE,kBAAC,GAAD;GAAiB,UAAUD;GAA4BV;GACxD,CAAA;EACDD,gBAAgB;AACdA,OAAW,MAAM;;EAEnBa,UAAUF;EACVG,WAAWxB,EAAG,EACZ,mBAAmBqB,GACpB,CAAA;EACF;;AAGH,SAASH,EAAqB,EAC5BD,cACAR,oBACAC,aACAC,oBAMuB;CACvB,IAAMY,IAAWN,MAAcR;AAE/B,QAAO;EACLQ;EACAK,OACE,kBAAC,GAAD;GACaL;GACDM;GACKZ;GAElB,CAAA;EACDD,gBAAgB;AACdA,OAAWO,EAAU;;EAEvBM;EACAC,WAAWxB,EAAG,EACZ,mBAAmBuB,GACpB,CAAA;EACF"}
+{"version":3,"file":"items.js","names":["cn","ArbitraryNetworkItem","ArbitraryNetworkSwitcherProps","AllNetworksItem","NetworkItem","SupportedChainId","constructNetworkItems","allOption","networks","selectedNetwork","onSelect","showCheckIcon","allOptionItem","constructAllOptionItem","undefined","items","map","networkId","constructNetworkItem","concat","Pick","allSelected","label","selected","className"],"sources":["../../../../../src/components/widget/NetworkSwitcher/utils/items.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type {\n  ArbitraryNetworkItem,\n  ArbitraryNetworkSwitcherProps,\n} from \"../types\";\nimport { AllNetworksItem } from \"../common/AllNetworksItem\";\nimport { NetworkItem } from \"../common/NetworkItem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nexport function constructNetworkItems({\n  allOption,\n  networks,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon = true,\n}: ArbitraryNetworkSwitcherProps) {\n  const allOptionItem = allOption\n    ? constructAllOptionItem({\n        selectedNetwork,\n        onSelect,\n        showCheckIcon,\n      })\n    : undefined;\n\n  const items = networks.map((networkId) =>\n    constructNetworkItem({\n      networkId,\n      selectedNetwork,\n      onSelect,\n      showCheckIcon,\n    })\n  );\n\n  return allOptionItem ? [allOptionItem].concat(items) : items;\n}\n\nfunction constructAllOptionItem({\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n>): ArbitraryNetworkItem | undefined {\n  const allSelected = selectedNetwork === \"all\";\n\n  return {\n    networkId: \"all\",\n    label: (\n      <AllNetworksItem selected={allSelected} showCheckIcon={showCheckIcon} />\n    ),\n    onSelect: () => {\n      onSelect?.(\"all\");\n    },\n    selected: allSelected,\n    className: cn({\n      \"justify-between\": allSelected,\n    }),\n  };\n}\n\nfunction constructNetworkItem({\n  networkId,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n> & {\n  networkId: SupportedChainId;\n}): ArbitraryNetworkItem {\n  const selected = networkId === selectedNetwork;\n\n  return {\n    networkId,\n    label: (\n      <NetworkItem\n        networkId={networkId}\n        selected={selected}\n        showCheckIcon={showCheckIcon}\n      />\n    ),\n    onSelect: () => {\n      onSelect?.(networkId);\n    },\n    selected,\n    className: cn({\n      \"justify-between\": selected,\n    }),\n  };\n}\n"],"mappings":";;;;;AASA,SAAgBM,EAAsB,EACpCC,cACAC,aACAC,oBACAC,aACAC,mBAAgB,MACgB;CAChC,IAAMC,IAAgBL,IAClBM,EAAuB;EACrBJ;EACAC;EACAC;EACD,CAAC,GACFG,KAAAA,GAEEC,IAAQP,EAASQ,KAAKC,MAC1BC,EAAqB;EACnBD;EACAR;EACAC;EACAC;EACD,CACH,CAAC;CAED,OAAOC,IAAgB,CAACA,EAAc,CAACO,OAAOJ,EAAM,GAAGA;;AAGzD,SAASF,EAAuB,EAC9BJ,oBACAC,aACAC,oBAImC;CACnC,IAAMU,IAAcZ,MAAoB;CAExC,OAAO;EACLQ,WAAW;EACXK,OACE,kBAAC,GAAD;GAAiB,UAAUD;GAA4BV;GACxD,CAAA;EACDD,gBAAgB;GACdA,IAAW,MAAM;;EAEnBa,UAAUF;EACVG,WAAWxB,EAAG,EACZ,mBAAmBqB,GACpB,CAAA;EACF;;AAGH,SAASH,EAAqB,EAC5BD,cACAR,oBACAC,aACAC,oBAMuB;CACvB,IAAMY,IAAWN,MAAcR;CAE/B,OAAO;EACLQ;EACAK,OACE,kBAAC,GAAD;GACaL;GACDM;GACKZ;GAElB,CAAA;EACDD,gBAAgB;GACdA,IAAWO,EAAU;;EAEvBM;EACAC,WAAWxB,EAAG,EACZ,mBAAmBuB,GACpB,CAAA;EACF"}

package/dist/components/widget/NetworkWithIcon/NetworkIconWithChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkIconWithChevron.js","names":["cn","FourNetworksIcons","NetworkWithIcon","NetworkWithIconAndChevronProps","ChevronIcon","NetworkWithIconAndChevron","React","FC","t0","$","_c","networkId","disabled","compact","classes","networkWithIconClasses","t1","t2","t3","root","t4","icon","t5","t6","t7","t8","FourNetworksWithIconAndChevron","Omit"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkIconWithChevron.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { FourNetworksIcons, NetworkWithIcon } from \"./NetworkWithIcon\";\nimport type { NetworkWithIconAndChevronProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\n\nexport const NetworkWithIconAndChevron: React.FC<\n  NetworkWithIconAndChevronProps\n> = ({ networkId, disabled, compact, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n          \"gap-2\": compact,\n          \"gap-1\": !compact,\n        },\n        classes?.root\n      )}\n    >\n      <NetworkWithIcon\n        networkId={networkId}\n        compact={compact}\n        classes={{\n          ...networkWithIconClasses,\n          icon: cn(\n            {\n              \"size-5\": compact,\n            },\n            networkWithIconClasses?.icon\n          ),\n        }}\n      />\n      {!disabled && (\n        <ChevronIcon\n          width={compact ? 12 : 10}\n          height={compact ? 12 : 10}\n          className=\"pt-[2px]\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const FourNetworksWithIconAndChevron: React.FC<\n  Omit<NetworkWithIconAndChevronProps, \"networkId\" | \"compact\">\n> = ({ disabled, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <FourNetworksIcons classes={networkWithIconClasses} />\n      {!disabled && <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"NetworkIconWithChevron.js","names":["cn","FourNetworksIcons","NetworkWithIcon","NetworkWithIconAndChevronProps","ChevronIcon","NetworkWithIconAndChevron","React","FC","t0","$","_c","networkId","disabled","compact","classes","networkWithIconClasses","t1","t2","t3","root","t4","icon","t5","t6","t7","t8","FourNetworksWithIconAndChevron","Omit"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkIconWithChevron.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { FourNetworksIcons, NetworkWithIcon } from \"./NetworkWithIcon\";\nimport type { NetworkWithIconAndChevronProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\n\nexport const NetworkWithIconAndChevron: React.FC<\n  NetworkWithIconAndChevronProps\n> = ({ networkId, disabled, compact, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n          \"gap-2\": compact,\n          \"gap-1\": !compact,\n        },\n        classes?.root\n      )}\n    >\n      <NetworkWithIcon\n        networkId={networkId}\n        compact={compact}\n        classes={{\n          ...networkWithIconClasses,\n          icon: cn(\n            {\n              \"size-5\": compact,\n            },\n            networkWithIconClasses?.icon\n          ),\n        }}\n      />\n      {!disabled && (\n        <ChevronIcon\n          width={compact ? 12 : 10}\n          height={compact ? 12 : 10}\n          className=\"pt-[2px]\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const FourNetworksWithIconAndChevron: React.FC<\n  Omit<NetworkWithIconAndChevronProps, \"networkId\" | \"compact\">\n> = ({ disabled, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <FourNetworksIcons classes={networkWithIconClasses} />\n      {!disabled && <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/NetworkWithIcon/NetworkWithIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkWithIcon.js","names":["NetworkIconSquare","cn","NetworkWithIconProps","chainNameMap","useLogger","base","bsc","mainnet","optimism","NetworkWithIcon","React","FC","t0","$","_c","networkId","compact","classes","logger","networkName","warn","t1","root","t2","t3","icon","t4","t5","name","t6","FourNetworksIcons","Omit","_classes","Symbol","for","id","map"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkWithIcon.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"./types\";\nimport { chainNameMap } from \"@/lib/web3/wagmi/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport { base, bsc, mainnet, optimism } from \"@/lib/web3/wagmi/supportedChains\";\n\nexport const NetworkWithIcon: React.FC<NetworkWithIconProps> = ({\n  networkId,\n  compact,\n  classes,\n}) => {\n  const logger = useLogger(\"NetworkWithIcon\");\n  const networkName = chainNameMap[networkId];\n\n  if (!networkName) {\n    logger.warn(`Network with ID ${networkId} not found`);\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-[4px] text-xs\", classes?.root)}>\n      <NetworkIconSquare networkId={networkId} className={classes?.icon} />\n      {!compact && <div className={classes?.name}>{networkName}</div>}\n    </div>\n  );\n};\n\nexport const FourNetworksIcons: React.FC<\n  Omit<NetworkWithIconProps, \"networkId\" | \"compact\">\n> = ({ classes: _classes }) => {\n  const classes = {\n    ..._classes,\n    icon: cn(\"size-2.5\", _classes?.icon),\n  };\n\n  return (\n    <div className=\"grid grid-cols-[repeat(2,1fr)] gap-[1px]\">\n      {[mainnet.id, bsc.id, optimism.id, base.id].map((networkId) => (\n        <NetworkWithIcon\n          key={networkId}\n          networkId={networkId}\n          classes={classes}\n          compact\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,IAAaS,KAAkDG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAAC,YAAAC,eAAAL,GAK9DM,IAAed,EAAU,kBAAkB,EAC3Ce,IAAoBhB,EAAaY;AAEjC,CAAKI,KACHD,EAAME,KAAM,mBAAmBL,EAAS,YAAa;CAIK,IAAAM,IAAAJ,GAAOK,MAAMC;AAAA,CAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAAxDU,IAAAtB,EAAG,uCAAuCoB,EAAc,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAClB,IAAAC,IAAAP,GAAOQ,MAAMC;AAAA,CAAAb,EAAA,OAAAE,KAAAF,EAAA,OAAAW,KAAjEE,IAAA,kBAAC,GAAD;EAA8BX;EAAsB,WAAAS;EAAiB,CAAA,EAAAX,EAAA,KAAAE,GAAAF,EAAA,KAAAW,GAAAX,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,OAAAI,GAAAW,QAAAf,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KACpEQ,IAAA,CAACX,KAAW,kBAAA,OAAA;EAAgB,WAAAC,GAAOW;YAAST;EAAkB,CAAA,EAAAN,EAAA,KAAAI,GAAAW,MAAAf,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAgB;AAC3D,QAD2DhB,EAAA,OAAAU,KAAAV,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAFjEE,IAAA,kBAAA,OAAA;EAAgB,WAAAN;YAAhB,CACEG,GACCC,EACG;KAAAd,EAAA,KAAAU,GAAAV,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAHNgB;GAOSC,KAETlB,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAG,SAAAe,MAAApB,GAGoBS,IAAAW,GAAQP,MAAMF;AAAA,CAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAA9BU,IAAAtB,EAAG,YAAYoB,EAAe,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAAA,IAAAC;AAAA,CAAAX,EAAA,OAAAmB,KAAAnB,EAAA,OAAAU,KAFtBC,IAAA;EAAA,GACXQ;EAAQP,MACLF;EACP,EAAAV,EAAA,KAAAmB,GAAAnB,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAHD,IAAAI,IAAgBO,GAGdE;AAAA,CAAAb,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAIGR,IAAA;EAACnB,EAAO4B;EAAK7B,EAAG6B;EAAK3B,EAAQ2B;EAAK9B,EAAI8B;EAAI,EAAAtB,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAQvC,QARuCd,EAAA,OAAAI,IAQvCU,IAAAd,EAAA,MATNc,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZD,EAA0CU,KAAKrB,MAC9C,kBAAC,GAAD;GAEaA;GACFE;GACT,SAAA;GAEH,EALQF,EAKR,CAAA;EACG,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAc,IATNA"}
+{"version":3,"file":"NetworkWithIcon.js","names":["NetworkIconSquare","cn","NetworkWithIconProps","chainNameMap","useLogger","base","bsc","mainnet","optimism","NetworkWithIcon","React","FC","t0","$","_c","networkId","compact","classes","logger","networkName","warn","t1","root","t2","t3","icon","t4","t5","name","t6","FourNetworksIcons","Omit","_classes","Symbol","for","id","map"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkWithIcon.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"./types\";\nimport { chainNameMap } from \"@/lib/web3/wagmi/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport { base, bsc, mainnet, optimism } from \"@/lib/web3/wagmi/supportedChains\";\n\nexport const NetworkWithIcon: React.FC<NetworkWithIconProps> = ({\n  networkId,\n  compact,\n  classes,\n}) => {\n  const logger = useLogger(\"NetworkWithIcon\");\n  const networkName = chainNameMap[networkId];\n\n  if (!networkName) {\n    logger.warn(`Network with ID ${networkId} not found`);\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-[4px] text-xs\", classes?.root)}>\n      <NetworkIconSquare networkId={networkId} className={classes?.icon} />\n      {!compact && <div className={classes?.name}>{networkName}</div>}\n    </div>\n  );\n};\n\nexport const FourNetworksIcons: React.FC<\n  Omit<NetworkWithIconProps, \"networkId\" | \"compact\">\n> = ({ classes: _classes }) => {\n  const classes = {\n    ..._classes,\n    icon: cn(\"size-2.5\", _classes?.icon),\n  };\n\n  return (\n    <div className=\"grid grid-cols-[repeat(2,1fr)] gap-[1px]\">\n      {[mainnet.id, bsc.id, optimism.id, base.id].map((networkId) => (\n        <NetworkWithIcon\n          key={networkId}\n          networkId={networkId}\n          classes={classes}\n          compact\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,IAAaS,KAAkDG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAAC,YAAAC,eAAAL,GAK9DM,IAAed,EAAU,kBAAkB,EAC3Ce,IAAoBhB,EAAaY;CAEjC,AAAKI,KACHD,EAAME,KAAM,mBAAmBL,EAAS,YAAa;CAIK,IAAAM,IAAAJ,GAAOK,MAAMC;CAAA,AAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAAxDU,IAAAtB,EAAG,uCAAuCoB,EAAc,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAClB,IAAAC,IAAAP,GAAOQ,MAAMC;CAAA,AAAAb,EAAA,OAAAE,KAAAF,EAAA,OAAAW,KAAjEE,IAAA,kBAAC,GAAD;EAA8BX;EAAsB,WAAAS;EAAiB,CAAA,EAAAX,EAAA,KAAAE,GAAAF,EAAA,KAAAW,GAAAX,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,OAAAI,GAAAW,QAAAf,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KACpEQ,IAAA,CAACX,KAAW,kBAAA,OAAA;EAAgB,WAAAC,GAAOW;YAAST;EAAkB,CAAA,EAAAN,EAAA,KAAAI,GAAAW,MAAAf,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAgB;CAC3D,OAD2DhB,EAAA,OAAAU,KAAAV,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAFjEE,IAAA,kBAAA,OAAA;EAAgB,WAAAN;YAAhB,CACEG,GACCC,EACG;KAAAd,EAAA,KAAAU,GAAAV,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAHNgB;GAOSC,KAETlB,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAG,SAAAe,MAAApB,GAGoBS,IAAAW,GAAQP,MAAMF;CAAA,AAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAA9BU,IAAAtB,EAAG,YAAYoB,EAAe,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAAA,IAAAC;CAAA,AAAAX,EAAA,OAAAmB,KAAAnB,EAAA,OAAAU,KAFtBC,IAAA;EAAA,GACXQ;EAAQP,MACLF;EACP,EAAAV,EAAA,KAAAmB,GAAAnB,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAHD,IAAAI,IAAgBO,GAGdE;CAAA,AAAAb,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAIGR,IAAA;EAACnB,EAAO4B;EAAK7B,EAAG6B;EAAK3B,EAAQ2B;EAAK9B,EAAI8B;EAAI,EAAAtB,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;CAQvC,OARuCd,EAAA,OAAAI,IAQvCU,IAAAd,EAAA,MATNc,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZD,EAA0CU,KAAKrB,MAC9C,kBAAC,GAAD;GAEaA;GACFE;GACT,SAAA;GAEH,EALQF,EAKR,CAAA;EACG,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAc,IATNA"}

package/dist/components/widget/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["Button","cn","WithClasses","ReactComponent","ArrowUp","ArrowDown","useLayoutEffect","useState","KeyboardEvent","NumericFormat","NumericFormatProps","NumberInputProps","Omit","stepper","thousandSeparator","placeholder","defaultValue","min","max","value","suffix","prefix","onValueChange","fixedDecimalScale","decimalScale","isError","NumberInput","t0","$","_c","t1","t2","t3","t4","t5","controlledValue","classes","props","undefined","Infinity","setValue","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","t10","values","newValue","floatValue","handleChange","t11","handleBlur","t12","e","key","preventDefault","handleKeyDown","t13","root","t14","T0","t15","t16","t17","className","t18","t19","Symbol","for","t20","t21","t22","t23","t24","t25","t26","t27","t28"],"sources":["../../../../src/components/widget/NumberInput/NumberInput.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ReactComponent as ArrowUp } from \"./assets/arrow-up.svg\";\nimport { ReactComponent as ArrowDown } from \"./assets/arrow-down.svg\";\nimport { useLayoutEffect, useState, type KeyboardEvent } from \"react\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\n\nexport type NumberInputProps = Omit<\n  NumericFormatProps,\n  \"value\" | \"onValueChange\" | \"onBlur\" | \"onKeyDown\"\n> &\n  WithClasses<\"root\"> & {\n    stepper?: number;\n    thousandSeparator?: string;\n    placeholder?: string;\n    defaultValue?: number;\n    min?: number;\n    max?: number;\n    value?: number; // Controlled value\n    suffix?: string;\n    prefix?: string;\n    onValueChange?: (value: number | undefined) => void;\n    fixedDecimalScale?: boolean;\n    decimalScale?: number;\n    isError?: boolean;\n  };\n\nexport const NumberInput = ({\n  stepper = 1,\n  thousandSeparator,\n  defaultValue,\n  min = -Infinity,\n  max = Infinity,\n  onValueChange,\n  fixedDecimalScale = false,\n  decimalScale = 0,\n  value: controlledValue,\n  isError,\n  classes,\n  ...props\n}: NumberInputProps) => {\n  const [value, setValue] = useState<number | undefined>(\n    controlledValue ?? defaultValue\n  );\n\n  const handleIncrement = () => {\n    setValue((prev) =>\n      Math.min(prev === undefined ? stepper : prev + stepper, max)\n    );\n  };\n\n  const handleDecrement = () => {\n    setValue((prev) =>\n      Math.max(prev === undefined ? -stepper : prev - stepper, min)\n    );\n  };\n\n  useLayoutEffect(() => {\n    if (controlledValue !== undefined) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setValue(controlledValue);\n    }\n  }, [controlledValue]);\n\n  const handleChange = (values: {\n    value: string;\n    floatValue: number | undefined;\n  }) => {\n    const newValue = values.floatValue;\n    setValue(newValue);\n    onValueChange?.(newValue);\n  };\n\n  const handleBlur = () => {\n    if (value === undefined) return;\n    if (value < min) {\n      setValue(min);\n    } else if (value > max) {\n      setValue(max);\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      handleIncrement();\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      handleDecrement();\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7\",\n        classes?.root,\n        {\n          \"border-secondary-radical-red-1 focus-within:border-secondary-radical-red-1 dark:border-secondary-radical-red-1 dark:focus-within:border-secondary-radical-red-1\":\n            isError,\n        }\n      )}\n    >\n      <NumericFormat\n        value={value}\n        onValueChange={handleChange}\n        thousandSeparator={thousandSeparator}\n        decimalScale={decimalScale}\n        fixedDecimalScale={fixedDecimalScale}\n        allowNegative={min < 0}\n        valueIsNumericString\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        max={max}\n        min={min}\n        {...props}\n        className={cn(\n          \"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent\",\n          props.className\n        )}\n      />\n      <div className=\"w-0.5 h-full bg-contrast-7 dark:bg-contrast-4\" />\n      <div className=\"min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm\">\n        <Button\n          aria-label=\"Increase value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-tr-xs\"\n          onClick={handleIncrement}\n          disabled={value === max}\n        >\n          <ArrowUp className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n        <div className=\"h-px bg-contrast-7 dark:bg-contrast-4\" />\n        <Button\n          aria-label=\"Decrease value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-br-xs\"\n          onClick={handleDecrement}\n          disabled={value === min}\n        >\n          <ArrowDown className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["Button","cn","WithClasses","ReactComponent","ArrowUp","ArrowDown","useLayoutEffect","useState","KeyboardEvent","NumericFormat","NumericFormatProps","NumberInputProps","Omit","stepper","thousandSeparator","placeholder","defaultValue","min","max","value","suffix","prefix","onValueChange","fixedDecimalScale","decimalScale","isError","NumberInput","t0","$","_c","t1","t2","t3","t4","t5","controlledValue","classes","props","undefined","Infinity","setValue","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","t10","values","newValue","floatValue","handleChange","t11","handleBlur","t12","e","key","preventDefault","handleKeyDown","t13","root","t14","T0","t15","t16","t17","className","t18","t19","Symbol","for","t20","t21","t22","t23","t24","t25","t26","t27","t28"],"sources":["../../../../src/components/widget/NumberInput/NumberInput.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ReactComponent as ArrowUp } from \"./assets/arrow-up.svg\";\nimport { ReactComponent as ArrowDown } from \"./assets/arrow-down.svg\";\nimport { useLayoutEffect, useState, type KeyboardEvent } from \"react\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\n\nexport type NumberInputProps = Omit<\n  NumericFormatProps,\n  \"value\" | \"onValueChange\" | \"onBlur\" | \"onKeyDown\"\n> &\n  WithClasses<\"root\"> & {\n    stepper?: number;\n    thousandSeparator?: string;\n    placeholder?: string;\n    defaultValue?: number;\n    min?: number;\n    max?: number;\n    value?: number; // Controlled value\n    suffix?: string;\n    prefix?: string;\n    onValueChange?: (value: number | undefined) => void;\n    fixedDecimalScale?: boolean;\n    decimalScale?: number;\n    isError?: boolean;\n  };\n\nexport const NumberInput = ({\n  stepper = 1,\n  thousandSeparator,\n  defaultValue,\n  min = -Infinity,\n  max = Infinity,\n  onValueChange,\n  fixedDecimalScale = false,\n  decimalScale = 0,\n  value: controlledValue,\n  isError,\n  classes,\n  ...props\n}: NumberInputProps) => {\n  const [value, setValue] = useState<number | undefined>(\n    controlledValue ?? defaultValue\n  );\n\n  const handleIncrement = () => {\n    setValue((prev) =>\n      Math.min(prev === undefined ? stepper : prev + stepper, max)\n    );\n  };\n\n  const handleDecrement = () => {\n    setValue((prev) =>\n      Math.max(prev === undefined ? -stepper : prev - stepper, min)\n    );\n  };\n\n  useLayoutEffect(() => {\n    if (controlledValue !== undefined) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setValue(controlledValue);\n    }\n  }, [controlledValue]);\n\n  const handleChange = (values: {\n    value: string;\n    floatValue: number | undefined;\n  }) => {\n    const newValue = values.floatValue;\n    setValue(newValue);\n    onValueChange?.(newValue);\n  };\n\n  const handleBlur = () => {\n    if (value === undefined) return;\n    if (value < min) {\n      setValue(min);\n    } else if (value > max) {\n      setValue(max);\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      handleIncrement();\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      handleDecrement();\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7\",\n        classes?.root,\n        {\n          \"border-secondary-radical-red-1 focus-within:border-secondary-radical-red-1 dark:border-secondary-radical-red-1 dark:focus-within:border-secondary-radical-red-1\":\n            isError,\n        }\n      )}\n    >\n      <NumericFormat\n        value={value}\n        onValueChange={handleChange}\n        thousandSeparator={thousandSeparator}\n        decimalScale={decimalScale}\n        fixedDecimalScale={fixedDecimalScale}\n        allowNegative={min < 0}\n        valueIsNumericString\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        max={max}\n        min={min}\n        {...props}\n        className={cn(\n          \"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent\",\n          props.className\n        )}\n      />\n      <div className=\"w-0.5 h-full bg-contrast-7 dark:bg-contrast-4\" />\n      <div className=\"min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm\">\n        <Button\n          aria-label=\"Increase value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-tr-xs\"\n          onClick={handleIncrement}\n          disabled={value === max}\n        >\n          <ArrowUp className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n        <div className=\"h-px bg-contrast-7 dark:bg-contrast-4\" />\n        <Button\n          aria-label=\"Decrease value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-br-xs\"\n          onClick={handleDecrement}\n          disabled={value === min}\n        >\n          <ArrowDown className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AA4BA,IAAa0B,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAhB,SAAAiB,GAAAhB,sBAAAE,kBAAAC,KAAAc,GAAAb,KAAAc,GAAAV,kBAAAC,mBAAAU,GAAAT,cAAAU,GAAAf,OAAAgB,GAAAV,YAAAW,YAAA,GAAAC,MAAAV,GAC1Bd,IAAAiB,MAAAQ,KAAAA,IAAA,IAAAR,GAGAb,IAAAc,MAAAO,KAAAA,IAAA,YAAAP,GACAb,IAAAc,MAAAM,KAAAA,IAAAC,WAAAP,GAEAT,IAAAU,MAAAK,KAAAA,IAAA,KAAAL,GACAT,IAAAU,MAAAI,KAAAA,IAAA,IAAAJ,GAMA,CAAAf,GAAAqB,KAA0BjC,GACxB4B,KAAAnB,GACD,EAACyB;CAAA,AAAAb,EAAA,OAAAV,KAAAU,EAAA,OAAAf,KAEsB4B,UAAA;EACtBD,GAASE,MACPC,KAAI1B,IAAKyB,MAASJ,KAAAA,IAATzB,IAA+B6B,IAAO7B,GAASK,EAC1D,CAAC;IACFU,EAAA,KAAAV,GAAAU,EAAA,KAAAf,GAAAe,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAJD,IAAAgB,IAAwBH,GAItBI;CAAA,AAAAjB,EAAA,OAAAX,KAAAW,EAAA,OAAAf,KAEsBgC,UAAA;EACtBL,GAASM,MACPH,KAAIzB,IAAKwB,MAASJ,KAAAA,IAAT,CAAsBzB,IAAU6B,IAAO7B,GAASI,EAC3D,CAAC;IACFW,EAAA,KAAAX,GAAAW,EAAA,KAAAf,GAAAe,EAAA,KAAAiB,KAAAA,IAAAjB,EAAA;CAJD,IAAAmB,IAAwBF,GAItBG,GAAAC;CAEF3C,AAFEsB,EAAA,OAAAO,KAOkBa,IAAApB,EAAA,IAAAqB,IAAArB,EAAA,OALJoB,UAAA;EACd,AAAIb,MAAoBG,KAAAA,KAEtBE,EAASL,EAAgB;IAE1Bc,IAAA,CAACd,EAAgB,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAoB,GAAApB,EAAA,KAAAqB,IALpB3C,GAAgB0C,GAKbC,EAAkB;CAAA,IAAAC;CAAA,AAAAtB,EAAA,OAAAN,IASpB4B,IAAAtB,EAAA,OAPoBsB,KAAAC,MAAA;EAInB,IAAAC,IAAiBD,EAAME;EAEvB/B,AADAkB,EAASY,EAAS,EAClB9B,IAAgB8B,EAAS;IAC1BxB,EAAA,KAAAN,GAAAM,EAAA,MAAAsB;CAPD,IAAAI,IAAqBJ,GAOnBK;CAAA,AAAA3B,EAAA,QAAAV,KAAAU,EAAA,QAAAX,KAAAW,EAAA,QAAAT,KAEiBoC,UAAA;EACbpC,MAAUmB,KAAAA,MACVnB,IAAQF,IACVuB,EAASvB,EAAI,GACJE,IAAQD,KACjBsB,EAAStB,EAAI;IAEhBU,EAAA,MAAAV,GAAAU,EAAA,MAAAX,GAAAW,EAAA,MAAAT,GAAAS,EAAA,MAAA2B,KAAAA,IAAA3B,EAAA;CAPD,IAAA4B,IAAmBD,GAOjBE;CAAA,AAAA7B,EAAA,QAAAmB,KAAAnB,EAAA,QAAAgB,KAEoBa,KAAAC,MAAA;EACpB,AAAIA,EAACC,QAAS,aACZD,EAACE,gBAAiB,EAClBhB,GAAiB,IACRc,EAACC,QAAS,gBACnBD,EAACE,gBAAiB,EAClBb,GAAiB;IAEpBnB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAgB,GAAAhB,EAAA,MAAA6B,KAAAA,IAAA7B,EAAA;CARD,IAAAiC,IAAsBJ,GAchBK,IAAA1B,GAAO2B,MAAMC;CAAA,AAAApC,EAAA,QAAAH,KAAAG,EAAA,QAAAkC,KAFJE,IAAA/D,EACT,+UACA6D,GACA,EAAA,mKAEIrC,GAEN,CAAC,EAAAG,EAAA,MAAAH,GAAAG,EAAA,MAAAkC,GAAAlC,EAAA,MAAAoC,KAAAA,IAAApC,EAAA;CAEA,IAAAqC,IAAAxD,IAMgByD,IAAAjD,IAAM,GAOVmD,IAAAnE,EACT,4MACAoC,EAAKgC,UACN,EAAAC;CAAA,AAAA1C,EAAA,QAAAqC,KAAArC,EAAA,QAAAJ,KAAAI,EAAA,QAAAL,KAAAK,EAAA,QAAA4B,KAAA5B,EAAA,QAAA0B,KAAA1B,EAAA,QAAAiC,KAAAjC,EAAA,QAAAV,KAAAU,EAAA,QAAAX,KAAAW,EAAA,QAAAS,KAAAT,EAAA,QAAAsC,KAAAtC,EAAA,QAAAwC,KAAAxC,EAAA,QAAAd,KAAAc,EAAA,QAAAT,KAhBHmD,IAAA,kBAAC,GAAD;EACSnD;EACQmC,eAAAA;EACIxC;EACLU;EACKD;EACJ,eAAA2C;EACf,sBAAAC;EACWN,WAAAA;EACHL,QAAAA;EACHtC;EACAD;EAAG,GACJoB;EACO,WAAA+B;EAIX,CAAA,EAAAxC,EAAA,MAAAqC,GAAArC,EAAA,MAAAJ,GAAAI,EAAA,MAAAL,GAAAK,EAAA,MAAA4B,GAAA5B,EAAA,MAAA0B,GAAA1B,EAAA,MAAAiC,GAAAjC,EAAA,MAAAV,GAAAU,EAAA,MAAAX,GAAAW,EAAA,MAAAS,GAAAT,EAAA,MAAAsC,GAAAtC,EAAA,MAAAwC,GAAAxC,EAAA,MAAAd,GAAAc,EAAA,MAAAT,GAAAS,EAAA,MAAA0C,KAAAA,IAAA1C,EAAA;CAAA,IAAA2C;CAAA,AAAA3C,EAAA,QAAA4C,OAAAC,IAAA,4BAAA,IACFF,IAAA,kBAAA,OAAA,EAAe,WAAA,iDAAkD,CAAA,EAAA3C,EAAA,MAAA2C,KAAAA,IAAA3C,EAAA;CAQnD,IAAA8C,IAAAvD,MAAUD,GAAGyD;CAAA,AAAA/C,EAAA,QAAA4C,OAAAC,IAAA,4BAAA,IAEvBE,IAAA,kBAAC,IAAD,EAAmB,WAAA,+CAAgD,CAAA,EAAA/C,EAAA,MAAA+C,KAAAA,IAAA/C,EAAA;CAAA,IAAAgD;CAAA,AAAAhD,EAAA,QAAAgB,KAAAhB,EAAA,QAAA8C,KARrEE,IAAA,kBAAC,GAAD;EACa,cAAA;EACH,SAAA;EACD,QAAA;EACG,WAAA;EACDhC,SAAAA;EACC,UAAA8B;YAEVC;EACO,CAAA,EAAA/C,EAAA,MAAAgB,GAAAhB,EAAA,MAAA8C,GAAA9C,EAAA,MAAAgD,KAAAA,IAAAhD,EAAA;CAAA,IAAAiD;CAAA,AAAAjD,EAAA,QAAA4C,OAAAC,IAAA,4BAAA,IACTI,IAAA,kBAAA,OAAA,EAAe,WAAA,yCAA0C,CAAA,EAAAjD,EAAA,MAAAiD,KAAAA,IAAAjD,EAAA;CAO7C,IAAAkD,IAAA3D,MAAUF,GAAG8D;CAAA,AAAAnD,EAAA,QAAA4C,OAAAC,IAAA,4BAAA,IAEvBM,IAAA,kBAAC,GAAD,EAAqB,WAAA,+CAAgD,CAAA,EAAAnD,EAAA,MAAAmD,KAAAA,IAAAnD,EAAA;CAAA,IAAAoD;CAAA,AAAApD,EAAA,QAAAmB,KAAAnB,EAAA,QAAAkD,KARvEE,IAAA,kBAAC,GAAD;EACa,cAAA;EACH,SAAA;EACD,QAAA;EACG,WAAA;EACDjC,SAAAA;EACC,UAAA+B;YAEVC;EACO,CAAA,EAAAnD,EAAA,MAAAmB,GAAAnB,EAAA,MAAAkD,GAAAlD,EAAA,MAAAoD,KAAAA,IAAApD,EAAA;CAAA,IAAAqD;CAAA,AAAArD,EAAA,QAAAgD,KAAAhD,EAAA,QAAAoD,KArBXC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEL;GAUAC;GACAG;GAUI;KAAApD,EAAA,MAAAgD,GAAAhD,EAAA,MAAAoD,GAAApD,EAAA,MAAAqD,KAAAA,IAAArD,EAAA;CAAA,IAAAsD;CACF,OADEtD,EAAA,QAAAoC,KAAApC,EAAA,QAAA0C,KAAA1C,EAAA,QAAAqD,KAnDRC,IAAA,kBAAA,OAAA;EACa,WAAAlB;YADb;GAUEM;GAkBAC;GACAU;GAuBI;KAAArD,EAAA,MAAAoC,GAAApC,EAAA,MAAA0C,GAAA1C,EAAA,MAAAqD,GAAArD,EAAA,MAAAsD,KAAAA,IAAAtD,EAAA,KApDNsD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UnstyledInput","NumericFormat","NumericFormatProps","DropdownWithItems","DropdownItem","DropdownWithItemsProps","ChevronIcon","jotaiStore","useAtom","timeUnitAtom","limitTimeUnitAtom","TimeUnit","TimeUnitObject","otcTimeUnitAtom","minTimeUnit","neverTimeUnit","timeUnits","useEffect","useState","TimeUnitsDropdownProps","expiryTimeValue","selectedTimeUnit","onSelect","timeUnit","classes","type","OrderExpiryInputProps","TimeUnitsDropdown","React","FC","t0","$","_c","isLimit","t1","specificTimeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","timeUnitObject","setTimeUnitObject","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","sub","get","trigger","t7","t8","OrderExpiryInput","props"],"sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"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      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["UnstyledInput","NumericFormat","NumericFormatProps","DropdownWithItems","DropdownItem","DropdownWithItemsProps","ChevronIcon","jotaiStore","useAtom","timeUnitAtom","limitTimeUnitAtom","TimeUnit","TimeUnitObject","otcTimeUnitAtom","minTimeUnit","neverTimeUnit","timeUnits","useEffect","useState","TimeUnitsDropdownProps","expiryTimeValue","selectedTimeUnit","onSelect","timeUnit","classes","type","OrderExpiryInputProps","TimeUnitsDropdown","React","FC","t0","$","_c","isLimit","t1","specificTimeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","timeUnitObject","setTimeUnitObject","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","sub","get","trigger","t7","t8","OrderExpiryInput","props"],"sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"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      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","useAccount","ReactComponent","Spinner","OtcOrderItem","useCancelOtcOrderAndWait","useCancelOtcOrderEventCallbacks","LimitOrderStateChecker","TransactionReceipt","SupportedChainId","useChainMatches","useSwitchChainWithGuard","OtcOrderControlsProps","order","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","t1","state","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","address","account","t2","minClient","mutateAsync","switchChain","cancelOrderEvents","t3","variables","onMutate","t4","data","vars","onSuccess","t5","vars_0","onError","t6","t7","client","mutationOptions","cancelOtcOrder","isPending","isSuccess","t8","orderHash","onTxSent","t9","transactionHash","txHash","cancelBtn","dismissBtn","t10"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useAccount } from \"wagmi\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { OtcOrderItem } from \"../types\";\nimport {\n  useCancelOtcOrderAndWait,\n  useCancelOtcOrderEventCallbacks,\n} from \"@/hooks/otc/mutations/useCancelLimitOrder\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport type { TransactionReceipt } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport type OtcOrderControlsProps = {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n  onCancelTxSuccess: (receipt: TransactionReceipt) => void;\n  onCancelTxError: (error: Error) => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n  onCancelTxError,\n  onCancelTxSuccess,\n}: OtcOrderControlsProps) => {\n  const cancellable = LimitOrderStateChecker.cancellable.has(order.state);\n\n  // [!IMPORTANT]: viemClient and sdk should be initialized with order's chainId\n  // otherwise cancellation will fail after switchChain\n  const orderChainId = order.chainId as SupportedChainId;\n  const { forcedChainMatchesWalletChain, isConnected } =\n    useChainMatches(orderChainId);\n\n  const { address: account } = useAccount();\n  const { minClient } = useMinViemClient({ chainId: orderChainId, account });\n  const { mutateAsync: switchChain } = useSwitchChainWithGuard();\n\n  const cancelOrderEvents = useCancelOtcOrderEventCallbacks(order);\n\n  const { cancelOtcOrder, isPending, isSuccess } = useCancelOtcOrderAndWait({\n    chainId: orderChainId,\n    account,\n    client: minClient,\n    mutationOptions: {\n      onMutate: async (variables) => {\n        if (!forcedChainMatchesWalletChain) {\n          await switchChain({\n            chainId: orderChainId,\n          });\n        }\n        cancelOrderEvents.onMutate?.(variables);\n      },\n      onSuccess: (data, vars) => {\n        onCancelTxSuccess(data);\n        cancelOrderEvents.onSuccess?.(data, vars);\n      },\n      onError: (error, vars) => {\n        onCancelTxError(error);\n        cancelOrderEvents.onError?.(error, vars);\n      },\n    },\n  });\n\n  const cancelBtn =\n    cancellable && isConnected && !isSuccess ? (\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={isPending}\n        onClick={() =>\n          cancelOtcOrder({\n            orderHash: order.orderHash,\n            onTxSent: ({ chainId, transactionHash }) => {\n              cancelOrderEvents.onTxSent?.({\n                chainId,\n                txHash: transactionHash,\n              });\n            },\n          })\n        }\n      >\n        Cancel This Order\n        {isPending && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\n    ) : null;\n\n  const dismissBtn = (\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  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {cancelBtn}\n      {dismissBtn}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,IAAaqB,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAV,UAAAC,cAAAG,oBAAAF,yBAAAM,GAKDG;AAAA,CAAAF,EAAA,OAAAT,EAAAY,QACiDD,IAAAF,EAAA,MAAnDE,IAAAjB,EAAsBmB,YAAYC,IAAKd,EAAKY,MAAO,EAAAH,EAAA,KAAAT,EAAAY,OAAAH,EAAA,KAAAE;CAAvE,IAAAE,IAAoBF,GAIpBI,IAAqBf,EAAKgB,SAC1B,EAAAC,kCAAAC,mBACErB,EAAgBkB,EAAa,EAE/B,EAAAI,SAAAC,MAA6BhC,GAAY,EAACiC;AAAA,CAAAZ,EAAA,OAAAW,KAAAX,EAAA,OAAAM,KACHM,IAAA;EAAAL,SAAWD;EAAYK;EAAW,EAAAX,EAAA,KAAAW,GAAAX,EAAA,KAAAM,GAAAN,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAzE,IAAA,EAAAa,iBAAsBnC,EAAiBkC,EAAmC,EAC1E,EAAAE,aAAAC,MAAqC1B,GAAyB,EAE9D2B,IAA0BhC,EAAgCO,EAAM,EAAC0B;AAAA,CAAAjB,EAAA,OAAAgB,KAAAhB,EAAA,OAAAQ,KAAAR,EAAA,OAAAM,KAAAN,EAAA,OAAAe,KAOnDE,IAAA,OAAAC,MAAA;AAMRF,EALKR,KACH,MAAMO,EAAY,EAAAR,SACPD,GACV,CAAC,EAEJU,EAAiBG,WAAYD,EAAU;IACxClB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAQ,GAAAR,EAAA,KAAAM,GAAAN,EAAA,KAAAe,GAAAf,EAAA,KAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAoB;AAAA,CAAApB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAP,KACU2B,KAAAC,GAAAC,MAAA;AAETN,EADAvB,EAAkB4B,EAAK,EACvBL,EAAiBO,YAAaF,GAAMC,EAAK;IAC1CtB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAP,GAAAO,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAwB;AAAA,CAAAxB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAL,KACQ6B,KAAA5B,GAAA6B,MAAA;AAEPT,EADArB,EAAgBC,EAAM,EACtBoB,EAAiBU,UAAW9B,GAAO0B,EAAK;IACzCtB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAL,GAAAK,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA;CAAA,IAAA2B;AAAA,CAAA3B,EAAA,QAAAiB,KAAAjB,EAAA,QAAAoB,KAAApB,EAAA,QAAAwB,KAhBcG,IAAA;EAAAR,UACLF;EAOTM,WACUH;EAGVM,SACQF;EAIV,EAAAxB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAoB,GAAApB,EAAA,MAAAwB,GAAAxB,EAAA,MAAA2B,KAAAA,IAAA3B,EAAA;CAAA,IAAA4B;AAAA,CAAA5B,EAAA,QAAAW,KAAAX,EAAA,QAAAa,KAAAb,EAAA,QAAAM,KAAAN,EAAA,QAAA2B,KArBuEC,IAAA;EAAArB,SAC/DD;EAAYK;EAAAkB,QAEbhB;EAASiB,iBACAH;EAkBlB,EAAA3B,EAAA,MAAAW,GAAAX,EAAA,MAAAa,GAAAb,EAAA,MAAAM,GAAAN,EAAA,MAAA2B,GAAA3B,EAAA,MAAA4B,KAAAA,IAAA5B,EAAA;CAtBD,IAAA,EAAA+B,mBAAAC,cAAAC,iBAAiDlD,EAAyB6C,EAsBxE,EAACM;AAAA,CAAAlC,EAAA,QAAAgB,KAAAhB,EAAA,QAAA+B,KAAA/B,EAAA,QAAAI,KAAAJ,EAAA,QAAAS,KAAAT,EAAA,QAAAgC,KAAAhC,EAAA,QAAAiC,KAAAjC,EAAA,QAAAT,EAAA4C,aAGDD,IAAA9B,KAAAK,KAAA,CAA+BwB,IAC7B,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACAD,UAAAA;EACD,eACPD,EAAe;GAAAI,WACF5C,EAAK4C;GAAUC,WAChBC,MAAA;IAAC,IAAA,EAAA9B,YAAA+B,uBAAAD;AACTrB,MAAiBoB,WAAY;KAAA7B;KAAAgC,QAEnBD;KACT,CAAC;;GAEL,CAAA;YAfL,CAiBC,qBAEEN,KACC,kBAAC,GAAD;GACS,OAAA;GACC,QAAA;GACE,WAAA;GAEd,CAAA,CAEI;MA5BR,MA4BQhC,EAAA,MAAAgB,GAAAhB,EAAA,MAAA+B,GAAA/B,EAAA,MAAAI,GAAAJ,EAAA,MAAAS,GAAAT,EAAA,MAAAgC,GAAAhC,EAAA,MAAAiC,GAAAjC,EAAA,MAAAT,EAAA4C,WAAAnC,EAAA,MAAAkC,KAAAA,IAAAlC,EAAA;CA7BV,IAAAwC,IACEN,GA4BSG;AAAA,CAAArC,EAAA,QAAAR,IAWA6C,IAAArC,EAAA,OARTqC,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACD7C,SAAAA;YACV;EAEQ,CAAA,EAAAQ,EAAA,MAAAR,GAAAQ,EAAA,MAAAqC;CATX,IAAAI,IACEJ,GASAK;AAMM,QANN1C,EAAA,QAAAwC,KAAAxC,EAAA,QAAAyC,KAGAC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGF,GACAC,EACG;KAAAzC,EAAA,MAAAwC,GAAAxC,EAAA,MAAAyC,GAAAzC,EAAA,MAAA0C,KAAAA,IAAA1C,EAAA,KAHN0C"}
+{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","useAccount","ReactComponent","Spinner","OtcOrderItem","useCancelOtcOrderAndWait","useCancelOtcOrderEventCallbacks","LimitOrderStateChecker","TransactionReceipt","SupportedChainId","useChainMatches","useSwitchChainWithGuard","OtcOrderControlsProps","order","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","t1","state","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","address","account","t2","minClient","mutateAsync","switchChain","cancelOrderEvents","t3","variables","onMutate","t4","data","vars","onSuccess","t5","vars_0","onError","t6","t7","client","mutationOptions","cancelOtcOrder","isPending","isSuccess","t8","orderHash","onTxSent","t9","transactionHash","txHash","cancelBtn","dismissBtn","t10"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useAccount } from \"wagmi\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { OtcOrderItem } from \"../types\";\nimport {\n  useCancelOtcOrderAndWait,\n  useCancelOtcOrderEventCallbacks,\n} from \"@/hooks/otc/mutations/useCancelLimitOrder\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport type { TransactionReceipt } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport type OtcOrderControlsProps = {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n  onCancelTxSuccess: (receipt: TransactionReceipt) => void;\n  onCancelTxError: (error: Error) => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n  onCancelTxError,\n  onCancelTxSuccess,\n}: OtcOrderControlsProps) => {\n  const cancellable = LimitOrderStateChecker.cancellable.has(order.state);\n\n  // [!IMPORTANT]: viemClient and sdk should be initialized with order's chainId\n  // otherwise cancellation will fail after switchChain\n  const orderChainId = order.chainId as SupportedChainId;\n  const { forcedChainMatchesWalletChain, isConnected } =\n    useChainMatches(orderChainId);\n\n  const { address: account } = useAccount();\n  const { minClient } = useMinViemClient({ chainId: orderChainId, account });\n  const { mutateAsync: switchChain } = useSwitchChainWithGuard();\n\n  const cancelOrderEvents = useCancelOtcOrderEventCallbacks(order);\n\n  const { cancelOtcOrder, isPending, isSuccess } = useCancelOtcOrderAndWait({\n    chainId: orderChainId,\n    account,\n    client: minClient,\n    mutationOptions: {\n      onMutate: async (variables) => {\n        if (!forcedChainMatchesWalletChain) {\n          await switchChain({\n            chainId: orderChainId,\n          });\n        }\n        cancelOrderEvents.onMutate?.(variables);\n      },\n      onSuccess: (data, vars) => {\n        onCancelTxSuccess(data);\n        cancelOrderEvents.onSuccess?.(data, vars);\n      },\n      onError: (error, vars) => {\n        onCancelTxError(error);\n        cancelOrderEvents.onError?.(error, vars);\n      },\n    },\n  });\n\n  const cancelBtn =\n    cancellable && isConnected && !isSuccess ? (\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={isPending}\n        onClick={() =>\n          cancelOtcOrder({\n            orderHash: order.orderHash,\n            onTxSent: ({ chainId, transactionHash }) => {\n              cancelOrderEvents.onTxSent?.({\n                chainId,\n                txHash: transactionHash,\n              });\n            },\n          })\n        }\n      >\n        Cancel This Order\n        {isPending && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\n    ) : null;\n\n  const dismissBtn = (\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  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {cancelBtn}\n      {dismissBtn}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderDetails.js","names":["OtcOrderItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","OtcOrderControlsProps","LimitOrderStateChecker","constructOrderStatusDetail","constructOrderTypeDetail","isOtcOrderWithExtra","useDateNow","detailsClasses","root","title","value","OtcOrderDetails","t0","$","_c","callbacks","order","t1","payReceiveInfoProps","active","has","state","now","isExpired","Date","expiry","getTime","showExpiresIn","details","createdAt","deadline","filter","t2","t3","t4","t5"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"@/components/widget/LimitOrderItem/LimitOrderDetails/utils\";\n\nimport { Controls, type OtcOrderControlsProps } from \"./Controls\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { constructOrderStatusDetail, constructOrderTypeDetail } from \"./utils\";\nimport { isOtcOrderWithExtra } from \"../utils\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const OtcOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n} & Pick<OtcOrderControlsProps, \"onCancelTxSuccess\" | \"onCancelTxError\">) => {\n  const payReceiveInfoProps =\n    isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const active = LimitOrderStateChecker.active.has(order.state);\n\n  const now = useDateNow();\n  const isExpired =\n    now >= new Date(order.expiry * 1000).getTime() || order.state === \"EXPIRED\";\n  const showExpiresIn = active && !isExpired;\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail({ createdAt: order.createdAt * 1000 }),\n    showExpiresIn && constructExpiresInDetail({ deadline: order.expiry }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAMgB,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;AAAA,CAAAH,EAAA,OAAAD,KAMyCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OANxC,cAAAE,KAAAH,GAMwCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;AAAA,CAAAJ,EAAA,OAAAG,IAEHC,IAAAJ,EAAA,MAAjEI,IAAAZ,EAAoBW,EAA6C,IAAnClB,EAA6BkB,EAAM,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CADnE,IAAAC,IACED,GAEFE,IAAejB,EAAsBiB,OAAOC,IAAKJ,EAAKK,MAAO,EAG7DE,IADYjB,GAAY,qBAEf,IAAIkB,KAAKR,EAAKS,SAAU,IAAK,EAAAC,SAAuC,IAAzBV,EAAKK,UAAW,WACpEM,IAAsBR,KAAA,CAAWI,GAEjCK,IAAmC;EACjC7B,EAA0B,EAAA8B,WAAab,EAAKa,YAAa,KAAM,CAAC;EAChEF,KAAiB/B,EAAyB,EAAAkC,UAAYd,EAAKS,QAAS,CAAC;EACrE5B,EAAyBmB,EAAM;EAC/Bb,EAA2Ba,EAAM;EACjCZ,EAAyBY,EAAM;EAChC,CAAAe,OAAQtC,EAAS,EAACuC;AAAA,CAAAnB,EAAA,OAAAK,IAIoDc,IAAAnB,EAAA,MAAlEmB,IAAAd,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAmB;CAAA,IAAAC;AAAA,CAAApB,EAAA,OAAAe,IACDK,IAAApB,EAAA,MAAlEoB,IAAA,kBAAC,GAAD;EAA8BL;EAAkBrB,SAAAA;EAAkB,CAAA,EAAAM,EAAA,KAAAe,GAAAf,EAAA,KAAAoB;CAAA,IAAAC;AAAA,CAAArB,EAAA,OAAAE,KAAAF,EAAA,QAAAG,KAClEkB,IAAA,kBAAC,GAAD;EAAiBlB;EAAK,GAAMD;EAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;AACrC,QADqCtB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAoB,KAAApB,EAAA,QAAAqB,KAH3CC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GACI;KAAArB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KAJNsB"}
+{"version":3,"file":"OtcOrderDetails.js","names":["OtcOrderItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","OtcOrderControlsProps","LimitOrderStateChecker","constructOrderStatusDetail","constructOrderTypeDetail","isOtcOrderWithExtra","useDateNow","detailsClasses","root","title","value","OtcOrderDetails","t0","$","_c","callbacks","order","t1","payReceiveInfoProps","active","has","state","now","isExpired","Date","expiry","getTime","showExpiresIn","details","createdAt","deadline","filter","t2","t3","t4","t5"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"@/components/widget/LimitOrderItem/LimitOrderDetails/utils\";\n\nimport { Controls, type OtcOrderControlsProps } from \"./Controls\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { constructOrderStatusDetail, constructOrderTypeDetail } from \"./utils\";\nimport { isOtcOrderWithExtra } from \"../utils\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const OtcOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n} & Pick<OtcOrderControlsProps, \"onCancelTxSuccess\" | \"onCancelTxError\">) => {\n  const payReceiveInfoProps =\n    isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const active = LimitOrderStateChecker.active.has(order.state);\n\n  const now = useDateNow();\n  const isExpired =\n    now >= new Date(order.expiry * 1000).getTime() || order.state === \"EXPIRED\";\n  const showExpiresIn = active && !isExpired;\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail({ createdAt: order.createdAt * 1000 }),\n    showExpiresIn && constructExpiresInDetail({ deadline: order.expiry }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAMgB,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAD,KAMyCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OANxC,cAAAE,KAAAH,GAMwCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAG,IAEHC,IAAAJ,EAAA,MAAjEI,IAAAZ,EAAoBW,EAA6C,IAAnClB,EAA6BkB,EAAM,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CADnE,IAAAC,IACED,GAEFE,IAAejB,EAAsBiB,OAAOC,IAAKJ,EAAKK,MAAO,EAG7DE,IADYjB,GAEVgB,qBAAO,IAAIE,KAAKR,EAAKS,SAAU,IAAK,EAAAC,SAAuC,IAAzBV,EAAKK,UAAW,WACpEM,IAAsBR,KAAA,CAAWI,GAEjCK,IAAmC;EACjC7B,EAA0B,EAAA8B,WAAab,EAAKa,YAAa,KAAM,CAAC;EAChEF,KAAiB/B,EAAyB,EAAAkC,UAAYd,EAAKS,QAAS,CAAC;EACrE5B,EAAyBmB,EAAM;EAC/Bb,EAA2Ba,EAAM;EACjCZ,EAAyBY,EAAM;EAChC,CAAAe,OAAQtC,EAAS,EAACuC;CAAA,AAAAnB,EAAA,OAAAK,IAIoDc,IAAAnB,EAAA,MAAlEmB,IAAAd,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAmB;CAAA,IAAAC;CAAA,AAAApB,EAAA,OAAAe,IACDK,IAAApB,EAAA,MAAlEoB,IAAA,kBAAC,GAAD;EAA8BL;EAAkBrB,SAAAA;EAAkB,CAAA,EAAAM,EAAA,KAAAe,GAAAf,EAAA,KAAAoB;CAAA,IAAAC;CAAA,AAAArB,EAAA,OAAAE,KAAAF,EAAA,QAAAG,KAClEkB,IAAA,kBAAC,GAAD;EAAiBlB;EAAK,GAAMD;EAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;CACrC,OADqCtB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAoB,KAAApB,EAAA,QAAAqB,KAH3CC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GACI;KAAArB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KAJNsB"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["DetailWithValue","StatusBadge","OtcOrderItem","constructOrderStatusDetail","order","title","value","state","constructOrderTypeDetail","type"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/utils.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { StatusBadge } from \"../OtcOrderListItem\";\nimport type { OtcOrderItem } from \"../types\";\n\nexport function constructOrderStatusDetail(\n  order: OtcOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={order.state} />,\n  };\n}\n\nexport function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n"],"mappings":";;;AAIA,SAAgBG,EACdC,GACiB;AACjB,QAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,OAAOF,EAAMG,OAAM,CAAA;EACxC;;AAGH,SAAgBC,EAAyBJ,GAAsC;AAC7E,QAAO;EACLC,OAAO;EACPC,OAAOF,EAAMK;EACd"}
+{"version":3,"file":"utils.js","names":["DetailWithValue","StatusBadge","OtcOrderItem","constructOrderStatusDetail","order","title","value","state","constructOrderTypeDetail","type"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/utils.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { StatusBadge } from \"../OtcOrderListItem\";\nimport type { OtcOrderItem } from \"../types\";\n\nexport function constructOrderStatusDetail(\n  order: OtcOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={order.state} />,\n  };\n}\n\nexport function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n"],"mappings":";;;AAIA,SAAgBG,EACdC,GACiB;CACjB,OAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,OAAOF,EAAMG,OAAM,CAAA;EACxC;;AAGH,SAAgBC,EAAyBJ,GAAsC;CAC7E,OAAO;EACLC,OAAO;EACPC,OAAOF,EAAMK;EACd"}

package/dist/components/widget/OtcOrderItem/OtcOrderListItem.js

@@ -40,14 +40,11 @@ var l = (e) => {
 	}), n[11] = l, n[12] = u, n[13] = d, n[14] = h, n[15] = g) : g = n[15], g;
 }, u = (t) => {
 	let r = o(5), { state: i } = t, a;
-	if (r[0] !== i) {
-		let t = n.success.has(i), o = n.failed.has(i), s = n.active.has(i);
-		a = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
-			"text-secondary-shamrock-green-2 bg-[#00976733]": t,
-			"text-secondary-radical-red-1 bg-[#FF3B301A]": o,
-			"text-secondary-orange-peel-1 bg-[#FF950033]": s
-		}), r[0] = i, r[1] = a;
-	} else a = r[1];
+	r[0] === i ? a = r[1] : (a = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
+		"text-secondary-shamrock-green-2 bg-[#00976733]": n.success.has(i),
+		"text-secondary-radical-red-1 bg-[#FF3B301A]": n.failed.has(i),
+		"text-secondary-orange-peel-1 bg-[#FF950033]": n.active.has(i)
+	}), r[0] = i, r[1] = a);
 	let c;
 	return r[2] !== i || r[3] !== a ? (c = /* @__PURE__ */ s("div", {
 		className: a,