@velora-dex/widget 0.0.15 → 0.0.16

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

@@ -1,16 +1,45 @@
 import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
+import { useTradeFlowContext } from './tradeFlowContext.js';
+import ApprovingLottie_1 from './assets/1_approving.lottie.js';
+import InProgressLottie_2 from './assets/2_in_progress.lottie.js';
+import ExecutingLottie_3 from './assets/3_executing_step.lottie.js';
+import CompleteLottie_4 from './assets/4_complete_step.lottie.js';
+import ErrorLottie_5 from './assets/5_error_step.lottie.js';
+import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 
+const step2lottie = {
+  "approve-spending": ApprovingLottie_1,
+  "swap-tx-confirmation": InProgressLottie_2,
+  auction: InProgressLottie_2,
+  "swap-tx-execution": ExecutingLottie_3,
+  "order-execution": ExecutingLottie_3,
+  complete: CompleteLottie_4,
+  error: ErrorLottie_5
+};
 const TradeDetailsDisplay = () => {
-  const $ = distExports.c(1);
+  const $ = distExports.c(4);
+  const {
+    derivedStep
+  } = useTradeFlowContext();
+  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx("div", { className: "h-[144px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)]" });
-    $[0] = t0;
+  if ($[0] !== lottiePath) {
+    t0 = lottiePath && /* @__PURE__ */ jsx(DotLottieReact, { src: lottiePath, loop: true, autoplay: true, className: "h-full w-full rounded-sm overflow-hidden" });
+    $[0] = lottiePath;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]", children: t0 });
+    $[2] = t0;
+    $[3] = t1;
   } else {
-    t0 = $[0];
+    t1 = $[3];
   }
