@opexa/portal-components 0.0.957 → 0.0.959

package/dist/lib/client/hooks/useCreateLibanganDepositMutation.js

@@ -0,0 +1,73 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createLibanganDeposit, getDeposit, } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateLibanganDepositMutationKey } 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 useCreateLibanganDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateLibanganDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createLibanganDeposit({ ...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;
+                },
+                interval: 1000,
+                maxAttempt: 5,
+            });
+            const res = await poll();
+            if (!res?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'LibanganDepositError';
+                error.message = 'Failed to process Libangan 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;
+                    });
+                });
+            }
+            queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
+            return res;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreateMayaAppDepositMutation.d.ts

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

package/dist/lib/client/hooks/useCreateMayaAppDepositMutation.js

@@ -0,0 +1,73 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createMayaAppDeposit, getDeposit, } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateMayaAppDepositMutationKey } 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 useCreateMayaAppDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateMayaAppDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createMayaAppDeposit({ ...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?.status === 'APPROVED' || res?.status === 'CONFIRMED';
+                },
+                interval: 1000,
+                maxAttempt: 5,
+            });
+            const res = await poll();
+            if (res?.status !== 'APPROVED' && res?.status !== 'CONFIRMED') {
+                const error = new Error();
+                error.name = 'MayaAppDepositError';
+                error.message = 'Failed to process 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;
+                    });
+                });
+            }
+            queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
+            return res;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreateMayaAppWithdrawalMutation.d.ts

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

package/dist/lib/client/hooks/useCreateMayaAppWithdrawalMutation.js

@@ -0,0 +1,28 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createMayaAppWithdrawal, } from '../../services/wallet.js';
+import { getCreateMayaAppWithdrawalMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateMayaAppWithdrawalMutation = (config) => {
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateMayaAppWithdrawalMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Withdrawal).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createMayaAppWithdrawal({ ...input, id }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            return id;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreateMayaDepositMutation.d.ts

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

package/dist/lib/client/hooks/useCreateMayaDepositMutation.js

@@ -0,0 +1,83 @@
+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 { createMayaDeposit, getDeposit, } from '../../services/wallet.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateMayaDepositMutationKey } 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 useCreateMayaDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateMayaDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createMayaDeposit({ ...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 = 'MayaDepositError';
+                error.message = 'Failed to process 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;
+                    });
+                });
+            }
+            queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
+            return res;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreateMayaWebpayDepositMutation.d.ts

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

package/dist/lib/client/hooks/useCreateMayaWebpayDepositMutation.js

@@ -0,0 +1,76 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createMayaWebpayDeposit, getDeposit, } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateMayaWebpayDepositMutationKey } 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 useCreateMayaWebpayDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateMayaWebpayDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createMayaWebpayDeposit({
+                ...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?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'GCashDepositError';
+                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;
+                    });
+                });
+            }
+            queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
+            return res;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreateMayaWithdrawalMutation.d.ts

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

package/dist/lib/client/hooks/useCreateMayaWithdrawalMutation.js

@@ -0,0 +1,28 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createMayaWithdrawal, } from '../../services/wallet.js';
+import { getCreateMayaWithdrawalMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateMayaWithdrawalMutation = (config) => {
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateMayaWithdrawalMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Withdrawal).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createMayaWithdrawal({ ...input, id }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            return id;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreateMemberVerificationMutation.d.ts

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateMemberVerificationInput } from '../../services/account';
+import type { Mutation } from '../../types';
+export declare const useCreateMemberVerificationMutation: Mutation<string, SetOptional<CreateMemberVerificationInput, 'id'>>;

package/dist/lib/client/hooks/useCreateMemberVerificationMutation.js

@@ -0,0 +1,46 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { createMemberVerification__next, } from '../../services/account.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateMemberVerificationQueryKey } from '../../utils/mutationKeys.js';
+import { getAccountQueryKey, getMemberVerificationQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateMemberVerificationMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateMemberVerificationQueryKey(),
+        mutationFn: async (data) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const id = data.id ?? ObjectId.generate(ObjectType.MemberVerification).toString();
+            await createMemberVerification__next({ ...data, id }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            queryClient.setQueryData(getMemberVerificationQueryKey(), () => {
+                return {
+                    id,
+                    ...data,
+                    status: 'UNVERIFIED',
+                    selfieImage: { id: data.selfieImage ?? '', status: 'UPLOADING' },
+                    idFrontImage: { id: data.idFrontImage ?? '', status: 'UPLOADING' },
+                    sumsubVerified: false,
+                };
+            });
+            queryClient.setQueryData(getAccountQueryKey(), (prev) => {
+                if (!prev)
+                    return prev;
+                return {
+                    ...prev,
+                    verificationStatus: 'UNVERIFIED',
+                };
+            });
+            return id;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreateOnlineBankDepositMutation.d.ts

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

package/dist/lib/client/hooks/useCreateOnlineBankDepositMutation.js

@@ -0,0 +1,86 @@
+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 { createAIOOnlineBankDeposit, getDeposit, } from '../../services/wallet.js';
+import { capitalize } from '../../utils/capitalize.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateOnlineBankDepositMutationKey } 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 useCreateOnlineBankDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateOnlineBankDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createAIOOnlineBankDeposit({ ...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?.vca != null ||
+                        res?.status === 'CANCELLED' ||
+                        res?.status === 'REJECTED' ||
+                        res?.status === 'FAILED');
+                },
+                interval: 1000,
+                maxAttempt: 5,
+            });
+            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?.vca) {
+                const error = new Error();
+                error.name = 'OnlineBankDepositError';
+                error.message = 'Failed to process online bank 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;
+                    });
+                });
+            }
+            queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
+            return res;
+        },
+    });
+    return mutation;
+};

package/dist/lib/client/hooks/useCreatePisoPayDepositMutation.d.ts

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

package/dist/lib/client/hooks/useCreatePisoPayDepositMutation.js

@@ -0,0 +1,72 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createPisoPayDeposit, getDeposit, } from '../../services/wallet.js';
+import { createPoll } from '../../utils/createPoll.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreatePisoPayDepositMutationKey } 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 useCreatePisoPayDepositMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreatePisoPayDepositMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Deposit).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createPisoPayDeposit({ ...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?.checkoutUrl) {
+                const error = new Error();
+                error.name = 'PisoPayDepositError';
+                error.message = 'Failed to process PisoPay 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/lib/client/hooks/useCreatePisoPayWithdrawalMutation.d.ts

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

package/dist/lib/client/hooks/useCreatePisoPayWithdrawalMutation.js

@@ -0,0 +1,28 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { ObjectType } from '../../services/ObjectType.js';
+import { createPisoPayWithdrawal, } from '../../services/wallet.js';
+import { getCreatePisoPayWithdrawalMutationKey } from '../../utils/mutationKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreatePisoPayWithdrawalMutation = (config) => {
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreatePisoPayWithdrawalMutationKey(),
+        mutationFn: async (input) => {
+            const id = input.id ?? ObjectId.generate(ObjectType.Withdrawal).toString();
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await createPisoPayWithdrawal({ ...input, id }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                    ...(session.domain && {
+                        Domain: session.domain,
+                    }),
+                },
+            });
+            return id;
+        },
+    });
+    return mutation;
+};