add stringify for custom idp (#22699)

js/apps/admin-ui/src/components/multi-line-input/MultiLineInput.tsx

@@ -44,12 +44,18 @@ export const MultiLineInput = ({
   });
 
   const fields = useMemo<string[]>(() => {
-    let values = stringify ? stringToMultiline(value as string) : value;
+    let values = stringify
+      ? stringToMultiline(
+          Array.isArray(value) && value.length === 1 ? value[0] : value,
+        )
+      : value;
 
     values =
       Array.isArray(values) && values.length !== 0
         ? values
-        : defaultValue || [""];
+        : (stringify
+            ? stringToMultiline(defaultValue as string)
+            : defaultValue) || [""];
 
     return values;
   }, [value]);

js/apps/admin-ui/src/identity-providers/add/AddIdentityProvider.tsx

@@ -92,7 +92,10 @@ export default function AddIdentityProvider() {
           <FormProvider {...form}>
             <GeneralSettings id={providerId} />
             {providerInfo && (
-              <DynamicComponents properties={providerInfo.properties} />
+              <DynamicComponents
+                stringify
+                properties={providerInfo.properties}
+              />
             )}
           </FormProvider>
           <ActionGroup>

js/apps/admin-ui/src/identity-providers/add/DetailSettings.tsx

@@ -340,7 +340,10 @@ export default function DetailSettings() {
             <>
               <GeneralSettings create={false} id={alias} />
               {providerInfo && (
-                <DynamicComponents properties={providerInfo.properties} />
+                <DynamicComponents
+                  stringify
+                  properties={providerInfo.properties}
+                />
               )}
             </>
           )}