@wix/headless-bookings 0.0.56 → 0.0.57

package/cjs/dist/react/core/booking-form/BookingForm.js

@@ -1,58 +1,42 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
+/**
+ * Core BookingForm Component
+ *
+ * Provides low-level access to booking form functionality via render props.
+ * Wraps CoreForm.Root and provides merged field map with booking defaults.
+ *
+ * Supports two modes:
+ * 1. Client-side: Provide formId to load the form dynamically
+ * 2. SSR/SSG: Provide a pre-loaded form object for server-side rendering
+ */
+import * as React from 'react';
+import { useMemo, useRef, useCallback } from 'react';
 import { WixServices, useService } from '@wix/services-manager-react';
 import { createServicesMap } from '@wix/services-manager';
-import { BookingFormServiceDefinition, BookingFormService, BOOKING_FORM_NAMESPACE, } from '../../../services/booking-form/booking-form.js';
+import { UniqueFieldSuffixContextProvider, } from '@wix/form-public';
+import { BookingFormServiceDefinition, BookingFormService, BookingFormConfigurationError, BOOKING_FORM_NAMESPACE, extractFormIdFromConfig, } from '../../../services/booking-form/booking-form.js';
+import { BookingServiceDefinition } from '../../../services/booking/booking.js';
 import { FormServiceDefinition, FormService, } from '@wix/headless-forms/services';
