[3096] Content-Create-Item: Added an identifier when user inputs meta…

src/apps/content-editor/src/app/components/Editor/Editor.js

@@ -42,6 +42,7 @@ export default memo(function Editor({
   modelZUID,
   onUpdateFieldErrors,
   fieldErrors,
+  metaData = undefined,
 }) {
   const dispatch = useDispatch();
   const isNewItem = itemZUID.slice(0, 3) === "new";
@@ -290,12 +291,14 @@ export default memo(function Editor({
               ?.slice(0, 160) || ""
           );
 
-          dispatch({
-            type: "SET_ITEM_WEB",
-            itemZUID,
-            key: "metaDescription",
-            value: cleanedValue,
-          });
+          if (!metaData?.metaDescription) {
+            dispatch({
+              type: "SET_ITEM_WEB",
+              itemZUID,
+              key: "metaDescription",
+              value: cleanedValue,
+            });
+          }
 
           if ("og_description" in metaFields) {
             dispatch({
@@ -317,7 +320,7 @@ export default memo(function Editor({
         }
       }
     },
-    [fieldErrors, metaFields]
+    [fieldErrors, metaFields, metaData]
   );
 
   const applyDefaultValuesToItemData = useCallback(() => {

src/apps/content-editor/src/app/views/ItemCreate/ItemCreate.tsx

@@ -86,6 +86,10 @@ export const ItemCreate = () => {
   const [SEOErrors, setSEOErrors] = useState<FieldErrors>({});
   const metaRef = useRef(null);
   const fieldErrorRef = useRef(null);
+  const [metaData, setMetaData] = useState({
+    metaDescription: item?.web?.metaDescription,
+    // metaTitle: item?.web?.metaTitle,
+  });
 
   const [
     createPublishing,
@@ -415,6 +419,12 @@ export const ItemCreate = () => {
                   isSaving={saving}
                   ref={metaRef}
                   errors={SEOErrors}
+                  onChange={(value: string, name: string) =>
+                    setMetaData((prev: any) => ({
+                      ...prev,
+                      [name]: value,
+                    }))
+                  }
                 />
               )}
               <Editor
@@ -436,6 +446,7 @@ export const ItemCreate = () => {
                 onUpdateFieldErrors={(errors: FieldErrors) => {
                   setFieldErrors(errors);
                 }}
+                metaData={metaData}
               />
               {model.type !== "block" && (
                 <Meta
@@ -445,6 +456,12 @@ export const ItemCreate = () => {
                   isSaving={saving}
                   ref={metaRef}
                   errors={SEOErrors}
+                  onChange={(value: string, name: string) =>
+                    setMetaData((prev: any) => ({
+                      ...prev,
+                      [name]: value,
+                    }))
+                  }
                 />
               )}
             </AIGeneratorProvider>

src/apps/content-editor/src/app/views/ItemEdit/Meta/index.tsx

@@ -105,9 +105,19 @@ type MetaProps = {
   onUpdateSEOErrors: (errors: Errors) => void;
   errors: Errors;
   errorComponent?: React.ReactNode;
+  onChange?: (value: string, name: string) => void;
 };
 export const Meta = forwardRef(
-  ({ isSaving, onUpdateSEOErrors, errors, errorComponent }: MetaProps, ref) => {
+  (
+    {
+      isSaving,
+      onUpdateSEOErrors,
+      errors,
+      errorComponent,
+      onChange,
+    }: MetaProps,
+    ref
+  ) => {
     const dispatch = useDispatch();
     const location = useLocation();
     const isCreateItemPage = location?.pathname?.split("/")?.pop() === "new";
@@ -204,7 +214,7 @@ export const Meta = forwardRef(
         }
 
         onUpdateSEOErrors(currentErrors);
-
+        onChange && onChange(value, name);
         dispatch({
           // The og_image is stored as an ordinary field item and not a SEO field item
           type: [...DYNAMIC_META_FIELD_NAMES, "og_image"].includes(name)