@pega/custom-dx-components 0.23.18 → 0.23.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.18",
+  "version": "0.23.19",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -18,6 +18,7 @@
     "@babel/core": "^7.23.3",
     "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/preset-react": "^7.23.3",
+    "@pega/auth": "^0.1.1",
     "adm-zip": "^0.5.9",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
@@ -39,7 +40,6 @@
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
     "node-fetch": "^3.2.10",
-    "open": "^8.4.2",
     "ora": "^6.1.2",
     "pascalcase": "^2.0.0",
     "postcss": "^8.4.16",
@@ -65,7 +65,7 @@
   ],
   "devDependencies": {
     "@babel/preset-env": "^7.23.3",
-    "@pega/configs": "^0.4.0",
+    "@pega/configs": "^0.5.3",
     "@pega/prettier-config": "^0.5.3",
     "@types/jest": "^29.5.3",
     "babel-jest": "^29.6.1",

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',
@@ -90,16 +110,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 +131,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 +150,7 @@ const generateAccessToken = async (config) => {
   });
 };
 
-export default async (options) => {
+export default async options => {
   let authOK = false;
 
   showVersion();
@@ -151,7 +177,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 +206,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 +241,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/bundle/builder/webpack.config.js

@@ -316,6 +316,18 @@ export default (
         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$/
+      }),
+      
       new webpack.optimize.LimitChunkCountPlugin({
         maxChunks: 1
       }),

package/src/tasks/create/templates/Constellation/Field/Boolean/index.jsx.mustache

@@ -144,7 +144,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: 'inline',
   displayValue: 'Yes/No',
   trueLabel: '',
-  falseLabel: '',
+  falseLabel: ''
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/index.jsx.mustache

@@ -263,8 +263,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
   alwaysShowISOCode: false,
-  hasSuggestions: false,
-  fieldMetadata: {}
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {

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

@@ -66,8 +66,8 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.5.3",
-    "@pega/custom-dx-components": "^0.23.18",
-    "@pega/eslint-config": "^0.3.2",
+    "@pega/custom-dx-components": "^0.23.19",
+    "@pega/eslint-config": "^0.5.3",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-essentials": "^6.5.12",
     "@storybook/addon-links": "^6.5.12",

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyBoolean/index.jsx

@@ -144,7 +144,7 @@ PegaDxilMyBoolean.defaultProps = {
   variant: 'inline',
   displayValue: 'Yes/No',
   trueLabel: '',
-  falseLabel: '',
+  falseLabel: ''
 };
 
 PegaDxilMyBoolean.propTypes = {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyCurrency/index.jsx

@@ -260,8 +260,7 @@ PegaDxilMyCurrency.defaultProps = {
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
   alwaysShowISOCode: false,
-  hasSuggestions: false,
-  fieldMetadata: {}
+  hasSuggestions: false
 };
 
 PegaDxilMyCurrency.propTypes = {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/index.jsx

@@ -144,7 +144,7 @@ PegaDxilMyBoolean.defaultProps = {
   variant: 'inline',
   displayValue: 'Yes/No',
   trueLabel: '',
-  falseLabel: '',
+  falseLabel: ''
 };
 
 PegaDxilMyBoolean.propTypes = {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/index.jsx

@@ -260,8 +260,7 @@ PegaDxilMyCurrency.defaultProps = {
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
   alwaysShowISOCode: false,
-  hasSuggestions: false,
-  fieldMetadata: {}
+  hasSuggestions: false
 };
 
 PegaDxilMyCurrency.propTypes = {

package/src/auth.js

@@ -1,637 +0,0 @@
-class PegaAuth {
-  constructor(ssKeyConfig) {
-    if (typeof ssKeyConfig === 'string') {
-      this.ssKeyConfig = ssKeyConfig;
-      this.#reloadConfig();
-    } else {
-      // object with config structure is passed in
-      this.config = ssKeyConfig;
-    }
-    this.urlencoded = 'application/x-www-form-urlencoded';
-    this.isNode = typeof window === 'undefined';
-
-    // For isNode path the below attributes are initialized on first method invocation
-    if (!this.isNode) {
-      this.crypto = window.crypto;
-      this.subtle = window.crypto.subtle;
-    }
-    if (!this.config.serverType) {
-      this.config.serverType = 'infinity';
-    }
-  }
-
-  #reloadConfig() {
-    if (!this.ssKeyConfig) {
-      return;
-    }
-    const peConfig = window.sessionStorage.getItem(this.ssKeyConfig);
-    let obj = {};
-    if (peConfig) {
-      try {
-        obj = JSON.parse(peConfig);
-      } catch (e) {
-        try {
-          obj = JSON.parse(atob(peConfig));
-        } catch (err) {
-          obj = {};
-        }
-      }
-    }
-    this.config = peConfig ? obj : {};
-  }
-
-  #updateConfig() {
-    if (this.ssKeyConfig) {
-      window.sessionStorage.setItem(this.ssKeyConfig, btoa(JSON.stringify(this.config)));
-    }
-  }
-
-  async #importSingleLib(libName, libProp) {
-    return import(libName)
-      .then((mod) => {
-        this[libProp] = mod.default;
-      })
-      .catch((e) => {
-        console.error(`Library ${libName} failed to load`);
-      });
-  }
-
-  async #importNodeLibs() {
-    // Also current assumption is using Node 18 or better
-    return Promise.all([
-      this.#importSingleLib('node-fetch', 'fetch'),
-      this.#importSingleLib('open', 'open'),
-      this.#importSingleLib('node:crypto', 'crypto'),
-      this.#importSingleLib('node:https', 'https'),
-      this.#importSingleLib('node:http', 'http'),
-      this.#importSingleLib('node:fs', 'fs')
-    ]).then(() => {
-      this.subtle = this.crypto.subtle || this.crypto.webcrypto.subtle;
-      /* eslint-disable-next-line no-global-assign */
-      fetch = this.fetch;
-    });
-  }
-
-  // For PKCE the authorize includes a code_challenge & code_challenge_method as well
-  async #buildAuthorizeUrl(state) {
-    const {
-      serverType,
-      clientId,
-      redirectUri,
-      authorizeUri,
-      authService,
-      sessionIndex,
-      appAlias,
-      userIdentifier,
-      password,
-      noPKCE,
-      isolationId
-    } = this.config;
-    const bInfinity = serverType === 'infinity';
-
-    if (!noPKCE) {
-      // Generate random string of 64 chars for verifier.  RFC 7636 says from 43-128 chars
-      const buf = new Uint8Array(64);
-      this.crypto.getRandomValues(buf);
-      this.config.codeVerifier = this.#base64UrlSafeEncode(buf);
-    }
-
-    // If sessionIndex exists then increment attempts count (we will stop sending session_index after two failures)
-    if (sessionIndex) {
-      this.config.sessionIndexAttempts += 1;
-    }
-    // Persist codeVerifier in session storage so it survives the redirects that are to follow
-    this.#updateConfig();
-
-    if (!state) {
-      // Calc random state variable
-      const buf = new Uint8Array(32);
-      this.crypto.getRandomValues(buf);
-      state = this.#base64UrlSafeEncode(buf);
-    }
-
-    // Trim alias to include just the real alias piece
-    const addtlScope = appAlias ? `+app.alias.${appAlias.replace(/^app\//, '')}` : '';
-    const scope = bInfinity ? `openid${addtlScope}` : 'user_info';
-
-    // Add explicit creds if specified to try to avoid login popup
-    const authServiceArg = authService ? `&authentication_service=${encodeURIComponent(authService)}` : '';
-    const sessionIndexArg =
-      sessionIndex && this.config.sessionIndexAttempts < 3 ? `&session_index=${sessionIndex}` : '';
-    const userIdentifierArg = userIdentifier ? `&UserIdentifier=${encodeURIComponent(userIdentifier)}` : '';
-    const passwordArg = password && userIdentifier ? `&Password=${encodeURIComponent(atob(password))}` : '';
-    const moreAuthArgs = bInfinity
-      ? `&enable_psyncid=true${authServiceArg}${sessionIndexArg}${userIdentifierArg}${passwordArg}`
-      : `&isolationID=${isolationId}`;
-
-    let pkceArgs = '';
-    if (!noPKCE) {
-      const cc = await this.#getCodeChallenge(this.config.codeVerifier);
-      pkceArgs = `&code_challenge=${cc}&code_challenge_method=S256`;
-    }
-    return `${authorizeUri}?client_id=${clientId}&response_type=code&redirect_uri=${redirectUri}&scope=${scope}&state=${state}${pkceArgs}${moreAuthArgs}`;
-  }
-
-  async login() {
-    if (this.isNode && !this.crypto) {
-      // Deferring dynamic loading of node libraries til this first method to avoid doing this in constructor
-      await this.#importNodeLibs();
-    }
-    const { grantType, noPKCE } = this.config;
-    if (grantType && grantType !== 'authCode') {
-      return this.getToken();
-    }
-    // Make sure browser in a secure context, else PKCE will fail
-    if (!this.isNode && !noPKCE && !window.isSecureContext) {
-      throw (new Error(`Authorization code grant flow failed due to insecure browser context at ${window.location.origin}.  Use localhost or https.`));
-    }
-    return this.#authCodeStart();
-  }
-
-  // authCode login issues the authorize endpoint transaction and deals with redirects
-  /* eslint-disable-next-line sonarjs/cognitive-complexity */
-  async #authCodeStart() {
-    const fnGetRedirectUriOrigin = () => {
-      const redirectUri = this.config.redirectUri;
-      const nRootOffset = redirectUri.indexOf('//');
-      const nFirstPathOffset = nRootOffset !== -1 ? redirectUri.indexOf('/', nRootOffset + 2) : -1;
-      return nFirstPathOffset !== -1 ? redirectUri.substring(0, nFirstPathOffset) : redirectUri;
-    };
-
-    const redirectOrigin = fnGetRedirectUriOrigin();
-    const state = this.isNode ? '' : btoa(window.location.origin);
-
-    return new Promise((resolve, reject) => {
-      this.#buildAuthorizeUrl(state).then((url) => {
-        let myWindow = null; // popup or iframe
-        let elIframe = null;
-        let elCloseBtn = null;
-        const iframeTimeout = this.config.silentTimeout !== undefined ? this.config.silentTimeout : 5000;
-        let bWinIframe =
-          !this.isNode &&
-          iframeTimeout > 0 &&
-          ((!!this.config.userIdentifier && !!this.config.password) ||
-            this.config.iframeLoginUI ||
-            this.config.authService !== 'pega');
-        let tmrAuthComplete = null;
-        let checkWindowClosed = null;
-        const myWinOnLoad = () => {
-          try {
-            if (bWinIframe) {
-              elIframe.contentWindow.postMessage({ type: 'PegaAuth' }, redirectOrigin);
-            } else {
-              myWindow.postMessage({ type: 'PegaAuth' }, redirectOrigin);
-            }
-          } catch (e) {
-            // Exception trying to postMessage on load (perhaps should console.warn)
-          }
-        };
-        /* eslint-disable prefer-promise-reject-errors */
-        const fnOpenPopup = () => {
-          if (this.config.noPopups) {
-            return reject('no-popups');
-          }
-          myWindow = (this.isNode ? this.open : window.open)(url, '_blank', 'width=700,height=500,left=200,top=100');
-          if (!myWindow) {
-            // Blocked by popup-blocker
-            return reject('blocked');
-          }
-          checkWindowClosed = setInterval(() => {
-            if (myWindow.closed) {
-              clearInterval(checkWindowClosed);
-              reject('closed');
-            }
-          }, 500);
-          if (!this.isNode) {
-            try {
-              myWindow.addEventListener('load', myWinOnLoad, true);
-            } catch (e) {
-              // Exception trying to add onload handler to opened window
-              console.error(`Error adding event listener on popup window: ${e}`);
-            }
-          }
-        };
-        /* eslint-enable prefer-promise-reject-errors */
-        const fnCloseIframe = () => {
-          elIframe.parentNode.removeChild(elIframe);
-          elCloseBtn.parentNode.removeChild(elCloseBtn);
-          elIframe = null;
-          elCloseBtn = null;
-          bWinIframe = false;
-        };
-        const fnCloseAndReject = () => {
-          fnCloseIframe();
-          /* eslint-disable-next-line prefer-promise-reject-errors */
-          reject('closed');
-        };
-        let authMessageReceiver = null;
-        /* Retrieve token(s) and close login window */
-        const fnGetTokenAndFinish = (code) => {
-          if (!this.isNode) {
-            window.removeEventListener('message', authMessageReceiver, false);
-          }
-          this.getToken(code)
-            .then((token) => {
-              if (bWinIframe) {
-                clearTimeout(tmrAuthComplete);
-                fnCloseIframe();
-              } else if (!this.isNode) {
-                clearInterval(checkWindowClosed);
-                myWindow.close();
-              }
-              resolve(token);
-            })
-            .catch((e) => {
-              reject(e);
-            });
-        };
-        // If there is a userIdentifier and password specified or an external SSO auth service,
-        //  we can try to use this silently in an iFrame first
-        if (bWinIframe) {
-          const nFrameZLevel = 99999;
-          elIframe = document.createElement('iframe');
-          elIframe.id = `pe${this.config.clientId}`;
-          const loginBoxWidth = 500;
-          const loginBoxHeight = 700;
-          const oStyle = elIframe.style;
-          oStyle.position = 'absolute';
-          oStyle.display = 'none';
-          oStyle.zIndex = nFrameZLevel;
-          oStyle.top = `${Math.round(Math.max(window.innerHeight - loginBoxHeight, 0) / 2)}px`;
-          oStyle.left = `${Math.round(Math.max(window.innerWidth - loginBoxWidth, 0) / 2)}px`;
-          oStyle.width = '500px';
-          oStyle.height = '700px';
-          // Add Iframe to top of document DOM to have it load
-          document.body.insertBefore(elIframe, document.body.firstChild);
-          // document.getElementsByTagName('body')[0].appendChild(elIframe);
-          elIframe.addEventListener('load', myWinOnLoad, true);
-          // Disallow iframe content attempts to navigate main window
-          elIframe.setAttribute('sandbox', 'allow-scripts allow-forms allow-same-origin');
-          // Adding prompt=none as this is standard OIDC way to communicate no UI is expected (expecting Pega security to support this one day)
-          elIframe.setAttribute('src', `${url}&prompt=none`);
-
-          const svgCloseBtn = `<?xml version="1.0" encoding="UTF-8"?>
-                      <svg width="34px" height="34px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <title>Dismiss - Black</title>
-                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                          <g transform="translate(1.000000, 1.000000)">
-                            <circle fill="#252C32" cx="16" cy="16" r="16"></circle>
-                            <g transform="translate(9.109375, 9.214844)" fill="#FFFFFF" fill-rule="nonzero">
-                              <path d="M12.7265625,0 L0,12.6210938 L1.0546875,13.5703125 L13.78125,1.0546875 L12.7265625,0 Z M13.7460938,12.5507812 L1.01953125,0 L0,1.01953125 L12.7617188,13.6054688 L13.7460938,12.5507812 Z"></path>
-                            </g>
-                          </g>
-                        </g>
-                      </svg>`;
-          const bCloseWithinFrame = false;
-          elCloseBtn = document.createElement('img');
-          elCloseBtn.onclick = fnCloseAndReject;
-          elCloseBtn.src = `data:image/svg+xml;base64,${btoa(svgCloseBtn)}`;
-          const oBtnStyle = elCloseBtn.style;
-          oBtnStyle.cursor = 'pointer';
-          // If svg doesn't set width and height might want to set oBtStyle width and height to something like '2em'
-          oBtnStyle.position = 'absolute';
-          oBtnStyle.display = 'none';
-          oBtnStyle.zIndex = nFrameZLevel + 1;
-          const nTopOffset = bCloseWithinFrame ? 5 : -10;
-          const nRightOffset = bCloseWithinFrame ? -34 : -20;
-          const nTop = Math.round(Math.max(window.innerHeight - loginBoxHeight, 0) / 2) + nTopOffset;
-          oBtnStyle.top = `${nTop}px`;
-          const nLeft = Math.round(Math.max(window.innerWidth - loginBoxWidth, 0) / 2) + loginBoxWidth + nRightOffset;
-          oBtnStyle.left = `${nLeft}px`;
-          document.body.insertBefore(elCloseBtn, document.body.firstChild);
-          // If the password was wrong, then the login screen will be in the iframe
-          // ..and with Pega without realization of US-372314 it may replace the top (main portal) window
-          // For now set a timer and if the timer expires, remove the iFrame and use same url within
-          // visible window
-          tmrAuthComplete = setTimeout(() => {
-            clearTimeout(tmrAuthComplete);
-            // remove password from config
-            if (this.config.password) {
-              delete this.config.password;
-              this.#updateConfig();
-            }
-            // Display the iframe where the redirects did not succeed (or invoke a popup window)
-            if (this.config.iframeLoginUI) {
-              elIframe.style.display = 'block';
-              elCloseBtn.style.display = 'block';
-            } else {
-              fnCloseIframe();
-              fnOpenPopup();
-            }
-          }, iframeTimeout);
-        } else {
-          if (this.isNode) {
-            // Determine port to listen to by extracting it from redirect uri
-            const { redirectUri, cert, key } = this.config;
-            const isHttp = redirectUri.startsWith('http:');
-            const nLocalhost = redirectUri.indexOf('localhost:');
-            const nSlash = redirectUri.indexOf('/', nLocalhost + 10);
-            const nPort = parseInt(redirectUri.substring(nLocalhost + 10, nSlash), 10);
-            if (nLocalhost !== -1) {
-              const options =
-                key && cert && !isHttp
-                  ? {
-                    key: this.fs.readFileSync(key),
-                    cert: this.fs.readFileSync(cert)
-                  }
-                  : {};
-              const server = (isHttp ? this.http : this.https).createServer(options, (req, res) => {
-                const { winTitle, winBodyHtml } = this.config;
-                res.writeHead(200, { 'Content-Type': 'text/html' });
-                // Auto closing window for now.  Can always leave it up and allow authConfig props to set title and bodyHtml
-                res.end(
-                  `<html><head><title>${winTitle}</title><script>window.close();</script></head><body>${winBodyHtml}</body></html>`
-                );
-                const queryString = req.url.split('?')[1];
-                const urlParams = new URLSearchParams(queryString);
-                const code = urlParams.get('code');
-                if (code) {
-                  // Stop receiving connections and close when all are handled.
-                  server.close();
-                  fnGetTokenAndFinish(code);
-                }
-              });
-              /* eslint-enable no-undef */
-              server.listen(nPort);
-            }
-          }
-          fnOpenPopup();
-        }
-
-        if (!this.isNode) {
-          /* Handler to receive the auth code */
-          authMessageReceiver = (event) => {
-            // Check origin to make sure it is the redirect origin
-            if (event.origin !== redirectOrigin) return;
-            if (!event.data || !event.data.type || event.data.type !== 'PegaAuth') return;
-            const code = event.data.code.toString();
-            fnGetTokenAndFinish(code);
-          };
-          window.addEventListener('message', authMessageReceiver, false);
-          window.authCodeCallback = (code) => {
-            fnGetTokenAndFinish(code);
-          };
-        }
-      });
-    });
-  }
-
-  // For PKCE token endpoint includes code_verifier
-  /* eslint-disable-next-line sonarjs/cognitive-complexity */
-  getToken(authCode) {
-    // Reload config to pick up the previously stored codeVerifier
-    this.#reloadConfig();
-
-    const {
-      serverType,
-      isolationId,
-      clientId,
-      clientSecret,
-      redirectUri,
-      tokenUri,
-      codeVerifier,
-      grantType,
-      sessionIndex,
-      customTokenParams,
-      userIdentifier,
-      password,
-      noPKCE
-    } = this.config;
-
-    const bAuthCode = !grantType || grantType === 'authCode';
-    if (bAuthCode && !authCode && !this.isNode) {
-      const queryString = window.location.search;
-      const urlParams = new URLSearchParams(queryString);
-      authCode = urlParams.get('code');
-    }
-
-    const formData = new URLSearchParams();
-    formData.append('client_id', clientId);
-    if (clientSecret) {
-      formData.append('client_secret', clientSecret);
-    }
-    /* eslint-disable camelcase */
-    const fullGTName = {
-      authCode: 'authorization_code',
-      clientCreds: 'client_credentials',
-      customBearer: 'custom-bearer',
-      passwordCreds: 'password'
-    }[grantType];
-    const grant_type = fullGTName || grantType || 'authorization_code';
-    formData.append('grant_type', grant_type);
-    if (serverType === 'launchpad' && grantType !== 'authCode') {
-      formData.append('isolation_ids', isolationId);
-    }
-    if (bAuthCode) {
-      formData.append('code', authCode);
-      formData.append('redirect_uri', redirectUri);
-      if (!noPKCE) {
-        formData.append('code_verifier', codeVerifier);
-      }
-    } else if (sessionIndex) {
-      formData.append('session_index', sessionIndex);
-    }
-    /* eslint-enable camelcase */
-    if (grantType === 'customBearer' && customTokenParams) {
-      Object.keys(customTokenParams).forEach((param) => {
-        formData.append(param, customTokenParams[param]);
-      });
-    }
-    if (grantType !== 'authCode') {
-      formData.append('enable_psyncId', 'true');
-    }
-    if (grantType === 'passwordCreds') {
-      formData.append('username', userIdentifier);
-      formData.append('password', atob(password));
-    }
-
-    return fetch(tokenUri, {
-      agent: this.#getAgent(),
-      method: 'POST',
-      headers: new Headers({
-        'content-type': this.urlencoded
-      }),
-
-      body: formData.toString()
-    })
-      .then((response) => response.json())
-      .then((token) => {
-        if (token.errors || token.error) {
-          console.error(`Token endpoint error: ${JSON.stringify(token.errors || token.error)}`);
-        } else {
-          // .expires_in contains the # of seconds before access token expires
-          // add property to keep track of current time when the token expires
-          token.eA = Date.now() + token.expires_in * 1000;
-          if (this.config.codeVerifier) {
-            delete this.config.codeVerifier;
-          }
-          // If there is a session_index then move this to the peConfig structure (as used on authorize)
-          if (token.session_index) {
-            this.config.sessionIndex = token.session_index;
-          }
-          // If we got a token and have a session index, then reset the sessionIndexAttempts
-          if (this.config.sessionIndex) {
-            this.config.sessionIndexAttempts = 0;
-          }
-          this.#updateConfig();
-        }
-        return token;
-      })
-      .catch((e) => {
-        console.error(`Token endpoint error: ${e}`);
-      });
-  }
-
-  /* eslint-disable camelcase */
-  async refreshToken(refresh_token) {
-    const { clientId, clientSecret, tokenUri } = this.config;
-
-    if (this.isNode && !this.crypto) {
-      // Deferring dynamic loading of node libraries til this first method to avoid doing this in constructor
-      await this.#importNodeLibs();
-    }
-
-    const formData = new URLSearchParams();
-    formData.append('client_id', clientId);
-    if (clientSecret) {
-      formData.append('client_secret', clientSecret);
-    }
-    formData.append('grant_type', 'refresh_token');
-    formData.append('refresh_token', refresh_token);
-
-    return fetch(tokenUri, {
-      agent: this.#getAgent(),
-      method: 'POST',
-      headers: new Headers({
-        'content-type': this.urlencoded
-      }),
-
-      body: formData.toString()
-    })
-      .then((response) => {
-        if (!response.ok && response.status === 401) {
-          return null;
-        }
-        return response.json();
-      })
-      .then((token) => {
-        if (token) {
-          // .expires_in contains the # of seconds before access token expires
-          // add property to keep track of current time when the token expires
-          token.eA = Date.now() + token.expires_in * 1000;
-        }
-        return token;
-      })
-      .catch((e) => {
-        console.warn(`Refresh token failed: ${e}`);
-      });
-  }
-
-  async revokeTokens(access_token, refresh_token = null) {
-    if (Object.keys(this.config).length === 0) {
-      // Must have a config structure to proceed
-      return;
-    }
-    const { clientId, clientSecret, revokeUri } = this.config;
-
-    if (this.isNode && !this.crypto) {
-      // Deferring dynamic loading of node libraries til this first method to avoid doing this in constructor
-      await this.#importNodeLibs();
-    }
-
-    const hdrs = { 'content-type': this.urlencoded };
-    if (clientSecret) {
-      const basicCreds = btoa(`${clientId}:${clientSecret}`);
-      hdrs.authorization = `Basic ${basicCreds}`;
-    }
-    const aTknProps = ['access_token'];
-    if (refresh_token) {
-      aTknProps.push('refresh_token');
-    }
-    aTknProps.forEach((prop) => {
-      const formData = new URLSearchParams();
-      if (!clientSecret) {
-        formData.append('client_id', clientId);
-      }
-      formData.append('token', prop === 'access_token' ? access_token : refresh_token);
-      formData.append('token_type_hint', prop);
-      fetch(revokeUri, {
-        agent: this.#getAgent(),
-        method: 'POST',
-        headers: new Headers(hdrs),
-        body: formData.toString()
-      })
-        .then((response) => {
-          if (!response.ok) {
-            console.error(`Error revoking ${prop}:${response.status}`);
-          }
-        })
-        .catch((e) => {
-          console.error(`Error revoking ${prop}`);
-        });
-    });
-    // Also clobber any sessionIndex
-    if (this.config.sessionIndex) {
-      delete this.config.sessionIndex;
-      this.#updateConfig();
-    }
-  }
-  /* eslint-enable camelcase */
-
-  #sha256Hash(str) {
-    // Found that the Node implementation of subtle.digest is yielding incorrect results
-    //  so using a different set of apis to get expected results.
-    if (this.isNode) {
-      return new Promise((resolve) => {
-        return resolve(this.crypto.createHash('sha256').update(str).digest());
-      });
-    }
-    return this.subtle.digest('SHA-256', new TextEncoder().encode(str));
-  }
-
-  // Base64 encode
-  #encode64(buff) {
-    return btoa(new Uint8Array(buff).reduce((s, b) => s + String.fromCharCode(b), ''));
-  }
-
-  /*
-   * Base64 url safe encoding of an array
-   */
-  #base64UrlSafeEncode(buf) {
-    return this.#encode64(buf).replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '');
-  }
-
-  /* Calc code verifier if necessary
-   */
-  /* eslint-disable camelcase */
-  async #getCodeChallenge(code_verifier) {
-    return this.#sha256Hash(code_verifier)
-      .then((hashed) => {
-        return this.#base64UrlSafeEncode(hashed);
-      })
-      .catch((error) => {
-        console.error(`Error calculation code challenge for PKCE: ${error}`);
-      })
-      .finally(() => {
-        return null;
-      });
-  }
-  /* eslint-enable camelcase */
-
-  /*
-   * Return agent value for POST commands
-   */
-  #getAgent() {
-    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;
-    }
-  }
-}
-
-export default PegaAuth;