-// TODO: remove this when form will be updated to support optional field map
-const DEFAULT_BOOKING_FIELD_MAP = {
-    TEXT_INPUT: () => null,
-    TEXT_AREA: () => null,
-    PHONE_INPUT: () => null,
-    EMAIL_INPUT: () => null,
-    NUMBER_INPUT: () => null,
-    CHECKBOX: () => null,
-    DROPDOWN: () => null,
-    DATE_PICKER: () => null,
-    SUBMIT_BUTTON: () => null,
-    RADIO_GROUP: () => null,
-    CHECKBOX_GROUP: () => null,
-    DATE_INPUT: () => null,
-    DATE_TIME_INPUT: () => null,
-    TIME_INPUT: () => null,
-    FILE_UPLOAD: () => null,
-    SIGNATURE: () => null,
-    TEXT: () => null,
-    MULTILINE_ADDRESS: () => null,
-    RATING_INPUT: () => null,
-    TAGS: () => null,
-    PRODUCT_LIST: () => null,
-    FIXED_PAYMENT: () => null,
-    PAYMENT_INPUT: () => null,
-    DONATION: () => null,
-    APPOINTMENT: () => null,
-    IMAGE_CHOICE: () => null,
-};
 // ============================================================================
 // Component
 // ============================================================================
 /**
  * Extracts the form ID from props (either directly or from form object)
+ * Returns undefined if formId should be extracted from services by the service layer
  */
 function extractFormIdFromProps(props) {
-    if ('formId' in props && props.formId) {
-        return props.formId;
-    }
-    if ('form' in props && props.form) {
-        const form = props.form;
-        const formId = form.id ||
-            form._id;
-        if (!formId) {
-            throw new Error('BookingForm: Could not extract form ID from provided form object.');
-        }
-        return formId;
+    // Convert props to config-like object for the utility
+    const config = props.form
+        ? { form: props.form }
+        : props.formId
+            ? { formId: props.formId }
+            : undefined;
+    const formId = extractFormIdFromConfig(config);
+    // If form was provided but we couldn't extract formId, that's an error
+    if (props.form && !formId) {
+        throw new Error('BookingForm: Could not extract form ID from provided form object.');
     }
-    throw new Error('BookingForm: Either formId or form must be provided.');
+    return formId;
 }
 /**
  * Core component that provides booking form data via render props.
@@ -123,41 +107,75 @@ function extractFormIdFromProps(props) {
  * ```
  */
 export function Root(props) {
-    const { additionalMetadata, fieldMap: userFieldMap, children } = props;
+    const { serviceIds, additionalMetadata, fieldMap, children } = props;
     // Determine if we have a pre-loaded form
     const hasPreloadedForm = 'form' in props && props.form;
     const preloadedForm = hasPreloadedForm ? props.form : null;
     // Extract formId from props
-    const formId = extractFormIdFromProps(props);
-    // Merge user's partial field map with booking defaults
-    const fields = useMemo(() => ({
-        // ...DEFAULT_BOOKING_FIELD_MAP, // TODO: Add default field map
-        ...userFieldMap,
-    }), [userFieldMap]);
+    const propsFormId = extractFormIdFromProps(props);
+    // Try to get BookingService if available (to extract formId and serviceIds from services)
+    let bookingService = null;
+    try {
+        bookingService = useService(BookingServiceDefinition);
+    }
+    catch {
+        // BookingService not available - that's ok if formId and serviceIds were provided explicitly
+        bookingService = null;
+    }
+    // Determine final formId: use props formId if provided, otherwise extract from services
+    let formId = propsFormId;
+    if (!formId && bookingService) {
+        const serviceSelections = bookingService.serviceSelections.get();
+        const services = serviceSelections.length
+            ? serviceSelections.map((s) => s.service)
+            : [];
+        formId = services.find((s) => s.form?._id)?.form?._id;
+    }
+    // Determine final serviceIds: use props serviceIds if provided, otherwise extract from services
+    let resolvedServiceIds = serviceIds;
+    if (!resolvedServiceIds && bookingService) {
+        const serviceSelections = bookingService.serviceSelections.get();
+        resolvedServiceIds = serviceSelections
+            .map((s) => s.service._id)
+            .filter((id) => Boolean(id));
+    }
+    // Merge serviceIds into additionalMetadata
+    const mergedMetadata = {
+        ...additionalMetadata,
+        ...(resolvedServiceIds &&
+            resolvedServiceIds.length > 0 && { serviceIds: resolvedServiceIds }),
+    };
     // Build formServiceConfig for FormService
-    // If we have a pre-loaded form, pass it directly; otherwise pass formId
+    // If we have a pre-loaded form, pass it directly
+    // If we have formId, pass it with namespace and metadata
     const formServiceConfig = useMemo(() => {
         if (preloadedForm) {
             return { form: preloadedForm };
         }
-        return {
-            formId,
-            namespace: BOOKING_FORM_NAMESPACE,
-            ...(additionalMetadata && { additionalMetadata }),
-        };
-    }, [formId, additionalMetadata, preloadedForm]);
+        // Only provide config if formId is available
+        if (formId) {
+            return {
+                formId,
+                namespace: BOOKING_FORM_NAMESPACE,
+                ...(Object.keys(mergedMetadata).length > 0 && {
+                    additionalMetadata: mergedMetadata,
+                }),
+            };
+        }
+    }, [formId, mergedMetadata, preloadedForm]);
     // Build bookingFormServiceConfig
     const bookingFormServiceConfig = useMemo(() => {
         if (preloadedForm) {
             return { form: preloadedForm };
         }
-        return { formId };
-    }, [formId, preloadedForm]);
+        // formId is optional - service will extract from services if not provided
+        return formId ? { formId, serviceIds } : undefined;
+    }, [formId, preloadedForm, serviceIds]);
     // Both FormService and BookingFormService are added to the same WixServices context
     // This allows BookingFormService to access FormService via getService internally
     return (_jsx(WixServices, { servicesMap: createServicesMap()
             .addService(FormServiceDefinition, FormService, formServiceConfig)
-            .addService(BookingFormServiceDefinition, BookingFormService, bookingFormServiceConfig), children: _jsx(BookingFormContent, { formId: formId, fields: { ...DEFAULT_BOOKING_FIELD_MAP, ...fields }, children: children }) }));
+            .addService(BookingFormServiceDefinition, BookingFormService, bookingFormServiceConfig), children: _jsx(UniqueFieldSuffixContextProvider, { children: _jsx(BookingFormContent, { fields: fieldMap, children: children }) }) }));
 }
 /**
  * Internal component that consumes BookingFormService and provides render props.
@@ -165,17 +183,139 @@ export function Root(props) {
  *
  * Note: BookingFormService internally accesses FormService to get formValues,
  * so we only need to consume BookingFormService here.
+ *
+ * Also automatically syncs form submission to BookingService when available,
+ * so Booking.Actions.Book can check canBook() correctly.
+ *
+ * Note: BookingService must be available in a parent WixServices context
+ * (typically provided by Booking.Root) for the sync to work. If BookingService
+ * is not available, useService will throw. This is expected since Booking.Actions.Book
+ * requires Booking.Root to be in the component tree.
  */
