@commercetools-frontend/application-shell 22.30.3 → 22.32.0

package/dist/oidc-6c6599a2.cjs.dev.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+
+const DIMENSIONS = {
+  header: '56px'
+};
+const NAVBAR = {
+  expanderHeight: '50px',
+  expanderSize: '40px',
+  iconSize: '24px',
+  iconSizeHover: '28px',
+  itemSize: '48px',
+  itemHeight: '56px',
+  sublistIndentationWhenCollapsed: '72px',
+  sublistIndentationWhenExpanded: '248px',
+  sublistItemMinHeight: '50px',
+  sublistWidth: '253px',
+  leftNavigationTransition: 'all 150ms cubic-bezier(1, 0, 0.58, 1)',
+  widthLeftNavigation: '80px',
+  widthLeftNavigationWhenExpanded: '256px'
+};
+const WINDOW_SIZES = {
+  STANDARD: 1024,
+  WIDE: 1200
+};
+const CONTAINERS = {
+  LOCALE_SWITCHER: 'locale-switcher-container',
+  LEFT_OF_PROFILE: 'left-of-profile'
+};
+const SUSPENSION_REASONS = {
+  TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',
+  PAYMENT: 'Payment',
+  OTHER: 'Other'
+};
+
+// OIDC params
+const OIDC_RESPONSE_TYPES = {
+  ID_TOKEN: 'id_token'
+};
+const OIDC_CLAIMS = {
+  OPEN_ID: 'openid',
+  PROJECT_KEY: 'project_key',
+  TEAM_ID: 'team_id',
+  APPLICATION_ID: 'application_id',
+  VIEW: 'view',
+  MANAGE: 'manage'
+};
+
+const buildOidcScope = options => {
+  var _context, _context2;
+  const claims = [];
+
+  // Set the projectKey
+  if (options.projectKey) {
+    claims.push(`${OIDC_CLAIMS.PROJECT_KEY}:${options.projectKey}`);
+  }
+
+  // Set the OAuth Scopes
+  claims.push(..._mapInstanceProperty__default["default"](_context = options.oAuthScopes?.view ?? []).call(_context, scope => `${OIDC_CLAIMS.VIEW}:${scope}`));
+  claims.push(..._mapInstanceProperty__default["default"](_context2 = options.oAuthScopes?.manage ?? []).call(_context2, scope => `${OIDC_CLAIMS.MANAGE}:${scope}`));
+  // Set additional OAuth scopes
+  if (options?.additionalOAuthScopes) {
+    var _context3;
+    _forEachInstanceProperty__default["default"](_context3 = options.additionalOAuthScopes).call(_context3, additionalOAuthScope => {
+      var _context4, _context5;
+      claims.push(..._mapInstanceProperty__default["default"](_context4 = additionalOAuthScope.view ?? []).call(_context4, viewOAuthScope => `view/${additionalOAuthScope.name}:${viewOAuthScope}`), ..._mapInstanceProperty__default["default"](_context5 = additionalOAuthScope.manage ?? []).call(_context5, manageOAuthScope => `manage/${additionalOAuthScope.name}:${manageOAuthScope}`));
+    });
+  }
+
+  // Set the teamId and applicationId
+  if (options.teamId) {
+    claims.push(`${OIDC_CLAIMS.TEAM_ID}:${options.teamId}`);
+    if (options.applicationId) {
+      claims.push(`${OIDC_CLAIMS.APPLICATION_ID}:${options.applicationId}`);
+    }
+  }
+  return [
+  // This is required as per OIDC spec.
+  OIDC_CLAIMS.OPEN_ID,
+  // Custom claims
+  ...claims].join(' ');
+};
+
+exports.CONTAINERS = CONTAINERS;
+exports.DIMENSIONS = DIMENSIONS;
+exports.NAVBAR = NAVBAR;
+exports.OIDC_CLAIMS = OIDC_CLAIMS;
+exports.OIDC_RESPONSE_TYPES = OIDC_RESPONSE_TYPES;
+exports.SUSPENSION_REASONS = SUSPENSION_REASONS;
+exports.WINDOW_SIZES = WINDOW_SIZES;
+exports.buildOidcScope = buildOidcScope;

