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

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

@@ -18,7 +18,7 @@ import camelCase from 'lodash/camelCase';
 import get from 'lodash/get';
 import { useQuery } from '@apollo/client/react/hooks';
 import _URLSearchParams from '@babel/runtime-corejs3/core-js-stable/url-search-params';
-import { defineMessages, useIntl, FormattedMessage, FormattedNumber, IntlProvider } from 'react-intl';
+import { defineMessages, useIntl, FormattedMessage, IntlProvider } from 'react-intl';
 import { useCountries, applyTransformedLocalizedFields, formatLocalizedString } from '@commercetools-frontend/l10n';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import { Text, Link, designTokens, Spacings, FlatButton, Tooltip, LoadingSpinner, IconButton, CollapsiblePanel, Grid, FieldLabel, EyeIcon, DataTable, Stamp, Avatar, CodeViewIcon, UserLinearIcon, SwitcherIcon, ExternalLinkIcon, FilterIcon, ContentNotification, Card, DiamondIcon, SelectInput, DateRangeInput, PrimaryButton, AsyncSelectInput, utils, SearchSelectInput, selectUtils, InformationIcon, TextInput, DataTableManager, DataTableManagerProvider, SecondaryButton, Pagination, UserFilledIcon, UsersIcon, ImportIcon, LeadingIcon, customProperties, CheckActiveIcon, CheckInactiveIcon, Constraints, VerifiedIcon, ListWithSearchIcon, DotIcon } from '@commercetools-frontend/ui-kit';
@@ -31,6 +31,7 @@ import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import { formatMoney, PRECISION_TYPES } from '@commercetools-frontend/experimental-components';
 import groupBy from 'lodash/groupBy';
 import 'common-tags/lib/oneLine';
 import moment from 'moment-timezone';
