@algorithm-shift/design-system 1.2.202 → 1.2.951

package/dist/client.mjs

@@ -0,0 +1,362 @@
+'use client';
+"use client";
+import {
+  cn
+} from "./chunk-27YZ2WSP.mjs";
+
+// src/components/Form/Wrapper.tsx
+import { useEffect, useMemo } from "react";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { jsx } from "react/jsx-runtime";
+function generateZodSchema(data) {
+  const fields = data.reduce((acc, f) => {
+    const name = f.name || "unnamed";
+    const message = f.message || `${name} is invalid`;
+    const passwordLen = f.passwordLength;
+    let fieldSchema = z.string({ message });
+    switch (f.type) {
+      case "Text":
+      case "Search":
+        fieldSchema = z.string({ message });
+        if (f?.min && f?.min !== "") fieldSchema = fieldSchema.min(f.min);
+        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });
+        if (f?.max && f?.max !== "") fieldSchema = fieldSchema.max(f.max);
+        if (f?.email) fieldSchema = fieldSchema.email();
+        if (f?.url) fieldSchema = fieldSchema.url();
+        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));
+        break;
+      case "Email":
+        fieldSchema = z.email({ message });
+        break;
+      case "Password":
+        fieldSchema = z.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });
+        break;
+      case "Phone":
+        fieldSchema = z.string().transform((val) => val.replace(/\D/g, "")).transform((val) => val.slice(-10)).refine((val) => {
+          return val.length === 10;
+        }, {
+          message: "Phone number must be 10 digits long"
+        });
+        break;
+      case "DatePicker":
+        fieldSchema = z.string({
+          message: message || "Date is required"
+        }).trim().refine((val) => {
+          if (f.isRequired && !val) return false;
+          if (!f.isRequired && !val) return true;
+          const date = new Date(val);
+          return !isNaN(date.getTime());
+        }, { message: message || "Invalid date" });
+        break;
+      case "FileInput":
+        fieldSchema = z.instanceof(File, { message: "Please select a file" });
+        if (f?.maxSize) {
+          fieldSchema = fieldSchema.refine(
+            (file) => file.size <= f.maxSize,
+            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }
+          );
+        }
+        if (f?.acceptedTypes) {
+          fieldSchema = fieldSchema.refine(
+            (file) => f.acceptedTypes.includes(file.type),
+            { message: `File type must be one of: ${f.acceptedTypes.join(", ")}` }
+          );
+        }
+        break;
+      case "Checkbox":
+        fieldSchema = z.boolean({ message });
+        break;
+      case "Dropdown":
+        if (f.isRequired) {
+          fieldSchema = z.string({ message }).min(1, { message });
+        } else {
+          fieldSchema = z.string().nullable();
+        }
+        break;
+      case "NumberInput":
+        let numberSchema = z.number({ message });
+        if (f.min !== void 0)
+          numberSchema = numberSchema.min(f.min, {
+            message: `Minimum value is ${f.min}`
+          });
+        if (f.max !== void 0)
+          numberSchema = numberSchema.max(f.max, {
+            message: `Maximum value is ${f.max}`
+          });
+        fieldSchema = z.preprocess(
+          (val) => {
+            if (val === "" || val === null || val === void 0) return null;
+            const num = Number(val);
+            return isNaN(num) ? val : num;
+          },
+          numberSchema.nullable()
+        );
+        break;
+      default:
+        fieldSchema = z.any();
+    }
+    if (!f.isRequired) fieldSchema = fieldSchema.nullable().optional();
+    acc[name] = fieldSchema;
+    return acc;
+  }, {});
+  return z.object(fields);
+}
+var FormWrapper = ({
+  defaultValues,
+  children,
+  onSubmit,
+  onReset,
+  ...props
+}) => {
+  const schema = useMemo(() => {
+    if (Array.isArray(props.validation)) return null;
+    const validation = Object.values(props.validation || {}).map((v) => ({
+      ...v,
+      isRequired: !!v.isRequired
+    }));
+    const formValidation = validation?.filter((i) => i);
+    if (!formValidation || formValidation.length === 0) return null;
+    return generateZodSchema(formValidation);
+  }, [props.validation]);
+  const form = useForm({
+    resolver: schema ? zodResolver(schema) : void 0,
+    defaultValues
+  });
+  useEffect(() => {
+    if (!defaultValues) return;
+    if (typeof defaultValues === "object" && defaultValues !== null && !Array.isArray(defaultValues)) {
+      form.reset(defaultValues);
+    }
+  }, [defaultValues]);
+  const formSubmit = (data) => {
+    if (onSubmit) onSubmit(data);
+  };
+  const handleReset = () => {
+    form.reset();
+    if (onReset) onReset();
+  };
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      onSubmit: form.handleSubmit(formSubmit),
+      onReset: handleReset,
+      className: cn(
+        "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "min-h-[50px]", children: typeof children === "function" ? children(form) : children })
+    }
+  );
+};
+var Wrapper_default = FormWrapper;
+
+// src/components/Form/Form.tsx
+import React2, { useMemo as useMemo2 } from "react";
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+import { useForm as useForm2, Controller } from "react-hook-form";
+import { z as z2 } from "zod";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function generateZodSchema2(data) {
+  const fields = data.reduce((acc, f) => {
+    const name = f.name || "unnamed";
+    const message = f.message || `${name} is invalid`;
+    const passwordLen = f.passwordLength;
+    let fieldSchema = z2.string({ message });
+    switch (f.type) {
+      case "Text":
+      case "Search":
+        fieldSchema = z2.string({ message });
+        if (f?.min && f?.min !== "") fieldSchema = fieldSchema.min(f.min);
+        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });
+        if (f?.max && f?.max !== "") fieldSchema = fieldSchema.max(f.max);
+        if (f?.email) fieldSchema = fieldSchema.email();
+        if (f?.url) fieldSchema = fieldSchema.url();
+        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));
+        break;
+      case "Email":
+        fieldSchema = z2.email({ message });
+        break;
+      case "Password":
+        fieldSchema = z2.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });
+        break;
+      case "Phone":
+        fieldSchema = z2.string().transform((val) => val.replace(/\D/g, "")).transform((val) => val.slice(-10)).refine((val) => {
+          return val.length === 10;
+        }, {
+          message: "Phone number must be 10 digits long"
+        });
+        break;
+      case "DatePicker":
+        fieldSchema = z2.string({
+          message: message || "Date is required"
+        }).trim().refine((val) => {
+          if (f.isRequired && !val) return false;
+          if (!f.isRequired && !val) return true;
+          const date = new Date(val);
+          return !isNaN(date.getTime());
+        }, { message: message || "Invalid date" });
+        break;
+      case "FileInput":
+        fieldSchema = z2.instanceof(File, { message: "Please select a file" });
+        if (f?.maxSize) {
+          fieldSchema = fieldSchema.refine(
+            (file) => file.size <= f.maxSize,
+            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }
+          );
+        }
+        if (f?.acceptedTypes) {
+          fieldSchema = fieldSchema.refine(
+            (file) => f.acceptedTypes.includes(file.type),
+            { message: `File type must be one of: ${f.acceptedTypes.join(", ")}` }
+          );
+        }
+        break;
+      case "Checkbox":
+        fieldSchema = z2.boolean({ message });
+        break;
+      case "Dropdown":
+        if (f.isRequired) {
+          fieldSchema = z2.string({ message }).min(1, { message });
+        } else {
+          fieldSchema = z2.string().nullable();
+        }
+        break;
+      case "NumberInput":
+        let numberSchema = z2.number({ message });
+        if (f.min !== void 0)
+          numberSchema = numberSchema.min(f.min, {
+            message: `Minimum value is ${f.min}`
+          });
+        if (f.max !== void 0)
+          numberSchema = numberSchema.max(f.max, {
+            message: `Maximum value is ${f.max}`
+          });
+        fieldSchema = z2.preprocess(
+          (val) => {
+            if (val === "" || val === null || val === void 0) return null;
+            const num = Number(val);
+            return isNaN(num) ? val : num;
+          },
+          numberSchema.nullable()
+        );
+        break;
+      default:
+        fieldSchema = z2.any();
+    }
+    if (!f.isRequired) fieldSchema = fieldSchema.nullable().optional();
+    acc[name] = fieldSchema;
+    return acc;
+  }, {});
+  return z2.object(fields);
+}
+var Form = ({
+  validation,
+  defaultValues,
+  children,
+  onSubmit,
+  onReset
+}) => {
+  const schema = useMemo2(() => {
+    if (!validation || validation.length === 0) return null;
+    return generateZodSchema2(validation);
+  }, [validation]);
+  const {
+    handleSubmit,
+    control,
+    formState: { errors },
+    reset
+  } = useForm2({
+    resolver: schema ? zodResolver2(schema) : void 0,
+    defaultValues
+  });
+  const formSubmit = (data) => {
+    if (onSubmit) onSubmit(data);
+  };
+  const handleReset = () => {
+    reset();
+    if (onReset) onReset();
+  };
+  return /* @__PURE__ */ jsx2(
+    "form",
+    {
+      onSubmit: handleSubmit(formSubmit),
+      onReset: handleReset,
+      className: cn(
+        "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
+      ),
+      children: /* @__PURE__ */ jsx2("div", { className: "min-h-[50px]", children: React2.Children.map(children, (child) => {
+        const processChild = (child2) => {
+          if (React2.isValidElement(child2)) {
+            const node = child2.props?.node;
+            if (node?.category === "Form Controls") {
+              const name = node.properties?.name || "unnamed";
+              return /* @__PURE__ */ jsx2("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx2(
+                Controller,
+                {
+                  name,
+                  control,
+                  render: ({ field: controllerField }) => {
+                    const childElement = child2;
+                    return React2.cloneElement(childElement, {
+                      input: {
+                        ...controllerField,
+                        value: controllerField.value || "",
+                        hasFormContainer: true,
+                        validateOnMount: true,
+                        errorMessage: errors[name]?.message || null
+                      },
+                      children: void 0
+                    });
+                  }
+                }
+              ) }, node.id);
+            }
+            if (child2.props?.children) {
+              const childElement = child2;
+              return React2.cloneElement(childElement, {
+                children: React2.Children.map(childElement.props.children, processChild)
+              });
+            }
+            return React2.cloneElement(child2);
+          }
+          return child2;
+        };
+        return processChild(child);
+      }) })
+    }
+  );
+};
+var Form_default = Form;
+
+// src/components/StateManagment/stateReducer.ts
+function stateReducer(state, action) {
+  switch (action.type) {
+    case "SET_STATE":
+      return { ...state, [action.key]: action.value };
+    case "SET_MULTIPLE_STATES":
+      return { ...state, ...action.values };
+    default:
+      return state;
+  }
+}
+
+// src/components/StateManagment/StateContext.tsx
+import { createContext, useContext, useReducer } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var StateContext = createContext(null);
+function StateProvider({ children, initialState = {} }) {
+  const [state, dispatch] = useReducer(stateReducer, initialState);
+  return /* @__PURE__ */ jsx3(StateContext.Provider, { value: { state, dispatch }, children });
+}
+function useAppState() {
+  return useContext(StateContext);
+}
+export {
+  Form_default as Form,
+  Wrapper_default as FormWrapper,
+  StateProvider,
+  stateReducer,
+  useAppState
+};
+//# sourceMappingURL=client.mjs.map

