@commercetools-frontend/application-config 22.7.0 → 22.8.0

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

@@ -1,6 +1,3 @@
-import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
-import _URL from '@babel/runtime-corejs3/core-js-stable/url';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -9,10 +6,15 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
-import fs from 'fs';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import _URL from '@babel/runtime-corejs3/core-js-stable/url';
+import fs from 'node:fs';
+import path, { parse } from 'node:path';
 import omitEmpty from 'omit-empty-es';
-import { execFileSync } from 'child_process';
-import path from 'path';
+import { CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH } from '@commercetools-frontend/constants';
+import { execFileSync } from 'node:child_process';
 import { cosmiconfigSync, defaultLoaders } from 'cosmiconfig';
 import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
@@ -28,18 +30,48 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import { f as formatEntryPointUriPathToResourceAccessKey, e as entryPointUriPathToResourceAccesses } from './formatters-3609951b.esm.js';
+import { f as formatEntryPointUriPathToResourceAccessKey, e as entryPointUriPathToResourceAccesses } from './formatters-ff577549.esm.js';
 import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import Ajv from 'ajv';
 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 createDOMPurify from 'dompurify';
 import { JSDOM } from 'jsdom';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import 'lodash/upperFirst';
 
+/**
+ * The entryPointUriPath may be between 2 and 64 characters and only contain alphabetic lowercase characters,
+ * non-consecutive underscores and hyphens. Leading and trailing underscore and hyphens are also not allowed.
+ */
+const ENTRY_POINT_URI_PATH_REGEX = /^[^-_#]([0-9a-z]|[-_](?![-_])){0,62}[^-_#]$/g;
+
+/**
+ * The permission group name may be between 2 and 64 characters and only contain alphanumeric lowercase characters and non-consecutive hyphens. Leading and trailing hyphens are also not allowed.
+ */
+const PERMISSION_GROUP_NAME_REGEX = /^[^-#]([a-z]|[-](?![-])){0,62}[^-#]$/g;
+const CLOUD_IDENTIFIERS = {
+  GCP_AU: 'gcp-au',
+  GCP_EU: 'gcp-eu',
+  GCP_US: 'gcp-us',
+  AWS_FRA: 'aws-fra',
+  AWS_OHIO: 'aws-ohio',
+  AWS_CN: 'aws-cn'
+};
+const 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',
+  AWS_CN: 'https://mc-api.cn-northwest-1.aws.commercetools.cn'
+};
+const LOADED_CONFIG_TYPES = {
+  CUSTOM_APPLICATION: 'custom-application',
+  CUSTOM_VIEW: 'custom-view'
+};
+
 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); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 let MissingOrInvalidConfigError = /*#__PURE__*/function (_Error) {
@@ -82,31 +114,39 @@ const loadJsModule = filePath => {
   });
   return JSON.parse(output);
 };
