@commercetools-frontend/l10n 22.2.0 → 22.3.0

package/dist/commercetools-frontend-l10n.cjs.dev.js

@@ -50,7 +50,7 @@ var moment__default = /*#__PURE__*/_interopDefault(moment);
 var omit__default = /*#__PURE__*/_interopDefault(omit);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.2.0";
+var version = "22.3.0";
 
 const mapLocaleToIntlLocale = locale => {
   if (_startsWithInstanceProperty__default["default"](locale).call(locale, 'de')) return 'de';
@@ -60,101 +60,88 @@ const mapLocaleToIntlLocale = locale => {
   return 'en';
 };
 const supportedLocales = ['en', 'de', 'es', 'fr-FR', 'zh-CN'];
-const defaultLocale = 'en'; // Given a locale, return the locale only if it's supported.
-// If not, return a default locale.
+const defaultLocale = 'en';
 
+// Given a locale, return the locale only if it's supported.
+// If not, return a default locale.
 function getSupportedLocale(locale) {
   const isSupported = _findInstanceProperty__default["default"](supportedLocales).call(supportedLocales, supportedLocale => _startsWithInstanceProperty__default["default"](locale).call(locale, supportedLocale));
-
   return isSupported ? locale : defaultLocale;
-} // given a currenyCode and a list of currencies with the following shape
-// [{ label, symbol }], we return the symbol.
+}
 
+// given a currenyCode and a list of currencies with the following shape
+// [{ label, symbol }], we return the symbol.
 const getSymbolFromCurrency = (currencyCode, currencies) => {
   if (currencies[currencyCode] && currencies[currencyCode].symbol) {
     return currencies[currencyCode].symbol;
   }
-
   return '';
-}; // From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
+};
 
+// From https://github.com/acdlite/recompose/blob/master/src/packages/recompose/getDisplayName.js
 const getDisplayName = Component => {
   if (typeof Component === 'string') {
     return Component;
   }
-
   if (!Component) {
     return undefined;
   }
-
   return Component.displayName || Component.name || 'Component';
 };
 const getPrimaryLocale = locale => locale.split('-')[0];
 const formatLocalizedFallbackHint = (value, locale) => {
   var _context;
-
   return _concatInstanceProperty__default["default"](_context = "".concat(value, " (")).call(_context, locale.toUpperCase(), ")");
 };
 const findFallbackLocale = (localizedString, fallbackOrder) => {
   var _context2;
-
   return _findInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](fallbackOrder).call(fallbackOrder, _Object$keys__default["default"](localizedString))).call(_context2, lang => Boolean(localizedString[lang]));
 };
 
 function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const initialState = {
   isLoading: true,
   // Keep it as an empty object, for backwards compatibility
   data: {}
 };
-
 function reducer() {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
   let action = arguments.length > 1 ? arguments[1] : undefined;
-
   switch (action.type) {
     case 'loading':
       return _objectSpread$2(_objectSpread$2({}, state), {}, {
         isLoading: true,
         data: {}
       });
-
     case 'ok':
       return _objectSpread$2(_objectSpread$2({}, state), {}, {
         isLoading: false,
         data: action.data
       });
-
     case 'error':
       return _objectSpread$2(_objectSpread$2({}, state), {}, {
         isLoading: false,
         error: action.error
       });
-
     default:
       return state;
   }
 }
