@otl-core/forms 1.1.18 → 1.1.20

package/dist/use-form-action.js

@@ -0,0 +1,264 @@
+"use client";
+import { useCallback, useMemo } from "react";
+import { useForm } from "./form-context";
+import {
+  findBlockInDocument,
+  getNextPage,
+  getPreviousPage
+} from "./utils/page.utils";
+import {
+  evaluateDisabledRules,
+  evaluateVisibilityRules
+} from "./utils/rule.utils";
+import { validatePage } from "./utils/validation.utils";
+function useFormAction(id) {
+  const {
+    formId,
+    document,
+    formValues,
+    setErrors,
+    loading,
+    currentPage,
+    setCurrentPage,
+    setFormValues,
+    setGlobalError,
+    settings,
+    analyticsSettings,
+    onAnalyticsEvent,
+    formName,
+    environmentVariantId,
+    formVariantId,
+    locale
+  } = useForm();
+  const block = useMemo(() => {
+    return findBlockInDocument(id, document);
+  }, [document, id]);
+  const navigate = useCallback(
+    (to) => {
+      const currentPageValid = to === "first" || validatePage(currentPage, formValues, settings);
+      if (currentPageValid !== true) {
+        setErrors(currentPageValid);
+        return;
+      }
+      setErrors(null);
+      setGlobalError(null);
+      let targetPage = null;
+      switch (to) {
+        case "prev":
+          const previousPage = getPreviousPage(currentPage, document);
+          if (previousPage) {
+            targetPage = previousPage;
+            setCurrentPage(previousPage);
+          } else {
+            console.error("[ERROR] No previous page found.");
+            setGlobalError("Configuration Error: No previous page found.");
+          }
+          break;
+        case "next":
+          const nextPage = getNextPage(currentPage, document);
+          if (nextPage) {
+            targetPage = nextPage;
+            setCurrentPage(nextPage);
+          } else {
+            console.error("[ERROR] No next page found.");
+            setGlobalError("Configuration Error: No next page found.");
+          }
+          break;
+        case "first":
+          targetPage = document.pages[0];
+          setCurrentPage(document.pages[0]);
+          break;
+        case "last":
+          targetPage = document.pages[document.pages.length - 1];
+          setCurrentPage(document.pages[document.pages.length - 1]);
+          break;
+        default:
+          targetPage = document.pages.find((page) => page.id === to) || document.pages[0];
+          setCurrentPage(targetPage);
+          break;
+      }
+      if (targetPage && typeof window !== "undefined" && window.parent) {
+        window.parent.postMessage(
+          { type: "FORM_PAGE_CHANGED", pageId: targetPage.id },
+          window.location.origin
+        );
+      }
+      if (targetPage && analyticsSettings?.track_page_navigation && onAnalyticsEvent) {
+        const targetIndex = document.pages.findIndex(
+          (p) => p.id === targetPage.id
+        );
+        onAnalyticsEvent("form_page_change", {
+          form_id: formId,
+          form_name: formName,
+          page_id: targetPage.id,
+          page_index: targetIndex,
+          total_pages: document.pages.length
+        });
+      }
+    },
+    [
+      currentPage,
+      setCurrentPage,
+      document,
+      formId,
+      formValues,
+      settings,
+      setErrors,
+      setGlobalError,
+      analyticsSettings,
+      onAnalyticsEvent,
+      formName
+    ]
+  );
+  const submit = useCallback(async () => {
+    if (!block) {
+      return;
+    }
+    let allErrors = {};
+    let hasErrors = false;
+    for (const page of document.pages) {
+      const result = validatePage(page, formValues, settings);
+      if (result !== true) {
+        allErrors = { ...allErrors, ...result };
+        hasErrors = true;
+      }
+    }
+    if (hasErrors) {
+      setErrors(allErrors);
+      if (analyticsSettings?.track_form_error && onAnalyticsEvent) {
+        onAnalyticsEvent("form_error", {
+          form_id: formId,
+          form_name: formName,
+          error_count: Object.keys(allErrors).length,
+          error_fields: Object.keys(allErrors)
+        });
+      }
+      return;
+    }
+    setErrors(null);
+    setGlobalError(null);
+    try {
+      const buttonTypeOverride = block && typeof block.config.submission_type === "string" && block.config.submission_type ? block.config.submission_type : void 0;
+      const submissionData = {
+        form_id: formId,
+        type: buttonTypeOverride ?? settings?.form_type ?? "General",
+        locale: locale ?? "en",
+        data: formValues,
+        environment_type: "page",
+        environment_id: formId,
+        environment_path: typeof window !== "undefined" ? window.location.pathname : void 0,
+        form_variant_id: formVariantId ?? "",
+        environment_variant_id: environmentVariantId ?? ""
+      };
+      const response = await fetch("/api/submission", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(submissionData)
+      });
+      const result = await response.json();
+      if (!response.ok || !result.success) {
+        setGlobalError(
+          result.message || "Failed to submit form. Please try again."
+        );
+        return;
+      }
+      if (analyticsSettings?.track_form_submit && onAnalyticsEvent) {
+        onAnalyticsEvent("form_submit", {
+          form_id: formId,
+          form_name: formName,
+          total_pages: document.pages.length,
+          custom_event_name: analyticsSettings.submit_event_name,
+          target_providers: analyticsSettings.target_providers
+        });
+      }
+    } catch (error) {
+      setGlobalError("An error occurred while submitting the form.");
+    }
+    return Promise.resolve();
+  }, [
+    block,
+    document,
+    formId,
+    formValues,
+    setErrors,
+    setGlobalError,
+    settings,
+    analyticsSettings,
+    onAnalyticsEvent,
+    formName,
+    locale,
+    formVariantId,
+    environmentVariantId
+  ]);
+  const reset = useCallback(async () => {
+    if (!block) {
+      return;
+    }
+    setFormValues({});
+    setErrors(null);
+    setGlobalError(null);
+    return Promise.resolve();
+  }, [block, setFormValues, setErrors, setGlobalError]);
+  const executeAction = useCallback(async () => {
+    if (!block) {
+      return;
+    }
+    const action = block.config.action;
+    let to = String(block.config.navigate_to_page || "next");
+    if (action === "reset") {
+      await reset();
+      to = "first";
+      navigate(to);
+    } else if (action === "submit") {
+      await submit();
+      navigate(to);
+    } else if (action === "navigate") {
+      navigate(to);
+    }
+    return Promise.resolve();
+  }, [block, navigate, submit, reset]);
+  const display = useMemo(() => {
+    if (!block) {
+      return "none";
+    }
+    const rules = block.config.advanced_options?.rules;
+    if (!rules) {
+      return "block";
+    }
+    return evaluateVisibilityRules(rules, formValues);
+  }, [block, formValues]);
+  const disabled = useMemo(() => {
+    if (!block) {
+      return false;
+    }
+    if (loading) {
+      return true;
+    }
+    if (typeof block.config.disabled === "boolean" && block.config.disabled) {
+      return block.config.disabled;
+    }
+    const rules = block.config.advanced_options?.rules;
+    if (!rules) {
+      return false;
+    }
+    return evaluateDisabledRules(rules, formValues);
+  }, [block, formValues, loading]);
+  if (!block) {
+    return null;
+  }
+  return {
+    variant: typeof block.config.variant === "string" ? block.config.variant : "primary",
+    size: typeof block.config.size === "string" ? block.config.size : "md",
+    disabled,
+    loading,
+    display,
+    text: typeof block.config.text === "string" ? block.config.text : typeof block.config.label === "string" ? block.config.label : "",
+    onClick: executeAction
+  };
+}
+export {
+  useFormAction
+};
+//# sourceMappingURL=use-form-action.js.map

