@pushwoosh/dumb-components 1.1.133 → 1.1.135

package/EmailTemplatePreview/components/NoEmailTemplatePreview/NoEmailTemplatePreview.js

@@ -4,7 +4,9 @@ import { Vertical } from '@pushwoosh/kit-helpers';
 import { Text } from '@pushwoosh/kit-typography';
 import Email from './assets/email.svg?url';
 import { Container, PreviewMock } from './styles';
+import { Lang, useLang } from '../../polyglot';
 export function NoEmailTemplatePreview() {
+  const lang = useLang();
   return React.createElement(Container, {
     "$padding": "12px 12px 24px",
     "$gap": 12
@@ -13,12 +15,18 @@ export function NoEmailTemplatePreview() {
     "$justifyContent": "center"
   }, React.createElement("img", {
     src: Email,
-    alt: "Email envelop icon"
+    alt: lang({
+      message: 'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT'
+    })
   })), React.createElement(Vertical, null, React.createElement(Text, {
     "$variant": "footnote",
     "$color": Color.LOCKED
-  }, "Content missed..."), React.createElement(Text, {
+  }, React.createElement(Lang, {
+    message: "DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED"
+  })), React.createElement(Text, {
     "$variant": "footnote",
     "$color": Color.LOCKED
-  }, "Might be old data or deleted presets")));
+  }, React.createElement(Lang, {
+    message: "DUMB.EMAIL_TEMPLATE_PREVIEW.HINT"
+  }))));
 }

package/EmailTemplatePreview/polyglot/index.d.ts

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

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

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

package/EmailTemplatePreview/polyglot/messages_en.js

@@ -0,0 +1,5 @@
+export const messages = {
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT': 'Email envelope icon',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED': 'Content missed...',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.HINT': 'Might be old data or deleted presets'
+};

package/EmailTemplatePreview/polyglot/messages_ru.d.ts

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

package/EmailTemplatePreview/polyglot/messages_ru.js

@@ -0,0 +1,5 @@
+export const messages = {
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT': 'Иконка конверта email',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED': 'Контент отсутствует...',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.HINT': 'Возможно, устаревшие данные или удалённые пресеты'
+};

package/EmailTemplatePreview/polyglot/types.d.ts

@@ -0,0 +1,6 @@
+import type { NoParams } from '../../polyglot';
+export type EmailTemplatePreviewMessages = {
+    'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT': NoParams;
+    'DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED': NoParams;
+    'DUMB.EMAIL_TEMPLATE_PREVIEW.HINT': NoParams;
+};

package/EmailTemplatePreview/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;

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'
+};