@prezly/theme-kit-nextjs 1.15.1 → 1.16.0-2

package/build/utils/getLocalizedCategoryData.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCategoryHasTranslation = exports.getCategoryUrl = exports.getLocalizedCategoryData = void 0;
 function isAlgoliaCategory(category) {
@@ -23,26 +12,26 @@ function getLocalizedCategoryData(category, locale) {
             slug: category.slug,
         };
     }
-    var targetLocaleCode = locale.toUnderscoreCode();
-    var i18n = category.i18n;
-    var populatedLocales = Object.keys(i18n).filter(function (localeCode) { return i18n[localeCode].name; });
-    var targetLocale = populatedLocales.find(function (localeCode) { return localeCode === targetLocaleCode; }) ||
-        populatedLocales.find(function (localeCode) { return i18n[localeCode].name === category.display_name; }) ||
+    const targetLocaleCode = locale.toUnderscoreCode();
+    const { i18n } = category;
+    const populatedLocales = Object.keys(i18n).filter((localeCode) => i18n[localeCode].name);
+    const targetLocale = populatedLocales.find((localeCode) => localeCode === targetLocaleCode) ||
+        populatedLocales.find((localeCode) => i18n[localeCode].name === category.display_name) ||
         populatedLocales[0];
-    var _a = i18n[targetLocale], _ = _a.locale, localizedData = __rest(_a, ["locale"]);
+    const { locale: _, ...localizedData } = i18n[targetLocale];
     return localizedData;
 }
 exports.getLocalizedCategoryData = getLocalizedCategoryData;
 function getCategoryUrl(category, locale) {
-    var slug = getLocalizedCategoryData(category, locale).slug;
-    return "/category/".concat(slug);
+    const { slug } = getLocalizedCategoryData(category, locale);
+    return `/category/${slug}`;
 }
 exports.getCategoryUrl = getCategoryUrl;
 function getCategoryHasTranslation(category, locale) {
-    var targetLocaleCode = locale.toUnderscoreCode();
-    var i18n = category.i18n;
-    var populatedLocales = Object.keys(i18n).filter(function (localeCode) { return i18n[localeCode].name; });
-    return Boolean(populatedLocales.find(function (localeCode) { return localeCode === targetLocaleCode; }));
+    const targetLocaleCode = locale.toUnderscoreCode();
+    const { i18n } = category;
+    const populatedLocales = Object.keys(i18n).filter((localeCode) => i18n[localeCode].name);
+    return Boolean(populatedLocales.find((localeCode) => localeCode === targetLocaleCode));
 }
 exports.getCategoryHasTranslation = getCategoryHasTranslation;
 //# sourceMappingURL=getLocalizedCategoryData.js.map

