@pushwoosh/dumb-components 1.1.133 → 1.1.135

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/Modal/components/ModalConfirm/ModalConfirm.js

@@ -2,22 +2,33 @@ import React, { useState, useCallback } from 'react';
 import { Vertical, Horizontal } from '@pushwoosh/kit-helpers';
 import { Banner } from '../../../Banner';
 import { Button } from '../../../Button';
+import { useLang } from '../../polyglot';
 import { Modal } from '../Modal';
 import { ModalHeader, ModalBody, ModalFooter } from '../ModalContent';
 import { ModalTitle } from '../ModalTitle';
 export function ModalConfirm(props) {
+  const lang = useLang();
   const {
     isOpen,
-    title = 'Confirm action',
+    title,
     size = 'small',
     description = '',
-    confirmButtonText = 'Confirm',
-    cancelButtonText = 'Cancel',
+    confirmButtonText,
+    cancelButtonText,
     confirmButtonColor = 'primary',
     callback,
     onAccept,
     onCancel
   } = props;
+  const resolvedTitle = title ?? lang({
+    message: 'DUMB.MODAL.CONFIRM_TITLE'
+  });
+  const resolvedConfirmText = confirmButtonText ?? lang({
+    message: 'DUMB.MODAL.CONFIRM'
+  });
+  const resolvedCancelText = cancelButtonText ?? lang({
+    message: 'DUMB.MODAL.CANCEL'
+  });
   const [isLoading, setIsLoading] = useState(false);
   const [errorMessage, setErrorMessage] = useState('');
   const handleConfirm = useCallback(async () => {
@@ -27,18 +38,20 @@ export function ModalConfirm(props) {
       await (callback === null || callback === void 0 ? void 0 : callback());
       await onAccept();
     } catch (error) {
-      setErrorMessage((error === null || error === void 0 ? void 0 : error.message) || 'Unexpected error occurred');
+      setErrorMessage((error === null || error === void 0 ? void 0 : error.message) || lang({
+        message: 'DUMB.MODAL.UNEXPECTED_ERROR'
+      }));
     } finally {
       setIsLoading(false);
     }
-  }, [callback, onAccept]);
+  }, [callback, onAccept, lang]);
   return React.createElement(Modal, {
     size: size,
     isOpen: isOpen,
     onClose: onCancel
   }, React.createElement(ModalHeader, null, React.createElement(Vertical, {
     "$gap": 8
-  }, React.createElement(ModalTitle, null, title), errorMessage && React.createElement(Banner, {
+  }, React.createElement(ModalTitle, null, resolvedTitle), errorMessage && React.createElement(Banner, {
     type: "error",
     title: errorMessage
   }))), description && React.createElement(ModalBody, null, description), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
@@ -47,9 +60,9 @@ export function ModalConfirm(props) {
   }, React.createElement(Button, {
     color: "secondary",
     onClick: onCancel
-  }, cancelButtonText), React.createElement(Button, {
+  }, resolvedCancelText), React.createElement(Button, {
     color: confirmButtonColor,
     isLoading: isLoading,
     onClick: handleConfirm
-  }, confirmButtonText))));
+  }, resolvedConfirmText))));
 }

package/Modal/components/ModalConfirm/types.d.ts

