@sikka/hawa 0.10.25-next → 0.10.27-next

package/README.md

@@ -52,9 +52,9 @@
 
 ## Install
 
-**Note:** Current npm tags 👇 
+**Note:** Current npm tags 👇
 
-`@beta` is archived. 
+`@beta` is archived.
 
 `@next` only points to pre-releases.
 
@@ -70,6 +70,21 @@ npm install @sikka/hawa
 
 To contribute, clone this github repository and run the development server
 
+```js
+// To preview the components
+npm run storybook
+// To run the landing pages
+npm run dev
+```
+To build the library to /dist
+```
+npm run build-lib
+```
+To generate /dist/index.css
+```
+npm run build-css
+```
+
 </br>
 
 ![Alt](https://repobeats.axiom.co/api/embed/0aa365b7bd1591de135582699d523de7b262eecb.svg "Repobeats analytics image")

package/dist/index.d.mts

@@ -1058,32 +1058,24 @@ type RegisterFormTypes = {
     texts: {
         fullNameLabel: string;
         fullNamePlaceholder: string;
-        fullNameRequiredText: string;
         emailLabel: string;
         emailPlaceholder: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
+        emailRequired: string;
+        emailInvalid: string;
         usernameLabel: string;
         usernamePlaceholder: string;
         usernameInvalid: string;
         usernameRequired: string;
         passwordLabel: string;
         passwordPlaceholder: string;
-        passwordRequiredText: string;
-        passwordTooShortText: string;
+        passwordRequired: string;
+        passwordTooShort: string;
         passwordsDontMatch: string;
         confirmPasswordLabel: string;
         confirmPasswordPlaceholder: string;
         confirmPasswordRequired: string;
         subscribeToNewsletter: string;
-        forgotPasswordText: string;
-        termsText: string;
-        iAcceptText: string;
-        termsRequiredText: string;
-        newUserText: string;
-        registerText: string;
-        loginText: string;
-        existingUserText: string;
+        termsRequired: string;
         registerViaGoogleLabel: string;
         registerViaGithubLabel: string;
         registerViaTwitterLabel: string;
@@ -1091,6 +1083,11 @@ type RegisterFormTypes = {
         refCodePlaceholder: string;
         userReferenceLabel: string;
         userReferencePlaceholder: string;
+        existingUserText: string;
+        termsText: string;
+        iAcceptText: string;
+        registerText: string;
+        loginText: string;
     };
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
@@ -1142,8 +1139,10 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
+    handleRouteToRegister: () => void;
     direction?: "rtl" | "ltr";
     headless?: boolean;
+    allowRegister?: boolean;
     passwordChanged: any;
     texts: {
         updatePassword: string;
@@ -1156,6 +1155,8 @@ type NewPasswordTypes = {
         confirmPasswordPlaceholder: string;
         confirmPasswordLabel: string;
         confirmPasswordRequired: string;
+        dontHaveAccount?: string;
+        registerText?: string;
     };
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
@@ -1164,18 +1165,21 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    headless?: boolean;
+    allowRegister?: boolean;
+    direction?: "rtl" | "ltr";
     texts?: {
         emailLabel: string;
         emailPlaceholder: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
+        emailRequired: string;
+        emailInvalid: string;
         emailSentText: string;
-        resetPassword: string;
         registerText: string;
+        resetPassword: string;
         dontHaveAccount: string;
+        headTitle?: string;
+        headDescription?: string;
     };
-    headless?: boolean;
-    direction?: "rtl" | "ltr";
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 

package/dist/index.d.ts

@@ -1058,32 +1058,24 @@ type RegisterFormTypes = {
     texts: {
         fullNameLabel: string;
         fullNamePlaceholder: string;
-        fullNameRequiredText: string;
         emailLabel: string;
         emailPlaceholder: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
+        emailRequired: string;
+        emailInvalid: string;
         usernameLabel: string;
         usernamePlaceholder: string;
         usernameInvalid: string;
         usernameRequired: string;
         passwordLabel: string;
         passwordPlaceholder: string;
-        passwordRequiredText: string;
-        passwordTooShortText: string;
+        passwordRequired: string;
+        passwordTooShort: string;
         passwordsDontMatch: string;
         confirmPasswordLabel: string;
         confirmPasswordPlaceholder: string;
         confirmPasswordRequired: string;
         subscribeToNewsletter: string;
-        forgotPasswordText: string;
-        termsText: string;
-        iAcceptText: string;
-        termsRequiredText: string;
-        newUserText: string;
-        registerText: string;
-        loginText: string;
-        existingUserText: string;
+        termsRequired: string;
         registerViaGoogleLabel: string;
         registerViaGithubLabel: string;
         registerViaTwitterLabel: string;
@@ -1091,6 +1083,11 @@ type RegisterFormTypes = {
         refCodePlaceholder: string;
         userReferenceLabel: string;
         userReferencePlaceholder: string;
+        existingUserText: string;
+        termsText: string;
+        iAcceptText: string;
+        registerText: string;
+        loginText: string;
     };
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
@@ -1142,8 +1139,10 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
+    handleRouteToRegister: () => void;
     direction?: "rtl" | "ltr";
     headless?: boolean;
+    allowRegister?: boolean;
     passwordChanged: any;
     texts: {
         updatePassword: string;
@@ -1156,6 +1155,8 @@ type NewPasswordTypes = {
         confirmPasswordPlaceholder: string;
         confirmPasswordLabel: string;
         confirmPasswordRequired: string;
+        dontHaveAccount?: string;
+        registerText?: string;
     };
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
@@ -1164,18 +1165,21 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    headless?: boolean;
+    allowRegister?: boolean;
+    direction?: "rtl" | "ltr";
     texts?: {
         emailLabel: string;
         emailPlaceholder: string;
-        emailRequiredText: string;
-        emailInvalidText: string;
+        emailRequired: string;
+        emailInvalid: string;
         emailSentText: string;
-        resetPassword: string;
         registerText: string;
+        resetPassword: string;
         dontHaveAccount: string;
+        headTitle?: string;
+        headDescription?: string;
     };
-    headless?: boolean;
-    direction?: "rtl" | "ltr";
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 

package/dist/index.js

@@ -7171,11 +7171,11 @@ var RegisterForm = function(_param) {
                 break;
             case "email":
                 fieldSchemas["email"] = z2.string({
-                    required_error: texts === null || texts === void 0 ? void 0 : texts.emailRequiredText
+                    required_error: texts === null || texts === void 0 ? void 0 : texts.emailRequired
                 }).email({
-                    message: texts === null || texts === void 0 ? void 0 : texts.emailInvalidText
+                    message: texts === null || texts === void 0 ? void 0 : texts.emailInvalid
                 }).min(1, {
-                    message: texts === null || texts === void 0 ? void 0 : texts.emailRequiredText
+                    message: texts === null || texts === void 0 ? void 0 : texts.emailRequired
                 });
                 break;
             case "username":
@@ -7194,29 +7194,29 @@ var RegisterForm = function(_param) {
     });
     var formSchema = z2.object(_object_spread_props(_object_spread({}, fieldSchemas), {
         password: z2.string({
-            required_error: texts === null || texts === void 0 ? void 0 : texts.passwordRequiredText
+            required_error: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
         }).min(5, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordTooShortText
+            message: texts === null || texts === void 0 ? void 0 : texts.passwordTooShort
         }).refine(function(value) {
             return value !== "";
         }, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequiredText
+            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
         }),
         confirm_password: z2.string({
             required_error: texts === null || texts === void 0 ? void 0 : texts.confirmPasswordRequired
         }).refine(function(value) {
             return value !== "";
         }, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequiredText
+            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
         }),
         refCode: z2.string().optional(),
         reference: z2.string().optional(),
         terms_accepted: z2.boolean({
-            required_error: texts === null || texts === void 0 ? void 0 : texts.termsRequiredText
+            required_error: texts === null || texts === void 0 ? void 0 : texts.termsRequired
         }).refine(function(value) {
             return value;
         }, {
-            message: texts === null || texts === void 0 ? void 0 : texts.termsRequiredText
+            message: texts === null || texts === void 0 ? void 0 : texts.termsRequired
         }),
         newsletter_accepted: z2.boolean().optional()
     })).refine(function(data) {
@@ -7623,6 +7623,7 @@ var NewPasswordForm = function(_param) {
         resolver: (0, import_zod3.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     var _ref1 = _sliced_to_array((0, import_react42.useState)(false), 2), matchError = _ref1[0], setMatchError = _ref1[1];
+    var _texts_dontHaveAccount, _texts_registerText;
     return /* @__PURE__ */ import_react42.default.createElement(Card, {
         dir: props.direction
     }, matchError && /* @__PURE__ */ import_react42.default.createElement(Alert, {
@@ -7673,10 +7674,17 @@ var NewPasswordForm = function(_param) {
                 helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
             }, field));
         }
-    })), /* @__PURE__ */ import_react42.default.createElement(CardFooter, null, /* @__PURE__ */ import_react42.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react42.default.createElement(CardFooter, {
+        className: "hawa-flex hawa-flex-col"
+    }, /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-w-full",
         type: "submit"
-    }, texts === null || texts === void 0 ? void 0 : texts.updatePassword))));
+    }, texts === null || texts === void 0 ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react42.default.createElement("div", {
+        className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
+    }, (_texts_dontHaveAccount = texts === null || texts === void 0 ? void 0 : texts.dontHaveAccount) !== null && _texts_dontHaveAccount !== void 0 ? _texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react42.default.createElement("span", {
+        className: "clickable-link",
+        onClick: props.handleRouteToRegister
+    }, (_texts_registerText = texts === null || texts === void 0 ? void 0 : texts.registerText) !== null && _texts_registerText !== void 0 ? _texts_registerText : "Register")))));
 };
 // components/blocks/auth/ResetPassword.tsx
 var import_react43 = __toESM(require("react"));
