@pushwoosh/smart-components-kit 1.0.89 → 1.0.90

package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.js

@@ -4,6 +4,7 @@ import { Columns, Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon, EmailIcon, MobileIcon, PushIcon, SmsIcon, WhatsappIcon } from '@pushwoosh/kit-icons';
 import { H1, H3 } from '@pushwoosh/kit-typography';
 import { Card } from './components/Card';
+import { useLang } from './polyglot';
 import { CloseButtonWrap } from './styled';
 export function CampaignsConfigurationDrawer(props) {
   const {
@@ -13,6 +14,7 @@ export function CampaignsConfigurationDrawer(props) {
     segmentTitle = '',
     onClose
   } = props;
+  const lang = useLang();
   return React.createElement(Drawer, {
     size: "medium",
     isOpen: isOpen,
@@ -21,7 +23,9 @@ export function CampaignsConfigurationDrawer(props) {
     "$justifyContent": "space-between",
     "$alignItems": "center",
     "$margin": "0 0 4px"
-  }, React.createElement(H1, null, "Create campaign"), React.createElement(CloseButtonWrap, {
+  }, React.createElement(H1, null, lang({
+    message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.HEADING'
+  })), React.createElement(CloseButtonWrap, {
     onClick: onClose
   }, React.createElement(CloseIcon, {
     size: "medium"
@@ -30,43 +34,73 @@ export function CampaignsConfigurationDrawer(props) {
   }, React.createElement(Horizontal, {
     "$gap": "6px"
   }, React.createElement(Card, {
-    title: "One-time push notification",
-    description: "Select or create content, adjust notifications, and choose the best time to send.",
+    title: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.TITLE'
+    }),
+    description: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.DESC'
+    }),
     icon: PushIcon,
     href: `/applications/${applicationCode}/one-time-messages/send?type=push&segment=${segmentCode}`
   }), React.createElement(Card, {
-    title: "One-time email",
-    description: "Select content, set a subject, personalize sender info, and choose a send time.",
+    title: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.TITLE'
+    }),
+    description: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.DESC'
+    }),
     icon: EmailIcon,
     href: `/applications/${applicationCode}/one-time-messages/send?type=email&segment=${segmentCode}`
   })), React.createElement(Vertical, {
     "$gap": "8px"
-  }, React.createElement(H3, null, "Advanced campaign based by channel"), React.createElement(Columns, {
+  }, React.createElement(H3, null, lang({
+    message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.ADVANCED_HEADING'
+  })), React.createElement(Columns, {
     "$sizes": "1fr 1fr",
     "$gap": "6px"
   }, React.createElement(Card, {
-    title: "Push notification based",
-    description: "Create a targeted campaign for users and plan follow-up for unopened messages.",
+    title: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.TITLE'
+    }),
+    description: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.DESC'
+    }),
     icon: PushIcon,
     href: `/journeys/${applicationCode}/create?channel=push&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
-    title: "Email campaign",
-    description: "Create tailored communication strategies with follow-ups based on user actions.",
+    title: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.TITLE'
+    }),
+    description: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.DESC'
+    }),
     icon: EmailIcon,
     href: `/journeys/${applicationCode}/create?channel=email&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
-    title: "In-app campaign",
-    description: "Display the banner to the intended users and monitor their subsequent actions.",
+    title: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.TITLE'
+    }),
+    description: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.DESC'
+    }),
     icon: MobileIcon,
     href: `/journeys/${applicationCode}/create?channel=inapp&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
-    title: "SMS campaign",
-    description: "Automate SMS delivery for quick, reliable messaging.",
+    title: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.TITLE'
+    }),
+    description: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.DESC'
+    }),
     icon: SmsIcon,
     href: `/journeys/${applicationCode}/create?channel=sms&segment=${segmentCode}&segment_title=${segmentTitle}`
   }), React.createElement(Card, {
-    title: "WhatsApp campaign",
-    description: "Engage your audience on WhatsApp with rich, personalized messages.",
+    title: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.TITLE'
+    }),
+    description: lang({
+      message: 'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.DESC'
+    }),
     icon: WhatsappIcon,
     href: `/journeys/${applicationCode}/create?channel=whatsapp&segment=${segmentCode}&segment_title=${segmentTitle}`
   }))))));

package/CampaignsConfigurationDrawer/polyglot/index.d.ts

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

package/CampaignsConfigurationDrawer/polyglot/index.js

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

package/CampaignsConfigurationDrawer/polyglot/messages_en.d.ts

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

package/CampaignsConfigurationDrawer/polyglot/messages_en.js

@@ -0,0 +1,18 @@
+export const messages = {
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.HEADING': 'Create campaign',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.ADVANCED_HEADING': 'Advanced campaign based by channel',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.TITLE': 'One-time push notification',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.DESC': 'Select or create content, adjust notifications, and choose the best time to send.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.TITLE': 'One-time email',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.DESC': 'Select content, set a subject, personalize sender info, and choose a send time.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.TITLE': 'Push notification based',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.DESC': 'Create a targeted campaign for users and plan follow-up for unopened messages.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.TITLE': 'Email campaign',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.DESC': 'Create tailored communication strategies with follow-ups based on user actions.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.TITLE': 'In-app campaign',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.DESC': 'Display the banner to the intended users and monitor their subsequent actions.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.TITLE': 'SMS campaign',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.DESC': 'Automate SMS delivery for quick, reliable messaging.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.TITLE': 'WhatsApp campaign',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.DESC': 'Engage your audience on WhatsApp with rich, personalized messages.'
+};

package/CampaignsConfigurationDrawer/polyglot/messages_ru.d.ts

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

package/CampaignsConfigurationDrawer/polyglot/messages_ru.js

@@ -0,0 +1,18 @@
+export const messages = {
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.HEADING': 'Создать кампанию',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.ADVANCED_HEADING': 'Расширенная кампания по каналу',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.TITLE': 'Разовое push-уведомление',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.DESC': 'Выберите или создайте контент, настройте уведомления и выберите лучшее время отправки.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.TITLE': 'Разовое письмо',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.DESC': 'Выберите контент, задайте тему, настройте данные отправителя и выберите время отправки.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.TITLE': 'На основе push-уведомлений',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.DESC': 'Создайте таргетированную кампанию и спланируйте дополнительные сообщения для тех, кто не открыл.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.TITLE': 'Email-кампания',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.DESC': 'Создавайте индивидуальные коммуникационные стратегии с дополнительными сообщениями на основе действий пользователей.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.TITLE': 'In-app кампания',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.DESC': 'Показывайте баннер нужным пользователям и отслеживайте их дальнейшие действия.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.TITLE': 'SMS-кампания',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.DESC': 'Автоматизируйте отправку SMS для быстрых и надёжных сообщений.',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.TITLE': 'WhatsApp-кампания',
+  'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.DESC': 'Взаимодействуйте с аудиторией в WhatsApp с помощью насыщенных персонализированных сообщений.'
+};

package/CampaignsConfigurationDrawer/polyglot/types.d.ts

@@ -0,0 +1,19 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type CampaignsConfigurationDrawerMessages = {
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.HEADING': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.ADVANCED_HEADING': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.TITLE': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_PUSH.DESC': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.TITLE': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.ONE_TIME_EMAIL.DESC': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.TITLE': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.PUSH.DESC': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.TITLE': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.EMAIL.DESC': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.TITLE': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.INAPP.DESC': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.TITLE': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.SMS.DESC': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.TITLE': NoParams;
+    'SMART.CAMPAIGNS_CONFIGURATION_DRAWER.CARD.WHATSAPP.DESC': NoParams;
+};

package/CampaignsConfigurationDrawer/polyglot/types.js

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

package/DynamicContentPickerForm/DynamicContentCustomPickerForm.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import { NativeTextarea } from '@pushwoosh/dumb-components';
 import { Vertical } from '@pushwoosh/kit-helpers';
+import { useLang } from './polyglot';
 export const DynamicContentCustomPickerForm = ({
   dc,
   onChange
 }) => {
+  const lang = useLang();
   return React.createElement(Vertical, {
     "$gap": 16
   }, React.createElement(NativeTextarea, {
@@ -14,7 +16,9 @@ export const DynamicContentCustomPickerForm = ({
         text: e.target.value
       });
     },
-    placeholder: "Enter custom text",
+    placeholder: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.CUSTOM.PLACEHOLDER'
+    }),
     style: {
       minHeight: 200
     }

package/DynamicContentPickerForm/DynamicContentEventPickerForm.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import { FieldBox, NativeInput, Select } from '@pushwoosh/dumb-components';
 import { Vertical } from '@pushwoosh/kit-helpers';
+import { useLang } from './polyglot';
 export const DynamicContentEventPickerForm = ({
   dc,
   events,
   onChange
 }) => {
+  const lang = useLang();
   const currentEvent = events.find(tag => tag.name === dc.eventName) || {
     name: '',
     attributes: []
@@ -28,9 +30,13 @@ export const DynamicContentEventPickerForm = ({
       value: event.name,
       label: event.name
     })),
-    placeholder: "Select an event"
+    placeholder: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.EVENT.PLACEHOLDER'
+    })
   }), React.createElement(FieldBox, {
-    title: "Attribute"
+    title: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.ATTRIBUTE'
+    })
   }, React.createElement(Select, {
     value: {
       value: dc.attribute,
@@ -48,7 +54,9 @@ export const DynamicContentEventPickerForm = ({
     })),
     isDisabled: !currentEvent.name
   })), React.createElement(FieldBox, {
-    title: "Fallback text",
+    title: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT'
+    }),
     isOptional: true
   }, React.createElement(NativeInput, {
     value: dc.defaultValue,

package/DynamicContentPickerForm/DynamicContentTagPickerForm.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import { FieldBox, NativeInput, Select } from '@pushwoosh/dumb-components';
 import { Vertical } from '@pushwoosh/kit-helpers';
+import { useLang } from './polyglot';
 export const DynamicContentTagPickerForm = ({
   dc,
   tags,
   onChange
 }) => {
+  const lang = useLang();
   const currentTag = tags.find(tag => tag.name === dc.tagName) || {
     name: '',
     modifiers: ['regular']
@@ -28,9 +30,13 @@ export const DynamicContentTagPickerForm = ({
       value: tag.name,
       label: tag.name
     })),
-    placeholder: "Select a tag"
+    placeholder: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.TAG.PLACEHOLDER'
+    })
   }), React.createElement(FieldBox, {
-    title: "Modifier"
+    title: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.MODIFIER'
+    })
   }, React.createElement(Select, {
     value: {
       value: dc.modifier,
@@ -48,7 +54,9 @@ export const DynamicContentTagPickerForm = ({
     })),
     isDisabled: !currentTag.name
   })), React.createElement(FieldBox, {
-    title: "Fallback text",
+    title: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT'
+    }),
     isOptional: true
   }, React.createElement(NativeInput, {
     value: dc.defaultValue,

package/DynamicContentPickerForm/SimpleDynamicContentPickerFormSmart.js

@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import { FieldBox, NativeInput, Select, Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { useDynamicContentTags } from './hooks';
+import { useLang } from './polyglot';
 import { SimpleTagPickerDiv } from './styled';
 const defaultDynamicContent = {
   tagName: '',
@@ -14,6 +15,7 @@ export const SimpleDynamicContentPickerFormSmart = ({
   update,
   children
 }) => {
+  const lang = useLang();
   const asyncResult = useDynamicContentTags();
   useEffect(() => {
     if (!asyncResult.loading) {
@@ -34,7 +36,9 @@ export const SimpleDynamicContentPickerFormSmart = ({
     modifiers: ['regular']
   };
   return React.createElement(SimpleTagPickerDiv, null, React.createElement(FieldBox, {
-    title: "Tag"
+    title: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.TAG'
+    })
   }, React.createElement(Vertical, {
     "$gap": 8
   }, React.createElement(Select, {
@@ -74,7 +78,9 @@ export const SimpleDynamicContentPickerFormSmart = ({
     })),
     isDisabled: !currentTag.name
   }))), React.createElement(FieldBox, {
-    title: "Default Tag Value"
+    title: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.DEFAULT_TAG_VALUE'
+    })
   }, React.createElement(NativeInput, {
     value: dc.defaultValue,
     onChange: e => {

package/DynamicContentPickerForm/VariedDynamicContentPickerFormSmart.js

@@ -1,10 +1,11 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { Button, FieldBox, Select, Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { DynamicContentCustomPickerForm } from './DynamicContentCustomPickerForm';
 import { DynamicContentEventPickerForm } from './DynamicContentEventPickerForm';
 import { DynamicContentTagPickerForm } from './DynamicContentTagPickerForm';
 import { useVariedDynamicContentTags } from './hooks';
+import { useLang } from './polyglot';
 import { VariedTagPickerDiv } from './styled';
 import { createDefaultDynamicContent } from './utils';
 const defaultVariedDynamicContent = {
@@ -15,16 +16,6 @@ const defaultVariedDynamicContent = {
     defaultValue: ''
   }
 };
-const kindsOptions = [{
-  value: 'tag',
-  label: 'Tag'
-}, {
-  value: 'event',
-  label: 'Event'
-}, {
-  value: 'customText',
-  label: 'Custom Text'
-}];
 export const VariedDynamicContentPickerFormSmart = ({
   applicationCode,
   initialDc = defaultVariedDynamicContent,
@@ -33,8 +24,25 @@ export const VariedDynamicContentPickerFormSmart = ({
   update
 }) => {
   var _kindsOptions$find;
+  const lang = useLang();
   const [vdc, setVdc] = useState(initialDc);
   const asyncResult = useVariedDynamicContentTags(applicationCode);
+  const kindsOptions = useMemo(() => [{
+    value: 'tag',
+    label: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.TAG'
+    })
+  }, {
+    value: 'event',
+    label: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.EVENT'
+    })
+  }, {
+    value: 'customText',
+    label: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.CUSTOM_TEXT'
+    })
+  }], [lang]);
   useEffect(() => {
     update();
   }, [asyncResult.loading, update]);
@@ -50,7 +58,9 @@ export const VariedDynamicContentPickerFormSmart = ({
   return React.createElement(VariedTagPickerDiv, null, React.createElement(Vertical, {
     "$gap": 8
   }, React.createElement(FieldBox, {
-    title: "Variable Type"
+    title: lang({
+      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.VARIABLE_TYPE'
+    })
   }, React.createElement(Vertical, {
     "$gap": 8
   }, React.createElement(Select, {
@@ -99,7 +109,9 @@ export const VariedDynamicContentPickerFormSmart = ({
     color: "secondary",
     size: "compact",
     onClick: onClose
-  }, "Cancel"), React.createElement(Button, {
+  }, lang({
+    message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.CANCEL'
+  })), React.createElement(Button, {
     color: "primary",
     size: "compact",
     onClick: () => {
@@ -107,5 +119,7 @@ export const VariedDynamicContentPickerFormSmart = ({
       onClose();
     },
     isDisabled: !isValidDc
-  }, "Apply")));
+  }, lang({
+    message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.APPLY'
+  }))));
 };

package/DynamicContentPickerForm/polyglot/index.d.ts

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

package/DynamicContentPickerForm/polyglot/index.js

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

package/DynamicContentPickerForm/polyglot/messages_en.d.ts

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

package/DynamicContentPickerForm/polyglot/messages_en.js

@@ -0,0 +1,16 @@
+export const messages = {
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.CUSTOM.PLACEHOLDER': 'Enter custom text',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.EVENT.PLACEHOLDER': 'Select an event',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.TAG.PLACEHOLDER': 'Select a tag',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.TAG': 'Tag',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.ATTRIBUTE': 'Attribute',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.MODIFIER': 'Modifier',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT': 'Fallback text',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.DEFAULT_TAG_VALUE': 'Default Tag Value',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.VARIABLE_TYPE': 'Variable Type',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.TAG': 'Tag',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.EVENT': 'Event',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.CUSTOM_TEXT': 'Custom Text',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.CANCEL': 'Cancel',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.APPLY': 'Apply'
+};

package/DynamicContentPickerForm/polyglot/messages_ru.d.ts

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

package/DynamicContentPickerForm/polyglot/messages_ru.js

@@ -0,0 +1,16 @@
+export const messages = {
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.CUSTOM.PLACEHOLDER': 'Введите произвольный текст',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.EVENT.PLACEHOLDER': 'Выберите событие',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.TAG.PLACEHOLDER': 'Выберите тег',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.TAG': 'Тег',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.ATTRIBUTE': 'Атрибут',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.MODIFIER': 'Модификатор',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT': 'Запасной текст',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.DEFAULT_TAG_VALUE': 'Значение тега по умолчанию',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.VARIABLE_TYPE': 'Тип переменной',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.TAG': 'Тег',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.EVENT': 'Событие',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.CUSTOM_TEXT': 'Произвольный текст',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.CANCEL': 'Отмена',
+  'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.APPLY': 'Применить'
+};

package/DynamicContentPickerForm/polyglot/types.d.ts

@@ -0,0 +1,17 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type DynamicContentPickerFormMessages = {
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.CUSTOM.PLACEHOLDER': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.EVENT.PLACEHOLDER': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.TAG.PLACEHOLDER': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.TAG': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.ATTRIBUTE': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.MODIFIER': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.DEFAULT_TAG_VALUE': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.VARIABLE_TYPE': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.TAG': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.EVENT': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.KIND.CUSTOM_TEXT': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.CANCEL': NoParams;
+    'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.APPLY': NoParams;
+};

package/DynamicContentPickerForm/polyglot/types.js

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

package/EmailTemplatePreview/EmailTemplatePreview.js

@@ -2,12 +2,14 @@ import React from 'react';
 import { EmailTemplatePreview as DumbPreview, RectangularSkeleton } from '@pushwoosh/dumb-components';
 import { useAsync } from '@pushwoosh/kit-helpers';
 import { useSPAContext } from '@pushwoosh/spa-context';
+import { useLang } from './polyglot';
 export const EmailTemplatePreview = ({
   code,
   width,
   height,
   scale
 }) => {
+  const lang = useLang();
   const {
     rpcGateway
   } = useSPAContext();
@@ -37,7 +39,9 @@ export const EmailTemplatePreview = ({
     });
   }
   if (res.error) {
-    return React.createElement("div", null, "No preview");
+    return React.createElement("div", null, lang({
+      message: 'SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW'
+    }));
   }
   return React.createElement(DumbPreview, {
     template: res.value.template,

package/EmailTemplatePreview/polyglot/index.d.ts

@@ -0,0 +1,5 @@
+export declare const Lang: import("react").FC<{
+    message: "SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW";
+} & import("@pushwoosh/dumb-components/polyglot").NoParams>, useLang: () => (props: {
+    message: "SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW";
+} & import("@pushwoosh/dumb-components/polyglot").NoParams) => string;

package/EmailTemplatePreview/polyglot/index.js

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

package/EmailTemplatePreview/polyglot/messages_en.d.ts

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

package/EmailTemplatePreview/polyglot/messages_en.js

@@ -0,0 +1,3 @@
+export const messages = {
+  'SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW': 'No preview'
+};

package/EmailTemplatePreview/polyglot/messages_ru.d.ts

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

package/EmailTemplatePreview/polyglot/messages_ru.js

@@ -0,0 +1,3 @@
+export const messages = {
+  'SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW': 'Нет превью'
+};

package/EmailTemplatePreview/polyglot/types.d.ts

@@ -0,0 +1,4 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type EmailTemplatePreviewMessages = {
+    'SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW': NoParams;
+};

package/EmailTemplatePreview/polyglot/types.js

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