US-551354: Move to using standard MashupAPI to create case (#195)

* US-551354: Move to using standard MashupAPI to create case

Author: tumms2021389

sdk-config.json

@@ -4,20 +4,20 @@
     "authConfig_comment": "Optional Full paths to Infinity server OAuth endpoints (Only needed if using custom OAuth service)",
     "authConfig_comment2": "Optional attributes are: authorize, token, revoke, redirectUri, authService, silentTimeout, iframeLoginUI",
     "authService": "pega",
-        
+
     "mashupClient_comment": "Client ID and Client secret from the OAuth 2.0 Client Registration record used for mashup use case",
     "mashupClient_comment2": "See SDK Guide for instructions on how to generate and obtain the proper values for the following entries",
     "mashupClientId": "69184022781147469983",
     "mashupUserIdentifier": "customer@mediaco",
     "mashupClient_comment3": "Note: mashupPassword requires Base64 encoding",
     "mashupPassword": "",
-    
+
     "portalClientId_comment": "Client ID from the OAuth 2.0 Client Registration record used for portal use case",
     "portalClientId": "69184022781147469983"
   },
   "serverConfig": {
     "comment_serverConfig": "serverConfig is the block for SDK Content Server config entries",
-    
+
     "infinityRestServerUrl_comment": "Full path to Infinity REST server",
     "infinityRestServerUrl": "https://localhost:1080/prweb",
 
@@ -26,11 +26,14 @@
 
     "sdkContentServerUrl_comment": "If specified, the given URL will be used. If left blank, window.location.origin will be used.",
     "sdkContentServerUrl": "",
-    
+
     "appPortal_comment": "If specified, the given appPortal will be loaded. If left blank, the operator's default Portal is used. Ignored for Mashup",
     "appPortal": "",
 
+    "appMashupCaseType_comment": "If specified, uses this case type for mashup.  Otherwise, uses the first case type found for the app",
+    "appMashupCaseType": "",
+
     "excludePortals_comment": "Array of specific portals to avoid attempting to load with SDK",
-    "excludePortals" : ["pxExpress", "Developer", "pxPredictionStudio", "pxAdminStudio", "pyCaseWorker", "pyCaseManager7"]
+    "excludePortals": ["pxExpress", "Developer", "pxPredictionStudio", "pxAdminStudio", "pyCaseWorker", "pyCaseManager7"]
   }
-}
+}

src/app/_components/root-container/root-container.component.html

@@ -6,7 +6,11 @@
   <div [ngSwitch]="componentName$">
     <app-view *ngSwitchCase="'View'" [pConn$]="pConn$" [displayOnlyFA$]="displayOnlyFA$"></app-view>
     <!-- <app-reference *ngSwitchCase="'reference'" [pConn$]="pConn$" [displayOnlyFA$]="displayOnlyFA$"></app-reference> -->
-    <app-view-container *ngSwitchCase="'ViewContainer'" [pConn$]="pConn$" [displayOnlyFA$]="displayOnlyFA$"></app-view-container>
+    <app-view-container
+      *ngSwitchCase="'ViewContainer'"
+      [pConn$]="displayOnlyFA$ ? viewContainerPConn$ : pConn$"
+      [displayOnlyFA$]="displayOnlyFA$"
+    ></app-view-container>
     <app-hybrid-view-container *ngSwitchCase="'HybridViewContainer'" [pConn$]="pConn$" [displayOnlyFA$]="displayOnlyFA$"></app-hybrid-view-container>
     <app-modal-view-container
       *ngSwitchCase="'ModalViewContainer'"

src/app/_components/root-container/root-container.component.ts

@@ -10,6 +10,8 @@ import { ReferenceComponent } from '../reference/reference.component';
  * is totally at your own risk.
  */
 
