@commercetools-frontend/application-shell 22.14.2 → 22.15.0

package/dist/commercetools-frontend-application-shell.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-ae1eae7e.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-97ddc7b1.cjs.dev.js');
 var index = require('./index-37a25e51.cjs.dev.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');

package/dist/commercetools-frontend-application-shell.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendApplicationShell = require('./index-a7493b61.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-08c8fcb3.cjs.prod.js');
 var index = require('./index-6cd618cc.cjs.prod.js');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var ssr = require('@commercetools-frontend/application-config/ssr');

package/dist/commercetools-frontend-application-shell.esm.js

@@ -1,4 +1,4 @@
-export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-315660b0.esm.js';
+export { g as ApplicationPageTitle, A as ApplicationShell, f as ApplicationShellProvider, C as ConfigureIntlProvider, h as CustomViewShell, I as InjectReducers, S as SetupFlopFlipProvider, i as SuspendedRoute, s as setupGlobalErrorListener, u as useRoutesCreator, d as version } from './index-4eee2222.esm.js';
 export { R as RouteCatchAll, a as applyDefaultMiddlewares } from './index-89e5711a.esm.js';
 export { buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getMcApiUrl, selectProjectKeyFromUrl, selectUserId, useMcLazyQuery, useMcMutation, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
 export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';

package/dist/{custom-view-dev-host-263f2c1a.cjs.dev.js → custom-view-dev-host-0f62a220.cjs.dev.js}

@@ -12,7 +12,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var PrimaryButton = require('@commercetools-uikit/primary-button');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var dist_commercetoolsFrontendApplicationShell = require('./index-ae1eae7e.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-97ddc7b1.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('./index-37a25e51.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');

package/dist/custom-view-dev-host-714c9d65.cjs.prod.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('prop-types');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var react = require('react');
+var reactRouterDom = require('react-router-dom');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var history = require('@commercetools-frontend/browser-history');
+var Constraints = require('@commercetools-uikit/constraints');
+var PrimaryButton = require('@commercetools-uikit/primary-button');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var dist_commercetoolsFrontendApplicationShell = require('./index-08c8fcb3.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('./index-6cd618cc.cjs.prod.js');
+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/instance/for-each');
+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('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/reflect/has');
+require('@reduxjs/toolkit');
+require('lodash/mapValues');
+require('omit-empty-es');
+require('redux-thunk');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/constants');
+require('@commercetools-frontend/notifications');
+require('@commercetools-frontend/sdk');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/react-notifications');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@emotion/styled/base');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@emotion/react');
+require('@commercetools-frontend/i18n');
+require('./oidc-b070ff6c.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/url');
+require('@commercetools-uikit/design-system');
+require('react-intl');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
+require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
+require('@babel/runtime-corejs3/helpers/extends');
+require('memoize-one');
+require('react-select');
+require('@commercetools-uikit/accessible-hidden');
+require('@commercetools-uikit/select-input');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-uikit/loading-spinner');
+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('react-redux');
+require('lodash/upperFirst');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/application-config/ssr');
+require('@commercetools-frontend/permissions');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@commercetools-frontend/actions-global');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var history__default = /*#__PURE__*/_interopDefault(history);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const LocalCustomViewLauncher = props => {
+  var _props$environment$__, _context, _customViewConfig$typ, _props$environment$__2;
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRenderCustomView = _useState2[0],
+    setShouldRenderCustomView = _useState2[1];
+  // We expect this in development to be defined.
+  const customViewConfig = (_props$environment$__ = props.environment.__DEVELOPMENT__) === null || _props$environment$__ === void 0 ? void 0 : _props$environment$__.customViewConfig;
+  return jsxRuntime.jsx("main", {
+    children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+      max: "scale",
+      children: jsxRuntime.jsxs(Spacings__default["default"].Inset, {
+        scale: "xl",
+        children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "xl",
+          children: [jsxRuntime.jsx(Text__default["default"].Headline, {
+            as: "h1",
+            children: "Custom View loader"
+          }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "l",
+            children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+              scale: "m",
+              children: [jsxRuntime.jsxs(Text__default["default"].Body, {
+                children: ["This page simulates the rendering of your Custom View as if it was within a page in the Merchant Center:", jsxRuntime.jsx("br", {}), "Based on your ", jsxRuntime.jsx("i", {
+                  children: "custom-view-config"
+                }), " file, these are the settings that will be used:"]
+              }), jsxRuntime.jsx("ul", {
+                children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+                  scale: "s",
+                  children: [jsxRuntime.jsxs("li", {
+                    children: ["Custom View ID: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.id
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View permissions:", ' ', jsxRuntime.jsx("b", {
+                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => {
+                        var _context2;
+                        return _concatInstanceProperty__default["default"](_context2 = "(".concat(permission.name, ": ")).call(_context2, permission.oAuthScopes.join(', '), ")");
+                      }).join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View locators:", ' ', jsxRuntime.jsx("b", {
+                      children: customViewConfig.locators.join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View type: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.type
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View size:", ' ', jsxRuntime.jsx("b", {
+                      children: (_customViewConfig$typ = customViewConfig.typeSettings) === null || _customViewConfig$typ === void 0 ? void 0 : _customViewConfig$typ.size
+                    })]
+                  })]
+                })
+              })]
+            }), jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+              max: 10,
+              children: jsxRuntime.jsx(PrimaryButton__default["default"], {
+                label: "Open the Custom View",
+                onClick: () => setShouldRenderCustomView(true)
+              })
+            })]
+          })]
+        }), shouldRenderCustomView && jsxRuntime.jsx(applicationComponents.CustomViewLoader, {
+          customView: customViewConfig,
+          hostUrl: (_props$environment$__2 = props.environment.__DEVELOPMENT__) === null || _props$environment$__2 === void 0 ? void 0 : _props$environment$__2.customViewHostUrl,
+          onClose: () => setShouldRenderCustomView(false)
+        })]
+      })
+    })
+  });
+};
+const SimulatedIframeRoute = props => {
+  const routeMatch = reactRouterDom.useRouteMatch();
+  console.info("\u2139\uFE0F Rendering a Custom View as it would be rendered within an iframe", routeMatch.url);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children
+  });
+};
+const CustomViewDevHost = props => {
+  return jsxRuntime.jsx(reactRouterDom.Router, {
+    history: history__default["default"],
+    children: jsxRuntime.jsxs(reactRouterDom.Switch, {
+      children: [jsxRuntime.jsx(reactRouterDom.Route, {
+        path: "/custom-views/:customViewId/projects/:projectKey",
+        children: jsxRuntime.jsx(SimulatedIframeRoute, {
+          children: props.children
+        })
+      }), jsxRuntime.jsx(reactRouterDom.Route, {
+        children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ApplicationShell, {
+          environment: window.app,
+          applicationMessages: props.applicationMessages,
+          disableRoutePermissionCheck: true,
+          children: jsxRuntime.jsx(LocalCustomViewLauncher, {
+            environment: window.app
+          })
+        })
+      })]
+    })
+  });
+};
+CustomViewDevHost.propTypes = {};
+CustomViewDevHost.displayName = 'CustomViewDevHost';
+
+exports["default"] = CustomViewDevHost;

