@momo-webplatform/mobase 0.2.89 → 0.2.91

package/dist/cjs/index.d.cts

@@ -2015,6 +2015,54 @@ interface PaymentGuideDialogProps {
 }
 declare const PaymentGuideDialog: React__default.FC<PaymentGuideDialogProps>;
 
+interface FormFieldProps {
+    name: string;
+    value?: any;
+    type: "text" | "email" | "phone" | "number" | "boolean" | "textarea" | "password";
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    description?: string;
+    switchLabel?: string;
+    defaultChecked?: boolean;
+    pattern?: RegExp;
+    customValidation?: (value: any) => string | boolean;
+}
+interface FormData {
+    [fieldName: string]: any;
+}
+interface FormErrors {
+    [fieldName: string]: {
+        message?: string;
+    };
+}
+interface MediaConfig {
+    src: string;
+    alt?: string;
+    ratio?: string | number;
+}
+interface FormLeadSupportProps extends SectionBlockProps {
+    dataHeading: HeadingBlockProps;
+    dataMedia?: MediaConfig;
+    captchaComponent?: React__default.ReactNode;
+    onSubmit?: (data: FormData, resetFormState?: () => void) => void | Promise<void>;
+    fieldsSchema: FormFieldProps[];
+    loading?: boolean;
+    onFieldChange?: (fieldName: string, value: any) => void;
+    onValidationError?: (errors: FormErrors) => void;
+    dataButtons: ButtonsBlockProps;
+    classNameMedia?: string;
+    classNameFormLead?: string;
+    classNameWrapper?: string;
+    classNameCaptcha?: string;
+}
+
+declare const FormLeadSupport: ({ idSection, background, className, ...contentProps }: FormLeadSupportProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
  *
@@ -2028,4 +2076,4 @@ declare const mobaseTW: () => {
 
 declare const SiteMeta: react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, ButtonsBlock, type ButtonsBlockProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingBlock, type HeadingBlockProps, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, type ITopbar, IconButton, type IconButtonProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentGuide, PaymentGuideDialog, PaymentInvoice, PaymentMethods, PaymentResult, PaymentResultContent, PaymentResultFooter, type PaymentResultProps, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, QRPayment, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, SectionBlock, type SectionBlockProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };
+export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, ButtonsBlock, type ButtonsBlockProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, type FormData, FormDescription, type FormErrors, FormField, type FormFieldProps, FormItem, FormLabel, FormLeadSupport, type FormLeadSupportProps, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingBlock, type HeadingBlockProps, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, type ITopbar, IconButton, type IconButtonProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentGuide, PaymentGuideDialog, PaymentInvoice, PaymentMethods, PaymentResult, PaymentResultContent, PaymentResultFooter, type PaymentResultProps, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, QRPayment, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, SectionBlock, type SectionBlockProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };

package/dist/esm/index.d.ts

@@ -2015,6 +2015,54 @@ interface PaymentGuideDialogProps {
 }
 declare const PaymentGuideDialog: React__default.FC<PaymentGuideDialogProps>;
 
+interface FormFieldProps {
+    name: string;
+    value?: any;
+    type: "text" | "email" | "phone" | "number" | "boolean" | "textarea" | "password";
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    description?: string;
+    switchLabel?: string;
+    defaultChecked?: boolean;
+    pattern?: RegExp;
+    customValidation?: (value: any) => string | boolean;
+}
+interface FormData {
+    [fieldName: string]: any;
+}
+interface FormErrors {
+    [fieldName: string]: {
+        message?: string;
+    };
+}
+interface MediaConfig {
+    src: string;
+    alt?: string;
+    ratio?: string | number;
+}
+interface FormLeadSupportProps extends SectionBlockProps {
+    dataHeading: HeadingBlockProps;
+    dataMedia?: MediaConfig;
+    captchaComponent?: React__default.ReactNode;
+    onSubmit?: (data: FormData, resetFormState?: () => void) => void | Promise<void>;
+    fieldsSchema: FormFieldProps[];
+    loading?: boolean;
+    onFieldChange?: (fieldName: string, value: any) => void;
+    onValidationError?: (errors: FormErrors) => void;
+    dataButtons: ButtonsBlockProps;
+    classNameMedia?: string;
+    classNameFormLead?: string;
+    classNameWrapper?: string;
+    classNameCaptcha?: string;
+}
+
+declare const FormLeadSupport: ({ idSection, background, className, ...contentProps }: FormLeadSupportProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * This Tailwind plugin is based and inspired on "tw-colors" and "NextUI".
  *
@@ -2028,4 +2076,4 @@ declare const mobaseTW: () => {
 
 declare const SiteMeta: react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, ButtonsBlock, type ButtonsBlockProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingBlock, type HeadingBlockProps, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, type ITopbar, IconButton, type IconButtonProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentGuide, PaymentGuideDialog, PaymentInvoice, PaymentMethods, PaymentResult, PaymentResultContent, PaymentResultFooter, type PaymentResultProps, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, QRPayment, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, SectionBlock, type SectionBlockProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };
+export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, ActionButton, type ActionButtonProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, BlogSection, type BlogSectionProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, ButtonsBlock, type ButtonsBlockProps, CTASection, type CTASectionProps, Calendar, type CalendarProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ChoiceboxGroup, ChoiceboxGroupItem, ChoiceboxMultiItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Comment, type ContentsProps, type DataFAQProps, DatePicker, type DatePickerProps, DateSelect, type DateSelectProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, type DialogQrProps, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FAQSection, type FAQSectionProps, FeatureSection, type FeatureSectionProps, Footer, Form, FormControl, type FormData, FormDescription, type FormErrors, FormField, type FormFieldProps, FormItem, FormLabel, FormLeadSupport, type FormLeadSupportProps, FormMessage, GuideSection, type GuideSectionProps, HeaderNavigation, Heading, HeadingBlock, type HeadingBlockProps, HeadingGroup, HeadingSub, HeadingTagline, type HeroContentProps, HeroSection, HorizontalContent, HorizontalNext, HorizontalPrevious, HorizontalScroll, type HorizontalScrollProps, HowItWorksSection, type HowItWorksSectionProps, type IComment, type ICommentContent, type ICommentFooter, type ICommentHeader, type IPayment, type ITopbar, IconButton, type IconButtonProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, LightBoxGalleryContent, LightboxGallery, LightboxThumbnail, MetricsSection, type MetricsSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NewsSection, type NewsSectionProps, Pagination, Payment, PaymentGuide, PaymentGuideDialog, PaymentInvoice, PaymentMethods, PaymentResult, PaymentResultContent, PaymentResultFooter, type PaymentResultProps, Popover, PopoverContent, PopoverTrigger, ProgressSteps, ProgressStepsItem, ProgressStepsItemTrigger, Progress as Progressbar, QRPayment, RadioGroup, RadioGroupItem, ReadMoreLite, SearchBar, SectionBlock, type SectionBlockProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Skeleton, Slider, SocialProofSection, type SocialProofSectionProps, Spinner, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TestimonialSection, type TestimonialSectionProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, Topbar, badgeVariants, buttonVariants, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useFormField, useToast };