@commercetools-frontend/application-shell-connectors 22.2.0 → 22.3.0

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

@@ -23,44 +23,37 @@ import warning from 'tiny-warning';
 import { GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.2.0";
+var version = "22.3.0";
 
 const mcHostnameRegex = /^mc(-(\d){4,})?\.(.*)$/;
 const mcPreviewHostnameRegex = /^.*\.mc-preview\.(.*)$/;
-
 const getMcOriginTld = host => {
   if (host.match(mcPreviewHostnameRegex)) {
     return host.replace(mcPreviewHostnameRegex, '$1');
   }
-
   return host.replace(mcHostnameRegex, '$3');
 };
-
 const getMcApiUrlFromOrigin = origin => {
   var _context;
-
   const url = new _URL(origin);
   const originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty(_context = "".concat(url.protocol, "//mc-api.")).call(_context, originTld);
 };
-
 const parseAsBoolean = value => value === true || value === 'true';
-
 function getMcApiUrl() {
   let environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.app;
   let origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.origin;
   const isServedByProxy = parseAsBoolean(environment.servedByProxy);
+
   /**
    * Prefer using the origin URL for the MC API based on the origin value
    * of the browser's `window.location`.
    * This ensures that the application always uses the correct URL associated
    * with that environment, instead of relying on the config value.
    */
-
   if (isServedByProxy) {
     return getMcApiUrlFromOrigin(origin);
   }
-
   return environment.mcApiUrl;
 }
 
@@ -69,20 +62,20 @@ const getDisplayName = Component => {
   if (typeof Component === 'string') {
     return Component;
   }
-
   if (!Component) {
     return undefined;
   }
-
   return Component.displayName || Component.name || 'Component';
 };
 
 function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Menu visibilities
+
 // Permissions
+
 // Action rights
+
 // Data fences
 
 /**
@@ -107,7 +100,6 @@ const normalizeAllAppliedPermissions = allAppliedPermissions => {
   if (!allAppliedPermissions || allAppliedPermissions.length === 0) {
     return null;
   }
-
   return _reduceInstanceProperty(allAppliedPermissions).call(allAppliedPermissions, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
     return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
@@ -119,7 +111,6 @@ const normalizeAllAppliedMenuVisibilities = allAppliedMenuVisibilities => {
   if (!allAppliedMenuVisibilities || allAppliedMenuVisibilities.length === 0) {
     return null;
   }
-
   return _reduceInstanceProperty(allAppliedMenuVisibilities).call(allAppliedMenuVisibilities, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
     return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
@@ -131,7 +122,6 @@ const normalizeAllAppliedActionRights = allAppliedActionRights => {
   if (!allAppliedActionRights || allAppliedActionRights.length === 0) {
     return null;
   }
-
   return _reduceInstanceProperty(allAppliedActionRights).call(allAppliedActionRights, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
     const previousAllAppliedGroup = transformedAllApplied[allApplied.group];
@@ -142,10 +132,8 @@ const normalizeAllAppliedActionRights = allAppliedActionRights => {
     });
   }, {});
 };
-
 const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
   var _context;
-
   const groupedByResourceType = _reduceInstanceProperty(dataFences).call(dataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
     const previousGroup = previousGroupsOfSameType[appliedDataFence.group];
@@ -153,12 +141,10 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
       [appliedDataFence.group]: [...(previousGroup || []), appliedDataFence]
     });
   }, {});
-
   return _reduceInstanceProperty(_context = _Object$entries(groupedByResourceType)).call(_context, (previousGroupedByResourceType, _ref) => {
     let _ref2 = _slicedToArray(_ref, 2),
-        resourceType = _ref2[0],
-        dataFences = _ref2[1];
-
+      resourceType = _ref2[0],
+      dataFences = _ref2[1];
     const groupByDataFenceName = _reduceInstanceProperty(dataFences).call(dataFences, (nextDataFenceValues, dataFence) => {
       const dataFenceByName = nextDataFenceValues[dataFence.name] || {
         values: []
@@ -169,12 +155,13 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
         })
       });
     }, {});
-
     return _objectSpread$2(_objectSpread$2({}, previousGroupedByResourceType), {}, {
       [resourceType]: groupByDataFenceName
     });
   }, {});
-}; // input:
+};
+
+// input:
 // [
 //   {
 //     type: 'store',
@@ -205,12 +192,10 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
 //   }
 // }
 
-
 const normalizeAllAppliedDataFences = allAppliedDataFences => {
   if (!allAppliedDataFences || allAppliedDataFences.length === 0) {
     return null;
   }
-
   const groupedByType = _reduceInstanceProperty(allAppliedDataFences).call(allAppliedDataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
     const previousGroup = previousGroupsOfSameType[appliedDataFence.type];
@@ -218,22 +203,20 @@ const normalizeAllAppliedDataFences = allAppliedDataFences => {
       [appliedDataFence.type]: [...(previousGroup || []), appliedDataFence]
     });
   }, {});
-
   const normalizedDataFences = _objectSpread$2({}, 'store' in groupedByType ? {
     store: normalizeAppliedDataFencesForStoresByResourceType(groupedByType.store)
   } : {});
-
   if (_Object$keys(normalizedDataFences).length > 0) return normalizedDataFences;
   return null;
 };
 
 function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Context$1 = /*#__PURE__*/createContext({});
-const defaultTimeZone = moment.tz.guess() || 'Etc/UTC'; // Expose only certain fields as some of them are only meant to
-// be used internally in the AppShell
+const defaultTimeZone = moment.tz.guess() || 'Etc/UTC';
 
+// Expose only certain fields as some of them are only meant to
+// be used internally in the AppShell
 const mapUserToApplicationContextUser = user => {
   if (!user) return null;
   let applicationContextUser = {
@@ -248,11 +231,11 @@ const mapUserToApplicationContextUser = user => {
     locale: user.language,
     timeZone: user.timeZone || defaultTimeZone,
     projects: user.projects
-  }; // This property will only be populated when user has logged in using SSO
+  };
 
+  // This property will only be populated when user has logged in using SSO
   if (user.idTokenUserInfo) {
     let additionalClaims = {};
-
     try {
       additionalClaims = JSON.parse(user.idTokenUserInfo.additionalClaims || '{}');
     } catch (error) {
@@ -262,21 +245,21 @@ const mapUserToApplicationContextUser = user => {
         }
       });
     }
-
     applicationContextUser.idTokenUserInfo = _objectSpread$1(_objectSpread$1({}, user.idTokenUserInfo), {}, {
       additionalClaims
     });
   }
