npm - @commercetools-frontend-extensions/change-history - Versions diffs - 9.3.0 → 9.3.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

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

@@ -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.3.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)
       });
@@ -1662,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.
@@ -1792,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) {
@@ -3247,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)
     })]
   });
 };
@@ -3404,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)
           }
         }))
       })]
@@ -3420,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)
           }
         }))
       })]
@@ -3442,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,
@@ -3580,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, {
@@ -3606,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
               }
             }))
@@ -3779,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}`);
@@ -3788,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}`);
@@ -3920,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}`))
                   })]
                 })]
@@ -3968,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", {
@@ -3987,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)
                 }
               }))
             })]
@@ -4090,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, {
@@ -4199,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, {
@@ -4222,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}`);
@@ -4282,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", {
@@ -4301,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)
                 }
               }))
             })]
@@ -4358,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)
             }
           }))
         })
@@ -4379,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)
                 }
               }))
             })]
@@ -4575,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';
@@ -4598,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
         }
       }))
@@ -5294,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",
@@ -5331,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
             }
           }))
@@ -5913,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: {
@@ -7252,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}`))]
   });
 };
@@ -7408,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) {
@@ -7431,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", {
@@ -7455,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: {
@@ -7511,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';
@@ -9565,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, {
@@ -9590,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, {
@@ -9598,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)
                   }
@@ -10808,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, {})
   });
@@ -10818,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)
   });
 };
@@ -10984,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
@@ -11006,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)
     }))
   }];

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

@@ -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.3.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 } } } };
 /**
@@ -1535,8 +1536,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
  *
@@ -1561,13 +1562,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)
       });
@@ -1645,30 +1646,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.
@@ -1775,7 +1752,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) {
@@ -3230,7 +3207,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)
     })]
   });
 };
@@ -3387,7 +3364,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)
           }
         }))
       })]
@@ -3403,7 +3380,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)
           }
         }))
       })]
@@ -3425,15 +3402,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,
@@ -3563,13 +3540,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, {
@@ -3589,7 +3566,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
               }
             }))
@@ -3762,7 +3739,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}`);
@@ -3771,7 +3748,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}`);
@@ -3903,7 +3880,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}`))
                   })]
                 })]
@@ -3951,7 +3928,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", {
@@ -3970,7 +3947,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)
                 }
               }))
             })]
@@ -4073,7 +4050,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, {
@@ -4182,13 +4159,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, {
@@ -4205,7 +4182,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}`);
@@ -4265,7 +4242,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 +4261,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 +4318,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 +4339,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)
                 }
               }))
             })]
@@ -4553,14 +4530,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';
@@ -4576,7 +4554,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
         }
       }))
@@ -5272,11 +5250,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",
@@ -5309,7 +5287,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
             }
           }))
@@ -5873,7 +5851,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: {
@@ -7194,7 +7172,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}`))]
   });
 };
@@ -7350,6 +7328,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) {
@@ -7373,21 +7352,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", {
@@ -7397,11 +7368,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: {
@@ -7453,7 +7423,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';
@@ -9507,13 +9477,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, {
@@ -9532,7 +9502,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, {
@@ -9540,7 +9510,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)
                   }
@@ -10750,7 +10720,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, {})
   });
@@ -10760,7 +10730,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)
   });
 };
@@ -10926,7 +10896,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
@@ -10948,7 +10918,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)
     }))
   }];

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

@@ -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.3.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)
       });
@@ -1607,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.
@@ -4520,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';
@@ -7353,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) {
@@ -7376,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", {
@@ -7400,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: {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/change-history",
   "description": "Change history shared components and utilities",
-  "version": "9.3.0",
+  "version": "9.3.1",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -36,17 +36,18 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "7.24.7",
-    "@commercetools-frontend/application-components": "25.1.0",
-    "@commercetools-frontend/application-shell": "25.1.0",
-    "@commercetools-frontend/application-shell-connectors": "25.1.0",
-    "@commercetools-frontend/assets": "25.1.0",
-    "@commercetools-frontend/constants": "25.1.0",
-    "@commercetools-frontend/i18n": "25.1.0",
-    "@commercetools-frontend/l10n": "25.1.0",
-    "@commercetools-frontend/mc-scripts": "25.1.0",
-    "@commercetools-frontend/permissions": "25.1.0",
-    "@commercetools-frontend/sdk": "25.1.0",
-    "@commercetools-frontend/sentry": "25.1.0",
+    "@commercetools-frontend/application-components": "27.0.0",
+    "@commercetools-frontend/application-shell": "27.0.0",
+    "@commercetools-frontend/application-shell-connectors": "27.0.0",
+    "@commercetools-frontend/assets": "27.0.0",
+    "@commercetools-frontend/constants": "27.0.0",
+    "@commercetools-frontend/experimental-components": "8.2.0",
+    "@commercetools-frontend/i18n": "27.0.0",
+    "@commercetools-frontend/l10n": "27.0.0",
+    "@commercetools-frontend/mc-scripts": "27.0.0",
+    "@commercetools-frontend/permissions": "27.0.0",
+    "@commercetools-frontend/sdk": "27.0.0",
+    "@commercetools-frontend/sentry": "27.0.0",
     "@commercetools-frontend/ui-kit": "20.0.0",
     "@commercetools-uikit/design-system": "20.0.0",
     "@commercetools-uikit/filters": "20.0.0",
@@ -73,16 +74,17 @@
     "rimraf": "5.0.7"
   },
   "peerDependencies": {
-    "@commercetools-frontend/application-components": "24.x || 25.x",
-    "@commercetools-frontend/application-shell": "24.x || 25.x",
-    "@commercetools-frontend/application-shell-connectors": "24.x || 25.x",
-    "@commercetools-frontend/assets": "24.x || 25.x",
-    "@commercetools-frontend/constants": "24.x || 25.x",
-    "@commercetools-frontend/i18n": "24.x || 25.x",
-    "@commercetools-frontend/l10n": "24.x || 25.x",
-    "@commercetools-frontend/permissions": "24.x || 25.x",
-    "@commercetools-frontend/sdk": "24.x || 25.x",
-    "@commercetools-frontend/sentry": "24.x || 25.x",
+    "@commercetools-frontend/application-components": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/application-shell": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/application-shell-connectors": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/assets": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/constants": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/experimental-components": "8.x",
+    "@commercetools-frontend/i18n": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/l10n": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/permissions": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/sdk": "24.x || 25.x || 27.x",
+    "@commercetools-frontend/sentry": "24.x || 25.x || 27.x",
     "@commercetools-frontend/ui-kit": "^19.22.6 || 20.x",
     "@commercetools-uikit/design-system": "^19.22.6 || 20.x",
     "@commercetools-uikit/filters": "^19.22.6 || 20.x",