@griddo/ax 11.10.38 → 11.10.40

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@griddo/ax",
 	"description": "Griddo Author Experience",
-	"version": "11.10.38",
+	"version": "11.10.40",
 	"authors": [
 		"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
 		"Diego M. Béjar <diego.bejar@secuoyas.com>",
@@ -217,5 +217,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "345b369c786854fe3a091d260023799a4876daef"
+	"gitHead": "3f329bbd92af7e9f9d69b0b5c0746dda52b554c0"
 }

package/src/components/ConfigPanel/Header/index.tsx

@@ -1,8 +1,8 @@
-import React, { memo, useCallback, useEffect, useState } from "react";
+import { memo, useCallback, useEffect, useState } from "react";
 
-import { IBreadcrumbItem, ISchema } from "@ax/types";
 import { Breadcrumb, Toast } from "@ax/components";
 import { useToast } from "@ax/hooks";
+import type { IBreadcrumbItem, ISchema } from "@ax/types";
 
 import * as S from "./style";
 
@@ -56,16 +56,24 @@ const Header = (props: IHeaderProps) => {
 		};
 	}, [handleNavigation]);
 
+	// Inicializar headerHeight solo al montar
 	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
 	useEffect(() => {
 		if (headerRef.current) {
 			const height = headerRef.current.offsetHeight + headerRef.current.offsetTop;
 			setHeaderHeight(height);
+		}
+	}, []);
+
+	// Actualizar solo cuando cambia breadcrumb (navegación real)
+	// biome-ignore lint/correctness/useExhaustiveDependencies: breadcrumbOld comparison needed
+	useEffect(() => {
+		const breadcrumbChanged = JSON.stringify(breadcrumbOld) !== JSON.stringify(breadcrumb);
+		if (headerRef.current && breadcrumbChanged) {
+			const height = headerRef.current.offsetHeight + headerRef.current.offsetTop;
+			setHeaderHeight(height);
+			window.scrollTo(0, 0);
 			setBreadcrumbOld(breadcrumb);
-			if (JSON.stringify(breadcrumbOld) !== JSON.stringify(breadcrumb)) {
-				window.scrollTo(0, 0);
-				setBreadcrumbOld(breadcrumb);
-			}
 		}
 	}, [headerRef, breadcrumb, setHeaderHeight]);
 

package/src/modules/Settings/SeoAnalyticsSettings/Analytics/index.tsx

@@ -1,14 +1,15 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { connect } from "react-redux";
 
-import { IAnalytics, INavItem, IRootState, ISite } from "@ax/types";
-import { appActions } from "@ax/containers/App";
+import { Loading, MainWrapper, Nav } from "@ax/components";
 import { analyticsActions } from "@ax/containers/Analytics";
-import { MainWrapper, Loading, Nav } from "@ax/components";
-import { useIsDirty, useModal } from "@ax/hooks";
+import { appActions } from "@ax/containers/App";
 import { RouteLeavingGuard } from "@ax/guards";
+import { useModal } from "@ax/hooks";
+import type { IAnalytics, INavItem, IRootState, ISite } from "@ax/types";
 
 import { Dimensions, Groups, ResetModal, ScriptCode, Warning } from "./atoms";
+
 import * as S from "./style";
 
 const Analytics = (props: IProps): JSX.Element => {
@@ -27,7 +28,7 @@ const Analytics = (props: IProps): JSX.Element => {
 
 	const [showWarning, setShowWarning] = useState(false);
 	const [scriptCode, setScriptCode] = useState(analytics.scriptCode);
-	const { isDirty, setIsDirty, resetDirty } = useIsDirty(scriptCode);
+	const [isDirty, setIsDirty] = useState(false);
 	const { isOpen, toggleModal } = useModal();
 
 	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
@@ -36,14 +37,15 @@ const Analytics = (props: IProps): JSX.Element => {
 		handleGetAnalytics();
 	}, []);
 
-	// biome-ignore lint/correctness/useExhaustiveDependencies: TODO: fix this
 	useEffect(() => {
 		setScriptCode(analytics.scriptCode);
 		setShowWarning(!analytics.siteScriptCodeExists);
-		if (!analytics.siteScriptCodeExists) {
-			resetDirty();
-		}
-	}, [analytics]);
+		setIsDirty(false);
+	}, [analytics.scriptCode, analytics.siteScriptCodeExists]);
+
+	useEffect(() => {
+		setIsDirty(scriptCode !== analytics.scriptCode);
+	}, [scriptCode, analytics.scriptCode]);
 
 	const handleSave = async () => {
 		const isSaved = !!site && (await updateScriptCode(scriptCode, site.id));
@@ -55,6 +57,9 @@ const Analytics = (props: IProps): JSX.Element => {
 	const handleReset = async () => {
 		await deleteScriptCode(site?.id);
 		isOpen && toggleModal();
+		setShowWarning(true);
+		setScriptCode(analytics.scriptCode);
+		setIsDirty(false);
 	};
 
 	const modalText = (