@velora-dex/widget 0.5.1-dev.1 → 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"names":[],"mappings":"AAKA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AA2DF,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,eAAe,CAAC,4CAShE,CAAC"}
+{"version":3,"file":"TradeCompleteFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"names":[],"mappings":"AAIA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAoDF,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,eAAe,CAAC,4CAShE,CAAC"}

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

@@ -1,88 +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 { CancelButton } from '../../Button/CancelButton/CancelButton.js';
-import { cancelOrderTooltip } from '../../Button/CancelButton/constants.js';
-
-const TradeCompletedFooterBase = (t0) => {
-  const $ = distExports.c(12);
-  const {
-    onDismiss,
-    onCancelOrder,
-    explorerLink
-  } = t0;
-  const {
-    orderCancellationStep
-  } = useTradeFlowContext();
-  const successfulCancellation = orderCancellationStep === "success";
-  const pendingCancellation = orderCancellationStep === "pending";
-  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] !== pendingCancellation || $[6] !== successfulCancellation) {
-    t3 = onCancelOrder && !successfulCancellation ? /* @__PURE__ */ jsx(CancelButton, { disabled: pendingCancellation, onClick: onCancelOrder, isLoading: pendingCancellation, tooltip: cancelOrderTooltip, children: "Cancel This Order" }) : null;
-    $[4] = onCancelOrder;
-    $[5] = pendingCancellation;
-    $[6] = successfulCancellation;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  const button3 = t3;
-  let t4;
-  if ($[8] !== button1 || $[9] !== button2 || $[10] !== button3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
-      button1,
-      button2,
-      button3
-    ] });
-    $[8] = button1;
-    $[9] = button2;
-    $[10] = button3;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  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 { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../../Button/CancelButton/constants\";\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 } = useTradeFlowContext();\n\n  const successfulCancellation = orderCancellationStep === \"success\";\n  const pendingCancellation = orderCancellationStep === \"pending\";\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      <CancelButton\n        disabled={pendingCancellation}\n        onClick={onCancelOrder}\n        isLoading={pendingCancellation}\n        tooltip={cancelOrderTooltip}\n      >\n        Cancel This Order\n      </CancelButton>\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","useTradeFlowContext","successfulCancellation","pendingCancellation","t1","button1","t2","button2","t3","cancelOrderTooltip","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.d.ts

@@ -1,7 +1,8 @@
 import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
 type TradeCompletedHeaderBaseProps = {
     tradeFlowType: TradeFlowType;
+    isOrderCancelled?: boolean;
 };
-export declare const TradeCompletedHeader: ({ tradeFlowType, }: Pick<TradeCompletedHeaderBaseProps, "tradeFlowType">) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeCompletedHeader: ({ tradeFlowType, isOrderCancelled, }: TradeCompletedHeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TradeCompleteHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,qCAAqC,CAAC;AAI7C,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAgBF,eAAO,MAAM,oBAAoB,GAAI,oBAElC,IAAI,CAAC,6BAA6B,EAAE,eAAe,CAAC,4CAMtD,CAAC"}
+{"version":3,"file":"TradeCompleteHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,qCAAqC,CAAC;AAI7C,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAoBF,eAAO,MAAM,oBAAoB,GAAI,sCAGlC,6BAA6B,4CAgB/B,CAAC"}

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

@@ -1,170 +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
-  } = t0;
-  const t1 = tradeFlowCompletedTitle[tradeFlowType];
-  let t2;
-  if ($[0] !== t1) {
-    t2 = /* @__PURE__ */ jsx("div", { className: "font-medium text-lg text-contrast-5 dark:text-contrast-9", children: t1 });
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== children || $[3] !== t2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center", children: [
-      t2,
-      children
-    ] });
-    $[2] = children;
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
-};
-const TradeCompletedHeader = (t0) => {
-  const $ = distExports.c(4);
-  const {
-    tradeFlowType
-  } = t0;
-  if (isOrderTradeFlowType(tradeFlowType)) {
-    let t12;
-    if ($[0] !== tradeFlowType) {
-      t12 = /* @__PURE__ */ jsx(TradeCompletedHeaderOrder, { orderTradeFlowType: tradeFlowType });
-      $[0] = tradeFlowType;
-      $[1] = t12;
-    } else {
-      t12 = $[1];
-    }
-    return t12;
-  }
-  let t1;
-  if ($[2] !== tradeFlowType) {
-    t1 = /* @__PURE__ */ jsx(TradeCompletedHeaderSwap, { swapTradeFlowType: tradeFlowType });
-    $[2] = tradeFlowType;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
-};
-const TradeCompletedHeaderSwap = (t0) => {
-  const $ = distExports.c(11);
-  const {
-    swapTradeFlowType
-  } = 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] !== surplusDisplay) {
-    t3 = surplusDisplay && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
-      "Congrats! You received a surplus of ",
-      surplusDisplay,
-      " ",
-      formattedAmountInUSD && `(${formattedAmountInUSD})`
-    ] });
-    $[5] = formattedAmountInUSD;
-    $[6] = surplusDisplay;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== swapTradeFlowType || $[9] !== t3) {
-    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: swapTradeFlowType, children: t3 });
-    $[8] = swapTradeFlowType;
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  return t4;
-};
-const TradeCompletedHeaderOrder = (t0) => {
-  const $ = distExports.c(5);
-  const {
-    orderTradeFlowType
-  } = 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 is now created.";
-    } else {
-      if (isTwap) {
-        subTitle = "Your TWAP order is now created.";
-      } else {
-        subTitle = "Your order is now created.";
-      }
-    }
-  }
-  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] !== orderTradeFlowType || $[3] !== t1) {
-    t2 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, children: t1 });
-    $[2] = orderTradeFlowType;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+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};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\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        {tradeFlowCompletedTitle[tradeFlowType]}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n}: Pick<TradeCompletedHeaderBaseProps, \"tradeFlowType\">) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return <TradeCompletedHeaderOrder orderTradeFlowType={tradeFlowType} />;\n  }\n\n  return <TradeCompletedHeaderSwap swapTradeFlowType={tradeFlowType} />;\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\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 tradeFlowType={swapTradeFlowType}>\n      {surplusDisplay && (\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}: {\n  orderTradeFlowType: OrderTradeFlowType;\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    subTitle = \"Your limit order is now created.\";\n  } else if (isTwap) {\n    subTitle = \"Your TWAP order is now created.\";\n  } else {\n    subTitle = \"Your order is now created.\";\n  }\n\n  return (\n    <TradeCompletedHeaderBase tradeFlowType={orderTradeFlowType}>\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","t1","tradeFlowCompletedTitle","t2","t3","TradeCompletedHeader","isOrderTradeFlowType","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","useTradeFlowContext","getSurplusAmounts","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","useTokenPrice","tokenPrice","price","amountInUSD","diffUnit","Number","formatFiatPrice","formattedAmountInUSD","t4","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","isTwap","subTitle"],"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":";;;;;;;;;AAiBA,IAAMY,KAA2BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAL,kBAAAM,aAAAL,wBAAAE,GAKhCI,IAAcN,IAAA,oBAEVJ,EAAwBG,IAAeQ;AAAA,CAAAJ,EAAA,OAAAG,IAKjCC,IAAAJ,EAAA,MAFNI,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZD;EACG,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;AAEF,QAFEL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAHRC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACED,GAGCF,EACG;KAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IALNK;GASSC,KAAuBP,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAL,kBAAAC,wBAAAE;AAInC,KAAIL,EAAqBE,EAAc,EAAA;EAAA,IAAAQ;AAKjC,SALiCJ,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAEnCQ,IAAA,kBAAC,GAAD;GACsBR,oBAAAA;GACFC;GAClB,CAAA,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHFI;;CAKH,IAAAA;AAMG,QANHJ,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAGCQ,IAAA,kBAAC,GAAD;EACqBR,mBAAAA;EACDC;EAClB,CAAA,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAHFI;GAOEG,KAA2BR,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAO,sBAAAX,wBAAAE,GAOhC,EAAAU,WAAAC,eAA4BrB,GAAqB,EAACe;AAAA,CAAAJ,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAClCN,IAAAhB,EAAkB;EAAAqB;EAAAC;EAAmB,CAAC,EAAAV,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAtD,IAAAW,IAAgBP,GAEhBQ,IAAuBD,GAAOE,aAAP,IACfF,EAAOE,WAAW,GAAIH,EAAOI,UAAWJ,EAAOK,YADhC,MAIvB,EAAAC,MAAAC,MAAmC/B,EAAcwB,EAAQ,EACzDQ,IAAmBD,GAAgBE,OACnCC,IACET,GAAOU,YAAPH,IACII,OAAOX,EAAOU,SAAU,GAAGH,IAD/B,MAESb;AAAA,CAAAL,EAAA,OAAAoB,IAGHf,IAAAL,EAAA,MAFqBK,IAAAe,IACzBjC,EAAgBiC,EACZ,GAFqB,MAErBpB,EAAA,KAAAoB,GAAApB,EAAA,KAAAK;CAFR,IAAAkB,IAA6BlB,GAEpBmB;AAAA,CAAAxB,EAAA,OAAAuB,KAAAvB,EAAA,OAAAH,KAAAG,EAAA,OAAAY,KAOJY,IAAAZ,KAAA,CAAmBf,KAClB,kBAAA,OAAA;EAAe,WAAA;YAAf;GAAyC;GACFe;GAAgB;GACpDW,KAAA,IAA4BA,EAAoB;GAEpD;KAAAvB,EAAA,KAAAuB,GAAAvB,EAAA,KAAAH,GAAAG,EAAA,KAAAY,GAAAZ,EAAA,KAAAwB,KAAAA,IAAAxB,EAAA;CAAA,IAAAyB;AACwB,QADxBzB,EAAA,OAAAH,KAAAG,EAAA,QAAAQ,KAAAR,EAAA,QAAAwB,KATHC,IAAA,kBAAC,GAAD;EACiBjB,eAAAA;EACGX;YAEjB2B;EAMwB,CAAA,EAAAxB,EAAA,KAAAH,GAAAG,EAAA,MAAAQ,GAAAR,EAAA,MAAAwB,GAAAxB,EAAA,MAAAyB,KAAAA,IAAAzB,EAAA,KAV3ByB;GAcEC,KAA4B3B,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAA0B,uBAAA9B,wBAAAE,GAOjC6B,IAAgBD,MAAuB,cACvCE,IAAkBF,MAAuB,gBAAevB;AAAA,CAAAJ,EAAA,OAAA6B,KAAA7B,EAAA,OAAA4B,KAAA5B,EAAA,OAAAH,KAEtCO,IAAAyB,IAChB,kBAAA,OAAA,EAAA,UAAK,qCASN,CAAA,GAPC,kBAAA,OAAA,EAAA,UAAA;EAAK;EACGD,IAAA,UAAA;EAA0B;EAAO;EACtC/B,IAAA,8CAAA;EAEoB;EAGxB,EAAA,CAAA,EAAAG,EAAA,KAAA6B,GAAA7B,EAAA,KAAA4B,GAAA5B,EAAA,KAAAH,GAAAG,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAVD,IAAA8B,IAAkB1B,GAUhBC;AAAA,CAAAL,EAAA,OAAA6B,KAAA7B,EAAA,OAAA4B,KAAA5B,EAAA,OAAAH,KAEgBQ,IAAA,CAACR,KAAD,CAAsBgC,KACtC,kBAAA,OAAA,EAAA,UAAA;EAAK;EACyCD,IAAA,UAAA;EAA2B;EAAI;EAG9E,EAAA,CAAA,EAAA5B,EAAA,KAAA6B,GAAA7B,EAAA,KAAA4B,GAAA5B,EAAA,KAAAH,GAAAG,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CALD,IAAA+B,IAAkB1B,GAKhBmB;AAAA,CAAAxB,EAAA,OAAA8B,KAAA9B,EAAA,OAAA+B,KAOEP,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGM,GACAC,EACG;KAAA/B,EAAA,KAAA8B,GAAA9B,EAAA,KAAA+B,GAAA/B,EAAA,MAAAwB,KAAAA,IAAAxB,EAAA;CAAA,IAAAyB;AACmB,QADnBzB,EAAA,QAAAH,KAAAG,EAAA,QAAA2B,KAAA3B,EAAA,QAAAwB,KAPRC,IAAA,kBAAC,GAAD;EACiBE,eAAAA;EACG9B;YAElB2B;EAIyB,CAAA,EAAAxB,EAAA,MAAAH,GAAAG,EAAA,MAAA2B,GAAA3B,EAAA,MAAAwB,GAAAxB,EAAA,MAAAyB,KAAAA,IAAAzB,EAAA,KAR3ByB"}