@pushwoosh/dumb-components 1.0.73 → 1.0.75

package/PushPreview/PushPreview.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Vertical } from '@pushwoosh/kit-helpers';
-import { NoPushPreview } from './components/NoPushPreview';
+import { MissedContentPreview } from './components/MissedContentPreview';
 import { SilentPushPreview } from './components/SilentPushPreview';
 import { PREVIEW_ICON_URL } from './constants';
 import { getLocalizedContent } from './helpers';
@@ -18,7 +18,6 @@ export function PushPreview({
   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 = (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, {
       view: view,
@@ -28,8 +27,8 @@ export function PushPreview({
   if (view === 'silent') {
     return React.createElement(SilentPushPreview, null);
   }
-  if (!pushPreset && !isLoading) {
-    return React.createElement(NoPushPreview, null);
+  if (view === 'missed-content') {
+    return React.createElement(MissedContentPreview, null);
   }
   return React.createElement(PushBox, {
     view: view,
@@ -38,16 +37,14 @@ export function PushPreview({
   }, React.createElement(PushIcon, {
     alt: title,
     src: icon
-  }), React.createElement(Vertical, null, React.createElement(PushTitle, {
-    locked: isLocked
-  }, React.createElement(RichMessageViewer, {
+  }), React.createElement(Vertical, null, React.createElement(PushTitle, null, React.createElement(RichMessageViewer, {
     value: title,
     flat: true
   })), React.createElement(PushDescription, {
     view: view,
-    locked: !content
-  }, !content ? 'Message is empty…' : React.createElement(RichMessageViewer, {
+    locked: !pushPreset || !content
+  }, content && React.createElement(RichMessageViewer, {
     flat: view === 'compact',
     value: content
-  }))));
+  }), !content && view === 'empty' && 'Select existing or create a new content…', !content && view !== 'empty' && 'Message is empty…')));
 }

package/PushPreview/components/MissedContentPreview/MissedContentPreview.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from 'react';
+export declare function MissedContentPreview(): ReactElement;

package/PushPreview/components/{NoPushPreview/NoPushPreview.js → MissedContentPreview/MissedContentPreview.js}

@@ -3,11 +3,15 @@ import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { PushBox, IconContainer, PushTitle, PushDescription } from '../../styles';
-export function NoPushPreview() {
+export function MissedContentPreview() {
   return React.createElement(PushBox, {
     view: "compact"
   }, React.createElement(IconContainer, null, React.createElement(CloseIcon, {
     size: "small",
     color: Color.CLEAR
-  })), React.createElement(Vertical, null, React.createElement(PushTitle, null, "Content missed"), React.createElement(PushDescription, null, "Might be old data or deleted presets")));
+  })), React.createElement(Vertical, null, React.createElement(PushTitle, {
+    locked: true
+  }, "Content missed"), React.createElement(PushDescription, {
+    locked: true
+  }, "Might be old data or deleted presets")));
 }

package/PushPreview/components/MissedContentPreview/index.d.ts

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

package/PushPreview/components/MissedContentPreview/index.js

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

package/PushPreview/types.d.ts

@@ -1,4 +1,4 @@
-export type PushPreviewView = 'compact' | 'extended' | 'silent';
+export type PushPreviewView = 'compact' | 'extended' | 'silent' | 'missed-content' | 'empty';
 export interface PushBasicData {
     title?: Record<string, string>;
     content?: Record<string, string>;

package/RichMessageEditor/RichMessageEditor.js

@@ -7,7 +7,7 @@ import { FieldBox } from '../FieldBox';
 import EmojiIcon from './assets/EmojiIcon.svg';
 import PersonalizationIcon from './assets/PersonalizationIcon.svg';
 import { EmojiPicker } from './EmojiPicker';
-import { ImSpan } from './RichMessageEditor.styled';
+import { DropArea, ImSpan } from './RichMessageEditor.styled';
 import { getDcByPath } from './slate/helpers';
 import { SlateEditable, SlateEditor } from './slate/SlateEditor';
 export const RichMessageEditor = ({
@@ -114,7 +114,7 @@ export const RichMessageEditor = ({
       onDelete: () => {
         setShowDrop(undefined);
       }
-    }), showDrop && React.createElement("div", {
+    }), showDrop && React.createElement(DropArea, {
       style: floatingStyles,
       ref: refs.setFloating,
       key: showDrop.type

package/RichMessageEditor/RichMessageEditor.styled.d.ts

@@ -1 +1,2 @@
 export declare const ImSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DropArea: import("styled-components").StyledComponent<"div", any, {}, never>;

package/RichMessageEditor/RichMessageEditor.styled.js

@@ -3,4 +3,8 @@ import { Color } from '@pushwoosh/kit-constants';
 export const ImSpan = styled.span.withConfig({
   displayName: "ImSpan",
   componentId: "sc-kdvgj9-0"
-})(["color:", ";position:relative;padding-left:20px;font-size:12px;font-style:normal;font-weight:500;line-height:130%;text-transform:uppercase;cursor:pointer;> svg{position:absolute;left:0;top:-1px;}"], Color.SOFT);
+})(["color:", ";position:relative;padding-left:20px;font-size:12px;font-style:normal;font-weight:500;line-height:130%;text-transform:uppercase;cursor:pointer;> svg{position:absolute;left:0;top:-1px;}"], Color.SOFT);
+export const DropArea = styled.div.withConfig({
+  displayName: "DropArea",
+  componentId: "sc-kdvgj9-1"
+})(["z-index:1000;"]);

package/package.json

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

package/PushPreview/components/NoPushPreview/NoPushPreview.d.ts

@@ -1,2 +0,0 @@
-import { type ReactElement } from 'react';
-export declare function NoPushPreview(): ReactElement;

package/PushPreview/components/NoPushPreview/index.d.ts

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

package/PushPreview/components/NoPushPreview/index.js

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