@prezly/theme-kit-nextjs 1.6.2 → 1.6.4-0

package/build/index.d.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/build/index.js

@@ -11,7 +11,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./adapter-nextjs"), exports);
+__exportStar(require("./components-nextjs"), exports);
 __exportStar(require("./data-fetching"), exports);
+__exportStar(require("./infinite-loading"), exports);
 __exportStar(require("./intl"), exports);
 __exportStar(require("./newsroom-context"), exports);
 __exportStar(require("./types"), exports);

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AACjC,kDAAgC;AAChC,yCAAuB;AACvB,qDAAmC;AACnC,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AACjC,sDAAoC;AACpC,kDAAgC;AAChC,qDAAmC;AACnC,yCAAuB;AACvB,qDAAmC;AACnC,0CAAwB"}

package/build/infinite-loading/apiHandlers/fetchGalleries.d.ts

@@ -0,0 +1,2 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+export declare function fetchGalleries(req: NextApiRequest, res: NextApiResponse): Promise<void>;

package/build/infinite-loading/apiHandlers/fetchGalleries.js

@@ -0,0 +1,73 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchGalleries = void 0;
+var data_fetching_1 = require("../../data-fetching");
+function fetchGalleries(req, res) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, page, pageSize, api, galleries, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (req.method !== 'POST') {
+                        res.status(405);
+                        return [2 /*return*/];
+                    }
+                    _a = req.body, page = _a.page, pageSize = _a.pageSize;
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    api = (0, data_fetching_1.getPrezlyApi)(req);
+                    return [4 /*yield*/, api.getGalleries({ page: page, pageSize: pageSize })];
+                case 2:
+                    galleries = (_b.sent()).galleries;
+                    res.status(200).json({ galleries: galleries });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    res.status(500).send({
+                        message: error_1.message,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.fetchGalleries = fetchGalleries;
+//# sourceMappingURL=fetchGalleries.js.map

package/build/infinite-loading/apiHandlers/fetchGalleries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchGalleries.js","sourceRoot":"","sources":["../../../src/infinite-loading/apiHandlers/fetchGalleries.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,qDAAmD;AAEnD,SAAsB,cAAc,CAAC,GAAmB,EAAE,GAAoB;;;;;;oBAC1E,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,EAAE;wBACvB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wBAChB,sBAAO;qBACV;oBAEK,KAAqB,GAAG,CAAC,IAAI,EAA3B,IAAI,UAAA,EAAE,QAAQ,cAAA,CAAc;;;;oBAG1B,GAAG,GAAG,IAAA,4BAAY,EAAC,GAAG,CAAC,CAAC;oBAER,qBAAM,GAAG,CAAC,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAA;;oBAAxD,SAAS,GAAK,CAAA,SAA0C,CAAA,UAA/C;oBAEjB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;;;;oBAEpC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;wBACjB,OAAO,EAAG,OAAe,CAAC,OAAO;qBACpC,CAAC,CAAC;;;;;;CAEV;AAnBD,wCAmBC"}

package/build/infinite-loading/apiHandlers/fetchStories.d.ts

@@ -0,0 +1,2 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+export declare function fetchStories(req: NextApiRequest, res: NextApiResponse): Promise<void>;

package/build/infinite-loading/apiHandlers/fetchStories.js

@@ -0,0 +1,75 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchStories = void 0;
+var data_fetching_1 = require("../../data-fetching");
+function fetchStories(req, res) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, page, pageSize, category, include, localeCode, api, stories, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (req.method !== 'POST') {
+                        res.status(405);
+                        return [2 /*return*/];
+                    }
+                    _a = req.body, page = _a.page, pageSize = _a.pageSize, category = _a.category, include = _a.include, localeCode = _a.localeCode;
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    api = (0, data_fetching_1.getPrezlyApi)(req);
+                    return [4 /*yield*/, (category
+                            ? api.getStoriesFromCategory(category, { page: page, pageSize: pageSize, include: include, localeCode: localeCode })
+                            : api.getStories({ page: page, pageSize: pageSize, include: include, localeCode: localeCode }))];
+                case 2:
+                    stories = (_b.sent()).stories;
+                    res.status(200).json({ stories: stories });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    res.status(500).send({
+                        message: error_1.message,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.fetchStories = fetchStories;
+//# sourceMappingURL=fetchStories.js.map

package/build/infinite-loading/apiHandlers/fetchStories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchStories.js","sourceRoot":"","sources":["../../../src/infinite-loading/apiHandlers/fetchStories.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,qDAAmD;AAEnD,SAAsB,YAAY,CAAC,GAAmB,EAAE,GAAoB;;;;;;oBACxE,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,EAAE;wBACvB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wBAChB,sBAAO;qBACV;oBAEK,KAAoD,GAAG,CAAC,IAAI,EAA1D,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,CAAc;;;;oBAGzD,GAAG,GAAG,IAAA,4BAAY,EAAC,GAAG,CAAC,CAAC;oBAEV,qBAAM,CAAC,QAAQ;4BAC/B,CAAC,CAAC,GAAG,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,CAAC;4BAC/E,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC,EAAA;;oBAFtD,OAAO,GAAK,CAAA,SAE0C,CAAA,QAF/C;oBAIf,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;;;;oBAElC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;wBACjB,OAAO,EAAG,OAAe,CAAC,OAAO;qBACpC,CAAC,CAAC;;;;;;CAEV;AArBD,oCAqBC"}

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

@@ -0,0 +1,2 @@
+export { fetchGalleries } from './fetchGalleries';
+export { fetchStories } from './fetchStories';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/infinite-loading/apiHandlers/index.ts"],"names":[],"mappings":";;;AAAA,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}

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

@@ -0,0 +1,5 @@
+export { useInfiniteLoading } from './useInfiniteLoading';
+export { useInfiniteStoriesLoading } from './useInfiniteStoriesLoading';
+export { useInfiniteGalleriesLoading } from './useInfiniteGalleriesLoading';
+export * from './apiHandlers';
+export * from './types';

package/build/infinite-loading/index.js

@@ -0,0 +1,22 @@
+"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.useInfiniteGalleriesLoading = exports.useInfiniteStoriesLoading = exports.useInfiniteLoading = void 0;
+var useInfiniteLoading_1 = require("./useInfiniteLoading");
+Object.defineProperty(exports, "useInfiniteLoading", { enumerable: true, get: function () { return useInfiniteLoading_1.useInfiniteLoading; } });
+var useInfiniteStoriesLoading_1 = require("./useInfiniteStoriesLoading");
+Object.defineProperty(exports, "useInfiniteStoriesLoading", { enumerable: true, get: function () { return useInfiniteStoriesLoading_1.useInfiniteStoriesLoading; } });
+var useInfiniteGalleriesLoading_1 = require("./useInfiniteGalleriesLoading");
+Object.defineProperty(exports, "useInfiniteGalleriesLoading", { enumerable: true, get: function () { return useInfiniteGalleriesLoading_1.useInfiniteGalleriesLoading; } });
+__exportStar(require("./apiHandlers"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/infinite-loading/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,yEAAwE;AAA/D,sIAAA,yBAAyB,OAAA;AAClC,6EAA4E;AAAnE,0IAAA,2BAA2B,OAAA;AACpC,gDAA8B;AAC9B,0CAAwB"}

package/build/infinite-loading/types.d.ts

@@ -0,0 +1,5 @@
+export interface PaginationProps {
+    itemsTotal: number;
+    currentPage: number;
+    pageSize: number;
+}

package/build/infinite-loading/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/infinite-loading/types.ts"],"names":[],"mappings":""}

package/build/infinite-loading/useInfiniteGalleriesLoading.d.ts

@@ -0,0 +1,13 @@
+import type { NewsroomGallery } from '@prezly/sdk';
+import type { PaginationProps } from './types';
+/**
+ * NOTE: This hook depends on the presence of a Next API route (/api/fetch-galleries)!
+ * The handler for this route is exported from `apiHandlers/fetchGalleries.ts` file.
+ * See https://github.com/prezly/theme-nextjs-bea/blob/d381e9878187ca98815d240d3ffdf10a75993c14/pages/media/index.tsx#L23 for usage example
+ */
+export declare function useInfiniteGalleriesLoading(initialGalleries: NewsroomGallery[], pagination: PaginationProps): {
+    canLoadMore: boolean;
+    galleries: NewsroomGallery[];
+    isLoading: boolean;
+    loadMoreGalleries: () => void;
+};

package/build/infinite-loading/useInfiniteGalleriesLoading.js

@@ -0,0 +1,98 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteGalleriesLoading = void 0;
+var useInfiniteLoading_1 = require("./useInfiniteLoading");
+function fetchGalleries(page, pageSize) {
+    return __awaiter(this, void 0, void 0, function () {
+        var result, message;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetch('/api/fetch-galleries', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            page: page,
+                            pageSize: pageSize,
+                        }),
+                    })];
+                case 1:
+                    result = _a.sent();
+                    if (!!result.ok) return [3 /*break*/, 3];
+                    return [4 /*yield*/, result.json()];
+                case 2:
+                    message = (_a.sent()).message;
+                    throw new Error(message);
+                case 3: return [2 /*return*/, result.json()];
+            }
+        });
+    });
+}
+/**
+ * NOTE: This hook depends on the presence of a Next API route (/api/fetch-galleries)!
+ * The handler for this route is exported from `apiHandlers/fetchGalleries.ts` file.
+ * See https://github.com/prezly/theme-nextjs-bea/blob/d381e9878187ca98815d240d3ffdf10a75993c14/pages/media/index.tsx#L23 for usage example
+ */
+function useInfiniteGalleriesLoading(initialGalleries, pagination) {
+    var _this = this;
+    var _a = (0, useInfiniteLoading_1.useInfiniteLoading)({
+        fetchingFn: function (nextPage, pageSize) { return __awaiter(_this, void 0, void 0, function () {
+            var galleries;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, fetchGalleries(nextPage, pageSize)];
+                    case 1:
+                        galleries = (_a.sent()).galleries;
+                        return [2 /*return*/, galleries];
+                }
+            });
+        }); },
+        initialData: initialGalleries,
+        pagination: pagination,
+    }), canLoadMore = _a.canLoadMore, data = _a.data, isLoading = _a.isLoading, loadMore = _a.loadMore;
+    return {
+        canLoadMore: canLoadMore,
+        galleries: data,
+        isLoading: isLoading,
+        loadMoreGalleries: loadMore,
+    };
+}
+exports.useInfiniteGalleriesLoading = useInfiniteGalleriesLoading;
+//# sourceMappingURL=useInfiniteGalleriesLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteGalleriesLoading.js","sourceRoot":"","sources":["../../src/infinite-loading/useInfiniteGalleriesLoading.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,2DAA0D;AAE1D,SAAe,cAAc,CACzB,IAAY,EACZ,QAAgB;;;;;wBAED,qBAAM,KAAK,CAAC,sBAAsB,EAAE;wBAC/C,MAAM,EAAE,MAAM;wBACd,OAAO,EAAE;4BACL,cAAc,EAAE,kBAAkB;yBACrC;wBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;4BACjB,IAAI,MAAA;4BACJ,QAAQ,UAAA;yBACX,CAAC;qBACL,CAAC,EAAA;;oBATI,MAAM,GAAG,SASb;yBAEE,CAAC,MAAM,CAAC,EAAE,EAAV,wBAAU;oBACU,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;oBAA/B,OAAO,GAAK,CAAA,SAAmB,CAAA,QAAxB;oBACf,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;wBAG7B,sBAAO,MAAM,CAAC,IAAI,EAAE,EAAC;;;;CACxB;AAED;;;;GAIG;AACH,SAAgB,2BAA2B,CACvC,gBAAmC,EACnC,UAA2B;IAF/B,iBAmBC;IAfS,IAAA,KAA6C,IAAA,uCAAkB,EAAkB;QACnF,UAAU,EAAE,UAAO,QAAQ,EAAE,QAAQ;;;;4BACX,qBAAM,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAA;;wBAAtD,SAAS,GAAK,CAAA,SAAwC,CAAA,UAA7C;wBACjB,sBAAO,SAAS,EAAC;;;aACpB;QACD,WAAW,EAAE,gBAAgB;QAC7B,UAAU,YAAA;KACb,CAAC,EAPM,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAO5C,CAAC;IAEH,OAAO;QACH,WAAW,aAAA;QACX,SAAS,EAAE,IAAI;QACf,SAAS,WAAA;QACT,iBAAiB,EAAE,QAAQ;KAC9B,CAAC;AACN,CAAC;AAnBD,kEAmBC"}

