@otl-core/forms 1.1.19 → 1.1.20

package/dist/form-context.cjs

@@ -0,0 +1,99 @@
+"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 form_context_exports = {};
+__export(form_context_exports, {
+  FormProvider: () => FormProvider,
+  useForm: () => useForm
+});
+module.exports = __toCommonJS(form_context_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const FormContext = (0, import_react.createContext)(void 0);
+function useForm() {
+  const context = (0, import_react.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] = (0, import_react.useState)(
+    document.pages[0]?.id ?? ""
+  );
+  const [formValues, setFormValues] = (0, import_react.useState)({});
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [errors, setErrors] = (0, import_react.useState)(null);
+  const [globalError, setGlobalError] = (0, import_react.useState)(null);
+  const [hasStarted, setHasStarted] = (0, import_react.useState)(false);
+  const currentPage = (0, import_react.useMemo)(
+    () => document.pages.find((p) => p.id === currentPageId) ?? document.pages[0],
+    [document, currentPageId]
+  );
+  const setCurrentPage = (0, import_react.useCallback)(
+    (page) => setCurrentPageId(page.id),
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormProvider,
+  useForm
+});
+//# sourceMappingURL=form-context.cjs.map

package/dist/form-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form-context.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  FormAnalyticsCallback,\n  FormAnalyticsSettings,\n  FormDocument,\n  FormPage,\n  FormSettings,\n} from \"@otl-core/cms-types\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\ninterface FormContextValue {\n  /** The actual form ID (from the form definition / PostgreSQL) */\n  formId: string;\n  document: FormDocument;\n  settings: FormSettings;\n\n  loading: boolean;\n  setLoading: React.Dispatch<React.SetStateAction<boolean>>;\n\n  currentPage: FormPage;\n  setCurrentPage: (page: FormPage) => void;\n\n  formValues: Record<string, unknown>;\n  setFormValues: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;\n\n  errors: { [key: string]: string } | null;\n  setErrors: React.Dispatch<\n    React.SetStateAction<{ [key: string]: string } | null>\n  >;\n  globalError: string | null;\n  setGlobalError: React.Dispatch<React.SetStateAction<string | null>>;\n\n  analyticsSettings?: FormAnalyticsSettings;\n  onAnalyticsEvent?: FormAnalyticsCallback;\n  formName?: string;\n  hasStarted: boolean;\n  setHasStarted: React.Dispatch<React.SetStateAction<boolean>>;\n  /** A/B test: which page variant the form is rendered on */\n  environmentVariantId?: string;\n  /** A/B test: which form variant was resolved (for multivariate forms) */\n  formVariantId?: string;\n  /** Locale for the form submission */\n  locale?: string;\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined);\n\nexport function useForm(): FormContextValue {\n  const context = useContext(FormContext);\n  if (!context) {\n    throw new Error(\"useForm must be used within a FormProvider\");\n  }\n  return context;\n}\n\nexport interface FormProviderProps {\n  children: React.ReactNode;\n  /** The actual form ID (from the form definition / PostgreSQL) */\n  formId: string;\n  document: FormDocument;\n  settings: FormSettings;\n  analyticsSettings?: FormAnalyticsSettings;\n  onAnalyticsEvent?: FormAnalyticsCallback;\n  formName?: string;\n  /** A/B test: which page variant the form is rendered on */\n  environmentVariantId?: string;\n  /** A/B test: which form variant was resolved (for multivariate forms) */\n  formVariantId?: string;\n  /** Locale for the form submission */\n  locale?: string;\n}\n\nexport function FormProvider({\n  children,\n  formId,\n  document,\n  settings,\n  analyticsSettings,\n  onAnalyticsEvent,\n  formName,\n  environmentVariantId,\n  formVariantId,\n  locale,\n}: FormProviderProps) {\n  const [currentPageId, setCurrentPageId] = useState<string>(\n    document.pages[0]?.id ?? \"\",\n  );\n  const [formValues, setFormValues] = useState<Record<string, unknown>>({});\n\n  const [loading, setLoading] = useState(false);\n  const [errors, setErrors] = useState<{ [key: string]: string } | null>(null);\n  const [globalError, setGlobalError] = useState<string | null>(null);\n  const [hasStarted, setHasStarted] = useState(false);\n\n  // Derive current page from document prop + stored page ID\n  const currentPage = useMemo(\n    () =>\n      document.pages.find((p) => p.id === currentPageId) ?? document.pages[0],\n    [document, currentPageId],\n  );\n\n  const setCurrentPage = useCallback(\n    (page: FormPage) => setCurrentPageId(page.id),\n    [],\n  );\n\n  return (\n    <FormContext.Provider\n      value={{\n        formId,\n        document,\n        settings,\n\n        loading,\n        setLoading,\n\n        currentPage,\n        setCurrentPage,\n\n        formValues,\n        setFormValues,\n\n        errors,\n        setErrors,\n\n        globalError,\n        setGlobalError,\n\n        analyticsSettings,\n        onAnalyticsEvent,\n        formName,\n        hasStarted,\n        setHasStarted,\n        environmentVariantId,\n        formVariantId,\n        locale,\n      }}\n    >\n      {children}\n    </FormContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkHI;AAzGJ,mBAMO;AAqCP,MAAM,kBAAc,4BAA4C,MAAS;AAElE,SAAS,UAA4B;AAC1C,QAAM,cAAU,yBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;AAmBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,eAAe,gBAAgB,QAAI;AAAA,IACxC,SAAS,MAAM,CAAC,GAAG,MAAM;AAAA,EAC3B;AACA,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAkC,CAAC,CAAC;AAExE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA2C,IAAI;AAC3E,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAwB,IAAI;AAClE,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAGlD,QAAM,kBAAc;AAAA,IAClB,MACE,SAAS,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa,KAAK,SAAS,MAAM,CAAC;AAAA,IACxE,CAAC,UAAU,aAAa;AAAA,EAC1B;AAEA,QAAM,qBAAiB;AAAA,IACrB,CAAC,SAAmB,iBAAiB,KAAK,EAAE;AAAA,IAC5C,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/form-context.d.cts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormDocument, FormSettings, FormAnalyticsSettings, FormAnalyticsCallback, FormPage } from '@otl-core/cms-types';
+import React from 'react';
+
+interface FormContextValue {
+    /** The actual form ID (from the form definition / PostgreSQL) */
+    formId: string;
+    document: FormDocument;
+    settings: FormSettings;
+    loading: boolean;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    currentPage: FormPage;
+    setCurrentPage: (page: FormPage) => void;
+    formValues: Record<string, unknown>;
+    setFormValues: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
+    errors: {
+        [key: string]: string;
+    } | null;
+    setErrors: React.Dispatch<React.SetStateAction<{
+        [key: string]: string;
+    } | null>>;
+    globalError: string | null;
+    setGlobalError: React.Dispatch<React.SetStateAction<string | null>>;
+    analyticsSettings?: FormAnalyticsSettings;
+    onAnalyticsEvent?: FormAnalyticsCallback;
+    formName?: string;
+    hasStarted: boolean;
+    setHasStarted: React.Dispatch<React.SetStateAction<boolean>>;
+    /** A/B test: which page variant the form is rendered on */
+    environmentVariantId?: string;
+    /** A/B test: which form variant was resolved (for multivariate forms) */
+    formVariantId?: string;
+    /** Locale for the form submission */
+    locale?: string;
+}
+declare function useForm(): FormContextValue;
+interface FormProviderProps {
+    children: React.ReactNode;
+    /** The actual form ID (from the form definition / PostgreSQL) */
+    formId: string;
+    document: FormDocument;
+    settings: FormSettings;
+    analyticsSettings?: FormAnalyticsSettings;
+    onAnalyticsEvent?: FormAnalyticsCallback;
+    formName?: string;
+    /** A/B test: which page variant the form is rendered on */
+    environmentVariantId?: string;
+    /** A/B test: which form variant was resolved (for multivariate forms) */
+    formVariantId?: string;
+    /** Locale for the form submission */
+    locale?: string;
+}
+declare function FormProvider({ children, formId, document, settings, analyticsSettings, onAnalyticsEvent, formName, environmentVariantId, formVariantId, locale, }: FormProviderProps): react_jsx_runtime.JSX.Element;
+
+export { FormProvider, type FormProviderProps, useForm };

