@commercetools-frontend/application-components 22.10.0 → 22.12.0

package/dist/commercetools-frontend-application-components.cjs.dev.js

@@ -40,6 +40,7 @@ var sentry = require('@commercetools-frontend/sentry');
 var Constraints = require('@commercetools-uikit/constraints');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var reactBroadcast = require('@flopflip/react-broadcast');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var IconButton = require('@commercetools-uikit/icon-button');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -83,7 +84,7 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
 var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.10.0";
+var version = "22.12.0";
 
 var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
 const appKitSpacing55 = '40px';
@@ -880,13 +881,15 @@ var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "Operation
 const useCustomViewsConnector = _ref => {
   var _data$allCustomViewsI;
   let customViewLocatorCode = _ref.customViewLocatorCode;
+  const areCustomViewsEnabled = reactBroadcast.useFeatureToggle(constants.featureFlags.CUSTOM_VIEWS) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
   const _useMcQuery = applicationShellConnectors.useMcQuery(FetchCustomViewsQuery, {
       variables: {
         customViewLocatorCode
       },
       context: {
         target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
-      }
+      },
+      skip: !areCustomViewsEnabled
     }),
     data = _useMcQuery.data,
     error = _useMcQuery.error,
@@ -1518,7 +1521,7 @@ const useCustomViewLocatorSelector = function () {
     return reactRouterDom.matchPath(location.pathname, {
       // strip the search, otherwise the path won't match
       path: pathWithoutSearch(locator),
-      exact: false,
+      exact: true,
       strict: false
     });
   });
@@ -1908,7 +1911,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
 // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 TabularDetailPage.Intl = i18n.sharedMessages;
 
-const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-890c2dd3.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
+const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-4e26387d.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
 
 const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "ev8m2jf2"

package/dist/commercetools-frontend-application-components.cjs.prod.js

@@ -40,6 +40,7 @@ var sentry = require('@commercetools-frontend/sentry');
 var Constraints = require('@commercetools-uikit/constraints');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
+var reactBroadcast = require('@flopflip/react-broadcast');
 var FlatButton = require('@commercetools-uikit/flat-button');
 var IconButton = require('@commercetools-uikit/icon-button');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -82,7 +83,7 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
 var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.10.0";
+var version = "22.12.0";
 
 var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
 const appKitSpacing55 = '40px';
@@ -705,13 +706,15 @@ var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "Operation
 const useCustomViewsConnector = _ref => {
   var _data$allCustomViewsI;
   let customViewLocatorCode = _ref.customViewLocatorCode;
+  const areCustomViewsEnabled = reactBroadcast.useFeatureToggle(constants.featureFlags.CUSTOM_VIEWS) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
   const _useMcQuery = applicationShellConnectors.useMcQuery(FetchCustomViewsQuery, {
       variables: {
         customViewLocatorCode
       },
       context: {
         target: constants.GRAPHQL_TARGETS.SETTINGS_SERVICE
-      }
+      },
+      skip: !areCustomViewsEnabled
     }),
     data = _useMcQuery.data,
     error = _useMcQuery.error,
@@ -1161,7 +1164,7 @@ const useCustomViewLocatorSelector = function () {
     return reactRouterDom.matchPath(location.pathname, {
       // strip the search, otherwise the path won't match
       path: pathWithoutSearch(locator),
-      exact: false,
+      exact: true,
       strict: false
     });
   });
@@ -1425,7 +1428,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
 // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 TabularDetailPage.Intl = i18n.sharedMessages;
 
-const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-e13f8cb7.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
+const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-0e1daa2e.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
 
 const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ev8m2jf2"

package/dist/commercetools-frontend-application-components.esm.js

@@ -19,7 +19,7 @@ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { isValidElement, useRef, useCallback, useEffect, useState, cloneElement, lazy, Children, forwardRef } from 'react';
 import _styled from '@emotion/styled/base';
 import Modal from 'react-modal';
-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';
+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';
 import Card from '@commercetools-uikit/card';
 import { CloseIcon, SidebarCollapseIcon, AngleLeftIcon, BinLinearIcon, ListIcon } from '@commercetools-uikit/icons';
 import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
