@pega/react-sdk-components 8.23.10 → 23.1.10

package/lib/components/helpers/config_access.js.map

@@ -1 +1 @@
-{"version":3,"file":"config_access.js","sourceRoot":"","sources":["../../../src/components/helpers/config_access.js"],"names":[],"mappings":"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","sourcesContent":["// Helper singleton class to assist with loading and accessing\n//  the SDK Config JSON\nimport {sdkGetAuthHeader} from './authManager';\nimport Utils from './utils';\n\n// Create a singleton for this class (with async loading of config file) and export it\n// Note: Initialzing SdkConfigAccess to null seems to cause lots of compile issues with references\n//  within other components and the value potentially being null (so try to leave it undefined)\nlet SdkConfigAccess;\nlet SdkConfigAccessCreateInProgress = false;\n\n\nclass ConfigAccess {\n\n  constructor() {\n    // sdkConfig is the JSON object read from the sdk-config.json file\n    this.sdkConfig = {};\n    // isConfigLoaded will be updated to true after the async load is complete\n    this.isConfigLoaded = false;\n\n    // The \"work\" to load the config file is done (asynchronously) via the initialize\n    //  (Factory function) below)\n  }\n\n  /**\n   * Asynchronous initialization of the config file contents.\n   * @returns Promise of config file fetch\n   */\n  async readSdkConfig() {\n    if(Utils.isEmptyObject(this.sdkConfig)) {\n      return  fetch(\"./sdk-config.json\")\n        .then ( (response) => {\n          if( response.ok ) {\n            return response.json();\n          } else {\n            throw new Error(`Failed with status:${response.status}`);\n          }\n        })\n        .then ( (data) => {\n            this.sdkConfig = data;\n            this.fixupConfigSettings();\n            return Promise.resolve(this.sdkConfig);\n        }).catch(err => {\n            console.error(\"Fetch for sdk-config.js failed.\");\n            console.error(err);\n            return Promise.reject(err);\n        });\n    } else {\n      return Promise.resolve(this.sdkConfig);\n    }\n  }\n\n  // Adjust any settings like setting up defaults or making sure URIs have a trailing slash\n  fixupConfigSettings() {\n    const oServerConfig = this.sdkConfig[\"serverConfig\"];\n    // If not present, then use current root path\n    oServerConfig.sdkContentServerUrl = oServerConfig.sdkContentServerUrl || window.location.origin;\n    // Needs a trailing slash so add one if not there\n    if( !oServerConfig.sdkContentServerUrl.endsWith('/') ) {\n      oServerConfig.sdkContentServerUrl = `${oServerConfig.sdkContentServerUrl}/`;\n    }\n    console.log(`Using sdkContentServerUrl: ${this.sdkConfig[\"serverConfig\"].sdkContentServerUrl}`);\n\n    // Don't want a trailing slash for infinityRestServerUrl\n    if( oServerConfig.infinityRestServerUrl.endsWith('/') ) {\n      oServerConfig.infinityRestServerUrl = oServerConfig.infinityRestServerUrl.slice(0, -1)\n    }\n\n    // Specify our own internal list of well known portals to exclude (if one not specified)\n    if( !oServerConfig.excludePortals ) {\n      oServerConfig.excludePortals = [\"pxExpress\", \"Developer\", \"pxPredictionStudio\", \"pxAdminStudio\", \"pyCaseWorker\", \"pyCaseManager7\"];\n      console.warn(`No exludePortals entry found within serverConfig section of sdk-config.json.  Using the following default list: [\"pxExpress\", \"Developer\", \"pxPredictionStudio\", \"pxAdminStudio\", \"pyCaseWorker\", \"pyCaseManager7\"]`);\n    }\n  }\n\n  /**\n   *\n   * @returns the sdk-config JSON object\n   */\n  getSdkConfig = async () => {\n    if(Utils.isEmptyObject(this.sdkConfig)) {\n      await getSdkConfig();\n    }\n    return this.sdkConfig;\n  }\n\n\n  /**\n   *\n   * @returns the authConfig block in the SDK Config object\n   */\n  getSdkConfigAuth = () => {\n    if(Utils.isEmptyObject(this.sdkConfig)) {\n      const config = this.getSdkConfig();\n    }\n    return this.sdkConfig[\"authConfig\"];\n  }\n\n  /**\n   *\n   * @returns the serverConfig bloc from the sdk-config.json file\n   */\n  getSdkConfigServer = () => {\n    if(Utils.isEmptyObject(this.sdkConfig)) {\n      const config = this.getSdkConfig();\n    }\n    return this.sdkConfig[\"serverConfig\"];\n  }\n\n\n  /**\n     * @param {String} key the key to be inserted/updated in serverConfig\n     * @param {String} value the value to be assigned to the given key\n     */\n  setSdkConfigServer = (key, value) => {\n\n    this.sdkConfig.serverConfig[key] = value;\n\n  }\n\n  /**\n   * If this.sdkConfig.serverConfig.appPortal is set, leave it and the specified portal will be used.\n   * If not set, set this.sdkConfig.serverConfig.appPortal to default portal of currently logged in user\n   */\n   async selectPortal() {\n\n    if(Utils.isEmptyObject(this.sdkConfig)) {\n      await getSdkConfig();\n    }\n\n    const serverConfig = this.sdkConfig.serverConfig;\n\n    if ((serverConfig.appPortal !== \"\") &&\n        (serverConfig.appPortal !== undefined) ) {\n          // use the specified portal\n          console.log(`Using appPortal: ${serverConfig.appPortal}`);\n          return;\n    }\n\n    const userAccessGroup = PCore.getEnvironmentInfo().getAccessGroup();\n    const dataPageName = \"D_OperatorAccessGroups\";\n    const serverUrl = serverConfig.infinityRestServerUrl;\n    const appAlias = serverConfig.appAlias;\n    const appAliasPath = appAlias ? `/app/${appAlias}` : '';\n    const arExcludedPortals = serverConfig[\"excludePortals\"];\n\n    // Using v1 API here as v2 data_views is not able to access same data page currently.  Should move to avoid having this logic to find\n    //  a default portal or constellation portal and rather have Constellation JS Engine API just load the default portal\n    await fetch ( `${serverUrl}${appAliasPath}/api/v1/data/${dataPageName}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type' : 'application/json',\n          'Authorization' : sdkGetAuthHeader()\n        }\n      })\n      .then( response => {\n        if( response.ok && response.status === 200) {\n          return response.json();\n        } else {\n          if( response.status === 401 ) {\n            // Might be either a real token expiration or revoke, but more likely that the \"api\" service package is misconfigured\n            throw( new Error(`Attempt to access ${dataPageName} failed.  The \"api\" service package is likely not configured to use \"OAuth 2.0\"`));\n          };\n          throw( new Error(`HTTP Error: ${response.status}`));\n        }\n      })\n      .then( async (agData) => {\n\n        let arAccessGroups = agData.pxResults;\n        let selectedPortal = null;\n\n        for (let ag of arAccessGroups) {\n          if (ag.pyAccessGroup === userAccessGroup) {\n            // Check if default portal works\n            if( !arExcludedPortals.includes(ag.pyPortal) ) {\n              selectedPortal = ag.pyPortal;\n            } else {\n              console.error(`Default portal for current operator (${ag.pyPortal}) is not compatible with SDK.\\nConsider using a different operator, adjusting the default portal for this operator, or using \"appPortal\" setting within sdk-config.json to specify a specific portal to load.`);\n              // Find first portal that is not excluded (might work)\n              for (let portal of ag.pyUserPortals ) {\n                if( !arExcludedPortals.includes(portal.pyPortalLayout) ) {\n                  selectedPortal = portal.pyPortalLayout;\n                  break;\n                }\n              }\n            }\n            break;\n          }\n        }\n        if( selectedPortal ) {\n          // Found operator's current access group. Use its portal\n          this.setSdkConfigServer(\"appPortal\", selectedPortal);\n          console.log(`Using non-excluded portal: ${serverConfig.appPortal}`);\n        }\n      })\n      .catch( e => {\n        console.error(e.message);\n        // check specific error if 401, and wiped out if so stored token is stale.  Fetch new tokens.\n      });\n\n  }\n\n  /**\n   * Path to the BootstrapCSS\n   * @returns the locBootstrapCSS from the serverConfig block of the sdk-config.json file\n   */\n   getSdkConfigBootstrapCSS = () => {\n     const serverConfig = this.getSdkConfigServer();\n     const locBootstrapCSS = serverConfig.locBootstrapCSS;\n     if (locBootstrapCSS === undefined) {\n       console.error(`locBootstrapCSS: ${locBootstrapCSS}`);\n     }\n    return locBootstrapCSS;\n  }\n\n}\n\n\n// Implement Factory function to allow async load\n//  See https://stackoverflow.com/questions/49905178/asynchronous-operations-in-constructor/49906064#49906064 for inspiration\nasync function createSdkConfigAccess() {\n  // Note that our initialize function returns a promise...\n  let singleton = new ConfigAccess();\n  await singleton.readSdkConfig();\n  return singleton;\n};\n\n// Initialize exported SdkConfigAccess structure\nasync function getSdkConfig() {\n  return new Promise( (resolve) => {\n    let idNextCheck = null;\n    if( !SdkConfigAccess && !SdkConfigAccessCreateInProgress ) {\n      SdkConfigAccessCreateInProgress = true;\n      createSdkConfigAccess().then( theConfigAccess => {\n        // Key initialization of SdkConfigAccess\n        SdkConfigAccess = theConfigAccess;\n        SdkConfigAccessCreateInProgress = false;\n        // console.log(`SdkConfigAccess: ${JSON.stringify(SdkConfigAccess)}`);\n        // Create and dispatch the SdkConfigAccessReady event\n        const event = new CustomEvent(\"SdkConfigAccessReady\", { });\n        document.dispatchEvent(event);\n        return resolve( SdkConfigAccess.sdkConfig );\n      });\n    } else {\n      const fnCheckForConfig = () => {\n        if( SdkConfigAccess ) {\n          if( idNextCheck ) {\n            clearInterval(idNextCheck);\n          }\n          return resolve( SdkConfigAccess.sdkConfig );\n        }\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      };\n      if( SdkConfigAccess ) {\n        return resolve( SdkConfigAccess.sdkConfig );\n      } else {\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      }\n    }\n  });\n}\n\nif( true ) {\n  let ignore = getSdkConfig();\n}\n\nexport {SdkConfigAccess, getSdkConfig};\n"]}
+{"version":3,"file":"config_access.js","sourceRoot":"","sources":["../../../src/components/helpers/config_access.js"],"names":[],"mappings":"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","sourcesContent":["// Helper singleton class to assist with loading and accessing\n//  the SDK Config JSON\nimport { isEmptyObject } from './common-utils';\n\n// Create a singleton for this class (with async loading of config file) and export it\n// Note: Initialzing SdkConfigAccess to null seems to cause lots of compile issues with references\n//  within other components and the value potentially being null (so try to leave it undefined)\nlet SdkConfigAccess;\nlet SdkConfigAccessCreateInProgress = false;\n\nclass ConfigAccess {\n  constructor() {\n    // sdkConfig is the JSON object read from the sdk-config.json file\n    this.sdkConfig = {};\n    // isConfigLoaded will be updated to true after the async load is complete\n    this.isConfigLoaded = false;\n\n    // The \"work\" to load the config file is done (asynchronously) via the initialize\n    //  (Factory function) below)\n  }\n\n  /**\n   * Asynchronous initialization of the config file contents.\n   * @returns Promise of config file fetch\n   */\n  async readSdkConfig() {\n    if (isEmptyObject(this.sdkConfig)) {\n      return fetch('./sdk-config.json')\n        .then(response => {\n          if (response.ok) {\n            return response.json();\n          } else {\n            throw new Error(`Failed with status:${response.status}`);\n          }\n        })\n        .then(data => {\n          this.sdkConfig = data;\n          this.fixupConfigSettings();\n          return Promise.resolve(this.sdkConfig);\n        })\n        .catch(err => {\n          console.error('Fetch for sdk-config.js failed.');\n          console.error(err);\n          return Promise.reject(err);\n        });\n    } else {\n      return Promise.resolve(this.sdkConfig);\n    }\n  }\n\n  // Adjust any settings like setting up defaults or making sure URIs have a trailing slash\n  fixupConfigSettings() {\n    const oServerConfig = this.sdkConfig['serverConfig'];\n    // If not present, then use current root path\n    oServerConfig.sdkContentServerUrl = oServerConfig.sdkContentServerUrl || window.location.origin;\n    // Needs a trailing slash so add one if not there\n    if (!oServerConfig.sdkContentServerUrl.endsWith('/')) {\n      oServerConfig.sdkContentServerUrl = `${oServerConfig.sdkContentServerUrl}/`;\n    }\n    console.log(`Using sdkContentServerUrl: ${this.sdkConfig['serverConfig'].sdkContentServerUrl}`);\n\n    // Don't want a trailing slash for infinityRestServerUrl\n    if (oServerConfig.infinityRestServerUrl.endsWith('/')) {\n      oServerConfig.infinityRestServerUrl = oServerConfig.infinityRestServerUrl.slice(0, -1);\n    }\n\n    // Specify our own internal list of well known portals to exclude (if one not specified)\n    if (!oServerConfig.excludePortals) {\n      oServerConfig.excludePortals = [\n        'pxExpress',\n        'Developer',\n        'pxPredictionStudio',\n        'pxAdminStudio',\n        'pyCaseWorker',\n        'pyCaseManager7'\n      ];\n      console.warn(\n        `No exludePortals entry found within serverConfig section of sdk-config.json.  Using the following default list: [\"pxExpress\", \"Developer\", \"pxPredictionStudio\", \"pxAdminStudio\", \"pyCaseWorker\", \"pyCaseManager7\"]`\n      );\n    }\n  }\n\n  /**\n   *\n   * @returns the sdk-config JSON object\n   */\n  getSdkConfig = async () => {\n    if (isEmptyObject(this.sdkConfig)) {\n      await getSdkConfig();\n    }\n    return this.sdkConfig;\n  };\n\n  /**\n   *\n   * @returns the authConfig block in the SDK Config object\n   */\n  getSdkConfigAuth = () => {\n    if (isEmptyObject(this.sdkConfig)) {\n      const config = this.getSdkConfig();\n    }\n    return this.sdkConfig['authConfig'];\n  };\n\n  /**\n   *\n   * @returns the serverConfig bloc from the sdk-config.json file\n   */\n  getSdkConfigServer = () => {\n    if (isEmptyObject(this.sdkConfig)) {\n      const config = this.getSdkConfig();\n    }\n    return this.sdkConfig['serverConfig'];\n  };\n\n  /**\n   * @param {String} key the key to be inserted/updated in serverConfig\n   * @param {String} value the value to be assigned to the given key\n   */\n  setSdkConfigServer = (key, value) => {\n    this.sdkConfig.serverConfig[key] = value;\n  };\n\n  /**\n   * Path to the BootstrapCSS\n   * @returns the locBootstrapCSS from the serverConfig block of the sdk-config.json file\n   */\n  getSdkConfigBootstrapCSS = () => {\n    const serverConfig = this.getSdkConfigServer();\n    const locBootstrapCSS = serverConfig.locBootstrapCSS;\n    if (locBootstrapCSS === undefined) {\n      console.error(`locBootstrapCSS: ${locBootstrapCSS}`);\n    }\n    return locBootstrapCSS;\n  };\n}\n\n// Implement Factory function to allow async load\n//  See https://stackoverflow.com/questions/49905178/asynchronous-operations-in-constructor/49906064#49906064 for inspiration\nasync function createSdkConfigAccess() {\n  // Note that our initialize function returns a promise...\n  let singleton = new ConfigAccess();\n  await singleton.readSdkConfig();\n  return singleton;\n}\n\n// Initialize exported SdkConfigAccess structure\nasync function getSdkConfig() {\n  return new Promise(resolve => {\n    let idNextCheck = null;\n    if (!SdkConfigAccess && !SdkConfigAccessCreateInProgress) {\n      SdkConfigAccessCreateInProgress = true;\n      createSdkConfigAccess().then(theConfigAccess => {\n        // Key initialization of SdkConfigAccess\n        SdkConfigAccess = theConfigAccess;\n        SdkConfigAccessCreateInProgress = false;\n        // console.log(`SdkConfigAccess: ${JSON.stringify(SdkConfigAccess)}`);\n        // Create and dispatch the SdkConfigAccessReady event\n        const event = new CustomEvent('SdkConfigAccessReady', {});\n        document.dispatchEvent(event);\n        return resolve(SdkConfigAccess.sdkConfig);\n      });\n    } else {\n      const fnCheckForConfig = () => {\n        if (SdkConfigAccess) {\n          if (idNextCheck) {\n            clearInterval(idNextCheck);\n          }\n          return resolve(SdkConfigAccess.sdkConfig);\n        }\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      };\n      if (SdkConfigAccess) {\n        return resolve(SdkConfigAccess.sdkConfig);\n      } else {\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      }\n    }\n  });\n}\n\nif (true) {\n  let ignore = getSdkConfig();\n}\n\nexport { SdkConfigAccess, getSdkConfig };\n"]}

