@pega/angular-sdk-overrides 0.23.7 → 0.24.2

package/lib/infra/navbar/navbar.component.ts

@@ -51,7 +51,8 @@ export class NavbarComponent implements OnInit, OnDestroy {
   navIcon$: string;
   localizedVal: any;
   localeCategory = 'AppShell';
-
+  localeUtils = PCore.getLocaleUtils();
+  localeReference: any;
   constructor(
     private angularPConnect: AngularPConnectService,
     private chRef: ChangeDetectorRef,
@@ -119,7 +120,8 @@ export class NavbarComponent implements OnInit, OnDestroy {
       this.navPages$.forEach(page => {
         page.iconName = this.utils.getImageSrc(page.pxPageViewIcon, this.utils.getSDKStaticContentUrl());
       });
-
+      // @ts-ignore - second parameter pageReference for getValue method should be optional
+      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);
@@ -163,7 +165,9 @@ export class NavbarComponent implements OnInit, OnDestroy {
       containerName: 'primary',
       flowType: sFlowType || 'pyStartCase'
     };
-    this.createWork(sCaseType, actionInfo);
+    this.createWork(sCaseType, actionInfo).then(() => {
+      console.log('createWork completed');
+    });
   }
 
   navPanelLogoutClick() {

package/lib/template/case-summary/case-summary.component.ts

@@ -92,9 +92,43 @@ export class CaseSummaryComponent implements OnInit, OnDestroy, OnChanges {
       this.primaryFields$.push(kid.resolveConfigProps(kid.getRawMetadata()));
     }
 
-    for (const oField of this.arChildren$[1].getPConnect().getChildren()) {
+    const secondarySummaryFields = this.prepareCaseSummaryData(this.arChildren$[1].getPConnect());
+    const secondaryChildren = this.arChildren$[1].getPConnect().getChildren();
+    secondaryChildren.forEach((oField, index) => {
       const kid = oField.getPConnect();
-      this.secondaryFields$.push({ ...kid.resolveConfigProps(kid.getRawMetadata()), kid });
-    }
+      const displayLabel = secondarySummaryFields[index].value.getPConnect().getConfigProps().label;
+      this.secondaryFields$.push({ ...kid.resolveConfigProps(kid.getRawMetadata()), kid, displayLabel });
+    });
+  }
+
+  prepareComponentInCaseSummary(pConnectMeta, getPConnect) {
+    const { config, children } = pConnectMeta;
+    const pConnect = getPConnect();
+
+    const caseSummaryComponentObject: any = {};
+
+    const { type } = pConnectMeta;
+    const createdComponent = pConnect.createComponent({
+      type,
+      children: children ? [...children] : [],
+      config: {
+        ...config
+      }
+    });
+
+    caseSummaryComponentObject.value = createdComponent;
+    return caseSummaryComponentObject;
+  }
+
+  prepareCaseSummaryData(summaryFieldChildren) {
+    const convertChildrenToSummaryData = kid => {
+      return kid?.map((childItem, index) => {
+        const childMeta = childItem.getPConnect().meta;
+        const caseSummaryComponentObject = this.prepareComponentInCaseSummary(childMeta, childItem.getPConnect);
+        caseSummaryComponentObject.id = index + 1;
+        return caseSummaryComponentObject;
+      });
+    };
+    return summaryFieldChildren ? convertChildrenToSummaryData(summaryFieldChildren?.getChildren()) : undefined;
   }
 }

package/lib/template/case-view/case-view.component.html

@@ -9,7 +9,7 @@
           <div id="current-caseID" [hidden]="true">{{ currentCaseID }}</div>
           <div class="psdk-case-view-heading-id" id="caseId">{{ id$ }}</div>
           <div>
-            <h1>{{ heading$ }}</h1>
+            <h1 id="case-name">{{ heading$ }}</h1>
           </div>
         </div>
       </mat-toolbar-row>

package/lib/template/wss-nav-bar/wss-nav-bar.component.html

@@ -25,7 +25,7 @@
       </mat-list-item>
       <mat-menu #menu="matMenu">
         <button mat-menu-item>Profile</button>
-        <button mat-menu-item (click)="navPanelLogoutClick()">Logoff</button>
+        <button mat-menu-item (click)="navPanelLogoutClick()">{{ localizedVal('Log off', localeCategory) }}</button>
       </mat-menu>
     </mat-list>
   </mat-toolbar-row>

package/lib/template/wss-nav-bar/wss-nav-bar.component.ts

