🐛 Warn and remove unsupported formatter functions in input dialogs

Passing a function as a formatter is not supported in the app environment. Instead of stringifying the function, it is now removed and a warning is logged to the console to prevent unexpected behavior.

Author: Heiner Pöpping

src/types/IChaynsReact.ts

@@ -132,6 +132,11 @@ export interface DialogInput {
     placeholder?: string,
     inputType?: DialogInputType,
     defaultValue?: string,
+    /**
+     * Formats the input value shown in the dialog.
+     * Not supported in app environments due to security reasons.
+     * @param input
+     */
     formatter?: (input: string) => string,
     regex?: string
 }

src/wrapper/AppWrapper.ts

@@ -610,7 +610,8 @@ export class AppWrapper implements IChaynsReact {
         },
         createDialog: <I, R>(config: Dialog<I>) => {
             if (config.type === DialogType.INPUT && typeof config.formatter === 'function') {
-                config.formatter = config.formatter.toString();
+                console.warn('[chayns-api] passing a function as formatter is not supported in the app environment, the formatter will be ignored');
+                delete config.formatter;
             }
 
             return new DialogHandler<R>(config, this.functions.openDialog, this.functions.closeDialog, this.functions.dispatchEventToDialogClient, this.functions.addDialogClientEventListener);