@mantine-vue/whatsapp-inbox 3.2.0

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

@@ -0,0 +1,55 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+import type { WhatsAppMessagingWindow } from '../../types';
+export type WhatsAppMessagingWindowNoticeStylesNames = 'windowNoticeRoot' | 'windowNoticeIcon' | 'windowNoticeBody' | 'windowNoticeTitle' | 'windowNoticeDescription' | 'windowNoticeAction';
+export interface WhatsAppMessagingWindowNoticeOwnProps extends StylesApiProps<WhatsAppMessagingWindowNoticeFactory> {
+    /**
+     * Window state reported by the backend. Nothing is rendered unless `state` is `closed`, so the
+     * notice can be mounted unconditionally.
+     */
+    messagingWindow?: WhatsAppMessagingWindow;
+    /**
+     * Renders the action that opens the template selector.
+     * @default true
+     */
+    withTemplateAction?: boolean;
+    /**
+     * Whether templates may actually be sent. The action is hidden when they cannot, so the
+     * notice never points at something the user is not allowed to do.
+     * @default true
+     */
+    templatesAvailable?: boolean;
+    /** Overrides the title. Falls back to the label. */
+    title?: string;
+    /**
+     * Overrides the explanation. Falls back to `messagingWindow.reason` and then to the label, so
+     * a backend can supply its own copy per reason code.
+     */
+    description?: string;
+    /** Label overrides. */
+    labels?: WhatsAppInboxLabelsOverride;
+}
+export interface WhatsAppMessagingWindowNoticeProps extends Omit<BoxProps, keyof WhatsAppMessagingWindowNoticeOwnProps>, WhatsAppMessagingWindowNoticeOwnProps {
+}
+export interface WhatsAppMessagingWindowNoticeSlots {
+    /** Replaces the notice body. */
+    default?: (props: {
+        messagingWindow: WhatsAppMessagingWindow;
+    }) => VNodeChild;
+    /** Replaces the action rendered next to the explanation. */
+    action?: () => VNodeChild;
+}
+export interface WhatsAppMessagingWindowNoticeEmits {
+    /** Emitted when the template action is used. */
+    templateAction: [];
+}
+export type WhatsAppMessagingWindowNoticeFactory = Factory<{
+    props: Omit<WhatsAppMessagingWindowNoticeProps, 'rootRef'>;
+    slots: WhatsAppMessagingWindowNoticeSlots;
+    emits: WhatsAppMessagingWindowNoticeEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: WhatsAppMessagingWindowNoticeStylesNames;
+}>;

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

@@ -0,0 +1,18 @@
+import type { WhatsAppMessagingWindowNoticeOwnProps, WhatsAppMessagingWindowNoticeSlots } from './WhatsAppMessagingWindowNotice.types';
+declare const defaultProps: {
+    readonly withTemplateAction: true;
+    readonly templatesAvailable: true;
+};
+export { defaultProps };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WhatsAppMessagingWindowNoticeOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    templateAction: () => any;
+}, string, import("vue").PublicProps, Readonly<WhatsAppMessagingWindowNoticeOwnProps> & Readonly<{
+    onTemplateAction?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, WhatsAppMessagingWindowNoticeSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/lib/components/WhatsAppTemplatePreview/WhatsAppTemplatePreview.d.ts

@@ -0,0 +1,7 @@
+export declare const WhatsAppTemplatePreview: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./WhatsAppTemplatePreview.types").WhatsAppTemplatePreviewProps, "rootRef">;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./WhatsAppTemplatePreview.types").WhatsAppTemplatePreviewStylesNames;
+}>;
+export type { WhatsAppTemplatePreviewFactory, WhatsAppTemplatePreviewOwnProps, WhatsAppTemplatePreviewProps, WhatsAppTemplatePreviewStylesNames, } from './WhatsAppTemplatePreview.types';

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

