@opexa/portal-components 0.0.217 → 0.0.219

package/dist/components/Bonuses/Bonuses.client.js

@@ -4,6 +4,7 @@ import { clamp } from 'lodash-es';
 import Image from 'next/image';
 import Link from 'next/link';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { useMemo } from 'react';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useBonusesQuery } from '../../client/hooks/useBonusesQuery.js';
@@ -41,11 +42,12 @@ export function Bonuses__client(props) {
         params.set('tab', tab);
         router.push(`${pathname}?${params.toString()}`);
     };
+    const currentDate = useMemo(() => new Date(), []);
     const bonusesQuery = useBonusesQuery({
         ...(tab === 'active' && {
             filter: {
                 expiration: {
-                    greaterThanOrEqual: new Date(),
+                    greaterThanOrEqual: currentDate,
                 },
             },
         }),
@@ -60,7 +62,8 @@ export function Bonuses__client(props) {
     const cashbackBonuses = cashbackBonusesQuery.data ?? [];
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: props.className, children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Rewards' }), _jsxs(SegmentGroup.Root, { value: tab, onValueChange: (details) => {
                             setTab(TabSchema.parse(details.value));
-                        }, className: "mt-3", children: [_jsxs(SegmentGroup.Item, { value: "all", children: [_jsx(SegmentGroup.ItemText, { children: "All" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "active", children: [_jsx(SegmentGroup.ItemText, { children: "Active" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "cashbacks", children: [_jsx(SegmentGroup.ItemText, { children: "Cashbacks" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(SegmentGroup.Indicator, {})] }), _jsxs("div", { className: "mt-3xl grid gap-3xl lg:mt-lg lg:grid-cols-3", children: [tab === 'all' && _jsx(SpotBonus, {}), bonuses.map((bonus) => (_jsx(Bonus, { data: bonus, viewDetailsUrl: props.viewBonusDetailsUrl ?? '/rewards' }, bonus.id))), cashbackBonuses.map((cashbackBonus) => (_jsx(CashbackBonus, { data: cashbackBonus }, cashbackBonus.id)))] })] }), _jsx(ClaimSpotBonus, {})] }));
+                        }, className: "mt-3", children: [_jsxs(SegmentGroup.Item, { value: "all", children: [_jsx(SegmentGroup.ItemText, { children: "All" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "active", children: [_jsx(SegmentGroup.ItemText, { children: "Active" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "cashbacks", children: [_jsx(SegmentGroup.ItemText, { children: "Cashbacks" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(SegmentGroup.Indicator, {})] }), _jsxs("div", { className: "mt-3xl grid gap-3xl lg:mt-lg lg:grid-cols-3", children: [tab === 'all' && _jsx(SpotBonus, {}), tab !== 'cashbacks' &&
+                                bonuses.map((bonus) => (_jsx(Bonus, { data: bonus, viewDetailsUrl: props.viewBonusDetailsUrl ?? '/rewards' }, bonus.id))), cashbackBonuses.map((cashbackBonus) => (_jsx(CashbackBonus, { data: cashbackBonus }, cashbackBonus.id)))] })] }), _jsx(ClaimSpotBonus, {})] }));
 }
 function Bonus(props) {
     const bonus = props.data;
@@ -75,7 +78,7 @@ function Bonus(props) {
                                     currency: localeInfo.currency.code,
                                 }) }), _jsxs("p", { className: "text-text-secondary-700 text-xl font-semibold leading-none", children: ["/\u00A0", formatNumber(bonus.amount, {
                                         currency: localeInfo.currency.code,
-                                    })] })] }), _jsxs("div", { className: "text-text-primary-brand mt-md flex justify-between", children: [_jsxs("p", { children: ["Wagering ", currentTurnoverRequirementContributionPercentage, "%"] }), _jsxs("p", { children: [currentTurnoverRequirementContributionPercentage, "/", turnoverRequirement] })] }), _jsx(Progress.Root, { min: 0, max: 100, value: clamp(currentTurnoverRequirementContributionPercentage, 0, 100), className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("div", { className: "grow" }), _jsx(Button, { size: "sm", variant: "outline", className: "mt-6", asChild: true, children: _jsx(Link, { href: `${props.viewDetailsUrl}/${bonus.id}`, children: "See More" }) })] })] }));
+                                    })] })] }), _jsxs("div", { className: "text-text-primary-brand mt-md flex justify-between", children: [_jsxs("p", { children: ["Wagering ", currentTurnoverRequirementContributionPercentage, "%"] }), _jsxs("p", { children: [bonus.currentTurnoverRequirementContribution, "/", turnoverRequirement] })] }), _jsx(Progress.Root, { min: 0, max: 100, value: clamp(currentTurnoverRequirementContributionPercentage, 0, 100), className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("div", { className: "grow" }), _jsx(Button, { size: "sm", variant: "outline", className: "mt-6", asChild: true, children: _jsx(Link, { href: `${props.viewDetailsUrl}/${bonus.id}`, children: "See More" }) })] })] }));
 }
 function CashbackBonus(props) {
     const bonus = props.data;

package/dist/components/DepositWithdrawal/Deposit/PisoPayDeposit/PisoPayDeposit.js

@@ -146,16 +146,19 @@ export function PisoPayDeposit() {
             });
         }
     }, [form, minimumAmount]);
