Store Premium Selection in ItemConfig

CruGlobal · Aug 16, 2021 · 854f2e3 · 854f2e3
1 parent 41098f3
commit 854f2e3
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/src/app/branded/branded-checkout.component.js b/src/app/branded/branded-checkout.component.js
@@ -49,6 +49,8 @@ class BrandedCheckoutController {
       this.fireAnalyticsEvents('contact', 'payment')
     }, angular.noop)
     this.$translate.use(this.language || 'en')
+
+    this.itemConfig = {}
   }
 
   formatDonorDetails () {

diff --git a/src/app/branded/branded-checkout.tpl.html b/src/app/branded/branded-checkout.tpl.html
@@ -20,7 +20,8 @@
           premium-name="$ctrl.premiumName"
           premium-image-url="$ctrl.premiumImageUrl"
           radio-station-api-url="$ctrl.radioStationApiUrl"
-          radio-station-radius="$ctrl.radioStationRadius">
+          radio-station-radius="$ctrl.radioStationRadius"
+          item-config="$ctrl.itemConfig">
         </branded-checkout-step-1>
         <branded-checkout-step-2
           ng-if="$ctrl.checkoutStep === 'review'"

diff --git a/src/app/branded/step-1/branded-checkout-step-1.component.js b/src/app/branded/step-1/branded-checkout-step-1.component.js
@@ -150,6 +150,14 @@ class BrandedCheckoutStep1Controller {
     }
   }
 
+  onSelectPremiumOption () {
+    if (this.premiumSelected) {
+      this.itemConfig['premium-code'] = this.premiumCode
+    } else {
+      this.itemConfig['premium-code'] = undefined
+    }
+  }
+
   checkSuccessfulSubmission () {
     if (every(this.submission, 'completed')) {
       if (every(this.submission, { error: false })) {
@@ -189,6 +197,7 @@ export default angular
       premiumName: '<',
       premiumImageUrl: '<',
       radioStationApiUrl: '<',
-      radioStationRadius: '<'
+      radioStationRadius: '<',
+      itemConfig: '='
     }
   })
diff --git a/src/app/branded/step-1/branded-checkout-step-1.tpl.html b/src/app/branded/step-1/branded-checkout-step-1.tpl.html
@@ -49,7 +49,8 @@ <h3 class="panel-name" translate>{{'PREMIUM'}}</h3>
                 type="radio"
                 name="premiumSelect"
                 ng-model="$ctrl.premiumSelected"
-                ng-value="true">
+                ng-value="true"
+                ng-change="$ctrl.onSelectPremiumOption()">
                 {{$ctrl.premiumName}}
             </label>
           </div>
@@ -59,7 +60,8 @@ <h3 class="panel-name" translate>{{'PREMIUM'}}</h3>
                 type="radio"
                 name="premiumSelect"
                 ng-model="$ctrl.premiumSelected"
-                ng-value="false">
+                ng-value="false"
+                ng-change="$ctrl.onSelectPremiumOption()">
                 <translate>{{'NO_THANK_YOU'}}</translate>
             </label>
           </div>