@sikka/hawa 0.26.38-next → 0.27.0-next

package/dist/blocks/index.d.mts

@@ -1,7 +1,7 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-CKtkuNFH.mjs';
 import { LoginFormTextsTypes, RegisterFormTextsTypes, ThirdPartyAuthTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.mjs';
-import { S as SelectOptionProps, R as RadioOptionsTypes } from '../Radio-hsrLKNxE.mjs';
+import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-hsrLKNxE.mjs';
 import { M as MenuItemType } from '../DropdownMenu-EUL-D3I3.mjs';
 import '@radix-ui/react-dropdown-menu';
 
@@ -112,6 +112,10 @@ type RegisterFormTypes = {
     additionalButtons?: any;
     /** To add more custom input fields   */
     additionalInputs?: any;
+    /** To customize the username input field   */
+    usernameOptions: {
+        label?: LabelProps;
+    };
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
@@ -328,6 +332,15 @@ type ContactFormData = {
     name: string;
     email: string;
     message: string;
+} & {
+    [key: string]: string;
+};
+type CustomField = {
+    label: string;
+    type: "text" | "number" | "select";
+    name: string;
+    placeholder?: string;
+    options?: RadioOptionType[];
 };
 type ContactFormProps = {
     cardless?: boolean;
@@ -341,6 +354,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React__default.FC<ContactFormProps>;
 

package/dist/blocks/index.d.ts

@@ -1,7 +1,7 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-CKtkuNFH.js';
 import { LoginFormTextsTypes, RegisterFormTextsTypes, ThirdPartyAuthTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.js';
-import { S as SelectOptionProps, R as RadioOptionsTypes } from '../Radio-K1WGpnGA.js';
+import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-K1WGpnGA.js';
 import { M as MenuItemType } from '../DropdownMenu-SPisqCzV.js';
 import '@radix-ui/react-dropdown-menu';
 
@@ -112,6 +112,10 @@ type RegisterFormTypes = {
     additionalButtons?: any;
     /** To add more custom input fields   */
     additionalInputs?: any;
+    /** To customize the username input field   */
+    usernameOptions: {
+        label?: LabelProps;
+    };
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
@@ -328,6 +332,15 @@ type ContactFormData = {
     name: string;
     email: string;
     message: string;
+} & {
+    [key: string]: string;
+};
+type CustomField = {
+    label: string;
+    type: "text" | "number" | "select";
+    name: string;
+    placeholder?: string;
+    options?: RadioOptionType[];
 };
 type ContactFormProps = {
     cardless?: boolean;
@@ -341,6 +354,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React__default.FC<ContactFormProps>;
 

package/dist/blocks/index.js

@@ -3776,15 +3776,18 @@ var RegisterForm = ({
             control,
             name: "username",
             render: ({ field }) => {
-              var _a2, _b2, _c2;
+              var _a2, _b2, _c2, _d2;
               return /* @__PURE__ */ import_react15.default.createElement(
                 Input,
                 {
                   width: "full",
                   autoComplete: "username",
                   label: (_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label,
-                  helperText: (_b2 = formState.errors.username) == null ? void 0 : _b2.message,
-                  placeholder: (_c2 = texts == null ? void 0 : texts.username) == null ? void 0 : _c2.placeholder,
+                  labelProps: {
+                    ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
+                  },
+                  helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
+                  placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
                   ...field
                 }
               );
@@ -5491,25 +5494,56 @@ var ContactForm = ({
   texts,
   formId,
   formAutoComplete,
-  onSubmit
+  onSubmit,
+  customFields
 }) => {
   var _a, _b, _c;
+  const customFieldsSchema = z8.object({
+    ...customFields == null ? void 0 : customFields.reduce(
+      (acc, curr) => {
+        switch (curr.type) {
+          case "text":
+            acc[curr.name] = z8.string().optional().default("");
+            break;
+          case "number":
+            acc[curr.name] = z8.string().optional().default("");
+            break;
+          case "select":
+            acc[curr.name] = z8.string().optional().default("");
+            break;
+          default:
+            break;
+        }
+        return acc;
+      },
+      {}
+    )
+  });
   const contactFormSchema = z8.object({
     name: z8.string({ required_error: texts == null ? void 0 : texts.name.required }).min(1, texts == null ? void 0 : texts.name.required).default(""),
     email: z8.string({ required_error: (_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required }).email({ message: (_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid }).default(""),
     message: z8.string({ required_error: texts == null ? void 0 : texts.message.required }).min(10, texts == null ? void 0 : texts.message.invalid).default("")
   });
+  const customFieldsDefaultValues = customFields == null ? void 0 : customFields.reduce(
+    (acc, curr) => {
+      acc[curr.name] = "";
+      return acc;
+    },
+    {}
+  );
+  const MainSchema = contactFormSchema.merge(customFieldsSchema);
   const {
     control,
     handleSubmit,
     formState: { errors },
     reset
   } = (0, import_react_hook_form9.useForm)({
-    resolver: (0, import_zod8.zodResolver)(contactFormSchema),
+    resolver: (0, import_zod8.zodResolver)(MainSchema),
     defaultValues: {
       name: "",
       email: "",
-      message: ""
+      message: "",
+      ...customFieldsDefaultValues
     }
   });
   const handleFormSubmit = (data) => {
@@ -5520,15 +5554,10 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  let sizeStyle = {
-    sm: "hawa-max-w-sm",
-    default: "hawa-w-full"
-  };
   return /* @__PURE__ */ import_react35.default.createElement(
     Card,
     {
       className: cn(
-        // sizeStyle[size],
         "hawa-w-full",
         cardless && "hawa-border-none hawa-bg-transparent hawa-shadow-none hawa-drop-shadow-none"
       ),
@@ -5595,6 +5624,45 @@ var ContactForm = ({
           }
         )
       ),
+      customFields && customFields.map((customField) => {
+        console.log("custom", customField);
+        return /* @__PURE__ */ import_react35.default.createElement(
+          import_react_hook_form9.Controller,
+          {
+            control,
+            name: customField.name,
+            render: ({ field }) => {
+              const { type, label, placeholder } = customField;
+              switch (type) {
+                case "text":
+                case "number":
+                  return /* @__PURE__ */ import_react35.default.createElement(
+                    Input,
+                    {
+                      id: customField.name,
+                      type,
+                      label,
+                      placeholder,
+                      ...field
+                    }
+                  );
+                case "select":
+                  return /* @__PURE__ */ import_react35.default.createElement(
+                    Select,
+                    {
+                      label,
+                      options: customField.options,
+                      value: field.value,
+                      onChange: (option) => field.onChange(option.value)
+                    }
+                  );
+                default:
+                  return /* @__PURE__ */ import_react35.default.createElement("div", null, "Unknown type");
+              }
+            }
+          }
+        );
+      }),
       /* @__PURE__ */ import_react35.default.createElement(
         import_react_hook_form9.Controller,
         {
@@ -5611,6 +5679,7 @@ var ContactForm = ({
                   placeholder: texts == null ? void 0 : texts.message.placeholder,
                   ...field
                 },
+                classNames: { textarea: "hawa-min-h-20" },
                 helperText: (_a2 = errors.message) == null ? void 0 : _a2.message
               }
             );
@@ -6097,8 +6166,11 @@ var DropdownMenu = ({
         className: cn(
           className,
           widthStyles[width],
-          "hawa-flex hawa-flex-col hawa-gap-1"
+          "hawa-flex hawa-flex-col hawa-gap-1 hawa-overflow-y-auto"
         ),
+        style: {
+          maxHeight: "var(--radix-dropdown-menu-content-available-height)"
+        },
         align,
         alignOffset
       },

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-VCCUBQFI.mjs";
+} from "../chunk-U7BFMH2T.mjs";
 import {
   Button,
   Card,
@@ -41,7 +41,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-D3KUSRHL.mjs";
+} from "../chunk-3MC4JLSW.mjs";
 import "../chunk-ZFXKCRJC.mjs";
 
 // blocks/auth/LoginForm.tsx
@@ -561,15 +561,18 @@ var RegisterForm = ({
             control,
             name: "username",
             render: ({ field }) => {
-              var _a2, _b2, _c2;
+              var _a2, _b2, _c2, _d2;
               return /* @__PURE__ */ React3.createElement(
                 Input,
                 {
                   width: "full",
                   autoComplete: "username",
                   label: (_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label,
-                  helperText: (_b2 = formState.errors.username) == null ? void 0 : _b2.message,
-                  placeholder: (_c2 = texts == null ? void 0 : texts.username) == null ? void 0 : _c2.placeholder,
+                  labelProps: {
+                    ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
+                  },
+                  helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
+                  placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
                   ...field
                 }
               );
@@ -1693,25 +1696,56 @@ var ContactForm = ({
   texts,
   formId,
   formAutoComplete,
-  onSubmit
+  onSubmit,
+  customFields
 }) => {
   var _a, _b, _c;
+  const customFieldsSchema = z8.object({
+    ...customFields == null ? void 0 : customFields.reduce(
+      (acc, curr) => {
+        switch (curr.type) {
+          case "text":
+            acc[curr.name] = z8.string().optional().default("");
+            break;
+          case "number":
+            acc[curr.name] = z8.string().optional().default("");
+            break;
+          case "select":
+            acc[curr.name] = z8.string().optional().default("");
+            break;
+          default:
+            break;
+        }
+        return acc;
+      },
+      {}
+    )
+  });
   const contactFormSchema = z8.object({
     name: z8.string({ required_error: texts == null ? void 0 : texts.name.required }).min(1, texts == null ? void 0 : texts.name.required).default(""),
     email: z8.string({ required_error: (_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required }).email({ message: (_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid }).default(""),
     message: z8.string({ required_error: texts == null ? void 0 : texts.message.required }).min(10, texts == null ? void 0 : texts.message.invalid).default("")
   });
+  const customFieldsDefaultValues = customFields == null ? void 0 : customFields.reduce(
+    (acc, curr) => {
+      acc[curr.name] = "";
+      return acc;
+    },
+    {}
+  );
+  const MainSchema = contactFormSchema.merge(customFieldsSchema);
   const {
     control,
     handleSubmit,
     formState: { errors },
     reset
   } = useForm9({
-    resolver: zodResolver8(contactFormSchema),
+    resolver: zodResolver8(MainSchema),
     defaultValues: {
       name: "",
       email: "",
-      message: ""
+      message: "",
+      ...customFieldsDefaultValues
     }
   });
   const handleFormSubmit = (data) => {
@@ -1722,15 +1756,10 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  let sizeStyle = {
-    sm: "hawa-max-w-sm",
-    default: "hawa-w-full"
-  };
   return /* @__PURE__ */ React20.createElement(
     Card,
     {
       className: cn(
-        // sizeStyle[size],
         "hawa-w-full",
         cardless && "hawa-border-none hawa-bg-transparent hawa-shadow-none hawa-drop-shadow-none"
       ),
@@ -1797,6 +1826,45 @@ var ContactForm = ({
           }
         )
       ),
+      customFields && customFields.map((customField) => {
+        console.log("custom", customField);
+        return /* @__PURE__ */ React20.createElement(
+          Controller9,
+          {
+            control,
+            name: customField.name,
+            render: ({ field }) => {
+              const { type, label, placeholder } = customField;
+              switch (type) {
+                case "text":
+                case "number":
+                  return /* @__PURE__ */ React20.createElement(
+                    Input,
+                    {
+                      id: customField.name,
+                      type,
+                      label,
+                      placeholder,
+                      ...field
+                    }
+                  );
+                case "select":
+                  return /* @__PURE__ */ React20.createElement(
+                    Select,
+                    {
+                      label,
+                      options: customField.options,
+                      value: field.value,
+                      onChange: (option) => field.onChange(option.value)
+                    }
+                  );
+                default:
+                  return /* @__PURE__ */ React20.createElement("div", null, "Unknown type");
+              }
+            }
+          }
+        );
+      }),
       /* @__PURE__ */ React20.createElement(
         Controller9,
         {
@@ -1813,6 +1881,7 @@ var ContactForm = ({
                   placeholder: texts == null ? void 0 : texts.message.placeholder,
                   ...field
                 },
+                classNames: { textarea: "hawa-min-h-20" },
                 helperText: (_a2 = errors.message) == null ? void 0 : _a2.message
               }
             );

package/dist/blocks/misc/index.d.mts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import { T as TextInputType } from '../../textTypes-559CaoOV.mjs';
+import React__default, { FC } from 'react';
+import { T as TextInputType, R as RadioOptionType } from '../../textTypes-u4OSE-rn.mjs';
 
 type TabType = {
     title: string;
@@ -14,7 +14,7 @@ type LegalTextsType = {
     defaultTab?: any;
     scrollAreaClassName?: string;
 };
-declare const LegalTexts: React.FC<LegalTextsType>;
+declare const LegalTexts: React__default.FC<LegalTextsType>;
 
 type EmptyStateProps = {
     onActionClick: () => void;
@@ -71,6 +71,15 @@ type ContactFormData = {
     name: string;
     email: string;
     message: string;
+} & {
+    [key: string]: string;
+};
+type CustomField = {
+    label: string;
+    type: "text" | "number" | "select";
+    name: string;
+    placeholder?: string;
+    options?: RadioOptionType[];
 };
 type ContactFormProps = {
     cardless?: boolean;
@@ -84,7 +93,8 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
-declare const ContactForm: React.FC<ContactFormProps>;
+declare const ContactForm: React__default.FC<ContactFormProps>;
 
 export { Announcement, ContactForm, EmptyState, LeadGenerator, LegalTexts, NoPermission, NotFound, Testimonial };

package/dist/blocks/misc/index.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import { T as TextInputType } from '../../textTypes-559CaoOV.js';
+import React__default, { FC } from 'react';
+import { T as TextInputType, R as RadioOptionType } from '../../textTypes-u4OSE-rn.js';
 
 type TabType = {
     title: string;
@@ -14,7 +14,7 @@ type LegalTextsType = {
     defaultTab?: any;
     scrollAreaClassName?: string;
 };
-declare const LegalTexts: React.FC<LegalTextsType>;
+declare const LegalTexts: React__default.FC<LegalTextsType>;
 
 type EmptyStateProps = {
     onActionClick: () => void;
@@ -71,6 +71,15 @@ type ContactFormData = {
     name: string;
     email: string;
     message: string;
+} & {
+    [key: string]: string;
+};
+type CustomField = {
+    label: string;
+    type: "text" | "number" | "select";
+    name: string;
+    placeholder?: string;
+    options?: RadioOptionType[];
 };
 type ContactFormProps = {
     cardless?: boolean;
@@ -84,7 +93,8 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
-declare const ContactForm: React.FC<ContactFormProps>;
+declare const ContactForm: React__default.FC<ContactFormProps>;
 
 export { Announcement, ContactForm, EmptyState, LeadGenerator, LegalTexts, NoPermission, NotFound, Testimonial };