@mantine-vue/whatsapp-inbox 3.2.0

package/lib/components/WhatsAppEmojiPicker/WhatsAppEmojiPicker.types.d.ts

@@ -0,0 +1,91 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { WhatsAppEmoji, WhatsAppEmojiFilterOptions, WhatsAppEmojiGroupId } from '../../emoji';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+export type WhatsAppEmojiPickerStylesNames = 'emojiPickerRoot' | 'emojiPickerSearch' | 'emojiPickerTabs' | 'emojiPickerTab' | 'emojiPickerBody' | 'emojiPickerGroup' | 'emojiPickerGroupLabel' | 'emojiPickerGrid' | 'emojiPickerItem' | 'emojiPickerEmpty' | 'emojiPickerPreview' | 'emojiPickerPreviewEmoji' | 'emojiPickerPreviewName';
+export interface WhatsAppEmojiPickerSlots {
+    /** Replaces the empty state shown when a search matches nothing. */
+    emptyEmojis?: (props: {
+        search: string;
+    }) => VNodeChild;
+    /** Rendered under the grid, in place of the hovered-emoji preview. */
+    emojiPickerFooter?: (props: {
+        emoji: WhatsAppEmoji | null;
+    }) => VNodeChild;
+}
+/**
+ * Props declared by `WhatsAppEmojiPicker` itself.
+ *
+ * The filter options are spread onto the props rather than nested, so a template can set
+ * `:exclude-groups="['flags']"` without building an object.
+ */
+export interface WhatsAppEmojiPickerOwnProps extends StylesApiProps<WhatsAppEmojiPickerFactory>, WhatsAppEmojiFilterOptions {
+    /** Controlled search query. */
+    search?: string;
+    /** Uncontrolled initial search query. */
+    defaultSearch?: string;
+    /**
+     * Recently used characters, most recent first. Bind it to persist them; leave it alone and the
+     * picker keeps its own list for the lifetime of the component.
+     */
+    recentEmojis?: string[];
+    /** Uncontrolled initial recently-used characters. */
+    defaultRecentEmojis?: string[];
+    /**
+     * Largest number of recently-used emoji kept.
+     * @default 24
+     */
+    recentLimit?: number;
+    /**
+     * Renders the recently-used category.
+     * @default true
+     */
+    withRecent?: boolean;
+    /**
+     * Renders the search field.
+     * @default true
+     */
+    withSearch?: boolean;
+    /**
+     * Renders the category tab strip.
+     * @default true
+     */
+    withTabs?: boolean;
+    /**
+     * Renders the preview of the hovered or focused emoji under the grid.
+     * @default true
+     */
+    withPreview?: boolean;
+    /**
+     * Number of emoji per row. Also the step the up and down arrow keys move by.
+     * @default 8
+     */
+    columns?: number;
+    /** Height of the scrollable grid, any valid CSS length. */
+    height?: string | number;
+    /** Width of the picker, any valid CSS length. */
+    width?: string | number;
+    /** Label overrides. */
+    labels?: WhatsAppInboxLabelsOverride;
+}
+export interface WhatsAppEmojiPickerProps extends Omit<BoxProps, keyof WhatsAppEmojiPickerOwnProps>, WhatsAppEmojiPickerOwnProps {
+}
+export interface WhatsAppEmojiPickerEmits {
+    /** Emitted when an emoji is picked. */
+    select: [emoji: WhatsAppEmoji];
+    /** Emitted when the search query changes. */
+    'update:search': [search: string];
+    /** Emitted with the new recently-used list after a pick. */
+    'update:recentEmojis': [recentEmojis: string[]];
+    /** Emitted when the visible category changes, by tab or by scrolling. */
+    groupChange: [group: WhatsAppEmojiGroupId];
+}
+export type WhatsAppEmojiPickerFactory = Factory<{
+    props: Omit<WhatsAppEmojiPickerProps, 'rootRef'>;
+    slots: WhatsAppEmojiPickerSlots;
+    emits: WhatsAppEmojiPickerEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: WhatsAppEmojiPickerStylesNames;
+}>;

