@velora-dex/widget 0.5.0 → 0.5.1-dev.1

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

@@ -0,0 +1,242 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { Button } from '../../ui/button.js';
+import { cn } from '../../../lib/utils/index.js';
+import { ReactComponent as ForwardRef } from './assets/arrow-up.svg.js';
+import { ReactComponent as ForwardRef$1 } from './assets/arrow-down.svg.js';
+import { useState, useLayoutEffect } from 'react';
+import { NumericFormat } from 'react-number-format';
+
+const NumberInput = (t0) => {
+  const $ = distExports.c(52);
+  const {
+    stepper: t1,
+    thousandSeparator,
+    defaultValue,
+    min: t2,
+    max: t3,
+    onValueChange,
+    fixedDecimalScale: t4,
+    decimalScale: t5,
+    value: controlledValue,
+    classes,
+    ...props
+  } = t0;
+  const stepper = t1 === void 0 ? 1 : t1;
+  const min = t2 === void 0 ? -Infinity : t2;
+  const max = t3 === void 0 ? Infinity : t3;
+  const fixedDecimalScale = t4 === void 0 ? false : t4;
+  const decimalScale = t5 === void 0 ? 0 : t5;
+  const [value, setValue] = useState(controlledValue ?? defaultValue);
+  let t6;
+  if ($[0] !== max || $[1] !== stepper) {
+    t6 = () => {
+      setValue((prev) => Math.min(prev === void 0 ? stepper : prev + stepper, max));
+    };
+    $[0] = max;
+    $[1] = stepper;
+    $[2] = t6;
+  } else {
+    t6 = $[2];
+  }
+  const handleIncrement = t6;
+  let t7;
+  if ($[3] !== min || $[4] !== stepper) {
+    t7 = () => {
+      setValue((prev_0) => Math.max(prev_0 === void 0 ? -stepper : prev_0 - stepper, min));
+    };
+    $[3] = min;
+    $[4] = stepper;
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  const handleDecrement = t7;
+  let t8;
+  let t9;
+  if ($[6] !== controlledValue) {
+    t8 = () => {
+      if (controlledValue !== void 0) {
+        setValue(controlledValue);
+      }
+    };
+    t9 = [controlledValue];
+    $[6] = controlledValue;
+    $[7] = t8;
+    $[8] = t9;
+  } else {
+    t8 = $[7];
+    t9 = $[8];
+  }
+  useLayoutEffect(t8, t9);
+  let t10;
+  if ($[9] !== onValueChange) {
+    t10 = (values) => {
+      const newValue = values.floatValue;
+      setValue(newValue);
+      onValueChange?.(newValue);
+    };
+    $[9] = onValueChange;
+    $[10] = t10;
+  } else {
+    t10 = $[10];
+  }
+  const handleChange = t10;
+  let t11;
+  if ($[11] !== max || $[12] !== min || $[13] !== onValueChange || $[14] !== value) {
+    t11 = () => {
+      if (value === void 0) {
+        return;
+      }
+      if (value < min) {
+        setValue(min);
+        onValueChange?.(min);
+      } else {
+        if (value > max) {
+          setValue(max);
+          onValueChange?.(max);
+        }
+      }
+    };
+    $[11] = max;
+    $[12] = min;
+    $[13] = onValueChange;
+    $[14] = value;
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  const handleBlur = t11;
+  let t12;
+  if ($[16] !== handleDecrement || $[17] !== handleIncrement) {
+    t12 = (e) => {
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        handleIncrement();
+      } else {
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          handleDecrement();
+        }
+      }
+    };
+    $[16] = handleDecrement;
+    $[17] = handleIncrement;
+    $[18] = t12;
+  } else {
+    t12 = $[18];
+  }
+  const handleKeyDown = t12;
+  const t13 = classes?.root;
+  let t14;
+  if ($[19] !== t13) {
+    t14 = cn("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", t13);
+    $[19] = t13;
+    $[20] = t14;
+  } else {
+    t14 = $[20];
+  }
+  const T0 = NumericFormat;
+  const t15 = min < 0;
+  const t16 = true;
+  const t17 = cn("[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", props.className);
+  let t18;
+  if ($[21] !== T0 || $[22] !== decimalScale || $[23] !== fixedDecimalScale || $[24] !== handleBlur || $[25] !== handleChange || $[26] !== handleKeyDown || $[27] !== max || $[28] !== min || $[29] !== props || $[30] !== t15 || $[31] !== t17 || $[32] !== thousandSeparator || $[33] !== value) {
+    t18 = /* @__PURE__ */ jsx(T0, { value, onValueChange: handleChange, thousandSeparator, decimalScale, fixedDecimalScale, allowNegative: t15, valueIsNumericString: t16, onKeyDown: handleKeyDown, onBlur: handleBlur, max, min, ...props, className: t17 });
+    $[21] = T0;
+    $[22] = decimalScale;
+    $[23] = fixedDecimalScale;
+    $[24] = handleBlur;
+    $[25] = handleChange;
+    $[26] = handleKeyDown;
+    $[27] = max;
+    $[28] = min;
+    $[29] = props;
+    $[30] = t15;
+    $[31] = t17;
+    $[32] = thousandSeparator;
+    $[33] = value;
+    $[34] = t18;
+  } else {
+    t18 = $[34];
+  }
+  let t19;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t19 = /* @__PURE__ */ jsx("div", { className: "w-[2px] h-full bg-contrast-7 dark:bg-contrast-4" });
+    $[35] = t19;
+  } else {
+    t19 = $[35];
+  }
+  const t20 = value === max;
+  let t21;
+  if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = /* @__PURE__ */ jsx(ForwardRef, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" });
+    $[36] = t21;
+  } else {
+    t21 = $[36];
+  }
+  let t22;
+  if ($[37] !== handleIncrement || $[38] !== t20) {
+    t22 = /* @__PURE__ */ jsx(Button, { "aria-label": "Increase value", variant: "ghost", radius: "none", className: "p-0 flex-1 rounded-tr-xs", onClick: handleIncrement, disabled: t20, children: t21 });
+    $[37] = handleIncrement;
+    $[38] = t20;
+    $[39] = t22;
+  } else {
+    t22 = $[39];
+  }
+  let t23;
+  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+    t23 = /* @__PURE__ */ jsx("div", { className: "h-px bg-contrast-7 dark:bg-contrast-4" });
+    $[40] = t23;
+  } else {
+    t23 = $[40];
+  }
+  const t24 = value === min;
+  let t25;
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = /* @__PURE__ */ jsx(ForwardRef$1, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" });
+    $[41] = t25;
+  } else {
+    t25 = $[41];
+  }
+  let t26;
+  if ($[42] !== handleDecrement || $[43] !== t24) {
+    t26 = /* @__PURE__ */ jsx(Button, { "aria-label": "Decrease value", variant: "ghost", radius: "none", className: "p-0 flex-1 rounded-br-xs", onClick: handleDecrement, disabled: t24, children: t25 });
+    $[42] = handleDecrement;
+    $[43] = t24;
+    $[44] = t26;
+  } else {
+    t26 = $[44];
+  }
+  let t27;
+  if ($[45] !== t22 || $[46] !== t26) {
+    t27 = /* @__PURE__ */ jsxs("div", { className: "min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm", children: [
+      t22,
+      t23,
+      t26
+    ] });
+    $[45] = t22;
+    $[46] = t26;
+    $[47] = t27;
+  } else {
+    t27 = $[47];
+  }
+  let t28;
+  if ($[48] !== t14 || $[49] !== t18 || $[50] !== t27) {
+    t28 = /* @__PURE__ */ jsxs("div", { className: t14, children: [
+      t18,
+      t19,
+      t27
+    ] });
+    $[48] = t14;
+    $[49] = t18;
+    $[50] = t27;
+    $[51] = t28;
+  } else {
+    t28 = $[51];
+  }
+  return t28;
+};
+
+export { NumberInput };
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","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  };\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  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      onValueChange?.(min); // ensure the value is clamped to min\n    } else if (value > max) {\n      setValue(max);\n      onValueChange?.(max); // ensure the value is clamped to 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    >\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-[2px] 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"],"names":["NumberInput","t0","$","_c","stepper","t1","thousandSeparator","defaultValue","min","t2","max","t3","onValueChange","fixedDecimalScale","t4","decimalScale","t5","value","controlledValue","classes","props","undefined","Infinity","setValue","useState","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","useLayoutEffect","t10","values","newValue","floatValue","handleChange","t11","handleBlur","t12","e","key","preventDefault","handleKeyDown","t13","root","t14","cn","T0","NumericFormat","t15","t16","t17","className","t18","t19","Symbol","for","t20","t21","ArrowUp","t22","t23","t24","t25","ArrowDown","t26","t27","t28"],"mappings":";;;;;;;;;AA2BO,MAAMA,cAAcC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,OAAAA,EAAAC,EAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,GAAAA,EAAAC,EAAAA;AAAAA,IAAAC,GAAAA,EAAAC,EAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,iBAAAA,EAAAC,EAAAA;AAAAA,IAAAC,YAAAA,EAAAC,EAAAA;AAAAA,IAAAC,KAAAA,EAAAC,eAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAA,GAAAC;AAAAA,GAAA,GAAAnB,EAAAA;AAC1B,EAAA,MAAAG,OAAAA,GAAAC,EAAAA,KAAAgB,MAAAA,GAAA,CAAA,GAAAhB,EAAAA;AAGA,EAAA,MAAAG,GAAAA,GAAAC,EAAAA,KAAAY,MAAAA,GAAA,CAAA,QAAA,GAAAZ,EAAAA;AACA,EAAA,MAAAC,GAAAA,GAAAC,EAAAA,KAAAU,MAAAA,GAAAC,QAAAA,GAAAX,EAAAA;AAEA,EAAA,MAAAE,iBAAAA,GAAAC,EAAAA,KAAAO,MAAAA,GAAA,KAAA,GAAAP,EAAAA;AACA,EAAA,MAAAC,YAAAA,GAAAC,EAAAA,KAAAK,MAAAA,GAAA,CAAA,GAAAL,EAAAA;AAKA,EAAA,MAAA,CAAAC,KAAAA,EAAAM,QAAA,CAAA,GAA0BC,QAAAA,CACxBN,mBAAAX,YACF,CAAA;AAAE,EAAA,IAAAkB,EAAAA;AAAA,EAAA,IAAAvB,EAAA,CAAA,CAAA,KAAAQ,OAAAR,CAAAA,QAAAE,OAAAA,EAAA;AAEsBqB,IAAAA,EAAAA,GAAAA,MAAA;AACtBF,MAAAA,QAAAA,CAASG,CAAAA,IAAAA,KACPC,KAAInB,GAAAA,CAAKkB,IAAAA,KAASL,SAATjB,OAAAA,GAA+BsB,IAAAA,GAAOtB,OAAAA,EAASM,GAAG,CAC7D,CAAA;AAAA,IAAC,CAAA;AACFR,IAAAA,CAAAA,MAAAQ,GAAAA;AAAAR,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAuB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAvB,EAAA,CAAA,CAAA;AAAA,EAAA;AAJD,EAAA,MAAA0B,eAAAA,GAAwBH,EAAAA;AAItB,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAA3B,EAAA,CAAA,CAAA,KAAAM,OAAAN,CAAAA,QAAAE,OAAAA,EAAA;AAEsByB,IAAAA,EAAAA,GAAAA,MAAA;AACtBN,MAAAA,QAAAA,CAASO,CAAAA,MAAAA,KACPH,IAAAA,CAAIjB,GAAAA,CAAKgB,MAAAA,KAASL,MAAAA,GAAT,CAAsBjB,OAAAA,GAAUsB,MAAAA,GAAOtB,OAAAA,EAASI,GAAG,CAC9D,CAAA;AAAA,IAAC,CAAA;AACFN,IAAAA,CAAAA,MAAAM,GAAAA;AAAAN,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAA2B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA3B,EAAA,CAAA,CAAA;AAAA,EAAA;AAJD,EAAA,MAAA6B,eAAAA,GAAwBF,EAAAA;AAItB,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAA/B,CAAAA,QAAAgB,eAAAA,EAAA;AAEcc,IAAAA,EAAAA,GAAAA,MAAA;AACd,MAAA,IAAId,oBAAoBG,MAAAA,EAAS;AAE/BE,QAAAA,QAAAA,CAASL,eAAe,CAAA;AAAA,MAAC;AAAA,IAC1B,CAAA;AACAe,IAAAA,EAAAA,GAAA,CAACf,eAAe,CAAA;AAAChB,IAAAA,CAAAA,MAAAgB,eAAAA;AAAAhB,IAAAA,CAAAA,MAAA8B,EAAAA;AAAA9B,IAAAA,CAAAA,MAAA+B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAD,IAAAA,EAAAA,GAAA9B,EAAA,CAAA,CAAA;AAAA+B,IAAAA,EAAAA,GAAA/B,EAAA,CAAA,CAAA;AAAA,EAAA;AALpBgC,EAAAA,eAAAA,CAAgBF,IAKbC,EAAiB,CAAA;AAAC,EAAA,IAAAE,GAAAA;AAAA,EAAA,IAAAjC,CAAAA,QAAAU,aAAAA,EAAA;AAEAuB,IAAAA,GAAAA,GAAAC,CAAAA,MAAAA,KAAA;AAInB,MAAA,MAAAC,WAAiBD,MAAAA,CAAME,UAAAA;AACvBf,MAAAA,QAAAA,CAASc,QAAQ,CAAA;AACjBzB,MAAAA,aAAAA,GAAgByB,QAAQ,CAAA;AAAA,IAAC,CAAA;AAC1BnC,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,OAAAiC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAjC,EAAA,EAAA,CAAA;AAAA,EAAA;AAPD,EAAA,MAAAqC,YAAAA,GAAqBJ,GAAAA;AAOnB,EAAA,IAAAK,GAAAA;AAAA,EAAA,IAAAtC,CAAAA,CAAA,EAAA,CAAA,KAAAQ,GAAAA,IAAAR,EAAA,EAAA,CAAA,KAAAM,GAAAA,IAAAN,CAAAA,CAAA,EAAA,CAAA,KAAAU,aAAAA,IAAAV,CAAAA,SAAAe,KAAAA,EAAA;AAEiBuB,IAAAA,GAAAA,GAAAA,MAAA;AACjB,MAAA,IAAIvB,UAAUI,MAAAA,EAAS;AAAA,QAAA;AAAA,MAAA;AACvB,MAAA,IAAIJ,QAAQT,GAAAA,EAAG;AACbe,QAAAA,QAAAA,CAASf,GAAG,CAAA;AACZI,QAAAA,aAAAA,GAAgBJ,GAAG,CAAA;AAAA,MAAC,CAAA,MAAA;AACf,QAAA,IAAIS,QAAQP,GAAAA,EAAG;AACpBa,UAAAA,QAAAA,CAASb,GAAG,CAAA;AACZE,UAAAA,aAAAA,GAAgBF,GAAG,CAAA;AAAA,QAAC;AAAA,MACrB;AAAA,IAAA,CAAA;AACFR,IAAAA,CAAAA,OAAAQ,GAAAA;AAAAR,IAAAA,CAAAA,OAAAM,GAAAA;AAAAN,IAAAA,CAAAA,OAAAU,aAAAA;AAAAV,IAAAA,CAAAA,OAAAe,KAAAA;AAAAf,IAAAA,CAAAA,OAAAsC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAtC,EAAA,EAAA,CAAA;AAAA,EAAA;AATD,EAAA,MAAAuC,UAAAA,GAAmBD,GAAAA;AASjB,EAAA,IAAAE,GAAAA;AAAA,EAAA,IAAAxC,EAAA,EAAA,CAAA,KAAA6B,mBAAA7B,CAAAA,SAAA0B,eAAAA,EAAA;AAEoBc,IAAAA,GAAAA,GAAAC,CAAAA,CAAAA,KAAA;AACpB,MAAA,IAAIA,CAAAA,CAACC,QAAS,SAAA,EAAS;AACrBD,QAAAA,CAAAA,CAACE,cAAAA,EAAgB;AACjBjB,QAAAA,eAAAA,EAAgB;AAAA,MAAC,CAAA,MAAA;AACZ,QAAA,IAAIe,CAAAA,CAACC,QAAS,WAAA,EAAW;AAC9BD,UAAAA,CAAAA,CAACE,cAAAA,EAAgB;AACjBd,UAAAA,eAAAA,EAAgB;AAAA,QAAC;AAAA,MAClB;AAAA,IAAA,CAAA;AACF7B,IAAAA,CAAAA,OAAA6B,eAAAA;AAAA7B,IAAAA,CAAAA,OAAA0B,eAAAA;AAAA1B,IAAAA,CAAAA,OAAAwC,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAxC,EAAA,EAAA,CAAA;AAAA,EAAA;AARD,EAAA,MAAA4C,aAAAA,GAAsBJ,GAAAA;AAchB,EAAA,MAAAK,MAAA5B,OAAAA,EAAO6B,IAAAA;AAAM,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAA/C,CAAAA,SAAA6C,GAAAA,EAAA;AAFJE,IAAAA,GAAAA,GAAAC,EAAAA,CACT,+UACAH,GACF,CAAA;AAAC7C,IAAAA,CAAAA,OAAA6C,GAAAA;AAAA7C,IAAAA,CAAAA,OAAA+C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA/C,EAAA,EAAA,CAAA;AAAA,EAAA;AAEA,EAAA,MAAAiD,EAAAA,GAAAC,aAAAA;AAMgB,EAAA,MAAAC,MAAA7C,GAAAA,GAAM,CAAA;AACrB,EAAA,MAAA8C,GAAAA,GAAA,IAAA;AAMW,EAAA,MAAAC,GAAAA,GAAAL,EAAAA,CACT,0MAAA,EACA9B,KAAAA,CAAKoC,SACP,CAAA;AAAC,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAAvD,CAAAA,SAAAiD,EAAAA,IAAAjD,EAAA,EAAA,CAAA,KAAAa,YAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAW,qBAAAX,CAAAA,CAAA,EAAA,CAAA,KAAAuC,UAAAA,IAAAvC,CAAAA,CAAA,EAAA,MAAAqC,YAAAA,IAAArC,CAAAA,CAAA,EAAA,CAAA,KAAA4C,aAAAA,IAAA5C,CAAAA,SAAAQ,GAAAA,IAAAR,CAAAA,CAAA,EAAA,CAAA,KAAAM,GAAAA,IAAAN,EAAA,EAAA,CAAA,KAAAkB,KAAAA,IAAAlB,CAAAA,CAAA,EAAA,CAAA,KAAAmD,OAAAnD,CAAAA,CAAA,EAAA,CAAA,KAAAqD,GAAAA,IAAArD,CAAAA,SAAAI,iBAAAA,IAAAJ,CAAAA,CAAA,EAAA,CAAA,KAAAe,KAAAA,EAAA;AAhBHwC,IAAAA,GAAAA,mBAAA,GAAA,CAAC,MACQxC,KAAAA,EACQsB,aAAAA,EAAAA,cACIjC,iBAAAA,EACLS,YAAAA,EACKF,mBACJ,aAAA,EAAAwC,GAAAA,EACf,sBAAAC,GAAAA,EACWR,SAAAA,EAAAA,eACHL,MAAAA,EAAAA,UAAAA,EACH/B,KACAF,GAAAA,EAAG,GACJY,KAAAA,EACO,SAAA,EAAAmC,GAAAA,EAGV,CAAA;AACDrD,IAAAA,CAAAA,OAAAiD,EAAAA;AAAAjD,IAAAA,CAAAA,OAAAa,YAAAA;AAAAb,IAAAA,CAAAA,OAAAW,iBAAAA;AAAAX,IAAAA,CAAAA,OAAAuC,UAAAA;AAAAvC,IAAAA,CAAAA,OAAAqC,YAAAA;AAAArC,IAAAA,CAAAA,OAAA4C,aAAAA;AAAA5C,IAAAA,CAAAA,OAAAQ,GAAAA;AAAAR,IAAAA,CAAAA,OAAAM,GAAAA;AAAAN,IAAAA,CAAAA,OAAAkB,KAAAA;AAAAlB,IAAAA,CAAAA,OAAAmD,GAAAA;AAAAnD,IAAAA,CAAAA,OAAAqD,GAAAA;AAAArD,IAAAA,CAAAA,OAAAI,iBAAAA;AAAAJ,IAAAA,CAAAA,OAAAe,KAAAA;AAAAf,IAAAA,CAAAA,OAAAuD,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAvD,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAwD,GAAAA;AAAA,EAAA,IAAAxD,EAAA,EAAA,CAAA,KAAAyD,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACFF,IAAAA,GAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,iDAAA,EAAiD,CAAA;AAAGxD,IAAAA,CAAAA,OAAAwD,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAxD,EAAA,EAAA,CAAA;AAAA,EAAA;AAQrD,EAAA,MAAA2D,MAAA5C,KAAAA,KAAUP,GAAAA;AAAG,EAAA,IAAAoD,GAAAA;AAAA,EAAA,IAAA5D,EAAA,EAAA,CAAA,KAAAyD,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEvBE,IAAAA,GAAAA,uBAACC,UAAA,EAAA,EAAkB,SAAA,EAAA,6CAAA,EAA6C,CAAA;AAAG7D,IAAAA,CAAAA,OAAA4D,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA5D,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA8D,GAAAA;AAAA,EAAA,IAAA9D,EAAA,EAAA,CAAA,KAAA0B,mBAAA1B,CAAAA,SAAA2D,GAAAA,EAAA;AARrEG,IAAAA,GAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACY,YAAA,EAAA,gBAAA,EACH,SAAA,OAAA,EACD,MAAA,EAAA,MAAA,EACG,SAAA,EAAA,0BAAA,EACDpC,OAAAA,EAAAA,eAAAA,EACC,QAAA,EAAAiC,KAEVC,QAAAA,EAAAA,GAAAA,EACF,CAAA;AAAS5D,IAAAA,CAAAA,OAAA0B,eAAAA;AAAA1B,IAAAA,CAAAA,OAAA2D,GAAAA;AAAA3D,IAAAA,CAAAA,OAAA8D,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA9D,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA+D,GAAAA;AAAA,EAAA,IAAA/D,EAAA,EAAA,CAAA,KAAAyD,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACTK,IAAAA,GAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,uCAAA,EAAuC,CAAA;AAAG/D,IAAAA,CAAAA,OAAA+D,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA/D,EAAA,EAAA,CAAA;AAAA,EAAA;AAO7C,EAAA,MAAAgE,MAAAjD,KAAAA,KAAUT,GAAAA;AAAG,EAAA,IAAA2D,GAAAA;AAAA,EAAA,IAAAjE,EAAA,EAAA,CAAA,KAAAyD,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEvBO,IAAAA,GAAAA,uBAACC,YAAA,EAAA,EAAoB,SAAA,EAAA,6CAAA,EAA6C,CAAA;AAAGlE,IAAAA,CAAAA,OAAAiE,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAjE,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAmE,GAAAA;AAAA,EAAA,IAAAnE,EAAA,EAAA,CAAA,KAAA6B,mBAAA7B,CAAAA,SAAAgE,GAAAA,EAAA;AARvEG,IAAAA,GAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACY,YAAA,EAAA,gBAAA,EACH,SAAA,OAAA,EACD,MAAA,EAAA,MAAA,EACG,SAAA,EAAA,0BAAA,EACDtC,OAAAA,EAAAA,eAAAA,EACC,QAAA,EAAAmC,KAEVC,QAAAA,EAAAA,GAAAA,EACF,CAAA;AAASjE,IAAAA,CAAAA,OAAA6B,eAAAA;AAAA7B,IAAAA,CAAAA,OAAAgE,GAAAA;AAAAhE,IAAAA,CAAAA,OAAAmE,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAnE,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAoE,GAAAA;AAAA,EAAA,IAAApE,EAAA,EAAA,CAAA,KAAA8D,OAAA9D,CAAAA,SAAAmE,GAAAA,EAAA;AArBXC,IAAAA,GAAAA,iCAAe,SAAA,EAAA,iFAAA,EACbN,QAAAA,EAAAA;AAAAA,MAAAA,GAAAA;AAAAA,MAUAC,GAAAA;AAAAA,MACAI;AAAAA,KAAAA,EAUF,CAAA;AAAMnE,IAAAA,CAAAA,OAAA8D,GAAAA;AAAA9D,IAAAA,CAAAA,OAAAmE,GAAAA;AAAAnE,IAAAA,CAAAA,OAAAoE,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAApE,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAqE,GAAAA;AAAA,EAAA,IAAArE,CAAAA,CAAA,EAAA,CAAA,KAAA+C,GAAAA,IAAA/C,CAAAA,SAAAuD,GAAAA,IAAAvD,CAAAA,CAAA,EAAA,CAAA,KAAAoE,GAAAA,EAAA;AA/CRC,IAAAA,GAAAA,iCACa,SAAA,EAAAtB,GAAAA,EAKXQ,QAAAA,EAAAA;AAAAA,MAAAA,GAAAA;AAAAA,MAkBAC,GAAAA;AAAAA,MACAY;AAAAA,KAAAA,EAuBF,CAAA;AAAMpE,IAAAA,CAAAA,OAAA+C,GAAAA;AAAA/C,IAAAA,CAAAA,OAAAuD,GAAAA;AAAAvD,IAAAA,CAAAA,OAAAoE,GAAAA;AAAApE,IAAAA,CAAAA,OAAAqE,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAArE,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAhDNqE,GAAAA;AAgDM;;;;"}

