@opexa/portal-components 0.0.331 → 0.0.333

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

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

package/dist/client/hooks/useGoogleClientIdQuery.js

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

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

@@ -0,0 +1,3 @@
+import { type UnlinkGoogleInput } from '../../services/account';
+import type { Mutation } from '../../types';
+export declare const useUnlinkGoogleMutation: Mutation<void, UnlinkGoogleInput>;

package/dist/client/hooks/useUnlinkGoogleMutation.js

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

package/dist/components/AccountInfo/AccountInfo.d.ts

@@ -1,4 +1,6 @@
 export interface AccountInfoProps {
     className?: string;
+    googleSso?: boolean;
+    facebookSso?: boolean;
 }
 export declare function AccountInfo(props: AccountInfoProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AccountInfo/AccountInfo.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import { GoogleOAuthProvider, useGoogleLogin } from '@react-oauth/google';
 import { differenceInYears, format } from 'date-fns';
 import Image from 'next/image';
 import { useEffect } from 'react';
@@ -8,10 +9,14 @@ import { useForm } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.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 { useUnlinkGoogleMutation } from '../../client/hooks/useUnlinkGoogleMutation.js';
 import { useUpdateAccountMutation } from '../../client/hooks/useUpdateAccountMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
+import { AUTH_ENDPOINT, PLATFORM_CODE } from '../../constants/index.js';
 import { FacebookIcon } from '../../icons/FacebookIcon.js';
 import { GoogleIcon } from '../../icons/GoogleIcon.js';
 import avatar from '../../images/placeholder-avatar.png';
@@ -19,12 +24,12 @@ import { Button } from '../../ui/Button/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
 export function AccountInfo(props) {
-    return (_jsxs("div", { className: twMerge('space-y-3xl', props.className), children: [_jsx(ProfileInfo, {}), _jsx(ContactInfo, {}), _jsx(PersonalInfo, {}), _jsx(SSO, {})] }));
+    return (_jsxs("div", { className: twMerge('space-y-3xl', props.className), children: [_jsx(ProfileInfo, {}), _jsx(ContactInfo, {}), _jsx(PersonalInfo, {}), _jsx(SSO, { google: props.googleSso, facebook: props.facebookSso })] }));
 }
 function ProfileInfo() {
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
-    return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Profile Info" }), _jsx("div", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt", children: _jsx("div", { className: 'border-border-secondary px-4 py-5', children: _jsxs("div", { className: "flex items-center gap-xl", children: [_jsx(Image, { src: avatar, alt: "", width: 80, height: 80, className: "size-14 shrink-0 rounded-md object-cover" }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-text-secondary-700 leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.id })] })] }) }) })] }));
+    return (_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Profile Info" }), _jsx("div", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt", children: _jsx("div", { className: "border-border-secondary px-4 py-5", children: _jsxs("div", { className: "flex items-center gap-xl", children: [_jsx(Image, { src: avatar, alt: "", width: 80, height: 80, className: "size-14 shrink-0 rounded-md object-cover" }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-lg text-text-secondary-700 leading-tight", children: account?.name }), _jsx("p", { className: "text-text-tertiary-600 leading-tight", children: account?.id })] })] }) }) })] }));
 }
 function PersonalInfo() {
     const accountQuery = useAccountQuery();
@@ -144,6 +149,29 @@ function ContactInfo() {
                     });
                 }), children: [_jsxs("div", { className: "px-xl py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx(localeInfo.country.flag, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 left-3.5 size-5" }), _jsx(Field.Input, { className: "pl-10.5", readOnly: account?.mobileNumber != null, ...form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: form.formState.errors.mobileNumber?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.emailAddress, children: [_jsx(Field.Label, { children: "Email address" }), _jsx(Field.Input, { ...form.register('emailAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.emailAddress?.message })] })] }), form.formState.isDirty && (_jsxs("div", { className: "flex justify-end gap-lg border-border-secondary border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: updateAccountMutation.isPending || !form.formState.isValid, children: "Save Changes" })] }))] })] }));
 }
-function SSO() {
-    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: [_jsxs("div", { className: "flex items-center", children: [_jsxs("div", { className: "flex grow items-center gap-sm", children: [_jsx(IconButton, { variant: "outline", colorScheme: "gray", children: _jsx(GoogleIcon, { className: "size-6" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm leading-tight", children: "Google" }), _jsx("p", { className: "mt-xs text-text-secondary-700 text-xs leading-tight", children: "Not Connected" })] })] }), _jsx(Button, { fullWidth: false, children: "Connect" })] }), _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" })] })] })] }));
+function SSO({ google, facebook }) {
+    const googleClientIdQuery = useGoogleClientIdQuery({ enabled: !!google });
+    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" })] }))] })] }));
 }
+const LinkGoogleAccount = () => {
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const sessionQuery = useSessionQuery();
+    const session = sessionQuery.data;
+    const unlinkGoogleAccountMutation = useUnlinkGoogleMutation();
+    const loginGoogle = useGoogleLogin({
+        flow: 'auth-code',
+        state: encodeURIComponent(`${window.location.origin},${PLATFORM_CODE},${session?.token}`),
+        ux_mode: 'redirect',
+        redirect_uri: `${AUTH_ENDPOINT}/google/link`,
+        scope: 'openid profile email phone',
+    });
+    if (!account)
+        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(GoogleIcon, { className: "size-6" }) }), !account.googleId ? (_jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm leading-tight", children: "Google" }), _jsx("p", { className: "mt-xs text-text-secondary-700 text-xs leading-tight", children: "Not Connected" })] })) : (_jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm leading-tight", children: "Google" }), _jsx("p", { className: "mt-xs text-text-success-primary-600 text-xs leading-tight", children: "Connected" })] }))] }), account.googleId ? (_jsx("button", { type: "button", onClick: () => {
+                    unlinkGoogleAccountMutation.mutate({ id: account.id });
+                }, disabled: unlinkGoogleAccountMutation.isPending, className: "font-semibold text-button-tertiary-error-fg text-sm", children: "Disconnect" })) : (_jsx(Button, { onClick: () => loginGoogle(), fullWidth: false, children: "Connect" }))] }));
+};

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

