@opexa/portal-components 0.0.16 → 0.0.18

package/dist/components/Messages/MessageItem.mjs

@@ -0,0 +1,66 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { getMessageIcon as g } from "./utils.mjs";
+import { format as h } from "date-fns";
+import y from "next/link";
+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 "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as N } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { useMarkMessageAsReadMutation as k } from "../../client/hooks/useMarkMessageAsReadMutation.mjs";
+import { useShallow as w } from "zustand/shallow";
+function J({ message: o }) {
+  const { id: m, title: n, dateTimeCreated: i, content: c, markedAsRead: l, icon: d, actions: a } = o, { messages: s } = N(
+    w((t) => ({ messages: t.messages }))
+  ), { mutateAsync: p } = k(), x = g(d), f = async () => {
+    await p({
+      id: m
+    }), s.message.setOpen(!0), s.message.setContent(o), s.setOpen(!1);
+  }, u = (t) => {
+    t.stopPropagation(), s.setOpen(!1), s.setTab("ALL");
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: "border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5",
+      onClick: f,
+      "aria-pressed": "false",
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 text-xs font-normal", children: h(new Date(i), "M/d/yyyy - h:mma") }),
+          !l && /* @__PURE__ */ e("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "mb-2 flex items-center space-x-2", children: [
+          /* @__PURE__ */ e(x, { className: "text-brand-400" }),
+          /* @__PURE__ */ e("p", { className: "text-text-primary-brand text-sm font-semibold", children: n })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-wrap text-sm font-normal", children: c }),
+        a.length > 0 && /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: a.map((t, b) => /* @__PURE__ */ e(
+          y,
+          {
+            className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm",
+            href: t.url,
+            onClick: u,
+            children: t.name
+          },
+          b
+        )) })
+      ]
+    }
+  );
+}
+export {
+  J as MessageItem
+};

package/dist/components/Messages/MessagePopup.d.ts

@@ -0,0 +1 @@
+export declare const MessagePopup: () => import("react").JSX.Element;

package/dist/components/Messages/MessagePopup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@ark-ui/react"),u=require("next/link"),o=require("zustand/shallow");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("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const c=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const x=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/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");const i=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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const q=require("./utils.js"),d=()=>{const{messages:s}=c.useGlobalStore(o.useShallow(t=>({messages:t.messages}))),r=s.message.content,n=q.getMessageIcon((r==null?void 0:r.icon)??"MESSAGE");return e.jsx(i.Root,{lazyMount:!0,unmountOnExit:!0,open:s.message.open,onOpenChange:({open:t})=>{s.message.setOpen(t),s.setOpen(!1),s.setTab("ALL")},closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(a.Portal,{children:[e.jsx(i.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(i.Positioner,{className:"!z-[calc(var(--z-dialog)+2)] flex items-center justify-center",children:e.jsxs(i.Content,{className:"min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5",children:[e.jsx(i.CloseTrigger,{children:e.jsx(x.XIcon,{})}),e.jsxs("div",{className:"flex flex-col items-center space-y-3 pb-6",children:[e.jsx("div",{className:"bg-bg-brand-secondary w-fit rounded-full p-3",children:e.jsx(n,{className:"text-text-brand",height:"24",width:"24"})}),e.jsxs("div",{className:"group flex flex-col text-center",children:[e.jsx("p",{className:"text-text-primary-brand text-[18px] font-semibold leading-[28px]",children:r==null?void 0:r.title}),e.jsx("p",{className:"text-shadow-text-secondary-700 text-sm font-normal",children:r==null?void 0:r.content})]})]}),r!=null&&r.actions.length?e.jsx("div",{className:"flex flex-col space-y-2 px-4 pb-8 pt-6 text-center",children:r.actions.map((t,l)=>e.jsx(u,{className:"bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold",href:t.url,onClick:()=>{s.setOpen(!1),s.setTab("ALL"),s.message.setOpen(!1)},children:t.name},l))}):null]})})]})})};exports.MessagePopup=d;

package/dist/components/Messages/MessagePopup.mjs

