@commercetools-frontend/application-shell 22.3.0 → 22.3.2

package/dist/{user-settings-menu-c50b95e4.cjs.prod.js → user-settings-menu-491bc0e7.cjs.prod.js}

@@ -29,16 +29,15 @@ var sentry = require('@commercetools-frontend/sentry');
 var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
 var Avatar = require('@commercetools-uikit/avatar');
 var designSystem = require('@commercetools-uikit/design-system');
-var icons = require('@commercetools-uikit/icons');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var constants$1 = require('./constants-902cf3f3.cjs.prod.js');
-var useApplicationsMenu = require('./use-applications-menu-84a888d7.cjs.prod.js');
+var constants$1 = require('./constants-539514a6.cjs.prod.js');
+var useApplicationsMenu = require('./use-applications-menu-b646fbd7.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@apollo/client');
-require('./index-a03f4e81.cjs.prod.js');
-require('./configure-apollo-70d83707.cjs.prod.js');
+require('./index-aea0a29d.cjs.prod.js');
+require('./configure-apollo-7125edd6.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');
@@ -75,6 +74,7 @@ require('@apollo/client/link/retry');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -98,7 +98,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-da4ccc69.cjs.prod.js');
+require('./oidc-73f8d7c7.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');
@@ -158,7 +158,7 @@ var messages = reactIntl.defineMessages({
 });
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const MENU_LABEL_ID = 'user-menu-setting-menu-label';
 const UserAvatar = props => {
   const _useState = react.useState(false),
@@ -171,24 +171,18 @@ const UserAvatar = props => {
   const handleMouseOut = react.useCallback(() => {
     setIsMouseOver(false);
   }, []);
-  const _useTheme = designSystem.useTheme(),
-    isNewTheme = _useTheme.isNewTheme,
-    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsx("div", {
     onMouseOver: handleMouseOver,
     onMouseOut: handleMouseOut,
-    children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
+    children: jsxRuntime.jsx(Spacings__default["default"].Inline, {
       alignItems: "center",
-      children: [jsxRuntime.jsx(Avatar__default["default"], {
-        size: themedValue('s', 'm'),
+      children: jsxRuntime.jsx(Avatar__default["default"], {
+        size: "m",
         gravatarHash: props.gravatarHash,
         firstName: props.firstName,
         lastName: props.lastName,
         isHighlighted: isMouseOver
-      }), isNewTheme ? null : jsxRuntime.jsx(icons.CaretDownIcon, {
-        size: "small",
-        color: isMouseOver ? 'neutral60' : 'solid'
-      })]
+      })
     })
   });
 };
@@ -231,37 +225,18 @@ const renderLabel = (menu, applicationLanguage) => {
 const MenuItem = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1al5ftg0"
 } )("width:100%;cursor:pointer;color:", designSystem.designTokens.colorSolid, ";:hover{background-color:", applicationComponents.designTokens.backgroundColorForUserMenuItemWhenHovered, ";}", props => props.hasDivider === true ? /*#__PURE__*/react$1.css("border-bottom:1px solid ", designSystem.designTokens.colorNeutral, ";margin:", applicationComponents.designTokens.marginForUserMenuItem, ";" + ("" ), "" ) : '', ";" + ("" ));
