@prezly/theme-kit-nextjs 2.0.0-0 → 2.0.0-2

package/build/newsroom-context/index.js

@@ -1,3 +1,2 @@
-export { NewsroomContext, NewsroomContextProvider } from './context';
-export * from './hooks';
-//# sourceMappingURL=index.js.map
+export { NewsroomContext, NewsroomContextProvider, NewsroomContextProps } from "./context.js";
+export * from "./hooks/index.js";

package/build/sentry/client.js

@@ -1,5 +1,4 @@
-import { getCommonClientOptions } from './common';
+import { getCommonClientOptions } from "./common.js";
 export function getSentryClientOptions(dsn, themeName) {
-    return getCommonClientOptions(dsn, themeName);
-}
-//# sourceMappingURL=client.js.map
+  return getCommonClientOptions(dsn, themeName);
+}

package/build/sentry/common.js

@@ -1,25 +1,26 @@
 export function getCommonClientOptions(dsn, themeName) {
-    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;
-        },
-    };
-}
-//# sourceMappingURL=common.js.map
+  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/build/sentry/index.js

@@ -1,3 +1,2 @@
-export { getSentryClientOptions } from './client';
-export { getSentryServerOptions } from './server';
-//# sourceMappingURL=index.js.map
+export { getSentryClientOptions } from "./client.js";
+export { getSentryServerOptions } from "./server.js";

package/build/sentry/server.js

@@ -1,5 +1,4 @@
-import { getCommonClientOptions } from './common';
+import { getCommonClientOptions } from "./common.js";
 export function getSentryServerOptions(dsn, themeName) {
-    return getCommonClientOptions(dsn, themeName);
-}
-//# sourceMappingURL=server.js.map
+  return getCommonClientOptions(dsn, themeName);
+}

package/build/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+export {};

package/build/utils/boilerplate.js

@@ -1,18 +1,9 @@
 export function hasAnySocialMedia(companyInformation) {
-    return Boolean(companyInformation.facebook ||
-        companyInformation.instagram ||
-        companyInformation.linkedin ||
-        companyInformation.pinterest ||
-        companyInformation.tiktok ||
-        companyInformation.twitter ||
-        companyInformation.youtube);
+  return Boolean(companyInformation.facebook || companyInformation.instagram || companyInformation.linkedin || companyInformation.pinterest || companyInformation.tiktok || companyInformation.twitter || companyInformation.youtube);
 }
 export function hasAnyAboutInformation(companyInformation) {
-    return Boolean(companyInformation.about ||
-        companyInformation.website ||
-        hasAnySocialMedia(companyInformation));
+  return Boolean(companyInformation.about || companyInformation.website || hasAnySocialMedia(companyInformation));
 }
 export function hasAnyContactInformation(companyInformation) {
-    return Boolean(companyInformation.address || companyInformation.phone || companyInformation.email);
-}
-//# sourceMappingURL=boilerplate.js.map
+  return Boolean(companyInformation.address || companyInformation.phone || companyInformation.email);
+}

package/build/utils/constants.js

@@ -1,4 +1,3 @@
 export const ASSETS_URL = 'https://cdn.uc.assets.prezly.com';
 export const DEFAULT_PAGE_SIZE = 12;
-export const DEFAULT_GALLERY_PAGE_SIZE = 6;
-//# sourceMappingURL=constants.js.map
+export const DEFAULT_GALLERY_PAGE_SIZE = 6;

package/build/utils/getAssetsUrl.js

@@ -1,9 +1,8 @@
-import { ASSETS_URL } from './constants';
+import { ASSETS_URL } from "./constants.js";
 /**
  * @param uuid UUID of the assets hosted on Uploadcare
  * @returns Full asset URL that can be used as a source for <img>, <video> and <a> tags.
  */
 export function getAssetsUrl(uuid) {
-    return `${ASSETS_URL}/${uuid}/`;
-}
-//# sourceMappingURL=getAssetsUrl.js.map
+  return `${ASSETS_URL}/${uuid}/`;
+}

package/build/utils/getDataRequestLink.js