-  return t0;
+  return t1;
 };
 
 export { TradeDetailsDisplay };

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["export const TradeDetailsDisplay = () => {\n  // WIP\n  return (\n    <div className=\"h-[144px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-contrast-4 dark:border-contrast-2 shadow-[0px_4px_16px_rgba(9,22,46,0.05)]\" />\n  );\n};\n"],"names":["TradeDetailsDisplay","$","_c","t0","Symbol","for"],"mappings":";;;AAAO,MAAMA,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,EAAA,CAAA,CAAA,KAAAG,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG/BF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,gJAAA,EAAgJ,CAAA;AAAGF,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAlKE,EAAAA;AAAkK;;;;"}
+{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\n\nconst step2lottie: Record<TradeFlowDerivedStep, string> = {\n  \"approve-spending\": ApprovingLottie_1,\n  \"swap-tx-confirmation\": InProgressLottie_2,\n  auction: InProgressLottie_2,\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3,\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]\">\n      {lottiePath && (\n        <DotLottieReact\n          src={lottiePath}\n          loop\n          autoplay\n          className=\"h-full w-full rounded-sm overflow-hidden\"\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["step2lottie","ApprovingLottie_1","InProgressLottie_2","auction","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","t1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,WAAAA,GAAoD;AAAA,EACxD,kBAAA,EAAoBC,iBAAAA;AAAAA,EACpB,sBAAA,EAAwBC,kBAAAA;AAAAA,EACxBC,OAAAA,EAASD,kBAAAA;AAAAA,EACT,mBAAA,EAAqBE,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAWZ,WAAAA,CAAeY,WAAW,CAAA,GAAA,IAAA;AAAS,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAI,UAAAA,EAAA;AAI5DC,IAAAA,EAAAA,GAAAD,UAAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EACMA,GAAAA,EAAAA,UAAAA,EACL,MAAA,IAAA,EACA,QAAA,EAAA,IAAA,EACU,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAEvDJ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAK,EAAAA,EAAA;AARHC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qIAAA,EACZD,QAAAA,EAAAA,EAAAA,EAQH,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OATNM,EAAAA;AASM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.d.ts

@@ -0,0 +1,5 @@
+export declare const TradeErrorDetails: ({ errorTitle, errorMessage, }: {
+    errorTitle: string;
+    errorMessage: string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradeErrorDetails.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,+BAG/B;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,4CAkBA,CAAC"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+
+const TradeErrorDetails = (t0) => {
+  const $ = distExports.c(8);
+  const {
+    errorTitle,
+    errorMessage
+  } = t0;
+  let t1;
+  if ($[0] !== errorTitle) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "text-center text-lg font-semibold dark:text-contrast-9 pb-3", children: errorTitle });
+    $[0] = errorTitle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== errorMessage) {
+    t2 = errorMessage && /* @__PURE__ */ jsxs("div", { className: "text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2", children: [
+      "Your swap order has failed due to",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "text-secondary-radical-red-1", children: errorMessage }),
+      "."
+    ] });
+    $[2] = errorMessage;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "text-center text-xs dark:text-contrast-6", children: "Please resubmit your trade to try again or dismiss this window to go back to the trading interface." });
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 pt-0 pb-12", children: [
+      t1,
+      t2,
+      t3
+    ] });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+};
+
+export { TradeErrorDetails };
+//# sourceMappingURL=TradeErrorDetails.js.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"sourcesContent":["export const TradeErrorDetails = ({\n  errorTitle,\n  errorMessage,\n}: {\n  errorTitle: string;\n  errorMessage: string | null;\n}) => {\n  return (\n    <div className=\"flex flex-col px-4 pt-0 pb-12\">\n      <div className=\"text-center text-lg font-semibold dark:text-contrast-9 pb-3\">\n        {errorTitle}\n      </div>\n      {errorMessage && (\n        <div className=\"text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2\">\n          Your swap order has failed due to{\" \"}\n          <span className=\"text-secondary-radical-red-1\">{errorMessage}</span>.\n        </div>\n      )}\n      <div className=\"text-center text-xs dark:text-contrast-6\">\n        Please resubmit your trade to try again or dismiss this window to go\n        back to the trading interface.\n      </div>\n    </div>\n  );\n};\n"],"names":["TradeErrorDetails","t0","$","_c","errorTitle","errorMessage","t1","t2","t3","Symbol","for","t4"],"mappings":";;;AAAO,MAAMA,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAMjC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,UAAAA,EAAA;AAGKE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,6DAAA,EACZF,QAAAA,EAAAA,UAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,MAAAE,UAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAG,YAAAA,EAAA;AACLE,IAAAA,EAAAA,GAAAF,YAAAA,oBACC,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4EAAA,EAA6E,QAAA,EAAA;AAAA,MAAA,mCAAA;AAAA,MACxD,GAAA;AAAA,sBAClC,GAAA,WAAgB,SAAA,EAAA,8BAAA,EAAgCA,QAAAA,EAAAA,YAAAA,EAAa,CAAA;AAAA,MAAO;AAAA,KAAA,EACtE,CAAA;AACDH,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,0CAAA,EAA2C,QAAA,EAAA,qGAAA,EAG1D,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAbRI,IAAAA,EAAAA,iCAAe,SAAA,EAAA,+BAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGCC,EAAAA;AAAAA,MAMDC;AAAAA,KAAAA,EAIF,CAAA;AAAMN,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAdNS,EAAAA;AAcM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.d.ts

@@ -0,0 +1,5 @@
+export declare const TradeErrorFooter: ({ onDismiss, onRetry, }: {
+    onDismiss?: () => void;
+    onRetry?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TradeErrorFooter.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,yBAG9B;IACD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,4CAwBA,CAAC"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+
+const TradeErrorFooter = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    onDismiss,
+    onRetry
+  } = t0;
+  let t1;
+  if ($[0] !== onRetry) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onRetry, children: "Resubmit this Trade" });
+    $[0] = onRetry;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== onDismiss) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Dismiss" });
+    $[2] = onDismiss;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
+      t1,
+      t2
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+
+export { TradeErrorFooter };
+//# sourceMappingURL=TradeErrorFooter.js.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeErrorFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nexport const TradeErrorFooter = ({\n  onDismiss,\n  onRetry,\n}: {\n  onDismiss?: () => void;\n  onRetry?: () => void;\n}) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onRetry}\n      >\n        Resubmit this Trade\n      </Button>\n\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"names":["TradeErrorFooter","t0","$","_c","onDismiss","onRetry","t1","t2","t3"],"mappings":";;;;AAEO,MAAMA,mBAAmBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAMhC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAG,OAAAA,EAAA;AAGKC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDD,OAAAA,EAAAA,OAAAA,EACV,QAAA,EAAA,qBAAA,EAED,CAAA;AAASH,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAE,SAAAA,EAAA;AAETG,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,WAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDH,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,SAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAnBXC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAUAC;AAAAA,KAAAA,EASF,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OApBNM,EAAAA;AAoBM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/index.d.ts

