@pushwoosh/smart-components-kit 1.0.77 → 1.0.88

package/LanguagesSelector/styled.d.ts

@@ -1,56 +1,12 @@
-export declare const ButtonGroup: import("styled-components").StyledComponent<"div", any, {
-    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $bgColor?: string | undefined;
-    $border?: string | ({
-        top?: string | undefined;
-        right?: string | undefined;
-        bottom?: string | undefined;
-        left?: string | undefined;
-    } | {
-        horizontal: string;
-        top?: string | undefined;
-        bottom?: string | undefined;
-    } | {
-        vertical: string;
-        right?: string | undefined;
-        left?: string | undefined;
-    }) | undefined;
-    $borderRadius?: (string | number) | undefined;
-    $boxShadow?: string | undefined;
-    $gap?: (string | number) | undefined;
+export declare const ButtonGroup: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+} & {
     $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $margin?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $padding?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
 } & {
     $gridAutoFlow: string;
 }, "$gridAutoFlow">;

package/ModalCloningJourney/ModalCloningJourney.js

@@ -5,6 +5,7 @@ import { FieldBox, Modal, ModalBody, ModalHeader, ModalFooter, NativeInput, Sele
 import { Horizontal, trackEvent, useAsync, Vertical } from '@pushwoosh/kit-helpers';
 import { H3, Paragraph } from '@pushwoosh/kit-typography';
 import { useSPAContext } from '@pushwoosh/spa-context';
+import { useLang } from './polyglot';
 export function ModalCloningJourney({
   journeyId,
   journeyTitle,
@@ -13,6 +14,7 @@ export function ModalCloningJourney({
   isOpen
 }) {
   var _applicationsOptions$, _errors$title, _errors$destination, _errors$todo;
+  const lang = useLang();
   const params = useParams();
   const {
     applicationCode
@@ -62,10 +64,14 @@ export function ModalCloningJourney({
     }
   }, [applications]);
   const contentOptions = [{
-    label: 'Keep messages content',
+    label: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.KEEP'
+    }),
     value: 'keep'
   }, {
-    label: 'Clear messages content',
+    label: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.CLEAR'
+    }),
     value: 'clear'
   }];
   const {
@@ -80,7 +86,10 @@ export function ModalCloningJourney({
     reset
   } = useForm({
     defaultValues: {
-      title: `${journeyTitle} (copy)`,
+      title: lang({
+        message: 'SMART.MODAL_CLONING_JOURNEY.TITLE_COPY',
+        title: journeyTitle
+      }),
       destination: applicationsOptions.length > 0 ? [(_applicationsOptions$ = applicationsOptions.find(({
         value
       }) => value === applicationCode)) === null || _applicationsOptions$ === void 0 ? void 0 : _applicationsOptions$.value].filter(Boolean) : [],
@@ -91,24 +100,31 @@ export function ModalCloningJourney({
   useEffect(() => {
     var _applicationsOptions$2;
     reset({
-      title: `${journeyTitle} (copy)`,
+      title: lang({
+        message: 'SMART.MODAL_CLONING_JOURNEY.TITLE_COPY',
+        title: journeyTitle
+      }),
       destination: applicationsOptions.length > 0 ? [(_applicationsOptions$2 = applicationsOptions.find(({
         value
       }) => value === applicationCode)) === null || _applicationsOptions$2 === void 0 ? void 0 : _applicationsOptions$2.value].filter(Boolean) : [],
       todo: 'keep'
     });
-  }, [journeyTitle, applicationsOptions, applicationCode, reset]);
+  }, [journeyTitle, applicationsOptions, applicationCode, reset, lang]);
   const onFormSubmit = handleSubmit(async data => {
     let hasError = false;
     if (!data.title) {
       setError('title', {
-        message: 'Name is required'
+        message: lang({
+          message: 'SMART.MODAL_CLONING_JOURNEY.ERROR.NAME_REQUIRED'
+        })
       });
       hasError = true;
     }
     if (data.destination.length === 0) {
       setError('destination', {
-        message: 'Project is required'
+        message: lang({
+          message: 'SMART.MODAL_CLONING_JOURNEY.ERROR.PROJECT_REQUIRED'
+        })
       });
       hasError = true;
     }
@@ -141,7 +157,9 @@ export function ModalCloningJourney({
   const handleDestinationChange = newValue => {
     if (newValue.length > 5) {
       setError('destination', {
-        message: 'Maximum 5 projects'
+        message: lang({
+          message: 'SMART.MODAL_CLONING_JOURNEY.ERROR.MAX_PROJECTS'
+        })
       });
     } else {
       setValue('destination', newValue.map(item => item.value));
@@ -153,22 +171,37 @@ export function ModalCloningJourney({
   const isCloningToAnotherProject = applicationsOptions.length > 0 && (values.destination.length === 1 && values.destination[0] !== applicationCode || values.destination.length > 1);
   const howItWorks = () => {
     if (isCloningToAnotherProject) {
-      return values.todo === 'keep' ? 'How it works: Each project will get its own copy of presets. Editing presets applies changes across all campaigns in one project.' : 'How it works: Message content will be cleared in cloned campaigns. You need to select existing presets or create new content for your messages.';
-    } else {
-      return values.todo === 'keep' ? 'Message content will be copied to the cloned campaign. Editing presets applies changes across all campaigns in one project.' : 'Message content will be cleared in cloned campaign. You need to select an existing preset or create new content for your messages.';
+      return values.todo === 'keep' ? lang({
+        message: 'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_KEEP'
+      }) : lang({
+        message: 'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_CLEAR'
+      });
     }
+    return values.todo === 'keep' ? lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_KEEP'
+    }) : lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_CLEAR'
+    });
   };
   return React.createElement(Modal, {
     size: "medium",
     isOpen: isOpen
-  }, React.createElement(ModalHeader, null, React.createElement(H3, null, "Clone campaign")), React.createElement(ModalBody, null, React.createElement(Vertical, {
+  }, React.createElement(ModalHeader, null, React.createElement(H3, null, lang({
+    message: 'SMART.MODAL_CLONING_JOURNEY.HEADING'
+  }))), React.createElement(ModalBody, null, React.createElement(Vertical, {
     "$gap": 24
-  }, React.createElement(Paragraph, null, "The campaign structure, settings, selected events, segments, and content will be copied. You can duplicate it within the current project or clone it to other projects."), React.createElement(FieldBox, {
+  }, React.createElement(Paragraph, null, lang({
+    message: 'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION'
+  })), React.createElement(FieldBox, {
     error: (_errors$title = errors.title) === null || _errors$title === void 0 ? void 0 : _errors$title.message,
-    title: "Campaign name"
+    title: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME'
+    })
   }, React.createElement(NativeInput, {
     disabled: isCloning,
-    placeholder: "ex. Onboarding",
+    placeholder: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME'
+    }),
     name: "title",
     value: values.title,
     onChange: e => {
@@ -178,9 +211,13 @@ export function ModalCloningJourney({
       }
     }
   })), React.createElement(FieldBox, {
-    title: "Destination projects",
+    title: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION'
+    }),
     error: (_errors$destination = errors.destination) === null || _errors$destination === void 0 ? void 0 : _errors$destination.message,
-    description: "Maximum 5 projects"
+    description: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT'
+    })
   }, React.createElement(Select, {
     isDisabled: isCloning || applications.loading,
     isLoading: applications.loading,
@@ -198,7 +235,9 @@ export function ModalCloningJourney({
     onChange: handleDestinationChange,
     value: values.destination ? applicationsOptions.filter(app => values.destination.includes(app.value)) : []
   })), React.createElement(FieldBox, {
-    title: "What to do with the content in this campaign?",
+    title: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT'
+    }),
     error: (_errors$todo = errors.todo) === null || _errors$todo === void 0 ? void 0 : _errors$todo.message
   }, React.createElement(Select, {
     isDisabled: isCloning,
@@ -215,10 +254,12 @@ export function ModalCloningJourney({
     }
   }), React.createElement(Vertical, {
     "$gap": 24
-  }, React.createElement(Paragraph, null, "How it works:", ' ', howItWorks()), isCloningToAnotherProject && values.todo === 'keep' && React.createElement(Banner, {
+  }, React.createElement(Paragraph, null, howItWorks()), isCloningToAnotherProject && values.todo === 'keep' && React.createElement(Banner, {
     view: "ghost",
     type: "warning",
-    title: "Preset changes don\u2019t sync across projects"
+    title: lang({
+      message: 'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC'
+    })
   }))))), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
     "$justifyContent": "end",
     "$gap": 8
@@ -226,9 +267,13 @@ export function ModalCloningJourney({
     color: "secondary",
     onClick: onCancel,
     isDisabled: isCloning
-  }, "Cancel"), React.createElement(Button, {
+  }, lang({
+    message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL'
+  })), React.createElement(Button, {
     color: "primary",
     onClick: onFormSubmit,
     isLoading: isCloning
-  }, "Clone"))));
+  }, lang({
+    message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE'
+  })))));
 }

