@opexa/portal-components 0.0.34 → 0.0.35

package/dist/ui/Progress/progress.recipe.js

@@ -11,7 +11,7 @@ export const progressRecipe = tv({
             unstyled: {},
             solid: {
                 root: 'block w-full',
-                track: 'bg-bg-primary w-full overflow-hidden rounded-full',
+                track: 'bg-bg-primary-hover w-full overflow-hidden rounded-full',
                 range: 'bg-brand-400 h-full rounded-full transition-all duration-200 ease-in-out',
             },
         },

package/dist/utils/getPercentage.d.ts

@@ -0,0 +1 @@
+export declare const getPercentage: (part: number, total: number) => number;

package/dist/utils/getPercentage.js

@@ -0,0 +1,5 @@
+export const getPercentage = (part, total) => {
+    if (total === 0)
+        return 0;
+    return (part / total) * 100;
+};

package/dist/utils/maskDisplayName.d.ts

@@ -0,0 +1 @@
+export declare function maskDisplayName(name: string): string;

package/dist/utils/maskDisplayName.js

@@ -0,0 +1,8 @@
+export function maskDisplayName(name) {
+    if (name.length <= 7) {
+        return '*'.repeat(name.length);
+    }
+    const visiblePart = name.slice(0, 3);
+    const maskedPart = '*'.repeat(7);
+    return visiblePart + maskedPart;
+}

package/package.json

@@ -1,150 +1,150 @@
-{
-  "name": "@opexa/portal-components",
-  "version": "0.0.34",
-  "exports": {
-    ".": {
-      "types": "./dist/components/index.d.ts",
-      "default": "./dist/components/index.js"
-    },
-    "./ui": {
-      "types": "./dist/ui/index.d.ts",
-      "default": "./dist/ui/index.js"
-    },
-    "./icons": {
-      "types": "./dist/icons/index.d.ts",
-      "default": "./dist/icons/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.d.ts",
-      "import": "./dist/client-utils.mjs",
-      "require": "./dist/client-utils.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"
-    },
-    "./types": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/types/index.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",
-    "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.29",
-    "@tailwindcss/postcss": "4",
-    "@tanstack/react-query": "5.79.0",
-    "@tanstack/react-query-devtools": "5.79.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.56.4",
-    "release-it": "19.0.3",
-    "tailwindcss": "4.1.8",
-    "tsc-alias": "^1.8.16",
-    "typescript": "5",
-    "zod": "3.25.46"
-  },
-  "peerDependencies": {
-    "@hookform/resolvers": "^4.0.0",
-    "@opexa/portal-sdk-core": "^0.0.29",
-    "@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
-    }
-  ]
-}
+{
+  "name": "@opexa/portal-components",
+  "version": "0.0.35",
+  "exports": {
+    ".": {
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "default": "./dist/ui/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "default": "./dist/icons/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.d.ts",
+      "import": "./dist/client-utils.mjs",
+      "require": "./dist/client-utils.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"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.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",
+    "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.29",
+    "@tailwindcss/postcss": "4",
+    "@tanstack/react-query": "5.79.0",
+    "@tanstack/react-query-devtools": "5.79.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.56.4",
+    "release-it": "19.0.3",
+    "tailwindcss": "4.1.8",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5",
+    "zod": "3.25.46"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^4.0.0",
+    "@opexa/portal-sdk-core": "^0.0.29",
+    "@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
+    }
+  ]
+}

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

