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

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

@@ -46,44 +46,37 @@ var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInsta
 var warning__default = /*#__PURE__*/_interopDefault(warning);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.2.1";
+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__default["default"](origin);
   const originTld = getMcOriginTld(url.host);
   return _concatInstanceProperty__default["default"](_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;
 }
 
@@ -92,20 +85,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__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 // Menu visibilities
+
 // Permissions
+
 // Action rights
+
 // Data fences
 
 /**
@@ -130,7 +123,6 @@ const normalizeAllAppliedPermissions = allAppliedPermissions => {
   if (!allAppliedPermissions || allAppliedPermissions.length === 0) {
     return null;
   }
-
   return _reduceInstanceProperty__default["default"](allAppliedPermissions).call(allAppliedPermissions, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
     return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
@@ -142,7 +134,6 @@ const normalizeAllAppliedMenuVisibilities = allAppliedMenuVisibilities => {
   if (!allAppliedMenuVisibilities || allAppliedMenuVisibilities.length === 0) {
     return null;
   }
-
   return _reduceInstanceProperty__default["default"](allAppliedMenuVisibilities).call(allAppliedMenuVisibilities, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
     return _objectSpread$2(_objectSpread$2({}, transformedAllApplied), {}, {
@@ -154,7 +145,6 @@ const normalizeAllAppliedActionRights = allAppliedActionRights => {
   if (!allAppliedActionRights || allAppliedActionRights.length === 0) {
     return null;
   }
-
   return _reduceInstanceProperty__default["default"](allAppliedActionRights).call(allAppliedActionRights, (transformedAllApplied, allApplied) => {
     if (!allApplied) return transformedAllApplied;
     const previousAllAppliedGroup = transformedAllApplied[allApplied.group];
@@ -165,10 +155,8 @@ const normalizeAllAppliedActionRights = allAppliedActionRights => {
     });
   }, {});
 };
-
 const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
   var _context;
-
   const groupedByResourceType = _reduceInstanceProperty__default["default"](dataFences).call(dataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
     const previousGroup = previousGroupsOfSameType[appliedDataFence.group];
@@ -176,12 +164,10 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
       [appliedDataFence.group]: [...(previousGroup || []), appliedDataFence]
     });
   }, {});
-
   return _reduceInstanceProperty__default["default"](_context = _Object$entries__default["default"](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__default["default"](dataFences).call(dataFences, (nextDataFenceValues, dataFence) => {
       const dataFenceByName = nextDataFenceValues[dataFence.name] || {
         values: []
@@ -192,12 +178,13 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
         })
       });
     }, {});
-
     return _objectSpread$2(_objectSpread$2({}, previousGroupedByResourceType), {}, {
       [resourceType]: groupByDataFenceName
     });
   }, {});
-}; // input:
+};
+
+// input:
 // [
 //   {
 //     type: 'store',
@@ -228,12 +215,10 @@ const normalizeAppliedDataFencesForStoresByResourceType = dataFences => {
 //   }
 // }
 
-
 const normalizeAllAppliedDataFences = allAppliedDataFences => {
   if (!allAppliedDataFences || allAppliedDataFences.length === 0) {
     return null;
   }
-
   const groupedByType = _reduceInstanceProperty__default["default"](allAppliedDataFences).call(allAppliedDataFences, (previousGroupsOfSameType, appliedDataFence) => {
     if (!appliedDataFence) return previousGroupsOfSameType;
     const previousGroup = previousGroupsOfSameType[appliedDataFence.type];
@@ -241,22 +226,20 @@ const normalizeAllAppliedDataFences = allAppliedDataFences => {
       [appliedDataFence.type]: [...(previousGroup || []), appliedDataFence]
     });
   }, {});
-
   const normalizedDataFences = _objectSpread$2({}, 'store' in groupedByType ? {
     store: normalizeAppliedDataFencesForStoresByResourceType(groupedByType.store)
   } : {});
-
   if (_Object$keys__default["default"](normalizedDataFences).length > 0) return normalizedDataFences;
   return null;
 };
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const Context$1 = /*#__PURE__*/react.createContext({});
-const defaultTimeZone = moment__default["default"].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__default["default"].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 = {
@@ -271,11 +254,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) {
@@ -285,21 +268,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 {
@@ -313,7 +296,6 @@ const mapProjectToApplicationContextProject = project => {
     ownerName: project.owner.name
   };
 };
-
 const createApplicationContext = (environment, user, project, projectDataLocale) => ({
   environment: mapEnvironmentToApplicationContextEnvironment(environment),
   user: mapUserToApplicationContextUser(user),
@@ -323,18 +305,15 @@ const createApplicationContext = (environment, user, project, projectDataLocale)
   dataFences: normalizeAllAppliedDataFences(project === null || project === void 0 ? void 0 : project.allAppliedDataFences),
   dataLocale: projectDataLocale || null
 });
-
 const ApplicationContextProvider = props => jsxRuntime.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__default["default"].string,
   children: _pt__default["default"].node.isRequired
 } : {};
 ApplicationContextProvider.displayName = 'ApplicationContextProvider';
