@sikka/hawa 0.26.37-next → 0.26.39-next

package/dist/blocks/index.js

@@ -206,7 +206,7 @@ var Loading = ({
         /* @__PURE__ */ import_react.default.createElement(
           "path",
           {
-            className: "squircle-track",
+            className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
             fill: "none",
             strokeWidth: "5",
             pathLength: "100",
@@ -216,7 +216,7 @@ var Loading = ({
         /* @__PURE__ */ import_react.default.createElement(
           "path",
           {
-            className: "squircle-car",
+            className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
             fill: "none",
             strokeWidth: "5",
             pathLength: "100",
@@ -225,9 +225,9 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "progress-loading" });
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: cn("progress-loading", classNames == null ? void 0 : classNames.container) });
     case "orbit":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "orbit-container" });
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
     default:
       return /* @__PURE__ */ import_react.default.createElement(
         "svg",
@@ -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

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-UGUBB57K.mjs";
+} from "../chunk-VCCUBQFI.mjs";
 import {
   Button,
   Card,
@@ -41,7 +41,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-AJUOAC6L.mjs";
+} from "../chunk-D3KUSRHL.mjs";
 import "../chunk-ZFXKCRJC.mjs";
 
 // blocks/auth/LoginForm.tsx
@@ -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>;