@nectary/components 2.12.1 → 2.12.2

package/lib/esm/chat-block/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchChatBlockElement, TSinchChatBlockReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-chat-block': TSinchChatBlockReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-chat-block': TSinchChatBlockElement;
+    }
+}

package/lib/esm/chat-block/types.d.ts

@@ -0,0 +1,30 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchChatBlockType = 'customer' | 'agent' | 'agent-prev';
+export type TSinchChatBlockElement = HTMLElement & {
+    /** Type */
+    type: TSinchChatBlockType | null;
+    /** First name */
+    firstName: string | null;
+    /** Last name */
+    lastName: string | null;
+    /** Timestamp */
+    timestamp: string | null;
+    /** Type */
+    setAttribute(name: 'type', value: TSinchChatBlockType): void;
+    /** First name */
+    setAttribute(name: 'firstName', value: string): void;
+    /** Last name */
+    setAttribute(name: 'lastName', value: string): void;
+    /** Timestamp */
+    setAttribute(name: 'timestamp', value: string): void;
+};
+export type TSinchChatBlockReact = TSinchElementReact<TSinchChatBlockElement> & {
+    /** Type */
+    type: TSinchChatBlockType;
+    /** First name */
+    firstName?: string;
+    /** Last name */
+    lastName?: string;
+    /** Timestamp */
+    timestamp?: string;
+};

package/lib/esm/chat-bubble/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchChatBubbleElement, TSinchChatBubbleReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-chat-bubble': TSinchChatBubbleReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-chat-bubble': TSinchChatBubbleElement;
+    }
+}

package/lib/esm/chat-bubble/types.d.ts

@@ -0,0 +1,20 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchChatBubbleType = 'customer' | 'agent' | 'agent-prev';
+export type TSinchChatBubbleStatus = 'sending' | 'sent' | 'received' | 'seen' | 'error';
+export type TSinchChatBubbleElement = HTMLElement & {
+    readonly type: TSinchChatBubbleType | null;
+    /** Text */
+    text: string;
+    /** Status */
+    status: TSinchChatBubbleStatus | null;
+    /** Text */
+    setAttribute(name: 'text', value: string): void;
+    /** Status */
+    setAttribute(name: 'status', value: TSinchChatBubbleStatus): void;
+};
+export type TSinchChatBubbleReact = TSinchElementReact<TSinchChatBubbleElement> & {
+    /** Text */
+    text: string;
+    /** Status */
+    status?: TSinchChatBubbleStatus;
+};

package/lib/esm/chat-bubble/utils.d.ts

@@ -0,0 +1,3 @@
+import type { TSinchChatBubbleStatus, TSinchChatBubbleType } from './types';
+export declare const typeValues: readonly TSinchChatBubbleType[];
+export declare const statusValues: readonly TSinchChatBubbleStatus[];

package/lib/esm/checkbox/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchCheckboxElement, TSinchCheckboxReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-checkbox': TSinchCheckboxReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-checkbox': TSinchCheckboxElement;
+    }
+}

package/lib/esm/checkbox/types.d.ts

@@ -0,0 +1,49 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchCheckboxElement = HTMLElement & {
+    /** Value */
+    checked: boolean;
+    /** Indeterminate */
+    indeterminate: boolean;
+    /** Disabled */
+    disabled: boolean;
+    /** Invalid */
+    invalid: boolean;
+    /** Text */
+    text: string | null;
+    /** Change value event */
+    addEventListener(type: '-change', listener: (e: CustomEvent<boolean>) => void): void;
+    /** Focus event */
+    addEventListener(type: '-focus', listener: (e: CustomEvent<void>) => void): void;
+    /** Blur event */
+    addEventListener(type: '-blur', listener: (e: CustomEvent<void>) => void): void;
+    /** Checked */
+    setAttribute(name: 'checked', value: ''): void;
+    /** Indeterminate */
+    setAttribute(name: 'indeterminate', value: ''): void;
+    /** Disabled */
+    setAttribute(name: 'disabled', value: ''): void;
+    /** Invalid */
+    setAttribute(name: 'invalid', value: ''): void;
+    /** Text */
+    setAttribute(name: 'text', value: string): void;
+};
+export type TSinchCheckboxReact = TSinchElementReact<TSinchCheckboxElement> & {
+    /** Checked */
+    checked?: boolean;
+    /** Indeterminate */
+    indeterminate?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+    /** Invalid */
+    invalid?: boolean;
+    /** Text */
+    text?: string;
+    /** Label that is used for a11y – might be different from `label` */
+    'aria-label': string;
+    /** Change value handler */
+    'on-change'?: (e: CustomEvent<boolean>) => void;
+    /** Focus handler */
+    'on-focus'?: (e: CustomEvent<void>) => void;
+    /** Blur handler */
+    'on-blur'?: (e: CustomEvent<void>) => void;
+};

