@griddo/ax 12.2.0 → 12.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@griddo/ax",
 	"description": "Griddo Author Experience",
-	"version": "12.2.0",
+	"version": "12.2.1",
 	"authors": [
 		"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
 		"Diego M. Béjar <diego.bejar@secuoyas.com>",
@@ -219,5 +219,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e6e2eceb22292ff2b70c9454e4c0dd7c5256a1a6"
+	"gitHead": "43786b57fe71e7e408adeb31da3405d7bfcac5fd"
 }

package/src/api/pages.tsx

@@ -99,6 +99,11 @@ const SERVICES: { [key: string]: IServiceConfig } = {
 		endpoint: "/translations/page/",
 		method: "POST",
 	},
+	PAGE_AI_RETRANSLATION: {
+		...template,
+		endpoint: ["/translations/page/", "/retranslate"],
+		method: "POST",
+	},
 	SET_PAGE_ACCESS_GRANTS: {
 		...template,
 		endpoint: ["/site/", "/pages/", "/access-grant"],
@@ -285,6 +290,16 @@ const getPageTranslation = async (data: any, langID: number) => {
 	return sendRequest(SERVICES.PAGE_AI_TRANSLATION, { ...data });
 };
 
+const getPageRetranslation = async (pageID: number) => {
+	const {
+		host,
+		endpoint: [prefix, suffix],
+	} = SERVICES.PAGE_AI_RETRANSLATION;
+	SERVICES.PAGE_AI_RETRANSLATION.dynamicUrl = `${host}${prefix}${pageID}${suffix}`;
+
+	return sendRequest(SERVICES.PAGE_AI_RETRANSLATION);
+};
+
 const setPageAccessGrants = async (data: {
 	siteID: number | "global";
 	pageID: number;
@@ -321,5 +336,6 @@ export default {
 	pageCheck,
 	getPageSummary,
 	getPageTranslation,
+	getPageRetranslation,
 	setPageAccessGrants,
 };

package/src/components/Button/style.tsx

@@ -100,7 +100,7 @@ const TextButton = styled((props) => <Button {...props} />)`
 `;
 
 const LineButton = styled((props) => <Button {...props} />)<{ isInverse: boolean | undefined }>`
-  background-color: ${(p) => (p.isInverse ? p.theme.color.uiMainMenuBackground : p.theme.color.interactiveBackground)};
+  background-color: ${(p) => (p.isInverse ? p.theme.color.uiMainMenuBackground : "transparent")};
   border: 1px solid ${(p) => (p.isInverse ? p.theme.color.interactiveInverse : p.theme.color.interactive01)};
   color: ${(p) => (p.isInverse ? p.theme.color.interactiveInverse : p.theme.color.interactive01)};
   :hover:before {

package/src/components/Fields/TranslateButton/index.tsx

@@ -1,11 +1,12 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { connect } from "react-redux";
-import { Icon, Modal } from "@ax/components";
-import { useModal } from "@ax/hooks";
-import { FormContent, IRootState } from "@ax/types";
+
+import { Modal } from "@ax/components";
+import { formsActions } from "@ax/containers/Forms";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 import { structuredDataActions } from "@ax/containers/StructuredData";
-import { formsActions } from "@ax/containers/Forms";
+import { useModals } from "@ax/hooks";
+import type { FormContent, IRootState } from "@ax/types";
 
 import * as S from "./style";
 
@@ -15,17 +16,12 @@ const TranslateButton = (props: ITranslateButtonProps): JSX.Element => {
 		autoTranslation,
 		contentType,
 		getPageTranslation,
+		getPageRetranslation,
 		editorContent,
-		isPageIATranslated,
-		isDataContentIATranslated,
-		setIsPageTranslated,
 		structuredDataForm,
 		getDataContentTranslation,
-		setIsContentTranslated,
 		formContent,
-		isFormIATranslated,
 		getFormTranslation,
-		setIsFormTranslated,
 		disabled,
 	} = props;
 
@@ -33,26 +29,23 @@ const TranslateButton = (props: ITranslateButtonProps): JSX.Element => {
 		return {
 			page: {
 				content: editorContent,
-				isIATranslated: isPageIATranslated,
 				getTranslationAction: getPageTranslation,
-				setIsTranslated: setIsPageTranslated,
+				getRetranslationAction: getPageRetranslation,
 			},
 			data: {
 				content: structuredDataForm,
-				isIATranslated: isDataContentIATranslated,
 				getTranslationAction: getDataContentTranslation,
-				setIsTranslated: setIsContentTranslated,
 			},
 			form: {
 				content: formContent,
-				isIATranslated: isFormIATranslated,
 				getTranslationAction: getFormTranslation,
-				setIsTranslated: setIsFormTranslated,
 			},
 		}[type];
 	};
 
-	const { content, isIATranslated, getTranslationAction, setIsTranslated } = getContent(contentType);
+	const { content, getTranslationAction, getRetranslationAction } = getContent(contentType);
+
+	const isOriginal = content?.originalLanguage === lang;
 
 	const initialState = {
 		isLoading: false,
@@ -60,10 +53,10 @@ const TranslateButton = (props: ITranslateButtonProps): JSX.Element => {
 	};
 
 	const [state, setState] = useState(initialState);
-	const { isOpen, toggleModal } = useModal();
+	const { isOpen, toggleModal } = useModals(["translate", "update"]);
 
 	const handleClick = async () => {
-		toggleModal();
+		isOpen("translate") && toggleModal("translate");
 		setState((state) => ({ ...state, isLoading: true, error: false }));
 		const generated = await getTranslationAction(lang);
 		setState((state) => ({ ...state, isLoading: false }));
@@ -72,21 +65,66 @@ const TranslateButton = (props: ITranslateButtonProps): JSX.Element => {
 		}
 	};
 
-	const handleClose = () => setIsTranslated(false);
+	const handleUpdateClick = async () => {
+		isOpen("update") && toggleModal("update");
+		setState((state) => ({ ...state, isLoading: true, error: false }));
+		const generated = (!!content.id && (await getRetranslationAction?.(content.id))) || false;
+		setState((state) => ({ ...state, isLoading: false }));
+		if (!generated) {
+			setState((state) => ({ ...state, error: true }));
+		}
+	};
 
-	const buttonText = state.isLoading ? "Processing..." : "Translate page with AI";
+	const buttonText = state.error ? "Try againg" : state.isLoading ? "Processing..." : "Translate page with AI";
+	const updateButtonText = state.error
+		? "Try againg"
+		: state.isLoading
+			? "Processing..."
+			: "Update translation with AI";
 
 	return (
 		<>
-			{isIATranslated && !content?.canBeTranslated && (
-				<S.Wrapper data-testid="translated-notification-wrapper" isSmall={false}>
-					<S.NotificationContent>
-						<S.Text>This page is translated with Artificial Intelligence.</S.Text>
-						<S.IconWrapper onClick={handleClose}>
-							<Icon name="close" size="16" />
-						</S.IconWrapper>
-					</S.NotificationContent>
-				</S.Wrapper>
+			{autoTranslation && !content?.canBeTranslated && !isOriginal && (
+				<>
+					<S.Wrapper data-testid="update-translation-button-wrapper" isSmall={!!structuredDataForm}>
+						<S.Text>
+							This page has <strong>already been translated</strong>. You can update it with the latest changes from the
+							source language.
+						</S.Text>
+						<S.ButtonWrapper>
+							<S.StyledButton
+								type="button"
+								onClick={() => toggleModal("update")}
+								icon={!state.isLoading ? "Ia" : undefined}
+								loader={state.isLoading ? "circle" : undefined}
+								disabled={disabled}
+								buttonStyle="line"
+							>
+								{updateButtonText}
+							</S.StyledButton>
+						</S.ButtonWrapper>
+						{state.error && (
+							<S.ErrorText>
+								The translation could not be completed. Your previous content has been preserved.
+							</S.ErrorText>
+						)}
+					</S.Wrapper>
+					<Modal
+						isOpen={isOpen("update")}
+						hide={() => toggleModal("update")}
+						size="S"
+						title="Update translation page with AI"
+						mainAction={{ title: "Update translation with AI", icon: "Ia", onClick: handleUpdateClick }}
+						secondaryAction={{ title: "Cancel", onClick: () => toggleModal("update") }}
+						height="auto"
+					>
+						<S.ModalContent>
+							This page <strong>already has a translation</strong>. Updating it{" "}
+							<strong>will replace all existing text in this language</strong>, including any manual edits made after
+							the previous translation. This action cannot be undone.
+						</S.ModalContent>
+					</Modal>
+				</>
 			)}
 			{autoTranslation && content?.canBeTranslated ? (
 				<>
@@ -97,7 +135,7 @@ const TranslateButton = (props: ITranslateButtonProps): JSX.Element => {
 						<S.ButtonWrapper>
 							<S.StyledButton
 								type="button"
-								onClick={toggleModal}
+								onClick={() => toggleModal("translate")}
 								icon={!state.isLoading ? "Ia" : undefined}
 								loader={state.isLoading ? "circle" : undefined}
 								disabled={disabled}
@@ -108,12 +146,13 @@ const TranslateButton = (props: ITranslateButtonProps): JSX.Element => {
 						{state.error && <S.ErrorText>We&apos;re having problems. Please try again in a few minutes.</S.ErrorText>}
 					</S.Wrapper>
 					<Modal
-						isOpen={isOpen}
-						hide={toggleModal}
+						isOpen={isOpen("translate")}
+						hide={() => toggleModal("translate")}
 						size="S"
 						title="Translate page with AI"
 						mainAction={{ title: "Translate with AI", icon: "Ia", onClick: handleClick }}
-						secondaryAction={{ title: "Cancel", onClick: toggleModal }}
+						secondaryAction={{ title: "Cancel", onClick: () => toggleModal("translate") }}
+						height="auto"
 					>
 						<S.ModalContent>
 							The automatic translation <strong>will replace all the text on the page</strong>. Before proceeding, make
@@ -133,37 +172,27 @@ export interface ITranslateButtonProps {
 	autoTranslation: boolean;
 	editorContent: any;
 	structuredDataForm: any | null;
-	isPageIATranslated: boolean;
-	isDataContentIATranslated: boolean;
-	isFormIATranslated: boolean;
 	contentType: "page" | "data" | "form";
 	formContent: FormContent | null;
 	disabled: boolean;
 	getPageTranslation: (langID: number) => Promise<boolean>;
+	getPageRetranslation: (pageID: number) => Promise<boolean>;
 	getDataContentTranslation: (langID: number) => Promise<boolean>;
 	getFormTranslation: (langID: number) => Promise<boolean>;
-	setIsPageTranslated: (isTranslated: boolean) => Promise<void>;
-	setIsContentTranslated: (isTranslated: boolean) => Promise<void>;
-	setIsFormTranslated: (isTranslated: boolean) => void;
 }
 
 const mapDispatchToProps = {
 	getPageTranslation: pageEditorActions.getPageTranslation,
-	setIsPageTranslated: pageEditorActions.setIsTranslated,
+	getPageRetranslation: pageEditorActions.getPageRetranslation,
 	getDataContentTranslation: structuredDataActions.getDataContentTranslation,
-	setIsContentTranslated: structuredDataActions.setIsTranslated,
 	getFormTranslation: formsActions.getFormTranslation,
-	setIsFormTranslated: formsActions.setIsIATranslated,
 };
 
 const mapStateToProps = (state: IRootState) => ({
 	autoTranslation: state.app.globalSettings.autoTranslation,
 	editorContent: state.pageEditor.editorContent,
-	isPageIATranslated: state.pageEditor.isIATranslated,
-	isDataContentIATranslated: state.structuredData.isIATranslated,
 	structuredDataForm: state.structuredData.form,
 	formContent: state.forms.formContent,
-	isFormIATranslated: state.forms.isIATranslated,
 });
 
 export default connect(mapStateToProps, mapDispatchToProps)(TranslateButton);

package/src/containers/Forms/actions.tsx

@@ -45,7 +45,6 @@ import {
 	SET_CURRENT_FORM_ID,
 	SET_FORM_CONTENT,
 	SET_FORMS,
-	SET_IS_IA_TRANSLATED,
 	SET_IS_NEW_TRANSLATION,
 	SET_SCHEMA,
 	SET_SELECTED_CONTENT,
@@ -62,7 +61,6 @@ import type {
 	ISetCurrentFormID,
 	ISetFormContent,
 	ISetForms,
-	ISetIsIATranslated,
 	ISetIsNewTranslation,
 	ISetSchema,
 	ISetSelectedContent,
@@ -140,10 +138,6 @@ function setIsNewTranslation(isNewTranslation: boolean): ISetIsNewTranslation {
 	return { type: SET_IS_NEW_TRANSLATION, payload: { isNewTranslation } };
 }
 
-function setIsIATranslated(isIATranslated: boolean): ISetIsIATranslated {
-	return { type: SET_IS_IA_TRANSLATED, payload: { isIATranslated } };
-}
-
 function getForms(
 	siteID: number | null,
 	params?: GetFormsParams,
@@ -199,7 +193,6 @@ function getForm(formID: number | null): (dispatch: Dispatch, getState: () => IR
 					}
 					generateFormContent(formData)(dispatch, getState);
 					dispatch(setCurrentFormID(response.data.id));
-					dispatch(setIsIATranslated(false));
 				}
 			} else {
 				generateNewForm()(dispatch, getState);
@@ -242,7 +235,7 @@ function generateFormContent(
 		} = getState();
 
 		const { pageContent } = generateEditorIDs({ ...formContent });
-		pageContent["site"] = currentSiteInfo ? currentSiteInfo.id : null;
+		pageContent.site = currentSiteInfo ? currentSiteInfo.id : null;
 		const { element: selectedContent, parent: selectedParent } = findByEditorID(pageContent, selectedEditorID);
 		const { component } = selectedContent;
 		const schema = getSchema(component);
@@ -857,9 +850,8 @@ function getFormTranslation(langID: number): (dispatch: Dispatch, getState: () =
 
 			const responseActions = {
 				handleSuccess: (data: FormContent) => {
-					data["canBeTranslated"] = false;
+					data.canBeTranslated = false;
 					generateFormContent(data)(dispatch, getState);
-					dispatch(setIsIATranslated(true));
 				},
 				handleError: (response: any) => appActions.handleError(response)(dispatch),
 			};
@@ -938,7 +930,6 @@ export {
 	updateFormState,
 	createNewTranslation,
 	getFormTranslation,
-	setIsIATranslated,
 	duplicateForm,
 	copyForm,
 };

package/src/containers/Forms/constants.tsx

@@ -14,7 +14,6 @@ const SET_COPY_MODULE = `${NAME}/SET_COPY_MODULE`;
 const SET_SUMMARY = `${NAME}/SET_SUMMARY`;
 const SET_CURRENT_FORM_CATEGORIES = `${NAME}/SET_CURRENT_FORM_CATEGORIES`;
 const SET_IS_NEW_TRANSLATION = `${NAME}/SET_IS_NEW_TRANSLATION`;
-const SET_IS_IA_TRANSLATED = `${NAME}/SET_IS_IA_TRANSLATED`;
 
 const ITEMS_PER_PAGE = 50;
 
@@ -42,5 +41,4 @@ export {
 	DEFAULT_PARAMS,
 	SET_CURRENT_FORM_CATEGORIES,
 	SET_IS_NEW_TRANSLATION,
-	SET_IS_IA_TRANSLATED,
 };

package/src/containers/Forms/interfaces.tsx

@@ -1,20 +1,20 @@
-import { FormCategory, FormContent, IBreadcrumbItem, IModule, ISchema } from "@ax/types";
-import {
+import type { FormCategory, FormContent, IBreadcrumbItem, IModule, ISchema } from "@ax/types";
+
+import type {
 	SET_BREADCRUMB,
 	SET_COPY_MODULE,
+	SET_CURRENT_FORM_CATEGORIES,
 	SET_CURRENT_FORM_ID,
 	SET_FORM_CONTENT,
 	SET_FORMS,
+	SET_IS_NEW_TRANSLATION,
 	SET_SCHEMA,
 	SET_SELECTED_CONTENT,
 	SET_SELECTED_EDITOR_ID,
 	SET_SELECTED_PARENT,
+	SET_SUMMARY,
 	SET_TAB,
 	SET_TEMPLATE,
-	SET_SUMMARY,
-	SET_CURRENT_FORM_CATEGORIES,
-	SET_IS_NEW_TRANSLATION,
-	SET_IS_IA_TRANSLATED,
 } from "./constants";
 
 export interface ISetForms {
@@ -87,9 +87,4 @@ export interface ISetIsNewTranslation {
 	payload: { isNewTranslation: boolean };
 }
 
-export interface ISetIsIATranslated {
-	type: typeof SET_IS_IA_TRANSLATED;
-	payload: { isIATranslated: boolean };
-}
-
 export type FormsActionsCreators = ISetForms;

package/src/containers/Forms/reducer.tsx

@@ -1,20 +1,20 @@
-import { FormCategory, FormContent, IBreadcrumbItem, IModule, ISchema } from "@ax/types";
+import type { FormCategory, FormContent, IBreadcrumbItem, IModule, ISchema } from "@ax/types";
+
 import {
 	SET_BREADCRUMB,
 	SET_COPY_MODULE,
+	SET_CURRENT_FORM_CATEGORIES,
 	SET_CURRENT_FORM_ID,
 	SET_FORM_CONTENT,
 	SET_FORMS,
+	SET_IS_NEW_TRANSLATION,
 	SET_SCHEMA,
 	SET_SELECTED_CONTENT,
 	SET_SELECTED_EDITOR_ID,
 	SET_SELECTED_PARENT,
+	SET_SUMMARY,
 	SET_TAB,
 	SET_TEMPLATE,
-	SET_SUMMARY,
-	SET_CURRENT_FORM_CATEGORIES,
-	SET_IS_NEW_TRANSLATION,
-	SET_IS_IA_TRANSLATED,
 } from "./constants";
 
 export interface IFormsState {
@@ -33,7 +33,6 @@ export interface IFormsState {
 	summary: { total: number; active: number; inactive: number };
 	currentFormCategories: FormCategory[];
 	isNewTranslation: boolean;
-	isIATranslated: boolean;
 }
 
 export const initialState = {
@@ -52,7 +51,6 @@ export const initialState = {
 	summary: { total: 0, active: 0, inactive: 0 },
 	currentFormCategories: [],
 	isNewTranslation: false,
-	isIATranslated: false,
 };
 
 export function reducer(state = initialState, action: any): IFormsState {
@@ -71,7 +69,6 @@ export function reducer(state = initialState, action: any): IFormsState {
 		case SET_SUMMARY:
 		case SET_CURRENT_FORM_CATEGORIES:
 		case SET_IS_NEW_TRANSLATION:
-		case SET_IS_IA_TRANSLATED:
 			return { ...state, ...action.payload };
 		default:
 			return state;

package/src/containers/PageEditor/actions.tsx

@@ -66,7 +66,6 @@ import {
 	SET_CURRENT_PAGE_STATUS,
 	SET_EDITOR_CONTENT,
 	SET_ERRORS,
-	SET_IS_IA_TRANSLATED,
 	SET_IS_NEW_TRANSLATION,
 	SET_LAST_ELEMENT_ADDED_ID,
 	SET_LAST_TIMEOUT,
@@ -94,7 +93,6 @@ import type {
 	ISetCurrentPageStatusAction,
 	ISetEditorContent,
 	ISetErrors,
-	ISetIsIATranslated,
 	ISetIsNewTranslation,
 	ISetLastElementAddedId,
 	ISetLastTimeout,
@@ -217,10 +215,6 @@ function setCopyModule(moduleCopy: { date: Date; elements: Record<string, unknow
 	return { type: SET_COPY_MODULE, payload: { moduleCopy } };
 }
 
-function setIsIATranslated(isIATranslated: boolean): ISetIsIATranslated {
-	return { type: SET_IS_IA_TRANSLATED, payload: { isIATranslated } };
-}
-
 function setLastTimeout(lastTimeout: NodeJS.Timeout | null): ISetLastTimeout {
 	return { type: SET_LAST_TIMEOUT, payload: { lastTimeout } };
 }
@@ -1593,9 +1587,8 @@ function getPageTranslation(langID: number): (dispatch: Dispatch, getState: () =
 					data.canBeTranslated = false;
 					generatePageContent(data)(dispatch, getState);
 					dispatch(setCurrentPageName(data.title));
-					dispatch(setIsIATranslated(true));
 				},
-				handleError: () => console.log("Error en GetPageTranslation"),
+				handleError: (response: any) => appActions.handleError(response)(dispatch),
 			};
 
 			const callback = async () => pages.getPageTranslation(editorContent, langID);
@@ -1608,12 +1601,23 @@ function getPageTranslation(langID: number): (dispatch: Dispatch, getState: () =
 	};
 }
 
-function setIsTranslated(isTranslated: boolean): (dispatch: Dispatch) => Promise<void> {
-	return async (dispatch) => {
+function getPageRetranslation(pageID: number): (dispatch: Dispatch, getState: () => IRootState) => Promise<boolean> {
+	return async (dispatch, getState) => {
 		try {
-			dispatch(setIsIATranslated(isTranslated));
+			const responseActions = {
+				handleSuccess: (data: IPage) => {
+					generatePageContent(data)(dispatch, getState);
+					dispatch(setCurrentPageName(data.title));
+				},
+				handleError: (response: any) => appActions.handleError(response)(dispatch),
+			};
+
+			const callback = async () => pages.getPageRetranslation(pageID);
+
+			return await handleRequest(callback, responseActions, [])(dispatch);
 		} catch (e) {
-			console.log("Error", e);
+			console.log(e);
+			return false;
 		}
 	};
 }
@@ -1724,7 +1728,7 @@ export {
 	restorePageNavigation,
 	getPageSummary,
 	getPageTranslation,
-	setIsTranslated,
+	getPageRetranslation,
 	schedulePublication,
 	setScrollEditorID,
 	addComponentInArray,

package/src/containers/PageEditor/constants.tsx

@@ -20,7 +20,6 @@ export const SET_SITE_PAGE_ID = `${NAME}/SET_SITE_PAGE_ID`;
 export const SET_USER_EDITING = `${NAME}/SET_USER_EDITING`;
 export const SET_LAST_ELEMENT_ADDED_ID = `${NAME}/SET_LAST_ELEMENT_ADDED_ID`;
 export const SET_COPY_MODULE = `${NAME}/SET_COPY_MODULE`;
-export const SET_IS_IA_TRANSLATED = `${NAME}/SET_IS_IA_TRANSLATED`;
 export const SET_LAST_TIMEOUT = `${NAME}/SET_LAST_TIMEOUT`;
 export const RESET_PAGE_EDITOR_STORE = `${NAME}/RESET_PAGE_EDITOR_STORE`;
 export const SET_SCROLL_EDITOR_ID = `${NAME}/SET_SCROLL_EDITOR_ID`;

package/src/containers/PageEditor/interfaces.tsx

@@ -10,7 +10,6 @@ import type {
 	SET_CURRENT_PAGE_STATUS,
 	SET_EDITOR_CONTENT,
 	SET_ERRORS,
-	SET_IS_IA_TRANSLATED,
 	SET_IS_NEW_TRANSLATION,
 	SET_LAST_ELEMENT_ADDED_ID,
 	SET_LAST_TIMEOUT,
@@ -128,11 +127,6 @@ export interface ISetCopyModule {
 	payload: { moduleCopy: { date: Date; elements: Record<string, unknown>[] } | null };
 }
 
-export interface ISetIsIATranslated {
-	type: typeof SET_IS_IA_TRANSLATED;
-	payload: { isIATranslated: boolean };
-}
-
 export interface ISetLastTimeout {
 	type: typeof SET_LAST_TIMEOUT;
 	payload: { lastTimeout: NodeJS.Timeout | null };

package/src/containers/PageEditor/reducer.tsx

@@ -20,7 +20,6 @@ import {
 	SET_CURRENT_PAGE_STATUS,
 	SET_EDITOR_CONTENT,
 	SET_ERRORS,
-	SET_IS_IA_TRANSLATED,
 	SET_IS_NEW_TRANSLATION,
 	SET_LAST_ELEMENT_ADDED_ID,
 	SET_LAST_TIMEOUT,
@@ -59,7 +58,6 @@ export interface IPageEditorState {
 	userEditing: IUserEditing | null;
 	lastElementAddedId: null | number;
 	moduleCopy: { date: Date; elements: IModule[] } | null;
-	isIATranslated: boolean;
 	lastTimeout: NodeJS.Timeout | null;
 	scrollEditorID: number | null;
 	accessGrants: PageAccessGrantsSummary;
@@ -86,7 +84,6 @@ export const initialState = {
 	userEditing: null,
 	lastElementAddedId: null,
 	moduleCopy: null,
-	isIATranslated: false,
 	lastTimeout: null,
 	scrollEditorID: null,
 	accessGrants: { users: [], roles: [] },
@@ -115,7 +112,6 @@ export function reducer(state = initialState, action: any): IPageEditorState {
 		case SET_USER_EDITING:
 		case SET_LAST_ELEMENT_ADDED_ID:
 		case SET_COPY_MODULE:
-		case SET_IS_IA_TRANSLATED:
 		case SET_LAST_TIMEOUT:
 		case SET_SCROLL_EDITOR_ID:
 		case SET_PAGE_ACCESS_GRANTS:

package/src/containers/StructuredData/actions.tsx

@@ -1,64 +1,63 @@
+import { structuredData } from "@ax/api";
+import { appActions } from "@ax/containers/App";
+import { setTotalItems } from "@ax/containers/Sites/actions";
+import { findMandatoryStructuredDataErrors } from "@ax/forms";
+import { dateToString, deepClone, handleRequest, isEmptyArray } from "@ax/helpers";
+import type {
+	ICategoryGroupParams,
+	IErrorItem,
+	IExportDataParams,
+	IGetStructuredDataParams,
+	IOrderCategoryParams,
+	IQueryValue,
+	IRootState,
+	IStructuredData,
+	IStructuredDataCategory,
+	IStructuredDataContent,
+} from "@ax/types";
+
 import type { Dispatch } from "redux";
+
 import {
+	CREATE_FORM,
+	DEFAULT_PARAMS,
 	SET_CATEGORIES,
-	SET_STRUCTURED_DATA,
+	SET_CONTENT_FILTERS,
+	SET_CURRENT_DATA_CATEGORY,
+	SET_CURRENT_SEARCH,
 	SET_CURRENT_STRUCTURED_DATA,
-	SET_CURRENT_STRUCTURED_DATA_ID,
 	SET_CURRENT_STRUCTURED_DATA_CONTENTS,
-	SET_SCHEMA,
-	UPDATE_FORM,
-	CREATE_FORM,
+	SET_CURRENT_STRUCTURED_DATA_ID,
 	SET_ENTITY,
-	DEFAULT_PARAMS,
+	SET_ERRORS,
 	SET_FILTER,
+	SET_SCHEMA,
 	SET_SCHEMA_VERSION,
-	SET_ERRORS,
+	SET_STRUCTURED_DATA,
 	SET_VALIDATED,
-	SET_CONTENT_FILTERS,
-	SET_IS_IA_TRANSLATED,
-	SET_CURRENT_DATA_CATEGORY,
-	SET_CURRENT_SEARCH,
+	UPDATE_FORM,
 } from "./constants";
-
 import type {
 	ISetCategories,
-	ISetStructuredData,
+	ISetContentFilters,
+	ISetCurrentCategories,
 	ISetCurrentData,
-	ISetCurrentDataID,
 	ISetCurrentDataContent,
+	ISetCurrentDataID,
+	ISetCurrentSearch,
+	ISetErrors,
 	ISetFilter,
 	ISetSchemaVersion,
-	ISetErrors,
+	ISetStructuredData,
 	ISetValidated,
-	ISetContentFilters,
-	ISetIsIATranslated,
-	ISetCurrentCategories,
-	ISetCurrentSearch,
 } from "./interfaces";
 import {
-	prepareStructuredDataContent,
-	getTaxonomies,
+	evaluateDataComputedFields,
 	filterStructuredDataByID,
+	getTaxonomies,
 	getTypes,
-	evaluateDataComputedFields,
+	prepareStructuredDataContent,
 } from "./utils";
-import type {
-	IStructuredData,
-	IStructuredDataContent,
-	IGetStructuredDataParams,
-	IErrorItem,
-	IStructuredDataCategory,
-	ICategoryGroupParams,
-	IRootState,
-	IOrderCategoryParams,
-	IExportDataParams,
-	IQueryValue,
-} from "@ax/types";
-import { structuredData } from "@ax/api";
-import { setTotalItems } from "@ax/containers/Sites/actions";
-import { appActions } from "@ax/containers/App";
-import { dateToString, deepClone, handleRequest, isEmptyArray } from "@ax/helpers";
-import { findMandatoryStructuredDataErrors } from "@ax/forms";
 
 const { setIsLoading, setIsSaving } = appActions;
 
@@ -123,10 +122,6 @@ function setContentFilters(contentFilters: Record<string, Record<string, IQueryV
 	return { type: SET_CONTENT_FILTERS, payload: { contentFilters } };
 }
 
-function setIsIATranslated(isIATranslated: boolean): ISetIsIATranslated {
-	return { type: SET_IS_IA_TRANSLATED, payload: { isIATranslated } };
-}
-
 function setCurrentSearch(currentSearch: string): ISetCurrentSearch {
 	return { type: SET_CURRENT_SEARCH, payload: { currentSearch } };
 }
@@ -155,7 +150,6 @@ function resetForm(setDefault?: boolean): (dispatch: Dispatch, getState: () => I
 		dispatch(setErrors([]));
 		dispatch(setValidated(false));
 		dispatch(setCurrentDataID(null));
-		dispatch(setIsIATranslated(false));
 	};
 }
 
@@ -594,7 +588,6 @@ function getDataContentTranslation(
 				handleSuccess: (data: IStructuredDataContent) => {
 					const newForm = { ...data, canBeTranslated: false };
 					dispatch(setForm(newForm));
-					dispatch(setIsIATranslated(true));
 				},
 				handleError: () => console.log("Error en GetDataContentTranslation"),
 			};
@@ -619,16 +612,6 @@ function setFormValues(values: any): (dispatch: Dispatch) => Promise<void> {
 	};
 }
 
-function setIsTranslated(isTranslated: boolean): (dispatch: Dispatch) => Promise<void> {
-	return async (dispatch) => {
-		try {
-			dispatch(setIsIATranslated(isTranslated));
-		} catch (e) {
-			console.log("Error", e);
-		}
-	};
-}
-
 function resetCurrentData(): (dispatch: Dispatch) => void {
 	return (dispatch) => {
 		dispatch(setCurrentData(null));
@@ -838,7 +821,6 @@ export {
 	resetStructuredData,
 	getDataContentTranslation,
 	setFormValues,
-	setIsTranslated,
 	resetCurrentData,
 	createCategoryGroup,
 	updateCategoryGroup,

package/src/containers/StructuredData/constants.tsx

@@ -15,7 +15,6 @@ const SET_SCHEMA_VERSION: string | null = `${NAME}/SET_SCHEMA_VERSION`;
 const SET_ERRORS = `${NAME}/SET_ERRORS`;
 const SET_VALIDATED = `${NAME}/SET_VALIDATED`;
 const SET_CONTENT_FILTERS = `${NAME}/SET_CONTENT_FILTERS`;
-const SET_IS_IA_TRANSLATED = `${NAME}/SET_IS_IA_TRANSLATED`;
 const SET_CURRENT_SEARCH = `${NAME}/SET_CURRENT_SEARCH`;
 
 const ITEMS_PER_PAGE = 50;
@@ -48,6 +47,5 @@ export {
 	SET_ERRORS,
 	SET_VALIDATED,
 	SET_CONTENT_FILTERS,
-	SET_IS_IA_TRANSLATED,
 	SET_CURRENT_SEARCH,
 };

package/src/containers/StructuredData/interfaces.tsx

@@ -1,29 +1,28 @@
+import type {
+	IErrorItem,
+	IQueryValue,
+	IStructuredData,
+	IStructuredDataCategory,
+	IStructuredDataContent,
+} from "@ax/types";
+
 import type {
 	SET_CATEGORIES,
-	SET_STRUCTURED_DATA,
+	SET_CONTENT_FILTERS,
+	SET_CURRENT_DATA_CATEGORY,
+	SET_CURRENT_SEARCH,
 	SET_CURRENT_STRUCTURED_DATA,
-	SET_CURRENT_STRUCTURED_DATA_ID,
 	SET_CURRENT_STRUCTURED_DATA_CONTENTS,
-	SET_SCHEMA,
-	UPDATE_FORM,
+	SET_CURRENT_STRUCTURED_DATA_ID,
+	SET_ERRORS,
 	SET_FILTER,
+	SET_SCHEMA,
 	SET_SCHEMA_VERSION,
-	SET_ERRORS,
+	SET_STRUCTURED_DATA,
 	SET_VALIDATED,
-	SET_CONTENT_FILTERS,
-	SET_IS_IA_TRANSLATED,
-	SET_CURRENT_DATA_CATEGORY,
-	SET_CURRENT_SEARCH,
+	UPDATE_FORM,
 } from "./constants";
 
-import type {
-	IStructuredData,
-	IStructuredDataContent,
-	IErrorItem,
-	IStructuredDataCategory,
-	IQueryValue,
-} from "@ax/types";
-
 export interface ISetCategories {
 	type: typeof SET_CATEGORIES;
 	payload: { categories: { global: IStructuredData[]; site: IStructuredData[] } };
@@ -88,11 +87,6 @@ export interface ISetContentFilters {
 	payload: { contentFilters: Record<string, Record<string, IQueryValue[]>> | null };
 }
 
-export interface ISetIsIATranslated {
-	type: typeof SET_IS_IA_TRANSLATED;
-	payload: { isIATranslated: boolean };
-}
-
 export interface ISetCurrentSearch {
 	type: typeof SET_CURRENT_SEARCH;
 	payload: { currentSearch: string };

package/src/containers/StructuredData/reducer.tsx

@@ -1,28 +1,28 @@
 import type {
-	IStructuredData,
-	IStructuredDataContent,
 	IErrorItem,
-	IStructuredDataCategory,
 	IQueryValue,
+	IStructuredData,
+	IStructuredDataCategory,
+	IStructuredDataContent,
 } from "@ax/types";
+
 import {
+	CREATE_FORM,
 	SET_CATEGORIES,
-	SET_STRUCTURED_DATA,
+	SET_CONTENT_FILTERS,
+	SET_CURRENT_DATA_CATEGORY,
+	SET_CURRENT_SEARCH,
 	SET_CURRENT_STRUCTURED_DATA,
-	SET_CURRENT_STRUCTURED_DATA_ID,
 	SET_CURRENT_STRUCTURED_DATA_CONTENTS,
-	SET_SCHEMA,
-	CREATE_FORM,
-	UPDATE_FORM,
+	SET_CURRENT_STRUCTURED_DATA_ID,
 	SET_ENTITY,
+	SET_ERRORS,
 	SET_FILTER,
+	SET_SCHEMA,
 	SET_SCHEMA_VERSION,
-	SET_ERRORS,
+	SET_STRUCTURED_DATA,
 	SET_VALIDATED,
-	SET_CONTENT_FILTERS,
-	SET_IS_IA_TRANSLATED,
-	SET_CURRENT_DATA_CATEGORY,
-	SET_CURRENT_SEARCH,
+	UPDATE_FORM,
 } from "./constants";
 
 export interface IStructuredDataState {
@@ -41,7 +41,6 @@ export interface IStructuredDataState {
 	errors: IErrorItem[];
 	validated: boolean;
 	contentFilters: Record<string, Record<string, IQueryValue[]>> | null;
-	isIATranslated: boolean;
 	currentSearch: string;
 }
 
@@ -61,7 +60,6 @@ export const initialState = {
 	errors: [],
 	validated: false,
 	contentFilters: null,
-	isIATranslated: false,
 	currentSearch: "",
 };
 
@@ -82,7 +80,6 @@ export function reducer(state = initialState, action: any): IStructuredDataState
 		case SET_ERRORS:
 		case SET_VALIDATED:
 		case SET_CONTENT_FILTERS:
-		case SET_IS_IA_TRANSLATED:
 		case SET_CURRENT_SEARCH:
 			return { ...state, ...action.payload };
 		default: