@pushwoosh/dumb-components 1.1.133 → 1.1.134

package/Calendar/CalendarDropdown/CalendarDropdown.js

@@ -8,6 +8,7 @@ import { Button } from '../../Button';
 import { Chip } from '../../Chip';
 import { Popover } from '../../Popover';
 import { CalendarSuperForm } from '../CalendarSuperForm';
+import { Lang, useLang } from '../polyglot';
 export const CalendarDropdown = props => {
   const {
     mode,
@@ -24,6 +25,7 @@ export const CalendarDropdown = props => {
   const popoverRef = useRef(null);
   const [isShaking, setIsShaking] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
+  const lang = useLang();
   const [value, setValue] = useState(props.value ?? (isRangePicker ? [] : undefined));
   const initialTimezone = calendarProps.timezone || 'UTC';
   const [timezone, setTimezone] = useState(initialTimezone);
@@ -51,7 +53,11 @@ export const CalendarDropdown = props => {
   const noValue = isRangePicker ? ((value === null || value === void 0 ? void 0 : value.length) ?? 0) === 0 : !value;
   let buttonText;
   if (noValue) {
-    buttonText = isRangePicker ? 'Select period' : 'Select date';
+    buttonText = isRangePicker ? lang({
+      message: 'DUMB.CALENDAR.SELECT_PERIOD'
+    }) : lang({
+      message: 'DUMB.CALENDAR.SELECT_DATE'
+    });
   } else {
     buttonText = stringifyValue(value, withTime, timezone);
   }
@@ -136,7 +142,11 @@ export const CalendarDropdown = props => {
         setTimezone(initialTimezone);
       }
     }
-  }, noValue ? 'Cancel' : 'Reset'), React.createElement(Button, {
+  }, noValue ? React.createElement(Lang, {
+    message: "DUMB.CALENDAR.CANCEL"
+  }) : React.createElement(Lang, {
+    message: "DUMB.CALENDAR.RESET"
+  })), React.createElement(Button, {
     color: "primary",
     size: "compact",
     onClick: () => {
@@ -155,5 +165,7 @@ export const CalendarDropdown = props => {
         closePopover();
       }
     }
-  }, "Apply"))))));
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.APPLY"
+  })))))));
 };

package/Calendar/CalendarSuperForm/components/CalendarTimeAndTimezoneSection/CalendarTimeAndTimezoneSection.js

@@ -6,6 +6,7 @@ import { H5, Text } from '@pushwoosh/kit-typography';
 import { Button } from '../../../../Button';
 import { extendPeriodStruct, formatTwoDigitNumber } from '../../../helpers';
 import { formatTimezoneShort } from '../../../helpers-tz';
+import { Lang } from '../../../polyglot';
 import { CalendarTimeInput } from '../CalendarTimeInput';
 import { CalendarTimezoneSelect } from '../CalendarTimezoneSelect';
 export const CalendarTimeAndTimezoneSection = ({
@@ -70,16 +71,22 @@ export const CalendarTimeAndTimezoneSection = ({
     size: "compact",
     view: "ghost",
     onClick: () => setExpanded(true)
-  }, "Expand time")) : React.createElement(React.Fragment, null, isRangePicker && React.createElement(Columns, {
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.EXPAND_TIME"
+  }))) : React.createElement(React.Fragment, null, isRangePicker && React.createElement(Columns, {
     "$sizes": "1fr max-content",
     "$gap": 8,
     "$alignItems": "center"
-  }, React.createElement(H5, null, "Time range:"), React.createElement(Button, {
+  }, React.createElement(H5, null, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.TIME_RANGE"
+  })), React.createElement(Button, {
     color: "secondary",
     size: "compact",
     view: "ghost",
     onClick: () => setExpanded(false)
-  }, "Collapse time")), !isRangePicker ? React.createElement(Horizontal, {
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.COLLAPSE_TIME"
+  }))), !isRangePicker ? React.createElement(Horizontal, {
     "$alignItems": "center",
     "$gap": 8,
     "$justifyContent": "start"
@@ -131,5 +138,8 @@ export const CalendarTimeAndTimezoneSection = ({
   }, React.createElement(Text, {
     "$variant": "footnote",
     "$color": Color.LOCKED
-  }, "Please select", ' ', isRangePicker ? 'date range' : 'date', ' ', "first to set time"))));
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.SELECT_FIRST_HINT",
+    isRange: Boolean(isRangePicker)
+  })))));
 };

