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

package/dist/components/widget/SwapRate/SwapRateWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRateWithTooltip.js","names":["Tooltip","TooltipContent","TooltipTrigger","SwapRate","SwapRateProps","useState","getRateString","SwapRateWithTooltip","t0","$","_c","isLoading","props","isReversed","setIsReversed","reverse","reversedRate","t1","event","stopPropagation","_temp","t2","t3","t4","t5","prev"],"sources":["../../../../src/components/widget/SwapRate/SwapRateWithTooltip.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { SwapRate } from \"./SwapRate\";\nimport type { SwapRateProps } from \"./types\";\nimport { useState } from \"react\";\nimport { getRateString } from \"./utils\";\n\nexport const SwapRateWithTooltip = ({ isLoading, ...props }: SwapRateProps) => {\n  const [isReversed, setIsReversed] = useState(!!props.reverse);\n\n  const reversedRate = getRateString({ ...props, reverse: !isReversed });\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div\n          className=\"cursor-pointer\"\n          onClick={(event) => {\n            event.stopPropagation();\n            setIsReversed((prev) => !prev);\n          }}\n        >\n          <SwapRate isLoading={isLoading} {...props} reverse={isReversed} />\n        </div>\n      </TooltipTrigger>\n      {reversedRate && <TooltipContent>{reversedRate}</TooltipContent>}\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAaO,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAA,GAAAC,MAAAJ,GAClC,CAAAK,GAAAC,KAAoCT,EAAS,CAAC,CAACO,EAAKG,QAAS,EAE7DC,IAAqBV,EAAc;EAAA,GAAKM;EAAKG,SAAW,CAACF;EAAY,CAAC,EAACI;AAAA,CAAAR,EAAA,OAAAK,IAS9DG,IAAAR,EAAA,MAHQQ,KAAAC,MAAA;AAEPJ,EADAI,EAAKC,iBAAkB,EACvBL,EAAcM,EAAgB;IAC/BX,EAAA,KAAAK,GAAAL,EAAA,KAAAQ;CAAA,IAAAI;AAAA,CAAAZ,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAEDS,IAAA,kBAAC,GAAD;EAAqBV;EAAS,GAAMC;EAAgBC,SAAAA;EAAc,CAAA,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,OAAAQ,KAAAR,EAAA,OAAAY,KARtEC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GACY,WAAA;GACD,SAAAL;aAKTI;GAEJ,CAAA;EAAiB,CAAA,EAAAZ,EAAA,KAAAQ,GAAAR,EAAA,KAAAY,GAAAZ,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,OAAAO,IAC+CO,IAAAd,EAAA,OAA/Dc,IAAAP,KAAgB,kBAAC,GAAD,EAAA,UAAiBA,GAA8B,CAAA,EAAAP,EAAA,KAAAO,GAAAP,EAAA,MAAAc;CAAA,IAAAC;AACxD,QADwDf,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAZlEC,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEF,GAWCC,EACO,EAAA,CAAA,EAAAd,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAe,KAAAA,IAAAf,EAAA,KAbVe;;AAL+B,SAAAJ,EAAAK,GAAA;AAAA,QAWC,CAACA"}
+{"version":3,"file":"SwapRateWithTooltip.js","names":["Tooltip","TooltipContent","TooltipTrigger","SwapRate","SwapRateProps","useState","getRateString","SwapRateWithTooltip","t0","$","_c","isLoading","props","isReversed","setIsReversed","reverse","reversedRate","t1","event","stopPropagation","_temp","t2","t3","t4","t5","prev"],"sources":["../../../../src/components/widget/SwapRate/SwapRateWithTooltip.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { SwapRate } from \"./SwapRate\";\nimport type { SwapRateProps } from \"./types\";\nimport { useState } from \"react\";\nimport { getRateString } from \"./utils\";\n\nexport const SwapRateWithTooltip = ({ isLoading, ...props }: SwapRateProps) => {\n  const [isReversed, setIsReversed] = useState(!!props.reverse);\n\n  const reversedRate = getRateString({ ...props, reverse: !isReversed });\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div\n          className=\"cursor-pointer\"\n          onClick={(event) => {\n            event.stopPropagation();\n            setIsReversed((prev) => !prev);\n          }}\n        >\n          <SwapRate isLoading={isLoading} {...props} reverse={isReversed} />\n        </div>\n      </TooltipTrigger>\n      {reversedRate && <TooltipContent>{reversedRate}</TooltipContent>}\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAaO,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAA,GAAAC,MAAAJ,GAClC,CAAAK,GAAAC,KAAoCT,EAAS,CAAC,CAACO,EAAKG,QAAS,EAE7DC,IAAqBV,EAAc;EAAA,GAAKM;EAAKG,SAAW,CAACF;EAAY,CAAC,EAACI;CAAA,AAAAR,EAAA,OAAAK,IAS9DG,IAAAR,EAAA,MAHQQ,KAAAC,MAAA;EAEPJ,AADAI,EAAKC,iBAAkB,EACvBL,EAAcM,EAAgB;IAC/BX,EAAA,KAAAK,GAAAL,EAAA,KAAAQ;CAAA,IAAAI;CAAA,AAAAZ,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAEDS,IAAA,kBAAC,GAAD;EAAqBV;EAAS,GAAMC;EAAgBC,SAAAA;EAAc,CAAA,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,OAAAQ,KAAAR,EAAA,OAAAY,KARtEC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GACY,WAAA;GACD,SAAAL;aAKTI;GAEJ,CAAA;EAAiB,CAAA,EAAAZ,EAAA,KAAAQ,GAAAR,EAAA,KAAAY,GAAAZ,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,OAAAO,IAC+CO,IAAAd,EAAA,OAA/Dc,IAAAP,KAAgB,kBAAC,GAAD,EAAA,UAAiBA,GAA8B,CAAA,EAAAP,EAAA,KAAAO,GAAAP,EAAA,MAAAc;CAAA,IAAAC;CACxD,OADwDf,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAZlEC,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEF,GAWCC,EACO,EAAA,CAAA,EAAAd,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAe,KAAAA,IAAAf,EAAA,KAbVe;;AAL+B,SAAAJ,EAAAK,GAAA;CAAA,OAWC,CAACA"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["formatUnits","SwapRateProps","calcRate","getRateString","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","reverse","prefix","Omit","undefined","srcUnits","BigInt","decimals","destUnits","rateFormatted","rateText","symbol","address"],"sources":["../../../../src/components/widget/SwapRate/utils.ts"],"sourcesContent":["import { formatUnits } from \"viem\";\nimport type { SwapRateProps } from \"./types\";\nimport { calcRate } from \"@/lib/utils/rate\";\n\nexport function getRateString({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  reverse,\n  prefix,\n}: Omit<SwapRateProps, \"isLoading\">): string | null {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  const rateText = `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n\n  if (prefix) {\n    return `${prefix} ${rateText}`;\n  }\n\n  return rateText;\n}\n"],"mappings":";;;AAIA,SAAgBG,EAAc,EAC5BC,UAAUC,GACVC,WAAWC,GACXC,cAAcC,GACdC,eAAeC,GACfC,YACAC,aACkD;AAClD,KAAI,CAACN,EAAY,QAAO;CAExB,IAAM,EAAEH,aAAUE,cAAWE,iBAAcE,qBAAkBE,IACzD;EACER,UAAUG;EACVD,WAAWD;EACXG,cAAcG;EACdD,eAAeD;EAChB,GACD;EACEL,UAAUC;EACVC,WAAWC;EACXC,cAAcC;EACdC,eAAeC;EAChB;AAEL,KAAIH,MAAiBO,KAAAA,KAAaL,MAAkBK,KAAAA,EAAW,QAAO;CAKtE,IAAMK,IAAgBlB,EAHLF,EAAYiB,OAAOT,EAAa,EAAEJ,EAASc,SAAS,EACnDlB,EAAYiB,OAAOP,EAAc,EAAEJ,EAAUY,SAAS,CAErB,EAAEE;AACrD,KAAI,CAACA,EAEH,QAAO;CAGT,IAAMC,IAAW,KAAKjB,EAASkB,UAAUlB,EAASmB,QAAO,KAAMH,EAAa,GAAId,EAAUgB,UAAUhB,EAAUiB;AAM9G,QAJIV,IACK,GAAGA,EAAM,GAAIQ,MAGfA"}
+{"version":3,"file":"utils.js","names":["formatUnits","SwapRateProps","calcRate","getRateString","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","reverse","prefix","Omit","undefined","srcUnits","BigInt","decimals","destUnits","rateFormatted","rateText","symbol","address"],"sources":["../../../../src/components/widget/SwapRate/utils.ts"],"sourcesContent":["import { formatUnits } from \"viem\";\nimport type { SwapRateProps } from \"./types\";\nimport { calcRate } from \"@/lib/utils/rate\";\n\nexport function getRateString({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  reverse,\n  prefix,\n}: Omit<SwapRateProps, \"isLoading\">): string | null {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  const rateText = `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n\n  if (prefix) {\n    return `${prefix} ${rateText}`;\n  }\n\n  return rateText;\n}\n"],"mappings":";;;AAIA,SAAgBG,EAAc,EAC5BC,UAAUC,GACVC,WAAWC,GACXC,cAAcC,GACdC,eAAeC,GACfC,YACAC,aACkD;CAClD,IAAI,CAACN,GAAY,OAAO;CAExB,IAAM,EAAEH,aAAUE,cAAWE,iBAAcE,qBAAkBE,IACzD;EACER,UAAUG;EACVD,WAAWD;EACXG,cAAcG;EACdD,eAAeD;EAChB,GACD;EACEL,UAAUC;EACVC,WAAWC;EACXC,cAAcC;EACdC,eAAeC;EAChB;CAEL,IAAIH,MAAiBO,KAAAA,KAAaL,MAAkBK,KAAAA,GAAW,OAAO;CAKtE,IAAMK,IAAgBlB,EAHLF,EAAYiB,OAAOT,EAAa,EAAEJ,EAASc,SAG7BF,EAFbhB,EAAYiB,OAAOP,EAAc,EAAEJ,EAAUY,SAEtBC,CAAU,EAAEC;CACrD,IAAI,CAACA,GAEH,OAAO;CAGT,IAAMC,IAAW,KAAKjB,EAASkB,UAAUlB,EAASmB,QAAO,KAAMH,EAAa,GAAId,EAAUgB,UAAUhB,EAAUiB;CAM9G,OAJIV,IACK,GAAGA,EAAM,GAAIQ,MAGfA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRateProps","SwapRateWithTooltip","RefreshButton","RefreshButtonProps","MarkRequired","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","refreshButtonProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","onClick","button","icon","e","stopPropagation","t3","t4","t5","t6","t7","Symbol","for","t8","t9"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\nimport { SwapRateWithTooltip } from \"../SwapRate/SwapRateWithTooltip\";\nimport { RefreshButton } from \"../Button/RefreshButton\";\nimport type { RefreshButtonProps } from \"../Button/types\";\nimport type { MarkRequired } from \"ts-essentials\";\n\nexport const SwapRateWithPriceImpactRow = ({\n  priceImpactDetail,\n  swapRateProps,\n  refreshButtonProps,\n}: {\n  priceImpactDetail: PriceImpactDetail;\n  swapRateProps: SwapRateProps;\n  refreshButtonProps?: MarkRequired<\n    Omit<RefreshButtonProps, \"asChild\" | \"radius\" | \"disabled\">,\n    \"onClick\"\n  >;\n}) => {\n  const {\n    isHighImpact,\n    isMediumImpact,\n    isUnavailable,\n    value: priceImpactValue,\n    isLoading,\n    classes,\n  } = priceImpactDetail;\n\n  return (\n    <div className=\"flex items-center justify-between gap-2\">\n      <div className=\"flex items-center gap-1.5\">\n        <SwapRateWithTooltip {...swapRateProps} />\n        {refreshButtonProps?.onClick && (\n          <Tooltip>\n            <TooltipTrigger\n              // DetailWithValueListExpandable is a button\n              asChild // use asChild to prevent nested buttons\n            >\n              <div>\n                <RefreshButton\n                  {...refreshButtonProps}\n                  asChild // use asChild to prevent nested buttons\n                  radius=\"xs\"\n                  // merge classes\n                  classes={{\n                    ...refreshButtonProps.classes,\n                    button: cn(\n                      \"px-1 py-1 h-5 w-5\",\n                      refreshButtonProps.classes?.button\n                    ),\n                    icon: cn(\"size-4\", refreshButtonProps.classes?.icon),\n                  }}\n                  onClick={(e) => {\n                    // prevent expand/collapse\n                    e.stopPropagation();\n                    refreshButtonProps.onClick(e);\n                  }}\n                />\n              </div>\n            </TooltipTrigger>\n            <TooltipContent>Refresh Price</TooltipContent>\n          </Tooltip>\n        )}\n      </div>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div className=\"flex items-center gap-1\">\n            {!isHighImpact && (\n              <PriceImpactSVG\n                className={cn(\"size-[16px]\", {\n                  \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n                    isMediumImpact,\n                  \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n                    isUnavailable,\n                })}\n              />\n            )}\n            {isLoading ? (\n              <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n            ) : (\n              <div className={cn(classes?.value, \"text-nowrap\")}>\n                {priceImpactValue ?? \"-\"}\n              </div>\n            )}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>Price Impact</TooltipContent>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRateProps","SwapRateWithTooltip","RefreshButton","RefreshButtonProps","MarkRequired","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","refreshButtonProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","onClick","button","icon","e","stopPropagation","t3","t4","t5","t6","t7","Symbol","for","t8","t9"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\nimport { SwapRateWithTooltip } from \"../SwapRate/SwapRateWithTooltip\";\nimport { RefreshButton } from \"../Button/RefreshButton\";\nimport type { RefreshButtonProps } from \"../Button/types\";\nimport type { MarkRequired } from \"ts-essentials\";\n\nexport const SwapRateWithPriceImpactRow = ({\n  priceImpactDetail,\n  swapRateProps,\n  refreshButtonProps,\n}: {\n  priceImpactDetail: PriceImpactDetail;\n  swapRateProps: SwapRateProps;\n  refreshButtonProps?: MarkRequired<\n    Omit<RefreshButtonProps, \"asChild\" | \"radius\" | \"disabled\">,\n    \"onClick\"\n  >;\n}) => {\n  const {\n    isHighImpact,\n    isMediumImpact,\n    isUnavailable,\n    value: priceImpactValue,\n    isLoading,\n    classes,\n  } = priceImpactDetail;\n\n  return (\n    <div className=\"flex items-center justify-between gap-2\">\n      <div className=\"flex items-center gap-1.5\">\n        <SwapRateWithTooltip {...swapRateProps} />\n        {refreshButtonProps?.onClick && (\n          <Tooltip>\n            <TooltipTrigger\n              // DetailWithValueListExpandable is a button\n              asChild // use asChild to prevent nested buttons\n            >\n              <div>\n                <RefreshButton\n                  {...refreshButtonProps}\n                  asChild // use asChild to prevent nested buttons\n                  radius=\"xs\"\n                  // merge classes\n                  classes={{\n                    ...refreshButtonProps.classes,\n                    button: cn(\n                      \"px-1 py-1 h-5 w-5\",\n                      refreshButtonProps.classes?.button\n                    ),\n                    icon: cn(\"size-4\", refreshButtonProps.classes?.icon),\n                  }}\n                  onClick={(e) => {\n                    // prevent expand/collapse\n                    e.stopPropagation();\n                    refreshButtonProps.onClick(e);\n                  }}\n                />\n              </div>\n            </TooltipTrigger>\n            <TooltipContent>Refresh Price</TooltipContent>\n          </Tooltip>\n        )}\n      </div>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div className=\"flex items-center gap-1\">\n            {!isHighImpact && (\n              <PriceImpactSVG\n                className={cn(\"size-[16px]\", {\n                  \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n                    isMediumImpact,\n                  \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n                    isUnavailable,\n                })}\n              />\n            )}\n            {isLoading ? (\n              <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n            ) : (\n              <div className={cn(classes?.value, \"text-nowrap\")}>\n                {priceImpactValue ?? \"-\"}\n              </div>\n            )}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>Price Impact</TooltipContent>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["cn","WithClasses","Tabs","RadixTabs","TabsList","TabsTrigger","TabsContent","TabContentItem","value","content","React","ReactNode","label","TabsProps","tabContents","TabItem","defaultValue","defaultClasses","trigger","t0","$","_c","classes","tabsClasses","t1","root","t2","listRoot","t3","list","t4","t5","t6","itemClasses","map","t7","t8","t9","value_0","itemClasses_0"],"sources":["../../../../src/components/widget/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport {\n  Tabs as RadixTabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"@radix-ui/react-tabs\";\n\ntype TabContentItem = {\n  value: string;\n  content: React.ReactNode;\n  label: React.ReactNode;\n} & WithClasses<\"trigger\" | \"content\">;\n\ntype TabsProps<TabItem extends TabContentItem = TabContentItem> = {\n  tabContents: TabItem[];\n  defaultValue: TabItem[\"value\"];\n} & WithClasses<\"root\" | \"listRoot\" | \"list\" | \"trigger\" | \"content\">;\n\nconst defaultClasses = {\n  trigger:\n    \"data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5\",\n};\n\nexport const Tabs = <TabItem extends TabContentItem = TabContentItem>({\n  defaultValue,\n  tabContents,\n  classes: tabsClasses,\n}: TabsProps<TabItem>) => {\n  return (\n    <RadixTabs defaultValue={defaultValue} className={tabsClasses?.root}>\n      <TabsList className={tabsClasses?.listRoot}>\n        <div className={tabsClasses?.list}>\n          {tabContents.map(({ value, label, classes: itemClasses }) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className={cn(\n                defaultClasses.trigger,\n                tabsClasses?.trigger,\n                itemClasses?.trigger\n              )}\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </div>\n      </TabsList>\n      {tabContents.map(({ value, classes: itemClasses, content }) => (\n        <TabsContent\n          key={value}\n          value={value}\n          className={cn(tabsClasses?.content, itemClasses?.content)}\n        >\n          {content}\n        </TabsContent>\n      ))}\n    </RadixTabs>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAMiB,IAAiB,EACrBC,SACE,inBACH,EAEYhB,KAAOiB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAkD,EAAAL,iBAAAF,gBAAAQ,SAAAC,MAAAJ,GAMhBK,IAAAD,GAAWE,MACtCC,IAAAH,GAAWI,UACdC,IAAAL,GAAWM,MAAMC;AAAA,KAAAV,EAAA,OAAAN,KAAAM,EAAA,OAAAG,GAAAL,SAAA;EAAA,IAAAa;AAa7BX,EAb6BA,EAAA,OAAAG,GAAAL,UAa9Ba,IAAAX,EAAA,MAZgBW,KAAAC,MAAA;GAAC,IAAA,EAAAxB,UAAAI,UAAAU,SAAAW,MAAAD;AAAsC,UACtD,kBAAC,GAAD;IAESxB;IACI,WAAAR,EACTiB,EAAcC,SACdK,GAAWL,SACXe,GAAWf,QACb;cAECN;IACW,EATPJ,EASO;KACfY,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAW,IAZAD,IAAAhB,EAAWoB,IAAKH,EAYf,EAAAX,EAAA,KAAAN,GAAAM,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAU;OAAAA,KAAAV,EAAA;CAAA,IAAAW;AAAA,CAAAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAbJC,IAAA,kBAAA,OAAA;EAAgB,WAAAH;YACbE;EAaG,CAAA,EAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAY;AAAA,CAAAZ,EAAA,OAAAM,KAAAN,EAAA,OAAAW,KAfRC,IAAA,kBAAC,GAAD;EAAqB,WAAAN;YACnBK;EAeS,CAAA,EAAAX,EAAA,KAAAM,GAAAN,EAAA,KAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAN,KAAAM,EAAA,QAAAG,GAAAd,SAAA;EAAA,IAAA2B;AASThB,EATSA,EAAA,QAAAG,GAAAd,UASV2B,IAAAhB,EAAA,OARgBgB,KAAAC,MAAA;GAAC,IAAA,EAAA7B,OAAA8B,GAAAhB,SAAAiB,GAAA9B,eAAA4B;AAAwC,UACxD,kBAAC,GAAD;IAES7B,OAAAA;IACI,WAAAR,EAAGuB,GAAWd,SAAWwB,GAAWxB,QAAS;cAEvDA;IACW,EALPD,EAKO;KACfY,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAgB,IARAD,IAAArB,EAAWoB,IAAKE,EAQf,EAAAhB,EAAA,MAAAN,GAAAM,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAe;OAAAA,KAAAf,EAAA;CAAA,IAAAgB;AACQ,QADRhB,EAAA,QAAAJ,KAAAI,EAAA,QAAAI,KAAAJ,EAAA,QAAAY,KAAAZ,EAAA,QAAAe,KA1BJC,IAAA,kBAAC,GAAD;EAAyBpB;EAAyB,WAAAQ;YAAlD,CACEQ,GAiBCG,EASS;KAAAf,EAAA,MAAAJ,GAAAI,EAAA,MAAAI,GAAAJ,EAAA,MAAAY,GAAAZ,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KA3BZgB"}
+{"version":3,"file":"Tabs.js","names":["cn","WithClasses","Tabs","RadixTabs","TabsList","TabsTrigger","TabsContent","TabContentItem","value","content","React","ReactNode","label","TabsProps","tabContents","TabItem","defaultValue","defaultClasses","trigger","t0","$","_c","classes","tabsClasses","t1","root","t2","listRoot","t3","list","t4","t5","t6","itemClasses","map","t7","t8","t9","value_0","itemClasses_0"],"sources":["../../../../src/components/widget/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport {\n  Tabs as RadixTabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"@radix-ui/react-tabs\";\n\ntype TabContentItem = {\n  value: string;\n  content: React.ReactNode;\n  label: React.ReactNode;\n} & WithClasses<\"trigger\" | \"content\">;\n\ntype TabsProps<TabItem extends TabContentItem = TabContentItem> = {\n  tabContents: TabItem[];\n  defaultValue: TabItem[\"value\"];\n} & WithClasses<\"root\" | \"listRoot\" | \"list\" | \"trigger\" | \"content\">;\n\nconst defaultClasses = {\n  trigger:\n    \"data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5\",\n};\n\nexport const Tabs = <TabItem extends TabContentItem = TabContentItem>({\n  defaultValue,\n  tabContents,\n  classes: tabsClasses,\n}: TabsProps<TabItem>) => {\n  return (\n    <RadixTabs defaultValue={defaultValue} className={tabsClasses?.root}>\n      <TabsList className={tabsClasses?.listRoot}>\n        <div className={tabsClasses?.list}>\n          {tabContents.map(({ value, label, classes: itemClasses }) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className={cn(\n                defaultClasses.trigger,\n                tabsClasses?.trigger,\n                itemClasses?.trigger\n              )}\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </div>\n      </TabsList>\n      {tabContents.map(({ value, classes: itemClasses, content }) => (\n        <TabsContent\n          key={value}\n          value={value}\n          className={cn(tabsClasses?.content, itemClasses?.content)}\n        >\n          {content}\n        </TabsContent>\n      ))}\n    </RadixTabs>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAMiB,IAAiB,EACrBC,SACE,inBACH,EAEYhB,KAAOiB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAkD,EAAAL,iBAAAF,gBAAAQ,SAAAC,MAAAJ,GAMhBK,IAAAD,GAAWE,MACtCC,IAAAH,GAAWI,UACdC,IAAAL,GAAWM,MAAMC;CAAA,IAAAV,EAAA,OAAAN,KAAAM,EAAA,OAAAG,GAAAL,SAAA;EAAA,IAAAa;EAa7BX,AAb6BA,EAAA,OAAAG,GAAAL,UAa9Ba,IAAAX,EAAA,MAZgBW,KAAAC,MAAA;GAAC,IAAA,EAAAxB,UAAAI,UAAAU,SAAAW,MAAAD;GAAsC,OACtD,kBAAC,GAAD;IAESxB;IACI,WAAAR,EACTiB,EAAcC,SACdK,GAAWL,SACXe,GAAWf,QACb;cAECN;IACW,EATPJ,EASO;KACfY,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAW,IAZAD,IAAAhB,EAAWoB,IAAKH,EAYf,EAAAX,EAAA,KAAAN,GAAAM,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAU;QAAAA,IAAAV,EAAA;CAAA,IAAAW;CAAA,AAAAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAbJC,IAAA,kBAAA,OAAA;EAAgB,WAAAH;YACbE;EAaG,CAAA,EAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAY;CAAA,AAAAZ,EAAA,OAAAM,KAAAN,EAAA,OAAAW,KAfRC,IAAA,kBAAC,GAAD;EAAqB,WAAAN;YACnBK;EAeS,CAAA,EAAAX,EAAA,KAAAM,GAAAN,EAAA,KAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAN,KAAAM,EAAA,QAAAG,GAAAd,SAAA;EAAA,IAAA2B;EASThB,AATSA,EAAA,QAAAG,GAAAd,UASV2B,IAAAhB,EAAA,OARgBgB,KAAAC,MAAA;GAAC,IAAA,EAAA7B,OAAA8B,GAAAhB,SAAAiB,GAAA9B,eAAA4B;GAAwC,OACxD,kBAAC,GAAD;IAES7B,OAAAA;IACI,WAAAR,EAAGuB,GAAWd,SAAWwB,GAAWxB,QAAS;cAEvDA;IACW,EALPD,EAKO;KACfY,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAgB,IARAD,IAAArB,EAAWoB,IAAKE,EAQf,EAAAhB,EAAA,MAAAN,GAAAM,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAe;QAAAA,IAAAf,EAAA;CAAA,IAAAgB;CACQ,OADRhB,EAAA,QAAAJ,KAAAI,EAAA,QAAAI,KAAAJ,EAAA,QAAAY,KAAAZ,EAAA,QAAAe,KA1BJC,IAAA,kBAAC,GAAD;EAAyBpB;EAAyB,WAAAQ;YAAlD,CACEQ,GAiBCG,EASS;KAAAf,EAAA,MAAAJ,GAAAI,EAAA,MAAAI,GAAAJ,EAAA,MAAAY,GAAAZ,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KA3BZgB"}

package/dist/components/widget/Toasts/CustomToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToast.js","names":["Line","X","toast","cn","ReactComponent","Spinner","CircleCheckSVG","CircleExclamationSVG","ProgressBar","TOASTER_LIFETIME","CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","icon","t2","dismiss","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","className","onTransitionEnd","t17"],"sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CustomToast.js","names":["Line","X","toast","cn","ReactComponent","Spinner","CircleCheckSVG","CircleExclamationSVG","ProgressBar","TOASTER_LIFETIME","CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","icon","t2","dismiss","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","className","onTransitionEnd","t17"],"sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TokenBadge.js","names":["NetworkIconSquare","cn","TokenBadgeProps","LockIcon","vlrURL","TOKEN_IMG_PLACEHOLDER","isVLR","Tooltip","TooltipContent","TooltipTrigger","formatFiatPrice","JSX","TokenLink","TokenBadge","React","FC","t0","$","_c","img","address","chainId","amount","amountUSD","symbol","imageLess","classes","lockIcon","showNetworkIcon","explorerLink","amountPosition","t1","undefined","isVLRToken","imgSrc","amountEl","t2","t3","tokenAmount","t4","t5","t6","t7","t8","logo","networkIcon","networkIconContainer","_temp","imgEl","amountAndImg","root","e","currentTarget","src"],"sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { JSX } from \"react\";\nimport { TokenLink } from \"./TokenLink\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  amountUSD,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  explorerLink,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  let amountEl: JSX.Element | undefined;\n  if (amount !== undefined) {\n    const tokenAmount = <div className={classes?.amount}>{amount}</div>;\n    // wrap in tooltip if amountUSD is provided\n    if (typeof amountUSD === \"string\") {\n      amountEl = (\n        <Tooltip>\n          <TooltipTrigger>{tokenAmount}</TooltipTrigger>\n          <TooltipContent>{formatFiatPrice(+amountUSD)}</TooltipContent>\n        </Tooltip>\n      );\n    } else {\n      amountEl = tokenAmount;\n    }\n  }\n\n  const imgEl = !imageLess && (\n    <div className={cn(\"flex relative\")}>\n      <img\n        className={cn(\"size-[20px] overflow-hidden max-w-fit\", classes?.logo)}\n        // img can sometimes ignore height/width because of preflight.css reset\n        height={20}\n        width={20}\n        src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n        title={address}\n        onError={(e) => {\n          e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n        }}\n        alt={address}\n      />\n      {showNetworkIcon && (\n        <div\n          className={cn(\n            \"flex absolute bottom-[-1px] right-[-1px]\",\n            classes?.networkIconContainer\n          )}\n        >\n          <NetworkIconSquare\n            networkId={chainId}\n            className={cn(\"size-[12px]\", classes?.networkIcon)}\n            withBorder\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const amountAndImg =\n    amountPosition === \"right\" ? (\n      <>\n        {imgEl}\n        {amountEl}\n      </>\n    ) : (\n      <>\n        {amountEl}\n        {imgEl}\n      </>\n    );\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amountAndImg}\n      {symbol && (\n        <div className={classes?.symbol}>\n          {explorerLink ? (\n            <TokenLink address={address} symbol={symbol} network={chainId} />\n          ) : (\n            symbol\n          )}\n        </div>\n      )}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TokenBadge.js","names":["NetworkIconSquare","cn","TokenBadgeProps","LockIcon","vlrURL","TOKEN_IMG_PLACEHOLDER","isVLR","Tooltip","TooltipContent","TooltipTrigger","formatFiatPrice","JSX","TokenLink","TokenBadge","React","FC","t0","$","_c","img","address","chainId","amount","amountUSD","symbol","imageLess","classes","lockIcon","showNetworkIcon","explorerLink","amountPosition","t1","undefined","isVLRToken","imgSrc","amountEl","t2","t3","tokenAmount","t4","t5","t6","t7","t8","logo","networkIcon","networkIconContainer","_temp","imgEl","amountAndImg","root","e","currentTarget","src"],"sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { JSX } from \"react\";\nimport { TokenLink } from \"./TokenLink\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  amountUSD,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  explorerLink,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  let amountEl: JSX.Element | undefined;\n  if (amount !== undefined) {\n    const tokenAmount = <div className={classes?.amount}>{amount}</div>;\n    // wrap in tooltip if amountUSD is provided\n    if (typeof amountUSD === \"string\") {\n      amountEl = (\n        <Tooltip>\n          <TooltipTrigger>{tokenAmount}</TooltipTrigger>\n          <TooltipContent>{formatFiatPrice(+amountUSD)}</TooltipContent>\n        </Tooltip>\n      );\n    } else {\n      amountEl = tokenAmount;\n    }\n  }\n\n  const imgEl = !imageLess && (\n    <div className={cn(\"flex relative\")}>\n      <img\n        className={cn(\"size-[20px] overflow-hidden max-w-fit\", classes?.logo)}\n        // img can sometimes ignore height/width because of preflight.css reset\n        height={20}\n        width={20}\n        src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n        title={address}\n        onError={(e) => {\n          e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n        }}\n        alt={address}\n      />\n      {showNetworkIcon && (\n        <div\n          className={cn(\n            \"flex absolute bottom-[-1px] right-[-1px]\",\n            classes?.networkIconContainer\n          )}\n        >\n          <NetworkIconSquare\n            networkId={chainId}\n            className={cn(\"size-[12px]\", classes?.networkIcon)}\n            withBorder\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const amountAndImg =\n    amountPosition === \"right\" ? (\n      <>\n        {imgEl}\n        {amountEl}\n      </>\n    ) : (\n      <>\n        {amountEl}\n        {imgEl}\n      </>\n    );\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amountAndImg}\n      {symbol && (\n        <div className={classes?.symbol}>\n          {explorerLink ? (\n            <TokenLink address={address} symbol={symbol} network={chainId} />\n          ) : (\n            symbol\n          )}\n        </div>\n      )}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/TokenBadge/TokenLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenLink.js","names":["cn","constructTokenLinkForChain","Token","WithClasses","TokenLink","t0","$","_c","address","network","symbol","classes","t1","chainId","tokenLink","t2","root","t3","t4","t5"],"sources":["../../../../src/components/widget/TokenBadge/TokenLink.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const TokenLink = ({\n  address,\n  network,\n  symbol,\n  classes,\n}: Pick<Token, \"address\" | \"symbol\" | \"network\"> & WithClasses<\"root\">) => {\n  const tokenLink = constructTokenLinkForChain({\n    address,\n    chainId: network,\n  });\n\n  if (!tokenLink)\n    return <span className={classes?.root}>{symbol || address}</span>;\n  return (\n    <a\n      href={tokenLink}\n      target=\"_blank\"\n      className={cn(\"underline\", classes?.root)}\n      rel=\"noopener noreferrer\"\n    >\n      {symbol || address}\n    </a>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,YAAAC,YAAAC,WAAAC,eAAAN,GAK4CO;AAAA,CAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAClDG,IAAAX,EAA2B;EAAAO;EAAAK,SAElCJ;EACV,CAAC,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAHF,IAAAQ,IAAkBF;AAKlB,KAAI,CAACE,GAAS;EACY,IAAAC,IAAAJ,GAAOK,MAASC,IAAAP,KAAAF,GAAiBU;AAAQ,SAARZ,EAAA,OAAAS,KAAAT,EAAA,OAAAW,KAAlDC,IAAA,kBAAA,QAAA;GAAiB,WAAAH;aAAgBE;GAAyB,CAAA,EAAAX,EAAA,KAAAS,GAAAT,EAAA,KAAAW,GAAAX,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAA1DY;;CAKsB,IAAAH,IAAAJ,GAAOK,MAAMC;AAAA,CAAAX,EAAA,OAAAS,IAACE,IAAAX,EAAA,MAA9BW,IAAAjB,EAAG,aAAae,EAAc,EAAAT,EAAA,KAAAS,GAAAT,EAAA,KAAAW;CAGxC,IAAAC,IAAAR,KAAAF,GAAiBW;AAChB,QADgBb,EAAA,OAAAW,KAAAX,EAAA,OAAAY,KAAAZ,EAAA,QAAAQ,KANpBK,IAAA,kBAAA,KAAA;EACQL,MAAAA;EACC,QAAA;EACI,WAAAG;EACP,KAAA;YAEHC;EACC,CAAA,EAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAY,GAAAZ,EAAA,MAAAQ,GAAAR,EAAA,MAAAa,KAAAA,IAAAb,EAAA,KAPJa"}
+{"version":3,"file":"TokenLink.js","names":["cn","constructTokenLinkForChain","Token","WithClasses","TokenLink","t0","$","_c","address","network","symbol","classes","t1","chainId","tokenLink","t2","root","t3","t4","t5"],"sources":["../../../../src/components/widget/TokenBadge/TokenLink.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const TokenLink = ({\n  address,\n  network,\n  symbol,\n  classes,\n}: Pick<Token, \"address\" | \"symbol\" | \"network\"> & WithClasses<\"root\">) => {\n  const tokenLink = constructTokenLinkForChain({\n    address,\n    chainId: network,\n  });\n\n  if (!tokenLink)\n    return <span className={classes?.root}>{symbol || address}</span>;\n  return (\n    <a\n      href={tokenLink}\n      target=\"_blank\"\n      className={cn(\"underline\", classes?.root)}\n      rel=\"noopener noreferrer\"\n    >\n      {symbol || address}\n    </a>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,YAAAC,YAAAC,WAAAC,eAAAN,GAK4CO;CAAA,AAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAClDG,IAAAX,EAA2B;EAAAO;EAAAK,SAElCJ;EACV,CAAC,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAHF,IAAAQ,IAAkBF;CAKlB,IAAI,CAACE,GAAS;EACY,IAAAC,IAAAJ,GAAOK,MAASC,IAAAP,KAAAF,GAAiBU;EAAQ,OAARZ,EAAA,OAAAS,KAAAT,EAAA,OAAAW,KAAlDC,IAAA,kBAAA,QAAA;GAAiB,WAAAH;aAAgBE;GAAyB,CAAA,EAAAX,EAAA,KAAAS,GAAAT,EAAA,KAAAW,GAAAX,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAA1DY;;CAKsB,IAAAH,IAAAJ,GAAOK,MAAMC;CAAA,AAAAX,EAAA,OAAAS,IAACE,IAAAX,EAAA,MAA9BW,IAAAjB,EAAG,aAAae,EAAc,EAAAT,EAAA,KAAAS,GAAAT,EAAA,KAAAW;CAGxC,IAAAC,IAAAR,KAAAF,GAAiBW;CAChB,OADgBb,EAAA,OAAAW,KAAAX,EAAA,OAAAY,KAAAZ,EAAA,QAAAQ,KANpBK,IAAA,kBAAA,KAAA;EACQL,MAAAA;EACC,QAAA;EACI,WAAAG;EACP,KAAA;YAEHC;EACC,CAAA,EAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAY,GAAAZ,EAAA,MAAAQ,GAAAR,EAAA,MAAAa,KAAAA,IAAAb,EAAA,KAPJa"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","names":["cn","TokenInputProps","InputContainer","t0","$","_c","className","divProps","insufficientBalanceMessageProps","token","t1","shouldDisplay","t2","t3"],"sources":["../../../../src/components/widget/TokenInput/InputContainer.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const InputContainer = ({\n  token,\n  insufficientBalanceMessageProps,\n  className,\n  ...divProps\n}: Pick<TokenInputProps, \"token\" | \"insufficientBalanceMessageProps\"> &\n  React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cn(\n        \"group 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        className,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n      {...divProps}\n    ></div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAaE,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC;AAAA,CAAAL,EAAA,OAAAD,KAMQG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,OANP,gEAAAG,KAAAJ,GAMOC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK;CAQ1B,IAAAC,IAAAD,KAASD,GAA+BG,eAAeC;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAM,KALlDE,IAAAZ,EACT,mKACAM,GACA,EAAA,kCAEII,GAEN,CAAC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAEI,QAFJT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KARHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAOV,GACGL;EACC,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAVPS"}
+{"version":3,"file":"InputContainer.js","names":["cn","TokenInputProps","InputContainer","t0","$","_c","className","divProps","insufficientBalanceMessageProps","token","t1","shouldDisplay","t2","t3"],"sources":["../../../../src/components/widget/TokenInput/InputContainer.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const InputContainer = ({\n  token,\n  insufficientBalanceMessageProps,\n  className,\n  ...divProps\n}: Pick<TokenInputProps, \"token\" | \"insufficientBalanceMessageProps\"> &\n  React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cn(\n        \"group 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        className,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n      {...divProps}\n    ></div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAaE,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAL,EAAA,OAAAD,KAMQG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,OANP,gEAAAG,KAAAJ,GAMOC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK;CAQ1B,IAAAC,IAAAD,KAASD,GAA+BG,eAAeC;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAM,KALlDE,IAAAZ,EACT,mKACAM,GACA,EAAA,kCAEII,GAEN,CAAC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAEI,OAFJT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KARHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAOV,GACGL;EACC,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAVPS"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","names":["TokenInputProps","Skeleton","NumericFormat","UnstyledInput","SelectTokenButton","cn","SelectTokenButtonProps","InputField","t0","$","_c","token","isLoading","disabled","amount","onAmountChange","onFocus","readOnly","tokenBadgePropsOverride","tokenType","drawerContainer","onTokenSelect","networkSwitcherProps","selectTokenButtonProps","t1","t2","hidden","t3","networks","t4","t5"],"sources":["../../../../src/components/widget/TokenInput/InputField.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { NumericFormat } from \"react-number-format\";\nimport { UnstyledInput } from \"@/components/ui/input\";\nimport { SelectTokenButton } from \"../SelectToken/SelectTokenButton\";\nimport { cn } from \"@/lib/utils\";\nimport type { SelectTokenButtonProps } from \"../SelectToken/types\";\n\nexport const InputField = ({\n  token,\n  isLoading,\n  disabled,\n  amount,\n  onAmountChange,\n  onFocus,\n  readOnly,\n  tokenBadgePropsOverride,\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  networkSwitcherProps,\n  selectTokenButtonProps,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"isLoading\"\n  | \"disabled\"\n  | \"amount\"\n  | \"onAmountChange\"\n  | \"onFocus\"\n  | \"readOnly\"\n  | \"tokenBadgePropsOverride\"\n  | \"tokenType\"\n  | \"drawerContainer\"\n  | \"onTokenSelect\"\n  | \"networkSwitcherProps\"\n> & {\n  selectTokenButtonProps?: SelectTokenButtonProps[\"buttonProps\"];\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2\">\n      {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n      {token ? (\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n            }\n          )}\n          placeholder=\"0\"\n          disabled={disabled}\n          value={amount}\n          onValueChange={onAmountChange}\n          onFocus={onFocus}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          readOnly={readOnly}\n        />\n      ) : (\n        <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n          Receive\n        </div>\n      )}\n\n      {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n        otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n      <SelectTokenButton\n        token={token}\n        tokenBadgePropsOverride={tokenBadgePropsOverride}\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onSelect={onTokenSelect}\n        selectableChains={networkSwitcherProps?.networks}\n        buttonProps={selectTokenButtonProps}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaO,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,cAAAC,aAAAC,WAAAC,mBAAAC,YAAAC,aAAAC,4BAAAC,cAAAC,oBAAAC,kBAAAC,yBAAAC,8BAAAf,GA8B1BgB;AAAA,CAAAf,EAAA,OAAAG,KAAAH,EAAA,OAAAE,KAGMa,IAAAb,KAAAC,KAAsB,kBAAC,GAAD,EAAoB,WAAA,sBAAuB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;AAAA,CAAAhB,EAAA,OAAAK,KAAAL,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAAAP,EAAA,OAAAQ,KAAAR,EAAA,OAAAE,KACjEc,IAAAd,IACC,kBAAC,GAAD;EACa,WAAAN,EACT,mFACA,EAAAqB,QACUd,GAGZ,CAAA;EACY,aAAA;EACFC;EACHC,OAAAA;EACQC,eAAAA;EACNC;EACM,eAAA;EACI,mBAAA;EACNb,aAAAA;EACb,mBAAA;EACUc;EAMb,CAAA,GAHC,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAG/D,CAAA,EAAAR,EAAA,KAAAK,GAAAL,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAE,GAAAF,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA;CAUmB,IAAAkB,IAAAL,GAAoBM,UAAUC;AAAA,CAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAAAZ,EAAA,QAAAc,KAAAd,EAAA,QAAAkB,KAAAlB,EAAA,QAAAE,KAAAF,EAAA,QAAAS,KAAAT,EAAA,QAAAU,KANlDU,IAAA,kBAAC,GAAD;EACSlB;EACkBO;EACdC;EACMC;EACPC,UAAAA;EACQ,kBAAAM;EACLJ,aAAAA;EACb,CAAA,EAAAd,EAAA,MAAAW,GAAAX,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,GAAAd,EAAA,MAAAkB,GAAAlB,EAAA,MAAAE,GAAAF,EAAA,MAAAS,GAAAT,EAAA,MAAAU,GAAAV,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;AACE,QADFrB,EAAA,QAAAe,KAAAf,EAAA,QAAAgB,KAAAhB,EAAA,QAAAoB,KAtCJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGN;GACAC;GA4BDI;GASI;KAAApB,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KAvCNqB"}
+{"version":3,"file":"InputField.js","names":["TokenInputProps","Skeleton","NumericFormat","UnstyledInput","SelectTokenButton","cn","SelectTokenButtonProps","InputField","t0","$","_c","token","isLoading","disabled","amount","onAmountChange","onFocus","readOnly","tokenBadgePropsOverride","tokenType","drawerContainer","onTokenSelect","networkSwitcherProps","selectTokenButtonProps","t1","t2","hidden","t3","networks","t4","t5"],"sources":["../../../../src/components/widget/TokenInput/InputField.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { NumericFormat } from \"react-number-format\";\nimport { UnstyledInput } from \"@/components/ui/input\";\nimport { SelectTokenButton } from \"../SelectToken/SelectTokenButton\";\nimport { cn } from \"@/lib/utils\";\nimport type { SelectTokenButtonProps } from \"../SelectToken/types\";\n\nexport const InputField = ({\n  token,\n  isLoading,\n  disabled,\n  amount,\n  onAmountChange,\n  onFocus,\n  readOnly,\n  tokenBadgePropsOverride,\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  networkSwitcherProps,\n  selectTokenButtonProps,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"isLoading\"\n  | \"disabled\"\n  | \"amount\"\n  | \"onAmountChange\"\n  | \"onFocus\"\n  | \"readOnly\"\n  | \"tokenBadgePropsOverride\"\n  | \"tokenType\"\n  | \"drawerContainer\"\n  | \"onTokenSelect\"\n  | \"networkSwitcherProps\"\n> & {\n  selectTokenButtonProps?: SelectTokenButtonProps[\"buttonProps\"];\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2\">\n      {token && isLoading && <Skeleton className=\"w-[254px] h-[36px]\" />}\n      {token ? (\n        <NumericFormat\n          className={cn(\n            \"min-w-0 w-full text-[24px] font-geist-mono text-contrast-3 dark:text-contrast-8\",\n            {\n              hidden: isLoading, // hiding instead of not rendering, so that onValueChange triggers immediately after !isLoading\n              // it doesn't trigger when we have a value on the first render\n            }\n          )}\n          placeholder=\"0\"\n          disabled={disabled}\n          value={amount}\n          onValueChange={onAmountChange}\n          onFocus={onFocus}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          readOnly={readOnly}\n        />\n      ) : (\n        <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n          Receive\n        </div>\n      )}\n\n      {/* Always render SelectTokenButton and therefore the Drawer inside of it in the same place,\n        otherwise the Drawer opened inside EmptyInput is unmounted when token becomes available instead of closing normally */}\n      <SelectTokenButton\n        token={token}\n        tokenBadgePropsOverride={tokenBadgePropsOverride}\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onSelect={onTokenSelect}\n        selectableChains={networkSwitcherProps?.networks}\n        buttonProps={selectTokenButtonProps}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaO,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,cAAAC,aAAAC,WAAAC,mBAAAC,YAAAC,aAAAC,4BAAAC,cAAAC,oBAAAC,kBAAAC,yBAAAC,8BAAAf,GA8B1BgB;CAAA,AAAAf,EAAA,OAAAG,KAAAH,EAAA,OAAAE,KAGMa,IAAAb,KAAAC,KAAsB,kBAAC,GAAD,EAAoB,WAAA,sBAAuB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;CAAA,AAAAhB,EAAA,OAAAK,KAAAL,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAAAP,EAAA,OAAAQ,KAAAR,EAAA,OAAAE,KACjEc,IAAAd,IACC,kBAAC,GAAD;EACa,WAAAN,EACT,mFACA,EAAAqB,QACUd,GAGZ,CAAA;EACY,aAAA;EACFC;EACHC,OAAAA;EACQC,eAAAA;EACNC;EACM,eAAA;EACI,mBAAA;EACNb,aAAAA;EACb,mBAAA;EACUc;EAMb,CAAA,GAHC,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAG/D,CAAA,EAAAR,EAAA,KAAAK,GAAAL,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAE,GAAAF,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA;CAUmB,IAAAkB,IAAAL,GAAoBM,UAAUC;CAAA,AAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAAAZ,EAAA,QAAAc,KAAAd,EAAA,QAAAkB,KAAAlB,EAAA,QAAAE,KAAAF,EAAA,QAAAS,KAAAT,EAAA,QAAAU,KANlDU,IAAA,kBAAC,GAAD;EACSlB;EACkBO;EACdC;EACMC;EACPC,UAAAA;EACQ,kBAAAM;EACLJ,aAAAA;EACb,CAAA,EAAAd,EAAA,MAAAW,GAAAX,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,GAAAd,EAAA,MAAAkB,GAAAlB,EAAA,MAAAE,GAAAF,EAAA,MAAAS,GAAAT,EAAA,MAAAU,GAAAV,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;CACE,OADFrB,EAAA,QAAAe,KAAAf,EAAA,QAAAgB,KAAAhB,EAAA,QAAAoB,KAtCJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGN;GACAC;GA4BDI;GASI;KAAApB,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KAvCNqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputFooter.js","names":["formatFiatPrice","Line","InsufficientBalanceMessage","YouGet","TokenInputProps","UsdEstimation","usdEstimation","amount","Pick","Number","FirstRow","t0","$","_c","secondEl","t1","t2","t3","SecondRow","warningMessage","insufficientBalanceMessageProps","shouldDisplay","Divider","Symbol","for","ThirdRow","bottomElement","youGetProps","InputFooter","token","firstRowSecondEl","t4"],"sources":["../../../../src/components/widget/TokenInput/InputFooter.tsx"],"sourcesContent":["import { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { Line } from \"../Line/Line\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { YouGet } from \"../YouGet/YouGet\";\nimport type { TokenInputProps } from \"./types\";\n\nconst UsdEstimation = ({\n  usdEstimation,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\">) => {\n  if (usdEstimation === null) return \"N/A\";\n\n  if (!Number(amount) || !Number(usdEstimation)) return;\n\n  return `~${formatFiatPrice(Number(usdEstimation))}`;\n};\n\nconst FirstRow = ({\n  usdEstimation,\n  secondEl,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5 break-all\">\n      <UsdEstimation usdEstimation={usdEstimation} amount={amount} />\n      <div className=\"ml-auto\">{secondEl}</div>\n    </div>\n  );\n};\n\nconst SecondRow = ({\n  warningMessage,\n  insufficientBalanceMessageProps,\n}: Pick<\n  TokenInputProps,\n  \"warningMessage\" | \"insufficientBalanceMessageProps\"\n>) => {\n  if (insufficientBalanceMessageProps?.shouldDisplay)\n    return <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />;\n\n  if (warningMessage)\n    return (\n      <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n        {warningMessage}\n      </div>\n    );\n\n  return null;\n};\n\nconst Divider = () => <Line className=\"mt-[16px] mb-[17.5px]\" />;\n\nconst ThirdRow = ({\n  bottomElement,\n  youGetProps,\n}: Pick<TokenInputProps, \"bottomElement\" | \"youGetProps\">) => {\n  if (bottomElement)\n    return (\n      <div>\n        <Divider />\n        {bottomElement}\n      </div>\n    );\n\n  if (youGetProps)\n    return (\n      <div>\n        <Divider />\n        <YouGet {...youGetProps} />\n      </div>\n    );\n\n  return null;\n};\n\nexport const InputFooter = ({\n  token,\n  amount,\n  usdEstimation,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  bottomElement,\n  youGetProps,\n  firstRowSecondEl,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"amount\"\n  | \"usdEstimation\"\n  | \"insufficientBalanceMessageProps\"\n  | \"warningMessage\"\n  | \"bottomElement\"\n  | \"youGetProps\"\n> & {\n  firstRowSecondEl?: React.ReactNode;\n}) => {\n  if (!token) {\n    return null;\n  }\n\n  return (\n    <>\n      <FirstRow\n        usdEstimation={usdEstimation}\n        secondEl={firstRowSecondEl}\n        amount={amount}\n      />\n      <SecondRow\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n      />\n      <ThirdRow bottomElement={bottomElement} youGetProps={youGetProps} />\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InputFooter.js","names":["formatFiatPrice","Line","InsufficientBalanceMessage","YouGet","TokenInputProps","UsdEstimation","usdEstimation","amount","Pick","Number","FirstRow","t0","$","_c","secondEl","t1","t2","t3","SecondRow","warningMessage","insufficientBalanceMessageProps","shouldDisplay","Divider","Symbol","for","ThirdRow","bottomElement","youGetProps","InputFooter","token","firstRowSecondEl","t4"],"sources":["../../../../src/components/widget/TokenInput/InputFooter.tsx"],"sourcesContent":["import { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { Line } from \"../Line/Line\";\nimport { InsufficientBalanceMessage } from \"../Warning/InsufficientBalanceMessage\";\nimport { YouGet } from \"../YouGet/YouGet\";\nimport type { TokenInputProps } from \"./types\";\n\nconst UsdEstimation = ({\n  usdEstimation,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\">) => {\n  if (usdEstimation === null) return \"N/A\";\n\n  if (!Number(amount) || !Number(usdEstimation)) return;\n\n  return `~${formatFiatPrice(Number(usdEstimation))}`;\n};\n\nconst FirstRow = ({\n  usdEstimation,\n  secondEl,\n  amount,\n}: Pick<TokenInputProps, \"usdEstimation\" | \"amount\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5 min-h-5 break-all\">\n      <UsdEstimation usdEstimation={usdEstimation} amount={amount} />\n      <div className=\"ml-auto\">{secondEl}</div>\n    </div>\n  );\n};\n\nconst SecondRow = ({\n  warningMessage,\n  insufficientBalanceMessageProps,\n}: Pick<\n  TokenInputProps,\n  \"warningMessage\" | \"insufficientBalanceMessageProps\"\n>) => {\n  if (insufficientBalanceMessageProps?.shouldDisplay)\n    return <InsufficientBalanceMessage {...insufficientBalanceMessageProps} />;\n\n  if (warningMessage)\n    return (\n      <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n        {warningMessage}\n      </div>\n    );\n\n  return null;\n};\n\nconst Divider = () => <Line className=\"mt-[16px] mb-[17.5px]\" />;\n\nconst ThirdRow = ({\n  bottomElement,\n  youGetProps,\n}: Pick<TokenInputProps, \"bottomElement\" | \"youGetProps\">) => {\n  if (bottomElement)\n    return (\n      <div>\n        <Divider />\n        {bottomElement}\n      </div>\n    );\n\n  if (youGetProps)\n    return (\n      <div>\n        <Divider />\n        <YouGet {...youGetProps} />\n      </div>\n    );\n\n  return null;\n};\n\nexport const InputFooter = ({\n  token,\n  amount,\n  usdEstimation,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  bottomElement,\n  youGetProps,\n  firstRowSecondEl,\n}: Pick<\n  TokenInputProps,\n  | \"token\"\n  | \"amount\"\n  | \"usdEstimation\"\n  | \"insufficientBalanceMessageProps\"\n  | \"warningMessage\"\n  | \"bottomElement\"\n  | \"youGetProps\"\n> & {\n  firstRowSecondEl?: React.ReactNode;\n}) => {\n  if (!token) {\n    return null;\n  }\n\n  return (\n    <>\n      <FirstRow\n        usdEstimation={usdEstimation}\n        secondEl={firstRowSecondEl}\n        amount={amount}\n      />\n      <SecondRow\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n      />\n      <ThirdRow bottomElement={bottomElement} youGetProps={youGetProps} />\n    </>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputHeader.js","names":["NetworkSwitcherDropdown","TokenInputProps","ChainSelector","t0","$","_c","label","networkSwitcherProps","token","t1","hidden","InputHeader","secondEl","t2"],"sources":["../../../../src/components/widget/TokenInput/InputHeader.tsx"],"sourcesContent":["import { NetworkSwitcherDropdown } from \"../NetworkSwitcher/NetworkSwitcherDropdown\";\nimport type { TokenInputProps } from \"./types\";\n\nconst ChainSelector = ({\n  label,\n  networkSwitcherProps,\n  token,\n}: Pick<TokenInputProps, \"label\" | \"networkSwitcherProps\" | \"token\">) => {\n  return !token ? null : networkSwitcherProps &&\n    !networkSwitcherProps.hidden ? (\n    <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n  ) : label ? (\n    <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</div>\n  ) : null;\n};\n\nexport const InputHeader = ({\n  token,\n  label,\n  networkSwitcherProps,\n  secondEl,\n}: Pick<TokenInputProps, \"label\" | \"networkSwitcherProps\" | \"token\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5\">\n      <ChainSelector\n        label={label}\n        networkSwitcherProps={networkSwitcherProps}\n        token={token}\n      />\n      {secondEl}\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAME,KAAgBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,UAAAC,yBAAAC,aAAAL,GAI6CM;AAM1D,QAN0DL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAC3DC,IAACD,IAAeD,KAAA,CACpBA,EAAoBG,SACrB,kBAAC,GAAD;EAAwB,GAAKH;EAA8BD,QAAAA;EAGrD,CAAA,GAFJA,IACF,kBAAA,OAAA;EAAe,WAAA;YAAgDA;EACzD,CAAA,GAFJ,OAHG,MAKCF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IALDK;GAQIE,KAAcR,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAG,UAAAF,UAAAC,yBAAAK,gBAAAT,GAO3BM;AAAA,CAAAL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAGKC,IAAA,kBAAC,GAAD;EACSH;EACeC;EACfC;EACP,CAAA,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAS;AAEE,QAFFT,EAAA,OAAAQ,KAAAR,EAAA,OAAAK,KALJI,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEJ,GAKCG,EACG;KAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAK,GAAAL,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IAPNS"}
+{"version":3,"file":"InputHeader.js","names":["NetworkSwitcherDropdown","TokenInputProps","ChainSelector","t0","$","_c","label","networkSwitcherProps","token","t1","hidden","InputHeader","secondEl","t2"],"sources":["../../../../src/components/widget/TokenInput/InputHeader.tsx"],"sourcesContent":["import { NetworkSwitcherDropdown } from \"../NetworkSwitcher/NetworkSwitcherDropdown\";\nimport type { TokenInputProps } from \"./types\";\n\nconst ChainSelector = ({\n  label,\n  networkSwitcherProps,\n  token,\n}: Pick<TokenInputProps, \"label\" | \"networkSwitcherProps\" | \"token\">) => {\n  return !token ? null : networkSwitcherProps &&\n    !networkSwitcherProps.hidden ? (\n    <NetworkSwitcherDropdown {...networkSwitcherProps} prefix={label} />\n  ) : label ? (\n    <div className=\"text-xs text-contrast-3 dark:text-contrast-7\">{label}</div>\n  ) : null;\n};\n\nexport const InputHeader = ({\n  token,\n  label,\n  networkSwitcherProps,\n  secondEl,\n}: Pick<TokenInputProps, \"label\" | \"networkSwitcherProps\" | \"token\"> & {\n  secondEl?: React.ReactNode;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between gap-2 text-xs text-contrast-5\">\n      <ChainSelector\n        label={label}\n        networkSwitcherProps={networkSwitcherProps}\n        token={token}\n      />\n      {secondEl}\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAME,KAAgBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,UAAAC,yBAAAC,aAAAL,GAI6CM;CAM1D,OAN0DL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAC3DC,IAACD,IAAeD,KAAA,CACpBA,EAAoBG,SACrB,kBAAC,GAAD;EAAwB,GAAKH;EAA8BD,QAAAA;EAGrD,CAAA,GAFJA,IACF,kBAAA,OAAA;EAAe,WAAA;YAAgDA;EACzD,CAAA,GAFJ,OAHG,MAKCF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IALDK;GAQIE,KAAcR,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAG,UAAAF,UAAAC,yBAAAK,gBAAAT,GAO3BM;CAAA,AAAAL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAGKC,IAAA,kBAAC,GAAD;EACSH;EACeC;EACfC;EACP,CAAA,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAS;CAEE,OAFFT,EAAA,OAAAQ,KAAAR,EAAA,OAAAK,KALJI,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEJ,GAKCG,EACG;KAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAK,GAAAL,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IAPNS"}

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

@@ -1 +1 @@
-{"version":3,"file":"Balance.js","names":["TokenInputProps","TokenLink","Balance","t0","$","_c","tokenBalanceUnit","token","t1","address","symbol","network"],"sources":["../../../../../src/components/widget/TokenInput/common/Balance.tsx"],"sourcesContent":["import type { TokenInputProps } from \"../types\";\nimport { TokenLink } from \"../../TokenBadge/TokenLink\";\n\nexport const Balance = ({\n  tokenBalanceUnit,\n  token,\n}: Pick<TokenInputProps, \"tokenBalanceUnit\" | \"token\">) => {\n  return tokenBalanceUnit && token ? (\n    <div className=\"text-right\">\n      {`Balance: ${tokenBalanceUnit}`}{\" \"}\n      <TokenLink\n        address={token.address}\n        symbol={token.symbol}\n        network={token.network}\n      />\n    </div>\n  ) : null;\n};\n"],"mappings":";;;;AAGA,IAAaE,KAAUC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,qBAAAC,aAAAJ,GAG8BK;AAU5C,QAV4CJ,EAAA,OAAAG,KAAAH,EAAA,OAAAE,KAC7CE,IAAAF,KAAAC,IACL,kBAAA,OAAA;EAAe,WAAA;YAAf;GACG,YAAYD;GAAoB;GACjC,kBAAC,GAAD;IACW,SAAAC,EAAKE;IACN,QAAAF,EAAKG;IACJ,SAAAH,EAAKI;IAElB,CAAA;GACM;MATD,MASCP,EAAA,KAAAG,GAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IATDI"}
+{"version":3,"file":"Balance.js","names":["TokenInputProps","TokenLink","Balance","t0","$","_c","tokenBalanceUnit","token","t1","address","symbol","network"],"sources":["../../../../../src/components/widget/TokenInput/common/Balance.tsx"],"sourcesContent":["import type { TokenInputProps } from \"../types\";\nimport { TokenLink } from \"../../TokenBadge/TokenLink\";\n\nexport const Balance = ({\n  tokenBalanceUnit,\n  token,\n}: Pick<TokenInputProps, \"tokenBalanceUnit\" | \"token\">) => {\n  return tokenBalanceUnit && token ? (\n    <div className=\"text-right\">\n      {`Balance: ${tokenBalanceUnit}`}{\" \"}\n      <TokenLink\n        address={token.address}\n        symbol={token.symbol}\n        network={token.network}\n      />\n    </div>\n  ) : null;\n};\n"],"mappings":";;;;AAGA,IAAaE,KAAUC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,qBAAAC,aAAAJ,GAG8BK;CAU5C,OAV4CJ,EAAA,OAAAG,KAAAH,EAAA,OAAAE,KAC7CE,IAAAF,KAAAC,IACL,kBAAA,OAAA;EAAe,WAAA;YAAf;GACG,YAAYD;GAAoB;GACjC,kBAAC,GAAD;IACW,SAAAC,EAAKE;IACN,QAAAF,EAAKG;IACJ,SAAAH,EAAKI;IAElB,CAAA;GACM;MATD,MASCP,EAAA,KAAAG,GAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IATDI"}

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

@@ -1 +1 @@
-{"version":3,"file":"MaxButtons.js","names":["Button","TokenInputProps","WithClasses","cn","MaxButtons","t0","$","_c","maxButtonOptions","classes","t1","root","t2","t3","map","_temp","t4","variant","onClick"],"sources":["../../../../../src/components/widget/TokenInput/common/MaxButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { TokenInputProps } from \"../types\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MaxButtons = ({\n  maxButtonOptions,\n  classes,\n}: Pick<TokenInputProps, \"maxButtonOptions\"> & WithClasses<\"root\">) => {\n  return (\n    <div className={cn(\"flex items-end gap-1\", classes?.root)}>\n      {maxButtonOptions?.map(({ variant, onClick }) => (\n        <Button\n          className=\"h-[18px] px-[7px] py-0 text-[10px] font-medium text-contrast-4 dark:text-contrast-6 bg-transparent hover:bg-transparent hover:text-primary-azul-1 dark:hover:text-primary-azul-1 border border-contrast-5 hover:border-primary-azul-1 uppercase\"\n          onClick={onClick}\n          key={variant}\n        >\n          {variant}\n        </Button>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,qBAAAC,eAAAJ,GAKoBK,IAAAD,GAAOE,MAAMC;AAAA,CAAAN,EAAA,OAAAI,IAACE,IAAAN,EAAA,MAAzCM,IAAAT,EAAG,wBAAwBO,EAAc,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAM;CAAA,IAAAC;AAAA,CAAAP,EAAA,OAAAE,IASrDK,IAAAP,EAAA,MARDO,IAAAL,GAAgBM,IAAMC,EAQrB,EAAAT,EAAA,KAAAE,GAAAF,EAAA,KAAAO;CAAA,IAAAG;AACE,QADFV,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KATJG,IAAA,kBAAA,OAAA;EAAgB,WAAAJ;YACbC;EASG,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAU,KAAAA,IAAAV,EAAA,IAVNU;;AALsB,SAAAD,EAAAV,GAAA;CAMI,IAAA,EAAAY,YAAAC,eAAAb;AAAoB,QAC1C,kBAAC,GAAD;EACY,WAAA;EACDa;YAGRD;EACM,EAHFA,EAGE"}
+{"version":3,"file":"MaxButtons.js","names":["Button","TokenInputProps","WithClasses","cn","MaxButtons","t0","$","_c","maxButtonOptions","classes","t1","root","t2","t3","map","_temp","t4","variant","onClick"],"sources":["../../../../../src/components/widget/TokenInput/common/MaxButtons.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { TokenInputProps } from \"../types\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\n\nexport const MaxButtons = ({\n  maxButtonOptions,\n  classes,\n}: Pick<TokenInputProps, \"maxButtonOptions\"> & WithClasses<\"root\">) => {\n  return (\n    <div className={cn(\"flex items-end gap-1\", classes?.root)}>\n      {maxButtonOptions?.map(({ variant, onClick }) => (\n        <Button\n          className=\"h-[18px] px-[7px] py-0 text-[10px] font-medium text-contrast-4 dark:text-contrast-6 bg-transparent hover:bg-transparent hover:text-primary-azul-1 dark:hover:text-primary-azul-1 border border-contrast-5 hover:border-primary-azul-1 uppercase\"\n          onClick={onClick}\n          key={variant}\n        >\n          {variant}\n        </Button>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,qBAAAC,eAAAJ,GAKoBK,IAAAD,GAAOE,MAAMC;CAAA,AAAAN,EAAA,OAAAI,IAACE,IAAAN,EAAA,MAAzCM,IAAAT,EAAG,wBAAwBO,EAAc,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAM;CAAA,IAAAC;CAAA,AAAAP,EAAA,OAAAE,IASrDK,IAAAP,EAAA,MARDO,IAAAL,GAAgBM,IAAMC,EAQrB,EAAAT,EAAA,KAAAE,GAAAF,EAAA,KAAAO;CAAA,IAAAG;CACE,OADFV,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KATJG,IAAA,kBAAA,OAAA;EAAgB,WAAAJ;YACbC;EASG,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAU,KAAAA,IAAAV,EAAA,IAVNU;;AALsB,SAAAD,EAAAV,GAAA;CAMI,IAAA,EAAAY,YAAAC,eAAAb;CAAoB,OAC1C,kBAAC,GAAD;EACY,WAAA;EACDa;YAGRD;EACM,EAHFA,EAGE"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TokenInputProps","InputContainer","InputHeader","InputField","InputFooter","Balance","MaxButtons","useBreakpoints","IS_MOBILE_DEVICE","cn","TokenInput","React","FC","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","_showMaxButton","maxButtonOptions","_maxButtonOptions","youGetProps","bottomElement","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","isOverMd","isMobile","t1","filter","_temp","length","t2","root","t3","t4","t5","t6","t7","t8","t9","t10","option","variant"],"sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\n\nimport { InputContainer } from \"./InputContainer\";\nimport { InputHeader } from \"./InputHeader\";\nimport { InputField } from \"./InputField\";\nimport { InputFooter } from \"./InputFooter\";\nimport { Balance } from \"./common/Balance\";\nimport { MaxButtons } from \"./common/MaxButtons\";\nimport { useBreakpoints } from \"@/hooks/useBreakpoints\";\nimport { IS_MOBILE_DEVICE } from \"@/lib/constants/mobile\";\nimport { cn } from \"@/lib/utils\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton: _showMaxButton,\n  maxButtonOptions: _maxButtonOptions,\n  youGetProps,\n  bottomElement,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  const { isOverMd } = useBreakpoints();\n  const isMobile = !isOverMd || IS_MOBILE_DEVICE;\n\n  const maxButtonOptions = isMobile\n    ? _maxButtonOptions?.filter((option) => option.variant === \"MAX\")\n    : _maxButtonOptions;\n\n  const showMaxButton =\n    _showMaxButton && maxButtonOptions && maxButtonOptions.length > 0;\n\n  return (\n    <InputContainer\n      className={classes?.root}\n      token={token}\n      insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n    >\n      <InputHeader\n        label={label}\n        networkSwitcherProps={networkSwitcherProps}\n        token={token}\n        secondEl={\n          !isMobile ? (\n            <Balance tokenBalanceUnit={tokenBalanceUnit} token={token} />\n          ) : null\n        }\n      />\n      <InputField\n        token={token}\n        isLoading={isLoading}\n        disabled={disabled}\n        amount={amount}\n        onAmountChange={onAmountChange}\n        onFocus={onFocus}\n        readOnly={readOnly}\n        tokenBadgePropsOverride={tokenBadgePropsOverride}\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        networkSwitcherProps={networkSwitcherProps}\n      />\n      <InputFooter\n        token={token}\n        amount={amount}\n        usdEstimation={usdEstimation}\n        firstRowSecondEl={\n          <div className=\"flex items-center gap-2\">\n            {isMobile && (\n              <Balance tokenBalanceUnit={tokenBalanceUnit} token={token} />\n            )}\n            {showMaxButton && (\n              <MaxButtons\n                maxButtonOptions={maxButtonOptions}\n                classes={{\n                  root: cn({\n                    \"hidden group-hover:flex\": !isMobile,\n                  }),\n                }}\n              />\n            )}\n          </div>\n        }\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n        bottomElement={bottomElement}\n        youGetProps={youGetProps}\n      />\n    </InputContainer>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["TokenInputProps","InputContainer","InputHeader","InputField","InputFooter","Balance","MaxButtons","useBreakpoints","IS_MOBILE_DEVICE","cn","TokenInput","React","FC","t0","$","_c","amount","onAmountChange","label","usdEstimation","networkSwitcherProps","tokenBadgePropsOverride","insufficientBalanceMessageProps","warningMessage","onFocus","token","tokenBalanceUnit","onTokenSelect","showMaxButton","_showMaxButton","maxButtonOptions","_maxButtonOptions","youGetProps","bottomElement","disabled","isLoading","readOnly","tokenType","drawerContainer","classes","isOverMd","isMobile","t1","filter","_temp","length","t2","root","t3","t4","t5","t6","t7","t8","t9","t10","option","variant"],"sources":["../../../../src/components/widget/TokenInput/index.tsx"],"sourcesContent":["import type { TokenInputProps } from \"./types\";\n\nimport { InputContainer } from \"./InputContainer\";\nimport { InputHeader } from \"./InputHeader\";\nimport { InputField } from \"./InputField\";\nimport { InputFooter } from \"./InputFooter\";\nimport { Balance } from \"./common/Balance\";\nimport { MaxButtons } from \"./common/MaxButtons\";\nimport { useBreakpoints } from \"@/hooks/useBreakpoints\";\nimport { IS_MOBILE_DEVICE } from \"@/lib/constants/mobile\";\nimport { cn } from \"@/lib/utils\";\n\nexport const TokenInput: React.FC<TokenInputProps> = ({\n  amount,\n  onAmountChange,\n  label,\n  usdEstimation,\n  networkSwitcherProps,\n  tokenBadgePropsOverride,\n  insufficientBalanceMessageProps,\n  warningMessage,\n  onFocus,\n  token,\n  tokenBalanceUnit,\n  onTokenSelect,\n  showMaxButton: _showMaxButton,\n  maxButtonOptions: _maxButtonOptions,\n  youGetProps,\n  bottomElement,\n  disabled,\n  isLoading,\n  readOnly,\n  tokenType,\n  drawerContainer,\n  classes,\n}) => {\n  const { isOverMd } = useBreakpoints();\n  const isMobile = !isOverMd || IS_MOBILE_DEVICE;\n\n  const maxButtonOptions = isMobile\n    ? _maxButtonOptions?.filter((option) => option.variant === \"MAX\")\n    : _maxButtonOptions;\n\n  const showMaxButton =\n    _showMaxButton && maxButtonOptions && maxButtonOptions.length > 0;\n\n  return (\n    <InputContainer\n      className={classes?.root}\n      token={token}\n      insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n    >\n      <InputHeader\n        label={label}\n        networkSwitcherProps={networkSwitcherProps}\n        token={token}\n        secondEl={\n          !isMobile ? (\n            <Balance tokenBalanceUnit={tokenBalanceUnit} token={token} />\n          ) : null\n        }\n      />\n      <InputField\n        token={token}\n        isLoading={isLoading}\n        disabled={disabled}\n        amount={amount}\n        onAmountChange={onAmountChange}\n        onFocus={onFocus}\n        readOnly={readOnly}\n        tokenBadgePropsOverride={tokenBadgePropsOverride}\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        networkSwitcherProps={networkSwitcherProps}\n      />\n      <InputFooter\n        token={token}\n        amount={amount}\n        usdEstimation={usdEstimation}\n        firstRowSecondEl={\n          <div className=\"flex items-center gap-2\">\n            {isMobile && (\n              <Balance tokenBalanceUnit={tokenBalanceUnit} token={token} />\n            )}\n            {showMaxButton && (\n              <MaxButtons\n                maxButtonOptions={maxButtonOptions}\n                classes={{\n                  root: cn({\n                    \"hidden group-hover:flex\": !isMobile,\n                  }),\n                }}\n              />\n            )}\n          </div>\n        }\n        insufficientBalanceMessageProps={insufficientBalanceMessageProps}\n        warningMessage={warningMessage}\n        bottomElement={bottomElement}\n        youGetProps={youGetProps}\n      />\n    </InputContainer>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TokenSwitcher.js","names":["cn","ArrowDown","TokenSwitcherProps","TokenSwitcher","React","FC","t0","$","_c","enableSwitchTokens","onSwitchTokens","classes","t1","root","t2","t3","undefined","t4","t5","iconContainer","t6","icon","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/TokenSwitcher/TokenSwitcher.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { TokenSwitcherProps } from \"./types\";\n\nexport const TokenSwitcher: React.FC<TokenSwitcherProps> = ({\n  enableSwitchTokens,\n  onSwitchTokens,\n  classes,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center relative h-[8px]\",\n        classes?.root\n      )}\n      onClick={enableSwitchTokens ? onSwitchTokens : undefined}\n    >\n      <div\n        className={cn(\n          \"h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full\",\n          {\n            \"transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]\":\n              enableSwitchTokens,\n            \"cursor-not-allowed\": !enableSwitchTokens,\n          },\n          classes?.iconContainer\n        )}\n      >\n        <ArrowDown\n          className={cn(\n            \"stroke-contrast-5 dark:stroke-contrast-7\",\n            classes?.icon\n          )}\n          size={16}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAA8CG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,uBAAAC,mBAAAC,eAAAL,GASpDM,IAAAD,GAAOE,MAAMC;AAAA,CAAAP,EAAA,OAAAK,IACdE,IAAAP,EAAA,MAHUO,IAAAd,EACT,qDACAY,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CACQ,IAAAC,IAAAN,IAAAC,IAAAM,KAAAA,GAQmBC,IAAA,CAACR,GAAkBS;AAAA,CAAAX,EAAA,OAAAI,GAAAQ,iBAAAZ,EAAA,OAAAE,KAAAF,EAAA,OAAAU,KALlCC,IAAAlB,EACT,+JACA;EAAA,qEAEIS;EAAkB,sBACEQ;EACvB,EACDN,GAAOQ,cACR,EAAAZ,EAAA,KAAAI,GAAAQ,eAAAZ,EAAA,KAAAE,GAAAF,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAKG,IAAAa,IAAAT,GAAOU,MAAMC;AAAA,CAAAf,EAAA,OAAAa,IACdE,IAAAf,EAAA,MAHUe,IAAAtB,EACT,4CACAoB,EACD,EAAAb,EAAA,KAAAa,GAAAb,EAAA,KAAAe;CAAA,IAAAC;AAAA,CAAAhB,EAAA,OAAAe,IAEDC,IAAAhB,EAAA,MANFgB,IAAA,kBAAC,GAAD;EACa,WAAAD;EAIL,MAAA;EACN,CAAA,EAAAf,EAAA,KAAAe,GAAAf,EAAA,KAAAgB;CAAA,IAAAC;AAAA,CAAAjB,EAAA,QAAAW,KAAAX,EAAA,QAAAgB,KAjBJC,IAAA,kBAAA,OAAA;EACa,WAAAN;YAUXK;EAOI,CAAA,EAAAhB,EAAA,MAAAW,GAAAX,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAkB;AACF,QADElB,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAiB,KAzBRC,IAAA,kBAAA,OAAA;EACa,WAAAX;EAIF,SAAAC;YAETS;EAmBI,CAAA,EAAAjB,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA,KA1BNkB"}
+{"version":3,"file":"TokenSwitcher.js","names":["cn","ArrowDown","TokenSwitcherProps","TokenSwitcher","React","FC","t0","$","_c","enableSwitchTokens","onSwitchTokens","classes","t1","root","t2","t3","undefined","t4","t5","iconContainer","t6","icon","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/TokenSwitcher/TokenSwitcher.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { TokenSwitcherProps } from \"./types\";\n\nexport const TokenSwitcher: React.FC<TokenSwitcherProps> = ({\n  enableSwitchTokens,\n  onSwitchTokens,\n  classes,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center relative h-[8px]\",\n        classes?.root\n      )}\n      onClick={enableSwitchTokens ? onSwitchTokens : undefined}\n    >\n      <div\n        className={cn(\n          \"h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full\",\n          {\n            \"transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]\":\n              enableSwitchTokens,\n            \"cursor-not-allowed\": !enableSwitchTokens,\n          },\n          classes?.iconContainer\n        )}\n      >\n        <ArrowDown\n          className={cn(\n            \"stroke-contrast-5 dark:stroke-contrast-7\",\n            classes?.icon\n          )}\n          size={16}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAA8CG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,uBAAAC,mBAAAC,eAAAL,GASpDM,IAAAD,GAAOE,MAAMC;CAAA,AAAAP,EAAA,OAAAK,IACdE,IAAAP,EAAA,MAHUO,IAAAd,EACT,qDACAY,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CACQ,IAAAC,IAAAN,IAAAC,IAAAM,KAAAA,GAQmBC,IAAA,CAACR,GAAkBS;CAAA,AAAAX,EAAA,OAAAI,GAAAQ,iBAAAZ,EAAA,OAAAE,KAAAF,EAAA,OAAAU,KALlCC,IAAAlB,EACT,+JACA;EAAA,qEAEIS;EAAkB,sBACEQ;EACvB,EACDN,GAAOQ,cACR,EAAAZ,EAAA,KAAAI,GAAAQ,eAAAZ,EAAA,KAAAE,GAAAF,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAKG,IAAAa,IAAAT,GAAOU,MAAMC;CAAA,AAAAf,EAAA,OAAAa,IACdE,IAAAf,EAAA,MAHUe,IAAAtB,EACT,4CACAoB,EACD,EAAAb,EAAA,KAAAa,GAAAb,EAAA,KAAAe;CAAA,IAAAC;CAAA,AAAAhB,EAAA,OAAAe,IAEDC,IAAAhB,EAAA,MANFgB,IAAA,kBAAC,GAAD;EACa,WAAAD;EAIL,MAAA;EACN,CAAA,EAAAf,EAAA,KAAAe,GAAAf,EAAA,KAAAgB;CAAA,IAAAC;CAAA,AAAAjB,EAAA,QAAAW,KAAAX,EAAA,QAAAgB,KAjBJC,IAAA,kBAAA,OAAA;EACa,WAAAN;YAUXK;EAOI,CAAA,EAAAhB,EAAA,MAAAW,GAAAX,EAAA,MAAAgB,GAAAhB,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAkB;CACF,OADElB,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAiB,KAzBRC,IAAA,kBAAA,OAAA;EACa,WAAAX;EAIF,SAAAC;YAETS;EAmBI,CAAA,EAAAjB,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,KAAAA,IAAAlB,EAAA,KA1BNkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CancelButtonWithDrawer.js","names":["CancelButton","cancelOrderTooltip","ControlledDrawer","useLocalDrawerControls","ConfirmCancelOrder","getOrderCancelDetailsForTradeFlowType","useTradeFlowContext","CancelButtonWithDrawerProps","className","onCancelOrder","CancelButtonWithDrawer","t0","$","_c","orderCancellationStep","tradeFlowType","isPending","t1","orderCancelDetails","cancelOrderDrawerControls","onClick","onOpen","t2","CancelBtn","t3","orderType","t4","cancelTexts","drawerTitle","t5"],"sources":["../../../../src/components/widget/TradeOverview/CancelButtonWithDrawer.tsx"],"sourcesContent":["import { CancelButton } from \"../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../Button/CancelButton/constants\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useLocalDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ConfirmCancelOrder } from \"./CancelOrder/ConfirmCancel\";\nimport { getOrderCancelDetailsForTradeFlowType } from \"./CancelOrder/utils\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\n\ntype CancelButtonWithDrawerProps = {\n  className?: string;\n  onCancelOrder: () => void;\n};\n\nexport function CancelButtonWithDrawer({\n  onCancelOrder,\n  className,\n}: CancelButtonWithDrawerProps) {\n  const { orderCancellationStep, tradeFlowType } = useTradeFlowContext();\n\n  const isPending =\n    orderCancellationStep === \"order-cancellation-approval\" ||\n    orderCancellationStep === \"order-cancellation-execution\";\n\n  const orderCancelDetails =\n    getOrderCancelDetailsForTradeFlowType(tradeFlowType);\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const onClick = orderCancelDetails\n    ? cancelOrderDrawerControls.onOpen\n    : onCancelOrder;\n\n  const CancelBtn = (\n    <CancelButton\n      className={className}\n      disabled={isPending}\n      isLoading={isPending}\n      onClick={onClick}\n      tooltip={cancelOrderTooltip}\n    >\n      Cancel Order\n    </CancelButton>\n  );\n\n  if (orderCancelDetails === null) {\n    return CancelBtn;\n  }\n\n  return (\n    <>\n      {CancelBtn}\n      <ControlledDrawer\n        {...cancelOrderDrawerControls}\n        title={orderCancelDetails.cancelTexts.drawerTitle}\n        showGoBackButton\n      >\n        <ConfirmCancelOrder\n          orderTypeToCancel={orderCancelDetails.orderType}\n          onConfirmCancel={onCancelOrder}\n          isCancelling={isPending}\n          step={orderCancellationStep}\n        />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAOU,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAgC,EAAAJ,kBAAAD,iBAAAG,GAIrC,EAAAG,0BAAAC,qBAAiDT,GAAqB,EAEtEU,IACEF,MAA0B,iCAC1BA,MAA0B,gCAA+BG;AAAA,CAAAL,EAAA,OAAAG,IAGLE,IAAAL,EAAA,MAApDK,IAAAZ,EAAsCU,EAAc,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAK;CADtD,IAAAC,IACED,GAEFE,IAAkChB,GAAwB,EAE1DiB,IAAgBF,IACZC,EAAyBE,SADbZ,GAEEa;AAAA,CAAAV,EAAA,OAAAJ,KAAAI,EAAA,OAAAI,KAAAJ,EAAA,OAAAQ,KAGhBE,IAAA,kBAAC,GAAD;EACad;EACDQ,UAAAA;EACCA,WAAAA;EACFI;EACAnB,SAAAA;YACV;EAEc,CAAA,EAAAW,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CATjB,IAAAW,IACED;AAWF,KAAIJ,MAAuB,KAAI,QACtBK;CACR,IAAAC;AAAA,CAAAZ,EAAA,OAAAI,KAAAJ,EAAA,OAAAH,KAAAG,EAAA,OAAAM,EAAAO,aAAAb,EAAA,OAAAE,KAUKU,IAAA,kBAAC,GAAD;EACqB,mBAAAN,EAAkBO;EACpBhB,iBAAAA;EACHO,cAAAA;EACRF,MAAAA;EACN,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAH,GAAAG,EAAA,KAAAM,EAAAO,WAAAb,EAAA,KAAAE,GAAAF,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,QAAAO,KAAAP,EAAA,QAAAM,EAAAS,YAAAC,eAAAhB,EAAA,QAAAY,KAVJE,IAAA,kBAAC,GAAD;EAAiB,GACXP;EACG,OAAAD,EAAkBS,YAAYC;EACrC,kBAAA;YAEAJ;EAMiB,CAAA,EAAAZ,EAAA,MAAAO,GAAAP,EAAA,MAAAM,EAAAS,YAAAC,aAAAhB,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAiB;AAClB,QADkBjB,EAAA,QAAAW,KAAAX,EAAA,QAAAc,KAbrBG,IAAA,kBAAA,GAAA,EAAA,UAAA,CACGN,GACDG,EAYC,EAAA,CAAA,EAAAd,EAAA,MAAAW,GAAAX,EAAA,MAAAc,GAAAd,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA,KAdHiB"}
+{"version":3,"file":"CancelButtonWithDrawer.js","names":["CancelButton","cancelOrderTooltip","ControlledDrawer","useLocalDrawerControls","ConfirmCancelOrder","getOrderCancelDetailsForTradeFlowType","useTradeFlowContext","CancelButtonWithDrawerProps","className","onCancelOrder","CancelButtonWithDrawer","t0","$","_c","orderCancellationStep","tradeFlowType","isPending","t1","orderCancelDetails","cancelOrderDrawerControls","onClick","onOpen","t2","CancelBtn","t3","orderType","t4","cancelTexts","drawerTitle","t5"],"sources":["../../../../src/components/widget/TradeOverview/CancelButtonWithDrawer.tsx"],"sourcesContent":["import { CancelButton } from \"../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../Button/CancelButton/constants\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useLocalDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ConfirmCancelOrder } from \"./CancelOrder/ConfirmCancel\";\nimport { getOrderCancelDetailsForTradeFlowType } from \"./CancelOrder/utils\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\n\ntype CancelButtonWithDrawerProps = {\n  className?: string;\n  onCancelOrder: () => void;\n};\n\nexport function CancelButtonWithDrawer({\n  onCancelOrder,\n  className,\n}: CancelButtonWithDrawerProps) {\n  const { orderCancellationStep, tradeFlowType } = useTradeFlowContext();\n\n  const isPending =\n    orderCancellationStep === \"order-cancellation-approval\" ||\n    orderCancellationStep === \"order-cancellation-execution\";\n\n  const orderCancelDetails =\n    getOrderCancelDetailsForTradeFlowType(tradeFlowType);\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const onClick = orderCancelDetails\n    ? cancelOrderDrawerControls.onOpen\n    : onCancelOrder;\n\n  const CancelBtn = (\n    <CancelButton\n      className={className}\n      disabled={isPending}\n      isLoading={isPending}\n      onClick={onClick}\n      tooltip={cancelOrderTooltip}\n    >\n      Cancel Order\n    </CancelButton>\n  );\n\n  if (orderCancelDetails === null) {\n    return CancelBtn;\n  }\n\n  return (\n    <>\n      {CancelBtn}\n      <ControlledDrawer\n        {...cancelOrderDrawerControls}\n        title={orderCancelDetails.cancelTexts.drawerTitle}\n        showGoBackButton\n      >\n        <ConfirmCancelOrder\n          orderTypeToCancel={orderCancelDetails.orderType}\n          onConfirmCancel={onCancelOrder}\n          isCancelling={isPending}\n          step={orderCancellationStep}\n        />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAOU,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAgC,EAAAJ,kBAAAD,iBAAAG,GAIrC,EAAAG,0BAAAC,qBAAiDT,GAAqB,EAEtEU,IACEF,MAA0B,iCAC1BA,MAA0B,gCAA+BG;CAAA,AAAAL,EAAA,OAAAG,IAGLE,IAAAL,EAAA,MAApDK,IAAAZ,EAAsCU,EAAc,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAK;CADtD,IAAAC,IACED,GAEFE,IAAkChB,GAAwB,EAE1DiB,IAAgBF,IACZC,EAAyBE,SADbZ,GAEEa;CAAA,AAAAV,EAAA,OAAAJ,KAAAI,EAAA,OAAAI,KAAAJ,EAAA,OAAAQ,KAGhBE,IAAA,kBAAC,GAAD;EACad;EACDQ,UAAAA;EACCA,WAAAA;EACFI;EACAnB,SAAAA;YACV;EAEc,CAAA,EAAAW,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CATjB,IAAAW,IACED;CAWF,IAAIJ,MAAuB,MAAI,OACtBK;CACR,IAAAC;CAAA,AAAAZ,EAAA,OAAAI,KAAAJ,EAAA,OAAAH,KAAAG,EAAA,OAAAM,EAAAO,aAAAb,EAAA,OAAAE,KAUKU,IAAA,kBAAC,GAAD;EACqB,mBAAAN,EAAkBO;EACpBhB,iBAAAA;EACHO,cAAAA;EACRF,MAAAA;EACN,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAH,GAAAG,EAAA,KAAAM,EAAAO,WAAAb,EAAA,KAAAE,GAAAF,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,QAAAO,KAAAP,EAAA,QAAAM,EAAAS,YAAAC,eAAAhB,EAAA,QAAAY,KAVJE,IAAA,kBAAC,GAAD;EAAiB,GACXP;EACG,OAAAD,EAAkBS,YAAYC;EACrC,kBAAA;YAEAJ;EAMiB,CAAA,EAAAZ,EAAA,MAAAO,GAAAP,EAAA,MAAAM,EAAAS,YAAAC,aAAAhB,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAiB;CAClB,OADkBjB,EAAA,QAAAW,KAAAX,EAAA,QAAAc,KAbrBG,IAAA,kBAAA,GAAA,EAAA,UAAA,CACGN,GACDG,EAYC,EAAA,CAAA,EAAAd,EAAA,MAAAW,GAAAX,EAAA,MAAAc,GAAAd,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA,KAdHiB"}

package/dist/components/widget/TradeOverview/CancelOrder/ConfirmCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmCancel.js","names":["Switch","WarningWithTitle","useId","useState","WarningProps","CancelOrderTexts","OrderTypeToCancel","CancelOrderStepKey","CancelButton","cn","warningClasses","root","CancelOrderWarningProps","orderTypeToCancel","TxNonceWarning","CancelOrderWarning","t0","$","_c","warningTitle","warningMessage","t1","Symbol","for","t2","t3","t4","t5","CancelOrderControlsProps","onConfirmCancel","isCancelling","step","ConfirmCancelOrderStep","CancelOrderToggleAndStepProps","checked","setToggle","React","Dispatch","SetStateAction","progressStep2Text","Record","CancelOrderToggleAndStep","SwitchComponent","labelId","text","undefined","CancelOrderControls","acknowledged","setAcknowledged","isPending","isSuccess","t6","ConfirmCancelOrderProps","ConfirmCancelOrder"],"sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/ConfirmCancel.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { WarningWithTitle } from \"../../Warning/Warning\";\nimport { useId, useState } from \"react\";\nimport type { WarningProps } from \"../../Warning/types\";\nimport { CancelOrderTexts, type OrderTypeToCancel } from \"./constants\";\nimport type { CancelOrderStepKey } from \"../steps\";\nimport { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { cn } from \"@/lib/utils\";\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\ntype CancelOrderWarningProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n};\n\nconst TxNonceWarning =\n  \"When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.\";\n\nconst CancelOrderWarning = ({ orderTypeToCancel }: CancelOrderWarningProps) => {\n  const { warningTitle, warningMessage } = CancelOrderTexts[orderTypeToCancel];\n  return (\n    <WarningWithTitle\n      title={warningTitle}\n      message={\n        <div className=\"flex flex-col gap-2\">\n          {warningMessage}\n          <div>\n            Because execution is asynchronous, your cancellation may not take\n            effect immediately. The order could still execute if matched before\n            the cancellation is processed.\n          </div>\n          {orderTypeToCancel === \"Market Swap\" && <div>{TxNonceWarning}</div>}\n          <div>Proceed only if you understand this risk.</div>\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\ntype CancelOrderControlsProps = {\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step: ConfirmCancelOrderStep;\n};\n\ntype CancelOrderToggleAndStepProps = {\n  step: ConfirmCancelOrderStep;\n  checked: boolean;\n  setToggle: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst progressStep2Text: Record<ConfirmCancelOrderStep, string> = {\n  \"order-cancellation-pre-confirm\": \"I understand the risks mentioned above\",\n  \"order-cancellation-approval\":\n    \"We need a signature on your wallet to cancel your order\",\n  \"order-cancellation-execution\":\n    \"The order is being cancelled, but it may still be executed\",\n  \"order-cancellation-success\": \"Order cancelled\",\n  \"order-cancellation-error\": \"Order cancellation failed\",\n};\n\nconst CancelOrderToggleAndStep = ({\n  step,\n  checked,\n  setToggle,\n}: CancelOrderToggleAndStepProps) => {\n  let SwitchComponent: React.ReactNode = null;\n\n  // guarantees uniqueness for Component instance (even when many such Components are rendered)\n  const labelId = useId();\n\n  if (step === \"order-cancellation-pre-confirm\") {\n    SwitchComponent = (\n      <Switch\n        id={labelId}\n        checked={checked}\n        className=\"cursor-pointer\"\n        onCheckedChange={setToggle}\n      />\n    );\n  }\n\n  const text = progressStep2Text[step];\n  return (\n    <label\n      className={cn(\"flex items-center gap-1.5 w-fit\", {\n        \"cursor-pointer\": !!SwitchComponent,\n      })}\n      htmlFor={SwitchComponent ? labelId : undefined}\n    >\n      {SwitchComponent}\n      <div className=\"text-sm text-contrast-4 dark:text-contrast-6\">{text}</div>\n    </label>\n  );\n};\n\nconst CancelOrderControls = ({\n  onConfirmCancel,\n  isCancelling,\n  step,\n}: CancelOrderControlsProps) => {\n  const [acknowledged, setAcknowledged] = useState(false);\n\n  const isPending =\n    isCancelling ||\n    step === \"order-cancellation-approval\" ||\n    step === \"order-cancellation-execution\";\n  const isSuccess = step === \"order-cancellation-success\";\n\n  return (\n    <div>\n      <div>\n        <CancelOrderToggleAndStep\n          step={step}\n          checked={acknowledged}\n          setToggle={setAcknowledged}\n        />\n      </div>\n      <div className=\"mt-7 flex items-center justify-between gap-2\">\n        <CancelButton\n          isLoading={isPending}\n          onClick={onConfirmCancel}\n          disabled={!acknowledged || isPending || isSuccess}\n          variant={isPending || isSuccess ? \"cta\" : \"default\"}\n        >\n          {isPending ? \"Cancelling Your Order\" : \"Confirm\"}\n        </CancelButton>\n      </div>\n    </div>\n  );\n};\n\nexport type ConfirmCancelOrderStep =\n  | \"order-cancellation-pre-confirm\"\n  | CancelOrderStepKey;\n\ntype ConfirmCancelOrderProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step?: ConfirmCancelOrderStep;\n};\n\nexport const ConfirmCancelOrder = ({\n  orderTypeToCancel,\n  onConfirmCancel,\n  isCancelling,\n  step = \"order-cancellation-pre-confirm\",\n}: ConfirmCancelOrderProps) => {\n  return (\n    <div className=\"p-6 flex flex-col gap-7\">\n      <CancelOrderWarning orderTypeToCancel={orderTypeToCancel} />\n      <CancelOrderControls\n        onConfirmCancel={onConfirmCancel}\n        isCancelling={isCancelling}\n        step={step}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ConfirmCancel.js","names":["Switch","WarningWithTitle","useId","useState","WarningProps","CancelOrderTexts","OrderTypeToCancel","CancelOrderStepKey","CancelButton","cn","warningClasses","root","CancelOrderWarningProps","orderTypeToCancel","TxNonceWarning","CancelOrderWarning","t0","$","_c","warningTitle","warningMessage","t1","Symbol","for","t2","t3","t4","t5","CancelOrderControlsProps","onConfirmCancel","isCancelling","step","ConfirmCancelOrderStep","CancelOrderToggleAndStepProps","checked","setToggle","React","Dispatch","SetStateAction","progressStep2Text","Record","CancelOrderToggleAndStep","SwitchComponent","labelId","text","undefined","CancelOrderControls","acknowledged","setAcknowledged","isPending","isSuccess","t6","ConfirmCancelOrderProps","ConfirmCancelOrder"],"sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/ConfirmCancel.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { WarningWithTitle } from \"../../Warning/Warning\";\nimport { useId, useState } from \"react\";\nimport type { WarningProps } from \"../../Warning/types\";\nimport { CancelOrderTexts, type OrderTypeToCancel } from \"./constants\";\nimport type { CancelOrderStepKey } from \"../steps\";\nimport { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { cn } from \"@/lib/utils\";\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\ntype CancelOrderWarningProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n};\n\nconst TxNonceWarning =\n  \"When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.\";\n\nconst CancelOrderWarning = ({ orderTypeToCancel }: CancelOrderWarningProps) => {\n  const { warningTitle, warningMessage } = CancelOrderTexts[orderTypeToCancel];\n  return (\n    <WarningWithTitle\n      title={warningTitle}\n      message={\n        <div className=\"flex flex-col gap-2\">\n          {warningMessage}\n          <div>\n            Because execution is asynchronous, your cancellation may not take\n            effect immediately. The order could still execute if matched before\n            the cancellation is processed.\n          </div>\n          {orderTypeToCancel === \"Market Swap\" && <div>{TxNonceWarning}</div>}\n          <div>Proceed only if you understand this risk.</div>\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\ntype CancelOrderControlsProps = {\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step: ConfirmCancelOrderStep;\n};\n\ntype CancelOrderToggleAndStepProps = {\n  step: ConfirmCancelOrderStep;\n  checked: boolean;\n  setToggle: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst progressStep2Text: Record<ConfirmCancelOrderStep, string> = {\n  \"order-cancellation-pre-confirm\": \"I understand the risks mentioned above\",\n  \"order-cancellation-approval\":\n    \"We need a signature on your wallet to cancel your order\",\n  \"order-cancellation-execution\":\n    \"The order is being cancelled, but it may still be executed\",\n  \"order-cancellation-success\": \"Order cancelled\",\n  \"order-cancellation-error\": \"Order cancellation failed\",\n};\n\nconst CancelOrderToggleAndStep = ({\n  step,\n  checked,\n  setToggle,\n}: CancelOrderToggleAndStepProps) => {\n  let SwitchComponent: React.ReactNode = null;\n\n  // guarantees uniqueness for Component instance (even when many such Components are rendered)\n  const labelId = useId();\n\n  if (step === \"order-cancellation-pre-confirm\") {\n    SwitchComponent = (\n      <Switch\n        id={labelId}\n        checked={checked}\n        className=\"cursor-pointer\"\n        onCheckedChange={setToggle}\n      />\n    );\n  }\n\n  const text = progressStep2Text[step];\n  return (\n    <label\n      className={cn(\"flex items-center gap-1.5 w-fit\", {\n        \"cursor-pointer\": !!SwitchComponent,\n      })}\n      htmlFor={SwitchComponent ? labelId : undefined}\n    >\n      {SwitchComponent}\n      <div className=\"text-sm text-contrast-4 dark:text-contrast-6\">{text}</div>\n    </label>\n  );\n};\n\nconst CancelOrderControls = ({\n  onConfirmCancel,\n  isCancelling,\n  step,\n}: CancelOrderControlsProps) => {\n  const [acknowledged, setAcknowledged] = useState(false);\n\n  const isPending =\n    isCancelling ||\n    step === \"order-cancellation-approval\" ||\n    step === \"order-cancellation-execution\";\n  const isSuccess = step === \"order-cancellation-success\";\n\n  return (\n    <div>\n      <div>\n        <CancelOrderToggleAndStep\n          step={step}\n          checked={acknowledged}\n          setToggle={setAcknowledged}\n        />\n      </div>\n      <div className=\"mt-7 flex items-center justify-between gap-2\">\n        <CancelButton\n          isLoading={isPending}\n          onClick={onConfirmCancel}\n          disabled={!acknowledged || isPending || isSuccess}\n          variant={isPending || isSuccess ? \"cta\" : \"default\"}\n        >\n          {isPending ? \"Cancelling Your Order\" : \"Confirm\"}\n        </CancelButton>\n      </div>\n    </div>\n  );\n};\n\nexport type ConfirmCancelOrderStep =\n  | \"order-cancellation-pre-confirm\"\n  | CancelOrderStepKey;\n\ntype ConfirmCancelOrderProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step?: ConfirmCancelOrderStep;\n};\n\nexport const ConfirmCancelOrder = ({\n  orderTypeToCancel,\n  onConfirmCancel,\n  isCancelling,\n  step = \"order-cancellation-pre-confirm\",\n}: ConfirmCancelOrderProps) => {\n  return (\n    <div className=\"p-6 flex flex-col gap-7\">\n      <CancelOrderWarning orderTypeToCancel={orderTypeToCancel} />\n      <CancelOrderControls\n        onConfirmCancel={onConfirmCancel}\n        isCancelling={isCancelling}\n        step={step}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/TradeOverview/CancelOrder/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["TradeFlowType","isLimitOrderItem","isOtcOrderItem","isTransactionListItem","OrderItem","CancelOrderTexts","CancelOrderText","OrderTypeToCancel","getCancelOrderTexts","orderType","getOrderTypeToCancelFromOrderItem","orderItem","type","action","getOrderCancelDetailsForOrderItem","cancelTexts","getOrderTypeToCancelFromTradeFlowType","tradeFlowType","getOrderCancelDetailsForTradeFlowType"],"sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/utils.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  isLimitOrderItem,\n  isOtcOrderItem,\n  isTransactionListItem,\n  type OrderItem,\n} from \"../../AppHeader/Activities/utils\";\nimport {\n  CancelOrderTexts,\n  type CancelOrderText,\n  type OrderTypeToCancel,\n} from \"./constants\";\n\nfunction getCancelOrderTexts(orderType: OrderTypeToCancel): CancelOrderText {\n  return CancelOrderTexts[orderType];\n}\n\n/**\n * Derives the cancel order type from an OrderItem:\n * - Delta limit (itemType \"limit-order\" with type \"LIMIT\") → \"Delta Limit\"\n * - Delta swap (itemType \"limit-order\" with type \"MARKET\") → \"Delta Swap\"\n * - Market swap (itemType \"transaction\" with action \"swap\") → \"Market Swap\"\n * Returns null for OTC orders (no cancel flow in this context).\n */\nfunction getOrderTypeToCancelFromOrderItem(\n  orderItem: OrderItem\n): OrderTypeToCancel | null {\n  if (isOtcOrderItem(orderItem)) {\n    return null;\n  }\n  if (isLimitOrderItem(orderItem)) {\n    return orderItem.type === \"LIMIT\" ? \"Delta Limit\" : \"Delta Swap\";\n  }\n  if (isTransactionListItem(orderItem) && orderItem.action === \"swap\") {\n    return \"Market Swap\";\n  }\n  return null;\n}\n\nexport function getOrderCancelDetailsForOrderItem(\n  orderItem: OrderItem\n): { orderType: OrderTypeToCancel; cancelTexts: CancelOrderText } | null {\n  const orderType = getOrderTypeToCancelFromOrderItem(orderItem);\n  if (orderType === null) return null;\n  return {\n    orderType,\n    cancelTexts: getCancelOrderTexts(orderType),\n  };\n}\n\nfunction getOrderTypeToCancelFromTradeFlowType(\n  tradeFlowType: TradeFlowType\n): OrderTypeToCancel | null {\n  if (tradeFlowType === \"deltaOrder\") {\n    return \"Delta Swap\";\n  }\n  if (tradeFlowType === \"limitOrder\") {\n    return \"Delta Limit\";\n  }\n  if (tradeFlowType === \"marketSwap\") {\n    return \"Market Swap\";\n  }\n  return null;\n}\n\nexport function getOrderCancelDetailsForTradeFlowType(\n  tradeFlowType: TradeFlowType\n): { orderType: OrderTypeToCancel; cancelTexts: CancelOrderText } | null {\n  const orderType = getOrderTypeToCancelFromTradeFlowType(tradeFlowType);\n  if (orderType === null) return null;\n  return {\n    orderType,\n    cancelTexts: getCancelOrderTexts(orderType),\n  };\n}\n"],"mappings":";;;AAaA,SAASQ,EAAoBC,GAA+C;AAC1E,QAAOJ,EAAiBI;;AAU1B,SAASC,EACPC,GAC0B;AAU1B,QATIT,EAAeS,EAAU,GACpB,OAELV,EAAiBU,EAAU,GACtBA,EAAUC,SAAS,UAAU,gBAAgB,eAElDT,EAAsBQ,EAAU,IAAIA,EAAUE,WAAW,SACpD,gBAEF;;AAGT,SAAgBC,EACdH,GACuE;CACvE,IAAMF,IAAYC,EAAkCC,EAAU;AAE9D,QADIF,MAAc,OAAa,OACxB;EACLA;EACAM,aAAaP,EAAoBC,EAAS;EAC3C;;AAGH,SAASO,EACPC,GAC0B;AAU1B,QATIA,MAAkB,eACb,eAELA,MAAkB,eACb,gBAELA,MAAkB,eACb,gBAEF;;AAGT,SAAgBC,EACdD,GACuE;CACvE,IAAMR,IAAYO,EAAsCC,EAAc;AAEtE,QADIR,MAAc,OAAa,OACxB;EACLA;EACAM,aAAaP,EAAoBC,EAAS;EAC3C"}
+{"version":3,"file":"utils.js","names":["TradeFlowType","isLimitOrderItem","isOtcOrderItem","isTransactionListItem","OrderItem","CancelOrderTexts","CancelOrderText","OrderTypeToCancel","getCancelOrderTexts","orderType","getOrderTypeToCancelFromOrderItem","orderItem","type","action","getOrderCancelDetailsForOrderItem","cancelTexts","getOrderTypeToCancelFromTradeFlowType","tradeFlowType","getOrderCancelDetailsForTradeFlowType"],"sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/utils.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  isLimitOrderItem,\n  isOtcOrderItem,\n  isTransactionListItem,\n  type OrderItem,\n} from \"../../AppHeader/Activities/utils\";\nimport {\n  CancelOrderTexts,\n  type CancelOrderText,\n  type OrderTypeToCancel,\n} from \"./constants\";\n\nfunction getCancelOrderTexts(orderType: OrderTypeToCancel): CancelOrderText {\n  return CancelOrderTexts[orderType];\n}\n\n/**\n * Derives the cancel order type from an OrderItem:\n * - Delta limit (itemType \"limit-order\" with type \"LIMIT\") → \"Delta Limit\"\n * - Delta swap (itemType \"limit-order\" with type \"MARKET\") → \"Delta Swap\"\n * - Market swap (itemType \"transaction\" with action \"swap\") → \"Market Swap\"\n * Returns null for OTC orders (no cancel flow in this context).\n */\nfunction getOrderTypeToCancelFromOrderItem(\n  orderItem: OrderItem\n): OrderTypeToCancel | null {\n  if (isOtcOrderItem(orderItem)) {\n    return null;\n  }\n  if (isLimitOrderItem(orderItem)) {\n    return orderItem.type === \"LIMIT\" ? \"Delta Limit\" : \"Delta Swap\";\n  }\n  if (isTransactionListItem(orderItem) && orderItem.action === \"swap\") {\n    return \"Market Swap\";\n  }\n  return null;\n}\n\nexport function getOrderCancelDetailsForOrderItem(\n  orderItem: OrderItem\n): { orderType: OrderTypeToCancel; cancelTexts: CancelOrderText } | null {\n  const orderType = getOrderTypeToCancelFromOrderItem(orderItem);\n  if (orderType === null) return null;\n  return {\n    orderType,\n    cancelTexts: getCancelOrderTexts(orderType),\n  };\n}\n\nfunction getOrderTypeToCancelFromTradeFlowType(\n  tradeFlowType: TradeFlowType\n): OrderTypeToCancel | null {\n  if (tradeFlowType === \"deltaOrder\") {\n    return \"Delta Swap\";\n  }\n  if (tradeFlowType === \"limitOrder\") {\n    return \"Delta Limit\";\n  }\n  if (tradeFlowType === \"marketSwap\") {\n    return \"Market Swap\";\n  }\n  return null;\n}\n\nexport function getOrderCancelDetailsForTradeFlowType(\n  tradeFlowType: TradeFlowType\n): { orderType: OrderTypeToCancel; cancelTexts: CancelOrderText } | null {\n  const orderType = getOrderTypeToCancelFromTradeFlowType(tradeFlowType);\n  if (orderType === null) return null;\n  return {\n    orderType,\n    cancelTexts: getCancelOrderTexts(orderType),\n  };\n}\n"],"mappings":";;;AAaA,SAASQ,EAAoBC,GAA+C;CAC1E,OAAOJ,EAAiBI;;AAU1B,SAASC,EACPC,GAC0B;CAU1B,OATIT,EAAeS,EAAU,GACpB,OAELV,EAAiBU,EAAU,GACtBA,EAAUC,SAAS,UAAU,gBAAgB,eAElDT,EAAsBQ,EAAU,IAAIA,EAAUE,WAAW,SACpD,gBAEF;;AAGT,SAAgBC,EACdH,GACuE;CACvE,IAAMF,IAAYC,EAAkCC,EAAU;CAE9D,OADIF,MAAc,OAAa,OACxB;EACLA;EACAM,aAAaP,EAAoBC,EAAS;EAC3C;;AAGH,SAASO,EACPC,GAC0B;CAU1B,OATIA,MAAkB,eACb,eAELA,MAAkB,eACb,gBAELA,MAAkB,eACb,gBAEF;;AAGT,SAAgBC,EACdD,GACuE;CACvE,IAAMR,IAAYO,EAAsCC,EAAc;CAEtE,OADIR,MAAc,OAAa,OACxB;EACLA;EACAM,aAAaP,EAAoBC,EAAS;EAC3C"}

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

@@ -2,12 +2,12 @@ import { SubmitDeltaOrderResult } from '../../../hooks/swap/tradeFlow/useDeltaFl
 import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { DeltaOrderStepKey } from './steps';
 import { DeltaSwapFlowType } from '../../../hooks/swap/tradeFlow/common/types';
-import { BridgePrice, DeltaPrice } from '@velora-dex/sdk';
+import { DeltaPriceV2 } from '@velora-dex/sdk';
 type DeltaOrderTradeOverviewProps = Pick<TradeOverviewProps<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onResubmit" | "onRestartFlow" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
 export declare function DeltaOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onResubmit, onRestartFlow, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: DeltaOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
 export type DeltaOrderTradeOverviewFlowProps = {
     orderProps: MinTradeOverviewProps;
-    deltaPrice: DeltaPrice | BridgePrice;
+    deltaPrice: DeltaPriceV2;
     onClose?: () => void;
 };
 export declare const DeltaOrderTradeOverviewScreen: (props: DeltaOrderTradeOverviewFlowProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAyB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA6GF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}
+{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AASpD,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAyB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA6GF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}

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

@@ -55,8 +55,8 @@ function p(n) {
 	} : void 0, a[7] = I, a[8] = L);
 	let R = L, z;
 	a[9] === k ? z = a[10] : (z = k ? {
-		srcAmount: k.srcAmount,
-		destAmount: k.receivedDestAmount,
+		srcAmount: k.route.origin.input.amount,
+		destAmount: k.route.destination.output.amount,
 		swapSide: e(k)
 	} : void 0, a[9] = k, a[10] = z);
 	let B = z, V;