@pega/custom-dx-components 23.1.13 → 24.1.11

package/src/tasks/create/templates/Launchpad/Widget/PAGE/config.json.mustache

@@ -0,0 +1,59 @@
+{
+  "name": "{{COMPONENT_KEY}}",
+  "label": "{{COMPONENT_LABEL}}",
+  "description": "{{DESCRIPTION}}",
+  "organization": "{{ORGANIZATION}}",
+  "version": "{{VERSION}}",
+  "library": "{{LIBRARY}}",
+  "allowedApplications": {{{ALLOWEDAPPS}}},
+  "componentKey": "{{COMPONENT_KEY}}",
+  "type": "{{TYPE}}",
+  "subtype": {{{SUB_TYPE}}},
+  "icon": "OneColumnPage.svg",
+  "properties": [
+      {
+        "name": "description",
+        "label": "Description",
+        "format": "TEXT",
+        "defaultValue": "We've launched a brand new experience to accelerate your workflow. Check out the guides to help you get the most of Cosmos."
+      },
+      {
+        "name": "whatsnewlink",
+        "label": "What's new link",
+        "format": "TEXT",
+        "defaultValue": "https://design.pega.com"
+      },
+      {
+        "name": "image",
+        "label": "Image link",
+        "format": "TEXT",
+        "defaultValue": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOSAxMSI+PHRpdGxlPlBlZ2EgdGV4dC1vbmx5IGxvZ288L3RpdGxlPjxwYXRoIHN0eWxlPSJmaWxsLW9wYWNpdHk6IC4yNTsiIGZpbGw9IiNmZmYiIGQ9Ik03LjcyIDMuODJjMCAyLjI1LTEuNzggMy40MS00IDMuNDFoLTEuNnYzSDBWLjQyaDMuOTRjMi4zNiAwIDMuNzggMS4zOSAzLjc4IDMuNHptLTQtMS40N2gtMS42djNoMS43QTEuNDcgMS40NyAwIDAgMCA1LjUgMy44MmMwLS45MS0uNjUtMS40Ny0xLjc1LTEuNDd6bTcuNjggNS45MWg1LjN2Mkg5LjI5Vi40Mmg3LjM4djEuOTNoLTUuMjR2Mmg0LjI0djEuOWgtNC4yNHpNMjMuMTggMGE1IDUgMCAwIDEgMy41NyAxLjI4TDI1LjYzIDIuOGEzLjc4IDMuNzggMCAwIDAtMS4wNS0uNjNBNC4zMiA0LjMyIDAgMCAwIDIzLjMxIDIgMy4xNyAzLjE3IDAgMCAwIDIwIDUuMjdhMy4xNiAzLjE2IDAgMCAwIDEgMi4zOSAzLjA3IDMuMDcgMCAwIDAgMi4xNy44NCA0LjYgNC42IDAgMCAwIDIuMDktLjVWNi4xOWgtMi4yVjQuMzhoNC4yNXY0LjU2YTUuNDEgNS40MSAwIDAgMS00LjA4IDEuNTdBNS4zNSA1LjM1IDAgMCAxIDE5LjQzIDlhNS4wNSA1LjA1IDAgMCAxLTEuNTYtMy43NCA1LjIxIDUuMjEgMCAwIDEgMS41Ni0zLjc2QTUuMzEgNS4zMSAwIDAgMSAyMy4xOCAwem0xMS4yOS40Mmw0LjEzIDkuNzloLTIuMjVMMzUuNDggOGgtNC4wNmwtLjkgMi4xOGgtMi4yTDMyLjUxLjQyem0uMjUgNS43MkwzMy40NCAzbC0xLjI5IDMuMTR6bTMtNWEuNzEuNzEgMCAwIDEtLjc0Ljc1LjcxLjcxIDAgMCAxLS43My0uNzUuNzMuNzMgMCAwIDEgLjc1LS43Mi43Mi43MiAwIDAgMSAuNzUuNzF6TTM3IC41M2EuNTkuNTkgMCAwIDAtLjYuNi42MS42MSAwIDEgMCAxLjIxIDAgLjYuNiAwIDAgMC0uNjEtLjZ6bS0uMjQgMVYuNzFIMzdjLjEyIDAgLjE4LjA2LjI1LjA2YS4yMS4yMSAwIDAgMSAuMDcuMTguMTkuMTkgMCAwIDEtLjA3LjE4cy0uMDcuMDgtLjEzLjA4bC4yNi4zNmgtLjJMMzcgMS4yOGgtLjF2LjI5em0uMTMtLjQ0aC4yM2EuMjYuMjYgMCAwIDAgLjA3LS4wOWgtLjA2Yy0uMDUtLjE3LS4wNS0uMTctLjEzLS4xN2gtLjF6Ii8+PC9zdmc+"
+      },
+      {
+        "name": "datasource",
+        "label": "Data source for details",
+        "defaultValue": "@DATASOURCE D_pyAnnouncements.pxResults",
+        "format": "DATASOURCE",
+        "required": true,
+        "properties": [
+          {
+            "name": "name",
+            "label": "Label",
+            "defaultValue": "@P .pyLabel"
+          }
+        ]
+      },
+      {
+        "label": "Conditions",
+        "format": "GROUP",
+        "properties": [
+          {
+            "name": "visibility",
+            "label": "Visibility",
+            "format": "VISIBILITY"
+          }
+        ]
+      }
+  ],
+  "defaultConfig": {}
+}

