@sikka/hawa 0.31.1-next → 0.31.3-next

package/dist/blocks/auth/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-KNG6AWIO.mjs";
+} from "../../chunk-DNUJA5QC.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
 import {
   Select
-} from "../../chunk-ER7YWU7Z.mjs";
+} from "../../chunk-IKHGAGYN.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
-} from "../../chunk-XLMVXGNC.mjs";
+} from "../../chunk-HR37LWAO.mjs";
 import {
   Button,
   Card,
@@ -23,7 +23,7 @@ import {
   Label,
   Loading,
   cn
-} from "../../chunk-ZGNBKYX7.mjs";
+} from "../../chunk-NEJHLLDI.mjs";
 
 // blocks/auth/AuthButtons.tsx
 import React2 from "react";
@@ -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/feedback/index.js

@@ -328,7 +328,6 @@ var Button = React2.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
-          // "hawa-bg-red-500"
         ),
         ref,
         ...props

package/dist/blocks/feedback/index.mjs

@@ -1,26 +1,26 @@
 "use client";
 import {
   Textarea
-} from "../../chunk-AEFNDLFD.mjs";
+} from "../../chunk-VYAFGNRW.mjs";
 import {
   Select
-} from "../../chunk-ER7YWU7Z.mjs";
+} from "../../chunk-IKHGAGYN.mjs";
 import {
   Radio
-} from "../../chunk-YR2YA3DQ.mjs";
+} from "../../chunk-X5YH2OOE.mjs";
 import {
   BadEmoji,
   GoodEmoji,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../../chunk-XLMVXGNC.mjs";
+} from "../../chunk-HR37LWAO.mjs";
 import {
   Button,
   Card,
   CardContent,
   Label,
   cn
-} from "../../chunk-ZGNBKYX7.mjs";
+} from "../../chunk-NEJHLLDI.mjs";
 
 // blocks/feedback/UserReferralSource.tsx
 import React, { useRef, useState } from "react";

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>;
 

package/dist/blocks/index.js

@@ -68,7 +68,6 @@ var import_react3 = __toESM(require("react"));
 
 // elements/button/Button.tsx
 var React2 = __toESM(require("react"));
-var import_class_variance_authority = require("class-variance-authority");
 
 // util/index.ts
 var import_clsx = require("clsx");
@@ -77,6 +76,9 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
+// elements/button/Button.tsx
+var import_class_variance_authority = require("class-variance-authority");
+
 // elements/loading/Loading.tsx
 var import_react = __toESM(require("react"));
 var Loading = ({
@@ -348,7 +350,6 @@ var Button = React2.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
-          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -4360,7 +4361,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 +4374,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 +4388,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 +4480,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,
@@ -5777,7 +5783,7 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React43.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
+    withArrow && /* @__PURE__ */ React43.createElement("div", { className: cn(arrowDirection[side]) }),
     /* @__PURE__ */ React43.createElement("span", null, props.children)
   );
 };