package/build/utils/getLocalizedCategoryData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLocalizedCategoryData.js","sourceRoot":"","sources":["../../src/utils/getLocalizedCategoryData.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA,SAAS,iBAAiB,CACtB,QAAuC;IAEvC,OAAO,MAAM,IAAI,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC;AACpD,CAAC;AAED,SAAgB,wBAAwB,CACpC,QAAuC,EACvC,MAAoB;IAEpB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE;QAC7B,OAAO;YACH,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,QAAQ,CAAC,IAAI;SACtB,CAAC;KACL;IAED,IAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;IAC3C,IAAA,IAAI,GAAK,QAAQ,KAAb,CAAc;IAC1B,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAC,UAAU,IAAK,OAAA,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAArB,CAAqB,CAAC,CAAC;IACzF,IAAM,YAAY,GACd,gBAAgB,CAAC,IAAI,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,KAAK,gBAAgB,EAA/B,CAA+B,CAAC;QACtE,gBAAgB,CAAC,IAAI,CAAC,UAAC,UAAU,IAAK,OAAA,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,YAAY,EAA/C,CAA+C,CAAC;QACtF,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAExB,IAAM,KAAkC,IAAI,CAAC,YAAY,CAAC,EAA1C,CAAC,YAAA,EAAK,aAAa,cAA7B,UAA+B,CAAqB,CAAC;IAE3D,OAAO,aAAa,CAAC;AACzB,CAAC;AAvBD,4DAuBC;AAED,SAAgB,cAAc,CAAC,QAAuC,EAAE,MAAoB;IAChF,IAAA,IAAI,GAAK,wBAAwB,CAAC,QAAQ,EAAE,MAAM,CAAC,KAA/C,CAAgD;IAC5D,OAAO,oBAAa,IAAI,CAAE,CAAC;AAC/B,CAAC;AAHD,wCAGC;AAED,SAAgB,yBAAyB,CAAC,QAAkB,EAAE,MAAoB;IAC9E,IAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;IAC3C,IAAA,IAAI,GAAK,QAAQ,KAAb,CAAc;IAC1B,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAC,UAAU,IAAK,OAAA,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAArB,CAAqB,CAAC,CAAC;IACzF,OAAO,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,KAAK,gBAAgB,EAA/B,CAA+B,CAAC,CAAC,CAAC;AAC3F,CAAC;AALD,8DAKC"}
+{"version":3,"file":"getLocalizedCategoryData.js","sourceRoot":"","sources":["../../src/utils/getLocalizedCategoryData.ts"],"names":[],"mappings":";;;AAKA,SAAS,iBAAiB,CACtB,QAAuC;IAEvC,OAAO,MAAM,IAAI,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC;AACpD,CAAC;AAED,SAAgB,wBAAwB,CACpC,QAAuC,EACvC,MAAoB;IAEpB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,EAAE;QAC7B,OAAO;YACH,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,IAAI,EAAE,QAAQ,CAAC,IAAI;SACtB,CAAC;KACL;IAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;IACnD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;IAC1B,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;IACzF,MAAM,YAAY,GACd,gBAAgB,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,KAAK,gBAAgB,CAAC;QACtE,gBAAgB,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,YAAY,CAAC;QACtF,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAExB,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IAE3D,OAAO,aAAa,CAAC;AACzB,CAAC;AAvBD,4DAuBC;AAED,SAAgB,cAAc,CAAC,QAAuC,EAAE,MAAoB;IACxF,MAAM,EAAE,IAAI,EAAE,GAAG,wBAAwB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5D,OAAO,aAAa,IAAI,EAAE,CAAC;AAC/B,CAAC;AAHD,wCAGC;AAED,SAAgB,yBAAyB,CAAC,QAAkB,EAAE,MAAoB;IAC9E,MAAM,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;IACnD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;IAC1B,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;IACzF,OAAO,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,KAAK,gBAAgB,CAAC,CAAC,CAAC;AAC3F,CAAC;AALD,8DAKC"}