package/dist/components/widget/NumberInput/assets/arrow-down.svg.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+
+const SvgArrowDown = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 7, height: 5, viewBox: "0 0 7 5", fill: "#62626F", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M0.124938 0.938336L3.11105 4.80157C3.15918 4.86381 3.21889 4.91376 3.28607 4.94802C3.35326 4.98227 3.42633 5 3.50028 5C3.57423 5 3.6473 4.98227 3.71449 4.94802C3.78167 4.91376 3.84138 4.86381 3.88951 4.80157L6.87562 0.938336C7.16061 0.569585 6.92433 6.61506e-09 6.48639 4.4901e-08L0.513316 5.67084e-07C0.0753761 6.0537e-07 -0.160898 0.569586 0.124938 0.938336Z" }));
+const ForwardRef = forwardRef(SvgArrowDown);
+
+export { ForwardRef as ReactComponent };
+//# sourceMappingURL=arrow-down.svg.js.map

package/dist/components/widget/NumberInput/assets/arrow-down.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-down.svg.js","sources":["../../../../../src/components/widget/NumberInput/assets/arrow-down.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgArrowDown = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 7, height: 5, viewBox: \"0 0 7 5\", fill: \"#62626F\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0.124938 0.938336L3.11105 4.80157C3.15918 4.86381 3.21889 4.91376 3.28607 4.94802C3.35326 4.98227 3.42633 5 3.50028 5C3.57423 5 3.6473 4.98227 3.71449 4.94802C3.78167 4.91376 3.84138 4.86381 3.88951 4.80157L6.87562 0.938336C7.16061 0.569585 6.92433 6.61506e-09 6.48639 4.4901e-08L0.513316 5.67084e-07C0.0753761 6.0537e-07 -0.160898 0.569586 0.124938 0.938336Z\" }));\nconst ForwardRef = forwardRef(SvgArrowDown);\nexport { ForwardRef as ReactComponent };\n"],"names":[],"mappings":";;;AAEA,MAAM,YAAY,GAAG,CAAC;AACtB,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,GAAG;AACL,CAAC,EAAE,GAAG,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,GAAG,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,0WAA0W,EAAE,CAAC,CAAC;AACnrB,MAAC,UAAU,GAAG,UAAU,CAAC,YAAY;;;;"}