package/lib/esm/chip/index.d.ts

@@ -0,0 +1,13 @@
+import '../text';
+import '../icon';
+import type { TSinchChipElement, TSinchChipReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-chip': TSinchChipReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-chip': TSinchChipElement;
+    }
+}

package/lib/esm/chip/types.d.ts

@@ -0,0 +1,37 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchChipElement = HTMLElement & {
+    /** Text */
+    text: string;
+    /** Color, gray by default */
+    color: string | null;
+    /** Small */
+    small: boolean;
+    /** Click event */
+    addEventListener(type: '-click', listener: (e: CustomEvent<void>) => void): void;
+    /** Focus event */
+    addEventListener(type: '-focus', listener: (e: CustomEvent<void>) => void): void;
+    /** Blur event */
+    addEventListener(type: '-blur', listener: (e: CustomEvent<void>) => void): void;
+    /** Text */
+    setAttribute(name: 'text', value: string): void;
+    /** Color, gray by default */
+    setAttribute(name: 'color', value: string): void;
+    /** Small */
+    setAttribute(name: 'small', value: ''): void;
+};
+export type TSinchChipReact = TSinchElementReact<TSinchChipElement> & {
+    /** Text */
+    text: string;
+    /** Color, gray by default */
+    color?: string;
+    /** Small */
+    small?: boolean;
+    /** Click event handler */
+    'on-click'?: (e: CustomEvent<void>) => void;
+    /** Focus event handler */
+    'on-focus'?: (e: CustomEvent<void>) => void;
+    /** Blur event handler */
+    'on-blur'?: (e: CustomEvent<void>) => void;
+    /** Label that is used for a11y` */
+    'aria-label': string;
+};

package/lib/esm/chip/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getChipColorBg: (id: string) => string;
+export declare const getChipColorFg: (id: string) => string;

package/lib/esm/code-tag/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchCodeTagElement, TSinchCodeTagReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-code-tag': TSinchCodeTagReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-code-tag': TSinchCodeTagElement;
+    }
+}

package/lib/esm/code-tag/types.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchCodeTagElement = HTMLElement & {
+    /** Text content of hyperlink */
+    text: string;
+    /** Text content of hyperlink */
+    setAttribute(name: 'text', value: string): void;
+};
+export type TSinchCodeTagReact = TSinchElementReact<TSinchCodeTagElement> & {
+    /** Text content of hyperlink */
+    text: string;
+};

package/lib/esm/color-menu/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchColorMenuElement, TSinchColorMenuReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-color-menu': TSinchColorMenuReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-color-menu': TSinchColorMenuElement;
+    }
+}

package/lib/esm/color-menu/types.d.ts

@@ -0,0 +1,32 @@
+import type { TRect, TSinchElementReact } from '../types';
+export type TSinchColorMenuElement = HTMLElement & {
+    /** Value */
+    value: string;
+    /** How many rows to show and scroll the rest */
+    rows: number | null;
+    /** How many cols to show and scroll the rest */
+    cols: number | null;
+    nthItemRect(index: number): TRect | null;
+    /** Change event */
+    addEventListener(type: '-change', listener: (e: CustomEvent<string>) => void): void;
+    /** Comma-separated color names, all colors by default */
+    setAttribute(name: 'colors', value: string): void;
+    /** Value */
+    setAttribute(name: 'value', value: string): void;
+    /** How many rows to show and scroll the rest */
+    setAttribute(name: 'rows', value: string): void;
+    /** How many cols to show and scroll the rest */
+    setAttribute(name: 'cols', value: string): void;
+};
+export type TSinchColorMenuReact = TSinchElementReact<TSinchColorMenuElement> & {
+    /** Value */
+    value: string;
+    /** How many rows to show and scroll the rest */
+    rows?: number;
+    /** How many cols to show and scroll the rest */
+    cols?: number;
+    /** Label that is used for a11y */
+    'aria-label': string;
+    /** Change event handler */
+    'on-change'?: (e: CustomEvent<string>) => void;
+};

package/lib/esm/color-menu/utils.d.ts

@@ -0,0 +1 @@
+export declare const getParentOption: ($element: Element) => Element | null;

package/lib/esm/color-menu-option/index.d.ts

