@opexa/portal-components 0.0.862 → 0.0.863

package/dist/ui/Tabs/tabs.recipe.d.ts

@@ -10,7 +10,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "list" | "root" | "trigger" | "indicator", string | string[]>, undefined, {
+}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -22,7 +22,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "list" | "root" | "trigger" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -34,4 +34,4 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "list" | "root" | "trigger" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>;

package/package.json

@@ -1,177 +1,177 @@
-{
-	"name": "@opexa/portal-components",
-	"version": "0.0.862",
-	"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",
-		"@capacitor/android": "^7.4.3",
-		"@capacitor/app": "^7.0.2",
-		"@capacitor/camera": "^7.0.2",
-		"@capacitor/cli": "^7.4.3",
-		"@capacitor/core": "^7.4.3",
-		"@capacitor/file-transfer": "^1.0.5",
-		"@capacitor/filesystem": "^7.1.4",
-		"@capacitor/push-notifications": "^7.0.2",
-		"@capacitor/splash-screen": "^7.0.2",
-		"@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",
-		"capacitor-native-biometric": "^4.2.2",
-		"capacitor-plugin-safe-area": "^4.0.0",
-		"date-fns": "^4.1.0",
-		"embla-carousel-autoplay": "^8.6.0",
-		"embla-carousel-react": "^8.6.0",
-		"is-mobile": "^5.0.0",
-		"latest": "^0.2.0",
-		"lodash-es": "^4.17.21",
-		"mixpanel-browser": "^2.71.0",
-		"next-recaptcha-v3": "^1.5.2",
-		"qrcode": "^1.5.4",
-		"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/qrcode": "^1.5.5",
-		"@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.863",
+	"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",
+		"@capacitor/android": "^7.4.3",
+		"@capacitor/app": "^7.0.2",
+		"@capacitor/camera": "^7.0.2",
+		"@capacitor/cli": "^7.4.3",
+		"@capacitor/core": "^7.4.3",
+		"@capacitor/file-transfer": "^1.0.5",
+		"@capacitor/filesystem": "^7.1.4",
+		"@capacitor/push-notifications": "^7.0.2",
+		"@capacitor/splash-screen": "^7.0.2",
+		"@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",
+		"capacitor-native-biometric": "^4.2.2",
+		"capacitor-plugin-safe-area": "^4.0.0",
+		"date-fns": "^4.1.0",
+		"embla-carousel-autoplay": "^8.6.0",
+		"embla-carousel-react": "^8.6.0",
+		"is-mobile": "^5.0.0",
+		"latest": "^0.2.0",
+		"lodash-es": "^4.17.21",
+		"mixpanel-browser": "^2.71.0",
+		"next-recaptcha-v3": "^1.5.2",
+		"qrcode": "^1.5.4",
+		"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/qrcode": "^1.5.5",
+		"@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/Disclaimer/ResponsibleGaming.d.ts

@@ -1,10 +0,0 @@
-import { type ImageProps } from 'next/image';
-import type { ReactNode } from 'react';
-export interface ResponsibleGamingProps {
-    responsibleGamingContent: string | ReactNode;
-    logo: ImageProps['src'];
-    open: boolean;
-    onCloseAction: () => void;
-    responsibleGamingLogo?: ImageProps['src'];
-}
-export declare function ResponsibleGaming({ logo, open, responsibleGamingContent, onCloseAction, ...props }: ResponsibleGamingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/ResponsibleGaming.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image, {} from 'next/image';
-import pagcorLogo from '../../images/pagcor.png';
-import responsibleGamingLogo from '../../images/responsible-gaming.png';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-export function ResponsibleGaming({ logo, open, responsibleGamingContent, onCloseAction, ...props }) {
-    return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", 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: 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: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: "Responsible Gaming" }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: responsibleGamingContent }), _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: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx("div", { className: "w-full", children: _jsx(Button, { type: "button", className: "mt-3", onClick: () => {
-                                        onCloseAction();
-                                    }, children: "I Agree" }) })] }) })] }) }));
-}

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

