@commercetools-frontend-extensions/change-history 9.2.0 → 9.3.0

package/dist/commercetools-frontend-extensions-change-history.cjs.dev.js

@@ -134,7 +134,7 @@ var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "9.2.0";
+var version = "9.3.0";
 
 var fetchFeatureStatusQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchFeatureStatusQuery" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 84, source: { body: "query FetchFeatureStatusQuery {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 /**
@@ -1621,8 +1621,6 @@ const getItalicText = msg => jsxRuntime.jsx(uiKit.Text.Detail, {
   children: msg
 }, crypto.randomUUID());
 
-const getNewLine = () => jsxRuntime.jsx("br", {}, crypto.randomUUID());
-
 const getPrimaryDetailText = msg => jsxRuntime.jsx(uiKit.Text.Detail, {
   as: "span",
   tone: "primary",
@@ -2699,6 +2697,24 @@ function formatDateTime(type, value) {
   }
 }
 
+const FormattedDateTime = props => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
+      return {
+        locale: applicationContext.user?.locale,
+        timeZone: applicationContext.user?.timeZone
+      };
+    }),
+    locale = _useApplicationContex.locale,
+    timeZone = _useApplicationContex.timeZone;
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: formatDateTime(props.type, props.value, {
+      timeZone: timeZone,
+      locale: locale
+    })
+  });
+};
+FormattedDateTime.displayName = 'FormattedDateTime';
+
 var messages$Z = reactIntl.defineMessages({
   quantityLabel: {
     id: 'ChangeItem.reservation.quantityLabel',
@@ -2737,7 +2753,6 @@ const DetailRow$3 = _ref => {
   });
 };
 const ReservationPresenter = props => {
-  const intl = reactIntl.useIntl();
   const reservation = props.value || props.change.nextValue;
   if (!reservation) {
     return jsxRuntime.jsx(NoValueLabel, {});
@@ -2755,13 +2770,15 @@ const ReservationPresenter = props => {
       })
     }), jsxRuntime.jsx(DetailRow$3, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1T({}, messages$Z.createdAtLabel)),
-      value: reservation.createdAt && formatDateTime('datetime', reservation.createdAt, {
-        locale: intl.locale
+      value: reservation.createdAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: reservation.createdAt
       })
     }), jsxRuntime.jsx(DetailRow$3, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1T({}, messages$Z.checkoutStartedAtLabel)),
-      value: reservation.checkoutStartedAt && formatDateTime('datetime', reservation.checkoutStartedAt, {
-        locale: intl.locale
+      value: reservation.checkoutStartedAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: reservation.checkoutStartedAt
       })
     })]
   });
@@ -3137,8 +3154,6 @@ OrderChangeDiscountTypeCombinationPresenter.displayName = 'OrderChangeDiscountTy
 function ownKeys$1Q(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$1Q(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$1Q(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$1Q(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderDeliveryOrParcelPresenter = props => {
-  const intl = reactIntl.useIntl();
-
   // For Add operations: props.value contains the added item
   // For Remove operations: props.change.previousValue contains the removed item
   const deliveryOrParcel = props.value || props.change.previousValue;
@@ -3148,9 +3163,10 @@ const OrderDeliveryOrParcelPresenter = props => {
   const message = isParcelChange ? orderMessages.parcelDetailsLabel : orderMessages.deliveryDetailsLabel;
   const dateKey = isParcelChange ? 'parcelDate' : 'deliveryDate';
   const messageValues = {
-    [dateKey]: deliveryOrParcel?.createdAt ? formatDateTime('datetime', deliveryOrParcel?.createdAt, {
-      locale: intl.locale
-    }) : jsxRuntime.jsx(NoValueFallback, {}, dateKey),
+    [dateKey]: deliveryOrParcel?.createdAt ? jsxRuntime.jsx(FormattedDateTime, {
+      type: "datetime",
+      value: deliveryOrParcel.createdAt
+    }, dateKey) : jsxRuntime.jsx(NoValueFallback, {}, dateKey),
     itemCount: deliveryOrParcel.items?.length || 0
   };
 
@@ -3308,15 +3324,15 @@ const renderItems = items => jsxRuntime.jsx(uiKit.Spacings.Stack, {
  * **Use cases**: SetDeliveryItems, SetParcelItems
  */
 const OrderItemsWithLabelPresenter = props => {
-  const intl = reactIntl.useIntl();
   const change = props.change;
   const isParcelItems = change.change === ResourceChangeInput.SetParcelItems;
   const label = isParcelItems ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1N(_objectSpread$1N({}, orderMessages.parcelLabel), {}, {
     values: {
       b: getBoldText,
-      parcelDate: formatDateTime('datetime', change.parcel?.createdAt, {
-        locale: intl.locale
-      })
+      parcelDate: change.parcel?.createdAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: change.parcel.createdAt
+      }, "parcelDate")
     }
   })) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1N(_objectSpread$1N({}, orderMessages.deliveryLabel), {}, {
     values: {
@@ -3730,15 +3746,15 @@ MeasurementsChange.displayName = 'MeasurementsChange';
 function ownKeys$1G(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$1G(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$1G(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$1G(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderParcelWithLabelPresenter = props => {
-  const intl = reactIntl.useIntl();
   const change = props.change;
   const isTrackingData = change.change === ResourceChangeInput.SetParcelTrackingData;
   const label = jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1G(_objectSpread$1G({}, orderMessages.parcelLabel), {}, {
     values: {
       b: getBoldText,
-      parcelDate: formatDateTime('datetime', change.parcel?.createdAt, {
-        locale: intl.locale
-      })
+      parcelDate: change.parcel?.createdAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: change.parcel.createdAt
+      }, "parcelDate")
     }
   }));
   return jsxRuntime.jsx(ComposedChange, {
@@ -3785,14 +3801,14 @@ OrderPaymentPresenter.displayName = 'OrderPaymentPresenter';
 function ownKeys$1F(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$1F(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$1F(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$1F(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderReturnInfoPresenter = props => {
-  const intl = reactIntl.useIntl();
   return jsxRuntime.jsx("div", {
     css: changeValueContainerStyles,
     children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1F(_objectSpread$1F({}, orderMessages.addReturnLabel), {}, {
       values: {
-        returnDate: formatDateTime('datetime', props.change.nextValue.returnDate, {
-          locale: intl.locale
-        }) || jsxRuntime.jsx(NoValueFallback, {}, "returnDate"),
+        returnDate: props.change.nextValue.returnDate ? jsxRuntime.jsx(FormattedDateTime, {
+          type: "datetime",
+          value: props.change.nextValue.returnDate
+        }, "returnDate") : jsxRuntime.jsx(NoValueFallback, {}, "returnDate"),
         returnTrackingId: props.change.nextValue.returnTrackingId || jsxRuntime.jsx(NoValueFallback, {}, "returnTrackingId"),
         items: props.change.nextValue.items.length
       }
@@ -4220,7 +4236,6 @@ OrderSetDiscountOnTotalPricePresenter.displayName = 'OrderSetDiscountOnTotalPric
 function ownKeys$1z(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$1z(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$1z(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$1z(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderSyncInfoPresenter = props => {
-  const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(ComposedChange, {
     label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedChannelLabel), {}, {
       values: {
@@ -4230,18 +4245,20 @@ const OrderSyncInfoPresenter = props => {
     previousValue: props.change.previousValue ? jsxRuntime.jsx("div", {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedAtLabel), {}, {
         values: {
-          syncedAt: formatDateTime('datetime', props.change.previousValue.syncedAt, {
-            locale: intl.locale
-          })
+          syncedAt: jsxRuntime.jsx(FormattedDateTime, {
+            type: "datetime",
+            value: props.change.previousValue.syncedAt
+          }, "syncedAt")
         }
       }))
     }) : jsxRuntime.jsx(NoValueLabel, {}),
     nextValue: props.change.nextValue ? jsxRuntime.jsx("div", {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedAtLabel), {}, {
         values: {
-          syncedAt: formatDateTime('datetime', props.change.nextValue.syncedAt, {
-            locale: intl.locale
-          })
+          syncedAt: jsxRuntime.jsx(FormattedDateTime, {
+            type: "datetime",
+            value: props.change.nextValue.syncedAt
+          }, "syncedAt")
         }
       }))
     }) : jsxRuntime.jsx(NoValueLabel, {})
@@ -4818,24 +4835,6 @@ const CountryPresenter = _ref => {
 };
 CountryPresenter.displayName = 'CountryPresenter';
 
-const FormattedDateTime = props => {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      return {
-        locale: applicationContext.user?.locale,
-        timeZone: applicationContext.user?.timeZone
-      };
-    }),
-    locale = _useApplicationContex.locale,
-    timeZone = _useApplicationContex.timeZone;
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: formatDateTime(props.type, props.value, {
-      timeZone: timeZone,
-      locale: locale
-    })
-  });
-};
-FormattedDateTime.displayName = 'FormattedDateTime';
-
 const DateMode = {
   /** Full timestamp - "12/25/2023 2:30 PM" */
   DateTime: 'datetime',
@@ -8397,7 +8396,7 @@ var messages$L = reactIntl.defineMessages({
   customObjectResource: {
     id: 'ResourceCell.customObjectResource',
     description: 'Label when the resource is a custom object',
-    defaultMessage: 'Container: {container}<br/>Key: {key}'
+    defaultMessage: 'Container: {container}\nKey: {key}'
   }
 });
 
@@ -8407,8 +8406,7 @@ const getCustomObjectLabel = _ref => {
   if ('container' in messageLabel && 'key' in messageLabel && messageLabel.container && messageLabel.key) {
     return intl.formatMessage(messages$L.customObjectResource, {
       container: messageLabel.container,
-      key: messageLabel.key,
-      br: getNewLine
+      key: messageLabel.key
     });
   }
   return jsxRuntime.jsx(NoValueFallback, {});
@@ -8419,8 +8417,7 @@ const mapLabel$2 = _ref => {
     intl = _ref.intl;
   return data.container && data.key ? intl.formatMessage(messages$L.customObjectResource, {
     container: data.container,
-    key: data.key,
-    br: getNewLine
+    key: data.key
   }) : jsxRuntime.jsx(NoValueFallback, {});
 };
 
@@ -21377,15 +21374,15 @@ const loadMessages = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-de" */'./de-c64c7be6.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-de" */'./de-327050f3.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-0549e536.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-42bcdd3a.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-e7c4e125.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-2126c2a4.cjs.dev.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-2c2e6c98.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-4e70a28d.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-c78dcf93.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-789a6829.cjs.dev.js'); });
   }
 };
 

package/dist/commercetools-frontend-extensions-change-history.cjs.prod.js

@@ -134,7 +134,7 @@ var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "9.2.0";
+var version = "9.3.0";
 
 var fetchFeatureStatusQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchFeatureStatusQuery" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 84, source: { body: "query FetchFeatureStatusQuery {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 /**
@@ -1604,8 +1604,6 @@ const getItalicText = msg => jsxRuntime.jsx(uiKit.Text.Detail, {
   children: msg
 }, crypto.randomUUID());
 
-const getNewLine = () => jsxRuntime.jsx("br", {}, crypto.randomUUID());
-
 const getPrimaryDetailText = msg => jsxRuntime.jsx(uiKit.Text.Detail, {
   as: "span",
   tone: "primary",
@@ -2682,6 +2680,24 @@ function formatDateTime(type, value) {
   }
 }
 
+const FormattedDateTime = props => {
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
+      return {
+        locale: applicationContext.user?.locale,
+        timeZone: applicationContext.user?.timeZone
+      };
+    }),
+    locale = _useApplicationContex.locale,
+    timeZone = _useApplicationContex.timeZone;
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: formatDateTime(props.type, props.value, {
+      timeZone: timeZone,
+      locale: locale
+    })
+  });
+};
+FormattedDateTime.displayName = 'FormattedDateTime';
+
 var messages$Z = reactIntl.defineMessages({
   quantityLabel: {
     id: 'ChangeItem.reservation.quantityLabel',
@@ -2720,7 +2736,6 @@ const DetailRow$3 = _ref => {
   });
 };
 const ReservationPresenter = props => {
-  const intl = reactIntl.useIntl();
   const reservation = props.value || props.change.nextValue;
   if (!reservation) {
     return jsxRuntime.jsx(NoValueLabel, {});
@@ -2738,13 +2753,15 @@ const ReservationPresenter = props => {
       })
     }), jsxRuntime.jsx(DetailRow$3, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1T({}, messages$Z.createdAtLabel)),
-      value: reservation.createdAt && formatDateTime('datetime', reservation.createdAt, {
-        locale: intl.locale
+      value: reservation.createdAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: reservation.createdAt
       })
     }), jsxRuntime.jsx(DetailRow$3, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1T({}, messages$Z.checkoutStartedAtLabel)),
-      value: reservation.checkoutStartedAt && formatDateTime('datetime', reservation.checkoutStartedAt, {
-        locale: intl.locale
+      value: reservation.checkoutStartedAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: reservation.checkoutStartedAt
       })
     })]
   });
@@ -3120,8 +3137,6 @@ OrderChangeDiscountTypeCombinationPresenter.displayName = 'OrderChangeDiscountTy
 function ownKeys$1Q(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$1Q(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$1Q(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$1Q(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderDeliveryOrParcelPresenter = props => {
-  const intl = reactIntl.useIntl();
-
   // For Add operations: props.value contains the added item
   // For Remove operations: props.change.previousValue contains the removed item
   const deliveryOrParcel = props.value || props.change.previousValue;
@@ -3131,9 +3146,10 @@ const OrderDeliveryOrParcelPresenter = props => {
   const message = isParcelChange ? orderMessages.parcelDetailsLabel : orderMessages.deliveryDetailsLabel;
   const dateKey = isParcelChange ? 'parcelDate' : 'deliveryDate';
   const messageValues = {
-    [dateKey]: deliveryOrParcel?.createdAt ? formatDateTime('datetime', deliveryOrParcel?.createdAt, {
-      locale: intl.locale
-    }) : jsxRuntime.jsx(NoValueFallback, {}, dateKey),
+    [dateKey]: deliveryOrParcel?.createdAt ? jsxRuntime.jsx(FormattedDateTime, {
+      type: "datetime",
+      value: deliveryOrParcel.createdAt
+    }, dateKey) : jsxRuntime.jsx(NoValueFallback, {}, dateKey),
     itemCount: deliveryOrParcel.items?.length || 0
   };
 
@@ -3291,15 +3307,15 @@ const renderItems = items => jsxRuntime.jsx(uiKit.Spacings.Stack, {
  * **Use cases**: SetDeliveryItems, SetParcelItems
  */
 const OrderItemsWithLabelPresenter = props => {
-  const intl = reactIntl.useIntl();
   const change = props.change;
   const isParcelItems = change.change === ResourceChangeInput.SetParcelItems;
   const label = isParcelItems ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1N(_objectSpread$1N({}, orderMessages.parcelLabel), {}, {
     values: {
       b: getBoldText,
-      parcelDate: formatDateTime('datetime', change.parcel?.createdAt, {
-        locale: intl.locale
-      })
+      parcelDate: change.parcel?.createdAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: change.parcel.createdAt
+      }, "parcelDate")
     }
   })) : jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1N(_objectSpread$1N({}, orderMessages.deliveryLabel), {}, {
     values: {
@@ -3713,15 +3729,15 @@ MeasurementsChange.displayName = 'MeasurementsChange';
 function ownKeys$1G(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$1G(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$1G(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$1G(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderParcelWithLabelPresenter = props => {
-  const intl = reactIntl.useIntl();
   const change = props.change;
   const isTrackingData = change.change === ResourceChangeInput.SetParcelTrackingData;
   const label = jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1G(_objectSpread$1G({}, orderMessages.parcelLabel), {}, {
     values: {
       b: getBoldText,
-      parcelDate: formatDateTime('datetime', change.parcel?.createdAt, {
-        locale: intl.locale
-      })
+      parcelDate: change.parcel?.createdAt && jsxRuntime.jsx(FormattedDateTime, {
+        type: "datetime",
+        value: change.parcel.createdAt
+      }, "parcelDate")
     }
   }));
   return jsxRuntime.jsx(ComposedChange, {
@@ -3768,14 +3784,14 @@ OrderPaymentPresenter.displayName = 'OrderPaymentPresenter';
 function ownKeys$1F(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$1F(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$1F(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$1F(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderReturnInfoPresenter = props => {
-  const intl = reactIntl.useIntl();
   return jsxRuntime.jsx("div", {
     css: changeValueContainerStyles,
     children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1F(_objectSpread$1F({}, orderMessages.addReturnLabel), {}, {
       values: {
-        returnDate: formatDateTime('datetime', props.change.nextValue.returnDate, {
-          locale: intl.locale
-        }) || jsxRuntime.jsx(NoValueFallback, {}, "returnDate"),
+        returnDate: props.change.nextValue.returnDate ? jsxRuntime.jsx(FormattedDateTime, {
+          type: "datetime",
+          value: props.change.nextValue.returnDate
+        }, "returnDate") : jsxRuntime.jsx(NoValueFallback, {}, "returnDate"),
         returnTrackingId: props.change.nextValue.returnTrackingId || jsxRuntime.jsx(NoValueFallback, {}, "returnTrackingId"),
         items: props.change.nextValue.items.length
       }
@@ -4203,7 +4219,6 @@ OrderSetDiscountOnTotalPricePresenter.displayName = 'OrderSetDiscountOnTotalPric
 function ownKeys$1z(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$1z(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$1z(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$1z(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const OrderSyncInfoPresenter = props => {
-  const intl = reactIntl.useIntl();
   return jsxRuntime.jsx(ComposedChange, {
     label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedChannelLabel), {}, {
       values: {
@@ -4213,18 +4228,20 @@ const OrderSyncInfoPresenter = props => {
     previousValue: props.change.previousValue ? jsxRuntime.jsx("div", {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedAtLabel), {}, {
         values: {
-          syncedAt: formatDateTime('datetime', props.change.previousValue.syncedAt, {
-            locale: intl.locale
-          })
+          syncedAt: jsxRuntime.jsx(FormattedDateTime, {
+            type: "datetime",
+            value: props.change.previousValue.syncedAt
+          }, "syncedAt")
         }
       }))
     }) : jsxRuntime.jsx(NoValueLabel, {}),
     nextValue: props.change.nextValue ? jsxRuntime.jsx("div", {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedAtLabel), {}, {
         values: {
-          syncedAt: formatDateTime('datetime', props.change.nextValue.syncedAt, {
-            locale: intl.locale
-          })
+          syncedAt: jsxRuntime.jsx(FormattedDateTime, {
+            type: "datetime",
+            value: props.change.nextValue.syncedAt
+          }, "syncedAt")
         }
       }))
     }) : jsxRuntime.jsx(NoValueLabel, {})
@@ -4796,24 +4813,6 @@ const CountryPresenter = _ref => {
 };
 CountryPresenter.displayName = 'CountryPresenter';
 
-const FormattedDateTime = props => {
-  const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => {
-      return {
-        locale: applicationContext.user?.locale,
-        timeZone: applicationContext.user?.timeZone
-      };
-    }),
-    locale = _useApplicationContex.locale,
-    timeZone = _useApplicationContex.timeZone;
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: formatDateTime(props.type, props.value, {
-      timeZone: timeZone,
-      locale: locale
-    })
-  });
-};
-FormattedDateTime.displayName = 'FormattedDateTime';
-
 const DateMode = {
   /** Full timestamp - "12/25/2023 2:30 PM" */
   DateTime: 'datetime',
@@ -8339,7 +8338,7 @@ var messages$L = reactIntl.defineMessages({
   customObjectResource: {
     id: 'ResourceCell.customObjectResource',
     description: 'Label when the resource is a custom object',
-    defaultMessage: 'Container: {container}<br/>Key: {key}'
+    defaultMessage: 'Container: {container}\nKey: {key}'
   }
 });
 
@@ -8349,8 +8348,7 @@ const getCustomObjectLabel = _ref => {
   if ('container' in messageLabel && 'key' in messageLabel && messageLabel.container && messageLabel.key) {
     return intl.formatMessage(messages$L.customObjectResource, {
       container: messageLabel.container,
-      key: messageLabel.key,
-      br: getNewLine
+      key: messageLabel.key
     });
   }
   return jsxRuntime.jsx(NoValueFallback, {});
@@ -8361,8 +8359,7 @@ const mapLabel$2 = _ref => {
     intl = _ref.intl;
   return data.container && data.key ? intl.formatMessage(messages$L.customObjectResource, {
     container: data.container,
-    key: data.key,
-    br: getNewLine
+    key: data.key
   }) : jsxRuntime.jsx(NoValueFallback, {});
 };
 
@@ -21166,15 +21163,15 @@ const loadMessages = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-de" */'./de-079e6cad.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-de" */'./de-9ec9118c.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-55faf3de.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-es" */'./es-a8d296be.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-f1089b99.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-d35c5264.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-29bf9f10.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-04f59d3d.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-40de8863.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-en" */'./en-a9baf858.cjs.prod.js'); });
   }
 };