@opexa/portal-components 0.0.494 → 0.0.496

package/dist/ui/Menu/menu.recipe.d.ts

@@ -6,13 +6,13 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
             positioner?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
             itemText?: import("tailwind-variants").ClassValue;
             itemIndicator?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             itemGroupLabel?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
-            separator?: import("tailwind-variants").ClassValue;
             contextTrigger?: import("tailwind-variants").ClassValue;
             triggerItem?: import("tailwind-variants").ClassValue;
         };
@@ -25,18 +25,18 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
             positioner?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
             itemText?: import("tailwind-variants").ClassValue;
             itemIndicator?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             itemGroupLabel?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
-            separator?: import("tailwind-variants").ClassValue;
             contextTrigger?: import("tailwind-variants").ClassValue;
             triggerItem?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "trigger" | "positioner" | "item" | "indicator" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "arrow" | "arrowTip" | "separator" | "contextTrigger" | "triggerItem", string | string[]>, undefined, {
+} | {}, Record<"content" | "trigger" | "positioner" | "item" | "indicator" | "separator" | "arrow" | "arrowTip" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             content?: import("tailwind-variants").ClassValue;
@@ -44,15 +44,15 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
             positioner?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
             indicator?: import("tailwind-variants").ClassValue;
+            separator?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
             itemText?: import("tailwind-variants").ClassValue;
             itemIndicator?: import("tailwind-variants").ClassValue;
             itemGroup?: import("tailwind-variants").ClassValue;
             itemGroupLabel?: import("tailwind-variants").ClassValue;
-            arrow?: import("tailwind-variants").ClassValue;
-            arrowTip?: import("tailwind-variants").ClassValue;
-            separator?: import("tailwind-variants").ClassValue;
             contextTrigger?: import("tailwind-variants").ClassValue;
             triggerItem?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"content" | "trigger" | "positioner" | "item" | "indicator" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "arrow" | "arrowTip" | "separator" | "contextTrigger" | "triggerItem", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "item" | "indicator" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "arrow" | "arrowTip" | "separator" | "contextTrigger" | "triggerItem", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"content" | "trigger" | "positioner" | "item" | "indicator" | "separator" | "arrow" | "arrowTip" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "trigger" | "positioner" | "item" | "indicator" | "separator" | "arrow" | "arrowTip" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/utils/dataUrlToBlob.d.ts

@@ -0,0 +1 @@
+export declare function dataURLtoBlob(dataURL: string): Blob;

package/dist/utils/dataUrlToBlob.js

@@ -0,0 +1,11 @@
+export function dataURLtoBlob(dataURL) {
+    const parts = dataURL.split(';base64,');
+    const contentType = parts[0].split(':')[1];
+    const raw = window.atob(parts[1]);
+    const rawLength = raw.length;
+    const uInt8Array = new Uint8Array(rawLength);
+    for (let i = 0; i < rawLength; ++i) {
+        uInt8Array[i] = raw.charCodeAt(i);
+    }
+    return new Blob([uInt8Array], { type: contentType });
+}

package/dist/utils/gamesAvailable3pmTo3am.d.ts

@@ -0,0 +1 @@
+export declare const GAMES_AVAILABLE_3PM_TO_3AM: string[];

package/dist/utils/gamesAvailable3pmTo3am.js

@@ -0,0 +1 @@
+export const GAMES_AVAILABLE_3PM_TO_3AM = ['Marble Race', 'Rainbow Ball'];

package/dist/utils/getGameName.d.ts

@@ -0,0 +1 @@
+export declare function getGameName(reference: string, defaultName: string): string;

package/dist/utils/getGameName.js

@@ -0,0 +1,6 @@
+export function getGameName(reference, defaultName) {
+    if (reference === 'Hwd1wEWHU6Gvfwecuh') {
+        return 'Marble Speedway';
+    }
+    return defaultName;
+}

package/dist/utils/isBetween3amAnd3pm.d.ts

@@ -0,0 +1 @@
+export declare const isBetween3amAnd3pm: () => boolean;

package/dist/utils/isBetween3amAnd3pm.js

@@ -0,0 +1,5 @@
+export const isBetween3amAnd3pm = () => {
+    const now = new Date();
+    const hour = now.getHours();
+    return hour >= 15 || hour < 3;
+};

package/dist/utils/resizeImageSize.d.ts

@@ -0,0 +1,2 @@
+export declare const resizeFile: (file: File) => Promise<unknown>;
+export declare const resizeFileBase64: (file: File) => Promise<string>;

package/dist/utils/resizeImageSize.js

