@opexa/portal-components 0.0.359 → 0.0.361

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

@@ -0,0 +1,2 @@
+import type { Query } from '../../types';
+export declare const useFacebookClientQuery: Query<string | null>;

package/dist/client/hooks/useFacebookClientQuery.js

@@ -0,0 +1,13 @@
+import { useQuery } from '@tanstack/react-query';
+import { getFacebookClientId } from '../../services/account.js';
+import { getFacebookClientIdQueryKey } from '../../utils/queryKeys.js';
+export const useFacebookClientQuery = (options) => {
+    const query = useQuery({
+        ...options,
+        queryKey: getFacebookClientIdQueryKey(),
+        queryFn: async ({ signal }) => {
+            return await getFacebookClientId({ signal });
+        },
+    });
+    return query;
+};

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

@@ -0,0 +1,2 @@
+import type { Mutation } from '../../types';
+export declare const useUnlinkFacebookMutation: Mutation<void, string>;

package/dist/client/hooks/useUnlinkFacebookMutation.js

@@ -0,0 +1,31 @@
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { unlinkFacebook } from '../../services/account.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getUnlinkFacebookMutationKey } from '../../utils/mutationKeys.js';
+import { getAccountQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useUnlinkFacebookMutation = (config) => {
+    const queryClient = getQueryClient();
+    return useMutation({
+        ...config,
+        mutationKey: getUnlinkFacebookMutationKey(),
+        mutationFn: async (id) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await unlinkFacebook(id, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            queryClient.setQueryData(getAccountQueryKey(), (prev) => {
+                if (!prev)
+                    return prev;
+                return {
+                    ...prev,
+                    facebookId: null,
+                };
+            });
+        },
+    });
+};

package/dist/components/AccountInfo/AccountInfo.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FacebookLogin from '@greatsumini/react-facebook-login';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { GoogleOAuthProvider, useGoogleLogin } from '@react-oauth/google';
 import { differenceInYears, format } from 'date-fns';
@@ -10,10 +11,12 @@ import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useDisclosure } from '../../client/hooks/useDisclosure.js';
+import { useFacebookClientQuery } from '../../client/hooks/useFacebookClientQuery.js';
 import { useGoogleClientIdQuery } from '../../client/hooks/useGoogleClientIdQuery.js';
 import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { useUnlinkFacebookMutation } from '../../client/hooks/useUnlinkFacebookMutation.js';
 import { useUnlinkGoogleMutation } from '../../client/hooks/useUnlinkGoogleMutation.js';
 import { useUpdateAccountMutation } from '../../client/hooks/useUpdateAccountMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
