@solidxai/core-ui 0.1.7-beta.4 → 0.1.7-beta.6

package/dist/resources/shadcn-base.css

@@ -1024,6 +1024,53 @@ body {
   width: min(296px, calc(100vw - 32px));
 }
 
+.solid-field-delete-flow-dialog {
+  width: min(560px, calc(100vw - 32px));
+}
+
+.solid-field-delete-flow-head {
+  text-align: left;
+}
+
+.solid-field-delete-flow-body {
+  text-align: left;
+}
+
+.solid-field-delete-flow-intro {
+  margin-bottom: 12px;
+  font-size: 13px;
+  line-height: 1.55;
+  color: var(--foreground);
+}
+
+.solid-field-delete-flow-list {
+  margin: 0;
+  padding-left: 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  color: var(--foreground);
+}
+
+.solid-field-delete-flow-list li {
+  font-size: 13px;
+  line-height: 1.55;
+  font-weight: 500;
+}
+
+.solid-field-delete-flow-list li span {
+  display: block;
+  margin-top: 2px;
+  font-size: 12px;
+  line-height: 1.55;
+  font-weight: 400;
+  color: var(--muted-foreground);
+}
+
+.solid-field-delete-flow-actions {
+  justify-content: flex-end;
+}
+
 .solid-delete-confirm-dialog .solid-shadcn-dialog-head {
   padding: 9px 12px;
 }