package/ModalCloningJourney/polyglot/index.d.ts

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

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

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

package/ModalCloningJourney/polyglot/messages_en.js

@@ -0,0 +1,22 @@
+export const messages = {
+  'SMART.MODAL_CLONING_JOURNEY.HEADING': 'Clone campaign',
+  'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION': 'The campaign structure, settings, selected events, segments, and content will be copied. You can duplicate it within the current project or clone it to other projects.',
+  'SMART.MODAL_CLONING_JOURNEY.TITLE_COPY': '{{title}} (copy)',
+  'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.KEEP': 'Keep messages content',
+  'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.CLEAR': 'Clear messages content',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME': 'Campaign name',
+  'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME': 'ex. Onboarding',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION': 'Destination projects',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT': 'Maximum 5 projects',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT': 'What to do with the content in this campaign?',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_KEEP': 'How it works: Each project will get its own copy of presets. Editing presets applies changes across all campaigns in one project.',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_CLEAR': 'How it works: Message content will be cleared in cloned campaigns. You need to select existing presets or create new content for your messages.',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_KEEP': 'How it works: Message content will be copied to the cloned campaign. Editing presets applies changes across all campaigns in one project.',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_CLEAR': 'How it works: Message content will be cleared in cloned campaign. You need to select an existing preset or create new content for your messages.',
+  'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC': 'Preset changes don’t sync across projects',
+  'SMART.MODAL_CLONING_JOURNEY.ERROR.NAME_REQUIRED': 'Name is required',
+  'SMART.MODAL_CLONING_JOURNEY.ERROR.PROJECT_REQUIRED': 'Project is required',
+  'SMART.MODAL_CLONING_JOURNEY.ERROR.MAX_PROJECTS': 'Maximum 5 projects',
+  'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL': 'Cancel',
+  'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE': 'Clone'
+};

