@commercetools-frontend/application-shell 0.0.0-FEC-157-preview-releases-20241126230331

package/dist/redirect-to-logout-3a4109b6.esm.js

@@ -0,0 +1,112 @@
+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 { useLocation } from 'react-router-dom';
+import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
+import { u as useIsServedByProxy } from './use-is-served-by-proxy-a383da4b.esm.js';
+import { g as getMcOrigin } from './get-mc-origin-fecfee07.esm.js';
+import { R as RedirectToLogin } from './index-b2fb611e.esm.js';
+import { R as Redirector } from './redirector-76670a54.esm.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import '@commercetools-frontend/application-shell-connectors';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@babel/runtime-corejs3/core-js-stable/url';
+import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
+import 'prop-types';
+import 'react';
+import './index-b6081c20.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import '@babel/runtime-corejs3/core-js-stable/object/entries';
+import '@babel/runtime-corejs3/core-js-stable/reflect/has';
+import '@reduxjs/toolkit';
+import 'lodash/mapValues';
+import 'omit-empty-es';
+import 'redux-thunk';
+import '@commercetools-frontend/notifications';
+import '@commercetools-frontend/sdk';
+import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import '@commercetools-frontend/sentry';
+import '@commercetools-frontend/react-notifications';
+import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import 'redux-logger';
+import '@emotion/styled/base';
+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/application-components';
+import '@commercetools-frontend/i18n';
+import './oidc-b2520905.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@commercetools-uikit/design-system';
+import '@commercetools-uikit/spacings';
+import 'react-intl';
+import '@commercetools-uikit/flat-button';
+import '@commercetools-uikit/icons';
+import './location-f21dbc25.esm.js';
+import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'memoize-one';
+import 'react-select';
+import '@commercetools-uikit/accessible-hidden';
+import '@commercetools-uikit/select-input';
+import '@commercetools-uikit/text';
+import '@commercetools-frontend/assets/images/ct-logo.svg';
+import '@commercetools-uikit/loading-spinner';
+import '@commercetools-frontend/browser-history';
+import '@commercetools-frontend/l10n';
+import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/helpers/inherits';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/core-js-stable/object/from-entries';
+import '@babel/runtime-corejs3/core-js-stable/instance/flags';
+import '@apollo/client/react';
+import '@flopflip/combine-adapters';
+import '@flopflip/http-adapter';
+import '@flopflip/launchdarkly-adapter';
+import '@flopflip/react-broadcast';
+import '@flopflip/types';
+import 'react-redux';
+import '@commercetools-uikit/design-system/materials/resets.css';
+import '@commercetools-frontend/application-config/ssr';
+import '@commercetools-frontend/permissions';
+import '@flopflip/memory-adapter';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import '@commercetools-frontend/actions-global';
+import 'qss';
+
+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; }
+// When the application redirects to this route, we always force a hard redirect
+// to the logout route of the authentication service.
+const RedirectToLogout = props => {
+  const location = useLocation();
+  const servedByProxy = useIsServedByProxy();
+  if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+    return jsx(RedirectToLogin, {});
+  }
+  const mcOrigin = servedByProxy ? getMcOrigin(window.app.mcApiUrl) : undefined;
+  return jsx(Redirector, {
+    to: "logout",
+    origin: mcOrigin,
+    location: location,
+    queryParams: _objectSpread({
+      reason: props.reason ?? LOGOUT_REASONS.USER
+    }, servedByProxy ? {} : {
+      // This will be used after being logged in, to redirect to this location.
+      redirectTo: window.location.origin
+    })
+  });
+};
+
+export { RedirectToLogout as default };

package/dist/redirect-to-project-create-9249e554.esm.js

