prettify json (#87612)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/policy_json_flyout.tsx

@@ -32,6 +32,19 @@ interface Props {
   policyName: string;
 }
 
+/**
+ * Ensure that the JSON we get from the from has phases in the correct order.
+ */
+const prettifyFormJson = (policy: SerializedPolicy): SerializedPolicy => ({
+  ...policy,
+  phases: {
+    hot: policy.phases.hot,
+    warm: policy.phases.warm,
+    cold: policy.phases.cold,
+    delete: policy.phases.delete,
+  },
+});
+
 export const PolicyJsonFlyout: React.FunctionComponent<Props> = ({ policyName, close }) => {
   /**
    * policy === undefined: we are checking validity
@@ -46,7 +59,7 @@ export const PolicyJsonFlyout: React.FunctionComponent<Props> = ({ policyName, c
   const updatePolicy = useCallback(async () => {
     setPolicy(undefined);
     if (await validateForm()) {
-      setPolicy(getFormData() as SerializedPolicy);
+      setPolicy(prettifyFormJson(getFormData()));
     } else {
       setPolicy(null);
     }