@@ -159,7 +162,55 @@ function SSO({ google, facebook }) {
     const googleClientId = googleClientIdQuery.data;
     if (!facebook && !google)
         return null;
-    return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Account Connections" }), _jsxs("div", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt px-4 py-5 shadow-xs", children: [googleClientId && (_jsx(GoogleOAuthProvider, { clientId: googleClientId, children: _jsx(LinkGoogleAccount, {}) })), facebook /* FIXME: replace with facebookClientId or something */ && (_jsxs("div", { className: "mt-6 flex items-center", children: [_jsxs("div", { className: "flex grow items-center gap-sm", children: [_jsx(IconButton, { variant: "outline", colorScheme: "gray", children: _jsx(FacebookIcon, { className: "size-6" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm leading-tight", children: "Facebook" }), _jsx("p", { className: "mt-xs text-text-success-primary-600 text-xs leading-tight", children: "Connected" })] })] }), _jsx("button", { type: "button", className: "font-semibold text-button-tertiary-error-fg text-sm", children: "Disconnect" })] }))] })] }));
+    return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Account Connections" }), _jsxs("div", { className: "mt-5 flex flex-col gap-2 rounded-xl border border-border-secondary bg-bg-primary-alt px-4 py-5 shadow-xs", children: [googleClientId && google && (_jsx(GoogleOAuthProvider, { clientId: googleClientId, children: _jsx(LinkGoogleAccount, {}) })), facebook && _jsx(LinkFacebookAccount, {})] })] }));
+}
+const LinkFacebookAccount = () => {
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const sessionQuery = useSessionQuery();
+    const session = sessionQuery.data;
+    const facebookClientIdQuery = useFacebookClientQuery();
+    const facebookClientId = facebookClientIdQuery.data;
+    if (!account || !facebookClientId)
+        return null;
+    return (_jsxs("div", { className: "flex items-center gap-sm", children: [_jsxs("div", { className: "flex grow items-center gap-sm", children: [_jsx(IconButton, { variant: "outline", colorScheme: "gray", children: _jsx(FacebookIcon, { className: "size-6" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm leading-tight", children: "Facebook" }), _jsx("p", { className: twMerge('mt-xs text-xs leading-tight', account.facebookId
+                                    ? 'text-text-success-primary-600'
+                                    : 'text-text-secondary-700'), children: account.facebookId ? 'Connected' : 'Not Connected' })] })] }), account.facebookId ? (_jsx(UnlinkFacebookAccount, {})) : (_jsx(FacebookLogin, { appId: facebookClientId, useRedirect: true, dialogParams: {
+                    state: encodeURIComponent(`${window.location.origin},${PLATFORM_CODE},${session?.token}`),
+                    redirect_uri: `${AUTH_ENDPOINT}/facebook/link`,
+                }, onFail: () => {
+                    toaster.error({
+                        title: 'Facebook Sign In Failed',
+                        description: 'Failed to sign in with Facebook. Please try again.',
+                    });
+                }, render: ({ onClick }) => {
+                    return (_jsx(Button, { onClick: onClick, fullWidth: false, children: "Connect" }));
+                } }))] }));
+};
+function UnlinkFacebookAccount() {
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const disclosure = useDisclosure();
+    const unlinkFacebookMutation = useUnlinkFacebookMutation({
+        onSuccess() {
+            toaster.success({
+                title: 'Successfully Disconnected Facebook Account',
+                description: 'Your Facebook account has been disconnected. You can reconnect anytime from your account settings.',
+            });
+            disclosure.setOpen(false);
+        },
+        onError() {
+            toaster.error({
+                title: 'Error',
+                description: 'An error occurred while disconnecting your Facebook account. Please try again later.',
+            });
+        },
+    });
+    if (!account)
+        return null;
+    return (_jsxs(Dialog.Root, { open: disclosure.open, onOpenChange: (details) => disclosure.setOpen(details.open), lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { className: "font-semibold text-button-tertiary-error-fg text-sm", children: "Disconnect" }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto min-h-auto max-w-[25rem] overflow-y-auto rounded-xl p-6", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(LinkBroken02Icon, {}) }), _jsx(Dialog.Title, { className: "mt-4 mb-1 text-center font-semibold text-lg xl:mt-xl", children: "Disconnect Facebook Account" }), _jsx(Dialog.Description, { className: "text-center text-sm text-text-tertiary-600 leading-2xl", children: "Are you sure you want to disconnect your Facebook account? This may affect your ability to log in or sync data." })] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "flex justify-between gap-2 pt-6", children: [_jsx(Button, { variant: "outline", disabled: unlinkFacebookMutation.isPending, onClick: () => api.setOpen(false), children: "Cancel" }), _jsx(Button, { variant: "solid", disabled: unlinkFacebookMutation.isPending, onClick: () => {
+                                                    unlinkFacebookMutation.mutate(account.id);
+                                                }, children: "Disconnect" })] })) })] }) })] })] }));
 }
 const LinkGoogleAccount = () => {
     const accountQuery = useAccountQuery();
@@ -200,7 +251,7 @@ function UnlinkGoogleAccount() {
     });
     if (!account)
         return null;
