@pushwoosh/smart-components-kit 1.0.89 → 1.0.90

package/ExportCSV/ExportCsvBanner/ExportCsvBanner.js

@@ -4,6 +4,7 @@ import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { DangerTriangleIcon, DownloadIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
+import { useLang } from '../polyglot';
 import { useExportService } from '../useExportService';
 import { useExportVisibility } from './hooks/useExportVisibility';
 export const ExportCsvBanner = ({
@@ -14,6 +15,7 @@ export const ExportCsvBanner = ({
   isKeepPageOpenWarning,
   onClose
 }) => {
+  const lang = useLang();
   const {
     getLastTasks,
     getStatus,
@@ -72,13 +74,17 @@ export const ExportCsvBanner = ({
             status,
             filename: data.file,
             args,
-            progressTitle: 'Exporting list:',
-            resultSubTitle: 'Result:'
+            progressTitle: lang({
+              message: 'SMART.EXPORT_CSV.PROGRESS_TITLE'
+            }),
+            resultSubTitle: lang({
+              message: 'SMART.EXPORT_CSV.RESULT_SUBTITLE'
+            })
           });
         }
       });
     }
-  }, [getLastTasks, isHidden, lastTasksParams, updateExportTask]);
+  }, [getLastTasks, isHidden, lastTasksParams, updateExportTask, lang]);
   const handleClose = useCallback(() => {
     hide();
     onClose === null || onClose === void 0 || onClose();
@@ -99,7 +105,9 @@ export const ExportCsvBanner = ({
     "$bgColor": Color.CLEAR
   }, status === 'STATUS_SUCCESS' && React.createElement(ExportResult, {
     type: "success",
-    title: "Exporting complete",
+    title: lang({
+      message: 'SMART.EXPORT_CSV.SUCCESS_TITLE'
+    }),
     subtitle: `${resultSubTitle} ${filename}`,
     handleClose: handleClose,
     rightSlot: React.createElement("a", {
@@ -112,7 +120,9 @@ export const ExportCsvBanner = ({
         size: "small",
         view: "filled"
       })
-    }, "Download CSV"))
+    }, lang({
+      message: 'SMART.EXPORT_CSV.DOWNLOAD'
+    })))
   }), status === 'STATUS_PENDING' && (isKeepPageOpenWarning ? React.createElement(ProgressBar, {
     title: progressTitle,
     percentValue: progress,
@@ -120,14 +130,20 @@ export const ExportCsvBanner = ({
       "$color": Color.WARNING,
       "$variant": "h5",
       "$uppercase": true
-    }, "Keep page open during export")
+    }, lang({
+      message: 'SMART.EXPORT_CSV.KEEP_PAGE_OPEN'
+    }))
   }) : React.createElement(ProgressBar, {
     title: progressTitle,
     percentValue: progress
   })), status === 'STATUS_FAILED' && React.createElement(ExportResult, {
     type: "error",
-    title: "Export failed",
-    subtitle: "Please try again",
+    title: lang({
+      message: 'SMART.EXPORT_CSV.FAILED_TITLE'
+    }),
+    subtitle: lang({
+      message: 'SMART.EXPORT_CSV.FAILED_SUBTITLE'
+    }),
     leftSlotIcon: React.createElement(DangerTriangleIcon, {
       size: "medium",
       view: "filled"

package/ExportCSV/polyglot/index.d.ts

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

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

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

package/ExportCSV/polyglot/messages_en.js

@@ -0,0 +1,9 @@
+export const messages = {
+  'SMART.EXPORT_CSV.PROGRESS_TITLE': 'Exporting list:',
+  'SMART.EXPORT_CSV.RESULT_SUBTITLE': 'Result:',
+  'SMART.EXPORT_CSV.SUCCESS_TITLE': 'Exporting complete',
+  'SMART.EXPORT_CSV.DOWNLOAD': 'Download CSV',
+  'SMART.EXPORT_CSV.KEEP_PAGE_OPEN': 'Keep page open during export',
+  'SMART.EXPORT_CSV.FAILED_TITLE': 'Export failed',
+  'SMART.EXPORT_CSV.FAILED_SUBTITLE': 'Please try again'
+};

package/ExportCSV/polyglot/messages_ru.d.ts

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

package/ExportCSV/polyglot/messages_ru.js

@@ -0,0 +1,9 @@
+export const messages = {
+  'SMART.EXPORT_CSV.PROGRESS_TITLE': 'Экспорт списка:',
+  'SMART.EXPORT_CSV.RESULT_SUBTITLE': 'Результат:',
+  'SMART.EXPORT_CSV.SUCCESS_TITLE': 'Экспорт завершён',
+  'SMART.EXPORT_CSV.DOWNLOAD': 'Скачать CSV',
+  'SMART.EXPORT_CSV.KEEP_PAGE_OPEN': 'Не закрывайте страницу во время экспорта',
+  'SMART.EXPORT_CSV.FAILED_TITLE': 'Ошибка экспорта',
+  'SMART.EXPORT_CSV.FAILED_SUBTITLE': 'Попробуйте ещё раз'
+};

package/ExportCSV/polyglot/types.d.ts

@@ -0,0 +1,10 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type ExportCsvMessages = {
+    'SMART.EXPORT_CSV.PROGRESS_TITLE': NoParams;
+    'SMART.EXPORT_CSV.RESULT_SUBTITLE': NoParams;
+    'SMART.EXPORT_CSV.SUCCESS_TITLE': NoParams;
+    'SMART.EXPORT_CSV.DOWNLOAD': NoParams;
+    'SMART.EXPORT_CSV.KEEP_PAGE_OPEN': NoParams;
+    'SMART.EXPORT_CSV.FAILED_TITLE': NoParams;
+    'SMART.EXPORT_CSV.FAILED_SUBTITLE': NoParams;
+};

package/ExportCSV/polyglot/types.js

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

package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js

@@ -8,10 +8,12 @@ import { Text } from '@pushwoosh/kit-typography';
 import { useSPAContext } from '@pushwoosh/spa-context';
 import { LinkRow, ClickActionSection } from './styles';
 import { getSafariUrl, isWebLink } from '../../helpers';
+import { Lang, useLang } from '../../polyglot';
 export const OpenActionsSummary = ({
   openActions
 }) => {
   var _applicationData$valu;
+  const lang = useLang();
   const {
     platformsDeeplinkUrls = {},
     defaultDeeplinkUrl: allPlatformsDeeplinkUrl,
@@ -30,7 +32,11 @@ export const OpenActionsSummary = ({
   }) : Promise.resolve(undefined), [rpcGateway, applicationCode]);
   const hasCustomPlatformsDeeplink = Object.keys(platformsDeeplinkUrls).length > 0;
   const safariUrl = getSafariUrl((applicationData === null || applicationData === void 0 || (_applicationData$valu = applicationData.value) === null || _applicationData$valu === void 0 ? void 0 : _applicationData$valu.application) || null, safariUrlArgs ?? '');
-  const renderInfoBlock = (device, action, url = null, urlText) => React.createElement(Vertical, null, React.createElement("span", null, "For", ' ', React.createElement("strong", null, device), ' ', "subscribers:", ' ', React.createElement("strong", null, action)), url && React.createElement(LinkRow, null, React.createElement(Link, {
+  const renderInfoBlock = (device, action, url = null, urlText) => React.createElement(Vertical, null, React.createElement("span", null, React.createElement(Lang, {
+    message: "SMART.OPEN_ACTIONS.INFO_BLOCK",
+    device: device,
+    action: action
+  })), url && React.createElement(LinkRow, null, React.createElement(Link, {
     as: Tag.A,
     rel: "noopener noreferrer",
     target: "_blank",
@@ -43,7 +49,7 @@ export const OpenActionsSummary = ({
     view: "lined",
     size: "small"
   })))));
-  const renderPlatformDeepLink = (platformKey, url, label = 'deep link') => {
+  const renderPlatformDeepLink = (platformKey, url, label) => {
     const isEnumKey = typeof platformKey === 'number';
     const icon = isEnumKey ? PlatformsIcons[platformKey] : null;
     const labelText = isEnumKey ? PlatformsLabels[platformKey] : platformKey;
@@ -75,7 +81,45 @@ export const OpenActionsSummary = ({
   };
   return React.createElement(Vertical, {
     "$gap": 8
-  }, openActions ? React.createElement(React.Fragment, null, showRichmedia && renderInfoBlock('mobile', 'open in-app banner', getRichmediaLink(showRichmedia), showRichmedia.name || showRichmedia.code), !showRichmedia && hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link'), !showRichmedia && Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url)), !showRichmedia && allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink('Other platforms', allPlatformsDeeplinkUrl, isWebLink(allPlatformsDeeplinkUrl) ? 'open URL in browser' : 'deep link'), !showRichmedia && allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', isWebLink(allPlatformsDeeplinkUrl) ? 'open URL in browser' : 'follow the Deep link', allPlatformsDeeplinkUrl), !showRichmedia && !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'open home page in application'), webPageUrl && renderInfoBlock('web', 'open URL in browser', webPageUrl), webPageUrl && safariUrl && renderInfoBlock('Safari', 'open URL in Safari browser', safariUrl), !webPageUrl && renderInfoBlock('web', 'open home page in browser')) : React.createElement(Spinner, {
+  }, openActions ? React.createElement(React.Fragment, null, showRichmedia && renderInfoBlock(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+  }), lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_INAPP'
+  }), getRichmediaLink(showRichmedia), showRichmedia.name || showRichmedia.code), !showRichmedia && hasCustomPlatformsDeeplink && renderInfoBlock(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+  }), lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK'
+  })), !showRichmedia && Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url, lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK'
+  }))), !showRichmedia && allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.OTHER_PLATFORMS'
+  }), allPlatformsDeeplinkUrl, isWebLink(allPlatformsDeeplinkUrl) ? lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
+  }) : lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK'
+  })), !showRichmedia && allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+  }), isWebLink(allPlatformsDeeplinkUrl) ? lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
+  }) : lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK'
+  }), allPlatformsDeeplinkUrl), !showRichmedia && !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.MOBILE'
+  }), lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_APP'
+  })), webPageUrl && renderInfoBlock(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.WEB'
+  }), lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER'
+  }), webPageUrl), webPageUrl && safariUrl && renderInfoBlock(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.SAFARI'
+  }), lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_SAFARI'
+  }), safariUrl), !webPageUrl && renderInfoBlock(lang({
+    message: 'SMART.OPEN_ACTIONS.DEVICE.WEB'
+  }), lang({
+    message: 'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_BROWSER'
+  }))) : React.createElement(Spinner, {
     color: Color.MAIN,
     size: "medium"
   }));