@@ -0,0 +1 @@
+export declare function LinkGoogleAccountObserver(): null;

package/dist/components/PortalProvider/LinkGoogleAccountObserver.js

@@ -0,0 +1,23 @@
+'use client';
+import { useSearchParams } from 'next/navigation';
+import { useTimeout } from 'usehooks-ts';
+import { toaster } from '../../client/utils/toaster.js';
+export function LinkGoogleAccountObserver() {
+    const searchParams = useSearchParams();
+    const code = searchParams.get('message') ?? searchParams.get('status');
+    useTimeout(() => {
+        if (code === 'duplicate') {
+            return toaster.error({
+                title: 'Duplicate Account',
+                description: 'An account with this email already exists. Please try signing in instead.',
+            });
+        }
+        if (code === 'linked') {
+            return toaster.success({
+                title: 'Google Account Linked Successfully',
+                description: 'Your Google account has been successfully connected.',
+            });
+        }
+    }, code ? 100 : null);
+    return null;
+}

package/dist/components/PortalProvider/PortalProvider.js

@@ -7,7 +7,9 @@ import { prefetchSessionQuery } from '../../server/utils/prefetchSessionQuery.js
 import { prefetchWalletQuery } from '../../server/utils/prefetchWalletQuery.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { FeatureFlag } from './FeatureFlag.js';
+import { LinkGoogleAccountObserver } from './LinkGoogleAccountObserver.js';
 import { Providers } from './Providers.js';
+import { SessionWatcher } from './SessionWatcher.js';
 import { SetupCellxpertCxd } from './SetupCellxpertCxd.js';
 import { SetupDomain } from './SetupDomain.js';
 import { Snackbar } from './Snackbar.js';
@@ -19,5 +21,5 @@ export async function PortalProvider({ recaptchaSiteKey, children, }) {
         prefetchAccountQuery(),
         prefetchWalletQuery(),
     ]);
-    return (_jsxs(Fragment, { children: [_jsx(Providers, { recaptchaSiteKey: recaptchaSiteKey, children: _jsxs(HydrationBoundary, { state: dehydrate(queryClient), children: [children, _jsx(Suspense, { children: _jsx(SetupDomain, {}) }), _jsx(Suspense, { children: _jsx(SetupCellxpertCxd, {}) })] }) }), _jsx(Snackbar, {}), _jsx(Suspense, { children: _jsx(FeatureFlag, {}) })] }));
+    return (_jsxs(Fragment, { children: [_jsx(Providers, { recaptchaSiteKey: recaptchaSiteKey, children: _jsxs(HydrationBoundary, { state: dehydrate(queryClient), children: [children, _jsx(SessionWatcher, {}), _jsx(Suspense, { children: _jsx(SetupDomain, {}) }), _jsx(Suspense, { children: _jsx(SetupCellxpertCxd, {}) })] }) }), _jsx(Snackbar, {}), _jsx(Suspense, { children: _jsx(LinkGoogleAccountObserver, {}) }), _jsx(Suspense, { children: _jsx(FeatureFlag, {}) })] }));
 }

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

