@commercetools-frontend/application-shell 22.18.0 → 22.20.0

package/dist/{index-e9dcdd6b.cjs.prod.js → index-bcb52bd1.cjs.prod.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-6538e2bb.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
+const RequestsInFlightLoader = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./requests-in-flight-loader-7260582b.cjs.prod.js' /* webpackChunkName: "requests-in-flight-loader" */); }));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -390,7 +392,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-1314b25d.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
+const UserSettingsMenu = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./user-settings-menu-daa096fd.cjs.prod.js' /* webpackChunkName: "user-settings-menu" */); }));
 
 var _ref$1 = {
   name: "zjik7",
@@ -527,7 +529,7 @@ const ConfigureIntlProvider = props => {
 ConfigureIntlProvider.propTypes = {};
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-84dc825c.cjs.prod.js' /* webpackChunkName: "error-apologizer" */); }));
+const ErrorApologizer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./error-apologizer-7bc04be1.cjs.prod.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 => {
@@ -583,9 +585,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-7861442e.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
+const Navbar = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./navbar-91d24894.cjs.prod.js' /* webpackChunkName: "navbar" */); }));
 
-const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-fdb07759.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
+const ProjectContainer = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./project-container-143e5c11.cjs.prod.js' /* webpackChunkName: "project-container" */); }));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(constants.STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -697,7 +699,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-76e2b7b2.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
+const QuickAccess = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./quick-access-4536163d.cjs.prod.js' /* webpackChunkName: "quick-access" */); }));
 
 const QuickAccessTrigger = props => {
   const _useState = react.useState(false),
@@ -784,7 +786,7 @@ const QuickAccessTrigger = props => {
 QuickAccessTrigger.propTypes = {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-f5c85702.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
+const RedirectToLogout = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-logout-b18f9c37.cjs.prod.js' /* webpackChunkName: "redirect-to-logout" */); }));
 
 const RedirectToProjectCreate = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./redirect-to-project-create-c962f72f.cjs.prod.js' /* webpackChunkName: "redirect-to-project-create" */); }));
 
@@ -869,7 +871,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)
@@ -903,15 +908,17 @@ SetupFlopFlipProvider.propTypes = {};
 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-c96362fe.cjs.prod.js' /* webpackChunkName: "version-tracker" */); }));
+const VersionTracker = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./version-tracker-cfc94c34.cjs.prod.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; }
@@ -1389,7 +1396,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-976ae406.cjs.prod.js' /* webpackChunkName: "oidc-callback" */); }));
+const OidcCallback = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./oidc-callback-81e4d37c.cjs.prod.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; }
@@ -1605,7 +1612,26 @@ ApplicationShell.propTypes = {};
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = applicationShellVersion;
 
-const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-ca22b6ea.cjs.prod.js' /* webpackChunkName: "custom-view-dev-host" */); }));
+const CustomViewDevHost = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./custom-view-dev-host-f81ab446.cjs.prod.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 = {};
 
 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; }
@@ -1668,8 +1694,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
+                        })
                       })
                     });
                   }
@@ -1699,6 +1729,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'
   }
 };
 
@@ -1745,15 +1782,22 @@ function StrictModeEnablement(props) {
     });
   }
 }
+StrictModeEnablement.propTypes = {};
+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 = {};
 const isLocalProdMode = 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(),
@@ -1822,10 +1866,7 @@ function CustomViewShell(props) {
   }
   const hostUrl = 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,
