@velora-dex/widget 0.4.13 → 0.4.14-dev.2

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

@@ -0,0 +1,255 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { Button } from '../../ui/button.js';
+import { UnstyledInput } from '../../ui/input.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 { useRef, useState, useEffect } 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 ref = useRef(null);
+  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] !== handleDecrement || $[7] !== handleIncrement) {
+    t8 = () => {
+      const handleKeyDown = (e) => {
+        if (document.activeElement === ref.current) {
+          if (e.key === "ArrowUp") {
+            handleIncrement();
+          } else {
+            if (e.key === "ArrowDown") {
+              handleDecrement();
+            }
+          }
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => {
+        window.removeEventListener("keydown", handleKeyDown);
+      };
+    };
+    t9 = [handleIncrement, handleDecrement];
+    $[6] = handleDecrement;
+    $[7] = handleIncrement;
+    $[8] = t8;
+    $[9] = t9;
+  } else {
+    t8 = $[8];
+    t9 = $[9];
+  }
+  useEffect(t8, t9);
+  let t10;
+  let t11;
+  if ($[10] !== controlledValue) {
+    t10 = () => {
+      if (controlledValue !== void 0) {
+        setValue(controlledValue);
+      }
+    };
+    t11 = [controlledValue];
+    $[10] = controlledValue;
+    $[11] = t10;
+    $[12] = t11;
+  } else {
+    t10 = $[11];
+    t11 = $[12];
+  }
+  useEffect(t10, t11);
+  let t12;
+  if ($[13] !== onValueChange) {
+    t12 = (values) => {
+      const newValue = values.floatValue;
+      setValue(newValue);
+      if (onValueChange) {
+        onValueChange(newValue);
+      }
+    };
+    $[13] = onValueChange;
+    $[14] = t12;
+  } else {
+    t12 = $[14];
+  }
+  const handleChange = t12;
+  let t13;
+  if ($[15] !== max || $[16] !== min || $[17] !== value) {
+    t13 = () => {
+      if (value !== void 0 && ref.current !== null) {
+        if (value < min) {
+          setValue(min);
+          ref.current.value = String(min);
+        } else {
+          if (value > max) {
+            setValue(max);
+            ref.current.value = String(max);
+          }
+        }
+      }
+    };
+    $[15] = max;
+    $[16] = min;
+    $[17] = value;
+    $[18] = t13;
+  } else {
+    t13 = $[18];
+  }
+  const handleBlur = t13;
+  const t14 = classes?.root;
+  let t15;
+  if ($[19] !== t14) {
+    t15 = 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", t14);
+    $[19] = t14;
+    $[20] = t15;
+  } else {
+    t15 = $[20];
+  }
+  const T0 = NumericFormat;
+  const t16 = min < 0;
+  const t17 = true;
+  const t18 = UnstyledInput;
+  const t19 = 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", props.className);
+  let t20;
+  if ($[21] !== T0 || $[22] !== decimalScale || $[23] !== fixedDecimalScale || $[24] !== handleBlur || $[25] !== handleChange || $[26] !== max || $[27] !== min || $[28] !== props || $[29] !== t16 || $[30] !== t18 || $[31] !== t19 || $[32] !== thousandSeparator || $[33] !== value) {
+    t20 = /* @__PURE__ */ jsx(T0, { value, onValueChange: handleChange, thousandSeparator, decimalScale, fixedDecimalScale, allowNegative: t16, valueIsNumericString: t17, onBlur: handleBlur, max, min, customInput: t18, getInputRef: ref, ...props, className: t19 });
+    $[21] = T0;
+    $[22] = decimalScale;
+    $[23] = fixedDecimalScale;
+    $[24] = handleBlur;
+    $[25] = handleChange;
+    $[26] = max;
+    $[27] = min;
+    $[28] = props;
+    $[29] = t16;
+    $[30] = t18;
+    $[31] = t19;
+    $[32] = thousandSeparator;
+    $[33] = value;
+    $[34] = t20;
+  } else {
+    t20 = $[34];
+  }
+  let t21;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = /* @__PURE__ */ jsx("div", { className: "w-[2px] h-full bg-contrast-7 dark:bg-contrast-4" });
+    $[35] = t21;
+  } else {
+    t21 = $[35];
+  }
+  const t22 = value === max;
+  let t23;
+  if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+    t23 = /* @__PURE__ */ jsx(ForwardRef, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" });
+    $[36] = t23;
+  } else {
+    t23 = $[36];
+  }
+  let t24;
+  if ($[37] !== handleIncrement || $[38] !== t22) {
+    t24 = /* @__PURE__ */ jsx(Button, { "aria-label": "Increase value", variant: "ghost", radius: "none", className: "p-0 flex-1 rounded-tr-xs", onClick: handleIncrement, disabled: t22, children: t23 });
+    $[37] = handleIncrement;
+    $[38] = t22;
+    $[39] = t24;
+  } else {
+    t24 = $[39];
+  }
+  let t25;
+  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = /* @__PURE__ */ jsx("div", { className: "h-px bg-contrast-7 dark:bg-contrast-4" });
+    $[40] = t25;
+  } else {
+    t25 = $[40];
+  }
+  const t26 = value === min;
+  let t27;
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /* @__PURE__ */ jsx(ForwardRef$1, { className: "fill-contrast-5 dark:fill-contrast-9 size-2" });
+    $[41] = t27;
+  } else {
+    t27 = $[41];
+  }
+  let t28;
+  if ($[42] !== handleDecrement || $[43] !== t26) {
+    t28 = /* @__PURE__ */ jsx(Button, { "aria-label": "Decrease value", variant: "ghost", radius: "none", className: "p-0 flex-1 rounded-br-xs", onClick: handleDecrement, disabled: t26, children: t27 });
+    $[42] = handleDecrement;
+    $[43] = t26;
+    $[44] = t28;
+  } else {
+    t28 = $[44];
+  }
+  let t29;
+  if ($[45] !== t24 || $[46] !== t28) {
+    t29 = /* @__PURE__ */ jsxs("div", { className: "min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm", children: [
+      t24,
+      t25,
+      t28
+    ] });
+    $[45] = t24;
+    $[46] = t28;
+    $[47] = t29;
+  } else {
+    t29 = $[47];
+  }
+  let t30;
+  if ($[48] !== t15 || $[49] !== t20 || $[50] !== t29) {
+    t30 = /* @__PURE__ */ jsxs("div", { className: t15, children: [
+      t20,
+      t21,
+      t29
+    ] });
+    $[48] = t15;
+    $[49] = t20;
+    $[50] = t29;
+    $[51] = t30;
+  } else {
+    t30 = $[51];
+  }
+  return t30;
+};
+
+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 { UnstyledInput } from \"@/components/ui/input\";\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 { useCallback, useEffect, useRef, useState } from \"react\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\n\nexport type NumberInputProps = Omit<\n  NumericFormatProps,\n  \"value\" | \"onValueChange\"\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 ref = useRef<HTMLInputElement>(null);\n  const [value, setValue] = useState<number | undefined>(\n    controlledValue ?? defaultValue\n  );\n\n  const handleIncrement = useCallback(() => {\n    setValue((prev) =>\n      Math.min(prev === undefined ? stepper : prev + stepper, max)\n    );\n  }, [max, stepper]);\n\n  const handleDecrement = useCallback(() => {\n    setValue((prev) =>\n      Math.max(prev === undefined ? -stepper : prev - stepper, min)\n    );\n  }, [stepper, min]);\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (document.activeElement === ref.current) {\n        if (e.key === \"ArrowUp\") {\n          handleIncrement();\n        } else if (e.key === \"ArrowDown\") {\n          handleDecrement();\n        }\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [handleIncrement, handleDecrement]);\n\n  useEffect(() => {\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    if (onValueChange) {\n      onValueChange(newValue);\n    }\n  };\n\n  const handleBlur = () => {\n    if (value !== undefined && ref.current !== null) {\n      if (value < min) {\n        setValue(min);\n        ref.current.value = String(min);\n      } else if (value > max) {\n        setValue(max);\n        ref.current.value = String(max);\n      }\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        onBlur={handleBlur}\n        max={max}\n        min={min}\n        customInput={UnstyledInput}\n        getInputRef={ref}\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\",\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","ref","useRef","setValue","useState","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","handleKeyDown","e","document","activeElement","current","key","window","addEventListener","removeEventListener","useEffect","t10","t11","t12","values","newValue","floatValue","handleChange","t13","String","handleBlur","t14","root","t15","cn","T0","NumericFormat","t16","t17","UnstyledInput","t19","className","t20","t18","t21","Symbol","for","t22","t23","ArrowUp","t24","t25","t26","t27","ArrowDown","t28","t29","t30"],"mappings":"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"}

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/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,11 @@
 import { Token } from '../../../tokens/state/types';
