@opensite/ui 2.2.3 → 2.2.5

package/dist/contact-callback.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -16,44 +16,6 @@ interface ContactCallbackProps {
      * Description text below the heading
      */
     description?: React.ReactNode;
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Submit button icon (displayed before text)
-     */
-    buttonIcon?: React.ReactNode;
-    /**
-     * Array of action configurations for additional buttons
-     */
-    actions?: ActionConfig[];
-    /**
-     * Custom slot for rendering actions (overrides actions array and default submit)
-     */
-    actionsSlot?: React.ReactNode;
-    /**
-     * Array of form field configurations
-     * If not provided, defaults to: name, company, email, phone, date, time, timezone, topic, details
-     */
-    formFields?: FormFieldConfig[];
-    /**
-     * Success message to display after form submission
-     * @default "Thank you! Your callback request has been received."
-     */
-    successMessage?: React.ReactNode;
-    /**
-     * Label for the information section heading
-     */
-    infoSectionLabel?: string;
-    /**
-     * Label for the schedule section heading
-     */
-    scheduleSectionLabel?: string;
-    /**
-     * Label for the topic section heading
-     */
-    topicSectionLabel?: string;
     /**
      * Label for the callback process info box heading
      */
@@ -90,22 +52,6 @@ interface ContactCallbackProps {
      * Additional CSS classes for the card content
      */
     cardContentClassName?: string;
-    /**
-     * Additional CSS classes for the form
-     */
-    formClassName?: string;
-    /**
-     * Additional CSS classes for the submit button
-     */
-    submitClassName?: string;
-    /**
-     * Additional CSS classes for the success message
-     */
-    successMessageClassName?: string;
-    /**
-     * Additional CSS classes for the error message
-     */
-    errorMessageClassName?: string;
     /**
      * Background style for the section
      */
@@ -124,22 +70,9 @@ interface ContactCallbackProps {
      */
     patternOpacity?: number;
     /**
-     * Optional form submission configuration.
-     * See `FORMS_INTEGRATION_GUIDE.md` for complete examples.
-     */
-    formConfig?: PageSpeedFormConfig;
-    /**
-     * Optional custom submission handler for maximum flexibility.
-     */
-    onSubmit?: (values: Record<string, unknown>) => void | Promise<void>;
-    /**
-     * Optional success callback invoked after successful submission.
-     */
-    onSuccess?: (data: unknown) => void;
-    /**
-     * Optional error callback invoked if submission fails.
+     * Full form engine setup and props
      */
-    onError?: (error: Error) => void;
+    formEngineSetup?: FormEngineProps;
 }
 /**
  * ContactCallback - A comprehensive callback scheduling form with date/time selection,
@@ -151,11 +84,10 @@ interface ContactCallbackProps {
  * <ContactCallback
  *   heading="Request a Callback"
  *   description="Schedule a time that works for you"
- *   buttonText="Schedule Callback"
- *   formConfig={{ endpoint: "/api/callback", format: "json" }}
+ *   formEngineSetup={{ formConfig: { endpoint: "/api/callback", format: "json" } }}
  * />
  * ```
  */
-declare function ContactCallback({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, infoSectionLabel, scheduleSectionLabel, topicSectionLabel, callbackProcessLabel, callbackProcessDescription, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactCallbackProps): React.JSX.Element;
+declare function ContactCallback({ heading, description, callbackProcessLabel, callbackProcessDescription, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, background, spacing, pattern, patternOpacity, formEngineSetup, }: ContactCallbackProps): React.JSX.Element;
 
 export { ContactCallback, type ContactCallbackProps };

package/dist/contact-callback.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
+import { FormEngineProps } from '@page-speed/forms/integration';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -16,44 +16,6 @@ interface ContactCallbackProps {
      * Description text below the heading
      */
     description?: React.ReactNode;
-    /**
-     * Submit button text
-     */
-    buttonText?: string;
-    /**
-     * Submit button icon (displayed before text)
-     */
-    buttonIcon?: React.ReactNode;
-    /**
-     * Array of action configurations for additional buttons
-     */
-    actions?: ActionConfig[];
-    /**
-     * Custom slot for rendering actions (overrides actions array and default submit)
-     */
-    actionsSlot?: React.ReactNode;
-    /**
-     * Array of form field configurations
-     * If not provided, defaults to: name, company, email, phone, date, time, timezone, topic, details
-     */
-    formFields?: FormFieldConfig[];
-    /**
-     * Success message to display after form submission
-     * @default "Thank you! Your callback request has been received."
-     */
-    successMessage?: React.ReactNode;
-    /**
-     * Label for the information section heading
-     */
-    infoSectionLabel?: string;
-    /**
-     * Label for the schedule section heading
-     */
-    scheduleSectionLabel?: string;
-    /**
-     * Label for the topic section heading
-     */
-    topicSectionLabel?: string;
     /**
      * Label for the callback process info box heading
      */
@@ -90,22 +52,6 @@ interface ContactCallbackProps {
      * Additional CSS classes for the card content
      */
     cardContentClassName?: string;
-    /**
-     * Additional CSS classes for the form
-     */
-    formClassName?: string;
-    /**
-     * Additional CSS classes for the submit button
-     */
-    submitClassName?: string;
-    /**
-     * Additional CSS classes for the success message
-     */
-    successMessageClassName?: string;
-    /**
-     * Additional CSS classes for the error message
-     */
-    errorMessageClassName?: string;
     /**
      * Background style for the section
      */
@@ -124,22 +70,9 @@ interface ContactCallbackProps {
      */
     patternOpacity?: number;
     /**
-     * Optional form submission configuration.
-     * See `FORMS_INTEGRATION_GUIDE.md` for complete examples.
-     */
-    formConfig?: PageSpeedFormConfig;
-    /**
-     * Optional custom submission handler for maximum flexibility.
-     */
-    onSubmit?: (values: Record<string, unknown>) => void | Promise<void>;
-    /**
-     * Optional success callback invoked after successful submission.
-     */
-    onSuccess?: (data: unknown) => void;
-    /**
-     * Optional error callback invoked if submission fails.
+     * Full form engine setup and props
      */
-    onError?: (error: Error) => void;
+    formEngineSetup?: FormEngineProps;
 }
 /**
  * ContactCallback - A comprehensive callback scheduling form with date/time selection,
@@ -151,11 +84,10 @@ interface ContactCallbackProps {
  * <ContactCallback
  *   heading="Request a Callback"
  *   description="Schedule a time that works for you"
- *   buttonText="Schedule Callback"
- *   formConfig={{ endpoint: "/api/callback", format: "json" }}
+ *   formEngineSetup={{ formConfig: { endpoint: "/api/callback", format: "json" } }}
  * />
  * ```
  */
-declare function ContactCallback({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, infoSectionLabel, scheduleSectionLabel, topicSectionLabel, callbackProcessLabel, callbackProcessDescription, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactCallbackProps): React.JSX.Element;
+declare function ContactCallback({ heading, description, callbackProcessLabel, callbackProcessDescription, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, background, spacing, pattern, patternOpacity, formEngineSetup, }: ContactCallbackProps): React.JSX.Element;
 
 export { ContactCallback, type ContactCallbackProps };