@opexa/portal-components 0.0.656 → 0.0.658

package/dist/components/AgentSignIn/AgentSignIn.d.ts

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

package/dist/components/AgentSignIn/AgentSignIn.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image, {} from 'next/image';
+import { AgentSignInForm } from './AgentSignInForm.js';
+export function AgentSignIn(props) {
+    return (_jsx("div", { className: "flex min-h-dvh max-w-full justify-center py-[180px] pb-6 dark:[background:linear-gradient(180deg,#0E1C23_0%,#0B1116_100%)]", children: _jsxs("div", { className: "flex max-w-full flex-col items-center", children: [_jsx(Image, { src: props.logo, alt: "", width: 300, height: 75, priority: true, className: "mx-auto h-auto w-[18.438rem]" }), _jsx("h1", { className: "mt-14 font-semibold text-3xl", children: "Agent Console" }), _jsx("p", { className: "mt-3", children: "Welcome back! Please enter your details." }), _jsx("div", { className: "mt-14 w-[360px] max-w-full", children: _jsx(AgentSignInForm, {}) })] }) }));
+}

package/dist/components/AgentSignIn/AgentSignInForm.d.ts

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

package/dist/components/AgentSignIn/AgentSignInForm.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { EyeIcon } from '../../icons/EyeIcon.js';
+import { EyeOffIcon } from '../../icons/EyeOffIcon.js';
+import { Button } from '../../ui/Button/index.js';
+import { Field } from '../../ui/Field/index.js';
+import { PasswordInput } from '../../ui/PasswordInput/index.js';
+const schema = z.object({
+    username: z.string().trim().min(1, 'Username is required'),
+    password: z.string().trim().min(1, 'Password is required'),
+});
+export function AgentSignInForm() {
+    const form = useForm({
+        resolver: zodResolver(schema),
+        shouldUnregister: true,
+        shouldFocusError: true,
+        defaultValues: {
+            username: '',
+            password: '',
+        },
+    });
+    return (_jsxs("form", { noValidate: true, onSubmit: form.handleSubmit(async (data) => {
+            console.log(data);
+        }), children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.username, children: [_jsx(Field.Label, { children: "Username" }), _jsx(Field.Input, { placeholder: "Enter your username", ...form.register('username') }), _jsx(Field.ErrorText, { children: form.formState.errors.username?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.password, className: "mt-5", children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { placeholder: "Enter your password", ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsx(Button, { type: "submit", disabled: form.formState.isSubmitting, className: "mt-14 w-full justify-center", children: "Login" })] }));
+}

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

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

package/dist/components/AgentSignIn/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.656",
+	"version": "0.0.658",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",