-    const depositId = ObjectId.generate(ObjectType.Deposit).toString();
-    const url = new URL(window.location.href);
-    const rootDomain = url.hostname;
     return (_jsxs("form", { onSubmit: form.handleSubmit(async (data) => {
+            const id = ObjectId.generate(ObjectType.Deposit).toString();
+            const domain = window.location.hostname === 'localhost'
+                ? 'https://uat.powerplay.ph'
+                : window.location.origin;
             createDepositMutation.reset();
             createDepositMutation.mutate({
-                id: depositId,
+                id,
                 amount: data.amount.toString(),
-                promo: data.promo ?? undefined,
-                redirectionUrl: `${rootDomain}/pisopay/checkout/${depositId}`,
+                redirectionUrl: `${domain}/pisopay/checkout/${id}`,
+                ...(data.promo && {
+                    promo: data.promo,
+                }),
             });
         }), noValidate: true, children: [_jsx(Controller, { control: form.control, name: "amount", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
                                 o.field.onChange(details.value);

package/dist/components/DepositWithdrawal/Withdrawal/PisoPayWithdrawal/PisoPayWithdrawal.js

@@ -78,7 +78,10 @@ export function PisoPayWithdrawal() {
             .string()
             .min(8, 'Password must be 8 or more characters')
             .max(64, 'Password must be not be more than 64 characters'),
-        accountNumber: z.string().min(1).trim(),
+        accountNumber: z
+            .string()
+            .min(4, 'Account number must be 4 or more characters')
+            .trim(),
         bankCode: z.string().min(1, 'Bank is required').trim(),
     });
     const form = useForm({

package/dist/components/FavoriteGames/FavoriteGames.client.js

@@ -18,7 +18,12 @@ import { GameLaunchTrigger } from '../GameLaunch/index.js';
 export function FavoriteGames__client(props) {
     const [emblaRef, emblaApi] = useEmblaCarousel({
         align: 'start',
-        slidesToScroll: 1,
+        slidesToScroll: 3,
+        breakpoints: {
+            '(min-width: 1024px)': {
+                slidesToScroll: 6,
+            },
+        },
     });
     const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);
     const [nextBtnDisabled, setNextBtnDisabled] = useState(true);
@@ -63,7 +68,7 @@ function Item({ game, className, }) {
             });
         },
     });
-    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('relative block w-full shadow-sm', className?.thumbnailRoot), children: [session?.status === 'authenticated' && (_jsx("div", { role: "button", onClick: (e) => {
+    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('animate-scale-in relative block w-full shadow-sm transition-transform duration-200 hover:-translate-y-1', className?.thumbnailRoot), children: [session?.status === 'authenticated' && (_jsx("div", { role: "button", onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     if (unmarkGameAsFavoriteMutation.isPending)

package/dist/components/Games/Game.js

@@ -49,7 +49,7 @@ export function Game(props) {
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('animate-scale-in relative block w-full shadow-sm', classNames.root), "aria-label": `Play ${game.name} game`, children: [props.badge === 'new' && (_jsx(BadgeNew, { className: "absolute left-0 top-0 size-[3.75rem]" })), props.badge === 'top' && (_jsx(BadgeTop, { className: "absolute left-0 top-0 size-[3.75rem]" })), props.badge === 'popular' && (_jsx(BadgePopular, { className: "absolute left-0 top-0 size-[3.75rem]" })), session?.status === 'authenticated' && (_jsx("div", { role: "button", onClick: (e) => {
+    return (_jsxs(GameLaunchTrigger, { game: game, className: twMerge('animate-scale-in group relative block w-full shadow-sm transition-transform duration-200 md:hover:-translate-y-1', classNames.root), "aria-label": `Play ${game.name} game`, children: [props.badge === 'new' && (_jsx(BadgeNew, { className: "absolute left-0 top-0 size-[3.75rem]" })), props.badge === 'top' && (_jsx(BadgeTop, { className: "absolute left-0 top-0 size-[3.75rem]" })), props.badge === 'popular' && (_jsx(BadgePopular, { className: "absolute left-0 top-0 size-[3.75rem]" })), session?.status === 'authenticated' && (_jsx("div", { role: "button", onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     if (markGameAsFavoriteMutation.isPending)
@@ -65,7 +65,7 @@ export function Game(props) {
                 }, "aria-label": markedAsFavorite
                     ? 'Unmark as favorite game'
                     : 'Mark as favorite game', "aria-disabled": markGameAsFavoriteMutation.isPending ||
-                    unmarkGameAsFavoriteMutation.isPending, className: "rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]", children: _jsx(Star01Icon, { className: twMerge('size-5', markedAsFavorite
+                    unmarkGameAsFavoriteMutation.isPending, className: "rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 opacity-100 blur-[0.5px] transition-opacity duration-200 md:opacity-0 md:group-hover:opacity-100", children: _jsx(Star01Icon, { className: twMerge('hover:text-yellow-400 size-5 text-white transition-colors duration-200', markedAsFavorite
                         ? 'fill-yellow-400 text-yellow-400'
                         : 'text-white') }) })), _jsx(Image, { src: getGameImageUrl({
                     reference: game.reference,

package/dist/components/shared/IdDocumentField.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+export interface IdDocumentFieldProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    defaultValue?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function IdDocumentField(props: IdDocumentFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/IdDocumentField.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from 'tailwind-merge';
+import { useControllableState } from '../../client/hooks/useControllableState.js';
+import { useFileQuery } from '../../client/hooks/useFileQuery.js';
+import { useUploadImageFileMutation } from '../../client/hooks/useUploadImageFileMutation.js';
+import { toaster } from '../../client/utils/toaster.js';
+export function IdDocumentField(props) {
+    const [value, setValue] = useControllableState({
+        value: props.value,
+        defaultValue: props.defaultValue ?? '',
+        onChange: props.onChange,
+    });
+    const fileQuery = useFileQuery(value, {
+        refetchInterval(ctx) {
+            return !ctx.state.data || ctx.state.data.status === 'UPLOADING'
+                ? 1000
+                : false;
+        },
+    });
+    const uploadImageFileMutation = useUploadImageFileMutation({
+        onSuccess(id) {
+            setValue(id);
+        },
+        onMutate() {
+            setValue('');
+        },
+        onError(error) {
+            toaster.error({
+                title: 'Upload Failed',
+                description: error.message,
+            });
+        },
+    });
+    return (_jsx("div", { className: twMerge('relative', props.className), style: props.style, children: _jsx("input", { type: "file", accept: "image/png,image/jpeg,image/jpg", onChange: (e) => {
+                const file = e.target.files?.[0];
+                if (file) {
+                    uploadImageFileMutation.mutate({ file });
+                }
+            }, className: "sr-only" }) }));
+}

package/dist/components/shared/SelfieField.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+export interface SelfieFieldProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    defaultValue?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function SelfieField(props: SelfieFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/SelfieField.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from 'tailwind-merge';
+import { useControllableState } from '../../client/hooks/useControllableState.js';
+import { useFileQuery } from '../../client/hooks/useFileQuery.js';
+import { useUploadImageFileMutation } from '../../client/hooks/useUploadImageFileMutation.js';
+import { toaster } from '../../client/utils/toaster.js';
+export function SelfieField(props) {
+    const [value, setValue] = useControllableState({
+        value: props.value,
+        defaultValue: props.defaultValue ?? '',
+        onChange: props.onChange,
+    });
+    const fileQuery = useFileQuery(value, {
+        refetchInterval({ state }) {
+            return !state.data || state.data.status === 'UPLOADING' ? 1000 : false;
+        },
+    });
+    const uploadImageFileMutation = useUploadImageFileMutation({
+        onSuccess(id) {
+            setValue(id);
+        },
+        onMutate() {
+            setValue('');
+        },
+        onError(error) {
+            toaster.error({
+                title: 'Upload Failed',
+                description: error.message,
+            });
+        },
+    });
+    return (_jsx("div", { className: twMerge('relative', props.className), style: props.style, children: _jsx("input", { type: "file", accept: "image/png,image/jpeg,image/jpg", onChange: (e) => {
+                const file = e.target.files?.[0];
+                if (file) {
+                    uploadImageFileMutation.mutate({ file });
+                }
+            }, className: "sr-only" }) }));
+}

package/dist/services/queries.d.ts

@@ -19,7 +19,7 @@ export declare const CREATE_MAYA_APP_WITHDRAWAL = "\n  mutation CreateMayaAppWit
 export declare const CREATE_BANK_WITHDRAWAL = "\n  mutation CreateBankWithdrawal($input: CreateBankWithdrawalInput!) {\n    createBankWithdrawal(input: $input) {\n      ... on MobileNumberNotVerifiedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_AIO_INSTAPAY_WITHDRAWAL = "\n  mutation CreateAIOInstapayWithdrawal(\n    $input: CreateAIOInstapayWithdrawalInput!\n  ) {\n    createAIOInstapayWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on InvalidTransactionPasswordError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on TransactionPasswordNotSetError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_VENTAJA_WITHDRAWAL = "\n  mutation CreateVentajaWithdrawal($input: CreateVentajaWithdrawalInput!) {\n    createVentajaWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
-export declare const CREATE_PISO_PAY_WITHDRAWAL = "\n  mutation CreatePisopayWithdrawal($input: CreatePisopayWithdrawalInput!) {\n    createPisopayWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on InvalidTransactionPasswordError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on TransactionPasswordNotSetError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const CREATE_PISO_PAY_WITHDRAWAL = "\n  mutation CreatePisopayWithdrawal(\n    $input: CreatePisoPayRemittanceWithdrawalInput!\n    $transactionPassword: String!\n  ) {\n    createPisoPayRemittanceWithdrawal(\n      input: $input\n      transactionPassword: $transactionPassword\n    ) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on InvalidTransactionPasswordError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on TransactionPasswordNotSetError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_UPI_WITHDRAWAL = "\n  mutation CreateManualUPIWithdrawal($input: CreateManualUPIWithdrawalInput!) {\n    createManualUPIWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_BANK_WITHDRAWAL = "\n  mutation CreateManualBankWithdrawal(\n    $input: CreateManualBankWithdrawalInput!\n  ) {\n    createManualBankWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const INSTAPAY_BANK_LIST = "\n  query InstapayBankList {\n    instapayBankList {\n      id\n      code\n      name\n    }\n  }\n";
@@ -28,14 +28,14 @@ export declare const DEPOSIT_RECORDS = "\n  query DepositRecords(\n    $after: C
 export declare const CREATE_GCASH_DEPOSIT = "\n  mutation CreateGCashDeposit($input: CreateGCashDepositInput!) {\n    createGCashDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT = "\n  mutation CreateGCashDirectWebpayDeposit(\n    $input: CreateGCashDirectWebpayDepositInput!\n  ) {\n    createGCashDirectWebpayDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_LIBANGAN_DEPOSIT = "\n  mutation CreateLibanganDeposit($input: CreateLibanganDepositInput!) {\n    createLibanganDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
-export declare const CREATE_PISO_PAY_DEPOSIT = "\n  mutation CreatePisoPayDeposit($input: CreatePisoPayDepositInput!) {\n    createPisoPayDeposit(input: $input) {\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
+export declare const CREATE_PISO_PAY_DEPOSIT = "\n  mutation CreatePisoPayDeposit($input: CreatePisoPayCheckoutDepositInput!) {\n    createPisoPayCheckoutDeposit(input: $input) {\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MAYA_DEPOSIT = "\n  mutation CreateMayaDeposit($input: CreateMayaDepositInput!) {\n    createMayaDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MAYA_APP_DEPOSIT = "\n  mutation CreateMayaAppDeposit($input: CreateMayaAppDepositInput!) {\n    createMayaAppDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_AIO_QRPH_DEPOSIT = "\n  mutation CreateAIOQRPHDeposit($input: CreateAIOQRPHDepositInput!) {\n    createAIOQRPHDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_AIO_ONLINE_BANK_DEPOSIT = "\n  mutation CreateAIOOnlineBankDeposit(\n    $input: CreateAIOOnlineBankDepositInput!\n  ) {\n    createAIOOnlineBankDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_BANK_DEPOSIT = "\n  mutation CreateManualBankDeposit($input: CreateManualBankDepositInput!) {\n    createManualBankDeposit(input: $input) {\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on FileDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on FileNotReadyError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const CREATE_MANUAL_UPI_DEPOSIT = "\n  mutation CreateManualUPIDeposit($input: CreateManualUPIDepositInput!) {\n    createManualUPIDeposit(input: $input) {\n      ... on DepositPromoMaximumAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on DepositPromoMinimumAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MaximumDepositAmountExceededError {\n        name: __typename\n        message\n      }\n      ... on MinimumDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on MinimumFirstDepositAmountNotMetError {\n        name: __typename\n        message\n      }\n      ... on PromoNotEnabledError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on UPIReferenceNotAvailableError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
-export declare const DEPOSIT = "\n  query Deposit($id: ObjectId!) {\n    node(id: $id) {\n      ... on GCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n      }\n      ... on MayaAppDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on BankDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on ManualDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on QRPHDeposit {\n        id\n        type\n        status\n        qrCode\n        error\n      }\n      ... on OnlineBankDeposit {\n        id\n        type\n        status\n        vca\n        error\n      }\n      ... on GCashDirectWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on LibanganDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n    }\n  }\n";
+export declare const DEPOSIT = "\n  query Deposit($id: ObjectId!) {\n    node(id: $id) {\n      ... on GCashDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on MayaDeposit {\n        id\n        type\n        status\n        checkoutUrl\n      }\n      ... on MayaAppDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on BankDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on ManualDeposit {\n        id\n        type\n        status\n        error\n      }\n      ... on QRPHDeposit {\n        id\n        type\n        status\n        qrCode\n        error\n      }\n      ... on OnlineBankDeposit {\n        id\n        type\n        status\n        vca\n        error\n      }\n      ... on GCashDirectWebpayDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on LibanganDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n      ... on PisoPayCheckoutDeposit {\n        id\n        type\n        status\n        checkoutUrl\n        error\n      }\n    }\n  }\n";
 export declare const DEPOSITS_COUNT = "\n  query DepositsCount {\n    member {\n      depositsCount\n    }\n  }\n";
 export declare const TOUCH_GCASH_DEPOSIT = "\n  mutation TouchGCashDeposit($input: TouchGCashDepositInput!) {\n    touchGCashDeposit(input: $input)\n  }\n";
 export declare const TOUCH_QRPH_DEPOSIT = "\n  mutation TouchQRPHDeposit($input: TouchQRPHDepositInput!) {\n    touchQRPHDeposit(input: $input)\n  }\n";
@@ -83,7 +83,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(gateway: LIBANGAN) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {\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    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\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(gateway: LIBANGAN) {\n      ...DepositGatewaySettingsCoreData\n    }\n    gcashDepositGatewaySettings: depositGatewaySettings(gateway: GCASH) {\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\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

@@ -491,8 +491,14 @@ export const CREATE_VENTAJA_WITHDRAWAL = /* GraphQL */ `
   }
 `;
 export const CREATE_PISO_PAY_WITHDRAWAL = /* GraphQL */ `
-  mutation CreatePisopayWithdrawal($input: CreatePisopayWithdrawalInput!) {
-    createPisopayWithdrawal(input: $input) {
+  mutation CreatePisopayWithdrawal(
+    $input: CreatePisoPayRemittanceWithdrawalInput!
+    $transactionPassword: String!
+  ) {
+    createPisoPayRemittanceWithdrawal(
+      input: $input
+      transactionPassword: $transactionPassword
+    ) {
       ... on AccountNotVerifiedError {
         name: __typename
         message
@@ -736,8 +742,8 @@ export const CREATE_LIBANGAN_DEPOSIT = /* GraphQL */ `
   }
 `;
 export const CREATE_PISO_PAY_DEPOSIT = /* GraphQL */ `
-  mutation CreatePisoPayDeposit($input: CreatePisoPayDepositInput!) {
-    createPisoPayDeposit(input: $input) {
+  mutation CreatePisoPayDeposit($input: CreatePisoPayCheckoutDepositInput!) {
+    createPisoPayCheckoutDeposit(input: $input) {
       ... on WalletDoesNotExistError {
         name: __typename
         message
@@ -1053,6 +1059,13 @@ export const DEPOSIT = /* GraphQL */ `
         checkoutUrl
         error
       }
+      ... on PisoPayCheckoutDeposit {
+        id
+        type
+        status
+        checkoutUrl
+        error
+      }
     }
   }
 `;
@@ -1891,6 +1904,11 @@ export const PAYMENT_SETTINGS = /* GraphQL */ `
     ) {
       ...DepositGatewaySettingsCoreData
     }
+    pisoPayDepositGatewaySettings: depositGatewaySettings(
+      gateway: PISO_PAY_CHECKOUT
+    ) {
+      ...DepositGatewaySettingsCoreData
+    }
     bankWithdrawalGatewaySettings: withdrawalGatewaySettings(gateway: BANK) {
       ...WithdrawalGatewaySettingsCoreData
     }
@@ -1925,6 +1943,11 @@ export const PAYMENT_SETTINGS = /* GraphQL */ `
     ) {
       ...WithdrawalGatewaySettingsCoreData
     }
+    pisoPayWithdrawalGatewaySettings: withdrawalGatewaySettings(
+      gateway: PISO_PAY_REMITTANCE
+    ) {
+      ...WithdrawalGatewaySettingsCoreData
+    }
   }
 `;
 export const MAYA_SESSION = /* GraphQL */ `

package/dist/services/wallet.d.ts

@@ -300,10 +300,12 @@ export interface CreatePisoPayWithdrawalMutationVariables {
         amount: string;
         bankCode: string;
         accountNumber: string;
-        transactionPassword: string;
     };
+    transactionPassword: string;
 }
-export type CreatePisoPayWithdrawalInput = Simplify<CreatePisoPayWithdrawalMutationVariables['input']>;
+export type CreatePisoPayWithdrawalInput = Simplify<CreatePisoPayWithdrawalMutationVariables['input'] & {
+    transactionPassword: string;
+}>;
 export declare const createPisoPayWithdrawal: (input: CreatePisoPayWithdrawalInput, options?: GraphQLRequestOptions) => Promise<void>;
 export interface CreateMayaWithdrawalMutation {
     createMayaWithdrawal?: null | CreateWithdrawalError;

package/dist/services/wallet.js

@@ -202,11 +202,10 @@ export const createGCashWithdrawal = async (input, options) => {
     }
 };
 export const createPisoPayWithdrawal = async (input, options) => {
+    const { transactionPassword, ...others } = input;
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CREATE_PISO_PAY_WITHDRAWAL, {
-        input: {
-            ...input,
-            transactionPassword: await sha256(input.transactionPassword),
-        },
+        input: others,
+        transactionPassword: await sha256(transactionPassword),
     }, options);
     if (res.createPisopayWithdrawal) {
         const error = new Error();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.217",
+  "version": "0.0.219",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",