@@ -1,8 +1,6 @@
-import { getPrivacyPortalUrl } from './getPrivacyPortalUrl';
+import { getPrivacyPortalUrl } from "./getPrivacyPortalUrl.js";
 export function getDataRequestLink(newsroom, currentLocale) {
-    return (newsroom.custom_data_request_link ||
-        getPrivacyPortalUrl(newsroom, currentLocale, {
-            action: 'data-request',
-        }));
-}
-//# sourceMappingURL=getDataRequestLink.js.map
+  return newsroom.custom_data_request_link || getPrivacyPortalUrl(newsroom, currentLocale, {
+    action: 'data-request'
+  });
+}

package/build/utils/getLocalizedCategoryData.js

@@ -1,31 +1,37 @@
 function isAlgoliaCategory(category) {
-    return 'name' in category && 'slug' in category;
+  return 'name' in category && 'slug' in category;
 }
 export function getLocalizedCategoryData(category, locale) {
-    if (isAlgoliaCategory(category)) {
-        return {
-            description: null,
-            name: category.name,
-            slug: category.slug,
-        };
-    }
-    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];
-    const { locale: _, ...localizedData } = i18n[targetLocale];
-    return localizedData;
+  if (isAlgoliaCategory(category)) {
+    return {
+      description: null,
+      name: category.name,
+      slug: category.slug
+    };
+  }
+  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];
+  const {
+    locale: _,
+    ...localizedData
+  } = i18n[targetLocale];
+  return localizedData;
 }
 export function getCategoryUrl(category, locale) {
-    const { slug } = getLocalizedCategoryData(category, locale);
-    return `/category/${slug}`;
+  const {
+    slug
+  } = getLocalizedCategoryData(category, locale);
+  return `/category/${slug}`;
 }
 export function getCategoryHasTranslation(category, locale) {
-    const targetLocaleCode = locale.toUnderscoreCode();
-    const { i18n } = category;
-    const populatedLocales = Object.keys(i18n).filter((localeCode) => i18n[localeCode].name);
-    return Boolean(populatedLocales.find((localeCode) => localeCode === targetLocaleCode));
-}
-//# sourceMappingURL=getLocalizedCategoryData.js.map
+  const targetLocaleCode = locale.toUnderscoreCode();
+  const {
+    i18n
+  } = category;
+  const populatedLocales = Object.keys(i18n).filter(localeCode => i18n[localeCode].name);
+  return Boolean(populatedLocales.find(localeCode => localeCode === targetLocaleCode));
+}

package/build/utils/getNewsroomLogoUrl.js

@@ -1,17 +1,16 @@
 import { UploadcareImage } from '@prezly/uploadcare';
 export function getNewsroomLogoUrl(newsroom) {
-    if (newsroom.newsroom_logo) {
-        const image = UploadcareImage.createFromPrezlyStoragePayload(newsroom.newsroom_logo);
-        return image.cdnUrl;
-    }
-    return '';
+  if (newsroom.newsroom_logo) {
+    const image = UploadcareImage.createFromPrezlyStoragePayload(newsroom.newsroom_logo);
+    return image.cdnUrl;
+  }
+  return '';
 }
 export function getNewsroomFaviconUrl(newsroom, previewSize = 400) {
-    const imageObject = newsroom.icon || newsroom.square_logo;
-    if (imageObject) {
-        const image = UploadcareImage.createFromPrezlyStoragePayload(imageObject);
-        return image.preview(previewSize, previewSize).cdnUrl;
-    }
-    return '';
-}
-//# sourceMappingURL=getNewsroomLogoUrl.js.map
+  const imageObject = newsroom.icon || newsroom.square_logo;
+  if (imageObject) {
+    const image = UploadcareImage.createFromPrezlyStoragePayload(imageObject);
+    return image.preview(previewSize, previewSize).cdnUrl;
+  }
+  return '';
+}

package/build/utils/getPrivacyPortalUrl.js

@@ -1,9 +1,11 @@
 export function getPrivacyPortalUrl(newsroom, locale, options) {
-    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);
-    }
-    return url.toString();
-}
-//# sourceMappingURL=getPrivacyPortalUrl.js.map
+  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);
+  }
+  return url.toString();
+}

package/build/utils/getStoryPublicationDate.js

@@ -1,10 +1,9 @@
 export function getStoryPublicationDate(story) {
-    const { published_at } = story;
-    if (!published_at) {
-        return null;
-    }
-    return typeof published_at === 'string'
-        ? new Date(published_at)
-        : new Date(published_at * 1000);
-}
-//# sourceMappingURL=getStoryPublicationDate.js.map
+  const {
+    published_at
+  } = story;
+  if (!published_at) {
+    return null;
+  }
+  return typeof published_at === 'string' ? new Date(published_at) : new Date(published_at * 1000);
+}

