@commercetools-frontend/application-shell 22.8.4 → 22.9.1

package/dist/{index-78d3ae73.cjs.prod.js → index-beeb5dbb.cjs.prod.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var configureApollo = require('./configure-apollo-c401b506.cjs.prod.js');
 var _pt = require('prop-types');
 var react = require('react');
 var reactRouterDom = require('react-router-dom');
+var index = require('./index-6cd618cc.cjs.prod.js');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _styled = require('@emotion/styled/base');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -20,12 +20,11 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var react$1 = require('@emotion/react');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var constants$1 = require('@commercetools-frontend/constants');
+var constants = require('@commercetools-frontend/constants');
 var i18n = require('@commercetools-frontend/i18n');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
 var sentry = require('@commercetools-frontend/sentry');
-var constants = require('./constants-0da1db32.cjs.prod.js');
-require('uuid');
+var oidc = require('./oidc-b2ac8a92.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var LogoSVG = require('@commercetools-frontend/assets/images/logo.svg');
@@ -42,7 +41,6 @@ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instan
 var memoize = require('memoize-one');
 var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
 var SelectInput = require('@commercetools-uikit/select-input');
-var react$2 = require('@apollo/client/react');
 var CTLogoSVG = require('@commercetools-frontend/assets/images/ct-logo.svg');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var history = require('@commercetools-frontend/browser-history');
@@ -58,6 +56,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _Object$fromEntries = require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
 var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+var react$2 = require('@apollo/client/react');
 var combineAdapters = require('@flopflip/combine-adapters');
 var httpAdapter = require('@flopflip/http-adapter');
 var ldAdapter = require('@flopflip/launchdarkly-adapter');
@@ -67,13 +66,12 @@ var types = require('@flopflip/types');
 var reactRedux = require('react-redux');
 var upperFirst = require('lodash/upperFirst');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var oidc = require('./oidc-a55e3dd9.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
-var actionsGlobal = require('@commercetools-frontend/actions-global');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
+var actionsGlobal = require('@commercetools-frontend/actions-global');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -114,7 +112,10 @@ var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsW
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-079ab400.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+// NOTE: This string will be replaced on build time with the package version.
+var applicationShellVersion = "22.9.1";
+
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-7f4804b4.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -128,15 +129,7 @@ const getPreviousProjectKey = defaultProjectKeyOfUser => {
   return;
 };
 
-const createApolloContextForProxyForwardTo = proxyForwardTocontext => ({
-  // Send the request to the forward-to endpoint.
-  uri: "".concat(configureApollo.getMcApiUrl(), "/proxy/forward-to"),
-  // Custom properties to be used by the "header-link".
-  forwardToConfig: proxyForwardTocontext,
-  skipGraphQlTargetCheck: true
-});
-
-var messages$2 = reactIntl.defineMessages({
+var messages$1 = reactIntl.defineMessages({
   backToProjectLink: {
     id: 'AppBar.backToProjectLink',
     defaultMessage: 'Back to project'
@@ -154,7 +147,7 @@ const BackToProject = props => {
   return jsxRuntime.jsx(FlatButton__default["default"], {
     onClick: () => redirectToProject(props.projectKey || ''),
     icon: jsxRuntime.jsx(icons.AngleLeftIcon, {}),
-    label: intl.formatMessage(messages$2.backToProjectLink)
+    label: intl.formatMessage(messages$1.backToProjectLink)
   });
 };
 BackToProject.displayName = 'BackToProject';
@@ -229,17 +222,7 @@ const LoadingPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
 } )("background-color:", designSystem.customProperties.colorNeutral, ";animation-name:", animationPulse, ";animation-duration:1s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:infinite;width:", getWidthBySize, ";height:", getHeightBySize, ";border-radius:", getRadiusBySize, ";" + ("" ));
 LoadingPlaceholder.displayName = 'LoadingPlaceholder';
 
-function useMcQuery(query, options) {
-  return react$2.useQuery(query, options);
-}
-function useMcLazyQuery(query, options) {
-  return react$2.useLazyQuery(query, options);
-}
-function useMcMutation(mutation, options) {
-  return react$2.useMutation(mutation, options);
-}
-
-var messages$1 = reactIntl.defineMessages({
+var messages = reactIntl.defineMessages({
   projectsLabel: {
     id: 'ProjectSwitcher.projectsLabel',
     description: 'The label for project dropdown switcher',
@@ -322,10 +305,10 @@ const ProjectSwitcherOption = props => {
         children: project.key
       }), project.suspension && project.suspension.isActive && jsxRuntime.jsx("div", {
         css: /*#__PURE__*/react$1.css("font-size:11px;color:", designSystem.designTokens.colorError, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.suspended))
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.suspended))
       }), project.expiry && project.expiry.isActive && jsxRuntime.jsx("div", {
         css: /*#__PURE__*/react$1.css("font-size:11px;color:", designSystem.designTokens.colorError, ";" + ("" ), "" ),
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.expired))
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.expired))
       })]
     })
   }));