package/dist/components/widget/NumberInput/assets/arrow-up.svg.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+
+const SvgArrowUp = ({
+  title,
+  titleId,
+  ...props
+}, ref) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 7, height: 5, viewBox: "0 0 7 5", fill: "#62626F", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M6.87506 4.06166L3.88895 0.198431C3.84082 0.136194 3.78111 0.0862359 3.71393 0.0519848C3.64674 0.0177337 3.57367 0 3.49972 0C3.42577 0 3.3527 0.0177337 3.28551 0.0519848C3.21833 0.0862359 3.15862 0.136194 3.11049 0.198431L0.124375 4.06166C-0.160607 4.43041 0.0756675 5 0.513608 5H6.48668C6.92462 5 7.1609 4.43041 6.87506 4.06166Z" }));
+const ForwardRef = forwardRef(SvgArrowUp);
+
+export { ForwardRef as ReactComponent };
+//# sourceMappingURL=arrow-up.svg.js.map

package/dist/components/widget/NumberInput/assets/arrow-up.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-up.svg.js","sources":["../../../../../src/components/widget/NumberInput/assets/arrow-up.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgArrowUp = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 7, height: 5, viewBox: \"0 0 7 5\", fill: \"#62626F\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.87506 4.06166L3.88895 0.198431C3.84082 0.136194 3.78111 0.0862359 3.71393 0.0519848C3.64674 0.0177337 3.57367 0 3.49972 0C3.42577 0 3.3527 0.0177337 3.28551 0.0519848C3.21833 0.0862359 3.15862 0.136194 3.11049 0.198431L0.124375 4.06166C-0.160607 4.43041 0.0756675 5 0.513608 5H6.48668C6.92462 5 7.1609 4.43041 6.87506 4.06166Z\" }));\nconst ForwardRef = forwardRef(SvgArrowUp);\nexport { ForwardRef as ReactComponent };\n"],"names":[],"mappings":";;;AAEA,MAAM,UAAU,GAAG,CAAC;AACpB,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,GAAG;AACL,CAAC,EAAE,GAAG,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAAmB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,GAAG,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2UAA2U,EAAE,CAAC,CAAC;AACppB,MAAC,UAAU,GAAG,UAAU,CAAC,UAAU;;;;"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/Controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAM7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAK/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzD,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,2DAKtB,qBAAqB,4CAwFvB,CAAC"}
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAM7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAK/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzD,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,2DAKtB,qBAAqB,4CAkFvB,CAAC"}

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

