Merge branch 'rc' into promo/cyber-month

src/renderer/locales/en.js

@@ -5700,7 +5700,8 @@ module.exports = {
         unlimited: 'Unlimited',
         desc1: 'You will be billed once only for this Lifetime Subscription.',
         desc2: 'Locker offers 30-day money back guarantee for any reason. Contact [email protected] to process the money back guarantee or for further support.',
-        choose_subscription: 'Choose a subscription'
+        choose_subscription: 'Choose a subscription',
+        discount_for_lifetime_premium: '-$69 for the upgrade from Lifetime Premium. <br/> Enter your Lifetime Premium email to apply the discount.'
       }
     },
     cyber_month: {

src/renderer/locales/vi.js

@@ -5544,7 +5544,8 @@ module.exports = {
         unlimited: 'Trọn đời',
         desc1: 'Bạn chỉ cần thanh toán một lần duy nhất một lần cho gói Đăng ký trọn đời này.',
         desc2: 'Locker đảm bảo hoàn lại tiền trong vòng 30 ngày kể từ ngày mua vì bất kỳ lý do gì. Hãy liên hệ [email protected] để tiến hành yêu cầu hoàn tiền hoặc để được hỗ trợ thêm.',
-        choose_subscription: 'Chọn gói đăng ký'
+        choose_subscription: 'Chọn gói đăng ký',
+        discount_for_lifetime_premium: '-$69 khi nâng cấp từ Lifetime Premium. <br/> Nhập email Lifetime Premium của bạn để áp dụng giảm giá.'
       }
     },
     cyber_month: {

src/renderer/pages/lifetime/index.vue

@@ -47,6 +47,25 @@
             </div>
             <!-- Choose subscription end -->
 
+            <!-- Discount from premium to family desc -->
+            <div v-if="selectedPlan === 'pm_lifetime_family'" class="mb-6">
+              <div class="relative px-5 py-1 max-w-[400px]">
+                <img
+                  src="~assets/images/landing/lifetime/subtract.png"
+                  class="absolute w-full h-full z-0 object-fill left-0 top-0"
+                >
+                <div class="z-10 relative">
+                  <p
+                    class="text-white italic text-xs text-center font-medium"
+                    v-html="
+                      $t('promo.lifetime.header.discount_for_lifetime_premium')
+                    "
+                  />
+                </div>
+              </div>
+            </div>
+            <!-- Discount from premium to family desc end -->
+
             <!-- Invoice -->
             <div class="mb-8">
               <div class="flex justify-between mb-3">
@@ -55,24 +74,23 @@
                   ${{ result.price | formatNumber }} {{ result.currency }}
                 </p>
               </div>
-              <div class="flex justify-between">
+
+              <div class="flex justify-between mb-3">
                 <p class="font-semibold">
                   {{ $t('promo.lifetime.header.duration') }}
                 </p>
                 <p class="text-right">
                   {{ $t('promo.lifetime.header.unlimited') }}
                 </p>
               </div>
+
               <hr class="border-black-100 my-6">
 
               <!-- Promo code -->
               <div class="mb-8">
-                <div
-                  v-if="result.discount && form.promo_code"
-                  class="flex justify-between"
-                >
+                <div v-if="result.discount" class="flex justify-between">
                   <p class="text-primary italic pr-2">
-                    {{ form.promo_code }}
+                    {{ form.promo_code || $t('common.discount') }}
                   </p>
 
                   <div class="text-right">
@@ -170,7 +188,11 @@
                 <span class="text-danger">*</span>
                 {{ needCreateAccount ? 'Email' : 'Locker Email' }}
               </p>
-              <el-input v-model="form.email" />
+              <el-input
+                v-model="form.email"
+                @blur="calcPriceWithEmail"
+                @keyup.native.enter="calcPriceWithEmail"
+              />
             </div>
 
             <template v-if="needCreateAccount">
@@ -458,6 +480,12 @@ export default {
       }
     },
 
+    calcPriceWithEmail () {
+      if (this.validateEmail(this.form.email)) {
+        this.calcPrice()
+      }
+    },
+
     goToLogin () {
       this.$router.push('/vault')
     },
@@ -473,7 +501,8 @@ export default {
         .$post(url, {
           plan_alias: this.selectedPlan,
           promo_code: this.form.promo_code,
-          currency: 'USD'
+          currency: 'USD',
+          email: this.form.email
         })
         .then(res => {
           this.result = res