package/src/tasks/create/templates/Launchpad/Widget/PAGE/demo.stories.tsx.mustache

@@ -0,0 +1,120 @@
+
+/* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
+import type { Meta, StoryObj } from '@storybook/react';
+
+import {{COMPONENT_CLASS_NAME}} from './index';
+
+
+import configProps from './mock';
+
+const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
+  title: '{{COMPONENT_CLASS_NAME}}',
+  component: {{COMPONENT_CLASS_NAME}},
+  excludeStories: /.*Data$/
+};
+
+export default meta;
+type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
+
+if (!window.PCore) {
+  window.PCore = {};
+}
+
+const worklistData = {
+  data: {
+    data: [
+      {
+        CaseName: 'Loan',
+        BusinessID: ' A-8002',
+        ProcessName: 'New',
+        TaskName: 'Details'
+      },
+      {
+        CaseName: 'Loan',
+        BusinessID: ' A-7001',
+        ProcessName: 'Open',
+        TaskName: 'Info'
+      },
+      {
+        CaseName: 'Loan',
+        BusinessID: ' A-9000',
+        ProcessName: 'Open',
+        TaskName: 'Amount'
+      }
+    ]
+  }
+
+};
+
+window.PCore.getDataApiUtils = () => {
+  return {
+    getData: () => {
+      return new Promise(resolve => {
+        resolve(worklistData);
+      });
+    },
+    getDataAsync: () => {
+      return new Promise(resolve => {
+        resolve(worklistData);
+      });
+    }
+  };
+};
+
+
+
+export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
+
+  const props = {
+    ...configProps,
+    getPConnect: () => {
+      return {
+        getValue: value => {
+          return value;
+        },
+        getContextName: () => {
+          return 'app/primary_1';
+        },
+        getLocalizedValue: value => {
+          return value;
+        },
+        getActionsApi: () => {
+          return {
+            updateFieldValue: () => {
+              /* nothing */
+            },
+            triggerFieldChange: () => {
+              /* nothing */
+            }
+          };
+        },
+        ignoreSuggestion: () => {
+          /* nothing */
+        },
+        acceptSuggestion: () => {
+          /* nothing */
+        },
+        setInheritedProps: () => {
+          /* nothing */
+        },
+        resolveConfigProps: () => {
+          /* nothing */
+        }
+      };
+    }
+  };
+
+  return (
+    <>
+      <{{COMPONENT_CLASS_NAME}} {...props} {...args} />
+    </>
+  );
+};
+
+Base{{COMPONENT_CLASS_NAME}}.args = {
+  header: configProps.header,
+  description: configProps.description,
+  whatsnewlink: configProps.whatsnewlink,
+  datasource: configProps.datasource,
+};

package/src/tasks/create/templates/Launchpad/Widget/PAGE/index.tsx.mustache

