@pushwoosh/dumb-components 1.1.134 → 1.1.135

package/AccessForbidden/AccessForbidden.js

@@ -1,9 +1,17 @@
 import React from 'react';
 import accessForbiddenImage from './assets/AccessForbidden.svg?url';
+import { Lang, useLang } from './polyglot';
 import { RootBox, ImageBox, TitleBox, DescriptionBox } from './styles';
 export function AccessForbidden() {
+  const lang = useLang();
   return React.createElement(RootBox, null, React.createElement(ImageBox, {
-    alt: "Access forbidden",
+    alt: lang({
+      message: 'DUMB.ACCESS_FORBIDDEN.TITLE'
+    }),
     src: accessForbiddenImage
-  }), React.createElement(TitleBox, null, "Access forbidden"), React.createElement(DescriptionBox, null, "You do not have permission to access this page. Please contact your administrator for assistance."));
+  }), React.createElement(TitleBox, null, React.createElement(Lang, {
+    message: "DUMB.ACCESS_FORBIDDEN.TITLE"
+  })), React.createElement(DescriptionBox, null, React.createElement(Lang, {
+    message: "DUMB.ACCESS_FORBIDDEN.DESCRIPTION"
+  })));
 }

package/AccessForbidden/polyglot/index.d.ts

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

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

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

package/AccessForbidden/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.ACCESS_FORBIDDEN.TITLE': 'Access forbidden',
+  'DUMB.ACCESS_FORBIDDEN.DESCRIPTION': 'You do not have permission to access this page. Please contact your administrator for assistance.'
+};

package/AccessForbidden/polyglot/messages_ru.d.ts

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

package/AccessForbidden/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.ACCESS_FORBIDDEN.TITLE': 'Доступ запрещён',
+  'DUMB.ACCESS_FORBIDDEN.DESCRIPTION': 'У вас нет прав для доступа к этой странице. Обратитесь к администратору за помощью.'
+};

package/AccessForbidden/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type AccessForbiddenMessages = {
+    'DUMB.ACCESS_FORBIDDEN.TITLE': NoParams;
+    'DUMB.ACCESS_FORBIDDEN.DESCRIPTION': NoParams;
+};

package/AccessForbidden/polyglot/types.js

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

package/CrashScreen/CrashScreen.js

@@ -1,11 +1,16 @@
 import React from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { WarningRoundIcon } from '@pushwoosh/kit-icons';
+import { Lang } from './polyglot';
 import { RootBox, IconBox, TitleBox, DescriptionBox } from './styles';
 export function CrashScreen() {
   return React.createElement(RootBox, null, React.createElement(IconBox, null, React.createElement(WarningRoundIcon, {
     size: "medium",
     view: "filled",
     color: Color.WARNING
-  })), React.createElement(TitleBox, null, "Something went wrong"), React.createElement(DescriptionBox, null, "Please refresh the page or try again later."));
+  })), React.createElement(TitleBox, null, React.createElement(Lang, {
+    message: "DUMB.CRASH_SCREEN.TITLE"
+  })), React.createElement(DescriptionBox, null, React.createElement(Lang, {
+    message: "DUMB.CRASH_SCREEN.DESCRIPTION"
+  })));
 }

package/CrashScreen/polyglot/index.d.ts

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

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

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

package/CrashScreen/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.CRASH_SCREEN.TITLE': 'Something went wrong',
+  'DUMB.CRASH_SCREEN.DESCRIPTION': 'Please refresh the page or try again later.'
+};

package/CrashScreen/polyglot/messages_ru.d.ts

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

package/CrashScreen/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.CRASH_SCREEN.TITLE': 'Что-то пошло не так',
+  'DUMB.CRASH_SCREEN.DESCRIPTION': 'Обновите страницу или попробуйте позже.'
+};

package/CrashScreen/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type CrashScreenMessages = {
+    'DUMB.CRASH_SCREEN.TITLE': NoParams;
+    'DUMB.CRASH_SCREEN.DESCRIPTION': NoParams;
+};

package/CrashScreen/polyglot/types.js

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

package/DateTimePicker/components/DatePickerField/DatePickerField.js

@@ -2,6 +2,7 @@ import { useFloating, offset, autoPlacement } from '@floating-ui/react-dom';
 import React, { useState, useEffect } from 'react';
 import { CalendarIcon } from '@pushwoosh/kit-icons';
 import { format, monthName, get } from '../../helpers';