@@ -50,7 +50,8 @@ export class WssNavBarComponent implements OnInit, OnDestroy {
   logout: any;
 
   navIcon$: string;
-
+  localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  localeCategory = 'AppShell';
   constructor(
     private angularPConnect: AngularPConnectService,
     private cdRef: ChangeDetectorRef,

package/lib/widget/attachment/attachment.component.html

@@ -11,7 +11,15 @@
     <input hidden type="file" [required]="bRequired$" #uploader [id]="att_valueRef" [multiple]="allowMultiple$" (change)="uploadMyFiles($event)" />
 
     <button mat-stroked-button color="primary" [disabled]="bDisabled$" (click)="uploader.click()">
-      {{ allowMultiple$ ? 'Upload files' : 'Upload file' }}
+      {{
+        allowMultiple$
+          ? uploadMultipleFilesLabel === 'file_upload_text_multiple'
+            ? 'Choose files'
+            : uploadMultipleFilesLabel
+          : uploadSingleFileLabel === 'file_upload_text_one'
+            ? 'Choose a file'
+            : uploadSingleFileLabel
+      }}
     </button>
   </div>
   <span *ngIf="validateMessage" class="file-error">{{ validateMessage }}</span>

package/lib/widget/attachment/attachment.component.ts

@@ -55,7 +55,10 @@ export class AttachmentComponent implements OnInit, OnDestroy {
   validateMessage: string | undefined = '';
   valueRef: string;
   imagePath$: string;
-
+  localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  localeCategory = 'CosmosFields';
+  uploadMultipleFilesLabel = this.localizedVal('file_upload_text_multiple', this.localeCategory);
+  uploadSingleFileLabel = this.localizedVal('file_upload_text_one', this.localeCategory);
   constructor(
     private angularPConnect: AngularPConnectService,
     private utils: Utils,

package/lib/widget/case-history/case-history.component.ts

@@ -46,7 +46,7 @@ export class CaseHistoryComponent implements OnInit {
       this.fields$ = [
         { label: this.pConn$.getLocalizedValue('Date', '', ''), type: 'DateTime', fieldName: 'pxTimeCreated' },
         { label: this.pConn$.getLocalizedValue('Description', '', ''), type: 'TextInput', fieldName: 'pyMessageKey' },
-        { label: this.pConn$.getLocalizedValue('User', '', ''), type: 'TextInput', fieldName: 'pyPerformer' }
+        { label: this.pConn$.getLocalizedValue('Performed by', '', ''), type: 'TextInput', fieldName: 'pyPerformer' }
       ];
 
       const tableDataResults = this.updateData(historyJSON.data.data, this.fields$);

package/lib/widget/file-utility/file-utility.component.html

@@ -41,7 +41,7 @@
 
 <div *ngIf="bShowLinkModal$" class="psdk-dialog-background">
   <div class="psdk-modal-link-top">
-    <h3>{{ pConn$.getLocalizedValue('Add local link', '', '') }}</h3>
+    <h3>{{ pConn$.getLocalizedValue('Add links', '', '') }}</h3>
     <div class="psdk-modal-link-entry">
       <div class="psdk-modal-body">
         <div class="psdk-modal-links-row">
@@ -61,7 +61,7 @@
           </div>
 
           <div class="psdk-modal-link-add">
-            <button mat-raised-button color="primary" (click)="_addLink()">{{ pConn$.getLocalizedValue('Add Link', '', '') }}</button>
+            <button mat-raised-button color="primary" (click)="_addLink()">{{ pConn$.getLocalizedValue('Add link', '', '') }}</button>
           </div>
         </div>
 

package/lib/widget/file-utility/file-utility.component.ts

@@ -64,18 +64,7 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
 
   currentCaseID = '';
 
-  addAttachmentsActions: any[] = [
-    {
-      text: 'Add files',
-      id: 'addNewFiles',
-      onClick: () => this.createModal('addLocalFile')
-    },
-    {
-      text: 'Add links',
-      id: 'addNewLinks',
-      onClick: () => this.createModal('addLocalLink')
-    }
-  ];
+  addAttachmentsActions: any;
 
   constructor(
     private angularPConnect: AngularPConnectService,
@@ -93,7 +82,18 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
     this.lu_icon$ = 'paper-clip';
 
     this.closeSvgIcon$ = this.utils.getImageSrc('times', this.utils.getSDKStaticContentUrl());
-
+    this.addAttachmentsActions = [
+      {
+        text: this.pConn$.getLocalizedValue('Add files', '', ''),
+        id: 'addNewFiles',
+        onClick: () => this.createModal('addLocalFile')
+      },
+      {
+        text: this.pConn$.getLocalizedValue('Add links', '', ''),
+        id: 'addNewLinks',
+        onClick: () => this.createModal('addLocalLink')
+      }
+    ];
     // const onViewAllCallback = () => this.onViewAll(this.arFullListAttachments);
 
     this.lu_onViewAllFunction = { onClick: this.onViewAll.bind(this) };

package/lib/widget/list-utility/list-utility.component.html

@@ -8,7 +8,7 @@
       <div class="psdk-utility-count" id="attachments-count">{{ count$ }}</div>
       <div style="flex-grow: 1"></div>
       <div class="header-icon">
-        <button mat-icon-button [matMenuTriggerFor]="utilityMenu">
+        <button id="file-menu" mat-icon-button [matMenuTriggerFor]="utilityMenu">
           <img class="psdk-utility-card-actions-svg-icon" src="{{ settingsSvgIcon$ }}" />
         </button>
         <mat-menu #utilityMenu="matMenu" overlapTrigger="false">

package/lib/widget/todo/todo.component.html

@@ -15,7 +15,7 @@
           <div class="psdk-todo-assignment-title">{{ getAssignmentName(assignment) }}</div>
           <div class="psdk-todo-assignment-data">
             <div class="psdk-todo-assignment-task">
-              Task in
+              {{ localizedVal('Task in', localeCategory) }}
               <button class="psdk-todo-id" style="cursor: pointer" (click)="clickGo(assignment)">
                 {{ assignment.name }} {{ getID(assignment) }}
               </button>
@@ -37,11 +37,11 @@
 
 <div *ngIf="assignmentCount$ > 3">
   <div *ngIf="bShowMore$; else showLess" class="psdk-todo-show-more">
-    <button mat-stroked-button (click)="_showMore()">Show more</button>
+    <button mat-stroked-button (click)="_showMore()">{{ showMoreLocalizedValue === 'show_more' ? 'Show more' : showMoreLocalizedValue }}</button>
   </div>
   <ng-template #showLess>
     <div class="psdk-todo-show-more">
-      <button mat-stroked-button (click)="_showLess()">Show less</button>
+      <button mat-stroked-button (click)="_showLess()">{{ showlessLocalizedValue === 'show_less' ? 'Show less' : showlessLocalizedValue }}</button>
     </div>
   </ng-template>
 </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/angular-sdk-overrides",
-  "version": "0.23.7",
+  "version": "0.24.2",
   "description": "Angular SDK - Code for overriding components",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"