@customafk/lunas-ui 0.0.0-r → 0.0.0-s

package/dist/Molecules/index.d.ts

@@ -58,6 +58,8 @@ interface IAuthFormProps extends HTMLAttributes<HTMLDivElement> {
     isLoading?: boolean;
     onSignIn?: (parameters: z.infer<typeof SignInModel>) => void;
     onSignUp?: (parameters: z.infer<typeof SignUpModel>) => void;
+    onChangeToSignIn?: () => void;
+    onChangeToSignUp?: () => void;
 }
 declare const AuthForm: React.MemoExoticComponent<React.ForwardRefExoticComponent<IAuthFormProps & React.RefAttributes<HTMLDivElement>>>;
 

package/dist/Molecules/index.js

@@ -3307,7 +3307,15 @@ import { PuffLoader } from "react-spinners";
 import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 var AuthForm = memo12(
   forwardRef13(
-    ({ initialTitle = "SIGN_IN", isLoading = false, onSignIn, onSignUp, ...props }, reference) => {
+    ({
+      initialTitle = "SIGN_IN",
+      isLoading = false,
+      onSignIn,
+      onSignUp,
+      onChangeToSignIn,
+      onChangeToSignUp,
+      ...props
+    }, reference) => {
       const [state, setState] = useState5(initialTitle);
       const [registerStep, setRegisterStep] = useState5("FIRST");
       const [isDisabledSignIn, setIsDisabledSignIn] = useState5(true);
@@ -3338,11 +3346,19 @@ var AuthForm = memo12(
       const signUpFullname = useWatch({ control: signUpControl, name: "fullname" });
       const signUpPassword = useWatch({ control: signUpControl, name: "password" });
       const signUpConfirmPassword = useWatch({ control: signUpControl, name: "confirmPassword" });
-      const handleToggleState = useCallback6((value) => {
-        setState(value);
+      const handleChangeToSignIn = useCallback6(() => {
+        setState("SIGN_IN");
+        onChangeToSignIn?.();
+      }, [onChangeToSignIn]);
+      const handleChangeToSignUp = useCallback6(() => {
+        setState("SIGN_OUT");
+        onChangeToSignUp?.();
+      }, [onChangeToSignUp]);
+      const handleSignUpFirstStep = useCallback6(() => {
+        setRegisterStep("FIRST");
       }, []);
-      const handleToggleRegisterStep = useCallback6((step) => {
-        setRegisterStep(step);
+      const handleSignUpSecondStep = useCallback6(() => {
+        setRegisterStep("SECOND");
       }, []);
       const onSignInSubmit = useCallback6(
         (data) => {
@@ -3387,6 +3403,46 @@ var AuthForm = memo12(
         () => signUpFormState.errors.confirmPassword?.message,
         [signUpFormState.errors.confirmPassword?.message]
       );
+      const signInEmailFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx49(EmailInput_default, { errorMessage: emailErrorMessage, ...field }),
+        [emailErrorMessage]
+      );
+      const signInPwdFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx49(PasswordInput_default, { placeholder: "M\u1EADt kh\u1EA9u", errorMessage: passwordErrorMessage, ...field }),
+        [passwordErrorMessage]
+      );
+      const signUpEmailFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx49(EmailInput_default, { errorMessage: signUpEmailErrorMessage, ...field }),
+        [signUpEmailErrorMessage]
+      );
+      const signUpFullnameFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx49(FullNameInput_default, { errorMessage: signUpFullnameErrorMessage, ...field }),
+        [signUpFullnameErrorMessage]
+      );
+      const signUpPwdFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx49(
+          PasswordInput_default,
+          {
+            placeholder: "M\u1EADt kh\u1EA9u",
+            errorMessage: signUpPasswordErrorMessage,
+            ...field
+          }
+        ),
+        [signUpPasswordErrorMessage]
+      );
+      const signUpConfirmPwdFieldRender = useCallback6(
+        ({
+          field
+        }) => /* @__PURE__ */ jsx49(
+          PasswordInput_default,
+          {
+            placeholder: "Nh\u1EADp l\u1EA1i m\u1EADt kh\u1EA9u",
+            errorMessage: signUpConfirmPasswordErrorMessage,
+            ...field
+          }
+        ),
+        [signUpConfirmPasswordErrorMessage]
+      );
       const signInRender = useMemo7(
         () => /* @__PURE__ */ jsx49(Form, { ...signInForm, children: /* @__PURE__ */ jsxs26(
           "form",
@@ -3400,43 +3456,14 @@ var AuthForm = memo12(
                 Flex_default,
                 {
                   vertical: true,
-                  gapY: emailErrorMessage ? 8 : 4,
                   width: "full",
+                  gapY: emailErrorMessage ? 8 : 4,
                   p: 0,
                   pb: passwordErrorMessage ? 4 : 0,
                   className: "overflow-visible",
                   children: [
-                    /* @__PURE__ */ jsx49(
-                      FormField,
-                      {
-                        control: signInControl,
-                        name: "email",
-                        render: ({ field }) => /* @__PURE__ */ jsx49(
-                          EmailInput_default,
-                          {
-                            errorMessage: emailErrorMessage,
-                            onChange: field.onChange,
-                            onBlur: field.onBlur
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx49(
-                      FormField,
-                      {
-                        control: signInControl,
-                        name: "password",
-                        render: ({ field }) => /* @__PURE__ */ jsx49(
-                          PasswordInput_default,
-                          {
-                            placeholder: "M\u1EADt kh\u1EA9u",
-                            errorMessage: passwordErrorMessage,
-                            onChange: field.onChange,
-                            onBlur: field.onBlur
-                          }
-                        )
-                      }
-                    )
+                    /* @__PURE__ */ jsx49(FormField, { control: signInControl, name: "email", render: signInEmailFieldRender }),
+                    /* @__PURE__ */ jsx49(FormField, { control: signInControl, name: "password", render: signInPwdFieldRender })
                   ]
                 }
               ),
@@ -3454,7 +3481,7 @@ var AuthForm = memo12(
                 ),
                 /* @__PURE__ */ jsxs26(Flex_default, { justify: "between", width: "full", p: 0, className: "text-ui-tertiary-400", children: [
                   /* @__PURE__ */ jsx49("span", { className: "text-ui-small-note", children: "Qu\xEAn m\u1EADt kh\u1EA9u" }),
-                  /* @__PURE__ */ jsx49("button", { type: "button", onClick: () => handleToggleState("SIGN_OUT"), children: /* @__PURE__ */ jsx49("span", { className: "text-ui-small-note", children: "T\u1EA1o t\xE0i kho\u1EA3n" }) })
+                  /* @__PURE__ */ jsx49("button", { type: "button", onClick: handleChangeToSignUp, children: /* @__PURE__ */ jsx49("span", { className: "text-ui-small-note", children: "T\u1EA1o t\xE0i kho\u1EA3n" }) })
                 ] })
               ] })
             ]
@@ -3462,17 +3489,19 @@ var AuthForm = memo12(
         ) }),
         [
           isLoading,
-          handleToggleState,
-          onSignInSubmit,
           state,
           isDisabledSignIn,
           signInControl,
+          signInForm,
           emailErrorMessage,
           passwordErrorMessage,
-          signInForm
+          handleChangeToSignUp,
+          signInEmailFieldRender,
+          signInPwdFieldRender,
+          onSignInSubmit
         ]
       );
-      const registerRender = useMemo7(
+      const signUpRender = useMemo7(
         () => /* @__PURE__ */ jsx49(Form, { ...signUpForm, children: /* @__PURE__ */ jsxs26(
           "form",
           {
@@ -3493,34 +3522,13 @@ var AuthForm = memo12(
                     hidden: registerStep !== "FIRST"
                   }),
                   children: [
-                    /* @__PURE__ */ jsx49(
-                      FormField,
-                      {
-                        name: "email",
-                        control: signUpControl,
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx49(
-                          EmailInput_default,
-                          {
-                            errorMessage: signUpEmailErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
-                      }
-                    ),
+                    /* @__PURE__ */ jsx49(FormField, { name: "email", control: signUpControl, render: signUpEmailFieldRender }),
                     /* @__PURE__ */ jsx49(
                       FormField,
                       {
                         name: "fullname",
                         control: signUpControl,
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx49(
-                          FullNameInput_default,
-                          {
-                            errorMessage: signUpFullnameErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
+                        render: signUpFullnameFieldRender
                       }
                     )
                   ]
@@ -3538,36 +3546,13 @@ var AuthForm = memo12(
                     hidden: registerStep !== "SECOND"
                   }),
                   children: [
-                    /* @__PURE__ */ jsx49(
-                      FormField,
-                      {
-                        control: signUpControl,
-                        name: "password",
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx49(
-                          PasswordInput_default,
-                          {
-                            placeholder: "M\u1EADt kh\u1EA9u",
-                            errorMessage: signUpPasswordErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
-                      }
-                    ),
+                    /* @__PURE__ */ jsx49(FormField, { control: signUpControl, name: "password", render: signUpPwdFieldRender }),
                     /* @__PURE__ */ jsx49(
                       FormField,
                       {
                         control: signUpControl,
                         name: "confirmPassword",
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx49(
-                          PasswordInput_default,
-                          {
-                            placeholder: "Nh\u1EADp l\u1EA1i m\u1EADt kh\u1EA9u",
-                            errorMessage: signUpConfirmPasswordErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
+                        render: signUpConfirmPwdFieldRender
                       }
                     )
                   ]
@@ -3581,7 +3566,7 @@ var AuthForm = memo12(
                     className: cn("h-2 w-8 rounded-full bg-neutral-300", {
                       "bg-ui-tertiary-300": registerStep === "FIRST"
                     }),
-                    onClick: () => handleToggleRegisterStep("FIRST")
+                    onClick: handleSignUpFirstStep
                   }
                 ),
                 /* @__PURE__ */ jsx49(
@@ -3591,7 +3576,7 @@ var AuthForm = memo12(
                     className: cn("h-2 w-8 rounded-full bg-neutral-300", {
                       "bg-ui-tertiary-300": registerStep === "SECOND"
                     }),
-                    onClick: () => handleToggleRegisterStep("SECOND")
+                    onClick: handleSignUpSecondStep
                   }
                 )
               ] }),
@@ -3609,7 +3594,7 @@ var AuthForm = memo12(
                 ),
                 /* @__PURE__ */ jsxs26(Flex_default, { justify: "between", width: "full", p: 0, className: "text-ui-tertiary-400", children: [
                   /* @__PURE__ */ jsx49("span", { className: "text-ui-small-note", children: "Qu\xEAn m\u1EADt kh\u1EA9u" }),
-                  /* @__PURE__ */ jsx49("button", { type: "button", onClick: () => handleToggleState("SIGN_IN"), children: /* @__PURE__ */ jsx49("span", { className: "text-ui-small-note", children: "\u0110\u0103ng nh\u1EADp l\u1EA1i" }) })
+                  /* @__PURE__ */ jsx49("button", { type: "button", onClick: handleChangeToSignIn, children: /* @__PURE__ */ jsx49("span", { className: "text-ui-small-note", children: "\u0110\u0103ng nh\u1EADp l\u1EA1i" }) })
                 ] })
               ] })
             ]
@@ -3626,8 +3611,13 @@ var AuthForm = memo12(
           signUpPasswordErrorMessage,
           signUpConfirmPasswordErrorMessage,
           isDisabledSignOut,
-          handleToggleState,
-          handleToggleRegisterStep,
+          handleChangeToSignIn,
+          handleSignUpFirstStep,
+          handleSignUpSecondStep,
+          signUpEmailFieldRender,
+          signUpFullnameFieldRender,
+          signUpPwdFieldRender,
+          signUpConfirmPwdFieldRender,
           onSignUpSubmit
         ]
       );
@@ -3667,7 +3657,7 @@ var AuthForm = memo12(
           children: [
             headerRender,
             signInRender,
-            registerRender,
+            signUpRender,
             oauthRender
           ]
         }

package/dist/Organisms/index.js

@@ -678,7 +678,6 @@ var DefaultLogo = (props) => {
   );
 };
 DefaultLogo.displayName = "DefaultLogo";
-var DefaultLogo_default = DefaultLogo;
 
 // packages/Icons/DefaultLogoWithIcon.tsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -3400,7 +3399,15 @@ import { PuffLoader } from "react-spinners";
 import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
 var AuthForm = memo12(
   forwardRef13(
-    ({ initialTitle = "SIGN_IN", isLoading = false, onSignIn, onSignUp, ...props }, reference) => {
+    ({
+      initialTitle = "SIGN_IN",
+      isLoading = false,
+      onSignIn,
+      onSignUp,
+      onChangeToSignIn,
+      onChangeToSignUp,
+      ...props
+    }, reference) => {
       const [state, setState] = useState5(initialTitle);
       const [registerStep, setRegisterStep] = useState5("FIRST");
       const [isDisabledSignIn, setIsDisabledSignIn] = useState5(true);
@@ -3431,11 +3438,19 @@ var AuthForm = memo12(
       const signUpFullname = useWatch({ control: signUpControl, name: "fullname" });
       const signUpPassword = useWatch({ control: signUpControl, name: "password" });
       const signUpConfirmPassword = useWatch({ control: signUpControl, name: "confirmPassword" });
-      const handleToggleState = useCallback6((value) => {
-        setState(value);
+      const handleChangeToSignIn = useCallback6(() => {
+        setState("SIGN_IN");
+        onChangeToSignIn?.();
+      }, [onChangeToSignIn]);
+      const handleChangeToSignUp = useCallback6(() => {
+        setState("SIGN_OUT");
+        onChangeToSignUp?.();
+      }, [onChangeToSignUp]);
+      const handleSignUpFirstStep = useCallback6(() => {
+        setRegisterStep("FIRST");
       }, []);
-      const handleToggleRegisterStep = useCallback6((step) => {
-        setRegisterStep(step);
+      const handleSignUpSecondStep = useCallback6(() => {
+        setRegisterStep("SECOND");
       }, []);
       const onSignInSubmit = useCallback6(
         (data) => {
@@ -3480,6 +3495,46 @@ var AuthForm = memo12(
         () => signUpFormState.errors.confirmPassword?.message,
         [signUpFormState.errors.confirmPassword?.message]
       );
+      const signInEmailFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx51(EmailInput_default, { errorMessage: emailErrorMessage, ...field }),
+        [emailErrorMessage]
+      );
+      const signInPwdFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx51(PasswordInput_default, { placeholder: "M\u1EADt kh\u1EA9u", errorMessage: passwordErrorMessage, ...field }),
+        [passwordErrorMessage]
+      );
+      const signUpEmailFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx51(EmailInput_default, { errorMessage: signUpEmailErrorMessage, ...field }),
+        [signUpEmailErrorMessage]
+      );
+      const signUpFullnameFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx51(FullNameInput_default, { errorMessage: signUpFullnameErrorMessage, ...field }),
+        [signUpFullnameErrorMessage]
+      );
+      const signUpPwdFieldRender = useCallback6(
+        ({ field }) => /* @__PURE__ */ jsx51(
+          PasswordInput_default,
+          {
+            placeholder: "M\u1EADt kh\u1EA9u",
+            errorMessage: signUpPasswordErrorMessage,
+            ...field
+          }
+        ),
+        [signUpPasswordErrorMessage]
+      );
+      const signUpConfirmPwdFieldRender = useCallback6(
+        ({
+          field
+        }) => /* @__PURE__ */ jsx51(
+          PasswordInput_default,
+          {
+            placeholder: "Nh\u1EADp l\u1EA1i m\u1EADt kh\u1EA9u",
+            errorMessage: signUpConfirmPasswordErrorMessage,
+            ...field
+          }
+        ),
+        [signUpConfirmPasswordErrorMessage]
+      );
       const signInRender = useMemo7(
         () => /* @__PURE__ */ jsx51(Form, { ...signInForm, children: /* @__PURE__ */ jsxs27(
           "form",
@@ -3493,43 +3548,14 @@ var AuthForm = memo12(
                 Flex_default,
                 {
                   vertical: true,
-                  gapY: emailErrorMessage ? 8 : 4,
                   width: "full",
+                  gapY: emailErrorMessage ? 8 : 4,
                   p: 0,
                   pb: passwordErrorMessage ? 4 : 0,
                   className: "overflow-visible",
                   children: [
-                    /* @__PURE__ */ jsx51(
-                      FormField,
-                      {
-                        control: signInControl,
-                        name: "email",
-                        render: ({ field }) => /* @__PURE__ */ jsx51(
-                          EmailInput_default,
-                          {
-                            errorMessage: emailErrorMessage,
-                            onChange: field.onChange,
-                            onBlur: field.onBlur
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx51(
-                      FormField,
-                      {
-                        control: signInControl,
-                        name: "password",
-                        render: ({ field }) => /* @__PURE__ */ jsx51(
-                          PasswordInput_default,
-                          {
-                            placeholder: "M\u1EADt kh\u1EA9u",
-                            errorMessage: passwordErrorMessage,
-                            onChange: field.onChange,
-                            onBlur: field.onBlur
-                          }
-                        )
-                      }
-                    )
+                    /* @__PURE__ */ jsx51(FormField, { control: signInControl, name: "email", render: signInEmailFieldRender }),
+                    /* @__PURE__ */ jsx51(FormField, { control: signInControl, name: "password", render: signInPwdFieldRender })
                   ]
                 }
               ),
@@ -3547,7 +3573,7 @@ var AuthForm = memo12(
                 ),
                 /* @__PURE__ */ jsxs27(Flex_default, { justify: "between", width: "full", p: 0, className: "text-ui-tertiary-400", children: [
                   /* @__PURE__ */ jsx51("span", { className: "text-ui-small-note", children: "Qu\xEAn m\u1EADt kh\u1EA9u" }),
-                  /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => handleToggleState("SIGN_OUT"), children: /* @__PURE__ */ jsx51("span", { className: "text-ui-small-note", children: "T\u1EA1o t\xE0i kho\u1EA3n" }) })
+                  /* @__PURE__ */ jsx51("button", { type: "button", onClick: handleChangeToSignUp, children: /* @__PURE__ */ jsx51("span", { className: "text-ui-small-note", children: "T\u1EA1o t\xE0i kho\u1EA3n" }) })
                 ] })
               ] })
             ]
@@ -3555,17 +3581,19 @@ var AuthForm = memo12(
         ) }),
         [
           isLoading,
-          handleToggleState,
-          onSignInSubmit,
           state,
           isDisabledSignIn,
           signInControl,
+          signInForm,
           emailErrorMessage,
           passwordErrorMessage,
-          signInForm
+          handleChangeToSignUp,
+          signInEmailFieldRender,
+          signInPwdFieldRender,
+          onSignInSubmit
         ]
       );
-      const registerRender = useMemo7(
+      const signUpRender = useMemo7(
         () => /* @__PURE__ */ jsx51(Form, { ...signUpForm, children: /* @__PURE__ */ jsxs27(
           "form",
           {
@@ -3586,34 +3614,13 @@ var AuthForm = memo12(
                     hidden: registerStep !== "FIRST"
                   }),
                   children: [
-                    /* @__PURE__ */ jsx51(
-                      FormField,
-                      {
-                        name: "email",
-                        control: signUpControl,
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx51(
-                          EmailInput_default,
-                          {
-                            errorMessage: signUpEmailErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
-                      }
-                    ),
+                    /* @__PURE__ */ jsx51(FormField, { name: "email", control: signUpControl, render: signUpEmailFieldRender }),
                     /* @__PURE__ */ jsx51(
                       FormField,
                       {
                         name: "fullname",
                         control: signUpControl,
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx51(
-                          FullNameInput_default,
-                          {
-                            errorMessage: signUpFullnameErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
+                        render: signUpFullnameFieldRender
                       }
                     )
                   ]
@@ -3631,36 +3638,13 @@ var AuthForm = memo12(
                     hidden: registerStep !== "SECOND"
                   }),
                   children: [
-                    /* @__PURE__ */ jsx51(
-                      FormField,
-                      {
-                        control: signUpControl,
-                        name: "password",
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx51(
-                          PasswordInput_default,
-                          {
-                            placeholder: "M\u1EADt kh\u1EA9u",
-                            errorMessage: signUpPasswordErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
-                      }
-                    ),
+                    /* @__PURE__ */ jsx51(FormField, { control: signUpControl, name: "password", render: signUpPwdFieldRender }),
                     /* @__PURE__ */ jsx51(
                       FormField,
                       {
                         control: signUpControl,
                         name: "confirmPassword",
-                        render: ({ field: { onChange, onBlur } }) => /* @__PURE__ */ jsx51(
-                          PasswordInput_default,
-                          {
-                            placeholder: "Nh\u1EADp l\u1EA1i m\u1EADt kh\u1EA9u",
-                            errorMessage: signUpConfirmPasswordErrorMessage,
-                            onChange,
-                            onBlur
-                          }
-                        )
+                        render: signUpConfirmPwdFieldRender
                       }
                     )
                   ]
@@ -3674,7 +3658,7 @@ var AuthForm = memo12(
                     className: cn("h-2 w-8 rounded-full bg-neutral-300", {
                       "bg-ui-tertiary-300": registerStep === "FIRST"
                     }),
-                    onClick: () => handleToggleRegisterStep("FIRST")
+                    onClick: handleSignUpFirstStep
                   }
                 ),
                 /* @__PURE__ */ jsx51(
@@ -3684,7 +3668,7 @@ var AuthForm = memo12(
                     className: cn("h-2 w-8 rounded-full bg-neutral-300", {
                       "bg-ui-tertiary-300": registerStep === "SECOND"
                     }),
-                    onClick: () => handleToggleRegisterStep("SECOND")
+                    onClick: handleSignUpSecondStep
                   }
                 )
               ] }),
@@ -3702,7 +3686,7 @@ var AuthForm = memo12(
                 ),
                 /* @__PURE__ */ jsxs27(Flex_default, { justify: "between", width: "full", p: 0, className: "text-ui-tertiary-400", children: [
                   /* @__PURE__ */ jsx51("span", { className: "text-ui-small-note", children: "Qu\xEAn m\u1EADt kh\u1EA9u" }),
-                  /* @__PURE__ */ jsx51("button", { type: "button", onClick: () => handleToggleState("SIGN_IN"), children: /* @__PURE__ */ jsx51("span", { className: "text-ui-small-note", children: "\u0110\u0103ng nh\u1EADp l\u1EA1i" }) })
+                  /* @__PURE__ */ jsx51("button", { type: "button", onClick: handleChangeToSignIn, children: /* @__PURE__ */ jsx51("span", { className: "text-ui-small-note", children: "\u0110\u0103ng nh\u1EADp l\u1EA1i" }) })
                 ] })
               ] })
             ]
@@ -3719,8 +3703,13 @@ var AuthForm = memo12(
           signUpPasswordErrorMessage,
           signUpConfirmPasswordErrorMessage,
           isDisabledSignOut,
-          handleToggleState,
-          handleToggleRegisterStep,
+          handleChangeToSignIn,
+          handleSignUpFirstStep,
+          handleSignUpSecondStep,
+          signUpEmailFieldRender,
+          signUpFullnameFieldRender,
+          signUpPwdFieldRender,
+          signUpConfirmPwdFieldRender,
           onSignUpSubmit
         ]
       );
@@ -3760,7 +3749,7 @@ var AuthForm = memo12(
           children: [
             headerRender,
             signInRender,
-            registerRender,
+            signUpRender,
             oauthRender
           ]
         }
@@ -3778,23 +3767,28 @@ var Header = memo13(
     const { user, className, onSignIn, onSignUp, onNavSelected, onSettingSelected, ...rest } = props;
     const [activeNav, setActiveNav] = useState6();
     const isNavSelected = useMemo8(() => (nav) => activeNav === nav, [activeNav]);
-    const handleNavSelected = useCallback7(
-      (nav) => {
-        setActiveNav(nav);
-        if (onNavSelected && activeNav !== nav) {
-          onNavSelected(nav);
-        }
-      },
-      [activeNav, onNavSelected]
-    );
     const handleSettingSelected = useCallback7(
       (value) => {
-        if (onSettingSelected) {
-          onSettingSelected(value);
-        }
+        onSettingSelected?.(value);
       },
       [onSettingSelected]
     );
+    const handleSelectCategory = useCallback7(() => {
+      setActiveNav("CATEGORY");
+      onNavSelected?.("CATEGORY");
+    }, [onNavSelected]);
+    const handleSelectSeries = useCallback7(() => {
+      setActiveNav("SERIES");
+      onNavSelected?.("SERIES");
+    }, [onNavSelected]);
+    const handleSelectGuide = useCallback7(() => {
+      setActiveNav("GUIDE");
+      onNavSelected?.("GUIDE");
+    }, [onNavSelected]);
+    const handleSelectNews = useCallback7(() => {
+      setActiveNav("NEWS");
+      onNavSelected?.("NEWS");
+    }, [onNavSelected]);
     return /* @__PURE__ */ jsxs28(
       "header",
       {
@@ -3802,7 +3796,7 @@ var Header = memo13(
         className: cn("flex h-fit items-center justify-start px-8 shadow-ui-soft", className),
         ...rest,
         children: [
-          /* @__PURE__ */ jsx52(Flex_default, { className: "h-16 w-33 shrink grow-0", justify: "center", pr: 9, children: /* @__PURE__ */ jsx52(DefaultLogo_default, {}) }),
+          /* @__PURE__ */ jsx52(Flex_default, { className: "h-16 w-33 shrink grow-0", justify: "center", pr: 9, children: /* @__PURE__ */ jsx52(DefaultLogoWithIcon_default, {}) }),
           /* @__PURE__ */ jsxs28(Flex_default, { flexGrow: 1, gap: 0, className: "text-ui-text-800", children: [
             /* @__PURE__ */ jsx52(
               Navbar_default,
@@ -3811,7 +3805,7 @@ var Header = memo13(
                 icon: /* @__PURE__ */ jsx52(Lucide2ChartBarIcon_default, {}),
                 isActive: isNavSelected("CATEGORY"),
                 className: "px-4",
-                onClick: () => handleNavSelected("CATEGORY"),
+                onClick: handleSelectCategory,
                 children: "Danh m\u1EE5c"
               }
             ),
@@ -3821,7 +3815,7 @@ var Header = memo13(
                 icon: /* @__PURE__ */ jsx52(Lucide2Row2Icon_default, {}),
                 isActive: isNavSelected("SERIES"),
                 className: "px-4",
-                onClick: () => handleNavSelected("SERIES"),
+                onClick: handleSelectSeries,
                 children: "Series"
               }
             ),
@@ -3831,7 +3825,7 @@ var Header = memo13(
                 icon: /* @__PURE__ */ jsx52(Lucide2BookIcon_default, {}),
                 isActive: isNavSelected("GUIDE"),
                 className: "px-4",
-                onClick: () => handleNavSelected("GUIDE"),
+                onClick: handleSelectGuide,
                 children: "H\u01B0\u1EDBng d\u1EABn"
               }
             ),
@@ -3841,7 +3835,7 @@ var Header = memo13(
                 icon: /* @__PURE__ */ jsx52(Lucide2NewPaperIcon_default, {}),
                 isActive: isNavSelected("NEWS"),
                 className: "px-4",
-                onClick: () => handleNavSelected("NEWS"),
+                onClick: handleSelectNews,
                 children: "Tin t\u1EE9c"
               }
             )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@customafk/lunas-ui",
   "private": false,
-  "version": "0.0.0-r",
+  "version": "0.0.0-s",
   "type": "module",
   "homepage": "https://docs.customafk.com",
   "repository": {
@@ -86,6 +86,7 @@
     "eslint-plugin-react-form-fields": "^1.2.22",
     "eslint-plugin-react-hook-form": "^0.3.0",
     "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-perf": "^3.3.2",
     "eslint-plugin-react-prefer-function-component": "^3.3.0",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-sonar": "^0.13.2",