@@ -79,7 +80,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.1";
 
 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 } } } };
 /**
@@ -1497,8 +1498,8 @@ const AddOrRemoveAssetPresenter = props => {
 };
 AddOrRemoveAssetPresenter.displayName = 'AddOrRemoveAssetPresenter';
 
-function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$21(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$21(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$20(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$20(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Maps custom type fields object property into an array
  *
@@ -1523,13 +1524,13 @@ function transformCustomTypeValue(value) {
 }
 const mapCustomTypeFieldsToArray = value => {
   var _context;
-  return _objectSpread$21(_objectSpread$21({}, value), {}, {
+  return _objectSpread$20(_objectSpread$20({}, value), {}, {
     fields: value?.fields ? _mapInstanceProperty(_context = _Object$entries(value.fields)).call(_context, _ref => {
       let _ref2 = _slicedToArray(_ref, 2),
         key = _ref2[0],
         entry = _ref2[1];
       const entryValue = entry.value !== undefined ? entry.value : entry;
-      return _objectSpread$21(_objectSpread$21({}, entry), {}, {
+      return _objectSpread$20(_objectSpread$20({}, entry), {}, {
         name: key,
         value: transformCustomTypeValue(entryValue)
       });
@@ -1566,8 +1567,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",
@@ -1609,30 +1608,6 @@ const ComposedChange = props => jsx("div", {
 });
 ComposedChange.displayName = 'ComposedChange';
 
-const PRECISION_TYPES = {
-  highPrecision: 'highPrecision',
-  centPrecision: 'centPrecision'
-};
-
-function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$20(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$20(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function getFractionedAmount(moneyValue) {
-  const _moneyValue$fractionD = moneyValue.fractionDigits,
-    fractionDigits = _moneyValue$fractionD === void 0 ? 2 : _moneyValue$fractionD;
-
-  // the amount should be available on preciseAmount for highPrecision
-  const amount = moneyValue.type === PRECISION_TYPES.highPrecision ? moneyValue.preciseAmount : moneyValue.centAmount;
-  return amount / 10 ** fractionDigits;
-}
-function formatMoney(moneyValue, intl, options) {
-  if (moneyValue === null) return;
-  return intl.formatNumber(getFractionedAmount(moneyValue), _objectSpread$20({
-    style: 'currency',
-    currency: moneyValue.currencyCode,
-    minimumFractionDigits: moneyValue.fractionDigits
-  }, options));
-}
-
 /**
  * Maps a RESOURCE_TYPE_ID (kebab-case) to the corresponding RESOURCE_TYPE (PascalCase).
  * Returns `undefined` when the mapping does not exist.
@@ -2644,6 +2619,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 +2675,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 +2692,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 +3076,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 +3085,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 +3246,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 +3668,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 +3723,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 +4158,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 +4167,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, {})
@@ -4503,14 +4497,15 @@ LocalizedChangePresenter.displayName = 'LocalizedChangePresenter';
  */
 const MoneyPresenter = props => {
   const value = props.value;
-  if (!value || !value.currencyCode || value.centAmount === undefined) {
+  const intl = useIntl();
+  if (!value || !value.currencyCode) {
     return null;
   }
-  const amount = value.centAmount / Math.pow(10, value.fractionDigits || 2);
-  return jsx(FormattedNumber, {
-    value: amount,
-    style: "currency",
-    currency: value.currencyCode
+  const isHighPrecision = value.type === PRECISION_TYPES.highPrecision;
+  const isMissingRequiredAmount = isHighPrecision ? value.preciseAmount === undefined : value.centAmount === undefined;
+  if (isMissingRequiredAmount) return null;
+  return jsx(Fragment, {
+    children: formatMoney(value, intl)
   });
 };
 MoneyPresenter.displayName = 'MoneyPresenter';
@@ -4763,24 +4758,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',
@@ -7354,6 +7331,7 @@ function ShippingRatePresenter(props) {
   var _context;
   const change = props.change,
     value = props.value;
+  const intl = useIntl();
   const shippingMethodChange = change;
   const rateValue = value;
   if (!rateValue) {
@@ -7377,21 +7355,13 @@ function ShippingRatePresenter(props) {
       children: [rateValue.price && jsx("div", {
         children: jsx(FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.shippingRatePriceLabel), {}, {
           values: {
-            price: jsx(FormattedNumber, {
-              value: rateValue.price.centAmount / Math.pow(10, rateValue.price.fractionDigits || 2),
-              style: "currency",
-              currency: rateValue.price.currencyCode
-            }, "price")
+            price: formatMoney(rateValue.price, intl)
           }
         }))
       }), rateValue.freeAbove && jsx("div", {
         children: jsx(FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.shippingRateFreeAboveLabel), {}, {
           values: {
-            freeAbove: jsx(FormattedNumber, {
-              value: rateValue.freeAbove.centAmount / Math.pow(10, rateValue.freeAbove.fractionDigits || 2),
-              style: "currency",
-              currency: rateValue.freeAbove.currencyCode
-            }, "freeAbove")
+            freeAbove: formatMoney(rateValue.freeAbove, intl)
           }
         }))
       }), rateValue.tiers && rateValue.tiers.length > 0 && jsxs("div", {
@@ -7401,11 +7371,10 @@ function ShippingRatePresenter(props) {
           css: changeValueContainerStyles,
           children: [isCartValueTier(tier) && jsx(FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.cartValueShippingRateTierLabel), {}, {
             values: {
-              minimumCentAmount: jsx(FormattedNumber, {
-                value: tier.minimumCentAmount / 100,
-                style: "currency",
-                currency: rateValue.price.currencyCode
-              }, "minimumCentAmount")
+              minimumCentAmount: formatMoney({
+                currencyCode: rateValue.price.currencyCode,
+                centAmount: tier.minimumCentAmount
+              }, intl)
             }
           })), isCartClassificationTier(tier) && jsx(FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.cartClassificationShippingRateTierLabel), {}, {
             values: {
@@ -8342,7 +8311,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 +8321,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 +8332,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 +21289,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');
   }
 };