@pushwoosh/smart-components-kit 1.0.88 → 1.0.90

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

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

package/MediaStore/polyglot/messages_en.js

@@ -0,0 +1,28 @@
+export const messages = {
+  'SMART.MEDIA_STORE.UPLOADING': 'Uploading...',
+  'SMART.MEDIA_STORE.DROPZONE_HINT': 'Drag & drop images here or click to upload',
+  'SMART.MEDIA_STORE.LOADING': 'Loading...',
+  'SMART.MEDIA_STORE.EMPTY': 'No media files found',
+  'SMART.MEDIA_STORE.SELECT_HINT': 'Click to select',
+  'SMART.MEDIA_STORE.PREV_BUTTON': 'Previous',
+  'SMART.MEDIA_STORE.NEXT_BUTTON': 'Next',
+  'SMART.MEDIA_STORE.LOAD_ERROR': 'Failed to load media files',
+  'SMART.MEDIA_STORE.UPLOAD_ERROR': 'Failed to upload image',
+  'SMART.MEDIA_STORE.UPLOAD_SUCCESS': 'Image uploaded',
+  'SMART.MEDIA_STORE.VARIANTS_BADGE': '{{count}} var.',
+  'SMART.MEDIA_STORE.SELECT_ORIGINAL': 'Original',
+  'SMART.MEDIA_STORE.CREATE_VARIANT_HINT': 'Create variants',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.TITLE': 'Create variant',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.CLOSE': 'Close',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_LABEL': 'Aspect ratio',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.SIZE_LABEL': 'Size',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.WIDTH': 'Width',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.HEIGHT': 'Height',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.QUALITY_LABEL': 'JPEG quality (1–100)',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.CREATE_BUTTON': 'Create variant',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_EXISTS': 'A variant with this aspect ratio already exists',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.EXISTING_LABEL': 'Existing variants',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.NO_VARIANTS': 'No variants yet',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.SUCCESS': 'Variant created',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.ERROR': 'Failed to create variant'
+};

package/MediaStore/polyglot/messages_ru.d.ts

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

package/MediaStore/polyglot/messages_ru.js

@@ -0,0 +1,28 @@
+export const messages = {
+  'SMART.MEDIA_STORE.UPLOADING': 'Загрузка...',
+  'SMART.MEDIA_STORE.DROPZONE_HINT': 'Перетащите изображения сюда или нажмите для загрузки',
+  'SMART.MEDIA_STORE.LOADING': 'Загрузка...',
+  'SMART.MEDIA_STORE.EMPTY': 'Медиафайлы не найдены',
+  'SMART.MEDIA_STORE.SELECT_HINT': 'Нажмите, чтобы выбрать',
+  'SMART.MEDIA_STORE.PREV_BUTTON': 'Назад',
+  'SMART.MEDIA_STORE.NEXT_BUTTON': 'Вперёд',
+  'SMART.MEDIA_STORE.LOAD_ERROR': 'Не удалось загрузить медиафайлы',
+  'SMART.MEDIA_STORE.UPLOAD_ERROR': 'Не удалось загрузить изображение',
+  'SMART.MEDIA_STORE.UPLOAD_SUCCESS': 'Изображение загружено',
+  'SMART.MEDIA_STORE.VARIANTS_BADGE': '{{count}} вар.',
+  'SMART.MEDIA_STORE.SELECT_ORIGINAL': 'Оригинал',
+  'SMART.MEDIA_STORE.CREATE_VARIANT_HINT': 'Создать варианты',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.TITLE': 'Создание варианта',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.CLOSE': 'Закрыть',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_LABEL': 'Соотношение сторон',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.SIZE_LABEL': 'Размер',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.WIDTH': 'Ширина',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.HEIGHT': 'Высота',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.QUALITY_LABEL': 'Качество JPEG (1–100)',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.CREATE_BUTTON': 'Создать вариант',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_EXISTS': 'Вариант с таким соотношением сторон уже существует',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.EXISTING_LABEL': 'Созданные варианты',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.NO_VARIANTS': 'Вариантов пока нет',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.SUCCESS': 'Вариант создан',
+  'SMART.MEDIA_STORE.CREATE_VARIANT.ERROR': 'Не удалось создать вариант'
+};

package/MediaStore/polyglot/types.d.ts