@@ -10,7 +10,7 @@ import { useChainMatches } from '../../../../hooks/useChainMatches.js';
 import { useSwitchChainWithGuard } from '../../../../hooks/useSwitchChainWithGuard.js';
 
 const Controls = (t0) => {
-  const $ = distExports.c(38);
+  const $ = distExports.c(37);
   const {
     order,
     onDismiss,
@@ -126,60 +126,49 @@ const Controls = (t0) => {
     t7 = $[24];
   }
   const {
-    cancelOtcOrder,
+    mutate,
     isPending,
     isSuccess
   } = useCancelOtcOrderAndWait(t7);
   let t8;
-  if ($[25] !== cancelOrderEvents || $[26] !== cancelOtcOrder || $[27] !== cancellable || $[28] !== isConnected || $[29] !== isPending || $[30] !== isSuccess || $[31] !== order.orderHash) {
-    t8 = cancellable && isConnected && !isSuccess ? /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1", disabled: isPending, onClick: () => cancelOtcOrder({
-      orderHash: order.orderHash,
-      onTxSent: (t92) => {
-        const {
-          chainId,
-          transactionHash
-        } = t92;
-        cancelOrderEvents.onTxSent?.({
-          chainId,
-          txHash: transactionHash
-        });
-      }
+  if ($[25] !== cancellable || $[26] !== isConnected || $[27] !== isPending || $[28] !== isSuccess || $[29] !== mutate || $[30] !== order.orderHash) {
+    t8 = cancellable && isConnected && !isSuccess ? /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1", disabled: isPending, onClick: () => mutate({
+      orderHash: order.orderHash
     }), children: [
       "Cancel This Order",
       isPending && /* @__PURE__ */ jsx(ForwardRef, { width: 16, height: 16, className: "animate-spin direction-reverse" })
     ] }) : null;
