@commercetools-frontend/application-shell 21.11.0 → 21.13.1

package/dist/{application-entry-point-6189b3a3.cjs.dev.js → application-entry-point-43fd73f5.cjs.dev.js}

@@ -113,7 +113,7 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.11.0";
+var version = "21.13.1";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -361,52 +361,47 @@ function getCorrelationId() {
   return _filterInstanceProperty__default["default"](_context = ['mc', selectProjectKeyFromUrl(), userId, uuid.v4()]).call(_context, skipMalformedPart).join('/');
 }
 
-var removeMcPrefix = function removeMcPrefix(host) {
-  return host.replace(/^mc(-(\d){4,})?\.(.*)$/, '$3');
+// NOTE: Copied from `@application-shell-connectors`.
+// TODO: Remove this version once the change in the connectors has been released.
+var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
+var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
+
+var getMcOriginTld = function getMcOriginTld(host) {
+  if (host.match(mcPreviewHostnameRegex)) {
+    return host.replace(mcPreviewHostnameRegex, '$1');
+  }
+
+  return host.replace(mcHostnameRegex, '$3');
 };
-/**
- * NOTE:
- *    Given the Merchant Center or Custom Application runs behind the proxy
- *    then the `mcApiUrl` should be build using the origin on the window.
- *
- *    This allows the Merchant Center (or any Custom Appliction) to automatically
- *    use an `mcApiUrl` which matches the respective url of the deployment.
- *
- *    This is particularily useful with the new and old hostnames for the Merchant Center.
- *    When using the origin, it will be made sure that the authorization cookie will
- *    always be sent as the appropriate API url is used.
- *
- *    1. MC: mc.commercetools.com with API: mc-api.europe-west1.gcp.commercetools.com
- *       -> Will not work as urls differ
- *    2. MC: mc.europe-west1.gcp.commercetools.com with API: mc-api.commercetools.com
- *       -> Will not work as urls differ
- *
- *    Using the origin ensures that urls always match with the cookie sent. Otherwise,
- *    the application shell will rightfully redirect to the logout page.
- */
-
-
-var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(actualWindow) {
+
+var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(origin) {
   var _context;
 
-  var url = new _URL__default["default"](actualWindow.origin);
-  var originTld = removeMcPrefix(url.host);
+  var url = new _URL__default["default"](origin);
+  var originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty__default["default"](_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 
-var isEnvironmentConfigurationEnabled = function isEnvironmentConfigurationEnabled(environmentConfiguration) {
-  return environmentConfiguration === true || environmentConfiguration === 'true';
+var parseAsBoolean = function parseAsBoolean(value) {
+  return value === true || value === 'true';
 };
 
 function getMcApiUrl() {
-  var actualWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  var isServedByProxy = isEnvironmentConfigurationEnabled(actualWindow.app.servedByProxy);
+  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
+  var origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
+  var isServedByProxy = parseAsBoolean(environment.servedByProxy);
+  /**
+   * Prefer using the origin URL for the MC API based on the origin value
+   * of the browser's `window.location`.
+   * This ensures that the application always uses the correct URL associated
+   * with that environment, instead of relying on the config value.
+   */
 
   if (isServedByProxy) {
-    return getMcApiUrlFromOrigin(actualWindow);
+    return getMcApiUrlFromOrigin(origin);
   }
 
-  return actualWindow.app.mcApiUrl;
+  return environment.mcApiUrl;
 }
 
 var getSessionToken = function getSessionToken() {
@@ -714,6 +709,10 @@ var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(forwardToCo
     return {};
   }
 
+  if (!forwardToConfig.uri) {
+    throw new Error("Missing required \"uri\" option.");
+  }
+
   return _objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"]((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, function (customForwardHeaders, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         headerName = _ref2[0],

package/dist/{application-entry-point-28843eb4.esm.js → application-entry-point-9c924b81.esm.js}

@@ -70,7 +70,7 @@ import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/appli
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.11.0";
+var version = "21.13.1";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -318,52 +318,47 @@ function getCorrelationId() {
   return _filterInstanceProperty(_context = ['mc', selectProjectKeyFromUrl(), userId, v4()]).call(_context, skipMalformedPart).join('/');
 }
 
-var removeMcPrefix = function removeMcPrefix(host) {
-  return host.replace(/^mc(-(\d){4,})?\.(.*)$/, '$3');
+// NOTE: Copied from `@application-shell-connectors`.
+// TODO: Remove this version once the change in the connectors has been released.
+var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
+var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
+
+var getMcOriginTld = function getMcOriginTld(host) {
+  if (host.match(mcPreviewHostnameRegex)) {
+    return host.replace(mcPreviewHostnameRegex, '$1');
+  }
+
+  return host.replace(mcHostnameRegex, '$3');
 };
-/**
- * NOTE:
- *    Given the Merchant Center or Custom Application runs behind the proxy
- *    then the `mcApiUrl` should be build using the origin on the window.
- *
- *    This allows the Merchant Center (or any Custom Appliction) to automatically
- *    use an `mcApiUrl` which matches the respective url of the deployment.
- *
- *    This is particularily useful with the new and old hostnames for the Merchant Center.
- *    When using the origin, it will be made sure that the authorization cookie will
- *    always be sent as the appropriate API url is used.
- *
- *    1. MC: mc.commercetools.com with API: mc-api.europe-west1.gcp.commercetools.com
- *       -> Will not work as urls differ
- *    2. MC: mc.europe-west1.gcp.commercetools.com with API: mc-api.commercetools.com
- *       -> Will not work as urls differ
- *
- *    Using the origin ensures that urls always match with the cookie sent. Otherwise,
- *    the application shell will rightfully redirect to the logout page.
- */
-
-
-var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(actualWindow) {
+
+var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(origin) {
   var _context;
 
-  var url = new _URL(actualWindow.origin);
-  var originTld = removeMcPrefix(url.host);
+  var url = new _URL(origin);
+  var originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty(_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 
-var isEnvironmentConfigurationEnabled = function isEnvironmentConfigurationEnabled(environmentConfiguration) {
-  return environmentConfiguration === true || environmentConfiguration === 'true';
+var parseAsBoolean = function parseAsBoolean(value) {
+  return value === true || value === 'true';
 };
 
 function getMcApiUrl() {
-  var actualWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  var isServedByProxy = isEnvironmentConfigurationEnabled(actualWindow.app.servedByProxy);
+  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
+  var origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
+  var isServedByProxy = parseAsBoolean(environment.servedByProxy);
+  /**
+   * Prefer using the origin URL for the MC API based on the origin value
+   * of the browser's `window.location`.
+   * This ensures that the application always uses the correct URL associated
+   * with that environment, instead of relying on the config value.
+   */
 
   if (isServedByProxy) {
-    return getMcApiUrlFromOrigin(actualWindow);
+    return getMcApiUrlFromOrigin(origin);
   }
 
-  return actualWindow.app.mcApiUrl;
+  return environment.mcApiUrl;
 }
 
 var getSessionToken = function getSessionToken() {
@@ -671,6 +666,10 @@ var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(forwardToCo
     return {};
   }
 
+  if (!forwardToConfig.uri) {
+    throw new Error("Missing required \"uri\" option.");
+  }
+
   return _objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty(_context2 = _Object$entries((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, function (customForwardHeaders, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         headerName = _ref2[0],

package/dist/{application-entry-point-06ad02d5.cjs.prod.js → application-entry-point-f5a19490.cjs.prod.js}

@@ -112,7 +112,7 @@ var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRunt
 var invariant__default = /*#__PURE__*/_interopDefault(invariant);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.11.0";
+var version = "21.13.1";
 
 var isAddNotificationErrorAction = function isAddNotificationErrorAction(action) {
   var errorAction = action;
@@ -359,52 +359,47 @@ function getCorrelationId() {
   return _filterInstanceProperty__default["default"](_context = ['mc', selectProjectKeyFromUrl(), userId, uuid.v4()]).call(_context, skipMalformedPart).join('/');
 }
 
-var removeMcPrefix = function removeMcPrefix(host) {
-  return host.replace(/^mc(-(\d){4,})?\.(.*)$/, '$3');
+// NOTE: Copied from `@application-shell-connectors`.
+// TODO: Remove this version once the change in the connectors has been released.
+var mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
+var mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
+
+var getMcOriginTld = function getMcOriginTld(host) {
+  if (host.match(mcPreviewHostnameRegex)) {
+    return host.replace(mcPreviewHostnameRegex, '$1');
+  }
+
+  return host.replace(mcHostnameRegex, '$3');
 };
-/**
- * NOTE:
- *    Given the Merchant Center or Custom Application runs behind the proxy
- *    then the `mcApiUrl` should be build using the origin on the window.
- *
- *    This allows the Merchant Center (or any Custom Appliction) to automatically
- *    use an `mcApiUrl` which matches the respective url of the deployment.
- *
- *    This is particularily useful with the new and old hostnames for the Merchant Center.
- *    When using the origin, it will be made sure that the authorization cookie will
- *    always be sent as the appropriate API url is used.
- *
- *    1. MC: mc.commercetools.com with API: mc-api.europe-west1.gcp.commercetools.com
- *       -> Will not work as urls differ
- *    2. MC: mc.europe-west1.gcp.commercetools.com with API: mc-api.commercetools.com
- *       -> Will not work as urls differ
- *
- *    Using the origin ensures that urls always match with the cookie sent. Otherwise,
- *    the application shell will rightfully redirect to the logout page.
- */
-
-
-var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(actualWindow) {
+
+var getMcApiUrlFromOrigin = function getMcApiUrlFromOrigin(origin) {
   var _context;
 
-  var url = new _URL__default["default"](actualWindow.origin);
-  var originTld = removeMcPrefix(url.host);
+  var url = new _URL__default["default"](origin);
+  var originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty__default["default"](_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
 
-var isEnvironmentConfigurationEnabled = function isEnvironmentConfigurationEnabled(environmentConfiguration) {
-  return environmentConfiguration === true || environmentConfiguration === 'true';
+var parseAsBoolean = function parseAsBoolean(value) {
+  return value === true || value === 'true';
 };
 
 function getMcApiUrl() {
-  var actualWindow = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  var isServedByProxy = isEnvironmentConfigurationEnabled(actualWindow.app.servedByProxy);
+  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
+  var origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
+  var isServedByProxy = parseAsBoolean(environment.servedByProxy);
+  /**
+   * Prefer using the origin URL for the MC API based on the origin value
+   * of the browser's `window.location`.
+   * This ensures that the application always uses the correct URL associated
+   * with that environment, instead of relying on the config value.
+   */
 
   if (isServedByProxy) {
-    return getMcApiUrlFromOrigin(actualWindow);
+    return getMcApiUrlFromOrigin(origin);
   }
 
-  return actualWindow.app.mcApiUrl;
+  return environment.mcApiUrl;
 }
 
 var getSessionToken = function getSessionToken() {
@@ -705,6 +700,10 @@ var getAppliedForwardToHeaders = function getAppliedForwardToHeaders(forwardToCo
     return {};
   }
 
+  if (!forwardToConfig.uri) {
+    throw new Error("Missing required \"uri\" option.");
+  }
+
   return _objectSpread$3(_objectSpread$3({}, _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"]((_forwardToConfig$head = forwardToConfig.headers) !== null && _forwardToConfig$head !== void 0 ? _forwardToConfig$head : {})).call(_context2, function (customForwardHeaders, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         headerName = _ref2[0],

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

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var applicationEntryPoint = require('./application-entry-point-6189b3a3.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-bcff2029.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-43fd73f5.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-e4a6db71.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
-require('@babel/runtime-corejs3/core-js-stable/url');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
@@ -23,6 +21,7 @@ require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('lodash/mapValues');
 require('redux');
@@ -44,6 +43,7 @@ require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@commercetools-frontend/sentry');
+require('@babel/runtime-corejs3/core-js-stable/url');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@apollo/client');
 require('apollo-link-logger');
@@ -131,6 +131,7 @@ exports.buildApiUrl = applicationEntryPoint.buildApiUrl;
 exports.createApolloClient = applicationEntryPoint.createApolloClient;
 exports.createHttpClientOptions = applicationEntryPoint.createHttpClientOptions;
 exports.executeHttpClientRequest = applicationEntryPoint.executeHttpClientRequest;
+exports.getMcApiUrl = applicationEntryPoint.getMcApiUrl;
 exports.selectProjectKeyFromUrl = applicationEntryPoint.selectProjectKeyFromUrl;
 exports.selectUserId = applicationEntryPoint.selectUserId;
 exports.version = applicationEntryPoint.version;

package/dist/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var applicationEntryPoint = require('./application-entry-point-06ad02d5.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-4ebc615c.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-f5a19490.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-a544deff.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 require('uuid');
-require('@babel/runtime-corejs3/core-js-stable/url');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
@@ -23,6 +21,7 @@ require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('lodash/mapValues');
 require('redux');
@@ -44,6 +43,7 @@ require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@commercetools-frontend/sentry');
+require('@babel/runtime-corejs3/core-js-stable/url');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@apollo/client');
 require('apollo-link-logger');
@@ -131,6 +131,7 @@ exports.buildApiUrl = applicationEntryPoint.buildApiUrl;
 exports.createApolloClient = applicationEntryPoint.createApolloClient;
 exports.createHttpClientOptions = applicationEntryPoint.createHttpClientOptions;
 exports.executeHttpClientRequest = applicationEntryPoint.executeHttpClientRequest;
+exports.getMcApiUrl = applicationEntryPoint.getMcApiUrl;
 exports.selectProjectKeyFromUrl = applicationEntryPoint.selectProjectKeyFromUrl;
 exports.selectUserId = applicationEntryPoint.selectUserId;
 exports.version = applicationEntryPoint.version;

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

@@ -1,9 +1,7 @@
-export { p as RouteCatchAll, q as applyDefaultMiddlewares, w as buildApiUrl, f as createApolloClient, x as createHttpClientOptions, y as executeHttpClientRequest, n as selectProjectKeyFromUrl, t as selectUserId, v as version } from './application-entry-point-28843eb4.esm.js';
-export { A as ApplicationShell, a as ApplicationShellProvider, C as ConfigureIntlProvider, G as GtmContext, b as GtmUserLogoutTracker, I as InjectReducers, S as SetupFlopFlipProvider, d as SuspendedRoute, c as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, e as useMcLazyQuery, f as useMcMutation, u as useMcQuery } from './index-5fcda492.esm.js';
+export { p as RouteCatchAll, q as applyDefaultMiddlewares, w as buildApiUrl, f as createApolloClient, x as createHttpClientOptions, y as executeHttpClientRequest, g as getMcApiUrl, n as selectProjectKeyFromUrl, t as selectUserId, v as version } from './application-entry-point-9c924b81.esm.js';
+export { A as ApplicationShell, a as ApplicationShellProvider, C as ConfigureIntlProvider, G as GtmContext, b as GtmUserLogoutTracker, I as InjectReducers, S as SetupFlopFlipProvider, d as SuspendedRoute, c as createApolloContextForProxyForwardTo, s as setupGlobalErrorListener, e as useMcLazyQuery, f as useMcMutation, u as useMcQuery } from './index-428502d7.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import 'uuid';
-import '@babel/runtime-corejs3/core-js-stable/url';
-import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
 export { ConfigureFlopFlip, ReconfigureFlopFlip, ToggleFeature, branchOnFeatureToggle, injectFeatureToggle, injectFeatureToggles, useAdapterReconfiguration, useAdapterStatus, useFeatureToggle, useFeatureToggles, useFlagVariation, useFlagVariations } from '@flopflip/react-broadcast';
 export { default as ldAdapter } from '@flopflip/launchdarkly-adapter';
@@ -19,6 +17,7 @@ import '@babel/runtime-corejs3/helpers/defineProperty';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/reflect/has';
 import 'lodash/mapValues';
 import 'redux';
@@ -40,6 +39,7 @@ import '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@commercetools-frontend/sentry';
+import '@babel/runtime-corejs3/core-js-stable/url';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@apollo/client';
 import 'apollo-link-logger';

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

@@ -7,7 +7,7 @@ export { applyDefaultMiddlewares } from './configure-store';
 export { default as InjectReducers } from './components/inject-reducers';
 export { default as RouteCatchAll } from './components/route-catch-all';
 export { default as setupGlobalErrorListener } from './utils/setup-global-error-listener';
-export { selectUserId, selectProjectKeyFromUrl, createApolloContextForProxyForwardTo, } from './utils';
+export { getMcApiUrl, selectUserId, selectProjectKeyFromUrl, createApolloContextForProxyForwardTo, } from './utils';
 export { GtmContext } from './components/gtm-booter';
 export { default as GtmUserLogoutTracker } from './components/gtm-user-logout-tracker';
 export { default as SetupFlopFlipProvider } from './components/setup-flop-flip-provider';