@opexa/portal-components 0.0.921 → 0.0.922

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

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

package/dist/client/hooks/useUpdateMobileNumber.js

@@ -0,0 +1,20 @@
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { updateMobileNumber, } from '../../services/account.js';
+import { getUpdateMobileNumberMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useUpdateMobileNumber = (config) => {
+    return useMutation({
+        ...config,
+        mutationKey: getUpdateMobileNumberMutationKey(),
+        mutationFn: async (input) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await updateMobileNumber(input.verificationCode, input.mobileNumber, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+};

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,7 +1,7 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
         view: "form" | "vca";
-        status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+        status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
         deposit: import("../../../../types").Deposit | null;
@@ -14,7 +14,7 @@ export declare const OnlineBankDepositContext: (props: {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
     view: "form" | "vca";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: import("../../../../types").Deposit | null;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -2,7 +2,7 @@ import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
     view: "form" | "vca";
-    status: "failed" | "waiting" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
+    status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;
     deposit: Deposit | null;

package/dist/components/ResponsibleGaming/ResponsibleGamingV2.lazy.js

@@ -44,7 +44,7 @@ export function ResponsibleGamingV2(props) {
                 globalStore.disclaimer.setOpen(true);
             }
             globalStore.responsibleGaming.setNext(null);
-        }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: props.logo, alt: "", width: 250, height: 150, className: "mx-auto h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Responsible Gaming Guidelines" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-[#021C25] px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-[#021C25] scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {
+        }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: props.logo, alt: "", width: 250, height: 150, className: "mx-auto h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Responsible Gaming Guidelines" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {
                                                 const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
                                                 const atBottom = Math.abs(scrollHeight - clientHeight - scrollTop) < 1;
                                                 setIsAtBottom(atBottom);

package/dist/components/TermsOfUse/TermsOfUseV2.lazy.js

@@ -44,7 +44,7 @@ export function TermsOfUseV2({ logo, siteName, content, ...props }) {
                 globalStore.disclaimer.setOpen(true);
             }
             globalStore.termsOfUse.setNext(null);
-        }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: logo, alt: "", width: 250, height: 150, className: "mx-auto h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Terms of Use" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-[#021C25] px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-[#021C25] scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {
+        }, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", children: _jsxs(Dialog.Content, { className: twMerge('relative flex h-full w-full flex-col items-start overflow-hidden bg-bg-primary p-4 sm:p-6 lg:mx-auto lg:max-h-[90vh] lg:w-[500px] lg:p-3xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent'), children: [_jsx(Image, { src: logo, alt: "", width: 250, height: 150, className: "mx-auto h-auto w-20 sm:w-24 lg:w-[7.5rem]", draggable: false }), _jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [_jsx(Dialog.Title, { className: "my-3 text-center font-semibold text-brand-400 sm:mt-6 sm:text-lg lg:my-xl lg:text-2xl", children: "Terms of Use" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col rounded-md bg-bg-primary-alt px-2 py-2", children: _jsxs("div", { ref: scrollableContentRef, className: "mt-2 scrollbar:h-2 scrollbar:w-2 flex-1 overflow-y-auto scrollbar-thumb:rounded-full scrollbar-track:rounded-full bg-bg-primary-alt scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-bg-primary p-3 pr-4 sm:mt-xs sm:p-4", onScroll: (e) => {
                                                 const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
                                                 if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
                                                     setHasReachedBottom(true);

package/dist/components/TransactionRecords/TableFilters.js

@@ -42,9 +42,9 @@ const DEPOSIT_TYPES_MAP = {
     AIO_PAY_MAYA: 'AiO Maya',
     AIO_GRAB_PAY: 'AiO Grab Pay',
     AIO_PALAWAN_PAY: 'AiO Palawan Pay',
-    AURIX_PAY_QRPH: 'Aurix QRPH',
+    AURIX_PAY_QR_PH: 'Aurix QRPH',
     AURIX_PAY_GCASH: 'Aurix GCash',
-    AURIX_PAY_PAYMAYA: 'Aurix Maya',
+    AURIX_PAY_PAY_MAYA: 'Aurix Maya',
     AURIX_PAY_GRAB_PAY: 'Aurix GrabPay',
     MAYA_WEBPAY: 'Maya WebPay',
     TEST: 'Test',

package/dist/components/UpdateMobileNumber/UpdateMobileNumber.d.ts

@@ -0,0 +1,3 @@
+export declare function UpdateMobileNumber({ onClose }: {
+    onClose?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/UpdateMobileNumber/UpdateMobileNumber.js

@@ -0,0 +1,136 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import Image from 'next/image';
+import { useRef, useState } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import z from 'zod';
+import { useCooldown } from '../../client/hooks/useCooldown.js';
+import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
+import { useMobileNumberParser } from '../../client/hooks/useMobileNumberParser.js';
+import { useSendVerificationCodeMutation } from '../../client/hooks/useSendVerificationCodeMutation.js';
+import { useUpdateMobileNumber } from '../../client/hooks/useUpdateMobileNumber.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
+import inplayLogo from '../../images/inplay-logo.png';
+import lightBg from '../../images/light-bg.png';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Field } from '../../ui/Field/index.js';
+import { PinInput } from '../../ui/PinInput/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+export function UpdateMobileNumber({ onClose }) {
+    const [step, setStep] = useState(1);
+    const sendVerificationCodeMutation = useSendVerificationCodeMutation({
+        onSuccess: () => {
+            setStep(2);
+            cooldown.start();
+        },
+        onError: (err) => {
+            toaster.error({
+                title: 'Sign In Failed',
+                description: err.message,
+            });
+        },
+    });
+    const updateMobileNumberMutation = useUpdateMobileNumber({
+        onSuccess: async () => {
+            step1Form.reset();
+            step2Form.reset();
+            setStep(1);
+            toaster.success({
+                title: 'Verification Successful',
+                description: 'Your mobile number has been verified.',
+            });
+            onClose?.();
+        },
+        onError: (err) => {
+            const errorMessage = err.name === 'Forbidden'
+                ? 'Please enter the correct verification code'
+                : err.message;
+            toaster.error({
+                title: 'Sign In Failed',
+                description: errorMessage,
+            });
+        },
+    });
+    const localeInfo = useLocaleInfo();
+    const mobileNumberParser = useMobileNumberParser();
+    const Step1Definition = z.object({
+        mobileNumber: z
+            .string()
+            .min(1, 'Mobile number is required')
+            .superRefine((v, ctx) => {
+            if (!mobileNumberParser.validate(v)) {
+                ctx.addIssue({
+                    code: z.ZodIssueCode.custom,
+                    message: 'Invalid mobile number',
+                });
+            }
+        }),
+    });
+    const Step2Definition = z.object({
+        verificationCode: z.array(z.string()).superRefine((val, ctx) => {
+            if (val.length !== 6 || val.some((v) => v.length !== 1)) {
+                ctx.addIssue({
+                    code: z.ZodIssueCode.custom,
+                    message: 'Please enter your 6-digit verification code.',
+                });
+            }
+        }),
+    });
+    const step1Form = useForm({
+        resolver: zodResolver(Step1Definition),
+        defaultValues: {
+            mobileNumber: '',
+        },
+    });
+    const step2Form = useForm({
+        resolver: zodResolver(Step2Definition),
+        defaultValues: {
+            verificationCode: Array.from({ length: 6 }).fill(''),
+        },
+    });
+    const cooldown = useCooldown({
+        max: 60,
+        duration: 1000 * 60,
+    });
+    const formRef = useRef(null);
+    return (_jsx(Dialog.Root, { open: true, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: "flex items-center", children: _jsxs(Dialog.Content, { className: "flex w-[375px] flex-col items-center space-y-4 rounded-xl bg-[#111827] p-6 text-center", style: {
+                            backgroundImage: `url(${lightBg.src})`,
+                        }, children: [_jsx(Image, { src: inplayLogo, alt: "inplay logo", width: 82, height: 34, className: "h-auto w-[82px]" }), _jsxs("div", { children: [step === 1 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "font-bold text-sm", children: ["Get ", _jsx("span", { className: "text-[#F05127]", children: "\u20B150 Bonus" }), " when you verify your account and play."] }), _jsxs("form", { className: "mt-3xl", onSubmit: step1Form.handleSubmit(async (data) => {
+                                                    sendVerificationCodeMutation.mutateAsync({
+                                                        channel: 'SMS',
+                                                        recipient: mobileNumberParser.format(data.mobileNumber),
+                                                        strict: true,
+                                                    });
+                                                }), children: [_jsxs(Field.Root, { invalid: !!step1Form.formState.errors.mobileNumber, className: "text-left", children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "-translate-y-1/2 absolute top-1/2 left-3.5 flex shrink-0 items-center gap-md", children: _jsx("span", { className: "text-text-placeholder", children: localeInfo.mobileNumber.areaCode }) }), _jsx(Field.Input, { style: {
+                                                                            paddingLeft: `calc(1.25rem + ${localeInfo.mobileNumber.areaCode.length}ch)`,
+                                                                        }, ...step1Form.register('mobileNumber') })] }), _jsx(Field.ErrorText, { children: step1Form.formState.errors.mobileNumber?.message })] }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Send Code" })] })] })), 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 text-[#F05127]", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { ref: formRef, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {
+                                                    updateMobileNumberMutation.mutateAsync({
+                                                        mobileNumber: mobileNumberParser.format(step1Form.getValues('mobileNumber')),
+                                                        verificationCode: verificationCode.join(''),
+                                                    });
+                                                }), children: [_jsx(Controller, { name: "verificationCode", control: step2Form.control, render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, children: [_jsxs(PinInput.Root, { placeholder: "0", onKeyDown: (e) => {
+                                                                        if (e.key === 'Backspace') {
+                                                                            step2Form.reset();
+                                                                        }
+                                                                    }, value: o.field.value, onValueChange: (details) => {
+                                                                        o.field.onChange(details.value);
+                                                                        o.field.onBlur();
+                                                                    }, otp: true, onValueComplete: () => {
+                                                                        formRef.current?.requestSubmit();
+                                                                    }, blurOnComplete: true, readOnly: step2Form.formState.isSubmitting, type: "numeric", 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: "font-medium text-2xl text-text-placeholder-subtle", children: "\u2013" }), _jsx(PinInput.Input, { index: 3 }), _jsx(PinInput.Input, { index: 4 }), _jsx(PinInput.Input, { index: 5 })] }), _jsx(PinInput.HiddenInput, {})] }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: step2Form.formState.isSubmitting, children: "Verify" }), _jsxs("div", { className: "mt-4 flex w-full items-center justify-center gap-xs text-xs", children: [_jsx("span", { className: "text-[#9CA3AF]", children: "Didn't receive the code?" }), _jsx("button", { type: "button", className: "font-semibold text-[#C084FC]", 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' })] }), _jsx("button", { type: "button", className: "absolute top-0 left-6 mx-auto mt-3xl flex h-8 w-8 items-center gap-1 rounded-full bg-[#1f2638] font-semibold text-sm text-text-tertiary-600", onClick: () => {
+                                                            setStep(1);
+                                                            step2Form.reset();
+                                                            cooldown.stop();
+                                                        }, children: _jsx(ArrowLeftIcon, { className: "mx-auto size-5" }) })] })] }))] })] }) })] }) }));
+}

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

