@opexa/portal-components 0.0.18 → 0.0.19

package/dist/components/Messages/Messages.mjs

@@ -1,9 +1,8 @@
 "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 { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { Portal as d } from "@ark-ui/react";
+import { z as u } from "zod";
+import { useShallow as g } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -13,16 +12,18 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as y } from "../../client/hooks/useGlobalStore.mjs";
+import { useGlobalStore as b } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useMessagesQuery as f } from "../../client/hooks/useMessagesQuery.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 { useUnreadMessagesCountQuery as x } from "../../client/hooks/useUnreadMessagesCountQuery.mjs";
+import { Bell01Icon as h } from "../../icons/Bell01Icon.mjs";
+import { SpinnerIcon as y } from "../../icons/SpinnerIcon.mjs";
+import { XIcon as N } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -30,11 +31,12 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.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 { Root as v, Trigger as M, Backdrop as C, Positioner as I, Content as w, CloseTrigger as A } from "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
-import { IconButton as U } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as R } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
@@ -44,52 +46,66 @@ 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 },
+import { Root as S, List as T, Trigger as n, Indicator as z, Content as E } from "../../ui/Tabs/Tabs.mjs";
+import { InfiniteScroll as L } from "../InfiniteScroll.mjs";
+import { MessageItem as P } from "./MessageItem.mjs";
+import { MessagePopup as Q } from "./MessagePopup.mjs";
+const p = ["ALL", "UNREAD"];
+function Pe() {
+  var m;
+  const o = b(
+    g((r) => ({ messages: r.messages }))
+  ), a = x(
+    {},
+    { refetchInterval: 5e3 }
+  ).data ?? 0, l = f(
     {
-      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: [
+      first: 10,
+      ...o.messages.tab === "UNREAD" && {
+        filter: {
+          markedAsRead: {
+            equal: !0
+          }
+        }
+      }
+    },
+    { refetchInterval: 5e3 }
+  ), i = ((m = l.data) == null ? void 0 : m.pages.flatMap(
+    (r) => r.edges.map((s) => s.node)
+  )) ?? [];
+  return /* @__PURE__ */ t(c, { children: [
     /* @__PURE__ */ t(
-      A,
+      v,
       {
-        open: o.open,
-        onOpenChange: ({ open: r }) => o.setOpen(r),
+        open: o.messages.open,
+        onOpenChange: ({ open: r }) => o.messages.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__ */ e(M, { asChild: !0, children: /* @__PURE__ */ t(R, { size: "sm", colorScheme: "gray", className: "relative", children: [
+            !!a && /* @__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: a }),
+            /* @__PURE__ */ e(h, {})
           ] }) }),
-          /* @__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(d, { children: [
+            /* @__PURE__ */ e(C, {}),
+            /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(w, { 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__ */ e(A, { className: "p-2", children: /* @__PURE__ */ e(N, {}) })
               ] }),
               /* @__PURE__ */ t(
-                E,
+                S,
                 {
-                  value: u,
-                  onValueChange: ({ value: r }) => o.setTab(x.enum(["ALL", "UNREAD"]).parse(r)),
+                  value: o.messages.tab,
+                  onValueChange: (r) => o.messages.setTab(
+                    u.enum(p).parse(r.value)
+                  ),
                   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("div", { className: "mb-4 w-full px-4", children: /* @__PURE__ */ t(T, { className: "border-border-secondary w-full border", children: [
                       /* @__PURE__ */ e(
-                        p,
+                        n,
                         {
                           value: "ALL",
                           className: "flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600",
@@ -97,37 +113,40 @@ function Ee() {
                         }
                       ),
                       /* @__PURE__ */ t(
-                        p,
+                        n,
                         {
                           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("div", { children: "Unread" }),
+                            !!a && /* @__PURE__ */ e("div", { className: "border-border-primary bg-bg-secondary rounded-full border px-2 py-0.5", children: a })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ e(S, { className: "bg-bg-active" })
+                      /* @__PURE__ */ e(z, { className: "bg-bg-active" })
                     ] }) }),
                     /* @__PURE__ */ e("div", { className: "border-border-secondary mb-10 w-full border-t" }),
-                    ["ALL", "UNREAD"].map((r) => /* @__PURE__ */ e(
-                      j,
+                    p.map((r) => /* @__PURE__ */ t(
+                      E,
                       {
                         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)) })
-                          }
-                        )
+                        children: [
+                          i.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col space-y-4", children: i.map((s) => /* @__PURE__ */ e(P, { message: s }, s.id)) }),
+                          /* @__PURE__ */ e(
+                            L,
+                            {
+                              loader: /* @__PURE__ */ e(y, { className: "mx-auto size-5" }),
+                              hasMore: !!l.hasNextPage,
+                              loadMore: async () => {
+                                await l.fetchNextPage();
+                              },
+                              className: "mt-4"
+                            }
+                          )
+                        ]
                       },
                       r
                     ))
@@ -139,9 +158,9 @@ function Ee() {
         ]
       }
     ),
-    /* @__PURE__ */ e(z, {})
+    /* @__PURE__ */ e(Q, {})
   ] });
 }
 export {
-  Ee as Messages
+  Pe as Messages
 };

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

@@ -0,0 +1,2 @@
+import { PortalProviderProps } from './PortalProvider';
+export declare function PortalProvider__client({ googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, facebookPixelId, children, }: PortalProviderProps): import("react").JSX.Element;

package/dist/components/PortalProvider/{Providers.js → PortalProvider.client.js}

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

package/dist/components/PortalProvider/{Providers.mjs → PortalProvider.client.mjs}

@@ -1,23 +1,32 @@
 "use client";
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { Toaster as s, Toast as i } from "@ark-ui/react";
-import { QueryClientProvider as c } from "@tanstack/react-query";
+import { Toaster as a, Toast as i } from "@ark-ui/react";
+import { GoogleAnalytics as p, GoogleTagManager as f } from "@next/third-parties/google";
+import { QueryClientProvider as g } from "@tanstack/react-query";
 import { twMerge as o } from "tailwind-merge";
 import "react";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
-import { getQueryClient as d } from "../../utils/getQueryClient.mjs";
+import { getQueryClient as u } from "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as m } from "../../client/utils/toaster.mjs";
-import { AlertCircleIcon as a } from "../../icons/AlertCircleIcon.mjs";
-import { XIcon as p } from "../../icons/XIcon.mjs";
-function I({ children: l }) {
-  const n = d();
-  return /* @__PURE__ */ t(c, { client: n, children: [
-    l,
-    /* @__PURE__ */ r(s, { toaster: m, children: (e) => /* @__PURE__ */ t(
+import { toaster as x } from "../../client/utils/toaster.mjs";
+import { AlertCircleIcon as y } from "../../icons/AlertCircleIcon.mjs";
+import { XIcon as h } from "../../icons/XIcon.mjs";
+import { FacebookPixel as v } from "../../third-parties/FacebookPixel/FacebookPixel.mjs";
+import { GoogleRecaptcha as b } from "../../third-parties/GoogleRecaptcha/GoogleRecaptcha.mjs";
+function O({
+  googleAnalyticsId: l,
+  googleTagManagerId: n,
+  googleRecaptchaSiteKey: m,
+  facebookPixelId: s,
+  children: c
+}) {
+  const d = u();
+  return /* @__PURE__ */ t(g, { client: d, children: [
+    c,
+    /* @__PURE__ */ r(a, { toaster: x, children: (e) => /* @__PURE__ */ t(
       i.Root,
       {
         className: "shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",
@@ -37,7 +46,7 @@ function I({ children: l }) {
                     e.type === "error" ? "border-red-500/35" : "border-green-500/35"
                   ),
                   children: /* @__PURE__ */ r(
-                    a,
+                    y,
                     {
                       className: o(
                         "size-5",
@@ -53,13 +62,17 @@ function I({ children: l }) {
             /* @__PURE__ */ r(i.Title, { className: "font-semibold", children: e.title ? e.title : e.type === "error" ? "Error" : "Success" }),
             /* @__PURE__ */ r(i.Description, { className: "text-gray-700 mt-1", children: e.description ? e.description : e.type === "error" ? "Something went wrong." : "Operation completed successfully." })
           ] }),
-          /* @__PURE__ */ r(i.CloseTrigger, { className: "text-gray-400 hover:text-gray-500 self-start", children: /* @__PURE__ */ r(p, { className: "size-5" }) })
+          /* @__PURE__ */ r(i.CloseTrigger, { className: "text-gray-400 hover:text-gray-500 self-start", children: /* @__PURE__ */ r(h, { className: "size-5" }) })
         ]
       },
       e.id
-    ) })
+    ) }),
+    s && /* @__PURE__ */ r(v, { fbId: s }),
+    l && /* @__PURE__ */ r(p, { gaId: l }),
+    n && /* @__PURE__ */ r(f, { gtmId: n }),
+    m && /* @__PURE__ */ r(b, { siteKey: m })
   ] });
 }
 export {
-  I as Providers
+  O as PortalProvider__client
 };

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

@@ -1,2 +1,9 @@
-import { PropsWithChildren } from 'react';
-export declare function PortalProvider({ children }: PropsWithChildren): Promise<import("react").JSX.Element>;
+import { ReactNode } from 'react';
+export interface PortalProviderProps {
+    googleAnalyticsId?: string;
+    googleTagManagerId?: string;
+    googleRecaptchaSiteKey?: string;
+    facebookPixelId?: string;
+    children: ReactNode;
+}
+export declare function PortalProvider({ children, ...props }: PortalProviderProps): Promise<import("react").JSX.Element>;

package/dist/components/PortalProvider/PortalProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@tanstack/react-query"),i=require("../../server/utils/prefetchAccountQuery.js");require("@opexa/portal-sdk-core");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");const o=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("next/headers");const n=require("../../server/utils/prefetchSessionQuery.js"),c=require("../../server/utils/prefetchWalletQuery.js"),s=require("./Providers.js");async function y({children:t}){const u=o.getQueryClient();return await Promise.all([n.prefetchSessionQuery(),i.prefetchAccountQuery(),c.prefetchWalletQuery()]),e.jsx(s.Providers,{children:e.jsx(r.HydrationBoundary,{state:r.dehydrate(u),children:t})})}exports.PortalProvider=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@tanstack/react-query");require("react");const o=require("../../server/utils/prefetchAccountQuery.js");require("@opexa/portal-sdk-core");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");const n=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../server/services/getSession.js");require("date-fns");require("next/headers");const c=require("../../server/utils/prefetchSessionQuery.js"),s=require("../../server/utils/prefetchWalletQuery.js"),l=require("./PortalProvider.client.js");async function q({children:t,...i}){const u=n.getQueryClient();return await Promise.all([c.prefetchSessionQuery(),o.prefetchAccountQuery(),s.prefetchWalletQuery()]),e.jsx(l.PortalProvider__client,{...i,children:e.jsx(r.HydrationBoundary,{state:r.dehydrate(u),children:t})})}exports.PortalProvider=q;

package/dist/components/PortalProvider/PortalProvider.mjs

@@ -1,25 +1,31 @@
 import { jsx as r } from "react/jsx-runtime";
-import { HydrationBoundary as e, dehydrate as i } from "@tanstack/react-query";
-import { prefetchAccountQuery as m } from "../../server/utils/prefetchAccountQuery.mjs";
+import { HydrationBoundary as e, dehydrate as m } from "@tanstack/react-query";
+import "react";
+import { prefetchAccountQuery as p } from "../../server/utils/prefetchAccountQuery.mjs";
 import "@opexa/portal-sdk-core";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
-import { getQueryClient as p } from "../../utils/getQueryClient.mjs";
+import { getQueryClient as n } from "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../server/services/getSession.mjs";
+import "date-fns";
 import "next/headers";
-import { prefetchSessionQuery as n } from "../../server/utils/prefetchSessionQuery.mjs";
+import { prefetchSessionQuery as a } from "../../server/utils/prefetchSessionQuery.mjs";
 import { prefetchWalletQuery as f } from "../../server/utils/prefetchWalletQuery.mjs";
-import { Providers as a } from "./Providers.mjs";
-async function q({ children: o }) {
-  const t = p();
+import { PortalProvider__client as c } from "./PortalProvider.client.mjs";
+async function B({
+  children: t,
+  ...o
+}) {
+  const i = n();
   return await Promise.all([
-    n(),
-    m(),
+    a(),
+    p(),
     f()
-  ]), /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(e, { state: i(t), children: o }) });
+  ]), /* @__PURE__ */ r(c, { ...o, children: /* @__PURE__ */ r(e, { state: m(i), children: t }) });
 }
 export {
-  q as PortalProvider
+  B as PortalProvider
 };

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

