@opexa/portal-components 0.0.8 → 0.0.9

package/dist/components/Promos/PromoCarousel.mjs

@@ -1,8 +1,9 @@
 "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 { j as o } from "../../_virtual/jsx-runtime.mjs";
+import h from "embla-carousel-react";
+import g from "../../_virtual/link.mjs";
+import { useState as m, useCallback as l, useEffect as N } from "react";
+import { twMerge as j } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -18,15 +19,15 @@ 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 { usePromosQuery as v } from "../../hooks/usePromosQuery.mjs";
+import { ArrowLeftIcon as S } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as w } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as y } from "../../icons/ChevronRightIcon.mjs";
+import { Gift01Icon as P } 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 { Button as n } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
@@ -42,10 +43,10 @@ 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({
+import { Empty as C } from "../Empty/Empty.mjs";
+import { PromosItem as k } from "./PromoItem.mjs";
+function So(e) {
+  const i = v({}).data || [], [c, r] = h({
     align: "start",
     slidesToScroll: 1,
     breakpoints: {
@@ -53,71 +54,87 @@ function Ee(r) {
         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()));
+  }), [a, d] = m(!0), [p, x] = m(!0), f = l(
+    () => r == null ? void 0 : r.scrollPrev(),
+    [r]
+  ), u = l(async () => {
+    r == null || r.scrollNext();
+  }, [r]), s = l((t) => {
+    d(!(t != null && t.canScrollPrev())), x(!(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,
+  return N(() => {
+    r && (s(r), r.on("reInit", s).on("select", s));
+  }, [r, s]), /* @__PURE__ */ o.jsxs("div", { className: e.className, children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ o.jsx("h2", { className: "text-lg font-semibold", children: e.heading }),
+      /* @__PURE__ */ o.jsx("div", { className: "grow" }),
+      /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-center gap-xl", children: [
+        /* @__PURE__ */ o.jsxs(
+          g,
+          {
+            href: e.seeAllUrl,
+            className: "flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ o.jsx(y, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o.jsxs("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ o.jsx(
+            n,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              onClick: f,
+              disabled: a,
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ o.jsx(S, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            n,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-l-none",
+              onClick: u,
+              disabled: p,
+              "aria-label": "Next",
+              children: /* @__PURE__ */ o.jsx(w, { className: "size-5" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    i.length <= 0 && /* @__PURE__ */ o.jsx(
+      C,
+      {
+        icon: P,
+        title: "No Promos",
+        message: "No promo is currently available.",
+        className: "mt-lg"
+      }
+    ),
+    i.length >= 1 && /* @__PURE__ */ o.jsx("div", { ref: c, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ o.jsx(
+      "div",
       {
-        key: t.id,
-        promo: t,
-        shouldShowDescription: r.shouldShowDescription
+        className: j(
+          "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: i.map((t) => /* @__PURE__ */ o.jsx(
+          k,
+          {
+            promo: t,
+            shouldShowDescription: e.shouldShowDescription
+          },
+          t.id
+        ))
       }
-    ))
-  )));
+    ) })
+  ] });
 }
 export {
-  Ee as PromoCarousel
+  So as PromoCarousel
 };

package/dist/components/Promos/PromoGrid.js

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

package/dist/components/Promos/PromoGrid.mjs

@@ -1,5 +1,6 @@
 "use client";
-import { twMerge as o } from "tailwind-merge";
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { twMerge as t } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,37 +17,44 @@ 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(
+import { usePromosQuery as s } from "../../hooks/usePromosQuery.mjs";
+import { Gift01Icon as e } from "../../icons/Gift01Icon.mjs";
+import { Empty as l } from "../Empty/Empty.mjs";
+import { PromosItem as p } from "./PromoItem.mjs";
+function R(r) {
+  const i = s({}).data || [];
+  return /* @__PURE__ */ o.jsxs("div", { className: r.className, children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ o.jsx("h2", { className: "text-lg font-semibold", children: r.heading }),
+      /* @__PURE__ */ o.jsx("div", { className: "grow" })
+    ] }),
+    i.length <= 0 && /* @__PURE__ */ o.jsx(
       l,
       {
-        key: m.id,
-        promo: m,
-        shouldShowDescription: e.shouldShowDescription
+        icon: e,
+        title: "No Promos",
+        message: "No promo is currently available.",
+        className: "mt-lg"
       }
-    ))
-  )));
+    ),
+    i.length >= 1 && /* @__PURE__ */ o.jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        className: t(
+          "grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md"
+        ),
+        children: i.map((m) => /* @__PURE__ */ o.jsx(
+          p,
+          {
+            promo: m,
+            shouldShowDescription: r.shouldShowDescription
+          },
+          m.id
+        ))
+      }
+    ) })
+  ] });
 }
 export {
-  S as PromoGrid
+  R as PromoGrid
 };

package/dist/components/Promos/PromoItem.js

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

package/dist/components/Promos/PromoItem.mjs

