@opexa/portal-components 0.0.243 → 0.0.245

package/package.json

@@ -1,165 +1,165 @@
-{
-  "name": "@opexa/portal-components",
-  "version": "0.0.243",
-  "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.d.ts",
-      "default": "./dist/handlers.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",
-    "lint": "next lint",
-    "release": "release-it"
-  },
-  "dependencies": {
-    "@ark-ui/react": "^5.14.2",
-    "@date-fns/tz": "^1.2.0",
-    "@next/third-parties": "^15.3.4",
-    "@tailwindcss/typography": "^0.5.16",
-    "@techstark/opencv-js": "4.11.0-release.1",
-    "date-fns": "^4.1.0",
-    "embla-carousel-autoplay": "^8.6.0",
-    "embla-carousel-react": "^8.6.0",
-    "face-api.js": "^0.22.2",
-    "is-mobile": "^5.0.0",
-    "lodash-es": "^4.17.21",
-    "react-image-file-resizer": "^0.4.8",
-    "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.5"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "3",
-    "@hookform/resolvers": "5.1.1",
-    "@opexa/object-id": "0.1.6",
-    "@tailwindcss/postcss": "4",
-    "@tanstack/react-query": "5.81.2",
-    "@tanstack/react-query-devtools": "5.81.2",
-    "@total-typescript/ts-reset": "0.6.1",
-    "@types/lodash-es": "4.17.12",
-    "@types/node": "24",
-    "@types/react": "19",
-    "@types/react-dom": "19",
-    "copy-files-from-to": "3.12.1",
-    "eslint": "9",
-    "eslint-config-next": "15.3.4",
-    "next": "15.4.0-canary.61",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-hook-form": "7.58.1",
-    "release-it": "19.0.3",
-    "tailwindcss": "4.1.10",
-    "tsc-alias": "1.8.16",
-    "typescript": "5",
-    "zod": "3.25.67"
-  },
-  "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": {
-      "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.245",
+  "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.d.ts",
+      "default": "./dist/handlers.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",
+    "lint": "next lint",
+    "release": "release-it"
+  },
+  "dependencies": {
+    "@ark-ui/react": "^5.16.0",
+    "@date-fns/tz": "^1.2.0",
+    "@mediapipe/tasks-vision": "0.10.22-rc.20250304",
+    "@next/third-parties": "^15.3.4",
+    "@tailwindcss/typography": "^0.5.16",
+    "date-fns": "^4.1.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "face-api.js": "^0.22.2",
+    "is-mobile": "^5.0.0",
+    "lodash-es": "^4.17.21",
+    "react-image-file-resizer": "^0.4.8",
+    "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": {
+    "@eslint/eslintrc": "3",
+    "@hookform/resolvers": "5.1.1",
+    "@opexa/object-id": "0.1.6",
+    "@tailwindcss/postcss": "4",
+    "@tanstack/react-query": "5.81.5",
+    "@tanstack/react-query-devtools": "5.81.5",
+    "@total-typescript/ts-reset": "0.6.1",
+    "@types/lodash-es": "4.17.12",
+    "@types/node": "24",
+    "@types/react": "19",
+    "@types/react-dom": "19",
+    "copy-files-from-to": "3.12.1",
+    "eslint": "9",
+    "eslint-config-next": "15.3.4",
+    "next": "15.4.0-canary.61",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-hook-form": "7.59.0",
+    "release-it": "19.0.3",
+    "tailwindcss": "4.1.11",
+    "tsc-alias": "1.8.16",
+    "typescript": "5",
+    "zod": "3.25.71"
+  },
+  "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": {
+      "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/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/backup/Header.d.ts

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

package/dist/components/KYC/backup/Header.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon } from '../../../icons/ChevronLeftIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { IconButton } from '../../../ui/IconButton/index.js';
-export function Header() {
-    return (_jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "bg-bg-primary-alt relative flex items-center gap-xl px-xl py-md lg:justify-center lg:bg-transparent lg:p-0", children: [_jsx(IconButton, { size: "2xs", variant: "outline", colorScheme: "gray", className: "lg:hidden", onClick: () => api.setOpen(false), children: _jsx(ChevronLeftIcon, {}) }), _jsx(Dialog.Title, { className: "text-lg font-semibold", children: "Personal Verification" }), _jsx("button", { type: "button", className: "text-text-quinary absolute right-0 top-1/2 hidden -translate-y-1/2 lg:block", onClick: () => api.setOpen(false), children: _jsx(XIcon, { className: "size-6" }) })] })) }));
-}

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

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

package/dist/components/KYC/backup/Indicator.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { noop } from 'lodash-es';
-import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
-import { Progress } from '../../../ui/Progress/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Indicator() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-xl grid grid-cols-[max-content_auto_auto] items-center px-xl lg:mt-md lg:px-0", children: [_jsxs("button", { className: "text-text-tertiary-600 flex items-center gap-sm text-sm font-semibold", children: [_jsx(ArrowLeftIcon, { className: "size-5" }), "Back"] }), _jsxs("div", { className: "flex justify-center gap-2", children: [_jsx(Progress.Root, { className: "w-[5.625rem] shrink-0", value: context.step >= 2 ? 100 : 50, onValueChange: noop, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-[5.625rem] shrink-0", value: context.step >= 3 ? 50 : 0, onValueChange: noop, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] })] }));
-}

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

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

