@opexa/portal-components 0.0.372 → 0.0.374

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

@@ -149,7 +149,7 @@ export function LibanganDeposit() {
             createDepositMutation.mutate({
                 amount: data.amount.toString(),
                 promo: data.promo ?? undefined,
-                redirectionUrl: depositWithdrawalProps.libanganRedirectionUrl,
+                redirectUrl: depositWithdrawalProps.libanganRedirectionUrl,
             });
         }), 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/IdleLogout/index.d.ts

@@ -0,0 +1 @@
+export * from './IdleLogout';

package/dist/components/IdleLogout/index.js

@@ -0,0 +1 @@
+export * from './IdleLogout.js';

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -5,6 +5,7 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { useRef } from 'react';
 import { Controller, useForm } from 'react-hook-form';
+import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useCooldown } from '../../client/hooks/useCooldown.js';
@@ -17,7 +18,7 @@ import { useSignInMutation } from '../../client/hooks/useSignInMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
 import { CheckIcon } from '../../icons/CheckIcon.js';
-import pagcorLogo from '../../images/pagcor.png';
+import pagcorLogo from '../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
@@ -156,7 +157,7 @@ export function MobileNumberSignIn() {
                                                                     globalStore.responsibleGaming.setNext('SIGN_IN');
                                                                     globalStore.signIn.setOpen(false);
                                                                 }