-    $[25] = cancelOrderEvents;
-    $[26] = cancelOtcOrder;
-    $[27] = cancellable;
-    $[28] = isConnected;
-    $[29] = isPending;
-    $[30] = isSuccess;
-    $[31] = order.orderHash;
-    $[32] = t8;
+    $[25] = cancellable;
+    $[26] = isConnected;
+    $[27] = isPending;
+    $[28] = isSuccess;
+    $[29] = mutate;
+    $[30] = order.orderHash;
+    $[31] = t8;
   } else {
-    t8 = $[32];
+    t8 = $[31];
   }
   const cancelBtn = t8;
   let t9;
-  if ($[33] !== onDismiss) {
+  if ($[32] !== onDismiss) {
     t9 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
-    $[33] = onDismiss;
-    $[34] = t9;
+    $[32] = onDismiss;
+    $[33] = t9;
   } else {
-    t9 = $[34];
+    t9 = $[33];
   }
   const dismissBtn = t9;
   let t10;
-  if ($[35] !== cancelBtn || $[36] !== dismissBtn) {
+  if ($[34] !== cancelBtn || $[35] !== dismissBtn) {
     t10 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-auto", children: [
       cancelBtn,
       dismissBtn
     ] });
-    $[35] = cancelBtn;
-    $[36] = dismissBtn;
-    $[37] = t10;
+    $[34] = cancelBtn;
+    $[35] = dismissBtn;
+    $[36] = t10;
   } else {
-    t10 = $[37];
+    t10 = $[36];
   }
   return t10;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","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"],"names":["Controls","t0","$","_c","order","onDismiss","onCancelTxError","onCancelTxSuccess","t1","state","LimitOrderStateChecker","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","useChainMatches","address","account","useAccount","t2","minClient","useMinViemClient","mutateAsync","switchChain","useSwitchChainWithGuard","cancelOrderEvents","useCancelOtcOrderEventCallbacks","t3","variables","onMutate","t4","data","vars","onSuccess","t5","error","vars_0","onError","t6","t7","client","mutationOptions","cancelOtcOrder","isPending","isSuccess","useCancelOtcOrderAndWait","t8","orderHash","onTxSent","t9","transactionHash","txHash","Spinner","cancelBtn","dismissBtn","t10"],"mappings":"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"}
