@pushwoosh/dumb-components 1.1.132 → 1.1.134

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.js

@@ -6,11 +6,13 @@ import { Tooltip } from '../../Tooltip';
 import { ChipFrequencyCapping } from '../components/Condition';
 import { IconWrapper } from '../styles';
 import { CappingTypes } from '../types';
-export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney) {
-  const tooltip = getReadonlyTooltip(cappingOption, isInJourney);
+export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney, lang) {
+  const tooltip = getReadonlyTooltip(cappingOption, isInJourney, lang);
   if (cappingOption === CappingTypes.CUSTOM) {
-    return React.createElement(React.Fragment, null, "Custom frequency capping for this message:", React.createElement(ChipFrequencyCapping, {
-      text: getCappingChipText(capping.messages, capping.days),
+    return React.createElement(React.Fragment, null, lang({
+      message: 'DUMB.FREQUENCY_CAPPING.RO.CUSTOM_LABEL'
+    }), React.createElement(ChipFrequencyCapping, {
+      text: getCappingChipText(lang, capping.messages, capping.days),
       tooltip: tooltip
     }));
   }
@@ -19,7 +21,9 @@ export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled,
       "$alignItems": "center",
       "$gap": 4,
       "$justifyContent": "start"
-    }, "Send messages without global frequency capping", React.createElement(Tooltip, {
+    }, lang({
+      message: 'DUMB.FREQUENCY_CAPPING.RO.IGNORE_LABEL'
+    }), React.createElement(Tooltip, {
       content: tooltip,
       position: "top-middle"
     }, React.createElement(IconWrapper, {
@@ -29,19 +33,27 @@ export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled,
       view: "lined"
     }))));
   }
-  return isGlobalCappingDisabled ? React.createElement(React.Fragment, null, "Global frequency capping:", React.createElement(ChipFrequencyCapping, {
-    text: getCappingChipText(0, 0)
-  }), "because limit isn\u2019t set") : React.createElement(React.Fragment, null, "Global frequency capping:", React.createElement(ChipFrequencyCapping, {
-    text: getCappingChipText(globalCapping.count, globalCapping.days),
+  return isGlobalCappingDisabled ? React.createElement(React.Fragment, null, lang({
+    message: 'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL'
+  }), React.createElement(ChipFrequencyCapping, {
+    text: getCappingChipText(lang, 0, 0)
+  }), lang({
+    message: 'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET'
+  })) : React.createElement(React.Fragment, null, lang({
+    message: 'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL'
+  }), React.createElement(ChipFrequencyCapping, {
+    text: getCappingChipText(lang, globalCapping.count, globalCapping.days),
     tooltip: tooltip
   }));
 }
-function getReadonlyTooltip(cappingOption, isInJourney) {
-  if (cappingOption === CappingTypes.CUSTOM) {
-    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';
-  }
+function getReadonlyTooltip(cappingOption, isInJourney, lang) {
   if (cappingOption === CappingTypes.IGNORE) {
-    return 'The user will receive this message regardless, even if they have exceeded the set limits for the channel';
+    return lang({
+      message: 'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE'
+    });
   }
-  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';
+  return lang({
+    message: 'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT',
+    isInJourney
+  });
 }

package/FrequencyCapping/polyglot/index.d.ts

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

package/FrequencyCapping/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/FrequencyCapping/polyglot/messages_en.d.ts

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

package/FrequencyCapping/polyglot/messages_en.js

@@ -0,0 +1,33 @@
+export const messages = {
+  'DUMB.FREQUENCY_CAPPING.FIELD_TITLE': 'Frequency capping',
+  'DUMB.FREQUENCY_CAPPING.LINK.SET_UP': 'Set up',
+  'DUMB.FREQUENCY_CAPPING.LINK.SETTINGS': 'Settings',
+  'DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX': 'Limit to a maximum of',
+  'DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER': 'messages per',
+  'DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS': 'day(s)',
+  'DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC': 'Limit frequency of displaying this In-App to a particular user',
+  'DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO': 'Limited to',
+  'DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS': 'total impressions',
+  'DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN': 'impressions in',
+  'DUMB.FREQUENCY_CAPPING.INAPP.DAYS': 'day(s)',
+  'DUMB.FREQUENCY_CAPPING.INAPP.ENABLE': 'Enable',
+  'DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL': 'day(s) interval between impressions',
+  'DUMB.FREQUENCY_CAPPING.CHIP.UNLIMITED': 'unlimited',
+  'DUMB.FREQUENCY_CAPPING.CHIP.MESSAGE': '{{count}} {{count | pluralize: "message", "messages"}} per {{days}} {{days | pluralize: "day", "days"}}',
+  'DUMB.FREQUENCY_CAPPING.CHIP.INAPP': '{{count}} {{count | pluralize: "in-app", "in-apps"}} per {{days}} {{days | pluralize: "day", "days"}}',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_UNSET': 'This in-app will use a global frequency capping because limit isn’t set.',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_PREFIX': 'Under the current setup, If the user receives more than',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_SUFFIX': 'this in-app will not be delivered.',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_PREFIX': 'This message will use an',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_SUFFIX': 'global frequency capping because limit isn’t set.',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_SUFFIX': ', this message will not be delivered{% if isInJourney == true %}, and the user will proceed to the next step{% endif %}.',
+  'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_INAPP': '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.',
+  'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_MSG': '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{% if isInJourney == true %}, and will proceed to the next step{% endif %}.',
+  'DUMB.FREQUENCY_CAPPING.DESC.IGNORE': '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.',
+  'DUMB.FREQUENCY_CAPPING.RO.CUSTOM_LABEL': 'Custom frequency capping for this message:',
+  'DUMB.FREQUENCY_CAPPING.RO.IGNORE_LABEL': 'Send messages without global frequency capping',
+  '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'
+};

package/FrequencyCapping/polyglot/messages_ru.d.ts

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

package/FrequencyCapping/polyglot/messages_ru.js

@@ -0,0 +1,33 @@
+export const messages = {
+  'DUMB.FREQUENCY_CAPPING.FIELD_TITLE': 'Ограничение частоты',
+  'DUMB.FREQUENCY_CAPPING.LINK.SET_UP': 'Настроить',
+  'DUMB.FREQUENCY_CAPPING.LINK.SETTINGS': 'Настройки',
+  'DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX': 'Не более',
+  'DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER': 'сообщений за',
+  'DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS': 'дн.',
+  'DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC': 'Ограничьте частоту показа этого In-App конкретному пользователю',
+  'DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO': 'Не более',
+  'DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS': 'показов всего',
+  'DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN': 'показов за',
+  'DUMB.FREQUENCY_CAPPING.INAPP.DAYS': 'дн.',
+  'DUMB.FREQUENCY_CAPPING.INAPP.ENABLE': 'Включить',
+  'DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL': 'дн. интервал между показами',
+  'DUMB.FREQUENCY_CAPPING.CHIP.UNLIMITED': 'без ограничений',
+  'DUMB.FREQUENCY_CAPPING.CHIP.MESSAGE': '{{count}} {{count | pluralize: "сообщение", "сообщения", "сообщений"}} за {{days}} {{days | pluralize: "день", "дня", "дней"}}',
+  'DUMB.FREQUENCY_CAPPING.CHIP.INAPP': '{{count}} in-app за {{days}} {{days | pluralize: "день", "дня", "дней"}}',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_UNSET': 'Этот in-app будет использовать глобальное ограничение частоты, так как лимит не задан.',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_PREFIX': 'При текущих настройках, если пользователь получит более',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_SUFFIX': 'этот in-app не будет доставлен.',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_PREFIX': 'Это сообщение будет использовать',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_SUFFIX': 'глобальное ограничение частоты, так как лимит не задан.',
+  'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_SUFFIX': ', это сообщение не будет доставлено{% if isInJourney == true %}, а пользователь перейдёт к следующему шагу{% endif %}.',
+  'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_INAPP': 'Вместо глобального ограничения частоты будет использован заданный вами лимит показов in-app. Если подписчик превысит лимит полученных in-app, он больше не увидит этот in-app.',
+  'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_MSG': 'Вместо глобального ограничения частоты будет использован заданный вами лимит отправленных сообщений. Если подписчик превысит лимит полученных сообщений, он не получит это сообщение{% if isInJourney == true %} и перейдёт к следующему шагу{% endif %}.',
+  'DUMB.FREQUENCY_CAPPING.DESC.IGNORE': 'Пользователь получит это сообщение в любом случае, даже если он превысил установленные лимиты сообщений для канала. Используйте с осторожностью, чтобы не отправлять слишком много сообщений.',
+  'DUMB.FREQUENCY_CAPPING.RO.CUSTOM_LABEL': 'Пользовательское ограничение частоты для этого сообщения:',
+  'DUMB.FREQUENCY_CAPPING.RO.IGNORE_LABEL': 'Отправлять сообщения без глобального ограничения частоты',
+  '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': 'Пользователь получит это сообщение в любом случае, даже если он превысил установленные лимиты для канала'
+};

package/FrequencyCapping/polyglot/types.d.ts

@@ -0,0 +1,46 @@
+import type { NoParams } from '../../polyglot';
+export type FrequencyCappingMessages = {
+    'DUMB.FREQUENCY_CAPPING.FIELD_TITLE': NoParams;
+    'DUMB.FREQUENCY_CAPPING.LINK.SET_UP': NoParams;
+    'DUMB.FREQUENCY_CAPPING.LINK.SETTINGS': NoParams;
+    'DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX': NoParams;
+    'DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER': NoParams;
+    'DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS': NoParams;
+    'DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC': NoParams;
+    'DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO': NoParams;
+    'DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS': NoParams;
+    'DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN': NoParams;
+    'DUMB.FREQUENCY_CAPPING.INAPP.DAYS': NoParams;
+    'DUMB.FREQUENCY_CAPPING.INAPP.ENABLE': NoParams;
+    'DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL': NoParams;
+    'DUMB.FREQUENCY_CAPPING.CHIP.UNLIMITED': NoParams;
+    'DUMB.FREQUENCY_CAPPING.CHIP.MESSAGE': {
+        count: number;
+        days: number;
+    };
+    'DUMB.FREQUENCY_CAPPING.CHIP.INAPP': {
+        count: number;
+        days: number;
+    };
+    'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_UNSET': NoParams;
+    'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_PREFIX': NoParams;
+    'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_INAPP_SUFFIX': NoParams;
+    'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_PREFIX': NoParams;
+    'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_UNSET_SUFFIX': NoParams;
+    'DUMB.FREQUENCY_CAPPING.DESC.GLOBAL_MSG_SUFFIX': {
+        isInJourney: boolean;
+    };
+    'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_INAPP': NoParams;
+    'DUMB.FREQUENCY_CAPPING.DESC.CUSTOM_MSG': {
+        isInJourney: boolean;
+    };
+    'DUMB.FREQUENCY_CAPPING.DESC.IGNORE': NoParams;
+    'DUMB.FREQUENCY_CAPPING.RO.CUSTOM_LABEL': NoParams;
+    'DUMB.FREQUENCY_CAPPING.RO.IGNORE_LABEL': NoParams;
+    'DUMB.FREQUENCY_CAPPING.RO.GLOBAL_LABEL': NoParams;
+    'DUMB.FREQUENCY_CAPPING.RO.BECAUSE_UNSET': NoParams;
+    'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_LIMIT': {
+        isInJourney: boolean;
+    };
+    'DUMB.FREQUENCY_CAPPING.RO.TOOLTIP_IGNORE': NoParams;
+};

package/FrequencyCapping/polyglot/types.js

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

package/Select/styles.js

@@ -4,7 +4,7 @@ import ReactSelectCreatable from 'react-select/creatable';
 import styled, { css } from 'styled-components';
 import { Color, FontSize, LineHeight, UnitSize } from '@pushwoosh/kit-constants';
 import { CLASS_NAME_PREFIX } from './constants';
-const selectStyles = css([".", "__control{width:", ";min-width:", ";height:auto;min-height:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";border:", ";box-sizing:border-box;}.", "__indicator{display:flex;align-items:center;justify-content:center;padding:6px 8px;}.", "__menu{width:", ";min-width:", ";font-size:", ";line-height:", ";}.", "__indicator-separator{display:none;}.", "__control--is-focused{border:1px solid ", ";box-shadow:none;}.", "__control--is-disabled{background-color:", ";}.", "__control:hover{border:", ";}.", "__control--is-focused:hover{border:1px solid ", ";box-shadow:none;}.", "__placeholder{display:flex;width:100%;color:", ";white-space:nowrap;text-overflow:clip;}.", "__multi-value{background:", ";}.", "__multi-value__label{color:", ";}.", "__multi-value__remove{color:", ";}.", "__multi-value__remove:hover{color:", ";background:", ";}"], CLASS_NAME_PREFIX, ({
+const selectStyles = css([".", "__control{width:", ";min-width:", ";height:auto;min-height:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";border:", ";box-sizing:border-box;}.", "__indicator{display:flex;align-items:center;justify-content:center;padding:6px 8px;}.", "__menu{width:", ";min-width:", ";font-size:", ";line-height:", ";}.", "__option{overflow-wrap:anywhere;}.", "__indicator-separator{display:none;}.", "__control--is-focused{border:1px solid ", ";box-shadow:none;}.", "__control--is-disabled{background-color:", ";}.", "__control:hover{border:", ";}.", "__control--is-focused:hover{border:1px solid ", ";box-shadow:none;}.", "__placeholder{display:flex;width:100%;color:", ";white-space:nowrap;text-overflow:clip;}.", "__multi-value{background:", ";}.", "__multi-value__label{color:", ";}.", "__multi-value__remove{color:", ";}.", "__multi-value__remove:hover{color:", ";background:", ";}"], CLASS_NAME_PREFIX, ({
   width
 }) => width || '100%', ({
   width
@@ -14,7 +14,7 @@ const selectStyles = css([".", "__control{width:", ";min-width:", ";height:auto;
   width
 }) => width || '100%', ({
   width
-}) => width || '150px', FontSize.REGULAR, LineHeight.REGULAR, CLASS_NAME_PREFIX, CLASS_NAME_PREFIX, Color.BRIGHT, CLASS_NAME_PREFIX, Color.FROZEN, CLASS_NAME_PREFIX, ({
+}) => width || '150px', FontSize.REGULAR, LineHeight.REGULAR, CLASS_NAME_PREFIX, CLASS_NAME_PREFIX, CLASS_NAME_PREFIX, Color.BRIGHT, CLASS_NAME_PREFIX, Color.FROZEN, CLASS_NAME_PREFIX, ({
   $isErrored
 }) => $isErrored ? `1px solid ${Color.DANGER}` : `1px solid ${Color.FORM}`, CLASS_NAME_PREFIX, Color.BRIGHT, CLASS_NAME_PREFIX, Color.PHANTOM, CLASS_NAME_PREFIX, Color.BRIGHT_LIGHT, CLASS_NAME_PREFIX, Color.PRIMARY, CLASS_NAME_PREFIX, Color.PRIMARY, CLASS_NAME_PREFIX, Color.PRIMARY, Color.BRIGHT_LIGHT);
 export const SelectStyled = styled(ReactSelect).withConfig({

package/SendRate/SendRateEdit.js

@@ -4,10 +4,12 @@ import { Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Description } from './components/Description';
 import { EditSendRateSettings } from './components/Settings';
+import { getGlobalSendRateLinkText } from './helpers/getGlobalSendRateLinkText';
 import { FieldBox } from '../FieldBox';
 import { Link } from '../Link';
 import { Select } from '../Select';
 import { sendRateOptions } from './constants';
+import { useLang } from './polyglot';
 import { Container, LinkWrapper } from './styles';
 export function SendRateEdit({
   sendRate,
@@ -18,12 +20,13 @@ export function SendRateEdit({
   maxValue,
   editGlobalClicked
 }) {
+  const lang = useLang();
   const {
     sendRate: count,
     policy
   } = sendRate;
   const isGlobalSendRateDisabled = globalSendRate.count === 0 && globalSendRate.count === 0;
-  const globalSendRateLinkText = isGlobalSendRateDisabled ? 'Set up' : 'Settings';
+  const globalSendRateLinkText = getGlobalSendRateLinkText(lang, isGlobalSendRateDisabled);
   const onChangeSendRate = React.useCallback(value => {
     if (value === 'CUSTOM') {
       onChange({
@@ -51,7 +54,9 @@ export function SendRateEdit({
   }, React.createElement(Vertical, {
     "$gap": 12
   }, React.createElement(FieldBox, {
-    title: "Send rate"
+    title: lang({
+      message: 'DUMB.SEND_RATE.FIELD_TITLE'
+    })
   }, React.createElement(Select, {
     name: "sendRateOption",
     options: sendRateOptions,

package/SendRate/SendRateReadonly.js

@@ -2,19 +2,22 @@ import React from 'react';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Link } from '../Link';
+import { getGlobalSendRateLinkText } from './helpers/getGlobalSendRateLinkText';
 import { getReadonlySendRateLabel } from './helpers/getReadonlySendRateHelpers';
+import { useLang } from './polyglot';
 export function SendRateReadonly({
   sendRate,
   globalSendRate,
   applicationCode,
   editGlobalClicked
 }) {
+  const lang = useLang();
   const {
     policy
   } = sendRate;
   const isGlobalSendRateDisabled = globalSendRate.count === 0 && globalSendRate.seconds === 0;
-  const globalSendRateLinkText = isGlobalSendRateDisabled ? 'Set up' : 'Settings';
-  const label = getReadonlySendRateLabel(sendRate, isGlobalSendRateDisabled, globalSendRate);
+  const globalSendRateLinkText = getGlobalSendRateLinkText(lang, isGlobalSendRateDisabled);
+  const label = getReadonlySendRateLabel(sendRate, isGlobalSendRateDisabled, globalSendRate, lang);
   return React.createElement(Vertical, {
     "$gap": 24
   }, React.createElement(Horizontal, {

package/SendRate/components/Condition/index.js

@@ -1,15 +1,22 @@
 import React from 'react';
 import { ChipWithinTextContainer } from './styles';
 import { Chip } from '../../../Chip';
+import { useLang } from '../../polyglot';
 export function ChipSendRate({
   messages,
   $inText = false
 }) {
+  const lang = useLang();
   return React.createElement(ChipWithinTextContainer, {
     "$inText": $inText
   }, React.createElement(Chip, {
     "$variant": "primary",
     "$readOnly": true,
     as: "span"
-  }, messages === 0 ? 'unlimited' : `${messages} messages per 1 sec`));
+  }, messages === 0 ? lang({
+    message: 'DUMB.SEND_RATE.CHIP.UNLIMITED'
+  }) : lang({
+    message: 'DUMB.SEND_RATE.CHIP.RATE',
+    messages
+  })));
 }

package/SendRate/components/Description/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Paragraph } from '@pushwoosh/kit-typography';
+import { useLang } from '../../polyglot';
 import { ChipSendRate } from '../Condition';
 export function Description(props) {
   const {
@@ -8,22 +9,35 @@ export function Description(props) {
     seconds,
     children
   } = props;
+  const lang = useLang();
   if (sendRateOption === 'GLOBAL') {
     if (messages === 0 && seconds === 0) {
-      return React.createElement(Paragraph, null, "This message will use an", React.createElement(ChipSendRate, {
+      return React.createElement(Paragraph, null, lang({
+        message: 'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX'
+      }), React.createElement(ChipSendRate, {
         messages: 0,
         "$inText": true
-      }), "global send rate because limit isn\u2019t set.", ' ', children);
+      }), lang({
+        message: 'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX'
+      }), ' ', children);
     }
-    return React.createElement(Paragraph, null, "This message will use the Global send rate limit of", React.createElement(ChipSendRate, {
+    return React.createElement(Paragraph, null, lang({
+      message: 'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX'
+    }), React.createElement(ChipSendRate, {
       messages: messages,
       "$inText": true
-    }), "to help reduce backend load.", ' ', children);
+    }), lang({
+      message: 'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX'
+    }), ' ', children);
   }
   if (sendRateOption === 'CUSTOM') {
-    return React.createElement(Paragraph, null, "Instead of using the Global send rate, a custom delivery speed will be applied. Messages will be sent at the rate defined below.", ' ', children);
+    return React.createElement(Paragraph, null, lang({
+      message: 'DUMB.SEND_RATE.DESC.CUSTOM'
+    }), ' ', children);
   }
   if (sendRateOption === 'IGNORE') {
-    return React.createElement(Paragraph, null, "This message will be sent as fast as possible, regardless of any Global send rate limits. Use with caution to avoid overloading your backend or creating delivery spikes.", ' ', children);
+    return React.createElement(Paragraph, null, lang({
+      message: 'DUMB.SEND_RATE.DESC.IGNORE'
+    }), ' ', children);
   }
 }

package/SendRate/components/Settings/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { NumberPicker } from '../../../NumberPicker';
+import { Lang } from '../../polyglot';
 export function EditSendRateSettings(props) {
   const {
     messages,
@@ -18,10 +19,14 @@ export function EditSendRateSettings(props) {
     style: {
       gridTemplateColumns: '145px 70px 150px'
     }
-  }, React.createElement(Paragraph, null, "Limit to a maximum of"), React.createElement(NumberPicker, {
+  }, React.createElement(Paragraph, null, React.createElement(Lang, {
+    message: "DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX"
+  })), React.createElement(NumberPicker, {
     onChange: value => onMessagesChange(value),
     value: messages,
     minValue: minValue,
     maxValue: maxValue
-  }), React.createElement(Paragraph, null, "messages per 1 sec"));
+  }), React.createElement(Paragraph, null, React.createElement(Lang, {
+    message: "DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC"
+  })));
 }

package/SendRate/helpers/getGlobalSendRateLinkText.d.ts

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

package/SendRate/helpers/getGlobalSendRateLinkText.js

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

package/SendRate/helpers/getReadonlySendRateHelpers.d.ts

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

package/SendRate/helpers/getReadonlySendRateHelpers.js

@@ -4,14 +4,16 @@ import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { Tooltip } from '../../Tooltip';
 import { ChipSendRate } from '../components/Condition';
 import { IconWrapper } from '../styles';
-export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisabled, globalSendRate) {
+export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisabled, globalSendRate, lang) {
   const {
     policy,
     sendRate
   } = sendRateOption;
-  const tooltip = getReadonlyTooltip(policy);
+  const tooltip = getReadonlyTooltip(policy, lang);
   if (policy === 'CUSTOM') {
-    return React.createElement(React.Fragment, null, "Custom send rate for this message:", React.createElement(ChipSendRate, {
+    return React.createElement(React.Fragment, null, lang({
+      message: 'DUMB.SEND_RATE.RO.CUSTOM_LABEL'
+    }), React.createElement(ChipSendRate, {
       messages: sendRate
     }));
   }
@@ -20,7 +22,9 @@ export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisable
       "$alignItems": "center",
       "$gap": 4,
       "$justifyContent": "start"
-    }, "Send messages without global send rate", React.createElement(Tooltip, {
+    }, lang({
+      message: 'DUMB.SEND_RATE.RO.IGNORE_LABEL'
+    }), React.createElement(Tooltip, {
       content: tooltip,
       position: "top-middle"
     }, React.createElement(IconWrapper, {
@@ -30,18 +34,23 @@ export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisable
       view: "lined"
     }))));
   }
-  return isGlobalSendRateDisabled ? React.createElement(React.Fragment, null, "Global send rate:", React.createElement(ChipSendRate, {
+  return isGlobalSendRateDisabled ? React.createElement(React.Fragment, null, lang({
+    message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
+  }), React.createElement(ChipSendRate, {
     messages: 0
-  }), "because limit isn\u2019t set") : React.createElement(React.Fragment, null, "Global send rate:", React.createElement(ChipSendRate, {
+  }), lang({
+    message: 'DUMB.SEND_RATE.RO.BECAUSE_UNSET'
+  })) : React.createElement(React.Fragment, null, lang({
+    message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
+  }), React.createElement(ChipSendRate, {
     messages: globalSendRate.count
   }));
 }
-function getReadonlyTooltip(sendRateOption) {
-  if (sendRateOption === 'CUSTOM') {
-    return '';
-  }
+function getReadonlyTooltip(sendRateOption, lang) {
   if (sendRateOption === 'IGNORE') {
-    return 'Messages will be sent without rate limits, if possible, because no send rate is applied to this message';
+    return lang({
+      message: 'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE'
+    });
   }
   return '';
 }

package/SendRate/polyglot/index.d.ts

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

package/SendRate/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/SendRate/polyglot/messages_en.d.ts

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

package/SendRate/polyglot/messages_en.js

@@ -0,0 +1,20 @@
+export const messages = {
+  'DUMB.SEND_RATE.FIELD_TITLE': 'Send rate',
+  'DUMB.SEND_RATE.LINK.SET_UP': 'Set up',
+  'DUMB.SEND_RATE.LINK.SETTINGS': 'Settings',
+  'DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX': 'Limit to a maximum of',
+  'DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC': 'messages per 1 sec',
+  'DUMB.SEND_RATE.CHIP.UNLIMITED': 'unlimited',
+  'DUMB.SEND_RATE.CHIP.RATE': '{{messages}} messages per 1 sec',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX': 'This message will use an',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX': 'global send rate because limit isn’t set.',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX': 'This message will use the Global send rate limit of',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX': 'to help reduce backend load.',
+  'DUMB.SEND_RATE.DESC.CUSTOM': 'Instead of using the Global send rate, a custom delivery speed will be applied. Messages will be sent at the rate defined below.',
+  'DUMB.SEND_RATE.DESC.IGNORE': 'This message will be sent as fast as possible, regardless of any Global send rate limits. Use with caution to avoid overloading your backend or creating delivery spikes.',
+  'DUMB.SEND_RATE.RO.CUSTOM_LABEL': 'Custom send rate for this message:',
+  'DUMB.SEND_RATE.RO.IGNORE_LABEL': 'Send messages without global send rate',
+  'DUMB.SEND_RATE.RO.GLOBAL_LABEL': 'Global send rate:',
+  'DUMB.SEND_RATE.RO.BECAUSE_UNSET': 'because limit isn’t set',
+  'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE': 'Messages will be sent without rate limits, if possible, because no send rate is applied to this message'
+};

package/SendRate/polyglot/messages_ru.d.ts

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

package/SendRate/polyglot/messages_ru.js

@@ -0,0 +1,20 @@
+export const messages = {
+  'DUMB.SEND_RATE.FIELD_TITLE': 'Скорость отправки',
+  'DUMB.SEND_RATE.LINK.SET_UP': 'Настроить',
+  'DUMB.SEND_RATE.LINK.SETTINGS': 'Настройки',
+  'DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX': 'Не более',
+  'DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC': 'сообщений в секунду',
+  'DUMB.SEND_RATE.CHIP.UNLIMITED': 'без ограничений',
+  'DUMB.SEND_RATE.CHIP.RATE': '{{messages}} {{messages | pluralize: "сообщение", "сообщения", "сообщений"}} в секунду',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX': 'Это сообщение будет использовать',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX': 'глобальную скорость отправки, так как лимит не задан.',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX': 'Это сообщение будет использовать глобальный лимит скорости отправки',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX': 'чтобы снизить нагрузку на бэкенд.',
+  'DUMB.SEND_RATE.DESC.CUSTOM': 'Вместо глобальной скорости отправки будет применена пользовательская скорость доставки. Сообщения будут отправляться со скоростью, заданной ниже.',
+  'DUMB.SEND_RATE.DESC.IGNORE': 'Это сообщение будет отправлено максимально быстро, без учёта глобальных лимитов скорости отправки. Используйте с осторожностью, чтобы не перегрузить бэкенд и не создавать всплески доставки.',
+  'DUMB.SEND_RATE.RO.CUSTOM_LABEL': 'Пользовательская скорость отправки для этого сообщения:',
+  'DUMB.SEND_RATE.RO.IGNORE_LABEL': 'Отправлять сообщения без глобальной скорости отправки',
+  'DUMB.SEND_RATE.RO.GLOBAL_LABEL': 'Глобальная скорость отправки:',
+  'DUMB.SEND_RATE.RO.BECAUSE_UNSET': 'так как лимит не задан',
+  'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE': 'Сообщения будут отправлены без ограничений скорости, по возможности, так как к этому сообщению не применяется скорость отправки'
+};

package/SendRate/polyglot/types.d.ts

@@ -0,0 +1,23 @@
+import type { NoParams } from '../../polyglot';
+export type SendRateMessages = {
+    'DUMB.SEND_RATE.FIELD_TITLE': NoParams;
+    'DUMB.SEND_RATE.LINK.SET_UP': NoParams;
+    'DUMB.SEND_RATE.LINK.SETTINGS': NoParams;
+    'DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX': NoParams;
+    'DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC': NoParams;
+    'DUMB.SEND_RATE.CHIP.UNLIMITED': NoParams;
+    'DUMB.SEND_RATE.CHIP.RATE': {
+        messages: number;
+    };
+    'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.CUSTOM': NoParams;
+    'DUMB.SEND_RATE.DESC.IGNORE': NoParams;
+    'DUMB.SEND_RATE.RO.CUSTOM_LABEL': NoParams;
+    'DUMB.SEND_RATE.RO.IGNORE_LABEL': NoParams;
+    'DUMB.SEND_RATE.RO.GLOBAL_LABEL': NoParams;
+    'DUMB.SEND_RATE.RO.BECAUSE_UNSET': NoParams;
+    'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE': NoParams;
+};

package/SendRate/polyglot/types.js

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

package/package.json

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

package/polyglot/index.d.ts

@@ -1,2 +1,2 @@
 export type { LangMessages, LangProps, UseLangHook, NoParams } from './types';
-export { LangProvider, LangBase, useLangBase } from './react';
+export { LangProvider, LangBase, useLangBase, LangLib, useLangLib, createLang, } from './react';

package/polyglot/index.js

@@ -1 +1 @@
-export { LangProvider, LangBase, useLangBase } from './react';
+export { LangProvider, LangBase, useLangBase, LangLib, useLangLib, createLang } from './react';