@commercetools-frontend/application-shell 27.6.3 → 27.7.0

package/dist/application-shell-splitter-01102085.esm.js

@@ -0,0 +1,95 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import { useState, useCallback, useRef, useMemo } from 'react';
+import { useResponsiveSplitterSizes, NimbusProvider, Splitter, Region } from '@commercetools/nimbus';
+import { R as REGIONS } from './oidc-cb344fae.esm.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+
+function ownKeys(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(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; }
+// breakpoint-lg (1024) + sm (384) = 1408
+// Below 1408px container: overlay — one panel visible at a time
+// Above 1408px container: side-by-side — main ≥ 1024px, aside ≥ 384px
+const OVERLAY_THRESHOLD = 1408;
+const SPLITTER_ROOT_ID = 'mc-shell-splitter';
+const SPLITTER_MAIN_ID = 'mc-shell-splitter-main';
+const SPLITTER_ASIDE_ID = 'mc-shell-splitter-aside';
+const ApplicationShellSplitter = props => {
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const onCollapsedChange = useCallback(collapsed => {
+    setOpen(!collapsed);
+  }, []);
+  const _useResponsiveSplitte = useResponsiveSplitterSizes({
+      orientation: 'horizontal',
+      persistKey: REGIONS.MC_RIGHT_PANEL,
+      size: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: 'sm'
+      },
+      minSize: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: 'sm'
+      },
+      maxSize: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: '50%'
+      },
+      onCollapsedChange
+    }),
+    rootProps = _useResponsiveSplitte.rootProps;
+
+  // Ref to the hook's composite handler for programmatic control.
+  // The hook's handler does persistence suppression + calls our onCollapsedChange.
+  const compositeHandlerRef = useRef(rootProps.onCollapsedChange);
+  compositeHandlerRef.current = rootProps.onCollapsedChange;
+  const openRef = useRef(open);
+  openRef.current = open;
+  const commands = useRef({
+    expand: () => compositeHandlerRef.current(false),
+    collapse: () => compositeHandlerRef.current(true),
+    toggle: () => compositeHandlerRef.current(openRef.current)
+  }).current;
+  const controller = useMemo(() => _objectSpread({
+    isCollapsed: !open
+  }, commands), [open, commands]);
+  return jsx(NimbusProvider, {
+    locale: props.locale,
+    router: {
+      navigate: props.navigate
+    },
+    loadFonts: false,
+    children: jsxs(Splitter.Root, _objectSpread(_objectSpread({}, rootProps), {}, {
+      id: SPLITTER_ROOT_ID,
+      collapsible: true,
+      collapsedSize: 0,
+      collapsed: !open,
+      children: [jsx(Splitter.Main, {
+        id: SPLITTER_MAIN_ID,
+        containerType: "inline-size",
+        children: props.children
+      }), jsx(Splitter.Handle, {
+        "aria-label": "Resize side panel"
+      }), jsx(Splitter.Aside, {
+        id: SPLITTER_ASIDE_ID,
+        children: jsx(Region, {
+          name: REGIONS.MC_RIGHT_PANEL,
+          value: controller
+        })
+      })]
+    }))
+  });
+};
+
+export { ApplicationShellSplitter as default };

