update PB preview query param

.eslintrc.js

@@ -29,6 +29,7 @@ module.exports = {
 		},
 		ecmaVersion: 2020,
 		sourceType: "module",
+		requireConfigFile: false,
 	},
 	plugins: ["jest", "jest-dom", "jsx-a11y", "react", "react-hooks", "testing-library"],
 	rules: {

blocks/identity-block/components/login/index.jsx

@@ -22,13 +22,15 @@ const useLogin = ({
 		if (window?.location?.search) {
 			const searchParams = new URLSearchParams(window.location.search.substring(1));
 
-			//redirectURL could have additional params
+			// redirectURL could have additional params
 			const params = ["paymentMethodID"];
-			const aditionalParams = params.map((p) => {
+			const aditionalParams = params.filter((p) => {
 				const paramExist = searchParams.has(p)
 				if(paramExist){
 					return {[p]:searchParams.get(p)}
 				}
+
+				return null;
 			})
 
 			const fullURL = searchParams.get("redirect") ? appendURLParams(searchParams.get("redirect"), aditionalParams.filter(item => item !== undefined)) : null;
@@ -58,18 +60,27 @@ const useLogin = ({
 		const checkLoggedInStatus = async () => {
 			const isLoggedIn = await Identity.isLoggedIn();
 			const validatedLoggedInPageLoc = validateURL(loggedInPageLocation);
+
 			if (isLoggedIn) {
 				if (isOIDC) {
 					loginByOIDC();
 				} else {
-					window.location = redirectQueryParam || validatedLoggedInPageLoc;
+					const searchParams = new URLSearchParams(window.location.search.substring(1));
+					const redirectUrl = redirectQueryParam || validatedLoggedInPageLoc;
+
+					// PB editor preview will redirect with the website query param.
+					if (searchParams.get('_website')) {
+						window.location = validateURL(`${redirectUrl}?_website=${searchParams.get('_website')}`);
+					} else {
+						window.location = redirectQueryParam || validatedLoggedInPageLoc;
+					}
 				}
 			}
 		};
 		if (Identity && !isAdmin) {
 			checkLoggedInStatus();
 		}
-	}, [Identity, redirectQueryParam, loggedInPageLocation, isAdmin]);
+	}, [Identity, redirectQueryParam, loggedInPageLocation, isAdmin, loginByOIDC, isOIDC]);
 
 	return {
 		loginRedirect: redirectQueryParam || redirectToURL,

blocks/identity-block/components/login/index.test.jsx

@@ -35,6 +35,9 @@ describe("useLogin()", () => {
 	beforeEach(() => {
 		Object.defineProperty(window, "location", {
 			writable: true,
+			value: {
+				href: 'http://localhost',
+			}
 		});
 		useIdentity.mockImplementation(() => ({
 			isInitialized: true,
@@ -68,14 +71,14 @@ describe("useLogin()", () => {
 	});
 
 	it("uses document referrer", async () => {
-		const referrerURL = "http://referrer.com";
+		const referrerURL = "http://referrer.com/article/1234";
 		Object.defineProperty(document, "referrer", {
 			value: referrerURL,
 			configurable: true,
 		});
 		await render(<Test />);
 		fireEvent.click(screen.getByRole("button"));
-		expect(window.location).toBe(referrerURL);
+		expect(window.location).toBe("/article/1234");
 		delete document.referrer;
 	});
 

blocks/subscriptions-block/_index.scss

@@ -284,6 +284,6 @@
 
 @media (min-width: 320px) and (max-width: 480px) {
   .b-paywall__overlay {
-    top: initial;
+    inset-block-start: initial;
   }
 }