+import { Lang } from '../../polyglot';
 import { InputFrame } from '../../styles';
 import { DatePicker } from '../DatePicker';
 export function DatePickerField(props) {
@@ -56,7 +57,9 @@ export function DatePickerField(props) {
   }, React.createElement(CalendarIcon, {
     size: "medium",
     view: "lined"
-  }), value ? React.createElement(React.Fragment, null, format(value, 'day '), monthName(get(value, 'month'), 'long'), format(value, ' year')) : 'Select date'), showPicker && React.createElement("div", {
+  }), value ? React.createElement(React.Fragment, null, format(value, 'day '), monthName(get(value, 'month'), 'long'), format(value, ' year')) : React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.SELECT_DATE"
+  })), showPicker && React.createElement("div", {
     ref: refs.setFloating,
     style: {
       ...floatingStyles,

package/DateTimePicker/components/DateTimePickerField/DateTimePickerField.js

@@ -2,6 +2,7 @@ import { useFloating, offset, autoPlacement } from '@floating-ui/react-dom';
 import React, { useState, useEffect } from 'react';
 import { CalendarIcon } from '@pushwoosh/kit-icons';
 import { useUTCDate } from './helpers';
+import { Lang } from '../../polyglot';
 import { InputFrame } from '../../styles';
 import { DateTimePicker } from '../DateTimePicker';
 export function DateTimePickerField(props) {
@@ -63,7 +64,9 @@ export function DateTimePickerField(props) {
   }, React.createElement(CalendarIcon, {
     size: "medium",
     view: "lined"
-  }), value ? `${day} ${month} ${year} ${hours}:${minutes}` : 'Select date and time'), showPicker && React.createElement("div", {
+  }), value ? `${day} ${month} ${year} ${hours}:${minutes}` : React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME"
+  })), showPicker && React.createElement("div", {
     ref: refs.setFloating,
     style: {
       ...floatingStyles,

package/DateTimePicker/components/Month/Month.js

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { Columns } from '@pushwoosh/kit-helpers';
 import { format, firstDayOfWeek, parseStringToDate, differenceInDays, isSamePeriod, isInRange } from '../../helpers';
+import { Lang } from '../../polyglot';
 import { CellBox, DayHeader } from '../../styles';
 export function Month(props) {
   const {
@@ -26,7 +27,21 @@ export function Month(props) {
   return React.createElement(Columns, {
     "$sizes": 7,
     "$gap": 4
-  }, React.createElement(DayHeader, null, "Sun"), React.createElement(DayHeader, null, "Mon"), React.createElement(DayHeader, null, "Tue"), React.createElement(DayHeader, null, "Wed"), React.createElement(DayHeader, null, "Thu"), React.createElement(DayHeader, null, "Fri"), React.createElement(DayHeader, null, "Sat"), Array.from({
+  }, React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_SUN"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_MON"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_TUE"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_WED"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_THU"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_FRI"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_SAT"
+  })), Array.from({
     length: days
   }).map((_, i) => {
     const curDay = new Date(Date.UTC(firstDayDate.getUTCFullYear(), firstDayDate.getUTCMonth(), firstDayDate.getUTCDate() + i));

package/DateTimePicker/polyglot/index.d.ts

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

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

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

package/DateTimePicker/polyglot/messages_en.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SUN': 'Sun',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_MON': 'Mon',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_TUE': 'Tue',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_WED': 'Wed',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_THU': 'Thu',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_FRI': 'Fri',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SAT': 'Sat',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE': 'Select date',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME': 'Select date and time'
+};

package/DateTimePicker/polyglot/messages_ru.d.ts

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

package/DateTimePicker/polyglot/messages_ru.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SUN': 'Вс',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_MON': 'Пн',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_TUE': 'Вт',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_WED': 'Ср',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_THU': 'Чт',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_FRI': 'Пт',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SAT': 'Сб',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE': 'Выберите дату',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME': 'Выберите дату и время'
+};

package/DateTimePicker/polyglot/types.d.ts

@@ -0,0 +1,12 @@
+import type { NoParams } from '../../polyglot';
+export type DateTimePickerMessages = {
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_SUN': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_MON': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_TUE': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_WED': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_THU': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_FRI': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_SAT': NoParams;
+    'DUMB.DATE_TIME_PICKER.SELECT_DATE': NoParams;
+    'DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME': NoParams;
+};

package/DateTimePicker/polyglot/types.js

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

package/Drawer/components/DrawerDocs/DrawerDocs.js

@@ -1,13 +1,15 @@
 import React, { useEffect, useRef, useState } from 'react';
+import { DrawerBodyIframe, IframeElement, LoadingBox } from './styles';
 import { Spinner } from '../../../Spinner';
+import { Lang, useLang } from '../../polyglot';
 import { Drawer } from '../Drawer';
-import { DrawerBodyIframe, IframeElement, LoadingBox } from './styles';
 export function DrawerDocs(props) {
   const {
     isOpen,
     url,
     onClose
   } = props;
+  const lang = useLang();
   const [drawerWidth, setDrawerWidth] = useState(0);
   const [iframeLoaded, setIframeLoaded] = useState(false);
   const drawerDocsRef = useRef(null);
@@ -33,10 +35,14 @@ export function DrawerDocs(props) {
     ref: drawerDocsRef
   }, !iframeLoaded && React.createElement(LoadingBox, null, React.createElement(Spinner, {
     size: "medium"
-  }), ' ', "Loading..."), React.createElement(IframeElement, {
+  }), ' ', React.createElement(Lang, {
+    message: "DUMB.DRAWER.DOCS_LOADING"
+  })), React.createElement(IframeElement, {
     src: url,
     ref: iframeRef,
-    title: "Pushwoosh docs",
+    title: lang({
+      message: 'DUMB.DRAWER.DOCS_TITLE'
+    }),
     width: drawerWidth,
     height: "95%",
     "$isLoaded": iframeLoaded,

package/Drawer/polyglot/index.d.ts

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

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

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

package/Drawer/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.DRAWER.DOCS_LOADING': 'Loading...',
+  'DUMB.DRAWER.DOCS_TITLE': 'Pushwoosh docs'
+};

package/Drawer/polyglot/messages_ru.d.ts

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

package/Drawer/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.DRAWER.DOCS_LOADING': 'Загрузка...',
+  'DUMB.DRAWER.DOCS_TITLE': 'Документация Pushwoosh'
+};

package/Drawer/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type DrawerMessages = {
+    'DUMB.DRAWER.DOCS_LOADING': NoParams;
+    'DUMB.DRAWER.DOCS_TITLE': NoParams;
+};

package/Drawer/polyglot/types.js

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

package/EditableField/EditableField.js

@@ -5,6 +5,7 @@ import { DropdownIcon, EditIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../Button';
 import { useOnClickOutside } from '../hooks';
 import { Popover, PopoverContainer } from '../Popover';
+import { Lang } from './polyglot';
 import { FieldBox, TitleBox, ButtonsGroup } from './styles';
 export function EditableField({
   value,
@@ -53,11 +54,15 @@ export function EditableField({
     size: "compact",
     isLoading: loading,
     onClick: onSubmit
-  }, "Submit"), React.createElement(Button, {
+  }, React.createElement(Lang, {
+    message: "DUMB.EDITABLE_FIELD.SUBMIT"
+  })), React.createElement(Button, {
     view: "shape",
     color: "secondary",
     size: "compact",
     isDisabled: loading,
     onClick: onCancel
-  }, "Cancel")))));
+  }, React.createElement(Lang, {
+    message: "DUMB.EDITABLE_FIELD.CANCEL"
+  }))))));
 }

package/EditableField/polyglot/index.d.ts

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

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

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

package/EditableField/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.EDITABLE_FIELD.SUBMIT': 'Submit',
+  'DUMB.EDITABLE_FIELD.CANCEL': 'Cancel'
+};

package/EditableField/polyglot/messages_ru.d.ts

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

package/EditableField/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.EDITABLE_FIELD.SUBMIT': 'Сохранить',
+  'DUMB.EDITABLE_FIELD.CANCEL': 'Отмена'
+};

package/EditableField/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type EditableFieldMessages = {
+    'DUMB.EDITABLE_FIELD.SUBMIT': NoParams;
+    'DUMB.EDITABLE_FIELD.CANCEL': NoParams;
+};

package/EditableField/polyglot/types.js

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

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/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/package.json

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