@pushwoosh/dumb-components 1.1.133 → 1.1.135

package/SendRate/helpers/getReadonlySendRateHelpers.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { type SendRateLang } from '../polyglot';
 import { type SendRateBase } from '../types';
 export declare function getReadonlySendRateLabel<T extends SendRateBase>(sendRateOption: T, isGlobalSendRateDisabled: boolean, globalSendRate: {
     count: number;
     seconds: number;
-}): React.JSX.Element;
+}, lang: SendRateLang): React.JSX.Element;

package/SendRate/helpers/getReadonlySendRateHelpers.js

@@ -4,14 +4,16 @@ import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { Tooltip } from '../../Tooltip';
 import { ChipSendRate } from '../components/Condition';
 import { IconWrapper } from '../styles';
-export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisabled, globalSendRate) {
+export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisabled, globalSendRate, lang) {
   const {
     policy,
     sendRate
   } = sendRateOption;
-  const tooltip = getReadonlyTooltip(policy);
+  const tooltip = getReadonlyTooltip(policy, lang);
   if (policy === 'CUSTOM') {
-    return React.createElement(React.Fragment, null, "Custom send rate for this message:", React.createElement(ChipSendRate, {
+    return React.createElement(React.Fragment, null, lang({
+      message: 'DUMB.SEND_RATE.RO.CUSTOM_LABEL'
+    }), React.createElement(ChipSendRate, {
       messages: sendRate
     }));
   }
@@ -20,7 +22,9 @@ export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisable
       "$alignItems": "center",
       "$gap": 4,
       "$justifyContent": "start"
-    }, "Send messages without global send rate", React.createElement(Tooltip, {
+    }, lang({
+      message: 'DUMB.SEND_RATE.RO.IGNORE_LABEL'
+    }), React.createElement(Tooltip, {
       content: tooltip,
       position: "top-middle"
     }, React.createElement(IconWrapper, {
@@ -30,18 +34,23 @@ export function getReadonlySendRateLabel(sendRateOption, isGlobalSendRateDisable
       view: "lined"
     }))));
   }
-  return isGlobalSendRateDisabled ? React.createElement(React.Fragment, null, "Global send rate:", React.createElement(ChipSendRate, {
+  return isGlobalSendRateDisabled ? React.createElement(React.Fragment, null, lang({
+    message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
+  }), React.createElement(ChipSendRate, {
     messages: 0
-  }), "because limit isn\u2019t set") : React.createElement(React.Fragment, null, "Global send rate:", React.createElement(ChipSendRate, {
+  }), lang({
+    message: 'DUMB.SEND_RATE.RO.BECAUSE_UNSET'
+  })) : React.createElement(React.Fragment, null, lang({
+    message: 'DUMB.SEND_RATE.RO.GLOBAL_LABEL'
+  }), React.createElement(ChipSendRate, {
     messages: globalSendRate.count
   }));
 }
-function getReadonlyTooltip(sendRateOption) {
-  if (sendRateOption === 'CUSTOM') {
-    return '';
-  }
+function getReadonlyTooltip(sendRateOption, lang) {
   if (sendRateOption === 'IGNORE') {
-    return 'Messages will be sent without rate limits, if possible, because no send rate is applied to this message';
+    return lang({
+      message: 'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE'
+    });
   }
   return '';
 }

package/SendRate/polyglot/index.d.ts

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

package/SendRate/polyglot/index.js

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

package/SendRate/polyglot/messages_en.d.ts

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

package/SendRate/polyglot/messages_en.js

@@ -0,0 +1,20 @@
+export const messages = {
+  'DUMB.SEND_RATE.FIELD_TITLE': 'Send rate',
+  'DUMB.SEND_RATE.LINK.SET_UP': 'Set up',
+  'DUMB.SEND_RATE.LINK.SETTINGS': 'Settings',
+  'DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX': 'Limit to a maximum of',
+  'DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC': 'messages per 1 sec',
+  'DUMB.SEND_RATE.CHIP.UNLIMITED': 'unlimited',
+  'DUMB.SEND_RATE.CHIP.RATE': '{{messages}} messages per 1 sec',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX': 'This message will use an',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX': 'global send rate because limit isn’t set.',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX': 'This message will use the Global send rate limit of',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX': 'to help reduce backend load.',
+  'DUMB.SEND_RATE.DESC.CUSTOM': 'Instead of using the Global send rate, a custom delivery speed will be applied. Messages will be sent at the rate defined below.',
+  'DUMB.SEND_RATE.DESC.IGNORE': 'This message will be sent as fast as possible, regardless of any Global send rate limits. Use with caution to avoid overloading your backend or creating delivery spikes.',
+  'DUMB.SEND_RATE.RO.CUSTOM_LABEL': 'Custom send rate for this message:',
+  'DUMB.SEND_RATE.RO.IGNORE_LABEL': 'Send messages without global send rate',
+  'DUMB.SEND_RATE.RO.GLOBAL_LABEL': 'Global send rate:',
+  'DUMB.SEND_RATE.RO.BECAUSE_UNSET': 'because limit isn’t set',
+  'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE': 'Messages will be sent without rate limits, if possible, because no send rate is applied to this message'
+};

package/SendRate/polyglot/messages_ru.d.ts

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

package/SendRate/polyglot/messages_ru.js

@@ -0,0 +1,20 @@
+export const messages = {
+  'DUMB.SEND_RATE.FIELD_TITLE': 'Скорость отправки',
+  'DUMB.SEND_RATE.LINK.SET_UP': 'Настроить',
+  'DUMB.SEND_RATE.LINK.SETTINGS': 'Настройки',
+  'DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX': 'Не более',
+  'DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC': 'сообщений в секунду',
+  'DUMB.SEND_RATE.CHIP.UNLIMITED': 'без ограничений',
+  'DUMB.SEND_RATE.CHIP.RATE': '{{messages}} {{messages | pluralize: "сообщение", "сообщения", "сообщений"}} в секунду',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX': 'Это сообщение будет использовать',
+  'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX': 'глобальную скорость отправки, так как лимит не задан.',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX': 'Это сообщение будет использовать глобальный лимит скорости отправки',
+  'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX': 'чтобы снизить нагрузку на бэкенд.',
+  'DUMB.SEND_RATE.DESC.CUSTOM': 'Вместо глобальной скорости отправки будет применена пользовательская скорость доставки. Сообщения будут отправляться со скоростью, заданной ниже.',
+  'DUMB.SEND_RATE.DESC.IGNORE': 'Это сообщение будет отправлено максимально быстро, без учёта глобальных лимитов скорости отправки. Используйте с осторожностью, чтобы не перегрузить бэкенд и не создавать всплески доставки.',
+  'DUMB.SEND_RATE.RO.CUSTOM_LABEL': 'Пользовательская скорость отправки для этого сообщения:',
+  'DUMB.SEND_RATE.RO.IGNORE_LABEL': 'Отправлять сообщения без глобальной скорости отправки',
+  'DUMB.SEND_RATE.RO.GLOBAL_LABEL': 'Глобальная скорость отправки:',
+  'DUMB.SEND_RATE.RO.BECAUSE_UNSET': 'так как лимит не задан',
+  'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE': 'Сообщения будут отправлены без ограничений скорости, по возможности, так как к этому сообщению не применяется скорость отправки'
+};

package/SendRate/polyglot/types.d.ts

@@ -0,0 +1,23 @@
+import type { NoParams } from '../../polyglot';
+export type SendRateMessages = {
+    'DUMB.SEND_RATE.FIELD_TITLE': NoParams;
+    'DUMB.SEND_RATE.LINK.SET_UP': NoParams;
+    'DUMB.SEND_RATE.LINK.SETTINGS': NoParams;
+    'DUMB.SEND_RATE.SETTINGS.LIMIT_TO_MAX': NoParams;
+    'DUMB.SEND_RATE.SETTINGS.MESSAGES_PER_SEC': NoParams;
+    'DUMB.SEND_RATE.CHIP.UNLIMITED': NoParams;
+    'DUMB.SEND_RATE.CHIP.RATE': {
+        messages: number;
+    };
+    'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_PREFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.GLOBAL_UNSET_SUFFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.GLOBAL_SET_PREFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.GLOBAL_SET_SUFFIX': NoParams;
+    'DUMB.SEND_RATE.DESC.CUSTOM': NoParams;
+    'DUMB.SEND_RATE.DESC.IGNORE': NoParams;
+    'DUMB.SEND_RATE.RO.CUSTOM_LABEL': NoParams;
+    'DUMB.SEND_RATE.RO.IGNORE_LABEL': NoParams;
+    'DUMB.SEND_RATE.RO.GLOBAL_LABEL': NoParams;
+    'DUMB.SEND_RATE.RO.BECAUSE_UNSET': NoParams;
+    'DUMB.SEND_RATE.RO.TOOLTIP_IGNORE': NoParams;
+};

package/SendRate/polyglot/types.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.133",
+  "version": "1.1.135",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",

package/polyglot/index.d.ts

@@ -1,2 +1,2 @@
 export type { LangMessages, LangProps, UseLangHook, NoParams } from './types';
-export { LangProvider, LangBase, useLangBase } from './react';
+export { LangProvider, LangBase, useLangBase, LangLib, useLangLib, createLang, } from './react';

package/polyglot/index.js

@@ -1 +1 @@
-export { LangProvider, LangBase, useLangBase } from './react';
+export { LangProvider, LangBase, useLangBase, LangLib, useLangLib, createLang } from './react';

package/polyglot/react.d.ts

@@ -1,11 +1,21 @@
 import { type FC, type PropsWithChildren } from 'react';
-import { type LangMessages } from './types';
+import { type LangMessages, type LangProps } from './types';
+type LanguagesMap = Record<string, LangMessages<any>>;
 type LangProviderProps = {
     timezone: string;
     language: string;
-    languages: Record<string, LangMessages<any>>;
+    languages: LanguagesMap;
 };
 export declare const LangProvider: FC<PropsWithChildren<LangProviderProps>>;
 export declare const LangBase: FC;
 export declare const useLangBase: () => (allProps: any) => string;
+type LangLibProps = {
+    $languages: LanguagesMap;
+} & Record<string, any>;
+export declare const LangLib: FC<LangLibProps>;
+export declare const useLangLib: (languages: LanguagesMap) => (allProps: any) => string;
+export declare const createLang: <M>(languages: Record<string, LangMessages<M>>) => {
+    Lang: FC<LangProps<M>>;
+    useLang: () => (props: LangProps<M>) => string;
+};
 export {};

package/polyglot/react.js

@@ -1,7 +1,62 @@
 import React, { createContext, useContext, useMemo } from 'react';
 import { stringToAst } from './liquid/parser';
 import { renderToReact, renderToString } from './liquid/render';
-const LangContext = createContext(null);
+const createLangPack = (language, timezone) => {
+  const astCache = {};
+  const register = languages => {
+    const langMessages = languages[language] ?? languages.en;
+    if (!langMessages) {
+      return;
+    }
+    Object.entries(langMessages).forEach(([key, message]) => {
+      if (key in astCache) {
+        return;
+      }
+      try {
+        astCache[key] = stringToAst(message);
+      } catch (e) {
+        console.error(key, message, e);
+        astCache[key] = [];
+      }
+    });
+  };
+  const getAst = message => {
+    const ast = astCache[message];
+    if (!ast) {
+      console.error('no message', message);
+      return [];
+    }
+    return ast;
+  };
+  return {
+    language,
+    timezone,
+    register,
+    lang: allProps => {
+      const {
+        message,
+        ...values
+      } = allProps;
+      return renderToString(getAst(message), {
+        values,
+        language,
+        timezone
+      });
+    },
+    langReact: allProps => {
+      const {
+        message,
+        ...values
+      } = allProps;
+      return renderToReact(getAst(message), {
+        values,
+        language,
+        timezone
+      });
+    }
+  };
+};
+const LangContext = createContext(createLangPack('en', 'UTC'));
 export const LangProvider = ({
   timezone,
   language,
@@ -9,49 +64,9 @@ export const LangProvider = ({
   children
 }) => {
   const langFnPack = useMemo(() => {
-    const langMessages = languages[language];
-    const asts = Object.fromEntries(Object.entries(langMessages).map(([k, v]) => {
-      try {
-        return [k, stringToAst(v)];
-      } catch (e) {
-        console.error(k, v, e);
-        return [k, []];
-      }
-    }));
-    const getAst = message => {
-      const ast = asts[message];
-      if (!ast) {
-        console.error('no message', message);
-        return [];
-      }
-      return ast;
-    };
-    return {
-      lang: allProps => {
-        const {
-          message,
-          ...values
-        } = allProps;
-        const ast = getAst(message);
-        return renderToString(ast, {
-          values,
-          language,
-          timezone
-        });
-      },
-      langReact: allProps => {
-        const {
-          message,
-          ...values
-        } = allProps;
-        const ast = getAst(message);
-        return renderToReact(ast, {
-          values,
-          language,
-          timezone
-        });
-      }
-    };
+    const pack = createLangPack(language, timezone);
+    pack.register(languages);
+    return pack;
   }, [languages, language, timezone]);
   return React.createElement(LangContext.Provider, {
     value: langFnPack
@@ -60,4 +75,24 @@ export const LangProvider = ({
 export const LangBase = props => {
   return useContext(LangContext).langReact(props);
 };
-export const useLangBase = () => useContext(LangContext).lang;
+export const useLangBase = () => useContext(LangContext).lang;
+export const LangLib = ({
+  $languages,
+  ...props
+}) => {
+  const ctx = useContext(LangContext);
+  useMemo(() => ctx.register($languages), [ctx, $languages]);
+  return ctx.langReact(props);
+};
+export const useLangLib = languages => {
+  const ctx = useContext(LangContext);
+  useMemo(() => ctx.register(languages), [ctx, languages]);
+  return ctx.lang;
+};
+export const createLang = languages => ({
+  Lang: props => React.createElement(LangLib, {
+    "$languages": languages,
+    ...props
+  }),
+  useLang: () => useLangLib(languages)
+});