-                                                            }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), signInProps.showPublicPlayProhibition && (_jsxs("div", { className: "mt-3xl text-center text-sm", children: ["Prohibition to play in open and public places", _jsxs("div", { className: "mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2", children: [_jsx("div", { className: "flex size-5xl items-center justify-center overflow-hidden rounded-full bg-white", children: _jsx(Image, { src: pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-9.5 w-auto object-contain" }) }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" }), _jsx("span", { className: "font-semibold text-sm text-text-tertiary-600", children: "Log in directly with" }), _jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" })] }), _jsxs("div", { className: "mt-6", children: [signInProps.googleSso && _jsx(GoogleSignInButton, {}), signInProps.facebookSso && featureFlag.enabled && (_jsx(FacebookSignInTrigger, {}))] }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Don't have an account?" }), _jsx("button", { type: "submit", className: "font-semibold text-button-tertiary-fg", onClick: () => {
+                                                            }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), signInProps.showPublicPlayProhibition && (_jsxs("div", { className: twMerge('mt-3xl text-center text-sm', signInProps.className?.publicPlayProhibitionRoot), children: ["Prohibition to play in open and public places", _jsxs("div", { className: twMerge('mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2', signInProps.className?.publicPlayProhibitionLogoContainer), children: [_jsx(Image, { src: signInProps.pagcorLogo ?? pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-10 w-auto" }), _jsx(Image, { src: signInProps.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" }), _jsx("span", { className: "font-semibold text-sm text-text-tertiary-600", children: "Log in directly with" }), _jsx("div", { className: "h-px flex-grow bg-text-tertiary-600/50" })] }), _jsxs("div", { className: "mt-6", children: [signInProps.googleSso && _jsx(GoogleSignInButton, {}), signInProps.facebookSso && featureFlag.enabled && (_jsx(FacebookSignInTrigger, {}))] }), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Don't have an account?" }), _jsx("button", { type: "submit", className: "font-semibold text-button-tertiary-fg", onClick: () => {
                                     globalStore.signIn.setOpen(false);
                                     globalStore.signUp.setOpen(true);
                                 }, children: "Sign up" })] })] })), context.step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Check your Phone" }), _jsxs("p", { className: "mt-xs text-center text-sm text-text-secondary-700", children: ["We\u2019ve sent a verification code to your mobile number", ' ', _jsx("span", { className: "font-semibold", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { ref: form2Ref, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -4,6 +4,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { Controller, useForm } from 'react-hook-form';
+import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
 import { useAuthenticateMutation } from '../../client/hooks/useAuthenticateMutation.js';
@@ -14,7 +15,7 @@ import { SECRET_QUESTIONS, SECRET_QUESTIONS_MAP } from '../../constants/index.js
 import { CheckIcon } from '../../icons/CheckIcon.js';
 import { EyeIcon } from '../../icons/EyeIcon.js';
 import { EyeOffIcon } from '../../icons/EyeOffIcon.js';
-import pagcorLogo from '../../images/pagcor.png';
+import pagcorLogo from '../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
@@ -162,7 +163,7 @@ export function NameAndPasswordSignIn() {
                                                             globalStore.responsibleGaming.setNext('SIGN_IN');
                                                             globalStore.signIn.setOpen(false);
                                                         }
-                                                    }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), signInProps.showPublicPlayProhibition && (_jsxs("div", { className: "mt-3xl text-center text-sm", children: ["Prohibition to play in open and public places", _jsxs("div", { className: "mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2", children: [_jsx("div", { className: "flex size-5xl items-center justify-center overflow-hidden rounded-full bg-white", children: _jsx(Image, { src: pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-9.5 w-auto object-contain" }) }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Don't have an account?" }), _jsx("button", { type: "submit", className: "font-semibold text-button-tertiary-fg", onClick: () => {
+                                                    }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) })] }), signInProps.showPublicPlayProhibition && (_jsxs("div", { className: twMerge('mt-3xl text-center text-sm', signInProps.className?.publicPlayProhibitionRoot), children: ["Prohibition to play in open and public places", _jsxs("div", { className: twMerge('mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2', signInProps.className?.publicPlayProhibitionLogoContainer), children: [_jsx(Image, { src: signInProps.pagcorLogo ?? pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-10 w-auto" }), _jsx(Image, { src: signInProps.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Don't have an account?" }), _jsx("button", { type: "submit", className: "font-semibold text-button-tertiary-fg", onClick: () => {
                             dialog.setOpen(false);
                             globalStore.signUp.setOpen(true);
                         }, children: "Sign up" })] })] }));

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

@@ -1,11 +1,18 @@
 import { type ImageProps } from 'next/image';
 import type { ReactNode } from 'react';
+export interface ClassNameEntries {
+    root?: string;
+    publicPlayProhibitionRoot?: string;
+    publicPlayProhibitionLogoContainer?: string;
+}
 export interface SignInProps {
     logo: ImageProps['src'];
+    pagcorLogo?: ImageProps['src'];
+    responsibleGamingLogo?: ImageProps['src'];
     siteName?: string;
     termsAndConditionsUrl?: string;
     responsibleGamingUrl?: string;
-    className?: string;
+    className?: ClassNameEntries;
     googleSso?: boolean;
     facebookSso?: boolean;
     showPublicPlayProhibition?: boolean;

package/dist/components/SignIn/SignIn.lazy.js

@@ -15,5 +15,5 @@ export function SignIn(props) {
     const signInStore = useGlobalStore(useShallow((ctx) => ctx.signIn));
     return (_jsx(SignInPropsProvider, { value: props, children: _jsx(SignInProvider, { value: signIn, children: _jsx(Dialog.Root, { open: signInStore.open, onOpenChange: (details) => {
                     signInStore.setOpen(details.open);
-                }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('mx-auto h-full w-full items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl', props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-7.5 w-auto", draggable: false }), _jsx(SignInForm, {})] }) })] }) }) }) }));
+                }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('mx-auto h-full w-full items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:h-auto lg:w-[400px] lg:rounded-xl', props.className?.root), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-7.5 w-auto", draggable: false }), _jsx(SignInForm, {})] }) })] }) }) }) }));
 }

package/dist/components/SignUp/SignUpDefault/SignUpDefault.lazy.d.ts

@@ -1,14 +1,21 @@
 import { type ImageProps } from 'next/image';
 import { type ReactNode } from 'react';
 import type { Branch } from '../../../types';
+export interface ClassNameEntries {
+    root?: string;
+    publicPlayProhibitionRoot?: string;
+    publicPlayProhibitionLogoContainer?: string;
+}
 export interface SignUpDefaultProps {
     layout: 'default';
     logo: ImageProps['src'];
     branches?: Branch[];
     termsAndConditionsUrl?: string;
     responsibleGamingUrl?: string;
-    className?: string;
+    className?: ClassNameEntries;
     children?: ReactNode;
     showPublicPlayProhibition?: boolean;
+    pagcorLogo?: ImageProps['src'];
+    responsibleGamingLogo?: ImageProps['src'];
 }
 export declare function SignUpDefault(props: SignUpDefaultProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignUp/SignUpDefault/SignUpDefault.lazy.js

@@ -14,5 +14,5 @@ export function SignUpDefault(props) {
     const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));
     return (_jsx(SignUpDefaultPropsProvider, { value: props, children: _jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
                 signUpStore.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('mx-auto h-full w-full items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:h-fit lg:w-[400px] lg:rounded-xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent', props.className), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpDefaultForm, {}) })] }) })] }) }) }));
