@pushwoosh/dumb-components 1.1.221 → 1.1.223

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>;

package/InboxPreview/styles.js

@@ -0,0 +1,21 @@
+import styled from 'styled-components';
+import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
+import { Vertical } from '@pushwoosh/kit-helpers';
+import { Text } from '@pushwoosh/kit-typography';
+export const HeroImage = styled.img.withConfig({
+  displayName: "HeroImage",
+  componentId: "sc-1rsolhm-0"
+})(["display:block;width:100%;aspect-ratio:9 / 4;object-fit:cover;border-radius:", ";"], ShapeRadius.SECTION);
+export const EmptyHero = styled(Vertical).attrs({
+  $borderRadius: ShapeRadius.SECTION,
+  $shrink: 0
+}).withConfig({
+  displayName: "EmptyHero",
+  componentId: "sc-1rsolhm-1"
+})(["aspect-ratio:9 / 4;border:1px dashed ", ";background:", ";"], Color.BRIGHT, Color.BRIGHT_LIGHT_HOVER);
+export const ClampText = styled(Text).withConfig({
+  displayName: "ClampText",
+  componentId: "sc-1rsolhm-2"
+})(["display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], ({
+  $clamp = 2
+}) => $clamp);

package/InboxPreview/types.d.ts

@@ -0,0 +1,74 @@
+import type { ReactNode } from 'react';
+import type { TypographyVariant } from '@pushwoosh/kit-typography';
+/** Cell layout of an Inbox message. */
+export type InboxLayoutType = 'classic' | 'captioned' | 'banner' | 'carousel';
+/** One carousel slide of an Inbox message. */
+export interface InboxPreviewSlide {
+    /** Slide image URL; a slide without it is dropped, like in the SDK. */
+    imageUrl?: string;
+    /** Caption overlaid at the bottom of the slide. */
+    caption?: string;
+}
+/** One localized Inbox content (mirrors the rpc-v2 `AppInboxPresetLocale` shape). */
+export interface InboxPreviewContent {
+    /** Cell title. */
+    title?: string;
+    /** Cell text. */
+    body?: string;
+    /** Small round avatar icon URL; without it classic renders a colored initial. */
+    iconUrl?: string;
+    /** Hero image URL for the banner/captioned layouts. */
+    bannerUrl?: string;
+    /** Requested layout; unknown or absent values fall back to the SDK heuristic. */
+    layoutType?: string;
+    /** Carousel slides; only the first five valid ones are rendered. */
+    carousel?: InboxPreviewSlide[];
+}
+/** Platform skin of {@link InboxPreview}: each OS draws the inbox cell differently. */
+export type InboxPreviewPlatform = 'ios' | 'android' | 'web';
+/** Inbox icon geometry of one platform. */
+export interface InboxAvatarShape {
+    size: number;
+    radius: string;
+    initialVariant: TypographyVariant;
+}
+/** Props every platform cell of {@link InboxPreview} renders from. */
+export interface InboxCellProps {
+    /** Content to draw, already picked by locale. */
+    content: InboxPreviewContent;
+    /** Layout the SDK would draw for this content. */
+    layout: InboxLayoutType;
+    /** Draw the dashed placeholders instead of the icon and the media. */
+    isEmpty: boolean;
+    /** Rendered title of the cell. */
+    title: ReactNode;
+    /** Rendered text of the cell; falsy hides the text line. */
+    body: ReactNode;
+    /** Date label of the cell. */
+    dateLabel: string;
+    /** Draw the unread dot. */
+    unread: boolean;
+}
+/** Props of {@link InboxPreview}. */
+export interface InboxPreviewProps {
+    /** Platform skin to render (default `ios`); the editor switches it with platform chips. */
+    platform?: InboxPreviewPlatform;
+    /** Already-picked locale to render; takes priority over {@link InboxPreviewProps.localizedContent}. */
+    content?: InboxPreviewContent | null;
+    /** Per-language content map to pick from by {@link InboxPreviewProps.language}. */
+    localizedContent?: Record<string, InboxPreviewContent>;
+    /** Language key used to pick from `localizedContent`. */
+    language?: string;
+    /** Date label at the right of the cell (default `12:12`, as in the design mock). */
+    dateLabel?: string;
+    /** Render the unread dot (default `true`). */
+    unread?: boolean;
+    /** Show the loading placeholder. */
+    isLoading?: boolean;
+    /** Title of the dashed empty-state placeholder; defaults to the localized "Message preview". */
+    emptyTitle?: ReactNode;
+    /** Description of the dashed empty-state placeholder; defaults to the localized hint. */
+    emptyDescription?: ReactNode;
+    /** CSS width of the preview. */
+    width?: string | number;
+}

package/InboxPreview/types.js

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

package/index.d.ts

@@ -34,6 +34,7 @@ export { Link, type LinkPropsWithoutAs, type LinkPropsWithAsTag, type LinkPropsW
 export { StatisticCard } from './StatisticCard';
 export { EmailTemplatePreview, NoEmailTemplatePreview, replaceLocalization, replacePlaceholders, matchClickMapItems, decorateClickMap, CLICK_MAP_BADGE_ATTRIBUTE, type EmailClickMapItem, type EmailClickMapPlacement, type EmailClickMapProps, type PreviewIframeProps, } from './EmailTemplatePreview';
 export { PushPreview } from './PushPreview';
+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, WhatsAppMessageDirection, WhatsAppMessageStatus, WhatsAppPreviewProps, } from './WhatsAppPreview';
 export { Toast, ToastProvider, useToast } from './Toast';

package/index.js

@@ -34,6 +34,7 @@ export { Link } from './Link';
 export { StatisticCard } from './StatisticCard';
 export { EmailTemplatePreview, NoEmailTemplatePreview, replaceLocalization, replacePlaceholders, matchClickMapItems, decorateClickMap, CLICK_MAP_BADGE_ATTRIBUTE } from './EmailTemplatePreview';
 export { PushPreview } from './PushPreview';
+export { InboxPreview, resolveInboxLayout, MAX_CAROUSEL_SLIDES } from './InboxPreview';
 export { WhatsAppPreview } from './WhatsAppPreview';
 export { Toast, ToastProvider, useToast } from './Toast';
 export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.221",
+  "version": "1.1.223",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",