@pushwoosh/smart-components-kit 1.0.22 → 1.0.24

package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.js

@@ -10,6 +10,7 @@ export function CampaignsConfigurationDrawer(props) {
     applicationCode,
     segmentCode,
     isOpen,
+    segmentTitle = '',
     onClose
   } = props;
   return React.createElement(Drawer, {
@@ -47,26 +48,26 @@ export function CampaignsConfigurationDrawer(props) {
     title: "Push notification based",
     description: "Create a targeted campaign for users and plan follow-up for unopened messages.",
     icon: PushIcon,
-    href: `/journeys/${applicationCode}/create?channel=push&segment=${segmentCode}`
+    href: `/journeys/${applicationCode}/create?channel=push&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
     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}`
+    href: `/journeys/${applicationCode}/create?channel=email&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
     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}`
+    href: `/journeys/${applicationCode}/create?channel=inapp&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
     title: "SMS campaign",
     description: "Automate SMS delivery for quick, reliable messaging.",
     icon: SmsIcon,
-    href: `/journeys/${applicationCode}/create?channel=sms&segment=${segmentCode}`
+    href: `/journeys/${applicationCode}/create?channel=sms&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
     title: "WhatsApp campaign",
     description: "Engage your audience on WhatsApp with rich, personalized messages.",
     icon: WhatsappIcon,
-    href: `/journeys/${applicationCode}/create?channel=whatsapp&segment=${segmentCode}`
+    href: `/journeys/${applicationCode}/create?channel=whatsapp&segment=${segmentCode}&segment_title=${segmentTitle}`
   }))))));
 }

package/CampaignsConfigurationDrawer/types.d.ts

@@ -2,5 +2,6 @@ export type CampaignsConfigurationDrawerProps = {
     isOpen: boolean;
     applicationCode: string;
     segmentCode: string;
+    segmentTitle?: string;
     onClose: () => void;
 };

package/DynamicContentPickerForm/SimpleDynamicContentPickerFormSmart.js

