@pushwoosh/smart-components-kit 1.0.12 → 1.0.13

package/RichMessageEditorSmart/NewDynamicContentForm.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type DynamicContent } from '@pushwoosh/dumb-components/RichMessageEditor/slate/types';
+export declare const NewDynamicContentForm: FC<{
+    onSubmit: (dc: DynamicContent) => void;
+}>;

package/RichMessageEditorSmart/NewDynamicContentForm.js

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { Button } from '@pushwoosh/dumb-components';
+import { Horizontal } from '@pushwoosh/kit-helpers';
+import { DynamicContentPicker } from '../DynamicContentPicker';
+export const NewDynamicContentForm = ({
+  onSubmit
+}) => {
+  const [dc, setDc] = useState();
+  return React.createElement(DynamicContentPicker, {
+    dc: dc,
+    onChange: setDc
+  }, React.createElement(Horizontal, {
+    "$justifyContent": "end"
+  }, React.createElement(Button, {
+    color: "secondary",
+    onClick: () => onSubmit(dc),
+    isDisabled: !dc
+  }, "Insert")));
+};

package/RichMessageEditorSmart/RichMessageEditorSmart.js

@@ -1,15 +1,18 @@
 import React from 'react';
 import { RichMessageEditor } from '@pushwoosh/dumb-components';
 import { DynamicContentPicker } from '../DynamicContentPicker';
+import { NewDynamicContentForm } from './NewDynamicContentForm';
 export const RichMessageEditorSmart = props => {
   return React.createElement(RichMessageEditor, {
     ...props,
     renderDynamicContent: ({
       dc,
       onChange
-    }) => React.createElement(DynamicContentPicker, {
+    }) => dc ? React.createElement(DynamicContentPicker, {
       dc: dc,
       onChange: onChange
+    }) : React.createElement(NewDynamicContentForm, {
+      onSubmit: onChange
     })
   });
 };

package/package.json

@@ -17,7 +17,7 @@
   "pre-commit": "check",
   "dependencies": {
     "@emoji-mart/react": "^1.1.1",
-    "@pushwoosh/dumb-components": "^1.0.49",
+    "@pushwoosh/dumb-components": "^1.0.56",
     "@pushwoosh/kit-constants": "^1.6.9",
     "@pushwoosh/kit-helpers": "^4.8.1",
     "@pushwoosh/kit-icons": "^2.1.2",
@@ -49,5 +49,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.12"
+  "version": "1.0.13"
 }