@@ -1,5 +0,0 @@
-import type { ImageProps } from 'next/image';
-export interface KYCProps {
-    logo: ImageProps['src'];
-}
-export declare function KYC(props: KYCProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/KYC.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import Image from 'next/image';
-import { Dialog } from '../../ui/index.js';
-import { KYCContext } from './KYCContext.js';
-import { Step1 } from './Step1.js';
-import { Step2 } from './Step2.js';
-import { Step3 } from './Step3.js';
-import { StepIndicator } from './StepIndicator.js';
-import { UploadDocument } from './UploadDocument.js';
-import { UploadSelfie } from './UploadSelfie.js';
-import { useKYC } from './useKYC.js';
-export function KYC(props) {
-    const context = useKYC();
-    return (_jsx(KYCContext, { value: context, children: _jsx(Dialog.Root, { open: context.open, onOpenChange: (details) => {
-                context.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "mx-auto w-fit", children: [context.uploadingSelfie && _jsx(UploadSelfie, {}), context.uploadingDocument && _jsx(UploadDocument, {}), !context.uploadingSelfie && !context.uploadingDocument && (_jsxs("div", { className: "bg-bg-primary-alt flex h-full w-full flex-col p-3xl lg:h-[800px] 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 }), _jsx(StepIndicator, {}), context.step === 1 && _jsx(Step1, {}), context.step === 2 && _jsx(Step2, {}), context.step === 3 && _jsx(Step3, {})] }))] }) })] }) }) }));
-}

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

@@ -1,3 +0,0 @@
-import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: import("react").Context<UseKYCReturn | null>;
-export declare function useKYCContext(): UseKYCReturn;

package/dist/components/KYC/KYCContext.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from 'react';
-import invariant from 'tiny-invariant';
-export const KYCContext = createContext(null);
-export function useKYCContext() {
-    const context = useContext(KYCContext);
-    invariant(context);
-    return context;
-}

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

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

package/dist/components/KYC/KYCTrigger.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 KYCTrigger(props) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
-    return (_jsx(ark.button, { type: "button", ...props, onClick: (e) => {
-            globalStore.kyc.setOpen(true);
-            return props.onClick?.(e);
-        }, "data-state": globalStore.kyc.open ? 'open' : 'closed' }));
-}

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

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

package/dist/components/KYC/Step1.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Field } from '../../ui/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step1() {
-    const context = useKYCContext();
-    return (_jsxs("form", { className: "mt-3xl flex grow flex-col", onSubmit: (e) => {
-            e.preventDefault();
-            context.setStep(2);
-        }, children: [_jsx("h2", { className: "text-text-primary-900 text-center text-lg", children: "Basic Information" }), _jsx("p", { className: "text-text-tertiary-600 text-center text-sm", children: "Enter your basic details for identification and communication." }), _jsxs("div", { className: "mt-9 grow", children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Real name" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-xl", children: [_jsx(Field.Label, { children: "Date of birth" }), _jsx(Field.Input, { type: "date" })] }), _jsx(Button, { type: "submit", className: "mt-xl", children: "Continue" })] }), _jsxs("div", { className: "text-text-tertiary-600 mt-3xl w-full text-center text-sm", children: ["Use another account.", ' ', _jsx("button", { type: "button", className: "text-button-tertiary-fg font-semibold", children: "Log out" })] })] }));
-}

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

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

package/dist/components/KYC/Step2.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HelpCircleIcon, UploadCloud02Icon } from '../../icons/index.js';
-import { Button, Field } from '../../ui/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step2() {
-    const context = useKYCContext();
-    return (_jsxs("form", { className: "mt-3xl flex grow flex-col items-start justify-start overflow-y-auto", onSubmit: (e) => {
-            e.preventDefault();
-            context.setStep(3);
-        }, children: [_jsx("h2", { className: "text-text-primary-900 w-full text-center text-lg", children: "Verify Your Identity" }), _jsx("p", { className: "text-text-tertiary-600 w-full text-center text-sm", children: "Verify your details to confirm your identity and secure your access." }), _jsxs("div", { className: "border-border-secondary bg-bg-brand-secondary-alt text-text-tertiary-600 mt-xl w-full rounded-xl border p-3 text-2xs leading-tight", children: [_jsx("h4", { className: "font-semibold", children: "Instructions" }), _jsxs("ol", { className: "mt-2 list-inside list-decimal", children: [_jsx("li", { children: "Upload a full photo of your ID." }), _jsx("li", { children: "Please ensure that all details in the uploaded image are legible." }), _jsx("li", { children: "Please ensure that the ID uploaded is within the validity period." })] })] }), _jsxs("div", { className: "scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full mt-xl w-full grow overflow-y-auto", children: [_jsxs(Field.Root, { children: [_jsxs(Field.Label, { className: "flex items-center gap-1.5", children: ["Front of your ID", ' ', _jsx(HelpCircleIcon, { className: "text-text-quinary size-4" })] }), _jsxs("div", { className: "border-border-secondary bg-bg-primary rounded-xl border px-3xl py-xl", children: [_jsx("div", { className: "border-border-secondary shadow-xs text-text-secondary-700 mx-auto flex size-8 items-center justify-center rounded-sm border", children: _jsx(UploadCloud02Icon, { className: "size-4" }) }), _jsxs("p", { className: "text-text-tertiary-600 mt-lg text-center text-xs", children: [_jsx("span", { className: "text-button-tertiary-fg font-semibold", children: "Click to upload" }), ' ', "or drag and drop"] }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-center text-xs", children: "PNG, JPG or JPEG (max. 10mb)" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-center text-xs", children: "or" }), _jsx(Button, { size: "xs", variant: "outline", className: "mx-auto mt-xs w-fit", onClick: () => {
-                                            context.setUploadingDocument(true);
-                                        }, children: "Take a photo" })] })] }), _jsxs(Field.Root, { className: "mt-3", children: [_jsxs(Field.Label, { className: "flex items-center gap-1.5", children: ["Selfie holding your ID", ' ', _jsx(HelpCircleIcon, { className: "text-text-quinary size-4" })] }), _jsx("div", { className: "border-border-secondary bg-bg-primary flex h-[180px] items-center justify-center rounded-xl border px-3xl py-xl", children: _jsx(Button, { size: "xs", variant: "outline", className: "w-fit", onClick: () => {
-                                        context.setUploadingDocument(true);
-                                    }, children: "Take a photo" }) })] })] }), _jsxs("div", { className: "mt-xl w-full", children: [_jsx(Button, { type: "submit", children: "Continue" }), _jsxs("div", { className: "text-text-tertiary-600 mt-3xl w-full text-center text-sm", children: ["Use another account.", ' ', _jsx("button", { type: "button", className: "text-button-tertiary-fg font-semibold", children: "Log out" })] })] })] }));
-}

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

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

package/dist/components/KYC/Step3.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon } from '../../icons/index.js';
-import { Button, Checkbox, Field } from '../../ui/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step3() {
-    const context = useKYCContext();
-    return (_jsxs("form", { className: "mt-3xl flex grow flex-col items-start justify-start overflow-y-auto", onSubmit: (e) => {
-            e.preventDefault();
-            context.setOpen(false);
-        }, children: [_jsx("h2", { className: "text-text-primary-900 w-full text-center text-lg", children: "Personal Information" }), _jsx("p", { className: "text-text-tertiary-600 w-full text-center text-sm", children: "Provide your basic details and work info." }), _jsxs("div", { className: "scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full mt-4 w-full grow overflow-y-auto", children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, {})] }), _jsxs(Checkbox.Root, { className: "mt-lg", children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Use permanent address as current address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-xl", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-xl", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-xl", children: [_jsx(Field.Label, { children: "Nature of work" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-xl", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, {})] }), _jsxs(Field.Root, { className: "mt-xl", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, {})] })] }), _jsxs("div", { className: "mt-xl w-full", children: [_jsx(Button, { type: "submit", children: "Submit and Play" }), _jsxs("div", { className: "text-text-tertiary-600 mt-3xl w-full text-center text-sm", children: ["Use another account.", ' ', _jsx("button", { type: "button", className: "text-button-tertiary-fg font-semibold", children: "Log out" })] })] })] }));
-}

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

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

