@sikka/hawa 0.31.0-next → 0.31.2-next

package/dist/blocks/auth/index.d.mts

@@ -213,10 +213,15 @@ type NewPasswordTypes = {
     handleRouteToRegister: () => void;
     isLoading: boolean;
     direction?: DirectionType;
-    headless?: boolean;
     allowRegister?: boolean;
-    passwordChanged: any;
+    showSuccess: boolean;
     texts: NewPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -229,6 +234,12 @@ type ResetPasswordType = {
     allowRegister?: boolean;
     direction?: DirectionType;
     texts?: ResetPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 

package/dist/blocks/auth/index.d.ts

@@ -213,10 +213,15 @@ type NewPasswordTypes = {
     handleRouteToRegister: () => void;
     isLoading: boolean;
     direction?: DirectionType;
-    headless?: boolean;
     allowRegister?: boolean;
-    passwordChanged: any;
+    showSuccess: boolean;
     texts: NewPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -229,6 +234,12 @@ type ResetPasswordType = {
     allowRegister?: boolean;
     direction?: DirectionType;
     texts?: ResetPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 

package/dist/blocks/auth/index.js

@@ -3528,7 +3528,7 @@ var LoginForm = ({
         props.cardless && "!hawa-border-none !hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react13.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(CardContent, { headless: true, noPadding: props.cardless, className: "hawa-bg-red-400" }, props.showError && /* @__PURE__ */ import_react13.default.createElement(
       Alert,
       {
         direction: props.direction,
@@ -4203,7 +4203,7 @@ var NewPasswordForm = ({
   isLoading,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
     confirm_password: z3.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
@@ -4216,8 +4216,7 @@ var NewPasswordForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
     resolver: (0, import_zod3.zodResolver)(formSchema)
   });
-  const [matchError, setMatchError] = (0, import_react18.useState)(false);
-  return /* @__PURE__ */ import_react18.default.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ import_react18.default.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react18.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4231,65 +4230,63 @@ var NewPasswordForm = ({
         }
       })
     },
-    !props.headless && /* @__PURE__ */ import_react18.default.createElement(CardHeader, null, /* @__PURE__ */ import_react18.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react18.default.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ import_react18.default.createElement(
-      CardContent,
+    /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react18.default.createElement(
+      Alert,
       {
-        headless: props.headless,
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ import_react18.default.createElement(
-        import_react_hook_form3.Controller,
-        {
-          control,
-          name: "password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react18.default.createElement(
-              Input,
-              {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
-                placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-                helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                ...field
-              }
-            );
-          }
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react18.default.createElement(
+      import_react_hook_form3.Controller,
+      {
+        control,
+        name: "password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ import_react18.default.createElement(
+            Input,
+            {
+              width: "full",
+              type: "password",
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+              ...field
+            }
+          );
         }
-      ),
-      /* @__PURE__ */ import_react18.default.createElement(
-        import_react_hook_form3.Controller,
-        {
-          control,
-          name: "confirm_password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react18.default.createElement(
-              Input,
-              {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
-                placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
-                helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-                ...field
-              }
-            );
-          }
+      }
+    ), /* @__PURE__ */ import_react18.default.createElement(
+      import_react_hook_form3.Controller,
+      {
+        control,
+        name: "confirm_password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ import_react18.default.createElement(
+            Input,
+            {
+              width: "full",
+              type: "password",
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+              ...field
+            }
+          );
         }
-      )
-    ),
-    /* @__PURE__ */ import_react18.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react18.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ import_react18.default.createElement(
+      }
+    )), /* @__PURE__ */ import_react18.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react18.default.createElement(
       "span",
       {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
       },
-      (_i = texts == null ? void 0 : texts.registerText) != null ? _i : "Register"
+      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
     )))
   ));
 };
