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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UnstyledInput","NumericFormat","NumericFormatProps","DropdownWithItems","DropdownItem","DropdownWithItemsProps","ChevronIcon","jotaiStore","useAtom","timeUnitAtom","limitTimeUnitAtom","TimeUnit","TimeUnitObject","otcTimeUnitAtom","minTimeUnit","neverTimeUnit","timeUnits","useEffect","useState","TimeUnitsDropdownProps","expiryTimeValue","selectedTimeUnit","onSelect","timeUnit","classes","type","OrderExpiryInputProps","TimeUnitsDropdown","React","FC","t0","$","_c","isLimit","t1","specificTimeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","timeUnitObject","setTimeUnitObject","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","sub","get","trigger","t7","t8","OrderExpiryInput","props"],"sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["UnstyledInput","NumericFormat","NumericFormatProps","DropdownWithItems","DropdownItem","DropdownWithItemsProps","ChevronIcon","jotaiStore","useAtom","timeUnitAtom","limitTimeUnitAtom","TimeUnit","TimeUnitObject","otcTimeUnitAtom","minTimeUnit","neverTimeUnit","timeUnits","useEffect","useState","TimeUnitsDropdownProps","expiryTimeValue","selectedTimeUnit","onSelect","timeUnit","classes","type","OrderExpiryInputProps","TimeUnitsDropdown","React","FC","t0","$","_c","isLimit","t1","specificTimeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","timeUnitObject","setTimeUnitObject","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","sub","get","trigger","t7","t8","OrderExpiryInput","props"],"sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAM2B,KAAsDG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAZ,oBAAAC,qBAAAC,aAAAE,YAAAC,YAAAK,GAO3DG,IAAgBR,MAAS,SAAQS;CAAA,IAAAH,EAAA,OAAAE,KAAAF,EAAA,OAAAT,KAAAS,EAAA,OAAAV,GAAA;EACjC,IAAAc,IAA0BF,IACtBjB,EAASoB,OAAQC,EACR,GAFarB,GAEZsB;EASXP,AATWA,EAAA,OAAAT,KAAAS,EAAA,OAAAV,KAEoCiB,KAAAC,OAAW;GAAAC,OACpDC,EAAID;GAAMlB,gBACP;IACRA,EAASmB,EAAK;;GACfC,WACU;GAAYC,UACbF,EAAID,UAAWnB;GAC1B,GAACU,EAAA,KAAAT,GAAAS,EAAA,KAAAV,GAAAU,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAPYG,IAAAC,EAAiBS,IAAmBN,EAO/C,EAAAP,EAAA,KAAAE,GAAAF,EAAA,KAAAT,GAAAS,EAAA,KAAAV,GAAAU,EAAA,KAAAG;QAAAA,IAAAH,EAAA;CAPH,IAAAc,IAAcX,GAOVI;CAAA,AAAAP,EAAA,OAAAX,KAAAW,EAAA,OAAAV,KAGFiB,IAAAlB,IAAkB,KAAKC,MAAqBN,EAAayB,QAAzDnB,IAEIA,EAAgByB,MAAO,GAAG,GAAG,EAAAf,EAAA,KAAAX,GAAAW,EAAA,KAAAV,GAAAU,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAHnC,IAAAS,IACEF,GAEkCS;CAAA,AAAAhB,EAAA,QAAAS,IAIWO,IAAAhB,EAAA,OAA3CgB,IAAA,kBAAA,QAAA;EAAgB,WAAA;YAAcP;EAAa,CAAA,EAAAT,EAAA,MAAAS,GAAAT,EAAA,MAAAgB;CAAA,IAAAC;CAAA,AAAAjB,EAAA,QAAAkB,OAAAC,IAAA,4BAAA,IAC3CF,IAAA,kBAAC,GAAD;EAAoB,OAAA;EAAY,QAAA;EAAc,WAAA;EAAa,CAAA,EAAAjB,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA;CAAA,IAAAoB;CAAA,AAAApB,EAAA,QAAAgB,IACvDI,IAAApB,EAAA,OAHNoB,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEJ,GACAC,EACI;KAAAjB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAoB;CAJR,IAAAC,IACED,GAIAE;CAQE,OARFtB,EAAA,QAAAP,KAAAO,EAAA,QAAAc,KAAAd,EAAA,QAAAqB,KAGAC,IAAA,kBAAC,GAAD;EACSR;EACMO;EACJ5B;EACH,OAAA;EACN,CAAA,EAAAO,EAAA,MAAAP,GAAAO,EAAA,MAAAc,GAAAd,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KALFsB;GASEC,KAAgBxB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAP,YAAAK,GACrBG,IAAgBR,MAAS,SACzB8B,IAAuBtB,IAAAvB,IAAAG,GACvB,CAAA2C,GAAAC,KAA4CjD,EAAQ+C,EAAe,EAEnEG,KAA2DxB,GAAAyB,MAAA;EACzD,IAAA,EAAAC,kBAAA1B;EAMIyB,EAAUE,WAAY,WAE1BC,EAASF,KAAA,EAAgB,EAErBA,MAAe7C,EAAagD,SAA5B,CAAuC9B,IACzCwB,EAAkB1C,EAAc,GAOhC0C,EANSG,MAAeI,KAAAA,IAMNlD,IALA;GAAA0B,OACTgB,EAAchB;GAAMuB,OACpBH;GACR,CAE6B;IAQlC,CAAAG,GAAAzB,KAA0BpB,EAASsC,EAAcO,MAAO,EAA1CD,IAAAA,GAAQf;CAAA,AAAAhB,EAAA,OAAA+B,KAAA/B,EAAA,OAAAwB,KAEZR,UACDxC,EAAU0D,IAAKV,SAAgB;EACpCO,EAASvD,EAAU2D,IAAKX,EAAe,CAAAQ,MAAO;GAEjD,EAAAhC,EAAA,KAAA+B,GAAA/B,EAAA,KAAAwB,GAAAxB,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA;CAAA,IAAAiB;CAJD/B,AAICc,EAAA,OAAAwB,IAAkBP,IAAAjB,EAAA,MAAhBiB,IAAA,CAACO,EAAe,EAAAxB,EAAA,KAAAwB,GAAAxB,EAAA,KAAAiB,IAJnB/B,EAAU8B,GAIPC,EAAiB;CAAA,IAAAG;CAAA,AAAApB,EAAA,OAAA2B,KAAA3B,EAAA,OAAA+B,KAAA/B,EAAA,OAAAyB,EAAAhB,SAAAT,EAAA,OAAAyB,EAAAO,SAAAhC,EAAA,OAAAgC,KAIfZ,IAAAK,EAAchB,UAAWzB,EAAayB,SACrC,kBAAC,GAAD;EACY,WAAA;EACE,aAAA;EACLuB;EACQL;EACD,cAAA;EACC,eAAA;EACI,mBAAA;EACN1D,aAAAA;EACb,mBAAA;EACQ,cAAA;GACN8D,EAASN,EAAcO,MAAO;;EAGnC,CAAA,EAAAhC,EAAA,KAAA2B,GAAA3B,EAAA,KAAA+B,GAAA/B,EAAA,KAAAyB,EAAAhB,OAAAT,EAAA,KAAAyB,EAAAO,OAAAhC,EAAA,KAAAgC,GAAAhC,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAsB;CAAA,AAAAtB,EAAA,QAAAkB,OAAAC,IAAA,4BAAA,IAKUG,IAAA,EAAAc,SACE,uBACV,EAAApC,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA;CAAA,IAAAqC;CAAA,AAAArC,EAAA,QAAA0B,KAAA1B,EAAA,QAAAyB,EAAAhB,SAAAT,EAAA,QAAAN,KAAAM,EAAA,QAAAgC,KANHK,IAAA,kBAAC,GAAD;EACoB,kBAAAZ,EAAchB;EACtBiB,UAAAA;EACOM,iBAAAA;EACR,SAAAV;EAGH5B;EACN,CAAA,EAAAM,EAAA,MAAA0B,GAAA1B,EAAA,MAAAyB,EAAAhB,OAAAT,EAAA,MAAAN,GAAAM,EAAA,MAAAgC,GAAAhC,EAAA,MAAAqC,KAAAA,IAAArC,EAAA;CAAA,IAAAsC;CACE,OADFtC,EAAA,QAAAoB,KAAApB,EAAA,QAAAqC,KAzBJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGlB,GAgBDiB,EASI;KAAArC,EAAA,MAAAoB,GAAApB,EAAA,MAAAqC,GAAArC,EAAA,MAAAsC,KAAAA,IAAAtC,EAAA,KA1BNsC;GAkCSC,KAAmBC,MAAA;CAAA,IAAAxC,IAAAC,EAAA,EAAA,EAAAF;CAAA,AAAAC,EAAA,OAAAkB,OAAAC,IAAA,4BAAA,IAG1BpB,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAA,QAAA,EAAA,UAAM,gBACR,CAAA;EAAM,CAAA,EAAAC,EAAA,KAAAD,KAAAA,IAAAC,EAAA;CAAA,IAAAG;CAIF,OAJEH,EAAA,OAAAwC,IAIFrC,IAAAH,EAAA,MAPNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEJ,GAGA,kBAAA,OAAA;GAAe,WAAA;aACb,kBAAC,GAAD,EAAc,GAAKyC,GACrB,CAAA;GACF,CAAA,CAAM;KAAAxC,EAAA,KAAAwC,GAAAxC,EAAA,KAAAG,IAPNA;;AAxHwD,SAAAG,EAAAI,GAAA;CAAA,OAS3BA,EAAID,UAAW"}

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderListItem.js","names":["OtcOrderItem","cn","shortenAddress","LimitOrderFromApi","Rate","TimeTillExpiry","TradeAndNetwork","LimitOrderStateChecker","OtcOrdersListItem","t0","$","_c","orderItem","onClick","t1","t2","t3","t4","Symbol","for","t5","taker","undefined","t6","t7","StatusBadge","state","success","has","failed","active","rateClasses","left","right","RateAndStatus","extra","expiry"],"sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"./types\";\nimport { cn, shortenAddress } from \"@/lib/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\n\nimport {\n  Rate,\n  TimeTillExpiry,\n  TradeAndNetwork,\n} from \"../LimitOrderItem/LimitOrderListItem\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport const OtcOrdersListItem = ({\n  orderItem,\n  onClick,\n}: {\n  orderItem: OtcOrderItem;\n  onClick: (orderItem: OtcOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(orderItem)}\n    >\n      <TradeAndNetwork {...orderItem} />\n      <RateAndStatus {...orderItem} />\n      <div className=\"text-xs\">\n        <span className=\"text-contrast-5 dark:text-contrast-5\">Receiver</span>{\" \"}\n        <span className=\"dark:text-contrast-7\">\n          {shortenAddress(orderItem.taker, undefined, 6)}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ state }: Pick<LimitOrderFromApi, \"state\">) => {\n  const success = LimitOrderStateChecker.success.has(state);\n  const failed = LimitOrderStateChecker.failed.has(state);\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": active,\n      })}\n    >\n      {state}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = ({ state, extra, expiry }: OtcOrderItem) => {\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Rate extra={extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {active && <TimeTillExpiry deadline={expiry} />}\n        <StatusBadge state={state} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"OtcOrderListItem.js","names":["OtcOrderItem","cn","shortenAddress","LimitOrderFromApi","Rate","TimeTillExpiry","TradeAndNetwork","LimitOrderStateChecker","OtcOrdersListItem","t0","$","_c","orderItem","onClick","t1","t2","t3","t4","Symbol","for","t5","taker","undefined","t6","t7","StatusBadge","state","success","has","failed","active","rateClasses","left","right","RateAndStatus","extra","expiry"],"sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"./types\";\nimport { cn, shortenAddress } from \"@/lib/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\n\nimport {\n  Rate,\n  TimeTillExpiry,\n  TradeAndNetwork,\n} from \"../LimitOrderItem/LimitOrderListItem\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport const OtcOrdersListItem = ({\n  orderItem,\n  onClick,\n}: {\n  orderItem: OtcOrderItem;\n  onClick: (orderItem: OtcOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(orderItem)}\n    >\n      <TradeAndNetwork {...orderItem} />\n      <RateAndStatus {...orderItem} />\n      <div className=\"text-xs\">\n        <span className=\"text-contrast-5 dark:text-contrast-5\">Receiver</span>{\" \"}\n        <span className=\"dark:text-contrast-7\">\n          {shortenAddress(orderItem.taker, undefined, 6)}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ state }: Pick<LimitOrderFromApi, \"state\">) => {\n  const success = LimitOrderStateChecker.success.has(state);\n  const failed = LimitOrderStateChecker.failed.has(state);\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": active,\n      })}\n    >\n      {state}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = ({ state, extra, expiry }: OtcOrderItem) => {\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Rate extra={extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {active && <TimeTillExpiry deadline={expiry} />}\n        <StatusBadge state={state} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","OTC_ORDERS_QUERY_PARAMS","type","orderBy","limit","const"],"sources":["../../../../src/components/widget/OtcOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n// corresponds to MAX_ORDERS_LIMIT in lo-service\nconst LIMIT_OF_ORDERS = 500;\n\nexport const OTC_ORDERS_QUERY_PARAMS = {\n  type: \"P2P\",\n  orderBy: \"updatedAt\",\n  limit: LIMIT_OF_ORDERS,\n} as const;\n"],"mappings":"AAIA,IAAaC,IAA0B;CACrCC,MAAM;CACNC,SAAS;CACTC,OALsB;CAMvB"}
+{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","OTC_ORDERS_QUERY_PARAMS","type","orderBy","limit","const"],"sources":["../../../../src/components/widget/OtcOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n// corresponds to MAX_ORDERS_LIMIT in lo-service\nconst LIMIT_OF_ORDERS = 500;\n\nexport const OTC_ORDERS_QUERY_PARAMS = {\n  type: \"P2P\",\n  orderBy: \"updatedAt\",\n  limit: LIMIT_OF_ORDERS,\n} as const;\n"],"mappings":"AAIA,IAAaC,IAA0B;CACrCC,MAAM;CACNC,SAAS;CACTC,OAAOJ;CACR"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","isSupportedChainId","LimitOrderFromApi","OtcOrderItem","OtcOrderItemWithExtra","FillableOtcOrderItem","formatUnits","Address","Token","LimitOrderStateChecker","constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","chainId","srcTokenKey","address","makerAsset","network","foundSrcToken","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","visualItemType","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\nimport type {\n  OtcOrderItem,\n  OtcOrderItemWithExtra,\n  FillableOtcOrderItem,\n} from \"./types\";\nimport { formatUnits, type Address } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport function constructOtcOrderItem(\n  order: LimitOrderFromApi,\n  allChainsTokenMap: AllChainsTokenMap,\n  account?: Address\n): OtcOrderItem {\n  const srcAmount = order.makerAmount;\n  const destAmount = order.takerAmount;\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(order.chainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: order.makerAsset,\n      network: order.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: order.takerAsset,\n      network: order.chainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  const userIsTaker =\n    !!account && account.toLowerCase() === order.taker.toLowerCase();\n\n  const visualItemType = \"OTC\";\n\n  const extra = userIsTaker\n    ? {\n        srcToken: destToken,\n        destToken: srcToken,\n        srcAmount: destAmount,\n        destAmount: srcAmount,\n        srcAmountUnit: destAmountUnit,\n        destAmountUnit: srcAmountUnit,\n        visualItemType,\n      }\n    : {\n        srcToken,\n        destToken,\n        srcAmount,\n        destAmount,\n        srcAmountUnit,\n        destAmountUnit,\n        visualItemType,\n      };\n\n  return {\n    ...order,\n    extra,\n    userIsTaker,\n    itemType: \"otc-order\",\n  };\n}\n\nexport function filterByActiveAndCompletedOrders(limitOrders: OtcOrderItem[]) {\n  const activeOrders: OtcOrderItem[] = [];\n  const completedOrders: OtcOrderItem[] = [];\n\n  limitOrders.forEach((order) => {\n    if (LimitOrderStateChecker.active.has(order.state)) {\n      activeOrders.push(order);\n    } else {\n      completedOrders.push(order);\n    }\n  });\n\n  return { activeOrders, completedOrders };\n}\n\nexport function isOtcOrderWithExtra(\n  order: OtcOrderItem\n): order is OtcOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function isFillableOrderItem(\n  order: OtcOrderItem\n): order is FillableOtcOrderItem {\n  return !!(\n    isOtcOrderWithExtra(order) &&\n    order.userIsTaker &&\n    LimitOrderStateChecker.active.has(order.state)\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBW,EACdC,GACAC,GACAC,GACc;CACd,IAAMC,IAAYH,EAAMI,aAClBC,IAAaL,EAAMM,aAErBC,GACAC,GAEAC,GACAC;AAEJ,KAAIpB,EAAmBU,EAAMW,QAAQ,EAAE;EAMrC,IAAMK,IAAgBf,EALFZ,EAAa;GAC/BwB,SAASb,EAAMc;GACfC,SAASf,EAAMW;GAChB,CAAC;AAGF,EAAIK,MACFT,IAAWS,GACXP,IAAgBd,EAAYsB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;EAQxE,IAAMG,IAAiBpB,EALFZ,EAAa;GAChCwB,SAASb,EAAMoB;GACfL,SAASf,EAAMW;GAChB,CAAC;AAGF,EAAIU,MACFb,IAAYa,GACZX,IAAiBf,EAAYsB,OAAOZ,EAAW,EAAEgB,EAAeH,SAAS;;CAI7E,IAAMI,IACJ,CAAC,CAACpB,KAAWA,EAAQqB,aAAa,KAAKvB,EAAMwB,MAAMD,aAAa,EAI5DG,IAAQJ,IACV;EACEf,UAAUC;EACVA,WAAWD;EACXJ,WAAWE;EACXA,YAAYF;EACZM,eAAeC;EACfA,gBAAgBD;EAChBgB;EACD,GACD;EACElB;EACAC;EACAL;EACAE;EACAI;EACAC;EACAe;EACD;AAEL,QAAO;EACL,GAAGzB;EACH0B;EACAJ;EACAK,UAAU;EACX;;AAGH,SAAgBC,EAAiCC,GAA6B;CAC5E,IAAMC,IAA+B,EAAE,EACjCC,IAAkC,EAAE;AAU1C,QARAF,EAAYG,SAAShC,MAAU;AAC7B,EAAIF,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM,GAChDL,EAAaM,KAAKpC,EAAM,GAExB+B,EAAgBK,KAAKpC,EAAM;GAE7B,EAEK;EAAE8B;EAAcC;EAAiB;;AAG1C,SAAgBM,EACdrC,GACgC;CAChC,IAAM,EAAEO,aAAUC,cAAWC,kBAAeC,sBAAmBV,EAAM0B;AACrE,QAAO,CAAC,EAAEnB,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgB4B,EACdtC,GAC+B;AAC/B,QAAO,CAAC,EACNqC,EAAoBrC,EAAM,IAC1BA,EAAMsB,eACNxB,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM"}
+{"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","isSupportedChainId","LimitOrderFromApi","OtcOrderItem","OtcOrderItemWithExtra","FillableOtcOrderItem","formatUnits","Address","Token","LimitOrderStateChecker","constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","chainId","srcTokenKey","address","makerAsset","network","foundSrcToken","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","visualItemType","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\nimport type {\n  OtcOrderItem,\n  OtcOrderItemWithExtra,\n  FillableOtcOrderItem,\n} from \"./types\";\nimport { formatUnits, type Address } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport function constructOtcOrderItem(\n  order: LimitOrderFromApi,\n  allChainsTokenMap: AllChainsTokenMap,\n  account?: Address\n): OtcOrderItem {\n  const srcAmount = order.makerAmount;\n  const destAmount = order.takerAmount;\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(order.chainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: order.makerAsset,\n      network: order.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: order.takerAsset,\n      network: order.chainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  const userIsTaker =\n    !!account && account.toLowerCase() === order.taker.toLowerCase();\n\n  const visualItemType = \"OTC\";\n\n  const extra = userIsTaker\n    ? {\n        srcToken: destToken,\n        destToken: srcToken,\n        srcAmount: destAmount,\n        destAmount: srcAmount,\n        srcAmountUnit: destAmountUnit,\n        destAmountUnit: srcAmountUnit,\n        visualItemType,\n      }\n    : {\n        srcToken,\n        destToken,\n        srcAmount,\n        destAmount,\n        srcAmountUnit,\n        destAmountUnit,\n        visualItemType,\n      };\n\n  return {\n    ...order,\n    extra,\n    userIsTaker,\n    itemType: \"otc-order\",\n  };\n}\n\nexport function filterByActiveAndCompletedOrders(limitOrders: OtcOrderItem[]) {\n  const activeOrders: OtcOrderItem[] = [];\n  const completedOrders: OtcOrderItem[] = [];\n\n  limitOrders.forEach((order) => {\n    if (LimitOrderStateChecker.active.has(order.state)) {\n      activeOrders.push(order);\n    } else {\n      completedOrders.push(order);\n    }\n  });\n\n  return { activeOrders, completedOrders };\n}\n\nexport function isOtcOrderWithExtra(\n  order: OtcOrderItem\n): order is OtcOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function isFillableOrderItem(\n  order: OtcOrderItem\n): order is FillableOtcOrderItem {\n  return !!(\n    isOtcOrderWithExtra(order) &&\n    order.userIsTaker &&\n    LimitOrderStateChecker.active.has(order.state)\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBW,EACdC,GACAC,GACAC,GACc;CACd,IAAMC,IAAYH,EAAMI,aAClBC,IAAaL,EAAMM,aAErBC,GACAC,GAEAC,GACAC;CAEJ,IAAIpB,EAAmBU,EAAMW,QAAQ,EAAE;EAMrC,IAAMK,IAAgBf,EALFZ,EAAa;GAC/BwB,SAASb,EAAMc;GACfC,SAASf,EAAMW;GAChB,CAEuCC;EACxC,AAAII,MACFT,IAAWS,GACXP,IAAgBd,EAAYsB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;EAQxE,IAAMG,IAAiBpB,EALFZ,EAAa;GAChCwB,SAASb,EAAMoB;GACfL,SAASf,EAAMW;GAChB,CAEwCQ;EACzC,AAAIE,MACFb,IAAYa,GACZX,IAAiBf,EAAYsB,OAAOZ,EAAW,EAAEgB,EAAeH,SAAS;;CAI7E,IAAMI,IACJ,CAAC,CAACpB,KAAWA,EAAQqB,aAAa,KAAKvB,EAAMwB,MAAMD,aAAa,EAI5DG,IAAQJ,IACV;EACEf,UAAUC;EACVA,WAAWD;EACXJ,WAAWE;EACXA,YAAYF;EACZM,eAAeC;EACfA,gBAAgBD;EAChBgB;EACD,GACD;EACElB;EACAC;EACAL;EACAE;EACAI;EACAC;EACAe;EACD;CAEL,OAAO;EACL,GAAGzB;EACH0B;EACAJ;EACAK,UAAU;EACX;;AAGH,SAAgBC,EAAiCC,GAA6B;CAC5E,IAAMC,IAA+B,EAAE,EACjCC,IAAkC,EAAE;CAU1C,OARAF,EAAYG,SAAShC,MAAU;EAC7B,AAAIF,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM,GAChDL,EAAaM,KAAKpC,EAAM,GAExB+B,EAAgBK,KAAKpC,EAAM;GAE7B,EAEK;EAAE8B;EAAcC;EAAiB;;AAG1C,SAAgBM,EACdrC,GACgC;CAChC,IAAM,EAAEO,aAAUC,cAAWC,kBAAeC,sBAAmBV,EAAM0B;CACrE,OAAO,CAAC,EAAEnB,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgB4B,EACdtC,GAC+B;CAC/B,OAAO,CAAC,EACNqC,EAAoBrC,EAAM,IAC1BA,EAAMsB,eACNxB,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"PayReceiveInfo.js","names":["ArrowDown","TokenBadge","Line","PayReceiveInfoProps","TokenProps","NetworkWithIcon","formatFiatPrice","cn","WithClasses","PayReceiveInfo","t0","$","_c","topToken","bottomToken","classes","t1","root","t2","t3","t4","t5","t6","MiddleSection","Symbol","for","line","networkWithIconClasses","name","icon","const","TokenInfo","token","label","extraLabel","tokenBadgeProps","showNetwork","usdAmount","section","chainId","t7","undefined","t8","t9","t10"],"sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const PayReceiveInfo = ({\n  topToken,\n  bottomToken,\n  classes,\n}: PayReceiveInfoProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\",\n        classes?.root\n      )}\n    >\n      <TokenInfo token={topToken} classes={topToken.classes} />\n      <MiddleSection classes={classes} />\n      <TokenInfo token={bottomToken} classes={bottomToken.classes} />\n    </div>\n  );\n};\n\nconst MiddleSection = ({ classes }: WithClasses<\"line\">) => (\n  <div className=\"relative\">\n    <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n      <ArrowDown\n        className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n        size={16}\n      />\n    </div>\n    <Line className={classes?.line} />\n  </div>\n);\n\nconst networkWithIconClasses = {\n  name: \"text-contrast-5 text-[10px]\",\n  icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({\n  token,\n  classes,\n}: {\n  token: TokenProps;\n} & WithClasses<\"root\" | \"section\">) => {\n  const { label, extraLabel, tokenBadgeProps, showNetwork, usdAmount } = token;\n  return (\n    <div className={classes?.root}>\n      <div\n        className={cn(\n          \"px-4 py-6 flex justify-between font-medium\",\n          classes?.section\n        )}\n      >\n        <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n          {label}\n          {extraLabel}\n          {showNetwork && (\n            <NetworkWithIcon\n              networkId={tokenBadgeProps.chainId}\n              classes={networkWithIconClasses}\n            />\n          )}\n        </div>\n        <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n          <TokenBadge {...tokenBadgeProps} />\n          {usdAmount !== undefined && (\n            <div className=\"text-xs text-contrast-5\">\n              ~{formatFiatPrice(usdAmount)}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PayReceiveInfo.js","names":["ArrowDown","TokenBadge","Line","PayReceiveInfoProps","TokenProps","NetworkWithIcon","formatFiatPrice","cn","WithClasses","PayReceiveInfo","t0","$","_c","topToken","bottomToken","classes","t1","root","t2","t3","t4","t5","t6","MiddleSection","Symbol","for","line","networkWithIconClasses","name","icon","const","TokenInfo","token","label","extraLabel","tokenBadgeProps","showNetwork","usdAmount","section","chainId","t7","undefined","t8","t9","t10"],"sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const PayReceiveInfo = ({\n  topToken,\n  bottomToken,\n  classes,\n}: PayReceiveInfoProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\",\n        classes?.root\n      )}\n    >\n      <TokenInfo token={topToken} classes={topToken.classes} />\n      <MiddleSection classes={classes} />\n      <TokenInfo token={bottomToken} classes={bottomToken.classes} />\n    </div>\n  );\n};\n\nconst MiddleSection = ({ classes }: WithClasses<\"line\">) => (\n  <div className=\"relative\">\n    <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n      <ArrowDown\n        className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n        size={16}\n      />\n    </div>\n    <Line className={classes?.line} />\n  </div>\n);\n\nconst networkWithIconClasses = {\n  name: \"text-contrast-5 text-[10px]\",\n  icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({\n  token,\n  classes,\n}: {\n  token: TokenProps;\n} & WithClasses<\"root\" | \"section\">) => {\n  const { label, extraLabel, tokenBadgeProps, showNetwork, usdAmount } = token;\n  return (\n    <div className={classes?.root}>\n      <div\n        className={cn(\n          \"px-4 py-6 flex justify-between font-medium\",\n          classes?.section\n        )}\n      >\n        <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n          {label}\n          {extraLabel}\n          {showNetwork && (\n            <NetworkWithIcon\n              networkId={tokenBadgeProps.chainId}\n              classes={networkWithIconClasses}\n            />\n          )}\n        </div>\n        <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n          <TokenBadge {...tokenBadgeProps} />\n          {usdAmount !== undefined && (\n            <div className=\"text-xs text-contrast-5\">\n              ~{formatFiatPrice(usdAmount)}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.js","names":["ReactComponent","VeloraSVG","PoweredBy","$","_c","t0","Symbol","for"],"sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { ReactComponent as VeloraSVG } from \"./assets/velora.svg\";\n\nexport const PoweredBy = () => {\n  return (\n    <div className=\"flex gap-[4.5px] items-center justify-center mt-4\">\n      <VeloraSVG className=\"dark:fill-contrast-5\" />\n      <div className=\"text-[10px] text-contrast-6 font-geist-mono\">\n        Powered by Velora Protocol\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,IAAaE,UAAY;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAOf,QAPeF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAErBF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EAAqB,WAAA,wBACrB,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA8C;GAG/D,CAAA,CAAM;KAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IALNE"}
+{"version":3,"file":"PoweredBy.js","names":["ReactComponent","VeloraSVG","PoweredBy","$","_c","t0","Symbol","for"],"sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { ReactComponent as VeloraSVG } from \"./assets/velora.svg\";\n\nexport const PoweredBy = () => {\n  return (\n    <div className=\"flex gap-[4.5px] items-center justify-center mt-4\">\n      <VeloraSVG className=\"dark:fill-contrast-5\" />\n      <div className=\"text-[10px] text-contrast-6 font-geist-mono\">\n        Powered by Velora Protocol\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,IAAaE,UAAY;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CAOf,OAPeF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAErBF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EAAqB,WAAA,wBACrB,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA8C;GAG/D,CAAA,CAAM;KAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IALNE"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReceiverAddress.js","names":["cn","ReceiverAddressProps","SquarePen","ControlledDrawer","ReceiverAddressContent","useDrawerControls","ReceiverAddress","t0","$","_c","classes","props","shortAddress","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","t3","onClose","t4","drawer","t5","root","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({\n  classes,\n  shortAddress,\n  ...props\n}: ReceiverAddressProps) => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"receiver-address-drawer\",\n  });\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Receiver's Address\"\n      showCloseButton\n    >\n      <ReceiverAddressContent onClose={drawerProps.onClose} {...props} />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n          Receiving Address\n        </div>\n        {shortAddress ? (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n              {shortAddress}\n            </div>\n            <SquarePen\n              size={12}\n              className=\"text-primary-azul-1 cursor-pointer\"\n              onClick={onOpen}\n            />\n          </div>\n        ) : (\n          <div\n            className=\"text-xs text-primary-azul-1 cursor-pointer\"\n            onClick={onOpen}\n          >\n            Add a receiving address\n          </div>\n        )}\n        {drawer}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaM,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;AAAA,CAAAJ,EAAA,OAAAD,KAIRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJS,iCAAAG,KAAAJ,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;AAAA,CAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,IACgCF,IAAA,EAAAG,UACzC,2BACX,EAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAFkC,IAAAS,IAAAZ,EAAkBQ,EAEnD,EAAAK,GAAAC;AAAA,CAAAX,EAAA,OAAAS,KAACC,IAAAV,EAAA,IAAAW,IAAAX,EAAA,OAFH,eAAAU,KAAmCD,GAEhCT,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAW;CAAA,IAAAC;AAAA,CAAAZ,EAAA,OAAAU,EAAAG,WAAAb,EAAA,OAAAG,KAQCS,IAAA,kBAAC,GAAD;EAAiC,SAAAF,EAAWG;EAAQ,GAAMV;EAAS,CAAA,EAAAH,EAAA,KAAAU,EAAAG,SAAAb,EAAA,KAAAG,GAAAH,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KALrEE,IAAA,kBAAC,GAAD;EAAiB,GACXJ;EACE,OAAA;EACN,iBAAA;YAEAE;EACiB,CAAA,EAAAZ,EAAA,MAAAU,GAAAV,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAPrB,IAAAe,IACED,GAaIE,IAAAd,GAAOe,MAAMC;AAAA,CAAAlB,EAAA,QAAAgB,IACdE,IAAAlB,EAAA,OAHUkB,IAAA1B,EACT,uDACAwB,EACD,EAAAhB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAkB;CAAA,IAAAC;AAAA,CAAAnB,EAAA,QAAAM,OAAAC,IAAA,4BAAA,IAGCY,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAExD,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;AAAA,CAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAI,KACLgB,IAAAhB,IACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZA;GAEH,CAAA,EAAA,kBAAC,GAAD;GACQ,MAAA;GACI,WAAA;GACDO,SAAAA;GAEb,CAAA,CAQD;MANC,kBAAA,OAAA;EACY,WAAA;EACDA,SAAAA;YACV;EAGF,CAAA,EAAAX,EAAA,MAAAW,GAAAX,EAAA,MAAAI,GAAAJ,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;AAAA,CAAArB,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAtBHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEF;GAGCC;GAmBAL;GACG;KAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;AACF,QADEtB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA9BRC,IAAA,kBAAA,OAAA;EACa,WAAAJ;YAKXG;EAyBI,CAAA,EAAArB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KA/BNsB"}
+{"version":3,"file":"ReceiverAddress.js","names":["cn","ReceiverAddressProps","SquarePen","ControlledDrawer","ReceiverAddressContent","useDrawerControls","ReceiverAddress","t0","$","_c","classes","props","shortAddress","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","t3","onClose","t4","drawer","t5","root","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({\n  classes,\n  shortAddress,\n  ...props\n}: ReceiverAddressProps) => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"receiver-address-drawer\",\n  });\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Receiver's Address\"\n      showCloseButton\n    >\n      <ReceiverAddressContent onClose={drawerProps.onClose} {...props} />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n          Receiving Address\n        </div>\n        {shortAddress ? (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n              {shortAddress}\n            </div>\n            <SquarePen\n              size={12}\n              className=\"text-primary-azul-1 cursor-pointer\"\n              onClick={onOpen}\n            />\n          </div>\n        ) : (\n          <div\n            className=\"text-xs text-primary-azul-1 cursor-pointer\"\n            onClick={onOpen}\n          >\n            Add a receiving address\n          </div>\n        )}\n        {drawer}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaM,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAD,KAIRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJS,iCAAAG,KAAAJ,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;CAAA,AAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,IACgCF,IAAA,EAAAG,UACzC,2BACX,EAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAFkC,IAAAS,IAAAZ,EAAkBQ,EAEnD,EAAAK,GAAAC;CAAA,AAAAX,EAAA,OAAAS,KAACC,IAAAV,EAAA,IAAAW,IAAAX,EAAA,OAFH,eAAAU,KAAmCD,GAEhCT,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAW;CAAA,IAAAC;CAAA,AAAAZ,EAAA,OAAAU,EAAAG,WAAAb,EAAA,OAAAG,KAQCS,IAAA,kBAAC,GAAD;EAAiC,SAAAF,EAAWG;EAAQ,GAAMV;EAAS,CAAA,EAAAH,EAAA,KAAAU,EAAAG,SAAAb,EAAA,KAAAG,GAAAH,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KALrEE,IAAA,kBAAC,GAAD;EAAiB,GACXJ;EACE,OAAA;EACN,iBAAA;YAEAE;EACiB,CAAA,EAAAZ,EAAA,MAAAU,GAAAV,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAPrB,IAAAe,IACED,GAaIE,IAAAd,GAAOe,MAAMC;CAAA,AAAAlB,EAAA,QAAAgB,IACdE,IAAAlB,EAAA,OAHUkB,IAAA1B,EACT,uDACAwB,EACD,EAAAhB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAkB;CAAA,IAAAC;CAAA,AAAAnB,EAAA,QAAAM,OAAAC,IAAA,4BAAA,IAGCY,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAExD,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;CAAA,AAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAI,KACLgB,IAAAhB,IACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZA;GAEH,CAAA,EAAA,kBAAC,GAAD;GACQ,MAAA;GACI,WAAA;GACDO,SAAAA;GAEb,CAAA,CAQD;MANC,kBAAA,OAAA;EACY,WAAA;EACDA,SAAAA;YACV;EAGF,CAAA,EAAAX,EAAA,MAAAW,GAAAX,EAAA,MAAAI,GAAAJ,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;CAAA,AAAArB,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAtBHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEF;GAGCC;GAmBAL;GACG;KAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;CACF,OADEtB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA9BRC,IAAA,kBAAA,OAAA;EACa,WAAAJ;YAKXG;EAyBI,CAAA,EAAArB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KA/BNsB"}

package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"receiverAddressAtom.js","names":["shortenAddress","atom","useAtom","useAtomValue","Address","UseReceiverAddressReturn","receiverAddressAtom","useSwapReceiverAddress","$","_c","address","setAddress","t0","undefined","shortAddress","t1","useSwapReceiverAddressValue"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/receiverAddressAtom.ts"],"sourcesContent":["import { shortenAddress } from \"@/lib/utils\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport type { Address } from \"viem\";\nimport type { UseReceiverAddressReturn } from \"./types\";\n\nexport const receiverAddressAtom = atom<Address | undefined>();\n\nexport const useSwapReceiverAddress = (): UseReceiverAddressReturn => {\n  const [address, setAddress] = useAtom(receiverAddressAtom);\n  const shortAddress = address ? shortenAddress(address) : undefined;\n\n  return { address, setAddress, shortAddress };\n};\n\nexport const useSwapReceiverAddressValue = () => {\n  return useAtomValue(receiverAddressAtom);\n};\n"],"mappings":";;;;;AAMA,IAAaM,IAAsBL,GAA2B,EAEjDM,UAAyB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACpC,CAAAC,GAAAC,KAA8BT,EAAQI,EAAoB,EAACM;AAAA,CAAAJ,EAAA,OAAAE,IACOE,IAAAJ,EAAA,MAA7CI,IAAAF,IAAUV,EAAeU,EAAoB,GAA7CG,KAAAA,GAA6CL,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAlE,IAAAE,IAAqBF,GAA8CG;AAEvB,QAFuBP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAE5DC,IAAA;EAAAL;EAAAC;EAAAG;EAAqC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAArCO;GAGIC,UACJb,EAAaG,EAAoB"}
+{"version":3,"file":"receiverAddressAtom.js","names":["shortenAddress","atom","useAtom","useAtomValue","Address","UseReceiverAddressReturn","receiverAddressAtom","useSwapReceiverAddress","$","_c","address","setAddress","t0","undefined","shortAddress","t1","useSwapReceiverAddressValue"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/receiverAddressAtom.ts"],"sourcesContent":["import { shortenAddress } from \"@/lib/utils\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport type { Address } from \"viem\";\nimport type { UseReceiverAddressReturn } from \"./types\";\n\nexport const receiverAddressAtom = atom<Address | undefined>();\n\nexport const useSwapReceiverAddress = (): UseReceiverAddressReturn => {\n  const [address, setAddress] = useAtom(receiverAddressAtom);\n  const shortAddress = address ? shortenAddress(address) : undefined;\n\n  return { address, setAddress, shortAddress };\n};\n\nexport const useSwapReceiverAddressValue = () => {\n  return useAtomValue(receiverAddressAtom);\n};\n"],"mappings":";;;;;AAMA,IAAaM,IAAsBL,GAA2B,EAEjDM,UAAyB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACpC,CAAAC,GAAAC,KAA8BT,EAAQI,EAAoB,EAACM;CAAA,AAAAJ,EAAA,OAAAE,IACOE,IAAAJ,EAAA,MAA7CI,IAAAF,IAAUV,EAAeU,EAAoB,GAA7CG,KAAAA,GAA6CL,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAlE,IAAAE,IAAqBF,GAA8CG;CAEvB,OAFuBP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAE5DC,IAAA;EAAAL;EAAAC;EAAAG;EAAqC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAArCO;GAGIC,UACJb,EAAaG,EAAoB"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.js","names":["wagmiConfig","watchAccount","receiverAddressAtom","queryClient","isSupportedChainId","constructIsContractAtAddressQueryKey","getIsContractAtAddress","jotaiStore","accountAtom","resetOrdersCountAtom","enabledSrcChainsAtom","limitReceiverAddressAtom","openDrawerAtom","screenAtom","twapReceiverAddressAtom","Address","setReceiverAddress","address","set","subscribeToAccountChanges","onChange","account","prevAddress","chainId","connector","enabledSrcChains","get","undefined","includes","state","setState","prev","queryKey","isEOA","ensureQueryData","queryFn"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n  constructIsContractAtAddressQueryKey,\n  getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\nimport { twapReceiverAddressAtom } from \"@/core/twap/state/twapReceiverAddressAtom\";\nimport type { Address } from \"viem\";\n\nfunction setReceiverAddress(address: Address | undefined) {\n  jotaiStore.set(receiverAddressAtom, address);\n  jotaiStore.set(limitReceiverAddressAtom, address);\n  jotaiStore.set(twapReceiverAddressAtom, address);\n}\n\nexport function subscribeToAccountChanges() {\n  // subscribes to wallet account changes\n  // config.subscribe(() => getAccount(config), onChange)\n  return watchAccount(wagmiConfig, {\n    onChange: async (account, { address: prevAddress }) => {\n      const { address, chainId, connector } = account;\n      const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n      // close any open drawer and screen on account change\n      // enforce account specific Widget state\n      if (address !== prevAddress) {\n        jotaiStore.set(openDrawerAtom, null);\n        jotaiStore.set(screenAtom, null);\n      }\n\n      // internal account atom to trigger atomEffects\n      jotaiStore.set(accountAtom, {\n        address,\n        chainId,\n        connector,\n      });\n\n      // reset the receiver address if the address is not valid or chainId is not supported\n      if (\n        !address ||\n        chainId === undefined ||\n        !isSupportedChainId(chainId) ||\n        !enabledSrcChains.includes(chainId)\n      ) {\n        setReceiverAddress(undefined);\n        return;\n      }\n\n      // reset activities pagination\n      jotaiStore.set(resetOrdersCountAtom);\n\n      if (chainId !== wagmiConfig.state.chainId)\n        // wallet chainId takes precedence\n        wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n      const queryKey = constructIsContractAtAddressQueryKey({\n        chainId,\n        address,\n      });\n\n      const { isEOA } = await queryClient.ensureQueryData({\n        queryKey,\n        queryFn: () =>\n          getIsContractAtAddress({\n            address,\n            chainId,\n          }),\n      });\n\n      // save if address is EOA, otherwise reset\n      setReceiverAddress(isEOA ? address : undefined);\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAASgB,EAAmBC,GAA8B;AAGxDV,CAFAA,EAAWW,IAAIhB,GAAqBe,EAAQ,EAC5CV,EAAWW,IAAIP,GAA0BM,EAAQ,EACjDV,EAAWW,IAAIJ,GAAyBG,EAAQ;;AAGlD,SAAgBE,IAA4B;AAG1C,QAAOlB,EAAaD,GAAa,EAC/BoB,UAAU,OAAOC,GAAS,EAAEJ,SAASK,QAAkB;EACrD,IAAM,EAAEL,YAASM,YAASC,iBAAcH,GAClCI,IAAmBlB,EAAWmB,IAAIhB,EAAqB;AAiB7D,MAbIO,MAAYK,MACdf,EAAWW,IAAIN,GAAgB,KAAK,EACpCL,EAAWW,IAAIL,GAAY,KAAK,GAIlCN,EAAWW,IAAIV,GAAa;GAC1BS;GACAM;GACAC;GACD,CAAC,EAIA,CAACP,KACDM,MAAYI,KAAAA,KACZ,CAACvB,EAAmBmB,EAAQ,IAC5B,CAACE,EAAiBG,SAASL,EAAQ,EACnC;AACAP,KAAmBW,KAAAA,EAAU;AAC7B;;AAMF,EAFApB,EAAWW,IAAIT,EAAqB,EAEhCc,MAAYvB,EAAY6B,MAAMN,WAEhCvB,EAAY8B,UAAUC,OAAU;GAAE,GAAGA;GAAMR;GAAS,EAAE;EAExD,IAAMS,IAAW3B,EAAqC;GACpDkB;GACAN;GACD,CAAC,EAEI,EAAEgB,aAAU,MAAM9B,EAAY+B,gBAAgB;GAClDF;GACAG,eACE7B,EAAuB;IACrBW;IACAM;IACD,CAAA;GACJ,CAAC;AAGFP,IAAmBiB,IAAQhB,IAAUU,KAAAA,EAAU;IAElD,CAAC"}
+{"version":3,"file":"subscriptions.js","names":["wagmiConfig","watchAccount","receiverAddressAtom","queryClient","isSupportedChainId","constructIsContractAtAddressQueryKey","getIsContractAtAddress","jotaiStore","accountAtom","resetOrdersCountAtom","enabledSrcChainsAtom","limitReceiverAddressAtom","openDrawerAtom","screenAtom","twapReceiverAddressAtom","Address","setReceiverAddress","address","set","subscribeToAccountChanges","onChange","account","prevAddress","chainId","connector","enabledSrcChains","get","undefined","includes","state","setState","prev","queryKey","isEOA","ensureQueryData","queryFn"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n  constructIsContractAtAddressQueryKey,\n  getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\nimport { twapReceiverAddressAtom } from \"@/core/twap/state/twapReceiverAddressAtom\";\nimport type { Address } from \"viem\";\n\nfunction setReceiverAddress(address: Address | undefined) {\n  jotaiStore.set(receiverAddressAtom, address);\n  jotaiStore.set(limitReceiverAddressAtom, address);\n  jotaiStore.set(twapReceiverAddressAtom, address);\n}\n\nexport function subscribeToAccountChanges() {\n  // subscribes to wallet account changes\n  // config.subscribe(() => getAccount(config), onChange)\n  return watchAccount(wagmiConfig, {\n    onChange: async (account, { address: prevAddress }) => {\n      const { address, chainId, connector } = account;\n      const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n      // close any open drawer and screen on account change\n      // enforce account specific Widget state\n      if (address !== prevAddress) {\n        jotaiStore.set(openDrawerAtom, null);\n        jotaiStore.set(screenAtom, null);\n      }\n\n      // internal account atom to trigger atomEffects\n      jotaiStore.set(accountAtom, {\n        address,\n        chainId,\n        connector,\n      });\n\n      // reset the receiver address if the address is not valid or chainId is not supported\n      if (\n        !address ||\n        chainId === undefined ||\n        !isSupportedChainId(chainId) ||\n        !enabledSrcChains.includes(chainId)\n      ) {\n        setReceiverAddress(undefined);\n        return;\n      }\n\n      // reset activities pagination\n      jotaiStore.set(resetOrdersCountAtom);\n\n      if (chainId !== wagmiConfig.state.chainId)\n        // wallet chainId takes precedence\n        wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n      const queryKey = constructIsContractAtAddressQueryKey({\n        chainId,\n        address,\n      });\n\n      const { isEOA } = await queryClient.ensureQueryData({\n        queryKey,\n        queryFn: () =>\n          getIsContractAtAddress({\n            address,\n            chainId,\n          }),\n      });\n\n      // save if address is EOA, otherwise reset\n      setReceiverAddress(isEOA ? address : undefined);\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAASgB,EAAmBC,GAA8B;CAGxDV,AAFAA,EAAWW,IAAIhB,GAAqBe,EAAQ,EAC5CV,EAAWW,IAAIP,GAA0BM,EAAQ,EACjDV,EAAWW,IAAIJ,GAAyBG,EAAQ;;AAGlD,SAAgBE,IAA4B;CAG1C,OAAOlB,EAAaD,GAAa,EAC/BoB,UAAU,OAAOC,GAAS,EAAEJ,SAASK,QAAkB;EACrD,IAAM,EAAEL,YAASM,YAASC,iBAAcH,GAClCI,IAAmBlB,EAAWmB,IAAIhB,EAAqB;EAiB7D,IAbIO,MAAYK,MACdf,EAAWW,IAAIN,GAAgB,KAAK,EACpCL,EAAWW,IAAIL,GAAY,KAAK,GAIlCN,EAAWW,IAAIV,GAAa;GAC1BS;GACAM;GACAC;GACD,CAAC,EAIA,CAACP,KACDM,MAAYI,KAAAA,KACZ,CAACvB,EAAmBmB,EAAQ,IAC5B,CAACE,EAAiBG,SAASL,EAAQ,EACnC;GACAP,EAAmBW,KAAAA,EAAU;GAC7B;;EAMF,AAFApB,EAAWW,IAAIT,EAAqB,EAEhCc,MAAYvB,EAAY6B,MAAMN,WAEhCvB,EAAY8B,UAAUC,OAAU;GAAE,GAAGA;GAAMR;GAAS,EAAE;EAExD,IAAMS,IAAW3B,EAAqC;GACpDkB;GACAN;GACD,CAAC,EAEI,EAAEgB,aAAU,MAAM9B,EAAY+B,gBAAgB;GAClDF;GACAG,eACE7B,EAAuB;IACrBW;IACAM;IACD,CAAA;GACJ,CAAC;EAGFP,EAAmBiB,IAAQhB,IAAUU,KAAAA,EAAU;IAElD,CAAC"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"FillOtcControls.js","names":["Button","useAccount","cn","FillOtcButtonProps","React","ComponentProps","labelOverride","FillOtcControlsProps","fillButtonProps","dismissButtonProps","FillOtcControls","t0","$","_c","isConnected","disabled","T0","fillLabelOverride","fillProps","t1","t2","t3","t4","t5","t6","T1","dismisLabelOverride","dismissProps","t10","t7","t8","t9","className","t11","t12"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcControls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useAccount } from \"wagmi\";\nimport { cn } from \"@/lib/utils\";\n\ntype FillOtcButtonProps = React.ComponentProps<typeof Button> & {\n  labelOverride?: string;\n};\ntype FillOtcControlsProps = {\n  fillButtonProps: FillOtcButtonProps;\n  dismissButtonProps: FillOtcButtonProps;\n};\n\nexport function FillOtcControls({\n  fillButtonProps,\n  dismissButtonProps,\n}: FillOtcControlsProps) {\n  const { isConnected } = useAccount();\n\n  const disabled = !isConnected;\n\n  const { labelOverride: fillLabelOverride, ...fillProps } = fillButtonProps;\n  const { labelOverride: dismisLabelOverride, ...dismissProps } =\n    dismissButtonProps;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Button\n        variant=\"secondary\"\n        radius=\"md\"\n        {...dismissProps}\n        className={cn(\"h-[48px] text-sm\", dismissProps.className)}\n        disabled={dismissProps.disabled || disabled}\n      >\n        {dismisLabelOverride || \"Dismiss\"}\n      </Button>\n      <Button\n        variant=\"cta\"\n        radius=\"md\"\n        {...fillProps}\n        className={cn(\"h-[48px] text-sm\", fillProps.className)}\n        disabled={fillProps.disabled || disabled}\n      >\n        {fillLabelOverride || \"Fill OTC Order\"}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAOU,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAyB,EAAAL,oBAAAC,0BAAAE,GAI9B,EAAAG,mBAAwBb,GAAY,EAEpCc,IAAiB,CAACD,GAAYE,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,KAAAZ,EAAA,OAAAG,KAAAH,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,GAAA;AAE9B,GAAA,CAAAF,eAAAW,MAAAC,KAA2DV;EAAgB,IAAAiB,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAnB,EAAA,QAAAH,KAUZgB,IAAAb,EAAA,KAAAc,IAAAd,EAAA,KAAAe,IAAAf,EAAA,KAAAgB,IAAAhB,EAAA,KAAAW,IAAAX,EAAA,KAAAiB,IAAAjB,EAAA,KAAAkB,IAAAlB,EAAA,KAAAmB,IAAAnB,EAAA,QAT/D,CAAAN,eAAAoB,MAAAC,KACElB,GAGec,IAAA,qCACZE,IAAAzB,GACS6B,IAAA,aACDC,IAAA,MACHH,IAAAA,GACOC,IAAA1B,EAAG,oBAAoByB,EAAYK,UAAW,EAAApB,EAAA,MAAAH,GAAAG,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,GAAAhB,EAAA,MAAAW,GAAAX,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB;EAC/C,IAAAE,IAAAN,EAAYZ,YAAZA,GAETmB,IAAAR,KAAA;AAMqDd,EANrBA,EAAA,QAAAa,KAAAb,EAAA,QAAAgB,KAAAhB,EAAA,QAAAqB,KAAArB,EAAA,QAAAsB,KAAAtB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAmB,KAPnCP,IAAA,kBAAC,GAAD;GACU,SAAAK;GACD,QAAAC;GAAI,GACPH;GACO,WAAAC;GACD,UAAAK;aAETC;GACM,CAAA,EAAAtB,EAAA,MAAAa,GAAAb,EAAA,MAAAgB,GAAAhB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,GAAAtB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAY,KAAAA,IAAAZ,EAAA,KACRI,IAAAhB,GACSmB,IAAA,OACDC,IAAA,MACHF,IAAAA,GACOI,IAAApB,EAAG,oBAAoBgB,EAASc,UAAW,EAAApB,EAAA,KAAAG,GAAAH,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,MAAAW,GAAAX,EAAA,MAAAY;OAAAA,CAAAR,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,IAAAM,IAAAN,EAAA,IAAAO,IAAAP,EAAA,IAAAQ,IAAAR,EAAA,IAAAS,IAAAT,EAAA,IAAAU,IAAAV,EAAA,IAAAW,IAAAX,EAAA,KAAAY,IAAAZ,EAAA;CAC5C,IAAAiB,IAAAX,EAASH,YAATA,GAETe,IAAAb,KAAA,kBAAqCc;AAAA,CAAAnB,EAAA,QAAAI,KAAAJ,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KAAAT,EAAA,QAAAU,KAAAV,EAAA,QAAAiB,KAAAjB,EAAA,QAAAkB,KAPxCC,IAAA,kBAAC,GAAD;EACU,SAAAZ;EACD,QAAAC;EAAI,GACPF;EACO,WAAAI;EACD,UAAAO;YAETC;EACM,CAAA,EAAAlB,EAAA,MAAAI,GAAAJ,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,GAAAT,EAAA,MAAAU,GAAAV,EAAA,MAAAiB,GAAAjB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAgB;AACL,QADKhB,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAAAZ,EAAA,QAAAmB,KAlBXH,IAAA,kBAAA,OAAA;EAAe,WAAAL;YAAf,CACEC,GASAO,EASI;KAAAnB,EAAA,MAAAW,GAAAX,EAAA,MAAAY,GAAAZ,EAAA,MAAAmB,GAAAnB,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAnBNgB"}
+{"version":3,"file":"FillOtcControls.js","names":["Button","useAccount","cn","FillOtcButtonProps","React","ComponentProps","labelOverride","FillOtcControlsProps","fillButtonProps","dismissButtonProps","FillOtcControls","t0","$","_c","isConnected","disabled","T0","fillLabelOverride","fillProps","t1","t2","t3","t4","t5","t6","T1","dismisLabelOverride","dismissProps","t10","t7","t8","t9","className","t11","t12"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcControls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useAccount } from \"wagmi\";\nimport { cn } from \"@/lib/utils\";\n\ntype FillOtcButtonProps = React.ComponentProps<typeof Button> & {\n  labelOverride?: string;\n};\ntype FillOtcControlsProps = {\n  fillButtonProps: FillOtcButtonProps;\n  dismissButtonProps: FillOtcButtonProps;\n};\n\nexport function FillOtcControls({\n  fillButtonProps,\n  dismissButtonProps,\n}: FillOtcControlsProps) {\n  const { isConnected } = useAccount();\n\n  const disabled = !isConnected;\n\n  const { labelOverride: fillLabelOverride, ...fillProps } = fillButtonProps;\n  const { labelOverride: dismisLabelOverride, ...dismissProps } =\n    dismissButtonProps;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Button\n        variant=\"secondary\"\n        radius=\"md\"\n        {...dismissProps}\n        className={cn(\"h-[48px] text-sm\", dismissProps.className)}\n        disabled={dismissProps.disabled || disabled}\n      >\n        {dismisLabelOverride || \"Dismiss\"}\n      </Button>\n      <Button\n        variant=\"cta\"\n        radius=\"md\"\n        {...fillProps}\n        className={cn(\"h-[48px] text-sm\", fillProps.className)}\n        disabled={fillProps.disabled || disabled}\n      >\n        {fillLabelOverride || \"Fill OTC Order\"}\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FillOtcReviewAndConfirm.js","names":["useNativeTokenPrice","useTokenPrice","FillableOtcOrderItem","PayReceiveInfo","constructOrderStatusDetail","constructPayReceiveInfoProps","constructOrderRateDetail","constructOrderReceiverDetail","constructExpiresInDetail","constructNetworkFeeDetail","FillOtcControls","useIsInsufficientTokenBalance","DetailWithValueList","DetailWithValue","isTruthy","SupportedChainId","LimitOrderStateChecker","useGasPrices","useChainMatches","useSwitchChainWithGuard","FillOtcReviewAndConfirm","t0","$","_c","onDismiss","onFlowStart","fillableOrder","t1","extra","srcAmount","srcToken","token","requiredBalanceWei","isInsufficientBalance","orderChainId","chainId","forcedChainMatchesWalletChain","wrongNetwork","fillBtnLabelOverride","undefined","mutateAsync","switchChain","isPending","fillBtnDisabled","t2","t3","t4","onClick","labelOverride","disabled","t5","t6","t7","detailsClasses","root","title","value","const","OrderDetails","data","srcTokenPrice","destTokenPrice","destToken","price","payReceiveProps","gasPrices","nativeTokenPrice","legacyPrices","instant","active","has","state","receiver","taker","expiry","gasPriceMultiplierGwei","filter","details"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.tsx"],"sourcesContent":["import {\n  useNativeTokenPrice,\n  useTokenPrice,\n} from \"@/hooks/tokens/prices/useTokenPrices\";\nimport type { FillableOtcOrderItem } from \"../../OtcOrderItem/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructOrderStatusDetail,\n  constructPayReceiveInfoProps,\n  constructOrderRateDetail,\n  constructOrderReceiverDetail,\n  constructExpiresInDetail,\n  constructNetworkFeeDetail,\n} from \"./utils\";\nimport { FillOtcControls } from \"./FillOtcControls\";\nimport { useIsInsufficientTokenBalance } from \"@/hooks/tokens/balances/useIsInsufficientTokenBalance\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { useGasPrices } from \"@/hooks/gas/useGasPrices\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport const FillOtcReviewAndConfirm = ({\n  onDismiss,\n  onFlowStart,\n  fillableOrder,\n}: {\n  onDismiss?: () => void;\n  onFlowStart: () => void;\n  fillableOrder: FillableOtcOrderItem;\n}) => {\n  const isInsufficientBalance = useIsInsufficientTokenBalance({\n    token: fillableOrder.extra.srcToken,\n    requiredBalanceWei: fillableOrder.extra.srcAmount,\n  });\n\n  const orderChainId = fillableOrder.chainId as SupportedChainId;\n\n  const { forcedChainMatchesWalletChain } = useChainMatches(orderChainId);\n  const wrongNetwork = !forcedChainMatchesWalletChain;\n\n  const fillBtnLabelOverride = wrongNetwork\n    ? \"Wrong network\"\n    : isInsufficientBalance\n      ? \"Insufficient funds\"\n      : undefined;\n\n  const { mutateAsync: switchChain, isPending } = useSwitchChainWithGuard();\n\n  const fillBtnDisabled = isInsufficientBalance || isPending;\n\n  return (\n    <div className=\"px-6 pb-8\">\n      <OrderDetails fillableOrder={fillableOrder} />\n      <FillOtcControls\n        fillButtonProps={{\n          onClick: wrongNetwork\n            ? async () => {\n                await switchChain({\n                  chainId: orderChainId,\n                });\n                onFlowStart();\n              }\n            : onFlowStart,\n          labelOverride: fillBtnLabelOverride,\n          disabled: fillBtnDisabled,\n        }}\n        dismissButtonProps={{\n          onClick: onDismiss,\n        }}\n      />\n    </div>\n  );\n};\n\nconst detailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n} as const;\n\nconst OrderDetails = ({\n  fillableOrder,\n}: {\n  fillableOrder: FillableOtcOrderItem;\n}) => {\n  const { data: srcTokenPrice } = useTokenPrice(fillableOrder.extra.srcToken);\n  const { data: destTokenPrice } = useTokenPrice(fillableOrder.extra.destToken);\n\n  const payReceiveProps = constructPayReceiveInfoProps({\n    extra: fillableOrder.extra,\n    srcTokenPrice: srcTokenPrice?.price,\n    destTokenPrice: destTokenPrice?.price,\n  });\n\n  const { data: gasPrices } = useGasPrices();\n  const { data: nativeTokenPrice } = useNativeTokenPrice();\n\n  const active = LimitOrderStateChecker.active.has(fillableOrder.state);\n\n  const details: DetailWithValue[] = [\n    constructOrderRateDetail(fillableOrder),\n    constructOrderReceiverDetail({\n      chainId: fillableOrder.chainId as SupportedChainId,\n      receiver: fillableOrder.taker,\n    }),\n    constructOrderStatusDetail(fillableOrder.state),\n    active && constructExpiresInDetail(fillableOrder.expiry),\n    constructNetworkFeeDetail({\n      gasPriceMultiplierGwei: gasPrices?.legacyPrices.instant,\n      nativeTokenPrice: nativeTokenPrice?.price,\n    }),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"flex flex-col gap-4 pb-6\">\n      <PayReceiveInfo {...payReceiveProps} />\n      <div className=\"rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n        <DetailWithValueList details={details} classes={detailsClasses} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FillOtcReviewAndConfirm.js","names":["useNativeTokenPrice","useTokenPrice","FillableOtcOrderItem","PayReceiveInfo","constructOrderStatusDetail","constructPayReceiveInfoProps","constructOrderRateDetail","constructOrderReceiverDetail","constructExpiresInDetail","constructNetworkFeeDetail","FillOtcControls","useIsInsufficientTokenBalance","DetailWithValueList","DetailWithValue","isTruthy","SupportedChainId","LimitOrderStateChecker","useGasPrices","useChainMatches","useSwitchChainWithGuard","FillOtcReviewAndConfirm","t0","$","_c","onDismiss","onFlowStart","fillableOrder","t1","extra","srcAmount","srcToken","token","requiredBalanceWei","isInsufficientBalance","orderChainId","chainId","forcedChainMatchesWalletChain","wrongNetwork","fillBtnLabelOverride","undefined","mutateAsync","switchChain","isPending","fillBtnDisabled","t2","t3","t4","onClick","labelOverride","disabled","t5","t6","t7","detailsClasses","root","title","value","const","OrderDetails","data","srcTokenPrice","destTokenPrice","destToken","price","payReceiveProps","gasPrices","nativeTokenPrice","legacyPrices","instant","active","has","state","receiver","taker","expiry","gasPriceMultiplierGwei","filter","details"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/FillOtcReviewAndConfirm.tsx"],"sourcesContent":["import {\n  useNativeTokenPrice,\n  useTokenPrice,\n} from \"@/hooks/tokens/prices/useTokenPrices\";\nimport type { FillableOtcOrderItem } from \"../../OtcOrderItem/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructOrderStatusDetail,\n  constructPayReceiveInfoProps,\n  constructOrderRateDetail,\n  constructOrderReceiverDetail,\n  constructExpiresInDetail,\n  constructNetworkFeeDetail,\n} from \"./utils\";\nimport { FillOtcControls } from \"./FillOtcControls\";\nimport { useIsInsufficientTokenBalance } from \"@/hooks/tokens/balances/useIsInsufficientTokenBalance\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { useGasPrices } from \"@/hooks/gas/useGasPrices\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport const FillOtcReviewAndConfirm = ({\n  onDismiss,\n  onFlowStart,\n  fillableOrder,\n}: {\n  onDismiss?: () => void;\n  onFlowStart: () => void;\n  fillableOrder: FillableOtcOrderItem;\n}) => {\n  const isInsufficientBalance = useIsInsufficientTokenBalance({\n    token: fillableOrder.extra.srcToken,\n    requiredBalanceWei: fillableOrder.extra.srcAmount,\n  });\n\n  const orderChainId = fillableOrder.chainId as SupportedChainId;\n\n  const { forcedChainMatchesWalletChain } = useChainMatches(orderChainId);\n  const wrongNetwork = !forcedChainMatchesWalletChain;\n\n  const fillBtnLabelOverride = wrongNetwork\n    ? \"Wrong network\"\n    : isInsufficientBalance\n      ? \"Insufficient funds\"\n      : undefined;\n\n  const { mutateAsync: switchChain, isPending } = useSwitchChainWithGuard();\n\n  const fillBtnDisabled = isInsufficientBalance || isPending;\n\n  return (\n    <div className=\"px-6 pb-8\">\n      <OrderDetails fillableOrder={fillableOrder} />\n      <FillOtcControls\n        fillButtonProps={{\n          onClick: wrongNetwork\n            ? async () => {\n                await switchChain({\n                  chainId: orderChainId,\n                });\n                onFlowStart();\n              }\n            : onFlowStart,\n          labelOverride: fillBtnLabelOverride,\n          disabled: fillBtnDisabled,\n        }}\n        dismissButtonProps={{\n          onClick: onDismiss,\n        }}\n      />\n    </div>\n  );\n};\n\nconst detailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n} as const;\n\nconst OrderDetails = ({\n  fillableOrder,\n}: {\n  fillableOrder: FillableOtcOrderItem;\n}) => {\n  const { data: srcTokenPrice } = useTokenPrice(fillableOrder.extra.srcToken);\n  const { data: destTokenPrice } = useTokenPrice(fillableOrder.extra.destToken);\n\n  const payReceiveProps = constructPayReceiveInfoProps({\n    extra: fillableOrder.extra,\n    srcTokenPrice: srcTokenPrice?.price,\n    destTokenPrice: destTokenPrice?.price,\n  });\n\n  const { data: gasPrices } = useGasPrices();\n  const { data: nativeTokenPrice } = useNativeTokenPrice();\n\n  const active = LimitOrderStateChecker.active.has(fillableOrder.state);\n\n  const details: DetailWithValue[] = [\n    constructOrderRateDetail(fillableOrder),\n    constructOrderReceiverDetail({\n      chainId: fillableOrder.chainId as SupportedChainId,\n      receiver: fillableOrder.taker,\n    }),\n    constructOrderStatusDetail(fillableOrder.state),\n    active && constructExpiresInDetail(fillableOrder.expiry),\n    constructNetworkFeeDetail({\n      gasPriceMultiplierGwei: gasPrices?.legacyPrices.instant,\n      nativeTokenPrice: nativeTokenPrice?.price,\n    }),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"flex flex-col gap-4 pb-6\">\n      <PayReceiveInfo {...payReceiveProps} />\n      <div className=\"rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n        <DetailWithValueList details={details} classes={detailsClasses} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["formatTokenAmount","LimitOrderItemExtra","RequiredLimitOrderItemExtra","PayReceiveInfoProps","Rate","TimeTillExpiry","DetailWithValue","shortenAddress","constructAddressLinkForChain","SupportedChainId","StatusBadge","LimitOrderState","Big","FILL_ORDER_GAS_LIMIT_INACCURATE","TokenBadgeProps","constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","address","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","const","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplierGwei,\n  nativeTokenPrice,\n}: {\n  gasCost?: number; // gas limit (number of gas units)\n  gasPriceMultiplierGwei?: number; // gas price in Gwei\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplierGwei && nativeTokenPrice) {\n    // Calculate gas cost in ETH:\n    // gasLimit * gasPriceInGwei = gas cost in Gwei\n    // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n    const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n    const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\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  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(srcAmountUnit) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(destAmountUnit) * destTokenPrice\n      : undefined;\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  };\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  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"You Send\",\n      usdAmount: srcUsdAmount,\n      showNetwork: true,\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"You’ll Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: true,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgBe,EAAyB,EACvCC,YAGkB;AAClB,QAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAaF,UAAM,CAAA;EAC3B;;AAGH,SAAgBG,EAA6B,EAC3CC,YACAC,eAIkB;AAClB,QAAO;EACLJ,OAAO;EACPC,OACE,kBAAC,KAAD;GACE,WAAU;GACV,MAAMV,EAA6B;IACjCY;IACAE,SAASD;IACV,CAAC;GACF,QAAO;GACP,KAAI;aAEHd,EAAec,EAAS;GACxB,CAAA;EAEN;;AAGH,SAAgBE,EAAyBC,GAAoC;AAC3E,QAAO;EACLP,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAgB,UAAUM,GAAU,CAAA;EAC5C;;AAGH,SAAgBC,EAA0B,EACxCC,aAAUb,GACVc,2BACAC,uBAK8B;AAC9B,KAAID,KAA0BC,EAO5B,QAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,OAAD,EAAA,UAAA,CAAK,OALIN,EAAIc,EAAQ,CAACI,IAAIH,EAAuB,CAACI,IAAI,IAAI,CACtCD,IAAIF,EAAiB,CAIrBK,QAAQ,EAAE,CAAM,EAAA,CAAA;EAC5C;;AAIL,SAAgBC,EACdC,GACiB;AACjB,QAAO;EACLlB,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAoBiB,UAAM,CAAA;EAClC;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CxB,UACAyB,kBACAC,qBAKsB;CACtB,IAAM,EAAEC,aAAUC,cAAWC,kBAAeC,sBAAmB9B,GAEzD+B,IAAqB/C,EAAkB6C,EAAc,EACrDG,IAAsBhD,EAAkB8C,EAAe,EAEvDG,IACJR,MAAkBS,KAAAA,IAEdA,KAAAA,IADAC,WAAWN,EAAc,GAAGJ,GAE5BW,IACJV,MAAmBQ,KAAAA,IAEfA,KAAAA,IADAC,WAAWL,EAAe,GAAGJ,GAG7BW,IAAsC;EAC1C/B,SAASqB,EAASrB;EAClBgB,QAAQK,EAASL;EACjBlB,SAASuB,EAASW;EAClBC,KAAKZ,EAASY;EACdlB,QAAQU;EACRS,gBAAgB;EAChBE,SAAStB;EACV,EAEKuB,IAAyC;EAC7CrC,SAASsB,EAAUtB;EACnBgB,QAAQM,EAAUN;EAClBlB,SAASwB,EAAUU;EACnBC,KAAKX,EAAUW;EACflB,QAAQW;EACRQ,gBAAgB;EAChBE,SAAStB;EACV;AAED,QAAO;EACLwB,UAAU;GACRC,iBAAiBR;GACjBS,OAAO;GACPC,WAAWd;GACXe,aAAa;GACd;EACDC,aAAa;GACXJ,iBAAiBF;GACjBG,OAAO;GACPC,WAAWX;GACXY,aAAa;GACf;EACD"}
+{"version":3,"file":"utils.js","names":["formatTokenAmount","LimitOrderItemExtra","RequiredLimitOrderItemExtra","PayReceiveInfoProps","Rate","TimeTillExpiry","DetailWithValue","shortenAddress","constructAddressLinkForChain","SupportedChainId","StatusBadge","LimitOrderState","Big","FILL_ORDER_GAS_LIMIT_INACCURATE","TokenBadgeProps","constructOrderRateDetail","extra","title","value","constructOrderReceiverDetail","chainId","receiver","address","constructExpiresInDetail","expiresIn","constructNetworkFeeDetail","gasCost","gasPriceMultiplierGwei","nativeTokenPrice","gasFeeETH","mul","div","gasCostUSD","toFixed","constructOrderStatusDetail","state","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","srcUsdAmount","undefined","parseFloat","destUsdAmount","topTokenBadgeProps","network","img","amountPosition","const","classes","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","usdAmount","showNetwork","bottomToken"],"sources":["../../../../../src/components/widget/ReviewAndConfirm/FillOtcReviewAndConfirm/utils.tsx"],"sourcesContent":["import { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type {\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../../LimitOrderItem/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { shortenAddress } from \"@/lib/utils\";\nimport { constructAddressLinkForChain } from \"@/lib/utils/explorer\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { StatusBadge } from \"../../OtcOrderItem/OtcOrderListItem\";\nimport type { LimitOrderState } from \"@velora-dex/sdk\";\nimport Big from \"big.js\";\nimport { FILL_ORDER_GAS_LIMIT_INACCURATE } from \"@/lib/constants\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} />,\n  };\n}\n\nexport function constructOrderReceiverDetail({\n  chainId,\n  receiver,\n}: {\n  chainId: SupportedChainId;\n  receiver: string;\n}): DetailWithValue {\n  return {\n    title: \"Receiver\",\n    value: (\n      <a\n        className=\"underline uppercase dark:text-contrast-7\"\n        href={constructAddressLinkForChain({\n          chainId,\n          address: receiver,\n        })}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {shortenAddress(receiver)}\n      </a>\n    ),\n  };\n}\n\nexport function constructExpiresInDetail(expiresIn: number): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: <TimeTillExpiry deadline={expiresIn} />,\n  };\n}\n\nexport function constructNetworkFeeDetail({\n  gasCost = FILL_ORDER_GAS_LIMIT_INACCURATE,\n  gasPriceMultiplierGwei,\n  nativeTokenPrice,\n}: {\n  gasCost?: number; // gas limit (number of gas units)\n  gasPriceMultiplierGwei?: number; // gas price in Gwei\n  nativeTokenPrice?: number;\n}): DetailWithValue | undefined {\n  if (gasPriceMultiplierGwei && nativeTokenPrice) {\n    // Calculate gas cost in ETH:\n    // gasLimit * gasPriceInGwei = gas cost in Gwei\n    // gas cost in Gwei / 1e9 = gas cost in ETH (since 1 Gwei = 10^-9 ETH)\n    const gasFeeETH = Big(gasCost).mul(gasPriceMultiplierGwei).div(1e9);\n    const gasCostUSD = gasFeeETH.mul(nativeTokenPrice);\n\n    return {\n      title: \"Network Fees\",\n      value: <div>~ ${gasCostUSD.toFixed(4)}</div>,\n    };\n  }\n}\n\nexport function constructOrderStatusDetail(\n  state: LimitOrderState\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={state} />,\n  };\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  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(srcAmountUnit) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(destAmountUnit) * destTokenPrice\n      : undefined;\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  };\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  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"You Send\",\n      usdAmount: srcUsdAmount,\n      showNetwork: true,\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"You’ll Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: true,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgBe,EAAyB,EACvCC,YAGkB;CAClB,OAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAaF,UAAM,CAAA;EAC3B;;AAGH,SAAgBG,EAA6B,EAC3CC,YACAC,eAIkB;CAClB,OAAO;EACLJ,OAAO;EACPC,OACE,kBAAC,KAAD;GACE,WAAU;GACV,MAAMV,EAA6B;IACjCY;IACAE,SAASD;IACV,CAAC;GACF,QAAO;GACP,KAAI;aAEHd,EAAec,EAAS;GACxB,CAAA;EAEN;;AAGH,SAAgBE,EAAyBC,GAAoC;CAC3E,OAAO;EACLP,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAgB,UAAUM,GAAU,CAAA;EAC5C;;AAGH,SAAgBC,EAA0B,EACxCC,aAAUb,GACVc,2BACAC,uBAK8B;CAC9B,IAAID,KAA0BC,GAO5B,OAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,OAAD,EAAA,UAAA,CAAK,OALIN,EAAIc,EAAQ,CAACI,IAAIH,EAAuB,CAACI,IAAI,IAC5CF,CAAUC,IAAIF,EAIfI,CAAWC,QAAQ,EAAE,CAAM,EAAA,CAAA;EAC5C;;AAIL,SAAgBC,EACdC,GACiB;CACjB,OAAO;EACLlB,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAoBiB,UAAM,CAAA;EAClC;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CxB,UACAyB,kBACAC,qBAKsB;CACtB,IAAM,EAAEC,aAAUC,cAAWC,kBAAeC,sBAAmB9B,GAEzD+B,IAAqB/C,EAAkB6C,EAAc,EACrDG,IAAsBhD,EAAkB8C,EAAe,EAEvDG,IACJR,MAAkBS,KAAAA,IAEdA,KAAAA,IADAC,WAAWN,EAAc,GAAGJ,GAE5BW,IACJV,MAAmBQ,KAAAA,IAEfA,KAAAA,IADAC,WAAWL,EAAe,GAAGJ,GAG7BW,IAAsC;EAC1C/B,SAASqB,EAASrB;EAClBgB,QAAQK,EAASL;EACjBlB,SAASuB,EAASW;EAClBC,KAAKZ,EAASY;EACdlB,QAAQU;EACRS,gBAAgB;EAChBE,SAAStB;EACV,EAEKuB,IAAyC;EAC7CrC,SAASsB,EAAUtB;EACnBgB,QAAQM,EAAUN;EAClBlB,SAASwB,EAAUU;EACnBC,KAAKX,EAAUW;EACflB,QAAQW;EACRQ,gBAAgB;EAChBE,SAAStB;EACV;CAED,OAAO;EACLwB,UAAU;GACRC,iBAAiBR;GACjBS,OAAO;GACPC,WAAWd;GACXe,aAAa;GACd;EACDC,aAAa;GACXJ,iBAAiBF;GACjBG,OAAO;GACPC,WAAWX;GACXY,aAAa;GACf;EACD"}

package/dist/components/widget/RowVirtualizer/RowVirtualizerFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowVirtualizerFixed.js","names":["useRef","useVirtualizer","cn","RowVirtualizerFixedProps","useLogger","RowVirtualizerFixed","rows","rowHeight","visibleRows","rowRenderer","RowRenderer","containerClassName","Row","logger","parentRef","rowVirtualizer","count","length","getScrollElement","current","estimateSize","overscan","style","height","getTotalSize","width","position","getVirtualItems","map","virtualRow","row","index","warn","key","top","left","size","transform","start"],"sources":["../../../../src/components/widget/RowVirtualizer/RowVirtualizerFixed.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"@/lib/utils\";\nimport type { RowVirtualizerFixedProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport const RowVirtualizerFixed = <Row extends object>({\n  rows,\n  rowHeight,\n  visibleRows,\n  rowRenderer: RowRenderer,\n  containerClassName,\n}: RowVirtualizerFixedProps<Row>) => {\n  \"use no memo\";\n  // https://github.com/TanStack/table/issues/5567#issuecomment-2131478675\n\n  const logger = useLogger(\"RowVirtualizerFixed\");\n\n  const parentRef = useRef(null);\n\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 5,\n  });\n\n  const style = visibleRows\n    ? {\n        height: `${visibleRows * rowHeight}px`,\n      }\n    : {};\n\n  return (\n    <div\n      ref={parentRef}\n      className={cn(\"overflow-auto\", containerClassName)}\n      style={style}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: \"100%\",\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n          const row = rows[virtualRow.index];\n\n          if (!row) {\n            logger.warn(\"no item was found at index:\", virtualRow.index);\n            return null;\n          }\n\n          return (\n            <div\n              key={virtualRow.key}\n              style={{\n                position: \"absolute\",\n                top: 0,\n                left: 0,\n                width: \"100%\",\n                height: `${virtualRow.size}px`,\n                transform: `translateY(${virtualRow.start}px)`,\n              }}\n            >\n              <RowRenderer row={row} index={virtualRow.index} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAA2C,EACtDC,SACAC,cACAC,gBACAC,aAAaC,GACbC,4BACmC;AACnC;CAGA,IAAME,IAAST,EAAU,sBAAsB,EAEzCU,IAAYd,EAAO,KAAK,EAGxBe,IAAiBd,EAAe;EACpCe,OAAOV,EAAKW;EACZC,wBAAwBJ,EAAUK;EAClCC,oBAAoBb;EACpBc,UAAU;EACX,CAAC,EAEIC,IAAQd,IACV,EACEe,QAAQ,GAAGf,IAAcD,EAAS,KACnC,GACD,EAAE;AAEN,QACE,kBAAC,OAAD;EACE,KAAKO;EACL,WAAWZ,EAAG,iBAAiBS,EAAmB;EAC3CW;YAEP,kBAAC,OAAD;GACE,OAAO;IACLC,QAAQ,GAAGR,EAAeS,cAAc,CAAA;IACxCC,OAAO;IACPC,UAAU;IACX;aAEAX,EAAeY,iBAAiB,CAACC,KAAKC,MAAe;IACpD,IAAMC,IAAMxB,EAAKuB,EAAWE;AAO5B,WALKD,IAMH,kBAAC,OAAD;KAEE,OAAO;MACLJ,UAAU;MACVQ,KAAK;MACLC,MAAM;MACNV,OAAO;MACPF,QAAQ,GAAGM,EAAWO,KAAI;MAC1BC,WAAW,cAAcR,EAAWS,MAAK;MAC1C;eAED,kBAAC,GAAD;MAAkBR;MAAK,OAAOD,EAAWE;MAAM,CAAA;KAC3C,EAXCF,EAAWI,IAWZ,IAjBNpB,EAAOmB,KAAK,+BAA+BH,EAAWE,MAAM,EACrD;KAkBT;GACC,CAAA;EACD,CAAA"}
+{"version":3,"file":"RowVirtualizerFixed.js","names":["useRef","useVirtualizer","cn","RowVirtualizerFixedProps","useLogger","RowVirtualizerFixed","rows","rowHeight","visibleRows","rowRenderer","RowRenderer","containerClassName","Row","logger","parentRef","rowVirtualizer","count","length","getScrollElement","current","estimateSize","overscan","style","height","getTotalSize","width","position","getVirtualItems","map","virtualRow","row","index","warn","key","top","left","size","transform","start"],"sources":["../../../../src/components/widget/RowVirtualizer/RowVirtualizerFixed.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"@/lib/utils\";\nimport type { RowVirtualizerFixedProps } from \"./types\";\nimport { useLogger } from \"@/core/logger\";\n\nexport const RowVirtualizerFixed = <Row extends object>({\n  rows,\n  rowHeight,\n  visibleRows,\n  rowRenderer: RowRenderer,\n  containerClassName,\n}: RowVirtualizerFixedProps<Row>) => {\n  \"use no memo\";\n  // https://github.com/TanStack/table/issues/5567#issuecomment-2131478675\n\n  const logger = useLogger(\"RowVirtualizerFixed\");\n\n  const parentRef = useRef(null);\n\n  // eslint-disable-next-line react-hooks/incompatible-library\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => rowHeight,\n    overscan: 5,\n  });\n\n  const style = visibleRows\n    ? {\n        height: `${visibleRows * rowHeight}px`,\n      }\n    : {};\n\n  return (\n    <div\n      ref={parentRef}\n      className={cn(\"overflow-auto\", containerClassName)}\n      style={style}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: \"100%\",\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n          const row = rows[virtualRow.index];\n\n          if (!row) {\n            logger.warn(\"no item was found at index:\", virtualRow.index);\n            return null;\n          }\n\n          return (\n            <div\n              key={virtualRow.key}\n              style={{\n                position: \"absolute\",\n                top: 0,\n                left: 0,\n                width: \"100%\",\n                height: `${virtualRow.size}px`,\n                transform: `translateY(${virtualRow.start}px)`,\n              }}\n            >\n              <RowRenderer row={row} index={virtualRow.index} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAA2C,EACtDC,SACAC,cACAC,gBACAC,aAAaC,GACbC,4BACmC;AACnC;CAGA,IAAME,IAAST,EAAU,sBAAsB,EAEzCU,IAAYd,EAAO,KAAK,EAGxBe,IAAiBd,EAAe;EACpCe,OAAOV,EAAKW;EACZC,wBAAwBJ,EAAUK;EAClCC,oBAAoBb;EACpBc,UAAU;EACX,CAAC,EAEIC,IAAQd,IACV,EACEe,QAAQ,GAAGf,IAAcD,EAAS,KACnC,GACD,EAAE;CAEN,OACE,kBAAC,OAAD;EACE,KAAKO;EACL,WAAWZ,EAAG,iBAAiBS,EAAmB;EAC3CW;YAEP,kBAAC,OAAD;GACE,OAAO;IACLC,QAAQ,GAAGR,EAAeS,cAAc,CAAA;IACxCC,OAAO;IACPC,UAAU;IACX;aAEAX,EAAeY,iBAAiB,CAACC,KAAKC,MAAe;IACpD,IAAMC,IAAMxB,EAAKuB,EAAWE;IAO5B,OALKD,IAMH,kBAAC,OAAD;KAEE,OAAO;MACLJ,UAAU;MACVQ,KAAK;MACLC,MAAM;MACNV,OAAO;MACPF,QAAQ,GAAGM,EAAWO,KAAI;MAC1BC,WAAW,cAAcR,EAAWS,MAAK;MAC1C;eAED,kBAAC,GAAD;MAAkBR;MAAK,OAAOD,EAAWE;MAAM,CAAA;KAC3C,EAXCF,EAAWI,IAWZ,IAjBNpB,EAAOmB,KAAK,+BAA+BH,EAAWE,MAAM,EACrD;KAkBT;GACC,CAAA;EACD,CAAA"}