-const moduleName = 'custom-application-config';
-const explorer = cosmiconfigSync(moduleName, {
-  // Restrict the supported file formats / names
-  searchPlaces: [".".concat(moduleName, "rc"), ".".concat(moduleName, ".json"), ".".concat(moduleName, ".js"), ".".concat(moduleName, ".cjs"), ".".concat(moduleName, ".mjs"), ".".concat(moduleName, ".ts"), "".concat(moduleName, ".json"), "".concat(moduleName, ".js"), "".concat(moduleName, ".cjs"), "".concat(moduleName, ".mjs"), "".concat(moduleName, ".ts")],
-  loaders: {
-    noExt: defaultLoaders['.json'],
-    '.js': loadJsModule,
-    '.cjs': loadJsModule,
-    '.mjs': loadJsModule,
-    '.ts': loadJsModule
-  }
-});
+const createExplorerFor = configFileName => {
+  return cosmiconfigSync(configFileName, {
+    // Restrict the supported file formats / names
+    searchPlaces: [".".concat(configFileName, "rc"), ".".concat(configFileName, ".json"), ".".concat(configFileName, ".js"), ".".concat(configFileName, ".cjs"), ".".concat(configFileName, ".mjs"), ".".concat(configFileName, ".ts"), "".concat(configFileName, ".json"), "".concat(configFileName, ".js"), "".concat(configFileName, ".cjs"), "".concat(configFileName, ".mjs"), "".concat(configFileName, ".ts")],
+    loaders: {
+      noExt: defaultLoaders['.json'],
+      '.js': loadJsModule,
+      '.cjs': loadJsModule,
+      '.mjs': loadJsModule,
+      '.ts': loadJsModule
+    }
+  });
+};
+const customApplicationExplorer = createExplorerFor('custom-application-config');
+const customViewExplorer = createExplorerFor('custom-view-config');
 const getConfigPath = () => {
-  const configFile = explorer.search();
-  if (!configFile) {
-    throw new Error("Missing or invalid Custom Application configuration file.");
+  const customApplicationConfigFile = customApplicationExplorer.search();
+  const customViewConfigFile = customViewExplorer.search();
+  if (!customApplicationConfigFile && !customViewConfigFile) {
+    throw new Error("Missing or invalid configuration file.");
   }
-  return configFile.filepath;
+  return (customApplicationConfigFile === null || customApplicationConfigFile === void 0 ? void 0 : customApplicationConfigFile.filepath) || (customViewConfigFile === null || customViewConfigFile === void 0 ? void 0 : customViewConfigFile.filepath);
 };
 const loadConfig = applicationPath => {
-  const configFile = explorer.search(applicationPath);
-  if (!configFile || !configFile.config) {
-    throw new MissingOrInvalidConfigError("Missing or invalid Custom Application configuration file.");
+  const customApplicationConfigFile = customApplicationExplorer.search(applicationPath);
+  const customViewConfigFile = customViewExplorer.search(applicationPath);
+  if ((!customApplicationConfigFile || !customApplicationConfigFile.config) && (!customViewConfigFile || !customViewConfigFile.config)) {
+    throw new MissingOrInvalidConfigError("Missing or invalid configuration file.");
+  }
+  if (customApplicationConfigFile && customViewConfigFile) {
+    throw new MissingOrInvalidConfigError("Found configuration files for both Custom Application and Custom View. Please remove one of them.");
   }
-  return configFile.config;
+  return customViewConfigFile || customApplicationConfigFile;
 };
 
 // Transifex's Structured JSON format.
@@ -199,7 +239,7 @@ const substituteVariablePlaceholders = (config, loadingOptions) => JSON.parse(_J
   return substitutedValue;
 });
 
-var schemaJson = {
+var customApplicationSchemaJson = {
 	$schema: "http://json-schema.org/draft-07/schema",
 	$id: "https://docs.commercetools.com/custom-applications/schema.json",
 	title: "JSON schema for Custom Application configuration files",
@@ -552,38 +592,300 @@ var schemaJson = {
 	]
 };
 
-/**
- * The entryPointUriPath may be between 2 and 64 characters and only contain alphabetic lowercase characters,
- * non-consecutive underscores and hyphens. Leading and trailing underscore and hyphens are also not allowed.
- */
-const ENTRY_POINT_URI_PATH_REGEX = /^[^-_#]([0-9a-z]|[-_](?![-_])){0,62}[^-_#]$/g;
-
-/**
- * The permission group name may be between 2 and 64 characters and only contain alphanumeric lowercase characters and non-consecutive hyphens. Leading and trailing hyphens are also not allowed.
- */
-const PERMISSION_GROUP_NAME_REGEX = /^[^-#]([a-z]|[-](?![-])){0,62}[^-#]$/g;
-const CLOUD_IDENTIFIERS = {
-  GCP_AU: 'gcp-au',
-  GCP_EU: 'gcp-eu',
-  GCP_US: 'gcp-us',
-  AWS_FRA: 'aws-fra',
-  AWS_OHIO: 'aws-ohio',
-  AWS_CN: 'aws-cn'
-};
-const 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',
-  AWS_CN: 'https://mc-api.cn-northwest-1.aws.commercetools.cn'
+var customViewSchemaJson = {
+	$schema: "http://json-schema.org/draft-07/schema",
+	$id: "https://docs.commercetools.com/custom-applications/custom-view.schema.json",
+	title: "JSON schema for Custom View configuration files",
+	type: "object",
+	definitions: {
+		cspDirective: {
+			type: "array",
+			items: {
+				type: "string"
+			},
+			uniqueItems: true
+		}
+	},
+	properties: {
+		name: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "string"
+		},
+		description: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "string"
+		},
+		cloudIdentifier: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "string"
+		},
+		mcApiUrl: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "string"
+		},
+		oAuthScopes: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "object",
+			properties: {
+				view: {
+					description: "See https://docs.commercetools.com/TODO",
+					type: "array",
+					"default": [
+					],
+					items: {
+						type: "string",
+						pattern: "view_(.*)"
+					},
+					uniqueItems: true
+				},
+				manage: {
+					description: "See https://docs.commercetools.com/TODO",
+					type: "array",
+					"default": [
+					],
+					items: {
+						type: "string",
+						pattern: "manage_(.*)"
+					},
+					uniqueItems: true
+				}
+			},
+			additionalProperties: false,
+			required: [
+				"view",
+				"manage"
+			]
+		},
+		additionalOAuthScopes: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "array",
+			"default": [
+			],
+			uniqueItems: true,
+			items: {
+				type: "object",
+				properties: {
+					name: {
+						description: "See https://docs.commercetools.com/TODO",
+						type: "string"
+					},
+					view: {
+						description: "See https://docs.commercetools.com/TODO",
+						type: "array",
+						"default": [
+						],
+						items: {
+							type: "string",
+							pattern: "view_(.*)"
+						},
+						uniqueItems: true
+					},
+					manage: {
+						description: "See https://docs.commercetools.com/TODO",
+						type: "array",
+						"default": [
+						],
+						items: {
+							type: "string",
+							pattern: "manage_(.*)"
+						},
+						uniqueItems: true
+					}
+				},
+				additionalProperties: false,
+				required: [
+					"name",
+					"view",
+					"manage"
+				]
+			}
+		},
+		env: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "object",
+			properties: {
+				development: {
+					type: "object",
+					properties: {
+						initialProjectKey: {
+							description: "See https://docs.commercetools.com/TODO",
+							type: "string"
+						},
+						teamId: {
+							type: "string"
+						},
+						hostUriPath: {
+							description: "See https://docs.commercetools.com/TODO",
+							type: "string"
+						}
+					},
+					additionalProperties: false,
+					required: [
+						"initialProjectKey"
+					]
+				},
+				production: {
+					type: "object",
+					properties: {
+						customViewId: {
+							description: "See https://docs.commercetools.com/TODO",
+							type: "string"
+						},
+						url: {
+							description: "See https://docs.commercetools.com/TODO",
+							type: "string"
+						},
+						cdnUrl: {
+							description: "See https://docs.commercetools.com/TODO",
+							type: "string"
+						}
+					},
+					additionalProperties: false,
+					required: [
+						"customViewId",
+						"url"
+					]
+				}
+			},
+			additionalProperties: false,
+			required: [
+				"development",
+				"production"
+			]
+		},
+		additionalEnv: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "object"
+		},
+		headers: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "object",
+			properties: {
+				csp: {
+					description: "See https://docs.commercetools.com/TODO",
+					type: "object",
+					properties: {
+						"connect-src": {
+							$ref: "#/definitions/cspDirective"
+						},
+						"font-src": {
+							$ref: "#/definitions/cspDirective"
+						},
+						"img-src": {
+							$ref: "#/definitions/cspDirective"
+						},
+						"script-src": {
+							$ref: "#/definitions/cspDirective"
+						},
+						"style-src": {
+							$ref: "#/definitions/cspDirective"
+						},
+						"frame-src": {
+							$ref: "#/definitions/cspDirective"
+						}
+					},
+					additionalProperties: false,
+					required: [
+						"connect-src"
+					]
+				},
+				permissionsPolicies: {
+					description: "See https://docs.commercetools.com/TODO",
+					type: "object"
+				},
+				strictTransportSecurity: {
+					description: "See https://docs.commercetools.com/TODO",
+					type: "array",
+					items: {
+						"enum": [
+							"includeSubDomains",
+							"preload"
+						]
+					},
+					uniqueItems: true
+				}
+			},
+			additionalProperties: false
+		},
+		labelAllLocales: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "array",
+			"default": [
+			],
+			items: {
+				type: "object",
+				properties: {
+					locale: {
+						type: "string",
+						"enum": [
+							"en",
+							"de",
+							"es",
+							"fr-FR",
+							"pt-BR",
+							"zh-CN"
+						]
+					},
+					value: {
+						type: "string"
+					}
+				},
+				additionalProperties: false,
+				required: [
+					"locale",
+					"value"
+				]
+			}
+		},
+		type: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "string",
+			"enum": [
+				"CustomPanel"
+			]
+		},
+		typeSettings: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "object",
+			properties: {
+				size: {
+					description: "See https://docs.commercetools.com/TODO",
+					type: "string",
+					"enum": [
+						"SMALL",
+						"LARGE"
+					]
+				}
+			}
+		},
+		locators: {
+			description: "See https://docs.commercetools.com/TODO",
+			type: "array",
+			"default": [
+			],
+			items: {
+				type: "string"
+			}
+		}
+	},
+	additionalProperties: true,
+	required: [
+		"name",
+		"cloudIdentifier",
+		"env",
+		"oAuthScopes",
+		"labelAllLocales",
+		"type",
+		"locators"
+	]
 };
 
 const ajv = new Ajv({
   strict: true,
   useDefaults: true
 });
