@opexa/portal-components 0.0.5 → 0.0.7

package/dist/components/JackpotCounter/JackpotCounterItem.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@ark-ui/react"),u=require("../../_virtual/image.js"),t=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const n=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const d=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const f=require("../../icons/ArrowNarrowUpRightIcon.js"),m=require("../../icons/ChevronLeftIcon.js"),i=require("../../icons/ChevronRightIcon.js"),g=require("../../images/close-chest.png.js"),h=require("../../images/open-chest.png.js"),r=require("./JackpotCounterItem.module.css.js");function N({jackpot:e,className:l}){const a=d.useLocaleInfo(),c=e.drawing,o=c?e.maximumJackpotPoolLimit:e.pool;return React.createElement("div",{className:t.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",l)},React.createElement("div",{className:"flex w-full justify-between"},React.createElement("div",{className:"flex flex-col gap-1"},c?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"},React.createElement("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"):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"},React.createElement(f.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"),React.createElement("div",{className:"text-left text-lg font-medium"},e.name),React.createElement("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold"},n.formatNumber(o,{currency:a.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2}))),React.createElement("div",null,React.createElement(u,{width:100,height:100,src:c?h:g,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"}))),React.createElement("div",{className:"flex justify-between"},React.createElement("div",{className:"text-xs font-medium"},n.formatNumber(0,{currency:a.currency.code,compact:!0})),React.createElement("div",{className:"relative flex items-center justify-end gap-1.5"},c?React.createElement("div",{className:"flex w-6 items-center"},React.createElement("div",{className:t.twMerge("absolute left-0",r["animate-arrow-red-flash-1"])},React.createElement(m.ChevronLeftIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-1.5",r["animate-arrow-red-flash-2"])},React.createElement(m.ChevronLeftIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-3",r["animate-arrow-red-flash-3"])},React.createElement(m.ChevronLeftIcon,{className:"size-4.5"}))):React.createElement("div",{className:"flex w-6 items-center"},React.createElement("div",{className:t.twMerge("absolute left-0",r["animate-arrow-green-flash-1"])},React.createElement(i.ChevronRightIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-1.5",r["animate-arrow-green-flash-2"])},React.createElement(i.ChevronRightIcon,{className:"size-4.5"})),React.createElement("div",{className:t.twMerge("absolute left-3",r["animate-arrow-green-flash-3"])},React.createElement(i.ChevronRightIcon,{className:"size-4.5"}))),React.createElement("div",{className:"text-xs font-medium"},n.formatNumber(e==null?void 0:e.maximumJackpotPoolLimit,{currency:a.currency.code,compact:!0})))),React.createElement(s.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33},React.createElement(s.Progress.Track,{className:"bg-gray-950 h-full rounded-full"},React.createElement(s.Progress.Range,{className:"bg-gray-300 h-full rounded-full"}))),React.createElement("div",{className:"mt-1 text-start text-[10px]"},c?`The pot has hit ${n.formatNumber(e==null?void 0:e.maximumJackpotPoolLimit,{currency:a.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:R(Number(e==null?void 0:e.pool)??0,Number(e==null?void 0:e.maximumJackpotPoolLimit)??0)))}const R=(e,l)=>(l===0?0:e/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!";exports.JackpotCounterItem=N;

package/dist/components/JackpotCounter/JackpotCounterItem.mjs

@@ -0,0 +1,139 @@
+"use client";
+import { Progress as s } from "@ark-ui/react";
+import u from "../../_virtual/image.mjs";
+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 l } 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 "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as f } 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
+}) {
+  const r = f(), m = e.drawing, n = m ? e.maximumJackpotPoolLimit : e.pool;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: t(
+        "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
+    ))
+  );
+}
+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!";
+export {
+  H as JackpotCounterItem
+};

package/dist/components/JackpotCounter/JackpotCounterItem.module.css.js

@@ -0,0 +1 @@
+"use strict";const a={"animate-arrow-green-flash-1":"_animate-arrow-green-flash-1_zlu69_19","animate-arrow-green-flash-2":"_animate-arrow-green-flash-2_zlu69_29","animate-arrow-green-flash-3":"_animate-arrow-green-flash-3_zlu69_39","animate-arrow-red-flash-1":"_animate-arrow-red-flash-1_zlu69_67","animate-arrow-red-flash-2":"_animate-arrow-red-flash-2_zlu69_75","animate-arrow-red-flash-3":"_animate-arrow-red-flash-3_zlu69_85"};module.exports=a;

