{"version":3,"sources":["webpack:///./src/core/Settings/Line/BzbsSettingsLine.js","webpack:///./src/assets/images/line-channel-logo-header.png","webpack:///./src/module/Settings/Line/ConnectLine.vue?02e8","webpack:///./src/module/Settings/Line/ConnectLine.vue?db5c","webpack:///./src/module/Settings/Line/ConnectLine.vue?3bd4","webpack:///src/module/Settings/Line/ConnectLine.vue","webpack:///./src/module/Settings/Line/ConnectLine.vue?4dc3","webpack:///./src/module/Settings/Line/ConnectLine.vue"],"names":["config","Vue","bzbsConfig","agency_id","Cache","get","AgencyId","token","Token","app_id","AppId","getConnectLine","params","strUrl","this","bzbsModuleUrl","BzbsApi","connectBzbsGet","postConnectLine","connectBzbsPost","postConnectFacebook","data","agencyId","facebookAppId","unConnectFacebook","connectBzbsDelete","getCampaignListUrl","client_id","getCampaignListAll","getActiveCampaignListUrl","getLineRichMenu","moment","unix","postLineRichMenu","generatenewbackground","postGenerateLiff","module","exports","render","_vm","_h","$createElement","_c","_self","staticClass","class","$store","state","isDashboard","attrs","showAlertSuccessLine","on","$event","_v","_s","lbl","showAlertErrorLine","showAlertSuccess","showAlertError","size","handleGenerateLiffUrl","directives","name","rawName","value","expression","domProps","changeInput","target","composing","line_message_channel_id","line_message_channel_secret","line_login_channel_id","staticStyle","line_login_channel_secret","disabledsubmit","handleSubmit","urlWebhook","copyClipboard","showTooltip","titleTooltip","slot","ref","currentLocale","callApiConnectLine","hideModal","callApiGenerateLiffUrl","hideModalGenerateLiffUrl","staticRenderFns","mixins","components","Header","host","created","methods","getCRMPlusProfile","BzbsProfile","then","window","setTimeout","resolve","catch","init","navigator","lineMessageChannelId","lineMessageSecretKey","lineLoginChannelId","lineLoginSecretKey","BzbsSettingsLine","component"],"mappings":"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","file":"js/chunk-29c66f0e.js","sourcesContent":["import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\nimport moment from 'moment'\r\n\r\n/**\r\n * @method getConnectLine\r\n * @method postConnectLine\r\n * @method postConnectFacebook\r\n * @method unConnectFacebook\r\n * @method getCampaignListUrl\r\n * @method getCampaignListAll\r\n * @method getActiveCampaignListUrl\r\n * @method getLineRichMenu\r\n * @method postLineRichMenu\r\n * @method postGenerateLiff\r\n */\r\n\r\nexport default {\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  agency_id: function () {\r\n    return Cache.get('CRMUser').AgencyId\r\n  },\r\n  token: function () {\r\n    return Cache.get('CRMUser').Token\r\n  },\r\n  app_id: function () {\r\n    return Cache.get('CRMUser').AppId\r\n  },\r\n  getConnectLine: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/line' +\r\n      '?agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  postConnectLine: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/line' +\r\n      '?agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postConnectFacebook: function (params) {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusoffice/facebook'\r\n    var data = {\r\n      agencyId: this.agency_id(),\r\n      facebookAppId: params.facebookAppId,\r\n    }\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), data)\r\n  },\r\n  unConnectFacebook: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/facebook' +\r\n      '?agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsDelete(strUrl, this.token(), null)\r\n  },\r\n  getCampaignListUrl: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusburn?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  getCampaignListAll: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusburn/' +\r\n      this.agency_id() +\r\n      '/campaing_all?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  getActiveCampaignListUrl: function () {\r\n    console.log('agency_id :: ', this.agency_id())\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusburn?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id() +\r\n      '&searchstatus=active'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  getLineRichMenu: function () {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/richmenu?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id() +\r\n      '&v=' +\r\n      moment().unix()\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token())\r\n  },\r\n  postLineRichMenu: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/richmenu?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n\r\n    params.generatenewbackground = true\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postGenerateLiff: function (params) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplusoffice/liff?device_app_id=' +\r\n      this.config().client_id +\r\n      '&agencyId=' +\r\n      this.agency_id()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n}\r\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAABFhJREFUeJylll1sVEUUx7cfmF1aodTFptLYaAgxVsu2+3Hv3pWy3d177yovSsRAC3XvnVmiiYnxI7yo+GQw8YsHxMYijYIJCWKIJNBEqzz4BcQHNUg0moioMShqi1gaovE3927XJWzrCpOczM7Mf/7/c86cmbuBwCwtkR2q10xxU9KWjxp5eciwi9+n8sUp7ILX28UfDFuOYZt0W9zcFV/TMBvXJS2ZXFOnm24E0lch+w3728gXJyA9CuFbSbu4R/WsH2Htd7WueuZ2sS/a3b2hbk4BzXKvAfwY9kvJXsZWGZbo0PvkfE0baAik0/WqN9IyxPwSw5J3gBnGTiN8hv5JIgvPIiDbAbwI8Bz920k2x1cONtYSfaxvbaNuiTxpHSOqP+mHdVNedxEo3uc0QLwVgUnstYQl2mvM7sWO5kQbPKNwTBDhNiMj/nUyaYkNKVtOqfRELafpcgRmWo/lhODZjp0nnaIkcO8iDvZEKi8/QqzzSgQqnO5E5H3S9rVhOmEmZIE8/kWpOjMgwg739A0Fy+OMaE3a60ORzPpQIida1FwsN9SsmbKlq8+dFzdlW5wUa6a7uDu9ut4TsuWg4iWa+wIo7mcwqeecFp/QVeHuBvSQF35qbSPjZ7HHsQfJ95huCoXZgj3hzZEJ5r/A80+IYrnvqLMA3gnWDwb4cRLAuzNeG6a7gPM5io14HvfLIHdkH7jd4Lb7UYt7IH4D0p3YCHNfctCb8PqBpCnaylx+tZ1SIhfYPDybSDS9UYm8Ce51+pe8FNjyBCLjnOMo/Q7m1B05yPwriVyhfEeYe0HxK5FpBiO1iuDdAYjPMD5fIfIz/SFVvpo66LKIVJFPKZFvsA+qiLBJ2LolY5DvrxAZpVg2+8+JL4KTx0ihxdptCdttqhD5HNxx9YPcFqfjmUKrWuBQmyA7rNLipTJfPALmPQphBySEL7dpGacVzLfqhUBwawk7jZ1DLFeqrlu8d48nB1K5zh+I+8sla7rtgKNYTM+J6wHeqNluWM+5lKlY7GPkMhzqSJruQnC9HtaSyxN5JxiNbqwnE8/4RyFWUO+FhXj1KV4e44FcVvuVm71RxurRPIXt61nhzPMnbTGA6h9edWTEoisSMOUN8Kh0/8Td6yovLF16ez0LO8n3WVURCcu99nIE4lmnlf17ycwkZ/LIJQBKr42F4dJTfZjfNjUfrMJVtfHBClNlu7z9tnzKyIqrqwJjGbeZfD5c+uKp9I0htpoK6uTAm7X+Un4rndMG6yiUJWDH/YOWT4NvntOj2MqhRqpGA/w8m74qfddPU8rHmXsn0i9DM9hkxgnh1F1U0ses/Ypt5uNVPYJqLU6qILgVrwZS3mNY3AvJnkimGPTTI9Sn+jnsR+wkuHVaVsyvWaCyRSJ31vEKXKVlZRN5b+5NO02k8G6IP+SAz3J+4ziT1jNu7f9W5mpcxl7IPyvd5O8wQfmH/nvn/2ikpFj6F7NFTxc6at33D0au40hCfAYoAAAAAElFTkSuQmCC\"","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!./ConnectLine.vue?vue&type=style&index=1&lang=scss&\"","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!./ConnectLine.vue?vue&type=style&index=0&id=7a64ad99&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'),_c('div',{staticClass:\"mx-auto mt-1 content-outer-container\",class:{ 'content-dashboard': _vm.$store.state.isDashboard }},[_c('div',{staticClass:\"mx-auto content-inner-container\"},[_c('div',{staticClass:\"wrap-connectLine\"},[_c('b-alert',{attrs:{\"variant\":\"success\",\"dismissible\":\"\",\"fade\":\"\",\"show\":_vm.showAlertSuccessLine},on:{\"dismissed\":function($event){_vm.showAlertSuccessLine = false}}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-success-message'])+\" \")]),_c('b-alert',{attrs:{\"variant\":\"danger\",\"dismissible\":\"\",\"fade\":\"\",\"show\":_vm.showAlertErrorLine},on:{\"dismissed\":function($event){_vm.showAlertErrorLine = false}}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-error-message'])+\" \")]),_c('b-alert',{attrs:{\"variant\":\"success\",\"dismissible\":\"\",\"fade\":\"\",\"show\":_vm.showAlertSuccess},on:{\"dismissed\":function($event){_vm.showAlertSuccess = false}}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-url-success-message'])+\" \")]),_c('b-alert',{attrs:{\"variant\":\"danger\",\"dismissible\":\"\",\"fade\":\"\",\"show\":_vm.showAlertError},on:{\"dismissed\":function($event){_vm.showAlertError = false}}},[_vm._v(\" \"+_vm._s(_vm.lbl['Line Liff has already generated.'])+\" \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 page-header\"},[_c('img',{attrs:{\"src\":require('@/assets/images/line-channel-logo-header.png'),\"alt\":\"image\"}}),_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-header'])+\" \")])]),_c('div',{staticClass:\"row mt-2 mb-3\"},[_c('div',{staticClass:\"col-12 text-right\"},[_c('a-button',{attrs:{\"shape\":\"round\",\"size\":_vm.size},on:{\"click\":_vm.handleGenerateLiffUrl}},[_vm._v(_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-url']))])],1)]),_c('a-form',[_c('div',{staticClass:\"row field-row\"},[_c('div',{staticClass:\"\\n                col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\\n                field-column field-label\\n                col-form-label\\n                field-required\\n              \"},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-line-message-channel-id'])+\" \")]),_c('div',{staticClass:\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.line_message_channel_id),expression:\"line_message_channel_id\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.lbl[\n                        'line-channel-connect-line-message-channel-id-placeholder'\n                      ]},domProps:{\"value\":(_vm.line_message_channel_id)},on:{\"change\":_vm.changeInput,\"input\":function($event){if($event.target.composing){ return; }_vm.line_message_channel_id=$event.target.value}}})])])])]),_c('div',{staticClass:\"row field-row\"},[_c('div',{staticClass:\"\\n                col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\\n                field-column field-label\\n                col-form-label\\n                field-required\\n              \"},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-line-message-channel-secret'])+\" \")]),_c('div',{staticClass:\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.line_message_channel_secret),expression:\"line_message_channel_secret\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.lbl[\n                        'line-channel-connect-line-message-channel-secret-placeholder'\n                      ]},domProps:{\"value\":(_vm.line_message_channel_secret)},on:{\"change\":_vm.changeInput,\"input\":function($event){if($event.target.composing){ return; }_vm.line_message_channel_secret=$event.target.value}}})])])])]),_c('div',{staticClass:\"row field-row\"},[_c('div',{staticClass:\"\\n                col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\\n                field-column field-label\\n                col-form-label\\n                field-required\\n              \"},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-line-login-channel-id'])+\" \")]),_c('div',{staticClass:\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.line_login_channel_id),expression:\"line_login_channel_id\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.lbl[\n                        'line-channel-connect-line-login-channel-id-placeholder'\n                      ]},domProps:{\"value\":(_vm.line_login_channel_id)},on:{\"change\":_vm.changeInput,\"input\":function($event){if($event.target.composing){ return; }_vm.line_login_channel_id=$event.target.value}}})])])])]),_c('div',{staticClass:\"row field-row\"},[_c('div',{staticClass:\"\\n                col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\\n                field-column field-label\\n                col-form-label\\n                field-required\\n              \",staticStyle:{\"border-bottom-width\":\"1px\"}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-line-login-channel-secret'])+\" \")]),_c('div',{staticClass:\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\",staticStyle:{\"border-bottom-width\":\"1px\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.line_login_channel_secret),expression:\"line_login_channel_secret\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.lbl[\n                        'line-channel-connect-line-login-channel-secret-placeholder'\n                      ]},domProps:{\"value\":(_vm.line_login_channel_secret)},on:{\"change\":_vm.changeInput,\"input\":function($event){if($event.target.composing){ return; }_vm.line_login_channel_secret=$event.target.value}}})])])])]),_c('div',{staticClass:\"row field-row mt-3\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"text-center\"},[_c('p',{staticClass:\"text-muted small mt-2\"},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-webhook-detail'])+\" \")]),_c('a-button',{attrs:{\"type\":\"primary\",\"disabled\":_vm.disabledsubmit},on:{\"click\":_vm.handleSubmit}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-connect-button'])+\" \")])],1)])]),_c('div',{staticClass:\"row mt-4\"},[_c('div',{staticClass:\"col-md-1\"}),_c('div',{staticClass:\"col-md-10\"},[_c('div',{staticClass:\"input-group text-center\"},[_c('input',{staticClass:\"form-control text-center\",attrs:{\"placeholder\":_vm.lbl['line-channel-connect-webhook-placeholder'],\"id\":\"WebHookUrl\",\"name\":\"WebHookUrl\",\"readonly\":\"readonly\",\"type\":\"text\",\"aria-invalid\":\"false\"},domProps:{\"value\":_vm.urlWebhook}}),_c('div',{staticClass:\"input-group-append\"},[_c('button',{staticClass:\"input-group-text copy-web-hook-url\",attrs:{\"data-toggle\":\"tooltip\",\"title\":\"\",\"data-clipboard-target\":\"#WebHookUrl\"},on:{\"click\":_vm.copyClipboard,\"mouseover\":_vm.showTooltip}},[_c('a-tooltip',{attrs:{\"slot\":\"suffix\",\"id\":\"tooltipClipboard\",\"title\":_vm.titleTooltip},slot:\"suffix\"},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-copy-button'])+\" \")])],1)])]),_c('p',{staticClass:\"text-muted text-center small mt-2\"},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-webhook-detail'])+\" \")])]),_c('div',{staticClass:\"col-md-1\"})])]),_c('b-modal',{ref:\"my-modal-confirm\",attrs:{\"modal-class\":\"modal-Confirm\",\"modalClass\":[_vm.currentLocale],\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"}},[_c('div',{staticClass:\"modal-base\"},[_c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-xl-11 col-lg-11 col-md-11 col-sm-10 col-10\"},[_c('div',{staticClass:\"modal-base-head\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/Clipboard-check.svg\"),\"alt\":\"image\"}}),_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-confirm-title'])+\" \")]),_c('div',{staticClass:\"modal-base-body mt-4\"},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-line-confirm-message'])+\" \")]),_c('div',{staticClass:\"modal-base-body mt-2 text-danger\"},[_vm._v(\" *\"+_vm._s(_vm.lbl[ 'line-channel-connect-regenerate-liff-confirm-message2' ])+\" \")])])]),_c('div',{staticClass:\"modal-base-footer mt-4\"},[_c('button',{staticClass:\"btn btn-warning ml-2\",on:{\"click\":_vm.callApiConnectLine}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-confirm-title'])+\" \")]),_c('button',{staticClass:\"btn btn-warning ml-2 cancel\",on:{\"click\":_vm.hideModal}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-cancel-title'])+\" \")])])])]),_c('b-modal',{ref:\"my-modal-confirm-generate-liff\",attrs:{\"modal-class\":\"modal-Confirm\",\"modalClass\":[_vm.currentLocale],\"centered\":\"\",\"hide-header\":\"\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"}},[_c('div',{staticClass:\"modal-base\"},[_c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-xl-11 col-lg-11 col-md-11 col-sm-10 col-10\"},[_c('div',{staticClass:\"modal-base-head\"},[_c('span',{staticClass:\"icoTitle\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/Clipboard-check.svg\"),\"alt\":\"image\"}})]),_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-confirm-title'])+\" \")]),_c('div',{staticClass:\"modal-base-body mt-4\"},[_vm._v(\" \"+_vm._s(_vm.lbl[ 'line-channel-connect-regenerate-liff-confirm-message' ])+\" \")]),_c('div',{staticClass:\"modal-base-body mt-2 text-danger\"},[_vm._v(\" *\"+_vm._s(_vm.lbl[ 'line-channel-connect-regenerate-liff-confirm-message2' ])+\" \")])])]),_c('div',{staticClass:\"modal-base-footer mt-4\"},[_c('button',{staticClass:\"btn btn-warning ml-2\",on:{\"click\":_vm.callApiGenerateLiffUrl}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-confirm-title'])+\" \")]),_c('button',{staticClass:\"btn btn-warning ml-2 cancel\",on:{\"click\":_vm.hideModalGenerateLiffUrl}},[_vm._v(\" \"+_vm._s(_vm.lbl['line-channel-connect-regenerate-liff-cancel-title'])+\" \")])])])])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header />\r\n    <div\r\n      class=\"mx-auto mt-1 content-outer-container\"\r\n      :class=\"{ 'content-dashboard': $store.state.isDashboard }\"\r\n    >\r\n      <div class=\"mx-auto content-inner-container\">\r\n        <div class=\"wrap-connectLine\">\r\n          <!-- AlertSuccessLine -->\r\n          <b-alert\r\n            variant=\"success\"\r\n            dismissible\r\n            fade\r\n            :show=\"showAlertSuccessLine\"\r\n            @dismissed=\"showAlertSuccessLine = false\"\r\n          >\r\n            {{ lbl['line-channel-connect-success-message'] }}\r\n          </b-alert>\r\n\r\n          <!-- AlertErrorLine -->\r\n          <b-alert\r\n            variant=\"danger\"\r\n            dismissible\r\n            fade\r\n            :show=\"showAlertErrorLine\"\r\n            @dismissed=\"showAlertErrorLine = false\"\r\n          >\r\n            {{ lbl['line-channel-connect-error-message'] }}\r\n          </b-alert>\r\n\r\n          <!-- AlertSuccess -->\r\n          <b-alert\r\n            variant=\"success\"\r\n            dismissible\r\n            fade\r\n            :show=\"showAlertSuccess\"\r\n            @dismissed=\"showAlertSuccess = false\"\r\n          >\r\n            {{\r\n              lbl['line-channel-connect-regenerate-liff-url-success-message']\r\n            }}\r\n          </b-alert>\r\n\r\n          <!-- AlertError -->\r\n          <b-alert\r\n            variant=\"danger\"\r\n            dismissible\r\n            fade\r\n            :show=\"showAlertError\"\r\n            @dismissed=\"showAlertError = false\"\r\n          >\r\n            {{ lbl['Line Liff has already generated.'] }}\r\n          </b-alert>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-12 page-header\">\r\n              <img\r\n                :src=\"require('@/assets/images/line-channel-logo-header.png')\"\r\n                alt=\"image\"\r\n              />\r\n              {{ lbl['line-channel-header'] }}\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"text-center my-3\" ng-controller=\"ImportUserCtrl\">\r\n            <div class=\"btn-group\" role=\"group\" aria-label=\"Button group\">\r\n              <a-button-group>\r\n                <a-button type=\"primary\">\r\n                  {{ lbl['line-channel-tab-connect'] }}\r\n                </a-button>\r\n                <a-button @click=\"goto('RichMenu')\">\r\n                  {{ lbl['line-channel-tab-setup-richmenu'] }}\r\n                </a-button>\r\n              </a-button-group>\r\n            </div>\r\n          </div> -->\r\n          <div class=\"row mt-2 mb-3\">\r\n            <div class=\"col-12 text-right\">\r\n              <a-button\r\n                shape=\"round\"\r\n                :size=\"size\"\r\n                @click=\"handleGenerateLiffUrl\"\r\n                >{{ lbl['line-channel-connect-regenerate-liff-url'] }}</a-button\r\n              >\r\n            </div>\r\n          </div>\r\n          <a-form>\r\n            <div class=\"row field-row\">\r\n              <div\r\n                class=\"\r\n                  col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\r\n                  field-column field-label\r\n                  col-form-label\r\n                  field-required\r\n                \"\r\n              >\r\n                {{ lbl['line-channel-connect-line-message-channel-id'] }}\r\n              </div>\r\n              <div\r\n                class=\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\"\r\n              >\r\n                <div class=\"row\">\r\n                  <div class=\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                    <input\r\n                      v-model=\"line_message_channel_id\"\r\n                      type=\"text\"\r\n                      class=\"form-control\"\r\n                      @change=\"changeInput\"\r\n                      :placeholder=\"\r\n                        lbl[\r\n                          'line-channel-connect-line-message-channel-id-placeholder'\r\n                        ]\r\n                      \"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row field-row\">\r\n              <div\r\n                class=\"\r\n                  col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\r\n                  field-column field-label\r\n                  col-form-label\r\n                  field-required\r\n                \"\r\n              >\r\n                {{ lbl['line-channel-connect-line-message-channel-secret'] }}\r\n              </div>\r\n              <div\r\n                class=\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\"\r\n              >\r\n                <div class=\"row\">\r\n                  <div class=\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                    <input\r\n                      v-model=\"line_message_channel_secret\"\r\n                      type=\"text\"\r\n                      class=\"form-control\"\r\n                      @change=\"changeInput\"\r\n                      :placeholder=\"\r\n                        lbl[\r\n                          'line-channel-connect-line-message-channel-secret-placeholder'\r\n                        ]\r\n                      \"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row field-row\">\r\n              <div\r\n                class=\"\r\n                  col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\r\n                  field-column field-label\r\n                  col-form-label\r\n                  field-required\r\n                \"\r\n              >\r\n                {{ lbl['line-channel-connect-line-login-channel-id'] }}\r\n              </div>\r\n              <div\r\n                class=\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\"\r\n              >\r\n                <div class=\"row\">\r\n                  <div class=\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                    <input\r\n                      v-model=\"line_login_channel_id\"\r\n                      type=\"text\"\r\n                      class=\"form-control\"\r\n                      @change=\"changeInput\"\r\n                      :placeholder=\"\r\n                        lbl[\r\n                          'line-channel-connect-line-login-channel-id-placeholder'\r\n                        ]\r\n                      \"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row field-row\">\r\n              <div\r\n                class=\"\r\n                  col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\r\n                  field-column field-label\r\n                  col-form-label\r\n                  field-required\r\n                \"\r\n                style=\"border-bottom-width: 1px\"\r\n              >\r\n                {{ lbl['line-channel-connect-line-login-channel-secret'] }}\r\n              </div>\r\n              <div\r\n                class=\"col-xl-9 col-lg-9 col-md-8 col-sm-12 col-12 field-column\"\r\n                style=\"border-bottom-width: 1px\"\r\n              >\r\n                <div class=\"row\">\r\n                  <div class=\"col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12\">\r\n                    <input\r\n                      v-model=\"line_login_channel_secret\"\r\n                      type=\"text\"\r\n                      class=\"form-control\"\r\n                      @change=\"changeInput\"\r\n                      :placeholder=\"\r\n                        lbl[\r\n                          'line-channel-connect-line-login-channel-secret-placeholder'\r\n                        ]\r\n                      \"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row field-row mt-3\">\r\n              <div class=\"col-12\">\r\n                <div class=\"text-center\">\r\n                  <p class=\"text-muted small mt-2\">\r\n                    {{ lbl['line-channel-connect-webhook-detail'] }}\r\n                  </p>\r\n                  <a-button\r\n                    type=\"primary\"\r\n                    @click=\"handleSubmit\"\r\n                    :disabled=\"disabledsubmit\"\r\n                  >\r\n                    {{ lbl['line-channel-connect-connect-button'] }}\r\n                  </a-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mt-4\">\r\n              <div class=\"col-md-1\"></div>\r\n              <div class=\"col-md-10\">\r\n                <div class=\"input-group text-center\">\r\n                  <input\r\n                    :placeholder=\"\r\n                      lbl['line-channel-connect-webhook-placeholder']\r\n                    \"\r\n                    class=\"form-control text-center\"\r\n                    id=\"WebHookUrl\"\r\n                    name=\"WebHookUrl\"\r\n                    readonly=\"readonly\"\r\n                    type=\"text\"\r\n                    :value=\"urlWebhook\"\r\n                    aria-invalid=\"false\"\r\n                  />\r\n                  <div class=\"input-group-append\">\r\n                    <button\r\n                      class=\"input-group-text copy-web-hook-url\"\r\n                      data-toggle=\"tooltip\"\r\n                      title=\"\"\r\n                      data-clipboard-target=\"#WebHookUrl\"\r\n                      @click=\"copyClipboard\"\r\n                      @mouseover=\"showTooltip\"\r\n                    >\r\n                      <a-tooltip\r\n                        slot=\"suffix\"\r\n                        id=\"tooltipClipboard\"\r\n                        :title=\"titleTooltip\"\r\n                      >\r\n                        {{ lbl['line-channel-connect-copy-button'] }}\r\n                      </a-tooltip>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <p class=\"text-muted text-center small mt-2\">\r\n                  {{ lbl['line-channel-connect-webhook-detail'] }}\r\n                </p>\r\n              </div>\r\n              <div class=\"col-md-1\"></div>\r\n            </div>\r\n          </a-form>\r\n          <b-modal\r\n            ref=\"my-modal-confirm\"\r\n            modal-class=\"modal-Confirm\"\r\n            :modalClass=\"[currentLocale]\"\r\n            centered\r\n            hide-header\r\n            hide-footer\r\n            no-close-on-backdrop\r\n            no-close-on-esc\r\n          >\r\n            <div class=\"modal-base\">\r\n              <div class=\"row mt-3\">\r\n                <div class=\"col-xl-11 col-lg-11 col-md-11 col-sm-10 col-10\">\r\n                  <div class=\"modal-base-head\">\r\n                    <img\r\n                      src=\"@/assets/images/Clipboard-check.svg\"\r\n                      alt=\"image\"\r\n                    />\r\n                    {{\r\n                      lbl['line-channel-connect-regenerate-liff-confirm-title']\r\n                    }}\r\n                  </div>\r\n                  <div class=\"modal-base-body mt-4\">\r\n                    {{ lbl['line-channel-connect-line-confirm-message'] }}\r\n                  </div>\r\n                  <div class=\"modal-base-body mt-2 text-danger\">\r\n                    *{{\r\n                      lbl[\r\n                        'line-channel-connect-regenerate-liff-confirm-message2'\r\n                      ]\r\n                    }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"modal-base-footer mt-4\">\r\n                <button\r\n                  class=\"btn btn-warning ml-2\"\r\n                  @click=\"callApiConnectLine\"\r\n                >\r\n                  {{\r\n                    lbl['line-channel-connect-regenerate-liff-confirm-title']\r\n                  }}\r\n                </button>\r\n                <button class=\"btn btn-warning ml-2 cancel\" @click=\"hideModal\">\r\n                  {{ lbl['line-channel-connect-regenerate-liff-cancel-title'] }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </b-modal>\r\n          <b-modal\r\n            ref=\"my-modal-confirm-generate-liff\"\r\n            modal-class=\"modal-Confirm\"\r\n            :modalClass=\"[currentLocale]\"\r\n            centered\r\n            hide-header\r\n            hide-footer\r\n            no-close-on-backdrop\r\n            no-close-on-esc\r\n          >\r\n            <div class=\"modal-base\">\r\n              <div class=\"row mt-3\">\r\n                <div class=\"col-xl-11 col-lg-11 col-md-11 col-sm-10 col-10\">\r\n                  <div class=\"modal-base-head\">\r\n                    <span class=\"icoTitle\"\r\n                      ><img\r\n                        src=\"@/assets/images/Clipboard-check.svg\"\r\n                        alt=\"image\"\r\n                    /></span>\r\n                    {{\r\n                      lbl['line-channel-connect-regenerate-liff-confirm-title']\r\n                    }}\r\n                  </div>\r\n                  <div class=\"modal-base-body mt-4\">\r\n                    {{\r\n                      lbl[\r\n                        'line-channel-connect-regenerate-liff-confirm-message'\r\n                      ]\r\n                    }}\r\n                  </div>\r\n                  <div class=\"modal-base-body mt-2 text-danger\">\r\n                    *{{\r\n                      lbl[\r\n                        'line-channel-connect-regenerate-liff-confirm-message2'\r\n                      ]\r\n                    }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"modal-base-footer mt-4\">\r\n                <button\r\n                  class=\"btn btn-warning ml-2\"\r\n                  @click=\"callApiGenerateLiffUrl\"\r\n                >\r\n                  {{\r\n                    lbl['line-channel-connect-regenerate-liff-confirm-title']\r\n                  }}\r\n                </button>\r\n                <button\r\n                  class=\"btn btn-warning ml-2 cancel\"\r\n                  @click=\"hideModalGenerateLiffUrl\"\r\n                >\r\n                  {{ lbl['line-channel-connect-regenerate-liff-cancel-title'] }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </b-modal>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsSettingsLine from '@/core/Settings/Line/BzbsSettingsLine'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport Header from '@/components/Layout/Header'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'ConnectLine',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n  },\r\n  data() {\r\n    return {\r\n      currentLocale: Locale.getLocaleShort(),\r\n      host: window.location.origin,\r\n      line_message_channel_id: '',\r\n      line_message_channel_secret: '',\r\n      line_login_channel_id: '',\r\n      line_login_channel_secret: '',\r\n      titleTooltip: '',\r\n      disabledsubmit: true,\r\n      urlWebhook: '',\r\n      showAlertSuccess: false,\r\n      showAlertError: false,\r\n      showAlertSuccessLine: false,\r\n      showAlertErrorLine: false,\r\n    }\r\n  },\r\n  created() {\r\n    this.handleFooter(true)\r\n    this.init()\r\n    this.getCRMPlusProfile().then(() => {\r\n      this.getConnectLine()\r\n    })\r\n  },\r\n  methods: {\r\n    getCRMPlusProfile() {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            console.log('getCRMPlusProfile : ', res.data)\r\n\r\n            if (res.data.StoreType == null || res.data.StoreType == '') {\r\n              window.location.href = this.host + '/PlanReward/SetupPlan'\r\n            }\r\n\r\n            if (res.data.LineMessageChannelId != null) {\r\n              this.line_message_channel_id = res.data.LineMessageChannelId\r\n            }\r\n            if (res.data.LineMessageSecretKey != null) {\r\n              this.line_message_channel_secret = res.data.LineMessageSecretKey\r\n            }\r\n            if (res.data.LineLoginChannelId != null) {\r\n              this.line_login_channel_id = res.data.LineLoginChannelId\r\n            }\r\n            if (res.data.LineLoginSecretKey != null) {\r\n              this.line_login_channel_secret = res.data.LineLoginSecretKey\r\n            }\r\n            setTimeout(() => this.changeInput(), 300)\r\n\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('apiGetAppCategoryList error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    init() {\r\n      this.titleTooltip =\r\n        this.lbl['line-channel-connect-webhook-tooltip-before-copy']\r\n    },\r\n    copyClipboard() {\r\n      var copyText = document.getElementById('WebHookUrl')\r\n      navigator.clipboard.writeText(copyText.value)\r\n      this.titleTooltip =\r\n        this.lbl['line-channel-connect-webhook-tooltip-after-copy']\r\n    },\r\n    showTooltip() {\r\n      this.titleTooltip =\r\n        this.lbl['line-channel-connect-webhook-tooltip-before-copy']\r\n    },\r\n    changeInput() {\r\n      if (\r\n        this.line_message_channel_id != '' &&\r\n        this.line_message_channel_id != null &&\r\n        this.line_message_channel_secret != '' &&\r\n        this.line_message_channel_secret != null &&\r\n        this.line_login_channel_id != '' &&\r\n        this.line_login_channel_id != null &&\r\n        this.line_login_channel_secret != '' &&\r\n        this.line_login_channel_secret != null\r\n      ) {\r\n        this.disabledsubmit = false\r\n      } else {\r\n        this.disabledsubmit = true\r\n      }\r\n    },\r\n    handleSubmit() {\r\n      this.$refs['my-modal-confirm'].show()\r\n    },\r\n    hideModal() {\r\n      this.$refs['my-modal-confirm'].hide()\r\n    },\r\n    getConnectLine() {\r\n      this.handleLoading(true)\r\n\r\n      this.showAlertSuccessLine = false\r\n      this.showAlertErrorLine = false\r\n      this.showAlertSuccess = false\r\n      this.showAlertError = false\r\n      let params = {\r\n        lineMessageChannelId: this.line_message_channel_id,\r\n        lineMessageSecretKey: this.line_message_channel_secret,\r\n        lineLoginChannelId: this.line_login_channel_id,\r\n        lineLoginSecretKey: this.line_login_channel_secret,\r\n      }\r\n      return new Promise(resolve => {\r\n        BzbsSettingsLine.getConnectLine(params)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.urlWebhook = res.data.webHookUrl\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('getConnectLine error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    callApiConnectLine() {\r\n      this.handleLoading(true)\r\n      this.showAlertSuccessLine = false\r\n      this.showAlertErrorLine = false\r\n      this.showAlertSuccess = false\r\n      this.showAlertError = false\r\n      let params = {\r\n        lineMessageChannelId: this.line_message_channel_id,\r\n        lineMessageSecretKey: this.line_message_channel_secret,\r\n        lineLoginChannelId: this.line_login_channel_id,\r\n        lineLoginSecretKey: this.line_login_channel_secret,\r\n      }\r\n      return new Promise(resolve => {\r\n        BzbsSettingsLine.postConnectLine(params)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.$refs['my-modal-confirm'].hide()\r\n            this.urlWebhook = res.data.webHookUrl\r\n            if (res.status == 200) {\r\n              this.showAlertSuccessLine = true\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.showAlertErrorLine = true\r\n            console.log('postConnectLine error', error)\r\n            this.$refs['my-modal-confirm'].hide()\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    handleGenerateLiffUrl() {\r\n      this.$refs['my-modal-confirm-generate-liff'].show()\r\n    },\r\n    hideModalGenerateLiffUrl() {\r\n      this.$refs['my-modal-confirm-generate-liff'].hide()\r\n    },\r\n    callApiGenerateLiffUrl() {\r\n      this.handleLoading(true)\r\n      this.showAlertSuccessLine = false\r\n      this.showAlertErrorLine = false\r\n      this.showAlertSuccess = false\r\n      this.showAlertError = false\r\n      let params = {}\r\n      return new Promise(resolve => {\r\n        BzbsSettingsLine.postGenerateLiff(params)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            console.log('postGenerateLiff : ', res)\r\n            this.$refs['my-modal-confirm-generate-liff'].hide()\r\n            if (res.status == 200) {\r\n              this.showAlertSuccess = true\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('postGenerateLiff error', error)\r\n            this.showAlertError = true\r\n            this.$refs['my-modal-confirm-generate-liff'].hide()\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-body {\r\n  padding: 1.5rem 2rem;\r\n\r\n  .modal-base-head {\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.15px;\r\n    text-align: left;\r\n    color: rgba(0, 0, 0, 0.85);\r\n    .icoTitle {\r\n      width: 44px;\r\n      height: 44px;\r\n      padding: 5px 10px 10px 10px;\r\n      border-radius: 4px;\r\n      background-color: rgba(76, 175, 80, 0.1);\r\n    }\r\n  }\r\n\r\n  .modal-base-body {\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.57;\r\n    letter-spacing: 0.15px;\r\n    text-align: left;\r\n    color: #616161;\r\n  }\r\n\r\n  .modal-base-footer {\r\n    text-align: end;\r\n  }\r\n\r\n  .btn-warning {\r\n    color: #ffffff;\r\n    background-color: #ffc107;\r\n    border-color: #ffc107;\r\n\r\n    &:hover {\r\n      color: #ffffff;\r\n      background-color: #ecb100;\r\n      border-color: #ecb100;\r\n    }\r\n    &.cancel {\r\n      color: #ffc107;\r\n      background-color: #fff;\r\n      border-color: #ffc107;\r\n      &:hover {\r\n        color: #ffffff;\r\n        background-color: #ecb100;\r\n        border-color: #ecb100;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.wrap-connectLine {\r\n  .ant-form {\r\n    padding: 0 15px;\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!./ConnectLine.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!./ConnectLine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConnectLine.vue?vue&type=template&id=7a64ad99&scoped=true&\"\nimport script from \"./ConnectLine.vue?vue&type=script&lang=js&\"\nexport * from \"./ConnectLine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConnectLine.vue?vue&type=style&index=0&id=7a64ad99&lang=scss&scoped=true&\"\nimport style1 from \"./ConnectLine.vue?vue&type=style&index=1&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  \"7a64ad99\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}