package/dist/oidc-8275c04f.esm.js

@@ -0,0 +1,84 @@
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+
+const DIMENSIONS = {
+  header: '56px'
+};
+const NAVBAR = {
+  expanderHeight: '50px',
+  expanderSize: '40px',
+  iconSize: '24px',
+  iconSizeHover: '28px',
+  itemSize: '48px',
+  itemHeight: '56px',
+  sublistIndentationWhenCollapsed: '72px',
+  sublistIndentationWhenExpanded: '248px',
+  sublistItemMinHeight: '50px',
+  sublistWidth: '253px',
+  leftNavigationTransition: 'all 150ms cubic-bezier(1, 0, 0.58, 1)',
+  widthLeftNavigation: '80px',
+  widthLeftNavigationWhenExpanded: '256px'
+};
+const WINDOW_SIZES = {
+  STANDARD: 1024,
+  WIDE: 1200
+};
+const CONTAINERS = {
+  LOCALE_SWITCHER: 'locale-switcher-container',
+  LEFT_OF_PROFILE: 'left-of-profile'
+};
+const SUSPENSION_REASONS = {
+  TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',
+  PAYMENT: 'Payment',
+  OTHER: 'Other'
+};
+
+// OIDC params
+const OIDC_RESPONSE_TYPES = {
+  ID_TOKEN: 'id_token'
+};
+const OIDC_CLAIMS = {
+  OPEN_ID: 'openid',
+  PROJECT_KEY: 'project_key',
+  TEAM_ID: 'team_id',
+  APPLICATION_ID: 'application_id',
+  VIEW: 'view',
+  MANAGE: 'manage'
+};
+
+const buildOidcScope = options => {
+  var _context, _context2;
+  const claims = [];
+
+  // Set the projectKey
+  if (options.projectKey) {
+    claims.push(`${OIDC_CLAIMS.PROJECT_KEY}:${options.projectKey}`);
+  }
+
+  // Set the OAuth Scopes
+  claims.push(..._mapInstanceProperty(_context = options.oAuthScopes?.view ?? []).call(_context, scope => `${OIDC_CLAIMS.VIEW}:${scope}`));
+  claims.push(..._mapInstanceProperty(_context2 = options.oAuthScopes?.manage ?? []).call(_context2, scope => `${OIDC_CLAIMS.MANAGE}:${scope}`));
+  // Set additional OAuth scopes
+  if (options?.additionalOAuthScopes) {
+    var _context3;
+    _forEachInstanceProperty(_context3 = options.additionalOAuthScopes).call(_context3, additionalOAuthScope => {
+      var _context4, _context5;
+      claims.push(..._mapInstanceProperty(_context4 = additionalOAuthScope.view ?? []).call(_context4, viewOAuthScope => `view/${additionalOAuthScope.name}:${viewOAuthScope}`), ..._mapInstanceProperty(_context5 = additionalOAuthScope.manage ?? []).call(_context5, manageOAuthScope => `manage/${additionalOAuthScope.name}:${manageOAuthScope}`));
+    });
+  }
+
+  // Set the teamId and applicationId
+  if (options.teamId) {
+    claims.push(`${OIDC_CLAIMS.TEAM_ID}:${options.teamId}`);
+    if (options.applicationId) {
+      claims.push(`${OIDC_CLAIMS.APPLICATION_ID}:${options.applicationId}`);
+    }
+  }
+  return [
+  // This is required as per OIDC spec.
+  OIDC_CLAIMS.OPEN_ID,
+  // Custom claims
+  ...claims].join(' ');
+};
+
+export { CONTAINERS as C, DIMENSIONS as D, NAVBAR as N, OIDC_CLAIMS as O, SUSPENSION_REASONS as S, WINDOW_SIZES as W, OIDC_RESPONSE_TYPES as a, buildOidcScope as b };

