@commercetools-frontend/application-shell 21.23.10 → 21.24.0

package/dist/redirect-to-logout-7d5c817e.cjs.prod.js

@@ -0,0 +1,151 @@
+'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 reactRouterDom = require('react-router-dom');
+var constants = require('@commercetools-frontend/constants');
+var useIsServedByProxy = require('./use-is-served-by-proxy-51e76976.cjs.prod.js');
+var getMcOrigin = require('./get-mc-origin-7968e04f.cjs.prod.js');
+var configureApollo = require('./configure-apollo-d11de242.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-e0ab178f.cjs.prod.js');
+var redirector = require('./redirector-77ce2f5c.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');
+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/notifications');
+require('@commercetools-frontend/sdk');
+require('react');
+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('./constants-e6409334.cjs.prod.js');
+require('@commercetools-frontend/react-notifications');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@apollo/client');
+require('apollo-link-logger');
+require('@apollo/client/link/error');
+require('@commercetools-frontend/browser-history');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@commercetools/http-user-agent');
+require('uuid');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/assertThisInitialized');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@apollo/client/link/retry');
+require('prop-types');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/i18n');
+require('@commercetools-frontend/assets/images/logo.svg');
+require('@commercetools-uikit/design-system');
+require('@commercetools-uikit/spacings');
+require('react-intl');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('memoize-one');
+require('@commercetools-uikit/accessible-hidden');
+require('@commercetools-uikit/select-input');
+require('@apollo/client/react');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-uikit/loading-spinner');
+require('@commercetools-frontend/l10n');
+require('lodash/camelCase');
+require('@babel/runtime-corejs3/core-js-stable/array/from');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('@flopflip/react-broadcast');
+require('classnames');
+require('@commercetools-frontend/assets/images/diagonal-line.svg');
+require('@commercetools-frontend/permissions');
+require('@commercetools-uikit/icons/inline-svg');
+require('lodash/isNil');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+require('@flopflip/combine-adapters');
+require('@flopflip/http-adapter');
+require('@flopflip/launchdarkly-adapter');
+require('perfume.js');
+require('react-redux');
+require('lodash/upperFirst');
+require('./oidc-540a091a.cjs.prod.js');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/application-config/ssr');
+require('qss');
+
+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(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+// When the application redirects to this route, we always force a hard redirect
+// to the logout route of the authentication service.
+const RedirectToLogout = props => {
+  var _window$app$__DEVELOP, _window$app$__DEVELOP2, _props$reason;
+
+  const location = reactRouterDom.useLocation();
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+
+  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
+    // Remove the `sessionToken` from storage, so that the AppShell can initiate
+    // a new authorization flow.
+    configureApollo.clearSession();
+    return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToLogin, {});
+  }
+
+  const mcOrigin = servedByProxy ? getMcOrigin.getMcOrigin(window.app.mcApiUrl) : undefined;
+  return jsxRuntime.jsx(redirector.Redirector, {
+    to: "logout",
+    origin: mcOrigin,
+    location: location,
+    queryParams: _objectSpread({
+      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants.LOGOUT_REASONS.USER
+    }, servedByProxy ? {} : {
+      // This will be used after being logged in, to redirect to this location.
+      redirectTo: window.location.origin
+    })
+  });
+};
+
+exports["default"] = RedirectToLogout;

package/dist/redirect-to-logout-a78f7193.cjs.dev.js