package/ModalCloningJourney/polyglot/messages_ru.d.ts

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

package/ModalCloningJourney/polyglot/messages_ru.js

@@ -0,0 +1,22 @@
+export const messages = {
+  'SMART.MODAL_CLONING_JOURNEY.HEADING': 'Клонировать кампанию',
+  'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION': 'Структура кампании, настройки, выбранные события, сегменты и контент будут скопированы. Вы можете дублировать её в текущем проекте или клонировать в другие проекты.',
+  'SMART.MODAL_CLONING_JOURNEY.TITLE_COPY': '{{title}} (копия)',
+  'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.KEEP': 'Сохранить контент сообщений',
+  'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.CLEAR': 'Очистить контент сообщений',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME': 'Название кампании',
+  'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME': 'напр. Onboarding',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION': 'Проекты назначения',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT': 'Максимум 5 проектов',
+  'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT': 'Что сделать с контентом в этой кампании?',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_KEEP': 'Как это работает: Каждый проект получит свою копию пресетов. Редактирование пресетов применяет изменения ко всем кампаниям в одном проекте.',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_CLEAR': 'Как это работает: Контент сообщений будет очищен в клонированных кампаниях. Вам нужно выбрать существующие пресеты или создать новый контент для ваших сообщений.',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_KEEP': 'Как это работает: Контент сообщений будет скопирован в клонированную кампанию. Редактирование пресетов применяет изменения ко всем кампаниям в одном проекте.',
+  'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_CLEAR': 'Как это работает: Контент сообщений будет очищен в клонированной кампании. Вам нужно выбрать существующий пресет или создать новый контент для ваших сообщений.',
+  'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC': 'Изменения пресетов не синхронизируются между проектами',
+  'SMART.MODAL_CLONING_JOURNEY.ERROR.NAME_REQUIRED': 'Укажите название',
+  'SMART.MODAL_CLONING_JOURNEY.ERROR.PROJECT_REQUIRED': 'Выберите проект',
+  'SMART.MODAL_CLONING_JOURNEY.ERROR.MAX_PROJECTS': 'Максимум 5 проектов',
+  'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL': 'Отмена',
+  'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE': 'Клонировать'
+};

