@velora-dex/widget 0.5.0 → 0.6.0

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

@@ -1 +1 @@
-{"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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"}
+{"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"}

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

@@ -1,86 +1,53 @@
-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;
+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;
 };
+//#endregion
+export { s as TradeCompletedFooter };
 
-export { TradeCompletedFooter };
-//# sourceMappingURL=TradeCompleteFooter.js.map
+//# sourceMappingURL=TradeCompleteFooter.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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"}

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

@@ -1,202 +1,91 @@
-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 TradeCompletedHeaderOrder = (t0) => {
-  const $ = distExports.c(15);
-  const {
-    orderTradeFlowType,
-    isOrderCancelled
-  } = t0;
-  const isLimit = orderTradeFlowType === "limitOrder";
-  const isFillOTC = orderTradeFlowType === "fillOtcOrder";
-  let t1;
-  if ($[0] !== isFillOTC || $[1] !== isLimit || $[2] !== isOrderCancelled) {
-    t1 = isFillOTC ? /* @__PURE__ */ jsx("div", { children: "Your OTC order has been executed." }) : /* @__PURE__ */ jsxs("div", { children: [
-      "Your ",
-      isLimit ? "limit" : "OTC",
-      " order",
-      " ",
-      isOrderCancelled ? "has been cancelled following your request" : "is now created",
-      "."
-    ] });
-    $[0] = isFillOTC;
-    $[1] = isLimit;
-    $[2] = isOrderCancelled;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const subTitle1 = t1;
-  let t2;
-  if ($[4] !== isFillOTC || $[5] !== isLimit || $[6] !== isOrderCancelled) {
-    t2 = !isOrderCancelled && !isFillOTC && /* @__PURE__ */ jsxs("div", { children: [
-      "You can check the order status on the main ",
-      isLimit ? "Limit" : "OTC",
-      " ",
-      "Order interface"
-    ] });
-    $[4] = isFillOTC;
-    $[5] = isLimit;
-    $[6] = isOrderCancelled;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const subTitle2 = t2;
-  let t3;
-  if ($[8] !== subTitle1 || $[9] !== subTitle2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 items-center text-xs dark:text-contrast-6", children: [
-      subTitle1,
-      subTitle2
-    ] });
-    $[8] = subTitle1;
-    $[9] = subTitle2;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] !== isOrderCancelled || $[12] !== orderTradeFlowType || $[13] !== t3) {
-    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, isOrderCancelled, children: t3 });
-    $[11] = isOrderCancelled;
-    $[12] = orderTradeFlowType;
-    $[13] = t3;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  return t4;
+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;
 };
+//#endregion
+export { u as TradeCompletedHeader };
 
-export { TradeCompletedHeader };
-//# sourceMappingURL=TradeCompleteHeader.js.map
+//# sourceMappingURL=TradeCompleteHeader.js.map

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

@@ -1 +1 @@
-{"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 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"],"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","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","subTitle1","subTitle2"],"mappings":"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"}
+{"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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"}

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

@@ -1,26 +1,23 @@
-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;
+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;
 };
+//#endregion
+export { a as TradeCompletedDetails };
 
-export { TradeCompletedDetails };
-//# sourceMappingURL=TradeCompletedDetails.js.map
+//# sourceMappingURL=TradeCompletedDetails.js.map