-const MenuItemLabel = props => {
-  if (props.isNewTheme) {
-    return jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$1.css("padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
-      children: props.children
-    });
-  }
-  return jsxRuntime.jsx(Spacings__default["default"].Inset, {
-    scale: "s",
-    children: props.children
-  });
-};
+const MenuItemLabel = props => jsxRuntime.jsx("div", {
+  css: /*#__PURE__*/react$1.css("padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
+  children: props.children
+});
 MenuItemLabel.propTypes = {};
-const UserSettingsAvatarContainer = props => {
-  if (props.isNewTheme) {
-    return jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react$1.css("padding:", designSystem.designTokens.spacing30, " ", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
-      children: props.children
-    });
-  }
-  return jsxRuntime.jsx(Spacings__default["default"].Inset, {
-    scale: "xs",
-    children: props.children
-  });
-};
+const UserSettingsAvatarContainer = props => jsxRuntime.jsx("div", {
+  css: /*#__PURE__*/react$1.css("padding:", designSystem.designTokens.spacing30, " ", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
+  children: props.children
+});
 UserSettingsAvatarContainer.propTypes = {};
-const getUserSettingsMenuStyles = isNewTheme => {
-  if (isNewTheme) {
-    return /*#__PURE__*/react$1.css("position:absolute;background:", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius2, ";box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.15);width:", designSystem.designTokens.constraint9, ";right:40px;top:calc(", constants$1.DIMENSIONS.header, " + ", designSystem.designTokens.spacing20, ");padding:0 0 ", designSystem.designTokens.spacing10, " 0;overflow:hidden;" + ("" ), "" );
-  }
-  return /*#__PURE__*/react$1.css("position:absolute;background:", designSystem.designTokens.colorSurface, ";border:1px ", designSystem.designTokens.colorPrimary40, " solid;border-radius:", designSystem.designTokens.borderRadius6, ";box-shadow:", designSystem.designTokens.shadow7, ";width:", designSystem.designTokens.constraint7, ";right:14px;top:calc(", constants$1.DIMENSIONS.header, " + ", designSystem.designTokens.spacing20, ");padding:", designSystem.designTokens.spacingXs, ";overflow:hidden;" + ("" ), "" );
+const getUserSettingsMenuStyles = () => {
+  return /*#__PURE__*/react$1.css("position:absolute;background:", designSystem.designTokens.colorSurface, ";border-radius:", designSystem.designTokens.borderRadius2, ";box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.15);width:", designSystem.designTokens.constraint9, ";right:40px;top:calc(", constants$1.DIMENSIONS.header, " + ", designSystem.designTokens.spacing20, ");padding:0 0 ", designSystem.designTokens.spacing10, " 0;overflow:hidden;" + ("" ), "" );
 };
 var _ref2 = {
   name: "4zleql",
@@ -269,10 +244,7 @@ var _ref2 = {
 } ;
 const getUserSettingsMenuItemLinkStyles = () => _ref2;
 const UserSettingsMenuBody = props => {
-  var _context2, _context3;
-  const _useTheme2 = designSystem.useTheme(),
-    isNewTheme = _useTheme2.isNewTheme,
-    themedValue = _useTheme2.themedValue;
+  var _context2;
   // Focus on a menu item when it's opened through keyboard
   const menuElementRef = react.useRef(null);
   react.useEffect(() => {
@@ -293,19 +265,18 @@ const UserSettingsMenuBody = props => {
         props.downshiftProps.closeMenu();
       }
     },
-    css: getUserSettingsMenuStyles(isNewTheme),
+    css: getUserSettingsMenuStyles(),
     children: jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, props.downshiftProps.getMenuProps()), {}, {
       children: [jsxRuntime.jsx(UserSettingsAvatarContainer, {
-        isNewTheme: isNewTheme,
         children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
-          scale: themedValue('xs', 'm'),
+          scale: "m",
           alignItems: "center",
           children: [jsxRuntime.jsx(Avatar__default["default"], {
-            size: themedValue('s', 'm'),
+            size: "m",
             firstName: props.firstName,
             lastName: props.lastName,
             gravatarHash: props.gravatarHash
-          }), isNewTheme ? jsxRuntime.jsxs("div", {
+          }), jsxRuntime.jsxs("div", {
             children: [jsxRuntime.jsx(Text__default["default"].Subheadline, {
               as: "h4",
               children: _trimInstanceProperty__default["default"](_context2 = [props.firstName, props.lastName].join(' ')).call(_context2)
@@ -314,19 +285,10 @@ const UserSettingsMenuBody = props => {
               tone: "secondary",
               children: props.email
             })]
-          }) : jsxRuntime.jsxs("div", {
-            children: [jsxRuntime.jsx(Text__default["default"].Body, {
-              isBold: true,
-              children: _trimInstanceProperty__default["default"](_context3 = [props.firstName, props.lastName].join(' ')).call(_context3)
-            }), jsxRuntime.jsx(Text__default["default"].Body, {
-              truncate: true,
-              children: props.email
-            })]
           })]
         })
-      }), isNewTheme && accountMenuItems.length > 0 ? jsxRuntime.jsx(MenuItem, {
-        hasDivider: true,
-        isNewTheme: isNewTheme
+      }), accountMenuItems.length > 0 ? jsxRuntime.jsx(MenuItem, {
+        hasDivider: true
       }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => {
         var _menu$featureToggle;
         return jsxRuntime.jsx(OptionalFeatureToggle, {
@@ -338,9 +300,7 @@ const UserSettingsMenuBody = props => {
             "data-user-settings-menu": true,
             ref: menuElementRef,
             children: jsxRuntime.jsx(MenuItem, {
-              isNewTheme: isNewTheme,
               children: jsxRuntime.jsx(MenuItemLabel, {
-                isNewTheme: isNewTheme,
                 children: jsxRuntime.jsx(Text__default["default"].Body, {
                   children: renderLabel(menu, props.language)
                 })
@@ -349,8 +309,7 @@ const UserSettingsMenuBody = props => {
           })
         }, menu.key);
       }), jsxRuntime.jsx(MenuItem, {
-        hasDivider: true,
-        isNewTheme: isNewTheme
+        hasDivider: true
       }), jsxRuntime.jsx("a", {
         css: getUserSettingsMenuItemLinkStyles(),
         href: "https://commercetools.com/privacy#suppliers",
@@ -360,9 +319,7 @@ const UserSettingsMenuBody = props => {
         "data-user-settings-menu": true,
         ref: !applicationsAppBarMenu ? menuElementRef : undefined,
         children: jsxRuntime.jsx(MenuItem, {
-          isNewTheme: isNewTheme,
           children: jsxRuntime.jsx(MenuItemLabel, {
-            isNewTheme: isNewTheme,
             children: jsxRuntime.jsx(Text__default["default"].Body, {
               intlMessage: messages.privacyPolicy
             })
@@ -376,17 +333,14 @@ const UserSettingsMenuBody = props => {
         onClick: () => props.downshiftProps.toggleMenu(),
         "data-user-settings-menu": true,
         children: jsxRuntime.jsx(MenuItem, {
-          isNewTheme: isNewTheme,
           children: jsxRuntime.jsx(MenuItemLabel, {
-            isNewTheme: isNewTheme,
             children: jsxRuntime.jsx(Text__default["default"].Body, {
               intlMessage: messages.support
             })
           })
         })
       }), jsxRuntime.jsx(MenuItem, {
-        hasDivider: true,
-        isNewTheme: isNewTheme
+        hasDivider: true
       }), jsxRuntime.jsxs("a", {
         css: getUserSettingsMenuItemLinkStyles()
         // NOTE: we want to redirect to a new page so that the
@@ -396,9 +350,7 @@ const UserSettingsMenuBody = props => {
         "data-test": "logout-button",
         "data-user-settings-menu": true,
         children: [jsxRuntime.jsx(MenuItem, {
-          isNewTheme: isNewTheme,
           children: jsxRuntime.jsx(MenuItemLabel, {
-            isNewTheme: isNewTheme,
             children: jsxRuntime.jsx(Text__default["default"].Body, {
               intlMessage: messages.logout
             })