@@ -1349,8 +1396,9 @@ body {
 .solid-autocomplete-trigger {
   position: absolute;
   right: 2px;
-  top: 2px;
-  height: calc(100% - 4px);
+  top: 50%;
+  transform: translateY(-50%);
+  height: 24px;
   width: 24px;
   min-width: 24px;
   border: 0;
@@ -1358,6 +1406,9 @@ body {
   background: transparent;
   color: color-mix(in srgb, var(--foreground) 65%, transparent);
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .solid-autocomplete-trigger:hover {
@@ -2228,7 +2279,11 @@ body {
 .solid-auth-brand.is-center {
   align-self: center;
 }
-
+.solid-auth-brand-logo img{
+  width:100%;
+  max-width: 125px;
+  align-items: center;
+}
 .solid-auth-brand-icon {
   width: 24px;
   height: 24px;
@@ -2909,15 +2964,15 @@ body {
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--solid-focus-ring) 60%, transparent);
 }
 
-.solid-auth-theme-wrapper .solid-auth-otp-input .solid-otp-input-field:nth-child(3),
+/* .solid-auth-theme-wrapper .solid-auth-otp-input .solid-otp-input-field:nth-child(3),
 .solid-auth-theme-wrapper .solid-auth-otp-input.p-inputotp .p-inputotp-input:nth-child(3) {
   margin-right: 10px;
 }
 
 .solid-auth-theme-wrapper .solid-auth-otp-input .solid-otp-input-field:nth-child(4),
 .solid-auth-theme-wrapper .solid-auth-otp-input.p-inputotp .p-inputotp-input:nth-child(4) {
-  margin-left: 10px;
-}
+  margin-right: 10px;
+} */
 
 .solid-auth-theme-wrapper .solid-auth-otp-input.is-invalid .solid-otp-input-field,
 .solid-auth-theme-wrapper .solid-auth-otp-input.p-inputotp.p-invalid .p-inputotp-input {
@@ -3251,6 +3306,90 @@ body {
   padding: 0 !important;
 }
 
+html.dark .solid-list-page-wrapper,
+[data-theme="dark"] .solid-list-page-wrapper {
+  background:
+    radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 10%, transparent), transparent 26%),
+    linear-gradient(180deg, color-mix(in srgb, var(--background) 98%, #020617 2%), color-mix(in srgb, var(--background) 94%, #020617 6%)) !important;
+}
+
+html.dark .solid-list-surface,
+[data-theme="dark"] .solid-list-surface {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, #0b1220 4%), color-mix(in srgb, var(--card) 90%, #020617 10%));
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  box-shadow:
+    0 18px 40px rgba(2, 6, 23, 0.42),
+    inset 0 1px 0 rgba(148, 163, 184, 0.04);
+}
+
+html.dark .solid-list-toolbar,
+[data-theme="dark"] .solid-list-toolbar {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 94%, #172554 6%), color-mix(in srgb, var(--card) 88%, #0b1220 12%));
+  border-bottom-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  box-shadow:
+    inset 0 -1px 0 rgba(15, 23, 42, 0.55),
+    0 10px 20px rgba(2, 6, 23, 0.18);
+}
+
+html.dark .solid-list-toolbar .view-title,
+[data-theme="dark"] .solid-list-toolbar .view-title {
+  color: color-mix(in srgb, var(--foreground) 94%, white 6%);
+  letter-spacing: -0.01em;
+}
+
+html.dark .solid-list-toolbar .solid-global-search-element,
+html.dark .solid-kanban-toolbar .solid-global-search-element,
+[data-theme="dark"] .solid-list-toolbar .solid-global-search-element,
+[data-theme="dark"] .solid-kanban-toolbar .solid-global-search-element {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: color-mix(in srgb, var(--background) 76%, var(--card) 24%);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-list-toolbar .solid-global-search-element input::placeholder,
+html.dark .solid-kanban-toolbar .solid-global-search-element input::placeholder,
+[data-theme="dark"] .solid-list-toolbar .solid-global-search-element input::placeholder,
+[data-theme="dark"] .solid-kanban-toolbar .solid-global-search-element input::placeholder {
+  color: color-mix(in srgb, var(--muted-foreground) 64%, transparent);
+}
+
+html.dark .solid-list-toolbar .p-button.p-button-secondary,
+html.dark .solid-list-toolbar .p-button.p-button-outlined,
+html.dark .solid-list-toolbar .solid-btn--secondary,
+html.dark .solid-list-toolbar .solid-btn--outline,
+html.dark .solid-list-toolbar .solid-icon-button,
+html.dark .solid-icon-button,
+html.dark .solid-list-toolbar .solid-header-cog-trigger,
+html.dark .solid-header-cog-trigger,
+[data-theme="dark"] .solid-list-toolbar .p-button.p-button-secondary,
+[data-theme="dark"] .solid-list-toolbar .p-button.p-button-outlined,
+[data-theme="dark"] .solid-list-toolbar .solid-btn--secondary,
+[data-theme="dark"] .solid-list-toolbar .solid-btn--outline,
+[data-theme="dark"] .solid-list-toolbar .solid-icon-button,
+[data-theme="dark"] .solid-icon-button,
+[data-theme="dark"] .solid-list-toolbar .solid-header-cog-trigger,
+[data-theme="dark"] .solid-header-cog-trigger {
+  background: color-mix(in srgb, var(--background) 72%, var(--card) 28%);
+  border-color: color-mix(in srgb, var(--border) 70%, #334155 30%);
+  color: color-mix(in srgb, var(--foreground) 88%, transparent);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-list-toolbar .solid-icon-button:hover,
+html.dark .solid-icon-button:hover,
+html.dark .solid-list-toolbar .solid-header-cog-trigger:hover,
+html.dark .solid-header-cog-trigger:hover,
+[data-theme="dark"] .solid-list-toolbar .solid-icon-button:hover,
+[data-theme="dark"] .solid-icon-button:hover,
+[data-theme="dark"] .solid-list-toolbar .solid-header-cog-trigger:hover,
+[data-theme="dark"] .solid-header-cog-trigger:hover {
+  background: color-mix(in srgb, var(--accent) 48%, #172554 22%);
+  border-color: color-mix(in srgb, var(--primary) 26%, var(--border) 74%);
+  color: var(--foreground);
+}
+
 /* === Solid Notebook (Tabs 11 underline style) === */
 .solid-notebook-tablist {
   display: flex;
@@ -3259,6 +3398,10 @@ body {
   gap: 0;
 }
 
+.chatter-section .solid-locale-tabs-list {
+  padding-left: 2.7rem;
+}
+
 .solid-notebook-tab-trigger {
   position: relative;
   padding: 9px 14px;
@@ -3551,6 +3694,162 @@ body {
   cursor: not-allowed;
 }
 
+html.dark .solid-list-table-area,
+[data-theme="dark"] .solid-list-table-area {
+  padding: 0 10px 10px;
+}
+
+html.dark .solid-data-table-viewport,
+[data-theme="dark"] .solid-data-table-viewport {
+  border-radius: 0 0 12px 12px;
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 90%, #0b1220 10%), color-mix(in srgb, var(--card) 84%, #020617 16%));
+}
+
+html.dark .solid-data-table-head,
+[data-theme="dark"] .solid-data-table-head {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, #172554 4%), color-mix(in srgb, var(--card) 88%, #0b1220 12%));
+  backdrop-filter: blur(10px);
+  box-shadow:
+    inset 0 -1px 0 color-mix(in srgb, var(--border) 70%, #334155 30%),
+    0 8px 18px rgba(2, 6, 23, 0.2);
+}
+
+html.dark .solid-data-table-th,
+[data-theme="dark"] .solid-data-table-th {
+  color: color-mix(in srgb, var(--foreground) 85%, white 15%);
+  border-bottom-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+}
+
+html.dark .solid-table-header-button,
+[data-theme="dark"] .solid-table-header-button {
+  color: color-mix(in srgb, var(--foreground) 84%, transparent);
+}
+
+html.dark .solid-table-header-button.is-sortable:hover,
+[data-theme="dark"] .solid-table-header-button.is-sortable:hover {
+  color: color-mix(in srgb, var(--foreground) 96%, white 4%);
+}
+
+html.dark .solid-data-table-td,
+[data-theme="dark"] .solid-data-table-td {
+  color: color-mix(in srgb, var(--foreground) 90%, #dbeafe 10%);
+}
+
+html.dark .solid-data-table-row,
+[data-theme="dark"] .solid-data-table-row {
+  border-top-color: color-mix(in srgb, var(--border) 62%, #334155 38%);
+}
+
+html.dark .solid-data-table-row:nth-child(even),
+[data-theme="dark"] .solid-data-table-row:nth-child(even) {
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+}
+
+html.dark .solid-data-table-row:hover,
+[data-theme="dark"] .solid-data-table-row:hover {
+  background: color-mix(in srgb, var(--accent) 34%, #1e293b 18%);
+}
+
+html.dark .solid-data-table-row:has(input[type="checkbox"]:checked),
+[data-theme="dark"] .solid-data-table-row:has(input[type="checkbox"]:checked) {
+  background: color-mix(in srgb, var(--primary) 10%, var(--accent) 24%);
+  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--primary) 86%, white 14%);
+}
+
+html.dark .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger),
+[data-theme="dark"] .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger) {
+  color: color-mix(in srgb, var(--primary) 68%, var(--foreground) 32%);
+  text-decoration: none;
+  transition: color 120ms ease, opacity 120ms ease;
+}
+
+html.dark .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger):hover,
+[data-theme="dark"] .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger):hover {
+  color: color-mix(in srgb, var(--primary) 82%, white 18%);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"],
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"] {
+  appearance: none;
+  border: 1px solid color-mix(in srgb, var(--border) 66%, #475569 34%);
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--background) 70%, var(--card) 30%);
+  display: inline-grid;
+  place-items: center;
+  margin: 0;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
+  transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]::before,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  transform: scale(0);
+  transition: transform 120ms ease;
+  clip-path: polygon(14% 44%, 0 59%, 41% 100%, 100% 20%, 84% 6%, 38% 62%);
+  background: var(--primary-foreground);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:hover,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:hover {
+  border-color: color-mix(in srgb, var(--primary) 34%, var(--border) 66%);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:focus-visible,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 34%, transparent);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:checked,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:checked {
+  background: color-mix(in srgb, var(--primary) 88%, #93c5fd 12%);
+  border-color: color-mix(in srgb, var(--primary) 72%, white 28%);
+  box-shadow:
+    0 0 0 3px color-mix(in srgb, var(--ring) 26%, transparent),
+    inset 0 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:checked::before,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:checked::before {
+  transform: scale(1);
+}
+
+html.dark .solid-table-paginator,
+[data-theme="dark"] .solid-table-paginator {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 90%, #0b1220 10%), color-mix(in srgb, var(--card) 84%, #020617 16%));
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%) !important;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-paginator-label,
+html.dark .solid-paginator-report,
+[data-theme="dark"] .solid-paginator-label,
+[data-theme="dark"] .solid-paginator-report {
+  color: color-mix(in srgb, var(--foreground) 72%, transparent);
+}
+
+html.dark .solid-paginator-select,
+html.dark .solid-paginator-btn,
+[data-theme="dark"] .solid-paginator-select,
+[data-theme="dark"] .solid-paginator-btn {
+  background: color-mix(in srgb, var(--background) 74%, var(--card) 26%);
+  border-color: color-mix(in srgb, var(--border) 70%, #334155 30%);
+  color: color-mix(in srgb, var(--foreground) 88%, transparent);
+}
+
+html.dark .solid-paginator-btn:hover:not(:disabled),
+[data-theme="dark"] .solid-paginator-btn:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--accent) 46%, #172554 20%);
+  border-color: color-mix(in srgb, var(--primary) 26%, var(--border) 74%);
+  color: var(--foreground);
+}
+
 .solid-treetable-wrapper {
   position: relative;
   height: 100%;
@@ -5715,6 +6014,33 @@ body {
   padding: 12px;
 }
 
+.solid-form-layout-group,
+.solid-form-layout-row,
+.solid-form-layout-column {
+  min-width: 0;
+}
+
+.solid-form-layout-label {
+  margin: 0 0 0.9rem;
+  display: flex;
+  align-items: center;
+  gap: 0.8rem;
+  font-size: 14px;
+  line-height: 1.3;
+  font-weight: 650;
+  color: var(--solid-form-title, color-mix(in srgb, var(--foreground) 88%, var(--muted-foreground) 12%));
+  letter-spacing: -0.015em;
+}
+
+.solid-form-layout-label::after {
+  content: "";
+  flex: 1;
+  min-width: 1.5rem;
+  height: 1px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--border) 82%, transparent);
+}
+
 .solid-message {
   display: inline-flex;
   align-items: center;
@@ -6017,4 +6343,4 @@ body {
 .solid-segmented-item.is-disabled {
   opacity: 0.5;
   cursor: not-allowed;
-}
+}

package/dist/resources/solid-responsive.css

@@ -76,13 +76,13 @@
 
     .chatter-section.open {
         position: absolute;
-        right: 0;
+        right: 12px;
         top: 0;
-        width: 380px !important;
+        width: 320px !important;
         height: 100%;
         z-index: 99;
-        background-color: #fff;
-        border-left: 1px solid var(--primary-light-color);
+        background-color: transparent;
+        border-left: none;
         max-width: calc(100% - 100px);
     }
 
@@ -185,7 +185,7 @@
     /* ===================== Chatter Section ===================== */
 
     .chatter-section.open {
-        width: 330px;
+        width: 320px;
     }
 
     .solid-common-dialog {
@@ -381,7 +381,7 @@
     }
 
     .chatter-section.collapsed {
-        width: 40px !important;
+        width: 32px !important;
     }
 
 

package/dist/resources/themes/solid-dark-purple/theme.css

@@ -50,7 +50,7 @@
   --solid-light-grey: #161616;
   --solid-stepper-border: rgba(216, 226, 234, 0.08);
   --solid-dark-title: #FFFFFF;
-  --solid-dropzone-bg: rgba(216, 226, 234, 0.08);
+  --solid-dropzone-bg: rgba(255, 255, 255, 0.03);
   --solid-file-wrapper: rgba(216, 226, 234, 0.08);
   --solid-chatter-dash: rgba(216, 226, 234, 0.08);
   --solid-chatter-date-border: rgba(216, 226, 234, 0.08);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.7-beta.4",
+  "version": "0.1.7-beta.6",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",

package/dist/components/auth/SolidOTPVerify.d.ts

@@ -1,3 +0,0 @@
-declare const SolidOTPVerify: () => import("react/jsx-runtime").JSX.Element;
-export default SolidOTPVerify;
-//# sourceMappingURL=SolidOTPVerify.d.ts.map

package/dist/components/auth/SolidOTPVerify.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidOTPVerify.d.ts","sourceRoot":"./","sources":["components/auth/SolidOTPVerify.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,cAAc,+CAmHnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/auth/SolidOTPVerify.js

@@ -1,67 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Form, Formik } from "formik";
-import { signIn } from "next-auth/react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { Button } from "primereact/button";
-import { InputOtp } from "primereact/inputotp";
-import { Message } from "primereact/message";
-import { Toast } from "primereact/toast";
-import { useRef, useState } from "react";
-import * as Yup from "yup";
-import { useSelector } from "react-redux";
-import Image from "next/image";
-import SolidLogo from '../../resources/images/SolidXLogo.svg';
-import { ERROR_MESSAGES } from "../../constants/error-messages";
-const SolidOTPVerify = () => {
-    // const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
-    // useEffect(() => {
-    //     trigger("") // Fetch settings on mount
-    // }, [trigger])
-    const solidSettingsData = useSelector((state) => state.settingsState?.solidSettings);
-    const [otp, setOTP] = useState();
-    const toast = useRef(null);
-    const router = useRouter();
-    const [password, setPassword] = useState('');
-    const [checked, setChecked] = useState(false);
-    const validationSchema = Yup.object({
-        email: Yup.string()
-            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
-    });
-    const showToast = (severity, summary, detail) => {
-        toast.current?.show({
-            severity,
-            summary,
-            detail,
-            ...(severity === "error"
-                ? { sticky: true } // stays until user closes
-                : { life: 3000 }),
-        });
-    };
-    const isFormFieldValid = (formik, fieldName) => formik.touched[fieldName] && formik.errors[fieldName];
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: `auth-container ${solidSettingsData?.authPagesLayout === 'center' ? 'center' : 'side'}`, style: { minWidth: 480 }, children: [solidSettingsData?.authPagesLayout === 'center' &&
-                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: `solid-logo flex align-items-center ${solidSettingsData?.appLogoPosition}`, children: _jsx(Image, { alt: "solid logo", src: solidSettingsData?.appLogo || SolidLogo, className: "relative", fill: true }) }) }), _jsx("h2", { className: `solid-auth-title ${solidSettingsData?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`, children: "OTP Verification" }), _jsx("p", { className: "solid-auth-subtitle text-sm", children: "Please enter the OTP sent to your email to complete verification" }), _jsx(_Fragment, { children: _jsx(Formik, { initialValues: {
-                                email: "",
-                                password: "",
-                            }, validationSchema: validationSchema, onSubmit: async (values) => {
-                                // Handle form submission
-                                const email = values.email;
-                                const password = values.password;
-                                const response = await signIn("credentials", {
-                                    redirect: false,
-                                    email,
-                                    password,
-                                });
-                                if (response?.error) {
-                                    showToast("error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
-                                }
-                                else {
-                                    showToast("success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
-                                    router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);
-                                }
-                            }, children: (formik) => (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-column gap-2 px-3", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: "Enter OTP" }), _jsx(InputOtp, { value: otp, onChange: (e) => setOTP(e.value), length: 6, style: { width: '100%' } }), isFormFieldValid(formik, "email") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: formik?.errors?.email?.toString() }), _jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx(Button, { type: "button", icon: 'pi pi-refresh', iconPos: "left", link: true, label: "Resend Code", className: "px-0 text-sm font-normal" }), _jsx("p", { className: "m-0 text-sm text-color", children: "Time left: 00:28" })] })] }), _jsx("div", { className: "mt-4", children: _jsx(Button, { type: "submit", className: "w-full font-light auth-submit-button", label: "Verify", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] })) }) })] }), _jsx("div", { className: "text-center mt-5", children: _jsxs("div", { className: "text-sm text-400 secondary-dark-color", children: ['<', " Back to ", _jsx(Link, { className: "font-bold", href: "/auth/login", children: "Sign In" })] }) })] }));
-};
-export default SolidOTPVerify;
-//# sourceMappingURL=SolidOTPVerify.js.map

package/dist/components/auth/SolidOTPVerify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidOTPVerify.js","sourceRoot":"./","sources":["components/auth/SolidOTPVerify.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport { Form, Formik } from \"formik\";\nimport { signIn } from \"next-auth/react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { Button } from \"primereact/button\";\nimport { InputOtp } from \"primereact/inputotp\";\nimport { Message } from \"primereact/message\";\nimport { Toast } from \"primereact/toast\";\nimport { useRef, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { useSelector } from \"react-redux\";\nimport Image from \"next/image\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\n\nconst SolidOTPVerify = () => {\n\n    // const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();\n    // useEffect(() => {\n    //     trigger(\"\") // Fetch settings on mount\n    // }, [trigger])\n\n    const solidSettingsData = useSelector((state: any) => state.settingsState?.solidSettings);\n\n    const [otp, setOTP] = useState<number | any>();\n\n    const toast = useRef<Toast>(null);\n    const router = useRouter();\n\n    const [password, setPassword] = useState('');\n    const [checked, setChecked] = useState<boolean>(false);\n\n    const validationSchema = Yup.object({\n        email: Yup.string()\n            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n    });\n\n    const showToast = (severity: \"success\" | \"error\", summary: string, detail: string) => {\n        toast.current?.show({\n            severity,\n            summary,\n            detail,\n            ...(severity === \"error\"\n                ? { sticky: true }            // stays until user closes\n                : { life: 3000 }),\n        });\n    };\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <>\n            <Toast ref={toast} />\n            <div className={`auth-container ${solidSettingsData?.authPagesLayout === 'center' ? 'center' : 'side'}`} style={{ minWidth: 480 }}>\n                {solidSettingsData?.authPagesLayout === 'center' &&\n                    <div className=\"flex justify-content-center\">\n                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.appLogoPosition}`}>\n                            <Image\n                                alt=\"solid logo\"\n                                src={solidSettingsData?.appLogo || SolidLogo}\n                                className=\"relative\"\n                                fill\n                            />\n                        </div>\n                    </div>\n                }\n                <h2 className={`solid-auth-title ${solidSettingsData?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>OTP Verification</h2>\n                <p className=\"solid-auth-subtitle text-sm\">\n                    Please enter the OTP sent to your email to complete verification\n                </p>\n                <>\n                    <Formik\n                        initialValues={{\n                            email: \"\",\n                            password: \"\",\n                        }}\n                        validationSchema={validationSchema}\n                        onSubmit={async (values) => {\n                            // Handle form submission\n                            const email = values.email;\n                            const password = values.password;\n\n                            const response = await signIn(\"credentials\", {\n                                redirect: false,\n                                email,\n                                password,\n                            });\n                            if (response?.error) {\n                                showToast(\"error\", ERROR_MESSAGES.LOGIN_ERROR, response.error);\n                            } else {\n                                showToast(\"success\", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);\n                                router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);\n                            }\n\n                        }}\n                    >\n                        {(formik) => (\n                            <Form>\n                                <div className=\"flex flex-column gap-2 px-3\">\n                                    <label htmlFor=\"email\" className=\"solid-auth-input-label\">Enter OTP</label>\n                                    <InputOtp value={otp} onChange={(e) => setOTP(e.value)} length={6} style={{ width: '100%' }} />\n                                    {isFormFieldValid(formik, \"email\") && <Message\n                                        className=\"text-red-500 text-sm\"\n                                        severity=\"error\"\n                                        text={formik?.errors?.email?.toString()}\n                                    />}\n                                    <div className=\"flex align-items-center justify-content-between\">\n                                        <Button type=\"button\" icon='pi pi-refresh' iconPos=\"left\" link label=\"Resend Code\" className=\"px-0 text-sm font-normal\" />\n                                        <p className=\"m-0 text-sm text-color\">\n                                            Time left: 00:28\n                                        </p>\n                                    </div>\n                                </div>\n                                <div className=\"mt-4\">\n                                    <Button type=\"submit\" className=\"w-full font-light auth-submit-button\" label=\"Verify\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                                </div>\n                            </Form>\n                        )}\n                    </Formik>\n                </>\n            </div>\n            <div className=\"text-center mt-5\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div>\n        </>\n    );\n};\n\nexport default SolidOTPVerify;"]}