@pushwoosh/dumb-components 4.5.1 → 4.6.0

package/ChatPreview/polyglot/messages_bn.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'আংশিকভাবে সমর্থিত — ফলব্যাক টেক্সট পাঠানো হবে',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'ত্রুটি আছে — পাঠানো হবে না',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'শুধু ২৪ ঘণ্টার উইন্ডোর মধ্যে পাঠানো হবে',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'কোনো ফলব্যাক টেক্সট নেই — কিছুই পাঠানো হবে না',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'ডেলিভার হবে না',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': 'আরও {{count}}টি সমস্যা',
+  'DUMB.CHAT_PREVIEW.FLEX': 'LINE Flex বার্তা',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'বার্তা খালি…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'আপনার ব্র্যান্ড',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'নথি',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'অডিও বার্তা',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'সংযুক্ত ছবি'
+};

package/ChatPreview/polyglot/messages_de.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_de.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'Teilweise unterstützt – wird als Ersatztext gesendet',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'Fehlerhaft – wird nicht gesendet',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'Wird nur innerhalb des 24-Stunden-Fensters gesendet',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'Kein Ersatztext – es wird nichts gesendet',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'Wird nicht zugestellt',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+{{count}} {{count | pluralize: "weiterer Fehler", "weitere Fehler"}}',
+  'DUMB.CHAT_PREVIEW.FLEX': 'LINE-Flex-Nachricht',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'Nachricht ist leer…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'Ihre Marke',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'Dokument',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'Sprachnachricht',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'Angehängtes Bild'
+};

package/ChatPreview/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_en.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'Partly supported — sent as the fallback text',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'Has errors — won’t be sent',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'Sent only within the 24-hour window',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'No fallback text — nothing will be sent',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'Not delivered',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+{{count}} more {{count | pluralize: "issue", "issues"}}',
+  'DUMB.CHAT_PREVIEW.FLEX': 'LINE Flex message',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'Message is empty…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'Your brand',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'Document',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'Audio message',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'Attached image'
+};

package/ChatPreview/polyglot/messages_es.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_es.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'Compatible en parte: se envía el texto alternativo',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'Tiene errores: no se enviará',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'Solo se envía dentro de la ventana de 24 horas',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'Sin texto alternativo: no se enviará nada',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'No se entrega',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+{{count}} {{count | pluralize: "problema", "problemas"}} más',
+  'DUMB.CHAT_PREVIEW.FLEX': 'Mensaje Flex de LINE',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'El mensaje está vacío…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'Tu marca',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'Documento',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'Mensaje de audio',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'Imagen adjunta'
+};

package/ChatPreview/polyglot/messages_fr.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_fr.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'Prise en charge partielle : le texte de secours est envoyé',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'Contient des erreurs : ne sera pas envoyé',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'Envoyé uniquement dans la fenêtre de 24 heures',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'Pas de texte de secours : rien ne sera envoyé',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'Non distribué',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+{{count}} {{count | pluralize: "problème", "problèmes"}}',
+  'DUMB.CHAT_PREVIEW.FLEX': 'Message Flex LINE',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'Le message est vide…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'Votre marque',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'Document',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'Message audio',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'Image jointe'
+};

package/ChatPreview/polyglot/messages_he.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_he.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'נתמך חלקית — נשלח טקסט החלופה',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'יש שגיאות — לא יישלח',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'נשלח רק בתוך חלון 24 השעות',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'אין טקסט חלופי — שום דבר לא יישלח',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'לא נמסר',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+{{count}} בעיות נוספות',
+  'DUMB.CHAT_PREVIEW.FLEX': 'הודעת LINE Flex',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'ההודעה ריקה…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'המותג שלך',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'מסמך',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'הודעה קולית',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'תמונה מצורפת'
+};