package/lib/components/WhatsAppEmojiPicker/WhatsAppEmojiPicker.vue.d.ts

@@ -0,0 +1,31 @@
+import { type WhatsAppEmoji, type WhatsAppEmojiGroupId } from '../../emoji';
+import type { WhatsAppEmojiPickerOwnProps, WhatsAppEmojiPickerSlots } from './WhatsAppEmojiPicker.types';
+declare const defaultProps: {
+    readonly recentLimit: 24;
+    readonly withRecent: true;
+    readonly withSearch: true;
+    readonly withTabs: true;
+    readonly withPreview: true;
+    readonly columns: 8;
+};
+declare function toCssLength(value: string | number | undefined): string | undefined;
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, toCssLength, varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WhatsAppEmojiPickerOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (emoji: WhatsAppEmoji) => any;
+    "update:search": (search: string) => any;
+    "update:recentEmojis": (recentEmojis: string[]) => any;
+    groupChange: (group: WhatsAppEmojiGroupId) => any;
+}, string, import("vue").PublicProps, Readonly<WhatsAppEmojiPickerOwnProps> & Readonly<{
+    onSelect?: ((emoji: WhatsAppEmoji) => any) | undefined;
+    "onUpdate:search"?: ((search: string) => any) | undefined;
+    "onUpdate:recentEmojis"?: ((recentEmojis: string[]) => any) | undefined;
+    onGroupChange?: ((group: WhatsAppEmojiGroupId) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, WhatsAppEmojiPickerSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/WhatsAppEmojiPicker/index.d.ts

@@ -0,0 +1 @@
+export * from './WhatsAppEmojiPicker';

package/lib/components/WhatsAppInbox/WhatsAppInbox.d.ts

@@ -0,0 +1,10 @@
+export declare const WhatsAppInbox: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./WhatsAppInbox.types").WhatsAppInboxProps, "rootRef">;
+    slots: import("./WhatsAppInbox.types").WhatsAppInboxSlots;
+    emits: import("./WhatsAppInbox.types").WhatsAppInboxEmits;
+    exposed: import("./WhatsAppInbox.types").WhatsAppInboxExposed;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./WhatsAppInbox.types").WhatsAppInboxStylesNames;
+}>;
+export type { WhatsAppInboxConversationProps, WhatsAppInboxEmits, WhatsAppInboxExposed, WhatsAppInboxFactory, WhatsAppInboxLayout, WhatsAppInboxOwnProps, WhatsAppInboxProps, WhatsAppInboxSlots, WhatsAppInboxStylesNames, } from './WhatsAppInbox.types';

package/lib/components/WhatsAppInbox/WhatsAppInbox.types.d.ts

@@ -0,0 +1,135 @@
+import type { BoxProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { ForwardedProps, MessageRenderers, WhatsAppContactPanelSlots, WhatsAppConversationListSlots, WhatsAppConversationSlots } from '../../component-props';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+import type { WhatsAppConversationData, WhatsAppConversationSummary, WhatsAppInboxFilters, WhatsAppInboxFiltersConfig, WhatsAppLoadMorePayload, WhatsAppNewConversationPayload, WhatsAppPaginationState } from '../../types';
+import type { WhatsAppContactPanelProps, WhatsAppContactPanelStylesNames } from '../WhatsAppContactPanel';
+import type { WhatsAppConversationEmits, WhatsAppConversationOwnProps, WhatsAppConversationStylesNames } from '../WhatsAppConversation';
+import type { WhatsAppConversationListProps, WhatsAppConversationListStylesNames, WhatsAppConversationOrder } from '../WhatsAppConversationList';
+export type WhatsAppInboxStylesNames = 'inboxRoot' | 'inboxSidebar' | 'inboxMain' | 'inboxPanel' | WhatsAppConversationListStylesNames | WhatsAppConversationStylesNames | WhatsAppContactPanelStylesNames;
+/**
+ * How the three panes are arranged.
+ *
+ * `auto` measures the component itself rather than the viewport, so an inbox embedded in a
+ * narrow column collapses to a single pane even on a wide screen.
+ */
+export type WhatsAppInboxLayout = 'auto' | 'split' | 'single';
+export interface WhatsAppInboxSlots extends WhatsAppConversationListSlots, WhatsAppConversationSlots, WhatsAppContactPanelSlots {
+}
+/**
+ * Props of the conversation pane that `WhatsAppInbox` forwards.
+ *
+ * The list-related props are declared by the inbox itself, so the conversation props it accepts
+ * are everything except the ones it owns.
+ */
+export type WhatsAppInboxConversationProps = Omit<WhatsAppConversationOwnProps, 'conversation' | 'conversationId' | 'withBack' | 'withContactToggle' | 'contactPanelOpened' | 'labels' | 'classNames' | 'styles' | 'vars' | 'unstyled'>;
+export interface WhatsAppInboxOwnProps extends StylesApiProps<WhatsAppInboxFactory>, WhatsAppInboxConversationProps, MessageRenderers {
+    /** Conversations shown in the sidebar. */
+    conversations?: WhatsAppConversationSummary[];
+    /** Controlled id of the selected conversation. */
+    selectedConversationId?: string | null;
+    /** Uncontrolled initial selection. */
+    defaultSelectedConversationId?: string | null;
+    /**
+     * The opened conversation, with its capabilities. Falls back to the matching entry of
+     * `conversations`, which is enough when the summary already carries everything.
+     */
+    conversation?: WhatsAppConversationData;
+    /** Controlled filter state. */
+    filters?: WhatsAppInboxFilters;
+    /** Uncontrolled initial filter state. */
+    defaultFilters?: WhatsAppInboxFilters;
+    /** Which filter controls the sidebar renders. */
+    filtersConfig?: WhatsAppInboxFiltersConfig;
+    /** Whether the initial conversation list load is in flight. */
+    conversationsLoading?: boolean;
+    /** Failure of the last conversation list load. */
+    conversationsError?: string | null;
+    /** Cursor state of the conversation list pagination. */
+    conversationsPagination?: WhatsAppPaginationState;
+    /**
+     * Display order of the supplied conversations.
+     * @default 'none'
+     */
+    order?: WhatsAppConversationOrder;
+    /**
+     * Pane arrangement.
+     * @default 'auto'
+     */
+    layout?: WhatsAppInboxLayout;
+    /**
+     * Width below which `layout: 'auto'` collapses to a single pane, in pixels.
+     * @default 720
+     */
+    narrowBreakpoint?: number;
+    /** Width of the conversation list pane, any valid CSS length. */
+    sidebarWidth?: string | number;
+    /** Width of the contact panel, any valid CSS length. */
+    contactPanelWidth?: string | number;
+    /**
+     * Renders the contact panel and the header control that toggles it.
+     * @default false
+     */
+    withContactPanel?: boolean;
+    /** Controlled opened state of the contact panel. */
+    contactPanelOpened?: boolean;
+    /** Uncontrolled initial opened state of the contact panel. */
+    defaultContactPanelOpened?: boolean;
+    /** Props passed to the underlying `WhatsAppConversationList`. */
+    conversationListProps?: ForwardedProps<WhatsAppConversationListProps>;
+    /** Props passed to the underlying `WhatsAppContactPanel`. */
+    contactPanelProps?: ForwardedProps<WhatsAppContactPanelProps>;
+    /**
+     * Renders the control that starts a conversation with a number that is not in the list yet.
+     * @default false
+     */
+    withNewConversation?: boolean;
+    /** Controlled opened state of the new-conversation form. */
+    newConversationOpened?: boolean;
+    /** Whether the consumer is still creating or looking up the conversation. */
+    newConversationCreating?: boolean;
+    /** Failure of the last new-conversation attempt, rendered inside the form. */
+    newConversationError?: string | null;
+    /** Validates the phone number before `newConversation` is emitted. */
+    validatePhoneNumber?: (phoneNumber: string) => string | null;
+    /** Label overrides. */
+    labels?: WhatsAppInboxLabelsOverride;
+}
+export interface WhatsAppInboxProps extends Omit<BoxProps, keyof WhatsAppInboxOwnProps>, WhatsAppInboxOwnProps {
+}
+export interface WhatsAppInboxEmits extends WhatsAppConversationEmits {
+    /** Emitted when the selected conversation changes. */
+    'update:selectedConversationId': [conversationId: string | null];
+    /** Emitted when any filter changes. */
+    'update:filters': [filters: WhatsAppInboxFilters];
+    /** Emitted when the contact panel is opened or closed. */
+    'update:contactPanelOpened': [opened: boolean];
+    /** Emitted when a conversation is picked, with the full record. */
+    selectConversation: [conversation: WhatsAppConversationSummary];
+    /** Emitted when the next page of conversations should be fetched. */
+    loadMoreConversations: [payload: WhatsAppLoadMorePayload];
+    /** Emitted when the retry action of the conversation list error state is used. */
+    retryLoadConversations: [];
+    /** Emitted when the opened state of the new-conversation form changes. */
+    'update:newConversationOpened': [opened: boolean];
+    /**
+     * Emitted when the user submits a phone number to start a conversation with. Create or look up
+     * the conversation, then select it by updating `selectedConversationId`.
+     */
+    newConversation: [payload: WhatsAppNewConversationPayload];
+}
+export interface WhatsAppInboxExposed {
+    /** Moves focus to the composer input. */
+    focusComposer: () => void;
+    /** Scrolls the history to the newest message. */
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+}
+export type WhatsAppInboxFactory = Factory<{
+    props: Omit<WhatsAppInboxProps, 'rootRef'>;
+    slots: WhatsAppInboxSlots;
+    emits: WhatsAppInboxEmits;
+    exposed: WhatsAppInboxExposed;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: WhatsAppInboxStylesNames;
+}>;

package/lib/components/WhatsAppInbox/WhatsAppInbox.vue.d.ts

@@ -0,0 +1,84 @@
+import type { WhatsAppAttachment, WhatsAppConversationSummary, WhatsAppMessageData } from '../../types';
+import type { WhatsAppInboxOwnProps, WhatsAppInboxSlots } from './WhatsAppInbox.types';
+declare const defaultProps: {
+    readonly layout: "auto";
+    readonly narrowBreakpoint: 720;
+    readonly order: "none";
+    readonly withContactPanel: false;
+};
+declare function toCssWidth(value: string | number | undefined): string | undefined;
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, toCssWidth, varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WhatsAppInboxOwnProps, {
+    focusComposer: () => void;
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    send: (payload: import("../..").WhatsAppOutgoingMessage) => any;
+    validationError: (message: string) => any;
+    newConversation: (payload: import("../..").WhatsAppNewConversationPayload) => any;
+    loadMoreConversations: (payload: import("../..").WhatsAppLoadMorePayload) => any;
+    loadOlderMessages: (payload: import("../..").WhatsAppLoadMorePayload) => any;
+    retrySend: () => any;
+    typing: (value: string) => any;
+    back: () => any;
+    "update:replyTo": (replyTo: import("../..").WhatsAppMessageReference | null) => any;
+    attachmentsAdd: (payload: import("../..").WhatsAppAttachmentsAddPayload) => any;
+    attachmentsReject: (rejected: import("../..").WhatsAppRejectedFile[]) => any;
+    attachmentRemove: (upload: import("../..").WhatsAppUpload) => any;
+    attachmentRetry: (upload: import("../..").WhatsAppUpload) => any;
+    attachmentCancel: (upload: import("../..").WhatsAppUpload) => any;
+    templatesRetryLoad: () => any;
+    toggleContactPanel: (opened: boolean) => any;
+    contactClick: (conversation: import("../..").WhatsAppConversationData) => any;
+    mediaDownload: (attachment: WhatsAppAttachment, message: WhatsAppMessageData) => any;
+    mediaPreview: (attachment: WhatsAppAttachment, message: WhatsAppMessageData) => any;
+    retryMessage: (message: WhatsAppMessageData) => any;
+    atBottomChange: (atBottom: boolean) => any;
+    "update:draft": (draft: string) => any;
+    "update:drafts": (drafts: Record<string, string>) => any;
+    retryLoadMessages: () => any;
+    "update:selectedConversationId": (conversationId: string | null) => any;
+    "update:filters": (filters: import("../..").WhatsAppInboxFilters) => any;
+    "update:newConversationOpened": (opened: boolean) => any;
+    "update:contactPanelOpened": (opened: boolean) => any;
+    selectConversation: (conversation: WhatsAppConversationSummary) => any;
+    retryLoadConversations: () => any;
+}, string, import("vue").PublicProps, Readonly<WhatsAppInboxOwnProps> & Readonly<{
+    onSend?: ((payload: import("../..").WhatsAppOutgoingMessage) => any) | undefined;
+    onValidationError?: ((message: string) => any) | undefined;
+    onNewConversation?: ((payload: import("../..").WhatsAppNewConversationPayload) => any) | undefined;
+    onLoadMoreConversations?: ((payload: import("../..").WhatsAppLoadMorePayload) => any) | undefined;
+    onLoadOlderMessages?: ((payload: import("../..").WhatsAppLoadMorePayload) => any) | undefined;
+    onRetrySend?: (() => any) | undefined;
+    onTyping?: ((value: string) => any) | undefined;
+    onBack?: (() => any) | undefined;
+    "onUpdate:replyTo"?: ((replyTo: import("../..").WhatsAppMessageReference | null) => any) | undefined;
+    onAttachmentsAdd?: ((payload: import("../..").WhatsAppAttachmentsAddPayload) => any) | undefined;
+    onAttachmentsReject?: ((rejected: import("../..").WhatsAppRejectedFile[]) => any) | undefined;
+    onAttachmentRemove?: ((upload: import("../..").WhatsAppUpload) => any) | undefined;
+    onAttachmentRetry?: ((upload: import("../..").WhatsAppUpload) => any) | undefined;
+    onAttachmentCancel?: ((upload: import("../..").WhatsAppUpload) => any) | undefined;
+    onTemplatesRetryLoad?: (() => any) | undefined;
+    onToggleContactPanel?: ((opened: boolean) => any) | undefined;
+    onContactClick?: ((conversation: import("../..").WhatsAppConversationData) => any) | undefined;
+    onMediaDownload?: ((attachment: WhatsAppAttachment, message: WhatsAppMessageData) => any) | undefined;
+    onMediaPreview?: ((attachment: WhatsAppAttachment, message: WhatsAppMessageData) => any) | undefined;
+    onRetryMessage?: ((message: WhatsAppMessageData) => any) | undefined;
+    onAtBottomChange?: ((atBottom: boolean) => any) | undefined;
+    "onUpdate:draft"?: ((draft: string) => any) | undefined;
+    "onUpdate:drafts"?: ((drafts: Record<string, string>) => any) | undefined;
+    onRetryLoadMessages?: (() => any) | undefined;
+    "onUpdate:selectedConversationId"?: ((conversationId: string | null) => any) | undefined;
+    "onUpdate:filters"?: ((filters: import("../..").WhatsAppInboxFilters) => any) | undefined;
+    "onUpdate:newConversationOpened"?: ((opened: boolean) => any) | undefined;
+    "onUpdate:contactPanelOpened"?: ((opened: boolean) => any) | undefined;
+    onSelectConversation?: ((conversation: WhatsAppConversationSummary) => any) | undefined;
+    onRetryLoadConversations?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, WhatsAppInboxSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/WhatsAppInbox/index.d.ts

@@ -0,0 +1 @@
+export * from './WhatsAppInbox';

package/lib/components/WhatsAppInboxDrawer/WhatsAppInboxDrawer.d.ts

@@ -0,0 +1,9 @@
+export declare const WhatsAppInboxDrawer: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./WhatsAppInboxDrawer.types").WhatsAppInboxDrawerProps, "rootRef">;
+    slots: import("../../component-props.js").WhatsAppConversationSlots;
+    emits: import("./WhatsAppInboxDrawer.types").WhatsAppInboxDrawerEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./WhatsAppInboxDrawer.types").WhatsAppInboxDrawerStylesNames;
+}>;
+export type { WhatsAppInboxDrawerConversationProps, WhatsAppInboxDrawerEmits, WhatsAppInboxDrawerFactory, WhatsAppInboxDrawerOwnProps, WhatsAppInboxDrawerProps, WhatsAppInboxDrawerStylesNames, } from './WhatsAppInboxDrawer.types';

package/lib/components/WhatsAppInboxDrawer/WhatsAppInboxDrawer.types.d.ts

@@ -0,0 +1,52 @@
+import type { BoxProps, DrawerProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { ForwardedProps, WhatsAppConversationSlots } from '../../component-props';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+import type { WhatsAppConversationEmits, WhatsAppConversationOwnProps, WhatsAppConversationStylesNames } from '../WhatsAppConversation';
+export type WhatsAppInboxDrawerStylesNames = 'drawerRoot' | 'drawerContent' | 'drawerBody' | WhatsAppConversationStylesNames;
+/** Conversation props the drawer forwards. */
+export type WhatsAppInboxDrawerConversationProps = Omit<WhatsAppConversationOwnProps, 'classNames' | 'styles' | 'vars' | 'unstyled' | 'labels'>;
+export interface WhatsAppInboxDrawerOwnProps extends StylesApiProps<WhatsAppInboxDrawerFactory>, WhatsAppInboxDrawerConversationProps {
+    /** Whether the drawer is open. Bind it with `v-model:opened`. */
+    opened?: boolean;
+    /**
+     * Side the drawer slides in from.
+     * @default 'right'
+     */
+    position?: DrawerProps['position'];
+    /**
+     * Width of the drawer.
+     * @default 'md'
+     */
+    size?: DrawerProps['size'];
+    /**
+     * Title of the drawer. Falls back to the contact name, so the drawer always has an accessible
+     * name even when nothing is passed.
+     */
+    title?: string;
+    /**
+     * Moves focus to the composer when the drawer opens.
+     * @default true
+     */
+    focusComposerOnOpen?: boolean;
+    /** Props passed to the underlying `Drawer`. */
+    drawerProps?: ForwardedProps<DrawerProps>;
+    /** Label overrides. */
+    labels?: WhatsAppInboxLabelsOverride;
+}
+export interface WhatsAppInboxDrawerProps extends Omit<BoxProps, keyof WhatsAppInboxDrawerOwnProps>, WhatsAppInboxDrawerOwnProps {
+}
+export interface WhatsAppInboxDrawerEmits extends WhatsAppConversationEmits {
+    /** Emitted when the opened state changes. */
+    'update:opened': [opened: boolean];
+    /** Emitted when the drawer is dismissed. */
+    close: [];
+}
+export type WhatsAppInboxDrawerFactory = Factory<{
+    props: Omit<WhatsAppInboxDrawerProps, 'rootRef'>;
+    slots: WhatsAppConversationSlots;
+    emits: WhatsAppInboxDrawerEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: WhatsAppInboxDrawerStylesNames;
+}>;

package/lib/components/WhatsAppInboxDrawer/WhatsAppInboxDrawer.vue.d.ts

@@ -0,0 +1,24 @@
+import type { WhatsAppConversationSlots } from '../../component-props';
+import type { WhatsAppInboxDrawerOwnProps } from './WhatsAppInboxDrawer.types';
+declare const defaultProps: {
+    readonly opened: false;
+    readonly position: "right";
+    readonly size: "md";
+    readonly focusComposerOnOpen: true;
+};
+declare const DRAWER_OWN_PROPS: Set<string>;
+export { defaultProps, DRAWER_OWN_PROPS };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WhatsAppInboxDrawerOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:opened": (opened: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<WhatsAppInboxDrawerOwnProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:opened"?: ((opened: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, WhatsAppConversationSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/WhatsAppInboxDrawer/index.d.ts

@@ -0,0 +1 @@
+export * from './WhatsAppInboxDrawer';

package/lib/components/WhatsAppInboxModal/WhatsAppInboxModal.d.ts

@@ -0,0 +1,9 @@
+export declare const WhatsAppInboxModal: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./WhatsAppInboxModal.types").WhatsAppInboxModalProps, "rootRef">;
+    slots: import("../../component-props.js").WhatsAppConversationSlots;
+    emits: import("./WhatsAppInboxModal.types").WhatsAppInboxModalEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./WhatsAppInboxModal.types").WhatsAppInboxModalStylesNames;
+}>;
+export type { WhatsAppInboxModalConversationProps, WhatsAppInboxModalEmits, WhatsAppInboxModalFactory, WhatsAppInboxModalOwnProps, WhatsAppInboxModalProps, WhatsAppInboxModalStylesNames, } from './WhatsAppInboxModal.types';

package/lib/components/WhatsAppInboxModal/WhatsAppInboxModal.types.d.ts

@@ -0,0 +1,52 @@
+import type { BoxProps, Factory, ModalProps } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { ForwardedProps, WhatsAppConversationSlots } from '../../component-props';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+import type { WhatsAppConversationEmits, WhatsAppConversationOwnProps, WhatsAppConversationStylesNames } from '../WhatsAppConversation';
+export type WhatsAppInboxModalStylesNames = 'modalRoot' | 'modalContent' | 'modalBody' | WhatsAppConversationStylesNames;
+/**
+ * Conversation props the modal forwards.
+ *
+ * The Styles API members are re-declared by the modal itself so its own `classNames` keys cover
+ * both the dialog and the conversation inside it.
+ */
+export type WhatsAppInboxModalConversationProps = Omit<WhatsAppConversationOwnProps, 'classNames' | 'styles' | 'vars' | 'unstyled' | 'labels' | 'withBack'>;
+export interface WhatsAppInboxModalOwnProps extends StylesApiProps<WhatsAppInboxModalFactory>, WhatsAppInboxModalConversationProps {
+    /** Whether the modal is open. Bind it with `v-model:opened`. */
+    opened?: boolean;
+    /**
+     * Title of the dialog. Falls back to the contact name, so the modal always has an accessible
+     * name even when nothing is passed.
+     */
+    title?: string;
+    /**
+     * Height of the conversation inside the dialog, any valid CSS length.
+     * @default '70vh'
+     */
+    height?: string | number;
+    /**
+     * Moves focus to the composer when the modal opens.
+     * @default true
+     */
+    focusComposerOnOpen?: boolean;
+    /** Props passed to the underlying `Modal`. */
+    modalProps?: ForwardedProps<ModalProps>;
+    /** Label overrides. */
+    labels?: WhatsAppInboxLabelsOverride;
+}
+export interface WhatsAppInboxModalProps extends Omit<BoxProps, keyof WhatsAppInboxModalOwnProps>, WhatsAppInboxModalOwnProps {
+}
+export interface WhatsAppInboxModalEmits extends WhatsAppConversationEmits {
+    /** Emitted when the opened state changes. */
+    'update:opened': [opened: boolean];
+    /** Emitted when the modal is dismissed. */
+    close: [];
+}
+export type WhatsAppInboxModalFactory = Factory<{
+    props: Omit<WhatsAppInboxModalProps, 'rootRef'>;
+    slots: WhatsAppConversationSlots;
+    emits: WhatsAppInboxModalEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: WhatsAppInboxModalStylesNames;
+}>;

package/lib/components/WhatsAppInboxModal/WhatsAppInboxModal.vue.d.ts

@@ -0,0 +1,28 @@
+import type { WhatsAppConversationSlots } from '../../component-props';
+import type { WhatsAppInboxModalOwnProps } from './WhatsAppInboxModal.types';
+declare const defaultProps: {
+    readonly opened: false;
+    readonly height: "70vh";
+    readonly focusComposerOnOpen: true;
+};
+/**
+ * Props the modal keeps for itself. Everything else is forwarded to the conversation, so the
+ * wrapper does not have to re-declare the whole conversation API every time it grows.
+ */
+declare const MODAL_OWN_PROPS: Set<string>;
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, MODAL_OWN_PROPS, varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WhatsAppInboxModalOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:opened": (opened: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<WhatsAppInboxModalOwnProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:opened"?: ((opened: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, WhatsAppConversationSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/WhatsAppInboxModal/index.d.ts

@@ -0,0 +1 @@
+export * from './WhatsAppInboxModal';

package/lib/components/WhatsAppInboxProvider/WhatsAppInboxProvider.d.ts

@@ -0,0 +1,16 @@
+export declare const WhatsAppInboxProvider: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./WhatsAppInboxProvider.types").WhatsAppInboxProviderProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./WhatsAppInboxProvider.types").WhatsAppInboxProviderProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./WhatsAppInboxProvider.types").WhatsAppInboxProviderProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./WhatsAppInboxProvider.types").WhatsAppInboxProviderSlots;
+});
+export type { WhatsAppInboxProviderProps, WhatsAppInboxProviderSlots, } from './WhatsAppInboxProvider.types';

package/lib/components/WhatsAppInboxProvider/WhatsAppInboxProvider.types.d.ts

@@ -0,0 +1,16 @@
+import type { VNodeChild } from 'vue';
+import type { WhatsAppInboxFormatters } from '../../WhatsAppInbox.context';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+/** Props accepted by `WhatsAppInboxProvider`. */
+export interface WhatsAppInboxProviderProps {
+    /** Overrides for the built-in labels, applied to every component below the provider. */
+    labels?: WhatsAppInboxLabelsOverride;
+    /** BCP 47 locale used by the built-in date and time formatters. */
+    locale?: string;
+    /** Replaces individual formatters, for example to render times in the contact's timezone. */
+    formatters?: Partial<WhatsAppInboxFormatters>;
+}
+export interface WhatsAppInboxProviderSlots {
+    /** Subtree the configuration applies to. */
+    default?: () => VNodeChild;
+}

package/lib/components/WhatsAppInboxProvider/WhatsAppInboxProvider.vue.d.ts

@@ -0,0 +1,11 @@
+import type { WhatsAppInboxProviderProps, WhatsAppInboxProviderSlots } from './WhatsAppInboxProvider.types';
+type __VLS_Slots = WhatsAppInboxProviderSlots;
+declare const __VLS_base: import("vue").DefineComponent<WhatsAppInboxProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WhatsAppInboxProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/WhatsAppInboxProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './WhatsAppInboxProvider';

package/lib/components/WhatsAppInteractiveMessageEditor/WhatsAppInteractiveMessageEditor.d.ts

@@ -0,0 +1,8 @@
+export declare const WhatsAppInteractiveMessageEditor: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./WhatsAppInteractiveMessageEditor.types").WhatsAppInteractiveMessageEditorProps, "rootRef">;
+    emits: import("./WhatsAppInteractiveMessageEditor.types").WhatsAppInteractiveMessageEditorEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./WhatsAppInteractiveMessageEditor.types").WhatsAppInteractiveMessageEditorStylesNames;
+}>;
+export type { WhatsAppInteractiveMessageEditorEmits, WhatsAppInteractiveMessageEditorFactory, WhatsAppInteractiveMessageEditorOwnProps, WhatsAppInteractiveMessageEditorProps, WhatsAppInteractiveMessageEditorStylesNames, } from './WhatsAppInteractiveMessageEditor.types';