@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/JackpotCounter/JackpotCounterItem.mjs

@@ -1,14 +1,15 @@
 "use client";
-import { Progress as s } from "@ark-ui/react";
-import u from "../../_virtual/image.mjs";
-import { twMerge as t } from "tailwind-merge";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { Progress as o } from "@ark-ui/react";
+import x from "../../_virtual/image.mjs";
+import { twMerge as r } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
 import "react";
-import { formatNumber as l } from "../../utils/formatNumber.mjs";
+import { formatNumber as m } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
@@ -18,122 +19,151 @@ import "lodash-es";
 import "../../_virtual/index.cjs.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as f } from "../../hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as u } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { ArrowNarrowUpRightIcon as d } from "../../icons/ArrowNarrowUpRightIcon.mjs";
-import { ChevronLeftIcon as i } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as o } from "../../icons/ChevronRightIcon.mjs";
-import g from "../../images/close-chest.png.mjs";
-import p from "../../images/open-chest.png.mjs";
-import a from "./JackpotCounterItem.module.css.mjs";
-function H({
-  jackpot: e,
-  className: c
+import { ArrowNarrowUpRightIcon as f } from "../../icons/ArrowNarrowUpRightIcon.mjs";
+import { ChevronLeftIcon as n } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as c } from "../../icons/ChevronRightIcon.mjs";
+import h from "../../images/close-chest.png.mjs";
+import g from "../../images/open-chest.png.mjs";
+import i from "./JackpotCounterItem.module.css.mjs";
+function Q({
+  jackpot: s,
+  className: l
 }) {
-  const r = f(), m = e.drawing, n = m ? e.maximumJackpotPoolLimit : e.pool;
-  return /* @__PURE__ */ React.createElement(
+  const t = u(), a = s.drawing, d = a ? s.maximumJackpotPoolLimit : s.pool;
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: t(
+      className: r(
         "bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",
-        c
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex w-full justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, m ? /* @__PURE__ */ React.createElement("div", { className: "border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium" }, /* @__PURE__ */ React.createElement("span", { className: "full bg-gray-900 size-1.5 animate-pulse rounded" }), "Paying Out") : /* @__PURE__ */ React.createElement("div", { className: "border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium" }, /* @__PURE__ */ React.createElement(d, { className: "size-3.5" }), "Accumulating"), /* @__PURE__ */ React.createElement("div", { className: "text-left text-lg font-medium" }, e.name), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold" }, l(n, {
-      currency: r.currency.code,
-      minDecimalPlaces: 2,
-      maxDecimalPlaces: 2
-    }))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-      u,
-      {
-        width: 100,
-        height: 100,
-        src: m ? p : g,
-        alt: "closeChest",
-        quality: 100,
-        className: "h-25 w-25 size-full"
-      }
-    ))),
-    /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs font-medium" }, l(0, {
-      currency: r.currency.code,
-      compact: !0
-    })), /* @__PURE__ */ React.createElement("div", { className: "relative flex items-center justify-end gap-1.5" }, m ? /* @__PURE__ */ React.createElement("div", { className: "flex w-6 items-center" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: t(
-          "absolute left-0",
-          a["animate-arrow-red-flash-1"]
-        )
-      },
-      /* @__PURE__ */ React.createElement(i, { className: "size-4.5" })
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: t(
-          "absolute left-1.5",
-          a["animate-arrow-red-flash-2"]
-        )
-      },
-      /* @__PURE__ */ React.createElement(i, { className: "size-4.5" })
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: t(
-          "absolute left-3",
-          a["animate-arrow-red-flash-3"]
-        )
-      },
-      /* @__PURE__ */ React.createElement(i, { className: "size-4.5" })
-    )) : /* @__PURE__ */ React.createElement("div", { className: "flex w-6 items-center" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: t(
-          "absolute left-0",
-          a["animate-arrow-green-flash-1"]
-        )
-      },
-      /* @__PURE__ */ React.createElement(o, { className: "size-4.5" })
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: t(
-          "absolute left-1.5",
-          a["animate-arrow-green-flash-2"]
-        )
-      },
-      /* @__PURE__ */ React.createElement(o, { className: "size-4.5" })
-    ), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: t(
-          "absolute left-3",
-          a["animate-arrow-green-flash-3"]
-        )
-      },
-      /* @__PURE__ */ React.createElement(o, { className: "size-4.5" })
-    )), /* @__PURE__ */ React.createElement("div", { className: "text-xs font-medium" }, l(e == null ? void 0 : e.maximumJackpotPoolLimit, {
-      currency: r.currency.code,
-      compact: !0
-    })))),
-    /* @__PURE__ */ React.createElement(
-      s.Root,
-      {
-        className: "bg-gray-200 h-2 w-full rounded-full",
-        max: 100,
-        value: 33
-      },
-      /* @__PURE__ */ React.createElement(s.Track, { className: "bg-gray-950 h-full rounded-full" }, /* @__PURE__ */ React.createElement(s.Range, { className: "bg-gray-300 h-full rounded-full" }))
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-start text-[10px]" }, m ? `The pot has hit ${l(e == null ? void 0 : e.maximumJackpotPoolLimit, {
-      currency: r.currency.code,
-      compact: !0
-    })} Play now for your chance to win big! 🔥` : x(
-      Number(e == null ? void 0 : e.pool) ?? 0,
-      Number(e == null ? void 0 : e.maximumJackpotPoolLimit) ?? 0
-    ))
+        l
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full justify-between", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
+            a ? /* @__PURE__ */ e.jsxs("div", { className: "border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "full bg-gray-900 size-1.5 animate-pulse rounded" }),
+              "Paying Out"
+            ] }) : /* @__PURE__ */ e.jsxs("div", { className: "border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium", children: [
+              /* @__PURE__ */ e.jsx(f, { className: "size-3.5" }),
+              "Accumulating"
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "text-left text-lg font-medium", children: s.name }),
+            /* @__PURE__ */ e.jsx("div", { className: "bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold", children: m(d, {
+              currency: t.currency.code,
+              minDecimalPlaces: 2,
+              maxDecimalPlaces: 2
+            }) })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+            x,
+            {
+              width: 100,
+              height: 100,
+              src: a ? g : h,
+              alt: "closeChest",
+              quality: 100,
+              className: "h-25 w-25 size-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-xs font-medium", children: m(0, {
+            currency: t.currency.code,
+            compact: !0
+          }) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center justify-end gap-1.5", children: [
+            a ? /* @__PURE__ */ e.jsxs("div", { className: "flex w-6 items-center", children: [
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: r(
+                    "absolute left-0",
+                    i["animate-arrow-red-flash-1"]
+                  ),
+                  children: /* @__PURE__ */ e.jsx(n, { className: "size-4.5" })
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: r(
+                    "absolute left-1.5",
+                    i["animate-arrow-red-flash-2"]
+                  ),
+                  children: /* @__PURE__ */ e.jsx(n, { className: "size-4.5" })
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: r(
+                    "absolute left-3",
+                    i["animate-arrow-red-flash-3"]
+                  ),
+                  children: /* @__PURE__ */ e.jsx(n, { className: "size-4.5" })
+                }
+              )
+            ] }) : /* @__PURE__ */ e.jsxs("div", { className: "flex w-6 items-center", children: [
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: r(
+                    "absolute left-0",
+                    i["animate-arrow-green-flash-1"]
+                  ),
+                  children: /* @__PURE__ */ e.jsx(c, { className: "size-4.5" })
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: r(
+                    "absolute left-1.5",
+                    i["animate-arrow-green-flash-2"]
+                  ),
+                  children: /* @__PURE__ */ e.jsx(c, { className: "size-4.5" })
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: r(
+                    "absolute left-3",
+                    i["animate-arrow-green-flash-3"]
+                  ),
+                  children: /* @__PURE__ */ e.jsx(c, { className: "size-4.5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "text-xs font-medium", children: m(s == null ? void 0 : s.maximumJackpotPoolLimit, {
+              currency: t.currency.code,
+              compact: !0
+            }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          o.Root,
+          {
+            className: "bg-gray-200 h-2 w-full rounded-full",
+            max: 100,
+            value: 33,
+            children: /* @__PURE__ */ e.jsx(o.Track, { className: "bg-gray-950 h-full rounded-full", children: /* @__PURE__ */ e.jsx(o.Range, { className: "bg-gray-300 h-full rounded-full" }) })
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-start text-[10px]", children: a ? `The pot has hit ${m(s == null ? void 0 : s.maximumJackpotPoolLimit, {
+          currency: t.currency.code,
+          compact: !0
+        })} Play now for your chance to win big! 🔥` : p(
+          Number(s == null ? void 0 : s.pool) ?? 0,
+          Number(s == null ? void 0 : s.maximumJackpotPoolLimit) ?? 0
+        ) })
+      ]
+    }
   );
 }
-const x = (e, c) => (c === 0 ? 0 : e / c * 100) <= 90 ? "The jackpot is heating up! Keep playing to stay in the action and watch it grow!" : "🔥 It’s about to pop! Stay in the game for your shot at the prize!";
+const p = (s, l) => (l === 0 ? 0 : s / l * 100) <= 90 ? "The jackpot is heating up! Keep playing to stay in the action and watch it grow!" : "🔥 It’s about to pop! Stay in the game for your shot at the prize!";
 export {
-  H as JackpotCounterItem
+  Q as JackpotCounterItem
 };

package/dist/components/Marquee/Marquee.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react-fast-marquee"),t=require("tailwind-merge");function a(e){return React.createElement("div",{className:t.twMerge("border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",e.className)},React.createElement("div",{className:"border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5"},React.createElement("span",{className:"bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"}),React.createElement("span",null,"What's new")),React.createElement(r,{className:"grow"},e.children,"          "))}exports.Marquee=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react-fast-marquee"),t=require("tailwind-merge");function n(r){return e.jsxRuntimeExports.jsxs("div",{className:t.twMerge("border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",r.className),children:[e.jsxRuntimeExports.jsxs("div",{className:"border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsxRuntimeExports.jsx("span",{className:"bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"}),e.jsxRuntimeExports.jsx("span",{children:"What's new"})]}),e.jsxRuntimeExports.jsxs(s,{className:"grow",children:[r.children,"          "]})]})}exports.Marquee=n;

package/dist/components/Marquee/Marquee.mjs

@@ -1,17 +1,26 @@
 "use client";
-import r from "react-fast-marquee";
-import { twMerge as t } from "tailwind-merge";
-function l(e) {
-  return /* @__PURE__ */ React.createElement(
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import s from "react-fast-marquee";
+import { twMerge as n } from "tailwind-merge";
+function l(r) {
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: t(
+      className: n(
         "border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",
-        e.className
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5" }, /* @__PURE__ */ React.createElement("span", { className: "bg-green-400 outline-green-400/20 size-2 rounded-full outline-4" }), /* @__PURE__ */ React.createElement("span", null, "What's new")),
-    /* @__PURE__ */ React.createElement(r, { className: "grow" }, e.children, "          ")
+        r.className
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "bg-green-400 outline-green-400/20 size-2 rounded-full outline-4" }),
+          /* @__PURE__ */ e.jsx("span", { children: "What's new" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(s, { className: "grow", children: [
+          r.children,
+          "          "
+        ] })
+      ]
+    }
   );
 }
 export {

package/dist/components/PortalProvider/PortalProvider.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ark-ui/react"),t=require("@tanstack/react-query"),a=require("tailwind-merge"),l=require("../../icons/AlertCircleIcon.js"),n=require("../../icons/XIcon.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");const o=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const s=require("../../utils/toaster.js");require("../FeatureFlagProvider/FeatureFlagContext.js");const u=require("../FeatureFlagProvider/FeatureFlagProvider.js");function d({children:i}){const c=o.getQueryClient();return React.createElement(t.QueryClientProvider,{client:c},React.createElement(t.HydrationBoundary,{state:t.dehydrate(c)},React.createElement(u.FeatureFlagProvider,null,i)),React.createElement(r.Toaster,{toaster:s.toaster},e=>React.createElement(r.Toast.Root,{key:e.id,className:"shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]"},React.createElement("div",{className:a.twMerge("flex size-9.5 items-center justify-center rounded-full border-2",e.type==="error"?"border-red-500/15":"border-green-500/15")},React.createElement("div",{className:a.twMerge("flex size-7 items-center justify-center rounded-full border-2",e.type==="error"?"border-red-500/35":"border-green-500/35")},React.createElement(l.AlertCircleIcon,{className:a.twMerge("size-5",e.type==="error"?"text-red-500":"text-green-500")}))),React.createElement("div",{className:"grow text-sm leading-none"},React.createElement(r.Toast.Title,{className:"font-semibold"},e.title?e.title:e.type==="error"?"Error":"Success"),React.createElement(r.Toast.Description,{className:"text-gray-700 mt-1"},e.description?e.description:e.type==="error"?"Something went wrong.":"Operation completed successfully.")),React.createElement(r.Toast.CloseTrigger,{className:"text-gray-400 hover:text-gray-500 self-start"},React.createElement(n.XIcon,{className:"size-5"})))))}exports.PortalProvider=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("@ark-ui/react"),s=require("@tanstack/react-query"),i=require("tailwind-merge"),l=require("../../icons/AlertCircleIcon.js"),c=require("../../icons/XIcon.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");const a=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const x=require("../../utils/toaster.js");function u({children:o}){const n=a.getQueryClient();return e.jsxRuntimeExports.jsxs(s.QueryClientProvider,{client:n,children:[e.jsxRuntimeExports.jsx(s.HydrationBoundary,{state:s.dehydrate(n),children:o}),e.jsxRuntimeExports.jsx(t.Toaster,{toaster:x.toaster,children:r=>e.jsxRuntimeExports.jsxs(t.Toast.Root,{className:"shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",children:[e.jsxRuntimeExports.jsx("div",{className:i.twMerge("flex size-9.5 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/15":"border-green-500/15"),children:e.jsxRuntimeExports.jsx("div",{className:i.twMerge("flex size-7 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/35":"border-green-500/35"),children:e.jsxRuntimeExports.jsx(l.AlertCircleIcon,{className:i.twMerge("size-5",r.type==="error"?"text-red-500":"text-green-500")})})}),e.jsxRuntimeExports.jsxs("div",{className:"grow text-sm leading-none",children:[e.jsxRuntimeExports.jsx(t.Toast.Title,{className:"font-semibold",children:r.title?r.title:r.type==="error"?"Error":"Success"}),e.jsxRuntimeExports.jsx(t.Toast.Description,{className:"text-gray-700 mt-1",children:r.description?r.description:r.type==="error"?"Something went wrong.":"Operation completed successfully."})]}),e.jsxRuntimeExports.jsx(t.Toast.CloseTrigger,{className:"text-gray-400 hover:text-gray-500 self-start",children:e.jsxRuntimeExports.jsx(c.XIcon,{className:"size-5"})})]},r.id)})]})}exports.PortalProvider=u;

package/dist/components/PortalProvider/PortalProvider.mjs

@@ -1,58 +1,65 @@
 "use client";
-import { Toaster as i, Toast as r } from "@ark-ui/react";
-import { QueryClientProvider as l, HydrationBoundary as c, dehydrate as m } from "@tanstack/react-query";
-import { twMerge as t } from "tailwind-merge";
-import { AlertCircleIcon as n } from "../../icons/AlertCircleIcon.mjs";
-import { XIcon as s } from "../../icons/XIcon.mjs";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { Toaster as l, Toast as t } from "@ark-ui/react";
+import { QueryClientProvider as n, HydrationBoundary as d, dehydrate as a } from "@tanstack/react-query";
+import { twMerge as i } from "tailwind-merge";
+import { AlertCircleIcon as c } from "../../icons/AlertCircleIcon.mjs";
+import { XIcon as m } from "../../icons/XIcon.mjs";
 import "../../utils/capitalize.mjs";
 import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
-import { getQueryClient as d } from "../../utils/getQueryClient.mjs";
+import { getQueryClient as p } from "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as p } from "../../utils/toaster.mjs";
-import "../FeatureFlagProvider/FeatureFlagContext.mjs";
-import { FeatureFlagProvider as u } from "../FeatureFlagProvider/FeatureFlagProvider.mjs";
-function j({ children: o }) {
-  const a = d();
-  return /* @__PURE__ */ React.createElement(l, { client: a }, /* @__PURE__ */ React.createElement(c, { state: m(a) }, /* @__PURE__ */ React.createElement(u, null, o)), /* @__PURE__ */ React.createElement(i, { toaster: p }, (e) => /* @__PURE__ */ React.createElement(
-    r.Root,
-    {
-      key: e.id,
-      className: "shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]"
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
+import { toaster as x } from "../../utils/toaster.mjs";
+function E({ children: s }) {
+  const o = p();
+  return /* @__PURE__ */ e.jsxs(n, { client: o, children: [
+    /* @__PURE__ */ e.jsx(d, { state: a(o), children: s }),
+    /* @__PURE__ */ e.jsx(l, { toaster: x, children: (r) => /* @__PURE__ */ e.jsxs(
+      t.Root,
       {
-        className: t(
-          "flex size-9.5 items-center justify-center rounded-full border-2",
-          e.type === "error" ? "border-red-500/15" : "border-green-500/15"
-        )
+        className: "shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: i(
+                "flex size-9.5 items-center justify-center rounded-full border-2",
+                r.type === "error" ? "border-red-500/15" : "border-green-500/15"
+              ),
+              children: /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: i(
+                    "flex size-7 items-center justify-center rounded-full border-2",
+                    r.type === "error" ? "border-red-500/35" : "border-green-500/35"
+                  ),
+                  children: /* @__PURE__ */ e.jsx(
+                    c,
+                    {
+                      className: i(
+                        "size-5",
+                        r.type === "error" ? "text-red-500" : "text-green-500"
+                      )
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("div", { className: "grow text-sm leading-none", children: [
+            /* @__PURE__ */ e.jsx(t.Title, { className: "font-semibold", children: r.title ? r.title : r.type === "error" ? "Error" : "Success" }),
+            /* @__PURE__ */ e.jsx(t.Description, { className: "text-gray-700 mt-1", children: r.description ? r.description : r.type === "error" ? "Something went wrong." : "Operation completed successfully." })
+          ] }),
+          /* @__PURE__ */ e.jsx(t.CloseTrigger, { className: "text-gray-400 hover:text-gray-500 self-start", children: /* @__PURE__ */ e.jsx(m, { className: "size-5" }) })
+        ]
       },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: t(
-            "flex size-7 items-center justify-center rounded-full border-2",
-            e.type === "error" ? "border-red-500/35" : "border-green-500/35"
-          )
-        },
-        /* @__PURE__ */ React.createElement(
-          n,
-          {
-            className: t(
-              "size-5",
-              e.type === "error" ? "text-red-500" : "text-green-500"
-            )
-          }
-        )
-      )
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "grow text-sm leading-none" }, /* @__PURE__ */ React.createElement(r.Title, { className: "font-semibold" }, e.title ? e.title : e.type === "error" ? "Error" : "Success"), /* @__PURE__ */ React.createElement(r.Description, { className: "text-gray-700 mt-1" }, e.description ? e.description : e.type === "error" ? "Something went wrong." : "Operation completed successfully.")),
-    /* @__PURE__ */ React.createElement(r.CloseTrigger, { className: "text-gray-400 hover:text-gray-500 self-start" }, /* @__PURE__ */ React.createElement(s, { className: "size-5" }))
-  )));
+      r.id
+    ) })
+  ] });
 }
 export {
-  j as PortalProvider
+  E as PortalProvider
 };

package/dist/components/Promos/PromoCarousel.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("embla-carousel-react"),N=require("../../_virtual/link.js"),t=require("react"),R=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const f=require("../../hooks/usePromosQuery.js"),h=require("../../icons/ArrowLeftIcon.js"),v=require("../../icons/ArrowRightIcon.js"),E=require("../../icons/ChevronRightIcon.js"),x=require("../../icons/Gift01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const y=require("../Empty/Empty.js"),S=require("./PromoItem.js");function P(c){const s=f.usePromosQuery({}).data||[],[l,e]=g({align:"start",slidesToScroll:1,breakpoints:{"(min-width: 1024px)":{slidesToScroll:3}}}),[n,i]=t.useState(!0),[u,m]=t.useState(!0),q=t.useCallback(()=>e==null?void 0:e.scrollPrev(),[e]),d=t.useCallback(async()=>{e==null||e.scrollNext()},[e]),o=t.useCallback(r=>{i(!(r!=null&&r.canScrollPrev())),m(!(r!=null&&r.canScrollNext()))},[]);return t.useEffect(()=>{e&&(o(e),e.on("reInit",o).on("select",o))},[e,o]),React.createElement("div",{className:c.className},React.createElement("div",{className:"flex items-center"},React.createElement("h2",{className:"text-lg font-semibold"},c.heading),React.createElement("div",{className:"grow"}),React.createElement("div",{className:"flex items-center justify-center gap-xl"},React.createElement(N,{href:c.seeAllUrl,className:"flex gap-sm text-sm font-semibold"},"See All",React.createElement(E.ChevronRightIcon,{className:"size-5 lg:hidden"})),React.createElement("div",{className:"hidden lg:flex"},React.createElement(a.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:q,disabled:n,"aria-label":"Previous"},React.createElement(h.ArrowLeftIcon,{className:"size-5"})),React.createElement(a.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:d,disabled:u,"aria-label":"Next"},React.createElement(v.ArrowRightIcon,{className:"size-5"}))))),s.length<=0&&React.createElement(y.Empty,{icon:x.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),s.length>=1&&React.createElement("div",{ref:l,className:"relative mt-lg lg:overflow-hidden"},React.createElement("div",{className:R.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/1)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/3)] lg:gap-md")},s.map(r=>React.createElement(S.PromosItem,{key:r.id,promo:r,shouldShowDescription:c.shouldShowDescription})))))}exports.PromoCarousel=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),j=require("embla-carousel-react"),h=require("../../_virtual/link.js"),t=require("react"),g=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const N=require("../../hooks/usePromosQuery.js"),R=require("../../icons/ArrowLeftIcon.js"),f=require("../../icons/ArrowRightIcon.js"),v=require("../../icons/ChevronRightIcon.js"),E=require("../../icons/Gift01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const p=require("../Empty/Empty.js"),S=require("./PromoItem.js");function y(i){const n=N.usePromosQuery({}).data||[],[l,r]=j({align:"start",slidesToScroll:1,breakpoints:{"(min-width: 1024px)":{slidesToScroll:3}}}),[c,a]=t.useState(!0),[x,m]=t.useState(!0),d=t.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),q=t.useCallback(async()=>{r==null||r.scrollNext()},[r]),o=t.useCallback(s=>{a(!(s!=null&&s.canScrollPrev())),m(!(s!=null&&s.canScrollNext()))},[]);return t.useEffect(()=>{r&&(o(r),r.on("reInit",o).on("select",o))},[r,o]),e.jsxRuntimeExports.jsxs("div",{className:i.className,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("h2",{className:"text-lg font-semibold",children:i.heading}),e.jsxRuntimeExports.jsx("div",{className:"grow"}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxRuntimeExports.jsxs(h,{href:i.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsxRuntimeExports.jsx(v.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxRuntimeExports.jsxs("div",{className:"hidden lg:flex",children:[e.jsxRuntimeExports.jsx(u.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:d,disabled:c,"aria-label":"Previous",children:e.jsxRuntimeExports.jsx(R.ArrowLeftIcon,{className:"size-5"})}),e.jsxRuntimeExports.jsx(u.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:q,disabled:x,"aria-label":"Next",children:e.jsxRuntimeExports.jsx(f.ArrowRightIcon,{className:"size-5"})})]})]})]}),n.length<=0&&e.jsxRuntimeExports.jsx(p.Empty,{icon:E.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),n.length>=1&&e.jsxRuntimeExports.jsx("div",{ref:l,className:"relative mt-lg lg:overflow-hidden",children:e.jsxRuntimeExports.jsx("div",{className:g.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/1)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/3)] lg:gap-md"),children:n.map(s=>e.jsxRuntimeExports.jsx(S.PromosItem,{promo:s,shouldShowDescription:i.shouldShowDescription},s.id))})})]})}exports.PromoCarousel=y;