@opexa/portal-components 0.0.54 → 0.0.55

package/package.json

@@ -1,156 +1,156 @@
-{
-  "name": "@opexa/portal-components",
-  "version": "0.0.54",
-  "exports": {
-    ".": {
-      "types": "./dist/components/index.d.ts",
-      "default": "./dist/components/index.js"
-    },
-    "./ui": {
-      "types": "./dist/ui/index.d.ts",
-      "default": "./dist/ui/index.js"
-    },
-    "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.js"
-    },
-    "./types": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/types/index.js"
-    },
-    "./handlers": {
-      "types": "./dist/handlers.d.ts",
-      "default": "./dist/handlers.js"
-    },
-    "./middleware": {
-      "types": "./dist/middleware.d.ts",
-      "default": "./dist/middleware.js"
-    },
-    "./client-utils": {
-      "types": "./dist/client/utils/index.d.ts",
-      "import": "./dist/client/utils/index.mjs",
-      "require": "./dist/client/utils/index.js"
-    },
-    "./client-hooks": {
-      "types": "./dist/client/hooks/index.d.ts",
-      "default": "./dist/client/hooks/index.js"
-    },
-    "./client-services": {
-      "types": "./dist/client/services/index.d.ts",
-      "default": "./dist/client/services/index.js"
-    },
-    "./server-utils": {
-      "types": "./dist/server/utils/index.d.ts",
-      "default": "./dist/server/utils/index.js"
-    },
-    "./server-services": {
-      "types": "./dist/server/services/index.d.ts",
-      "default": "./dist/server/services/index.js"
-    },
-    "./next.config": {
-      "types": "./dist/next.config.d.ts",
-      "default": "./dist/next.config.js"
-    },
-    "./theme.css": "./dist/styles/theme.css",
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "next dev --port 4000 --turbopack",
-    "build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
-    "build:app": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "release": "release-it"
-  },
-  "dependencies": {
-    "@ark-ui/anatomy": "3.5.0",
-    "@ark-ui/react": "5.11.0",
-    "@date-fns/tz": "^1.2.0",
-    "@next/third-parties": "^15.3.3",
-    "@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-themes": "^0.4.6",
-    "tailwind-merge": "3.3.0",
-    "tailwind-variants": "1.0.0",
-    "tailwindcss-plugin-zag": "0.1.0",
-    "tiny-invariant": "1.3.3",
-    "type-fest": "4.41.0",
-    "usehooks-ts": "3.1.1",
-    "zustand": "5.0.5"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "3",
-    "@hookform/resolvers": "5.0.1",
-    "@opexa/portal-sdk-core": "0.0.33",
-    "@tailwindcss/postcss": "4",
-    "@tanstack/react-query": "5.80.0",
-    "@tanstack/react-query-devtools": "5.80.0",
-    "@total-typescript/ts-reset": "0.6.1",
-    "@types/lodash-es": "4.17.12",
-    "@types/node": "22",
-    "@types/react": "19",
-    "@types/react-dom": "19",
-    "copy-files-from-to": "^3.12.1",
-    "eslint": "9",
-    "eslint-config-next": "15.3.3",
-    "next": "15.4.0-canary.61",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-hook-form": "7.57.0",
-    "release-it": "19.0.3",
-    "tailwindcss": "4.1.8",
-    "tsc-alias": "^1.8.16",
-    "typescript": "5",
-    "zod": "3.25.49"
-  },
-  "peerDependencies": {
-    "@hookform/resolvers": "^4.0.0 || ^5.0.0",
-    "@opexa/portal-sdk-core": "^0.0.32",
-    "@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": {
-      "before:bump": [
-        "pnpm lint"
-      ],
-      "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.55",
+  "exports": {
+    ".": {
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "default": "./dist/ui/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js"
+    },
+    "./handlers": {
+      "types": "./dist/handlers.d.ts",
+      "default": "./dist/handlers.js"
+    },
+    "./middleware": {
+      "types": "./dist/middleware.d.ts",
+      "default": "./dist/middleware.js"
+    },
+    "./client-utils": {
+      "types": "./dist/client/utils/index.d.ts",
+      "import": "./dist/client/utils/index.mjs",
+      "require": "./dist/client/utils/index.js"
+    },
+    "./client-hooks": {
+      "types": "./dist/client/hooks/index.d.ts",
+      "default": "./dist/client/hooks/index.js"
+    },
+    "./client-services": {
+      "types": "./dist/client/services/index.d.ts",
+      "default": "./dist/client/services/index.js"
+    },
+    "./server-utils": {
+      "types": "./dist/server/utils/index.d.ts",
+      "default": "./dist/server/utils/index.js"
+    },
+    "./server-services": {
+      "types": "./dist/server/services/index.d.ts",
+      "default": "./dist/server/services/index.js"
+    },
+    "./next.config": {
+      "types": "./dist/next.config.d.ts",
+      "default": "./dist/next.config.js"
+    },
+    "./theme.css": "./dist/styles/theme.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "next dev --port 4000 --turbopack",
+    "build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
+    "build:app": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "release": "release-it"
+  },
+  "dependencies": {
+    "@ark-ui/anatomy": "3.5.0",
+    "@ark-ui/react": "5.11.0",
+    "@date-fns/tz": "^1.2.0",
+    "@next/third-parties": "^15.3.3",
+    "@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-themes": "^0.4.6",
+    "tailwind-merge": "3.3.0",
+    "tailwind-variants": "1.0.0",
+    "tailwindcss-plugin-zag": "0.1.0",
+    "tiny-invariant": "1.3.3",
+    "type-fest": "4.41.0",
+    "usehooks-ts": "3.1.1",
+    "zustand": "5.0.5"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "3",
+    "@hookform/resolvers": "5.0.1",
+    "@opexa/portal-sdk-core": "0.0.33",
+    "@tailwindcss/postcss": "4",
+    "@tanstack/react-query": "5.80.0",
+    "@tanstack/react-query-devtools": "5.80.0",
+    "@total-typescript/ts-reset": "0.6.1",
+    "@types/lodash-es": "4.17.12",
+    "@types/node": "22",
+    "@types/react": "19",
+    "@types/react-dom": "19",
+    "copy-files-from-to": "^3.12.1",
+    "eslint": "9",
+    "eslint-config-next": "15.3.3",
+    "next": "15.4.0-canary.61",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-hook-form": "7.57.0",
+    "release-it": "19.0.3",
+    "tailwindcss": "4.1.8",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5",
+    "zod": "3.25.49"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^4.0.0 || ^5.0.0",
+    "@opexa/portal-sdk-core": "^0.0.32",
+    "@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": {
+      "before:bump": [
+        "pnpm lint"
+      ],
+      "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/AccountPaymentMethods/AccountPaymentMethods.d.ts

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

package/dist/components/AccountPaymentMethods/AccountPaymentMethods.js

@@ -1,3 +0,0 @@
-export function AccountPaymentMethods() {
-    return null;
-}

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

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

package/dist/components/AccountPaymentMethods/index.js

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

package/dist/components/AccountVerification/AccountVerificationContext.d.ts

@@ -1,14 +0,0 @@
-type Step = 1 | 2 | 3 | (number & {});
-interface UseAccountVerificationReturn {
-    step: Step;
-    setStep: (step: Step) => void;
-    started: boolean;
-    setStarted: (started: boolean) => void;
-    completed: boolean;
-    setCompleted: (completed: boolean) => void;
-    reset: () => void;
-}
-export declare function useAccountVerification(): UseAccountVerificationReturn;
-export declare const AccountVerificationContext: import("react").Context<UseAccountVerificationReturn | null>;
-export declare function useAccountVerificationContext(): UseAccountVerificationReturn;
-export {};

package/dist/components/AccountVerification/AccountVerificationContext.js

@@ -1,27 +0,0 @@
-import { createContext, useContext, useState } from 'react';
-import invariant from 'tiny-invariant';
-export function useAccountVerification() {
-    const [step, setStep] = useState(1);
-    const [started, setStarted] = useState(false);
-    const [completed, setCompleted] = useState(false);
-    function reset() {
-        setStep(1);
-        setStarted(false);
-        setCompleted(false);
-    }
-    return {
-        step,
-        setStep,
-        started,
-        setStarted,
-        completed,
-        setCompleted,
-        reset,
-    };
-}
-export const AccountVerificationContext = createContext(null);
-export function useAccountVerificationContext() {
-    const context = useContext(AccountVerificationContext);
-    invariant(context);
-    return context;
-}

package/dist/components/AccountVerification/VerificationCapture.d.ts

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

package/dist/components/AccountVerification/VerificationCapture.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { noop } from 'lodash-es';
-import Image from 'next/image';
-import { ArrowLeftIcon, CheckIcon, XIcon } from '../../icons/index.js';
-import uploadId from '../../images/capture-id-banner.png';
-import selfie from '../../images/capture-selfie-banner.png';
-import { Button, Checkbox, Field, Progress } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationCapture() {
-    const context = useAccountVerificationContext();
-    if (!context.started)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-4 items-center", children: [_jsxs("button", { className: "text-text-tertiary-600 flex gap-sm text-sm font-semibold", disabled: context.step <= 1, onClick: () => context.setStep(context.step - 1), children: [_jsx(ArrowLeftIcon, { className: "size-5" }), "Back"] }), _jsxs("div", { className: "col-span-2 flex justify-center gap-2", children: [_jsx(Progress.Root, { value: context.step >= 2 ? 100 : context.step >= 1 ? 50 : 0, onValueChange: noop, className: "w-22.5 shrink-0", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { value: context.completed ? 100 : context.step >= 3 ? 50 : 0, onValueChange: noop, className: "w-22.5 shrink-0", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] })] }), context.step === 1 && _jsx(Step1, {}), context.step === 2 && _jsx(Step2, {}), context.step === 3 && _jsx(Step3, {})] }));
-}
-function Step1() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: uploadId, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Upload front side of your ID"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "Don't edit image of your ID"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(2), children: "Continue" }) })] })] }));
-}
-function Step2() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: selfie, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Face and ID must be clearly visible"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "No hats, sunglasses, or masks"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(3), children: "Continue" }) })] })] }));
-}
-function Step3() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Enter your basic and work-related information" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, {})] }), _jsxs(Checkbox.Root, { className: "mt-sm", children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Same as permanent address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Nature of work" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, {})] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => {
-                                context.setCompleted(true);
-                            }, children: "Continue" }) })] })] }));
-}