@@ -0,0 +1,31 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type MediaStoreMessages = {
+    'SMART.MEDIA_STORE.UPLOADING': NoParams;
+    'SMART.MEDIA_STORE.DROPZONE_HINT': NoParams;
+    'SMART.MEDIA_STORE.LOADING': NoParams;
+    'SMART.MEDIA_STORE.EMPTY': NoParams;
+    'SMART.MEDIA_STORE.SELECT_HINT': NoParams;
+    'SMART.MEDIA_STORE.PREV_BUTTON': NoParams;
+    'SMART.MEDIA_STORE.NEXT_BUTTON': NoParams;
+    'SMART.MEDIA_STORE.LOAD_ERROR': NoParams;
+    'SMART.MEDIA_STORE.UPLOAD_ERROR': NoParams;
+    'SMART.MEDIA_STORE.UPLOAD_SUCCESS': NoParams;
+    'SMART.MEDIA_STORE.VARIANTS_BADGE': {
+        count: number;
+    };
+    'SMART.MEDIA_STORE.SELECT_ORIGINAL': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT_HINT': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.TITLE': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.CLOSE': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_LABEL': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.SIZE_LABEL': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.WIDTH': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.HEIGHT': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.QUALITY_LABEL': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.CREATE_BUTTON': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_EXISTS': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.EXISTING_LABEL': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.NO_VARIANTS': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.SUCCESS': NoParams;
+    'SMART.MEDIA_STORE.CREATE_VARIANT.ERROR': NoParams;
+};

package/MediaStore/polyglot/types.js

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

package/MediaStore/styled.d.ts

@@ -0,0 +1,27 @@
+export declare const Grid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TileImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const VariantBadge: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TileActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Dropzone: import("styled-components").StyledComponent<"button", any, {
+    $dragOver?: boolean;
+}, never>;
+export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const PreviewStage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PreviewFrame: import("styled-components").StyledComponent<"div", any, {
+    $ratio: number;
+}, never>;
+export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Chips: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Chip: import("styled-components").StyledComponent<"button", any, {
+    $active?: boolean;
+}, never>;
+export declare const Segment: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SegmentItem: import("styled-components").StyledComponent<"button", any, {
+    $active?: boolean;
+}, never>;
+export declare const VariantStrip: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VariantThumb: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VariantThumbCaption: import("styled-components").StyledComponent<"div", any, {}, never>;

package/MediaStore/styled.js