+            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: twMerge('mx-auto h-full w-full items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:h-fit lg:w-[400px] lg:rounded-xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent', props.className?.root), children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpDefaultForm, {}) })] }) })] }) }) }));
 }

package/dist/components/SignUp/SignUpDefault/SignUpDefaultForm.js

@@ -28,7 +28,7 @@ import { ChevronDownIcon } from '../../../icons/ChevronDownIcon.js';
 import { ChevronLeftIcon } from '../../../icons/ChevronLeftIcon.js';
 import { ChevronRightIcon } from '../../../icons/ChevronRightIcon.js';
 import { HelpCircleIcon } from '../../../icons/HelpCircleIcon.js';
-import pagcorLogo from '../../../images/pagcor.png';
+import pagcorLogo from '../../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../../images/responsible-gaming-gold.png';
 import { ObjectType } from '../../../services/ObjectType.js';
 import { Button } from '../../../ui/Button/index.js';
@@ -217,7 +217,7 @@ export function SignUpDefaultForm() {
                                                                     globalStore.responsibleGaming.setNext('SIGN_UP');
                                                                     globalStore.signUp.setOpen(false);
                                                                 }
-                                                            }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Create Account" })] }), signUpProps.showPublicPlayProhibition && (_jsxs("div", { className: "mt-3xl text-center text-sm", children: ["Prohibition to play in open and public places", _jsxs("div", { className: "mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2", children: [_jsx("div", { className: "flex size-5xl items-center justify-center overflow-hidden rounded-full bg-white", children: _jsx(Image, { src: pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-9.5 w-auto object-contain" }) }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Already have an account?" }), _jsx("button", { type: "submit", className: "font-semibold text-button-tertiary-fg", onClick: () => {
+                                                            }, children: "Responsible Gaming" }), ' ', "guidelines."] }), _jsx(Checkbox.HiddenInput, {})] }), _jsx(Field.ErrorText, { className: "ml-6 text-xs", children: o.fieldState.error?.message })] })) }), _jsx(Button, { type: "submit", className: "mt-3xl", disabled: step1Form.formState.isSubmitting, children: "Create Account" })] }), signUpProps.showPublicPlayProhibition && (_jsxs("div", { className: twMerge('mt-3xl text-center text-sm', signUpProps.className?.publicPlayProhibitionRoot), children: ["Prohibition to play in open and public places", _jsxs("div", { className: twMerge('mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2', signUpProps.className?.publicPlayProhibitionLogoContainer), children: [_jsx(Image, { src: signUpProps.pagcorLogo ?? pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-10 w-auto" }), _jsx(Image, { src: signUpProps.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] })), _jsxs("div", { className: "mt-6 flex w-full items-center justify-center gap-xs text-sm", children: [_jsx("span", { className: "text-text-tertiary-600", children: "Already have an account?" }), _jsx("button", { type: "submit", className: "font-semibold text-button-tertiary-fg", onClick: () => {
                                     globalStore.signUp.setOpen(false);
                                     globalStore.signIn.setOpen(true);
                                 }, children: "Log In" })] })] })), step === 2 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "mt-xl text-center font-semibold text-lg", children: "Check your Phone" }), _jsxs("p", { className: "mt-xs text-center text-sm text-text-secondary-700", children: ["We\u2019ve sent a verification code to your mobile number", ' ', _jsx("span", { className: "font-semibold", children: mobileNumberParser.format(step1Form.getValues('mobileNumber')) }), ' ', "via text"] }), _jsxs("form", { ref: form2Ref, className: "mt-5", onSubmit: step2Form.handleSubmit(async ({ verificationCode }) => {

package/dist/components/SignUp/SignUpKYC/SignUpKYC.lazy.d.ts

@@ -1,6 +1,11 @@
 import { type ImageProps } from 'next/image';
 import { type ReactNode } from 'react';
 import type { Branch } from '../../../types';
+export interface ClassNameEntries {
+    root?: string;
+    publicPlayProhibitionRoot?: string;
+    publicPlayProhibitionLogoContainer?: string;
+}
 export interface SignUpKYCProps {
     layout: 'kyc';
     logo: ImageProps['src'];
@@ -8,7 +13,9 @@ export interface SignUpKYCProps {
     branches?: Branch[];
     termsAndConditionsUrl?: string;
     responsibleGamingUrl?: string;
-    className?: string;
+    className?: ClassNameEntries;
     children?: ReactNode;
+    pagcorLogo?: ImageProps['src'];
+    responsibleGamingLogo?: ImageProps['src'];
 }
 export declare function SignUpKYC(props: SignUpKYCProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignUp/SignUpKYC/SignUpKYC.lazy.js

@@ -14,5 +14,5 @@ export function SignUpKYC(props) {
     const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));
     return (_jsx(SignUpKYCPropsProvider, { value: props, children: _jsx(Dialog.Root, { open: signUpStore.open, onOpenChange: (details) => {
                 signUpStore.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: twMerge('z-banner mx-auto flex size-full flex-col items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:max-h-[80vh] lg:w-fit lg:rounded-xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent', props.className), children: _jsxs("div", { className: "size-full lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[7.5rem]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpKYCForm, {}) })] }) }) })] }) }) }));
+            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: twMerge('z-banner mx-auto flex size-full flex-col items-start overflow-y-auto bg-bg-primary-alt p-3xl pb-4xl lg:max-h-[80vh] lg:w-fit lg:rounded-xl', 'scrollbar:h-2 scrollbar:w-2 scrollbar-thumb:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent', props.className?.root), children: _jsxs("div", { className: "size-full lg:w-[400px]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[7.5rem]", draggable: false }), _jsx(Suspense, { children: _jsx(SignUpKYCForm, {}) })] }) }) })] }) }) }));
 }