package/dist/application-shell-splitter-352ca4e9.cjs.dev.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var react = require('react');
+var nimbus = require('@commercetools/nimbus');
+var oidc = require('./oidc-b9e7297c.cjs.dev.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+function ownKeys(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(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; }
+// breakpoint-lg (1024) + sm (384) = 1408
+// Below 1408px container: overlay — one panel visible at a time
+// Above 1408px container: side-by-side — main ≥ 1024px, aside ≥ 384px
+const OVERLAY_THRESHOLD = 1408;
+const SPLITTER_ROOT_ID = 'mc-shell-splitter';
+const SPLITTER_MAIN_ID = 'mc-shell-splitter-main';
+const SPLITTER_ASIDE_ID = 'mc-shell-splitter-aside';
+const ApplicationShellSplitter = props => {
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const onCollapsedChange = react.useCallback(collapsed => {
+    setOpen(!collapsed);
+  }, []);
+  const _useResponsiveSplitte = nimbus.useResponsiveSplitterSizes({
+      orientation: 'horizontal',
+      persistKey: oidc.REGIONS.MC_RIGHT_PANEL,
+      size: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: 'sm'
+      },
+      minSize: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: 'sm'
+      },
+      maxSize: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: '50%'
+      },
+      onCollapsedChange
+    }),
+    rootProps = _useResponsiveSplitte.rootProps;
+
+  // Ref to the hook's composite handler for programmatic control.
+  // The hook's handler does persistence suppression + calls our onCollapsedChange.
+  const compositeHandlerRef = react.useRef(rootProps.onCollapsedChange);
+  compositeHandlerRef.current = rootProps.onCollapsedChange;
+  const openRef = react.useRef(open);
+  openRef.current = open;
+  const commands = react.useRef({
+    expand: () => compositeHandlerRef.current(false),
+    collapse: () => compositeHandlerRef.current(true),
+    toggle: () => compositeHandlerRef.current(openRef.current)
+  }).current;
+  const controller = react.useMemo(() => _objectSpread({
+    isCollapsed: !open
+  }, commands), [open, commands]);
+  return jsxRuntime.jsx(nimbus.NimbusProvider, {
+    locale: props.locale,
+    router: {
+      navigate: props.navigate
+    },
+    loadFonts: false,
+    children: jsxRuntime.jsxs(nimbus.Splitter.Root, _objectSpread(_objectSpread({}, rootProps), {}, {
+      id: SPLITTER_ROOT_ID,
+      collapsible: true,
+      collapsedSize: 0,
+      collapsed: !open,
+      children: [jsxRuntime.jsx(nimbus.Splitter.Main, {
+        id: SPLITTER_MAIN_ID,
+        containerType: "inline-size",
+        children: props.children
+      }), jsxRuntime.jsx(nimbus.Splitter.Handle, {
+        "aria-label": "Resize side panel"
+      }), jsxRuntime.jsx(nimbus.Splitter.Aside, {
+        id: SPLITTER_ASIDE_ID,
+        children: jsxRuntime.jsx(nimbus.Region, {
+          name: oidc.REGIONS.MC_RIGHT_PANEL,
+          value: controller
+        })
+      })]
+    }))
+  });
+};
+
+exports["default"] = ApplicationShellSplitter;

package/dist/application-shell-splitter-da67ad37.cjs.prod.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var react = require('react');
+var nimbus = require('@commercetools/nimbus');
+var oidc = require('./oidc-0cba182b.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+function ownKeys(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(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; }
+// breakpoint-lg (1024) + sm (384) = 1408
+// Below 1408px container: overlay — one panel visible at a time
+// Above 1408px container: side-by-side — main ≥ 1024px, aside ≥ 384px
+const OVERLAY_THRESHOLD = 1408;
+const SPLITTER_ROOT_ID = 'mc-shell-splitter';
+const SPLITTER_MAIN_ID = 'mc-shell-splitter-main';
+const SPLITTER_ASIDE_ID = 'mc-shell-splitter-aside';
+const ApplicationShellSplitter = props => {
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const onCollapsedChange = react.useCallback(collapsed => {
+    setOpen(!collapsed);
+  }, []);
+  const _useResponsiveSplitte = nimbus.useResponsiveSplitterSizes({
+      orientation: 'horizontal',
+      persistKey: oidc.REGIONS.MC_RIGHT_PANEL,
+      size: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: 'sm'
+      },
+      minSize: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: 'sm'
+      },
+      maxSize: {
+        0: '100%',
+        [OVERLAY_THRESHOLD]: '50%'
+      },
+      onCollapsedChange
+    }),
+    rootProps = _useResponsiveSplitte.rootProps;
+
+  // Ref to the hook's composite handler for programmatic control.
+  // The hook's handler does persistence suppression + calls our onCollapsedChange.
+  const compositeHandlerRef = react.useRef(rootProps.onCollapsedChange);
+  compositeHandlerRef.current = rootProps.onCollapsedChange;
+  const openRef = react.useRef(open);
+  openRef.current = open;
+  const commands = react.useRef({
+    expand: () => compositeHandlerRef.current(false),
+    collapse: () => compositeHandlerRef.current(true),
+    toggle: () => compositeHandlerRef.current(openRef.current)
+  }).current;
+  const controller = react.useMemo(() => _objectSpread({
+    isCollapsed: !open
+  }, commands), [open, commands]);
+  return jsxRuntime.jsx(nimbus.NimbusProvider, {
+    locale: props.locale,
+    router: {
+      navigate: props.navigate
+    },
+    loadFonts: false,
+    children: jsxRuntime.jsxs(nimbus.Splitter.Root, _objectSpread(_objectSpread({}, rootProps), {}, {
+      id: SPLITTER_ROOT_ID,
+      collapsible: true,
+      collapsedSize: 0,
+      collapsed: !open,
+      children: [jsxRuntime.jsx(nimbus.Splitter.Main, {
+        id: SPLITTER_MAIN_ID,
+        containerType: "inline-size",
+        children: props.children
+      }), jsxRuntime.jsx(nimbus.Splitter.Handle, {
+        "aria-label": "Resize side panel"
+      }), jsxRuntime.jsx(nimbus.Splitter.Aside, {
+        id: SPLITTER_ASIDE_ID,
+        children: jsxRuntime.jsx(nimbus.Region, {
+          name: oidc.REGIONS.MC_RIGHT_PANEL,
+          value: controller
+        })
+      })]
+    }))
+  });
+};
+
+exports["default"] = ApplicationShellSplitter;

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

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-70a737ae.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-a90072cc.cjs.dev.js');
 var index = require('./index-614accc4.cjs.dev.js');
