@commercetools-frontend/application-shell-connectors 21.6.0 → 21.8.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 commercetools GmbH
+Copyright (c) commercetools GmbH
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

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

@@ -22,6 +22,7 @@ var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entr
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var warning = require('tiny-warning');
 var react$1 = require('@apollo/client/react');
 var constants = require('@commercetools-frontend/constants');
 var sentry = require('@commercetools-frontend/sentry');
@@ -43,9 +44,10 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+var warning__default = /*#__PURE__*/_interopDefault(warning);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.6.0";
+var version = "21.8.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 var getDisplayName = function getDisplayName(Component) {
@@ -369,10 +371,28 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
 
 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 } } } };
+
+var useWarning = function useWarning(condition, message) {
+  react.useEffect(function () {
+    process.env.NODE_ENV !== "production" ? warning__default["default"](condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+
 var Context = /*#__PURE__*/react.createContext({
   isLoading: false
 });
 
+var useProjectExtensionImageRegex = function useProjectExtensionImageRegex() {
+  var _useContext = react.useContext(Context),
+      isLoading = _useContext.isLoading,
+      imageRegex = _useContext.imageRegex;
+
+  return {
+    isLoading: isLoading,
+    imageRegex: imageRegex
+  };
+};
+
 var ProjectExtensionProviderForImageRegex = function ProjectExtensionProviderForImageRegex(props) {
   var _useQuery = react$1.useQuery(FetchProjectExtensionImageRegex, {
     skip: props.skip,
@@ -400,6 +420,7 @@ ProjectExtensionProviderForImageRegex.propTypes = process.env.NODE_ENV !== "prod
 ProjectExtensionProviderForImageRegex.displayName = 'ProjectExtensionProviderForImageRegex';
 
 var GetProjectExtensionImageRegex = function 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: function children(imageRegexContext) {
       return props.render(imageRegexContext);
@@ -416,9 +437,11 @@ function withProjectExtensionImageRegex() {
   var propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'imageRegexData';
   return function (Component) {
     var WrappedComponent = function WrappedComponent(props) {
+      useWarning(false, "@commercetools-frontend/application-shell-connectors: It is not recommended to use the 'withProjectExtensionImageRegex' high order component anymore. Please use the 'useProjectExtensionImageRegex' hook instead.");
+      var imageregexContext = useProjectExtensionImageRegex();
       return jsxRuntime.jsx(GetProjectExtensionImageRegex, {
-        render: function render(imageRegexData) {
-          return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageRegexData)));
+        render: function render() {
+          return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageregexContext)));
         }
       });
     };
@@ -438,6 +461,7 @@ exports.normalizeAllAppliedDataFences = normalizeAllAppliedDataFences;
 exports.normalizeAllAppliedMenuVisibilities = normalizeAllAppliedMenuVisibilities;
 exports.normalizeAllAppliedPermissions = normalizeAllAppliedPermissions;
 exports.useApplicationContext = useApplicationContext;
+exports.useProjectExtensionImageRegex = useProjectExtensionImageRegex;
 exports.version = version;
 exports.withApplicationContext = withApplicationContext;
 exports.withProjectExtensionImageRegex = withProjectExtensionImageRegex;

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

@@ -22,6 +22,7 @@ var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entr
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('tiny-warning');
 var react$1 = require('@apollo/client/react');
 var constants = require('@commercetools-frontend/constants');
 var sentry = require('@commercetools-frontend/sentry');
@@ -44,7 +45,7 @@ var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInsta
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.6.0";
+var version = "21.8.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 var getDisplayName = function getDisplayName(Component) {
@@ -363,10 +364,27 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
 
 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 } } } };
+
+var useWarning = function useWarning(condition, message) {
+  react.useEffect(function () {
+  }, []);
+};
+
 var Context = /*#__PURE__*/react.createContext({
   isLoading: false
 });
 
+var useProjectExtensionImageRegex = function useProjectExtensionImageRegex() {
+  var _useContext = react.useContext(Context),
+      isLoading = _useContext.isLoading,
+      imageRegex = _useContext.imageRegex;
+
+  return {
+    isLoading: isLoading,
+    imageRegex: imageRegex
+  };
+};
+
 var ProjectExtensionProviderForImageRegex = function ProjectExtensionProviderForImageRegex(props) {
   var _useQuery = react$1.useQuery(FetchProjectExtensionImageRegex, {
     skip: props.skip,
@@ -391,6 +409,7 @@ ProjectExtensionProviderForImageRegex.propTypes = {};
 ProjectExtensionProviderForImageRegex.displayName = 'ProjectExtensionProviderForImageRegex';
 
 var GetProjectExtensionImageRegex = function GetProjectExtensionImageRegex(props) {
+  useWarning();
   return jsxRuntime.jsx(Context.Consumer, {
     children: function children(imageRegexContext) {
       return props.render(imageRegexContext);
@@ -405,9 +424,11 @@ function withProjectExtensionImageRegex() {
   var propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'imageRegexData';
   return function (Component) {
     var WrappedComponent = function WrappedComponent(props) {
+      useWarning();
+      var imageregexContext = useProjectExtensionImageRegex();
       return jsxRuntime.jsx(GetProjectExtensionImageRegex, {
-        render: function render(imageRegexData) {
-          return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageRegexData)));
+        render: function render() {
+          return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageregexContext)));
         }
       });
     };
@@ -427,6 +448,7 @@ exports.normalizeAllAppliedDataFences = normalizeAllAppliedDataFences;
 exports.normalizeAllAppliedMenuVisibilities = normalizeAllAppliedMenuVisibilities;
 exports.normalizeAllAppliedPermissions = normalizeAllAppliedPermissions;
 exports.useApplicationContext = useApplicationContext;
+exports.useProjectExtensionImageRegex = useProjectExtensionImageRegex;
 exports.version = version;
 exports.withApplicationContext = withApplicationContext;
 exports.withProjectExtensionImageRegex = withProjectExtensionImageRegex;

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

@@ -8,7 +8,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _pt from 'prop-types';
-import { createContext, useContext } from 'react';
+import { createContext, useContext, useEffect } from 'react';
 import moment from 'moment-timezone';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
@@ -18,12 +18,13 @@ import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entrie
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import _URL from '@babel/runtime-corejs3/core-js-stable/url';
 import { jsx } from '@emotion/react/jsx-runtime';
+import warning from 'tiny-warning';
 import { useQuery } from '@apollo/client/react';
 import { GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.6.0";
+var version = "21.8.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 var getDisplayName = function getDisplayName(Component) {
@@ -347,10 +348,28 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 
 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 } } } };
+
+var useWarning = function useWarning(condition, message) {
+  useEffect(function () {
+    process.env.NODE_ENV !== "production" ? warning(condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+
 var Context = /*#__PURE__*/createContext({
   isLoading: false
 });
 
+var useProjectExtensionImageRegex = function useProjectExtensionImageRegex() {
+  var _useContext = useContext(Context),
+      isLoading = _useContext.isLoading,
+      imageRegex = _useContext.imageRegex;
+
+  return {
+    isLoading: isLoading,
+    imageRegex: imageRegex
+  };
+};
+
 var ProjectExtensionProviderForImageRegex = function ProjectExtensionProviderForImageRegex(props) {
   var _useQuery = useQuery(FetchProjectExtensionImageRegex, {
     skip: props.skip,
@@ -378,6 +397,7 @@ ProjectExtensionProviderForImageRegex.propTypes = process.env.NODE_ENV !== "prod
 ProjectExtensionProviderForImageRegex.displayName = 'ProjectExtensionProviderForImageRegex';
 
 var GetProjectExtensionImageRegex = function 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: function children(imageRegexContext) {
       return props.render(imageRegexContext);
@@ -394,9 +414,11 @@ function withProjectExtensionImageRegex() {
   var propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'imageRegexData';
   return function (Component) {
     var WrappedComponent = function WrappedComponent(props) {
+      useWarning(false, "@commercetools-frontend/application-shell-connectors: It is not recommended to use the 'withProjectExtensionImageRegex' high order component anymore. Please use the 'useProjectExtensionImageRegex' hook instead.");
+      var imageregexContext = useProjectExtensionImageRegex();
       return jsx(GetProjectExtensionImageRegex, {
-        render: function render(imageRegexData) {
-          return jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageRegexData)));
+        render: function render() {
+          return jsx(Component, _objectSpread(_objectSpread({}, props), _defineProperty({}, propKey, imageregexContext)));
         }
       });
     };
@@ -406,4 +428,4 @@ function withProjectExtensionImageRegex() {
   };
 } // Exports
 
-export { ApplicationContext, ApplicationContextProvider, Context$1 as Context, GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, useApplicationContext, version, withApplicationContext, withProjectExtensionImageRegex };
+export { ApplicationContext, ApplicationContextProvider, Context$1 as Context, GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, useApplicationContext, useProjectExtensionImageRegex, version, withApplicationContext, withProjectExtensionImageRegex };

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

@@ -1 +1,3 @@
-export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, } from './project-extension-image-regex';
+import type { TImageRegexContext as ImageRegexContext } from './project-extension-image-regex';
+export declare type TImageRegexContext = ImageRegexContext;
+export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, useProjectExtensionImageRegex, } from './project-extension-image-regex';

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

@@ -1,5 +1,5 @@
 import type { TImageRegexOptions } from '../../types/generated/settings';
-import { ComponentType, ReactNode } from 'react';
+import { type ComponentType, type ReactNode } from 'react';
 export declare type TImageRegexContext = {
     isLoading: boolean;
     imageRegex?: {
@@ -15,6 +15,13 @@ declare type ConsumerProps = {
     render: (imageRegex: TImageRegexContext) => ReactNode;
     children?: never;
 };
+declare const useProjectExtensionImageRegex: () => {
+    isLoading: boolean;
+    imageRegex: {
+        small?: Pick<TImageRegexOptions, "replace" | "search" | "flag"> | null | undefined;
+        thumb?: Pick<TImageRegexOptions, "replace" | "search" | "flag"> | null | undefined;
+    } | null | undefined;
+};
 declare const ProjectExtensionProviderForImageRegex: {
     (props: ProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -27,4 +34,4 @@ declare function withProjectExtensionImageRegex<Props extends {}>(propKey?: stri
     (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, };
+export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, useProjectExtensionImageRegex, };

package/dist/declarations/src/export-types.d.ts

@@ -1,7 +1,9 @@
 import type { TProviderProps as ProviderProps, TApplicationContext as ApplicationContext, TNormalizedMenuVisibilities as NormalizedMenuVisibilities, TNormalizedPermissions as NormalizedPermissions, TNormalizedActionRights as NormalizedActionRights, TNormalizedDataFences as NormalizedDataFences } from './components/application-context';
+import type { TImageRegexContext as ImageRegexContext } from './components/project-extension-image-regex';
 export declare type TProviderProps<AdditionalEnvironmentProperties extends {}> = ProviderProps<AdditionalEnvironmentProperties>;
 export declare type TApplicationContext<AdditionalEnvironmentProperties extends {}> = ApplicationContext<AdditionalEnvironmentProperties>;
 export declare type TNormalizedMenuVisibilities = NormalizedMenuVisibilities;
 export declare type TNormalizedPermissions = NormalizedPermissions;
 export declare type TNormalizedActionRights = NormalizedActionRights;
 export declare type TNormalizedDataFences = NormalizedDataFences;
+export declare type TImageRegexContext = ImageRegexContext;

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

@@ -1,4 +1,4 @@
 export { default as version } from './version';
 export * from './export-types';
 export { Context, ApplicationContext, ApplicationContextProvider, withApplicationContext, useApplicationContext, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, } from './components/application-context';
-export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, } from './components/project-extension-image-regex';
+export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, useProjectExtensionImageRegex, } from './components/project-extension-image-regex';

package/dist/declarations/src/types/generated/mc.d.ts

@@ -1,4 +1,5 @@
 export declare type Maybe<T> = T | null;
+export declare type InputMaybe<T> = Maybe<T>;
 export declare type Exact<T extends {
     [key: string]: unknown;
 }> = {
@@ -51,7 +52,7 @@ export declare type TCartClassificationValue = {
     key: Scalars['String'];
 };
 export declare type TChangeUserBusinessRole = {
-    businessRole?: Maybe<Scalars['String']>;
+    businessRole?: InputMaybe<Scalars['String']>;
 };
 export declare type TChangeUserLanguage = {
     language: Scalars['String'];
@@ -90,7 +91,7 @@ export declare type TInvitationInput = {
 };
 export declare type TInvitationOrganizationInput = {
     id: Scalars['ID'];
-    name?: Maybe<Scalars['String']>;
+    name?: InputMaybe<Scalars['String']>;
     version: Scalars['Int'];
 };
 export declare type TInvitationQueryResult = {
@@ -158,14 +159,13 @@ export declare type TMutation_CreateOAuthClientArgs = {
 };
 export declare type TMutation_DeleteAccountArgs = {
     jwt: Scalars['String'];
-    origin?: Maybe<Scalars['String']>;
 };
 export declare type TMutation_DeleteOAuthClientArgs = {
     id: Scalars['ID'];
 };
 export declare type TMutation_InviteArgs = {
     draft: TInvitationInput;
-    origin?: Maybe<Scalars['String']>;
+    origin?: InputMaybe<Scalars['String']>;
 };
 export declare type TMutation_RandomArgs = {
     byteLength: Scalars['Int'];
@@ -173,20 +173,14 @@ export declare type TMutation_RandomArgs = {
 export declare type TMutation_ResetPasswordArgs = {
     draft: TResetPasswordDraft;
     jwt: Scalars['String'];
-    origin?: Maybe<Scalars['String']>;
-};
-export declare type TMutation_SendLinkToDeleteAccountArgs = {
-    origin?: Maybe<Scalars['String']>;
 };
 export declare type TMutation_SendLinkToResetPasswordArgs = {
     email: Scalars['String'];
-    origin?: Maybe<Scalars['String']>;
 };
 export declare type TMutation_SendLinkToSignUpArgs = {
-    additionalInfo?: Maybe<TAdditionalUserInfo>;
+    additionalInfo?: InputMaybe<TAdditionalUserInfo>;
     email: Scalars['String'];
-    language?: Maybe<Scalars['String']>;
-    origin?: Maybe<Scalars['String']>;
+    language?: InputMaybe<Scalars['String']>;
 };
 export declare type TMutation_SignUpArgs = {
     draft: TUserDraft;
@@ -252,6 +246,7 @@ export declare enum TPermissionScope {
     GetPermissionForAnyProject = "get_permission_for_any_project",
     IntrospectOauthTokens = "introspect_oauth_tokens",
     ManageApiClients = "manage_api_clients",
+    ManageAttributeGroups = "manage_attribute_groups",
     ManageAuditLog = "manage_audit_log",
     ManageCartDiscounts = "manage_cart_discounts",
     ManageCategories = "manage_categories",
@@ -271,17 +266,20 @@ export declare enum TPermissionScope {
     ManageOrderEdits = "manage_order_edits",
     ManageOrders = "manage_orders",
     ManagePayments = "manage_payments",
+    ManageProductSelections = "manage_product_selections",
     ManageProducts = "manage_products",
     ManageProject = "manage_project",
     ManageProjectSettings = "manage_project_settings",
     ManageShippingMethods = "manage_shipping_methods",
     ManageShoppingLists = "manage_shopping_lists",
+    ManageStandalonePrices = "manage_standalone_prices",
     ManageStates = "manage_states",
     ManageStores = "manage_stores",
     ManageSubscriptions = "manage_subscriptions",
     ManageTaxCategories = "manage_tax_categories",
     ManageTypes = "manage_types",
     ViewApiClients = "view_api_clients",
+    ViewAttributeGroups = "view_attribute_groups",
     ViewAuditLog = "view_audit_log",
     ViewCartDiscounts = "view_cart_discounts",
     ViewCategories = "view_categories",
@@ -296,12 +294,14 @@ export declare enum TPermissionScope {
     ViewOrderEdits = "view_order_edits",
     ViewOrders = "view_orders",
     ViewPayments = "view_payments",
+    ViewProductSelections = "view_product_selections",
     ViewProducts = "view_products",
     ViewProjectSettings = "view_project_settings",
     ViewProjects = "view_projects",
     ViewPublishedProducts = "view_published_products",
     ViewShippingMethods = "view_shipping_methods",
     ViewShoppingLists = "view_shopping_lists",
+    ViewStandalonePrices = "view_standalone_prices",
     ViewStates = "view_states",
     ViewStores = "view_stores",
     ViewTaxCategories = "view_tax_categories",
@@ -334,10 +334,10 @@ export declare type TProject = TMetaData & {
 export declare type TProjectDraftType = {
     countries: Array<Scalars['String']>;
     currencies: Array<Scalars['String']>;
-    deleteDaysAfterCreation?: Maybe<Scalars['Int']>;
+    deleteDaysAfterCreation?: InputMaybe<Scalars['Int']>;
     key: Scalars['String'];
     languages: Array<Scalars['String']>;
-    messagesEnabled?: Maybe<Scalars['Boolean']>;
+    messagesEnabled?: InputMaybe<Scalars['Boolean']>;
     name: Scalars['String'];
     ownerId: Scalars['String'];
 };
@@ -361,8 +361,8 @@ export declare type TProjectPermission = {
 };
 export declare type TProjectPermissionInput = {
     key: TPermissionScope;
-    projectKey?: Maybe<Scalars['String']>;
-    storeKey?: Maybe<Scalars['String']>;
+    projectKey?: InputMaybe<Scalars['String']>;
+    storeKey?: InputMaybe<Scalars['String']>;
 };
 export declare type TProjectQueryResult = TQueryResult & {
     __typename?: 'ProjectQueryResult';
@@ -403,26 +403,26 @@ export declare type TQuery = {
     storeOAuthScopes: Array<TPermissionScope>;
 };
 export declare type TQuery_AllImpliedOAuthScopesArgs = {
-    onlyConfiguredOnTrustedClient?: Maybe<Scalars['Boolean']>;
+    onlyConfiguredOnTrustedClient?: InputMaybe<Scalars['Boolean']>;
     resourceAccessPermissions: Array<Scalars['String']>;
 };
 export declare type TQuery_InvitationArgs = {
-    where?: Maybe<TInvitationWhereInput>;
+    where?: InputMaybe<TInvitationWhereInput>;
 };
 export declare type TQuery_OAuthClientArgs = {
     id: Scalars['String'];
 };
 export declare type TQuery_OAuthClientsArgs = {
-    limit?: Maybe<Scalars['Int']>;
-    offset?: Maybe<Scalars['Int']>;
-    sort?: Maybe<Array<Scalars['String']>>;
+    limit?: InputMaybe<Scalars['Int']>;
+    offset?: InputMaybe<Scalars['Int']>;
+    sort?: InputMaybe<Array<Scalars['String']>>;
 };
 export declare type TQuery_ProjectArgs = {
-    key?: Maybe<Scalars['String']>;
+    key?: InputMaybe<Scalars['String']>;
 };
 export declare type TQuery_ReleasesArgs = {
-    limit?: Maybe<Scalars['Int']>;
-    offset?: Maybe<Scalars['Int']>;
+    limit?: InputMaybe<Scalars['Int']>;
+    offset?: InputMaybe<Scalars['Int']>;
     origin: TReleaseOrigin;
 };
 export declare type TQueryResult = {
@@ -455,8 +455,8 @@ export declare type TReleaseHistory = {
     title: Scalars['String'];
 };
 export declare type TReleaseHistory_EntriesArgs = {
-    limit?: Maybe<Scalars['Int']>;
-    offset?: Maybe<Scalars['Int']>;
+    limit?: InputMaybe<Scalars['Int']>;
+    offset?: InputMaybe<Scalars['Int']>;
 };
 export declare enum TReleaseOrigin {
     Ctp = "ctp",
@@ -481,7 +481,7 @@ export declare type TResetUser = {
     id: Scalars['String'];
 };
 export declare type TSetUserTimeZone = {
-    timeZone?: Maybe<Scalars['String']>;
+    timeZone?: InputMaybe<Scalars['String']>;
 };
 export declare type TShippingRateInputType = {
     __typename?: 'ShippingRateInputType';
@@ -554,18 +554,18 @@ export declare type TUser = TMetaData & {
     version?: Maybe<Scalars['Int']>;
 };
 export declare type TUserDraft = {
-    businessRole?: Maybe<Scalars['String']>;
+    businessRole?: InputMaybe<Scalars['String']>;
     firstName: Scalars['String'];
     lastName: Scalars['String'];
     password: Scalars['String'];
 };
 export declare type TUserUpdateAction = {
-    changeBusinessRole?: Maybe<TChangeUserBusinessRole>;
-    changeLanguage?: Maybe<TChangeUserLanguage>;
-    changeName?: Maybe<TChangeUserName>;
-    changeNumberFormat?: Maybe<TChangeUserNumberFormat>;
-    changePassword?: Maybe<TChangeUserPassword>;
-    setTimeZone?: Maybe<TSetUserTimeZone>;
+    changeBusinessRole?: InputMaybe<TChangeUserBusinessRole>;
+    changeLanguage?: InputMaybe<TChangeUserLanguage>;
+    changeName?: InputMaybe<TChangeUserName>;
+    changeNumberFormat?: InputMaybe<TChangeUserNumberFormat>;
+    changePassword?: InputMaybe<TChangeUserPassword>;
+    setTimeZone?: InputMaybe<TSetUserTimeZone>;
 };
 export declare type TAmILoggedInQueryVariables = Exact<{
     [key: string]: never;
@@ -582,7 +582,7 @@ export declare type TFetchProjectQuery = {
     project?: {
         __typename?: 'Project';
         key: string;
-        version?: number | null | undefined;
+        version?: number | null;
         name: string;
         countries: Array<string>;
         currencies: Array<string>;
@@ -591,12 +591,12 @@ export declare type TFetchProjectQuery = {
         expiry: {
             __typename?: 'ProjectExpiry';
             isActive: boolean;
-            daysLeft?: number | null | undefined;
+            daysLeft?: number | null;
         };
         suspension: {
             __typename?: 'ProjectSuspension';
             isActive: boolean;
-            reason?: TProjectSuspensionReason | null | undefined;
+            reason?: TProjectSuspensionReason | null;
         };
         allAppliedPermissions: Array<{
             __typename?: 'AppliedPermission';
@@ -647,7 +647,7 @@ export declare type TFetchProjectQuery = {
             id: string;
             name: string;
         };
-    } | null | undefined;
+    } | null;
 };
 export declare type TFetchLoggedInUserQueryVariables = Exact<{
     [key: string]: never;
@@ -663,14 +663,14 @@ export declare type TFetchLoggedInUserQuery = {
         lastName: string;
         language: string;
         numberFormat: string;
-        timeZone?: string | null | undefined;
+        timeZone?: string | null;
         launchdarklyTrackingId: string;
         launchdarklyTrackingGroup: string;
-        launchdarklyTrackingSubgroup?: string | null | undefined;
-        launchdarklyTrackingTeam?: Array<string> | null | undefined;
+        launchdarklyTrackingSubgroup?: string | null;
+        launchdarklyTrackingTeam?: Array<string> | null;
         launchdarklyTrackingTenant: string;
-        defaultProjectKey?: string | null | undefined;
-        businessRole?: string | null | undefined;
+        defaultProjectKey?: string | null;
+        businessRole?: string | null;
         projects: {
             __typename?: 'ProjectQueryResult';
             total: number;
@@ -688,7 +688,7 @@ export declare type TFetchLoggedInUserQuery = {
                 };
             }>;
         };
-    } | null | undefined;
+    } | null;
 };
 export declare type TFetchUserProjectsQueryVariables = Exact<{
     [key: string]: never;
@@ -714,7 +714,7 @@ export declare type TFetchUserProjectsQuery = {
                 };
             }>;
         };
-    } | null | undefined;
+    } | null;
 };
 export declare type TAllFeaturesQueryVariables = Exact<{
     [key: string]: never;
@@ -725,7 +725,7 @@ export declare type TAllFeaturesQuery = {
         __typename?: 'Feature';
         name: string;
         value: boolean;
-        reason?: string | null | undefined;
+        reason?: string | null;
     }>;
 };
 export declare type TFetchUserIdQueryVariables = Exact<{
@@ -736,5 +736,5 @@ export declare type TFetchUserIdQuery = {
     user?: {
         __typename?: 'User';
         id: string;
-    } | null | undefined;
+    } | null;
 };

package/dist/declarations/src/types/generated/settings.d.ts

@@ -1174,6 +1174,29 @@ export declare type TMutation_UpdateVariantPricesListViewArgs = {
 export declare type TMutation_VerifyCustomApplicationsMaintainerContactEmailArgs = {
     token: Scalars['String'];
 };
+export declare type TMyCustomApplication = {
+    __typename?: 'MyCustomApplication';
+    createdAt: Scalars['DateTime'];
+    description?: Maybe<Scalars['String']>;
+    entryPointUriPath: Scalars['String'];
+    icon: Scalars['String'];
+    id: Scalars['ID'];
+    mainMenuLink: TCustomApplicationMenuLink;
+    name: Scalars['String'];
+    organizationId: Scalars['String'];
+    organizationName: Scalars['String'];
+    permissions: Array<TCustomApplicationPermission>;
+    status: TCustomApplicationStatus;
+    submenuLinks: Array<TCustomApplicationSubmenuLink>;
+    updatedAt: Scalars['DateTime'];
+    url: Scalars['String'];
+};
+export declare type TMyCustomApplicationQueryInput = {
+    where?: InputMaybe<TMyCustomApplicationQueryWhereInput>;
+};
+export declare type TMyCustomApplicationQueryWhereInput = {
+    status?: InputMaybe<TCustomApplicationStatus>;
+};
 export declare type TNavbarMenu = {
     __typename?: 'NavbarMenu';
     createdAt: Scalars['DateTime'];
@@ -1515,6 +1538,7 @@ export declare type TOrganizationExtensionForCustomApplication = {
     application: TRestrictedCustomApplicationForOrganization;
     id: Scalars['ID'];
     organizationId: Scalars['String'];
+    organizationName?: Maybe<Scalars['String']>;
 };
 export declare type TPimSearchListView = {
     __typename?: 'PimSearchListView';
@@ -1652,6 +1676,7 @@ export declare type TQuery = {
     discountCodesListView?: Maybe<TDiscountCodesListView>;
     globalOrganizationExtension?: Maybe<TOrganizationExtension>;
     legacyCustomApplication?: Maybe<TLegacyCustomApplication>;
+    myCustomApplications: Array<TMyCustomApplication>;
     ordersListView?: Maybe<TOrdersListView>;
     ordersListViews: Array<Maybe<TOrdersListView>>;
     organizationExtension?: Maybe<TOrganizationExtension>;
@@ -1705,6 +1730,9 @@ export declare type TQuery_GlobalOrganizationExtensionArgs = {
 export declare type TQuery_LegacyCustomApplicationArgs = {
     applicationId: Scalars['ID'];
 };
+export declare type TQuery_MyCustomApplicationsArgs = {
+    params?: InputMaybe<TMyCustomApplicationQueryInput>;
+};
 export declare type TQuery_OrdersListViewArgs = {
     id: Scalars['ID'];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell-connectors",
-  "version": "21.6.0",
+  "version": "21.8.0",
   "description": "Contains complementary tools for @commercetools-frontend/application-shell",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -23,8 +23,8 @@
   "dependencies": {
     "@babel/runtime": "^7.17.9",
     "@babel/runtime-corejs3": "^7.17.9",
-    "@commercetools-frontend/constants": "21.3.4",
-    "@commercetools-frontend/sentry": "21.6.0",
+    "@commercetools-frontend/constants": "21.8.0",
+    "@commercetools-frontend/sentry": "21.8.0",
     "@emotion/react": "11.9.0",
     "@types/lodash": "^4.14.181",
     "@types/prop-types": "^15.7.5",
@@ -32,7 +32,8 @@
     "graphql": "15.8.0",
     "lodash": "4.17.21",
     "moment-timezone": "^0.5.34",
-    "prop-types": "15.8.1"
+    "prop-types": "15.8.1",
+    "tiny-warning": "1.0.3"
   },
   "devDependencies": {
     "@apollo/client": "3.6.2",