@@ -0,0 +1,13 @@
+import '../color-swatch';
+import '../tooltip';
+import type { TSinchColorMenuOptionElement, TSinchColorMenuOptionReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-color-menu-option': TSinchColorMenuOptionReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-color-menu-option': TSinchColorMenuOptionElement;
+    }
+}

package/lib/esm/color-menu-option/types.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchColorMenuOptionElement = HTMLElement & {
+    /** Value */
+    value: string;
+    /** Value */
+    setAttribute(name: 'value', value: string): void;
+};
+export type TSinchColorMenuOptionReact = TSinchElementReact<TSinchColorMenuOptionElement> & {
+    /** Value */
+    value: string;
+};

package/lib/esm/color-menu-option/utils.d.ts

@@ -0,0 +1 @@
+export declare const getParentOption: ($element: Element) => Element | null;

package/lib/esm/color-swatch/index.d.ts

@@ -0,0 +1,12 @@
+import '../text';
+import type { TSinchColorSwatchElement, TSinchColorSwatchReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-color-swatch': TSinchColorSwatchReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-color-swatch': TSinchColorSwatchElement;
+    }
+}

package/lib/esm/color-swatch/types.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchColorSwatchElement = HTMLElement & {
+    /** Color name */
+    name: string | null;
+    /** Color name */
+    setAttribute(name: 'name', value: string): void;
+};
+export type TSinchColorSwatchReact = TSinchElementReact<TSinchColorSwatchElement> & {
+    /** Color name */
+    name?: string;
+};

package/lib/esm/color-swatch/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getSwatchColorBg: (id: string) => string;
+export declare const getSwatchColorFg: (id: string) => string;

package/lib/esm/colors.json

@@ -0,0 +1,88 @@
+{
+  "colorHoney700": "#CC8800",
+  "colorHoney600": "#FFAA00",
+  "colorHoney500": "#FFBE3C",
+  "colorHoney400": "#FFCC66",
+  "colorHoney300": "#FFDF9E",
+  "colorHoney200": "#FCECCB",
+  "colorHoney100": "#FFF7E6",
+  "colorTropical700": "#003D3D",
+  "colorTropical600": "#005757",
+  "colorTropical500": "#007171",
+  "colorTropical400": "#059688",
+  "colorTropical300": "#66AAAA",
+  "colorTropical200": "#A7D5C2",
+  "colorTropical100": "#DCEDE1",
+  "colorTropical50": "#E5F1F1",
+  "colorStormy700": "#000000",
+  "colorStormy600": "#171717",
+  "colorStormy500": "#242424",
+  "colorStormy400": "#595959",
+  "colorStormy300": "#767676",
+  "colorStormy200": "#8C8C8C",
+  "colorStormy100": "#A6A6A6",
+  "colorOcean700": "#1B3E65",
+  "colorOcean600": "#1686CB",
+  "colorOcean500": "#3AA7EA",
+  "colorOcean400": "#6EBBEE",
+  "colorOcean300": "#A1D5F5",
+  "colorOcean200": "#C8E6F9",
+  "colorOcean100": "#DEF2FF",
+  "colorOcean50": "#F3FAFE",
+  "colorSnow700": "#CCCCCC",
+  "colorSnow600": "#D9D9D9",
+  "colorSnow500": "#E0E0E0",
+  "colorSnow400": "#F2F2F2",
+  "colorSnow200": "#F8F8F8",
+  "colorSnow100": "#FFFFFF",
+  "colorRaspberry700": "#882024",
+  "colorRaspberry600": "#D13D42",
+  "colorRaspberry500": "#EF5858",
+  "colorRaspberry400": "#F38686",
+  "colorRaspberry300": "#FFB8B8",
+  "colorRaspberry200": "#FBD5D5",
+  "colorRaspberry100": "#FFE8E4",
+  "colorRaspberry50": "#FFF6F5",
+  "colorNight700": "#1223a1",
+  "colorNight400": "#3247E9",
+  "colorNight200": "#D1D6FA",
+  "colorGrass700": "#006602",
+  "colorGrass400": "#39B93D",
+  "colorGrass200": "#B4E4B5",
+  "colorDirt700": "#363230",
+  "colorDirt400": "#828282",
+  "colorDirt200": "#E0DDDC",
+  "colorCandy700": "#981b77",
+  "colorCandy400": "#E467C3",
+  "colorCandy200": "#F6CBEA",
+  "colorMud700": "#6d4e46",
+  "colorMud400": "#8B6559",
+  "colorMud200": "#D7C6C1",
+  "colorOrange700": "#974302",
+  "colorOrange400": "#FF8C34",
+  "colorOrange200": "#FFD4B3",
+  "colorBolt700": "#805500",
+  "colorBolt400": "#FFBE3C",
+  "colorBolt200": "#FFE6B3",
+  "colorViolet700": "#4F1B98",
+  "colorViolet400": "#9E67E4",
+  "colorViolet200": "#DECBF6",
+  "colorOlive700": "#275D33",
+  "colorOlive400": "#46A65A",
+  "colorOlive200": "#D7F1D8",
+  "colorCeltic700": "#003B7E",
+  "colorCeltic400": "#2071CE",
+  "colorCeltic200": "#D5E5F8",
+  "colorJasper700": "#B71C1C",
+  "colorJasper400": "#F44336",
+  "colorJasper200": "#FFCDD2",
+  "colorPumpkin700": "#9C2E00",
+  "colorPumpkin400": "#F35B1C",
+  "colorPumpkin200": "#FFE8D6",
+  "colorColorSkinTone0": "#FFCC4D",
+  "colorColorSkinTone10": "#F7DECE",
+  "colorColorSkinTone20": "#F3D2A2",
+  "colorColorSkinTone30": "#D4AB88",
+  "colorColorSkinTone40": "#AF7E57",
+  "colorColorSkinTone50": "#7C533E"
+}