package/ChatPreview/polyglot/messages_hi.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_hi.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'आंशिक रूप से समर्थित — फ़ॉलबैक टेक्स्ट भेजा जाएगा',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'त्रुटियाँ हैं — नहीं भेजा जाएगा',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'केवल 24 घंटे की विंडो में भेजा जाएगा',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'कोई फ़ॉलबैक टेक्स्ट नहीं — कुछ नहीं भेजा जाएगा',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'डिलीवर नहीं होगा',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+{{count}} और समस्याएँ',
+  'DUMB.CHAT_PREVIEW.FLEX': 'LINE Flex संदेश',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'संदेश खाली है…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'आपका ब्रांड',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'दस्तावेज़',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'ऑडियो संदेश',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'संलग्न छवि'
+};

package/ChatPreview/polyglot/messages_ja.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_ja.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': '一部のみ対応 — 代替テキストが送信されます',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'エラーがあります — 送信されません',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': '24時間のウィンドウ内でのみ送信されます',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': '代替テキストがありません — 何も送信されません',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': '配信されません',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': 'ほか {{count}} 件の問題',
+  'DUMB.CHAT_PREVIEW.FLEX': 'LINE Flexメッセージ',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'メッセージが空です…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'あなたのブランド',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'ドキュメント',
+  'DUMB.CHAT_PREVIEW.AUDIO': '音声メッセージ',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': '添付画像'
+};

package/ChatPreview/polyglot/messages_ko.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_ko.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': '일부만 지원 — 대체 텍스트가 전송됩니다',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': '오류가 있어 전송되지 않습니다',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': '24시간 창 안에서만 전송됩니다',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': '대체 텍스트가 없어 아무것도 전송되지 않습니다',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': '전달되지 않음',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '외 {{count}}개 문제',
+  'DUMB.CHAT_PREVIEW.FLEX': 'LINE Flex 메시지',
+  'DUMB.CHAT_PREVIEW.EMPTY': '메시지가 비어 있습니다…',
+  'DUMB.CHAT_PREVIEW.SENDER': '내 브랜드',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': '문서',
+  'DUMB.CHAT_PREVIEW.AUDIO': '음성 메시지',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': '첨부 이미지'
+};

package/ChatPreview/polyglot/messages_pt.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_pt.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'Suporte parcial — é enviado o texto alternativo',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'Tem erros — não será enviado',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'Enviado apenas dentro da janela de 24 horas',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'Sem texto alternativo — nada será enviado',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'Não é entregue',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+{{count}} {{count | pluralize: "problema", "problemas"}}',
+  'DUMB.CHAT_PREVIEW.FLEX': 'Mensagem Flex do LINE',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'A mensagem está vazia…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'Sua marca',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'Documento',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'Mensagem de áudio',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'Imagem anexada'
+};

package/ChatPreview/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_ru.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'Поддерживается частично — уйдёт текстом фолбэка',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'Есть ошибки — не будет отправлено',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'Уйдёт только в 24-часовом окне',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'Нет текста фолбэка — ничего не уйдёт',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'Не доставляется',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': 'ещё {{count}} {{count | pluralize: "ошибка", "ошибки", "ошибок"}}',
+  'DUMB.CHAT_PREVIEW.FLEX': 'Flex-сообщение LINE',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'Сообщение пустое…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'Ваш бренд',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'Документ',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'Аудиосообщение',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'Прикреплённое изображение'
+};

package/ChatPreview/polyglot/messages_th.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_th.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': 'รองรับบางส่วน — จะส่งข้อความสำรองแทน',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': 'มีข้อผิดพลาด — จะไม่ถูกส่ง',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': 'ส่งได้เฉพาะภายในช่วง 24 ชั่วโมง',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': 'ไม่มีข้อความสำรอง — จะไม่มีการส่งอะไร',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': 'ไม่ถูกส่งถึง',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '+อีก {{count}} ปัญหา',
+  'DUMB.CHAT_PREVIEW.FLEX': 'ข้อความ LINE Flex',
+  'DUMB.CHAT_PREVIEW.EMPTY': 'ข้อความว่างเปล่า…',
+  'DUMB.CHAT_PREVIEW.SENDER': 'แบรนด์ของคุณ',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': 'เอกสาร',
+  'DUMB.CHAT_PREVIEW.AUDIO': 'ข้อความเสียง',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': 'รูปภาพที่แนบ'
+};