@@ -1,4 +1,7 @@
 export interface PromoProps {
     id: string;
+    /** @default '/promos' */
+    viewAllPromosUrl?: string;
+    className?: string;
 }
-export declare function Promo(props: PromoProps): import("react").JSX.Element;
+export declare function Promo(props: PromoProps): Promise<import("react").JSX.Element>;

package/dist/components/Promo/Promo.js

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

package/dist/components/Promo/Promo.mjs

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

package/dist/components/Promo/PromoContent.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../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 u=require("../../client/hooks/usePromoQuery.js");function o(i){const r=u.usePromoQuery(i.id);return r.isLoading?e.jsx("p",{children:"Loading..."}):r.isError?e.jsxs("p",{children:["Error: ",r.error.message]}):r.data?e.jsxs("div",{children:[e.jsx("h1",{children:r.data.name}),e.jsx("p",{children:r.data.description})]}):e.jsx("p",{children:"No promo data found."})}exports.PromoContent=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("next/image"),u=require("next/link"),r=require("../../icons/ChevronLeftIcon.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/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.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("tailwind-merge");require("../../ui/Progress/Progress.js");const t=require("../../ui/Prose.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function l(i){return e.jsxs("div",{className:i.className,children:[e.jsxs(u,{href:i.viewAllPromosUrl??"/promos",className:"text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold",children:[e.jsx(r.ChevronLeftIcon,{className:"size-6"}),"Back to all Promotions"]}),e.jsx(s,{src:"https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png",alt:"",width:1024,height:600,className:"mt-xl h-auto w-full rounded-xl lg:mt-6"}),e.jsx(a.Button,{className:"mt-xl lg:mt-6",children:"Deposit Now"}),e.jsx("h1",{className:"mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl",children:"Welcome Bonus 100% up to $500 + 10 Free Spins"}),e.jsx("p",{className:"text-text-secondary-700 mt-xl lg:mt-6",children:"Ends 5/26/2025, 1:59:59 AM"}),e.jsxs(t.Prose,{className:"mt-2xl lg:mt-6",children:[e.jsx("p",{children:"Mi tincidunt elit, id quisque ligula ac diam, amet. Vel etiam suspendisse morbi eleifend faucibus eget vestibulum felis. Dictum quis montes, sit sit. Tellus aliquam enim urna, etiam. Mauris posuere vulputate arcu amet, vitae nisi, tellus tincidunt. At feugiat sapien varius id."}),e.jsx("p",{children:"Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat."}),e.jsx("p",{children:"Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus. Quis velit eget ut tortor tellus. Sed vel, congue felis elit erat nam nibh orci."}),e.jsx("p",{children:"Dolor enim eu tortor urna sed duis nulla. Aliquam vestibulum, nulla odio nisl vitae. In aliquet pellentesque aenean hac vestibulum turpis mi bibendum diam. Tempor integer aliquam in vitae malesuada fringilla."}),e.jsx("p",{children:"Elit nisi in eleifend sed nisi. Pulvinar at orci, proin imperdiet commodo consectetur convallis risus. Sed condimentum enim dignissim adipiscing faucibus consequat, urna. Viverra purus et erat auctor aliquam. Risus, volutpat vulputate posuere purus sit congue convallis aliquet. Arcu id augue ut feugiat donec porttitor neque. Mauris, neque ultricies eu vestibulum, bibendum quam lorem id. Dolor lacus, eget nunc lectus in tellus, pharetra, porttitor."}),e.jsx("p",{children:"Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus. Quis velit eget ut tortor tellus. Sed vel, congue felis elit erat nam nibh orci."}),e.jsx("h5",{children:"General Conditions:"}),e.jsx("p",{children:"Mi tincidunt elit, id quisque ligula ac diam, amet. Vel etiam suspendisse morbi eleifend faucibus eget vestibulum felis. Dictum quis montes, sit sit. Tellus aliquam enim urna, etiam. Mauris posuere vulputate arcu amet, vitae nisi, tellus tincidunt. At feugiat sapien varius id."}),e.jsx("p",{children:"Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat."})]}),e.jsxs(t.Prose,{className:"bg-bg-secondary mt-xl rounded-2xl p-2xl lg:mt-16 lg:p-4xl",children:[e.jsx("h2",{children:"Conclusion"}),e.jsx("p",{children:"Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse."}),e.jsx("p",{children:"Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus."}),e.jsx("p",{children:"Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare id morbi eget ipsum. Aliquam senectus neque ut id eget consectetur dictum. Donec posuere pharetra odio consequat scelerisque et, nunc tortor."})]})]})}exports.PromoContent=l;

package/dist/components/Promo/PromoContent.mjs

@@ -1,31 +1,84 @@
 "use client";
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
-import "../../constants/index.mjs";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import u from "next/image";
+import a from "next/link";
+import { ChevronLeftIcon as l } from "../../icons/ChevronLeftIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as r } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.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 "../../utils/parseDecimal.mjs";
+import "../../constants/index.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 "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { usePromoQuery as m } from "../../client/hooks/usePromoQuery.mjs";
-function P(t) {
-  const r = m(t.id);
-  return r.isLoading ? /* @__PURE__ */ o("p", { children: "Loading..." }) : r.isError ? /* @__PURE__ */ i("p", { children: [
-    "Error: ",
-    r.error.message
-  ] }) : r.data ? /* @__PURE__ */ i("div", { children: [
-    /* @__PURE__ */ o("h1", { children: r.data.name }),
-    /* @__PURE__ */ o("p", { children: r.data.description })
-  ] }) : /* @__PURE__ */ o("p", { children: "No promo data found." });
+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 { Prose as s } from "../../ui/Prose.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+function W(t) {
+  return /* @__PURE__ */ i("div", { className: t.className, children: [
+    /* @__PURE__ */ i(
+      a,
+      {
+        href: t.viewAllPromosUrl ?? "/promos",
+        className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold",
+        children: [
+          /* @__PURE__ */ e(l, { className: "size-6" }),
+          "Back to all Promotions"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      u,
+      {
+        src: "https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png",
+        alt: "",
+        width: 1024,
+        height: 600,
+        className: "mt-xl h-auto w-full rounded-xl lg:mt-6"
+      }
+    ),
+    /* @__PURE__ */ e(r, { className: "mt-xl lg:mt-6", children: "Deposit Now" }),
+    /* @__PURE__ */ e("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: "Welcome Bonus 100% up to $500 + 10 Free Spins" }),
+    /* @__PURE__ */ e("p", { className: "text-text-secondary-700 mt-xl lg:mt-6", children: "Ends 5/26/2025, 1:59:59 AM" }),
+    /* @__PURE__ */ i(s, { className: "mt-2xl lg:mt-6", children: [
+      /* @__PURE__ */ e("p", { children: "Mi tincidunt elit, id quisque ligula ac diam, amet. Vel etiam suspendisse morbi eleifend faucibus eget vestibulum felis. Dictum quis montes, sit sit. Tellus aliquam enim urna, etiam. Mauris posuere vulputate arcu amet, vitae nisi, tellus tincidunt. At feugiat sapien varius id." }),
+      /* @__PURE__ */ e("p", { children: "Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat." }),
+      /* @__PURE__ */ e("p", { children: "Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus. Quis velit eget ut tortor tellus. Sed vel, congue felis elit erat nam nibh orci." }),
+      /* @__PURE__ */ e("p", { children: "Dolor enim eu tortor urna sed duis nulla. Aliquam vestibulum, nulla odio nisl vitae. In aliquet pellentesque aenean hac vestibulum turpis mi bibendum diam. Tempor integer aliquam in vitae malesuada fringilla." }),
+      /* @__PURE__ */ e("p", { children: "Elit nisi in eleifend sed nisi. Pulvinar at orci, proin imperdiet commodo consectetur convallis risus. Sed condimentum enim dignissim adipiscing faucibus consequat, urna. Viverra purus et erat auctor aliquam. Risus, volutpat vulputate posuere purus sit congue convallis aliquet. Arcu id augue ut feugiat donec porttitor neque. Mauris, neque ultricies eu vestibulum, bibendum quam lorem id. Dolor lacus, eget nunc lectus in tellus, pharetra, porttitor." }),
+      /* @__PURE__ */ e("p", { children: "Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus. Quis velit eget ut tortor tellus. Sed vel, congue felis elit erat nam nibh orci." }),
+      /* @__PURE__ */ e("h5", { children: "General Conditions:" }),
+      /* @__PURE__ */ e("p", { children: "Mi tincidunt elit, id quisque ligula ac diam, amet. Vel etiam suspendisse morbi eleifend faucibus eget vestibulum felis. Dictum quis montes, sit sit. Tellus aliquam enim urna, etiam. Mauris posuere vulputate arcu amet, vitae nisi, tellus tincidunt. At feugiat sapien varius id." }),
+      /* @__PURE__ */ e("p", { children: "Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat." })
+    ] }),
+    /* @__PURE__ */ i(s, { className: "bg-bg-secondary mt-xl rounded-2xl p-2xl lg:mt-16 lg:p-4xl", children: [
+      /* @__PURE__ */ e("h2", { children: "Conclusion" }),
+      /* @__PURE__ */ e("p", { children: "Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse." }),
+      /* @__PURE__ */ e("p", { children: "Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus." }),
+      /* @__PURE__ */ e("p", { children: "Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare id morbi eget ipsum. Aliquam senectus neque ut id eget consectetur dictum. Donec posuere pharetra odio consequat scelerisque et, nunc tortor." })
+    ] })
+  ] });
 }
 export {
-  P as PromoContent
+  W as PromoContent
 };

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"),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;
+"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"),i=require("react"),N=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.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/Combobox/Combobox.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.js"),w=require("./PromoItem.js");function C(o){const n=f.usePromosQuery({}).data||[],[c,r]=h({align:"start",slidesToScroll:1,breakpoints:{"(min-width: 1024px)":{slidesToScroll:3}}}),[u,a]=i.useState(!0),[d,q]=i.useState(!0),m=i.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),x=i.useCallback(async()=>{r==null||r.scrollNext()},[r]),t=i.useCallback(s=>{a(!(s!=null&&s.canScrollPrev())),q(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{r&&(t(r),r.on("reInit",t).on("select",t))},[r,t]),e.jsxs("div",{className:o.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:o.heading??"Promotions"}),e.jsx("div",{className:"grow"}),e.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxs(g,{href:o.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:o.shouldShowDescription},s.id))})})]})}exports.PromoCarousel=C;

package/dist/components/Promos/PromoCarousel.mjs

@@ -13,6 +13,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import "../../client/hooks/useGlobalStore.mjs";
@@ -30,6 +31,7 @@ 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/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -45,9 +47,9 @@ 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 { Empty as B } from "../Empty.mjs";
 import { PromosItem as D } from "./PromoItem.mjs";
-function Co(i) {
+function Bo(i) {
   const s = w({}).data || [], [a, o] = N({
     align: "start",
     slidesToScroll: 1,
@@ -138,5 +140,5 @@ function Co(i) {
   ] });
 }
 export {
-  Co as PromoCarousel
+  Bo as PromoCarousel
 };