fix(console): language editor form should be dirty on clear button clicked (#2037)

packages/console/src/pages/SignInExperience/components/ManageLanguageModal/LanguageEditor.tsx

@@ -66,6 +66,7 @@ const LanguageEditor = () => {
   const {
     handleSubmit,
     reset,
+    setValue,
     formState: { isSubmitting, isDirty, dirtyFields },
   } = formMethods;
 
@@ -159,7 +160,11 @@ const LanguageEditor = () => {
                       className={style.clearButton}
                       icon={<Delete />}
                       onClick={() => {
-                        reset(emptyUiTranslation);
+                        for (const [key, value] of Object.entries(
+                          flattenTranslation(emptyUiTranslation)
+                        )) {
+                          setValue(key, value, { shouldDirty: true });
+                        }
                       }}
                     />
                   </span>

packages/console/src/pages/SignInExperience/utilities.ts

@@ -110,14 +110,14 @@ export const flattenTranslation = (
     const unwrappedKey = `${prefix}${key}`;
     const unwrapped = translation[key];
 
-    return unwrapped
+    return unwrapped === undefined
-      ? {
+      ? result
+      : {
           ...result,
           ...(typeof unwrapped === 'string'
             ? { [unwrappedKey]: unwrapped }
             : flattenTranslation(unwrapped, unwrappedKey)),
-        }
+        };
-      : result;
   }, {});
 
 const emptyTranslation = (translation: Translation): Translation =>