@opexa/portal-components 0.0.321 → 0.0.323

package/dist/components/Disclaimer/DisclaimerV1.d.ts

@@ -2,6 +2,6 @@ import type { ImageProps } from 'next/image';
 export interface DisclaimerV1Props {
     version: '1';
     logo: ImageProps['src'];
-    termsAndConditionsUrl?: string;
+    termsOfUseUrl?: string;
 }
 export declare function DisclaimerV1(props: DisclaimerV1Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/DisclaimerV1.js

@@ -2,15 +2,56 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import Link from 'next/link';
-import { useRef } from 'react';
+import { useRef, useState } from 'react';
+import { useTimeout } from 'usehooks-ts';
+import { useShallow } from 'zustand/shallow';
+import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
+import { CheckIcon } from '../../icons/CheckIcon.js';
+import { XIcon } from '../../icons/XIcon.js';
 import pagcorLogo from '../../images/pagcor.png';
-import responsibleGamingLogo from '../../images/responsible-gaming.png';
+import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
 import { Button } from '../../ui/Button/index.js';
+import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
+import { Field } from '../../ui/Field/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { useDisclaimer } from './useDisclaimer.js';
 export function DisclaimerV1(props) {
     const disclaimer = useDisclaimer();
     const acceptTriggerRef = useRef(null);
-    return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)]", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsx(Dialog.Title, { className: "mt-3xl text-center font-semibold text-lg", children: "Age Verification" }), _jsxs(Dialog.Description, { className: "mt-xs text-center text-sm text-text-tertiary-600", children: ["By entering this website I acknowledge and confirm I am 21 years of age and I agree with the", ' ', _jsx(Link, { href: props.termsAndConditionsUrl ?? '/terms-and-conditions', target: "_blank", rel: "noopener noreferrer", className: "whitespace-nowrap text-brand-400 underline underline-offset-2", prefetch: false, children: "Terms and Conditions." })] }), _jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 75, width: 88, className: "h-[88px] w-auto shrink-0", draggable: false }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx(Button, { ref: acceptTriggerRef, type: "button", className: "mt-4xl", onClick: disclaimer.close, children: "Accept" })] }) })] }) }));
+    const globalStore = useGlobalStore(useShallow((ctx) => ({
+        termsOfUse: ctx.termsOfUse,
+    })));
+    const checked = globalStore.termsOfUse.accepted;
+    const [warn, setWarn] = useState(false);
+    useTimeout(() => setWarn(false), warn ? 5000 : null);
+    return (_jsx(Dialog.Root, { open: disclaimer.open, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, initialFocusEl: () => acceptTriggerRef.current, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)]", children: _jsxs(Dialog.Content, { className: "flex h-full w-full flex-col items-start overflow-y-auto p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [_jsx("button", { type: "button", onClick: () => {
+                                    if (!checked) {
+                                        setWarn(true);
+                                    }
+                                    else {
+                                        disclaimer.close();
+                                    }
+                                }, className: "absolute top-6.5 right-6.5", "aria-label": "Close", children: _jsx(XIcon, { className: "size-6 text-text-quinary" }) }), _jsx(Image, { src: props.logo, alt: "", width: 142, height: 30, className: "mx-auto h-auto w-[8.875rem]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs("div", { className: "mt-5 flex items-center justify-center gap-3xl", children: [_jsx(Image, { src: pagcorLogo, alt: "", height: 74, width: 88, className: "h-[5.5rem] w-auto shrink-0", draggable: false }), _jsx(Image, { src: responsibleGamingLogo, alt: "", height: 62, width: 185, className: "h-[3.875rem] w-auto shrink-0", draggable: false })] }), _jsx("p", { className: "mt-4 text-center text-sm", children: "The following individuals are prohibited from registering or participating in this online gaming platform." }), _jsx("div", { className: "mt-5", children: _jsx("ul", { className: "space-y-1", children: items.map((item, index) => (_jsxs("li", { className: "flex items-start gap-md text-sm text-text-secondary-700", children: [_jsx("div", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full bg-bg-brand-solid", children: _jsx("div", { className: "size-1.5 rounded-full bg-cyan-950" }) }), item] }, index))) }) }), _jsx(Field.Root, { invalid: warn, className: "mt-2xl", children: _jsxs(Checkbox.Root, { checked: checked, onCheckedChange: (e) => {
+                                                if (e.checked === 'indeterminate')
+                                                    return;
+                                                globalStore.termsOfUse.setAccepted(e.checked);
+                                            }, children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsxs("div", { className: "!text-sm !leading-tight", children: [_jsxs(Checkbox.Label, { className: "text-sm leading-tight", children: ["I am at least 21 years of age, I accept the", ' ', _jsx(Link, { href: props.termsOfUseUrl ?? '/terms-of-use', className: "text-brand-400 underline underline-offset-2", onClick: () => {
+                                                                        globalStore.termsOfUse.setOpen(false);
+                                                                    }, children: "Terms of Use" }), ' ', "and I am not playing in open or public space."] }), _jsxs(Field.ErrorText, { className: "mt-0 flex items-center gap-1 text-xs leading-none", children: [_jsx(AlertCircleIcon, { className: "size-3.5 text-error-400" }), "You must accept the Terms of Use to continue."] })] }), _jsx(Checkbox.HiddenInput, {})] }) }), _jsx("p", { className: "mt-2xl text-center text-sm", children: "Funds or credits in the account of any individual found ineligible to participate will be forfeited and turned over to the government as required by law." })] }), _jsx(Button, { ref: acceptTriggerRef, type: "button", className: "mt-4xl", onClick: disclaimer.close, disabled: !checked, children: "Accept" }), _jsx(Button, { variant: "outline", type: "button", className: "mt-lg", onClick: () => {
+                                    if (!checked) {
+                                        setWarn(true);
+                                    }
+                                    else {
+                                        disclaimer.close();
+                                    }
+                                }, children: "Exit" })] }) })] }) }));
 }