package/ChatPreview/polyglot/messages_zh.d.ts

@@ -0,0 +1,3 @@
+import { type ChatPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<ChatPreviewMessages>;

package/ChatPreview/polyglot/messages_zh.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': '部分支持 — 将发送备用文本',
+  'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': '存在错误 — 不会发送',
+  'DUMB.CHAT_PREVIEW.SESSION_ONLY': '仅在 24 小时窗口内发送',
+  'DUMB.CHAT_PREVIEW.NO_FALLBACK': '没有备用文本 — 不会发送任何内容',
+  'DUMB.CHAT_PREVIEW.NOT_DELIVERED': '不会送达',
+  'DUMB.CHAT_PREVIEW.MORE_ISSUES': '另有 {{count}} 个问题',
+  'DUMB.CHAT_PREVIEW.FLEX': 'LINE Flex 消息',
+  'DUMB.CHAT_PREVIEW.EMPTY': '消息为空…',
+  'DUMB.CHAT_PREVIEW.SENDER': '您的品牌',
+  'DUMB.CHAT_PREVIEW.DOCUMENT': '文档',
+  'DUMB.CHAT_PREVIEW.AUDIO': '语音消息',
+  'DUMB.CHAT_PREVIEW.IMAGE_ALT': '附加图片'
+};

package/ChatPreview/polyglot/types.d.ts

@@ -0,0 +1,17 @@
+import type { NoParams } from '../../polyglot';
+export type ChatPreviewMessages = {
+    'DUMB.CHAT_PREVIEW.FALLBACK_PARTIAL': NoParams;
+    'DUMB.CHAT_PREVIEW.FALLBACK_INCOMPATIBLE': NoParams;
+    'DUMB.CHAT_PREVIEW.SESSION_ONLY': NoParams;
+    'DUMB.CHAT_PREVIEW.NO_FALLBACK': NoParams;
+    'DUMB.CHAT_PREVIEW.NOT_DELIVERED': NoParams;
+    'DUMB.CHAT_PREVIEW.MORE_ISSUES': {
+        count: number;
+    };
+    'DUMB.CHAT_PREVIEW.FLEX': NoParams;
+    'DUMB.CHAT_PREVIEW.EMPTY': NoParams;
+    'DUMB.CHAT_PREVIEW.SENDER': NoParams;
+    'DUMB.CHAT_PREVIEW.DOCUMENT': NoParams;
+    'DUMB.CHAT_PREVIEW.AUDIO': NoParams;
+    'DUMB.CHAT_PREVIEW.IMAGE_ALT': NoParams;
+};

package/ChatPreview/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/ChatPreview/styles.d.ts

@@ -0,0 +1,33 @@
+import { type ChatSkin } from './constants';
+export type Skinned = {
+    $skin: ChatSkin;
+};
+/** Message surface shared by bubbles and cards. */
+export declare const surface: import("styled-components").RuleSet<NoInfer<Skinned>>;
+/** Tappable row shared by in-bubble buttons and card buttons. */
+export declare const action: import("styled-components").RuleSet<NoInfer<Skinned>>;
+export declare const Screen: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, Skinned>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, Skinned>> & string;
+export declare const Thread: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const Bubble: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, Skinned>> & string;
+export declare const HeaderText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const EmptyText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+/** A message with errors is drawn for context only: it is not sent. */
+export declare const BlockedMessage: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/ChatPreview/styles.js

