@opexa/portal-components 0.0.889 → 0.0.891

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAiOGCashDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAiOGCashDepositMutation: Mutation<Deposit, SetOptional<CreateAiOGCashDepositInput, 'id'>>;

package/dist/client/hooks/useCreateAiOGCashDepositMutation.js

@@ -0,0 +1,90 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { explainError } from '../../components/DepositWithdrawal/utils.js';
+import { OPEXAPAY_ENDPOINT } from '../../constants/index.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createAiOGCashDeposit, getDeposit, } from '../../services/wallet.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateAiOGCashDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateAiOGCashDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateAiOGCashDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const successRedirectUrl = new URL('/transactions', input.redirectUrl);
+            successRedirectUrl.searchParams.set('tab', 'deposits');
+            successRedirectUrl.searchParams.set('id', id);
+            await createAiOGCashDeposit({
+                ...input,
+                id,
+                redirectUrl: `${OPEXAPAY_ENDPOINT}/aio/success?redirectUrl=${encodeURIComponent(successRedirectUrl.toString())}`,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            const poll = createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getDeposit(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until(res) {
+                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 20,
+            });
+            const res = await poll();
+            if (res?.error) {
+                const error = new Error();
+                error.name = capitalize(res.error, {
+                    delimiter: capitalize.delimiters.UNDERSCORE,
+                });
+                error.message = explainError(res.error);
+                throw error;
+            }
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'AiOGCashDepositError';
+                error.message = 'Failed to process GCash deposit';
+                throw error;
+            }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
+            return res;
+        },
+    });
+    return mutation;
+};

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAiOGrabPayDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAiOGrabPayDepositMutation: Mutation<Deposit, SetOptional<CreateAiOGrabPayDepositInput, 'id'>>;

package/dist/client/hooks/useCreateAiOGrabPayDepositMutation.js

@@ -0,0 +1,80 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { OPEXAPAY_ENDPOINT } from '../../constants/index.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createAiOGrabPayDeposit, getDeposit, } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateAiOGrabPayDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateAiOGrabPayDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateAiOGrabPayDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const successRedirectUrl = new URL('/transactions', input.redirectUrl);
+            successRedirectUrl.searchParams.set('tab', 'deposits');
+            successRedirectUrl.searchParams.set('id', id);
+            await createAiOGrabPayDeposit({
+                ...input,
+                id,
+                redirectUrl: `${OPEXAPAY_ENDPOINT}/aio/success?redirectUrl=${encodeURIComponent(successRedirectUrl.toString())}`,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            const poll = createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getDeposit(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until(res) {
+                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 20,
+            });
+            const res = await poll();
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'AiOGrabPayDepositError';
+                error.message = 'Failed to process Grab Pay deposit';
+                throw error;
+            }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
+            return res;
+        },
+    });
+    return mutation;
+};

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAiOPalawanPayDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAiOPalawanPayDepositMutation: Mutation<Deposit, SetOptional<CreateAiOPalawanPayDepositInput, 'id'>>;

package/dist/client/hooks/useCreateAiOPalawanPayDepositMutation.js

@@ -0,0 +1,80 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { OPEXAPAY_ENDPOINT } from '../../constants/index.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createAiOPalawanPayDeposit, getDeposit, } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateAiOPalawanPayDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateAiOPalawanPayDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateAiOPalawanPayDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const successRedirectUrl = new URL('/transactions', input.redirectUrl);
+            successRedirectUrl.searchParams.set('tab', 'deposits');
+            successRedirectUrl.searchParams.set('id', id);
+            await createAiOPalawanPayDeposit({
+                ...input,
+                id,
+                redirectUrl: `${OPEXAPAY_ENDPOINT}/aio/success?redirectUrl=${encodeURIComponent(successRedirectUrl.toString())}`,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            const poll = createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getDeposit(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until(res) {
+                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 20,
+            });
+            const res = await poll();
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'AiOPalawanPayDepositError';
+                error.message = 'Failed to process Palawan Pay deposit';
+                throw error;
+            }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
+            return res;
+        },
+    });
+    return mutation;
+};

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAiOPayMayaDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAiOPayMayaDepositMutation: Mutation<Deposit, SetOptional<CreateAiOPayMayaDepositInput, 'id'>>;

package/dist/client/hooks/useCreateAiOPayMayaDepositMutation.js