@@ -0,0 +1,109 @@
+import { useEffect, useState } from 'react';
+import { withConfiguration, Table } from '@pega/cosmos-react-core';
+import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
+import type { PConnFieldProps } from './PConnProps';
+
+import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';
+
+// interface for props
+interface {{COMPONENT_CLASS_NAME}}Props extends PConnFieldProps {
+  // If any, enter additional props that only exist on TextInput here
+    datasource: Array<any>;
+    header: string;
+    description: string;
+    whatsnewlink: string;
+    image: string;
+}
+
+// props passed in combination of props from property panel (config.json) and run time props from Constellation
+// any default values in config.pros should be set in defaultProps at bottom of this file
+function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
+
+  const { header, description, datasource = [], whatsnewlink, image, getPConnect } = props;
+  const [worklist, setWorklist] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const PConnect = getPConnect();
+  const dataViewName = 'MyWorkList';
+  const context = PConnect.getContextName();
+
+  let details = [];
+  // @ts-ignore
+  if (datasource && datasource.source) {
+    // @ts-ignore
+    details = datasource.source.map((item) => {
+      return item.name;
+    });
+  }
+
+  // setting up columns for the work list table
+  const columns = [
+    { renderer: 'caseType', label: PConnect.getLocalizedValue('Case type', '', '') },
+    { renderer: 'insKey', label: PConnect.getLocalizedValue('Key', '', '') },
+    { renderer: 'status', label: PConnect.getLocalizedValue('Status', '', '') },
+    { renderer: 'stage', label: PConnect.getLocalizedValue('Stage', '', '') }
+  ];
+
+  // going to get data for worklist to put into a table
+  // data comes from calling a PCore function to get
+  // get data from a data page and a PConnect function
+  // to get getContextName
+  useEffect(() => {
+
+    PCore.getDataApiUtils()
+      .getData(dataViewName, {}, context)
+      // @ts-ignore
+      .then((response: any) => {
+        setIsLoading(false);
+        if (response.data.data !== null) {
+          // table requires an index or will get setExtraStackFrame error
+          setWorklist(
+            response.data.data.map((entry: any, index: number) => {
+              // mapping the data into the column names
+              // MUST have an id/index or will get a setExtraStackFrame error
+              // put a key in the table
+              return {
+                caseType: entry.CaseName,
+                insKey: entry.BusinessID,
+                status: entry.ProcessName,
+                stage: entry.TaskName,
+                id: index
+              };
+            })
+          );
+        }
+        else {
+          setWorklist([]);
+          setIsLoading(false);
+        }
+
+      })
+      .catch((error: any) => {
+        setWorklist([]);
+        setIsLoading(false);
+        console.log(error);
+      });
+  }, [context]);
+
+  return (
+    <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
+    <PegaAppAnnouncement
+      heading={header}
+      description={description}
+      details={details}
+      whatsNewLink={whatsnewlink}
+      image={image.replace(/ /g, '+')}
+    />
+    <br />
+    <Table
+      title={PConnect.getLocalizedValue('Work list', '', '')}
+      columns={columns}
+      data={worklist}
+      loading={isLoading}
+      loadingMessage={PConnect.getLocalizedValue('Loading Work list', '', '')}
+    />
+    </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
+  );
+
+}
+
+export default withConfiguration({{COMPONENT_CLASS_NAME}});

package/src/tasks/create/templates/Launchpad/Widget/PAGE/mock.ts.mustache

