@commercetools-frontend/application-shell 21.23.10 → 21.24.0

package/dist/declarations/src/components/navbar/menu-items.d.ts

@@ -0,0 +1,99 @@
+import { MouseEventHandler, ReactNode, SyntheticEvent } from 'react';
+import type { TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
+import { BackIcon } from '@commercetools-uikit/icons';
+import type { TDataFence, TActionRight, TLocalizedField } from '../../types/generated/proxy';
+type TProjectPermissions = {
+    permissions: TNormalizedPermissions | null;
+    actionRights: TNormalizedActionRights | null;
+    dataFences: TNormalizedDataFences | null;
+};
+type IconProps = Parameters<typeof BackIcon>[0];
+type IconSwitcherProps = {
+    icon: string;
+} & IconProps;
+declare const IconSwitcher: {
+    ({ icon, ...iconProps }: IconSwitcherProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type MenuExpanderProps = {
+    isVisible: boolean;
+    onClick: MouseEventHandler<HTMLDivElement>;
+    isMenuOpen: boolean;
+};
+declare const MenuExpander: {
+    (props: MenuExpanderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Faded: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type MenuGroupProps = {
+    id: string;
+    level: 1 | 2;
+    isActive?: boolean;
+    isExpanded?: boolean;
+    hasSubmenu?: boolean;
+    children?: ReactNode;
+};
+declare const MenuGroup: {
+    (props: MenuGroupProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+type MenuItemProps = {
+    hasSubmenu: boolean;
+    isActive: boolean;
+    isMainMenuRouteActive?: boolean;
+    isMenuOpen: boolean;
+    onClick: MouseEventHandler<HTMLElement>;
+    onMouseEnter?: MouseEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    children: ReactNode;
+};
+declare const MenuItem: {
+    (props: MenuItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type MenuItemLinkProps = {
+    linkTo?: string;
+    exactMatch: boolean;
+    children: ReactNode;
+    onClick?: <TrackFn>(event: SyntheticEvent<HTMLAnchorElement>, track: TrackFn) => void;
+    useFullRedirectsForLinks?: boolean;
+};
+declare const MenuItemLink: {
+    (props: MenuItemLinkProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    defaultProps: Pick<MenuItemLinkProps, "exactMatch">;
+};
+declare const MenuItemDivider: {
+    (): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type RestrictedMenuItemProps = {
+    featureToggle?: string;
+    namesOfMenuVisibilities?: string[];
+    projectPermissions: TProjectPermissions;
+    menuVisibilities: TNormalizedMenuVisibilities | null;
+    keyOfMenuItem: string;
+    permissions: string[];
+    actionRights?: TActionRight[];
+    dataFences?: TDataFence[];
+    children: ReactNode;
+};
+declare const RestrictedMenuItem: {
+    (props: RestrictedMenuItemProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+    defaultProps: Pick<RestrictedMenuItemProps, "permissions">;
+};
+type MenuLabelProps = {
+    labelAllLocales: TLocalizedField[];
+    defaultLabel?: string;
+    applicationLocale: string;
+};
+declare const MenuLabel: (props: MenuLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+type TNavBarLayoutProps = {
+    children: ReactNode;
+};
+declare const NavBarLayout: import("react").ForwardRefExoticComponent<TNavBarLayoutProps & import("react").RefAttributes<HTMLElement>>;
+export { RestrictedMenuItem, MenuItem, MenuItemLink, IconSwitcher, MenuGroup, MenuLabel, MenuItemDivider, MenuExpander, Faded, NavBarLayout, };

package/dist/declarations/src/components/navbar/navbar.d.ts

@@ -1,26 +1,17 @@
 import type { TApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import type { TFetchProjectQuery } from '../../types/generated/mc';
-import { ReactNode, SyntheticEvent } from 'react';
-type MenuItemLinkProps = {
-    linkTo?: string;
-    exactMatch: boolean;
-    children: ReactNode;
-    onClick?: <TrackFn>(event: SyntheticEvent<HTMLAnchorElement>, track: TrackFn) => void;
-    useFullRedirectsForLinks?: boolean;
-};
-type NavbarProps<AdditionalEnvironmentProperties extends {}> = {
+import { type MenuItemLinkProps } from './menu-items';
+type TNavbarProps = {
     applicationLocale: string;
     projectKey: string;
-    environment: TApplicationContext<AdditionalEnvironmentProperties>['environment'];
+    environment: TApplicationContext<{
+        useFullRedirectsForLinks?: boolean;
+    }>['environment'];
     project: TFetchProjectQuery['project'];
     onMenuItemClick?: MenuItemLinkProps['onClick'];
 };
 declare const NavBar: {
-    <AdditionalEnvironmentProperties extends {}>(props: NavbarProps<AdditionalEnvironmentProperties>): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: TNavbarProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default NavBar;
-export declare const LoadingNavBar: {
-    (): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/declarations/src/components/project-container/index.d.ts

@@ -1 +1,78 @@
-export { default } from './project-container';
+/// <reference types="react" />
+declare const ProjectContainer: import("react").LazyExoticComponent<{
+    (props: {
+        user: {
+            __typename?: "User" | undefined;
+            id: string;
+            email: string;
+            createdAt: string;
+            gravatarHash: string;
+            firstName: string;
+            lastName: string;
+            language: string;
+            numberFormat: string;
+            timeZone?: string | null | undefined;
+            launchdarklyTrackingId: string;
+            launchdarklyTrackingGroup: string;
+            launchdarklyTrackingSubgroup?: string | null | undefined;
+            launchdarklyTrackingTeam?: string[] | null | undefined;
+            launchdarklyTrackingTenant: string;
+            defaultProjectKey?: string | null | undefined;
+            businessRole?: string | null | undefined;
+            projects: {
+                __typename?: "ProjectQueryResult" | undefined;
+                total: number;
+                results: {
+                    __typename?: "Project" | undefined;
+                    name: string;
+                    key: string;
+                    suspension: {
+                        __typename?: "ProjectSuspension" | undefined;
+                        isActive: boolean;
+                    };
+                    expiry: {
+                        __typename?: "ProjectExpiry" | undefined;
+                        isActive: boolean;
+                    };
+                }[];
+            };
+            idTokenUserInfo?: {
+                __typename?: "IdTokenUserInfo" | undefined;
+                iss: string;
+                sub: string;
+                aud: string;
+                exp: number;
+                iat?: number | null | undefined;
+                email?: string | null | undefined;
+                name?: string | null | undefined;
+                additionalClaims?: string | null | undefined;
+            } | null | undefined;
+        } | null | undefined;
+        environment: {
+            enableSignUp?: boolean | undefined;
+        } & {
+            applicationId: string;
+            applicationName: string;
+            entryPointUriPath: string;
+            revision: string;
+            env: string;
+            location: string;
+            cdnUrl: string;
+            mcApiUrl: string;
+            frontendHost: string;
+            servedByProxy: boolean;
+            ldClientSideId?: string | undefined;
+            trackingSentry?: string | undefined;
+            trackingGtm?: string | undefined;
+            __DEVELOPMENT__?: {
+                oidc?: import("@commercetools-frontend/constants").ApplicationOidcForDevelopmentConfig | undefined;
+                menuLinks?: import("@commercetools-frontend/constants").ApplicationMenuLinksForDevelopmentConfig | undefined;
+            } | undefined;
+        };
+        disableRoutePermissionCheck?: boolean | undefined;
+        render?: (() => JSX.Element) | undefined;
+        children?: import("react").ReactNode;
+    }): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default ProjectContainer;

package/dist/declarations/src/components/project-container/project-container.d.ts

@@ -1,19 +1,17 @@
-import type { RouteComponentProps } from 'react-router-dom';
+import { ReactNode } from 'react';
 import type { TProviderProps } from '@commercetools-frontend/application-shell-connectors';
 import type { TFetchLoggedInUserQuery } from '../../types/generated/mc';
-import { ReactNode } from 'react';
-type QueryParams = {
-    projectKey: string;
-};
-type Props<AdditionalEnvironmentProperties extends {}> = Pick<RouteComponentProps<QueryParams>, 'match' | 'location'> & {
+type TProjectContainerProps = {
     user: TFetchLoggedInUserQuery['user'];
-    environment: TProviderProps<AdditionalEnvironmentProperties>['environment'];
+    environment: TProviderProps<{
+        enableSignUp?: boolean;
+    }>['environment'];
     disableRoutePermissionCheck?: boolean;
     render?: () => JSX.Element;
     children?: ReactNode;
 };
 declare const ProjectContainer: {
-    <AdditionalEnvironmentProperties extends {}>(props: Props<AdditionalEnvironmentProperties>): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: TProjectContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ProjectContainer;

package/dist/declarations/src/components/quick-access/butler-command/butler-command.d.ts

@@ -1,5 +1,5 @@
-import type { Command } from '../types';
 import { MouseEventHandler } from 'react';
+import type { Command } from '../types';
 type Props = {
     command: Command;
     isSelected?: boolean;

package/dist/declarations/src/components/quick-access/index.d.ts

@@ -1,8 +1,8 @@
-type Props = {
+type TQuickAccessProps = {
     onChangeProjectDataLocale?: (locale: string) => void;
 };
 declare const QuickAccessTrigger: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    (props: TQuickAccessProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export default QuickAccessTrigger;

package/dist/declarations/src/components/quick-access/types.d.ts

@@ -1,5 +1,5 @@
-import type { DocumentNode } from 'graphql';
 import type { OperationVariables, ApolloQueryResult } from '@apollo/client';
+import type { DocumentNode } from 'graphql';
 import type { TApolloContext } from '../../utils/apollo-context';
 export declare const actionTypes: {
     readonly go: "go";

package/dist/declarations/src/components/redirect-to-login/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const RedirectToLogin: import("react").LazyExoticComponent<{
+    (): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default RedirectToLogin;

package/dist/declarations/src/components/redirect-to-logout/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const RedirectToLogout: import("react").LazyExoticComponent<(props: {
+    reason?: "user" | "unauthorized" | "invalid" | "deleted" | "no-projects" | undefined;
+}) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default RedirectToLogout;

package/dist/declarations/src/components/redirect-to-project-create/index.d.ts

@@ -1 +1,6 @@
-export { default } from './redirect-to-project-create';
+/// <reference types="react" />
+declare const RedirectToProjectCreate: import("react").LazyExoticComponent<{
+    (): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+}>;
+export default RedirectToProjectCreate;

package/dist/declarations/src/components/requests-in-flight-loader/index.d.ts

@@ -1,2 +1,7 @@
-export { default } from './requests-in-flight-loader';
+/// <reference types="react" />
+declare const RequestsInFlightLoader: import("react").LazyExoticComponent<{
+    (): import("react").ReactPortal | null;
+    displayName: string;
+}>;
+export default RequestsInFlightLoader;
 export { default as requestsInFlightReducer } from './reducer';

package/dist/declarations/src/components/route-catch-all/index.d.ts

@@ -1 +1,3 @@
-export { default } from './route-catch-all';
+/// <reference types="react" />
+declare const RouteCatchAll: import("react").LazyExoticComponent<() => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default RouteCatchAll;

package/dist/declarations/src/components/setup-flop-flip-provider/setup-flop-flip-provider.d.ts

@@ -1,7 +1,7 @@
+import { ReactNode } from 'react';
 import type { TFlags } from '@flopflip/types';
 import type { TFetchLoggedInUserQuery } from '../../types/generated/mc';
-import { ReactNode } from 'react';
-type Props = {
+type TSetupFlopFlipProviderProps = {
     projectKey?: string;
     user?: TFetchLoggedInUserQuery['user'];
     flags?: TFlags;
@@ -11,7 +11,7 @@ type Props = {
     shouldDeferAdapterConfiguration?: boolean;
 };
 export declare const SetupFlopFlipProvider: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: TSetupFlopFlipProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SetupFlopFlipProvider;

package/dist/declarations/src/components/suspended-route/suspended-route.d.ts

@@ -1,6 +1,6 @@
 import { type RouteProps } from 'react-router-dom';
 declare const SuspendedRoute: {
-    (props: RouteProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    <Path extends string = string>(props: RouteProps<Path, import("react-router").ExtractRouteParams<Path, string>>): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SuspendedRoute;

package/dist/declarations/src/components/user-settings-menu/index.d.ts

@@ -1 +1,12 @@
-export { default } from './user-settings-menu';
+/// <reference types="react" />
+declare const UserSettingsMenu: import("react").LazyExoticComponent<{
+    (props: {
+        firstName: string;
+        lastName: string;
+        email: string;
+        gravatarHash: string;
+        language: string;
+    }): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+export default UserSettingsMenu;

package/dist/declarations/src/components/version-tracker/index.d.ts

@@ -1 +1,6 @@
-export { default } from './version-tracker';
+/// <reference types="react" />
+declare const VersionTracker: import("react").LazyExoticComponent<{
+    (): null;
+    displayName: string;
+}>;
+export default VersionTracker;

package/dist/declarations/src/hooks/apollo-hooks/apollo-hooks.d.ts

@@ -1,5 +1,5 @@
-import type { DocumentNode } from 'graphql';
 import type { OperationVariables, QueryResult, QueryHookOptions, QueryTuple, MutationTuple, MutationHookOptions } from '@apollo/client';
+import type { DocumentNode } from 'graphql';
 import type { TApolloContext } from '../../utils/apollo-context';
 type TQueryOptionsWithContext<TData = unknown, TVariables extends OperationVariables = OperationVariables> = QueryHookOptions<TData, TVariables> & {
     context: TApolloContext;

package/dist/declarations/src/test-utils/test-utils.d.ts

@@ -1,11 +1,11 @@
 import { type ReactElement } from 'react';
 import { ApolloClient, type NormalizedCacheObject } from '@apollo/client';
 import { type MockedResponse } from '@apollo/client/testing';
+import type { TFlags } from '@flopflip/types';
 import * as rtl from '@testing-library/react';
 import * as rtlHooks from '@testing-library/react-hooks';
-import type { TFlags } from '@flopflip/types';
-import { createEnhancedHistory } from '@commercetools-frontend/browser-history';
 import { type TProviderProps } from '@commercetools-frontend/application-shell-connectors';
+import { createEnhancedHistory } from '@commercetools-frontend/browser-history';
 import { type TMapNotificationToComponentProps } from '@commercetools-frontend/react-notifications';
 import { type TSdkMock } from '@commercetools-frontend/sdk/test-utils';
 import { createReduxStore } from '../configure-store';

package/dist/declarations/src/types/generated/mc.d.ts

@@ -90,7 +90,7 @@ export type TIdTokenUserInfo = {
     aud: Scalars['String'];
     email?: Maybe<Scalars['String']>;
     exp: Scalars['Float'];
-    iat: Scalars['Float'];
+    iat?: Maybe<Scalars['Float']>;
     iss: Scalars['String'];
     name?: Maybe<Scalars['String']>;
     sub: Scalars['String'];
@@ -605,7 +605,7 @@ export type TAmILoggedInQuery = {
     amILoggedIn: boolean;
 };
 export type TFetchProjectQueryVariables = Exact<{
-    projectKey: Scalars['String'];
+    projectKey?: InputMaybe<Scalars['String']>;
 }>;
 export type TFetchProjectQuery = {
     __typename?: 'Query';
@@ -725,7 +725,7 @@ export type TFetchLoggedInUserQuery = {
             sub: string;
             aud: string;
             exp: number;
-            iat: number;
+            iat?: number | null;
             email?: string | null;
             name?: string | null;
             additionalClaims?: string | null;

package/dist/declarations/src/utils/get-mc-origin/get-mc-origin.d.ts

@@ -0,0 +1,2 @@
+declare function getMcOrigin(mcApiUrl: string, actualWindow?: Window & typeof globalThis): string;
+export default getMcOrigin;

package/dist/declarations/src/utils/get-mc-origin/index.d.ts

@@ -0,0 +1 @@
+export { default } from './get-mc-origin';

package/dist/error-apologizer-c336db61.cjs.dev.js

@@ -0,0 +1,56 @@
+'use strict';
+
+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');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var reactIntl = require('react-intl');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var UnexpectedErrorSVG = require('@commercetools-frontend/assets/images/icecream.svg');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var UnexpectedErrorSVG__default = /*#__PURE__*/_interopDefault(UnexpectedErrorSVG);
+
+var messages = reactIntl.defineMessages({
+  title: {
+    id: 'ErrorApologizer.title',
+    defaultMessage: 'Sorry! An unexpected error occured.'
+  },
+  notifiedTeam: {
+    id: 'ErrorApologizer.notifiedTeam',
+    defaultMessage: 'Our team has been notified about this issue.'
+  }
+});
+
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+const ErrorApologizer = () => {
+  const intl = reactIntl.useIntl();
+  return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
+    imageSrc: UnexpectedErrorSVG__default["default"],
+    title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.title)),
+    label: intl.formatMessage(messages.title),
+    paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.notifiedTeam))
+  });
+};
+
+ErrorApologizer.displayName = 'ErrorApologizer';
+
+exports["default"] = ErrorApologizer;

package/dist/error-apologizer-c55ec6f7.cjs.prod.js

@@ -0,0 +1,56 @@
+'use strict';
+
+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');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var reactIntl = require('react-intl');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var UnexpectedErrorSVG = require('@commercetools-frontend/assets/images/icecream.svg');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var UnexpectedErrorSVG__default = /*#__PURE__*/_interopDefault(UnexpectedErrorSVG);
+
+var messages = reactIntl.defineMessages({
+  title: {
+    id: 'ErrorApologizer.title',
+    defaultMessage: 'Sorry! An unexpected error occured.'
+  },
+  notifiedTeam: {
+    id: 'ErrorApologizer.notifiedTeam',
+    defaultMessage: 'Our team has been notified about this issue.'
+  }
+});
+
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+const ErrorApologizer = () => {
+  const intl = reactIntl.useIntl();
+  return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
+    imageSrc: UnexpectedErrorSVG__default["default"],
+    title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.title)),
+    label: intl.formatMessage(messages.title),
+    paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.notifiedTeam))
+  });
+};
+
+ErrorApologizer.displayName = 'ErrorApologizer';
+
+exports["default"] = ErrorApologizer;

package/dist/error-apologizer-f8772b68.esm.js

@@ -0,0 +1,42 @@
+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';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
+import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
+import UnexpectedErrorSVG from '@commercetools-frontend/assets/images/icecream.svg';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+var messages = defineMessages({
+  title: {
+    id: 'ErrorApologizer.title',
+    defaultMessage: 'Sorry! An unexpected error occured.'
+  },
+  notifiedTeam: {
+    id: 'ErrorApologizer.notifiedTeam',
+    defaultMessage: 'Our team has been notified about this issue.'
+  }
+});
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const ErrorApologizer = () => {
+  const intl = useIntl();
+  return jsx(MaintenancePageLayout, {
+    imageSrc: UnexpectedErrorSVG,
+    title: jsx(FormattedMessage, _objectSpread({}, messages.title)),
+    label: intl.formatMessage(messages.title),
+    paragraph1: jsx(FormattedMessage, _objectSpread({}, messages.notifiedTeam))
+  });
+};
+
+ErrorApologizer.displayName = 'ErrorApologizer';
+
+export { ErrorApologizer as default };

package/dist/gear-2890f7fb.cjs.prod.js

@@ -0,0 +1,32 @@
+'use strict';
+
+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');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var icons = require('@commercetools-uikit/icons');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+const Icon = props => jsxRuntime.jsx(icons.GearIcon, _objectSpread({}, props));
+
+exports["default"] = Icon;

package/dist/{gear-8418cd46.esm.js → gear-300dd24c.esm.js}

@@ -14,8 +14,6 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var Icon = function Icon(props) {
-  return jsx(GearIcon, _objectSpread({}, props));
-};
+const Icon = props => jsx(GearIcon, _objectSpread({}, props));
 
 export { Icon as default };