@pushwoosh/smart-components-kit 1.3.24 → 1.3.26

package/DynamicContentPickerForm/hooks.js

@@ -1,9 +1,8 @@
-import { DynamicContentModifiers } from '@pushwoosh/kit-constants';
+import { modifiersForTagType } from '@pushwoosh/kit-constants';
 import { useAsync } from '@pushwoosh/kit-helpers';
 import { useSPAContext } from '@pushwoosh/spa-context';
 import { collectPaginatedData } from '../asyncHelpers';
 const ignoreTagTypes = ['BOOLEAN', 'LIST'];
-const numberTypes = ['INTEGER', 'PRICE'];
 export async function fetchDynamicContentTags(context) {
   const originalTags = await collectPaginatedData(1000, async (perPage, page) => {
     const res = await context.rpcGateway.tags.List({
@@ -16,7 +15,7 @@ export async function fetchDynamicContentTags(context) {
   });
   return originalTags.filter(tag => !ignoreTagTypes.includes(tag.type)).map(tag => ({
     ...tag,
-    modifiers: numberTypes.includes(tag.type) ? DynamicContentModifiers.integer : DynamicContentModifiers.string
+    modifiers: modifiersForTagType(tag.type)
   }));
 }
 export function useDynamicContentTags() {

package/LanguagesSelector/LanguagesSelectForm.d.ts

@@ -1,4 +1,5 @@
 import { type FC } from 'react';
+import { type LanguageAudience } from './platforms';
 type LanguageItem = {
     code: string;
     name: string;
@@ -9,6 +10,7 @@ type LanguagesSelectProps = {
     langs: string[];
     onChange: (languages: string[]) => void;
     systemLanguage?: string;
+    audience?: LanguageAudience;
 };
 export declare const LanguagesSelectForm: FC<LanguagesSelectProps>;
 export {};

package/LanguagesSelector/LanguagesSelectForm.js

@@ -1,15 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { Checkbox, SearchInput } from '@pushwoosh/dumb-components';
+import { Color } from '@pushwoosh/kit-constants';
 import { Columns, Horizontal, Vertical } from '@pushwoosh/kit-helpers';
+import { Text } from '@pushwoosh/kit-typography';
 import { useLang } from './polyglot';
 import { ActionButton } from './styled';
 import { fetchLastSelection, useGetLangName } from './utils';
+const AUDIENCE_HINT_MESSAGE = {
+  email: 'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.EMAIL',
+  sms: 'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.SMS',
+  line: 'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.LINE',
+  whatsApp: 'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.WHATSAPP',
+  push: 'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.PUSH',
+  inApp: 'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.IN_APP',
+  all: 'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.ALL'
+};
 export const LanguagesSelectForm = ({
   allLanguageItems,
   langs,
   onChange,
-  systemLanguage = 'en'
+  systemLanguage = 'en',
+  audience = 'all'
 }) => {
   const lang = useLang();
   const getLangName = useGetLangName(systemLanguage);
@@ -27,7 +39,13 @@ export const LanguagesSelectForm = ({
   }, [allLanguageItems, search, showAllLanguages, langs]);
   return _jsxs(Vertical, {
     "$gap": 8,
-    children: [_jsx(SearchInput, {
+    children: [_jsx(Text, {
+      "$variant": "footnote",
+      "$color": Color.LOCKED,
+      children: lang({
+        message: AUDIENCE_HINT_MESSAGE[audience]
+      })
+    }), _jsx(SearchInput, {
       value: search,
       onChange: e => setSearch(e.target.value),
       "$onClear": () => setSearch(''),

package/LanguagesSelector/LanguagesSelectFormLoader.js

@@ -4,6 +4,7 @@ import { Horizontal, useAsync } from '@pushwoosh/kit-helpers';
 import { useSPAContext } from '@pushwoosh/spa-context';
 import { langCodes } from './constants';
 import { LanguagesSelectForm } from './LanguagesSelectForm';
+import { resolveLanguageAudience } from './platforms';
 import { canonicalizeLangCode, useGetLangName } from './utils';
 export const LanguagesSelectFormLoader = ({
   application,
@@ -49,6 +50,7 @@ export const LanguagesSelectFormLoader = ({
     allLanguageItems: langAsync.value,
     langs: value,
     onChange: onChange,
-    systemLanguage: systemLanguage
+    systemLanguage: systemLanguage,
+    audience: resolveLanguageAudience(platforms)
   });
 };

package/LanguagesSelector/platforms.d.ts

@@ -11,3 +11,5 @@ export declare const LANGUAGE_PLATFORMS: {
     push: AllPlatforms[];
     inApp: (AllPlatforms.IOS | AllPlatforms.Blackberry | AllPlatforms.Android | AllPlatforms.Asha | AllPlatforms.WindowsPhone | AllPlatforms.Bada | AllPlatforms.OSX | AllPlatforms.Windows | AllPlatforms.Amazon | AllPlatforms.Safari | AllPlatforms.Chrome | AllPlatforms.Firefox | AllPlatforms.IE | AllPlatforms.Email | AllPlatforms.FBMessenger | AllPlatforms.BaiduAndroid | AllPlatforms.HuaweiAndroid | AllPlatforms.SMS | AllPlatforms.Xiaomi | AllPlatforms.Web | AllPlatforms.WhatsApp | AllPlatforms.Line | AllPlatforms.KakaoTalk | AllPlatforms.Telegram | AllPlatforms.Viber)[];
 };
+export type LanguageAudience = keyof typeof LANGUAGE_PLATFORMS | 'all';
+export declare function resolveLanguageAudience(platforms?: AllPlatforms[]): LanguageAudience;

package/LanguagesSelector/platforms.js

@@ -11,4 +11,14 @@ export const LANGUAGE_PLATFORMS = {
   whatsApp: [AllPlatforms.WhatsApp],
   push: PUSH_PLATFORMS,
   inApp: PUSH_PLATFORMS.filter(platform => platform !== AllPlatforms.AppleWallet && platform !== AllPlatforms.GoogleWallet)
-};
+};
+export function resolveLanguageAudience(platforms) {
+  if (!platforms?.length) {
+    return 'all';
+  }
+  const key = Object.keys(LANGUAGE_PLATFORMS).find(name => {
+    const preset = LANGUAGE_PLATFORMS[name];
+    return preset.length === platforms.length && preset.every(platform => platforms.includes(platform));
+  });
+  return key ?? 'all';
+}

package/LanguagesSelector/polyglot/messages_en.js

@@ -8,6 +8,13 @@ export const messages = {
   'SMART.LANGUAGES_SELECTOR.ACTION.REUSE_LAST': 'reuse last selection',
   'SMART.LANGUAGES_SELECTOR.ACTION.SHOW_ALL': 'Show all languages',
   'SMART.LANGUAGES_SELECTOR.ACTION.SHOW_WITH_SUBSCRIBERS': 'Show only languages with subscribers',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.EMAIL': 'Numbers are email contacts whose Language tag holds this value.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.SMS': 'Numbers are SMS contacts whose Language tag holds this value.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.LINE': 'Numbers are LINE contacts whose Language tag holds this value.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.WHATSAPP': 'Numbers are WhatsApp contacts whose Language tag holds this value.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.PUSH': 'Numbers are push devices whose Language tag holds this value.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.IN_APP': 'Numbers are devices whose Language tag holds this value.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.ALL': 'Numbers are devices and contacts of every channel whose Language tag holds this value.',
   'SMART.LANGUAGES_SELECTOR.CHECKBOX_LABEL': '{{name}} ({{subscribers}})',
   'SMART.LANGUAGES_SELECTOR.CHOOSE_LANGUAGES': 'Choose languages…'
 };

package/LanguagesSelector/polyglot/messages_ru.js

@@ -8,6 +8,13 @@ export const messages = {
   'SMART.LANGUAGES_SELECTOR.ACTION.REUSE_LAST': 'повторить прошлый выбор',
   'SMART.LANGUAGES_SELECTOR.ACTION.SHOW_ALL': 'Показать все языки',
   'SMART.LANGUAGES_SELECTOR.ACTION.SHOW_WITH_SUBSCRIBERS': 'Только языки с подписчиками',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.EMAIL': 'Числа — email-контакты, у которых тег Language равен этому значению.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.SMS': 'Числа — SMS-контакты, у которых тег Language равен этому значению.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.LINE': 'Числа — контакты LINE, у которых тег Language равен этому значению.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.WHATSAPP': 'Числа — контакты WhatsApp, у которых тег Language равен этому значению.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.PUSH': 'Числа — push-устройства, у которых тег Language равен этому значению.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.IN_APP': 'Числа — устройства, у которых тег Language равен этому значению.',
+  'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.ALL': 'Числа — устройства и контакты всех каналов, у которых тег Language равен этому значению.',
   'SMART.LANGUAGES_SELECTOR.CHECKBOX_LABEL': '{{name}} ({{subscribers}})',
   'SMART.LANGUAGES_SELECTOR.CHOOSE_LANGUAGES': 'Выбрать языки…'
 };

package/LanguagesSelector/polyglot/types.d.ts

@@ -9,6 +9,13 @@ export type LanguagesSelectorMessages = {
     'SMART.LANGUAGES_SELECTOR.ACTION.REUSE_LAST': NoParams;
     'SMART.LANGUAGES_SELECTOR.ACTION.SHOW_ALL': NoParams;
     'SMART.LANGUAGES_SELECTOR.ACTION.SHOW_WITH_SUBSCRIBERS': NoParams;
+    'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.EMAIL': NoParams;
+    'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.SMS': NoParams;
+    'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.LINE': NoParams;
+    'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.WHATSAPP': NoParams;
+    'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.PUSH': NoParams;
+    'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.IN_APP': NoParams;
+    'SMART.LANGUAGES_SELECTOR.AUDIENCE_HINT.ALL': NoParams;
     'SMART.LANGUAGES_SELECTOR.CHECKBOX_LABEL': {
         name: string;
         subscribers: number;

package/package.json

@@ -26,7 +26,7 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
     "@pushwoosh/dumb-components": "^1.1.209",
-    "@pushwoosh/kit-constants": "^1.11.1",
+    "@pushwoosh/kit-constants": "^1.12.0",
     "@pushwoosh/kit-helpers": "^4.12.0",
     "@pushwoosh/kit-icons": "^2.2.3",
     "@pushwoosh/kit-typography": "^1.7.6",
@@ -55,5 +55,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.3.24"
+  "version": "1.3.26"
 }