-function BookingFormContent({ formId, fields, children, }) {
+function BookingFormContent({ fields, children, }) {
     const bookingFormService = useService(BookingFormServiceDefinition);
+    // Try to get BookingService from parent context (provided by Booking.Root)
+    // Note: useService must be called unconditionally per React hooks rules.
+    // If BookingService is not available, useService will throw an error.
+    // This is expected - Booking.Actions.Book requires Booking.Root to be in the tree.
+    // We use a wrapper component pattern to handle this gracefully.
+    // For now, we'll always attempt to get it and let it throw if not available
+    // The user should wrap BookingForm with Booking.Root when using Booking.Actions.Book
+    const bookingService = useService(BookingServiceDefinition);
+    // Create internal ref for form handle
+    const formRef = useRef(null);
+    // Create validate action that uses the form ref
+    const validate = useCallback(() => {
+        return formRef.current?.validate() ?? Promise.resolve(false);
+    }, []);
+    // Wrap setFormSubmission to also sync to BookingService when available
+    const setFormSubmission = useCallback((formValues) => {
+        // Set in BookingFormService (always)
+        bookingFormService.setFormSubmission(formValues);
+        // Also set in BookingService if available (for canBook check)
+        // This allows Booking.Actions.Book to work correctly
+        if (bookingService) {
+            bookingService.actions.setFormSubmission(formValues);
+        }
+    }, [bookingFormService, bookingService]);
     const formSubmission = bookingFormService.formSubmission.get();
     const formValues = bookingFormService.formValues.get();
+    // Get formId from service (it extracts from services if not provided in config)
+    const resolvedFormId = bookingFormService.formId.get();
     return children({
-        formId,
+        formId: resolvedFormId,
         formValues,
         formSubmission,
-        setFormSubmission: bookingFormService.setFormSubmission,
-        validateFormSubmission: bookingFormService.validateFormSubmission,
+        setFormSubmission,
+        validateFormSubmission: validate,
+        formRef,
         fields,
     });
 }
+/**
+ * Core component that provides booking form actions via render props.
+ * Must be used within BookingForm.Root context.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <CoreBookingForm.Root formId="form-123">
+ *   {({ fields }) => (
+ *     <>
+ *       <Form.Fields fieldMap={fields} />
+ *       <CoreBookingForm.Actions>
+ *         {({ validateFormSubmission, formId }) => (
+ *           <button onClick={async () => {
+ *             const result = await validateFormSubmission();
+ *             console.log('Validation result:', result);
+ *           }}>
+ *             Validate Form
+ *           </button>
+ *         )}
+ *       </CoreBookingForm.Actions>
+ *     </>
+ *   )}
+ * </CoreBookingForm.Root>
+ * ```
+ */
+export function Actions(props) {
+    const bookingFormService = useService(BookingFormServiceDefinition);
+    const formSubmission = bookingFormService.formSubmission.get();
+    const formValues = bookingFormService.formValues.get();
+    const formId = bookingFormService.formId.get();
+    return props.children({
+        validateFormSubmission: bookingFormService.validateFormSubmission,
+        formId,
+        formValues,
+        formSubmission,
+    });
+}
+/**
+ * Component to display when BookingForm fails to load due to configuration errors.
+ * This component should be used in an error boundary to catch BookingFormConfigurationError.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import * as CoreBookingForm from '@wix/headless-bookings/react/core/booking-form';
+ *
+ * // Default usage with className
+ * <CoreBookingForm.LoadError error={error} className="text-destructive p-4" />
+ *
+ * // Custom content
+ * <CoreBookingForm.LoadError error={error}>
+ *   <div className="error-container">
+ *     <h3>Error Loading Form</h3>
+ *     <p>Please try again later.</p>
+ *   </div>
+ * </CoreBookingForm.LoadError>
+ *
+ * // With asChild for custom components
+ * <CoreBookingForm.LoadError error={error} asChild>
+ *   <CustomErrorComponent />
+ * </CoreBookingForm.LoadError>
+ * ```
+ */
+export const LoadError = React.forwardRef((props, ref) => {
+    const { error, asChild, children, className, ...otherProps } = props;
+    const errorData = { error, message: error.message };
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            ref,
+            className,
+            'data-testid': 'booking-form-load-error',
+            role: 'alert',
+            ...errorData,
+            ...otherProps,
+        });
+    }
+    return (_jsx("div", { ref: ref, className: className, "data-testid": "booking-form-load-error", role: "alert", ...otherProps, children: children ?? error.message }));
+});
+/**
+ * Type guard to check if an error is a BookingFormConfigurationError
+ */
+export function isBookingFormConfigurationError(error) {
+    return error instanceof BookingFormConfigurationError;
+}
+// Re-export the error class for convenience
+export { BookingFormConfigurationError };