package/Calendar/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type CalendarMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<CalendarMessages>>, useLang: () => (props: import("../../polyglot").LangProps<CalendarMessages>) => string;

package/Calendar/polyglot/index.js

@@ -0,0 +1,10 @@
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+import { createLang } from '../../polyglot';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  en,
+  ru
+});

package/Calendar/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type CalendarMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<CalendarMessages>;

package/Calendar/polyglot/messages_en.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.CALENDAR.SELECT_PERIOD': 'Select period',
+  'DUMB.CALENDAR.SELECT_DATE': 'Select date',
+  'DUMB.CALENDAR.CANCEL': 'Cancel',
+  'DUMB.CALENDAR.RESET': 'Reset',
+  'DUMB.CALENDAR.APPLY': 'Apply',
+  'DUMB.CALENDAR.EXPAND_TIME': 'Expand time',
+  'DUMB.CALENDAR.COLLAPSE_TIME': 'Collapse time',
+  'DUMB.CALENDAR.TIME_RANGE': 'Time range:',
+  'DUMB.CALENDAR.SELECT_FIRST_HINT': 'Please select {% if isRange == true %}date range{% else %}date{% endif %} first to set time'
+};

package/Calendar/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type CalendarMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<CalendarMessages>;

package/Calendar/polyglot/messages_ru.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.CALENDAR.SELECT_PERIOD': 'Выберите период',
+  'DUMB.CALENDAR.SELECT_DATE': 'Выберите дату',
+  'DUMB.CALENDAR.CANCEL': 'Отмена',
+  'DUMB.CALENDAR.RESET': 'Сбросить',
+  'DUMB.CALENDAR.APPLY': 'Применить',
+  'DUMB.CALENDAR.EXPAND_TIME': 'Развернуть время',
+  'DUMB.CALENDAR.COLLAPSE_TIME': 'Свернуть время',
+  'DUMB.CALENDAR.TIME_RANGE': 'Диапазон времени:',
+  'DUMB.CALENDAR.SELECT_FIRST_HINT': 'Сначала выберите {% if isRange == true %}диапазон дат{% else %}дату{% endif %}, чтобы задать время'
+};

package/Calendar/polyglot/types.d.ts

@@ -0,0 +1,14 @@
+import type { NoParams } from '../../polyglot';
+export type CalendarMessages = {
+    'DUMB.CALENDAR.SELECT_PERIOD': NoParams;
+    'DUMB.CALENDAR.SELECT_DATE': NoParams;
+    'DUMB.CALENDAR.CANCEL': NoParams;
+    'DUMB.CALENDAR.RESET': NoParams;
+    'DUMB.CALENDAR.APPLY': NoParams;
+    'DUMB.CALENDAR.EXPAND_TIME': NoParams;
+    'DUMB.CALENDAR.COLLAPSE_TIME': NoParams;
+    'DUMB.CALENDAR.TIME_RANGE': NoParams;
+    'DUMB.CALENDAR.SELECT_FIRST_HINT': {
+        isRange: boolean;
+    };
+};

package/Calendar/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/FrequencyCapping/FrequencyCappingEdit.js

@@ -5,11 +5,13 @@ import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Description } from './components/Description';
 import { EditCappingSettings } from './components/Settings';
 import { getCappingOption } from './helpers/getCappingOption';
+import { getGlobalCappingLinkText } from './helpers/getGlobalCappingLinkText';
 import { CappingTypes } from './types';
 import { FieldBox } from '../FieldBox';
 import { Link } from '../Link';
 import { Select } from '../Select';
 import { cappingOptions } from './constants';
