@pega/custom-dx-components 0.242.19 → 0.242.21

package/src/tasks/rename-lib/index.js

@@ -7,10 +7,25 @@ import inquirer from 'inquirer';
 import ncp from 'ncp';
 import chalk from 'chalk';
 
-import { checkPathAccess, showVersion, getComponentsObj, getDirectoryFiles, getPegaServerConfig, getLibraryBased, deleteLocalLibrary, getC11NB2STokenAndStaticServer, updateComponentDefaultLibrary, updateDefaultOrganization } from '../../util.js';
-import { TASKS_CONFIG_JSON_FILENAME, COMPONENTS_DIRECTORY_PATH, COMPONENTS_PATH } from '../../constants.js';
+import {
+  checkPathAccess,
+  showVersion,
+  getComponentsObj,
+  getDirectoryFiles,
+  getPegaServerConfig,
+  getLibraryBased,
+  deleteLocalLibrary,
+  getC11NB2STokenAndStaticServer,
+  updateComponentDefaultLibrary,
+  updateDefaultOrganization
+} from '../../util.js';
+import {
+  TASKS_CONFIG_JSON_FILENAME,
+  COMPONENTS_DIRECTORY_PATH,
+  COMPONENTS_PATH
+} from '../../constants.js';
 
-import { buildLib } from '@pega/constellation-dx-components-build-utils/index.js';
+import { localBuildLibrary } from '@pega/custom-dx-components/src/tasks/build-lib/index.js';
 
 export const DXCB_CONFIG_INTERNAL_JSON_FILENAME = 'src/dxcb.config.json';
 const currentDirectory = process.cwd();
@@ -18,20 +33,18 @@ const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
 
 const isLibraryBased = await getLibraryBased();
 
-
 import {
   convertIntoPascalCase,
   getComponentDirectoryPath,
   getPegaConfig,
   getComponentDefaults,
   getComponents,
+  getAboutData,
   sanitize
 } from '../../util.js';
 
-
 const copy = promisify(ncp);
 