@@ -0,0 +1,89 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Portal as s } from "@ark-ui/react";
+import n from "next/link";
+import { useShallow as a } from "zustand/shallow";
+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 "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as l } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { XIcon as c } from "../../icons/XIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import "../../ui/Button/button.recipe.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import { Root as d, Backdrop as x, Positioner as f, Content as u, CloseTrigger as h } from "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { getMessageIcon as b } from "./utils.mjs";
+const st = () => {
+  const { messages: o } = l(
+    a((r) => ({ messages: r.messages }))
+  ), t = o.message.content, m = b((t == null ? void 0 : t.icon) ?? "MESSAGE");
+  return /* @__PURE__ */ e(
+    d,
+    {
+      lazyMount: !0,
+      unmountOnExit: !0,
+      open: o.message.open,
+      onOpenChange: ({ open: r }) => {
+        o.message.setOpen(r), o.setOpen(!1), o.setTab("ALL");
+      },
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      children: /* @__PURE__ */ i(s, { children: [
+        /* @__PURE__ */ e(x, { className: "!z-[calc(var(--z-dialog)+1)]" }),
+        /* @__PURE__ */ e(f, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: /* @__PURE__ */ i(u, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [
+          /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(c, {}) }),
+          /* @__PURE__ */ i("div", { className: "flex flex-col items-center space-y-3 pb-6", children: [
+            /* @__PURE__ */ e("div", { className: "bg-bg-brand-secondary w-fit rounded-full p-3", children: /* @__PURE__ */ e(m, { className: "text-text-brand", height: "24", width: "24" }) }),
+            /* @__PURE__ */ i("div", { className: "group flex flex-col text-center", children: [
+              /* @__PURE__ */ e("p", { className: "text-text-primary-brand text-[18px] font-semibold leading-[28px]", children: t == null ? void 0 : t.title }),
+              /* @__PURE__ */ e("p", { className: "text-shadow-text-secondary-700 text-sm font-normal", children: t == null ? void 0 : t.content })
+            ] })
+          ] }),
+          t != null && t.actions.length ? /* @__PURE__ */ e("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: t.actions.map((r, p) => /* @__PURE__ */ e(
+            n,
+            {
+              className: "bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold",
+              href: r.url,
+              onClick: () => {
+                o.setOpen(!1), o.setTab("ALL"), o.message.setOpen(!1);
+              },
+              children: r.name
+            },
+            p
+          )) }) : null
+        ] }) })
+      ] })
+    }
+  );
+};
+export {
+  st as MessagePopup
+};

package/dist/components/Messages/Messages.d.ts

@@ -0,0 +1 @@
+export declare function Messages(): import("react").JSX.Element;