package/lib/components/helpers/data_page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data_page.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,wEAoBvB,CAAC"}
+{"version":3,"file":"data_page.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,wEAoBvB,CAAC"}

package/lib/components/helpers/data_page.js.map

@@ -1 +1 @@
-{"version":3,"file":"data_page.js","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE;IAC/D,IAAI,cAAc,CAAC;IACnB,IAAG,UAAU,EAAC;QACZ,cAAc,GAAG;YACf,oBAAoB,EAAE,UAAU;SACjC,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,KAAK,CAAC,eAAe,EAAE;aACpB,OAAO,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAC;aAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE;YACf,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,EAAE;gBACL,8FAA8F;gBAC9F,MAAM,CAAC,CAAC,CAAC,CAAC;aACX;QACH,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["declare const PCore;\n\n// eslint-disable-next-line import/prefer-default-export\nexport const getDataPage = (dataPageName, parameters, context) => {\n  let dataViewParams;\n  if(parameters){\n    dataViewParams = {\n      'dataViewParameters': parameters\n    };\n  }\n  return new Promise((resolve, reject) => {\n    PCore.getDataApiUtils()\n      .getData(dataPageName, dataViewParams, context)\n      .then(response => {\n        resolve(response.data.data);\n      })\n      .catch(e => {\n        if (e) {\n          // check specific error if 401, and wiped out if so stored token is stale.  Fetcch new tokens.\n          reject(e);\n        }\n      });\n  });\n};\n"]}
+{"version":3,"file":"data_page.js","sourceRoot":"","sources":["../../../src/components/helpers/data_page.ts"],"names":[],"mappings":"AAGA,wDAAwD;AACxD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE;IAC/D,IAAI,cAAc,CAAC;IACnB,IAAG,UAAU,EAAC;QACZ,cAAc,GAAG;YACf,oBAAoB,EAAE,UAAU;SACjC,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,KAAK,CAAC,eAAe,EAAE;aACpB,OAAO,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAC;aAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE;YACf,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,CAAC,EAAE;YACT,IAAI,CAAC,EAAE;gBACL,8FAA8F;gBAC9F,MAAM,CAAC,CAAC,CAAC,CAAC;aACX;QACH,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 1 error)\ndeclare const PCore: any;\n\n// eslint-disable-next-line import/prefer-default-export\nexport const getDataPage = (dataPageName, parameters, context) => {\n  let dataViewParams;\n  if(parameters){\n    dataViewParams = {\n      'dataViewParameters': parameters\n    };\n  }\n  return new Promise((resolve, reject) => {\n    PCore.getDataApiUtils()\n      .getData(dataPageName, dataViewParams, context)\n      .then(response => {\n        resolve(response.data.data);\n      })\n      .catch(e => {\n        if (e) {\n          // check specific error if 401, and wiped out if so stored token is stale.  Fetcch new tokens.\n          reject(e);\n        }\n      });\n  });\n};\n"]}

