@opexa/portal-components 0.0.989 → 0.0.991

package/dist/components/GameLaunch/GameLaunch.d.ts

@@ -1 +1,5 @@
-export declare function GameLaunch(): import("react/jsx-runtime").JSX.Element | undefined;
+interface GameLaunchProps {
+    locale?: 'international' | 'local';
+}
+export declare function GameLaunch({ locale }: GameLaunchProps): import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/components/GameLaunch/GameLaunch.js

@@ -7,8 +7,8 @@ const Component = dynamic(() => import('./GameLaunch.lazy.js').then((m) => m.Gam
     ssr: false,
     loading: () => null,
 });
-export function GameLaunch() {
+export function GameLaunch({ locale = 'local' }) {
     const touched = useGlobalStore(useShallow((ctx) => ctx.gameLaunch['~touched']));
     if (touched)
-        return _jsx(Component, {});
+        return _jsx(Component, { locale: locale });
 }

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

@@ -1 +1,5 @@
-export declare function GameLaunch(): import("react/jsx-runtime").JSX.Element;
+interface GameLaunchProps {
+    locale?: 'international' | 'local';
+}
+export declare function GameLaunch({ locale }: GameLaunchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/GameLaunch/GameLaunch.lazy.js

@@ -15,6 +15,7 @@ import { ChevronDownIcon } from '../../icons/ChevronDownIcon.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { CoinsHandIcon } from '../../icons/CoinsHandIcon.js';
 import { Expand03Icon } from '../../icons/Expand03Icon.js';
+import { PhilippinePesoIcon } from '../../icons/PhilippinePesoIcon.js';
 import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
 import { Star01Icon } from '../../icons/Star01Icon.js';
 import { XIcon } from '../../icons/XIcon.js';
@@ -23,7 +24,7 @@ import { Button } from '../../ui/Button/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { Presence } from '../../ui/Presence/index.js';
-export function GameLaunch() {
+export function GameLaunch({ locale = 'local' }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         gameLaunch: ctx.gameLaunch,
         depositWithdrawal: ctx.depositWithdrawal,
@@ -103,7 +104,7 @@ export function GameLaunch() {
                                                         ? 'fill-yellow-400 text-yellow-400'
                                                         : 'text-inherit') }) }), _jsx(IconButton, { size: "xs", variant: "outline", onClick: () => maximizeDisclosure.setOpen(true), children: _jsx(Expand03Icon, { className: "size-5" }) }), _jsx(IconButton, { size: "xs", fullWidth: false, onClick: () => {
                                                     globalStore.depositWithdrawal.setOpen(true);
-                                                }, children: _jsx(CoinsHandIcon, { className: "size-5" }) })] }) }), _jsx(Presence, { asChild: true, lazyMount: true, unmountOnExit: true, present: maximizeDisclosure.open, children: _jsx("button", { type: "button", onClick: () => maximizeDisclosure.setOpen(false), className: "-translate-x-1/2 absolute top-safe-area-inset-top left-1/2 z-1 flex h-7.5 w-[4.5rem] ui-closed:animate-slide-out-down ui-open:animate-slide-in-down items-center justify-center rounded-b-md bg-white/30 shadow-xs backdrop-blur-sm", children: _jsx(ChevronDownIcon, {}) }) }), _jsxs("section", { className: "size-full", children: [globalStore.gameLaunch.details.status === 'LOADING' && (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(SpinnerIcon, { className: "size-8" }) })), globalStore.gameLaunch.details.status === 'FAILED' && (_jsx("div", {})), globalStore.gameLaunch.details.status === 'PLAYING' && (_jsx("iframe", { src: globalStore.gameLaunch.details.session.launchUrl ?? '', title: "Game Launch", className: "size-full" }))] })] }) }) }) }), _jsx(AlertDialog.Root, { role: "alertdialog", open: cancelDisclosure.open, onOpenChange: (details) => {
+                                                }, children: locale === 'local' ? (_jsx("span", { children: _jsx(PhilippinePesoIcon, { className: "size-5" }) })) : (_jsx(CoinsHandIcon, { className: "size-5" })) })] }) }), _jsx(Presence, { asChild: true, lazyMount: true, unmountOnExit: true, present: maximizeDisclosure.open, children: _jsx("button", { type: "button", onClick: () => maximizeDisclosure.setOpen(false), className: "-translate-x-1/2 absolute top-safe-area-inset-top left-1/2 z-1 flex h-7.5 w-[4.5rem] ui-closed:animate-slide-out-down ui-open:animate-slide-in-down items-center justify-center rounded-b-md bg-white/30 shadow-xs backdrop-blur-sm", children: _jsx(ChevronDownIcon, {}) }) }), _jsxs("section", { className: "size-full", children: [globalStore.gameLaunch.details.status === 'LOADING' && (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(SpinnerIcon, { className: "size-8" }) })), globalStore.gameLaunch.details.status === 'FAILED' && (_jsx("div", {})), globalStore.gameLaunch.details.status === 'PLAYING' && (_jsx("iframe", { src: globalStore.gameLaunch.details.session.launchUrl ?? '', title: "Game Launch", className: "size-full" }))] })] }) }) }) }), _jsx(AlertDialog.Root, { role: "alertdialog", open: cancelDisclosure.open, onOpenChange: (details) => {
                     cancelDisclosure.setOpen(details.open);
                 }, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, {}), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { children: [_jsx(AlertDialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(AlertDialog.Header, { children: _jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-bg-error-secondary text-text-featured-icon-light-error", children: _jsx(AlertCircleIcon, { className: "size-6" }) }) }), _jsxs(AlertDialog.Body, { children: [_jsx(AlertDialog.Title, { children: "Quit Game" }), _jsx(AlertDialog.Description, { children: "Are you sure you want to quit?" })] }), _jsx(AlertDialog.Context, { children: (api) => (_jsxs(AlertDialog.Footer, { children: [_jsx(Button, { variant: "outline", colorScheme: "gray", disabled: endGameSessionMutation.isPending, onClick: () => {
                                                         api.setOpen(false);

package/dist/components/TermsOfUse/TermsOfUse.lazy.js

@@ -14,11 +14,14 @@ export function TermsOfUse({ logo, siteName, content, ...props }) {
         signUp: ctx.signUp,
         disclaimer: ctx.disclaimer,
         termsOfUse: ctx.termsOfUse,
+        responsibleGaming: ctx.responsibleGaming,
     })));
     return (_jsx(Dialog.Root, { open: globalStore.termsOfUse.open, onOpenChange: (details) => {
             globalStore.termsOfUse.setOpen(details.open);
-            if (!details.open)
+            if (!details.open) {
                 globalStore.termsOfUse.setAccepted(true);
+                globalStore.responsibleGaming.setAccepted(true);
+            }
         }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
             if (globalStore.termsOfUse.next === 'SIGN_IN') {
                 globalStore.signIn.setOpen(true);

package/dist/components/TermsOfUse/TermsOfUseV2.lazy.js

@@ -18,6 +18,7 @@ export function TermsOfUseV2({ logo, content }) {
         signUp: ctx.signUp,
         disclaimer: ctx.disclaimer,
         termsOfUse: ctx.termsOfUse,
+        responsibleGaming: ctx.responsibleGaming,
     })));
     useEffect(() => {
         if (scrollableContentRef.current) {
@@ -31,8 +32,10 @@ export function TermsOfUseV2({ logo, content }) {
     }, []);
     return (_jsx(Dialog.Root, { open: globalStore.termsOfUse.open, onOpenChange: (details) => {
             globalStore.termsOfUse.setOpen(details.open);
-            if (!details.open)
+            if (!details.open) {
                 globalStore.termsOfUse.setAccepted(true);
+                globalStore.responsibleGaming.setAccepted(true);
+            }
         }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
             if (globalStore.termsOfUse.next === 'SIGN_IN') {
                 globalStore.signIn.setOpen(true);

package/dist/components/TermsOfUse/TermsOfUseV3.lazy.js

@@ -19,6 +19,7 @@ export function TermsOfUseV3({ logo, content }) {
         signUp: ctx.signUp,
         disclaimer: ctx.disclaimer,
         termsOfUse: ctx.termsOfUse,
+        responsibleGaming: ctx.responsibleGaming,
     })));
     useEffect(() => {
         if (scrollableContentRef.current) {
@@ -32,8 +33,10 @@ export function TermsOfUseV3({ logo, content }) {
     }, []);
     return (_jsx(Dialog.Root, { open: globalStore.termsOfUse.open, onOpenChange: (details) => {
             globalStore.termsOfUse.setOpen(details.open);
-            if (!details.open)
+            if (!details.open) {
                 globalStore.termsOfUse.setAccepted(true);
+                globalStore.responsibleGaming.setAccepted(true);
+            }
         }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, onExitComplete: () => {
             if (globalStore.termsOfUse.next === 'SIGN_IN') {
                 globalStore.signIn.setOpen(true);

package/dist/icons/PhilippinePesoIcon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function PhilippinePesoIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/PhilippinePesoIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PhilippinePesoIcon(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", ...props, children: _jsx("path", { d: "M208 96C190.3 96 176 110.3 176 128L176 192L152 192C138.7 192 128 202.7 128 216C128 229.3 138.7 240 152 240L176 240L176 272L152 272C138.7 272 128 282.7 128 296C128 309.3 138.7 320 152 320L176 320L176 512C176 529.7 190.3 544 208 544C225.7 544 240 529.7 240 512L240 416L336 416C401.6 416 458 376.5 482.7 320L520 320C533.3 320 544 309.3 544 296C544 282.7 533.3 272 520 272L495.2 272C495.7 266.7 496 261.4 496 256C496 250.6 495.7 245.3 495.2 240L520 240C533.3 240 544 229.3 544 216C544 202.7 533.3 192 520 192L482.7 192C458 135.5 401.6 96 336 96L208 96zM407.6 192L240 192L240 160L336 160C364.4 160 390 172.4 407.6 192zM240 240L430.7 240C431.6 245.2 432 250.5 432 256C432 261.5 431.5 266.8 430.7 272L240 272L240 240zM407.6 320C390 339.6 364.5 352 336 352L240 352L240 320L407.6 320z" }) }));
+}

package/package.json

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