-export declare const SwapRate: ({ srcToken: _srcToken, destToken: _destToken, srcAmountWei: _srcAmountWei, destAmountWei: _destAmountWei, isLoading, reverse, }: {
+export declare const SwapRate: ({ srcToken: _srcToken, destToken: _destToken, srcAmountWei: _srcAmountWei, destAmountWei: _destAmountWei, isLoading, reverse, prefix, }: {
     srcToken: Pick<Token, "address" | "symbol" | "decimals">;
     destToken?: Pick<Token, "address" | "symbol" | "decimals">;
     srcAmountWei: string;
     destAmountWei?: string;
     isLoading?: boolean;
     reverse?: boolean;
+    prefix?: string;
 }) => 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":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,yIAQtB;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;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,4DA2CA,CAAC"}

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

@@ -5,14 +5,15 @@ import { calcRate } from '../../../lib/utils/rate.js';
 import { formatUnits } from 'viem';
 
 const SwapRate = (t0) => {
-  const $ = distExports.c(13);
+  const $ = distExports.c(15);
   const {
     srcToken: _srcToken,
     destToken: _destToken,
     srcAmountWei: _srcAmountWei,
     destAmountWei: _destAmountWei,
     isLoading,
-    reverse
+    reverse,
+    prefix
   } = t0;
   if (!_destToken) {
     return null;
@@ -21,7 +22,7 @@ const SwapRate = (t0) => {
   let srcToken;
   let t1;
   let t2;
-  if ($[0] !== _destAmountWei || $[1] !== _destToken || $[2] !== _srcAmountWei || $[3] !== _srcToken || $[4] !== isLoading || $[5] !== reverse) {
+  if ($[0] !== _destAmountWei || $[1] !== _destToken || $[2] !== _srcAmountWei || $[3] !== _srcToken || $[4] !== isLoading || $[5] !== prefix || $[6] !== reverse) {
     t2 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const {
@@ -45,23 +46,26 @@ const SwapRate = (t0) => {
       if (isLoading) {
         const t5 = `1 ${srcToken.symbol ?? srcToken.address} =`;
         let t6;
-        if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
           t6 = /* @__PURE__ */ jsx(Skeleton, { className: "w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5" });
-          $[10] = t6;
+          $[11] = t6;
         } else {
-          t6 = $[10];
+          t6 = $[11];
         }
         let t7;
-        if ($[11] !== t5) {
+        if ($[12] !== prefix || $[13] !== t5) {
           t7 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            prefix,
+            " ",
             t5,
             " ",
             t6
           ] });
-          $[11] = t5;
-          $[12] = t7;
+          $[12] = prefix;
+          $[13] = t5;
+          $[14] = t7;
         } else {
-          t7 = $[12];
+          t7 = $[14];
         }
         t2 = t7;
         break bb0;
@@ -79,16 +83,17 @@ const SwapRate = (t0) => {
     $[2] = _srcAmountWei;
     $[3] = _srcToken;
     $[4] = isLoading;
-    $[5] = reverse;
-    $[6] = destToken;
-    $[7] = srcToken;
-    $[8] = t1;
-    $[9] = t2;
+    $[5] = prefix;
+    $[6] = reverse;
+    $[7] = destToken;
+    $[8] = srcToken;
+    $[9] = t1;
+    $[10] = t2;
   } else {
-    destToken = $[6];
-    srcToken = $[7];
-    t1 = $[8];
-    t2 = $[9];
+    destToken = $[7];
+    srcToken = $[8];
+    t1 = $[9];
+    t2 = $[10];
   }
   if (t2 !== Symbol.for("react.early_return_sentinel")) {
     return t2;
@@ -97,7 +102,11 @@ const SwapRate = (t0) => {
   if (!rateFormatted) {
     return null;
   }
-  return `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;
+  const rateText = `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;
+  if (prefix) {
+    return `${prefix} ${rateText}`;
+  }
+  return rateText;
 };
 
 export { SwapRate };

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

@@ -1 +1 @@
-{"version":3,"file":"SwapRate.js","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { formatUnits } from \"viem\";\n\nexport const SwapRate = ({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  isLoading,\n  reverse,\n}: {\n  srcToken: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  destToken?: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  srcAmountWei: string;\n  destAmountWei?: string;\n  isLoading?: boolean;\n  reverse?: boolean;\n}) => {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  return `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n};\n"],"names":["SwapRate","t0","$","_c","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","isLoading","reverse","t1","t2","Symbol","for","bb0","t3","t4","t5","symbol","address","t6","t7","undefined","srcUnits","formatUnits","BigInt","decimals","destUnits","calcRate","rateFormatted"],"mappings":"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"}
+{"version":3,"file":"SwapRate.js","sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { formatUnits } from \"viem\";\n\nexport const SwapRate = ({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  isLoading,\n  reverse,\n  prefix,\n}: {\n  srcToken: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  destToken?: Pick<Token, \"address\" | \"symbol\" | \"decimals\">;\n  srcAmountWei: string;\n  destAmountWei?: string;\n  isLoading?: boolean;\n  reverse?: boolean;\n  prefix?: string;\n}) => {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {prefix} {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  const rateText = `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n\n  if (prefix) {\n    return `${prefix} ${rateText}`;\n  }\n\n  return rateText;\n};\n"],"names":["SwapRate","t0","$","_c","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","isLoading","reverse","prefix","t1","t2","Symbol","for","bb0","t3","t4","t5","symbol","address","t6","t7","undefined","srcUnits","formatUnits","BigInt","decimals","destUnits","calcRate","rateFormatted","rateText"],"mappings":"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"}

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

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