@pushwoosh/dumb-components 1.1.221 → 1.1.222

package/InboxPreview/components/InboxIOSCell/InboxIOSCell.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
+import { FlexContainer, Vertical } from '@pushwoosh/kit-helpers';
+import { Text } from '@pushwoosh/kit-typography';
+import { INBOX_CARD_EDGE_SHADOW, INBOX_UNREAD_DOT_SIZE } from '../../constants';
+import { ClampText } from '../../styles';
+import { InboxCellAvatar } from '../InboxCellAvatar';
+import { InboxCellMedia } from '../InboxCellMedia';
+/** iOS inbox cell: a rounded card, with the texts on a plate below the media in the media layouts. */
+export function InboxIOSCell(props) {
+  const {
+    content,
+    layout,
+    isEmpty,
+    title,
+    body,
+    dateLabel,
+    unread
+  } = props;
+  const texts = _jsxs(Vertical, {
+    "$flex": 1,
+    "$gap": 2,
+    "$minWidth": 0,
+    children: [_jsxs(FlexContainer, {
+      "$alignItems": "center",
+      children: [_jsx(Text, {
+        "$color": Color.MAIN,
+        "$ellipsis": true,
+        "$variant": "h5",
+        children: title
+      }), _jsx(Vertical, {
+        "$flex": 1,
+        "$minWidth": 4
+      }), _jsx(Text, {
+        "$color": Color.LOCKED,
+        "$ellipsis": true,
+        "$variant": "footnote",
+        children: dateLabel
+      })]
+    }), !!body && _jsx(ClampText, {
+      "$clamp": layout === 'classic' ? 3 : undefined,
+      "$color": Color.LOCKED,
+      "$variant": "footnote",
+      children: body
+    })]
+  });
+  if (layout === 'classic') {
+    return _jsxs(FlexContainer, {
+      "$alignItems": "center",
+      "$bgColor": Color.CLEAR,
+      "$borderRadius": ShapeRadius.SECTION,
+      "$boxShadow": INBOX_CARD_EDGE_SHADOW,
+      "$gap": 8,
+      "$padding": {
+        top: 16,
+        right: 16,
+        bottom: 16,
+        left: 18
+      },
+      children: [unread && _jsx(Vertical, {
+        "$bgColor": Color.BRIGHT,
+        "$borderRadius": "50%",
+        "$height": INBOX_UNREAD_DOT_SIZE,
+        "$shrink": 0,
+        "$width": INBOX_UNREAD_DOT_SIZE
+      }), _jsx(InboxCellAvatar, {
+        content: content,
+        isEmpty: isEmpty,
+        platform: "ios"
+      }), texts]
+    });
+  }
+  const media = _jsx(InboxCellMedia, {
+    content: content,
+    isEmpty: isEmpty,
+    layout: layout
+  });
+  if (layout === 'banner') {
+    return _jsx(Vertical, {
+      "$bgColor": Color.CLEAR,
+      "$borderRadius": ShapeRadius.SECTION,
+      "$boxShadow": INBOX_CARD_EDGE_SHADOW,
+      "$gap": 5,
+      "$padding": 5,
+      children: _jsxs(Vertical, {
+        "$position": "relative",
+        children: [media, unread && _jsx(Vertical, {
+          "$bgColor": Color.BRIGHT,
+          "$borderRadius": "50%",
+          "$height": INBOX_UNREAD_DOT_SIZE,
+          "$left": 10,
+          "$position": "absolute",
+          "$shrink": 0,
+          "$top": 10,
+          "$width": INBOX_UNREAD_DOT_SIZE
+        })]
+      })
+    });
+  }
+  return _jsxs(Vertical, {
+    "$bgColor": Color.CLEAR,
+    "$borderRadius": ShapeRadius.SECTION,
+    "$boxShadow": INBOX_CARD_EDGE_SHADOW,
+    "$gap": 5,
+    "$padding": 5,
+    children: [media, _jsxs(FlexContainer, {
+      "$alignItems": "start",
+      "$bgColor": Color.FROZEN,
+      "$border": `1px solid ${Color.SOFT_LIGHT}`,
+      "$borderRadius": ShapeRadius.SECTION,
+      "$gap": 4,
+      "$padding": 8,
+      children: [unread && _jsx(Vertical, {
+        "$bgColor": Color.BRIGHT,
+        "$borderRadius": "50%",
+        "$height": INBOX_UNREAD_DOT_SIZE,
+        "$margin": {
+          top: 3.5
+        },
+        "$shrink": 0,
+        "$width": INBOX_UNREAD_DOT_SIZE
+      }), texts]
+    })]
+  });
+}