-
   return applicationContextUser;
-}; // Adjust certain fields which depend e.g. on the origin
+};
 
+// Adjust certain fields which depend e.g. on the origin
 const mapEnvironmentToApplicationContextEnvironment = (environment, origin) => _objectSpread$1(_objectSpread$1({}, environment), {}, {
   // NOTE: The `mcApiUrl` depends on `servedByProxy`
   mcApiUrl: getMcApiUrl(environment, origin)
-}); // Expose only certain fields as some of them are only meant to
-// be used internally in the AppShell
+});
 
+// Expose only certain fields as some of them are only meant to
+// be used internally in the AppShell
 const mapProjectToApplicationContextProject = project => {
   if (!project) return null;
   return {
@@ -290,7 +273,6 @@ const mapProjectToApplicationContextProject = project => {
     ownerName: project.owner.name
   };
 };
-
 const createApplicationContext = (environment, user, project, projectDataLocale) => ({
   environment: mapEnvironmentToApplicationContextEnvironment(environment),
   user: mapUserToApplicationContextUser(user),
@@ -300,18 +282,15 @@ const createApplicationContext = (environment, user, project, projectDataLocale)
   dataFences: normalizeAllAppliedDataFences(project === null || project === void 0 ? void 0 : project.allAppliedDataFences),
   dataLocale: projectDataLocale || null
 });
-
 const ApplicationContextProvider = props => jsx(Context$1.Provider, {
   value: createApplicationContext(props.environment, props.user, props.project, props.projectDataLocale),
   children: props.children
 });
-
 ApplicationContextProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   projectDataLocale: _pt.string,
   children: _pt.node.isRequired
 } : {};
 ApplicationContextProvider.displayName = 'ApplicationContextProvider';
