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

package/dist/components/widget/TradeParameters/state/tradePreferencesAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"tradePreferencesAtom.js","names":["atomWithDefault","atomWithStorage","createJSONStorage","LOCAL_STORAGE_PREFIX","defaultBridgePreference","defaultDisabledBridges","DisabledDexesByChain","TradePreferencesState","defaultDeltaParamAtomValue","defaultEIP1559Enabled","defaultGasPreset","defaultSlippage","SetStateAction","WritableAtom","supportedChainIds","defaultDisabledDexes","SupportedChainId","DisabledDexes","focusAtom","TRADE_PREF_STORAGE_KEY","defaultTradePreferences","bridgePreference","disabledBridges","deltaParam","gasPreset","slippage","eip1559Enabled","disabledDexesByChain","reduce","acc","chainId","tradePreferencesAtom","localStorage","getItem","key","initialValue","raw","JSON","parse","getOnInit","deriveTradePreferencesPropAtom","T","focusedAtom","optic","prop","debugLabel","deriveDisabledDexesByChainAtom","getDefaultDraftDisabledDexesForChain","defaultedAtom","get","disabledDexes"],"sources":["../../../../../src/components/widget/TradeParameters/state/tradePreferencesAtom.ts"],"sourcesContent":["import {\n  atomWithDefault,\n  atomWithStorage,\n  createJSONStorage,\n} from \"jotai/utils\";\nimport { LOCAL_STORAGE_PREFIX } from \"@/lib/constants/storage\";\nimport {\n  defaultBridgePreference,\n  defaultDisabledBridges,\n} from \"./bridgePreferences/constants\";\nimport type { DisabledDexesByChain, TradePreferencesState } from \"./types\";\nimport {\n  defaultDeltaParamAtomValue,\n  defaultEIP1559Enabled,\n  defaultGasPreset,\n  defaultSlippage,\n} from \"./constants\";\nimport { type SetStateAction, type WritableAtom } from \"jotai\";\nimport { supportedChainIds } from \"@/lib/web3/wagmi/constants\";\nimport { defaultDisabledDexes } from \"./enabledExchanges/constants\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport type { DisabledDexes } from \"./enabledExchanges/types\";\nimport { focusAtom } from \"jotai-optics\";\n\nconst TRADE_PREF_STORAGE_KEY = `${LOCAL_STORAGE_PREFIX}_trade_preferences`;\n\nconst defaultTradePreferences: TradePreferencesState = {\n  bridgePreference: defaultBridgePreference,\n  disabledBridges: defaultDisabledBridges,\n  deltaParam: defaultDeltaParamAtomValue,\n  gasPreset: defaultGasPreset,\n  slippage: defaultSlippage,\n  eip1559Enabled: defaultEIP1559Enabled,\n  disabledDexesByChain: supportedChainIds.reduce((acc, chainId) => {\n    acc[chainId] = defaultDisabledDexes;\n    return acc;\n  }, {} as DisabledDexesByChain),\n};\n\nexport const tradePreferencesAtom = atomWithStorage(\n  TRADE_PREF_STORAGE_KEY,\n  defaultTradePreferences,\n  {\n    ...createJSONStorage(() => localStorage),\n    getItem(key, initialValue) {\n      const raw = localStorage.getItem(key);\n      if (!raw) return initialValue;\n      try {\n        return { ...initialValue, ...JSON.parse(raw) };\n      } catch {\n        return initialValue;\n      }\n    },\n  },\n  { getOnInit: true }\n);\n\nexport function deriveTradePreferencesPropAtom<\n  T extends keyof TradePreferencesState,\n>(\n  key: T\n): WritableAtom<TradePreferencesState[T], [TradePreferencesState[T]], void> {\n  const focusedAtom = focusAtom(tradePreferencesAtom, (optic) =>\n    optic.prop(key)\n  );\n  focusedAtom.debugLabel = `deriveTradePreferencesPropAtom(${key})`;\n  return focusedAtom;\n}\n\nexport function deriveDisabledDexesByChainAtom(\n  chainId: SupportedChainId\n): WritableAtom<DisabledDexes, [SetStateAction<DisabledDexes>], void> {\n  const focusedAtom = focusAtom(tradePreferencesAtom, (optic) =>\n    optic.prop(\"disabledDexesByChain\").prop(chainId)\n  );\n\n  focusedAtom.debugLabel = `deriveDisabledDexesByChainAtom(${chainId})`;\n  return focusedAtom;\n}\n\n// to be used as a temp atom holding disabledDexes inside EnabledExchangesParameters drawer\n// initialized from disabledDexes atom\nexport function getDefaultDraftDisabledDexesForChain(\n  chainId: SupportedChainId\n) {\n  const defaultedAtom = atomWithDefault((get) => {\n    const disabledDexes = get(deriveDisabledDexesByChainAtom(chainId));\n    return {\n      disabledDexes,\n      chainId,\n    };\n  });\n\n  defaultedAtom.debugLabel = `getDefaultDraftDisabledDexesForChain(${chainId})`;\n  return defaultedAtom;\n}\n"],"mappings":";;;;;;;;AAuCA,IAAa+B,IAAuB9B,EAfL,GAAGE,EAAoB,qBAEC;CACrDkB,kBAAkBjB;CAClBkB,iBAAiBjB;CACjBkB,YAAAA;CACAC,WAAWd;CACXe,UAAUd;CACVe,gBAAAA;CACAC,sBAAsBb,EAAkBc,QAAQC,GAAKC,OACnDD,EAAIC,KAAWf,GACRc,IACN,EAAE,CAAwB;CAC9B,EAKC;CACE,GAAG3B,QAAwB8B,aAAa;CACxCC,QAAQC,GAAKC,GAAc;EACzB,IAAMC,IAAMJ,aAAaC,QAAQC,EAAI;AACrC,MAAI,CAACE,EAAK,QAAOD;AACjB,MAAI;AACF,UAAO;IAAE,GAAGA;IAAc,GAAGE,KAAKC,MAAMF,EAAG;IAAG;UACxC;AACN,UAAOD;;;CAGZ,EACD,EAAEI,WAAW,IACf,CAAC;AAED,SAAgBC,EAGdN,GAC0E;CAC1E,IAAMQ,IAAcxB,EAAUa,IAAuBY,MACnDA,EAAMC,KAAKV,EACb,CAAC;AAED,QADAQ,EAAYG,aAAa,kCAAkCX,EAAG,IACvDQ;;AAGT,SAAgBI,EACdhB,GACoE;CACpE,IAAMY,IAAcxB,EAAUa,IAAuBY,MACnDA,EAAMC,KAAK,uBAAuB,CAACA,KAAKd,EAC1C,CAAC;AAGD,QADAY,EAAYG,aAAa,kCAAkCf,EAAO,IAC3DY;;AAKT,SAAgBK,EACdjB,GACA;CACA,IAAMkB,IAAgBhD,GAAiBiD,OAE9B;EACLC,eAFoBD,EAAIH,EAA+BhB,EAAQ,CAAC;EAGhEA;EACD,EACD;AAGF,QADAkB,EAAcH,aAAa,wCAAwCf,EAAO,IACnEkB"}
+{"version":3,"file":"tradePreferencesAtom.js","names":["atomWithDefault","atomWithStorage","createJSONStorage","LOCAL_STORAGE_PREFIX","defaultBridgePreference","defaultDisabledBridges","DisabledDexesByChain","TradePreferencesState","defaultDeltaParamAtomValue","defaultEIP1559Enabled","defaultGasPreset","defaultSlippage","SetStateAction","WritableAtom","supportedChainIds","defaultDisabledDexes","SupportedChainId","DisabledDexes","focusAtom","TRADE_PREF_STORAGE_KEY","defaultTradePreferences","bridgePreference","disabledBridges","deltaParam","gasPreset","slippage","eip1559Enabled","disabledDexesByChain","reduce","acc","chainId","tradePreferencesAtom","localStorage","getItem","key","initialValue","raw","JSON","parse","getOnInit","deriveTradePreferencesPropAtom","T","focusedAtom","optic","prop","debugLabel","deriveDisabledDexesByChainAtom","getDefaultDraftDisabledDexesForChain","defaultedAtom","get","disabledDexes"],"sources":["../../../../../src/components/widget/TradeParameters/state/tradePreferencesAtom.ts"],"sourcesContent":["import {\n  atomWithDefault,\n  atomWithStorage,\n  createJSONStorage,\n} from \"jotai/utils\";\nimport { LOCAL_STORAGE_PREFIX } from \"@/lib/constants/storage\";\nimport {\n  defaultBridgePreference,\n  defaultDisabledBridges,\n} from \"./bridgePreferences/constants\";\nimport type { DisabledDexesByChain, TradePreferencesState } from \"./types\";\nimport {\n  defaultDeltaParamAtomValue,\n  defaultEIP1559Enabled,\n  defaultGasPreset,\n  defaultSlippage,\n} from \"./constants\";\nimport { type SetStateAction, type WritableAtom } from \"jotai\";\nimport { supportedChainIds } from \"@/lib/web3/wagmi/constants\";\nimport { defaultDisabledDexes } from \"./enabledExchanges/constants\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport type { DisabledDexes } from \"./enabledExchanges/types\";\nimport { focusAtom } from \"jotai-optics\";\n\nconst TRADE_PREF_STORAGE_KEY = `${LOCAL_STORAGE_PREFIX}_trade_preferences`;\n\nconst defaultTradePreferences: TradePreferencesState = {\n  bridgePreference: defaultBridgePreference,\n  disabledBridges: defaultDisabledBridges,\n  deltaParam: defaultDeltaParamAtomValue,\n  gasPreset: defaultGasPreset,\n  slippage: defaultSlippage,\n  eip1559Enabled: defaultEIP1559Enabled,\n  disabledDexesByChain: supportedChainIds.reduce((acc, chainId) => {\n    acc[chainId] = defaultDisabledDexes;\n    return acc;\n  }, {} as DisabledDexesByChain),\n};\n\nexport const tradePreferencesAtom = atomWithStorage(\n  TRADE_PREF_STORAGE_KEY,\n  defaultTradePreferences,\n  {\n    ...createJSONStorage(() => localStorage),\n    getItem(key, initialValue) {\n      const raw = localStorage.getItem(key);\n      if (!raw) return initialValue;\n      try {\n        return { ...initialValue, ...JSON.parse(raw) };\n      } catch {\n        return initialValue;\n      }\n    },\n  },\n  { getOnInit: true }\n);\n\nexport function deriveTradePreferencesPropAtom<\n  T extends keyof TradePreferencesState,\n>(\n  key: T\n): WritableAtom<TradePreferencesState[T], [TradePreferencesState[T]], void> {\n  const focusedAtom = focusAtom(tradePreferencesAtom, (optic) =>\n    optic.prop(key)\n  );\n  focusedAtom.debugLabel = `deriveTradePreferencesPropAtom(${key})`;\n  return focusedAtom;\n}\n\nexport function deriveDisabledDexesByChainAtom(\n  chainId: SupportedChainId\n): WritableAtom<DisabledDexes, [SetStateAction<DisabledDexes>], void> {\n  const focusedAtom = focusAtom(tradePreferencesAtom, (optic) =>\n    optic.prop(\"disabledDexesByChain\").prop(chainId)\n  );\n\n  focusedAtom.debugLabel = `deriveDisabledDexesByChainAtom(${chainId})`;\n  return focusedAtom;\n}\n\n// to be used as a temp atom holding disabledDexes inside EnabledExchangesParameters drawer\n// initialized from disabledDexes atom\nexport function getDefaultDraftDisabledDexesForChain(\n  chainId: SupportedChainId\n) {\n  const defaultedAtom = atomWithDefault((get) => {\n    const disabledDexes = get(deriveDisabledDexesByChainAtom(chainId));\n    return {\n      disabledDexes,\n      chainId,\n    };\n  });\n\n  defaultedAtom.debugLabel = `getDefaultDraftDisabledDexesForChain(${chainId})`;\n  return defaultedAtom;\n}\n"],"mappings":";;;;;;;;AAuCA,IAAa+B,IAAuB9B,EAClCkB,GAhBgChB,EAAoB,qBAiBpDiB;CAdAC,kBAAkBjB;CAClBkB,iBAAiBjB;CACjBkB,YAAAA;CACAC,WAAWd;CACXe,UAAUd;CACVe,gBAAAA;CACAC,sBAAsBb,EAAkBc,QAAQC,GAAKC,OACnDD,EAAIC,KAAWf,GACRc,IACN,EAAE,CAAwB;CAK7BT,EACA;CACE,GAAGlB,QAAwB8B,aAAa;CACxCC,QAAQC,GAAKC,GAAc;EACzB,IAAMC,IAAMJ,aAAaC,QAAQC,EAAI;EACrC,IAAI,CAACE,GAAK,OAAOD;EACjB,IAAI;GACF,OAAO;IAAE,GAAGA;IAAc,GAAGE,KAAKC,MAAMF,EAAG;IAAG;UACxC;GACN,OAAOD;;;CAGZ,EACD,EAAEI,WAAW,IACf,CAAC;AAED,SAAgBC,EAGdN,GAC0E;CAC1E,IAAMQ,IAAcxB,EAAUa,IAAuBY,MACnDA,EAAMC,KAAKV,EACb,CAAC;CAED,OADAQ,EAAYG,aAAa,kCAAkCX,EAAG,IACvDQ;;AAGT,SAAgBI,EACdhB,GACoE;CACpE,IAAMY,IAAcxB,EAAUa,IAAuBY,MACnDA,EAAMC,KAAK,uBAAuB,CAACA,KAAKd,EAC1C,CAAC;CAGD,OADAY,EAAYG,aAAa,kCAAkCf,EAAO,IAC3DY;;AAKT,SAAgBK,EACdjB,GACA;CACA,IAAMkB,IAAgBhD,GAAiBiD,OAE9B;EACLC,eAFoBD,EAAIH,EAA+BhB,EAAQ,CAE/DoB;EACApB;EACD,EACD;CAGF,OADAkB,EAAcH,aAAa,wCAAwCf,EAAO,IACnEkB"}