@@ -7684,14 +7692,14 @@ var import_react_hook_form5 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var ResetPasswordForm = function(props) {
-    var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6;
+    var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8;
     var formSchema = z4.object({
         email: z4.string({
-            required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailRequiredText
+            required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailRequired
         }).email({
-            message: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.emailInvalidText
-        }).nonempty({
-            message: (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.emailRequiredText
+            message: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.emailInvalid
+        }).min(1, {
+            message: (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.emailRequired
         })
     });
     var _ref = (0, import_react_hook_form5.useForm)({
@@ -7700,12 +7708,12 @@ var ResetPasswordForm = function(props) {
     var _props_texts_dontHaveAccount, _props_texts_registerText;
     return /* @__PURE__ */ import_react43.default.createElement(Card, {
         dir: props.direction
-    }, !props.sent ? /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react43.default.createElement(CardHeader, null, /* @__PURE__ */ import_react43.default.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ import_react43.default.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ import_react43.default.createElement("form", {
+    }, !props.sent ? /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react43.default.createElement(CardHeader, null, /* @__PURE__ */ import_react43.default.createElement(CardTitle, null, " ", ((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.headTitle) || "Reset Password"), /* @__PURE__ */ import_react43.default.createElement(CardDescription, null, ((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react43.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             if (props.handleResetPassword) {
                 return props.handleResetPassword(e);
             } else {
-                console.log("Form is submitted but handleResetPassword prop is missing");
+                console.log("handleResetPassword prop is missing");
             }
         })
     }, /* @__PURE__ */ import_react43.default.createElement(CardContent, {
@@ -7713,33 +7721,31 @@ var ResetPasswordForm = function(props) {
     }, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form5.Controller, {
         control: control,
         name: "email",
-        render: function(param) /* @__PURE__ */ {
+        render: function(param) {
             var field = param.field;
             var _props_texts, _formState_errors_email, _props_texts1;
-            var _field_value;
-            return import_react43.default.createElement(Input, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                 width: "full",
-                type: "text",
                 label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel,
                 helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
                 placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.emailPlaceholder
-            }, field), {
-                value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
-            }));
+            }, field));
         }
-    }), /* @__PURE__ */ import_react43.default.createElement("div", {
-        className: "hawa-mt-2 hawa-pb-2 hawa-text-start hawa-text-sm dark:hawa-text-gray-300"
-    }, (_props_texts_dontHaveAccount = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react43.default.createElement("span", {
-        onClick: props.handleRouteToRegister,
-        className: "clickable-link"
-    }, (_props_texts_registerText = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))), /* @__PURE__ */ import_react43.default.createElement(CardFooter, null, /* @__PURE__ */ import_react43.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react43.default.createElement(CardFooter, {
+        className: "hawa-flex hawa-flex-col"
+    }, /* @__PURE__ */ import_react43.default.createElement(Button, {
         type: "submit",
         className: "hawa-w-full"
-    }, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword)))) : /* @__PURE__ */ import_react43.default.createElement(CardContent, {
+    }, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword), props.allowRegister && /* @__PURE__ */ import_react43.default.createElement("div", {
+        className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
+    }, (_props_texts_dontHaveAccount = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react43.default.createElement("span", {
+        className: "clickable-link",
+        onClick: props.handleRouteToRegister
+    }, (_props_texts_registerText = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))))) : /* @__PURE__ */ import_react43.default.createElement(CardContent, {
         headless: true
     }, /* @__PURE__ */ import_react43.default.createElement("div", {
         className: "hawa-text-center"
-    }, (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.emailSentText)));
+    }, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.emailSentText)));
 };
 // components/blocks/auth/CodeConfirmation.tsx
 var import_react44 = __toESM(require("react"));

package/dist/index.mjs

@@ -7052,7 +7052,7 @@ var RegisterForm = ({ texts, ...props }) => {
         fieldSchemas["fullName"] = z2.string().optional();
         break;
       case "email":
-        fieldSchemas["email"] = z2.string({ required_error: texts?.emailRequiredText }).email({ message: texts?.emailInvalidText }).min(1, { message: texts?.emailRequiredText });
+        fieldSchemas["email"] = z2.string({ required_error: texts?.emailRequired }).email({ message: texts?.emailInvalid }).min(1, { message: texts?.emailRequired });
         break;
       case "username":
         fieldSchemas["username"] = z2.string({ required_error: texts?.usernameRequired }).min(1, { message: texts?.usernameRequired }).refine(
@@ -7067,15 +7067,15 @@ var RegisterForm = ({ texts, ...props }) => {
   });
   const formSchema = z2.object({
     ...fieldSchemas,
-    password: z2.string({ required_error: texts?.passwordRequiredText }).min(5, { message: texts?.passwordTooShortText }).refine((value) => value !== "", {
-      message: texts?.passwordRequiredText
+    password: z2.string({ required_error: texts?.passwordRequired }).min(5, { message: texts?.passwordTooShort }).refine((value) => value !== "", {
+      message: texts?.passwordRequired
     }),
     confirm_password: z2.string({ required_error: texts?.confirmPasswordRequired }).refine((value) => value !== "", {
-      message: texts?.passwordRequiredText
+      message: texts?.passwordRequired
     }),
     refCode: z2.string().optional(),
     reference: z2.string().optional(),
-    terms_accepted: z2.boolean({ required_error: texts?.termsRequiredText }).refine((value) => value, { message: texts?.termsRequiredText }),
+    terms_accepted: z2.boolean({ required_error: texts?.termsRequired }).refine((value) => value, { message: texts?.termsRequired }),
     newsletter_accepted: z2.boolean().optional()
   }).refine((data) => data.password === data.confirm_password, {
     message: texts?.passwordsDontMatch,
@@ -7579,7 +7579,14 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ React62.createElement(CardFooter, null, /* @__PURE__ */ React62.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts?.updatePassword))
+    /* @__PURE__ */ React62.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React62.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts?.updatePassword), props.allowRegister && /* @__PURE__ */ React62.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React62.createElement(
+      "span",
+      {
+        className: "clickable-link",
+        onClick: props.handleRouteToRegister
+      },
+      texts?.registerText ?? "Register"
+    )))
   ));
 };
 
