@pushwoosh/dumb-components 1.1.36 → 1.1.38

package/EnhancedInput/EnhancedInput.d.ts

@@ -1,3 +1,5 @@
-import { type FC } from 'react';
-import { type EnhancedInputProps } from './types';
-export declare const EnhancedInput: FC<EnhancedInputProps>;
+import React from 'react';
+export declare const EnhancedInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & import("../native/Input").NativeInputProps & {
+    $icon?: React.ReactNode;
+    $onClear?: () => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/EnhancedInput/EnhancedInput.js

@@ -1,20 +1,21 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { Wrapper } from './styles';
 import { NativeInput } from '../native';
-export const EnhancedInput = ({
+export const EnhancedInput = forwardRef(({
   $icon,
   $onClear,
   ...props
-}) => {
+}, ref) => {
   return React.createElement(Wrapper, {
     "$hasIcon": !!$icon,
     "$hasClear": !!$onClear,
     "$hasError": !!props.$isErrored
   }, $icon, React.createElement(NativeInput, {
-    ...props
+    ...props,
+    ref: ref
   }), $onClear && React.createElement(CloseIcon, {
     size: "small",
     onClick: $onClear
   }));
-};
+});

package/FrequencyCapping/FrequencyCappingEdit.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type CappingBase, type FrequencyCappingEditProps } from './types';
-export declare function FrequencyCappingEdit<T extends CappingBase>({ capping, globalCapping, onChange, applicationCode, editGlobalClicked, }: FrequencyCappingEditProps<T>): React.JSX.Element;
+export declare function FrequencyCappingEdit<T extends CappingBase>({ capping, globalCapping, onChange, applicationCode, editGlobalClicked, isInJourney, }: FrequencyCappingEditProps<T>): React.JSX.Element;

package/FrequencyCapping/FrequencyCappingEdit.js

@@ -4,18 +4,20 @@ import { Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Description } from './components/Description';
 import { EditCappingSettings } from './components/Settings';
-import { getCappingOption, getCappingOptions } from './helpers/getCappingOption';
+import { getCappingOption } from './helpers/getCappingOption';
 import { CappingTypes } from './types';
 import { FieldBox } from '../FieldBox';
 import { Link } from '../Link';
 import { Select } from '../Select';
