@commercetools-frontend/application-shell 22.14.3 → 22.15.1

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

@@ -0,0 +1,67 @@
+'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-845cace5.cjs.prod.js');
+var getMcOrigin = require('./get-mc-origin-8f7a578c.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) {
+      useIsServedByProxy.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/custom-applications/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-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-7580242c.cjs.prod.js → requests-in-flight-loader-a360bbce.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-93f24ea7.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('prop-types');
 require('react');

package/dist/{requests-in-flight-loader-41d05ebb.cjs.dev.js → requests-in-flight-loader-b0814ea3.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-62c4ae6c.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-d067d347.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-3c5aa692.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import 'prop-types';
 import 'react';

package/dist/{service-page-project-switcher-3343ea60.cjs.prod.js → service-page-project-switcher-3456c835.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-93f24ea7.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-c2446f31.cjs.dev.js → service-page-project-switcher-c58c8fa1.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-62c4ae6c.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-ce6f06c4.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-3c5aa692.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/{version-tracker-abf7b029.cjs.prod.js → version-tracker-16a3fd4b.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-93f24ea7.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/dist/{version-tracker-0c067072.cjs.dev.js → version-tracker-9a743ce4.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-62c4ae6c.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-d3961598.esm.js → version-tracker-9f76b73e.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-3c5aa692.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell",
-  "version": "22.14.3",
+  "version": "22.15.1",
   "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.1",
+    "@commercetools-frontend/application-components": "22.15.1",
+    "@commercetools-frontend/application-config": "22.15.1",
+    "@commercetools-frontend/application-shell-connectors": "22.15.1",
+    "@commercetools-frontend/assets": "22.15.1",
+    "@commercetools-frontend/browser-history": "22.15.1",
+    "@commercetools-frontend/constants": "22.15.1",
+    "@commercetools-frontend/i18n": "22.15.1",
+    "@commercetools-frontend/l10n": "22.15.1",
+    "@commercetools-frontend/notifications": "22.15.1",
+    "@commercetools-frontend/permissions": "22.15.1",
+    "@commercetools-frontend/react-notifications": "22.15.1",
+    "@commercetools-frontend/sdk": "22.15.1",
+    "@commercetools-frontend/sentry": "22.15.1",
+    "@commercetools-frontend/url-utils": "22.15.1",
     "@commercetools-uikit/accessible-hidden": "^16.12.0",
     "@commercetools-uikit/avatar": "^16.12.0",
     "@commercetools-uikit/card": "^16.12.0",