package/build/utils/getUploadcareGroupUrl.js

@@ -1,4 +1,4 @@
-import { ASSETS_URL } from './constants';
+import { ASSETS_URL } from "./constants.js";
 /**
  * This method constructs a URL to download all images in the Gallery as a single archive.
  *
@@ -7,7 +7,6 @@ import { ASSETS_URL } from './constants';
  * @returns URL to an archive containing all of the images in the Gallery.
  */
 export function getUploadcareGroupUrl(uuid, title) {
-    // UploadCare doesn't like slashes in filenames even in encoded form.
-    return `${ASSETS_URL}/${uuid}/archive/zip/${encodeURIComponent(title.replace('/', '_'))}.zip`;
-}
-//# sourceMappingURL=getUploadcareGroupUrl.js.map
+  // UploadCare doesn't like slashes in filenames even in encoded form.
+  return `${ASSETS_URL}/${uuid}/archive/zip/${encodeURIComponent(title.replace('/', '_'))}.zip`;
+}

package/build/utils/index.js

@@ -1,11 +1,10 @@
-export * from './boilerplate';
-export * from './constants';
-export * from './getAssetsUrl';
-export * from './getDataRequestLink';
-export * from './getLocalizedCategoryData';
-export * from './getNewsroomLogoUrl';
-export * from './getPrivacyPortalUrl';
-export * from './getStoryPublicationDate';
-export * from './getUploadcareGroupUrl';
-export * from './isEmbargoStory';
-//# sourceMappingURL=index.js.map
+export * from "./boilerplate.js";
+export * from "./constants.js";
+export * from "./getAssetsUrl.js";
+export * from "./getDataRequestLink.js";
+export * from "./getLocalizedCategoryData.js";
+export * from "./getNewsroomLogoUrl.js";
+export * from "./getPrivacyPortalUrl.js";
+export * from "./getStoryPublicationDate.js";
+export * from "./getUploadcareGroupUrl.js";
+export * from "./isEmbargoStory.js";

package/build/utils/isEmbargoStory.js

@@ -1,4 +1,3 @@
 export function isEmbargoStory(story) {
-    return story.is_embargo && Boolean(story.published_at);
-}
-//# sourceMappingURL=isEmbargoStory.js.map
+  return story.is_embargo && Boolean(story.published_at);
+}

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "@prezly/theme-kit-nextjs",
-  "version": "2.0.0-0",
+  "version": "2.0.0-2",
   "description": "Data layer and utility library for developing Prezly themes with NextJS",
   "type": "module",
   "main": "build/index.js",
   "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.js"
+    },
+    "./localeConfig": "./build/intl/localeConfig.js"
+  },
   "files": [
     "build"
   ],
@@ -29,7 +36,10 @@
   "homepage": "https://github.com/prezly/theme-kit-nextjs#readme",
   "scripts": {
     "clean": "rimraf build/ node_modules/",
-    "build": "tsc --project .",
+    "prebuild": "rimraf build/",
+    "build": "npm run build:types && npm run build:es",
+    "build:types": "tsc --project .",
+    "build:es": "babel ./src --ignore='**/*.test.ts','**/__mocks__/**' --config-file=./babel.config.json --extensions=.ts,.tsx --source-root=./src --out-dir=./build",
     "watch": "tsc --watch --preserveWatchOutput --project .",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
     "typecheck": "tsc --noEmit --incremental --project .",
@@ -55,6 +65,10 @@
     "parse-data-url": "^4.0.1"
   },
   "devDependencies": {
+    "@babel/cli": "7.19.3",
+    "@babel/preset-env": "^7.19.4",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
     "@prezly/eslint-config": "4.2.0",
     "@sentry/nextjs": "7.17.1",
     "@types/jest": "29.2.0",
@@ -62,6 +76,7 @@
     "@types/parse-data-url": "3.0.0",
     "@types/react": "18.0.24",
     "@types/react-dom": "18.0.8",
+    "babel-plugin-add-import-extension": "1.6.0",
     "eslint": "8.26.0",
     "jest": "29.2.2",
     "np": "7.6.2",