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

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["AnimatePresence","motion","Step","ActiveStep","FlowStep","prepareStepProps","MinTradeFlowToken","useTradeFlowContext","VerticalDash","stepItemProps","useInitialValue","isTruthy","StepperProps","steps","Key","activeStep","fromToken","toToken","fromAmount","toAmount","MAX_DISPLAYED_STEPS_AT_ONCE","StepperBase","t0","$","_c","titleFnProps","t1","findIndex","step","key","activeStepIndex","isActiveStepLast","length","startedAtStepWithIndex","validSteps","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepNumberCorrection","stepProps","filter","renderedSteps","slice","t2","t3","t4","Stepper"],"sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\nimport { stepItemProps } from \"./motionProps\";\nimport { useInitialValue } from \"@/core/screen/hooks/useInitialValue\";\nimport { isTruthy } from \"@/lib/utils\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst MAX_DISPLAYED_STEPS_AT_ONCE = 3;\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  // index of the first step displayed by stepper,\n  // so that we avoid Approve Order #2 when there is a Prepare Swap step in the list before it\n  const startedAtStepWithIndex = useInitialValue(activeStepIndex);\n\n  // let displayedStepsN = 0;\n\n  const validSteps = steps\n    .map((step, i) => {\n      const prepareStepPropsParams = {\n        currentStep: step,\n        activeStepIndex,\n        currentStepIndex: i,\n        activeStep,\n        titleFnProps,\n        stepNumberCorrection: -1 * startedAtStepWithIndex,\n      };\n\n      const stepProps = prepareStepProps(prepareStepPropsParams);\n\n      if (!stepProps) return null;\n\n      return (\n        <motion.div key={step.key} {...stepItemProps}>\n          <Step {...stepProps} />\n        </motion.div>\n      );\n    })\n    .filter(isTruthy);\n\n  // avoid stepper growing too much in height when there are many steps\n  const renderedSteps =\n    validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE\n      ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE)\n      : validSteps;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        <AnimatePresence mode=\"popLayout\">{renderedSteps}</AnimatePresence>\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  if (!activeStep) return null;\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,IAAMoB,IAA8B,GAE9BC,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA8B,EAAAX,UAAAE,eAAA,GAAAU,MAAAH,GAI9BI;AAAA,CAAAH,EAAA,OAAAR,KAAAQ,EAAA,OAAAV,KACMa,IAAAX,IACpBF,EAAKc,WAAWC,MAAUA,EAAIC,QAASd,EAAUc,IAC/C,GAFkB,IAElBN,EAAA,KAAAR,GAAAQ,EAAA,KAAAV,GAAAU,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CAFN,IAAAO,IAAwBJ,GAIxBK,IAAyBD,MAAoBjB,EAAKmB,SAAU,GAI5DC,IAA+BvB,EAAgBoB,EAAgB,EAI/DI,IAAmBrB,EAAKsB,KACjBC,GAAAC,MAAA;EAUH,IAAAK,IAAkBrC,EATa;GAAAkC,aAChBX;GAAIE;GAAAU,kBAECH;GAACtB;GAAAU;GAAAgB,sBAGG,KAAKR;GAC5B,CAEyD;AAE9B,SAAvBS,IAGH,kBAAA,EAAA,KAAA;GAAyB,GAAMjC;aAC7B,kBAAC,GAAD,EAAK,GAAKiC,GACZ,CAAA;GAAa,EAFId,EAAIC,IAER,GALQ;GAOvB,CAAAc,OACMhC,EAAS,EAGnBiC,IACEV,EAAUF,SAAUZ,IAChBc,EAAUW,MAAO,GAAGzB,EACV,GAFdc,GAEeY;AAAA,CAAAvB,EAAA,OAAAQ,IAWVe,IAAAvB,EAAA,MALAuB,IAAA,CAACf,KAEA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD,EACF,CAAA;EACD,CAAA,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAuB;CAAA,IAAAC;AAAA,CAAAxB,EAAA,OAAAqB,IACkEG,IAAAxB,EAAA,MAAnEwB,IAAA,kBAAC,GAAD;EAAsB,MAAA;YAAaH;EAAgC,CAAA,EAAArB,EAAA,KAAAqB,GAAArB,EAAA,KAAAwB;CAAA,IAAAC;AAKpE,QALoEzB,EAAA,OAAAuB,KAAAvB,EAAA,OAAAwB,KATvEC,IAAA,kBAAA,GAAA,EAAA,UACE,kBAAA,OAAA;EAAe,WAAA;YAAf,CAEGF,GAMDC,EACI;KAIL,CAAA,EAAAxB,EAAA,KAAAuB,GAAAvB,EAAA,KAAAwB,GAAAxB,EAAA,KAAAyB,KAAAA,IAAAzB,EAAA,IAdHyB;GA0BSC,UAAU;CAAA,IAAA1B,IAAAC,EAAA,EAAA,EACrB,EAAAR,cAAAC,YAAAC,eAAAC,aAAAN,UAAAE,kBACER,GAAqB;AAEvB,KAAI,CAACQ,EAAU,QAAS;CAAK,IAAAO;AAUzB,QAVyBC,EAAA,OAAAR,KAAAQ,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KAAAO,EAAA,OAAAV,KAAAU,EAAA,OAAAJ,KAAAI,EAAA,OAAAN,KAG3BK,IAAA,kBAAC,GAAD;EACST;EACKE;EACDC;EACFC;EACGC;EACFC;EACV,CAAA,EAAAI,EAAA,KAAAR,GAAAQ,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,KAAAV,GAAAU,EAAA,KAAAJ,GAAAI,EAAA,KAAAN,GAAAM,EAAA,KAAAD,KAAAA,IAAAC,EAAA,IAPFD"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\nimport { stepItemProps } from \"./motionProps\";\nimport { useInitialValue } from \"@/core/screen/hooks/useInitialValue\";\nimport { isTruthy } from \"@/lib/utils\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst MAX_DISPLAYED_STEPS_AT_ONCE = 3;\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  // index of the first step displayed by stepper,\n  // so that we avoid Approve Order #2 when there is a Prepare Swap step in the list before it\n  const startedAtStepWithIndex = useInitialValue(activeStepIndex);\n\n  // let displayedStepsN = 0;\n\n  const validSteps = steps\n    .map((step, i) => {\n      const prepareStepPropsParams = {\n        currentStep: step,\n        activeStepIndex,\n        currentStepIndex: i,\n        activeStep,\n        titleFnProps,\n        stepNumberCorrection: -1 * startedAtStepWithIndex,\n      };\n\n      const stepProps = prepareStepProps(prepareStepPropsParams);\n\n      if (!stepProps) return null;\n\n      return (\n        <motion.div key={step.key} {...stepItemProps}>\n          <Step {...stepProps} />\n        </motion.div>\n      );\n    })\n    .filter(isTruthy);\n\n  // avoid stepper growing too much in height when there are many steps\n  const renderedSteps =\n    validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE\n      ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE)\n      : validSteps;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        <AnimatePresence mode=\"popLayout\">{renderedSteps}</AnimatePresence>\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  if (!activeStep) return null;\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["MAX_DISPLAYED_STEPS_AT_ONCE","StepperBase","t0","$","_c","steps","activeStep","titleFnProps","t1","findIndex","step","key","activeStepIndex","isActiveStepLast","length","startedAtStepWithIndex","useInitialValue","validSteps","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepNumberCorrection","stepProps","prepareStepProps","stepItemProps","filter","isTruthy","renderedSteps","slice","t2","t3","t4","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js

