@otl-core/forms 1.1.19 → 1.1.21

package/dist/index.js

@@ -1,940 +1,4 @@
-"use client";
-import { createContext, useContext, useState, useMemo, useCallback } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/form-context.tsx
-var FormContext = createContext(void 0);
-function useForm() {
-  const context = useContext(FormContext);
-  if (!context) {
-    throw new Error("useForm must be used within a FormProvider");
-  }
-  return context;
-}
-function FormProvider({
-  children,
-  formId,
-  document,
-  settings,
-  analyticsSettings,
-  onAnalyticsEvent,
-  formName,
-  environmentVariantId,
-  formVariantId,
-  locale
-}) {
-  const [currentPageId, setCurrentPageId] = useState(
-    document.pages[0]?.id ?? ""
-  );
-  const [formValues, setFormValues] = useState({});
-  const [loading, setLoading] = useState(false);
-  const [errors, setErrors] = useState(null);
-  const [globalError, setGlobalError] = useState(null);
-  const [hasStarted, setHasStarted] = useState(false);
-  const currentPage = useMemo(
-    () => document.pages.find((p) => p.id === currentPageId) ?? document.pages[0],
-    [document, currentPageId]
-  );
-  const setCurrentPage = useCallback(
-    (page) => setCurrentPageId(page.id),
-    []
-  );
-  return /* @__PURE__ */ jsx(
-    FormContext.Provider,
-    {
-      value: {
-        formId,
-        document,
-        settings,
-        loading,
-        setLoading,
-        currentPage,
-        setCurrentPage,
-        formValues,
-        setFormValues,
-        errors,
-        setErrors,
-        globalError,
-        setGlobalError,
-        analyticsSettings,
-        onAnalyticsEvent,
-        formName,
-        hasStarted,
-        setHasStarted,
-        environmentVariantId,
-        formVariantId,
-        locale
-      },
-      children
-    }
-  );
-}
-
-// src/utils/page.utils.ts
-function getPreviousPage(currentPage, formDocument) {
-  const index = formDocument.pages.findIndex(
-    (page) => page.id === currentPage.id
-  );
-  if (index === 0) {
-    return null;
-  }
-  return formDocument.pages[index - 1];
-}
-function getNextPage(currentPage, formDocument) {
-  const index = formDocument.pages.findIndex(
-    (page) => page.id === currentPage.id
-  );
-  if (index === formDocument.pages.length - 1) {
-    return null;
-  }
-  return formDocument.pages[index + 1];
-}
-function findBlockInDocument(blockId, document) {
-  for (const page of document.pages) {
-    const block = findBlockRecursive(blockId, page.blocks);
-    if (block) return block;
-  }
-  return null;
-}
-function findBlockRecursive(blockId, blocks) {
-  for (const block of blocks) {
-    if (block.id === blockId) {
-      return block;
-    }
-    if (block.config.blocks && Array.isArray(block.config.blocks)) {
-      const nestedBlocks = block.config.blocks.map(
-        (b) => ({
-          id: b.id,
-          type: b.type,
-          config: b.config || {}
-        })
-      );
-      const found = findBlockRecursive(blockId, nestedBlocks);
-      if (found) return found;
-    }
-  }
-  return null;
-}
-
-// src/utils/rule.utils.ts
-function evaluateCondition(operator, fieldValue, ruleValue) {
-  switch (operator) {
-    case "equals":
-      return fieldValue === ruleValue;
-    case "not_equals":
-      return fieldValue !== ruleValue;
-    case "contains":
-      return String(fieldValue || "").includes(String(ruleValue));
-    case "not_contains":
-      return !String(fieldValue || "").includes(String(ruleValue));
-    case "starts_with":
-      return String(fieldValue || "").startsWith(String(ruleValue));
-    case "ends_with":
-      return String(fieldValue || "").endsWith(String(ruleValue));
-    case "greater_than":
-      return Number(fieldValue) > Number(ruleValue);
-    case "less_than":
-      return Number(fieldValue) < Number(ruleValue);
-    case "greater_than_or_equal":
-      return Number(fieldValue) >= Number(ruleValue);
-    case "less_than_or_equal":
-      return Number(fieldValue) <= Number(ruleValue);
-    case "is_empty":
-      return !fieldValue || fieldValue === "" || Array.isArray(fieldValue) && fieldValue.length === 0;
-    case "is_not_empty":
-      return !!fieldValue && fieldValue !== "" && (!Array.isArray(fieldValue) || fieldValue.length > 0);
-    case "is_checked":
-      return fieldValue === true;
-    case "is_not_checked":
-      return fieldValue !== true;
-    case "includes":
-      return Array.isArray(fieldValue) && fieldValue.includes(ruleValue);
-    case "not_includes":
-      return !Array.isArray(fieldValue) || !fieldValue.includes(ruleValue);
-    default:
-      return false;
-  }
-}
-function evaluateVisibilityRules(rules, formValues) {
-  const visibilityRules = rules.filter((r) => r.type === "visible_when");
-  if (visibilityRules.length === 0) {
-    return "block";
-  }
-  for (const rule of visibilityRules) {
-    const fieldValue = formValues[rule.field];
-    if (evaluateCondition(rule.operator, fieldValue, rule.value)) {
-      return "block";
-    }
-  }
-  return "none";
-}
-function evaluateDisabledRules(rules, formValues) {
-  const disabledRules = rules.filter((r) => r.type === "disabled_when");
-  if (disabledRules.length === 0) {
-    return false;
-  }
-  for (const rule of disabledRules) {
-    const fieldValue = formValues[rule.field];
-    if (evaluateCondition(rule.operator, fieldValue, rule.value)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-// src/utils/validation.utils.ts
-function isEmpty(value) {
-  return value === void 0 || value === null || value === "";
-}
-function interpolateMessage(template, params) {
-  return template.replace(/\{(\w+)\}/g, (_, key) => String(params[key] || ""));
-}
-function validateMinLength(value, minLength) {
-  if (isEmpty(value)) return true;
-  return typeof value === "string" && value.length >= parseInt(minLength);
-}
-function validateMaxLength(value, maxLength) {
-  if (isEmpty(value)) return true;
-  return typeof value === "string" && value.length <= parseInt(maxLength);
-}
-function validatePattern(value, pattern) {
-  if (isEmpty(value)) return true;
-  return typeof value === "string" && new RegExp(pattern).test(value);
-}
-function validateMinValue(value, min) {
-  if (isEmpty(value)) return true;
-  const numValue = typeof value === "number" ? value : parseFloat(value);
-  const minValue = typeof min === "number" ? min : parseFloat(min);
-  return !isNaN(numValue) && !isNaN(minValue) && numValue >= minValue;
-}
-function validateMaxValue(value, max) {
-  if (isEmpty(value)) return true;
-  const numValue = typeof value === "number" ? value : parseFloat(value);
-  const maxValue = typeof max === "number" ? max : parseFloat(max);
-  return !isNaN(numValue) && !isNaN(maxValue) && numValue <= maxValue;
-}
-function validateEmail(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
-  return emailRegex.test(value);
-}
-function validateURL(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  try {
-    const url = new URL(value);
-    return url.protocol === "http:" || url.protocol === "https:";
-  } catch {
-    return false;
-  }
-}
-function validatePhoneNumber(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const phoneRegex = /^[\+]?[(]?[0-9]{1,4}[)]?[-\s\.]?[(]?[0-9]{1,4}[)]?[-\s\.]?[0-9]{1,4}[-\s\.]?[0-9]{1,9}$/;
-  return phoneRegex.test(value.replace(/\s/g, ""));
-}
-function validateDate(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const date = new Date(value);
-  return !isNaN(date.getTime());
-}
-function validateTime(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const timeRegex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9](:[0-5][0-9])?$/;
-  return timeRegex.test(value);
-}
-function validateColor(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const hexRegex = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;
-  return hexRegex.test(value);
-}
-function validateZipCode(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const usZipRegex = /^\d{5}(-\d{4})?$/;
-  const ukPostcodeRegex = /^[A-Z]{1,2}\d{1,2}[A-Z]?\s?\d[A-Z]{2}$/i;
-  const dePostcodeRegex = /^\d{5}$/;
-  return usZipRegex.test(value) || ukPostcodeRegex.test(value) || dePostcodeRegex.test(value);
-}
-function validateCreditCard(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const cleaned = value.replace(/[\s-]/g, "");
-  if (!/^\d{13,19}$/.test(cleaned)) return false;
-  let sum = 0;
-  let isEven = false;
-  for (let i = cleaned.length - 1; i >= 0; i--) {
-    let digit = parseInt(cleaned.charAt(i), 10);
-    if (isEven) {
-      digit *= 2;
-      if (digit > 9) {
-        digit -= 9;
-      }
-    }
-    sum += digit;
-    isEven = !isEven;
-  }
-  return sum % 10 === 0;
-}
-function validateIPAddress(value) {
-  if (isEmpty(value)) return true;
-  if (typeof value !== "string") return false;
-  const ipv4Regex = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
-  const ipv6Regex = /^(?:[A-F0-9]{1,4}:){7}[A-F0-9]{1,4}$/i;
-  return ipv4Regex.test(value) || ipv6Regex.test(value);
-}
-var TYPE_ERROR_MESSAGES = {
-  zipcode: "Please enter a valid ZIP/postal code",
-  creditcard: "Please enter a valid credit card number",
-  ip: "Please enter a valid IP address"
-};
-function getAllBlocksFromPage(blocks) {
-  const allBlocks = [];
-  for (const block of blocks) {
-    allBlocks.push(block);
-    if (block.config.blocks && Array.isArray(block.config.blocks)) {
-      const nestedBlocks = block.config.blocks.map(
-        (b) => ({
-          id: b.id,
-          type: b.type,
-          config: b.config || {}
-        })
-      );
-      allBlocks.push(...getAllBlocksFromPage(nestedBlocks));
-    }
-  }
-  return allBlocks;
-}
-function validatePage(page, formValues, settings) {
-  const errors = {};
-  const allBlocks = getAllBlocksFromPage(page.blocks);
-  const errorMessages = settings?.error_messages || {};
-  for (const block of allBlocks) {
-    if (block.type === "form-button" || block.type === "form-inline-group") {
-      continue;
-    }
-    const fieldId = typeof block.config.field_id === "string" ? block.config.field_id : block.id;
-    const value = formValues[fieldId];
-    const inputType = typeof block.config.input_type === "string" ? block.config.input_type : "";
-    if (block.config.required && isEmpty(value)) {
-      errors[fieldId] = errorMessages.required || "This field is required";
-      continue;
-    }
-    if (block.config.check_required && block.type === "form-checkbox") {
-      const isChecked = value === true || Array.isArray(value) && value.length > 0;
-      if (!isChecked) {
-        errors[fieldId] = errorMessages.check_required || "You must check this box to continue";
-        continue;
-      }
-    }
-    if (block.type === "form-checkbox" && block.config.options) {
-      const options = block.config.options;
-      const checkedValues = Array.isArray(value) ? value : [];
-      for (const option of options) {
-        if (option.check_required && !checkedValues.includes(option.value)) {
-          errors[fieldId] = `You must check "${option.label}" to continue`;
-          break;
-        }
-      }
-      if (errors[fieldId]) {
-        continue;
-      }
-    }
-    if (isEmpty(value)) {
-      continue;
-    }
-    switch (inputType) {
-      case "email":
-        if (!validateEmail(value)) {
-          errors[fieldId] = errorMessages.invalid_email || "Please enter a valid email address";
-          continue;
-        }
-        break;
-      case "url":
-        if (!validateURL(value)) {
-          errors[fieldId] = errorMessages.invalid_url || "Please enter a valid URL (e.g., https://example.com)";
-          continue;
-        }
-        break;
-      case "tel":
-        if (!validatePhoneNumber(value)) {
-          errors[fieldId] = errorMessages.invalid_phone || "Please enter a valid phone number";
-          continue;
-        }
-        break;
-      case "date":
-        if (!validateDate(value)) {
-          errors[fieldId] = errorMessages.invalid_date || "Please enter a valid date";
-          continue;
-        }
-        break;
-      case "time":
-        if (!validateTime(value)) {
-          errors[fieldId] = errorMessages.invalid_time || "Please enter a valid time";
-          continue;
-        }
-        break;
-      case "color":
-        if (!validateColor(value)) {
-          errors[fieldId] = errorMessages.invalid_color || "Please enter a valid color code (e.g., #FF0000)";
-          continue;
-        }
-        break;
-    }
-    if (block.config.validation_type) {
-      const validationType = block.config.validation_type;
-      switch (validationType) {
-        case "zipcode":
-          if (!validateZipCode(value)) {
-            errors[fieldId] = TYPE_ERROR_MESSAGES.zipcode;
-            continue;
-          }
-          break;
-        case "creditcard":
-          if (!validateCreditCard(value)) {
-            errors[fieldId] = TYPE_ERROR_MESSAGES.creditcard;
-            continue;
-          }
-          break;
-        case "ip":
-          if (!validateIPAddress(value)) {
-            errors[fieldId] = TYPE_ERROR_MESSAGES.ip;
-            continue;
-          }
-          break;
-      }
-    }
-    if (block.config.minLength && !validateMinLength(value, block.config.minLength)) {
-      errors[fieldId] = errorMessages.min_length ? interpolateMessage(errorMessages.min_length, {
-        min: block.config.minLength
-      }) : "This field must be at least " + block.config.minLength + " characters long";
-      continue;
-    }
-    if (block.config.maxLength && !validateMaxLength(value, block.config.maxLength)) {
-      errors[fieldId] = errorMessages.max_length ? interpolateMessage(errorMessages.max_length, {
-        max: block.config.maxLength
-      }) : "This field must be less than " + block.config.maxLength + " characters long";
-      continue;
-    }
-    if (block.config.min !== void 0 && !validateMinValue(value, block.config.min)) {
-      errors[fieldId] = errorMessages.min_value ? interpolateMessage(errorMessages.min_value, { min: block.config.min }) : "Value must be at least " + block.config.min;
-      continue;
-    }
-    if (block.config.max !== void 0 && !validateMaxValue(value, block.config.max)) {
-      errors[fieldId] = errorMessages.max_value ? interpolateMessage(errorMessages.max_value, { max: block.config.max }) : "Value must be no more than " + block.config.max;
-      continue;
-    }
-    if (block.config.pattern && !validatePattern(value, block.config.pattern)) {
-      const patternMessage = block.config.pattern_message ? block.config.pattern_message : "This field has an invalid format";
-      errors[fieldId] = patternMessage;
-      continue;
-    }
-  }
-  return Object.keys(errors).length > 0 ? errors : true;
-}
-function validateField(block, value, settings) {
-  if (block.type === "form-button" || block.type === "form-inline-group") {
-    return void 0;
-  }
-  const errorMessages = settings?.error_messages || {};
-  const inputType = typeof block.config.input_type === "string" ? block.config.input_type : "";
-  if (block.config.required && isEmpty(value)) {
-    return errorMessages.required || "This field is required";
-  }
-  if (block.config.check_required && block.type === "form-checkbox") {
-    const isChecked = value === true || Array.isArray(value) && value.length > 0;
-    if (!isChecked) {
-      return errorMessages.check_required || "You must check this box to continue";
-    }
-  }
-  if (block.type === "form-checkbox" && block.config.options) {
-    const options = block.config.options;
-    const checkedValues = Array.isArray(value) ? value : [];
-    for (const option of options) {
-      if (option.check_required && !checkedValues.includes(option.value)) {
-        return `You must check "${option.label}" to continue`;
-      }
-    }
-  }
-  if (isEmpty(value)) {
-    return void 0;
-  }
-  switch (inputType) {
-    case "email":
-      if (!validateEmail(value)) {
-        return errorMessages.invalid_email || "Please enter a valid email address";
-      }
-      break;
-    case "url":
-      if (!validateURL(value)) {
-        return errorMessages.invalid_url || "Please enter a valid URL (e.g., https://example.com)";
-      }
-      break;
-    case "tel":
-      if (!validatePhoneNumber(value)) {
-        return errorMessages.invalid_phone || "Please enter a valid phone number";
-      }
-      break;
-    case "date":
-      if (!validateDate(value)) {
-        return errorMessages.invalid_date || "Please enter a valid date";
-      }
-      break;
-    case "time":
-      if (!validateTime(value)) {
-        return errorMessages.invalid_time || "Please enter a valid time";
-      }
-      break;
-    case "color":
-      if (!validateColor(value)) {
-        return errorMessages.invalid_color || "Please enter a valid color code (e.g., #FF0000)";
-      }
-      break;
-  }
-  if (block.config.validation_type) {
-    const validationType = block.config.validation_type;
-    switch (validationType) {
-      case "zipcode":
-        if (!validateZipCode(value)) {
-          return TYPE_ERROR_MESSAGES.zipcode;
-        }
-        break;
-      case "creditcard":
-        if (!validateCreditCard(value)) {
-          return TYPE_ERROR_MESSAGES.creditcard;
-        }
-        break;
-      case "ip":
-        if (!validateIPAddress(value)) {
-          return TYPE_ERROR_MESSAGES.ip;
-        }
-        break;
-    }
-  }
-  if (block.config.minLength && !validateMinLength(value, block.config.minLength)) {
-    return errorMessages.min_length ? interpolateMessage(errorMessages.min_length, {
-      min: block.config.minLength
-    }) : "This field must be at least " + block.config.minLength + " characters long";
-  }
-  if (block.config.maxLength && !validateMaxLength(value, block.config.maxLength)) {
-    return errorMessages.max_length ? interpolateMessage(errorMessages.max_length, {
-      max: block.config.maxLength
-    }) : "This field must be less than " + block.config.maxLength + " characters long";
-  }
-  if (block.config.min !== void 0 && !validateMinValue(value, block.config.min)) {
-    return errorMessages.min_value ? interpolateMessage(errorMessages.min_value, { min: block.config.min }) : "Value must be at least " + block.config.min;
-  }
-  if (block.config.max !== void 0 && !validateMaxValue(value, block.config.max)) {
-    return errorMessages.max_value ? interpolateMessage(errorMessages.max_value, { max: block.config.max }) : "Value must be no more than " + block.config.max;
-  }
-  if (block.config.pattern && !validatePattern(value, block.config.pattern)) {
-    const patternMessage = block.config.pattern_message ? block.config.pattern_message : "This field has an invalid format";
-    return patternMessage;
-  }
-  return void 0;
-}
-
-// src/use-form-action.tsx
-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
-  };
-}
-function useFormField(id) {
-  const {
-    formId,
-    document,
-    settings,
-    loading,
-    formValues,
-    setFormValues,
-    errors,
-    setErrors,
-    analyticsSettings,
-    onAnalyticsEvent,
-    formName,
-    hasStarted,
-    setHasStarted
-  } = useForm();
-  const block = useMemo(() => {
-    return findBlockInDocument(id, document);
-  }, [document, id]);
-  const fieldId = useMemo(() => {
-    if (!block) return null;
-    return typeof block.config.field_id === "string" ? block.config.field_id : block.id;
-  }, [block]);
-  const initialValue = 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 = useMemo(() => {
-    if (!fieldId) {
-      return void 0;
-    }
-    return formValues[fieldId] ?? initialValue;
-  }, [fieldId, formValues, initialValue]);
-  const setValue = 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 = useCallback(() => {
-    if (!(settings.validate_on_blur ?? false) || !block || !fieldId) {
-      return;
-    }
-    const currentValue = formValues[fieldId] ?? initialValue;
-    const error = 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 = 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 || !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
-  };
-}
-
-export { FormProvider, useForm, useFormAction, useFormField };
-//# sourceMappingURL=index.js.map
+export * from "./form-context";
+export * from "./use-form-action";
+export * from "./use-form-field";
 //# sourceMappingURL=index.js.map