@@ -0,0 +1,25 @@
+
+// @ts-nocheck
+const configProps = {
+  label: 'App announcement',
+  header: 'Announcements',
+  description: 'Welcome to MediaCo Application for testing SDK frameworks.',
+  whatsnewlink: 'https://design.pega.com',
+  image:
+    'data:image/svg xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOSAxMSI PHRpdGxlPlBlZ2EgdGV4dC1vbmx5IGxvZ288L3RpdGxlPjxwYXRoIHN0eWxlPSJmaWxsLW9wYWNpdHk6IC4yNTsiIGZpbGw9IiNmZmYiIGQ9Ik03LjcyIDMuODJjMCAyLjI1LTEuNzggMy40MS00IDMuNDFoLTEuNnYzSDBWLjQyaDMuOTRjMi4zNiAwIDMuNzggMS4zOSAzLjc4IDMuNHptLTQtMS40N2gtMS42djNoMS43QTEuNDcgMS40NyAwIDAgMCA1LjUgMy44MmMwLS45MS0uNjUtMS40Ny0xLjc1LTEuNDd6bTcuNjggNS45MWg1LjN2Mkg5LjI5Vi40Mmg3LjM4djEuOTNoLTUuMjR2Mmg0LjI0djEuOWgtNC4yNHpNMjMuMTggMGE1IDUgMCAwIDEgMy41NyAxLjI4TDI1LjYzIDIuOGEzLjc4IDMuNzggMCAwIDAtMS4wNS0uNjNBNC4zMiA0LjMyIDAgMCAwIDIzLjMxIDIgMy4xNyAzLjE3IDAgMCAwIDIwIDUuMjdhMy4xNiAzLjE2IDAgMCAwIDEgMi4zOSAzLjA3IDMuMDcgMCAwIDAgMi4xNy44NCA0LjYgNC42IDAgMCAwIDIuMDktLjVWNi4xOWgtMi4yVjQuMzhoNC4yNXY0LjU2YTUuNDEgNS40MSAwIDAgMS00LjA4IDEuNTdBNS4zNSA1LjM1IDAgMCAxIDE5LjQzIDlhNS4wNSA1LjA1IDAgMCAxLTEuNTYtMy43NCA1LjIxIDUuMjEgMCAwIDEgMS41Ni0zLjc2QTUuMzEgNS4zMSAwIDAgMSAyMy4xOCAwem0xMS4yOS40Mmw0LjEzIDkuNzloLTIuMjVMMzUuNDggOGgtNC4wNmwtLjkgMi4xOGgtMi4yTDMyLjUxLjQyem0uMjUgNS43MkwzMy40NCAzbC0xLjI5IDMuMTR6bTMtNWEuNzEuNzEgMCAwIDEtLjc0Ljc1LjcxLjcxIDAgMCAxLS43My0uNzUuNzMuNzMgMCAwIDEgLjc1LS43Mi43Mi43MiAwIDAgMSAuNzUuNzF6TTM3IC41M2EuNTkuNTkgMCAwIDAtLjYuNi42MS42MSAwIDEgMCAxLjIxIDAgLjYuNiAwIDAgMC0uNjEtLjZ6bS0uMjQgMVYuNzFIMzdjLjEyIDAgLjE4LjA2LjI1LjA2YS4yMS4yMSAwIDAgMSAuMDcuMTguMTkuMTkgMCAwIDEtLjA3LjE4cy0uMDcuMDgtLjEzLjA4bC4yNi4zNmgtLjJMMzcgMS4yOGgtLjF2LjI5em0uMTMtLjQ0aC4yM2EuMjYuMjYgMCAwIDAgLjA3LS4wOWgtLjA2Yy0uMDUtLjE3LS4wNS0uMTctLjEzLS4xN2gtLjF6Ii8 PC9zdmc ',
+  datasource: {
+    source: [
+      {
+        name: 'New React based UI rendering'
+      },
+      {
+        name: 'Support for followers and recents'
+      },
+      {
+        name: 'New authoring experience'
+      }
+    ],
+    fields: {}
+  }
+};
+export default configProps;

package/src/tasks/create/templates/Launchpad/Widget/PAGE/styles.ts.mustache

@@ -0,0 +1,8 @@
+// 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-all/index.js

@@ -82,6 +82,9 @@ export const compileMustacheTemplates = async (
       case 'Picklist-RadioButtons':
         mustacheSubType = 'Picklist';
         break;
+      case 'Icon-Button-URL':
+        mustacheSubType = 'Text-URL';
+        break;
     }
   }
 

package/src/tasks/init/template/.storybook/preview.js

@@ -7,6 +7,9 @@ const preview = {
         color: /(background|color)$/i,
         date: /Date$/i
       }
+    },
+    docs: {
+      source: { type: 'code' }
     }
   }
 };

package/src/tasks/init/template/package.json.mustache

