@opensite/ui 1.7.5 → 1.7.6

package/dist/contact-photography.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { F as FormFieldConfig } from './form-field-types-BYdJNOsW.cjs';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
 import { f as SectionBackground, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
@@ -11,13 +12,6 @@ interface DirectionConfig {
     desktop: "mediaRight" | "mediaLeft";
     mobile: "mediaTop" | "mediaBottom";
 }
-interface ContactPhotographyFormValues {
-    first_name: string;
-    last_name: string;
-    email: string;
-    phone: string;
-    message: string;
-}
 interface ContactPhotographyProps {
     /** Main heading text */
     heading?: React.ReactNode;
@@ -31,6 +25,21 @@ interface ContactPhotographyProps {
     actions?: ActionConfig[];
     /** Custom slot for rendering actions (overrides actions array) */
     actionsSlot?: React.ReactNode;
+    /**
+     * Array of form field configurations
+     * If not provided, defaults to: first_name, last_name, email, phone, message
+     */
+    formFields?: FormFieldConfig[];
+    /**
+     * Success message to display after form submission
+     * @default "Thank you! Your message has been sent successfully."
+     */
+    successMessage?: React.ReactNode;
+    /**
+     * Error message to display if submission fails
+     * @default "There was an error sending your message. Please try again."
+     */
+    errorMessage?: React.ReactNode;
     /** Additional CSS classes for the section */
     className?: string;
     /** Additional CSS classes for the heading */
@@ -43,6 +52,10 @@ interface ContactPhotographyProps {
     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;
     /** Section background variant */
     background?: SectionBackground;
     /** Pattern background key or URL */
@@ -65,7 +78,7 @@ interface ContactPhotographyProps {
     /** Form configuration for PageSpeed forms */
     formConfig?: PageSpeedFormConfig;
     /** Custom submit handler */
-    onSubmit?: (values: ContactPhotographyFormValues) => void | Promise<void>;
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
     /** Success callback */
     onSuccess?: (data: unknown) => void;
     /** Error callback */
@@ -93,6 +106,6 @@ interface ContactPhotographyProps {
  * />
  * ```
  */
-declare function ContactPhotography({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, headingClassName, descriptionClassName, contentClassName, formClassName, submitClassName, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formConfig, onSubmit, onSuccess, onError, }: ContactPhotographyProps): React.JSX.Element;
+declare function ContactPhotography({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, errorMessage, className, headingClassName, descriptionClassName, contentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formConfig, onSubmit, onSuccess, onError, }: ContactPhotographyProps): React.JSX.Element;
 
 export { ContactPhotography, type ContactPhotographyProps, type DirectionConfig };

package/dist/contact-photography.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { F as FormFieldConfig } from './form-field-types-BYdJNOsW.js';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
 import { f as SectionBackground, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
@@ -11,13 +12,6 @@ interface DirectionConfig {
     desktop: "mediaRight" | "mediaLeft";
     mobile: "mediaTop" | "mediaBottom";
 }
-interface ContactPhotographyFormValues {
-    first_name: string;
-    last_name: string;
-    email: string;
-    phone: string;
-    message: string;
-}
 interface ContactPhotographyProps {
     /** Main heading text */
     heading?: React.ReactNode;
@@ -31,6 +25,21 @@ interface ContactPhotographyProps {
     actions?: ActionConfig[];
     /** Custom slot for rendering actions (overrides actions array) */
     actionsSlot?: React.ReactNode;
+    /**
+     * Array of form field configurations
+     * If not provided, defaults to: first_name, last_name, email, phone, message
+     */
+    formFields?: FormFieldConfig[];
+    /**
+     * Success message to display after form submission
+     * @default "Thank you! Your message has been sent successfully."
+     */
+    successMessage?: React.ReactNode;
+    /**
+     * Error message to display if submission fails
+     * @default "There was an error sending your message. Please try again."
+     */
+    errorMessage?: React.ReactNode;
     /** Additional CSS classes for the section */
     className?: string;
     /** Additional CSS classes for the heading */
@@ -43,6 +52,10 @@ interface ContactPhotographyProps {
     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;
     /** Section background variant */
     background?: SectionBackground;
     /** Pattern background key or URL */
@@ -65,7 +78,7 @@ interface ContactPhotographyProps {
     /** Form configuration for PageSpeed forms */
     formConfig?: PageSpeedFormConfig;
     /** Custom submit handler */
-    onSubmit?: (values: ContactPhotographyFormValues) => void | Promise<void>;
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
     /** Success callback */
     onSuccess?: (data: unknown) => void;
     /** Error callback */
@@ -93,6 +106,6 @@ interface ContactPhotographyProps {
  * />
  * ```
  */
-declare function ContactPhotography({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, headingClassName, descriptionClassName, contentClassName, formClassName, submitClassName, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formConfig, onSubmit, onSuccess, onError, }: ContactPhotographyProps): React.JSX.Element;
+declare function ContactPhotography({ heading, description, buttonText, buttonIcon, actions, actionsSlot, formFields, successMessage, errorMessage, className, headingClassName, descriptionClassName, contentClassName, formClassName, submitClassName, successMessageClassName, errorMessageClassName, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formConfig, onSubmit, onSuccess, onError, }: ContactPhotographyProps): React.JSX.Element;
 
 export { ContactPhotography, type ContactPhotographyProps, type DirectionConfig };