@@ -0,0 +1,54 @@
+import styled, { css } from 'styled-components';
+import { Color, FontFamily, FontSize, FontWeight, Shadow } from '@pushwoosh/kit-constants';
+import { CHAT_BUBBLE_MAX_WIDTH, CHAT_BUBBLE_PADDING, CHAT_BUBBLE_RADIUS, CHAT_GAP, CHAT_SCREEN_HEIGHT, CHAT_SCREEN_RADIUS, CHAT_SCREEN_WIDTH, CHAT_SMALL_GAP, CHAT_THREAD_PADDING } from './constants';
+/** Message surface shared by bubbles and cards. */
+export const surface = css(["display:flex;flex-direction:column;overflow:hidden;border-radius:", "px;background:", ";color:", ";font-size:", ";overflow-wrap:anywhere;white-space:pre-wrap;"], CHAT_BUBBLE_RADIUS, ({
+  $skin
+}) => $skin.bubble, ({
+  $skin
+}) => $skin.bubbleText, FontSize.REGULAR);
+/** Tappable row shared by in-bubble buttons and card buttons. */
+export const action = css(["padding:", "px;border-top:1px solid ", ";color:", ";font-weight:", ";text-align:center;"], CHAT_GAP, ({
+  $skin
+}) => $skin.chipBorder, ({
+  $skin
+}) => $skin.accent, FontWeight.MEDIUM);
+export const Screen = styled.div.withConfig({
+  displayName: "Screen",
+  componentId: "sc-1nj7qb8-0"
+})(["display:flex;flex-direction:column;box-sizing:border-box;width:", "px;height:", "px;overflow:hidden;border:1px solid ", ";border-radius:", "px;background:", ";box-shadow:", ";font-family:", ";-webkit-font-smoothing:antialiased;*{box-sizing:border-box;}"], CHAT_SCREEN_WIDTH, CHAT_SCREEN_HEIGHT, Color.DIVIDER, CHAT_SCREEN_RADIUS, ({
+  $skin
+}) => $skin.chatBackground, Shadow.LARGE, FontFamily.MAIN);
+export const Header = styled.div.withConfig({
+  displayName: "Header",
+  componentId: "sc-1nj7qb8-1"
+})(["display:flex;gap:", "px;align-items:center;padding:", "px 16px;border-bottom:1px solid ", ";background:", ";color:", ";font-size:", ";font-weight:", ";svg{display:block;}"], CHAT_GAP, CHAT_THREAD_PADDING, Color.DIVIDER, ({
+  $skin
+}) => $skin.headerBackground, ({
+  $skin
+}) => $skin.headerText, FontSize.REGULAR, FontWeight.MEDIUM);
+export const Thread = styled.div.withConfig({
+  displayName: "Thread",
+  componentId: "sc-1nj7qb8-2"
+})(["display:flex;flex:1;flex-direction:column;gap:", "px;align-items:flex-start;padding:", "px;overflow-y:auto;"], CHAT_GAP, CHAT_THREAD_PADDING);
+export const Bubble = styled.div.withConfig({
+  displayName: "Bubble",
+  componentId: "sc-1nj7qb8-3"
+})(["", " gap:", "px;max-width:", "px;padding:", "px ", "px;line-height:19px;"], surface, CHAT_SMALL_GAP, CHAT_BUBBLE_MAX_WIDTH, CHAT_BUBBLE_PADDING.vertical, CHAT_BUBBLE_PADDING.horizontal);
+export const HeaderText = styled.div.withConfig({
+  displayName: "HeaderText",
+  componentId: "sc-1nj7qb8-4"
+})(["font-weight:", ";"], FontWeight.BOLD);
+export const Footer = styled.div.withConfig({
+  displayName: "Footer",
+  componentId: "sc-1nj7qb8-5"
+})(["color:", ";font-size:", ";"], Color.LOCKED, FontSize.SMALL);
+export const EmptyText = styled.div.withConfig({
+  displayName: "EmptyText",
+  componentId: "sc-1nj7qb8-6"
+})(["color:", ";font-size:", ";"], Color.LOCKED, FontSize.SMALL);
+/** A message with errors is drawn for context only: it is not sent. */
+export const BlockedMessage = styled.div.withConfig({
+  displayName: "BlockedMessage",
+  componentId: "sc-1nj7qb8-7"
+})(["display:flex;flex-direction:column;gap:", "px;align-items:flex-start;opacity:0.5;"], CHAT_GAP);