package/lib/esm/date-picker/index.d.ts

@@ -0,0 +1,14 @@
+import '../icon-button';
+import '../icon';
+import '../text';
+import type { TSinchDatePickerElement, TSinchDatePickerReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-date-picker': TSinchDatePickerReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-date-picker': TSinchDatePickerElement;
+    }
+}

package/lib/esm/date-picker/types.d.ts

@@ -0,0 +1,70 @@
+import type { TRect, TSinchElementReact } from '../types';
+export type TSinchDatePickerElement = HTMLElement & {
+    /** Date value in ISO 8601 format */
+    value: string;
+    /** Date min limit in ISO 8601 format */
+    min: string;
+    /** Date max limit in ISO 8601 format */
+    max: string;
+    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
+    locale: string;
+    /** Date range mode */
+    range: boolean;
+    /** Label that is used for a11y */
+    prevYearAriaLabel: string;
+    /** Label that is used for a11y */
+    nextYearAriaLabel: string;
+    /** Label that is used for a11y */
+    prevMonthAriaLabel: string;
+    /** Label that is used for a11y */
+    nextMonthAriaLabel: string;
+    readonly prevYearButtonRect: TRect;
+    readonly nextYearButtonRect: TRect;
+    readonly prevMonthButtonRect: TRect;
+    readonly nextMonthButtonRect: TRect;
+    nthButtonRect(index: number): TRect | null;
+    /** Change value handler, return date in ISO 8601 format */
+    addEventListener(type: '-change', listener: (e: CustomEvent<string>) => void): void;
+    /** Date value in ISO 8601 format */
+    setAttribute(name: 'value', value: string): void;
+    /** Date min limit in ISO 8601 format */
+    setAttribute(name: 'min', value: string): void;
+    /** Date max limit in ISO 8601 format */
+    setAttribute(name: 'max', value: string): void;
+    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
+    setAttribute(name: 'locale', value: string): void;
+    /** Date range mode */
+    setAttribute(name: 'range', value: ''): void;
+    /** Label that is used for a11y */
+    setAttribute(name: 'prev-year-aria-label', value: string): void;
+    /** Label that is used for a11y */
+    setAttribute(name: 'next-year-aria-label', value: string): void;
+    /** Label that is used for a11y */
+    setAttribute(name: 'prev-month-aria-label', value: string): void;
+    /** Label that is used for a11y */
+    setAttribute(name: 'next-month-aria-label', value: string): void;
+};
+export type TSinchDatePickerReact = TSinchElementReact<TSinchDatePickerElement> & {
+    /** Date value in ISO 8601 format */
+    value: string;
+    /** Date min limit in ISO 8601 format */
+    min: string;
+    /** Date max limit in ISO 8601 format */
+    max: string;
+    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
+    locale: string;
+    /** Date range mode */
+    range?: boolean;
+    /** Label that is used for a11y */
+    'aria-label': string;
+    /** Label that is used for a11y */
+    'prev-year-aria-label': string;
+    /** Label that is used for a11y */
+    'next-year-aria-label': string;
+    /** Label that is used for a11y */
+    'prev-month-aria-label': string;
+    /** Label that is used for a11y */
+    'next-month-aria-label': string;
+    /** Change value handler, return date in ISO 8601 format */
+    'on-change'?: (e: CustomEvent<string>) => void;
+};

