@hulkapps/app-manager-vue 2.3.7 → 2.4.0

package/dist/app-manager-vue.esm.js

@@ -23069,7 +23069,6 @@ var script$R = {
   },
 
   created() {
-    console.log(Object.keys(this.translations).length);
     Vue.prototype.$translations = Object.keys(this.translations).length > 0 ? this.translations : {};
 
     if (this.base_url != null) {
@@ -23120,7 +23119,7 @@ var __vue_staticRenderFns__$P = [];
 const __vue_inject_styles__$R = undefined;
 /* scoped */
 
-const __vue_scope_id__$R = "data-v-22268f0c";
+const __vue_scope_id__$R = "data-v-c95cb6d6";
 /* module identifier */
 
 const __vue_module_identifier__$R = undefined;
@@ -41655,6 +41654,7 @@ var script$2 = {
     return {
       plan: {},
       plans: [],
+      promotional_discount: [],
       features: [],
       featureValues: [],
       featuresByGroup: [],
@@ -41795,6 +41795,14 @@ var script$2 = {
       }
     },
 
+    calculatePromotionalDiscountedPrice(plan, promotional_discount) {
+      if (promotional_discount.type === 'percentage') {
+        return plan.price - plan.price * promotional_discount.value / 100;
+      } else if (promotional_discount.type === 'amount') {
+        return plan.price - promotional_discount.value;
+      }
+    },
+
     headerClasses(firstColumn) {
       return {
         'Polaris-DataTable__Cell': true,
@@ -41924,6 +41932,7 @@ var script$2 = {
         this.choose_later = data.choose_later;
         this.onboard = this.default_plan_id && this.choose_later;
         this.has_active_charge = data.has_active_charge;
+        this.promotional_discount = data.promotional_discount !== undefined ? data.promotional_discount : [];
       }
     },
 
@@ -42180,6 +42189,37 @@ var __vue_render__$2 = function () {
         "margin-top": "3px",
         "font-size": "14px"
       }
+    }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.value > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "10px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "25px",
+        "font-weight": "700"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "5px",
+        "font-size": "17px"
+      }
+    }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1), _vm._v(" "), _c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "7px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "18px",
+        "font-weight": "500",
+        "text-decoration": "line-through"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "3px",
+        "font-size": "14px"
+      }
     }, [_vm._v("/" + _vm._s(_vm.translateMe("mo")))])], 1)]) : _c('div', [_c('p', {
       staticStyle: {
         "display": "flex",
@@ -42256,6 +42296,37 @@ var __vue_render__$2 = function () {
         "margin-top": "3px",
         "font-size": "14px"
       }
+    }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.value > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "10px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "25px",
+        "font-weight": "700"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "5px",
+        "font-size": "17px"
+      }
+    }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1), _vm._v(" "), _c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "7px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "18px",
+        "font-weight": "500",
+        "text-decoration": "line-through"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "3px",
+        "font-size": "14px"
+      }
     }, [_vm._v("/" + _vm._s(_vm.translateMe("year")))])], 1)]) : _c('div', [_c('p', {
       staticStyle: {
         "display": "flex",
@@ -42381,7 +42452,7 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-c3394e36_0", {
+  inject("data-v-8dc2525e_0", {
     source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-5a078dbb],.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-7d902277]{float:none}.app-manager .app-manager-plan-page .active{background:#f0f8f5}.app-manager .app-manager-plan-page .plan-table td:last-child>[data-v-0d1b0d63]{float:none}.app-manager .app-manager-plan-page .plan-table td{border:.01px solid #ececee!important;border-collapse:collapse!important}.app-manager .app-manager-plan-page .plan-table .Polaris-DataTable__ScrollContainer{border-radius:12px;overflow:visible}.app-manager .app-manager-plan-page .plan-table table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table{border-collapse:collapse!important}.app-manager .app-manager-plan-page .custom-plan table thead .first-column{border-radius:12px 0 0 0;border-top:0!important;border-left:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading.last-column{text-align:left!important;border-radius:0 12px 0 0;border-top:0!important}.app-manager .app-manager-plan-page .custom-plan table thead .plan-heading{background-color:#fff;box-shadow:rgba(23,24,24,.05) 1px 0 8px,rgba(0,0,0,.15) 0 0 2px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child{background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);border-radius:12px 0 0 0;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:first-child:last-child){background-color:#fff;box-shadow:0 0 5px rgba(23,24,24,.05),0 1px 2px rgba(0,0,0,.15);overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){background-color:#fff;overflow:hidden}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:nth-last-child(2)){border-bottom:0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{border-bottom:0;background-color:transparent!important;box-shadow:none!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:not(:last-child){pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table thead tr td{pointer-events:none}.app-manager .app-manager-plan-page .custom-plan table tbody tr:first-child td:first-child{overflow:hidden;border-radius:12px 0 0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2){overflow:hidden;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:first-child{overflow:hidden;border-bottom:0!important;border-radius:0 0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr:nth-last-child(2) td:last-child{overflow:hidden;border-radius:0 0 12px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:first-child{border-left:0!important;border-top:0!important;padding-left:20px}.app-manager .app-manager-plan-page .custom-plan table tbody tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table thead tr td:last-child{border-right:0!important;border-bottom:0!important;text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody td:not(:first-child){text-align:center!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:last-child{background:0 0;border-radius:0 0 12px 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:hover{border:0!important;background:0 0}.app-manager .app-manager-plan-page .custom-plan tbody tr:last-child td.Polaris-DataTable__Cell--verticalAlignTop{background:0 0!important}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child{background:0 0;opacity:1}.app-manager .app-manager-plan-page .custom-plan table tbody tr:last-child td:first-child{visibility:hidden}.app-manager .app-manager-plan-page .plan-heading{padding-top:30px}.app-manager .app-manager-plan-page .custom-plan .Polaris-Layout__Section{max-width:calc(100% - 2rem)!important}.app-manager .app-manager-plan-page .later-link{text-align:center;clear:both;padding-top:15px}.app-manager .app-manager-plan-page .plan-badge ul{text-align:center;padding-top:2rem;border-top:.1rem solid #e1e3e5}.app-manager .app-manager-plan-page .plan-badge ul li{list-style:none;display:inline-block;padding-right:25px}.app-manager .app-manager-plan-page .plan-badge ul li img{max-width:133px}.app-manager .app-manager-plan-page .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page.custom-title .Polaris-HorizontalDivider{background-color:#e2e3e4}.app-manager .app-manager-plan-page .Polaris-Page__Content hr{border:1px solid #e2e3e4}.app-manager .app-manager-plan-page .app-manager-group-row{background:0 0!important;padding:16px 16px 16px 20px!important}.app-manager .app-manager-plan-page .feature__type__array{vertical-align:middle!important;word-spacing:999px;white-space:pre-line!important}.app-manager .app-manager-plan-page .Polaris-DataTable__Table{table-layout:fixed!important}.app-manager .app-manager-plan-page td{vertical-align:middle!important}.app-manager .app-manager-plan-page td.feature__class{word-wrap:break-word!important;white-space:normal!important}.app-manager .app-manager-plan-page .light-green-cell{background-color:#f0f8f5;color:#257f60}.app-manager .app-manager-plan-page .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.app-manager .app-manager-plan-page .custom-choose-button:hover{background:#006e52;border-color:transparent;color:#fff}",
     map: undefined,
     media: undefined
@@ -42456,6 +42527,7 @@ var script$1 = {
       planLoading: false,
       plan: {},
       plans: [],
+      promotional_discount: [],
       features: [],
       featureValues: [],
       shopify_plan: '',
@@ -42628,6 +42700,14 @@ var script$1 = {
       }
     },
 
+    calculatePromotionalDiscountedPrice(plan, promotional_discount) {
+      if (promotional_discount.type === 'percentage') {
+        return plan.price - plan.price * promotional_discount.value / 100;
+      } else if (promotional_discount.type === 'amount') {
+        return plan.price - promotional_discount.value;
+      }
+    },
+
     async getPlanUrl(plan) {
       let shopName = this.shop.name;
       let host = this.host;
@@ -42794,6 +42874,7 @@ var script$1 = {
         this.choose_later = data.choose_later;
         this.onboard = this.default_plan_id && this.choose_later;
         this.has_active_charge = data.has_active_charge;
+        this.promotional_discount = data.promotional_discount !== undefined ? data.promotional_discount : [];
       }
     },
 
@@ -43143,6 +43224,37 @@ var __vue_render__$1 = function () {
         "margin-top": "3px",
         "font-size": "14px"
       }
+    }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1)]) : _vm.promotional_discount && _vm.promotional_discount.value > 0 && !_vm.isCurrentPlan(plan) ? _c('div', [_c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "10px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "25px",
+        "font-weight": "700"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(_vm.calculatePromotionalDiscountedPrice(plan, _vm.promotional_discount)).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "5px",
+        "font-size": "17px"
+      }
+    }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1), _vm._v(" "), _c('p', {
+      staticStyle: {
+        "display": "flex",
+        "margin-top": "7px"
+      }
+    }, [_c('PHeading', {
+      staticStyle: {
+        "font-size": "18px",
+        "font-weight": "500",
+        "text-decoration": "line-through"
+      }
+    }, [_vm._v("$" + _vm._s(parseFloat(plan.price).toFixed(2)))]), _vm._v(" "), _c('b', {
+      staticStyle: {
+        "margin-top": "3px",
+        "font-size": "14px"
+      }
     }, [_vm._v("/" + _vm._s(_vm.translateMe(_vm.selectedPlan === 'monthly' ? "mo" : "year")))])], 1)]) : _c('div', [_c('b', {
       staticStyle: {
         "font-size": "16px"
@@ -43242,7 +43354,7 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-da83e8fc_0", {
+  inject("data-v-35e01006_0", {
     source: "@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.app-manager .app-manager-plan-page-slider ul{list-style:none;margin:0;padding:0}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li,.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li,.app-manager .app-manager-plan-page-slider .plan__price{padding:16px 16px 16px 20px}.app-manager .app-manager-plan-page-slider .Polaris-Layout.custom-plan .VueCarousel .plan__price,.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:not(:last-child),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li{border-right:none;border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-Layout__Section .VueCarousel-slide li:nth-last-child(2),.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom:1px solid #ddd}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:first-child{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .Polaris-ResourceList__ResourceListWrapper.features li:last-child{border-bottom-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide ul li:not(:last-child){border-left:1px solid #ddd}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide .plan__price{border-left:1px solid #ddd;box-shadow:none;border-top-left-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide ul li:nth-last-child(2){border-bottom-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide .plan__price{border-right:1px solid #ddd;box-shadow:none;border-top-right-radius:12px;overflow:hidden}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.last-slide{border-top-right-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel-inner .VueCarousel-slide.first-slide{border-top-left-radius:12px}.app-manager .app-manager-plan-page-slider .VueCarousel .VueCarousel-inner li{text-align:center}.app-manager .app-manager-plan-page-slider .VueCarousel-navigation-button{color:#257f60}.app-manager .app-manager-plan-page-slider .btn-group .Polaris-ButtonGroup__Item{margin-left:0!important;z-index:unset!important}.app-manager .app-manager-plan-page-slider .feature__list,.app-manager .app-manager-plan-page-slider .feature__type__array{display:flex;align-items:center;word-spacing:999px;justify-content:center}.app-manager .app-manager-plan-page-slider .feature__type__array.feature__class{justify-content:left}.app-manager .app-manager-plan-page-slider .plan-heading b{overflow-wrap:break-word;word-wrap:break-word;white-space:initial}.app-manager .app-manager-plan-page-slider .custom-choose-button:hover{background:#006e52;border-color:transparent;color:#fff}",
     map: undefined,
     media: undefined