@@ -0,0 +1,6 @@
+import { TradeFlowStep } from '../tradeFlowContext';
+export declare const TradeError: ({ error, erroredStep, }: {
+    error?: Error | null;
+    erroredStep?: TradeFlowStep;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/widget/TradeOverview/TradeError/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,eAAO,MAAM,UAAU,GAAI,yBAGxB;IACD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B,4CASA,CAAC"}

package/dist/components/widget/TradeOverview/TradeError/index.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { TradeDetailsDisplay } from '../TradeDetailsDisplay.js';
+import { TradeErrorDetails } from './TradeErrorDetails.js';
+import { getErrorMessageToDisplay, getErrorScreenTitle } from './utils.js';
+
+const TradeError = (t0) => {
+  const $ = distExports.c(9);
+  const {
+    error,
+    erroredStep
+  } = t0;
+  let t1;
+  if ($[0] !== error || $[1] !== erroredStep) {
+    t1 = getErrorMessageToDisplay(error, erroredStep);
+    $[0] = error;
+    $[1] = erroredStep;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const errorMessage = t1;
+  let t2;
+  if ($[3] !== error) {
+    t2 = getErrorScreenTitle(error);
+    $[3] = error;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const errorTitle = t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== errorMessage || $[7] !== errorTitle) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t3,
+      /* @__PURE__ */ jsx(TradeErrorDetails, { errorTitle, errorMessage })
+    ] });
+    $[6] = errorMessage;
+    $[7] = errorTitle;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+};
+
+export { TradeError };
+//# sourceMappingURL=index.js.map

