@sikka/hawa 0.31.0-next → 0.31.2-next

package/dist/blocks/index.js

@@ -3685,7 +3685,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,
@@ -4360,7 +4360,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 !== "", {
@@ -4373,8 +4373,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,
@@ -4388,65 +4387,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"
     )))
   ));
 };
@@ -4482,7 +4479,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/index.mjs

@@ -391,7 +391,7 @@ var LoginForm = ({
         props.cardless && "!hawa-border-none !hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React2.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React2.createElement(CardContent, { headless: true, noPadding: props.cardless, className: "hawa-bg-red-400" }, props.showError && /* @__PURE__ */ React2.createElement(
       Alert,
       {
         direction: props.direction,
@@ -910,7 +910,7 @@ var CheckEmail = ({ texts, handleResend }) => {
 };
 
 // blocks/auth/NewPassword.tsx
-import React6, { useState as useState3 } from "react";
+import React6 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";
@@ -919,7 +919,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 !== "", {
@@ -932,8 +932,7 @@ var NewPasswordForm = ({
   const { handleSubmit, control, formState } = useForm3({
     resolver: zodResolver3(formSchema)
   });
-  const [matchError, setMatchError] = useState3(false);
-  return /* @__PURE__ */ React6.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React6.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React6.createElement(CardContent, { headless: true }, /* @__PURE__ */ React6.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React6.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ React6.createElement(CardContent, { headless: true }, /* @__PURE__ */ React6.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React6.createElement(
     "form",
     {
       noValidate: true,
@@ -947,65 +946,63 @@ var NewPasswordForm = ({
         }
       })
     },
-    !props.headless && /* @__PURE__ */ React6.createElement(CardHeader, null, /* @__PURE__ */ React6.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React6.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ React6.createElement(
-      CardContent,
+    /* @__PURE__ */ React6.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ React6.createElement(
+      Alert,
       {
-        headless: props.headless,
-        className: "hawa-flex hawa-flex-col hawa-gap-4"
-      },
-      /* @__PURE__ */ React6.createElement(
-        Controller3,
-        {
-          control,
-          name: "password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ React6.createElement(
+      Controller3,
+      {
+        control,
+        name: "password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React6.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__ */ React6.createElement(
-        Controller3,
-        {
-          control,
-          name: "confirm_password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ React6.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__ */ React6.createElement(
+      Controller3,
+      {
+        control,
+        name: "confirm_password",
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React6.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__ */ React6.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React6.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React6.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__ */ React6.createElement(
+      }
+    )), /* @__PURE__ */ React6.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React6.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__ */ React6.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"
     )))
   ));
 };
@@ -1041,7 +1038,15 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ React7.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ React7.createElement(
+      Alert,
+      {
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React7.createElement(
       Controller4,
       {
         control,
@@ -1081,7 +1086,7 @@ var ResetPasswordForm = ({
 };
 
 // blocks/auth/CodeConfirmation.tsx
-import React8, { useEffect, useState as useState4 } from "react";
+import React8, { useEffect, useState as useState3 } 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";
@@ -1093,9 +1098,9 @@ var CodeConfirmation = (props) => {
   const { handleSubmit, control, formState, setValue } = useForm5({
     resolver: zodResolver5(formSchema)
   });
-  const [resendTimer, setResendTimer] = useState4(null);
-  const [remainingTime, setRemainingTime] = useState4(0);
-  const [showResendTimer, setShowResendTimer] = useState4(false);
+  const [resendTimer, setResendTimer] = useState3(null);
+  const [remainingTime, setRemainingTime] = useState3(0);
+  const [showResendTimer, setShowResendTimer] = useState3(false);
   const startResendTimer = () => {
     if (resendTimer !== null) {
       clearInterval(resendTimer);
@@ -1180,7 +1185,7 @@ var CodeConfirmation = (props) => {
 };
 
 // blocks/feedback/UserReferralSource.tsx
-import React9, { useRef, useState as useState5 } from "react";
+import React9, { useRef, useState as useState4 } from "react";
 import { Controller as Controller6, useForm as useForm6 } from "react-hook-form";
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import * as z6 from "zod";
@@ -1190,7 +1195,7 @@ var UserReferralSource = ({
   ...props
 }) => {
   var _a, _b;
-  const [closed, setClosed] = useState5(false);
+  const [closed, setClosed] = useState4(false);
   const popUpRef = useRef(null);
   const formSchema = z6.object({
     source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
@@ -1338,15 +1343,15 @@ var UserReferralSource = ({
 };
 
 // blocks/feedback/FeedbackRating.tsx
-import React10, { useEffect as useEffect2, useRef as useRef2, useState as useState6 } from "react";
+import React10, { useEffect as useEffect2, useRef as useRef2, useState as useState5 } from "react";
 var FeedbackRating = ({
   position = "bottom-right",
   ...props
 }) => {
-  const [closed, setClosed] = useState6(false);
-  const [answered, setAnswered] = useState6(false);
-  const [clickedOption, setClickedOption] = useState6(null);
-  const [closingTimer, setClosingTimer] = useState6(5);
+  const [closed, setClosed] = useState5(false);
+  const [answered, setAnswered] = useState5(false);
+  const [clickedOption, setClickedOption] = useState5(null);
+  const [closingTimer, setClosingTimer] = useState5(5);
   const popUpRef = useRef2(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4",
@@ -1452,12 +1457,12 @@ var FeedbackRating = ({
 };
 
 // blocks/feedback/FeedbackEmoji.tsx
-import React11, { useState as useState7 } from "react";
+import React11, { useState as useState6 } from "react";
 var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = useState7(null);
-  const [loadingSubmit, setLoadingSubmit] = useState7(false);
-  const [feedbackText, setFeedbackText] = useState7("");
-  const [helperText, setHelperText] = useState7(false);
+  const [selectedEmoji, setSelectedEmoji] = useState6(null);
+  const [loadingSubmit, setLoadingSubmit] = useState6(false);
+  const [feedbackText, setFeedbackText] = useState6("");
+  const [helperText, setHelperText] = useState6(false);
   let emojis = [
     { icon: /* @__PURE__ */ React11.createElement(VeryGoodEmoji, null), value: "very-good" },
     { icon: /* @__PURE__ */ React11.createElement(GoodEmoji, null), value: "good" },
@@ -2020,9 +2025,9 @@ var ContactForm = ({
 import React26 from "react";
 
 // blocks/cards/ActionCard.tsx
-import React21, { useState as useState8 } from "react";
+import React21, { useState as useState7 } from "react";
 var ActionCard = (props) => {
-  const [hovered, setHovered] = useState8(false);
+  const [hovered, setHovered] = useState7(false);
   return /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React21.createElement(
     "div",
     {
@@ -2059,13 +2064,13 @@ var ActionCard = (props) => {
 };
 
 // blocks/cards/AdCard.tsx
-import React22, { useState as useState9, useEffect as useEffect3, useRef as useRef3 } from "react";
+import React22, { useState as useState8, useEffect as useEffect3, useRef as useRef3 } from "react";
 var AdCard = ({
   orientation = "vertical",
   ...props
 }) => {
   const adRef = useRef3(null);
-  const [closed, setClosed] = useState9(false);
+  const [closed, setClosed] = useState8(false);
   let duration = 0;
   useEffect3(() => {
     if (duration) {
@@ -2255,7 +2260,7 @@ var PricingCard = ({
 };
 
 // blocks/cards/ItemCard.tsx
-import React24, { useEffect as useEffect4, useState as useState10 } from "react";
+import React24, { useEffect as useEffect4, useState as useState9 } from "react";
 var ItemCard = ({
   actions,
   counts,
@@ -2284,7 +2289,7 @@ var ItemCard = ({
     )
   };
   let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
-  const [openActionHeader, setOpenActionHeader] = useState10(false);
+  const [openActionHeader, setOpenActionHeader] = useState9(false);
   function handleOpenActionHeader(e) {
     e.stopPropagation();
     setOpenActionHeader(!openActionHeader);
@@ -2616,9 +2621,9 @@ var ComparingPlans = (props) => {
 };
 
 // blocks/pricing/HorizontalPricing.tsx
-import React28, { useState as useState11 } from "react";
+import React28, { useState as useState10 } from "react";
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = useState11("");
+  const [selectedCard, setSelectedCard] = useState10("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },

package/dist/index.d.mts

@@ -1683,10 +1683,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>;
 
@@ -1699,6 +1704,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/index.d.ts

@@ -1683,10 +1683,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>;
 
@@ -1699,6 +1704,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>;