@@ -4325,7 +4322,15 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react19.default.createElement(
+      Alert,
+      {
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react19.default.createElement(
       import_react_hook_form4.Controller,
       {
         control,

package/dist/blocks/auth/index.mjs

@@ -2631,7 +2631,7 @@ var LoginForm = ({
         props.cardless && "!hawa-border-none !hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React5.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React5.createElement(CardContent, { headless: true, noPadding: props.cardless, className: "hawa-bg-red-400" }, props.showError && /* @__PURE__ */ React5.createElement(
       Alert,
       {
         direction: props.direction,
@@ -3288,7 +3288,7 @@ var CheckEmail = ({ texts, handleResend }) => {
 };
 
 // blocks/auth/NewPassword.tsx
-import React10, { useState as useState5 } from "react";
+import React10 from "react";
 import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
@@ -3297,7 +3297,7 @@ var NewPasswordForm = ({
   isLoading,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
     confirm_password: z3.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
@@ -3310,8 +3310,7 @@ var NewPasswordForm = ({
   const { handleSubmit, control, formState } = useForm3({
     resolver: zodResolver3(formSchema)
   });
-  const [matchError, setMatchError] = useState5(false);
-  return /* @__PURE__ */ React10.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React10.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React10.createElement(CardContent, { headless: true }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React10.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ React10.createElement(CardContent, { headless: true }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React10.createElement(
     "form",
     {
       noValidate: true,
@@ -3325,65 +3324,63 @@ var NewPasswordForm = ({
         }
       })
     },
-    !props.headless && /* @__PURE__ */ React10.createElement(CardHeader, null, /* @__PURE__ */ React10.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React10.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ React10.createElement(
-      CardContent,
+    /* @__PURE__ */ React10.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ React10.createElement(
+      Alert,
       {
-        headless: props.headless,
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ React10.createElement(
-        Controller3,
-        {
-          control,
-          name: "password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React10.createElement(
-              Input,
-              {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
-                placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-                helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                ...field
-              }
-            );
-          }
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ React10.createElement(
+      Controller3,
+      {
+        control,
+        name: "password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React10.createElement(
+            Input,
+            {
+              width: "full",
+              type: "password",
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+              ...field
+            }
+          );
         }
-      ),
-      /* @__PURE__ */ React10.createElement(
-        Controller3,
-        {
-          control,
-          name: "confirm_password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React10.createElement(
-              Input,
-              {
-                width: "full",
-                type: "password",
-                autoComplete: "new-password",
-                label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
-                placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
-                helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-                ...field
-              }
-            );
-          }
+      }
+    ), /* @__PURE__ */ React10.createElement(
+      Controller3,
+      {
+        control,
+        name: "confirm_password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React10.createElement(
+            Input,
+            {
+              width: "full",
+              type: "password",
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+              ...field
+            }
+          );
         }
-      )
-    ),
-    /* @__PURE__ */ React10.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React10.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React10.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React10.createElement(
+      }
+    )), /* @__PURE__ */ React10.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React10.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ React10.createElement(
       "span",
       {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
       },
-      (_i = texts == null ? void 0 : texts.registerText) != null ? _i : "Register"
+      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
     )))
   ));
 };
@@ -3419,7 +3416,15 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ React11.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React11.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ React11.createElement(
+      Alert,
+      {
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React11.createElement(
       Controller4,
       {
         control,
@@ -3459,13 +3464,13 @@ var ResetPasswordForm = ({
 };
 
 // blocks/auth/CodeConfirmation.tsx
-import React13, { useEffect as useEffect4, useState as useState7 } from "react";
+import React13, { useEffect as useEffect4, useState as useState6 } from "react";
 import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import * as z5 from "zod";
 
 // elements/pinInput/PinInput.tsx
-import React12, { useEffect as useEffect3, useState as useState6 } from "react";
+import React12, { useEffect as useEffect3, useState as useState5 } from "react";
 var PinInput = ({
   label,
   icon,
@@ -3475,7 +3480,7 @@ var PinInput = ({
   inputProps,
   ...props
 }) => {
-  const [pin, setPin] = useState6(Array.from(Array(digits)));
+  const [pin, setPin] = useState5(Array.from(Array(digits)));
   const handleKeyDown = (e, index) => {
     let backTo = 0;
     if (e.key === "Backspace") {
@@ -3556,9 +3561,9 @@ var CodeConfirmation = (props) => {
   const { handleSubmit, control, formState, setValue } = useForm5({
     resolver: zodResolver5(formSchema)
   });
-  const [resendTimer, setResendTimer] = useState7(null);
-  const [remainingTime, setRemainingTime] = useState7(0);
-  const [showResendTimer, setShowResendTimer] = useState7(false);
+  const [resendTimer, setResendTimer] = useState6(null);
+  const [remainingTime, setRemainingTime] = useState6(0);
+  const [showResendTimer, setShowResendTimer] = useState6(false);
   const startResendTimer = () => {
     if (resendTimer !== null) {
       clearInterval(resendTimer);

package/dist/blocks/index.d.mts

@@ -204,10 +204,15 @@ type NewPasswordTypes = {
     handleRouteToRegister: () => void;
     isLoading: boolean;
     direction?: DirectionType;
-    headless?: boolean;
     allowRegister?: boolean;
-    passwordChanged: any;
+    showSuccess: boolean;
     texts: NewPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -220,6 +225,12 @@ type ResetPasswordType = {
     allowRegister?: boolean;
     direction?: DirectionType;
     texts?: ResetPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 

package/dist/blocks/index.d.ts

@@ -204,10 +204,15 @@ type NewPasswordTypes = {
     handleRouteToRegister: () => void;
     isLoading: boolean;
     direction?: DirectionType;
-    headless?: boolean;
     allowRegister?: boolean;
-    passwordChanged: any;
+    showSuccess: boolean;
     texts: NewPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -220,6 +225,12 @@ type ResetPasswordType = {
     allowRegister?: boolean;
     direction?: DirectionType;
     texts?: ResetPasswordTextsTypes;
+    /** If true, an error alert is displayed at the top of the form.   */
+    showError?: boolean;
+    /** Title text of error alert.   */
+    errorTitle?: string;
+    /** Description text of error alert.   */
+    errorText?: string;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;