@pega/custom-dx-components 8.8.20 → 23.1.11

package/.prettierrc.json

@@ -1,7 +1 @@
-{
-  "$schema": "http://json.schemastore.org/prettierrc",
-  "extends": "@pega/prettier-config",
-  "printWidth": 150,
-  "singleQuote": true,
-  "trailingComma": "none"
-}
+"@pega/prettier-config"

package/README.md

@@ -8,7 +8,7 @@ This project provides you with an environment to extend Constellation by giving
 
 Ensure you have access to the following in your system:
 
-- Pega Infinity Server version 8.7 or later
+- Pega Infinity Server version 23 or later
 
 - Git version 2.30 or later
 
@@ -18,4 +18,4 @@ Ensure you have access to the following in your system:
 
 ## Latest Documentation
 
-Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components-88/page/constellation-dx-components/custom-components/lifecycle-dx-cosmos-components.html)
+Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/lifecycle-dx-cosmos-components.html)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "8.8.20",
+  "version": "23.1.11",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -15,47 +15,47 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.22.5",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-react": "^7.22.5",
-    "adm-zip": "^0.5.9",
+    "@babel/core": "^7.23.7",
+    "@babel/plugin-transform-class-properties": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@pega/auth": "^0.1.6",
+    "adm-zip": "^0.5.10",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
     "arg": "^5.0.2",
-    "babel-loader": "^9.1.2",
-    "chalk": "^5.0.1",
+    "babel-loader": "^9.1.3",
+    "chalk": "^5.3.0",
     "check-git": "^2.0.2",
     "compression-webpack-plugin": "^10.0.0",
-    "css-loader": "6.7.1",
-    "css-minimizer-webpack-plugin": "^5.0.0",
-    "eslint": "^8.4.1",
-    "execa": "^6.1.0",
+    "css-loader": "6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "eslint": "^8.56.0",
+    "execa": "^8.0.1",
     "file-loader": "6.2.0",
-    "fs-extra": "^10.1.0",
+    "fs-extra": "^11.2.0",
     "gitignore": "^0.7.0",
-    "inquirer": "^9.1.1",
-    "listr": "^0.14.3",
-    "mini-css-extract-plugin": "2.6.1",
+    "inquirer": "^9.2.12",
+    "listr2": "^8.0.1",
+    "mini-css-extract-plugin": "2.7.6",
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
-    "node-fetch": "^3.2.10",
-    "open": "^8.4.2",
-    "ora": "^6.1.2",
+    "node-fetch": "^3.3.2",
+    "ora": "^8.0.1",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.4.16",
-    "postcss-loader": "7.0.1",
-    "postcss-preset-env": "7.8.2",
+    "postcss": "^8.4.33",
+    "postcss-loader": "7.3.4",
+    "postcss-preset-env": "9.3.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dev-utils": "^12.0.1",
-    "resolve": "1.22.1",
+    "resolve": "1.22.8",
     "resolve-url-loader": "^5.0.0",
-    "sass-loader": "^13.0.2",
-    "terser-webpack-plugin": "5.3.6",
-    "ts-loader": "^9.3.1",
-    "typescript": "^4.8.3",
+    "sass-loader": "^13.3.3",
+    "terser-webpack-plugin": "5.3.10",
+    "ts-loader": "^9.5.1",
+    "typescript": "^4.9.5",
     "url-loader": "4.1.1",
-    "webpack": "5.76.1"
+    "webpack": "5.89.0"
   },
   "author": "Custom component dev",
   "license": "SEE LICENSE IN LICENSE",
@@ -64,16 +64,16 @@
     "custom-components"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.22.9",
-    "@pega/configs": "^0.4.0",
-    "@pega/prettier-config": "^0.5.3",
-    "@types/jest": "^29.5.3",
-    "babel-jest": "^29.6.1",
-    "cspell": "^4.0.23",
-    "jest": "^29.6.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "jest-junit": "^15.0.0",
-    "prettier": "2.7.1",
+    "@babel/preset-env": "^7.23.7",
+    "@pega/configs": "^0.7.1",
+    "@pega/prettier-config": "^0.7.1",
+    "@types/jest": "^29.5.11",
+    "babel-jest": "^29.7.0",
+    "cspell": "^8.3.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-junit": "^16.0.0",
+    "prettier": "3.1.1",
     "ts-jest": "^29.1.1"
   }
 }