package/build/utils/getNewsroomLogoUrl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNewsroomFaviconUrl = exports.getNewsroomLogoUrl = void 0;
-var getAssetsUrl_1 = require("./getAssetsUrl");
+const getAssetsUrl_1 = require("./getAssetsUrl");
 function getNewsroomLogoUrl(newsroom) {
     if (newsroom.newsroom_logo) {
         return (0, getAssetsUrl_1.getAssetsUrl)(newsroom.newsroom_logo.uuid);
@@ -9,11 +9,10 @@ function getNewsroomLogoUrl(newsroom) {
     return '';
 }
 exports.getNewsroomLogoUrl = getNewsroomLogoUrl;
-function getNewsroomFaviconUrl(newsroom, previewSize) {
-    if (previewSize === void 0) { previewSize = 400; }
-    var image = newsroom.icon || newsroom.square_logo;
+function getNewsroomFaviconUrl(newsroom, previewSize = 400) {
+    const image = newsroom.icon || newsroom.square_logo;
     if (image) {
-        return "".concat((0, getAssetsUrl_1.getAssetsUrl)(image.uuid), "-/preview/").concat(previewSize, "x").concat(previewSize, "/-/quality/best/");
+        return `${(0, getAssetsUrl_1.getAssetsUrl)(image.uuid)}-/preview/${previewSize}x${previewSize}/-/quality/best/`;
     }
     return '';
 }

package/build/utils/getNewsroomLogoUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNewsroomLogoUrl.js","sourceRoot":"","sources":["../../src/utils/getNewsroomLogoUrl.ts"],"names":[],"mappings":";;;AAEA,+CAA8C;AAE9C,SAAgB,kBAAkB,CAAC,QAAkB;IACjD,IAAI,QAAQ,CAAC,aAAa,EAAE;QACxB,OAAO,IAAA,2BAAY,EAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;KACpD;IAED,OAAO,EAAE,CAAC;AACd,CAAC;AAND,gDAMC;AAED,SAAgB,qBAAqB,CAAC,QAAkB,EAAE,WAAiB;IAAjB,4BAAA,EAAA,iBAAiB;IACvE,IAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,WAAW,CAAC;IACpD,IAAI,KAAK,EAAE;QACP,OAAO,UAAG,IAAA,2BAAY,EAAC,KAAK,CAAC,IAAI,CAAC,uBAAa,WAAW,cAAI,WAAW,qBAAkB,CAAC;KAC/F;IAED,OAAO,EAAE,CAAC;AACd,CAAC;AAPD,sDAOC"}
+{"version":3,"file":"getNewsroomLogoUrl.js","sourceRoot":"","sources":["../../src/utils/getNewsroomLogoUrl.ts"],"names":[],"mappings":";;;AAEA,iDAA8C;AAE9C,SAAgB,kBAAkB,CAAC,QAAkB;IACjD,IAAI,QAAQ,CAAC,aAAa,EAAE;QACxB,OAAO,IAAA,2BAAY,EAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;KACpD;IAED,OAAO,EAAE,CAAC;AACd,CAAC;AAND,gDAMC;AAED,SAAgB,qBAAqB,CAAC,QAAkB,EAAE,WAAW,GAAG,GAAG;IACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,WAAW,CAAC;IACpD,IAAI,KAAK,EAAE;QACP,OAAO,GAAG,IAAA,2BAAY,EAAC,KAAK,CAAC,IAAI,CAAC,aAAa,WAAW,IAAI,WAAW,kBAAkB,CAAC;KAC/F;IAED,OAAO,EAAE,CAAC;AACd,CAAC;AAPD,sDAOC"}

package/build/utils/getPrivacyPortalUrl.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPrivacyPortalUrl = void 0;
 function getPrivacyPortalUrl(newsroom, locale, options) {
-    var _a = options || {}, email = _a.email, _b = _a.action, action = _b === void 0 ? 'subscribe' : _b;
-    var url = new URL("/".concat(locale.toUrlSlug(), "/newsroom/").concat(newsroom.uuid, "/").concat(action), 'https://privacy.prezly.com');
+    const { email, action = 'subscribe' } = options || {};
+    const url = new URL(`/${locale.toUrlSlug()}/newsroom/${newsroom.uuid}/${action}`, 'https://privacy.prezly.com');
     if (email) {
         url.searchParams.append('email', email);
     }

package/build/utils/getPrivacyPortalUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPrivacyPortalUrl.js","sourceRoot":"","sources":["../../src/utils/getPrivacyPortalUrl.ts"],"names":[],"mappings":";;;AASA,SAAgB,mBAAmB,CAC/B,QAAkB,EAClB,MAAoB,EACpB,OAAiC;IAE3B,IAAA,KAAkC,OAAO,IAAI,EAAE,EAA7C,KAAK,WAAA,EAAE,cAAoB,EAApB,MAAM,mBAAG,WAAW,KAAkB,CAAC;IAEtD,IAAM,GAAG,GAAG,IAAI,GAAG,CACf,WAAI,MAAM,CAAC,SAAS,EAAE,uBAAa,QAAQ,CAAC,IAAI,cAAI,MAAM,CAAE,EAC5D,4BAA4B,CAC/B,CAAC;IACF,IAAI,KAAK,EAAE;QACP,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;KAC3C;IACD,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AAC1B,CAAC;AAfD,kDAeC"}
+{"version":3,"file":"getPrivacyPortalUrl.js","sourceRoot":"","sources":["../../src/utils/getPrivacyPortalUrl.ts"],"names":[],"mappings":";;;AASA,SAAgB,mBAAmB,CAC/B,QAAkB,EAClB,MAAoB,EACpB,OAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;IAEtD,MAAM,GAAG,GAAG,IAAI,GAAG,CACf,IAAI,MAAM,CAAC,SAAS,EAAE,aAAa,QAAQ,CAAC,IAAI,IAAI,MAAM,EAAE,EAC5D,4BAA4B,CAC/B,CAAC;IACF,IAAI,KAAK,EAAE;QACP,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;KAC3C;IACD,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;AAC1B,CAAC;AAfD,kDAeC"}

package/build/utils/getStoryPublicationDate.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStoryPublicationDate = void 0;
 function getStoryPublicationDate(story) {
-    var published_at = story.published_at;
+    const { published_at } = story;
     if (!published_at) {
         return null;
     }

package/build/utils/getStoryPublicationDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStoryPublicationDate.js","sourceRoot":"","sources":["../../src/utils/getStoryPublicationDate.tsx"],"names":[],"mappings":";;;AAIA,SAAgB,uBAAuB,CAAC,KAA2B;IACvD,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IAE/B,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,IAAI,CAAC;KACf;IAED,OAAO,OAAO,YAAY,KAAK,QAAQ;QACnC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC;QACxB,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;AACxC,CAAC;AAVD,0DAUC"}
+{"version":3,"file":"getStoryPublicationDate.js","sourceRoot":"","sources":["../../src/utils/getStoryPublicationDate.tsx"],"names":[],"mappings":";;;AAIA,SAAgB,uBAAuB,CAAC,KAA2B;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE/B,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,IAAI,CAAC;KACf;IAED,OAAO,OAAO,YAAY,KAAK,QAAQ;QACnC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC;QACxB,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;AACxC,CAAC;AAVD,0DAUC"}

package/build/utils/getUploadcareGroupUrl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUploadcareGroupUrl = void 0;
-var constants_1 = require("./constants");
+const constants_1 = require("./constants");
 /**
  * This method constructs a URL to download all images in the Gallery as a single archive.
  *
@@ -10,7 +10,7 @@ var constants_1 = require("./constants");
  * @returns URL to an archive containing all of the images in the Gallery.
  */
 function getUploadcareGroupUrl(uuid, title) {
-    return "".concat(constants_1.ASSETS_URL, "/").concat(uuid, "/archive/zip/").concat(encodeURI(title), ".zip");
+    return `${constants_1.ASSETS_URL}/${uuid}/archive/zip/${encodeURI(title)}.zip`;
 }
 exports.getUploadcareGroupUrl = getUploadcareGroupUrl;
 //# sourceMappingURL=getUploadcareGroupUrl.js.map

package/build/utils/getUploadcareGroupUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUploadcareGroupUrl.js","sourceRoot":"","sources":["../../src/utils/getUploadcareGroupUrl.ts"],"names":[],"mappings":";;;AAAA,yCAAyC;AAEzC;;;;;;GAMG;AACH,SAAgB,qBAAqB,CAAC,IAAY,EAAE,KAAa;IAC7D,OAAO,UAAG,sBAAU,cAAI,IAAI,0BAAgB,SAAS,CAAC,KAAK,CAAC,SAAM,CAAC;AACvE,CAAC;AAFD,sDAEC"}
+{"version":3,"file":"getUploadcareGroupUrl.js","sourceRoot":"","sources":["../../src/utils/getUploadcareGroupUrl.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAEzC;;;;;;GAMG;AACH,SAAgB,qBAAqB,CAAC,IAAY,EAAE,KAAa;IAC7D,OAAO,GAAG,sBAAU,IAAI,IAAI,gBAAgB,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;AACvE,CAAC;AAFD,sDAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prezly/theme-kit-nextjs",
-  "version": "1.15.1",
+  "version": "1.16.0-2",
   "description": "Data layer and utility library for developing Prezly themes with NextJS",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -55,6 +55,7 @@
   },
   "devDependencies": {
     "@prezly/eslint-config": "4.2.0",
+    "@sentry/nextjs": "^7.7.0",
     "@types/jest": "28.1.6",
     "@types/node": "17.0.14",
     "@types/parse-data-url": "3.0.0",

package/src/adapter-nextjs/page-props/category.ts

@@ -87,7 +87,7 @@ export function getCategoryPageServerSideProps<
 export function getCategoryPageStaticProps<
     CustomProps extends Record<string, any>,
     StoryType extends Story = Story,
->(customProps: CustomProps | PropsFunction<CustomProps>, options?: Options) {
+>(customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>, options?: Options) {
     const { pageSize = DEFAULT_PAGE_SIZE, extraStoryFields } = options || {};
 
     return async function getStaticProps(

package/src/adapter-nextjs/page-props/gallery.ts

@@ -71,7 +71,7 @@ export function getGalleryPageServerSideProps<CustomProps extends Record<string,
 }
 
 export function getGalleryPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
+    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
     options?: Options,
 ) {
     const { pageSize = DEFAULT_GALLERY_PAGE_SIZE } = options || {};

package/src/adapter-nextjs/page-props/galleryAlbum.ts

@@ -49,7 +49,7 @@ export function getGalleryAlbumPageServerSideProps<CustomProps extends Record<st
 }
 
 export function getGalleryAlbumPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
+    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
 ) {
     return async function getStaticProps(
         context: GetStaticPropsContext,

package/src/adapter-nextjs/page-props/home.ts

@@ -74,7 +74,7 @@ export function getHomepageServerSideProps<
 export function getHomepageStaticProps<
     CustomProps extends Record<string, any>,
     StoryType extends Story = Story,
->(customProps: CustomProps | PropsFunction<CustomProps>, options?: Options) {
+>(customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>, options?: Options) {
     const { pageSize = DEFAULT_PAGE_SIZE, extraStoryFields } = options || {};
 
     return async function getStaticProps(

package/src/adapter-nextjs/page-props/search.ts

@@ -33,7 +33,7 @@ export function getSearchPageServerSideProps<CustomProps extends Record<string,
 }
 
 export function getSearchPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
+    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
 ) {
     return async function getStaticProps(
         context: GetServerSidePropsContext,

package/src/adapter-nextjs/page-props/story.ts

@@ -54,7 +54,7 @@ export function getStoryPageServerSideProps<CustomProps extends Record<string, a
 }
 
 export function getStoryPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
+    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
 ) {
     return async function getStaticProps(
         context: GetStaticPropsContext,

package/src/components-nextjs/document.tsx

@@ -0,0 +1,38 @@
+import Document, { Head, Html, Main, NextScript } from 'next/document';
+
+import { DEFAULT_LOCALE, getLocaleDirection, LocaleObject } from '../intl';
+import type { PageProps } from '../types';
+
+export class PrezlyThemeDocument extends Document {
+    getLocaleCode() {
+        const {
+            newsroomContextProps,
+            // eslint-disable-next-line no-underscore-dangle
+        } = this.props.__NEXT_DATA__.props.pageProps as PageProps;
+
+        // In some cases (like server errors) the newsroom context props will not be loaded.
+        // We need to fall back to default locale to keep the app working.
+        const { localeCode } = newsroomContextProps ?? { localeCode: DEFAULT_LOCALE };
+
+        return localeCode;
+    }
+
+    render() {
+        const locale = LocaleObject.fromAnyCode(this.getLocaleCode());
+        // TODO: The direction can be pulled from the Language object
+        const direction = getLocaleDirection(locale);
+
+        return (
+            <Html lang={locale.toHyphenCode()} dir={direction}>
+                <Head>
+                    <meta name="og:locale" content={locale.toHyphenCode()} />
+                    {/* TODO: Add alternate locales */}
+                </Head>
+                <body>
+                    <Main />
+                    <NextScript />
+                </body>
+            </Html>
+        );
+    }
+}

package/src/components-nextjs/index.ts

@@ -1,2 +1,3 @@
 export { PageSeo } from './PageSeo';
 export { StorySeo } from './StorySeo';
+export { PrezlyThemeDocument } from './document';

package/src/index.ts

@@ -4,5 +4,6 @@ export * from './data-fetching';
 export * from './infinite-loading';
 export * from './intl';
 export * from './newsroom-context';
+export * from './sentry';
 export * from './types';
 export * from './utils';

package/src/sentry/client.ts

@@ -0,0 +1,7 @@
+import type { init } from '@sentry/nextjs';
+
+import { getCommonClientOptions } from './common';
+
+export function getSentryClientOptions(dsn: string, themeName: string): Parameters<typeof init>[0] {
+    return getCommonClientOptions(dsn, themeName);
+}

package/src/sentry/common.ts

@@ -0,0 +1,27 @@
+import type { init } from '@sentry/nextjs';
+
+export function getCommonClientOptions(dsn: string, themeName: string): Parameters<typeof init>[0] {
+    return {
+        dsn,
+        // Adjust this value in production, or use tracesSampler for greater control
+        tracesSampleRate: 0.02,
+        // ...
+        // Note: if you want to override the automatic release value, do not set a
+        // `release` value here - use the environment variable `SENTRY_RELEASE`, so
+        // that it will also get attached to your source maps
+
+        ignoreErrors: [
+            // This particular error is coming from Microsoft Outlook SafeLink crawler.
+            // It doesn't affect the user experience in any way, but produces a lot of unwanted Sentry events.
+            // See https://forum.sentry.io/t/unhandledrejection-non-error-promise-rejection-captured-with-value/14062
+            'Object Not Found Matching Id',
+            // This error is caused by `beacon.min.js` polyfill in Cloudflare Insights. From what we see, it doesn't affect the user experience.
+            'Illegal invocation',
+        ],
+        // Attach theme tag to each event
+        initialScope: (scope) => {
+            scope.setTags({ prezly_theme: themeName });
+            return scope;
+        },
+    };
+}

package/src/sentry/index.ts

@@ -0,0 +1,2 @@
+export { getSentryClientOptions } from './client';
+export { getSentryServerOptions } from './server';

package/src/sentry/server.ts

@@ -0,0 +1,7 @@
+import type { init } from '@sentry/nextjs';
+
+import { getCommonClientOptions } from './common';
+
+export function getSentryServerOptions(dsn: string, themeName: string): Parameters<typeof init>[0] {
+    return getCommonClientOptions(dsn, themeName);
+}