@pushwoosh/smart-components-kit 1.3.25 → 1.3.27

package/CampaignsConfigurationDrawer/CampaignsConfigurationDrawer.js

@@ -4,6 +4,7 @@ import { Columns, Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon, EmailIcon, MobileIcon, PushIcon, SmsIcon, WhatsappIcon } from '@pushwoosh/kit-icons';
 import { H1, H3 } from '@pushwoosh/kit-typography';
 import { Card } from './components/Card';
+import { useCanSendMessages } from './hooks';
 import { useLang } from './polyglot';
 import { CloseButtonWrap } from './styled';
 export function CampaignsConfigurationDrawer(props) {
@@ -15,6 +16,10 @@ export function CampaignsConfigurationDrawer(props) {
     onClose
   } = props;
   const lang = useLang();
+  const {
+    canSendMessages,
+    isResolved
+  } = useCanSendMessages(applicationCode);
   return _jsxs(Drawer, {
     size: "medium",
     isOpen: isOpen,
@@ -38,7 +43,7 @@ export function CampaignsConfigurationDrawer(props) {
     }), _jsx(DrawerBody, {
       children: _jsxs(Vertical, {
         "$gap": "32px",
-        children: [_jsxs(Horizontal, {
+        children: [isResolved && canSendMessages && _jsxs(Horizontal, {
           "$gap": "6px",
           children: [_jsx(Card, {
             title: lang({

package/CampaignsConfigurationDrawer/hooks.d.ts

@@ -0,0 +1,7 @@
+type UseCanSendMessages = {
+    readonly canSendMessages: boolean;
+    /** False until the application answers, so "not loaded yet" is not read as "not allowed". */
+    readonly isResolved: boolean;
+};
+export declare function useCanSendMessages(applicationCode: string): UseCanSendMessages;
+export {};

package/CampaignsConfigurationDrawer/hooks.js

@@ -0,0 +1,28 @@
+import { useAsync } from '@pushwoosh/kit-helpers';
+import { useSPAContext } from '@pushwoosh/spa-context';
+// The flag covers both the account-wide SendPush ACE and the per-application Send one,
+// so the application response answers "may this user send here" on its own.
+export function useCanSendMessages(applicationCode) {
+  const {
+    rpcGateway
+  } = useSPAContext();
+  const state = useAsync(async () => {
+    if (!applicationCode) {
+      return false;
+    }
+    try {
+      const {
+        application
+      } = await rpcGateway.applications.Get({
+        code: applicationCode
+      });
+      return Boolean(application?.permissions?.canSendMessages);
+    } catch {
+      return false;
+    }
+  }, [applicationCode, rpcGateway]);
+  return {
+    canSendMessages: state.value ?? false,
+    isResolved: !state.loading
+  };
+}

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

@@ -55,5 +55,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.3.25"
+  "version": "1.3.27"
 }