package/dist/{custom-view-dev-host-c295f899.esm.js → custom-view-dev-host-e3c2a970.esm.js}

@@ -10,7 +10,7 @@ import Constraints from '@commercetools-uikit/constraints';
 import PrimaryButton from '@commercetools-uikit/primary-button';
 import Spacings from '@commercetools-uikit/spacings';
 import Text from '@commercetools-uikit/text';
-import { A as ApplicationShell } from './index-315660b0.esm.js';
+import { A as ApplicationShell } from './index-4eee2222.esm.js';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import './index-89e5711a.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';

package/dist/declarations/src/components/authenticated/oidc-callback.async.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const OidcCallback: import("react").LazyExoticComponent<{
-    (props: import("./oidc-callback").TOidcCallbackProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: import("./oidc-callback").TOidcCallbackProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
     displayName: string;
 }>;
 export default OidcCallback;

package/dist/declarations/src/components/authenticated/oidc-callback.d.ts

@@ -5,7 +5,7 @@ export type TOidcCallbackProps = {
     children?: never;
 };
 declare const OidcCallback: {
-    (props: TOidcCallbackProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: TOidcCallbackProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
     displayName: string;
 };
 export default OidcCallback;

package/dist/declarations/src/components/navbar/menu-items.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler, type ReactNode, type SyntheticEvent } from 'react';
+import { type MouseEventHandler, type FocusEventHandler, type MouseEvent, type KeyboardEvent, type ReactNode, type SyntheticEvent } from 'react';
 import type { TNormalizedMenuVisibilities, TNormalizedPermissions, TNormalizedActionRights, TNormalizedDataFences } from '@commercetools-frontend/application-shell-connectors';
 import { BackIcon } from '@commercetools-uikit/icons';
 import type { TDataFence, TActionRight, TLocalizedField } from '../../types/generated/proxy';
@@ -17,7 +17,7 @@ declare const IconSwitcher: {
 };
 type MenuExpanderProps = {
     isVisible: boolean;
-    onClick: MouseEventHandler<HTMLDivElement>;
+    onClick: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
     isMenuOpen: boolean;
 };
 declare const MenuExpander: {
@@ -45,8 +45,8 @@ type MenuItemProps = {
     isMainMenuRouteActive?: boolean;
     isMenuOpen: boolean;
     onClick: MouseEventHandler<HTMLElement>;
-    onMouseEnter?: MouseEventHandler<HTMLElement>;
-    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    onMouseEnter?: MouseEventHandler<HTMLElement> | FocusEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement> | FocusEventHandler<HTMLElement>;
     children: ReactNode;
     identifier?: string;
 };

package/dist/declarations/src/components/navbar/use-navbar-state-manager.d.ts

@@ -8,7 +8,7 @@ declare const useNavbarStateManager: (props: HookProps) => {
     navBarNode: import("react").RefObject<HTMLElement>;
     handleToggleItem: (nextActiveItemIndex: string) => void;
     handleToggleMenu: () => void;
-    shouldCloseMenuFly: (e: React.MouseEvent<HTMLElement> | MouseEvent) => void;
+    shouldCloseMenuFly: (e: React.MouseEvent<HTMLElement> | MouseEvent | FocusEvent) => void;
     allApplicationsNavbarMenuGroups: TNavbarMenuGroup[];
     activeItemIndex?: string | undefined;
     isExpanderVisible: boolean;

package/dist/declarations/src/components/redirect-to-login/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const RedirectToLogin: import("react").LazyExoticComponent<{
-    (): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (): null;
     displayName: string;
 }>;
 export default RedirectToLogin;

package/dist/declarations/src/components/redirect-to-login/redirect-to-login.d.ts

@@ -1,5 +1,5 @@
 declare const RedirectToLogin: {
-    (): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (): null;
     displayName: string;
 };
 export default RedirectToLogin;

package/dist/declarations/src/components/redirector/index.d.ts

@@ -1 +1 @@
-export { default } from './redirector';
+export { useRedirector, Redirector } from './redirector';

package/dist/declarations/src/components/redirector/redirector.d.ts

@@ -1,6 +1,6 @@
 import type { RouteComponentProps } from 'react-router-dom';
 import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
-type QueryParams = {
+type TQueryParams = {
     reason?: (typeof LOGOUT_REASONS)[keyof typeof LOGOUT_REASONS];
     redirectTo?: string;
     client_id?: string;
@@ -9,14 +9,15 @@ type QueryParams = {
     state?: string;
     nonce?: string;
 };
-type Props = {
+type TRedirectorProps = {
     to: string;
     origin?: string;
     location?: RouteComponentProps['location'];
-    queryParams?: QueryParams;
+    queryParams?: TQueryParams;
 };
+declare const useRedirector: () => (options: TRedirectorProps) => void;
 declare const Redirector: {
-    (props: Props): null;
+    (props: TRedirectorProps): null;
     displayName: string;
 };
-export default Redirector;
+export { useRedirector, Redirector };