{"version":3,"sources":["webpack:///./src/components/Modal/PackageExpireModal.vue?7c25","webpack:///src/components/Modal/PackageExpireModal.vue","webpack:///./src/components/Modal/PackageExpireModal.vue?926f","webpack:///./src/components/Modal/PackageExpireModal.vue","webpack:///./src/components/Modal/PackageExpireModal.vue?a7c1","webpack:///./src/assets/images/icon-warning.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","showmodal","expression","class","currentLocale","_v","_s","lbl","package_expire_message","title","descText","on","$event","clickExist","button","staticRenderFns","component","module","exports"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,GAAK,uBAAuB,cAAc,GAAG,cAAc,GAAG,SAAW,GAAG,uBAAuB,GAAG,kBAAkB,IAAIC,MAAM,CAACC,MAAOT,EAAa,UAAEU,SAAS,SAAUC,GAAMX,EAAIY,UAAUD,GAAKE,WAAW,cAAc,CAACT,EAAG,MAAM,CAACU,MAAMd,EAAIe,eAAe,CAACX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAAC,IAAM,EAAQ,QAAoC,IAAM,kBAAkBH,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIgB,GAAG,eAAehB,EAAIiB,GAAGjB,EAAIkB,IAAIC,uBAAuBC,OAAO,gBAAgBhB,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,eAAehB,EAAIiB,GAAGjB,EAAIqB,UAAU,kBAAkBjB,EAAG,WAAW,CAACE,YAAY,mBAAmBC,MAAM,CAAC,GAAK,8BAA8B,MAAQ,GAAG,OAAS,gBAAgBe,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOvB,EAAIwB,gBAAgB,CAACxB,EAAIgB,GAAG,aAAahB,EAAIiB,GAAGjB,EAAIkB,IAAIC,uBAAuBM,QAAQ,eAAe,MAAM,IACthCC,EAAkB,G,mGC4CtB,GACA,0BACA,gBACA,OACA,aACA,WACA,YACA,iBAEA,cACA,YACA,kBAGA,gBACA,OACA,aACA,iCACA,YACA,mBAGA,OACA,mBAEA,MACA,kBAGA,yBAEA,kEACA,MACA,qBAIA,8BACA,0CACA,yBACA,gDAEA,mCAGA,SACA,qBACA,kBAEA,4BACA,iCAEA,sBAEA,GADA,2CACA,qCACA,+CACA,kBAEA,qBADA,eACA,EAEA,cAGA,uCAGA,4BAEA,IADA,iCACA,oBACA,WACA,iBACA,uBACA,8DAGA,sBACA,kBACA,gBC1H2W,I,wBCQvWC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,2CCnBf,W,qBCAAC,EAAOC,QAAU,IAA0B","file":"js/chunk-602c64a0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"package-expire-wrapper\"},[_c('b-modal',{attrs:{\"id\":\"package_expire_modal\",\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},model:{value:(_vm.showmodal),callback:function ($$v) {_vm.showmodal=$$v},expression:\"showmodal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"body\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/images/icon-warning.svg\"),\"alt\":\"warning icon\"}}),_c('span',{staticClass:\"title\"},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.package_expire_message.title)+\"\\n        \")]),_c('span',{staticClass:\"description\"},[_vm._v(\"\\n          \"+_vm._s(_vm.descText)+\"\\n        \")])]),_c('b-button',{staticClass:\"button exist-btn\",attrs:{\"id\":\"close-package-expire-button\",\"block\":\"\",\"crm_at\":\"exist-button\"},on:{\"click\":function($event){return _vm.clickExist()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.package_expire_message.button)+\"\\n      \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"package-expire-wrapper\">\r\n    <b-modal\r\n      id=\"package_expire_modal\"\r\n      v-model=\"showmodal\"\r\n      hide-header\r\n      hide-footer\r\n      centered\r\n      no-close-on-backdrop\r\n      no-close-on-esc\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"body\">\r\n          <img\r\n            src=\"@/assets/images/icon-warning.svg\"\r\n            alt=\"warning icon\"\r\n            class=\"icon\"\r\n          />\r\n          <span class=\"title\">\r\n            {{ lbl.package_expire_message.title }}\r\n          </span>\r\n          <span class=\"description\">\r\n            {{ descText }}\r\n          </span>\r\n        </div>\r\n        <b-button\r\n          id=\"close-package-expire-button\"\r\n          block\r\n          class=\"button exist-btn\"\r\n          crm_at=\"exist-button\"\r\n          @click=\"clickExist()\"\r\n        >\r\n          {{ lbl.package_expire_message.button }}\r\n        </b-button>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport liff from '@line/liff'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  name: 'PackageExpireModal',\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    show: Boolean,\r\n    loginType: {\r\n      type: String,\r\n      default: 'email',\r\n    },\r\n    businessName: {\r\n      type: String,\r\n      default: 'store',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showmodal: false,\r\n      currentLocale: Locale.getLocale(),\r\n      descText: '',\r\n      loginTypeList: [],\r\n    }\r\n  },\r\n  watch: {\r\n    show(newVal, oldVal) {\r\n      console.log('Prop show: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.initShow(newVal)\r\n      }\r\n    },\r\n    businessName(value) {\r\n      console.log('watch businessName: ', value)\r\n      this.descText = this.lbl.package_expire_message.description.replace(\r\n        '{0}',\r\n        this.businessName,\r\n      )\r\n    },\r\n  },\r\n  created() {\r\n    this.checklocalStorage().then(() => {\r\n      Account.removeCacheCustom(\r\n        'setRegister_' + Account.getCacheCustom('app_id'),\r\n      )\r\n      this.handleLogintype(this.loginType)\r\n    })\r\n  },\r\n  methods: {\r\n    initShow(newVal) {\r\n      this.showmodal = newVal\r\n    },\r\n    handleLogintype(loginType) {\r\n      this.loginTypeList = loginType.split(',')\r\n    },\r\n    clickExist() {\r\n      this.$bvModal.hide('package_expire_modal')\r\n      if (this.loginTypeList.includes('line')) {\r\n        var fullPath = Account.getCacheCustomByAppId('fullPath')\r\n        this.lifflogout()\r\n        if (fullPath != null && fullPath != '') {\r\n          window.location.href = fullPath\r\n        } else {\r\n          window.location.href = '/login'\r\n        }\r\n      } else {\r\n        window.location.href = '/landing/email'\r\n      }\r\n    },\r\n    deleteAllCookies() {\r\n      var cookies = document.cookie.split(';')\r\n      for (var i = 0; i < cookies.length; i++) {\r\n        var cookie = cookies[i]\r\n        var eqPos = cookie.indexOf('=')\r\n        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie\r\n        document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT'\r\n      }\r\n    },\r\n    lifflogout: function () {\r\n      if (liff.isLoggedIn()) {\r\n        liff.logout()\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n\r\n#package_expire_modal > .modal-dialog {\r\n  padding: 0;\r\n\r\n  .modal-content {\r\n    background-color: #fff;\r\n    border: solid 1px #f5f5f5;\r\n    border-radius: 10px;\r\n    padding: 24px 16px 32px;\r\n    margin: auto 16px;\r\n    overflow: inherit;\r\n\r\n    .modal-body {\r\n      color: #616161;\r\n      font-size: 14px;\r\n      padding: 0;\r\n      line-height: 1.57;\r\n      letter-spacing: 0.15px;\r\n      text-align: center;\r\n\r\n      .body {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n\r\n        .icon {\r\n          width: 120px;\r\n          height: 120px;\r\n          margin-bottom: 24px;\r\n        }\r\n\r\n        .title {\r\n          font-size: 16px;\r\n          color: $color-modal-title;\r\n        }\r\n        .description {\r\n          color: $color-modal-desc;\r\n          margin: 8px 0 24px;\r\n        }\r\n      }\r\n    }\r\n    .button {\r\n      width: 100%;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      text-align: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 12px 16px;\r\n      border-radius: 100px;\r\n    }\r\n    .exist-btn {\r\n      color: #033a70;\r\n      border-radius: 100px;\r\n      border: solid 1px #033a70;\r\n      background-color: #ffffff;\r\n    }\r\n    .cancle-member-btn {\r\n      color: #ffffff;\r\n      border: solid 1px #ff5252;\r\n      background-color: #ff5252;\r\n      margin-top: 16px;\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!./PackageExpireModal.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!./PackageExpireModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PackageExpireModal.vue?vue&type=template&id=ca2c822a&\"\nimport script from \"./PackageExpireModal.vue?vue&type=script&lang=js&\"\nexport * from \"./PackageExpireModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PackageExpireModal.vue?vue&type=style&index=0&lang=scss&\"\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  null,\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/css-loader/index.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!./PackageExpireModal.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/icon-warning.svg\";"],"sourceRoot":""}