@@ -0,0 +1,36 @@
+import type { BoxProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+import type { WhatsAppTemplate, WhatsAppTemplateValues } from '../../types';
+export type WhatsAppTemplatePreviewStylesNames = 'templatePreviewRoot' | 'templatePreviewMeta' | 'templatePreviewHeader' | 'templatePreviewHeaderMedia' | 'templatePreviewBody' | 'templatePreviewFooter' | 'templatePreviewButtons' | 'templatePreviewButton' | 'templatePreviewFallback';
+export interface WhatsAppTemplatePreviewOwnProps extends StylesApiProps<WhatsAppTemplatePreviewFactory> {
+    /** Template to preview. */
+    template?: WhatsAppTemplate;
+    /** Values substituted into the placeholders. Unfilled placeholders stay visible. */
+    values?: WhatsAppTemplateValues;
+    /**
+     * Text rendered when no `template` is supplied, for history entries whose definition is no
+     * longer available.
+     */
+    fallbackText?: string;
+    /**
+     * Renders the category and language badges above the preview.
+     * @default false
+     */
+    withMeta?: boolean;
+    /**
+     * Renders the template buttons under the body.
+     * @default true
+     */
+    withButtons?: boolean;
+    /** Label overrides. */
+    labels?: WhatsAppInboxLabelsOverride;
+}
+export interface WhatsAppTemplatePreviewProps extends Omit<BoxProps, keyof WhatsAppTemplatePreviewOwnProps>, WhatsAppTemplatePreviewOwnProps {
+}
+export type WhatsAppTemplatePreviewFactory = Factory<{
+    props: Omit<WhatsAppTemplatePreviewProps, 'rootRef'>;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: WhatsAppTemplatePreviewStylesNames;
+}>;

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

@@ -0,0 +1,12 @@
+import type { WhatsAppTemplatePreviewOwnProps } from './WhatsAppTemplatePreview.types';
+import type { WhatsAppIconName } from '../../icons';
+import type { WhatsAppTemplateButton } from '../../types';
+declare const defaultProps: {
+    readonly withMeta: false;
+    readonly withButtons: true;
+};
+declare const BUTTON_ICONS: Record<WhatsAppTemplateButton['type'], WhatsAppIconName>;
+export { defaultProps, BUTTON_ICONS };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<WhatsAppTemplatePreviewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WhatsAppTemplatePreviewOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

package/lib/components/WhatsAppTemplateSelector/WhatsAppTemplateSelector.d.ts

@@ -0,0 +1,9 @@
+export declare const WhatsAppTemplateSelector: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./WhatsAppTemplateSelector.types").WhatsAppTemplateSelectorProps, "rootRef">;
+    slots: import("./WhatsAppTemplateSelector.types").WhatsAppTemplateSelectorSlots;
+    emits: import("./WhatsAppTemplateSelector.types").WhatsAppTemplateSelectorEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./WhatsAppTemplateSelector.types").WhatsAppTemplateSelectorStylesNames;
+}>;
+export type { WhatsAppTemplateSelectorEmits, WhatsAppTemplateSelectorFactory, WhatsAppTemplateSelectorOwnProps, WhatsAppTemplateSelectorProps, WhatsAppTemplateSelectorSlots, WhatsAppTemplateSelectorStylesNames, WhatsAppTemplateSubmitPayload, } from './WhatsAppTemplateSelector.types';

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