+const options = { context: 'app' };
+
 @Component({
   selector: 'app-root-container',
   templateUrl: './root-container.component.html',
@@ -20,7 +22,6 @@ export class RootContainerComponent implements OnInit {
   @Input() props$: any;
   @Input() PCore$: any;
   @Input() displayOnlyFA$: boolean;
-  @Input() isMashup$: boolean;
 
   // For interaction with AngularPConnect
   angularPConnectData: any = {};
@@ -36,16 +37,12 @@ export class RootContainerComponent implements OnInit {
 
   progressSpinnerSubscription: Subscription;
   spinnerTimer: any = null;
+  viewContainerPConn$: any = null;
 
   constructor(private angularPConnect: AngularPConnectService, private psService: ProgressSpinnerService, private ngZone: NgZone) {}
 
   ngOnInit(): void {
     let myContext = 'app';
-    if (this.isMashup$) {
-      myContext = 'root';
-    }
-
-    const options = { context: myContext };
 
     if (!this.PCore$) {
       this.PCore$ = window.PCore;
@@ -132,13 +129,7 @@ export class RootContainerComponent implements OnInit {
     const renderingModes = ['portal', 'view'];
     const noPortalMode = 'noPortal';
 
-    let myContext = 'app';
-    if (this.isMashup$) {
-      myContext = 'root';
-    }
-
-    const options = { context: myContext };
-    const { renderingMode, children, skeleton, httpMessages, routingInfo } = myProps;
+    const { renderingMode, children, skeleton, routingInfo } = myProps;
 
     if (routingInfo && renderingModes.includes(renderingMode)) {
       const { accessedOrder, items } = routingInfo;
@@ -185,6 +176,19 @@ export class RootContainerComponent implements OnInit {
           this.ngZone.run(() => {
             let localPConn = arChildren[0].getPConnect();
             this.componentName$ = localPConn.getComponentName();
+
+            if (this.componentName$ === 'ViewContainer') {
+              const configProps = this.pConn$.getConfigProps();
+              const viewContConfig = {
+                meta: {
+                  type: 'ViewContainer',
+                  config: configProps,
+                },
+                options,
+              };
+
+              this.viewContainerPConn$ = this.PCore$.createPConnect(viewContConfig).getPConnect();
+            }
             this.bShowRoot$ = true;
           });
         });

src/app/_samples/full-portal/top-app-mashup/top-app-mashup.component.ts

@@ -66,7 +66,7 @@ export class TopAppMashupComponent implements OnInit {
   ) {}
 
   ngOnInit() {
-    this.scservice.getServerConfig().then(() => {
+    this.scservice.readSdkConfig().then(() => {
       this.initialize();
     });
   }
@@ -144,9 +144,8 @@ export class TopAppMashupComponent implements OnInit {
       });
     });
 
-    const thePortal = this.scservice.getAppPortal();
+    const { appPortal: thePortal, excludePortals } = this.scservice.getSdkConfigServer();
     const defaultPortal = window.PCore?.getEnvironmentInfo?.().getDefaultPortal?.();
-    const excludePortals = this.scservice.getSdkConfigServer().excludePortals;
 
     // Note: myLoadPortal and myLoadDefaultPortal are set when bootstrapWithAuthHeader is invoked
     if (thePortal) {

src/app/_samples/mashup/main-screen/main-screen.component.html

@@ -8,10 +8,10 @@
       <app-bundle-swatch [swatchConfig$]="thirdConfig$" (ShopNowButtonClick)="onShopNow($event)"></app-bundle-swatch>
     </div>
   </div>
-  <div *ngIf="showPega$">
+  <div [hidden]="!showPega$">
     <div class="mc-info">
       <div class="mc-info-pega">
-        <app-root-container [pConn$]="pConn$" [displayOnlyFA$]="true" [isMashup$]="true"></app-root-container>
+        <app-root-container [pConn$]="pConn$" [displayOnlyFA$]="true"></app-root-container>
         <div style="padding-left: 50px">* - required fields</div>
       </div>
       <div class="mc-info-banner">

src/app/_samples/mashup/main-screen/main-screen.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { ProgressSpinnerService } from '../../../_messages/progress-spinner.service';
+import { ServerConfigService } from 'src/app/_services/server-config.service';
 
 declare function loadMashup(targetDom, preLoadComponents);
 
@@ -20,7 +21,7 @@ export class MainScreenComponent implements OnInit {
   showPega$: boolean = false;
   showResolution$: boolean = false;
 
-  constructor(private psservice: ProgressSpinnerService) {}
+  constructor(private psservice: ProgressSpinnerService, private serverConfigService: ServerConfigService) {}
 
   ngOnInit(): void {
     if (!this.PCore$) {
@@ -102,48 +103,28 @@ export class MainScreenComponent implements OnInit {
     this.showTriplePlayOptions$ = false;
     this.showPega$ = true;
 
-    let actionsApi = this.pConn$.getActionsApi();
-    let createWork = actionsApi.createWork.bind(actionsApi);
-    let sFlowType = 'pyStartCase';
-
-    this.psservice.sendMessage(true);
-
-    let actionInfo;
-    const accessGroup = sessionStorage.getItem('userAccessGroup');
-
-    let portalName = accessGroup;
-    let pCore: any;
-    if (window.PCore) {
-      pCore = window.PCore;
-
-      portalName = pCore.getEnvironmentInfo().getApplicationLabel();
-    }
-
-    if (portalName.toLowerCase().includes('cableco')) {
-      actionInfo = {
-        containerName: 'primary',
-        flowType: sFlowType ? sFlowType : 'pyStartCase',
-        caseInfo: {
-          content: {
-            Package: sLevel,
-          },
-        },
-      };
-
-      createWork('CableC-CableCon-Work-Service', actionInfo);
-    } else if (portalName.toLowerCase().includes('mediaco')) {
-      actionInfo = {
-        containerName: 'primary',
-        flowType: sFlowType ? sFlowType : 'pyStartCase',
-        caseInfo: {
-          content: {
-            Package: sLevel,
-          },
-        },
+    this.serverConfigService.getSdkConfig().then((sdkConfig) => {
+      let mashupCaseType = sdkConfig.serverConfig.appMashupCaseType;
+      if (!mashupCaseType) {
+        const caseTypes = this.PCore$.getEnvironmentInfo().environmentInfoObject.pyCaseTypeList;
+        mashupCaseType = caseTypes[0].pyWorkTypeImplementationClassName;
+      }
+
+      const options = {
+        pageName: 'pyEmbedAssignment',
+        startingFields:
+          mashupCaseType === 'DIXL-MediaCo-Work-NewService'
+            ? {
+                Package: sLevel,
+              }
+            : {},
       };
-
-      createWork('DIXL-MediaCo-Work-NewService', actionInfo);
-    }
+      this.PCore$.getMashupApi()
+        .createCase(mashupCaseType, this.PCore$.getConstants().APP.APP, options)
+        .then(() => {
+          console.log('createCase rendering is complete');
+        });
+    });   
   }
 
   onShopNow(sLevel: string) {

src/app/_samples/mashup/mc-nav/mc-nav.component.html

@@ -4,7 +4,7 @@
 
 <mat-toolbar color="primary" class="mc-toolbar">
   <mat-toolbar-row class="mc-toolbar-row">
-    MediaCo
+    {{ applicationLabel }}
     <mat-icon class="mc-icon">router</mat-icon>
 
     <span class="toolbar-spacer"> </span>

src/app/_samples/mashup/mc-nav/mc-nav.component.ts

@@ -28,6 +28,7 @@ export class MCNavComponent implements OnInit {
   PCore$: any;
   pConn$: any;
 
+  applicationLabel: string = '';
   bLoggedIn$: boolean = false;
   bPConnectLoaded$: boolean = false;
   bHasPConnect$: boolean = false;
@@ -49,7 +50,7 @@ export class MCNavComponent implements OnInit {
   ) {}
 
   ngOnInit() {
-    this.scservice.getServerConfig().then(() => {
+    this.scservice.readSdkConfig().then(() => {
       this.initialize();
     });
   }
@@ -59,13 +60,11 @@ export class MCNavComponent implements OnInit {
     this.resetPConnectSubscription.unsubscribe();
   }
 
-  initialize() {
+  async initialize() {
     if (!this.PCore$) {
       this.PCore$ = window.PCore;
     }
 
-    this.titleService.setTitle('Media Co');
-
     sessionStorage.clear();
 
     // handle showing and hiding the progress spinner
@@ -103,7 +102,7 @@ export class MCNavComponent implements OnInit {
       this.bLoggedIn$ = false;
     });
 
-    const sdkConfigAuth = this.scservice.getSdkConfigAuth();
+    const sdkConfigAuth = await this.scservice.getSdkConfigAuth();
 
     if (!sdkConfigAuth.mashupClientId && sdkConfigAuth.customAuthType === 'Basic') {
       // Service package to use custom auth with Basic
@@ -133,8 +132,12 @@ export class MCNavComponent implements OnInit {
     }
 
     this.PCore$.onPCoreReady((renderObj) => {
+      console.log('PCore ready!');
       // Check that we're seeing the PCore version we expect
       compareSdkPCoreVersions();
+      this.applicationLabel = this.PCore$.getEnvironmentInfo().getApplicationLabel();
+
+      this.titleService.setTitle(this.applicationLabel);
 
       // Need to register the callback function for PCore.registerComponentCreator
       //  This callback is invoked if/when you call a PConnect createComponent

src/app/_samples/simple-portal/main-content/main-content.component.html

@@ -4,5 +4,5 @@
 </div>
 
 <div *ngIf="sComponentName$ == 'RootContainer'">
-  <app-root-container [pConn$]="pConn$" [PCore$]="PCore$" [props$]="props$" [isMashup$]="true" [displayOnlyFA$]="false"></app-root-container>
+  <app-root-container [pConn$]="pConn$" [PCore$]="PCore$" [props$]="props$" [displayOnlyFA$]="false"></app-root-container>
 </div>

src/app/_samples/simple-portal/navigation/navigation.component.ts

@@ -37,7 +37,7 @@ export class NavigationComponent implements OnInit {
   ) {}
 
   ngOnInit() {
-    this.scservice.getServerConfig().then(() => {
+    this.scservice.readSdkConfig().then(() => {
       this.initialize();
     });
   }