hunk.code_window:   const formData = getFormValues(DATASOURCE_SAAS_FORM)(state) as Datasource;
     const pluginId = _.get(datasource, "pluginId", "");
     const plugin = getPlugin(state, pluginId);
     const formConfig = formConfigs[pluginId];
     const initialValues = {};
     if (!!datasource) {
       merge(initialValues, datasource);
     }
     // We have to also merge the current formValue state here since we don't directly mutate the datasource when a form field changes
     // Hence, the updated values are in the redux-form state and hence have to be merged to the initial values in the case of a re-render
     if (formData) {
       merge(initialValues, formData);
     }
  
hunk.labels: keep keep keep keep keep replace replace replace replace replace replace replace keep keep
hunk.after_edit:   if (formConfig) {
       merge(initialValues, getConfigInitialValues(formConfig));
  
hunk.file_path: app/client/src/pages/Editor/SaaSEditor/DatasourceForm.tsx
hunk.type: replace
file: {
    "color": {
      "bg": {
        "value": "#f9fafe",
        "type": "color"
      },
      "bg-accent": {
        "value": "#553de9",
        "type": "color"
      },
      "bg-accent-hover": {
        "value": "#5c48f4",
        "type": "color"
      },
      "bg-accent-active": {
        "value": "#5033e1",
        "type": "color"
      },
      "bg-accent-subtle-hover": {
        "value": "#e7ddff",
        "type": "color"
      },
      "bg-accent-subtle-active": {
        "value": "#bbaee2",
        "type": "color"
      },
      "fg": {
        "value": "#040411",
        "type": "color"
      },
      "fg-accent": {
        "value": "#553de9",
        "type": "color"
      },
      "fg-on-accent": {
        "value": "#f8f9ff",
        "type": "color"
      },
      "fg-negative": {
        "value": "#d91921",
        "type": "color"
      },
      "bd-accent": {
        "value": "#553de9",
        "type": "color"
      },
      "bd-neutral": {
        "value": "#63646e",
        "type": "color"
      },
      "bd-neutral-hover": {
        "value": "#6c6d77",
        "type": "color"
      },
      "bd-focus": {
        "value": "#7b6200",
        "type": "color"
      },
      "bd-negative": {
        "value": "#d91921",
        "type": "color"
      },
      "bd-negative-hover": {
        "value": "#b90707",
        "type": "color"
      }
    },
    "sizing": {
      "root-unit": {
        "value": "4px",
        "type": "sizing"
      }
    },
    "spacing": {
      "0": {
        "value": "0px",
        "type": "spacing"
      },
      "1": {
        "value": "4px",
        "type": "spacing"
      },
      "2": {
        "value": "8px",
        "type": "spacing"
      },
      "3": {
        "value": "12px",
        "type": "spacing"
      },
      "4": {
        "value": "16px",
        "type": "spacing"
      },
      "5": {
        "value": "20px",
        "type": "spacing"
      }
    },
    "borderRadius": {
      "1": {
        "value": "0px",
        "type": "borderRadius"
      }
    },
    "boxShadow": {
      "1": {
        "value": "0 0 0 0 rgba(0, 0, 0, 0.2)",
        "type": "boxShadow"
      }
    },
    "borderWidth": {
      "1": {
        "value": "1px",
        "type": "borderWidth"
      }
    },
    "opacity": {
      "disabled": {
        "value": 0.3,
        "type": "opacity"
      }
    }
  }
  