@commercetools-frontend/i18n 22.2.1 → 22.3.0

package/dist/commercetools-frontend-i18n.esm.js

@@ -20,171 +20,131 @@ import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { defineMessages } from 'react-intl';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.2.1";
+var version = "22.3.0";
 
 // @ts-nocheck
-
 /* THIS IS A GENERATED FILE */
+
 async function loadMomentLocales(locale) {
   const lowercaseLocale = locale.toLowerCase();
-
   switch (lowercaseLocale) {
     case 'de':
       await import('moment/dist/locale/de');
       break;
-
     case 'de-at':
       await import('moment/dist/locale/de-at');
       break;
-
     case 'de-be':
       await import('moment/dist/locale/de');
       break;
-
     case 'de-ch':
       await import('moment/dist/locale/de-ch');
       break;
-
     case 'de-de':
       await import('moment/dist/locale/de');
       break;
-
     case 'de-li':
       await import('moment/dist/locale/de');
       break;
-
     case 'de-lu':
       await import('moment/dist/locale/de');
       break;
-
     case 'en-au':
       await import('moment/dist/locale/en-au');
       break;
-
     case 'en-ca':
       await import('moment/dist/locale/en-ca');
       break;
-
     case 'en-gb':
       await import('moment/dist/locale/en-gb');
       break;
-
     case 'en-ie':
       await import('moment/dist/locale/en-ie');
       break;
-
     case 'en-in':
       await import('moment/dist/locale/en-in');
       break;
-
     case 'en-nz':
       await import('moment/dist/locale/en-nz');
       break;
-
     case 'en-sg':
       await import('moment/dist/locale/en-sg');
       break;
-
     case 'es':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-ar':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-bo':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-cl':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-co':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-cr':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-cu':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-do':
       await import('moment/dist/locale/es-do');
       break;
-
     case 'es-ea':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-ec':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-es':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-gq':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-gt':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-hn':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-ic':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-mx':
       await import('moment/dist/locale/es-mx');
       break;
-
     case 'es-ni':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-pa':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-pe':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-pr':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-py':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-sv':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-uy':
       await import('moment/dist/locale/es');
       break;
-
     case 'es-ve':
       await import('moment/dist/locale/es');
       break;
-
     case 'fr-fr':
       await import('moment/dist/locale/fr');
       break;
-
     case 'zh-cn':
       await import('moment/dist/locale/zh-cn');
       break;
@@ -192,21 +152,18 @@ async function loadMomentLocales(locale) {
 }
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(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(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const extractLanguageTagFromLocale = locale => _includesInstanceProperty(locale).call(locale, '-') ? locale.split('-')[0] : locale;
 const isStructuredJson = message => (message === null || message === void 0 ? void 0 : message.string) !== undefined;
 const parseChunkImport = chunkImport => {
   var _context;
-
   // Prefer loading `default` (for ESM bundles) and
   // fall back to normal import (for CJS bundles).
   const contents = chunkImport.default || chunkImport;
   return _reduceInstanceProperty(_context = _Object$entries(contents)).call(_context, (messages, _ref) => {
     let _ref2 = _slicedToArray(_ref, 2),
-        messageKey = _ref2[0],
-        messageValue = _ref2[1];
-
+      messageKey = _ref2[0],
+      messageValue = _ref2[1];
     const messageAsString = isStructuredJson(messageValue) ? messageValue.string : messageValue;
     return _objectSpread(_objectSpread({}, messages), {}, {
       [messageKey]: messageAsString
@@ -217,7 +174,6 @@ const mergeMessages = function () {
   for (var _len = arguments.length, messages = new Array(_len), _key = 0; _key < _len; _key++) {
     messages[_key] = arguments[_key];
   }
-
   return _Object$assign({}, ...messages);
 };
 const mapLocaleToIntlLocale = locale => {
@@ -230,110 +186,67 @@ const mapLocaleToIntlLocale = locale => {
 
 const getUiKitChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
-
   switch (intlLocale) {
     case 'de':
-      return import(
-      /* webpackChunkName: "i18n-ui-kit-locale-de" */
-      '@commercetools-uikit/i18n/compiled-data/de.json');
-
+      return import( /* webpackChunkName: "i18n-ui-kit-locale-de" */'@commercetools-uikit/i18n/compiled-data/de.json');
     case 'es':
-      return import(
-      /* webpackChunkName: "i18n-ui-kit-locale-es" */
-      '@commercetools-uikit/i18n/compiled-data/es.json');
-
+      return import( /* webpackChunkName: "i18n-ui-kit-locale-es" */'@commercetools-uikit/i18n/compiled-data/es.json');
     case 'fr-FR':
-      return import(
-      /* webpackChunkName: "i18n-ui-kit-locale-fr-FR" */
-      '@commercetools-uikit/i18n/compiled-data/fr-FR.json');
-
+      return import( /* webpackChunkName: "i18n-ui-kit-locale-fr-FR" */'@commercetools-uikit/i18n/compiled-data/fr-FR.json');
     case 'zh-CN':
-      return import(
-      /* webpackChunkName: "i18n-ui-kit-locale-zh-CN" */
-      '@commercetools-uikit/i18n/compiled-data/zh-CN.json');
-
+      return import( /* webpackChunkName: "i18n-ui-kit-locale-zh-CN" */'@commercetools-uikit/i18n/compiled-data/zh-CN.json');
     default:
-      return import(
-      /* webpackChunkName: "i18n-ui-kit-locale-en" */
-      '@commercetools-uikit/i18n/compiled-data/en.json');
+      return import( /* webpackChunkName: "i18n-ui-kit-locale-en" */'@commercetools-uikit/i18n/compiled-data/en.json');
   }
 };
-
 const getAppKitChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
-
   switch (intlLocale) {
     case 'de':
-      return import(
-      /* webpackChunkName: "i18n-app-kit-locale-de" */
-      './de-5a74ebff.esm.js');
-
+      return import( /* webpackChunkName: "i18n-app-kit-locale-de" */'./de-5a74ebff.esm.js');
     case 'es':
-      return import(
-      /* webpackChunkName: "i18n-app-kit-locale-es" */
-      './es-425fb967.esm.js');
-
+      return import( /* webpackChunkName: "i18n-app-kit-locale-es" */'./es-425fb967.esm.js');
     case 'fr-FR':
-      return import(
-      /* webpackChunkName: "i18n-app-kit-locale-fr-FR" */
-      './fr-FR-f69eb330.esm.js');
-
+      return import( /* webpackChunkName: "i18n-app-kit-locale-fr-FR" */'./fr-FR-f69eb330.esm.js');
     case 'zh-CN':
-      return import(
-      /* webpackChunkName: "i18n-app-kit-locale-zh-CN" */
-      './zh-CN-0f904080.esm.js');
-
+      return import( /* webpackChunkName: "i18n-app-kit-locale-zh-CN" */'./zh-CN-0f904080.esm.js');
     default:
-      return import(
-      /* webpackChunkName: "i18n-app-kit-locale-en" */
-      './en-4957742d.esm.js');
+      return import( /* webpackChunkName: "i18n-app-kit-locale-en" */'./en-4957742d.esm.js');
   }
 };
-
 const getCommunityKitChunkImport = async locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
-
   switch (intlLocale) {
     case 'de':
-      return await import(
-      /* webpackChunkName: "i18n-community-kit-locale-de" */
-      '@commercetools-community-kit/i18n/compiled-data/de.json');
-
+      return await import( /* webpackChunkName: "i18n-community-kit-locale-de" */'@commercetools-community-kit/i18n/compiled-data/de.json');
     case 'es':
-      return await import(
-      /* webpackChunkName: "i18n-community-kit-locale-es" */
-      '@commercetools-community-kit/i18n/compiled-data/es.json');
-
+      return await import( /* webpackChunkName: "i18n-community-kit-locale-es" */'@commercetools-community-kit/i18n/compiled-data/es.json');
     case 'fr-FR':
-      return await import(
-      /* webpackChunkName: "i18n-community-kit-locale-fr-FR" */
-      '@commercetools-community-kit/i18n/compiled-data/fr-FR.json');
-
+      return await import( /* webpackChunkName: "i18n-community-kit-locale-fr-FR" */'@commercetools-community-kit/i18n/compiled-data/fr-FR.json');
     case 'zh-CN':
-      return await import(
-      /* webpackChunkName: "i18n-community-kit-locale-zh-CN" */
-      '@commercetools-community-kit/i18n/compiled-data/zh-CN.json');
-
+      return await import( /* webpackChunkName: "i18n-community-kit-locale-zh-CN" */'@commercetools-community-kit/i18n/compiled-data/zh-CN.json');
     default:
-      return await import(
-      /* webpackChunkName: "i18n-community-kit-locale-en" */
-      '@commercetools-community-kit/i18n/compiled-data/en.json');
+      return await import( /* webpackChunkName: "i18n-community-kit-locale-en" */'@commercetools-community-kit/i18n/compiled-data/en.json');
   }
-}; // Use default (lazy) so that we will receive one chunk per
-// locale. https://webpack.js.org/api/module-methods/#import-
-
+};
 
+// Use default (lazy) so that we will receive one chunk per
+// locale. https://webpack.js.org/api/module-methods/#import-
 async function loadI18n(locale) {
   // Load moment localizations
-  await loadMomentLocales(locale); // Load ui-kit translations
+  await loadMomentLocales(locale);
 
-  const uiKitChunkImport = await getUiKitChunkImport(locale); // Load app-kit translations
+  // Load ui-kit translations
+  const uiKitChunkImport = await getUiKitChunkImport(locale);
 
-  const appKitChunkImport = await getAppKitChunkImport(locale); // Load community-kit translations
+  // Load app-kit translations
+  const appKitChunkImport = await getAppKitChunkImport(locale);
 
-  const communityKitChunkImport = await getCommunityKitChunkImport(locale); // Prefer loading `default` (for ESM bundles) and
-  // fall back to normal import (for CJS bundles).
+  // Load community-kit translations
+  const communityKitChunkImport = await getCommunityKitChunkImport(locale);
 
+  // Prefer loading `default` (for ESM bundles) and
+  // fall back to normal import (for CJS bundles).
   return mergeMessages(parseChunkImport(uiKitChunkImport), parseChunkImport(appKitChunkImport), parseChunkImport(communityKitChunkImport));
 }
 
@@ -341,21 +254,19 @@ const initialState = {
   isLoading: true,
   messages: undefined,
   error: undefined
-}; // Low level hook to load messages for a specific locale. The loading is async
-// because it's assumed that the translation files are dynamically imported (code splitted).
+};
 
+// Low level hook to load messages for a specific locale. The loading is async
+// because it's assumed that the translation files are dynamically imported (code splitted).
 const useAsyncIntlMessages = _ref => {
   let locale = _ref.locale,
-      loader = _ref.loader;
-
+    loader = _ref.loader;
   const _useState = useState(initialState),
-        _useState2 = _slicedToArray(_useState, 2),
-        state = _useState2[0],
-        setState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   useEffect(() => {
     let _isUnmounting = false;
-
     async function load(_locale) {
       try {
         if (!_isUnmounting) {
@@ -374,7 +285,6 @@ const useAsyncIntlMessages = _ref => {
         }
       }
     }
-
     if (locale) load(locale);
     return () => {
       _isUnmounting = true;
@@ -389,19 +299,17 @@ const getMessagesForLocale = (data, locale) => {
   const fallbackLanguage = extractLanguageTagFromLocale(locale);
   return data[fallbackLanguage];
 };
-
 const useAsyncLocaleData = _ref => {
   var _messagesFromKitResul, _applicationMessagesR, _messagesFromKitResul2;
-
   let locale = _ref.locale,
-      applicationMessages = _ref.applicationMessages;
+    applicationMessages = _ref.applicationMessages;
   const loadApplicationMessages = useCallback(async locale => {
     if (typeof applicationMessages === 'function') {
       return await applicationMessages(locale);
     }
-
     return getMessagesForLocale(applicationMessages, locale);
-  }, // NOTE: we assume that the `applicationMessages` argument never changes.
+  },
+  // NOTE: we assume that the `applicationMessages` argument never changes.
   // Therefore, we disable the dependency array to not depend on that argument.
   // This is important, to avoid potential infinite loops.
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -413,21 +321,20 @@ const useAsyncLocaleData = _ref => {
   const applicationMessagesResult = useAsyncIntlMessages({
     locale,
     loader: loadApplicationMessages
-  }); // Merge the loaded messages into one
+  });
 
+  // Merge the loaded messages into one
   return {
     isLoading: messagesFromKitResult.isLoading || applicationMessagesResult.isLoading,
     messages: mergeMessages((_messagesFromKitResul = messagesFromKitResult.messages) !== null && _messagesFromKitResul !== void 0 ? _messagesFromKitResul : {}, (_applicationMessagesR = applicationMessagesResult.messages) !== null && _applicationMessagesR !== void 0 ? _applicationMessagesR : {}),
     error: (_messagesFromKitResul2 = messagesFromKitResult.error) !== null && _messagesFromKitResul2 !== void 0 ? _messagesFromKitResul2 : applicationMessagesResult.error
   };
 };
-
 const AsyncLocaleData = props => {
   const _useAsyncLocaleData = useAsyncLocaleData(props),
-        isLoading = _useAsyncLocaleData.isLoading,
-        messages = _useAsyncLocaleData.messages,
-        error = _useAsyncLocaleData.error;
-
+    isLoading = _useAsyncLocaleData.isLoading,
+    messages = _useAsyncLocaleData.messages,
+    error = _useAsyncLocaleData.error;
   useEffect(() => {
     if (error) reportErrorToSentry(error, {});
   }, [error]);
@@ -439,16 +346,16 @@ const AsyncLocaleData = props => {
     })
   });
 };
-
 AsyncLocaleData.propTypes = {
   locale: _pt.string,
   applicationMessages: _pt.oneOfType([_pt.objectOf(_pt.any), _pt.func]).isRequired,
   children: _pt.func.isRequired
 };
 
+// TODO: move it to its own package, so that other people can also use it?
+
 // Selection of shared messages, to avoid duplicating translations.
 // Avoid changing the message id, otherwise you need to translate them again in Transifex.
-
 const messages = defineMessages({
   cancel: {
     id: 'AppKit.Shared.cancel',

package/dist/declarations/src/async-locale-data/async-locale-data.d.ts

@@ -18,5 +18,5 @@ declare const useAsyncLocaleData: ({ locale, applicationMessages, }: Pick<Props,
     messages: TMessageTranslations;
     error: Error | undefined;
 };
-declare const AsyncLocaleData: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AsyncLocaleData: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export { AsyncLocaleData, useAsyncLocaleData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/i18n",
-  "version": "22.2.1",
+  "version": "22.3.0",
   "description": "MC i18n messages",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -28,29 +28,31 @@
     "LICENSE",
     "README.md"
   ],
-  "scripts": {
-    "compile-data": "./scripts/compile_data.sh"
-  },
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
     "@commercetools-community-kit/i18n": "^0.3.0",
-    "@commercetools-frontend/sentry": "22.2.1",
+    "@commercetools-frontend/sentry": "22.3.0",
     "@commercetools-uikit/i18n": "^16.0.0",
-    "@emotion/react": "11.10.6",
-    "@formatjs/icu-messageformat-parser": "2.3.1",
+    "@emotion/react": "11.11.0",
+    "@formatjs/icu-messageformat-parser": "2.4.0",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^17.0.53",
     "moment": "^2.29.4",
     "prop-types": "15.8.1"
   },
   "devDependencies": {
-    "@formatjs/cli": "6.1.0",
+    "@formatjs/cli": "6.1.1",
+    "@types/jest": "^29.5.1",
+    "jest-mock": "29.5.0",
     "react": "17.0.2",
-    "react-intl": "^6.3.2"
+    "react-intl": "^6.4.2"
   },
   "peerDependencies": {
     "react": "17.x",
     "react-intl": "6.x"
+  },
+  "scripts": {
+    "compile-data": "./scripts/compile_data.sh"
   }
-}
+}