@@ -1,10 +1,11 @@
-import o from "../../_virtual/image.mjs";
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import e from "../../_virtual/image.mjs";
 import { n as m } from "../../_virtual/navigation.mjs";
-import { twJoin as i } from "tailwind-merge";
+import { twJoin as l } 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 { Button as p } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
@@ -28,51 +29,57 @@ 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(
+function $(o) {
+  const { promo: t } = o, i = m.useRouter();
+  return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      key: t.id,
-      className: "border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border"
+      className: "border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border",
+      children: [
+        t.banner.url && /* @__PURE__ */ r.jsx(
+          e,
+          {
+            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__ */ r.jsxs("div", { className: "flex flex-grow flex-col p-4", children: [
+          /* @__PURE__ */ r.jsx(
+            "p",
+            {
+              className: l(
+                "w-full text-xl font-bold",
+                o.shouldShowDescription ? "text-start" : "text-center"
+              ),
+              children: t.name
+            }
+          ),
+          o.shouldShowDescription && t.description && /* @__PURE__ */ r.jsx(
+            "p",
+            {
+              className: "text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm",
+              dangerouslySetInnerHTML: { __html: t.description }
+            }
+          ),
+          /* @__PURE__ */ r.jsx("div", { className: "mt-auto pt-4", children: /* @__PURE__ */ r.jsx(
+            p,
+            {
+              className: "w-full",
+              variant: "outline",
+              onClick: () => i.push(`/promos/${t.id}`),
+              children: "Read More"
+            }
+          ) })
+        ] })
+      ]
     },
-    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"
-    )))
+    t.id
   );
 }
 export {
-  P as PromosItem
+  $ as PromosItem
 };

package/dist/components/Promos/Promos.js

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("./PromoCarousel.js"),t=require("./PromoGrid.js");function s(r){return r.layout==="grid"?o.jsxRuntimeExports.jsx(t.PromoGrid,{...r}):o.jsxRuntimeExports.jsx(e.PromoCarousel,{...r})}exports.Promos=s;

package/dist/components/Promos/Promos.mjs

@@ -1,8 +1,9 @@
-import { PromoCarousel as r } from "./PromoCarousel.mjs";
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { PromoCarousel as m } 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 });
+function u(r) {
+  return r.layout === "grid" ? /* @__PURE__ */ o.jsx(t, { ...r }) : /* @__PURE__ */ o.jsx(m, { ...r });
 }
 export {
-  a as Promos
+  u as Promos
 };

package/dist/components/Protected/Protected.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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");const u=require("../../hooks/useSessionQuery.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function i(e){var r;return((r=u.useSessionQuery().data)==null?void 0:r.status)==="authenticated"?e.children:e.fallback??null}exports.Protected=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../_virtual/jsx-runtime.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");const u=require("../../hooks/useSessionQuery.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function i(e){var r;return((r=u.useSessionQuery().data)==null?void 0:r.status)==="authenticated"?e.children:e.fallback??null}exports.Protected=i;

package/dist/components/Protected/Protected.mjs

@@ -4,6 +4,7 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
+import "../../_virtual/jsx-runtime.mjs";
 import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
@@ -16,10 +17,10 @@ import "../../_virtual/index.cjs.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-function P(t) {
+function Q(t) {
   var r;
   return ((r = i().data) == null ? void 0 : r.status) === "authenticated" ? t.children : t.fallback ?? null;
 }
 export {
-  P as Protected
+  Q as Protected
 };