@@ -1,53 +1,86 @@
-import { Button as e } from "../../../ui/button.js";
-import { useTradeFlowContext as t } from "../tradeFlowContext.js";
-import { CancelButtonWithDrawer as n } from "../CancelButtonWithDrawer.js";
-import { c as r } from "react-compiler-runtime";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx
-var o = (o) => {
-	let s = r(11), { onDismiss: c, onCancelOrder: l, explorerLink: u } = o, { orderCancellationStep: d, isOrderCancelled: f } = t(), p = d === "order-cancellation-success" || f, m;
-	s[0] === c ? m = s[1] : (m = /* @__PURE__ */ i(e, {
-		variant: "default",
-		size: "xl",
-		radius: "sm",
-		className: "w-full text-sm",
-		onClick: c,
-		children: "Make Another Trade"
-	}), s[0] = c, s[1] = m);
-	let h = m, g;
-	s[2] === u ? g = s[3] : (g = u ? /* @__PURE__ */ i(e, {
-		variant: "secondary",
-		size: "xl",
-		radius: "sm",
-		className: "w-full text-sm",
-		asChild: !0,
-		children: /* @__PURE__ */ i("a", {
-			href: u,
-			rel: "noopener noreferrer",
-			target: "_blank",
-			children: "View On Explorer"
-		})
-	}) : null, s[2] = u, s[3] = g);
-	let _ = g, v;
-	s[4] !== l || s[5] !== p ? (v = l && !p ? /* @__PURE__ */ i(n, { onCancelOrder: l }) : null, s[4] = l, s[5] = p, s[6] = v) : v = s[6];
-	let y = v, b;
-	return s[7] !== h || s[8] !== _ || s[9] !== y ? (b = /* @__PURE__ */ a("div", {
-		className: "flex flex-col justify-center w-full gap-4",
-		children: [
-			h,
-			_,
-			y
-		]
-	}), s[7] = h, s[8] = _, s[9] = y, s[10] = b) : b = s[10], b;
-}, s = (e) => {
-	let n = r(4), { onDismiss: a, onCancelOrder: s } = e, { explorerLink: c } = t(), l;
-	return n[0] !== c || n[1] !== s || n[2] !== a ? (l = /* @__PURE__ */ i(o, {
-		onDismiss: a,
-		onCancelOrder: s,
-		explorerLink: c
-	}), n[0] = c, n[1] = s, n[2] = a, n[3] = l) : l = n[3], l;
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+import { useTradeFlowContext } from '../tradeFlowContext.js';
+import { CancelButtonWithDrawer } from '../CancelButtonWithDrawer.js';
+
+const TradeCompletedFooterBase = (t0) => {
+  const $ = distExports.c(11);
+  const {
+    onDismiss,
+    onCancelOrder,
+    explorerLink
+  } = t0;
+  const {
+    orderCancellationStep,
+    isOrderCancelled
+  } = useTradeFlowContext();
+  const successfulCancellation = orderCancellationStep === "order-cancellation-success" || isOrderCancelled;
+  let t1;
+  if ($[0] !== onDismiss) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
+    $[0] = onDismiss;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const button1 = t1;
+  let t2;
+  if ($[2] !== explorerLink) {
+    t2 = explorerLink ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) }) : null;
+    $[2] = explorerLink;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const button2 = t2;
+  let t3;
+  if ($[4] !== onCancelOrder || $[5] !== successfulCancellation) {
+    t3 = onCancelOrder && !successfulCancellation ? /* @__PURE__ */ jsx(CancelButtonWithDrawer, { onCancelOrder }) : null;
+    $[4] = onCancelOrder;
+    $[5] = successfulCancellation;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const button3 = t3;
+  let t4;
+  if ($[7] !== button1 || $[8] !== button2 || $[9] !== button3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
+      button1,
+      button2,
+      button3
+    ] });
+    $[7] = button1;
+    $[8] = button2;
+    $[9] = button3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+};
+const TradeCompletedFooter = (t0) => {
+  const $ = distExports.c(4);
+  const {
+    onDismiss,
+    onCancelOrder
+  } = t0;
+  const {
+    explorerLink
+  } = useTradeFlowContext();
+  let t1;
+  if ($[0] !== explorerLink || $[1] !== onCancelOrder || $[2] !== onDismiss) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedFooterBase, { onDismiss, onCancelOrder, explorerLink });
+    $[0] = explorerLink;
+    $[1] = onCancelOrder;
+    $[2] = onDismiss;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 };
-//#endregion
-export { s as TradeCompletedFooter };
 
