@pushwoosh/smart-components-kit 1.3.26 → 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/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.27"
 }