@velora-dex/widget 0.5.0 → 0.6.0

package/dist/components/widget/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/widget/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport {\n  Tabs as RadixTabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"@radix-ui/react-tabs\";\n\ntype TabContentItem = {\n  value: string;\n  content: React.ReactNode;\n  label: React.ReactNode;\n} & WithClasses<\"trigger\" | \"content\">;\n\ntype TabsProps<TabItem extends TabContentItem = TabContentItem> = {\n  tabContents: TabItem[];\n  defaultValue: TabItem[\"value\"];\n} & WithClasses<\"root\" | \"listRoot\" | \"list\" | \"trigger\" | \"content\">;\n\nconst defaultClasses = {\n  trigger:\n    \"data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5\",\n};\n\nexport const Tabs = <TabItem extends TabContentItem = TabContentItem>({\n  defaultValue,\n  tabContents,\n  classes: tabsClasses,\n}: TabsProps<TabItem>) => {\n  return (\n    <RadixTabs defaultValue={defaultValue} className={tabsClasses?.root}>\n      <TabsList className={tabsClasses?.listRoot}>\n        <div className={tabsClasses?.list}>\n          {tabContents.map(({ value, label, classes: itemClasses }) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className={cn(\n                defaultClasses.trigger,\n                tabsClasses?.trigger,\n                itemClasses?.trigger\n              )}\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </div>\n      </TabsList>\n      {tabContents.map(({ value, classes: itemClasses, content }) => (\n        <TabsContent\n          key={value}\n          value={value}\n          className={cn(tabsClasses?.content, itemClasses?.content)}\n        >\n          {content}\n        </TabsContent>\n      ))}\n    </RadixTabs>\n  );\n};\n"],"names":["defaultClasses","trigger","Tabs","t0","$","_c","defaultValue","tabContents","classes","tabsClasses","t1","root","t2","listRoot","t3","list","t4","t5","t6","value","label","itemClasses","cn","map","t7","content","t8","t9","value_0","itemClasses_0","RadixTabs"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["cn","WithClasses","Tabs","RadixTabs","TabsList","TabsTrigger","TabsContent","TabContentItem","value","content","React","ReactNode","label","TabsProps","tabContents","TabItem","defaultValue","defaultClasses","trigger","t0","$","_c","classes","tabsClasses","t1","root","t2","listRoot","t3","list","t4","t5","t6","itemClasses","map","t7","t8","t9","value_0","itemClasses_0"],"sources":["../../../../src/components/widget/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport {\n  Tabs as RadixTabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"@radix-ui/react-tabs\";\n\ntype TabContentItem = {\n  value: string;\n  content: React.ReactNode;\n  label: React.ReactNode;\n} & WithClasses<\"trigger\" | \"content\">;\n\ntype TabsProps<TabItem extends TabContentItem = TabContentItem> = {\n  tabContents: TabItem[];\n  defaultValue: TabItem[\"value\"];\n} & WithClasses<\"root\" | \"listRoot\" | \"list\" | \"trigger\" | \"content\">;\n\nconst defaultClasses = {\n  trigger:\n    \"data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5\",\n};\n\nexport const Tabs = <TabItem extends TabContentItem = TabContentItem>({\n  defaultValue,\n  tabContents,\n  classes: tabsClasses,\n}: TabsProps<TabItem>) => {\n  return (\n    <RadixTabs defaultValue={defaultValue} className={tabsClasses?.root}>\n      <TabsList className={tabsClasses?.listRoot}>\n        <div className={tabsClasses?.list}>\n          {tabContents.map(({ value, label, classes: itemClasses }) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className={cn(\n                defaultClasses.trigger,\n                tabsClasses?.trigger,\n                itemClasses?.trigger\n              )}\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </div>\n      </TabsList>\n      {tabContents.map(({ value, classes: itemClasses, content }) => (\n        <TabsContent\n          key={value}\n          value={value}\n          className={cn(tabsClasses?.content, itemClasses?.content)}\n        >\n          {content}\n        </TabsContent>\n      ))}\n    </RadixTabs>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAMiB,IAAiB,EACrBC,SACE,inBACH,EAEYhB,KAAOiB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAkD,EAAAL,iBAAAF,gBAAAQ,SAAAC,MAAAJ,GAMhBK,IAAAD,GAAWE,MACtCC,IAAAH,GAAWI,UACdC,IAAAL,GAAWM,MAAMC;AAAA,KAAAV,EAAA,OAAAN,KAAAM,EAAA,OAAAG,GAAAL,SAAA;EAAA,IAAAa;AAa7BX,EAb6BA,EAAA,OAAAG,GAAAL,UAa9Ba,IAAAX,EAAA,MAZgBW,KAAAC,MAAA;GAAC,IAAA,EAAAxB,UAAAI,UAAAU,SAAAW,MAAAD;AAAsC,UACtD,kBAAC,GAAD;IAESxB;IACI,WAAAR,EACTiB,EAAcC,SACdK,GAAWL,SACXe,GAAWf,QACb;cAECN;IACW,EATPJ,EASO;KACfY,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAW,IAZAD,IAAAhB,EAAWoB,IAAKH,EAYf,EAAAX,EAAA,KAAAN,GAAAM,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAU;OAAAA,KAAAV,EAAA;CAAA,IAAAW;AAAA,CAAAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAbJC,IAAA,kBAAA,OAAA;EAAgB,WAAAH;YACbE;EAaG,CAAA,EAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAY;AAAA,CAAAZ,EAAA,OAAAM,KAAAN,EAAA,OAAAW,KAfRC,IAAA,kBAAC,GAAD;EAAqB,WAAAN;YACnBK;EAeS,CAAA,EAAAX,EAAA,KAAAM,GAAAN,EAAA,KAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAN,KAAAM,EAAA,QAAAG,GAAAd,SAAA;EAAA,IAAA2B;AASThB,EATSA,EAAA,QAAAG,GAAAd,UASV2B,IAAAhB,EAAA,OARgBgB,KAAAC,MAAA;GAAC,IAAA,EAAA7B,OAAA8B,GAAAhB,SAAAiB,GAAA9B,eAAA4B;AAAwC,UACxD,kBAAC,GAAD;IAES7B,OAAAA;IACI,WAAAR,EAAGuB,GAAWd,SAAWwB,GAAWxB,QAAS;cAEvDA;IACW,EALPD,EAKO;KACfY,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAgB,IARAD,IAAArB,EAAWoB,IAAKE,EAQf,EAAAhB,EAAA,MAAAN,GAAAM,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAe;OAAAA,KAAAf,EAAA;CAAA,IAAAgB;AACQ,QADRhB,EAAA,QAAAJ,KAAAI,EAAA,QAAAI,KAAAJ,EAAA,QAAAY,KAAAZ,EAAA,QAAAe,KA1BJC,IAAA,kBAAC,GAAD;EAAyBpB;EAAyB,WAAAQ;YAAlD,CACEQ,GAiBCG,EASS;KAAAf,EAAA,MAAAJ,GAAAI,EAAA,MAAAI,GAAAJ,EAAA,MAAAY,GAAAZ,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KA3BZgB"}

package/dist/components/widget/Toasts/CustomToast.js

@@ -1,222 +1,122 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { Line } from '../Line/Line.js';
-import { X } from 'lucide-react';
-import { toast } from 'sonner';
-import { cn } from '../../../lib/utils/index.js';
-import { ReactComponent as ForwardRef } from '../../../assets/spinner.svg.js';
-import { ReactComponent as ForwardRef$1 } from '../../../assets/circle-check.svg.js';
-import { ReactComponent as ForwardRef$2 } from '../../../assets/circle-exclamation.svg.js';
-import { ProgressBar } from '../../ui/progress.js';
-import { TOASTER_LIFETIME } from '../../../core/constants.js';
-
-const CustomToast = (t0) => {
-  const $ = distExports.c(52);
-  const {
-    toastId,
-    variant,
-    label,
-    detailsLink,
-    onClose: _onClose
-  } = t0;
-  const isLoading = variant === "loading";
-  const isSuccess = variant === "success";
-  const isError = variant === "error";
-  const isSuccessOrError = isSuccess || isError;
-  let t1;
-  if ($[0] !== isLoading || $[1] !== isSuccess) {
-    t1 = isLoading ? /* @__PURE__ */ jsx(ForwardRef, { width: 16, height: 16, className: "animate-spin direction-reverse" }) : isSuccess ? /* @__PURE__ */ jsx(ForwardRef$1, {}) : /* @__PURE__ */ jsx(ForwardRef$2, {});
-    $[0] = isLoading;
-    $[1] = isSuccess;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const icon = t1;
-  let t2;
-  if ($[3] !== _onClose || $[4] !== toastId) {
-    t2 = () => {
-      toast.dismiss(toastId);
-      _onClose?.();
-    };
-    $[3] = _onClose;
-    $[4] = toastId;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const onClose = t2;
-  let t3;
-  if ($[6] !== isError || $[7] !== isLoading || $[8] !== isSuccess) {
-    t3 = cn("text-xs text-nowrap rounded-xs flex flex-col", {
-      "text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2": isLoading,
-      "text-contrast-9 bg-secondary-shamrock-green-1": isSuccess,
-      "text-contrast-9 bg-secondary-radical-red-1": isError
-    });
-    $[6] = isError;
-    $[7] = isLoading;
-    $[8] = isSuccess;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] !== isLoading) {
-    t4 = cn("py-2 px-4 flex items-center", {
-      "py-3": isLoading
-    });
-    $[10] = isLoading;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== icon) {
-    t5 = /* @__PURE__ */ jsx("div", { className: "mr-1.5", children: icon });
-    $[12] = icon;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== label) {
-    t6 = /* @__PURE__ */ jsx("div", { className: "font-medium mr-4", children: label });
-    $[14] = label;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  let t7;
-  if ($[16] !== detailsLink || $[17] !== isSuccessOrError) {
-    t7 = detailsLink && /* @__PURE__ */ jsx("div", { className: cn("cursor-pointer", {
-      "text-contrast-7": isSuccessOrError
-    }), children: /* @__PURE__ */ jsx("a", { href: detailsLink, target: "_blank", rel: "noopener noreferrer", children: "Details" }) });
-    $[16] = detailsLink;
-    $[17] = isSuccessOrError;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  let t8;
-  if ($[19] !== t4 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7) {
-    t8 = /* @__PURE__ */ jsxs("div", { className: t4, children: [
-      t5,
-      t6,
-      t7
-    ] });
-    $[19] = t4;
-    $[20] = t5;
-    $[21] = t6;
-    $[22] = t7;
-    $[23] = t8;
-  } else {
-    t8 = $[23];
-  }
-  let t9;
-  if ($[24] !== isLoading || $[25] !== isSuccessOrError) {
-    t9 = cn({
-      "bg-contrast-6 dark:bg-contrast-3": isLoading,
-      "bg-[#0000000D] dark:bg-[#0000000D]": isSuccessOrError
-    });
-    $[24] = isLoading;
-    $[25] = isSuccessOrError;
-    $[26] = t9;
-  } else {
-    t9 = $[26];
-  }
-  let t10;
-  if ($[27] !== t9) {
-    t10 = /* @__PURE__ */ jsx(Line, { vertical: true, className: t9 });
-    $[27] = t9;
-    $[28] = t10;
-  } else {
-    t10 = $[28];
-  }
-  let t11;
-  if ($[29] !== isLoading || $[30] !== isSuccessOrError) {
-    t11 = cn("rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer", {
-      "bg-[#B7BECB] dark:bg-contrast-1": isLoading,
-      "bg-contrast-9": isSuccessOrError
-    });
-    $[29] = isLoading;
-    $[30] = isSuccessOrError;
-    $[31] = t11;
-  } else {
-    t11 = $[31];
-  }
-  let t12;
-  if ($[32] !== isLoading || $[33] !== isSuccessOrError) {
-    t12 = cn({
-      "dark:text-contrast-5": isLoading,
-      "text-contrast-5": isSuccessOrError
-    });
-    $[32] = isLoading;
-    $[33] = isSuccessOrError;
-    $[34] = t12;
-  } else {
-    t12 = $[34];
-  }
-  let t13;
-  if ($[35] !== t12) {
-    t13 = /* @__PURE__ */ jsx(X, { size: 12, className: t12 });
-    $[35] = t12;
-    $[36] = t13;
-  } else {
-    t13 = $[36];
-  }
-  let t14;
-  if ($[37] !== onClose || $[38] !== t11 || $[39] !== t13) {
-    t14 = /* @__PURE__ */ jsx("div", { className: t11, onClick: onClose, children: t13 });
-    $[37] = onClose;
-    $[38] = t11;
-    $[39] = t13;
-    $[40] = t14;
-  } else {
-    t14 = $[40];
-  }
-  let t15;
-  if ($[41] !== t10 || $[42] !== t14 || $[43] !== t8) {
-    t15 = /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-      t8,
-      t10,
-      t14
-    ] });
-    $[41] = t10;
-    $[42] = t14;
-    $[43] = t8;
-    $[44] = t15;
-  } else {
-    t15 = $[44];
-  }
-  let t16;
-  if ($[45] !== isSuccessOrError || $[46] !== onClose) {
-    t16 = isSuccessOrError && /* @__PURE__ */ jsx(ProgressBar, { duration: TOASTER_LIFETIME, rootProps: {
-      className: "h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]"
-    }, indicatorProps: {
-      className: "bg-white/60",
-      onTransitionEnd: onClose
-    } });
-    $[45] = isSuccessOrError;
-    $[46] = onClose;
-    $[47] = t16;
-  } else {
-    t16 = $[47];
-  }
-  let t17;
-  if ($[48] !== t15 || $[49] !== t16 || $[50] !== t3) {
-    t17 = /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: t3, children: [
-      t15,
-      t16
-    ] }) });
-    $[48] = t15;
-    $[49] = t16;
-    $[50] = t3;
-    $[51] = t17;
-  } else {
-    t17 = $[51];
-  }
-  return t17;
+import { cn as e } from "../../../lib/utils/index.js";
+import "../../../core/constants.js";
+import { Line as t } from "../Line/Line.js";
+import { ForwardRef as n } from "../../../assets/spinner.js";
+import { ForwardRef as r } from "../../../assets/circle-check.js";
+import { ForwardRef as i } from "../../../assets/circle-exclamation.js";
+import { ProgressBar as a } from "../../ui/progress.js";
+import { c as o } from "react-compiler-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { X as l } from "lucide-react";
+import { toast as u } from "sonner";
+//#region src/components/widget/Toasts/CustomToast.tsx
+var d = (d) => {
+	let f = o(52), { toastId: p, variant: m, label: h, detailsLink: g, onClose: _ } = d, v = m === "loading", y = m === "success", b = m === "error", x = y || b, S;
+	f[0] !== v || f[1] !== y ? (S = v ? /* @__PURE__ */ s(n, {
+		width: 16,
+		height: 16,
+		className: "animate-spin direction-reverse"
+	}) : s(y ? r : i, {}), f[0] = v, f[1] = y, f[2] = S) : S = f[2];
+	let C = S, w;
+	f[3] !== _ || f[4] !== p ? (w = () => {
+		u.dismiss(p), _?.();
+	}, f[3] = _, f[4] = p, f[5] = w) : w = f[5];
+	let T = w, E;
+	f[6] !== b || f[7] !== v || f[8] !== y ? (E = e("text-xs text-nowrap rounded-xs flex flex-col", {
+		"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2": v,
+		"text-contrast-9 bg-secondary-shamrock-green-1": y,
+		"text-contrast-9 bg-secondary-radical-red-1": b
+	}), f[6] = b, f[7] = v, f[8] = y, f[9] = E) : E = f[9];
+	let D;
+	f[10] === v ? D = f[11] : (D = e("py-2 px-4 flex items-center", { "py-3": v }), f[10] = v, f[11] = D);
+	let O;
+	f[12] === C ? O = f[13] : (O = /* @__PURE__ */ s("div", {
+		className: "mr-1.5",
+		children: C
+	}), f[12] = C, f[13] = O);
+	let k;
+	f[14] === h ? k = f[15] : (k = /* @__PURE__ */ s("div", {
+		className: "font-medium mr-4",
+		children: h
+	}), f[14] = h, f[15] = k);
+	let A;
+	f[16] !== g || f[17] !== x ? (A = g && /* @__PURE__ */ s("div", {
+		className: e("cursor-pointer", { "text-contrast-7": x }),
+		children: /* @__PURE__ */ s("a", {
+			href: g,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: "Details"
+		})
+	}), f[16] = g, f[17] = x, f[18] = A) : A = f[18];
+	let j;
+	f[19] !== D || f[20] !== O || f[21] !== k || f[22] !== A ? (j = /* @__PURE__ */ c("div", {
+		className: D,
+		children: [
+			O,
+			k,
+			A
+		]
+	}), f[19] = D, f[20] = O, f[21] = k, f[22] = A, f[23] = j) : j = f[23];
+	let M;
+	f[24] !== v || f[25] !== x ? (M = e({
+		"bg-contrast-6 dark:bg-contrast-3": v,
+		"bg-[#0000000D] dark:bg-[#0000000D]": x
+	}), f[24] = v, f[25] = x, f[26] = M) : M = f[26];
+	let N;
+	f[27] === M ? N = f[28] : (N = /* @__PURE__ */ s(t, {
+		vertical: !0,
+		className: M
+	}), f[27] = M, f[28] = N);
+	let P;
+	f[29] !== v || f[30] !== x ? (P = e("rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer", {
+		"bg-[#B7BECB] dark:bg-contrast-1": v,
+		"bg-contrast-9": x
+	}), f[29] = v, f[30] = x, f[31] = P) : P = f[31];
+	let F;
+	f[32] !== v || f[33] !== x ? (F = e({
+		"dark:text-contrast-5": v,
+		"text-contrast-5": x
+	}), f[32] = v, f[33] = x, f[34] = F) : F = f[34];
+	let I;
+	f[35] === F ? I = f[36] : (I = /* @__PURE__ */ s(l, {
+		size: 12,
+		className: F
+	}), f[35] = F, f[36] = I);
+	let L;
+	f[37] !== T || f[38] !== P || f[39] !== I ? (L = /* @__PURE__ */ s("div", {
+		className: P,
+		onClick: T,
+		children: I
+	}), f[37] = T, f[38] = P, f[39] = I, f[40] = L) : L = f[40];
+	let R;
+	f[41] !== N || f[42] !== L || f[43] !== j ? (R = /* @__PURE__ */ c("div", {
+		className: "flex items-center",
+		children: [
+			j,
+			N,
+			L
+		]
+	}), f[41] = N, f[42] = L, f[43] = j, f[44] = R) : R = f[44];
+	let z;
+	f[45] !== x || f[46] !== T ? (z = x && /* @__PURE__ */ s(a, {
+		duration: 5e3,
+		rootProps: { className: "h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]" },
+		indicatorProps: {
+			className: "bg-white/60",
+			onTransitionEnd: T
+		}
+	}), f[45] = x, f[46] = T, f[47] = z) : z = f[47];
+	let B;
+	return f[48] !== R || f[49] !== z || f[50] !== E ? (B = /* @__PURE__ */ s("div", {
+		className: "flex justify-center",
+		children: /* @__PURE__ */ c("div", {
+			className: E,
+			children: [R, z]
+		})
+	}), f[48] = R, f[49] = z, f[50] = E, f[51] = B) : B = f[51], B;
 };
+//#endregion
+export { d as CustomToast };
 
-export { CustomToast };
-//# sourceMappingURL=CustomToast.js.map
+//# sourceMappingURL=CustomToast.js.map

package/dist/components/widget/Toasts/CustomToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToast.js","sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","Spinner","CircleCheckSVG","CircleExclamationSVG","icon","t2","toast","dismiss","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","TOASTER_LIFETIME","className","onTransitionEnd","t17"],"mappings":"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"}
+{"version":3,"file":"CustomToast.js","names":["Line","X","toast","cn","ReactComponent","Spinner","CircleCheckSVG","CircleExclamationSVG","ProgressBar","TOASTER_LIFETIME","CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","icon","t2","dismiss","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","className","onTransitionEnd","t17"],"sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}