package/ChatPreview/types.d.ts

@@ -0,0 +1,134 @@
+/** Chat channel a {@link ChatPreview} is drawn for. */
+export type ChatChannel = 'rcs' | 'whatsapp' | 'fbmessenger' | 'line';
+/** How far a channel can render the content, as computed by the rich content validator. */
+export type ChatCompatibility = 'compatible' | 'partial' | 'incompatible';
+/** Content types of the rich message model (`channels/sdk` `richcontent.Type`). */
+export type ChatContentType = 'text' | 'media' | 'quick_reply' | 'call_to_action' | 'list_picker' | 'card' | 'carousel' | 'custom_flex';
+/** Kind of an attached media file. */
+export type ChatMediaKind = 'image' | 'video' | 'document' | 'audio';
+/** Media file referenced by URL. */
+export interface ChatMedia {
+    /** File address; a personalization token is allowed. */
+    url: string;
+    /** What the file is. */
+    kind: ChatMediaKind;
+    /** Poster image of a video. */
+    preview_url?: string;
+}
+/** Text or media header above the body. */
+export interface ChatHeader {
+    /** Header text. */
+    text?: string;
+    /** Header media; wins over `text` when both are set. */
+    media?: ChatMedia;
+}
+/** What tapping a button does. */
+export type ChatButtonKind = 'quick_reply' | 'url' | 'phone';
+/** A button or a quick reply chip. */
+export interface ChatButton {
+    /** Stable identifier the reply comes back with. */
+    id: string;
+    /** What tapping the button does. */
+    kind: ChatButtonKind;
+    /** Button label. */
+    title: string;
+    /** Link opened by a `url` button. */
+    url?: string;
+    /** Number dialled by a `phone` button. */
+    phone?: string;
+}
+/** One row of a list picker. */
+export interface ChatListItem {
+    /** Stable identifier the reply comes back with. */
+    id: string;
+    /** Row title. */
+    title: string;
+    /** Secondary line under the title. */
+    description?: string;
+}
+/** A list picker: one button that opens the rows. */
+export interface ChatList {
+    /** Label of the button that opens the list. */
+    button_text: string;
+    /** Rows of the list. */
+    items: ChatListItem[];
+}
+/** One rich card, alone or as a carousel slide. */
+export interface ChatCard {
+    /** Card media on top. */
+    media?: ChatMedia;
+    /** Card title. */
+    title?: string;
+    /** Card text. */
+    body?: string;
+    /** Small text under the card text; RCS sends it as the card subtitle. */
+    footer?: string;
+    /** Buttons at the bottom of the card. */
+    buttons?: ChatButton[];
+}
+/** Orientation of an RCS card (`channels/sdk` `RCSOrientation*`). */
+export type ChatRcsOrientation = 'VERTICAL' | 'HORIZONTAL';
+/** Media height of a vertical RCS card (`channels/sdk` `RCSHeight*`). */
+export type ChatRcsHeight = 'SHORT' | 'MEDIUM' | 'TALL';
+/** Side of the image in a horizontal RCS card (`channels/sdk` `RCSThumbnail*`). */
+export type ChatRcsThumbnailAlignment = 'LEFT' | 'RIGHT';
+/** RCS-only card layout; an absent value means the Twilio default. */
+export interface ChatRcsLayout {
+    /** Card orientation, vertical by default. */
+    orientation?: ChatRcsOrientation;
+    /** Media height of a vertical card, medium by default. */
+    height?: ChatRcsHeight;
+    /** Side of the image in a horizontal card, left by default. */
+    thumbnail_alignment?: ChatRcsThumbnailAlignment;
+}
+/** Channel-agnostic rich message — the TypeScript mirror of `channels/sdk` `richcontent.Content`. */
+export interface ChatContent {
+    /** Content type. */
+    type: ChatContentType;
+    /** Message text. */
+    body?: string;
+    /** Header above the body. */
+    header?: ChatHeader;
+    /** Small text under the body. */
+    footer?: string;
+    /** Media of a `media` message. */
+    media?: ChatMedia;
+    /** Buttons or quick replies. */
+    buttons?: ChatButton[];
+    /** List of a `list_picker` message. */
+    list?: ChatList;
+    /** One card for `card`, the slides for `carousel`. */
+    cards?: ChatCard[];
+    /** RCS card layout. */
+    rcs?: ChatRcsLayout;
+    /** LINE Flex JSON of a `custom_flex` message; the preview only labels it, it does not lay Flex out. */
+    flex?: unknown;
+    /** Plain text sent where the channel cannot render the content. */
+    fallback?: string;
+}
+/** How bad a validator issue is (`channels/sdk` `richcontent.Severity`). */
+export type ChatIssueSeverity = 'error' | 'warning' | 'fallback';
+/** One finding of the rich content validator for a channel (`channels/sdk` `richcontent.Issue`). */
+export interface ChatIssue {
+    /** Content path the issue is about, e.g. `footer` or `cards[0].title`. */
+    path: string;
+    /** Machine code, e.g. `field_dropped` or `max_length`. */
+    code: string;
+    /** How bad the issue is. */
+    severity: ChatIssueSeverity;
+    /** Extra detail from the validator. */
+    detail?: string;
+}
+/** Props of {@link ChatPreview}. */
+export interface ChatPreviewProps {
+    /** Channel whose look is replicated. */
+    channel: ChatChannel;
+    /** Message to draw. */
+    content: ChatContent;
+    /** `partial` sends the fallback text (WhatsApp: only inside the 24h window); `incompatible` is not sent. */
+    status?: ChatCompatibility;
+    /** Validator issues of the channel; `field_dropped` fields are marked as not delivered, errors are listed. */
+    issues?: ChatIssue[];
+    /** Sender shown in the chat header. */
+    senderName?: string;
+}