package/dist/use-form-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-form-action.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  BlockInstance,\n  FormAdvancedOptions,\n  FormPage,\n} from \"@otl-core/cms-types\";\nimport { useCallback, useMemo } from \"react\";\nimport { useForm } from \"./form-context\";\nimport {\n  findBlockInDocument,\n  getNextPage,\n  getPreviousPage,\n} from \"./utils/page.utils\";\nimport {\n  evaluateDisabledRules,\n  evaluateVisibilityRules,\n} from \"./utils/rule.utils\";\nimport { validatePage } from \"./utils/validation.utils\";\n\ninterface FormAction {\n  variant: \"primary\" | \"secondary\" | \"outline\" | \"ghost\";\n  size: \"sm\" | \"md\" | \"lg\";\n  disabled: boolean;\n  loading: boolean;\n  display: \"block\" | \"none\";\n  text: string;\n  onClick: () => Promise<void>;\n}\n\nexport function useFormAction(id: string): FormAction | null {\n  const {\n    formId,\n    document,\n    formValues,\n    setErrors,\n    loading,\n    currentPage,\n    setCurrentPage,\n    setFormValues,\n    setGlobalError,\n    settings,\n    analyticsSettings,\n    onAnalyticsEvent,\n    formName,\n    environmentVariantId,\n    formVariantId,\n    locale,\n  } = useForm();\n\n  const block: BlockInstance | null = useMemo(() => {\n    return findBlockInDocument(id, document);\n  }, [document, id]);\n\n  const navigate = useCallback(\n    (to: string) => {\n      const currentPageValid: true | { [key: string]: string } =\n        to === \"first\" || validatePage(currentPage, formValues, settings);\n\n      if (currentPageValid !== true) {\n        // Replace errors, don't accumulate\n        setErrors(currentPageValid);\n        return;\n      }\n\n      // Clear errors when navigation is successful\n      setErrors(null);\n      setGlobalError(null);\n\n      let targetPage: FormPage | null = null;\n\n      switch (to) {\n        case \"prev\":\n          const previousPage = getPreviousPage(currentPage, document);\n          if (previousPage) {\n            targetPage = previousPage;\n            setCurrentPage(previousPage);\n          } else {\n            console.error(\"[ERROR] No previous page found.\");\n            setGlobalError(\"Configuration Error: No previous page found.\");\n          }\n          break;\n        case \"next\":\n          const nextPage = getNextPage(currentPage, document);\n          if (nextPage) {\n            targetPage = nextPage;\n            setCurrentPage(nextPage);\n          } else {\n            console.error(\"[ERROR] No next page found.\");\n            setGlobalError(\"Configuration Error: No next page found.\");\n          }\n          break;\n        case \"first\":\n          targetPage = document.pages[0];\n          setCurrentPage(document.pages[0]);\n          break;\n        case \"last\":\n          targetPage = document.pages[document.pages.length - 1];\n          setCurrentPage(document.pages[document.pages.length - 1]);\n          break;\n        default:\n          targetPage =\n            document.pages.find((page) => page.id === to) || document.pages[0];\n          setCurrentPage(targetPage);\n          break;\n      }\n\n      // Notify parent window of page change (for editor sync)\n      if (targetPage && typeof window !== \"undefined\" && window.parent) {\n        window.parent.postMessage(\n          { type: \"FORM_PAGE_CHANGED\", pageId: targetPage.id },\n          window.location.origin,\n        );\n      }\n\n      // Emit form_page_change analytics event\n      if (\n        targetPage &&\n        analyticsSettings?.track_page_navigation &&\n        onAnalyticsEvent\n      ) {\n        const targetIndex = document.pages.findIndex(\n          (p) => p.id === targetPage.id,\n        );\n        onAnalyticsEvent(\"form_page_change\", {\n          form_id: formId,\n          form_name: formName,\n          page_id: targetPage.id,\n          page_index: targetIndex,\n          total_pages: document.pages.length,\n        });\n      }\n    },\n    [\n      currentPage,\n      setCurrentPage,\n      document,\n      formId,\n      formValues,\n      settings,\n      setErrors,\n      setGlobalError,\n      analyticsSettings,\n      onAnalyticsEvent,\n      formName,\n    ],\n  );\n\n  const submit = useCallback(async () => {\n    if (!block) {\n      return;\n    }\n\n    // Collect all errors from all pages\n    let allErrors: { [key: string]: string } = {};\n    let hasErrors = false;\n\n    for (const page of document.pages) {\n      const result = validatePage(page, formValues, settings);\n      if (result !== true) {\n        allErrors = { ...allErrors, ...result };\n        hasErrors = true;\n      }\n    }\n\n    if (hasErrors) {\n      setErrors(allErrors);\n\n      // Emit form_error analytics event\n      if (analyticsSettings?.track_form_error && onAnalyticsEvent) {\n        onAnalyticsEvent(\"form_error\", {\n          form_id: formId,\n          form_name: formName,\n          error_count: Object.keys(allErrors).length,\n          error_fields: Object.keys(allErrors),\n        });\n      }\n\n      return;\n    }\n\n    // Clear all errors on successful validation\n    setErrors(null);\n    setGlobalError(null);\n\n    try {\n      // Button-level submission_type override takes precedence over the form-level setting\n      const buttonTypeOverride =\n        block &&\n        typeof block.config.submission_type === \"string\" &&\n        block.config.submission_type\n          ? block.config.submission_type\n          : undefined;\n\n      const submissionData = {\n        form_id: formId,\n        type: buttonTypeOverride ?? settings?.form_type ?? \"General\",\n        locale: locale ?? \"en\",\n        data: formValues,\n        environment_type: \"page\",\n        environment_id: formId,\n        environment_path:\n          typeof window !== \"undefined\" ? window.location.pathname : undefined,\n        form_variant_id: formVariantId ?? \"\",\n        environment_variant_id: environmentVariantId ?? \"\",\n      };\n\n      const response = await fetch(\"/api/submission\", {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(submissionData),\n      });\n\n      const result = await response.json();\n\n      if (!response.ok || !result.success) {\n        setGlobalError(\n          result.message || \"Failed to submit form. Please try again.\",\n        );\n        return;\n      }\n\n      // Emit form_submit analytics event on success\n      if (analyticsSettings?.track_form_submit && onAnalyticsEvent) {\n        onAnalyticsEvent(\"form_submit\", {\n          form_id: formId,\n          form_name: formName,\n          total_pages: document.pages.length,\n          custom_event_name: analyticsSettings.submit_event_name,\n          target_providers: analyticsSettings.target_providers,\n        });\n      }\n    } catch (error) {\n      setGlobalError(\"An error occurred while submitting the form.\");\n    }\n\n    return Promise.resolve();\n  }, [\n    block,\n    document,\n    formId,\n    formValues,\n    setErrors,\n    setGlobalError,\n    settings,\n    analyticsSettings,\n    onAnalyticsEvent,\n    formName,\n    locale,\n    formVariantId,\n    environmentVariantId,\n  ]);\n\n  const reset = useCallback(async () => {\n    if (!block) {\n      return;\n    }\n    setFormValues({});\n    setErrors(null);\n    setGlobalError(null);\n    return Promise.resolve();\n  }, [block, setFormValues, setErrors, setGlobalError]);\n\n  const executeAction = useCallback(async () => {\n    if (!block) {\n      return;\n    }\n\n    const action = block.config.action as string;\n    let to = String(block.config.navigate_to_page || \"next\");\n\n    if (action === \"reset\") {\n      await reset();\n      to = \"first\"; // always navigate to first page after reset\n      navigate(to);\n    } else if (action === \"submit\") {\n      await submit();\n      // Only navigate if submit was successful (no errors set)\n      navigate(to);\n    } else if (action === \"navigate\") {\n      navigate(to);\n    }\n\n    return Promise.resolve();\n  }, [block, navigate, submit, reset]);\n\n  const display: \"block\" | \"none\" = useMemo(() => {\n    if (!block) {\n      return \"none\";\n    }\n\n    const rules = (block.config.advanced_options as FormAdvancedOptions)?.rules;\n    if (!rules) {\n      return \"block\";\n    }\n\n    return evaluateVisibilityRules(rules, formValues);\n  }, [block, formValues]);\n\n  const disabled: boolean = useMemo(() => {\n    if (!block) {\n      return false;\n    }\n\n    if (loading) {\n      return true;\n    }\n\n    if (typeof block.config.disabled === \"boolean\" && block.config.disabled) {\n      return block.config.disabled;\n    }\n\n    const rules = (block.config.advanced_options as FormAdvancedOptions)?.rules;\n    if (!rules) {\n      return false;\n    }\n\n    return evaluateDisabledRules(rules, formValues);\n  }, [block, formValues, loading]);\n\n  if (!block) {\n    return null;\n  }\n\n  return {\n    variant:\n      typeof block.config.variant === \"string\"\n        ? (block.config.variant as FormAction[\"variant\"])\n        : \"primary\",\n    size:\n      typeof block.config.size === \"string\"\n        ? (block.config.size as FormAction[\"size\"])\n        : \"md\",\n    disabled,\n    loading,\n    display,\n    text:\n      typeof block.config.text === \"string\"\n        ? block.config.text\n        : typeof block.config.label === \"string\"\n          ? block.config.label\n          : \"\",\n    onClick: executeAction,\n  };\n}\n"],"mappings":";AAOA,SAAS,aAAa,eAAe;AACrC,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAYtB,SAAS,cAAc,IAA+B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,QAAQ;AAEZ,QAAM,QAA8B,QAAQ,MAAM;AAChD,WAAO,oBAAoB,IAAI,QAAQ;AAAA,EACzC,GAAG,CAAC,UAAU,EAAE,CAAC;AAEjB,QAAM,WAAW;AAAA,IACf,CAAC,OAAe;AACd,YAAM,mBACJ,OAAO,WAAW,aAAa,aAAa,YAAY,QAAQ;AAElE,UAAI,qBAAqB,MAAM;AAE7B,kBAAU,gBAAgB;AAC1B;AAAA,MACF;AAGA,gBAAU,IAAI;AACd,qBAAe,IAAI;AAEnB,UAAI,aAA8B;AAElC,cAAQ,IAAI;AAAA,QACV,KAAK;AACH,gBAAM,eAAe,gBAAgB,aAAa,QAAQ;AAC1D,cAAI,cAAc;AAChB,yBAAa;AACb,2BAAe,YAAY;AAAA,UAC7B,OAAO;AACL,oBAAQ,MAAM,iCAAiC;AAC/C,2BAAe,8CAA8C;AAAA,UAC/D;AACA;AAAA,QACF,KAAK;AACH,gBAAM,WAAW,YAAY,aAAa,QAAQ;AAClD,cAAI,UAAU;AACZ,yBAAa;AACb,2BAAe,QAAQ;AAAA,UACzB,OAAO;AACL,oBAAQ,MAAM,6BAA6B;AAC3C,2BAAe,0CAA0C;AAAA,UAC3D;AACA;AAAA,QACF,KAAK;AACH,uBAAa,SAAS,MAAM,CAAC;AAC7B,yBAAe,SAAS,MAAM,CAAC,CAAC;AAChC;AAAA,QACF,KAAK;AACH,uBAAa,SAAS,MAAM,SAAS,MAAM,SAAS,CAAC;AACrD,yBAAe,SAAS,MAAM,SAAS,MAAM,SAAS,CAAC,CAAC;AACxD;AAAA,QACF;AACE,uBACE,SAAS,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE,KAAK,SAAS,MAAM,CAAC;AACnE,yBAAe,UAAU;AACzB;AAAA,MACJ;AAGA,UAAI,cAAc,OAAO,WAAW,eAAe,OAAO,QAAQ;AAChE,eAAO,OAAO;AAAA,UACZ,EAAE,MAAM,qBAAqB,QAAQ,WAAW,GAAG;AAAA,UACnD,OAAO,SAAS;AAAA,QAClB;AAAA,MACF;AAGA,UACE,cACA,mBAAmB,yBACnB,kBACA;AACA,cAAM,cAAc,SAAS,MAAM;AAAA,UACjC,CAAC,MAAM,EAAE,OAAO,WAAW;AAAA,QAC7B;AACA,yBAAiB,oBAAoB;AAAA,UACnC,SAAS;AAAA,UACT,WAAW;AAAA,UACX,SAAS,WAAW;AAAA,UACpB,YAAY;AAAA,UACZ,aAAa,SAAS,MAAM;AAAA,QAC9B,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,YAAY,YAAY;AACrC,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAGA,QAAI,YAAuC,CAAC;AAC5C,QAAI,YAAY;AAEhB,eAAW,QAAQ,SAAS,OAAO;AACjC,YAAM,SAAS,aAAa,MAAM,YAAY,QAAQ;AACtD,UAAI,WAAW,MAAM;AACnB,oBAAY,EAAE,GAAG,WAAW,GAAG,OAAO;AACtC,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,QAAI,WAAW;AACb,gBAAU,SAAS;AAGnB,UAAI,mBAAmB,oBAAoB,kBAAkB;AAC3D,yBAAiB,cAAc;AAAA,UAC7B,SAAS;AAAA,UACT,WAAW;AAAA,UACX,aAAa,OAAO,KAAK,SAAS,EAAE;AAAA,UACpC,cAAc,OAAO,KAAK,SAAS;AAAA,QACrC,CAAC;AAAA,MACH;AAEA;AAAA,IACF;AAGA,cAAU,IAAI;AACd,mBAAe,IAAI;AAEnB,QAAI;AAEF,YAAM,qBACJ,SACA,OAAO,MAAM,OAAO,oBAAoB,YACxC,MAAM,OAAO,kBACT,MAAM,OAAO,kBACb;AAEN,YAAM,iBAAiB;AAAA,QACrB,SAAS;AAAA,QACT,MAAM,sBAAsB,UAAU,aAAa;AAAA,QACnD,QAAQ,UAAU;AAAA,QAClB,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,kBACE,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW;AAAA,QAC7D,iBAAiB,iBAAiB;AAAA,QAClC,wBAAwB,wBAAwB;AAAA,MAClD;AAEA,YAAM,WAAW,MAAM,MAAM,mBAAmB;AAAA,QAC9C,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,gBAAgB;AAAA,QAClB;AAAA,QACA,MAAM,KAAK,UAAU,cAAc;AAAA,MACrC,CAAC;AAED,YAAM,SAAS,MAAM,SAAS,KAAK;AAEnC,UAAI,CAAC,SAAS,MAAM,CAAC,OAAO,SAAS;AACnC;AAAA,UACE,OAAO,WAAW;AAAA,QACpB;AACA;AAAA,MACF;AAGA,UAAI,mBAAmB,qBAAqB,kBAAkB;AAC5D,yBAAiB,eAAe;AAAA,UAC9B,SAAS;AAAA,UACT,WAAW;AAAA,UACX,aAAa,SAAS,MAAM;AAAA,UAC5B,mBAAmB,kBAAkB;AAAA,UACrC,kBAAkB,kBAAkB;AAAA,QACtC,CAAC;AAAA,MACH;AAAA,IACF,SAAS,OAAO;AACd,qBAAe,8CAA8C;AAAA,IAC/D;AAEA,WAAO,QAAQ,QAAQ;AAAA,EACzB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,YAAY,YAAY;AACpC,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AACA,kBAAc,CAAC,CAAC;AAChB,cAAU,IAAI;AACd,mBAAe,IAAI;AACnB,WAAO,QAAQ,QAAQ;AAAA,EACzB,GAAG,CAAC,OAAO,eAAe,WAAW,cAAc,CAAC;AAEpD,QAAM,gBAAgB,YAAY,YAAY;AAC5C,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,UAAM,SAAS,MAAM,OAAO;AAC5B,QAAI,KAAK,OAAO,MAAM,OAAO,oBAAoB,MAAM;AAEvD,QAAI,WAAW,SAAS;AACtB,YAAM,MAAM;AACZ,WAAK;AACL,eAAS,EAAE;AAAA,IACb,WAAW,WAAW,UAAU;AAC9B,YAAM,OAAO;AAEb,eAAS,EAAE;AAAA,IACb,WAAW,WAAW,YAAY;AAChC,eAAS,EAAE;AAAA,IACb;AAEA,WAAO,QAAQ,QAAQ;AAAA,EACzB,GAAG,CAAC,OAAO,UAAU,QAAQ,KAAK,CAAC;AAEnC,QAAM,UAA4B,QAAQ,MAAM;AAC9C,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,UAAM,QAAS,MAAM,OAAO,kBAA0C;AACtE,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,WAAO,wBAAwB,OAAO,UAAU;AAAA,EAClD,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,QAAM,WAAoB,QAAQ,MAAM;AACtC,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,QAAI,SAAS;AACX,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,MAAM,OAAO,aAAa,aAAa,MAAM,OAAO,UAAU;AACvE,aAAO,MAAM,OAAO;AAAA,IACtB;AAEA,UAAM,QAAS,MAAM,OAAO,kBAA0C;AACtE,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,WAAO,sBAAsB,OAAO,UAAU;AAAA,EAChD,GAAG,CAAC,OAAO,YAAY,OAAO,CAAC;AAE/B,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,SACE,OAAO,MAAM,OAAO,YAAY,WAC3B,MAAM,OAAO,UACd;AAAA,IACN,MACE,OAAO,MAAM,OAAO,SAAS,WACxB,MAAM,OAAO,OACd;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,MACE,OAAO,MAAM,OAAO,SAAS,WACzB,MAAM,OAAO,OACb,OAAO,MAAM,OAAO,UAAU,WAC5B,MAAM,OAAO,QACb;AAAA,IACR,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/use-form-field.cjs

