@prezly/theme-kit-nextjs 5.0.0-alpha.8 → 5.0.0

package/README.md

@@ -73,7 +73,7 @@ If you want to support multi-language in your theme, you'll need to make additio
 
 ```js
 const { DUMMY_DEFAULT_LOCALE } = require('@prezly/theme-kit-nextjs');
-const locales = require('@prezly/theme-kit-nextjs/core/intl/localeConfig');
+const locales = require('@prezly/theme-kit-nextjs/localeConfig');
 
 module.exports = {
     /* ...your next config... */
@@ -128,9 +128,10 @@ export default App;
 ### Page files (Server-side rendering)
 
 Every page requires a bit of boilerplate code to set up.
+Note that server-side code should be imported from `@prezly/theme-kit-nextjs/server`. That prevents the server code and dependencies from leaking into the client bundle.
 
 ```tsx
-import { getNewsroomServerSideProps, processRequest } from '@prezly/theme-kit-nextjs';
+import { getNewsroomServerSideProps, processRequest } from '@prezly/theme-kit-nextjs/server';
 import type { GetServerSideProps } from 'next';
 import type { FunctionComponent } from 'react';
 
@@ -190,7 +191,7 @@ To reduce boilerplate for common scenarios, the library provides a collection of
 
 Here's an example of `getServerSideProps` function with no custom props:
 ```ts
-import { getHomepageServerSideProps } from '@prezly/theme-kit-nextjs';
+import { getHomepageServerSideProps } from '@prezly/theme-kit-nextjs/server';
 
 /* ...your page component */
 
@@ -238,7 +239,7 @@ This kit can also help you with building your Sitemap automatically. Here's what
 1. Create a sitemap page file: `/pages/sitemap.xml.ts`
 2. Use this code to display the default Sitemap built with your Newsroom stories:
 ```ts
-import { getSitemapServerSideProps } from '@prezly/theme-kit-nextjs';
+import { getSitemapServerSideProps } from '@prezly/theme-kit-nextjs/server';
 import type { NextPage } from 'next';
 
 const Sitemap: NextPage = () => null;
@@ -267,7 +268,7 @@ For self-hosted applications, we now provide an option to use SSG in your projec
 
 The workflow is pretty much the same as with our default SSR approach. You will need to use the new `getNewsroomStaticProps` and `processStaticRequest` methods. Note that `getNewsroomStaticProps` returns its props in the `staticProps` property. The data is still the same as in the SSR methods, so apart from multi-language, this should be a drop-in replacement for your pages.
 ```tsx
-import { getNewsroomStaticProps, processStaticRequest } from '@prezly/theme-kit-nextjs';
+import { getNewsroomStaticProps, processStaticRequest } from '@prezly/theme-kit-nextjs/server';
 import type { GetStaticProps } from 'next';
 
 /* Your Page component code */
@@ -289,7 +290,7 @@ export const getStaticProps: GetServerSideProps<Props> = async (context) => {
 
 We also have added all of the page helpers (except Story Preview) for SSG prop fetching. Here's an example for the Home page:
 ```ts
-import { getHomepageStaticProps } from '@prezly/theme-kit-nextjs';
+import { getHomepageStaticProps } from '@prezly/theme-kit-nextjs/server';
 
 /* ...your page component */
 
