@pega/custom-dx-components 0.23.6 → 0.23.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.6",
+  "version": "0.23.8",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/auth.js

@@ -622,9 +622,15 @@ class PegaAuth {
    * Return agent value for POST commands
    */
   #getAgent() {
-    return this.isNode && this.config.ignoreInvalidCerts
-      ? new this.https.Agent({ rejectUnauthorized: false })
-      : undefined;
+    if (this.isNode && this.config.ignoreInvalidCerts) {
+      let options = {rejectUnauthorized: false};
+      if (this.config.legacyTLS) {
+        options.secureOptions = this.crypto.constants.SSL_OP_LEGACY_SERVER_CONNECT;
+      }
+      return new this.https.Agent(options);
+    } else {
+      return undefined;
+    }
   }
 }
 

package/src/tasks/authenticate/index.js

@@ -6,19 +6,18 @@ import inquirer from 'inquirer';
 
 import { checkPathAccess, showVersion } from '../../util.js';
 import { TOKEN_PATH, INF_TOKEN_URL_V1, INF_AUTHORIZE_URL_V1, LP_TOKEN_URL, LP_AUTHORIZE_URL } from '../../constants.js';
+import PegaAuth from '../../auth.js';
 
 import { getAuthQuestions } from './helper.js';
-import PegaAuth from '../../auth.js';
 
 export const TASKS_CONFIG_JSON_FILENAME = 'tasks.config.json';
 
 const pegaConfigJsonPath = path.join(path.resolve(), TASKS_CONFIG_JSON_FILENAME);