+var oidc = require('./oidc-b9e7297c.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
@@ -29,8 +30,6 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-8827f9fe.cjs.dev.js');
-require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
@@ -40,6 +39,7 @@ require('@commercetools-uikit/icons');
 require('./location-c835b8df.cjs.dev.js');
 require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
@@ -108,6 +108,7 @@ exports.useRoutesCreator = dist_commercetoolsFrontendApplicationShell.useRoutesC
 exports.version = dist_commercetoolsFrontendApplicationShell.version;
 exports.RouteCatchAll = index.RouteCatchAll;
 exports.applyDefaultMiddlewares = index.applyDefaultMiddlewares;
+exports.REGIONS = oidc.REGIONS;
 Object.defineProperty(exports, 'buildApiUrl', {
 	enumerable: true,
 	get: function () { return applicationShellConnectors.buildApiUrl; }

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

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-b1e142f7.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-7979d3a7.cjs.prod.js');
 var index = require('./index-245e2980.cjs.prod.js');
+var oidc = require('./oidc-0cba182b.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');
 var reactBroadcast = require('@flopflip/react-broadcast');
@@ -29,8 +30,6 @@ require('@commercetools-frontend/constants');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/react-notifications');
 require('@commercetools-frontend/sentry');
-require('./oidc-d74e6aa2.cjs.prod.js');
-require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('@commercetools-uikit/spacings');
@@ -40,6 +39,7 @@ require('@commercetools-uikit/icons');
 require('./location-537e0660.cjs.prod.js');
 require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
@@ -108,6 +108,7 @@ exports.useRoutesCreator = dist_commercetoolsFrontendApplicationShell.useRoutesC
 exports.version = dist_commercetoolsFrontendApplicationShell.version;
 exports.RouteCatchAll = index.RouteCatchAll;
 exports.applyDefaultMiddlewares = index.applyDefaultMiddlewares;
+exports.REGIONS = oidc.REGIONS;
 Object.defineProperty(exports, 'buildApiUrl', {
 	enumerable: true,
 	get: function () { return applicationShellConnectors.buildApiUrl; }

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

@@ -1,5 +1,6 @@
-export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-371785f8.esm.js';
+export { e as ApplicationPageTitle, A as ApplicationShell, d as ApplicationShellProvider, C as ConfigureIntlProvider, f as CustomViewShell, i as ErrorApologizer, h as FetchUser, I as InjectReducers, l as ProtectedRoute, R as RedirectToLogin, j as RedirectToLogout, S as SetupFlopFlipProvider, m as SuspendedProtectedRoute, k as SuspendedRoute, g as getBrowserLocale, n as getPreviousProjectKey, s as setupGlobalErrorListener, u as useRoutesCreator, v as version } from './index-2deb987c.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-86039df7.esm.js';
+export { R as REGIONS } from './oidc-cb344fae.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';
 export { ConfigureFlopFlip, ReconfigureFlopFlip, ToggleFeature, branchOnFeatureToggle, injectFeatureToggle, injectFeatureToggles, useAdapterReconfiguration, useAdapterStatus, useFeatureToggle, useFeatureToggles, useFlagVariation, useFlagVariations } from '@flopflip/react-broadcast';
@@ -25,8 +26,6 @@ import '@commercetools-frontend/constants';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/react-notifications';
 import '@commercetools-frontend/sentry';
-import './oidc-b2520905.esm.js';
-import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
 import '@commercetools-uikit/spacings';
@@ -36,6 +35,7 @@ import '@commercetools-uikit/icons';
 import './location-f21dbc25.esm.js';
 import '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import 'memoize-one';
 import 'react-select';
 import '@commercetools-uikit/accessible-hidden';

package/dist/{custom-view-dev-host-0d3644b8.esm.js → custom-view-dev-host-2bbf4471.esm.js}

@@ -8,7 +8,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-371785f8.esm.js';
+import { A as ApplicationShell } from './index-2deb987c.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-86039df7.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -45,7 +45,7 @@ import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/i18n';
-import './oidc-b2520905.esm.js';
+import './oidc-cb344fae.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/url';
 import '@commercetools-uikit/design-system';
 import 'react-intl';

package/dist/{custom-view-dev-host-7d26ea5e.cjs.prod.js → custom-view-dev-host-5fcc37c9.cjs.prod.js}

@@ -10,7 +10,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-b1e142f7.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-7979d3a7.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-245e2980.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -47,7 +47,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
-require('./oidc-d74e6aa2.cjs.prod.js');
+require('./oidc-0cba182b.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('react-intl');

package/dist/{custom-view-dev-host-dec81316.cjs.dev.js → custom-view-dev-host-aef72577.cjs.dev.js}

@@ -10,7 +10,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-70a737ae.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-a90072cc.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-614accc4.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -47,7 +47,7 @@ require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/i18n');
-require('./oidc-8827f9fe.cjs.dev.js');
+require('./oidc-b9e7297c.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/design-system');
 require('react-intl');

package/dist/declarations/src/components/application-shell-splitter/application-shell-splitter.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import type { NimbusRouterConfig } from '@commercetools/nimbus';
+type TApplicationShellSplitterProps = {
+    children: ReactNode;
+    locale: string;
+    navigate: NimbusRouterConfig['navigate'];
+};
+export type TApplicationShellSplitterValue = {
+    isCollapsed: boolean;
+    expand: () => void;
+    collapse: () => void;
+    toggle: () => void;
+};
+declare const ApplicationShellSplitter: (props: TApplicationShellSplitterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ApplicationShellSplitter;

package/dist/declarations/src/constants.d.ts

@@ -0,0 +1,45 @@
+export declare const DIMENSIONS: {
+    readonly header: "56px";
+};
+export declare const NAVBAR: {
+    readonly expanderHeight: "50px";
+    readonly expanderSize: "40px";
+    readonly iconSize: "24px";
+    readonly iconSizeHover: "28px";
+    readonly itemSize: "48px";
+    readonly itemHeight: "56px";
+    readonly sublistIndentationWhenCollapsed: "72px";
+    readonly sublistIndentationWhenExpanded: "248px";
+    readonly sublistItemMinHeight: "50px";
+    readonly sublistWidth: "272px";
+    readonly leftNavigationTransition: "all 150ms cubic-bezier(1, 0, 0.58, 1)";
+    readonly widthLeftNavigation: "80px";
+    readonly widthLeftNavigationWhenExpanded: "256px";
+};
+export declare const WINDOW_SIZES: {
+    readonly STANDARD: 1024;
+    readonly WIDE: 1200;
+};
+export declare const CONTAINERS: {
+    readonly LOCALE_SWITCHER: "locale-switcher-container";
+    readonly LEFT_OF_PROFILE: "left-of-profile";
+};
+export declare const REGIONS: {
+    readonly MC_RIGHT_PANEL: "mc:right-panel";
+};
+export declare const SUSPENSION_REASONS: {
+    readonly TEMPORARY_MAINTENANCE: "TemporaryMaintenance";
+    readonly PAYMENT: "Payment";
+    readonly OTHER: "Other";
+};
+export declare const OIDC_RESPONSE_TYPES: {
+    readonly ID_TOKEN: "id_token";
+};
+export declare const OIDC_CLAIMS: {
+    readonly OPEN_ID: "openid";
+    readonly PROJECT_KEY: "project_key";
+    readonly TEAM_ID: "team_id";
+    readonly APPLICATION_ID: "application_id";
+    readonly VIEW: "view";
+    readonly MANAGE: "manage";
+};

package/dist/declarations/src/index.d.ts

@@ -15,6 +15,8 @@ export { default as RouteCatchAll } from "./components/route-catch-all/index.js"
 export { default as SetupFlopFlipProvider } from "./components/setup-flop-flip-provider/index.js";
 export { default as ConfigureIntlProvider } from "./components/configure-intl-provider/index.js";
 export { SuspendedRoute, ProtectedRoute, SuspendedProtectedRoute, } from "./components/suspended-route/index.js";
+export { REGIONS } from "./constants.js";
+export type { TApplicationShellSplitterValue } from "./components/application-shell-splitter/application-shell-splitter.js";
 export { default as getPreviousProjectKey } from "./utils/get-previous-project-key/index.js";
 export { default as setupGlobalErrorListener } from "./utils/setup-global-error-listener/index.js";
 export { default as useRoutesCreator } from "./hooks/use-routes-creator/index.js";