fix(admin-ui): Correct display of args input in PaymentMethodDetail

Fixes #489

packages/admin-ui/src/lib/core/src/common/utilities/configurable-operation-utils.ts

@@ -17,7 +17,7 @@ export function getConfigArgValue(value: any) {
 }
 
 export function encodeConfigArgValue(value: any): string {
-    return Array.isArray(value) ? JSON.stringify(value) : value.toString();
+    return Array.isArray(value) ? JSON.stringify(value) : (value ?? '').toString();
 }
 
 /**

packages/admin-ui/src/lib/settings/src/components/payment-method-detail/payment-method-detail.component.html

@@ -54,9 +54,9 @@
         >
             <div class="clr-col">
                 <label>{{ 'settings.payment-method-config-options' | translate }}</label>
-                <section class="form-block" *ngFor="let arg of paymentMethod.configArgs; index as i">
+                <section class="form-block" *ngFor="let arg of paymentMethod.definition.args; index as i">
                     <vdr-form-field
-                        [label]="arg.name"
+                        [label]="arg.label || arg.name"
                         [for]="arg.name"
                     >
                         <vdr-dynamic-form-input