package/InboxPreview/components/InboxIOSCell/index.d.ts

@@ -0,0 +1 @@
+export { InboxIOSCell } from './InboxIOSCell';

package/InboxPreview/components/InboxIOSCell/index.js

@@ -0,0 +1 @@
+export { InboxIOSCell } from './InboxIOSCell';

package/InboxPreview/components/InboxWebCell/InboxWebCell.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { InboxCellProps } from '../../types';
+/** Web widget cell: a dismissable card with the date under the texts. */
+export declare function InboxWebCell(props: InboxCellProps): ReactElement;

package/InboxPreview/components/InboxWebCell/InboxWebCell.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Color } from '@pushwoosh/kit-constants';
+import { FlexContainer, Horizontal, Vertical } from '@pushwoosh/kit-helpers';
+import { CloseIcon } from '@pushwoosh/kit-icons';
+import { Text } from '@pushwoosh/kit-typography';
+import { INBOX_UNREAD_DOT_SIZE } from '../../constants';
+import { ClampText } from '../../styles';
+import { InboxCellAvatar } from '../InboxCellAvatar';
+import { InboxCellMedia } from '../InboxCellMedia';
+/** Web widget cell: a dismissable card with the date under the texts. */
+export function InboxWebCell(props) {
+  const {
+    content,
+    layout,
+    isEmpty,
+    title,
+    body,
+    dateLabel,
+    unread
+  } = props;
+  const texts = _jsxs(Vertical, {
+    "$flex": 1,
+    "$gap": 4,
+    "$minWidth": 0,
+    children: [_jsxs(FlexContainer, {
+      "$alignItems": "center",
+      "$gap": 6,
+      children: [_jsx(Text, {
+        "$color": Color.MAIN,
+        "$ellipsis": true,
+        "$variant": "h5",
+        children: title
+      }), unread && _jsx(Vertical, {
+        "$bgColor": Color.BRIGHT,
+        "$borderRadius": "50%",
+        "$height": INBOX_UNREAD_DOT_SIZE,
+        "$shrink": 0,
+        "$width": INBOX_UNREAD_DOT_SIZE
+      })]
+    }), !!body && _jsx(ClampText, {
+      "$color": Color.MAIN,
+      "$variant": "footnote",
+      children: body
+    }), _jsx(Text, {
+      "$color": Color.LOCKED,
+      "$ellipsis": true,
+      "$variant": "footnote",
+      children: dateLabel
+    })]
+  });
+  return _jsxs(Vertical, {
+    "$bgColor": Color.CLEAR,
+    "$gap": 12,
+    "$padding": 16,
+    "$position": "relative",
+    children: [_jsx(Horizontal, {
+      "$alignItems": "center",
+      "$justifyContent": "center",
+      "$position": "absolute",
+      "$right": 6,
+      "$top": 6,
+      children: _jsx(CloseIcon, {
+        color: Color.LOCKED,
+        size: "small"
+      })
+    }), layout === 'classic' ? _jsxs(FlexContainer, {
+      "$alignItems": "start",
+      "$gap": 14,
+      children: [_jsx(InboxCellAvatar, {
+        content: content,
+        isEmpty: isEmpty,
+        platform: "web"
+      }), texts]
+    }) : _jsxs(_Fragment, {
+      children: [_jsx(InboxCellMedia, {
+        content: content,
+        dotsOnImage: true,
+        isEmpty: isEmpty,
+        layout: layout
+      }), layout !== 'banner' && texts]
+    })]
+  });
+}

package/InboxPreview/components/InboxWebCell/index.d.ts

@@ -0,0 +1 @@
+export { InboxWebCell } from './InboxWebCell';

package/InboxPreview/components/InboxWebCell/index.js

@@ -0,0 +1 @@
+export { InboxWebCell } from './InboxWebCell';

package/InboxPreview/constants.d.ts

@@ -0,0 +1,14 @@
+import type { InboxAvatarShape, InboxLayoutType, InboxPreviewPlatform } from './types';
+/** The SDK renders at most this many carousel slides and silently drops the rest. */
+export declare const MAX_CAROUSEL_SLIDES = 5;
+/** Layouts the SDK knows; anything else falls back to the heuristic. */
+export declare const KNOWN_LAYOUTS: readonly InboxLayoutType[];
+export declare const INBOX_PREVIEW_MIN_WIDTH = 240;
+export declare const INBOX_PREVIEW_MAX_WIDTH = 350;
+export declare const INBOX_PREVIEW_SKELETON_HEIGHT = 56;
+export declare const INBOX_UNREAD_DOT_SIZE = 6;
+/** Card edge of the iOS cells and the scrim under a slide caption — chrome the design tokens do not cover. */
+export declare const INBOX_CARD_EDGE_SHADOW = "inset -1px -1px 1px 0 rgba(0, 0, 0, 0.09), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.09)";
+export declare const INBOX_SLIDE_SCRIM = "rgba(0, 0, 0, 0.45)";
+/** Icon geometry per platform: each SDK draws the inbox icon at its own size and initial size. */
+export declare const INBOX_AVATAR: Record<InboxPreviewPlatform, InboxAvatarShape>;

