@prezly/theme-kit-nextjs 1.6.3 → 1.6.4-2

package/build/newsroom-context/hooks/useCurrentStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrentStory.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useCurrentStory.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAE1D,SAAgB,eAAe;IAC3B,IAAM,OAAO,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAErC,OAAO,OAAO,CAAC,YAAY,CAAC;AAChC,CAAC;AAJD,0CAIC"}
+{"version":3,"file":"useCurrentStory.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useCurrentStory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,UAAU,eAAe;IAC3B,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,OAAO,OAAO,CAAC,YAAY,CAAC;AAChC,CAAC"}

package/build/newsroom-context/hooks/useGetLinkLocaleSlug.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetLinkLocaleSlug = void 0;
-var react_1 = require("react");
-var data_fetching_1 = require("../../data-fetching");
-var intl_1 = require("../../intl");
-var useCurrentLocale_1 = require("./useCurrentLocale");
-var useLanguages_1 = require("./useLanguages");
+import { useCallback } from 'react';
+import { getShortestLocaleCode } from '../../data-fetching';
+import { LocaleObject } from '../../intl';
+import { useCurrentLocale } from './useCurrentLocale';
+import { useLanguages } from './useLanguages';
 /**
  * Determines correct locale slug for the link (trying to shorten the locale code if possible).
  * E.g. if newsroom has a single locale for Dutch (`nl_BE`), it will be shortened to `nl`.
@@ -13,18 +10,17 @@ var useLanguages_1 = require("./useLanguages");
  * `false` means that a default locale should be used (no locale in URL required).
  */
 function getLinkLocaleSlug(languages, locale) {
-    var shortestLocaleCode = (0, data_fetching_1.getShortestLocaleCode)(languages, locale);
+    const shortestLocaleCode = getShortestLocaleCode(languages, locale);
     // When navigating to default language, we don't append the locale to the URL.
     if (!shortestLocaleCode) {
         return shortestLocaleCode;
     }
-    return intl_1.LocaleObject.fromAnyCode(shortestLocaleCode).toUrlSlug();
+    return LocaleObject.fromAnyCode(shortestLocaleCode).toUrlSlug();
 }
