@prezly/theme-kit-core 7.1.0 → 8.0.1

package/build/intl/getLanguageDisplayName.test.cjs

@@ -0,0 +1,46 @@
+"use strict";
+
+var _languages = require("../__mocks__/languages.cjs");
+var _getLanguageDisplayName = require("./getLanguageDisplayName.cjs");
+describe('getLanguageDisplayName', () => {
+  describe('with languages as input', () => {
+    it('should return shortened name when language is the only culture', () => {
+      var languages = [_languages.LANGUAGES.en, _languages.LANGUAGES.fr];
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.en, languages)).toBe('English');
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.fr, languages)).toBe('Français');
+    });
+    it('should return full name when language is NOT the only culture', () => {
+      var languages = [_languages.LANGUAGES.nl_BE, _languages.LANGUAGES.nl_NL];
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.nl_BE, languages)).toBe('Nederlands (België)');
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.nl_NL, languages)).toBe('Nederlands (Nederland)');
+    });
+    it('should properly cut region from an RTL language name', () => {
+      var languages = [{
+        locale: {
+          code: 'ar_AE',
+          native_name: 'العربية (الإمارات العربية المتحدة)'
+        }
+      }];
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(languages[0], languages)).toBe('العربية');
+    });
+  });
+  describe('with locales as input', () => {
+    it('should return shortened name when language is the only culture', () => {
+      var locales = [_languages.LANGUAGES.en.locale, _languages.LANGUAGES.fr.locale];
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.en.locale, locales)).toBe('English');
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.fr.locale, locales)).toBe('Français');
+    });
+    it('should return full name when language is NOT the only culture', () => {
+      var locales = [_languages.LANGUAGES.nl_BE.locale, _languages.LANGUAGES.nl_NL.locale];
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.nl_BE.locale, locales)).toBe('Nederlands (België)');
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(_languages.LANGUAGES.nl_NL.locale, locales)).toBe('Nederlands (Nederland)');
+    });
+    it('should properly cut region from an RTL language name', () => {
+      var locales = [{
+        code: 'ar_AE',
+        native_name: 'العربية (الإمارات العربية المتحدة)'
+      }];
+      expect((0, _getLanguageDisplayName.getLanguageDisplayName)(locales[0], locales)).toBe('العربية');
+    });
+  });
+});

package/build/intl/getLanguageDisplayName.test.mjs

@@ -0,0 +1,44 @@
+import { LANGUAGES } from "../__mocks__/languages.mjs";
+import { getLanguageDisplayName } from "./getLanguageDisplayName.mjs";
+describe('getLanguageDisplayName', () => {
+  describe('with languages as input', () => {
+    it('should return shortened name when language is the only culture', () => {
+      var languages = [LANGUAGES.en, LANGUAGES.fr];
+      expect(getLanguageDisplayName(LANGUAGES.en, languages)).toBe('English');
+      expect(getLanguageDisplayName(LANGUAGES.fr, languages)).toBe('Français');
+    });
+    it('should return full name when language is NOT the only culture', () => {
+      var languages = [LANGUAGES.nl_BE, LANGUAGES.nl_NL];
+      expect(getLanguageDisplayName(LANGUAGES.nl_BE, languages)).toBe('Nederlands (België)');
+      expect(getLanguageDisplayName(LANGUAGES.nl_NL, languages)).toBe('Nederlands (Nederland)');
+    });
+    it('should properly cut region from an RTL language name', () => {
+      var languages = [{
+        locale: {
+          code: 'ar_AE',
+          native_name: 'العربية (الإمارات العربية المتحدة)'
+        }
+      }];
+      expect(getLanguageDisplayName(languages[0], languages)).toBe('العربية');
+    });
+  });
+  describe('with locales as input', () => {
+    it('should return shortened name when language is the only culture', () => {
+      var locales = [LANGUAGES.en.locale, LANGUAGES.fr.locale];
+      expect(getLanguageDisplayName(LANGUAGES.en.locale, locales)).toBe('English');
+      expect(getLanguageDisplayName(LANGUAGES.fr.locale, locales)).toBe('Français');
+    });
+    it('should return full name when language is NOT the only culture', () => {
+      var locales = [LANGUAGES.nl_BE.locale, LANGUAGES.nl_NL.locale];
+      expect(getLanguageDisplayName(LANGUAGES.nl_BE.locale, locales)).toBe('Nederlands (België)');
+      expect(getLanguageDisplayName(LANGUAGES.nl_NL.locale, locales)).toBe('Nederlands (Nederland)');
+    });
+    it('should properly cut region from an RTL language name', () => {
+      var locales = [{
+        code: 'ar_AE',
+        native_name: 'العربية (الإمارات العربية المتحدة)'
+      }];
+      expect(getLanguageDisplayName(locales[0], locales)).toBe('العربية');
+    });
+  });
+});