@@ -299,7 +300,7 @@ export const getStaticProps = getHomepageStaticProps({});
 
 For dynamic pages, like `/story/[slug]`, we also provide `getStaticPaths` helper functions:
 ```tsx
-import { getStoryPageStaticPaths, getStoryPageStaticProps } from '@prezly/theme-kit-nextjs';
+import { getStoryPageStaticPaths, getStoryPageStaticProps } from '@prezly/theme-kit-nextjs/server';
 
 /* Your Page component code */
 

package/build/infinite-loading/lib/index.d.ts

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

package/build/infinite-loading/lib/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsync = void 0;
+var useAsync_1 = require("./useAsync");
+Object.defineProperty(exports, "useAsync", { enumerable: true, get: function () { return useAsync_1.useAsync; } });
+//# sourceMappingURL=index.js.map

package/build/infinite-loading/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/infinite-loading/lib/index.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/build/infinite-loading/lib/useAsync.d.ts

@@ -0,0 +1,44 @@
+/**
+ * This code is ported from `@react-hookz/web` package, to avoid importing the whole package in the client bundle.
+ * @see https://github.com/react-hookz/web/blob/master/src/useAsync/index.ts
+ */
+export type AsyncStatus = 'loading' | 'success' | 'error' | 'not-executed';
+export type AsyncState<Result> = {
+    status: 'not-executed';
+    error: undefined;
+    result: Result;
+} | {
+    status: 'success';
+    error: undefined;
+    result: Result;
+} | {
+    status: 'error';
+    error: Error;
+    result: Result;
+} | {
+    status: AsyncStatus;
+    error: Error | undefined;
+    result: Result;
+};
+export interface UseAsyncActions<Result, Args extends unknown[] = unknown[]> {
+    /**
+     * Reset state to initial.
+     */
+    reset: () => void;
+    /**
+     * Execute the async function manually.
+     */
+    execute: (...args: Args) => Promise<Result>;
+}
+export interface UseAsyncMeta<Result, Args extends unknown[] = unknown[]> {
+    /**
+     * Latest promise returned from the async function.
+     */
+    promise: Promise<Result> | undefined;
+    /**
+     * List of arguments applied to the latest async function invocation.
+     */
+    lastArgs: Args | undefined;
+}
+export declare function useAsync<Result, Args extends unknown[] = unknown[]>(asyncFn: (...params: Args) => Promise<Result>, initialValue: Result): [AsyncState<Result>, UseAsyncActions<Result, Args>, UseAsyncMeta<Result, Args>];
+export declare function useAsync<Result, Args extends unknown[] = unknown[]>(asyncFn: (...params: Args) => Promise<Result>, initialValue?: Result): [AsyncState<Result | undefined>, UseAsyncActions<Result, Args>, UseAsyncMeta<Result, Args>];

package/build/infinite-loading/lib/useAsync.js

@@ -0,0 +1,70 @@
+"use strict";
+/**
+ * This code is ported from `@react-hookz/web` package, to avoid importing the whole package in the client bundle.
+ * @see https://github.com/react-hookz/web/blob/master/src/useAsync/index.ts
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsync = void 0;
+const react_1 = require("react");
+const useSyncedRef_1 = require("./useSyncedRef");
+/**
+ * Tracks the result and errors of the provided async function and provides handles to control its execution.
+ *
+ * @param asyncFn Function that returns a promise.
+ * @param initialValue Value that will be set on initialisation before the async function is
+ * executed.
+ */
+function useAsync(asyncFn, initialValue) {
+    const [state, setState] = (0, react_1.useState)({
+        status: 'not-executed',
+        error: undefined,
+        result: initialValue,
+    });
+    const promiseRef = (0, react_1.useRef)();
+    const argsRef = (0, react_1.useRef)();
+    const methods = (0, useSyncedRef_1.useSyncedRef)({
+        execute: (...params) => {
+            argsRef.current = params;
+            const promise = asyncFn(...params);
+            promiseRef.current = promise;
+            setState((s) => ({ ...s, status: 'loading' }));
+            promise.then((result) => {
+                // we dont want to handle result/error of non-latest function
+                // this approach helps to avoid race conditions
+                if (promise === promiseRef.current) {
+                    setState((s) => ({ ...s, status: 'success', error: undefined, result }));
+                }
+            }, (error) => {
+                // we dont want to handle result/error of non-latest function
+                // this approach helps to avoid race conditions
+                if (promise === promiseRef.current) {
+                    setState((s) => ({ ...s, status: 'error', error }));
+                }
+            });
+            return promise;
+        },
+        reset: () => {
+            setState({
+                status: 'not-executed',
+                error: undefined,
+                result: initialValue,
+            });
+            promiseRef.current = undefined;
+            argsRef.current = undefined;
+        },
+    });
+    return [
+        state,
+        (0, react_1.useMemo)(() => ({
+            reset: () => {
+                methods.current.reset();
+            },
+            execute: (...params) => methods.current.execute(...params),
+        }), 
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        []),
+        { promise: promiseRef.current, lastArgs: argsRef.current },
+    ];
+}
+exports.useAsync = useAsync;
+//# sourceMappingURL=useAsync.js.map

package/build/infinite-loading/lib/useAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsync.js","sourceRoot":"","sources":["../../../src/infinite-loading/lib/useAsync.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAEH,iCAAkD;AAElD,iDAA8C;AAyD9C;;;;;;GAMG;AACH,SAAgB,QAAQ,CACpB,OAA6C,EAC7C,YAAqB;IAErB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAiC;QAC/D,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,YAAY;KACvB,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,IAAA,cAAM,GAAmB,CAAC;IAC7C,MAAM,OAAO,GAAG,IAAA,cAAM,GAAQ,CAAC;IAE/B,MAAM,OAAO,GAAG,IAAA,2BAAY,EAAC;QACzB,OAAO,EAAE,CAAC,GAAG,MAAY,EAAE,EAAE;YACzB,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC;YACzB,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;YACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;YAE7B,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YAE/C,OAAO,CAAC,IAAI,CACR,CAAC,MAAM,EAAE,EAAE;gBACP,6DAA6D;gBAC7D,+CAA+C;gBAC/C,IAAI,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE;oBAChC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;iBAC5E;YACL,CAAC,EACD,CAAC,KAAY,EAAE,EAAE;gBACb,6DAA6D;gBAC7D,+CAA+C;gBAC/C,IAAI,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE;oBAChC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;iBACvD;YACL,CAAC,CACJ,CAAC;YAEF,OAAO,OAAO,CAAC;QACnB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACR,QAAQ,CAAC;gBACL,MAAM,EAAE,cAAc;gBACtB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,YAAY;aACvB,CAAC,CAAC;YACH,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC;YAC/B,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;QAChC,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO;QACH,KAAK;QACL,IAAA,eAAO,EACH,GAAG,EAAE,CAAC,CAAC;YACH,KAAK,EAAE,GAAG,EAAE;gBACR,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;YACD,OAAO,EAAE,CAAC,GAAG,MAAY,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;SACnE,CAAC;QACF,uDAAuD;QACvD,EAAE,CACL;QACD,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,EAAE;KAC7D,CAAC;AACN,CAAC;AAhED,4BAgEC"}

package/build/infinite-loading/lib/useSyncedRef.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This code is ported from `@react-hookz/web` package, to avoid importing the whole package in the client bundle.
+ * @see https://github.com/react-hookz/web/blob/master/src/useSyncedRef/index.ts
+ */
+/**
+ * Like `useRef`, but it returns immutable ref that contains actual value.
+ *
+ * @param value
+ */
+export declare function useSyncedRef<T>(value: T): {
+    readonly current: T;
+};

package/build/infinite-loading/lib/useSyncedRef.js

@@ -0,0 +1,24 @@
+"use strict";
+/**
+ * This code is ported from `@react-hookz/web` package, to avoid importing the whole package in the client bundle.
+ * @see https://github.com/react-hookz/web/blob/master/src/useSyncedRef/index.ts
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSyncedRef = void 0;
+const react_1 = require("react");
+/**
+ * Like `useRef`, but it returns immutable ref that contains actual value.
+ *
+ * @param value
+ */
+function useSyncedRef(value) {
+    const ref = (0, react_1.useRef)(value);
+    ref.current = value;
+    return (0, react_1.useMemo)(() => Object.freeze({
+        get current() {
+            return ref.current;
+        },
+    }), []);
+}
+exports.useSyncedRef = useSyncedRef;
+//# sourceMappingURL=useSyncedRef.js.map

package/build/infinite-loading/lib/useSyncedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncedRef.js","sourceRoot":"","sources":["../../../src/infinite-loading/lib/useSyncedRef.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAEH,iCAAwC;AAExC;;;;GAIG;AACH,SAAgB,YAAY,CAAI,KAAQ;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAE1B,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IAEpB,OAAO,IAAA,eAAO,EACV,GAAG,EAAE,CACD,MAAM,CAAC,MAAM,CAAC;QACV,IAAI,OAAO;YACP,OAAO,GAAG,CAAC,OAAO,CAAC;QACvB,CAAC;KACJ,CAAC,EACN,EAAE,CACL,CAAC;AACN,CAAC;AAdD,oCAcC"}

package/build/infinite-loading/useInfiniteLoading.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInfiniteLoading = void 0;
-const web_1 = require("@react-hookz/web");
 const react_1 = require("react");
+const lib_1 = require("./lib");
 function useInfiniteLoading({ fetchingFn, initialData, pagination, }) {
     const [data, setData] = (0, react_1.useState)(initialData);
     const [currentPage, setCurrentPage] = (0, react_1.useState)(pagination.currentPage);
@@ -10,7 +10,7 @@ function useInfiniteLoading({ fetchingFn, initialData, pagination, }) {
     const adjustedItemsTotal = withHighlightedStory ? itemsTotal - 1 : itemsTotal;
     const pagesTotal = Math.ceil(adjustedItemsTotal / pageSize);
     const canLoadMore = currentPage < pagesTotal;
-    const [{ error, status }, { execute: loadMoreFn }] = (0, web_1.useAsync)(async () => {
+    const [{ error, status }, { execute: loadMoreFn }] = (0, lib_1.useAsync)(async () => {
         const nextPage = currentPage + 1;
         const newData = await fetchingFn(nextPage, pageSize);
         setCurrentPage(nextPage);

package/build/infinite-loading/useInfiniteLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteLoading.js","sourceRoot":"","sources":["../../src/infinite-loading/useInfiniteLoading.ts"],"names":[],"mappings":";;;AAAA,0CAA4C;AAC5C,iCAAyD;AAmBzD,SAAgB,kBAAkB,CAAI,EAClC,UAAU,EACV,WAAW,EACX,UAAU,GACE;IACZ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAM,WAAW,CAAC,CAAC;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEvE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC;IAClE,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9E,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;IAE7C,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,cAAQ,EAAC,KAAK,IAAI,EAAE;QACrE,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACrD,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzB,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,IAAI,WAAW,EAAE;YACb,UAAU,EAAE,CAAC;SAChB;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE;YACP,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACxB;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACH,WAAW;QACX,WAAW;QACX,IAAI;QACJ,SAAS,EAAE,MAAM,KAAK,SAAS;QAC/B,QAAQ;QACR,SAAS;KACZ,CAAC;AACN,CAAC;AA9CD,gDA8CC"}
+{"version":3,"file":"useInfiniteLoading.js","sourceRoot":"","sources":["../../src/infinite-loading/useInfiniteLoading.ts"],"names":[],"mappings":";;;AAAA,iCAAyD;AAEzD,+BAAiC;AAkBjC,SAAgB,kBAAkB,CAAI,EAClC,UAAU,EACV,WAAW,EACX,UAAU,GACE;IACZ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAM,WAAW,CAAC,CAAC;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEvE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,UAAU,CAAC;IAClE,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9E,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;IAE7C,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,cAAQ,EAAC,KAAK,IAAI,EAAE;QACrE,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACrD,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzB,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,IAAI,WAAW,EAAE;YACb,UAAU,EAAE,CAAC;SAChB;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE;YACP,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACxB;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACH,WAAW;QACX,WAAW;QACX,IAAI;QACJ,SAAS,EAAE,MAAM,KAAK,SAAS;QAC/B,QAAQ;QACR,SAAS;KACZ,CAAC;AACN,CAAC;AA9CD,gDA8CC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prezly/theme-kit-nextjs",
-  "version": "5.0.0-alpha.8",
+  "version": "5.0.0",
   "description": "Data layer and utility library for developing Prezly themes with NextJS",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -52,22 +52,21 @@
   },
   "peerDependencies": {
     "@prezly/sdk": ">=12 <16",
-    "@prezly/theme-kit-core": "^5.0.0-alpha",
+    "@prezly/theme-kit-core": "5.0.0-alpha.9 || ^5.x",
     "next": "^12.x || ^13.x",
     "react": "^17.x || ^18.x",
     "react-dom": "^17.x || ^18.x"
   },
   "dependencies": {
-    "@react-hookz/web": "^16.0.0",
     "next-seo": "^5.4.0"
   },
   "devDependencies": {
-    "@prezly/theme-kit-core": "^5.0.0-alpha.7",
-    "@sentry/nextjs": "7.49.0"
+    "@prezly/theme-kit-core": "^5.0.0",
+    "@sentry/nextjs": "7.50.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "5f861fccdaea412270553341921b28ef84c3d187"
+  "gitHead": "b8baed6a156ff27a041c4e095825a6c31165cf90"
 }