@@ -2,7 +2,7 @@ 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';
+import { SimpleTagPickerDiv } from './styled';
 const defaultDynamicContent = {
   tagName: '',
   modifier: 'regular',
@@ -21,7 +21,7 @@ export const SimpleDynamicContentPickerFormSmart = ({
     }
   }, [asyncResult.loading, update]);
   if (asyncResult.loading) {
-    return React.createElement(TagPickerDiv, null, React.createElement(Horizontal, {
+    return React.createElement(SimpleTagPickerDiv, null, React.createElement(Horizontal, {
       "$placeItems": "center",
       "$padding": 36
     }, React.createElement(Spinner, {
@@ -33,7 +33,7 @@ export const SimpleDynamicContentPickerFormSmart = ({
     name: '',
     modifiers: ['regular']
   };
-  return React.createElement(TagPickerDiv, null, React.createElement(FieldBox, {
+  return React.createElement(SimpleTagPickerDiv, null, React.createElement(FieldBox, {
     title: "Tag"
   }, React.createElement(Vertical, {
     "$gap": 8

package/DynamicContentPickerForm/VariedDynamicContentPickerFormSmart.js

@@ -5,7 +5,7 @@ import { DynamicContentCustomPickerForm } from './DynamicContentCustomPickerForm
 import { DynamicContentEventPickerForm } from './DynamicContentEventPickerForm';
 import { DynamicContentTagPickerForm } from './DynamicContentTagPickerForm';
 import { useVariedDynamicContentTags } from './hooks';
-import { TagPickerDiv } from './styled';
+import { VariedTagPickerDiv } from './styled';
 import { createDefaultDynamicContent } from './utils';
 const defaultVariedDynamicContent = {
   kind: 'tag',
@@ -39,7 +39,7 @@ export const VariedDynamicContentPickerFormSmart = ({
     update();
   }, [asyncResult.loading, update]);
   if (asyncResult.loading) {
-    return React.createElement(TagPickerDiv, null, React.createElement(Horizontal, {
+    return React.createElement(VariedTagPickerDiv, null, React.createElement(Horizontal, {
       "$placeItems": "center",
       "$padding": 36
     }, React.createElement(Spinner, {
@@ -47,7 +47,7 @@ export const VariedDynamicContentPickerFormSmart = ({
     })));
   }
   const isValidDc = vdc.kind === 'tag' && vdc.dc.tagName !== '' && vdc.dc.modifier !== '' || vdc.kind === 'event' && vdc.dc.eventName !== '' && vdc.dc.attribute !== '' || vdc.kind === 'customText' && vdc.dc.text !== '';
-  return React.createElement(TagPickerDiv, null, React.createElement(Vertical, {
+  return React.createElement(VariedTagPickerDiv, null, React.createElement(Vertical, {
     "$gap": 8
   }, React.createElement(FieldBox, {
     title: "Variable Type"

package/DynamicContentPickerForm/styled.d.ts

@@ -1,5 +1,5 @@
 import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
-export declare const TagPickerDiv: import("styled-components").StyledComponent<"div", any, {
+export declare const SimpleTagPickerDiv: import("styled-components").StyledComponent<"div", any, {
     $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
     $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
     $bgColor?: string | undefined;
@@ -58,6 +58,67 @@ export declare const TagPickerDiv: import("styled-components").StyledComponent<"
     $gap: number;
     $padding: number;
     $borderRadius: ShapeRadius;
+}, "$gridAutoFlow" | "$borderRadius" | "$gap" | "$padding">;
+export declare const VariedTagPickerDiv: import("styled-components").StyledComponent<"div", any, {
+    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $bgColor?: string | undefined;
+    $border?: string | ({
+        top?: string | undefined;
+        right?: string | undefined;
+        bottom?: string | undefined;
+        left?: string | undefined;
+    } | {
+        horizontal: string;
+        top?: string | undefined;
+        bottom?: string | undefined;
+    } | {
+        vertical: string;
+        right?: string | undefined;
+        left?: string | undefined;
+    }) | undefined;
+    $borderRadius?: (string | number) | undefined;
+    $boxShadow?: string | undefined;
+    $gap?: (string | number) | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
+    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $margin?: (string | number) | ({
+        top?: (string | number) | undefined;
+        right?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    } | {
+        horizontal: string | number;
+        top?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+    } | {
+        vertical: string | number;
+        right?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    }) | undefined;
+    $padding?: (string | number) | ({
+        top?: (string | number) | undefined;
+        right?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    } | {
+        horizontal: string | number;
+        top?: (string | number) | undefined;
+        bottom?: (string | number) | undefined;
+    } | {
+        vertical: string | number;
+        right?: (string | number) | undefined;
+        left?: (string | number) | undefined;
+    }) | undefined;
+    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
+} & {
+    $gridAutoFlow: string;
+} & {
+    $gap: number;
+    $padding: number;
+    $borderRadius: ShapeRadius;
+} & {
     $border: string;
     $bgColor: Color;
     $boxShadow: Shadow;

package/DynamicContentPickerForm/styled.js

@@ -1,14 +1,19 @@
 import styled from 'styled-components';
 import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
-export const TagPickerDiv = styled(Vertical).attrs({
+export const SimpleTagPickerDiv = styled(Vertical).attrs({
   $gap: 16,
   $padding: 16,
-  $borderRadius: ShapeRadius.CONTROL,
+  $borderRadius: ShapeRadius.CONTROL
+}).withConfig({
+  displayName: "SimpleTagPickerDiv",
+  componentId: "sc-17kpm8h-0"
+})(["width:240px;"]);
+export const VariedTagPickerDiv = styled(SimpleTagPickerDiv).attrs({
   $border: `1px solid ${Color.FORM}`,
   $bgColor: Color.FROZEN,
   $boxShadow: Shadow.REGULAR
 }).withConfig({
-  displayName: "TagPickerDiv",
-  componentId: "sc-17kpm8h-0"
-})(["width:240px;"]);
+  displayName: "VariedTagPickerDiv",
+  componentId: "sc-17kpm8h-1"
+})([""]);

package/package.json

@@ -18,7 +18,7 @@
   "dependencies": {
     "@emoji-mart/react": "^1.1.1",
     "@floating-ui/react-dom": "^2.1.2",
-    "@pushwoosh/dumb-components": "^1.0.74",
+    "@pushwoosh/dumb-components": "^1.1.2",
     "@pushwoosh/kit-constants": "^1.6.9",
     "@pushwoosh/kit-helpers": "^4.8.1",
     "@pushwoosh/kit-icons": "^2.1.2",
@@ -50,5 +50,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.22"
+  "version": "1.0.24"
 }