@@ -0,0 +1,95 @@
+import styled from 'styled-components';
+import { Color, FontWeight } from '@pushwoosh/kit-constants';
+export const Grid = styled.div.withConfig({
+  displayName: "Grid",
+  componentId: "sc-1d9kmgw-0"
+})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;"]);
+export const Tile = styled.div.withConfig({
+  displayName: "Tile",
+  componentId: "sc-1d9kmgw-1"
+})(["position:relative;border-radius:6px;overflow:hidden;border:1px solid ", ";transition:border-color 0.15s;&:hover{border-color:", ";}"], Color.DIVIDER, Color.PRIMARY);
+export const TileImage = styled.img.withConfig({
+  displayName: "TileImage",
+  componentId: "sc-1d9kmgw-2"
+})(["width:100%;aspect-ratio:1;object-fit:cover;display:block;"]);
+export const VariantBadge = styled.span.withConfig({
+  displayName: "VariantBadge",
+  componentId: "sc-1d9kmgw-3"
+})(["position:absolute;top:6px;right:6px;font-size:10px;font-weight:", ";line-height:1;color:", ";background:", ";border-radius:20px;padding:3px 7px;pointer-events:none;"], FontWeight.BOLD, Color.CLEAR, Color.PRIMARY);
+export const TileActions = styled.div.withConfig({
+  displayName: "TileActions",
+  componentId: "sc-1d9kmgw-4"
+})(["position:absolute;top:6px;left:6px;display:flex;gap:6px;padding:4px;border-radius:8px;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);opacity:0;transition:opacity 0.15s;", ":hover &{opacity:1;}@media (hover:none){opacity:1;}"], Tile);
+export const EmptyState = styled.div.withConfig({
+  displayName: "EmptyState",
+  componentId: "sc-1d9kmgw-5"
+})(["text-align:center;padding:48px 16px;color:", ";"], Color.LOCKED);
+export const Dropzone = styled.button.withConfig({
+  displayName: "Dropzone",
+  componentId: "sc-1d9kmgw-6"
+})(["width:100%;min-height:96px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;font:inherit;font-size:13px;color:", ";cursor:pointer;border:2px dashed ", ";border-radius:8px;background:", ";transition:border-color 0.15s,background 0.15s;&:hover{border-color:", ";}&:disabled{cursor:default;opacity:0.7;}"], Color.LOCKED, ({
+  $dragOver
+}) => $dragOver ? Color.PRIMARY : Color.DIVIDER, ({
+  $dragOver
+}) => $dragOver ? Color.SOFT_LIGHT : Color.CLEAR, Color.PRIMARY);
+export const HiddenInput = styled.input.withConfig({
+  displayName: "HiddenInput",
+  componentId: "sc-1d9kmgw-7"
+})(["display:none;"]);
+/* ---------- CreateVariantDrawer ---------- */
+export const PreviewStage = styled.div.withConfig({
+  displayName: "PreviewStage",
+  componentId: "sc-1d9kmgw-8"
+})(["display:flex;align-items:center;justify-content:center;min-height:200px;max-height:360px;padding:12px;border:1px solid ", ";border-radius:6px;overflow:hidden;background:", ";"], Color.DIVIDER, Color.SOFT_LIGHT);
+export const PreviewFrame = styled.div.withConfig({
+  displayName: "PreviewFrame",
+  componentId: "sc-1d9kmgw-9"
+})(["aspect-ratio:", ";max-width:100%;max-height:336px;overflow:hidden;border-radius:4px;"], ({
+  $ratio
+}) => $ratio);
+export const PreviewImage = styled.img.withConfig({
+  displayName: "PreviewImage",
+  componentId: "sc-1d9kmgw-10"
+})(["width:100%;height:100%;object-fit:cover;display:block;"]);
+export const FieldLabel = styled.div.withConfig({
+  displayName: "FieldLabel",
+  componentId: "sc-1d9kmgw-11"
+})(["font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;color:", ";margin-bottom:6px;"], Color.LOCKED);
+export const Chips = styled.div.withConfig({
+  displayName: "Chips",
+  componentId: "sc-1d9kmgw-12"
+})(["display:flex;flex-wrap:wrap;gap:7px;"]);
+export const Chip = styled.button.withConfig({
+  displayName: "Chip",
+  componentId: "sc-1d9kmgw-13"
+})(["font:inherit;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:20px;border:1px solid ", ";background:", ";color:", ";transition:background 0.12s,border-color 0.12s;"], ({
+  $active
+}) => $active ? Color.PRIMARY : Color.DIVIDER, ({
+  $active
+}) => $active ? Color.PRIMARY : Color.CLEAR, ({
+  $active
+}) => $active ? Color.CLEAR : Color.MAIN);
+export const Segment = styled.div.withConfig({
+  displayName: "Segment",
+  componentId: "sc-1d9kmgw-14"
+})(["display:inline-flex;border:1px solid ", ";border-radius:6px;overflow:hidden;"], Color.DIVIDER);
+export const SegmentItem = styled.button.withConfig({
+  displayName: "SegmentItem",
+  componentId: "sc-1d9kmgw-15"
+})(["font:inherit;font-size:13px;cursor:pointer;padding:7px 14px;border:none;background:", ";color:", ";& + &{border-left:1px solid ", ";}"], ({
+  $active
+}) => $active ? Color.PRIMARY : Color.CLEAR, ({
+  $active
+}) => $active ? Color.CLEAR : Color.MAIN, Color.DIVIDER);
+export const VariantStrip = styled.div.withConfig({
+  displayName: "VariantStrip",
+  componentId: "sc-1d9kmgw-16"
+})(["display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;"]);
+export const VariantThumb = styled.div.withConfig({
+  displayName: "VariantThumb",
+  componentId: "sc-1d9kmgw-17"
+})(["width:88px;border:1px solid ", ";border-radius:6px;overflow:hidden;background:", ";"], Color.DIVIDER, Color.SOFT_LIGHT);
+export const VariantThumbCaption = styled.div.withConfig({
+  displayName: "VariantThumbCaption",
+  componentId: "sc-1d9kmgw-18"
+})(["font-size:10px;text-align:center;padding:3px 2px;color:", ";"], Color.LOCKED);

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