package/dist/components/JackpotCounter/JackpotCounterItem.module.css.mjs

@@ -0,0 +1,11 @@
+const a = {
+  "animate-arrow-green-flash-1": "_animate-arrow-green-flash-1_zlu69_19",
+  "animate-arrow-green-flash-2": "_animate-arrow-green-flash-2_zlu69_29",
+  "animate-arrow-green-flash-3": "_animate-arrow-green-flash-3_zlu69_39",
+  "animate-arrow-red-flash-1": "_animate-arrow-red-flash-1_zlu69_67",
+  "animate-arrow-red-flash-2": "_animate-arrow-red-flash-2_zlu69_75",
+  "animate-arrow-red-flash-3": "_animate-arrow-red-flash-3_zlu69_85"
+};
+export {
+  a as default
+};

package/dist/components/JackpotCounter/index.d.ts

@@ -1 +1 @@
-export * from './JackpotCounter.jsx';
+export * from './JackpotCounter';

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.Element;
+export declare function Marquee(props: MarqueeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Marquee/Marquee.js

@@ -0,0 +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;

package/dist/components/Marquee/Marquee.mjs

@@ -0,0 +1,19 @@
+"use client";
+import r from "react-fast-marquee";
+import { twMerge as t } from "tailwind-merge";
+function l(e) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: t(
+        "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, "          ")
+  );
+}
+export {
+  l as Marquee
+};

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

@@ -1 +1 @@
-export * from './Marquee.jsx';
+export * from './Marquee';

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

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

package/dist/components/PortalProvider/PortalProvider.js

@@ -0,0 +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;

package/dist/components/PortalProvider/PortalProvider.mjs

@@ -0,0 +1,58 @@
+"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 "../../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 "../../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",
+      {
+        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"
+        )
+      },
+      /* @__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" }))
+  )));
+}
+export {
+  j as PortalProvider
+};

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

@@ -1 +1 @@
-export * from './PortalProvider.jsx';
+export * from './PortalProvider';

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

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

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

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

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

@@ -1 +1 @@
-export * from './Promo.jsx';
+export * from './Promo';

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

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

package/dist/components/Promos/PromoCarousel.js

@@ -0,0 +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;

package/dist/components/Promos/PromoCarousel.mjs

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

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

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

package/dist/components/Promos/PromoGrid.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("tailwind-merge");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("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const o=require("../../hooks/usePromosQuery.js"),a=require("../../icons/Gift01Icon.js"),s=require("../Empty/Empty.js"),c=require("./PromoItem.js");function l(e){const r=o.usePromosQuery({}).data||[];return React.createElement("div",{className:e.className},React.createElement("div",{className:"flex items-center"},React.createElement("h2",{className:"text-lg font-semibold"},e.heading),React.createElement("div",{className:"grow"})),r.length<=0&&React.createElement(s.Empty,{icon:a.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),r.length>=1&&React.createElement("div",{className:"relative mt-lg lg:overflow-hidden"},React.createElement("div",{className:i.twMerge("grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md")},r.map(t=>React.createElement(c.PromosItem,{key:t.id,promo:t,shouldShowDescription:e.shouldShowDescription})))))}exports.PromoGrid=l;

package/dist/components/Promos/PromoGrid.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { twMerge as o } 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 "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/toaster.mjs";
+import "lodash-es";
+import "../../_virtual/index.cjs.mjs";
+import "../../hooks/useGlobalStore.mjs";
+import "../../hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { usePromosQuery as r } from "../../hooks/usePromosQuery.mjs";
+import { Gift01Icon as i } from "../../icons/Gift01Icon.mjs";
+import { Empty as a } from "../Empty/Empty.mjs";
+import { PromosItem as l } from "./PromoItem.mjs";
+function S(e) {
+  const t = r({}).data || [];
+  return /* @__PURE__ */ React.createElement("div", { className: e.className }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold" }, e.heading), /* @__PURE__ */ React.createElement("div", { className: "grow" })), t.length <= 0 && /* @__PURE__ */ React.createElement(
+    a,
+    {
+      icon: i,
+      title: "No Promos",
+      message: "No promo is currently available.",
+      className: "mt-lg"
+    }
+  ), t.length >= 1 && /* @__PURE__ */ React.createElement("div", { className: "relative mt-lg lg:overflow-hidden" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: o(
+        "grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md"
+      )
+    },
+    t.map((m) => /* @__PURE__ */ React.createElement(
+      l,
+      {
+        key: m.id,
+        promo: m,
+        shouldShowDescription: e.shouldShowDescription
+      }
+    ))
+  )));
+}
+export {
+  S as PromoGrid
+};

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