@@ -0,0 +1,106 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { WhatsAppInboxLabelsOverride } from '../../labels';
+import type { WhatsAppAttachment, WhatsAppTemplate, WhatsAppTemplateValues } from '../../types';
+import type { WhatsAppTemplatePreviewStylesNames } from '../WhatsAppTemplatePreview';
+export type WhatsAppTemplateSelectorStylesNames = 'templateSelectorRoot' | 'templateSelectorControls' | 'templateSelectorList' | 'templateSelectorItem' | 'templateSelectorItemName' | 'templateSelectorItemMeta' | 'templateSelectorItemBody' | 'templateSelectorState' | 'templateSelectorDetail' | 'templateSelectorPreview' | 'templateSelectorForm' | 'templateSelectorSection' | 'templateSelectorSectionTitle' | 'templateSelectorFooter' | WhatsAppTemplatePreviewStylesNames;
+/** Payload of the `submit` event. */
+export interface WhatsAppTemplateSubmitPayload {
+    /** The selected template, definition included. */
+    template: WhatsAppTemplate;
+    /** Values entered for its placeholders, already validated. */
+    values: WhatsAppTemplateValues;
+}
+export interface WhatsAppTemplateSelectorSlots {
+    /** Replaces the preview shown above the parameter form. */
+    templatePreview?: (props: {
+        template: WhatsAppTemplate;
+    }) => VNodeChild;
+    /** Replaces one row of the template list. */
+    templateItem?: (props: {
+        template: WhatsAppTemplate;
+        selected: boolean;
+    }) => VNodeChild;
+    /**
+     * Control that picks the media for a media header.
+     *
+     * The extension does not upload anything, so a template whose header expects an image, video
+     * or document needs the consumer to supply the picker and hand back a ready attachment.
+     */
+    headerMedia?: (props: {
+        value: WhatsAppAttachment | null;
+        setValue: (attachment: WhatsAppAttachment | null) => void;
+        error: string | undefined;
+    }) => VNodeChild;
+    /** Replaces the empty state of the list. */
+    emptyTemplates?: () => VNodeChild;
+}
+export interface WhatsAppTemplateSelectorOwnProps extends StylesApiProps<WhatsAppTemplateSelectorFactory> {
+    /** Templates to offer. Filtering by `query` and `category` happens on this array. */
+    templates?: WhatsAppTemplate[];
+    /** Whether the template list is loading. */
+    loading?: boolean;
+    /** Failure of the last template load. Renders the error state with a retry action. */
+    error?: string | null;
+    /** Controlled search query. */
+    query?: string;
+    /** Uncontrolled initial search query. */
+    defaultQuery?: string;
+    /** Controlled category filter. `null` means no filter. */
+    category?: string | null;
+    /** Uncontrolled initial category filter. */
+    defaultCategory?: string | null;
+    /** Controlled id of the selected template. `null` shows the list. */
+    selectedTemplateId?: string | null;
+    /** Uncontrolled initial selection. */
+    defaultSelectedTemplateId?: string | null;
+    /** Controlled parameter values of the selected template. */
+    values?: WhatsAppTemplateValues;
+    /**
+     * Renders the search field.
+     * @default true
+     */
+    withSearch?: boolean;
+    /**
+     * Renders the category filter, built from the categories present in `templates`.
+     * @default true
+     */
+    withCategoryFilter?: boolean;
+    /**
+     * Renders templates whose status is not `approved` as disabled rows rather than hiding them,
+     * so the user can see that a template exists but is not sendable yet.
+     * @default true
+     */
+    withUnavailable?: boolean;
+    /** Largest height of the scrollable list, any valid CSS length. */
+    listMaxHeight?: string | number;
+    /** Label overrides. */
+    labels?: WhatsAppInboxLabelsOverride;
+}
+export interface WhatsAppTemplateSelectorProps extends Omit<BoxProps, keyof WhatsAppTemplateSelectorOwnProps>, WhatsAppTemplateSelectorOwnProps {
+}
+export interface WhatsAppTemplateSelectorEmits {
+    /** Emitted when the search query changes. */
+    'update:query': [query: string];
+    /** Emitted when the category filter changes. */
+    'update:category': [category: string | null];
+    /** Emitted when the selected template changes. */
+    'update:selectedTemplateId': [templateId: string | null];
+    /** Emitted when a parameter value changes. */
+    'update:values': [values: WhatsAppTemplateValues];
+    /** Emitted when a template is picked from the list. */
+    select: [template: WhatsAppTemplate];
+    /** Emitted when the completed template passes validation and should be sent. */
+    submit: [payload: WhatsAppTemplateSubmitPayload];
+    /** Emitted when the retry action of the error state is used. */
+    retryLoad: [];
+}
+export type WhatsAppTemplateSelectorFactory = Factory<{
+    props: Omit<WhatsAppTemplateSelectorProps, 'rootRef'>;
+    slots: WhatsAppTemplateSelectorSlots;
+    emits: WhatsAppTemplateSelectorEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: WhatsAppTemplateSelectorStylesNames;
+}>;

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

