@opensite/ui 1.7.5 → 1.7.6

package/dist/contact-faq.d.cts

@@ -1,18 +1,13 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { F as FormFieldConfig } from './form-field-types-BYdJNOsW.cjs';
 import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
-interface ContactFaqFormValues {
-    name: string;
-    email: string;
-    subject: string;
-    message: string;
-}
 interface FaqItem {
     id: string;
     question: React.ReactNode;
@@ -59,6 +54,21 @@ interface ContactFaqProps {
      * Heading for the FAQ section
      */
     faqHeading?: React.ReactNode;
+    /**
+     * Array of form field configurations
+     * If not provided, defaults to: name, email, subject, 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
      */
@@ -127,6 +137,14 @@ interface ContactFaqProps {
      * Additional CSS classes for the two-column grid wrapper
      */
     gridClassName?: string;
+    /**
+     * Additional CSS classes for the success message
+     */
+    successMessageClassName?: string;
+    /**
+     * Additional CSS classes for the error message
+     */
+    errorMessageClassName?: string;
     /**
      * Background style for the section
      */
@@ -150,7 +168,7 @@ interface ContactFaqProps {
     /**
      * Custom submit handler
      */
-    onSubmit?: (values: ContactFaqFormValues) => void | Promise<void>;
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
     /**
      * Success callback
      */
@@ -161,16 +179,8 @@ interface ContactFaqProps {
     onError?: (error: Error) => void;
 }
 /**
- * ContactFaq - FAQ contact form for questions not answered in FAQ section.
- *
- * @example
- * ```tsx
- * <ContactFaq
- *   heading="Still need help?"
- *   formConfig={{ endpoint: "/api/contact", format: "json" }}
- * />
- * ```
+ * ContactFaq - FAQ contact form with flexible field configuration
  */
-declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, actions, actionsSlot, items, itemsSlot, faqHeading, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, formClassName, submitClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactFaqProps): React.JSX.Element;
+declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, actions, actionsSlot, items, itemsSlot, faqHeading, formFields, successMessage, errorMessage, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, formClassName, submitClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, successMessageClassName, errorMessageClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactFaqProps): React.JSX.Element;
 
 export { ContactFaq, type ContactFaqProps, type FaqItem };

package/dist/contact-faq.d.ts

@@ -1,18 +1,13 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { F as FormFieldConfig } from './form-field-types-BYdJNOsW.js';
 import { A as ActionConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
-interface ContactFaqFormValues {
-    name: string;
-    email: string;
-    subject: string;
-    message: string;
-}
 interface FaqItem {
     id: string;
     question: React.ReactNode;
@@ -59,6 +54,21 @@ interface ContactFaqProps {
      * Heading for the FAQ section
      */
     faqHeading?: React.ReactNode;
+    /**
+     * Array of form field configurations
+     * If not provided, defaults to: name, email, subject, 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
      */
@@ -127,6 +137,14 @@ interface ContactFaqProps {
      * Additional CSS classes for the two-column grid wrapper
      */
     gridClassName?: string;
+    /**
+     * Additional CSS classes for the success message
+     */
+    successMessageClassName?: string;
+    /**
+     * Additional CSS classes for the error message
+     */
+    errorMessageClassName?: string;
     /**
      * Background style for the section
      */
@@ -150,7 +168,7 @@ interface ContactFaqProps {
     /**
      * Custom submit handler
      */
-    onSubmit?: (values: ContactFaqFormValues) => void | Promise<void>;
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
     /**
      * Success callback
      */
@@ -161,16 +179,8 @@ interface ContactFaqProps {
     onError?: (error: Error) => void;
 }
 /**
- * ContactFaq - FAQ contact form for questions not answered in FAQ section.
- *
- * @example
- * ```tsx
- * <ContactFaq
- *   heading="Still need help?"
- *   formConfig={{ endpoint: "/api/contact", format: "json" }}
- * />
- * ```
+ * ContactFaq - FAQ contact form with flexible field configuration
  */
-declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, actions, actionsSlot, items, itemsSlot, faqHeading, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, formClassName, submitClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactFaqProps): React.JSX.Element;
+declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, actions, actionsSlot, items, itemsSlot, faqHeading, formFields, successMessage, errorMessage, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, formClassName, submitClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, successMessageClassName, errorMessageClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactFaqProps): React.JSX.Element;
 
 export { ContactFaq, type ContactFaqProps, type FaqItem };