@@ -0,0 +1 @@
+export * from './UpdateMobileNumber';

package/dist/components/UpdateMobileNumber/index.js

@@ -0,0 +1 @@
+export * from './UpdateMobileNumber.js';

package/dist/services/account.d.ts

@@ -231,6 +231,27 @@ export interface VerifyMobileNumberMutationVariables {
     };
 }
 export declare const verifyMobileNumber: (verificationCode: string, options?: GraphQLRequestOptions) => Promise<void>;
+export type UpdateMobileNumberError = {
+    name: 'InvalidSMSVerificationCodeError';
+    message: string;
+} | {
+    name: 'MobileNumberNotAvailableError';
+    message: string;
+};
+export interface UpdateMobileNumberMutation {
+    updateMobileNumber?: null | UpdateMobileNumberError;
+}
+export type UpdateMobileNumberInput = {
+    mobileNumber: string;
+    verificationCode: string;
+};
+export interface UpdateMobileNumberMutationVariables {
+    input: {
+        mobileNumber: string;
+        verificationCode: string;
+    };
+}
+export declare const updateMobileNumber: (mobileNumber: string, verificationCode: string, options?: GraphQLRequestOptions) => Promise<void>;
 export type CreateMemberVerificationError = {
     name: 'FileDoesNotExistError';
     message: 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, 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, REQUIRE_FIRST_DEPOSIT, 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 { 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, REQUIRE_FIRST_DEPOSIT, RESET_PASSWORD, UNLINK_FACEBOOK, UNLINK_GOOGLE, UPDATE_MEMBER_ACCOUNT, UPDATE_MEMBER_VERIFICATION, UPDATE_MEMBER_VERIFICATION__NEXT, UPDATE_MOBILE_NUMBER, 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);
@@ -166,6 +166,16 @@ export const verifyMobileNumber = async (verificationCode, options) => {
         throw error;
     }
 };