+import { cappingOptions } from './constants';
 import { Container, LinkWrapper } from './styles';
 export function FrequencyCappingEdit({
   capping,
   globalCapping,
   onChange,
   applicationCode,
-  editGlobalClicked
+  editGlobalClicked,
+  isInJourney = false
 }) {
   const {
     enabled,
@@ -26,7 +28,6 @@ export function FrequencyCappingEdit({
   const cappingOption = getCappingOption(enabled, ignoreGlobalCapping);
   const isGlobalCappingDisabled = globalCapping.count === 0 && globalCapping.days === 0;
   const globalCappingLinkText = isGlobalCappingDisabled ? 'Set up' : 'Settings';
-  const cappingOptions = getCappingOptions(isGlobalCappingDisabled);
   const onChangeFrequencyCapping = React.useCallback(value => {
     if (value === CappingTypes.IGNORE) {
       onChange({
@@ -75,7 +76,8 @@ export function FrequencyCappingEdit({
   })), React.createElement(Description, {
     cappingOption: cappingOption,
     messages: globalCapping.count,
-    days: globalCapping.days
+    days: globalCapping.days,
+    isInJourney: isInJourney
   }, cappingOption === CappingTypes.GLOBAL && React.createElement(Link, {
     href: `/applications/${applicationCode}/message-delivery-settings?tab=capping`,
     title: globalCappingLinkText,

package/FrequencyCapping/FrequencyCappingReadonly.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type CappingBase, type FrequencyCappingReadonlyProps } from './types';
-export declare function FrequencyCappingReadonly<T extends CappingBase>({ capping, globalCapping, applicationCode, editGlobalClicked, }: FrequencyCappingReadonlyProps<T>): React.JSX.Element;
+export declare function FrequencyCappingReadonly<T extends CappingBase>({ capping, globalCapping, applicationCode, editGlobalClicked, isInJourney, }: FrequencyCappingReadonlyProps<T>): React.JSX.Element;

package/FrequencyCapping/FrequencyCappingReadonly.js

@@ -3,26 +3,26 @@ import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Link } from '../Link';
 import { getCappingOption } from './helpers/getCappingOption';
-import { getReadonlyCappingIcon, getReadonlyCappingLabel } from './helpers/getReadonlyCappingHelpers';
+import { getReadonlyCappingLabel } from './helpers/getReadonlyCappingHelpers';
 import { CappingTypes } from './types';
 export function FrequencyCappingReadonly({
   capping,
   globalCapping,
   applicationCode,
-  editGlobalClicked
+  editGlobalClicked,
+  isInJourney = false
 }) {
   const cappingOption = getCappingOption(capping === null || capping === void 0 ? void 0 : capping.enabled, capping === null || capping === void 0 ? void 0 : capping.ignoreGlobalCapping);
   const isGlobalCappingDisabled = globalCapping.count === 0 && globalCapping.days === 0;
   const globalCappingLinkText = isGlobalCappingDisabled ? 'Set up' : 'Settings';
-  const label = getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping);
-  const checkIcon = getReadonlyCappingIcon(cappingOption, isGlobalCappingDisabled);
+  const label = getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney);
   return React.createElement(Vertical, {
     "$gap": 24
   }, React.createElement(Horizontal, {
     "$gap": 8,
     "$justifyContent": "start",
     "$alignItems": "center"
-  }, checkIcon, label, cappingOption === CappingTypes.GLOBAL && React.createElement(Link, {
+  }, label, cappingOption === CappingTypes.GLOBAL && React.createElement(Link, {
     href: `/applications/${applicationCode}/message-delivery-settings?tab=capping`,
     title: globalCappingLinkText,
     target: "_blank",

package/FrequencyCapping/components/Condition/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-type ConditionProps = {
+type ChipFrequencyCappingProps = {
     messages: number;
     days: number;
     tooltip?: string;
+    $inText?: boolean;
 };
-export declare function Condition({ messages, days, tooltip }: ConditionProps): React.JSX.Element;
+export declare function ChipFrequencyCapping({ messages, days, tooltip, $inText }: ChipFrequencyCappingProps): React.JSX.Element;
 export {};

package/FrequencyCapping/components/Condition/index.js

@@ -4,12 +4,15 @@ import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { ChipWithinTextContainer } from './styles';
 import { Chip } from '../../../Chip';
 import { Tooltip } from '../../../Tooltip';
-export function Condition({
+export function ChipFrequencyCapping({
   messages,
   days,
-  tooltip
+  tooltip,
+  $inText = false
 }) {
-  return React.createElement(ChipWithinTextContainer, null, tooltip ? React.createElement(Tooltip, {
+  return React.createElement(ChipWithinTextContainer, {
+    "$inText": $inText
+  }, tooltip ? React.createElement(Tooltip, {
     content: tooltip,
     position: "top-middle"
   }, React.createElement(Chip, {
@@ -25,5 +28,5 @@ export function Condition({
     "$variant": "primary",
     "$readOnly": true,
     as: "span"
-  }, `${messages} messages per ${days} ${days > 1 ? 'days' : 'day'}`));
+  }, messages === 0 && days === 0 ? 'unlimited' : `${messages} messages per ${days} ${days > 1 ? 'days' : 'day'}`));
 }

package/FrequencyCapping/components/Condition/styles.d.ts

@@ -1 +1,3 @@
-export declare const ChipWithinTextContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ChipWithinTextContainer: import("styled-components").StyledComponent<"span", any, {
+    $inText: boolean;
+}, never>;

package/FrequencyCapping/components/Condition/styles.js

@@ -2,4 +2,6 @@ import styled from 'styled-components';
 export const ChipWithinTextContainer = styled.span.withConfig({
   displayName: "ChipWithinTextContainer",
   componentId: "sc-pqahx9-0"
-})(["margin:0 8px;span{line-height:1;}"]);
+})(["", ";span{line-height:1;}"], ({
+  $inText
+}) => $inText && 'margin: 0 8px');

package/FrequencyCapping/components/Description/index.d.ts

@@ -5,6 +5,7 @@ type Props = {
     messages: number;
     days: number;
     children?: ReactNode;
+    isInJourney: boolean;
 };
 export declare function Description(props: Props): React.JSX.Element | undefined;
 export {};

package/FrequencyCapping/components/Description/index.js

@@ -1,25 +1,32 @@
 import React from 'react';
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { CappingTypes } from '../../types';
-import { Condition } from '../Condition';
+import { ChipFrequencyCapping } from '../Condition';
 export function Description(props) {
   const {
     cappingOption,
     messages,
     days,
-    children
+    children,
+    isInJourney
   } = props;
   if (cappingOption === CappingTypes.GLOBAL) {
     if (messages === 0 && days === 0) {
-      return React.createElement(Paragraph, null, "To ensure you don\u2019t overwhelm your subscribers with excessive communication, consider setting up Global frequency capping.", ' ', children);
+      return React.createElement(Paragraph, null, "This message will use an", React.createElement(ChipFrequencyCapping, {
+        days: 0,
+        messages: 0,
+        "$inText": true
+      }), "global frequency capping because limit isn\u2019t set.", ' ', children);
     }
-    return React.createElement(Paragraph, null, "Under the current setup, If the user receives more than", React.createElement(Condition, {
+    return React.createElement(Paragraph, null, "Under the current setup, If the user receives more than", React.createElement(ChipFrequencyCapping, {
       messages: messages,
-      days: days
-    }), ", this message will not be delivered, and the user will proceed to the next step.", ' ', children);
+      days: days,
+      "$inText": true
+    }), `, this message will not be delivered${isInJourney ? ', and the user will proceed to the next step' : ''}. `, children);
   }
   if (cappingOption === CappingTypes.CUSTOM) {
-    return React.createElement(Paragraph, null, "Instead of Global frequency capping, the limit of sent messages you set will be used. If the subscriber exceeds the limit of received messages, they will not receive this message and will proceed to the next step.", ' ', children);
+    return React.createElement(Paragraph, null, `Instead of Global frequency capping, the limit of sent messages you set will be used. If the
+        subscriber exceeds the limit of received messages, they will not receive this message${isInJourney ? ', and will proceed to the next step' : ''}. `, children);
   }
   if (cappingOption === CappingTypes.IGNORE) {
     return React.createElement(Paragraph, null, "The user will receive this message regardless, even if they have exceeded the set message limits for the channel. Use with caution to avoid sending too many messages.", ' ', children);

package/FrequencyCapping/constants.d.ts

@@ -0,0 +1,5 @@
+import { CappingTypes } from './types';
+export declare const cappingOptions: {
+    value: CappingTypes;
+    label: string;
+}[];

package/FrequencyCapping/constants.js

@@ -0,0 +1,11 @@
+import { CappingTypes } from './types';
+export const cappingOptions = [{
+  value: CappingTypes.GLOBAL,
+  label: 'Use global frequency capping settings'
+}, {
+  value: CappingTypes.IGNORE,
+  label: 'Send messages without global frequency capping'
+}, {
+  value: CappingTypes.CUSTOM,
+  label: 'Use custom frequency capping'
+}];

package/FrequencyCapping/helpers/getCappingOption.d.ts

@@ -1,6 +1,2 @@
 import { CappingTypes } from '../types';
 export declare const getCappingOption: (enabled: boolean, ignoreGlobalCapping: boolean) => CappingTypes;
-export declare const getCappingOptions: (isGlobalCappingDisabled: boolean) => {
-    value: CappingTypes;
-    label: string;
-}[];

package/FrequencyCapping/helpers/getCappingOption.js

@@ -7,14 +7,4 @@ export const getCappingOption = (enabled, ignoreGlobalCapping) => {
     return CappingTypes.IGNORE;
   }
   return CappingTypes.GLOBAL;
-};
-export const getCappingOptions = isGlobalCappingDisabled => [{
-  value: CappingTypes.GLOBAL,
-  label: `Use global frequency capping settings${isGlobalCappingDisabled ? ' (currently inactive)' : ''}`
-}, {
-  value: CappingTypes.IGNORE,
-  label: 'Send messages without global frequency capping'
-}, {
-  value: CappingTypes.CUSTOM,
-  label: 'Use custom frequency capping'
-}];
+};

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { type CappingBase, CappingTypes } from '../types';
-export declare function getReadonlyCappingIcon(cappingOption: CappingTypes, isGlobalCappingDisabled: boolean): React.JSX.Element;
 export declare function getReadonlyCappingLabel<T extends CappingBase>(cappingOption: CappingTypes, isGlobalCappingDisabled: boolean, capping: T, globalCapping: {
     count: number;
     days: number;
-}): React.JSX.Element;
+}, isInJourney: boolean): React.JSX.Element;

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.js

@@ -1,32 +1,14 @@
 import React from 'react';
-import { Color } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
-import { CheckRoundIcon, CloseRoundIcon, HelpRoundIcon } from '@pushwoosh/kit-icons';
-import { Paragraph } from '@pushwoosh/kit-typography';
+import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { Tooltip } from '../../Tooltip';
-import { Condition } from '../components/Condition';
+import { ChipFrequencyCapping } from '../components/Condition';
 import { IconWrapper } from '../styles';
 import { CappingTypes } from '../types';
-export function getReadonlyCappingIcon(cappingOption, isGlobalCappingDisabled) {
-  if (cappingOption === CappingTypes.GLOBAL && isGlobalCappingDisabled) {
-    return React.createElement(CloseRoundIcon, {
-      size: "small",
-      view: "filled",
-      color: Color.LOCKED
-    });
-    ;
-  }
-  return React.createElement(CheckRoundIcon, {
-    size: "small",
-    view: "filled",
-    type: "fill",
-    color: Color.BRIGHT
-  });
-}
-export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping) {
-  const tooltip = getReadonlyTooltip(cappingOption, isGlobalCappingDisabled);
+export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney) {
+  const tooltip = getReadonlyTooltip(cappingOption, isInJourney);
   if (cappingOption === CappingTypes.CUSTOM) {
-    return React.createElement(Paragraph, null, "Custom frequency capping for this message:", React.createElement(Condition, {
+    return React.createElement(React.Fragment, null, "Custom frequency capping for this message:", React.createElement(ChipFrequencyCapping, {
       messages: capping.messages,
       days: capping.days,
       tooltip: tooltip
@@ -47,33 +29,21 @@ export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled,
       view: "lined"
     }))));
   }
-  return isGlobalCappingDisabled ? React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$gap": 4,
-    "$justifyContent": "start"
-  }, "Global frequency capping is not active for this channel", React.createElement(Tooltip, {
-    content: tooltip,
-    position: "top-middle"
-  }, React.createElement(IconWrapper, {
-    "$padding": "4px 0"
-  }, React.createElement(HelpRoundIcon, {
-    size: "small",
-    view: "lined"
-  })))) : React.createElement(Paragraph, null, "Global frequency capping:", React.createElement(Condition, {
+  return isGlobalCappingDisabled ? React.createElement(React.Fragment, null, "Global frequency capping:", React.createElement(ChipFrequencyCapping, {
+    days: 0,
+    messages: 0
+  }), "because limit isn\u2019t set") : React.createElement(React.Fragment, null, "Global frequency capping:", React.createElement(ChipFrequencyCapping, {
     messages: globalCapping.count,
     days: globalCapping.days,
     tooltip: tooltip
   }));
 }
-function getReadonlyTooltip(cappingOption, isGlobalCappingDisabled) {
+function getReadonlyTooltip(cappingOption, isInJourney) {
   if (cappingOption === CappingTypes.CUSTOM) {
-    return 'If the subscriber exceeds the limit of received messages, they will not receive this message and will proceed to the next step';
+    return isInJourney ? 'If the subscriber exceeds the limit of received messages, they will not receive this message and will proceed to the next step' : 'If the subscriber exceeds the limit of received messages, they will not receive this message';
   }
   if (cappingOption === CappingTypes.IGNORE) {
     return 'The user will receive this message regardless, even if they have exceeded the set limits for the channel';
   }
-  if (isGlobalCappingDisabled) {
-    return 'Messages will be sent without global limits because capping is currently not active for this channel';
-  }
-  return 'If the subscriber exceeds the limit of received messages, they will not receive this message and will proceed to the next step';
+  return isInJourney ? 'If the subscriber exceeds the limit of received messages, they will not receive this message and will proceed to the next step' : 'If the subscriber exceeds the limit of received messages, they will not receive this message';
 }

package/FrequencyCapping/types.d.ts

@@ -22,6 +22,7 @@ export type FrequencyCappingEditProps<T extends CappingBase> = {
     onChange: (newCappingState: T) => void;
     editGlobalClicked: () => void;
     applicationCode: string;
+    isInJourney?: boolean;
 };
 export type FrequencyCappingReadonlyProps<T extends CappingBase> = {
     capping: T;
@@ -31,4 +32,5 @@ export type FrequencyCappingReadonlyProps<T extends CappingBase> = {
     };
     applicationCode: string;
     editGlobalClicked: () => void;
+    isInJourney?: boolean;
 };

package/SendRate/SendRateEdit.js

@@ -4,10 +4,10 @@ import { Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Description } from './components/Description';
 import { EditSendRateSettings } from './components/Settings';
-import { getSendRateOptions } from './helpers/getSendRateOptions';
 import { FieldBox } from '../FieldBox';
 import { Link } from '../Link';
 import { Select } from '../Select';
+import { sendRateOptions } from './constants';
 import { Container, LinkWrapper } from './styles';
 export function SendRateEdit({
   sendRate,
@@ -24,7 +24,6 @@ export function SendRateEdit({
   } = sendRate;
   const isGlobalSendRateDisabled = globalSendRate.count === 0 && globalSendRate.count === 0;
   const globalSendRateLinkText = isGlobalSendRateDisabled ? 'Set up' : 'Settings';
-  const sendRateOptions = getSendRateOptions(isGlobalSendRateDisabled);
   const onChangeSendRate = React.useCallback(value => {
     if (value === 'CUSTOM') {
       onChange({

package/SendRate/SendRateReadonly.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type SendRateReadonlyProps, type SendRateBase } from './types';
-export declare function SendRateReadonly<T extends SendRateBase>({ sendRate, globalSendRate, applicationCode, editGlobalClicked }: SendRateReadonlyProps<T>): React.JSX.Element;
+export declare function SendRateReadonly<T extends SendRateBase>({ sendRate, globalSendRate, applicationCode, editGlobalClicked, }: SendRateReadonlyProps<T>): React.JSX.Element;

package/SendRate/SendRateReadonly.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Link } from '../Link';
-import { getReadonlySendRateIcon, getReadonlySendRateLabel } from './helpers/getReadonlySendRateHelpers';
+import { getReadonlySendRateLabel } from './helpers/getReadonlySendRateHelpers';
 export function SendRateReadonly({
   sendRate,
   globalSendRate,
@@ -15,14 +15,13 @@ export function SendRateReadonly({
   const isGlobalSendRateDisabled = globalSendRate.count === 0 && globalSendRate.seconds === 0;
   const globalSendRateLinkText = isGlobalSendRateDisabled ? 'Set up' : 'Settings';
   const label = getReadonlySendRateLabel(sendRate, isGlobalSendRateDisabled, globalSendRate);
-  const checkIcon = getReadonlySendRateIcon(policy, isGlobalSendRateDisabled);
   return React.createElement(Vertical, {
     "$gap": 24
   }, React.createElement(Horizontal, {
     "$gap": 8,
     "$justifyContent": "start",
     "$alignItems": "center"
-  }, checkIcon, label, policy === 'GLOBAL' && React.createElement(Link, {
+  }, label, policy === 'GLOBAL' && React.createElement(Link, {
     href: `/applications/${applicationCode}/message-delivery-settings?tab=sendRate`,
     title: globalSendRateLinkText,
     target: "_blank",

package/SendRate/components/Condition/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-type ConditionProps = {
+type ChipSendRateProps = {
     messages: number;
     tooltip?: string;
+    $inText?: boolean;
 };
-export declare function Condition({ messages }: ConditionProps): React.JSX.Element;
+export declare function ChipSendRate({ messages, $inText }: ChipSendRateProps): React.JSX.Element;
 export {};

package/SendRate/components/Condition/index.js

@@ -1,12 +1,15 @@
 import React from 'react';
 import { ChipWithinTextContainer } from './styles';
 import { Chip } from '../../../Chip';
-export function Condition({
-  messages
+export function ChipSendRate({
+  messages,
+  $inText = false
 }) {
-  return React.createElement(ChipWithinTextContainer, null, React.createElement(Chip, {
+  return React.createElement(ChipWithinTextContainer, {
+    "$inText": $inText
+  }, React.createElement(Chip, {
     "$variant": "primary",
     "$readOnly": true,
     as: "span"
-  }, `${messages} messages per 1 sec`));
+  }, messages === 0 ? 'unlimited' : `${messages} messages per 1 sec`));
 }

package/SendRate/components/Condition/styles.d.ts

@@ -1 +1,3 @@
-export declare const ChipWithinTextContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ChipWithinTextContainer: import("styled-components").StyledComponent<"span", any, {
+    $inText: boolean;
+}, never>;

package/SendRate/components/Condition/styles.js

@@ -2,4 +2,6 @@ import styled from 'styled-components';
 export const ChipWithinTextContainer = styled.span.withConfig({
   displayName: "ChipWithinTextContainer",
   componentId: "sc-1emj3bf-0"
-})(["margin:0 8px;span{line-height:1;}"]);
+})(["", ";span{line-height:1;}"], ({
+  $inText
+}) => $inText && 'margin: 0 8px');

package/SendRate/components/Description/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Paragraph } from '@pushwoosh/kit-typography';
-import { Condition } from '../Condition';
+import { ChipSendRate } from '../Condition';
 export function Description(props) {
   const {
     sendRateOption,
@@ -10,10 +10,14 @@ export function Description(props) {
   } = props;
   if (sendRateOption === 'GLOBAL') {
     if (messages === 0 && seconds === 0) {
-      return React.createElement(Paragraph, null, "To ensure you don\u2019t overload your systems or backend during high-volume campaigns, consider setting up Global send rate control.", ' ', children);
+      return React.createElement(Paragraph, null, "This message will use an", React.createElement(ChipSendRate, {
+        messages: 0,
+        "$inText": true
+      }), "global send rate because limit isn\u2019t set.", ' ', children);
     }
-    return React.createElement(Paragraph, null, "This message will use the Global send rate limit of", React.createElement(Condition, {
-      messages: messages
+    return React.createElement(Paragraph, null, "This message will use the Global send rate limit of", React.createElement(ChipSendRate, {
+      messages: messages,
+      "$inText": true
     }), "to help reduce backend load.", ' ', children);
   }
   if (sendRateOption === 'CUSTOM') {

package/SendRate/constants.d.ts

@@ -0,0 +1,2 @@
+import { type SendRateOption } from './types';
+export declare const sendRateOptions: SendRateOption[];

package/SendRate/constants.js

@@ -0,0 +1,10 @@
+export const sendRateOptions = [{
+  value: 'GLOBAL',
+  label: `Use global send rate settings`
+}, {
+  value: 'IGNORE',
+  label: 'Send messages without global send rate'
+}, {
+  value: 'CUSTOM',
+  label: 'Use custom send rate'
+}];

package/SendRate/helpers/getReadonlySendRateHelpers.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { type SendRateBase, type SendRatePolicy } from '../types';
-export declare function getReadonlySendRateIcon(sendRateOption: SendRatePolicy, isGlobalSendRateDisabled: boolean): React.JSX.Element;
+import { type SendRateBase } from '../types';
 export declare function getReadonlySendRateLabel<T extends SendRateBase>(sendRateOption: T, isGlobalSendRateDisabled: boolean, globalSendRate: {
     count: number;
     seconds: number;

package/SendRate/helpers/getReadonlySendRateHelpers.js

@@ -1,35 +1,17 @@
 import React from 'react';
-import { Color } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
-import { CheckRoundIcon, CloseRoundIcon, HelpRoundIcon } from '@pushwoosh/kit-icons';
-import { Paragraph } from '@pushwoosh/kit-typography';
+import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { Tooltip } from '../../Tooltip';
-import { Condition } from '../components/Condition';
+import { ChipSendRate } from '../components/Condition';
 import { IconWrapper } from '../styles';
-export function getReadonlySendRateIcon(sendRateOption, isGlobalSendRateDisabled) {
-  if (sendRateOption === 'GLOBAL' && isGlobalSendRateDisabled) {
-    return React.createElement(CloseRoundIcon, {
-      size: "small",
-      view: "filled",
-      color: Color.LOCKED
-    });
-    ;
-  }
-  return React.createElement(CheckRoundIcon, {
-    size: "small",
-    view: "filled",
-    type: "fill",
-    color: Color.BRIGHT
-  });
-}
 export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisabled, globalSendRate) {
   const {
     policy,
     sendRate
   } = sendRateOption;
-  const tooltip = getReadonlyTooltip(policy, isGlobalSendRateDisabled);
+  const tooltip = getReadonlyTooltip(policy);
   if (policy === 'CUSTOM') {
-    return React.createElement(Paragraph, null, "Custom send rate for this message:", React.createElement(Condition, {
+    return React.createElement(React.Fragment, null, "Custom send rate for this message:", React.createElement(ChipSendRate, {
       messages: sendRate
     }));
   }
@@ -38,7 +20,7 @@ export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisable
       "$alignItems": "center",
       "$gap": 4,
       "$justifyContent": "start"
-    }, "Send messages without send rate", React.createElement(Tooltip, {
+    }, "Send messages without global send rate", React.createElement(Tooltip, {
       content: tooltip,
       position: "top-middle"
     }, React.createElement(IconWrapper, {
@@ -48,31 +30,18 @@ export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisable
       view: "lined"
     }))));
   }
-  return isGlobalSendRateDisabled ? React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$gap": 4,
-    "$justifyContent": "start"
-  }, "Global send rate is not active for this channel", React.createElement(Tooltip, {
-    content: tooltip,
-    position: "top-middle"
-  }, React.createElement(IconWrapper, {
-    "$padding": "4px 0"
-  }, React.createElement(HelpRoundIcon, {
-    size: "small",
-    view: "lined"
-  })))) : React.createElement(Paragraph, null, "Global send rate:", React.createElement(Condition, {
+  return isGlobalSendRateDisabled ? React.createElement(React.Fragment, null, "Global send rate:", React.createElement(ChipSendRate, {
+    messages: 0
+  }), "because limit isn\u2019t set") : React.createElement(React.Fragment, null, "Global send rate:", React.createElement(ChipSendRate, {
     messages: globalSendRate.count
   }));
 }
-function getReadonlyTooltip(sendRateOption, isGlobalSendRateDisabled) {
+function getReadonlyTooltip(sendRateOption) {
   if (sendRateOption === 'CUSTOM') {
     return '';
   }
   if (sendRateOption === 'IGNORE') {
     return 'Messages will be sent without rate limits, if possible, because no send rate is applied to this message';
   }
-  if (isGlobalSendRateDisabled) {
-    return 'Messages will be sent as fast as possible because the global send rate limit is currently not active for this channel';
-  }
   return '';
 }

package/package.json

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

package/SendRate/helpers/getSendRateOptions.d.ts

@@ -1,2 +0,0 @@
-import { type SendRateOption } from '../types';
-export declare const getSendRateOptions: (isGlobalSendRateDisabled: boolean) => SendRateOption[];

package/SendRate/helpers/getSendRateOptions.js

@@ -1,10 +0,0 @@
-export const getSendRateOptions = isGlobalSendRateDisabled => [{
-  value: 'GLOBAL',
-  label: `Use global send rate settings${isGlobalSendRateDisabled ? ' (currently inactive)' : ''}`
-}, {
-  value: 'IGNORE',
-  label: 'Send messages without send rate'
-}, {
-  value: 'CUSTOM',
-  label: 'Use custom send rate'
-}];