package/build/intl/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getLanguageDisplayName", {
+  enumerable: true,
+  get: function get() {
+    return _getLanguageDisplayName.getLanguageDisplayName;
+  }
+});
+var _getLanguageDisplayName = require("./getLanguageDisplayName.cjs");

package/build/intl/index.d.ts

@@ -1,5 +1 @@
-export * from './getFallbackLocale';
-export * from './languages';
-export { default as localeConfig } from './localeConfig';
-export * from './locale';
-export * from './localeObject';
+export { getLanguageDisplayName } from './getLanguageDisplayName';

package/build/intl/index.mjs

@@ -0,0 +1 @@
+export { getLanguageDisplayName } from "./getLanguageDisplayName.mjs";

package/build/metadata/getAlternateLanguageLinks.cjs

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAlternateLanguageLinks = getAlternateLanguageLinks;
+var _themeKitIntl = require("@prezly/theme-kit-intl");
+var _isNotUndefined = require("@technically/is-not-undefined");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable @typescript-eslint/no-use-before-define */
+// We use english locale as fallback since English is the most common language
+var EN = 'en';
+var X_DEFAULT = 'x-default';
+var ALLOWED_FALLBACKS = {
+  ["en_US"]: 'en',
+  ["en_GB"]: 'en',
+  ["fr_FR"]: 'fr',
+  ["fr_CA"]: 'fr'
+};
+function getAlternateLanguageLinks(availableLanguages, generateTranslationUrl) {
+  var _links$EN;
+  var defaultLanguage = availableLanguages.find(lang => lang.is_default);
+
+  // Generate the translation URLs map for the exact locale codes
+  var translations = Object.fromEntries(availableLanguages.map(lang => [lang.code, generateTranslationUrl(lang.code)]));
+
+  // Initialize the links map with the existing translations
+  var links = _objectSpread({}, translations);
+
+  // Add selected languages as possible region-independent translations, if not present yet.
+  Object.entries(ALLOWED_FALLBACKS).forEach(_ref => {
+    var _links$langCode;
+    var [preferredFallbackLocale, langCode] = _ref;
+    links[langCode] = (_links$langCode = links[langCode]) !== null && _links$langCode !== void 0 ? _links$langCode : links[preferredFallbackLocale];
+  });
+
+  // Add any same-language version as region-independent fallback, if not present yet.
+  availableLanguages.forEach(lang => {
+    var _links$langCode2;
+    var {
+      code: localeCode,
+      lang: langCode
+    } = _themeKitIntl.Locale.from(lang.code);
+    links[langCode] = (_links$langCode2 = links[langCode]) !== null && _links$langCode2 !== void 0 ? _links$langCode2 : links[localeCode];
+  });
+
+  // Determine `x-default` version
+  links[X_DEFAULT] = // First we try to find region independent English locale (en)
+  // If the story has just region independent `en` translation we will use it as default hreflang
+  (_links$EN = links[EN]) !== null && _links$EN !== void 0 ? _links$EN :
+  // If there are no English translations at all we will use the default language (provided by the server)
+  defaultLanguage ? links[defaultLanguage.code] : undefined;
+  return Object.entries(links).map(_ref2 => {
+    var [hrefLang, href] = _ref2;
+    if (!href) {
+      // some of the fallbacks logic above can result in undefined Urls present in the map
+      return undefined;
+    }
+    if (hrefLang === X_DEFAULT) {
+      // `x-default` is not a valid locale code, so we can't pass it to the `Locale.from()` call.
+      return {
+        hrefLang: X_DEFAULT,
+        href,
+        type: 'x-default'
+      };
+    }
+    return {
+      hrefLang: _themeKitIntl.Locale.from(hrefLang).isoCode,
+      href,
+      type: translations[hrefLang] ? 'exact' : 'alias'
+    };
+  }).filter(_isNotUndefined.isNotUndefined).sort((a, b) => a.hrefLang.localeCompare(b.hrefLang));
+}

package/build/{seo → metadata}/getAlternateLanguageLinks.d.ts

@@ -1,4 +1,4 @@
 import type { NewsroomLanguageSettings } from '@prezly/sdk';
-import type { LocaleObject } from '../intl';
+import { Locale } from '@prezly/theme-kit-intl';
 import type { AlternateLanguageLink } from './types';