package/dist/components/KYC/backup/KYC.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import dynamic from 'next/dynamic';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-const Component = dynamic(() => import('./KYC.lazy.js').then((m) => m.KYC), {
-    ssr: false,
-    loading: () => null,
-});
-export function KYC() {
-    const touched = useGlobalStore(useShallow((ctx) => ctx.kyc['~touched']));
-    if (touched)
-        return _jsx(Component, {});
-}

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

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

package/dist/components/KYC/backup/KYC.lazy.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-import { Header } from './Header.js';
-import { Indicator } from './Indicator.js';
-import { KYCContext } from './KYCContext.js';
-import { Step1 } from './Step1.js';
-import { Step2 } from './Step2.js';
-import { Step3 } from './Step3.js';
-import { Step4 } from './Step4.js';
-import { useKYC } from './useKYC.js';
-export function KYC() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
-    const context = useKYC();
-    return (_jsx(KYCContext, { value: context, children: _jsx(Dialog.Root, { open: globalStore.kyc.open, onOpenChange: (details) => {
-                globalStore.kyc.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: twMerge(context.step === 4 && 'flex items-center'), children: _jsxs(Dialog.Content, { className: twMerge(context.step < 4
-                                ? 'bg-bg-primary lg:bg-bg-primary-alt mx-auto h-full w-full lg:h-auto lg:w-[400px] lg:p-3xl'
-                                : 'mx-auto w-[25rem] max-w-[calc(100%-2rem)] p-3xl'), children: [context.step < 4 && _jsx(Header, {}), context.step < 4 && _jsx(Indicator, {}), context.step === 1 && _jsx(Step1, {}), context.step === 2 && _jsx(Step2, {}), context.step === 3 && _jsx(Step3, {}), context.step === 4 && _jsx(Step4, {})] }) })] }) }) }));
-}

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

@@ -1,6 +0,0 @@
-import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: (props: {
-    value: UseKYCReturn;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useKYCContext: () => UseKYCReturn;

package/dist/components/KYC/backup/KYCContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../../client/utils/createContext.js';
-export const [KYCContext, useKYCContext] = createContext();

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

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

package/dist/components/KYC/backup/Step1.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import uploadId from '../../../images/capture-id-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step1() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", 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"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { onClick: () => {
-                                    context.setStep(2);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

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

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

package/dist/components/KYC/backup/Step2.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import selfie from '../../../images/capture-selfie-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step2() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", 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"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { size: "sm", onClick: () => {
-                                    context.setStep(3);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

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

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

package/dist/components/KYC/backup/Step3.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Checkbox } from '../../../ui/Checkbox/index.js';
-import { Field } from '../../../ui/Field/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step3() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Enter your basic and work-related information" }), _jsxs("form", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", onSubmit: (e) => {
-                    e.preventDefault();
-                    context.setStep(4);
-                }, children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address" })] }), _jsxs(Checkbox.Root, { className: "mt-2xl", 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-sm", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality" })] }), _jsx(Button, { type: "submit", className: "mt-4xl", children: "Submit" })] })] }));
-}

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

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

package/dist/components/KYC/backup/Step4.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleIcon } from '../../../icons/CheckCircleIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-export function Step4() {
-    return (_jsxs("div", { 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("h2", { className: "mt-3 text-center", children: "Submission Successful" }), _jsx("p", { 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(Dialog.Context, { children: (api) => (_jsx(Button, { className: "mt-3xl", onClick: () => api.setOpen(false), children: "Ok" })) })] }));
-}

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

@@ -1,10 +0,0 @@
-type Step = 1 | 2 | 3 | 4;
-export interface UseKYCReturn {
-    step: Step;
-    setStep: (step: Step) => void;
-}
-export declare function useKYC(): {
-    step: Step;
-    setStep: import("react").Dispatch<import("react").SetStateAction<Step>>;
-};
-export {};

package/dist/components/KYC/backup/useKYC.js

@@ -1,8 +0,0 @@
-import { useState } from 'react';
-export function useKYC() {
-    const [step, setStep] = useState(1);
-    return {
-        step,
-        setStep,
-    };
-}

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

@@ -1 +0,0 @@
-export declare function loadFaceApiModels(): Promise<void>;

package/dist/components/KYC/loadModels.js

@@ -1,9 +0,0 @@
-import * as faceapi from 'face-api.js';
-export async function loadFaceApiModels() {
-    const MODEL_URL = '/models';
-    await Promise.all([
-        faceapi.nets.tinyFaceDetector.loadFromUri(MODEL_URL),
-        faceapi.nets.faceLandmark68Net.loadFromUri(MODEL_URL),
-        faceapi.nets.faceRecognitionNet.loadFromUri(MODEL_URL),
-    ]);
-}

package/dist/components/Messages/Message.d.ts

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