@opexa/portal-components 0.1.23 → 0.1.24

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

@@ -64,6 +64,19 @@ export interface HasPendingBonusStore {
     shouldShowWarning: boolean;
     setShouldShowWarning: (shouldShow: boolean) => void;
 }
+export type LimitType = 'bet' | 'deposit';
+export type LimitPeriod = 'daily' | 'monthly';
+export interface BetDepositLimitStore extends PopupStore {
+    type: LimitType;
+    setType: (type: LimitType) => void;
+    period: LimitPeriod;
+    setPeriod: (period: LimitPeriod) => void;
+    currentLimit: number;
+    setCurrentLimit: (limit: number) => void;
+    requestedLimit: number;
+    setRequestedLimit: (limit: number) => void;
+    openModal: (type: LimitType, period: LimitPeriod, currentLimit: number, requestedLimit: number) => void;
+}
 export interface GlobalStore {
     signUp: PopupStore;
     signIn: PopupStore;
@@ -89,6 +102,7 @@ export interface GlobalStore {
     onboarding: OnboardingStore;
     responsibleGamingReminder: ResponsibleGamingReminderStore;
     pendingBonus: HasPendingBonusStore;
+    betDepositLimit: BetDepositLimitStore;
     kycVerificationStatus: PopupStore;
     kycAccountVerificationRequired: PopupStore;
     bankInformationDetails: PopupStore;
@@ -123,4 +137,12 @@ export declare const useGlobalStore: import("zustand").UseBoundStore<Omit<Omit<i
         } | undefined): () => void;
     };
 }>;
+export declare const betDepositLimitStore: {
+    isOpen: boolean;
+    type: LimitType;
+    period: LimitPeriod;
+    currentLimit: number;
+    requestedLimit: number;
+    openModal(newType: LimitType, newPeriod: LimitPeriod, currentLimit: number, requestedLimit: number): void;
+};
 export {};

package/dist/client/hooks/useGlobalStore.js

@@ -504,6 +504,68 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
         })),
         '~touched': false,
     },
+    betDepositLimit: {
+        open: false,
+        setOpen(open) {
+            set((prev) => ({
+                betDepositLimit: {
+                    ...prev.betDepositLimit,
+                    open,
+                    '~touched': true,
+                },
+            }));
+        },
+        '~touched': false,
+        type: 'bet',
+        setType(type) {
+            set((prev) => ({
+                betDepositLimit: {
+                    ...prev.betDepositLimit,
+                    type,
+                },
+            }));
+        },
+        period: 'daily',
+        setPeriod(period) {
+            set((prev) => ({
+                betDepositLimit: {
+                    ...prev.betDepositLimit,
+                    period,
+                },
+            }));
+        },
+        currentLimit: 0,
+        setCurrentLimit(currentLimit) {
+            set((prev) => ({
+                betDepositLimit: {
+                    ...prev.betDepositLimit,
+                    currentLimit,
+                },
+            }));
+        },
+        requestedLimit: 0,
+        setRequestedLimit(requestedLimit) {
+            set((prev) => ({
+                betDepositLimit: {
+                    ...prev.betDepositLimit,
+                    requestedLimit,
+                },
+            }));
+        },
+        openModal(type, period, currentLimit, requestedLimit) {
+            set((prev) => ({
+                betDepositLimit: {
+                    ...prev.betDepositLimit,
+                    type,
+                    period,
+                    currentLimit,
+                    requestedLimit,
+                    open: true,
+                    '~touched': true,
+                },
+            }));
+        },
+    },
     isNonRegulated: false,
     setIsNonRegulated: (isNonRegulated) => set((state) => ({
         ...state,
@@ -598,6 +660,15 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
                 '~touched': false,
                 shouldShowWarning: false,
             },
+            betDepositLimit: {
+                ...state.betDepositLimit,
+                open: false,
+                '~touched': false,
+                type: 'bet',
+                period: 'daily',
+                currentLimit: 0,
+                requestedLimit: 0,
+            },
             kycVerificationStatus: {
                 ...state.kycVerificationStatus,
                 open: false,
@@ -617,3 +688,40 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
         }));
     },
 }))));
+export const betDepositLimitStore = {
+    get isOpen() {
+        return useGlobalStore.getState().betDepositLimit.open;
+    },
+    set isOpen(value) {
+        useGlobalStore.getState().betDepositLimit.setOpen(value);
+    },
+    get type() {
+        return useGlobalStore.getState().betDepositLimit.type;
+    },
+    set type(value) {
+        useGlobalStore.getState().betDepositLimit.setType(value);
+    },
+    get period() {
+        return useGlobalStore.getState().betDepositLimit.period;
+    },
+    set period(value) {
+        useGlobalStore.getState().betDepositLimit.setPeriod(value);
+    },
+    get currentLimit() {
+        return useGlobalStore.getState().betDepositLimit.currentLimit;
+    },
+    set currentLimit(value) {
+        useGlobalStore.getState().betDepositLimit.setCurrentLimit(value);
+    },
+    get requestedLimit() {
+        return useGlobalStore.getState().betDepositLimit.requestedLimit;
+    },
+    set requestedLimit(value) {
+        useGlobalStore.getState().betDepositLimit.setRequestedLimit(value);
+    },
+    openModal(newType, newPeriod, currentLimit, requestedLimit) {
+        useGlobalStore
+            .getState()
+            .betDepositLimit.openModal(newType, newPeriod, currentLimit, requestedLimit);
+    },
+};