@@ -51,9 +51,9 @@
   "license": "Enter License",
   "sideEffects": false,
  "dependencies": {
-    "@pega/cosmos-react-condition-builder": "^4.2.0",
-    "@pega/cosmos-react-core": "^4.2.0",
-    "@pega/cosmos-react-work": "^4.2.0",
+    "@pega/cosmos-react-condition-builder": "^6.0.3",
+    "@pega/cosmos-react-core": "^6.0.3",
+    "@pega/cosmos-react-work": "^6.0.3",
     "dayjs": "^1.11.10",
     "lodash.get": "^4.4.2",
     "polished": "^4.2.2",
@@ -61,7 +61,7 @@
     "react": "^17.0.2",
     "react-autosuggest": "^10.1.0",
     "react-dom": "^17.0.2",
-    "react-is": "^18.2.0",
+    "react-is": "^17.0.2",
     "react-player": "^2.10.1",
     "react-redux": "^7.2.6",
     "styled-components": "^5.3.5",
@@ -69,8 +69,8 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "23.1.13",
-    "@pega/pcore-pconnect-typedefs": "~2.1.1",
+    "@pega/custom-dx-components": "24.1.11",
+    "@pega/pcore-pconnect-typedefs": "~3.0.0",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.7",
     "@storybook/addon-links": "^7.6.7",

package/src/tasks/init/template/tsconfig.build.json

@@ -5,7 +5,9 @@
     "./src/**/*.stories.ts",
     "./src/**/*.stories.tsx",
     "./src/**/*.stories.js",
-    "./src/**/*.stories.jsx"
+    "./src/**/*.stories.jsx",
+    "./src/**/*.test.jsx",
+    "./src/**/*.test.tsx"
   ],
   "compilerOptions": {
     "noEmit": false,

package/src/tasks/promote-webpack/webpack.config.js

@@ -345,6 +345,7 @@ module.exports = (
         resourceRegExp: /^\.\/locale$/,
         contextRegExp: /moment$/
       }),
+      /* cosmos 4.x and below */
       /* Ignore cosmos icons */
       new webpack.IgnorePlugin({
         resourceRegExp: /^\.\/icons$/,
@@ -357,6 +358,31 @@ module.exports = (
         contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
       }),
 
+      /* Ignore cosmos streamline-icons */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\/cosmos-react-core\/lib\/components\/Icon$/
+      }),
+
+      /* Ignore cosmos streamline-icons - windows */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
+      }),
+
+      /* cosmos 6.x and above */
+      /* Ignore cosmos icons */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/.*\/.*\.icon$/,
+        contextRegExp: /@pega\/cosmos-react-core\/lib\/components\/Icon$/
+      }),
+
+      /* Ignore cosmos icons - windows */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/.*\/.*\.icon$/,
+        contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
+      }),
+
       new webpack.optimize.LimitChunkCountPlugin({
         maxChunks: 1
       }),

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

@@ -1,19 +1,15 @@
 
 import fs from 'fs';
 import path, { join } from 'path';
-import { URL, fileURLToPath } from 'url';
 
 import chalk from 'chalk';
-import { up } from 'inquirer/lib/utils/readline.js';
 
 import {
-  convertIntoPascalCase,
   showVersion,
   updateUseWebPackPromotion
 } from '../../util.js';
 import {
-  WEBPACK_CONFIG_JS_FILENAME,
-  BUILDER_INDEX_FILE_PATH
+  WEBPACK_CONFIG_JS_FILENAME
 } from '../../constants.js';
 
 

package/src/tasks/validator/index.js

@@ -350,7 +350,13 @@ export default async (option) => {
   }
 
   //const data = JSON.parse(fs.readFileSync(path.resolve(configFile), 'utf8'));
-  const data = JSON.parse(configData);
+  let data;
+  try {
+    data = JSON.parse(configData);
+  }
+  catch (er) {
+    throw new Error(`Invalid schema json in config.json: ${er}`);
+  }
 
   const valid = validateSchema(data);
 

package/src/util.js

@@ -33,12 +33,14 @@ export const checkPathAccess = async (path, options = {}, throwError = false) =>
   } catch (err) {
     if (throwError) {
       throw new Error(err);
-    } else {
+    }
+    else {
       const message =
         errorMessage || `${chalk.red.bold('ERROR')} Could not able to access path - ${path}`;
       console.error(message);
       process.exit(1);
     }
+
   }
 };
 
@@ -49,7 +51,8 @@ export const getUseWebPackPromotion = async () => {
   try {
     // force to throw error and not console log
     await checkPathAccess(pegaConfigJsonPath, {}, true);
-  } catch (ex) {
+  }
+  catch (ex) {
     // when can't find it, always be false, assume no webpack override.
     // This is IMPORTANT for init (npx install)
     return false;
@@ -72,9 +75,10 @@ export const getUseWebPackPromotion = async () => {
   }
 
   return data[USE_PROMOTED_WEB_PACK];
-};
 
-export const updateUseWebPackPromotion = async (useValue = false) => {
+}
+
+export const updateUseWebPackPromotion = async ( useValue = false ) => {
   const currentDirectory = process.cwd();
   const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
 
@@ -90,10 +94,11 @@ export const updateUseWebPackPromotion = async (useValue = false) => {
     process.exit(1);
   }
 
-  data.usePromotedWebPack = useValue;
+  data["usePromotedWebPack"] = useValue;
 
   fs.writeFileSync(pegaConfigJsonPath, JSON.stringify(data, null, 4), { encoding: 'utf8' });
-};
+
+}
 
 export const deleteLocalComponent = async componentKey => {
   const currentDirectory = process.cwd();
@@ -260,19 +265,20 @@ export const getComponentDefaults = async () => {
 export const getServerType = async () => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   return defaultPegaServerConfig.serverType;
-};
+}
 
