@opexa/portal-components 0.0.61 → 0.0.63

package/dist/components/SignIn/SignInForm.js

@@ -1,118 +1,10 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDialogContext } from '@ark-ui/react';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useState } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { useShallow } from 'zustand/shallow';
-import { useCooldown, useGlobalStore, useLocaleInfo, useMobileNumberParser, useSendVerificationCodeMutation, useSignInMutation, } from '../../client/hooks/index.js';
-import { toaster } from '../../client/utils/index.js';
-import { ArrowLeftIcon, CheckIcon, FacebookIcon, GoogleIcon, } from '../../icons/index.js';
-import { Button, Checkbox, Field, PinInput } from '../../ui/index.js';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { MobileNumberSignIn } from './MobileNumberSignIn.js';
+import { NameAndPasswordSignIn } from './NameAndPasswordSignIn.js';
+import { useSignInContext } from './SignInContext.js';
+import { SignInMethod } from './SignInMethod.js';
 export function SignInForm() {
-    const [step, setStep] = useState(1);
-    const dialog = useDialogContext();
-    const signUpStore = useGlobalStore(useShallow((popups) => popups.signUp));
-    const signInMutation = useSignInMutation();
-    const sendVerificationCodeMutation = useSendVerificationCodeMutation();
-    const localeInfo = useLocaleInfo();
-    const mobileNumberParser = useMobileNumberParser();
-    const Step1Definition = z.object({
-        mobileNumber: z.string().superRefine((v, ctx) => {
-            if (!mobileNumberParser.validate(v)) {
-                ctx.addIssue({
-                    code: z.ZodIssueCode.custom,
-                    message: 'Invalid mobile number',
-                });
-            }
-        }),
-        termsAccepted: z.boolean().superRefine((v, ctx) => {
-            if (!v) {
-                ctx.addIssue({
-                    code: z.ZodIssueCode.custom,
-                    message: 'You must accept the terms and conditions',
-                });
-            }
-        }),
-    });
-    const Step2Definition = z.object({
-        verificationCode: z.array(z.string().min(1).max(1).trim()).min(6).max(6),
-    });
-    const step1Form = useForm({
-        resolver: zodResolver(Step1Definition),
-        defaultValues: {
-            mobileNumber: '',
-            termsAccepted: false,
-        },
-    });
-    const step2Form = useForm({
-        resolver: zodResolver(Step2Definition),
-        defaultValues: {
-            verificationCode: Array.from({ length: 6 }).fill(''),
-        },
-    });
-    const cooldown = useCooldown({
-        max: 60,
-        duration: 1000 * 60,
-    });
-    return (_jsxs(_Fragment, { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Log in to your account" }), _jsx("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: "Welcome back! Please enter your details." }), _jsxs("form", { className: "mt-3xl", onSubmit: step1Form.handleSubmit(async (data) => {
-                            try {
-                                await sendVerificationCodeMutation.mutateAsync({
-                                    channel: 'SMS',
-                                    recipient: mobileNumberParser.format(data.mobileNumber),
-                                    strict: true,
-                                });
-                                setStep(2);
-                                cooldown.start();
-                            }
-                            catch (e) {
-                                toaster.error({
-                                    description: e instanceof Error
-                                        ? e.message
-                                        : 'Failed to send verification code',
-                                });
-                            }
-                        }), children: [_jsxs(Field.Root, { invalid: !!step1Form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx(localeInfo.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }), _jsx(Field.Input, { className: "pl-11", placeholder: `${localeInfo.mobileNumber.areaCode}${localeInfo.mobileNumber.example}`, ...step1Form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.mobileNumber?.message })] }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Log In" }), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Checkbox.Root, { className: "mt-xl", invalid: o.fieldState.invalid, checked: o.field.value, onCheckedChange: (details) => {
-                                        o.field.onChange(details.checked);
-                                    }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs(Checkbox.Label, { children: ["I am at least 21 years of age and I accept the", ' ', _jsx("span", { className: "text-brand-400 whitespace-nowrap underline underline-offset-2", children: "Terms and Conditions." })] }), _jsx(Checkbox.HiddenInput, {})] })) })] }), _jsxs("div", { className: "relative mt-6 text-center", children: [_jsx("hr", { className: "-translte-y-1/2 text-text-tertiary-600/50 absolute top-1/2 w-full" }), _jsx("span", { className: "text-text-tertiary-600 bg-bg-primary-alt relative px-md text-center text-sm font-semibold", children: "Log in directly with" })] }), _jsxs("div", { className: "mt-6", children: [_jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
-                                    dialog.setOpen(false);
-                                }, className: "border-border-primary bg-bg-primary text-text-secondary-700", children: [_jsx(GoogleIcon, { className: "size-6" }), "Continue with Google"] }), _jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
-                                    dialog.setOpen(false);
-                                }, className: "border-border-primary bg-bg-primary text-text-secondary-700 mt-lg", children: [_jsx(FacebookIcon, { className: "size-6" }), "Continue with Facebook"] })] }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Don't have an account?" }), _jsx("button", { type: "submit", className: "text-button-tertiary-fg font-semibold", onClick: () => {
-                                    dialog.setOpen(false);
-                                    signUpStore.setOpen(true);
-                                }, children: "Sign up" })] })] })), step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Check your Phone" }), _jsxs("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: ["We\u2019ve sent a verification code to your mobile number", ' ', _jsx("span", { className: "font-semibold", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {
-                            const { mobileNumber } = step1Form.getValues();
-                            try {
-                                await signInMutation.mutateAsync({
-                                    type: 'MOBILE_NUMBER',
-                                    mobileNumber: mobileNumberParser.format(mobileNumber),
-                                    verificationCode: verificationCode.join(''),
-                                });
-                                dialog.setOpen(false);
-                                step1Form.reset();
-                                step2Form.reset();
-                                setStep(1);
-                            }
-                            catch {
-                                toaster.error({
-                                    description: 'Invalid Verification Code',
-                                });
-                            }
-                        }), children: [_jsx(Controller, { name: "verificationCode", control: step2Form.control, render: (o) => (_jsxs(PinInput.Root, { placeholder: "0", invalid: o.fieldState.invalid, value: o.field.value, onValueChange: (details) => {
-                                        o.field.onChange(details.value);
-                                    }, children: [_jsxs(PinInput.Control, { className: "grid-cols-[1fr_1fr_1fr_auto_1fr_1fr_1fr] items-center gap-md", children: [_jsx(PinInput.Input, { index: 0 }), _jsx(PinInput.Input, { index: 1 }), _jsx(PinInput.Input, { index: 2 }), _jsx("span", { className: "text-text-placeholder-subtle text-2xl font-medium", children: "\u2013" }), _jsx(PinInput.Input, { index: 3 }), _jsx(PinInput.Input, { index: 4 }), _jsx(PinInput.Input, { index: 5 })] }), _jsx(PinInput.HiddenInput, {})] })) }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: step2Form.formState.isSubmitting, children: "Verify" }), _jsxs("div", { className: "mt-3 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-secondary-700", children: "Didn't recieve the code?" }), _jsx("button", { type: "button", className: "text-button-secondary-fg font-semibold", disabled: cooldown.cooling, onClick: async () => {
-                                            await sendVerificationCodeMutation.mutateAsync({
-                                                channel: 'SMS',
-                                                recipient: mobileNumberParser.format(step1Form.getValues('mobileNumber')),
-                                            });
-                                            cooldown.start();
-                                        }, children: cooldown.cooling
-                                            ? `Resend in ${cooldown.countdown}s`
-                                            : 'Resend' })] }), _jsxs("button", { type: "button", className: "text-text-tertiary-600 mx-auto mt-3xl flex w-fit items-center gap-1 text-sm font-semibold", onClick: () => {
-                                    setStep(1);
-                                    step2Form.reset();
-                                    cooldown.stop();
-                                }, children: [_jsx(ArrowLeftIcon, { className: "size-5" }), "Back"] })] })] }))] }));
+    const context = useSignInContext();
+    return (_jsxs(_Fragment, { children: [context.step === 1 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center text-lg font-semibold", children: "Log in to your account" }), _jsx("p", { className: "text-text-secondary-700 mt-xs text-center text-sm", children: "Welcome back! Please enter your details." })] })), _jsx(SignInMethod, {}), context.type === 'MOBILE_NUMBER' && _jsx(MobileNumberSignIn, {}), context.type === 'NAME_AND_PASSWORD' && _jsx(NameAndPasswordSignIn, {})] }));
 }

package/dist/components/SignIn/SignInMethod.d.ts

@@ -0,0 +1 @@
+export declare function SignInMethod(): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignInMethod.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { z } from 'zod';
+import { SegmentGroup } from '../../ui/index.js';
+import { useSignInContext } from './SignInContext.js';
+const METHODS = [
+    'MOBILE_NUMBER',
+    'NAME_AND_PASSWORD',
+];
+const METHOD_LABEL_MAP = {
+    MOBILE_NUMBER: 'Mobile',
+    NAME_AND_PASSWORD: 'Username',
+};
+export function SignInMethod() {
+    const context = useSignInContext();
+    return (_jsxs(SegmentGroup.Root, { value: context.type, onValueChange: (details) => {
+            context.setStep(1);
+            context.setType(z.enum(METHODS).parse(details.value));
+        }, className: "mt-5 w-full", children: [_jsx(SegmentGroup.Indicator, {}), METHODS.map((method) => (_jsxs(SegmentGroup.Item, { value: method, className: "w-full", children: [_jsx(SegmentGroup.ItemText, { children: METHOD_LABEL_MAP[method] }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }, method)))] }));
+}

package/dist/components/SignIn/useSignIn.d.ts

@@ -0,0 +1,10 @@
+type SignInStep = 1 | 2 | (number & {});
+type SignInType = 'NAME_AND_PASSWORD' | 'MOBILE_NUMBER';
+export interface UseSignInReturn {
+    step: SignInStep;
+    setStep: (step: SignInStep) => void;
+    type: SignInType;
+    setType: (type: SignInType) => void;
+}
+export declare function useSignIn(): UseSignInReturn;
+export {};

package/dist/components/SignIn/useSignIn.js

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+export function useSignIn() {
+    const [step, setStep] = useState(1);
+    const [type, setType] = useState('MOBILE_NUMBER');
+    return {
+        step,
+        setStep,
+        type,
+        setType,
+    };
+}

package/dist/components/index.d.ts

@@ -6,6 +6,8 @@ export * from './Banner';
 export * from './BetRecords';
 export * from './Bonus';
 export * from './Bonuses';
+export * from './Cashback';
+export * from './CashbackBonus';
 export * from './DepositWithdrawal';
 export * from './Disclaimer';
 export * from './FavoriteGames';

package/dist/components/index.js

@@ -6,6 +6,8 @@ export * from './Banner/index.js';
 export * from './BetRecords/index.js';
 export * from './Bonus/index.js';
 export * from './Bonuses/index.js';
+export * from './Cashback/index.js';
+export * from './CashbackBonus/index.js';
 export * from './DepositWithdrawal/index.js';
 export * from './Disclaimer/index.js';
 export * from './FavoriteGames/index.js';

package/dist/constants/index.d.ts

@@ -1,4 +1,4 @@
-import type { GameProvider } from '@opexa/portal-sdk-core';
+import type { SecretQuestion } from '@opexa/portal-sdk-core';
 export declare const SITE_ID: string;
 export declare const PLATFORM_ID: string;
 export declare const PLATFORM_CODE: string;
@@ -6,5 +6,7 @@ export declare const ENVIRONMENT: "production" | "development";
 export declare const BYPASS_RECAPTCHA: boolean;
 export declare const ACCESS_TOKEN_COOKIE_NAME: string;
 export declare const REFRESH_TOKEN_COOKIE_NAME: string;
-export declare const LEGACY_GAME_PROVIDERS: GameProvider[];
+export declare const LEGACY_GAME_PROVIDERS: ["JILI", "PGSOFT", "FACHAI", "BTI", "DG", "PLAYTECH", "E2E", "ONEAPI_EVOLUTION", "CQ9", "JDB", "HABANERO", "SPINIX", "JOKER", "HACKSAW", "EVOLUTIONNETENT", "JDBGTF", "JDBSPRIBE", "MICROGAMING", "RELAXGAMING", "EVOPLAY", "BOOONGO", "BGAMING", "KINGMAKER", "KINGMIDAS", "YELLOWBAT", "ETENGJUE", "SABA", "PRAGMATICPLAY", "SPRIBE", "EZUGI", "ALIZE"];
 export declare const RECAPTCHA_HEADER_KEY: string;
+export declare const SECRET_QUESTIONS: ["BEST_CHILDHOOD_FRIEND", "BIRTH_PLACE", "FAVORITE_BOOK", "FAVORITE_MOVIE", "FAVORITE_TEACHER", "FIRST_CAR", "FIRST_PET", "FIRST_SCHOOL", "MOTHERS_MAIDEN_NAME", "PARENTS_MET_CITY"];
+export declare const SECRET_QUESTIONS_MAP: Record<SecretQuestion, string>;

package/dist/constants/index.js

@@ -62,3 +62,27 @@ export const LEGACY_GAME_PROVIDERS = [
     'ALIZE',
 ];
 export const RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
+export const SECRET_QUESTIONS = [
+    'BEST_CHILDHOOD_FRIEND',
+    'BIRTH_PLACE',
+    'FAVORITE_BOOK',
+    'FAVORITE_MOVIE',
+    'FAVORITE_TEACHER',
+    'FIRST_CAR',
+    'FIRST_PET',
+    'FIRST_SCHOOL',
+    'MOTHERS_MAIDEN_NAME',
+    'PARENTS_MET_CITY',
+];
+export const SECRET_QUESTIONS_MAP = {
+    BEST_CHILDHOOD_FRIEND: 'What was the name of your best childhood friend?',
+    BIRTH_PLACE: 'What city were you born in?',
+    FAVORITE_BOOK: 'What is your favorite book?',
+    FAVORITE_MOVIE: 'What is your favorite movie?',
+    FAVORITE_TEACHER: 'Who was your favorite teacher in school?',
+    FIRST_CAR: 'What was the make and model of your first car?',
+    FIRST_PET: 'What was the name of your first pet?',
+    FIRST_SCHOOL: 'What was the name of your first school?',
+    MOTHERS_MAIDEN_NAME: "What is your mother's maiden name?",
+    PARENTS_MET_CITY: 'In what city did your parents meet?',
+};

package/dist/server/utils/index.d.ts

@@ -3,6 +3,10 @@ export * from './prefetchAvailablePromosQuery';
 export * from './prefetchAvailableQuestsQuery';
 export * from './prefetchBetRecordsQuery';
 export * from './prefetchBonusesQuery';
+export * from './prefetchBonusQuery';
+export * from './prefetchCashbackBonusesQuery';
+export * from './prefetchCashbackBonusQuery';
+export * from './prefetchCashbackQuery';
 export * from './prefetchCashbacksQuery';
 export * from './prefetchDepositQuery';
 export * from './prefetchDepositRecordsQuery';

package/dist/server/utils/index.js

@@ -3,6 +3,10 @@ export * from './prefetchAvailablePromosQuery.js';
 export * from './prefetchAvailableQuestsQuery.js';
 export * from './prefetchBetRecordsQuery.js';
 export * from './prefetchBonusesQuery.js';
+export * from './prefetchBonusQuery.js';
+export * from './prefetchCashbackBonusesQuery.js';
+export * from './prefetchCashbackBonusQuery.js';
+export * from './prefetchCashbackQuery.js';
 export * from './prefetchCashbacksQuery.js';
 export * from './prefetchDepositQuery.js';
 export * from './prefetchDepositRecordsQuery.js';

package/dist/server/utils/prefetchBonusQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchBonusQuery: (id: string) => Promise<void>;

package/dist/server/utils/prefetchBonusQuery.js

@@ -0,0 +1,22 @@
+import { getBonus } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getBonusQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
+export const prefetchBonusQuery = async (id) => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getBonusQueryKey(id),
+        queryFn: async ({ signal }) => {
+            return await getBonus(id, {
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/server/utils/prefetchCashbackBonusQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchCashbackBonusQuery: (id: string) => Promise<void>;

package/dist/server/utils/prefetchCashbackBonusQuery.js

@@ -0,0 +1,22 @@
+import { getCashbackBonus } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getCashbackBonusQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/getSession.js';
+export const prefetchCashbackBonusQuery = async (id) => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getCashbackBonusQueryKey(id),
+        queryFn: async ({ signal }) => {
+            return await getCashbackBonus(id, {
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/server/utils/prefetchCashbackBonusesQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchCashbackBonusesQuery: () => Promise<void>;

package/dist/server/utils/prefetchCashbackBonusesQuery.js

@@ -0,0 +1,22 @@
+import { getCashbackBonuses } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getCashbackBonusesQueryKey, getQueryClient } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
+export const prefetchCashbackBonusesQuery = async () => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient().prefetchQuery({
+        queryKey: getCashbackBonusesQueryKey(),
+        queryFn: async ({ signal }) => {
+            return await getCashbackBonuses({
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/server/utils/prefetchCashbackQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchCashbackQuery: (id: string) => Promise<void>;

package/dist/server/utils/prefetchCashbackQuery.js

@@ -0,0 +1,17 @@
+import { getCashback } from '@opexa/portal-sdk-core';
+import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
+import { getCashbackQueryKey, getQueryClient } from '../../utils/index.js';
+export const prefetchCashbackQuery = async (id) => {
+    await getQueryClient().prefetchQuery({
+        queryKey: getCashbackQueryKey(id),
+        queryFn: async ({ signal }) => {
+            return await getCashback(id, {
+                signal,
+                environment: ENVIRONMENT,
+                headers: {
+                    'Platform-Code': PLATFORM_CODE,
+                },
+            });
+        },
+    });
+};

package/dist/types/index.d.ts

@@ -69,3 +69,4 @@ export interface GameProviderData {
     logo: ImageProps['src'];
     name: string;
 }
+export type SignInType = 'NAME_AND_PASSWORD' | 'MOBILE_NUMBER';