@@ -0,0 +1,33 @@
+import type { WhatsAppTemplate, WhatsAppTemplateValues } from '../../types';
+import type { WhatsAppTemplateSelectorOwnProps, WhatsAppTemplateSelectorSlots } from './WhatsAppTemplateSelector.types';
+declare const defaultProps: {
+    readonly withSearch: true;
+    readonly withCategoryFilter: true;
+    readonly withUnavailable: true;
+};
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<WhatsAppTemplateSelectorOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (template: WhatsAppTemplate) => any;
+    submit: (payload: import("./WhatsAppTemplateSelector.types").WhatsAppTemplateSubmitPayload) => any;
+    "update:query": (query: string) => any;
+    "update:category": (category: string | null) => any;
+    "update:selectedTemplateId": (templateId: string | null) => any;
+    "update:values": (values: WhatsAppTemplateValues) => any;
+    retryLoad: () => any;
+}, string, import("vue").PublicProps, Readonly<WhatsAppTemplateSelectorOwnProps> & Readonly<{
+    onSelect?: ((template: WhatsAppTemplate) => any) | undefined;
+    onSubmit?: ((payload: import("./WhatsAppTemplateSelector.types").WhatsAppTemplateSubmitPayload) => any) | undefined;
+    "onUpdate:query"?: ((query: string) => any) | undefined;
+    "onUpdate:category"?: ((category: string | null) => any) | undefined;
+    "onUpdate:selectedTemplateId"?: ((templateId: string | null) => any) | undefined;
+    "onUpdate:values"?: ((values: WhatsAppTemplateValues) => any) | undefined;
+    onRetryLoad?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, WhatsAppTemplateSelectorSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/lib/emoji/emoji-data.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Emoji dataset for the built-in picker.
+ *
+ * This curated subset limits bundle size. Entries are stored as tuples and expanded at module
+ * load.
+ *
+ * Use the `emojiPicker` slot for a complete catalogue, skin-tone variants, or localized names.
+ */
+/** Category an emoji belongs to. Mirrors the tabs WhatsApp shows. */
+export type WhatsAppEmojiGroupId = 'recent' | 'smileys' | 'people' | 'animals' | 'food' | 'activity' | 'travel' | 'objects' | 'symbols' | 'flags';
+/** One entry of the dataset. */
+export interface WhatsAppEmoji {
+    /** Character inserted into the composer. */
+    emoji: string;
+    /** Short name, used as the accessible name, the tooltip and the primary search term. */
+    name: string;
+    /** Extra words the search matches on. */
+    keywords: string[];
+    /** Category the emoji is listed under. */
+    group: WhatsAppEmojiGroupId;
+}
+/** The full dataset, in the order the picker renders it. */
+export declare const WHATSAPP_EMOJIS: WhatsAppEmoji[];
+/** Lookup by character, used to resolve recently-used emoji back to full entries. */
+export declare const WHATSAPP_EMOJIS_BY_CHAR: ReadonlyMap<string, WhatsAppEmoji>;
+/** Group ids in the order the tab strip shows them, `recent` excluded. */
+export declare const WHATSAPP_EMOJI_GROUP_ORDER: ("flags" | "objects" | "smileys" | "people" | "animals" | "food" | "activity" | "travel" | "symbols")[];

package/lib/emoji/emoji-filter.d.ts

@@ -0,0 +1,49 @@
+import type { WhatsAppInboxLabels } from '../labels';
+import { type WhatsAppEmoji, type WhatsAppEmojiGroupId } from './emoji-data';
+/** Tab metadata for one emoji category. */
+export interface WhatsAppEmojiGroup {
+    id: WhatsAppEmojiGroupId;
+    /** Glyph shown in the tab strip. */
+    icon: string;
+    /** Key of the label that names the group. */
+    labelKey: keyof WhatsAppInboxLabels;
+}
+/** Every category the picker can show, in tab order. `recent` comes first when it has entries. */
+export declare const WHATSAPP_EMOJI_GROUPS: readonly WhatsAppEmojiGroup[];
+/**
+ * Which emoji the picker offers.
+ *
+ * Allow-lists win over block-lists, and `filter` has the final say, so a policy can be expressed
+ * either way round: start from everything and remove, or start from nothing and add.
+ */
+export interface WhatsAppEmojiFilterOptions {
+    /** Only these categories are shown, in the order given. */
+    groups?: WhatsAppEmojiGroupId[];
+    /** These categories are removed. Ignored for a category listed in `groups`. */
+    excludeGroups?: WhatsAppEmojiGroupId[];
+    /** Allow-list of characters. When set, nothing outside it is shown. */
+    emojis?: string[];
+    /** Block-list of characters. */
+    excludeEmojis?: string[];
+    /** Final say. Return `false` to drop an entry that passed everything above. */
+    filter?: (emoji: WhatsAppEmoji) => boolean;
+    /** Replaces the built-in dataset, for a fuller catalogue or localized names. */
+    emojiData?: WhatsAppEmoji[];
+}
+/** Applies the configured allow-lists, block-lists and predicate to the dataset. */
+export declare function filterEmojis(options?: WhatsAppEmojiFilterOptions): WhatsAppEmoji[];
+/**
+ * Categories present in a filtered set, in the order `groups` asked for, or the default order.
+ *
+ * Derived from the entries rather than the options so a category that filtered down to nothing
+ * never shows an empty tab.
+ */
+export declare function getEmojiGroups(emojis: WhatsAppEmoji[], order?: WhatsAppEmojiGroupId[]): WhatsAppEmojiGroupId[];
+/**
+ * Matches a query against names and keywords.
+ *
+ * Whole-word prefix matching rather than a substring scan: searching `cat` should surface the cat
+ * face before `communication`, and prefix matching on each word is what gets that ordering for
+ * free while still finding `black cat`.
+ */
+export declare function searchEmojis(emojis: WhatsAppEmoji[], query: string): WhatsAppEmoji[];

package/lib/emoji/index.d.ts

@@ -0,0 +1,4 @@
+export { WHATSAPP_EMOJI_GROUP_ORDER, WHATSAPP_EMOJIS, WHATSAPP_EMOJIS_BY_CHAR } from './emoji-data';
+export type { WhatsAppEmoji, WhatsAppEmojiGroupId } from './emoji-data';
+export { WHATSAPP_EMOJI_GROUPS, filterEmojis, getEmojiGroups, searchEmojis } from './emoji-filter';
+export type { WhatsAppEmojiFilterOptions, WhatsAppEmojiGroup } from './emoji-filter';

package/lib/icons/WhatsAppIcon.vue.d.ts

@@ -0,0 +1,14 @@
+import { type WhatsAppIconName } from './icon-paths';
+type __VLS_Props = {
+    /** Which built-in glyph to render. */
+    name: WhatsAppIconName;
+    /** Any valid CSS length. Numbers are treated as pixels. */
+    size?: string | number;
+    /** Stroke width on the 24x24 grid. */
+    strokeWidth?: number;
+    /** Filled glyphs (`play`) look better without a stroke. */
+    filled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/icons/icon-paths.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Outline icon paths used by the inbox.
+ *
+ * Bundled to avoid requiring a separate icon library. Paths use a 24x24 grid and
+ * `currentColor`.
+ */
+export declare const WHATSAPP_ICON_PATHS: {
+    readonly clock: readonly ["M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", "M12 7v5l3 2"];
+    readonly check: readonly ["M5 12l5 5l10 -10"];
+    readonly checks: readonly ["M7 12l5 5l10 -10", "M2 12l5 5m5 -5l5 -5"];
+    readonly alert: readonly ["M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", "M12 8v4", "M12 16h.01"];
+    readonly alertTriangle: readonly ["M12 9v4", "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z", "M12 16h.01"];
+    readonly paperclip: readonly ["M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5"];
+    readonly send: readonly ["M10 14l11 -11", "M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"];
+    readonly emoji: readonly ["M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", "M9 10h.01", "M15 10h.01", "M9.5 15a3.5 3.5 0 0 0 5 0"];
+    readonly template: readonly ["M14 3v4a1 1 0 0 0 1 1h4", "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z", "M9 13h6", "M9 17h6"];
+    readonly interactive: readonly ["M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z", "M4 14m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"];
+    readonly download: readonly ["M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2", "M7 11l5 5l5 -5", "M12 4v12"];
+    readonly photo: readonly ["M15 8h.01", "M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z", "M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5", "M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"];
+    readonly video: readonly ["M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276z", "M3 8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z"];
+    readonly microphone: readonly ["M9 5a3 3 0 0 1 6 0v5a3 3 0 0 1 -6 0z", "M5 10a7 7 0 0 0 14 0", "M8 21h8", "M12 17v4"];
+    readonly file: readonly ["M14 3v4a1 1 0 0 0 1 1h4", "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"];
+    readonly chevronDown: readonly ["M6 9l6 6l6 -6"];
+    readonly arrowLeft: readonly ["M5 12h14", "M5 12l6 6", "M5 12l6 -6"];
+    readonly search: readonly ["M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", "M21 21l-6 -6"];
+    readonly info: readonly ["M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", "M12 9h.01", "M11 12h1v4h1"];
+    readonly play: readonly ["M7 4v16l13 -8z"];
+    readonly lock: readonly ["M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z", "M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "M8 11v-4a4 4 0 1 1 8 0v4"];
+    readonly mute: readonly ["M17 17h-13a4 4 0 0 0 2 -3v-3a7 7 0 0 1 1.279 -3.951m2.041 -1.847c.593 -.135 1.183 -.202 1.68 -.202a7 7 0 0 1 7 7v3", "M9 17v1a3 3 0 0 0 6 0v-1", "M3 3l18 18"];
+    readonly pin: readonly ["M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4", "M9 15l-4.5 4.5", "M14.5 4l5.5 5.5"];
+    readonly externalLink: readonly ["M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6", "M11 13l9 -9", "M15 4h5v5"];
+    readonly phone: readonly ["M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2"];
+    readonly mapPin: readonly ["M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0", "M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z"];
+    readonly user: readonly ["M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0", "M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"];
+    readonly close: readonly ["M18 6l-12 12", "M6 6l12 12"];
+    readonly refresh: readonly ["M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4", "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"];
+    readonly reply: readonly ["M18 18v-6a3 3 0 0 0 -3 -3h-10", "M9 13l-4 -4l4 -4"];
+    readonly message: readonly ["M8 9h8", "M8 13h6", "M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3z"];
+    readonly plus: readonly ["M12 5v14", "M5 12h14"];
+    readonly inbox: readonly ["M4 13h3l3 3h4l3 -3h3", "M5 19h14a2 2 0 0 0 2 -2v-10a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2z"];
+};
+/** Name of one of the built-in icons. */
+export type WhatsAppIconName = keyof typeof WHATSAPP_ICON_PATHS;

package/lib/icons/index.d.ts

@@ -0,0 +1,3 @@
+export { default as WhatsAppIcon } from './WhatsAppIcon.vue';
+export { WHATSAPP_ICON_PATHS } from './icon-paths';
+export type { WhatsAppIconName } from './icon-paths';

package/lib/index.d.mts

@@ -0,0 +1,29 @@
+export * from './types';
+export * from './component-props';
+export * from './utils';
+export * from './emoji';
+export { DEFAULT_WHATSAPP_INBOX_LABELS, getWhatsAppLabel, mergeWhatsAppLabels } from './labels';
+export type { WhatsAppInboxLabels, WhatsAppInboxLabelsOverride } from './labels';
+export { DEFAULT_WHATSAPP_INBOX_FORMATTERS, provideWhatsAppConversationContext, provideWhatsAppInboxConfig, useResolvedCapabilities, useWhatsAppConversationContext, useWhatsAppInboxConfig, } from './WhatsAppInbox.context';
+export type { WhatsAppConversationContextValue, WhatsAppInboxConfig, WhatsAppInboxConfigSource, WhatsAppInboxFormatters, } from './WhatsAppInbox.context';
+export * from './components/WhatsAppInboxProvider';
+export * from './components/WhatsAppInbox';
+export * from './components/WhatsAppInboxModal';
+export * from './components/WhatsAppInboxDrawer';
+export * from './components/WhatsAppConversation';
+export * from './components/WhatsAppConversationHeader';
+export * from './components/WhatsAppConversationList';
+export * from './components/WhatsAppConversationListItem';
+export * from './components/WhatsAppContactPanel';
+export * from './components/WhatsAppMessageList';
+export * from './components/WhatsAppMessage';
+export * from './components/WhatsAppMessageBubble';
+export * from './components/WhatsAppMessageStatus';
+export * from './components/WhatsAppMediaAttachment';
+export * from './components/WhatsAppAttachmentPreview';
+export * from './components/WhatsAppComposer';
+export * from './components/WhatsAppEmojiPicker';
+export * from './components/WhatsAppTemplateSelector';
+export * from './components/WhatsAppTemplatePreview';
+export * from './components/WhatsAppInteractiveMessageEditor';
+export * from './components/WhatsAppMessagingWindowNotice';

package/lib/index.d.ts

@@ -0,0 +1,29 @@
+export * from './types';
+export * from './component-props';
+export * from './utils';
+export * from './emoji';
+export { DEFAULT_WHATSAPP_INBOX_LABELS, getWhatsAppLabel, mergeWhatsAppLabels } from './labels';
+export type { WhatsAppInboxLabels, WhatsAppInboxLabelsOverride } from './labels';
+export { DEFAULT_WHATSAPP_INBOX_FORMATTERS, provideWhatsAppConversationContext, provideWhatsAppInboxConfig, useResolvedCapabilities, useWhatsAppConversationContext, useWhatsAppInboxConfig, } from './WhatsAppInbox.context';
+export type { WhatsAppConversationContextValue, WhatsAppInboxConfig, WhatsAppInboxConfigSource, WhatsAppInboxFormatters, } from './WhatsAppInbox.context';
+export * from './components/WhatsAppInboxProvider';
+export * from './components/WhatsAppInbox';
+export * from './components/WhatsAppInboxModal';
+export * from './components/WhatsAppInboxDrawer';
+export * from './components/WhatsAppConversation';
+export * from './components/WhatsAppConversationHeader';
+export * from './components/WhatsAppConversationList';
+export * from './components/WhatsAppConversationListItem';
+export * from './components/WhatsAppContactPanel';
+export * from './components/WhatsAppMessageList';
+export * from './components/WhatsAppMessage';
+export * from './components/WhatsAppMessageBubble';
+export * from './components/WhatsAppMessageStatus';
+export * from './components/WhatsAppMediaAttachment';
+export * from './components/WhatsAppAttachmentPreview';
+export * from './components/WhatsAppComposer';
+export * from './components/WhatsAppEmojiPicker';
+export * from './components/WhatsAppTemplateSelector';
+export * from './components/WhatsAppTemplatePreview';
+export * from './components/WhatsAppInteractiveMessageEditor';
+export * from './components/WhatsAppMessagingWindowNotice';