package/dist/components/KYC/StepIndicator.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { dataAttr } from '../../utils/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function StepIndicator() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mx-auto mt-3xl flex w-fit items-center", children: [_jsx(Circle, { active: context.step >= 1 }), _jsx(Line, { active: context.step >= 2 }), _jsx(Circle, { active: context.step >= 2 }), _jsx(Line, { active: context.step >= 3 }), _jsx(Circle, { active: context.step >= 3 })] }));
-}
-function Circle({ active }) {
-    return (_jsx("div", { className: "ui-active:bg-bg-brand-solid ui-active:shadow-brand border-border-disabled-subtle bg-bg-disabled-subtle group flex size-6 items-center justify-center rounded-full transition-colors delay-300 duration-300", "data-active": dataAttr(active), children: _jsx("div", { className: "bg-text-disabled-subtle size-2.5 rounded-full transition-all delay-300 duration-300 ui-group-active:bg-white" }) }));
-}
-function Line({ active }) {
-    return (_jsx("div", { className: "bg-bg-quaternary group relative h-0.5 w-20", "data-active": dataAttr(active), children: _jsx("div", { className: "bg-text-brand-primary-600 absolute left-0 top-0 h-full w-0 transition-all duration-300 ui-group-active:w-full" }) }));
-}

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

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