package/OpenActions/polyglot/index.d.ts

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

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

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

package/OpenActions/polyglot/messages_en.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'SMART.OPEN_ACTIONS.INFO_BLOCK': 'For <strong>{{device}}</strong> subscribers: <strong>{{action}}</strong>',
+  'SMART.OPEN_ACTIONS.DEVICE.MOBILE': 'mobile',
+  'SMART.OPEN_ACTIONS.DEVICE.WEB': 'web',
+  'SMART.OPEN_ACTIONS.DEVICE.SAFARI': 'Safari',
+  'SMART.OPEN_ACTIONS.DEVICE.OTHER_PLATFORMS': 'Other platforms',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_INAPP': 'open in-app banner',
+  'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK': 'follow the Deep link',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER': 'open URL in browser',
+  'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK': 'deep link',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_APP': 'open home page in application',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_SAFARI': 'open URL in Safari browser',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_BROWSER': 'open home page in browser'
+};

package/OpenActions/polyglot/messages_ru.d.ts

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

package/OpenActions/polyglot/messages_ru.js

@@ -0,0 +1,14 @@
+export const messages = {
+  'SMART.OPEN_ACTIONS.INFO_BLOCK': 'Для подписчиков <strong>{{device}}</strong>: <strong>{{action}}</strong>',
+  'SMART.OPEN_ACTIONS.DEVICE.MOBILE': 'мобильных приложений',
+  'SMART.OPEN_ACTIONS.DEVICE.WEB': 'веба',
+  'SMART.OPEN_ACTIONS.DEVICE.SAFARI': 'Safari',
+  'SMART.OPEN_ACTIONS.DEVICE.OTHER_PLATFORMS': 'Другие платформы',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_INAPP': 'открыть in-app баннер',
+  'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK': 'перейти по диплинку',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER': 'открыть URL в браузере',
+  'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK': 'диплинк',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_APP': 'открыть главную страницу в приложении',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_SAFARI': 'открыть URL в браузере Safari',
+  'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_BROWSER': 'открыть главную страницу в браузере'
+};

