@commercetools-frontend/application-shell-connectors 24.2.1 → 24.4.0

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

@@ -21,15 +21,15 @@ var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var constants = require('@commercetools-frontend/constants');
 var react$1 = require('@apollo/client/react');
 var warning = require('tiny-warning');
-var constants = require('@commercetools-frontend/constants');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var client = require('@apollo/client');
 var loggerLink = require('apollo-link-logger');
 var error = require('@apollo/client/link/error');
 var history = require('@commercetools-frontend/browser-history');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
@@ -64,11 +64,11 @@ var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var warning__default = /*#__PURE__*/_interopDefault(warning);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var loggerLink__default = /*#__PURE__*/_interopDefault(loggerLink);
 var history__default = /*#__PURE__*/_interopDefault(history);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
@@ -79,7 +79,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.2.1";
+var version = "24.4.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -399,6 +399,22 @@ function useApplicationContextHook(selector) {
 // See related issue: https://github.com/babel/babel/issues/8361
 const useApplicationContext = useApplicationContextHook;
 
+const useCustomViewParentDataRefresher = params => {
+  const onCustomViewEventHandler = react.useCallback(event => {
+    var _context;
+    const originLocatorCode = event.detail.originLocatorCode;
+    if (_includesInstanceProperty__default["default"](_context = params.locators).call(_context, originLocatorCode)) {
+      params.onRefreshDataRequested(event.detail);
+    }
+  }, []);
+  react.useEffect(() => {
+    window.addEventListener(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_ON_CLOSE_AFTER, onCustomViewEventHandler);
+    return () => {
+      window.removeEventListener(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_ON_CLOSE_AFTER, onCustomViewEventHandler);
+    };
+  }, [onCustomViewEventHandler]);
+};
+
 function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Context$1 = /*#__PURE__*/react.createContext({});
@@ -1101,6 +1117,7 @@ exports.selectUserId = selectUserId;
 exports.setCachedApolloClient = setCachedApolloClient;
 exports.useApplicationContext = useApplicationContext;
 exports.useCustomViewContext = useCustomViewContext;
+exports.useCustomViewParentDataRefresher = useCustomViewParentDataRefresher;
 exports.useMcLazyQuery = useMcLazyQuery;
 exports.useMcMutation = useMcMutation;
 exports.useMcQuery = useMcQuery;

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

@@ -21,15 +21,15 @@ var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var constants = require('@commercetools-frontend/constants');
 var react$1 = require('@apollo/client/react');
 require('tiny-warning');
-var constants = require('@commercetools-frontend/constants');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var client = require('@apollo/client');
 var loggerLink = require('apollo-link-logger');
 var error = require('@apollo/client/link/error');
 var history = require('@commercetools-frontend/browser-history');
-var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
@@ -63,10 +63,10 @@ var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
+var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var loggerLink__default = /*#__PURE__*/_interopDefault(loggerLink);
 var history__default = /*#__PURE__*/_interopDefault(history);
-var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
@@ -77,7 +77,7 @@ var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construc
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.2.1";
+var version = "24.4.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -392,6 +392,22 @@ function useApplicationContextHook(selector) {
 // See related issue: https://github.com/babel/babel/issues/8361
 const useApplicationContext = useApplicationContextHook;
 
+const useCustomViewParentDataRefresher = params => {
+  const onCustomViewEventHandler = react.useCallback(event => {
+    var _context;
+    const originLocatorCode = event.detail.originLocatorCode;
+    if (_includesInstanceProperty__default["default"](_context = params.locators).call(_context, originLocatorCode)) {
+      params.onRefreshDataRequested(event.detail);
+    }
+  }, []);
+  react.useEffect(() => {
+    window.addEventListener(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_ON_CLOSE_AFTER, onCustomViewEventHandler);
+    return () => {
+      window.removeEventListener(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_ON_CLOSE_AFTER, onCustomViewEventHandler);
+    };
+  }, [onCustomViewEventHandler]);
+};
+
 function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Context$1 = /*#__PURE__*/react.createContext({});
@@ -1079,6 +1095,7 @@ exports.selectUserId = selectUserId;
 exports.setCachedApolloClient = setCachedApolloClient;
 exports.useApplicationContext = useApplicationContext;
 exports.useCustomViewContext = useCustomViewContext;
+exports.useCustomViewParentDataRefresher = useCustomViewParentDataRefresher;
 exports.useMcLazyQuery = useMcLazyQuery;
 exports.useMcMutation = useMcMutation;
 exports.useMcQuery = useMcQuery;

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, useMemo, useEffect } from 'react';
+import { createContext, useContext, useCallback, useEffect, useMemo } from 'react';
 import moment from 'moment-timezone';
 import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import _URL from '@babel/runtime-corejs3/core-js-stable/url';
@@ -17,15 +17,15 @@ import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
 import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { jsx } from '@emotion/react/jsx-runtime';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import { CUSTOM_VIEWS_EVENTS_NAMES, GRAPHQL_TARGETS, SUPPORTED_HEADERS, STATUS_CODES, LOGOUT_REASONS, STORAGE_KEYS, LOGIN_STRATEGY_OIDC } from '@commercetools-frontend/constants';
 import { useQuery, useLazyQuery, useMutation } from '@apollo/client/react';
 import warning from 'tiny-warning';