package/lib/components/helpers/date-format-utils.d.ts

@@ -4,10 +4,5 @@ export declare const dateFormatInfoDefault: {
     dateFormatStringLC: string;
     dateFormatMask: string;
 };
-export declare const getDateFormatInfo: () => {
-    dateFormatString: string;
-    dateFormatStringLong: string;
-    dateFormatStringLC: string;
-    dateFormatMask: string;
-};
+export declare const getDateFormatInfo: () => typeof dateFormatInfoDefault;
 //# sourceMappingURL=date-format-utils.d.ts.map

package/lib/components/helpers/date-format-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-format-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAuD7B,CAAA"}
+{"version":3,"file":"date-format-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAO,4BAkEpC,CAAC"}

package/lib/components/helpers/date-format-utils.js

@@ -1,13 +1,15 @@
 import { getLocale } from './formatters/common';
 export const dateFormatInfoDefault = {
-    dateFormatString: "MM/DD/YYYY",
-    dateFormatStringLong: "MMM DD, YYYY",
-    dateFormatStringLC: "mm/dd/yyyy",
-    dateFormatMask: "__/__/____"
+    dateFormatString: 'MM/DD/YYYY',
+    dateFormatStringLong: 'MMM DD, YYYY',
+    dateFormatStringLC: 'mm/dd/yyyy',
+    dateFormatMask: '__/__/____'
 };
 export const getDateFormatInfo = () => {
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'CosmosFields';
     const theDateFormatInfo = dateFormatInfoDefault;
-    const theLocale = getLocale(); // PCore.getEnvironmentInfo().getUseLocale() || "US-en";
+    const theLocale = getLocale();
     // NOTE: this date was chosen since it has a day larger than 12. If you change it,
     //  you'll need to change the indexOf values below!
     const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));