-
 const ApplicationContext = props => jsx(Context$1.Consumer, {
   children: context => {
     // Because of the way the ApplicationShell configures the Context.Provider,
@@ -322,12 +301,10 @@ const ApplicationContext = props => jsx(Context$1.Consumer, {
     return props.render(applicationContext);
   }
 });
-
 ApplicationContext.propTypes = process.env.NODE_ENV !== "production" ? {
   render: _pt.func.isRequired
 } : {};
 ApplicationContext.displayName = 'ApplicationContext';
-
 function withApplicationContext(mapApplicationContextToProps) {
   return Component => {
     const WrappedComponent = props => jsx(ApplicationContext, {
@@ -338,68 +315,61 @@ function withApplicationContext(mapApplicationContextToProps) {
         return jsx(Component, _objectSpread$1(_objectSpread$1({}, props), mappedProps));
       }
     });
-
     WrappedComponent.displayName = "withApplicationContext(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
-} // Use function overloading to declare two possible signatures with two
-// distict return types, based on the selector function argument.
-
+}
 
+// Use function overloading to declare two possible signatures with two
+// distict return types, based on the selector function argument.
 // Then implement the function. Typescript will pick the appropriate signature
 // based on the function arguments.
 function useApplicationContextHook(selector) {
-  const context = useContext(Context$1); // Because of the way the ApplicationShell configures the Context.Provider,
+  const context = useContext(Context$1);
+  // Because of the way the ApplicationShell configures the Context.Provider,
   // we ensure that, when we read from the context, we always get actual
   // context object and not the initial value.
   // Therefore, we can safely cast the value to be out `TApplicationContext` type.
-
   const applicationContext = context;
   return selector ? selector(applicationContext) : applicationContext;
-} // This is a workaround to trick babel/rollup to correctly export the function.
+}
+
+// This is a workaround to trick babel/rollup to correctly export the function.
 // Most likely the problem arises with the use of overloading.
 // See related issue: https://github.com/babel/babel/issues/8361
-
-
-const useApplicationContext = useApplicationContextHook; // Exports
+const useApplicationContext = useApplicationContextHook;
 
 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; }
 var FetchProjectExtensionImageRegex = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionImageRegex" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "imageRegex" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "thumb" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "small" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "FragmentSpread", name: { kind: "Name", value: "ImageRegex" }, directives: [] }] } }] } }] } }] } }, { kind: "FragmentDefinition", name: { kind: "Name", value: "ImageRegex" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "ImageRegexOptions" } }, directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "flag" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "search" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "replace" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 256, source: { body: "query FetchProjectExtensionImageRegex {\n  projectExtension {\n    id\n    imageRegex {\n      thumb {\n        ...ImageRegex\n      }\n      small {\n        ...ImageRegex\n      }\n    }\n  }\n}\nfragment ImageRegex on ImageRegexOptions {\n  flag\n  search\n  replace\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
-
 const useWarning = (condition, message) => {
   useEffect(() => {
-    process.env.NODE_ENV !== "production" ? warning(condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
+    process.env.NODE_ENV !== "production" ? warning(condition, message) : void 0;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-
 const Context = /*#__PURE__*/createContext({
   isLoading: false
 });
-
 const useProjectExtensionImageRegex = () => {
   const _useContext = useContext(Context),
-        isLoading = _useContext.isLoading,
-        imageRegex = _useContext.imageRegex;
-
+    isLoading = _useContext.isLoading,
+    imageRegex = _useContext.imageRegex;
   return {
     isLoading,
     imageRegex
   };
 };
-
 const ProjectExtensionProviderForImageRegex = props => {
   const _useQuery = useQuery(FetchProjectExtensionImageRegex, {
-    skip: props.skip,
-    onError: reportErrorToSentry,
-    context: {
-      target: GRAPHQL_TARGETS.SETTINGS_SERVICE
-    }
-  }),
-        loading = _useQuery.loading,
-        data = _useQuery.data;
-
+      skip: props.skip,
+      onError: reportErrorToSentry,
+      context: {
+        target: GRAPHQL_TARGETS.SETTINGS_SERVICE
+      }
+    }),
+    loading = _useQuery.loading,
+    data = _useQuery.data;
   return jsx(Context.Provider, {
     value: {
       isLoading: loading,
@@ -408,25 +378,21 @@ const ProjectExtensionProviderForImageRegex = props => {
     children: props.children
   });
 };
-
 ProjectExtensionProviderForImageRegex.propTypes = process.env.NODE_ENV !== "production" ? {
   skip: _pt.bool,
   children: _pt.node.isRequired
 } : {};
 ProjectExtensionProviderForImageRegex.displayName = 'ProjectExtensionProviderForImageRegex';
-
 const GetProjectExtensionImageRegex = props => {
   useWarning(false, "@commercetools-frontend/application-shell-connectors: It is not recommended to use the 'GetProjectExtensionImageRegex' anymore. Please use the 'useProjectExtensionImageRegex' hook instead.");
   return jsx(Context.Consumer, {
     children: imageRegexContext => props.render(imageRegexContext)
   });
 };
-
 GetProjectExtensionImageRegex.propTypes = process.env.NODE_ENV !== "production" ? {
   render: _pt.func.isRequired
 } : {};
 GetProjectExtensionImageRegex.displayName = 'GetProjectExtensionImageRegex';
-
 function withProjectExtensionImageRegex() {
   let propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'imageRegexData';
   return Component => {
@@ -439,10 +405,9 @@ function withProjectExtensionImageRegex() {
         }))
       });
     };
-
     WrappedComponent.displayName = "withProjectExtensionImageRegex(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
-} // Exports
+}
 
 export { ApplicationContext, ApplicationContextProvider, Context$1 as Context, GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, getMcApiUrl, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, useApplicationContext, useProjectExtensionImageRegex, version, withApplicationContext, withProjectExtensionImageRegex };

