@pushwoosh/smart-components-kit 1.0.14 → 1.0.16

package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.js

@@ -49,22 +49,22 @@ export function CampaignsConfigurationDrawer(props) {
     icon: PushIcon,
     href: `/journeys/${applicationCode}/create?channel=push&segment=${segmentCode}`
   }), React.createElement(Card, {
-    title: "Email based",
+    title: "Email campaign",
     description: "Create tailored communication strategies with follow-ups based on user actions.",
     icon: EmailIcon,
     href: `/journeys/${applicationCode}/create?channel=email&segment=${segmentCode}`
   }), React.createElement(Card, {
-    title: "In-app based",
+    title: "In-app campaign",
     description: "Display the banner to the intended users and monitor their subsequent actions.",
     icon: MobileIcon,
     href: `/journeys/${applicationCode}/create?channel=inapp&segment=${segmentCode}`
   }), React.createElement(Card, {
-    title: "SMS based",
+    title: "SMS campaign",
     description: "Automate SMS delivery for quick, reliable messaging.",
     icon: SmsIcon,
     href: `/journeys/${applicationCode}/create?channel=sms&segment=${segmentCode}`
   }), React.createElement(Card, {
-    title: "WhatsApp based",
+    title: "WhatsApp campaign",
     description: "Engage your audience on WhatsApp with rich, personalized messages.",
     icon: WhatsappIcon,
     href: `/journeys/${applicationCode}/create?channel=whatsapp&segment=${segmentCode}`

package/DynamicContentPicker/DynamicContentPicker.d.ts

@@ -3,6 +3,7 @@ import { type DynamicContent } from '@pushwoosh/dumb-components/RichMessageEdito
 type DynamicContentFormProps = {
     dc?: DynamicContent;
     onChange: (dc: DynamicContent) => void;
+    update?: () => void;
 };
 export declare const DynamicContentPicker: FC<PropsWithChildren<DynamicContentFormProps>>;
 export {};

package/DynamicContentPicker/DynamicContentPicker.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { FieldBox, NativeInput, NativeSelect, Spinner } from '@pushwoosh/dumb-components';
+import React, { useEffect } from 'react';
+import { FieldBox, NativeInput, Select, Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { useDynamicContentTags } from './hooks';
 import { TagPickerDiv } from './styled';
@@ -11,9 +11,15 @@ const defaultDynamicContent = {
 export const DynamicContentPicker = ({
   dc = defaultDynamicContent,
   onChange,
+  update,
   children
 }) => {
   const asyncResult = useDynamicContentTags();
+  useEffect(() => {
+    if (!asyncResult.loading) {
+      update === null || update === void 0 || update();
+    }
+  }, [asyncResult.loading, update]);
   if (asyncResult.loading) {
     return React.createElement(TagPickerDiv, null, React.createElement(Horizontal, {
       "$placeItems": "center",
@@ -31,33 +37,43 @@ export const DynamicContentPicker = ({
     title: "Tag"
   }, React.createElement(Vertical, {
     "$gap": 8
-  }, React.createElement(NativeSelect, {
-    value: dc.tagName,
-    onChange: e => {
+  }, React.createElement(Select, {
+    width: "auto",
+    menuPlacement: "auto",
+    value: {
+      value: dc.tagName,
+      label: dc.tagName
+    },
+    onChange: option => {
       onChange({
-        tagName: e.target.value,
+        tagName: option.value,
         modifier: currentTag.modifiers[0],
         defaultValue: ''
       });
-    }
-  }, !currentTag.name && React.createElement("option", {
-    value: ""
-  }, "Select tag"), tags.map(tag => React.createElement("option", {
-    value: tag.name,
-    key: tag.name
-  }, tag.name))), React.createElement(NativeSelect, {
-    value: dc.modifier,
-    onChange: e => {
+    },
+    options: tags.map(tag => ({
+      value: tag.name,
+      label: tag.name
+    }))
+  }), React.createElement(Select, {
+    width: "auto",
+    menuPlacement: "auto",
+    value: {
+      value: dc.modifier,
+      label: dc.modifier
+    },
+    onChange: option => {
       onChange({
         ...dc,
-        modifier: e.target.value
+        modifier: option.value
       });
     },
-    disabled: !currentTag.name
-  }, currentTag.modifiers.map(modifier => React.createElement("option", {
-    value: modifier,
-    key: modifier
-  }, modifier))))), React.createElement(FieldBox, {
+    options: currentTag.modifiers.map(modifier => ({
+      value: modifier,
+      label: modifier
+    })),
+    isDisabled: !currentTag.name
+  }))), React.createElement(FieldBox, {
     title: "Default Tag Value"
   }, React.createElement(NativeInput, {
     value: dc.defaultValue,

package/RichMessageEditorSmart/NewDynamicContentForm.d.ts

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

package/RichMessageEditorSmart/NewDynamicContentForm.js

@@ -3,12 +3,14 @@ import { Button } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { DynamicContentPicker } from '../DynamicContentPicker';
 export const NewDynamicContentForm = ({
+  update,
   onSubmit
 }) => {
   const [dc, setDc] = useState();
   return React.createElement(DynamicContentPicker, {
     dc: dc,
-    onChange: setDc
+    onChange: setDc,
+    update: update
   }, React.createElement(Horizontal, {
     "$justifyContent": "end"
   }, React.createElement(Button, {

package/RichMessageEditorSmart/RichMessageEditorSmart.js

@@ -7,11 +7,14 @@ export const RichMessageEditorSmart = props => {
     ...props,
     renderDynamicContent: ({
       dc,
-      onChange
+      onChange,
+      update
     }) => dc ? React.createElement(DynamicContentPicker, {
       dc: dc,
-      onChange: onChange
+      onChange: onChange,
+      update: update
     }) : React.createElement(NewDynamicContentForm, {
+      update: update,
       onSubmit: onChange
     })
   });

package/package.json

@@ -17,7 +17,7 @@
   "pre-commit": "check",
   "dependencies": {
     "@emoji-mart/react": "^1.1.1",
-    "@pushwoosh/dumb-components": "^1.0.56",
+    "@pushwoosh/dumb-components": "^1.0.64",
     "@pushwoosh/kit-constants": "^1.6.9",
     "@pushwoosh/kit-helpers": "^4.8.1",
     "@pushwoosh/kit-icons": "^2.1.2",
@@ -26,7 +26,7 @@
   "devDependencies": {
     "@pushwoosh/frontend-builder-engine": "^1.0.17",
     "@pushwoosh/grpc-bridge": "^1.5.36",
-    "@pushwoosh/http-client": "^2.4.12",
+    "@pushwoosh/http-client": "^2.5.0",
     "@pushwoosh/session-store": "^2.5.0",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
@@ -40,7 +40,7 @@
   },
   "peerDependencies": {
     "@pushwoosh/grpc-bridge": "^1.5.36",
-    "@pushwoosh/http-client": "^2.4.12",
+    "@pushwoosh/http-client": "^2.5.0",
     "@pushwoosh/rpc-v2-http-api-data": "^0.1.466",
     "@pushwoosh/session-store": "^2.5.0",
     "react": "^16.14.0 || ^18.0.0",
@@ -49,5 +49,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.14"
+  "version": "1.0.16"
 }