-const validate = ajv.compile(schemaJson);
+const validateCustomApplicationConfig = ajv.compile(customApplicationSchemaJson);
+const validateCustomViewConfig = ajv.compile(customViewSchemaJson);
 const printErrors = errors => {
   if (!errors) {
     return 'No errors';
@@ -601,10 +903,19 @@ const printErrors = errors => {
     }
   }).join('\n');
 };
-const validateConfig = config => {
-  const valid = validate(config);
-  if (!valid) {
-    throw new Error(printErrors(validate.errors));
+const validateConfig = (configType, config) => {
+  let validation;
+  if (configType === LOADED_CONFIG_TYPES.CUSTOM_APPLICATION) {
+    validation = validateCustomApplicationConfig;
+  } else if (configType === LOADED_CONFIG_TYPES.CUSTOM_VIEW) {
+    validation = validateCustomViewConfig;
+  } else {
+    var _context4;
+    throw new Error(_concatInstanceProperty(_context4 = "Invalid config type \"".concat(configType, "\", expected ")).call(_context4, _Object$keys(LOADED_CONFIG_TYPES).toString()));
+  }
+  const isValid = validation(config);
+  if (!isValid) {
+    throw new Error(printErrors(validation.errors));
   }
 };
 const validateEntryPointUriPath = config => {
@@ -613,9 +924,9 @@ const validateEntryPointUriPath = config => {
   }
 };
 const validateSubmenuLinks = config => {
-  var _context4;
+  var _context5;
   const uriPathSet = new _Set();
-  _forEachInstanceProperty(_context4 = config.submenuLinks).call(_context4, _ref => {
+  _forEachInstanceProperty(_context5 = config.submenuLinks).call(_context5, _ref => {
     let uriPath = _ref.uriPath;
     if (uriPathSet.has(uriPath)) {
       throw new Error('Duplicate URI path. Every submenu link must have a unique URI path value');
@@ -626,7 +937,7 @@ const validateSubmenuLinks = config => {
 const validateAdditionalOAuthScopes = config => {
   var _config$additionalOAu;
   const additionalPermissionNames = new _Set();
-  (_config$additionalOAu = config.additionalOAuthScopes) === null || _config$additionalOAu === void 0 ? void 0 : _forEachInstanceProperty(_config$additionalOAu).call(_config$additionalOAu, _ref2 => {
+  (_config$additionalOAu = config.additionalOAuthScopes) === null || _config$additionalOAu === void 0 || _forEachInstanceProperty(_config$additionalOAu).call(_config$additionalOAu, _ref2 => {
     let name = _ref2.name,
       view = _ref2.view,
       manage = _ref2.manage;
@@ -642,8 +953,8 @@ const validateAdditionalOAuthScopes = config => {
   });
 };
 
-function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys$1(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys$1(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys$1(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys$1(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // The `uriPath` of each submenu link is supposed to be defined relative
 // to the `entryPointUriPath`. Computing the full path is done internally to keep
@@ -676,7 +987,7 @@ const getPermissions = appConfig => {
     let name = _ref2.name;
     return name;
   })) || [];
-  const permissionKeys = entryPointUriPathToResourceAccesses(appConfig.entryPointUriPath, additionalPermissionNames);
+  const permissionKeys = entryPointUriPathToResourceAccesses(appConfig.entryPointUriPath || appConfig.env.production.customViewId, additionalPermissionNames);
   const additionalPermissions = _mapInstanceProperty(_context3 = _Object$keys(additionalResourceAccessKeyToOauthScopeMap)).call(_context3, additionalResourceAccessKey => ({
     name: permissionKeys[additionalResourceAccessKey],
     oAuthScopes: additionalResourceAccessKeyToOauthScopeMap[additionalResourceAccessKey]
@@ -708,6 +1019,29 @@ function transformCustomApplicationConfigToData(appConfig) {
     }))
   };
 }
+function transformCustomViewConfigToData(customViewConfig) {
+  validateAdditionalOAuthScopes(customViewConfig);
+  return {
+    id: customViewConfig.env.production.customViewId,
+    defaultLabel: customViewConfig.name,
+    labelAllLocales: customViewConfig.labelAllLocales,
+    description: customViewConfig.description,
+    url: customViewConfig.env.production.url,
+    permissions: getPermissions(customViewConfig),
+    locators: customViewConfig.locators,
+    type: customViewConfig.type,
+    typeSettings: customViewConfig.typeSettings
+  };
+}
+function transformConfigurationToData(configType, configuration) {
+  if (configType === LOADED_CONFIG_TYPES.CUSTOM_APPLICATION) {
+    return transformCustomApplicationConfigToData(configuration);
+  } else if (configType === LOADED_CONFIG_TYPES.CUSTOM_VIEW) {
+    return transformCustomViewConfigToData(configuration);
+  } else {
+    throw new Error("Invalid config type: ".concat(configType));
+  }
+}
 
 const mapCloudIdentifierToApiUrl = key => {
   var _context;
@@ -750,47 +1084,154 @@ const getOrThrow = (fn, errorMessage) => {
   }
 };
 
-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; }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 // TODO: make it configurable.
 const developmentPort = 3001;
 const developmentAppUrl = "http://localhost:".concat(developmentPort);
+const getLoadedConfigurationType = configFileName => {
+  if (_includesInstanceProperty(configFileName).call(configFileName, 'custom-view-config')) {
+    return LOADED_CONFIG_TYPES.CUSTOM_VIEW;
+  }
+  return LOADED_CONFIG_TYPES.CUSTOM_APPLICATION;
+};
 const trimTrailingSlash = value => value.replace(/\/$/, '');
 const omitDevConfigIfEmpty = devConfig => {
-  if (
-  // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-  devConfig !== null && devConfig !== void 0 && devConfig.accountLinks || devConfig !== null && devConfig !== void 0 && devConfig.menuLinks || devConfig !== null && devConfig !== void 0 && devConfig.oidc) return devConfig;
+  if (devConfig && (Object.hasOwn(devConfig, 'accountLinks') || Object.hasOwn(devConfig, 'menuLinks') || Object.hasOwn(devConfig, 'customViewHostUrl') || Object.hasOwn(devConfig, 'oidc'))) {
+    return devConfig;
+  }
   return undefined;
 };
+const isCustomViewData = data => data.entryPointUriPath === undefined;
+const getRuntimeEnvironmentConfigForDevelopment = _ref => {
+  var _appConfig$env$develo;
+  let isProd = _ref.isProd,
+    configurationData = _ref.configurationData,
+    mcApiUrl = _ref.mcApiUrl,
+    appConfig = _ref.appConfig,
+    entryPointUriPath = _ref.entryPointUriPath;
+  if (isProd) {
+    return undefined;
+  }
+  const oidcConfig = omitEmpty(_objectSpread(_objectSpread({
+    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.
+    entryPointUriPath === 'account' ? undefined : appConfig.env.development.initialProjectKey
+  }, ((_appConfig$env$develo = appConfig.env.development) === null || _appConfig$env$develo === void 0 ? void 0 : _appConfig$env$develo.teamId) && _objectSpread({
+    teamId: appConfig.env.development.teamId
+  }, isCustomViewData(configurationData) ? {
+    customViewId: configurationData.id
+  } : {
+    applicationId: configurationData.id
+  })), {}, {
+    oAuthScopes: appConfig.oAuthScopes,
+    additionalOAuthScopes: appConfig === null || appConfig === void 0 ? void 0 : appConfig.additionalOAuthScopes
+  }));
+  if (isCustomViewData(configurationData)) {
+    var _context;
+    const hostUriPath = appConfig.env.development.hostUriPath;
+    const defaultHostUriPath = oidcConfig.initialProjectKey ? _concatInstanceProperty(_context = "/".concat(oidcConfig.initialProjectKey, "/")).call(_context, entryPointUriPath) : "/".concat(entryPointUriPath);
+    const hostUrl = new _URL(hostUriPath || defaultHostUriPath, developmentAppUrl);
+    return omitDevConfigIfEmpty({
+      oidc: oidcConfig,
+      customViewConfig: configurationData,
+      customViewHostUrl: hostUrl.href
+    });
+  }
+  return omitDevConfigIfEmpty({
+    oidc: oidcConfig,
+    menuLinks: _objectSpread(_objectSpread({
+      icon: configurationData.icon
+    }, configurationData.mainMenuLink), {}, {
+      submenuLinks: configurationData.submenuLinks
+    }),
+    // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
+    accountLinks: configurationData.accountLinks
+  });
+};
+const getRuntimeEnvironmentConfig = _ref2 => {
+  var _context2;
+  let isProd = _ref2.isProd,
+    configurationData = _ref2.configurationData,
+    additionalAppEnv = _ref2.additionalAppEnv,
+    mcApiUrl = _ref2.mcApiUrl,
+    cdnUrl = _ref2.cdnUrl,
+    appUrl = _ref2.appUrl,
+    appEnvKey = _ref2.appEnvKey,
+    revision = _ref2.revision,
+    appConfig = _ref2.appConfig;
+  const entryPointUriPath = isCustomViewData(configurationData) ?
+  // When the application acts as the host for Custom Views, there is no real
+  // entry point to be used, therefore we use a special identifier.
+  CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH : configurationData.entryPointUriPath;
+
+  // The real application ID is only used in production.
+  // In development, we prefix the entry point with the "__local" prefix.
+  // This is important to determine to which URL the MC should redirect to
+  // after successful login.
+  const applicationIdentifier = isProd ? _concatInstanceProperty(_context2 = "".concat(configurationData.id, ":")).call(_context2, entryPointUriPath) : "__local:".concat(entryPointUriPath);
+  const developmentConfig = getRuntimeEnvironmentConfigForDevelopment({
+    isProd,
+    configurationData,
+    mcApiUrl,
+    appConfig,
+    entryPointUriPath
+  });
+  return _objectSpread(_objectSpread(_objectSpread({}, omitEmpty(additionalAppEnv)), {}, {
+    cdnUrl: cdnUrl.href,
+    env: appEnvKey,
+    frontendHost: appUrl.host,
+    location: appConfig.cloudIdentifier,
+    mcApiUrl: mcApiUrl.origin,
+    revision,
+    servedByProxy: isProd,
+    // Application config
+    applicationId: applicationIdentifier,
+    applicationIdentifier,
+    applicationName: isCustomViewData(configurationData) ? configurationData.defaultLabel : configurationData.name,
+    entryPointUriPath
+  }, isCustomViewData(configurationData) ? {
+    customViewId: configurationData.id
+  } : {}), developmentConfig ? {
+    __DEVELOPMENT__: developmentConfig
+  } : {});
+};
 
 // Keep a reference to the config so that requiring the module
 // again will result in returning the cached value.
 let cachedConfig;
 const processConfig = function () {
-  var _ref2, _processEnv$MC_APP_EN, _appConfig$additional, _ref3, _context, _appConfig$env$develo, _appConfig$headers, _appConfig$headers2, _appConfig$headers2$c, _context2, _appConfig$headers3, _appConfig$headers3$c, _appConfig$headers4, _appConfig$headers4$c;
-  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$disableCache = _ref.disableCache,
-    disableCache = _ref$disableCache === void 0 ? false : _ref$disableCache,
-    _ref$processEnv = _ref.processEnv,
-    processEnv = _ref$processEnv === void 0 ? process.env : _ref$processEnv,
-    _ref$applicationPath = _ref.applicationPath,
-    applicationPath = _ref$applicationPath === void 0 ? fs.realpathSync(process.cwd()) : _ref$applicationPath;
+  var _ref4, _processEnv$MC_APP_EN, _appConfig$additional, _ref5, _appConfig$headers, _appConfig$headers2, _context3, _appConfig$headers3, _appConfig$headers4;
+  let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref3$disableCache = _ref3.disableCache,
+    disableCache = _ref3$disableCache === void 0 ? false : _ref3$disableCache,
+    _ref3$processEnv = _ref3.processEnv,
+    processEnv = _ref3$processEnv === void 0 ? process.env : _ref3$processEnv,
+    _ref3$applicationPath = _ref3.applicationPath,
+    applicationPath = _ref3$applicationPath === void 0 ? fs.realpathSync(process.cwd()) : _ref3$applicationPath;
   if (cachedConfig && !disableCache) return cachedConfig;
-  const rawConfig = loadConfig(applicationPath);
-  validateConfig(rawConfig);
+  const _loadConfig = loadConfig(applicationPath),
+    filepath = _loadConfig.filepath,
+    rawConfig = _loadConfig.config;
+  const configType = getLoadedConfigurationType(parse(filepath).name);
+  validateConfig(configType, rawConfig);
   const appConfig = substituteVariablePlaceholders(rawConfig, {
     applicationPath,
     processEnv
   });
-  const customApplicationData = transformCustomApplicationConfigToData(appConfig);
-  const 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';
+  const configurationData = transformConfigurationToData(configType, appConfig);
+  const appEnvKey = (_ref4 = (_processEnv$MC_APP_EN = processEnv.MC_APP_ENV) !== null && _processEnv$MC_APP_EN !== void 0 ? _processEnv$MC_APP_EN : processEnv.NODE_ENV) !== null && _ref4 !== void 0 ? _ref4 : 'development';
   const isProd = getIsProd(processEnv);
   const additionalAppEnv = (_appConfig$additional = appConfig.additionalEnv) !== null && _appConfig$additional !== void 0 ? _appConfig$additional : {};
-  const revision = (_ref3 = additionalAppEnv.revision) !== null && _ref3 !== void 0 ? _ref3 : '';
+  const revision = (_ref5 = additionalAppEnv.revision) !== null && _ref5 !== void 0 ? _ref5 : '';
 
   // Parse all the supported URLs, which gets implicitly validated
 
-  const envAppUrl = isProd ? customApplicationData.url : developmentAppUrl;
+  const envAppUrl = isProd ? configurationData.url : developmentAppUrl;
   const appUrl = getOrThrow(() => new _URL(envAppUrl), "Invalid application URL: \"".concat(envAppUrl, "\""));
 
   // Use `||` instead of `??` to include empty string values.
@@ -799,52 +1240,18 @@ const processConfig = function () {
   const mcApiUrl = getOrThrow(() => new _URL(
   // Use `||` instead of `??` to include empty string values.
   appConfig.mcApiUrl || mapCloudIdentifierToApiUrl(appConfig.cloudIdentifier)), "Invalid MC API URL: \"".concat(appConfig.mcApiUrl, "\""));
-
-  // The real application ID is only used in production.
-  // In development, we prefix the entry point with the "__local" prefix.
-  // This is important to determine to which URL the MC should redirect to
-  // after successful login.
-  const applicationId = isProd ? _concatInstanceProperty(_context = "".concat(customApplicationData.id, ":")).call(_context, customApplicationData.entryPointUriPath) : "__local:".concat(customApplicationData.entryPointUriPath);
-  const developmentConfig = isProd ? undefined : omitDevConfigIfEmpty({
-    oidc: omitEmpty(_objectSpread(_objectSpread({
-      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.
-      customApplicationData.entryPointUriPath === 'account' ? undefined : appConfig.env.development.initialProjectKey
-    }, ((_appConfig$env$develo = appConfig.env.development) === null || _appConfig$env$develo === void 0 ? void 0 : _appConfig$env$develo.teamId) && {
-      teamId: appConfig.env.development.teamId,
-      applicationId: appConfig.env.production.applicationId
-    }), {}, {
-      oAuthScopes: appConfig.oAuthScopes,
-      additionalOAuthScopes: appConfig === null || appConfig === void 0 ? void 0 : appConfig.additionalOAuthScopes
-    })),
-    menuLinks: _objectSpread(_objectSpread({
-      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,
-      applicationName: customApplicationData.name,
-      entryPointUriPath: customApplicationData.entryPointUriPath
-    }, isProd || !developmentConfig ? {} : {
-      __DEVELOPMENT__: developmentConfig
-    }), {}, {
-      cdnUrl: cdnUrl.href,
-      env: appEnvKey,
-      frontendHost: appUrl.host,
-      location: appConfig.cloudIdentifier,
-      mcApiUrl: mcApiUrl.origin,
-      revision,
-      servedByProxy: isProd
+    data: configurationData,
+    env: getRuntimeEnvironmentConfig({
+      isProd,
+      configurationData,
+      additionalAppEnv,
+      appConfig,
+      appEnvKey,
+      appUrl,
+      cdnUrl,
+      mcApiUrl,
+      revision
     }),
     headers: _objectSpread(_objectSpread({}, appConfig.headers), {}, {
       csp: _objectSpread(_objectSpread({}, (_appConfig$headers = appConfig.headers) === null || _appConfig$headers === void 0 ? void 0 : _appConfig$headers.csp), {}, {
@@ -854,9 +1261,9 @@ const processConfig = function () {
         // the CSP point of view, it will say only the file `app` can be used as a source, so
         // any other file from that domain will be forbidden. Using the slash (ex: https://www.my-domain.com/app/)
         // at the end it's like using a wildcard so anything 'below' `app` will be allowed.
-        'connect-src': getUniqueValues((_appConfig$headers2 = appConfig.headers) === null || _appConfig$headers2 === void 0 ? void 0 : (_appConfig$headers2$c = _appConfig$headers2.csp) === null || _appConfig$headers2$c === void 0 ? void 0 : _appConfig$headers2$c['connect-src'], _concatInstanceProperty(_context2 = [mcApiUrl.origin]).call(_context2, isProd ? ["".concat(trimTrailingSlash(appUrl.href), "/")] : [])),
-        'script-src': getUniqueValues((_appConfig$headers3 = appConfig.headers) === null || _appConfig$headers3 === void 0 ? void 0 : (_appConfig$headers3$c = _appConfig$headers3.csp) === null || _appConfig$headers3$c === void 0 ? void 0 : _appConfig$headers3$c['script-src'], isProd ? ["".concat(trimTrailingSlash(appUrl.href), "/"), "".concat(trimTrailingSlash(cdnUrl.href), "/")] : []),
-        'style-src': getUniqueValues((_appConfig$headers4 = appConfig.headers) === null || _appConfig$headers4 === void 0 ? void 0 : (_appConfig$headers4$c = _appConfig$headers4.csp) === null || _appConfig$headers4$c === void 0 ? void 0 : _appConfig$headers4$c['style-src'], isProd ? ["".concat(trimTrailingSlash(appUrl.href), "/"), "".concat(trimTrailingSlash(cdnUrl.href), "/")] : [])
+        'connect-src': getUniqueValues((_appConfig$headers2 = appConfig.headers) === null || _appConfig$headers2 === void 0 || (_appConfig$headers2 = _appConfig$headers2.csp) === null || _appConfig$headers2 === void 0 ? void 0 : _appConfig$headers2['connect-src'], _concatInstanceProperty(_context3 = [mcApiUrl.origin]).call(_context3, isProd ? ["".concat(trimTrailingSlash(appUrl.href), "/")] : [])),
+        'script-src': getUniqueValues((_appConfig$headers3 = appConfig.headers) === null || _appConfig$headers3 === void 0 || (_appConfig$headers3 = _appConfig$headers3.csp) === null || _appConfig$headers3 === void 0 ? void 0 : _appConfig$headers3['script-src'], isProd ? ["".concat(trimTrailingSlash(appUrl.href), "/"), "".concat(trimTrailingSlash(cdnUrl.href), "/")] : []),
+        'style-src': getUniqueValues((_appConfig$headers4 = appConfig.headers) === null || _appConfig$headers4 === void 0 || (_appConfig$headers4 = _appConfig$headers4.csp) === null || _appConfig$headers4 === void 0 ? void 0 : _appConfig$headers4['style-src'], isProd ? ["".concat(trimTrailingSlash(appUrl.href), "/"), "".concat(trimTrailingSlash(cdnUrl.href), "/")] : [])
       })
     })
   };
@@ -878,4 +1285,4 @@ function sanitizeSvg(data) {
   }).innerHTML;
 }
 
-export { CLOUD_IDENTIFIERS, ENTRY_POINT_URI_PATH_REGEX, MC_API_URLS, MissingOrInvalidConfigError, PERMISSION_GROUP_NAME_REGEX, getConfigPath, processConfig, sanitizeSvg };
+export { CLOUD_IDENTIFIERS, ENTRY_POINT_URI_PATH_REGEX, LOADED_CONFIG_TYPES, MC_API_URLS, MissingOrInvalidConfigError, PERMISSION_GROUP_NAME_REGEX, getConfigPath, processConfig, sanitizeSvg };