+const items = [
+    'Persons below the legal gambling age of 21.',
+    'Any government official or employee directly involved in the operations of the government or its agencies.',
+    'Member of the Armed Forces of the Philippines, including the Army, Navy, Air Force and the Philippine National Police.',
+    "Individuals listed in PAGCOR's National Database of Restricted Persons (NDRP).",
+    'Holders of a valid Gaming Employment License (GEL).',
+];

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -16,7 +16,7 @@ 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 responsibleGamingLogo from '../../images/responsible-gaming-yellow.png';
+import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -15,7 +15,7 @@ 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 responsibleGamingLogo from '../../images/responsible-gaming-yellow.png';
+import responsibleGamingLogo from '../../images/responsible-gaming-gold.png';
 import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Field } from '../../ui/Field/index.js';

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

@@ -29,7 +29,7 @@ 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 responsibleGamingLogo from '../../../images/responsible-gaming-yellow.png';
+import responsibleGamingLogo from '../../../images/responsible-gaming-gold.png';
 import { ObjectType } from '../../../services/ObjectType.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Checkbox } from '../../../ui/Checkbox/index.js';

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

@@ -35,7 +35,7 @@ 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 responsibleGamingLogo from '../../../images/responsible-gaming-yellow.png';
+import responsibleGamingLogo from '../../../images/responsible-gaming-gold.png';
 import { ObjectType } from '../../../services/ObjectType.js';
 import { Button } from '../../../ui/Button/index.js';
 import { Checkbox } from '../../../ui/Checkbox/index.js';

package/dist/handlers/postAuthenticate.js

@@ -12,6 +12,7 @@ export async function postAuthenticate(request) {
     const body = await request.json();
     const parsed = AuthenticateDefinition.safeParse(body);
     const userAgent = request.headers.get('user-agent');
+    const ipaddress = request.headers.get('x-forwarded-for');
     if (!parsed.success) {
         return NextResponse.json({
             ok: false,
@@ -32,6 +33,9 @@ export async function postAuthenticate(request) {
                 ...(userAgent && {
                     'User-Agent': userAgent,
                 }),
+                ...(ipaddress && {
+                    'X-Forwarded-For': ipaddress,
+                }),
             },
         });
         const response = NextResponse.json({ ok: true }, { status: 201 });

package/dist/handlers/postSession.js

@@ -31,6 +31,7 @@ export async function postSession(request) {
     const body = await request.json();
     const parsed = CreateSessionDefinition.safeParse(body);
     const userAgent = request.headers.get('user-agent');
+    const ipaddress = request.headers.get('x-forwarded-for');
     if (!parsed.success) {
         return NextResponse.json({
             ok: false,
@@ -51,6 +52,9 @@ export async function postSession(request) {
                 ...(userAgent && {
                     'User-Agent': userAgent,
                 }),
+                ...(ipaddress && {
+                    'X-Forwarded-For': ipaddress,
+                }),
             },
         });
         if (res.authenticator) {

package/package.json

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