package/ModalCloningJourney/polyglot/types.d.ts

@@ -0,0 +1,25 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type ModalCloningJourneyMessages = {
+    'SMART.MODAL_CLONING_JOURNEY.HEADING': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.TITLE_COPY': {
+        title: string;
+    };
+    'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.KEEP': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.CONTENT_OPTION.CLEAR': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_KEEP': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.CROSS_CLEAR': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_KEEP': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_CLEAR': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.ERROR.NAME_REQUIRED': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.ERROR.PROJECT_REQUIRED': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.ERROR.MAX_PROJECTS': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL': NoParams;
+    'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE': NoParams;
+};

package/ModalCloningJourney/polyglot/types.js

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

package/OpenActions/components/OpenActionsSummary/styles.d.ts

@@ -1,57 +1,13 @@
 export declare const LinkRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ClickActionSection: import("styled-components").StyledComponent<"div", any, {
-    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $bgColor?: string | undefined;
-    $border?: string | ({
-        top?: string | undefined;
-        right?: string | undefined;
-        bottom?: string | undefined;
-        left?: string | undefined;
-    } | {
-        horizontal: string;
-        top?: string | undefined;
-        bottom?: string | undefined;
-    } | {
-        vertical: string;
-        right?: string | undefined;
-        left?: string | undefined;
-    }) | undefined;
-    $borderRadius?: (string | number) | undefined;
-    $boxShadow?: string | undefined;
-    $gap?: (string | number) | undefined;
+export declare const ClickActionSection: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+} & {
     $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $margin?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $padding?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
 } & {
     $gridAutoFlow: string;
 }, "$gridAutoFlow">;

package/RichMessageEditorSmart/NewDynamicContentForm.js

@@ -2,11 +2,13 @@ import React, { useState } from 'react';
 import { Button } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { SimpleDynamicContentPickerFormSmart } from '../DynamicContentPickerForm';
+import { useLang } from './polyglot';
 export const NewDynamicContentForm = ({
   update,
   onSubmit
 }) => {
   const [dc, setDc] = useState();
+  const lang = useLang();
   return React.createElement(SimpleDynamicContentPickerFormSmart, {
     dc: dc,
     onChange: setDc,
@@ -17,5 +19,7 @@ export const NewDynamicContentForm = ({
     color: "secondary",
     onClick: () => onSubmit(dc),
     isDisabled: !dc
-  }, "Insert")));
+  }, lang({
+    message: 'SMART.RICH_MESSAGE_EDITOR.INSERT'
+  }))));
 };

package/RichMessageEditorSmart/polyglot/index.d.ts

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

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

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

package/RichMessageEditorSmart/polyglot/messages_en.js

@@ -0,0 +1,3 @@
+export const messages = {
+  'SMART.RICH_MESSAGE_EDITOR.INSERT': 'Insert'
+};

package/RichMessageEditorSmart/polyglot/messages_ru.d.ts

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

package/RichMessageEditorSmart/polyglot/messages_ru.js

@@ -0,0 +1,3 @@
+export const messages = {
+  'SMART.RICH_MESSAGE_EDITOR.INSERT': 'Вставить'
+};

package/RichMessageEditorSmart/polyglot/types.d.ts

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

package/RichMessageEditorSmart/polyglot/types.js

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

package/Table/components/DataTable/DataTable.js

