@commercetools-frontend/application-shell 22.2.0 → 22.3.0

package/dist/{user-settings-menu-22bf89c0.cjs.prod.js → user-settings-menu-c50b95e4.cjs.prod.js}

@@ -32,13 +32,13 @@ 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-a3c2194a.cjs.prod.js');
-var useApplicationsMenu = require('./use-applications-menu-1d53322d.cjs.prod.js');
+var constants$1 = require('./constants-902cf3f3.cjs.prod.js');
+var useApplicationsMenu = require('./use-applications-menu-84a888d7.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@apollo/client');
-require('./index-2302ee7f.cjs.prod.js');
-require('./configure-apollo-249465d4.cjs.prod.js');
+require('./index-a03f4e81.cjs.prod.js');
+require('./configure-apollo-70d83707.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,7 +75,7 @@ require('@apollo/client/link/retry');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/assets/images/logo.svg');
 require('@commercetools-uikit/flat-button');
-require('./use-is-served-by-proxy-51e76976.cjs.prod.js');
+require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
@@ -98,7 +98,7 @@ require('@flopflip/http-adapter');
 require('@flopflip/launchdarkly-adapter');
 require('react-redux');
 require('lodash/upperFirst');
-require('./oidc-6c79100b.cjs.prod.js');
+require('./oidc-da4ccc69.cjs.prod.js');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-config/ssr');
@@ -158,27 +158,22 @@ 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; }
 const MENU_LABEL_ID = 'user-menu-setting-menu-label';
-
 const UserAvatar = props => {
   const _useState = react.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        isMouseOver = _useState2[0],
-        setIsMouseOver = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isMouseOver = _useState2[0],
+    setIsMouseOver = _useState2[1];
   const handleMouseOver = react.useCallback(() => {
     setIsMouseOver(true);
   }, []);
   const handleMouseOut = react.useCallback(() => {
     setIsMouseOver(false);
   }, []);
-
   const _useTheme = designSystem.useTheme(),
-        isNewTheme = _useTheme.isNewTheme,
-        themedValue = _useTheme.themedValue;
-
+    isNewTheme = _useTheme.isNewTheme,
+    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsx("div", {
     onMouseOver: handleMouseOver,
     onMouseOut: handleMouseOut,
@@ -197,18 +192,13 @@ const UserAvatar = props => {
     })
   });
 };
-
 UserAvatar.displayName = 'UserAvatar';
-
 function getIsFocusedElementInMenu() {
   var _document$activeEleme;
-
   return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
 }
-
 const stateReducer = (state, changes) => {
   var _ref3;
-
   switch (changes.type) {
     // So in case the user wants to navigate with the tab button
     // we need to make sure that the menu does not close
@@ -216,12 +206,10 @@ const stateReducer = (state, changes) => {
       return _objectSpread(_objectSpread({}, changes), {}, {
         isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
       });
-
     default:
       return changes;
   }
 };
-
 const OptionalFeatureToggle = props => {
   if (props.featureToggle) {
     return jsxRuntime.jsx(reactBroadcast.ToggleFeature, {
@@ -229,27 +217,20 @@ const OptionalFeatureToggle = props => {
       children: props.children
     });
   }
-
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.children
   });
 };
-
 OptionalFeatureToggle.propTypes = {};
-
 const renderLabel = (menu, applicationLanguage) => {
   var _context;
-
   const localizedLabel = _findInstanceProperty__default["default"](_context = menu.labelAllLocales).call(_context, loc => _startsWithInstanceProperty__default["default"](applicationLanguage).call(applicationLanguage, loc.locale));
-
   if (localizedLabel) return localizedLabel.value;
   return constants.NO_VALUE_FALLBACK;
 };
-
 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", {
@@ -257,15 +238,12 @@ const MenuItemLabel = props => {
       children: props.children
     });
   }
-
   return jsxRuntime.jsx(Spacings__default["default"].Inset, {
     scale: "s",
     children: props.children
   });
 };
-
 MenuItemLabel.propTypes = {};
-
 const UserSettingsAvatarContainer = props => {
   if (props.isNewTheme) {
     return jsxRuntime.jsx("div", {
@@ -273,42 +251,32 @@ const UserSettingsAvatarContainer = props => {
       children: props.children
     });
   }
-
   return jsxRuntime.jsx(Spacings__default["default"].Inset, {
     scale: "xs",
     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;" + ("" ), "" );
 };
-
 var _ref2 = {
   name: "4zleql",
   styles: "display:block"
 } ;
-
 const getUserSettingsMenuItemLinkStyles = () => _ref2;
-
 const UserSettingsMenuBody = props => {
   var _context2, _context3;
-
   const _useTheme2 = designSystem.useTheme(),
-        isNewTheme = _useTheme2.isNewTheme,
-        themedValue = _useTheme2.themedValue; // Focus on a menu item when it's opened through keyboard
-
-
+    isNewTheme = _useTheme2.isNewTheme,
+    themedValue = _useTheme2.themedValue;
+  // Focus on a menu item when it's opened through keyboard
   const menuElementRef = react.useRef(null);
   react.useEffect(() => {
     var _menuElementRef$curre;
-
     (_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 ? void 0 : _menuElementRef$curre.focus();
   }, []);
   const environment = applicationShellConnectors.useApplicationContext(context => context.environment);
@@ -361,7 +329,6 @@ const UserSettingsMenuBody = props => {
         isNewTheme: isNewTheme
       }) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => {
         var _menu$featureToggle;
-
         return jsxRuntime.jsx(OptionalFeatureToggle, {
           featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
           children: jsxRuntime.jsx(reactRouterDom.Link, {
@@ -421,7 +388,8 @@ const UserSettingsMenuBody = props => {
         hasDivider: true,
         isNewTheme: isNewTheme
       }), jsxRuntime.jsxs("a", {
-        css: getUserSettingsMenuItemLinkStyles() // NOTE: we want to redirect to a new page so that the
+        css: getUserSettingsMenuItemLinkStyles()
+        // NOTE: we want to redirect to a new page so that the
         // server can remove things like cookie for access token.
         ,
         href: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER),
@@ -443,15 +411,12 @@ const UserSettingsMenuBody = props => {
     }))
   });
 };
-
 UserSettingsMenuBody.propTypes = {};
 UserSettingsMenuBody.displayName = 'UserSettingsMenuBody';
-
 var _ref = {
   name: "18rc9yp",
   styles: "cursor:pointer;border:none;padding:0;display:flex;background:transparent"
 } ;
-
 const UserSettingsMenu = props => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsxs("div", {
@@ -482,7 +447,6 @@ const UserSettingsMenu = props => {
     })]
   });
 };
-
 UserSettingsMenu.displayName = 'UserSettingsMenu';
 
 exports.UserAvatar = UserAvatar;