package/src/constants.js

@@ -18,9 +18,12 @@ export const INF_TOKEN_URL_V1 = 'PRRestService/oauth2/v1/token';
 export const INF_AUTHORIZE_URL_V1 = 'PRRestService/oauth2/v1/authorize';
 export const LP_TOKEN_URL = 'uas/oauth/token';
 export const LP_AUTHORIZE_URL = 'uas/oauth/authorize';
-export const LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT = 'pegalaunchpad/c11n/v103/app/appstudiox/componentslist?field0=type&value0={type}';
-export const LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT = 'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
-export const LP_DELETE_COMPONENT_SERVICE_REST_ENDPOINT = 'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
+export const LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT =
+  'pegalaunchpad/c11n/v103/app/appstudiox/componentslist?field0=type&value0={type}';
+export const LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT =
+  'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
+export const LP_DELETE_COMPONENT_SERVICE_REST_ENDPOINT =
+  'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
 
 export const FIELD_PATH = '/field';
 export const TEMPLATE_PATH = '/template';
@@ -165,6 +168,14 @@ export const COMPONENT_SCHEMA = {
       {
         name: 'Picklist',
         value: 'Picklist'
+      },
+      {
+        name: 'Search box',
+        value: 'Picklist-Autocomplete'
+      },
+      {
+        name: 'Radio buttons',
+        value: 'Picklist-RadioButtons'
       }
     ],
     template: [

package/src/tasks/authenticate/helper.js

@@ -1,17 +1,23 @@
 /* eslint-disable import/prefer-default-export */
 import { AUTHENTICATE_SCHEMA, AUTHENTICATE_DEFAULTS } from '../../constants.js';
 
-export const getAuthQuestions = async (dxcbConfig) => {
+export const getAuthQuestions = async dxcbConfig => {
   const defaultPegaConfig = dxcbConfig;
-  const aAlwaysAsk = dxcbConfig.questions_askAlways ? dxcbConfig.questions_askAlways.split(',') : [];
+  const aAlwaysAsk = dxcbConfig.questions_askAlways
+    ? dxcbConfig.questions_askAlways.split(',')
+    : [];
   const aNeverAsk = dxcbConfig.questions_askNever ? dxcbConfig.questions_askNever.split(',') : [];
   const aAskOnce = dxcbConfig.questions_askOnce ? dxcbConfig.questions_askOnce.split(',') : [];
-  const aAskedOnce = dxcbConfig.questions_askedOnce ? dxcbConfig.questions_askedOnce.split(',') : [];
+  const aAskedOnce = dxcbConfig.questions_askedOnce
+    ? dxcbConfig.questions_askedOnce.split(',')
+    : [];
 
   // Ask if various must, never, once criteria are met
-  const askThisTime = (prop) => {
-    return aAlwaysAsk.includes(prop) ||
-      (!aNeverAsk.includes(prop) && (aAskOnce.includes(prop) && !aAskedOnce.includes(prop)));
+  const askThisTime = prop => {
+    return (
+      aAlwaysAsk.includes(prop) ||
+      (!aNeverAsk.includes(prop) && aAskOnce.includes(prop) && !aAskedOnce.includes(prop))
+    );
   };
 
   const initAnswer = (prop, defValue) => {
@@ -21,11 +27,10 @@ export const getAuthQuestions = async (dxcbConfig) => {
     return defaultPegaConfig[prop] ? defaultPegaConfig[prop] : defValue;
   };
 
-  const initAnswers = (answers) => {
+  const initAnswers = answers => {
     // Setup default answers (if they are present and non-empty)
     answers.serverType = initAnswer('serverType', AUTHENTICATE_DEFAULTS.serverType);
     answers.server = initAnswer('server', AUTHENTICATE_DEFAULTS.server);
-    answers.isolationId = initAnswer('isolationId');
     answers.clientId = initAnswer('clientId', AUTHENTICATE_DEFAULTS.clientId);
     answers.grantType = initAnswer('grantType', AUTHENTICATE_DEFAULTS.grantType);
     answers.authService = initAnswer('authService', AUTHENTICATE_DEFAULTS.authService);
@@ -79,28 +84,15 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return fnStandardWhen('server', answers);
       }
     },
-    {
-      name: 'isolationId',
-      tpye: 'input',
-      message: 'Enter isolation id',
-      default: defaultPegaConfig.isolationId,
-      validate: value => {
-        if (value.trim()) {
-          return true;
-        }
-        return 'Launchpad isolationId cannot be empty';
-      },
-      when: answers => {
-        return answers.serverType === "launchpad" && fnStandardWhen('isolationId', answers);
-      }
-    },
     {
       name: 'grantType',
       type: 'rawlist',
       message: 'Enter OAuth 2.0 grant type',
       default: defaultPegaConfig.grantType,
       choices: answers => {
-        return AUTHENTICATE_SCHEMA.grantType.filter(gt => !(answers.serverType === "launchpad" && gt.value === "passwordCreds"));
+        return AUTHENTICATE_SCHEMA.grantType.filter(
+          gt => !(answers.serverType === 'launchpad' && gt.value === 'passwordCreds')
+        );
       },
       validate: value => {
         if (value.trim()) {
@@ -124,7 +116,11 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return 'Authentication service alias cannot be empty';
       },
       when: answers => {
-        return answers.serverType === "infinity" && answers.grantType === "authCode" && fnStandardWhen('authService', answers);
+        return (
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'authCode' &&
+          fnStandardWhen('authService', answers)
+        );
       }
     },
     {
@@ -139,7 +135,11 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return 'Redirect URI cannot be empty';
       },
       when: answers => {
-        return answers.serverType === "infinity" && answers.grantType === "authCode" && fnStandardWhen('redirectUri', answers);
+        return (
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'authCode' &&
+          fnStandardWhen('redirectUri', answers)
+        );
       }
     },
     {
@@ -148,13 +148,17 @@ export const getAuthQuestions = async (dxcbConfig) => {
       message: 'Enter user id',
       default: defaultPegaConfig.user,
       validate: (value, answers) => {
-        if (value.trim() || answers.grantType === "authCode") {
+        if (value.trim() || answers.grantType === 'authCode') {
           return true;
         }
         return 'Username cannot be empty';
       },
       when: answers => {
-        return (answers.serverType === "infinity" && answers.grantType === "passwordCreds") && fnStandardWhen('user', answers);
+        return (
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'passwordCreds' &&
+          fnStandardWhen('user', answers)
+        );
       }
     },
     {
@@ -163,13 +167,18 @@ export const getAuthQuestions = async (dxcbConfig) => {
       message: 'Enter password',
       default: defaultPegaConfig.password,
       validate: (value, answers) => {
-        if (value.trim() || answers.grantType === "authCode") {
+        if (value.trim() || answers.grantType === 'authCode') {
           return true;
         }
         return 'Password cannot be empty';
       },
       when: answers => {
-        return (answers.user && (answers.serverType === "infinity" && answers.grantType === "passwordCreds") && fnStandardWhen('password', answers));
+        return (
+          answers.user &&
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'passwordCreds' &&
+          fnStandardWhen('password', answers)
+        );
       }
     },
     {
@@ -199,8 +208,11 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return 'clientSecret cannot be empty';
       },
       when: answers => {
-        return (((answers.serverType === "infinity" && answers.grantType !== "authCode") ||
-          answers.serverType === "launchpad") && fnStandardWhen('clientSecret', answers));
+        return (
+          ((answers.serverType === 'infinity' && answers.grantType !== 'authCode') ||
+            answers.serverType === 'launchpad') &&
+          fnStandardWhen('clientSecret', answers)
+        );
       }
     }
   ];

package/src/tasks/authenticate/index.js

@@ -5,8 +5,14 @@ import chalk from 'chalk';
 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 {
+  TOKEN_PATH,
+  INF_TOKEN_URL_V1,
+  INF_AUTHORIZE_URL_V1,
+  LP_TOKEN_URL,
+  LP_AUTHORIZE_URL
+} from '../../constants.js';
+import { PegaAuth } from '@pega/auth';
 
 import { getAuthQuestions } from './helper.js';
 
@@ -15,15 +21,27 @@ export const TASKS_CONFIG_JSON_FILENAME = 'tasks.config.json';
 const pegaConfigJsonPath = path.join(path.resolve(), TASKS_CONFIG_JSON_FILENAME);
 const server = null;
 
-const generateAccessToken = async (config) => {
+const generateAccessToken = async config => {
   let authSuccess = false;
-  const { serverType, authService, isolationId, grantType, clientId, clientSecret, user, password, legacyTLS } = 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}/`;
 
   return new Promise((resolve, reject) => {
     const sTokenUri = `${server}${serverType === 'infinity' ? INF_TOKEN_URL_V1 : LP_TOKEN_URL}`;
-    const sAuthorizeUri = `${server}${serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL}`;
+    const sAuthorizeUri = `${server}${
+      serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL
+    }`;
     // console.log(`grantType: ${config.grantType}`);
     const browserAuthSuccessMarkup = `<div style="width: 300px; padding: 10px;">
     <svg xmlns="http://www. w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 311 68" version="1.1">
@@ -53,7 +71,9 @@ const generateAccessToken = async (config) => {
       grantType === 'authCode'
         ? {
             authorizeUri: sAuthorizeUri,
-            redirectUri: config.redirectUri.endsWith('/') ? config.redirectUri : `${config.redirectUri}/`,
+            redirectUri: config.redirectUri.endsWith('/')
+              ? config.redirectUri
+              : `${config.redirectUri}/`,
             cert: config.cert,
             key: config.key,
             winTitle: 'DX Component Dev',
@@ -70,6 +90,7 @@ const generateAccessToken = async (config) => {
       clientId,
       clientSecret,
       ignoreInvalidCerts: true,
+      useNodeFetch: true,
       ...authCodeConfig
     };
     if (legacyTLS) {
@@ -82,7 +103,9 @@ const generateAccessToken = async (config) => {
       }
     }
     if (serverType === 'launchpad') {
-      authConfig.isolationId = isolationId;
+      if (isolationId) {
+        authConfig.isolationId = isolationId;
+      }
       authConfig.noPKCE = true;
     }
 
@@ -90,16 +113,18 @@ const generateAccessToken = async (config) => {
       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.')}`
+          `${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()
-        .then((token) => {
+        .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);
@@ -109,11 +134,15 @@ 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) => {
+        .catch(e => {
           console.log(`${chalk.bold.red(`Authentication failed:${e}`)}`);
           return reject(authSuccess);
         });
@@ -124,7 +153,7 @@ const generateAccessToken = async (config) => {
   });
 };
 
-export default async (options) => {
+export default async options => {
   let authOK = false;
 
   showVersion();
@@ -151,7 +180,18 @@ export default async (options) => {
   const answers = await inquirer.prompt(questions);
   const aAsked = answers.aAsked;
   delete answers.aAsked;
-  const aProps = ['serverType', 'server', 'isolationId', 'clientId', 'grantType', 'authService', 'redirectUri', 'clientSecret', 'user', 'password'];
+  const aProps = [
+    'serverType',
+    'server',
+    'isolationId',
+    'clientId',
+    'grantType',
+    'authService',
+    'redirectUri',
+    'clientSecret',
+    'user',
+    'password'
+  ];
   const isLaunchPad = answers.serverType === 'launchpad';
   let bWriteUpdate = false;
   for (let i = 0; i < aProps.length; i += 1) {
@@ -169,7 +209,9 @@ 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 aAskedOnce = serverConfig.questions_askedOnce
+    ? serverConfig.questions_askedOnce.split(',')
+    : [];
   let bAskedOnceUpdated = false;
   for (let j = 0; j < aAsked.length; j += 1) {
     const prop = aAsked[j];
@@ -202,7 +244,7 @@ export default async (options) => {
     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) {}

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

@@ -12,17 +12,21 @@ import {
 import { COMPONENT_SCHEMA } from '../../constants.js';
 
 export const cleanUp = async () => {
-  fs.rm('dist/components', { recursive: true }, err => {
-    if (err) {
-      throw err;
-    }
-  });
+  if (fs.existsSync('dist/components')) {
+    fs.rm('dist/components', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
 
-  fs.rm('lib', { recursive: true }, err => {
-    if (err) {
-      throw err;
-    }
-  });
+  if (fs.existsSync('lib')) {
+    fs.rm('lib', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
 }
 
 

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

@@ -1,5 +1,5 @@
 import inquirer from 'inquirer';
-import Listr from 'listr';
+import { Listr } from 'listr2';
 import chalk from 'chalk';
 
 import validate from '../validator/index.js';
@@ -75,8 +75,10 @@ export default async (options) => {
 
     // eslint-disable-next-line no-await-in-loop
     await myCustomTasks.run().catch(err => {
-        console.log(chalk.bold.red(err.toString()));
+      console.log(chalk.bold.red(err.toString()));
+      process.exit(1);
     });
+
   }
 
   // once done, remove leftover directories

package/src/tasks/build-comp/helper.js

@@ -0,0 +1,126 @@
+import fs from 'fs';
+import path from 'path';
+
+import fetch from 'node-fetch';
+import AdmZip from 'adm-zip';
+import chalk from 'chalk';
+
+import { constructCompleteUrl, getComponentDirectoryPath, getComponents, getPegaServerConfig, getHttpsAgent } from '../../util.js';
+import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
+
+export const getPublishComponentQuestions = async () => {
+  const components = await getComponents();
+
+  if (components.length === 0) {
+    console.log(chalk.redBright('No components to build'));
+    process.exit();
+  }
+
+  const defaultPegaConfig = await getPegaServerConfig();
+
+  return [
+    {
+      name: 'componentKey',
+      type: 'rawlist',
+      message: 'Select component to build',
+      choices: components
+    },
+    {
+      name: 'sourceMap',
+      message: 'Generate source map ?',
+      default: defaultPegaConfig.sourceMap,
+      // eslint-disable-next-line sonarjs/no-redundant-boolean
+      when: () => false && !process.env.SOURCE_MAP
+    },
+    {
+      name: 'devBuild',
+      type: 'confirm',
+      message: 'Generate development build ?',
+      default: defaultPegaConfig.devBuild
+    }
+  ];
+};
+
+export const zipComponent = async (componentKey) => {
+  const srcDirectory = await getComponentDirectoryPath(componentKey);
+  const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
+  const configJson = `${srcDirectory}/config.json`;
+
+  const zip = new AdmZip();
+
+  zip.addLocalFolder(srcDirectory, 'src/');
+  zip.addLocalFile(configJson);
+  zip.addLocalFolder(buildDirectory);
+  const zipContent = zip.toBuffer().toString('base64');
+
+  const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
+  if (fs.existsSync('dist/components')) {
+    fs.rm('dist/components', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
+
+  if (fs.existsSync('lib')) {
+    fs.rm('lib', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
+  return { zipContent, configContent };
+};
+
+export const publishComponentToServer = async (data) => {
+  const { configContent, zipContent, rulesetName, rulesetVersion } = data;
+
+  const apiBody = {
+    configContent,
+    zipContent,
+    componentKey: JSON.parse(configContent).componentKey,
+    publishFor: 'constellation',
+    rulesetName,
+    rulesetVersion,
+    category: ''
+  };
+  const defaultPegaConfig = await getPegaServerConfig();
+  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 } = JSON.parse(OauthData);
+      let status = 500;
+      fetch(url, {
+        method: 'POST',
+        agent: getHttpsAgent(defaultPegaConfig),
+        headers: {
+          Authorization: `${tokenType} ${accessToken}`
+        },
+        body: JSON.stringify(apiBody)
+      })
+        .then((response) => {
+          status = response.status;
+          return response.text();
+        })
+        .then((resp) => {
+          const respData = JSON.parse(resp);
+          if (status === 401) {
+            throw new Error('Error occurred in authentication. Please regenerate using authenticate');
+            // console.log(accessTokenUri, refreshToken);
+            /* TODO - Handle refresh_token */
+          } else if (status === 200) {
+            console.log(chalk.bold.green(`Success : ${respData.message}`));
+          } else {
+            throw new Error(`${respData.message}`);
+          }
+        })
+        // eslint-disable-next-line prefer-promise-reject-errors
+        .catch((e) => Promise.reject(`${chalk.bold.red(e)}`));
+    } else {
+      throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
+    }
+  } catch (err) {
+    throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
+  }
+};