+import { useLang } from './polyglot';
 import { Container, LinkWrapper } from './styles';
 export function FrequencyCappingEdit({
   capping,
@@ -20,6 +22,7 @@ export function FrequencyCappingEdit({
   isInJourney = false,
   isDisabled = false
 }) {
+  const lang = useLang();
   const {
     enabled,
     messages,
@@ -28,7 +31,7 @@ export function FrequencyCappingEdit({
   } = capping;
   const cappingOption = getCappingOption(enabled, ignoreGlobalCapping);
   const isGlobalCappingDisabled = globalCapping.count === 0 && globalCapping.days === 0;
-  const globalCappingLinkText = isGlobalCappingDisabled ? 'Set up' : 'Settings';
+  const globalCappingLinkText = getGlobalCappingLinkText(lang, isGlobalCappingDisabled);
   const onChangeFrequencyCapping = useCallback(value => {
     if (value === CappingTypes.IGNORE) {
       onChange({
@@ -68,7 +71,9 @@ export function FrequencyCappingEdit({
   }, React.createElement(Vertical, {
     "$gap": 12
   }, React.createElement(FieldBox, {
-    title: "Frequency capping"
+    title: lang({
+      message: 'DUMB.FREQUENCY_CAPPING.FIELD_TITLE'
+    })
   }, React.createElement(Select, {
     name: "cappingOption",
     isDisabled: isDisabled,

package/FrequencyCapping/FrequencyCappingInApps.js

@@ -5,11 +5,13 @@ import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Description } from './components/Description';
 import { EditInAppCappingSettings } from './components/Settings';
 import { getCappingOption } from './helpers/getCappingOption';
+import { getGlobalCappingLinkText } from './helpers/getGlobalCappingLinkText';
 import { CappingTypes } from './types';
 import { FieldBox } from '../FieldBox';
 import { Link } from '../Link';
 import { Select } from '../Select';
 import { cappingOptions } from './constants';
+import { useLang } from './polyglot';
 import { Container, LinkWrapper } from './styles';
 export function FrequencyCappingInApps(props) {
   const {
@@ -21,13 +23,14 @@ export function FrequencyCappingInApps(props) {
     isInJourney = false,
     isDisabled = false
   } = props;
+  const lang = useLang();
   const {
     enabled,
     ignoreGlobalCapping
   } = capping;
   const cappingOption = getCappingOption(enabled, ignoreGlobalCapping);
   const isGlobalCappingDisabled = globalCapping.count === 0 && globalCapping.days === 0;
-  const globalCappingLinkText = isGlobalCappingDisabled ? 'Set up' : 'Settings';
+  const globalCappingLinkText = getGlobalCappingLinkText(lang, isGlobalCappingDisabled);
   const onChangeFrequencyCapping = useCallback(value => {
     if (value === CappingTypes.IGNORE) {
       onChange({
@@ -61,7 +64,9 @@ export function FrequencyCappingInApps(props) {
   }, React.createElement(Vertical, {
     "$gap": 12
   }, React.createElement(FieldBox, {
-    title: "Frequency capping"
+    title: lang({
+      message: 'DUMB.FREQUENCY_CAPPING.FIELD_TITLE'
+    })
   }, React.createElement(Select, {
     name: "cappingOption",
     isDisabled: isDisabled,

package/FrequencyCapping/FrequencyCappingReadonly.js

@@ -3,7 +3,9 @@ import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Link } from '../Link';
 import { getCappingOption } from './helpers/getCappingOption';
+import { getGlobalCappingLinkText } from './helpers/getGlobalCappingLinkText';
 import { getReadonlyCappingLabel } from './helpers/getReadonlyCappingHelpers';
+import { useLang } from './polyglot';
 import { CappingTypes } from './types';
 export function FrequencyCappingReadonly({
   capping,
@@ -12,10 +14,11 @@ export function FrequencyCappingReadonly({
   editGlobalClicked,
   isInJourney = false
 }) {
+  const lang = useLang();
   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, isInJourney);
+  const globalCappingLinkText = getGlobalCappingLinkText(lang, isGlobalCappingDisabled);
+  const label = getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney, lang);
   return React.createElement(Vertical, {
     "$gap": 24
   }, React.createElement(Horizontal, {

package/FrequencyCapping/components/Description/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { getDescriptionMessages } from '../../helpers/getDescriptionMessages';
+import { useLang } from '../../polyglot';
 import { ChipFrequencyCapping } from '../Condition';
 export function Description(props) {
   const {
@@ -11,6 +12,7 @@ export function Description(props) {
     isInJourney,
     variant = 'message'
   } = props;
+  const lang = useLang();
   const {
     prefix,
     chip,
@@ -21,7 +23,7 @@ export function Description(props) {
     messages,
     days,
     isInJourney
-  });
+  }, lang);
   return React.createElement(Paragraph, null, prefix, chip && React.createElement(ChipFrequencyCapping, {
     text: chip,
     "$inText": true

package/FrequencyCapping/components/Settings/EditCappingSettings.js

@@ -2,6 +2,7 @@ import React, { useCallback } from 'react';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { NumberPicker } from '../../../NumberPicker';
+import { Lang } from '../../polyglot';
 export function EditCappingSettings(props) {
   const {
     messages,
@@ -20,15 +21,21 @@ export function EditCappingSettings(props) {
     style: {
       gridTemplateColumns: '145px 70px 90px 70px 40px'
     }
-  }, React.createElement(Paragraph, null, "Limit to a\u00A0maximum\u00A0of"), React.createElement(NumberPicker, {
+  }, React.createElement(Paragraph, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX"
+  })), React.createElement(NumberPicker, {
     value: messages,
     minValue: 1,
     maxValue: 1000,
     onChange: value => onMessagesChange(value)
-  }), React.createElement(Paragraph, null, "messages per"), React.createElement(NumberPicker, {
+  }), React.createElement(Paragraph, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER"
+  })), React.createElement(NumberPicker, {
     maxValue: 30,
     minValue: 1,
     value: days,
     onChange: value => onDaysChange(value)
-  }), React.createElement(Paragraph, null, "day(s)"));
+  }), React.createElement(Paragraph, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS"
+  })));
 }

package/FrequencyCapping/components/Settings/EditInAppCappingSettings.js

@@ -3,6 +3,7 @@ import { Columns, Vertical } from '@pushwoosh/kit-helpers';
 import { Paragraph, Text } from '@pushwoosh/kit-typography';
 import { Checkbox } from '../../../Checkbox';
 import { NumberPicker } from '../../../NumberPicker';
+import { Lang } from '../../polyglot';
 export function EditInAppCappingSettings(props) {
   var _capping$total, _capping$perDays, _capping$perDays2, _capping$leastDays;
   const {
@@ -88,13 +89,17 @@ export function EditInAppCappingSettings(props) {
   }, [capping, onChange]);
   return React.createElement(Vertical, {
     "$gap": 8
-  }, React.createElement(Paragraph, null, "Limit frequency of displaying this In-App to a particular user"), React.createElement(Columns, {
+  }, React.createElement(Paragraph, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC"
+  })), React.createElement(Columns, {
     "$sizes": "100px 80px auto",
     "$alignItems": "center",
     "$justifyContent": "start",
     "$gap": 8
   }, React.createElement(Checkbox, {
-    label: "Limited to",
+    label: React.createElement(Lang, {
+      message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
+    }),
     isChecked: hasTotal,
     onChange: onTotalToggle
   }), React.createElement(NumberPicker, {
@@ -103,13 +108,17 @@ export function EditInAppCappingSettings(props) {
     maxValue: 1000,
     isDisabled: !hasTotal,
     onChange: onTotalCountChange
-  }), React.createElement(Text, null, "total impressions")), React.createElement(Columns, {
+  }), React.createElement(Text, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS"
+  }))), React.createElement(Columns, {
     "$sizes": "100px 80px auto 80px auto",
     "$alignItems": "center",
     "$justifyContent": "start",
     "$gap": 8
   }, React.createElement(Checkbox, {
-    label: "Limited to",
+    label: React.createElement(Lang, {
+      message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
+    }),
     isChecked: hasPerDays,
     onChange: onPerDaysToggle
   }), React.createElement(NumberPicker, {
@@ -118,19 +127,25 @@ export function EditInAppCappingSettings(props) {
     maxValue: 1000,
     isDisabled: !hasPerDays,
     onChange: onPerDaysCountChange
-  }), React.createElement(Text, null, "impressions in"), React.createElement(NumberPicker, {
+  }), React.createElement(Text, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN"
+  })), React.createElement(NumberPicker, {
     value: ((_capping$perDays2 = capping.perDays) === null || _capping$perDays2 === void 0 ? void 0 : _capping$perDays2.days) ?? 1,
     minValue: 1,
     maxValue: 366,
     isDisabled: !hasPerDays,
     onChange: onPerDaysDaysChange
-  }), React.createElement(Text, null, "day(s)")), React.createElement(Columns, {
+  }), React.createElement(Text, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS"
+  }))), React.createElement(Columns, {
     "$sizes": "100px 80px auto",
     "$alignItems": "center",
     "$justifyContent": "start",
     "$gap": 8
   }, React.createElement(Checkbox, {
-    label: "Enable",
+    label: React.createElement(Lang, {
+      message: "DUMB.FREQUENCY_CAPPING.INAPP.ENABLE"
+    }),
     isChecked: hasLeastDays,
     onChange: onLeastDaysToggle
   }), React.createElement(NumberPicker, {
@@ -139,5 +154,7 @@ export function EditInAppCappingSettings(props) {
     maxValue: 366,
     isDisabled: !hasLeastDays,
     onChange: onLeastDaysCountChange
-  }), React.createElement(Text, null, "day(s) interval between impressions")));
+  }), React.createElement(Text, null, React.createElement(Lang, {
+    message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL"
+  }))));
 }

package/FrequencyCapping/helpers/getCappingChipText.d.ts

@@ -1,3 +1,4 @@
+import { type FrequencyCappingLang } from '../polyglot';
 type Unit = 'message' | 'in-app';
-export declare function getCappingChipText(messages: number, days: number, unit?: Unit): string;
+export declare function getCappingChipText(lang: FrequencyCappingLang, messages: number, days: number, unit?: Unit): string;
 export {};

package/FrequencyCapping/helpers/getCappingChipText.js

@@ -1,18 +1,16 @@
-const unitLabels = {
-  message: {
-    singular: 'message',
-    plural: 'messages'
-  },
-  'in-app': {
-    singular: 'in-app',
-    plural: 'in-apps'
-  }
-};
-export function getCappingChipText(messages, days, unit = 'message') {
+export function getCappingChipText(lang, messages, days, unit = 'message') {
   if (messages === 0 && days === 0) {
-    return 'unlimited';
+    return lang({
+      message: 'DUMB.FREQUENCY_CAPPING.CHIP.UNLIMITED'
+    });
   }
-  const unitLabel = messages === 1 ? unitLabels[unit].singular : unitLabels[unit].plural;
-  const daysLabel = days > 1 ? 'days' : 'day';
-  return `${messages} ${unitLabel} per ${days} ${daysLabel}`;
+  return unit === 'in-app' ? lang({
+    message: 'DUMB.FREQUENCY_CAPPING.CHIP.INAPP',
+    count: messages,
+    days
+  }) : lang({
+    message: 'DUMB.FREQUENCY_CAPPING.CHIP.MESSAGE',
+    count: messages,
+    days
+  });
 }

package/FrequencyCapping/helpers/getDescriptionMessages.d.ts

@@ -1,3 +1,4 @@
+import { type FrequencyCappingLang } from '../polyglot';
 import { CappingTypes } from '../types';
 type Variant = 'message' | 'in-app';
 type Params = {
@@ -12,5 +13,5 @@ export type DescriptionMessages = {
     chip?: string;
     suffix?: string;
 };
-export declare function getDescriptionMessages(params: Params): DescriptionMessages;
+export declare function getDescriptionMessages(params: Params, lang: FrequencyCappingLang): DescriptionMessages;
 export {};

package/FrequencyCapping/helpers/getDescriptionMessages.js

@@ -1,66 +1,86 @@
 import { CappingTypes } from '../types';
 import { getCappingChipText } from './getCappingChipText';
-export function getDescriptionMessages(params) {
+export function getDescriptionMessages(params, lang) {
   const {
     cappingOption
   } = params;
   if (cappingOption === CappingTypes.GLOBAL) {
-    return getGlobalMessages(params);
+    return getGlobalMessages(params, lang);
   }
   if (cappingOption === CappingTypes.CUSTOM) {
-    return getCustomMessages(params);
+    return getCustomMessages(params, lang);
   }
-  return getIgnoreMessages();
+  return getIgnoreMessages(lang);
 }
 function getGlobalMessages({
   variant,
   messages,
   days,
   isInJourney
-}) {
+}, lang) {
   const isUnset = messages === 0 && days === 0;
   if (variant === 'in-app') {
     if (isUnset) {
       return {
-        prefix: 'This in-app will use a global frequency capping because limit isn’t set.'
+        prefix: lang({
+          message: 'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_UNSET'
+        })
       };
     }
     return {
-      prefix: 'Under the current setup, If the user receives more than',
-      chip: getCappingChipText(messages, days, 'in-app'),
-      suffix: 'this in-app will not be delivered.'
+      prefix: lang({
+        message: 'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_PREFIX'
+      }),
+      chip: getCappingChipText(lang, messages, days, 'in-app'),
+      suffix: lang({
+        message: 'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_SUFFIX'
+      })
     };
   }
   if (isUnset) {
     return {
-      prefix: 'This message will use an',
-      chip: getCappingChipText(0, 0),
-      suffix: 'global frequency capping because limit isn’t set.'
+      prefix: lang({
+        message: 'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_PREFIX'
+      }),
+      chip: getCappingChipText(lang, 0, 0),
+      suffix: lang({
+        message: 'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_SUFFIX'
+      })
     };
   }
-  const journeySuffix = isInJourney ? ', and the user will proceed to the next step' : '';
   return {
-    prefix: 'Under the current setup, If the user receives more than',
-    chip: getCappingChipText(messages, days),
-    suffix: `, this message will not be delivered${journeySuffix}.`
+    prefix: lang({
+      message: 'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_PREFIX'
+    }),
+    chip: getCappingChipText(lang, messages, days),
+    suffix: lang({
+      message: 'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_SUFFIX',
+      isInJourney
+    })
   };
 }
 function getCustomMessages({
   variant,
   isInJourney
-}) {
+}, lang) {
   if (variant === 'in-app') {
     return {
-      prefix: 'Instead of Global frequency capping, the limit of shown in-apps you set will be used. ' + 'If the subscriber exceeds the limit of received in-apps, they will not see the in-app again.'
+      prefix: lang({
+        message: 'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_INAPP'
+      })
     };
   }
-  const journeySuffix = isInJourney ? ', and will proceed to the next step' : '';
   return {
-    prefix: '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${journeySuffix}.`
+    prefix: lang({
+      message: 'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_MSG',
+      isInJourney
+    })
   };
 }
-function getIgnoreMessages() {
+function getIgnoreMessages(lang) {
   return {
-    prefix: '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.'
+    prefix: lang({
+      message: 'DUMB.FREQUENCY_CAPPING.DESC.IGNORE'
+    })
   };
 }

package/FrequencyCapping/helpers/getGlobalCappingLinkText.d.ts

@@ -0,0 +1,2 @@
+import { type FrequencyCappingLang } from '../polyglot';
+export declare function getGlobalCappingLinkText(lang: FrequencyCappingLang, isGlobalCappingDisabled: boolean): string;

package/FrequencyCapping/helpers/getGlobalCappingLinkText.js

@@ -0,0 +1,7 @@
+export function getGlobalCappingLinkText(lang, isGlobalCappingDisabled) {
+  return isGlobalCappingDisabled ? lang({
+    message: 'DUMB.FREQUENCY_CAPPING.LINK.SET_UP'
+  }) : lang({
+    message: 'DUMB.FREQUENCY_CAPPING.LINK.SETTINGS'
+  });
+}

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.d.ts

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