@@ -0,0 +1,151 @@
+'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 reactRouterDom = require('react-router-dom');
+var constants = require('@commercetools-frontend/constants');
+var useIsServedByProxy = require('./use-is-served-by-proxy-2b4916e5.cjs.dev.js');
+var getMcOrigin = require('./get-mc-origin-314b77a2.cjs.dev.js');
+var configureApollo = require('./configure-apollo-1f39e35a.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-5048bf47.cjs.dev.js');
+var redirector = require('./redirector-0d98f9df.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');
+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/notifications');
+require('@commercetools-frontend/sdk');
+require('react');
+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('./constants-e6f058e5.cjs.dev.js');
+require('@commercetools-frontend/react-notifications');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@apollo/client');
+require('apollo-link-logger');
+require('@apollo/client/link/error');
+require('@commercetools-frontend/browser-history');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@commercetools/http-user-agent');
+require('uuid');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/assertThisInitialized');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@apollo/client/link/retry');
+require('prop-types');
+require('@emotion/styled/base');
+require('@emotion/react');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/i18n');
+require('@commercetools-frontend/assets/images/logo.svg');
+require('@commercetools-uikit/design-system');
+require('@commercetools-uikit/spacings');
+require('react-intl');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('memoize-one');
+require('@commercetools-uikit/accessible-hidden');
+require('@commercetools-uikit/select-input');
+require('@apollo/client/react');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-uikit/loading-spinner');
+require('@commercetools-frontend/l10n');
+require('lodash/camelCase');
+require('@babel/runtime-corejs3/core-js-stable/array/from');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('@flopflip/react-broadcast');
+require('classnames');
+require('@commercetools-frontend/assets/images/diagonal-line.svg');
+require('@commercetools-frontend/permissions');
+require('@commercetools-uikit/icons/inline-svg');
+require('lodash/isNil');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+require('@flopflip/combine-adapters');
+require('@flopflip/http-adapter');
+require('@flopflip/launchdarkly-adapter');
+require('perfume.js');
+require('react-redux');
+require('lodash/upperFirst');
+require('./oidc-0638d0c8.cjs.dev.js');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/application-config/ssr');
+require('qss');
+
+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(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
+// When the application redirects to this route, we always force a hard redirect
+// to the logout route of the authentication service.
+const RedirectToLogout = props => {
+  var _window$app$__DEVELOP, _window$app$__DEVELOP2, _props$reason;
+
+  const location = reactRouterDom.useLocation();
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+
+  if ((_window$app$__DEVELOP = window.app.__DEVELOPMENT__) !== null && _window$app$__DEVELOP !== void 0 && (_window$app$__DEVELOP2 = _window$app$__DEVELOP.oidc) !== null && _window$app$__DEVELOP2 !== void 0 && _window$app$__DEVELOP2.authorizeUrl) {
+    // Remove the `sessionToken` from storage, so that the AppShell can initiate
+    // a new authorization flow.
+    configureApollo.clearSession();
+    return jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.RedirectToLogin, {});
+  }
+
+  const mcOrigin = servedByProxy ? getMcOrigin.getMcOrigin(window.app.mcApiUrl) : undefined;
+  return jsxRuntime.jsx(redirector.Redirector, {
+    to: "logout",
+    origin: mcOrigin,
+    location: location,
+    queryParams: _objectSpread({
+      reason: (_props$reason = props.reason) !== null && _props$reason !== void 0 ? _props$reason : constants.LOGOUT_REASONS.USER
+    }, servedByProxy ? {} : {
+      // This will be used after being logged in, to redirect to this location.
+      redirectTo: window.location.origin
+    })
+  });
+};
+
+exports["default"] = RedirectToLogout;

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

