Replaced labels with icons in the SR and Action badges

src/content/application.js

@@ -55,6 +55,7 @@ function createContentApplication(overrides = {}) {
     environment
   });
   const contentModal = createContentModal({
+    closeActionForm: (...args) => workloadActionForm.close(...args),
     createActivityFilterControls: (...args) => activityFilters.createControls(...args),
     closeCrmSrPopover: () => crmSrPopover.close(),
     ensureCurrentUser: () => currentUser.ensure(),
@@ -220,7 +221,9 @@ function createContentApplication(overrides = {}) {
     createCopyButton: (...args) => opportunitiesLinks.createCopyOpportunityButton(...args),
     createCloseIcon: (...args) => contentIcons.createCloseIcon(...args), environment
   });
+  const opportunityBadgeContent = createOpportunityBadgeContent({ environment });
   const opportunityCrmServiceRequests = createOpportunityCrmServiceRequests({
+    setBadgeContent: (...args) => opportunityBadgeContent.setContent(...args),
     activityCache,
     reportProgress: (...args) => activityProgress.update("sr", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
@@ -356,6 +359,7 @@ function createContentApplication(overrides = {}) {
   });
   const activityProgress = createActivityProgress({ MODAL_ID: contracts.MODAL_ID, environment });
   const activityFilters = createActivityFilters({
+    setBadgeContent: (...args) => opportunityBadgeContent.setContent(...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
     getSrSummary: number => opportunityCrmServiceRequests.getSummary(number),
     getActionSummary: number => opportunityWorkloadActions.getSummary(number),
@@ -364,9 +368,9 @@ function createContentApplication(overrides = {}) {
   });
   const productActivities = createProductActivities({
     productsContentState, opportunitiesQueryState,
-    resetCrm: () => opportunityCrmServiceRequests.reset(),
     loadCrm: (...args) => opportunityCrmServiceRequests.load(...args),
     loadActions: (...args) => opportunityWorkloadActions.loadProducts(...args),
+    blockActions: products => opportunityWorkloadActions.blockProducts(products),
     render: () => {
       productsContentJobs.renderProductsProgress();
       productsContentJobs.queueProductsTableRender();
@@ -386,7 +390,19 @@ function createContentApplication(overrides = {}) {
     sendRuntimeMessage: (...args) => platformContentMessages.sendRuntimeMessage(...args),
     environment
   });
+  const workloadActionForm = createWorkloadActionForm({
+    getOpportunity: number => opportunitiesTableState.opportunitiesTableState.items.find(item => String(item.OptyNumber) === String(number)),
+    formatDate: value => opportunitiesFormatters.formatOracleResponseDate(value),
+    MODAL_ID: contracts.MODAL_ID,
+    allowsCrmActivities: () => currentUser.allowsCrmActivities(),
+    isMissingAction: number => opportunityWorkloadActions.getSummary(number)?.state === "missing",
+    createCloseIcon: () => contentIcons.createCloseIcon(),
+    environment
+  });
   const opportunityWorkloadActions = createOpportunityWorkloadActions({
+    setBadgeContent: (...args) => opportunityBadgeContent.setContent(...args),
+    createActionButton: number => workloadActionForm.createButton(number),
+    closeActionForm: (...args) => workloadActionForm.close(...args),
     activityCache,
     reportProgress: (...args) => activityProgress.update("actions", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
@@ -398,6 +414,7 @@ function createContentApplication(overrides = {}) {
     productsContentState, messageTypes, environment
   });
   const productsDetails = createProductsDetails({
+    setBadgeContent: (...args) => opportunityBadgeContent.setContent(...args),
     OPPORTUNITIES_COLUMNS: columns,
     createAiSummaryAlert: (...args) => aiSummaryContent.createAiSummaryAlert(...args),
     formatOracleResponseDate: (...args) => opportunitiesFormatters.formatOracleResponseDate(...args),
@@ -561,6 +578,7 @@ function createContentApplication(overrides = {}) {
     startContentApplication({ environment, page: contentFusionPage, styles: contentStyles, products: productsContentJobs });
   }
   return {
+    workloadActionForm,
     activityFilters,
     start, contracts,
     opportunityWorkloadActions,