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

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

@@ -35,6 +35,7 @@ var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var experimentalComponents = require('@commercetools-frontend/experimental-components');
 var groupBy = require('lodash/groupBy');
 require('common-tags/lib/oneLine');
 var moment = require('moment-timezone');
@@ -134,7 +135,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.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 } } } };
 /**
@@ -1552,8 +1553,8 @@ const AddOrRemoveAssetPresenter = props => {
 };
 AddOrRemoveAssetPresenter.displayName = 'AddOrRemoveAssetPresenter';
 
-function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$21(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$21(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$20(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$20(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 /**
  * Maps custom type fields object property into an array
  *
@@ -1578,13 +1579,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__default["default"](_context = _Object$entries__default["default"](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)
       });
@@ -1621,8 +1622,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",
@@ -1664,30 +1663,6 @@ const ComposedChange = props => jsxRuntime.jsx("div", {
 });
 ComposedChange.displayName = 'ComposedChange';
 
-const PRECISION_TYPES = {
-  highPrecision: 'highPrecision',
-  centPrecision: 'centPrecision'
-};
-
-function ownKeys$20(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$20(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$20(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$20(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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.
@@ -1794,7 +1769,7 @@ const ChangeItemValueByType = props => {
   const intl = reactIntl.useIntl();
   if (props.value === null || props.value === undefined) return jsxRuntime.jsx(NoValueLabel, {});
   if (props.value.currencyCode) {
-    return formatMoney(props.value, intl);
+    return experimentalComponents.formatMoney(props.value, intl);
   }
   if (typeof props.value === 'boolean') return _JSON$stringify__default["default"](props.value);
   if (props.value.key) {
@@ -2699,6 +2674,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 +2730,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 +2747,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 +3131,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 +3140,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
   };
 
@@ -3231,7 +3224,7 @@ const OrderItemDetailsPresenter = props => {
       value: item.quantity
     }), jsxRuntime.jsx(DetailRow$2, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1P({}, orderMessages.totalPriceColumnLabel)),
-      value: formatMoney(item.totalPrice, intl)
+      value: experimentalComponents.formatMoney(item.totalPrice, intl)
     })]
   });
 };
@@ -3308,15 +3301,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: {
@@ -3388,7 +3381,7 @@ const OrderLineItemDiscountedPricePerQuantityPresenter = props => {
       }), jsxRuntime.jsx(uiKit.Text.Detail, {
         children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1M(_objectSpread$1M({}, orderMessages.discountedPriceLabel), {}, {
           values: {
-            discountedPrice: formatMoney(props.change.nextValue.discountedPrice.value, intl)
+            discountedPrice: experimentalComponents.formatMoney(props.change.nextValue.discountedPrice.value, intl)
           }
         }))
       })]
@@ -3404,7 +3397,7 @@ const OrderLineItemDiscountedPricePerQuantityPresenter = props => {
       }), jsxRuntime.jsx(uiKit.Text.Detail, {
         children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1M(_objectSpread$1M({}, orderMessages.discountedPriceLabel), {}, {
           values: {
-            discountedPrice: formatMoney(props.change.previousValue.discountedPrice.value, intl)
+            discountedPrice: experimentalComponents.formatMoney(props.change.previousValue.discountedPrice.value, intl)
           }
         }))
       })]
@@ -3426,15 +3419,15 @@ const OrderLineItemPricePresenter = props => {
   const label = isCustomLineItem ? getCustomLineItemLabel(props.change, applicationContext.language, applicationContext.languages || []) : getLineItemLabel(props.change, applicationContext.language, applicationContext.languages || []);
   const getNextValue = () => {
     if (hasNestedValue) {
-      return props.change.nextValue?.value ? formatMoney(props.change.nextValue.value, intl) : jsxRuntime.jsx(NoValueLabel, {});
+      return props.change.nextValue?.value ? experimentalComponents.formatMoney(props.change.nextValue.value, intl) : jsxRuntime.jsx(NoValueLabel, {});
     }
-    return props.change.nextValue ? formatMoney(props.change.nextValue, intl) : jsxRuntime.jsx(NoValueLabel, {});
+    return props.change.nextValue ? experimentalComponents.formatMoney(props.change.nextValue, intl) : jsxRuntime.jsx(NoValueLabel, {});
   };
   const getPreviousValue = () => {
     if (hasNestedValue) {
-      return props.change.previousValue?.value ? formatMoney(props.change.previousValue.value, intl) : jsxRuntime.jsx(NoValueLabel, {});
+      return props.change.previousValue?.value ? experimentalComponents.formatMoney(props.change.previousValue.value, intl) : jsxRuntime.jsx(NoValueLabel, {});
     }
-    return props.change.previousValue ? formatMoney(props.change.previousValue, intl) : jsxRuntime.jsx(NoValueLabel, {});
+    return props.change.previousValue ? experimentalComponents.formatMoney(props.change.previousValue, intl) : jsxRuntime.jsx(NoValueLabel, {});
   };
   return jsxRuntime.jsx(ComposedChange, {
     label: label,
@@ -3564,13 +3557,13 @@ const TaxedPriceChange = props => {
     children: [jsxRuntime.jsx(uiKit.Text.Detail, {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1I(_objectSpread$1I({}, messages$13.totalNetLabel), {}, {
         values: {
-          totalNet: formatMoney(props.value.totalNet, intl)
+          totalNet: experimentalComponents.formatMoney(props.value.totalNet, intl)
         }
       }))
     }), jsxRuntime.jsx(uiKit.Text.Detail, {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1I(_objectSpread$1I({}, messages$13.totalGrossLabel), {}, {
         values: {
-          totalGross: formatMoney(props.value.totalGross, intl)
+          totalGross: experimentalComponents.formatMoney(props.value.totalGross, intl)
         }
       }))
     }), props.value.taxPortions && jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -3590,7 +3583,7 @@ const TaxedPriceChange = props => {
           }), jsxRuntime.jsx(uiKit.Text.Detail, {
             children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1I(_objectSpread$1I({}, messages$13.taxPortionItemLabel), {}, {
               values: {
-                amount: formatMoney(taxPortion.amount, intl),
+                amount: experimentalComponents.formatMoney(taxPortion.amount, intl),
                 rate: taxPortion.rate
               }
             }))
@@ -3730,15 +3723,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, {
@@ -3763,7 +3756,7 @@ const OrderPaymentPresenter = props => {
     previousValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
       scale: "xs",
       children: props.change.previousValue?.payments.length > 0 ? props.change.previousValue?.payments.map(payment => {
-        const paymentLabel = payment.amountPlanned ? formatMoney(payment.amountPlanned, intl) : `Payment ${payment.id}`;
+        const paymentLabel = payment.amountPlanned ? experimentalComponents.formatMoney(payment.amountPlanned, intl) : `Payment ${payment.id}`;
         return jsxRuntime.jsx("div", {
           children: paymentLabel
         }, `prev-${payment.id}`);
@@ -3772,7 +3765,7 @@ const OrderPaymentPresenter = props => {
     nextValue: jsxRuntime.jsx(uiKit.Spacings.Stack, {
       scale: "xs",
       children: props.change.nextValue?.payments.length > 0 ? props.change.nextValue?.payments.map(payment => {
-        const paymentLabel = payment.amountPlanned ? formatMoney(payment.amountPlanned, intl) : `Payment ${payment.id}`;
+        const paymentLabel = payment.amountPlanned ? experimentalComponents.formatMoney(payment.amountPlanned, intl) : `Payment ${payment.id}`;
         return jsxRuntime.jsx("div", {
           children: paymentLabel
         }, `next-${payment.id}`);
@@ -3785,14 +3778,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
       }
@@ -3904,7 +3897,7 @@ const OrderDirectDiscountsPresenter = props => {
                   })), discount.value.type === 'absolute' && 'money' in discount.value && jsxRuntime.jsx(uiKit.Spacings.Stack, {
                     scale: "xs",
                     children: _mapInstanceProperty__default["default"](_context = discount.value.money).call(_context, (moneyValue, idx) => jsxRuntime.jsx("div", {
-                      children: formatMoney(moneyValue, intl)
+                      children: experimentalComponents.formatMoney(moneyValue, intl)
                     }, `money-${idx}`))
                   })]
                 })]
@@ -3952,7 +3945,7 @@ const renderDiscountedPrice$1 = (discountedPrice, intl) => {
       }), jsxRuntime.jsx("div", {
         css: changeValueContainerStyles,
         children: jsxRuntime.jsx(uiKit.Text.Detail, {
-          children: formatMoney(discountedPrice.value, intl)
+          children: experimentalComponents.formatMoney(discountedPrice.value, intl)
         })
       })]
     }), discountedPrice.includedDiscounts && discountedPrice.includedDiscounts.length > 0 && jsxRuntime.jsxs("div", {
@@ -3971,7 +3964,7 @@ const renderDiscountedPrice$1 = (discountedPrice, intl) => {
             }), jsxRuntime.jsx(uiKit.Text.Detail, {
               children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1C(_objectSpread$1C({}, orderMessages.discountedPriceLabel), {}, {
                 values: {
-                  discountedPrice: formatMoney(discount.discountedAmount, intl)
+                  discountedPrice: experimentalComponents.formatMoney(discount.discountedAmount, intl)
                 }
               }))
             })]
@@ -4074,7 +4067,7 @@ const OrderShippingPresenter = _ref2 => {
       value: shipping.shippingInfo?.shippingMethodName || jsxRuntime.jsx(NoValueLabel, {})
     }), jsxRuntime.jsx(DetailRow$1, {
       label: intl.formatMessage(orderMessages.orderShippingShippingPriceLabel),
-      value: shipping.shippingInfo?.price ? formatMoney(shipping.shippingInfo.price, intl) : jsxRuntime.jsx(NoValueLabel, {})
+      value: shipping.shippingInfo?.price ? experimentalComponents.formatMoney(shipping.shippingInfo.price, intl) : jsxRuntime.jsx(NoValueLabel, {})
     }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "xs",
       children: [jsxRuntime.jsxs(uiKit.Text.Detail, {
@@ -4183,13 +4176,13 @@ const OrderSetDiscountOnTotalPricePresenter = props => {
     scale: "xs",
     children: [jsxRuntime.jsx(DetailRow, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1A({}, messages$Y.discountedAmountLabel)),
-      value: discountOnTotalPrice.discountedAmount && formatMoney(discountOnTotalPrice.discountedAmount, intl)
+      value: discountOnTotalPrice.discountedAmount && experimentalComponents.formatMoney(discountOnTotalPrice.discountedAmount, intl)
     }), jsxRuntime.jsx(DetailRow, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1A({}, messages$Y.discountedNetAmountLabel)),
-      value: discountOnTotalPrice.discountedNetAmount && formatMoney(discountOnTotalPrice.discountedNetAmount, intl)
+      value: discountOnTotalPrice.discountedNetAmount && experimentalComponents.formatMoney(discountOnTotalPrice.discountedNetAmount, intl)
     }), jsxRuntime.jsx(DetailRow, {
       label: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1A({}, messages$Y.discountedGrossAmountLabel)),
-      value: discountOnTotalPrice.discountedGrossAmount && formatMoney(discountOnTotalPrice.discountedGrossAmount, intl)
+      value: discountOnTotalPrice.discountedGrossAmount && experimentalComponents.formatMoney(discountOnTotalPrice.discountedGrossAmount, intl)
     }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "xs",
       children: [jsxRuntime.jsx(uiKit.Text.Detail, {
@@ -4206,7 +4199,7 @@ const OrderSetDiscountOnTotalPricePresenter = props => {
                   typeId: 'cart-discount'
                 }) : jsxRuntime.jsx(NoValueLabel, {})
               }), jsxRuntime.jsxs(uiKit.Text.Detail, {
-                children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1A({}, messages$Y.includedDiscountedAmountLabel)), ":", ' ', includedDiscount.discountedAmount ? formatMoney(includedDiscount.discountedAmount, intl) : jsxRuntime.jsx(NoValueLabel, {})]
+                children: [jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1A({}, messages$Y.includedDiscountedAmountLabel)), ":", ' ', includedDiscount.discountedAmount ? experimentalComponents.formatMoney(includedDiscount.discountedAmount, intl) : jsxRuntime.jsx(NoValueLabel, {})]
               })]
             })
           }, `${discountReference?.id || 'discount'}-${index}`);
@@ -4220,7 +4213,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 +4222,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, {})
@@ -4265,7 +4259,7 @@ const renderDiscountedPrice = (discountedPrice, intl) => {
       }), jsxRuntime.jsx("div", {
         css: changeValueContainerStyles,
         children: jsxRuntime.jsx(uiKit.Text.Detail, {
-          children: formatMoney(discountedPrice.value, intl)
+          children: experimentalComponents.formatMoney(discountedPrice.value, intl)
         })
       })]
     }), discountedPrice.includedDiscounts && discountedPrice.includedDiscounts.length > 0 && jsxRuntime.jsxs("div", {
@@ -4284,7 +4278,7 @@ const renderDiscountedPrice = (discountedPrice, intl) => {
             }), jsxRuntime.jsx(uiKit.Text.Detail, {
               children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1y(_objectSpread$1y({}, orderMessages.discountedPriceLabel), {}, {
                 values: {
-                  discountedPrice: formatMoney(discount.discountedAmount, intl)
+                  discountedPrice: experimentalComponents.formatMoney(discount.discountedAmount, intl)
                 }
               }))
             })]
@@ -4341,7 +4335,7 @@ const renderDiscountedPriceForQuantity = (priceForQuantity, intl) => {
         children: jsxRuntime.jsx(uiKit.Text.Detail, {
           children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1x(_objectSpread$1x({}, orderMessages.discountedPriceLabel), {}, {
             values: {
-              discountedPrice: formatMoney(priceForQuantity.discountedPrice.value, intl)
+              discountedPrice: experimentalComponents.formatMoney(priceForQuantity.discountedPrice.value, intl)
             }
           }))
         })
@@ -4362,7 +4356,7 @@ const renderDiscountedPriceForQuantity = (priceForQuantity, intl) => {
             }), jsxRuntime.jsx(uiKit.Text.Detail, {
               children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1x(_objectSpread$1x({}, orderMessages.discountedPriceLabel), {}, {
                 values: {
-                  discountedPrice: formatMoney(discount.discountedAmount, intl)
+                  discountedPrice: experimentalComponents.formatMoney(discount.discountedAmount, intl)
                 }
               }))
             })]
@@ -4558,14 +4552,15 @@ LocalizedChangePresenter.displayName = 'LocalizedChangePresenter';
  */
 const MoneyPresenter = props => {
   const value = props.value;
-  if (!value || !value.currencyCode || value.centAmount === undefined) {
+  const intl = reactIntl.useIntl();
+  if (!value || !value.currencyCode) {
     return null;
   }
-  const amount = value.centAmount / Math.pow(10, value.fractionDigits || 2);
-  return jsxRuntime.jsx(reactIntl.FormattedNumber, {
-    value: amount,
-    style: "currency",
-    currency: value.currencyCode
+  const isHighPrecision = value.type === experimentalComponents.PRECISION_TYPES.highPrecision;
+  const isMissingRequiredAmount = isHighPrecision ? value.preciseAmount === undefined : value.centAmount === undefined;
+  if (isMissingRequiredAmount) return null;
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: experimentalComponents.formatMoney(value, intl)
   });
 };
 MoneyPresenter.displayName = 'MoneyPresenter';
@@ -4581,7 +4576,7 @@ function formatTiers(tiers, intl) {
     children: _mapInstanceProperty__default["default"](tiers).call(tiers, (tier, index) => jsxRuntime.jsx("div", {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1v(_objectSpread$1v({}, messages$13.priceTierLabel), {}, {
         values: {
-          price: formatMoney(tier.value, intl),
+          price: experimentalComponents.formatMoney(tier.value, intl),
           quantity: tier.minimumQuantity
         }
       }))
@@ -4818,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',
@@ -5295,11 +5272,11 @@ function renderAttributeByType(attributeName, value, intl) {
   var _context;
   switch (attributeName) {
     case 'value':
-      return formatMoney(value.value, intl);
+      return experimentalComponents.formatMoney(value.value, intl);
     case 'customerGroup':
       return value.customerGroup?.id || jsxRuntime.jsx(NoValueLabel, {});
     case 'discounted':
-      return value.discounted ? formatMoney(value.discounted?.value, intl) : jsxRuntime.jsx(NoValueLabel, {});
+      return value.discounted ? experimentalComponents.formatMoney(value.discounted?.value, intl) : jsxRuntime.jsx(NoValueLabel, {});
     case 'validFrom':
       return value.validFrom ? jsxRuntime.jsx(FormattedDateTime, {
         type: "datetime",
@@ -5332,7 +5309,7 @@ function renderAttributeByType(attributeName, value, intl) {
         children: _mapInstanceProperty__default["default"](_context = value.tiers).call(_context, tier => jsxRuntime.jsx("div", {
           children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1p(_objectSpread$1p({}, messages$13.priceTierLabel), {}, {
             values: {
-              price: formatMoney(tier.value, intl),
+              price: experimentalComponents.formatMoney(tier.value, intl),
               quantity: tier.minimumQuantity
             }
           }))
@@ -5914,7 +5891,7 @@ function ProductDiscountedPricePresenter(props) {
       children: value ? jsxRuntime.jsxs("div", {
         css: changeValueContainerStyles,
         children: [jsxRuntime.jsx("span", {
-          children: formatMoney(value.value, intl)
+          children: experimentalComponents.formatMoney(value.value, intl)
         }), jsxRuntime.jsx("span", {
           children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1i(_objectSpread$1i({}, messages$V.productDiscountLabel), {}, {
             values: {
@@ -7253,7 +7230,7 @@ const DiscountValuePresenter = _ref => {
     children: [jsxRuntime.jsx("div", {
       children: value?.type
     }), value?.money?.map(val => jsxRuntime.jsx("div", {
-      children: formatMoney(val, intl)
+      children: experimentalComponents.formatMoney(val, intl)
     }, `${val.currencyCode}-${val.centAmount}`))]
   });
 };
@@ -7409,6 +7386,7 @@ function ShippingRatePresenter(props) {
   var _context;
   const change = props.change,
     value = props.value;
+  const intl = reactIntl.useIntl();
   const shippingMethodChange = change;
   const rateValue = value;
   if (!rateValue) {
@@ -7432,21 +7410,13 @@ function ShippingRatePresenter(props) {
       children: [rateValue.price && jsxRuntime.jsx("div", {
         children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.shippingRatePriceLabel), {}, {
           values: {
-            price: jsxRuntime.jsx(reactIntl.FormattedNumber, {
-              value: rateValue.price.centAmount / Math.pow(10, rateValue.price.fractionDigits || 2),
-              style: "currency",
-              currency: rateValue.price.currencyCode
-            }, "price")
+            price: experimentalComponents.formatMoney(rateValue.price, intl)
           }
         }))
       }), rateValue.freeAbove && jsxRuntime.jsx("div", {
         children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.shippingRateFreeAboveLabel), {}, {
           values: {
-            freeAbove: jsxRuntime.jsx(reactIntl.FormattedNumber, {
-              value: rateValue.freeAbove.centAmount / Math.pow(10, rateValue.freeAbove.fractionDigits || 2),
-              style: "currency",
-              currency: rateValue.freeAbove.currencyCode
-            }, "freeAbove")
+            freeAbove: experimentalComponents.formatMoney(rateValue.freeAbove, intl)
           }
         }))
       }), rateValue.tiers && rateValue.tiers.length > 0 && jsxRuntime.jsxs("div", {
@@ -7456,11 +7426,10 @@ function ShippingRatePresenter(props) {
           css: changeValueContainerStyles,
           children: [isCartValueTier(tier) && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.cartValueShippingRateTierLabel), {}, {
             values: {
-              minimumCentAmount: jsxRuntime.jsx(reactIntl.FormattedNumber, {
-                value: tier.minimumCentAmount / 100,
-                style: "currency",
-                currency: rateValue.price.currencyCode
-              }, "minimumCentAmount")
+              minimumCentAmount: experimentalComponents.formatMoney({
+                currencyCode: rateValue.price.currencyCode,
+                centAmount: tier.minimumCentAmount
+              }, intl)
             }
           })), isCartClassificationTier(tier) && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$$(_objectSpread$$({}, messages$13.cartClassificationShippingRateTierLabel), {}, {
             values: {
@@ -7512,7 +7481,7 @@ const TransactionPresenter = props => {
   const intl = reactIntl.useIntl();
   return jsxRuntime.jsx("div", {
     css: changeValueContainerStyles,
-    children: typeof props.value === 'string' ? props.value : `${props.value.type} ${formatMoney(props.value.amount, intl)} (${props.value.state})`
+    children: typeof props.value === 'string' ? props.value : `${props.value.type} ${experimentalComponents.formatMoney(props.value.amount, intl)} (${props.value.state})`
   });
 };
 TransactionPresenter.displayName = 'TransactionPresenter';
@@ -8397,7 +8366,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 +8376,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 +8387,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, {});
 };
 
@@ -9568,13 +9535,13 @@ const ShippingRateChange = props => {
     children: [jsxRuntime.jsx(uiKit.Text.Detail, {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$O(_objectSpread$O({}, messages$13.shippingRatePriceLabel), {}, {
         values: {
-          price: formatMoney(props.value.price, intl)
+          price: experimentalComponents.formatMoney(props.value.price, intl)
         }
       }))
     }), props.value.freeAbove && jsxRuntime.jsx(uiKit.Text.Detail, {
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$O(_objectSpread$O({}, messages$13.shippingRateFreeAboveLabel), {}, {
         values: {
-          freeAbove: formatMoney(props.value.freeAbove, intl)
+          freeAbove: experimentalComponents.formatMoney(props.value.freeAbove, intl)
         }
       }))
     }), props.value.tiers.length > 0 && jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -9593,7 +9560,7 @@ const ShippingRateChange = props => {
             children: [jsxRuntime.jsx(uiKit.Text.Detail, {
               children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$O(_objectSpread$O({}, messages$13.shippingRatePriceLabel), {}, {
                 values: {
-                  price: formatMoney(tier.price, intl)
+                  price: experimentalComponents.formatMoney(tier.price, intl)
                 }
               }))
             }), jsxRuntime.jsx(uiKit.Spacings.Inline, {
@@ -9601,7 +9568,7 @@ const ShippingRateChange = props => {
               children: jsxRuntime.jsxs(uiKit.Text.Detail, {
                 children: [tier.minimumCentAmount && jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$O(_objectSpread$O({}, messages$13.cartValueShippingRateTierLabel), {}, {
                   values: {
-                    minimumCentAmount: formatMoney(_objectSpread$O(_objectSpread$O({}, tier.price), {}, {
+                    minimumCentAmount: experimentalComponents.formatMoney(_objectSpread$O(_objectSpread$O({}, tier.price), {}, {
                       centAmount: tier.minimumCentAmount
                     }), intl)
                   }
@@ -10811,7 +10778,7 @@ const getPaymentLabel = _ref => {
     intl = _ref.intl;
   const amountPlanned = 'amountPlanned' in messageLabel ? messageLabel.amountPlanned : undefined;
   const key = 'key' in messageLabel ? messageLabel.key : undefined;
-  const paymentAmount = amountPlanned ? formatMoney(amountPlanned, intl) : undefined;
+  const paymentAmount = amountPlanned ? experimentalComponents.formatMoney(amountPlanned, intl) : undefined;
   return intl.formatMessage(messages$B.paymentResource, {
     paymentValue: key || paymentAmount || jsxRuntime.jsx(NoValueFallback, {})
   });
@@ -10821,7 +10788,7 @@ const mapLabel$1 = _ref => {
   let data = _ref.data,
     intl = _ref.intl;
   return intl.formatMessage(messages$B.paymentResource, {
-    paymentValue: data.key || formatMoney(data.amountPlanned, intl)
+    paymentValue: data.key || experimentalComponents.formatMoney(data.amountPlanned, intl)
   });
 };
 
@@ -10987,7 +10954,7 @@ const mapPaymentToPreview = _ref => {
     fieldValue: resource.interfaceId
   }, {
     fieldName: intl.formatMessage(messages$A.amountPlannedLabel),
-    fieldValue: formatMoney(resource.amountPlanned, intl)
+    fieldValue: experimentalComponents.formatMoney(resource.amountPlanned, intl)
   }, {
     fieldName: intl.formatMessage(messages$A.paymentMethodInfoMethodLabel),
     fieldValue: resource.paymentMethodInfo?.method
@@ -11009,7 +10976,7 @@ const mapPaymentToPreview = _ref => {
   }, {
     fieldName: 'transactions',
     fieldValue: _mapInstanceProperty__default["default"](_context = resource.transactions).call(_context, transaction => _objectSpread$K(_objectSpread$K({}, transaction), {}, {
-      amount: transaction.amount && formatMoney(transaction.amount, intl),
+      amount: transaction.amount && experimentalComponents.formatMoney(transaction.amount, intl),
       timestamp: formatDateTime('datetime', transaction.timestamp)
     }))
   }];
@@ -21377,15 +21344,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'); });
   }
 };