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

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

@@ -1,45 +1,84 @@
-import { useLocalDrawerControls as e } from "../Drawer/state/useDrawerControls.js";
-import { ControlledDrawer as t } from "../Drawer/index.js";
-import { getOrderCancelDetailsForTradeFlowType as n } from "./CancelOrder/utils.js";
-import { CancelButton as r } from "../Button/CancelButton/CancelButton.js";
-import { cancelOrderTooltip as i } from "../Button/CancelButton/constants.js";
-import { ConfirmCancelOrder as a } from "./CancelOrder/ConfirmCancel.js";
-import { useTradeFlowContext as o } from "./tradeFlowContext.js";
-import { c as s } from "react-compiler-runtime";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/CancelButtonWithDrawer.tsx
-function d(d) {
-	let f = s(18), { onCancelOrder: p, className: m } = d, { orderCancellationStep: h, tradeFlowType: g } = o(), _ = h === "order-cancellation-approval" || h === "order-cancellation-execution", v;
-	f[0] === g ? v = f[1] : (v = n(g), f[0] = g, f[1] = v);
-	let y = v, b = e(), x = y ? b.onOpen : p, S;
-	f[2] !== m || f[3] !== _ || f[4] !== x ? (S = /* @__PURE__ */ l(r, {
-		className: m,
-		disabled: _,
-		isLoading: _,
-		onClick: x,
-		tooltip: i,
-		children: "Cancel Order"
-	}), f[2] = m, f[3] = _, f[4] = x, f[5] = S) : S = f[5];
-	let C = S;
-	if (y === null) return C;
-	let w;
-	f[6] !== _ || f[7] !== p || f[8] !== y.orderType || f[9] !== h ? (w = /* @__PURE__ */ l(a, {
-		orderTypeToCancel: y.orderType,
-		onConfirmCancel: p,
-		isCancelling: _,
-		step: h
-	}), f[6] = _, f[7] = p, f[8] = y.orderType, f[9] = h, f[10] = w) : w = f[10];
-	let T;
-	f[11] !== b || f[12] !== y.cancelTexts.drawerTitle || f[13] !== w ? (T = /* @__PURE__ */ l(t, {
-		...b,
-		title: y.cancelTexts.drawerTitle,
-		showGoBackButton: !0,
-		children: w
-	}), f[11] = b, f[12] = y.cancelTexts.drawerTitle, f[13] = w, f[14] = T) : T = f[14];
-	let E;
-	return f[15] !== C || f[16] !== T ? (E = /* @__PURE__ */ u(c, { children: [C, T] }), f[15] = C, f[16] = T, f[17] = E) : E = f[17], E;
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { CancelButton } from '../Button/CancelButton/CancelButton.js';
+import { cancelOrderTooltip } from '../Button/CancelButton/constants.js';
+import { ControlledDrawer } from '../Drawer/index.js';
+import { useLocalDrawerControls } from '../Drawer/state/useDrawerControls.js';
+import { ConfirmCancelOrder } from './CancelOrder/ConfirmCancel.js';
+import { getOrderCancelDetailsForTradeFlowType } from './CancelOrder/utils.js';
+import { useTradeFlowContext } from './tradeFlowContext.js';
+
+function CancelButtonWithDrawer(t0) {
+  const $ = distExports.c(18);
+  const {
+    onCancelOrder,
+    className
+  } = t0;
+  const {
+    orderCancellationStep,
+    tradeFlowType
+  } = useTradeFlowContext();
+  const isPending = orderCancellationStep === "order-cancellation-approval" || orderCancellationStep === "order-cancellation-execution";
+  let t1;
+  if ($[0] !== tradeFlowType) {
+    t1 = getOrderCancelDetailsForTradeFlowType(tradeFlowType);
+    $[0] = tradeFlowType;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const orderCancelDetails = t1;
+  const cancelOrderDrawerControls = useLocalDrawerControls();
+  const onClick = orderCancelDetails ? cancelOrderDrawerControls.onOpen : onCancelOrder;
+  let t2;
+  if ($[2] !== className || $[3] !== isPending || $[4] !== onClick) {
+    t2 = /* @__PURE__ */ jsx(CancelButton, { className, disabled: isPending, isLoading: isPending, onClick, tooltip: cancelOrderTooltip, children: "Cancel Order" });
+    $[2] = className;
+    $[3] = isPending;
+    $[4] = onClick;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const CancelBtn = t2;
+  if (orderCancelDetails === null) {
+    return CancelBtn;
+  }
+  let t3;
+  if ($[6] !== isPending || $[7] !== onCancelOrder || $[8] !== orderCancelDetails.orderType || $[9] !== orderCancellationStep) {
+    t3 = /* @__PURE__ */ jsx(ConfirmCancelOrder, { orderTypeToCancel: orderCancelDetails.orderType, onConfirmCancel: onCancelOrder, isCancelling: isPending, step: orderCancellationStep });
+    $[6] = isPending;
+    $[7] = onCancelOrder;
+    $[8] = orderCancelDetails.orderType;
+    $[9] = orderCancellationStep;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== cancelOrderDrawerControls || $[12] !== orderCancelDetails.cancelTexts.drawerTitle || $[13] !== t3) {
+    t4 = /* @__PURE__ */ jsx(ControlledDrawer, { ...cancelOrderDrawerControls, title: orderCancelDetails.cancelTexts.drawerTitle, showGoBackButton: true, children: t3 });
+    $[11] = cancelOrderDrawerControls;
+    $[12] = orderCancelDetails.cancelTexts.drawerTitle;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== CancelBtn || $[16] !== t4) {
+    t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      CancelBtn,
+      t4
+    ] });
+    $[15] = CancelBtn;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
 }
-//#endregion
-export { d as CancelButtonWithDrawer };
 
-//# sourceMappingURL=CancelButtonWithDrawer.js.map
+export { CancelButtonWithDrawer };
+//# sourceMappingURL=CancelButtonWithDrawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CancelButtonWithDrawer.js","names":["CancelButton","cancelOrderTooltip","ControlledDrawer","useLocalDrawerControls","ConfirmCancelOrder","getOrderCancelDetailsForTradeFlowType","useTradeFlowContext","CancelButtonWithDrawerProps","className","onCancelOrder","CancelButtonWithDrawer","t0","$","_c","orderCancellationStep","tradeFlowType","isPending","t1","orderCancelDetails","cancelOrderDrawerControls","onClick","onOpen","t2","CancelBtn","t3","orderType","t4","cancelTexts","drawerTitle","t5"],"sources":["../../../../src/components/widget/TradeOverview/CancelButtonWithDrawer.tsx"],"sourcesContent":["import { CancelButton } from \"../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../Button/CancelButton/constants\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useLocalDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ConfirmCancelOrder } from \"./CancelOrder/ConfirmCancel\";\nimport { getOrderCancelDetailsForTradeFlowType } from \"./CancelOrder/utils\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\n\ntype CancelButtonWithDrawerProps = {\n  className?: string;\n  onCancelOrder: () => void;\n};\n\nexport function CancelButtonWithDrawer({\n  onCancelOrder,\n  className,\n}: CancelButtonWithDrawerProps) {\n  const { orderCancellationStep, tradeFlowType } = useTradeFlowContext();\n\n  const isPending =\n    orderCancellationStep === \"order-cancellation-approval\" ||\n    orderCancellationStep === \"order-cancellation-execution\";\n\n  const orderCancelDetails =\n    getOrderCancelDetailsForTradeFlowType(tradeFlowType);\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const onClick = orderCancelDetails\n    ? cancelOrderDrawerControls.onOpen\n    : onCancelOrder;\n\n  const CancelBtn = (\n    <CancelButton\n      className={className}\n      disabled={isPending}\n      isLoading={isPending}\n      onClick={onClick}\n      tooltip={cancelOrderTooltip}\n    >\n      Cancel Order\n    </CancelButton>\n  );\n\n  if (orderCancelDetails === null) {\n    return CancelBtn;\n  }\n\n  return (\n    <>\n      {CancelBtn}\n      <ControlledDrawer\n        {...cancelOrderDrawerControls}\n        title={orderCancelDetails.cancelTexts.drawerTitle}\n        showGoBackButton\n      >\n        <ConfirmCancelOrder\n          orderTypeToCancel={orderCancelDetails.orderType}\n          onConfirmCancel={onCancelOrder}\n          isCancelling={isPending}\n          step={orderCancellationStep}\n        />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAOU,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAgC,EAAAJ,kBAAAD,iBAAAG,GAIrC,EAAAG,0BAAAC,qBAAiDT,GAAqB,EAEtEU,IACEF,MAA0B,iCAC1BA,MAA0B,gCAA+BG;AAAA,CAAAL,EAAA,OAAAG,IAGLE,IAAAL,EAAA,MAApDK,IAAAZ,EAAsCU,EAAc,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAK;CADtD,IAAAC,IACED,GAEFE,IAAkChB,GAAwB,EAE1DiB,IAAgBF,IACZC,EAAyBE,SADbZ,GAEEa;AAAA,CAAAV,EAAA,OAAAJ,KAAAI,EAAA,OAAAI,KAAAJ,EAAA,OAAAQ,KAGhBE,IAAA,kBAAC,GAAD;EACad;EACDQ,UAAAA;EACCA,WAAAA;EACFI;EACAnB,SAAAA;YACV;EAEc,CAAA,EAAAW,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,KAAAA,IAAAV,EAAA;CATjB,IAAAW,IACED;AAWF,KAAIJ,MAAuB,KAAI,QACtBK;CACR,IAAAC;AAAA,CAAAZ,EAAA,OAAAI,KAAAJ,EAAA,OAAAH,KAAAG,EAAA,OAAAM,EAAAO,aAAAb,EAAA,OAAAE,KAUKU,IAAA,kBAAC,GAAD;EACqB,mBAAAN,EAAkBO;EACpBhB,iBAAAA;EACHO,cAAAA;EACRF,MAAAA;EACN,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAH,GAAAG,EAAA,KAAAM,EAAAO,WAAAb,EAAA,KAAAE,GAAAF,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,QAAAO,KAAAP,EAAA,QAAAM,EAAAS,YAAAC,eAAAhB,EAAA,QAAAY,KAVJE,IAAA,kBAAC,GAAD;EAAiB,GACXP;EACG,OAAAD,EAAkBS,YAAYC;EACrC,kBAAA;YAEAJ;EAMiB,CAAA,EAAAZ,EAAA,MAAAO,GAAAP,EAAA,MAAAM,EAAAS,YAAAC,aAAAhB,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAiB;AAClB,QADkBjB,EAAA,QAAAW,KAAAX,EAAA,QAAAc,KAbrBG,IAAA,kBAAA,GAAA,EAAA,UAAA,CACGN,GACDG,EAYC,EAAA,CAAA,EAAAd,EAAA,MAAAW,GAAAX,EAAA,MAAAc,GAAAd,EAAA,MAAAiB,KAAAA,IAAAjB,EAAA,KAdHiB"}
+{"version":3,"file":"CancelButtonWithDrawer.js","sources":["../../../../src/components/widget/TradeOverview/CancelButtonWithDrawer.tsx"],"sourcesContent":["import { CancelButton } from \"../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../Button/CancelButton/constants\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useLocalDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ConfirmCancelOrder } from \"./CancelOrder/ConfirmCancel\";\nimport { getOrderCancelDetailsForTradeFlowType } from \"./CancelOrder/utils\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\n\ntype CancelButtonWithDrawerProps = {\n  className?: string;\n  onCancelOrder: () => void;\n};\n\nexport function CancelButtonWithDrawer({\n  onCancelOrder,\n  className,\n}: CancelButtonWithDrawerProps) {\n  const { orderCancellationStep, tradeFlowType } = useTradeFlowContext();\n\n  const isPending =\n    orderCancellationStep === \"order-cancellation-approval\" ||\n    orderCancellationStep === \"order-cancellation-execution\";\n\n  const orderCancelDetails =\n    getOrderCancelDetailsForTradeFlowType(tradeFlowType);\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const onClick = orderCancelDetails\n    ? cancelOrderDrawerControls.onOpen\n    : onCancelOrder;\n\n  const CancelBtn = (\n    <CancelButton\n      className={className}\n      disabled={isPending}\n      isLoading={isPending}\n      onClick={onClick}\n      tooltip={cancelOrderTooltip}\n    >\n      Cancel Order\n    </CancelButton>\n  );\n\n  if (orderCancelDetails === null) {\n    return CancelBtn;\n  }\n\n  return (\n    <>\n      {CancelBtn}\n      <ControlledDrawer\n        {...cancelOrderDrawerControls}\n        title={orderCancelDetails.cancelTexts.drawerTitle}\n        showGoBackButton\n      >\n        <ConfirmCancelOrder\n          orderTypeToCancel={orderCancelDetails.orderType}\n          onConfirmCancel={onCancelOrder}\n          isCancelling={isPending}\n          step={orderCancellationStep}\n        />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"names":["CancelButtonWithDrawer","t0","$","_c","onCancelOrder","className","orderCancellationStep","tradeFlowType","useTradeFlowContext","isPending","t1","getOrderCancelDetailsForTradeFlowType","orderCancelDetails","cancelOrderDrawerControls","useLocalDrawerControls","onClick","onOpen","t2","cancelOrderTooltip","CancelBtn","t3","orderType","t4","cancelTexts","drawerTitle","t5"],"mappings":"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"}

package/dist/components/widget/TradeOverview/CancelOrder/ConfirmCancel.js

@@ -1,101 +1,227 @@
-import { cn as e } from "../../../../lib/utils/index.js";
-import { Switch as t } from "../../../ui/switch.js";
-import { WarningWithTitle as n } from "../../Warning/Warning.js";
-import { CancelOrderTexts as r } from "./constants.js";
-import { CancelButton as i } from "../../Button/CancelButton/CancelButton.js";
-import { c as a } from "react-compiler-runtime";
-import { useId as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/CancelOrder/ConfirmCancel.tsx
-var u = { root: "bg-[rgba(255,153,0,0.05)]" }, d = "When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.", f = (e) => {
-	let t = a(10), { orderTypeToCancel: i } = e, { warningTitle: o, warningMessage: s } = r[i], f;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ c("div", { children: "Because execution is asynchronous, your cancellation may not take effect immediately. The order could still execute if matched before the cancellation is processed." }), t[0] = f) : f = t[0];
-	let p;
-	t[1] === i ? p = t[2] : (p = i === "Market Swap" && /* @__PURE__ */ c("div", { children: d }), t[1] = i, t[2] = p);
-	let m;
-	t[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c("div", { children: "Proceed only if you understand this risk." }), t[3] = m) : m = t[3];
-	let h;
-	t[4] !== p || t[5] !== s ? (h = /* @__PURE__ */ l("div", {
-		className: "flex flex-col gap-2",
-		children: [
-			s,
-			f,
-			p,
-			m
-		]
-	}), t[4] = p, t[5] = s, t[6] = h) : h = t[6];
-	let g;
-	return t[7] !== h || t[8] !== o ? (g = /* @__PURE__ */ c(n, {
-		title: o,
-		message: h,
-		classes: u
-	}), t[7] = h, t[8] = o, t[9] = g) : g = t[9], g;
-}, p = {
-	"order-cancellation-pre-confirm": "I understand the risks mentioned above",
-	"order-cancellation-approval": "We need a signature on your wallet to cancel your order",
-	"order-cancellation-execution": "The order is being cancelled, but it may still be executed",
-	"order-cancellation-success": "Order cancelled",
-	"order-cancellation-error": "Order cancellation failed"
-}, m = (n) => {
-	let r = a(13), { step: i, checked: s, setToggle: u } = n, d = null, f = o();
-	if (i === "order-cancellation-pre-confirm") {
-		let e;
-		r[0] !== s || r[1] !== f || r[2] !== u ? (e = /* @__PURE__ */ c(t, {
-			id: f,
-			checked: s,
-			className: "cursor-pointer",
-			onCheckedChange: u
-		}), r[0] = s, r[1] = f, r[2] = u, r[3] = e) : e = r[3], d = e;
-	}
-	let m = p[i], h = !!d, g;
-	r[4] === h ? g = r[5] : (g = e("flex items-center gap-1.5 w-fit", { "cursor-pointer": h }), r[4] = h, r[5] = g);
-	let _ = d ? f : void 0, v;
-	r[6] === m ? v = r[7] : (v = /* @__PURE__ */ c("div", {
-		className: "text-sm text-contrast-4 dark:text-contrast-6",
-		children: m
-	}), r[6] = m, r[7] = v);
-	let y;
-	return r[8] !== d || r[9] !== g || r[10] !== _ || r[11] !== v ? (y = /* @__PURE__ */ l("label", {
-		className: g,
-		htmlFor: _,
-		children: [d, v]
-	}), r[8] = d, r[9] = g, r[10] = _, r[11] = v, r[12] = y) : y = r[12], y;
-}, h = (e) => {
-	let t = a(12), { onConfirmCancel: n, isCancelling: r, step: o } = e, [u, d] = s(!1), f = r || o === "order-cancellation-approval" || o === "order-cancellation-execution", p = o === "order-cancellation-success", h;
-	t[0] !== u || t[1] !== o ? (h = /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(m, {
-		step: o,
-		checked: u,
-		setToggle: d
-	}) }), t[0] = u, t[1] = o, t[2] = h) : h = t[2];
-	let g = !u || f || p, _ = f || p ? "cta" : "default", v = f ? "Cancelling Your Order" : "Confirm", y;
-	t[3] !== f || t[4] !== n || t[5] !== g || t[6] !== _ || t[7] !== v ? (y = /* @__PURE__ */ c("div", {
-		className: "mt-7 flex items-center justify-between gap-2",
-		children: /* @__PURE__ */ c(i, {
-			isLoading: f,
-			onClick: n,
-			disabled: g,
-			variant: _,
-			children: v
-		})
-	}), t[3] = f, t[4] = n, t[5] = g, t[6] = _, t[7] = v, t[8] = y) : y = t[8];
-	let b;
-	return t[9] !== h || t[10] !== y ? (b = /* @__PURE__ */ l("div", { children: [h, y] }), t[9] = h, t[10] = y, t[11] = b) : b = t[11], b;
-}, g = (e) => {
-	let t = a(9), { orderTypeToCancel: n, onConfirmCancel: r, isCancelling: i, step: o } = e, s = o === void 0 ? "order-cancellation-pre-confirm" : o, u;
-	t[0] === n ? u = t[1] : (u = /* @__PURE__ */ c(f, { orderTypeToCancel: n }), t[0] = n, t[1] = u);
-	let d;
-	t[2] !== i || t[3] !== r || t[4] !== s ? (d = /* @__PURE__ */ c(h, {
-		onConfirmCancel: r,
-		isCancelling: i,
-		step: s
-	}), t[2] = i, t[3] = r, t[4] = s, t[5] = d) : d = t[5];
-	let p;
-	return t[6] !== u || t[7] !== d ? (p = /* @__PURE__ */ l("div", {
-		className: "p-6 flex flex-col gap-7",
-		children: [u, d]
-	}), t[6] = u, t[7] = d, t[8] = p) : p = t[8], p;
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Switch } from '../../../ui/switch.js';
+import { WarningWithTitle } from '../../Warning/Warning.js';
+import { useState, useId } from 'react';
+import { CancelOrderTexts } from './constants.js';
+import { CancelButton } from '../../Button/CancelButton/CancelButton.js';
+import { cn } from '../../../../lib/utils/index.js';
+
+const warningClasses = {
+  root: "bg-[rgba(255,153,0,0.05)]"
+};
+const TxNonceWarning = "When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.";
+const CancelOrderWarning = (t0) => {
+  const $ = distExports.c(10);
+  const {
+    orderTypeToCancel
+  } = t0;
+  const {
+    warningTitle,
+    warningMessage
+  } = CancelOrderTexts[orderTypeToCancel];
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx("div", { children: "Because execution is asynchronous, your cancellation may not take effect immediately. The order could still execute if matched before the cancellation is processed." });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== orderTypeToCancel) {
+    t2 = orderTypeToCancel === "Market Swap" && /* @__PURE__ */ jsx("div", { children: TxNonceWarning });
+    $[1] = orderTypeToCancel;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { children: "Proceed only if you understand this risk." });
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t2 || $[5] !== warningMessage) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      warningMessage,
+      t1,
+      t2,
+      t3
+    ] });
+    $[4] = t2;
+    $[5] = warningMessage;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t4 || $[8] !== warningTitle) {
+    t5 = /* @__PURE__ */ jsx(WarningWithTitle, { title: warningTitle, message: t4, classes: warningClasses });
+    $[7] = t4;
+    $[8] = warningTitle;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+};
+const progressStep2Text = {
+  "order-cancellation-pre-confirm": "I understand the risks mentioned above",
+  "order-cancellation-approval": "We need a signature on your wallet to cancel your order",
+  "order-cancellation-execution": "The order is being cancelled, but it may still be executed",
+  "order-cancellation-success": "Order cancelled",
+  "order-cancellation-error": "Order cancellation failed"
+};
+const CancelOrderToggleAndStep = (t0) => {
+  const $ = distExports.c(13);
+  const {
+    step,
+    checked,
+    setToggle
+  } = t0;
+  let SwitchComponent = null;
+  const labelId = useId();
+  if (step === "order-cancellation-pre-confirm") {
+    let t12;
+    if ($[0] !== checked || $[1] !== labelId || $[2] !== setToggle) {
+      t12 = /* @__PURE__ */ jsx(Switch, { id: labelId, checked, className: "cursor-pointer", onCheckedChange: setToggle });
+      $[0] = checked;
+      $[1] = labelId;
+      $[2] = setToggle;
+      $[3] = t12;
+    } else {
+      t12 = $[3];
+    }
+    SwitchComponent = t12;
+  }
+  const text = progressStep2Text[step];
+  const t1 = !!SwitchComponent;
+  let t2;
+  if ($[4] !== t1) {
+    t2 = cn("flex items-center gap-1.5 w-fit", {
+      "cursor-pointer": t1
+    });
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const t3 = SwitchComponent ? labelId : void 0;
+  let t4;
+  if ($[6] !== text) {
+    t4 = /* @__PURE__ */ jsx("div", { className: "text-sm text-contrast-4 dark:text-contrast-6", children: text });
+    $[6] = text;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== SwitchComponent || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("label", { className: t2, htmlFor: t3, children: [
+      SwitchComponent,
+      t4
+    ] });
+    $[8] = SwitchComponent;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+};
+const CancelOrderControls = (t0) => {
+  const $ = distExports.c(12);
+  const {
+    onConfirmCancel,
+    isCancelling,
+    step
+  } = t0;
+  const [acknowledged, setAcknowledged] = useState(false);
+  const isPending = isCancelling || step === "order-cancellation-approval" || step === "order-cancellation-execution";
+  const isSuccess = step === "order-cancellation-success";
+  let t1;
+  if ($[0] !== acknowledged || $[1] !== step) {
+    t1 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CancelOrderToggleAndStep, { step, checked: acknowledged, setToggle: setAcknowledged }) });
+    $[0] = acknowledged;
+    $[1] = step;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = !acknowledged || isPending || isSuccess;
+  const t3 = isPending || isSuccess ? "cta" : "default";
+  const t4 = isPending ? "Cancelling Your Order" : "Confirm";
+  let t5;
+  if ($[3] !== isPending || $[4] !== onConfirmCancel || $[5] !== t2 || $[6] !== t3 || $[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: "mt-7 flex items-center justify-between gap-2", children: /* @__PURE__ */ jsx(CancelButton, { isLoading: isPending, onClick: onConfirmCancel, disabled: t2, variant: t3, children: t4 }) });
+    $[3] = isPending;
+    $[4] = onConfirmCancel;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t1 || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { children: [
+      t1,
+      t5
+    ] });
+    $[9] = t1;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
+};
+const ConfirmCancelOrder = (t0) => {
+  const $ = distExports.c(9);
+  const {
+    orderTypeToCancel,
+    onConfirmCancel,
+    isCancelling,
+    step: t1
+  } = t0;
+  const step = t1 === void 0 ? "order-cancellation-pre-confirm" : t1;
+  let t2;
+  if ($[0] !== orderTypeToCancel) {
+    t2 = /* @__PURE__ */ jsx(CancelOrderWarning, { orderTypeToCancel });
+    $[0] = orderTypeToCancel;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== isCancelling || $[3] !== onConfirmCancel || $[4] !== step) {
+    t3 = /* @__PURE__ */ jsx(CancelOrderControls, { onConfirmCancel, isCancelling, step });
+    $[2] = isCancelling;
+    $[3] = onConfirmCancel;
+    $[4] = step;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t2 || $[7] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "p-6 flex flex-col gap-7", children: [
+      t2,
+      t3
+    ] });
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
 };
