@opexa/portal-components 0.0.697 → 0.0.698

package/dist/components/KYC/PersonalInformation.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { useShallow } from 'zustand/shallow';
+import { useApproveMemberVerification } from '../../client/hooks/useApproveMemberVerification.js';
+import { useCreateMemberVerificationMutation } from '../../client/hooks/useCreateMemberVerificationMutation.js';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
+import { useUpdateMemberVerificationMutation } from '../../client/hooks/useUpdateMemberVerificationMutation.js';
+import { toaster } from '../../client/utils/toaster.js';
+import { CheckIcon } from '../../icons/CheckIcon.js';
+import { Button } from '../../ui/Button/index.js';
+import { Checkbox } from '../../ui/Checkbox/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Field } from '../../ui/Field/index.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getMemberVerificationQueryKey } from '../../utils/queryKeys.js';
+import { useKYCContext } from './KYCContext.js';
+const definition = z.object({
+    address: z.string().trim().min(1, 'Current address is required'),
+    permanentAddress: z.string().trim().min(1, 'Permanent address is required'),
+    sourceOfIncome: z.string().trim().min(1, 'Source of Income is required'),
+    natureOfWork: z.string().trim().min(1, 'Nature of Work is required'),
+    placeOfBirth: z.string().trim().min(1, 'Place of Birth is required'),
+    nationality: z.string().trim().min(1, 'Nationality is required'),
+});
+export function PersonalInformation() {
+    const kyc = useKYCContext();
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        kyc: ctx.kyc,
+    })));
+    const memberVerificationQuery = useMemberVerificationQuery();
+    const memberVerificationId = memberVerificationQuery.data?.id;
+    const approveMemberVerificationMutation = useApproveMemberVerification();
+    const updateMemberVerificationMutation = useUpdateMemberVerificationMutation({
+        onError(error) {
+            toaster.error({
+                description: error.message,
+            });
+        },
+        onSuccess() {
+            const queryClient = getQueryClient();
+            queryClient.setQueryData(getMemberVerificationQueryKey(), (prev) => {
+                if (!prev)
+                    return prev;
+                return {
+                    ...prev,
+                    status: 'PENDING',
+                };
+            });
+            kyc.setDone(true);
+            globalStore.kyc.setOpen(false);
+            toaster.success({
+                title: 'Success',
+                description: 'Personal information has been set successfully.',
+            });
+        },
+    });
+    const createMemberVerificationMutation = useCreateMemberVerificationMutation({
+        onError(error) {
+            toaster.error({
+                description: error.message,
+            });
+        },
+        onSuccess() {
+            kyc.setDone(true);
+            globalStore.kyc.setOpen(false);
+            toaster.success({
+                title: 'Success',
+                description: 'Personal information has been set successfully.',
+            });
+        },
+    });
+    const form = useForm({
+        resolver: zodResolver(definition),
+        defaultValues: {
+            address: '',
+            nationality: '',
+            natureOfWork: '',
+            placeOfBirth: '',
+            permanentAddress: '',
+        },
+        mode: 'all',
+    });
+    async function onSubmit(values) {
+        if (!memberVerificationId) {
+            createMemberVerificationMutation.mutate({
+                ...values,
+            });
+        }
+        else {
+            await updateMemberVerificationMutation.mutateAsync({
+                id: memberVerificationId,
+                data: {
+                    ...values,
+                },
+            });
+            //approve status of member to be pending
+            await approveMemberVerificationMutation.mutateAsync({
+                id: memberVerificationId,
+            });
+        }
+    }
+    const address = form.watch('address');
+    const permanentAddress = form.watch('permanentAddress');
+    return (_jsxs("div", { children: [_jsx(Dialog.Title, { className: "text-center font-semibold text-lg", children: "Personal Information" }), _jsx(Dialog.Description, { className: "mt-xs text-center text-sm text-text-secondary-700", children: "Provide your basic details and work info." }), _jsxs("form", { className: "mt-7", onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.permanentAddress, children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address", ...form.register('permanentAddress') }), _jsx(Field.ErrorText, { children: form.formState.errors.permanentAddress?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.address, children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address", ...form.register('address') }), _jsx(Field.ErrorText, { children: form.formState.errors.address?.message })] }), _jsxs(Checkbox.Root, { className: "mt-md", checked: address !== '' &&
+                            permanentAddress !== '' &&
+                            address === permanentAddress, onCheckedChange: (details) => {
+                            if (details.checked === true) {
+                                form.setValue('address', form.getValues('permanentAddress'), {
+                                    shouldDirty: true,
+                                    shouldTouch: true,
+                                    shouldValidate: true,
+                                });
+                            }
+                        }, disabled: !permanentAddress, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Use permanent address as current address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.sourceOfIncome, children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income", ...form.register('sourceOfIncome') }), _jsx(Field.ErrorText, { children: form.formState.errors.sourceOfIncome?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.natureOfWork, children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description", ...form.register('natureOfWork') }), _jsx(Field.ErrorText, { children: form.formState.errors.natureOfWork?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.placeOfBirth, children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth", ...form.register('placeOfBirth') }), _jsx(Field.ErrorText, { children: form.formState.errors.placeOfBirth?.message })] }), _jsxs(Field.Root, { className: "mt-2xl", invalid: !!form.formState.errors.nationality, children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality", ...form.register('nationality') }), _jsx(Field.ErrorText, { children: form.formState.errors.nationality?.message })] }), _jsx(Button, { type: "submit", className: "mt-4xl", disabled: updateMemberVerificationMutation.isPending ||
+                            createMemberVerificationMutation.isPending, children: "Continue" }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "mt-lg", onClick: () => {
+                            globalStore.kyc.setOpen(false);
+                        }, disabled: updateMemberVerificationMutation.isPending ||
+                            createMemberVerificationMutation.isPending, children: "Skip for now" })] })] }));
+}

