@commercetools-frontend/application-config 22.7.1 → 22.8.1

package/dist/commercetools-frontend-application-config.cjs.dev.js

@@ -2,9 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -13,10 +10,15 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var fs = require('fs');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var fs = require('node:fs');
+var path = require('node:path');
 var omitEmpty = require('omit-empty-es');
-var child_process = require('child_process');
-var path = require('path');
+var constants = require('@commercetools-frontend/constants');
+var node_child_process = require('node:child_process');
 var cosmiconfig = require('cosmiconfig');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
@@ -32,12 +34,11 @@ var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/string
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var formatters = require('./formatters-c6356c75.cjs.dev.js');
+var formatters = require('./formatters-1566eda7.cjs.dev.js');
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var Ajv = require('ajv');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var uniq = require('lodash/uniq');
 var createDOMPurify = require('dompurify');
 var jsdom$1 = require('jsdom');
@@ -46,8 +47,6 @@ require('lodash/upperFirst');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _URL__default = /*#__PURE__*/_interopDefault(_URL);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -56,9 +55,12 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
-var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
 var path__default = /*#__PURE__*/_interopDefault(path);
+var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
@@ -69,10 +71,40 @@ var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var Ajv__default = /*#__PURE__*/_interopDefault(Ajv);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var uniq__default = /*#__PURE__*/_interopDefault(uniq);
 var createDOMPurify__default = /*#__PURE__*/_interopDefault(createDOMPurify);
 
+/**
+ * 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__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
 let MissingOrInvalidConfigError = /*#__PURE__*/function (_Error) {
@@ -110,36 +142,44 @@ const loadJsModule = filePath => {
   // and uses `@babel/register` to correctly parse and execute the file.
   // The "required module output" is then written into `stdout` and parsed
   // as JSON.
-  const output = child_process.execFileSync('node', [path__default["default"].join(packageRootPath, 'scripts/load-js-module.js'), filePath], {
+  const output = node_child_process.execFileSync('node', [path__default["default"].join(packageRootPath, 'scripts/load-js-module.js'), filePath], {
     encoding: 'utf8'
   });
   return JSON.parse(output);
 };
-const moduleName = 'custom-application-config';
-const explorer = cosmiconfig.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: cosmiconfig.defaultLoaders['.json'],
-    '.js': loadJsModule,
-    '.cjs': loadJsModule,
-    '.mjs': loadJsModule,
-    '.ts': loadJsModule
-  }
-});
+const createExplorerFor = configFileName => {
+  return cosmiconfig.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: cosmiconfig.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.");
   }
-  return configFile.config;
+  if (customApplicationConfigFile && customViewConfigFile) {
+    throw new MissingOrInvalidConfigError("Found configuration files for both Custom Application and Custom View. Please remove one of them.");
+  }
+  return customViewConfigFile || customApplicationConfigFile;
 };
 
 // Transifex's Structured JSON format.
