@pushwoosh/smart-components-kit 1.0.88 → 1.0.90

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

package/PlatformsConfigurationDrawer/polyglot/messages_en.d.ts

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

package/PlatformsConfigurationDrawer/polyglot/messages_en.js

@@ -0,0 +1,24 @@
+export const messages = {
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL': 'Channel',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM': 'Platform',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY': 'Gateway',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK': 'SDK',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE': 'Test message',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING': 'Channel to configure',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION': 'Where would you like to send your messages?',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING': 'Platform for mobile app',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING': 'Platform for desktop app',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION': 'Which platform will we configure first?',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE': 'Mobile application',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP': 'Desktop application',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE': 'Website',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS': 'Emails',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP': 'Whatsapp',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS': 'SMS',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS': 'iOS',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID': 'Android',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI': 'Huawei',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON': 'Amazon',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS': 'Windows',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS': 'MacOS'
+};

package/PlatformsConfigurationDrawer/polyglot/messages_ru.d.ts

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

package/PlatformsConfigurationDrawer/polyglot/messages_ru.js

@@ -0,0 +1,24 @@
+export const messages = {
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL': 'Канал',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM': 'Платформа',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY': 'Шлюз',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK': 'SDK',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE': 'Тестовое сообщение',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING': 'Канал для настройки',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION': 'Куда вы хотите отправлять сообщения?',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING': 'Платформа для мобильного приложения',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING': 'Платформа для десктопного приложения',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION': 'Какую платформу настроим первой?',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE': 'Мобильное приложение',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP': 'Десктопное приложение',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE': 'Сайт',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS': 'Email',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP': 'Whatsapp',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS': 'SMS',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS': 'iOS',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID': 'Android',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI': 'Huawei',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON': 'Amazon',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS': 'Windows',
+  'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS': 'MacOS'
+};

package/PlatformsConfigurationDrawer/polyglot/types.d.ts

@@ -0,0 +1,25 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type PlatformsConfigurationDrawerMessages = {
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.CHANNEL': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.PLATFORM': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.GATEWAY': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.SDK': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.BREADCRUMB.TEST_MESSAGE': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.HEADING': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.MAIN.QUESTION': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.MOBILE.HEADING': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.DESKTOP.HEADING': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.PLATFORM_QUESTION': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MOBILE': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.DESKTOP': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WEBSITE': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.EMAILS': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WHATSAPP': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.SMS': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.IOS': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.ANDROID': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.HUAWEI': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.AMAZON': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.WINDOWS': NoParams;
+    'SMART.PLATFORMS_CONFIGURATION_DRAWER.CARD.MACOS': NoParams;
+};

package/PlatformsConfigurationDrawer/polyglot/types.js

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

package/ResendModal/ResendModal.js

@@ -8,6 +8,7 @@ import { Paragraph, Text } from '@pushwoosh/kit-typography';
 import { useSPAContext } from '@pushwoosh/spa-context';
 import { parseMessageProperties } from './hooks/helpers';
 import { useResend } from './hooks/useResend';