package/InboxPreview/constants.js

@@ -0,0 +1,30 @@
+import { ShapeRadius } from '@pushwoosh/kit-constants';
+/** The SDK renders at most this many carousel slides and silently drops the rest. */
+export const MAX_CAROUSEL_SLIDES = 5;
+/** Layouts the SDK knows; anything else falls back to the heuristic. */
+export const KNOWN_LAYOUTS = ['classic', 'captioned', 'banner', 'carousel'];
+export const INBOX_PREVIEW_MIN_WIDTH = 240;
+export const INBOX_PREVIEW_MAX_WIDTH = 350;
+export const INBOX_PREVIEW_SKELETON_HEIGHT = 56;
+export const INBOX_UNREAD_DOT_SIZE = 6;
+/** Card edge of the iOS cells and the scrim under a slide caption — chrome the design tokens do not cover. */
+export const INBOX_CARD_EDGE_SHADOW = 'inset -1px -1px 1px 0 rgba(0, 0, 0, 0.09), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.09)';
+export const INBOX_SLIDE_SCRIM = 'rgba(0, 0, 0, 0.45)';
+/** Icon geometry per platform: each SDK draws the inbox icon at its own size and initial size. */
+export const INBOX_AVATAR = {
+  ios: {
+    size: 30,
+    radius: '50%',
+    initialVariant: 'h5'
+  },
+  android: {
+    size: 40,
+    radius: ShapeRadius.SECTION,
+    initialVariant: 'h4'
+  },
+  web: {
+    size: 52,
+    radius: ShapeRadius.SECTION,
+    initialVariant: 'h3'
+  }
+};

package/InboxPreview/helpers.d.ts

@@ -0,0 +1,29 @@
+import type { InboxLayoutType, InboxPreviewContent, InboxPreviewSlide } from './types';
+/**
+ * Picks the content to render: an explicit `content` wins, otherwise the
+ * `language` entry of `localizedContent` with default/en/first fallbacks.
+ */
+export declare const getPreviewContent: (content?: InboxPreviewContent | null, localizedContent?: Record<string, InboxPreviewContent>, language?: string) => InboxPreviewContent | null;
+/** Keeps the slides the SDK would render: ones with an image, at most {@link MAX_CAROUSEL_SLIDES}. */
+export declare const getValidSlides: (slides?: InboxPreviewSlide[]) => InboxPreviewSlide[];
+/** Hero image of the banner/captioned layouts: the banner with the icon as fallback, like the SDK. */
+export declare const getHeroUrl: (content: InboxPreviewContent) => string;
+/**
+ * Resolves the layout the SDK would actually draw: the requested one when it can render,
+ * the SDK heuristic for unknown/absent layouts, and the classic degradation otherwise.
+ */
+export declare const resolveInboxLayout: (content: InboxPreviewContent) => InboxLayoutType;
+/** True when the content has nothing to render yet, so the preview shows the layout placeholder. */
+export declare const isEmptyContent: (content: InboxPreviewContent) => boolean;
+/** The layout whose placeholder an empty preview shows: the requested one when known, else classic. */
+export declare const getEmptyLayout: (content: InboxPreviewContent) => InboxLayoutType;
+/**
+ * Title/body pair a cell renders: for the classic layout the body stands in for
+ * a missing title, like in the SDK.
+ */
+export declare const getPreviewTexts: (content: InboxPreviewContent, layout: InboxLayoutType) => {
+    title: string;
+    body: string;
+};
+/** The colored-initial fallback the SDK draws when classic has no icon. */
+export declare const getIconInitial: (content: InboxPreviewContent) => string;

package/InboxPreview/helpers.js

