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

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

@@ -0,0 +1,237 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { useState } from 'react';
+import { useSetAtom } from '../../../core/store.js';
+import { twapDurationAtom } from '../../../core/twap/state/twapParamsAtom.js';
+import { TWAP_CUSTOM_DURATION_MAX_DAYS, TWAP_CUSTOM_DURATION_MAX_HOURS, TWAP_CUSTOM_DURATION_MAX_MINUTES } from '../../../core/twap/state/constants.js';
+import { NumberInput } from '../NumberInput/NumberInput.js';
+import { Button } from '../../ui/button.js';
+import { ControlledDrawer } from '../Drawer/index.js';
+import '../Drawer/state/useDrawerControls.js';
+import { ReactComponent as ForwardRef } from '../../../assets/two-dots.svg.js';
+
+function customDurationToMinutes(days, hours, minutes) {
+  return days * 24 * 60 + hours * 60 + minutes;
+}
+function CustomDurationDrawer(t0) {
+  const $ = distExports.c(36);
+  const {
+    initialDuration,
+    drawerControls
+  } = t0;
+  const setDuration = useSetAtom(twapDurationAtom);
+  const initDays = Math.floor(initialDuration / 1440);
+  const initHours = Math.floor(initialDuration % 1440 / 60);
+  const initMinutes = initialDuration % 60;
+  const [days, setDays] = useState(initDays);
+  const [hours, setHours] = useState(initHours);
+  const [minutes, setMinutes] = useState(initMinutes);
+  let t1;
+  if ($[0] !== days || $[1] !== hours || $[2] !== minutes) {
+    t1 = customDurationToMinutes(days, hours, minutes);
+    $[0] = days;
+    $[1] = hours;
+    $[2] = minutes;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const totalMinutes = t1;
+  const isSaveDisabled = totalMinutes === 0;
+  let t2;
+  if ($[4] !== drawerControls || $[5] !== isSaveDisabled || $[6] !== setDuration || $[7] !== totalMinutes) {
+    t2 = () => {
+      if (isSaveDisabled) {
+        return;
+      }
+      setDuration(totalMinutes);
+      drawerControls.onClose();
+    };
+    $[4] = drawerControls;
+    $[5] = isSaveDisabled;
+    $[6] = setDuration;
+    $[7] = totalMinutes;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const handleSave = t2;
+  let t3;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "flex items-center h-10", children: /* @__PURE__ */ jsx(ForwardRef, {}) });
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const dots = t3;
+  let t4;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      content: "dark:bg-contrast-2"
+    };
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsx("div", { className: "text-center text-xs pb-8 px-4 text-contrast-5 dark:text-contrast-6", children: "Set how long this TWAP order should execute. The total size will be split and filled progressively over this duration." });
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== days) {
+    t6 = /* @__PURE__ */ jsx(DurationField, { label: "Days", value: days, max: TWAP_CUSTOM_DURATION_MAX_DAYS, onChange: setDays });
+    $[12] = days;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== hours) {
+    t7 = /* @__PURE__ */ jsx(DurationField, { label: "Hours", value: hours, max: TWAP_CUSTOM_DURATION_MAX_HOURS, onChange: setHours });
+    $[14] = hours;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== minutes) {
+    t8 = /* @__PURE__ */ jsx(DurationField, { label: "Minutes", value: minutes, max: TWAP_CUSTOM_DURATION_MAX_MINUTES, onChange: setMinutes });
+    $[16] = minutes;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t6 || $[19] !== t7 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { children: [
+      t5,
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr_auto_1fr] items-end gap-2", children: [
+        t6,
+        dots,
+        t7,
+        dots,
+        t8
+      ] })
+    ] });
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== handleSave || $[23] !== isSaveDisabled) {
+    t10 = /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: isSaveDisabled, radius: "sm", className: "h-10", children: "Save" });
+    $[22] = handleSave;
+    $[23] = isSaveDisabled;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  let t11;
+  if ($[25] !== drawerControls.onClose) {
+    t11 = /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: drawerControls.onClose, radius: "sm", className: "h-10", children: "Dismiss" });
+    $[25] = drawerControls.onClose;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  let t12;
+  if ($[27] !== t10 || $[28] !== t11) {
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t10,
+      t11
+    ] });
+    $[27] = t10;
+    $[28] = t11;
+    $[29] = t12;
+  } else {
+    t12 = $[29];
+  }
+  let t13;
+  if ($[30] !== t12 || $[31] !== t9) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-14 px-6 pt-2 pb-8", children: [
+      t9,
+      t12
+    ] });
+    $[30] = t12;
+    $[31] = t9;
+    $[32] = t13;
+  } else {
+    t13 = $[32];
+  }
+  let t14;
+  if ($[33] !== drawerControls || $[34] !== t13) {
+    t14 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerControls, title: "Custom Order Duration", showCloseButton: true, classes: t4, children: t13 });
+    $[33] = drawerControls;
+    $[34] = t13;
+    $[35] = t14;
+  } else {
+    t14 = $[35];
+  }
+  return t14;
+}
+function DurationField(t0) {
+  const $ = distExports.c(12);
+  const {
+    label,
+    value,
+    max,
+    onChange
+  } = t0;
+  let t1;
+  if ($[0] !== label) {
+    t1 = /* @__PURE__ */ jsx("span", { className: "text-xs text-contrast-5 dark:text-contrast-6 uppercase", children: label });
+    $[0] = label;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== onChange) {
+    t2 = (v) => onChange(v ?? 0);
+    $[2] = onChange;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      root: "h-10"
+    };
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== max || $[6] !== t2 || $[7] !== value) {
+    t4 = /* @__PURE__ */ jsx(NumberInput, { allowLeadingZeros: false, allowNegative: false, decimalScale: 0, placeholder: "0", value, min: 0, max, stepper: 1, onValueChange: t2, classes: t3 });
+    $[5] = max;
+    $[6] = t2;
+    $[7] = value;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t1 || $[10] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+      t1,
+      t4
+    ] });
+    $[9] = t1;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
+}
+
+export { CustomDurationDrawer };
+//# sourceMappingURL=CustomDurationDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomDurationDrawer.js","sources":["../../../../src/components/widget/Twap/CustomDurationDrawer.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useSetAtom } from \"@/core/store\";\nimport { twapDurationAtom } from \"@/core/twap/state/twapParamsAtom\";\nimport {\n  TWAP_CUSTOM_DURATION_MAX_DAYS,\n  TWAP_CUSTOM_DURATION_MAX_HOURS,\n  TWAP_CUSTOM_DURATION_MAX_MINUTES,\n} from \"@/core/twap/state/constants\";\nimport { NumberInput } from \"@/components/widget/NumberInput/NumberInput\";\nimport { Button } from \"@/components/ui/button\";\nimport { ControlledDrawer } from \"@/components/widget/Drawer\";\nimport { type DrawerControls } from \"@/components/widget/Drawer/state/useDrawerControls\";\nimport { ReactComponent as TwoDotsSVG } from \"@/assets/two-dots.svg\";\n\nfunction customDurationToMinutes(days: number, hours: number, minutes: number) {\n  return days * 24 * 60 + hours * 60 + minutes;\n}\n\nexport function CustomDurationDrawer({\n  initialDuration,\n  drawerControls,\n}: {\n  initialDuration: number;\n  drawerControls: DrawerControls;\n}) {\n  const setDuration = useSetAtom(twapDurationAtom);\n\n  const initDays = Math.floor(initialDuration / (60 * 24));\n  const initHours = Math.floor((initialDuration % (60 * 24)) / 60);\n  const initMinutes = initialDuration % 60;\n\n  const [days, setDays] = useState(initDays);\n  const [hours, setHours] = useState(initHours);\n  const [minutes, setMinutes] = useState(initMinutes);\n\n  const totalMinutes = customDurationToMinutes(days, hours, minutes);\n  const isSaveDisabled = totalMinutes === 0;\n\n  const handleSave = () => {\n    if (isSaveDisabled) return;\n    setDuration(totalMinutes);\n    drawerControls.onClose();\n  };\n\n  const dots = (\n    <div className=\"flex items-center h-10\">\n      <TwoDotsSVG />\n    </div>\n  );\n\n  return (\n    <ControlledDrawer\n      {...drawerControls}\n      title=\"Custom Order Duration\"\n      showCloseButton\n      classes={{\n        content: \"dark:bg-contrast-2\",\n      }}\n    >\n      <div className=\"flex flex-col gap-14 px-6 pt-2 pb-8\">\n        <div>\n          <div className=\"text-center text-xs pb-8 px-4 text-contrast-5 dark:text-contrast-6\">\n            Set how long this TWAP order should execute. The total size will be\n            split and filled progressively over this duration.\n          </div>\n          <div className=\"grid grid-cols-[1fr_auto_1fr_auto_1fr] items-end gap-2\">\n            <DurationField\n              label=\"Days\"\n              value={days}\n              max={TWAP_CUSTOM_DURATION_MAX_DAYS}\n              onChange={setDays}\n            />\n            {dots}\n            <DurationField\n              label=\"Hours\"\n              value={hours}\n              max={TWAP_CUSTOM_DURATION_MAX_HOURS}\n              onChange={setHours}\n            />\n            {dots}\n            <DurationField\n              label=\"Minutes\"\n              value={minutes}\n              max={TWAP_CUSTOM_DURATION_MAX_MINUTES}\n              onChange={setMinutes}\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-4\">\n          <Button\n            onClick={handleSave}\n            disabled={isSaveDisabled}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Save\n          </Button>\n          <Button\n            variant=\"secondary\"\n            onClick={drawerControls.onClose}\n            radius=\"sm\"\n            className=\"h-10\"\n          >\n            Dismiss\n          </Button>\n        </div>\n      </div>\n    </ControlledDrawer>\n  );\n}\n\nfunction DurationField({\n  label,\n  value,\n  max,\n  onChange,\n}: {\n  label: string;\n  value: number;\n  max: number;\n  onChange: (value: number) => void;\n}) {\n  return (\n    <div className=\"flex flex-col gap-1 flex-1\">\n      <span className=\"text-xs text-contrast-5 dark:text-contrast-6 uppercase\">\n        {label}\n      </span>\n      <NumberInput\n        allowLeadingZeros={false}\n        allowNegative={false}\n        decimalScale={0}\n        placeholder=\"0\"\n        value={value}\n        min={0}\n        max={max}\n        stepper={1}\n        onValueChange={(v) => onChange(v ?? 0)}\n        classes={{\n          root: \"h-10\",\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["customDurationToMinutes","days","hours","minutes","CustomDurationDrawer","t0","$","_c","initialDuration","drawerControls","setDuration","useSetAtom","twapDurationAtom","initDays","Math","floor","initHours","initMinutes","setDays","useState","setHours","setMinutes","t1","totalMinutes","isSaveDisabled","t2","onClose","handleSave","t3","Symbol","for","TwoDotsSVG","dots","t4","content","t5","t6","TWAP_CUSTOM_DURATION_MAX_DAYS","t7","TWAP_CUSTOM_DURATION_MAX_HOURS","t8","TWAP_CUSTOM_DURATION_MAX_MINUTES","t9","t10","t11","t12","t13","t14","DurationField","label","value","max","onChange","v","root"],"mappings":"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"}

