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

package/dist/commercetools-frontend-extensions-change-history.esm.js

@@ -79,7 +79,7 @@ import { oneLineTrim } from 'common-tags';
 import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
 
 // 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 } } } };
 /**
@@ -1566,8 +1566,6 @@ const getItalicText = msg => jsx(Text.Detail, {
   children: msg
 }, crypto.randomUUID());
 
-const getNewLine = () => jsx("br", {}, crypto.randomUUID());
-
 const getPrimaryDetailText = msg => jsx(Text.Detail, {
   as: "span",
   tone: "primary",
@@ -2644,6 +2642,24 @@ function formatDateTime(type, value) {
   }
 }
 
+const FormattedDateTime = props => {
+  const _useApplicationContex = useApplicationContext(applicationContext => {
+      return {
+        locale: applicationContext.user?.locale,
+        timeZone: applicationContext.user?.timeZone
+      };
+    }),
+    locale = _useApplicationContex.locale,
+    timeZone = _useApplicationContex.timeZone;
+  return jsx(Fragment, {
+    children: formatDateTime(props.type, props.value, {
+      timeZone: timeZone,
+      locale: locale
+    })
+  });
+};
+FormattedDateTime.displayName = 'FormattedDateTime';
+
 var messages$Z = defineMessages({
   quantityLabel: {
     id: 'ChangeItem.reservation.quantityLabel',
@@ -2682,7 +2698,6 @@ const DetailRow$3 = _ref => {
   });
 };
 const ReservationPresenter = props => {
-  const intl = useIntl();
   const reservation = props.value || props.change.nextValue;
   if (!reservation) {
     return jsx(NoValueLabel, {});
@@ -2700,13 +2715,15 @@ const ReservationPresenter = props => {
       })
     }), jsx(DetailRow$3, {
       label: jsx(FormattedMessage, _objectSpread$1T({}, messages$Z.createdAtLabel)),
-      value: reservation.createdAt && formatDateTime('datetime', reservation.createdAt, {
-        locale: intl.locale
+      value: reservation.createdAt && jsx(FormattedDateTime, {
+        type: "datetime",
+        value: reservation.createdAt
       })
     }), jsx(DetailRow$3, {
       label: jsx(FormattedMessage, _objectSpread$1T({}, messages$Z.checkoutStartedAtLabel)),
-      value: reservation.checkoutStartedAt && formatDateTime('datetime', reservation.checkoutStartedAt, {
-        locale: intl.locale
+      value: reservation.checkoutStartedAt && jsx(FormattedDateTime, {
+        type: "datetime",
+        value: reservation.checkoutStartedAt
       })
     })]
   });
@@ -3082,8 +3099,6 @@ OrderChangeDiscountTypeCombinationPresenter.displayName = 'OrderChangeDiscountTy
 function ownKeys$1Q(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$1Q(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1Q(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1Q(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const OrderDeliveryOrParcelPresenter = props => {
-  const intl = 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;
@@ -3093,9 +3108,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
-    }) : jsx(NoValueFallback, {}, dateKey),
+    [dateKey]: deliveryOrParcel?.createdAt ? jsx(FormattedDateTime, {
+      type: "datetime",
+      value: deliveryOrParcel.createdAt
+    }, dateKey) : jsx(NoValueFallback, {}, dateKey),
     itemCount: deliveryOrParcel.items?.length || 0
   };
 
@@ -3253,15 +3269,15 @@ const renderItems = items => jsx(Spacings.Stack, {
  * **Use cases**: SetDeliveryItems, SetParcelItems
  */
 const OrderItemsWithLabelPresenter = props => {
-  const intl = useIntl();
   const change = props.change;
   const isParcelItems = change.change === ResourceChangeInput.SetParcelItems;
   const label = isParcelItems ? jsx(FormattedMessage, _objectSpread$1N(_objectSpread$1N({}, orderMessages.parcelLabel), {}, {
     values: {
       b: getBoldText,
-      parcelDate: formatDateTime('datetime', change.parcel?.createdAt, {
-        locale: intl.locale
-      })
+      parcelDate: change.parcel?.createdAt && jsx(FormattedDateTime, {
+        type: "datetime",
+        value: change.parcel.createdAt
+      }, "parcelDate")
     }
   })) : jsx(FormattedMessage, _objectSpread$1N(_objectSpread$1N({}, orderMessages.deliveryLabel), {}, {
     values: {
@@ -3675,15 +3691,15 @@ MeasurementsChange.displayName = 'MeasurementsChange';
 function ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1G(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1G(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const OrderParcelWithLabelPresenter = props => {
-  const intl = useIntl();
   const change = props.change;
   const isTrackingData = change.change === ResourceChangeInput.SetParcelTrackingData;
   const label = jsx(FormattedMessage, _objectSpread$1G(_objectSpread$1G({}, orderMessages.parcelLabel), {}, {
     values: {
       b: getBoldText,
-      parcelDate: formatDateTime('datetime', change.parcel?.createdAt, {
-        locale: intl.locale
-      })
+      parcelDate: change.parcel?.createdAt && jsx(FormattedDateTime, {
+        type: "datetime",
+        value: change.parcel.createdAt
+      }, "parcelDate")
     }
   }));
   return jsx(ComposedChange, {
@@ -3730,14 +3746,14 @@ OrderPaymentPresenter.displayName = 'OrderPaymentPresenter';
 function ownKeys$1F(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$1F(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1F(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1F(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const OrderReturnInfoPresenter = props => {
-  const intl = useIntl();
   return jsx("div", {
     css: changeValueContainerStyles,
     children: jsx(FormattedMessage, _objectSpread$1F(_objectSpread$1F({}, orderMessages.addReturnLabel), {}, {
       values: {
-        returnDate: formatDateTime('datetime', props.change.nextValue.returnDate, {
-          locale: intl.locale
-        }) || jsx(NoValueFallback, {}, "returnDate"),
+        returnDate: props.change.nextValue.returnDate ? jsx(FormattedDateTime, {
+          type: "datetime",
+          value: props.change.nextValue.returnDate
+        }, "returnDate") : jsx(NoValueFallback, {}, "returnDate"),
         returnTrackingId: props.change.nextValue.returnTrackingId || jsx(NoValueFallback, {}, "returnTrackingId"),
         items: props.change.nextValue.items.length
       }
@@ -4165,7 +4181,6 @@ OrderSetDiscountOnTotalPricePresenter.displayName = 'OrderSetDiscountOnTotalPric
 function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1z(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1z(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const OrderSyncInfoPresenter = props => {
-  const intl = useIntl();
   return jsx(ComposedChange, {
     label: jsx(FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedChannelLabel), {}, {
       values: {
@@ -4175,18 +4190,20 @@ const OrderSyncInfoPresenter = props => {
     previousValue: props.change.previousValue ? jsx("div", {
       children: jsx(FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedAtLabel), {}, {
         values: {
-          syncedAt: formatDateTime('datetime', props.change.previousValue.syncedAt, {
-            locale: intl.locale
-          })
+          syncedAt: jsx(FormattedDateTime, {
+            type: "datetime",
+            value: props.change.previousValue.syncedAt
+          }, "syncedAt")
         }
       }))
     }) : jsx(NoValueLabel, {}),
     nextValue: props.change.nextValue ? jsx("div", {
       children: jsx(FormattedMessage, _objectSpread$1z(_objectSpread$1z({}, orderMessages.syncedAtLabel), {}, {
         values: {
-          syncedAt: formatDateTime('datetime', props.change.nextValue.syncedAt, {
-            locale: intl.locale
-          })
+          syncedAt: jsx(FormattedDateTime, {
+            type: "datetime",
+            value: props.change.nextValue.syncedAt
+          }, "syncedAt")
         }
       }))
     }) : jsx(NoValueLabel, {})
@@ -4763,24 +4780,6 @@ const CountryPresenter = _ref => {
 };
 CountryPresenter.displayName = 'CountryPresenter';
 
-const FormattedDateTime = props => {
-  const _useApplicationContex = useApplicationContext(applicationContext => {
-      return {
-        locale: applicationContext.user?.locale,
-        timeZone: applicationContext.user?.timeZone
-      };
-    }),
-    locale = _useApplicationContex.locale,
-    timeZone = _useApplicationContex.timeZone;
-  return jsx(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',
@@ -8342,7 +8341,7 @@ var messages$L = 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}'
   }
 });
 
@@ -8352,8 +8351,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 jsx(NoValueFallback, {});
@@ -8364,8 +8362,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
   }) : jsx(NoValueFallback, {});
 };
 
@@ -21322,15 +21319,15 @@ const loadMessages = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return import(/* webpackChunkName: "change-history-i18n-de" */'./de-dd42d489.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-de" */'./de-ff92c46c.esm.js');
     case 'es':
-      return import(/* webpackChunkName: "change-history-i18n-es" */'./es-691396c2.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-es" */'./es-f970b913.esm.js');
     case 'fr-FR':
-      return import(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-2f678d5f.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-fr-FR" */'./fr-FR-0b78bf1f.esm.js');
     case 'pt-BR':
-      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-f321b66b.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-7b8b942e.esm.js');
     default:
-      return import(/* webpackChunkName: "change-history-i18n-en" */'./en-393f2d4b.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-en" */'./en-95f84692.esm.js');
   }
 };