@pushwoosh/dumb-components 4.1.0 → 4.2.1

package/Button/Button.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronIcon } from '@pushwoosh/kit-icons';
 import { Spinner } from '../Spinner';
 import { geometryBySizeAndView, spinnerSizeBySize } from './constants';
-import { ButtonBox, ButtonIcon, ButtonSpinner, ButtonContent } from './styles';
+import { ButtonBox, ButtonChevron, ButtonIcon, ButtonSpinner, ButtonContent } from './styles';
 export function Button(props) {
   const {
     type = 'button',
@@ -14,6 +15,7 @@ export function Button(props) {
     isOpen,
     icon,
     rightIcon,
+    hasChevron,
     children,
     onClick,
     ...rest
@@ -26,6 +28,10 @@ export function Button(props) {
     console.error(`[Button]: cannot render with color "${color}" and size "${size}" and view "${view}"`);
     return null;
   }
+  if (process.env.NODE_ENV === 'development' && hasChevron && rightIcon) {
+    console.warn('[Button]: rightIcon is ignored when hasChevron is set');
+  }
+  const isShowRightIcon = !!rightIcon && !hasChevron;
   const isShowOverlaySpinner = !!children && !icon && view !== 'ghost' && isLoading;
   const isDisabledNonButton = !!isDisabled && !!rest.as && rest.as !== 'button';
   const handleClick = isDisabledNonButton ? event => {
@@ -47,7 +53,8 @@ export function Button(props) {
     "$isOpen": isOpen,
     "$hideContent": isShowOverlaySpinner,
     "$hasLeftIcon": !!icon,
-    "$hasRightIcon": !!rightIcon,
+    "$hasRightIcon": isShowRightIcon,
+    "$hasChevron": hasChevron,
     "$hasContent": !!children,
     ref: boxRef,
     children: [icon && _jsx(ButtonIcon, {
@@ -58,8 +65,15 @@ export function Button(props) {
       children: _jsx("div", {
         children: children
       })
-    }), rightIcon && _jsx(ButtonIcon, {
+    }), isShowRightIcon && _jsx(ButtonIcon, {
       children: rightIcon
+    }), hasChevron && _jsx(ButtonChevron, {
+      "$isOpen": isOpen,
+      "aria-hidden": true,
+      children: _jsx(ChevronIcon, {
+        size: "small",
+        direction: "down"
+      })
     }), isShowOverlaySpinner && _jsx(ButtonSpinner, {
       children: _jsx(Spinner, {
         color: "danger",

package/Button/constants.d.ts

@@ -7,6 +7,9 @@ export type ButtonGeometry = {
     readonly labelPadding: string;
     readonly gap: string;
     readonly iconSlot: string;
+    /** Label→chevron distance; defaults to `gap`. */
+    readonly chevronGap?: string;
+    readonly chevronEdge: string;
     readonly fontSize: string;
     readonly lineHeight: number;
     readonly fontWeight: number;

package/Button/constants.js

@@ -1,4 +1,5 @@
 import { FontSize, FontWeight, LineHeight, UnitSize } from '@pushwoosh/kit-constants';
+const rhythm = '6px';
 const fieldTypography = {
   fontSize: FontSize.REGULAR,
   lineHeight: LineHeight.REGULAR,
@@ -13,15 +14,17 @@ const compactTypography = {
 };
 const boxed = {
   border: '1px',
-  padding: '6px',
-  labelPadding: '6px',
-  gap: '0px'
+  padding: rhythm,
+  labelPadding: rhythm,
+  gap: '0px',
+  chevronGap: '4px'
 };
 const fieldBox = {
   ...fieldTypography,
   ...boxed,
   height: UnitSize.FIELD_HEIGHT,
-  iconSlot: UnitSize.ICON_MEDIUM
+  iconSlot: UnitSize.ICON_MEDIUM,
+  chevronEdge: '8px'
 };
 /** Geometry per `size` × `view`; colors live in `colors.ts`. */
 export const geometryBySizeAndView = {
@@ -34,7 +37,8 @@ export const geometryBySizeAndView = {
       ...compactTypography,
       ...boxed,
       height: UnitSize.COMPACT_HEIGHT,
-      iconSlot: UnitSize.ICON_SMALL
+      iconSlot: UnitSize.ICON_SMALL,
+      chevronEdge: rhythm
     },
     ghost: {
       ...compactTypography,
@@ -42,8 +46,9 @@ export const geometryBySizeAndView = {
       border: '0px',
       padding: '0px',
       labelPadding: '0px',
-      gap: '6px',
-      iconSlot: UnitSize.ICON_SMALL
+      gap: rhythm,
+      iconSlot: UnitSize.ICON_SMALL,
+      chevronEdge: '0px'
     }
   }
 };

package/Button/styles.d.ts

@@ -5,6 +5,11 @@ export declare const ButtonIcon: import("styled-components/dist/types").IStyledC
 export declare const ButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }> & string;
+export declare const ButtonChevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $isOpen?: boolean;
+}>> & string;
 export declare const ButtonSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }> & string;
@@ -18,6 +23,7 @@ type ButtonBoxProps = {
     $hideContent?: boolean;
     $hasLeftIcon?: boolean;
     $hasRightIcon?: boolean;
+    $hasChevron?: boolean;
     $hasContent?: boolean;
 };
 export declare const ButtonBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {

package/Button/styles.js

@@ -10,24 +10,32 @@ export const ButtonContent = styled.div.withConfig({
   displayName: "ButtonContent",
   componentId: "sc-qltvdl-1"
 })(["display:grid;justify-content:start;padding:0 var(--btn-label-padding);& > div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}&:first-child{justify-content:center;}"]);
+export const ButtonChevron = styled.span.withConfig({
+  displayName: "ButtonChevron",
+  componentId: "sc-qltvdl-2"
+})(["display:flex;margin-right:calc(var(--btn-chevron-edge) - var(--btn-padding));transform:", ";transition:transform 150ms;@media (prefers-reduced-motion:reduce){transition:none;}"], ({
+  $isOpen
+}) => $isOpen ? 'rotate(180deg)' : 'none');
 export const ButtonSpinner = styled.div.withConfig({
   displayName: "ButtonSpinner",
-  componentId: "sc-qltvdl-2"
+  componentId: "sc-qltvdl-3"
 })(["position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;"]);
 function geometryVars(geometry) {
-  return css(["--btn-height:", ";--btn-border:", ";--btn-padding:", ";--btn-label-padding:", ";--btn-gap:", ";--btn-icon-slot:", ";font-size:", ";line-height:", ";font-weight:", ";text-transform:", ";"], geometry.height, geometry.border, geometry.padding, geometry.labelPadding, geometry.gap, geometry.iconSlot, geometry.fontSize, geometry.lineHeight, geometry.fontWeight, geometry.textTransform);
+  return css(["--btn-height:", ";--btn-border:", ";--btn-padding:", ";--btn-label-padding:", ";--btn-gap:", ";--btn-icon-slot:", ";--btn-chevron-gap:", ";--btn-chevron-edge:", ";font-size:", ";line-height:", ";font-weight:", ";text-transform:", ";"], geometry.height, geometry.border, geometry.padding, geometry.labelPadding, geometry.gap, geometry.iconSlot, geometry.chevronGap ?? geometry.gap, geometry.chevronEdge, geometry.fontSize, geometry.lineHeight, geometry.fontWeight, geometry.textTransform);
 }
 const ghostCompactHitArea = css(["&::before{content:'';position:absolute;inset:calc((var(--btn-height) - ", ") / 2) 0;}"], UnitSize.COMPACT_HEIGHT);
 export const ButtonBox = styled.button.withConfig({
   displayName: "ButtonBox",
-  componentId: "sc-qltvdl-3"
-})(["", " position:relative;display:inline-grid;align-items:center;grid-template-columns:", ";gap:var(--btn-gap);box-sizing:border-box;height:var(--btn-height);padding:0 calc(var(--btn-padding) - var(--btn-border));appearance:none !important;border-style:solid;border-width:var(--btn-border) var(--btn-border-right,var(--btn-border)) var(--btn-border) var(--btn-border-left,var(--btn-border));border-radius:var(--btn-radius-left,", ") var(--btn-radius-right,", ") var(--btn-radius-right,", ") var(--btn-radius-left,", ");text-decoration:none;cursor:", ";user-select:none;&:hover{text-decoration:none;}&:focus{outline:none;}&:active{pointer-events:", ";}", " & ", "{opacity:", ";}", ""], ({
+  componentId: "sc-qltvdl-4"
+})(["", " position:relative;display:inline-grid;align-items:center;grid-template-columns:", ";gap:var(--btn-gap);box-sizing:border-box;height:var(--btn-height);padding:0 calc(var(--btn-padding) - var(--btn-border));appearance:none !important;border-style:solid;border-width:var(--btn-border) var(--btn-border-right,var(--btn-border)) var(--btn-border) var(--btn-border-left,var(--btn-border));border-radius:var(--btn-radius-left,", ") var(--btn-radius-right,", ") var(--btn-radius-right,", ") var(--btn-radius-left,", ");text-decoration:none;cursor:", ";user-select:none;&:hover{text-decoration:none;}&:focus{outline:none;}&:active{pointer-events:", ";}", " & ", "{margin-left:", ";}& ", ",& ", "{opacity:", ";}", ""], ({
   $size,
   $view
-}) => geometryVars(geometryBySizeAndView[$size][$view]), props => [props.$hasLeftIcon && 'auto', props.$hasContent && 'minmax(0, 1fr)', props.$hasRightIcon && 'auto'].filter(Boolean).join(' '), ShapeRadius.CONTROL, ShapeRadius.CONTROL, ShapeRadius.CONTROL, ShapeRadius.CONTROL, props => props.$isDisabled || props.$isLoading ? 'not-allowed!important' : 'pointer', props => props.$isDisabled || props.$isLoading ? 'none' : 'auto', ({
+}) => geometryVars(geometryBySizeAndView[$size][$view]), props => [props.$hasLeftIcon && 'auto', props.$hasContent && 'minmax(0, 1fr)', (props.$hasRightIcon || props.$hasChevron) && 'auto'].filter(Boolean).join(' '), ShapeRadius.CONTROL, ShapeRadius.CONTROL, ShapeRadius.CONTROL, ShapeRadius.CONTROL, props => props.$isDisabled || props.$isLoading ? 'not-allowed!important' : 'pointer', props => props.$isDisabled || props.$isLoading ? 'none' : 'auto', ({
   $size,
   $view
-}) => $size === 'compact' && $view === 'ghost' && ghostCompactHitArea, /* sc-selector */ButtonContent, ({
+}) => $size === 'compact' && $view === 'ghost' && ghostCompactHitArea, /* sc-selector */ButtonChevron, ({
+  $hasContent
+}) => $hasContent ? 'calc(var(--btn-chevron-gap) - var(--btn-label-padding) - var(--btn-gap))' : 'calc(var(--btn-chevron-gap) - var(--btn-gap))', /* sc-selector */ButtonContent, /* sc-selector */ButtonChevron, ({
   $hideContent,
   $isLoading
 }) => {
@@ -42,10 +50,11 @@ export const ButtonBox = styled.button.withConfig({
 }) => colorStyles[$color][$view][$size]);
 export const RemoveButtonBox = styled.button.withConfig({
   displayName: "RemoveButtonBox",
-  componentId: "sc-qltvdl-4"
+  componentId: "sc-qltvdl-5"
 })(["width:", ";height:", ";padding:0;appearance:none !important;border:none;background:transparent;cursor:pointer;color:", ";&:hover{color:", ";}&:active{color:", ";}"], UnitSize.ICON_SMALL, UnitSize.ICON_SMALL, Color.PHANTOM, Color.DANGER_HOVER, Color.DANGER_PRESSED);
 ButtonBox.displayName = 'ButtonBox';
 ButtonIcon.displayName = 'ButtonIcon';
 ButtonContent.displayName = 'ButtonContent';
+ButtonChevron.displayName = 'ButtonChevron';
 ButtonSpinner.displayName = 'ButtonSpinner';
 RemoveButtonBox.displayName = 'RemoveButtonBox';

package/Button/types.d.ts

@@ -25,8 +25,13 @@ export type RequiredButtonProps = {
     readonly isOpen?: boolean;
     /** Icon rendered before the label. */
     readonly icon?: ReactNode;
-    /** Icon rendered after the label. */
+    /**
+     * Icon rendered after the label.
+     * @deprecated Use `hasChevron` for the dropdown chevron; ignored when `hasChevron` is set.
+     */
     readonly rightIcon?: ReactNode;
+    /** Render a chevron after the label that turns over while `isOpen`. Decoration only: it does not make the button a menu trigger. */
+    readonly hasChevron?: boolean;
     /** Button label. */
     readonly children?: ReactNode;
 };

package/DropdownMenu/components/DropdownMenuButton/DropdownMenuButton.js

@@ -38,6 +38,8 @@ export const DropdownMenuButton = ({
       boxRef: ref,
       onClick: onClick,
       isOpen: isOpen,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "menu",
       isDisabled: isDisabled,
       isLoading: isLoading,
       children: label

package/DropdownMenu/components/DropdownMenuButton/types.d.ts

@@ -29,8 +29,13 @@ export type DropdownMenuButtonProps = {
     className?: string;
     /** Icon before the label. */
     icon?: RequiredButtonProps['icon'];
-    /** Icon after the label. */
+    /**
+     * Icon after the label.
+     * @deprecated Use `hasChevron`; ignored when `hasChevron` is set.
+     */
     rightIcon?: RequiredButtonProps['rightIcon'];
+    /** Render a chevron after the label that turns over while the menu is open. Off by default. */
+    hasChevron?: RequiredButtonProps['hasChevron'];
     /** Menu contents — nodes, or a function returning nodes. */
     children: (() => ReactNode) | ReactNode;
 };

package/FrequencyCapping/components/Condition/index.js

@@ -1,9 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Color } from '@pushwoosh/kit-constants';
-import { HelpRoundIcon } from '@pushwoosh/kit-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ChipWithinTextContainer } from './styles';
 import { Chip } from '../../../Chip';
-import { Tooltip } from '../../../Tooltip';
 export function ChipFrequencyCapping({
   text,
   tooltip,
@@ -11,24 +8,11 @@ export function ChipFrequencyCapping({
 }) {
   return _jsx(ChipWithinTextContainer, {
     "$inText": $inText,
-    children: tooltip ? _jsx(Tooltip, {
-      content: tooltip,
-      position: "top-middle",
-      children: _jsxs(Chip, {
-        "$variant": "primary",
-        "$readOnly": true,
-        as: "span",
-        children: [text, _jsx(HelpRoundIcon, {
-          as: "span",
-          size: "small",
-          view: "lined",
-          color: Color.PHANTOM
-        })]
-      })
-    }) : _jsx(Chip, {
+    children: _jsx(Chip, {
       "$variant": "primary",
       "$readOnly": true,
       as: "span",
+      "$tooltip": tooltip,
       children: text
     })
   });

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.js

@@ -49,7 +49,10 @@ export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled,
     children: [lang({
       message: 'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL'
     }), _jsx(ChipFrequencyCapping, {
-      text: getCappingChipText(lang, 0, 0)
+      text: getCappingChipText(lang, 0, 0),
+      tooltip: lang({
+        message: 'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED'
+      })
     }), lang({
       message: 'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET'
     })]

package/FrequencyCapping/polyglot/messages_ar.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'تحديد التكرار العام:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'لأنه لم يتم تعيين حد',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'إذا تجاوز المشترك حد الرسائل المستلمة، فلن يستلم هذه الرسالة{% if isInJourney == true %} وسينتقل إلى الخطوة التالية{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'سيستلم المستخدم هذه الرسالة على أي حال، حتى لو تجاوز الحدود المحددة للقناة'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'سيستلم المستخدم هذه الرسالة على أي حال، حتى لو تجاوز الحدود المحددة للقناة',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'لم يتم تعيين حد التكرار العام، لذلك لا يوجد حد لعدد الرسائل التي يتلقاها المشترك'
 };

package/FrequencyCapping/polyglot/messages_bn.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'গ্লোবাল ফ্রিকোয়েন্সি সীমা:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'কারণ সীমা নির্ধারণ করা হয়নি',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'সাবস্ক্রাইবার প্রাপ্ত বার্তার সীমা অতিক্রম করলে তিনি এই বার্তাটি পাবেন না{% if isInJourney == true %} এবং পরবর্তী ধাপে এগিয়ে যাবেন{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'ব্যবহারকারী চ্যানেলের জন্য নির্ধারিত সীমা অতিক্রম করলেও যেকোনো অবস্থায় এই বার্তাটি পাবেন'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'ব্যবহারকারী চ্যানেলের জন্য নির্ধারিত সীমা অতিক্রম করলেও যেকোনো অবস্থায় এই বার্তাটি পাবেন',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'গ্লোবাল ফ্রিকোয়েন্সি সীমা সেট করা নেই, তাই একজন সাবস্ক্রাইবার কতগুলি বার্তা পাবেন তা সীমিত নয়'
 };

package/FrequencyCapping/polyglot/messages_de.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'Globale Frequenzbegrenzung:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'da kein Limit festgelegt ist',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'Wenn der Abonnent das Limit empfangener Nachrichten überschreitet, erhält er diese Nachricht nicht{% if isInJourney == true %} und fährt mit dem nächsten Schritt fort{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'Der Benutzer erhält diese Nachricht in jedem Fall, auch wenn er die für den Kanal festgelegten Limits überschritten hat'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'Der Benutzer erhält diese Nachricht in jedem Fall, auch wenn er die für den Kanal festgelegten Limits überschritten hat',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'Es ist keine globale Frequenzbegrenzung festgelegt, daher ist die Anzahl der Nachrichten, die ein Abonnent erhält, nicht begrenzt'
 };

package/FrequencyCapping/polyglot/messages_en.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'Global frequency capping:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'because limit isn’t set',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'If the subscriber exceeds the limit of received messages, they will not receive this message{% if isInJourney == true %} and will proceed to the next step{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'The user will receive this message regardless, even if they have exceeded the set limits for the channel'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'The user will receive this message regardless, even if they have exceeded the set limits for the channel',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'Global frequency capping isn’t set, so the number of messages a subscriber receives isn’t limited'
 };

package/FrequencyCapping/polyglot/messages_es.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'Límite de frecuencia global:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'porque no se ha establecido un límite',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'Si el suscriptor supera el límite de mensajes recibidos, no recibirá este mensaje{% if isInJourney == true %} y pasará al siguiente paso{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'El usuario recibirá este mensaje de todos modos, incluso si ha superado los límites establecidos para el canal'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'El usuario recibirá este mensaje de todos modos, incluso si ha superado los límites establecidos para el canal',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'No hay un límite de frecuencia global, por lo que la cantidad de mensajes que recibe un suscriptor no está limitada'
 };

package/FrequencyCapping/polyglot/messages_fr.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'Limitation de fréquence globale :',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'car aucune limite n’est définie',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'Si l’abonné dépasse la limite de messages reçus, il ne recevra pas ce message{% if isInJourney == true %} et passera à l’étape suivante{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'L’utilisateur recevra ce message quoi qu’il arrive, même s’il a dépassé les limites définies pour le canal'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'L’utilisateur recevra ce message quoi qu’il arrive, même s’il a dépassé les limites définies pour le canal',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'Aucune limite de fréquence globale n’est définie : le nombre de messages reçus par un abonné n’est donc pas limité'
 };

package/FrequencyCapping/polyglot/messages_he.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'הגבלת תדירות גלובלית:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'מכיוון שלא הוגדרה מגבלה',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'אם המנוי יחרוג ממגבלת ההודעות שהתקבלו, הוא לא יקבל הודעה זו{% if isInJourney == true %} ויעבור לשלב הבא{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'המשתמש יקבל הודעה זו בכל מקרה, גם אם חרג מהמגבלות שהוגדרו לערוץ'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'המשתמש יקבל הודעה זו בכל מקרה, גם אם חרג מהמגבלות שהוגדרו לערוץ',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'לא הוגדרה הגבלת תדירות גלובלית, ולכן מספר ההודעות שמנוי מקבל אינו מוגבל'
 };

package/FrequencyCapping/polyglot/messages_hi.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'वैश्विक आवृत्ति सीमा:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'क्योंकि सीमा निर्धारित नहीं है',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'यदि सब्सक्राइबर प्राप्त संदेशों की सीमा पार कर लेता है, तो उसे यह संदेश प्राप्त नहीं होगा{% if isInJourney == true %} और वह अगले चरण पर चला जाएगा{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'उपयोगकर्ता को यह संदेश हर हाल में प्राप्त होगा, भले ही उसने चैनल के लिए निर्धारित सीमाएँ पार कर ली हों'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'उपयोगकर्ता को यह संदेश हर हाल में प्राप्त होगा, भले ही उसने चैनल के लिए निर्धारित सीमाएँ पार कर ली हों',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'ग्लोबल फ़्रीक्वेंसी सीमा सेट नहीं है, इसलिए सब्सक्राइबर को मिलने वाले संदेशों की संख्या सीमित नहीं है'
 };

package/FrequencyCapping/polyglot/messages_ja.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'グローバル頻度制限：',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': '制限が設定されていないため',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': '購読者が受信メッセージの上限を超えた場合、このメッセージは届きません{% if isInJourney == true %}。そして次のステップに進みます{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'チャネルに設定された上限を超えていても、ユーザーはこのメッセージを必ず受信します'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'チャネルに設定された上限を超えていても、ユーザーはこのメッセージを必ず受信します',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'グローバルな頻度上限が設定されていないため、購読者が受け取るメッセージ数に制限はありません'
 };

package/FrequencyCapping/polyglot/messages_ko.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': '전역 빈도 제한:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': '제한이 설정되지 않았기 때문에',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': '구독자가 수신 메시지 제한을 초과하면 이 메시지를 받지 않습니다{% if isInJourney == true %} 그리고 다음 단계로 진행합니다{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': '사용자가 채널에 설정된 제한을 초과했더라도 이 메시지를 반드시 수신합니다'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': '사용자가 채널에 설정된 제한을 초과했더라도 이 메시지를 반드시 수신합니다',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': '전역 빈도 제한이 설정되지 않아 구독자가 받는 메시지 수에 제한이 없습니다'
 };

package/FrequencyCapping/polyglot/messages_pt.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'Limite de frequência global:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'porque nenhum limite foi definido',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'Se o assinante exceder o limite de mensagens recebidas, ele não receberá esta mensagem{% if isInJourney == true %} e avançará para a próxima etapa{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'O usuário receberá esta mensagem de qualquer forma, mesmo que tenha excedido os limites definidos para o canal'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'O usuário receberá esta mensagem de qualquer forma, mesmo que tenha excedido os limites definidos para o canal',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'O limite de frequência global não está definido, então o número de mensagens que um assinante recebe não é limitado'
 };

package/FrequencyCapping/polyglot/messages_ru.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'Глобальное ограничение частоты:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'так как лимит не задан',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'Если подписчик превысит лимит полученных сообщений, он не получит это сообщение{% if isInJourney == true %} и перейдёт к следующему шагу{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'Пользователь получит это сообщение в любом случае, даже если он превысил установленные лимиты для канала'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'Пользователь получит это сообщение в любом случае, даже если он превысил установленные лимиты для канала',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'Глобальное ограничение частоты не задано, поэтому число сообщений, которые получает подписчик, не ограничено'
 };

package/FrequencyCapping/polyglot/messages_th.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': 'การจำกัดความถี่ส่วนกลาง:',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': 'เนื่องจากยังไม่ได้ตั้งค่าขีดจำกัด',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': 'หากผู้รับเกินขีดจำกัดของข้อความที่ได้รับ ผู้รับจะไม่ได้รับข้อความนี้{% if isInJourney == true %} และจะไปยังขั้นตอนถัดไป{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'ผู้ใช้จะได้รับข้อความนี้ไม่ว่าในกรณีใด แม้ว่าจะเกินขีดจำกัดที่ตั้งไว้สำหรับช่องทางแล้วก็ตาม'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': 'ผู้ใช้จะได้รับข้อความนี้ไม่ว่าในกรณีใด แม้ว่าจะเกินขีดจำกัดที่ตั้งไว้สำหรับช่องทางแล้วก็ตาม',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': 'ยังไม่ได้ตั้งค่าการจำกัดความถี่ทั่วไป จึงไม่มีการจำกัดจำนวนข้อความที่สมาชิกได้รับ'
 };

package/FrequencyCapping/polyglot/messages_zh.js

@@ -39,5 +39,6 @@ export const messages = {
   'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': '全局频率限制：',
   'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': '因为未设置限制',
   'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': '如果订阅者超过接收消息的上限，将不会收到此消息{% if isInJourney == true %}，并将进入下一步{% endif %}',
-  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': '无论用户是否超过该渠道设置的上限，都将收到此消息'
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': '无论用户是否超过该渠道设置的上限，都将收到此消息',
+  'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': '未设置全局频率上限，因此订阅者接收的消息数量不受限制'
 };

package/FrequencyCapping/polyglot/types.d.ts

@@ -53,4 +53,5 @@ export type FrequencyCappingMessages = {
         isInJourney: boolean;
     };
     'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': NoParams;
+    'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_UNLIMITED': NoParams;
 };

package/package.json

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