package/dist/form-context.d.ts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormDocument, FormSettings, FormAnalyticsSettings, FormAnalyticsCallback, FormPage } from '@otl-core/cms-types';
+import React from 'react';
+
+interface FormContextValue {
+    /** The actual form ID (from the form definition / PostgreSQL) */
+    formId: string;
+    document: FormDocument;
+    settings: FormSettings;
+    loading: boolean;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    currentPage: FormPage;
+    setCurrentPage: (page: FormPage) => void;
+    formValues: Record<string, unknown>;
+    setFormValues: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
+    errors: {
+        [key: string]: string;
+    } | null;
+    setErrors: React.Dispatch<React.SetStateAction<{
+        [key: string]: string;
+    } | null>>;
+    globalError: string | null;
+    setGlobalError: React.Dispatch<React.SetStateAction<string | null>>;
+    analyticsSettings?: FormAnalyticsSettings;
+    onAnalyticsEvent?: FormAnalyticsCallback;
+    formName?: string;
+    hasStarted: boolean;
+    setHasStarted: React.Dispatch<React.SetStateAction<boolean>>;
+    /** A/B test: which page variant the form is rendered on */
+    environmentVariantId?: string;
+    /** A/B test: which form variant was resolved (for multivariate forms) */
+    formVariantId?: string;
+    /** Locale for the form submission */
+    locale?: string;
+}
+declare function useForm(): FormContextValue;
+interface FormProviderProps {
+    children: React.ReactNode;
+    /** The actual form ID (from the form definition / PostgreSQL) */
+    formId: string;
+    document: FormDocument;
+    settings: FormSettings;
+    analyticsSettings?: FormAnalyticsSettings;
+    onAnalyticsEvent?: FormAnalyticsCallback;
+    formName?: string;
+    /** A/B test: which page variant the form is rendered on */
+    environmentVariantId?: string;
+    /** A/B test: which form variant was resolved (for multivariate forms) */
+    formVariantId?: string;
+    /** Locale for the form submission */
+    locale?: string;
+}
+declare function FormProvider({ children, formId, document, settings, analyticsSettings, onAnalyticsEvent, formName, environmentVariantId, formVariantId, locale, }: FormProviderProps): react_jsx_runtime.JSX.Element;
+
+export { FormProvider, type FormProviderProps, useForm };