package/dist/components/KYC/useKYC.d.ts

@@ -0,0 +1,25 @@
+type EventDetail = {
+    type: 'SELFIE_CAPTURED';
+    data: string;
+} | {
+    type: 'ID_DOCUMENT_CAPTURED';
+    data: string;
+};
+type UnsubscribeFn = () => void;
+type Subscriber = (detail: EventDetail) => UnsubscribeFn;
+export type CaptureSubject = 'SELFIE' | 'ID_DOCUMENT';
+export interface UseKYCReturn {
+    step: number;
+    setStep: (step: number) => void;
+    done: boolean;
+    setDone: (done: boolean) => void;
+    subscribe: (subscriber: Subscriber) => UnsubscribeFn;
+    triggerEvent: (detail: EventDetail) => void;
+    idFrontImageId: string | null;
+    setFrontImageId: (id: string | null) => void;
+    selfieImageId: string | null;
+    setSelfieImageId: (id: string | null) => void;
+    reset: () => void;
+}
+export declare function useKYC(): UseKYCReturn;
+export {};

package/dist/components/KYC/useKYC.js

@@ -0,0 +1,38 @@
+import { useRef, useState } from 'react';
+export function useKYC() {
+    const [step, setStep] = useState(2);
+    const [done, setDone] = useState(false);
+    const [idFrontImageId, setFrontImageId] = useState(null);
+    const [selfieImageId, setSelfieImageId] = useState(null);
+    const subscribers = useRef([]);
+    const subscribe = (subscriber) => {
+        subscribers.current.push(subscriber);
+        return () => {
+            subscribers.current = subscribers.current.filter((item) => item !== subscriber);
+        };
+    };
+    const triggerEvent = (detail) => {
+        subscribers.current.forEach((subscriber) => {
+            subscriber(detail);
+        });
+    };
+    const reset = () => {
+        setStep(1);
+        setDone(false);
+        setFrontImageId(null);
+        setSelfieImageId(null);
+    };
+    return {
+        step,
+        setStep,
+        done,
+        setDone,
+        idFrontImageId,
+        setFrontImageId,
+        selfieImageId,
+        setSelfieImageId,
+        subscribe,
+        triggerEvent,
+        reset,
+    };
+}

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

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

package/dist/components/PortalProvider/CXDTokenObserver.js

