@pushwoosh/dumb-components 1.1.220 → 1.1.222

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

@@ -32,8 +32,9 @@ export { Tooltip, type TooltipPosition, TooltipTrigger } from './Tooltip';
 export { Tab, TabBar, TabPanel, Tabs, type TabCode } from './Tabs';
 export { Link, type LinkPropsWithoutAs, type LinkPropsWithAsTag, type LinkPropsWithAsComponent, } from './Link';
 export { StatisticCard } from './StatisticCard';
-export { EmailTemplatePreview, NoEmailTemplatePreview, replaceLocalization, replacePlaceholders } from './EmailTemplatePreview';
+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

@@ -32,8 +32,9 @@ export { Tooltip, TooltipTrigger } from './Tooltip';
 export { Tab, TabBar, TabPanel, Tabs } from './Tabs';
 export { Link } from './Link';
 export { StatisticCard } from './StatisticCard';
-export { EmailTemplatePreview, NoEmailTemplatePreview, replaceLocalization, replacePlaceholders } from './EmailTemplatePreview';
+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.220",
+  "version": "1.1.222",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",