-//#endregion
-export { g as ConfirmCancelOrder };
 
-//# sourceMappingURL=ConfirmCancel.js.map
+export { ConfirmCancelOrder };
+//# sourceMappingURL=ConfirmCancel.js.map

package/dist/components/widget/TradeOverview/CancelOrder/ConfirmCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmCancel.js","names":["Switch","WarningWithTitle","useId","useState","WarningProps","CancelOrderTexts","OrderTypeToCancel","CancelOrderStepKey","CancelButton","cn","warningClasses","root","CancelOrderWarningProps","orderTypeToCancel","TxNonceWarning","CancelOrderWarning","t0","$","_c","warningTitle","warningMessage","t1","Symbol","for","t2","t3","t4","t5","CancelOrderControlsProps","onConfirmCancel","isCancelling","step","ConfirmCancelOrderStep","CancelOrderToggleAndStepProps","checked","setToggle","React","Dispatch","SetStateAction","progressStep2Text","Record","CancelOrderToggleAndStep","SwitchComponent","labelId","text","undefined","CancelOrderControls","acknowledged","setAcknowledged","isPending","isSuccess","t6","ConfirmCancelOrderProps","ConfirmCancelOrder"],"sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/ConfirmCancel.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { WarningWithTitle } from \"../../Warning/Warning\";\nimport { useId, useState } from \"react\";\nimport type { WarningProps } from \"../../Warning/types\";\nimport { CancelOrderTexts, type OrderTypeToCancel } from \"./constants\";\nimport type { CancelOrderStepKey } from \"../steps\";\nimport { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { cn } from \"@/lib/utils\";\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\ntype CancelOrderWarningProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n};\n\nconst TxNonceWarning =\n  \"When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.\";\n\nconst CancelOrderWarning = ({ orderTypeToCancel }: CancelOrderWarningProps) => {\n  const { warningTitle, warningMessage } = CancelOrderTexts[orderTypeToCancel];\n  return (\n    <WarningWithTitle\n      title={warningTitle}\n      message={\n        <div className=\"flex flex-col gap-2\">\n          {warningMessage}\n          <div>\n            Because execution is asynchronous, your cancellation may not take\n            effect immediately. The order could still execute if matched before\n            the cancellation is processed.\n          </div>\n          {orderTypeToCancel === \"Market Swap\" && <div>{TxNonceWarning}</div>}\n          <div>Proceed only if you understand this risk.</div>\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\ntype CancelOrderControlsProps = {\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step: ConfirmCancelOrderStep;\n};\n\ntype CancelOrderToggleAndStepProps = {\n  step: ConfirmCancelOrderStep;\n  checked: boolean;\n  setToggle: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst progressStep2Text: Record<ConfirmCancelOrderStep, string> = {\n  \"order-cancellation-pre-confirm\": \"I understand the risks mentioned above\",\n  \"order-cancellation-approval\":\n    \"We need a signature on your wallet to cancel your order\",\n  \"order-cancellation-execution\":\n    \"The order is being cancelled, but it may still be executed\",\n  \"order-cancellation-success\": \"Order cancelled\",\n  \"order-cancellation-error\": \"Order cancellation failed\",\n};\n\nconst CancelOrderToggleAndStep = ({\n  step,\n  checked,\n  setToggle,\n}: CancelOrderToggleAndStepProps) => {\n  let SwitchComponent: React.ReactNode = null;\n\n  // guarantees uniqueness for Component instance (even when many such Components are rendered)\n  const labelId = useId();\n\n  if (step === \"order-cancellation-pre-confirm\") {\n    SwitchComponent = (\n      <Switch\n        id={labelId}\n        checked={checked}\n        className=\"cursor-pointer\"\n        onCheckedChange={setToggle}\n      />\n    );\n  }\n\n  const text = progressStep2Text[step];\n  return (\n    <label\n      className={cn(\"flex items-center gap-1.5 w-fit\", {\n        \"cursor-pointer\": !!SwitchComponent,\n      })}\n      htmlFor={SwitchComponent ? labelId : undefined}\n    >\n      {SwitchComponent}\n      <div className=\"text-sm text-contrast-4 dark:text-contrast-6\">{text}</div>\n    </label>\n  );\n};\n\nconst CancelOrderControls = ({\n  onConfirmCancel,\n  isCancelling,\n  step,\n}: CancelOrderControlsProps) => {\n  const [acknowledged, setAcknowledged] = useState(false);\n\n  const isPending =\n    isCancelling ||\n    step === \"order-cancellation-approval\" ||\n    step === \"order-cancellation-execution\";\n  const isSuccess = step === \"order-cancellation-success\";\n\n  return (\n    <div>\n      <div>\n        <CancelOrderToggleAndStep\n          step={step}\n          checked={acknowledged}\n          setToggle={setAcknowledged}\n        />\n      </div>\n      <div className=\"mt-7 flex items-center justify-between gap-2\">\n        <CancelButton\n          isLoading={isPending}\n          onClick={onConfirmCancel}\n          disabled={!acknowledged || isPending || isSuccess}\n          variant={isPending || isSuccess ? \"cta\" : \"default\"}\n        >\n          {isPending ? \"Cancelling Your Order\" : \"Confirm\"}\n        </CancelButton>\n      </div>\n    </div>\n  );\n};\n\nexport type ConfirmCancelOrderStep =\n  | \"order-cancellation-pre-confirm\"\n  | CancelOrderStepKey;\n\ntype ConfirmCancelOrderProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step?: ConfirmCancelOrderStep;\n};\n\nexport const ConfirmCancelOrder = ({\n  orderTypeToCancel,\n  onConfirmCancel,\n  isCancelling,\n  step = \"order-cancellation-pre-confirm\",\n}: ConfirmCancelOrderProps) => {\n  return (\n    <div className=\"p-6 flex flex-col gap-7\">\n      <CancelOrderWarning orderTypeToCancel={orderTypeToCancel} />\n      <CancelOrderControls\n        onConfirmCancel={onConfirmCancel}\n        isCancelling={isCancelling}\n        step={step}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ConfirmCancel.js","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/ConfirmCancel.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { WarningWithTitle } from \"../../Warning/Warning\";\nimport { useId, useState } from \"react\";\nimport type { WarningProps } from \"../../Warning/types\";\nimport { CancelOrderTexts, type OrderTypeToCancel } from \"./constants\";\nimport type { CancelOrderStepKey } from \"../steps\";\nimport { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { cn } from \"@/lib/utils\";\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\ntype CancelOrderWarningProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n};\n\nconst TxNonceWarning =\n  \"When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.\";\n\nconst CancelOrderWarning = ({ orderTypeToCancel }: CancelOrderWarningProps) => {\n  const { warningTitle, warningMessage } = CancelOrderTexts[orderTypeToCancel];\n  return (\n    <WarningWithTitle\n      title={warningTitle}\n      message={\n        <div className=\"flex flex-col gap-2\">\n          {warningMessage}\n          <div>\n            Because execution is asynchronous, your cancellation may not take\n            effect immediately. The order could still execute if matched before\n            the cancellation is processed.\n          </div>\n          {orderTypeToCancel === \"Market Swap\" && <div>{TxNonceWarning}</div>}\n          <div>Proceed only if you understand this risk.</div>\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\ntype CancelOrderControlsProps = {\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step: ConfirmCancelOrderStep;\n};\n\ntype CancelOrderToggleAndStepProps = {\n  step: ConfirmCancelOrderStep;\n  checked: boolean;\n  setToggle: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst progressStep2Text: Record<ConfirmCancelOrderStep, string> = {\n  \"order-cancellation-pre-confirm\": \"I understand the risks mentioned above\",\n  \"order-cancellation-approval\":\n    \"We need a signature on your wallet to cancel your order\",\n  \"order-cancellation-execution\":\n    \"The order is being cancelled, but it may still be executed\",\n  \"order-cancellation-success\": \"Order cancelled\",\n  \"order-cancellation-error\": \"Order cancellation failed\",\n};\n\nconst CancelOrderToggleAndStep = ({\n  step,\n  checked,\n  setToggle,\n}: CancelOrderToggleAndStepProps) => {\n  let SwitchComponent: React.ReactNode = null;\n\n  // guarantees uniqueness for Component instance (even when many such Components are rendered)\n  const labelId = useId();\n\n  if (step === \"order-cancellation-pre-confirm\") {\n    SwitchComponent = (\n      <Switch\n        id={labelId}\n        checked={checked}\n        className=\"cursor-pointer\"\n        onCheckedChange={setToggle}\n      />\n    );\n  }\n\n  const text = progressStep2Text[step];\n  return (\n    <label\n      className={cn(\"flex items-center gap-1.5 w-fit\", {\n        \"cursor-pointer\": !!SwitchComponent,\n      })}\n      htmlFor={SwitchComponent ? labelId : undefined}\n    >\n      {SwitchComponent}\n      <div className=\"text-sm text-contrast-4 dark:text-contrast-6\">{text}</div>\n    </label>\n  );\n};\n\nconst CancelOrderControls = ({\n  onConfirmCancel,\n  isCancelling,\n  step,\n}: CancelOrderControlsProps) => {\n  const [acknowledged, setAcknowledged] = useState(false);\n\n  const isPending =\n    isCancelling ||\n    step === \"order-cancellation-approval\" ||\n    step === \"order-cancellation-execution\";\n  const isSuccess = step === \"order-cancellation-success\";\n\n  return (\n    <div>\n      <div>\n        <CancelOrderToggleAndStep\n          step={step}\n          checked={acknowledged}\n          setToggle={setAcknowledged}\n        />\n      </div>\n      <div className=\"mt-7 flex items-center justify-between gap-2\">\n        <CancelButton\n          isLoading={isPending}\n          onClick={onConfirmCancel}\n          disabled={!acknowledged || isPending || isSuccess}\n          variant={isPending || isSuccess ? \"cta\" : \"default\"}\n        >\n          {isPending ? \"Cancelling Your Order\" : \"Confirm\"}\n        </CancelButton>\n      </div>\n    </div>\n  );\n};\n\nexport type ConfirmCancelOrderStep =\n  | \"order-cancellation-pre-confirm\"\n  | CancelOrderStepKey;\n\ntype ConfirmCancelOrderProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step?: ConfirmCancelOrderStep;\n};\n\nexport const ConfirmCancelOrder = ({\n  orderTypeToCancel,\n  onConfirmCancel,\n  isCancelling,\n  step = \"order-cancellation-pre-confirm\",\n}: ConfirmCancelOrderProps) => {\n  return (\n    <div className=\"p-6 flex flex-col gap-7\">\n      <CancelOrderWarning orderTypeToCancel={orderTypeToCancel} />\n      <CancelOrderControls\n        onConfirmCancel={onConfirmCancel}\n        isCancelling={isCancelling}\n        step={step}\n      />\n    </div>\n  );\n};\n"],"names":["warningClasses","root","TxNonceWarning","CancelOrderWarning","t0","$","_c","orderTypeToCancel","warningTitle","warningMessage","CancelOrderTexts","t1","Symbol","for","t2","t3","t4","t5","progressStep2Text","CancelOrderToggleAndStep","step","checked","setToggle","SwitchComponent","labelId","useId","text","cn","undefined","CancelOrderControls","onConfirmCancel","isCancelling","acknowledged","setAcknowledged","useState","isPending","isSuccess","t6","ConfirmCancelOrder"],"mappings":"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"}

