{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_array-methods.js","webpack:///./src/components/Modal/Component/confirmmodal2.vue?497b","webpack:///./src/module/Account/SelectPackage/components/SaveFlag.vue?c857","webpack:///./src/module/Account/SelectPackage/components/ComparePackage.vue?cd71","webpack:///./node_modules/core-js/modules/es6.array.find.js","webpack:///./src/module/Account/SelectPackage/Package.vue?f198","webpack:///./src/module/Account/SelectPackage/Package.vue?cf62","webpack:///./src/module/Account/SelectPackage/components/ComparePackage.vue?1a3d","webpack:///./src/module/Account/SelectPackage/components/SaveFlag.vue?72e9","webpack:///src/module/Account/SelectPackage/components/SaveFlag.vue","webpack:///./src/module/Account/SelectPackage/components/SaveFlag.vue?5f8c","webpack:///./src/module/Account/SelectPackage/components/SaveFlag.vue","webpack:///src/module/Account/SelectPackage/components/ComparePackage.vue","webpack:///./src/module/Account/SelectPackage/components/ComparePackage.vue?7174","webpack:///./src/module/Account/SelectPackage/components/ComparePackage.vue","webpack:///./src/module/Account/SelectPackage/components/SelectPackage.vue?3559","webpack:///src/module/Account/SelectPackage/components/SelectPackage.vue","webpack:///./src/module/Account/SelectPackage/components/SelectPackage.vue?6f86","webpack:///./src/module/Account/SelectPackage/components/SelectPackage.vue","webpack:///./src/module/Account/SelectPackage/components/PackageExpire.vue?f734","webpack:///src/module/Account/SelectPackage/components/PackageExpire.vue","webpack:///./src/module/Account/SelectPackage/components/PackageExpire.vue?6940","webpack:///./src/module/Account/SelectPackage/components/PackageExpire.vue","webpack:///src/module/Account/SelectPackage/Package.vue","webpack:///./src/module/Account/SelectPackage/Package.vue?8a74","webpack:///./src/module/Account/SelectPackage/Package.vue","webpack:///./node_modules/core-js/modules/_array-species-create.js","webpack:///./src/module/Account/SelectPackage/components/PackageExpire.vue?43a9","webpack:///./src/components/Modal/Component/confirmmodal2.vue?d198","webpack:///src/components/Modal/Component/confirmmodal2.vue","webpack:///./src/components/Modal/Component/confirmmodal2.vue?0ae4","webpack:///./src/components/Modal/Component/confirmmodal2.vue","webpack:///./src/module/Account/SelectPackage/components/SelectPackage.vue?921e","webpack:///./node_modules/core-js/modules/_array-species-constructor.js"],"names":["ctx","IObject","toObject","toLength","asc","module","exports","TYPE","$create","IS_MAP","IS_FILTER","IS_SOME","IS_EVERY","IS_FIND_INDEX","NO_HOLES","create","$this","callbackfn","that","val","res","O","self","f","length","index","result","undefined","push","$export","$find","KEY","forced","Array","P","F","find","this","arguments","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","isHideMenu","errorMessege","_e","isCorporateExpired","packageData","crmPackage","PackageId","IsStandardPackage","isNonStandard","on","$event","selectedPackage","compareData","goShopping","reDirectModal","isOpenModal","modalType","title","details","showbackto","backto","confirm","onConfirm","onCancel","staticRenderFns","_v","_s","lbl","style","PackageFeatures","_l","topic","key","PackageName","formatNumber","MonthlyPrice","MonthlyCampaignId","featureGroupItem","FeatureGroupId","FeatureGroupName","featureItem","FeatureId","FeatureName","item","mapFeature","Features","packageItem","YearlyPrice","Object","keys","YearlyCampaignId","flagColor","name","props","type","default","component","mixins","components","SaveFlag","data","methods","Account","class","isMonthly","clickMonthly","clickYearly","free","promotion","MonthlyOriginalPrice","YearlyOriginalPrice","displayUnit","FratureId","IconUrl","displayFreeDetail","IsFreeTrial","isUserPackageStandard","packageObj","Header","SelectPackage","ComparePackage","ReDirectModal","PackageExpire","isError","businessName","watch","$route","configSelfOnBoard","parse","query","checking","then","changepackage","created","isWelcomeBack","init","Promise","checkRedirect","setTimeout","getPackage","BzbsPackage","resolve","catch","getComparePackage","value","selectedFreetrail","id","qty","BzbsCart","goShoppingCart","return_url","success_url","handleError","window","speciesConstructor","original","fontSize","banner","domProps","_t","disabledConfirm","isObject","isArray","SPECIES","C","constructor","prototype"],"mappings":"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aACAI,UACAC,WACAF,cACAG,eACAC,cACAR,gBAEAqE,gBACApF,cACAK,gBACAG,iBACAL,wBAGAkF,OACAC,mBAAA,WACA,oBACA,0BACA,yBACA,SACA,IACA,wDAEAC,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,IACA,uBACAzB,iDACA,oBACA,sBACA,uBACA,UACAjF,MACAuE,eACAqC,OAAAC,eAEAC,iBACA,kBAGA,eACA,6BACA,gBACAvC,iBACAqC,OAAAG,oBAGA,gBACAxC,mBAIA,gBAAAA,yBAIA,gBAAAA,sBAGA,2BAKAyC,mBAAA,WACA,gDACA,kEACA,mCACA,qDAEA,qBAGA,SACA,IACA,wDAEAN,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,IACA,gCACA,uBACAzB,iDACA,oBACA,sBACA,uBACA,gBACAV,eACAqC,OAAAC,eAGA,eACA,6BACA,gBACAtC,iBACAqC,OAAAG,oBAGA,gBACAxC,mBAIA,gBAAAA,yBAIA,6BACA,gBACAA,iBACAqC,OAAAG,oBAGA,gBACAxC,sBAKA,wBACA,8BACAU,iDACA,uBACA,yBAcA,6BACA,gBACAV,iBACAqC,OAAAG,iBAAAE,oBAGA,gBACA1C,iBACAqC,OAAAK,yBAQAhC,4BACA,sBACA,gBACA,eACA,WAEA,sBACA,sBACA,gBACA,eACA,KACA,WAEA,sBACA,aAEAD,SACAkC,gBACA,2BACA,yCACA,kBACA,mCACA,oBAEA,mBACA,yCACA,8BAKAC,+DACA,uBAGAC,yBAAA,WACA,KACA,IACA,wDAEAV,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,+BACAzB,iDACA,oBACA,uBACA,wBAqBAoC,uBACA,sBACA,4CACA,0DACA,oCACA,+BACA,4BACA,8BACA,6BACA,qCACA,+BACA,gBAAA9C,oBAEA,oCACA,kCAEA,SAKA+C,sBAAA,WAEA,OADA,uBACA,6DACA,yBACAC,uBACAT,kBACA,qBAEAU,aAEAC,mBAEA,oBACA,aACA,6CACAD,WAIA,yBACAD,kCACAT,kBACA,mBACA,0DAE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","file":"js/chunk-7fdd1348.js","sourcesContent":["// 0 -> Array#forEach\n// 1 -> Array#map\n// 2 -> Array#filter\n// 3 -> Array#some\n// 4 -> Array#every\n// 5 -> Array#find\n// 6 -> Array#findIndex\nvar ctx = require('./_ctx');\nvar IObject = require('./_iobject');\nvar toObject = require('./_to-object');\nvar toLength = require('./_to-length');\nvar asc = require('./_array-species-create');\nmodule.exports = function (TYPE, $create) {\n  var IS_MAP = TYPE == 1;\n  var IS_FILTER = TYPE == 2;\n  var IS_SOME = TYPE == 3;\n  var IS_EVERY = TYPE == 4;\n  var IS_FIND_INDEX = TYPE == 6;\n  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;\n  var create = $create || asc;\n  return function ($this, callbackfn, that) {\n    var O = toObject($this);\n    var self = IObject(O);\n    var f = ctx(callbackfn, that, 3);\n    var length = toLength(self.length);\n    var index = 0;\n    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;\n    var val, res;\n    for (;length > index; index++) if (NO_HOLES || index in self) {\n      val = self[index];\n      res = f(val, index, O);\n      if (TYPE) {\n        if (IS_MAP) result[index] = res;   // map\n        else if (res) switch (TYPE) {\n          case 3: return true;             // some\n          case 5: return val;              // find\n          case 6: return index;            // findIndex\n          case 2: result.push(val);        // filter\n        } else if (IS_EVERY) return false; // every\n      }\n    }\n    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;\n  };\n};\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./confirmmodal2.vue?vue&type=style&index=0&id=b5943d36&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SaveFlag.vue?vue&type=style&index=0&id=1bfaeaa8&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComparePackage.vue?vue&type=style&index=0&id=52343f25&lang=scss&scoped=true&\"","'use strict';\n// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(5);\nvar KEY = 'find';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Package.vue?vue&type=style&index=0&id=ea437038&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('Header',{attrs:{\"is-hide-menu\":_vm.isHideMenu,\"is-hide-user\":_vm.isHideMenu}}),(_vm.isError)?_c('a-alert',{attrs:{\"type\":\"error\",\"message\":\"Error\",\"description\":_vm.errorMessege,\"showIcon\":\"\"}}):_vm._e(),_c('div',{staticClass:\"package-page-wrapper\"},[(!_vm.isCorporateExpired)?_c('SelectPackage',{attrs:{\"package-data\":_vm.packageData,\"is-user-package-standard\":!_vm.crmPackage.PackageId || _vm.crmPackage.IsStandardPackage,\"is-non-standard\":_vm.isNonStandard},on:{\"selectedPackage\":function($event){return _vm.selectedPackage($event)}}}):_vm._e(),(\n        (!_vm.crmPackage.PackageId || _vm.crmPackage.IsStandardPackage) &&\n        !_vm.isCorporateExpired\n      )?_c('ComparePackage',{attrs:{\"compare-data\":_vm.compareData},on:{\"goShopping\":function($event){return _vm.goShopping($event)}}}):_vm._e(),(_vm.isCorporateExpired)?_c('PackageExpire'):_vm._e()],1),_c('ReDirectModal',{attrs:{\"isOpenModal\":_vm.reDirectModal.isOpenModal,\"modalType\":_vm.reDirectModal.modalType,\"title\":_vm.reDirectModal.title,\"details\":_vm.reDirectModal.details,\"showbackto\":_vm.reDirectModal.showbackto,\"backto\":_vm.reDirectModal.backto,\"confirm\":_vm.reDirectModal.confirm,\"onConfirm\":_vm.reDirectModal.onConfirm,\"onCancel\":_vm.reDirectModal.onCancel,\"fontSize\":'20'}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"compare-package-wrapper\"},[_c('h1',{staticClass:\"toppic-text\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-compare-package-title'])+\" \")]),_c('section',{staticClass:\"compare-table-container\"},[(_vm.compareData.PackageFeatures)?_c('div',{staticClass:\"compare-container\",style:((\"grid-template-columns: repeat(\" + (_vm.compareData.PackageFeatures.length + 1) + \", 1fr)\"))},[_c('div',{staticClass:\"features-topic\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-feature-title'])+\" \")]),_vm._l((_vm.compareData.PackageFeatures),function(topic){return _c('section',{key:(\"topic-\" + (topic.PackageId)),staticClass:\"package-topic\"},[_c('div',{staticClass:\"package-topic-text\"},[_c('div',{staticClass:\"package-name-container\"},[_c('span',{staticClass:\"package-name\"},[_vm._v(\" \"+_vm._s(topic.PackageName)+\" \")]),(topic.IsRecommended)?_c('div',{staticClass:\"package-recommended\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-recommended-text'])+\" \")]),_c('img',{attrs:{\"src\":require(\"@/assets/images/shield.svg\"),\"alt\":\"shield\"}})]):_vm._e()]),_c('div',{staticClass:\"package-price-container\"},[_c('span',{staticClass:\"package-price\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(topic.MonthlyPrice))+\" \")]),_c('span',{staticClass:\"package-price-unit\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-monetary-unit-per-month-text'])+\" \")])])]),_c('button',{staticClass:\"select-package\",attrs:{\"id\":(\"top-select-package-\" + (topic.PackageId) + \"-button\")},on:{\"click\":function($event){_vm.goShopping(topic.MonthlyCampaignId), 'top'}}},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-button'])+\" \")])])}),_vm._l((_vm.compareData.MasterFeatures),function(featureGroupItem,index){return _c('section',{key:index,staticClass:\"features-sub-topic\"},[_c('div',{staticClass:\"feature-group-name\",attrs:{\"id\":featureGroupItem.FeatureGroupId}},[_vm._v(\" \"+_vm._s(featureGroupItem.FeatureGroupName)+\" \")]),_vm._l((featureGroupItem.Features),function(featureItem,index){return _c('div',{key:index,staticClass:\"feature-detail\",style:((\"grid-template-columns: repeat(\" + (_vm.compareData.PackageFeatures.length + 1) + \", 1fr)\"))},[_c('div',{staticClass:\"feature\",attrs:{\"id\":featureItem.FeatureId}},[_vm._v(\" \"+_vm._s(featureItem.FeatureName)+\" \")]),_vm._l((_vm.compareData.PackageFeatures),function(item,index){return _c('div',{key:index,staticClass:\"feature-compare\"},[(\n                _vm.mapFeature(featureItem.FeatureId, item.Features) == 'checked'\n              )?_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.mapFeature(\n                  featureItem.FeatureId,\n                  item.Features\n                )) + \".svg\")),\"alt\":featureItem.FeatureId}}):_c('div',[_vm._v(\" \"+_vm._s(_vm.mapFeature(featureItem.FeatureId, item.Features))+\" \")])])})],2)})],2)}),_c('div',{staticClass:\"empty-box\"}),_vm._l((_vm.compareData.PackageFeatures),function(packageItem,index){return _c('section',{key:(\"select-package-\" + (packageItem.PackageId) + \"-section\"),staticClass:\"selected-package-section\",attrs:{\"id\":(\"select-package-\" + (packageItem.PackageId) + \"-section\")}},[_c('div',{staticClass:\"wrapper\"},[_c('button',{staticClass:\"select-package-button\",attrs:{\"id\":(\"bottom-select-package-\" + (packageItem.PackageId) + \"-per-month-button\")},on:{\"click\":function($event){return _vm.goShopping(packageItem.MonthlyCampaignId, 'end')}}},[_c('span',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-button'])+\" \")]),_c('div',{staticClass:\"price\"},[_c('span',{staticClass:\"package-price\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(packageItem.MonthlyPrice))+\" \")]),_c('span',{staticClass:\"package-price-unit\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-monetary-unit-per-month-text'])+\" \")])])]),_c('p',{staticClass:\"price-detail\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.formatNumber(packageItem.MonthlyPrice) + ' ' + _vm.lbl['package-select-package-monetary-unit-per-month-text'] + _vm.lbl['package-select-package-or-text'] + _vm.formatNumber(packageItem.YearlyPrice) + ' ' + _vm.lbl['package-select-package-monetary-unit-per-year-text'])+\" \")])]),_c('div',{staticClass:\"line\"}),_c('span',{staticClass:\"annual-payment-text\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-compare-package-annual-payment-text'])+\" \"),(\n                index == Object.keys(_vm.compareData.PackageFeatures).length - 1\n              )?_c('SaveFlag',{attrs:{\"flag-color\":\"#ff5252\"}}):_vm._e()],1),_c('button',{staticClass:\"select-package-per-year-button\",attrs:{\"id\":(\"bottom-select-package-\" + (packageItem.PackageId) + \"-per-year-button\")},on:{\"click\":function($event){return _vm.goShopping(packageItem.YearlyCampaignId, 'yearly')}}},[_vm._v(\" \"+_vm._s(_vm.lbl['package-compare-package-pay-text'] + ' ' + _vm.formatNumber(packageItem.YearlyPrice) + ' ' + _vm.lbl['package-select-package-monetary-unit-per-year-text'])+\" \")])])])})],2):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:({\n    'background-color': _vm.flagColor,\n    'border-color': _vm.flagColor,\n  }),attrs:{\"id\":\"save_flag\"}},[_vm._v(\" Save \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    id=\"save_flag\"\r\n    :style=\"{\r\n      'background-color': flagColor,\r\n      'border-color': flagColor,\r\n    }\"\r\n  >\r\n    Save\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'SaveFlag',\r\n  props: {\r\n    flagColor: {\r\n      type: String,\r\n      default: '#ff5252',\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#save_flag {\r\n  width: fit-content;\r\n  text-align: center;\r\n  padding: 2px 4px;\r\n  border-radius: 2px;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SaveFlag.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SaveFlag.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SaveFlag.vue?vue&type=template&id=1bfaeaa8&scoped=true&\"\nimport script from \"./SaveFlag.vue?vue&type=script&lang=js&\"\nexport * from \"./SaveFlag.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SaveFlag.vue?vue&type=style&index=0&id=1bfaeaa8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1bfaeaa8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"compare-package-wrapper\">\r\n    <h1 class=\"toppic-text\">\r\n      {{ lbl['package-compare-package-title'] }}\r\n    </h1>\r\n    <section class=\"compare-table-container\">\r\n      <div\r\n        v-if=\"compareData.PackageFeatures\"\r\n        class=\"compare-container\"\r\n        :style=\"`grid-template-columns: repeat(${\r\n          compareData.PackageFeatures.length + 1\r\n        }, 1fr)`\"\r\n      >\r\n        <div class=\"features-topic\">\r\n          {{ lbl['package-select-package-feature-title'] }}\r\n        </div>\r\n        <section\r\n          class=\"package-topic\"\r\n          v-for=\"topic in compareData.PackageFeatures\"\r\n          :key=\"`topic-${topic.PackageId}`\"\r\n        >\r\n          <div class=\"package-topic-text\">\r\n            <div class=\"package-name-container\">\r\n              <span class=\"package-name\">\r\n                {{ topic.PackageName }}\r\n              </span>\r\n              <div v-if=\"topic.IsRecommended\" class=\"package-recommended\">\r\n                <span>\r\n                  {{ lbl['package-select-package-recommended-text'] }}\r\n                </span>\r\n                <img src=\"@/assets/images/shield.svg\" alt=\"shield\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"package-price-container\">\r\n              <span class=\"package-price\">\r\n                {{ formatNumber(topic.MonthlyPrice) }}\r\n              </span>\r\n              <span class=\"package-price-unit\">\r\n                {{ lbl['package-select-package-monetary-unit-per-month-text'] }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <button\r\n            :id=\"`top-select-package-${topic.PackageId}-button`\"\r\n            class=\"select-package\"\r\n            @click=\"goShopping(topic.MonthlyCampaignId), 'top'\"\r\n          >\r\n            {{ lbl['package-select-package-button'] }}\r\n          </button>\r\n        </section>\r\n        <section\r\n          class=\"features-sub-topic\"\r\n          v-for=\"(featureGroupItem, index) in compareData.MasterFeatures\"\r\n          :key=\"index\"\r\n        >\r\n          <div :id=\"featureGroupItem.FeatureGroupId\" class=\"feature-group-name\">\r\n            {{ featureGroupItem.FeatureGroupName }}\r\n          </div>\r\n          <div\r\n            class=\"feature-detail\"\r\n            :style=\"`grid-template-columns: repeat(${\r\n              compareData.PackageFeatures.length + 1\r\n            }, 1fr)`\"\r\n            v-for=\"(featureItem, index) in featureGroupItem.Features\"\r\n            :key=\"index\"\r\n          >\r\n            <div :id=\"featureItem.FeatureId\" class=\"feature\">\r\n              {{ featureItem.FeatureName }}\r\n            </div>\r\n            <div\r\n              class=\"feature-compare\"\r\n              v-for=\"(item, index) in compareData.PackageFeatures\"\r\n              :key=\"index\"\r\n            >\r\n              <img\r\n                v-if=\"\r\n                  mapFeature(featureItem.FeatureId, item.Features) == 'checked'\r\n                \"\r\n                :src=\"\r\n                  require(`@/assets/images/${mapFeature(\r\n                    featureItem.FeatureId,\r\n                    item.Features,\r\n                  )}.svg`)\r\n                \"\r\n                :alt=\"featureItem.FeatureId\"\r\n              />\r\n              <div v-else>\r\n                {{ mapFeature(featureItem.FeatureId, item.Features) }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <div class=\"empty-box\" />\r\n        <section\r\n          class=\"selected-package-section\"\r\n          v-for=\"(packageItem, index) in compareData.PackageFeatures\"\r\n          :key=\"`select-package-${packageItem.PackageId}-section`\"\r\n          :id=\"`select-package-${packageItem.PackageId}-section`\"\r\n        >\r\n          <div class=\"wrapper\">\r\n            <button\r\n              :id=\"`bottom-select-package-${packageItem.PackageId}-per-month-button`\"\r\n              class=\"select-package-button\"\r\n              @click=\"goShopping(packageItem.MonthlyCampaignId, 'end')\"\r\n            >\r\n              <span class=\"title\">\r\n                {{ lbl['package-select-package-button'] }}\r\n              </span>\r\n              <div class=\"price\">\r\n                <span class=\"package-price\">\r\n                  {{ formatNumber(packageItem.MonthlyPrice) }}\r\n                </span>\r\n                <span class=\"package-price-unit\">\r\n                  {{\r\n                    lbl['package-select-package-monetary-unit-per-month-text']\r\n                  }}\r\n                </span>\r\n              </div>\r\n            </button>\r\n            <p class=\"price-detail\">\r\n              <span>\r\n                {{\r\n                  formatNumber(packageItem.MonthlyPrice) +\r\n                  ' ' +\r\n                  lbl['package-select-package-monetary-unit-per-month-text'] +\r\n                  lbl['package-select-package-or-text'] +\r\n                  formatNumber(packageItem.YearlyPrice) +\r\n                  ' ' +\r\n                  lbl['package-select-package-monetary-unit-per-year-text']\r\n                }}\r\n              </span>\r\n            </p>\r\n            <div class=\"line\" />\r\n            <span class=\"annual-payment-text\">\r\n              {{ lbl['package-compare-package-annual-payment-text'] }}\r\n              <SaveFlag\r\n                v-if=\"\r\n                  index == Object.keys(compareData.PackageFeatures).length - 1\r\n                \"\r\n                flag-color=\"#ff5252\"\r\n              />\r\n            </span>\r\n            <button\r\n              :id=\"`bottom-select-package-${packageItem.PackageId}-per-year-button`\"\r\n              class=\"select-package-per-year-button\"\r\n              @click=\"goShopping(packageItem.YearlyCampaignId, 'yearly')\"\r\n            >\r\n              {{\r\n                lbl['package-compare-package-pay-text'] +\r\n                ' ' +\r\n                formatNumber(packageItem.YearlyPrice) +\r\n                ' ' +\r\n                lbl['package-select-package-monetary-unit-per-year-text']\r\n              }}\r\n            </button>\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport SaveFlag from '@/module/Account/SelectPackage/components/SaveFlag'\r\n\r\nexport default {\r\n  name: 'ComparePackage',\r\n  mixins: [Mixin],\r\n  components: {\r\n    SaveFlag,\r\n  },\r\n  props: {\r\n    compareData: Object,\r\n  },\r\n  data() {\r\n    return {}\r\n  },\r\n  methods: {\r\n    formatNumber(value) {\r\n      return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\r\n    },\r\n    mapFeature(featureId, featureArr) {\r\n      let mappingFeature = featureArr.find(\r\n        feature => feature.FeatureId === featureId,\r\n      )\r\n      if (mappingFeature == undefined) {\r\n        return '-'\r\n      } else {\r\n        if (mappingFeature.FeatureDetail == null) {\r\n          return 'checked'\r\n        } else {\r\n          return mappingFeature.FeatureDetail\r\n        }\r\n      }\r\n    },\r\n    goShopping(packageId, position) {\r\n      console.log('packageId :: ', packageId, position)\r\n      Account.bzbsAnalyticTracking(\r\n        'select_package_page',\r\n        'package_month',\r\n        'click_compare_feature_' + packageId + '_select' + position,\r\n        'on click',\r\n      )\r\n      this.googleTagManager(\r\n        'select_package_page',\r\n        'package_' + position == 'yearly' ? 'year' : 'month',\r\n        'click_compare_feature_' + packageId + '_select' + position,\r\n        null,\r\n        'on click',\r\n      )\r\n      this.$emit('goShopping', packageId)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.compare-package-wrapper {\r\n  background-color: #ffffff;\r\n  margin: auto -15px;\r\n  align-content: center;\r\n  text-align: -webkit-center;\r\n  .toppic-text {\r\n    color: common.$body;\r\n    font-size: 28px;\r\n    font-weight: 500;\r\n    margin-bottom: 32px;\r\n  }\r\n  .compare-table-container {\r\n    margin: auto 15px;\r\n    width: 70%;\r\n\r\n    .compare-container {\r\n      display: grid;\r\n      border: solid 1px common.$border;\r\n      font-size: 14px;\r\n      color: common.$color-grey-61;\r\n\r\n      .features-topic {\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n        text-align: left;\r\n        align-self: end;\r\n        color: common.$text-light-gray;\r\n        padding: 24px 32px;\r\n        border-right: solid 1px common.$border;\r\n      }\r\n      .package-topic {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        flex-direction: column;\r\n        padding: 24px 32px;\r\n        text-align: left;\r\n        border-right: solid 1px common.$border;\r\n\r\n        .package-topic-text {\r\n          .package-name-container {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            column-gap: 12px;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            .package-name {\r\n              font-size: 20px;\r\n              font-weight: 500;\r\n              color: common.$color-grey-61;\r\n            }\r\n            .package-recommended {\r\n              width: fit-content;\r\n              border-radius: 2px;\r\n              background-color: common.$color-grey-fa;\r\n              color: common.$text-light-gray;\r\n              font-size: 14px;\r\n              font-weight: 500;\r\n              padding: 4px;\r\n            }\r\n          }\r\n          .package-price-container {\r\n            font-weight: 500;\r\n\r\n            .package-price {\r\n              font-size: 34px;\r\n              text-align: left;\r\n              color: common.$text-dark;\r\n            }\r\n            .package-price-unit {\r\n              font-size: 14px;\r\n              color: common.$text-light-gray;\r\n            }\r\n          }\r\n        }\r\n        .select-package {\r\n          font-size: 16px;\r\n          font-weight: bold;\r\n          color: #ffffff;\r\n          background-color: common.$orange;\r\n          border-radius: 6px;\r\n          padding: 8px 16px;\r\n          margin-top: 16px;\r\n          border: 0;\r\n        }\r\n      }\r\n      .features-sub-topic {\r\n        border-right: solid 1px common.$border;\r\n        text-align: left;\r\n        grid-column-start: 1;\r\n        grid-column-end: 4;\r\n\r\n        .feature-group-name {\r\n          grid-column-start: 1;\r\n          grid-column-end: 3;\r\n          padding: 8px 32px;\r\n          font-weight: 500;\r\n          background-color: common.$color-grey-fa;\r\n        }\r\n        .feature-detail {\r\n          display: grid;\r\n          border-bottom: solid 1px common.$border;\r\n          background-color: #ffffff;\r\n\r\n          .feature {\r\n            padding: 8px 32px;\r\n          }\r\n          .feature-compare {\r\n            border-left: 1px solid common.$border;\r\n            padding: 8px 32px;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            text-align: center;\r\n            align-self: center;\r\n          }\r\n        }\r\n      }\r\n      .selected-package-section {\r\n        border: solid 1px common.$border;\r\n        .wrapper {\r\n          margin: 16px 32px;\r\n          .select-package-button {\r\n            width: 100%;\r\n            color: #fff;\r\n            padding: 16px 24px;\r\n            border-radius: 6px;\r\n            border: 0;\r\n            background-color: common.$orange;\r\n            margin-bottom: 8px;\r\n\r\n            .title {\r\n              font-size: 16px;\r\n              font-weight: bold;\r\n            }\r\n            .price {\r\n              font-size: 12px;\r\n              margin-top: 4px;\r\n            }\r\n          }\r\n          .price-detail {\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            padding: 0;\r\n            margin: 0;\r\n            color: common.$text-light-gray;\r\n          }\r\n          .annual-payment-text {\r\n            font-weight: 500;\r\n            color: common.$text-dark-gray;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-flow: wrap;\r\n          }\r\n          .select-package-per-year-button {\r\n            width: 100%;\r\n            margin-top: 16px;\r\n            padding: 8px;\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n            color: common.$orange;\r\n            background-color: #ffffff;\r\n            border: 1px solid common.$orange;\r\n            border-radius: 6px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .line {\r\n    height: 1px;\r\n    background-color: common.$border;\r\n    margin: 16px 0;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComparePackage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComparePackage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ComparePackage.vue?vue&type=template&id=52343f25&scoped=true&\"\nimport script from \"./ComparePackage.vue?vue&type=script&lang=js&\"\nexport * from \"./ComparePackage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ComparePackage.vue?vue&type=style&index=0&id=52343f25&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"52343f25\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"select-package-wrapper\"},[_c('h1',{staticClass:\"toppic-text\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-title'])+\" \")]),(_vm.isUserPackageStandard)?_c('div',{staticClass:\"select-package-pay-type\"},[_c('a-button',{staticClass:\"select-package-pay-type-button\",class:[_vm.isMonthly ? 'active' : ''],on:{\"click\":_vm.clickMonthly}},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-monthly-button'])+\" \")]),_c('a-button',{staticClass:\"select-package-pay-type-button\",class:[!_vm.isMonthly ? 'active' : ''],on:{\"click\":_vm.clickYearly}},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-yearly-button'])+\" \"),_c('SaveFlag',{attrs:{\"flag-color\":\"#ff5252\"}})],1)],1):_vm._e(),_c('div',{staticClass:\"package-card-container\"},_vm._l((_vm.packageData),function(packageItem){return _c('div',{key:packageItem.PackageId,staticClass:\"card\"},[_c('section',{staticClass:\"header\"},[_c('div',{staticClass:\"package-name-container\"},[_c('span',{staticClass:\"package-name\"},[_vm._v(\" \"+_vm._s(packageItem.PackageName)+\" \")]),(packageItem.IsRecommended)?_c('div',{staticClass:\"package-recommended\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-recommended-text'])+\" \")]),_c('img',{attrs:{\"src\":require(\"@/assets/images/shield.svg\"),\"alt\":\"shield\"}})]):_vm._e()]),_c('div',{staticClass:\"package-price-container\"},[(_vm.isMonthly)?_c('span',{staticClass:\"package-price\",class:{\n              free: packageItem.MonthlyPrice == 0,\n              promotion: packageItem.MonthlyOriginalPrice !== 0,\n            }},[_vm._v(\" \"+_vm._s(packageItem.MonthlyPrice == 0 ? 'Free' : _vm.formatNumber(packageItem.MonthlyPrice))+\" \")]):_c('span',{staticClass:\"package-price\",class:{\n              free: packageItem.YearlyPrice == 0,\n              promotion: packageItem.YearlyOriginalPrice !== 0,\n            }},[_vm._v(\" \"+_vm._s(packageItem.YearlyPrice == 0 ? 'Free' : _vm.formatNumber(packageItem.YearlyPrice))+\" \")]),(\n              !_vm.isNonStandard &&\n              _vm.isMonthly &&\n              packageItem.MonthlyOriginalPrice !== 0\n            )?_c('span',{staticClass:\"original-package-price\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(packageItem.MonthlyOriginalPrice))+\" \")]):_vm._e(),(!_vm.isMonthly && packageItem.YearlyOriginalPrice !== 0)?_c('span',{staticClass:\"original-package-price\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(packageItem.YearlyOriginalPrice))+\" \")]):_vm._e(),(packageItem.isMonthly !== 0)?_c('span',{staticClass:\"package-price-unit\"},[_vm._v(\" \"+_vm._s(_vm.displayUnit(packageItem))+\" \")]):_vm._e()])]),_c('div',{staticClass:\"line\"}),_c('section',{staticClass:\"feature\"},[_c('span',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-feature-title'])+\" \")]),_c('div',{staticClass:\"feature-detail\"},[_c('ul',_vm._l((packageItem.Features),function(item){return _c('li',{key:item.FratureId},[_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (item.IconUrl) + \".svg\")),\"alt\":item.IconUrl}}),_vm._v(\" \"+_vm._s(item.FeatureName)+\" \")])}),0)])]),_c('div',{staticClass:\"line\"}),_c('section',{staticClass:\"select-package\"},[_c('button',{staticClass:\"select-package-button\",attrs:{\"id\":(\"select-package-\" + (packageItem.PackageId) + \"-button\")},on:{\"click\":function($event){return _vm.selectedPackage(packageItem)}}},[_c('span',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['package-select-package-button'])+\" \")]),_c('div',{staticClass:\"price\"},[(_vm.isMonthly)?_c('span',{staticClass:\"package-price\"},[_vm._v(\" \"+_vm._s(packageItem.MonthlyPrice == 0 ? _vm.displayFreeDetail(packageItem) : _vm.formatNumber(packageItem.MonthlyPrice))+\" \")]):_c('span',{staticClass:\"package-price\"},[_vm._v(\" \"+_vm._s(packageItem.YearlyPrice == 0 ? _vm.displayFreeDetail(packageItem) : _vm.formatNumber(packageItem.YearlyPrice))+\" \")]),(!packageItem.IsFreeTrial)?_c('span',{staticClass:\"package-price-unit\"},[_vm._v(\" \"+_vm._s(_vm.isMonthly ? _vm.lbl['package-select-package-monetary-unit-per-month-text'] : _vm.lbl['package-select-package-monetary-unit-per-year-text'])+\" \")]):_vm._e()])]),(!_vm.isNonStandard)?_c('p',{staticClass:\"price-detail\"},[_c('span',[_vm._v(\" \"+_vm._s(packageItem.MonthlyPrice == 0 ? _vm.displayFreeDetail(packageItem) : _vm.formatNumber(packageItem.MonthlyPrice) + ' ' + _vm.lbl['package-select-package-monetary-unit-per-month-text'] + _vm.lbl['package-select-package-or-text'] + _vm.formatNumber(packageItem.YearlyPrice) + ' ' + _vm.lbl['package-select-package-monetary-unit-per-year-text'])+\" \")])]):_vm._e()])])}),0),_c('div',{staticClass:\"noted\"},[_c('span',[_vm._v(_vm._s(_vm.lbl['package-select-package-noted']))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"select-package-wrapper\">\r\n    <h1 class=\"toppic-text\">\r\n      {{ lbl['package-select-package-title'] }}\r\n    </h1>\r\n    <div v-if=\"isUserPackageStandard\" class=\"select-package-pay-type\">\r\n      <a-button\r\n        @click=\"clickMonthly\"\r\n        class=\"select-package-pay-type-button\"\r\n        :class=\"[isMonthly ? 'active' : '']\"\r\n      >\r\n        {{ lbl['package-select-package-monthly-button'] }}\r\n      </a-button>\r\n      <a-button\r\n        @click=\"clickYearly\"\r\n        class=\"select-package-pay-type-button\"\r\n        :class=\"[!isMonthly ? 'active' : '']\"\r\n      >\r\n        {{ lbl['package-select-package-yearly-button'] }}\r\n        <SaveFlag flag-color=\"#ff5252\" />\r\n      </a-button>\r\n    </div>\r\n    <div class=\"package-card-container\">\r\n      <div\r\n        class=\"card\"\r\n        v-for=\"packageItem in packageData\"\r\n        :key=\"packageItem.PackageId\"\r\n      >\r\n        <section class=\"header\">\r\n          <div class=\"package-name-container\">\r\n            <span class=\"package-name\">\r\n              {{ packageItem.PackageName }}\r\n            </span>\r\n            <div v-if=\"packageItem.IsRecommended\" class=\"package-recommended\">\r\n              <span>\r\n                {{ lbl['package-select-package-recommended-text'] }}\r\n              </span>\r\n              <img src=\"@/assets/images/shield.svg\" alt=\"shield\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"package-price-container\">\r\n            <span\r\n              v-if=\"isMonthly\"\r\n              class=\"package-price\"\r\n              :class=\"{\r\n                free: packageItem.MonthlyPrice == 0,\r\n                promotion: packageItem.MonthlyOriginalPrice !== 0,\r\n              }\"\r\n            >\r\n              {{\r\n                packageItem.MonthlyPrice == 0\r\n                  ? 'Free'\r\n                  : formatNumber(packageItem.MonthlyPrice)\r\n              }}\r\n            </span>\r\n            <span\r\n              v-else\r\n              class=\"package-price\"\r\n              :class=\"{\r\n                free: packageItem.YearlyPrice == 0,\r\n                promotion: packageItem.YearlyOriginalPrice !== 0,\r\n              }\"\r\n            >\r\n              {{\r\n                packageItem.YearlyPrice == 0\r\n                  ? 'Free'\r\n                  : formatNumber(packageItem.YearlyPrice)\r\n              }}\r\n            </span>\r\n            <span\r\n              v-if=\"\r\n                !isNonStandard &&\r\n                isMonthly &&\r\n                packageItem.MonthlyOriginalPrice !== 0\r\n              \"\r\n              class=\"original-package-price\"\r\n            >\r\n              {{ formatNumber(packageItem.MonthlyOriginalPrice) }}\r\n            </span>\r\n            <span\r\n              v-if=\"!isMonthly && packageItem.YearlyOriginalPrice !== 0\"\r\n              class=\"original-package-price\"\r\n            >\r\n              {{ formatNumber(packageItem.YearlyOriginalPrice) }}\r\n            </span>\r\n            <span v-if=\"packageItem.isMonthly !== 0\" class=\"package-price-unit\">\r\n              {{ displayUnit(packageItem) }}\r\n            </span>\r\n          </div>\r\n        </section>\r\n        <div class=\"line\" />\r\n        <section class=\"feature\">\r\n          <span class=\"title\">\r\n            {{ lbl['package-select-package-feature-title'] }}\r\n          </span>\r\n          <div class=\"feature-detail\">\r\n            <ul>\r\n              <li v-for=\"item in packageItem.Features\" :key=\"item.FratureId\">\r\n                <img\r\n                  :src=\"require(`@/assets/images/${item.IconUrl}.svg`)\"\r\n                  :alt=\"item.IconUrl\"\r\n                />\r\n                {{ item.FeatureName }}\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </section>\r\n        <div class=\"line\" />\r\n        <section class=\"select-package\">\r\n          <button\r\n            :id=\"`select-package-${packageItem.PackageId}-button`\"\r\n            class=\"select-package-button\"\r\n            @click=\"selectedPackage(packageItem)\"\r\n          >\r\n            <span class=\"title\">\r\n              {{ lbl['package-select-package-button'] }}\r\n            </span>\r\n            <div class=\"price\">\r\n              <span v-if=\"isMonthly\" class=\"package-price\">\r\n                {{\r\n                  packageItem.MonthlyPrice == 0\r\n                    ? displayFreeDetail(packageItem)\r\n                    : formatNumber(packageItem.MonthlyPrice)\r\n                }}\r\n              </span>\r\n              <span v-else class=\"package-price\">\r\n                {{\r\n                  packageItem.YearlyPrice == 0\r\n                    ? displayFreeDetail(packageItem)\r\n                    : formatNumber(packageItem.YearlyPrice)\r\n                }}\r\n              </span>\r\n              <span v-if=\"!packageItem.IsFreeTrial\" class=\"package-price-unit\">\r\n                {{\r\n                  isMonthly\r\n                    ? lbl['package-select-package-monetary-unit-per-month-text']\r\n                    : lbl['package-select-package-monetary-unit-per-year-text']\r\n                }}\r\n              </span>\r\n            </div>\r\n          </button>\r\n          <p v-if=\"!isNonStandard\" class=\"price-detail\">\r\n            <span>\r\n              {{\r\n                packageItem.MonthlyPrice == 0\r\n                  ? displayFreeDetail(packageItem)\r\n                  : formatNumber(packageItem.MonthlyPrice) +\r\n                    ' ' +\r\n                    lbl['package-select-package-monetary-unit-per-month-text'] +\r\n                    lbl['package-select-package-or-text'] +\r\n                    formatNumber(packageItem.YearlyPrice) +\r\n                    ' ' +\r\n                    lbl['package-select-package-monetary-unit-per-year-text']\r\n              }}\r\n            </span>\r\n          </p>\r\n        </section>\r\n      </div>\r\n    </div>\r\n    <div class=\"noted\">\r\n      <span>{{ lbl['package-select-package-noted'] }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport SaveFlag from '@/module/Account/SelectPackage/components/SaveFlag'\r\n\r\nexport default {\r\n  name: 'SelectPackage',\r\n  mixins: [Mixin],\r\n  components: {\r\n    SaveFlag,\r\n  },\r\n  props: {\r\n    packageData: Array,\r\n    isUserPackageStandard: Boolean,\r\n    isNonStandard: Boolean,\r\n  },\r\n  data() {\r\n    return {\r\n      isMonthly: true,\r\n    }\r\n  },\r\n  methods: {\r\n    displayUnit(item) {\r\n      if (item.IsFreeTrial) {\r\n        return (\r\n          this.lbl['package-select-package-monetary-unit-per-text'] +\r\n          this.lbl['package-select-package-day-text'].replace(\r\n            '{0}',\r\n            item.MonthlyUsageDay,\r\n          )\r\n        )\r\n      } else {\r\n        if (this.isMonthly)\r\n          return this.lbl['package-select-package-monetary-unit-per-month-text']\r\n        else\r\n          return this.lbl['package-select-package-monetary-unit-per-year-text']\r\n      }\r\n    },\r\n    displayFreeDetail(item) {\r\n      if (item.IsFreeTrial) {\r\n        console.log(this.lbl['package-select-package-free-text'])\r\n        console.log(\r\n          this.lbl['package-select-package-free-text'].replace(\r\n            '30',\r\n            item.MonthlyUsageDay,\r\n          ),\r\n        )\r\n\r\n        if (item.MonthlyUsageDay) {\r\n          return this.lbl['package-select-package-free-text'].replace(\r\n            '{0}',\r\n            item.MonthlyUsageDay,\r\n          )\r\n        } else {\r\n          return this.lbl['package-select-package-free-text'].replace(\r\n            '{0}',\r\n            '30',\r\n          )\r\n        }\r\n      } else {\r\n        return this.lbl['package-select-package-free-text'].replace('{0}', '30')\r\n      }\r\n    },\r\n    formatNumber(value) {\r\n      return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\r\n    },\r\n    clickMonthly() {\r\n      this.isMonthly = true\r\n      Account.bzbsAnalyticTracking(\r\n        'select_package_page',\r\n        'package_month',\r\n        'click_monthly',\r\n        'on click',\r\n      )\r\n      this.googleTagManager(\r\n        'select_package_page',\r\n        'package_month',\r\n        'click_monthly',\r\n        null,\r\n        'on click',\r\n      )\r\n    },\r\n    clickYearly() {\r\n      this.isMonthly = false\r\n      Account.bzbsAnalyticTracking(\r\n        'select_package_page',\r\n        'package_year',\r\n        'click_yearly',\r\n        'on click',\r\n      )\r\n      this.googleTagManager(\r\n        'select_package_page',\r\n        'package_year',\r\n        'click_yearly',\r\n        null,\r\n        'on click',\r\n      )\r\n    },\r\n    selectedPackage(packageObj) {\r\n      this.handleLoading(true)\r\n      Account.bzbsAnalyticTracking(\r\n        'select_package_page',\r\n        'package_month',\r\n        'click_' + packageObj.PackageId,\r\n        'on click',\r\n      )\r\n      this.googleTagManager(\r\n        'select_package_page',\r\n        'package_' + this.isMonthly ? 'month' : 'year',\r\n        'click_' + packageObj.PackageId,\r\n        null,\r\n        'on click',\r\n      )\r\n      this.$emit('selectedPackage', {\r\n        packageObj: packageObj,\r\n        isMonthly: this.isMonthly,\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.select-package-wrapper {\r\n  align-content: center;\r\n  text-align: -webkit-center;\r\n  margin-bottom: 84px;\r\n  .toppic-text {\r\n    color: common.$body;\r\n    font-size: 28px;\r\n    font-weight: 500;\r\n    margin-bottom: 32px;\r\n  }\r\n  .select-package-pay-type {\r\n    width: 40%;\r\n    min-width: 150px;\r\n    border: 1px solid #efefef;\r\n    background-color: #eeeeee;\r\n    border-radius: 6px;\r\n    padding: 4px;\r\n    margin: 0 auto 48px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    column-gap: 8px;\r\n\r\n    .select-package-pay-type-button {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      border: 0;\r\n      background-color: transparent;\r\n      border-radius: 6px;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      color: common.$text;\r\n      padding: 4px 32px;\r\n      flex-grow: 1;\r\n    }\r\n    .active {\r\n      background-color: #ffffff;\r\n      border: 1px solid common.$primary;\r\n    }\r\n  }\r\n\r\n  .package-card-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    .card {\r\n      flex: 1;\r\n      max-width: 370px;\r\n      border: 1px solid common.$color-grey-e0;\r\n      text-align: left;\r\n      padding: 24px;\r\n\r\n      .header {\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n\r\n        .package-name-container {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          column-gap: 12px;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          .package-name {\r\n            color: common.$color-grey-61;\r\n          }\r\n          .package-recommended {\r\n            font-size: 14px;\r\n            color: common.$text-light-gray;\r\n            display: flex;\r\n            align-items: center;\r\n            column-gap: 8px;\r\n            align-self: center;\r\n          }\r\n        }\r\n        .package-price-container {\r\n          .package-price {\r\n            color: common.$text-dark;\r\n            font-size: 34px;\r\n            font-weight: 500;\r\n          }\r\n          .original-package-price {\r\n            color: common.$text-light-gray;\r\n            font-size: 24px;\r\n            text-decoration: line-through;\r\n            margin-right: 8px;\r\n          }\r\n          .package-price-unit {\r\n            font-size: 14px;\r\n            color: common.$text-light-gray;\r\n          }\r\n          .promotion {\r\n            color: common.$color-red-52;\r\n          }\r\n          .free {\r\n            color: common.$color-green-1;\r\n          }\r\n        }\r\n      }\r\n      .feature {\r\n        color: common.$color-grey-75;\r\n        font-size: 16px;\r\n        .title {\r\n          font-weight: 500;\r\n        }\r\n        .feature-detail {\r\n          margin-top: 10px;\r\n          ul {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n            li {\r\n              margin-bottom: 10px;\r\n\r\n              &:last-child {\r\n                margin-bottom: 0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .select-package {\r\n        text-align: center;\r\n        .select-package-button {\r\n          width: 100%;\r\n          color: common.$primary;\r\n          border: 1px solid common.$primary;\r\n          border-radius: 6px;\r\n          padding: 16px;\r\n          background-color: #ffffff;\r\n          font-size: 16px;\r\n          display: flex;\r\n          flex-direction: column;\r\n          text-align: center;\r\n          align-items: center;\r\n          .title {\r\n            font-weight: bold;\r\n          }\r\n          .price {\r\n            font-size: 12px;\r\n          }\r\n\r\n          &:hover,\r\n          &:active {\r\n            color: #ffffff;\r\n            background-color: common.$primary;\r\n          }\r\n        }\r\n\r\n        .price-detail {\r\n          font-size: 14px;\r\n          color: common.$text-light-gray;\r\n          margin: 8px 0 0;\r\n        }\r\n      }\r\n    }\r\n    .card:hover {\r\n      box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05),\r\n        0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);\r\n      margin-top: -22px;\r\n      margin-bottom: 22px;\r\n    }\r\n  }\r\n\r\n  .noted {\r\n    margin: 26px 20px 0 20px;\r\n    text-align: center;\r\n    color: common.$btn-danger;\r\n  }\r\n\r\n  .line {\r\n    height: 1px;\r\n    background-color: common.$color-grey-e0;\r\n    margin: 16px -24px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectPackage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectPackage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectPackage.vue?vue&type=template&id=7073d9f7&scoped=true&\"\nimport script from \"./SelectPackage.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectPackage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectPackage.vue?vue&type=style&index=0&id=7073d9f7&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7073d9f7\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"package-expired-wrapper\"},[_c('h1',[_vm._v(_vm._s(_vm.lbl['package-expired-title']))]),_c('span',[_vm._v(_vm._s(_vm.lbl['package-expired-desc']))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"package-expired-wrapper\">\r\n    <h1>{{ lbl['package-expired-title'] }}</h1>\r\n    <span>{{ lbl['package-expired-desc'] }}</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\n\r\nexport default {\r\n  name: 'PackageExpire',\r\n  mixins: [Mixin],\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.package-expired-wrapper {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PackageExpire.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PackageExpire.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PackageExpire.vue?vue&type=template&id=08a6b82b&scoped=true&\"\nimport script from \"./PackageExpire.vue?vue&type=script&lang=js&\"\nexport * from \"./PackageExpire.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PackageExpire.vue?vue&type=style&index=0&id=08a6b82b&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"08a6b82b\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header :is-hide-menu=\"isHideMenu\" :is-hide-user=\"isHideMenu\" />\r\n    <a-alert\r\n      v-if=\"isError\"\r\n      type=\"error\"\r\n      message=\"Error\"\r\n      :description=\"errorMessege\"\r\n      showIcon\r\n    />\r\n    <div class=\"package-page-wrapper\">\r\n      <SelectPackage\r\n        v-if=\"!isCorporateExpired\"\r\n        :package-data=\"packageData\"\r\n        :is-user-package-standard=\"\r\n          !crmPackage.PackageId || crmPackage.IsStandardPackage\r\n        \"\r\n        :is-non-standard=\"isNonStandard\"\r\n        @selectedPackage=\"selectedPackage($event)\"\r\n      />\r\n      <ComparePackage\r\n        v-if=\"\r\n          (!crmPackage.PackageId || crmPackage.IsStandardPackage) &&\r\n          !isCorporateExpired\r\n        \"\r\n        :compare-data=\"compareData\"\r\n        @goShopping=\"goShopping($event)\"\r\n      />\r\n      <PackageExpire v-if=\"isCorporateExpired\" />\r\n    </div>\r\n    <ReDirectModal\r\n      :isOpenModal=\"reDirectModal.isOpenModal\"\r\n      :modalType=\"reDirectModal.modalType\"\r\n      :title=\"reDirectModal.title\"\r\n      :details=\"reDirectModal.details\"\r\n      :showbackto=\"reDirectModal.showbackto\"\r\n      :backto=\"reDirectModal.backto\"\r\n      :confirm=\"reDirectModal.confirm\"\r\n      :onConfirm=\"reDirectModal.onConfirm\"\r\n      :onCancel=\"reDirectModal.onCancel\"\r\n      :fontSize=\"'20'\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from 'vue'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport BzbsCart from '@/core/Cart/service/BzbsCart'\r\nimport BzbsPackage from '@/core/Package/service/BzbsPackage'\r\nimport ComparePackage from '@/module/Account/SelectPackage/components/ComparePackage.vue'\r\nimport Header from '@/components/Layout/Header'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport SelectPackage from '@/module/Account/SelectPackage/components/SelectPackage.vue'\r\nimport PackageExpire from '@/module/Account/SelectPackage/components/PackageExpire.vue'\r\nimport ReDirectModal from '@/components/Modal/Component/confirmmodal2'\r\n\r\nexport default {\r\n  name: 'Package',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n    SelectPackage,\r\n    ComparePackage,\r\n    ReDirectModal,\r\n    PackageExpire,\r\n  },\r\n  data() {\r\n    return {\r\n      packageData: [],\r\n      compareData: {},\r\n      isError: false,\r\n      errorMessege: '',\r\n      reDirectModal: {\r\n        title: '',\r\n        details: '',\r\n        modalType: '',\r\n        backto: '',\r\n        confirm: '',\r\n        showbackto: true,\r\n        onConfirm: null,\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n      businessName: '',\r\n      isHideMenu: true,\r\n      crmPackage: null,\r\n      isNonStandard: false,\r\n      isCorporateExpired: false,\r\n    }\r\n  },\r\n  watch: {\r\n    $route(newRoute) {\r\n      if (newRoute.query.checking) {\r\n        this.checkRedirect()\r\n      } else if (newRoute.query.shoppingCart) {\r\n        let configSelfOnBoard = false\r\n        try {\r\n          let parse = JSON.parse(localStorage.getItem('bzbsCRMConfig'))\r\n          if (parse) {\r\n            configSelfOnBoard = parse.buzzebeesConfigSelfOnBoard\r\n              ? parse.buzzebeesConfigSelfOnBoard\r\n              : false\r\n          } else {\r\n            configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n          }\r\n        } catch (e) {\r\n          configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n        }\r\n\r\n        if (configSelfOnBoard) {\r\n          this.handleLoading(true)\r\n          Account.apiAccountInformation().then(res => {\r\n            this.handleLoading(false)\r\n            if (res.data.RequirePackage) {\r\n              if (res.data.IsExtendExpired) {\r\n                this.$router\r\n                  .push({\r\n                    name: 'Package',\r\n                    query: { checking: true },\r\n                  })\r\n                  .then(() => {\r\n                    this.$router.go()\r\n                  })\r\n              } else {\r\n                if (this.businessName) {\r\n                  if (this.$route.query.changepackage) {\r\n                    this.$router.push({\r\n                      name: 'Dashboard',\r\n                      query: { changepackage: true },\r\n                    })\r\n                  } else {\r\n                    this.$router.push({\r\n                      name: 'Dashboard',\r\n                    })\r\n                  }\r\n                } else {\r\n                  this.$router.push({ name: 'AccountSetting2' })\r\n                }\r\n              }\r\n            } else {\r\n              this.$router.push({ name: 'Dashboard' })\r\n            }\r\n          })\r\n          this.handleLoading(false)\r\n        }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    if (Account.getCacheProfileAddress().strBusinessName) {\r\n      this.businessName = Account.getCacheProfileAddress().strBusinessName\r\n    } else if (Account.getCacheUser().BusinessName) {\r\n      this.businessName = Account.getCacheUser().BusinessName\r\n    } else {\r\n      this.businessName = ''\r\n    }\r\n\r\n    let configSelfOnBoard = false\r\n    try {\r\n      let parse = JSON.parse(localStorage.getItem('bzbsCRMConfig'))\r\n      if (parse) {\r\n        configSelfOnBoard = parse.buzzebeesConfigSelfOnBoard\r\n          ? parse.buzzebeesConfigSelfOnBoard\r\n          : false\r\n      } else {\r\n        configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n      }\r\n    } catch (e) {\r\n      configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n    }\r\n\r\n    if (configSelfOnBoard) {\r\n      if (this.$route.query.shoppingCart) {\r\n        this.handleLoading(true)\r\n        Account.apiAccountInformation().then(res => {\r\n          this.handleLoading(false)\r\n          if (res.data.RequirePackage) {\r\n            if (res.data.IsExtendExpired) {\r\n              this.$router.push({\r\n                name: 'Package',\r\n                query: { checking: true },\r\n              })\r\n            } else {\r\n              if (this.businessName) {\r\n                if (this.$route.query.changepackage) {\r\n                  this.$router.push({\r\n                    name: 'Dashboard',\r\n                    query: { changepackage: true },\r\n                  })\r\n                } else {\r\n                  this.$router.push({\r\n                    name: 'Dashboard',\r\n                  })\r\n                }\r\n              } else {\r\n                this.$router.push({ name: 'AccountSetting2' })\r\n              }\r\n            }\r\n          } else {\r\n            if (this.$route.query.changepackage) {\r\n              this.$router.push({\r\n                name: 'Dashboard',\r\n                query: { changepackage: true },\r\n              })\r\n            } else {\r\n              this.$router.push({\r\n                name: 'Dashboard',\r\n              })\r\n            }\r\n          }\r\n        })\r\n        this.handleLoading(false)\r\n      } else if (this.$route.query.returnPath) {\r\n        Account.apiAccountInformation().then(res => {\r\n          if (res.data.RequirePackage) {\r\n            if (!res.data.IsExtendExpired) {\r\n              if (this.$route.query.changepackage) {\r\n                this.$router.push({\r\n                  name: 'Dashboard',\r\n                  query: { changepackage: true, isWelcomeBack: true },\r\n                })\r\n              } else {\r\n                this.$router.push({\r\n                  name: 'Dashboard',\r\n                  query: { isWelcomeBack: true },\r\n                })\r\n              }\r\n            }\r\n          } else {\r\n            if (this.$route.query.changepackage) {\r\n              this.$router.push({\r\n                name: 'Dashboard',\r\n                query: { changepackage: true, isWelcomeBack: true },\r\n              })\r\n            } else {\r\n              this.$router.push({\r\n                name: 'Dashboard',\r\n                query: { isWelcomeBack: true },\r\n              })\r\n            }\r\n          }\r\n        })\r\n      }\r\n    }\r\n\r\n    Account.bzbsAnalyticTracking(\r\n      'select_package_page',\r\n      'package_month',\r\n      'view_package',\r\n      'on view',\r\n    )\r\n    this.googleTagManager(\r\n      'select_package_page',\r\n      'package_month',\r\n      'view_package',\r\n      null,\r\n      'on view',\r\n    )\r\n    this.handleFooter(true)\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.isCorporateExpired = false\r\n      this.crmPackage = Account.getCachePackage()\r\n      if (this.crmPackage) {\r\n        if (this.crmPackage.ExtendRemainingDay) {\r\n          this.isHideMenu = false\r\n        } else {\r\n          this.isHideMenu = true\r\n          if (this.crmPackage.PackageId == 'corporate') {\r\n            this.isCorporateExpired = true\r\n          }\r\n        }\r\n      }\r\n\r\n      Promise.all([this.getPackage(), this.getComparePackage()]).then(\r\n        this.checkRedirect(),\r\n      )\r\n    },\r\n    checkRedirect() {\r\n      let configSelfOnBoard = false\r\n      try {\r\n        let parse = JSON.parse(localStorage.getItem('bzbsCRMConfig'))\r\n        if (parse) {\r\n          configSelfOnBoard = parse.buzzebeesConfigSelfOnBoard\r\n            ? parse.buzzebeesConfigSelfOnBoard\r\n            : false\r\n        } else {\r\n          configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n        }\r\n      } catch (e) {\r\n        configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n      }\r\n\r\n      if (this.$route.query.checking && configSelfOnBoard) {\r\n        Account.apiAccountInformation().then(res => {\r\n          this.handleLoading(false)\r\n          if (res.data.RequirePackage) {\r\n            if (!res.data.IsExtendExpired) {\r\n              setTimeout(() => {\r\n                this.reDirectModal.title =\r\n                  this.lbl['selfonboard-change-package-success']\r\n                this.reDirectModal.details =\r\n                  this.lbl['selfonboard-go-dashboard']\r\n                this.reDirectModal.modalType = 'warning'\r\n                this.reDirectModal.isOpenModal = true\r\n                this.reDirectModal.backto = null\r\n                this.reDirectModal.showbackto = false\r\n                this.reDirectModal.confirm = null\r\n                this.reDirectModal.onConfirm = () => {\r\n                  this.reDirectModal.isOpenModal = false\r\n                  this.$router.push({ name: 'Dashboard' })\r\n                }\r\n                this.reDirectModal.onCancel = () => {\r\n                  this.reDirectModal.isOpenModal = false\r\n                }\r\n              }, 500)\r\n            }\r\n          } else {\r\n            setTimeout(() => {\r\n              this.reDirectModal.title =\r\n                this.lbl['selfonboard-change-package-success']\r\n              this.reDirectModal.details = this.lbl['selfonboard-go-dashboard']\r\n              this.reDirectModal.modalType = 'warning'\r\n              this.reDirectModal.isOpenModal = true\r\n              this.reDirectModal.backto = null\r\n              this.reDirectModal.showbackto = false\r\n              this.reDirectModal.confirm = null\r\n              this.reDirectModal.onConfirm = () => {\r\n                this.reDirectModal.isOpenModal = false\r\n                this.$router.push({ name: 'Dashboard' })\r\n              }\r\n              this.reDirectModal.onCancel = () => {\r\n                this.reDirectModal.isOpenModal = false\r\n              }\r\n            }, 500)\r\n          }\r\n        })\r\n      }\r\n    },\r\n    getPackage() {\r\n      this.isNonStandard = false\r\n      if (!this.crmPackage.PackageId || this.crmPackage.IsStandardPackage) {\r\n        return new Promise(resolve => {\r\n          BzbsPackage.apiGetPackage()\r\n            .then(res => {\r\n              this.packageData = res.data\r\n              console.log('packageData : ', this.packageData)\r\n              resolve(res.data)\r\n            })\r\n            .catch(error => {\r\n              console.log(error)\r\n              this.handleLoading(false)\r\n              this.isError = true\r\n              this.errorMessege = error.response.data.error.message\r\n              resolve(error)\r\n            })\r\n        })\r\n      } else {\r\n        return new Promise(resolve => {\r\n          BzbsPackage.apiGetNonStandardPackage()\r\n            .then(res => {\r\n              const found = res.data.find(\r\n                item => this.crmPackage.PackageId == item.PackageId,\r\n              )\r\n              this.packageData = []\r\n              this.packageData.push(found)\r\n              this.isNonStandard = true\r\n              console.log('packageData : ', this.packageData)\r\n              resolve(res.data)\r\n            })\r\n            .catch(error => {\r\n              console.log(error)\r\n              this.handleLoading(false)\r\n              this.isError = true\r\n              this.errorMessege = error.response.data.error.message\r\n              resolve(error)\r\n            })\r\n        })\r\n      }\r\n    },\r\n    getComparePackage() {\r\n      return new Promise(resolve => {\r\n        BzbsPackage.apiGetComparePackage()\r\n          .then(res => {\r\n            console.log('getComparePackage :: ', res.data)\r\n            this.compareData = res.data.data\r\n            this.handleLoading(false)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log(error)\r\n            this.handleLoading(false)\r\n            this.isError = true\r\n            this.errorMessege = error.response.data.error.message\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    selectedPackage(value) {\r\n      this.handleLoading(true)\r\n      if (value.packageObj.IsFreeTrial) {\r\n        this.selectedFreetrail(value.packageObj.PackageId)\r\n      } else {\r\n        value.isMonthly\r\n          ? this.goShopping(value.packageObj.MonthlyCampaignId)\r\n          : this.goShopping(value.packageObj.YearlyCampaignId)\r\n      }\r\n    },\r\n    selectedFreetrail(packageId) {\r\n      return new Promise(resolve => {\r\n        BzbsPackage.apiPostFreePackage(packageId)\r\n          .then(res => {\r\n            Account.apiAccountInformation().then(res => {\r\n              if (this.businessName) {\r\n                this.$router.push({ name: 'Dashboard' })\r\n              } else {\r\n                this.$router.push({ name: 'AccountSetting2' })\r\n              }\r\n\r\n              if (res.data.RequirePackage) {\r\n                if (!res.data.IsExtendExpired) {\r\n                  if (this.$route.query.returnPath) {\r\n                    if (this.businessName) {\r\n                      this.$router.push({\r\n                        name: 'Dashboard',\r\n                        query: { isWelcomeBack: true },\r\n                      })\r\n                    } else {\r\n                      this.$router.push({ name: 'AccountSetting2' })\r\n                    }\r\n                  } else {\r\n                    if (this.businessName) {\r\n                      this.$router.push({\r\n                        name: 'Dashboard',\r\n                      })\r\n                    } else {\r\n                      this.$router.push({ name: 'AccountSetting2' })\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            })\r\n            this.handleLoading(false)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log(error)\r\n            this.$emit('error', error.response.data.error.message)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    goShopping(packageId) {\r\n      this.handleLoading(true)\r\n      var arrData = [{ id: packageId, qty: 1 }]\r\n      return new Promise(resolve => {\r\n        BzbsCart.apiAddtoCart(packageId, arrData)\r\n          .then(res => {\r\n            console.log('apiAddtoCart :: ', res.data)\r\n            this.goShoppingCart()\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            if (error.response) {\r\n              this.$emit('error', error.response.data.error.message)\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    goShoppingCart() {\r\n      var params = {\r\n        return_url: '/Account/Package?shoppingCart=true',\r\n        success_url: '/Account/Package?shoppingCart=true',\r\n      }\r\n      BzbsCart.goShopingCart(params)\r\n    },\r\n    handleError(e) {\r\n      console.log('error messsege :: ', e)\r\n      this.isError = true\r\n      this.errorMessege = e\r\n      window.scrollTo(0, 0)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.container-fluid {\r\n  background-size: cover !important;\r\n  background-color: #ffffff !important;\r\n  background-attachment: fixed;\r\n  background-position: center;\r\n  .package-page-wrapper {\r\n    margin-top: 32px;\r\n    text-align: center;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Package.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Package.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Package.vue?vue&type=template&id=ea437038&scoped=true&\"\nimport script from \"./Package.vue?vue&type=script&lang=js&\"\nexport * from \"./Package.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Package.vue?vue&type=style&index=0&id=ea437038&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ea437038\",\n  null\n  \n)\n\nexport default component.exports","// 9.4.2.3 ArraySpeciesCreate(originalArray, length)\nvar speciesConstructor = require('./_array-species-constructor');\n\nmodule.exports = function (original, length) {\n  return new (speciesConstructor(original))(length);\n};\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PackageExpire.vue?vue&type=style&index=0&id=08a6b82b&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['mainBG', _vm.isOpenModal ? 'open' : '']},[_c('div',{staticClass:\"mainModal\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"icon\",class:[_vm.modalType]},[(_vm.modalType == 'warning')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Warning-1-circle.svg\"),\"alt\":\"Warning\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e(),(_vm.modalType == 'danger')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Trash.svg\"),\"alt\":\"Trash\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e(),(_vm.modalType == 'question')?_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/question-blue.svg\"),\"alt\":\"question\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e()]),_c('div',{staticClass:\"titleText\",style:({ 'font-size': _vm.fontSize + 'px' })},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])]),(_vm.banner)?_c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":_vm.banner,\"alt\":\"banner\"}})]):_vm._e(),_c('div',{staticClass:\"details\",domProps:{\"innerHTML\":_vm._s(_vm.details)}}),_c('div',{staticClass:\"content\"},[_vm._t(\"default\")],2),_c('div',{staticClass:\"btnContainer\"},[(_vm.showbackto)?_c('button',{staticClass:\"outlineprimary\",class:[_vm.modalType],attrs:{\"id\":\"friendgetfriends_fgfmodal_onactionmodalback_button\"},on:{\"click\":function($event){return _vm.onCancel()}}},[_vm._v(\" \"+_vm._s(_vm.backto)+\" \")]):_vm._e(),_c('button',{staticClass:\"primarybtn\",class:[_vm.modalType],attrs:{\"id\":\"friendgetfriends_fgfmodal_onactionmodalconfirm_button\",\"disabled\":_vm.disabledConfirm},on:{\"click\":function($event){return _vm.onConfirm()}}},[(_vm.confirm)?_c('span',[_vm._v(\" \"+_vm._s(_vm.confirm))]):_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['fgf-confirm'])+\" \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['mainBG', isOpenModal ? 'open' : '']\">\r\n    <div class=\"mainModal\">\r\n      <div class=\"title\">\r\n        <div class=\"icon\" :class=\"[modalType]\">\r\n          <img\r\n            src=\"@/assets/images/Warning-1-circle.svg\"\r\n            alt=\"Warning\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'warning'\"\r\n          />\r\n          <img\r\n            src=\"@/assets/images/Trash.svg\"\r\n            alt=\"Trash\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'danger'\"\r\n          />\r\n          <img\r\n            src=\"@/assets/images/selfonboard/question-blue.svg\"\r\n            alt=\"question\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'question'\"\r\n          />\r\n        </div>\r\n        <div class=\"titleText\" :style=\"{ 'font-size': fontSize + 'px' }\">\r\n          {{ title }}\r\n        </div>\r\n      </div>\r\n      <div v-if=\"banner\" class=\"banner\">\r\n        <img :src=\"banner\" alt=\"banner\" />\r\n      </div>\r\n      <div class=\"details\" v-html=\"details\"></div>\r\n      <div class=\"content\">\r\n        <slot></slot>\r\n      </div>\r\n      <div class=\"btnContainer\">\r\n        <button\r\n          id=\"friendgetfriends_fgfmodal_onactionmodalback_button\"\r\n          @click=\"onCancel()\"\r\n          class=\"outlineprimary\"\r\n          :class=\"[modalType]\"\r\n          v-if=\"showbackto\"\r\n        >\r\n          {{ backto }}\r\n        </button>\r\n        <button\r\n          id=\"friendgetfriends_fgfmodal_onactionmodalconfirm_button\"\r\n          @click=\"onConfirm()\"\r\n          class=\"primarybtn\"\r\n          :disabled=\"disabledConfirm\"\r\n          :class=\"[modalType]\"\r\n        >\r\n          <span v-if=\"confirm\"> {{ confirm }}</span>\r\n          <span v-else>\r\n            {{ lbl['fgf-confirm'] }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    title: {\r\n      type: String,\r\n    },\r\n    banner: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    details: {\r\n      type: String,\r\n    },\r\n    backto: {\r\n      type: String,\r\n    },\r\n    confirm: {\r\n      type: String,\r\n    },\r\n    modalType: {\r\n      type: String,\r\n    },\r\n    isOpenModal: {\r\n      type: Boolean,\r\n    },\r\n    showbackto: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    disabledConfirm: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    onConfirm: {\r\n      type: Function,\r\n    },\r\n    onCancel: {\r\n      type: Function,\r\n    },\r\n    fontSize: {\r\n      type: String,\r\n      default: '24',\r\n    },\r\n  },\r\n  methods: {},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.mainBG {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: all 0.3s ease-in;\r\n  &.open {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n  .mainModal {\r\n    max-width: 530px;\r\n    width: 100%;\r\n    background-color: white;\r\n    border-radius: 8px;\r\n    padding: 24px;\r\n    z-index: 9999;\r\n    text-align: left;\r\n    .title {\r\n      display: flex;\r\n      .icon {\r\n        width: 44px;\r\n        height: 44px;\r\n        padding: 10px;\r\n        border-radius: 4px;\r\n        background-color: #fff3e0;\r\n        &.danger {\r\n          background-color: #ffe0e0;\r\n        }\r\n        &.question {\r\n          background-color: #e6f7ff;\r\n        }\r\n      }\r\n      .titleText {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n    .banner {\r\n      text-align: center;\r\n      margin: 16px auto;\r\n\r\n      img {\r\n        width: 100px;\r\n        height: 100px;\r\n      }\r\n    }\r\n    .details {\r\n      margin-top: 10px;\r\n      font-size: 14px;\r\n      .color-red-day {\r\n        color: red;\r\n      }\r\n    }\r\n    .btnContainer {\r\n      margin-top: 24px;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      gap: 24px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./confirmmodal2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./confirmmodal2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./confirmmodal2.vue?vue&type=template&id=b5943d36&scoped=true&\"\nimport script from \"./confirmmodal2.vue?vue&type=script&lang=js&\"\nexport * from \"./confirmmodal2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./confirmmodal2.vue?vue&type=style&index=0&id=b5943d36&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b5943d36\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectPackage.vue?vue&type=style&index=0&id=7073d9f7&lang=scss&scoped=true&\"","var isObject = require('./_is-object');\nvar isArray = require('./_is-array');\nvar SPECIES = require('./_wks')('species');\n\nmodule.exports = function (original) {\n  var C;\n  if (isArray(original)) {\n    C = original.constructor;\n    // cross-realm fallback\n    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;\n    if (isObject(C)) {\n      C = C[SPECIES];\n      if (C === null) C = undefined;\n    }\n  } return C === undefined ? Array : C;\n};\n"],"sourceRoot":""}