package/dist/components/Messages/Messages.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("@ark-ui/react"),b=require("react-infinite-scroll-component"),q=require("zod"),h=require("zustand/shallow");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("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const p=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const f=require("../../client/hooks/useUnreadMessagesCountQuery.js"),j=require("../../client/hooks/useMessagesQuery.js"),y=require("../../icons/Bell01Icon.js"),N=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/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");const s=require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const M=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const t=require("../../ui/Tabs/Tabs.js"),v=require("./MessageItem.js"),I=require("./MessagePopup.js");function L(){const{messages:a}=p.useGlobalStore(h.useShallow(r=>({messages:r.messages}))),{data:o,isLoading:u}=f.useUnreadMessagesCountQuery(),{data:i,fetchNextPage:d,hasNextPage:x}=j.useMessagesQuery({first:10},{refetchInterval:1e4}),c=(i==null?void 0:i.pages.flatMap(r=>r.edges.map(l=>l.node)))??[],n={ALL:c,UNREAD:c.filter(r=>!r.markedAsRead)},g=a.tab;return e.jsxs(e.Fragment,{children:[e.jsxs(s.Root,{open:a.open,onOpenChange:({open:r})=>a.setOpen(r),lazyMount:!0,unmountOnExit:!0,children:[e.jsx(s.Trigger,{asChild:!0,children:e.jsxs(M.IconButton,{size:"sm",colorScheme:"gray",className:"relative",children:[!u&&e.jsx("div",{className:"bg-brand-500 leading-4.5 text-button-primary-fg absolute -right-1.5 -top-1.5 rounded-full border px-1.5 text-2xs font-semibold",children:o}),e.jsx(y.Bell01Icon,{})]})}),e.jsxs(m.Portal,{children:[e.jsx(s.Backdrop,{}),e.jsx(s.Positioner,{children:e.jsx(s.Content,{className:"bg-gray-50 bg-bg-primary flex flex-col",children:e.jsxs("div",{className:"flex flex-col space-y-6",children:[e.jsxs("div",{className:"flex items-end justify-between px-4 pt-6",children:[e.jsx("p",{className:"text-text-primary-brand text-xl font-semibold",children:"Notifications"}),e.jsx(s.CloseTrigger,{className:"p-2",children:e.jsx(N.XIcon,{})})]}),e.jsxs(t.Root,{value:g,onValueChange:({value:r})=>a.setTab(q.z.enum(["ALL","UNREAD"]).parse(r)),lazyMount:!0,unmountOnExit:!0,children:[e.jsx("div",{className:"mb-4 w-full px-4",children:e.jsxs(t.List,{className:"border-border-secondary w-full border",children:[e.jsx(t.Trigger,{value:"ALL",className:"flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600",children:"All"}),e.jsxs(t.Trigger,{value:"UNREAD",className:"flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600 flex items-center justify-center space-x-2",children:[e.jsx("p",{children:"Unread"}),!u&&e.jsx("div",{className:"border-border-primary bg-bg-secondary rounded-full border px-2 py-[2px]",children:o})]}),e.jsx(t.Indicator,{className:"bg-bg-active"})]})}),e.jsx("div",{className:"border-border-secondary mb-10 w-full border-t"}),["ALL","UNREAD"].map(r=>e.jsx(t.Content,{id:"messages-scrollable",value:r,className:"scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full max-h-[calc(100vh-197px)] overflow-y-auto pb-4 pl-4",style:{scrollbarGutter:"stable"},children:n[r].length>0&&e.jsx(b,{dataLength:n[r].length,next:d,hasMore:!!x,loader:null,scrollableTarget:"messages-scrollable",children:e.jsx("div",{className:"flex flex-col space-y-4",children:n[r].map(l=>e.jsx(v.MessageItem,{message:l},l.id))})})},r))]})]})})})]})]}),e.jsx(I.MessagePopup,{})]})}exports.Messages=L;

package/dist/components/Messages/Messages.mjs