@@ -18,27 +20,34 @@ export const getDateFormatInfo = () => {
     const locMM = theTestDateLocaleString.indexOf('11');
     const locDD = theTestDateLocaleString.indexOf('30');
     const locYYYY = theTestDateLocaleString.indexOf('2023');
+    // If localized placeholder exists for one of day/month/year then show it otherwise fall back to ddmmyyyy
+    const localizedPlaceholderExists = localizedVal('month_placeholder', localeCategory) !== 'month_placeholder' ||
+        localizedVal('day_placeholder', localeCategory) !== 'day_placeholder' ||
+        localizedVal('year_placeholder', localeCategory) !== 'year_placeholder';
     const arrPieces = [
         {
             loc: locMM,
             format: 'MM',
             longFormat: 'MMM',
-            placeholder: 'mm',
-            mask: '__'
+            placeholder: localizedPlaceholderExists ? localizedVal('month_placeholder', localeCategory) : 'mm',
+            mask: '__',
+            separator: theTestDateLocaleString[locMM + 2]
         },
         {
             loc: locDD,
             format: 'DD',
             longFormat: 'DD',
-            placeholder: 'dd',
-            mask: '__'
+            placeholder: localizedPlaceholderExists ? localizedVal('day_placeholder', localeCategory) : 'dd',
+            mask: '__',
+            separator: theTestDateLocaleString[locDD + 2]
         },
         {
             loc: locYYYY,
             format: 'YYYY',
             longFormat: 'YYYY',
-            placeholder: 'yyyy',
-            mask: '____'
+            placeholder: localizedPlaceholderExists ? localizedVal('year_placeholder', localeCategory) : 'yyyy',
+            mask: '____',
+            separator: theTestDateLocaleString[locYYYY + 4]
         }
     ];
     // Sort the associative array by order of appearance (loc) of each piece
@@ -50,10 +59,10 @@ export const getDateFormatInfo = () => {
         return 0;
     });
     // Construct the structure to return...
-    theDateFormatInfo.dateFormatString = `${arrPieces[0].format}/${arrPieces[1].format}/${arrPieces[2].format}`;
+    theDateFormatInfo.dateFormatString = `${arrPieces[0].format}${arrPieces[0].separator}${arrPieces[1].format}${arrPieces[1].separator}${arrPieces[2].format}`;
     theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;
-    theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}/${arrPieces[1].placeholder}/${arrPieces[2].placeholder}`;
-    theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}/${arrPieces[1].mask}/${arrPieces[2].mask}`;
+    theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}${arrPieces[0].separator}${arrPieces[1].placeholder}${arrPieces[1].separator}${arrPieces[2].placeholder}`;
+    theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}${arrPieces[0].separator}${arrPieces[1].mask}${arrPieces[1].separator}${arrPieces[2].mask}`;
     return theDateFormatInfo;
 };
 //# sourceMappingURL=date-format-utils.js.map

package/lib/components/helpers/date-format-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-format-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,gBAAgB,EAAE,YAAY;IAC9B,oBAAoB,EAAE,cAAc;IACpC,kBAAkB,EAAE,YAAY;IAChC,cAAc,EAAE,YAAY;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;IAChD,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC,CAAC,wDAAwD;IAEvF,kFAAkF;IAClF,mDAAmD;IACnD,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC;IAC1E,MAAM,uBAAuB,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAEvF,8FAA8F;IAE9F,qFAAqF;IACrF,sEAAsE;IACtE,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG;QAChB;YACE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI;SACX;QACD;YACE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI;SACX;QACD;YACE,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,IAAI,EAAE,MAAM;SACb;KACD,CAAC;IAEH,wEAAwE;IACxE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtB,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,uCAAuC;IACvC,iBAAiB,CAAC,gBAAgB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC5G,iBAAiB,CAAC,oBAAoB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7H,iBAAiB,CAAC,kBAAkB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7H,iBAAiB,CAAC,cAAc,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAEpG,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAA","sourcesContent":["import { getLocale } from './formatters/common';\n\n\nexport const dateFormatInfoDefault = {\n  dateFormatString: \"MM/DD/YYYY\",\n  dateFormatStringLong: \"MMM DD, YYYY\",\n  dateFormatStringLC: \"mm/dd/yyyy\",\n  dateFormatMask: \"__/__/____\"\n}\n\nexport const getDateFormatInfo = () => {\n  const theDateFormatInfo = dateFormatInfoDefault;\n  const theLocale = getLocale(); // PCore.getEnvironmentInfo().getUseLocale() || \"US-en\";\n\n  // NOTE: this date was chosen since it has a day larger than 12. If you change it,\n  //  you'll need to change the indexOf values below!\n  const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));\n  const theTestDateLocaleString = new Intl.DateTimeFormat(theLocale).format(theTestDate);\n\n  // console.log(`theLocale: ${theLocale} theTestDateLocaleString: ${theTestDateLocaleString}`);\n\n  // Build the format string based on where '11' (mm), '30' (dd), and '2023' (yyyy) are\n  //  Example: US locations are 0, 3, 6 but for NL locations are 3, 0, 6\n  const locMM = theTestDateLocaleString.indexOf('11');\n  const locDD = theTestDateLocaleString.indexOf('30');\n  const locYYYY = theTestDateLocaleString.indexOf('2023');\n\n  const arrPieces = [\n    {\n      loc: locMM,\n      format: 'MM',\n      longFormat: 'MMM',\n      placeholder: 'mm',\n      mask: '__'\n    },\n    {\n      loc: locDD,\n      format: 'DD',\n      longFormat: 'DD',\n      placeholder: 'dd',\n      mask: '__'\n    },\n    {\n      loc: locYYYY,\n      format: 'YYYY',\n      longFormat: 'YYYY',\n      placeholder: 'yyyy',\n      mask: '____'\n    }\n   ];\n\n  // Sort the associative array by order of appearance (loc) of each piece\n  arrPieces.sort((a, b) => {\n    if (a.loc < b.loc) return -1;\n    if (a.loc > b.loc) return 1;\n    return 0;\n  });\n\n  // Construct the structure to return...\n  theDateFormatInfo.dateFormatString = `${arrPieces[0].format}/${arrPieces[1].format}/${arrPieces[2].format}`;\n  theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;\n  theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}/${arrPieces[1].placeholder}/${arrPieces[2].placeholder}`;\n  theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}/${arrPieces[1].mask}/${arrPieces[2].mask}`;\n\n  return theDateFormatInfo;\n}\n"]}
+{"version":3,"file":"date-format-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { getLocale } from './formatters/common';\n\nexport const dateFormatInfoDefault = {\n  dateFormatString: 'MM/DD/YYYY',\n  dateFormatStringLong: 'MMM DD, YYYY',\n  dateFormatStringLC: 'mm/dd/yyyy',\n  dateFormatMask: '__/__/____'\n};\n\nexport const getDateFormatInfo = (): typeof dateFormatInfoDefault => {\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CosmosFields';\n  const theDateFormatInfo = dateFormatInfoDefault;\n  const theLocale = getLocale();\n\n  // NOTE: this date was chosen since it has a day larger than 12. If you change it,\n  //  you'll need to change the indexOf values below!\n  const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));\n  const theTestDateLocaleString = new Intl.DateTimeFormat(theLocale).format(theTestDate);\n\n  // console.log(`theLocale: ${theLocale} theTestDateLocaleString: ${theTestDateLocaleString}`);\n\n  // Build the format string based on where '11' (mm), '30' (dd), and '2023' (yyyy) are\n  //  Example: US locations are 0, 3, 6 but for NL locations are 3, 0, 6\n  const locMM = theTestDateLocaleString.indexOf('11');\n  const locDD = theTestDateLocaleString.indexOf('30');\n  const locYYYY = theTestDateLocaleString.indexOf('2023');\n\n  // If localized placeholder exists for one of day/month/year then show it otherwise fall back to ddmmyyyy\n  const localizedPlaceholderExists =\n    localizedVal('month_placeholder', localeCategory) !== 'month_placeholder' ||\n    localizedVal('day_placeholder', localeCategory) !== 'day_placeholder' ||\n    localizedVal('year_placeholder', localeCategory) !== 'year_placeholder';\n\n  const arrPieces = [\n    {\n      loc: locMM,\n      format: 'MM',\n      longFormat: 'MMM',\n      placeholder: localizedPlaceholderExists ? localizedVal('month_placeholder', localeCategory) : 'mm',\n      mask: '__',\n      separator: theTestDateLocaleString[locMM+2]\n    },\n    {\n      loc: locDD,\n      format: 'DD',\n      longFormat: 'DD',\n      placeholder: localizedPlaceholderExists ? localizedVal('day_placeholder', localeCategory) : 'dd',\n      mask: '__',\n      separator: theTestDateLocaleString[locDD+2]\n    },\n    {\n      loc: locYYYY,\n      format: 'YYYY',\n      longFormat: 'YYYY',\n      placeholder: localizedPlaceholderExists ? localizedVal('year_placeholder', localeCategory) : 'yyyy',\n      mask: '____',\n      separator: theTestDateLocaleString[locYYYY+4]\n    }\n  ];\n\n  // Sort the associative array by order of appearance (loc) of each piece\n  arrPieces.sort((a, b) => {\n    if (a.loc < b.loc) return -1;\n    if (a.loc > b.loc) return 1;\n    return 0;\n  });\n\n  // Construct the structure to return...\n  theDateFormatInfo.dateFormatString = `${arrPieces[0].format}${arrPieces[0].separator}${arrPieces[1].format}${arrPieces[1].separator}${arrPieces[2].format}`;\n  theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;\n  theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}${arrPieces[0].separator}${arrPieces[1].placeholder}${arrPieces[1].separator}${arrPieces[2].placeholder}`;\n  theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}${arrPieces[0].separator}${arrPieces[1].mask}${arrPieces[1].separator}${arrPieces[2].mask}`;\n\n  return theDateFormatInfo;\n};\n"]}