@@ -0,0 +1 @@
+export declare function SessionWatcher(): null;

package/dist/components/PortalProvider/SessionWatcher.js

@@ -0,0 +1,22 @@
+'use client';
+import { useRouter } from 'next/navigation';
+import { useTimeout } from 'usehooks-ts';
+import { useSessionHealthQuery } from '../../client/hooks/useSessionHealthQuery.js';
+import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
+import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
+export function SessionWatcher() {
+    const router = useRouter();
+    const sessionQuery = useSessionQuery();
+    const sessionHealthQuery = useSessionHealthQuery({
+        enabled: sessionQuery.data?.status === 'authenticated',
+        refetchInterval: 1000 * 5,
+    });
+    const signOutMutation = useSignOutMutation({
+        onSuccess() {
+            router.refresh();
+        },
+    });
+    const healthy = sessionHealthQuery.data ?? true;
+    useTimeout(() => signOutMutation.mutate(), !healthy ? 250 : null);
+    return null;
+}

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

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithRef } from 'react';
+export interface GoogleSignInTriggerProps extends ComponentPropsWithRef<'button'> {
+    asChild?: boolean;
+}
+export declare const GoogleSignInTrigger: (props: GoogleSignInTriggerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SignIn/GoogleSignInTrigger.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ark } from '@ark-ui/react';
+import { GoogleOAuthProvider, useGoogleLogin } from '@react-oauth/google';
+import { useGoogleClientIdQuery } from '../../client/hooks/useGoogleClientIdQuery.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 { GoogleIcon } from '../../icons/GoogleIcon.js';
+import { httpRequest } from '../../services/httpRequest.js';
+import { Button } from '../../ui/Button/index.js';
+export const GoogleSignInTrigger = (props) => {
+    const googleClientIdQuery = useGoogleClientIdQuery();
+    const googleClientId = googleClientIdQuery.data;
+    if (!googleClientId)
+        return null;
+    return (_jsx(GoogleOAuthProvider, { clientId: googleClientId, children: _jsx(Trigger, { ...props }) }));
+};
+const Trigger = ({ children, asChild, onClick, ...props }) => {
+    const signIn = useSignInMutation();
+    const signInGoogle = useGoogleLogin({
+        flow: 'auth-code',
+        scope: 'openid profile email phone',
+        state: encodeURIComponent(`${window.location.origin},${PLATFORM_CODE}`),
+        ux_mode: 'popup',
+        redirect_uri: 'postmessage',
+        onSuccess: async (cred) => {
+            const { token } = await httpRequest.json(`${AUTH_ENDPOINT}/google/auth?state=${cred.state}&code=${cred.code}&scope=${cred.scope}`);
+            signIn.mutate({
+                type: 'SOCIALS',
+                token,
+            }, {
+                onError: () => {
+                    toaster.error({
+                        title: 'Account Not Found',
+                        description: 'The Google account you used isn’t connected to any existing account in our system. Please connect it to continue.',
+                    });
+                },
+            });
+        },
+    });
+    return (_jsx(ark.button, { type: "button", onClick: (e) => {
+            onClick?.(e);
+            signInGoogle();
+        }, asChild: !children ? true : asChild, ...props, children: children ?? (_jsxs(Button, { variant: "outline", colorScheme: "gray", className: "bg-bg-primary", children: [_jsx(GoogleIcon, { className: "size-6" }), "Continue with Google"] })) }));
+};

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { zodResolver } from '@hookform/resolvers/zod';
+import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { useRef } from 'react';
@@ -22,6 +23,10 @@ import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { PinInput } from '../../ui/PinInput/index.js';
 import { useSignInContext, useSignInPropsContext } from './SignInContext.js';