@@ -0,0 +1,60 @@
+import { useEffect } from 'react';
+import { PageContentNarrow } from '@commercetools-frontend/application-components';
+import { ContentNotification } from '@commercetools-uikit/notifications';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import { u as useIsServedByProxy } from './use-is-served-by-proxy-a383da4b.esm.js';
+import { g as getMcOrigin } from './get-mc-origin-fecfee07.esm.js';
+import { l as location } from './location-f21dbc25.esm.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import '@commercetools-frontend/application-shell-connectors';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@babel/runtime-corejs3/core-js-stable/url';
+import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
+
+const RedirectToProjectCreate = () => {
+  const servedByProxy = useIsServedByProxy();
+  useEffect(() => {
+    if (servedByProxy === true) {
+      location.replace('/account/projects/new');
+      return;
+    }
+  }, [servedByProxy]);
+  if (servedByProxy) {
+    return null;
+  }
+  const mcUrl = getMcOrigin(window.app.mcApiUrl);
+  return jsx("div", {
+    children: jsx(Spacings.Inset, {
+      scale: "xl",
+      children: jsx(PageContentNarrow, {
+        children: jsxs(Spacings.Stack, {
+          children: [jsx(Text.Headline, {
+            as: "h1",
+            children: "Please create a project!"
+          }), jsx(ContentNotification, {
+            type: "warning",
+            children: "You are running in development mode"
+          }), jsxs(Text.Body, {
+            children: ["The application is not running behind the", ' ', jsx("a", {
+              href: "https://docs.commercetools.com/merchant-center-customizations/concepts/merchant-center-proxy-router",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Merchant Center Proxy"
+            }), ' ', "in production and thus cannot be redirected to the account section to create a new project."]
+          }), jsxs(Text.Body, {
+            children: ["Instead, we recommend to go to the", ' ', jsx("a", {
+              href: mcUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Merchant Center production URL"
+            }), ' ', "and create a project there. After that, you can access your new project from your local environment."]
+          })]
+        })
+      })
+    })
+  });
+};
+RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
+
+export { RedirectToProjectCreate, RedirectToProjectCreate as default };

package/dist/redirect-to-project-create-e4ff7797.cjs.prod.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var react = require('react');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var notifications = require('@commercetools-uikit/notifications');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var useIsServedByProxy = require('./use-is-served-by-proxy-480e8de8.cjs.prod.js');
+var getMcOrigin = require('./get-mc-origin-8f7a578c.cjs.prod.js');
+var location = require('./location-537e0660.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@commercetools-frontend/application-shell-connectors');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const RedirectToProjectCreate = () => {
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  react.useEffect(() => {
+    if (servedByProxy === true) {
+      location.location.replace('/account/projects/new');
+      return;
+    }
+  }, [servedByProxy]);
+  if (servedByProxy) {
+    return null;
+  }
+  const mcUrl = getMcOrigin.getMcOrigin(window.app.mcApiUrl);
+  return jsxRuntime.jsx("div", {
+    children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
+      scale: "xl",
+      children: jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
+        children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          children: [jsxRuntime.jsx(Text__default["default"].Headline, {
+            as: "h1",
+            children: "Please create a project!"
+          }), jsxRuntime.jsx(notifications.ContentNotification, {
+            type: "warning",
+            children: "You are running in development mode"
+          }), jsxRuntime.jsxs(Text__default["default"].Body, {
+            children: ["The application is not running behind the", ' ', jsxRuntime.jsx("a", {
+              href: "https://docs.commercetools.com/merchant-center-customizations/concepts/merchant-center-proxy-router",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Merchant Center Proxy"
+            }), ' ', "in production and thus cannot be redirected to the account section to create a new project."]
+          }), jsxRuntime.jsxs(Text__default["default"].Body, {
+            children: ["Instead, we recommend to go to the", ' ', jsxRuntime.jsx("a", {
+              href: mcUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Merchant Center production URL"
+            }), ' ', "and create a project there. After that, you can access your new project from your local environment."]
+          })]
+        })
+      })
+    })
+  });
+};
+RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
+
+exports.RedirectToProjectCreate = RedirectToProjectCreate;
+exports["default"] = RedirectToProjectCreate;

package/dist/redirect-to-project-create-f4f01842.cjs.dev.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var react = require('react');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var notifications = require('@commercetools-uikit/notifications');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var useIsServedByProxy = require('./use-is-served-by-proxy-28f19a6f.cjs.dev.js');
+var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
+var location = require('./location-c835b8df.cjs.dev.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@commercetools-frontend/application-shell-connectors');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/url');
+require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const RedirectToProjectCreate = () => {
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  react.useEffect(() => {
+    if (servedByProxy === true) {
+      location.location.replace('/account/projects/new');
+      return;
+    }
+  }, [servedByProxy]);
+  if (servedByProxy) {
+    return null;
+  }
+  const mcUrl = getMcOrigin.getMcOrigin(window.app.mcApiUrl);
+  return jsxRuntime.jsx("div", {
+    children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
+      scale: "xl",
+      children: jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
+        children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          children: [jsxRuntime.jsx(Text__default["default"].Headline, {
+            as: "h1",
+            children: "Please create a project!"
+          }), jsxRuntime.jsx(notifications.ContentNotification, {
+            type: "warning",
+            children: "You are running in development mode"
+          }), jsxRuntime.jsxs(Text__default["default"].Body, {
+            children: ["The application is not running behind the", ' ', jsxRuntime.jsx("a", {
+              href: "https://docs.commercetools.com/merchant-center-customizations/concepts/merchant-center-proxy-router",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Merchant Center Proxy"
+            }), ' ', "in production and thus cannot be redirected to the account section to create a new project."]
+          }), jsxRuntime.jsxs(Text__default["default"].Body, {
+            children: ["Instead, we recommend to go to the", ' ', jsxRuntime.jsx("a", {
+              href: mcUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Merchant Center production URL"
+            }), ' ', "and create a project there. After that, you can access your new project from your local environment."]
+          })]
+        })
+      })
+    })
+  });
+};
+RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
+
+exports.RedirectToProjectCreate = RedirectToProjectCreate;
+exports["default"] = RedirectToProjectCreate;