+import { useLang } from './polyglot';
 export const ResendModal = ({
   isOpen,
   onClose,
@@ -15,6 +16,7 @@ export const ResendModal = ({
   message,
   emailTemplate: providedEmailTemplate
 }) => {
+  const lang = useLang();
   const {
     history,
     rpcGateway
@@ -120,13 +122,19 @@ export const ResendModal = ({
     size: "medium",
     isOpen: isOpen,
     onClose: onClose
-  }, React.createElement(ModalHeader, null, React.createElement(ModalTitle, null, "Resend to non-openers")), React.createElement(ModalBody, null, React.createElement(Vertical, {
+  }, React.createElement(ModalHeader, null, React.createElement(ModalTitle, null, lang({
+    message: 'SMART.RESEND_MODAL.TITLE'
+  }))), React.createElement(ModalBody, null, React.createElement(Vertical, {
     "$gap": 16
-  }, React.createElement(Paragraph, null, "This action will send a one-time email campaign to recipients who didn't open the original message. The subject above will be used. Before resending, you can edit the campaign if needed."), React.createElement(Controller, {
+  }, React.createElement(Paragraph, null, lang({
+    message: 'SMART.RESEND_MODAL.DESCRIPTION'
+  })), React.createElement(Controller, {
     control: control,
     name: "presetSubject",
     rules: {
-      required: 'This field cannot be empty'
+      required: lang({
+        message: 'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED'
+      })
     },
     render: ({
       field,
@@ -134,7 +142,9 @@ export const ResendModal = ({
     }) => {
       var _fieldState$error;
       return React.createElement(FieldBox, {
-        title: "subject LINE",
+        title: lang({
+          message: 'SMART.RESEND_MODAL.FIELD.SUBJECT'
+        }),
         error: !!fieldState.error && React.createElement(Text, {
           "$color": Color.DANGER
         }, (_fieldState$error = fieldState.error) === null || _fieldState$error === void 0 ? void 0 : _fieldState$error.message)
@@ -166,15 +176,21 @@ export const ResendModal = ({
     onClick: handleSubmit(() => {
       history.push(editMessageUrl);
     })
-  }, "Edit before resend"), React.createElement(Horizontal, {
+  }, lang({
+    message: 'SMART.RESEND_MODAL.BUTTON.EDIT'
+  })), React.createElement(Horizontal, {
     "$gap": 8
   }, React.createElement(Button, {
     color: "secondary",
     onClick: onClose
-  }, "Cancel"), React.createElement(Button, {
+  }, lang({
+    message: 'SMART.RESEND_MODAL.BUTTON.CANCEL'
+  })), React.createElement(Button, {
     color: "primary",
     onClick: handleSubmit(() => {
       handleResend();
     })
-  }, "Resend now")))));
+  }, lang({
+    message: 'SMART.RESEND_MODAL.BUTTON.RESEND'
+  }))))));
 };

package/ResendModal/polyglot/index.d.ts

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

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

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

package/ResendModal/polyglot/messages_en.js

@@ -0,0 +1,9 @@
+export const messages = {
+  'SMART.RESEND_MODAL.TITLE': 'Resend to non-openers',
+  'SMART.RESEND_MODAL.DESCRIPTION': 'This action will send a one-time email campaign to recipients who didn’t open the original message. The subject above will be used. Before resending, you can edit the campaign if needed.',
+  'SMART.RESEND_MODAL.FIELD.SUBJECT': 'subject LINE',
+  'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED': 'This field cannot be empty',
+  'SMART.RESEND_MODAL.BUTTON.EDIT': 'Edit before resend',
+  'SMART.RESEND_MODAL.BUTTON.CANCEL': 'Cancel',
+  'SMART.RESEND_MODAL.BUTTON.RESEND': 'Resend now'
+};

package/ResendModal/polyglot/messages_ru.d.ts

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

package/ResendModal/polyglot/messages_ru.js

@@ -0,0 +1,9 @@
+export const messages = {
+  'SMART.RESEND_MODAL.TITLE': 'Повторная отправка не открывшим',
+  'SMART.RESEND_MODAL.DESCRIPTION': 'Это действие отправит разовую email-кампанию получателям, которые не открыли исходное сообщение. Будет использована тема, указанная выше. Перед повторной отправкой кампанию можно отредактировать.',
+  'SMART.RESEND_MODAL.FIELD.SUBJECT': 'тема письма',
+  'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED': 'Поле не может быть пустым',
+  'SMART.RESEND_MODAL.BUTTON.EDIT': 'Изменить перед отправкой',
+  'SMART.RESEND_MODAL.BUTTON.CANCEL': 'Отмена',
+  'SMART.RESEND_MODAL.BUTTON.RESEND': 'Отправить сейчас'
+};

package/ResendModal/polyglot/types.d.ts

@@ -0,0 +1,10 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type ResendModalMessages = {
+    'SMART.RESEND_MODAL.TITLE': NoParams;
+    'SMART.RESEND_MODAL.DESCRIPTION': NoParams;
+    'SMART.RESEND_MODAL.FIELD.SUBJECT': NoParams;
+    'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED': NoParams;
+    'SMART.RESEND_MODAL.BUTTON.EDIT': NoParams;
+    'SMART.RESEND_MODAL.BUTTON.CANCEL': NoParams;
+    'SMART.RESEND_MODAL.BUTTON.RESEND': NoParams;
+};

package/ResendModal/polyglot/types.js

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

package/index.d.ts

@@ -7,6 +7,7 @@ export * from './EmailTemplatePreview';
 export * from './ExportCSV';
 export * from './PlatformsConfigurationDrawer';
 export * from './LanguagesSelector';
+export * from './MediaStore';
 export * from './ResendModal';
 export * from './RichMessageEditorSmart';
 export * from './Table';

package/index.js

@@ -7,6 +7,7 @@ export * from './EmailTemplatePreview';
 export * from './ExportCSV';
 export * from './PlatformsConfigurationDrawer';
 export * from './LanguagesSelector';
+export * from './MediaStore';
 export * from './ResendModal';
 export * from './RichMessageEditorSmart';
 export * from './Table';

package/package.json

@@ -49,5 +49,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.0.88"
+  "version": "1.0.90"
 }