@prezly/theme-kit-nextjs 1.16.4 → 1.17.1-0

package/build/utils/getAssetsUrl.d.ts

@@ -1,5 +1,6 @@
+import type { UploadedImage } from '@prezly/sdk';
 /**
- * @param uuid UUID of the assets hosted on Uploadcare
+ * @param image The `UploadedImage` object or uuid of the asset hosted on Uploadcare
  * @returns Full asset URL that can be used as a source for <img>, <video> and <a> tags.
  */
-export declare function getAssetsUrl(uuid: string): string;
+export declare function getAssetsUrl(image: UploadedImage | string): string;

package/build/utils/getAssetsUrl.js

@@ -3,11 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAssetsUrl = void 0;
 const constants_1 = require("./constants");
 /**
- * @param uuid UUID of the assets hosted on Uploadcare
+ * @param image The `UploadedImage` object or uuid of the asset hosted on Uploadcare
  * @returns Full asset URL that can be used as a source for <img>, <video> and <a> tags.
  */
-function getAssetsUrl(uuid) {
-    return `${constants_1.ASSETS_URL}/${uuid}/`;
+function getAssetsUrl(image) {
+    if (typeof image === 'string') {
+        return `${constants_1.ASSETS_URL}/${image}/`;
+    }
+    if (image.effects.length > 0) {
+        return `${constants_1.ASSETS_URL}/${image.uuid}/-${image.effects.join('-')}`;
+    }
+    return `${constants_1.ASSETS_URL}/${image.uuid}/`;
 }
 exports.getAssetsUrl = getAssetsUrl;
 //# sourceMappingURL=getAssetsUrl.js.map

package/build/utils/getAssetsUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAssetsUrl.js","sourceRoot":"","sources":["../../src/utils/getAssetsUrl.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAEzC;;;GAGG;AACH,SAAgB,YAAY,CAAC,IAAY;IACrC,OAAO,GAAG,sBAAU,IAAI,IAAI,GAAG,CAAC;AACpC,CAAC;AAFD,oCAEC"}
+{"version":3,"file":"getAssetsUrl.js","sourceRoot":"","sources":["../../src/utils/getAssetsUrl.ts"],"names":[],"mappings":";;;AAEA,2CAAyC;AAEzC;;;GAGG;AACH,SAAgB,YAAY,CAAC,KAA6B;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,OAAO,GAAG,sBAAU,IAAI,KAAK,GAAG,CAAC;KACpC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC1B,OAAO,GAAG,sBAAU,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;KACpE;IACD,OAAO,GAAG,sBAAU,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC;AAC1C,CAAC;AARD,oCAQC"}

package/build/utils/getNewsroomLogoUrl.js

@@ -4,7 +4,7 @@ exports.getNewsroomFaviconUrl = exports.getNewsroomLogoUrl = void 0;
 const getAssetsUrl_1 = require("./getAssetsUrl");
 function getNewsroomLogoUrl(newsroom) {
     if (newsroom.newsroom_logo) {
-        return (0, getAssetsUrl_1.getAssetsUrl)(newsroom.newsroom_logo.uuid);
+        return (0, getAssetsUrl_1.getAssetsUrl)(newsroom.newsroom_logo);
     }
     return '';
 }
@@ -12,7 +12,7 @@ exports.getNewsroomLogoUrl = getNewsroomLogoUrl;
 function getNewsroomFaviconUrl(newsroom, previewSize = 400) {
     const image = newsroom.icon || newsroom.square_logo;
     if (image) {
-        return `${(0, getAssetsUrl_1.getAssetsUrl)(image.uuid)}-/preview/${previewSize}x${previewSize}/-/quality/best/`;
+        return `${(0, getAssetsUrl_1.getAssetsUrl)(image)}-/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,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"}
+{"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,CAAC;KAC/C;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,aAAa,WAAW,IAAI,WAAW,kBAAkB,CAAC;KAC1F;IAED,OAAO,EAAE,CAAC;AACd,CAAC;AAPD,sDAOC"}

package/build/utils/getUploadcareGroupUrl.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUploadcareGroupUrl = void 0;
+const uploadcare_1 = require("@prezly/uploadcare");
 const constants_1 = require("./constants");
 /**
  * This method constructs a URL to download all images in the Gallery as a single archive.
@@ -10,6 +11,8 @@ const constants_1 = require("./constants");
  * @returns URL to an archive containing all of the images in the Gallery.
  */
 function getUploadcareGroupUrl(uuid, title) {
+    // eslint-disable-next-line no-console
+    console.log(uploadcare_1.UploadcareImage);
     return `${constants_1.ASSETS_URL}/${uuid}/archive/zip/${encodeURI(title)}.zip`;
 }
 exports.getUploadcareGroupUrl = getUploadcareGroupUrl;

package/build/utils/getUploadcareGroupUrl.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"getUploadcareGroupUrl.js","sourceRoot":"","sources":["../../src/utils/getUploadcareGroupUrl.ts"],"names":[],"mappings":";;;AAAA,mDAAqD;AAErD,2CAAyC;AAEzC;;;;;;GAMG;AACH,SAAgB,qBAAqB,CAAC,IAAY,EAAE,KAAa;IAC7D,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,4BAAe,CAAC,CAAC;IAC7B,OAAO,GAAG,sBAAU,IAAI,IAAI,gBAAgB,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;AACvE,CAAC;AAJD,sDAIC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prezly/theme-kit-nextjs",
-  "version": "1.16.4",
+  "version": "1.17.1-0",
   "description": "Data layer and utility library for developing Prezly themes with NextJS",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -48,26 +48,26 @@
     "react-dom": "^17.x || ^18.x"
   },
   "dependencies": {
-    "@prezly/icons": "^0.3.1",
-    "@prezly/sdk": "^6.24.0",
+    "@prezly/sdk": "^7.3.0",
+    "@prezly/uploadcare": "^2.3.4",
     "@react-hookz/web": "^14.2.2",
     "next-seo": "^5.4.0",
     "parse-data-url": "^4.0.1"
   },
   "devDependencies": {
     "@prezly/eslint-config": "4.2.0",
-    "@sentry/nextjs": "7.8.1",
-    "@types/jest": "28.1.6",
+    "@sentry/nextjs": "7.10.0",
+    "@types/jest": "28.1.7",
     "@types/node": "17.0.14",
     "@types/parse-data-url": "3.0.0",
-    "@types/react": "18.0.15",
+    "@types/react": "18.0.17",
     "@types/react-dom": "18.0.6",
-    "eslint": "8.21.0",
+    "eslint": "8.22.0",
     "jest": "28.1.3",
     "np": "7.6.2",
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
-    "ts-jest": "28.0.7",
+    "ts-jest": "28.0.8",
     "typescript": "4.7.4"
   },
   "publishConfig": {

package/src/__mocks__/languages.ts

@@ -48,6 +48,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>Door uw abonnement te bevestigen, bevestigt u dat u begrijpt dat u zich registreert om materiaal te ontvangen en dat uw gegevens veilig worden verwerkt en opgeslagen.</p>',
         },
+        notifications: [],
     },
     nl_NL: {
         code: 'nl_NL',
@@ -88,6 +89,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             cookie_statement: '',
             subscribe_disclaimer: '',
         },
+        notifications: [],
     },
     en: {
         code: 'en',
@@ -134,6 +136,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>By confirming your subscription you are confirming you understand that you are registering to receive content and consent to your information being securely processed and stored.</p>',
         },
+        notifications: [],
     },
     en_US: {
         code: 'en_US',
@@ -180,6 +183,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>By confirming your subscription you are confirming you understand that you are registering to receive content and consent to your information being securely processed and stored.</p>',
         },
+        notifications: [],
     },
     en_GB: {
         code: 'en_GB',
@@ -226,6 +230,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>By confirming your subscription you are confirming you understand that you are registering to receive content and consent to your information being securely processed and stored.</p>',
         },
+        notifications: [],
     },
     fr: {
         code: 'fr',
@@ -272,6 +277,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>En confirmant votre inscription, vous confirmez que vous comprenez que vous vous inscrivez pour recevoir du contenu, et consentez à ce que vos données personnelles soient traitées et stockées en toute sécurité.</p>',
         },
+        notifications: [],
     },
     fr_BE: {
         code: 'fr_BE',
@@ -318,6 +324,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>En confirmant votre inscription, vous confirmez que vous comprenez que vous vous inscrivez pour recevoir du contenu, et consentez à ce que vos données personnelles soient traitées et stockées en toute sécurité.</p>',
         },
+        notifications: [],
     },
     es_ES: {
         code: 'es_ES',
@@ -361,6 +368,7 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>Al confirmar su suscripción, confirma que entiende que se está registrando para recibir contenido y accede a que su información se procese y guarde de manera segura.</p>',
         },
+        notifications: [],
     },
     es_419: {
         code: 'es_419',
@@ -404,5 +412,6 @@ export const LANGUAGES: Record<string, NewsroomLanguageSettings> = {
             subscribe_disclaimer:
                 '<p>Al confirmar su suscripción, confirma que entiende que se está registrando para recibir contenido y accede a que su información se procese y guarde de manera segura.</p>',
         },
+        notifications: [],
     },
 };

package/src/__mocks__/story.ts

@@ -1,5 +1,6 @@
 import type { ExtendedStory } from '@prezly/sdk';
 import {
+    NewsroomStatus,
     StoryLifecycleStatus,
     StoryPublicationStatus,
     StoryVisibility,
@@ -68,6 +69,7 @@ export const STORY: ExtendedStory = {
         thumbnail_url:
             'https://avatars-cdn.prezly.com/newsroom/12698/e4939974b7781d4c61e282713116690387e9b7b1f6302478b13b68e18e0d3055?t=1648556918&v=1',
         timezone: 'europe/london',
+        status: NewsroomStatus.ACTIVE,
         is_active: true,
         is_archived: false,
         is_online: true,
@@ -77,7 +79,6 @@ export const STORY: ExtendedStory = {
         url: 'https://the-good-news-room.prezly.com/',
         links: {
             media_gallery_api: 'https://api.prezly.com/v1/rooms/12698/media',
-            room_contacts_api: 'https://api.prezly.com/v1/rooms/12698/contacts',
             analytics_and_visibility_settings:
                 'https://rock.prezly.com/pressroom/the-good-news-room/ga',
             categories_management:
@@ -178,6 +179,7 @@ export const STORY: ExtendedStory = {
                 thumbnail_url:
                     'https://avatars-cdn.prezly.com/newsroom/12698/e4939974b7781d4c61e282713116690387e9b7b1f6302478b13b68e18e0d3055?t=1648556918&v=1',
                 timezone: 'europe/london',
+                status: NewsroomStatus.ACTIVE,
                 is_active: true,
                 is_archived: false,
                 is_online: true,
@@ -187,7 +189,6 @@ export const STORY: ExtendedStory = {
                 url: 'https://the-good-news-room.prezly.com/',
                 links: {
                     media_gallery_api: 'https://api.prezly.com/v1/rooms/12698/media',
-                    room_contacts_api: 'https://api.prezly.com/v1/rooms/12698/contacts',
                     analytics_and_visibility_settings:
                         'https://rock.prezly.com/pressroom/the-good-news-room/ga',
                     categories_management:
@@ -277,6 +278,7 @@ export const STORY: ExtendedStory = {
                 thumbnail_url:
                     'https://avatars-cdn.prezly.com/newsroom/12698/e4939974b7781d4c61e282713116690387e9b7b1f6302478b13b68e18e0d3055?t=1648556918&v=1',
                 timezone: 'europe/london',
+                status: NewsroomStatus.ACTIVE,
                 is_active: true,
                 is_archived: false,
                 is_online: true,
@@ -286,7 +288,6 @@ export const STORY: ExtendedStory = {
                 url: 'https://the-good-news-room.prezly.com/',
                 links: {
                     media_gallery_api: 'https://api.prezly.com/v1/rooms/12698/media',
-                    room_contacts_api: 'https://api.prezly.com/v1/rooms/12698/contacts',
                     analytics_and_visibility_settings:
                         'https://rock.prezly.com/pressroom/the-good-news-room/ga',
                     categories_management:

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

@@ -95,8 +95,8 @@ export function PageSeo({
             title={pageTitle}
             description={pageDescription}
             canonical={canonicalUrl}
-            noindex={!newsroom.is_indexable}
-            nofollow={!newsroom.is_indexable}
+            noindex={nextSeoProps.noindex ?? !newsroom.is_indexable}
+            nofollow={nextSeoProps.nofollow ?? !newsroom.is_indexable}
             openGraph={{
                 url: canonicalUrl,
                 title: pageTitle,

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

@@ -4,13 +4,14 @@ import { ArticleJsonLd, NextSeo } from 'next-seo';
 
 type Props = {
     story: ExtendedStory;
+    noindex?: boolean;
 };
 
 /**
  * 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) {
+export function StorySeo({ story, noindex }: Props) {
     const { title, subtitle, published_at, updated_at, author, oembed, newsroom, summary } = story;
 
     const authorName = author?.display_name || author?.email || 'Unknown';
@@ -23,8 +24,8 @@ export function StorySeo({ story }: Props) {
                 title={title}
                 description={description}
                 canonical={oembed.url}
-                noindex={!indexable}
-                nofollow={!indexable}
+                noindex={noindex ?? !indexable}
+                nofollow={noindex ?? !indexable}
                 openGraph={{
                     title,
                     description,

package/src/data-fetching/api/PrezlyApi.ts

@@ -13,6 +13,7 @@ import {
     getDefaultLanguage,
     getLanguageFromNextLocaleIsoCode,
     getLanguageFromStory,
+    getNotifications,
     LocaleObject,
 } from '../../intl';
 import type { PageProps, ServerSidePageProps } from '../../types';
@@ -273,6 +274,7 @@ export class PrezlyApi {
         // TODO: if no information given for current language, show boilerplate from default language
         const companyInformation = getCompanyInformation(languages, locale);
 
+        const notifications = getNotifications(languages, locale);
         const algoliaSettings = getAlgoliaSettings(request);
 
         return {
@@ -282,6 +284,7 @@ export class PrezlyApi {
                 categories,
                 languages,
                 localeCode,
+                notifications,
                 themePreset,
                 algoliaSettings,
             },

package/src/intl/languages.ts

@@ -168,7 +168,17 @@ export function getCompanyInformation(languages: NewsroomLanguageSettings[], loc
 }
 
 /**
- * Get shortest locale code possible from full locale code
+ * Get newsroom notifications for the selected locale
+ */
+export function getNotifications(languages: NewsroomLanguageSettings[], locale: LocaleObject) {
+    const currentLanguage =
+        getLanguageByExactLocaleCode(languages, locale) || getDefaultLanguage(languages);
+
+    return currentLanguage.notifications;
+}
+
+/**
+ * Get the shortest locale code possible from full locale code
  * First: try shorting to neutral language code (there should be no locales with the same language code)
  * Then: try shorting to region code (there should be no locales with the same region code)
  * Finally: return the original locale code (shorting is not possible)

package/src/newsroom-context/context.tsx

@@ -6,6 +6,7 @@ import type {
     NewsroomContact,
     NewsroomLanguageSettings,
     NewsroomThemePreset,
+    Notification,
 } from '@prezly/sdk';
 import type { PropsWithChildren } from 'react';
 import { createContext, useMemo } from 'react';
@@ -47,6 +48,10 @@ export interface NewsroomContextType {
      * Currently chosen locale
      */
     locale: LocaleObject;
+    /**
+     * Newsroom user-facing notifications (usually displayed as top-edge banners)
+     */
+    notifications: Notification[];
     /**
      * Theme settings as set in the Prezly app.
      * You need to provide `PREZLY_THEME_UUID` in environment variables in order for the preset to be loaded.
@@ -78,6 +83,7 @@ export function NewsroomContextProvider({
     companyInformation,
     languages,
     localeCode,
+    notifications,
     themePreset,
     algoliaSettings,
     children,
@@ -98,6 +104,7 @@ export function NewsroomContextProvider({
                 companyInformation,
                 languages,
                 locale,
+                notifications,
                 themePreset,
                 algoliaSettings,
             }}

package/src/utils/getAssetsUrl.test.ts

@@ -1,10 +1,31 @@
+import type { UploadedImage } from '@prezly/sdk';
 import { ASSETS_URL } from './constants';
 import { getAssetsUrl } from './getAssetsUrl';
 
+const uploadcareImage: UploadedImage = {
+    version: 2,
+    uuid: '43258238-9e71-49fa-a35e-dca5baf16a3b',
+    filename: 'prezly-photographe.png',
+    mime_type: 'image/png',
+    size: 74234,
+    original_width: 1162,
+    original_height: 369,
+    effects: ['/crop/369x369/0,0/', '/preview/'],
+};
+
 describe('getAssetsUrl', () => {
-    it('generates correct asset URL', () => {
-        const uuid = 'test-uuid';
+    it('generates correct asset URL without effects', () => {
+        const image = { ...uploadcareImage, effects: [] };
+        expect(getAssetsUrl(image)).toBe(`${ASSETS_URL}/${image.uuid}/`);
+    });
+
+    it('generates correct asset URL with effects', () => {
+        expect(getAssetsUrl(uploadcareImage)).toBe(
+            `${ASSETS_URL}/${uploadcareImage.uuid}/-${uploadcareImage.effects[0]}-${uploadcareImage.effects[1]}`,
+        );
+    });
 
-        expect(getAssetsUrl(uuid)).toBe(`${ASSETS_URL}/${uuid}/`);
+    it('generates correct asset URL with uuid passed to it', () => {
+        expect(getAssetsUrl(uploadcareImage.uuid)).toBe(`${ASSETS_URL}/${uploadcareImage.uuid}/`);
     });
 });

package/src/utils/getAssetsUrl.ts

@@ -1,9 +1,17 @@
+import type { UploadedImage } from '@prezly/sdk';
+
 import { ASSETS_URL } from './constants';
 
 /**
- * @param uuid UUID of the assets hosted on Uploadcare
+ * @param image The `UploadedImage` object or uuid of the asset hosted on Uploadcare
  * @returns Full asset URL that can be used as a source for <img>, <video> and <a> tags.
  */
-export function getAssetsUrl(uuid: string) {
-    return `${ASSETS_URL}/${uuid}/`;
+export function getAssetsUrl(image: UploadedImage | string) {
+    if (typeof image === 'string') {
+        return `${ASSETS_URL}/${image}/`;
+    }
+    if (image.effects.length > 0) {
+        return `${ASSETS_URL}/${image.uuid}/-${image.effects.join('-')}`;
+    }
+    return `${ASSETS_URL}/${image.uuid}/`;
 }

package/src/utils/getNewsroomLogoUrl.ts

@@ -4,7 +4,7 @@ import { getAssetsUrl } from './getAssetsUrl';
 
 export function getNewsroomLogoUrl(newsroom: Newsroom): string {
     if (newsroom.newsroom_logo) {
-        return getAssetsUrl(newsroom.newsroom_logo.uuid);
+        return getAssetsUrl(newsroom.newsroom_logo);
     }
 
     return '';
@@ -13,7 +13,7 @@ export function getNewsroomLogoUrl(newsroom: Newsroom): string {
 export function getNewsroomFaviconUrl(newsroom: Newsroom, previewSize = 400): string {
     const image = newsroom.icon || newsroom.square_logo;
     if (image) {
-        return `${getAssetsUrl(image.uuid)}-/preview/${previewSize}x${previewSize}/-/quality/best/`;
+        return `${getAssetsUrl(image)}-/preview/${previewSize}x${previewSize}/-/quality/best/`;
     }
 
     return '';

package/src/utils/getUploadcareGroupUrl.ts

@@ -1,3 +1,5 @@
+import { UploadcareImage } from '@prezly/uploadcare';
+
 import { ASSETS_URL } from './constants';
 
 /**
@@ -8,5 +10,7 @@ import { ASSETS_URL } from './constants';
  * @returns URL to an archive containing all of the images in the Gallery.
  */
 export function getUploadcareGroupUrl(uuid: string, title: string) {
+    // eslint-disable-next-line no-console
+    console.log(UploadcareImage);
     return `${ASSETS_URL}/${uuid}/archive/zip/${encodeURI(title)}.zip`;
 }