@opexa/portal-components 0.0.9 → 0.0.11

package/dist/components/JackpotCounter/JackpotCounterItem.mjs

@@ -1,169 +1,169 @@
 "use client";
-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 { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Progress as c } from "@ark-ui/react";
+import f from "next/image";
+import { twMerge as t } 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 m } from "../../utils/formatNumber.mjs";
+import { formatNumber as o } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../_virtual/index.cjs.mjs";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as u } from "../../hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as h } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { ArrowNarrowUpRightIcon as f } from "../../icons/ArrowNarrowUpRightIcon.mjs";
+import { ArrowNarrowUpRightIcon as g } 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
+import { ChevronRightIcon as d } from "../../icons/ChevronRightIcon.mjs";
+import p from "../../images/close-chest.png.mjs";
+import x from "../../images/open-chest.png.mjs";
+import a from "./JackpotCounterItem.module.css.mjs";
+function W({
+  jackpot: r,
+  className: s
 }) {
-  const t = u(), a = s.drawing, d = a ? s.maximumJackpotPoolLimit : s.pool;
-  return /* @__PURE__ */ e.jsxs(
+  const l = h(), m = r.drawing, u = m ? r.maximumJackpotPoolLimit : r.pool;
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: r(
+      className: t(
         "bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",
-        l
+        s
       ),
       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" }),
+        /* @__PURE__ */ i("div", { className: "flex w-full justify-between", children: [
+          /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
+            m ? /* @__PURE__ */ i("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("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" }),
+            ] }) : /* @__PURE__ */ i("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(g, { 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,
+            /* @__PURE__ */ e("div", { className: "text-left text-lg font-medium", children: r.name }),
+            /* @__PURE__ */ e("div", { className: "bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold", children: o(u, {
+              currency: l.currency.code,
               minDecimalPlaces: 2,
               maxDecimalPlaces: 2
             }) })
           ] }),
-          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-            x,
+          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+            f,
             {
               width: 100,
               height: 100,
-              src: a ? g : h,
+              src: m ? x : p,
               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,
+        /* @__PURE__ */ i("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ e("div", { className: "text-xs font-medium", children: o(0, {
+            currency: l.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(
+          /* @__PURE__ */ i("div", { className: "relative flex items-center justify-end gap-1.5", children: [
+            m ? /* @__PURE__ */ i("div", { className: "flex w-6 items-center", children: [
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: r(
+                  className: t(
                     "absolute left-0",
-                    i["animate-arrow-red-flash-1"]
+                    a["animate-arrow-red-flash-1"]
                   ),
-                  children: /* @__PURE__ */ e.jsx(n, { className: "size-4.5" })
+                  children: /* @__PURE__ */ e(n, { className: "size-4.5" })
                 }
               ),
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: r(
+                  className: t(
                     "absolute left-1.5",
-                    i["animate-arrow-red-flash-2"]
+                    a["animate-arrow-red-flash-2"]
                   ),
-                  children: /* @__PURE__ */ e.jsx(n, { className: "size-4.5" })
+                  children: /* @__PURE__ */ e(n, { className: "size-4.5" })
                 }
               ),
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: r(
+                  className: t(
                     "absolute left-3",
-                    i["animate-arrow-red-flash-3"]
+                    a["animate-arrow-red-flash-3"]
                   ),
-                  children: /* @__PURE__ */ e.jsx(n, { className: "size-4.5" })
+                  children: /* @__PURE__ */ e(n, { className: "size-4.5" })
                 }
               )
-            ] }) : /* @__PURE__ */ e.jsxs("div", { className: "flex w-6 items-center", children: [
-              /* @__PURE__ */ e.jsx(
+            ] }) : /* @__PURE__ */ i("div", { className: "flex w-6 items-center", children: [
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: r(
+                  className: t(
                     "absolute left-0",
-                    i["animate-arrow-green-flash-1"]
+                    a["animate-arrow-green-flash-1"]
                   ),
-                  children: /* @__PURE__ */ e.jsx(c, { className: "size-4.5" })
+                  children: /* @__PURE__ */ e(d, { className: "size-4.5" })
                 }
               ),
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: r(
+                  className: t(
                     "absolute left-1.5",
-                    i["animate-arrow-green-flash-2"]
+                    a["animate-arrow-green-flash-2"]
                   ),
-                  children: /* @__PURE__ */ e.jsx(c, { className: "size-4.5" })
+                  children: /* @__PURE__ */ e(d, { className: "size-4.5" })
                 }
               ),
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: r(
+                  className: t(
                     "absolute left-3",
-                    i["animate-arrow-green-flash-3"]
+                    a["animate-arrow-green-flash-3"]
                   ),
-                  children: /* @__PURE__ */ e.jsx(c, { className: "size-4.5" })
+                  children: /* @__PURE__ */ e(d, { 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,
+            /* @__PURE__ */ e("div", { className: "text-xs font-medium", children: o(r == null ? void 0 : r.maximumJackpotPoolLimit, {
+              currency: l.currency.code,
               compact: !0
             }) })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx(
-          o.Root,
+        /* @__PURE__ */ e(
+          c.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" }) })
+            children: /* @__PURE__ */ e(c.Track, { className: "bg-gray-950 h-full rounded-full", children: /* @__PURE__ */ e(c.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,
+        /* @__PURE__ */ e("div", { className: "mt-1 text-start text-[10px]", children: m ? `The pot has hit ${o(r == null ? void 0 : r.maximumJackpotPoolLimit, {
+          currency: l.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
+        })} Play now for your chance to win big! 🔥` : y(
+          Number(r == null ? void 0 : r.pool) ?? 0,
+          Number(r == null ? void 0 : r.maximumJackpotPoolLimit) ?? 0
         ) })
       ]
     }
   );
 }
-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!";
+const y = (r, s) => (s === 0 ? 0 : r / s * 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 {
-  Q as JackpotCounterItem
+  W as JackpotCounterItem
 };

package/dist/components/Marquee/Marquee.d.ts

@@ -2,4 +2,4 @@ export interface MarqueeProps {
     children?: React.ReactNode;
     className?: string;
 }
-export declare function Marquee(props: MarqueeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Marquee(props: MarqueeProps): import("react").JSX.Element;

package/dist/components/Marquee/Marquee.js

@@ -1 +1 @@
-"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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react-fast-marquee"),n=require("tailwind-merge");function i(r){return e.jsxs("div",{className:n.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.jsxs("div",{className:"border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsx("span",{className:"bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"}),e.jsx("span",{children:"What's new"})]}),e.jsxs(s,{className:"grow",children:[r.children,"          "]})]})}exports.Marquee=i;

package/dist/components/Marquee/Marquee.mjs

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

package/dist/components/PortalProvider/PortalProvider.d.ts

@@ -1,2 +1,2 @@
 import { PropsWithChildren } from 'react';
-export declare function PortalProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function PortalProvider({ children }: PropsWithChildren): import("react").JSX.Element;

package/dist/components/PortalProvider/PortalProvider.js

@@ -1 +1 @@
-"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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),i=require("@tanstack/react-query"),s=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 d=require("../../utils/toaster.js");function u({children:o}){const n=a.getQueryClient();return e.jsxs(i.QueryClientProvider,{client:n,children:[e.jsx(i.HydrationBoundary,{state:i.dehydrate(n),children:o}),e.jsx(t.Toaster,{toaster:d.toaster,children:r=>e.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.jsx("div",{className:s.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.jsx("div",{className:s.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.jsx(l.AlertCircleIcon,{className:s.twMerge("size-5",r.type==="error"?"text-red-500":"text-green-500")})})}),e.jsxs("div",{className:"grow text-sm leading-none",children:[e.jsx(t.Toast.Title,{className:"font-semibold",children:r.title?r.title:r.type==="error"?"Error":"Success"}),e.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.jsx(t.Toast.CloseTrigger,{className:"text-gray-400 hover:text-gray-500 self-start",children:e.jsx(c.XIcon,{className:"size-5"})})]},r.id)})]})}exports.PortalProvider=u;

package/dist/components/PortalProvider/PortalProvider.mjs

@@ -1,47 +1,47 @@
 "use client";
-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 { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Toaster as s, Toast as t } from "@ark-ui/react";
+import { QueryClientProvider as d, HydrationBoundary as a, dehydrate as c } from "@tanstack/react-query";
+import { twMerge as o } from "tailwind-merge";
+import { AlertCircleIcon as m } from "../../icons/AlertCircleIcon.mjs";
+import { XIcon as p } 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 p } from "../../utils/getQueryClient.mjs";
+import { getQueryClient as y } from "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-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(
+import { toaster as f } from "../../utils/toaster.mjs";
+function Q({ children: n }) {
+  const l = y();
+  return /* @__PURE__ */ i(d, { client: l, children: [
+    /* @__PURE__ */ r(a, { state: c(l), children: n }),
+    /* @__PURE__ */ r(s, { toaster: f, children: (e) => /* @__PURE__ */ i(
       t.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: [
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ r(
             "div",
             {
-              className: i(
+              className: o(
                 "flex size-9.5 items-center justify-center rounded-full border-2",
-                r.type === "error" ? "border-red-500/15" : "border-green-500/15"
+                e.type === "error" ? "border-red-500/15" : "border-green-500/15"
               ),
-              children: /* @__PURE__ */ e.jsx(
+              children: /* @__PURE__ */ r(
                 "div",
                 {
-                  className: i(
+                  className: o(
                     "flex size-7 items-center justify-center rounded-full border-2",
-                    r.type === "error" ? "border-red-500/35" : "border-green-500/35"
+                    e.type === "error" ? "border-red-500/35" : "border-green-500/35"
                   ),
-                  children: /* @__PURE__ */ e.jsx(
-                    c,
+                  children: /* @__PURE__ */ r(
+                    m,
                     {
-                      className: i(
+                      className: o(
                         "size-5",
-                        r.type === "error" ? "text-red-500" : "text-green-500"
+                        e.type === "error" ? "text-red-500" : "text-green-500"
                       )
                     }
                   )
@@ -49,17 +49,17 @@ function E({ children: s }) {
               )
             }
           ),
-          /* @__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__ */ i("div", { className: "grow text-sm leading-none", children: [
+            /* @__PURE__ */ r(t.Title, { className: "font-semibold", children: e.title ? e.title : e.type === "error" ? "Error" : "Success" }),
+            /* @__PURE__ */ r(t.Description, { className: "text-gray-700 mt-1", children: e.description ? e.description : e.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__ */ r(t.CloseTrigger, { className: "text-gray-400 hover:text-gray-500 self-start", children: /* @__PURE__ */ r(p, { className: "size-5" }) })
         ]
       },
-      r.id
+      e.id
     ) })
   ] });
 }
 export {
-  E as PortalProvider
+  Q as PortalProvider
 };

package/dist/components/Promo/Promo.d.ts

@@ -1,4 +1,4 @@
 export interface PromoProps {
     id: string;
 }
-export declare function Promo(props: PromoProps): import("react/jsx-runtime").JSX.Element;
+export declare function Promo(props: PromoProps): import("react").JSX.Element;

package/dist/components/Promo/Promo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./PromoContent.js");function r(o){return e.jsx(t.PromoContent,{id:o.id})}exports.Promo=r;

package/dist/components/Promo/Promo.mjs

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PromoContent as t } from "./PromoContent.mjs";
+function n(o) {
+  return /* @__PURE__ */ r(t, { id: o.id });
+}
+export {
+  n as Promo
+};

package/dist/components/Promo/PromoContent.d.ts

@@ -1,2 +1,2 @@
 import { PromoProps } from './Promo';
-export declare function PromoContent(props: PromoProps): import("react/jsx-runtime").JSX.Element;
+export declare function PromoContent(props: PromoProps): import("react").JSX.Element;

package/dist/components/Promo/PromoContent.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const u=require("../../hooks/usePromoQuery.js");function o(i){const r=u.usePromoQuery(i.id);return r.isLoading?e.jsx("p",{children:"Loading..."}):r.isError?e.jsxs("p",{children:["Error: ",r.error.message]}):r.data?e.jsxs("div",{children:[e.jsx("h1",{children:r.data.name}),e.jsx("p",{children:r.data.description})]}):e.jsx("p",{children:"No promo data found."})}exports.PromoContent=o;

package/dist/components/Promo/PromoContent.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "react";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/toaster.mjs";
+import "lodash-es";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { usePromoQuery as m } from "../../hooks/usePromoQuery.mjs";
+function Q(t) {
+  const r = m(t.id);
+  return r.isLoading ? /* @__PURE__ */ o("p", { children: "Loading..." }) : r.isError ? /* @__PURE__ */ i("p", { children: [
+    "Error: ",
+    r.error.message
+  ] }) : r.data ? /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ o("h1", { children: r.data.name }),
+    /* @__PURE__ */ o("p", { children: r.data.description })
+  ] }) : /* @__PURE__ */ o("p", { children: "No promo data found." });
+}
+export {
+  Q as PromoContent
+};

package/dist/components/Promos/PromoCarousel.d.ts

@@ -1,2 +1,2 @@
 import { PromosProps } from './Promos';
-export declare function PromoCarousel(props: PromosProps): import("react/jsx-runtime").JSX.Element;
+export declare function PromoCarousel(props: PromosProps): import("react").JSX.Element;

package/dist/components/Promos/PromoCarousel.js

@@ -1 +1 @@
-"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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("embla-carousel-react"),g=require("next/link"),i=require("react"),N=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("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const f=require("../../hooks/usePromosQuery.js"),v=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),S=require("../../icons/ChevronRightIcon.js"),y=require("../../icons/Gift01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=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"),w=require("./PromoItem.js");function C(o){const l=f.usePromosQuery({}).data||[],[c,r]=x({align:"start",slidesToScroll:1,breakpoints:{"(min-width: 1024px)":{slidesToScroll:3}}}),[u,a]=i.useState(!0),[d,q]=i.useState(!0),m=i.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),h=i.useCallback(async()=>{r==null||r.scrollNext()},[r]),t=i.useCallback(s=>{a(!(s!=null&&s.canScrollPrev())),q(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{r&&(t(r),r.on("reInit",t).on("select",t))},[r,t]),e.jsxs("div",{className:o.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:o.heading}),e.jsx("div",{className:"grow"}),e.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxs(g,{href:o.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsx(S.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:m,disabled:u,"aria-label":"Previous",children:e.jsx(v.ArrowLeftIcon,{className:"size-5"})}),e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:h,disabled:d,"aria-label":"Next",children:e.jsx(j.ArrowRightIcon,{className:"size-5"})})]})]})]}),l.length<=0&&e.jsx(P.Empty,{icon:y.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),l.length>=1&&e.jsx("div",{ref:c,className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:N.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:l.map(s=>e.jsx(w.PromosItem,{promo:s,shouldShowDescription:o.shouldShowDescription},s.id))})})]})}exports.PromoCarousel=C;