@@ -1841,8 +1882,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
@@ -1888,6 +1930,7 @@ const CustomViewShellWrapper = props => {
         children: jsxRuntime.jsx(CustomViewDevHost, {
           applicationMessages: props.applicationMessages,
           children: jsxRuntime.jsx(CustomViewShell, {
+            apolloClient: props.apolloClient,
             applicationMessages: props.applicationMessages,
             children: props.children
           })
@@ -1898,6 +1941,7 @@ const CustomViewShellWrapper = props => {
   return jsxRuntime.jsx(StrictModeEnablement, {
     enableReactStrictMode: props.enableReactStrictMode,
     children: jsxRuntime.jsx(CustomViewShell, {
+      apolloClient: props.apolloClient,
       applicationMessages: props.applicationMessages,
       children: props.children
     })

package/dist/{index-cb9692b6.esm.js → index-c52c0886.esm.js}

@@ -59,7 +59,7 @@ import { useApolloClient, ApolloProvider } from '@apollo/client/react';
 import combineAdapters from '@flopflip/combine-adapters';
 import httpAdapter from '@flopflip/http-adapter';
 import ldAdapter from '@flopflip/launchdarkly-adapter';
-import { ConfigureFlopFlip } from '@flopflip/react-broadcast';
+import { ConfigureFlopFlip, useFeatureToggle } from '@flopflip/react-broadcast';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import { Provider, useStore } from 'react-redux';
 import upperFirst from 'lodash/upperFirst';
@@ -67,14 +67,15 @@ import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/i
 import '@commercetools-uikit/design-system/materials/resets.css';
 import { entryPointUriPathToPermissionKeys } from '@commercetools-frontend/application-config/ssr';
 import { useIsAuthorized } from '@commercetools-frontend/permissions';
+import memoryAdapter from '@flopflip/memory-adapter';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import { showUnexpectedErrorNotification } from '@commercetools-frontend/actions-global';
 
 // 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__*/lazy(() => import('./requests-in-flight-loader-d79e3abb.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
+const RequestsInFlightLoader = /*#__PURE__*/lazy(() => import('./requests-in-flight-loader-619778ae.esm.js' /* webpackChunkName: "requests-in-flight-loader" */));
 
 // Attempt to load the `projectKey` from localStorage
 function selectProjectKeyFromLocalStorage() {
@@ -358,7 +359,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__*/lazy(() => import('./user-settings-menu-dcbb0bd3.esm.js' /* webpackChunkName: "user-settings-menu" */));
+const UserSettingsMenu = /*#__PURE__*/lazy(() => import('./user-settings-menu-204c57e4.esm.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" ? {
@@ -514,7 +515,7 @@ ConfigureIntlProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ConfigureIntlProvider.displayName = 'ConfigureIntlProvider';
 
-const ErrorApologizer = /*#__PURE__*/lazy(() => import('./error-apologizer-76f087f4.esm.js' /* webpackChunkName: "error-apologizer" */));
+const ErrorApologizer = /*#__PURE__*/lazy(() => import('./error-apologizer-9bed285b.esm.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 => {
@@ -570,9 +571,9 @@ FetchUser.propTypes = {
 };
 FetchUser.displayName = 'FetchUser';
 
-const Navbar = /*#__PURE__*/lazy(() => import('./navbar-5746809d.esm.js' /* webpackChunkName: "navbar" */));
+const Navbar = /*#__PURE__*/lazy(() => import('./navbar-0d4b58c1.esm.js' /* webpackChunkName: "navbar" */));
 
-const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-b26c2799.esm.js' /* webpackChunkName: "project-container" */));
+const ProjectContainer = /*#__PURE__*/lazy(() => import('./project-container-f56c485b.esm.js' /* webpackChunkName: "project-container" */));
 
 const getSelectedDataLocaleForProject = projectLocales => {
   const cachedDataLocale = window.localStorage.getItem(STORAGE_KEYS.SELECTED_DATA_LOCALE);
@@ -696,7 +697,7 @@ var pimIndexerStates = {
   NOT_INDEXED: 'NOT_INDEXED'
 };
 
-const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-3788f5f3.esm.js' /* webpackChunkName: "quick-access" */));
+const QuickAccess = /*#__PURE__*/lazy(() => import('./quick-access-18b24788.esm.js' /* webpackChunkName: "quick-access" */));
 
 const QuickAccessTrigger = props => {
   const _useState = useState(false),
@@ -785,7 +786,7 @@ QuickAccessTrigger.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 QuickAccessTrigger.displayName = 'QuickAccessTrigger';
 
-const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-e071855b.esm.js' /* webpackChunkName: "redirect-to-logout" */));
+const RedirectToLogout = /*#__PURE__*/lazy(() => import('./redirect-to-logout-2262ee64.esm.js' /* webpackChunkName: "redirect-to-logout" */));
 
 const RedirectToProjectCreate = /*#__PURE__*/lazy(() => import('./redirect-to-project-create-1d0c6b01.esm.js' /* webpackChunkName: "redirect-to-project-create" */));
 
@@ -870,7 +871,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)
@@ -928,15 +932,17 @@ SetupFlopFlipProvider.propTypes = process.env.NODE_ENV !== "production" ? {
 SetupFlopFlipProvider.displayName = 'SetupFlopFlipProvider';
 
 const ThemeSwitcher = () => {
+  const isRecolouringThemeEnabled = useFeatureToggle(featureFlags.RECOLOURING);
+  const theme = isRecolouringThemeEnabled ? 'recolouring' : 'default';
   return jsx(Fragment, {
     children: jsx(ThemeProvider, {
-      theme: "default",
-      themeOverrides: themesOverrides.default
+      theme: theme,
+      themeOverrides: themesOverrides[theme]
     })
   });
 };
 
-const VersionTracker = /*#__PURE__*/lazy(() => import('./version-tracker-e09696f5.esm.js' /* webpackChunkName: "version-tracker" */));
+const VersionTracker = /*#__PURE__*/lazy(() => import('./version-tracker-cd22b7c0.esm.js' /* webpackChunkName: "version-tracker" */));
 
 function ownKeys$6(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(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(_context2 = ownKeys$6(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$6(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1450,7 +1456,7 @@ const hasCachedAuthenticationState = () => {
   return window.localStorage.getItem(STORAGE_KEYS.IS_AUTHENTICATED) === 'true';
 };
 
-const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-03d24112.esm.js' /* webpackChunkName: "oidc-callback" */));
+const OidcCallback = /*#__PURE__*/lazy(() => import('./oidc-callback-82606c7b.esm.js' /* webpackChunkName: "oidc-callback" */));
 
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(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(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1688,7 +1694,29 @@ ApplicationShell.propTypes = process.env.NODE_ENV !== "production" ? {
 ApplicationShell.displayName = 'ApplicationShell';
 ApplicationShell.version = applicationShellVersion;
 
-const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-b4ef2628.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
+const CustomViewDevHost = /*#__PURE__*/lazy(() => import('./custom-view-dev-host-745f380b.esm.js' /* webpackChunkName: "custom-view-dev-host" */));
+
+function CustomViewFlopFlipProvider(props) {
+  var _props$user2;
+  const adapterArgs = 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 jsx(ConfigureFlopFlip, {
+    adapter: memoryAdapter,
+    defaultFlags: _flagsInstanceProperty(props),
+    adapterArgs: adapterArgs,
+    children: props.children
+  });
+}
+CustomViewFlopFlipProvider.propTypes = process.env.NODE_ENV !== "production" ? {
+  flags: _pt.any,
+  children: _pt.node.isRequired
+} : {};
 
 function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(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(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1753,8 +1781,12 @@ function CustomViewShellAuthenticated(props) {
                       project: project,
                       projectDataLocale: props.dataLocale,
                       environment: props.environment,
-                      children: jsx(CustomViewWithPermissionCheck, {
-                        children: props.children
+                      children: jsx(CustomViewFlopFlipProvider, {
+                        flags: _flagsInstanceProperty(props),
+                        user: user,
+                        children: jsx(CustomViewWithPermissionCheck, {
+                          children: props.children
+                        })
                       })
                     });
                   }
@@ -1770,6 +1802,7 @@ function CustomViewShellAuthenticated(props) {
 CustomViewShellAuthenticated.propTypes = process.env.NODE_ENV !== "production" ? {
   dataLocale: _pt.string.isRequired,
   projectKey: _pt.string,
+  flags: _pt.any,
   customViewConfig: _pt.any.isRequired,
   children: _pt.node.isRequired
 } : {};
@@ -1789,6 +1822,13 @@ const customViewsThemesOverrides = {
     paddingForDetailPageHeader: "0 0 ".concat(designTokens.spacing40, " 0"),
     paddingForMainPageHeader: '0',
     paddingForTabularPageHeader: '0'
+  },
+  recolouring: {
+    marginForCustomViewsSelectorAsTabular: '0',
+    marginForPageContent: "".concat(designTokens.spacing50, " 0"),
+    paddingForDetailPageHeader: "0 0 ".concat(designTokens.spacing40, " 0"),
+    paddingForMainPageHeader: '0',
+    paddingForTabularPageHeader: '0'
   }
 };
 
@@ -1829,7 +1869,7 @@ const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
 } : {
   target: "e8xye0r0",
   label: "ContentWrapper"
-})("height:100%;padding:", 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:", 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 jsx(StrictMode, {
@@ -1841,18 +1881,25 @@ function StrictModeEnablement(props) {
     });
   }
 }
+StrictModeEnablement.propTypes = process.env.NODE_ENV !== "production" ? {
+  enableReactStrictMode: _pt.bool,
+  children: _pt.node
+} : {};
+function CustomViewThemeProvider() {
+  const theme = useFeatureToggle('mcRecolouring') ? 'recolouring' : 'default';
+  const customViewThemeOverrides = _objectSpread$1(_objectSpread$1({}, themesOverrides[theme]), customViewsThemesOverrides[theme]);
+  return jsx(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.bool,
-  children: _pt.node
-} : {};
 const isLocalProdMode = process.env.NODE_ENV === 'production' && window.app.env === 'development';
-const customViewThemeOverrides = _objectSpread$1(_objectSpread$1({}, themesOverrides.default), customViewsThemesOverrides.default);
 function CustomViewShell(props) {
   var _window$app$__DEVELOP;
   const _useState = useState(),
@@ -1921,10 +1968,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 jsxs(Fragment, {
-    children: [jsx(GlobalStyles, {}), jsx(ThemeProvider, {
-      theme: "default",
-      themeOverrides: customViewThemeOverrides
-    }), jsx(ApplicationShellProvider, {
+    children: [jsx(GlobalStyles, {}), jsx(ApplicationShellProvider, {
       environment: window.app,
       applicationMessages: props.applicationMessages,
       apolloClient: props.apolloClient,
@@ -1940,8 +1984,9 @@ function CustomViewShell(props) {
               environment: window.app,
               messages: props.applicationMessages,
               projectKey: hostContext.projectKey,
+              flags: hostContext.featureFlags,
               customViewConfig: hostContext.customViewConfig,
-              children: [jsx(PortalsContainer
+              children: [jsx(CustomViewThemeProvider, {}), jsx(PortalsContainer
               // @ts-ignore
               , {
                 ref: layoutRefs
@@ -1992,6 +2037,7 @@ const CustomViewShellWrapper = props => {
         children: jsx(CustomViewDevHost, {
           applicationMessages: props.applicationMessages,
           children: jsx(CustomViewShell, {
+            apolloClient: props.apolloClient,
             applicationMessages: props.applicationMessages,
             children: props.children
           })
@@ -2002,6 +2048,7 @@ const CustomViewShellWrapper = props => {
   return jsx(StrictModeEnablement, {
     enableReactStrictMode: props.enableReactStrictMode,
     children: jsx(CustomViewShell, {
+      apolloClient: props.apolloClient,
       applicationMessages: props.applicationMessages,
       children: props.children
     })