Merge branch 'master' into safecheckforTheme

Author: tumms2021389

packages/angular-sdk-components/src/lib/_bridge/helpers/sdk-pega-component-map.ts

@@ -83,6 +83,7 @@ import { OneColumnTabComponent } from '../../_components/template/one-column-tab
 import { PageComponent } from '../../_components/template/page/page.component';
 import { PromotedFiltersComponent } from '../../_components/template/promoted-filters/promoted-filters.component';
 import { SearchGroupsComponent } from '../../_components/template/advanced-search/search-groups/search-groups.component';
+import { SelfServiceCaseViewComponent } from '../../_components/template/self-service-case-view/self-service-case-view.component';
 import { SimpleTableComponent } from '../../_components/template/simple-table/simple-table.component';
 import { SimpleTableManualComponent } from '../../_components/template/simple-table-manual/simple-table-manual.component';
 import { SimpleTableSelectComponent } from '../../_components/template/simple-table-select/simple-table-select.component';
@@ -226,6 +227,7 @@ const pegaSdkComponentMap = {
   SearchForm: SearchFormComponent,
   SearchGroups: SearchGroupsComponent,
   SelectableCard: SelectableCardComponent,
+  SelfServiceCaseView: SelfServiceCaseViewComponent,
   SemanticLink: SemanticLinkComponent,
   SimpleTable: SimpleTableComponent,
   SimpleTableManual: SimpleTableManualComponent,

packages/angular-sdk-components/src/lib/_components/designSystemExtension/material-case-summary/material-case-summary.component.html

@@ -35,7 +35,10 @@
         else hasSecondaryValue
       "
     >
-      <component-mapper name="Operator" [props]="{ pConn$: field?.kid, displayLabel: field?.displayLabel }"></component-mapper>
+      <component-mapper
+        name="Operator"
+        [props]="{ pConn$: field?.kid, displayLabel: field?.displayLabel || field?.config.displayLabel }"
+      ></component-mapper>
     </div>
     <ng-template #hasSecondaryValue>
       <div class="psdk-csf-secondary-field">

packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.ts

@@ -89,8 +89,7 @@ export class FlowContainerComponent extends FlowContainerBaseComponent implement
     this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
 
     this.localizedVal = PCore.getLocaleUtils().getLocaleValue;
-    const caseInfo = this.pConn$.getCaseInfo();
-    this.localeReference = `${caseInfo?.getClassName()}!CASE!${caseInfo.getName()}`.toUpperCase();
+    this.localeReference = this.pConn$?.getCaseLocaleReference();
 
     // Then, continue on with other initialization
 

packages/angular-sdk-components/src/lib/_components/infra/Containers/modal-view-container/modal-view-container.component.ts

@@ -234,12 +234,7 @@ export class ModalViewContainerComponent implements OnInit, OnDestroy {
         this.title$ =
           isDataObject || this.isMultiRecord
             ? this.getModalHeading(dataObjectAction)
-            : this.determineModalHeaderByAction(
-                actionName,
-                caseTypeName,
-                ID,
-                `${theNewCaseInfo?.getClassName()}!CASE!${theNewCaseInfo.getName()}`.toUpperCase()
-              );
+            : this.determineModalHeaderByAction(actionName, caseTypeName, ID, this.createdViewPConn$?.getCaseLocaleReference());
 
         const bIsRefComponent = this.checkIfRefComponent(newComp);
 

packages/angular-sdk-components/src/lib/_components/infra/assignment/assignment.component.ts

@@ -257,7 +257,7 @@ export class AssignmentComponent implements OnInit, OnDestroy, OnChanges {
       this.prevNavigationSteps = JSON.parse(JSON.stringify(oCaseInfo.navigation.steps));
       this.arNavigationSteps$.forEach(step => {
         if (step.name) {
-          step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, this.localeReference);
+          step.name = this.pConn$.getLocalizationService().getLocalizedText(step.name);
         }
       });
       this.arCurrentStepIndicies$ = [];

packages/angular-sdk-components/src/lib/_components/infra/navbar/navbar.component.html

@@ -22,7 +22,9 @@
           *ngFor="let caseType of caseTypes$"
           (click)="navPanelCreateCaseType(caseType.pyClassName, caseType.pyFlowType)"
         >
-          <span class="psdk-nav-button-span">{{ localeUtils.getLocaleValue(caseType.pyLabel, '', localeReference) }}</span>
+          <span class="psdk-nav-button-span">{{
+            localeUtils.getLocaleValue(caseType.pyLabel, '', localeUtils.getCaseLocaleReference(caseType.pyClassName))
+          }}</span>
         </mat-list-item>
       </mat-list>
     </mat-list>
@@ -32,7 +34,7 @@
       <mat-list-item (click)="navPanelButtonClick(page)">
         <div class="flex-box">
           <img class="psdk-nav-svg-icon" src="{{ page.iconName }}" />
-          <span class="psdk-nav-button-span">{{ localeUtils.getLocaleValue(page.pyLabel, '', localeReference) }}</span>
+          <span class="psdk-nav-button-span">{{ page.name }}</span>
         </div>
       </mat-list-item>
     </mat-list>

packages/angular-sdk-components/src/lib/_components/infra/navbar/navbar.component.ts

@@ -49,7 +49,6 @@ export class NavbarComponent implements OnInit, OnDestroy {
   localizedVal: any;
   localeCategory = 'AppShell';
   localeUtils = PCore.getLocaleUtils();
-  localeReference: any;
   constructor(
     private angularPConnect: AngularPConnectService,
     private chRef: ChangeDetectorRef,
@@ -113,11 +112,17 @@ export class NavbarComponent implements OnInit, OnDestroy {
 
       // making a copy, so can add info
       this.navPages$ = JSON.parse(JSON.stringify(this.pages$));
-
+      // @ts-ignore
+      const localeReference = PCore.getLocaleUtils().getPortalLocaleReference() || this.pConn$.getValue('.pyLocaleReference');
       this.navPages$.forEach(page => {
+        const destinationObject: any = {};
+        this.pConn$.resolveConfigProps(
+          { defaultHeading: page.pyDefaultHeading || page.pyLabel, localeReference: page.pyLocalizationReference },
+          destinationObject
+        );
+        page.name = this.localeUtils.getLocaleValue(destinationObject.defaultHeading, '', destinationObject.localeReference || localeReference);
         page.iconName = this.utils.getImageSrc(page.pxPageViewIcon, this.utils.getSDKStaticContentUrl());
       });
-      this.localeReference = this.pConn$.getValue('.pyLocaleReference');
       this.actionsAPI = this.pConn$.getActionsApi();
       this.createWork = this.actionsAPI.createWork.bind(this.actionsAPI);
       this.showPage = this.actionsAPI.showPage.bind(this.actionsAPI);

packages/angular-sdk-components/src/lib/_components/infra/stages/stages.component.html

@@ -4,10 +4,10 @@
       <img class="psdk-stages-icon" src="{{ checkSvgIcon$ }}" />{{ PCore$.getLocaleUtils().getLocaleValue(stage.name, '', key) }}
     </div>
     <div *ngIf="stage.visited_status == 'active'" class="psdk-stages-inner-present">
-      {{ PCore$.getLocaleUtils().getLocaleValue(stage.name, '', key) }}
+      {{ localizationService.getLocalizedText(stage.name) }}
     </div>
     <div *ngIf="stage.visited_status == 'future'" class="psdk-stages-inner-future">
-      {{ PCore$.getLocaleUtils().getLocaleValue(stage.name, '', key) }}
+      {{ localizationService.getLocalizedText(stage.name) }}
     </div>
   </div>
 </div>

packages/angular-sdk-components/src/lib/_components/infra/stages/stages.component.scss

@@ -27,7 +27,6 @@
 }
 
 .psdk-stages-bar {
-  margin: 1rem 0rem;
   background-color: var(--mat-sys-surface-container);
   border-radius: 0.5rem;
   border: 0.0625rem solid var(--mat-sys-outline-variant);

packages/angular-sdk-components/src/lib/_components/infra/stages/stages.component.ts

@@ -26,7 +26,8 @@ export class StagesComponent implements OnInit, OnDestroy {
   arStageResults$: any[];
   lastStage$: any;
   checkSvgIcon$: string;
-  key: string;
+  key: any;
+  localizationService: any;
 
   constructor(
     private angularPConnect: AngularPConnectService,
@@ -39,7 +40,8 @@ export class StagesComponent implements OnInit, OnDestroy {
 
     // const imagePath = this.utils.getIconPath(this.utils.getSDKStaticContentUrl());
     this.checkSvgIcon$ = this.utils.getImageSrc('check', this.utils.getSDKStaticContentUrl());
-    this.key = `${this.pConn$.getCaseInfo().getClassName()}!CASE!${this.pConn$.getCaseInfo().getName()}`.toUpperCase();
+    this.key = this.pConn$?.getCaseLocaleReference();
+    this.localizationService = this.pConn$?.getLocalizationService();
   }
 
   ngOnDestroy(): void {