package/dist/components/BetDepositLimit/BetDepositLimitModal.js

@@ -7,16 +7,16 @@ import { XIcon } from '../../icons/XIcon.js';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { useBetDepositLimitStore } from './betDepositLimitStore.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function BetDepositLimitModal({ onConfirm }) {
     const { enabled } = useFeatureFlag();
-    const { isOpen, type, period, currentLimit, requestedLimit, setIsOpen } = useBetDepositLimitStore(useShallow((state) => ({
-        isOpen: state.isOpen,
-        type: state.type,
-        period: state.period,
-        currentLimit: state.currentLimit,
-        requestedLimit: state.requestedLimit,
-        setIsOpen: state.setIsOpen,
+    const { open, type, period, currentLimit, requestedLimit, setOpen } = useGlobalStore(useShallow((state) => ({
+        open: state.betDepositLimit.open,
+        type: state.betDepositLimit.type,
+        period: state.betDepositLimit.period,
+        currentLimit: state.betDepositLimit.currentLimit,
+        requestedLimit: state.betDepositLimit.requestedLimit,
+        setOpen: state.betDepositLimit.setOpen,
     })));
     const isIncrease = requestedLimit > currentLimit;
     const changeAmount = Math.abs(requestedLimit - currentLimit);
@@ -38,12 +38,12 @@ export function BetDepositLimitModal({ onConfirm }) {
         return `Your ${period} ${type} limit has been lowered and is now active.`;
     };
     const handleConfirm = () => {
-        setIsOpen(false);
+        setOpen(false);
         if (onConfirm) {
             onConfirm();
         }
     };
-    return (_jsx(Dialog.Root, { open: isOpen && enabled, onOpenChange: (details) => {
-            setIsOpen(details.open);
+    return (_jsx(Dialog.Root, { open: open && enabled, onOpenChange: (details) => {
+            setOpen(details.open);
         }, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto max-h-[90vh] min-w-[21.438rem] max-w-[21.438rem] overflow-y-auto rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary", children: _jsx(AlertTriangleIcon, { className: "size-6 text-text-brand-700" }) }), _jsx("h2", { className: "mt-lg text-center font-semibold text-lg text-text-primary-900 xl:mt-xl", children: title }), _jsx("p", { className: "mt-xs text-center text-sm text-text-secondary-700 leading-relaxed", children: getDescription() }), _jsxs("div", { className: "mt-lg flex w-full select-none flex-col gap-y-2 rounded-xl border border-border-primary bg-bg-secondary px-5 py-4 text-sm", children: [_jsxs("div", { className: "flex justify-between py-0.5", children: [_jsx("span", { className: "text-text-tertiary-600", children: isIncrease ? 'Current limit:' : 'Previous limit:' }), _jsx("span", { className: "font-semibold text-text-primary-900", children: formatPeso(currentLimit) })] }), _jsxs("div", { className: "flex justify-between py-0.5", children: [_jsx("span", { className: "text-text-tertiary-600", children: isIncrease ? 'Requested limit:' : 'New limit:' }), _jsx("span", { className: "font-semibold text-text-primary-900", children: formatPeso(requestedLimit) })] }), _jsxs("div", { className: "flex justify-between py-0.5", children: [_jsx("span", { className: "text-text-tertiary-600", children: isIncrease ? 'Increase amount:' : 'Decrease amount:' }), _jsx("span", { className: "font-semibold text-text-primary-900", children: formatPeso(changeAmount) })] }), _jsxs("div", { className: "flex justify-between py-0.5", children: [_jsx("span", { className: "text-text-tertiary-600", children: isIncrease ? 'Status:' : 'Effective:' }), _jsx("span", { className: "font-semibold text-text-primary-900", children: isIncrease ? 'Pending Approval' : 'Immediately' })] })] }), _jsx("div", { className: "mt-3xl flex w-full flex-col gap-2 text-center lg:mt-4xl", children: _jsx(Button, { className: "w-full", onClick: handleConfirm, type: "button", children: "Confirm" }) })] })] }) })] }) }));
 }

package/dist/components/BetDepositLimit/DepositLimitReached.d.ts

@@ -1,4 +1,4 @@
-import type { LimitPeriod, LimitType } from './betDepositLimitStore';
+import type { LimitPeriod, LimitType } from '../../client/hooks/useGlobalStore';
 export interface DepositLimitReachedProps {
     type: LimitType;
     period: LimitPeriod;

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

@@ -1,3 +1,3 @@
 export * from './BetDepositLimitModal';
-export * from './betDepositLimitStore';
 export * from './DepositLimitReached';
+export { betDepositLimitStore, type BetDepositLimitStore, type LimitPeriod, type LimitType, } from '../../client/hooks/useGlobalStore';

package/dist/components/BetDepositLimit/index.js

@@ -1,3 +1,3 @@
 export * from './BetDepositLimitModal.js';
-export * from './betDepositLimitStore.js';
 export * from './DepositLimitReached.js';
+export { betDepositLimitStore, } from '../../client/hooks/useGlobalStore.js';

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useAurixPayQRPHDeposit(): {
-    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
+    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/DepositWithdrawalContext.d.ts

@@ -1,4 +1,4 @@
-import type { LimitPeriod, LimitType } from '../BetDepositLimit/betDepositLimitStore';
+import type { LimitPeriod, LimitType } from '../../client/hooks/useGlobalStore';
 import type { DepositWithdrawalProps } from './DepositWithdrawal.lazy';
 export interface DepositWithdrawalContextType extends DepositWithdrawalProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",