@@ -341,10 +324,10 @@ const mapProjectsToOptions = memoize__default["default"](projects => _mapInstanc
 const redirectTo = targetUrl => useIsServedByProxy.location.replace(targetUrl);
 const ProjectSwitcher = props => {
   const intl = reactIntl.useIntl();
-  const _useMcQuery = useMcQuery(ProjectsQuery, {
+  const _useMcQuery = applicationShellConnectors.useMcQuery(ProjectsQuery, {
       onError: sentry.reportErrorToSentry,
       context: {
-        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+        target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
       }
     }),
     loading = _useMcQuery.loading,
@@ -355,7 +338,7 @@ const ProjectSwitcher = props => {
     children: [jsxRuntime.jsx(AccessibleHidden__default["default"], {
       children: jsxRuntime.jsx("span", {
         id: PROJECT_SWITCHER_LABEL_ID,
-        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$1.projectsLabel))
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages.projectsLabel))
       })
     }), jsxRuntime.jsx(SelectInput__default["default"], {
       value: props.projectKey || '',
@@ -366,7 +349,7 @@ const ProjectSwitcher = props => {
         if (selectedProjectKey !== props.projectKey) {
           var _window$app$__DEVELOP;
           if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP !== void 0 && _window$app$__DEVELOP.authorizeUrl) {
-            configureApollo.setActiveProjectKey(selectedProjectKey);
+            applicationShellConnectors.oidcStorage.setActiveProjectKey(selectedProjectKey);
           }
 
           // We simply redirect to a "new" browser page, instead of using the
@@ -388,8 +371,8 @@ const ProjectSwitcher = props => {
       },
       isClearable: false,
       backspaceRemovesValue: false,
-      placeholder: intl.formatMessage(messages$1.searchPlaceholder),
-      noOptionsMessage: () => intl.formatMessage(messages$1.noResults)
+      placeholder: intl.formatMessage(messages.searchPlaceholder),
+      noOptionsMessage: () => intl.formatMessage(messages.noResults)
     })]
   });
 };
@@ -398,7 +381,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
 // eslint-disable-next-line import/prefer-default-export
 const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
