@pushwoosh/dumb-components 1.0.56 → 1.0.58

package/PushPreview/PushPreview.js

@@ -5,6 +5,7 @@ import { SilentPushPreview } from './components/SilentPushPreview';
 import { PREVIEW_ICON_URL } from './constants';
 import { getLocalizedContent } from './helpers';
 import { PushBox, PushIcon, PushTitle, PushDescription } from './styles';
+import { RichMessageViewer } from '../RichMessageEditor';
 export function PushPreview(props) {
   const {
     pushPreset,
@@ -17,7 +18,7 @@ export function PushPreview(props) {
   } = props;
   const title = getLocalizedContent((pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.title) || (pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.localizedTitle), language) || appTitle;
   const content = getLocalizedContent((pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.content) || (pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.localizedContent), language);
-  const icon = content ? (pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.icon) || appIcon : PREVIEW_ICON_URL;
+  const icon = (pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.icon) || appIcon || PREVIEW_ICON_URL;
   const isLocked = !pushPreset || !content || view === 'silent';
   if (isLoading) {
     return React.createElement(PushBox, {
@@ -40,8 +41,13 @@ export function PushPreview(props) {
     src: icon
   }), React.createElement(Vertical, null, React.createElement(PushTitle, {
     locked: isLocked
-  }, title), React.createElement(PushDescription, {
+  }, React.createElement(RichMessageViewer, {
+    value: title,
+    flat: true
+  })), React.createElement(PushDescription, {
     view: view,
     locked: !content
-  }, !content ? 'Message is empty…' : content)));
+  }, !content ? 'Message is empty…' : React.createElement(RichMessageViewer, {
+    value: content
+  }))));
 }

package/PushPreview/styles.js

@@ -25,7 +25,7 @@ export const IconContainer = styled.div.withConfig({
 export const PushIcon = styled.img.withConfig({
   displayName: "PushIcon",
   componentId: "sc-185rvhg-2"
-})(["width:24px;height:24px;background:", ";border-radius:", ";"], Color.PHANTOM, ShapeRadius.CONTROL);
+})(["width:24px;height:24px;border-radius:", ";"], ShapeRadius.CONTROL);
 export const PushTitle = styled.div.withConfig({
   displayName: "PushTitle",
   componentId: "sc-185rvhg-3"

package/RichMessageEditor/RichMessageViewer.d.ts

@@ -2,5 +2,5 @@ import { type FC } from 'react';
 import { type RichMessageEditorContent } from './types';
 export declare const RichMessageViewer: FC<{
     value: RichMessageEditorContent | string;
-    lineBreaks?: boolean;
+    flat?: boolean;
 }>;

package/RichMessageEditor/RichMessageViewer.js

@@ -3,12 +3,12 @@ import { DynamicContentBracket, DynamicContentRoot } from './RichMessageViewer.s
 import { isElement, string2content } from './slate/helpers';
 export const RichMessageViewer = ({
   value,
-  lineBreaks
+  flat
 }) => {
   const content = useMemo(() => {
     return Array.isArray(value) ? value : string2content(value);
   }, [value]);
-  const separator = lineBreaks ? React.createElement("br", null) : ' ';
+  const separator = flat ? ' ' : React.createElement("br", null);
   return content.map((node, index) => {
     const children = node.children.map((child, idx) => {
       if (isElement(child) && child.type === 'dc') {

package/package.json

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