package/dist/client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Form/Wrapper.tsx","../src/components/Form/Form.tsx","../src/components/StateManagment/stateReducer.ts","../src/components/StateManagment/StateContext.tsx"],"sourcesContent":["'use client';\r\nimport React, { useEffect, useMemo } from 'react';\r\n\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { useForm, UseFormReturn } from 'react-hook-form';\r\nimport { z } from 'zod';\r\n\r\nimport { cn } from '@/lib/utils';\r\n\r\ninterface FormWrapperProps<T extends z.ZodObject<any>> {\r\n  validation?: Record<string, any>;\r\n  formName?: string;\r\n  defaultValues?: Partial<z.infer<T>> | any;\r\n  children?: React.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React.ReactNode);\r\n  onSubmit?: (data: z.infer<T>) => void;\r\n  onReset?: () => void;\r\n}\r\n\r\nfunction generateZodSchema(data: any[]): z.ZodObject<any> {\r\n  const fields = data.reduce((acc, f) => {\r\n    const name = f.name || 'unnamed';\r\n    const message = f.message || `${name} is invalid`;\r\n    const passwordLen = f.passwordLength;\r\n\r\n    let fieldSchema: any = z.string({ message });\r\n\r\n    switch (f.type) {\r\n      case 'Text':\r\n      case 'Search':\r\n        fieldSchema = z.string({ message });\r\n        if (f?.min && f?.min !== '') fieldSchema = fieldSchema.min(f.min);\r\n        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });\r\n        if (f?.max && f?.max !== '') fieldSchema = fieldSchema.max(f.max);\r\n        if (f?.email) fieldSchema = fieldSchema.email();\r\n        if (f?.url) fieldSchema = fieldSchema.url();\r\n        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));\r\n        break;\r\n      case 'Email':\r\n        fieldSchema = z.email({ message });\r\n        break;\r\n      case 'Password':\r\n        fieldSchema = z.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });\r\n        break;\r\n      case 'Phone':\r\n        fieldSchema = z.string().transform(val => val.replace(/\\D/g, '')).transform(val => val.slice(-10)).refine(val => {\r\n          return val.length === 10;\r\n        }, {\r\n          message: 'Phone number must be 10 digits long',\r\n        });\r\n        break;\r\n      case 'DatePicker':\r\n        fieldSchema = z.string({\r\n          message: message || 'Date is required',\r\n        }).trim().refine((val) => {\r\n          if (f.isRequired && !val) return false;\r\n          if (!f.isRequired && !val) return true;\r\n          const date = new Date(val);\r\n          return !isNaN(date.getTime());\r\n        }, { message: message || 'Invalid date' });\r\n        break;\r\n      case 'FileInput':\r\n        fieldSchema = z.instanceof(File, { message: 'Please select a file' });\r\n        if (f?.maxSize) {\r\n          fieldSchema = fieldSchema.refine(\r\n            (file: File) => file.size <= f.maxSize,\r\n            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }\r\n          );\r\n        }\r\n        if (f?.acceptedTypes) {\r\n          fieldSchema = fieldSchema.refine(\r\n            (file: File) => f.acceptedTypes.includes(file.type),\r\n            { message: `File type must be one of: ${f.acceptedTypes.join(', ')}` }\r\n          );\r\n        }\r\n        break;\r\n      case 'Checkbox':\r\n        fieldSchema = z.boolean({ message });\r\n        break;\r\n      case 'Dropdown':\r\n        if (f.isRequired) {\r\n          fieldSchema = z.string({ message }).min(1, { message });\r\n        } else {\r\n          fieldSchema = z.string().nullable();\r\n        }\r\n        break;\r\n      case 'NumberInput':\r\n        let numberSchema = z.number({ message });\r\n\r\n        if (f.min !== undefined)\r\n          numberSchema = numberSchema.min(f.min, {\r\n            message: `Minimum value is ${f.min}`,\r\n          });\r\n\r\n        if (f.max !== undefined)\r\n          numberSchema = numberSchema.max(f.max, {\r\n            message: `Maximum value is ${f.max}`,\r\n          });\r\n\r\n        // Preprocess empty string/null → null and cast strings to numbers\r\n        fieldSchema = z.preprocess(\r\n          (val) => {\r\n            if (val === '' || val === null || val === undefined) return null;\r\n            const num = Number(val);\r\n            return isNaN(num) ? val : num;\r\n          },\r\n          numberSchema.nullable()\r\n        );\r\n        break;\r\n      default:\r\n        fieldSchema = z.any();\r\n    }\r\n\r\n    if (!f.isRequired) fieldSchema = fieldSchema.nullable().optional();\r\n\r\n    acc[name] = fieldSchema;\r\n    return acc;\r\n  }, {} as Record<string, any>);\r\n\r\n  return z.object(fields);\r\n}\r\n\r\nconst FormWrapper = <T extends z.ZodObject<any>>({\r\n  defaultValues,\r\n  children,\r\n  onSubmit,\r\n  onReset,\r\n  ...props\r\n}: FormWrapperProps<T>) => {\r\n  const schema = useMemo(() => {\r\n    if (Array.isArray(props.validation)) return null;\r\n    // Transform validation to ensure isRequired is boolean\r\n    const validation = Object.values(props.validation || {}).map(v => ({\r\n      ...v,\r\n      isRequired: !!v.isRequired\r\n    }));\r\n\r\n    const formValidation = validation?.filter(i => i);\r\n    if (!formValidation || formValidation.length === 0) return null;\r\n    return generateZodSchema(formValidation);\r\n  }, [props.validation]);\r\n\r\n  type FormData = z.infer<T>;\r\n\r\n  const form = useForm<FormData>({\r\n    resolver: schema ? zodResolver(schema) as any : undefined,\r\n    defaultValues,\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (!defaultValues) return;\r\n    // Only reset if defaultValues is an object (not null, undefined, or array)\r\n    if (typeof defaultValues === 'object' && defaultValues !== null && !Array.isArray(defaultValues)) {\r\n      form.reset(defaultValues);\r\n    }\r\n  }, [defaultValues]);\r\n\r\n  const formSubmit = (data: FormData) => {\r\n    if (onSubmit) onSubmit(data);\r\n  };\r\n\r\n  const handleReset = () => {\r\n    form.reset();\r\n    if (onReset) onReset();\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={form.handleSubmit(formSubmit)}\r\n      onReset={handleReset}\r\n      className={cn(\r\n        'space-y-4 min-h-[100px] h-auto flex justify-between flex-col'\r\n      )}\r\n    >\r\n      <div className='min-h-[50px]'>\r\n        {typeof children === 'function'\r\n          ? (children as (form: UseFormReturn<FormData>) => React.ReactNode)(form)\r\n          : children}\r\n      </div>\r\n    </form>\r\n  );\r\n};\r\n\r\nexport default FormWrapper;","'use client';\r\nimport React, { useMemo } from 'react';\r\n\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { useForm, Controller } from 'react-hook-form';\r\nimport { z } from 'zod';\r\n\r\nimport { cn } from '@/lib/utils';\r\n\r\n// ****************** THIS COMPONENT NOT USED IN EXPORT CODE OR ANYWHERE ELSE YET. ************************\r\n\r\ninterface FormProps<T extends z.ZodObject<any>> {\r\n  validation?: any[];\r\n  formName?: string;\r\n  defaultValues?: Partial<z.infer<T>> | any;\r\n  children?: React.ReactNode;\r\n  onSubmit?: (data: z.infer<T>) => void;\r\n  onReset?: () => void;\r\n}\r\n\r\nfunction generateZodSchema(data: any[]): z.ZodObject<any> {\r\n  const fields = data.reduce((acc, f) => {\r\n    const name = f.name || 'unnamed';\r\n    const message = f.message || `${name} is invalid`;\r\n    const passwordLen = f.passwordLength;\r\n\r\n    let fieldSchema: any = z.string({ message });\r\n\r\n    switch (f.type) {\r\n      case 'Text':\r\n      case 'Search':\r\n        fieldSchema = z.string({ message });\r\n        if (f?.min && f?.min !== '') fieldSchema = fieldSchema.min(f.min);\r\n        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });\r\n        if (f?.max && f?.max !== '') fieldSchema = fieldSchema.max(f.max);\r\n        if (f?.email) fieldSchema = fieldSchema.email();\r\n        if (f?.url) fieldSchema = fieldSchema.url();\r\n        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));\r\n        break;\r\n      case 'Email':\r\n        fieldSchema = z.email({ message });\r\n        break;\r\n      case 'Password':\r\n        fieldSchema = z.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });\r\n        break;\r\n      case 'Phone':\r\n        fieldSchema = z.string().transform(val => val.replace(/\\D/g, '')).transform(val => val.slice(-10)).refine(val => {\r\n          return val.length === 10;\r\n        }, {\r\n          message: 'Phone number must be 10 digits long',\r\n        });\r\n        break;\r\n      case 'DatePicker':\r\n        fieldSchema = z.string({\r\n          message: message || 'Date is required',\r\n        }).trim().refine((val) => {\r\n          if (f.isRequired && !val) return false;\r\n          if (!f.isRequired && !val) return true;\r\n          const date = new Date(val);\r\n          return !isNaN(date.getTime());\r\n        }, { message: message || 'Invalid date' });\r\n        break;\r\n      case 'FileInput':\r\n        fieldSchema = z.instanceof(File, { message: 'Please select a file' });\r\n        if (f?.maxSize) {\r\n          fieldSchema = fieldSchema.refine(\r\n            (file: File) => file.size <= f.maxSize,\r\n            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }\r\n          );\r\n        }\r\n        if (f?.acceptedTypes) {\r\n          fieldSchema = fieldSchema.refine(\r\n            (file: File) => f.acceptedTypes.includes(file.type),\r\n            { message: `File type must be one of: ${f.acceptedTypes.join(', ')}` }\r\n          );\r\n        }\r\n        break;\r\n      case 'Checkbox':\r\n        fieldSchema = z.boolean({ message });\r\n        break;\r\n      case 'Dropdown':\r\n        if (f.isRequired) {\r\n          fieldSchema = z.string({ message }).min(1, { message });\r\n        } else {\r\n          fieldSchema = z.string().nullable();\r\n        }\r\n        break;\r\n      case 'NumberInput':\r\n        let numberSchema = z.number({ message });\r\n\r\n        if (f.min !== undefined)\r\n          numberSchema = numberSchema.min(f.min, {\r\n            message: `Minimum value is ${f.min}`,\r\n          });\r\n\r\n        if (f.max !== undefined)\r\n          numberSchema = numberSchema.max(f.max, {\r\n            message: `Maximum value is ${f.max}`,\r\n          });\r\n\r\n        // Preprocess empty string/null → null and cast strings to numbers\r\n        fieldSchema = z.preprocess(\r\n          (val) => {\r\n            if (val === '' || val === null || val === undefined) return null;\r\n            const num = Number(val);\r\n            return isNaN(num) ? val : num;\r\n          },\r\n          numberSchema.nullable()\r\n        );\r\n        break;\r\n      default:\r\n        fieldSchema = z.any();\r\n    }\r\n\r\n    if (!f.isRequired) fieldSchema = fieldSchema.nullable().optional();\r\n\r\n    acc[name] = fieldSchema;\r\n    return acc;\r\n  }, {} as Record<string, any>);\r\n\r\n  return z.object(fields);\r\n}\r\n\r\nconst Form = <T extends z.ZodObject<any>>({\r\n  validation,\r\n  defaultValues,\r\n  children,\r\n  onSubmit,\r\n  onReset,\r\n}: FormProps<T>) => {\r\n\r\n  const schema = useMemo(() => {\r\n    if (!validation || validation.length === 0) return null;\r\n    return generateZodSchema(validation);\r\n  }, [validation]);\r\n\r\n  type FormData = z.infer<T>;\r\n\r\n  const {\r\n    handleSubmit,\r\n    control,\r\n    formState: { errors },\r\n    reset,\r\n  } = useForm<FormData>({\r\n    resolver: schema ? zodResolver(schema) as any : undefined,\r\n    defaultValues,\r\n  });\r\n\r\n  const formSubmit = (data: FormData) => {\r\n    if (onSubmit) onSubmit(data);\r\n  };\r\n\r\n  const handleReset = () => {\r\n    reset();\r\n    if (onReset) onReset();\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={handleSubmit(formSubmit)}\r\n      onReset={handleReset}\r\n      className={cn(\r\n        'space-y-4 min-h-[100px] h-auto flex justify-between flex-col'\r\n      )}\r\n    >\r\n      <div className='min-h-[50px]'>\r\n        {React.Children.map(children, child => {\r\n          const processChild = (child: React.ReactNode): React.ReactNode => {\r\n            if (React.isValidElement(child)) {\r\n              const node = (child.props as any)?.node;\r\n\r\n              if (node?.category === 'Form Controls') {\r\n                const name = node.properties?.name || 'unnamed';\r\n                return (\r\n                  <div key={node.id} className=\"flex flex-col\">\r\n                    <Controller\r\n                      name={name}\r\n                      control={control}\r\n                      render={({ field: controllerField }) => {\r\n                        const childElement = child as React.ReactElement<{ children?: React.ReactNode, input?: any }>;\r\n                        return React.cloneElement(childElement, {\r\n                          input: {\r\n                            ...controllerField,\r\n                            value: controllerField.value || '',\r\n                            hasFormContainer: true,\r\n                            validateOnMount: true,\r\n                            errorMessage: errors[name]?.message || null\r\n                          },\r\n                          children: undefined\r\n                        });\r\n                      }}\r\n                    />\r\n                  </div>\r\n                );\r\n              }\r\n\r\n              // Recursively process children of this element\r\n              if ((child as React.ReactElement<{ children?: React.ReactNode }>).props?.children) {\r\n                const childElement = child as React.ReactElement<{ children?: React.ReactNode }>;\r\n                return React.cloneElement(childElement, {\r\n                  children: React.Children.map(childElement.props.children, processChild),\r\n                });\r\n              }\r\n\r\n              return React.cloneElement(child);\r\n            }\r\n            return child;\r\n          };\r\n\r\n          return processChild(child);\r\n        })}\r\n      </div>\r\n    </form>\r\n  );\r\n};\r\n\r\nexport default Form;","export type CanvasState = Record<string, any>;\r\n\r\nexport type CanvasAction =\r\n  | { type: 'SET_STATE'; key: string; value: any }\r\n  | { type: 'SET_MULTIPLE_STATES'; values: Record<string, any> };\r\n\r\nexport function stateReducer(state: CanvasState, action: CanvasAction): CanvasState {\r\n  switch (action.type) {\r\n    case 'SET_STATE':\r\n      return { ...state, [action.key]: action.value };\r\n\r\n    case 'SET_MULTIPLE_STATES':\r\n      return { ...state, ...action.values };\r\n\r\n    default:\r\n      return state;\r\n  }\r\n}\r\n","'use client';\r\nimport React, { createContext, useContext, useReducer } from 'react';\r\n\r\nimport { stateReducer, CanvasState } from './stateReducer';\r\n\r\nconst StateContext = createContext<any>(null);\r\n\r\nexport function StateProvider({ children, initialState = {} }: { children: React.ReactNode, initialState?: CanvasState }) {\r\n  const [state, dispatch] = useReducer(stateReducer, initialState);\r\n  return (\r\n    <StateContext.Provider value={{ state, dispatch }}>\r\n      {children}\r\n    </StateContext.Provider>\r\n  );\r\n}\r\n\r\nexport function useAppState() {\r\n  return useContext(StateContext);\r\n}\r\n"],"mappings":"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","names":["React","useMemo","zodResolver","useForm","z","jsx","generateZodSchema","z","useMemo","useForm","zodResolver","React","child","jsx"]}