Merge pull request #2705 from techmatters/contact-header-ff

enable_active_contact_header feature flag
techmatters · Jan 15, 2025 · c7ecda4 · c7ecda4
2 parents 17dc292 + 4027e43
commit c7ecda4
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 10 deletions.
diff --git a/plugin-hrm-form/src/components/tabbedForms/TabbedFormsTabs.tsx b/plugin-hrm-form/src/components/tabbedForms/TabbedFormsTabs.tsx
@@ -56,7 +56,6 @@ import { TabbedFormsCommonProps } from './types';
 import { useTabbedFormContext } from './hooks/useTabbedForm';
 // Ensure we import any custom components that might be used in a form
 import '../contact/ResourceReferralList';
-import selectContextContactId from '../../states/contacts/selectContextContactId';
 
 type OwnProps = TabbedFormsCommonProps;
 
@@ -172,7 +171,11 @@ const TabbedFormsTabs: React.FC<Props> = ({
   saveDraft,
   updateDraftForm,
 }) => {
-  const { enable_csam_report: csamReportEnabled, enable_case_merging: caseMergingEnabled } = getAseloFeatureFlags();
+  const {
+    enable_csam_report: csamReportEnabled,
+    enable_case_merging: caseMergingEnabled,
+    enable_active_contact_header: enableContactHeader,
+  } = getAseloFeatureFlags();
   const { contactSaveFrequency } = getHrmConfig();
   const { subroute, autoFocus } = currentRoute as TabbedFormRoute;
 
@@ -261,14 +264,16 @@ const TabbedFormsTabs: React.FC<Props> = ({
           </Box>
         )}
       </Row>
-      <Row style={{ paddingLeft: '9px', paddingTop: '3px' }}>
-        <FontOpenSans>
-          <Bold>#{contactId}</Bold>
-          {!isOfflineContactTask(task) && !isStandaloneITask(task) && (
-            <OpaqueText style={{ fontStyle: 'italic' }}> ({task.queueName})</OpaqueText>
-          )}
-        </FontOpenSans>
-      </Row>
+      {enableContactHeader && (
+        <Row style={{ paddingLeft: '9px', paddingTop: '3px' }}>
+          <FontOpenSans>
+            <Bold>#{contactId}</Bold>
+            {!isOfflineContactTask(task) && !isStandaloneITask(task) && (
+              <OpaqueText style={{ fontStyle: 'italic' }}> ({task.queueName})</OpaqueText>
+            )}
+          </FontOpenSans>
+        </Row>
+      )}
     </Box>
   );
 

diff --git a/plugin-hrm-form/src/types/types.ts b/plugin-hrm-form/src/types/types.ts
@@ -262,6 +262,7 @@ export type ConfigFlags = {
 export type FeatureFlags = {
   // Please keep this in alphabetical order!
   backend_handled_chat_janitor: boolean; // [Temporary flag until all accounts are migrated] Enables handling the janitor from taskrouter event listeners
+  enable_active_contact_header: boolean; // Enables Active Contact Header
   enable_aselo_messaging_ui: boolean; // Enables Aselo Messaging UI iinstead of the default Twilio one - reduced functionality for low spec clients.
   enable_canned_responses: boolean; // Enables Canned Responses
   enable_case_merging: boolean; // Enables adding contacts to existing cases

diff --git a/twilio-iac/helplines/as/configs/service-configuration/common.json b/twilio-iac/helplines/as/configs/service-configuration/common.json
@@ -2,6 +2,7 @@
     "attributes": {
         "definitionVersion": "demo-v1",
         "feature_flags": {
+            "enable_active_contact_header": false,
             "enable_fullstory_monitoring": true,
             "enable_client_profiles": true,
             "enable_conferencing": true,