@@ -1,11 +0,0 @@
-import { type ImageProps } from 'next/image';
-import type { ReactNode } from 'react';
-export interface TermsOfUseProps {
-    logo: ImageProps['src'];
-    open: boolean;
-    onCloseAction: () => void;
-    termsOfUseContent: string | ReactNode;
-    siteName: string;
-    responsibleGamingLogo?: ImageProps['src'];
-}
-export declare function TermsOfUse({ logo, open, onCloseAction, siteName, termsOfUseContent, ...props }: TermsOfUseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Disclaimer/TermsOfUse.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image, {} from 'next/image';
-import pagcorLogo from '../../images/pagcor.png';
-import responsibleGamingLogo from '../../images/responsible-gaming.png';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-export function TermsOfUse({ logo, open, onCloseAction, siteName, termsOfUseContent, ...props }) {
-    return (_jsx(Dialog.Root, { open: open, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "z-popover" }), _jsx(Dialog.Positioner, { className: "z-popover", 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: logo, alt: "", width: 200, height: 100, className: "mx-auto h-auto w-[120px]", draggable: false }), _jsxs("div", { className: "w-full grow", children: [_jsxs(Dialog.Title, { className: "text-brand-400 mt-3xl text-center text-lg font-semibold", children: [siteName, " Terms of Use"] }), _jsx(Dialog.Description, { className: "leading-2xl mt-xs text-sm", children: termsOfUseContent }), _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: props.responsibleGamingLogo ?? responsibleGamingLogo, alt: "", height: 62, width: 186, className: "h-[62px] w-auto shrink-0", draggable: false })] })] }), _jsx("div", { className: "w-full", children: _jsx(Button, { type: "button", className: "mt-3", onClick: () => {
-                                        onCloseAction();
-                                    }, children: "I Agree" }) })] }) })] }) }));
-}

package/dist/components/FeatureFlag/FeatureFlag.d.ts

@@ -1 +0,0 @@
-export declare function FeatureFlag(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/FeatureFlag/FeatureFlag.js

@@ -1,29 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useRouter, useSearchParams } from 'next/navigation';
-import { useEffect } from 'react';
-import { FEATURE_FLAG_KEY, useFeatureFlag, } from '../../client/hooks/useFeatureFlag.js';
-export function FeatureFlag() {
-    const { featureFlagEnabled, setFeatureFlagEnabled } = useFeatureFlag();
-    const searchParams = useSearchParams();
-    const router = useRouter();
-    useEffect(() => {
-        const futureFlagParam = searchParams.get('future');
-        if (futureFlagParam !== null) {
-            const isEnabled = futureFlagParam === 'true';
-            setFeatureFlagEnabled(isEnabled);
-            localStorage.setItem(FEATURE_FLAG_KEY, isEnabled.toString());
-        }
-    }, [searchParams, setFeatureFlagEnabled]);
-    function disableFeatureFlag() {
-        setFeatureFlagEnabled(false);
-        localStorage.removeItem(FEATURE_FLAG_KEY);
-        const params = new URLSearchParams(searchParams.toString());
-        params.delete('future');
-        router.replace(`?${params.toString()}`, { scroll: false });
-    }
-    if (!featureFlagEnabled) {
-        return null;
-    }
-    return (_jsx("div", { className: "fixed bottom-3 flex w-full flex-col items-center justify-center", children: _jsxs("div", { className: "bg-black/70 p-1", children: ["Experimental features are enabled.", ' ', _jsxs("button", { onClick: () => disableFeatureFlag(), className: "cursor-pointer underline", children: [' ', "Disable"] })] }) }));
-}

package/dist/components/FeatureFlag/index.d.ts

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

package/dist/components/FeatureFlag/index.js

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

package/dist/components/KYC/AutoOpen.d.ts

@@ -1 +0,0 @@
-export declare function AutoOpen(): null;

package/dist/components/KYC/AutoOpen.js

@@ -1,40 +0,0 @@
-import { useEffect } from 'react';
-import { useShallow } from 'zustand/shallow';
-import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { KYC_PROMPT_LOCALSTORAGE_KEY } from '../../constants/index.js';
-export function AutoOpen() {
-    const kycStore = useGlobalStore(useShallow((ctx) => ctx.kyc));
-    const { data: session } = useSessionQuery();
-    const { data: account } = useAccountQuery();
-    const { data: verification } = useMemberVerificationQuery();
-    const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
-    const isUploadCompleted = verification &&
-        verification.idFrontImage !== null &&
-        verification.selfieImage !== null;
-    const isRejected = Boolean(verification?.status === 'REJECTED');
-    const step = !isBasicInfoCompleted
-        ? 1
-        : isRejected
-            ? 2
-            : isUploadCompleted
-                ? 3
-                : 2;
-    const shouldOpen = !isBasicInfoCompleted || !isUploadCompleted || isRejected;
-    useEffect(() => {
-        if (session?.status == 'authenticated' &&
-            shouldOpen &&
-            localStorage.getItem(KYC_PROMPT_LOCALSTORAGE_KEY) === null) {
-            kycStore.setKycReminder(true);
-            return;
-        }
-    }, [kycStore, session?.status, shouldOpen]);
-    useEffect(() => {
-        if (step) {
-            kycStore.setStep(step);
-        }
-    }, [kycStore, step]);
-    return null;
-}

package/dist/components/KYC/CaptureIdDocument.d.ts

@@ -1 +0,0 @@
-export declare function CaptureIdDocument(): import("react/jsx-runtime").JSX.Element;