@@ -36,6 +36,7 @@ import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import Constraints from '@commercetools-uikit/constraints';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { useApplicationContext, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
+import { useFeatureToggle } from '@flopflip/react-broadcast';
 import FlatButton from '@commercetools-uikit/flat-button';
 import IconButton from '@commercetools-uikit/icon-button';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
@@ -46,7 +47,7 @@ import useResizeObserver from '@react-hook/resize-observer';
 import { useMutationObserver } from '@commercetools-uikit/hooks';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.10.0";
+var version = "22.12.0";
 
 var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
 const appKitSpacing55 = '40px';
@@ -843,13 +844,15 @@ var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "Operation
 const useCustomViewsConnector = _ref => {
   var _data$allCustomViewsI;
   let customViewLocatorCode = _ref.customViewLocatorCode;
+  const areCustomViewsEnabled = useFeatureToggle(featureFlags.CUSTOM_VIEWS) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
   const _useMcQuery = useMcQuery(FetchCustomViewsQuery, {
       variables: {
         customViewLocatorCode
       },
       context: {
         target: GRAPHQL_TARGETS.SETTINGS_SERVICE
-      }
+      },
+      skip: !areCustomViewsEnabled
     }),
     data = _useMcQuery.data,
     error = _useMcQuery.error,
@@ -1481,7 +1484,7 @@ const useCustomViewLocatorSelector = function () {
     return matchPath(location.pathname, {
       // strip the search, otherwise the path won't match
       path: pathWithoutSearch(locator),
-      exact: false,
+      exact: true,
       strict: false
     });
   });
@@ -1871,7 +1874,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
 // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 TabularDetailPage.Intl = sharedMessages;
 
-const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-b0606764.esm.js' /* webpackChunkName: "public-page-layout" */));
+const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-82978d93.esm.js' /* webpackChunkName: "public-page-layout" */));
 
 const MainPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ev8m2jf2"

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