package/lib/esm/date-picker/utils.d.ts

@@ -0,0 +1,28 @@
+type TCalendarOptions = {
+    firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+};
+type TMaybeDate = Date | null;
+export declare const getCalendarMonth: (date: Date, options?: TCalendarOptions) => TMaybeDate[][];
+export declare const dateToIso: (date: Date) => string;
+export declare const isoToDate: (value: string) => Date;
+export declare const today: () => Date;
+export declare const getDayNames: (locale: string) => string[];
+export declare const getMonthNames: (locale: string) => string[];
+export declare const isValidDate: (value: any) => value is Date;
+export declare const compareDates: (a: Date, b: Date) => number;
+export declare const clampMinDate: (date: Date, min: Date) => void;
+export declare const clampMaxDate: (date: Date, max: Date) => void;
+export declare const incMonth: (date: Date, max: Date) => void;
+export declare const decMonth: (date: Date, min: Date) => void;
+export declare const incYear: (date: Date, max: Date) => void;
+export declare const decYear: (date: Date, min: Date) => void;
+export declare const canGoPrevMonth: (date: Date, min: Date) => boolean;
+export declare const canGoNextMonth: (date: Date, max: Date) => boolean;
+export declare const canGoNextYear: (date: Date, max: Date) => boolean;
+export declare const canGoPrevYear: (date: Date, min: Date) => boolean;
+export declare const isDateBetween: (date: Date, min: Date | null, max: Date | null) => boolean;
+export declare const areDatesEqual: (a: Date, b: Date | null) => boolean;
+export declare const cloneDate: (date: Date) => Date;
+export declare const sortDates: (dateTuple: [Date, Date]) => [Date, Date];
+export declare const isDateOnScreen: (uiDate: Date | null, date: Date | null) => boolean;
+export {};

package/lib/esm/dialog/index.d.ts

@@ -0,0 +1,15 @@
+import '../icon-button';
+import '../icon';
+import '../stop-events';
+import '../title';
+import type { TSinchDialogElement, TSinchDialogReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-dialog': TSinchDialogReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-dialog': TSinchDialogElement;
+    }
+}

package/lib/esm/dialog/types.d.ts

@@ -0,0 +1,28 @@
+import type { TRect, TSinchElementReact } from '../types';
+export type TSinchDialogCloseDetail = 'close' | 'escape' | 'backdrop';
+export type TSinchDialogElement = HTMLElement & {
+    /** Open/close state */
+    open: boolean;
+    /** Dialog caption */
+    caption: string;
+    readonly dialogRect: TRect;
+    readonly closeButtonRect: TRect;
+    /** close event handler */
+    addEventListener(type: '-close', listener: (e: CustomEvent<TSinchDialogCloseDetail>) => void): void;
+    /** Dialog caption */
+    setAttribute(name: 'caption', value: string): void;
+    /** Close button label that is used for a11y */
+    setAttribute(name: 'close-aria-label', value: string): void;
+};
+export type TSinchDialogReact = TSinchElementReact<TSinchDialogElement> & {
+    /** Controls whether the dialog should be open */
+    open: boolean;
+    /** Dialog caption */
+    caption: string;
+    /** Label that is used for a11y */
+    'aria-label': string;
+    /** Close button label that is used for a11y */
+    'close-aria-label': string;
+    /** close event handler */
+    'on-close'?: (e: CustomEvent<TSinchDialogCloseDetail>) => void;
+};

package/lib/esm/dialog/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const disableScroll: () => void;
+export declare const enableScroll: () => void;

package/lib/esm/emoji/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchEmojiElement, TSinchEmojiReact } from './types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-emoji': TSinchEmojiReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-emoji': TSinchEmojiElement;
+    }
+}

package/lib/esm/emoji/types.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchElementReact } from '../types';
+export type TSinchEmojiElement = HTMLElement & {
+    /** Emoji character */
+    char: string;
+    /** Emoji character */
+    setAttribute(name: 'char', value: string): void;
+};
+export type TSinchEmojiReact = TSinchElementReact<TSinchEmojiElement> & {
+    /** Emoji character */
+    char: string;
+};

package/lib/esm/emoji/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const setEmojiBaseUrl: (emojiEl: Element, baseUrl: string | null) => void;
+export declare const getEmojiBaseUrl: (root: Element) => string | null;
+export declare const getEmojiUrl: (baseUrl: string | null, char: string | null) => string;