Update version, handle no 'window' var + add next js example

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "simi-pagebuilder-react",
-	"version": "1.2.14",
+	"version": "1.2.17",
 	"description": "SimiCart React PageBuilder Client",
 	"author": "SimiCart",
 	"license": "MIT",

src/Content/index.js

@@ -165,10 +165,12 @@ const PbContent = (props) => {
 				)
 					history.push(item.dataParsed.openUrl);
 				else {
-					window.open(
-						item.dataParsed.openUrl,
-						openUrlInNewTab ? '_blank' : '_self',
-					);
+					if (typeof window !== 'undefined') {
+						window.open(
+							item.dataParsed.openUrl,
+							openUrlInNewTab ? '_blank' : '_self',
+						);
+					}
 				}
 			};
 		}

src/Helper/Data.js

@@ -4,7 +4,10 @@ export const randomString = (charCount = 20) => {
 		'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
 	for (let i = 0; i < charCount; i++)
 		text += possible.charAt(Math.floor(Math.random() * possible.length));
-	return btoa(text + Date.now());
+
+	return typeof window !== 'undefined'
+		? window.btoa(text + Date.now())
+		: text + Date.now();
 };
 
 export const listToTree = (list) => {

src/hooks/useWindowSize.js

@@ -1,29 +1,40 @@
 import { useLayoutEffect, useState } from 'react';
 
 export const useWindowSize = () => {
-	const [size, setSize] = useState({ width: 0, height: 0 });
+	const [size, setSize] = useState({
+		width: typeof window !== 'undefined' ? 0 : 1280,
+		height: typeof window !== 'undefined' ? 0 : 1280,
+	});
 	useLayoutEffect(() => {
 		function updateSize() {
-			const newWidth = Math.max(
-				document.documentElement.clientWidth || 0,
-				window.innerWidth || 0,
-			);
-			const newHeight = window.innerHeight;
-			if (
-				newWidth !== window.smpbWindowWidth ||
-				Math.abs(newHeight - window.smpbWindowHeight) > 160
-			) {
-				window.smpbWindowWidth = newWidth;
-				window.smpbWindowHeight = newHeight;
-				setSize({
-					width: newWidth,
-					height: newHeight,
-				});
+			if (typeof window !== 'undefined') {
+				const newWidth = Math.max(
+					document.documentElement.clientWidth || 0,
+					window.innerWidth || 0,
+				);
+				const newHeight = window.innerHeight;
+				if (
+					newWidth !== window.smpbWindowWidth ||
+					Math.abs(newHeight - window.smpbWindowHeight) > 160
+				) {
+					window.smpbWindowWidth = newWidth;
+					window.smpbWindowHeight = newHeight;
+					setSize({
+						width: newWidth,
+						height: newHeight,
+					});
+				}
 			}
 		}
-		window.addEventListener('resize', updateSize);
-		updateSize();
-		return () => window.removeEventListener('resize', updateSize);
+		if (typeof window !== 'undefined') {
+			window.addEventListener('resize', updateSize);
+			updateSize();
+		}
+		return () => {
+			if (typeof window !== 'undefined') {
+				window.removeEventListener('resize', updateSize);
+			}
+		};
 	}, []);
 	return size;
 };

src/index.js

@@ -326,7 +326,7 @@ export const usePbFinder = (props) => {
 
 	const findPage = (pathName) => {
 		setPathFoFind(pathName);
-		if (window.smPbPagesByToken) {
+		if (typeof window !== 'undefined' && window.smPbPagesByToken) {
 			setPbData(window.smPbPagesByToken);
 		} else {
 			if (!loading) {
@@ -335,7 +335,12 @@ export const usePbFinder = (props) => {
 					endPoint,
 					(result) => {
 						setLoading(false);
-						if (result && result.data && result.data.spb_page)
+						if (
+							result &&
+							result.data &&
+							result.data.spb_page &&
+							typeof window !== 'undefined'
+						)
 							window.smPbPagesByToken = result;
 						setPbData(result);
 					},