@@ -0,0 +1,11 @@
+import Resizer from 'react-image-file-resizer';
+export const resizeFile = (file) => new Promise((resolve) => {
+    Resizer.imageFileResizer(file, 300, 300, 'jpeg', 100, 0, (uri) => {
+        resolve(uri);
+    }, 'file');
+});
+export const resizeFileBase64 = (file) => new Promise((resolve) => {
+    Resizer.imageFileResizer(file, 1200, 300, 'WEBP', 100, 0, (uri) => {
+        resolve(uri);
+    }, 'base64');
+});

package/package.json

@@ -1,162 +1,162 @@
-{
-	"name": "@opexa/portal-components",
-	"version": "0.0.494",
-	"exports": {
-		"./ui/*": {
-			"types": "./dist/ui/*/index.d.ts",
-			"default": "./dist/ui/*/index.js"
-		},
-		"./utils/*": {
-			"types": "./dist/utils/*.d.ts",
-			"import": "./dist/utils/*.js"
-		},
-		"./types": {
-			"types": "./dist/types/index.d.ts",
-			"import": "./dist/types/index.js"
-		},
-		"./handlers": {
-			"types": "./dist/handlers/index.d.ts",
-			"default": "./dist/handlers/index.js"
-		},
-		"./middleware": {
-			"types": "./dist/middleware.d.ts",
-			"default": "./dist/middleware.js"
-		},
-		"./constants": {
-			"types": "./dist/constants/index.d.ts",
-			"default": "./dist/constants/index.js"
-		},
-		"./services/*": {
-			"types": "./dist/services/*.d.ts",
-			"default": "./dist/services/*.js"
-		},
-		"./client-utils/*": {
-			"types": "./dist/client/utils/*.d.ts",
-			"default": "./dist/client/utils/*.js"
-		},
-		"./client-hooks/*": {
-			"types": "./dist/client/hooks/*.d.ts",
-			"default": "./dist/client/hooks/*.js"
-		},
-		"./client-services/*": {
-			"types": "./dist/client/services/*.d.ts",
-			"default": "./dist/client/services/*.js"
-		},
-		"./server-utils/*": {
-			"types": "./dist/server/utils/*.d.ts",
-			"default": "./dist/server/utils/*.js"
-		},
-		"./server-services/*": {
-			"types": "./dist/server/services/*.d.ts",
-			"default": "./dist/server/services/*.js"
-		},
-		"./next.config": {
-			"types": "./dist/next.config.d.ts",
-			"default": "./dist/next.config.js"
-		},
-		"./theme.css": "./dist/styles/theme.css",
-		"./*": {
-			"types": "./dist/components/*/index.d.ts",
-			"default": "./dist/components/*/index.js"
-		}
-	},
-	"files": [
-		"dist",
-		"!dist/tsconfig.tsbuildinfo",
-		"!dist/tsconfig.build.tsbuildinfo"
-	],
-	"publishConfig": {
-		"access": "public"
-	},
-	"scripts": {
-		"dev": "next dev --port 4000",
-		"build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
-		"build:app": "next build",
-		"start": "next start",
-		"release": "release-it"
-	},
-	"dependencies": {
-		"@ark-ui/react": "^5.16.0",
-		"@date-fns/tz": "^1.2.0",
-		"@greatsumini/react-facebook-login": "^3.4.0",
-		"@mediapipe/tasks-vision": "0.10.22-rc.20250304",
-		"@next/third-parties": "^15.4.1",
-		"@radix-ui/react-use-controllable-state": "^1.2.2",
-		"@react-oauth/google": "^0.12.2",
-		"@sumsub/websdk": "^2.3.18",
-		"@sumsub/websdk-react": "^2.3.18",
-		"@tailwindcss/typography": "^0.5.16",
-		"date-fns": "^4.1.0",
-		"embla-carousel-autoplay": "^8.6.0",
-		"embla-carousel-react": "^8.6.0",
-		"is-mobile": "^5.0.0",
-		"lodash-es": "^4.17.21",
-		"next-recaptcha-v3": "^1.5.2",
-		"tailwind-merge": "^3.3.1",
-		"tailwind-variants": "^1.0.0",
-		"tailwind-zag": "^1.0.2",
-		"tiny-invariant": "^1.3.3",
-		"type-fest": "^4.41.0",
-		"usehooks-ts": "^3.1.1",
-		"zustand": "^5.0.6"
-	},
-	"devDependencies": {
-		"@hookform/resolvers": "5.1.1",
-		"@opexa/object-id": "0.1.6",
-		"@tailwindcss/postcss": "4",
-		"@tanstack/react-query": "5.83.0",
-		"@tanstack/react-query-devtools": "5.83.0",
-		"@total-typescript/ts-reset": "0.6.1",
-		"@types/lodash-es": "4.17.12",
-		"@types/node": "24",
-		"@types/react": "19.1.8",
-		"@types/react-dom": "19.1.6",
-		"copy-files-from-to": "3.12.1",
-		"next": "15.4.2-canary.0",
-		"react": "19.1.0",
-		"react-dom": "19.1.0",
-		"react-hook-form": "7.60.0",
-		"release-it": "19.0.3",
-		"tailwindcss": "4.1.11",
-		"tsc-alias": "1.8.16",
-		"typescript": "5",
-		"zod": "4.0.5"
-	},
-	"peerDependencies": {
-		"@hookform/resolvers": "^4.0.0 || ^5.0.0",
-		"@opexa/object-id": "^0.1.0",
-		"@tanstack/react-query": "^5.0.0",
-		"next": "^15.4.0-canary.1",
-		"react": "^19.0.0",
-		"react-dom": "^19.0.0",
-		"react-hook-form": "^7.0.0",
-		"tailwindcss": "^4.0.0",
-		"zod": "^3.0.0"
-	},
-	"release-it": {
-		"git": {
-			"commitMessage": "chore: release ${npm.name} v${version}",
-			"tagName": "${npm.name}@${version}"
-		},
-		"github": {
-			"release": false
-		},
-		"hooks": {
-			"after:bump": [
-				"pnpm build"
-			]
-		}
-	},
-	"copyFiles": [
-		{
-			"from": "src/lib/**/*.{png,jpg,jpeg,gif,svg,css,json}",
-			"to": "dist/",
-			"toFlat": false
-		}
-	],
-	"copyFilesSettings": {
-		"whenFileExists": "overwrite",
-		"removeSourceMappingURL": true,
-		"ignoreDotFilesAndFolders": false
-	}
-}
+{
+	"name": "@opexa/portal-components",
+	"version": "0.0.496",
+	"exports": {
+		"./ui/*": {
+			"types": "./dist/ui/*/index.d.ts",
+			"default": "./dist/ui/*/index.js"
+		},
+		"./utils/*": {
+			"types": "./dist/utils/*.d.ts",
+			"import": "./dist/utils/*.js"
+		},
+		"./types": {
+			"types": "./dist/types/index.d.ts",
+			"import": "./dist/types/index.js"
+		},
+		"./handlers": {
+			"types": "./dist/handlers/index.d.ts",
+			"default": "./dist/handlers/index.js"
+		},
+		"./middleware": {
+			"types": "./dist/middleware.d.ts",
+			"default": "./dist/middleware.js"
+		},
+		"./constants": {
+			"types": "./dist/constants/index.d.ts",
+			"default": "./dist/constants/index.js"
+		},
+		"./services/*": {
+			"types": "./dist/services/*.d.ts",
+			"default": "./dist/services/*.js"
+		},
+		"./client-utils/*": {
+			"types": "./dist/client/utils/*.d.ts",
+			"default": "./dist/client/utils/*.js"
+		},
+		"./client-hooks/*": {
+			"types": "./dist/client/hooks/*.d.ts",
+			"default": "./dist/client/hooks/*.js"
+		},
+		"./client-services/*": {
+			"types": "./dist/client/services/*.d.ts",
+			"default": "./dist/client/services/*.js"
+		},
+		"./server-utils/*": {
+			"types": "./dist/server/utils/*.d.ts",
+			"default": "./dist/server/utils/*.js"
+		},
+		"./server-services/*": {
+			"types": "./dist/server/services/*.d.ts",
+			"default": "./dist/server/services/*.js"
+		},
+		"./next.config": {
+			"types": "./dist/next.config.d.ts",
+			"default": "./dist/next.config.js"
+		},
+		"./theme.css": "./dist/styles/theme.css",
+		"./*": {
+			"types": "./dist/components/*/index.d.ts",
+			"default": "./dist/components/*/index.js"
+		}
+	},
+	"files": [
+		"dist",
+		"!dist/tsconfig.tsbuildinfo",
+		"!dist/tsconfig.build.tsbuildinfo"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"dev": "next dev --port 4000",
+		"build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
+		"build:app": "next build",
+		"start": "next start",
+		"release": "release-it"
+	},
+	"dependencies": {
+		"@ark-ui/react": "^5.16.0",
+		"@date-fns/tz": "^1.2.0",
+		"@greatsumini/react-facebook-login": "^3.4.0",
+		"@mediapipe/tasks-vision": "0.10.22-rc.20250304",
+		"@next/third-parties": "^15.4.1",
+		"@radix-ui/react-use-controllable-state": "^1.2.2",
+		"@react-oauth/google": "^0.12.2",
+		"@sumsub/websdk": "^2.3.18",
+		"@sumsub/websdk-react": "^2.3.18",
+		"@tailwindcss/typography": "^0.5.16",
+		"date-fns": "^4.1.0",
+		"embla-carousel-autoplay": "^8.6.0",
+		"embla-carousel-react": "^8.6.0",
+		"is-mobile": "^5.0.0",
+		"lodash-es": "^4.17.21",
+		"next-recaptcha-v3": "^1.5.2",
+		"tailwind-merge": "^3.3.1",
+		"tailwind-variants": "^1.0.0",
+		"tailwind-zag": "^1.0.2",
+		"tiny-invariant": "^1.3.3",
+		"type-fest": "^4.41.0",
+		"usehooks-ts": "^3.1.1",
+		"zustand": "^5.0.6"
+	},
+	"devDependencies": {
+		"@hookform/resolvers": "5.1.1",
+		"@opexa/object-id": "0.1.6",
+		"@tailwindcss/postcss": "4",
+		"@tanstack/react-query": "5.83.0",
+		"@tanstack/react-query-devtools": "5.83.0",
+		"@total-typescript/ts-reset": "0.6.1",
+		"@types/lodash-es": "4.17.12",
+		"@types/node": "24",
+		"@types/react": "19.1.8",
+		"@types/react-dom": "19.1.6",
+		"copy-files-from-to": "3.12.1",
+		"next": "15.4.2-canary.0",
+		"react": "19.1.0",
+		"react-dom": "19.1.0",
+		"react-hook-form": "7.60.0",
+		"release-it": "19.0.3",
+		"tailwindcss": "4.1.11",
+		"tsc-alias": "1.8.16",
+		"typescript": "5",
+		"zod": "4.0.5"
+	},
+	"peerDependencies": {
+		"@hookform/resolvers": "^4.0.0 || ^5.0.0",
+		"@opexa/object-id": "^0.1.0",
+		"@tanstack/react-query": "^5.0.0",
+		"next": "^15.4.0-canary.1",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
+		"react-hook-form": "^7.0.0",
+		"tailwindcss": "^4.0.0",
+		"zod": "^3.0.0"
+	},
+	"release-it": {
+		"git": {
+			"commitMessage": "chore: release ${npm.name} v${version}",
+			"tagName": "${npm.name}@${version}"
+		},
+		"github": {
+			"release": false
+		},
+		"hooks": {
+			"after:bump": [
+				"pnpm build"
+			]
+		}
+	},
+	"copyFiles": [
+		{
+			"from": "src/lib/**/*.{png,jpg,jpeg,gif,svg,css,json}",
+			"to": "dist/",
+			"toFlat": false
+		}
+	],
+	"copyFilesSettings": {
+		"whenFileExists": "overwrite",
+		"removeSourceMappingURL": true,
+		"ignoreDotFilesAndFolders": false
+	}
+}