@@ -0,0 +1,181 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_form_field_exports = {};
+__export(use_form_field_exports, {
+  useFormField: () => useFormField
+});
+module.exports = __toCommonJS(use_form_field_exports);
+var import_react = require("react");
+var import_form_context = require("./form-context");
+var import_page = require("./utils/page.utils");
+var import_rule = require("./utils/rule.utils");
+var import_validation = require("./utils/validation.utils");
+function useFormField(id) {
+  const {
+    formId,
+    document,
+    settings,
+    loading,
+    formValues,
+    setFormValues,
+    errors,
+    setErrors,
+    analyticsSettings,
+    onAnalyticsEvent,
+    formName,
+    hasStarted,
+    setHasStarted
+  } = (0, import_form_context.useForm)();
+  const block = (0, import_react.useMemo)(() => {
+    return (0, import_page.findBlockInDocument)(id, document);
+  }, [document, id]);
+  const fieldId = (0, import_react.useMemo)(() => {
+    if (!block) return null;
+    return typeof block.config.field_id === "string" ? block.config.field_id : block.id;
+  }, [block]);
+  const initialValue = (0, import_react.useMemo)(() => {
+    if (!block) {
+      return void 0;
+    }
+    if (typeof block.config.initialValue === "string") {
+      return String(block.config.initialValue);
+    } else if (typeof block.config.initialValue === "number") {
+      return Number(block.config.initialValue);
+    } else if (typeof block.config.initialValue === "boolean") {
+      return Boolean(block.config.initialValue);
+    }
+    if (block.config.initialValue !== void 0) {
+      return block.config.initialValue;
+    }
+    return void 0;
+  }, [block]);
+  const value = (0, import_react.useMemo)(() => {
+    if (!fieldId) {
+      return void 0;
+    }
+    return formValues[fieldId] ?? initialValue;
+  }, [fieldId, formValues, initialValue]);
+  const setValue = (0, import_react.useCallback)(
+    (value2) => {
+      if (!fieldId) {
+        return;
+      }
+      setFormValues((prev) => ({ ...prev, [fieldId]: value2 }));
+      setErrors((prev) => {
+        if (!prev || !prev[fieldId]) return prev;
+        const { [fieldId]: _, ...rest } = prev;
+        return Object.keys(rest).length > 0 ? rest : null;
+      });
+      if (!hasStarted && analyticsSettings?.track_form_start && onAnalyticsEvent) {
+        setHasStarted(true);
+        onAnalyticsEvent("form_start", {
+          form_id: formId,
+          form_name: formName
+        });
+      }
+    },
+    [
+      fieldId,
+      setFormValues,
+      setErrors,
+      hasStarted,
+      setHasStarted,
+      analyticsSettings,
+      onAnalyticsEvent,
+      formId,
+      formName
+    ]
+  );
+  const handleBlur = (0, import_react.useCallback)(() => {
+    if (!(settings.validate_on_blur ?? false) || !block || !fieldId) {
+      return;
+    }
+    const currentValue = formValues[fieldId] ?? initialValue;
+    const error = (0, import_validation.validateField)(block, currentValue, settings);
+    if (error) {
+      setErrors((prev) => ({ ...prev, [fieldId]: error }));
+    } else {
+      setErrors((prev) => {
+        if (!prev || !prev[fieldId]) return prev;
+        const { [fieldId]: _, ...rest } = prev;
+        return Object.keys(rest).length > 0 ? rest : null;
+      });
+    }
+  }, [settings, block, fieldId, formValues, initialValue, setErrors]);
+  const display = (0, import_react.useMemo)(() => {
+    if (!block) {
+      return "none";
+    }
+    const rules = block.config.advanced_options?.rules;
+    if (!rules) {
+      return "block";
+    }
+    return (0, import_rule.evaluateVisibilityRules)(rules, formValues);
+  }, [block, formValues]);
+  const disabled = (0, import_react.useMemo)(() => {
+    if (!block) {
+      return false;
+    }
+    if (loading) {
+      return true;
+    }
+    if (typeof block.config.disabled === "boolean" && block.config.disabled) {
+      return block.config.disabled;
+    }
+    const rules = block.config.advanced_options?.rules;
+    if (!rules) {
+      return false;
+    }
+    return (0, import_rule.evaluateDisabledRules)(rules, formValues);
+  }, [block, formValues, loading]);
+  if (!block || !fieldId) {
+    return null;
+  }
+  return {
+    name: fieldId,
+    label: typeof block.config.label === "string" ? block.config.label : "",
+    type: typeof block.config.input_type === "string" ? block.config.input_type : typeof block.config.type === "string" ? block.config.type : "",
+    helperText: typeof block.config.help_text === "string" ? block.config.help_text : typeof block.config.helperText === "string" ? block.config.helperText : "",
+    placeholder: typeof block.config.placeholder === "string" ? block.config.placeholder : null,
+    additionalSettings: {
+      rows: typeof block.config.rows === "number" ? block.config.rows : void 0,
+      options: block.config.options || void 0,
+      multiple: typeof block.config.multiple === "boolean" ? block.config.multiple : void 0,
+      min: typeof block.config.min === "number" ? block.config.min : void 0,
+      max: typeof block.config.max === "number" ? block.config.max : void 0,
+      step: typeof block.config.step === "number" ? block.config.step : void 0,
+      blocks: block.config.blocks || void 0,
+      gap: block.config.gap || void 0
+    },
+    loading,
+    disabled,
+    display,
+    required: typeof block.config.required === "boolean" ? block.config.required : false,
+    error: errors?.[fieldId] || errors?.[block.id] || void 0,
+    value,
+    onChange: setValue,
+    onBlur: handleBlur
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFormField
+});
+//# sourceMappingURL=use-form-field.cjs.map

