@pushwoosh/smart-components-kit 1.3.26 → 1.3.28

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/LanguagesSelectFormLoader.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, useAsync } from '@pushwoosh/kit-helpers';
 import { useSPAContext } from '@pushwoosh/spa-context';
+import { collectPaginatedData } from '../asyncHelpers';
 import { langCodes } from './constants';
 import { LanguagesSelectForm } from './LanguagesSelectForm';
 import { resolveLanguageAudience } from './platforms';
@@ -18,12 +19,16 @@ export const LanguagesSelectFormLoader = ({
     rpcGateway
   } = useSPAContext();
   const langAsync = useAsync(async () => {
-    const {
-      values
-    } = await rpcGateway.tags.GetTagValues({
-      application,
-      name: 'Language',
-      platforms
+    // GetTagValues caps an unpaged request at 100 values, and apps hold more languages than that
+    const values = await collectPaginatedData(1000, async (perPage, page) => {
+      const res = await rpcGateway.tags.GetTagValues({
+        application,
+        name: 'Language',
+        platforms,
+        page,
+        perPage
+      });
+      return res.values;
     });
     const valuesLangCodes = values.map(v => canonicalizeLangCode(v.value));
     const allLangCodes = Array.from(new Set([...valuesLangCodes, ...langCodes.map(canonicalizeLangCode)]).values());

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.26"
+  "version": "1.3.28"
 }