-const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-1c4bbef3.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-70751be9.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
 var _ref$1 = {
   name: "36bnqj",
@@ -412,7 +395,7 @@ const AppBar = props => {
   var _props$user$defaultPr, _props$user;
   const previousProjectKey = getPreviousProjectKey((_props$user$defaultPr = (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.defaultProjectKey) !== null && _props$user$defaultPr !== void 0 ? _props$user$defaultPr : undefined);
   return jsxRuntime.jsxs("div", {
-    css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";box-shadow:", applicationComponents.designTokens.shadowForAppbar, ";min-height:", constants.DIMENSIONS.header, ";position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
+    css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorSurface, ";box-shadow:", applicationComponents.designTokens.shadowForAppbar, ";min-height:", oidc.DIMENSIONS.header, ";position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
     "data-test": "top-navigation",
     children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
       children: [jsxRuntime.jsx("div", {
@@ -442,7 +425,7 @@ const AppBar = props => {
           scale: "m",
           alignItems: "center",
           children: [jsxRuntime.jsx("div", {
-            id: constants.CONTAINERS.LOCALE_SWITCHER
+            id: oidc.CONTAINERS.LOCALE_SWITCHER
           }), (() => {
             if (!props.user) {
               return jsxRuntime.jsx(LoadingPlaceholder, {
@@ -467,7 +450,7 @@ const AppBar = props => {
             });
           })()]
         }), jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react$1.css("border-left:1px ", designSystem.designTokens.colorNeutral90, " solid;height:", constants.DIMENSIONS.headerItemDivider, ";" + ("" ), "" )
+          css: /*#__PURE__*/react$1.css("border-left:1px ", designSystem.designTokens.colorNeutral90, " solid;height:", oidc.DIMENSIONS.headerItemDivider, ";" + ("" ), "" )
         }), props.user ? jsxRuntime.jsx(UserSettingsMenu, {
           language: props.user.language,
           firstName: props.user.firstName,
@@ -537,13 +520,13 @@ const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(fun
 
 var ProjectQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectKey" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "project" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "projectKey" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "currencies" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "initialized" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "daysLeft" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "allPermissionsForAllApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedMenuVisibilities" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "owner" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "sampleDataImportDataset" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1025, source: { body: "query FetchProject($projectKey: String) {\n  project(key: $projectKey) {\n    key\n    version\n    name\n    countries\n    currencies\n    languages\n    initialized\n    expiry {\n      isActive\n      daysLeft\n    }\n    suspension {\n      isActive\n      reason\n    }\n    allAppliedPermissions {\n      name\n      value\n    }\n    allAppliedActionRights {\n      group\n      name\n      value\n    }\n    allAppliedDataFences {\n      ... on StoreDataFence {\n        type\n        name\n        value\n        group\n        __typename\n      }\n    }\n    allPermissionsForAllApplications {\n      allAppliedPermissions {\n        name\n        value\n      }\n      allAppliedActionRights {\n        group\n        name\n        value\n      }\n      allAppliedMenuVisibilities {\n        name\n        value\n      }\n      allAppliedDataFences {\n        ... on StoreDataFence {\n          type\n          name\n          value\n          group\n          __typename\n        }\n      }\n    }\n    owner {\n      id\n      name\n    }\n    sampleDataImportDataset\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const FetchProject = props => {
-  const _useMcQuery = useMcQuery(ProjectQuery, {
+  const _useMcQuery = applicationShellConnectors.useMcQuery(ProjectQuery, {
       onError: sentry.reportErrorToSentry,
       variables: {
         projectKey: props.projectKey
       },
       context: {
-        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+        target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
       },
       skip: props.skip === true
     }),
@@ -567,10 +550,10 @@ FetchProject.displayName = 'FetchProject';
 
 var LoggedInUserQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchLoggedInUser" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "createdAt" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "gravatarHash" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "language" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "numberFormat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "timeZone" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingGroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingSubgroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTeam" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTenant" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultProjectKey" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "businessRole" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "idTokenUserInfo" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "iss" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "sub" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "aud" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "exp" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "iat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "additionalClaims" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 654, source: { body: "query FetchLoggedInUser {\n  user: me {\n    id\n    email\n    createdAt\n    gravatarHash\n    firstName\n    lastName\n    language\n    numberFormat\n    timeZone\n    launchdarklyTrackingId\n    launchdarklyTrackingGroup\n    launchdarklyTrackingSubgroup\n    launchdarklyTrackingTeam\n    launchdarklyTrackingTenant\n    defaultProjectKey\n    businessRole\n    projects {\n      total\n      results {\n        name\n        key\n        suspension {\n          isActive\n        }\n        expiry {\n          isActive\n        }\n      }\n    }\n    idTokenUserInfo {\n      iss\n      sub\n      aud\n      exp\n      iat\n      email\n      name\n      additionalClaims\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const FetchUser = props => {
-  const _useMcQuery = useMcQuery(LoggedInUserQuery, {
+  const _useMcQuery = applicationShellConnectors.useMcQuery(LoggedInUserQuery, {
       onError: sentry.reportErrorToSentry,
       context: {
-        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+        target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
       }
     }),
     loading = _useMcQuery.loading,
@@ -589,9 +572,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-86da110e.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-78f58680.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-031be70e.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-c6fb1e4f.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -703,7 +686,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-5d1221de.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-ce774311.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
@@ -790,7 +773,7 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-a70923e8.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-96e94d9d.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-2266c427.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -828,7 +811,7 @@ const getDefaultedFeatureToggles = allFeatureToggles => _reduceInstanceProperty_
 const useAllMenuFeatureToggles = () => {
   const servedByProxy = useIsServedByProxy.useIsServedByProxy();
   const mcProxyApiUrl = applicationShellConnectors.useApplicationContext(applicationContext => applicationContext.environment.mcProxyApiUrl);
-  const _useMcQuery = useMcQuery(FetchAllMenuFeatureToggles, {
+  const _useMcQuery = applicationShellConnectors.useMcQuery(FetchAllMenuFeatureToggles, {
       fetchPolicy: 'cache-and-network',
       skip: !servedByProxy,
       onError: sentry.reportErrorToSentry,
@@ -912,7 +895,7 @@ const SetupFlopFlipProvider = props => {
             query: AllFeaturesQuery,
             errorPolicy: 'ignore',
             context: {
-              target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
+              target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND
             }
           });
           return parseFlags(response.data);
@@ -940,7 +923,7 @@ const ThemeSwitcher = () => {
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-b7102920.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-b14edb65.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
 
 // TODO: Remove this file once the new navigation is enabled for all users
 const NewMainNavigationFlagWrapper = props => {
@@ -1006,7 +989,7 @@ const ApplicationShellAuthenticated = props => {
           const hasUserBeenDeletedError = getHasUserBeenDeletedError(error.graphQLErrors);
           if (hasUnauthorizedError || hasUserBeenDeletedError) {
             let logoutReason;
-            if (hasUnauthorizedError) logoutReason = constants$1.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants$1.LOGOUT_REASONS.DELETED;
+            if (hasUnauthorizedError) logoutReason = constants.LOGOUT_REASONS.UNAUTHORIZED;else if (hasUserBeenDeletedError) logoutReason = constants.LOGOUT_REASONS.DELETED;
             return jsxRuntime.jsx(RedirectToLogout, {
               reason: logoutReason
             });
@@ -1030,7 +1013,7 @@ const ApplicationShellAuthenticated = props => {
           }
         });
       }
-      const projectKeyFromUrl = configureApollo.selectProjectKeyFromUrl(location.pathname);
+      const projectKeyFromUrl = applicationShellConnectors.selectProjectKeyFromUrl(location.pathname);
       return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
         user: user,
         environment: applicationEnvironment,
@@ -1062,7 +1045,7 @@ const ApplicationShellAuthenticated = props => {
                       children: [jsxRuntime.jsx(ThemeSwitcher, {}), jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
                         user: user !== null && user !== void 0 ? user : undefined
                       }), jsxRuntime.jsxs("div", {
-                        css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", constants.DIMENSIONS.header, " 1fr;grid-template-columns:min-content 1fr;" + ("" ), "" ),
+                        css: /*#__PURE__*/react$1.css("height:100vh;display:grid;grid-template-rows:auto ", oidc.DIMENSIONS.header, " 1fr;grid-template-columns:min-content 1fr;" + ("" ), "" ),
                         children: [jsxRuntime.jsxs("div", {
                           ref: notificationsGlobalRef,
                           role: "region",
@@ -1071,7 +1054,7 @@ const ApplicationShellAuthenticated = props => {
                           children: [jsxRuntime.jsx("div", {
                             id: "above-top-navigation"
                           }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                            domain: constants$1.DOMAINS.GLOBAL
+                            domain: constants.DOMAINS.GLOBAL
                           })]
                         }), jsxRuntime.jsx(reactRouterDom.Route, {
                           children: () => {
@@ -1164,19 +1147,19 @@ const ApplicationShellAuthenticated = props => {
                           children: [jsxRuntime.jsx("div", {
                             ref: notificationsPageRef,
                             children: jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                              domain: constants$1.DOMAINS.PAGE
+                              domain: constants.DOMAINS.PAGE
                             })
                           }), jsxRuntime.jsx(reactNotifications.NotificationsList, {
-                            domain: constants$1.DOMAINS.SIDE
+                            domain: constants.DOMAINS.SIDE
                           }), jsxRuntime.jsxs("div", {
                             css: _ref,
                             children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
                             // @ts-ignore
                             , {
                               ref: layoutRefs,
-                              offsetTop: constants.DIMENSIONS.header,
-                              offsetLeft: projectKeyFromUrl ? isNewNavigationEnabled ? constants.DIMENSIONS.newNavMenu : constants.DIMENSIONS.navMenu : '0px',
-                              offsetLeftOnExpandedMenu: projectKeyFromUrl ? isNewNavigationEnabled ? constants.DIMENSIONS.newNavMenuExpanded : constants.DIMENSIONS.navMenuExpanded : '0px'
+                              offsetTop: oidc.DIMENSIONS.header,
+                              offsetLeft: projectKeyFromUrl ? isNewNavigationEnabled ? oidc.DIMENSIONS.newNavMenu : oidc.DIMENSIONS.navMenu : '0px',
+                              offsetLeftOnExpandedMenu: projectKeyFromUrl ? isNewNavigationEnabled ? oidc.DIMENSIONS.newNavMenuExpanded : oidc.DIMENSIONS.navMenuExpanded : '0px'
                             }), jsxRuntime.jsxs(reactRouterDom.Switch, {
                               children: [jsxRuntime.jsx(reactRouterDom.Redirect, {
                                 from: "/profile",
@@ -1195,7 +1178,7 @@ const ApplicationShellAuthenticated = props => {
                                  */
                                 props.render ? jsxRuntime.jsx(jsxRuntime.Fragment, {
                                   children: props.render()
-                                }) : jsxRuntime.jsx(configureApollo.RouteCatchAll, {})
+                                }) : jsxRuntime.jsx(index.RouteCatchAll, {})
                               }), jsxRuntime.jsx(reactRouterDom.Route, {
                                 exact: true,
                                 path: "/",
@@ -1300,9 +1283,9 @@ const AmILoggedIn = props => {
   // a valid access token. If we get an error, we assume that the user is not
   // authenticated. If we don't get any error, the access token sent with the cookie
   // is valid. We return null while the query is loading.
-  const _useMcQuery = useMcQuery(AmILoggedInQuery, {
+  const _useMcQuery = applicationShellConnectors.useMcQuery(AmILoggedInQuery, {
       context: {
-        target: constants$1.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
+        target: constants.GRAPHQL_TARGETS.MERCHANT_CENTER_BACKEND,
         skipTokenRetry: true
       },
       // NOTE: With `no-cache` the `useQuery` will not trigger a
@@ -1361,14 +1344,14 @@ AmILoggedIn.displayName = 'AmILoggedIn';
 
 const withoutProjectKeyClaim = scope => {
   var _context;
-  return _filterInstanceProperty__default["default"](_context = scope.split(' ')).call(_context, claim => !_startsWithInstanceProperty__default["default"](claim).call(claim, constants.OIDC_CLAIMS.PROJECT_KEY)).join(' ');
+  return _filterInstanceProperty__default["default"](_context = scope.split(' ')).call(_context, claim => !_startsWithInstanceProperty__default["default"](claim).call(claim, oidc.OIDC_CLAIMS.PROJECT_KEY)).join(' ');
 };
 const hasCachedAuthenticationState = () => {
   var _window$app$__DEVELOP;
   if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP !== void 0 && _window$app$__DEVELOP.authorizeUrl) {
     try {
       var _window$app$__DEVELOP5, _window$app$__DEVELOP6, _window$app$__DEVELOP7, _window$app$__DEVELOP8;
-      const activeProjectKey = configureApollo.getActiveProjectKey();
+      const activeProjectKey = applicationShellConnectors.oidcStorage.getActiveProjectKey();
       if (activeProjectKey) {
         var _window$app$__DEVELOP2;
         // GIVEN The application is not requesting a project key,
@@ -1377,7 +1360,7 @@ const hasCachedAuthenticationState = () => {
         // THEN we remove the cached project key.
         // This is the case of an application like `account`.
         if (!((_window$app$__DEVELOP2 = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP2 !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP2.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.initialProjectKey)) {
-          configureApollo.removeActiveProjectKey();
+          applicationShellConnectors.oidcStorage.removeActiveProjectKey();
         }
       } else {
         var _window$app$__DEVELOP3;
@@ -1385,7 +1368,7 @@ const hasCachedAuthenticationState = () => {
           var _window$app$__DEVELOP4;
           // Here we store the initial project key in local storage,
           // so that it gets picked up when we initiate the login flow.
-          configureApollo.setActiveProjectKey((_window$app$__DEVELOP4 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP4 === void 0 || (_window$app$__DEVELOP4 = _window$app$__DEVELOP4.oidc) === null || _window$app$__DEVELOP4 === void 0 ? void 0 : _window$app$__DEVELOP4.initialProjectKey);
+          applicationShellConnectors.oidcStorage.setActiveProjectKey((_window$app$__DEVELOP4 = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP4 === void 0 || (_window$app$__DEVELOP4 = _window$app$__DEVELOP4.oidc) === null || _window$app$__DEVELOP4 === void 0 ? void 0 : _window$app$__DEVELOP4.initialProjectKey);
         }
       }
 
@@ -1393,7 +1376,7 @@ const hasCachedAuthenticationState = () => {
       // if they don't match, then we know that one of the claims within the scope has changed
       // given a change, we need to force the user to log in, so that new values on respective claim
       // will apply for the given custom application
-      const cachedScope = configureApollo.getSessionScope();
+      const cachedScope = applicationShellConnectors.oidcStorage.getSessionScope();
       // Force the user to log in again
       if (!cachedScope) {
         return false;
@@ -1422,7 +1405,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-5d640fb8.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-27fd978b.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1519,10 +1502,10 @@ const useCoercedEnvironmentValues = environment => {
 const ApplicationShellProvider = props => {
   const apolloClient = react.useMemo(() => {
     var _props$apolloClient;
-    return (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : configureApollo.createApolloClient();
+    return (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : applicationShellConnectors.createApolloClient();
   }, [props.apolloClient]);
   react.useEffect(() => {
-    configureApollo.setCachedApolloClient(apolloClient);
+    applicationShellConnectors.setCachedApolloClient(apolloClient);
   }, [apolloClient]);
   const coercedEnvironmentValues = useCoercedEnvironmentValues(props.environment);
   const browserLocale = getBrowserLocale(window);
@@ -1532,7 +1515,7 @@ const ApplicationShellProvider = props => {
       children: jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
         environment: coercedEnvironmentValues,
         children: jsxRuntime.jsx(reactRedux.Provider, {
-          store: configureApollo.internalReduxStore,
+          store: index.internalReduxStore,
           children: jsxRuntime.jsx(react$2.ApolloProvider, {
             client: apolloClient,
             children: jsxRuntime.jsxs(reactRouterDom.Router, {
@@ -1572,7 +1555,7 @@ const ApplicationShellProvider = props => {
 ApplicationShellProvider.propTypes = {};
 ApplicationShellProvider.displayName = 'ApplicationShellProvider';
 
-const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-0d640e8f.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
+const RedirectToLogin = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-login-ee9f3801.cjs.prod.js' /* webpackChunkName: "redirect-to-login" */); }));
 
 const styles = {
   name: "1prreal",
@@ -1586,7 +1569,7 @@ const ApplicationShell = props => {
   react.useEffect(() => {
     var _props$onRegisterErro;
     (_props$onRegisterErro = props.onRegisterErrorListeners) === null || _props$onRegisterErro === void 0 || _props$onRegisterErro.call(props, {
-      dispatch: configureApollo.internalReduxStore.dispatch
+      dispatch: index.internalReduxStore.dispatch
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // <-- run only once, when component mounts
@@ -1623,117 +1606,7 @@ const ApplicationShell = props => {
 };
 ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
-ApplicationShell.version = configureApollo.applicationShellVersion;
-
-const messages = reactIntl.defineMessages({
-  loadError: {
-    id: 'CustomViewLoader.error.load',
-    defaultMessage: 'We could not load the Custom View. Please contact your administrator to check its configuration.'
-  }
-});
-
-const isIframeReady = iFrameElementRef => {
-  try {
-    var _iFrameElementRef$con;
-    return (iFrameElementRef === null || iFrameElementRef === void 0 || (_iFrameElementRef$con = iFrameElementRef.contentWindow) === null || _iFrameElementRef$con === void 0 ? void 0 : _iFrameElementRef$con.document.readyState) === 'complete';
-  } catch {
-    // Trying to access the contentWindow of a cross-origin iFrame will throw an error.
-    // We are not supposed to even get here because the iFrame must use
-    // a URL from our very same domain (the custom view is proxied through our http-proxy service).
-    return false;
-  }
-};
-const CustomPanelIframe = /*#__PURE__*/_styled__default["default"]("iframe", {
-  target: "e1e3x9i10"
-} )({
-  name: "174lt7a",
-  styles: "height:100%;width:100%;border:none"
-} );
-function CustomViewLoader(props) {
-  var _props$customView$typ;
-  const iFrameElementRef = react.useRef(null);
-  const dataLocale = applicationShellConnectors.useApplicationContext(context => context.dataLocale);
-  const projectKey = applicationShellConnectors.useApplicationContext(context => {
-    var _context$project;
-    return (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key;
-  });
-  const iFrameCommunicationChannel = react.useRef(new MessageChannel());
-  const showNotification = actionsGlobal.useShowNotification();
-  const intl = reactIntl.useIntl();
-  const messageFromIFrameHandler = react.useCallback(event => {
-    if (event.data.origin === window.location.origin) {
-      console.log('message received from iframe port: ', event);
-    }
-  }, []);
-
-  // onLoad handler is called from the iFrame even where the URL is not valid
-  // (blocked by CORS, 404, etc.) so we need to make sure the iFrame is ready
-  const onLoadSuccessHandler = react.useCallback(() => {
-    var _iFrameElementRef$cur, _context;
-    // Show error and block if the iFrame is not ready
-    // (error loading it)
-    if (!isIframeReady(iFrameElementRef.current)) {
-      showNotification({
-        domain: constants$1.DOMAINS.PAGE,
-        kind: constants$1.NOTIFICATION_KINDS_PAGE.error,
-        text: intl.formatMessage(messages.loadError)
-      });
-      return;
-    }
-
-    // Listen for messages from the iFrame
-    iFrameCommunicationChannel.current.port1.onmessage = messageFromIFrameHandler;
-
-    // Transfer port2 to the iFrame so it can send messages back privately
-    (_iFrameElementRef$cur = iFrameElementRef.current) === null || _iFrameElementRef$cur === void 0 || (_iFrameElementRef$cur = _iFrameElementRef$cur.contentWindow) === null || _iFrameElementRef$cur === void 0 || _iFrameElementRef$cur.postMessage(constants$1.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
-
-    // Send the initialization message to the iFrame
-    iFrameCommunicationChannel.current.port1.postMessage({
-      source: constants$1.CUSTOM_VIEWS_EVENTS_META.SOURCE,
-      destination: _concatInstanceProperty__default["default"](_context = "".concat(constants$1.CUSTOM_VIEWS_EVENTS_META.DESTINATION_PREFIX)).call(_context, props.customView.id),
-      eventName: constants$1.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
-      eventData: {
-        context: {
-          dataLocale,
-          projectKey,
-          customViewConfig: props.customView,
-          hostUrl: props.hostUrl || window.location.href
-        }
-      }
-    });
-
-    // We want the effect to run only once so we don't need the dependencies array.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  react.useEffect(() => {
-    // Close the channel when the component unmounts
-    return () => {
-      var _iFrameCommunicationC;
-      (_iFrameCommunicationC = iFrameCommunicationChannel.current) === null || _iFrameCommunicationC === void 0 || _iFrameCommunicationC.port1.close();
-    };
-  }, []);
-
-  // Currently we only support custom panels
-  if (props.customView.type !== 'CustomPanel') {
-    sentry.reportErrorToSentry(new Error("CustomViewLoader: Provided Custom View has an unsupported type: ".concat(props.customView.type, ". Supported types: ['CustomPanel'].")));
-    return null;
-  }
-  const panelSize = ((_props$customView$typ = props.customView.typeSettings) === null || _props$customView$typ === void 0 || (_props$customView$typ = _props$customView$typ.size) === null || _props$customView$typ === void 0 ? void 0 : _props$customView$typ.toLocaleLowerCase()) || 'large';
-  const iFrameUrl = [window.location.origin, 'custom-views', props.customView.id, 'projects', projectKey].join('/');
-  return jsxRuntime.jsx(applicationComponents.CustomPanel, {
-    title: "Custom View: ".concat(props.customView.defaultLabel),
-    onClose: props.onClose,
-    size: panelSize,
-    children: jsxRuntime.jsx(CustomPanelIframe, {
-      id: "custom-view-".concat(props.customView.id),
-      title: "Custom View: ".concat(props.customView.defaultLabel),
-      ref: iFrameElementRef,
-      src: iFrameUrl,
-      onLoad: onLoadSuccessHandler
-    }, "custom-view-".concat(props.customView.id))
-  });
-}
-CustomViewLoader.propTypes = {};
+ApplicationShell.version = applicationShellVersion;
 
 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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1823,7 +1696,7 @@ function CustomViewShell(props) {
     setHostContext = _useState2[1];
   const iFrameCommunicationPort = react.useRef();
   const hostMessageHandler = react.useCallback(event => {
-    if (event.data.eventName === constants$1.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION) {
+    if (event.data.eventName === constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION) {
       setHostContext(event.data.eventData.context);
     } else {
       console.warn("CustomViewShell: Unknown received event with name: ".concat(event.data.eventName), {
@@ -1835,7 +1708,7 @@ function CustomViewShell(props) {
     const bootstrapMessageHandler = event => {
       if ((event.origin === window.location.origin ||
       // event.origin is not defined in test environment
-              "production" === 'test') && event.data === constants$1.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP) {
+              "production" === 'test') && event.data === constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP) {
         iFrameCommunicationPort.current = event.ports[0];
         iFrameCommunicationPort.current.onmessage = hostMessageHandler;
         // Once bootstraped, we don't want to listen for global messages anymore.
@@ -1979,7 +1852,7 @@ function setupGlobalErrorListener() {
   window.addEventListener('unhandledrejection', event => {
     if (shouldErrorBeTracked(event)) {
       const errorId = sentry.reportErrorToSentry(event);
-      configureApollo.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
+      index.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
         errorId
       }));
     }
@@ -1989,7 +1862,7 @@ function setupGlobalErrorListener() {
   window.addEventListener('error', errorEvent => {
     if (shouldErrorBeTracked(errorEvent)) {
       const errorId = sentry.reportErrorToSentry(errorEvent);
-      configureApollo.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
+      index.internalReduxStore.dispatch(actionsGlobal.showUnexpectedErrorNotification({
         errorId
       }));
     }
@@ -2043,7 +1916,6 @@ exports.ApplicationShell = ApplicationShell;
 exports.ApplicationShellProvider = ApplicationShellProvider;
 exports.ButlerContainer = ButlerContainer;
 exports.ConfigureIntlProvider = ConfigureIntlProvider;
-exports.CustomViewLoader = CustomViewLoader;
 exports.CustomViewShellWrapper = CustomViewShellWrapper;
 exports.ErrorBoundary = ErrorBoundary;
 exports.FetchProject = FetchProject;
@@ -2056,10 +1928,7 @@ exports.RedirectToLogin = RedirectToLogin;
 exports.RedirectToProjectCreate = RedirectToProjectCreate;
 exports.SetupFlopFlipProvider = SetupFlopFlipProvider;
 exports.SuspendedRoute = SuspendedRoute;
-exports.createApolloContextForProxyForwardTo = createApolloContextForProxyForwardTo;
+exports.applicationShellVersion = applicationShellVersion;
 exports.pimIndexerStates = pimIndexerStates;
 exports.setupGlobalErrorListener = setupGlobalErrorListener;
-exports.useMcLazyQuery = useMcLazyQuery;
-exports.useMcMutation = useMcMutation;
-exports.useMcQuery = useMcQuery;
 exports.useRoutesCreator = useRoutesCreator;