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

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.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.js","names":["SubmitDeltaOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","DeltaOrderSteps","DeltaOrderStepKey","DeltaSwapFlowType","useDeltaSwapStep","BridgePrice","DeltaPrice","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","getUnifiedDeltaOrderData","DeltaOrderTradeOverviewProps","Pick","DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderTradeOverviewFlowProps","orderProps","deltaPrice","onClose","DeltaOrderTradeOverviewFlow","step","startDeltaSwap","cancelDeltaOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedDeltaOrder","t2","onTxSent","onOrderSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","receivedDestAmount","usedPriceWei","t6","t7","formDataUnit","price","amountsAndSide","t8","t9","DeltaOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useDeltaSwapStep } from \"@/hooks/swap/tradeFlow/useDeltaSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { addDeltaOrderToast } from \"@/lib/utils/toasts\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type DeltaOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  deltaPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction DeltaOrderTradeOverviewFlow({\n  orderProps,\n  deltaPrice,\n  onClose,\n}: DeltaOrderTradeOverviewFlowProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startDeltaSwap,\n    cancelDeltaOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedDeltaOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useDeltaSwapStep({\n    deltaPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startDeltaSwap({\n      onTxSent: handleTxSent,\n      onOrderSent: addDeltaOrderToast,\n    });\n  });\n\n  const orderData = submittedDeltaOrder\n    ? getUnifiedDeltaOrderData(submittedDeltaOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n        srcAmount: orderData.srcAmount,\n        destAmount: orderData.destAmount,\n        swapSide: orderData.swapSide,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.receivedDestAmount,\n        swapSide: getSwapSideFromDeltaPrice(usedPrice),\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: deltaPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelDeltaOrder : undefined;\n\n  return (\n    <DeltaOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const DeltaOrderTradeOverviewScreen = (\n  props: DeltaOrderTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <DeltaOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"DeltaOrderTradeOverview.js","names":["SubmitDeltaOrderResult","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","DeltaOrderSteps","DeltaOrderStepKey","DeltaSwapFlowType","useDeltaSwapStep","BridgePrice","DeltaPrice","handleTxSent","addDeltaOrderToast","useCurrentSwapPrice","useSwapAmountsWithSlippage","getSwapSideFromDeltaPrice","useRunOnMount","getUnifiedDeltaOrderData","DeltaOrderTradeOverviewProps","Pick","DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onCancelOrder","onResubmit","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderTradeOverviewFlowProps","orderProps","deltaPrice","onClose","DeltaOrderTradeOverviewFlow","step","startDeltaSwap","cancelDeltaOrder","cancelFlow","retryFlow","goToBeforeSwap","isNonFlowStep","isOrderCancellable","reset","usedPrice","submittedDeltaOrder","t2","onTxSent","onOrderSent","t3","undefined","orderData","t4","srcAmount","destAmount","submittedSwapWei","t5","receivedDestAmount","usedPriceWei","t6","t7","formDataUnit","price","amountsAndSide","t8","t9","DeltaOrderTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useDeltaSwapStep } from \"@/hooks/swap/tradeFlow/useDeltaSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { addDeltaOrderToast } from \"@/lib/utils/toasts\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nimport { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onCancelOrder\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function DeltaOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onCancelOrder,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={DeltaOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type DeltaOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  deltaPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction DeltaOrderTradeOverviewFlow({\n  orderProps,\n  deltaPrice,\n  onClose,\n}: DeltaOrderTradeOverviewFlowProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startDeltaSwap,\n    cancelDeltaOrder,\n    cancelFlow,\n    retryFlow,\n    goToBeforeSwap,\n    isNonFlowStep,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedDeltaOrder,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useDeltaSwapStep({\n    deltaPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startDeltaSwap({\n      onTxSent: handleTxSent,\n      onOrderSent: addDeltaOrderToast,\n    });\n  });\n\n  const orderData = submittedDeltaOrder\n    ? getUnifiedDeltaOrderData(submittedDeltaOrder)\n    : undefined;\n\n  const submittedSwapWei = orderData\n    ? {\n        srcAmount: orderData.srcAmount,\n        destAmount: orderData.destAmount,\n        swapSide: orderData.swapSide,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.receivedDestAmount,\n        swapSide: getSwapSideFromDeltaPrice(usedPrice),\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: deltaPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelDeltaOrder : undefined;\n\n  return (\n    <DeltaOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={retryFlow}\n      onResubmit={goToBeforeSwap}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const DeltaOrderTradeOverviewScreen = (\n  props: DeltaOrderTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <DeltaOrderTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FillOtcOrderTradeOverview.js","names":["SubmitFillOtcOrderResult","TradeOverview","TradeOverviewProps","FillOtcOrderSteps","FillOtcOrderStepKey","FillOtcOrderFlowType","useFillOtcOrderStep","handleTxSent","FillableOtcOrderItem","useRunOnMount","FillOtcOrderTradeOverviewProps","Pick","FillOtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","FillOtcOrderTradeOverviewScreenProps","fillableOrder","onClose","FillOtcOrderTradeOverviewScreen","order","step","startFillOtcOrder","cancelFlow","retryFlow","reset","t2","onTxSent","t3","t4","extra","destAmountUnit","destToken","srcAmountUnit","srcToken"],"sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { FillOtcOrderSteps, type FillOtcOrderStepKey } from \"./steps\";\nimport type { FillOtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useFillOtcOrderStep } from \"@/hooks/otc/tradeFlow/useFillOtcOrderStep\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport type { FillableOtcOrderItem } from \"../OtcOrderItem/types\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype FillOtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    FillOtcOrderStepKey,\n    SubmitFillOtcOrderResult,\n    FillOtcOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function FillOtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: FillOtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      FillOtcOrderStepKey,\n      SubmitFillOtcOrderResult,\n      FillOtcOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={FillOtcOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type FillOtcOrderTradeOverviewScreenProps = {\n  fillableOrder: FillableOtcOrderItem;\n  onClose?: () => void;\n};\n\nexport function FillOtcOrderTradeOverviewScreen({\n  fillableOrder,\n  onClose,\n}: FillOtcOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    startFillOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useFillOtcOrderStep({\n    order: fillableOrder,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startFillOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  return (\n    <FillOtcOrderTradeOverview\n      fromToken={fillableOrder.extra.srcToken}\n      toToken={fillableOrder.extra.destToken}\n      fromAmount={fillableOrder.extra.srcAmountUnit}\n      toAmount={fillableOrder.extra.destAmountUnit}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      explorerLink={explorerLink}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FillOtcOrderTradeOverview.js","names":["SubmitFillOtcOrderResult","TradeOverview","TradeOverviewProps","FillOtcOrderSteps","FillOtcOrderStepKey","FillOtcOrderFlowType","useFillOtcOrderStep","handleTxSent","FillableOtcOrderItem","useRunOnMount","FillOtcOrderTradeOverviewProps","Pick","FillOtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","FillOtcOrderTradeOverviewScreenProps","fillableOrder","onClose","FillOtcOrderTradeOverviewScreen","order","step","startFillOtcOrder","cancelFlow","retryFlow","reset","t2","onTxSent","t3","t4","extra","destAmountUnit","destToken","srcAmountUnit","srcToken"],"sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { FillOtcOrderSteps, type FillOtcOrderStepKey } from \"./steps\";\nimport type { FillOtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useFillOtcOrderStep } from \"@/hooks/otc/tradeFlow/useFillOtcOrderStep\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport type { FillableOtcOrderItem } from \"../OtcOrderItem/types\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype FillOtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    FillOtcOrderStepKey,\n    SubmitFillOtcOrderResult,\n    FillOtcOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function FillOtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: FillOtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      FillOtcOrderStepKey,\n      SubmitFillOtcOrderResult,\n      FillOtcOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={FillOtcOrderSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type FillOtcOrderTradeOverviewScreenProps = {\n  fillableOrder: FillableOtcOrderItem;\n  onClose?: () => void;\n};\n\nexport function FillOtcOrderTradeOverviewScreen({\n  fillableOrder,\n  onClose,\n}: FillOtcOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    startFillOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useFillOtcOrderStep({\n    order: fillableOrder,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startFillOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  return (\n    <FillOtcOrderTradeOverview\n      fromToken={fillableOrder.extra.srcToken}\n      toToken={fillableOrder.extra.destToken}\n      fromAmount={fillableOrder.extra.srcAmountUnit}\n      toAmount={fillableOrder.extra.destAmountUnit}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      explorerLink={explorerLink}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderTradeOverview.js","names":["SubmitLimitOrderResult","UserDefinedLimitPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","LimitOrderSteps","LimitOrderStepKey","LimitOrderFlowType","handleTxSent","useLimitOrderStep","formatUnits","useRunOnMount","LimitOrderTradeOverviewProps","Pick","LimitOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","activeStep","orderCancellationStep","onRestartFlow","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","LimitOrderTradeOverviewScreenProps","orderProps","limitPrice","onClose","LimitOrderTradeOverviewScreen","step","startLimitOrder","cancelLimitOrder","cancelFlow","retryFlow","isOrderCancellable","reset","t2","onTxSent","t3","orderProps_0","BigInt","srcAmount","decimals","getFromAmount","t4","orderProps_1","destAmount","getToAmount","t5","undefined","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitLimitOrderResult,\n  UserDefinedLimitPrice,\n} from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { LimitOrderSteps, type LimitOrderStepKey } from \"./steps\";\nimport type { LimitOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useLimitOrderStep } from \"@/hooks/swap/tradeFlow/useLimitOrderStep\";\nimport { formatUnits } from \"viem/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype LimitOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    LimitOrderStepKey,\n    SubmitLimitOrderResult,\n    LimitOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function LimitOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  onRestartFlow,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: LimitOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      LimitOrderStepKey,\n      SubmitLimitOrderResult,\n      LimitOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={LimitOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type LimitOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  limitPrice: UserDefinedLimitPrice;\n  onClose?: () => void;\n};\n\nexport function LimitOrderTradeOverviewScreen({\n  orderProps,\n  limitPrice,\n  onClose,\n}: LimitOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startLimitOrder,\n    cancelLimitOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useLimitOrderStep({\n    limitPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startLimitOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelLimitOrder : undefined;\n\n  return (\n    <LimitOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderTradeOverview.js","names":["SubmitLimitOrderResult","UserDefinedLimitPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","LimitOrderSteps","LimitOrderStepKey","LimitOrderFlowType","handleTxSent","useLimitOrderStep","formatUnits","useRunOnMount","LimitOrderTradeOverviewProps","Pick","LimitOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","activeStep","orderCancellationStep","onRestartFlow","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","LimitOrderTradeOverviewScreenProps","orderProps","limitPrice","onClose","LimitOrderTradeOverviewScreen","step","startLimitOrder","cancelLimitOrder","cancelFlow","retryFlow","isOrderCancellable","reset","t2","onTxSent","t3","orderProps_0","BigInt","srcAmount","decimals","getFromAmount","t4","orderProps_1","destAmount","getToAmount","t5","undefined","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitLimitOrderResult,\n  UserDefinedLimitPrice,\n} from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { LimitOrderSteps, type LimitOrderStepKey } from \"./steps\";\nimport type { LimitOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useLimitOrderStep } from \"@/hooks/swap/tradeFlow/useLimitOrderStep\";\nimport { formatUnits } from \"viem/utils\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype LimitOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    LimitOrderStepKey,\n    SubmitLimitOrderResult,\n    LimitOrderFlowType\n  >,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function LimitOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  onRestartFlow,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: LimitOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      LimitOrderStepKey,\n      SubmitLimitOrderResult,\n      LimitOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={LimitOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type LimitOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  limitPrice: UserDefinedLimitPrice;\n  onClose?: () => void;\n};\n\nexport function LimitOrderTradeOverviewScreen({\n  orderProps,\n  limitPrice,\n  onClose,\n}: LimitOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    orderCancellationStep,\n    startLimitOrder,\n    cancelLimitOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useLimitOrderStep({\n    limitPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startLimitOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelLimitOrder : undefined;\n\n  return (\n    <LimitOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.js","names":["SubmitSwapResult","MarketSwapSteps","MarketSwapStepKey","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","MarketSwapFlowType","useMarketSwapStep","OptimalRate","handleTxSent","useCurrentSwapPrice","useSwapAmountsWithSlippage","useRunOnMount","FlowStep","MarketSwapTradeOverviewProps","Pick","MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","onCancelOrder","orderCancellationStep","t1","MarketSwapTradeOverviewFlowProps","marketPrice","orderProps","onClose","MarketSwapTradeOverviewFlow","step","startMarketSwap","cancelFlow","retryFlow","reset","goToBeforeSwap","isNonFlowStep","usedPrice","submittedSwapRequest","isSwapTxCancellable","swapTxCancellationStep","cancelSwapTx","t2","onTxSent","t3","srcAmount","swapTxInput","destAmount","priceRoute","side","undefined","submittedSwapWei","t4","usedPriceWei","t5","t6","formDataUnit","price","amountsAndSide","t7","t8","MarketSwapTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n  | \"onCancelOrder\"\n  | \"orderCancellationStep\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n  onCancelOrder,\n  orderCancellationStep,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={orderCancellationStep}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    goToBeforeSwap,\n    isNonFlowStep,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedSwapRequest,\n    error,\n    erroredStep,\n    tradeFlowType,\n    isSwapTxCancellable,\n    swapTxCancellationStep,\n    cancelSwapTx,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startMarketSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const submittedSwapWei = submittedSwapRequest\n    ? {\n        srcAmount: submittedSwapRequest.swapTxInput.srcAmount,\n        destAmount: submittedSwapRequest.swapTxInput.destAmount,\n        swapSide: submittedSwapRequest.swapTxInput.priceRoute.side,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.destAmount,\n        swapSide: usedPrice.side,\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: marketPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isSwapTxCancellable ? cancelSwapTx : undefined;\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={goToBeforeSwap}\n      onRestartFlow={retryFlow}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={swapTxCancellationStep}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"MarketSwapTradeOverview.js","names":["SubmitSwapResult","MarketSwapSteps","MarketSwapStepKey","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","MarketSwapFlowType","useMarketSwapStep","OptimalRate","handleTxSent","useCurrentSwapPrice","useSwapAmountsWithSlippage","useRunOnMount","FlowStep","MarketSwapTradeOverviewProps","Pick","MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","onCancelOrder","orderCancellationStep","t1","MarketSwapTradeOverviewFlowProps","marketPrice","orderProps","onClose","MarketSwapTradeOverviewFlow","step","startMarketSwap","cancelFlow","retryFlow","reset","goToBeforeSwap","isNonFlowStep","usedPrice","submittedSwapRequest","isSwapTxCancellable","swapTxCancellationStep","cancelSwapTx","t2","onTxSent","t3","srcAmount","swapTxInput","destAmount","priceRoute","side","undefined","submittedSwapWei","t4","usedPriceWei","t5","t6","formDataUnit","price","amountsAndSide","t7","t8","MarketSwapTradeOverviewScreen","props"],"sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n  | \"onCancelOrder\"\n  | \"orderCancellationStep\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n  onCancelOrder,\n  orderCancellationStep,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={orderCancellationStep}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    goToBeforeSwap,\n    isNonFlowStep,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedSwapRequest,\n    error,\n    erroredStep,\n    tradeFlowType,\n    isSwapTxCancellable,\n    swapTxCancellationStep,\n    cancelSwapTx,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startMarketSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const submittedSwapWei = submittedSwapRequest\n    ? {\n        srcAmount: submittedSwapRequest.swapTxInput.srcAmount,\n        destAmount: submittedSwapRequest.swapTxInput.destAmount,\n        swapSide: submittedSwapRequest.swapTxInput.priceRoute.side,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.destAmount,\n        swapSide: usedPrice.side,\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: marketPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isSwapTxCancellable ? cancelSwapTx : undefined;\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={goToBeforeSwap}\n      onRestartFlow={retryFlow}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={swapTxCancellationStep}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderTradeOverview.js","names":["SubmitOtcOrderResult","UserDefinedOtcPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","OtcOrderSteps","OtcOrderStepKey","OtcOrderFlowType","formatUnits","useOtcOrderStep","addPreWrapToOTCOrderProps","handleTxSent","useRunOnMount","OtcOrderTradeOverviewProps","Pick","OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderTradeOverviewScreenProps","orderProps","otcPrice","onClose","OtcOrderTradeOverviewScreen","orderPropsFromForm","otcPriceFromForm","userDefinedPrice","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","preWrapETH","onTxSent","getFromAmount","orderProps_0","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitOtcOrderResult,\n  UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOTCOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={OtcOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  otcPrice: UserDefinedOtcPrice;\n  onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  otcPrice: otcPriceFromForm,\n  onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOTCOrderProps({\n    orderProps: orderPropsFromForm,\n    userDefinedPrice: otcPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startOtcOrder,\n    cancelOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useOtcOrderStep({\n    otcPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n  return (\n    <OtcOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OtcOrderTradeOverview.js","names":["SubmitOtcOrderResult","UserDefinedOtcPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","OtcOrderSteps","OtcOrderStepKey","OtcOrderFlowType","formatUnits","useOtcOrderStep","addPreWrapToOTCOrderProps","handleTxSent","useRunOnMount","OtcOrderTradeOverviewProps","Pick","OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderTradeOverviewScreenProps","orderProps","otcPrice","onClose","OtcOrderTradeOverviewScreen","orderPropsFromForm","otcPriceFromForm","userDefinedPrice","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","preWrapETH","onTxSent","getFromAmount","orderProps_0","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitOtcOrderResult,\n  UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOTCOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={OtcOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  otcPrice: UserDefinedOtcPrice;\n  onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  otcPrice: otcPriceFromForm,\n  onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOTCOrderProps({\n    orderProps: orderPropsFromForm,\n    userDefinedPrice: otcPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startOtcOrder,\n    cancelOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useOtcOrderStep({\n    otcPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n  return (\n    <OtcOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["cn","ReactComponent","Spinner","StepProps","motion","motionBaseProps","TRADE_OVERVIEW_TRANSITION_DURATION_S","MotionDivProps","stepCircleClasses","active","inactive","delayMultiplier","descDelay","firstStepOffset","Step","t0","$","_c","title","description","stepState","stepNumber","isFirstStep","isActiveState","t1","t2","delay","duration","t3","t4","transition","className","motionTitleProps","t5","t6","motionDescProps","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17"],"sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\nimport { motion } from \"motion/react\";\nimport {\n  motionBaseProps,\n  TRADE_OVERVIEW_TRANSITION_DURATION_S,\n  type MotionDivProps,\n} from \"../motionProps\";\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nconst delayMultiplier = 0.3;\n\nconst descDelay = 1 * delayMultiplier; // description must appear after title\nconst firstStepOffset = 0.5; // additional delay for the first step description to appear\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isFirstStep = stepNumber === 1;\n  const isActiveState = stepState === \"ongoing\";\n\n  const motionTitleProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: stepNumber * delayMultiplier,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: `font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`,\n  };\n\n  const motionDescProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: isFirstStep ? descDelay + firstStepOffset : descDelay,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: \"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\",\n  };\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse -scale-x-100\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <motion.div {...motionTitleProps} key={`step-title-${stepNumber}`}>\n          {title}\n        </motion.div>\n        {isActiveState && description && (\n          <motion.div {...motionDescProps} key={`step-desc-${stepNumber}`}>\n            {description}\n          </motion.div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Step.js","names":["cn","ReactComponent","Spinner","StepProps","motion","motionBaseProps","TRADE_OVERVIEW_TRANSITION_DURATION_S","MotionDivProps","stepCircleClasses","active","inactive","delayMultiplier","descDelay","firstStepOffset","Step","t0","$","_c","title","description","stepState","stepNumber","isFirstStep","isActiveState","t1","t2","delay","duration","t3","t4","transition","className","motionTitleProps","t5","t6","motionDescProps","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17"],"sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\nimport { motion } from \"motion/react\";\nimport {\n  motionBaseProps,\n  TRADE_OVERVIEW_TRANSITION_DURATION_S,\n  type MotionDivProps,\n} from \"../motionProps\";\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nconst delayMultiplier = 0.3;\n\nconst descDelay = 1 * delayMultiplier; // description must appear after title\nconst firstStepOffset = 0.5; // additional delay for the first step description to appear\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isFirstStep = stepNumber === 1;\n  const isActiveState = stepState === \"ongoing\";\n\n  const motionTitleProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: stepNumber * delayMultiplier,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: `font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`,\n  };\n\n  const motionDescProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: isFirstStep ? descDelay + firstStepOffset : descDelay,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: \"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\",\n  };\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse -scale-x-100\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <motion.div {...motionTitleProps} key={`step-title-${stepNumber}`}>\n          {title}\n        </motion.div>\n        {isActiveState && description && (\n          <motion.div {...motionDescProps} key={`step-desc-${stepNumber}`}>\n            {description}\n          </motion.div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}