-export declare function getAlternateLanguageLinks<Language extends Pick<NewsroomLanguageSettings, 'code' | 'is_default'>>(availableLanguages: Language[], generateTranslationUrl: (locale: LocaleObject) => string | undefined): AlternateLanguageLink[];
+export declare function getAlternateLanguageLinks<Language extends Pick<NewsroomLanguageSettings, 'code' | 'is_default'>>(availableLanguages: Language[], generateTranslationUrl: (locale: Locale.Code) => string | undefined): AlternateLanguageLink[];

package/build/metadata/getAlternateLanguageLinks.mjs

@@ -0,0 +1,72 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/* eslint-disable @typescript-eslint/no-use-before-define */
+
+import { Locale } from '@prezly/theme-kit-intl';
+import { isNotUndefined } from '@technically/is-not-undefined';
+// We use english locale as fallback since English is the most common language
+var EN = 'en';
+var X_DEFAULT = 'x-default';
+var ALLOWED_FALLBACKS = {
+  ["en_US"]: 'en',
+  ["en_GB"]: 'en',
+  ["fr_FR"]: 'fr',
+  ["fr_CA"]: 'fr'
+};
+export function getAlternateLanguageLinks(availableLanguages, generateTranslationUrl) {
+  var _links$EN;
+  var defaultLanguage = availableLanguages.find(lang => lang.is_default);
+
+  // Generate the translation URLs map for the exact locale codes
+  var translations = Object.fromEntries(availableLanguages.map(lang => [lang.code, generateTranslationUrl(lang.code)]));
+
+  // Initialize the links map with the existing translations
+  var links = _objectSpread({}, translations);
+
+  // Add selected languages as possible region-independent translations, if not present yet.
+  Object.entries(ALLOWED_FALLBACKS).forEach(_ref => {
+    var _links$langCode;
+    var [preferredFallbackLocale, langCode] = _ref;
+    links[langCode] = (_links$langCode = links[langCode]) !== null && _links$langCode !== void 0 ? _links$langCode : links[preferredFallbackLocale];
+  });
+
+  // Add any same-language version as region-independent fallback, if not present yet.
+  availableLanguages.forEach(lang => {
+    var _links$langCode2;
+    var {
+      code: localeCode,
+      lang: langCode
+    } = Locale.from(lang.code);
+    links[langCode] = (_links$langCode2 = links[langCode]) !== null && _links$langCode2 !== void 0 ? _links$langCode2 : links[localeCode];
+  });
+
+  // Determine `x-default` version
+  links[X_DEFAULT] = // First we try to find region independent English locale (en)
+  // If the story has just region independent `en` translation we will use it as default hreflang
+  (_links$EN = links[EN]) !== null && _links$EN !== void 0 ? _links$EN :
+  // If there are no English translations at all we will use the default language (provided by the server)
+  defaultLanguage ? links[defaultLanguage.code] : undefined;
+  return Object.entries(links).map(_ref2 => {
+    var [hrefLang, href] = _ref2;
+    if (!href) {
+      // some of the fallbacks logic above can result in undefined Urls present in the map
+      return undefined;
+    }
+    if (hrefLang === X_DEFAULT) {
+      // `x-default` is not a valid locale code, so we can't pass it to the `Locale.from()` call.
+      return {
+        hrefLang: X_DEFAULT,
+        href,
+        type: 'x-default'
+      };
+    }
+    return {
+      hrefLang: Locale.from(hrefLang).isoCode,
+      href,
+      type: translations[hrefLang] ? 'exact' : 'alias'
+    };
+  }).filter(isNotUndefined).sort((a, b) => a.hrefLang.localeCompare(b.hrefLang));
+}

package/build/metadata/getAlternateLanguageLinks.test.cjs