package/OpenActions/polyglot/types.d.ts

@@ -0,0 +1,18 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type OpenActionsMessages = {
+    'SMART.OPEN_ACTIONS.INFO_BLOCK': {
+        device: string;
+        action: string;
+    };
+    'SMART.OPEN_ACTIONS.DEVICE.MOBILE': NoParams;
+    'SMART.OPEN_ACTIONS.DEVICE.WEB': NoParams;
+    'SMART.OPEN_ACTIONS.DEVICE.SAFARI': NoParams;
+    'SMART.OPEN_ACTIONS.DEVICE.OTHER_PLATFORMS': NoParams;
+    'SMART.OPEN_ACTIONS.ACTION.OPEN_INAPP': NoParams;
+    'SMART.OPEN_ACTIONS.ACTION.FOLLOW_DEEPLINK': NoParams;
+    'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_BROWSER': NoParams;
+    'SMART.OPEN_ACTIONS.ACTION.DEEP_LINK': NoParams;
+    'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_APP': NoParams;
+    'SMART.OPEN_ACTIONS.ACTION.OPEN_URL_SAFARI': NoParams;
+    'SMART.OPEN_ACTIONS.ACTION.OPEN_HOME_BROWSER': NoParams;
+};

package/OpenActions/polyglot/types.js

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