@@ -0,0 +1,61 @@
+'use strict';
+
+var react = require('@emotion/react');
+var Card = require('@commercetools-uikit/card');
+var designSystem = require('@commercetools-uikit/design-system');
+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-51e76976.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@commercetools-frontend/application-shell-connectors');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var Card__default = /*#__PURE__*/_interopDefault(Card);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const RedirectToProjectCreate = () => {
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  /**
+   * NOTE:
+   *   This looks a bit unusual: redirecting in render.
+   *   However, when doing it in `cDM` we loose time
+   *   we we actually do never want to render anything or
+   *   interact with anything rendered. Instead we should should
+   *   redirect away. Using a constructor would result in the same.
+   *   In turn this intends wo make explicit that we never want to
+   *   render and instead just navigate away.
+   */
+
+  if (servedByProxy === true) {
+    useIsServedByProxy.location.replace('/account/projects/new');
+    return null;
+  }
+
+  return jsxRuntime.jsx("div", {
+    css: /*#__PURE__*/react.css("align-self:center;margin-top:", designSystem.customProperties.spacingXl, ";max-width:", designSystem.customProperties.constraint10, ";" + ("" ), "" ),
+    children: jsxRuntime.jsx(Card__default["default"], {
+      type: "flat",
+      theme: "dark",
+      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: "info",
+          children: "You are running in development mode"
+        }), jsxRuntime.jsx(Text__default["default"].Body, {
+          children: "The Custom Application is not running behind the Merchant Center Proxy. Therefore, you are not being redirected to the account section to create a new project."
+        }), jsxRuntime.jsx(Text__default["default"].Body, {
+          children: "If you do need to create a project, we recommend to go to the 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-052f293e.esm.js

@@ -0,0 +1,52 @@
+import { css } from '@emotion/react';
+import Card from '@commercetools-uikit/card';
+import { customProperties } from '@commercetools-uikit/design-system';
+import { ContentNotification } from '@commercetools-uikit/notifications';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import { u as useIsServedByProxy, l as location } from './use-is-served-by-proxy-499bfa16.esm.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import '@commercetools-frontend/application-shell-connectors';
+
+const RedirectToProjectCreate = () => {
+  const servedByProxy = useIsServedByProxy();
+  /**
+   * NOTE:
+   *   This looks a bit unusual: redirecting in render.
+   *   However, when doing it in `cDM` we loose time
+   *   we we actually do never want to render anything or
+   *   interact with anything rendered. Instead we should should
+   *   redirect away. Using a constructor would result in the same.
+   *   In turn this intends wo make explicit that we never want to
+   *   render and instead just navigate away.
+   */
+
+  if (servedByProxy === true) {
+    location.replace('/account/projects/new');
+    return null;
+  }
+
+  return jsx("div", {
+    css: /*#__PURE__*/css("align-self:center;margin-top:", customProperties.spacingXl, ";max-width:", customProperties.constraint10, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RedirectToProjectCreate;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlZGlyZWN0LXRvLXByb2plY3QtY3JlYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QmMiLCJmaWxlIjoicmVkaXJlY3QtdG8tcHJvamVjdC1jcmVhdGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBDb250ZW50Tm90aWZpY2F0aW9uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbm90aWZpY2F0aW9ucyc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgdXNlSXNTZXJ2ZWRCeVByb3h5IGZyb20gJy4uLy4uL2hvb2tzL3VzZS1pcy1zZXJ2ZWQtYnktcHJveHknO1xuaW1wb3J0IHsgbG9jYXRpb24gfSBmcm9tICcuLi8uLi91dGlscy9sb2NhdGlvbic7XG5cbmV4cG9ydCBjb25zdCBSZWRpcmVjdFRvUHJvamVjdENyZWF0ZSA9ICgpID0+IHtcbiAgY29uc3Qgc2VydmVkQnlQcm94eSA9IHVzZUlzU2VydmVkQnlQcm94eSgpO1xuICAvKipcbiAgICogTk9URTpcbiAgICogICBUaGlzIGxvb2tzIGEgYml0IHVudXN1YWw6IHJlZGlyZWN0aW5nIGluIHJlbmRlci5cbiAgICogICBIb3dldmVyLCB3aGVuIGRvaW5nIGl0IGluIGBjRE1gIHdlIGxvb3NlIHRpbWVcbiAgICogICB3ZSB3ZSBhY3R1YWxseSBkbyBuZXZlciB3YW50IHRvIHJlbmRlciBhbnl0aGluZyBvclxuICAgKiAgIGludGVyYWN0IHdpdGggYW55dGhpbmcgcmVuZGVyZWQuIEluc3RlYWQgd2Ugc2hvdWxkIHNob3VsZFxuICAgKiAgIHJlZGlyZWN0IGF3YXkuIFVzaW5nIGEgY29uc3RydWN0b3Igd291bGQgcmVzdWx0IGluIHRoZSBzYW1lLlxuICAgKiAgIEluIHR1cm4gdGhpcyBpbnRlbmRzIHdvIG1ha2UgZXhwbGljaXQgdGhhdCB3ZSBuZXZlciB3YW50IHRvXG4gICAqICAgcmVuZGVyIGFuZCBpbnN0ZWFkIGp1c3QgbmF2aWdhdGUgYXdheS5cbiAgICovXG4gIGlmIChzZXJ2ZWRCeVByb3h5ID09PSB0cnVlKSB7XG4gICAgbG9jYXRpb24ucmVwbGFjZSgnL2FjY291bnQvcHJvamVjdHMvbmV3Jyk7XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH07XG4gICAgICAgIG1heC13aWR0aDogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbnN0cmFpbnQxMH07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDYXJkIHR5cGU9XCJmbGF0XCIgdGhlbWU9XCJkYXJrXCI+XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgxXCI+UGxlYXNlIGNyZWF0ZSBhIHByb2plY3QhPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDxDb250ZW50Tm90aWZpY2F0aW9uIHR5cGU9XCJpbmZvXCI+XG4gICAgICAgICAgICBZb3UgYXJlIHJ1bm5pbmcgaW4gZGV2ZWxvcG1lbnQgbW9kZVxuICAgICAgICAgIDwvQ29udGVudE5vdGlmaWNhdGlvbj5cbiAgICAgICAgICA8VGV4dC5Cb2R5PlxuICAgICAgICAgICAgVGhlIEN1c3RvbSBBcHBsaWNhdGlvbiBpcyBub3QgcnVubmluZyBiZWhpbmQgdGhlIE1lcmNoYW50IENlbnRlclxuICAgICAgICAgICAgUHJveHkuIFRoZXJlZm9yZSwgeW91IGFyZSBub3QgYmVpbmcgcmVkaXJlY3RlZCB0byB0aGUgYWNjb3VudFxuICAgICAgICAgICAgc2VjdGlvbiB0byBjcmVhdGUgYSBuZXcgcHJvamVjdC5cbiAgICAgICAgICA8L1RleHQuQm9keT5cbiAgICAgICAgICA8VGV4dC5Cb2R5PlxuICAgICAgICAgICAgSWYgeW91IGRvIG5lZWQgdG8gY3JlYXRlIGEgcHJvamVjdCwgd2UgcmVjb21tZW5kIHRvIGdvIHRvIHRoZVxuICAgICAgICAgICAgTWVyY2hhbnQgQ2VudGVyIHByb2R1Y3Rpb24gVVJMIGFuZCBjcmVhdGUgYSBwcm9qZWN0IHRoZXJlLiBBZnRlclxuICAgICAgICAgICAgdGhhdCwgeW91IGNhbiBhY2Nlc3MgeW91ciBuZXcgcHJvamVjdCBmcm9tIHlvdXIgbG9jYWwgZW52aXJvbm1lbnQuXG4gICAgICAgICAgPC9UZXh0LkJvZHk+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L0NhcmQ+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuUmVkaXJlY3RUb1Byb2plY3RDcmVhdGUuZGlzcGxheU5hbWUgPSAnUmVkaXJlY3RUb1Byb2plY3RDcmVhdGUnO1xuXG5leHBvcnQgZGVmYXVsdCBSZWRpcmVjdFRvUHJvamVjdENyZWF0ZTtcbiJdfQ== */"),
+    children: jsx(Card, {
+      type: "flat",
+      theme: "dark",
+      children: jsxs(Spacings.Stack, {
+        children: [jsx(Text.Headline, {
+          as: "h1",
+          children: "Please create a project!"
+        }), jsx(ContentNotification, {
+          type: "info",
+          children: "You are running in development mode"
+        }), jsx(Text.Body, {
+          children: "The Custom Application is not running behind the Merchant Center Proxy. Therefore, you are not being redirected to the account section to create a new project."
+        }), jsx(Text.Body, {
+          children: "If you do need to create a project, we recommend to go to the 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-f0e7b35e.cjs.dev.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var react = require('@emotion/react');
+var Card = require('@commercetools-uikit/card');
+var designSystem = require('@commercetools-uikit/design-system');
+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-2b4916e5.cjs.dev.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@commercetools-frontend/application-shell-connectors');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var Card__default = /*#__PURE__*/_interopDefault(Card);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const RedirectToProjectCreate = () => {
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  /**
+   * NOTE:
+   *   This looks a bit unusual: redirecting in render.
+   *   However, when doing it in `cDM` we loose time
+   *   we we actually do never want to render anything or
+   *   interact with anything rendered. Instead we should should
+   *   redirect away. Using a constructor would result in the same.
+   *   In turn this intends wo make explicit that we never want to
+   *   render and instead just navigate away.
+   */
+
+  if (servedByProxy === true) {
+    useIsServedByProxy.location.replace('/account/projects/new');
+    return null;
+  }
+
+  return jsxRuntime.jsx("div", {
+    css: /*#__PURE__*/react.css("align-self:center;margin-top:", designSystem.customProperties.spacingXl, ";max-width:", designSystem.customProperties.constraint10, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RedirectToProjectCreate;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlZGlyZWN0LXRvLXByb2plY3QtY3JlYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QmMiLCJmaWxlIjoicmVkaXJlY3QtdG8tcHJvamVjdC1jcmVhdGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBDb250ZW50Tm90aWZpY2F0aW9uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbm90aWZpY2F0aW9ucyc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgdXNlSXNTZXJ2ZWRCeVByb3h5IGZyb20gJy4uLy4uL2hvb2tzL3VzZS1pcy1zZXJ2ZWQtYnktcHJveHknO1xuaW1wb3J0IHsgbG9jYXRpb24gfSBmcm9tICcuLi8uLi91dGlscy9sb2NhdGlvbic7XG5cbmV4cG9ydCBjb25zdCBSZWRpcmVjdFRvUHJvamVjdENyZWF0ZSA9ICgpID0+IHtcbiAgY29uc3Qgc2VydmVkQnlQcm94eSA9IHVzZUlzU2VydmVkQnlQcm94eSgpO1xuICAvKipcbiAgICogTk9URTpcbiAgICogICBUaGlzIGxvb2tzIGEgYml0IHVudXN1YWw6IHJlZGlyZWN0aW5nIGluIHJlbmRlci5cbiAgICogICBIb3dldmVyLCB3aGVuIGRvaW5nIGl0IGluIGBjRE1gIHdlIGxvb3NlIHRpbWVcbiAgICogICB3ZSB3ZSBhY3R1YWxseSBkbyBuZXZlciB3YW50IHRvIHJlbmRlciBhbnl0aGluZyBvclxuICAgKiAgIGludGVyYWN0IHdpdGggYW55dGhpbmcgcmVuZGVyZWQuIEluc3RlYWQgd2Ugc2hvdWxkIHNob3VsZFxuICAgKiAgIHJlZGlyZWN0IGF3YXkuIFVzaW5nIGEgY29uc3RydWN0b3Igd291bGQgcmVzdWx0IGluIHRoZSBzYW1lLlxuICAgKiAgIEluIHR1cm4gdGhpcyBpbnRlbmRzIHdvIG1ha2UgZXhwbGljaXQgdGhhdCB3ZSBuZXZlciB3YW50IHRvXG4gICAqICAgcmVuZGVyIGFuZCBpbnN0ZWFkIGp1c3QgbmF2aWdhdGUgYXdheS5cbiAgICovXG4gIGlmIChzZXJ2ZWRCeVByb3h5ID09PSB0cnVlKSB7XG4gICAgbG9jYXRpb24ucmVwbGFjZSgnL2FjY291bnQvcHJvamVjdHMvbmV3Jyk7XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICAgICAgbWFyZ2luLXRvcDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH07XG4gICAgICAgIG1heC13aWR0aDogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbnN0cmFpbnQxMH07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDYXJkIHR5cGU9XCJmbGF0XCIgdGhlbWU9XCJkYXJrXCI+XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgxXCI+UGxlYXNlIGNyZWF0ZSBhIHByb2plY3QhPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDxDb250ZW50Tm90aWZpY2F0aW9uIHR5cGU9XCJpbmZvXCI+XG4gICAgICAgICAgICBZb3UgYXJlIHJ1bm5pbmcgaW4gZGV2ZWxvcG1lbnQgbW9kZVxuICAgICAgICAgIDwvQ29udGVudE5vdGlmaWNhdGlvbj5cbiAgICAgICAgICA8VGV4dC5Cb2R5PlxuICAgICAgICAgICAgVGhlIEN1c3RvbSBBcHBsaWNhdGlvbiBpcyBub3QgcnVubmluZyBiZWhpbmQgdGhlIE1lcmNoYW50IENlbnRlclxuICAgICAgICAgICAgUHJveHkuIFRoZXJlZm9yZSwgeW91IGFyZSBub3QgYmVpbmcgcmVkaXJlY3RlZCB0byB0aGUgYWNjb3VudFxuICAgICAgICAgICAgc2VjdGlvbiB0byBjcmVhdGUgYSBuZXcgcHJvamVjdC5cbiAgICAgICAgICA8L1RleHQuQm9keT5cbiAgICAgICAgICA8VGV4dC5Cb2R5PlxuICAgICAgICAgICAgSWYgeW91IGRvIG5lZWQgdG8gY3JlYXRlIGEgcHJvamVjdCwgd2UgcmVjb21tZW5kIHRvIGdvIHRvIHRoZVxuICAgICAgICAgICAgTWVyY2hhbnQgQ2VudGVyIHByb2R1Y3Rpb24gVVJMIGFuZCBjcmVhdGUgYSBwcm9qZWN0IHRoZXJlLiBBZnRlclxuICAgICAgICAgICAgdGhhdCwgeW91IGNhbiBhY2Nlc3MgeW91ciBuZXcgcHJvamVjdCBmcm9tIHlvdXIgbG9jYWwgZW52aXJvbm1lbnQuXG4gICAgICAgICAgPC9UZXh0LkJvZHk+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L0NhcmQ+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuUmVkaXJlY3RUb1Byb2plY3RDcmVhdGUuZGlzcGxheU5hbWUgPSAnUmVkaXJlY3RUb1Byb2plY3RDcmVhdGUnO1xuXG5leHBvcnQgZGVmYXVsdCBSZWRpcmVjdFRvUHJvamVjdENyZWF0ZTtcbiJdfQ== */"),
+    children: jsxRuntime.jsx(Card__default["default"], {
+      type: "flat",
+      theme: "dark",
+      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: "info",
+          children: "You are running in development mode"
+        }), jsxRuntime.jsx(Text__default["default"].Body, {
+          children: "The Custom Application is not running behind the Merchant Center Proxy. Therefore, you are not being redirected to the account section to create a new project."
+        }), jsxRuntime.jsx(Text__default["default"].Body, {
+          children: "If you do need to create a project, we recommend to go to the 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/{gear-28ff4f04.cjs.dev.js → redirector-0d98f9df.cjs.dev.js}

@@ -9,8 +9,11 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 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 icons = require('@commercetools-uikit/icons');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _pt = require('prop-types');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+var react = require('react');
+var qss = require('qss');
+var useIsServedByProxy = require('./use-is-served-by-proxy-2b4916e5.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -22,13 +25,49 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var Icon = function Icon(props) {
-  return jsxRuntime.jsx(icons.GearIcon, _objectSpread({}, props));
+const redirectTo = targetUrl => {
+  useIsServedByProxy.location.replace(targetUrl);
 };
 
-exports["default"] = Icon;
+const Redirector = props => {
+  var _props$origin, _props$queryParams, _enhancedLocation$que;
+
+  // For now the authentication service runs on the same domain as the application,
+  // even on development (using the webpack dev server).
+  const originUrl = (_props$origin = props.origin) !== null && _props$origin !== void 0 ? _props$origin : window.location.origin;
+  const enhancedLocation = props.location || {};
+
+  const searchQuery = _objectSpread(_objectSpread({}, (_props$queryParams = props.queryParams) !== null && _props$queryParams !== void 0 ? _props$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+
+  const targetUrlObject = new _URL__default["default"](originUrl);
+  targetUrlObject.pathname = props.to || targetUrlObject.pathname;
+  targetUrlObject.search = "?".concat(qss.encode(searchQuery));
+  const targetUrl = targetUrlObject.toString();
+  react.useEffect(() => {
+    redirectTo(targetUrl);
+  }, [targetUrl]);
+  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;

package/dist/redirector-47a6be71.esm.js

@@ -0,0 +1,58 @@
+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 { useEffect } from 'react';
+import { encode } from 'qss';
+import { l as location } from './use-is-served-by-proxy-499bfa16.esm.js';
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const redirectTo = targetUrl => {
+  location.replace(targetUrl);
+};
+
+const Redirector = props => {
+  var _props$origin, _props$queryParams, _enhancedLocation$que;
+
+  // For now the authentication service runs on the same domain as the application,
+  // even on development (using the webpack dev server).
+  const originUrl = (_props$origin = props.origin) !== null && _props$origin !== void 0 ? _props$origin : window.location.origin;
+  const enhancedLocation = props.location || {};
+
+  const searchQuery = _objectSpread(_objectSpread({}, (_props$queryParams = props.queryParams) !== null && _props$queryParams !== void 0 ? _props$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+
+  const targetUrlObject = new _URL(originUrl);
+  targetUrlObject.pathname = props.to || targetUrlObject.pathname;
+  targetUrlObject.search = "?".concat(encode(searchQuery));
+  const targetUrl = targetUrlObject.toString();
+  useEffect(() => {
+    redirectTo(targetUrl);
+  }, [targetUrl]);
+  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 };