@@ -1,7 +1,7 @@
-import type { Promo } from '@opexa/portal-sdk-core';
+import { Promo } from '@opexa/portal-sdk-core';
 interface PromosItemProps {
     promo: Promo;
     shouldShowDescription?: boolean;
 }
-export declare function PromosItem(props: PromosItemProps): import("react").JSX.Element;
+export declare function PromosItem(props: PromosItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Promos/PromoItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/image.js"),u=require("../../_virtual/navigation.js"),a=require("tailwind-merge");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const o=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("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");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");function l(r){const{promo:e}=r,t=u.navigationExports.useRouter();return React.createElement("div",{key:e.id,className:"border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border"},e.banner.url&&React.createElement(i,{src:e.banner.url,alt:e.name,width:1200,height:500,priority:!0,className:"aspect-[1200/500] w-full rounded-t-md object-cover"}),React.createElement("div",{className:"flex flex-grow flex-col p-4"},React.createElement("p",{className:a.twJoin("w-full text-xl font-bold",r.shouldShowDescription?"text-start":"text-center")},e.name),r.shouldShowDescription&&e.description&&React.createElement("p",{className:"text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm",dangerouslySetInnerHTML:{__html:e.description}}),React.createElement("div",{className:"mt-auto pt-4"},React.createElement(o.Button,{className:"w-full",variant:"outline",onClick:()=>t.push(`/promos/${e.id}`)},"Read More"))))}exports.PromosItem=l;

package/dist/components/Promos/PromoItem.mjs

@@ -0,0 +1,78 @@
+import o from "../../_virtual/image.mjs";
+import { n as m } from "../../_virtual/navigation.mjs";
+import { twJoin as i } from "tailwind-merge";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as a } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../utils/capitalize.mjs";
+import "react";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../utils/toaster.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+function P(e) {
+  const { promo: t } = e, r = m.useRouter();
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      key: t.id,
+      className: "border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border"
+    },
+    t.banner.url && /* @__PURE__ */ React.createElement(
+      o,
+      {
+        src: t.banner.url,
+        alt: t.name,
+        width: 1200,
+        height: 500,
+        priority: !0,
+        className: "aspect-[1200/500] w-full rounded-t-md object-cover"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-grow flex-col p-4" }, /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        className: i(
+          "w-full text-xl font-bold",
+          e.shouldShowDescription ? "text-start" : "text-center"
+        )
+      },
+      t.name
+    ), e.shouldShowDescription && t.description && /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        className: "text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm",
+        dangerouslySetInnerHTML: { __html: t.description }
+      }
+    ), /* @__PURE__ */ React.createElement("div", { className: "mt-auto pt-4" }, /* @__PURE__ */ React.createElement(
+      a,
+      {
+        className: "w-full",
+        variant: "outline",
+        onClick: () => r.push(`/promos/${t.id}`)
+      },
+      "Read More"
+    )))
+  );
+}
+export {
+  P as PromosItem
+};

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

@@ -8,4 +8,4 @@ export interface PromosProps {
     /** @default 'carousel' */
     layout?: 'carousel' | 'grid';
 }
-export declare function Promos(props: PromosProps): Promise<import("react").JSX.Element>;
+export declare function Promos(props: PromosProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Promos/Promos.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./PromoCarousel.js"),o=require("./PromoGrid.js");function t(e){return e.layout==="grid"?React.createElement(o.PromoGrid,{...e}):React.createElement(r.PromoCarousel,{...e})}exports.Promos=t;

package/dist/components/Promos/Promos.mjs

@@ -0,0 +1,8 @@
+import { PromoCarousel as r } from "./PromoCarousel.mjs";
+import { PromoGrid as t } from "./PromoGrid.mjs";
+function a(e) {
+  return e.layout === "grid" ? /* @__PURE__ */ React.createElement(t, { ...e }) : /* @__PURE__ */ React.createElement(r, { ...e });
+}
+export {
+  a as Promos
+};