@@ -5,11 +5,12 @@ import { Horizontal } from '@pushwoosh/kit-helpers';
 import { WarningRoundIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
 import { DataTableContext } from '../../context';
+import { useLang } from '../../polyglot';
 import { LockedText, Table } from '../../styles';
 import { DataTableList } from '../DataTableList';
 import { DataTablePagination } from '../DataTablePagination';
 export function DataTable(props) {
-  var _data$value, _data$value2, _data$value3, _data$value4, _data$value5, _data$value6;
+  var _data$value, _data$value2, _data$value3, _data$value4, _data$value5;
   const {
     columns,
     width,
@@ -24,6 +25,7 @@ export function DataTable(props) {
     hidePagination,
     hidePageSizeSelector
   } = props;
+  const lang = useLang();
   const {
     data,
     params
@@ -58,7 +60,9 @@ export function DataTable(props) {
   }, React.createElement(Spinner, {
     size: "medium",
     color: Color.LOCKED
-  }), React.createElement(LockedText, null, "Loading...")), !data.loading && data.error && React.createElement(Horizontal, {
+  }), React.createElement(LockedText, null, lang({
+    message: 'SMART.TABLE.LOADING'
+  }))), !data.loading && data.error && React.createElement(Horizontal, {
     "$alignItems": "center",
     "$gap": 4
   }, React.createElement(WarningRoundIcon, {
@@ -67,19 +71,34 @@ export function DataTable(props) {
     color: Color.WARNING
   }), React.createElement(Text, {
     "$color": Color.WARNING
-  }, "Request is failed")), !data.loading && !data.error && (((_data$value2 = data.value) === null || _data$value2 === void 0 ? void 0 : _data$value2.total) ?? 0) > 0 && React.createElement(Horizontal, {
+  }, lang({
+    message: 'SMART.TABLE.REQUEST_FAILED'
+  }))), !data.loading && !data.error && (((_data$value2 = data.value) === null || _data$value2 === void 0 ? void 0 : _data$value2.total) ?? 0) > 0 && React.createElement(Horizontal, {
     "$placeItems": "center",
     "$gap": 4
-  }, "Result:", React.createElement(LockedText, null, `${(_data$value3 = data.value) === null || _data$value3 === void 0 ? void 0 : _data$value3.total} item${(((_data$value4 = data.value) === null || _data$value4 === void 0 ? void 0 : _data$value4.total) ?? 0) > 1 ? 's' : ''}`)), !data.loading && !data.error && (((_data$value5 = data.value) === null || _data$value5 === void 0 ? void 0 : _data$value5.total) ?? 0) === 0 && !isFiltered && React.createElement(Horizontal, {
+  }, lang({
+    message: 'SMART.TABLE.RESULT_LABEL'
+  }), React.createElement(LockedText, null, lang({
+    message: 'SMART.TABLE.RESULT_COUNT',
+    total: ((_data$value3 = data.value) === null || _data$value3 === void 0 ? void 0 : _data$value3.total) ?? 0
+  }))), !data.loading && !data.error && (((_data$value4 = data.value) === null || _data$value4 === void 0 ? void 0 : _data$value4.total) ?? 0) === 0 && !isFiltered && React.createElement(Horizontal, {
     "$placeItems": "center"
-  }, React.createElement(LockedText, null, "No items yet")), !data.loading && isFiltered && React.createElement(Horizontal, {
+  }, React.createElement(LockedText, null, lang({
+    message: 'SMART.TABLE.NO_ITEMS'
+  }))), !data.loading && isFiltered && React.createElement(Horizontal, {
     "$gap": 16
-  }, !data.error && (((_data$value6 = data.value) === null || _data$value6 === void 0 || (_data$value6 = _data$value6.items) === null || _data$value6 === void 0 ? void 0 : _data$value6.length) ?? 0) === 0 && React.createElement(Horizontal, {
+  }, !data.error && (((_data$value5 = data.value) === null || _data$value5 === void 0 || (_data$value5 = _data$value5.items) === null || _data$value5 === void 0 ? void 0 : _data$value5.length) ?? 0) === 0 && React.createElement(Horizontal, {
     "$placeItems": "center",
     "$gap": 4
-  }, "Result:", React.createElement(LockedText, null, "No match found")), React.createElement(Button, {
+  }, lang({
+    message: 'SMART.TABLE.RESULT_LABEL'
+  }), React.createElement(LockedText, null, lang({
+    message: 'SMART.TABLE.NO_MATCH'
+  }))), React.createElement(Button, {
     color: "primary",
     view: "ghost",
     onClick: onClearRequest ?? onClearRequestDefault
-  }, "Clear request")))), renderAfter === null || renderAfter === void 0 ? void 0 : renderAfter(context));
+  }, lang({
+    message: 'SMART.TABLE.CLEAR_REQUEST'
+  }))))), renderAfter === null || renderAfter === void 0 ? void 0 : renderAfter(context));
 }