@sikka/hawa 0.26.38-next → 0.26.39-next

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

@@ -1,6 +1,5 @@
 import { FC } from 'react';
-import { D as DirectionType } from '../../commonTypes-MxCJyrHv.mjs';
-import { L as LoginFormTextsTypes, R as RegisterFormTextsTypes, a as ThirdPartyAuthTextsTypes, N as NewPasswordTextsTypes, b as ResetPasswordTextsTypes } from '../../textTypes-559CaoOV.mjs';
+import { L as LoginFormTextsTypes, D as DirectionType, a as RegisterFormTextsTypes, b as ThirdPartyAuthTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-u4OSE-rn.mjs';
 
 type LoginFormTypes = {
     /** Object containing text labels used throughout the form. */

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

@@ -1,6 +1,5 @@
 import { FC } from 'react';
-import { D as DirectionType } from '../../commonTypes-MxCJyrHv.js';
-import { L as LoginFormTextsTypes, R as RegisterFormTextsTypes, a as ThirdPartyAuthTextsTypes, N as NewPasswordTextsTypes, b as ResetPasswordTextsTypes } from '../../textTypes-559CaoOV.js';
+import { L as LoginFormTextsTypes, D as DirectionType, a as RegisterFormTextsTypes, b as ThirdPartyAuthTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-u4OSE-rn.js';
 
 type LoginFormTypes = {
     /** Object containing text labels used throughout the form. */

package/dist/blocks/auth/index.mjs

@@ -6,8 +6,7 @@ import {
 } from "../../chunk-ZS3FB3PO.mjs";
 import {
   Select
-} from "../../chunk-DUHB245X.mjs";
-import "../../chunk-WUHNPHD5.mjs";
+} from "../../chunk-LKPRTTIX.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon

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

@@ -1,6 +1,5 @@
 import React, { FC } from 'react';
-import { D as DirectionType } from '../../commonTypes-MxCJyrHv.mjs';
-import { B as BaseInputType } from '../../textTypes-559CaoOV.mjs';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-u4OSE-rn.mjs';
 
 type RadioOptionsTypes = {
     value: any;

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

@@ -1,6 +1,5 @@
 import React, { FC } from 'react';
-import { D as DirectionType } from '../../commonTypes-MxCJyrHv.js';
-import { B as BaseInputType } from '../../textTypes-559CaoOV.js';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-u4OSE-rn.js';
 
 type RadioOptionsTypes = {
     value: any;

package/dist/blocks/feedback/index.mjs

@@ -3,8 +3,7 @@ import {
 } from "../../chunk-SUEL7HXM.mjs";
 import {
   Select
-} from "../../chunk-DUHB245X.mjs";
-import "../../chunk-WUHNPHD5.mjs";
+} from "../../chunk-LKPRTTIX.mjs";
 import {
   Radio
 } from "../../chunk-YBMQJF4S.mjs";

package/dist/blocks/index.d.mts

@@ -328,6 +328,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 +350,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React__default.FC<ContactFormProps>;
 

package/dist/blocks/index.d.ts

@@ -328,6 +328,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 +350,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React__default.FC<ContactFormProps>;
 

package/dist/blocks/index.js

@@ -5491,25 +5491,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 +5551,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 +5621,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,
         {

package/dist/blocks/index.mjs

@@ -1693,25 +1693,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 +1753,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 +1823,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,
         {

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 { T as TextInputType, R as RadioOptionType } from '../../textTypes-u4OSE-rn.mjs';
 
 type TabType = {
     title: string;
@@ -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,6 +93,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React.FC<ContactFormProps>;
 

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 { T as TextInputType, R as RadioOptionType } from '../../textTypes-u4OSE-rn.js';
 
 type TabType = {
     title: string;
@@ -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,6 +93,7 @@ type ContactFormProps = {
         email: TextInputType;
         message: TextInputType;
     };
+    customFields?: CustomField[];
 };
 declare const ContactForm: React.FC<ContactFormProps>;