// dashboard.tsximport react from "react";import { card, cardheader, cardtitle, cardcontent } from "@/components/ui/card";import { button } from "@/components/ui/button";import { fausercircle, falock, facode, fachartbar, fasignoutalt } from 'react-icons/fa';interface dashboardprops {  useremail: string;  onlogout: () => void;}const dashboard: react.fc = ({ useremail, onlogout }) => {  return (    
                        
            welcome to faceio            
email: {useremail}
          
                       logout                                    
you have successfully logged in.
                    
facial authentication for the web
      
                                             secure & easy                                            
cross-browser, secure & easy to implement. passwordless authentication sdks powered by face recognition for web sites & apps.
                                                               privacy-focused                                            
your facial data is encrypted and securely stored. we prioritize user privacy and data protection.
                                                               developer-friendly                                            
easy integration with clear documentation. get started quickly and implement facial authentication in your projects.
                                                               analytics & insights                                            
gain valuable insights into user authentication patterns and improve your applications security.
                        
      
                  get started →                          integration guide →                          faceio console →              
                        
ready to implement facial authentication in your project?
          
check out our documentation and start securing your application today!
                  
  );};export default dashboard;

/* eslint-disable react-hooks/exhaustive-deps */"use client";import {  card,  cardcontent,  carddescription,  cardfooter,  cardheader,  cardtitle,} from "@/components/ui/card";import { terminal } from "lucide-react";import { mailicon, checkcircleicon } from "lucide-react";import { alert, alertdescription, alerttitle } from "@/components/ui/alert";import { input } from "@/components/ui/input";import { label } from "@/components/ui/label";import { button } from "./ui/button";import faceio from "@faceio/fiojs";import { useeffect, useref, usestate } from "react";import link from "next/link";import { toast } from "sonner";import dashboard from "./dashboard";type props = {};const login: react.fc = ({}) => {  const faceioref = useref(null);  const [email, setemail] = usestate("");  const [userlogin, setuserlogin] = usestate("");  const [isloggedin, setisloggedin] = usestate(false);  const publickey = process.env.next_public_faceio_public_id as string;  const initialisefaceio = async () => {    try {      faceioref.current = new faceio(publickey);      console.log("faceio initialized successfully");    } catch (error) {      console.log(error);      handleerror(error);    }  };  useeffect(() => {    initialisefaceio();  }, []);  const handleregister = async () => {    try {      if (!faceioref.current) {        console.error("faceio instance is not initialized");        return;      }      await faceioref.current?.enroll({        userconsent: false,        locale: "auto",        payload: { email: `${email}` },      });      toast.success("successfully registered user.");    } catch (error) {      handleerror(error);      faceioref.current?.restartsession();    }  };  const handlelogin = async () => {    try {      const authenticate = await faceioref.current?.authenticate();      console.log("user authenticated successfully:", authenticate);      setuserlogin(authenticate.payload.email);      setisloggedin(true);      toast.success("successfully logged in.");    } catch (error) {      console.log(error);      handleerror(error);    }  };  const handlelogout = () => {    setisloggedin(false);    setuserlogin("");    toast.success("successfully logged out.");  };  function handleerror(errcode: any) {    const fioerrs = faceioref.current?.fetchallerrorcodes()!;    switch (errcode) {      case fioerrs.permission_refused:        toast.info("access to the camera stream was denied by the end user");        break;      case fioerrs.no_faces_detected:        toast.info(          "no faces were detected during the enroll or authentication process"        );        break;      case fioerrs.unrecognized_face:        toast.info("unrecognized face on this application's facial index");        break;      case fioerrs.many_faces:        toast.info("two or more faces were detected during the scan process");        break;      case fioerrs.face_duplication:        toast.info(          "user enrolled previously (facial features already recorded). cannot enroll again!"        );        break;      case fioerrs.minors_not_allowed:        toast.info("minors are not allowed to enroll on this application!");        break;      case fioerrs.pad_attack:        toast.info(          "presentation (spoof) attack (pad) detected during the scan process"        );        break;      case fioerrs.face_mismatch:        toast.info(          "calculated facial vectors of the user being enrolled do not matches"        );        break;      case fioerrs.wrong_pin_code:        toast.info("wrong pin code supplied by the user being authenticated");        break;      case fioerrs.processing_err:        toast.info("server side error");        break;      case fioerrs.unauthorized:        toast.info(          "your application is not allowed to perform the requested operation (eg. invalid id, blocked, paused, etc.). refer to the faceio console for additional information"        );        break;      case fioerrs.terms_not_accepted:        toast.info(          "terms & conditions set out by faceio/host application rejected by the end user"        );        break;      case fioerrs.ui_not_ready:        toast.info(          "the faceio widget could not be (or is being) injected onto the client dom"        );        break;      case fioerrs.session_expired:        toast.info(          "client session expired. the first promise was already fulfilled but the host application failed to act accordingly"        );        break;      case fioerrs.timeout:        toast.info(          "ongoing operation timed out (eg, camera access permission, tos accept delay, face not yet detected, server reply, etc.)"        );        break;      case fioerrs.too_many_requests:        toast.info(          "widget instantiation requests exceeded for freemium applications. does not apply for upgraded applications"        );        break;      case fioerrs.empty_origin:        toast.info("origin or referer http request header is empty or missing");        break;      case fioerrs.forbiddden_origin:        toast.info("domain origin is forbidden from instantiating fio.js");        break;      case fioerrs.forbiddden_country:        toast.info(          "country iso-3166-1 code is forbidden from instantiating fio.js"        );        break;      case fioerrs.session_in_progress:        toast.info(          "another authentication or enrollment session is in progress"        );        break;      case fioerrs.network_io:      default:        toast.info(          "error while establishing network connection with the target faceio processing node"        );        break;    }  }  if (isloggedin) {    return ;  }  return (    
                                    secure workspace                                authenticate to access your personalized work environment                                    
                          work email                         setemail(e.target.value)}            />          
          
                          access workspace                                      register new account                      
                          
            protected by faceio™ technology.                          learn about our security measures                      
                    {userlogin && !isloggedin && (        
          
            
                          
            
              
workspace access granted
              
logged in as: {userlogin}
            
          
        
      )}    
  );};export default login;

import { buttonVariants } from "@/components/ui/button";import { cn } from "@/lib/utils";import Link from "next/link";import { FaUserShield, FaImage, FaCode, FaRobot } from 'react-icons/fa';export default function Home() {  const demos = [    { title: "FACIO Web Authentication", href: "/faceio", icon: FaUserShield },    { title: "Image Processing", href: "/imageprocessing", icon: FaImage },    { title: "Code Generation", href: "/codegeneration", icon: FaCode },    { title: "AI Assistant", href: "/aiassistant", icon: FaRobot },  ];  return (    
      
        
          PixLab Faceio        
        
          Explore cutting-edge technologies and innovative solutions        
        
          {demos.map((demo, index) => (                                        {demo.title}                      ))}        
        
          
Why Choose PixLab?
          
            
✨ Cutting-edge technologies
            
? High-performance solutions
            
? Advanced security features
            
? Seamless integrations
          
        
              
    
  );}