-import { GRAPHQL_TARGETS, SUPPORTED_HEADERS, STATUS_CODES, LOGOUT_REASONS, STORAGE_KEYS, LOGIN_STRATEGY_OIDC } from '@commercetools-frontend/constants';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import { ApolloLink, ApolloClient, InMemoryCache, createHttpLink, from } from '@apollo/client';
 import loggerLink from 'apollo-link-logger';
 import { onError } from '@apollo/client/link/error';
 import history from '@commercetools-frontend/browser-history';
-import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
@@ -45,7 +45,7 @@ import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringif
 import { RetryLink } from '@apollo/client/link/retry';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "24.2.1";
+var version = "24.4.0";
 
 // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
@@ -365,6 +365,22 @@ function useApplicationContextHook(selector) {
 // See related issue: https://github.com/babel/babel/issues/8361
 const useApplicationContext = useApplicationContextHook;
 
+const useCustomViewParentDataRefresher = params => {
+  const onCustomViewEventHandler = useCallback(event => {
+    var _context;
+    const originLocatorCode = event.detail.originLocatorCode;
+    if (_includesInstanceProperty(_context = params.locators).call(_context, originLocatorCode)) {
+      params.onRefreshDataRequested(event.detail);
+    }
+  }, []);
+  useEffect(() => {
+    window.addEventListener(CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_ON_CLOSE_AFTER, onCustomViewEventHandler);
+    return () => {
+      window.removeEventListener(CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_ON_CLOSE_AFTER, onCustomViewEventHandler);
+    };
+  }, [onCustomViewEventHandler]);
+};
+
 function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Context$1 = /*#__PURE__*/createContext({});
@@ -1040,4 +1056,4 @@ function useMcMutation(mutation, options) {
   return useMutation(mutation, options);
 }
 
-export { ApplicationContext, ApplicationContextProvider, Context$2 as Context, CustomViewContextProvider, GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getCachedApolloClient, getCorrelationId, getMcApiUrl, isLoggerEnabled, logger, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, oidcStorage, selectProjectKeyFromUrl, selectTeamIdFromStorage, selectUserId, setCachedApolloClient, useApplicationContext, useCustomViewContext, useMcLazyQuery, useMcMutation, useMcQuery, useProjectExtensionImageRegex, version, withApplicationContext, withProjectExtensionImageRegex };
+export { ApplicationContext, ApplicationContextProvider, Context$2 as Context, CustomViewContextProvider, GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, buildApiUrl, createApolloClient, createApolloContextForProxyForwardTo, createHttpClientOptions, executeHttpClientRequest, getCachedApolloClient, getCorrelationId, getMcApiUrl, isLoggerEnabled, logger, normalizeAllAppliedActionRights, normalizeAllAppliedDataFences, normalizeAllAppliedMenuVisibilities, normalizeAllAppliedPermissions, oidcStorage, selectProjectKeyFromUrl, selectTeamIdFromStorage, selectUserId, setCachedApolloClient, useApplicationContext, useCustomViewContext, useCustomViewParentDataRefresher, useMcLazyQuery, useMcMutation, useMcQuery, useProjectExtensionImageRegex, version, withApplicationContext, withProjectExtensionImageRegex };

package/dist/declarations/src/hooks/custom-views/use-custom-view-parent-data-refresher.d.ts

@@ -0,0 +1,5 @@
+export type TCustomViewParentDataRefresherParams = {
+    locators: string[];
+    onRefreshDataRequested: (context: Record<string, unknown>) => void;
+};
+export declare const useCustomViewParentDataRefresher: (params: TCustomViewParentDataRefresherParams) => void;

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

@@ -1,6 +1,7 @@
 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 { useCustomViewParentDataRefresher } from './hooks/custom-views/use-custom-view-parent-data-refresher';
 export { CustomViewContextProvider, useCustomViewContext, } from './components/custom-view-context';
 export { GetProjectExtensionImageRegex, ProjectExtensionProviderForImageRegex, withProjectExtensionImageRegex, useProjectExtensionImageRegex, } from './components/project-extension-image-regex';
 export { default as createApolloClient } from './configure-apollo';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-shell-connectors",
-  "version": "24.2.1",
+  "version": "24.4.0",
   "description": "Contains complementary tools for @commercetools-frontend/application-shell",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -37,10 +37,10 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/application-config": "24.2.1",
-    "@commercetools-frontend/browser-history": "24.2.1",
-    "@commercetools-frontend/constants": "24.2.1",
-    "@commercetools-frontend/sentry": "24.2.1",
+    "@commercetools-frontend/application-config": "24.4.0",
+    "@commercetools-frontend/browser-history": "24.4.0",
+    "@commercetools-frontend/constants": "24.4.0",
+    "@commercetools-frontend/sentry": "24.4.0",
     "@commercetools/http-user-agent": "3.0.0",
     "@emotion/react": "^11.14.0",
     "@types/lodash": "^4.14.198",