package/dist/components/widget/Twap/OrderDuration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderDuration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,+CAyB7B,CAAC"}
+{"version":3,"file":"OrderDuration.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Twap/OrderDuration.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB,+CA6C7B,CAAC"}

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

@@ -6,41 +6,108 @@ import { Button } from '../../ui/button.js';
 import { cn } from '../../../lib/utils/index.js';
 import { TWAP_DURATION_OPTIONS } from '../../../core/twap/state/constants.js';
 import { TwapDetailWithTooltip } from './TwapDetailWithTooltip.js';
+import { CustomDurationDrawer } from './CustomDurationDrawer.js';
+import { useDrawerControls } from '../Drawer/state/useDrawerControls.js';
+import { Duration } from '../Duration/Duration.js';
 
 const TwapOrderDuration = () => {
-  const $ = distExports.c(6);
+  const $ = distExports.c(23);
   const duration = useAtomValue(twapDurationAtom);
   const setDuration = useSetAtom(twapDurationAtom);
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(TwapDetailWithTooltip, { detail: "Order Duration", tooltip: "The total time over which your TWAP order will be executed", classes: {
-      root: "text-nowrap"
-    } });
+    t0 = {
+      drawerId: "custom-duration-drawer"
+    };
     $[0] = t0;
   } else {
     t0 = $[0];
   }