package/ChatPreview/types.js

@@ -0,0 +1 @@
+export {};

package/WhatsAppPreview/components/WhatsAppMessageContent/WhatsAppMessageContent.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MessageText } from './styles';
+import { WhatsAppFormattedText } from '../../../shared/whatsAppMarkup';
 import { drawableAttachments } from '../../helpers';
 import { WhatsAppAttachment } from '../WhatsAppAttachment';
-import { WhatsAppFormattedText } from '../WhatsAppFormattedText';
 /** Card body: attachments on top, message text underneath. */
 export function WhatsAppMessageContent(props) {
   const {

package/WhatsAppPreview/helpers.d.ts

@@ -1,7 +1,4 @@
-import type { WhatsAppTextNode } from './components/WhatsAppFormattedText/types';
 import type { WhatsAppAttachment, WhatsAppAttachmentKind, WhatsAppMessage } from './types';
-/** Splits WhatsApp markup (`*bold*`, `_italic_`, `~strike~`, backtick monospace) into a render tree. */
-export declare function parseWhatsAppMarkup(text: string): WhatsAppTextNode[];
 /** File type shown on a document card: the name extension, or the MIME subtype when the name carries none. */
 export declare function getAttachmentExtension(attachment: WhatsAppAttachment): string;
 /** Picks how the attachment is drawn: explicit `kind` first, then the MIME type, then the extension. */

package/WhatsAppPreview/helpers.js

@@ -1,60 +1,4 @@
 import { WHATSAPP_ATTACHMENT_EXTENSIONS } from './constants';
-const MARKERS = [{
-  style: 'mono',
-  marker: '```'
-}, {
-  style: 'mono',
-  marker: '`'
-}, {
-  style: 'bold',
-  marker: '*'
-}, {
-  style: 'italic',
-  marker: '_'
-}, {
-  style: 'strike',
-  marker: '~'
-}];
-function findMarkerAt(text, index) {
-  return MARKERS.find(({
-    marker
-  }) => text.startsWith(marker, index)) || null;
-}
-/** Splits WhatsApp markup (`*bold*`, `_italic_`, `~strike~`, backtick monospace) into a render tree. */
-export function parseWhatsAppMarkup(text) {
-  const nodes = [];
-  let plain = '';
-  let index = 0;
-  const flush = () => {
-    if (plain) {
-      nodes.push({
-        text: plain
-      });
-      plain = '';
-    }
-  };
-  while (index < text.length) {
-    const found = findMarkerAt(text, index);
-    const openEnd = found ? index + found.marker.length : index;
-    const closeStart = found ? text.indexOf(found.marker, openEnd) : -1;
-    if (!found || closeStart <= openEnd) {
-      plain += text[index];
-      index += 1;
-      continue;
-    }
-    const inner = text.slice(openEnd, closeStart);
-    flush();
-    nodes.push({
-      style: found.style,
-      children: found.style === 'mono' ? [{
-        text: inner
-      }] : parseWhatsAppMarkup(inner)
-    });
-    index = closeStart + found.marker.length;
-  }
-  flush();
-  return nodes;
-}
 /** File type shown on a document card: the name extension, or the MIME subtype when the name carries none. */
 export function getAttachmentExtension(attachment) {
   const {

package/index.d.ts

@@ -37,6 +37,8 @@ export { PushStoriesPreview, hasStoryButton, normalizeStoryDuration, PUSH_STORIE
 export { InboxPreview, resolveInboxLayout, MAX_CAROUSEL_SLIDES, type InboxLayoutType, type InboxPreviewPlatform, type InboxPreviewContent, type InboxPreviewProps, type InboxPreviewSlide, } from './InboxPreview';
 export { WhatsAppPreview } from './WhatsAppPreview';
 export type { WhatsAppAttachment, WhatsAppAttachmentKind, WhatsAppMessage, WhatsAppPreviewProps, } from './WhatsAppPreview';
+export { ChatPreview } from './ChatPreview';
+export type { ChatButton, ChatButtonKind, ChatCard, ChatChannel, ChatCompatibility, ChatContent, ChatContentType, ChatHeader, ChatList, ChatListItem, ChatMedia, ChatMediaKind, ChatPreviewProps, ChatRcsLayout, } from './ChatPreview';
 export { Toast, ToastProvider, useToast } from './Toast';
 export { AutosizeInput, PageHeader, PageHeaderEditable, Rename, } from './PageHeader';
 export { Steps, useSteps } from './Steps';

package/index.js

@@ -36,6 +36,7 @@ export { PushPreview } from './PushPreview';
 export { PushStoriesPreview, hasStoryButton, normalizeStoryDuration, PUSH_STORIES_ASPECT_RATIO, PUSH_STORIES_DEFAULT_DURATION, PUSH_STORIES_MAX_DURATION } from './PushStoriesPreview';
 export { InboxPreview, resolveInboxLayout, MAX_CAROUSEL_SLIDES } from './InboxPreview';
 export { WhatsAppPreview } from './WhatsAppPreview';
+export { ChatPreview } from './ChatPreview';
 export { Toast, ToastProvider, useToast } from './Toast';
 export { AutosizeInput, PageHeader, PageHeaderEditable, Rename } from './PageHeader';
 export { Steps, useSteps } from './Steps';