@commercetools-frontend/application-shell 22.14.3 → 22.15.0

package/dist/{redirector-752b4efc.cjs.prod.js → redirector-15844d9b.cjs.prod.js}

@@ -33,20 +33,29 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 const redirectTo = targetUrl => {
   useIsServedByProxy.location.replace(targetUrl);
 };
+const useRedirector = () => {
+  const redirector = react.useCallback(options => {
+    var _options$origin, _options$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 = (_options$origin = options.origin) !== null && _options$origin !== void 0 ? _options$origin : window.location.origin;
+    const enhancedLocation = options.location || {};
+    const searchQuery = _objectSpread(_objectSpread({}, (_options$queryParams = options.queryParams) !== null && _options$queryParams !== void 0 ? _options$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+    const targetUrlObject = new _URL__default["default"](originUrl);
+    targetUrlObject.pathname = options.to || targetUrlObject.pathname;
+    targetUrlObject.search = "?".concat(qss.encode(searchQuery));
+    const targetUrl = targetUrlObject.toString();
+    redirectTo(targetUrl);
+  }, []);
+  return redirector;
+};
 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();
+  const redirector = useRedirector();
   react.useEffect(() => {
-    redirectTo(targetUrl);
-  }, [targetUrl]);
+    redirector(props);
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return null;
 };
 Redirector.propTypes = {
@@ -64,3 +73,4 @@ Redirector.propTypes = {
 Redirector.displayName = 'Redirector';
 
 exports.Redirector = Redirector;
+exports.useRedirector = useRedirector;

package/dist/{redirector-db8b5cd2.esm.js → redirector-54a03b75.esm.js}

@@ -9,7 +9,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 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 { useCallback, useEffect } from 'react';
 import { encode } from 'qss';
 import { l as location } from './use-is-served-by-proxy-77984220.esm.js';
 
@@ -18,20 +18,29 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 const redirectTo = targetUrl => {
   location.replace(targetUrl);
 };
+const useRedirector = () => {
+  const redirector = useCallback(options => {
+    var _options$origin, _options$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 = (_options$origin = options.origin) !== null && _options$origin !== void 0 ? _options$origin : window.location.origin;
+    const enhancedLocation = options.location || {};
+    const searchQuery = _objectSpread(_objectSpread({}, (_options$queryParams = options.queryParams) !== null && _options$queryParams !== void 0 ? _options$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+    const targetUrlObject = new _URL(originUrl);
+    targetUrlObject.pathname = options.to || targetUrlObject.pathname;
+    targetUrlObject.search = "?".concat(encode(searchQuery));
+    const targetUrl = targetUrlObject.toString();
+    redirectTo(targetUrl);
+  }, []);
+  return redirector;
+};
 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();
+  const redirector = useRedirector();
   useEffect(() => {
-    redirectTo(targetUrl);
-  }, [targetUrl]);
+    redirector(props);
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return null;
 };
 Redirector.propTypes = {
@@ -48,4 +57,4 @@ Redirector.propTypes = {
 };
 Redirector.displayName = 'Redirector';
 
-export { Redirector as R };
+export { Redirector as R, useRedirector as u };

package/dist/{redirector-5daa8baa.cjs.dev.js → redirector-fcdeaba7.cjs.dev.js}

@@ -33,20 +33,29 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 const redirectTo = targetUrl => {
   useIsServedByProxy.location.replace(targetUrl);
 };
+const useRedirector = () => {
+  const redirector = react.useCallback(options => {
+    var _options$origin, _options$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 = (_options$origin = options.origin) !== null && _options$origin !== void 0 ? _options$origin : window.location.origin;
+    const enhancedLocation = options.location || {};
+    const searchQuery = _objectSpread(_objectSpread({}, (_options$queryParams = options.queryParams) !== null && _options$queryParams !== void 0 ? _options$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
+    const targetUrlObject = new _URL__default["default"](originUrl);
+    targetUrlObject.pathname = options.to || targetUrlObject.pathname;
+    targetUrlObject.search = "?".concat(qss.encode(searchQuery));
+    const targetUrl = targetUrlObject.toString();
+    redirectTo(targetUrl);
+  }, []);
+  return redirector;
+};
 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();
+  const redirector = useRedirector();
   react.useEffect(() => {
-    redirectTo(targetUrl);
-  }, [targetUrl]);
+    redirector(props);
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return null;
 };
 Redirector.propTypes = {
@@ -64,3 +73,4 @@ Redirector.propTypes = {
 Redirector.displayName = 'Redirector';
 
 exports.Redirector = Redirector;
+exports.useRedirector = useRedirector;

package/dist/{requests-in-flight-loader-41d05ebb.cjs.dev.js → requests-in-flight-loader-097bfc28.cjs.dev.js}

@@ -13,7 +13,7 @@ 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-0d0e6d8b.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-97ddc7b1.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('prop-types');
 require('react');

package/dist/{requests-in-flight-loader-9400ad17.esm.js → requests-in-flight-loader-e5951187.esm.js}

@@ -11,7 +11,7 @@ import ReactDOM from 'react-dom';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import LoadingSpinner from '@commercetools-uikit/loading-spinner';
-import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-35f9f7c2.esm.js';
+import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-4eee2222.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import 'prop-types';
 import 'react';

package/dist/{requests-in-flight-loader-7580242c.cjs.prod.js → requests-in-flight-loader-f584e80c.cjs.prod.js}

@@ -13,7 +13,7 @@ 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-c29f8aa0.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-08c8fcb3.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('prop-types');
 require('react');

package/dist/{service-page-project-switcher-c2446f31.cjs.dev.js → service-page-project-switcher-8f694816.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-0d0e6d8b.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-97ddc7b1.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-f7058ef7.esm.js → service-page-project-switcher-90efcfbc.esm.js}

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { useParams } from 'react-router-dom';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { e as ProjectSwitcher } from './index-35f9f7c2.esm.js';
+import { e as ProjectSwitcher } from './index-4eee2222.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

package/dist/{service-page-project-switcher-3343ea60.cjs.prod.js → service-page-project-switcher-cc8cab71.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c29f8aa0.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-08c8fcb3.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{version-tracker-d3961598.esm.js → version-tracker-46a3f021.esm.js}

@@ -1,7 +1,7 @@
 import { useEffect, version } from 'react';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
-import { d as applicationShellVersion } from './index-35f9f7c2.esm.js';
+import { d as applicationShellVersion } from './index-4eee2222.esm.js';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import { MC_API_PROXY_TARGETS } from '@commercetools-frontend/constants';
 import 'prop-types';

package/dist/{version-tracker-0c067072.cjs.dev.js → version-tracker-9976ad26.cjs.dev.js}

@@ -3,7 +3,7 @@
 var react = require('react');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var sdk = require('@commercetools-frontend/sdk');
-var dist_commercetoolsFrontendApplicationShell = require('./index-0d0e6d8b.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-97ddc7b1.cjs.dev.js');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var constants = require('@commercetools-frontend/constants');
 require('prop-types');

package/dist/{version-tracker-abf7b029.cjs.prod.js → version-tracker-a3eb5a8e.cjs.prod.js}

@@ -3,7 +3,7 @@
 var react = require('react');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var sdk = require('@commercetools-frontend/sdk');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c29f8aa0.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-08c8fcb3.cjs.prod.js');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var constants = require('@commercetools-frontend/constants');
 require('prop-types');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell",
-  "version": "22.14.3",
+  "version": "22.15.0",
   "description": "React component to bootstrap the general MC application logic",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -39,21 +39,21 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/actions-global": "22.14.3",
-    "@commercetools-frontend/application-components": "22.14.3",
-    "@commercetools-frontend/application-config": "22.14.3",
-    "@commercetools-frontend/application-shell-connectors": "22.14.3",
-    "@commercetools-frontend/assets": "22.14.3",
-    "@commercetools-frontend/browser-history": "22.14.3",
-    "@commercetools-frontend/constants": "22.14.3",
-    "@commercetools-frontend/i18n": "22.14.3",
-    "@commercetools-frontend/l10n": "22.14.3",
-    "@commercetools-frontend/notifications": "22.14.3",
-    "@commercetools-frontend/permissions": "22.14.3",
-    "@commercetools-frontend/react-notifications": "22.14.3",
-    "@commercetools-frontend/sdk": "22.14.3",
-    "@commercetools-frontend/sentry": "22.14.3",
-    "@commercetools-frontend/url-utils": "22.14.3",
+    "@commercetools-frontend/actions-global": "22.15.0",
+    "@commercetools-frontend/application-components": "22.15.0",
+    "@commercetools-frontend/application-config": "22.15.0",
+    "@commercetools-frontend/application-shell-connectors": "22.15.0",
+    "@commercetools-frontend/assets": "22.15.0",
+    "@commercetools-frontend/browser-history": "22.15.0",
+    "@commercetools-frontend/constants": "22.15.0",
+    "@commercetools-frontend/i18n": "22.15.0",
+    "@commercetools-frontend/l10n": "22.15.0",
+    "@commercetools-frontend/notifications": "22.15.0",
+    "@commercetools-frontend/permissions": "22.15.0",
+    "@commercetools-frontend/react-notifications": "22.15.0",
+    "@commercetools-frontend/sdk": "22.15.0",
+    "@commercetools-frontend/sentry": "22.15.0",
+    "@commercetools-frontend/url-utils": "22.15.0",
     "@commercetools-uikit/accessible-hidden": "^16.12.0",
     "@commercetools-uikit/avatar": "^16.12.0",
     "@commercetools-uikit/card": "^16.12.0",