@commercetools-frontend/application-shell 22.18.0 → 22.20.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-f4019b48.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-0f623820.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');
@@ -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-e9dcdd6b.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-bcb52bd1.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');
@@ -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-cb9692b6.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-c52c0886.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';
@@ -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-b4ef2628.esm.js → custom-view-dev-host-745f380b.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-cb9692b6.esm.js';
+import { A as ApplicationShell } from './index-c52c0886.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';
@@ -79,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/{custom-view-dev-host-7f4b9f06.cjs.dev.js → custom-view-dev-host-f0c00553.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-f4019b48.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-0f623820.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');
@@ -81,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-ca22b6ea.cjs.prod.js → custom-view-dev-host-f81ab446.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-e9dcdd6b.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-bcb52bd1.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');
@@ -81,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/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/navbar/main-navbar.styles.d.ts

@@ -4,6 +4,10 @@ declare const FixedMenu: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const SupportMenuTooltipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const ItemContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -44,4 +48,4 @@ declare const Text: import("@emotion/styled").StyledComponent<{
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const getMenuItemLinkStyles: (isSubmenuLink: boolean) => (false | import("@emotion/react").SerializedStyles)[];
-export { getMenuItemLinkStyles, leftNavigationOpenStyles, FixedMenu, HeaderTitle, ItemContent, NavigationHeader, ScrollableMenu, SupportMenu, Text, TextLink, Title, Tooltip, TooltipContainer, };
+export { getMenuItemLinkStyles, leftNavigationOpenStyles, FixedMenu, HeaderTitle, ItemContent, NavigationHeader, ScrollableMenu, SupportMenu, Text, TextLink, Title, Tooltip, TooltipContainer, SupportMenuTooltipContainer, };

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))

package/dist/{index-f4019b48.cjs.dev.js → index-0f623820.cjs.dev.js}

@@ -69,6 +69,7 @@ var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable
 require('@commercetools-uikit/design-system/materials/resets.css');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var permissions = require('@commercetools-frontend/permissions');
+var memoryAdapter = require('@flopflip/memory-adapter');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
@@ -109,13 +110,14 @@ var ldAdapter__default = /*#__PURE__*/_interopDefault(ldAdapter);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var memoryAdapter__default = /*#__PURE__*/_interopDefault(memoryAdapter);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 
 // NOTE: This string will be replaced on build time with the package version.
-var applicationShellVersion = "22.18.0";
+var applicationShellVersion = "22.20.0";
 
-const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-9c8fdf46.cjs.dev.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-9d60e879.cjs.dev.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -399,7 +401,7 @@ ProjectSwitcher.displayName = 'ProjectSwitcher';
 // eslint-disable-next-line import/prefer-default-export
 const REQUESTS_IN_FLIGHT_LOADER_DOM_ID = 'loader-for-requests-in-flight';
 