package/dist/redirector-01f35da8.cjs.prod.js

@@ -0,0 +1,75 @@
+'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 _pt = require('prop-types');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var react = require('react');
+var qss = require('qss');
+var location = require('./location-537e0660.cjs.prod.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+
+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; }
+const redirectTo = targetUrl => {
+  location.location.replace(targetUrl);
+};
+const useRedirector = () => {
+  const redirector = react.useCallback(options => {
+    // For now the authentication service runs on the same domain as the application,
+    // even on development (using the webpack dev server).
+    const originUrl = options.origin ?? window.location.origin;
+    const enhancedLocation = options.location || {};
+    const searchQuery = _objectSpread(_objectSpread({}, options.queryParams ?? {}), enhancedLocation.query ?? {});
+    const targetUrlObject = new _URL__default["default"](originUrl);
+    targetUrlObject.pathname = options.to || targetUrlObject.pathname;
+    targetUrlObject.search = `?${qss.encode(searchQuery)}`;
+    const targetUrl = targetUrlObject.toString();
+    redirectTo(targetUrl);
+  }, []);
+  return redirector;
+};
+const Redirector = props => {
+  const redirector = useRedirector();
+  react.useEffect(() => {
+    redirector(props);
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+Redirector.propTypes = {
+  to: _pt__default["default"].string.isRequired,
+  origin: _pt__default["default"].string,
+  queryParams: _pt__default["default"].shape({
+    redirectTo: _pt__default["default"].string,
+    client_id: _pt__default["default"].string,
+    response_type: _pt__default["default"].string,
+    scope: _pt__default["default"].string,
+    state: _pt__default["default"].string,
+    nonce: _pt__default["default"].string
+  })
+};
+Redirector.displayName = 'Redirector';
+
+exports.Redirector = Redirector;
+exports.useRedirector = useRedirector;

package/dist/redirector-76670a54.esm.js

@@ -0,0 +1,59 @@
+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 _pt from 'prop-types';
+import _URL from '@babel/runtime-corejs3/core-js-stable/url';
+import { useCallback, useEffect } from 'react';
+import { encode } from 'qss';
+import { l as location } from './location-f21dbc25.esm.js';
+
+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; }
+const redirectTo = targetUrl => {
+  location.replace(targetUrl);
+};
+const useRedirector = () => {
+  const redirector = useCallback(options => {
+    // For now the authentication service runs on the same domain as the application,
+    // even on development (using the webpack dev server).
+    const originUrl = options.origin ?? window.location.origin;
+    const enhancedLocation = options.location || {};
+    const searchQuery = _objectSpread(_objectSpread({}, options.queryParams ?? {}), enhancedLocation.query ?? {});
+    const targetUrlObject = new _URL(originUrl);
+    targetUrlObject.pathname = options.to || targetUrlObject.pathname;
+    targetUrlObject.search = `?${encode(searchQuery)}`;
+    const targetUrl = targetUrlObject.toString();
+    redirectTo(targetUrl);
+  }, []);
+  return redirector;
+};
+const Redirector = props => {
+  const redirector = useRedirector();
+  useEffect(() => {
+    redirector(props);
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+Redirector.propTypes = {
+  to: _pt.string.isRequired,
+  origin: _pt.string,
+  queryParams: _pt.shape({
+    redirectTo: _pt.string,
+    client_id: _pt.string,
+    response_type: _pt.string,
+    scope: _pt.string,
+    state: _pt.string,
+    nonce: _pt.string
+  })
+};
+Redirector.displayName = 'Redirector';
+
+export { Redirector as R, useRedirector as u };

package/dist/redirector-98dfc5f0.cjs.dev.js

@@ -0,0 +1,75 @@
+'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 _pt = require('prop-types');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var react = require('react');
+var qss = require('qss');
+var location = require('./location-c835b8df.cjs.dev.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+
+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; }
+const redirectTo = targetUrl => {
+  location.location.replace(targetUrl);
+};
+const useRedirector = () => {
+  const redirector = react.useCallback(options => {
+    // For now the authentication service runs on the same domain as the application,
+    // even on development (using the webpack dev server).
+    const originUrl = options.origin ?? window.location.origin;
+    const enhancedLocation = options.location || {};
+    const searchQuery = _objectSpread(_objectSpread({}, options.queryParams ?? {}), enhancedLocation.query ?? {});
+    const targetUrlObject = new _URL__default["default"](originUrl);
+    targetUrlObject.pathname = options.to || targetUrlObject.pathname;
+    targetUrlObject.search = `?${qss.encode(searchQuery)}`;
+    const targetUrl = targetUrlObject.toString();
+    redirectTo(targetUrl);
+  }, []);
+  return redirector;
+};
+const Redirector = props => {
+  const redirector = useRedirector();
+  react.useEffect(() => {
+    redirector(props);
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+Redirector.propTypes = {
+  to: _pt__default["default"].string.isRequired,
+  origin: _pt__default["default"].string,
+  queryParams: _pt__default["default"].shape({
+    redirectTo: _pt__default["default"].string,
+    client_id: _pt__default["default"].string,
+    response_type: _pt__default["default"].string,
+    scope: _pt__default["default"].string,
+    state: _pt__default["default"].string,
+    nonce: _pt__default["default"].string
+  })
+};
+Redirector.displayName = 'Redirector';
+
+exports.Redirector = Redirector;
+exports.useRedirector = useRedirector;

package/dist/requests-in-flight-loader-7f677421.cjs.prod.js

@@ -0,0 +1,121 @@
+'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 ReactDOM = require('react-dom');
+var reactIntl = require('react-intl');
+var reactRedux = require('react-redux');
+var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ff82019b.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('prop-types');
+require('react');
+require('react-router-dom');
+require('./index-91985d64.cjs.prod.js');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/reflect/has');
+require('@reduxjs/toolkit');
+require('lodash/mapValues');
+require('omit-empty-es');
+require('redux-thunk');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/constants');
+require('@commercetools-frontend/notifications');
+require('@commercetools-frontend/sdk');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/react-notifications');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@emotion/styled/base');
+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/application-components');
+require('@commercetools-frontend/i18n');
+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');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('./location-537e0660.cjs.prod.js');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('memoize-one');
+require('react-select');
+require('@commercetools-uikit/accessible-hidden');
+require('@commercetools-uikit/select-input');
+require('@commercetools-uikit/text');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-frontend/browser-history');
+require('@commercetools-frontend/l10n');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+require('@apollo/client/react');
+require('@flopflip/combine-adapters');
+require('@flopflip/http-adapter');
+require('@flopflip/launchdarkly-adapter');
+require('@flopflip/react-broadcast');
+require('@flopflip/types');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/application-config/ssr');
+require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@commercetools-frontend/actions-global');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+var LoadingSpinner__default = /*#__PURE__*/_interopDefault(LoadingSpinner);
+
+var messages = reactIntl.defineMessages({
+  labelLoading: {
+    // Keep the id for backwards compatibility.
+    // TODO: provide a new key?
+    id: 'TopNavigation.labelLoading',
+    description: 'The text to show next to the loading icon',
+    defaultMessage: 'Processing...'
+  }
+});
+
+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; }
+const getPortalContainer = () => document.querySelector(`#${dist_commercetoolsFrontendApplicationShell.REQUESTS_IN_FLIGHT_LOADER_DOM_ID}`);
+const RequestsInFlightLoader = () => {
+  const hasRequestsInFlight = reactRedux.useSelector(state => Boolean(state.requestsInFlight && state.requestsInFlight.length > 0));
+  if (!hasRequestsInFlight) return null;
+  return /*#__PURE__*/ReactDOM__default["default"].createPortal(jsxRuntime.jsx(LoadingSpinner__default["default"], {
+    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.labelLoading))
+  }), getPortalContainer());
+};
+RequestsInFlightLoader.displayName = 'RequestsInFlightLoader';
+
+exports["default"] = RequestsInFlightLoader;