package/dist/components/SignIn/SignIn.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@ark-ui/react"),i=require("../../_virtual/image.js");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");const u=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const a=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const e=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const c=require("./SignInForm.js"),o=require("../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js");function s(r){const l=u.useGlobalStore(o.useShallow(t=>t.signIn));return React.createElement(e.Root,{open:l.open,onOpenChange:t=>{l.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1},React.createElement(e.Trigger,{asChild:!0},r.children??React.createElement("button",{type:"button",className:"px-3.5 font-semibold"},"Login")),React.createElement(n.Portal,null,React.createElement(e.Backdrop,null),React.createElement(e.Positioner,null,React.createElement(e.Content,{className:"mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit"},React.createElement(i,{src:r.banner,alt:"h-auto w-[400px]",width:400,height:800,className:"hidden rounded-l-xl lg:block"}),React.createElement("div",{className:"relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl"},React.createElement(e.CloseTrigger,null,React.createElement(a.XIcon,null)),React.createElement(i,{src:r.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),React.createElement(c.SignInForm,null))))))}exports.SignIn=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),n=require("@ark-ui/react"),u=require("../../_virtual/image.js");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");const o=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const l=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const x=require("./SignInForm.js"),a=require("../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js");function q(i){const s=o.useGlobalStore(a.useShallow(t=>t.signIn));return e.jsxRuntimeExports.jsxs(r.Root,{open:s.open,onOpenChange:t=>{s.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsxRuntimeExports.jsx(r.Trigger,{asChild:!0,children:i.children??e.jsxRuntimeExports.jsx("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxRuntimeExports.jsxs(n.Portal,{children:[e.jsxRuntimeExports.jsx(r.Backdrop,{}),e.jsxRuntimeExports.jsx(r.Positioner,{children:e.jsxRuntimeExports.jsxs(r.Content,{className:"mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit",children:[e.jsxRuntimeExports.jsx(u,{src:i.banner,alt:"h-auto w-[400px]",width:400,height:800,className:"hidden rounded-l-xl lg:block"}),e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl",children:[e.jsxRuntimeExports.jsx(r.CloseTrigger,{children:e.jsxRuntimeExports.jsx(l.XIcon,{})}),e.jsxRuntimeExports.jsx(u,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsxRuntimeExports.jsx(x.SignInForm,{})]})]})})]})]})}exports.SignIn=q;

package/dist/components/SignIn/SignIn.mjs

@@ -1,6 +1,7 @@
 "use client";
+import { j as t } from "../../_virtual/jsx-runtime.mjs";
 import { Portal as m } from "@ark-ui/react";
-import o from "../../_virtual/image.mjs";
+import e from "../../_virtual/image.mjs";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -17,7 +18,7 @@ import "../../_virtual/index.cjs.mjs";
 import { useGlobalStore as l } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { XIcon as i } from "../../icons/XIcon.mjs";
+import { XIcon as s } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -25,7 +26,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
-import { Root as a, Trigger as n, Backdrop as p, Positioner as c, Content as s, CloseTrigger as u } from "../../ui/Dialog/Dialog.mjs";
+import { Root as p, Trigger as n, Backdrop as a, Positioner as x, Content as c, CloseTrigger as h } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
@@ -37,45 +38,57 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { SignInForm as g } from "./SignInForm.mjs";
-import { useShallow as f } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
-function et(t) {
-  const r = l(f((e) => e.signIn));
-  return /* @__PURE__ */ React.createElement(
-    a,
+import { SignInForm as u } from "./SignInForm.mjs";
+import { useShallow as d } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
+function it(o) {
+  const i = l(d((r) => r.signIn));
+  return /* @__PURE__ */ t.jsxs(
+    p,
     {
-      open: r.open,
-      onOpenChange: (e) => {
-        r.setOpen(e.open);
+      open: i.open,
+      onOpenChange: (r) => {
+        i.setOpen(r.open);
       },
       lazyMount: !0,
       unmountOnExit: !0,
       closeOnEscape: !1,
-      closeOnInteractOutside: !1
-    },
-    /* @__PURE__ */ React.createElement(n, { asChild: !0 }, t.children ?? /* @__PURE__ */ React.createElement("button", { type: "button", className: "px-3.5 font-semibold" }, "Login")),
-    /* @__PURE__ */ React.createElement(m, null, /* @__PURE__ */ React.createElement(p, null), /* @__PURE__ */ React.createElement(c, null, /* @__PURE__ */ React.createElement(s, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit" }, /* @__PURE__ */ React.createElement(
-      o,
-      {
-        src: t.banner,
-        alt: "h-auto w-[400px]",
-        width: 400,
-        height: 800,
-        className: "hidden rounded-l-xl lg:block"
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: "relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl" }, /* @__PURE__ */ React.createElement(u, null, /* @__PURE__ */ React.createElement(i, null)), /* @__PURE__ */ React.createElement(
-      o,
-      {
-        src: t.logo,
-        alt: "",
-        width: 200,
-        height: 100,
-        className: "mx-auto h-auto w-[120px]",
-        draggable: !1
-      }
-    ), /* @__PURE__ */ React.createElement(g, null)))))
+      closeOnInteractOutside: !1,
+      children: [
+        /* @__PURE__ */ t.jsx(n, { asChild: !0, children: o.children ?? /* @__PURE__ */ t.jsx("button", { type: "button", className: "px-3.5 font-semibold", children: "Login" }) }),
+        /* @__PURE__ */ t.jsxs(m, { children: [
+          /* @__PURE__ */ t.jsx(a, {}),
+          /* @__PURE__ */ t.jsx(x, { children: /* @__PURE__ */ t.jsxs(c, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit", children: [
+            /* @__PURE__ */ t.jsx(
+              e,
+              {
+                src: o.banner,
+                alt: "h-auto w-[400px]",
+                width: 400,
+                height: 800,
+                className: "hidden rounded-l-xl lg:block"
+              }
+            ),
+            /* @__PURE__ */ t.jsxs("div", { className: "relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl", children: [
+              /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsx(s, {}) }),
+              /* @__PURE__ */ t.jsx(
+                e,
+                {
+                  src: o.logo,
+                  alt: "",
+                  width: 200,
+                  height: 100,
+                  className: "mx-auto h-auto w-[120px]",
+                  draggable: !1
+                }
+              ),
+              /* @__PURE__ */ t.jsx(u, {})
+            ] })
+          ] }) })
+        ] })
+      ]
+    }
   );
 }
 export {
-  et as SignIn
+  it as SignIn
 };