@commercetools-frontend/application-shell 22.17.2 → 22.19.0

package/dist/commercetools-frontend-application-shell.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-3a78b6af.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-fe871c79.cjs.dev.js');
 var index = require('./index-37a25e51.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -42,12 +42,12 @@ require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-ed411f45.cjs.dev.js');
 require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@commercetools-uikit/text');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -72,6 +72,7 @@ require('lodash/upperFirst');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@commercetools-frontend/actions-global');

package/dist/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-e452a65f.cjs.prod.js');
 var index = require('./index-6cd618cc.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
@@ -42,12 +42,12 @@ require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@commercetools-uikit/text');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-uikit/loading-spinner');
 require('@commercetools-frontend/browser-history');
@@ -72,6 +72,7 @@ require('lodash/upperFirst');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@commercetools-frontend/actions-global');

package/dist/commercetools-frontend-application-shell.esm.js

@@ -1,4 +1,4 @@
-export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-5f138907.esm.js';
+export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-fe5ba32e.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-89e5711a.esm.js';
 export { buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getMcApiUrl, selectProjectKeyFromUrl, selectUserId, useMcLazyQuery, useMcMutation, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
@@ -38,12 +38,12 @@ import '@commercetools-uikit/icons';
 import './use-is-served-by-proxy-77984220.esm.js';
 import '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
-import '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
-import '@babel/runtime-corejs3/helpers/extends';
+import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
 import '@commercetools-uikit/select-input';
+import '@commercetools-uikit/text';
 import '@commercetools-frontend/assets/images/ct-logo.svg';
 import '@commercetools-uikit/loading-spinner';
 import '@commercetools-frontend/browser-history';
@@ -68,6 +68,7 @@ import 'lodash/upperFirst';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/permissions';
+import '@flopflip/memory-adapter';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import '@commercetools-frontend/actions-global';

package/dist/{custom-view-dev-host-a4c2526e.cjs.prod.js → custom-view-dev-host-07deb1be.cjs.prod.js}

@@ -12,7 +12,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-e452a65f.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-6cd618cc.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -55,8 +55,7 @@ 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/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
@@ -82,6 +81,7 @@ require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@commercetools-frontend/actions-global');

package/dist/{custom-view-dev-host-5f8c0099.cjs.dev.js → custom-view-dev-host-86bf92ba.cjs.dev.js}

@@ -12,7 +12,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-3a78b6af.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-fe871c79.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-37a25e51.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -55,8 +55,7 @@ require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icons');
 require('./use-is-served-by-proxy-ed411f45.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
-require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
@@ -82,6 +81,7 @@ require('lodash/upperFirst');
 require('@commercetools-uikit/design-system/materials/resets.css');
 require('@commercetools-frontend/application-config/ssr');
 require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('@babel/runtime-corejs3/core-js-stable/instance/some');
 require('@commercetools-frontend/actions-global');

package/dist/{custom-view-dev-host-03a7e8ee.esm.js → custom-view-dev-host-aa75f95a.esm.js}

@@ -10,7 +10,7 @@ import Constraints from '@commercetools-uikit/constraints';
 import PrimaryButton from '@commercetools-uikit/primary-button';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { A as ApplicationShell } from './index-5f138907.esm.js';
+import { A as ApplicationShell } from './index-fe5ba32e.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-89e5711a.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -53,8 +53,7 @@ import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icons';
 import './use-is-served-by-proxy-77984220.esm.js';
 import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
-import '@babel/runtime-corejs3/helpers/objectDestructuringEmpty';
-import '@babel/runtime-corejs3/helpers/extends';
+import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';
@@ -80,6 +79,7 @@ import 'lodash/upperFirst';
 import '@commercetools-uikit/design-system/materials/resets.css';
 import '@commercetools-frontend/application-config/ssr';
 import '@commercetools-frontend/permissions';
+import '@flopflip/memory-adapter';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import '@babel/runtime-corejs3/core-js-stable/instance/some';
 import '@commercetools-frontend/actions-global';

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TFlags } from '@flopflip/types';
+import { TFetchLoggedInUserQuery } from '../../types/generated/mc';
+type TCustomViewFlopFlipProviderProps = {
+    user?: TFetchLoggedInUserQuery['user'];
+    flags?: TFlags;
+    children: ReactNode;
+};
+declare function CustomViewFlopFlipProvider(props: TCustomViewFlopFlipProviderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default CustomViewFlopFlipProvider;

package/dist/declarations/src/components/custom-view-flop-flip-provider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './custom-view-flop-flip-provider';

package/dist/declarations/src/components/custom-view-shell/custom-view-shell.styles.d.ts

@@ -6,4 +6,11 @@ export declare const customViewsThemesOverrides: {
         paddingForMainPageHeader: string;
         paddingForTabularPageHeader: string;
     };
+    recolouring: {
+        marginForCustomViewsSelectorAsTabular: string;
+        marginForPageContent: string;
+        paddingForDetailPageHeader: string;
+        paddingForMainPageHeader: string;
+        paddingForTabularPageHeader: string;
+    };
 };

package/dist/declarations/src/components/custom-view-shell-authenticated/custom-view-shell-authenticated.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { TFlags } from '@flopflip/types';
 import { type ApplicationWindow, type CustomViewData } from '@commercetools-frontend/constants';
 import { type TAsyncLocaleDataProps } from '@commercetools-frontend/i18n';
 type TCustomViewShellAuthenticatedProps = {
@@ -6,6 +7,7 @@ type TCustomViewShellAuthenticatedProps = {
     environment: ApplicationWindow['app'];
     messages: TAsyncLocaleDataProps['applicationMessages'];
     projectKey?: string;
+    flags?: TFlags;
     customViewConfig: CustomViewData;
     children: ReactNode;
 };

package/dist/declarations/src/components/locale-switcher/messages.d.ts

@@ -4,5 +4,15 @@ declare const _default: {
         description: string;
         defaultMessage: string;
     };
+    dialogLocaleTitle: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    dialogLocaleDescription: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
 };
 export default _default;

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

@@ -27,6 +27,7 @@ declare const ProjectContainer: import("react").LazyExoticComponent<{
                     __typename?: "Project" | undefined;
                     name: string;
                     key: string;
+                    isProductionProject: boolean;
                     suspension: {
                         __typename?: "ProjectSuspension" | undefined;
                         isActive: boolean;

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

@@ -2,7 +2,7 @@ import type { OptionProps, ValueContainerProps } from 'react-select';
 type Props = {
     projectKey?: string;
 };
-export declare const ValueContainer: ({ ...restProps }: ValueContainerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const ValueContainer: ({ children, ...restProps }: ValueContainerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const ProjectSwitcherOption: (props: OptionProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 declare const ProjectSwitcher: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;

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

@@ -357,6 +357,7 @@ export type TQuery = {
     release?: Maybe<Scalars['String']>;
     releases?: Maybe<TReleaseHistory>;
     storeOAuthScopes: Array<Scalars['String']>;
+    systemStatus: TSystemStatus;
 };
 export type TQuery_AllImpliedOAuthScopesArgs = {
     onlyConfiguredOnTrustedClient?: InputMaybe<Scalars['Boolean']>;
@@ -487,6 +488,15 @@ export type TSupportedStoreScope = {
     group: Scalars['String'];
     name: Scalars['String'];
 };
+export declare enum TSystemOperabilityStatus {
+    Degraded = "DEGRADED",
+    Operational = "OPERATIONAL",
+    Outage = "OUTAGE"
+}
+export type TSystemStatus = {
+    __typename?: 'SystemStatus';
+    status: TSystemOperabilityStatus;
+};
 export type TUser = TMetaData & {
     __typename?: 'User';
     businessRole?: Maybe<Scalars['String']>;
@@ -655,6 +665,7 @@ export type TFetchLoggedInUserQuery = {
                 __typename?: 'Project';
                 name: string;
                 key: string;
+                isProductionProject: boolean;
                 suspension: {
                     __typename?: 'ProjectSuspension';
                     isActive: boolean;

package/dist/{error-apologizer-84dc825c.cjs.prod.js → error-apologizer-3a9b55fd.cjs.dev.js}

@@ -11,7 +11,9 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
+var UnexpectedErrorSVGRebranding = require('@commercetools-frontend/assets/images/unexpected-error-rebranding.svg');
 var UnexpectedErrorSVG = require('@commercetools-frontend/assets/images/unexpected-error.svg');
+var designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -24,6 +26,7 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 UnexpectedErrorSVGRebranding__default = /*#__PURE__*/_interopDefault(UnexpectedErrorSVGRebranding);
 var UnexpectedErrorSVG__default = /*#__PURE__*/_interopDefault(UnexpectedErrorSVG);
 
 var messages = reactIntl.defineMessages({
@@ -41,8 +44,10 @@ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Objec
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ErrorApologizer = () => {
   const intl = reactIntl.useIntl();
+  const _useTheme = designSystem.useTheme(),
+    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
-    imageSrc: UnexpectedErrorSVG__default["default"],
+    imageSrc: themedValue(UnexpectedErrorSVG__default["default"], UnexpectedErrorSVGRebranding__default["default"]),
     title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.title)),
     label: intl.formatMessage(messages.title),
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.notifiedTeam))

package/dist/{error-apologizer-f6793491.cjs.dev.js → error-apologizer-7bc04be1.cjs.prod.js}

@@ -11,7 +11,9 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var reactIntl = require('react-intl');
 var applicationComponents = require('@commercetools-frontend/application-components');
+var UnexpectedErrorSVGRebranding = require('@commercetools-frontend/assets/images/unexpected-error-rebranding.svg');
 var UnexpectedErrorSVG = require('@commercetools-frontend/assets/images/unexpected-error.svg');
+var designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -24,6 +26,7 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 UnexpectedErrorSVGRebranding__default = /*#__PURE__*/_interopDefault(UnexpectedErrorSVGRebranding);
 var UnexpectedErrorSVG__default = /*#__PURE__*/_interopDefault(UnexpectedErrorSVG);
 
 var messages = reactIntl.defineMessages({
@@ -41,8 +44,10 @@ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Objec
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ErrorApologizer = () => {
   const intl = reactIntl.useIntl();
+  const _useTheme = designSystem.useTheme(),
+    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
-    imageSrc: UnexpectedErrorSVG__default["default"],
+    imageSrc: themedValue(UnexpectedErrorSVG__default["default"], UnexpectedErrorSVGRebranding__default["default"]),
     title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.title)),
     label: intl.formatMessage(messages.title),
     paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.notifiedTeam))

package/dist/{error-apologizer-76f087f4.esm.js → error-apologizer-9bed285b.esm.js}

@@ -9,7 +9,9 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { MaintenancePageLayout } from '@commercetools-frontend/application-components';
+import UnexpectedErrorSVGRebranding from '@commercetools-frontend/assets/images/unexpected-error-rebranding.svg';
 import UnexpectedErrorSVG from '@commercetools-frontend/assets/images/unexpected-error.svg';
+import { useTheme } from '@commercetools-uikit/design-system';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 var messages = defineMessages({
@@ -27,8 +29,10 @@ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymb
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ErrorApologizer = () => {
   const intl = useIntl();
+  const _useTheme = useTheme(),
+    themedValue = _useTheme.themedValue;
   return jsx(MaintenancePageLayout, {
-    imageSrc: UnexpectedErrorSVG,
+    imageSrc: themedValue(UnexpectedErrorSVG, UnexpectedErrorSVGRebranding),
     title: jsx(FormattedMessage, _objectSpread({}, messages.title)),
     label: intl.formatMessage(messages.title),
     paragraph1: jsx(FormattedMessage, _objectSpread({}, messages.notifiedTeam))