package/PlatformsConfigurationDrawer/components/DesktopPage/DesktopPage.js

@@ -4,6 +4,7 @@ import { Color, AllPlatforms } from '@pushwoosh/kit-constants';
 import { Vertical, Columns } from '@pushwoosh/kit-helpers';
 import { ArrowRoundIcon, CloseIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';
 import { H2, H4, Text } from '@pushwoosh/kit-typography';
+import { useLang } from '../../polyglot';
 import { ColumnsWrapper, BreadCrumbs, Header, Close, Card, CardIcon } from '../../styled';
 export function DesktopPage(props) {
   const {
@@ -11,6 +12,7 @@ export function DesktopPage(props) {
     onBack,
     onClose
   } = props;
+  const lang = useLang();
   const hasWindowsPlatform = Object.hasOwn((application === null || application === void 0 ? void 0 : application.platforms) || {}, AllPlatforms.Windows);
   const hasMacOSPlatform = Object.hasOwn((application === null || application === void 0 ? void 0 : application.platforms) || {}, AllPlatforms.OSX);
   return React.createElement(React.Fragment, null, React.createElement(Header, null, React.createElement(ColumnsWrapper, null, React.createElement(Columns, {
@@ -25,7 +27,9 @@ export function DesktopPage(props) {
     direction: "left",
     size: "medium",
     view: "filled"
-  })), React.createElement(H2, null, "Platform for desktop app"), React.createElement(Close, null, React.createElement(Button, {
+  })), React.createElement(H2, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING'
+  })), React.createElement(Close, null, React.createElement(Button, {
     view: "ghost",
     color: "secondary",
     icon: React.createElement(CloseIcon, {
@@ -34,26 +38,38 @@ export function DesktopPage(props) {
     onClick: onClose
   }))), React.createElement(BreadCrumbs, null, React.createElement(Text, {
     "$color": Color.LOCKED
-  }, "Channel"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL'
+  })), React.createElement(Text, {
     "$color": Color.LOCKED
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.LOCKED
-  }, "Platform"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "Gateway"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "SDK"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "Test message")))), React.createElement(Vertical, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE'
+  }))))), React.createElement(Vertical, {
     "$padding": "12px 0 0",
     "$gap": 8
-  }, React.createElement(H4, null, "Which platform will we configure first?"), React.createElement(Columns, {
+  }, React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION'
+  })), React.createElement(Columns, {
     "$sizes": "1fr 1fr",
     "$gap": 6
   }, hasWindowsPlatform && React.createElement(Card, {
@@ -62,11 +78,15 @@ export function DesktopPage(props) {
   }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
     type: "windows",
     size: "medium"
-  })), React.createElement(H4, null, "Windows")), hasMacOSPlatform && React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS'
+  }))), hasMacOSPlatform && React.createElement(Card, {
     as: "a",
     href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/osx`
   }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
     type: "macos",
     size: "medium"
-  })), React.createElement(H4, null, "MacOS")))));
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS'
+  }))))));
 }

package/PlatformsConfigurationDrawer/components/MainPage/MainPage.js

@@ -4,6 +4,7 @@ import { Color, AllPlatforms } from '@pushwoosh/kit-constants';
 import { Vertical, Columns } from '@pushwoosh/kit-helpers';
 import { CloseIcon, DeviceIcon, EmailIcon, WhatsappIcon, SmsIcon } from '@pushwoosh/kit-icons';
 import { H2, Paragraph, H4, Text } from '@pushwoosh/kit-typography';
+import { useLang } from '../../polyglot';
 import { Header, Close, Card, CardIcon } from '../../styled';
 export function MainPage(props) {
   const {
@@ -12,28 +13,41 @@ export function MainPage(props) {
     onClickMobile,
     onClose
   } = props;
+  const lang = useLang();
   const hasDesktopPlatforms = Object.hasOwn((application === null || application === void 0 ? void 0 : application.platforms) || {}, AllPlatforms.Windows) || Object.hasOwn((application === null || application === void 0 ? void 0 : application.platforms) || {}, AllPlatforms.OSX);
   return React.createElement(React.Fragment, null, React.createElement(Header, null, React.createElement(Vertical, {
     "$gap": 4
-  }, React.createElement(H2, null, "Channel to configure"), React.createElement(Paragraph, null, React.createElement(Text, {
+  }, React.createElement(H2, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING'
+  })), React.createElement(Paragraph, null, React.createElement(Text, {
     "$color": Color.LOCKED
-  }, "Channel"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "Platform"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "Gateway"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "SDK"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "Test message"))), React.createElement(Close, null, React.createElement(Button, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE'
+  })))), React.createElement(Close, null, React.createElement(Button, {
     view: "ghost",
     color: "secondary",
     icon: React.createElement(CloseIcon, {
@@ -43,7 +57,9 @@ export function MainPage(props) {
   }))), React.createElement(Vertical, {
     "$padding": "12px 0 0",
     "$gap": 8
-  }, React.createElement(H4, null, "Where would you like to send your messages?"), React.createElement(Columns, {
+  }, React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION'
+  })), React.createElement(Columns, {
     "$sizes": "1fr 1fr",
     "$gap": 6
   }, React.createElement(Card, {
@@ -53,38 +69,50 @@ export function MainPage(props) {
     type: "mobile",
     size: "medium",
     view: "filled"
-  })), React.createElement(H4, null, "Mobile application")), hasDesktopPlatforms && React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE'
+  }))), hasDesktopPlatforms && React.createElement(Card, {
     as: "div",
     onClick: onClickDesktop
   }, React.createElement(CardIcon, null, React.createElement(DeviceIcon, {
     type: "desktop",
     size: "medium",
     view: "filled"
-  })), React.createElement(H4, null, "Desktop application")), React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP'
+  }))), React.createElement(Card, {
     as: "a",
     href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/web`
   }, React.createElement(CardIcon, null, React.createElement(DeviceIcon, {
     type: "web",
     size: "medium",
     view: "filled"
-  })), React.createElement(H4, null, "Website")), React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE'
+  }))), React.createElement(Card, {
     as: "a",
     href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/email`
   }, React.createElement(CardIcon, null, React.createElement(EmailIcon, {
     size: "medium",
     view: "filled"
-  })), React.createElement(H4, null, "Emails")), React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS'
+  }))), React.createElement(Card, {
     as: "a",
     href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`
   }, React.createElement(CardIcon, null, React.createElement(WhatsappIcon, {
     size: "medium",
     view: "filled"
-  })), React.createElement(H4, null, "Whatsapp")), React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP'
+  }))), React.createElement(Card, {
     as: "a",
     href: "https://help.pushwoosh.com/hc/en-us/requests/new",
     target: "_blank"
   }, React.createElement(CardIcon, null, React.createElement(SmsIcon, {
     size: "medium",
     view: "filled"
-  })), React.createElement(H4, null, "SMS")))));
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS'
+  }))))));
 }