-
 const ApplicationContext = props => jsxRuntime.jsx(Context$1.Consumer, {
   children: context => {
     // Because of the way the ApplicationShell configures the Context.Provider,
@@ -345,12 +324,10 @@ const ApplicationContext = props => jsxRuntime.jsx(Context$1.Consumer, {
     return props.render(applicationContext);
   }
 });
-
 ApplicationContext.propTypes = process.env.NODE_ENV !== "production" ? {
   render: _pt__default["default"].func.isRequired
 } : {};
 ApplicationContext.displayName = 'ApplicationContext';
-
 function withApplicationContext(mapApplicationContextToProps) {
   return Component => {
     const WrappedComponent = props => jsxRuntime.jsx(ApplicationContext, {
@@ -361,68 +338,61 @@ function withApplicationContext(mapApplicationContextToProps) {
         return jsxRuntime.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 = react.useContext(Context$1); // Because of the way the ApplicationShell configures the Context.Provider,
+  const context = react.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__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](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) => {
   react.useEffect(() => {
-    process.env.NODE_ENV !== "production" ? warning__default["default"](condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
+    process.env.NODE_ENV !== "production" ? warning__default["default"](condition, message) : void 0;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };
-
 const Context = /*#__PURE__*/react.createContext({
   isLoading: false
 });
-
 const useProjectExtensionImageRegex = () => {
   const _useContext = react.useContext(Context),
-        isLoading = _useContext.isLoading,
-        imageRegex = _useContext.imageRegex;
-
+    isLoading = _useContext.isLoading,
+    imageRegex = _useContext.imageRegex;
   return {
     isLoading,
     imageRegex
   };
 };
-
 const ProjectExtensionProviderForImageRegex = props => {
   const _useQuery = react$1.useQuery(FetchProjectExtensionImageRegex, {
-    skip: props.skip,
-    onError: sentry.reportErrorToSentry,
-    context: {
-      target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
-    }
-  }),
-        loading = _useQuery.loading,
-        data = _useQuery.data;
-
+      skip: props.skip,
+      onError: sentry.reportErrorToSentry,
+      context: {
+        target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
+      }
+    }),
+    loading = _useQuery.loading,
+    data = _useQuery.data;
   return jsxRuntime.jsx(Context.Provider, {
     value: {
       isLoading: loading,
@@ -431,25 +401,21 @@ const ProjectExtensionProviderForImageRegex = props => {
     children: props.children
   });
 };
-
 ProjectExtensionProviderForImageRegex.propTypes = process.env.NODE_ENV !== "production" ? {
   skip: _pt__default["default"].bool,
   children: _pt__default["default"].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 jsxRuntime.jsx(Context.Consumer, {
     children: imageRegexContext => props.render(imageRegexContext)
   });
 };
-
 GetProjectExtensionImageRegex.propTypes = process.env.NODE_ENV !== "production" ? {
   render: _pt__default["default"].func.isRequired
 } : {};
 GetProjectExtensionImageRegex.displayName = 'GetProjectExtensionImageRegex';
-
 function withProjectExtensionImageRegex() {
   let propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'imageRegexData';
   return Component => {
@@ -462,11 +428,10 @@ function withProjectExtensionImageRegex() {
         }))
       });
     };
-
     WrappedComponent.displayName = "withProjectExtensionImageRegex(".concat(getDisplayName(Component), ")");
     return WrappedComponent;
   };
-} // Exports
+}
 
 exports.ApplicationContext = ApplicationContext;
 exports.ApplicationContextProvider = ApplicationContextProvider;