@opexa/portal-components 0.0.16 → 0.0.18

package/dist/client/hooks/index.d.ts

@@ -43,5 +43,8 @@ export * from './useSiteQuery';
 export * from './useTopWinsQuery';
 export * from './useTournamentsQuery';
 export * from './useTransactionRecordsQuery';
+export * from './useUnreadMessagesCountQuery';
 export * from './useWalletQuery';
 export * from './useWithdrawalRecordsQuery';
+export * from './useMessagesQuery';
+export * from './useMarkMessageAsReadMutation';

package/dist/client/hooks/useGlobalStore.d.ts

@@ -1,4 +1,4 @@
-import { Game, GameSession } from '@opexa/portal-sdk-core';
+import { Game, GameSession, Message } from '@opexa/portal-sdk-core';
 interface Popup {
     open: boolean;
     setOpen: (open: boolean) => void;
@@ -25,6 +25,15 @@ interface GameLaunch {
     setDetails: (details: GameLaunchDetails) => void;
 }
 type DepositWithdrawalTab = 'DEPOSIT' | 'WITHDRAWAL';
+type MessagesTab = 'ALL' | 'UNREAD';
+interface Messages extends Popup {
+    tab: MessagesTab;
+    setTab: (tab: MessagesTab) => void;
+    message: Popup & {
+        setContent: (content: Message | null) => void;
+        content: Message | null;
+    };
+}
 interface DepositWithdrawalPopup extends Popup {
     tab: DepositWithdrawalTab;
     setTab: (tab: DepositWithdrawalTab) => void;
@@ -37,6 +46,7 @@ interface GlobalStore {
     gameLaunch: GameLaunch;
     profile: Popup;
     mobileProfile: Popup;
+    messages: Messages;
 }
 export declare const useGlobalStore: import('zustand').UseBoundStore<import('zustand').StoreApi<GlobalStore>>;
 export {};

package/dist/client/hooks/useGlobalStore.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("zustand"),s=l.create(a=>({signIn:{open:!1,setOpen(e){a(i=>({signIn:{...i.signIn,open:e}}))}},signUp:{open:!1,setOpen(e){a(i=>({signUp:{...i.signUp,open:e}}))}},disclaimer:{open:!1,setOpen(e){a(i=>({disclaimer:{...i.disclaimer,open:e}}))}},depositWithdrawal:{open:!1,setOpen(e){a(i=>({depositWithdrawal:{...i.depositWithdrawal,open:e}}))},tab:"DEPOSIT",setTab(e){a(i=>({depositWithdrawal:{...i.depositWithdrawal,tab:e}}))}},gameLaunch:{details:{status:"WAITING"},setDetails(e){a(i=>({gameLaunch:{...i.gameLaunch,details:e}}))}},profile:{open:!1,setOpen(e){a(i=>({profile:{...i.profile,open:e}}))}},mobileProfile:{open:!1,setOpen(e){a(i=>({mobileProfile:{...i.mobileProfile,open:e}}))}}}));exports.useGlobalStore=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("zustand"),i=n.create(a=>({signIn:{open:!1,setOpen(s){a(e=>({signIn:{...e.signIn,open:s}}))}},signUp:{open:!1,setOpen(s){a(e=>({signUp:{...e.signUp,open:s}}))}},disclaimer:{open:!1,setOpen(s){a(e=>({disclaimer:{...e.disclaimer,open:s}}))}},depositWithdrawal:{open:!1,setOpen(s){a(e=>({depositWithdrawal:{...e.depositWithdrawal,open:s}}))},tab:"DEPOSIT",setTab(s){a(e=>({depositWithdrawal:{...e.depositWithdrawal,tab:s}}))}},gameLaunch:{details:{status:"WAITING"},setDetails(s){a(e=>({gameLaunch:{...e.gameLaunch,details:s}}))}},profile:{open:!1,setOpen(s){a(e=>({profile:{...e.profile,open:s}}))}},mobileProfile:{open:!1,setOpen(s){a(e=>({mobileProfile:{...e.mobileProfile,open:s}}))}},messages:{open:!1,setOpen(s){a(e=>({messages:{...e.messages,open:s}}))},tab:"ALL",setTab(s){a(e=>({messages:{...e.messages,tab:s}}))},message:{content:null,open:!1,setOpen(s){a(e=>({messages:{...e.messages,message:{...e.messages.message,open:s}}}))},setContent(s){a(e=>({messages:{...e.messages,message:{...e.messages.message,content:s}}}))}}}}));exports.useGlobalStore=i;

package/dist/client/hooks/useGlobalStore.mjs

@@ -1,92 +1,138 @@
-import { create as l } from "zustand";
-const o = l((a) => ({
+import { create as i } from "zustand";
+const l = i((a) => ({
   signIn: {
     open: !1,
-    setOpen(e) {
-      a((i) => ({
+    setOpen(s) {
+      a((e) => ({
         signIn: {
-          ...i.signIn,
-          open: e
+          ...e.signIn,
+          open: s
         }
       }));
     }
   },
   signUp: {
     open: !1,
-    setOpen(e) {
-      a((i) => ({
+    setOpen(s) {
+      a((e) => ({
         signUp: {
-          ...i.signUp,
-          open: e
+          ...e.signUp,
+          open: s
         }
       }));
     }
   },
   disclaimer: {
     open: !1,
-    setOpen(e) {
-      a((i) => ({
+    setOpen(s) {
+      a((e) => ({
         disclaimer: {
-          ...i.disclaimer,
-          open: e
+          ...e.disclaimer,
+          open: s
         }
       }));
     }
   },
   depositWithdrawal: {
     open: !1,
-    setOpen(e) {
-      a((i) => ({
+    setOpen(s) {
+      a((e) => ({
         depositWithdrawal: {
-          ...i.depositWithdrawal,
-          open: e
+          ...e.depositWithdrawal,
+          open: s
         }
       }));
     },
     tab: "DEPOSIT",
-    setTab(e) {
-      a((i) => ({
+    setTab(s) {
+      a((e) => ({
         depositWithdrawal: {
-          ...i.depositWithdrawal,
-          tab: e
+          ...e.depositWithdrawal,
+          tab: s
         }
       }));
     }
   },
   gameLaunch: {
     details: { status: "WAITING" },
-    setDetails(e) {
-      a((i) => ({
+    setDetails(s) {
+      a((e) => ({
         gameLaunch: {
-          ...i.gameLaunch,
-          details: e
+          ...e.gameLaunch,
+          details: s
         }
       }));
     }
   },
   profile: {
     open: !1,
-    setOpen(e) {
-      a((i) => ({
+    setOpen(s) {
+      a((e) => ({
         profile: {
-          ...i.profile,
-          open: e
+          ...e.profile,
+          open: s
         }
       }));
     }
   },
   mobileProfile: {
     open: !1,
-    setOpen(e) {
-      a((i) => ({
+    setOpen(s) {
+      a((e) => ({
         mobileProfile: {
-          ...i.mobileProfile,
-          open: e
+          ...e.mobileProfile,
+          open: s
         }
       }));
     }
+  },
+  messages: {
+    open: !1,
+    setOpen(s) {
+      a((e) => ({
+        messages: {
+          ...e.messages,
+          open: s
+        }
+      }));
+    },
+    tab: "ALL",
+    setTab(s) {
+      a((e) => ({
+        messages: {
+          ...e.messages,
+          tab: s
+        }
+      }));
+    },
+    message: {
+      content: null,
+      open: !1,
+      setOpen(s) {
+        a((e) => ({
+          messages: {
+            ...e.messages,
+            message: {
+              ...e.messages.message,
+              open: s
+            }
+          }
+        }));
+      },
+      setContent(s) {
+        a((e) => ({
+          messages: {
+            ...e.messages,
+            message: {
+              ...e.messages.message,
+              content: s
+            }
+          }
+        }));
+      }
+    }
   }
 }));
 export {
-  o as useGlobalStore
+  l as useGlobalStore
 };

package/dist/client/hooks/useMarkMessageAsReadMutation.d.ts

@@ -0,0 +1,6 @@
+import { Mutation } from '../../types';
+type MarkMessageAsReadInput = {
+    id: string;
+};
+export declare const useMarkMessageAsReadMutation: Mutation<string, MarkMessageAsReadInput>;
+export {};

package/dist/client/hooks/useMarkMessageAsReadMutation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");const n=require("../../constants/index.js");require("../../utils/getLocaleInfo.js");const a=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const e=require("../../utils/queryKeys.js"),i=require("@tanstack/react-query"),o=require("../services/getSession.js"),y=require("tiny-invariant"),c=require("@opexa/portal-sdk-core"),q=u=>{const t=a.getQueryClient();return i.useMutation({...u,mutationKey:e.markMessageAsReadMutationKey(),mutationFn:async({id:r})=>{const s=await t.fetchQuery({queryKey:e.getSessionQueryKey(),queryFn:()=>o.getSession()});return y(s.status==="authenticated"),await c.markMessageAsRead(r,{environment:n.ENVIRONMENT,headers:{"Platform-Code":n.PLATFORM_CODE,Authorization:`Bearer ${s.token}`}}),r},onSuccess:()=>{t.invalidateQueries({queryKey:e.getMessagesQueryKey()}),t.invalidateQueries({queryKey:e.getUnreadMessagesCountQueryKey()})}})};exports.useMarkMessageAsReadMutation=q;

package/dist/client/hooks/useMarkMessageAsReadMutation.mjs

@@ -0,0 +1,39 @@
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import { PLATFORM_CODE as a, ENVIRONMENT as i } from "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import { getQueryClient as s } from "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import { markMessageAsReadMutationKey as n, getMessagesQueryKey as u, getUnreadMessagesCountQueryKey as m, getSessionQueryKey as y } from "../../utils/queryKeys.mjs";
+import { useMutation as p } from "@tanstack/react-query";
+import { getSession as M } from "../services/getSession.mjs";
+import g from "tiny-invariant";
+import { markMessageAsRead as c } from "@opexa/portal-sdk-core";
+const E = (o) => {
+  const e = s();
+  return p({
+    ...o,
+    mutationKey: n(),
+    mutationFn: async ({ id: t }) => {
+      const r = await e.fetchQuery({
+        queryKey: y(),
+        queryFn: () => M()
+      });
+      return g(r.status === "authenticated"), await c(t, {
+        environment: i,
+        headers: {
+          "Platform-Code": a,
+          Authorization: `Bearer ${r.token}`
+        }
+      }), t;
+    },
+    onSuccess: () => {
+      e.invalidateQueries({ queryKey: u() }), e.invalidateQueries({
+        queryKey: m()
+      });
+    }
+  });
+};
+export {
+  E as useMarkMessageAsReadMutation
+};

package/dist/client/hooks/useMessagesQuery.d.ts

@@ -0,0 +1,3 @@
+import { Message, MessagesInput, PaginatedQueryResult } from '@opexa/portal-sdk-core';
+import { InfiniteQuery } from '../../types';
+export declare const useMessagesQuery: InfiniteQuery<PaginatedQueryResult<Message>, MessagesInput>;

package/dist/client/hooks/useMessagesQuery.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@opexa/portal-sdk-core"),d=require("@tanstack/react-query"),i=require("tiny-invariant"),o=require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");const Q=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const y=require("../../utils/queryKeys.js"),S=require("../services/getSession.js"),h=require("./useSessionQuery.js"),C=(u,t)=>{var n;const a=Q.getQueryClient(),q=h.useSessionQuery();return d.useInfiniteQuery({...t,enabled:(t==null?void 0:t.enabled)===!1?!1:((n=q.data)==null?void 0:n.status)==="authenticated",queryKey:y.getMessagesQueryKey(u),queryFn:async({pageParam:e,signal:s})=>{const r=await a.fetchQuery({queryKey:y.getSessionQueryKey(),queryFn:()=>S.getSession()});return i(r.status==="authenticated"),i(r.status==="authenticated"),c.getMessages({...u,after:e},{signal:s,environment:o.ENVIRONMENT,headers:{"Platform-Code":o.PLATFORM_CODE,Authorization:`Bearer ${r.token}`}})},initialPageParam:void 0,getNextPageParam(e){var s,r;if((s=e==null?void 0:e.pageInfo)!=null&&s.hasNextPage)return(r=e==null?void 0:e.pageInfo)==null?void 0:r.endCursor}})};exports.useMessagesQuery=C;

package/dist/client/hooks/useMessagesQuery.mjs

@@ -0,0 +1,47 @@
+import { getMessages as a } from "@opexa/portal-sdk-core";
+import { useInfiniteQuery as y } from "@tanstack/react-query";
+import i from "tiny-invariant";
+import { PLATFORM_CODE as p, ENVIRONMENT as f } from "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import { getQueryClient as d } from "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import { getMessagesQueryKey as Q, getSessionQueryKey as h } from "../../utils/queryKeys.mjs";
+import { getSession as q } from "../services/getSession.mjs";
+import { useSessionQuery as c } from "./useSessionQuery.mjs";
+const R = (s, t) => {
+  var n;
+  const u = d(), m = c();
+  return y({
+    ...t,
+    enabled: (t == null ? void 0 : t.enabled) === !1 ? !1 : ((n = m.data) == null ? void 0 : n.status) === "authenticated",
+    queryKey: Q(s),
+    queryFn: async ({ pageParam: e, signal: o }) => {
+      const r = await u.fetchQuery({
+        queryKey: h(),
+        queryFn: () => q()
+      });
+      return i(r.status === "authenticated"), i(r.status === "authenticated"), a(
+        { ...s, after: e },
+        {
+          signal: o,
+          environment: f,
+          headers: {
+            "Platform-Code": p,
+            Authorization: `Bearer ${r.token}`
+          }
+        }
+      );
+    },
+    initialPageParam: void 0,
+    getNextPageParam(e) {
+      var o, r;
+      if ((o = e == null ? void 0 : e.pageInfo) != null && o.hasNextPage)
+        return (r = e == null ? void 0 : e.pageInfo) == null ? void 0 : r.endCursor;
+    }
+  });
+};
+export {
+  R as useMessagesQuery
+};

package/dist/client/hooks/useUnreadMessagesCountQuery.d.ts

@@ -0,0 +1,3 @@
+import { UnreadMessagesCountInput } from '@opexa/portal-sdk-core';
+import { Query } from '../../types';
+export declare const useUnreadMessagesCountQuery: Query<number, UnreadMessagesCountInput>;

package/dist/client/hooks/useUnreadMessagesCountQuery.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@opexa/portal-sdk-core"),q=require("@tanstack/react-query"),c=require("tiny-invariant"),u=require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");const d=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const n=require("../../utils/queryKeys.js"),l=require("../services/getSession.js"),Q=require("./useSessionQuery.js"),C=(r,e)=>{var s;const a=d.getQueryClient(),o=Q.useSessionQuery();return q.useQuery({...e,enabled:(e==null?void 0:e.enabled)===!1?!1:((s=o.data)==null?void 0:s.status)==="authenticated",queryKey:n.getUnreadMessagesCountQueryKey(r),queryFn:async({signal:i})=>{const t=await a.fetchQuery({queryKey:n.getSessionQueryKey(),queryFn:()=>l.getSession()});return c(t.status==="authenticated"),await y.getUnreadMessagesCount(r,{signal:i,environment:u.ENVIRONMENT,headers:{"Platform-Code":u.PLATFORM_CODE,Authorization:`Bearer ${t.token}`}})}})};exports.useUnreadMessagesCountQuery=C;

package/dist/client/hooks/useUnreadMessagesCountQuery.mjs

@@ -0,0 +1,38 @@
+import { getUnreadMessagesCount as u } from "@opexa/portal-sdk-core";
+import { useQuery as i } from "@tanstack/react-query";
+import m from "tiny-invariant";
+import { PLATFORM_CODE as y, ENVIRONMENT as p } from "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import { getQueryClient as d } from "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import { getUnreadMessagesCountQueryKey as Q, getSessionQueryKey as f } from "../../utils/queryKeys.mjs";
+import { getSession as l } from "../services/getSession.mjs";
+import { useSessionQuery as q } from "./useSessionQuery.mjs";
+const v = (r, e) => {
+  var t;
+  const o = d(), a = q();
+  return i({
+    ...e,
+    enabled: (e == null ? void 0 : e.enabled) === !1 ? !1 : ((t = a.data) == null ? void 0 : t.status) === "authenticated",
+    queryKey: Q(r),
+    queryFn: async ({ signal: n }) => {
+      const s = await o.fetchQuery({
+        queryKey: f(),
+        queryFn: () => l()
+      });
+      return m(s.status === "authenticated"), await u(r, {
+        signal: n,
+        environment: p,
+        headers: {
+          "Platform-Code": y,
+          Authorization: `Bearer ${s.token}`
+        }
+      });
+    }
+  });
+};
+export {
+  v as useUnreadMessagesCountQuery
+};

package/dist/client-hooks.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./client/hooks/useAccountQuery.js"),u=require("./client/hooks/useAuthenticateMutation.js"),s=require("./client/hooks/useAvailablePromosQuery.js"),t=require("./client/hooks/useBetRecordsQuery.js"),r=require("./client/hooks/useCashbacksQuery.js"),a=require("./client/hooks/useControllableState.js"),o=require("./client/hooks/useCooldown.js"),i=require("./client/hooks/useCreateGameSessionMutation.js"),n=require("./client/hooks/useCreateGCashDepositMutation.js"),y=require("./client/hooks/useCreateGCashWithdrawalMutation.js"),c=require("./client/hooks/useCreateInstapayWithdrawalMutation.js"),M=require("./client/hooks/useCreateMayaAppDepositMutation.js"),Q=require("./client/hooks/useCreateMayaAppWithdrawalMutation.js"),l=require("./client/hooks/useCreateMayaDepositMutation.js"),p=require("./client/hooks/useCreateMayaWithdrawalMutation.js"),C=require("./client/hooks/useCreateOnlineBankDepositMutation.js"),q=require("./client/hooks/useCreateQRPHDepositMutation.js"),d=require("./client/hooks/useDepositQuery.js"),S=require("./client/hooks/useDepositRecordsQuery.js"),m=require("./client/hooks/useDepositsCountQuery.js"),h=require("./client/hooks/useDisclosure.js"),D=require("./client/hooks/useEndGameSessionMutation.js"),b=require("./client/hooks/useGamesQuery.js"),P=require("./client/hooks/useGlobalStore.js"),W=require("./client/hooks/useInfiniteQueryHelper.js"),w=require("./client/hooks/useInstapayBankListQuery.js"),A=require("./client/hooks/useIsMayaSessionValidQuery.js"),G=require("./client/hooks/useJackpotsQuery.js"),I=require("./client/hooks/useLocaleInfo.js"),f=require("./client/hooks/useMemberVerificationQuery.js"),R=require("./client/hooks/useMobileNumberParser.js"),g=require("./client/hooks/useOnMMA.js"),k=require("./client/hooks/usePaymentSettingsQuery.js"),O=require("./client/hooks/usePlatformQuery.js"),T=require("./client/hooks/usePromoQuery.js"),B=require("./client/hooks/usePromosQuery.js"),V=require("./client/hooks/useSendVerificationCodeMutation.js"),H=require("./client/hooks/useSessionQuery.js"),L=require("./client/hooks/useSignInMutation.js"),v=require("./client/hooks/useSignOutMutation.js"),E=require("./client/hooks/useSignUpMutation.js"),J=require("./client/hooks/useSiteQuery.js"),N=require("./client/hooks/useTopWinsQuery.js"),U=require("./client/hooks/useTournamentsQuery.js"),j=require("./client/hooks/useTransactionRecordsQuery.js"),x=require("./client/hooks/useWalletQuery.js"),z=require("./client/hooks/useWithdrawalRecordsQuery.js");exports.useAccountQuery=e.useAccountQuery;exports.useAuthenticateMutation=u.useAuthenticateMutation;exports.useAvailablePromosQuery=s.useAvailablePromosQuery;exports.useBetRecordsQuery=t.useBetRecordsQuery;exports.useCashbacksQuery=r.useCashbacksQuery;exports.useControllableState=a.useControllableState;exports.useCooldown=o.useCooldown;exports.useCreateGameSessionMutation=i.useCreateGameSessionMutation;exports.useCreateGCashDepositMutation=n.useCreateGCashDepositMutation;exports.useCreateGCashWithdrawalMutation=y.useCreateGCashWithdrawalMutation;exports.useCreateInstapayWithdrawalMutation=c.useCreateInstapayWithdrawalMutation;exports.useCreateMayaAppDepositMutation=M.useCreateMayaAppDepositMutation;exports.useCreateMayaAppWithdrawalMutation=Q.useCreateMayaAppWithdrawalMutation;exports.useCreateMayaDepositMutation=l.useCreateMayaDepositMutation;exports.useCreateMayaWithdrawalMutation=p.useCreateMayaWithdrawalMutation;exports.useCreateOnlineBankDepositMutation=C.useCreateOnlineBankDepositMutation;exports.useCreateQRPHDepositMutation=q.useCreateQRPHDepositMutation;exports.useDepositQuery=d.useDepositQuery;exports.useDepositRecordsQuery=S.useDepositRecordsQuery;exports.useDepositsCountQuery=m.useDepositsCountQuery;exports.useDisclosure=h.useDisclosure;exports.useEndGameSessionMutation=D.useEndGameSessionMutation;exports.useGamesQuery=b.useGamesQuery;exports.useGlobalStore=P.useGlobalStore;exports.useInfiniteQueryHelper=W.useInfiniteQueryHelper;exports.useInstapayBankListQuery=w.useInstapayBankListQuery;exports.useIsMayaSessionValidQuery=A.useIsMayaSessionValidQuery;exports.useJackpotsQuery=G.useJackpotsQuery;exports.useLocaleInfo=I.useLocaleInfo;exports.useMemberVerificationQuery=f.useMemberVerificationQuery;exports.useMobileNumberParser=R.useMobileNumberParser;exports.useOnMMA=g.useOnMMA;exports.usePaymentSettingsQuery=k.usePaymentSettingsQuery;exports.usePlatformQuery=O.usePlatformQuery;exports.usePromoQuery=T.usePromoQuery;exports.usePromosQuery=B.usePromosQuery;exports.useSendVerificationCodeMutation=V.useSendVerificationCodeMutation;exports.useSessionQuery=H.useSessionQuery;exports.useSignInMutation=L.useSignInMutation;exports.useSignOutMutation=v.useSignOutMutation;exports.useSignUpMutation=E.useSignUpMutation;exports.useSiteQuery=J.useSiteQuery;exports.useTopWinsQuery=N.useTopWinsQuery;exports.useTournamentsQuery=U.useTournamentsQuery;exports.useTransactionRecordsQuery=j.useTransactionRecordsQuery;exports.useWalletQuery=x.useWalletQuery;exports.useWithdrawalRecordsQuery=z.useWithdrawalRecordsQuery;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./client/hooks/useAccountQuery.js"),u=require("./client/hooks/useAuthenticateMutation.js"),s=require("./client/hooks/useAvailablePromosQuery.js"),t=require("./client/hooks/useBetRecordsQuery.js"),r=require("./client/hooks/useCashbacksQuery.js"),a=require("./client/hooks/useControllableState.js"),o=require("./client/hooks/useCooldown.js"),i=require("./client/hooks/useCreateGameSessionMutation.js"),n=require("./client/hooks/useCreateGCashDepositMutation.js"),y=require("./client/hooks/useCreateGCashWithdrawalMutation.js"),c=require("./client/hooks/useCreateInstapayWithdrawalMutation.js"),M=require("./client/hooks/useCreateMayaAppDepositMutation.js"),Q=require("./client/hooks/useCreateMayaAppWithdrawalMutation.js"),l=require("./client/hooks/useCreateMayaDepositMutation.js"),p=require("./client/hooks/useCreateMayaWithdrawalMutation.js"),C=require("./client/hooks/useCreateOnlineBankDepositMutation.js"),d=require("./client/hooks/useCreateQRPHDepositMutation.js"),q=require("./client/hooks/useDepositQuery.js"),S=require("./client/hooks/useDepositRecordsQuery.js"),m=require("./client/hooks/useDepositsCountQuery.js"),h=require("./client/hooks/useDisclosure.js"),D=require("./client/hooks/useEndGameSessionMutation.js"),b=require("./client/hooks/useGamesQuery.js"),g=require("./client/hooks/useGlobalStore.js"),P=require("./client/hooks/useInfiniteQueryHelper.js"),A=require("./client/hooks/useInstapayBankListQuery.js"),W=require("./client/hooks/useIsMayaSessionValidQuery.js"),w=require("./client/hooks/useJackpotsQuery.js"),G=require("./client/hooks/useLocaleInfo.js"),I=require("./client/hooks/useMemberVerificationQuery.js"),R=require("./client/hooks/useMobileNumberParser.js"),f=require("./client/hooks/useOnMMA.js"),k=require("./client/hooks/usePaymentSettingsQuery.js"),O=require("./client/hooks/usePlatformQuery.js"),T=require("./client/hooks/usePromoQuery.js"),B=require("./client/hooks/usePromosQuery.js"),V=require("./client/hooks/useSendVerificationCodeMutation.js"),H=require("./client/hooks/useSessionQuery.js"),L=require("./client/hooks/useSignInMutation.js"),U=require("./client/hooks/useSignOutMutation.js"),v=require("./client/hooks/useSignUpMutation.js"),E=require("./client/hooks/useSiteQuery.js"),J=require("./client/hooks/useTopWinsQuery.js"),N=require("./client/hooks/useTournamentsQuery.js"),j=require("./client/hooks/useTransactionRecordsQuery.js"),x=require("./client/hooks/useUnreadMessagesCountQuery.js"),z=require("./client/hooks/useWalletQuery.js"),F=require("./client/hooks/useWithdrawalRecordsQuery.js"),K=require("./client/hooks/useMessagesQuery.js"),X=require("./client/hooks/useMarkMessageAsReadMutation.js");exports.useAccountQuery=e.useAccountQuery;exports.useAuthenticateMutation=u.useAuthenticateMutation;exports.useAvailablePromosQuery=s.useAvailablePromosQuery;exports.useBetRecordsQuery=t.useBetRecordsQuery;exports.useCashbacksQuery=r.useCashbacksQuery;exports.useControllableState=a.useControllableState;exports.useCooldown=o.useCooldown;exports.useCreateGameSessionMutation=i.useCreateGameSessionMutation;exports.useCreateGCashDepositMutation=n.useCreateGCashDepositMutation;exports.useCreateGCashWithdrawalMutation=y.useCreateGCashWithdrawalMutation;exports.useCreateInstapayWithdrawalMutation=c.useCreateInstapayWithdrawalMutation;exports.useCreateMayaAppDepositMutation=M.useCreateMayaAppDepositMutation;exports.useCreateMayaAppWithdrawalMutation=Q.useCreateMayaAppWithdrawalMutation;exports.useCreateMayaDepositMutation=l.useCreateMayaDepositMutation;exports.useCreateMayaWithdrawalMutation=p.useCreateMayaWithdrawalMutation;exports.useCreateOnlineBankDepositMutation=C.useCreateOnlineBankDepositMutation;exports.useCreateQRPHDepositMutation=d.useCreateQRPHDepositMutation;exports.useDepositQuery=q.useDepositQuery;exports.useDepositRecordsQuery=S.useDepositRecordsQuery;exports.useDepositsCountQuery=m.useDepositsCountQuery;exports.useDisclosure=h.useDisclosure;exports.useEndGameSessionMutation=D.useEndGameSessionMutation;exports.useGamesQuery=b.useGamesQuery;exports.useGlobalStore=g.useGlobalStore;exports.useInfiniteQueryHelper=P.useInfiniteQueryHelper;exports.useInstapayBankListQuery=A.useInstapayBankListQuery;exports.useIsMayaSessionValidQuery=W.useIsMayaSessionValidQuery;exports.useJackpotsQuery=w.useJackpotsQuery;exports.useLocaleInfo=G.useLocaleInfo;exports.useMemberVerificationQuery=I.useMemberVerificationQuery;exports.useMobileNumberParser=R.useMobileNumberParser;exports.useOnMMA=f.useOnMMA;exports.usePaymentSettingsQuery=k.usePaymentSettingsQuery;exports.usePlatformQuery=O.usePlatformQuery;exports.usePromoQuery=T.usePromoQuery;exports.usePromosQuery=B.usePromosQuery;exports.useSendVerificationCodeMutation=V.useSendVerificationCodeMutation;exports.useSessionQuery=H.useSessionQuery;exports.useSignInMutation=L.useSignInMutation;exports.useSignOutMutation=U.useSignOutMutation;exports.useSignUpMutation=v.useSignUpMutation;exports.useSiteQuery=E.useSiteQuery;exports.useTopWinsQuery=J.useTopWinsQuery;exports.useTournamentsQuery=N.useTournamentsQuery;exports.useTransactionRecordsQuery=j.useTransactionRecordsQuery;exports.useUnreadMessagesCountQuery=x.useUnreadMessagesCountQuery;exports.useWalletQuery=z.useWalletQuery;exports.useWithdrawalRecordsQuery=F.useWithdrawalRecordsQuery;exports.useMessagesQuery=K.useMessagesQuery;exports.useMarkMessageAsReadMutation=X.useMarkMessageAsReadMutation;

package/dist/client-hooks.mjs

@@ -1,4 +1,4 @@
-import { useAccountQuery as r } from "./client/hooks/useAccountQuery.mjs";
+import { useAccountQuery as o } from "./client/hooks/useAccountQuery.mjs";
 import { useAuthenticateMutation as u } from "./client/hooks/useAuthenticateMutation.mjs";
 import { useAvailablePromosQuery as a } from "./client/hooks/useAvailablePromosQuery.mjs";
 import { useBetRecordsQuery as m } from "./client/hooks/useBetRecordsQuery.mjs";
@@ -6,26 +6,26 @@ import { useCashbacksQuery as f } from "./client/hooks/useCashbacksQuery.mjs";
 import { useControllableState as x } from "./client/hooks/useControllableState.mjs";
 import { useCooldown as M } from "./client/hooks/useCooldown.mjs";
 import { useCreateGameSessionMutation as l } from "./client/hooks/useCreateGameSessionMutation.mjs";
-import { useCreateGCashDepositMutation as c } from "./client/hooks/useCreateGCashDepositMutation.mjs";
+import { useCreateGCashDepositMutation as d } from "./client/hooks/useCreateGCashDepositMutation.mjs";
 import { useCreateGCashWithdrawalMutation as S } from "./client/hooks/useCreateGCashWithdrawalMutation.mjs";
 import { useCreateInstapayWithdrawalMutation as D } from "./client/hooks/useCreateInstapayWithdrawalMutation.mjs";
-import { useCreateMayaAppDepositMutation as P } from "./client/hooks/useCreateMayaAppDepositMutation.mjs";
-import { useCreateMayaAppWithdrawalMutation as w } from "./client/hooks/useCreateMayaAppWithdrawalMutation.mjs";
-import { useCreateMayaDepositMutation as G } from "./client/hooks/useCreateMayaDepositMutation.mjs";
-import { useCreateMayaWithdrawalMutation as R } from "./client/hooks/useCreateMayaWithdrawalMutation.mjs";
+import { useCreateMayaAppDepositMutation as g } from "./client/hooks/useCreateMayaAppDepositMutation.mjs";
+import { useCreateMayaAppWithdrawalMutation as P } from "./client/hooks/useCreateMayaAppWithdrawalMutation.mjs";
+import { useCreateMayaDepositMutation as w } from "./client/hooks/useCreateMayaDepositMutation.mjs";
+import { useCreateMayaWithdrawalMutation as I } from "./client/hooks/useCreateMayaWithdrawalMutation.mjs";
 import { useCreateOnlineBankDepositMutation as k } from "./client/hooks/useCreateOnlineBankDepositMutation.mjs";
 import { useCreateQRPHDepositMutation as O } from "./client/hooks/useCreateQRPHDepositMutation.mjs";
 import { useDepositQuery as V } from "./client/hooks/useDepositQuery.mjs";
 import { useDepositRecordsQuery as L } from "./client/hooks/useDepositRecordsQuery.mjs";
-import { useDepositsCountQuery as E } from "./client/hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as N } from "./client/hooks/useDisclosure.mjs";
+import { useDepositsCountQuery as v } from "./client/hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as J } from "./client/hooks/useDisclosure.mjs";
 import { useEndGameSessionMutation as j } from "./client/hooks/useEndGameSessionMutation.mjs";
 import { useGamesQuery as z } from "./client/hooks/useGamesQuery.mjs";
 import { useGlobalStore as K } from "./client/hooks/useGlobalStore.mjs";
 import { useInfiniteQueryHelper as Y } from "./client/hooks/useInfiniteQueryHelper.mjs";
 import { useInstapayBankListQuery as _ } from "./client/hooks/useInstapayBankListQuery.mjs";
 import { useIsMayaSessionValidQuery as ee } from "./client/hooks/useIsMayaSessionValidQuery.mjs";
-import { useJackpotsQuery as re } from "./client/hooks/useJackpotsQuery.mjs";
+import { useJackpotsQuery as oe } from "./client/hooks/useJackpotsQuery.mjs";
 import { useLocaleInfo as ue } from "./client/hooks/useLocaleInfo.mjs";
 import { useMemberVerificationQuery as ae } from "./client/hooks/useMemberVerificationQuery.mjs";
 import { useMobileNumberParser as me } from "./client/hooks/useMobileNumberParser.mjs";
@@ -33,64 +33,70 @@ import { useOnMMA as fe } from "./client/hooks/useOnMMA.mjs";
 import { usePaymentSettingsQuery as xe } from "./client/hooks/usePaymentSettingsQuery.mjs";
 import { usePlatformQuery as Me } from "./client/hooks/usePlatformQuery.mjs";
 import { usePromoQuery as le } from "./client/hooks/usePromoQuery.mjs";
-import { usePromosQuery as ce } from "./client/hooks/usePromosQuery.mjs";
+import { usePromosQuery as de } from "./client/hooks/usePromosQuery.mjs";
 import { useSendVerificationCodeMutation as Se } from "./client/hooks/useSendVerificationCodeMutation.mjs";
 import { useSessionQuery as De } from "./client/hooks/useSessionQuery.mjs";
-import { useSignInMutation as Pe } from "./client/hooks/useSignInMutation.mjs";
-import { useSignOutMutation as we } from "./client/hooks/useSignOutMutation.mjs";
-import { useSignUpMutation as Ge } from "./client/hooks/useSignUpMutation.mjs";
-import { useSiteQuery as Re } from "./client/hooks/useSiteQuery.mjs";
+import { useSignInMutation as ge } from "./client/hooks/useSignInMutation.mjs";
+import { useSignOutMutation as Pe } from "./client/hooks/useSignOutMutation.mjs";
+import { useSignUpMutation as we } from "./client/hooks/useSignUpMutation.mjs";
+import { useSiteQuery as Ie } from "./client/hooks/useSiteQuery.mjs";
 import { useTopWinsQuery as ke } from "./client/hooks/useTopWinsQuery.mjs";
 import { useTournamentsQuery as Oe } from "./client/hooks/useTournamentsQuery.mjs";
 import { useTransactionRecordsQuery as Ve } from "./client/hooks/useTransactionRecordsQuery.mjs";
-import { useWalletQuery as Le } from "./client/hooks/useWalletQuery.mjs";
-import { useWithdrawalRecordsQuery as Ee } from "./client/hooks/useWithdrawalRecordsQuery.mjs";
+import { useUnreadMessagesCountQuery as Le } from "./client/hooks/useUnreadMessagesCountQuery.mjs";
+import { useWalletQuery as ve } from "./client/hooks/useWalletQuery.mjs";
+import { useWithdrawalRecordsQuery as Je } from "./client/hooks/useWithdrawalRecordsQuery.mjs";
+import { useMessagesQuery as je } from "./client/hooks/useMessagesQuery.mjs";
+import { useMarkMessageAsReadMutation as ze } from "./client/hooks/useMarkMessageAsReadMutation.mjs";
 export {
-  r as useAccountQuery,
+  o as useAccountQuery,
   u as useAuthenticateMutation,
   a as useAvailablePromosQuery,
   m as useBetRecordsQuery,
   f as useCashbacksQuery,
   x as useControllableState,
   M as useCooldown,
-  c as useCreateGCashDepositMutation,
+  d as useCreateGCashDepositMutation,
   S as useCreateGCashWithdrawalMutation,
   l as useCreateGameSessionMutation,
   D as useCreateInstapayWithdrawalMutation,
-  P as useCreateMayaAppDepositMutation,
-  w as useCreateMayaAppWithdrawalMutation,
-  G as useCreateMayaDepositMutation,
-  R as useCreateMayaWithdrawalMutation,
+  g as useCreateMayaAppDepositMutation,
+  P as useCreateMayaAppWithdrawalMutation,
+  w as useCreateMayaDepositMutation,
+  I as useCreateMayaWithdrawalMutation,
   k as useCreateOnlineBankDepositMutation,
   O as useCreateQRPHDepositMutation,
   V as useDepositQuery,
   L as useDepositRecordsQuery,
-  E as useDepositsCountQuery,
-  N as useDisclosure,
+  v as useDepositsCountQuery,
+  J as useDisclosure,
   j as useEndGameSessionMutation,
   z as useGamesQuery,
   K as useGlobalStore,
   Y as useInfiniteQueryHelper,
   _ as useInstapayBankListQuery,
   ee as useIsMayaSessionValidQuery,
-  re as useJackpotsQuery,
+  oe as useJackpotsQuery,
   ue as useLocaleInfo,
+  ze as useMarkMessageAsReadMutation,
   ae as useMemberVerificationQuery,
+  je as useMessagesQuery,
   me as useMobileNumberParser,
   fe as useOnMMA,
   xe as usePaymentSettingsQuery,
   Me as usePlatformQuery,
   le as usePromoQuery,
-  ce as usePromosQuery,
+  de as usePromosQuery,
   Se as useSendVerificationCodeMutation,
   De as useSessionQuery,
-  Pe as useSignInMutation,
-  we as useSignOutMutation,
-  Ge as useSignUpMutation,
-  Re as useSiteQuery,
+  ge as useSignInMutation,
+  Pe as useSignOutMutation,
+  we as useSignUpMutation,
+  Ie as useSiteQuery,
   ke as useTopWinsQuery,
   Oe as useTournamentsQuery,
   Ve as useTransactionRecordsQuery,
-  Le as useWalletQuery,
-  Ee as useWithdrawalRecordsQuery
+  Le as useUnreadMessagesCountQuery,
+  ve as useWalletQuery,
+  Je as useWithdrawalRecordsQuery
 };

package/dist/components/Account/Account.d.ts

@@ -3,10 +3,12 @@ interface AccountLink {
     icon: ComponentType<ComponentProps<'svg'>>;
     href: string;
     label: string;
+    badge?: 'UNREAD_NOTIFICATIONS_COUNT' | 'REWARDS_COUNT' | 'WARNING';
 }
 export interface AccountProps {
-    links?: AccountLink[];
+    links: AccountLink[] | AccountLink[][];
     children?: ReactNode;
+    offsetTop?: string | number;
 }
 export declare function Account(props: AccountProps): import("react").JSX.Element;
 export {};

package/dist/components/Account/Account.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@ark-ui/react"),g=require("next/link"),u=require("zustand/shallow"),q=require("../../client/hooks/useAccountQuery.js");require("@tanstack/react-query");require("../../utils/capitalize.js");const y=require("../../utils/formatNumber.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("@opexa/portal-sdk-core");require("tiny-invariant");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const d=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const N=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const w=require("../../client/hooks/useSignOutMutation.js"),O=require("../../client/hooks/useWalletQuery.js"),m=require("../../icons/ChevronRightIcon.js"),P=require("../../icons/Logout01Icon.js"),c=require("../../icons/User01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");const o=require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const h=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");const n=require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");const a=require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function v(s){const i=d.useGlobalStore(u.useShallow(r=>({profile:r.profile,mobileProfile:r.mobileProfile})));return e.jsxs(e.Fragment,{children:[e.jsxs(n.Root,{open:i.profile.open,onOpenChange:r=>{i.profile.setOpen(r.open)},lazyMount:!0,unmountOnExit:!0,children:[e.jsx(n.Trigger,{asChild:!0,className:"lg:hidden",children:s.children??e.jsx("button",{type:"button",children:e.jsx(o.Root,{children:e.jsx(o.Fallback,{children:e.jsx(c.User01Icon,{})})})})}),e.jsxs(x.Portal,{children:[e.jsx(n.Backdrop,{}),e.jsx(n.Positioner,{children:e.jsxs(n.Content,{className:"bg-gray-50 flex w-[316px] flex-col px-xl py-6",children:[e.jsx(f,{}),e.jsx(j,{}),e.jsx(b,{links:s.links??[]}),e.jsx("div",{className:"grow"}),e.jsx(p,{})]})})]})]}),e.jsxs(a.Root,{open:i.mobileProfile.open,onOpenChange:r=>{i.mobileProfile.setOpen(r.open)},lazyMount:!0,unmountOnExit:!0,positioning:{placement:"bottom"},children:[e.jsx(a.Trigger,{className:"hidden lg:flex",asChild:!0,children:s.children??e.jsx("button",{type:"button",children:e.jsx(o.Root,{children:e.jsx(o.Fallback,{children:e.jsx(c.User01Icon,{})})})})}),e.jsx(x.Portal,{children:e.jsx(a.Positioner,{children:e.jsxs(a.Content,{className:"border-gray-200 z-popover w-[316px] rounded-xl border bg-white p-xl ui-open:animate-fade-in ui-closed:animate-fade-out",children:[e.jsx(f,{}),e.jsx(j,{}),e.jsx(b,{links:s.links??[]}),e.jsx(p,{})]})})})]})]})}function p(){return e.jsx("div",{className:"text-gray-400 mt-xl text-center text-2xs",children:"© 2025 HappyBingo All rights reserved"})}function f(){var i,r,l,t;const s=q.useAccountQuery();return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(o.Root,{children:e.jsx(o.Fallback,{children:e.jsx(c.User01Icon,{})})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold",children:(i=s.data)==null?void 0:i.name}),e.jsx("p",{className:"text-gray-400 text-xs",children:((r=s.data)==null?void 0:r.nickName)??((l=s.data)==null?void 0:l.emailAddress)??((t=s.data)==null?void 0:t.realName)})]})]})}function b(s){const i=w.useSignOutMutation(),r=d.useGlobalStore(u.useShallow(l=>({profile:l.profile,mobileProfile:l.mobileProfile})));return e.jsxs("nav",{className:"mt-xl space-y-xl",children:[e.jsx("ul",{children:s.links.map((l,t)=>e.jsx("li",{className:"border-gray-200 block border-x border-b bg-white first:rounded-t-xl first:border-t last:rounded-b-xl",children:e.jsxs(g,{href:l.href,onClick:()=>{r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},className:"flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",children:[e.jsx(l.icon,{className:"size-5"}),e.jsx("span",{className:"grow",children:l.label}),e.jsx(m.ChevronRightIcon,{className:"text-gray-400 size-5"})]})},l.href+t))}),e.jsx("ul",{children:e.jsx("li",{className:"border-gray-200 block rounded-xl border bg-white",children:e.jsxs("button",{type:"button",className:"flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",disabled:i.isPending,onClick:()=>{i.mutate(),r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},children:[e.jsx(P.Logout01Icon,{className:"size-5"}),e.jsx("span",{className:"grow",children:"Log Out"}),e.jsx(m.ChevronRightIcon,{className:"text-gray-400 size-5"})]})})})]})}function j(){var l;const s=N.useLocaleInfo(),i=O.useWalletQuery({refetchInterval:1e3}),r=d.useGlobalStore(u.useShallow(t=>({profile:t.profile,mobileProfile:t.mobileProfile,depositWithdrawal:t.depositWithdrawal})));return e.jsxs("div",{className:"border-gray-200 mt-3 rounded-lg border bg-white p-xl",children:[e.jsx("div",{className:"border-gray-200 bg-gray-50 text-gray-600 w-fit rounded-sm border px-1.5 py-0.5 text-xs font-medium",children:"Available Balance"}),e.jsx("div",{className:"mt-2 text-3xl font-semibold",children:y.formatNumber((l=i.data)==null?void 0:l.balance,{currency:s==null?void 0:s.currency.code,minDecimalPlaces:2})}),e.jsxs("div",{className:"mt-3 flex gap-lg",children:[e.jsx(h.Button,{size:"xs",variant:"outline",colorScheme:"gray",onClick:()=>{r.depositWithdrawal.setOpen(!0),r.depositWithdrawal.setTab("WITHDRAWAL"),r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},children:"Withdraw"}),e.jsx(h.Button,{size:"xs",onClick:()=>{r.depositWithdrawal.setOpen(!0),r.depositWithdrawal.setTab("DEPOSIT"),r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},children:"Deposit"})]})]})}exports.Account=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("@ark-ui/react"),d=require("next/image"),I=require("next/link"),h=require("zustand/shallow"),v=require("../../client/hooks/useAccountQuery.js");require("@tanstack/react-query");require("../../utils/capitalize.js");const x=require("../../utils/formatNumber.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("@opexa/portal-sdk-core");require("tiny-invariant");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const f=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const C=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const P=require("../../client/hooks/useSignOutMutation.js"),S=require("../../client/hooks/useUnreadMessagesCountQuery.js"),A=require("../../client/hooks/useWalletQuery.js"),z=require("../../icons/AlertCircleIcon.js"),p=require("../../icons/ChevronRightIcon.js"),T=require("../../icons/Logout01Icon.js"),W=require("../../icons/XIcon.js"),m=require("../../images/placeholder-avatar.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const u=require("../../ui/Badge/Badge.js"),g=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");const o=require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const j=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");const c=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");function R(s){const r=f.useGlobalStore(h.useShallow(t=>({profile:t.profile,mobileProfile:t.mobileProfile})));return e.jsxs(e.Fragment,{children:[e.jsxs(o.Root,{open:r.mobileProfile.open,onOpenChange:t=>{r.mobileProfile.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,children:[e.jsx(o.Trigger,{asChild:!0,className:"lg:hidden",children:s.children??e.jsx(j.IconButton,{size:"sm",colorScheme:"gray",children:r.mobileProfile.open?e.jsx(W.XIcon,{}):e.jsx(d,{src:m,alt:"",width:100,height:100,className:"size-10"})})}),e.jsx(b.Portal,{children:e.jsx(o.Positioner,{children:e.jsxs(o.Content,{className:"top-[var(--top,0px)] flex h-[calc(100%-var(--top,0px))] w-full flex-col px-xl py-6",style:{"--top":s.offsetTop??"0px"},children:[e.jsx(q,{}),e.jsx(N,{}),e.jsx(y,{links:s.links})]})})})]}),e.jsxs(c.Root,{open:r.profile.open,onOpenChange:t=>{r.profile.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,positioning:{placement:"bottom",strategy:"fixed"},children:[e.jsx(c.Trigger,{className:"hidden lg:flex",asChild:!0,children:s.children??e.jsx(j.IconButton,{size:"sm",colorScheme:"gray",children:e.jsx(d,{src:m,alt:"",width:48,height:48,className:"size-10"})})}),e.jsx(b.Portal,{children:e.jsx(c.Positioner,{children:e.jsxs(c.Content,{className:"border-border-primary bg-bg-primary z-popover w-[23.438rem] rounded-xl border p-xl ui-open:animate-fade-in ui-closed:animate-fade-out",children:[e.jsx(q,{}),e.jsx(N,{}),e.jsx(y,{links:s.links})]})})})]})]})}function q(){const r=v.useAccountQuery().data;return e.jsxs("div",{className:"flex shrink-0 items-center gap-lg",children:[e.jsx(d,{src:m,alt:"",width:48,height:48,className:"size-12"}),e.jsxs("div",{className:"grow",children:[e.jsx("p",{className:"text-text-secondary-700 font-semibold leading-tight",children:r==null?void 0:r.name}),e.jsx("p",{className:"text-text-tertiary-600 leading-tight",children:(r==null?void 0:r.nickName)??(r==null?void 0:r.emailAddress)??(r==null?void 0:r.realName)})]}),e.jsxs(u.Root,{colorScheme:r!=null&&r.verified?"success":"danger",className:"self-start",children:[e.jsx(u.Indicator,{}),e.jsx(u.Label,{children:r!=null&&r.verified?"Verified":"Unverified"})]})]})}function y(s){const r=P.useSignOutMutation(),t=f.useGlobalStore(h.useShallow(n=>({profile:n.profile,mobileProfile:n.mobileProfile}))),a=Array.isArray(s.links[0])?s.links:[s.links],l=S.useUnreadMessagesCountQuery({},{enabled:s.links.flat().some(n=>n.badge==="UNREAD_NOTIFICATIONS_COUNT"),refetchInterval:5e3});return e.jsxs("nav",{className:"mt-xl space-y-xl",children:[a.map((n,O)=>e.jsx("ul",{children:n.map((i,w)=>e.jsx("li",{className:"bg-bg-primary-alt block first:rounded-t-xl last:rounded-b-xl",children:e.jsxs(I,{href:i.href,onClick:()=>{t.profile.setOpen(!1),t.mobileProfile.setOpen(!1)},className:"flex w-full items-center px-xl py-xl text-left text-sm font-semibold",children:[e.jsx(i.icon,{className:"text-text-quarterary-500 size-5"}),e.jsx("span",{className:"ml-lg grow",children:i.label}),i.badge==="UNREAD_NOTIFICATIONS_COUNT"&&e.jsx("span",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 mr-md flex h-5.5 min-w-6 items-center justify-center rounded-full border text-xs font-medium leading-tight",children:x.formatNumber(l.data,{compact:!0})}),i.badge==="REWARDS_COUNT"&&e.jsx("span",{className:"border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700 mr-md flex h-5.5 min-w-6 items-center justify-center rounded-full border text-xs font-medium leading-tight",children:x.formatNumber(l.data,{compact:!0})}),i.badge==="WARNING"&&e.jsx("span",{className:"border-utility-warning-200 bg-utility-warning-50 text-utility-warning-500 mr-md flex size-5.5 items-center justify-center rounded-full border",children:e.jsx(z.AlertCircleIcon,{className:"size-3"})}),e.jsx(p.ChevronRightIcon,{className:"text-text-quarterary-500 size-5"})]})},i.href+w))},O)),e.jsx("ul",{children:e.jsx("li",{className:"bg-bg-primary-alt block first:rounded-t-xl last:rounded-b-xl",children:e.jsxs("button",{type:"button",className:"flex w-full items-center px-xl py-xl text-left text-sm font-semibold",disabled:r.isPending,onClick:()=>{r.mutate(),t.profile.setOpen(!1),t.mobileProfile.setOpen(!1)},children:[e.jsx(T.Logout01Icon,{className:"text-text-quarterary-500 size-5"}),e.jsx("span",{className:"ml-lg grow",children:"Log Out"}),e.jsx(p.ChevronRightIcon,{className:"text-gray-400 text-text-quarterary-500 size-5"})]})})})]})}function N(){var a;const s=C.useLocaleInfo(),r=A.useWalletQuery({refetchInterval:1e3}),t=f.useGlobalStore(h.useShallow(l=>({profile:l.profile,mobileProfile:l.mobileProfile,depositWithdrawal:l.depositWithdrawal})));return e.jsxs("div",{className:"border-border-primary bg-bg-tertiary mt-3 rounded-xl border p-xl",children:[e.jsx("div",{className:"text-text-secondary-700 text-sm",children:"Total Balance"}),e.jsx("div",{className:"text-3xl font-bold",children:x.formatNumber((a=r.data)==null?void 0:a.balance,{currency:s==null?void 0:s.currency.code,minDecimalPlaces:2})}),e.jsxs("div",{className:"mt-1.5 flex gap-7xl",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-text-secondary-700 text-2xs",children:"Deposit Balance"}),e.jsx("p",{className:"text-medium text-text-primary-brand",children:"₱70.00"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-text-secondary-700 text-2xs",children:"Wallet Balance"}),e.jsx("p",{className:"text-medium text-text-primary-brand",children:"₱70.00"})]})]}),e.jsxs("div",{className:"mt-3 flex gap-lg",children:[e.jsx(g.Button,{size:"xs",variant:"outline",onClick:()=>{t.depositWithdrawal.setOpen(!0),t.depositWithdrawal.setTab("WITHDRAWAL"),t.profile.setOpen(!1),t.mobileProfile.setOpen(!1)},children:"Withdraw"}),e.jsx(g.Button,{size:"xs",onClick:()=>{t.depositWithdrawal.setOpen(!0),t.depositWithdrawal.setTab("DEPOSIT"),t.profile.setOpen(!1),t.mobileProfile.setOpen(!1)},children:"Deposit"})]})]})}exports.Account=R;