package/dist/components/widget/TradeOverview/CancelOrder/constants.js

@@ -1,22 +1,20 @@
-//#region src/components/widget/TradeOverview/CancelOrder/constants.ts
-var e = {
-	"Market Swap": {
-		drawerTitle: "Cancel Market Order",
-		warningTitle: "You are about to cancel a Market Swap Order",
-		warningMessage: null
-	},
-	"Delta Swap": {
-		drawerTitle: "Cancel Delta Order",
-		warningTitle: "You are about to cancel a Delta Swap Order",
-		warningMessage: "Delta Orders use intent-based execution. After you submit your trade intent, the protocol routes it across a large mempool of liquidity sources and execution agents."
-	},
-	"Delta Limit": {
-		drawerTitle: "Cancel Delta Order",
-		warningTitle: "You are about to cancel a Delta Limit Order",
-		warningMessage: "Delta Limit Orders use intent-based execution. After you submit your trade, the protocol routes it across a large mempool of liquidity sources and execution agents."
-	}
+const CancelOrderTexts = {
+  "Market Swap": {
+    drawerTitle: "Cancel Market Order",
+    warningTitle: "You are about to cancel a Market Swap Order",
+    warningMessage: null
+  },
+  "Delta Swap": {
+    drawerTitle: "Cancel Delta Order",
+    warningTitle: "You are about to cancel a Delta Swap Order",
+    warningMessage: "Delta Orders use intent-based execution. After you submit your trade intent, the protocol routes it across a large mempool of liquidity sources and execution agents."
+  },
+  "Delta Limit": {
+    drawerTitle: "Cancel Delta Order",
+    warningTitle: "You are about to cancel a Delta Limit Order",
+    warningMessage: "Delta Limit Orders use intent-based execution. After you submit your trade, the protocol routes it across a large mempool of liquidity sources and execution agents."
+  }
 };
-//#endregion
-export { e as CancelOrderTexts };
 
-//# sourceMappingURL=constants.js.map
+export { CancelOrderTexts };
+//# sourceMappingURL=constants.js.map

package/dist/components/widget/TradeOverview/CancelOrder/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["OrderTypeToCancel","CancelOrderText","drawerTitle","warningTitle","React","ReactNode","warningMessage","CancelOrderTexts","Record"],"sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/constants.ts"],"sourcesContent":["export type OrderTypeToCancel = \"Market Swap\" | \"Delta Swap\" | \"Delta Limit\";\nexport type CancelOrderText = {\n  drawerTitle: string;\n  warningTitle: React.ReactNode;\n  warningMessage: React.ReactNode;\n};\n\nexport const CancelOrderTexts: Record<OrderTypeToCancel, CancelOrderText> = {\n  \"Market Swap\": {\n    drawerTitle: \"Cancel Market Order\",\n    warningTitle: \"You are about to cancel a Market Swap Order\",\n    warningMessage: null,\n  },\n  \"Delta Swap\": {\n    drawerTitle: \"Cancel Delta Order\",\n    warningTitle: \"You are about to cancel a Delta Swap Order\",\n    warningMessage:\n      \"Delta Orders use intent-based execution. After you submit your trade intent, the protocol routes it across a large mempool of liquidity sources and execution agents.\",\n  },\n  \"Delta Limit\": {\n    drawerTitle: \"Cancel Delta Order\",\n    warningTitle: \"You are about to cancel a Delta Limit Order\",\n    warningMessage:\n      \"Delta Limit Orders use intent-based execution. After you submit your trade, the protocol routes it across a large mempool of liquidity sources and execution agents.\",\n  },\n};\n"],"mappings":";AAOA,IAAaO,IAA+D;CAC1E,eAAe;EACbL,aAAa;EACbC,cAAc;EACdG,gBAAgB;EACjB;CACD,cAAc;EACZJ,aAAa;EACbC,cAAc;EACdG,gBACE;EACH;CACD,eAAe;EACbJ,aAAa;EACbC,cAAc;EACdG,gBACE;EACJ;CACD"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/constants.ts"],"sourcesContent":["export type OrderTypeToCancel = \"Market Swap\" | \"Delta Swap\" | \"Delta Limit\";\nexport type CancelOrderText = {\n  drawerTitle: string;\n  warningTitle: React.ReactNode;\n  warningMessage: React.ReactNode;\n};\n\nexport const CancelOrderTexts: Record<OrderTypeToCancel, CancelOrderText> = {\n  \"Market Swap\": {\n    drawerTitle: \"Cancel Market Order\",\n    warningTitle: \"You are about to cancel a Market Swap Order\",\n    warningMessage: null,\n  },\n  \"Delta Swap\": {\n    drawerTitle: \"Cancel Delta Order\",\n    warningTitle: \"You are about to cancel a Delta Swap Order\",\n    warningMessage:\n      \"Delta Orders use intent-based execution. After you submit your trade intent, the protocol routes it across a large mempool of liquidity sources and execution agents.\",\n  },\n  \"Delta Limit\": {\n    drawerTitle: \"Cancel Delta Order\",\n    warningTitle: \"You are about to cancel a Delta Limit Order\",\n    warningMessage:\n      \"Delta Limit Orders use intent-based execution. After you submit your trade, the protocol routes it across a large mempool of liquidity sources and execution agents.\",\n  },\n};\n"],"names":["CancelOrderTexts","drawerTitle","warningTitle","warningMessage"],"mappings":"AAOO,MAAMA,gBAAAA,GAA+D;AAAA,EAC1E,aAAA,EAAe;AAAA,IACbC,WAAAA,EAAa,qBAAA;AAAA,IACbC,YAAAA,EAAc,6CAAA;AAAA,IACdC,cAAAA,EAAgB;AAAA,GAClB;AAAA,EACA,YAAA,EAAc;AAAA,IACZF,WAAAA,EAAa,oBAAA;AAAA,IACbC,YAAAA,EAAc,4CAAA;AAAA,IACdC,cAAAA,EACE;AAAA,GACJ;AAAA,EACA,aAAA,EAAe;AAAA,IACbF,WAAAA,EAAa,oBAAA;AAAA,IACbC,YAAAA,EAAc,6CAAA;AAAA,IACdC,cAAAA,EACE;AAAA;AAEN;;;;"}