package/dist/use-form-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-form-field.tsx"],"sourcesContent":["\"use client\";\n\nimport type { BlockInstance, FormAdvancedOptions } from \"@otl-core/cms-types\";\nimport { useCallback, useMemo } from \"react\";\nimport { useForm } from \"./form-context\";\nimport { findBlockInDocument } from \"./utils/page.utils\";\nimport {\n  evaluateDisabledRules,\n  evaluateVisibilityRules,\n} from \"./utils/rule.utils\";\nimport { validateField } from \"./utils/validation.utils\";\n\ninterface FormField<T> {\n  name: string;\n  label: string;\n  type: string;\n  helperText: string;\n  placeholder: string | null;\n  additionalSettings: Record<string, unknown>;\n\n  loading: boolean;\n\n  display: \"block\" | \"none\";\n  required: boolean;\n  disabled: boolean;\n  error?: string;\n\n  value: T;\n  onChange: React.Dispatch<React.SetStateAction<T>>;\n  onBlur: () => void;\n}\n\nexport function useFormField<T>(id: string): FormField<T> | null {\n  const {\n    formId,\n    document,\n    settings,\n    loading,\n    formValues,\n    setFormValues,\n    errors,\n    setErrors,\n    analyticsSettings,\n    onAnalyticsEvent,\n    formName,\n    hasStarted,\n    setHasStarted,\n  } = useForm();\n\n  const block: BlockInstance | null = useMemo(() => {\n    return findBlockInDocument(id, document);\n  }, [document, id]);\n\n  const fieldId = useMemo(() => {\n    if (!block) return null;\n    return typeof block.config.field_id === \"string\"\n      ? block.config.field_id\n      : block.id;\n  }, [block]);\n\n  const initialValue: T | undefined = useMemo(() => {\n    if (!block) {\n      return undefined;\n    }\n\n    if (typeof block.config.initialValue === \"string\") {\n      return String(block.config.initialValue) as T;\n    } else if (typeof block.config.initialValue === \"number\") {\n      return Number(block.config.initialValue) as T;\n    } else if (typeof block.config.initialValue === \"boolean\") {\n      return Boolean(block.config.initialValue) as T;\n    }\n\n    if (block.config.initialValue !== undefined) {\n      return block.config.initialValue as T;\n    }\n\n    return undefined;\n  }, [block]);\n\n  const value = useMemo<T | undefined>(() => {\n    if (!fieldId) {\n      return undefined;\n    }\n    return (formValues[fieldId] as T) ?? initialValue;\n  }, [fieldId, formValues, initialValue]);\n\n  const setValue = useCallback(\n    (value: T) => {\n      if (!fieldId) {\n        return;\n      }\n      setFormValues((prev) => ({ ...prev, [fieldId]: value }));\n      // Clear error for this field when value changes\n      setErrors((prev) => {\n        if (!prev || !prev[fieldId]) return prev;\n        const { [fieldId]: _, ...rest } = prev;\n        return Object.keys(rest).length > 0 ? rest : null;\n      });\n\n      // Emit form_start on first interaction\n      if (\n        !hasStarted &&\n        analyticsSettings?.track_form_start &&\n        onAnalyticsEvent\n      ) {\n        setHasStarted(true);\n        onAnalyticsEvent(\"form_start\", {\n          form_id: formId,\n          form_name: formName,\n        });\n      }\n    },\n    [\n      fieldId,\n      setFormValues,\n      setErrors,\n      hasStarted,\n      setHasStarted,\n      analyticsSettings,\n      onAnalyticsEvent,\n      formId,\n      formName,\n    ],\n  );\n\n  const handleBlur = useCallback(() => {\n    // Only validate on blur if the setting is enabled\n    if (!(settings.validate_on_blur ?? false) || !block || !fieldId) {\n      return;\n    }\n\n    const currentValue = formValues[fieldId] ?? initialValue;\n    const error = validateField(block, currentValue, settings);\n\n    if (error) {\n      setErrors((prev) => ({ ...prev, [fieldId]: error }));\n    } else {\n      // Clear error if validation passes\n      setErrors((prev) => {\n        if (!prev || !prev[fieldId]) return prev;\n        const { [fieldId]: _, ...rest } = prev;\n        return Object.keys(rest).length > 0 ? rest : null;\n      });\n    }\n  }, [settings, block, fieldId, formValues, initialValue, setErrors]);\n\n  const display: \"block\" | \"none\" = useMemo(() => {\n    if (!block) {\n      return \"none\";\n    }\n\n    // check logic\n    const rules = (block.config.advanced_options as FormAdvancedOptions)?.rules;\n    if (!rules) {\n      return \"block\";\n    }\n\n    return evaluateVisibilityRules(rules, formValues);\n  }, [block, formValues]);\n\n  const disabled: boolean = useMemo(() => {\n    if (!block) {\n      return false;\n    }\n\n    if (loading) {\n      return true;\n    }\n\n    if (typeof block.config.disabled === \"boolean\" && block.config.disabled) {\n      return block.config.disabled;\n    }\n\n    // check logic\n    const rules = (block.config.advanced_options as FormAdvancedOptions)?.rules;\n    if (!rules) {\n      return false;\n    }\n\n    return evaluateDisabledRules(rules, formValues);\n  }, [block, formValues, loading]);\n\n  if (!block || !fieldId) {\n    return null;\n  }\n\n  return {\n    name: fieldId,\n    label: typeof block.config.label === \"string\" ? block.config.label : \"\",\n    type:\n      typeof block.config.input_type === \"string\"\n        ? block.config.input_type\n        : typeof block.config.type === \"string\"\n          ? block.config.type\n          : \"\",\n    helperText:\n      typeof block.config.help_text === \"string\"\n        ? block.config.help_text\n        : typeof block.config.helperText === \"string\"\n          ? block.config.helperText\n          : \"\",\n    placeholder:\n      typeof block.config.placeholder === \"string\"\n        ? block.config.placeholder\n        : null,\n\n    additionalSettings: {\n      rows:\n        typeof block.config.rows === \"number\" ? block.config.rows : undefined,\n      options: block.config.options || undefined,\n      multiple:\n        typeof block.config.multiple === \"boolean\"\n          ? block.config.multiple\n          : undefined,\n      min: typeof block.config.min === \"number\" ? block.config.min : undefined,\n      max: typeof block.config.max === \"number\" ? block.config.max : undefined,\n      step:\n        typeof block.config.step === \"number\" ? block.config.step : undefined,\n      blocks: block.config.blocks || undefined,\n      gap: block.config.gap || undefined,\n    },\n\n    loading,\n\n    disabled,\n    display,\n    required:\n      typeof block.config.required === \"boolean\"\n        ? block.config.required\n        : false,\n    error: errors?.[fieldId] || errors?.[block.id] || undefined,\n\n    value: value as T,\n    onChange: setValue as React.Dispatch<React.SetStateAction<T>>,\n    onBlur: handleBlur,\n  };\n}\n"],"mappings":"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","names":["value"]}

package/dist/use-form-field.d.cts

@@ -0,0 +1,19 @@
+interface FormField<T> {
+    name: string;
+    label: string;
+    type: string;
+    helperText: string;
+    placeholder: string | null;
+    additionalSettings: Record<string, unknown>;
+    loading: boolean;
+    display: "block" | "none";
+    required: boolean;
+    disabled: boolean;
+    error?: string;
+    value: T;
+    onChange: React.Dispatch<React.SetStateAction<T>>;
+    onBlur: () => void;
+}
+declare function useFormField<T>(id: string): FormField<T> | null;
+
+export { useFormField };

package/dist/use-form-field.d.ts

@@ -0,0 +1,19 @@
+interface FormField<T> {
+    name: string;
+    label: string;
+    type: string;
+    helperText: string;
+    placeholder: string | null;
+    additionalSettings: Record<string, unknown>;
+    loading: boolean;
+    display: "block" | "none";
+    required: boolean;
+    disabled: boolean;
+    error?: string;
+    value: T;
+    onChange: React.Dispatch<React.SetStateAction<T>>;
+    onBlur: () => void;
+}
+declare function useFormField<T>(id: string): FormField<T> | null;
+
+export { useFormField };