+{"version":3,"file":"Controls.js","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 { mutate, 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          mutate({\n            orderHash: order.orderHash,\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"],"names":["Controls","t0","$","_c","order","onDismiss","onCancelTxError","onCancelTxSuccess","t1","state","LimitOrderStateChecker","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","useChainMatches","address","account","useAccount","t2","minClient","useMinViemClient","mutateAsync","switchChain","useSwitchChainWithGuard","cancelOrderEvents","useCancelOtcOrderEventCallbacks","t3","variables","onMutate","t4","data","vars","onSuccess","t5","error","vars_0","onError","t6","t7","client","mutationOptions","mutate","isPending","isSuccess","useCancelOtcOrderAndWait","t8","orderHash","Spinner","cancelBtn","t9","dismissBtn","t10"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,MAAM,CAAC;AAIjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CA6Dd;AAED,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,YAAY,EAAE;;;EAa3E;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,qBAAqB,CAGhC;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,oBAAoB,CAM/B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EACV,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,MAAM,CAAC;AAIjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,CAAC,EAAE,OAAO,GAChB,YAAY,CAiEd;AAED,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,YAAY,EAAE;;;EAa3E;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,qBAAqB,CAGhC;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,KAAK,IAAI,oBAAoB,CAM/B"}

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

@@ -31,20 +31,23 @@ function constructOtcOrderItem(order, allChainsTokenMap, account) {
     }
   }
   const userIsTaker = !!account && account.toLowerCase() === order.taker.toLowerCase();
