@sesionario/blocks 1.19.0 → 1.21.0
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/NOTICE +14 -0
- package/README.md +83 -2
- package/dist/index.cjs +790 -19
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +180 -9
- package/dist/index.d.ts +180 -9
- package/dist/index.js +785 -21
- package/dist/index.js.map +1 -1
- package/package.json +7 -3
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { FormEvent, KeyboardEvent, RefObject, CSSProperties, ReactNode, ComponentProps } from 'react';
|
|
3
3
|
import { LucideIcon } from 'lucide-react';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -7,7 +7,6 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
7
7
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
8
8
|
import { HlsConfig, RetryConfig, LoaderResponse } from 'hls.js';
|
|
9
9
|
import * as RPNInput from 'react-phone-number-input';
|
|
10
|
-
import { PaymentType } from 'react-svg-credit-card-payment-icons';
|
|
11
10
|
import { MessageScroller as MessageScroller$1 } from '@shadcn/react/message-scroller';
|
|
12
11
|
export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
|
|
13
12
|
import { ClassValue } from 'clsx';
|
|
@@ -87,6 +86,170 @@ type ConfirmDestructiveDialogProps = {
|
|
|
87
86
|
*/
|
|
88
87
|
declare function ConfirmDestructiveDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, }: ConfirmDestructiveDialogProps): React.JSX.Element;
|
|
89
88
|
|
|
89
|
+
type EditableSectionMode = "reading" | "editing" | "saving";
|
|
90
|
+
type EditableSectionLabels = {
|
|
91
|
+
/** Visible Edit button label. Default: "Editar" */
|
|
92
|
+
edit?: string;
|
|
93
|
+
/** Visible Save button label. Default: "Guardar" */
|
|
94
|
+
save?: string;
|
|
95
|
+
/** Visible Save button label while pending. Default: "Guardando…" */
|
|
96
|
+
saving?: string;
|
|
97
|
+
/** Visible Cancel button label. Default: "Cancelar" */
|
|
98
|
+
cancel?: string;
|
|
99
|
+
/** Polite live-region message after a successful save. Default: "Guardado" */
|
|
100
|
+
saved?: string;
|
|
101
|
+
/** ConfirmDestructiveDialog title when discarding dirty edits. */
|
|
102
|
+
discardTitle?: string;
|
|
103
|
+
/** ConfirmDestructiveDialog description when discarding dirty edits. */
|
|
104
|
+
discardDescription?: string;
|
|
105
|
+
/** ConfirmDestructiveDialog confirm label. Default: "Descartar" */
|
|
106
|
+
discardConfirm?: string;
|
|
107
|
+
/** ConfirmDestructiveDialog cancel label. Default: "Seguir editando" */
|
|
108
|
+
discardCancel?: string;
|
|
109
|
+
};
|
|
110
|
+
declare const DEFAULT_EDITABLE_SECTION_LABELS: {
|
|
111
|
+
readonly edit: "Editar";
|
|
112
|
+
readonly save: "Guardar";
|
|
113
|
+
readonly saving: "Guardando…";
|
|
114
|
+
readonly cancel: "Cancelar";
|
|
115
|
+
readonly saved: "Guardado";
|
|
116
|
+
readonly discardTitle: "¿Descartar cambios?";
|
|
117
|
+
readonly discardDescription: "Si sales ahora, se perderán los cambios que no hayas guardado.";
|
|
118
|
+
readonly discardConfirm: "Descartar";
|
|
119
|
+
readonly discardCancel: "Seguir editando";
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
type UseEditableSectionOptions = {
|
|
123
|
+
onSave: () => Promise<void> | void;
|
|
124
|
+
/** Called when edit mode exits without saving (Cancel / Escape / discard confirm). */
|
|
125
|
+
onDiscard?: () => void;
|
|
126
|
+
/** Whether the in-progress edit has unsaved changes. Defaults to false. */
|
|
127
|
+
isDirty?: boolean;
|
|
128
|
+
/** Id of an existing heading that names this section (preferred). */
|
|
129
|
+
labelledBy?: string;
|
|
130
|
+
/** Fallback accessible name when there is no visible heading. */
|
|
131
|
+
title?: string;
|
|
132
|
+
labels?: EditableSectionLabels;
|
|
133
|
+
/**
|
|
134
|
+
* After the first edit entry, keep `min-height` at the tallest measured
|
|
135
|
+
* content height so later toggles do not shift. First toggle may still shift.
|
|
136
|
+
*/
|
|
137
|
+
stableHeight?: boolean;
|
|
138
|
+
};
|
|
139
|
+
type UseEditableSectionResult = {
|
|
140
|
+
mode: EditableSectionMode;
|
|
141
|
+
isEditing: boolean;
|
|
142
|
+
isSaving: boolean;
|
|
143
|
+
startEdit: () => void;
|
|
144
|
+
requestCancel: () => void;
|
|
145
|
+
formProps: {
|
|
146
|
+
onSubmit: (event: FormEvent<HTMLFormElement>) => void;
|
|
147
|
+
onKeyDown: (event: KeyboardEvent<HTMLFormElement>) => void;
|
|
148
|
+
noValidate: true;
|
|
149
|
+
};
|
|
150
|
+
contentRef: RefObject<HTMLElement | null>;
|
|
151
|
+
editButtonRef: RefObject<HTMLButtonElement | null>;
|
|
152
|
+
/** Form id for associating external submit buttons via the HTML `form` attribute. */
|
|
153
|
+
contentFormId: string;
|
|
154
|
+
editButtonProps: {
|
|
155
|
+
type: "button";
|
|
156
|
+
id: string;
|
|
157
|
+
onClick: () => void;
|
|
158
|
+
ref: RefObject<HTMLButtonElement | null>;
|
|
159
|
+
"aria-labelledby"?: string;
|
|
160
|
+
"aria-label"?: string;
|
|
161
|
+
};
|
|
162
|
+
saveButtonProps: {
|
|
163
|
+
type: "submit";
|
|
164
|
+
disabled: boolean;
|
|
165
|
+
};
|
|
166
|
+
cancelButtonProps: {
|
|
167
|
+
type: "button";
|
|
168
|
+
onClick: () => void;
|
|
169
|
+
disabled: boolean;
|
|
170
|
+
};
|
|
171
|
+
status: string | null;
|
|
172
|
+
statusProps: {
|
|
173
|
+
role: "status";
|
|
174
|
+
"aria-live": "polite";
|
|
175
|
+
className: string;
|
|
176
|
+
};
|
|
177
|
+
confirmDiscard: {
|
|
178
|
+
open: boolean;
|
|
179
|
+
onOpenChange: (open: boolean) => void;
|
|
180
|
+
title: string;
|
|
181
|
+
description: string;
|
|
182
|
+
confirmLabel: string;
|
|
183
|
+
cancelLabel: string;
|
|
184
|
+
onConfirm: () => void;
|
|
185
|
+
};
|
|
186
|
+
resolvedLabels: Required<EditableSectionLabels>;
|
|
187
|
+
contentStyle: CSSProperties | undefined;
|
|
188
|
+
actionsClassName: string;
|
|
189
|
+
};
|
|
190
|
+
declare function useEditableSection({ onSave, onDiscard, isDirty, labelledBy, title, labels, stableHeight, }: UseEditableSectionOptions): UseEditableSectionResult;
|
|
191
|
+
|
|
192
|
+
type EditableSectionSlots = {
|
|
193
|
+
actions: ReactNode;
|
|
194
|
+
content: ReactNode;
|
|
195
|
+
status: ReactNode;
|
|
196
|
+
mode: UseEditableSectionResult["mode"];
|
|
197
|
+
isSaving: boolean;
|
|
198
|
+
isEditing: boolean;
|
|
199
|
+
};
|
|
200
|
+
type EditableSectionProps = UseEditableSectionOptions & {
|
|
201
|
+
readView: () => ReactNode;
|
|
202
|
+
editView: () => ReactNode;
|
|
203
|
+
className?: string;
|
|
204
|
+
/**
|
|
205
|
+
* Compose chrome yourself (Card, dialog, page header, …). Receives the
|
|
206
|
+
* stable actions node, the read/edit content, and the live status region.
|
|
207
|
+
* When omitted, actions render above content with no surrounding chrome.
|
|
208
|
+
*/
|
|
209
|
+
children?: (slots: EditableSectionSlots) => ReactNode;
|
|
210
|
+
};
|
|
211
|
+
/**
|
|
212
|
+
* Chrome-free read-first section: semantic text by default, real `<form>` on
|
|
213
|
+
* Edit, pending Save until `onSave` resolves, and ConfirmDestructiveDialog
|
|
214
|
+
* when Cancel/Escape would discard dirty edits.
|
|
215
|
+
*
|
|
216
|
+
* Does not render a Card — place `actions` wherever your layout needs them.
|
|
217
|
+
*/
|
|
218
|
+
declare function EditableSection({ readView, editView, children, className, ...options }: EditableSectionProps): React.JSX.Element;
|
|
219
|
+
|
|
220
|
+
/**
|
|
221
|
+
* Read-mode description list. Column grid and label placement match the
|
|
222
|
+
* typical edit-form field stack (`flex flex-col gap-1.5` + `text-sm` label)
|
|
223
|
+
* so labels and values keep the same x-position across modes.
|
|
224
|
+
*/
|
|
225
|
+
type DataListProps = ComponentProps<"dl">;
|
|
226
|
+
declare function DataList({ className, ...props }: DataListProps): React.JSX.Element;
|
|
227
|
+
type DataListItemProps = {
|
|
228
|
+
label: ReactNode;
|
|
229
|
+
children?: ReactNode;
|
|
230
|
+
/** Shown when `children` is nullish or an empty string. Default: "—" */
|
|
231
|
+
empty?: ReactNode;
|
|
232
|
+
className?: string;
|
|
233
|
+
labelClassName?: string;
|
|
234
|
+
valueClassName?: string;
|
|
235
|
+
};
|
|
236
|
+
declare function DataListItem({ label, children, empty, className, labelClassName, valueClassName, }: DataListItemProps): React.JSX.Element;
|
|
237
|
+
|
|
238
|
+
type FieldMessageProps = Omit<ComponentProps<"p">, "children"> & {
|
|
239
|
+
children?: ReactNode;
|
|
240
|
+
/**
|
|
241
|
+
* Id referenced by the field's `aria-describedby`. Required when the
|
|
242
|
+
* message is shown so assistive tech can associate it with the control.
|
|
243
|
+
*/
|
|
244
|
+
id?: string;
|
|
245
|
+
};
|
|
246
|
+
/**
|
|
247
|
+
* Reserved slot for field-level validation copy. Always occupies `min-h-5`
|
|
248
|
+
* so async errors do not shift fields under the pointer (CLS outside the
|
|
249
|
+
* 500ms input exclusion window).
|
|
250
|
+
*/
|
|
251
|
+
declare function FieldMessage({ id, children, className, ...props }: FieldMessageProps): React.JSX.Element;
|
|
252
|
+
|
|
90
253
|
type ExpandableTextProps = {
|
|
91
254
|
children: ReactNode;
|
|
92
255
|
expandLabel: string;
|
|
@@ -1031,35 +1194,43 @@ interface MexicoMapProps {
|
|
|
1031
1194
|
}
|
|
1032
1195
|
declare function MexicoMap({ selected, onToggle, className }: MexicoMapProps): React.JSX.Element;
|
|
1033
1196
|
|
|
1197
|
+
/**
|
|
1198
|
+
* Visual style. Only `flatRounded` is implemented today; other values fall
|
|
1199
|
+
* back to it (API kept stable for callers).
|
|
1200
|
+
*/
|
|
1034
1201
|
type PaymentIconFormat = "flat" | "flatRounded" | "logo" | "logoBorder" | "mono" | "monoOutline";
|
|
1035
1202
|
interface PaymentIconProps {
|
|
1036
1203
|
/** Stripe `card.brand` (e.g. `"amex"`). Null/unknown → Generic. */
|
|
1037
1204
|
brand: string | null | undefined;
|
|
1038
|
-
/** Visual style
|
|
1205
|
+
/** Visual style. Currently only `flatRounded` is shipped. */
|
|
1039
1206
|
format?: PaymentIconFormat;
|
|
1040
1207
|
width?: number;
|
|
1041
1208
|
height?: number;
|
|
1042
1209
|
className?: string;
|
|
1043
1210
|
}
|
|
1044
1211
|
/**
|
|
1045
|
-
* Stripe-friendly payment brand mark (
|
|
1212
|
+
* Stripe-friendly payment brand mark (vendored Aaron Fagan SVGs).
|
|
1046
1213
|
*
|
|
1047
1214
|
* @example
|
|
1048
1215
|
* ```tsx
|
|
1049
1216
|
* <PaymentIcon brand="amex" />
|
|
1050
|
-
* <PaymentIcon brand={pm.cardBrand}
|
|
1217
|
+
* <PaymentIcon brand={pm.cardBrand} width={40} />
|
|
1051
1218
|
* ```
|
|
1052
1219
|
*/
|
|
1053
1220
|
declare function PaymentIcon({ brand, format, width, height, className, }: PaymentIconProps): React.JSX.Element;
|
|
1054
1221
|
|
|
1222
|
+
type PaymentIconBrandKey = "visa" | "mastercard" | "americanexpress" | "discover" | "dinersclub" | "jcb" | "unionpay" | "generic";
|
|
1223
|
+
|
|
1055
1224
|
declare function normalizePaymentCardBrand(brand: string | null | undefined): string | null;
|
|
1056
1225
|
/** Human-readable brand for UI (falls back to a tidy capitalization). */
|
|
1057
1226
|
declare function formatPaymentCardBrand(brand: string | null | undefined): string;
|
|
1058
1227
|
/**
|
|
1059
|
-
* Maps a Stripe `card.brand` (or similar) to
|
|
1060
|
-
* Unknown / empty brands resolve to `
|
|
1228
|
+
* Maps a Stripe `card.brand` (or similar) to a local payment-icon brand key.
|
|
1229
|
+
* Unknown / empty brands resolve to `generic`.
|
|
1061
1230
|
*/
|
|
1062
|
-
declare function
|
|
1231
|
+
declare function paymentIconBrandFromStripe(brand: string | null | undefined): PaymentIconBrandKey;
|
|
1232
|
+
/** @deprecated Use `paymentIconBrandFromStripe`. */
|
|
1233
|
+
declare const paymentTypeFromStripeBrand: typeof paymentIconBrandFromStripe;
|
|
1063
1234
|
|
|
1064
1235
|
declare const MEXICO_STATE_PATHS: Record<MexicoStateId, string>;
|
|
1065
1236
|
|
|
@@ -1320,4 +1491,4 @@ declare function useRealtimeChannel({ getWsUrl, onEvent, enabled, reconnectDelay
|
|
|
1320
1491
|
|
|
1321
1492
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1322
1493
|
|
|
1323
|
-
export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, 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, FeedVideoPlayer, type FeedVideoPlayerProps, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, 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 PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, 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, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseFeedExclusivePlaybackResult, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, formatPaymentCardBrand, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentTypeFromStripeBrand, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useFeedExclusivePlayback, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
|
|
1494
|
+
export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, type DataListItemProps, type DataListProps, type DescribedPlaybackError, 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, FeedVideoPlayer, type FeedVideoPlayerProps, FieldMessage, type FieldMessageProps, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, 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 PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, 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, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseEditableSectionOptions, type UseEditableSectionResult, type UseFeedExclusivePlaybackResult, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, formatPaymentCardBrand, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useFeedExclusivePlayback, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { FormEvent, KeyboardEvent, RefObject, CSSProperties, ReactNode, ComponentProps } from 'react';
|
|
3
3
|
import { LucideIcon } from 'lucide-react';
|
|
4
4
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -7,7 +7,6 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
7
7
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
8
8
|
import { HlsConfig, RetryConfig, LoaderResponse } from 'hls.js';
|
|
9
9
|
import * as RPNInput from 'react-phone-number-input';
|
|
10
|
-
import { PaymentType } from 'react-svg-credit-card-payment-icons';
|
|
11
10
|
import { MessageScroller as MessageScroller$1 } from '@shadcn/react/message-scroller';
|
|
12
11
|
export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
|
|
13
12
|
import { ClassValue } from 'clsx';
|
|
@@ -87,6 +86,170 @@ type ConfirmDestructiveDialogProps = {
|
|
|
87
86
|
*/
|
|
88
87
|
declare function ConfirmDestructiveDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, }: ConfirmDestructiveDialogProps): React.JSX.Element;
|
|
89
88
|
|
|
89
|
+
type EditableSectionMode = "reading" | "editing" | "saving";
|
|
90
|
+
type EditableSectionLabels = {
|
|
91
|
+
/** Visible Edit button label. Default: "Editar" */
|
|
92
|
+
edit?: string;
|
|
93
|
+
/** Visible Save button label. Default: "Guardar" */
|
|
94
|
+
save?: string;
|
|
95
|
+
/** Visible Save button label while pending. Default: "Guardando…" */
|
|
96
|
+
saving?: string;
|
|
97
|
+
/** Visible Cancel button label. Default: "Cancelar" */
|
|
98
|
+
cancel?: string;
|
|
99
|
+
/** Polite live-region message after a successful save. Default: "Guardado" */
|
|
100
|
+
saved?: string;
|
|
101
|
+
/** ConfirmDestructiveDialog title when discarding dirty edits. */
|
|
102
|
+
discardTitle?: string;
|
|
103
|
+
/** ConfirmDestructiveDialog description when discarding dirty edits. */
|
|
104
|
+
discardDescription?: string;
|
|
105
|
+
/** ConfirmDestructiveDialog confirm label. Default: "Descartar" */
|
|
106
|
+
discardConfirm?: string;
|
|
107
|
+
/** ConfirmDestructiveDialog cancel label. Default: "Seguir editando" */
|
|
108
|
+
discardCancel?: string;
|
|
109
|
+
};
|
|
110
|
+
declare const DEFAULT_EDITABLE_SECTION_LABELS: {
|
|
111
|
+
readonly edit: "Editar";
|
|
112
|
+
readonly save: "Guardar";
|
|
113
|
+
readonly saving: "Guardando…";
|
|
114
|
+
readonly cancel: "Cancelar";
|
|
115
|
+
readonly saved: "Guardado";
|
|
116
|
+
readonly discardTitle: "¿Descartar cambios?";
|
|
117
|
+
readonly discardDescription: "Si sales ahora, se perderán los cambios que no hayas guardado.";
|
|
118
|
+
readonly discardConfirm: "Descartar";
|
|
119
|
+
readonly discardCancel: "Seguir editando";
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
type UseEditableSectionOptions = {
|
|
123
|
+
onSave: () => Promise<void> | void;
|
|
124
|
+
/** Called when edit mode exits without saving (Cancel / Escape / discard confirm). */
|
|
125
|
+
onDiscard?: () => void;
|
|
126
|
+
/** Whether the in-progress edit has unsaved changes. Defaults to false. */
|
|
127
|
+
isDirty?: boolean;
|
|
128
|
+
/** Id of an existing heading that names this section (preferred). */
|
|
129
|
+
labelledBy?: string;
|
|
130
|
+
/** Fallback accessible name when there is no visible heading. */
|
|
131
|
+
title?: string;
|
|
132
|
+
labels?: EditableSectionLabels;
|
|
133
|
+
/**
|
|
134
|
+
* After the first edit entry, keep `min-height` at the tallest measured
|
|
135
|
+
* content height so later toggles do not shift. First toggle may still shift.
|
|
136
|
+
*/
|
|
137
|
+
stableHeight?: boolean;
|
|
138
|
+
};
|
|
139
|
+
type UseEditableSectionResult = {
|
|
140
|
+
mode: EditableSectionMode;
|
|
141
|
+
isEditing: boolean;
|
|
142
|
+
isSaving: boolean;
|
|
143
|
+
startEdit: () => void;
|
|
144
|
+
requestCancel: () => void;
|
|
145
|
+
formProps: {
|
|
146
|
+
onSubmit: (event: FormEvent<HTMLFormElement>) => void;
|
|
147
|
+
onKeyDown: (event: KeyboardEvent<HTMLFormElement>) => void;
|
|
148
|
+
noValidate: true;
|
|
149
|
+
};
|
|
150
|
+
contentRef: RefObject<HTMLElement | null>;
|
|
151
|
+
editButtonRef: RefObject<HTMLButtonElement | null>;
|
|
152
|
+
/** Form id for associating external submit buttons via the HTML `form` attribute. */
|
|
153
|
+
contentFormId: string;
|
|
154
|
+
editButtonProps: {
|
|
155
|
+
type: "button";
|
|
156
|
+
id: string;
|
|
157
|
+
onClick: () => void;
|
|
158
|
+
ref: RefObject<HTMLButtonElement | null>;
|
|
159
|
+
"aria-labelledby"?: string;
|
|
160
|
+
"aria-label"?: string;
|
|
161
|
+
};
|
|
162
|
+
saveButtonProps: {
|
|
163
|
+
type: "submit";
|
|
164
|
+
disabled: boolean;
|
|
165
|
+
};
|
|
166
|
+
cancelButtonProps: {
|
|
167
|
+
type: "button";
|
|
168
|
+
onClick: () => void;
|
|
169
|
+
disabled: boolean;
|
|
170
|
+
};
|
|
171
|
+
status: string | null;
|
|
172
|
+
statusProps: {
|
|
173
|
+
role: "status";
|
|
174
|
+
"aria-live": "polite";
|
|
175
|
+
className: string;
|
|
176
|
+
};
|
|
177
|
+
confirmDiscard: {
|
|
178
|
+
open: boolean;
|
|
179
|
+
onOpenChange: (open: boolean) => void;
|
|
180
|
+
title: string;
|
|
181
|
+
description: string;
|
|
182
|
+
confirmLabel: string;
|
|
183
|
+
cancelLabel: string;
|
|
184
|
+
onConfirm: () => void;
|
|
185
|
+
};
|
|
186
|
+
resolvedLabels: Required<EditableSectionLabels>;
|
|
187
|
+
contentStyle: CSSProperties | undefined;
|
|
188
|
+
actionsClassName: string;
|
|
189
|
+
};
|
|
190
|
+
declare function useEditableSection({ onSave, onDiscard, isDirty, labelledBy, title, labels, stableHeight, }: UseEditableSectionOptions): UseEditableSectionResult;
|
|
191
|
+
|
|
192
|
+
type EditableSectionSlots = {
|
|
193
|
+
actions: ReactNode;
|
|
194
|
+
content: ReactNode;
|
|
195
|
+
status: ReactNode;
|
|
196
|
+
mode: UseEditableSectionResult["mode"];
|
|
197
|
+
isSaving: boolean;
|
|
198
|
+
isEditing: boolean;
|
|
199
|
+
};
|
|
200
|
+
type EditableSectionProps = UseEditableSectionOptions & {
|
|
201
|
+
readView: () => ReactNode;
|
|
202
|
+
editView: () => ReactNode;
|
|
203
|
+
className?: string;
|
|
204
|
+
/**
|
|
205
|
+
* Compose chrome yourself (Card, dialog, page header, …). Receives the
|
|
206
|
+
* stable actions node, the read/edit content, and the live status region.
|
|
207
|
+
* When omitted, actions render above content with no surrounding chrome.
|
|
208
|
+
*/
|
|
209
|
+
children?: (slots: EditableSectionSlots) => ReactNode;
|
|
210
|
+
};
|
|
211
|
+
/**
|
|
212
|
+
* Chrome-free read-first section: semantic text by default, real `<form>` on
|
|
213
|
+
* Edit, pending Save until `onSave` resolves, and ConfirmDestructiveDialog
|
|
214
|
+
* when Cancel/Escape would discard dirty edits.
|
|
215
|
+
*
|
|
216
|
+
* Does not render a Card — place `actions` wherever your layout needs them.
|
|
217
|
+
*/
|
|
218
|
+
declare function EditableSection({ readView, editView, children, className, ...options }: EditableSectionProps): React.JSX.Element;
|
|
219
|
+
|
|
220
|
+
/**
|
|
221
|
+
* Read-mode description list. Column grid and label placement match the
|
|
222
|
+
* typical edit-form field stack (`flex flex-col gap-1.5` + `text-sm` label)
|
|
223
|
+
* so labels and values keep the same x-position across modes.
|
|
224
|
+
*/
|
|
225
|
+
type DataListProps = ComponentProps<"dl">;
|
|
226
|
+
declare function DataList({ className, ...props }: DataListProps): React.JSX.Element;
|
|
227
|
+
type DataListItemProps = {
|
|
228
|
+
label: ReactNode;
|
|
229
|
+
children?: ReactNode;
|
|
230
|
+
/** Shown when `children` is nullish or an empty string. Default: "—" */
|
|
231
|
+
empty?: ReactNode;
|
|
232
|
+
className?: string;
|
|
233
|
+
labelClassName?: string;
|
|
234
|
+
valueClassName?: string;
|
|
235
|
+
};
|
|
236
|
+
declare function DataListItem({ label, children, empty, className, labelClassName, valueClassName, }: DataListItemProps): React.JSX.Element;
|
|
237
|
+
|
|
238
|
+
type FieldMessageProps = Omit<ComponentProps<"p">, "children"> & {
|
|
239
|
+
children?: ReactNode;
|
|
240
|
+
/**
|
|
241
|
+
* Id referenced by the field's `aria-describedby`. Required when the
|
|
242
|
+
* message is shown so assistive tech can associate it with the control.
|
|
243
|
+
*/
|
|
244
|
+
id?: string;
|
|
245
|
+
};
|
|
246
|
+
/**
|
|
247
|
+
* Reserved slot for field-level validation copy. Always occupies `min-h-5`
|
|
248
|
+
* so async errors do not shift fields under the pointer (CLS outside the
|
|
249
|
+
* 500ms input exclusion window).
|
|
250
|
+
*/
|
|
251
|
+
declare function FieldMessage({ id, children, className, ...props }: FieldMessageProps): React.JSX.Element;
|
|
252
|
+
|
|
90
253
|
type ExpandableTextProps = {
|
|
91
254
|
children: ReactNode;
|
|
92
255
|
expandLabel: string;
|
|
@@ -1031,35 +1194,43 @@ interface MexicoMapProps {
|
|
|
1031
1194
|
}
|
|
1032
1195
|
declare function MexicoMap({ selected, onToggle, className }: MexicoMapProps): React.JSX.Element;
|
|
1033
1196
|
|
|
1197
|
+
/**
|
|
1198
|
+
* Visual style. Only `flatRounded` is implemented today; other values fall
|
|
1199
|
+
* back to it (API kept stable for callers).
|
|
1200
|
+
*/
|
|
1034
1201
|
type PaymentIconFormat = "flat" | "flatRounded" | "logo" | "logoBorder" | "mono" | "monoOutline";
|
|
1035
1202
|
interface PaymentIconProps {
|
|
1036
1203
|
/** Stripe `card.brand` (e.g. `"amex"`). Null/unknown → Generic. */
|
|
1037
1204
|
brand: string | null | undefined;
|
|
1038
|
-
/** Visual style
|
|
1205
|
+
/** Visual style. Currently only `flatRounded` is shipped. */
|
|
1039
1206
|
format?: PaymentIconFormat;
|
|
1040
1207
|
width?: number;
|
|
1041
1208
|
height?: number;
|
|
1042
1209
|
className?: string;
|
|
1043
1210
|
}
|
|
1044
1211
|
/**
|
|
1045
|
-
* Stripe-friendly payment brand mark (
|
|
1212
|
+
* Stripe-friendly payment brand mark (vendored Aaron Fagan SVGs).
|
|
1046
1213
|
*
|
|
1047
1214
|
* @example
|
|
1048
1215
|
* ```tsx
|
|
1049
1216
|
* <PaymentIcon brand="amex" />
|
|
1050
|
-
* <PaymentIcon brand={pm.cardBrand}
|
|
1217
|
+
* <PaymentIcon brand={pm.cardBrand} width={40} />
|
|
1051
1218
|
* ```
|
|
1052
1219
|
*/
|
|
1053
1220
|
declare function PaymentIcon({ brand, format, width, height, className, }: PaymentIconProps): React.JSX.Element;
|
|
1054
1221
|
|
|
1222
|
+
type PaymentIconBrandKey = "visa" | "mastercard" | "americanexpress" | "discover" | "dinersclub" | "jcb" | "unionpay" | "generic";
|
|
1223
|
+
|
|
1055
1224
|
declare function normalizePaymentCardBrand(brand: string | null | undefined): string | null;
|
|
1056
1225
|
/** Human-readable brand for UI (falls back to a tidy capitalization). */
|
|
1057
1226
|
declare function formatPaymentCardBrand(brand: string | null | undefined): string;
|
|
1058
1227
|
/**
|
|
1059
|
-
* Maps a Stripe `card.brand` (or similar) to
|
|
1060
|
-
* Unknown / empty brands resolve to `
|
|
1228
|
+
* Maps a Stripe `card.brand` (or similar) to a local payment-icon brand key.
|
|
1229
|
+
* Unknown / empty brands resolve to `generic`.
|
|
1061
1230
|
*/
|
|
1062
|
-
declare function
|
|
1231
|
+
declare function paymentIconBrandFromStripe(brand: string | null | undefined): PaymentIconBrandKey;
|
|
1232
|
+
/** @deprecated Use `paymentIconBrandFromStripe`. */
|
|
1233
|
+
declare const paymentTypeFromStripeBrand: typeof paymentIconBrandFromStripe;
|
|
1063
1234
|
|
|
1064
1235
|
declare const MEXICO_STATE_PATHS: Record<MexicoStateId, string>;
|
|
1065
1236
|
|
|
@@ -1320,4 +1491,4 @@ declare function useRealtimeChannel({ getWsUrl, onEvent, enabled, reconnectDelay
|
|
|
1320
1491
|
|
|
1321
1492
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1322
1493
|
|
|
1323
|
-
export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, type DescribedPlaybackError, DropdownMenuItem, DropdownMenuSeparator, 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, FeedVideoPlayer, type FeedVideoPlayerProps, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, 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 PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, 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, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseFeedExclusivePlaybackResult, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, formatPaymentCardBrand, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentTypeFromStripeBrand, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useFeedExclusivePlayback, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
|
|
1494
|
+
export { type AutoplayState, AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, Bubble, BubbleContent, BubbleGroup, BubbleReactions, type ChatListMessage, ChatMessageList, type ChatMessageListProps, ConfirmDestructiveDialog, type ConfirmDestructiveDialogProps, type ConversationKind, DEFAULT_EDITABLE_SECTION_LABELS, DataList, DataListItem, type DataListItemProps, type DataListProps, type DescribedPlaybackError, 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, FeedVideoPlayer, type FeedVideoPlayerProps, FieldMessage, type FieldMessageProps, type FindOrCreateConversationInput, type HlsPlayerMode, ImageLightbox, type ImageLightboxLabels, type ImageLightboxProps, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, LoadingState, MEXICO_STATES, MEXICO_STATE_PATHS, Marker, MarkerContent, MarkerIcon, 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 PlaybackErrorContext, type PlaybackErrorDetail, type PlaybackErrorKind, type PlaybackState, type PlaybackStats, type ProfessionalVerificationStatus, type QualityLevel, type RealtimeEvent, type ScrollFadeXEdges, 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, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, type UseEditableSectionOptions, type UseEditableSectionResult, type UseFeedExclusivePlaybackResult, type UseHlsPlaybackOptions, type UseHlsPlaybackResult, type UsePlaybackStatsOptions, type UseRealtimeChannelOptions, type UseSearchHotkeyOptions, type UseSearchHotkeyResult, type UseSupportConversationOptions, type UseSupportConversationResult, VerifiedProfessionalBadge, type VerifiedProfessionalBadgeProps, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, bubbleVariants, cn, createLiveHlsConfig, createSupportChatClient, createVodHlsConfig, defaultLanguages, describeAvResync, describePlaybackError, formatPaymentCardBrand, fuzzyMatch, insertAtCaret, markerVariants, mergePlatformAccountOrgs, normalizeEmojiQuery, normalizePaymentCardBrand, paymentIconBrandFromStripe, paymentTypeFromStripeBrand, shouldRetryLiveEdge404, useDebouncedValue, useDebouncedValueStrict, useEditableSection, useFeedExclusivePlayback, useHlsPlayback, useLanguageContext, useMediaQuery, usePlaybackStats, useRealtimeChannel, useScrollFadeXEdges, useSearchHotkey, useSupportConversation, useSupportMessenger, useSupportMessengerOptional };
|