@@ -0,0 +1,198 @@
+"use strict";
+
+var _themeKitIntl = require("@prezly/theme-kit-intl");
+var _getAlternateLanguageLinks = require("./getAlternateLanguageLinks.cjs");
+function lang(code) {
+  var isDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return {
+    code,
+    is_default: isDefault
+  };
+}
+function getTranslationUrl(locale) {
+  var {
+    isoCode
+  } = _themeKitIntl.Locale.from(locale);
+  return "translationUrl/".concat(isoCode);
+}
+function generateTranslationUrl(locale) {
+  var translationUrl = getTranslationUrl(locale);
+  var {
+    lang: langCode
+  } = _themeKitIntl.Locale.from(locale);
+  return "http://localhost:3000/".concat(langCode, "/").concat(translationUrl);
+}
+describe('getAlternateLanguageLinks', () => {
+  it('should handle one en-GB non-default language', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_GB')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should handle one en-GB default language', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_GB', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should handle two full locales', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_GB', true), lang('fr_FR')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should use en-GB locale as x-default even if other locale is set as default', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_GB'), lang('fr_FR', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should use default locale as x-default when there is eng locale', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('ru_RU'), lang('fr_FR', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/ru/translationUrl/ru-RU',
+      hrefLang: 'ru'
+    }, {
+      href: 'http://localhost:3000/ru/translationUrl/ru-RU',
+      hrefLang: 'ru-RU'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should include provided region independent locale', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_US'), lang('fr'), lang('fr_FR', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should use provided en region independent locale as x-default', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en'), lang('en_US'), lang('fr'), lang('fr_FR')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should fallback en link to en-US locale when there is en-GB locale', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_GB'), lang('en_US')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should should omit locales if getTranslationUrl is undefined', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_US'), lang('fr'), lang('fr_FR', true)], locale => {
+      var translationUrl = _themeKitIntl.Locale.isEqual(locale, 'en-US') ? undefined : getTranslationUrl(locale);
+      if (translationUrl) {
+        return generateTranslationUrl(locale);
+      }
+      return undefined;
+    });
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/fr/translationUrl/fr',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should should not duplicate links when equal languages passed', () => {
+    var links = (0, _getAlternateLanguageLinks.getAlternateLanguageLinks)([lang('en_GB'), lang('en_GB'), lang('en_US'), lang('en_US')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'x-default'
+    }]);
+  });
+});

package/build/metadata/getAlternateLanguageLinks.test.mjs

@@ -0,0 +1,196 @@
+import { Locale } from '@prezly/theme-kit-intl';
+import { getAlternateLanguageLinks } from "./getAlternateLanguageLinks.mjs";
+function lang(code) {
+  var isDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return {
+    code,
+    is_default: isDefault
+  };
+}
+function getTranslationUrl(locale) {
+  var {
+    isoCode
+  } = Locale.from(locale);
+  return "translationUrl/".concat(isoCode);
+}
+function generateTranslationUrl(locale) {
+  var translationUrl = getTranslationUrl(locale);
+  var {
+    lang: langCode
+  } = Locale.from(locale);
+  return "http://localhost:3000/".concat(langCode, "/").concat(translationUrl);
+}
+describe('getAlternateLanguageLinks', () => {
+  it('should handle one en-GB non-default language', () => {
+    var links = getAlternateLanguageLinks([lang('en_GB')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should handle one en-GB default language', () => {
+    var links = getAlternateLanguageLinks([lang('en_GB', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should handle two full locales', () => {
+    var links = getAlternateLanguageLinks([lang('en_GB', true), lang('fr_FR')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should use en-GB locale as x-default even if other locale is set as default', () => {
+    var links = getAlternateLanguageLinks([lang('en_GB'), lang('fr_FR', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should use default locale as x-default when there is eng locale', () => {
+    var links = getAlternateLanguageLinks([lang('ru_RU'), lang('fr_FR', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/ru/translationUrl/ru-RU',
+      hrefLang: 'ru'
+    }, {
+      href: 'http://localhost:3000/ru/translationUrl/ru-RU',
+      hrefLang: 'ru-RU'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should include provided region independent locale', () => {
+    var links = getAlternateLanguageLinks([lang('en_US'), lang('fr'), lang('fr_FR', true)], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should use provided en region independent locale as x-default', () => {
+    var links = getAlternateLanguageLinks([lang('en'), lang('en_US'), lang('fr'), lang('fr_FR')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should fallback en link to en-US locale when there is en-GB locale', () => {
+    var links = getAlternateLanguageLinks([lang('en_GB'), lang('en_US')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should should omit locales if getTranslationUrl is undefined', () => {
+    var links = getAlternateLanguageLinks([lang('en_US'), lang('fr'), lang('fr_FR', true)], locale => {
+      var translationUrl = Locale.isEqual(locale, 'en-US') ? undefined : getTranslationUrl(locale);
+      if (translationUrl) {
+        return generateTranslationUrl(locale);
+      }
+      return undefined;
+    });
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/fr/translationUrl/fr',
+      hrefLang: 'fr'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'fr-FR'
+    }, {
+      href: 'http://localhost:3000/fr/translationUrl/fr-FR',
+      hrefLang: 'x-default'
+    }]);
+  });
+  it('should should not duplicate links when equal languages passed', () => {
+    var links = getAlternateLanguageLinks([lang('en_GB'), lang('en_GB'), lang('en_US'), lang('en_US')], generateTranslationUrl);
+    expect(links).toMatchObject([{
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-GB',
+      hrefLang: 'en-GB'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'en-US'
+    }, {
+      href: 'http://localhost:3000/en/translationUrl/en-US',
+      hrefLang: 'x-default'
+    }]);
+  });
+});