@@ -0,0 +1,147 @@
+"use client";
+import { jsxs as t, Fragment as g, jsx as e } from "react/jsx-runtime";
+import { Portal as f } from "@ark-ui/react";
+import b from "react-infinite-scroll-component";
+import { z as x } from "zod";
+import { useShallow as h } from "zustand/shallow";
+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 "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as y } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { useUnreadMessagesCountQuery as N } from "../../client/hooks/useUnreadMessagesCountQuery.mjs";
+import { useMessagesQuery as v } from "../../client/hooks/useMessagesQuery.mjs";
+import { Bell01Icon as M } from "../../icons/Bell01Icon.mjs";
+import { XIcon as L } from "../../icons/XIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import "../../ui/Button/button.recipe.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import { Root as A, Trigger as C, Backdrop as w, Positioner as R, Content as I, CloseTrigger as T } from "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import { IconButton as U } from "../../ui/IconButton/IconButton.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import { Root as E, List as P, Trigger as p, Indicator as S, Content as j } from "../../ui/Tabs/Tabs.mjs";
+import { MessageItem as k } from "./MessageItem.mjs";
+import { MessagePopup as z } from "./MessagePopup.mjs";
+function Ee() {
+  const { messages: o } = y(
+    h((r) => ({ messages: r.messages }))
+  ), { data: i, isLoading: m } = N(), { data: l, fetchNextPage: c, hasNextPage: d } = v(
+    { first: 10 },
+    {
+      refetchInterval: 1e4
+    }
+  ), n = (l == null ? void 0 : l.pages.flatMap((r) => r.edges.map((a) => a.node))) ?? [], s = {
+    ALL: n,
+    UNREAD: n.filter((r) => !r.markedAsRead)
+  }, u = o.tab;
+  return /* @__PURE__ */ t(g, { children: [
+    /* @__PURE__ */ t(
+      A,
+      {
+        open: o.open,
+        onOpenChange: ({ open: r }) => o.setOpen(r),
+        lazyMount: !0,
+        unmountOnExit: !0,
+        children: [
+          /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ t(U, { size: "sm", colorScheme: "gray", className: "relative", children: [
+            !m && /* @__PURE__ */ e("div", { className: "bg-brand-500 leading-4.5 text-button-primary-fg absolute -right-1.5 -top-1.5 rounded-full border px-1.5 text-2xs font-semibold", children: i }),
+            /* @__PURE__ */ e(M, {})
+          ] }) }),
+          /* @__PURE__ */ t(f, { children: [
+            /* @__PURE__ */ e(w, {}),
+            /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(I, { className: "bg-gray-50 bg-bg-primary flex flex-col", children: /* @__PURE__ */ t("div", { className: "flex flex-col space-y-6", children: [
+              /* @__PURE__ */ t("div", { className: "flex items-end justify-between px-4 pt-6", children: [
+                /* @__PURE__ */ e("p", { className: "text-text-primary-brand text-xl font-semibold", children: "Notifications" }),
+                /* @__PURE__ */ e(T, { className: "p-2", children: /* @__PURE__ */ e(L, {}) })
+              ] }),
+              /* @__PURE__ */ t(
+                E,
+                {
+                  value: u,
+                  onValueChange: ({ value: r }) => o.setTab(x.enum(["ALL", "UNREAD"]).parse(r)),
+                  lazyMount: !0,
+                  unmountOnExit: !0,
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "mb-4 w-full px-4", children: /* @__PURE__ */ t(P, { className: "border-border-secondary w-full border", children: [
+                      /* @__PURE__ */ e(
+                        p,
+                        {
+                          value: "ALL",
+                          className: "flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600",
+                          children: "All"
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        p,
+                        {
+                          value: "UNREAD",
+                          className: "flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600 flex items-center justify-center space-x-2",
+                          children: [
+                            /* @__PURE__ */ e("p", { children: "Unread" }),
+                            !m && /* @__PURE__ */ e("div", { className: "border-border-primary bg-bg-secondary rounded-full border px-2 py-[2px]", children: i })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ e(S, { className: "bg-bg-active" })
+                    ] }) }),
+                    /* @__PURE__ */ e("div", { className: "border-border-secondary mb-10 w-full border-t" }),
+                    ["ALL", "UNREAD"].map((r) => /* @__PURE__ */ e(
+                      j,
+                      {
+                        id: "messages-scrollable",
+                        value: r,
+                        className: "scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full max-h-[calc(100vh-197px)] overflow-y-auto pb-4 pl-4",
+                        style: { scrollbarGutter: "stable" },
+                        children: s[r].length > 0 && /* @__PURE__ */ e(
+                          b,
+                          {
+                            dataLength: s[r].length,
+                            next: c,
+                            hasMore: !!d,
+                            loader: null,
+                            scrollableTarget: "messages-scrollable",
+                            children: /* @__PURE__ */ e("div", { className: "flex flex-col space-y-4", children: s[r].map((a) => /* @__PURE__ */ e(k, { message: a }, a.id)) })
+                          }
+                        )
+                      },
+                      r
+                    ))
+                  ]
+                }
+              )
+            ] }) }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(z, {})
+  ] });
+}
+export {
+  Ee as Messages
+};

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

@@ -0,0 +1 @@
+export * from './Messages';

package/dist/components/Messages/utils.d.ts

@@ -0,0 +1,3 @@
+import { MessageIcon } from '@opexa/portal-sdk-core';
+import { BellRingIcon } from '../../icons';
+export declare function getMessageIcon(logo: MessageIcon): typeof BellRingIcon;

package/dist/components/Messages/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../icons/BellRingIcon.js"),e={BELL:r.BellRingIcon,CHECK:r.BellRingIcon,CONFETTI:r.BellRingIcon,GIFT:r.BellRingIcon,TROPHY:r.BellRingIcon,INFO:r.BellRingIcon};function i(n){return n==="ALERT"?e.INFO:n==="CHECK"?e.CHECK:n==="MESSAGE"?e.BELL:n==="CELEBRATE"?e.CONFETTI:n==="GIFT"?e.GIFT:n==="INFO"?e.INFO:e.TROPHY}exports.getMessageIcon=i;

package/dist/components/Messages/utils.mjs

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import { BellRingIcon as n } from "../../icons/BellRingIcon.mjs";
+const r = {
+  BELL: n,
+  CHECK: n,
+  CONFETTI: n,
+  GIFT: n,
+  TROPHY: n,
+  INFO: n
+};
+function I(E) {
+  return E === "ALERT" ? r.INFO : E === "CHECK" ? r.CHECK : E === "MESSAGE" ? r.BELL : E === "CELEBRATE" ? r.CONFETTI : E === "GIFT" ? r.GIFT : E === "INFO" ? r.INFO : r.TROPHY;
+}
+export {
+  I as getMessageIcon
+};

package/dist/components/Promos/PromoCarousel.js

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

package/dist/components/Promos/PromoCarousel.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import N from "embla-carousel-react";
 import v from "next/link";
-import { useState as n, useCallback as m, useEffect as x } from "react";
+import { useState as n, useCallback as l, useEffect as x } from "react";
 import { twMerge as S } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
@@ -29,6 +29,7 @@ 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/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -36,16 +37,18 @@ import "../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { Empty as B } from "../Empty/Empty.mjs";
 import { PromosItem as D } from "./PromoItem.mjs";
-function wo(i) {
-  const l = w({}).data || [], [a, o] = N({
+function Co(i) {
+  const s = w({}).data || [], [a, o] = N({
     align: "start",
     slidesToScroll: 1,
     breakpoints: {
@@ -53,33 +56,33 @@ function wo(i) {
         slidesToScroll: 3
       }
     }
-  }), [d, p] = n(!0), [f, u] = n(!0), h = m(
+  }), [d, p] = n(!0), [f, u] = n(!0), h = l(
     () => o == null ? void 0 : o.scrollPrev(),
     [o]
-  ), g = m(async () => {
+  ), g = l(async () => {
     o == null || o.scrollNext();
-  }, [o]), s = m((e) => {
-    p(!(e != null && e.canScrollPrev())), u(!(e != null && e.canScrollNext()));
+  }, [o]), m = l((t) => {
+    p(!(t != null && t.canScrollPrev())), u(!(t != null && t.canScrollNext()));
   }, []);
   return x(() => {
-    o && (s(o), o.on("reInit", s).on("select", s));
-  }, [o, s]), /* @__PURE__ */ t("div", { className: i.className, children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold", children: i.heading }),
+    o && (m(o), o.on("reInit", m).on("select", m));
+  }, [o, m]), /* @__PURE__ */ e("div", { className: i.className, children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold", children: i.heading ?? "Promotions" }),
       /* @__PURE__ */ r("div", { className: "grow" }),
-      /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-xl", children: [
-        /* @__PURE__ */ t(
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-xl", children: [
+        /* @__PURE__ */ e(
           v,
           {
-            href: i.seeAllUrl,
-            className: "flex gap-sm text-sm font-semibold",
+            href: i.viewAllUrl ?? "/promos",
+            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
             children: [
               "See All",
               /* @__PURE__ */ r(C, { className: "size-5 lg:hidden" })
             ]
           }
         ),
-        /* @__PURE__ */ t("div", { className: "hidden lg:flex", children: [
+        /* @__PURE__ */ e("div", { className: "hidden lg:flex", children: [
           /* @__PURE__ */ r(
             c,
             {
@@ -107,33 +110,33 @@ function wo(i) {
         ] })
       ] })
     ] }),
-    l.length <= 0 && /* @__PURE__ */ r(
+    s.length <= 0 && /* @__PURE__ */ r(
       B,
       {
         icon: k,
         title: "No Promos",
         message: "No promo is currently available.",
-        className: "mt-lg"
+        className: "mt-8"
       }
     ),
-    l.length >= 1 && /* @__PURE__ */ r("div", { ref: a, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ r(
+    s.length >= 1 && /* @__PURE__ */ r("div", { ref: a, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ r(
       "div",
       {
         className: S(
           "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((e) => /* @__PURE__ */ r(
+        children: s.map((t) => /* @__PURE__ */ r(
           D,
           {
-            promo: e,
+            promo: t,
             shouldShowDescription: i.shouldShowDescription
           },
-          e.id
+          t.id
         ))
       }
     ) })
   ] });
 }
 export {
-  wo as PromoCarousel
+  Co as PromoCarousel
 };

package/dist/components/Promos/PromoGrid.js

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

package/dist/components/Promos/PromoGrid.mjs

@@ -21,13 +21,13 @@ import { Gift01Icon as l } from "../../icons/Gift01Icon.mjs";
 import { Empty as a } from "../Empty/Empty.mjs";
 import { PromosItem as p } from "./PromoItem.mjs";
 function k(r) {
-  const i = s({}).data || [];
+  const m = s({}).data || [];
   return /* @__PURE__ */ t("div", { className: r.className, children: [
     /* @__PURE__ */ t("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ o("h2", { className: "text-lg font-semibold", children: r.heading }),
+      /* @__PURE__ */ o("h2", { className: "text-lg font-semibold", children: r.heading ?? "Promos" }),
       /* @__PURE__ */ o("div", { className: "grow" })
     ] }),
-    i.length <= 0 && /* @__PURE__ */ o(
+    m.length <= 0 && /* @__PURE__ */ o(
       a,
       {
         icon: l,
@@ -36,19 +36,19 @@ function k(r) {
         className: "mt-lg"
       }
     ),
-    i.length >= 1 && /* @__PURE__ */ o("div", { className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ o(
+    m.length >= 1 && /* @__PURE__ */ o("div", { className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ o(
       "div",
       {
         className: e(
           "grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md"
         ),
-        children: i.map((m) => /* @__PURE__ */ o(
+        children: m.map((i) => /* @__PURE__ */ o(
           p,
           {
-            promo: m,
+            promo: i,
             shouldShowDescription: r.shouldShowDescription
           },
-          m.id
+          i.id
         ))
       }
     ) })

package/dist/components/Promos/PromoItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("next/image"),o=require("next/navigation"),l=require("tailwind-merge");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const s=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("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.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 n(i){const{promo:e}=i,t=o.useRouter();return r.jsxs("div",{className:"border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border",children:[e.banner.url&&r.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.jsxs("div",{className:"flex flex-grow flex-col p-4",children:[r.jsx("p",{className:l.twJoin("w-full text-xl font-bold",i.shouldShowDescription?"text-start":"text-center"),children:e.name}),i.shouldShowDescription&&e.description&&r.jsx("p",{className:"text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm",dangerouslySetInnerHTML:{__html:e.description}}),r.jsx("div",{className:"mt-auto pt-4",children:r.jsx(s.Button,{className:"w-full",variant:"outline",onClick:()=>t.push(`/promos/${e.id}`),children:"Read More"})})]})]},e.id)}exports.PromosItem=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("next/image"),o=require("next/navigation"),l=require("tailwind-merge");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const s=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.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("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function n(i){const{promo:e}=i,t=o.useRouter();return r.jsxs("div",{className:"border-gray-50 bg-accent-50 relative flex h-full flex-col rounded-md border",children:[e.banner.url&&r.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.jsxs("div",{className:"flex flex-grow flex-col p-4",children:[r.jsx("p",{className:l.twJoin("w-full text-xl font-bold",i.shouldShowDescription?"text-start":"text-center"),children:e.name}),i.shouldShowDescription&&e.description&&r.jsx("p",{className:"text-gray-600 mb-2 line-clamp-2 w-full overflow-hidden text-start text-sm",dangerouslySetInnerHTML:{__html:e.description}}),r.jsx("div",{className:"mt-auto pt-4",children:r.jsx(s.Button,{className:"w-full",variant:"outline",onClick:()=>t.push(`/promos/${e.id}`),children:"Read More"})})]})]},e.id)}exports.PromosItem=n;