@commercetools-frontend/application-config 21.1.2 → 21.3.2

package/dist/commercetools-frontend-application-config.esm.js

@@ -24,13 +24,15 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import Ajv from 'ajv';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
 import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import uniq from 'lodash/uniq';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
-import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
-import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import { e as entryPointUriPathToResourceAccesses } from './formatters-62af6993.esm.js';
+import 'lodash/upperFirst';
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -98,6 +100,15 @@ var explorer = cosmiconfigSync(moduleName, {
     '.ts': loadJsModule
   }
 });
+var getConfigPath = function getConfigPath() {
+  var configFile = explorer.search();
+
+  if (!configFile) {
+    throw new Error("Missing or invalid Custom Application configuration file.");
+  }
+
+  return configFile.filepath;
+};
 
 var loadConfig = function loadConfig(applicationPath) {
   var configFile = explorer.search(applicationPath);
@@ -484,74 +495,6 @@ var validateConfig = function validateConfig(config) {
   }
 };
 
-var CLOUD_IDENTIFIERS = {
-  GCP_AU: 'gcp-au',
-  GCP_EU: 'gcp-eu',
-  GCP_US: 'gcp-us',
-  AWS_FRA: 'aws-fra',
-  AWS_OHIO: 'aws-ohio'
-};
-var MC_API_URLS = {
-  GCP_AU: 'https://mc-api.australia-southeast1.gcp.commercetools.com',
-  GCP_EU: 'https://mc-api.europe-west1.gcp.commercetools.com',
-  GCP_US: 'https://mc-api.us-central1.gcp.commercetools.com',
-  AWS_FRA: 'https://mc-api.eu-central-1.aws.commercetools.com',
-  AWS_OHIO: 'https://mc-api.us-east-2.aws.commercetools.com'
-};
-
-var mapCloudIdentifierToApiUrl = function mapCloudIdentifierToApiUrl(key) {
-  var _context;
-
-  switch (key) {
-    case CLOUD_IDENTIFIERS.GCP_AU:
-      return MC_API_URLS.GCP_AU;
-
-    case CLOUD_IDENTIFIERS.GCP_EU:
-      return MC_API_URLS.GCP_EU;
-
-    case CLOUD_IDENTIFIERS.GCP_US:
-      return MC_API_URLS.GCP_US;
-
-    case CLOUD_IDENTIFIERS.AWS_FRA:
-      return MC_API_URLS.AWS_FRA;
-
-    case CLOUD_IDENTIFIERS.AWS_OHIO:
-      return MC_API_URLS.AWS_OHIO;
-
-    default:
-      // We would probably never get to this point, as the JSON schema validation
-      // kicks in before.
-      throw new Error(_concatInstanceProperty(_context = "Unknown cloud identifier \"".concat(key, "\". Supported values: ")).call(_context, _Object$values(CLOUD_IDENTIFIERS).toString()));
-  }
-};
-
-var getUniqueValues = function getUniqueValues() {
-  var _context2;
-
-  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var additionalValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return uniq(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(initialValues), _toConsumableArray(additionalValues)));
-};
-
-var nonProductionEnvironment = ['development', 'test'];
-
-var getIsProd = function getIsProd(env) {
-  return (// TL;DR: in case the `MC_APP_ENV` is defined, we consider that it's
-    // a production environment unless it's one of `development` or `test`.
-    // This allows to use for example the `staging` value, which from the
-    // application perspective is still considered a production environment.
-    env.MC_APP_ENV ? !_includesInstanceProperty(nonProductionEnvironment).call(nonProductionEnvironment, env.MC_APP_ENV) : env.NODE_ENV === 'production'
-  );
-};
-
-var getOrThrow = function getOrThrow(fn, errorMessage) {
-  try {
-    return fn();
-  } catch (error) {
-    throw new Error(errorMessage);
-  }
-};
-
 /**
  * NOTE:
  * Allows variable placeholders. Supported types are:
@@ -585,12 +528,12 @@ var isFilePathVariablePlaceholder = function isFilePathVariablePlaceholder(value
   return Boolean(valueOfPlaceholder.match(filePathRefSyntax));
 };
 
-var substituteEnvVariablePlaceholder = function substituteEnvVariablePlaceholder(valueOfPlaceholder, matchedString, valueOfEnvConfig, meta) {
+var substituteEnvVariablePlaceholder = function substituteEnvVariablePlaceholder(valueOfPlaceholder, matchedString, valueOfEnvConfig, loadingOptions) {
   var _valueOfPlaceholder$s = valueOfPlaceholder.split(':'),
       _valueOfPlaceholder$s2 = _slicedToArray(_valueOfPlaceholder$s, 2),
       requestedEnvVar = _valueOfPlaceholder$s2[1];
 
-  var hasEnvField = meta.processEnv.hasOwnProperty(requestedEnvVar);
+  var hasEnvField = loadingOptions.processEnv.hasOwnProperty(requestedEnvVar);
 
   if (!hasEnvField) {
     var _context;
@@ -599,17 +542,17 @@ var substituteEnvVariablePlaceholder = function substituteEnvVariablePlaceholder
   }
 
   var escapedMatchedString = matchedString.replace(/[${}:]/g, '\\$&');
-  return valueOfEnvConfig.replace(new RegExp("(".concat(escapedMatchedString, ")+"), 'g'), meta.processEnv[requestedEnvVar]);
+  return valueOfEnvConfig.replace(new RegExp("(".concat(escapedMatchedString, ")+"), 'g'), loadingOptions.processEnv[requestedEnvVar]);
 };
 
-var substituteIntlVariablePlaceholder = function substituteIntlVariablePlaceholder(valueOfPlaceholder, matchedString, valueOfEnvConfig, meta) {
+var substituteIntlVariablePlaceholder = function substituteIntlVariablePlaceholder(valueOfPlaceholder, matchedString, valueOfEnvConfig, loadingOptions) {
   var _valueOfPlaceholder$s3 = valueOfPlaceholder.split(':'),
       _valueOfPlaceholder$s4 = _slicedToArray(_valueOfPlaceholder$s3, 3),
       locale = _valueOfPlaceholder$s4[1],
       requestedIntlMessageId = _valueOfPlaceholder$s4[2];
 
   var translationsFilePath = require.resolve("./i18n/data/".concat(locale, ".json"), {
-    paths: ["".concat(meta.applicationPath, "/src"), meta.applicationPath]
+    paths: ["".concat(loadingOptions.applicationPath, "/src"), loadingOptions.applicationPath]
   });
 
   var translations = require(translationsFilePath);
@@ -626,14 +569,14 @@ var substituteIntlVariablePlaceholder = function substituteIntlVariablePlacehold
   return valueOfEnvConfig.replace(new RegExp("(".concat(escapedMatchedString, ")+"), 'g'), translations[requestedIntlMessageId]);
 };
 
-var substituteFilePathVariablePlaceholder = function substituteFilePathVariablePlaceholder(valueOfPlaceholder, matchedString, valueOfEnvConfig, meta) {
+var substituteFilePathVariablePlaceholder = function substituteFilePathVariablePlaceholder(valueOfPlaceholder, matchedString, valueOfEnvConfig, loadingOptions) {
   var _valueOfPlaceholder$s5 = valueOfPlaceholder.split(':'),
       _valueOfPlaceholder$s6 = _slicedToArray(_valueOfPlaceholder$s5, 2),
       filePathOrModule = _valueOfPlaceholder$s6[1];
 
   var content = fs.readFileSync(require.resolve(filePathOrModule, {
     // Relative paths should be resolved from the application folder.
-    paths: [meta.applicationPath]
+    paths: [loadingOptions.applicationPath]
   }), {
     encoding: 'utf-8'
   });
@@ -647,7 +590,7 @@ var getValueOfPlaceholder = function getValueOfPlaceholder(valueWithPlaceholder)
   }).replace(/\s/g, '');
 };
 
-var substituteVariablePlaceholders = function substituteVariablePlaceholders(config, meta) {
+var substituteVariablePlaceholders = function substituteVariablePlaceholders(config, loadingOptions) {
   return JSON.parse(_JSON$stringify(config), function (_key, value) {
     // Only strings are allowed
     var substitutedValue = value;
@@ -660,11 +603,11 @@ var substituteVariablePlaceholders = function substituteVariablePlaceholders(con
           var valueOfPlaceholder = getValueOfPlaceholder(matchedString);
 
           if (isEnvVariablePlaceholder(valueOfPlaceholder)) {
-            substitutedValue = substituteEnvVariablePlaceholder(valueOfPlaceholder, matchedString, substitutedValue, meta);
+            substitutedValue = substituteEnvVariablePlaceholder(valueOfPlaceholder, matchedString, substitutedValue, loadingOptions);
           } else if (isIntlVariablePlaceholder(valueOfPlaceholder)) {
-            substitutedValue = substituteIntlVariablePlaceholder(valueOfPlaceholder, matchedString, substitutedValue, meta);
+            substitutedValue = substituteIntlVariablePlaceholder(valueOfPlaceholder, matchedString, substitutedValue, loadingOptions);
           } else if (isFilePathVariablePlaceholder(valueOfPlaceholder)) {
-            substitutedValue = substituteFilePathVariablePlaceholder(valueOfPlaceholder, matchedString, substitutedValue, meta);
+            substitutedValue = substituteFilePathVariablePlaceholder(valueOfPlaceholder, matchedString, substitutedValue, loadingOptions);
           }
         });
       }
@@ -674,6 +617,95 @@ var substituteVariablePlaceholders = function substituteVariablePlaceholders(con
   });
 };
 
+var CLOUD_IDENTIFIERS = {
+  GCP_AU: 'gcp-au',
+  GCP_EU: 'gcp-eu',
+  GCP_US: 'gcp-us',
+  AWS_FRA: 'aws-fra',
+  AWS_OHIO: 'aws-ohio'
+};
+var MC_API_URLS = {
+  GCP_AU: 'https://mc-api.australia-southeast1.gcp.commercetools.com',
+  GCP_EU: 'https://mc-api.europe-west1.gcp.commercetools.com',
+  GCP_US: 'https://mc-api.us-central1.gcp.commercetools.com',
+  AWS_FRA: 'https://mc-api.eu-central-1.aws.commercetools.com',
+  AWS_OHIO: 'https://mc-api.us-east-2.aws.commercetools.com'
+};
+
+var mapCloudIdentifierToApiUrl = function mapCloudIdentifierToApiUrl(key) {
+  var _context;
+
+  switch (key) {
+    case CLOUD_IDENTIFIERS.GCP_AU:
+      return MC_API_URLS.GCP_AU;
+
+    case CLOUD_IDENTIFIERS.GCP_EU:
+      return MC_API_URLS.GCP_EU;
+
+    case CLOUD_IDENTIFIERS.GCP_US:
+      return MC_API_URLS.GCP_US;
+
+    case CLOUD_IDENTIFIERS.AWS_FRA:
+      return MC_API_URLS.AWS_FRA;
+
+    case CLOUD_IDENTIFIERS.AWS_OHIO:
+      return MC_API_URLS.AWS_OHIO;
+
+    default:
+      // We would probably never get to this point, as the JSON schema validation
+      // kicks in before.
+      throw new Error(_concatInstanceProperty(_context = "Unknown cloud identifier \"".concat(key, "\". Supported values: ")).call(_context, _Object$values(CLOUD_IDENTIFIERS).toString()));
+  }
+};
+
+var getUniqueValues = function getUniqueValues() {
+  var _context2;
+
+  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var additionalValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return uniq(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(initialValues), _toConsumableArray(additionalValues)));
+};
+
+var nonProductionEnvironment = ['development', 'test'];
+
+var getIsProd = function getIsProd(env) {
+  return (// TL;DR: in case the `MC_APP_ENV` is defined, we consider that it's
+    // a production environment unless it's one of `development` or `test`.
+    // This allows to use for example the `staging` value, which from the
+    // application perspective is still considered a production environment.
+    env.MC_APP_ENV ? !_includesInstanceProperty(nonProductionEnvironment).call(nonProductionEnvironment, env.MC_APP_ENV) : env.NODE_ENV === 'production'
+  );
+};
+
+var getOrThrow = function getOrThrow(fn, errorMessage) {
+  try {
+    return fn();
+  } catch (error) {
+    throw new Error(errorMessage);
+  }
+};
+
+function transformCustomApplicationConfigToData(appConfig) {
+  var permissionKeys = entryPointUriPathToResourceAccesses(appConfig.entryPointUriPath);
+  return {
+    id: appConfig.env.production.applicationId,
+    name: appConfig.name,
+    description: appConfig.description,
+    entryPointUriPath: appConfig.entryPointUriPath,
+    url: appConfig.env.production.url,
+    permissions: [{
+      name: permissionKeys.view,
+      oAuthScopes: appConfig.oAuthScopes.view
+    }, {
+      name: permissionKeys.manage,
+      oAuthScopes: appConfig.oAuthScopes.manage
+    }],
+    icon: appConfig.icon,
+    mainMenuLink: appConfig.mainMenuLink,
+    submenuLinks: appConfig.submenuLinks
+  };
+}
+
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -703,19 +735,19 @@ var processConfig = function processConfig() {
       applicationPath = _ref$applicationPath === void 0 ? fs.realpathSync(process.cwd()) : _ref$applicationPath;
 
   if (cachedConfig && !disableCache) return cachedConfig;
+  var rawConfig = loadConfig(applicationPath);
+  validateConfig(rawConfig);
+  var appConfig = substituteVariablePlaceholders(rawConfig, {
+    applicationPath: applicationPath,
+    processEnv: processEnv
+  });
+  var customApplicationData = transformCustomApplicationConfigToData(appConfig);
   var appEnvKey = (_ref2 = (_processEnv$MC_APP_EN = processEnv.MC_APP_ENV) !== null && _processEnv$MC_APP_EN !== void 0 ? _processEnv$MC_APP_EN : processEnv.NODE_ENV) !== null && _ref2 !== void 0 ? _ref2 : 'development';
   var isProd = getIsProd(processEnv);
-  var loadedAppConfig = loadConfig(applicationPath);
-  validateConfig(loadedAppConfig);
-  var validatedLoadedAppConfig = loadedAppConfig;
-  var appConfig = substituteVariablePlaceholders(validatedLoadedAppConfig, {
-    processEnv: processEnv,
-    applicationPath: applicationPath
-  });
   var additionalAppEnv = (_appConfig$additional = appConfig.additionalEnv) !== null && _appConfig$additional !== void 0 ? _appConfig$additional : {};
   var revision = (_ref3 = additionalAppEnv.revision) !== null && _ref3 !== void 0 ? _ref3 : ''; // Parse all the supported URLs, which gets implicitly validated
 
-  var envAppUrl = isProd ? appConfig.env.production.url : developmentAppUrl;
+  var envAppUrl = isProd ? customApplicationData.url : developmentAppUrl;
   var appUrl = getOrThrow(function () {
     return new _URL(envAppUrl);
   }, "Invalid application URL: \"".concat(envAppUrl, "\"")); // Use `||` instead of `??` to include empty string values.
@@ -732,30 +764,31 @@ var processConfig = function processConfig() {
   // This is important to determine to which URL the MC should redirect to
   // after successful login.
 
-  var applicationId = isProd ? _concatInstanceProperty(_context = "".concat(appConfig.env.production.applicationId, ":")).call(_context, appConfig.entryPointUriPath) : "__local:".concat(appConfig.entryPointUriPath);
+  var applicationId = isProd ? _concatInstanceProperty(_context = "".concat(customApplicationData.id, ":")).call(_context, customApplicationData.entryPointUriPath) : "__local:".concat(customApplicationData.entryPointUriPath);
   var developmentConfig = isProd ? undefined : omitDevConfigIfEmpty({
     oidc: omitEmpty({
       authorizeUrl: [// In case the MC API url points to localhost, we need to point
       // to a local running dev login page to handle the workflow properly.
       mcApiUrl.hostname === 'localhost' ? mcApiUrl.origin.replace(mcApiUrl.port, String(developmentPort)) : mcApiUrl.origin.replace('mc-api', 'mc'), '/login/authorize'].join(''),
       initialProjectKey: // For the `account` application, we should unset the projectKey.
-      appConfig.entryPointUriPath === 'account' ? undefined : appConfig.env.development.initialProjectKey,
+      customApplicationData.entryPointUriPath === 'account' ? undefined : appConfig.env.development.initialProjectKey,
       teamId: (_appConfig$env$develo = appConfig.env.development) === null || _appConfig$env$develo === void 0 ? void 0 : _appConfig$env$develo.teamId,
       oAuthScopes: appConfig.oAuthScopes
     }),
     menuLinks: _objectSpread(_objectSpread({
-      icon: appConfig.icon
-    }, appConfig.mainMenuLink), {}, {
-      submenuLinks: appConfig.submenuLinks
+      icon: customApplicationData.icon
+    }, customApplicationData.mainMenuLink), {}, {
+      submenuLinks: customApplicationData.submenuLinks
     }),
     // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
     accountLinks: appConfig.accountLinks
   });
   cachedConfig = {
+    data: customApplicationData,
     env: _objectSpread(_objectSpread(_objectSpread({}, omitEmpty(additionalAppEnv)), {}, {
       applicationId: applicationId,
-      applicationName: appConfig.name,
-      entryPointUriPath: appConfig.entryPointUriPath
+      applicationName: customApplicationData.name,
+      entryPointUriPath: customApplicationData.entryPointUriPath
     }, isProd || !developmentConfig ? {} : {
       __DEVELOPMENT__: developmentConfig
     }), {}, {
@@ -778,4 +811,4 @@ var processConfig = function processConfig() {
   return cachedConfig;
 };
 
-export { MissingOrInvalidConfigError, processConfig };
+export { MissingOrInvalidConfigError, getConfigPath, processConfig };

package/dist/declarations/src/formatters.d.ts

@@ -0,0 +1,8 @@
+export declare const entryPointUriPathToResourceAccesses: (entryPointUriPath: string) => {
+    view: string;
+    manage: string;
+};
+export declare const entryPointUriPathToPermissionKeys: (entryPointUriPath: string) => {
+    View: string;
+    Manage: string;
+};

package/dist/declarations/src/index.d.ts

@@ -1,3 +1,4 @@
 export { default as processConfig } from './process-config';
+export { getConfigPath } from './load-config';
 export * from './errors';
 export * from './types';

package/dist/declarations/src/load-config.d.ts

@@ -1,3 +1,4 @@
 import type { JSONSchemaForCustomApplicationConfigurationFiles } from './schema';
+export declare const getConfigPath: () => string;
 declare const loadConfig: (applicationPath: string) => JSONSchemaForCustomApplicationConfigurationFiles;
 export default loadConfig;

package/dist/declarations/src/process-config.d.ts

@@ -1,11 +1,6 @@
-/// <reference types="node" />
-import type { JSONSchemaForCustomApplicationConfigurationFiles } from './schema';
-import type { ApplicationRuntimeConfig } from './types';
-declare type ProcessConfigOptions = {
+import type { ApplicationRuntimeConfig, LoadingConfigOptions } from './types';
+declare type ProcessConfigOptions = Partial<LoadingConfigOptions> & {
     disableCache?: boolean;
-    processEnv?: NodeJS.ProcessEnv;
-    applicationPath?: string;
-    configJson?: JSONSchemaForCustomApplicationConfigurationFiles | undefined;
 };
 declare const processConfig: ({ disableCache, processEnv, applicationPath, }?: ProcessConfigOptions) => ApplicationRuntimeConfig;
 export default processConfig;

package/dist/declarations/src/ssr.d.ts

@@ -0,0 +1 @@
+export * from './formatters';

package/dist/declarations/src/substitute-variable-placeholders.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="node" />
-declare type Meta = {
-    processEnv: NodeJS.ProcessEnv;
-    applicationPath: string;
-};
-declare const substituteVariablePlaceholders: <T>(config: T, meta: Meta) => T;
+import type { LoadingConfigOptions } from './types';
+declare const substituteVariablePlaceholders: <T>(config: T, loadingOptions: LoadingConfigOptions) => T;
 export default substituteVariablePlaceholders;

package/dist/declarations/src/transformers.d.ts

@@ -0,0 +1,4 @@
+import type { JSONSchemaForCustomApplicationConfigurationFiles } from './schema';
+import type { CustomApplicationData } from './types';
+declare function transformCustomApplicationConfigToData(appConfig: JSONSchemaForCustomApplicationConfigurationFiles): CustomApplicationData;
+export { transformCustomApplicationConfigToData };

package/dist/declarations/src/types.d.ts

@@ -1,9 +1,46 @@
+/// <reference types="node" />
 import type { ApplicationWindow } from '@commercetools-frontend/constants';
 import type { JSONSchemaForCustomApplicationConfigurationFiles } from './schema';
 import { CLOUD_IDENTIFIERS } from './constants';
 export declare type ConfigOptions = JSONSchemaForCustomApplicationConfigurationFiles;
 export declare type CloudIdentifier = typeof CLOUD_IDENTIFIERS[keyof typeof CLOUD_IDENTIFIERS];
+declare type LocalizedFieldData = {
+    locale: string;
+    value: string;
+};
+declare type CustomApplicationPermissionData = {
+    name: string;
+    oAuthScopes: string[];
+};
+declare type CustomApplicationMenuLinkData = {
+    defaultLabel: string;
+    labelAllLocales: LocalizedFieldData[];
+    permissions: string[];
+};
+declare type CustomApplicationSubmenuLinkData = {
+    uriPath: string;
+    defaultLabel: string;
+    labelAllLocales: LocalizedFieldData[];
+    permissions: string[];
+};
+export declare type CustomApplicationData = {
+    id: string;
+    entryPointUriPath: string;
+    name: string;
+    description?: string;
+    url: string;
+    icon: string;
+    permissions: CustomApplicationPermissionData[];
+    mainMenuLink: CustomApplicationMenuLinkData;
+    submenuLinks: CustomApplicationSubmenuLinkData[];
+};
 export declare type ApplicationRuntimeConfig = {
+    data: CustomApplicationData;
     env: ApplicationWindow['app'];
     headers: JSONSchemaForCustomApplicationConfigurationFiles['headers'];
 };
+export declare type LoadingConfigOptions = {
+    processEnv: NodeJS.ProcessEnv;
+    applicationPath: string;
+};
+export {};

package/dist/formatters-40251cfd.cjs.prod.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var upperFirst = require('lodash/upperFirst');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
+
+// removing special characters except underscore.
+// It makes the first character of the string and the next character after a special character an uppercase.
+// It replaces hyphen(-) with a forward slash(/) if the hyphen(-) is followed by a number.
+// Examples:
+// input: foo-bar result: FooBar
+// input: foo_bar result: Foo_Bar
+// input: foo-1bar result: Foo/1bar
+
+var formatEntryPointUriPathToResourceAccessKey = function formatEntryPointUriPathToResourceAccessKey(entryPointUriPath) {
+  var _context, _context2;
+
+  return _mapInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = entryPointUriPath //Splits the string by underscore.
+  .split('_') // Uppercase the first character of each word split.
+  ).call(_context2, function (word) {
+    return upperFirst__default["default"](word);
+  }) // Join the words by an underscore.
+  .join('_') // Each word is split by a hyphen.
+  .split('-')).call(_context, function (word, i) {
+    // Regex below checking if the character is numeric.
+    // If the word after the hyphen is numeric, replace the hyphen with a forward slash.
+    // If not, omit the hyphen and uppercase the first character
+    if (i > 0 && /^-?\d+$/.test(word[0])) {
+      return '/' + word;
+    }
+
+    return upperFirst__default["default"](word);
+  }).join('');
+};
+
+var entryPointUriPathToResourceAccesses = function entryPointUriPathToResourceAccesses(entryPointUriPath) {
+  var convertedEntryPointUriPath = formatEntryPointUriPathToResourceAccessKey(entryPointUriPath);
+  return {
+    view: "view".concat(convertedEntryPointUriPath),
+    manage: "manage".concat(convertedEntryPointUriPath)
+  };
+};
+var entryPointUriPathToPermissionKeys = function entryPointUriPathToPermissionKeys(entryPointUriPath) {
+  var resourceAccesses = entryPointUriPathToResourceAccesses(entryPointUriPath);
+  return {
+    View: upperFirst__default["default"](resourceAccesses.view),
+    Manage: upperFirst__default["default"](resourceAccesses.manage)
+  };
+};
+
+exports.entryPointUriPathToPermissionKeys = entryPointUriPathToPermissionKeys;
+exports.entryPointUriPathToResourceAccesses = entryPointUriPathToResourceAccesses;

package/dist/formatters-41584280.cjs.dev.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var upperFirst = require('lodash/upperFirst');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
+
+// removing special characters except underscore.
+// It makes the first character of the string and the next character after a special character an uppercase.
+// It replaces hyphen(-) with a forward slash(/) if the hyphen(-) is followed by a number.
+// Examples:
+// input: foo-bar result: FooBar
+// input: foo_bar result: Foo_Bar
+// input: foo-1bar result: Foo/1bar
+
+var formatEntryPointUriPathToResourceAccessKey = function formatEntryPointUriPathToResourceAccessKey(entryPointUriPath) {
+  var _context, _context2;
+
+  return _mapInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = entryPointUriPath //Splits the string by underscore.
+  .split('_') // Uppercase the first character of each word split.
+  ).call(_context2, function (word) {
+    return upperFirst__default["default"](word);
+  }) // Join the words by an underscore.
+  .join('_') // Each word is split by a hyphen.
+  .split('-')).call(_context, function (word, i) {
+    // Regex below checking if the character is numeric.
+    // If the word after the hyphen is numeric, replace the hyphen with a forward slash.
+    // If not, omit the hyphen and uppercase the first character
+    if (i > 0 && /^-?\d+$/.test(word[0])) {
+      return '/' + word;
+    }
+
+    return upperFirst__default["default"](word);
+  }).join('');
+};
+
+var entryPointUriPathToResourceAccesses = function entryPointUriPathToResourceAccesses(entryPointUriPath) {
+  var convertedEntryPointUriPath = formatEntryPointUriPathToResourceAccessKey(entryPointUriPath);
+  return {
+    view: "view".concat(convertedEntryPointUriPath),
+    manage: "manage".concat(convertedEntryPointUriPath)
+  };
+};
+var entryPointUriPathToPermissionKeys = function entryPointUriPathToPermissionKeys(entryPointUriPath) {
+  var resourceAccesses = entryPointUriPathToResourceAccesses(entryPointUriPath);
+  return {
+    View: upperFirst__default["default"](resourceAccesses.view),
+    Manage: upperFirst__default["default"](resourceAccesses.manage)
+  };
+};
+
+exports.entryPointUriPathToPermissionKeys = entryPointUriPathToPermissionKeys;
+exports.entryPointUriPathToResourceAccesses = entryPointUriPathToResourceAccesses;

package/dist/formatters-62af6993.esm.js

@@ -0,0 +1,48 @@
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import upperFirst from 'lodash/upperFirst';
+
+// removing special characters except underscore.
+// It makes the first character of the string and the next character after a special character an uppercase.
+// It replaces hyphen(-) with a forward slash(/) if the hyphen(-) is followed by a number.
+// Examples:
+// input: foo-bar result: FooBar
+// input: foo_bar result: Foo_Bar
+// input: foo-1bar result: Foo/1bar
+
+var formatEntryPointUriPathToResourceAccessKey = function formatEntryPointUriPathToResourceAccessKey(entryPointUriPath) {
+  var _context, _context2;
+
+  return _mapInstanceProperty(_context = _mapInstanceProperty(_context2 = entryPointUriPath //Splits the string by underscore.
+  .split('_') // Uppercase the first character of each word split.
+  ).call(_context2, function (word) {
+    return upperFirst(word);
+  }) // Join the words by an underscore.
+  .join('_') // Each word is split by a hyphen.
+  .split('-')).call(_context, function (word, i) {
+    // Regex below checking if the character is numeric.
+    // If the word after the hyphen is numeric, replace the hyphen with a forward slash.
+    // If not, omit the hyphen and uppercase the first character
+    if (i > 0 && /^-?\d+$/.test(word[0])) {
+      return '/' + word;
+    }
+
+    return upperFirst(word);
+  }).join('');
+};
+
+var entryPointUriPathToResourceAccesses = function entryPointUriPathToResourceAccesses(entryPointUriPath) {
+  var convertedEntryPointUriPath = formatEntryPointUriPathToResourceAccessKey(entryPointUriPath);
+  return {
+    view: "view".concat(convertedEntryPointUriPath),
+    manage: "manage".concat(convertedEntryPointUriPath)
+  };
+};
+var entryPointUriPathToPermissionKeys = function entryPointUriPathToPermissionKeys(entryPointUriPath) {
+  var resourceAccesses = entryPointUriPathToResourceAccesses(entryPointUriPath);
+  return {
+    View: upperFirst(resourceAccesses.view),
+    Manage: upperFirst(resourceAccesses.manage)
+  };
+};
+
+export { entryPointUriPathToPermissionKeys as a, entryPointUriPathToResourceAccesses as e };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-config",
-  "version": "21.1.2",
+  "version": "21.3.2",
   "description": "Configuration utilities for building Custom Applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -16,8 +16,12 @@
   },
   "main": "dist/commercetools-frontend-application-config.cjs.js",
   "module": "dist/commercetools-frontend-application-config.esm.js",
+  "preconstruct": {
+    "entrypoints": ["./index.ts", "./ssr.ts"]
+  },
   "files": [
     "dist",
+    "ssr",
     "scripts",
     "schema.json",
     "package.json",
@@ -28,12 +32,12 @@
     "build:schema": "json2ts schema.json src/schema.ts --style.singleQuote --bannerComment '/* eslint-disable prettier/prettier */\n// This file was automatically generated by json-schema-to-typescript.\n// DO NOT MODIFY IT BY HAND. Instead, modify the source schema.json file.'"
   },
   "dependencies": {
-    "@babel/register": "^7.16.9",
-    "@babel/runtime": "^7.16.7",
-    "@babel/runtime-corejs3": "^7.16.8",
-    "@commercetools-frontend/babel-preset-mc-app": "21.0.0",
-    "ajv": "8.9.0",
-    "core-js": "^3.20.3",
+    "@babel/register": "^7.17.7",
+    "@babel/runtime": "^7.17.8",
+    "@babel/runtime-corejs3": "^7.17.8",
+    "@commercetools-frontend/babel-preset-mc-app": "21.3.2",
+    "ajv": "8.11.0",
+    "core-js": "^3.21.1",
     "cosmiconfig": "7.0.1",
     "lodash": "4.17.21",
     "omit-empty-es": "1.1.3"