@@ -0,0 +1,80 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { OPEXAPAY_ENDPOINT } from '../../constants/index.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createAiOPayMayaDeposit, getDeposit, } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateAiOPayMayaDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateAiOPayMayaDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateAiOPayMayaDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const successRedirectUrl = new URL('/transactions', input.redirectUrl);
+            successRedirectUrl.searchParams.set('tab', 'deposits');
+            successRedirectUrl.searchParams.set('id', id);
+            await createAiOPayMayaDeposit({
+                ...input,
+                id,
+                redirectUrl: `${OPEXAPAY_ENDPOINT}/aio/success?redirectUrl=${encodeURIComponent(successRedirectUrl.toString())}`,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            const poll = createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getDeposit(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until(res) {
+                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 20,
+            });
+            const res = await poll();
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'AiOPayMayaDepositError';
+                error.message = 'Failed to process Pay Maya deposit';
+                throw error;
+            }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
+            return res;
+        },
+    });
+    return mutation;
+};

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAurixPayGCashDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAurixPayGCashDepositMutation: Mutation<Deposit, SetOptional<CreateAurixPayGCashDepositInput, 'id'>>;

package/dist/client/hooks/useCreateAurixPayGCashDepositMutation.js

@@ -0,0 +1,82 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { explainError } from '../../components/DepositWithdrawal/utils.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createAurixPayGCashDeposit, getDeposit, } from '../../services/wallet.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateAurixPayGCashDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateAurixPayGCashDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateAurixPayGCashDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createAurixPayGCashDeposit({ ...input, id }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            const poll = createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getDeposit(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until(res) {
+                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 20,
+            });
+            const res = await poll();
+            if (res?.error) {
+                const error = new Error();
+                error.name = capitalize(res.error, {
+                    delimiter: capitalize.delimiters.UNDERSCORE,
+                });
+                error.message = explainError(res.error);
+                throw error;
+            }
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'AurixPayGCashDepositError';
+                error.message = 'Failed to process GCash deposit';
+                throw error;
+            }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
+            return res;
+        },
+    });
+    return mutation;
+};

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAurixPayGrabPayDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAurixPayGrabPayDepositMutation: Mutation<Deposit, SetOptional<CreateAurixPayGrabPayDepositInput, 'id'>>;

package/dist/client/hooks/useCreateAurixPayGrabPayDepositMutation.js

@@ -0,0 +1,88 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { explainError } from '../../components/DepositWithdrawal/utils.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createAurixPayGrabPayDeposit, getDeposit, } from '../../services/wallet.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateAurixPayGrabPayDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateAurixPayGrabPayDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateAurixPayGrabPayDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const successRedirectUrl = new URL('/transactions', input.redirectUrl);
+            successRedirectUrl.searchParams.set('tab', 'deposits');
+            successRedirectUrl.searchParams.set('id', id);
+            await createAurixPayGrabPayDeposit({
+                ...input,
+                id,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            const poll = createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getDeposit(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until(res) {
+                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 20,
+            });
+            const res = await poll();
+            if (res?.error) {
+                const error = new Error();
+                error.name = capitalize(res.error, {
+                    delimiter: capitalize.delimiters.UNDERSCORE,
+                });
+                error.message = explainError(res.error);
+                throw error;
+            }
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'AurixPayGrabPayDepositError';
+                error.message = 'Failed to process GrabPay deposit';
+                throw error;
+            }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
+            return res;
+        },
+    });
+    return mutation;
+};

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAurixPayPayMayaDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAurixPayPayMayaDepositMutation: Mutation<Deposit, SetOptional<CreateAurixPayPayMayaDepositInput, 'id'>>;

package/dist/client/hooks/useCreateAurixPayPayMayaDepositMutation.js

@@ -0,0 +1,88 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { explainError } from '../../components/DepositWithdrawal/utils.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createAurixPayPayMayaDeposit, getDeposit, } from '../../services/wallet.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateAurixPayPayMayaDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateAurixPayPayMayaDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateAurixPayPayMayaDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const successRedirectUrl = new URL('/transactions', input.redirectUrl);
+            successRedirectUrl.searchParams.set('tab', 'deposits');
+            successRedirectUrl.searchParams.set('id', id);
+            await createAurixPayPayMayaDeposit({
+                ...input,
+                id,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            const poll = createPoll(async () => {
+                const session = await getSession();
+                invariant(session.status === 'authenticated');
+                return await getDeposit(id, {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                });
+            }, {
+                until(res) {
+                    return (!!res?.checkoutUrl || !!res?.error || res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 20,
+            });
+            const res = await poll();
+            if (res?.error) {
+                const error = new Error();
+                error.name = capitalize(res.error, {
+                    delimiter: capitalize.delimiters.UNDERSCORE,
+                });
+                error.message = explainError(res.error);
+                throw error;
+            }
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'AurixPayPayMayaDepositError';
+                error.message = 'Failed to process PayMaya deposit';
+                throw error;
+            }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
+            return res;
+        },
+    });
+    return mutation;
+};

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateAurixPayQrphDepositInput } from '../../services/wallet';
+import type { Deposit, Mutation } from '../../types';
+export declare const useCreateAurixPayQrphDepositMutation: Mutation<Deposit, SetOptional<CreateAurixPayQrphDepositInput, 'id'>>;