package/dist/components/Banner/Banner.client.d.ts

@@ -1,12 +0,0 @@
-import type { ImageProps } from 'next/image';
-export interface BannerEntry {
-    src: ImageProps['src'];
-    redirectUrl?: string;
-}
-export interface BannerProps {
-    banners: BannerEntry[];
-    imageWidth?: number | [mobile: number, desktop: number];
-    imageHeight?: number | [mobile: number, desktop: number];
-    className?: string;
-}
-export declare function Banner__client(props: BannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Banner/Banner.client.js

@@ -1,49 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import emblaCarouselAutoplay from 'embla-carousel-autoplay';
-import useEmblaCarousel, {} from 'embla-carousel-react';
-import isMobile from 'is-mobile';
-import Image from 'next/image';
-import Link from 'next/link';
-import { Fragment, useEffect, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { dataAttr } from '../../utils/dataAttr.js';
-export function Banner__client(props) {
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-        loop: true,
-        align: 'start',
-    }, [
-        emblaCarouselAutoplay({
-            playOnInit: true,
-            delay: 5000,
-        }),
-    ]);
-    const [currentIndex, setCurrentIndex] = useState(0);
-    useEffect(() => {
-        function handler(detail) {
-            setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
-        }
-        emblaApi?.on('scroll', handler);
-        emblaApi?.on('init', handler);
-        return () => {
-            emblaApi?.on('init', handler);
-            emblaApi?.off('scroll', handler);
-        };
-    }, [emblaApi]);
-    const imageWidth = !props.imageWidth
-        ? [400, 1200]
-        : Array.isArray(props.imageWidth)
-            ? props.imageWidth
-            : [props.imageWidth, props.imageWidth];
-    const imageHeight = !props.imageHeight
-        ? [225, 300]
-        : Array.isArray(props.imageHeight)
-            ? props.imageHeight
-            : [props.imageHeight, props.imageHeight];
-    return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
-                        const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0 }));
-                        return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
-                    }) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
-                        emblaApi?.scrollTo(index);
-                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
-}