@opexa/portal-components 0.0.930 → 0.0.932

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/AurixPayQRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const AurixPayQRPHDepositContext: (props: {
     value: {
-        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const AurixPayQRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useAurixPayQRPHDepositContext: () => {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/useAurixPayQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useAurixPayQRPHDeposit(): {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

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

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

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

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

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const QRPHDepositContext: (props: {
     value: {
-        status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+        status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
         deposit: import("../../../../types").Deposit | null;
         errorMessage: {
             name: string;
@@ -13,7 +13,7 @@ export declare const QRPHDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useQRPHDepositContext: () => {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: import("../../../../types").Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.d.ts

@@ -5,7 +5,7 @@ export interface GenerateQRCodeInput {
     promo?: string | null;
 }
 export declare function useQRPHDeposit(): {
-    status: "idle" | "confirmed" | "failed" | "generating-qr-code" | "qr-code-generated";
+    status: "idle" | "generating-qr-code" | "qr-code-generated" | "failed" | "confirmed";
     deposit: Deposit | null;
     errorMessage: {
         name: string;

package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.d.ts

@@ -1,4 +1,5 @@
 import { type BypassDomainConfig } from '../../client/hooks/useBypassKycChecker';
+import type { PaymentMethod } from './utils';
 export interface DepositWithdrawalProps {
     /** @default "/terms-of-use" */
     termsOfUseUrl?: string;
@@ -10,6 +11,12 @@ export interface DepositWithdrawalProps {
     libanganRedirectionUrl?: string;
     hasPrivacyPolicyAndTermsOfUse?: boolean;
     bypassDomains?: BypassDomainConfig[];
+    /**
+     * List of enabled withdrawal providers
+     * @example ['GCASH', 'MAYA_APP', 'VENTAJA_DISBURSEMENT']
+     * this is to bypass backoffice showing/hiding of payment providers
+     */
+    enabledWithdrawalProviders?: PaymentMethod[];
     bypassDepositKycCheck?: boolean;
     /**
      * @default "/deposits/<id>/status"

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

@@ -44,7 +44,7 @@ const VentajaWithdrawal = lazy(() => import('./VentajaWithdrawal/VentajaWithdraw
 })));
 export function Withdrawal() {
     const { onMaya } = useMayaAuth();
-    const { allowUnverifiedAccounts } = useDepositWithdrawalPropsContext();
+    const { allowUnverifiedAccounts, enabledWithdrawalProviders } = useDepositWithdrawalPropsContext();
     const walletQuery = useWalletQuery();
     const featureFlag = useFeatureFlag();
     const wallet = walletQuery.data;
@@ -65,37 +65,49 @@ export function Withdrawal() {
         const paymentMethods = [
             {
                 method: 'GCASH',
-                condition: () => paymentSettings?.gcashWithdrawalGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'GCASH'))
+                    : paymentSettings?.gcashWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
             },
             {
                 method: 'INSTAPAY_GCASH',
-                condition: () => paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'INSTAPAY_GCASH'))
+                    : paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] || false,
             },
             {
                 method: 'INSTAPAY_PAYMAYA',
-                condition: () => paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'INSTAPAY_PAYMAYA'))
+                    : paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] || false,
             },
             {
                 method: 'MAYA',
-                condition: () => paymentSettings?.mayaWithdrawalGatewaySettings?.[enabledKey] || false,
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'MAYA'))
+                    : paymentSettings?.mayaWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
             },
             {
                 method: 'INSTAPAY',
-                condition: () => paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'INSTAPAY'))
+                    : paymentSettings?.instapayWithdrawalGatewaySettings?.[enabledKey] || false,
             },
             {
                 method: 'VENTAJA_DISBURSEMENT',
-                condition: () => paymentSettings?.ventajaWithdrawalGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'VENTAJA_DISBURSEMENT'))
+                    : paymentSettings?.ventajaWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
             },
             {
                 method: 'PISO_PAY',
-                condition: () => paymentSettings?.pisoPayWithdrawalGatewaySettings?.[enabledKey] ||
-                    false,
+                condition: () => enabledWithdrawalProviders?.length
+                    ? Boolean(enabledWithdrawalProviders?.find((method) => method === 'PISO_PAY'))
+                    : paymentSettings?.pisoPayWithdrawalGatewaySettings?.[enabledKey] ||
+                        false,
             },
             {
                 method: 'GCASH_STANDARD_CASH_IN',

package/dist/components/Search/Search.lazy.js

@@ -72,7 +72,9 @@ export function Search(props) {
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    console.log({ search });
+    function fixMojibake(str) {
+        return str.replace(/ÔÇÖ/g, "'").replace(/ÔÇô/g, '');
+    }
     return (_jsx(Dialog.Root, { open: globalStore.search.open, onOpenChange: (details) => {
             globalStore.search.setOpen(details.open);
             setSearch('');
@@ -88,7 +90,7 @@ export function Search(props) {
                                                                                 reference: game.reference,
                                                                                 provider: game.provider,
                                                                                 image: game.image,
-                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' && 'truncate', classNames.gameThumbnailTitle), children: game.name })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) }) })] }) })] }) }));
+                                                                            }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full rounded-b-md bg-bg-tertiary px-2 py-2.5 text-center font-semibold text-text-primary-brand text-xs', props.variant !== '88play' && 'truncate', classNames.gameThumbnailTitle), children: fixMojibake(game.name) })] }, game.id))) })] })), _jsx(Presence, { present: gamesQuery.hasNextPage, children: _jsx(Button, { variant: "outline", className: twMerge('mx-auto mt-12 w-fit', classNames.loadMoreButton), onClick: () => gamesQuery.fetchNextPage(), children: "Load More" }) })] }))] })) }) })] }) })] }) }));
 }
 function DebouncedInput(props) {
     const [value, setValue] = useControllableState({

package/package.json

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