package/dist/form-context.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState
+} from "react";
+const 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
+    }
+  );
+}
+export {
+  FormProvider,
+  useForm
+};
+//# sourceMappingURL=form-context.js.map

package/dist/form-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form-context.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  FormAnalyticsCallback,\n  FormAnalyticsSettings,\n  FormDocument,\n  FormPage,\n  FormSettings,\n} from \"@otl-core/cms-types\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\ninterface FormContextValue {\n  /** The actual form ID (from the form definition / PostgreSQL) */\n  formId: string;\n  document: FormDocument;\n  settings: FormSettings;\n\n  loading: boolean;\n  setLoading: React.Dispatch<React.SetStateAction<boolean>>;\n\n  currentPage: FormPage;\n  setCurrentPage: (page: FormPage) => void;\n\n  formValues: Record<string, unknown>;\n  setFormValues: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;\n\n  errors: { [key: string]: string } | null;\n  setErrors: React.Dispatch<\n    React.SetStateAction<{ [key: string]: string } | null>\n  >;\n  globalError: string | null;\n  setGlobalError: React.Dispatch<React.SetStateAction<string | null>>;\n\n  analyticsSettings?: FormAnalyticsSettings;\n  onAnalyticsEvent?: FormAnalyticsCallback;\n  formName?: string;\n  hasStarted: boolean;\n  setHasStarted: React.Dispatch<React.SetStateAction<boolean>>;\n  /** A/B test: which page variant the form is rendered on */\n  environmentVariantId?: string;\n  /** A/B test: which form variant was resolved (for multivariate forms) */\n  formVariantId?: string;\n  /** Locale for the form submission */\n  locale?: string;\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined);\n\nexport function useForm(): FormContextValue {\n  const context = useContext(FormContext);\n  if (!context) {\n    throw new Error(\"useForm must be used within a FormProvider\");\n  }\n  return context;\n}\n\nexport interface FormProviderProps {\n  children: React.ReactNode;\n  /** The actual form ID (from the form definition / PostgreSQL) */\n  formId: string;\n  document: FormDocument;\n  settings: FormSettings;\n  analyticsSettings?: FormAnalyticsSettings;\n  onAnalyticsEvent?: FormAnalyticsCallback;\n  formName?: string;\n  /** A/B test: which page variant the form is rendered on */\n  environmentVariantId?: string;\n  /** A/B test: which form variant was resolved (for multivariate forms) */\n  formVariantId?: string;\n  /** Locale for the form submission */\n  locale?: string;\n}\n\nexport function FormProvider({\n  children,\n  formId,\n  document,\n  settings,\n  analyticsSettings,\n  onAnalyticsEvent,\n  formName,\n  environmentVariantId,\n  formVariantId,\n  locale,\n}: FormProviderProps) {\n  const [currentPageId, setCurrentPageId] = useState<string>(\n    document.pages[0]?.id ?? \"\",\n  );\n  const [formValues, setFormValues] = useState<Record<string, unknown>>({});\n\n  const [loading, setLoading] = useState(false);\n  const [errors, setErrors] = useState<{ [key: string]: string } | null>(null);\n  const [globalError, setGlobalError] = useState<string | null>(null);\n  const [hasStarted, setHasStarted] = useState(false);\n\n  // Derive current page from document prop + stored page ID\n  const currentPage = useMemo(\n    () =>\n      document.pages.find((p) => p.id === currentPageId) ?? document.pages[0],\n    [document, currentPageId],\n  );\n\n  const setCurrentPage = useCallback(\n    (page: FormPage) => setCurrentPageId(page.id),\n    [],\n  );\n\n  return (\n    <FormContext.Provider\n      value={{\n        formId,\n        document,\n        settings,\n\n        loading,\n        setLoading,\n\n        currentPage,\n        setCurrentPage,\n\n        formValues,\n        setFormValues,\n\n        errors,\n        setErrors,\n\n        globalError,\n        setGlobalError,\n\n        analyticsSettings,\n        onAnalyticsEvent,\n        formName,\n        hasStarted,\n        setHasStarted,\n        environmentVariantId,\n        formVariantId,\n        locale,\n      }}\n    >\n      {children}\n    </FormContext.Provider>\n  );\n}\n"],"mappings":";AAkHI;AAzGJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqCP,MAAM,cAAc,cAA4C,MAAS;AAElE,SAAS,UAA4B;AAC1C,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;AAmBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,SAAS,MAAM,CAAC,GAAG,MAAM;AAAA,EAC3B;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkC,CAAC,CAAC;AAExE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA2C,IAAI;AAC3E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAClE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAGlD,QAAM,cAAc;AAAA,IAClB,MACE,SAAS,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa,KAAK,SAAS,MAAM,CAAC;AAAA,IACxE,CAAC,UAAU,aAAa;AAAA,EAC1B;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAmB,iBAAiB,KAAK,EAAE;AAAA,IAC5C,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}