@@ -0,0 +1,75 @@
+import { KNOWN_LAYOUTS, MAX_CAROUSEL_SLIDES } from './constants';
+/**
+ * Picks the content to render: an explicit `content` wins, otherwise the
+ * `language` entry of `localizedContent` with default/en/first fallbacks.
+ */
+export const getPreviewContent = (content, localizedContent, language) => {
+  if (content) {
+    return content;
+  }
+  if (!localizedContent || Object.keys(localizedContent).length === 0) {
+    return null;
+  }
+  if (language && localizedContent[language]) {
+    return localizedContent[language];
+  }
+  return localizedContent.default || localizedContent.en || localizedContent[Object.keys(localizedContent)[0]];
+};
+/** Keeps the slides the SDK would render: ones with an image, at most {@link MAX_CAROUSEL_SLIDES}. */
+export const getValidSlides = slides => (slides || []).filter(slide => !!slide.imageUrl).slice(0, MAX_CAROUSEL_SLIDES);
+/** Hero image of the banner/captioned layouts: the banner with the icon as fallback, like the SDK. */
+export const getHeroUrl = content => content.bannerUrl || content.iconUrl || '';
+/**
+ * Resolves the layout the SDK would actually draw: the requested one when it can render,
+ * the SDK heuristic for unknown/absent layouts, and the classic degradation otherwise.
+ */
+export const resolveInboxLayout = content => {
+  const hasTitle = !!content.title;
+  const hasBody = !!content.body;
+  const hero = getHeroUrl(content);
+  let requested = content.layoutType;
+  if (!KNOWN_LAYOUTS.includes(requested)) {
+    if (hero && !hasTitle) {
+      requested = 'banner';
+    } else if (hero && hasTitle && hasBody) {
+      requested = 'captioned';
+    } else {
+      requested = 'classic';
+    }
+  }
+  switch (requested) {
+    case 'banner':
+      return hero ? 'banner' : 'classic';
+    case 'captioned':
+      return hero && hasTitle && hasBody ? 'captioned' : 'classic';
+    case 'carousel':
+      return hasTitle && hasBody && getValidSlides(content.carousel).length > 0 ? 'carousel' : 'classic';
+    default:
+      return 'classic';
+  }
+};
+/** True when the content has nothing to render yet, so the preview shows the layout placeholder. */
+export const isEmptyContent = content => !content.title && !content.body && !content.iconUrl && !content.bannerUrl && getValidSlides(content.carousel).length === 0;
+/** The layout whose placeholder an empty preview shows: the requested one when known, else classic. */
+export const getEmptyLayout = content => {
+  const requested = content.layoutType;
+  return KNOWN_LAYOUTS.includes(requested) ? requested : 'classic';
+};
+/**
+ * Title/body pair a cell renders: for the classic layout the body stands in for
+ * a missing title, like in the SDK.
+ */
+export const getPreviewTexts = (content, layout) => {
+  if (layout === 'classic') {
+    return {
+      title: content.title || content.body || '',
+      body: content.title && content.body || ''
+    };
+  }
+  return {
+    title: content.title || '',
+    body: content.body || ''
+  };
+};
+/** The colored-initial fallback the SDK draws when classic has no icon. */
+export const getIconInitial = content => (content.title || content.body || '?').trim().charAt(0).toUpperCase() || '?';

package/InboxPreview/index.d.ts

@@ -0,0 +1,4 @@
+export { InboxPreview } from './InboxPreview';
+export { resolveInboxLayout } from './helpers';
+export { MAX_CAROUSEL_SLIDES } from './constants';
+export type { InboxLayoutType, InboxPreviewPlatform, InboxPreviewContent, InboxPreviewProps, InboxPreviewSlide, } from './types';

package/InboxPreview/index.js

@@ -0,0 +1,3 @@
+export { InboxPreview } from './InboxPreview';
+export { resolveInboxLayout } from './helpers';
+export { MAX_CAROUSEL_SLIDES } from './constants';

package/InboxPreview/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type InboxPreviewMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<InboxPreviewMessages>>, useLang: () => (props: import("../../polyglot").LangProps<InboxPreviewMessages>) => string;

package/InboxPreview/polyglot/index.js

@@ -0,0 +1,34 @@
+import { messages as ar } from './messages_ar';
+import { messages as bn } from './messages_bn';
+import { messages as de } from './messages_de';
+import { messages as en } from './messages_en';
+import { messages as es } from './messages_es';
+import { messages as fr } from './messages_fr';
+import { messages as he } from './messages_he';
+import { messages as hi } from './messages_hi';
+import { messages as ja } from './messages_ja';
+import { messages as ko } from './messages_ko';
+import { messages as pt } from './messages_pt';
+import { messages as ru } from './messages_ru';
+import { messages as th } from './messages_th';
+import { messages as zh } from './messages_zh';
+import { createLang } from '../../polyglot';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  ar,
+  bn,
+  de,
+  en,
+  es,
+  fr,
+  he,
+  hi,
+  ja,
+  ko,
+  pt,
+  ru,
+  th,
+  zh
+});