-const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-60dc5e0a.cjs.dev.js' /* webpackChunkName: "user-settings-menu" */); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-f6f32579.cjs.dev.js' /* webpackChunkName: "user-settings-menu" */); }));
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref$1 = process.env.NODE_ENV === "production" ? {
@@ -555,7 +557,7 @@ ConfigureIntlProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-f6793491.cjs.dev.js' /* webpackChunkName: "error-apologizer" */); }));
+const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-3a9b55fd.cjs.dev.js' /* webpackChunkName: "error-apologizer" */); }));
 
 var ProjectQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProject" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "projectKey" } }, type: { kind: "NamedType", name: { kind: "Name", value: "String" } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "project" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "key" }, value: { kind: "Variable", name: { kind: "Name", value: "projectKey" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "version" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "countries" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "currencies" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "languages" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "initialized" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "daysLeft" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "isProductionProject" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }, { kind: "Field", name: { kind: "Name", value: "allPermissionsForAllApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allAppliedPermissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedActionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedMenuVisibilities" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "allAppliedDataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "InlineFragment", typeCondition: { kind: "NamedType", name: { kind: "Name", value: "StoreDataFence" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "__typename" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "owner" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "sampleDataImportDataset" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 1049, source: { body: "query FetchProject($projectKey: String) {\n  project(key: $projectKey) {\n    key\n    version\n    name\n    countries\n    currencies\n    languages\n    initialized\n    expiry {\n      isActive\n      daysLeft\n    }\n    suspension {\n      isActive\n      reason\n    }\n    isProductionProject\n    allAppliedPermissions {\n      name\n      value\n    }\n    allAppliedActionRights {\n      group\n      name\n      value\n    }\n    allAppliedDataFences {\n      ... on StoreDataFence {\n        type\n        name\n        value\n        group\n        __typename\n      }\n    }\n    allPermissionsForAllApplications {\n      allAppliedPermissions {\n        name\n        value\n      }\n      allAppliedActionRights {\n        group\n        name\n        value\n      }\n      allAppliedMenuVisibilities {\n        name\n        value\n      }\n      allAppliedDataFences {\n        ... on StoreDataFence {\n          type\n          name\n          value\n          group\n          __typename\n        }\n      }\n    }\n    owner {\n      id\n      name\n    }\n    sampleDataImportDataset\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const FetchProject = props => {
@@ -611,9 +613,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-72c13dfc.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-2c01bcc6.cjs.dev.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-9b6f3420.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-d2db13b6.cjs.dev.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -737,7 +739,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-93dc1db2.cjs.dev.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-b4cf2875.cjs.dev.js' /* webpackChunkName: "quick-access" */); }));
 
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
@@ -826,7 +828,7 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-a6780000.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-e24459f8.cjs.dev.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-67d7cd03.cjs.dev.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -911,7 +913,10 @@ const SetupFlopFlipProvider = props => {
           // Allow to overwrite the client ID, passed via the `additionalEnv` properties
           // of the application config.
           // This is mostly useful for internal usage on our staging environments.
-          clientSideId: (_props$ldClientSideId = props.ldClientSideId) !== null && _props$ldClientSideId !== void 0 ? _props$ldClientSideId : ldClientSideIdProduction
+          clientSideId: (_props$ldClientSideId = props.ldClientSideId) !== null && _props$ldClientSideId !== void 0 ? _props$ldClientSideId : ldClientSideIdProduction,
+          clientOptions: {
+            sendEventsOnlyForVariation: true
+          }
         },
         flags,
         context: getUserContextForLaunchDarklyAdapter(props.user, props.projectKey)
@@ -969,15 +974,17 @@ SetupFlopFlipProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
 const ThemeSwitcher = () => {
+  const isRecolouringThemeEnabled = reactBroadcast.useFeatureToggle(constants.featureFlags.RECOLOURING);
+  const theme = isRecolouringThemeEnabled ? 'recolouring' : 'default';
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: jsxRuntime.jsx(designSystem.ThemeProvider, {
-      theme: "default",
-      themeOverrides: applicationComponents.themesOverrides.default
+      theme: theme,
+      themeOverrides: applicationComponents.themesOverrides[theme]
     })
   });
 };
 
-const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-7d8e5a87.cjs.dev.js' /* webpackChunkName: "version-tracker" */); }));
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-211ba363.cjs.dev.js' /* webpackChunkName: "version-tracker" */); }));
 
 function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1491,7 +1498,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(constants.STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-0fd6d96a.cjs.dev.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-b07b3a65.cjs.dev.js' /* webpackChunkName: "oidc-callback" */); }));
 
 function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(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$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1729,7 +1736,29 @@ ApplicationShell.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = applicationShellVersion;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-7f4b9f06.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-f0c00553.cjs.dev.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+
+function CustomViewFlopFlipProvider(props) {
+  var _props$user2;
+  const adapterArgs = react.useMemo(() => {
+    var _props$user;
+    return {
+      user: {
+        key: (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.id
+      }
+    };
+  }, [(_props$user2 = props.user) === null || _props$user2 === void 0 ? void 0 : _props$user2.id]);
+  return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
+    adapter: memoryAdapter__default["default"],
+    defaultFlags: _flagsInstanceProperty__default["default"](props),
+    adapterArgs: adapterArgs,
+    children: props.children
+  });
+}
+CustomViewFlopFlipProvider.propTypes = process.env.NODE_ENV !== "production" ? {
+  flags: _pt__default["default"].any,
+  children: _pt__default["default"].node.isRequired
+} : {};
 
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(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$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
@@ -1794,8 +1823,12 @@ function CustomViewShellAuthenticated(props) {
                       project: project,
                       projectDataLocale: props.dataLocale,
                       environment: props.environment,
-                      children: jsxRuntime.jsx(CustomViewWithPermissionCheck, {
-                        children: props.children
+                      children: jsxRuntime.jsx(CustomViewFlopFlipProvider, {
+                        flags: _flagsInstanceProperty__default["default"](props),
+                        user: user,
+                        children: jsxRuntime.jsx(CustomViewWithPermissionCheck, {
+                          children: props.children
+                        })
                       })
                     });
                   }
@@ -1811,6 +1844,7 @@ function CustomViewShellAuthenticated(props) {
 CustomViewShellAuthenticated.propTypes = process.env.NODE_ENV !== "production" ? {
   dataLocale: _pt__default["default"].string.isRequired,
   projectKey: _pt__default["default"].string,
+  flags: _pt__default["default"].any,
   customViewConfig: _pt__default["default"].any.isRequired,
   children: _pt__default["default"].node.isRequired
 } : {};
@@ -1830,6 +1864,13 @@ const customViewsThemesOverrides = {
     paddingForDetailPageHeader: "0 0 ".concat(designSystem.designTokens.spacing40, " 0"),
     paddingForMainPageHeader: '0',
     paddingForTabularPageHeader: '0'
+  },
+  recolouring: {
+    marginForCustomViewsSelectorAsTabular: '0',
+    marginForPageContent: "".concat(designSystem.designTokens.spacing50, " 0"),
+    paddingForDetailPageHeader: "0 0 ".concat(designSystem.designTokens.spacing40, " 0"),
+    paddingForMainPageHeader: '0',
+    paddingForTabularPageHeader: '0'
   }
 };
 
@@ -1870,7 +1911,7 @@ const ContentWrapper = /*#__PURE__*/_styled__default["default"]("div", process.e
 } : {
   target: "e8xye0r0",
   label: "ContentWrapper"
-})("height:100%;padding:", designSystem.designTokens.spacing40, " 40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3LXNoZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R2lDIiwiZmlsZSI6ImN1c3RvbS12aWV3LXNoZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VFZmZlY3QsXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG4gIFN1c3BlbnNlLFxuICBTdHJpY3RNb2RlLFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgUmVmT2JqZWN0LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBBcG9sbG9DbGllbnQsIHR5cGUgTm9ybWFsaXplZENhY2hlT2JqZWN0IH0gZnJvbSAnQGFwb2xsby9jbGllbnQnO1xuaW1wb3J0IHsgUm91dGUgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcbmltcG9ydCB7XG4gIE1vZGFsUGFnZVRvcEJhcixcbiAgUGFnZVVuYXV0aG9yaXplZCxcbiAgUG9ydGFsc0NvbnRhaW5lcixcbiAgdGhlbWVzT3ZlcnJpZGVzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1jb21wb25lbnRzJztcbmltcG9ydCB7IEN1c3RvbVZpZXdDb250ZXh0UHJvdmlkZXIgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7XG4gIHR5cGUgQXBwbGljYXRpb25XaW5kb3csXG4gIENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMsXG4gIENVU1RPTV9WSUVXU19FVkVOVFNfTUVUQSxcbiAgQ3VzdG9tVmlld0RhdGEsXG4gIERPTUFJTlMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5pbXBvcnQge1xuICBBc3luY0xvY2FsZURhdGEsXG4gIHR5cGUgVEFzeW5jTG9jYWxlRGF0YVByb3BzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNMaXN0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvcmVhY3Qtbm90aWZpY2F0aW9ucyc7XG5pbXBvcnQge1xuICBUaGVtZVByb3ZpZGVyLFxuICBkZXNpZ25Ub2tlbnMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IEFwcGxpY2F0aW9uTG9hZGVyIGZyb20gJy4uL2FwcGxpY2F0aW9uLWxvYWRlci9hcHBsaWNhdGlvbi1sb2FkZXInO1xuaW1wb3J0IEdsb2JhbFN0eWxlcyBmcm9tICcuLi9hcHBsaWNhdGlvbi1zaGVsbC9nbG9iYWwtc3R5bGVzJztcbmltcG9ydCBBcHBsaWNhdGlvblNoZWxsUHJvdmlkZXIgZnJvbSAnLi4vYXBwbGljYXRpb24tc2hlbGwtcHJvdmlkZXInO1xuaW1wb3J0IHsgZ2V0QnJvd3NlckxvY2FsZSB9IGZyb20gJy4uL2FwcGxpY2F0aW9uLXNoZWxsLXByb3ZpZGVyL3V0aWxzJztcbmltcG9ydCBDb25maWd1cmVJbnRsUHJvdmlkZXIgZnJvbSAnLi4vY29uZmlndXJlLWludGwtcHJvdmlkZXInO1xuaW1wb3J0IEN1c3RvbVZpZXdEZXZIb3N0IGZyb20gJy4uL2N1c3RvbS12aWV3LWRldi1ob3N0JztcbmltcG9ydCBDdXN0b21WaWV3U2hlbGxBdXRoZW50aWNhdGVkIGZyb20gJy4uL2N1c3RvbS12aWV3LXNoZWxsLWF1dGhlbnRpY2F0ZWQnO1xuaW1wb3J0IHsgY3VzdG9tVmlld3NUaGVtZXNPdmVycmlkZXMgfSBmcm9tICcuL2N1c3RvbS12aWV3LXNoZWxsLnN0eWxlcyc7XG5cbmRlY2xhcmUgbGV0IHdpbmRvdzogQXBwbGljYXRpb25XaW5kb3c7XG5cbnR5cGUgVEhvc3RDb250ZXh0ID0ge1xuICBob3N0VXJsOiBzdHJpbmc7XG4gIGRhdGFMb2NhbGU6IHN0cmluZztcbiAgY3VzdG9tVmlld0NvbmZpZzogQ3VzdG9tVmlld0RhdGE7XG4gIHByb2plY3RLZXk/OiBzdHJpbmc7XG59O1xuXG50eXBlIFRIb3N0RXZlbnREYXRhID0ge1xuICBzb3VyY2U6IHN0cmluZztcbiAgZGVzdGluYXRpb246IHN0cmluZztcbiAgZXZlbnROYW1lOiBzdHJpbmc7XG4gIGV2ZW50RGF0YToge1xuICAgIGNvbnRleHQ6IFRIb3N0Q29udGV4dDtcbiAgfTtcbn07XG5cbnR5cGUgVEN1c3RvbVZpZXdTaGVsbFByb3BzID0ge1xuICBhcG9sbG9DbGllbnQ/OiBBcG9sbG9DbGllbnQ8Tm9ybWFsaXplZENhY2hlT2JqZWN0PjtcbiAgYXBwbGljYXRpb25NZXNzYWdlczogVEFzeW5jTG9jYWxlRGF0YVByb3BzWydhcHBsaWNhdGlvbk1lc3NhZ2VzJ107XG4gIGRpc2FibGVEZXZIb3N0PzogYm9vbGVhbjtcbiAgZW5hYmxlUmVhY3RTdHJpY3RNb2RlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IGJyb3dzZXJMb2NhbGUgPSBnZXRCcm93c2VyTG9jYWxlKHdpbmRvdyk7XG5cbnR5cGUgVFN0cmljdE1vZGVFbmFibGVtZW50UHJvcHMgPSB7XG4gIGVuYWJsZVJlYWN0U3RyaWN0TW9kZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxudHlwZSBUTm90aWZpY2F0aW9uc0NvbnRhaW5lclByb3BzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xuICBub3RpZmljYXRpb25zUGFnZVJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50Pjtcbn07XG5mdW5jdGlvbiBOb3RpZmljYXRpb25zQ29udGFpbmVyKHByb3BzOiBUTm90aWZpY2F0aW9uc0NvbnRhaW5lclByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtwcm9wcy5ub3RpZmljYXRpb25zR2xvYmFsUmVmfVxuICAgICAgICByb2xlPVwicmVnaW9uXCJcbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBncmlkUm93OiAxLFxuICAgICAgICAgIGdyaWRDb2x1bW46ICcxLzMnLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2IGlkPVwiYWJvdmUtdG9wLW5hdmlnYXRpb25cIiAvPlxuICAgICAgICA8Tm90aWZpY2F0aW9uc0xpc3QgZG9tYWluPXtET01BSU5TLkdMT0JBTH0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiByZWY9e3Byb3BzLm5vdGlmaWNhdGlvbnNQYWdlUmVmfT5cbiAgICAgICAgPE5vdGlmaWNhdGlvbnNMaXN0IGRvbWFpbj17RE9NQUlOUy5QQUdFfSAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8Tm90aWZpY2F0aW9uc0xpc3QgZG9tYWluPXtET01BSU5TLlNJREV9IC8+XG4gICAgPC8+XG4gICk7XG59XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9IDQwcHg7XG5gO1xuXG5mdW5jdGlvbiBTdHJpY3RNb2RlRW5hYmxlbWVudChwcm9wczogVFN0cmljdE1vZGVFbmFibGVtZW50UHJvcHMpIHtcbiAgaWYgKHByb3BzLmVuYWJsZVJlYWN0U3RyaWN0TW9kZSkge1xuICAgIHJldHVybiA8U3RyaWN0TW9kZT57cHJvcHMuY2hpbGRyZW59PC9TdHJpY3RNb2RlPjtcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gPD57cHJvcHMuY2hpbGRyZW59PC8+O1xuICB9XG59XG5cbi8qXG4gIER1cmluZyBlMmUgdGVzdHMsIHRoZSBDdXN0b20gVmlldyB0ZW1wbGF0ZSBpcyBidWlsdCBpbiBwcm9kdWN0aW9uIG1vZGUgYnV0IHN0aWxsIHJ1bnMgb24gbG9jYWxob3N0LlxuICBDaGVja2luZyBmb3IgbG9jYWwgcHJvZHVjdGlvbiBtb2RlIGlzIG5lY2Vzc2FyeSBmb3IgYXBwbHlpbmcgdGhlIGRldmVsb3BtZW50IGhvc3QgVVJMLFxuICBjcmVhdGluZyBhbiBlbnZpcm9ubWVudCBmb3IgdGVzdGluZyBpbnRlcmFjdGlvbiB3aXRoIHRoZSBDdXN0b20gVmlldyB0ZW1wbGF0ZS5cbiovXG5jb25zdCBpc0xvY2FsUHJvZE1vZGUgPVxuICBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ3Byb2R1Y3Rpb24nICYmIHdpbmRvdy5hcHAuZW52ID09PSAnZGV2ZWxvcG1lbnQnO1xuXG5jb25zdCBjdXN0b21WaWV3VGhlbWVPdmVycmlkZXMgPSB7XG4gIC4uLnRoZW1lc092ZXJyaWRlcy5kZWZhdWx0LFxuICAuLi5jdXN0b21WaWV3c1RoZW1lc092ZXJyaWRlcy5kZWZhdWx0LFxufTtcblxuZnVuY3Rpb24gQ3VzdG9tVmlld1NoZWxsKHByb3BzOiBUQ3VzdG9tVmlld1NoZWxsUHJvcHMpIHtcbiAgY29uc3QgW2hvc3RDb250ZXh0LCBzZXRIb3N0Q29udGV4dF0gPSB1c2VTdGF0ZTxUSG9zdENvbnRleHQ+KCk7XG4gIGNvbnN0IGlGcmFtZUNvbW11bmljYXRpb25Qb3J0ID0gdXNlUmVmPE1lc3NhZ2VQb3J0PigpO1xuICBjb25zdCBub3RpZmljYXRpb25zR2xvYmFsUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgbm90aWZpY2F0aW9uc1BhZ2VSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBsYXlvdXRSZWZzID0gdXNlUmVmPHtcbiAgICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xuICAgIG5vdGlmaWNhdGlvbnNQYWdlUmVmOiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xuICB9Pih7XG4gICAgbm90aWZpY2F0aW9uc0dsb2JhbFJlZixcbiAgICBub3RpZmljYXRpb25zUGFnZVJlZixcbiAgfSk7XG5cbiAgY29uc3QgaG9zdE1lc3NhZ2VIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBNZXNzYWdlRXZlbnQ8VEhvc3RFdmVudERhdGE+KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIGV2ZW50LmRhdGEuZXZlbnROYW1lID09PVxuICAgICAgICBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLkNVU1RPTV9WSUVXX0lOSVRJQUxJWkFUSU9OXG4gICAgICApIHtcbiAgICAgICAgc2V0SG9zdENvbnRleHQoZXZlbnQuZGF0YS5ldmVudERhdGEuY29udGV4dCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgYEN1c3RvbVZpZXdTaGVsbDogVW5rbm93biByZWNlaXZlZCBldmVudCB3aXRoIG5hbWU6ICR7ZXZlbnQuZGF0YS5ldmVudE5hbWV9YCxcbiAgICAgICAgICB7IGV2ZW50IH1cbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaUZyYW1lQ29tbXVuaWNhdGlvblBvcnQuY3VycmVudD8ucG9zdE1lc3NhZ2Uoe1xuICAgICAgb3JpZ2luOiB3aW5kb3cubG9jYXRpb24ub3JpZ2luLFxuICAgICAgc291cmNlOiBgJHtDVVNUT01fVklFV1NfRVZFTlRTX01FVEEuQ1VTVE9NX1ZJRVdfS0VZX1BSRUZJWH0ke2hvc3RDb250ZXh0Py5jdXN0b21WaWV3Q29uZmlnLmlkfWAsXG4gICAgICBkZXN0aW5hdGlvbjogQ1VTVE9NX1ZJRVdTX0VWRU5UU19NRVRBLkhPU1RfQVBQTElDQVRJT05fQ09ERSxcbiAgICAgIGV2ZW50TmFtZTogQ1VTVE9NX1ZJRVdTX0VWRU5UU19OQU1FUy5DVVNUT01fVklFV19DTE9TRSxcbiAgICAgIGV2ZW50RGF0YToge30sXG4gICAgfSk7XG4gIH0sIFtob3N0Q29udGV4dD8uY3VzdG9tVmlld0NvbmZpZy5pZF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgYm9vdHN0cmFwTWVzc2FnZUhhbmRsZXIgPSAoZXZlbnQ6IE1lc3NhZ2VFdmVudCkgPT4ge1xuICAgICAgaWYgKFxuICAgICAgICAoZXZlbnQub3JpZ2luID09PSB3aW5kb3cubG9jYXRpb24ub3JpZ2luIHx8XG4gICAgICAgICAgLy8gZXZlbnQub3JpZ2luIGlzIG5vdCBkZWZpbmVkIGluIHRlc3QgZW52aXJvbm1lbnRcbiAgICAgICAgICBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ3Rlc3QnKSAmJlxuICAgICAgICBldmVudC5kYXRhID09PSBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLkNVU1RPTV9WSUVXX0JPT1RTVFJBUFxuICAgICAgKSB7XG4gICAgICAgIGlGcmFtZUNvbW11bmljYXRpb25Qb3J0LmN1cnJlbnQgPSBldmVudC5wb3J0c1swXTtcbiAgICAgICAgaUZyYW1lQ29tbXVuaWNhdGlvblBvcnQuY3VycmVudC5vbm1lc3NhZ2UgPSBob3N0TWVzc2FnZUhhbmRsZXI7XG4gICAgICAgIC8vIE9uY2UgYm9vdHN0cmFwZWQsIHdlIGRvbid0IHdhbnQgdG8gbGlzdGVuIGZvciBnbG9iYWwgbWVzc2FnZXMgYW55bW9yZS5cbiAgICAgICAgLy8gV2Ugd2lsbCBvbmx5IGxpc3RlbiB0byBtZXNzYWdlcyBjb21pbmcgdGhyb3VnaCB0aGUgTWVzc2FnZUNoYW5uZWwgcG9ydC5cbiAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCBib290c3RyYXBNZXNzYWdlSGFuZGxlcik7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgJ0N1c3RvbVZpZXdTaGVsbDogUmVjZWl2ZWQgYW4gZXZlbnQgdGhhdCBpcyBub3QgYWxsb3dlZC4nLFxuICAgICAgICAgIHsgZXZlbnQgfVxuICAgICAgICApO1xuICAgICAgfVxuICAgIH07XG5cbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIGJvb3RzdHJhcE1lc3NhZ2VIYW5kbGVyKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCBib290c3RyYXBNZXNzYWdlSGFuZGxlcik7XG4gICAgfTtcbiAgfSwgW2hvc3RNZXNzYWdlSGFuZGxlcl0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2xvc2UgdGhlIGNoYW5uZWwgd2hlbiB0aGUgY29tcG9uZW50IHVubW91bnRzXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlGcmFtZUNvbW11bmljYXRpb25Qb3J0LmN1cnJlbnQ/LmNsb3NlKCk7XG4gICAgICBpRnJhbWVDb21tdW5pY2F0aW9uUG9ydC5jdXJyZW50ID0gdW5kZWZpbmVkO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICBpZiAoIWhvc3RDb250ZXh0KSB7XG4gICAgcmV0dXJuIDxBcHBsaWNhdGlvbkxvYWRlciBzaG93TG9nbyAvPjtcbiAgfVxuXG4gIGNvbnN0IGhvc3RVcmwgPVxuICAgIHByb2Nlc3MuZW52Lk5PREVfRU5WID09PSAnZGV2ZWxvcG1lbnQnIHx8IGlzTG9jYWxQcm9kTW9kZVxuICAgICAgPyB3aW5kb3cuYXBwLl9fREVWRUxPUE1FTlRfXz8uY3VzdG9tVmlld0hvc3RVcmwhXG4gICAgICA6IGhvc3RDb250ZXh0Lmhvc3RVcmw7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPFRoZW1lUHJvdmlkZXJcbiAgICAgICAgdGhlbWU9XCJkZWZhdWx0XCJcbiAgICAgICAgdGhlbWVPdmVycmlkZXM9e2N1c3RvbVZpZXdUaGVtZU92ZXJyaWRlc31cbiAgICAgIC8+XG4gICAgICA8QXBwbGljYXRpb25TaGVsbFByb3ZpZGVyXG4gICAgICAgIGVudmlyb25tZW50PXt3aW5kb3cuYXBwfVxuICAgICAgICBhcHBsaWNhdGlvbk1lc3NhZ2VzPXtwcm9wcy5hcHBsaWNhdGlvbk1lc3NhZ2VzfVxuICAgICAgICBhcG9sbG9DbGllbnQ9e3Byb3BzLmFwb2xsb0NsaWVudH1cbiAgICAgID5cbiAgICAgICAgeyh7IGlzQXV0aGVudGljYXRlZCB9KSA9PiB7XG4gICAgICAgICAgaWYgKGlzQXV0aGVudGljYXRlZCkge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEN1c3RvbVZpZXdDb250ZXh0UHJvdmlkZXJcbiAgICAgICAgICAgICAgICBob3N0VXJsPXtob3N0VXJsfVxuICAgICAgICAgICAgICAgIGN1c3RvbVZpZXdDb25maWc9e2hvc3RDb250ZXh0LmN1c3RvbVZpZXdDb25maWd9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q3VzdG9tVmlld1NoZWxsQXV0aGVudGljYXRlZFxuICAgICAgICAgICAgICAgICAgZGF0YUxvY2FsZT17aG9zdENvbnRleHQuZGF0YUxvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGVudmlyb25tZW50PXt3aW5kb3cuYXBwfVxuICAgICAgICAgICAgICAgICAgbWVzc2FnZXM9e3Byb3BzLmFwcGxpY2F0aW9uTWVzc2FnZXN9XG4gICAgICAgICAgICAgICAgICBwcm9qZWN0S2V5PXtob3N0Q29udGV4dC5wcm9qZWN0S2V5fVxuICAgICAgICAgICAgICAgICAgY3VzdG9tVmlld0NvbmZpZz17aG9zdENvbnRleHQuY3VzdG9tVmlld0NvbmZpZ31cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8UG9ydGFsc0NvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgICAgICAgIHJlZj17bGF5b3V0UmVmc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8Tm90aWZpY2F0aW9uc0NvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICBub3RpZmljYXRpb25zR2xvYmFsUmVmPXtub3RpZmljYXRpb25zR2xvYmFsUmVmfVxuICAgICAgICAgICAgICAgICAgICBub3RpZmljYXRpb25zUGFnZVJlZj17bm90aWZpY2F0aW9uc1BhZ2VSZWZ9XG4gICAgICAgICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICAgICAgICA8Um91dGVcbiAgICAgICAgICAgICAgICAgICAgcGF0aD17YC9jdXN0b20tdmlld3MvJHtob3N0Q29udGV4dC5jdXN0b21WaWV3Q29uZmlnLmlkfS9wcm9qZWN0cy8ke2hvc3RDb250ZXh0LnByb2plY3RLZXl9YH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPE1vZGFsUGFnZVRvcEJhciBvbkNsb3NlPXtoYW5kbGVDbG9zZX0gaGlkZVBhdGhMYWJlbCAvPlxuICAgICAgICAgICAgICAgICAgICA8Q29udGVudFdyYXBwZXI+e3Byb3BzLmNoaWxkcmVufTwvQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICA8L1JvdXRlPlxuICAgICAgICAgICAgICAgIDwvQ3VzdG9tVmlld1NoZWxsQXV0aGVudGljYXRlZD5cbiAgICAgICAgICAgICAgPC9DdXN0b21WaWV3Q29udGV4dFByb3ZpZGVyPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEFzeW5jTG9jYWxlRGF0YVxuICAgICAgICAgICAgICBsb2NhbGU9e2Jyb3dzZXJMb2NhbGV9XG4gICAgICAgICAgICAgIGFwcGxpY2F0aW9uTWVzc2FnZXM9e3Byb3BzLmFwcGxpY2F0aW9uTWVzc2FnZXN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHsoeyBsb2NhbGUsIG1lc3NhZ2VzIH0pID0+IChcbiAgICAgICAgICAgICAgICA8Q29uZmlndXJlSW50bFByb3ZpZGVyIGxvY2FsZT17bG9jYWxlfSBtZXNzYWdlcz17bWVzc2FnZXN9PlxuICAgICAgICAgICAgICAgICAgPFBhZ2VVbmF1dGhvcml6ZWQgLz5cbiAgICAgICAgICAgICAgICA8L0NvbmZpZ3VyZUludGxQcm92aWRlcj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvQXN5bmNMb2NhbGVEYXRhPlxuICAgICAgICAgICk7XG4gICAgICAgIH19XG4gICAgICA8L0FwcGxpY2F0aW9uU2hlbGxQcm92aWRlcj5cbiAgICA8Lz5cbiAgKTtcbn1cblxuY29uc3QgQ3VzdG9tVmlld1NoZWxsV3JhcHBlciA9IChwcm9wczogVEN1c3RvbVZpZXdTaGVsbFByb3BzKSA9PiB7XG4gIGlmIChcbiAgICAocHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09ICdkZXZlbG9wbWVudCcgfHwgaXNMb2NhbFByb2RNb2RlKSAmJlxuICAgICFwcm9wcy5kaXNhYmxlRGV2SG9zdFxuICApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0cmljdE1vZGVFbmFibGVtZW50IGVuYWJsZVJlYWN0U3RyaWN0TW9kZT17cHJvcHMuZW5hYmxlUmVhY3RTdHJpY3RNb2RlfT5cbiAgICAgICAgPFN1c3BlbnNlIGZhbGxiYWNrPXs8QXBwbGljYXRpb25Mb2FkZXIgLz59PlxuICAgICAgICAgIDxDdXN0b21WaWV3RGV2SG9zdCBhcHBsaWNhdGlvbk1lc3NhZ2VzPXtwcm9wcy5hcHBsaWNhdGlvbk1lc3NhZ2VzfT5cbiAgICAgICAgICAgIDxDdXN0b21WaWV3U2hlbGwgYXBwbGljYXRpb25NZXNzYWdlcz17cHJvcHMuYXBwbGljYXRpb25NZXNzYWdlc30+XG4gICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQ3VzdG9tVmlld1NoZWxsPlxuICAgICAgICAgIDwvQ3VzdG9tVmlld0Rldkhvc3Q+XG4gICAgICAgIDwvU3VzcGVuc2U+XG4gICAgICA8L1N0cmljdE1vZGVFbmFibGVtZW50PlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U3RyaWN0TW9kZUVuYWJsZW1lbnQgZW5hYmxlUmVhY3RTdHJpY3RNb2RlPXtwcm9wcy5lbmFibGVSZWFjdFN0cmljdE1vZGV9PlxuICAgICAgPEN1c3RvbVZpZXdTaGVsbCBhcHBsaWNhdGlvbk1lc3NhZ2VzPXtwcm9wcy5hcHBsaWNhdGlvbk1lc3NhZ2VzfT5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9DdXN0b21WaWV3U2hlbGw+XG4gICAgPC9TdHJpY3RNb2RlRW5hYmxlbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVZpZXdTaGVsbFdyYXBwZXI7XG4iXX0= */"));
+})("height:100%;padding:", designSystem.designTokens.spacing40, " 40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3LXNoZWxsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1R2lDIiwiZmlsZSI6ImN1c3RvbS12aWV3LXNoZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VFZmZlY3QsXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG4gIFN1c3BlbnNlLFxuICBTdHJpY3RNb2RlLFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgUmVmT2JqZWN0LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBBcG9sbG9DbGllbnQsIHR5cGUgTm9ybWFsaXplZENhY2hlT2JqZWN0IH0gZnJvbSAnQGFwb2xsby9jbGllbnQnO1xuaW1wb3J0IHsgdXNlRmVhdHVyZVRvZ2dsZSB9IGZyb20gJ0BmbG9wZmxpcC9yZWFjdC1icm9hZGNhc3QnO1xuaW1wb3J0IHsgVEZsYWdzIH0gZnJvbSAnQGZsb3BmbGlwL3R5cGVzJztcbmltcG9ydCB7IFJvdXRlIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5pbXBvcnQge1xuICBNb2RhbFBhZ2VUb3BCYXIsXG4gIFBhZ2VVbmF1dGhvcml6ZWQsXG4gIFBvcnRhbHNDb250YWluZXIsXG4gIHRoZW1lc092ZXJyaWRlcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tY29tcG9uZW50cyc7XG5pbXBvcnQgeyBDdXN0b21WaWV3Q29udGV4dFByb3ZpZGVyIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycyc7XG5pbXBvcnQge1xuICB0eXBlIEFwcGxpY2F0aW9uV2luZG93LFxuICBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLFxuICBDVVNUT01fVklFV1NfRVZFTlRTX01FVEEsXG4gIEN1c3RvbVZpZXdEYXRhLFxuICBET01BSU5TLFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuaW1wb3J0IHtcbiAgQXN5bmNMb2NhbGVEYXRhLFxuICB0eXBlIFRBc3luY0xvY2FsZURhdGFQcm9wcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvaTE4bic7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25zTGlzdCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL3JlYWN0LW5vdGlmaWNhdGlvbnMnO1xuaW1wb3J0IHtcbiAgVGhlbWVQcm92aWRlcixcbiAgZGVzaWduVG9rZW5zLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBcHBsaWNhdGlvbkxvYWRlciBmcm9tICcuLi9hcHBsaWNhdGlvbi1sb2FkZXIvYXBwbGljYXRpb24tbG9hZGVyJztcbmltcG9ydCBHbG9iYWxTdHlsZXMgZnJvbSAnLi4vYXBwbGljYXRpb24tc2hlbGwvZ2xvYmFsLXN0eWxlcyc7XG5pbXBvcnQgQXBwbGljYXRpb25TaGVsbFByb3ZpZGVyIGZyb20gJy4uL2FwcGxpY2F0aW9uLXNoZWxsLXByb3ZpZGVyJztcbmltcG9ydCB7IGdldEJyb3dzZXJMb2NhbGUgfSBmcm9tICcuLi9hcHBsaWNhdGlvbi1zaGVsbC1wcm92aWRlci91dGlscyc7XG5pbXBvcnQgQ29uZmlndXJlSW50bFByb3ZpZGVyIGZyb20gJy4uL2NvbmZpZ3VyZS1pbnRsLXByb3ZpZGVyJztcbmltcG9ydCBDdXN0b21WaWV3RGV2SG9zdCBmcm9tICcuLi9jdXN0b20tdmlldy1kZXYtaG9zdCc7XG5pbXBvcnQgQ3VzdG9tVmlld1NoZWxsQXV0aGVudGljYXRlZCBmcm9tICcuLi9jdXN0b20tdmlldy1zaGVsbC1hdXRoZW50aWNhdGVkJztcbmltcG9ydCB7IGN1c3RvbVZpZXdzVGhlbWVzT3ZlcnJpZGVzIH0gZnJvbSAnLi9jdXN0b20tdmlldy1zaGVsbC5zdHlsZXMnO1xuXG5kZWNsYXJlIGxldCB3aW5kb3c6IEFwcGxpY2F0aW9uV2luZG93O1xuXG50eXBlIFRIb3N0Q29udGV4dCA9IHtcbiAgaG9zdFVybDogc3RyaW5nO1xuICBkYXRhTG9jYWxlOiBzdHJpbmc7XG4gIGZlYXR1cmVGbGFncz86IFRGbGFncztcbiAgY3VzdG9tVmlld0NvbmZpZzogQ3VzdG9tVmlld0RhdGE7XG4gIHByb2plY3RLZXk/OiBzdHJpbmc7XG59O1xuXG50eXBlIFRIb3N0RXZlbnREYXRhID0ge1xuICBzb3VyY2U6IHN0cmluZztcbiAgZGVzdGluYXRpb246IHN0cmluZztcbiAgZXZlbnROYW1lOiBzdHJpbmc7XG4gIGV2ZW50RGF0YToge1xuICAgIGNvbnRleHQ6IFRIb3N0Q29udGV4dDtcbiAgfTtcbn07XG5cbnR5cGUgVEN1c3RvbVZpZXdTaGVsbFByb3BzID0ge1xuICBhcG9sbG9DbGllbnQ/OiBBcG9sbG9DbGllbnQ8Tm9ybWFsaXplZENhY2hlT2JqZWN0PjtcbiAgYXBwbGljYXRpb25NZXNzYWdlczogVEFzeW5jTG9jYWxlRGF0YVByb3BzWydhcHBsaWNhdGlvbk1lc3NhZ2VzJ107XG4gIGRpc2FibGVEZXZIb3N0PzogYm9vbGVhbjtcbiAgZW5hYmxlUmVhY3RTdHJpY3RNb2RlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IGJyb3dzZXJMb2NhbGUgPSBnZXRCcm93c2VyTG9jYWxlKHdpbmRvdyk7XG5cbnR5cGUgVE5vdGlmaWNhdGlvbnNDb250YWluZXJQcm9wcyA9IHtcbiAgbm90aWZpY2F0aW9uc0dsb2JhbFJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG59O1xuZnVuY3Rpb24gTm90aWZpY2F0aW9uc0NvbnRhaW5lcihwcm9wczogVE5vdGlmaWNhdGlvbnNDb250YWluZXJQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2XG4gICAgICAgIHJlZj17cHJvcHMubm90aWZpY2F0aW9uc0dsb2JhbFJlZn1cbiAgICAgICAgcm9sZT1cInJlZ2lvblwiXG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgZ3JpZFJvdzogMSxcbiAgICAgICAgICBncmlkQ29sdW1uOiAnMS8zJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdiBpZD1cImFib3ZlLXRvcC1uYXZpZ2F0aW9uXCIgLz5cbiAgICAgICAgPE5vdGlmaWNhdGlvbnNMaXN0IGRvbWFpbj17RE9NQUlOUy5HTE9CQUx9IC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgcmVmPXtwcm9wcy5ub3RpZmljYXRpb25zUGFnZVJlZn0+XG4gICAgICAgIDxOb3RpZmljYXRpb25zTGlzdCBkb21haW49e0RPTUFJTlMuUEFHRX0gLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPE5vdGlmaWNhdGlvbnNMaXN0IGRvbWFpbj17RE9NQUlOUy5TSURFfSAvPlxuICAgIDwvPlxuICApO1xufVxuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSA0MHB4O1xuYDtcblxudHlwZSBUU3RyaWN0TW9kZUVuYWJsZW1lbnRQcm9wcyA9IHtcbiAgZW5hYmxlUmVhY3RTdHJpY3RNb2RlPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuZnVuY3Rpb24gU3RyaWN0TW9kZUVuYWJsZW1lbnQocHJvcHM6IFRTdHJpY3RNb2RlRW5hYmxlbWVudFByb3BzKSB7XG4gIGlmIChwcm9wcy5lbmFibGVSZWFjdFN0cmljdE1vZGUpIHtcbiAgICByZXR1cm4gPFN0cmljdE1vZGU+e3Byb3BzLmNoaWxkcmVufTwvU3RyaWN0TW9kZT47XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIDw+e3Byb3BzLmNoaWxkcmVufTwvPjtcbiAgfVxufVxuXG5mdW5jdGlvbiBDdXN0b21WaWV3VGhlbWVQcm92aWRlcigpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VGZWF0dXJlVG9nZ2xlKCdtY1JlY29sb3VyaW5nJykgPyAncmVjb2xvdXJpbmcnIDogJ2RlZmF1bHQnO1xuXG4gIGNvbnN0IGN1c3RvbVZpZXdUaGVtZU92ZXJyaWRlcyA9IHtcbiAgICAvLyBAdHMtaWdub3JlXG4gICAgLi4udGhlbWVzT3ZlcnJpZGVzW3RoZW1lXSxcbiAgICAuLi5jdXN0b21WaWV3c1RoZW1lc092ZXJyaWRlc1t0aGVtZV0sXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHRoZW1lT3ZlcnJpZGVzPXtjdXN0b21WaWV3VGhlbWVPdmVycmlkZXN9IC8+XG4gICk7XG59XG5cbi8qXG4gIER1cmluZyBlMmUgdGVzdHMsIHRoZSBDdXN0b20gVmlldyB0ZW1wbGF0ZSBpcyBidWlsdCBpbiBwcm9kdWN0aW9uIG1vZGUgYnV0IHN0aWxsIHJ1bnMgb24gbG9jYWxob3N0LlxuICBDaGVja2luZyBmb3IgbG9jYWwgcHJvZHVjdGlvbiBtb2RlIGlzIG5lY2Vzc2FyeSBmb3IgYXBwbHlpbmcgdGhlIGRldmVsb3BtZW50IGhvc3QgVVJMLFxuICBjcmVhdGluZyBhbiBlbnZpcm9ubWVudCBmb3IgdGVzdGluZyBpbnRlcmFjdGlvbiB3aXRoIHRoZSBDdXN0b20gVmlldyB0ZW1wbGF0ZS5cbiovXG5jb25zdCBpc0xvY2FsUHJvZE1vZGUgPVxuICBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ3Byb2R1Y3Rpb24nICYmIHdpbmRvdy5hcHAuZW52ID09PSAnZGV2ZWxvcG1lbnQnO1xuXG5mdW5jdGlvbiBDdXN0b21WaWV3U2hlbGwocHJvcHM6IFRDdXN0b21WaWV3U2hlbGxQcm9wcykge1xuICBjb25zdCBbaG9zdENvbnRleHQsIHNldEhvc3RDb250ZXh0XSA9IHVzZVN0YXRlPFRIb3N0Q29udGV4dD4oKTtcbiAgY29uc3QgaUZyYW1lQ29tbXVuaWNhdGlvblBvcnQgPSB1c2VSZWY8TWVzc2FnZVBvcnQ+KCk7XG4gIGNvbnN0IG5vdGlmaWNhdGlvbnNHbG9iYWxSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBub3RpZmljYXRpb25zUGFnZVJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGxheW91dFJlZnMgPSB1c2VSZWY8e1xuICAgIG5vdGlmaWNhdGlvbnNHbG9iYWxSZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gICAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gIH0+KHtcbiAgICBub3RpZmljYXRpb25zR2xvYmFsUmVmLFxuICAgIG5vdGlmaWNhdGlvbnNQYWdlUmVmLFxuICB9KTtcblxuICBjb25zdCBob3N0TWVzc2FnZUhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IE1lc3NhZ2VFdmVudDxUSG9zdEV2ZW50RGF0YT4pID0+IHtcbiAgICAgIGlmIChcbiAgICAgICAgZXZlbnQuZGF0YS5ldmVudE5hbWUgPT09XG4gICAgICAgIENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMuQ1VTVE9NX1ZJRVdfSU5JVElBTElaQVRJT05cbiAgICAgICkge1xuICAgICAgICBzZXRIb3N0Q29udGV4dChldmVudC5kYXRhLmV2ZW50RGF0YS5jb250ZXh0KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnNvbGUud2FybihcbiAgICAgICAgICBgQ3VzdG9tVmlld1NoZWxsOiBVbmtub3duIHJlY2VpdmVkIGV2ZW50IHdpdGggbmFtZTogJHtldmVudC5kYXRhLmV2ZW50TmFtZX1gLFxuICAgICAgICAgIHsgZXZlbnQgfVxuICAgICAgICApO1xuICAgICAgfVxuICAgIH0sXG4gICAgW11cbiAgKTtcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpRnJhbWVDb21tdW5pY2F0aW9uUG9ydC5jdXJyZW50Py5wb3N0TWVzc2FnZSh7XG4gICAgICBvcmlnaW46IHdpbmRvdy5sb2NhdGlvbi5vcmlnaW4sXG4gICAgICBzb3VyY2U6IGAke0NVU1RPTV9WSUVXU19FVkVOVFNfTUVUQS5DVVNUT01fVklFV19LRVlfUFJFRklYfSR7aG9zdENvbnRleHQ/LmN1c3RvbVZpZXdDb25maWcuaWR9YCxcbiAgICAgIGRlc3RpbmF0aW9uOiBDVVNUT01fVklFV1NfRVZFTlRTX01FVEEuSE9TVF9BUFBMSUNBVElPTl9DT0RFLFxuICAgICAgZXZlbnROYW1lOiBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLkNVU1RPTV9WSUVXX0NMT1NFLFxuICAgICAgZXZlbnREYXRhOiB7fSxcbiAgICB9KTtcbiAgfSwgW2hvc3RDb250ZXh0Py5jdXN0b21WaWV3Q29uZmlnLmlkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBib290c3RyYXBNZXNzYWdlSGFuZGxlciA9IChldmVudDogTWVzc2FnZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIChldmVudC5vcmlnaW4gPT09IHdpbmRvdy5sb2NhdGlvbi5vcmlnaW4gfHxcbiAgICAgICAgICAvLyBldmVudC5vcmlnaW4gaXMgbm90IGRlZmluZWQgaW4gdGVzdCBlbnZpcm9ubWVudFxuICAgICAgICAgIHByb2Nlc3MuZW52Lk5PREVfRU5WID09PSAndGVzdCcpICYmXG4gICAgICAgIGV2ZW50LmRhdGEgPT09IENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMuQ1VTVE9NX1ZJRVdfQk9PVFNUUkFQXG4gICAgICApIHtcbiAgICAgICAgaUZyYW1lQ29tbXVuaWNhdGlvblBvcnQuY3VycmVudCA9IGV2ZW50LnBvcnRzWzBdO1xuICAgICAgICBpRnJhbWVDb21tdW5pY2F0aW9uUG9ydC5jdXJyZW50Lm9ubWVzc2FnZSA9IGhvc3RNZXNzYWdlSGFuZGxlcjtcbiAgICAgICAgLy8gT25jZSBib290c3RyYXBlZCwgd2UgZG9uJ3Qgd2FudCB0byBsaXN0ZW4gZm9yIGdsb2JhbCBtZXNzYWdlcyBhbnltb3JlLlxuICAgICAgICAvLyBXZSB3aWxsIG9ubHkgbGlzdGVuIHRvIG1lc3NhZ2VzIGNvbWluZyB0aHJvdWdoIHRoZSBNZXNzYWdlQ2hhbm5lbCBwb3J0LlxuICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIGJvb3RzdHJhcE1lc3NhZ2VIYW5kbGVyKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnNvbGUud2FybihcbiAgICAgICAgICAnQ3VzdG9tVmlld1NoZWxsOiBSZWNlaXZlZCBhbiBldmVudCB0aGF0IGlzIG5vdCBhbGxvd2VkLicsXG4gICAgICAgICAgeyBldmVudCB9XG4gICAgICAgICk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdtZXNzYWdlJywgYm9vdHN0cmFwTWVzc2FnZUhhbmRsZXIpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIGJvb3RzdHJhcE1lc3NhZ2VIYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbaG9zdE1lc3NhZ2VIYW5kbGVyXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBDbG9zZSB0aGUgY2hhbm5lbCB3aGVuIHRoZSBjb21wb25lbnQgdW5tb3VudHNcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaUZyYW1lQ29tbXVuaWNhdGlvblBvcnQuY3VycmVudD8uY2xvc2UoKTtcbiAgICAgIGlGcmFtZUNvbW11bmljYXRpb25Qb3J0LmN1cnJlbnQgPSB1bmRlZmluZWQ7XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGlmICghaG9zdENvbnRleHQpIHtcbiAgICByZXR1cm4gPEFwcGxpY2F0aW9uTG9hZGVyIHNob3dMb2dvIC8+O1xuICB9XG5cbiAgY29uc3QgaG9zdFVybCA9XG4gICAgcHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09ICdkZXZlbG9wbWVudCcgfHwgaXNMb2NhbFByb2RNb2RlXG4gICAgICA/IHdpbmRvdy5hcHAuX19ERVZFTE9QTUVOVF9fPy5jdXN0b21WaWV3SG9zdFVybCFcbiAgICAgIDogaG9zdENvbnRleHQuaG9zdFVybDtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8QXBwbGljYXRpb25TaGVsbFByb3ZpZGVyXG4gICAgICAgIGVudmlyb25tZW50PXt3aW5kb3cuYXBwfVxuICAgICAgICBhcHBsaWNhdGlvbk1lc3NhZ2VzPXtwcm9wcy5hcHBsaWNhdGlvbk1lc3NhZ2VzfVxuICAgICAgICBhcG9sbG9DbGllbnQ9e3Byb3BzLmFwb2xsb0NsaWVudH1cbiAgICAgID5cbiAgICAgICAgeyh7IGlzQXV0aGVudGljYXRlZCB9KSA9PiB7XG4gICAgICAgICAgaWYgKGlzQXV0aGVudGljYXRlZCkge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEN1c3RvbVZpZXdDb250ZXh0UHJvdmlkZXJcbiAgICAgICAgICAgICAgICBob3N0VXJsPXtob3N0VXJsfVxuICAgICAgICAgICAgICAgIGN1c3RvbVZpZXdDb25maWc9e2hvc3RDb250ZXh0LmN1c3RvbVZpZXdDb25maWd9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q3VzdG9tVmlld1NoZWxsQXV0aGVudGljYXRlZFxuICAgICAgICAgICAgICAgICAgZGF0YUxvY2FsZT17aG9zdENvbnRleHQuZGF0YUxvY2FsZX1cbiAgICAgICAgICAgICAgICAgIGVudmlyb25tZW50PXt3aW5kb3cuYXBwfVxuICAgICAgICAgICAgICAgICAgbWVzc2FnZXM9e3Byb3BzLmFwcGxpY2F0aW9uTWVzc2FnZXN9XG4gICAgICAgICAgICAgICAgICBwcm9qZWN0S2V5PXtob3N0Q29udGV4dC5wcm9qZWN0S2V5fVxuICAgICAgICAgICAgICAgICAgZmxhZ3M9e2hvc3RDb250ZXh0LmZlYXR1cmVGbGFnc31cbiAgICAgICAgICAgICAgICAgIGN1c3RvbVZpZXdDb25maWc9e2hvc3RDb250ZXh0LmN1c3RvbVZpZXdDb25maWd9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPEN1c3RvbVZpZXdUaGVtZVByb3ZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8UG9ydGFsc0NvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgICAgICAgIHJlZj17bGF5b3V0UmVmc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8Tm90aWZpY2F0aW9uc0NvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICBub3RpZmljYXRpb25zR2xvYmFsUmVmPXtub3RpZmljYXRpb25zR2xvYmFsUmVmfVxuICAgICAgICAgICAgICAgICAgICBub3RpZmljYXRpb25zUGFnZVJlZj17bm90aWZpY2F0aW9uc1BhZ2VSZWZ9XG4gICAgICAgICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICAgICAgICA8Um91dGVcbiAgICAgICAgICAgICAgICAgICAgcGF0aD17YC9jdXN0b20tdmlld3MvJHtob3N0Q29udGV4dC5jdXN0b21WaWV3Q29uZmlnLmlkfS9wcm9qZWN0cy8ke2hvc3RDb250ZXh0LnByb2plY3RLZXl9YH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPE1vZGFsUGFnZVRvcEJhciBvbkNsb3NlPXtoYW5kbGVDbG9zZX0gaGlkZVBhdGhMYWJlbCAvPlxuICAgICAgICAgICAgICAgICAgICA8Q29udGVudFdyYXBwZXI+e3Byb3BzLmNoaWxkcmVufTwvQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICA8L1JvdXRlPlxuICAgICAgICAgICAgICAgIDwvQ3VzdG9tVmlld1NoZWxsQXV0aGVudGljYXRlZD5cbiAgICAgICAgICAgICAgPC9DdXN0b21WaWV3Q29udGV4dFByb3ZpZGVyPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEFzeW5jTG9jYWxlRGF0YVxuICAgICAgICAgICAgICBsb2NhbGU9e2Jyb3dzZXJMb2NhbGV9XG4gICAgICAgICAgICAgIGFwcGxpY2F0aW9uTWVzc2FnZXM9e3Byb3BzLmFwcGxpY2F0aW9uTWVzc2FnZXN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHsoeyBsb2NhbGUsIG1lc3NhZ2VzIH0pID0+IChcbiAgICAgICAgICAgICAgICA8Q29uZmlndXJlSW50bFByb3ZpZGVyIGxvY2FsZT17bG9jYWxlfSBtZXNzYWdlcz17bWVzc2FnZXN9PlxuICAgICAgICAgICAgICAgICAgPFBhZ2VVbmF1dGhvcml6ZWQgLz5cbiAgICAgICAgICAgICAgICA8L0NvbmZpZ3VyZUludGxQcm92aWRlcj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvQXN5bmNMb2NhbGVEYXRhPlxuICAgICAgICAgICk7XG4gICAgICAgIH19XG4gICAgICA8L0FwcGxpY2F0aW9uU2hlbGxQcm92aWRlcj5cbiAgICA8Lz5cbiAgKTtcbn1cblxuY29uc3QgQ3VzdG9tVmlld1NoZWxsV3JhcHBlciA9IChwcm9wczogVEN1c3RvbVZpZXdTaGVsbFByb3BzKSA9PiB7XG4gIGlmIChcbiAgICAocHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09ICdkZXZlbG9wbWVudCcgfHwgaXNMb2NhbFByb2RNb2RlKSAmJlxuICAgICFwcm9wcy5kaXNhYmxlRGV2SG9zdFxuICApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0cmljdE1vZGVFbmFibGVtZW50IGVuYWJsZVJlYWN0U3RyaWN0TW9kZT17cHJvcHMuZW5hYmxlUmVhY3RTdHJpY3RNb2RlfT5cbiAgICAgICAgPFN1c3BlbnNlIGZhbGxiYWNrPXs8QXBwbGljYXRpb25Mb2FkZXIgLz59PlxuICAgICAgICAgIDxDdXN0b21WaWV3RGV2SG9zdCBhcHBsaWNhdGlvbk1lc3NhZ2VzPXtwcm9wcy5hcHBsaWNhdGlvbk1lc3NhZ2VzfT5cbiAgICAgICAgICAgIDxDdXN0b21WaWV3U2hlbGxcbiAgICAgICAgICAgICAgYXBvbGxvQ2xpZW50PXtwcm9wcy5hcG9sbG9DbGllbnR9XG4gICAgICAgICAgICAgIGFwcGxpY2F0aW9uTWVzc2FnZXM9e3Byb3BzLmFwcGxpY2F0aW9uTWVzc2FnZXN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQ3VzdG9tVmlld1NoZWxsPlxuICAgICAgICAgIDwvQ3VzdG9tVmlld0Rldkhvc3Q+XG4gICAgICAgIDwvU3VzcGVuc2U+XG4gICAgICA8L1N0cmljdE1vZGVFbmFibGVtZW50PlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U3RyaWN0TW9kZUVuYWJsZW1lbnQgZW5hYmxlUmVhY3RTdHJpY3RNb2RlPXtwcm9wcy5lbmFibGVSZWFjdFN0cmljdE1vZGV9PlxuICAgICAgPEN1c3RvbVZpZXdTaGVsbFxuICAgICAgICBhcG9sbG9DbGllbnQ9e3Byb3BzLmFwb2xsb0NsaWVudH1cbiAgICAgICAgYXBwbGljYXRpb25NZXNzYWdlcz17cHJvcHMuYXBwbGljYXRpb25NZXNzYWdlc31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9DdXN0b21WaWV3U2hlbGw+XG4gICAgPC9TdHJpY3RNb2RlRW5hYmxlbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVZpZXdTaGVsbFdyYXBwZXI7XG4iXX0= */"));
 function StrictModeEnablement(props) {
   if (props.enableReactStrictMode) {
     return jsxRuntime.jsx(react.StrictMode, {
@@ -1882,18 +1923,25 @@ function StrictModeEnablement(props) {
     });
   }
 }
+StrictModeEnablement.propTypes = process.env.NODE_ENV !== "production" ? {
+  enableReactStrictMode: _pt__default["default"].bool,
+  children: _pt__default["default"].node
+} : {};
+function CustomViewThemeProvider() {
+  const theme = reactBroadcast.useFeatureToggle('mcRecolouring') ? 'recolouring' : 'default';
+  const customViewThemeOverrides = _objectSpread$1(_objectSpread$1({}, applicationComponents.themesOverrides[theme]), customViewsThemesOverrides[theme]);
+  return jsxRuntime.jsx(designSystem.ThemeProvider, {
+    theme: theme,
+    themeOverrides: customViewThemeOverrides
+  });
+}
 
 /*
   During e2e tests, the Custom View template is built in production mode but still runs on localhost.
   Checking for local production mode is necessary for applying the development host URL,
   creating an environment for testing interaction with the Custom View template.
 */
-StrictModeEnablement.propTypes = process.env.NODE_ENV !== "production" ? {
-  enableReactStrictMode: _pt__default["default"].bool,
-  children: _pt__default["default"].node
-} : {};
 const isLocalProdMode = process.env.NODE_ENV === 'production' && window.app.env === 'development';
-const customViewThemeOverrides = _objectSpread$1(_objectSpread$1({}, applicationComponents.themesOverrides.default), customViewsThemesOverrides.default);
 function CustomViewShell(props) {
   var _window$app$__DEVELOP;
   const _useState = react.useState(),
@@ -1962,10 +2010,7 @@ function CustomViewShell(props) {
   }
   const hostUrl = process.env.NODE_ENV === 'development' || isLocalProdMode ? (_window$app$__DEVELOP = window.app.__DEVELOPMENT__) === null || _window$app$__DEVELOP === void 0 ? void 0 : _window$app$__DEVELOP.customViewHostUrl : hostContext.hostUrl;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(GlobalStyles, {}), jsxRuntime.jsx(designSystem.ThemeProvider, {
-      theme: "default",
-      themeOverrides: customViewThemeOverrides
-    }), jsxRuntime.jsx(ApplicationShellProvider, {
+    children: [jsxRuntime.jsx(GlobalStyles, {}), jsxRuntime.jsx(ApplicationShellProvider, {
       environment: window.app,
       applicationMessages: props.applicationMessages,
       apolloClient: props.apolloClient,
@@ -1981,8 +2026,9 @@ function CustomViewShell(props) {
               environment: window.app,
               messages: props.applicationMessages,
               projectKey: hostContext.projectKey,
+              flags: hostContext.featureFlags,
               customViewConfig: hostContext.customViewConfig,
-              children: [jsxRuntime.jsx(applicationComponents.PortalsContainer
+              children: [jsxRuntime.jsx(CustomViewThemeProvider, {}), jsxRuntime.jsx(applicationComponents.PortalsContainer
               // @ts-ignore
               , {
                 ref: layoutRefs
@@ -2033,6 +2079,7 @@ const CustomViewShellWrapper = props => {
         children: jsxRuntime.jsx(CustomViewDevHost, {
           applicationMessages: props.applicationMessages,
           children: jsxRuntime.jsx(CustomViewShell, {
+            apolloClient: props.apolloClient,
             applicationMessages: props.applicationMessages,
             children: props.children
           })
@@ -2043,6 +2090,7 @@ const CustomViewShellWrapper = props => {
   return jsxRuntime.jsx(StrictModeEnablement, {
     enableReactStrictMode: props.enableReactStrictMode,
     children: jsxRuntime.jsx(CustomViewShell, {
+      apolloClient: props.apolloClient,
       applicationMessages: props.applicationMessages,
       children: props.children
     })