@@ -0,0 +1,30 @@
+'use client';
+import { addHours } from 'date-fns';
+import { clamp } from 'lodash-es';
+import { useSearchParams } from 'next/navigation';
+import { useLocalStorage, useTimeout } from 'usehooks-ts';
+import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
+export function CXDTokenObserver() {
+    const searchParams = useSearchParams();
+    const cxdToken = searchParams.get('cxd');
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const [cxd, setCxd, removeCxd] = useLocalStorage('WebPortalCellxpertCxd', null);
+    const now = new Date();
+    const shouldTimeoutRun = cxdToken && account;
+    const removeCxdUntilInMs = cxd?.timestamp
+        ? clamp(cxd.timestamp - now.getTime(), 0, Infinity)
+        : 0;
+    useTimeout(() => {
+        const isSame = cxd?.cxd === cxdToken;
+        if (!isSame) {
+            const extendedTimestamp = addHours(new Date(), 6).getTime();
+            setCxd({
+                cxd: cxdToken,
+                timestamp: extendedTimestamp,
+            });
+        }
+    }, shouldTimeoutRun ? 100 : null);
+    useTimeout(() => removeCxd(), shouldTimeoutRun ? removeCxdUntilInMs : null);
+    return null;
+}

package/dist/icons/LinkBrokenIcon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function LinkBrokenIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/LinkBrokenIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LinkBrokenIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: _jsx("path", { d: "M8.5 15.5L15.5 8.49998M9 4V2M15 20V22M4 9H2M20 15H22M4.91421 4.91421L3.5 3.5M19.0858 19.0857L20.5 20.4999M12 17.6568L9.87871 19.7781C8.31662 21.3402 5.78396 21.3402 4.22186 19.7781C2.65976 18.216 2.65976 15.6833 4.22186 14.1212L6.34318 11.9999M17.6569 11.9999L19.7782 9.87859C21.3403 8.31649 21.3403 5.78383 19.7782 4.22174C18.2161 2.65964 15.6835 2.65964 14.1214 4.22174L12 6.34306", stroke: "#FEDF89", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+}

package/dist/services/queries.d.ts

@@ -91,7 +91,7 @@ export declare const UPDATE_MEMBER_VERIFICATION__NEXT = "\n  mutation UpdateMemb
 export declare const PROFILE_COMPLETION = "\n  query ProfileCompletion {\n    profileCompletion {\n      completionPercentage\n      personalInformation\n      accountVerification\n      mobileNumberVerification\n      transactionPassword\n      accountPassword\n    }\n  }\n";
 export declare const REGISTER_MEMBER_ACCOUNT_BY_MOBILE_NUMBER = "\n  mutation RegisterMemberAccountByMobileNumber(\n    $input: RegisterMemberAccountByMobileNumberInput!\n    $mobileNumberVerificationCode: String!\n  ) {\n    registerMemberAccountByMobileNumber(\n      input: $input\n      mobileNumberVerificationCode: $mobileNumberVerificationCode\n    ) {\n      ... on MobileNumberNotAvailableError {\n        name: __typename\n        message\n      }\n      ... on InvalidSMSVerificationCodeError {\n        name: __typename\n        message\n      }\n      ... on InvalidPlatformError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const PLATFORM = "\n  query Platform {\n    timezone\n    currency\n  }\n";
-export declare const PAYMENT_SETTINGS = "\n  fragment DepositGatewaySettingsCoreData on DepositGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n    bankAccountName\n    bankAccountNumber\n    bankIFSCCode\n    upiId\n    upiQRCode {\n      id\n      url\n    }\n  }\n\n  fragment WithdrawalGatewaySettingsCoreData on WithdrawalGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n  }\n\n  query PaymentSettings {\n    minimumFirstDepositAmount\n    restrictWithdrawalsToVerifiedMembers\n    bankDepositGatewaySettings: depositGatewaySettings(gateway: BANK) {\n      ...DepositGatewaySettingsCoreData\n    }\n    libanganDepositGatewaySettings: depositGatewaySettings(\n      gateway: LIBANGAN_PAY_IN\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioGCashDepositGatewaySettings: depositGatewaySettings(gateway: AIO_GCASH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioPayMayaDepositGatewaySettings: depositGatewaySettings(gateway: AIO_PAY_MAYA) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioGrabPayDepositGatewaySettings: depositGatewaySettings(gateway: AIO_GRAB_PAY) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioPalawanPayDepositGatewaySettings: depositGatewaySettings(gateway: AIO_PALAWAN_PAY) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaDepositGatewaySettings: depositGatewaySettings(gateway: MAYA) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaAppDepositGatewaySettings: depositGatewaySettings(gateway: MAYA_APP) {\n      ...DepositGatewaySettingsCoreData\n    }\n    onlineBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: ONLINE_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    qrphDepositGatewaySettings: depositGatewaySettings(gateway: QR_PH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualUPIDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    pisoPayDepositGatewaySettings: depositGatewaySettings(\n      gateway: PISO_PAY_CHECKOUT\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    bankWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: BANK) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    gcashWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: GCASH) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: MAYA) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaAppWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MAYA_APP\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    instapayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: INSTAPAY\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualBankWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualUPIWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    ventajaWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: VENTAJA_DISBURSEMENT\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    pisoPayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: PISO_PAY_REMITTANCE\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n  }\n";
+export declare const PAYMENT_SETTINGS = "\n  fragment DepositGatewaySettingsCoreData on DepositGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n    bankAccountName\n    bankAccountNumber\n    bankIFSCCode\n    upiId\n    upiQRCode {\n      id\n      url\n    }\n  }\n\n  fragment WithdrawalGatewaySettingsCoreData on WithdrawalGatewaySettings {\n    minimumAmount\n    maximumAmount\n    webEnabled\n    mobileWebEnabled\n    androidEnabled\n    iosEnabled\n  }\n\n  query PaymentSettings {\n    minimumFirstDepositAmount\n    restrictWithdrawalsToVerifiedMembers\n    bankDepositGatewaySettings: depositGatewaySettings(gateway: BANK) {\n      ...DepositGatewaySettingsCoreData\n    }\n    libanganDepositGatewaySettings: depositGatewaySettings(\n      gateway: LIBANGAN_PAY_IN\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashWebpayDepositGatewaySettings: depositGatewaySettings(gateway: GCASH_WEBPAY) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioGCashDepositGatewaySettings: depositGatewaySettings(gateway: AIO_GCASH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioPayMayaDepositGatewaySettings: depositGatewaySettings(gateway: AIO_PAY_MAYA) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioGrabPayDepositGatewaySettings: depositGatewaySettings(gateway: AIO_GRAB_PAY) {\n      ...DepositGatewaySettingsCoreData\n    }\n    aioPalawanPayDepositGatewaySettings: depositGatewaySettings(gateway: AIO_PALAWAN_PAY) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaDepositGatewaySettings: depositGatewaySettings(gateway: MAYA) {\n      ...DepositGatewaySettingsCoreData\n    }\n    mayaAppDepositGatewaySettings: depositGatewaySettings(gateway: MAYA_APP) {\n      ...DepositGatewaySettingsCoreData\n    }\n    onlineBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: ONLINE_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    qrphDepositGatewaySettings: depositGatewaySettings(gateway: QR_PH) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualBankDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    manualUPIDepositGatewaySettings: depositGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    pisoPayDepositGatewaySettings: depositGatewaySettings(\n      gateway: PISO_PAY_CHECKOUT\n    ) {\n      ...DepositGatewaySettingsCoreData\n    }\n    bankWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: BANK) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    gcashWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: GCASH) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: MAYA) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    mayaAppWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MAYA_APP\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    instapayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: INSTAPAY\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualBankWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_BANK\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    manualUPIWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: MANUAL_UPI\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    ventajaWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: VENTAJA_DISBURSEMENT\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n    pisoPayWithdrawalGatewaySettings: withdrawalGatewaySettings(\n      gateway: PISO_PAY_REMITTANCE\n    ) {\n      ...WithdrawalGatewaySettingsCoreData\n    }\n  }\n";
 export declare const MAYA_SESSION = "\n  query MayaSession($id: ObjectId!) {\n    mayaSession(id: $id) {\n      id\n      member\n      dateTimeCreated\n    }\n  }\n";
 export declare const VALIDATE_MAYA_SESSION = "\n  mutation ValidateMayaSession {\n    validateMayaSession: validMayaSession\n  }\n";
 export declare const ACTIVITY_RECORDS = "\n  query ActivityRecords(\n    $after: Cursor\n    $first: Int\n    $filter: ActivityRecordsFilterInput\n  ) {\n    member {\n      activityRecords(after: $after, first: $first, filter: $filter) {\n        edges {\n          cursor\n          node {\n            ... on MemberActivity {\n              id\n              type\n              amount\n              details\n              dateTimeCreated\n            }\n          }\n        }\n        totalCount\n        pageInfo {\n          hasNextPage\n          endCursor\n        }\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -2277,6 +2277,9 @@ export const PAYMENT_SETTINGS = /* GraphQL */ `
     gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {
       ...DepositGatewaySettingsCoreData
     }
+    gcashWebpayDepositGatewaySettings: depositGatewaySettings(gateway: GCASH_WEBPAY) {
+      ...DepositGatewaySettingsCoreData
+    }
     aioGCashDepositGatewaySettings: depositGatewaySettings(gateway: AIO_GCASH) {
       ...DepositGatewaySettingsCoreData
     }

package/dist/services/wallet.d.ts

@@ -236,6 +236,8 @@ export interface CreateGCashWebpayDepositMutationVariables {
         id: string;
         amount: string;
         promo?: string;
+        successRedirectionUrl: string;
+        cancelRedirectionUrl: string;
     };
 }
 export type CreateGCashWebpayDepositInput = Simplify<CreateGCashWebpayDepositMutationVariables['input']>;