package/PlatformsConfigurationDrawer/components/MobilePage/MobilePage.js

@@ -4,6 +4,7 @@ import { Color } from '@pushwoosh/kit-constants';
 import { Columns, Vertical } from '@pushwoosh/kit-helpers';
 import { ArrowRoundIcon, CloseIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';
 import { H2, H4, Text } from '@pushwoosh/kit-typography';
+import { useLang } from '../../polyglot';
 import { ColumnsWrapper, BreadCrumbs, Header, Close, Card, CardIcon } from '../../styled';
 export function MobilePage(props) {
   const {
@@ -11,6 +12,7 @@ export function MobilePage(props) {
     onBack,
     onClose
   } = props;
+  const lang = useLang();
   return React.createElement(React.Fragment, null, React.createElement(Header, null, React.createElement(ColumnsWrapper, null, React.createElement(Columns, {
     "$sizes": "auto 1fr auto",
     "$alignItems": "center",
@@ -23,7 +25,9 @@ export function MobilePage(props) {
     direction: "left",
     size: "medium",
     view: "filled"
-  })), React.createElement(H2, null, "Platform for mobile app"), React.createElement(Close, null, React.createElement(Button, {
+  })), React.createElement(H2, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING'
+  })), React.createElement(Close, null, React.createElement(Button, {
     view: "ghost",
     color: "secondary",
     icon: React.createElement(CloseIcon, {
@@ -32,26 +36,38 @@ export function MobilePage(props) {
     onClick: onClose
   }))), React.createElement(BreadCrumbs, null, React.createElement(Text, {
     "$color": Color.LOCKED
-  }, "Channel"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL'
+  })), React.createElement(Text, {
     "$color": Color.LOCKED
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.LOCKED
-  }, "Platform"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "Gateway"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "SDK"), React.createElement(Text, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK'
+  })), React.createElement(Text, {
     "$color": Color.PHANTOM
   }, "\u00A0\u203A\u00A0"), React.createElement(Text, {
     "$color": Color.PHANTOM
-  }, "Test message")))), React.createElement(Vertical, {
+  }, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE'
+  }))))), React.createElement(Vertical, {
     "$padding": "12px 0 0",
     "$gap": 8
-  }, React.createElement(H4, null, "Which platform will we configure first?"), React.createElement(Columns, {
+  }, React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION'
+  })), React.createElement(Columns, {
     "$sizes": "1fr 1fr",
     "$gap": 6
   }, React.createElement(Card, {
@@ -60,23 +76,31 @@ export function MobilePage(props) {
   }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
     type: "apple",
     size: "medium"
-  })), React.createElement(H4, null, "iOS")), React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS'
+  }))), React.createElement(Card, {
     as: "a",
     href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/android`
   }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
     type: "android",
     size: "medium"
-  })), React.createElement(H4, null, "Android")), React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID'
+  }))), React.createElement(Card, {
     as: "a",
     href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure/huawei`
   }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
     type: "huawei",
     size: "medium"
-  })), React.createElement(H4, null, "Huawei")), React.createElement(Card, {
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI'
+  }))), React.createElement(Card, {
     as: "a",
     href: `/applications/${application === null || application === void 0 ? void 0 : application.code}/configure`
   }, React.createElement(CardIcon, null, React.createElement(PlatformLogoIcon, {
     type: "amazon",
     size: "medium"
-  })), React.createElement(H4, null, "Amazon")))));
+  })), React.createElement(H4, null, lang({
+    message: 'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON'
+  }))))));
 }

package/PlatformsConfigurationDrawer/polyglot/index.d.ts

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

package/PlatformsConfigurationDrawer/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
+});