+const GoogleSignInButton = dynamic(() => import('./GoogleSignInTrigger.js').then((m) => m.GoogleSignInTrigger), {
+    ssr: false,
+    loading: () => null,
+});
 export function MobileNumberSignIn() {
     const signInProps = useSignInPropsContext();
     const router = useRouter();
@@ -148,7 +153,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 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" })] }), _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: () => {
                                     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

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

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

@@ -1,2 +1,3 @@
+export * from './GoogleSignInTrigger';
 export * from './SignIn';
 export * from './SignInTrigger';

package/dist/components/SignIn/index.js

@@ -1,2 +1,3 @@
+export * from './GoogleSignInTrigger.js';
 export * from './SignIn.js';
 export * from './SignInTrigger.js';

package/dist/components/SignUp/SignUpTrigger.d.ts

@@ -1,6 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
-interface SignUpTriggerProps extends ComponentPropsWithRef<'button'> {
+export interface SignUpTriggerProps extends ComponentPropsWithRef<'button'> {
     asChild?: boolean;
 }
 export declare function SignUpTrigger(props: SignUpTriggerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/handlers/getSession.js

@@ -22,9 +22,17 @@ export async function getSession(request) {
     }
     if (!accessToken) {
         try {
+            const forwarded = request.headers.get('x-forwarded-for');
+            const ipaddress = forwarded?.split(',')[0];
             const data = await refreshSession({
                 headers: {
                     Authorization: `Bearer ${refreshToken}`,
+                    ...(ipaddress && {
+                        'X-Forwarded-For': ipaddress,
+                    }),
+                    ...(ipaddress && {
+                        'X-User-Real-Ip': ipaddress,
+                    }),
                 },
             });
             const response = NextResponse.json({

package/dist/handlers/index.d.ts

@@ -6,13 +6,6 @@ interface Context {
     params: Promise<Params>;
 }
 export declare const GET: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
-    ok: false;
-    message: string;
-    __error?: unknown;
-} | {
-    ok: true;
-    data: import("../types").Session;
-}> | NextResponse<{
     ok: true;
     data?: never;
 } | {
@@ -26,6 +19,13 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
 } | {
     ok: true;
     data: Record<string, unknown>;
+}> | NextResponse<{
+    ok: false;
+    message: string;
+    __error?: unknown;
+} | {
+    ok: true;
+    data: import("../types").Session;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/handlers/postAuthenticate.js

@@ -38,6 +38,9 @@ export async function postAuthenticate(request) {
                 ...(ipaddress && {
                     'X-Forwarded-For': ipaddress,
                 }),
+                ...(ipaddress && {
+                    'X-User-Real-Ip': ipaddress,
+                }),
             },
         });
         const response = NextResponse.json({ ok: true }, { status: 201 });

package/dist/handlers/postSession.js

@@ -56,6 +56,9 @@ export async function postSession(request) {
                 ...(ipaddress && {
                     'X-Forwarded-For': ipaddress,
                 }),
+                ...(ipaddress && {
+                    'X-User-Real-Ip': ipaddress,
+                }),
             },
         });
         if (res.authenticator) {

package/dist/services/account.d.ts

@@ -361,6 +361,16 @@ export interface GoogleClientIdQuery {
     googleClientId?: string | null;
 }
 export declare const getGoogleClientId: (options?: GraphQLRequestOptions) => Promise<string | null>;
+export interface UnlinkGoogleMutation {
+    unlinkGoogle: boolean;
+}
+export interface UnlinkGoogleInput {
+    id: string;
+}
+export interface UnlinkGoogleMutationVariables {
+    input: UnlinkGoogleInput;
+}
+export declare const unlinkGoogle: (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, 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, 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 { sha256 } from './sha256.js';
 export const getMemberAccount = cache(async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, MEMBER_ACCOUNT, undefined, options);
@@ -257,6 +257,9 @@ export const getGoogleClientId = cache(async (options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, GOOGLE_CLIENT_ID, undefined, options);
     return res.googleClientId ?? null;
 });
+export const unlinkGoogle = cache(async (id, options) => {
+    await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, UNLINK_GOOGLE, { 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      }\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      }\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,6 +125,7 @@ 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 UNLINK_GOOGLE = "\n  mutation UnlinkGoogle($input: UnlinkGoogleInput!) {\n    unlinkGoogle(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

@@ -1529,6 +1529,7 @@ export const MEMBER_ACCOUNT = /* GraphQL */ `
         secretAnswerSubmitted
         dateTimeCreated
         dateTimeLastUpdated
+        googleId
       }
     }
   }
@@ -2557,6 +2558,11 @@ export const GOOGLE_CLIENT_ID = /* GraphQL */ `
     googleClientId
   }
 `;
+export const UNLINK_GOOGLE = /* GraphQL */ `
+  mutation UnlinkGoogle($input: UnlinkGoogleInput!) {
+    unlinkGoogle(input: $input)
+  }
+`;
 export const TOURNAMENTS = /* GraphQL */ `
   query Tournaments(
     $first: Int

package/dist/types/index.d.ts

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