-    return (_jsxs(Dialog.Root, { open: disclosure.open, onOpenChange: (details) => disclosure.setOpen(details.open), lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { className: "font-semibold text-button-tertiary-error-fg text-sm", children: "Disconnect" }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto min-h-auto max-w-[25rem] overflow-y-auto rounded-xl p-6", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(LinkBroken02Icon, {}) }), _jsx(Dialog.Title, { className: "mb-1 text-center font-semibold text-lg xl:mt-xl", children: "Disconnect Google Account" }), _jsx(Dialog.Description, { className: "text-center text-sm text-text-tertiary-600 leading-2xl", children: "Are you sure you want to disconnect your Google account? This may affect your ability to log in or sync data." })] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "flex justify-between gap-2 pt-6", children: [_jsx(Button, { variant: "outline", disabled: unlinkGoogleMutation.isPending, onClick: () => api.setOpen(false), children: "Cancel" }), _jsx(Button, { variant: "solid", disabled: unlinkGoogleMutation.isPending, onClick: () => {
+    return (_jsxs(Dialog.Root, { open: disclosure.open, onOpenChange: (details) => disclosure.setOpen(details.open), lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: [_jsx(Dialog.Trigger, { className: "font-semibold text-button-tertiary-error-fg text-sm", children: "Disconnect" }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto min-h-auto max-w-[25rem] overflow-y-auto rounded-xl p-6", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-bg-brand-secondary text-text-brand", children: _jsx(LinkBroken02Icon, {}) }), _jsx(Dialog.Title, { className: "mt-4 mb-1 text-center font-semibold text-lg xl:mt-xl", children: "Disconnect Google Account" }), _jsx(Dialog.Description, { className: "text-center text-sm text-text-tertiary-600 leading-2xl", children: "Are you sure you want to disconnect your Google account? This may affect your ability to log in or sync data." })] }), _jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "flex justify-between gap-2 pt-6", children: [_jsx(Button, { variant: "outline", disabled: unlinkGoogleMutation.isPending, onClick: () => api.setOpen(false), children: "Cancel" }), _jsx(Button, { variant: "solid", disabled: unlinkGoogleMutation.isPending, onClick: () => {
                                                     unlinkGoogleMutation.mutate(account.id);
                                                 }, children: "Disconnect" })] })) })] }) })] })] }));
 }

package/dist/components/AccountSecurity/AccountSecurity.js

@@ -144,9 +144,9 @@ function TransactionPassword() {
             confirmPassword: '',
         },
     });
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Transaction password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "The transaction password secures and confirms your wallet withdrawals." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountPassword
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Transaction password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "The transaction password secures and confirms your wallet withdrawals." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.transactionPassword
                             ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountPassword ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
+                            : 'text-text-warning-primary'), children: profileCompletion?.transactionPassword ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
                     updateAccountMutation.mutate({
                         transactionPassword: data.password ? data.password : undefined,
                     });

package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.js

