Enforcement of required billing info if payment gateways are selected #8779 (#8960)

* set isBillingInfoMandatory equal canPayByStripe

* format code

* disable isBillingInfoMandatory checkbox after checked

---------

Co-authored-by: Norbert Preining <[email protected]>

Author: leqtrungit

.gitignore

@@ -23,6 +23,8 @@ testem.log
 .idea
 .vscode
 .eslintcache
+.yarnrc
+.yarn
 
 /yarn-error.log
 

app/components/forms/wizard/basic-details-step.js

@@ -436,6 +436,10 @@ export default Component.extend(FormMixin, EventWizardMixin, {
   },
 
   actions: {
+    onStripeCheckboxChange() {
+      this.data.event.canPayByStripe = !this.data.event.canPayByStripe;
+      this.data.event.isBillingInfoMandatory = this.data.event.canPayByStripe;
+    },
     connectStripe() {
       this.torii.open('stripe')
         .then(authorization => {

app/services/l10n.js

@@ -76,12 +76,12 @@ export default class L10nService extends L10n {
     this.setLocale(locale);
     if (locale !== 'en') {
 
-      if(locale === 'zh_Hans') {
-        locale = 'zh-cn'
-      } else if(locale === 'zh_Hant') {
-        locale = 'zh-tw'
-      } else if(locale === 'nb_NO') {
-        locale = 'nb'
+      if (locale === 'zh_Hans') {
+        locale = 'zh-cn';
+      } else if (locale === 'zh_Hant') {
+        locale = 'zh-tw';
+      } else if (locale === 'nb_NO') {
+        locale = 'nb';
       }
 
       getScript(`/assets/moment-locales/${locale}.js`)

app/templates/components/forms/wizard/basic-details-step.hbs

@@ -591,7 +591,9 @@
             <Input
               @type="checkbox"
               @id="payment_by_stripe"
-              @checked={{this.data.event.canPayByStripe}} />
+              checked={{this.data.event.canPayByStripe}}
+              @change={{action "onStripeCheckboxChange"}}
+              />
             <label for="payment_by_stripe">
               <span>{{t 'YES, accept payment through Stripe'}}</span>
               <br>
@@ -724,6 +726,7 @@
               @type="checkbox"
               @id="billing_info_mandatory"
               @checked={{this.data.event.isBillingInfoMandatory}}
+              @disabled={{this.data.event.canPayByStripe}}
             />
             <label for="billing_info">
               {{t 'Require billing information from ticket buyer.'}}