package/dist/components/SignUp/SignUpKYC/SignUpKYCForm.js

@@ -34,7 +34,7 @@ import { ChevronLeftIcon } from '../../../icons/ChevronLeftIcon.js';
 import { ChevronRightIcon } from '../../../icons/ChevronRightIcon.js';
 import { EyeIcon } from '../../../icons/EyeIcon.js';
 import { EyeOffIcon } from '../../../icons/EyeOffIcon.js';
-import pagcorLogo from '../../../images/pagcor.png';
+import pagcorLogo from '../../../images/pagcor-round-icon.png';
 import responsibleGamingLogo from '../../../images/responsible-gaming-gold.png';
 import { ObjectType } from '../../../services/ObjectType.js';
 import { Button } from '../../../ui/Button/index.js';
@@ -276,7 +276,7 @@ export function SignUpKYCForm() {
                                                     type: 'validate',
                                                     message: error.message,
                                                 });
-                                            } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsxs("div", { className: "mt-3xl text-center text-sm", children: ["Prohibition to play in open and public places", _jsxs("div", { className: "mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2", children: [_jsx("div", { className: "flex size-5xl items-center justify-center overflow-hidden rounded-full bg-white", children: _jsx(Image, { src: pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-9.5 w-auto object-contain" }) }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] }), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
+                                            } }), _jsx(Field.ErrorText, { children: o.fieldState.error?.message })] })) }), _jsxs("div", { className: twMerge('mt-3xl text-center text-sm', props.className?.publicPlayProhibitionRoot), children: ["Prohibition to play in open and public places", _jsxs("div", { className: twMerge('mx-auto mt-5 flex h-13 w-fit items-center justify-center gap-3xl rounded-[60px] bg-[#1D0201] px-5 py-2', props.className?.publicPlayProhibitionLogoContainer), children: [_jsx(Image, { src: props.pagcorLogo ?? pagcorLogo, alt: "", draggable: false, height: 62, width: 186, className: "h-10 w-auto" }), _jsx(Image, { src: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-10 w-auto", draggable: false })] })] }), _jsx(Controller, { control: step1Form.control, name: "termsAccepted", render: (o) => (_jsxs(Field.Root, { className: "mt-2xl", invalid: o.fieldState.invalid, children: [_jsxs(Checkbox.Root, { checked: o.field.value, onCheckedChange: (details) => {
                                                 if (details.checked === 'indeterminate')
                                                     return;
                                                 o.field.onChange(details.checked);

package/dist/services/wallet.d.ts

@@ -139,7 +139,7 @@ export interface CreateLibanganDepositMutationVariables {
         id: string;
         amount: string;
         promo?: string;
-        redirectionUrl?: string;
+        redirectUrl?: string;
     };
 }
 export type CreateLibanganDepositInput = Simplify<CreateLibanganDepositMutationVariables['input']>;
@@ -151,7 +151,7 @@ export interface CreateLibanganDepositMutationVariables {
         id: string;
         amount: string;
         promo?: string;
-        redirectionUrl?: string;
+        redirectUrl?: string;
     };
 }
 export declare const createLibanganDeposit: (input: CreateLibanganDepositInput, options?: GraphQLRequestOptions) => Promise<void>;

package/package.json

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