package/dist/{oidc-callback-64f9a790.cjs.prod.js → oidc-callback-0e597d85.cjs.prod.js}

@@ -8,7 +8,7 @@ var jwtDecode = require('jwt-decode');
 var qss = require('qss');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var redirector = require('./redirector-0a16c1d1.cjs.prod.js');
+var redirector = require('./redirector-01f35da8.cjs.prod.js');
 var _styled = require('@emotion/styled/base');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/doors-closed.svg');
@@ -21,7 +21,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-986cb2e3.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-312ee159.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -33,7 +33,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('./location-537e0660.cjs.prod.js');
-require('./index-055ebc13.cjs.prod.js');
+require('./index-91985d64.cjs.prod.js');
 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/reflect/has');
@@ -54,16 +54,17 @@ require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
-require('./oidc-cfa56c46.cjs.prod.js');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('./oidc-d02d4ab8.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('react-intl');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@flopflip/react-broadcast');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -80,7 +81,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
-require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
@@ -199,9 +199,8 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      var _decodedSessionToken;
-      const hasValidSessionId = ((_decodedSessionToken = decodedSessionToken) === null || _decodedSessionToken === void 0 ? void 0 : _decodedSessionToken.nonce) === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === (sessionState === null || sessionState === void 0 ? void 0 : sessionState.applicationId);
+      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -211,7 +210,7 @@ const OidcCallback = props => {
     } else {
       applicationShellConnectors.oidcStorage.setActiveSession(sessionToken);
       applicationShellConnectors.oidcStorage.removeSessionState(fragments.state);
-      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
+      if (sessionState?.query.redirectTo) {
         try {
           const redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
           redirector$1({
@@ -219,7 +218,7 @@ const OidcCallback = props => {
           });
           return;
         } catch (error) {
-          console.warn("Invalid \"redirectTo\" URL", sessionState.query.redirectTo);
+          console.warn(`Invalid "redirectTo" URL`, sessionState.query.redirectTo);
           // ignore
         }
       }

package/dist/{oidc-callback-bc478925.esm.js → oidc-callback-427bb1fe.esm.js}

@@ -6,7 +6,7 @@ import jwtDecode from 'jwt-decode';
 import { decode } from 'qss';
 import { useHistory, useLocation } from 'react-router-dom';
 import { oidcStorage } from '@commercetools-frontend/application-shell-connectors';
-import { u as useRedirector } from './redirector-d2fd2b5e.esm.js';
+import { u as useRedirector } from './redirector-76670a54.esm.js';
 import _styled from '@emotion/styled/base';
 import { themesOverrides, PublicPageLayout } from '@commercetools-frontend/application-components';
 import FailedAuthenticationSVG from '@commercetools-frontend/assets/images/doors-closed.svg';
@@ -19,7 +19,7 @@ import { AngleLeftIcon } from '@commercetools-uikit/icons';
 import { ContentNotification } from '@commercetools-uikit/notifications';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { C as ConfigureIntlProvider } from './index-01054d41.esm.js';
+import { C as ConfigureIntlProvider } from './index-30d34b7f.esm.js';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -31,7 +31,7 @@ import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import '@babel/runtime-corejs3/helpers/defineProperty';
 import './location-f21dbc25.esm.js';
-import './index-4e5248df.esm.js';
+import './index-b6081c20.esm.js';
 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/reflect/has';
@@ -52,16 +52,17 @@ import 'redux-logger';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
-import './oidc-ff53dfd3.esm.js';
-import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import './oidc-8275c04f.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import 'react-intl';
-import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
+import '@flopflip/react-broadcast';
+import '@commercetools-uikit/secondary-button';
+import '@commercetools-uikit/tooltip';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
 import '@commercetools-frontend/browser-history';
@@ -78,7 +79,6 @@ import '@apollo/client/react';
 import '@flopflip/combine-adapters';
 import '@flopflip/http-adapter';
 import '@flopflip/launchdarkly-adapter';
-import '@flopflip/react-broadcast';
 import '@flopflip/types';
 import 'react-redux';
 import 'lodash/upperFirst';
@@ -188,9 +188,8 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      var _decodedSessionToken;
-      const hasValidSessionId = ((_decodedSessionToken = decodedSessionToken) === null || _decodedSessionToken === void 0 ? void 0 : _decodedSessionToken.nonce) === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === (sessionState === null || sessionState === void 0 ? void 0 : sessionState.applicationId);
+      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -200,7 +199,7 @@ const OidcCallback = props => {
     } else {
       oidcStorage.setActiveSession(sessionToken);
       oidcStorage.removeSessionState(fragments.state);
-      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
+      if (sessionState?.query.redirectTo) {
         try {
           const redirectToUrl = new _URL(sessionState.query.redirectTo);
           redirector({
@@ -208,7 +207,7 @@ const OidcCallback = props => {
           });
           return;
         } catch (error) {
-          console.warn("Invalid \"redirectTo\" URL", sessionState.query.redirectTo);
+          console.warn(`Invalid "redirectTo" URL`, sessionState.query.redirectTo);
           // ignore
         }
       }

package/dist/{oidc-callback-651f63e0.cjs.dev.js → oidc-callback-cb22ccb9.cjs.dev.js}

@@ -8,7 +8,7 @@ var jwtDecode = require('jwt-decode');
 var qss = require('qss');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var redirector = require('./redirector-e58b9bc3.cjs.dev.js');
+var redirector = require('./redirector-98dfc5f0.cjs.dev.js');
 var _styled = require('@emotion/styled/base');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var FailedAuthenticationSVG = require('@commercetools-frontend/assets/images/doors-closed.svg');
@@ -21,7 +21,7 @@ var icons = require('@commercetools-uikit/icons');
 var notifications = require('@commercetools-uikit/notifications');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-9ad54c23.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-89389085.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -33,7 +33,7 @@ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('./location-c835b8df.cjs.dev.js');
-require('./index-ca730730.cjs.dev.js');
+require('./index-b1476d46.cjs.dev.js');
 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/reflect/has');
@@ -54,16 +54,17 @@ require('redux-logger');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
-require('./oidc-63e926e1.cjs.dev.js');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('./oidc-6c6599a2.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('react-intl');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@flopflip/react-broadcast');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -80,7 +81,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
-require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
@@ -203,9 +203,8 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      var _decodedSessionToken;
-      const hasValidSessionId = ((_decodedSessionToken = decodedSessionToken) === null || _decodedSessionToken === void 0 ? void 0 : _decodedSessionToken.nonce) === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === (sessionState === null || sessionState === void 0 ? void 0 : sessionState.applicationId);
+      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
+      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -215,7 +214,7 @@ const OidcCallback = props => {
     } else {
       applicationShellConnectors.oidcStorage.setActiveSession(sessionToken);
       applicationShellConnectors.oidcStorage.removeSessionState(fragments.state);
-      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
+      if (sessionState?.query.redirectTo) {
         try {
           const redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
           redirector$1({
@@ -223,7 +222,7 @@ const OidcCallback = props => {
           });
           return;
         } catch (error) {
-          console.warn("Invalid \"redirectTo\" URL", sessionState.query.redirectTo);
+          console.warn(`Invalid "redirectTo" URL`, sessionState.query.redirectTo);
           // ignore
         }
       }

package/dist/oidc-d02d4ab8.cjs.prod.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+
+const DIMENSIONS = {
+  header: '56px'
+};
+const NAVBAR = {
+  expanderHeight: '50px',
+  expanderSize: '40px',
+  iconSize: '24px',
+  iconSizeHover: '28px',
+  itemSize: '48px',
+  itemHeight: '56px',
+  sublistIndentationWhenCollapsed: '72px',
+  sublistIndentationWhenExpanded: '248px',
+  sublistItemMinHeight: '50px',
+  sublistWidth: '253px',
+  leftNavigationTransition: 'all 150ms cubic-bezier(1, 0, 0.58, 1)',
+  widthLeftNavigation: '80px',
+  widthLeftNavigationWhenExpanded: '256px'
+};
+const WINDOW_SIZES = {
+  STANDARD: 1024,
+  WIDE: 1200
+};
+const CONTAINERS = {
+  LOCALE_SWITCHER: 'locale-switcher-container',
+  LEFT_OF_PROFILE: 'left-of-profile'
+};
+const SUSPENSION_REASONS = {
+  TEMPORARY_MAINTENANCE: 'TemporaryMaintenance',
+  PAYMENT: 'Payment',
+  OTHER: 'Other'
+};
+
+// OIDC params
+const OIDC_RESPONSE_TYPES = {
+  ID_TOKEN: 'id_token'
+};
+const OIDC_CLAIMS = {
+  OPEN_ID: 'openid',
+  PROJECT_KEY: 'project_key',
+  TEAM_ID: 'team_id',
+  APPLICATION_ID: 'application_id',
+  VIEW: 'view',
+  MANAGE: 'manage'
+};
+
+const buildOidcScope = options => {
+  var _context, _context2;
+  const claims = [];
+
+  // Set the projectKey
+  if (options.projectKey) {
+    claims.push(`${OIDC_CLAIMS.PROJECT_KEY}:${options.projectKey}`);
+  }
+
+  // Set the OAuth Scopes
+  claims.push(..._mapInstanceProperty__default["default"](_context = options.oAuthScopes?.view ?? []).call(_context, scope => `${OIDC_CLAIMS.VIEW}:${scope}`));
+  claims.push(..._mapInstanceProperty__default["default"](_context2 = options.oAuthScopes?.manage ?? []).call(_context2, scope => `${OIDC_CLAIMS.MANAGE}:${scope}`));
+  // Set additional OAuth scopes
+  if (options?.additionalOAuthScopes) {
+    var _context3;
+    _forEachInstanceProperty__default["default"](_context3 = options.additionalOAuthScopes).call(_context3, additionalOAuthScope => {
+      var _context4, _context5;
+      claims.push(..._mapInstanceProperty__default["default"](_context4 = additionalOAuthScope.view ?? []).call(_context4, viewOAuthScope => `view/${additionalOAuthScope.name}:${viewOAuthScope}`), ..._mapInstanceProperty__default["default"](_context5 = additionalOAuthScope.manage ?? []).call(_context5, manageOAuthScope => `manage/${additionalOAuthScope.name}:${manageOAuthScope}`));
+    });
+  }
+
+  // Set the teamId and applicationId
+  if (options.teamId) {
+    claims.push(`${OIDC_CLAIMS.TEAM_ID}:${options.teamId}`);
+    if (options.applicationId) {
+      claims.push(`${OIDC_CLAIMS.APPLICATION_ID}:${options.applicationId}`);
+    }
+  }
+  return [
+  // This is required as per OIDC spec.
+  OIDC_CLAIMS.OPEN_ID,
+  // Custom claims
+  ...claims].join(' ');
+};
+
+exports.CONTAINERS = CONTAINERS;
+exports.DIMENSIONS = DIMENSIONS;
+exports.NAVBAR = NAVBAR;
+exports.OIDC_CLAIMS = OIDC_CLAIMS;
+exports.OIDC_RESPONSE_TYPES = OIDC_RESPONSE_TYPES;
+exports.SUSPENSION_REASONS = SUSPENSION_REASONS;
+exports.WINDOW_SIZES = WINDOW_SIZES;
+exports.buildOidcScope = buildOidcScope;

package/dist/{project-container-7b970853.cjs.prod.js → project-container-8ea3157d.cjs.prod.js}

@@ -10,9 +10,9 @@ var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var reactNotifications = require('@commercetools-frontend/react-notifications');
-var oidc = require('./oidc-cfa56c46.cjs.prod.js');
-var applicationEntryPoint = require('./application-entry-point-257a1cbc.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-986cb2e3.cjs.prod.js');
+var oidc = require('./oidc-d02d4ab8.cjs.prod.js');
+var applicationEntryPoint = require('./application-entry-point-654951a6.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-312ee159.cjs.prod.js');
 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');
@@ -34,11 +34,10 @@ var SelectInput = require('@commercetools-uikit/select-input');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('tiny-invariant');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
-require('./index-055ebc13.cjs.prod.js');
+require('./index-91985d64.cjs.prod.js');
 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/reflect/has');
@@ -62,8 +61,10 @@ require('@commercetools-frontend/i18n');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/flat-button');
 require('./location-537e0660.cjs.prod.js');
-require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('memoize-one');
+require('@flopflip/react-broadcast');
+require('@commercetools-uikit/secondary-button');
+require('@commercetools-uikit/tooltip');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -80,7 +81,6 @@ require('@apollo/client/react');
 require('@flopflip/combine-adapters');
 require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
-require('@flopflip/react-broadcast');
 require('@flopflip/types');
 require('react-redux');
 require('lodash/upperFirst');
@@ -241,13 +241,13 @@ const LocaleSwitcher = props => {
 };
 LocaleSwitcher.propTypes = {};
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-08aee9c1.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-dfccc21f.cjs.prod.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-d1bc7cf2.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-2278758f.cjs.prod.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-f314f99a.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-cb1d4d19.cjs.prod.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-c5ae709a.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-ec44d7fc.cjs.prod.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {
@@ -261,7 +261,6 @@ const minDaysToDisplayNotification = 14;
 const maxDaysToDisplayNotification = 0;
 const shouldShowNotificationForTrialExpired = daysLeft => !isNil__default["default"](daysLeft) && daysLeft <= minDaysToDisplayNotification && daysLeft >= maxDaysToDisplayNotification;
 const ProjectContainer = props => {
-  var _props$render;
   const intl = reactIntl.useIntl();
   const location = reactRouterDom.useLocation();
   const match = reactRouterDom.useRouteMatch();
@@ -310,12 +309,12 @@ const ProjectContainer = props => {
    *    otherwise a redirect loop can occur as no application is able to handle the route.
    */
   if (hasNoProjects && props.environment.enableSignUp !== true && props.environment.servedByProxy) return jsxRuntime.jsx(reactRouterDom.Redirect, {
-    to: "/logout?reason=".concat(constants.LOGOUT_REASONS.NO_PROJECTS)
+    to: `/logout?reason=${constants.LOGOUT_REASONS.NO_PROJECTS}`
   });
   if (hasNoProjects && props.environment.enableSignUp) return jsxRuntime.jsxs(reactRouterDom.Switch, {
     children: [jsxRuntime.jsx(reactRouterDom.Route, {
       path: "/account",
-      children: (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
+      children: props.render?.()
     }), jsxRuntime.jsx(reactRouterDom.Route, {
       children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToProjectCreate, {})
     })]
@@ -341,7 +340,6 @@ const ProjectContainer = props => {
           return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ProjectDataLocale, {
             locales: project.languages,
             children: _ref2 => {
-              var _project$expiry$daysL;
               let locale = _ref2.locale,
                 setProjectDataLocale = _ref2.setProjectDataLocale;
               return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
@@ -350,7 +348,7 @@ const ProjectContainer = props => {
                 projectDataLocale: locale,
                 environment: props.environment,
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                  children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
+                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
                     kind: "warning",
                     domain: constants.DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages.trialDaysLeft, {