+  const drawerControls = useDrawerControls(t0);
   let t1;
-  if ($[1] !== duration || $[2] !== setDuration) {
-    t1 = TWAP_DURATION_OPTIONS.map((option) => /* @__PURE__ */ jsx(DurationButton, { label: option.label, selected: duration === option.value, onClick: () => setDuration(option.value) }, option.value));
+  if ($[1] !== duration) {
+    t1 = TWAP_DURATION_OPTIONS.some((o) => o.value === duration);
     $[1] = duration;
-    $[2] = setDuration;
-    $[3] = t1;
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
+  const isPreset = t1;
   let t2;
-  if ($[4] !== t1) {
-    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      t0,
-      /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap justify-end", children: t1 })
-    ] });
-    $[4] = t1;
+  if ($[3] !== duration || $[4] !== isPreset) {
+    t2 = isPreset ? "Custom" : /* @__PURE__ */ jsx(Duration, { timeMs: duration * 60 * 1e3 });
+    $[3] = duration;
+    $[4] = isPreset;
     $[5] = t2;
   } else {
     t2 = $[5];
   }
-  return t2;
+  const customLabel = t2;
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(TwapDetailWithTooltip, { detail: "Order Duration", tooltip: "The total time over which your TWAP order will be executed", classes: {
+      root: "text-nowrap"
+    } });
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== duration || $[8] !== setDuration) {
+    t4 = TWAP_DURATION_OPTIONS.map((option) => /* @__PURE__ */ jsx(DurationButton, { label: option.label, selected: duration === option.value, onClick: () => setDuration(option.value) }, option.value));
+    $[7] = duration;
+    $[8] = setDuration;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = !isPreset;
+  let t6;
+  if ($[10] !== customLabel || $[11] !== drawerControls.onOpen || $[12] !== t5) {
+    t6 = /* @__PURE__ */ jsx(DurationButton, { label: customLabel, selected: t5, onClick: drawerControls.onOpen });
+    $[10] = customLabel;
+    $[11] = drawerControls.onOpen;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t4 || $[15] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "flex gap-2 flex-wrap justify-end", children: [
+      t4,
+      t6
+    ] });
+    $[14] = t4;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  const t8 = isPreset ? 0 : duration;
+  let t9;
+  if ($[17] !== drawerControls || $[18] !== t8) {
+    t9 = /* @__PURE__ */ jsx(CustomDurationDrawer, { initialDuration: t8, drawerControls });
+    $[17] = drawerControls;
+    $[18] = t8;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== t7 || $[21] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      t3,
+      t7,
+      t9
+    ] });
+    $[20] = t7;
+    $[21] = t9;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  return t10;
 };
 const buttonSelectedClassName = "text-contrast-9 bg-primary-azul-1 border-primary-azul-1 hover:bg-primary-azul-1 hover:text-contrast-9 dark:bg-primary-azul-1 dark:border-primary-azul-1 dark:hover:bg-primary-azul-1 dark:text-contrast-9";
 function DurationButton(t0) {

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

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

package/dist/configurator/Configurator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AA+PA,eAAO,MAAM,YAAY,+CAwUxB,CAAC"}
+{"version":3,"file":"Configurator.d.ts","sourceRoot":"","sources":["../../src/configurator/Configurator.tsx"],"names":[],"mappings":"AA+PA,eAAO,MAAM,YAAY,+CA8UxB,CAAC"}

package/dist/core/Updaters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Updaters.d.ts","sourceRoot":"","sources":["../../src/core/Updaters.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,QAAQ,YA2DpB,CAAC"}
+{"version":3,"file":"Updaters.d.ts","sourceRoot":"","sources":["../../src/core/Updaters.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,QAAQ,YA6DpB,CAAC"}

package/dist/core/Updaters.js

@@ -19,6 +19,7 @@ import { useOnPriceUpdates } from '../events/hooks/useOnPriceUpdates.js';
 import { useBridgeProtocolsQuery } from '../hooks/swap/prices/delta/queries/bridgeProtocols/useBridgeProtocols.js';
 import { useCacheMinViemClient } from '../hooks/useMinViemClient.js';
 import { useIsAccountContract } from '../hooks/getCode/useIsAccountContract.js';
+import { useWatchWalletMetadata } from '../components/web3/ConnectWallets/walletIcons.js';
 import { useActivateUnpostedOrdersEffect } from '../hooks/swap/prices/delta/orders/unposted/effect.js';
 
 const Updaters = () => {
@@ -53,6 +54,7 @@ const Updaters = () => {
   useTokenFromPermit2AllowanceQuery();
   useTokenFromPermit2TransferFromNonce();
   useIsAccountContract();
+  useWatchWalletMetadata();
   useSafeInfo();
   useCanBatchTxs();
   useOnWalletConnected();

package/dist/core/Updaters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Updaters.js","sources":["../../src/core/Updaters.tsx"],"sourcesContent":["import { useTokenFromPermit1Nonce } from \"@/hooks/permit/hooks/permit1/useTokenFromPermit1Nonce\";\nimport { useTokenFromPermit2TransferFromNonce } from \"@/hooks/permit/hooks/permit2/useTokenFromPermit2TransferFromNonce\";\nimport { useTokenFromPermit2AllowanceQuery } from \"@/hooks/permit/hooks/permit2/useTokenFromPermit2Allowance\";\nimport { useTokenFromPermitInfo } from \"@/hooks/permit/hooks/permit1/useTokenFromPermitInfo\";\nimport { useGetContracts } from \"@/hooks/sdk/useGetContracts\";\nimport { useGetBridgeInfo } from \"@/hooks/useBridgeInfo\";\nimport { useFetchTokenLists } from \"@/tokens/queries\";\nimport { usePrefetchTokenBalances } from \"@/hooks/tokens/useAllTokensWithFilter\";\nimport { useSafeInfo } from \"@/lib/web3/wagmi/isInsideSafeIframe\";\nimport { useCanBatchTxs } from \"@/hooks/batch/useCanBatchTxs\";\nimport { useOnWalletConnected } from \"@/events/hooks/useOnWalletConnect\";\nimport { useActivateEffects as useActivateEventEffects } from \"@/events/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTransactionEffects } from \"@/transactions/state/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTokenListEffects } from \"@/tokens/lists/state/effects\";\nimport { useActivateFormInputEffects } from \"./inputs/state/setTokenByAddressAtom\";\nimport { useActivateConfigEffect } from \"./state/configEffectAtom\";\nimport { useOnPriceUpdates } from \"@/events/hooks/useOnPriceUpdates\";\nimport { useBridgeProtocolsQuery } from \"@/hooks/swap/prices/delta/queries/bridgeProtocols/useBridgeProtocols\";\nimport { useCacheMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useIsAccountContract } from \"@/hooks/getCode/useIsAccountContract\";\nimport { useActivateUnpostedOrdersEffect } from \"@/hooks/swap/prices/delta/orders/unposted/effect\";\n\nexport const Updaters = () => {\n  // fetch tokens from currently enabled lists\n  useFetchTokenLists();\n  // activate effects for token lists\n  useActivateTokenListEffects();\n\n  // all balances that would be fetched in TokenSelector for current chain\n  usePrefetchTokenBalances();\n  useGetBridgeInfo({ mode: \"swap\" }); // @TODO: prefetch instead\n  useGetBridgeInfo({ mode: \"limit\" });\n  useGetContracts(); // @TODO: prefetch instead\n  useBridgeProtocolsQuery();\n\n  // for each selected tokenFrom detect its supported Permit1\n  useTokenFromPermitInfo();\n  // for each selected tokenFrom keep track of Token.nonce if available on Token\n  useTokenFromPermit1Nonce();\n  // for each selected tokenFrom keep track of given allowance to Permit2 contract\n  useTokenFromPermit2AllowanceQuery();\n  // global Permit2 TransferFrom nonce, not token-specific but for chain=Token.network\n  useTokenFromPermit2TransferFromNonce();\n\n  // check if wallet is a contract on every network\n  useIsAccountContract();\n\n  // check ahead of opening  ConnectWallets drawer to prevent Safe button appearing\n  // if we are not in a non-Safe iframe\n  useSafeInfo();\n\n  // check if wallet can batch txs\n  useCanBatchTxs();\n\n  // events when wallet is connected\n  useOnWalletConnected();\n\n  // events when price state updates\n  useOnPriceUpdates();\n\n  // activate effects for state atoms\n  useActivateEventEffects();\n\n  // activate effects for transaction atoms\n  useActivateTransactionEffects();\n\n  // activate effects for form input atoms\n  useActivateFormInputEffects();\n\n  // activate widget config effects\n  useActivateConfigEffect();\n\n  // POST unposted orders effect\n  useActivateUnpostedOrdersEffect();\n\n  // keep one subscriber to useConnectorClient query at all times\n  // to avoid async client creation on useMinViemClient mount\n  // and first minClient being undefined for a short time\n  useCacheMinViemClient();\n\n  return null;\n};\n"],"names":["Updaters","$","_c","useFetchTokenLists","useActivateTokenListEffects","usePrefetchTokenBalances","t0","Symbol","for","mode","useGetBridgeInfo","t1","useGetContracts","useBridgeProtocolsQuery","useTokenFromPermitInfo","useTokenFromPermit1Nonce","useTokenFromPermit2AllowanceQuery","useTokenFromPermit2TransferFromNonce","useIsAccountContract","useSafeInfo","useCanBatchTxs","useOnWalletConnected","useOnPriceUpdates","useActivateEventEffects","useActivateTransactionEffects","useActivateFormInputEffects","useActivateConfigEffect","useActivateUnpostedOrdersEffect","useCacheMinViemClient"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAMA,WAAWA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAEtBC,EAAAA,kBAAAA,EAAmB;AAEnBC,EAAAA,kBAAAA,EAA4B;AAG5BC,EAAAA,wBAAAA,EAAyB;AAAC,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACTF,IAAAA,EAAAA,GAAA;AAAA,MAAAG,IAAAA,EAAQ;AAAA,KAAO;AAACR,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjCS,EAAAA,gBAAAA,CAAiBJ,EAAgB,CAAA;AAAC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACjBG,IAAAA,EAAAA,GAAA;AAAA,MAAAF,IAAAA,EAAQ;AAAA,KAAQ;AAACR,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAlCS,EAAAA,gBAAAA,CAAiBC,EAAiB,CAAA;AAClCC,EAAAA,eAAAA,EAAgB;AAChBC,EAAAA,uBAAAA,EAAwB;AAGxBC,EAAAA,sBAAAA,EAAuB;AAEvBC,EAAAA,wBAAAA,EAAyB;AAEzBC,EAAAA,iCAAAA,EAAkC;AAElCC,EAAAA,oCAAAA,EAAqC;AAGrCC,EAAAA,oBAAAA,EAAqB;AAIrBC,EAAAA,WAAAA,EAAY;AAGZC,EAAAA,cAAAA,EAAe;AAGfC,EAAAA,oBAAAA,EAAqB;AAGrBC,EAAAA,iBAAAA,EAAkB;AAGlBC,EAAAA,oBAAAA,EAAwB;AAGxBC,EAAAA,oBAAAA,EAA8B;AAG9BC,EAAAA,2BAAAA,EAA4B;AAG5BC,EAAAA,uBAAAA,EAAwB;AAGxBC,EAAAA,+BAAAA,EAAgC;AAKhCC,EAAAA,qBAAAA,EAAsB;AAAC,EAAA,OAEhB,IAAA;AAAI;;;;"}
+{"version":3,"file":"Updaters.js","sources":["../../src/core/Updaters.tsx"],"sourcesContent":["import { useTokenFromPermit1Nonce } from \"@/hooks/permit/hooks/permit1/useTokenFromPermit1Nonce\";\nimport { useTokenFromPermit2TransferFromNonce } from \"@/hooks/permit/hooks/permit2/useTokenFromPermit2TransferFromNonce\";\nimport { useTokenFromPermit2AllowanceQuery } from \"@/hooks/permit/hooks/permit2/useTokenFromPermit2Allowance\";\nimport { useTokenFromPermitInfo } from \"@/hooks/permit/hooks/permit1/useTokenFromPermitInfo\";\nimport { useGetContracts } from \"@/hooks/sdk/useGetContracts\";\nimport { useGetBridgeInfo } from \"@/hooks/useBridgeInfo\";\nimport { useFetchTokenLists } from \"@/tokens/queries\";\nimport { usePrefetchTokenBalances } from \"@/hooks/tokens/useAllTokensWithFilter\";\nimport { useSafeInfo } from \"@/lib/web3/wagmi/isInsideSafeIframe\";\nimport { useCanBatchTxs } from \"@/hooks/batch/useCanBatchTxs\";\nimport { useOnWalletConnected } from \"@/events/hooks/useOnWalletConnect\";\nimport { useActivateEffects as useActivateEventEffects } from \"@/events/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTransactionEffects } from \"@/transactions/state/hooks/useActivateEffects\";\nimport { useActivateEffects as useActivateTokenListEffects } from \"@/tokens/lists/state/effects\";\nimport { useActivateFormInputEffects } from \"./inputs/state/setTokenByAddressAtom\";\nimport { useActivateConfigEffect } from \"./state/configEffectAtom\";\nimport { useOnPriceUpdates } from \"@/events/hooks/useOnPriceUpdates\";\nimport { useBridgeProtocolsQuery } from \"@/hooks/swap/prices/delta/queries/bridgeProtocols/useBridgeProtocols\";\nimport { useCacheMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useIsAccountContract } from \"@/hooks/getCode/useIsAccountContract\";\nimport { useWatchWalletMetadata } from \"@/components/web3/ConnectWallets/walletIcons\";\nimport { useActivateUnpostedOrdersEffect } from \"@/hooks/swap/prices/delta/orders/unposted/effect\";\n\nexport const Updaters = () => {\n  // fetch tokens from currently enabled lists\n  useFetchTokenLists();\n  // activate effects for token lists\n  useActivateTokenListEffects();\n\n  // all balances that would be fetched in TokenSelector for current chain\n  usePrefetchTokenBalances();\n  useGetBridgeInfo({ mode: \"swap\" }); // @TODO: prefetch instead\n  useGetBridgeInfo({ mode: \"limit\" });\n  useGetContracts(); // @TODO: prefetch instead\n  useBridgeProtocolsQuery();\n\n  // for each selected tokenFrom detect its supported Permit1\n  useTokenFromPermitInfo();\n  // for each selected tokenFrom keep track of Token.nonce if available on Token\n  useTokenFromPermit1Nonce();\n  // for each selected tokenFrom keep track of given allowance to Permit2 contract\n  useTokenFromPermit2AllowanceQuery();\n  // global Permit2 TransferFrom nonce, not token-specific but for chain=Token.network\n  useTokenFromPermit2TransferFromNonce();\n\n  // check if wallet is a contract on every network\n  useIsAccountContract();\n  // keep fresh wallet metadata for all connections\n  useWatchWalletMetadata();\n\n  // check ahead of opening  ConnectWallets drawer to prevent Safe button appearing\n  // if we are not in a non-Safe iframe\n  useSafeInfo();\n\n  // check if wallet can batch txs\n  useCanBatchTxs();\n\n  // events when wallet is connected\n  useOnWalletConnected();\n\n  // events when price state updates\n  useOnPriceUpdates();\n\n  // activate effects for state atoms\n  useActivateEventEffects();\n\n  // activate effects for transaction atoms\n  useActivateTransactionEffects();\n\n  // activate effects for form input atoms\n  useActivateFormInputEffects();\n\n  // activate widget config effects\n  useActivateConfigEffect();\n\n  // POST unposted orders effect\n  useActivateUnpostedOrdersEffect();\n\n  // keep one subscriber to useConnectorClient query at all times\n  // to avoid async client creation on useMinViemClient mount\n  // and first minClient being undefined for a short time\n  useCacheMinViemClient();\n\n  return null;\n};\n"],"names":["Updaters","$","_c","useFetchTokenLists","useActivateTokenListEffects","usePrefetchTokenBalances","t0","Symbol","for","mode","useGetBridgeInfo","t1","useGetContracts","useBridgeProtocolsQuery","useTokenFromPermitInfo","useTokenFromPermit1Nonce","useTokenFromPermit2AllowanceQuery","useTokenFromPermit2TransferFromNonce","useIsAccountContract","useWatchWalletMetadata","useSafeInfo","useCanBatchTxs","useOnWalletConnected","useOnPriceUpdates","useActivateEventEffects","useActivateTransactionEffects","useActivateFormInputEffects","useActivateConfigEffect","useActivateUnpostedOrdersEffect","useCacheMinViemClient"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAMA,WAAWA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAEtBC,EAAAA,kBAAAA,EAAmB;AAEnBC,EAAAA,kBAAAA,EAA4B;AAG5BC,EAAAA,wBAAAA,EAAyB;AAAC,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACTF,IAAAA,EAAAA,GAAA;AAAA,MAAAG,IAAAA,EAAQ;AAAA,KAAO;AAACR,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjCS,EAAAA,gBAAAA,CAAiBJ,EAAgB,CAAA;AAAC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAM,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACjBG,IAAAA,EAAAA,GAAA;AAAA,MAAAF,IAAAA,EAAQ;AAAA,KAAQ;AAACR,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAlCS,EAAAA,gBAAAA,CAAiBC,EAAiB,CAAA;AAClCC,EAAAA,eAAAA,EAAgB;AAChBC,EAAAA,uBAAAA,EAAwB;AAGxBC,EAAAA,sBAAAA,EAAuB;AAEvBC,EAAAA,wBAAAA,EAAyB;AAEzBC,EAAAA,iCAAAA,EAAkC;AAElCC,EAAAA,oCAAAA,EAAqC;AAGrCC,EAAAA,oBAAAA,EAAqB;AAErBC,EAAAA,sBAAAA,EAAuB;AAIvBC,EAAAA,WAAAA,EAAY;AAGZC,EAAAA,cAAAA,EAAe;AAGfC,EAAAA,oBAAAA,EAAqB;AAGrBC,EAAAA,iBAAAA,EAAkB;AAGlBC,EAAAA,oBAAAA,EAAwB;AAGxBC,EAAAA,oBAAAA,EAA8B;AAG9BC,EAAAA,2BAAAA,EAA4B;AAG5BC,EAAAA,uBAAAA,EAAwB;AAGxBC,EAAAA,+BAAAA,EAAgC;AAKhCC,EAAAA,qBAAAA,EAAsB;AAAC,EAAA,OAEhB,IAAA;AAAI;;;;"}

package/dist/core/inputs/state/setTokenByAddressAtom.js

@@ -183,16 +183,16 @@ const formInputPropsEffectAtom = atomEffect((get, set) => {
   const isTradeModeWithoutSide = !isTradeModeWithSide;
   const isSell = isTradeModeWithoutSide || isTradeModeWithSide && side === "SELL";
   const isBuy = isTradeModeWithoutSide || isTradeModeWithSide && side === "BUY";
-  const sendAmountNotZero = sendAmount && Number(sendAmount) >= 0;
-  const receiveAmountNotZero = receiveAmount && Number(receiveAmount) >= 0;
-  if (sendAmountNotZero && isSell) {
+  const isValidSendAmount = sendAmount && Number(sendAmount) >= 0;
+  const isValidReceiveAmount = receiveAmount && Number(receiveAmount) >= 0;
+  if (isValidSendAmount && isSell) {
     const formPayAmountAtom = tradeModeToPayAmountUnitAtom[selectedForm];
     const currentSendAmount = get.peek(formPayAmountAtom.read);
     if (currentSendAmount !== sendAmount) {
       set(formPayAmountAtom.write, sendAmount);
     }
   }
-  if (receiveAmountNotZero && isBuy) {
+  if (isValidReceiveAmount && isBuy) {
     const formReceiveAmountAtom = tradeModeToReceiveAmountUnitAtom[selectedForm];
     const currentReceiveAmount = get.peek(formReceiveAmountAtom.read);
     if (currentReceiveAmount !== receiveAmount) {