@commercetools-frontend/application-shell 27.9.0 → 27.9.1

package/dist/oidc-3ad2f42d.cjs.prod.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+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 _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+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: '272px',
+  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 REGIONS = {
+  MC_RIGHT_PANEL: 'mc:right-panel'
+};
+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 _context2, _options$oAuthScopes$, _options$oAuthScopes, _context4, _options$oAuthScopes$2, _options$oAuthScopes2;
+  const claims = [];
+
+  // Set the projectKey
+  if (options.projectKey) {
+    var _context;
+    claims.push(_concatInstanceProperty__default["default"](_context = "".concat(OIDC_CLAIMS.PROJECT_KEY, ":")).call(_context, options.projectKey));
+  }
+
+  // Set the OAuth Scopes
+  claims.push(..._mapInstanceProperty__default["default"](_context2 = (_options$oAuthScopes$ = (_options$oAuthScopes = options.oAuthScopes) === null || _options$oAuthScopes === void 0 ? void 0 : _options$oAuthScopes.view) !== null && _options$oAuthScopes$ !== void 0 ? _options$oAuthScopes$ : []).call(_context2, scope => {
+    var _context3;
+    return _concatInstanceProperty__default["default"](_context3 = "".concat(OIDC_CLAIMS.VIEW, ":")).call(_context3, scope);
+  }));
+  claims.push(..._mapInstanceProperty__default["default"](_context4 = (_options$oAuthScopes$2 = (_options$oAuthScopes2 = options.oAuthScopes) === null || _options$oAuthScopes2 === void 0 ? void 0 : _options$oAuthScopes2.manage) !== null && _options$oAuthScopes$2 !== void 0 ? _options$oAuthScopes$2 : []).call(_context4, scope => {
+    var _context5;
+    return _concatInstanceProperty__default["default"](_context5 = "".concat(OIDC_CLAIMS.MANAGE, ":")).call(_context5, scope);
+  }));
+  // Set additional OAuth scopes
+  if (options !== null && options !== void 0 && options.additionalOAuthScopes) {
+    var _context6;
+    _forEachInstanceProperty__default["default"](_context6 = options.additionalOAuthScopes).call(_context6, additionalOAuthScope => {
+      var _context7, _additionalOAuthScope, _context9, _additionalOAuthScope2;
+      claims.push(..._mapInstanceProperty__default["default"](_context7 = (_additionalOAuthScope = additionalOAuthScope.view) !== null && _additionalOAuthScope !== void 0 ? _additionalOAuthScope : []).call(_context7, viewOAuthScope => {
+        var _context8;
+        return _concatInstanceProperty__default["default"](_context8 = "view/".concat(additionalOAuthScope.name, ":")).call(_context8, viewOAuthScope);
+      }), ..._mapInstanceProperty__default["default"](_context9 = (_additionalOAuthScope2 = additionalOAuthScope.manage) !== null && _additionalOAuthScope2 !== void 0 ? _additionalOAuthScope2 : []).call(_context9, manageOAuthScope => {
+        var _context0;
+        return _concatInstanceProperty__default["default"](_context0 = "manage/".concat(additionalOAuthScope.name, ":")).call(_context0, manageOAuthScope);
+      }));
+    });
+  }
+
+  // Set the teamId and applicationId
+  if (options.teamId) {
+    var _context1;
+    claims.push(_concatInstanceProperty__default["default"](_context1 = "".concat(OIDC_CLAIMS.TEAM_ID, ":")).call(_context1, options.teamId));
+    if (options.applicationId) {
+      var _context10;
+      claims.push(_concatInstanceProperty__default["default"](_context10 = "".concat(OIDC_CLAIMS.APPLICATION_ID, ":")).call(_context10, 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.REGIONS = REGIONS;
+exports.SUSPENSION_REASONS = SUSPENSION_REASONS;
+exports.WINDOW_SIZES = WINDOW_SIZES;
+exports.buildOidcScope = buildOidcScope;

package/dist/{oidc-callback-51b6c2c0.esm.js → oidc-callback-a6d80251.esm.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _URL from '@babel/runtime-corejs3/core-js-stable/url';
 import { useState, useEffect } from 'react';
-import jwtDecode from 'jwt-decode';
+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-d856975f.esm.js';
+import { u as useRedirector } from './redirector-656c6ee7.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';
@@ -18,7 +18,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-8202b8ac.esm.js';
+import { C as ConfigureIntlProvider } from './index-f440fbdc.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';
@@ -30,7 +30,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-86039df7.esm.js';
+import './index-5aaa33bb.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/instance/concat';
@@ -53,9 +53,10 @@ 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-cb344fae.esm.js';
+import './oidc-ddd328fa.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';
@@ -186,8 +187,9 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
+      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);
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -197,7 +199,7 @@ const OidcCallback = props => {
     } else {
       oidcStorage.setActiveSession(sessionToken);
       oidcStorage.removeSessionState(fragments.state);
-      if (sessionState?.query.redirectTo) {
+      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
         try {
           const redirectToUrl = new _URL(sessionState.query.redirectTo);
           redirector({
@@ -205,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-d8a01652.cjs.dev.js → oidc-callback-b47c8b7e.cjs.dev.js}

@@ -7,7 +7,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-72ccfbc2.cjs.dev.js');
+var redirector = require('./redirector-0efdd994.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');
@@ -20,7 +20,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-c4358b17.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-419ebe37.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');
@@ -32,7 +32,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-614accc4.cjs.dev.js');
+require('./index-25183095.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/instance/concat');
@@ -55,9 +55,10 @@ 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-b9e7297c.cjs.dev.js');
+require('./oidc-349b18df.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');
@@ -93,7 +94,6 @@ require('@commercetools-frontend/actions-global');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
-var jwtDecode__default = /*#__PURE__*/_interopDefault(jwtDecode);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var FailedAuthenticationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthenticationSVG);
 var Card__default = /*#__PURE__*/_interopDefault(Card);
@@ -188,7 +188,7 @@ const OidcCallback = props => {
     let decodedSessionToken;
     try {
       if (sessionToken) {
-        decodedSessionToken = jwtDecode__default["default"](sessionToken);
+        decodedSessionToken = jwtDecode.jwtDecode(sessionToken);
       } else {
         errorMessage = 'Invalid client session (missing sessionToken)';
       }
@@ -200,8 +200,9 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
+      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);
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -211,7 +212,7 @@ const OidcCallback = props => {
     } else {
       applicationShellConnectors.oidcStorage.setActiveSession(sessionToken);
       applicationShellConnectors.oidcStorage.removeSessionState(fragments.state);
-      if (sessionState?.query.redirectTo) {
+      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
         try {
           const redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
           redirector$1({
@@ -219,7 +220,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-cd36b191.cjs.prod.js → oidc-callback-e6029355.cjs.prod.js}

@@ -7,7 +7,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-0c72d0a4.cjs.prod.js');
+var redirector = require('./redirector-c858d578.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');
@@ -20,7 +20,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-2e1b3109.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ae34310f.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');
@@ -32,7 +32,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-245e2980.cjs.prod.js');
+require('./index-52c724ed.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/instance/concat');
@@ -55,9 +55,10 @@ 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-0cba182b.cjs.prod.js');
+require('./oidc-3ad2f42d.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');
@@ -93,7 +94,6 @@ require('@commercetools-frontend/actions-global');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
-var jwtDecode__default = /*#__PURE__*/_interopDefault(jwtDecode);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var FailedAuthenticationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthenticationSVG);
 var Card__default = /*#__PURE__*/_interopDefault(Card);
@@ -185,7 +185,7 @@ const OidcCallback = props => {
     let decodedSessionToken;
     try {
       if (sessionToken) {
-        decodedSessionToken = jwtDecode__default["default"](sessionToken);
+        decodedSessionToken = jwtDecode.jwtDecode(sessionToken);
       } else {
         errorMessage = 'Invalid client session (missing sessionToken)';
       }
@@ -197,8 +197,9 @@ const OidcCallback = props => {
       }
     }
     if (!errorMessage) {
-      const hasValidSessionId = decodedSessionToken?.nonce === fragments.state;
-      const hasValidApplicationId = window.app.applicationId === sessionState?.applicationId;
+      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);
       if (!sessionState || !hasValidSessionId || !hasValidApplicationId) {
         errorMessage = 'Invalid client session';
       }
@@ -208,7 +209,7 @@ const OidcCallback = props => {
     } else {
       applicationShellConnectors.oidcStorage.setActiveSession(sessionToken);
       applicationShellConnectors.oidcStorage.removeSessionState(fragments.state);
-      if (sessionState?.query.redirectTo) {
+      if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
         try {
           const redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
           redirector$1({
@@ -216,7 +217,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-ddd328fa.esm.js

@@ -0,0 +1,103 @@
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+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: '272px',
+  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 REGIONS = {
+  MC_RIGHT_PANEL: 'mc:right-panel'
+};
+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 _context2, _options$oAuthScopes$, _options$oAuthScopes, _context4, _options$oAuthScopes$2, _options$oAuthScopes2;
+  const claims = [];
+
+  // Set the projectKey
+  if (options.projectKey) {
+    var _context;
+    claims.push(_concatInstanceProperty(_context = "".concat(OIDC_CLAIMS.PROJECT_KEY, ":")).call(_context, options.projectKey));
+  }
+
+  // Set the OAuth Scopes
+  claims.push(..._mapInstanceProperty(_context2 = (_options$oAuthScopes$ = (_options$oAuthScopes = options.oAuthScopes) === null || _options$oAuthScopes === void 0 ? void 0 : _options$oAuthScopes.view) !== null && _options$oAuthScopes$ !== void 0 ? _options$oAuthScopes$ : []).call(_context2, scope => {
+    var _context3;
+    return _concatInstanceProperty(_context3 = "".concat(OIDC_CLAIMS.VIEW, ":")).call(_context3, scope);
+  }));
+  claims.push(..._mapInstanceProperty(_context4 = (_options$oAuthScopes$2 = (_options$oAuthScopes2 = options.oAuthScopes) === null || _options$oAuthScopes2 === void 0 ? void 0 : _options$oAuthScopes2.manage) !== null && _options$oAuthScopes$2 !== void 0 ? _options$oAuthScopes$2 : []).call(_context4, scope => {
+    var _context5;
+    return _concatInstanceProperty(_context5 = "".concat(OIDC_CLAIMS.MANAGE, ":")).call(_context5, scope);
+  }));
+  // Set additional OAuth scopes
+  if (options !== null && options !== void 0 && options.additionalOAuthScopes) {
+    var _context6;
+    _forEachInstanceProperty(_context6 = options.additionalOAuthScopes).call(_context6, additionalOAuthScope => {
+      var _context7, _additionalOAuthScope, _context9, _additionalOAuthScope2;
+      claims.push(..._mapInstanceProperty(_context7 = (_additionalOAuthScope = additionalOAuthScope.view) !== null && _additionalOAuthScope !== void 0 ? _additionalOAuthScope : []).call(_context7, viewOAuthScope => {
+        var _context8;
+        return _concatInstanceProperty(_context8 = "view/".concat(additionalOAuthScope.name, ":")).call(_context8, viewOAuthScope);
+      }), ..._mapInstanceProperty(_context9 = (_additionalOAuthScope2 = additionalOAuthScope.manage) !== null && _additionalOAuthScope2 !== void 0 ? _additionalOAuthScope2 : []).call(_context9, manageOAuthScope => {
+        var _context0;
+        return _concatInstanceProperty(_context0 = "manage/".concat(additionalOAuthScope.name, ":")).call(_context0, manageOAuthScope);
+      }));
+    });
+  }
+
+  // Set the teamId and applicationId
+  if (options.teamId) {
+    var _context1;
+    claims.push(_concatInstanceProperty(_context1 = "".concat(OIDC_CLAIMS.TEAM_ID, ":")).call(_context1, options.teamId));
+    if (options.applicationId) {
+      var _context10;
+      claims.push(_concatInstanceProperty(_context10 = "".concat(OIDC_CLAIMS.APPLICATION_ID, ":")).call(_context10, 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, REGIONS as R, SUSPENSION_REASONS as S, WINDOW_SIZES as W, OIDC_RESPONSE_TYPES as a, buildOidcScope as b };

package/dist/{project-container-289c1867.cjs.dev.js → project-container-2a79f361.cjs.dev.js}

@@ -9,9 +9,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-b9e7297c.cjs.dev.js');
-var applicationEntryPoint = require('./application-entry-point-c87294b0.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c4358b17.cjs.dev.js');
+var oidc = require('./oidc-349b18df.cjs.dev.js');
+var applicationEntryPoint = require('./application-entry-point-18d8fba0.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-419ebe37.cjs.dev.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,13 +34,13 @@ var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('tiny-invariant');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
-require('./index-614accc4.cjs.dev.js');
+require('./index-25183095.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/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/reflect/has');
 require('@reduxjs/toolkit');
 require('lodash/mapValues');
@@ -62,6 +62,7 @@ require('@commercetools-frontend/i18n');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/flat-button');
 require('./location-c835b8df.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('memoize-one');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
@@ -269,13 +270,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-149df88a.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
+const ProjectExpired = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-expired-ce1a7855.cjs.dev.js' /* webpackChunkName: "project-expired" */); }));
 
-const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-3d54a0a9.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
+const ProjectNotFound = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-found-43912d11.cjs.dev.js' /* webpackChunkName: "project-not-found" */); }));
 
-const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-f0debef3.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
+const ProjectNotInitialized = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-not-initialized-52f39003.cjs.dev.js' /* webpackChunkName: "project-not-initialized" */); }));
 
-const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-dbb8a967.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
+const ProjectSuspended = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-suspended-b3b9d9d4.cjs.dev.js' /* webpackChunkName: "project-suspended" */); }));
 
 var messages = reactIntl.defineMessages({
   trialDaysLeft: {
@@ -326,10 +327,11 @@ const ProjectContainer = props => {
   }, [projectKey]);
   const hasNoProjects = props.user && props.user.projects.results.length === 0;
   if (hasNoProjects) {
+    var _props$render;
     return jsxRuntime.jsxs(reactRouterDom.Switch, {
       children: [jsxRuntime.jsx(reactRouterDom.Route, {
         path: "/account",
-        children: props.render?.()
+        children: (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
       }), jsxRuntime.jsx(reactRouterDom.Route, {
         children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToProjectCreate, {})
       })]
@@ -366,6 +368,7 @@ const ProjectContainer = props => {
           return jsxRuntime.jsx(ProjectDataLocale, {
             locales: project.languages,
             children: _ref2 => {
+              var _project$expiry$daysL;
               let locale = _ref2.locale,
                 setProjectDataLocale = _ref2.setProjectDataLocale;
               return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
@@ -374,7 +377,7 @@ const ProjectContainer = props => {
                 projectDataLocale: locale,
                 environment: props.environment,
                 children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
+                  children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
                     kind: "warning",
                     domain: constants.DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages.trialDaysLeft, {

package/dist/{project-container-cba9e7cb.esm.js → project-container-ad07cd24.esm.js}

@@ -7,9 +7,9 @@ import { useLocation, useRouteMatch, Switch, Route } from 'react-router-dom';
 import { ApplicationContextProvider } from '@commercetools-frontend/application-shell-connectors';
 import { STORAGE_KEYS, DOMAINS } from '@commercetools-frontend/constants';
 import { Notifier } from '@commercetools-frontend/react-notifications';
-import { C as CONTAINERS, S as SUSPENSION_REASONS } from './oidc-cb344fae.esm.js';
-import { A as ApplicationEntryPoint } from './application-entry-point-10a5e1a5.esm.js';
-import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject } from './index-8202b8ac.esm.js';
+import { C as CONTAINERS, S as SUSPENSION_REASONS } from './oidc-ddd328fa.esm.js';
+import { A as ApplicationEntryPoint } from './application-entry-point-1b23fb6b.esm.js';
+import { a as RedirectToProjectCreate, E as ErrorBoundary, b as ApplicationLoader, F as FetchProject } from './index-f440fbdc.esm.js';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -32,13 +32,13 @@ import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'tiny-invariant';
 import '@commercetools-frontend/application-config/ssr';
 import '@commercetools-frontend/permissions';
-import './index-86039df7.esm.js';
+import './index-5aaa33bb.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/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/reflect/has';
 import '@reduxjs/toolkit';
 import 'lodash/mapValues';
@@ -60,6 +60,7 @@ import '@commercetools-frontend/i18n';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/flat-button';
 import './location-f21dbc25.esm.js';
+import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import 'memoize-one';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
@@ -247,13 +248,13 @@ const ProjectDataLocale = props => {
 };
 ProjectDataLocale.displayName = 'ProjectDataLocale';
 
-const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-bcaaefdd.esm.js' /* webpackChunkName: "project-expired" */));
+const ProjectExpired = /*#__PURE__*/lazy(() => import('./project-expired-dba360dc.esm.js' /* webpackChunkName: "project-expired" */));
 
-const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-a816829d.esm.js' /* webpackChunkName: "project-not-found" */));
+const ProjectNotFound = /*#__PURE__*/lazy(() => import('./project-not-found-65aed038.esm.js' /* webpackChunkName: "project-not-found" */));
 
-const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-6f782586.esm.js' /* webpackChunkName: "project-not-initialized" */));
+const ProjectNotInitialized = /*#__PURE__*/lazy(() => import('./project-not-initialized-3eb732fc.esm.js' /* webpackChunkName: "project-not-initialized" */));
 
-const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-596a4e02.esm.js' /* webpackChunkName: "project-suspended" */));
+const ProjectSuspended = /*#__PURE__*/lazy(() => import('./project-suspended-663d9875.esm.js' /* webpackChunkName: "project-suspended" */));
 
 var messages = defineMessages({
   trialDaysLeft: {
@@ -304,10 +305,11 @@ const ProjectContainer = props => {
   }, [projectKey]);
   const hasNoProjects = props.user && props.user.projects.results.length === 0;
   if (hasNoProjects) {
+    var _props$render;
     return jsxs(Switch, {
       children: [jsx(Route, {
         path: "/account",
-        children: props.render?.()
+        children: (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props)
       }), jsx(Route, {
         children: jsx(RedirectToProjectCreate, {})
       })]
@@ -344,6 +346,7 @@ const ProjectContainer = props => {
           return jsx(ProjectDataLocale, {
             locales: project.languages,
             children: _ref2 => {
+              var _project$expiry$daysL;
               let locale = _ref2.locale,
                 setProjectDataLocale = _ref2.setProjectDataLocale;
               return jsx(ApplicationContextProvider, {
@@ -352,7 +355,7 @@ const ProjectContainer = props => {
                 projectDataLocale: locale,
                 environment: props.environment,
                 children: jsxs(Fragment, {
-                  children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft ?? undefined) && jsx(Notifier, {
+                  children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsx(Notifier, {
                     kind: "warning",
                     domain: DOMAINS.GLOBAL,
                     text: intl.formatMessage(messages.trialDaysLeft, {