@@ -31,12 +31,17 @@ export function DepositWithdrawal(props) {
     const walletQuery = useWalletQuery({
         refetchInterval: 5000,
     });
-    //check if the user has pending/ongoing bonuses
+    // biome-ignore lint/correctness/useExhaustiveDependencies: globalStore is stable and doesn't need to be in dependencies
     useEffect(() => {
-        if (hasPendingBonus && !globalStore.pendingBonus.shouldShowWarning) {
+        if (hasPendingBonus) {
             globalStore.pendingBonus.setShouldShowWarning(hasPendingBonus);
         }
-    }, [hasPendingBonus, globalStore.pendingBonus]);
+        return () => {
+            if (!hasPendingBonus) {
+                globalStore.pendingBonus.setShouldShowWarning(false);
+            }
+        };
+    }, [hasPendingBonus]);
     return (_jsxs(_Fragment, { children: [_jsx(DepositWithdrawalPropsProvider, { value: props, children: _jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.depositWithdrawal.open, onOpenChange: (details) => {
                         globalStore.depositWithdrawal.setOpen(details.open);
                         if (!details.open) {

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

@@ -0,0 +1 @@
+export declare const FacebookSignInTrigger: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SignIn/FacebookSignInTrigger.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FacebookLogin from '@greatsumini/react-facebook-login';
+import { useShallow } from 'zustand/shallow';
+import { useFacebookClientQuery } from '../../client/hooks/useFacebookClientQuery.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { AUTH_ENDPOINT, PLATFORM_CODE } from '../../constants/index.js';
+import { FacebookIcon } from '../../icons/FacebookIcon.js';
+import { httpRequest } from '../../services/httpRequest.js';
+import { Button } from '../../ui/Button/index.js';
+export const FacebookSignInTrigger = () => {
+    const signInStore = useGlobalStore(useShallow((ctx) => ctx.signIn));
+    const signIn = useSignInMutation({
+        onError: () => {
+            toaster.error({
+                title: 'Account Not Found',
+                description: 'Account not found. Please try again or contact support.',
+            });
+        },
+        onSuccess: () => {
+            signInStore.setOpen(false);
+        },
+    });
+    const facebookClientIdQuery = useFacebookClientQuery();
+    const facebookClientId = facebookClientIdQuery.data;
+    if (!facebookClientId)
+        return null;
+    return (_jsx(FacebookLogin, { appId: facebookClientId, onSuccess: async (res) => {
+            try {
+                const { token } = await httpRequest.json(`${AUTH_ENDPOINT}/facebook/auth?state=${encodeURIComponent(`${window.location.origin},${PLATFORM_CODE}`)}&code=${res.accessToken}`);
+                signIn.mutate({
+                    type: 'SOCIALS',
+                    token,
+                });
+            }
+            catch {
+                toaster.error({
+                    title: 'Account Not Found',
+                    description: 'The Facebook account you used isn’t connected to any existing account in our system. Please connect it to continue.',
+                });
+            }
+        }, onFail: () => {
+            toaster.error({
+                title: 'Facebook Sign In Failed',
+                description: 'Failed to sign in with Facebook. Please try again.',
+            });
+        }, render: ({ onClick }) => {
+            return (_jsxs(Button, { variant: "outline", onClick: onClick, colorScheme: "gray", className: "mt-lg border-border-primary bg-bg-primary text-text-secondary-700", children: [_jsx(FacebookIcon, { className: "size-6" }), "Continue with Facebook"] }));
+        } }));
+};

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -22,6 +22,7 @@ import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { PinInput } from '../../ui/PinInput/index.js';
+import { FacebookSignInTrigger } from './FacebookSignInTrigger.js';
 import { useSignInContext, useSignInPropsContext } from './SignInContext.js';
 const GoogleSignInButton = dynamic(() => import('./GoogleSignInTrigger.js').then((m) => m.GoogleSignInTrigger), {
     ssr: false,
@@ -153,7 +154,7 @@ export function MobileNumberSignIn() {
                                                                     globalStore.responsibleGaming.setNext('SIGN_IN');
                                                                     globalStore.signIn.setOpen(false);
                                                                 }
-                                                            }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), signInProps.showPublicPlayProhibition && (_jsxs("div", { className: "mt-3xl text-center text-sm", children: ["Prohibition to play in open and public places", _jsxs("div", { className: "mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2", children: [_jsx("div", { className: "flex size-5xl items-center justify-center overflow-hidden rounded-full bg-white", children: _jsx(Image, { src: pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-9.5 w-auto object-contain" }) }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" }), _jsx("span", { className: "font-semibold text-sm text-text-tertiary-600", children: "Log in directly with" }), _jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" })] }), _jsx("div", { className: "mt-6", children: signInProps.googleSso && _jsx(GoogleSignInButton, {}) }), _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: "font-semibold text-button-tertiary-fg", onClick: () => {
+                                                            }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), signInProps.showPublicPlayProhibition && (_jsxs("div", { className: "mt-3xl text-center text-sm", children: ["Prohibition to play in open and public places", _jsxs("div", { className: "mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2", children: [_jsx("div", { className: "flex size-5xl items-center justify-center overflow-hidden rounded-full bg-white", children: _jsx(Image, { src: pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-9.5 w-auto object-contain" }) }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" }), _jsx("span", { className: "font-semibold text-sm text-text-tertiary-600", children: "Log in directly with" }), _jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" })] }), _jsxs("div", { className: "mt-6", children: [signInProps.googleSso && _jsx(GoogleSignInButton, {}), signInProps.facebookSso && _jsx(FacebookSignInTrigger, {})] }), _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: "font-semibold text-button-tertiary-fg", onClick: () => {
                                     globalStore.signIn.setOpen(false);
                                     globalStore.signUp.setOpen(true);
                                 }, children: "Sign up" })] })] })), context.step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Check your Phone" }), _jsxs("p", { className: "mt-xs text-center text-sm text-text-secondary-700", 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", { ref: form2Ref, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {

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

@@ -7,6 +7,7 @@ export interface SignInProps {
     responsibleGamingUrl?: string;
     className?: string;
     googleSso?: boolean;
+    facebookSso?: boolean;
     showPublicPlayProhibition?: boolean;
     children?: ReactNode;
 }

package/dist/services/account.d.ts

@@ -364,7 +364,11 @@ export declare const getPointsClubSettings: (options?: GraphQLRequestOptions) =>
 export interface GoogleClientIdQuery {
     googleClientId?: string | null;
 }
+export interface FacebookClientIdQuery {
+    facebookClientId?: string | null;
+}
 export declare const getGoogleClientId: (options?: GraphQLRequestOptions) => Promise<string | null>;
+export declare const getFacebookClientId: (options?: GraphQLRequestOptions) => Promise<string | null>;
 export interface UnlinkGoogleMutation {
     unlinkGoogle: boolean;
 }
@@ -375,6 +379,16 @@ export interface UnlinkGoogleMutationVariables {
     input: UnlinkGoogleInput;
 }
 export declare const unlinkGoogle: (id: string, options?: GraphQLRequestOptions) => Promise<void>;
+export interface UnlinkFacebookMutation {
+    unlinkFacebook: boolean;
+}
+export interface UnlinkFacebookInput {
+    id: string;
+}
+export interface UnlinkFacebookMutationVariables {
+    input: UnlinkFacebookInput;
+}
+export declare const unlinkFacebook: (id: string, options?: GraphQLRequestOptions) => Promise<void>;
 export interface GenerateSumsubVerificationTokenMutation {
     generateSumsubVerificationToken: string;
 }

package/dist/services/account.js

@@ -1,7 +1,7 @@
 import { cache } from 'react';
 import { ACCOUNT_GRAPHQL_ENDPOINT } from '../constants/index.js';
 import { graphqlRequest } from './graphqlRequest.js';
-import { ANNOUNCEMENTS, APPROVE_MEMBER_VERIFICATION__NEXT, CREATE_MEMBER_VERIFICATION, CREATE_MEMBER_VERIFICATION__NEXT, DELETE_MEMBER_ACCOUNT, GENERATE_SUMSUB_VERIFICATION_TOKEN, GOOGLE_CLIENT_ID, MEMBER_ACCOUNT, MEMBER_VERIFICATION, PAYMENT_SETTINGS, POINTS_CLUB_SETTINGS, PROFILE_COMPLETION, REFERRAL_CODE, REGISTER_MAYA_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT__NEXT, REGISTER_MEMBER_ACCOUNT_BY_MOBILE_NUMBER, REGISTER_MEMBER_ACCOUNT_BY_NAME, REGISTER_MEMBER_ACCOUNT_VIA_MOBILE, RESET_PASSWORD, UNLINK_GOOGLE, UPDATE_MEMBER_ACCOUNT, UPDATE_MEMBER_VERIFICATION, UPDATE_MEMBER_VERIFICATION__NEXT, UPDATE_REFERRAL_CODE, VERIFY_MOBILE_NUMBER, } from './queries.js';
+import { ANNOUNCEMENTS, APPROVE_MEMBER_VERIFICATION__NEXT, CREATE_MEMBER_VERIFICATION, CREATE_MEMBER_VERIFICATION__NEXT, DELETE_MEMBER_ACCOUNT, FACEBOOK_CLIENT_ID, GENERATE_SUMSUB_VERIFICATION_TOKEN, GOOGLE_CLIENT_ID, MEMBER_ACCOUNT, MEMBER_VERIFICATION, PAYMENT_SETTINGS, POINTS_CLUB_SETTINGS, PROFILE_COMPLETION, REFERRAL_CODE, REGISTER_MAYA_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT, REGISTER_MEMBER_ACCOUNT__NEXT, REGISTER_MEMBER_ACCOUNT_BY_MOBILE_NUMBER, REGISTER_MEMBER_ACCOUNT_BY_NAME, REGISTER_MEMBER_ACCOUNT_VIA_MOBILE, RESET_PASSWORD, UNLINK_FACEBOOK, UNLINK_GOOGLE, UPDATE_MEMBER_ACCOUNT, UPDATE_MEMBER_VERIFICATION, UPDATE_MEMBER_VERIFICATION__NEXT, UPDATE_REFERRAL_CODE, VERIFY_MOBILE_NUMBER, } from './queries.js';
 import { sha256 } from './sha256.js';
 export const getMemberAccount = cache(async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, MEMBER_ACCOUNT, undefined, options);
@@ -257,9 +257,16 @@ export const getGoogleClientId = cache(async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, GOOGLE_CLIENT_ID, undefined, options);
     return res.googleClientId ?? null;
 });
+export const getFacebookClientId = cache(async (options) => {
+    const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, FACEBOOK_CLIENT_ID, undefined, options);
+    return res.facebookClientId ?? null;
+});
 export const unlinkGoogle = async (id, options) => {
     await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, UNLINK_GOOGLE, { input: { id } }, options);
 };
+export const unlinkFacebook = async (id, options) => {
+    await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, UNLINK_FACEBOOK, { input: { id } }, options);
+};
 export const generateSumsubVerificationToken = async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, GENERATE_SUMSUB_VERIFICATION_TOKEN, undefined, options);
     return res.generateSumsubVerificationToken;

package/dist/services/queries.d.ts

@@ -67,7 +67,7 @@ export declare const MEMBER = "\n  query Member {\n    member {\n      dateTimeL
 /**
  * _aka_ `Query.self`
  */
-export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n      }\n    }\n  }\n";
+export declare const MEMBER_ACCOUNT = "\n  query MemberAccount {\n    memberAccount: self {\n      ... on MemberAccount {\n        id\n        name\n        status\n        realName\n        emailAddress\n        mobileNumber\n        birthDay\n        verified\n        verificationStatus\n        nickName\n        validId\n        mobileNumberVerified\n        mobileNumberVerificationRequired\n        transactionPassword\n        secretAnswerSubmitted\n        dateTimeCreated\n        dateTimeLastUpdated\n        googleId\n        facebookId\n      }\n    }\n  }\n";
 export declare const MEMBER_VERIFICATION = "\n  \n  fragment FileFragment on File {\n    id\n    url\n    status\n  }\n\n\n  query MemberVerification {\n    memberAccount: self {\n      ... on MemberAccount {\n        verification {\n          id\n          status\n          address\n          permanentAddress\n          sourceOfIncome\n          natureOfWork\n          nationality\n          placeOfBirth\n          idFrontImage {\n            ...FileFragment\n          }\n          selfieImage {\n            ...FileFragment\n          }\n        }\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT = "\n  mutation RegisterMemberAccount(\n    $input: RegisterMemberAccountInput!\n    $referralCode: String\n    $verificationCode: String\n    $reCAPTCHAResponse: String\n  ) {\n    registerMemberAccount(\n      input: $input\n      referralCode: $referralCode\n      verificationCode: $verificationCode\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MinimumAgeRequirementError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT_BY_NAME = "\n  mutation RegisterMemberAccountByName(\n    $input: RegisterMemberAccountByNameInput!\n    $reCAPTCHAResponse: String!\n  ) {\n    registerMemberAccountByName(\n      input: $input\n      reCAPTCHAResponse: $reCAPTCHAResponse\n    ) {\n      ... on AccountNameNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n      ... on InvalidReCAPTCHAResponseError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
@@ -125,7 +125,9 @@ export declare const MARK_GAME_AS_FAVORITE = "\n  mutation MarkGameAsFavorite($i
 export declare const UNMARK_GAME_AS_FAVORITE = "\n  mutation UnmarkGameAsFavorite($input: UnmarkGameAsFavoriteInput!) {\n    unmarkGameAsFavorite(input: $input)\n  }\n";
 export declare const FAVORITE_GAMES = "\n  query FavoriteGames {\n    favoriteGames {\n      ... on Game {\n        id\n        name\n        type\n        provider\n      }\n    }\n  }\n";
 export declare const GOOGLE_CLIENT_ID = "\n  query GoogleClientId {\n    googleClientId\n  }\n";
+export declare const FACEBOOK_CLIENT_ID = "\n  query FacebookClientId {\n    facebookClientId\n  }\n";
 export declare const UNLINK_GOOGLE = "\n  mutation UnlinkGoogle($input: UnlinkGoogleInput!) {\n    unlinkGoogle(input: $input)\n  }\n";
+export declare const UNLINK_FACEBOOK = "\n  mutation UnlinkFacebook($input: UnlinkFacebookInput!) {\n    unlinkFacebook(input: $input)\n  }\n";
 export declare const TOURNAMENTS = "\n  query Tournaments(\n    $first: Int\n    $after: Cursor\n    $filter: TournamentFilterInput\n  ) {\n    tournaments(first: $first, after: $after, filter: $filter) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      edges {\n        node {\n          ... on MultiplierTournament {\n            id\n            type\n            name\n            winnersCount\n            status\n            description\n            activationStartDateTime\n            activationEndDateTime\n            topPayouts {\n              id\n              multiplier\n              amount\n              member {\n                id\n                name\n              }\n            }\n            currentLeaderboard {\n              totalCount\n              edges {\n                node {\n                  ... on TournamentLeaderboard {\n                    id\n                    username\n                    multiplier\n                    dateTimeCreated\n                  }\n                }\n              }\n            }\n            previousLeaderboard {\n              totalCount\n              edges {\n                node {\n                  ... on TournamentLeaderboard {\n                    id\n                    username\n                    multiplier\n                    dateTimeCreated\n                  }\n                }\n              }\n            }\n            enabledGameProviders\n            frequency\n            mode\n            mobileBanner {\n              id\n              url\n              mimeType\n            }\n            webBanner {\n              id\n              url\n              mimeType\n            }\n            rewardSettings\n          }\n        }\n      }\n    }\n  }\n";
 export declare const TOURNAMENTS_COUNT = "\n  query TournamentsCount($filter: TournamentFilterInput) {\n    tournaments(filter: $filter) {\n      totalCount\n    }\n  }\n";
 export declare const GENERATE_SUMSUB_VERIFICATION_TOKEN = "\n  mutation GenerateSumsubVerificationToken {\n    generateSumsubVerificationToken\n  }\n";

package/dist/services/queries.js

@@ -1531,6 +1531,7 @@ export const MEMBER_ACCOUNT = /* GraphQL */ `
         dateTimeCreated
         dateTimeLastUpdated
         googleId
+        facebookId
       }
     }
   }
@@ -2559,11 +2560,21 @@ export const GOOGLE_CLIENT_ID = /* GraphQL */ `
     googleClientId
   }
 `;
+export const FACEBOOK_CLIENT_ID = /* GraphQL */ `
+  query FacebookClientId {
+    facebookClientId
+  }
+`;
 export const UNLINK_GOOGLE = /* GraphQL */ `
   mutation UnlinkGoogle($input: UnlinkGoogleInput!) {
     unlinkGoogle(input: $input)
   }
 `;
+export const UNLINK_FACEBOOK = /* GraphQL */ `
+  mutation UnlinkFacebook($input: UnlinkFacebookInput!) {
+    unlinkFacebook(input: $input)
+  }
+`;
 export const TOURNAMENTS = /* GraphQL */ `
   query Tournaments(
     $first: Int

package/dist/types/index.d.ts

@@ -460,6 +460,7 @@ export interface MemberAccount {
     dateTimeCreated: string;
     dateTimeLastUpdated: string;
     googleId?: string | null;
+    facebookId?: string | null;
 }
 export interface MemberVerification {
     id: string;