@sikka/hawa 0.17.5-next → 0.17.7-next

package/dist/index.d.mts

@@ -888,10 +888,14 @@ type IconCountTypes = {
 declare const Count: FC<IconCountTypes>;
 
 type TypographyTypes = {
-    handleLanguage: (e: any) => void;
-    currentLanguage: any;
-    handleColorMode: (e: any) => void;
-    currentColorMode: any;
+    /** Function to handle language change.   */
+    handleLanguage?: (e: any) => void;
+    /** Current selected language.   */
+    currentLanguage?: string;
+    /** Function to handle theme color mode change.   */
+    handleColorMode?: (e: any) => void;
+    /** Current selected theme color mode.   */
+    currentColorMode?: "light" | "dark";
     orientation?: OrientationType;
     width?: "default" | "full";
 };
@@ -1243,50 +1247,43 @@ type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
     loginText?: string;
 };
 type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullName: BaseInputType;
+    fullName?: BaseInputType;
     email?: TextInputType;
     username?: UsernameInputType;
     password?: PasswordInputType;
     confirm?: ConfirmInputType;
-    userReference: BaseInputType;
-    subscribeToNewsletter: string;
-    termsRequired: string;
-    refCode: string;
-    refCodePlaceholder: string;
-    existingUserText: string;
-    termsText: string;
-    iAcceptText: string;
-    registerText: string;
-    loginText: string;
+    userReference?: BaseInputType;
+    subscribeToNewsletter?: string;
+    termsRequired?: string;
+    refCode?: string;
+    refCodePlaceholder?: string;
+    existingUserText?: string;
+    termsText?: string;
+    iAcceptText?: string;
+    registerText?: string;
+    loginText?: string;
 };
 type ResetPasswordTextsTypes = {
-    email: TextInputType;
-    emailSentText: string;
-    registerText: string;
-    resetPassword: string;
-    dontHaveAccount: string;
+    email?: TextInputType;
+    emailSentText?: string;
+    registerText?: string;
+    resetPassword?: string;
+    dontHaveAccount?: string;
     headTitle?: string;
     headDescription?: string;
 };
 type NewPasswordTextsTypes = {
     password?: PasswordInputType;
     confirm?: ConfirmInputType;
-    updatePassword: string;
-    passwordChanged: string;
+    updatePassword?: string;
+    passwordChanged?: string;
     dontHaveAccount?: string;
     registerText?: string;
 };
 
 type LoginFormTypes = {
+    /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
-    /** Function to handle language change.   */
-    handleLanguage?: () => void;
-    /** Current selected language.   */
-    currentLanguage?: string;
-    /** Function to handle theme color mode change.   */
-    handleColorMode?: () => void;
-    /** Current selected theme color mode.   */
-    currentColorMode?: "light" | "dark";
     /** If true, only logos are displayed in third-party auth buttons.   */
     logosOnly?: boolean;
     /** Direction of text and UI elements, either left-to-right or right-to-left.   */
@@ -1338,53 +1335,45 @@ declare const LoginForm: FC<LoginFormTypes>;
 
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
-    texts: RegisterFormTextsTypes;
-    /** Callback function triggered to handle language changes.*/
-    handleLanguage?: () => void;
-    /** The current language being used in the application. */
-    currentLanguage?: any;
-    /** Callback function triggered to handle color mode changes. */
-    handleColorMode?: () => void;
-    /** The current color mode being used in the application. */
-    currentColorMode?: any;
+    texts?: RegisterFormTextsTypes;
     /** Direction of text and layout, either 'rtl' (right-to-left) or 'ltr' (left-to-right). */
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */
     logosOnly?: boolean;
     /** Enables registration via Google when set to true. */
-    viaGoogle: boolean;
+    viaGoogle?: boolean;
     /** Enables registration via Github when set to true. */
-    viaGithub: boolean;
+    viaGithub?: boolean;
     /** Enables registration via Twitter when set to true. */
-    viaTwitter: boolean;
+    viaTwitter?: boolean;
     /** Determines whether to show the referral code field. */
-    showRefCode: boolean;
+    showRefCode?: boolean;
     /** Determines whether to show the user source selection. */
-    showUserSource: boolean;
+    showUserSource?: boolean;
     /** Determines whether to show the terms acceptance checkbox. */
-    showTermsOption: boolean;
+    showTermsOption?: boolean;
     /** Determines whether to show the newsletter subscription checkbox. */
-    showNewsletterOption: boolean;
+    showNewsletterOption?: boolean;
     /** Callback function triggered on form submission. */
     onRegister: (e: any) => void;
     /** Callback function triggered to route to the login page. */
-    onRouteToLogin: () => void;
+    onRouteToLogin?: () => void;
     /** Callback function triggered to handle registration via Google. */
-    onGoogleRegister: () => void;
+    onGoogleRegister?: () => void;
     /** Callback function triggered to handle registration via Github. */
-    onGithubRegister: () => void;
+    onGithubRegister?: () => void;
     /** Callback function triggered to handle registration via Twitter. */
-    onTwitterRegister: () => void;
+    onTwitterRegister?: () => void;
     /** Callback function triggered to route to the Terms of Service page. */
-    onRouteToTOS: () => void;
+    onRouteToTOS?: () => void;
     /** Determines whether to show an error alert. */
-    showError: boolean;
+    showError?: boolean;
     /** Title for the error alert. */
-    errorTitle: any;
+    errorTitle?: any;
     /** Text for the error alert. */
-    errorText: any;
+    errorText?: any;
     /** Array containing the fields to be included in the form. */
-    registerFields: any[];
+    registerFields?: string[];
     /** Indicates whether the form submission is in progress. */
     isLoading?: boolean;
     /** If true, a loading spinner is displayed within the Google login button.   */

package/dist/index.d.ts

@@ -888,10 +888,14 @@ type IconCountTypes = {
 declare const Count: FC<IconCountTypes>;
 
 type TypographyTypes = {
-    handleLanguage: (e: any) => void;
-    currentLanguage: any;
-    handleColorMode: (e: any) => void;
-    currentColorMode: any;
+    /** Function to handle language change.   */
+    handleLanguage?: (e: any) => void;
+    /** Current selected language.   */
+    currentLanguage?: string;
+    /** Function to handle theme color mode change.   */
+    handleColorMode?: (e: any) => void;
+    /** Current selected theme color mode.   */
+    currentColorMode?: "light" | "dark";
     orientation?: OrientationType;
     width?: "default" | "full";
 };
@@ -1243,50 +1247,43 @@ type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
     loginText?: string;
 };
 type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullName: BaseInputType;
+    fullName?: BaseInputType;
     email?: TextInputType;
     username?: UsernameInputType;
     password?: PasswordInputType;
     confirm?: ConfirmInputType;
-    userReference: BaseInputType;
-    subscribeToNewsletter: string;
-    termsRequired: string;
-    refCode: string;
-    refCodePlaceholder: string;
-    existingUserText: string;
-    termsText: string;
-    iAcceptText: string;
-    registerText: string;
-    loginText: string;
+    userReference?: BaseInputType;
+    subscribeToNewsletter?: string;
+    termsRequired?: string;
+    refCode?: string;
+    refCodePlaceholder?: string;
+    existingUserText?: string;
+    termsText?: string;
+    iAcceptText?: string;
+    registerText?: string;
+    loginText?: string;
 };
 type ResetPasswordTextsTypes = {
-    email: TextInputType;
-    emailSentText: string;
-    registerText: string;
-    resetPassword: string;
-    dontHaveAccount: string;
+    email?: TextInputType;
+    emailSentText?: string;
+    registerText?: string;
+    resetPassword?: string;
+    dontHaveAccount?: string;
     headTitle?: string;
     headDescription?: string;
 };
 type NewPasswordTextsTypes = {
     password?: PasswordInputType;
     confirm?: ConfirmInputType;
-    updatePassword: string;
-    passwordChanged: string;
+    updatePassword?: string;
+    passwordChanged?: string;
     dontHaveAccount?: string;
     registerText?: string;
 };
 
 type LoginFormTypes = {
+    /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
-    /** Function to handle language change.   */
-    handleLanguage?: () => void;
-    /** Current selected language.   */
-    currentLanguage?: string;
-    /** Function to handle theme color mode change.   */
-    handleColorMode?: () => void;
-    /** Current selected theme color mode.   */
-    currentColorMode?: "light" | "dark";
     /** If true, only logos are displayed in third-party auth buttons.   */
     logosOnly?: boolean;
     /** Direction of text and UI elements, either left-to-right or right-to-left.   */
@@ -1338,53 +1335,45 @@ declare const LoginForm: FC<LoginFormTypes>;
 
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
-    texts: RegisterFormTextsTypes;
-    /** Callback function triggered to handle language changes.*/
-    handleLanguage?: () => void;
-    /** The current language being used in the application. */
-    currentLanguage?: any;
-    /** Callback function triggered to handle color mode changes. */
-    handleColorMode?: () => void;
-    /** The current color mode being used in the application. */
-    currentColorMode?: any;
+    texts?: RegisterFormTextsTypes;
     /** Direction of text and layout, either 'rtl' (right-to-left) or 'ltr' (left-to-right). */
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */
     logosOnly?: boolean;
     /** Enables registration via Google when set to true. */
-    viaGoogle: boolean;
+    viaGoogle?: boolean;
     /** Enables registration via Github when set to true. */
-    viaGithub: boolean;
+    viaGithub?: boolean;
     /** Enables registration via Twitter when set to true. */
-    viaTwitter: boolean;
+    viaTwitter?: boolean;
     /** Determines whether to show the referral code field. */
-    showRefCode: boolean;
+    showRefCode?: boolean;
     /** Determines whether to show the user source selection. */
-    showUserSource: boolean;
+    showUserSource?: boolean;
     /** Determines whether to show the terms acceptance checkbox. */
-    showTermsOption: boolean;
+    showTermsOption?: boolean;
     /** Determines whether to show the newsletter subscription checkbox. */
-    showNewsletterOption: boolean;
+    showNewsletterOption?: boolean;
     /** Callback function triggered on form submission. */
     onRegister: (e: any) => void;
     /** Callback function triggered to route to the login page. */
-    onRouteToLogin: () => void;
+    onRouteToLogin?: () => void;
     /** Callback function triggered to handle registration via Google. */
-    onGoogleRegister: () => void;
+    onGoogleRegister?: () => void;
     /** Callback function triggered to handle registration via Github. */
-    onGithubRegister: () => void;
+    onGithubRegister?: () => void;
     /** Callback function triggered to handle registration via Twitter. */
-    onTwitterRegister: () => void;
+    onTwitterRegister?: () => void;
     /** Callback function triggered to route to the Terms of Service page. */
-    onRouteToTOS: () => void;
+    onRouteToTOS?: () => void;
     /** Determines whether to show an error alert. */
-    showError: boolean;
+    showError?: boolean;
     /** Title for the error alert. */
-    errorTitle: any;
+    errorTitle?: any;
     /** Text for the error alert. */
-    errorText: any;
+    errorText?: any;
     /** Array containing the fields to be included in the form. */
-    registerFields: any[];
+    registerFields?: string[];
     /** Indicates whether the form submission is in progress. */
     isLoading?: boolean;
     /** If true, a loading spinner is displayed within the Google login button.   */

package/dist/index.js

@@ -6681,6 +6681,8 @@ var import_react34 = __toESM(require("react"));
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
+  handleColorMode,
+  handleLanguage,
   ...props
 }) => {
   const [color, setColor] = (0, import_react34.useState)(props.currentColorMode);
@@ -6695,7 +6697,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: language,
       onChangeTab: (e) => {
-        props.handleLanguage(e);
+        if (handleLanguage) {
+          handleLanguage(e);
+        }
         setLanguage(e);
       },
       design: "tabs",
@@ -6710,7 +6714,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: color,
       onChangeTab: (e) => {
-        props.handleColorMode(e);
+        if (handleColorMode) {
+          handleColorMode(e);
+        }
         setColor(e);
       },
       design: "tabs",
@@ -9113,15 +9119,7 @@ var LoginForm = ({
         handleTwitter: props.onTwitterLogin
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react48.default.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/RegisterForm.tsx
@@ -9129,7 +9127,11 @@ var import_react49 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
-var RegisterForm = ({ texts, ...props }) => {
+var RegisterForm = ({
+  texts,
+  registerFields = ["email"],
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f;
   const [passwordVisible, setPasswordVisible] = (0, import_react49.useState)(false);
   const thirdPartyAuthTexts = {
@@ -9143,7 +9145,7 @@ var RegisterForm = ({ texts, ...props }) => {
   };
   const methods = (0, import_react_hook_form2.useForm)();
   let fieldSchemas = {};
-  props.registerFields.forEach((field) => {
+  registerFields.forEach((field) => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
     switch (field) {
       case "fullname":
@@ -9204,7 +9206,7 @@ var RegisterForm = ({ texts, ...props }) => {
       }),
       className: "hawa-flex hawa-flex-col hawa-gap-4"
     },
-    /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.registerFields.map((fld, i) => {
+    /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
       if (fld === "fullname") {
         return /* @__PURE__ */ import_react49.default.createElement(
           import_react_hook_form2.Controller,
@@ -9360,21 +9362,24 @@ var RegisterForm = ({ texts, ...props }) => {
       {
         control,
         name: "reference",
-        render: ({ field }) => /* @__PURE__ */ import_react49.default.createElement(
-          Select,
-          {
-            label: (texts == null ? void 0 : texts.userReference.label) || "How did you learn about us?",
-            placeholder: texts == null ? void 0 : texts.userReference.placeholder,
-            isCreatable: false,
-            isMulti: false,
-            isSearchable: false,
-            isClearable: false,
-            options: props.userReferenceOptions,
-            onChange: (e) => {
-              field.onChange(e.value);
+        render: ({ field }) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ import_react49.default.createElement(
+            Select,
+            {
+              label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+              placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+              isCreatable: false,
+              isMulti: false,
+              isSearchable: false,
+              isClearable: false,
+              options: props.userReferenceOptions,
+              onChange: (e) => {
+                field.onChange(e.value);
+              }
             }
-          }
-        )
+          );
+        }
       }
     ),
     /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3" }, props.showTermsOption && /* @__PURE__ */ import_react49.default.createElement(
@@ -9448,15 +9453,7 @@ var RegisterForm = ({ texts, ...props }) => {
         handleTwitter: props.onTwitterRegister
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react49.default.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/AppLanding.tsx

package/dist/index.mjs

@@ -6474,6 +6474,8 @@ import React57, { useState as useState22 } from "react";
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
+  handleColorMode,
+  handleLanguage,
   ...props
 }) => {
   const [color, setColor] = useState22(props.currentColorMode);
@@ -6488,7 +6490,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: language,
       onChangeTab: (e) => {
-        props.handleLanguage(e);
+        if (handleLanguage) {
+          handleLanguage(e);
+        }
         setLanguage(e);
       },
       design: "tabs",
@@ -6503,7 +6507,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: color,
       onChangeTab: (e) => {
-        props.handleColorMode(e);
+        if (handleColorMode) {
+          handleColorMode(e);
+        }
         setColor(e);
       },
       design: "tabs",
@@ -8908,15 +8914,7 @@ var LoginForm = ({
         handleTwitter: props.onTwitterLogin
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React75.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/RegisterForm.tsx
@@ -8924,7 +8922,11 @@ import React76, { useState as useState29 } from "react";
 import { Controller as Controller2, FormProvider, useForm as useForm2 } from "react-hook-form";
 import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
 import * as z2 from "zod";
-var RegisterForm = ({ texts, ...props }) => {
+var RegisterForm = ({
+  texts,
+  registerFields = ["email"],
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f;
   const [passwordVisible, setPasswordVisible] = useState29(false);
   const thirdPartyAuthTexts = {
@@ -8938,7 +8940,7 @@ var RegisterForm = ({ texts, ...props }) => {
   };
   const methods = useForm2();
   let fieldSchemas = {};
-  props.registerFields.forEach((field) => {
+  registerFields.forEach((field) => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
     switch (field) {
       case "fullname":
@@ -8999,7 +9001,7 @@ var RegisterForm = ({ texts, ...props }) => {
       }),
       className: "hawa-flex hawa-flex-col hawa-gap-4"
     },
-    /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.registerFields.map((fld, i) => {
+    /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
       if (fld === "fullname") {
         return /* @__PURE__ */ React76.createElement(
           Controller2,
@@ -9155,21 +9157,24 @@ var RegisterForm = ({ texts, ...props }) => {
       {
         control,
         name: "reference",
-        render: ({ field }) => /* @__PURE__ */ React76.createElement(
-          Select,
-          {
-            label: (texts == null ? void 0 : texts.userReference.label) || "How did you learn about us?",
-            placeholder: texts == null ? void 0 : texts.userReference.placeholder,
-            isCreatable: false,
-            isMulti: false,
-            isSearchable: false,
-            isClearable: false,
-            options: props.userReferenceOptions,
-            onChange: (e) => {
-              field.onChange(e.value);
+        render: ({ field }) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ React76.createElement(
+            Select,
+            {
+              label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+              placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+              isCreatable: false,
+              isMulti: false,
+              isSearchable: false,
+              isClearable: false,
+              options: props.userReferenceOptions,
+              onChange: (e) => {
+                field.onChange(e.value);
+              }
             }
-          }
-        )
+          );
+        }
       }
     ),
     /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3" }, props.showTermsOption && /* @__PURE__ */ React76.createElement(
@@ -9243,15 +9248,7 @@ var RegisterForm = ({ texts, ...props }) => {
         handleTwitter: props.onTwitterRegister
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React76.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/AppLanding.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.17.5-next",
+  "version": "0.17.7-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",