package/dist/components/widget/TradeOverview/TradeError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n}) => {\n  const errorMessage = getErrorMessageToDisplay(error, erroredStep);\n  const errorTitle = getErrorScreenTitle(error);\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeDetailsDisplay />\n      <TradeErrorDetails errorTitle={errorTitle} errorMessage={errorMessage} />\n    </div>\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","t1","getErrorMessageToDisplay","errorMessage","t2","getErrorScreenTitle","errorTitle","t3","Symbol","for","t4"],"mappings":";;;;;;AAKO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAM1B,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACsBC,IAAAA,EAAAA,GAAAC,wBAAAA,CAAyBH,OAAOC,WAAW,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAjE,EAAA,MAAAM,YAAAA,GAAqBF,EAAAA;AAA6C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAE,KAAAA,EAAA;AAC/CK,IAAAA,EAAAA,GAAAC,oBAAoBN,KAAK,CAAA;AAACF,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA;AAA7C,EAAA,MAAAS,UAAAA,GAAmBF,EAAAA;AAA2B,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAW,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAG1CF,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,EAAA,CAAA,CAAA,KAAAM,gBAAAN,CAAAA,QAAAS,UAAAA,EAAA;AADzBI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,iBAAA,EAAA,EAA8BD,UAAAA,EAA0BH,YAAAA,EAAY;AAAA,KAAA,EACvE,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,YAAAA;AAAAN,IAAAA,CAAAA,MAAAS,UAAAA;AAAAT,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHNa,EAAAA;AAGM;;;;"}

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

@@ -0,0 +1,4 @@
+import { TradeFlowStep } from '../tradeFlowContext';
+export declare function getErrorMessageToDisplay(error: unknown, erroredStep?: TradeFlowStep): string | null;
+export declare function getErrorScreenTitle(error: unknown): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,EACd,WAAW,CAAC,EAAE,aAAa,GAC1B,MAAM,GAAG,IAAI,CAmBf;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAK1D"}

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

@@ -0,0 +1,30 @@
+import { isRejectRequestProviderError } from '../../../../lib/utils/providerErrors.js';
+
+function getErrorMessageToDisplay(error, erroredStep) {
+  if (isRejectRequestProviderError(error)) {
+    return null;
+  }
+  switch (erroredStep) {
+    case "approve-spending":
+      return "an approval signature issue";
+    case "swap-tx-confirmation":
+      return "a swap confirmation issue";
+    case "swap-tx-execution":
+      return "a swap execution issue";
+    case "auction":
+      return "an order submission issue";
+    case "order-execution":
+      return "an order execution issue";
+    default:
+      return "an unknown error";
+  }
+}
+function getErrorScreenTitle(error) {
+  if (isRejectRequestProviderError(error)) {
+    return "Swap Rejected";
+  }
+  return "Swap Failed";
+}
+
+export { getErrorMessageToDisplay, getErrorScreenTitle };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/utils.ts"],"sourcesContent":["import { isRejectRequestProviderError } from \"@/lib/utils/providerErrors\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\n\nexport function getErrorMessageToDisplay(\n  error: unknown,\n  erroredStep?: TradeFlowStep\n): string | null {\n  if (isRejectRequestProviderError(error)) {\n    return null;\n  }\n  switch (erroredStep) {\n    case \"approve-spending\":\n      return \"an approval signature issue\";\n    case \"swap-tx-confirmation\":\n      return \"a swap confirmation issue\";\n    case \"swap-tx-execution\":\n      return \"a swap execution issue\";\n    case \"auction\":\n      return \"an order submission issue\";\n    case \"order-execution\":\n      return \"an order execution issue\";\n    default:\n      // can display a raw error.message here if we want\n      return \"an unknown error\";\n  }\n}\n\nexport function getErrorScreenTitle(error: unknown): string {\n  if (isRejectRequestProviderError(error)) {\n    return \"Swap Rejected\";\n  }\n  return \"Swap Failed\";\n}\n"],"names":["getErrorMessageToDisplay","error","erroredStep","isRejectRequestProviderError","getErrorScreenTitle"],"mappings":";;AAGO,SAASA,wBAAAA,CACdC,OACAC,WAAAA,EACe;AACf,EAAA,IAAIC,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,IAAA;AAAA;AAET,EAAA,QAAQC,WAAAA;AAAW,IACjB,KAAK,kBAAA;AACH,MAAA,OAAO,6BAAA;AAAA,IACT,KAAK,sBAAA;AACH,MAAA,OAAO,2BAAA;AAAA,IACT,KAAK,mBAAA;AACH,MAAA,OAAO,wBAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,2BAAA;AAAA,IACT,KAAK,iBAAA;AACH,MAAA,OAAO,0BAAA;AAAA,IACT;AAEE,MAAA,OAAO,kBAAA;AAAA;AAEb;AAEO,SAASE,oBAAoBH,KAAAA,EAAwB;AAC1D,EAAA,IAAIE,4BAAAA,CAA6BF,KAAK,CAAA,EAAG;AACvC,IAAA,OAAO,eAAA;AAAA;AAET,EAAA,OAAO,aAAA;AACT;;;;"}

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

@@ -10,10 +10,12 @@ export type TradeOverviewProps<Key extends string = string, Result = unknown> =
     onHelp?: () => void;
     onDismiss?: () => void;
     onCancel?: () => void;
+    onRetry?: () => void;
     isCancellable?: boolean;
     explorerLink?: string;
     error?: Error | null;
+    erroredStep?: Key;
     result?: Result;
 };
-export declare const TradeOverview: <Key extends string = string, Result = unknown>({ fromToken, toToken, fromAmount, toAmount, steps, activeStep, onHelp, onDismiss, onCancel, isCancellable, explorerLink, result, error, }: TradeOverviewProps<Key, Result>) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeOverview: <Key extends string = string, Result = unknown>({ fromToken, toToken, fromAmount, toAmount, steps, activeStep, onHelp, onDismiss, onCancel, onRetry, isCancellable, explorerLink, result, error, erroredStep, }: TradeOverviewProps<Key, Result>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAUvC,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,IACd;IACF,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiGF,eAAO,MAAM,aAAa,GAAI,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,2IAc1E,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,4CAqBjC,CAAC"}
+{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAavC,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,IACd;IACF,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyHF,eAAO,MAAM,aAAa,GAAI,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,EAAE,iKAgB1E,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,4CAuBjC,CAAC"}