+  const visualItemType = "OTC";
   const extra = userIsTaker ? {
     srcToken: destToken,
     destToken: srcToken,
     srcAmount: destAmount,
     destAmount: srcAmount,
     srcAmountUnit: destAmountUnit,
-    destAmountUnit: srcAmountUnit
+    destAmountUnit: srcAmountUnit,
+    visualItemType
   } : {
     srcToken,
     destToken,
     srcAmount,
     destAmount,
     srcAmountUnit,
-    destAmountUnit
+    destAmountUnit,
+    visualItemType
   };
   return {
     ...order,

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","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 extra = userIsTaker\n    ? {\n        srcToken: destToken,\n        destToken: srcToken,\n        srcAmount: destAmount,\n        destAmount: srcAmount,\n        srcAmountUnit: destAmountUnit,\n        destAmountUnit: srcAmountUnit,\n      }\n    : {\n        srcToken,\n        destToken,\n        srcAmount,\n        destAmount,\n        srcAmountUnit,\n        destAmountUnit,\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"],"names":["constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","isSupportedChainId","chainId","srcTokenKey","prepTokenKey","address","makerAsset","network","foundSrcToken","formatUnits","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","LimitOrderStateChecker","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"mappings":";;;;;AAaO,SAASA,qBAAAA,CACdC,KAAAA,EACAC,iBAAAA,EACAC,OAAAA,EACc;AACd,EAAA,MAAMC,YAAYH,KAAAA,CAAMI,WAAAA;AACxB,EAAA,MAAMC,aAAaL,KAAAA,CAAMM,WAAAA;AAEzB,EAAA,IAAIC,QAAAA;AACJ,EAAA,IAAIC,SAAAA;AAEJ,EAAA,IAAIC,aAAAA;AACJ,EAAA,IAAIC,cAAAA;AAEJ,EAAA,IAAIC,kBAAAA,CAAmBX,KAAAA,CAAMY,OAAO,CAAA,EAAG;AACrC,IAAA,MAAMC,cAAcC,YAAAA,CAAa;AAAA,MAC/BC,SAASf,KAAAA,CAAMgB,UAAAA;AAAAA,MACfC,SAASjB,KAAAA,CAAMY;AAAAA,KAChB,CAAA;AAED,IAAA,MAAMM,aAAAA,GAAgBjB,kBAAkBY,WAAW,CAAA;AACnD,IAAA,IAAIK,aAAAA,EAAe;AACjBX,MAAAA,QAAAA,GAAWW,aAAAA;AACXT,MAAAA,aAAAA,GAAgBU,WAAAA,CAAYC,MAAAA,CAAOjB,SAAS,CAAA,EAAGe,cAAcG,QAAQ,CAAA;AAAA,IACvE;AAEA,IAAA,MAAMC,eAAeR,YAAAA,CAAa;AAAA,MAChCC,SAASf,KAAAA,CAAMuB,UAAAA;AAAAA,MACfN,SAASjB,KAAAA,CAAMY;AAAAA,KAChB,CAAA;AAED,IAAA,MAAMY,cAAAA,GAAiBvB,kBAAkBqB,YAAY,CAAA;AACrD,IAAA,IAAIE,cAAAA,EAAgB;AAClBhB,MAAAA,SAAAA,GAAYgB,cAAAA;AACZd,MAAAA,cAAAA,GAAiBS,WAAAA,CAAYC,MAAAA,CAAOf,UAAU,CAAA,EAAGmB,eAAeH,QAAQ,CAAA;AAAA,IAC1E;AAAA,EACF;AAEA,EAAA,MAAMI,WAAAA,GACJ,CAAC,CAACvB,OAAAA,IAAWA,QAAQwB,WAAAA,EAAY,KAAM1B,KAAAA,CAAM2B,KAAAA,CAAMD,WAAAA,EAAY;AAEjE,EAAA,MAAME,QAAQH,WAAAA,GACV;AAAA,IACElB,QAAAA,EAAUC,SAAAA;AAAAA,IACVA,SAAAA,EAAWD,QAAAA;AAAAA,IACXJ,SAAAA,EAAWE,UAAAA;AAAAA,IACXA,UAAAA,EAAYF,SAAAA;AAAAA,IACZM,aAAAA,EAAeC,cAAAA;AAAAA,IACfA,cAAAA,EAAgBD;AAAAA,GAClB,GACA;AAAA,IACEF,QAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAL,SAAAA;AAAAA,IACAE,UAAAA;AAAAA,IACAI,aAAAA;AAAAA,IACAC;AAAAA,GACF;AAEJ,EAAA,OAAO;AAAA,IACL,GAAGV,KAAAA;AAAAA,IACH4B,KAAAA;AAAAA,IACAH,WAAAA;AAAAA,IACAI,QAAAA,EAAU;AAAA,GACZ;AACF;AAEO,SAASC,iCAAiCC,WAAAA,EAA6B;AAC5E,EAAA,MAAMC,eAA+B,EAAA;AACrC,EAAA,MAAMC,kBAAkC,EAAA;AAExCF,EAAAA,WAAAA,CAAYG,QAASlC,CAAAA,KAAAA,KAAU;AAC7B,IAAA,IAAImC,sBAAAA,CAAuBC,MAAAA,CAAOC,GAAAA,CAAIrC,KAAAA,CAAMsC,KAAK,CAAA,EAAG;AAClDN,MAAAA,YAAAA,CAAaO,KAAKvC,KAAK,CAAA;AAAA,IACzB,CAAA,MAAO;AACLiC,MAAAA,eAAAA,CAAgBM,KAAKvC,KAAK,CAAA;AAAA,IAC5B;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO;AAAA,IAAEgC,YAAAA;AAAAA,IAAcC;AAAAA,GAAgB;AACzC;AAEO,SAASO,oBACdxC,KAAAA,EACgC;AAChC,EAAA,MAAM;AAAA,IAAEO,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,MAAmBV,KAAAA,CAAM4B,KAAAA;AACrE,EAAA,OAAO,CAAC,EAAErB,QAAAA,IAAYC,SAAAA,IAAaC,aAAAA,IAAiBC,cAAAA,CAAAA;AACtD;AAEO,SAAS+B,oBACdzC,KAAAA,EAC+B;AAC/B,EAAA,OAAO,CAAC,EACNwC,mBAAAA,CAAoBxC,KAAK,CAAA,IACzBA,KAAAA,CAAMyB,WAAAA,IACNU,sBAAAA,CAAuBC,MAAAA,CAAOC,GAAAA,CAAIrC,KAAAA,CAAMsC,KAAK,CAAA,CAAA;AAEjD;;;;"}
+{"version":3,"file":"utils.js","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"],"names":["constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","isSupportedChainId","chainId","srcTokenKey","prepTokenKey","address","makerAsset","network","foundSrcToken","formatUnits","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","visualItemType","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","LimitOrderStateChecker","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"mappings":"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"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"names":[],"mappings":"AAmBA,wBAAgB,yBAAyB,iDA4DxC"}
+{"version":3,"file":"subscriptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"names":[],"mappings":"AA2BA,wBAAgB,yBAAyB,iDA0DxC"}

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

@@ -11,7 +11,13 @@ import { enabledSrcChainsAtom } from '../../../../core/state/enabledChainsAtom.j
 import { limitReceiverAddressAtom } from '../../../../core/limit/state/receiverAddressAtom.js';
 import { openDrawerAtom } from '../../Drawer/state/useDrawerControls.js';
 import { screenAtom } from '../../../../core/screen/state/screenAtom.js';
+import { twapReceiverAddressAtom } from '../../../../core/twap/state/twapReceiverAddressAtom.js';
 
+function setReceiverAddress(address) {
+  jotaiStore.set(receiverAddressAtom, address);
+  jotaiStore.set(limitReceiverAddressAtom, address);
+  jotaiStore.set(twapReceiverAddressAtom, address);
+}
 function subscribeToAccountChanges() {
   return watchAccount(wagmiConfig, {
     onChange: async (account, {
@@ -33,8 +39,7 @@ function subscribeToAccountChanges() {
         connector
       });
       if (!address || chainId === void 0 || !isSupportedChainId(chainId) || !enabledSrcChains.includes(chainId)) {
-        jotaiStore.set(receiverAddressAtom, void 0);
-        jotaiStore.set(limitReceiverAddressAtom, void 0);
+        setReceiverAddress(void 0);
         return;
       }
       jotaiStore.set(resetOrdersCountAtom);
@@ -56,8 +61,7 @@ function subscribeToAccountChanges() {
           chainId
         })
       });
-      jotaiStore.set(receiverAddressAtom, isEOA ? address : void 0);
-      jotaiStore.set(limitReceiverAddressAtom, isEOA ? address : void 0);
+      setReceiverAddress(isEOA ? address : void 0);
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.js","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\";\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        jotaiStore.set(receiverAddressAtom, undefined);\n        jotaiStore.set(limitReceiverAddressAtom, 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      jotaiStore.set(receiverAddressAtom, isEOA ? address : undefined);\n      jotaiStore.set(limitReceiverAddressAtom, isEOA ? address : undefined);\n    },\n  });\n}\n"],"names":["subscribeToAccountChanges","watchAccount","wagmiConfig","onChange","account","address","prevAddress","chainId","connector","enabledSrcChains","jotaiStore","get","enabledSrcChainsAtom","set","openDrawerAtom","screenAtom","accountAtom","undefined","isSupportedChainId","includes","receiverAddressAtom","limitReceiverAddressAtom","resetOrdersCountAtom","state","setState","prev","queryKey","constructIsContractAtAddressQueryKey","isEOA","queryClient","ensureQueryData","queryFn","getIsContractAtAddress"],"mappings":";;;;;;;;;;;;;;AAmBO,SAASA,yBAAAA,GAA4B;AAG1C,EAAA,OAAOC,aAAaC,WAAAA,EAAa;AAAA,IAC/BC,QAAAA,EAAU,OAAOC,OAAAA,EAAS;AAAA,MAAEC,OAAAA,EAASC;AAAAA,KAAY,KAAM;AACrD,MAAA,MAAM;AAAA,QAAED,OAAAA;AAAAA,QAASE,OAAAA;AAAAA,QAASC;AAAAA,OAAU,GAAIJ,OAAAA;AACxC,MAAA,MAAMK,gBAAAA,GAAmBC,UAAAA,CAAWC,GAAAA,CAAIC,oBAAoB,CAAA;AAI5D,MAAA,IAAIP,YAAYC,WAAAA,EAAa;AAC3BI,QAAAA,UAAAA,CAAWG,GAAAA,CAAIC,gBAAgB,IAAI,CAAA;AACnCJ,QAAAA,UAAAA,CAAWG,GAAAA,CAAIE,YAAY,IAAI,CAAA;AAAA,MACjC;AAGAL,MAAAA,UAAAA,CAAWG,IAAIG,WAAAA,EAAa;AAAA,QAC1BX,OAAAA;AAAAA,QACAE,OAAAA;AAAAA,QACAC;AAAAA,OACD,CAAA;AAGD,MAAA,IACE,CAACH,OAAAA,IACDE,OAAAA,KAAYU,MAAAA,IACZ,CAACC,kBAAAA,CAAmBX,OAAO,CAAA,IAC3B,CAACE,gBAAAA,CAAiBU,QAAAA,CAASZ,OAAO,CAAA,EAClC;AACAG,QAAAA,UAAAA,CAAWG,GAAAA,CAAIO,qBAAqBH,MAAS,CAAA;AAC7CP,QAAAA,UAAAA,CAAWG,GAAAA,CAAIQ,0BAA0BJ,MAAS,CAAA;AAClD,QAAA;AAAA,MACF;AAGAP,MAAAA,UAAAA,CAAWG,IAAIS,oBAAoB,CAAA;AAEnC,MAAA,IAAIf,OAAAA,KAAYL,YAAYqB,KAAAA,CAAMhB,OAAAA;AAEhCL,QAAAA,WAAAA,CAAYsB,SAAUC,CAAAA,IAAAA,MAAU;AAAA,UAAE,GAAGA,IAAAA;AAAAA,UAAMlB;AAAAA,SAAQ,CAAE,CAAA;AAEvD,MAAA,MAAMmB,WAAWC,oCAAAA,CAAqC;AAAA,QACpDpB,OAAAA;AAAAA,QACAF;AAAAA,OACD,CAAA;AAED,MAAA,MAAM;AAAA,QAAEuB;AAAAA,OAAM,GAAI,MAAMC,WAAAA,CAAYC,eAAAA,CAAgB;AAAA,QAClDJ,QAAAA;AAAAA,QACAK,OAAAA,EAASA,MACPC,sBAAAA,CAAuB;AAAA,UACrB3B,OAAAA;AAAAA,UACAE;AAAAA,SACD;AAAA,OACJ,CAAA;AAGDG,MAAAA,UAAAA,CAAWG,GAAAA,CAAIO,mBAAAA,EAAqBQ,KAAAA,GAAQvB,OAAAA,GAAUY,MAAS,CAAA;AAC/DP,MAAAA,UAAAA,CAAWG,GAAAA,CAAIQ,wBAAAA,EAA0BO,KAAAA,GAAQvB,OAAAA,GAAUY,MAAS,CAAA;AAAA,IACtE;AAAA,GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"subscriptions.js","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"],"names":["setReceiverAddress","address","jotaiStore","set","receiverAddressAtom","limitReceiverAddressAtom","twapReceiverAddressAtom","subscribeToAccountChanges","watchAccount","wagmiConfig","onChange","account","prevAddress","chainId","connector","enabledSrcChains","get","enabledSrcChainsAtom","openDrawerAtom","screenAtom","accountAtom","undefined","isSupportedChainId","includes","resetOrdersCountAtom","state","setState","prev","queryKey","constructIsContractAtAddressQueryKey","isEOA","queryClient","ensureQueryData","queryFn","getIsContractAtAddress"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAASA,mBAAmBC,OAAAA,EAA8B;AACxDC,EAAAA,UAAAA,CAAWC,GAAAA,CAAIC,qBAAqBH,OAAO,CAAA;AAC3CC,EAAAA,UAAAA,CAAWC,GAAAA,CAAIE,0BAA0BJ,OAAO,CAAA;AAChDC,EAAAA,UAAAA,CAAWC,GAAAA,CAAIG,yBAAyBL,OAAO,CAAA;AACjD;AAEO,SAASM,yBAAAA,GAA4B;AAG1C,EAAA,OAAOC,aAAaC,WAAAA,EAAa;AAAA,IAC/BC,QAAAA,EAAU,OAAOC,OAAAA,EAAS;AAAA,MAAEV,OAAAA,EAASW;AAAAA,KAAY,KAAM;AACrD,MAAA,MAAM;AAAA,QAAEX,OAAAA;AAAAA,QAASY,OAAAA;AAAAA,QAASC;AAAAA,OAAU,GAAIH,OAAAA;AACxC,MAAA,MAAMI,gBAAAA,GAAmBb,UAAAA,CAAWc,GAAAA,CAAIC,oBAAoB,CAAA;AAI5D,MAAA,IAAIhB,YAAYW,WAAAA,EAAa;AAC3BV,QAAAA,UAAAA,CAAWC,GAAAA,CAAIe,gBAAgB,IAAI,CAAA;AACnChB,QAAAA,UAAAA,CAAWC,GAAAA,CAAIgB,YAAY,IAAI,CAAA;AAAA,MACjC;AAGAjB,MAAAA,UAAAA,CAAWC,IAAIiB,WAAAA,EAAa;AAAA,QAC1BnB,OAAAA;AAAAA,QACAY,OAAAA;AAAAA,QACAC;AAAAA,OACD,CAAA;AAGD,MAAA,IACE,CAACb,OAAAA,IACDY,OAAAA,KAAYQ,MAAAA,IACZ,CAACC,kBAAAA,CAAmBT,OAAO,CAAA,IAC3B,CAACE,gBAAAA,CAAiBQ,QAAAA,CAASV,OAAO,CAAA,EAClC;AACAb,QAAAA,kBAAAA,CAAmBqB,MAAS,CAAA;AAC5B,QAAA;AAAA,MACF;AAGAnB,MAAAA,UAAAA,CAAWC,IAAIqB,oBAAoB,CAAA;AAEnC,MAAA,IAAIX,OAAAA,KAAYJ,YAAYgB,KAAAA,CAAMZ,OAAAA;AAEhCJ,QAAAA,WAAAA,CAAYiB,SAAUC,CAAAA,IAAAA,MAAU;AAAA,UAAE,GAAGA,IAAAA;AAAAA,UAAMd;AAAAA,SAAQ,CAAE,CAAA;AAEvD,MAAA,MAAMe,WAAWC,oCAAAA,CAAqC;AAAA,QACpDhB,OAAAA;AAAAA,QACAZ;AAAAA,OACD,CAAA;AAED,MAAA,MAAM;AAAA,QAAE6B;AAAAA,OAAM,GAAI,MAAMC,WAAAA,CAAYC,eAAAA,CAAgB;AAAA,QAClDJ,QAAAA;AAAAA,QACAK,OAAAA,EAASA,MACPC,sBAAAA,CAAuB;AAAA,UACrBjC,OAAAA;AAAAA,UACAY;AAAAA,SACD;AAAA,OACJ,CAAA;AAGDb,MAAAA,kBAAAA,CAAmB8B,KAAAA,GAAQ7B,UAAUoB,MAAS,CAAA;AAAA,IAChD;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/components/widget/SwapRate/SwapRate.d.ts

@@ -1,10 +1,3 @@
-import { Token } from '../../../tokens/state/types';
-export declare const SwapRate: ({ srcToken: _srcToken, destToken: _destToken, srcAmountWei: _srcAmountWei, destAmountWei: _destAmountWei, isLoading, reverse, }: {
-    srcToken: Pick<Token, "address" | "symbol" | "decimals">;
-    destToken?: Pick<Token, "address" | "symbol" | "decimals">;
-    srcAmountWei: string;
-    destAmountWei?: string;
-    isLoading?: boolean;
-    reverse?: boolean;
-}) => string | import("react/jsx-runtime").JSX.Element | null;
+import { SwapRateProps } from './types';
+export declare const SwapRate: ({ srcToken: _srcToken, destToken: _destToken, srcAmountWei: _srcAmountWei, destAmountWei: _destAmountWei, isLoading, reverse, prefix, }: SwapRateProps) => string | import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SwapRate.d.ts.map

package/dist/components/widget/SwapRate/SwapRate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRate.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,iIAOtB;IACD,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4DAqCA,CAAC"}
+{"version":3,"file":"SwapRate.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,QAAQ,GAAI,yIAQtB,aAAa,4DA2Cf,CAAC"}