package/dist/components/AccountVerification/VerificationComplete.d.ts

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

package/dist/components/AccountVerification/VerificationComplete.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import { CheckCircleIcon } from '../../icons/index.js';
-import { AlertDialog, Button } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationComplete() {
-    const context = useAccountVerificationContext();
-    return (_jsx(AlertDialog.Root, { open: context.completed, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "bg-bg-overlay/75 backdrop-blur-sm" }), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { className: "mx-auto w-[21.438rem] p-xl", children: [_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(CheckCircleIcon, {}) }), _jsx(AlertDialog.Title, { className: "mt-3 text-center", children: "Submission Successful" }), _jsx(AlertDialog.Description, { className: "text-text-tertiary-600 text-center", children: "Your documents have been submitted successfully. They\u2019re now under review, and you\u2019ll receive a notification as soon as your account is verified." }), _jsx(Button, { className: "mt-3xl", onClick: () => context.reset(), children: "Ok" })] }) })] }) }));
-}

package/dist/components/AccountVerification/VerificationDetails.d.ts

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

package/dist/components/AccountVerification/VerificationDetails.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
-import { twMerge } from 'tailwind-merge';
-import { useMemberVerificationQuery, useProfileCompletionQuery, } from '../../client/hooks/index.js';
-import { AlertCircleIcon, CheckVerified02Icon, CreditCard02Icon, FaceIdIcon, FileCheck02Icon, FileSearch02Icon, FileX02Icon, Globe05Icon, } from '../../icons/index.js';
-import { Button } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationDetails() {
-    const context = useAccountVerificationContext();
-    const profileCompletionQuery = useProfileCompletionQuery();
-    const profileCompletion = profileCompletionQuery.data;
-    const verificationQuery = useMemberVerificationQuery();
-    const verification = verificationQuery.data;
-    const empty = verification == null;
-    const pending = verification?.status === 'PENDING';
-    const success = verification?.status === 'VERIFIED' || verification?.status === 'APPROVED';
-    const failed = verification?.status === 'REJECTED' ||
-        verification?.status === 'UNVERIFIED';
-    if (context.started)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verify your identity" }), _jsx("p", { className: "text-text-tertiary-600 text-sm", children: "Complete personal verification to unlock all features and enhance account security." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountVerification
-                            ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountVerification ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("div", { className: "shadow-xs border-border-secondary bg-bg-primary-alt mt-5 rounded-xl border", children: [_jsx("div", { className: "px-4 py-5", children: _jsxs("ul", { className: "space-y-lg", children: [_jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FileCheck02Icon, {}), "Basic Information"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(Globe05Icon, {}), "Proof of address"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(CreditCard02Icon, {}), "Government ID"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FaceIdIcon, {}), "Facial Verification"] })] }) }), _jsx("div", { className: "border-border-secondary flex justify-end border-t px-4 py-3 lg:py-xl", children: _jsx(Button, { size: "sm", onClick: () => {
-                                context.setStarted(true);
-                            }, className: "w-full lg:w-fit", children: "Verify Now" }) })] }), success && _jsx(VerificationSuccess, {}), pending && _jsx(VerificationInProgress, {}), failed && _jsx(VerificationFailed, {}), empty && _jsx(VerificationNotSubmitted, {})] }));
-}
-function VerificationNotSubmitted() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(AlertCircleIcon, { className: "text-text-warning-primary size-5" }) }) }), _jsx("p", { className: "text-text-tertiary-600 max-w-[800px] text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] }));
-}
-function VerificationInProgress() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileSearch02Icon, { className: "text-text-warning-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Under review" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] })] }));
-}
-function VerificationSuccess() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-success-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-success-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileCheck02Icon, { className: "text-text-success-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verification successful" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "Your account has been successfully verified. You now have full access to all features and improved account security." })] })] }));
-}
-function VerificationFailed() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-error-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-error-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileX02Icon, { className: "text-text-error-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verification failed" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "There was an issue with the verification process. Please try again or contact support for assistance." })] })] }));
-}

