Fix gateway component lint formatting

Author: roncodes

addon/components/gateway/details.js

@@ -117,6 +117,42 @@ export default class GatewayDetailsComponent extends Component {
         return this.diagnosticSummary.last_test_order_id;
     }
 
+    get credentialTileValue() {
+        if (this.credentialStatus === 'success' || this.credentialStatus === 'ok') {
+            return 'Verified';
+        }
+
+        if (this.credentialStatus === 'failed') {
+            return 'Failed';
+        }
+
+        return 'Not Checked';
+    }
+
+    get credentialAccentClass() {
+        if (this.credentialStatus === 'success' || this.credentialStatus === 'ok') {
+            return 'ledger-gateway-kpi-accent-green';
+        }
+
+        if (this.credentialStatus === 'failed') {
+            return 'ledger-gateway-kpi-accent-rose';
+        }
+
+        return 'ledger-gateway-kpi-accent-slate';
+    }
+
+    get webhookRegistrationResultMessage() {
+        if (this.lastWebhookRegistrationAt) {
+            return 'Provider webhook registration completed.';
+        }
+
+        if (this.webhookStatus === 'configured') {
+            return 'Webhook URL is configured, but no registration action has been recorded.';
+        }
+
+        return 'No provider webhook registration stored.';
+    }
+
     get readinessItems() {
         return [
             {
@@ -145,16 +181,11 @@ export default class GatewayDetailsComponent extends Component {
             },
             {
                 label: 'Credentials',
-                value: this.credentialStatus === 'success' || this.credentialStatus === 'ok' ? 'Verified' : this.credentialStatus === 'failed' ? 'Failed' : 'Not Checked',
+                value: this.credentialTileValue,
                 status: this.credentialStatus,
                 icon: 'key',
                 caption: this.lastCredentialTestedAt ? 'Last provider auth test' : 'Run a provider check',
-                accentClass:
-                    this.credentialStatus === 'success' || this.credentialStatus === 'ok'
-                        ? 'ledger-gateway-kpi-accent-green'
-                        : this.credentialStatus === 'failed'
-                          ? 'ledger-gateway-kpi-accent-rose'
-                          : 'ledger-gateway-kpi-accent-slate',
+                accentClass: this.credentialAccentClass,
             },
         ];
     }
@@ -307,11 +338,7 @@ export default class GatewayDetailsComponent extends Component {
             },
             {
                 label: 'Webhook registration',
-                value: this.lastWebhookRegistrationAt
-                    ? 'Provider webhook registration completed.'
-                    : this.webhookStatus === 'configured'
-                      ? 'Webhook URL is configured, but no registration action has been recorded.'
-                      : 'No provider webhook registration stored.',
+                value: this.webhookRegistrationResultMessage,
                 date: this.lastWebhookRegistrationAt,
                 status: this.lastWebhookRegistrationAt ? 'success' : 'warning',
             },

addon/components/gateway/form.js

@@ -190,7 +190,7 @@ export default class GatewayFormComponent extends Component {
         // When bound via {{on "input" (fn this.updateConfigField field.key)}} the second
         // argument is a DOM InputEvent, not the raw string value.  Extract the actual
         // value from event.target.value in that case so credentials are stored correctly.
-        const resolvedValue = value instanceof Event ? (value.target?.value ?? value) : (value?.value ?? value);
+        const resolvedValue = this.resolveFieldValue(value);
         this.configValues = { ...this.configValues, [key]: resolvedValue };
         // Persist config back to the resource
         this.args.resource.set?.('config', { ...this.configValues });
@@ -216,10 +216,18 @@ export default class GatewayFormComponent extends Component {
     }
 
     @action setResourceField(field, value) {
-        const resolvedValue = value instanceof Event ? (value.target?.value ?? value) : (value?.value ?? value);
+        const resolvedValue = this.resolveFieldValue(value);
         this.args.resource?.set?.(field, resolvedValue);
     }
 
+    resolveFieldValue(value) {
+        if (value instanceof Event) {
+            return value.target?.value ?? value;
+        }
+
+        return value?.value ?? value;
+    }
+
     @action goToStep(index) {
         this.activeStep = index;
     }