-export const setServerType = async serverType => {
+export const setServerType = async(serverType) => {
   const currentDirectory = process.cwd();
   const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
-  const configData = await getPegaConfig();
-  const serverConfig = configData['server-config'];
+  let configData = await getPegaConfig();
+  let serverConfig = configData['server-config'];
   serverConfig.serverType = serverType;
 
   // update file
   // stringify "4", makes the json string look like JSON in the file, formated instead of a single line
   fs.writeFileSync(pegaConfigJsonPath, JSON.stringify(configData, null, 4), { encoding: 'utf8' });
-};
+
+}
 
 export const getComponentDirectoryPath = async componentKey => {
   const currentDirectory = process.cwd();
@@ -447,37 +453,55 @@ export const deleteInfinityServerComponent = async componentKey => {
       status = response.status;
       if (!response.ok) {
         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 === 404) {
+        }
+        else if (status === 404){
           throw new Error('404: Server resource not found');
-        } else if (status === 405) {
+        }
+        else if (status === 405){
           throw new Error('405: Server method not allowed');
-        } else if (status === 408) {
+        }
+        else if (status === 408){
           throw new Error('408: Server timed out');
-        } else if (response.status === 403) {
-          throw new Error('Error forbidden: User does not have privileges to Publish.');
         }
+        else if (response.status === 403) {
+          throw new Error(
+            'Error forbidden: User does not have privileges to Publish.'
+          );
+        }
+
+
       }
 
       try {
         const respData = await response.json();
-        console.log(chalk.bold.green(`Success : ${respData.message}`));
+        console.log(
+              chalk.bold.green(`Success : ${respData.message}`)
+        );
 
         if (status === 500) {
           status = 999;
           throw new Error(respData.message);
         }
-      } catch (err) {
+      }
+      catch (err) {
         if (status === 500) {
-          throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
-        } else if (status === 999) {
-          throw new Error(err);
+            throw new Error(
+             `Error occurred in authentication. Please regenerate using authenticate`
+            );
+        }
+        else if (status === 999) {
+          throw new Error (err);
         }
       }
+
     }
   } catch (error) {
+
     throw new Error(error);
   }
 };
@@ -509,6 +533,7 @@ export const deleteLaunchpadServerComponent = async componentKey => {
         componentName
       };
 
+
       const response = await fetch(deleteUrl, {
         method: 'DELETE',
         agent: new https.Agent({ rejectUnauthorized: false }),
@@ -519,33 +544,47 @@ export const deleteLaunchpadServerComponent = async componentKey => {
       status = response.status;
       if (!response.ok) {
         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 === 404) {
+        }
+        else if (status === 404){
           throw new Error('404: Server resource not found');
-        } else if (status === 405) {
+        }
+        else if (status === 405){
           throw new Error('405: Server method not allowed');
-        } else if (status === 408) {
+        }
+        else if (status === 408){
           throw new Error('408: Server timed out');
-        } else if (response.status === 403) {
-          throw new Error('Error forbidden: User does not have privileges to Publish.');
+        }
+        else if (response.status === 403) {
+          throw new Error(
+            'Error forbidden: User does not have privileges to Publish.'
+          );
         }
       }
 
       try {
         const respData = await response.text();
-        console.log(chalk.bold.green(`Success : ${respData}`));
+        console.log(
+              chalk.bold.green(`Success : ${respData}`)
+        );
 
         if (status === 500) {
           status = 999;
           throw new Error(respData.message);
         }
-      } catch (err) {
+      }
+      catch (err) {
         if (status === 500) {
-          throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
-        } else if (status === 999) {
-          throw new Error(err);
+            throw new Error(
+             `Error occurred in authentication. Please regenerate using authenticate`
+            );
+        }
+        else if (status === 999) {
+          throw new Error (err);
         }
       }
     }