package/lib/components/helpers/event-utils.d.ts

@@ -1,3 +1,3 @@
+declare const handleEvent: (actions: any, eventType: string, propName: string, value: string) => void;
 export default handleEvent;
-declare function handleEvent(actions: any, eventType: any, propName: any, value: any): void;
 //# sourceMappingURL=event-utils.d.ts.map

package/lib/components/helpers/event-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.js"],"names":[],"mappings":";AAEA,4FAeC"}
+{"version":3,"file":"event-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,YAAa,GAAG,aAAa,MAAM,YAAY,MAAM,SAAS,MAAM,SAepF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/helpers/event-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.js"],"names":[],"mappings":"AAAA,8CAA8C;AAE9C,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC1D,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,MAAM;QACR,KAAK,MAAM;YACT,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR,KAAK,aAAa;YAChB,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR;YACE,MAAM;KACT;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["// From DX Components src/utils/event-utils.js\n\nconst handleEvent = (actions, eventType, propName, value) => {\n  switch (eventType) {\n    case \"change\":\n      actions.updateFieldValue(propName, value);\n      break;\n    case \"blur\":\n      actions.triggerFieldChange(propName, value);\n      break;\n    case \"changeNblur\":\n      actions.updateFieldValue(propName, value);\n      actions.triggerFieldChange(propName, value);\n      break;\n    default:\n      break;\n  }\n};\n\nexport default handleEvent;\n"]}
+{"version":3,"file":"event-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/event-utils.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAE9C,MAAM,WAAW,GAAG,CAAC,OAAY,EAAE,SAAiB,EAAE,QAAgB,EAAE,KAAa,EAAE,EAAE;IACvF,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,MAAM;QACR,KAAK,MAAM;YACT,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR,KAAK,aAAa;YAChB,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM;QACR;YACE,MAAM;KACT;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["// From DX Components src/utils/event-utils.js\n\nconst handleEvent = (actions: any, eventType: string, propName: string, value: string) => {\n  switch (eventType) {\n    case \"change\":\n      actions.updateFieldValue(propName, value);\n      break;\n    case \"blur\":\n      actions.triggerFieldChange(propName, value);\n      break;\n    case \"changeNblur\":\n      actions.updateFieldValue(propName, value);\n      actions.triggerFieldChange(propName, value);\n      break;\n    default:\n      break;\n  }\n};\n\nexport default handleEvent;\n"]}

package/lib/components/helpers/field-group-utils.d.ts

@@ -1,3 +1,16 @@
-export function getReferenceList(pConn: any): string;
-export function buildView(pConn: any, index: any, viewConfigPath: any): any;
+import { ReactElement } from 'react';
+/**
+ *
+ * @param {*} pConn - pConnect object of the view
+ * @returns {string} - returns the name of referenceList
+ */
+export declare const getReferenceList: (pConn: any) => any;
+/**
+ * creates and returns react element of the view
+ * @param {*} pConn - pConnect object of the view
+ * @param {*} index - index of the fieldGroup item
+ * @param {*} viewConfigPath - boolean value to check for children in config
+ * @returns {*} - return the react element of the view
+ */
+export declare function buildView(pConn: any, index: any, viewConfigPath: any): ReactElement;
 //# sourceMappingURL=field-group-utils.d.ts.map

package/lib/components/helpers/field-group-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-group-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAUO,8CAHM,MAAM,CAclB;AASM,4EA0BN"}
+{"version":3,"file":"field-group-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAIpD;;;;GAIG;AAEH,eAAO,MAAM,gBAAgB,qBAW5B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA,EAAE,cAAc,KAAA,GAAG,YAAY,CAyBpE"}

package/lib/components/helpers/field-group-utils.js

@@ -5,7 +5,7 @@ import createPConnectComponent from '../../bridge/react_pconnect';
  * @param {*} pConn - pConnect object of the view
  * @returns {string} - returns the name of referenceList
  */
-export const getReferenceList = pConn => {
+export const getReferenceList = (pConn) => {
     let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');
     if (resolvePage.includes('D_')) {
         resolvePage = pConn.resolveDatasourceReference(resolvePage);
@@ -25,16 +25,13 @@ export const getReferenceList = pConn => {
  * @param {*} viewConfigPath - boolean value to check for children in config
  * @returns {*} - return the react element of the view
  */
-export const buildView = (pConn, index, viewConfigPath) => {
+export function buildView(pConn, index, viewConfigPath) {
     const context = pConn.getContextName();
     const referenceList = getReferenceList(pConn);
     const isDatapage = referenceList.startsWith('D_');
-    const pageReference = isDatapage
-        ? `${referenceList}[${index}]`
-        : `${pConn.getPageReference()}${referenceList}[${index}]`;
-    const meta = viewConfigPath
-        ? pConn.getRawMetadata().children[0].children[0]
-        : pConn.getRawMetadata().children[0];
+    const pageReference = isDatapage ? `${referenceList}[${index}]` : `${pConn.getPageReference()}${referenceList}[${index}]`;
+    const meta = viewConfigPath ? pConn.getRawMetadata().children[0].children[0] : pConn.getRawMetadata().children[0];
+    delete meta?.config?.ruleClass;
     const config = {
         meta,
         options: {
@@ -44,11 +41,10 @@ export const buildView = (pConn, index, viewConfigPath) => {
             hasForm: true
         }
     };
-    // eslint-disable-next-line no-undef
     const view = PCore.createPConnect(config);
     if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {
         view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');
     }
     return createElement(createPConnectComponent(), view);
-};
+}
 //# sourceMappingURL=field-group-utils.js.map

package/lib/components/helpers/field-group-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-group-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAElE;;;;GAIG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,IAAI,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC9B,WAAW,GAAG,KAAK,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,WAAW,EAAE,SAAS,EAAE;YAC1B,WAAW,GAAG,WAAW,EAAE,SAAS,CAAC;SACtC;aAAM,IAAI,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC9E,WAAW,GAAG,GAAG,WAAW,YAAY,CAAC;SAC1C;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,GAAG,aAAa,IAAI,KAAK,GAAG;QAC9B,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,aAAa,IAAI,KAAK,GAAG,CAAC;IAC5D,MAAM,IAAI,GAAG,cAAc;QACzB,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,IAAI;QACJ,OAAO,EAAE;YACP,OAAO;YACP,aAAa;YACb,aAAa;YACb,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IACF,oCAAoC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,cAAc,EAAE,EAAE,WAAW,KAAK,aAAa,EAAE;QACzD,IAAI,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KACpE;IACD,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import { createElement } from 'react';\n\nimport createPConnectComponent from '../../bridge/react_pconnect';\n\n/**\n *\n * @param {*} pConn - pConnect object of the view\n * @returns {string} - returns the name of referenceList\n */\n\nexport const getReferenceList = pConn => {\n  let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');\n  if (resolvePage.includes('D_')) {\n    resolvePage = pConn.resolveDatasourceReference(resolvePage);\n    if (resolvePage?.pxResults) {\n      resolvePage = resolvePage?.pxResults;\n    } else if (resolvePage.startsWith('D_') && !resolvePage.endsWith('.pxResults')) {\n      resolvePage = `${resolvePage}.pxResults`;\n    }\n  }\n  return resolvePage;\n};\n\n/**\n * creates and returns react element of the view\n * @param {*} pConn - pConnect object of the view\n * @param {*} index - index of the fieldGroup item\n * @param {*} viewConfigPath - boolean value to check for children in config\n * @returns {*} - return the react element of the view\n */\nexport const buildView = (pConn, index, viewConfigPath) => {\n  const context = pConn.getContextName();\n  const referenceList = getReferenceList(pConn);\n\n  const isDatapage = referenceList.startsWith('D_');\n  const pageReference = isDatapage\n    ? `${referenceList}[${index}]`\n    : `${pConn.getPageReference()}${referenceList}[${index}]`;\n  const meta = viewConfigPath\n    ? pConn.getRawMetadata().children[0].children[0]\n    : pConn.getRawMetadata().children[0];\n  const config = {\n    meta,\n    options: {\n      context,\n      pageReference,\n      referenceList,\n      hasForm: true\n    }\n  };\n  // eslint-disable-next-line no-undef\n  const view = PCore.createPConnect(config);\n  if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {\n    view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');\n  }\n  return createElement(createPConnectComponent(), view);\n};\n"]}
+{"version":3,"file":"field-group-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgB,MAAM,OAAO,CAAC;AAEpD,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAElE;;;;GAIG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,IAAI,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC9B,WAAW,GAAG,KAAK,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,WAAW,EAAE,SAAS,EAAE;YAC1B,WAAW,GAAG,WAAW,EAAE,SAAS,CAAC;SACtC;aAAM,IAAI,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC9E,WAAW,GAAG,GAAG,WAAW,YAAY,CAAC;SAC1C;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,aAAa,IAAI,KAAK,GAAG,CAAC;IAC1H,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElH,OAAO,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC;IAE/B,MAAM,MAAM,GAAG;QACb,IAAI;QACJ,OAAO,EAAE;YACP,OAAO;YACP,aAAa;YACb,aAAa;YACb,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,cAAc,EAAE,EAAE,WAAW,KAAK,aAAa,EAAE;QACzD,IAAI,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KACpE;IACD,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC","sourcesContent":["import { createElement, ReactElement } from 'react';\n\nimport createPConnectComponent from '../../bridge/react_pconnect';\n\n/**\n *\n * @param {*} pConn - pConnect object of the view\n * @returns {string} - returns the name of referenceList\n */\n\nexport const getReferenceList = (pConn) => {\n  let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');\n  if (resolvePage.includes('D_')) {\n    resolvePage = pConn.resolveDatasourceReference(resolvePage);\n    if (resolvePage?.pxResults) {\n      resolvePage = resolvePage?.pxResults;\n    } else if (resolvePage.startsWith('D_') && !resolvePage.endsWith('.pxResults')) {\n      resolvePage = `${resolvePage}.pxResults`;\n    }\n  }\n  return resolvePage;\n};\n\n/**\n * creates and returns react element of the view\n * @param {*} pConn - pConnect object of the view\n * @param {*} index - index of the fieldGroup item\n * @param {*} viewConfigPath - boolean value to check for children in config\n * @returns {*} - return the react element of the view\n */\nexport function buildView(pConn, index, viewConfigPath): ReactElement {\n  const context = pConn.getContextName();\n  const referenceList = getReferenceList(pConn);\n\n  const isDatapage = referenceList.startsWith('D_');\n  const pageReference = isDatapage ? `${referenceList}[${index}]` : `${pConn.getPageReference()}${referenceList}[${index}]`;\n  const meta = viewConfigPath ? pConn.getRawMetadata().children[0].children[0] : pConn.getRawMetadata().children[0];\n\n  delete meta?.config?.ruleClass;\n\n  const config = {\n    meta,\n    options: {\n      context,\n      pageReference,\n      referenceList,\n      hasForm: true\n    }\n  };\n\n  const view = PCore.createPConnect(config);\n  if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {\n    view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');\n  }\n  return createElement(createPConnectComponent(), view);\n}\n"]}

package/lib/components/helpers/formatters/Boolean.d.ts

@@ -1,5 +1,5 @@
-declare namespace _default {
-    function TrueFalse(value: any, options: any): any;
-}
+declare const _default: {
+    TrueFalse: (value: any, options: any) => any;
+};
 export default _default;
 //# sourceMappingURL=Boolean.d.ts.map

package/lib/components/helpers/formatters/Boolean.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.js"],"names":[],"mappings":";IA+Ba,kDAKP"}
+{"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.ts"],"names":[],"mappings":";;;AA8BA,wBAOE"}

package/lib/components/helpers/formatters/Boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.js"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,KAAK,EAAE,EAAE,UAAU,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,EAAE;IACvE,IACE,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC;QACvB,KAAK,KAAK,KAAK;QACf,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,OAAO;QAC5C,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,GAAG,EACb;QACA,OAAO,KAAK,IAAI,EAAE,CAAC;KACpB;IACD,IACE,KAAK,KAAK,IAAI;QACd,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,MAAM;QAC3C,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,GAAG,EACb;QACA,OAAO,IAAI,IAAI,EAAE,CAAC;KACnB;IACD,IACE,UAAU;QACV,CAAC,KAAK,KAAK,MAAM;YACf,KAAK,KAAK,EAAE;YACZ,KAAK,KAAK,IAAI;YACd,OAAO,KAAK,KAAK,WAAW,CAAC,EAC/B;QACA,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,eAAe;IACb,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAC5B,OAAO,CAAC,KAAK,EAAE;QACb,GAAG,OAAO;QACV,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;CACL,CAAC","sourcesContent":["function Boolean(value, { allowEmpty = true, tick = \"\", cross = \"\" } = {}) {\n  if (\n    (!allowEmpty && !value) ||\n    value === false ||\n    value?.toString()?.toLowerCase() === \"false\" ||\n    value === 0 ||\n    value === \"0\"\n  ) {\n    return cross || \"\";\n  }\n  if (\n    value === true ||\n    value?.toString()?.toLowerCase() === \"true\" ||\n    value === 1 ||\n    value === \"1\"\n  ) {\n    return tick || \"\";\n  }\n  if (\n    allowEmpty &&\n    (value === \"null\" ||\n      value === \"\" ||\n      value === null ||\n      typeof value === \"undefined\")\n  ) {\n    return \"- -\";\n  }\n  return value;\n}\n\nexport default {\n  TrueFalse: (value, options) =>\n    Boolean(value, {\n      ...options,\n      tick: \"True\",\n      cross: \"False\"\n    })\n};\n"]}
+{"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Boolean.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,KAAK,EAAE,EAAE,UAAU,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,EAAE;IACvE,IACE,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC;QACvB,KAAK,KAAK,KAAK;QACf,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,OAAO;QAC5C,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,GAAG,EACb;QACA,OAAO,KAAK,IAAI,EAAE,CAAC;KACpB;IACD,IACE,KAAK,KAAK,IAAI;QACd,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,KAAK,MAAM;QAC3C,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,GAAG,EACb;QACA,OAAO,IAAI,IAAI,EAAE,CAAC;KACnB;IACD,IACE,UAAU;QACV,CAAC,KAAK,KAAK,MAAM;YACf,KAAK,KAAK,EAAE;YACZ,KAAK,KAAK,IAAI;YACd,OAAO,KAAK,KAAK,WAAW,CAAC,EAC/B;QACA,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,eAAe;IACb,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAC5B,OAAO,CAAC,KAAK,EAAE;QACb,GAAG,OAAO;QACV,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;CACL,CAAC","sourcesContent":["function Boolean(value, { allowEmpty = true, tick = \"\", cross = \"\" } = {}) {\n  if (\n    (!allowEmpty && !value) ||\n    value === false ||\n    value?.toString()?.toLowerCase() === \"false\" ||\n    value === 0 ||\n    value === \"0\"\n  ) {\n    return cross || \"\";\n  }\n  if (\n    value === true ||\n    value?.toString()?.toLowerCase() === \"true\" ||\n    value === 1 ||\n    value === \"1\"\n  ) {\n    return tick || \"\";\n  }\n  if (\n    allowEmpty &&\n    (value === \"null\" ||\n      value === \"\" ||\n      value === null ||\n      typeof value === \"undefined\")\n  ) {\n    return \"- -\";\n  }\n  return value;\n}\n\nexport default {\n  TrueFalse: (value, options) =>\n    Boolean(value, {\n      ...options,\n      tick: \"True\",\n      cross: \"False\"\n    })\n};\n"]}

package/lib/components/helpers/formatters/Currency.d.ts

@@ -1,10 +1,10 @@
 declare const _default: {
-    Currency: (value: any, options: any) => any;
-    "Currency-Code": (value: any, options: any) => any;
-    Decimal: (value: any, options: any) => any;
-    "Decimal-Auto": (value: any, options: any) => any;
-    Integer: (value: any, options: any) => any;
-    Percentage: (value: any, options: any) => any;
+    Currency: (value: any, options: any) => string;
+    "Currency-Code": (value: any, options: any) => string;
+    Decimal: (value: any, options: any) => string;
+    "Decimal-Auto": (value: any, options: any) => string;
+    Integer: (value: any, options: any) => string;
+    Percentage: (value: any, options: any) => string;
 };
 export default _default;
 //# sourceMappingURL=Currency.d.ts.map

package/lib/components/helpers/formatters/Currency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.js"],"names":[],"mappings":""}
+{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.ts"],"names":[],"mappings":";;;;;;;;AAoEA,wBAcE"}

package/lib/components/helpers/formatters/Currency.js

@@ -1,6 +1,7 @@
 import { getLocale } from "./common";
 import CurrencyMap from "./CurrencyMap";
-function NumberFormatter(value, { locale, decPlaces = 2 } = {}) {
+// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+function NumberFormatter(value, { locale = "en-US", decPlaces = 2, style = "", currency = "USD" } = {}) {
     const currentLocale = getLocale(locale);
     if (value !== null && value !== undefined) {
         return Number(value).toLocaleString(currentLocale, {
@@ -10,7 +11,7 @@ function NumberFormatter(value, { locale, decPlaces = 2 } = {}) {
     }
     return value;
 }
-function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces = 2, style = "currency", currency = "USD" } = {}) {
+function CurrencyFormatter(value, { symbol = true, position = "before", locale = "en-US", decPlaces = 2, style = "currency", currency = "USD" } = {}) {
     const currentLocale = getLocale(locale);
     let formattedValue = value;
     if (value !== null && value !== undefined && value !== '') {
@@ -20,7 +21,7 @@ function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces =
             style,
             currency
         });
-        let countryCode = currentLocale.split("-")[1].toUpperCase();
+        let countryCode = currentLocale?.split("-")[1].toUpperCase();
         // If countryCode is still undefined, setting it as US
         if (!countryCode) {
             countryCode = 'US';
@@ -34,7 +35,7 @@ function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces =
         }
         // if position is provided, change placeholder accordingly.
         if (position && code) {
-            if (position.toLowerCase() === "before" && code.indexOf("{#}") === 0) {
+            if (position.toLowerCase() === "before" && code.startsWith("{#}")) {
                 code = code.slice(3) + code.slice(0, 3);
             }
             else if (position.toLowerCase() === "after" &&
@@ -46,7 +47,7 @@ function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces =
     }
     return formattedValue;
 }
-function SymbolFormatter(value, { symbol, suffix = true, locale } = {}) {
+function SymbolFormatter(value, { symbol = "$", suffix = true, locale = "en-US" } = {}) {
     let formattedValue = value;
     if (value !== null && value !== undefined) {
         formattedValue = NumberFormatter(value, { locale });

package/lib/components/helpers/formatters/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.js"],"names":[],"mappings":"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","sourcesContent":["import { getLocale } from \"./common\";\nimport CurrencyMap from \"./CurrencyMap\";\n\nfunction NumberFormatter(value, { locale, decPlaces = 2 } = {}) {\n  const currentLocale = getLocale(locale);\n  if (value !== null && value !== undefined) {\n    return Number(value).toLocaleString(currentLocale, {\n      minimumFractionDigits: decPlaces,\n      maximumFractionDigits: decPlaces\n    });\n  }\n  return value;\n}\n\nfunction CurrencyFormatter(\n  value,\n  { symbol = true, position, locale, decPlaces = 2, style = \"currency\", currency = \"USD\" } = {}\n) {\n  const currentLocale = getLocale(locale);\n  let formattedValue = value;\n  if (value !== null && value !== undefined && value !== '') {\n    formattedValue = NumberFormatter(value, {\n      locale: currentLocale,\n      decPlaces,\n      style,\n      currency\n    });\n\n    let countryCode =  currentLocale.split(\"-\")[1].toUpperCase();\n\n    // If countryCode is still undefined, setting it as US\n    if( !countryCode ){\n      countryCode = 'US';\n    }\n\n    let code;\n    if (symbol) {\n      code = CurrencyMap[countryCode]?.symbolFormat;\n    } else {\n      code = CurrencyMap[countryCode]?.currencyCode;\n    }\n\n    // if position is provided, change placeholder accordingly.\n    if (position && code) {\n      if (position.toLowerCase() === \"before\" && code.indexOf(\"{#}\") === 0) {\n        code = code.slice(3) + code.slice(0, 3);\n      } else if (\n        position.toLowerCase() === \"after\" &&\n        code.indexOf(\"{#}\") === code.length - 3\n      ) {\n        code = code.slice(-3) + code.slice(0, -3);\n      }\n    }\n    return code?.replace(\"{#}\", formattedValue) || formattedValue;\n  }\n  return formattedValue;\n}\n\nfunction SymbolFormatter(value, { symbol, suffix = true, locale } = {}) {\n  let formattedValue = value;\n  if (value !== null && value !== undefined) {\n    formattedValue = NumberFormatter(value, { locale });\n    return suffix ? `${formattedValue}${symbol}` : `${symbol}${formattedValue}`;\n  }\n  return formattedValue;\n}\n\nexport default {\n  Currency: (value, options) => CurrencyFormatter(value, options),\n  \"Currency-Code\": (value, options) =>\n    CurrencyFormatter(value, { ...options, symbol: false }),\n  Decimal: (value, options) => NumberFormatter(value, options),\n  \"Decimal-Auto\": (value, options) =>\n    NumberFormatter(value, {\n      ...options,\n      decPlaces: Number.isInteger(value) ? 0 : 2\n    }),\n  Integer: (value, options) =>\n    NumberFormatter(value, { ...options, decPlaces: 0 }),\n  Percentage: (value, options) =>\n    SymbolFormatter(value, { ...options, symbol: \"%\" })\n};\n"]}
+{"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.ts"],"names":[],"mappings":"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","sourcesContent":["import { getLocale } from \"./common\";\nimport CurrencyMap from \"./CurrencyMap\";\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction NumberFormatter(value, { locale = \"en-US\", decPlaces = 2, style=\"\", currency=\"USD\" } = {}): string {\n  const currentLocale: string | undefined = getLocale(locale);\n  if (value !== null && value !== undefined) {\n    return Number(value).toLocaleString(currentLocale, {\n      minimumFractionDigits: decPlaces,\n      maximumFractionDigits: decPlaces\n    });\n  }\n  return value;\n}\n\nfunction CurrencyFormatter(\n  value: string,\n  { symbol = true, position=\"before\", locale=\"en-US\", decPlaces = 2, style = \"currency\", currency = \"USD\" } = {}\n): string {\n  const currentLocale: string | undefined = getLocale(locale);\n  let formattedValue: string = value;\n  if (value !== null && value !== undefined && value !== '') {\n    formattedValue = NumberFormatter(value, {\n      locale: currentLocale,\n      decPlaces,\n      style,\n      currency\n    });\n\n    let countryCode: string | undefined =  currentLocale?.split(\"-\")[1].toUpperCase();\n\n    // If countryCode is still undefined, setting it as US\n    if( !countryCode ){\n      countryCode = 'US';\n    }\n\n    let code: string;\n    if (symbol) {\n      code = CurrencyMap[countryCode]?.symbolFormat;\n    } else {\n      code = CurrencyMap[countryCode]?.currencyCode;\n    }\n\n    // if position is provided, change placeholder accordingly.\n    if (position && code) {\n      if (position.toLowerCase() === \"before\" && code.startsWith(\"{#}\")) {\n        code = code.slice(3) + code.slice(0, 3);\n      } else if (\n        position.toLowerCase() === \"after\" &&\n        code.indexOf(\"{#}\") === code.length - 3\n      ) {\n        code = code.slice(-3) + code.slice(0, -3);\n      }\n    }\n    return code?.replace(\"{#}\", formattedValue) || formattedValue;\n  }\n  return formattedValue;\n}\n\nfunction SymbolFormatter(value, { symbol=\"$\", suffix = true, locale=\"en-US\" } = {}): string {\n  let formattedValue: string = value;\n  if (value !== null && value !== undefined) {\n    formattedValue = NumberFormatter(value, { locale });\n    return suffix ? `${formattedValue}${symbol}` : `${symbol}${formattedValue}`;\n  }\n  return formattedValue;\n}\n\nexport default {\n  Currency: (value, options) => CurrencyFormatter(value, options),\n  \"Currency-Code\": (value, options) =>\n    CurrencyFormatter(value, { ...options, symbol: false }),\n  Decimal: (value, options) => NumberFormatter(value, options),\n  \"Decimal-Auto\": (value, options) =>\n    NumberFormatter(value, {\n      ...options,\n      decPlaces: Number.isInteger(value) ? 0 : 2\n    }),\n  Integer: (value, options) =>\n    NumberFormatter(value, { ...options, decPlaces: 0 }),\n  Percentage: (value, options) =>\n    SymbolFormatter(value, { ...options, symbol: \"%\" })\n};\n"]}