Add ability to remove message file attachments

plugin-hrm-form/src/HrmFormPlugin.tsx

@@ -85,7 +85,7 @@ const setUpLocalization = (config: ReturnType<typeof getHrmConfig>) => {
 };
 
 const setUpComponents = (featureFlags: FeatureFlags, setupObject: ReturnType<typeof getHrmConfig>) => {
-  const { enableClientProfiles, enableConferencing } = getHrmConfig();
+  const { enableClientProfiles, enableConferencing, preventSendingAttachmentsFromFlex } = getHrmConfig();
   // setUp (add) dynamic components
   Components.setUpQueuesStatusWriter(setupObject);
   Components.setUpQueuesStatus(setupObject);
@@ -117,6 +117,7 @@ const setUpComponents = (featureFlags: FeatureFlags, setupObject: ReturnType<typ
   setUpReferrableResources();
 
   if (featureFlags.enable_emoji_picker) Components.setupEmojiPicker();
+  if (preventSendingAttachmentsFromFlex) Components.disableFlexMessageAttachments();
   if (featureFlags.enable_canned_responses) Components.setupCannedResponses();
 
   TeamsView.setUpSelectAgentColumn();

plugin-hrm-form/src/hrmConfig.ts

@@ -99,6 +99,7 @@ const readConfig = () => {
     permissionConfig,
     enableExternalRecordings,
     enableUnmaskingCalls,
+    preventSendingAttachmentsFromFlex,
     hideAddToNewCaseButton,
     enforceZeroTranscriptRetention,
     postStudioFlows,
@@ -170,6 +171,7 @@ const readConfig = () => {
       enableExternalRecordings,
       enableUnmaskingCalls,
       enableClientProfiles,
+      preventSendingAttachmentsFromFlex,
       enableConferencing,
       hideAddToNewCaseButton,
       // eslint-disable-next-line prettier/prettier

plugin-hrm-form/src/utils/setUpComponents.tsx

@@ -359,6 +359,13 @@ export const setupEmojiPicker = () => {
   Flex.MessageInputActions.Content.add(<EmojiPicker key="emoji-picker" />);
 };
 
+/**
+ * Message File Attachments
+ */
+export const disableFlexMessageAttachments = () => {
+  Flex.MessageInputActions.Content.remove('attach-file-button');
+};
+
 export const setupWorkerLanguageSelect = () => {
   Flex.MainHeader.Content.add(<Translator key="locale-selector" />, { align: 'end', sortOrder: 0 });
   const LanguageSelectedNotification: React.FC<{ notificationContext?: { localeSelection: string } }> = ({

twilio-iac/helplines/configs/service-configuration/defaults.json

@@ -44,6 +44,7 @@
         "enableExternalRecordings": false,
         "enableUnmaskingCalls": false,
         "enableClientProfiles": true,
+        "preventSendingAttachmentsFromFlex": false,
         "enableConferencing": false,
         "feature_flags": {
             "enable_active_contact_header": true,