package/dist/services/wallet.js

@@ -2,7 +2,7 @@ import { cache } from 'react';
 import { WALLET_GRAPHQL_ENDPOINT } from '../constants/index.js';
 import { parseDecimal } from '../utils/parseDecimal.js';
 import { graphqlRequest } from './graphqlRequest.js';
-import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_WEBPAY_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, CREATE_AIO_GCASH_DEPOSIT, CREATE_AIO_PAY_MAYA_DEPOSIT, CREATE_AIO_GRAB_PAY_DEPOSIT, CREATE_AIO_PALAWAN_PAY_DEPOSIT, } from './queries.js';
+import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_GCASH_DEPOSIT, CREATE_AIO_GRAB_PAY_DEPOSIT, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_PALAWAN_PAY_DEPOSIT, CREATE_AIO_PAY_MAYA_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, } from './queries.js';
 import { sha256 } from './sha256.js';
 export const getPromos = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, PROMOS, undefined, {
@@ -138,7 +138,8 @@ export const createAiOPalawanPayDeposit = async (input, options) => {
     if (res.createAiOPalawanPayDeposit) {
         const error = new Error();
         error.name = res.createAiOPalawanPayDeposit.name;
-        error.message = ERROR_CODES_MESSAGE_MAP[res.createAiOPalawanPayDeposit.name];
+        error.message =
+            ERROR_CODES_MESSAGE_MAP[res.createAiOPalawanPayDeposit.name];
         Error.captureStackTrace?.(error, createAiOGrabPayDeposit);
         throw error;
     }
@@ -179,8 +180,7 @@ export const createGCashWebpayDeposit = async (input, options) => {
     if (res.createGCashWebpayDeposit) {
         const error = new Error();
         error.name = res.createGCashWebpayDeposit.name;
-        error.message =
-            ERROR_CODES_MESSAGE_MAP[res.createGCashWebpayDeposit.name];
+        error.message = ERROR_CODES_MESSAGE_MAP[res.createGCashWebpayDeposit.name];
         Error.captureStackTrace?.(error, createGCashWebpayDeposit);
         throw error;
     }

package/dist/types/index.d.ts

@@ -528,6 +528,7 @@ export interface PaymentSettings {
     minimumFirstDepositAmount: string;
     bankDepositGatewaySettings?: DepositGatewaySettings | null;
     gcashDepositGatewaySettings?: DepositGatewaySettings | null;
+    gcashWebpayDepositGatewaySettings?: DepositGatewaySettings | null;
     aioGCashDepositGatewaySettings?: DepositGatewaySettings | null;
     aioPayMayaDepositGatewaySettings?: DepositGatewaySettings | null;
     aioGrabPayDepositGatewaySettings?: DepositGatewaySettings | null;