@@ -3,7 +3,7 @@ import { type modalSizes } from '../Modal/maps';
 export type ConfirmButtonColor = 'primary' | 'secondary' | 'danger';
 export interface ModalConfirmProps {
     isOpen: boolean;
-    title: string;
+    title?: string;
     size?: keyof typeof modalSizes;
     description?: ReactNode;
     confirmButtonText?: string;

package/Modal/polyglot/index.d.ts

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

package/Modal/polyglot/index.js

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

package/Modal/polyglot/messages_en.d.ts

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

package/Modal/polyglot/messages_en.js

@@ -0,0 +1,6 @@
+export const messages = {
+  'DUMB.MODAL.UNEXPECTED_ERROR': 'Unexpected error occurred',
+  'DUMB.MODAL.CONFIRM_TITLE': 'Confirm action',
+  'DUMB.MODAL.CONFIRM': 'Confirm',
+  'DUMB.MODAL.CANCEL': 'Cancel'
+};

package/Modal/polyglot/messages_ru.d.ts

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

package/Modal/polyglot/messages_ru.js

@@ -0,0 +1,6 @@
+export const messages = {
+  'DUMB.MODAL.UNEXPECTED_ERROR': 'Произошла непредвиденная ошибка',
+  'DUMB.MODAL.CONFIRM_TITLE': 'Подтвердите действие',
+  'DUMB.MODAL.CONFIRM': 'Подтвердить',
+  'DUMB.MODAL.CANCEL': 'Отмена'
+};

package/Modal/polyglot/types.d.ts

@@ -0,0 +1,7 @@
+import type { NoParams } from '../../polyglot';
+export type ModalMessages = {
+    'DUMB.MODAL.UNEXPECTED_ERROR': NoParams;
+    'DUMB.MODAL.CONFIRM_TITLE': NoParams;
+    'DUMB.MODAL.CONFIRM': NoParams;
+    'DUMB.MODAL.CANCEL': NoParams;
+};

package/Modal/polyglot/types.js

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

package/NotificationInbox/NotificationBell.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { NotificationIcon } from '@pushwoosh/kit-icons';
+import { useLang } from './polyglot';
 import { NotificationBellButton, NotificationBellBadge, NotificationBellBadgeDot } from './styles';
 export function NotificationBell({
   count = 0,
@@ -8,6 +9,7 @@ export function NotificationBell({
   isOpened = false,
   onClick
 }) {
+  const lang = useLang();
   const hasNotifications = count > 0;
   const showBadge = hasNotifications || severity;
   const getBadgeColor = () => {
@@ -20,7 +22,11 @@ export function NotificationBell({
     "$isOpened": isOpened,
     onClick: onClick,
     type: "button",
-    "aria-label": hasNotifications ? 'You have unread notifications' : 'Notifications'
+    "aria-label": hasNotifications ? lang({
+      message: 'DUMB.NOTIFICATION_INBOX.BELL_ARIA_UNREAD'
+    }) : lang({
+      message: 'DUMB.NOTIFICATION_INBOX.TITLE'
+    })
   }, React.createElement(NotificationIcon, {
     size: "medium",
     type: "enabled",

package/NotificationInbox/NotificationInbox.js

@@ -8,6 +8,7 @@ import { useInfiniteScroll } from './useInfiniteScroll';
 import { Badge } from '../Badge';
 import { Spinner } from '../Spinner';
 import emptyNotificationsIcon from './assets/EmptyNotifications.svg?url';
+import { Lang } from './polyglot';
 import { NotificationInboxContainer, NotificationInboxHeader, NotificationInboxTitle, NotificationInboxList, NotificationItem, NotificationIndicator, NotificationHeader, NotificationDescription, NotificationActionLink, NotificationInboxEmptyIcon, NotificationInboxEmptyText } from './styles';
 export function NotificationInbox({
   notifications,
@@ -51,7 +52,9 @@ export function NotificationInbox({
     return React.createElement(NotificationInboxContainer, null, React.createElement(NotificationInboxHeader, null, React.createElement(NotificationInboxTitle, {
       "$variant": "h4",
       "$color": Color.MAIN
-    }, "Notifications")), React.createElement(Vertical, {
+    }, React.createElement(Lang, {
+      message: "DUMB.NOTIFICATION_INBOX.TITLE"
+    }))), React.createElement(Vertical, {
       "$alignItems": "center",
       "$gap": 24,
       "$padding": "24px"
@@ -76,10 +79,15 @@ export function NotificationInbox({
   return React.createElement(NotificationInboxContainer, null, React.createElement(NotificationInboxHeader, null, React.createElement(NotificationInboxTitle, {
     "$variant": "h4",
     "$color": Color.MAIN
-  }, React.createElement("span", null, "Notifications"), unreadCount > 0 && React.createElement(React.Fragment, null, ' ', React.createElement(Text, {
+  }, React.createElement("span", null, React.createElement(Lang, {
+    message: "DUMB.NOTIFICATION_INBOX.TITLE"
+  })), unreadCount > 0 && React.createElement(React.Fragment, null, ' ', React.createElement(Text, {
     "$variant": "h4",
     "$color": Color.LOCKED
-  }, unreadCount, ' ', "unread")))), React.createElement(NotificationInboxList, {
+  }, React.createElement(Lang, {
+    message: "DUMB.NOTIFICATION_INBOX.UNREAD",
+    count: unreadCount
+  }))))), React.createElement(NotificationInboxList, {
     "data-notification-list": true
   }, notifications.map(notification => {
     const isRead = notification.isRead ?? false;
@@ -132,7 +140,11 @@ export function NotificationInbox({
         e.stopPropagation();
         setExpandedId(prev => prev === notification.id ? null : notification.id);
       }
-    }, expandedId === notification.id ? 'Collapse' : 'Expand'))));
+    }, expandedId === notification.id ? React.createElement(Lang, {
+      message: "DUMB.NOTIFICATION_INBOX.COLLAPSE"
+    }) : React.createElement(Lang, {
+      message: "DUMB.NOTIFICATION_INBOX.EXPAND"
+    })))));
   }), hasMore && isLoading && React.createElement(Horizontal, {
     ref: loadMoreRef,
     "$alignItems": "center",
@@ -145,7 +157,9 @@ export function NotificationInbox({
   }), React.createElement(Text, {
     "$variant": "footnote",
     "$color": Color.LOCKED
-  }, "Loading more\u2026")), isLoading && notifications.length === 0 && !hasMore && React.createElement(Horizontal, {
+  }, React.createElement(Lang, {
+    message: "DUMB.NOTIFICATION_INBOX.LOADING_MORE"
+  }))), isLoading && notifications.length === 0 && !hasMore && React.createElement(Horizontal, {
     "$justifyContent": "center",
     "$alignItems": "center",
     "$padding": "16px 0"

package/NotificationInbox/polyglot/index.d.ts

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

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

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

package/NotificationInbox/polyglot/messages_en.js

@@ -0,0 +1,8 @@
+export const messages = {
+  'DUMB.NOTIFICATION_INBOX.TITLE': 'Notifications',
+  'DUMB.NOTIFICATION_INBOX.UNREAD': '{{count}} unread',
+  'DUMB.NOTIFICATION_INBOX.COLLAPSE': 'Collapse',
+  'DUMB.NOTIFICATION_INBOX.EXPAND': 'Expand',
+  'DUMB.NOTIFICATION_INBOX.LOADING_MORE': 'Loading more…',
+  'DUMB.NOTIFICATION_INBOX.BELL_ARIA_UNREAD': 'You have unread notifications'
+};

package/NotificationInbox/polyglot/messages_ru.d.ts

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

package/NotificationInbox/polyglot/messages_ru.js

@@ -0,0 +1,8 @@
+export const messages = {
+  'DUMB.NOTIFICATION_INBOX.TITLE': 'Уведомления',
+  'DUMB.NOTIFICATION_INBOX.UNREAD': '{{count}} {{count | pluralize: "непрочитанное", "непрочитанных", "непрочитанных"}}',
+  'DUMB.NOTIFICATION_INBOX.COLLAPSE': 'Свернуть',
+  'DUMB.NOTIFICATION_INBOX.EXPAND': 'Развернуть',
+  'DUMB.NOTIFICATION_INBOX.LOADING_MORE': 'Загрузка…',
+  'DUMB.NOTIFICATION_INBOX.BELL_ARIA_UNREAD': 'Есть непрочитанные уведомления'
+};

package/NotificationInbox/polyglot/types.d.ts

@@ -0,0 +1,11 @@
+import type { NoParams } from '../../polyglot';
+export type NotificationInboxMessages = {
+    'DUMB.NOTIFICATION_INBOX.TITLE': NoParams;
+    'DUMB.NOTIFICATION_INBOX.UNREAD': {
+        count: number;
+    };
+    'DUMB.NOTIFICATION_INBOX.COLLAPSE': NoParams;
+    'DUMB.NOTIFICATION_INBOX.EXPAND': NoParams;
+    'DUMB.NOTIFICATION_INBOX.LOADING_MORE': NoParams;
+    'DUMB.NOTIFICATION_INBOX.BELL_ARIA_UNREAD': NoParams;
+};

package/NotificationInbox/polyglot/types.js

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

package/PushPreview/components/MissedContentPreview/MissedContentPreview.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon } from '@pushwoosh/kit-icons';
+import { Lang } from '../../polyglot';
 import { PushBox, IconContainer, PushTitle, PushDescription } from '../../styles';
 export function MissedContentPreview() {
   return React.createElement(PushBox, {
@@ -11,7 +12,11 @@ export function MissedContentPreview() {
     color: Color.CLEAR
   })), React.createElement(Vertical, null, React.createElement(PushTitle, {
     locked: true
-  }, "Content missed"), React.createElement(PushDescription, {
+  }, React.createElement(Lang, {
+    message: "DUMB.PUSH_PREVIEW.CONTENT_MISSED"
+  })), React.createElement(PushDescription, {
     locked: true
-  }, "Might be old data or deleted presets")));
+  }, React.createElement(Lang, {
+    message: "DUMB.PUSH_PREVIEW.HINT"
+  }))));
 }

package/PushPreview/polyglot/index.d.ts

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

package/PushPreview/polyglot/index.js

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

package/PushPreview/polyglot/messages_en.d.ts

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

package/PushPreview/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.PUSH_PREVIEW.CONTENT_MISSED': 'Content missed',
+  'DUMB.PUSH_PREVIEW.HINT': 'Might be old data or deleted presets'
+};

package/PushPreview/polyglot/messages_ru.d.ts

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

package/PushPreview/polyglot/messages_ru.js

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

package/PushPreview/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type PushPreviewMessages = {
+    'DUMB.PUSH_PREVIEW.CONTENT_MISSED': NoParams;
+    'DUMB.PUSH_PREVIEW.HINT': NoParams;
+};

package/PushPreview/polyglot/types.js

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

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