-let server = null;
-
-const generateAccessToken = async config => {
+const server = null;
 
+const generateAccessToken = async (config) => {
   let authSuccess = false;
-  const { serverType, authService, isolationId, grantType, clientId, clientSecret, user, password } = config;
+  const { serverType, authService, isolationId, grantType, clientId, clientSecret, user, password, legacyTLS } = config;
   // Try to gracefully deal with missing trailing slashes for server (and later conditionally for redirectUri)
   const server = config.server.endsWith('/') ? config.server : `${config.server}/`;
 
@@ -50,26 +49,32 @@ const generateAccessToken = async config => {
     <div style="padding: 10px;">
     </div>`;
 
-    const authCodeConfig = grantType === 'authCode' ? {
-      authorizeUri: sAuthorizeUri,
-      redirectUri: config.redirectUri.endsWith('/') ? config.redirectUri : `${config.redirectUri}/`,
-      cert: config.cert,
-      key: config.key,
-      winTitle: 'DX Component Dev',
-      winBodyHtml: browserAuthSuccessMarkup
-    } : {};
+    const authCodeConfig =
+      grantType === 'authCode'
+        ? {
+            authorizeUri: sAuthorizeUri,
+            redirectUri: config.redirectUri.endsWith('/') ? config.redirectUri : `${config.redirectUri}/`,
+            cert: config.cert,
+            key: config.key,
+            winTitle: 'DX Component Dev',
+            winBodyHtml: browserAuthSuccessMarkup
+          }
+        : {};
 
     // Build auth config structure
     const authConfig = {
-      serverType: serverType,
-      authService: authService,
-      grantType: grantType,
+      serverType,
+      authService,
+      grantType,
       tokenUri: sTokenUri,
-      clientId: clientId,
-      clientSecret: clientSecret,
+      clientId,
+      clientSecret,
       ignoreInvalidCerts: true,
       ...authCodeConfig
     };
+    if (legacyTLS) {
+      authConfig.legacyTLS = true;
+    }
     if (serverType === 'infinity') {
       if (grantType !== 'clientCreds' && user && password) {
         authConfig.userIdentifier = user;
@@ -84,14 +89,17 @@ const generateAccessToken = async config => {
     try {
       const auth = new PegaAuth(authConfig);
       if (grantType === 'authCode') {
-        console.log(`${chalk.green('Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.')}`);
+        console.log(
+          `${chalk.green('Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.')}`
+        );
       }
       // console.log(`authConfig: ${JSON.stringify(authConfig)}`);
 
-      auth.login()
+      auth
+        .login()
         .then((token) => {
           if (token?.token_type) {
-            fs.writeFile(TOKEN_PATH, JSON.stringify(token), err => {
+            fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => {
               if (err) {
                 console.error(err);
                 return reject(authSuccess);
@@ -101,32 +109,29 @@ const generateAccessToken = async config => {
               return resolve(authSuccess);
             });
           } else {
-            console.log(`${chalk.bold.red('Authentication failed:' + JSON.stringify(token.errors ? token.errors : token))}`);
+            console.log(`${chalk.bold.red(`Authentication failed:${JSON.stringify(token.errors ? token.errors : token)}`)}`);
             return reject(authSuccess);
           }
         })
         .catch((e) => {
-          console.log(`${chalk.bold.red('Authentication failed:' + e)}`);
+          console.log(`${chalk.bold.red(`Authentication failed:${e}`)}`);
           return reject(authSuccess);
         });
-
     } catch (e) {
       console.log(`Authentication failed: Problem initializing OAuth library`);
       return reject(authSuccess);
     }
-
   });
 };
 
-export default async options => {
-
+export default async (options) => {
   let authOK = false;
 
   showVersion();
 
   await checkPathAccess(pegaConfigJsonPath);
 
-  let cfgData = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
+  const cfgData = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
   let data = null;
   if (cfgData) {
     try {
@@ -138,7 +143,7 @@ export default async options => {
   }
 
   const serverConfig = data['server-config'];
-  const isPwdNonEmpty = serverConfig['password'] ? true : false;
+  const isPwdNonEmpty = !!serverConfig.password;
 
   // console.log(`serverConfig: ${JSON.stringify(serverConfig)}`);
   const questions = await getAuthQuestions(serverConfig);
@@ -147,7 +152,7 @@ export default async options => {
   const aAsked = answers.aAsked;
   delete answers.aAsked;
   const aProps = ['serverType', 'server', 'isolationId', 'clientId', 'grantType', 'authService', 'redirectUri', 'clientSecret', 'user', 'password'];
-  const isLaunchPad = answers.serverType === "launchpad";
+  const isLaunchPad = answers.serverType === 'launchpad';
   let bWriteUpdate = false;
   for (let i = 0; i < aProps.length; i += 1) {
     const prop = aProps[i];
@@ -163,8 +168,8 @@ export default async options => {
     }
   }
   // Update the askedOnce array based on askOnce criteria
-  const aAskOnce = serverConfig['questions_askOnce'] ? serverConfig['questions_askOnce'].split(',') : [];
-  const aAskedOnce = serverConfig['questions_askedOnce'] ? serverConfig['questions_askedOnce'].split(',') : [];
+  const aAskOnce = serverConfig.questions_askOnce ? serverConfig.questions_askOnce.split(',') : [];
+  const aAskedOnce = serverConfig.questions_askedOnce ? serverConfig.questions_askedOnce.split(',') : [];
   let bAskedOnceUpdated = false;
   for (let j = 0; j < aAsked.length; j += 1) {
     const prop = aAsked[j];
@@ -176,7 +181,7 @@ export default async options => {
   }
   // If askedOnce array was updated we need to update value in config
   if (bAskedOnceUpdated) {
-    serverConfig['questions_askedOnce'] = aAskedOnce.join(',');
+    serverConfig.questions_askedOnce = aAskedOnce.join(',');
     bWriteUpdate = true;
   }
 
@@ -184,25 +189,23 @@ export default async options => {
     // console.log(`serverConfig: ${JSON.stringify(serverConfig)}`);
     authOK = await generateAccessToken(serverConfig);
   } catch (e) {
-    console.log(`${chalk.bold.red('Authentication failed:' + JSON.stringify(e))}`);
+    console.log(`${chalk.bold.red(`Authentication failed:${JSON.stringify(e)}`)}`);
   }
 
   if (authOK & bWriteUpdate) {
     // Don't write password value (unless it already had a value)
     if (!isPwdNonEmpty) {
-      serverConfig['password'] = '';
+      serverConfig.password = '';
     }
     console.log(`${chalk.green('Writing updated config...')}`);
     let updCfg = null;
     try {
       updCfg = JSON.stringify(data, null, 2);
       // console.log(`updated config: ${updCfg}`);
-      fs.writeFileSync(pegaConfigJsonPath, updCfg, err => {
+      fs.writeFileSync(pegaConfigJsonPath, updCfg, (err) => {
         if (err) throw err;
       });
-    } catch (e) {
-
-    }
+    } catch (e) {}
   }
 
   process.exit(1);

package/src/tasks/build/helper.js

@@ -6,12 +6,7 @@ import fetch from 'node-fetch';
 import AdmZip from 'adm-zip';
 import chalk from 'chalk';
 
-import {
-  constructCompleteUrl,
-  getComponentDirectoryPath,
-  getComponents,
-  getPegaServerConfig
-} from '../../util.js';
+import { constructCompleteUrl, getComponentDirectoryPath, getComponents, getPegaServerConfig, getHttpsAgent } from '../../util.js';
 import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
 
 export const getPublishComponentQuestions = async () => {
@@ -81,22 +76,15 @@ export const publishComponentToServer = async (data) => {
     category: ''
   };
   const defaultPegaConfig = await getPegaServerConfig();
-  const url = constructCompleteUrl(
-    defaultPegaConfig.server,
-    PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
-  );
+  const url = constructCompleteUrl(defaultPegaConfig.server, PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT);
   try {
     const OauthData = fs.readFileSync(TOKEN_PATH, 'utf8');
     if (OauthData) {
-      const {
-        access_token: accessToken,
-        token_type: tokenType,
-        refresh_token: refreshToken
-      } = JSON.parse(OauthData);
+      const { access_token: accessToken, token_type: tokenType, refresh_token: refreshToken } = JSON.parse(OauthData);
       let status = 500;
       fetch(url, {
         method: 'POST',
-        agent: new https.Agent({ rejectUnauthorized: false }),
+        agent: getHttpsAgent(defaultPegaConfig),
         headers: {
           Authorization: `${tokenType} ${accessToken}`
         },
@@ -109,9 +97,7 @@ export const publishComponentToServer = async (data) => {
         .then((resp) => {
           const respData = JSON.parse(resp);
           if (status === 401) {
-            throw new Error(
-              'Error occurred 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) {

package/src/tasks/bundle/builder/webpack.config.js

@@ -49,7 +49,7 @@ export default (
   { inputFile, outputFile, componentKey, externals, globals, sourceMap, devBuild }
 ) => {
   const isEnvDevelopment = webpackEnv === 'development' || devBuild;
-  const isEnvProduction = webpackEnv === 'production';
+  const isEnvProduction = webpackEnv === 'production' || !devBuild;
   sourceMap = sourceMap === 'true';
   shouldUseSourceMap = shouldUseSourceMap || sourceMap;
 
@@ -115,9 +115,7 @@ export default (
       path: paths.appBuild,
       // There will be one main bundle, and one file per asynchronous chunk.
       // In development, it does not produce real files.
-      filename: isEnvProduction
-        ? `${componentKey}/${componentKey}.js`
-        : isEnvDevelopment && `${componentKey}/${componentKey}.js`,
+      filename: isEnvProduction ? `${componentKey}/${componentKey}.js` : isEnvDevelopment && `${componentKey}/${componentKey}.js`,
       chunkFilename: isEnvProduction
         ? `${componentKey}/js/[name].[contenthash:8].chunk.js`
         : isEnvDevelopment && `${componentKey}/js/[name].chunk.js`,

package/src/tasks/create/templates/Constellation/Field/Boolean/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Date/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/DateTime/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Decimal/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Integer/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Picklist/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Text/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Text-Email/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Text-Input/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Text-Phone/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/Text-URL/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Field/TimeOfDay/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Template/DETAILS/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0px;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });