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

package/dist/redirect-to-login-321190b7.cjs.dev.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var react = require('react');
+var reactRouterDom = require('react-router-dom');
+var uuid = require('uuid');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var constants = require('@commercetools-frontend/constants');
+var urlUtils = require('@commercetools-frontend/url-utils');
+var oidc = require('./oidc-8827f9fe.cjs.dev.js');
+var useIsServedByProxy = require('./use-is-served-by-proxy-28f19a6f.cjs.dev.js');
+var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
+var redirector = require('./redirector-98dfc5f0.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+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/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('prop-types');
+require('qss');
+require('./location-c835b8df.cjs.dev.js');
+
+const generateAndCacheNonceWithState = state => {
+  const nonce = uuid.v4();
+  // We store additional information within the given `nonce`
+  // to then retrieve it later when the IdP redirects back
+  // to our application. The URL will contain the `nonce` within
+  // the id_token and, once validated, we can retrieve and use
+  // the state object.
+  // https://auth0.com/docs/protocols/oauth2/oauth-state#how-to-use-the-parameter-to-restore-application-state
+  applicationShellConnectors.oidcStorage.setSessionState(nonce, state);
+  return nonce;
+};
+const RedirectToLogin = () => {
+  const location = reactRouterDom.useLocation();
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  const redirector$1 = redirector.useRedirector();
+  react.useEffect(() => {
+    if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+      // Remove the `sessionToken` from storage, so that the AppShell can initiate
+      // a new authorization flow.
+      applicationShellConnectors.oidcStorage.clearSession();
+
+      // We pick the project key from local storage. This assumes that the value
+      // as been previously set when the application starts up.
+      // This is necessary to allow switching projects and triggering a new login.
+      const nextProjectKey = applicationShellConnectors.oidcStorage.getActiveProjectKey();
+
+      // According to the OIDC spec, the `state` parameter is recommended to be sent
+      // to the authorization server to help mitigating Cross-Site Request Forgery.
+      // https://openid.net/specs/openid-connect-core-1_0.html#AuthRequest
+      // Using `state` or `nonce` is very similar but with subtle differences.
+      // Here we follow the approach described by Auth0 on how to use both, where
+      // we generate a `nonce`, store it in session storage together with some state,
+      // and send it to the authorization server as the `state` parameter.
+      // https://auth0.com/docs/protocols/oauth2/redirect-users
+      // Additionally, we still send the `nonce` parameter as well.
+      const sessionId = generateAndCacheNonceWithState({
+        applicationId: window.app.applicationId,
+        // Store query parameters to be used after the callback redirect
+        query: {
+          redirectTo: nextProjectKey ? `/${nextProjectKey}` : '/'
+        }
+      });
+      const requestedScope = oidc.buildOidcScope({
+        projectKey: nextProjectKey ?? undefined,
+        oAuthScopes: window.app.__DEVELOPMENT__?.oidc?.oAuthScopes,
+        additionalOAuthScopes: window.app.__DEVELOPMENT__?.oidc?.additionalOAuthScopes,
+        teamId: window.app.__DEVELOPMENT__?.oidc?.teamId,
+        applicationId: window.app.__DEVELOPMENT__?.oidc?.applicationId
+      });
+
+      // Store session scopes, to be able to detect if requested scopes changed
+      // in the application config and invalidate the session.
+      // This is only valid for local development.
+      applicationShellConnectors.oidcStorage.setSessionScope(requestedScope);
+      redirector$1({
+        to: '',
+        origin: window.app.__DEVELOPMENT__?.oidc?.authorizeUrl,
+        location: location,
+        queryParams: {
+          reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
+          // Query parameters for OIDC-lik workflow.
+          client_id: window.app.applicationId,
+          response_type: oidc.OIDC_RESPONSE_TYPES.ID_TOKEN,
+          scope: requestedScope,
+          state: sessionId,
+          nonce: sessionId
+        }
+      });
+      return;
+    }
+    const mcOrigin = servedByProxy ? getMcOrigin.getMcOrigin(window.app.mcApiUrl) : undefined;
+    redirector$1({
+      to: 'login',
+      origin: mcOrigin,
+      location: location,
+      queryParams: {
+        reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
+        redirectTo: urlUtils.trimLeadingAndTrailingSlashes(urlUtils.joinPaths(window.location.origin, location.pathname))
+      }
+    });
+
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+RedirectToLogin.displayName = 'RedirectToLogin';
+
+exports["default"] = RedirectToLogin;

package/dist/redirect-to-login-8c7575fb.cjs.prod.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var react = require('react');
+var reactRouterDom = require('react-router-dom');
+var uuid = require('uuid');
+var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var constants = require('@commercetools-frontend/constants');
+var urlUtils = require('@commercetools-frontend/url-utils');
+var oidc = require('./oidc-d74e6aa2.cjs.prod.js');
+var useIsServedByProxy = require('./use-is-served-by-proxy-480e8de8.cjs.prod.js');
+var getMcOrigin = require('./get-mc-origin-8f7a578c.cjs.prod.js');
+var redirector = require('./redirector-01f35da8.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+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/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('prop-types');
+require('qss');
+require('./location-537e0660.cjs.prod.js');
+
+const generateAndCacheNonceWithState = state => {
+  const nonce = uuid.v4();
+  // We store additional information within the given `nonce`
+  // to then retrieve it later when the IdP redirects back
+  // to our application. The URL will contain the `nonce` within
+  // the id_token and, once validated, we can retrieve and use
+  // the state object.
+  // https://auth0.com/docs/protocols/oauth2/oauth-state#how-to-use-the-parameter-to-restore-application-state
+  applicationShellConnectors.oidcStorage.setSessionState(nonce, state);
+  return nonce;
+};
+const RedirectToLogin = () => {
+  const location = reactRouterDom.useLocation();
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  const redirector$1 = redirector.useRedirector();
+  react.useEffect(() => {
+    if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+      // Remove the `sessionToken` from storage, so that the AppShell can initiate
+      // a new authorization flow.
+      applicationShellConnectors.oidcStorage.clearSession();
+
+      // We pick the project key from local storage. This assumes that the value
+      // as been previously set when the application starts up.
+      // This is necessary to allow switching projects and triggering a new login.
+      const nextProjectKey = applicationShellConnectors.oidcStorage.getActiveProjectKey();
+
+      // According to the OIDC spec, the `state` parameter is recommended to be sent
+      // to the authorization server to help mitigating Cross-Site Request Forgery.
+      // https://openid.net/specs/openid-connect-core-1_0.html#AuthRequest
+      // Using `state` or `nonce` is very similar but with subtle differences.
+      // Here we follow the approach described by Auth0 on how to use both, where
+      // we generate a `nonce`, store it in session storage together with some state,
+      // and send it to the authorization server as the `state` parameter.
+      // https://auth0.com/docs/protocols/oauth2/redirect-users
+      // Additionally, we still send the `nonce` parameter as well.
+      const sessionId = generateAndCacheNonceWithState({
+        applicationId: window.app.applicationId,
+        // Store query parameters to be used after the callback redirect
+        query: {
+          redirectTo: nextProjectKey ? `/${nextProjectKey}` : '/'
+        }
+      });
+      const requestedScope = oidc.buildOidcScope({
+        projectKey: nextProjectKey ?? undefined,
+        oAuthScopes: window.app.__DEVELOPMENT__?.oidc?.oAuthScopes,
+        additionalOAuthScopes: window.app.__DEVELOPMENT__?.oidc?.additionalOAuthScopes,
+        teamId: window.app.__DEVELOPMENT__?.oidc?.teamId,
+        applicationId: window.app.__DEVELOPMENT__?.oidc?.applicationId
+      });
+
+      // Store session scopes, to be able to detect if requested scopes changed
+      // in the application config and invalidate the session.
+      // This is only valid for local development.
+      applicationShellConnectors.oidcStorage.setSessionScope(requestedScope);
+      redirector$1({
+        to: '',
+        origin: window.app.__DEVELOPMENT__?.oidc?.authorizeUrl,
+        location: location,
+        queryParams: {
+          reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
+          // Query parameters for OIDC-lik workflow.
+          client_id: window.app.applicationId,
+          response_type: oidc.OIDC_RESPONSE_TYPES.ID_TOKEN,
+          scope: requestedScope,
+          state: sessionId,
+          nonce: sessionId
+        }
+      });
+      return;
+    }
+    const mcOrigin = servedByProxy ? getMcOrigin.getMcOrigin(window.app.mcApiUrl) : undefined;
+    redirector$1({
+      to: 'login',
+      origin: mcOrigin,
+      location: location,
+      queryParams: {
+        reason: constants.LOGOUT_REASONS.UNAUTHORIZED,
+        redirectTo: urlUtils.trimLeadingAndTrailingSlashes(urlUtils.joinPaths(window.location.origin, location.pathname))
+      }
+    });
+
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+RedirectToLogin.displayName = 'RedirectToLogin';
+
+exports["default"] = RedirectToLogin;

package/dist/redirect-to-login-d9c20203.esm.js

@@ -0,0 +1,116 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import { v4 } from 'uuid';
+import { oidcStorage } from '@commercetools-frontend/application-shell-connectors';
+import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
+import { trimLeadingAndTrailingSlashes, joinPaths } from '@commercetools-frontend/url-utils';
+import { b as buildOidcScope, a as OIDC_RESPONSE_TYPES } from './oidc-b2520905.esm.js';
+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 { u as useRedirector } from './redirector-76670a54.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@babel/runtime-corejs3/core-js-stable/url';
+import '@babel/runtime-corejs3/core-js-stable/instance/reverse';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import 'prop-types';
+import 'qss';
+import './location-f21dbc25.esm.js';
+
+const generateAndCacheNonceWithState = state => {
+  const nonce = v4();
+  // We store additional information within the given `nonce`
+  // to then retrieve it later when the IdP redirects back
+  // to our application. The URL will contain the `nonce` within
+  // the id_token and, once validated, we can retrieve and use
+  // the state object.
+  // https://auth0.com/docs/protocols/oauth2/oauth-state#how-to-use-the-parameter-to-restore-application-state
+  oidcStorage.setSessionState(nonce, state);
+  return nonce;
+};
+const RedirectToLogin = () => {
+  const location = useLocation();
+  const servedByProxy = useIsServedByProxy();
+  const redirector = useRedirector();
+  useEffect(() => {
+    if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+      // Remove the `sessionToken` from storage, so that the AppShell can initiate
+      // a new authorization flow.
+      oidcStorage.clearSession();
+
+      // We pick the project key from local storage. This assumes that the value
+      // as been previously set when the application starts up.
+      // This is necessary to allow switching projects and triggering a new login.
+      const nextProjectKey = oidcStorage.getActiveProjectKey();
+
+      // According to the OIDC spec, the `state` parameter is recommended to be sent
+      // to the authorization server to help mitigating Cross-Site Request Forgery.
+      // https://openid.net/specs/openid-connect-core-1_0.html#AuthRequest
+      // Using `state` or `nonce` is very similar but with subtle differences.
+      // Here we follow the approach described by Auth0 on how to use both, where
+      // we generate a `nonce`, store it in session storage together with some state,
+      // and send it to the authorization server as the `state` parameter.
+      // https://auth0.com/docs/protocols/oauth2/redirect-users
+      // Additionally, we still send the `nonce` parameter as well.
+      const sessionId = generateAndCacheNonceWithState({
+        applicationId: window.app.applicationId,
+        // Store query parameters to be used after the callback redirect
+        query: {
+          redirectTo: nextProjectKey ? `/${nextProjectKey}` : '/'
+        }
+      });
+      const requestedScope = buildOidcScope({
+        projectKey: nextProjectKey ?? undefined,
+        oAuthScopes: window.app.__DEVELOPMENT__?.oidc?.oAuthScopes,
+        additionalOAuthScopes: window.app.__DEVELOPMENT__?.oidc?.additionalOAuthScopes,
+        teamId: window.app.__DEVELOPMENT__?.oidc?.teamId,
+        applicationId: window.app.__DEVELOPMENT__?.oidc?.applicationId
+      });
+
+      // Store session scopes, to be able to detect if requested scopes changed
+      // in the application config and invalidate the session.
+      // This is only valid for local development.
+      oidcStorage.setSessionScope(requestedScope);
+      redirector({
+        to: '',
+        origin: window.app.__DEVELOPMENT__?.oidc?.authorizeUrl,
+        location: location,
+        queryParams: {
+          reason: LOGOUT_REASONS.UNAUTHORIZED,
+          // Query parameters for OIDC-lik workflow.
+          client_id: window.app.applicationId,
+          response_type: OIDC_RESPONSE_TYPES.ID_TOKEN,
+          scope: requestedScope,
+          state: sessionId,
+          nonce: sessionId
+        }
+      });
+      return;
+    }
+    const mcOrigin = servedByProxy ? getMcOrigin(window.app.mcApiUrl) : undefined;
+    redirector({
+      to: 'login',
+      origin: mcOrigin,
+      location: location,
+      queryParams: {
+        reason: LOGOUT_REASONS.UNAUTHORIZED,
+        redirectTo: trimLeadingAndTrailingSlashes(joinPaths(window.location.origin, location.pathname))
+      }
+    });
+
+    // Only execute once!
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+RedirectToLogin.displayName = 'RedirectToLogin';
+
+export { RedirectToLogin as default };

package/dist/redirect-to-logout-03e7fdb7.cjs.dev.js

@@ -0,0 +1,125 @@
+'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-28f19a6f.cjs.dev.js');
+var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-76b6a9ad.cjs.dev.js');
+var redirector = require('./redirector-98dfc5f0.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('prop-types');
+require('react');
+require('./index-b1476d46.cjs.dev.js');
+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('@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-8827f9fe.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@commercetools-uikit/design-system');
+require('@commercetools-uikit/spacings');
+require('react-intl');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('./location-c835b8df.cjs.dev.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-uikit/loading-spinner');
+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('react-redux');
+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');
+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(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; }
+// 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 = reactRouterDom.useLocation();
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+    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 ?? 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-263d0e66.cjs.prod.js

@@ -0,0 +1,125 @@
+'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-480e8de8.cjs.prod.js');
+var getMcOrigin = require('./get-mc-origin-8f7a578c.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ff82019b.cjs.prod.js');
+var redirector = require('./redirector-01f35da8.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('prop-types');
+require('react');
+require('./index-91985d64.cjs.prod.js');
+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('@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('@commercetools-uikit/design-system');
+require('@commercetools-uikit/spacings');
+require('react-intl');
+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-uikit/loading-spinner');
+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('react-redux');
+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');
+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(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; }
+// 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 = reactRouterDom.useLocation();
+  const servedByProxy = useIsServedByProxy.useIsServedByProxy();
+  if (window.app.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+    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 ?? 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;