+export const updateMobileNumber = async (mobileNumber, verificationCode, options) => {
+    const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, UPDATE_MOBILE_NUMBER, { input: { mobileNumber, verificationCode } }, options);
+    if (res.updateMobileNumber) {
+        const error = new Error();
+        error.name = res.updateMobileNumber.name;
+        error.message = ERROR_CODES_MESSAGE_MAP[res.updateMobileNumber.name];
+        Error.captureStackTrace?.(error, updateMobileNumber);
+        throw error;
+    }
+};
 export const createMemberVerification = async (input, options) => {
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, CREATE_MEMBER_VERIFICATION, { input }, options);
     if (res.createMemberVerification) {

package/dist/services/queries.d.ts

@@ -88,6 +88,7 @@ export declare const UPDATE_MEMBER_ACCOUNT = "\n  mutation UpdateMemberAccount($
 export declare const RESET_PASSWORD = "\n  mutation ResetPassword(\n    $input: ResetPasswordInput!\n    $verificationCode: String\n  ) {\n    resetPassword(input: $input, verificationCode: $verificationCode) {\n      ... on AccountNotFoundError {\n        name: __typename\n        message\n      }\n      ... on InvalidVerificationCodeError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const DELETE_MEMBER_ACCOUNT = "\n  mutation DeleteMemberAccount($input: DeleteMemberAccountInput!) {\n    deleteMemberAccount(input: $input)\n  }\n";
 export declare const VERIFY_MOBILE_NUMBER = "\n  mutation VerifyMobileNumber($input: VerifyMobileNumberInput!) {\n    verifyMobileNumber(input: $input) {\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberAlreadyVerifiedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const UPDATE_MOBILE_NUMBER = "\n  mutation UpdateMobileNumber($input: UpdateMobileNumberInput!) {\n    updateMobileNumber(input: $input) {\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MEMBER_VERIFICATION = "\n  mutation CreateMemberVerification($input: CreateMemberVerificationInput!) {\n    createMemberVerification(input: $input) {\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationAlreadyExistsError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MEMBER_VERIFICATION__NEXT = "\n  mutation CreateMemberVerification(\n    $input: CreateMemberVerificationInput_next!\n  ) {\n    createMemberVerification: createMemberVerification_next(input: $input) {\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationAlreadyExistsError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const UPDATE_MEMBER_VERIFICATION = "\n  mutation UpdateMemberVerification($input: UpdateMemberVerificationInput!) {\n    updateMemberVerification(input: $input) {\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationAlreadyApprovedError {\n        name: __typename\n        message\n      }\n      ... on MemberVerificationDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -2375,6 +2375,20 @@ export const VERIFY_MOBILE_NUMBER = /* GraphQL */ `
     }
   }
 `;
+export const UPDATE_MOBILE_NUMBER = /* GraphQL */ `
+  mutation UpdateMobileNumber($input: UpdateMobileNumberInput!) {
+    updateMobileNumber(input: $input) {
+      ... on InvalidSMSVerificationCodeError {
+        name: __typename
+        message
+      }
+      ... on MobileNumberNotAvailableError {
+        name: __typename
+        message
+      }
+    }
+  }
+`;
 export const CREATE_MEMBER_VERIFICATION = /* GraphQL */ `
   mutation CreateMemberVerification($input: CreateMemberVerificationInput!) {
     createMemberVerification(input: $input) {

package/dist/types/index.d.ts

@@ -255,7 +255,7 @@ export interface LatestBetRecord {
     dateTimeSettled: string;
     dateTimeCreated: string;
 }
-export type DepositType = 'BANK' | 'GCASH' | 'MANUAL' | 'MAYA' | 'MAYA_APP' | 'MAYA_WEBPAY' | 'QR_PH' | 'ONLINE_BANK' | 'MANUAL_BANK' | 'MANUAL_UPI' | 'PISO_PAY_CHECKOUT' | 'AIO_GCASH' | 'AIO_PAY_MAYA' | 'AIO_GRAB_PAY' | 'AIO_PALAWAN_PAY' | 'LIBANGAN_PAY_IN' | 'AURIX_PAY_QRPH' | 'AURIX_PAY_GCASH' | 'AURIX_PAY_PAYMAYA' | 'AURIX_PAY_GRAB_PAY' | 'TEST';
+export type DepositType = 'BANK' | 'GCASH' | 'MANUAL' | 'MAYA' | 'MAYA_APP' | 'MAYA_WEBPAY' | 'QR_PH' | 'ONLINE_BANK' | 'MANUAL_BANK' | 'MANUAL_UPI' | 'PISO_PAY_CHECKOUT' | 'AIO_GCASH' | 'AIO_PAY_MAYA' | 'AIO_GRAB_PAY' | 'AIO_PALAWAN_PAY' | 'LIBANGAN_PAY_IN' | 'AURIX_PAY_QR_PH' | 'AURIX_PAY_GCASH' | 'AURIX_PAY_PAY_MAYA' | 'AURIX_PAY_GRAB_PAY' | 'TEST';
 export type DepositStatus = 'PENDING' | 'ACCEPTED' | 'APPROVED' | 'REJECTED' | 'CONFIRMED' | 'CANCELLED' | 'FAILED';
 export type KnownDepositError = 'INSUFFICIENT_BALANCE' | 'DEPOSIT_CREATION_REQUEST_FAILED' | 'DEPOSIT_EXECUTION_REQUEST_FAILED' | 'REQUEST_SESSION_EXPIRED' | 'REQUEST_TIMEOUT' | 'SYSTEM_CANCELLATION' | 'UNEXPECTED_ERROR' | 'FAILED_TO_PROCESS_PAYMENT' | 'MINIMUM_DEPOSIT_AMOUNT_NOT_MET' | 'UNTOUCHED';
 export interface DepositRecord {