@opexa/portal-components 0.0.952 → 0.0.954

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

@@ -121,7 +121,7 @@ export function AiOGCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -114,7 +114,7 @@ export function AiOGrabPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -119,7 +119,7 @@ export function AiOPayMayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -123,7 +123,7 @@ export function AurixPayGCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -125,7 +125,7 @@ export function AurixPayGrabPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -123,7 +123,7 @@ export function AurixPayPayMayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/Form.js

@@ -64,7 +64,7 @@ export function Form() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -75,7 +75,6 @@ export function Deposit() {
         }
         const isMobile = onMobileDevice();
         const enabledKey = isMobile ? 'mobileWebEnabled' : 'webEnabled';
-        const isOfWinSiteDepositEnabled = isOfWinSite && featureFlag.enabled;
         const paymentMethods = [
             {
                 method: 'GCASH',

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

@@ -115,7 +115,7 @@ export function GCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -110,7 +110,7 @@ export function GCashWebpayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -110,7 +110,7 @@ export function LibanganDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -81,7 +81,7 @@ export function MayaAppDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -115,7 +115,7 @@ export function MayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -110,7 +110,7 @@ export function MayaWebpayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js

@@ -56,7 +56,7 @@ export function OnlineBankDepositForm() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -120,7 +120,7 @@ export function PisoPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/Form.js

@@ -64,7 +64,7 @@ export function Form() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -77,7 +77,7 @@ export function GCashStandardCashInWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -77,7 +77,7 @@ export function GCashWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -79,7 +79,7 @@ export function InstapayGCashWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -121,7 +121,7 @@ export function InstapayGCashWithdrawal() {
             transactionPassword: data.password,
             accountNumber: data.accountNumber,
             accountName: data.accountName,
-            bankCode: "BNKGCH",
+            bankCode: 'BNKGCH',
         });
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount') }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount').trim().replace(/,/g, ''), 0), onChange: (value) => {

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

@@ -79,7 +79,7 @@ export function InstapayPaymayaWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -121,7 +121,7 @@ export function InstapayPaymayaWithdrawal() {
             transactionPassword: data.password,
             accountNumber: data.accountNumber,
             accountName: data.accountName,
-            bankCode: "BNKMYA",
+            bankCode: 'BNKMYA',
         });
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount') }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount').trim().replace(/,/g, ''), 0), onChange: (value) => {

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

@@ -98,7 +98,7 @@ export function InstapayWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -77,7 +77,7 @@ export function MayaWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

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

@@ -86,7 +86,7 @@ export function VentajaWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/GameProviders/GameProvidersCarousel.d.ts

@@ -8,10 +8,18 @@ export interface ClassNameEntries {
     thumbnailContainer?: string;
     thumbnailRootContainer?: string;
 }
+export interface ActiveProvider {
+    activeProvider?: GameProvider | string;
+    jump?: boolean;
+}
 export interface GameProvidersCarouselProps {
     layout: 'carousel';
     gameProviders: GameProvider[];
     heading?: string | ReactNode;
+    /**
+     * Scrolls the carousel to the matching provider id or slug on load.
+     */
+    scrollProvider?: ActiveProvider;
     /**
      * @default '/providers'
      */

package/dist/components/GameProviders/GameProvidersCarousel.js

@@ -56,9 +56,41 @@ export function GameProvidersCarousel({ hasSeeAll = true, ...props }) {
         ? [...props.gameProviders, ...(props.futureGameProviders ?? [])]
         : props.gameProviders, [enabled, props.gameProviders, props.futureGameProviders]);
     const gameProviders = useMemo(() => combinedProviders.map((provider) => GAME_PROVIDER_DATA[provider]), [combinedProviders]);
+    const resolvedActiveProvider = props.scrollProvider?.activeProvider;
+    const shouldJump = props.scrollProvider?.jump ?? false;
+    const activeProviderIndex = useMemo(() => {
+        if (!resolvedActiveProvider)
+            return -1;
+        return gameProviders.findIndex((provider) => provider.id === resolvedActiveProvider ||
+            provider.slug === resolvedActiveProvider);
+    }, [gameProviders, resolvedActiveProvider]);
     const classNames = useMemo(() => isString(props.className)
         ? { root: props.className }
         : (props.className ?? {}), [props.className]);
+    const getSlidesToScroll = useCallback(() => {
+        const desktopSlidesToScroll = props.carouselOptions?.breakpoints[1024]?.slidesToScroll ?? 6;
+        if (typeof window === 'undefined')
+            return 3;
+        return window.matchMedia('(min-width: 1024px)').matches
+            ? desktopSlidesToScroll
+            : 3;
+    }, [props.carouselOptions?.breakpoints]);
+    const scrollToActiveProvider = useCallback(() => {
+        if (!emblaApi || activeProviderIndex < 0)
+            return;
+        const slidesToScroll = Math.max(1, getSlidesToScroll());
+        const snapIndex = Math.floor(activeProviderIndex / slidesToScroll);
+        emblaApi.scrollTo(snapIndex, shouldJump);
+    }, [emblaApi, activeProviderIndex, getSlidesToScroll, shouldJump]);
+    useEffect(() => {
+        if (!emblaApi || activeProviderIndex < 0)
+            return;
+        scrollToActiveProvider();
+        emblaApi.on('reInit', scrollToActiveProvider);
+        return () => {
+            emblaApi.off('reInit', scrollToActiveProvider);
+        };
+    }, [emblaApi, activeProviderIndex, scrollToActiveProvider]);
     return (_jsxs("div", { className: classNames.root, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Providers' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [hasSeeAll && (_jsxs(Link, { href: viewAllUrl, className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] })), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] })] })] }), _jsx("div", { ref: emblaRef, className: twMerge('relative mt-lg overflow-hidden', classNames.thumbnailRootContainer), children: _jsx("div", { className: twMerge('grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col grid-rows-1 gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md', classNames.thumbnailContainer), children: gameProviders.map((provider) => {
                         const url = props.providerUrlMappings
                             ? (props.providerUrlMappings

package/package.json

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