@pega/custom-dx-components 0.23.9 → 0.23.11

package/src/tasks/list/helper.js

@@ -1,18 +1,23 @@
 import fs from 'fs';
-import https from 'https';
-
+import path from 'path';
 import chalk from 'chalk';
 import fetch from 'node-fetch';
+import { join } from 'path';
+import ora from 'ora';
+
+import inquirer from 'inquirer';
 
-import { LIST_COMPONENT_SERVICE_REST_ENDPOINT, LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH, COMPONENT_SCHEMA } from '../../constants.js';
-import { constructCompleteUrl, getComponents, getPegaServerConfig, getHttpsAgent } from '../../util.js';
+import { LIST_COMPONENT_SERVICE_REST_ENDPOINT, LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH, COMPONENT_SCHEMA, TASKS_CONFIG_JSON_FILENAME, COMPONENTS_DIRECTORY_PATH, COMPONENTS_PATH } from '../../constants.js';
+import { constructCompleteUrl, getComponents, getPegaServerConfig, getHttpsAgent, sanitize } from '../../util.js';
 
 export const SOURCE_OF_COMPONENT_TYPES = {
   SERVER: 'Server',
   LOCAL: 'Local'
 };
 
-export const getListComponentsQuestions = async (options, sourceOfComponentsOption) => {
+
+
+export const getListComponentsQuestions = async (options) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
 
   return [
@@ -29,6 +34,52 @@ export const getListComponentsQuestions = async (options, sourceOfComponentsOpti
   ];
 };
 
+export const getLaunchPadFilterQuestions = async () => {
+  const defaultPegaServerConfig = await getPegaServerConfig();
+  const currentDirectory = process.cwd();
+  const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
+
+  let data = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
+  data = data && JSON.parse(data);
+
+  if (!data[COMPONENTS_DIRECTORY_PATH]) {
+    console.error(
+      `${chalk.red.bold('ERROR')} Could not able find components directory path in config.json`
+    );
+    process.exit(1);
+  }
+
+  const componentData = data[COMPONENTS_PATH];
+
+  let { library } = componentData;
+  let { organization } = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf8'));
+
+  return [
+    {
+      name: 'organization',
+      message: 'Enter component organization (required)',
+      default: organization,
+      validate: value => {
+        if (value) {
+          return true;
+        }
+        return 'Please provide value for organization';
+      }
+    },
+    {
+      name: 'library',
+      message: 'Enter library name (required)',
+      default: library,
+      validate: value => {
+        if (value) {
+          return true;
+        }
+        return 'Please provide value for library';
+      }
+    }
+  ];
+}
+
 export const listLocalComponents = async (sourceOfComponents) => {
   let localComponents = await getComponents();
   localComponents = localComponents.map((name) => ({ 'Rule name': name }));
@@ -56,7 +107,7 @@ async function fetchComponentsFromInfinity(apiUrl, headers) {
       .then((resp) => {
         // const respData = JSON.parse(resp);
         if (status === 401) {
-          throw new Error('Error occured in authentication. Please regenerate using authenticate');
+          throw new Error('Error occurred in authentication. Please regenerate using authenticate');
           // console.log(accessTokenUri, refreshToken);
           /* TODO - Handle refresh_token */
         } else if (status === 200) {
@@ -90,33 +141,36 @@ async function fetchComponentsFromLaunchpad(apiUrl, headers) {
         return Promise.all(
           responses.map((res) => {
             statuses.push(res.status);
-            return res.json();
+            if (res.status === 401 || res.status === 503) {
+              // Finding a 503 response is sometimes being returned from Launchpad in expired authentication scenario
+              throw new Error('Authorization error. Please regenerate using authenticate');
+            } else if (res.ok) {
+              return res.json();
+            } else {
+              throw new Error(`Unexpected Error ${res.status} encountered. ${res.message}`);
+            }
           })
         );
       })
       .then((data) => {
-        if (statuses.every((status) => status === 200)) {
-          const components = data.map((res) => res.components).flat();
-          resolve(components);
-        }
-        if (statuses.every((status) => [401, 503].includes(status))) {
-          throw new Error('Error occured in authentication. Please regenerate using authenticate');
-        } else {
-          throw new Error(`${data.map((resp) => resp.message || resp)}`);
-        }
+        const components = data.map((res) => res.components).flat();
+        resolve(components);
       })
       // eslint-disable-next-line prefer-promise-reject-errors
       .catch((e) => reject(`${chalk.bold.red(e)}`));
   });
 }
 
-export const getComponentsFromServer = async () => {
+export const getComponentsFromServer = async (library, organization) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   const isLaunchpad = defaultPegaServerConfig.serverType === 'launchpad';
   const url = constructCompleteUrl(
     defaultPegaServerConfig.server,
-    isLaunchpad ? LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT :  LIST_COMPONENT_SERVICE_REST_ENDPOINT
+    isLaunchpad ? LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT : LIST_COMPONENT_SERVICE_REST_ENDPOINT
   );
+
+
+
   return new Promise((resolve, reject) => {
     try {
       fs.readFile(TOKEN_PATH, 'utf8', (err, data) => {
@@ -125,22 +179,18 @@ export const getComponentsFromServer = async () => {
           reject(`\n${chalk.bold.red('Error occurred in authentication. Please regenerate using authenticate')}`);
         }
         if (data) {
-          const {
-            access_token: accessToken,
-            token_type: tokenType,
-            refresh_token: refreshToken
-          } = JSON.parse(data);
-          let status = 500;
-
-          const headers = {
-            Authorization: `${tokenType} ${accessToken}`
-          }
+          const { access_token: accessToken, token_type: tokenType } = JSON.parse(data);
+
+          const headers = {};
 
           if (isLaunchpad) {
             headers.cookie = `Pega-AAT=${accessToken}`;
 
             fetchComponentsFromLaunchpad(url, headers)
-              .then((response) => resolve(response))
+              .then((response) => {
+                response = response.filter(component => (component.library === library || library === "*" ) && (component.organization === organization || organization === "*"));
+                resolve(response); }
+              )
               .catch((e) => reject(e));
           } else {
             headers.Authorization = `${tokenType} ${accessToken}`;
@@ -149,31 +199,6 @@ export const getComponentsFromServer = async () => {
               .then((response) => resolve(response))
               .catch((e) => reject(e));
           }
-
-          fetch(url, {
-            method: 'GET',
-            agent: getHttpsAgent(defaultPegaServerConfig),
-            headers
-          })
-            .then(response => {
-              status = response.status;
-              return response.text();
-            })
-            .then(resp => {
-              const respData = JSON.parse(resp);
-              if (status === 401) {
-                throw new Error(
-                  'Error occured in authentication. Please regenerate using authenticate'
-                );
-                // console.log(accessTokenUri, refreshToken);
-                /* TODO - Handle refresh_token */
-              } else if (status == 200) {
-                resolve(resp);
-              } else {
-                throw new Error(`${respData.message}`);
-              }
-            })
-            .catch(e => reject(`${chalk.bold.red(e)}`));
         }
       });
     } catch (error) {
@@ -187,24 +212,20 @@ export const getComponentsFromServer = async () => {
 export const displayServerComponents = async (data) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   const isLaunchpad = defaultPegaServerConfig.serverType === 'launchpad';
-  // const parsedData = JSON.parse(data);
   let list;
   if (isLaunchpad) {
     list = data;
-  }
-  else {
+  } else {
     try {
-      if (typeof(data) == 'object') {
+      if (typeof data === 'object') {
         list = data.pxResults;
-      }
-      else {
+      } else {
         list = JSON.parse(data).pxResults;
       }
-
+    } catch (ex) {
+      /* empty */
     }
-    catch (ex) {}
   }
-  //const list = isLaunchpad ? data : JSON.parse(data).pxResults;
   /**
    * TODO: Need to modify the components list mapping code to support Launchpad components
    */
@@ -217,17 +238,19 @@ export const displayServerComponents = async (data) => {
     }
 
     return {
-    'Rule name': label,
-    'Ruleset name': pyRuleSet,
-    'Ruleset version': pyRuleSetVersion
+      'Rule name': label,
+      'Ruleset name': pyRuleSet,
+      'Ruleset version': pyRuleSetVersion
     };
   });
 
   if (componentList && componentList.length > 0) {
-    console.log(
-      chalk.bold.blueBright(`List of custom components in ${defaultPegaServerConfig.server}`)
-    );
-    console.table(componentList, ['Rule name', 'Ruleset name', 'Ruleset version']);
+    console.log(chalk.bold.blueBright(`List of custom components in ${defaultPegaServerConfig.server}`));
+    if (isLaunchpad) {
+      console.table(componentList, ['Component Name', 'Type']);
+    } else {
+      console.table(componentList, ['Rule name', 'Ruleset name', 'Ruleset version']);
+    }
   } else {
     console.log(chalk.bold.redBright(`No custom components in ${defaultPegaServerConfig.server}`));
   }

package/src/tasks/list/index.js

@@ -1,26 +1,41 @@
 import inquirer from 'inquirer';
 import ora from 'ora';
-import chalk from 'chalk';
+
+import { showVersion, getPegaServerConfig } from '../../util.js';
 
 import {
   listLocalComponents,
   SOURCE_OF_COMPONENT_TYPES,
   getComponentsFromServer,
+  getLaunchPadFilterQuestions,
   displayServerComponents,
   getListComponentsQuestions
 } from './helper.js';
 
-import { showVersion } from '../../util.js';
-
 const getList = async (sourceOfComponents, answers) => {
+  const defaultPegaServerConfig = await getPegaServerConfig();
+  const isLaunchpad = defaultPegaServerConfig.serverType === 'launchpad';
+
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
       await listLocalComponents(sourceOfComponents);
       break;
     }
     case SOURCE_OF_COMPONENT_TYPES.SERVER: {
+
+      let library;
+      let organization;
+
+      if (isLaunchpad) {
+        const questions = await getLaunchPadFilterQuestions();
+        const lpAnswers = await inquirer.prompt(questions);
+
+        ({library, organization} = lpAnswers);
+      }
+
+
       const spinner = ora('Fetching components from server\n').start();
-      const data = await getComponentsFromServer(answers);
+      const data = await getComponentsFromServer(library, organization);
       spinner.stop();
       await displayServerComponents(data, answers);
 
@@ -33,7 +48,7 @@ const getList = async (sourceOfComponents, answers) => {
   }
 };
 
-export default async options => {
+export default async (options) => {
   showVersion();
 
   let sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;

package/src/tasks/publish/helper.js

@@ -1,6 +1,5 @@
 import fs from 'fs';
 import path from 'path';
-import https from 'https';
 
 import fetch from 'node-fetch';
 import AdmZip from 'adm-zip';
@@ -19,9 +18,9 @@ import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, LP_PUBLISH_COMPONENT_SERVICE_R
 export const getPublishComponentQuestions = async () => {
   const components = await getComponents();
 
-  if (components.length == 0) {
+  if (components.length === 0) {
     console.log(chalk.redBright('No components to publish'));
-    process.exit(1);
+    process.exit();
   }
 
   const defaultPegaConfig = await getPegaServerConfig();

package/src/tasks/publish/index.js

@@ -3,14 +3,13 @@ import Listr from 'listr';
 import chalk from 'chalk';
 
 import validate from '../validator/index.js';
-
 import bundleComponent from '../bundle/index.js';
 import { lintComponent } from '../linter/index.js';
-
 import { getComponentDirectoryPath, showVersion } from '../../util.js';
+
 import { getPublishComponentQuestions, publishComponentToServer, zipComponent } from './helper.js';
 
-export default async options => {
+export default async (options) => {
   showVersion();
 
   let componentKey;
@@ -25,15 +24,11 @@ export default async options => {
     const rulesetName = options.params[4];
     const rulesetVersion = options.params[5];
     const dBuild = options.params[6];
-    devBuild = (dBuild === 'Y' ||
-    dBuild === 'y' ||
-    dBuild === true ||
-    dBuild === 'true') ? true : false;
+    devBuild = dBuild === 'Y' || dBuild === 'y' || dBuild === true || dBuild === 'true';
     doFetch = false;
 
-    content = { componentKey, rulesetName, rulesetVersion, devBuild}
-  }
-  else {
+    content = { componentKey, rulesetName, rulesetVersion, devBuild };
+  } else {
     const questions = await getPublishComponentQuestions();
     const answers = await inquirer.prompt(questions);
     ({ componentKey, sourceMap, devBuild } = answers);
@@ -43,9 +38,6 @@ export default async options => {
     };
   }
 
-
-
-
   const sDevBuild = devBuild ? '(dev build)' : '';
   const tasks = new Listr(
     [
@@ -65,7 +57,7 @@ export default async options => {
       },
       {
         title: `Bundle Component ${sDevBuild}`,
-        task: async () => await bundleComponent(componentKey, sourceMap, devBuild),
+        task: async () => bundleComponent(componentKey, sourceMap, devBuild),
         skip: () => (options.skipBundle ? 'Skipped bundling component' : undefined)
       },
       {
@@ -87,7 +79,7 @@ export default async options => {
     }
   );
 
-  await tasks.run().catch(err => {
+  await tasks.run().catch((err) => {
     console.log(chalk.bold.red(err.toString()));
   });
   return true;

package/src/tasks/publish-all/helper.js

@@ -1,6 +1,5 @@
 import fs from 'fs';
 import path from 'path';
-import https from 'https';
 
 import fetch from 'node-fetch';
 import AdmZip from 'adm-zip';

package/src/tasks/publish-all/index.js

@@ -7,16 +7,12 @@ import bundleComponent from '../bundle/index.js';
 import { lintComponent } from '../linter/index.js';
 import { getComponents, getComponentDirectoryPath, showVersion } from '../../util.js';
 
-import {
-  getPublishComponentQuestions,
-  publishComponentToServer,
-  zipComponent,
-  cleanUp
-} from './helper.js';
+import { getPublishComponentQuestions, publishComponentToServer, zipComponent, cleanUp } from './helper.js';
 
 export function getCustomTasks(componentKey, sourceMap, devBuild, content, options) {
   const sDevBuild = devBuild ? '(dev build)' : '';
-  const doFetch = (options.params.length >= 7) ? false : true;
+  // eslint-disable-next-line no-unneeded-ternary
+  const doFetch = options.params.length >= 7 ? false : true;
   return new Listr(
     [
       {
@@ -60,14 +56,14 @@ export function getCustomTasks(componentKey, sourceMap, devBuild, content, optio
   );
 }
 
-export default async options => {
+export default async (options) => {
   showVersion();
 
   const components = await getComponents();
 
-  if (components.length == 0) {
-    console.log(chalk.redBright("No components to publish"));
-    process.exit(1);
+  if (components.length === 0) {
+    console.log(chalk.redBright('No components to publish'));
+    process.exit();
   }
 
   let componentKey;
@@ -79,14 +75,10 @@ export default async options => {
     const rulesetName = options.params[3];
     const rulesetVersion = options.params[4];
     const dBuild = options.params[5];
-    devBuild = (dBuild === 'Y' ||
-    dBuild === 'y' ||
-    dBuild === true ||
-    dBuild === 'true') ? true : false;
+    devBuild = dBuild === 'Y' || dBuild === 'y' || dBuild === true || dBuild === 'true';
 
-    content = { componentKey, rulesetName, rulesetVersion, devBuild}
-  }
-  else {
+    content = { componentKey, rulesetName, rulesetVersion, devBuild };
+  } else {
     const questions = await getPublishComponentQuestions();
     const answers = await inquirer.prompt(questions);
     ({ sourceMap, devBuild } = answers);
@@ -96,15 +88,14 @@ export default async options => {
     };
   }
 
-
-
+  // eslint-disable-next-line no-shadow
   for (const componentKey of components) {
     console.log(chalk.bold.green(`Publishing: ${componentKey}`));
 
     const myCustomTasks = getCustomTasks(componentKey, sourceMap, devBuild, content, options);
 
     // eslint-disable-next-line no-await-in-loop
-    await myCustomTasks.run().catch(err => {
+    await myCustomTasks.run().catch((err) => {
       console.log(chalk.bold.red(err.toString()));
     });
   }

package/src/tasks/revert-webpack/index.js

@@ -32,7 +32,7 @@ export const renamePromotedWebPack = async () => {
   }
   catch (ex) {
     console.log(chalk.bold.red(`File ${promoteWebPackDir} not found.`));
-    process.exit(1);
+    process.exit();
   }
 
   console.log(chalk.bold.green(`File ${promoteWebPackDir} marked as not used.`));

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/Avatar.jsx

@@ -0,0 +1,75 @@
+/* eslint-disable no-undef */
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { Avatar as CosmosAvatar } from '@pega/cosmos-react-core';
+
+function Avatar(props) {
+  const { metaObj, showStatus } = props;
+  const [imageBlobUrl, setImageBlobUrl] = useState(null);
+  let userName;
+  let userIdentifier;
+
+  // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
+  // This is non CaseView case (Dashboard, MyWork etc)
+  if (!metaObj) {
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
+  } else {
+    userName = metaObj.name;
+    userIdentifier = metaObj.ID;
+  }
+  if (!userName && userIdentifier) {
+    userName = userIdentifier;
+  }
+
+  useEffect(() => {
+    const imageKey = !metaObj ? PCore.getEnvironmentInfo().getOperatorImageInsKey() : metaObj.image;
+    if (imageKey) {
+      PCore.getAssetLoader()
+        .getSvcImage(imageKey)
+        .then((blob) => window.URL.createObjectURL(blob))
+        .then((imagePath) => setImageBlobUrl(imagePath));
+    }
+  }, []);
+
+  if (showStatus) {
+    const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
+    const [userState, setUserState] = useState(currentState === 'online' ? 'active' : 'inactive');
+
+    const handleUserStateChange = ({ state }) => {
+      setUserState(state === 'online' ? 'active' : 'inactive');
+    };
+
+    useEffect(() => {
+      const subId = PCore.getMessagingServiceManager()
+        .getUserPresence()
+        .subscribe(userIdentifier, handleUserStateChange);
+
+      return function cleanup() {
+        PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
+      };
+    }, []);
+    return <CosmosAvatar name={userName} imageSrc={imageBlobUrl} status={userState} />;
+  }
+
+  // Do not render when userName does not exists
+  // TODO : In CNR case, pxRequestor is not available, please remove this condition once it populates
+  if (!userName) {
+    return null;
+  }
+
+  return <CosmosAvatar name={userName} imageSrc={imageBlobUrl} />;
+}
+
+Avatar.propTypes = {
+  metaObj: PropTypes.objectOf(PropTypes.any),
+  showStatus: PropTypes.bool
+};
+
+Avatar.defaultProps = {
+  metaObj: null,
+  showStatus: false
+};
+
+export default Avatar;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/OneColumnPage.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="70px" viewBox="0 0 100 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1 col </title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="100" height="70"></rect>
+    </defs>
+    <g id="Concepts" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Templates" transform="translate(-98.000000, -108.000000)">
+            <g id="Change-template" transform="translate(42.000000, 36.000000)">
+                <g id="1-col-" transform="translate(56.000000, 72.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <rect stroke="#A5A8BC" stroke-width="0.5" x="0.25" y="0.25" width="99.5" height="69.5"></rect>
+                    <g id="white" mask="url(#mask-2)" fill="#FFFFFF">
+                        <g transform="translate(3.000000, 3.000000)" id="Rectangle">
+                            <rect x="0" y="0" width="94" height="66.5"></rect>
+                        </g>
+                    </g>
+                    <g id="gray" mask="url(#mask-2)" fill="#8084A7">
+                        <g transform="translate(6.000000, 6.000000)" id="Rectangle">
+                            <rect x="0" y="-2.84217094e-14" width="88" height="77.8"></rect>
+                        </g>
+                    </g>
+                    <g id="labels" mask="url(#mask-2)" font-family="OpenSans-Semibold, Open Sans" font-size="11" font-weight="500">
+                        <g transform="translate(44.000000, 17.000000)" id="A">
+                            <text>
+                                <tspan x="0.75" y="12" fill="#FFFFFF">A</tspan>
+                            </text>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/mock.stories.js

@@ -0,0 +1,51 @@
+export const configProps = {
+  label: 'Create operator',
+  createLabel: 'Created',
+  updateLabel: 'Updated',
+  updateDateTime: '2023-01-16T14:53:33.280Z',
+  createDateTime: '2023-01-16T14:53:33.198Z',
+  updateOperator: {
+    userId: 'admin@mediaco',
+    userName: 'admin'
+  },
+  createOperator: {
+    userId: 'admin@mediaco',
+    userName: 'admin'
+  },
+  hideLabel: true,
+  key: '_532zx1dah',
+  displayMode: 'LABELS_LEFT'
+};
+
+export const operatorDetails = {
+  data: {
+    pzLoadTime: 'January 18, 2023 10:33:19 AM EST',
+    pzPageNameHash: '_pa1519192551088960pz',
+    pyOperatorInfo: {
+      pyUserName: 'french DigV2',
+      pyPosition: '',
+      pyImageInsKey: '',
+      pySkills: [
+        {
+          pySkillName: '',
+          pzIndexOwnerKey: 'DATA-ADMIN-OPERATOR-ID FRENCHTEST.DIGV2',
+          pySkillRating: 0
+        }
+      ],
+      pyReportToUserName: '',
+      pyReportTo: '',
+      pyOrganization: 'DXIL',
+      pyTitle: '',
+      pyLabel: 'frenchTest.DigV2',
+      pyEmailAddress: 'User@DigV2',
+      pyTelephone: ''
+    }
+  },
+  status: 200,
+  statusText: '',
+  headers: {
+    'content-length': '435',
+    'content-type': 'application/json;charset=UTF-8'
+  },
+  request: {}
+};