-//# sourceMappingURL=TradeCompleteFooter.js.map
+export { TradeCompletedFooter };
+//# sourceMappingURL=TradeCompleteFooter.js.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.js","names":["Button","useTradeFlowContext","CancelButtonWithDrawer","TradeCompletedFooterProps","onDismiss","onCancelOrder","explorerLink","TradeCompletedFooterBase","t0","$","_c","orderCancellationStep","isOrderCancelled","successfulCancellation","t1","button1","t2","button2","t3","button3","t4","TradeCompletedFooter"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { CancelButtonWithDrawer } from \"../CancelButtonWithDrawer\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  onCancelOrder?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  onCancelOrder,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  const { orderCancellationStep, isOrderCancelled } = useTradeFlowContext();\n\n  const successfulCancellation =\n    orderCancellationStep === \"order-cancellation-success\" || isOrderCancelled;\n\n  const button1 = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const button2 = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const button3 =\n    onCancelOrder && !successfulCancellation ? (\n      <CancelButtonWithDrawer onCancelOrder={onCancelOrder} />\n    ) : null;\n\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      {button1}\n      {button2}\n      {button3}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n  onCancelOrder,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\" | \"onCancelOrder\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      onCancelOrder={onCancelOrder}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAMO,KAA2BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAN,cAAAC,kBAAAC,oBAAAE,GAKhC,EAAAG,0BAAAC,wBAAoDX,GAAqB,EAEzEY,IACEF,MAA0B,gCAA1BC,GAA2EE;AAAA,CAAAL,EAAA,OAAAL,IAWlEU,IAAAL,EAAA,MARTK,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDV,SAAAA;YACV;EAEQ,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAK;CATX,IAAAC,IACED,GASAE;AAAA,CAAAP,EAAA,OAAAH,IAcMU,IAAAP,EAAA,MAZQO,IAAAV,IACd,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACV,SAAA;YAEA,kBAAA,KAAA;GAASA,MAAAA;GAAkB,KAAA;GAA6B,QAAA;aAAS;GAGnE,CAAA;EACM,CAAA,GAZQ,MAYRG,EAAA,KAAAH,GAAAG,EAAA,KAAAO;CAZR,IAAAC,IAAgBD,GAYPE;AAAA,CAAAT,EAAA,OAAAJ,KAAAI,EAAA,OAAAI,KAGPK,IAAAb,KAAA,CAAkBQ,IAChB,kBAAC,GAAD,EAAuCR,kBACjC,CAAA,GAFR,MAEQI,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,GAAAJ,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAHV,IAAAU,IACED,GAESE;AAOH,QAPGX,EAAA,OAAAM,KAAAN,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAGTC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGL;GACAE;GACAE;GACG;KAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KAJNW;GAQSC,KAAuBb,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAN,cAAAC,qBAAAG,GAInC,EAAAF,oBAAyBL,GAAqB,EAACa;AAM3C,QAN2CL,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAAAI,EAAA,OAAAL,KAE7CU,IAAA,kBAAC,GAAD;EACaV;EACIC;EACDC;EACd,CAAA,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAL,GAAAK,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAJFK"}
+{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { CancelButtonWithDrawer } from \"../CancelButtonWithDrawer\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  onCancelOrder?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  onCancelOrder,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  const { orderCancellationStep, isOrderCancelled } = useTradeFlowContext();\n\n  const successfulCancellation =\n    orderCancellationStep === \"order-cancellation-success\" || isOrderCancelled;\n\n  const button1 = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const button2 = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const button3 =\n    onCancelOrder && !successfulCancellation ? (\n      <CancelButtonWithDrawer onCancelOrder={onCancelOrder} />\n    ) : null;\n\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      {button1}\n      {button2}\n      {button3}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n  onCancelOrder,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\" | \"onCancelOrder\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      onCancelOrder={onCancelOrder}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","onCancelOrder","explorerLink","orderCancellationStep","isOrderCancelled","useTradeFlowContext","successfulCancellation","t1","button1","t2","button2","t3","button3","t4","TradeCompletedFooter"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.js

@@ -1,91 +1,181 @@
-import { formatFiatPrice as e } from "../../../../lib/utils/formatFiatPrice.js";
-import { useTokenPrice as t } from "../../../../hooks/tokens/prices/useTokenPrices.js";
-import { useTradeFlowContext as n } from "../tradeFlowContext.js";
-import { isOrderTradeFlowType as r } from "../../../../hooks/swap/tradeFlow/common/utils.js";
-import { getSurplusAmounts as i } from "./utils.js";
-import { tradeFlowCompletedTitle as a } from "./constants.js";
-import { c as o } from "react-compiler-runtime";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx
-var l = (e) => {
-	let t = o(5), { tradeFlowType: n, children: r, isOrderCancelled: i } = e, l = i ? "Order Cancelled" : a[n], u;
-	t[0] === l ? u = t[1] : (u = /* @__PURE__ */ s("div", {
-		className: "font-medium text-lg text-contrast-5 dark:text-contrast-9",
-		children: l
-	}), t[0] = l, t[1] = u);
-	let d;
-	return t[2] !== r || t[3] !== u ? (d = /* @__PURE__ */ c("div", {
-		className: "flex flex-col gap-3 items-center",
-		children: [u, r]
-	}), t[2] = r, t[3] = u, t[4] = d) : d = t[4], d;
-}, u = (e) => {
-	let t = o(6), { tradeFlowType: n, isOrderCancelled: i } = e;
-	if (r(n)) {
-		let e;
-		return t[0] !== i || t[1] !== n ? (e = /* @__PURE__ */ s(f, {
-			orderTradeFlowType: n,
-			isOrderCancelled: i
-		}), t[0] = i, t[1] = n, t[2] = e) : e = t[2], e;
-	}
-	let a;
-	return t[3] !== i || t[4] !== n ? (a = /* @__PURE__ */ s(d, {
-		swapTradeFlowType: n,
-		isOrderCancelled: i
-	}), t[3] = i, t[4] = n, t[5] = a) : a = t[5], a;
-}, d = (r) => {
-	let a = o(13), { swapTradeFlowType: u, isOrderCancelled: d } = r, { result: f, toToken: p } = n(), m;
-	a[0] !== f || a[1] !== p ? (m = i({
-		result: f,
-		toToken: p
-	}), a[0] = f, a[1] = p, a[2] = m) : m = a[2];
-	let h = m, g = h?.surplusStr ? `+${h.surplusStr} ${p.symbol ?? p.address}` : null, { data: _ } = t(p), v = _?.price, y = h?.diffUnit && v ? Number(h.diffUnit) * v : null, b;
-	a[3] === y ? b = a[4] : (b = y ? e(y) : null, a[3] = y, a[4] = b);
-	let x = b, S;
-	a[5] !== x || a[6] !== d || a[7] !== g ? (S = g && !d && /* @__PURE__ */ c("div", {
-		className: "text-xs text-contrast-2",
-		children: [
-			"Congrats! You received a surplus of ",
-			g,
-			" ",
-			x && `(${x})`
-		]
-	}), a[5] = x, a[6] = d, a[7] = g, a[8] = S) : S = a[8];
-	let C;
-	return a[9] !== d || a[10] !== u || a[11] !== S ? (C = /* @__PURE__ */ s(l, {
-		tradeFlowType: u,
-		isOrderCancelled: d,
-		children: S
-	}), a[9] = d, a[10] = u, a[11] = S, a[12] = C) : C = a[12], C;
-}, f = (e) => {
-	let t = o(15), { orderTradeFlowType: n, isOrderCancelled: r } = e, i = n === "limitOrder", a = n === "fillOtcOrder", u;
-	t[0] !== a || t[1] !== i || t[2] !== r ? (u = a ? /* @__PURE__ */ s("div", { children: "Your OTC order has been executed." }) : /* @__PURE__ */ c("div", { children: [
-		"Your ",
-		i ? "limit" : "OTC",
-		" order",
-		" ",
-		r ? "has been cancelled following your request" : "is now created",
-		"."
-	] }), t[0] = a, t[1] = i, t[2] = r, t[3] = u) : u = t[3];
-	let d = u, f;
-	t[4] !== a || t[5] !== i || t[6] !== r ? (f = !r && !a && /* @__PURE__ */ c("div", { children: [
-		"You can check the order status on the main ",
-		i ? "Limit" : "OTC",
-		" ",
-		"Order interface"
-	] }), t[4] = a, t[5] = i, t[6] = r, t[7] = f) : f = t[7];
-	let p = f, m;
-	t[8] !== d || t[9] !== p ? (m = /* @__PURE__ */ c("div", {
-		className: "flex flex-col gap-2 items-center text-xs dark:text-contrast-6",
-		children: [d, p]
-	}), t[8] = d, t[9] = p, t[10] = m) : m = t[10];
-	let h;
-	return t[11] !== r || t[12] !== n || t[13] !== m ? (h = /* @__PURE__ */ s(l, {
-		tradeFlowType: n,
-		isOrderCancelled: r,
-		children: m
-	}), t[11] = r, t[12] = n, t[13] = m, t[14] = h) : h = t[14], h;
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { useTokenPrice } from '../../../../hooks/tokens/prices/useTokenPrices.js';
+import { formatFiatPrice } from '../../../../lib/utils/formatFiatPrice.js';
+import { getSurplusAmounts } from './utils.js';
+import { useTradeFlowContext } from '../tradeFlowContext.js';
+import { tradeFlowCompletedTitle } from './constants.js';
+import { isOrderTradeFlowType } from '../../../../hooks/swap/tradeFlow/common/utils.js';
+
+const TradeCompletedHeaderBase = (t0) => {
+  const $ = distExports.c(5);
+  const {
+    tradeFlowType,
+    children,
+    isOrderCancelled
+  } = t0;
+  const title = isOrderCancelled ? "Order Cancelled" : tradeFlowCompletedTitle[tradeFlowType];
+  let t1;
+  if ($[0] !== title) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "font-medium text-lg text-contrast-5 dark:text-contrast-9", children: title });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== t1) {
+    t2 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center", children: [
+      t1,
+      children
+    ] });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+const TradeCompletedHeader = (t0) => {
+  const $ = distExports.c(6);
+  const {
+    tradeFlowType,
+    isOrderCancelled
+  } = t0;
+  if (isOrderTradeFlowType(tradeFlowType)) {
+    let t12;
+    if ($[0] !== isOrderCancelled || $[1] !== tradeFlowType) {
+      t12 = /* @__PURE__ */ jsx(TradeCompletedHeaderOrder, { orderTradeFlowType: tradeFlowType, isOrderCancelled });
+      $[0] = isOrderCancelled;
+      $[1] = tradeFlowType;
+      $[2] = t12;
+    } else {
+      t12 = $[2];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[3] !== isOrderCancelled || $[4] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedHeaderSwap, { swapTradeFlowType: tradeFlowType, isOrderCancelled });
+    $[3] = isOrderCancelled;
+    $[4] = tradeFlowType;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+const TradeCompletedHeaderSwap = (t0) => {
+  const $ = distExports.c(13);
+  const {
+    swapTradeFlowType,
+    isOrderCancelled
+  } = t0;
+  const {
+    result,
+    toToken
+  } = useTradeFlowContext();
+  let t1;
+  if ($[0] !== result || $[1] !== toToken) {
+    t1 = getSurplusAmounts({
+      result,
+      toToken
+    });
+    $[0] = result;
+    $[1] = toToken;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const surplus = t1;
+  const surplusDisplay = surplus?.surplusStr ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}` : null;
+  const {
+    data: tokenPriceObject
+  } = useTokenPrice(toToken);
+  const tokenPrice = tokenPriceObject?.price;
+  const amountInUSD = surplus?.diffUnit && tokenPrice ? Number(surplus.diffUnit) * tokenPrice : null;
+  let t2;
+  if ($[3] !== amountInUSD) {
+    t2 = amountInUSD ? formatFiatPrice(amountInUSD) : null;
+    $[3] = amountInUSD;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const formattedAmountInUSD = t2;
+  let t3;
+  if ($[5] !== formattedAmountInUSD || $[6] !== isOrderCancelled || $[7] !== surplusDisplay) {
+    t3 = surplusDisplay && !isOrderCancelled && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
+      "Congrats! You received a surplus of ",
+      surplusDisplay,
+      " ",
+      formattedAmountInUSD && `(${formattedAmountInUSD})`
+    ] });
+    $[5] = formattedAmountInUSD;
+    $[6] = isOrderCancelled;
+    $[7] = surplusDisplay;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== isOrderCancelled || $[10] !== swapTradeFlowType || $[11] !== t3) {
+    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: swapTradeFlowType, isOrderCancelled, children: t3 });
+    $[9] = isOrderCancelled;
+    $[10] = swapTradeFlowType;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+};
+const orderCreated = "is now created";
+const orderCancelled = "has been cancelled following your request";
+const TradeCompletedHeaderOrder = (t0) => {
+  const $ = distExports.c(6);
+  const {
+    orderTradeFlowType,
+    isOrderCancelled
+  } = t0;
+  const isLimit = orderTradeFlowType === "limitOrder";
+  const isFillOTC = orderTradeFlowType === "fillOtcOrder";
+  const isTwap = orderTradeFlowType === "twapOrder";
+  let subTitle;
+  if (isFillOTC) {
+    subTitle = "Your OTC order has been executed.";
+  } else {
+    if (isLimit) {
+      subTitle = `Your limit order ${isOrderCancelled ? orderCancelled : orderCreated}.`;
+    } else {
+      if (isTwap) {
+        subTitle = `Your TWAP order ${isOrderCancelled ? orderCancelled : orderCreated}.`;
+      } else {
+        subTitle = `Your order ${isOrderCancelled ? orderCancelled : orderCreated}.`;
+      }
+    }
+  }
+  let t1;
+  if ($[0] !== subTitle) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 items-center text-xs dark:text-contrast-6", children: subTitle });
+    $[0] = subTitle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== isOrderCancelled || $[3] !== orderTradeFlowType || $[4] !== t1) {
+    t2 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, isOrderCancelled, children: t1 });
+    $[2] = isOrderCancelled;
+    $[3] = orderTradeFlowType;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
 };
-//#endregion
-export { u as TradeCompletedHeader };
 
-//# sourceMappingURL=TradeCompleteHeader.js.map
+export { TradeCompletedHeader };
+//# sourceMappingURL=TradeCompleteHeader.js.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.js","names":["useTokenPrice","formatFiatPrice","getSurplusAmounts","useTradeFlowContext","OrderTradeFlowType","SwapTradeFlowType","TradeFlowType","tradeFlowCompletedTitle","isOrderTradeFlowType","TradeCompletedHeaderBaseProps","tradeFlowType","isOrderCancelled","TradeCompletedHeaderBase","t0","$","_c","children","title","t1","t2","TradeCompletedHeader","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","tokenPrice","price","amountInUSD","diffUnit","Number","formattedAmountInUSD","t3","t4","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","subTitle1","subTitle2"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  isOrderCancelled?: boolean;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n  isOrderCancelled,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  const title = isOrderCancelled\n    ? \"Order Cancelled\"\n    : tradeFlowCompletedTitle[tradeFlowType];\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n  isOrderCancelled,\n}: TradeCompletedHeaderBaseProps) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return (\n      <TradeCompletedHeaderOrder\n        orderTradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n    );\n  }\n\n  return (\n    <TradeCompletedHeaderSwap\n      swapTradeFlowType={tradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    />\n  );\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n  isOrderCancelled,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={swapTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      {surplusDisplay && !isOrderCancelled && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n\n  const subTitle1 = isFillOTC ? (\n    <div>Your OTC order has been executed.</div>\n  ) : (\n    <div>\n      Your {isLimit ? \"limit\" : \"OTC\"} order{\" \"}\n      {isOrderCancelled\n        ? \"has been cancelled following your request\"\n        : \"is now created\"}\n      .\n    </div>\n  );\n\n  const subTitle2 = !isOrderCancelled && !isFillOTC && (\n    <div>\n      You can check the order status on the main {isLimit ? \"Limit\" : \"OTC\"}{\" \"}\n      Order interface\n    </div>\n  );\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={orderTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle1}\n        {subTitle2}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TradeCompleteHeader.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  isOrderCancelled?: boolean;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n  isOrderCancelled,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  const title = isOrderCancelled\n    ? \"Order Cancelled\"\n    : tradeFlowCompletedTitle[tradeFlowType];\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n  isOrderCancelled,\n}: TradeCompletedHeaderBaseProps) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return (\n      <TradeCompletedHeaderOrder\n        orderTradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n    );\n  }\n\n  return (\n    <TradeCompletedHeaderSwap\n      swapTradeFlowType={tradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    />\n  );\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n  isOrderCancelled,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={swapTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      {surplusDisplay && !isOrderCancelled && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst orderCreated = \"is now created\";\nconst orderCancelled = \"has been cancelled following your request\";\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n  const isTwap = orderTradeFlowType === \"twapOrder\";\n\n  let subTitle: string;\n  if (isFillOTC) {\n    subTitle = \"Your OTC order has been executed.\";\n  } else if (isLimit) {\n    //has been cancelled following your request\n    //is now created\n    subTitle = `Your limit order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else if (isTwap) {\n    subTitle = `Your TWAP order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else {\n    subTitle = `Your order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  }\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={orderTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"names":["TradeCompletedHeaderBase","t0","$","_c","tradeFlowType","children","isOrderCancelled","title","tradeFlowCompletedTitle","t1","t2","TradeCompletedHeader","isOrderTradeFlowType","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","useTradeFlowContext","getSurplusAmounts","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","useTokenPrice","tokenPrice","price","amountInUSD","diffUnit","Number","formatFiatPrice","formattedAmountInUSD","t3","t4","orderCreated","orderCancelled","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","isTwap","subTitle"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.js

@@ -1,23 +1,26 @@
-import { DetailWithValueList as e } from "../../Details/DetailWithValueList.js";
-import { useTradeCompletedDetails as t } from "./useTradeCompleteDetails.js";
-import { c as n } from "react-compiler-runtime";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx
-var i = {
-	root: "gap-3",
-	title: "text-contrast-4 dark:text-contrast-6",
-	value: "text-contrast-4 dark:text-contrast-7"
-}, a = () => {
-	let a = n(2), o = t(), s;
-	return a[0] === o ? s = a[1] : (s = /* @__PURE__ */ r("div", {
-		className: "flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4",
-		children: /* @__PURE__ */ r(e, {
-			details: o,
-			classes: i
-		})
-	}), a[0] = o, a[1] = s), s;
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { DetailWithValueList } from '../../Details/DetailWithValueList.js';
+import { useTradeCompletedDetails } from './useTradeCompleteDetails.js';
+
+const tradeCompletedDetailsClasses = {
+  root: "gap-3",
+  title: "text-contrast-4 dark:text-contrast-6",
+  value: "text-contrast-4 dark:text-contrast-7"
+};
+const TradeCompletedDetails = () => {
+  const $ = distExports.c(2);
+  const details = useTradeCompletedDetails();
+  let t0;
+  if ($[0] !== details) {
+    t0 = /* @__PURE__ */ jsx("div", { className: "flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4", children: /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: tradeCompletedDetailsClasses }) });
+    $[0] = details;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
-//#endregion
-export { a as TradeCompletedDetails };
 
-//# sourceMappingURL=TradeCompletedDetails.js.map
+export { TradeCompletedDetails };
+//# sourceMappingURL=TradeCompletedDetails.js.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompletedDetails.js","names":["DetailWithValueList","useTradeCompletedDetails","tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","t0"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAME,IAA+B;CACnCC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,UAAwB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACnCC,IAAgBR,GAA0B,EAACS;AAOnC,QAPmCH,EAAA,OAAAE,IAOnCC,IAAAH,EAAA,MALNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GACWD;GACAP,SAAAA;GAEb,CAAA;EAAM,CAAA,EAAAK,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IALNA"}
+{"version":3,"file":"TradeCompletedDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompletedDetails.tsx"],"sourcesContent":["import { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { useTradeCompletedDetails } from \"./useTradeCompleteDetails\";\n\nconst tradeCompletedDetailsClasses = {\n  root: \"gap-3\",\n  title: \"text-contrast-4 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-7\",\n};\n\nexport const TradeCompletedDetails = () => {\n  const details = useTradeCompletedDetails();\n  return (\n    <div className=\"flex flex-col rounded-sm border border-contrast-7 dark:border-contrast-3 p-4\">\n      <DetailWithValueList\n        details={details}\n        classes={tradeCompletedDetailsClasses}\n      />\n    </div>\n  );\n};\n"],"names":["tradeCompletedDetailsClasses","root","title","value","TradeCompletedDetails","$","_c","details","useTradeCompletedDetails","t0"],"mappings":";;;;;AAGA,MAAMA,4BAAAA,GAA+B;AAAA,EACnCC,IAAAA,EAAM,OAAA;AAAA,EACNC,KAAAA,EAAO,sCAAA;AAAA,EACPC,KAAAA,EAAO;AACT,CAAA;AAEO,MAAMC,wBAAwBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACnC,EAAA,MAAAC,UAAgBC,wBAAAA,EAAyB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,OAAAA,EAAA;AAEzCE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,8EAAA,EACb,8BAAC,mBAAA,EAAA,EACUF,OAAAA,EACAP,OAAAA,gCAA4B,CAAA,EAEzC,CAAA;AAAMK,IAAAA,CAAAA,MAAAE,OAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OALNI,EAAAA;AAKM;;;;"}

package/dist/components/widget/TradeOverview/TradeComplete/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMjE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAOjE,CAAC"}