-
 function createL10NHook(loadLocale) {
   return locale => {
     const _useReducer = react.useReducer(reducer, initialState),
-          _useReducer2 = _slicedToArray(_useReducer, 2),
-          data = _useReducer2[0],
-          dispatch = _useReducer2[1];
-
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      data = _useReducer2[0],
+      dispatch = _useReducer2[1];
     react.useEffect(() => {
       let cleaning = false;
       dispatch({
         type: 'loading'
       });
-
       async function run() {
         try {
           const data = await loadLocale(locale);
-
           if (!cleaning) {
             dispatch({
               type: 'ok',
@@ -164,7 +151,6 @@ function createL10NHook(loadLocale) {
         } catch (error) {
           if (error instanceof Error) {
             sentry.reportErrorToSentry(error);
-
             if (!cleaning) {
               dispatch({
                 type: 'error',
@@ -174,7 +160,6 @@ function createL10NHook(loadLocale) {
           }
         }
       }
-
       run();
       return () => {
         cleaning = true;
@@ -185,14 +170,13 @@ function createL10NHook(loadLocale) {
 }
 function createL10NInjector(_ref) {
   let displayName = _ref.displayName,
-      propKey = _ref.propKey,
-      propLoadingKey = _ref.propLoadingKey,
-      loadLocale = _ref.loadLocale;
+    propKey = _ref.propKey,
+    propLoadingKey = _ref.propLoadingKey,
+    loadLocale = _ref.loadLocale;
   return function createHOC(mapPropsToLocale) {
     const useL10n = createL10NHook(loadLocale);
     return WrappedComponent => {
       var _context;
-
       const L10NComponent = props => {
         const state = useL10n(mapPropsToLocale(props));
         return jsxRuntime.jsx(WrappedComponent, _objectSpread$2(_objectSpread$2({}, props), {}, {
@@ -200,7 +184,6 @@ function createL10NInjector(_ref) {
           [propKey]: state.data
         }));
       };
-
       L10NComponent.displayName = _concatInstanceProperty__default["default"](_context = "".concat(displayName, "(")).call(_context, getDisplayName(WrappedComponent), ")");
       return L10NComponent;
     };
@@ -209,52 +192,35 @@ function createL10NInjector(_ref) {
 
 const getImportChunk$3 = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
-
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "country-data-de" */
-      './de-d39b5241.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "country-data-de" */'./de-d39b5241.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "country-data-es" */
-      './es-8c811c5d.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "country-data-es" */'./es-8c811c5d.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "country-data-fr-FR" */
-      './fr-FR-25212b0c.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "country-data-fr-FR" */'./fr-FR-25212b0c.cjs.dev.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "country-data-zh-CN" */
-      './zh-CN-7b011ecd.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "country-data-zh-CN" */'./zh-CN-7b011ecd.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "country-data-en" */
-      './en-2cb6372d.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "country-data-en" */'./en-2cb6372d.cjs.dev.js'); });
   }
 };
-
 const countriesShape = PropTypes__default["default"].objectOf(PropTypes__default["default"].string);
+
 /**
  * If running through webpack, code splitting makes `getCountriesForLocale`
  * a function that asynchronously loads the country data.
  */
-
 const getCountriesForLocale = async locale => {
-  const supportedLocale = getSupportedLocale(locale); // Use default webpackMode (lazy) so that we generate one file per locale.
+  const supportedLocale = getSupportedLocale(locale);
+  // Use default webpackMode (lazy) so that we generate one file per locale.
   // The files are named like "country-data-en-json.chunk.js" after compilation
   // https://webpack.js.org/api/module-methods/#import-
-
-  const countries = await getImportChunk$3(supportedLocale); // Prefer loading `default` (for ESM bundles) and
+  const countries = await getImportChunk$3(supportedLocale);
+  // Prefer loading `default` (for ESM bundles) and
   // fall back to normal import (for CJS bundles).
-
   return countries.default || countries;
 };
-
 const withCountries = createL10NInjector({
   displayName: 'withCountries',
   propKey: 'countries',
@@ -265,55 +231,38 @@ const useCountries = createL10NHook(getCountriesForLocale);
 
 const getImportChunk$2 = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
-
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "currency-data-de" */
-      './de-d18a0288.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "currency-data-de" */'./de-d18a0288.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "currency-data-es" */
-      './es-7043188a.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "currency-data-es" */'./es-7043188a.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "currency-data-fr-FR" */
-      './fr-FR-a7f43360.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "currency-data-fr-FR" */'./fr-FR-a7f43360.cjs.dev.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "currency-data-zh-CN" */
-      './zh-CN-10572f2d.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "currency-data-zh-CN" */'./zh-CN-10572f2d.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "currency-data-en" */
-      './en-68409d0b.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "currency-data-en" */'./en-68409d0b.cjs.dev.js'); });
   }
 };
-
 PropTypes__default["default"].objectOf(PropTypes__default["default"].shape({
   label: PropTypes__default["default"].string,
   symbol: PropTypes__default["default"].string
 }));
+
 /**
  * If running through webpack, code splitting makes `getCurrenciesForLocale`
  * a function that asynchronously loads the country data.
  */
-
 const getCurrenciesForLocale = async locale => {
-  const supportedLocale = getSupportedLocale(locale); // Use default webpackMode (lazy) so that we generate one file per locale.
+  const supportedLocale = getSupportedLocale(locale);
+  // Use default webpackMode (lazy) so that we generate one file per locale.
   // The files are named like "currency-data-en-json.chunk.js" after compilation
   // https://webpack.js.org/api/module-methods/#import-
-
-  const currencies = await getImportChunk$2(supportedLocale); // Prefer loading `default` (for ESM bundles) and
+  const currencies = await getImportChunk$2(supportedLocale);
+  // Prefer loading `default` (for ESM bundles) and
   // fall back to normal import (for CJS bundles).
-
   return currencies.default || currencies;
 };
-
 const withCurrencies = createL10NInjector({
   displayName: 'withCurrencies',
   propKey: 'currencies',
@@ -324,55 +273,38 @@ const useCurrencies = createL10NHook(getCurrenciesForLocale);
 
 const getImportChunk$1 = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
-
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "language-data-de" */
-      './de-179da050.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "language-data-de" */'./de-179da050.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "language-data-es" */
-      './es-2f0ccbcf.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "language-data-es" */'./es-2f0ccbcf.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "language-data-fr-FR" */
-      './fr-FR-d5a3cd0b.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "language-data-fr-FR" */'./fr-FR-d5a3cd0b.cjs.dev.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "language-data-zh-CN" */
-      './zh-CN-028efd5b.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "language-data-zh-CN" */'./zh-CN-028efd5b.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "language-data-en" */
-      './en-255416b8.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "language-data-en" */'./en-255416b8.cjs.dev.js'); });
   }
 };
-
 const languagesShape = PropTypes__default["default"].objectOf(PropTypes__default["default"].shape({
   country: PropTypes__default["default"].string,
   language: PropTypes__default["default"].string.isRequired
 }));
+
 /**
  * If running through webpack, code splitting makes `getLanguagesForLocale`
  * a function that asynchronously loads the country data.
  */
-
 const getLanguagesForLocale = async locale => {
-  const supportedLocale = getSupportedLocale(locale); // Use default webpackMode (lazy) so that we generate one file per locale.
+  const supportedLocale = getSupportedLocale(locale);
+  // Use default webpackMode (lazy) so that we generate one file per locale.
   // The files are named like "language-data-en-json.chunk.js" after compilation
   // https://webpack.js.org/api/module-methods/#import-
-
-  const languages = await getImportChunk$1(supportedLocale); // Prefer loading `default` (for ESM bundles) and
+  const languages = await getImportChunk$1(supportedLocale);
+  // Prefer loading `default` (for ESM bundles) and
   // fall back to normal import (for CJS bundles).
-
   return languages.default || languages;
 };
-
 const withLanguages = createL10NInjector({
   displayName: 'withLanguages',
   propKey: 'languages',
@@ -382,32 +314,25 @@ const withLanguages = createL10NInjector({
 const useLanguages = createL10NHook(getLanguagesForLocale);
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 const getTranslationsMapChunk = async () => {
-  const translationsMapChunk = await Promise.resolve().then(function () { return require(
-  /* webpackChunkName: "time-zone-translations-map" */
-  './translations-map-0e2bd91e.cjs.dev.js'); }); // Prefer loading `default` (for ESM bundles) and
+  const translationsMapChunk = await Promise.resolve().then(function () { return require( /* webpackChunkName: "time-zone-translations-map" */'./translations-map-0e2bd91e.cjs.dev.js'); });
+  // Prefer loading `default` (for ESM bundles) and
   // fall back to normal import (for CJS bundles).
-
   return translationsMapChunk.default || translationsMapChunk;
 };
+
 /**
  * Build offset and abbreviation data for each timezone at runtime from moment-timezone
  * in order to return accurate offset values for timezones that have daylight time.
  */
-
-
 const augmentTimeZoneData = async timeZones => {
   var _context, _context2, _context3;
-
   const translationsMap = await getTranslationsMapChunk();
   return _reduceInstanceProperty__default["default"](_context = _sortInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](timeZones)).call(_context3, _ref => {
     let _ref2 = _slicedToArray(_ref, 2),
-        id = _ref2[0],
-        name = _ref2[1];
-
+      id = _ref2[0],
+      name = _ref2[1];
     return {
       id,
       name,
@@ -419,63 +344,46 @@ const augmentTimeZoneData = async timeZones => {
     [timeZone.id]: timeZone
   }), {});
 };
-
 const getImportChunk = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
-
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "timezone-data-de" */
-      './de-a35429c3.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "timezone-data-de" */'./de-a35429c3.cjs.dev.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "timezone-data-es" */
-      './es-dac5d844.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "timezone-data-es" */'./es-dac5d844.cjs.dev.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "timezone-data-fr-FR" */
-      './fr-FR-0bcee641.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "timezone-data-fr-FR" */'./fr-FR-0bcee641.cjs.dev.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "timezone-data-zh-CN" */
-      './zh-CN-e4b0166a.cjs.dev.js'); });
-
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "timezone-data-zh-CN" */'./zh-CN-e4b0166a.cjs.dev.js'); });
     default:
-      return Promise.resolve().then(function () { return require(
-      /* webpackChunkName: "timezone-data-en" */
-      './en-c5d0a319.cjs.dev.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "timezone-data-en" */'./en-c5d0a319.cjs.dev.js'); });
   }
 };
-
 const timeZonesShape = PropTypes__default["default"].objectOf(PropTypes__default["default"].shape({
   label: PropTypes__default["default"].string,
   abbr: PropTypes__default["default"].string,
   offset: PropTypes__default["default"].string,
   translationFor: PropTypes__default["default"].array
 }));
+
 /**
  * If running through webpack, code splitting makes `getTimeZonesForLocale`
  * a function that asynchronously loads the country data.
  */
-
 const getTimeZonesForLocale = async locale => {
-  const supportedLocale = getSupportedLocale(locale); // Use default webpackMode (lazy) so that we generate one file per locale.
+  const supportedLocale = getSupportedLocale(locale);
+  // Use default webpackMode (lazy) so that we generate one file per locale.
   // The files are named like "time-zone-data-en-json.chunk.js" after compilation
   // https://webpack.js.org/api/module-methods/#import-
-
-  const timeZonesChunk = await getImportChunk(supportedLocale); // Prefer loading `default` (for ESM bundles) and
+  const timeZonesChunk = await getImportChunk(supportedLocale);
+  // Prefer loading `default` (for ESM bundles) and
   // fall back to normal import (for CJS bundles).
+  const timeZones = timeZonesChunk.default || timeZonesChunk;
 
-  const timeZones = timeZonesChunk.default || timeZonesChunk; // create time zone object with abbreviations and offsets
-
+  // create time zone object with abbreviations and offsets
   const timeZoneData = await augmentTimeZoneData(timeZones);
   return timeZoneData;
 };
-
 const withTimeZones = createL10NInjector({
   displayName: 'withTimeZones',
   propKey: 'timeZones',
@@ -485,37 +393,34 @@ const withTimeZones = createL10NInjector({
 const useTimeZones = createL10NHook(getTimeZonesForLocale);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+
 /**
  * Transforms a list of `LocalizedField` into a `LocalizedString` object
  * [{ locale: 'sv', value: 'Hej' }] -> { sv: 'Hej' }
  */
-
 const transformLocalizedFieldToLocalizedString = localizedFields => {
   if (!localizedFields || localizedFields.length === 0) return null;
   return _reduceInstanceProperty__default["default"](localizedFields).call(localizedFields, (nexLocalizedString, field) => _objectSpread(_objectSpread({}, nexLocalizedString), {}, {
     [field.locale]: field.value
   }), {});
 };
+
 /**
  * Transforms a `LocalizedString` object into a list of `LocalizedField`
  *
  * { sv: 'Hej' } -> [{ locale: 'sv', value: 'Hej' }]
  */
-
 const transformLocalizedStringToLocalizedField = localizedString => {
   var _context;
-
   if (!localizedString || _Object$keys__default["default"](localizedString).length === 0) return [];
-
   const sorted = _sortInstanceProperty__default["default"](_context = _Object$keys__default["default"](localizedString)).call(_context);
-
   return _reduceInstanceProperty__default["default"](sorted).call(sorted, (updatedLocalizedField, locale) => [...updatedLocalizedField, {
     locale,
     value: localizedString[locale]
   }], []);
 };
+
 /**
  * Given a list of localized field names to map, replace the fields in the
  * format of `LocalizedField` to a `LocalizedString` object.
@@ -529,17 +434,15 @@ const transformLocalizedStringToLocalizedField = localizedString => {
  *   * `from`: the field to transform and to remove after
  *   * `to`: the target field to write the transformed shape
  */
-
 const applyTransformedLocalizedFields = (objectWithLocalizedFields, fieldNames) => {
   const transformedFieldDefinitions = _reduceInstanceProperty__default["default"](fieldNames).call(fieldNames, (nextTransformed, fieldName) => _objectSpread(_objectSpread({}, nextTransformed), {}, {
     [fieldName.to]: transformLocalizedFieldToLocalizedString(objectWithLocalizedFields[fieldName.from])
   }), {});
-
   const namesToOmit = _mapInstanceProperty__default["default"](fieldNames).call(fieldNames, fieldName => fieldName.from);
-
   const objectWithouLocalizedFields = omit__default["default"](objectWithLocalizedFields, namesToOmit);
   return _objectSpread(_objectSpread({}, objectWithouLocalizedFields), transformedFieldDefinitions);
 };
+
 /**
  * Given a list of localized string names to map, replace the fields in the
  * format of `LocalizedString` to a `LocalizedField` object.
@@ -553,17 +456,15 @@ const applyTransformedLocalizedFields = (objectWithLocalizedFields, fieldNames)
  *   * `from`: the field to transform and to remove after
  *   * `to`: the target field to write the transformed shape
  */
-
 const applyTransformedLocalizedStrings = (objectWithLocalizedStrings, fieldNames) => {
   const transformedFieldDefinitions = _reduceInstanceProperty__default["default"](fieldNames).call(fieldNames, (nextTransformed, fieldName) => _objectSpread(_objectSpread({}, nextTransformed), {}, {
     [fieldName.to]: transformLocalizedStringToLocalizedField(objectWithLocalizedStrings[fieldName.from])
   }), {});
-
   const namesToOmit = _mapInstanceProperty__default["default"](fieldNames).call(fieldNames, fieldName => fieldName.from);
-
   const objectWithouLocalizedFields = omit__default["default"](objectWithLocalizedStrings, namesToOmit);
   return _objectSpread(_objectSpread({}, objectWithouLocalizedFields), transformedFieldDefinitions);
 };
+
 /**
  * Translates a localized string on an entity.
  *
@@ -597,32 +498,35 @@ const applyTransformedLocalizedStrings = (objectWithLocalizedStrings, fieldNames
  *       let c = formatLocalizedString(undefined, { locale: 'en' })
  *       a === b && a === c -> true
  */
-
 const formatLocalizedString = (entity, _ref) => {
   let _ref$key = _ref.key,
-      key = _ref$key === void 0 ? '' : _ref$key,
-      locale = _ref.locale,
-      _ref$fallbackOrder = _ref.fallbackOrder,
-      fallbackOrder = _ref$fallbackOrder === void 0 ? [] : _ref$fallbackOrder,
-      _ref$fallback = _ref.fallback,
-      fallback = _ref$fallback === void 0 ? '' : _ref$fallback;
+    key = _ref$key === void 0 ? '' : _ref$key,
+    locale = _ref.locale,
+    _ref$fallbackOrder = _ref.fallbackOrder,
+    fallbackOrder = _ref$fallbackOrder === void 0 ? [] : _ref$fallbackOrder,
+    _ref$fallback = _ref.fallback,
+    fallback = _ref$fallback === void 0 ? '' : _ref$fallback;
   if (!entity || !entity[key]) return fallback;
   const localizedString = entity[key];
   const fallbackLocale = findFallbackLocale(localizedString, fallbackOrder);
-  const formattedLocalizedFallback = fallbackLocale ? formatLocalizedFallbackHint(localizedString[fallbackLocale], fallbackLocale) : fallback; // GIVEN no `locale`
+  const formattedLocalizedFallback = fallbackLocale ? formatLocalizedFallbackHint(localizedString[fallbackLocale], fallbackLocale) : fallback;
+
+  // GIVEN no `locale`
   // THEN return formattedFallback by fallbackOrder
+  if (!locale) return formattedLocalizedFallback;
 
-  if (!locale) return formattedLocalizedFallback; // GIVEN locale
+  // GIVEN locale
   // AND there is a value on `localizedString`
   // THEN return value
+  if (localizedString[locale]) return localizedString[locale];
 
-  if (localizedString[locale]) return localizedString[locale]; // GIVEN locale
+  // GIVEN locale
   // AND there is a value on primary locale
   // THEN return value on primary locale
-
   const primaryLocale = locale && getPrimaryLocale(locale);
-  if (localizedString[primaryLocale]) return localizedString[primaryLocale]; // use formattedFallback by fallbackOrder as last resort
+  if (localizedString[primaryLocale]) return localizedString[primaryLocale];
 
+  // use formattedFallback by fallbackOrder as last resort
   return formattedLocalizedFallback;
 };