@opexa/portal-components 0.0.287 → 0.0.289

package/package.json

@@ -1,163 +1,163 @@
-{
-  "name": "@opexa/portal-components",
-  "version": "0.0.287",
-  "exports": {
-    "./ui/*": {
-      "types": "./dist/ui/*/index.d.ts",
-      "default": "./dist/ui/*/index.js"
-    },
-    "./utils/*": {
-      "types": "./dist/utils/*.d.ts",
-      "import": "./dist/utils/*.js"
-    },
-    "./types": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/types/index.js"
-    },
-    "./handlers": {
-      "types": "./dist/handlers/index.d.ts",
-      "default": "./dist/handlers/index.js"
-    },
-    "./middleware": {
-      "types": "./dist/middleware.d.ts",
-      "default": "./dist/middleware.js"
-    },
-    "./constants": {
-      "types": "./dist/constants/index.d.ts",
-      "default": "./dist/constants/index.js"
-    },
-    "./services/*": {
-      "types": "./dist/services/*.d.ts",
-      "default": "./dist/services/*.js"
-    },
-    "./client-utils/*": {
-      "types": "./dist/client/utils/*.d.ts",
-      "default": "./dist/client/utils/*.js"
-    },
-    "./client-hooks/*": {
-      "types": "./dist/client/hooks/*.d.ts",
-      "default": "./dist/client/hooks/*.js"
-    },
-    "./client-services/*": {
-      "types": "./dist/client/services/*.d.ts",
-      "default": "./dist/client/services/*.js"
-    },
-    "./server-utils/*": {
-      "types": "./dist/server/utils/*.d.ts",
-      "default": "./dist/server/utils/*.js"
-    },
-    "./server-services/*": {
-      "types": "./dist/server/services/*.d.ts",
-      "default": "./dist/server/services/*.js"
-    },
-    "./next.config": {
-      "types": "./dist/next.config.d.ts",
-      "default": "./dist/next.config.js"
-    },
-    "./theme.css": "./dist/styles/theme.css",
-    "./*": {
-      "types": "./dist/components/*/index.d.ts",
-      "default": "./dist/components/*/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "!dist/tsconfig.tsbuildinfo",
-    "!dist/tsconfig.build.tsbuildinfo"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "next dev --port 4000",
-    "build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
-    "build:app": "next build",
-    "start": "next start",
-    "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",
-    "is-mobile": "^5.0.0",
-    "lodash-es": "^4.17.21",
-    "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.116",
-    "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
-  }
-}
+{
+  "name": "@opexa/portal-components",
+  "version": "0.0.289",
+  "exports": {
+    "./ui/*": {
+      "types": "./dist/ui/*/index.d.ts",
+      "default": "./dist/ui/*/index.js"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js"
+    },
+    "./handlers": {
+      "types": "./dist/handlers/index.d.ts",
+      "default": "./dist/handlers/index.js"
+    },
+    "./middleware": {
+      "types": "./dist/middleware.d.ts",
+      "default": "./dist/middleware.js"
+    },
+    "./constants": {
+      "types": "./dist/constants/index.d.ts",
+      "default": "./dist/constants/index.js"
+    },
+    "./services/*": {
+      "types": "./dist/services/*.d.ts",
+      "default": "./dist/services/*.js"
+    },
+    "./client-utils/*": {
+      "types": "./dist/client/utils/*.d.ts",
+      "default": "./dist/client/utils/*.js"
+    },
+    "./client-hooks/*": {
+      "types": "./dist/client/hooks/*.d.ts",
+      "default": "./dist/client/hooks/*.js"
+    },
+    "./client-services/*": {
+      "types": "./dist/client/services/*.d.ts",
+      "default": "./dist/client/services/*.js"
+    },
+    "./server-utils/*": {
+      "types": "./dist/server/utils/*.d.ts",
+      "default": "./dist/server/utils/*.js"
+    },
+    "./server-services/*": {
+      "types": "./dist/server/services/*.d.ts",
+      "default": "./dist/server/services/*.js"
+    },
+    "./next.config": {
+      "types": "./dist/next.config.d.ts",
+      "default": "./dist/next.config.js"
+    },
+    "./theme.css": "./dist/styles/theme.css",
+    "./*": {
+      "types": "./dist/components/*/index.d.ts",
+      "default": "./dist/components/*/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "!dist/tsconfig.build.tsbuildinfo"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "next dev --port 4000",
+    "build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json && copy-files-from-to",
+    "build:app": "next build",
+    "start": "next start",
+    "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",
+    "is-mobile": "^5.0.0",
+    "lodash-es": "^4.17.21",
+    "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.116",
+    "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/SignUp/SignUpPagcor/CaptureIdDocument.d.ts

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

package/dist/components/SignUp/SignUpPagcor/CaptureIdDocument.js

@@ -1,198 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
-import { Camera01Icon } from '../../../icons/Camera01Icon.js';
-import { CheckCircleIcon } from '../../../icons/CheckCircleIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-import { dataURLtoBlob, resizeFile } from '../../KYC/utils.js';
-import { useSignUpPagcorPropsContext } from './SignUpPagcorContext.js';
-export function CaptureIdDocument() {
-    const props = useSignUpPagcorPropsContext();
-    const [videoStream, setVideoStream] = useState(null);
-    const [cameraError, setCameraError] = useState(null);
-    const [isLoading, setIsLoading] = useState(false);
-    const [selectedImage, setSelectedImage] = useState(null);
-    const [captureInProgress, setCaptureInProgress] = useState(false);
-    const [proccessImageCanvas, setProccessImageCanvas] = useState(null);
-    const videoElement = useRef(null);
-    const containerRef = useRef(null);
-    function stopCamera() {
-        if (videoStream) {
-            videoStream.getTracks().forEach((track) => track.stop());
-            setVideoStream(null);
-        }
-    }
-    useEffect(() => {
-        return () => {
-            stopCamera();
-        };
-    }, [videoStream]);
-    async function startCamera() {
-        try {
-            setIsLoading(true);
-            setCameraError(null);
-            setCaptureInProgress(true);
-            console.log('Starting camera...');
-            const stream = await navigator.mediaDevices.getUserMedia({
-                video: {
-                    facingMode: 'environment',
-                    aspectRatio: 16 / 9,
-                    width: { ideal: 1920, max: 1920 },
-                    height: { ideal: 1080, max: 1080 },
-                    frameRate: {
-                        ideal: 30,
-                        max: 60,
-                    },
-                },
-                audio: false,
-            });
-            // Set the stream directly to the video element
-            if (videoElement.current) {
-                videoElement.current.srcObject = stream;
-                videoElement.current.onloadedmetadata = () => {
-                    console.log('Video metadata loaded, starting playback...');
-                    videoElement.current
-                        ?.play()
-                        .then(() => {
-                        setVideoStream(stream);
-                        setIsLoading(false);
-                    })
-                        .catch(() => {
-                        setCameraError('Failed to start camera stream. Please try again.');
-                        setIsLoading(false);
-                        // Stop the stream if playback fails
-                        stream.getTracks().forEach((track) => track.stop());
-                    });
-                };
-                videoElement.current.onerror = (err) => {
-                    console.error('Video element error:', err);
-                    setCameraError('Video playback error. Please try again.');
-                    setIsLoading(false);
-                    stream.getTracks().forEach((track) => track.stop());
-                };
-            }
-            else {
-                console.error('Video element not available');
-                setCameraError('Camera initialization failed. Please try again.');
-                setCaptureInProgress(false);
-                setIsLoading(false);
-                stream.getTracks().forEach((track) => track.stop());
-            }
-        }
-        catch (error) {
-            setIsLoading(false);
-            if (error instanceof DOMException) {
-                console.error('Error accessing camera:', error.message);
-                setCameraError(error.message);
-            }
-            else {
-                console.error('Unknown error accessing camera:', error);
-                setCameraError('An unknown error occurred. Please check permissions and try again.');
-            }
-            setCaptureInProgress(false);
-        }
-    }
-    function captureAndProcessImage() {
-        if (!videoElement.current || !videoStream) {
-            console.error('Video element or stream not available for capture');
-            return;
-        }
-        try {
-            const canvas = document.createElement('canvas');
-            const parentDiv = document.getElementById('parent');
-            canvas.width = parentDiv?.clientWidth || videoElement.current.width;
-            canvas.height = parentDiv?.clientHeight || videoElement.current.height;
-            const ctx = canvas.getContext('2d');
-            if (!ctx) {
-                console.error('Could not get 2D context for canvas');
-                setCameraError('Failed to process image. Please try again.');
-                setCaptureInProgress(false);
-                return;
-            }
-            ctx.drawImage(videoElement.current, 0, 0, canvas.width, canvas.height);
-            const imageSrc = canvas.toDataURL('image/png', 1.0);
-            setSelectedImage({ src: imageSrc });
-            setCaptureInProgress(false);
-            stopCamera();
-            const newImg = document.createElement('img');
-            newImg.src = imageSrc;
-            //@ts-expect-error jscanify is not typed
-            const scanner = new jscanify();
-            newImg.onload = () => {
-                try {
-                    if (containerRef.current) {
-                        // containerRef.current.innerHTML = '';
-                        const paperWidth = parentDiv?.clientWidth || videoElement.current?.videoWidth;
-                        const paperHeight = parentDiv?.clientHeight || videoElement.current?.videoHeight;
-                        //@ts-expect-error jscanify is not typed
-                        const contour = scanner.findPaperContour(cv.imread(newImg));
-                        const cornerPoints = scanner.getCornerPoints(contour);
-                        const resultCanvas = scanner.extractPaper(newImg, paperWidth, paperHeight, cornerPoints);
-                        newImg.className =
-                            'absolute inset-0 m-auto w-full h-auto md:max-h-[333px] md:max-w-[643px] aspect-video rounded-lg object-contain';
-                        setProccessImageCanvas(resultCanvas);
-                        containerRef.current.appendChild(resultCanvas);
-                        setCaptureInProgress(false);
-                        setSelectedImage({ src: resultCanvas.toDataURL('image/png') });
-                    }
-                }
-                catch (error) {
-                    console.error('Error processing image:', error);
-                    setCameraError('Failed to process image. Please try again.');
-                }
-            };
-            newImg.onerror = () => {
-                console.error('Error loading image');
-                setCameraError('Failed to load image. Please try again.');
-            };
-        }
-        catch (error) {
-            console.error('Error capturing image:', error);
-            setCameraError('Failed to capture image. Please try again.');
-            setCaptureInProgress(false);
-        }
-    }
-    async function uploadPhoto() {
-        if (!proccessImageCanvas) {
-            console.error('Failed to process the image. Please try again.');
-            return;
-        }
-        const blob = proccessImageCanvas.toDataURL('image/png', 1.0);
-        const processedBlob = dataURLtoBlob(blob);
-        const img = new File([processedBlob], 'frontImage', { type: 'image/jpeg' });
-        const resizedImage = (await resizeFile(img));
-        if (resizedImage) {
-            props.setFrontImage(resizedImage);
-            props.setCapturing(null);
-            stopCamera();
-        }
-    }
-    function retakePhoto() {
-        setSelectedImage(null);
-        setCaptureInProgress(true);
-        setCameraError(null);
-        if (containerRef.current) {
-            const canvas = containerRef.current.querySelector('canvas');
-            if (canvas) {
-                canvas.width = canvas.width;
-            }
-            containerRef.current.innerHTML = '';
-        }
-        if (videoElement.current) {
-            videoElement.current.play();
-        }
-        startCamera();
-    }
-    return (_jsx(Dialog.Root, { open: props.capturing === 'ID_DOCUMENT', lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsx(Dialog.Content, { className: twMerge('bg-bg-primary-alt mx-auto h-full w-full items-start p-3xl pb-4xl lg:h-auto lg:w-fit lg:rounded-xl', props.className), children: _jsxs("div", { className: "w-full p-4 lg:w-[640px] lg:px-12 lg:py-4xl", children: [_jsxs("button", { type: "button", className: "flex items-center gap-lg lg:absolute lg:right-5 lg:top-5 lg:p-md", onClick: () => {
-                                        stopCamera();
-                                        props.setCapturing(null);
-                                    }, children: [_jsx(XIcon, { className: "text-text-senary-300 hidden size-5 lg:block" }), _jsx(ArrowLeftIcon, { className: "text-text-senary-300 size-5 lg:hidden" }), _jsx("span", { className: "text-lg font-semibold lg:hidden", children: "Back" })] }), _jsx(Dialog.Title, { className: "mt-6 text-center text-lg font-semibold lg:mt-0", children: "Take a Picture of Your Front ID" }), _jsxs(Dialog.Description, { className: "lg:max-w-auto text-text-tertiary-600 mx-auto mt-sm max-w-[19rem] text-center text-sm lg:max-w-full", children: ["Make sure your ID is clearly visible, well-lit, and not blurry.", _jsx("br", { className: "hidden lg:block" }), " Avoid glare or reflections, and ensure all corners are within the frame."] }), _jsx("div", { id: "parent", className: "border-border-disabled mt-6 aspect-video rounded-xl border bg-black lg:mt-8", children: cameraError ? (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-red-500 mb-2 text-sm", children: "Camera Error" }), _jsx("p", { className: "text-gray-400 text-xs", children: cameraError })] }) })) : captureInProgress ? (_jsxs("div", { className: "relative flex h-fit w-full flex-col items-center justify-center", children: [_jsx("video", { ref: videoElement, autoPlay: true, muted: true, playsInline: true, className: "relative h-[60vh] w-full rounded-lg object-cover md:aspect-video md:max-h-[333px]", width: "100%", height: "100%" }), _jsxs("div", { className: "pointer-events-none absolute inset-0 z-50", children: [_jsx("div", { className: twMerge('absolute inset-0 w-full bg-black/60 backdrop-blur-sm [clip-path:polygon(0%_0%,0%_100%,calc(50%-158px)_100%,calc(50%-158px)_calc(50%-100px),calc(50%+158px)_calc(50%-100px),calc(50%+158px)_calc(50%+100px),calc(50%-158px)_calc(50%+100px),calc(50%-158px)_100%,100%_100%,100%_0%)] md:[clip-path:polygon(0%_0%,0%_100%,calc(50%-225px)_100%,calc(50%-225px)_calc(50%-142px),calc(50%+225px)_calc(50%-142px),calc(50%+225px)_calc(50%+142px),calc(50%-225px)_calc(50%+142px),calc(50%-225px)_100%,100%_100%,100%_0%)]') }), _jsx("div", { className: "absolute inset-0 z-[60] mx-auto flex items-center justify-center", children: _jsx("div", { className: "relative aspect-[1011/638] h-[200px] md:h-[295px] md:w-[450px]", children: _jsx("div", { className: "h-full w-full rounded-lg border-4 border-dashed border-[#B54708]" }) }) })] })] })) : (_jsx("div", { ref: containerRef, className: "relative grid h-full w-full place-items-center rounded-lg object-contain md:max-h-[333px]" })) }), cameraError ? (_jsx("div", { className: "mt-4 text-center", children: _jsx(Button, { className: "mx-auto px-xl lg:w-fit", onClick: () => {
-                                            setCameraError(null);
-                                            startCamera();
-                                        }, children: "Try Again" }) })) : captureInProgress ? (_jsxs(Button, { className: "disabled:bg-bg-disabled disabled:text-text-disabled mx-auto mt-6 px-xl disabled:opacity-100 lg:mt-8 lg:w-fit", onClick: captureAndProcessImage, children: ["Capture Image", _jsx(Camera01Icon, { className: "size-5" })] })) : selectedImage && selectedImage.src ? (_jsxs("div", { className: "mt-4 flex flex-col items-center justify-center gap-2 md:flex-row", children: [_jsxs(Button, { className: "lg:w-fit", type: "button", onClick: retakePhoto, children: ["Retake Photo ", _jsx(Camera01Icon, { className: "ml-1" })] }), _jsxs(Button, { className: "lg:w-fit", type: "button", onClick: uploadPhoto, children: ["Use Photo ", _jsx(CheckCircleIcon, { className: "ml-1" })] })] })) : (_jsxs(Button, { className: "disabled:bg-bg-disabled disabled:text-text-disabled mx-auto mt-6 px-xl disabled:opacity-100 lg:mt-8 lg:w-fit", onClick: startCamera, disabled: isLoading || !!videoStream, children: [isLoading ? 'Starting Camera...' : 'Start Camera', _jsx(Camera01Icon, { className: "size-5" })] }))] }) }) })] }) }));
-}

package/dist/components/SignUp/SignUpPagcor/CaptureSelfie.d.ts

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