package/dist/components/GamesSearch/GamesSearchTrigger.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-export interface GamesSearchTriggerProps extends ComponentPropsWithRef<'button'> {
-    asChild?: boolean;
-}
-export declare function GamesSearchTrigger(props: GamesSearchTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GamesSearch/GamesSearchTrigger.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/index.js';
-export function GamesSearchTrigger(props) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        gamesSearch: ctx.gamesSearch,
-    })));
-    return (_jsx(ark.button, { type: "button", ...props, onClick: (e) => {
-            globalStore.gamesSearch.setOpen(!globalStore.gamesSearch.open);
-            return props.onClick?.(e);
-        }, "data-state": globalStore.gamesSearch.open ? 'open' : 'closed' }));
-}

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

@@ -1,14 +0,0 @@
-type Step = 1 | 2 | 3 | (number & {});
-interface UseAccountVerificationReturn {
-    step: Step;
-    setStep: (step: Step) => void;
-    started: boolean;
-    setStarted: (started: boolean) => void;
-    completed: boolean;
-    setCompleted: (completed: boolean) => void;
-    reset: () => void;
-}
-export declare function useAccountVerification(): UseAccountVerificationReturn;
-export declare const AccountVerificationContext: import("react").Context<UseAccountVerificationReturn | null>;
-export declare function useAccountVerificationContext(): UseAccountVerificationReturn;
-export {};