package/dist/declarations/src/components/application-context/application-context.d.ts

@@ -98,11 +98,11 @@ type ConsumerProps<AdditionalEnvironmentProperties extends {}> = {
     children?: never;
 };
 declare const ApplicationContextProvider: {
-    <AdditionalEnvironmentProperties extends {}>(props: ProviderProps<AdditionalEnvironmentProperties>): import("@emotion/react/jsx-runtime").JSX.Element;
+    <AdditionalEnvironmentProperties extends {}>(props: ProviderProps<AdditionalEnvironmentProperties>): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 declare const ApplicationContext: {
-    <AdditionalEnvironmentProperties extends {}>(props: ConsumerProps<AdditionalEnvironmentProperties>): import("@emotion/react/jsx-runtime").JSX.Element;
+    <AdditionalEnvironmentProperties extends {}>(props: ConsumerProps<AdditionalEnvironmentProperties>): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 declare function withApplicationContext<OwnProps extends {}, AdditionalEnvironmentProperties extends {}, MappedProps extends {} = {

package/dist/declarations/src/components/project-extension-image-regex/project-extension-image-regex.d.ts

@@ -23,15 +23,15 @@ declare const useProjectExtensionImageRegex: () => {
     } | null | undefined;
 };
 declare const ProjectExtensionProviderForImageRegex: {
-    (props: ProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: ProviderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 declare const GetProjectExtensionImageRegex: {
-    (props: ConsumerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: ConsumerProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 declare function withProjectExtensionImageRegex<Props extends {}>(propKey?: string): (Component: ComponentType<Props>) => {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };
 export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, useProjectExtensionImageRegex, };