-
 export const getOrgLib = async () => {
   const defaultPegaConfig = await getPegaServerConfig();
 
@@ -41,7 +54,9 @@ export const getOrgLib = async () => {
   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`);
+    console.error(
+      `${chalk.red.bold('ERROR')} Could not able find components directory path in config.json`
+    );
     process.exit(1);
   }
 
@@ -56,7 +71,7 @@ export const getOrgLib = async () => {
   componentDefaults.organization = organization;
 
   return componentDefaults;
-}
+};
 
 export const updateConfig = async (
   {
@@ -69,13 +84,12 @@ export const updateConfig = async (
     version,
     description,
     allowedApplications,
-    targetDirectory,
+    targetDirectory
   },
   options,
   onlyCompanion = false
 ) => {
-
-  let configData = fs.readFileSync(join(targetDirectory, "/config.json"), { encoding: 'utf8' });
+  let configData = fs.readFileSync(join(targetDirectory, '/config.json'), { encoding: 'utf8' });
   configData = configData && JSON.parse(configData);
 
   configData.name = newComponentKey;
@@ -84,34 +98,32 @@ export const updateConfig = async (
   if (configData.componentKey) configData.componentKey = newComponentKey;
   configData.library = library;
   configData.version = version;
-  configData.description = (description != '') ? description : componentLabel;
+  configData.description = description != '' ? description : componentLabel;
 
   configData.allowedApplications = allowedApplications;
 
   // stringify "4", makes the json string look like JSON in the file, formated instead of a single line
-  fs.writeFileSync(join(targetDirectory, "/config.json"), JSON.stringify(configData, null, 4), { encoding: 'utf8' });
-
+  fs.writeFileSync(join(targetDirectory, '/config.json'), JSON.stringify(configData, null, 4), {
+    encoding: 'utf8'
+  });
 };
 
 export const updateFile = async (
-    fileName,
-    oldComponentKeyPC,
-    newComponentKeyPC,
-    targetDirectory,
+  fileName,
+  oldComponentKeyPC,
+  newComponentKeyPC,
+  targetDirectory
 ) => {
-
-  let fileData = fs.readFileSync(join(targetDirectory, "/", fileName), { encoding: 'utf8' });
+  let fileData = fs.readFileSync(join(targetDirectory, '/', fileName), { encoding: 'utf8' });
 
   if (fileData.indexOf(oldComponentKeyPC) >= 0) {
     fileData = fileData.replaceAll(oldComponentKeyPC, newComponentKeyPC);
 
-    fs.writeFileSync(join(targetDirectory, "/", fileName), fileData, { encoding: 'utf8' });
+    fs.writeFileSync(join(targetDirectory, '/', fileName), fileData, { encoding: 'utf8' });
   }
-
 };
 
-export const renameLibrary = async ({library, organization}, options) => {
-
+export const renameLibrary = async ({ library, organization }, options) => {
   const compDef = await getOrgLib();
   const currentOrganization = compDef.organization;
   const currentLibrary = compDef.library;
@@ -122,53 +134,60 @@ export const renameLibrary = async ({library, organization}, options) => {
   const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
 
   if (tokenAndStaticServer.C11NB2S === undefined) {
-    console.log(chalk.redBright("Need to authenticate, missing services token.\nBuilding a library requires authentication to acquire a token to build."));
+    console.log(
+      chalk.redBright(
+        'Need to authenticate, missing services token.\nBuilding a library requires authentication to acquire a token to build.'
+      )
+    );
     process.exit(1);
-
   }
 
-  const currentOrgLib = currentOrganization.concat("_").concat(currentLibrary);
-  const newOrgLib = organization.concat("_").concat(library);
+  const currentOrgLib = currentOrganization.concat('_').concat(currentLibrary);
+  const newOrgLib = organization.concat('_').concat(library);
 
   // reaname all the components
   const components = await getComponents();
 
-
-
+  let wasDevBuild = false;
 
   for (const index in components) {
     const componentKey = components[index];
     const componentName = componentKey.split('_')[2];
     const currentDirectory = await getComponentDirectoryPath(componentKey);
 
-    let configData = fs.readFileSync(join(currentDirectory, "/config.json"), { encoding: 'utf8' });
+    let configData = fs.readFileSync(join(currentDirectory, '/config.json'), { encoding: 'utf8' });
     configData = configData && JSON.parse(configData);
 
-    const componentLabel = configData.label.substring(0, configData.label.indexOf("(")).concat(`(${newOrgLib})`);
-    const description = configData.description.substring(0, configData.description.indexOf("(")).concat(`(${newOrgLib})`);
+    const componentLabel = configData.label;
+    const description = configData.description;
     const version = configData.version;
     compVersion = version;
 
     // can only rename "devBuilds", so if version doesn't have "-dev", add it and will create dev version
-    if (compVersion && compVersion.indexOf("-dev") === -1){
-      compVersion = compVersion.concat("-dev");
+    if (compVersion && compVersion.indexOf('-dev') != -1) {
+      wasDevBuild = true;
     }
     const allowedApplications = configData.allowedApplications;
 
-    await renameComponent({library, organization, componentKey, componentName, componentLabel,
-      version, description, allowedApplications}, options);
-
-
-
+    await renameComponent(
+      {
+        library,
+        organization,
+        componentKey,
+        componentName,
+        componentLabel,
+        version,
+        description,
+        allowedApplications
+      },
+      options
+    );
   }
 
-
   // delete and rebuild library
   try {
     await deleteLocalLibrary(currentOrgLib);
-  }
-  catch (ex) {}
-
+  } catch (ex) {}
 
   // update config
   await updateComponentDefaultLibrary(library);
@@ -177,16 +196,10 @@ export const renameLibrary = async ({library, organization}, options) => {
   // call constellation-dx-components-build-utils build library, which will create a directory of the "buildLibName"
   // with subdirectories for each version.
   // If "buildDev", we append to version "-dev".  Currently, only "-dev" versions, when published, can be deleted.
-  if(newOrgLib && compVersion) {
-    buildLib(newOrgLib, compVersion, tokenAndStaticServer.C11NB2S, tokenAndStaticServer.appStaticContentServer);
+  if (newOrgLib && compVersion) {
+    localBuildLibrary(organization, library, currentVersion, wasDevBuild);
   }
-
-
-
-
-
-}
-
+};
 
 export const renameComponent = async (
   {
@@ -202,8 +215,6 @@ export const renameComponent = async (
   options,
   onlyCompanion = false
 ) => {
-
-
   let pegaConfig = await getPegaConfig();
 
   const newComponentKey = `${organization}_${library}_${componentName}`;
@@ -215,14 +226,11 @@ export const renameComponent = async (
   const currentDirectory = await getComponentDirectoryPath(componentKey);
   const targetDirectory = await getComponentDirectoryPath(newComponentKey);
 
-
-
-
   // custom component
   try {
     fs.renameSync(currentDirectory, targetDirectory);
-  } catch(err) {
-    console.log(err)
+  } catch (err) {
+    console.log(err);
   }
 
   const targetFileList = await getDirectoryFiles(targetDirectory);
@@ -230,7 +238,7 @@ export const renameComponent = async (
   for (var fileIndex in targetFileList) {
     const fileName = targetFileList[fileIndex];
 
-    if (fileName === "config.json") {
+    if (fileName === 'config.json') {
       await updateConfig(
         {
           oldComponentKey,
@@ -242,34 +250,21 @@ export const renameComponent = async (
           description,
           allowedApplications,
           organization,
-          targetDirectory,
+          targetDirectory
         },
         options
       );
+    } else {
+      await updateFile(fileName, oldComponentKeyPC, newComponentKeyPC, targetDirectory);
     }
-    else {
-      await updateFile(
-          fileName,
-          oldComponentKeyPC,
-          newComponentKeyPC,
-          targetDirectory );
-
-    }
-
   } // for
 
-
   console.log(chalk.green(`Component ${oldComponentKey} renamed to ${newComponentKey}`));
-
 };
 
-
-
-
-
 export default async options => {
   if (!isLibraryBased) {
-    console.log(`Command only supported for ${chalk.bold.green('library based')} components.`)
+    console.log(`Command only supported for ${chalk.bold.green('library based')} components.`);
     process.exit();
   }
 
@@ -297,12 +292,10 @@ export default async options => {
 
   const localComponents = await getComponentsObj();
 
-
   if (options.params.length >= 5) {
     const organization = options.params[3];
     const library = options.params[4];
 
-
     await renameLibrary(
       {
         library,
@@ -310,9 +303,7 @@ export default async options => {
       },
       options
     );
-
-  }
-  else {
+  } else {
     const questions = [
       {
         name: 'organization',
@@ -344,10 +335,7 @@ export default async options => {
     ];
 
     await inquirer.prompt(questions).then(async answers => {
-      const {
-        organization,
-        library
-      } = answers;
+      const { organization, library } = answers;
 
       await renameLibrary(
         {
@@ -356,10 +344,6 @@ export default async options => {
         },
         options
       );
-
     });
   }
-
-
-
 };

package/src/util.js

@@ -5,6 +5,7 @@ import { promisify } from 'util';
 import https from 'https';
 import crypto from 'node:crypto';
 import { createRequire } from 'module';
+import {jwtDecode} from 'jwt-decode';
 
 import chalk from 'chalk';
 import mustache from 'mustache';
@@ -104,6 +105,21 @@ export const updateUseWebPackPromotion = async ( useValue = false ) => {
 
 }
 
+export const getAboutData = async (currentOrgLib, buildVersion, dateStamp) => {
+  const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
+
+  if (tokenAndStaticServer.C11NB2S === undefined) {
+    console.log(chalk.redBright("Need to authenticate, missing services token.\nBuilding a library requires authentication to acquire a token to build."));
+    process.exit(1);
+  }
+
+  const jwt = jwtDecode(tokenAndStaticServer.C11NB2S);
+  let infinityVersion= jwt.infinity_version;
+  infinityVersion = infinityVersion.replace("8.", "");
+
+  return `${currentOrgLib} ${buildVersion}, ${dateStamp}, ${infinityVersion}`;
+}
+
 export const getLibraryBased = async () => {
   const currentDirectory = process.cwd();
   const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);

package/tests/assets/library/components/create/Pega_DXIL_MyTestText/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyTestText",
-  "label": "My Test Text (Pega_DXIL)",
-  "description": "My Test Text Description (Pega_DXIL)",
+  "label": "My Test Text",
+  "description": "My Test Text Description",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/create/Pega_DXIL_MyTestText/index.tsx

@@ -9,6 +9,7 @@ import {
 } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 import StyledPegaDxilMyTestTextWrapper from './styles';
 

package/tests/assets/library/components/create/shared/create-nonce.ts

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyBoolean/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyBoolean",
-  "label": "My Boolean (Pega_DXIL)",
-  "description": "My Boolean (Pega_DXIL)",
+  "label": "My Boolean",
+  "description": "My Boolean",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyBoolean/index.tsx

@@ -8,6 +8,7 @@ import {
 } from "@pega/cosmos-react-core";
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 // includes in bundle
 import handleEvent from "./event-utils";

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyCaseWidget",
-  "label": "My Case Widget (Pega_DXIL)",
-  "description": "My Case Widget (Pega_DXIL)",
+  "label": "My Case Widget",
+  "description": "My Case Widget",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",
@@ -18,6 +18,6 @@
     }
   ],
   "defaultConfig": {
-     "label": "@L My Case Widget (Pega_DXIL)"
+     "label": "@L My Case Widget"
   }
 }

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -18,36 +18,35 @@ if (!window.PCore) {
   window.PCore = {};
 }
 
-window.PCore.getConstants = () => {
-  return {
-    CASE_INFO: {
-      CASE_INFO_ID: 'caseInfo.ID'
-    }
-  };
-};
+export const BasePegaDxilMyCaseWidget: Story = (args: any) => {
 
-window.PCore.getLocaleUtils = () => {
-  return {
-    getLocaleValue: (value: any) => {
-      return value;
-    }
+  window.PCore.getConstants = () => {
+    return {
+      CASE_INFO: {
+        CASE_INFO_ID: 'caseInfo.ID'
+      }
+    };
   };
-};
 
-window.PCore.getDataApiUtils = () => {
-  return {
-    getData: () => {
-      return new Promise(resolve => {
-        resolve(historyData);
-      });
-    }
+  window.PCore.getLocaleUtils = () => {
+    return {
+      getLocaleValue: (value: any) => {
+        return value;
+      }
+    };
   };
-};
 
-export const BasePegaDxilMyCaseWidget: Story = (args: any) => {
+  window.PCore.getDataApiUtils = () => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(historyData);
+        });
+      }
+    };
+  };
 
   const props = {
-
     getPConnect: () => {
       return {
         getValue: (value: any) => {
@@ -71,7 +70,7 @@ export const BasePegaDxilMyCaseWidget: Story = (args: any) => {
         resolveConfigProps: () => {/* nothing */}
       };
     }
-};
+  };
 
 return (
     <>

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/index.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 import { Table, Text, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 import StyledPegaDxilMyCaseWidgetWrapper from './styles';
 

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCurrency/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyCurrency",
-  "label": "My Currency (Pega_DXIL)",
-  "description": "My Currency (Pega_DXIL)",
+  "label": "My Currency",
+  "description": "My Currency",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyCurrency/index.tsx

@@ -11,6 +11,7 @@ import {
 
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 // includes in bundle
 import handleEvent from './event-utils';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDate/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyDate",
-  "label": "My Date (Pega_DXIL)",
-  "description": "My Date (Pega_DXIL)",
+  "label": "My Date",
+  "description": "My Date",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDate/index.tsx

@@ -3,6 +3,7 @@ import { DateInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } f
 import FormattedText from "./FormattedText";
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 import StyledPegaDxilMyDateWrapper from './styles';
 

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDateTime/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyDateTime",
-  "label": "My DateTime (Pega_DXIL)",
-  "description": "My DateTime (Pega_DXIL)",
+  "label": "My DateTime",
+  "description": "My DateTime",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDateTime/index.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { DateTimeInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } from "@pega/cosmos-react-core";
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 // includes in bundle
 import DateTimeFormatter from "./date-time";

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDecimal/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyDecimal",
-  "label": "My Decimal (Pega_DXIL)",
-  "description": "My Decimal (Pega_DXIL)",
+  "label": "My Decimal",
+  "description": "My Decimal",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDecimal/index.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, CurrencyDisplay, FieldValueList, Text, withConfiguration } from '@pega/cosmos-react-core';
 
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
 
 // includes in bundle
 import StyledPegaDxilMyDecimalWrapper from './styles';

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyDetails",
-  "label": "My Details (Pega_DXIL)",
-  "description": "My Details (Pega_DXIL)",
+  "label": "My Details",
+  "description": "My Details",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -6,8 +6,6 @@ import PegaDxilMyDetails from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
-import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
-
 
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
@@ -76,7 +74,7 @@ const renderField = (resolvedProps: any) => {
         value={value}
         variant='datetime'
         format='long'
-        clockFormat={undefined}
+        clockFormat={null}
         key={key}
       />
     );
@@ -143,7 +141,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },
-        createComponent: (config: { config: { value: any } }) => {
+        createComponent: config => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
@@ -186,7 +184,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
                       getRawMetadata: () => pyReviewRaw.children[0].children[index],
                       getConfigProps: () => {},
                       resolveConfigProps: () => regionChildrenResolved[index],
-                      getComponent: (config: any) =>
+                      getComponent: config =>
                         props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
                     })
                   };

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/index.tsx

@@ -1,6 +1,8 @@
 import { Fragment, Children, type ReactElement } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration, type GridContainerProps } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from '../shared/PConnProps';
+import '../shared/create-nonce';
+
 import DetailsRender from './DetailsRender';
 import HighlightRender from './HighlightRender';
 

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyEmail/config.json

@@ -1,7 +1,7 @@
 {
   "name": "Pega_DXIL_MyEmail",
-  "label": "My Email (Pega_DXIL)",
-  "description": "My Email (Pega_DXIL)",
+  "label": "My Email",
+  "description": "My Email",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",