@@ -596,6 +596,7 @@ export type TMutation = {
     activateCustomersSearchListMyView?: Maybe<TCustomersSearchListMyView>;
     activateDashboardView?: Maybe<TDashboardView>;
     activateDiscountCodesCustomView?: Maybe<TDiscountsCustomView>;
+    activateOrderDetailView?: Maybe<TOrderDetailView>;
     activateOrdersListView?: Maybe<TOrdersListView>;
     activateOrganizationExtensionOidcSsoConfig?: Maybe<TOrganizationExtension>;
     activatePimSearchListView?: Maybe<TPimSearchListView>;
@@ -613,6 +614,7 @@ export type TMutation = {
     createCustomersSearchListMyView: TCustomersSearchListMyView;
     createDashboardView: TDashboardView;
     createDiscountCodesCustomView: TDiscountsCustomView;
+    createOrderDetailView: TOrderDetailView;
     createOrdersListView: TOrdersListView;
     createPimSearchListView: TPimSearchListView;
     createProductDiscountsCustomView: TDiscountsCustomView;
@@ -625,6 +627,7 @@ export type TMutation = {
     deactivateCustomersSearchListMyView?: Maybe<TOrdersListView>;
     deactivateDashboardView?: Maybe<TDashboardView>;
     deactivateDiscountCodesCustomView?: Maybe<TDiscountsCustomView>;
+    deactivateOrderDetailView?: Maybe<TOrderDetailView>;
     deactivateOrdersListView?: Maybe<TOrdersListView>;
     deactivateOrganizationExtensionOidcSsoConfig?: Maybe<TOrganizationExtension>;
     deactivatePimSearchListView?: Maybe<TPimSearchListView>;
@@ -632,6 +635,7 @@ export type TMutation = {
     deactivateProductTypeAttributesView?: Maybe<TProductTypeAttributesView>;
     deactivateProjectSettingsStoresView?: Maybe<TProjectSettingsStoresView>;
     deleteAllDashboardViews: Array<TDashboardView>;
+    deleteAllOrderDetailViews: Array<TOrderDetailView>;
     deleteAllOrdersListViews: Array<TOrdersListView>;
     deleteBusinessUnitsListMyView?: Maybe<TBusinessUnitsListMyView>;
     deleteCartDiscountsCustomView?: Maybe<TDiscountsCustomView>;
@@ -642,6 +646,7 @@ export type TMutation = {
     deleteCustomersSearchListMyView?: Maybe<TCustomersSearchListMyView>;
     deleteDashboardView?: Maybe<TDashboardView>;
     deleteDiscountCodesCustomView?: Maybe<TDiscountsCustomView>;
+    deleteOrderDetailView?: Maybe<TOrderDetailView>;
     deleteOrdersListView?: Maybe<TOrdersListView>;
     deletePimSearchListView?: Maybe<TPimSearchListView>;
     deleteProductDiscountsCustomView?: Maybe<TDiscountsCustomView>;
@@ -671,6 +676,7 @@ export type TMutation = {
     updateCustomersSearchListMyView?: Maybe<TCustomersSearchListMyView>;
     updateDashboardView?: Maybe<TDashboardView>;
     updateDiscountCodesCustomView?: Maybe<TDiscountsCustomView>;
+    updateOrderDetailView?: Maybe<TOrderDetailView>;
     updateOrdersListView?: Maybe<TOrdersListView>;
     updatePimSearchListView?: Maybe<TPimSearchListView>;
     updateProductDiscountsCustomView?: Maybe<TDiscountsCustomView>;
@@ -698,6 +704,9 @@ export type TMutation_ActivateDashboardViewArgs = {
 export type TMutation_ActivateDiscountCodesCustomViewArgs = {
     id: Scalars['ID'];
 };
+export type TMutation_ActivateOrderDetailViewArgs = {
+    id: Scalars['ID'];
+};
 export type TMutation_ActivateOrdersListViewArgs = {
     id: Scalars['ID'];
 };
@@ -759,6 +768,9 @@ export type TMutation_CreateDashboardViewArgs = {
 export type TMutation_CreateDiscountCodesCustomViewArgs = {
     data: TDiscountsCustomViewInput;
 };
+export type TMutation_CreateOrderDetailViewArgs = {
+    data: TOrderDetailViewInput;
+};
 export type TMutation_CreateOrdersListViewArgs = {
     data: TOrdersListViewInput;
 };
@@ -795,6 +807,9 @@ export type TMutation_DeactivateDashboardViewArgs = {
 export type TMutation_DeactivateDiscountCodesCustomViewArgs = {
     id: Scalars['ID'];
 };
+export type TMutation_DeactivateOrderDetailViewArgs = {
+    id: Scalars['ID'];
+};
 export type TMutation_DeactivateOrdersListViewArgs = {
     id: Scalars['ID'];
 };
@@ -843,6 +858,9 @@ export type TMutation_DeleteDashboardViewArgs = {
 export type TMutation_DeleteDiscountCodesCustomViewArgs = {
     id: Scalars['ID'];
 };
+export type TMutation_DeleteOrderDetailViewArgs = {
+    id: Scalars['ID'];
+};
 export type TMutation_DeleteOrdersListViewArgs = {
     id: Scalars['ID'];
 };
@@ -954,6 +972,10 @@ export type TMutation_UpdateDiscountCodesCustomViewArgs = {
     data: TDiscountsCustomViewInput;
     id: Scalars['ID'];
 };
+export type TMutation_UpdateOrderDetailViewArgs = {
+    data: TOrderDetailViewInput;
+    id: Scalars['ID'];
+};
 export type TMutation_UpdateOrdersListViewArgs = {
     data: TOrdersListViewInput;
     id: Scalars['ID'];
@@ -1082,6 +1104,24 @@ export type TOidcSsoConfigDataInput = {
     sessionTokenExpTimeSeconds?: InputMaybe<Scalars['Int']>;
     teamIdForNewUsers: Scalars['String'];
 };
+export type TOrderDetailView = {
+    __typename?: 'OrderDetailView';
+    createdAt: Scalars['DateTime'];
+    id: Scalars['ID'];
+    isActive?: Maybe<Scalars['Boolean']>;
+    nameAllLocales?: Maybe<Array<TLocalizedField>>;
+    projectKey: Scalars['String'];
+    table?: Maybe<TTable>;
+    updatedAt: Scalars['DateTime'];
+    userId: Scalars['String'];
+};
+export type TOrderDetailViewInput = {
+    nameAllLocales: Array<TLocalizedFieldCreateInput>;
+    table?: InputMaybe<TOrderDetailViewTableInput>;
+};
+export type TOrderDetailViewTableInput = {
+    visibleColumns: Array<Scalars['String']>;
+};
 export declare enum TOrderStatesVisibility {
     HideOrderState = "HideOrderState",
     HidePaymentState = "HidePaymentState",
@@ -1149,6 +1189,13 @@ export type TOrganizationExtensionForCustomApplication = {
     organizationId: Scalars['String'];
     organizationName?: Maybe<Scalars['String']>;
 };
+export type TOrganizationExtensionForCustomView = {
+    __typename?: 'OrganizationExtensionForCustomView';
+    customView?: Maybe<TRestrictedCustomViewForOrganization>;
+    id: Scalars['ID'];
+    organizationId: Scalars['String'];
+    organizationName?: Maybe<Scalars['String']>;
+};
 export type TPimSearchListView = {
     __typename?: 'PimSearchListView';
     createdAt: Scalars['DateTime'];
@@ -1270,6 +1317,7 @@ export type TQuery = {
     activeCustomersSearchListMyView?: Maybe<TCustomersSearchListMyView>;
     activeDashboardView?: Maybe<TDashboardView>;
     activeDiscountCodesCustomView?: Maybe<TDiscountsCustomView>;
+    activeOrderDetailView?: Maybe<TOrderDetailView>;
     activeOrdersListView?: Maybe<TOrdersListView>;
     activePimSearchListView?: Maybe<TPimSearchListView>;
     activeProductDiscountsCustomView?: Maybe<TDiscountsCustomView>;
@@ -1300,10 +1348,13 @@ export type TQuery = {
     discountCodesCustomViews: Array<Maybe<TDiscountsCustomView>>;
     globalOrganizationExtension?: Maybe<TOrganizationExtension>;
     myCustomApplications: Array<TMyCustomApplication>;
+    orderDetailView?: Maybe<TOrderDetailView>;
+    orderDetailViews: Array<Maybe<TOrderDetailView>>;
     ordersListView?: Maybe<TOrdersListView>;
     ordersListViews: Array<Maybe<TOrdersListView>>;
     organizationExtension?: Maybe<TOrganizationExtension>;
     organizationExtensionForCustomApplication?: Maybe<TOrganizationExtensionForCustomApplication>;
+    organizationExtensionForCustomView?: Maybe<TOrganizationExtensionForCustomView>;
     pimSearchListView?: Maybe<TPimSearchListView>;
     pimSearchListViews: Array<Maybe<TPimSearchListView>>;
     productDiscountsCustomView?: Maybe<TDiscountsCustomView>;
@@ -1373,6 +1424,9 @@ export type TQuery_GlobalOrganizationExtensionArgs = {
 export type TQuery_MyCustomApplicationsArgs = {
     params?: InputMaybe<TMyCustomApplicationQueryInput>;
 };
+export type TQuery_OrderDetailViewArgs = {
+    id: Scalars['ID'];
+};
 export type TQuery_OrdersListViewArgs = {
     id: Scalars['ID'];
 };
@@ -1382,6 +1436,9 @@ export type TQuery_OrganizationExtensionArgs = {
 export type TQuery_OrganizationExtensionForCustomApplicationArgs = {
     entryPointUriPath: Scalars['String'];
 };
+export type TQuery_OrganizationExtensionForCustomViewArgs = {
+    customViewId: Scalars['String'];
+};
 export type TQuery_PimSearchListViewArgs = {
     id: Scalars['ID'];
 };
@@ -1587,7 +1644,8 @@ export type TSampleDataImportMetadata = {
     dataset?: Maybe<TSampleDatasets>;
 };
 export declare enum TSampleDatasets {
-    Fashion = "FASHION"
+    Fashion = "FASHION",
+    Goodstore = "GOODSTORE"
 }
 export type TSort = {
     __typename?: 'Sort';
@@ -1773,6 +1831,17 @@ export type TCreateCustomApplicationFromCliMutation = {
         id: string;
     } | null;
 };
+export type TCreateCustomViewFromCliMutationVariables = Exact<{
+    organizationId: Scalars['String'];
+    data: TCustomViewDraftDataInput;
+}>;
+export type TCreateCustomViewFromCliMutation = {
+    __typename?: 'Mutation';
+    createCustomView?: {
+        __typename?: 'RestrictedCustomViewForOrganization';
+        id: string;
+    } | null;
+};
 export type TFetchCustomApplicationFromCliQueryVariables = Exact<{
     entryPointUriPath: Scalars['String'];
 }>;
@@ -1818,6 +1887,38 @@ export type TFetchCustomApplicationFromCliQuery = {
         };
     } | null;
 };
+export type TFetchCustomViewFromCliQueryVariables = Exact<{
+    customViewId: Scalars['String'];
+}>;
+export type TFetchCustomViewFromCliQuery = {
+    __typename?: 'Query';
+    organizationExtensionForCustomView?: {
+        __typename?: 'OrganizationExtensionForCustomView';
+        organizationId: string;
+        customView?: {
+            __typename?: 'RestrictedCustomViewForOrganization';
+            id: string;
+            defaultLabel: string;
+            url: string;
+            type: TCustomViewType;
+            locators: Array<string>;
+            labelAllLocales: Array<{
+                __typename?: 'LocalizedField';
+                locale: string;
+                value: string;
+            }>;
+            typeSettings?: {
+                __typename?: 'CustomViewTypeSettings';
+                size?: TCustomViewSize | null;
+            } | null;
+            permissions: Array<{
+                __typename?: 'CustomViewPermission';
+                name: string;
+                oAuthScopes: Array<string>;
+            }>;
+        } | null;
+    } | null;
+};
 export type TUpdateCustomApplicationFromCliMutationVariables = Exact<{
     organizationId: Scalars['String'];
     data: TCustomApplicationDraftDataInput;
@@ -1830,3 +1931,15 @@ export type TUpdateCustomApplicationFromCliMutation = {
         id: string;
     } | null;
 };
+export type TUpdateCustomViewFromCliMutationVariables = Exact<{
+    organizationId: Scalars['String'];
+    data: TCustomViewDraftDataInput;
+    customViewId: Scalars['String'];
+}>;
+export type TUpdateCustomViewFromCliMutation = {
+    __typename?: 'Mutation';
+    updateCustomView?: {
+        __typename?: 'RestrictedCustomViewForOrganization';
+        id: string;
+    } | null;
+};

package/dist/{public-page-layout-e13f8cb7.cjs.prod.js → public-page-layout-0e1daa2e.cjs.prod.js}

@@ -40,6 +40,7 @@ require('@commercetools-frontend/sentry');
 require('@commercetools-uikit/constraints');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-shell-connectors');
+require('@flopflip/react-broadcast');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icon-button');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');

package/dist/{public-page-layout-890c2dd3.cjs.dev.js → public-page-layout-4e26387d.cjs.dev.js}

@@ -40,6 +40,7 @@ require('@commercetools-frontend/sentry');
 require('@commercetools-uikit/constraints');
 require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/application-shell-connectors');
+require('@flopflip/react-broadcast');
 require('@commercetools-uikit/flat-button');
 require('@commercetools-uikit/icon-button');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');

package/dist/{public-page-layout-b0606764.esm.js → public-page-layout-82978d93.esm.js}

@@ -38,6 +38,7 @@ import '@commercetools-frontend/sentry';
 import '@commercetools-uikit/constraints';
 import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/application-shell-connectors';
+import '@flopflip/react-broadcast';
 import '@commercetools-uikit/flat-button';
 import '@commercetools-uikit/icon-button';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "22.10.0",
+  "version": "22.12.0",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -36,14 +36,14 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/actions-global": "22.10.0",
-    "@commercetools-frontend/application-config": "22.10.0",
-    "@commercetools-frontend/application-shell-connectors": "22.10.0",
-    "@commercetools-frontend/assets": "22.10.0",
-    "@commercetools-frontend/constants": "22.10.0",
-    "@commercetools-frontend/i18n": "22.10.0",
-    "@commercetools-frontend/l10n": "22.10.0",
-    "@commercetools-frontend/sentry": "22.10.0",
+    "@commercetools-frontend/actions-global": "22.12.0",
+    "@commercetools-frontend/application-config": "22.12.0",
+    "@commercetools-frontend/application-shell-connectors": "22.12.0",
+    "@commercetools-frontend/assets": "22.12.0",
+    "@commercetools-frontend/constants": "22.12.0",
+    "@commercetools-frontend/i18n": "22.12.0",
+    "@commercetools-frontend/l10n": "22.12.0",
+    "@commercetools-frontend/sentry": "22.12.0",
     "@commercetools-uikit/card": "^16.7.3",
     "@commercetools-uikit/constraints": "^16.7.3",
     "@commercetools-uikit/design-system": "^16.7.3",
@@ -61,6 +61,7 @@
     "@commercetools-uikit/utils": "^16.7.3",
     "@emotion/react": "11.11.0",
     "@emotion/styled": "11.11.0",
+    "@flopflip/react-broadcast": "13.1.7",
     "@react-hook/latest": "1.0.3",
     "@react-hook/resize-observer": "1.2.6",
     "@types/history": "^4.7.11",