package/cjs/dist/services/booking-form/booking-form.d.ts

@@ -25,24 +25,44 @@ export interface ValidationResult {
     /** Array of validation failure messages */
     validationFailures: string[];
 }
+/**
+ * Error thrown when BookingFormService cannot be initialized due to missing configuration.
+ * This occurs when:
+ * - No config (formId or form) was provided
+ * - AND the component is not wrapped with Booking.Root (no BookingService available)
+ */
+export declare class BookingFormConfigurationError extends Error {
+    constructor(message?: string);
+}
 /**
  * Configuration for BookingFormService.
  * Supports two modes:
  * 1. Client-side loading: Provide formId to fetch the form dynamically
  * 2. SSR/SSG: Provide a pre-loaded form object (must be from bookings namespace)
  *
+ * Note: The config itself is optional. If not provided, the formId will be
+ * extracted from the selected service if available.
+ *
  * @example
  * ```tsx
  * // Pattern 1: Client-side loading
  * const config = { formId: 'form-123' };
  *
+ * // Pattern 1b: Client-side loading with service IDs
+ * const config = { formId: 'form-123', serviceIds: ['service-1', 'service-2'] };
+ *
  * // Pattern 2: Pre-loaded form (SSR/SSG)
  * const config = { form: preloadedForm };
+ *
+ * // Pattern 3: No config (formId extracted from service)
+ * // config = undefined
  * ```
  */
 export type BookingFormServiceConfig = {
     /** The form ID to load (client-side loading) */
     formId: string;
+    /** Optional list of service IDs associated with this booking form */
+    serviceIds?: string[];
 } | {
     /** Pre-loaded form object (SSR/SSG) - must be from bookings namespace */
     form: forms.Form;
@@ -79,18 +99,7 @@ export interface BookingFormServiceInternalAPI extends BookingFormServiceAPI {
     /** Internal: Register validate callback (called by core component) */
     _setValidateCallback: (callback: () => Promise<ValidationResult>) => void;
 }
-/**
- * Type guard to check if config has formId
- */
-export declare function hasFormId(config: BookingFormServiceConfig): config is {
-    formId: string;
-};
-/**
- * Type guard to check if config has pre-loaded form
- */
-export declare function hasForm(config: BookingFormServiceConfig): config is {
-    form: forms.Form;
-};
+export { hasFormId, hasForm, extractFormIdFromForm, extractFormIdFromConfig, type FormIdConfig, } from './utils.js';
 /**
  * Service definition for BookingForm.
  * Defines the contract that the BookingFormService must implement.
@@ -137,4 +146,4 @@ export declare const BookingFormService: import("@wix/services-definitions").Ser
     __api: BookingFormServiceAPI;
     __config: {};
     isServiceDefinition?: boolean;
-} & BookingFormServiceAPI, BookingFormServiceConfig>;
+} & BookingFormServiceAPI, BookingFormServiceConfig | undefined>;

package/cjs/dist/services/booking-form/booking-form.js

@@ -10,6 +10,8 @@
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
 import { FormServiceDefinition } from '@wix/headless-forms/services';
+import { BookingServiceDefinition, } from '../booking/booking.js';
+import { hasForm, extractFormIdFromConfig } from './utils.js';
 // ============================================================================
 // Constants
 // ============================================================================
@@ -18,22 +20,25 @@ import { FormServiceDefinition } from '@wix/headless-forms/services';
  * All booking forms must belong to this namespace.
  */
 export const BOOKING_FORM_NAMESPACE = 'wix.bookings.v2.bookings';
-// ============================================================================
-// Helper Types
-// ============================================================================
-/**
- * Type guard to check if config has formId
- */
-export function hasFormId(config) {
-    return 'formId' in config;
-}
 /**
- * Type guard to check if config has pre-loaded form
+ * Error thrown when BookingFormService cannot be initialized due to missing configuration.
+ * This occurs when:
+ * - No config (formId or form) was provided
+ * - AND the component is not wrapped with Booking.Root (no BookingService available)
  */
-export function hasForm(config) {
-    return 'form' in config;
+export class BookingFormConfigurationError extends Error {
+    constructor(message) {
+        super(message ||
+            'BookingFormService: Cannot initialize - no formId or form provided in config and no BookingService available. ' +
+                'Either provide a formId/form in the config, or wrap with Booking.Root.');
+        this.name = 'BookingFormConfigurationError';
+    }
 }
 // ============================================================================
+// Re-export utilities
+// ============================================================================
+export { hasFormId, hasForm, extractFormIdFromForm, extractFormIdFromConfig, } from './utils.js';
+// ============================================================================
 // Service Definition
 // ============================================================================
 /**
@@ -64,20 +69,21 @@ function validateBookingFormNamespace(form) {
     }
 }
 /**
- * Extracts the form ID from either config type.
- * @param config The service config
+ * Extracts the form ID from either config type or from services.
+ * @param config The service config (optional)
+ * @param services The list of services to extract formId from if config is not provided
  * @returns The form ID
  */
-function extractFormId(config) {
-    if ('formId' in config) {
-        return config.formId;
+function extractFormId(config, services) {
+    // Try to extract from config first
+    let formId = extractFormIdFromConfig(config);
+    // Fallback to extracting from services
+    if (!formId) {
+        formId = services.find((s) => s.form?._id)?.form?._id;
     }
-    // Extract from form object - forms typically have an 'id' or '_id' property
-    const form = config.form;
-    const formId = form.id ||
-        form._id;
     if (!formId) {
-        throw new Error('BookingFormService: Could not extract form ID from provided form object.');
+        throw new BookingFormConfigurationError('BookingFormService: no formId found in config or services. ' +
+            'Either provide a formId in the config, or ensure Booking.Root has selected services with a form.');
     }
     return formId;
 }
@@ -120,14 +126,38 @@ function extractFormId(config) {
 export const BookingFormService = implementService.withConfig()(BookingFormServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
     const formService = getService(FormServiceDefinition);
+    // BookingService is optional - may not be available if not wrapped with Booking.Root
+    let bookingService = null;
+    try {
+        bookingService = getService(BookingServiceDefinition);
+    }
+    catch {
+        // BookingService not available - that's ok if formId was provided explicitly
+        bookingService = null;
+    }
+    const getServices = () => {
+        if (!bookingService) {
+            return [];
+        }
+        const serviceSelections = bookingService.serviceSelections.peek();
+        return serviceSelections.length
+            ? serviceSelections.map((s) => s.service)
+            : [];
+    };
+    // Validate that we have either config or bookingService with serviceSelections
+    // If neither is available, we can't extract formId and can't initialize the service
+    const hasServiceSelections = getServices().length > 0;
+    if (!config && (!bookingService || !hasServiceSelections)) {
+        throw new BookingFormConfigurationError();
+    }
     // Determine if we have a pre-loaded form
-    const hasPreloadedForm = 'form' in config;
+    const hasPreloadedForm = hasForm(config);
     // If form is provided, validate namespace
     if (hasPreloadedForm) {
         validateBookingFormNamespace(config.form);
     }
     // Extract formId from config (either directly or from form object)
-    const formIdValue = extractFormId(config);
+    const formIdValue = extractFormId(config, getServices());
     // Initialize formSubmission signal (stores form data to be submitted)
     const formSubmission = signalsService.signal(null);
     // Initialize submissionId signal (for future use)
@@ -135,7 +165,7 @@ export const BookingFormService = implementService.withConfig()(BookingFormServi
     // formId signal - readonly
     const formId = signalsService.signal(formIdValue);
     // form signal - contains pre-loaded form if provided
-    const form = signalsService.signal(hasPreloadedForm ? config.form : null);
+    const form = signalsService.signal(hasForm(config) ? config.form : null);
     // Internal: Store validate callback (set by core component, not exposed publicly)
     let _validateCallback = null;
     // Internal: Register validate callback (called by core component via closure)
@@ -155,6 +185,18 @@ export const BookingFormService = implementService.withConfig()(BookingFormServi
         }
         return _validateCallback();
     };
+    // Auto-sync formValues to BookingService.formSubmission (client-side only)
+    // This keeps Booking.Data.formSubmission updated as the user types
+    // and ensures the book action gets the latest form values
+    // Only set up sync if BookingService is available
+    if (bookingService) {
+        signalsService.effect(() => {
+            const formValues = formService.formValuesSignal.get();
+            if (formValues && Object.keys(formValues).length > 0) {
+                bookingService.actions.setFormSubmission(formValues);
+            }
+        });
+    }
     // Public API (what's exposed in BookingFormServiceAPI interface)
     const publicApi = {
         formValues: formService.formValuesSignal,

package/cjs/dist/services/booking-form/utils.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Utility functions for BookingForm
+ *
+ * Note: This file should not import from booking-form.ts to avoid circular dependencies.
+ * Type guards use generic types that will be compatible with BookingFormServiceConfig.
+ */
+import { forms } from '@wix/forms';
+/**
+ * Type guard to check if config has formId
+ */
+export declare function hasFormId<T extends {
+    formId: string;
+    serviceIds?: string[];
+} | {
+    form: forms.Form;
+}>(config: T | undefined): config is T & {
+    formId: string;
+    serviceIds?: string[];
+};
+/**
+ * Type guard to check if config has pre-loaded form
+ */
+export declare function hasForm<T extends {
+    formId: string;
+    serviceIds?: string[];
+} | {
+    form: forms.Form;
+}>(config: T | undefined): config is T & {
+    form: forms.Form;
+};
+/**
+ * Extracts the form ID from a form object.
+ * @param form The form object to extract ID from
+ * @returns The form ID or undefined if not found
+ */
+export declare function extractFormIdFromForm(form: forms.Form): string | undefined;
+/**
+ * Configuration object that may contain formId or form.
+ * Used by extractFormIdFromConfig.
+ */
+export type FormIdConfig = {
+    formId: string;
+    serviceIds?: string[];
+} | {
+    form: forms.Form;
+} | undefined;
+/**
+ * Extracts the form ID from a config object (either formId directly or from form object).
+ * @param config The config object containing either formId or form
+ * @returns The form ID or undefined if not found/extractable
+ */
+export declare function extractFormIdFromConfig(config: FormIdConfig): string | undefined;

package/cjs/dist/services/booking-form/utils.js

@@ -0,0 +1,47 @@
+/**
+ * Utility functions for BookingForm
+ *
+ * Note: This file should not import from booking-form.ts to avoid circular dependencies.
+ * Type guards use generic types that will be compatible with BookingFormServiceConfig.
+ */
+// ============================================================================
+// Type Guards
+// ============================================================================
+/**
+ * Type guard to check if config has formId
+ */
+export function hasFormId(config) {
+    return config != null && 'formId' in config;
+}
+/**
+ * Type guard to check if config has pre-loaded form
+ */
+export function hasForm(config) {
+    return config != null && 'form' in config;
+}
+// ============================================================================
+// Form ID Extraction
+// ============================================================================
+/**
+ * Extracts the form ID from a form object.
+ * @param form The form object to extract ID from
+ * @returns The form ID or undefined if not found
+ */
+export function extractFormIdFromForm(form) {
+    return (form.id ||
+        form._id);
+}
+/**
+ * Extracts the form ID from a config object (either formId directly or from form object).
+ * @param config The config object containing either formId or form
+ * @returns The form ID or undefined if not found/extractable
+ */
+export function extractFormIdFromConfig(config) {
+    if (hasFormId(config)) {
+        return config.formId;
+    }
+    if (hasForm(config)) {
+        return extractFormIdFromForm(config.form);
+    }
+    return undefined;
+}