package/dist/components/KYC/UploadDocument.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Camera01Icon, CheckCircleIcon, XIcon } from '../../icons/index.js';
-import { Button } from '../../ui/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function UploadDocument() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "bg-bg-primary-alt relative w-[747px] rounded-xl pb-12 pt-4xl", children: [_jsx("button", { type: "button", className: "absolute right-4 top-4", onClick: () => context.setUploadingDocument(false), children: _jsx(XIcon, { className: "text-text-quinary size-5" }) }), _jsx("h2", { className: "text-center text-xl font-semibold", children: "Take a Picture of Your Front ID" }), _jsxs("p", { className: "text-text-tertiary-600 mt-md text-center", children: ["Make sure your ID is clearly visible, well-lit, and not blurry.", _jsx("br", {}), " Avoid glare or reflections, and ensure all corners are within the frame."] }), _jsx("div", { className: "mx-auto mt-10 h-[333px] w-[643px] rounded-xl bg-white/10" }), _jsxs("div", { className: "mx-auto mt-10 flex w-fit gap-3", children: [_jsxs(Button, { variant: "outline", fullWidth: false, children: [_jsx(Camera01Icon, {}), "Retake Photo"] }), _jsxs(Button, { fullWidth: false, children: [_jsx(CheckCircleIcon, {}), "Use Photo"] })] })] }));
-}

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

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

package/dist/components/KYC/UploadSelfie.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Camera01Icon, CheckCircleIcon, XIcon } from '../../icons/index.js';
-import { Button } from '../../ui/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function UploadSelfie() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "bg-bg-primary-alt relative w-[747px] rounded-xl pb-12 pt-4xl", children: [_jsx("button", { type: "button", className: "absolute right-4 top-4", onClick: () => context.setUploadingSelfie(false), children: _jsx(XIcon, { className: "text-text-quinary size-5" }) }), _jsx("h2", { className: "text-center text-xl font-semibold", children: "Take a Selfie Holding Your ID" }), _jsx("p", { className: "text-text-tertiary-600 mt-md text-center", children: "Make sure your face and ID are clearly visible, with no glare or blur." }), _jsx("div", { className: "mx-auto mt-10 h-[333px] w-[643px] rounded-xl bg-white/10" }), _jsxs("div", { className: "mx-auto mt-10 flex w-fit gap-3", children: [_jsxs(Button, { variant: "outline", fullWidth: false, children: [_jsx(Camera01Icon, {}), "Retake Photo"] }), _jsxs(Button, { fullWidth: false, children: [_jsx(CheckCircleIcon, {}), "Use Photo"] })] })] }));
-}

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

@@ -1,2 +0,0 @@
-export * from './KYC';
-export * from './KYCTrigger';

package/dist/components/KYC/index.js

@@ -1,2 +0,0 @@
-export * from './KYC.js';
-export * from './KYCTrigger.js';

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

@@ -1,14 +0,0 @@
-export interface UseKYCReturn extends ReturnType<typeof useKYC> {
-}
-type Step = 1 | 2 | 3;
-export declare function useKYC(): {
-    open: boolean;
-    setOpen: (value: boolean) => void;
-    step: Step;
-    setStep: (value: Step) => void;
-    uploadingSelfie: boolean;
-    setUploadingSelfie: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    uploadingDocument: boolean;
-    setUploadingDocument: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
-export {};

package/dist/components/KYC/useKYC.js

@@ -1,32 +0,0 @@
-import { useState } from 'react';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/index.js';
-export function useKYC() {
-    const [step, setStep_] = useState(1);
-    const [open, setOpen_] = useGlobalStore(useShallow((ctx) => [ctx.kyc.open, ctx.kyc.setOpen]));
-    const [uploadingSelfie, setUploadingSelfie] = useState(false);
-    const [uploadingDocument, setUploadingDocument] = useState(false);
-    function setOpen(value) {
-        setOpen_(value);
-        if (!value) {
-            setTimeout(() => {
-                setStep_(1);
-                setUploadingSelfie(false);
-                setUploadingDocument(false);
-            }, 1000);
-        }
-    }
-    function setStep(value) {
-        setStep_(value);
-    }
-    return {
-        open,
-        setOpen,
-        step,
-        setStep,
-        uploadingSelfie,
-        setUploadingSelfie,
-        uploadingDocument,
-        setUploadingDocument,
-    };
-}

package/dist/components/KYC/utils.js

@@ -1 +0,0 @@
-"use strict";

package/dist/components/Tournaments/TournamentItem.d.ts

@@ -1,5 +0,0 @@
-import type { Jackpot } from '@opexa/portal-sdk-core';
-export interface TournamentItemProps {
-    jackpot: Jackpot;
-}
-export declare function TournamentItem({ jackpot }: TournamentItemProps): import("react/jsx-runtime").JSX.Element;