package/dist/components/widget/TradeParameters/useTempTradeParameters.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTempTradeParameters.js","names":["deltaParamAtom","setDeltaParamAtom","useAtom","useAtomValue","useSetAtom","eip1559EnabledAtom","gasPresetAtom","useState","setSlippageParamAtom","slippageParamAtom","useCustomSlippageState","defaultDeltaParamAtomValue","defaultEIP1559Enabled","defaultGasPreset","defaultSlippage","SlippageParameterProps","TransactionSpeedParameterProps","EIP1559ParameterProps","DeltaParameterProps","DegenModeParameterProps","useWidgetEvents","BridgePreferenceParametersProps","useDraftBridgePreferencesState","unorderedShallowEqual","useBridgePreferences","defaultBridgePreference","defaultDisabledBridges","defaultDegenMode","userDegenModeParamAtom","EnabledExchangesParametersProps","useDraftDisabledDexesState","useDisabledDexes","defaultDisabledDexes","useChainId","tradePreferencesAtom","RESET","TempTradeParametersProps","delta","eip1559","gasPreset","slippage","degenMode","bridgePreference","disabledBridges","disabledDexes","hasModifiedParameters","hasUnsavedParameters","resetParams","saveParams","useTempTradeParameters","$","_c","deltaParam","setDeltaParam","tempDeltaParam","setTempDeltaParam","isNotDefaultDeltaParam","eip1559Enabled","setEip1559Enabled","tempEip1559Enabled","setTempEip1559Enabled","isNotDefaultEip1559Enabled","setGasPreset","tempGasPreset","setTempGasPreset","isNotDefaultGasPreset","setDegenMode","tempDegenMode","setTempDegenMode","isNotDefaultDegenMode","slippageParam","setSlippageParam","slippageState","isNotDefaultSlippageParam","lastValidSlippage","setBridgePreference","setDisabledBridges","draftBridgePreferencesState","isNotDefaultBridgePreference","value","t0","isNotDefaultDisabledBridges","t1","isUnsavedDisabledBridges","chainId","setDisabledDexes","draftDisabledExchangesState","draftDisabledDexes","draftChainId","draftDisabledDexesIsForCurrentChain","tradePreferences","setTradePreferences","hasPendingResetAll","setHasPendingResetAll","someOtherChainHasDisabledDexes","Object","entries","disabledDexesByChain","some","t2","cid","dexes","Number","length","t3","isNotDefaultDisabledDexes","t4","isUnsavedDisabledDexes","t5","resetCustomSlippageToDefault","resetPreferencesToDefault","onSettingsChange","t6","newDisabledDexes","event","name","params","slippageTolerance","transactionSpeed","swapMode","t7","setValue","isNotDefault","t8","t9","t10","state","t11","t12","t13","t14","t15","t16","t17","t18","t19"],"sources":["../../../../src/components/widget/TradeParameters/useTempTradeParameters.ts"],"sourcesContent":["import { deltaParamAtom } from \"./state/deltaParamAtom\";\nimport { setDeltaParamAtom } from \"./state/deltaParamActionsAtom\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\nimport { eip1559EnabledAtom } from \"./state/eip1559ParamAtom\";\nimport { gasPresetAtom } from \"./state/gasPresetParamAtom\";\nimport { useState } from \"react\";\nimport {\n  setSlippageParamAtom,\n  slippageParamAtom,\n} from \"./state/slippageParamAtom\";\nimport { useCustomSlippageState } from \"./SlippageParameter/hooks/useCustomSlippageProps\";\nimport {\n  defaultDeltaParamAtomValue,\n  defaultEIP1559Enabled,\n  defaultGasPreset,\n  defaultSlippage,\n} from \"./state/constants\";\nimport type { SlippageParameterProps } from \"./SlippageParameter/SlippageParameter\";\nimport type { TransactionSpeedParameterProps } from \"./TransactionSpeedParameter\";\nimport type { EIP1559ParameterProps } from \"./EIP1559Parameter\";\nimport type { DeltaParameterProps } from \"./DeltaParameter\";\nimport type { DegenModeParameterProps } from \"./DegenModeParameter\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\n\nimport type { BridgePreferenceParametersProps } from \"./BridgePreferenceParameters/BridgePreferenceParameters\";\nimport { useDraftBridgePreferencesState } from \"./BridgePreferenceParameters/useDraftBridgePreferencesState\";\nimport { unorderedShallowEqual } from \"@/lib/utils\";\nimport { useBridgePreferences } from \"./state/bridgePreferences/useBridgePreferences\";\nimport {\n  defaultBridgePreference,\n  defaultDisabledBridges,\n} from \"./state/bridgePreferences/constants\";\nimport {\n  defaultDegenMode,\n  userDegenModeParamAtom,\n} from \"./state/degenModeParamAtom\";\nimport type { EnabledExchangesParametersProps } from \"./EnabledExchangesParameters/EnabledExchangesParameters\";\nimport { useDraftDisabledDexesState } from \"./EnabledExchangesParameters/useDraftEnabledExchangesState\";\nimport { useDisabledDexes } from \"./state/enabledExchanges/useDisabledDexes\";\nimport { defaultDisabledDexes } from \"./state/enabledExchanges/constants\";\nimport { useChainId } from \"wagmi\";\nimport { tradePreferencesAtom } from \"./state/tradePreferencesAtom\";\nimport { RESET } from \"jotai/utils\";\n\ntype TempTradeParametersProps = {\n  delta: DeltaParameterProps;\n  eip1559: EIP1559ParameterProps;\n  gasPreset: TransactionSpeedParameterProps;\n  slippage: SlippageParameterProps;\n  degenMode: DegenModeParameterProps;\n  bridgePreference: BridgePreferenceParametersProps[\"bridgePreference\"];\n  disabledBridges: BridgePreferenceParametersProps[\"disabledBridges\"];\n  disabledDexes: EnabledExchangesParametersProps[\"disabledDexes\"];\n  hasModifiedParameters: boolean;\n  hasUnsavedParameters: boolean;\n  resetParams: () => void;\n  saveParams: () => void;\n};\n\nexport function useTempTradeParameters(): TempTradeParametersProps {\n  // Delta Parameter\n  const deltaParam = useAtomValue(deltaParamAtom);\n  const setDeltaParam = useSetAtom(setDeltaParamAtom);\n  const [tempDeltaParam, setTempDeltaParam] = useState(deltaParam);\n  const isNotDefaultDeltaParam = tempDeltaParam !== defaultDeltaParamAtomValue;\n\n  // EIP1559 Parameter\n  const [eip1559Enabled, setEip1559Enabled] = useAtom(eip1559EnabledAtom);\n  const [tempEip1559Enabled, setTempEip1559Enabled] = useState(eip1559Enabled);\n  const isNotDefaultEip1559Enabled =\n    tempEip1559Enabled !== defaultEIP1559Enabled;\n\n  // Gas Preset Parameter\n  const [gasPreset, setGasPreset] = useAtom(gasPresetAtom);\n  const [tempGasPreset, setTempGasPreset] = useState(gasPreset);\n  const isNotDefaultGasPreset = tempGasPreset !== defaultGasPreset;\n\n  // Degen Mode Parameter\n  const [degenMode, setDegenMode] = useAtom(userDegenModeParamAtom);\n  const [tempDegenMode, setTempDegenMode] = useState(degenMode);\n  const isNotDefaultDegenMode = tempDegenMode !== defaultDegenMode;\n\n  // Slippage Parameter\n  const slippageParam = useAtomValue(slippageParamAtom);\n  const setSlippageParam = useSetAtom(setSlippageParamAtom);\n  const slippageState = useCustomSlippageState(slippageParam);\n  const isNotDefaultSlippageParam =\n    slippageState.lastValidSlippage !== defaultSlippage;\n\n  // Bridge Preference Parameters\n  const {\n    bridgePreference,\n    disabledBridges,\n    setBridgePreference,\n    setDisabledBridges,\n  } = useBridgePreferences();\n  const draftBridgePreferencesState = useDraftBridgePreferencesState();\n  const isNotDefaultBridgePreference =\n    draftBridgePreferencesState.bridgePreference.value !==\n    defaultBridgePreference;\n  const isNotDefaultDisabledBridges = !unorderedShallowEqual(\n    draftBridgePreferencesState.disabledBridges.value,\n    defaultDisabledBridges\n  );\n  const isUnsavedDisabledBridges = !unorderedShallowEqual(\n    draftBridgePreferencesState.disabledBridges.value,\n    disabledBridges\n  );\n\n  // Enabled Exchanges Parameters (per-chain)\n  const chainId = useChainId();\n  const { disabledDexes, setDisabledDexes } = useDisabledDexes();\n  const draftDisabledExchangesState = useDraftDisabledDexesState();\n  const draftDisabledDexes =\n    draftDisabledExchangesState.disabledDexes.value?.disabledDexes;\n  const draftChainId = draftDisabledExchangesState.disabledDexes.value?.chainId;\n  // only use the draft of disabledDexes when it's for the current chain\n  const draftDisabledDexesIsForCurrentChain = draftChainId === chainId;\n\n  const [tradePreferences, setTradePreferences] = useAtom(tradePreferencesAtom);\n  // pending intent to wipe all trade preferences (incl. disabledDexes for ALL chains) on save\n  const [hasPendingResetAll, setHasPendingResetAll] = useState(false);\n\n  // Are there non-default disabled dexes saved for chains other than the current one?\n  // (we can't represent these in temp state, so check persisted state directly.)\n  const someOtherChainHasDisabledDexes = Object.entries(\n    tradePreferences.disabledDexesByChain\n  ).some(([cid, dexes]) => Number(cid) !== chainId && dexes.length > 0);\n\n  const isNotDefaultDisabledDexes =\n    !hasPendingResetAll &&\n    (someOtherChainHasDisabledDexes ||\n      !unorderedShallowEqual(\n        (draftDisabledDexesIsForCurrentChain && draftDisabledDexes) ||\n          disabledDexes,\n        defaultDisabledDexes\n      ));\n  const isUnsavedDisabledDexes =\n    draftDisabledDexesIsForCurrentChain &&\n    !!draftDisabledDexes &&\n    !unorderedShallowEqual(draftDisabledDexes, disabledDexes);\n\n  // Reset to current global params (which may be changed from Widget props)\n  const resetParams = () => {\n    setTempDeltaParam(defaultDeltaParamAtomValue);\n    setTempEip1559Enabled(defaultEIP1559Enabled);\n    setTempGasPreset(defaultGasPreset);\n    setTempDegenMode(defaultDegenMode);\n    slippageState.resetCustomSlippageToDefault();\n    draftBridgePreferencesState.resetPreferencesToDefault();\n    draftDisabledExchangesState.resetPreferencesToDefault();\n    setHasPendingResetAll(true);\n  };\n\n  const { onSettingsChange } = useWidgetEvents();\n\n  // Save to global params\n  const saveParams = () => {\n    if (hasPendingResetAll) {\n      // wipe all persisted trade preferences (covers disabledDexes for every chain).\n      // individual setters below will re-write whatever the user modified after Reset.\n      setTradePreferences(RESET);\n      setHasPendingResetAll(false);\n    }\n\n    setDeltaParam(tempDeltaParam);\n    setEip1559Enabled(tempEip1559Enabled);\n    setGasPreset(tempGasPreset);\n    setDegenMode(tempDegenMode);\n    // invalid slippage is additionally filtered out inside the atom.setter\n    setSlippageParam(slippageState.lastValidSlippage);\n    setBridgePreference(draftBridgePreferencesState.bridgePreference.value);\n    setDisabledBridges(draftBridgePreferencesState.disabledBridges.value);\n\n    let newDisabledDexes = hasPendingResetAll\n      ? defaultDisabledDexes\n      : disabledDexes;\n    if (draftDisabledDexes && draftDisabledDexesIsForCurrentChain) {\n      newDisabledDexes = draftDisabledDexes;\n      setDisabledDexes(newDisabledDexes);\n    }\n\n    onSettingsChange?.({\n      event: {\n        name: \"Settings:saveSettings\",\n        params: {\n          slippageTolerance: slippageState.lastValidSlippage,\n          transactionSpeed: tempGasPreset,\n          swapMode: tempDeltaParam ? \"delta\" : \"market\",\n          eip1559Enabled: tempEip1559Enabled,\n          degenMode: tempDegenMode,\n          bridgePreference: draftBridgePreferencesState.bridgePreference.value,\n          disabledBridges: draftBridgePreferencesState.disabledBridges.value,\n          disabledDexes: newDisabledDexes,\n        },\n      },\n    });\n  };\n\n  return {\n    delta: {\n      value: tempDeltaParam,\n      setValue: setTempDeltaParam,\n      isNotDefault: isNotDefaultDeltaParam,\n    },\n    eip1559: {\n      value: tempEip1559Enabled,\n      setValue: setTempEip1559Enabled,\n      isNotDefault: isNotDefaultEip1559Enabled,\n    },\n    gasPreset: {\n      value: tempGasPreset,\n      setValue: setTempGasPreset,\n      isNotDefault: isNotDefaultGasPreset,\n    },\n    slippage: {\n      state: slippageState,\n      isNotDefault: isNotDefaultSlippageParam,\n    },\n    degenMode: {\n      value: tempDegenMode,\n      setValue: setTempDegenMode,\n      isNotDefault: isNotDefaultDegenMode,\n    },\n    bridgePreference: {\n      state: draftBridgePreferencesState.bridgePreference,\n      isNotDefault: isNotDefaultBridgePreference,\n    },\n    disabledBridges: {\n      state: draftBridgePreferencesState.disabledBridges,\n      isNotDefault: isNotDefaultDisabledBridges,\n    },\n    disabledDexes: {\n      state: {\n        value: draftDisabledExchangesState.disabledDexes.value || {\n          disabledDexes,\n          chainId,\n        },\n        setValue: draftDisabledExchangesState.disabledDexes.setValue,\n      },\n      isNotDefault: isNotDefaultDisabledDexes,\n    },\n    hasModifiedParameters:\n      isNotDefaultDeltaParam ||\n      isNotDefaultEip1559Enabled ||\n      isNotDefaultGasPreset ||\n      isNotDefaultDegenMode ||\n      isNotDefaultSlippageParam ||\n      isNotDefaultBridgePreference ||\n      isNotDefaultDisabledBridges ||\n      isNotDefaultDisabledDexes,\n    hasUnsavedParameters:\n      tempDeltaParam !== deltaParam ||\n      tempEip1559Enabled !== eip1559Enabled ||\n      tempGasPreset !== gasPreset ||\n      tempDegenMode !== degenMode ||\n      slippageState.lastValidSlippage !== slippageParam ||\n      draftBridgePreferencesState.bridgePreference.value !== bridgePreference ||\n      isUnsavedDisabledBridges ||\n      isUnsavedDisabledDexes ||\n      hasPendingResetAll,\n    resetParams,\n    saveParams,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2DA,SAAOiD,IAAA;CAAA,IAAAC,IAAAC,GAAA,GAAA,EAELC,KAAmBjD,EAAaH,GAAe,EAC/CqD,IAAsBjD,GAAWH,GAAkB,EACnD,CAAAqD,GAAAC,MAA4ChD,EAAS6C,GAAW,EAChEI,IAA+BF,MAAAA,IAG/B,CAAAG,IAAAC,MAA4CxD,EAAQG,GAAmB,EACvE,CAAAsD,GAAAC,MAAoDrD,EAASkD,GAAe,EAC5EI,IACEF,MAAAA,IAGF,CAAApB,IAAAuB,MAAkC5D,EAAQI,GAAc,EACxD,CAAAyD,GAAAC,MAA0CzD,EAASgC,GAAU,EAC7D0B,IAA8BF,MAAkBlD,IAGhD,CAAA4B,IAAAyB,KAAkChE,EAAQ0B,GAAuB,EACjE,CAAAuC,GAAAC,MAA0C7D,EAASkC,GAAU,EAC7D4B,IAA8BF,MAAAA,IAG9BG,KAAsBnE,EAAaM,GAAkB,EACrD8D,IAAyBnE,GAAWI,GAAqB,EACzDgE,IAAsB9D,GAAuB4D,GAAc,EAC3DG,IACED,EAAaE,sBAAuB5D,IAGtC,EAAA4B,sBAAAC,oBAAAgC,wBAAAC,0BAKIpD,IAAsB,EAC1BqD,IAAoCvD,IAAgC,EACpEwD,IACED,EAA2BnC,iBAAiBqC,UAC5CtD,IAAwBuD;AAAA,CAAA9B,EAAA,OAAA2B,EAAAlC,gBAAAoC,QAIzBC,IAAA9B,EAAA,MAHoC8B,IAAAzD,EACnCsD,EAA2BlC,gBAAgBoC,OAC3CrD,GACD,EAAAwB,EAAA,KAAA2B,EAAAlC,gBAAAoC,OAAA7B,EAAA,KAAA8B;CAHD,IAAAC,IAAoC,CAACD,GAGnCE;AAAA,CAAAhC,EAAA,OAAAP,KAAAO,EAAA,OAAA2B,EAAAlC,gBAAAoC,SACgCG,IAAA3D,EAChCsD,EAA2BlC,gBAAgBoC,OAC3CpC,EACD,EAAAO,EAAA,KAAAP,GAAAO,EAAA,KAAA2B,EAAAlC,gBAAAoC,OAAA7B,EAAA,KAAAgC,KAAAA,IAAAhC,EAAA;CAHD,IAAAiC,KAAiC,CAACD,GAMlCE,IAAgBnD,IAAY,EAC5B,EAAAW,kBAAAyC,wBAA4CtD,IAAkB,EAC9DuD,IAAoCxD,IAA4B,EAChEyD,IACED,EAA2B1C,cAAcmC,OAAqBnC,eAGhE6C,IAFqBH,EAA2B1C,cAAcmC,OAAeK,YAEhBA,GAE7D,CAAAM,IAAAC,KAAgDzF,EAAQgC,GAAqB,EAE7E,CAAA0D,GAAAC,MAAoDtF,EAAS,GAAM,EAInEuF,IAAuCC,OAAMC,QAC3CN,GAAgBO,qBACjB,CAAAC,MAAMC,MAAA;EAAC,IAAA,CAAAC,GAAAC,MAAAF;AAAY,SAAKG,OAAOF,EAAI,KAAKhB,KAAWiB,GAAKE,SAAU;GAAE,EAACC;AAAA,CAAAtD,EAAA,OAAAN,KAAAM,EAAA,OAAAqC,KAAArC,EAAA,OAAAuC,KAAAvC,EAAA,OAAA0C,KAAA1C,EAAA,OAAA4C,KAGpEU,IAAA,CAACZ,MACAE,KAAA,CACEvE,EACEkE,KAAAF,KAAD3C,GAEAZ,GACA,GAAAkB,EAAA,KAAAN,GAAAM,EAAA,KAAAqC,GAAArC,EAAA,KAAAuC,GAAAvC,EAAA,KAAA0C,GAAA1C,EAAA,KAAA4C,GAAA5C,EAAA,MAAAsD,KAAAA,IAAAtD,EAAA;CAPN,IAAAuD,IACED,GAMKE;AAAA,CAAAxD,EAAA,QAAAN,KAAAM,EAAA,QAAAqC,KAAArC,EAAA,QAAAuC,KAELiB,IAAAjB,KAAA,CACC,CAACF,KADF,CAEChE,EAAsBgE,GAAoB3C,EAAc,EAAAM,EAAA,MAAAN,GAAAM,EAAA,MAAAqC,GAAArC,EAAA,MAAAuC,GAAAvC,EAAA,MAAAwD,KAAAA,IAAAxD,EAAA;CAH3D,IAAAyD,KACED,GAE0DE;AAAA,CAAA1D,EAAA,QAAA2B,KAAA3B,EAAA,QAAAoC,KAAApC,EAAA,QAAAsB,KAGxCoC,UAAA;AAQlBf,EAPAtC,GAAAA,GAA6C,EAC7CK,GAAAA,GAA4C,EAC5CI,GAAiBnD,GAAiB,EAClCuD,GAAAA,GAAkC,EAClCI,EAAaqC,8BAA+B,EAC5ChC,EAA2BiC,2BAA4B,EACvDxB,EAA2BwB,2BAA4B,EACvDjB,GAAsB,GAAK;IAC5B3C,EAAA,MAAA2B,GAAA3B,EAAA,MAAAoC,GAAApC,EAAA,MAAAsB,GAAAtB,EAAA,MAAA0D,KAAAA,IAAA1D,EAAA;CATD,IAAAH,IAAoB6D,GAWpB,EAAAG,wBAA6B3F,IAAiB,EAAC4F;AAAA,CAAA9D,EAAA,QAAAN,KAAAM,EAAA,QAAA2B,EAAAnC,iBAAAqC,SAAA7B,EAAA,QAAA2B,EAAAlC,gBAAAoC,SAAA7B,EAAA,QAAAqC,KAAArC,EAAA,QAAAuC,KAAAvC,EAAA,QAAA0C,KAAA1C,EAAA,QAAA6D,KAAA7D,EAAA,QAAAyB,KAAAzB,EAAA,QAAAgB,KAAAhB,EAAA,QAAAG,KAAAH,EAAA,QAAA0B,KAAA1B,EAAA,QAAAmC,KAAAnC,EAAA,QAAAQ,MAAAR,EAAA,QAAAY,MAAAZ,EAAA,QAAAqB,KAAArB,EAAA,QAAAyC,KAAAzC,EAAA,QAAAsB,EAAAE,qBAAAxB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAI,KAAAJ,EAAA,QAAAS,KAAAT,EAAA,QAAAa,KAG5BiD,UAAA;AAejBpC,EAdIgB,MAGFD,EAAoBxD,GAAM,EAC1B0D,GAAsB,GAAM,GAG9BxC,EAAcC,EAAe,EAC7BI,GAAkBC,EAAmB,EACrCG,GAAaC,EAAc,EAC3BG,EAAaC,EAAc,EAE3BI,EAAiBC,EAAaE,kBAAmB,EACjDC,EAAoBE,EAA2BnC,iBAAiBqC,MAAO,EACvEH,EAAmBC,EAA2BlC,gBAAgBoC,MAAO;EAErE,IAAAkC,IAAuBrB,IAAA5D,KAAAY;AAQvBmE,EALIxB,KAAAE,MACFwB,IAAmB1B,GACnBF,EAAiB4B,EAAiB,GAGpCF,IAAmB,EAAAG,OACV;GAAAC,MACC;GAAuBC,QACrB;IAAAC,mBACa7C,EAAaE;IAAkB4C,kBAChCvD;IAAawD,UACrBjE,IAAA,UAAA;IAAmCG,gBAC7BE;IAAkBlB,WACvB0B;IAAazB,kBACNmC,EAA2BnC,iBAAiBqC;IAAMpC,iBACnDkC,EAA2BlC,gBAAgBoC;IAAMnC,eACnDqE;IACjB;GACF,EACD,CAAC;IACH/D,EAAA,MAAAN,GAAAM,EAAA,MAAA2B,EAAAnC,iBAAAqC,OAAA7B,EAAA,MAAA2B,EAAAlC,gBAAAoC,OAAA7B,EAAA,MAAAqC,GAAArC,EAAA,MAAAuC,GAAAvC,EAAA,MAAA0C,GAAA1C,EAAA,MAAA6D,GAAA7D,EAAA,MAAAyB,GAAAzB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAG,GAAAH,EAAA,MAAA0B,GAAA1B,EAAA,MAAAmC,GAAAnC,EAAA,MAAAQ,IAAAR,EAAA,MAAAY,IAAAZ,EAAA,MAAAqB,GAAArB,EAAA,MAAAyC,GAAAzC,EAAA,MAAAsB,EAAAE,mBAAAxB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAI,GAAAJ,EAAA,MAAAS,GAAAT,EAAA,MAAAa,GAAAb,EAAA,MAAA8D,KAAAA,IAAA9D,EAAA;CAxCD,IAAAF,KAAmBgE,GAwCjBQ;AAAA,CAAAtE,EAAA,QAAAM,KAAAN,EAAA,QAAAI,KAGOkE,IAAA;EAAAzC,OACEzB;EAAcmE,UACXlE;EAAiBmE,cACblE;EACf,EAAAN,EAAA,MAAAM,GAAAN,EAAA,MAAAI,GAAAJ,EAAA,MAAAsE,KAAAA,IAAAtE,EAAA;CAAA,IAAAyE;AAAA,CAAAzE,EAAA,QAAAW,KAAAX,EAAA,QAAAS,KACQgE,IAAA;EAAA5C,OACApB;EAAkB8D,UACf7D;EAAqB8D,cACjB7D;EACf,EAAAX,EAAA,MAAAW,GAAAX,EAAA,MAAAS,GAAAT,EAAA,MAAAyE,KAAAA,IAAAzE,EAAA;CAAA,IAAA0E;AAAA,CAAA1E,EAAA,QAAAe,KAAAf,EAAA,QAAAa,KACU6D,IAAA;EAAA7C,OACFhB;EAAa0D,UACVzD;EAAgB0D,cACZzD;EACf,EAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAa,GAAAb,EAAA,MAAA0E,KAAAA,IAAA1E,EAAA;CAAA,IAAA2E;AAAA,CAAA3E,EAAA,QAAAuB,KAAAvB,EAAA,QAAAsB,KACSqD,IAAA;EAAAC,OACDtD;EAAakD,cACNjD;EACf,EAAAvB,EAAA,MAAAuB,GAAAvB,EAAA,MAAAsB,GAAAtB,EAAA,MAAA2E,KAAAA,IAAA3E,EAAA;CAAA,IAAA6E;AAAA,CAAA7E,EAAA,QAAAmB,KAAAnB,EAAA,QAAAiB,KACU4D,IAAA;EAAAhD,OACFZ;EAAasD,UACVrD;EAAgBsD,cACZrD;EACf,EAAAnB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAiB,GAAAjB,EAAA,MAAA6E,KAAAA,IAAA7E,EAAA;CAAA,IAAA8E;AAAA,CAAA9E,EAAA,QAAA2B,EAAAnC,oBAAAQ,EAAA,QAAA4B,KACiBkD,IAAA;EAAAF,OACTjD,EAA2BnC;EAAiBgF,cACrC5C;EACf,EAAA5B,EAAA,MAAA2B,EAAAnC,kBAAAQ,EAAA,MAAA4B,GAAA5B,EAAA,MAAA8E,KAAAA,IAAA9E,EAAA;CAAA,IAAA+E;AAAA,CAAA/E,EAAA,QAAA2B,EAAAlC,mBAAAO,EAAA,QAAA+B,KACgBgD,IAAA;EAAAH,OACRjD,EAA2BlC;EAAgB+E,cACpCzC;EACf,EAAA/B,EAAA,MAAA2B,EAAAlC,iBAAAO,EAAA,MAAA+B,GAAA/B,EAAA,MAAA+E,KAAAA,IAAA/E,EAAA;CAAA,IAAAgF;AAAA,CAAAhF,EAAA,QAAAkC,KAAAlC,EAAA,QAAAN,KAAAM,EAAA,QAAAoC,EAAA1C,cAAAmC,SAGUmD,IAAA5C,EAA2B1C,cAAcmC,SAAzC;EAAAnC;EAAAwC;EAGN,EAAAlC,EAAA,MAAAkC,GAAAlC,EAAA,MAAAN,GAAAM,EAAA,MAAAoC,EAAA1C,cAAAmC,OAAA7B,EAAA,MAAAgF,KAAAA,IAAAhF,EAAA;CAAA,IAAAiF;AAAA,CAAAjF,EAAA,QAAAoC,EAAA1C,cAAA6E,YAAAvE,EAAA,QAAAgF,KAJIC,IAAA;EAAApD,OACEmD;EAGNT,UACSnC,EAA2B1C,cAAc6E;EACpD,EAAAvE,EAAA,MAAAoC,EAAA1C,cAAA6E,UAAAvE,EAAA,MAAAgF,GAAAhF,EAAA,MAAAiF,KAAAA,IAAAjF,EAAA;CAAA,IAAAkF;AAAA,CAAAlF,EAAA,QAAAuD,KAAAvD,EAAA,QAAAiF,KAPYC,IAAA;EAAAN,OACNK;EAMNT,cACajB;EACf,EAAAvD,EAAA,MAAAuD,GAAAvD,EAAA,MAAAiF,GAAAjF,EAAA,MAAAkF,KAAAA,IAAAlF,EAAA;CAEC,IAAAmF,KAAA7E,KAAAK,KAAAI,KAAAI,KAAAI,KAAAK,KAAAG,KAAAwB,GASA6B,IAAAhF,MAAmBF,MACnBO,MAAuBF,MACvBM,MAAkBxB,MAClB4B,MAAkB1B,MAClB+B,EAAaE,sBAAuBJ,MACpCO,EAA2BnC,iBAAiBqC,UAAWrC,MALvDyC,MAAAwB,MAAAf,GAQkB2C;AAGrB,QAHqBrF,EAAA,QAAAH,KAAAG,EAAA,QAAAF,MAAAE,EAAA,QAAA2E,KAAA3E,EAAA,QAAA6E,KAAA7E,EAAA,QAAA8E,KAAA9E,EAAA,QAAA+E,KAAA/E,EAAA,QAAAkF,KAAAlF,EAAA,QAAAmF,MAAAnF,EAAA,QAAAoF,KAAApF,EAAA,QAAAsE,KAAAtE,EAAA,QAAAyE,KAAAzE,EAAA,QAAA0E,KA7DfW,IAAA;EAAAlG,OACEmF;EAINlF,SACQqF;EAIRpF,WACUqF;EAIVpF,UACSqF;EAGTpF,WACUsF;EAIVrF,kBACiBsF;EAGjBrF,iBACgBsF;EAGhBrF,eACcwF;EASdvF,uBAECwF;EAOyBvF,sBAEzBwF;EAQkBvF;EAAAC;EAGrB,EAAAE,EAAA,MAAAH,GAAAG,EAAA,MAAAF,IAAAE,EAAA,MAAA2E,GAAA3E,EAAA,MAAA6E,GAAA7E,EAAA,MAAA8E,GAAA9E,EAAA,MAAA+E,GAAA/E,EAAA,MAAAkF,GAAAlF,EAAA,MAAAmF,IAAAnF,EAAA,MAAAoF,GAAApF,EAAA,MAAAsE,GAAAtE,EAAA,MAAAyE,GAAAzE,EAAA,MAAA0E,GAAA1E,EAAA,MAAAqF,KAAAA,IAAArF,EAAA,KAhEMqF"}
+{"version":3,"file":"useTempTradeParameters.js","names":["deltaParamAtom","setDeltaParamAtom","useAtom","useAtomValue","useSetAtom","eip1559EnabledAtom","gasPresetAtom","useState","setSlippageParamAtom","slippageParamAtom","useCustomSlippageState","defaultDeltaParamAtomValue","defaultEIP1559Enabled","defaultGasPreset","defaultSlippage","SlippageParameterProps","TransactionSpeedParameterProps","EIP1559ParameterProps","DeltaParameterProps","DegenModeParameterProps","useWidgetEvents","BridgePreferenceParametersProps","useDraftBridgePreferencesState","unorderedShallowEqual","useBridgePreferences","defaultBridgePreference","defaultDisabledBridges","defaultDegenMode","userDegenModeParamAtom","EnabledExchangesParametersProps","useDraftDisabledDexesState","useDisabledDexes","defaultDisabledDexes","useChainId","tradePreferencesAtom","RESET","TempTradeParametersProps","delta","eip1559","gasPreset","slippage","degenMode","bridgePreference","disabledBridges","disabledDexes","hasModifiedParameters","hasUnsavedParameters","resetParams","saveParams","useTempTradeParameters","$","_c","deltaParam","setDeltaParam","tempDeltaParam","setTempDeltaParam","isNotDefaultDeltaParam","eip1559Enabled","setEip1559Enabled","tempEip1559Enabled","setTempEip1559Enabled","isNotDefaultEip1559Enabled","setGasPreset","tempGasPreset","setTempGasPreset","isNotDefaultGasPreset","setDegenMode","tempDegenMode","setTempDegenMode","isNotDefaultDegenMode","slippageParam","setSlippageParam","slippageState","isNotDefaultSlippageParam","lastValidSlippage","setBridgePreference","setDisabledBridges","draftBridgePreferencesState","isNotDefaultBridgePreference","value","t0","isNotDefaultDisabledBridges","t1","isUnsavedDisabledBridges","chainId","setDisabledDexes","draftDisabledExchangesState","draftDisabledDexes","draftChainId","draftDisabledDexesIsForCurrentChain","tradePreferences","setTradePreferences","hasPendingResetAll","setHasPendingResetAll","someOtherChainHasDisabledDexes","Object","entries","disabledDexesByChain","some","t2","cid","dexes","Number","length","t3","isNotDefaultDisabledDexes","t4","isUnsavedDisabledDexes","t5","resetCustomSlippageToDefault","resetPreferencesToDefault","onSettingsChange","t6","newDisabledDexes","event","name","params","slippageTolerance","transactionSpeed","swapMode","t7","setValue","isNotDefault","t8","t9","t10","state","t11","t12","t13","t14","t15","t16","t17","t18","t19"],"sources":["../../../../src/components/widget/TradeParameters/useTempTradeParameters.ts"],"sourcesContent":["import { deltaParamAtom } from \"./state/deltaParamAtom\";\nimport { setDeltaParamAtom } from \"./state/deltaParamActionsAtom\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\nimport { eip1559EnabledAtom } from \"./state/eip1559ParamAtom\";\nimport { gasPresetAtom } from \"./state/gasPresetParamAtom\";\nimport { useState } from \"react\";\nimport {\n  setSlippageParamAtom,\n  slippageParamAtom,\n} from \"./state/slippageParamAtom\";\nimport { useCustomSlippageState } from \"./SlippageParameter/hooks/useCustomSlippageProps\";\nimport {\n  defaultDeltaParamAtomValue,\n  defaultEIP1559Enabled,\n  defaultGasPreset,\n  defaultSlippage,\n} from \"./state/constants\";\nimport type { SlippageParameterProps } from \"./SlippageParameter/SlippageParameter\";\nimport type { TransactionSpeedParameterProps } from \"./TransactionSpeedParameter\";\nimport type { EIP1559ParameterProps } from \"./EIP1559Parameter\";\nimport type { DeltaParameterProps } from \"./DeltaParameter\";\nimport type { DegenModeParameterProps } from \"./DegenModeParameter\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\n\nimport type { BridgePreferenceParametersProps } from \"./BridgePreferenceParameters/BridgePreferenceParameters\";\nimport { useDraftBridgePreferencesState } from \"./BridgePreferenceParameters/useDraftBridgePreferencesState\";\nimport { unorderedShallowEqual } from \"@/lib/utils\";\nimport { useBridgePreferences } from \"./state/bridgePreferences/useBridgePreferences\";\nimport {\n  defaultBridgePreference,\n  defaultDisabledBridges,\n} from \"./state/bridgePreferences/constants\";\nimport {\n  defaultDegenMode,\n  userDegenModeParamAtom,\n} from \"./state/degenModeParamAtom\";\nimport type { EnabledExchangesParametersProps } from \"./EnabledExchangesParameters/EnabledExchangesParameters\";\nimport { useDraftDisabledDexesState } from \"./EnabledExchangesParameters/useDraftEnabledExchangesState\";\nimport { useDisabledDexes } from \"./state/enabledExchanges/useDisabledDexes\";\nimport { defaultDisabledDexes } from \"./state/enabledExchanges/constants\";\nimport { useChainId } from \"wagmi\";\nimport { tradePreferencesAtom } from \"./state/tradePreferencesAtom\";\nimport { RESET } from \"jotai/utils\";\n\ntype TempTradeParametersProps = {\n  delta: DeltaParameterProps;\n  eip1559: EIP1559ParameterProps;\n  gasPreset: TransactionSpeedParameterProps;\n  slippage: SlippageParameterProps;\n  degenMode: DegenModeParameterProps;\n  bridgePreference: BridgePreferenceParametersProps[\"bridgePreference\"];\n  disabledBridges: BridgePreferenceParametersProps[\"disabledBridges\"];\n  disabledDexes: EnabledExchangesParametersProps[\"disabledDexes\"];\n  hasModifiedParameters: boolean;\n  hasUnsavedParameters: boolean;\n  resetParams: () => void;\n  saveParams: () => void;\n};\n\nexport function useTempTradeParameters(): TempTradeParametersProps {\n  // Delta Parameter\n  const deltaParam = useAtomValue(deltaParamAtom);\n  const setDeltaParam = useSetAtom(setDeltaParamAtom);\n  const [tempDeltaParam, setTempDeltaParam] = useState(deltaParam);\n  const isNotDefaultDeltaParam = tempDeltaParam !== defaultDeltaParamAtomValue;\n\n  // EIP1559 Parameter\n  const [eip1559Enabled, setEip1559Enabled] = useAtom(eip1559EnabledAtom);\n  const [tempEip1559Enabled, setTempEip1559Enabled] = useState(eip1559Enabled);\n  const isNotDefaultEip1559Enabled =\n    tempEip1559Enabled !== defaultEIP1559Enabled;\n\n  // Gas Preset Parameter\n  const [gasPreset, setGasPreset] = useAtom(gasPresetAtom);\n  const [tempGasPreset, setTempGasPreset] = useState(gasPreset);\n  const isNotDefaultGasPreset = tempGasPreset !== defaultGasPreset;\n\n  // Degen Mode Parameter\n  const [degenMode, setDegenMode] = useAtom(userDegenModeParamAtom);\n  const [tempDegenMode, setTempDegenMode] = useState(degenMode);\n  const isNotDefaultDegenMode = tempDegenMode !== defaultDegenMode;\n\n  // Slippage Parameter\n  const slippageParam = useAtomValue(slippageParamAtom);\n  const setSlippageParam = useSetAtom(setSlippageParamAtom);\n  const slippageState = useCustomSlippageState(slippageParam);\n  const isNotDefaultSlippageParam =\n    slippageState.lastValidSlippage !== defaultSlippage;\n\n  // Bridge Preference Parameters\n  const {\n    bridgePreference,\n    disabledBridges,\n    setBridgePreference,\n    setDisabledBridges,\n  } = useBridgePreferences();\n  const draftBridgePreferencesState = useDraftBridgePreferencesState();\n  const isNotDefaultBridgePreference =\n    draftBridgePreferencesState.bridgePreference.value !==\n    defaultBridgePreference;\n  const isNotDefaultDisabledBridges = !unorderedShallowEqual(\n    draftBridgePreferencesState.disabledBridges.value,\n    defaultDisabledBridges\n  );\n  const isUnsavedDisabledBridges = !unorderedShallowEqual(\n    draftBridgePreferencesState.disabledBridges.value,\n    disabledBridges\n  );\n\n  // Enabled Exchanges Parameters (per-chain)\n  const chainId = useChainId();\n  const { disabledDexes, setDisabledDexes } = useDisabledDexes();\n  const draftDisabledExchangesState = useDraftDisabledDexesState();\n  const draftDisabledDexes =\n    draftDisabledExchangesState.disabledDexes.value?.disabledDexes;\n  const draftChainId = draftDisabledExchangesState.disabledDexes.value?.chainId;\n  // only use the draft of disabledDexes when it's for the current chain\n  const draftDisabledDexesIsForCurrentChain = draftChainId === chainId;\n\n  const [tradePreferences, setTradePreferences] = useAtom(tradePreferencesAtom);\n  // pending intent to wipe all trade preferences (incl. disabledDexes for ALL chains) on save\n  const [hasPendingResetAll, setHasPendingResetAll] = useState(false);\n\n  // Are there non-default disabled dexes saved for chains other than the current one?\n  // (we can't represent these in temp state, so check persisted state directly.)\n  const someOtherChainHasDisabledDexes = Object.entries(\n    tradePreferences.disabledDexesByChain\n  ).some(([cid, dexes]) => Number(cid) !== chainId && dexes.length > 0);\n\n  const isNotDefaultDisabledDexes =\n    !hasPendingResetAll &&\n    (someOtherChainHasDisabledDexes ||\n      !unorderedShallowEqual(\n        (draftDisabledDexesIsForCurrentChain && draftDisabledDexes) ||\n          disabledDexes,\n        defaultDisabledDexes\n      ));\n  const isUnsavedDisabledDexes =\n    draftDisabledDexesIsForCurrentChain &&\n    !!draftDisabledDexes &&\n    !unorderedShallowEqual(draftDisabledDexes, disabledDexes);\n\n  // Reset to current global params (which may be changed from Widget props)\n  const resetParams = () => {\n    setTempDeltaParam(defaultDeltaParamAtomValue);\n    setTempEip1559Enabled(defaultEIP1559Enabled);\n    setTempGasPreset(defaultGasPreset);\n    setTempDegenMode(defaultDegenMode);\n    slippageState.resetCustomSlippageToDefault();\n    draftBridgePreferencesState.resetPreferencesToDefault();\n    draftDisabledExchangesState.resetPreferencesToDefault();\n    setHasPendingResetAll(true);\n  };\n\n  const { onSettingsChange } = useWidgetEvents();\n\n  // Save to global params\n  const saveParams = () => {\n    if (hasPendingResetAll) {\n      // wipe all persisted trade preferences (covers disabledDexes for every chain).\n      // individual setters below will re-write whatever the user modified after Reset.\n      setTradePreferences(RESET);\n      setHasPendingResetAll(false);\n    }\n\n    setDeltaParam(tempDeltaParam);\n    setEip1559Enabled(tempEip1559Enabled);\n    setGasPreset(tempGasPreset);\n    setDegenMode(tempDegenMode);\n    // invalid slippage is additionally filtered out inside the atom.setter\n    setSlippageParam(slippageState.lastValidSlippage);\n    setBridgePreference(draftBridgePreferencesState.bridgePreference.value);\n    setDisabledBridges(draftBridgePreferencesState.disabledBridges.value);\n\n    let newDisabledDexes = hasPendingResetAll\n      ? defaultDisabledDexes\n      : disabledDexes;\n    if (draftDisabledDexes && draftDisabledDexesIsForCurrentChain) {\n      newDisabledDexes = draftDisabledDexes;\n      setDisabledDexes(newDisabledDexes);\n    }\n\n    onSettingsChange?.({\n      event: {\n        name: \"Settings:saveSettings\",\n        params: {\n          slippageTolerance: slippageState.lastValidSlippage,\n          transactionSpeed: tempGasPreset,\n          swapMode: tempDeltaParam ? \"delta\" : \"market\",\n          eip1559Enabled: tempEip1559Enabled,\n          degenMode: tempDegenMode,\n          bridgePreference: draftBridgePreferencesState.bridgePreference.value,\n          disabledBridges: draftBridgePreferencesState.disabledBridges.value,\n          disabledDexes: newDisabledDexes,\n        },\n      },\n    });\n  };\n\n  return {\n    delta: {\n      value: tempDeltaParam,\n      setValue: setTempDeltaParam,\n      isNotDefault: isNotDefaultDeltaParam,\n    },\n    eip1559: {\n      value: tempEip1559Enabled,\n      setValue: setTempEip1559Enabled,\n      isNotDefault: isNotDefaultEip1559Enabled,\n    },\n    gasPreset: {\n      value: tempGasPreset,\n      setValue: setTempGasPreset,\n      isNotDefault: isNotDefaultGasPreset,\n    },\n    slippage: {\n      state: slippageState,\n      isNotDefault: isNotDefaultSlippageParam,\n    },\n    degenMode: {\n      value: tempDegenMode,\n      setValue: setTempDegenMode,\n      isNotDefault: isNotDefaultDegenMode,\n    },\n    bridgePreference: {\n      state: draftBridgePreferencesState.bridgePreference,\n      isNotDefault: isNotDefaultBridgePreference,\n    },\n    disabledBridges: {\n      state: draftBridgePreferencesState.disabledBridges,\n      isNotDefault: isNotDefaultDisabledBridges,\n    },\n    disabledDexes: {\n      state: {\n        value: draftDisabledExchangesState.disabledDexes.value || {\n          disabledDexes,\n          chainId,\n        },\n        setValue: draftDisabledExchangesState.disabledDexes.setValue,\n      },\n      isNotDefault: isNotDefaultDisabledDexes,\n    },\n    hasModifiedParameters:\n      isNotDefaultDeltaParam ||\n      isNotDefaultEip1559Enabled ||\n      isNotDefaultGasPreset ||\n      isNotDefaultDegenMode ||\n      isNotDefaultSlippageParam ||\n      isNotDefaultBridgePreference ||\n      isNotDefaultDisabledBridges ||\n      isNotDefaultDisabledDexes,\n    hasUnsavedParameters:\n      tempDeltaParam !== deltaParam ||\n      tempEip1559Enabled !== eip1559Enabled ||\n      tempGasPreset !== gasPreset ||\n      tempDegenMode !== degenMode ||\n      slippageState.lastValidSlippage !== slippageParam ||\n      draftBridgePreferencesState.bridgePreference.value !== bridgePreference ||\n      isUnsavedDisabledBridges ||\n      isUnsavedDisabledDexes ||\n      hasPendingResetAll,\n    resetParams,\n    saveParams,\n  };\n}\n"],"mappings":"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"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["Button","constructTxLinkForChain","TransactionListItem","getTxHash","useLocalDrawerControls","useReplaceTx","getOrderCancelDetailsForOrderItem","JSX","TransactionReceipt","isStandaloneTransactionItem","getTxStatus","CancelButtonWithDrawer","TransactionItemControlsProps","txItem","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","txHash","isSwapTx","action","t1","txIsFinalized","t2","t3","details","replacementTxReceipt","t4","t5","chainId","id","cancelTxType","enabled","onSuccess","onError","replaceTxMut","linkTxHash","replacementTx","hash","explorerLink","undefined","t6","explorerButton","t7","orderCancelDetails","canCancelTx","isWalletSupported","isSuccess","cancelOrderDrawerControls","btn1","cancelDrawerTitle","cancelTexts","drawerTitle","t8","result","replaceTx","reset","cancelSwap","t9","orderType","isPending","step","cancelBtnText"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nimport { constructTxLinkForChain } from \"@/lib/utils/explorer\";\nimport type { TransactionListItem } from \"../types\";\nimport { getTxHash } from \"@/transactions/hash\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { useReplaceTx } from \"@/hooks/txs/mutations/useReplaceTx\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport type { JSX } from \"react\";\nimport type { TransactionReceipt } from \"viem\";\nimport { isStandaloneTransactionItem } from \"@/transactions/utils\";\nimport { getTxStatus } from \"@/transactions/status\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type TransactionItemControlsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const Controls = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionItemControlsProps) => {\n  const txHash = getTxHash(txItem);\n\n  const isSwapTx = txItem.action === \"swap\";\n\n  // successfully mined (counting txs from DB as mined already),\n  // reverted or cancelled with a replacement tx\n  const txIsFinalized = getTxStatus(txItem) !== \"pending\";\n\n  const replaceTxMut = useReplaceTx({\n    chainId: txItem.chainId,\n    txHash: txItem.id,\n    cancelTxType: \"SWAP\",\n    enabled: isSwapTx && !txIsFinalized,\n    onSuccess: (details) => {\n      onCancelTxSuccess?.(details.replacementTxReceipt);\n    },\n    onError: (error) => {\n      onCancelTxError?.(error);\n    },\n  });\n\n  const linkTxHash =\n    // link to replacement tx if it exists,\n    // original tx will be dropped and won't open on explorers\n    (isStandaloneTransactionItem(txItem) && txItem.replacementTx?.hash) ||\n    txHash;\n\n  const explorerLink = linkTxHash\n    ? constructTxLinkForChain({ chainId: txItem.chainId, txHash: linkTxHash })\n    : undefined;\n\n  const explorerButton = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(txItem);\n  const canCancelTx =\n    isSwapTx &&\n    replaceTxMut.isWalletSupported &&\n    !replaceTxMut.isSuccess &&\n    orderCancelDetails !== null &&\n    !txIsFinalized;\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  let btn1: JSX.Element | null = null;\n  if (canCancelTx) {\n    const cancelBtnText = \"Cancel Order\";\n    const cancelDrawerTitle =\n      orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n    const cancelSwap = async () => {\n      try {\n        const result = await replaceTxMut.replaceTx({\n          hash: txItem.id,\n          action: \"cancel\",\n        });\n        return result;\n      } catch {\n        // allow to re-trigger cancellation after error (like UserCancelledError)\n        replaceTxMut.reset();\n      }\n    };\n\n    btn1 = (\n      <CancelButtonWithDrawer\n        isPending={replaceTxMut.isPending}\n        drawerControls={cancelOrderDrawerControls}\n        cancelBtnText={cancelBtnText}\n        cancelDrawerTitle={cancelDrawerTitle}\n        orderTypeToCancel={orderCancelDetails.orderType}\n        onCancel={cancelSwap}\n        step={replaceTxMut.step}\n      />\n    );\n  } else {\n    btn1 = (\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {btn1}\n      {explorerButton}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Controls.js","names":["Button","constructTxLinkForChain","TransactionListItem","getTxHash","useLocalDrawerControls","useReplaceTx","getOrderCancelDetailsForOrderItem","JSX","TransactionReceipt","isStandaloneTransactionItem","getTxStatus","CancelButtonWithDrawer","TransactionItemControlsProps","txItem","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","txHash","isSwapTx","action","t1","txIsFinalized","t2","t3","details","replacementTxReceipt","t4","t5","chainId","id","cancelTxType","enabled","onSuccess","onError","replaceTxMut","linkTxHash","replacementTx","hash","explorerLink","undefined","t6","explorerButton","t7","orderCancelDetails","canCancelTx","isWalletSupported","isSuccess","cancelOrderDrawerControls","btn1","cancelDrawerTitle","cancelTexts","drawerTitle","t8","result","replaceTx","reset","cancelSwap","t9","orderType","isPending","step","cancelBtnText"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nimport { constructTxLinkForChain } from \"@/lib/utils/explorer\";\nimport type { TransactionListItem } from \"../types\";\nimport { getTxHash } from \"@/transactions/hash\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { useReplaceTx } from \"@/hooks/txs/mutations/useReplaceTx\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport type { JSX } from \"react\";\nimport type { TransactionReceipt } from \"viem\";\nimport { isStandaloneTransactionItem } from \"@/transactions/utils\";\nimport { getTxStatus } from \"@/transactions/status\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type TransactionItemControlsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const Controls = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionItemControlsProps) => {\n  const txHash = getTxHash(txItem);\n\n  const isSwapTx = txItem.action === \"swap\";\n\n  // successfully mined (counting txs from DB as mined already),\n  // reverted or cancelled with a replacement tx\n  const txIsFinalized = getTxStatus(txItem) !== \"pending\";\n\n  const replaceTxMut = useReplaceTx({\n    chainId: txItem.chainId,\n    txHash: txItem.id,\n    cancelTxType: \"SWAP\",\n    enabled: isSwapTx && !txIsFinalized,\n    onSuccess: (details) => {\n      onCancelTxSuccess?.(details.replacementTxReceipt);\n    },\n    onError: (error) => {\n      onCancelTxError?.(error);\n    },\n  });\n\n  const linkTxHash =\n    // link to replacement tx if it exists,\n    // original tx will be dropped and won't open on explorers\n    (isStandaloneTransactionItem(txItem) && txItem.replacementTx?.hash) ||\n    txHash;\n\n  const explorerLink = linkTxHash\n    ? constructTxLinkForChain({ chainId: txItem.chainId, txHash: linkTxHash })\n    : undefined;\n\n  const explorerButton = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(txItem);\n  const canCancelTx =\n    isSwapTx &&\n    replaceTxMut.isWalletSupported &&\n    !replaceTxMut.isSuccess &&\n    orderCancelDetails !== null &&\n    !txIsFinalized;\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  let btn1: JSX.Element | null = null;\n  if (canCancelTx) {\n    const cancelBtnText = \"Cancel Order\";\n    const cancelDrawerTitle =\n      orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n    const cancelSwap = async () => {\n      try {\n        const result = await replaceTxMut.replaceTx({\n          hash: txItem.id,\n          action: \"cancel\",\n        });\n        return result;\n      } catch {\n        // allow to re-trigger cancellation after error (like UserCancelledError)\n        replaceTxMut.reset();\n      }\n    };\n\n    btn1 = (\n      <CancelButtonWithDrawer\n        isPending={replaceTxMut.isPending}\n        drawerControls={cancelOrderDrawerControls}\n        cancelBtnText={cancelBtnText}\n        cancelDrawerTitle={cancelDrawerTitle}\n        orderTypeToCancel={orderCancelDetails.orderType}\n        onCancel={cancelSwap}\n        step={replaceTxMut.step}\n      />\n    );\n  } else {\n    btn1 = (\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Make Another Trade\n      </Button>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {btn1}\n      {explorerButton}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAaoB,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAV,WAAAC,cAAAC,sBAAAE,uBAAAI,GAMvBG,IAAerB,EAAUU,EAAO,EAEhCY,IAAiBZ,EAAMa,WAAY,QAAOC;CAAA,AAAAL,EAAA,OAAAT,IAIDc,IAAAL,EAAA,MAAnBK,IAAAjB,EAAYG,EAAO,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAK;CAAzC,IAAAC,IAAsBD,MAAwB,WAMnCE,IAAAJ,KAAA,CAAaG,GAAaE;CAAA,AAAAR,EAAA,OAAAP,IAGlCe,IAAAR,EAAA,MAFUQ,KAAAC,MAAA;EACThB,IAAoBgB,EAAOC,qBAAsB;IAClDV,EAAA,KAAAP,GAAAO,EAAA,KAAAQ;CAAA,IAAAG;CAAA,AAAAX,EAAA,OAAAL,IAGAgB,IAAAX,EAAA,MAFQW,KAAAf,MAAA;EACPD,IAAkBC,EAAM;IACzBI,EAAA,KAAAL,GAAAK,EAAA,KAAAW;CAAA,IAAAC;CAAA,AAAAZ,EAAA,OAAAO,KAAAP,EAAA,OAAAQ,KAAAR,EAAA,OAAAW,KAAAX,EAAA,OAAAT,EAAAsB,WAAAb,EAAA,QAAAT,EAAAuB,MAV+BF,IAAA;EAAAC,SACvBtB,EAAMsB;EAAQX,QACfX,EAAMuB;EAAGC,cACH;EAAMC,SACXT;EAA0BU,WACxBT;EAEVU,SACQP;EAGV,EAAAX,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAW,GAAAX,EAAA,KAAAT,EAAAsB,SAAAb,EAAA,MAAAT,EAAAuB,IAAAd,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAXD,IAAAmB,IAAqBpC,EAAa6B,EAWhC,EAEFQ,IAGGjC,EAA4BI,EAAqC,IAA1BA,EAAM8B,eAAoBC,QAAlEpB,GAGFqB,IAAqBH,IACjBzC,EAAwB;EAAAkC,SAAWtB,EAAMsB;EAAQX,QAAUkB;EACnD,CAAC,GAFQI,KAAAA,GAEPC;CAAA,AAAAzB,EAAA,QAAAuB,IAcNE,IAAAzB,EAAA,OAZeyB,IAAAF,IACrB,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACV,SAAA;YAEA,kBAAA,KAAA;GAASA,MAAAA;GAAkB,KAAA;GAA6B,QAAA;aAAS;GAGnE,CAAA;EACM,CAAA,GAZe,MAYfvB,EAAA,MAAAuB,GAAAvB,EAAA,MAAAyB;CAZR,IAAAC,IAAuBD,GAYdE;CAAA,AAAA3B,EAAA,QAAAT,IAE2DoC,IAAA3B,EAAA,OAAzC2B,IAAA3C,EAAkCO,EAAO,EAAAS,EAAA,MAAAT,GAAAS,EAAA,MAAA2B;CAApE,IAAAC,IAA2BD,GAC3BE,IACE1B,KACAgB,EAAYW,qBADZ,CAECX,EAAYY,aACbH,MAAuB,QAHvB,CAICtB,GAEH0B,IAAkClD,GAAwB,EAE1DmD;CACA,IAAIJ,GAAW;EAEb,IAAAK,IACEN,EAAkBO,YAAYC,eAA9B,gBAA4DC;EAAA,AAAArC,EAAA,QAAAmB,KAAAnB,EAAA,QAAAT,EAAAuB,MAE3CuB,IAAA,YAAA;GACjB,IAAA;IAIK,OACIC,MAJcnB,EAAYoB,UAAW;KAAAjB,MACpC/B,EAAMuB;KAAGV,QACP;KACT,CAAC;WACW;IAGbe,EAAYqB,OAAQ;;KAEvBxC,EAAA,MAAAmB,GAAAnB,EAAA,MAAAT,EAAAuB,IAAAd,EAAA,MAAAqC,KAAAA,IAAArC,EAAA;EAXD,IAAAyC,IAAmBJ,GAWjBK;EAEFT,AAFEjC,EAAA,QAAAkC,KAAAlC,EAAA,QAAAgC,KAAAhC,EAAA,QAAAyC,KAAAzC,EAAA,QAAA4B,EAAAe,aAAA3C,EAAA,QAAAmB,EAAAyB,aAAA5C,EAAA,QAAAmB,EAAA0B,QAGAH,IAAA,kBAAC,GAAD;GACa,WAAAvB,EAAYyB;GACPZ,gBAAAA;GACDc,eArBG;GAsBCZ;GACA,mBAAAN,EAAkBe;GAC3BF,UAAAA;GACJ,MAAAtB,EAAY0B;GAClB,CAAA,EAAA7C,EAAA,MAAAkC,GAAAlC,EAAA,MAAAgC,GAAAhC,EAAA,MAAAyC,GAAAzC,EAAA,MAAA4B,EAAAe,WAAA3C,EAAA,MAAAmB,EAAAyB,WAAA5C,EAAA,MAAAmB,EAAA0B,MAAA7C,EAAA,MAAA0C,KAAAA,IAAA1C,EAAA,KATJiC,IACEA;QADE;EAAA,IAAAI;EAYJJ,AAZIjC,EAAA,QAAAR,IAqBO6C,IAAArC,EAAA,OARTqC,IAAA,kBAAC,GAAD;GACU,SAAA;GACH,MAAA;GACE,QAAA;GACG,WAAA;GACD7C,SAAAA;aACV;GAEQ,CAAA,EAAAQ,EAAA,MAAAR,GAAAQ,EAAA,MAAAqC,IATXJ,IACEA;;CAUH,IAAAI;CAMO,OANPrC,EAAA,QAAAiC,KAAAjC,EAAA,QAAA0B,KAGCW,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGJ,GACAP,EACG;KAAA1B,EAAA,MAAAiC,GAAAjC,EAAA,MAAA0B,GAAA1B,EAAA,MAAAqC,KAAAA,IAAArC,EAAA,KAHNqC"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionDetails.js","names":["TransactionListItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructTxRateDetail","constructTxStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","isTransactionItemSwapWithExtra","TransactionReceipt","detailsClasses","root","title","value","TransactionDetailsProps","txItem","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","TransactionDetails","t0","$","_c","t1","payReceiveInfoProps","t2","filter","details","t3","t4","t5","t6"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.tsx"],"sourcesContent":["import type { TransactionListItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructTxRateDetail,\n  constructTxStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls } from \"./Controls\";\nimport { isTransactionItemSwapWithExtra } from \"../utils\";\nimport type { TransactionReceipt } from \"viem\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\ntype TransactionDetailsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const TransactionDetails = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionDetailsProps) => {\n  const payReceiveInfoProps =\n    isTransactionItemSwapWithExtra(txItem) &&\n    constructPayReceiveInfoProps(txItem);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(txItem),\n    constructTxRateDetail(txItem),\n    constructTxStatusDetail(txItem),\n    constructOrderTypeDetail(),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls\n        txItem={txItem}\n        onDismiss={onDismiss}\n        onCancelTxSuccess={onCancelTxSuccess}\n        onCancelTxError={onCancelTxError}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAMa,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EASYS,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAV,WAAAC,cAAAC,sBAAAE,uBAAAI,GAKTG;AAAA,CAAAF,EAAA,OAAAT,IAGcW,IAAAF,EAAA,MADpCE,IAAAlB,EAA+BO,EACK,IAApCV,EAA6BU,EAAO,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE;CAFtC,IAAAC,IACED,GACqCE;AAAA,CAAAJ,EAAA,OAAAT,IAOrBa,IAAAJ,EAAA,MALiBI,IAAA;EACjCtB,EAA0BS,EAAO;EACjCb,EAAsBa,EAAO;EAC7BZ,EAAwBY,EAAO;EAC/BX,GAA0B;EAC3B,CAAAyB,OAAQ9B,EAAS,EAAAyB,EAAA,KAAAT,GAAAS,EAAA,KAAAI;CALlB,IAAAE,IAAmCF,GAKhBG;AAAA,CAAAP,EAAA,OAAAG,IAIoDI,IAAAP,EAAA,MAAlEO,IAAAJ,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAC;AAAA,CAAAR,EAAA,OAAAM,IACDE,IAAAR,EAAA,MAAlEQ,IAAA,kBAAC,GAAD;EAA8BF;EAAkBpB,SAAAA;EAAkB,CAAA,EAAAc,EAAA,KAAAM,GAAAN,EAAA,KAAAQ;CAAA,IAAAC;AAAA,CAAAT,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KAAAO,EAAA,QAAAR,KAAAQ,EAAA,QAAAT,KAClEkB,IAAA,kBAAC,GAAD;EACUlB;EACGC;EACQC;EACFE;EACjB,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,MAAAR,GAAAQ,EAAA,MAAAT,GAAAS,EAAA,MAAAS,KAAAA,IAAAT,EAAA;CAAA,IAAAU;AACE,QADFV,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KARJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GAMI;KAAAT,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,GAAAT,EAAA,MAAAU,KAAAA,IAAAV,EAAA,KATNU"}
+{"version":3,"file":"TransactionDetails.js","names":["TransactionListItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructTxRateDetail","constructTxStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","isTransactionItemSwapWithExtra","TransactionReceipt","detailsClasses","root","title","value","TransactionDetailsProps","txItem","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","TransactionDetails","t0","$","_c","t1","payReceiveInfoProps","t2","filter","details","t3","t4","t5","t6"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.tsx"],"sourcesContent":["import type { TransactionListItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructTxRateDetail,\n  constructTxStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls } from \"./Controls\";\nimport { isTransactionItemSwapWithExtra } from \"../utils\";\nimport type { TransactionReceipt } from \"viem\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\ntype TransactionDetailsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const TransactionDetails = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionDetailsProps) => {\n  const payReceiveInfoProps =\n    isTransactionItemSwapWithExtra(txItem) &&\n    constructPayReceiveInfoProps(txItem);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(txItem),\n    constructTxRateDetail(txItem),\n    constructTxStatusDetail(txItem),\n    constructOrderTypeDetail(),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls\n        txItem={txItem}\n        onDismiss={onDismiss}\n        onCancelTxSuccess={onCancelTxSuccess}\n        onCancelTxError={onCancelTxError}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAMa,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EASYS,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAV,WAAAC,cAAAC,sBAAAE,uBAAAI,GAKTG;CAAA,AAAAF,EAAA,OAAAT,IAGcW,IAAAF,EAAA,MADpCE,IAAAlB,EAA+BO,EACK,IAApCV,EAA6BU,EAAO,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE;CAFtC,IAAAC,IACED,GACqCE;CAAA,AAAAJ,EAAA,OAAAT,IAOrBa,IAAAJ,EAAA,MALiBI,IAAA;EACjCtB,EAA0BS,EAAO;EACjCb,EAAsBa,EAAO;EAC7BZ,EAAwBY,EAAO;EAC/BX,GAA0B;EAC3B,CAAAyB,OAAQ9B,EAAS,EAAAyB,EAAA,KAAAT,GAAAS,EAAA,KAAAI;CALlB,IAAAE,IAAmCF,GAKhBG;CAAA,AAAAP,EAAA,OAAAG,IAIoDI,IAAAP,EAAA,MAAlEO,IAAAJ,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAC;CAAA,AAAAR,EAAA,OAAAM,IACDE,IAAAR,EAAA,MAAlEQ,IAAA,kBAAC,GAAD;EAA8BF;EAAkBpB,SAAAA;EAAkB,CAAA,EAAAc,EAAA,KAAAM,GAAAN,EAAA,KAAAQ;CAAA,IAAAC;CAAA,AAAAT,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KAAAO,EAAA,QAAAR,KAAAQ,EAAA,QAAAT,KAClEkB,IAAA,kBAAC,GAAD;EACUlB;EACGC;EACQC;EACFE;EACjB,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,MAAAR,GAAAQ,EAAA,MAAAT,GAAAS,EAAA,MAAAS,KAAAA,IAAAT,EAAA;CAAA,IAAAU;CACE,OADFV,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KARJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GAMI;KAAAT,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,GAAAT,EAAA,MAAAU,KAAAA,IAAAV,EAAA,KATNU"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["dayjs","TransactionListItem","TransactionListItemSwap","TransactionListItemSwapExtra","DetailWithValue","PayReceiveInfoProps","Rate","StatusBadge","formatTokenAmount","getTxStatus","TokenBadgeProps","constructSubmitDateDetail","timestamp","title","value","format","rateClasses","left","right","constructTxRateDetail","extra","constructTxStatusDetail","tx","constructOrderTypeDetail","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  TransactionListItem,\n  TransactionListItemSwap,\n  TransactionListItemSwapExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge } from \"../TransactionListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { getTxStatus } from \"@/transactions/status\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructSubmitDateDetail({\n  timestamp,\n}: {\n  timestamp: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(timestamp).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructTxRateDetail({\n  extra,\n}: {\n  extra: TransactionListItemSwap[\"extra\"];\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTxStatusDetail(\n  tx: TransactionListItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={getTxStatus(tx)} />,\n  };\n}\n\nexport function constructOrderTypeDetail(): DetailWithValue {\n  return { title: \"Order Type\", value: \"SWAP\" };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: TransactionListItemSwapExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"mappings":";;;;;;AAaA,SAAgBW,EAA0B,EACxCC,gBAGkB;AAClB,QAAO;EACLC,OAAO;EACPC,OAAOd,EAAMY,EAAU,CAACG,OAAO,qBAAoB;EACpD;;AAGH,IAAMC,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR;AAED,SAAgBC,EAAsB,EACpCC,YAGkB;AAClB,QAAO;EACLP,OAAO;EACPC,OAAO,kBAAC,GAAD;GAAaM;GAAO,SAASJ;GAAY,CAAA;EACjD;;AAGH,SAAgBK,EACdC,GACiB;AACjB,QAAO;EACLT,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,QAAQL,EAAYa,EAAG,EAAC,CAAA;EAC7C;;AAGH,SAAgBC,IAA4C;AAC1D,QAAO;EAAEV,OAAO;EAAcC,OAAO;EAAQ;;AAG/C,IAAMU,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CR,YAGsB;CACtB,IAAM,EAAES,aAAUC,cAAWC,kBAAeC,sBAAmBZ,GAEzDa,IAAqBzB,EAAkBuB,EAAc,EACrDG,IAAsB1B,EAAkBwB,EAAe,EAEvDG,IAAsC;EAC1CC,SAASP,EAASO;EAClBV,QAAQG,EAASH;EACjBW,SAASR,EAASS;EAClBC,KAAKV,EAASU;EACdd,QAAQQ;EACRO,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB,EAEKC,IAAyC;EAC7CR,SAASN,EAAUM;EACnBV,QAAQI,EAAUJ;EAClBW,SAASP,EAAUQ;EACnBC,KAAKT,EAAUS;EACfd,QAAQS;EACRM,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB;AAED,QAAO;EACLE,UAAU;GACRC,iBAAiBX;GACjBY,OAAO;GACR;EACDC,aAAa;GACXF,iBAAiBF;GACjBG,OAAO;GACT;EACD"}
+{"version":3,"file":"utils.js","names":["dayjs","TransactionListItem","TransactionListItemSwap","TransactionListItemSwapExtra","DetailWithValue","PayReceiveInfoProps","Rate","StatusBadge","formatTokenAmount","getTxStatus","TokenBadgeProps","constructSubmitDateDetail","timestamp","title","value","format","rateClasses","left","right","constructTxRateDetail","extra","constructTxStatusDetail","tx","constructOrderTypeDetail","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  TransactionListItem,\n  TransactionListItemSwap,\n  TransactionListItemSwapExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge } from \"../TransactionListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { getTxStatus } from \"@/transactions/status\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructSubmitDateDetail({\n  timestamp,\n}: {\n  timestamp: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(timestamp).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructTxRateDetail({\n  extra,\n}: {\n  extra: TransactionListItemSwap[\"extra\"];\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTxStatusDetail(\n  tx: TransactionListItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={getTxStatus(tx)} />,\n  };\n}\n\nexport function constructOrderTypeDetail(): DetailWithValue {\n  return { title: \"Order Type\", value: \"SWAP\" };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: TransactionListItemSwapExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"mappings":";;;;;;AAaA,SAAgBW,EAA0B,EACxCC,gBAGkB;CAClB,OAAO;EACLC,OAAO;EACPC,OAAOd,EAAMY,EAAU,CAACG,OAAO,qBAAoB;EACpD;;AAGH,IAAMC,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR;AAED,SAAgBC,EAAsB,EACpCC,YAGkB;CAClB,OAAO;EACLP,OAAO;EACPC,OAAO,kBAAC,GAAD;GAAaM;GAAO,SAASJ;GAAY,CAAA;EACjD;;AAGH,SAAgBK,EACdC,GACiB;CACjB,OAAO;EACLT,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,QAAQL,EAAYa,EAAG,EAAC,CAAA;EAC7C;;AAGH,SAAgBC,IAA4C;CAC1D,OAAO;EAAEV,OAAO;EAAcC,OAAO;EAAQ;;AAG/C,IAAMU,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CR,YAGsB;CACtB,IAAM,EAAES,aAAUC,cAAWC,kBAAeC,sBAAmBZ,GAEzDa,IAAqBzB,EAAkBuB,EAAc,EACrDG,IAAsB1B,EAAkBwB,EAAe,EAEvDG,IAAsC;EAC1CC,SAASP,EAASO;EAClBV,QAAQG,EAASH;EACjBW,SAASR,EAASS;EAClBC,KAAKV,EAASU;EACdd,QAAQQ;EACRO,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB,EAEKC,IAAyC;EAC7CR,SAASN,EAAUM;EACnBV,QAAQI,EAAUJ;EAClBW,SAASP,EAAUQ;EACnBC,KAAKT,EAAUS;EACfd,QAAQS;EACRM,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB;CAED,OAAO;EACLE,UAAU;GACRC,iBAAiBX;GACjBY,OAAO;GACR;EACDC,aAAa;GACXF,iBAAiBF;GACjBG,OAAO;GACT;EACD"}

package/dist/components/widget/TransactionDetails/TransactionListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionListItem.js","names":["TokenBadge","TransactionListItem","TransactionListItemSwap","NetworkWithIcon","formatTokenAmount","calcRate","cn","replaceUnderscoresWithSpaces","WithClasses","getTxStatus","TxStatus","missingContent","TransactionListItemComp","t0","$","_c","txItem","onClick","t1","t2","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","extra","chainId","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","address","img","network","t5","icons","t6","Symbol","for","t7","t8","symbol","typeAndAmounts","t9","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","rateClasses","RateAndStatus","tx","txStatus"],"sources":["../../../../src/components/widget/TransactionDetails/TransactionListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { TransactionListItem, TransactionListItemSwap } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport { cn, replaceUnderscoresWithSpaces } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { getTxStatus, type TxStatus } from \"@/transactions/status\";\n\nconst missingContent = \"-\";\n\nexport const TransactionListItemComp = ({\n  txItem,\n  onClick,\n}: {\n  txItem: TransactionListItem;\n  onClick: (auction: TransactionListItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(txItem)}\n    >\n      <TradeAndNetwork {...txItem} />\n      <RateAndStatus {...txItem} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\nexport const TradeAndNetwork = ({\n  extra,\n  chainId,\n}: Pick<TransactionListItem, \"extra\" | \"chainId\">) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} />\n      <NetworkWithIcon networkId={chainId} classes={networkIconClasses} />\n    </div>\n  );\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n}: TransactionListItemSwap[\"extra\"]) => {\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">Swap</div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: Pick<TransactionListItem, \"extra\"> &\n  WithClasses<\"root\" | \"left\" | \"right\">) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ status }: { status: TxStatus }) => {\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max uppercase\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": status === \"success\",\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\":\n          status === \"reverted\" || status === \"cancelled\",\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": status === \"pending\",\n      })}\n    >\n      {replaceUnderscoresWithSpaces(status)}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (tx: TransactionListItem) => {\n  const txStatus = getTxStatus(tx);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={tx.extra} classes={rateClasses} />\n      <StatusBadge status={txStatus} />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TransactionListItem.js","names":["TokenBadge","TransactionListItem","TransactionListItemSwap","NetworkWithIcon","formatTokenAmount","calcRate","cn","replaceUnderscoresWithSpaces","WithClasses","getTxStatus","TxStatus","missingContent","TransactionListItemComp","t0","$","_c","txItem","onClick","t1","t2","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","extra","chainId","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","address","img","network","t5","icons","t6","Symbol","for","t7","t8","symbol","typeAndAmounts","t9","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","rateClasses","RateAndStatus","tx","txStatus"],"sources":["../../../../src/components/widget/TransactionDetails/TransactionListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { TransactionListItem, TransactionListItemSwap } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport { cn, replaceUnderscoresWithSpaces } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { getTxStatus, type TxStatus } from \"@/transactions/status\";\n\nconst missingContent = \"-\";\n\nexport const TransactionListItemComp = ({\n  txItem,\n  onClick,\n}: {\n  txItem: TransactionListItem;\n  onClick: (auction: TransactionListItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(txItem)}\n    >\n      <TradeAndNetwork {...txItem} />\n      <RateAndStatus {...txItem} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\nexport const TradeAndNetwork = ({\n  extra,\n  chainId,\n}: Pick<TransactionListItem, \"extra\" | \"chainId\">) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} />\n      <NetworkWithIcon networkId={chainId} classes={networkIconClasses} />\n    </div>\n  );\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n}: TransactionListItemSwap[\"extra\"]) => {\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">Swap</div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: Pick<TransactionListItem, \"extra\"> &\n  WithClasses<\"root\" | \"left\" | \"right\">) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ status }: { status: TxStatus }) => {\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max uppercase\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": status === \"success\",\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\":\n          status === \"reverted\" || status === \"cancelled\",\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": status === \"pending\",\n      })}\n    >\n      {replaceUnderscoresWithSpaces(status)}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (tx: TransactionListItem) => {\n  const txStatus = getTxStatus(tx);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={tx.extra} classes={rateClasses} />\n      <StatusBadge status={txStatus} />\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","TransactionListItem","TransactionListItemSwapWithExtra","formatUnits","Token","TransactionItemSwap","combineSwapTransactionItems","TransactionItemSwapWithId","SupportedChainId","constructTransactionItemSwap","transaction","allChainsTokenMap","srcAmount","destAmount","srcTokenAddress","destTokenAddress","transactionSpecificData","srcToken","destToken","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","chainId","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","extra","itemType","isTransactionItemSwapWithExtra","order","constructSwapTransactionsData","localSwapTxs","swapTxsHistory","selectedNetwork","allTxs","activeTxs","completedTxs","tx","txItem","receipt","source","push"],"sources":["../../../../src/components/widget/TransactionDetails/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport type {\n  TransactionListItem,\n  TransactionListItemSwapWithExtra,\n} from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { TransactionItemSwap } from \"@/transactions/types\";\nimport {\n  combineSwapTransactionItems,\n  type TransactionItemSwapWithId,\n} from \"@/transactions/utils\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nfunction constructTransactionItemSwap(\n  transaction: TransactionItemSwapWithId,\n  allChainsTokenMap: AllChainsTokenMap\n): TransactionListItem {\n  const { srcAmount, destAmount, srcTokenAddress, destTokenAddress } =\n    transaction.transactionSpecificData;\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  const srcTokenKey = prepTokenKey({\n    address: srcTokenAddress,\n    network: transaction.chainId,\n  });\n\n  const foundSrcToken = allChainsTokenMap[srcTokenKey];\n  if (foundSrcToken) {\n    srcToken = foundSrcToken;\n    srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n  }\n\n  const destTokenKey = prepTokenKey({\n    address: destTokenAddress,\n    network: transaction.chainId,\n  });\n\n  const foundDestToken = allChainsTokenMap[destTokenKey];\n  if (foundDestToken) {\n    destToken = foundDestToken;\n    destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n  }\n\n  const extra = { srcToken, destToken, srcAmountUnit, destAmountUnit };\n\n  return { ...transaction, extra, itemType: \"transaction\" };\n}\n\nexport function isTransactionItemSwapWithExtra(\n  order: TransactionListItem\n): order is TransactionListItemSwapWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function constructSwapTransactionsData({\n  localSwapTxs,\n  swapTxsHistory,\n  allChainsTokenMap,\n  selectedNetwork,\n}: {\n  localSwapTxs: TransactionItemSwap[];\n  swapTxsHistory: TransactionItemSwap[];\n  allChainsTokenMap: AllChainsTokenMap;\n  selectedNetwork: SupportedChainId | \"all\";\n}) {\n  const allTxs: TransactionListItem[] = [];\n  const activeTxs: TransactionListItem[] = [];\n  const completedTxs: TransactionListItem[] = [];\n\n  // loop through all swap transactions: local (pending) + history (completed)\n  // note: history txs override local txs with the same hash\n  for (const tx of combineSwapTransactionItems(localSwapTxs, swapTxsHistory)) {\n    if (selectedNetwork !== \"all\" && tx.chainId !== selectedNetwork) continue;\n\n    const txItem = constructTransactionItemSwap(tx, allChainsTokenMap);\n\n    // - transactions from metabase are always completed\n    // - transactions from localStorage are completed only if receipt is present\n    if (tx.receipt || tx.transactionSpecificData.source === \"metabase\")\n      completedTxs.push(txItem);\n    // active transactions could be only local (pending) transactions\n    if (!tx.receipt && tx.transactionSpecificData.source === \"local\")\n      activeTxs.push(txItem);\n\n    allTxs.push(txItem);\n  }\n\n  return { allTxs, activeTxs, completedTxs };\n}\n"],"mappings":";;;;AAeA,SAASU,EACPC,GACAC,GACqB;CACrB,IAAM,EAAEC,cAAWC,eAAYC,oBAAiBC,wBAC9CL,EAAYM,yBAEVC,GACAC,GAEAC,GACAC,GAOEK,IAAgBd,EALFX,EAAa;EAC/BsB,SAASR;EACTS,SAASb,EAAYc;EACtB,CAAC;AAGF,CAAIC,MACFR,IAAWQ,GACXN,IAAgBhB,EAAYuB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;CAQxE,IAAME,IAAiBlB,EALFX,EAAa;EAChCsB,SAASP;EACTQ,SAASb,EAAYc;EACtB,CAAC;AAGF,CAAIK,MACFX,IAAYW,GACZT,IAAiBjB,EAAYuB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;CAG3E,IAAMG,IAAQ;EAAEb;EAAUC;EAAWC;EAAeC;EAAgB;AAEpE,QAAO;EAAE,GAAGV;EAAaoB;EAAOC,UAAU;EAAe;;AAG3D,SAAgBC,EACdC,GAC2C;CAC3C,IAAM,EAAEhB,aAAUC,cAAWC,kBAAeC,sBAAmBa,EAAMH;AACrE,QAAO,CAAC,EAAEb,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgBc,EAA8B,EAC5CC,iBACAC,mBACAzB,sBACA0B,sBAMC;CACD,IAAMC,IAAgC,EAAE,EAClCC,IAAmC,EAAE,EACrCC,IAAsC,EAAE;AAI9C,MAAK,IAAMC,KAAMnC,EAA4B6B,GAAcC,EAAe,EAAE;AAC1E,MAAIC,MAAoB,SAASI,EAAGjB,YAAYa,EAAiB;EAEjE,IAAMK,IAASjC,EAA6BgC,GAAI9B,EAAkB;AAUlE2B,GANIG,EAAGE,WAAWF,EAAGzB,wBAAwB4B,WAAW,eACtDJ,EAAaK,KAAKH,EAAO,EAEvB,CAACD,EAAGE,WAAWF,EAAGzB,wBAAwB4B,WAAW,WACvDL,EAAUM,KAAKH,EAAO,EAExBJ,EAAOO,KAAKH,EAAO;;AAGrB,QAAO;EAAEJ;EAAQC;EAAWC;EAAc"}
+{"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","TransactionListItem","TransactionListItemSwapWithExtra","formatUnits","Token","TransactionItemSwap","combineSwapTransactionItems","TransactionItemSwapWithId","SupportedChainId","constructTransactionItemSwap","transaction","allChainsTokenMap","srcAmount","destAmount","srcTokenAddress","destTokenAddress","transactionSpecificData","srcToken","destToken","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","chainId","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","extra","itemType","isTransactionItemSwapWithExtra","order","constructSwapTransactionsData","localSwapTxs","swapTxsHistory","selectedNetwork","allTxs","activeTxs","completedTxs","tx","txItem","receipt","source","push"],"sources":["../../../../src/components/widget/TransactionDetails/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport type {\n  TransactionListItem,\n  TransactionListItemSwapWithExtra,\n} from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { TransactionItemSwap } from \"@/transactions/types\";\nimport {\n  combineSwapTransactionItems,\n  type TransactionItemSwapWithId,\n} from \"@/transactions/utils\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nfunction constructTransactionItemSwap(\n  transaction: TransactionItemSwapWithId,\n  allChainsTokenMap: AllChainsTokenMap\n): TransactionListItem {\n  const { srcAmount, destAmount, srcTokenAddress, destTokenAddress } =\n    transaction.transactionSpecificData;\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  const srcTokenKey = prepTokenKey({\n    address: srcTokenAddress,\n    network: transaction.chainId,\n  });\n\n  const foundSrcToken = allChainsTokenMap[srcTokenKey];\n  if (foundSrcToken) {\n    srcToken = foundSrcToken;\n    srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n  }\n\n  const destTokenKey = prepTokenKey({\n    address: destTokenAddress,\n    network: transaction.chainId,\n  });\n\n  const foundDestToken = allChainsTokenMap[destTokenKey];\n  if (foundDestToken) {\n    destToken = foundDestToken;\n    destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n  }\n\n  const extra = { srcToken, destToken, srcAmountUnit, destAmountUnit };\n\n  return { ...transaction, extra, itemType: \"transaction\" };\n}\n\nexport function isTransactionItemSwapWithExtra(\n  order: TransactionListItem\n): order is TransactionListItemSwapWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function constructSwapTransactionsData({\n  localSwapTxs,\n  swapTxsHistory,\n  allChainsTokenMap,\n  selectedNetwork,\n}: {\n  localSwapTxs: TransactionItemSwap[];\n  swapTxsHistory: TransactionItemSwap[];\n  allChainsTokenMap: AllChainsTokenMap;\n  selectedNetwork: SupportedChainId | \"all\";\n}) {\n  const allTxs: TransactionListItem[] = [];\n  const activeTxs: TransactionListItem[] = [];\n  const completedTxs: TransactionListItem[] = [];\n\n  // loop through all swap transactions: local (pending) + history (completed)\n  // note: history txs override local txs with the same hash\n  for (const tx of combineSwapTransactionItems(localSwapTxs, swapTxsHistory)) {\n    if (selectedNetwork !== \"all\" && tx.chainId !== selectedNetwork) continue;\n\n    const txItem = constructTransactionItemSwap(tx, allChainsTokenMap);\n\n    // - transactions from metabase are always completed\n    // - transactions from localStorage are completed only if receipt is present\n    if (tx.receipt || tx.transactionSpecificData.source === \"metabase\")\n      completedTxs.push(txItem);\n    // active transactions could be only local (pending) transactions\n    if (!tx.receipt && tx.transactionSpecificData.source === \"local\")\n      activeTxs.push(txItem);\n\n    allTxs.push(txItem);\n  }\n\n  return { allTxs, activeTxs, completedTxs };\n}\n"],"mappings":";;;;AAeA,SAASU,EACPC,GACAC,GACqB;CACrB,IAAM,EAAEC,cAAWC,eAAYC,oBAAiBC,wBAC9CL,EAAYM,yBAEVC,GACAC,GAEAC,GACAC,GAOEK,IAAgBd,EALFX,EAAa;EAC/BsB,SAASR;EACTS,SAASb,EAAYc;EACtB,CAEuCH;CACxC,AAAII,MACFR,IAAWQ,GACXN,IAAgBhB,EAAYuB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;CAQxE,IAAME,IAAiBlB,EALFX,EAAa;EAChCsB,SAASP;EACTQ,SAASb,EAAYc;EACtB,CAEwCI;CACzC,AAAIC,MACFX,IAAYW,GACZT,IAAiBjB,EAAYuB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;CAG3E,IAAMG,IAAQ;EAAEb;EAAUC;EAAWC;EAAeC;EAAgB;CAEpE,OAAO;EAAE,GAAGV;EAAaoB;EAAOC,UAAU;EAAe;;AAG3D,SAAgBC,EACdC,GAC2C;CAC3C,IAAM,EAAEhB,aAAUC,cAAWC,kBAAeC,sBAAmBa,EAAMH;CACrE,OAAO,CAAC,EAAEb,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgBc,EAA8B,EAC5CC,iBACAC,mBACAzB,sBACA0B,sBAMC;CACD,IAAMC,IAAgC,EAAE,EAClCC,IAAmC,EAAE,EACrCC,IAAsC,EAAE;CAI9C,KAAK,IAAMC,KAAMnC,EAA4B6B,GAAcC,EAAe,EAAE;EAC1E,IAAIC,MAAoB,SAASI,EAAGjB,YAAYa,GAAiB;EAEjE,IAAMK,IAASjC,EAA6BgC,GAAI9B,EAAkB;EAUlE2B,CANIG,EAAGE,WAAWF,EAAGzB,wBAAwB4B,WAAW,eACtDJ,EAAaK,KAAKH,EAAO,EAEvB,CAACD,EAAGE,WAAWF,EAAGzB,wBAAwB4B,WAAW,WACvDL,EAAUM,KAAKH,EAAO,EAExBJ,EAAOO,KAAKH,EAAO;;CAGrB,OAAO;EAAEJ;EAAQC;EAAWC;EAAc"}

package/dist/components/widget/Twap/CustomDurationDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDurationDrawer.js","names":["useSetAtom","twapDurationAtom","TWAP_CUSTOM_DURATION_MIN_MINUTES","TWAP_CUSTOM_DURATION_MAX_DAYS","TWAP_CUSTOM_DURATION_MAX_HOURS","TWAP_CUSTOM_DURATION_MAX_MINUTES","NumberInput","Button","ControlledDrawer","DrawerControls","ReactComponent","TwoDotsSVG","Tooltip","TooltipContent","TooltipTrigger","DrawerState","Duration","minutesToMilliseconds","customDurationToMinutes","days","hours","minutes","CustomDurationDrawer","t0","$","_c","orderDurationState","drawerControls","setDuration","setDays","setHours","setMinutes","totalMinutes","isBelowMinimum","isSaveDisabled","showTooltip","open","isDaysError","isHoursError","isMinutesError","t1","onClose","handleSave","t2","Symbol","for","dots","t3","content","t4","t5","t6","t7","root","t8","t9","t10","t11","t12","t13","t14","t15","DurationField","label","value","max","onChange","isError","v"],"sources":["../../../../src/components/widget/Twap/CustomDurationDrawer.tsx"],"sourcesContent":["import { useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_CUSTOM_DURATION_MIN_MINUTES,\n  TWAP_CUSTOM_DURATION_MAX_DAYS,\n  TWAP_CUSTOM_DURATION_MAX_HOURS,\n  TWAP_CUSTOM_DURATION_MAX_MINUTES,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"@/components/widget/NumberInput/NumberInput\";\nimport { Button } from \"@/components/ui/button\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { type DrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { ReactComponent as TwoDotsSVG } from \"@/assets/two-dots.svg\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport type { DrawerState } from \"./OrderDuration\";\nimport { Duration } from \"../Duration/Duration\";\nimport { minutesToMilliseconds } from \"@/lib/utils/time\";\n\nfunction customDurationToMinutes(days: number, hours: number, minutes: number) {\n  return days * 24 * 60 + hours * 60 + minutes;\n}\n\nexport function CustomDurationDrawer({\n  orderDurationState,\n  drawerControls,\n}: {\n  orderDurationState: DrawerState;\n  drawerControls: DrawerControls;\n}) {\n  const setDuration = useSetAtom(twapDurationAtom);\n  const { days, hours, minutes, setDays, setHours, setMinutes } =\n    orderDurationState;\n\n  const totalMinutes = customDurationToMinutes(days, hours, minutes);\n  const isBelowMinimum = totalMinutes < TWAP_CUSTOM_DURATION_MIN_MINUTES;\n  const isSaveDisabled = totalMinutes === 0 || isBelowMinimum;\n  const showTooltip = isBelowMinimum && drawerControls.open;\n\n  const isDaysError = days < 0 || days > TWAP_CUSTOM_DURATION_MAX_DAYS;\n  const isHoursError =\n    isBelowMinimum || hours < 0 || hours > TWAP_CUSTOM_DURATION_MAX_HOURS;\n  const isMinutesError =\n    minutes < 0 || minutes > TWAP_CUSTOM_DURATION_MAX_MINUTES;\n\n  const handleSave = () => {\n    if (isSaveDisabled) return;\n    setDuration(totalMinutes);\n    drawerControls.onClose();\n  };\n\n  const dots = (\n    <div className=\"flex items-center h-10\">\n      <TwoDotsSVG />\n    </div>\n  );\n\n  return (\n    <ControlledDrawer\n      {...drawerControls}\n      title=\"Custom Order Duration\"\n      showCloseButton\n      classes={{\n        content: \"dark:bg-contrast-2\",\n      }}\n    >\n      <div className=\"flex flex-col gap-14 px-6 pt-2 pb-8\">\n        <div>\n          <div className=\"text-center text-xs pb-8 px-4 text-contrast-5 dark:text-contrast-6\">\n            Set how long this TWAP order should execute. The total size will be\n            split and filled progressively over this duration.\n          </div>\n          <div className=\"grid grid-cols-[1fr_auto_1fr_auto_1fr] items-end gap-2\">\n            <DurationField\n              label=\"Days\"\n              value={days}\n              max={TWAP_CUSTOM_DURATION_MAX_DAYS}\n              onChange={setDays}\n              isError={isDaysError}\n            />\n            {dots}\n            <Tooltip open={showTooltip}>\n              <TooltipTrigger asChild>\n                <div>\n                  <DurationField\n                    label=\"Hours\"\n                    value={hours}\n                    max={TWAP_CUSTOM_DURATION_MAX_HOURS}\n                    onChange={setHours}\n                    isError={isHoursError}\n                  />\n                </div>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\">\n                Minimum TWAP duration is{\" \"}\n                <Duration\n                  timeMs={minutesToMilliseconds(\n                    TWAP_CUSTOM_DURATION_MIN_MINUTES\n                  )}\n                  classes={{ root: \"inline-flex dark:text-contrast-3\" }}\n                  showSeconds\n                />\n              </TooltipContent>\n            </Tooltip>\n            {dots}\n            <DurationField\n              label=\"Minutes\"\n              value={minutes}\n              max={TWAP_CUSTOM_DURATION_MAX_MINUTES}\n              onChange={setMinutes}\n              isError={isMinutesError}\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-4\">\n          <Button\n            onClick={handleSave}\n            disabled={isSaveDisabled}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Save\n          </Button>\n          <Button\n            variant=\"secondary\"\n            onClick={drawerControls.onClose}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Dismiss\n          </Button>\n        </div>\n      </div>\n    </ControlledDrawer>\n  );\n}\n\nfunction DurationField({\n  label,\n  value,\n  max,\n  onChange,\n  isError,\n}: {\n  label: string;\n  value: number;\n  max: number;\n  onChange: (value: number) => void;\n  isError?: boolean;\n}) {\n  return (\n    <div className=\"flex flex-col gap-1 flex-1\">\n      <span className=\"text-xs text-contrast-5 dark:text-contrast-6 uppercase\">\n        {label}\n      </span>\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={0}\n        placeholder=\"0\"\n        value={value}\n        min={0}\n        max={max}\n        stepper={1}\n        onValueChange={(v) => onChange(v ?? 0)}\n        classes={{\n          root: \"h-10\",\n        }}\n        isError={isError}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,SAASkB,EAAwBC,GAAcC,GAAeC,GAAiB;AAC7E,QAAOF,IAAO,KAAK,KAAKC,IAAQ,KAAKC;;AAGvC,SAAOC,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA8B,EAAAC,uBAAAC,sBAAAJ,GAOnCK,IAAoB5B,EAAWC,EAAiB,EAChD,EAAAkB,SAAAC,UAAAC,YAAAQ,YAAAC,aAAAC,kBACEL,GAEFM,IAAqBd,EAAwBC,GAAMC,GAAOC,EAAQ,EAClEY,IAAuBD,IAAAA,IACvBE,IAAuBF,MAAiB,KAAjBC,GACvBE,IAAoBF,KAAkBN,EAAcS,MAEpDC,IAAoBlB,IAAO,KAAKA,IAAAA,IAChCmB,IACEL,KAAkBb,IAAQ,KAAKA,IAAAA,IACjCmB,IACElB,IAAU,KAAKA,IAAAA,IAA2CmB;AAAA,CAAAhB,EAAA,OAAAG,KAAAH,EAAA,OAAAU,KAAAV,EAAA,OAAAI,KAAAJ,EAAA,OAAAQ,KAEzCQ,UAAA;AACbN,QACJN,EAAYI,EAAa,EACzBL,EAAcc,SAAU;IACzBjB,EAAA,KAAAG,GAAAH,EAAA,KAAAU,GAAAV,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,GAAAR,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAJD,IAAAkB,IAAmBF,GAIjBG;AAAA,CAAAnB,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAGAF,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD,EACF,CAAA;EAAM,CAAA,EAAAnB,EAAA,KAAAmB,KAAAA,IAAAnB,EAAA;CAHR,IAAAsB,IACEH,GAGAI;AAAA,CAAAvB,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAOWE,IAAA,EAAAC,SACE,sBACV,EAAAxB,EAAA,KAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAAyB;AAAA,CAAAzB,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAIGI,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAqE;EAG9E,CAAA,EAAAzB,EAAA,KAAAyB,KAAAA,IAAAzB,EAAA;CAAA,IAAA0B;AAAA,CAAA1B,EAAA,OAAAL,KAAAK,EAAA,OAAAa,KAAAb,EAAA,QAAAK,KAEJqB,IAAA,kBAAC,GAAD;EACQ,OAAA;EACC/B,OAAAA;EACFhB,KAAAA;EACK0B,UAAAA;EACDQ,SAAAA;EACT,CAAA,EAAAb,EAAA,KAAAL,GAAAK,EAAA,KAAAa,GAAAb,EAAA,MAAAK,GAAAL,EAAA,MAAA0B,KAAAA,IAAA1B,EAAA;CAAA,IAAA2B;AAAA,CAAA3B,EAAA,QAAAJ,KAAAI,EAAA,QAAAc,KAAAd,EAAA,QAAAM,KAGAqB,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA,EAAA,UACE,kBAAC,GAAD;GACQ,OAAA;GACC/B,OAAAA;GACFhB,KAAAA;GACK0B,UAAAA;GACDQ,SAAAA;GAEb,CAAA,EACF,CAAA;EAAiB,CAAA,EAAAd,EAAA,MAAAJ,GAAAI,EAAA,MAAAc,GAAAd,EAAA,MAAAM,GAAAN,EAAA,MAAA2B,KAAAA,IAAA3B,EAAA;CAAA,IAAA4B;AAAA,CAAA5B,EAAA,QAAAoB,OAAAC,IAAA,4BAAA,IACjBO,IAAA,kBAAC,GAAD;EAAqB,MAAA;YAArB;GAA8B;GACH;GACzB,kBAAC,GAAD;IACU,QAAAnC,EAAAA,GAER;IACS,SAAA,EAAAoC,MAAQ,oCAAmC;IACpD,aAAA;IAEJ,CAAA;GAAiB;KAAA7B,EAAA,MAAA4B,KAAAA,IAAA5B,EAAA;CAAA,IAAA8B;AAAA,CAAA9B,EAAA,QAAAW,KAAAX,EAAA,QAAA2B,KArBnBG,IAAA,kBAAC,GAAD;EAAenB,MAAAA;YAAf,CACEgB,GAWAC,EAUQ;KAAA5B,EAAA,MAAAW,GAAAX,EAAA,MAAA2B,GAAA3B,EAAA,MAAA8B,KAAAA,IAAA9B,EAAA;CAAA,IAAA+B;AAAA,CAAA/B,EAAA,QAAAe,KAAAf,EAAA,QAAAH,KAAAG,EAAA,QAAAO,KAEVwB,IAAA,kBAAC,GAAD;EACQ,OAAA;EACClC,OAAAA;EACFhB,KAAAA;EACK0B,UAAAA;EACDQ,SAAAA;EACT,CAAA,EAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAH,GAAAG,EAAA,MAAAO,GAAAP,EAAA,MAAA+B,KAAAA,IAAA/B,EAAA;CAAA,IAAAgC;AAAA,CAAAhC,EAAA,QAAA0B,KAAA1B,EAAA,QAAA8B,KAAA9B,EAAA,QAAA+B,KA5CNC,IAAA,kBAAA,OAAA,EAAA,UAAA,CACEP,GAIA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEC;GAOCJ;GACDQ;GAuBCR;GACDS;GAQJ;IAAM,EAAA,CAAA,EAAA/B,EAAA,MAAA0B,GAAA1B,EAAA,MAAA8B,GAAA9B,EAAA,MAAA+B,GAAA/B,EAAA,MAAAgC,KAAAA,IAAAhC,EAAA;CAAA,IAAAiC;AAAA,CAAAjC,EAAA,QAAAkB,KAAAlB,EAAA,QAAAU,KAEJuB,IAAA,kBAAC,GAAD;EACWf,SAAAA;EACCR,UAAAA;EACH,QAAA;EACG,WAAA;YACX;EAEQ,CAAA,EAAAV,EAAA,MAAAkB,GAAAlB,EAAA,MAAAU,GAAAV,EAAA,MAAAiC,KAAAA,IAAAjC,EAAA;CAAA,IAAAkC;AAAA,CAAAlC,EAAA,QAAAG,EAAAc,UAQAiB,IAAAlC,EAAA,OAPTkC,IAAA,kBAAC,GAAD;EACU,SAAA;EACC,SAAA/B,EAAcc;EAChB,QAAA;EACG,WAAA;YACX;EAEQ,CAAA,EAAAjB,EAAA,MAAAG,EAAAc,SAAAjB,EAAA,MAAAkC;CAAA,IAAAC;AAAA,CAAAnC,EAAA,QAAAiC,KAAAjC,EAAA,QAAAkC,KAhBXC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAQAC,EAQI;KAAAlC,EAAA,MAAAiC,GAAAjC,EAAA,MAAAkC,GAAAlC,EAAA,MAAAmC,KAAAA,IAAAnC,EAAA;CAAA,IAAAoC;AAAA,CAAApC,EAAA,QAAAgC,KAAAhC,EAAA,QAAAmC,KAjERC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEJ,GA+CAG,EAkBI;KAAAnC,EAAA,MAAAgC,GAAAhC,EAAA,MAAAmC,GAAAnC,EAAA,MAAAoC,KAAAA,IAAApC,EAAA;CAAA,IAAAqC;AACW,QADXrC,EAAA,QAAAG,KAAAH,EAAA,QAAAoC,KA1ERC,IAAA,kBAAC,GAAD;EAAiB,GACXlC;EACE,OAAA;EACN,iBAAA;EACS,SAAAoB;YAITa;EAmEiB,CAAA,EAAApC,EAAA,MAAAG,GAAAH,EAAA,MAAAoC,GAAApC,EAAA,MAAAqC,KAAAA,IAAArC,EAAA,KA3EnBqC;;AA+EJ,SAAAC,EAAAvC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAuB,EAAAsC,UAAAC,UAAAC,QAAAC,aAAAC,eAAA5C,GAYtBiB;AAAA,CAAAhB,EAAA,OAAAuC,IAKYvB,IAAAhB,EAAA,MAFPgB,IAAA,kBAAA,QAAA;EAAgB,WAAA;YACbuB;EACI,CAAA,EAAAvC,EAAA,KAAAuC,GAAAvC,EAAA,KAAAgB;CAAA,IAAAG;AAAA,CAAAnB,EAAA,OAAA0C,IAUiCvB,IAAAnB,EAAA,MAAvBmB,KAAAyB,MAAOF,EAASE,KAAA,EAAO,EAAA5C,EAAA,KAAA0C,GAAA1C,EAAA,KAAAmB;CAAA,IAAAI;AAAA,CAAAvB,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAC7BE,IAAA,EAAAM,MACD,QACP,EAAA7B,EAAA,KAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAAyB;AAAA,CAAAzB,EAAA,OAAA2C,KAAA3C,EAAA,OAAAyC,KAAAzC,EAAA,OAAAmB,KAAAnB,EAAA,OAAAwC,KAZHf,IAAA,kBAAC,GAAD;EACqB,mBAAA;EACJ,eAAA;EACD,cAAA;EACF,aAAA;EACLe;EACF,KAAA;EACAC;EACI,SAAA;EACM,eAAAtB;EACN,SAAAI;EAGAoB;EACT,CAAA,EAAA3C,EAAA,KAAA2C,GAAA3C,EAAA,KAAAyC,GAAAzC,EAAA,KAAAmB,GAAAnB,EAAA,KAAAwC,GAAAxC,EAAA,KAAAyB,KAAAA,IAAAzB,EAAA;CAAA,IAAA0B;AACE,QADF1B,EAAA,QAAAgB,KAAAhB,EAAA,QAAAyB,KAlBJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEV,GAGAS,EAeI;KAAAzB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAyB,GAAAzB,EAAA,MAAA0B,KAAAA,IAAA1B,EAAA,KAnBN0B"}
+{"version":3,"file":"CustomDurationDrawer.js","names":["useSetAtom","twapDurationAtom","TWAP_CUSTOM_DURATION_MIN_MINUTES","TWAP_CUSTOM_DURATION_MAX_DAYS","TWAP_CUSTOM_DURATION_MAX_HOURS","TWAP_CUSTOM_DURATION_MAX_MINUTES","NumberInput","Button","ControlledDrawer","DrawerControls","ReactComponent","TwoDotsSVG","Tooltip","TooltipContent","TooltipTrigger","DrawerState","Duration","minutesToMilliseconds","customDurationToMinutes","days","hours","minutes","CustomDurationDrawer","t0","$","_c","orderDurationState","drawerControls","setDuration","setDays","setHours","setMinutes","totalMinutes","isBelowMinimum","isSaveDisabled","showTooltip","open","isDaysError","isHoursError","isMinutesError","t1","onClose","handleSave","t2","Symbol","for","dots","t3","content","t4","t5","t6","t7","root","t8","t9","t10","t11","t12","t13","t14","t15","DurationField","label","value","max","onChange","isError","v"],"sources":["../../../../src/components/widget/Twap/CustomDurationDrawer.tsx"],"sourcesContent":["import { useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_CUSTOM_DURATION_MIN_MINUTES,\n  TWAP_CUSTOM_DURATION_MAX_DAYS,\n  TWAP_CUSTOM_DURATION_MAX_HOURS,\n  TWAP_CUSTOM_DURATION_MAX_MINUTES,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"@/components/widget/NumberInput/NumberInput\";\nimport { Button } from \"@/components/ui/button\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { type DrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { ReactComponent as TwoDotsSVG } from \"@/assets/two-dots.svg\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport type { DrawerState } from \"./OrderDuration\";\nimport { Duration } from \"../Duration/Duration\";\nimport { minutesToMilliseconds } from \"@/lib/utils/time\";\n\nfunction customDurationToMinutes(days: number, hours: number, minutes: number) {\n  return days * 24 * 60 + hours * 60 + minutes;\n}\n\nexport function CustomDurationDrawer({\n  orderDurationState,\n  drawerControls,\n}: {\n  orderDurationState: DrawerState;\n  drawerControls: DrawerControls;\n}) {\n  const setDuration = useSetAtom(twapDurationAtom);\n  const { days, hours, minutes, setDays, setHours, setMinutes } =\n    orderDurationState;\n\n  const totalMinutes = customDurationToMinutes(days, hours, minutes);\n  const isBelowMinimum = totalMinutes < TWAP_CUSTOM_DURATION_MIN_MINUTES;\n  const isSaveDisabled = totalMinutes === 0 || isBelowMinimum;\n  const showTooltip = isBelowMinimum && drawerControls.open;\n\n  const isDaysError = days < 0 || days > TWAP_CUSTOM_DURATION_MAX_DAYS;\n  const isHoursError =\n    isBelowMinimum || hours < 0 || hours > TWAP_CUSTOM_DURATION_MAX_HOURS;\n  const isMinutesError =\n    minutes < 0 || minutes > TWAP_CUSTOM_DURATION_MAX_MINUTES;\n\n  const handleSave = () => {\n    if (isSaveDisabled) return;\n    setDuration(totalMinutes);\n    drawerControls.onClose();\n  };\n\n  const dots = (\n    <div className=\"flex items-center h-10\">\n      <TwoDotsSVG />\n    </div>\n  );\n\n  return (\n    <ControlledDrawer\n      {...drawerControls}\n      title=\"Custom Order Duration\"\n      showCloseButton\n      classes={{\n        content: \"dark:bg-contrast-2\",\n      }}\n    >\n      <div className=\"flex flex-col gap-14 px-6 pt-2 pb-8\">\n        <div>\n          <div className=\"text-center text-xs pb-8 px-4 text-contrast-5 dark:text-contrast-6\">\n            Set how long this TWAP order should execute. The total size will be\n            split and filled progressively over this duration.\n          </div>\n          <div className=\"grid grid-cols-[1fr_auto_1fr_auto_1fr] items-end gap-2\">\n            <DurationField\n              label=\"Days\"\n              value={days}\n              max={TWAP_CUSTOM_DURATION_MAX_DAYS}\n              onChange={setDays}\n              isError={isDaysError}\n            />\n            {dots}\n            <Tooltip open={showTooltip}>\n              <TooltipTrigger asChild>\n                <div>\n                  <DurationField\n                    label=\"Hours\"\n                    value={hours}\n                    max={TWAP_CUSTOM_DURATION_MAX_HOURS}\n                    onChange={setHours}\n                    isError={isHoursError}\n                  />\n                </div>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\">\n                Minimum TWAP duration is{\" \"}\n                <Duration\n                  timeMs={minutesToMilliseconds(\n                    TWAP_CUSTOM_DURATION_MIN_MINUTES\n                  )}\n                  classes={{ root: \"inline-flex dark:text-contrast-3\" }}\n                  showSeconds\n                />\n              </TooltipContent>\n            </Tooltip>\n            {dots}\n            <DurationField\n              label=\"Minutes\"\n              value={minutes}\n              max={TWAP_CUSTOM_DURATION_MAX_MINUTES}\n              onChange={setMinutes}\n              isError={isMinutesError}\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-4\">\n          <Button\n            onClick={handleSave}\n            disabled={isSaveDisabled}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Save\n          </Button>\n          <Button\n            variant=\"secondary\"\n            onClick={drawerControls.onClose}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Dismiss\n          </Button>\n        </div>\n      </div>\n    </ControlledDrawer>\n  );\n}\n\nfunction DurationField({\n  label,\n  value,\n  max,\n  onChange,\n  isError,\n}: {\n  label: string;\n  value: number;\n  max: number;\n  onChange: (value: number) => void;\n  isError?: boolean;\n}) {\n  return (\n    <div className=\"flex flex-col gap-1 flex-1\">\n      <span className=\"text-xs text-contrast-5 dark:text-contrast-6 uppercase\">\n        {label}\n      </span>\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={0}\n        placeholder=\"0\"\n        value={value}\n        min={0}\n        max={max}\n        stepper={1}\n        onValueChange={(v) => onChange(v ?? 0)}\n        classes={{\n          root: \"h-10\",\n        }}\n        isError={isError}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/widget/Twap/OrderDuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderDuration.js","names":["useAtomValue","useSetAtom","twapDurationAtom","Button","cn","TWAP_CUSTOM_DURATION_MIN_MINUTES","TWAP_DURATION_OPTIONS","TwapDetailWithTooltip","CustomDurationDrawer","useDrawerControls","Duration","useState","DrawerState","days","setDays","React","Dispatch","SetStateAction","hours","setHours","minutes","setMinutes","reset","useOrderDurationState","initialDuration","$","_c","initDays","Math","floor","initHours","initMinutes","t0","t1","TwapOrderDuration","duration","setDuration","some","o","value","isPreset","orderDurationState","drawerId","onOpen","drawerControls","t2","customLabel","t3","Symbol","for","root","t4","map","option","label","t5","t6","t7","t8","t9","buttonSelectedClassName","DurationButton","selected","onClick"],"sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"sourcesContent":["import { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  TWAP_CUSTOM_DURATION_MIN_MINUTES,\n  TWAP_DURATION_OPTIONS,\n} from \"@/core/twap/state/constants\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\nimport { CustomDurationDrawer } from \"./CustomDurationDrawer\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { Duration } from \"../Duration/Duration\";\nimport { useState } from \"react\";\n\nexport type DrawerState = {\n  days: number;\n  setDays: React.Dispatch<React.SetStateAction<number>>;\n  hours: number;\n  setHours: React.Dispatch<React.SetStateAction<number>>;\n  minutes: number;\n  setMinutes: React.Dispatch<React.SetStateAction<number>>;\n  reset: () => void;\n};\n\nfunction useOrderDurationState(initialDuration: number): DrawerState {\n  const initDays = Math.floor(initialDuration / (60 * 24));\n  const initHours = Math.floor((initialDuration % (60 * 24)) / 60);\n  const initMinutes = initialDuration % 60;\n\n  const [days, setDays] = useState(initDays);\n  const [hours, setHours] = useState(initHours);\n  const [minutes, setMinutes] = useState(initMinutes);\n\n  const reset = () => {\n    setDays(initDays);\n    setHours(initHours);\n    setMinutes(initMinutes);\n  };\n\n  return {\n    days,\n    setDays,\n    hours,\n    setHours,\n    minutes,\n    setMinutes,\n    reset,\n  };\n}\nexport const TwapOrderDuration = () => {\n  const duration = useAtomValue(twapDurationAtom);\n  const setDuration = useSetAtom(twapDurationAtom);\n\n  const isPreset = TWAP_DURATION_OPTIONS.some((o) => o.value === duration);\n  const initialDuration = isPreset\n    ? TWAP_CUSTOM_DURATION_MIN_MINUTES\n    : duration;\n\n  const orderDurationState = useOrderDurationState(initialDuration);\n  const drawerControls = useDrawerControls({\n    drawerId: \"custom-duration-drawer\",\n    onOpen: orderDurationState.reset,\n  });\n\n  const customLabel = isPreset ? (\n    \"Custom\"\n  ) : (\n    <Duration timeMs={duration * 60 * 1000} />\n  );\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Order Duration\"\n        tooltip=\"The total time over which your TWAP order will be executed\"\n        classes={{\n          root: \"text-nowrap\",\n        }}\n      />\n      <div className=\"flex gap-2 flex-wrap justify-end\">\n        {TWAP_DURATION_OPTIONS.map((option) => (\n          <DurationButton\n            key={option.value}\n            label={option.label}\n            selected={duration === option.value}\n            onClick={() => setDuration(option.value)}\n          />\n        ))}\n        <DurationButton\n          label={customLabel}\n          selected={!isPreset}\n          onClick={drawerControls.onOpen}\n        />\n      </div>\n      <CustomDurationDrawer\n        orderDurationState={orderDurationState}\n        drawerControls={drawerControls}\n      />\n    </div>\n  );\n};\n\nconst buttonSelectedClassName =\n  \"text-contrast-9 bg-primary-azul-1 border-primary-azul-1 hover:bg-primary-azul-1 hover:text-contrast-9 dark:bg-primary-azul-1 dark:border-primary-azul-1 dark:hover:bg-primary-azul-1 dark:text-contrast-9\";\n\nfunction DurationButton({\n  label,\n  selected,\n  onClick,\n}: {\n  label: React.ReactNode;\n  selected: boolean;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      onClick={onClick}\n      variant=\"outline\"\n      className={cn(\n        \"h-6 px-2 shadow-none text-xs text-contrast-5 dark:text-contrast-6\",\n        {\n          [buttonSelectedClassName]: selected,\n        }\n      )}\n    >\n      {label}\n    </Button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OrderDuration.js","names":["useAtomValue","useSetAtom","twapDurationAtom","Button","cn","TWAP_CUSTOM_DURATION_MIN_MINUTES","TWAP_DURATION_OPTIONS","TwapDetailWithTooltip","CustomDurationDrawer","useDrawerControls","Duration","useState","DrawerState","days","setDays","React","Dispatch","SetStateAction","hours","setHours","minutes","setMinutes","reset","useOrderDurationState","initialDuration","$","_c","initDays","Math","floor","initHours","initMinutes","t0","t1","TwapOrderDuration","duration","setDuration","some","o","value","isPreset","orderDurationState","drawerId","onOpen","drawerControls","t2","customLabel","t3","Symbol","for","root","t4","map","option","label","t5","t6","t7","t8","t9","buttonSelectedClassName","DurationButton","selected","onClick"],"sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"sourcesContent":["import { useAtomValue, useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  TWAP_CUSTOM_DURATION_MIN_MINUTES,\n  TWAP_DURATION_OPTIONS,\n} from \"@/core/twap/state/constants\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\nimport { CustomDurationDrawer } from \"./CustomDurationDrawer\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { Duration } from \"../Duration/Duration\";\nimport { useState } from \"react\";\n\nexport type DrawerState = {\n  days: number;\n  setDays: React.Dispatch<React.SetStateAction<number>>;\n  hours: number;\n  setHours: React.Dispatch<React.SetStateAction<number>>;\n  minutes: number;\n  setMinutes: React.Dispatch<React.SetStateAction<number>>;\n  reset: () => void;\n};\n\nfunction useOrderDurationState(initialDuration: number): DrawerState {\n  const initDays = Math.floor(initialDuration / (60 * 24));\n  const initHours = Math.floor((initialDuration % (60 * 24)) / 60);\n  const initMinutes = initialDuration % 60;\n\n  const [days, setDays] = useState(initDays);\n  const [hours, setHours] = useState(initHours);\n  const [minutes, setMinutes] = useState(initMinutes);\n\n  const reset = () => {\n    setDays(initDays);\n    setHours(initHours);\n    setMinutes(initMinutes);\n  };\n\n  return {\n    days,\n    setDays,\n    hours,\n    setHours,\n    minutes,\n    setMinutes,\n    reset,\n  };\n}\nexport const TwapOrderDuration = () => {\n  const duration = useAtomValue(twapDurationAtom);\n  const setDuration = useSetAtom(twapDurationAtom);\n\n  const isPreset = TWAP_DURATION_OPTIONS.some((o) => o.value === duration);\n  const initialDuration = isPreset\n    ? TWAP_CUSTOM_DURATION_MIN_MINUTES\n    : duration;\n\n  const orderDurationState = useOrderDurationState(initialDuration);\n  const drawerControls = useDrawerControls({\n    drawerId: \"custom-duration-drawer\",\n    onOpen: orderDurationState.reset,\n  });\n\n  const customLabel = isPreset ? (\n    \"Custom\"\n  ) : (\n    <Duration timeMs={duration * 60 * 1000} />\n  );\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Order Duration\"\n        tooltip=\"The total time over which your TWAP order will be executed\"\n        classes={{\n          root: \"text-nowrap\",\n        }}\n      />\n      <div className=\"flex gap-2 flex-wrap justify-end\">\n        {TWAP_DURATION_OPTIONS.map((option) => (\n          <DurationButton\n            key={option.value}\n            label={option.label}\n            selected={duration === option.value}\n            onClick={() => setDuration(option.value)}\n          />\n        ))}\n        <DurationButton\n          label={customLabel}\n          selected={!isPreset}\n          onClick={drawerControls.onOpen}\n        />\n      </div>\n      <CustomDurationDrawer\n        orderDurationState={orderDurationState}\n        drawerControls={drawerControls}\n      />\n    </div>\n  );\n};\n\nconst buttonSelectedClassName =\n  \"text-contrast-9 bg-primary-azul-1 border-primary-azul-1 hover:bg-primary-azul-1 hover:text-contrast-9 dark:bg-primary-azul-1 dark:border-primary-azul-1 dark:hover:bg-primary-azul-1 dark:text-contrast-9\";\n\nfunction DurationButton({\n  label,\n  selected,\n  onClick,\n}: {\n  label: React.ReactNode;\n  selected: boolean;\n  onClick: () => void;\n}) {\n  return (\n    <Button\n      onClick={onClick}\n      variant=\"outline\"\n      className={cn(\n        \"h-6 px-2 shadow-none text-xs text-contrast-5 dark:text-contrast-6\",\n        {\n          [buttonSelectedClassName]: selected,\n        }\n      )}\n    >\n      {label}\n    </Button>\n  );\n}\n"],"mappings":"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"}

package/dist/components/widget/Twap/OrderSplit.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderSplit.js","names":["useAtom","userTwapSplitAtom","TWAP_SPLIT_MIN","TWAP_SPLIT_MAX","TWAP_SPLIT_STEP","NumberInput","TwapDetailWithTooltip","TwapOrderSplit","$","_c","userSplit","setUserSplit","t0","Symbol","for","t1","floatValue","undefined","t2","root","t3"],"sources":["../../../../src/components/widget/Twap/OrderSplit.tsx"],"sourcesContent":["import { useAtom } from \"@/core/store\";\nimport { userTwapSplitAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_SPLIT_MIN,\n  TWAP_SPLIT_MAX,\n  TWAP_SPLIT_STEP,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"../NumberInput/NumberInput\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\n\nexport const TwapOrderSplit = () => {\n  const [userSplit, setUserSplit] = useAtom(userTwapSplitAtom);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Order Split\"\n        tooltip=\"Number of sub-orders your TWAP order will be split into\"\n      />\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={0}\n        placeholder=\"2\"\n        value={userSplit}\n        min={TWAP_SPLIT_MIN}\n        max={TWAP_SPLIT_MAX}\n        stepper={TWAP_SPLIT_STEP}\n        onValueChange={(floatValue) => {\n          if (floatValue === undefined) return;\n          setUserSplit(floatValue);\n        }}\n        classes={{\n          root: \"max-w-18 h-8\",\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAaO,UAAiB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAC5B,CAAAC,GAAAC,KAAkCX,EAAQC,EAAkB,EAACW;AAAA,CAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAIzDF,IAAA,kBAAC,GAAD;EACS,QAAA;EACC,SAAA;EACR,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;AAAA,CAAAP,EAAA,OAAAG,IAaCI,IAAAP,EAAA,MAHcO,KAAAC,MAAA;AACTA,QAAeC,KAAAA,KACnBN,EAAaK,EAAW;IACzBR,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAG;AAAA,CAAAV,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IACQI,IAAA,EAAAC,MACD,gBACP,EAAAX,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;AAEC,QAFDZ,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KApBLU,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAIA,kBAAC,GAAD;GACqB,mBAAA;GACJ,eAAA;GACD,cAAA;GACF,aAAA;GACLF,OAAAA;GACFR,KAAAA;GACAC,KAAAA;GACIC,SAAAA;GACM,eAAAW;GAIN,SAAAG;GAIb,CAAA,CAAM;KAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAtBNY"}
+{"version":3,"file":"OrderSplit.js","names":["useAtom","userTwapSplitAtom","TWAP_SPLIT_MIN","TWAP_SPLIT_MAX","TWAP_SPLIT_STEP","NumberInput","TwapDetailWithTooltip","TwapOrderSplit","$","_c","userSplit","setUserSplit","t0","Symbol","for","t1","floatValue","undefined","t2","root","t3"],"sources":["../../../../src/components/widget/Twap/OrderSplit.tsx"],"sourcesContent":["import { useAtom } from \"@/core/store\";\nimport { userTwapSplitAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_SPLIT_MIN,\n  TWAP_SPLIT_MAX,\n  TWAP_SPLIT_STEP,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"../NumberInput/NumberInput\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\n\nexport const TwapOrderSplit = () => {\n  const [userSplit, setUserSplit] = useAtom(userTwapSplitAtom);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Order Split\"\n        tooltip=\"Number of sub-orders your TWAP order will be split into\"\n      />\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={0}\n        placeholder=\"2\"\n        value={userSplit}\n        min={TWAP_SPLIT_MIN}\n        max={TWAP_SPLIT_MAX}\n        stepper={TWAP_SPLIT_STEP}\n        onValueChange={(floatValue) => {\n          if (floatValue === undefined) return;\n          setUserSplit(floatValue);\n        }}\n        classes={{\n          root: \"max-w-18 h-8\",\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAaO,UAAiB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAC5B,CAAAC,GAAAC,KAAkCX,EAAQC,EAAkB,EAACW;CAAA,AAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAIzDF,IAAA,kBAAC,GAAD;EACS,QAAA;EACC,SAAA;EACR,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;CAAA,AAAAP,EAAA,OAAAG,IAaCI,IAAAP,EAAA,MAHcO,KAAAC,MAAA;EACTA,MAAeC,KAAAA,KACnBN,EAAaK,EAAW;IACzBR,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAG;CAAA,AAAAV,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IACQI,IAAA,EAAAC,MACD,gBACP,EAAAX,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;CAEC,OAFDZ,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KApBLU,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAIA,kBAAC,GAAD;GACqB,mBAAA;GACJ,eAAA;GACD,cAAA;GACF,aAAA;GACLF,OAAAA;GACFR,KAAAA;GACAC,KAAAA;GACIC,SAAAA;GACM,eAAAW;GAIN,SAAAG;GAIb,CAAA,CAAM;KAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAtBNY"}

package/dist/components/widget/Twap/RateProtection.js.map

@@ -1 +1 @@
-{"version":3,"file":"RateProtection.js","names":["useAtom","userTwapSlippageAtom","TWAP_SLIPPAGE_MIN","TWAP_SLIPPAGE_MAX","TWAP_SLIPPAGE_STEP","NumberInput","TwapDetailWithTooltip","TwapRateProtection","$","_c","userSlippage","setUserSlippage","t0","Symbol","for","t1","floatValue","undefined","t2","root","t3"],"sources":["../../../../src/components/widget/Twap/RateProtection.tsx"],"sourcesContent":["import { useAtom } from \"@/core/store\";\nimport { userTwapSlippageAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_SLIPPAGE_MIN,\n  TWAP_SLIPPAGE_MAX,\n  TWAP_SLIPPAGE_STEP,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"../NumberInput/NumberInput\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\n\nexport const TwapRateProtection = () => {\n  const [userSlippage, setUserSlippage] = useAtom(userTwapSlippageAtom);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Rate Protection\"\n        tooltip=\"Maximum allowed slippage per sub-order execution\"\n      />\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={2}\n        placeholder=\"2%\"\n        suffix=\"%\"\n        min={TWAP_SLIPPAGE_MIN}\n        max={TWAP_SLIPPAGE_MAX}\n        stepper={TWAP_SLIPPAGE_STEP}\n        value={userSlippage}\n        onValueChange={(floatValue) => {\n          if (floatValue === undefined) return;\n          setUserSlippage(floatValue);\n        }}\n        classes={{\n          root: \"max-w-20 h-8\",\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,IAAaO,UAAqB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAChC,CAAAC,GAAAC,KAAwCX,EAAQC,EAAqB,EAACW;AAAA,CAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAIlEF,IAAA,kBAAC,GAAD;EACS,QAAA;EACC,SAAA;EACR,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;AAAA,CAAAP,EAAA,OAAAG,IAcCI,IAAAP,EAAA,MAHcO,KAAAC,MAAA;AACTA,QAAeC,KAAAA,KACnBN,EAAgBK,EAAW;IAC5BR,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAG;AAAA,CAAAV,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IACQI,IAAA,EAAAC,MACD,gBACP,EAAAX,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;AAEC,QAFDZ,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KArBLU,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAIA,kBAAC,GAAD;GACqB,mBAAA;GACJ,eAAA;GACD,cAAA;GACF,aAAA;GACL,QAAA;GACFV,KAAAA;GACAC,KAAAA;GACIC,SAAAA;GACFM,OAAAA;GACQ,eAAAK;GAIN,SAAAG;GAIb,CAAA,CAAM;KAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAvBNY"}
+{"version":3,"file":"RateProtection.js","names":["useAtom","userTwapSlippageAtom","TWAP_SLIPPAGE_MIN","TWAP_SLIPPAGE_MAX","TWAP_SLIPPAGE_STEP","NumberInput","TwapDetailWithTooltip","TwapRateProtection","$","_c","userSlippage","setUserSlippage","t0","Symbol","for","t1","floatValue","undefined","t2","root","t3"],"sources":["../../../../src/components/widget/Twap/RateProtection.tsx"],"sourcesContent":["import { useAtom } from \"@/core/store\";\nimport { userTwapSlippageAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_SLIPPAGE_MIN,\n  TWAP_SLIPPAGE_MAX,\n  TWAP_SLIPPAGE_STEP,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"../NumberInput/NumberInput\";\nimport { TwapDetailWithTooltip } from \"./TwapDetailWithTooltip\";\n\nexport const TwapRateProtection = () => {\n  const [userSlippage, setUserSlippage] = useAtom(userTwapSlippageAtom);\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <TwapDetailWithTooltip\n        detail=\"Rate Protection\"\n        tooltip=\"Maximum allowed slippage per sub-order execution\"\n      />\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={2}\n        placeholder=\"2%\"\n        suffix=\"%\"\n        min={TWAP_SLIPPAGE_MIN}\n        max={TWAP_SLIPPAGE_MAX}\n        stepper={TWAP_SLIPPAGE_STEP}\n        value={userSlippage}\n        onValueChange={(floatValue) => {\n          if (floatValue === undefined) return;\n          setUserSlippage(floatValue);\n        }}\n        classes={{\n          root: \"max-w-20 h-8\",\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,IAAaO,UAAqB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAChC,CAAAC,GAAAC,KAAwCX,EAAQC,EAAqB,EAACW;CAAA,AAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAIlEF,IAAA,kBAAC,GAAD;EACS,QAAA;EACC,SAAA;EACR,CAAA,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAO;CAAA,AAAAP,EAAA,OAAAG,IAcCI,IAAAP,EAAA,MAHcO,KAAAC,MAAA;EACTA,MAAeC,KAAAA,KACnBN,EAAgBK,EAAW;IAC5BR,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAG;CAAA,AAAAV,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IACQI,IAAA,EAAAC,MACD,gBACP,EAAAX,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CAAA,IAAAY;CAEC,OAFDZ,EAAA,OAAAO,KAAAP,EAAA,OAAAE,KArBLU,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAIA,kBAAC,GAAD;GACqB,mBAAA;GACJ,eAAA;GACD,cAAA;GACF,aAAA;GACL,QAAA;GACFV,KAAAA;GACAC,KAAAA;GACIC,SAAAA;GACFM,OAAAA;GACQ,eAAAK;GAIN,SAAAG;GAIb,CAAA,CAAM;KAAAV,EAAA,KAAAO,GAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAvBNY"}

package/dist/components/widget/Twap/TwapDetailWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwapDetailWithTooltip.js","names":["concatClassNamesMaps","DetailWithTooltip","DetailWithTooltipProps","defaultClasses","root","icon","const","TwapDetailWithTooltip","props","$","_c","t0","classes","t1"],"sources":["../../../../src/components/widget/Twap/TwapDetailWithTooltip.tsx"],"sourcesContent":["import { concatClassNamesMaps } from \"@/lib/utils\";\nimport { DetailWithTooltip } from \"../Details/DetailWithTooltip\";\nimport type { DetailWithTooltipProps } from \"../Details/types\";\n\nconst defaultClasses = {\n  root: \"text-sm text-contrast-3 dark:text-contrast-7\",\n  icon: \"fill-contrast-6 dark:fill-contrast-5\",\n} as const;\n\nexport const TwapDetailWithTooltip = (props: DetailWithTooltipProps) => {\n  return (\n    <DetailWithTooltip\n      {...props}\n      classes={concatClassNamesMaps(defaultClasses, props.classes)}\n    />\n  );\n};\n"],"mappings":";;;;;AAIA,IAAMG,IAAiB;CACrBC,MAAM;CACNC,MAAM;CACP,EAEYE,KAAwBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAAA,CAAAF,EAAA,OAAAD,EAAAI,UAI6BD,IAAAF,EAAA,MAAnDE,IAAAX,EAAqBG,GAAgBK,EAAKI,QAAS,EAAAH,EAAA,KAAAD,EAAAI,SAAAH,EAAA,KAAAE;CAAA,IAAAE;AAC5D,QAD4DJ,EAAA,OAAAD,KAAAC,EAAA,OAAAE,KAF9DE,IAAA,kBAAC,GAAD;EAAkB,GACZL;EACK,SAAAG;EACT,CAAA,EAAAF,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHFI"}
+{"version":3,"file":"TwapDetailWithTooltip.js","names":["concatClassNamesMaps","DetailWithTooltip","DetailWithTooltipProps","defaultClasses","root","icon","const","TwapDetailWithTooltip","props","$","_c","t0","classes","t1"],"sources":["../../../../src/components/widget/Twap/TwapDetailWithTooltip.tsx"],"sourcesContent":["import { concatClassNamesMaps } from \"@/lib/utils\";\nimport { DetailWithTooltip } from \"../Details/DetailWithTooltip\";\nimport type { DetailWithTooltipProps } from \"../Details/types\";\n\nconst defaultClasses = {\n  root: \"text-sm text-contrast-3 dark:text-contrast-7\",\n  icon: \"fill-contrast-6 dark:fill-contrast-5\",\n} as const;\n\nexport const TwapDetailWithTooltip = (props: DetailWithTooltipProps) => {\n  return (\n    <DetailWithTooltip\n      {...props}\n      classes={concatClassNamesMaps(defaultClasses, props.classes)}\n    />\n  );\n};\n"],"mappings":";;;;;AAIA,IAAMG,IAAiB;CACrBC,MAAM;CACNC,MAAM;CACP,EAEYE,KAAwBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CAAA,AAAAF,EAAA,OAAAD,EAAAI,UAI6BD,IAAAF,EAAA,MAAnDE,IAAAX,EAAqBG,GAAgBK,EAAKI,QAAS,EAAAH,EAAA,KAAAD,EAAAI,SAAAH,EAAA,KAAAE;CAAA,IAAAE;CAC5D,OAD4DJ,EAAA,OAAAD,KAAAC,EAAA,OAAAE,KAF9DE,IAAA,kBAAC,GAAD;EAAkB,GACZL;EACK,SAAAG;EACT,CAAA,EAAAF,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHFI"}

package/dist/components/widget/Warning/InsufficientBalanceMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsufficientBalanceMessage.js","names":["WarningMessage","InsufficientBalanceMessageProps","InsufficientBalanceMessage","React","FC","t0","$","_c","token","shouldDisplay","messageOverride","t1","symbol","address","t2"],"sources":["../../../../src/components/widget/Warning/InsufficientBalanceMessage.tsx"],"sourcesContent":["import { WarningMessage } from \"./WarningMessage\";\nimport type { InsufficientBalanceMessageProps } from \"./types\";\n\nexport const InsufficientBalanceMessage: React.FC<\n  InsufficientBalanceMessageProps\n> = ({ token, shouldDisplay, messageOverride }) => {\n  return (\n    <WarningMessage\n      message={\n        messageOverride ||\n        `Insufficient ${token.symbol || token.address} balance.`\n      }\n      shouldDisplay={shouldDisplay}\n    />\n  );\n};\n"],"mappings":";;;;AAGA,IAAaE,KAETG,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,UAAAC,kBAAAC,uBAAAL,GAIGM,IAAAD,KAAA,gBACgBF,EAAKI,UAAWJ,EAAKK,QAAQ,YAAWC;AAG1D,QAH0DR,EAAA,OAAAG,KAAAH,EAAA,OAAAK,KAH5DG,IAAA,kBAAC,GAAD;EAEI,SAAAH;EAGaF;EACf,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAK,GAAAL,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IANFQ"}
+{"version":3,"file":"InsufficientBalanceMessage.js","names":["WarningMessage","InsufficientBalanceMessageProps","InsufficientBalanceMessage","React","FC","t0","$","_c","token","shouldDisplay","messageOverride","t1","symbol","address","t2"],"sources":["../../../../src/components/widget/Warning/InsufficientBalanceMessage.tsx"],"sourcesContent":["import { WarningMessage } from \"./WarningMessage\";\nimport type { InsufficientBalanceMessageProps } from \"./types\";\n\nexport const InsufficientBalanceMessage: React.FC<\n  InsufficientBalanceMessageProps\n> = ({ token, shouldDisplay, messageOverride }) => {\n  return (\n    <WarningMessage\n      message={\n        messageOverride ||\n        `Insufficient ${token.symbol || token.address} balance.`\n      }\n      shouldDisplay={shouldDisplay}\n    />\n  );\n};\n"],"mappings":";;;;AAGA,IAAaE,KAETG,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,UAAAC,kBAAAC,uBAAAL,GAIGM,IAAAD,KAAA,gBACgBF,EAAKI,UAAWJ,EAAKK,QAAQ,YAAWC;CAG1D,OAH0DR,EAAA,OAAAG,KAAAH,EAAA,OAAAK,KAH5DG,IAAA,kBAAC,GAAD;EAEI,SAAAH;EAGaF;EACf,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAK,GAAAL,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IANFQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Warning.js","names":["InfoIcon","WarningProps","cn","WithClasses","rootClassName","Warning","t0","$","_c","message","classes","iconReplacement","t1","root","t2","t3","t4","t5","t6","t7","t8","WarningWithTitle","title","t9"],"sources":["../../../../src/components/widget/Warning/Warning.tsx"],"sourcesContent":["import { InfoIcon } from \"lucide-react\";\nimport type { WarningProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nconst rootClassName =\n  \"p-4 border-1 border-[#F90] rounded-xs bg-[rgba(255,153,0,0.05)] text-secondary-orange-peel-1\";\n\nexport const Warning = ({\n  message,\n  classes,\n  iconReplacement,\n}: WarningProps) => {\n  return (\n    <div className={cn(rootClassName, classes?.root)}>\n      <div className=\"flex items-center gap-2\">\n        {iconReplacement || <InfoIcon size={18} />}\n        <div className={cn(\"text-xs\", classes?.message)}>{message}</div>\n      </div>\n    </div>\n  );\n};\n\nexport const WarningWithTitle = ({\n  title,\n  message,\n  classes,\n  iconReplacement,\n}: {\n  message: React.ReactNode;\n  title: React.ReactNode;\n  iconReplacement?: React.ReactNode;\n} & WithClasses<\"root\" | \"title\">) => {\n  return (\n    <div\n      className={cn(\n        rootClassName,\n        \"grid grid-cols-[auto_1fr] gap-2\",\n        classes?.root\n      )}\n    >\n      {iconReplacement || <InfoIcon size={18} />}\n      <div className=\"flex flex-col gap-2\">\n        <div className={cn(\"text-sm\", classes?.title)}>{title}</div>\n        <div className=\"text-xs\">{message}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Warning.js","names":["InfoIcon","WarningProps","cn","WithClasses","rootClassName","Warning","t0","$","_c","message","classes","iconReplacement","t1","root","t2","t3","t4","t5","t6","t7","t8","WarningWithTitle","title","t9"],"sources":["../../../../src/components/widget/Warning/Warning.tsx"],"sourcesContent":["import { InfoIcon } from \"lucide-react\";\nimport type { WarningProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nconst rootClassName =\n  \"p-4 border-1 border-[#F90] rounded-xs bg-[rgba(255,153,0,0.05)] text-secondary-orange-peel-1\";\n\nexport const Warning = ({\n  message,\n  classes,\n  iconReplacement,\n}: WarningProps) => {\n  return (\n    <div className={cn(rootClassName, classes?.root)}>\n      <div className=\"flex items-center gap-2\">\n        {iconReplacement || <InfoIcon size={18} />}\n        <div className={cn(\"text-xs\", classes?.message)}>{message}</div>\n      </div>\n    </div>\n  );\n};\n\nexport const WarningWithTitle = ({\n  title,\n  message,\n  classes,\n  iconReplacement,\n}: {\n  message: React.ReactNode;\n  title: React.ReactNode;\n  iconReplacement?: React.ReactNode;\n} & WithClasses<\"root\" | \"title\">) => {\n  return (\n    <div\n      className={cn(\n        rootClassName,\n        \"grid grid-cols-[auto_1fr] gap-2\",\n        classes?.root\n      )}\n    >\n      {iconReplacement || <InfoIcon size={18} />}\n      <div className=\"flex flex-col gap-2\">\n        <div className={cn(\"text-sm\", classes?.title)}>{title}</div>\n        <div className=\"text-xs\">{message}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/Warning/WarningMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningMessage.js","names":["InfoIcon","WarningMessage","React","FC","message","shouldDisplay","t0","$","_c","t1","Symbol","for","t2"],"sources":["../../../../src/components/widget/Warning/WarningMessage.tsx"],"sourcesContent":["import { InfoIcon } from \"lucide-react\";\n\nexport const WarningMessage: React.FC<{\n  message: string;\n  shouldDisplay?: boolean;\n}> = ({ shouldDisplay, message }) => {\n  if (!shouldDisplay || !message) return null;\n  return (\n    <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n      <InfoIcon size={14} />\n      {message}\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAGRK,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAH,kBAAAD,eAAAE;AACJ,KAAI,CAACD,KAAD,CAAmBD,EAAO,QAAS;CAAK,IAAAK;AAAA,CAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAGxCF,IAAA,kBAAC,GAAD,EAAgB,MAAA,IAAM,CAAA,EAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAAA,IAAAK;AAElB,QAFkBL,EAAA,OAAAH,IAElBQ,IAAAL,EAAA,MAHNK,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEH,GACCL,EACG;KAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAK,IAHNA"}
+{"version":3,"file":"WarningMessage.js","names":["InfoIcon","WarningMessage","React","FC","message","shouldDisplay","t0","$","_c","t1","Symbol","for","t2"],"sources":["../../../../src/components/widget/Warning/WarningMessage.tsx"],"sourcesContent":["import { InfoIcon } from \"lucide-react\";\n\nexport const WarningMessage: React.FC<{\n  message: string;\n  shouldDisplay?: boolean;\n}> = ({ shouldDisplay, message }) => {\n  if (!shouldDisplay || !message) return null;\n  return (\n    <div className=\"text-xs text-secondary-orange-peel-1 flex items-center gap-2\">\n      <InfoIcon size={14} />\n      {message}\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAGRK,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAH,kBAAAD,eAAAE;CACJ,IAAI,CAACD,KAAD,CAAmBD,GAAO,OAAS;CAAK,IAAAK;CAAA,AAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAGxCF,IAAA,kBAAC,GAAD,EAAgB,MAAA,IAAM,CAAA,EAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAAA,IAAAK;CAElB,OAFkBL,EAAA,OAAAH,IAElBQ,IAAAL,EAAA,MAHNK,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEH,GACCL,EACG;KAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAK,IAHNA"}

package/dist/components/widget/WrapEth/WrapEthContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapEthContent.js","names":["ReactComponent","WethSVG","WrapEthProps","useCurrentChainConfig","Button","WithClasses","cn","toDecimalTrimmed","Loader2","useSubmitDepositTxMutation","TransactionReceipt","WrapEthContent","t0","$","_c","onSuccess","onDismiss","ethAmountUnit","ethAmountWei","isLoading","canWrap","classes","tradeMode","name","nativeCurrency","t1","amount","mutate","isPending","t2","amountToDisplay","t3","root","t4","t5","Symbol","for","t6","symbol","t7","t8","t9","t10","t11","t12","t13"],"sources":["../../../../src/components/widget/WrapEth/WrapEthContent.tsx"],"sourcesContent":["import { ReactComponent as WethSVG } from \"@/assets/weth.svg\";\nimport type { WrapEthProps } from \"./hooks/types\";\nimport { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { Button } from \"@/components/ui/button\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { Loader2 } from \"lucide-react\";\nimport { useSubmitDepositTxMutation } from \"./hooks/useSubmitDepositTxMutation\";\nimport type { TransactionReceipt } from \"viem\";\n\nexport const WrapEthContent = ({\n  onSuccess,\n  onDismiss,\n  ethAmountUnit,\n  ethAmountWei,\n  isLoading,\n  canWrap,\n  classes,\n  tradeMode,\n}: {\n  onSuccess?: (txReceipt: TransactionReceipt) => void;\n  onDismiss?: () => void;\n} & WrapEthProps &\n  WithClasses<\"root\">) => {\n  const { name, nativeCurrency } = useCurrentChainConfig();\n\n  const { mutate, isPending } = useSubmitDepositTxMutation({\n    amount: ethAmountWei,\n    onSuccess,\n    tradeMode,\n  });\n\n  const amountToDisplay = toDecimalTrimmed(ethAmountUnit);\n\n  return (\n    <div\n      className={cn(\"flex flex-col items-center justify-center\", classes?.root)}\n    >\n      <WethSVG className=\"mb-8\" />\n      <div className=\"max-w-[336px] text-center text-sm dark:text-contrast-7 flex flex-col gap-4\">\n        You need to wrap {amountToDisplay} {nativeCurrency.symbol} and use it as\n        W{nativeCurrency.symbol} in the Delta swap order. It's a technical\n        requirement on {name} network.\n        <a\n          className=\"text-primary-azul-1\"\n          href=\"#\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Read more about Wrapped {nativeCurrency.symbol}\n        </a>\n      </div>\n      <Button\n        className=\"w-full mt-12 h-[40px] text-md\"\n        radius=\"sm\"\n        disabled={!canWrap || isPending || isLoading}\n        onClick={() => mutate()}\n      >\n        {isPending && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n        Wrap {amountToDisplay} {nativeCurrency.symbol}\n      </Button>\n      <Button\n        className=\"w-full mt-4 h-[40px] text-md\"\n        variant=\"secondary\"\n        radius=\"sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WrapEthContent.js","names":["ReactComponent","WethSVG","WrapEthProps","useCurrentChainConfig","Button","WithClasses","cn","toDecimalTrimmed","Loader2","useSubmitDepositTxMutation","TransactionReceipt","WrapEthContent","t0","$","_c","onSuccess","onDismiss","ethAmountUnit","ethAmountWei","isLoading","canWrap","classes","tradeMode","name","nativeCurrency","t1","amount","mutate","isPending","t2","amountToDisplay","t3","root","t4","t5","Symbol","for","t6","symbol","t7","t8","t9","t10","t11","t12","t13"],"sources":["../../../../src/components/widget/WrapEth/WrapEthContent.tsx"],"sourcesContent":["import { ReactComponent as WethSVG } from \"@/assets/weth.svg\";\nimport type { WrapEthProps } from \"./hooks/types\";\nimport { useCurrentChainConfig } from \"@/hooks/useCurrentChain\";\nimport { Button } from \"@/components/ui/button\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { cn } from \"@/lib/utils\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { Loader2 } from \"lucide-react\";\nimport { useSubmitDepositTxMutation } from \"./hooks/useSubmitDepositTxMutation\";\nimport type { TransactionReceipt } from \"viem\";\n\nexport const WrapEthContent = ({\n  onSuccess,\n  onDismiss,\n  ethAmountUnit,\n  ethAmountWei,\n  isLoading,\n  canWrap,\n  classes,\n  tradeMode,\n}: {\n  onSuccess?: (txReceipt: TransactionReceipt) => void;\n  onDismiss?: () => void;\n} & WrapEthProps &\n  WithClasses<\"root\">) => {\n  const { name, nativeCurrency } = useCurrentChainConfig();\n\n  const { mutate, isPending } = useSubmitDepositTxMutation({\n    amount: ethAmountWei,\n    onSuccess,\n    tradeMode,\n  });\n\n  const amountToDisplay = toDecimalTrimmed(ethAmountUnit);\n\n  return (\n    <div\n      className={cn(\"flex flex-col items-center justify-center\", classes?.root)}\n    >\n      <WethSVG className=\"mb-8\" />\n      <div className=\"max-w-[336px] text-center text-sm dark:text-contrast-7 flex flex-col gap-4\">\n        You need to wrap {amountToDisplay} {nativeCurrency.symbol} and use it as\n        W{nativeCurrency.symbol} in the Delta swap order. It's a technical\n        requirement on {name} network.\n        <a\n          className=\"text-primary-azul-1\"\n          href=\"#\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Read more about Wrapped {nativeCurrency.symbol}\n        </a>\n      </div>\n      <Button\n        className=\"w-full mt-12 h-[40px] text-md\"\n        radius=\"sm\"\n        disabled={!canWrap || isPending || isLoading}\n        onClick={() => mutate()}\n      >\n        {isPending && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n        Wrap {amountToDisplay} {nativeCurrency.symbol}\n      </Button>\n      <Button\n        className=\"w-full mt-4 h-[40px] text-md\"\n        variant=\"secondary\"\n        radius=\"sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"mappings":"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"}