package/dist/components/KYC/AccountVerificationContext.js

@@ -1,27 +0,0 @@
-import { createContext, useContext, useState } from 'react';
-import invariant from 'tiny-invariant';
-export function useAccountVerification() {
-    const [step, setStep] = useState(1);
-    const [started, setStarted] = useState(false);
-    const [completed, setCompleted] = useState(false);
-    function reset() {
-        setStep(1);
-        setStarted(false);
-        setCompleted(false);
-    }
-    return {
-        step,
-        setStep,
-        started,
-        setStarted,
-        completed,
-        setCompleted,
-        reset,
-    };
-}
-export const AccountVerificationContext = createContext(null);
-export function useAccountVerificationContext() {
-    const context = useContext(AccountVerificationContext);
-    invariant(context);
-    return context;
-}

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

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

package/dist/components/KYC/VerificationCapture.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { noop } from 'lodash-es';
-import Image from 'next/image';
-import { ArrowLeftIcon, CheckIcon, XIcon } from '../../icons/index.js';
-import uploadId from '../../images/capture-id-banner.png';
-import selfie from '../../images/capture-selfie-banner.png';
-import { Button, Checkbox, Field, Progress } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationCapture() {
-    const context = useAccountVerificationContext();
-    if (!context.started)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-4 items-center", children: [_jsxs("button", { className: "text-text-tertiary-600 flex gap-sm text-sm font-semibold", disabled: context.step <= 1, onClick: () => context.setStep(context.step - 1), children: [_jsx(ArrowLeftIcon, { className: "size-5" }), "Back"] }), _jsxs("div", { className: "col-span-2 flex justify-center gap-2", children: [_jsx(Progress.Root, { value: context.step >= 2 ? 100 : context.step >= 1 ? 50 : 0, onValueChange: noop, className: "w-22.5 shrink-0", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { value: context.completed ? 100 : context.step >= 3 ? 50 : 0, onValueChange: noop, className: "w-22.5 shrink-0", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] })] }), context.step === 1 && _jsx(Step1, {}), context.step === 2 && _jsx(Step2, {}), context.step === 3 && _jsx(Step3, {})] }));
-}
-function Step1() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: uploadId, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Upload front side of your ID"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "Don't edit image of your ID"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(2), children: "Continue" }) })] })] }));
-}
-function Step2() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsx(Image, { src: selfie, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Face and ID must be clearly visible"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "No hats, sunglasses, or masks"] })] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => context.setStep(3), children: "Continue" }) })] })] }));
-}
-function Step3() {
-    const context = useAccountVerificationContext();
-    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-2xl text-center text-2xl font-semibold", children: "Enter your basic and work-related information" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt shadow-xs mt-6 rounded-2xl border", children: [_jsxs("div", { className: "px-4 py-5", children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, {})] }), _jsxs(Checkbox.Root, { className: "mt-sm", children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Same as permanent address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Nature of work" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-6", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, {})] })] }), _jsx("div", { className: "border-border-secondary border-t px-xl py-lg", children: _jsx(Button, { size: "sm", onClick: () => {
-                                context.setCompleted(true);
-                            }, children: "Continue" }) })] })] }));
-}

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

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

package/dist/components/KYC/VerificationComplete.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import { CheckCircleIcon } from '../../icons/index.js';
-import { AlertDialog, Button } from '../../ui/index.js';
-import { useAccountVerificationContext } from './AccountVerificationContext.js';
-export function VerificationComplete() {
-    const context = useAccountVerificationContext();
-    return (_jsx(AlertDialog.Root, { open: context.completed, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(AlertDialog.Backdrop, { className: "bg-bg-overlay/75 backdrop-blur-sm" }), _jsx(AlertDialog.Positioner, { children: _jsxs(AlertDialog.Content, { className: "mx-auto w-[21.438rem] p-xl", children: [_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(CheckCircleIcon, {}) }), _jsx(AlertDialog.Title, { className: "mt-3 text-center", children: "Submission Successful" }), _jsx(AlertDialog.Description, { className: "text-text-tertiary-600 text-center", children: "Your documents have been submitted successfully. They\u2019re now under review, and you\u2019ll receive a notification as soon as your account is verified." }), _jsx(Button, { className: "mt-3xl", onClick: () => context.reset(), children: "Ok" })] }) })] }) }));
-}

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

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