@@ -232,7 +272,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",
@@ -585,38 +625,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__default["default"]({
   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';
@@ -634,10 +936,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__default["default"](_context4 = "Invalid config type \"".concat(configType, "\", expected ")).call(_context4, _Object$keys__default["default"](LOADED_CONFIG_TYPES).toString()));
+  }
+  const isValid = validation(config);
+  if (!isValid) {
+    throw new Error(printErrors(validation.errors));
   }
 };
 const validateEntryPointUriPath = config => {
@@ -646,9 +957,9 @@ const validateEntryPointUriPath = config => {
   }
 };
 const validateSubmenuLinks = config => {
-  var _context4;
+  var _context5;
   const uriPathSet = new _Set__default["default"]();
-  _forEachInstanceProperty__default["default"](_context4 = config.submenuLinks).call(_context4, _ref => {
+  _forEachInstanceProperty__default["default"](_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');
@@ -659,7 +970,7 @@ const validateSubmenuLinks = config => {
 const validateAdditionalOAuthScopes = config => {
   var _config$additionalOAu;
   const additionalPermissionNames = new _Set__default["default"]();
-  (_config$additionalOAu = config.additionalOAuthScopes) === null || _config$additionalOAu === void 0 ? void 0 : _forEachInstanceProperty__default["default"](_config$additionalOAu).call(_config$additionalOAu, _ref2 => {
+  (_config$additionalOAu = config.additionalOAuthScopes) === null || _config$additionalOAu === void 0 || _forEachInstanceProperty__default["default"](_config$additionalOAu).call(_config$additionalOAu, _ref2 => {
     let name = _ref2.name,
       view = _ref2.view,
       manage = _ref2.manage;
@@ -675,8 +986,8 @@ const validateAdditionalOAuthScopes = config => {
   });
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context5 = ownKeys$1(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context5 = ownKeys$1(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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
@@ -709,7 +1020,7 @@ const getPermissions = appConfig => {
     let name = _ref2.name;
     return name;
   })) || [];
-  const permissionKeys = formatters.entryPointUriPathToResourceAccesses(appConfig.entryPointUriPath, additionalPermissionNames);
+  const permissionKeys = formatters.entryPointUriPathToResourceAccesses(appConfig.entryPointUriPath || appConfig.env.production.customViewId, additionalPermissionNames);
   const additionalPermissions = _mapInstanceProperty__default["default"](_context3 = _Object$keys__default["default"](additionalResourceAccessKeyToOauthScopeMap)).call(_context3, additionalResourceAccessKey => ({
     name: permissionKeys[additionalResourceAccessKey],
     oAuthScopes: additionalResourceAccessKeyToOauthScopeMap[additionalResourceAccessKey]
@@ -741,6 +1052,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;
@@ -783,47 +1117,154 @@ const getOrThrow = (fn, errorMessage) => {
   }
 };
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 // TODO: make it configurable.
 const developmentPort = 3001;
 const developmentAppUrl = "http://localhost:".concat(developmentPort);
+const getLoadedConfigurationType = configFileName => {
+  if (_includesInstanceProperty__default["default"](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__default["default"](_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__default["default"](_context = "/".concat(oidcConfig.initialProjectKey, "/")).call(_context, entryPointUriPath) : "/".concat(entryPointUriPath);
+    const hostUrl = new _URL__default["default"](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: appConfig.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.
+  constants.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__default["default"](_context2 = "".concat(configurationData.id, ":")).call(_context2, entryPointUriPath) : "__local:".concat(entryPointUriPath);
+  const developmentConfig = getRuntimeEnvironmentConfigForDevelopment({
+    isProd,
+    configurationData,
+    mcApiUrl,
+    appConfig,
+    entryPointUriPath
+  });
+  return _objectSpread(_objectSpread(_objectSpread({}, omitEmpty__default["default"](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__default["default"].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__default["default"].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(path.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__default["default"](envAppUrl), "Invalid application URL: \"".concat(envAppUrl, "\""));
 
   // Use `||` instead of `??` to include empty string values.
@@ -832,52 +1273,18 @@ const processConfig = function () {
   const mcApiUrl = getOrThrow(() => new _URL__default["default"](
   // 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__default["default"](_context = "".concat(customApplicationData.id, ":")).call(_context, customApplicationData.entryPointUriPath) : "__local:".concat(customApplicationData.entryPointUriPath);
-  const developmentConfig = isProd ? undefined : omitDevConfigIfEmpty({
-    oidc: omitEmpty__default["default"](_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__default["default"](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), {}, {
@@ -887,9 +1294,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__default["default"](_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__default["default"](_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), "/")] : [])
       })
     })
   };
@@ -913,6 +1320,7 @@ function sanitizeSvg(data) {
 
 exports.CLOUD_IDENTIFIERS = CLOUD_IDENTIFIERS;
 exports.ENTRY_POINT_URI_PATH_REGEX = ENTRY_POINT_URI_PATH_REGEX;
+exports.LOADED_CONFIG_TYPES = LOADED_CONFIG_TYPES;
 exports.MC_API_URLS = MC_API_URLS;
 exports.MissingOrInvalidConfigError = MissingOrInvalidConfigError;
 exports.PERMISSION_GROUP_NAME_REGEX = PERMISSION_GROUP_NAME_REGEX;