package/build/infinite-loading/useInfiniteLoading.d.ts

@@ -0,0 +1,16 @@
+import type { PaginationProps } from './types';
+interface Parameters<T> {
+    fetchingFn: (page: number, pageSize: number) => Promise<T[]>;
+    initialData: T[];
+    pagination: PaginationProps;
+}
+interface State<T> {
+    canLoadMore: boolean;
+    currentPage: number;
+    data: T[];
+    isLoading: boolean;
+    loadMore: () => void;
+    resetData: () => void;
+}
+export declare function useInfiniteLoading<T>({ fetchingFn, initialData, pagination, }: Parameters<T>): State<T>;
+export {};

package/build/infinite-loading/useInfiniteLoading.js

@@ -0,0 +1,115 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteLoading = void 0;
+var web_1 = require("@react-hookz/web");
+var react_1 = require("react");
+function useInfiniteLoading(_a) {
+    var _this = this;
+    var fetchingFn = _a.fetchingFn, initialData = _a.initialData, pagination = _a.pagination;
+    var _b = __read((0, react_1.useState)(initialData), 2), data = _b[0], setData = _b[1];
+    var _c = __read((0, react_1.useState)(pagination.currentPage), 2), currentPage = _c[0], setCurrentPage = _c[1];
+    var itemsTotal = pagination.itemsTotal, pageSize = pagination.pageSize;
+    var pagesTotal = Math.ceil(itemsTotal / pageSize);
+    var canLoadMore = currentPage < pagesTotal;
+    var _d = __read((0, web_1.useAsync)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var nextPage, newData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    nextPage = currentPage + 1;
+                    return [4 /*yield*/, fetchingFn(nextPage, pageSize)];
+                case 1:
+                    newData = _a.sent();
+                    setCurrentPage(nextPage);
+                    setData(function (currentData) { return __spreadArray(__spreadArray([], __read(currentData), false), __read(newData), false); });
+                    return [2 /*return*/];
+            }
+        });
+    }); }), 2), _e = _d[0], error = _e.error, status = _e.status, loadMoreFn = _d[1].execute;
+    var loadMore = (0, react_1.useCallback)(function () {
+        if (canLoadMore) {
+            loadMoreFn();
+        }
+    }, [canLoadMore, loadMoreFn]);
+    var resetData = (0, react_1.useCallback)(function () {
+        setData(initialData);
+        setCurrentPage(pagination.currentPage);
+    }, [pagination.currentPage, initialData]);
+    (0, react_1.useEffect)(function () {
+        if (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+    }, [error]);
+    return {
+        canLoadMore: canLoadMore,
+        currentPage: currentPage,
+        data: data,
+        isLoading: status === 'loading',
+        loadMore: loadMore,
+        resetData: resetData,
+    };
+}
+exports.useInfiniteLoading = useInfiniteLoading;
+//# sourceMappingURL=useInfiniteLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteLoading.js","sourceRoot":"","sources":["../../src/infinite-loading/useInfiniteLoading.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAA4C;AAC5C,+BAAyD;AAmBzD,SAAgB,kBAAkB,CAAI,EAItB;IAJhB,iBA6CC;QA5CG,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,UAAU,gBAAA;IAEJ,IAAA,KAAA,OAAkB,IAAA,gBAAQ,EAAM,WAAW,CAAC,IAAA,EAA3C,IAAI,QAAA,EAAE,OAAO,QAA8B,CAAC;IAC7C,IAAA,KAAA,OAAgC,IAAA,gBAAQ,EAAC,UAAU,CAAC,WAAW,CAAC,IAAA,EAA/D,WAAW,QAAA,EAAE,cAAc,QAAoC,CAAC;IAE/D,IAAA,UAAU,GAAe,UAAU,WAAzB,EAAE,QAAQ,GAAK,UAAU,SAAf,CAAgB;IAC5C,IAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC;IACpD,IAAM,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;IAEvC,IAAA,KAAA,OAA+C,IAAA,cAAQ,EAAC;;;;;oBACpD,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAC;oBACjB,qBAAM,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAA;;oBAA9C,OAAO,GAAG,SAAoC;oBACpD,cAAc,CAAC,QAAQ,CAAC,CAAC;oBACzB,OAAO,CAAC,UAAC,WAAW,IAAK,8CAAI,WAAW,kBAAK,OAAO,WAA3B,CAA4B,CAAC,CAAC;;;;SAC1D,CAAC,IAAA,EALK,UAAiB,EAAf,KAAK,WAAA,EAAE,MAAM,YAAA,EAAe,UAAU,gBAK7C,CAAC;IAEH,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC;QACzB,IAAI,WAAW,EAAE;YACb,UAAU,EAAE,CAAC;SAChB;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,IAAM,SAAS,GAAG,IAAA,mBAAW,EAAC;QAC1B,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;QACN,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,aAAA;QACX,WAAW,aAAA;QACX,IAAI,MAAA;QACJ,SAAS,EAAE,MAAM,KAAK,SAAS;QAC/B,QAAQ,UAAA;QACR,SAAS,WAAA;KACZ,CAAC;AACN,CAAC;AA7CD,gDA6CC"}

package/build/infinite-loading/useInfiniteStoriesLoading.d.ts

@@ -0,0 +1,13 @@
+import type { Category, ExtraStoryFields, Story } from '@prezly/sdk';
+import type { PaginationProps } from './types';
+/**
+ * NOTE: This hook depends on the presence of a Next API route (/api/fetch-stories)!
+ * The handler for this route is exported from `apiHandlers/fetchStories.ts` file.
+ * See https://github.com/prezly/theme-nextjs-bea/blob/d381e9878187ca98815d240d3ffdf10a75993c14/pages/index.tsx#L24 for usage example
+ */
+export declare function useInfiniteStoriesLoading<T extends Story = Story>(initialStories: T[], pagination: PaginationProps, category?: Category, include?: (keyof ExtraStoryFields)[]): {
+    canLoadMore: boolean;
+    isLoading: boolean;
+    loadMoreStories: () => void;
+    stories: T[];
+};