Amazon payment fixes (#9562)

* Added custom amazon event, removed redundency, fixed variable names

* Fixed more variables and group plan data

website/client/components/payments/sendGemsModal.vue

@@ -5,7 +5,6 @@ b-modal#send-gems(:title="title", :hide-footer="true", size='lg')
       :class="gift.type === 'gems' ? 'panel-primary' : 'transparent'",
       @click='gift.type = "gems"'
     )
-      // @TODO the panel does not exists in Bootstrap 4
       h3.panel-heading.clearfix
         .float-right
           span(v-if='gift.gems.fromBalance') {{ $t('sendGiftGemsBalance', {number: userLoggedIn.balance * 4}) }}
@@ -51,26 +50,26 @@ b-modal#send-gems(:title="title", :hide-footer="true", size='lg')
 </template>
 
 <style lang="scss">
-.panel {
-  margin-bottom: 4px;
+  .panel {
+    margin-bottom: 4px;
+
+    &.transparent {
+      .panel-body {
+        opacity: 0.7;
+      }
+    }
+
+    .panel-heading {
+      margin-top: 8px;
+      margin-bottom: 5px;
+    }
 
-  &.transparent {
     .panel-body {
-      opacity: 0.7;
+      padding: 8px;
+      border-radius: 2px;
+      border: 1px solid #C3C0C7;
     }
   }
-
-  .panel-heading {
-    margin-top: 8px;
-    margin-bottom: 5px;
-  }
-
-  .panel-body {
-    padding: 8px;
-    border-radius: 2px;
-    border: 1px solid #C3C0C7;
-  }
-}
 </style>
 
 <script>