@commercetools-frontend/application-components 22.10.0 → 22.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/commercetools-frontend-application-components.cjs.dev.js +7 -4
  2. package/dist/commercetools-frontend-application-components.cjs.prod.js +7 -4
  3. package/dist/commercetools-frontend-application-components.esm.js +8 -5
  4. package/dist/{public-page-layout-890c2dd3.cjs.dev.js → public-page-layout-27a5ab82.cjs.dev.js} +1 -0
  5. package/dist/{public-page-layout-b0606764.esm.js → public-page-layout-3a970c93.esm.js} +1 -0
  6. package/dist/{public-page-layout-e13f8cb7.cjs.prod.js → public-page-layout-e73cb2ac.cjs.prod.js} +1 -0
  7. package/package.json +10 -9
package/dist/commercetools-frontend-application-components.cjs.dev.js CHANGED
@@ -40,6 +40,7 @@ var sentry = require('@commercetools-frontend/sentry');
40
40
  var Constraints = require('@commercetools-uikit/constraints');
41
41
  var actionsGlobal = require('@commercetools-frontend/actions-global');
42
42
  var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
43
+ var reactBroadcast = require('@flopflip/react-broadcast');
43
44
  var FlatButton = require('@commercetools-uikit/flat-button');
44
45
  var IconButton = require('@commercetools-uikit/icon-button');
45
46
  var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -83,7 +84,7 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
83
84
  var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
84
85
 
85
86
  // NOTE: This string will be replaced on build time with the package version.
86
- var version = "22.10.0";
87
+ var version = "22.11.0";
87
88
 
88
89
  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
89
90
  const appKitSpacing55 = '40px';
@@ -880,13 +881,15 @@ var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "Operation
880
881
  const useCustomViewsConnector = _ref => {
881
882
  var _data$allCustomViewsI;
882
883
  let customViewLocatorCode = _ref.customViewLocatorCode;
884
+ const areCustomViewsEnabled = reactBroadcast.useFeatureToggle(constants.featureFlags.CUSTOM_VIEWS) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
883
885
  const _useMcQuery = applicationShellConnectors.useMcQuery(FetchCustomViewsQuery, {
884
886
  variables: {
885
887
  customViewLocatorCode
886
888
  },
887
889
  context: {
888
890
  target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
889
- }
891
+ },
892
+ skip: !areCustomViewsEnabled
890
893
  }),
891
894
  data = _useMcQuery.data,
892
895
  error = _useMcQuery.error,
@@ -1518,7 +1521,7 @@ const useCustomViewLocatorSelector = function () {
1518
1521
  return reactRouterDom.matchPath(location.pathname, {
1519
1522
  // strip the search, otherwise the path won't match
1520
1523
  path: pathWithoutSearch(locator),
1521
- exact: false,
1524
+ exact: true,
1522
1525
  strict: false
1523
1526
  });
1524
1527
  });
@@ -1908,7 +1911,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
1908
1911
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1909
1912
  TabularDetailPage.Intl = i18n.sharedMessages;
1910
1913
 
1911
- const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-890c2dd3.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
1914
+ const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-27a5ab82.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
1912
1915
 
1913
1916
  const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1914
1917
  target: "ev8m2jf2"
package/dist/commercetools-frontend-application-components.cjs.prod.js CHANGED
@@ -40,6 +40,7 @@ var sentry = require('@commercetools-frontend/sentry');
40
40
  var Constraints = require('@commercetools-uikit/constraints');
41
41
  var actionsGlobal = require('@commercetools-frontend/actions-global');
42
42
  var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
43
+ var reactBroadcast = require('@flopflip/react-broadcast');
43
44
  var FlatButton = require('@commercetools-uikit/flat-button');
44
45
  var IconButton = require('@commercetools-uikit/icon-button');
45
46
  var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -82,7 +83,7 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
82
83
  var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
83
84
 
84
85
  // NOTE: This string will be replaced on build time with the package version.
85
- var version = "22.10.0";
86
+ var version = "22.11.0";
86
87
 
87
88
  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
88
89
  const appKitSpacing55 = '40px';
@@ -705,13 +706,15 @@ var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "Operation
705
706
  const useCustomViewsConnector = _ref => {
706
707
  var _data$allCustomViewsI;
707
708
  let customViewLocatorCode = _ref.customViewLocatorCode;
709
+ const areCustomViewsEnabled = reactBroadcast.useFeatureToggle(constants.featureFlags.CUSTOM_VIEWS) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
708
710
  const _useMcQuery = applicationShellConnectors.useMcQuery(FetchCustomViewsQuery, {
709
711
  variables: {
710
712
  customViewLocatorCode
711
713
  },
712
714
  context: {
713
715
  target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
714
- }
716
+ },
717
+ skip: !areCustomViewsEnabled
715
718
  }),