-function useGetLinkLocaleSlug() {
-    var currentLocale = (0, useCurrentLocale_1.useCurrentLocale)();
-    var languages = (0, useLanguages_1.useLanguages)();
+export function useGetLinkLocaleSlug() {
+    const currentLocale = useCurrentLocale();
+    const languages = useLanguages();
     // The `locale` parameter is mainly used for Language Dropdown
-    return (0, react_1.useCallback)(function (locale) { return getLinkLocaleSlug(languages, locale || currentLocale); }, [languages, currentLocale]);
+    return useCallback((locale) => getLinkLocaleSlug(languages, locale || currentLocale), [languages, currentLocale]);
 }
-exports.useGetLinkLocaleSlug = useGetLinkLocaleSlug;
 //# sourceMappingURL=useGetLinkLocaleSlug.js.map

package/build/newsroom-context/hooks/useGetLinkLocaleSlug.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetLinkLocaleSlug.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useGetLinkLocaleSlug.ts"],"names":[],"mappings":";;;AACA,+BAAoC;AAEpC,qDAA4D;AAC5D,mCAA0C;AAE1C,uDAAsD;AACtD,+CAA8C;AAE9C;;;;;GAKG;AACH,SAAS,iBAAiB,CACtB,SAAqC,EACrC,MAAoB;IAEpB,IAAM,kBAAkB,GAAG,IAAA,qCAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpE,8EAA8E;IAC9E,IAAI,CAAC,kBAAkB,EAAE;QACrB,OAAO,kBAAkB,CAAC;KAC7B;IAED,OAAO,mBAAY,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,SAAS,EAAE,CAAC;AACpE,CAAC;AAED,SAAgB,oBAAoB;IAChC,IAAM,aAAa,GAAG,IAAA,mCAAgB,GAAE,CAAC;IACzC,IAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,8DAA8D;IAC9D,OAAO,IAAA,mBAAW,EACd,UAAC,MAAqB,IAAK,OAAA,iBAAiB,CAAC,SAAS,EAAE,MAAM,IAAI,aAAa,CAAC,EAArD,CAAqD,EAChF,CAAC,SAAS,EAAE,aAAa,CAAC,CAC7B,CAAC;AACN,CAAC;AATD,oDASC"}
+{"version":3,"file":"useGetLinkLocaleSlug.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useGetLinkLocaleSlug.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;GAKG;AACH,SAAS,iBAAiB,CACtB,SAAqC,EACrC,MAAoB;IAEpB,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpE,8EAA8E;IAC9E,IAAI,CAAC,kBAAkB,EAAE;QACrB,OAAO,kBAAkB,CAAC;KAC7B;IAED,OAAO,YAAY,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,SAAS,EAAE,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,oBAAoB;IAChC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,8DAA8D;IAC9D,OAAO,WAAW,CACd,CAAC,MAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,MAAM,IAAI,aAAa,CAAC,EAChF,CAAC,SAAS,EAAE,aAAa,CAAC,CAC7B,CAAC;AACN,CAAC"}

package/build/newsroom-context/hooks/useGetTranslationUrl.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetTranslationUrl = void 0;
-var router_1 = require("next/router");
-var react_1 = require("react");
-var data_fetching_1 = require("../../data-fetching");
-var useCurrentCategory_1 = require("./useCurrentCategory");
-var useCurrentStory_1 = require("./useCurrentStory");
+import { useRouter } from 'next/router';
+import { useCallback } from 'react';
+import { getCategoryHasTranslation, getCategoryUrl } from '../../data-fetching';
+import { useCurrentCategory } from './useCurrentCategory';
+import { useCurrentStory } from './useCurrentStory';
 /**
  * Determine correct URL for translated stories/categories with a fallback to homepage.
  * E.g. if a story has a translation, the function will return the localized slug URL.
@@ -14,22 +11,19 @@ var useCurrentStory_1 = require("./useCurrentStory");
  */
 function getTranslationUrl(locale, path, currentCategory, currentStory, noFallback) {
     if (currentCategory) {
-        if ((0, data_fetching_1.getCategoryHasTranslation)(currentCategory, locale)) {
-            return (0, data_fetching_1.getCategoryUrl)(currentCategory, locale);
+        if (getCategoryHasTranslation(currentCategory, locale)) {
+            return getCategoryUrl(currentCategory, locale);
         }
         if (noFallback) {
             return '';
         }
         return '/';
     }
-    var localeCode = locale.toUnderscoreCode();
+    const localeCode = locale.toUnderscoreCode();
     if (currentStory && currentStory.culture.locale !== localeCode) {
-        var translatedStory = currentStory.translations.find(function (_a) {
-            var culture = _a.culture;
-            return culture.locale === localeCode;
-        });
+        const translatedStory = currentStory.translations.find(({ culture }) => culture.locale === localeCode);
         if (translatedStory) {
-            return "/".concat(translatedStory.slug);
+            return `/${translatedStory.slug}`;
         }
         if (noFallback) {
             return '';
@@ -42,13 +36,10 @@ function getTranslationUrl(locale, path, currentCategory, currentStory, noFallba
  * This hook returns a function that is meant to be used in language pickers and alternate locales list for the pages.
  * `noFallback` parameter is useful for alternate language links in the `head` section of the document (so that there are no unwanted links to the homepage).
  */
-function useGetTranslationUrl() {
-    var asPath = (0, router_1.useRouter)().asPath;
-    var currentCategory = (0, useCurrentCategory_1.useCurrentCategory)();
-    var currentStory = (0, useCurrentStory_1.useCurrentStory)();
-    return (0, react_1.useCallback)(function (locale, noFallback) {
-        return getTranslationUrl(locale, asPath, currentCategory, currentStory, noFallback);
-    }, [asPath, currentCategory, currentStory]);
+export function useGetTranslationUrl() {
+    const { asPath } = useRouter();
+    const currentCategory = useCurrentCategory();
+    const currentStory = useCurrentStory();
+    return useCallback((locale, noFallback) => getTranslationUrl(locale, asPath, currentCategory, currentStory, noFallback), [asPath, currentCategory, currentStory]);
 }
-exports.useGetTranslationUrl = useGetTranslationUrl;
 //# sourceMappingURL=useGetTranslationUrl.js.map

package/build/newsroom-context/hooks/useGetTranslationUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetTranslationUrl.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useGetTranslationUrl.ts"],"names":[],"mappings":";;;AACA,sCAAwC;AACxC,+BAAoC;AAEpC,qDAAgF;AAGhF,2DAA0D;AAC1D,qDAAoD;AAEpD;;;;;GAKG;AACH,SAAS,iBAAiB,CACtB,MAAoB,EACpB,IAAY,EACZ,eAA0B,EAC1B,YAA4B,EAC5B,UAAoB;IAEpB,IAAI,eAAe,EAAE;QACjB,IAAI,IAAA,yCAAyB,EAAC,eAAe,EAAE,MAAM,CAAC,EAAE;YACpD,OAAO,IAAA,8BAAc,EAAC,eAAe,EAAE,MAAM,CAAC,CAAC;SAClD;QAED,IAAI,UAAU,EAAE;YACZ,OAAO,EAAE,CAAC;SACb;QAED,OAAO,GAAG,CAAC;KACd;IAED,IAAM,UAAU,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;IAE7C,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU,EAAE;QAC5D,IAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAClD,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,OAAO,CAAC,MAAM,KAAK,UAAU;QAA7B,CAA6B,CACjD,CAAC;QACF,IAAI,eAAe,EAAE;YACjB,OAAO,WAAI,eAAe,CAAC,IAAI,CAAE,CAAC;SACrC;QAED,IAAI,UAAU,EAAE;YACZ,OAAO,EAAE,CAAC;SACb;QAED,OAAO,GAAG,CAAC;KACd;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,SAAgB,oBAAoB;IACxB,IAAA,MAAM,GAAK,IAAA,kBAAS,GAAE,OAAhB,CAAiB;IAC/B,IAAM,eAAe,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAC7C,IAAM,YAAY,GAAG,IAAA,iCAAe,GAAE,CAAC;IAEvC,OAAO,IAAA,mBAAW,EACd,UAAC,MAAoB,EAAE,UAAoB;QACvC,OAAA,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,CAAC;IAA5E,CAA4E,EAChF,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,CAAC,CAC1C,CAAC;AACN,CAAC;AAVD,oDAUC"}
+{"version":3,"file":"useGetTranslationUrl.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useGetTranslationUrl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;GAKG;AACH,SAAS,iBAAiB,CACtB,MAAoB,EACpB,IAAY,EACZ,eAA0B,EAC1B,YAA4B,EAC5B,UAAoB;IAEpB,IAAI,eAAe,EAAE;QACjB,IAAI,yBAAyB,CAAC,eAAe,EAAE,MAAM,CAAC,EAAE;YACpD,OAAO,cAAc,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;SAClD;QAED,IAAI,UAAU,EAAE;YACZ,OAAO,EAAE,CAAC;SACb;QAED,OAAO,GAAG,CAAC;KACd;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;IAE7C,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU,EAAE;QAC5D,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAClD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU,CACjD,CAAC;QACF,IAAI,eAAe,EAAE;YACjB,OAAO,IAAI,eAAe,CAAC,IAAI,EAAE,CAAC;SACrC;QAED,IAAI,UAAU,EAAE;YACZ,OAAO,EAAE,CAAC;SACb;QAED,OAAO,GAAG,CAAC;KACd;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,WAAW,CACd,CAAC,MAAoB,EAAE,UAAoB,EAAE,EAAE,CAC3C,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,CAAC,EAChF,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,CAAC,CAC1C,CAAC;AACN,CAAC"}

package/build/newsroom-context/hooks/useLanguages.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLanguages = void 0;
-var useNewsroomContext_1 = require("./useNewsroomContext");
-function useLanguages() {
-    var context = (0, useNewsroomContext_1.useNewsroomContext)();
+import { useNewsroomContext } from './useNewsroomContext';
+export function useLanguages() {
+    const context = useNewsroomContext();
     return context.languages;
 }
-exports.useLanguages = useLanguages;
 //# sourceMappingURL=useLanguages.js.map

package/build/newsroom-context/hooks/useLanguages.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLanguages.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useLanguages.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAE1D,SAAgB,YAAY;IACxB,IAAM,OAAO,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAErC,OAAO,OAAO,CAAC,SAAS,CAAC;AAC7B,CAAC;AAJD,oCAIC"}
+{"version":3,"file":"useLanguages.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useLanguages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,UAAU,YAAY;IACxB,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,OAAO,OAAO,CAAC,SAAS,CAAC;AAC7B,CAAC"}

package/build/newsroom-context/hooks/useNewsroom.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNewsroom = void 0;
-var useNewsroomContext_1 = require("./useNewsroomContext");
-function useNewsroom() {
-    var context = (0, useNewsroomContext_1.useNewsroomContext)();
+import { useNewsroomContext } from './useNewsroomContext';
+export function useNewsroom() {
+    const context = useNewsroomContext();
     return context.newsroom;
 }
-exports.useNewsroom = useNewsroom;
 //# sourceMappingURL=useNewsroom.js.map

package/build/newsroom-context/hooks/useNewsroom.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNewsroom.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useNewsroom.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAE1D,SAAgB,WAAW;IACvB,IAAM,OAAO,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAErC,OAAO,OAAO,CAAC,QAAQ,CAAC;AAC5B,CAAC;AAJD,kCAIC"}
+{"version":3,"file":"useNewsroom.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useNewsroom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,UAAU,WAAW;IACvB,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;IAErC,OAAO,OAAO,CAAC,QAAQ,CAAC;AAC5B,CAAC"}

package/build/newsroom-context/hooks/useNewsroomContext.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNewsroomContext = void 0;
-var react_1 = require("react");
-var context_1 = require("../context");
-function useNewsroomContext() {
+import { useContext } from 'react';
+import { NewsroomContext } from '../context';
+export function useNewsroomContext() {
     // TS Compiler is having a hard time figuring this type implicitly, so we have to set it explicitly
     // See https://github.com/microsoft/TypeScript/issues/5711#issuecomment-340283439
-    var newsroomContext = (0, react_1.useContext)(context_1.NewsroomContext);
+    const newsroomContext = useContext(NewsroomContext);
     if (!newsroomContext) {
         throw new Error('No `NewsroomContextProvider` found when calling `useNewsroomContext`');
     }
     return newsroomContext;
 }
-exports.useNewsroomContext = useNewsroomContext;
 //# sourceMappingURL=useNewsroomContext.js.map

package/build/newsroom-context/hooks/useNewsroomContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNewsroomContext.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useNewsroomContext.ts"],"names":[],"mappings":";;;AAAA,+BAAmC;AAGnC,sCAA6C;AAE7C,SAAgB,kBAAkB;IAC9B,mGAAmG;IACnG,iFAAiF;IACjF,IAAM,eAAe,GAAoC,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IACrF,IAAI,CAAC,eAAe,EAAE;QAClB,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;KAC3F;IAED,OAAO,eAAe,CAAC;AAC3B,CAAC;AATD,gDASC"}
+{"version":3,"file":"useNewsroomContext.js","sourceRoot":"","sources":["../../../src/newsroom-context/hooks/useNewsroomContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,UAAU,kBAAkB;IAC9B,mGAAmG;IACnG,iFAAiF;IACjF,MAAM,eAAe,GAAoC,UAAU,CAAC,eAAe,CAAC,CAAC;IACrF,IAAI,CAAC,eAAe,EAAE;QAClB,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;KAC3F;IAED,OAAO,eAAe,CAAC;AAC3B,CAAC"}

package/build/newsroom-context/index.js

@@ -1,18 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewsroomContextProvider = exports.NewsroomContext = void 0;
-var context_1 = require("./context");
-Object.defineProperty(exports, "NewsroomContext", { enumerable: true, get: function () { return context_1.NewsroomContext; } });
-Object.defineProperty(exports, "NewsroomContextProvider", { enumerable: true, get: function () { return context_1.NewsroomContextProvider; } });
-__exportStar(require("./hooks"), exports);
+export { NewsroomContext, NewsroomContextProvider } from './context';
+export * from './hooks';
 //# sourceMappingURL=index.js.map

package/build/newsroom-context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/newsroom-context/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,qCAA2F;AAAlF,0GAAA,eAAe,OAAA;AAAE,kHAAA,uBAAuB,OAAA;AACjD,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/newsroom-context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAwB,MAAM,WAAW,CAAC;AAC3F,cAAc,SAAS,CAAC"}

package/build/types.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=types.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prezly/theme-kit-nextjs",
-  "version": "1.6.3",
+  "version": "1.6.4-2",
   "description": "Data layer and utility library for developing Prezly themes with NextJS",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -48,8 +48,11 @@
     "react-dom": "^17.x"
   },
   "dependencies": {
-    "@prezly/sdk": "^6.11.0",
-    "parse-data-url": "^4.0.1"
+    "@prezly/sdk": "^6.21.0",
+    "@react-hookz/web": "^13.2.1",
+    "next-seo": "^5.4.0",
+    "parse-data-url": "^4.0.1",
+    "string-strip-html": "^9.1.9"
   },
   "devDependencies": {
     "@prezly/eslint-config": "^4.0.0",

package/src/components-nextjs/PageSeo/PageSeo.tsx

@@ -0,0 +1,123 @@
+import { NextSeo } from 'next-seo';
+import type { NextSeoProps } from 'next-seo';
+import { useRouter } from 'next/router';
+import { useMemo } from 'react';
+import { stripHtml } from 'string-strip-html';
+
+import { getNewsroomLogoUrl, getUsedLanguages } from '../../data-fetching';
+import { LocaleObject } from '../../intl';
+import {
+    useCompanyInformation,
+    useCurrentLocale,
+    useCurrentStory,
+    useGetLinkLocaleSlug,
+    useGetTranslationUrl,
+    useLanguages,
+    useNewsroom,
+} from '../../newsroom-context';
+
+import { getAbsoluteUrl } from './lib/getAbsoluteUrl';
+import type { AlternateLanguageLink } from './lib/types';
+
+type Props = NextSeoProps & {
+    imageUrl?: string;
+};
+
+/**
+ * This component provides base page attributes for every Newsroom page.
+ * It depends on information from NewsroomContext, so the component should be placed inside the `NewsroomContextProvider`.
+ * You can pass additional props expected by NextSeo component to override any info that is provided by the NewsroomContext.
+ */
+export function PageSeo({
+    title,
+    description,
+    imageUrl,
+    canonical,
+    openGraph,
+    twitter,
+    ...nextSeoProps
+}: Props) {
+    const companyInformation = useCompanyInformation();
+    const newsroom = useNewsroom();
+    const currentLocale = useCurrentLocale();
+    const languages = useLanguages();
+    const getTranslationUrl = useGetTranslationUrl();
+    const getLinkLocaleSlug = useGetLinkLocaleSlug();
+    const currentStory = useCurrentStory();
+    const { asPath } = useRouter();
+
+    const pageTitle = title || companyInformation.name;
+    const pageDescription = description || stripHtml(companyInformation.about).result;
+    const canonicalUrl =
+        canonical || getAbsoluteUrl(asPath, newsroom.url, getLinkLocaleSlug(currentLocale));
+    const siteName = companyInformation.name;
+    const logoUrl = imageUrl || getNewsroomLogoUrl(newsroom);
+
+    const alternateLanguageLinks: AlternateLanguageLink[] = useMemo(() => {
+        if (!languages.length) {
+            return [];
+        }
+
+        const alternateLanguages = getUsedLanguages(languages).filter(
+            (language) => language.code !== currentLocale.toUnderscoreCode(),
+        );
+
+        return alternateLanguages
+            .map((language) => {
+                const locale = LocaleObject.fromAnyCode(language.code);
+
+                const translationLink = getTranslationUrl(locale, true);
+
+                if (!translationLink) {
+                    return undefined;
+                }
+
+                return {
+                    hrefLang: locale.toHyphenCode(),
+                    href: getAbsoluteUrl(
+                        translationLink,
+                        newsroom.url,
+                        currentStory && translationLink !== '/' ? false : getLinkLocaleSlug(locale),
+                    ),
+                };
+            })
+            .filter<AlternateLanguageLink>(Boolean as any);
+    }, [
+        currentLocale,
+        getLinkLocaleSlug,
+        getTranslationUrl,
+        languages,
+        newsroom.url,
+        currentStory,
+    ]);
+
+    return (
+        <NextSeo
+            title={pageTitle}
+            description={pageDescription}
+            canonical={canonicalUrl}
+            openGraph={{
+                url: canonicalUrl,
+                title: pageTitle,
+                description: pageDescription,
+                locale: currentLocale.toUnderscoreCode(),
+                images: [
+                    {
+                        url: logoUrl,
+                        alt: pageTitle,
+                    },
+                ],
+                site_name: siteName,
+                ...openGraph,
+            }}
+            twitter={{
+                site: siteName,
+                cardType: 'summary',
+                ...twitter,
+            }}
+            additionalMetaTags={[{ name: 'twitter:image', content: logoUrl }]}
+            languageAlternates={alternateLanguageLinks}
+            {...nextSeoProps}
+        />
+    );
+}

package/src/components-nextjs/PageSeo/index.ts

@@ -0,0 +1,2 @@
+export { PageSeo } from './PageSeo';
+export * from './lib/types';

package/src/components-nextjs/PageSeo/lib/getAbsoluteUrl.ts

@@ -0,0 +1,7 @@
+// Returns absolute URL based on the path and without any query parameters
+export function getAbsoluteUrl(path: string, origin: string, localeCode?: string | false): string {
+    const url = new URL(`${localeCode ? `/${localeCode}` : ''}${path || '/'}`, origin);
+    url.search = '';
+
+    return url.toString();
+}

package/src/components-nextjs/PageSeo/lib/types.ts

@@ -0,0 +1,4 @@
+export type AlternateLanguageLink = {
+    href: string;
+    hrefLang: string;
+};

package/src/components-nextjs/Sitemap/SitemapBuilder.ts

@@ -0,0 +1,56 @@
+import type { SitemapUrl } from './types';
+
+export class SitemapBuilder {
+    private baseUrl: string;
+
+    private urls: SitemapUrl[] = [];
+
+    constructor(baseUrl: string) {
+        this.baseUrl = baseUrl;
+    }
+
+    public addUrl(location: string) {
+        this.urls.push({
+            location: this.baseUrl + location,
+            changeFrequency: SitemapBuilder.guessFrequency(location),
+            priority: SitemapBuilder.guessPriority(location),
+        });
+    }
+
+    private static guessFrequency(location: string) {
+        if (location === '/') return 'daily';
+
+        return 'weekly';
+    }
+
+    private static guessPriority(location: string) {
+        if (location === '/') return '0.9';
+
+        if (location.startsWith('/category/')) {
+            return '0.8';
+        }
+
+        return '0.7';
+    }
+
+    static serializeLocation(url: SitemapUrl) {
+        return [
+            '<url>',
+            url.location && `\t<loc>${url.location}</loc>`,
+            url.changeFrequency && `\t<changefreq>${url.changeFrequency}</changefreq>`,
+            url.priority && `\t<priority>${url.priority}</priority>`,
+            '</url>',
+        ]
+            .filter(Boolean)
+            .join('\n');
+    }
+
+    serialize() {
+        return [
+            '<?xml version="1.0" encoding="UTF-8" ?>',
+            '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">',
+            this.urls.map(SitemapBuilder.serializeLocation).join('\n'),
+            '</urlset>',
+        ].join('\n');
+    }
+}

package/src/components-nextjs/Sitemap/createPaths.ts

@@ -0,0 +1,21 @@
+import type { Category, Story } from '@prezly/sdk';
+
+export function createPaths(stories: Story[], categories: Category[]) {
+    const storiesUrls = stories.map(({ slug }) => `/${slug}`);
+    const categoriesUrls = categories
+        .map((category) => {
+            const translations = Object.values(category.i18n);
+            const allSlugs = translations
+                .map(({ slug }) => slug || '')
+                .filter(Boolean)
+                .reduce<string[]>(
+                    (slugs, slug) => (slugs.includes(slug) ? [...slugs] : [...slugs, slug]),
+                    [],
+                );
+
+            return allSlugs.map((slug) => `/category/${slug}`);
+        })
+        .flat();
+
+    return [...storiesUrls, ...categoriesUrls];
+}

package/src/components-nextjs/Sitemap/getInitialProps.ts

@@ -0,0 +1,37 @@
+import type { NextPageContext } from 'next';
+
+import { getPrezlyApi } from '../../data-fetching';
+
+import { createPaths } from './createPaths';
+import { SitemapBuilder } from './SitemapBuilder';
+
+export async function getInitialProps(ctx: NextPageContext, additionalPaths?: string[]) {
+    const { res, req } = ctx;
+
+    if (!req || !res) {
+        // client side
+        return null;
+    }
+
+    const baseUrl = req.headers.host || '/';
+
+    const api = getPrezlyApi(req);
+    const stories = await api.getAllStories();
+    const categories = await api.getCategories();
+
+    const paths = createPaths(stories, categories);
+    const sitemapBuilder = new SitemapBuilder(baseUrl);
+
+    sitemapBuilder.addUrl('/');
+    paths.forEach((path) => sitemapBuilder.addUrl(path));
+
+    if (additionalPaths) {
+        additionalPaths.forEach((path) => sitemapBuilder.addUrl(path));
+    }
+
+    res.setHeader('Content-Type', 'text/xml');
+    res.write(sitemapBuilder.serialize());
+    res.end();
+
+    return null;
+}

package/src/components-nextjs/Sitemap/index.ts

@@ -0,0 +1,5 @@
+export { getInitialProps as getSitemapInitialProps } from './getInitialProps';
+
+export { SitemapBuilder } from './SitemapBuilder';
+export { createPaths } from './createPaths';
+export * from './types';

package/src/components-nextjs/Sitemap/types.ts

@@ -0,0 +1,5 @@
+export type SitemapUrl = {
+    location: string;
+    changeFrequency?: string;
+    priority?: string;
+};

package/src/components-nextjs/StorySeo/StorySeo.tsx

@@ -0,0 +1,68 @@
+import type { ExtendedStory } from '@prezly/sdk';
+import { ArticleJsonLd, NextSeo } from 'next-seo';
+
+type Props = {
+    story: ExtendedStory;
+};
+
+/**
+ * This components provides additional page attributes for the Story page.
+ * It works in conjunction with `PageSeo` component, overidding some of its attributes.
+ */
+export function StorySeo({ story }: Props) {
+    const { title, subtitle, published_at, updated_at, author, oembed, newsroom, summary } = story;
+
+    const authorName = author?.display_name || author?.email || 'Unknown';
+    const description = subtitle || summary;
+
+    return (
+        <>
+            <NextSeo
+                title={title}
+                description={description}
+                canonical={oembed.url}
+                openGraph={{
+                    title,
+                    description,
+                    url: oembed.url,
+                    site_name: newsroom.display_name,
+                    type: 'article',
+                    article: {
+                        publishedTime: published_at || undefined,
+                        modifiedTime: updated_at,
+                        authors: [authorName],
+                    },
+                    ...(oembed.thumbnail_url && {
+                        images: [
+                            {
+                                url: oembed.thumbnail_url,
+                                alt: oembed.title,
+                                width: oembed.thumbnail_width,
+                                height: oembed.thumbnail_height,
+                            },
+                        ],
+                    }),
+                }}
+                additionalMetaTags={
+                    oembed.thumbnail_url
+                        ? [
+                              { name: 'twitter:card', content: 'summary_large_image' },
+                              { name: 'twitter:image', content: oembed.thumbnail_url },
+                          ]
+                        : undefined
+                }
+            />
+            <ArticleJsonLd
+                url={oembed.url}
+                title={title}
+                images={oembed.thumbnail_url ? [oembed.thumbnail_url] : []}
+                datePublished={published_at || ''}
+                dateModified={updated_at}
+                authorName={[authorName]}
+                publisherName={newsroom.display_name}
+                publisherLogo={newsroom.thumbnail_url}
+                description={description}
+            />
+        </>
+    );
+}

package/src/components-nextjs/StorySeo/index.ts

@@ -0,0 +1 @@
+export { StorySeo } from './StorySeo';

package/src/components-nextjs/index.ts

@@ -0,0 +1,3 @@
+export { PageSeo } from './PageSeo';
+export * from './Sitemap';
+export { StorySeo } from './StorySeo';

package/src/index.ts

@@ -1,5 +1,7 @@
 export * from './adapter-nextjs';
+export * from './components-nextjs';
 export * from './data-fetching';
+export * from './infinite-loading';
 export * from './intl';
 export * from './newsroom-context';
 export * from './types';

package/src/infinite-loading/apiHandlers/fetchGalleries.ts

@@ -0,0 +1,24 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+import { getPrezlyApi } from '../../data-fetching';
+
+export async function fetchGalleries(req: NextApiRequest, res: NextApiResponse) {
+    if (req.method !== 'POST') {
+        res.status(405);
+        return;
+    }
+
+    const { page, pageSize } = req.body;
+
+    try {
+        const api = getPrezlyApi(req);
+
+        const { galleries } = await api.getGalleries({ page, pageSize });
+
+        res.status(200).json({ galleries });
+    } catch (error) {
+        res.status(500).send({
+            message: (error as Error).message,
+        });
+    }
+}