package/InboxPreview/polyglot/messages_ar.d.ts

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

package/InboxPreview/polyglot/messages_ar.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'معاينة الرسالة',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'أدخل نص رسالة صندوق الوارد لرؤية المعاينة'
+};

package/InboxPreview/polyglot/messages_bn.d.ts

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

package/InboxPreview/polyglot/messages_bn.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'মেসেজ প্রিভিউ',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'প্রিভিউ দেখতে আপনার ইনবক্স মেসেজের টেক্সট লিখুন'
+};

package/InboxPreview/polyglot/messages_de.d.ts

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

package/InboxPreview/polyglot/messages_de.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'Nachrichtenvorschau',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'Geben Sie den Text Ihrer Inbox-Nachricht ein, um die Vorschau zu sehen'
+};

package/InboxPreview/polyglot/messages_en.d.ts

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

package/InboxPreview/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'Message preview',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'Enter text of your inbox message to see the preview'
+};

package/InboxPreview/polyglot/messages_es.d.ts

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

package/InboxPreview/polyglot/messages_es.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'Vista previa del mensaje',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'Introduzca el texto de su mensaje de Inbox para ver la vista previa'
+};

package/InboxPreview/polyglot/messages_fr.d.ts

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

package/InboxPreview/polyglot/messages_fr.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'Aperçu du message',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'Saisissez le texte de votre message Inbox pour voir l’aperçu'
+};

package/InboxPreview/polyglot/messages_he.d.ts

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

package/InboxPreview/polyglot/messages_he.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'תצוגה מקדימה של ההודעה',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'הזינו את הטקסט של הודעת ה-Inbox כדי לראות תצוגה מקדימה'
+};

package/InboxPreview/polyglot/messages_hi.d.ts

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

package/InboxPreview/polyglot/messages_hi.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'संदेश का पूर्वावलोकन',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'पूर्वावलोकन देखने के लिए अपने इनबॉक्स संदेश का टेक्स्ट दर्ज करें'
+};

package/InboxPreview/polyglot/messages_ja.d.ts

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

package/InboxPreview/polyglot/messages_ja.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'メッセージのプレビュー',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'インボックスメッセージのテキストを入力するとプレビューが表示されます'
+};

package/InboxPreview/polyglot/messages_ko.d.ts

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

package/InboxPreview/polyglot/messages_ko.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': '메시지 미리보기',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': '인박스 메시지의 텍스트를 입력하면 미리보기가 표시됩니다'
+};

package/InboxPreview/polyglot/messages_pt.d.ts

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

package/InboxPreview/polyglot/messages_pt.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'Pré-visualização da mensagem',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'Digite o texto da sua mensagem da Inbox para ver a pré-visualização'
+};

package/InboxPreview/polyglot/messages_ru.d.ts

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

package/InboxPreview/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'Превью сообщения',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'Введите текст Inbox-сообщения, чтобы увидеть превью'
+};

package/InboxPreview/polyglot/messages_th.d.ts

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

package/InboxPreview/polyglot/messages_th.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': 'ตัวอย่างข้อความ',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': 'กรอกข้อความของข้อความ Inbox เพื่อดูตัวอย่าง'
+};

package/InboxPreview/polyglot/messages_zh.d.ts

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

package/InboxPreview/polyglot/messages_zh.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.INBOX_PREVIEW.EMPTY_TITLE': '消息预览',
+  'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': '输入收件箱消息的文本以查看预览'
+};

package/InboxPreview/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type InboxPreviewMessages = {
+    'DUMB.INBOX_PREVIEW.EMPTY_TITLE': NoParams;
+    'DUMB.INBOX_PREVIEW.EMPTY_DESCRIPTION': NoParams;
+};

package/InboxPreview/polyglot/types.js

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

package/InboxPreview/styles.d.ts

@@ -0,0 +1,25 @@
+import { ShapeRadius } from '@pushwoosh/kit-constants';
+export declare const HeroImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const EmptyHero: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+} & {
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+} & {
+    $gridAutoFlow: string;
+} & {
+    $borderRadius: ShapeRadius;
+    $shrink: number;
+}, "$gridAutoFlow" | "$borderRadius" | "$shrink">;
+export declare const ClampText: import("styled-components").StyledComponent<"span", any, {
+    $color?: string | undefined;
+    $uppercase?: boolean | undefined;
+    $ellipsis?: boolean | undefined;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+} & {
+    $clamp?: number;
+}, never>;