@sesionario/blocks 1.41.0 → 1.42.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +565 -303
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +97 -2
- package/dist/index.d.ts +97 -2
- package/dist/index.js +557 -305
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { FormEvent, KeyboardEvent, RefObject, CSSProperties, ReactNode, ComponentProps, ImgHTMLAttributes, SyntheticEvent, PointerEvent, Dispatch, SetStateAction, SVGProps } from 'react';
|
|
2
|
+
import { FormEvent, KeyboardEvent, RefObject, CSSProperties, ReactNode, ComponentProps, ImgHTMLAttributes, SyntheticEvent, MouseEvent, PointerEvent, Dispatch, SetStateAction, SVGProps } from 'react';
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
@@ -617,12 +617,86 @@ interface PlatformAccountMenuProps {
|
|
|
617
617
|
contentClassName?: string;
|
|
618
618
|
className?: string;
|
|
619
619
|
}
|
|
620
|
+
type PlatformAccountMenuItemProps = {
|
|
621
|
+
className?: string;
|
|
622
|
+
inset?: boolean;
|
|
623
|
+
variant?: "default" | "destructive";
|
|
624
|
+
disabled?: boolean;
|
|
625
|
+
asChild?: boolean;
|
|
626
|
+
/** Radix-compatible select handler; call `preventDefault` to keep the menu open. */
|
|
627
|
+
onSelect?: (event: {
|
|
628
|
+
preventDefault: () => void;
|
|
629
|
+
}) => void;
|
|
630
|
+
onClick?: (event: MouseEvent) => void;
|
|
631
|
+
children?: ReactNode;
|
|
632
|
+
};
|
|
633
|
+
/**
|
|
634
|
+
* Context-free menu row for `extraItems` and internal rows. Renders a
|
|
635
|
+
* DropdownMenuItem on desktop and a plain button/Slot in the mobile drawer.
|
|
636
|
+
*/
|
|
637
|
+
declare function PlatformAccountMenuItem({ className, inset, variant, disabled, asChild, onSelect, children, onClick, }: PlatformAccountMenuItemProps): React.JSX.Element;
|
|
620
638
|
/**
|
|
621
639
|
* Cross-app account / settings menu. Guest trigger is a settings cog;
|
|
622
640
|
* signed-in trigger is the user avatar.
|
|
623
641
|
*/
|
|
624
642
|
declare function PlatformAccountMenu({ variant, isPending, user, verificationStatus, professionLabel, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
|
|
625
643
|
|
|
644
|
+
type ResponsiveMenuSurface = "dropdown" | "drawer";
|
|
645
|
+
/** Surface currently wrapping menu items (`dropdown` desktop / `drawer` ≤767px). */
|
|
646
|
+
declare function useResponsiveMenuSurface(): ResponsiveMenuSurface;
|
|
647
|
+
type ResponsiveMenuProps = {
|
|
648
|
+
trigger: ReactNode;
|
|
649
|
+
children: ReactNode;
|
|
650
|
+
open: boolean;
|
|
651
|
+
onOpenChange: (open: boolean) => void;
|
|
652
|
+
/** Shown in the drawer header; sr-only fallback when omitted. */
|
|
653
|
+
title?: string;
|
|
654
|
+
align?: "start" | "center" | "end";
|
|
655
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
656
|
+
sideOffset?: number;
|
|
657
|
+
contentClassName?: string;
|
|
658
|
+
drawerClassName?: string;
|
|
659
|
+
};
|
|
660
|
+
/**
|
|
661
|
+
* Controlled menu shell: bottom Drawer at ≤767px, DropdownMenu on desktop.
|
|
662
|
+
* Matches SearchablePicker / SupportMessenger breakpoint.
|
|
663
|
+
*/
|
|
664
|
+
declare function ResponsiveMenu({ trigger, children, open, onOpenChange, title, align, side, sideOffset, contentClassName, drawerClassName, }: ResponsiveMenuProps): React.JSX.Element;
|
|
665
|
+
|
|
666
|
+
type NotificationInboxItem = {
|
|
667
|
+
id: string;
|
|
668
|
+
title: string;
|
|
669
|
+
message: string;
|
|
670
|
+
createdAt: string;
|
|
671
|
+
read: boolean;
|
|
672
|
+
link?: string | null;
|
|
673
|
+
orgId?: string | null;
|
|
674
|
+
};
|
|
675
|
+
type NotificationInboxLabels = {
|
|
676
|
+
title: string;
|
|
677
|
+
empty: string;
|
|
678
|
+
viewAll?: string;
|
|
679
|
+
};
|
|
680
|
+
type NotificationInboxProps = {
|
|
681
|
+
notifications: NotificationInboxItem[];
|
|
682
|
+
labels: NotificationInboxLabels;
|
|
683
|
+
/** Used when `formatTime` is omitted. */
|
|
684
|
+
language?: "es" | "en";
|
|
685
|
+
formatTime?: (isoDate: string) => string;
|
|
686
|
+
viewAllHref?: string;
|
|
687
|
+
/** Optional leading chrome per row (e.g. org avatar). */
|
|
688
|
+
renderLeading?: (notification: NotificationInboxItem) => ReactNode;
|
|
689
|
+
emptyIcon?: EmptyStateIcon;
|
|
690
|
+
className?: string;
|
|
691
|
+
listClassName?: string;
|
|
692
|
+
};
|
|
693
|
+
/**
|
|
694
|
+
* Presentational notification panel body. No data hooks, no Next Link — use
|
|
695
|
+
* `<a href>` so consuming apps can wrap with ResponsiveMenu. Inside a drawer
|
|
696
|
+
* surface the title lives on ResponsiveMenu, so the inbox header is omitted.
|
|
697
|
+
*/
|
|
698
|
+
declare function NotificationInbox({ notifications, labels, language, formatTime, viewAllHref, renderLeading, emptyIcon: EmptyIcon, className, listClassName, }: NotificationInboxProps): React.JSX.Element;
|
|
699
|
+
|
|
626
700
|
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
627
701
|
inset?: boolean;
|
|
628
702
|
variant?: "default" | "destructive";
|
|
@@ -1178,6 +1252,27 @@ type PhoneInputProps = Omit<React.ComponentProps<"input">, "onChange" | "value"
|
|
|
1178
1252
|
};
|
|
1179
1253
|
declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
|
|
1180
1254
|
|
|
1255
|
+
/** Mexican RFC (Registro Federal de Contribuyentes) helpers for form inputs. */
|
|
1256
|
+
type RfcKind = "fisica" | "moral" | "both";
|
|
1257
|
+
declare function normalizeRfc(rfc: string): string;
|
|
1258
|
+
/** Uppercase, keep RFC alphabet only, cap length for the given kind. */
|
|
1259
|
+
declare function formatRfcInput(raw: string, kind?: RfcKind): string;
|
|
1260
|
+
declare function isValidPersonaFisicaRfc(rfc: string): boolean;
|
|
1261
|
+
declare function isValidPersonaMoralRfc(rfc: string): boolean;
|
|
1262
|
+
declare function isValidRfc(rfc: string): boolean;
|
|
1263
|
+
|
|
1264
|
+
/**
|
|
1265
|
+
* Thin RFC text control: uppercase, RFC alphabet only, length capped by kind.
|
|
1266
|
+
* Callers keep their own Label / Field / FieldMessage chrome.
|
|
1267
|
+
*/
|
|
1268
|
+
|
|
1269
|
+
type RfcInputProps = Omit<React.ComponentProps<"input">, "onChange" | "value" | "type" | "maxLength"> & {
|
|
1270
|
+
value: string;
|
|
1271
|
+
onChange: (next: string) => void;
|
|
1272
|
+
kind?: RfcKind;
|
|
1273
|
+
};
|
|
1274
|
+
declare const RfcInput: React.ForwardRefExoticComponent<Omit<RfcInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
1275
|
+
|
|
1181
1276
|
type MexicoStateId = "MXAGU" | "MXBCN" | "MXBCS" | "MXCAM" | "MXCHP" | "MXCHH" | "MXCMX" | "MXCOA" | "MXCOL" | "MXDUR" | "MXGUA" | "MXGRO" | "MXHID" | "MXJAL" | "MXMEX" | "MXMIC" | "MXMOR" | "MXNAY" | "MXNLE" | "MXOAX" | "MXPUE" | "MXQUE" | "MXROO" | "MXSLP" | "MXSIN" | "MXSON" | "MXTAB" | "MXTAM" | "MXTLA" | "MXVER" | "MXYUC" | "MXZAC";
|
|
1182
1277
|
interface MexicoState {
|
|
1183
1278
|
id: MexicoStateId;
|
|
@@ -1522,4 +1617,4 @@ declare function MembershipInvitePanel({ basePath, query, onQueryChange, onNotif
|
|
|
1522
1617
|
|
|
1523
1618
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1524
1619
|
|
|
1525
|
-
export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, BrandX, type BrandXProps, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, type DataListItemProps, type DataListProps, DropdownMenuItem, DropdownMenuSeparator, EditableSection, type EditableSectionLabels, type EditableSectionMode, type EditableSectionProps, type EditableSectionSlots, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, FieldMessage, type FieldMessageProps, type FindOrCreateConversationInput, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, MediaCarousel, type MediaCarouselItem, type MediaCarouselLabels, type MediaCarouselPdfRenderProps, type MediaCarouselProps, MediaViewerDialog, type MediaViewerDialogLabels, type MediaViewerDialogProps, MembershipInvitePanel, type MembershipInvitePanelProps, type MergedPlatformAccountOrg, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PaymentIcon, type PaymentIconFormat, type PaymentIconProps, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type ProfessionalVerificationStatus, type RealtimeEvent, SafeImage, type SafeImageProps, type ScrollFadeXEdges, type ScrollMark, type ScrollRestorationContextValue, ScrollRestorationProvider, type ScrollRestorationProviderProps, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, type SwipeDirection, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseEditableSectionOptions, type UseEditableSectionResult, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, type UseZoomPanGesturesOptions, type UseZoomPanGesturesResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, type VisualViewportMetrics, ZOOM_PAN_MAX_SCALE, ZOOM_PAN_MIN_SCALE, ZOOM_PAN_SWIPE_COMMIT_PX, ZOOM_PAN_SWIPE_SNAP_MS, type ZoomPanTransform, blurDataUrlFromBlob, bubbleVariants, cn, createSupportChatClient, defaultLanguages, formatPaymentCardBrand, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, prefersReducedMotion, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useLanguageContext, useMediaQuery, useRealtimeChannel, useRegisterScrollContainer, useRestorableState, useScrollFadeXEdges, useScrollRestorationContext, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional, useVisualViewportMetrics, useZoomPanGestures, zoomToward };
|
|
1620
|
+
export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, BrandX, type BrandXProps, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, type DataListItemProps, type DataListProps, DropdownMenuItem, DropdownMenuSeparator, EditableSection, type EditableSectionLabels, type EditableSectionMode, type EditableSectionProps, type EditableSectionSlots, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, FieldMessage, type FieldMessageProps, type FindOrCreateConversationInput, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, MediaCarousel, type MediaCarouselItem, type MediaCarouselLabels, type MediaCarouselPdfRenderProps, type MediaCarouselProps, MediaViewerDialog, type MediaViewerDialogLabels, type MediaViewerDialogProps, MembershipInvitePanel, type MembershipInvitePanelProps, type MergedPlatformAccountOrg, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, NotificationInbox, type NotificationInboxItem, type NotificationInboxLabels, type NotificationInboxProps, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PaymentIcon, type PaymentIconFormat, type PaymentIconProps, PhoneInput, type PhoneInputProps, PlatformAccountMenu, PlatformAccountMenuItem, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type ProfessionalVerificationStatus, type RealtimeEvent, ResponsiveMenu, type ResponsiveMenuProps, type ResponsiveMenuSurface, RfcInput, type RfcInputProps, type RfcKind, SafeImage, type SafeImageProps, type ScrollFadeXEdges, type ScrollMark, type ScrollRestorationContextValue, ScrollRestorationProvider, type ScrollRestorationProviderProps, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, type SwipeDirection, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseEditableSectionOptions, type UseEditableSectionResult, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, type UseZoomPanGesturesOptions, type UseZoomPanGesturesResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, type VisualViewportMetrics, ZOOM_PAN_MAX_SCALE, ZOOM_PAN_MIN_SCALE, ZOOM_PAN_SWIPE_COMMIT_PX, ZOOM_PAN_SWIPE_SNAP_MS, type ZoomPanTransform, blurDataUrlFromBlob, bubbleVariants, cn, createSupportChatClient, defaultLanguages, formatPaymentCardBrand, formatRfcInput, fuzzyMatch, insertAtCaret, isValidPersonaFisicaRfc, isValidPersonaMoralRfc, isValidRfc, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, normalizeRfc, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, prefersReducedMotion, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useLanguageContext, useMediaQuery, useRealtimeChannel, useRegisterScrollContainer, useResponsiveMenuSurface, useRestorableState, useScrollFadeXEdges, useScrollRestorationContext, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional, useVisualViewportMetrics, useZoomPanGestures, zoomToward };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { FormEvent, KeyboardEvent, RefObject, CSSProperties, ReactNode, ComponentProps, ImgHTMLAttributes, SyntheticEvent, PointerEvent, Dispatch, SetStateAction, SVGProps } from 'react';
|
|
2
|
+
import { FormEvent, KeyboardEvent, RefObject, CSSProperties, ReactNode, ComponentProps, ImgHTMLAttributes, SyntheticEvent, MouseEvent, PointerEvent, Dispatch, SetStateAction, SVGProps } from 'react';
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
@@ -617,12 +617,86 @@ interface PlatformAccountMenuProps {
|
|
|
617
617
|
contentClassName?: string;
|
|
618
618
|
className?: string;
|
|
619
619
|
}
|
|
620
|
+
type PlatformAccountMenuItemProps = {
|
|
621
|
+
className?: string;
|
|
622
|
+
inset?: boolean;
|
|
623
|
+
variant?: "default" | "destructive";
|
|
624
|
+
disabled?: boolean;
|
|
625
|
+
asChild?: boolean;
|
|
626
|
+
/** Radix-compatible select handler; call `preventDefault` to keep the menu open. */
|
|
627
|
+
onSelect?: (event: {
|
|
628
|
+
preventDefault: () => void;
|
|
629
|
+
}) => void;
|
|
630
|
+
onClick?: (event: MouseEvent) => void;
|
|
631
|
+
children?: ReactNode;
|
|
632
|
+
};
|
|
633
|
+
/**
|
|
634
|
+
* Context-free menu row for `extraItems` and internal rows. Renders a
|
|
635
|
+
* DropdownMenuItem on desktop and a plain button/Slot in the mobile drawer.
|
|
636
|
+
*/
|
|
637
|
+
declare function PlatformAccountMenuItem({ className, inset, variant, disabled, asChild, onSelect, children, onClick, }: PlatformAccountMenuItemProps): React.JSX.Element;
|
|
620
638
|
/**
|
|
621
639
|
* Cross-app account / settings menu. Guest trigger is a settings cog;
|
|
622
640
|
* signed-in trigger is the user avatar.
|
|
623
641
|
*/
|
|
624
642
|
declare function PlatformAccountMenu({ variant, isPending, user, verificationStatus, professionLabel, urls, memberOrgs, manageableOrgs, languages, currentLanguage, onLanguageChange, labels: labelsProp, onSignOut, extraItems, trigger: triggerProp, contentSide, contentAlign, contentSideOffset, contentClassName, className, }: PlatformAccountMenuProps): React.JSX.Element;
|
|
625
643
|
|
|
644
|
+
type ResponsiveMenuSurface = "dropdown" | "drawer";
|
|
645
|
+
/** Surface currently wrapping menu items (`dropdown` desktop / `drawer` ≤767px). */
|
|
646
|
+
declare function useResponsiveMenuSurface(): ResponsiveMenuSurface;
|
|
647
|
+
type ResponsiveMenuProps = {
|
|
648
|
+
trigger: ReactNode;
|
|
649
|
+
children: ReactNode;
|
|
650
|
+
open: boolean;
|
|
651
|
+
onOpenChange: (open: boolean) => void;
|
|
652
|
+
/** Shown in the drawer header; sr-only fallback when omitted. */
|
|
653
|
+
title?: string;
|
|
654
|
+
align?: "start" | "center" | "end";
|
|
655
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
656
|
+
sideOffset?: number;
|
|
657
|
+
contentClassName?: string;
|
|
658
|
+
drawerClassName?: string;
|
|
659
|
+
};
|
|
660
|
+
/**
|
|
661
|
+
* Controlled menu shell: bottom Drawer at ≤767px, DropdownMenu on desktop.
|
|
662
|
+
* Matches SearchablePicker / SupportMessenger breakpoint.
|
|
663
|
+
*/
|
|
664
|
+
declare function ResponsiveMenu({ trigger, children, open, onOpenChange, title, align, side, sideOffset, contentClassName, drawerClassName, }: ResponsiveMenuProps): React.JSX.Element;
|
|
665
|
+
|
|
666
|
+
type NotificationInboxItem = {
|
|
667
|
+
id: string;
|
|
668
|
+
title: string;
|
|
669
|
+
message: string;
|
|
670
|
+
createdAt: string;
|
|
671
|
+
read: boolean;
|
|
672
|
+
link?: string | null;
|
|
673
|
+
orgId?: string | null;
|
|
674
|
+
};
|
|
675
|
+
type NotificationInboxLabels = {
|
|
676
|
+
title: string;
|
|
677
|
+
empty: string;
|
|
678
|
+
viewAll?: string;
|
|
679
|
+
};
|
|
680
|
+
type NotificationInboxProps = {
|
|
681
|
+
notifications: NotificationInboxItem[];
|
|
682
|
+
labels: NotificationInboxLabels;
|
|
683
|
+
/** Used when `formatTime` is omitted. */
|
|
684
|
+
language?: "es" | "en";
|
|
685
|
+
formatTime?: (isoDate: string) => string;
|
|
686
|
+
viewAllHref?: string;
|
|
687
|
+
/** Optional leading chrome per row (e.g. org avatar). */
|
|
688
|
+
renderLeading?: (notification: NotificationInboxItem) => ReactNode;
|
|
689
|
+
emptyIcon?: EmptyStateIcon;
|
|
690
|
+
className?: string;
|
|
691
|
+
listClassName?: string;
|
|
692
|
+
};
|
|
693
|
+
/**
|
|
694
|
+
* Presentational notification panel body. No data hooks, no Next Link — use
|
|
695
|
+
* `<a href>` so consuming apps can wrap with ResponsiveMenu. Inside a drawer
|
|
696
|
+
* surface the title lives on ResponsiveMenu, so the inbox header is omitted.
|
|
697
|
+
*/
|
|
698
|
+
declare function NotificationInbox({ notifications, labels, language, formatTime, viewAllHref, renderLeading, emptyIcon: EmptyIcon, className, listClassName, }: NotificationInboxProps): React.JSX.Element;
|
|
699
|
+
|
|
626
700
|
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
627
701
|
inset?: boolean;
|
|
628
702
|
variant?: "default" | "destructive";
|
|
@@ -1178,6 +1252,27 @@ type PhoneInputProps = Omit<React.ComponentProps<"input">, "onChange" | "value"
|
|
|
1178
1252
|
};
|
|
1179
1253
|
declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
|
|
1180
1254
|
|
|
1255
|
+
/** Mexican RFC (Registro Federal de Contribuyentes) helpers for form inputs. */
|
|
1256
|
+
type RfcKind = "fisica" | "moral" | "both";
|
|
1257
|
+
declare function normalizeRfc(rfc: string): string;
|
|
1258
|
+
/** Uppercase, keep RFC alphabet only, cap length for the given kind. */
|
|
1259
|
+
declare function formatRfcInput(raw: string, kind?: RfcKind): string;
|
|
1260
|
+
declare function isValidPersonaFisicaRfc(rfc: string): boolean;
|
|
1261
|
+
declare function isValidPersonaMoralRfc(rfc: string): boolean;
|
|
1262
|
+
declare function isValidRfc(rfc: string): boolean;
|
|
1263
|
+
|
|
1264
|
+
/**
|
|
1265
|
+
* Thin RFC text control: uppercase, RFC alphabet only, length capped by kind.
|
|
1266
|
+
* Callers keep their own Label / Field / FieldMessage chrome.
|
|
1267
|
+
*/
|
|
1268
|
+
|
|
1269
|
+
type RfcInputProps = Omit<React.ComponentProps<"input">, "onChange" | "value" | "type" | "maxLength"> & {
|
|
1270
|
+
value: string;
|
|
1271
|
+
onChange: (next: string) => void;
|
|
1272
|
+
kind?: RfcKind;
|
|
1273
|
+
};
|
|
1274
|
+
declare const RfcInput: React.ForwardRefExoticComponent<Omit<RfcInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
1275
|
+
|
|
1181
1276
|
type MexicoStateId = "MXAGU" | "MXBCN" | "MXBCS" | "MXCAM" | "MXCHP" | "MXCHH" | "MXCMX" | "MXCOA" | "MXCOL" | "MXDUR" | "MXGUA" | "MXGRO" | "MXHID" | "MXJAL" | "MXMEX" | "MXMIC" | "MXMOR" | "MXNAY" | "MXNLE" | "MXOAX" | "MXPUE" | "MXQUE" | "MXROO" | "MXSLP" | "MXSIN" | "MXSON" | "MXTAB" | "MXTAM" | "MXTLA" | "MXVER" | "MXYUC" | "MXZAC";
|
|
1182
1277
|
interface MexicoState {
|
|
1183
1278
|
id: MexicoStateId;
|
|
@@ -1522,4 +1617,4 @@ declare function MembershipInvitePanel({ basePath, query, onQueryChange, onNotif
|
|
|
1522
1617
|
|
|
1523
1618
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1524
1619
|
|
|
1525
|
-
export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, BrandX, type BrandXProps, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, type DataListItemProps, type DataListProps, DropdownMenuItem, DropdownMenuSeparator, EditableSection, type EditableSectionLabels, type EditableSectionMode, type EditableSectionProps, type EditableSectionSlots, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, FieldMessage, type FieldMessageProps, type FindOrCreateConversationInput, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, MediaCarousel, type MediaCarouselItem, type MediaCarouselLabels, type MediaCarouselPdfRenderProps, type MediaCarouselProps, MediaViewerDialog, type MediaViewerDialogLabels, type MediaViewerDialogProps, MembershipInvitePanel, type MembershipInvitePanelProps, type MergedPlatformAccountOrg, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PaymentIcon, type PaymentIconFormat, type PaymentIconProps, PhoneInput, type PhoneInputProps, PlatformAccountMenu, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type ProfessionalVerificationStatus, type RealtimeEvent, SafeImage, type SafeImageProps, type ScrollFadeXEdges, type ScrollMark, type ScrollRestorationContextValue, ScrollRestorationProvider, type ScrollRestorationProviderProps, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, type SwipeDirection, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseEditableSectionOptions, type UseEditableSectionResult, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, type UseZoomPanGesturesOptions, type UseZoomPanGesturesResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, type VisualViewportMetrics, ZOOM_PAN_MAX_SCALE, ZOOM_PAN_MIN_SCALE, ZOOM_PAN_SWIPE_COMMIT_PX, ZOOM_PAN_SWIPE_SNAP_MS, type ZoomPanTransform, blurDataUrlFromBlob, bubbleVariants, cn, createSupportChatClient, defaultLanguages, formatPaymentCardBrand, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, prefersReducedMotion, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useLanguageContext, useMediaQuery, useRealtimeChannel, useRegisterScrollContainer, useRestorableState, useScrollFadeXEdges, useScrollRestorationContext, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional, useVisualViewportMetrics, useZoomPanGestures, zoomToward };
|
|
1620
|
+
export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, BrandX, type BrandXProps, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, type DataListItemProps, type DataListProps, DropdownMenuItem, DropdownMenuSeparator, EditableSection, type EditableSectionLabels, type EditableSectionMode, type EditableSectionProps, type EditableSectionSlots, type EmojiCategoryData, type EmojiCategoryKey, type EmojiDatum, EmojiInput, type EmojiInputProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerLocale, EmojiPickerPopover, type EmojiPickerPopoverProps, type EmojiPickerProps, type EmojiSkinTone, EmojiTextarea, type EmojiTextareaProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, ErrorState, ExpandableText, type ExpandableTextProps, type FeatureEntry, FieldMessage, type FieldMessageProps, type FindOrCreateConversationInput, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, MediaCarousel, type MediaCarouselItem, type MediaCarouselLabels, type MediaCarouselPdfRenderProps, type MediaCarouselProps, MediaViewerDialog, type MediaViewerDialogLabels, type MediaViewerDialogProps, MembershipInvitePanel, type MembershipInvitePanelProps, type MergedPlatformAccountOrg, Message, MessageAvatar, MessageComposer, type MessageComposerProps, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, MexicoMap, type MexicoMapProps, type MexicoState, type MexicoStateId, NotificationInbox, type NotificationInboxItem, type NotificationInboxLabels, type NotificationInboxProps, type OpenThreadRequest, OrgSwitcher, type OrgSwitcherLabels, type OrgSwitcherProps, type OrgSwitcherTenant, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT, PaymentIcon, type PaymentIconFormat, type PaymentIconProps, PhoneInput, type PhoneInputProps, PlatformAccountMenu, PlatformAccountMenuItem, type PlatformAccountMenuLabels, type PlatformAccountMenuOrg, type PlatformAccountMenuProps, type PlatformAccountMenuUrls, type PlatformAccountMenuUser, type PlatformAccountMenuVariant, PlatformNavbar, type PlatformNavbarProps, type ProfessionalVerificationStatus, type RealtimeEvent, ResponsiveMenu, type ResponsiveMenuProps, type ResponsiveMenuSurface, RfcInput, type RfcInputProps, type RfcKind, SafeImage, type SafeImageProps, type ScrollFadeXEdges, type ScrollMark, type ScrollRestorationContextValue, ScrollRestorationProvider, type ScrollRestorationProviderProps, SearchCommand, type SearchCommandLabels, type SearchCommandProps, type SearchCommandSelection, type SearchHit, SearchablePicker, type SearchablePickerCreateOption, type SearchablePickerLabels, type SearchablePickerMultipleProps, type SearchablePickerPinned, type SearchablePickerProps, type SearchablePickerSingleProps, type SupportChatClient, type SupportConversation, type SupportMessage, type SupportMessengerItem, type SupportMessengerLabels, SupportMessengerProvider, type SupportMessengerProviderProps, type SupportMessengerTab, type SwipeDirection, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseEditableSectionOptions, type UseEditableSectionResult, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, type UseZoomPanGesturesOptions, type UseZoomPanGesturesResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, type VisualViewportMetrics, ZOOM_PAN_MAX_SCALE, ZOOM_PAN_MIN_SCALE, ZOOM_PAN_SWIPE_COMMIT_PX, ZOOM_PAN_SWIPE_SNAP_MS, type ZoomPanTransform, blurDataUrlFromBlob, bubbleVariants, cn, createSupportChatClient, defaultLanguages, formatPaymentCardBrand, formatRfcInput, fuzzyMatch, insertAtCaret, isValidPersonaFisicaRfc, isValidPersonaMoralRfc, isValidRfc, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, normalizeRfc, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, prefersReducedMotion, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useLanguageContext, useMediaQuery, useRealtimeChannel, useRegisterScrollContainer, useResponsiveMenuSurface, useRestorableState, useScrollFadeXEdges, useScrollRestorationContext, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional, useVisualViewportMetrics, useZoomPanGestures, zoomToward };
|