fix-7984:Show test/live key of Stripe under Payments section (#8786)

Co-authored-by: cweitat <[email protected]>

Author: Hieu Lam - TMA

app/models/setting.js

@@ -52,6 +52,7 @@ export default ModelBase.extend({
   stripeTestClientId           : attr('string'),
   stripeTestSecretKey          : attr('string'),
   stripeTestPublishableKey     : attr('string'),
+  stripeMode                   : attr('string'),
   isAlipayActivated            : attr('boolean'),
   isPaypalActivated            : attr('boolean'),
   isStripeActivated            : attr('boolean'),

app/templates/components/forms/admin/settings/payment-gateway-form.hbs

@@ -22,15 +22,15 @@
     <h5 class="ui header">
       {{t 'Stripe Integration Mode'}}
     </h5>
-    {{#if (eq this.stripeMode 'debug')}}
-      <div class="field">
-        <UiRadio
-          @label={{t "Test mode - Used during development and testing"}}
-          @name="stripe_integration_mode"
-          @value="debug"
-          @current={{this.stripeMode}}
-          @onChange={{action (mut this.stripeMode)}} />
-      </div>
+    <div class="field">
+      <UiRadio
+        @label={{t "Test mode - Used during development and testing"}}
+        @name="stripe_integration_mode"
+        @value="debug"
+        @current={{this.settings.stripeMode}}
+        @onChange={{action (mut this.settings.stripeMode)}} />
+    </div>
+    {{#if (eq this.settings.stripeMode 'debug')}}
       <div class="field">
         <label>
           {{t 'Client Test ID'}}
@@ -71,16 +71,16 @@
           @value={{this.settings.stripeTestPublishableKey}} />
       </div>
     {{/if}}
-    {{#if (eq this.stripeMode 'production')}}
     <div class="ui hidden divider"></div>
     <div class="field">
       <UiRadio
         @label={{t "Live mode - Used during production"}}
         @name="stripe_integration_mode"
         @value="production"
-        @current={{this.stripeMode}}
-        @onChange={{action (mut this.stripeMode)}} />
+        @current={{this.settings.stripeMode}}
+        @onChange={{action (mut this.settings.stripeMode)}} />
     </div>
+    {{#if (eq this.settings.stripeMode 'production')}}
       <div class="field">
         <label>
           {{t 'Client ID'}}
@@ -456,4 +456,4 @@
   <button class="ui teal button" type="submit">
     {{t 'Save'}}
   </button>
-</form>
+</form>