716
719
  data = _useMcQuery.data,
717
720
  error = _useMcQuery.error,
@@ -1161,7 +1164,7 @@ const useCustomViewLocatorSelector = function () {
1161
1164
  return reactRouterDom.matchPath(location.pathname, {
1162
1165
  // strip the search, otherwise the path won't match
1163
1166
  path: pathWithoutSearch(locator),
1164
- exact: false,
1167
+ exact: true,
1165
1168
  strict: false
1166
1169
  });
1167
1170
  });
@@ -1425,7 +1428,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
1425
1428
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1426
1429
  TabularDetailPage.Intl = i18n.sharedMessages;
1427
1430
 
1428
- const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-e13f8cb7.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
1431
+ const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-e73cb2ac.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
1429
1432
 
1430
1433
  const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
1431
1434
  target: "ev8m2jf2"
package/dist/commercetools-frontend-application-components.esm.js CHANGED
@@ -19,7 +19,7 @@ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
19
19
  import { isValidElement, useRef, useCallback, useEffect, useState, cloneElement, lazy, Children, forwardRef } from 'react';
20
20
  import _styled from '@emotion/styled/base';
21
21
  import Modal from 'react-modal';
22
- import { PORTALS_CONTAINER_ID, DOMAINS, NOTIFICATION_KINDS_PAGE, CUSTOM_VIEWS_EVENTS_NAMES, CUSTOM_VIEWS_EVENTS_META, GRAPHQL_TARGETS, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
22
+ import { PORTALS_CONTAINER_ID, DOMAINS, NOTIFICATION_KINDS_PAGE, CUSTOM_VIEWS_EVENTS_NAMES, CUSTOM_VIEWS_EVENTS_META, featureFlags, GRAPHQL_TARGETS, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
23
23
  import Card from '@commercetools-uikit/card';
24
24
  import { CloseIcon, SidebarCollapseIcon, AngleLeftIcon, BinLinearIcon, ListIcon } from '@commercetools-uikit/icons';
25
25
  import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
@@ -36,6 +36,7 @@ import { reportErrorToSentry } from '@commercetools-frontend/sentry';
36
36
  import Constraints from '@commercetools-uikit/constraints';
37
37
  import { useShowNotification } from '@commercetools-frontend/actions-global';
38
38
  import { useApplicationContext, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
39
+ import { useFeatureToggle } from '@flopflip/react-broadcast';
39
40
  import FlatButton from '@commercetools-uikit/flat-button';
40
41
  import IconButton from '@commercetools-uikit/icon-button';
41
42
  import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
@@ -46,7 +47,7 @@ import useResizeObserver from '@react-hook/resize-observer';
46
47
  import { useMutationObserver } from '@commercetools-uikit/hooks';
47
48
 
48
49
  // NOTE: This string will be replaced on build time with the package version.
49
- var version = "22.10.0";
50
+ var version = "22.11.0";
50
51
 
51
52
  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
52
53
  const appKitSpacing55 = '40px';
@@ -843,13 +844,15 @@ var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "Operation
843
844
  const useCustomViewsConnector = _ref => {
844
845
  var _data$allCustomViewsI;
845
846
  let customViewLocatorCode = _ref.customViewLocatorCode;
847
+ const areCustomViewsEnabled = useFeatureToggle(featureFlags.CUSTOM_VIEWS) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
846
848
  const _useMcQuery = useMcQuery(FetchCustomViewsQuery, {
847
849
  variables: {
848
850
  customViewLocatorCode
849
851
  },
850
852
  context: {
851
853
  target: GRAPHQL_TARGETS.SETTINGS_SERVICE
852
- }
854
+ },
855
+ skip: !areCustomViewsEnabled
853
856
  }),
854
857
  data = _useMcQuery.data,
855
858
  error = _useMcQuery.error,
@@ -1481,7 +1484,7 @@ const useCustomViewLocatorSelector = function () {
1481
1484
  return matchPath(location.pathname, {
1482
1485
  // strip the search, otherwise the path won't match
1483
1486
  path: pathWithoutSearch(locator),
1484
- exact: false,
1487
+ exact: true,
1485
1488
  strict: false
1486
1489
  });
1487
1490
  });
@@ -1871,7 +1874,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
1871
1874
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1872
1875
  TabularDetailPage.Intl = sharedMessages;
1873
1876
 
1874
- const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-b0606764.esm.js' /* webpackChunkName: "public-page-layout" */));
1877
+ const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-3a970c93.esm.js' /* webpackChunkName: "public-page-layout" */));
1875
1878
 
1876
1879
  const MainPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1877
1880
  target: "ev8m2jf2"
package/dist/{public-page-layout-890c2dd3.cjs.dev.js → public-page-layout-27a5ab82.cjs.dev.js} RENAMED
@@ -40,6 +40,7 @@ require('@commercetools-frontend/sentry');
40
40
  require('@commercetools-uikit/constraints');
41
41
  require('@commercetools-frontend/actions-global');
42
42
  require('@commercetools-frontend/application-shell-connectors');
43
+ require('@flopflip/react-broadcast');
43
44
  require('@commercetools-uikit/flat-button');
44
45
  require('@commercetools-uikit/icon-button');
45
46
  require('@babel/runtime-corejs3/core-js-stable/instance/find');
package/dist/{public-page-layout-b0606764.esm.js → public-page-layout-3a970c93.esm.js} RENAMED
@@ -38,6 +38,7 @@ import '@commercetools-frontend/sentry';
38
38
  import '@commercetools-uikit/constraints';
39
39
  import '@commercetools-frontend/actions-global';
40
40
  import '@commercetools-frontend/application-shell-connectors';
41
+ import '@flopflip/react-broadcast';
41
42
  import '@commercetools-uikit/flat-button';
42
43
  import '@commercetools-uikit/icon-button';
43
44
  import '@babel/runtime-corejs3/core-js-stable/instance/find';
package/dist/{public-page-layout-e13f8cb7.cjs.prod.js → public-page-layout-e73cb2ac.cjs.prod.js} RENAMED
@@ -40,6 +40,7 @@ require('@commercetools-frontend/sentry');
40
40
  require('@commercetools-uikit/constraints');
41
41
  require('@commercetools-frontend/actions-global');
42
42
  require('@commercetools-frontend/application-shell-connectors');
43
+ require('@flopflip/react-broadcast');
43
44
  require('@commercetools-uikit/flat-button');
44
45
  require('@commercetools-uikit/icon-button');
45
46
  require('@babel/runtime-corejs3/core-js-stable/instance/find');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/application-components",
3
- "version": "22.10.0",
3
+ "version": "22.11.0",
4
4
  "description": "Generic components for building Merchant Center applications",
5
5
  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
6
6
  "repository": {
@@ -36,14 +36,14 @@
36
36
  "dependencies": {
37
37
  "@babel/runtime": "^7.22.15",
38
38
  "@babel/runtime-corejs3": "^7.22.15",
39
- "@commercetools-frontend/actions-global": "22.10.0",
40
- "@commercetools-frontend/application-config": "22.10.0",
41
- "@commercetools-frontend/application-shell-connectors": "22.10.0",
42
- "@commercetools-frontend/assets": "22.10.0",
43
- "@commercetools-frontend/constants": "22.10.0",
44
- "@commercetools-frontend/i18n": "22.10.0",
45
- "@commercetools-frontend/l10n": "22.10.0",
46
- "@commercetools-frontend/sentry": "22.10.0",
39
+ "@commercetools-frontend/actions-global": "22.11.0",
40
+ "@commercetools-frontend/application-config": "22.11.0",
41
+ "@commercetools-frontend/application-shell-connectors": "22.11.0",
42
+ "@commercetools-frontend/assets": "22.11.0",
43
+ "@commercetools-frontend/constants": "22.11.0",
44
+ "@commercetools-frontend/i18n": "22.11.0",
45
+ "@commercetools-frontend/l10n": "22.11.0",
46
+ "@commercetools-frontend/sentry": "22.11.0",
47
47
  "@commercetools-uikit/card": "^16.7.3",
48
48
  "@commercetools-uikit/constraints": "^16.7.3",
49
49
  "@commercetools-uikit/design-system": "^16.7.3",
@@ -61,6 +61,7 @@
61
61
  "@commercetools-uikit/utils": "^16.7.3",
62
62
  "@emotion/react": "11.11.0",
63
63
  "@emotion/styled": "11.11.0",
64
+ "@flopflip/react-broadcast": "13.1.5",
64
65
  "@react-hook/latest": "1.0.3",
65
66
  "@react-hook/resize-observer": "1.2.6",
66
67
  "@types/history": "^4.7.11",