@@ -7590,21 +7597,19 @@ import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = (props) => {
   const formSchema = z4.object({
-    email: z4.string({ required_error: props.texts?.emailRequiredText }).email({ message: props.texts?.emailInvalidText }).nonempty({ message: props.texts?.emailRequiredText })
+    email: z4.string({ required_error: props.texts?.emailRequired }).email({ message: props.texts?.emailInvalid }).min(1, { message: props.texts?.emailRequired })
   });
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
   });
-  return /* @__PURE__ */ React63.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React63.createElement(React63.Fragment, null, !props.headless && /* @__PURE__ */ React63.createElement(CardHeader, null, /* @__PURE__ */ React63.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ React63.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React63.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React63.createElement(React63.Fragment, null, !props.headless && /* @__PURE__ */ React63.createElement(CardHeader, null, /* @__PURE__ */ React63.createElement(CardTitle, null, " ", props.texts?.headTitle || "Reset Password"), /* @__PURE__ */ React63.createElement(CardDescription, null, props.texts?.headDescription || "Enter your email to reset your account password")), /* @__PURE__ */ React63.createElement(
     "form",
     {
       onSubmit: handleSubmit((e) => {
         if (props.handleResetPassword) {
           return props.handleResetPassword(e);
         } else {
-          console.log(
-            "Form is submitted but handleResetPassword prop is missing"
-          );
+          console.log("handleResetPassword prop is missing");
         }
       })
     },
@@ -7617,24 +7622,22 @@ var ResetPasswordForm = (props) => {
           Input,
           {
             width: "full",
-            type: "text",
             label: props.texts?.emailLabel,
             helperText: formState.errors.email?.message,
             placeholder: props.texts?.emailPlaceholder,
-            ...field,
-            value: field.value ?? ""
+            ...field
           }
         )
       }
-    ), /* @__PURE__ */ React63.createElement("div", { className: "hawa-mt-2 hawa-pb-2 hawa-text-start hawa-text-sm dark:hawa-text-gray-300" }, props.texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React63.createElement(
+    )),
+    /* @__PURE__ */ React63.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React63.createElement(Button, { type: "submit", className: "hawa-w-full" }, props.texts?.resetPassword), props.allowRegister && /* @__PURE__ */ React63.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, props.texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React63.createElement(
       "span",
       {
-        onClick: props.handleRouteToRegister,
-        className: "clickable-link"
+        className: "clickable-link",
+        onClick: props.handleRouteToRegister
       },
       props.texts?.registerText ?? "Register"
-    ))),
-    /* @__PURE__ */ React63.createElement(CardFooter, null, /* @__PURE__ */ React63.createElement(Button, { type: "submit", className: "hawa-w-full" }, props.texts?.resetPassword))
+    )))
   )) : /* @__PURE__ */ React63.createElement(CardContent, { headless: true }, /* @__PURE__ */ React63.createElement("div", { className: "hawa-text-center" }, props.texts?.emailSentText)));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.10.25-next",
+  "version": "0.10.27-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {