@velora-dex/widget 0.4.4-dev.1 → 0.4.4

package/dist/components/widget/TradeOverview/TradeOverviewFooter.js

@@ -5,6 +5,7 @@ import { useTradeFlowContext } from './tradeFlowContext.js';
 import { cn } from '../../../lib/utils/index.js';
 import { CancelButton } from '../Button/CancelButton/CancelButton.js';
 import { cancelOrderTooltip } from '../Button/CancelButton/constants.js';
+import { DismissButton } from '../Button/DismissButton.js';
 
 const TradeOverviewFooterBase = (t0) => {
   const $ = distExports.c(10);
@@ -128,8 +129,44 @@ const DismissFooter = (t0) => {
   }
   return t5;
 };
+const ApproveAndSubmitFooter = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    onDismiss,
+    onRestartFlow
+  } = t0;
+  let t1;
+  if ($[0] !== onDismiss) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "text-sm w-[118px]", onClick: onDismiss, children: "Dismiss" });
+    $[0] = onDismiss;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== onRestartFlow) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "cta", size: "xl", radius: "sm", className: "flex-1 text-sm", onClick: onRestartFlow, children: "Approve and Submit" });
+    $[2] = onRestartFlow;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex justify-center w-full gap-[16px]", children: [
+      t1,
+      t2
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
 const ViewOrCancelFooter = (t0) => {
-  const $ = distExports.c(18);
+  const $ = distExports.c(13);
   const {
     onCancelFlow,
     onCancelOrder,
@@ -139,77 +176,54 @@ const ViewOrCancelFooter = (t0) => {
     orderCancellationStep
   } = useTradeFlowContext();
   const pendingCancellation = orderCancellationStep === "pending";
-  let t1;
-  if ($[0] !== onCancelFlow || $[1] !== onCancelOrder || $[2] !== pendingCancellation) {
-    t1 = onCancelOrder ? {
-      disabled: pendingCancellation,
-      onClick: onCancelOrder,
-      label: "Cancel Order"
-    } : {
-      onClick: onCancelFlow,
-      label: "Cancel"
-    };
-    $[0] = onCancelFlow;
-    $[1] = onCancelOrder;
-    $[2] = pendingCancellation;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const {
-    disabled,
-    onClick,
-    label
-  } = t1;
   const oneButtonOnly = !explorerLink;
-  const t2 = !oneButtonOnly;
-  let t3;
-  if ($[4] !== oneButtonOnly || $[5] !== t2) {
-    t3 = cn({
+  const t1 = !oneButtonOnly;
+  let t2;
+  if ($[0] !== oneButtonOnly || $[1] !== t1) {
+    t2 = cn({
       "w-full": oneButtonOnly,
-      "w-[118px]": t2
+      "w-[118px]": t1
     });
-    $[4] = oneButtonOnly;
-    $[5] = t2;
-    $[6] = t3;
+    $[0] = oneButtonOnly;
+    $[1] = t1;
+    $[2] = t2;
   } else {
-    t3 = $[6];
+    t2 = $[2];
   }
-  const t4 = onCancelOrder ? cancelOrderTooltip : void 0;
-  let t5;
-  if ($[7] !== disabled || $[8] !== label || $[9] !== onClick || $[10] !== t3 || $[11] !== t4) {
-    t5 = /* @__PURE__ */ jsx(CancelButton, { className: t3, disabled, onClick, tooltip: t4, children: label });
-    $[7] = disabled;
-    $[8] = label;
-    $[9] = onClick;
-    $[10] = t3;
-    $[11] = t4;
-    $[12] = t5;
+  const buttonClassName = t2;
+  let t3;
+  if ($[3] !== buttonClassName || $[4] !== onCancelFlow || $[5] !== onCancelOrder || $[6] !== pendingCancellation) {
+    t3 = onCancelOrder ? /* @__PURE__ */ jsx(CancelButton, { className: buttonClassName, disabled: pendingCancellation, onClick: onCancelOrder, tooltip: cancelOrderTooltip, children: "Cancel Order" }) : /* @__PURE__ */ jsx(DismissButton, { variant: "secondary", className: buttonClassName, onClick: onCancelFlow, children: "Dismiss" });
+    $[3] = buttonClassName;
+    $[4] = onCancelFlow;
+    $[5] = onCancelOrder;
+    $[6] = pendingCancellation;
+    $[7] = t3;
   } else {
-    t5 = $[12];
+    t3 = $[7];
   }
-  let t6;
-  if ($[13] !== explorerLink) {
-    t6 = explorerLink && /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "flex-1 text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) });
-    $[13] = explorerLink;
-    $[14] = t6;
+  let t4;
+  if ($[8] !== explorerLink) {
+    t4 = explorerLink && /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "flex-1 text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) });
+    $[8] = explorerLink;
+    $[9] = t4;
   } else {
-    t6 = $[14];
+    t4 = $[9];
   }
-  let t7;
-  if ($[15] !== t5 || $[16] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { className: "flex justify-center w-full gap-[16px]", children: [
-      t5,
-      t6
+  let t5;
+  if ($[10] !== t3 || $[11] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex justify-center w-full gap-[16px]", children: [
+      t3,
+      t4
     ] });
-    $[15] = t5;
-    $[16] = t6;
-    $[17] = t7;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
   } else {
-    t7 = $[17];
+    t5 = $[12];
   }
-  return t7;
+  return t5;
 };
 
-export { DismissFooter, TradeOverviewFooter, ViewOrCancelFooter };
+export { ApproveAndSubmitFooter, DismissFooter, TradeOverviewFooter, ViewOrCancelFooter };
 //# sourceMappingURL=TradeOverviewFooter.js.map

package/dist/components/widget/TradeOverview/TradeOverviewFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeOverviewFooter.js","sources":["../../../../src/components/widget/TradeOverview/TradeOverviewFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { cn } from \"@/lib/utils\";\nimport { CancelButton } from \"../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../Button/CancelButton/constants\";\n\n// --- Footer ---\ntype TradeOverviewFooterProps = {\n  onDismiss?: () => void;\n  onCancelFlow?: () => void;\n  onCancelOrder?: () => void;\n};\n\ntype TradeOverviewFooterBaseProps = TradeOverviewFooterProps & {\n  isFlowCancellable?: boolean;\n  explorerLink?: string;\n};\n\nconst TradeOverviewFooterBase = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  isFlowCancellable,\n  explorerLink,\n}: TradeOverviewFooterBaseProps) => {\n  const cancelFlowAndDismiss = () => {\n    onDismiss?.();\n    onCancelFlow?.();\n  };\n  if (isFlowCancellable || onCancelOrder) {\n    return (\n      <ViewOrCancelFooter\n        onCancelFlow={cancelFlowAndDismiss}\n        onCancelOrder={onCancelOrder}\n        explorerLink={explorerLink}\n      />\n    );\n  }\n  return (\n    <DismissFooter\n      onDismiss={cancelFlowAndDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const TradeOverviewFooter = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n}: TradeOverviewFooterProps) => {\n  const { isFlowCancellable, explorerLink } = useTradeFlowContext();\n\n  return (\n    <TradeOverviewFooterBase\n      onDismiss={onDismiss}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const DismissFooter = ({\n  onDismiss,\n  explorerLink,\n}: Pick<TradeOverviewFooterBaseProps, \"onDismiss\" | \"explorerLink\">) => {\n  const oneButtonOnly = !explorerLink;\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className={cn(\"text-sm\", {\n          \"w-full\": oneButtonOnly,\n          \"w-[118px]\": !oneButtonOnly,\n        })}\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const ViewOrCancelFooter = ({\n  onCancelFlow,\n  onCancelOrder,\n  explorerLink,\n}: Pick<\n  TradeOverviewFooterBaseProps,\n  \"onCancelFlow\" | \"onCancelOrder\" | \"explorerLink\"\n>) => {\n  const { orderCancellationStep } = useTradeFlowContext();\n\n  const pendingCancellation = orderCancellationStep === \"pending\";\n\n  const { disabled, onClick, label } = onCancelOrder\n    ? {\n        disabled: pendingCancellation,\n        onClick: onCancelOrder,\n        label: \"Cancel Order\",\n      }\n    : { onClick: onCancelFlow, label: \"Cancel\" };\n\n  const oneButtonOnly = !explorerLink;\n\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <CancelButton\n        className={cn({\n          \"w-full\": oneButtonOnly,\n          \"w-[118px]\": !oneButtonOnly,\n        })}\n        disabled={disabled}\n        onClick={onClick}\n        tooltip={onCancelOrder ? cancelOrderTooltip : undefined}\n      >\n        {label}\n      </CancelButton>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["TradeOverviewFooterBase","t0","$","_c","onDismiss","onCancelFlow","onCancelOrder","isFlowCancellable","explorerLink","t1","cancelFlowAndDismiss","t2","TradeOverviewFooter","useTradeFlowContext","DismissFooter","oneButtonOnly","cn","t3","t4","t5","ViewOrCancelFooter","orderCancellationStep","pendingCancellation","disabled","onClick","label","cancelOrderTooltip","undefined","t6","t7"],"mappings":"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"}
+{"version":3,"file":"TradeOverviewFooter.js","sources":["../../../../src/components/widget/TradeOverview/TradeOverviewFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { cn } from \"@/lib/utils\";\nimport { CancelButton } from \"../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../Button/CancelButton/constants\";\nimport { DismissButton } from \"../Button/DismissButton\";\nimport type { MarkRequired } from \"ts-essentials\";\n\n// --- Footer ---\ntype TradeOverviewFooterProps = {\n  onDismiss?: () => void;\n  onCancelFlow?: () => void;\n  onCancelOrder?: () => void;\n  onRestartFlow?: () => void;\n};\n\ntype TradeOverviewFooterBaseProps = TradeOverviewFooterProps & {\n  isFlowCancellable?: boolean;\n  explorerLink?: string;\n};\n\nconst TradeOverviewFooterBase = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  isFlowCancellable,\n  explorerLink,\n}: TradeOverviewFooterBaseProps) => {\n  const cancelFlowAndDismiss = () => {\n    onDismiss?.();\n    onCancelFlow?.();\n  };\n  if (isFlowCancellable || onCancelOrder) {\n    return (\n      <ViewOrCancelFooter\n        onCancelFlow={cancelFlowAndDismiss}\n        onCancelOrder={onCancelOrder}\n        explorerLink={explorerLink}\n      />\n    );\n  }\n  return (\n    <DismissFooter\n      onDismiss={cancelFlowAndDismiss}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const TradeOverviewFooter = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n}: TradeOverviewFooterProps) => {\n  const { isFlowCancellable, explorerLink } = useTradeFlowContext();\n\n  return (\n    <TradeOverviewFooterBase\n      onDismiss={onDismiss}\n      onCancelFlow={onCancelFlow}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n    />\n  );\n};\n\nexport const DismissFooter = ({\n  onDismiss,\n  explorerLink,\n}: Pick<TradeOverviewFooterBaseProps, \"onDismiss\" | \"explorerLink\">) => {\n  const oneButtonOnly = !explorerLink;\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className={cn(\"text-sm\", {\n          \"w-full\": oneButtonOnly,\n          \"w-[118px]\": !oneButtonOnly,\n        })}\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport const ApproveAndSubmitFooter = ({\n  onDismiss,\n  onRestartFlow,\n}: Pick<TradeOverviewFooterBaseProps, \"onDismiss\" | \"onRestartFlow\">) => {\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"text-sm w-[118px]\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n\n      <Button\n        variant=\"cta\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"flex-1 text-sm\"\n        onClick={onRestartFlow}\n      >\n        Approve and Submit\n      </Button>\n    </div>\n  );\n};\n\nexport const ViewOrCancelFooter = ({\n  onCancelFlow,\n  onCancelOrder,\n  explorerLink,\n}: MarkRequired<\n  Pick<\n    TradeOverviewFooterBaseProps,\n    \"onCancelFlow\" | \"onCancelOrder\" | \"explorerLink\"\n  >,\n  \"onCancelFlow\"\n>) => {\n  const { orderCancellationStep } = useTradeFlowContext();\n\n  const pendingCancellation = orderCancellationStep === \"pending\";\n\n  const oneButtonOnly = !explorerLink;\n  const buttonClassName = cn({\n    \"w-full\": oneButtonOnly,\n    \"w-[118px]\": !oneButtonOnly,\n  });\n\n  return (\n    <div className=\"flex justify-center w-full gap-[16px]\">\n      {onCancelOrder ? (\n        <CancelButton\n          className={buttonClassName}\n          disabled={pendingCancellation}\n          onClick={onCancelOrder}\n          tooltip={cancelOrderTooltip}\n        >\n          Cancel Order\n        </CancelButton>\n      ) : (\n        <DismissButton\n          variant=\"secondary\"\n          className={buttonClassName}\n          onClick={onCancelFlow}\n        >\n          Dismiss\n        </DismissButton>\n      )}\n      {explorerLink && (\n        <Button\n          variant=\"secondary\"\n          size=\"xl\"\n          radius=\"sm\"\n          className=\"flex-1 text-sm\"\n          asChild\n        >\n          <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n            View On Explorer\n          </a>\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["TradeOverviewFooterBase","t0","$","_c","onDismiss","onCancelFlow","onCancelOrder","isFlowCancellable","explorerLink","t1","cancelFlowAndDismiss","t2","TradeOverviewFooter","useTradeFlowContext","DismissFooter","oneButtonOnly","cn","t3","t4","t5","ApproveAndSubmitFooter","onRestartFlow","ViewOrCancelFooter","orderCancellationStep","pendingCancellation","buttonClassName","cancelOrderTooltip"],"mappings":"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"}

package/dist/components/widget/TradeOverview/steps.d.ts

@@ -14,7 +14,26 @@ declare const signatureStep: {
     }];
     readonly key: "signature";
 };
+declare const prepareSwapStep: {
+    readonly title: {
+        readonly next: "Approve Price Change";
+        readonly upcoming: "Approve Price Change";
+        readonly ongoing: "Approve Price Change";
+        readonly done: "Approve Price Change";
+    };
+    readonly description: "The price has changed. Approve the new price to proceed.";
+    readonly key: "prepare-swap";
+};
 export declare const DeltaOrderSteps: [{
+    readonly title: {
+        readonly next: "Approve Price Change";
+        readonly upcoming: "Approve Price Change";
+        readonly ongoing: "Approve Price Change";
+        readonly done: "Approve Price Change";
+    };
+    readonly description: "The price has changed. Approve the new price to proceed.";
+    readonly key: "prepare-swap";
+}, {
     readonly subSteps: [{
         readonly title: "Approve Order Signatures (1/2)";
         readonly description: (props: import('.').TitleFnProps) => string;
@@ -121,6 +140,15 @@ export declare const FillOtcOrderSteps: [{
     readonly key: "order-execution";
 }];
 export declare const MarketSwapSteps: [{
+    readonly title: {
+        readonly next: "Approve Price Change";
+        readonly upcoming: "Approve Price Change";
+        readonly ongoing: "Approve Price Change";
+        readonly done: "Approve Price Change";
+    };
+    readonly description: "The price has changed. Approve the new price to proceed.";
+    readonly key: "prepare-swap";
+}, {
     readonly subSteps: [{
         readonly title: "Approve Order Signatures (1/2)";
         readonly description: (props: import('.').TitleFnProps) => string;
@@ -154,6 +182,10 @@ export type SignatureStep = {
     key: typeof signatureStep.key;
     subStep: (typeof signatureStep.subSteps)[number]["key"];
 };
+export type PrepareSwapStep = {
+    key: typeof prepareSwapStep.key;
+};
+export type NonFlowStep = PrepareSwapStep;
 export type DeltaOrderStep = SignatureStep | {
     key: Exclude<DeltaOrderStepKey, SignatureStep["key"]>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;CAsBU,CAAC;AAE9B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBG,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAiCG,CAAC;AAEhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;EAiCK,CAAC;AAEhC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;EAWC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;EAYG,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAC5E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,OAAO,aAAa,CAAC,GAAG,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,YAAY,GACpB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,mBAAmB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;CAsBU,CAAC;AAG9B,QAAA,MAAM,eAAe;;;;;;;;;CASQ,CAAC;AAE9B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAiCG,CAAC;AAEhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;EAiCK,CAAC;AAEhC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;EAWC,CAAC;AAEhC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaG,CAAC;AAEhC,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAC5E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,OAAO,aAAa,CAAC,GAAG,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,OAAO,eAAe,CAAC,GAAG,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,YAAY,GACpB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,mBAAmB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,cAAc,GACtB,aAAa,GACb;IAAE,GAAG,EAAE,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC"}

package/dist/components/widget/TradeOverview/steps.js

@@ -14,7 +14,17 @@ const signatureStep = {
   }],
   key: "signature"
 };
-const DeltaOrderSteps = [signatureStep, {
+const prepareSwapStep = {
+  title: {
+    next: "Approve Price Change",
+    upcoming: "Approve Price Change",
+    ongoing: "Approve Price Change",
+    done: "Approve Price Change"
+  },
+  description: "The price has changed. Approve the new price to proceed.",
+  key: "prepare-swap"
+};
+const DeltaOrderSteps = [prepareSwapStep, signatureStep, {
   title: {
     next: "Auction is upcoming",
     upcoming: "Auction",
@@ -90,7 +100,7 @@ const FillOtcOrderSteps = [signatureStep, {
   },
   key: "order-execution"
 }];
-const MarketSwapSteps = [signatureStep, {
+const MarketSwapSteps = [prepareSwapStep, signatureStep, {
   title: {
     next: "Order Execution is upcoming",
     upcoming: "Order Execution",

package/dist/components/widget/TradeOverview/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"sourcesContent":["import type { FlowStep } from \"./Step/types\";\n\nconst signatureStep = {\n  subSteps: [\n    {\n      title: \"Approve Order Signatures (1/2)\",\n      description: (props) =>\n        `We need your signature on your wallet to allow our smart contracts to access your ${props.fromToken.symbol} token and execute your swap on your behalf.`,\n      key: \"approval-signature\",\n    },\n    {\n      title: \"Approve Order Signatures (2/2)\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"order-signature\",\n    },\n    {\n      title: \"Approve Order Signature\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"standalone-order-signature\",\n    },\n  ],\n  key: \"signature\",\n} as const satisfies FlowStep;\n\nexport const DeltaOrderSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"Auction is upcoming\",\n      upcoming: \"Auction\",\n      ongoing: \"Auction in progress\",\n      done: \"Auction is completed\",\n    },\n    description:\n      \"We send your order to our Delta agents, the one with the best price and execution offer will be picked for your trade\",\n    key: \"auction\",\n  },\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the Order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your order is being executed.\",\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const LimitOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit Limit Order\",\n      upcoming: \"Submit Limit Order\",\n      ongoing: \"Submit Limit Order\",\n      done: \"Submit Limit Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const OtcOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit OTC Order\",\n      upcoming: \"Submit OTC Order\",\n      ongoing: \"Submit OTC Order\",\n      done: \"Submit OTC Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const FillOtcOrderSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"OTC Order Execution is upcoming\",\n      upcoming: \"OTC Order Execution\",\n      ongoing: \"Executing the OTC Order\",\n      done: \"OTC Order is executed\",\n    },\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const MarketSwapSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the swap order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your swap transaction is being executed\",\n    key: \"swap-tx-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number][\"key\"];\nexport type LimitOrderStepKey = (typeof LimitOrderSteps)[number][\"key\"];\nexport type OtcOrderStepKey = (typeof OtcOrderSteps)[number][\"key\"];\nexport type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number][\"key\"];\nexport type MarketSwapStepKey = (typeof MarketSwapSteps)[number][\"key\"];\n\nexport type SignatureStep = {\n  key: typeof signatureStep.key;\n  subStep: (typeof signatureStep.subSteps)[number][\"key\"];\n};\n\nexport type DeltaOrderStep =\n  | SignatureStep\n  | { key: Exclude<DeltaOrderStepKey, SignatureStep[\"key\"]> };\nexport type LimitOrderStep =\n  | SignatureStep\n  | { key: Exclude<LimitOrderStepKey, SignatureStep[\"key\"]> };\nexport type OtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<OtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type FillOtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<FillOtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type MarketSwapStep =\n  | SignatureStep\n  | { key: Exclude<MarketSwapStepKey, SignatureStep[\"key\"]> };\n\nexport type GenericStep = \"pending\" | \"success\" | \"error\";\n"],"names":["signatureStep","subSteps","title","description","props","fromToken","symbol","key","DeltaOrderSteps","next","upcoming","ongoing","done","LimitOrderSteps","OtcOrderSteps","FillOtcOrderSteps","MarketSwapSteps"],"mappings":"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"}
+{"version":3,"file":"steps.js","sources":["../../../../src/components/widget/TradeOverview/steps.ts"],"sourcesContent":["import type { FlowStep } from \"./Step/types\";\n\nconst signatureStep = {\n  subSteps: [\n    {\n      title: \"Approve Order Signatures (1/2)\",\n      description: (props) =>\n        `We need your signature on your wallet to allow our smart contracts to access your ${props.fromToken.symbol} token and execute your swap on your behalf.`,\n      key: \"approval-signature\",\n    },\n    {\n      title: \"Approve Order Signatures (2/2)\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"order-signature\",\n    },\n    {\n      title: \"Approve Order Signature\",\n      description:\n        \"We need your signature on your wallet to confirm the order submission.\",\n      key: \"standalone-order-signature\",\n    },\n  ],\n  key: \"signature\",\n} as const satisfies FlowStep;\n\n// a Swap overview step, currently only shown before resubmitting a Swap (market or delta)\nconst prepareSwapStep = {\n  title: {\n    next: \"Approve Price Change\",\n    upcoming: \"Approve Price Change\",\n    ongoing: \"Approve Price Change\",\n    done: \"Approve Price Change\",\n  },\n  description: \"The price has changed. Approve the new price to proceed.\",\n  key: \"prepare-swap\",\n} as const satisfies FlowStep;\n\nexport const DeltaOrderSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Auction is upcoming\",\n      upcoming: \"Auction\",\n      ongoing: \"Auction in progress\",\n      done: \"Auction is completed\",\n    },\n    description:\n      \"We send your order to our Delta agents, the one with the best price and execution offer will be picked for your trade\",\n    key: \"auction\",\n  },\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the Order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your order is being executed.\",\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const LimitOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your limit order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit Limit Order\",\n      upcoming: \"Submit Limit Order\",\n      ongoing: \"Submit Limit Order\",\n      done: \"Submit Limit Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const OtcOrderSteps = [\n  {\n    subSteps: [\n      {\n        title: \"Approve Order Signatures (1/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"approval-signature\",\n      },\n      {\n        title: \"Approve Order Signatures (2/2)\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"order-signature\",\n      },\n      {\n        title: \"Approve Order Signature\",\n        description:\n          \"We need a signature on your wallet to confirm the submission of your OTC order.\",\n        key: \"standalone-order-signature\",\n      },\n    ],\n    key: \"signature\",\n  },\n  {\n    title: {\n      next: \"Submit OTC Order\",\n      upcoming: \"Submit OTC Order\",\n      ongoing: \"Submit OTC Order\",\n      done: \"Submit OTC Order\",\n    },\n    key: \"order-submission\",\n  },\n] as const satisfies FlowStep[];\n\nexport const FillOtcOrderSteps = [\n  signatureStep,\n  {\n    title: {\n      next: \"OTC Order Execution is upcoming\",\n      upcoming: \"OTC Order Execution\",\n      ongoing: \"Executing the OTC Order\",\n      done: \"OTC Order is executed\",\n    },\n    key: \"order-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport const MarketSwapSteps = [\n  prepareSwapStep,\n  signatureStep,\n  {\n    title: {\n      next: \"Order Execution is upcoming\",\n      upcoming: \"Order Execution\",\n      ongoing: \"Executing the swap order\",\n      done: \"Order is executed\",\n    },\n    description: \"Sit tight and relax, your swap transaction is being executed\",\n    key: \"swap-tx-execution\",\n  },\n] as const satisfies FlowStep[];\n\nexport type DeltaOrderStepKey = (typeof DeltaOrderSteps)[number][\"key\"];\nexport type LimitOrderStepKey = (typeof LimitOrderSteps)[number][\"key\"];\nexport type OtcOrderStepKey = (typeof OtcOrderSteps)[number][\"key\"];\nexport type FillOtcOrderStepKey = (typeof FillOtcOrderSteps)[number][\"key\"];\nexport type MarketSwapStepKey = (typeof MarketSwapSteps)[number][\"key\"];\n\nexport type SignatureStep = {\n  key: typeof signatureStep.key;\n  subStep: (typeof signatureStep.subSteps)[number][\"key\"];\n};\n\nexport type PrepareSwapStep = {\n  key: typeof prepareSwapStep.key;\n};\n\nexport type NonFlowStep = PrepareSwapStep;\n\nexport type DeltaOrderStep =\n  | SignatureStep\n  | { key: Exclude<DeltaOrderStepKey, SignatureStep[\"key\"]> };\nexport type LimitOrderStep =\n  | SignatureStep\n  | { key: Exclude<LimitOrderStepKey, SignatureStep[\"key\"]> };\nexport type OtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<OtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type FillOtcOrderStep =\n  | SignatureStep\n  | { key: Exclude<FillOtcOrderStepKey, SignatureStep[\"key\"]> };\nexport type MarketSwapStep =\n  | SignatureStep\n  | { key: Exclude<MarketSwapStepKey, SignatureStep[\"key\"]> };\n\nexport type GenericStep = \"pending\" | \"success\" | \"error\";\n"],"names":["signatureStep","subSteps","title","description","props","fromToken","symbol","key","prepareSwapStep","next","upcoming","ongoing","done","DeltaOrderSteps","LimitOrderSteps","OtcOrderSteps","FillOtcOrderSteps","MarketSwapSteps"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"tradeFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,qBAAqB,CAC/B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,IAAI,CACN,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EACvC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gFAE5B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,CAAC;AAEpB,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAExE,KAAK,OAAO,GAAG,qBAAqB,CAClC,aAAa,EACb,eAAe,EACf,aAAa,CACd,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,WAAW,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAG3D,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,YAAY,CAmB5D"}
+{"version":3,"file":"tradeFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,qBAAqB,CAC/B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,IAAI,CACN,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EACvC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gFAE5B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,CAAC;AAEpB,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAExE,KAAK,OAAO,GAAG,qBAAqB,CAClC,aAAa,EACb,eAAe,EACf,aAAa,CACd,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,WAAW,CAAC,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAG3D,wBAAgB,mBAAmB,IAAI,OAAO,GAAG,YAAY,CAuB5D"}

package/dist/components/widget/TradeOverview/tradeFlowContext.js

@@ -1,5 +1,6 @@
 import { d as distExports } from '../../../_virtual/index.js';
 import { createContext, useContext } from 'react';
+import { isNonFlowStep } from './utils/isNonFlowStep.js';
 
 const TradeFlowContext = createContext(null);
 function useTradeFlowContext() {
@@ -8,7 +9,18 @@ function useTradeFlowContext() {
   if (!context) {
     throw new Error("useTradeFlowContext must be used within a TradeFlowContext");
   }
-  const derivedStep = context.error ? "error" : context.result ? "complete" : context.activeStep?.key;
+  let derivedStep = context.activeStep?.key;
+  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {
+    derivedStep = context.activeStep.key;
+  } else {
+    if (context.error) {
+      derivedStep = "error";
+    } else {
+      if (context.result) {
+        derivedStep = "complete";
+      }
+    }
+  }
   let t0;
   if ($[0] !== context || $[1] !== derivedStep) {
     t0 = {

package/dist/components/widget/TradeOverview/tradeFlowContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"tradeFlowContext.js","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport type {\n  DeltaOrderStepKey,\n  LimitOrderStepKey,\n  MarketSwapStepKey,\n  OtcOrderStepKey,\n} from \"./steps\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  TradeFlowResult,\n  TradeFlowType\n>;\ntype ContextExtra = { derivedStep?: TradeFlowDerivedStep };\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  const derivedStep = context.error\n    ? \"error\"\n    : context.result\n      ? \"complete\"\n      : context.activeStep?.key;\n  const extendedContext = {\n    ...context,\n    derivedStep,\n  };\n\n  return extendedContext as Context & ContextExtra;\n}\n"],"names":["TradeFlowContext","createContext","useTradeFlowContext","$","_c","context","useContext","Error","derivedStep","error","result","activeStep","key","t0","extendedContext"],"mappings":";;;AAoCO,MAAMA,gBAAAA,GAAmBC,cAC9B,IACF;AAkBO,SAAAC,mBAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACL,EAAA,MAAAC,OAAAA,GAAgBC,WAAWN,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAACK,OAAAA,EAAO;AACV,IAAA,MAAM,IAAIE,MACR,4DACF,CAAA;AAAA,EAAE;AAGJ,EAAA,MAAAC,WAAAA,GAAoBH,QAAOI,KAAAA,GAAP,OAAA,GAEhBJ,QAAOK,MAAAA,GAAP,UAAA,GAEEL,QAAOM,UAAAA,EAAgBC,GAAAA;AAAC,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAE,WAAAF,CAAAA,QAAAK,WAAAA,EAAA;AACNK,IAAAA,EAAAA,GAAA;AAAA,MAAA,GACnBR,OAAAA;AAAAA,MAAOG;AAAAA,KAEZ;AAACL,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAK,WAAAA;AAAAL,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAHD,EAAA,MAAAW,eAAAA,GAAwBD,EAAAA;AAGtB,EAAA,OAEKC,eAAAA;AAAyC;;;;"}
+{"version":3,"file":"tradeFlowContext.js","sources":["../../../../src/components/widget/TradeOverview/tradeFlowContext.ts"],"sourcesContent":["import type {\n  TradeFlowResult,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeOverviewProps } from \"./TradeOverview\";\nimport { createContext, useContext } from \"react\";\nimport {\n  type DeltaOrderStepKey,\n  type LimitOrderStepKey,\n  type MarketSwapStepKey,\n  type OtcOrderStepKey,\n} from \"./steps\";\nimport { isNonFlowStep } from \"./utils/isNonFlowStep\";\n\n// generic to accept any result and step type\nexport type TradeFlowContextProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n> = Pick<\n  TradeOverviewProps<Key, Result, FlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"swapSide\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"steps\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport const TradeFlowContext = createContext<TradeFlowContextProps | null>(\n  null\n);\n\nexport type TradeFlowStep =\n  | DeltaOrderStepKey\n  | MarketSwapStepKey\n  | LimitOrderStepKey\n  | OtcOrderStepKey;\n\nexport type TradeFlowDerivedStep = TradeFlowStep | \"complete\" | \"error\";\n\ntype Context = TradeFlowContextProps<\n  TradeFlowStep,\n  TradeFlowResult,\n  TradeFlowType\n>;\ntype ContextExtra = { derivedStep?: TradeFlowDerivedStep };\n\n// specific result for supported Trade Flows\nexport function useTradeFlowContext(): Context & ContextExtra {\n  const context = useContext(TradeFlowContext);\n  if (!context) {\n    throw new Error(\n      \"useTradeFlowContext must be used within a TradeFlowContext\"\n    );\n  }\n\n  let derivedStep = context.activeStep?.key;\n  if (context.activeStep && isNonFlowStep(context.activeStep.key)) {\n    derivedStep = context.activeStep.key;\n  } else if (context.error) {\n    derivedStep = \"error\";\n  } else if (context.result) {\n    derivedStep = \"complete\";\n  }\n\n  const extendedContext = {\n    ...context,\n    derivedStep,\n  };\n\n  return extendedContext as Context & ContextExtra;\n}\n"],"names":["TradeFlowContext","createContext","useTradeFlowContext","$","_c","context","useContext","Error","derivedStep","activeStep","key","isNonFlowStep","error","result","t0","extendedContext"],"mappings":";;;;AAqCO,MAAMA,gBAAAA,GAAmBC,cAC9B,IACF;AAkBO,SAAAC,mBAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACL,EAAA,MAAAC,OAAAA,GAAgBC,WAAWN,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAACK,OAAAA,EAAO;AACV,IAAA,MAAM,IAAIE,MACR,4DACF,CAAA;AAAA,EAAE;AAGJ,EAAA,IAAAC,WAAAA,GAAkBH,QAAOI,UAAAA,EAAgBC,GAAAA;AACzC,EAAA,IAAIL,QAAOI,UAAAA,IAAeE,aAAAA,CAAcN,OAAAA,CAAOI,UAAAA,CAAWC,GAAI,CAAA,EAAC;AAC7DF,IAAAA,WAAAA,GAAcH,QAAOI,UAAAA,CAAWC,GAAAA;AAAAA,EAArB,CAAA,MAAA;AACN,IAAA,IAAIL,QAAOO,KAAAA,EAAM;AACtBJ,MAAAA,WAAAA,GAAcA,OAAAA;AAAAA,IAAH,CAAA,MAAA;AACN,MAAA,IAAIH,QAAOQ,MAAAA,EAAO;AACvBL,QAAAA,WAAAA,GAAcA,UAAAA;AAAAA,MAAH;AAAA,IACZ;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAE,WAAAF,CAAAA,QAAAK,WAAAA,EAAA;AAEuBM,IAAAA,EAAAA,GAAA;AAAA,MAAA,GACnBT,OAAAA;AAAAA,MAAOG;AAAAA,KAEZ;AAACL,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAK,WAAAA;AAAAL,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAHD,EAAA,MAAAY,eAAAA,GAAwBD,EAAAA;AAGtB,EAAA,OAEKC,eAAAA;AAAyC;;;;"}

package/dist/components/widget/TradeOverview/utils/isNonFlowStep.d.ts

@@ -0,0 +1,4 @@
+import { FlowStep } from '../Step/types';
+import { NonFlowStep } from '../steps';
+export declare function isNonFlowStep(step: FlowStep["key"]): step is NonFlowStep["key"];
+//# sourceMappingURL=isNonFlowStep.d.ts.map

package/dist/components/widget/TradeOverview/utils/isNonFlowStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNonFlowStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/isNonFlowStep.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,aAAa,CAC3B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,GACpB,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,CAE5B"}

package/dist/components/widget/TradeOverview/utils/isNonFlowStep.js

@@ -0,0 +1,6 @@
+function isNonFlowStep(step) {
+  return step === "prepare-swap";
+}
+
+export { isNonFlowStep };
+//# sourceMappingURL=isNonFlowStep.js.map

package/dist/components/widget/TradeOverview/utils/isNonFlowStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNonFlowStep.js","sources":["../../../../../src/components/widget/TradeOverview/utils/isNonFlowStep.ts"],"sourcesContent":["import type { FlowStep } from \"../Step/types\";\nimport type { NonFlowStep } from \"../steps\";\n\nexport function isNonFlowStep(\n  step: FlowStep[\"key\"]\n): step is NonFlowStep[\"key\"] {\n  return step === \"prepare-swap\";\n}\n"],"names":["isNonFlowStep","step"],"mappings":"AAGO,SAASA,cACdC,IAAAA,EAC4B;AAC5B,EAAA,OAAOA,IAAAA,KAAS,cAAA;AAClB;;;;"}

package/dist/components/widget/TradeOverview/utils/preWrap.d.ts

@@ -1,7 +1,7 @@
 import { UserDefinedOtcPrice } from '../../../../hooks/otc/tradeFlow/useOtcOrderFlow';
 import { MarkOptional } from 'ts-essentials';
 import { MinTradeOverviewProps, PreWrapTradeOverviewProps } from '../TradeOverview';
-export declare function addPreWrapToOrderProps<P extends UserDefinedOtcPrice>({ orderProps, userDefinedPrice, }: {
+export declare function addPreWrapToOTCOrderProps<P extends UserDefinedOtcPrice>({ orderProps, userDefinedPrice, }: {
     orderProps: MinTradeOverviewProps;
     userDefinedPrice?: P;
 }): {

package/dist/components/widget/TradeOverview/utils/preWrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preWrap.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/preWrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAGjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,mBAAmB,EAAE,EACpE,UAAU,EACV,gBAAgB,GACjB,EAAE;IACD,UAAU,EAAE,qBAAqB,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,CAAC;CACtB,GAAG;IACF,UAAU,EAAE,YAAY,CAAC,yBAAyB,EAAE,YAAY,CAAC,CAAC;IAClE,gBAAgB,CAAC,EAAE,CAAC,CAAC;CACtB,CAuBA"}
+{"version":3,"file":"preWrap.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/preWrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAGjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,mBAAmB,EAAE,EACvE,UAAU,EACV,gBAAgB,GACjB,EAAE;IACD,UAAU,EAAE,qBAAqB,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,CAAC;CACtB,GAAG;IACF,UAAU,EAAE,YAAY,CAAC,yBAAyB,EAAE,YAAY,CAAC,CAAC;IAClE,gBAAgB,CAAC,EAAE,CAAC,CAAC;CACtB,CAuBA"}

package/dist/components/widget/TradeOverview/utils/preWrap.js

@@ -1,7 +1,7 @@
 import { wrappedNativeTokensByChainId } from '../../../../tokens/constructor.js';
 import { isETH } from '../../../../tokens/utils/eth.js';
 
-function addPreWrapToOrderProps({
+function addPreWrapToOTCOrderProps({
   orderProps,
   userDefinedPrice
 }) {
@@ -32,5 +32,5 @@ function addPreWrapToOrderProps({
   };
 }
 
-export { addPreWrapToOrderProps };
+export { addPreWrapToOTCOrderProps };
 //# sourceMappingURL=preWrap.js.map

package/dist/components/widget/TradeOverview/utils/preWrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"preWrap.js","sources":["../../../../../src/components/widget/TradeOverview/utils/preWrap.ts"],"sourcesContent":["import type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { wrappedNativeTokensByChainId } from \"@/tokens/constructor\";\nimport { isETH } from \"@/tokens/utils/eth\";\nimport type { MarkOptional } from \"ts-essentials\";\nimport type {\n  MinTradeOverviewProps,\n  PreWrapTradeOverviewProps,\n} from \"../TradeOverview\";\n\nexport function addPreWrapToOrderProps<P extends UserDefinedOtcPrice>({\n  orderProps,\n  userDefinedPrice,\n}: {\n  orderProps: MinTradeOverviewProps;\n  userDefinedPrice?: P;\n}): {\n  orderProps: MarkOptional<PreWrapTradeOverviewProps, \"preWrapETH\">;\n  userDefinedPrice?: P;\n} {\n  const { fromToken } = orderProps;\n  if (\n    isETH(fromToken) // OTC don't support native ETH as fromToken, Delta has depositNativeAndPreWrap\n  ) {\n    const fromTokenWeth = wrappedNativeTokensByChainId[fromToken.network];\n    const newOrderProps = {\n      ...orderProps,\n      fromToken: fromTokenWeth, // use WETH instead as fromToken\n      preWrapETH: true, // and indicate that ETH should be preWrapped\n    };\n\n    const newUserDefinedPrice = userDefinedPrice\n      ? {\n          ...userDefinedPrice,\n          srcTokenAddress: fromTokenWeth.address,\n        }\n      : undefined;\n\n    return { orderProps: newOrderProps, userDefinedPrice: newUserDefinedPrice };\n  }\n\n  return { orderProps, userDefinedPrice };\n}\n"],"names":["addPreWrapToOrderProps","orderProps","userDefinedPrice","fromToken","isETH","fromTokenWeth","wrappedNativeTokensByChainId","network","newOrderProps","preWrapETH","newUserDefinedPrice","srcTokenAddress","address","undefined"],"mappings":";;;AASO,SAASA,sBAAAA,CAAsD;AAAA,EACpEC,UAAAA;AAAAA,EACAC;AAIF,CAAA,EAGE;AACA,EAAA,MAAM;AAAA,IAAEC;AAAAA,GAAU,GAAIF,UAAAA;AACtB,EAAA,IACEG,KAAAA,CAAMD,SAAS,CAAA,EACf;AACA,IAAA,MAAME,aAAAA,GAAgBC,4BAAAA,CAA6BH,SAAAA,CAAUI,OAAO,CAAA;AACpE,IAAA,MAAMC,aAAAA,GAAgB;AAAA,MACpB,GAAGP,UAAAA;AAAAA,MACHE,SAAAA,EAAWE,aAAAA;AAAAA;AAAAA,MACXI,UAAAA,EAAY;AAAA;AAAA,KACd;AAEA,IAAA,MAAMC,sBAAsBR,gBAAAA,GACxB;AAAA,MACE,GAAGA,gBAAAA;AAAAA,MACHS,iBAAiBN,aAAAA,CAAcO;AAAAA,KACjC,GACAC,MAAAA;AAEJ,IAAA,OAAO;AAAA,MAAEZ,UAAAA,EAAYO,aAAAA;AAAAA,MAAeN,gBAAAA,EAAkBQ;AAAAA,KAAoB;AAAA,EAC5E;AAEA,EAAA,OAAO;AAAA,IAAET,UAAAA;AAAAA,IAAYC;AAAAA,GAAiB;AACxC;;;;"}
+{"version":3,"file":"preWrap.js","sources":["../../../../../src/components/widget/TradeOverview/utils/preWrap.ts"],"sourcesContent":["import type { UserDefinedOtcPrice } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { wrappedNativeTokensByChainId } from \"@/tokens/constructor\";\nimport { isETH } from \"@/tokens/utils/eth\";\nimport type { MarkOptional } from \"ts-essentials\";\nimport type {\n  MinTradeOverviewProps,\n  PreWrapTradeOverviewProps,\n} from \"../TradeOverview\";\n\nexport function addPreWrapToOTCOrderProps<P extends UserDefinedOtcPrice>({\n  orderProps,\n  userDefinedPrice,\n}: {\n  orderProps: MinTradeOverviewProps;\n  userDefinedPrice?: P;\n}): {\n  orderProps: MarkOptional<PreWrapTradeOverviewProps, \"preWrapETH\">;\n  userDefinedPrice?: P;\n} {\n  const { fromToken } = orderProps;\n  if (\n    isETH(fromToken) // OTC don't support native ETH as fromToken, Delta has depositNativeAndPreWrap\n  ) {\n    const fromTokenWeth = wrappedNativeTokensByChainId[fromToken.network];\n    const newOrderProps = {\n      ...orderProps,\n      fromToken: fromTokenWeth, // use WETH instead as fromToken\n      preWrapETH: true, // and indicate that ETH should be preWrapped\n    };\n\n    const newUserDefinedPrice = userDefinedPrice\n      ? {\n          ...userDefinedPrice,\n          srcTokenAddress: fromTokenWeth.address,\n        }\n      : undefined;\n\n    return { orderProps: newOrderProps, userDefinedPrice: newUserDefinedPrice };\n  }\n\n  return { orderProps, userDefinedPrice };\n}\n"],"names":["addPreWrapToOTCOrderProps","orderProps","userDefinedPrice","fromToken","isETH","fromTokenWeth","wrappedNativeTokensByChainId","network","newOrderProps","preWrapETH","newUserDefinedPrice","srcTokenAddress","address","undefined"],"mappings":";;;AASO,SAASA,yBAAAA,CAAyD;AAAA,EACvEC,UAAAA;AAAAA,EACAC;AAIF,CAAA,EAGE;AACA,EAAA,MAAM;AAAA,IAAEC;AAAAA,GAAU,GAAIF,UAAAA;AACtB,EAAA,IACEG,KAAAA,CAAMD,SAAS,CAAA,EACf;AACA,IAAA,MAAME,aAAAA,GAAgBC,4BAAAA,CAA6BH,SAAAA,CAAUI,OAAO,CAAA;AACpE,IAAA,MAAMC,aAAAA,GAAgB;AAAA,MACpB,GAAGP,UAAAA;AAAAA,MACHE,SAAAA,EAAWE,aAAAA;AAAAA;AAAAA,MACXI,UAAAA,EAAY;AAAA;AAAA,KACd;AAEA,IAAA,MAAMC,sBAAsBR,gBAAAA,GACxB;AAAA,MACE,GAAGA,gBAAAA;AAAAA,MACHS,iBAAiBN,aAAAA,CAAcO;AAAAA,KACjC,GACAC,MAAAA;AAEJ,IAAA,OAAO;AAAA,MAAEZ,UAAAA,EAAYO,aAAAA;AAAAA,MAAeN,gBAAAA,EAAkBQ;AAAAA,KAAoB;AAAA,EAC5E;AAEA,EAAA,OAAO;AAAA,IAAET,UAAAA;AAAAA,IAAYC;AAAAA,GAAiB;AACxC;;;;"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC7B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAOD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;CACzC,GAAG,eAAe,CAKlB;AAED,wBAAgB,uBAAuB,CACrC,EAAE,EAAE,mBAAmB,GACtB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,IAAI,eAAe,CAE1D;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,4BAA4B,CAAC;CACrC,GAAG,mBAAmB,CAsCtB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC7B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAMtE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAOD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;CACzC,GAAG,eAAe,CAKlB;AAED,wBAAgB,uBAAuB,CACrC,EAAE,EAAE,mBAAmB,GACtB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,IAAI,eAAe,CAE1D;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,4BAA4B,CAAC;CACrC,GAAG,mBAAmB,CAsCtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  TransactionListItem,\n  TransactionListItemSwap,\n  TransactionListItemSwapExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge } from \"../TransactionListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { getTxStatus } from \"@/transactions/status\";\n\nexport function constructSubmitDateDetail({\n  timestamp,\n}: {\n  timestamp: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(timestamp).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructTxRateDetail({\n  extra,\n}: {\n  extra: TransactionListItemSwap[\"extra\"];\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTxStatusDetail(\n  tx: TransactionListItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={getTxStatus(tx)} />,\n  };\n}\n\nexport function constructOrderTypeDetail(): DetailWithValue {\n  return { title: \"Order Type\", value: \"SWAP\" };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: TransactionListItemSwapExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"names":["constructSubmitDateDetail","timestamp","title","value","dayjs","format","rateClasses","left","right","constructTxRateDetail","extra","constructTxStatusDetail","tx","getTxStatus","constructOrderTypeDetail","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"mappings":";;;;;;AAYO,SAASA,yBAAAA,CAA0B;AAAA,EACxCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,aAAA;AAAA,IACPC,KAAAA,EAAOC,KAAAA,CAAMH,SAAS,CAAA,CAAEI,OAAO,oBAAoB;AAAA,GACrD;AACF;AAEA,MAAMC,WAAAA,GAAc;AAAA,EAClBC,IAAAA,EAAM,sBAAA;AAAA,EACNC,KAAAA,EAAO;AACT,CAAA;AAEO,SAASC,qBAAAA,CAAsB;AAAA,EACpCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLR,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAc,SAASG,WAAAA,EAAY;AAAA,GAClD;AACF;AAEO,SAASK,wBACdC,EAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLV,KAAAA,EAAO,cAAA;AAAA,IACPC,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQU,WAAAA,CAAYD,EAAE,CAAA,EAAE;AAAA,GAC9C;AACF;AAEO,SAASE,wBAAAA,GAA4C;AAC1D,EAAA,OAAO;AAAA,IAAEZ,KAAAA,EAAO,YAAA;AAAA,IAAcC,KAAAA,EAAO;AAAA,GAAO;AAC9C;AAEA,MAAMY,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3CT;AAGF,CAAA,EAAwB;AACtB,EAAA,MAAM;AAAA,IAAEU,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe,GAAIb,KAAAA;AAE/D,EAAA,MAAMc,kBAAAA,GAAqBC,kBAAkBH,aAAa,CAAA;AAC1D,EAAA,MAAMI,mBAAAA,GAAsBD,kBAAkBF,cAAc,CAAA;AAE5D,EAAA,MAAMI,kBAAAA,GAAqB;AAAA,IACzBC,SAASR,QAAAA,CAASQ,OAAAA;AAAAA,IAClBX,QAAQG,QAAAA,CAASH,MAAAA;AAAAA,IACjBY,SAAST,QAAAA,CAASU,OAAAA;AAAAA,IAClBC,KAAKX,QAAAA,CAASW,GAAAA;AAAAA,IACdf,MAAAA,EAAQQ,kBAAAA;AAAAA,IACRQ,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASlB,iBAAAA;AAAAA,IACTmB,eAAAA,EAAiB;AAAA,GACnB;AAEA,EAAA,MAAMC,qBAAAA,GAAwB;AAAA,IAC5BP,SAASP,SAAAA,CAAUO,OAAAA;AAAAA,IACnBX,QAAQI,SAAAA,CAAUJ,MAAAA;AAAAA,IAClBY,SAASR,SAAAA,CAAUS,OAAAA;AAAAA,IACnBC,KAAKV,SAAAA,CAAUU,GAAAA;AAAAA,IACff,MAAAA,EAAQU,mBAAAA;AAAAA,IACRM,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASlB,iBAAAA;AAAAA,IACTmB,eAAAA,EAAiB;AAAA,GACnB;AAEA,EAAA,OAAO;AAAA,IACLE,QAAAA,EAAU;AAAA,MACRC,eAAAA,EAAiBV,kBAAAA;AAAAA,MACjBW,KAAAA,EAAO;AAAA,KACT;AAAA,IACAC,WAAAA,EAAa;AAAA,MACXF,eAAAA,EAAiBF,qBAAAA;AAAAA,MACjBG,KAAAA,EAAO;AAAA;AACT,GACF;AACF;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  TransactionListItem,\n  TransactionListItemSwap,\n  TransactionListItemSwapExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge } from \"../TransactionListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { getTxStatus } from \"@/transactions/status\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructSubmitDateDetail({\n  timestamp,\n}: {\n  timestamp: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(timestamp).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructTxRateDetail({\n  extra,\n}: {\n  extra: TransactionListItemSwap[\"extra\"];\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTxStatusDetail(\n  tx: TransactionListItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={getTxStatus(tx)} />,\n  };\n}\n\nexport function constructOrderTypeDetail(): DetailWithValue {\n  return { title: \"Order Type\", value: \"SWAP\" };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: TransactionListItemSwapExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"names":["constructSubmitDateDetail","timestamp","title","value","dayjs","format","rateClasses","left","right","constructTxRateDetail","extra","constructTxStatusDetail","tx","getTxStatus","constructOrderTypeDetail","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formatTokenAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"mappings":";;;;;;AAaO,SAASA,yBAAAA,CAA0B;AAAA,EACxCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,aAAA;AAAA,IACPC,KAAAA,EAAOC,KAAAA,CAAMH,SAAS,CAAA,CAAEI,OAAO,oBAAoB;AAAA,GACrD;AACF;AAEA,MAAMC,WAAAA,GAAc;AAAA,EAClBC,IAAAA,EAAM,sBAAA;AAAA,EACNC,KAAAA,EAAO;AACT,CAAA;AAEO,SAASC,qBAAAA,CAAsB;AAAA,EACpCC;AAGF,CAAA,EAAoB;AAClB,EAAA,OAAO;AAAA,IACLR,KAAAA,EAAO,YAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAc,SAASG,WAAAA,EAAY;AAAA,GAClD;AACF;AAEO,SAASK,wBACdC,EAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLV,KAAAA,EAAO,cAAA;AAAA,IACPC,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQU,WAAAA,CAAYD,EAAE,CAAA,EAAE;AAAA,GAC9C;AACF;AAEO,SAASE,wBAAAA,GAA4C;AAC1D,EAAA,OAAO;AAAA,IAAEZ,KAAAA,EAAO,YAAA;AAAA,IAAcC,KAAAA,EAAO;AAAA,GAAO;AAC9C;AAEA,MAAMY,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,MAAAA,EAAQ,sBAAA;AAAA,EACRC,IAAAA,EAAM;AACR,CAAA;AAEO,SAASC,4BAAAA,CAA6B;AAAA,EAC3CT;AAGF,CAAA,EAAwB;AACtB,EAAA,MAAM;AAAA,IAAEU,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe,GAAIb,KAAAA;AAE/D,EAAA,MAAMc,kBAAAA,GAAqBC,kBAAkBH,aAAa,CAAA;AAC1D,EAAA,MAAMI,mBAAAA,GAAsBD,kBAAkBF,cAAc,CAAA;AAE5D,EAAA,MAAMI,kBAAAA,GAAsC;AAAA,IAC1CC,SAASR,QAAAA,CAASQ,OAAAA;AAAAA,IAClBX,QAAQG,QAAAA,CAASH,MAAAA;AAAAA,IACjBY,SAAST,QAAAA,CAASU,OAAAA;AAAAA,IAClBC,KAAKX,QAAAA,CAASW,GAAAA;AAAAA,IACdf,MAAAA,EAAQQ,kBAAAA;AAAAA,IACRQ,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASlB,iBAAAA;AAAAA,IACTmB,eAAAA,EAAiB;AAAA,GACnB;AAEA,EAAA,MAAMC,qBAAAA,GAAyC;AAAA,IAC7CP,SAASP,SAAAA,CAAUO,OAAAA;AAAAA,IACnBX,QAAQI,SAAAA,CAAUJ,MAAAA;AAAAA,IAClBY,SAASR,SAAAA,CAAUS,OAAAA;AAAAA,IACnBC,KAAKV,SAAAA,CAAUU,GAAAA;AAAAA,IACff,MAAAA,EAAQU,mBAAAA;AAAAA,IACRM,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASlB,iBAAAA;AAAAA,IACTmB,eAAAA,EAAiB;AAAA,GACnB;AAEA,EAAA,OAAO;AAAA,IACLE,QAAAA,EAAU;AAAA,MACRC,eAAAA,EAAiBV,kBAAAA;AAAAA,MACjBW,KAAAA,EAAO;AAAA,KACT;AAAA,IACAC,WAAAA,EAAa;AAAA,MACXF,eAAAA,EAAiBF,qBAAAA;AAAAA,MACjBG,KAAAA,EAAO;AAAA;AACT,GACF;AACF;;;;"}

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

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

package/dist/core/inputs/hooks/useMaxButtonProps.js

@@ -16,7 +16,7 @@ function deductGasFeeFromETH({
   const ethAmountUnitBig = Big(ethAmountUnit);
   if (ethAmountUnitBig.lte(gasFeeETH)) return "0";
   const withDeductedGas = ethAmountUnitBig.minus(gasFeeETH);
-  return withDeductedGas.toString();
+  return withDeductedGas.toFixed();
 }
 const buttonVariants = ["25%", "50%", "75%", "MAX"];
 const variant2Percentage = {
@@ -32,7 +32,7 @@ function constructOnClickHandler({
   variant
 }) {
   return () => {
-    let amountToSet = Big(balanceUnit).mul(variant2Percentage[variant]).toString();
+    let amountToSet = Big(balanceUnit).mul(variant2Percentage[variant]).toFixed();
     if (maxAvailableBalanceUnit !== void 0 && Big(amountToSet).gt(maxAvailableBalanceUnit)) {
       amountToSet = maxAvailableBalanceUnit;
     }