{"version":3,"sources":["webpack:///./src/views/CustomerService/ContactUs/index.vue?6ddb","webpack:///./src/views/CustomerService/ContactUs/index.vue?23b7","webpack:///./src/api/contact.js","webpack:///src/views/CustomerService/ContactUs/index.vue","webpack:///./src/views/CustomerService/ContactUs/index.vue?402d","webpack:///./src/views/CustomerService/ContactUs/index.vue?dd2e","webpack:///./src/utils/request.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","contactUsPage","area01_Title","area01_SubTitle","area01_Image","area01_ButtonName","area01_ButtonURL","staticClass","_v","_m","directives","name","rawName","value","expression","domProps","on","$event","target","composing","email","phone","class","selected","time","_l","opinionDetail","index","key","opinion","includes","area02_OpinionList_ID","opinionClick","_s","area02_OpinionList_Name","productCategory","productCategoryDetail","product","ProductCategoryID","ProductCategoryName","subject","area02_Remarks","opinionContent","identifyCode","identifyCodeUrl","refreshCode","area02_PersonInformation","Array","isArray","checkBtnStatus","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","area02_PersonInformation_FileURL","resetData","confirm","staticRenderFns","sendContactUs","data","request","url","method","metaInfo","title","SEO_Title","meta","components","created","window","location","replace","getContactUsPage","getProductCategory","methods","filter","push","checkData","alert","tempOpinion","temp","length","Captcha","Name","EMail","Phone","Time","Types","Products","Subject","Content","component","service","axios","create","baseURL","process","timeout","interceptors","use","config","error","Promise","reject","response","res","status","Error"],"mappings":"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","file":"js/chunk-e2fabe1c.d0aa6c1e.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../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!./index.vue?vue&type=style&index=0&id=07145ed6&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../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!./index.vue?vue&type=style&index=0&id=07145ed6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"contact_us\"}},[_c('custom-header',{attrs:{\"title\":_vm.contactUsPage.area01_Title,\"subTitle\":_vm.contactUsPage.area01_SubTitle,\"image\":_vm.contactUsPage.area01_Image,\"buttonName\":_vm.contactUsPage.area01_ButtonName,\"buttonURL\":_vm.contactUsPage.area01_ButtonURL}}),_c('section',{staticClass:\"container-fluid bg_blue i_ptb_10\"},[_c('div',{staticClass:\"container custom_container_md form\"},[_c('h2',{staticClass:\"i_h2_title text-center\"},[_vm._v(\"意見內容\")]),_vm._m(0),_c('div',{staticClass:\"row i_mt_14\"},[_c('div',{staticClass:\"col-12\"},[_c('label',{staticClass:\"form_label\"},[_vm._v(\"您的姓名\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.name),expression:\"name\"}],staticClass:\"input_text\",attrs:{\"type\":\"text\",\"placeholder\":\"請輸入您的姓名\"},domProps:{\"value\":(_vm.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.name=$event.target.value}}})]),_c('div',{staticClass:\"col-12 i_mt_8\"},[_c('label',{staticClass:\"form_label\"},[_vm._v(\"電子信箱\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"input_text\",attrs:{\"type\":\"text\",\"placeholder\":\"請輸入您的電子信箱\"},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}})]),_c('div',{staticClass:\"col-12 i_mt_8\"},[_c('label',{staticClass:\"form_label\"},[_vm._v(\"聯絡電話\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phone),expression:\"phone\"}],staticClass:\"input_text\",attrs:{\"type\":\"text\",\"placeholder\":\"建議以行動電話號碼為主\"},domProps:{\"value\":(_vm.phone)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phone=$event.target.value}}})]),_c('div',{staticClass:\"col-12 i_mt_6 flex_h align-items-start\"},[_c('label',{staticClass:\"form_label selector\"},[_vm._v(\"聯絡時間\")]),_c('div',{staticClass:\"selector_btn\",class:{ selected: _vm.time == '上午' },on:{\"click\":function($event){_vm.time = '上午'}}},[_vm._v(\"上午\")]),_c('div',{staticClass:\"selector_btn\",class:{ selected: _vm.time == '下午' },on:{\"click\":function($event){_vm.time = '下午'}}},[_vm._v(\"下午\")])]),_c('div',{staticClass:\"col-12 i_mt_4 flex_h align-items-start\"},[_c('label',{staticClass:\"form_label selector multiple\"},[_vm._v(\"意見類別\")]),_c('div',{staticClass:\"selectors flex_h align-items-start\"},_vm._l((_vm.contactUsPage.area02_OpinionList),function(opinionDetail,index){return _c('div',{key:index,staticClass:\"selector_btn\",class:{ selected: _vm.opinion.includes(opinionDetail.area02_OpinionList_ID) },on:{\"click\":function($event){return _vm.opinionClick(opinionDetail)}}},[_vm._v(_vm._s(opinionDetail.area02_OpinionList_Name))])}),0)]),_c('div',{staticClass:\"col-12 i_mt_4 flex_h align-items-start\"},[_c('label',{staticClass:\"form_label selector\"},[_vm._v(\"商品種類\")]),_c('div',{staticClass:\"selectors flex_h align-items-start\"},_vm._l((_vm.productCategory.ProductCategoryList),function(productCategoryDetail,index){return _c('div',{key:index,staticClass:\"selector_btn\",class:{ selected: _vm.product.ProductCategoryID == productCategoryDetail.ProductCategoryID },on:{\"click\":function($event){_vm.product = productCategoryDetail}}},[_vm._v(_vm._s(productCategoryDetail.ProductCategoryName))])}),0)]),_c('div',{staticClass:\"col-12 i_mt_8 flex_h\"},[_c('label',{staticClass:\"form_label\"},[_vm._v(\"主旨\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.subject),expression:\"subject\"}],staticClass:\"input_text title\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.subject)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.subject=$event.target.value}}})]),_c('div',{staticClass:\"col-12 i_mt_3 flex_h align-items-start note\"},[_c('label',{staticClass:\"form_label\"}),_c('p',[_vm._v(_vm._s(_vm.contactUsPage.area02_Remarks))])]),_c('div',{staticClass:\"col-12 i_mt_3 flex_h align-items-start\"},[_c('label',{staticClass:\"form_label\"},[_vm._v(\"您的意見\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.opinionContent),expression:\"opinionContent\"}],staticClass:\"input_text\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.opinionContent)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.opinionContent=$event.target.value}}})])])])]),_c('div',{staticClass:\"container-fluid i_ptb_10\"},[_c('div',{staticClass:\"container custom_container_md form\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-md-auto verify\"},[_c('label',{staticClass:\"form_label\"},[_vm._v(\"輸入驗證碼\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.identifyCode),expression:\"identifyCode\"}],staticClass:\"input_text\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.identifyCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.identifyCode=$event.target.value}}})]),_c('div',{staticClass:\"col-12 col-md-auto verify d-flex align-items-center i_mt_sm_4\"},[_c('div',{staticClass:\"refresh_code_btn d-flex align-items-center justify-content-center justify-content-sm-end\"},[_c('img',{staticClass:\"verify_code\",attrs:{\"src\":_vm.identifyCodeUrl}}),_c('img',{staticClass:\"i_ml_4\",on:{\"click\":_vm.refreshCode}}),_c('span',{staticClass:\"i_ml_1\",on:{\"click\":_vm.refreshCode}},[_vm._v(\"重新產生驗證碼\")])])])])]),_c('div',{staticClass:\"container custom_container_md\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"terms_wrapper i_mlr_auto\"},[_c('div',{staticClass:\"terms i_mt_11 i_plr_6 i_ptb_6\"},[_c('pre',{staticClass:\"i_body\",domProps:{\"innerHTML\":_vm._s(_vm.contactUsPage.area02_PersonInformation)}})]),_c('div',{staticClass:\"details d-flex justify-content-between i_mt_4\"},[_c('div',{staticClass:\"check d-flex\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkBtnStatus),expression:\"checkBtnStatus\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.checkBtnStatus)?_vm._i(_vm.checkBtnStatus,null)>-1:(_vm.checkBtnStatus)},on:{\"change\":function($event){var $$a=_vm.checkBtnStatus,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checkBtnStatus=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checkBtnStatus=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checkBtnStatus=$$c}}}}),_c('span',{staticClass:\"i_body i_ml_2\"},[_vm._v(\"我已閱讀並同意《新安東京海上產險履行個人資料保護法告知義務內容》\")])]),_c('a',{staticClass:\"download_btn d-flex align-items-center flex-shrink-0\",attrs:{\"href\":_vm.contactUsPage.area02_PersonInformation_FileURL,\"target\":\"_blank\"}},[_c('svg-icon',{attrs:{\"iconClass\":\"ic_download\",\"className\":\"icon\"}}),_c('span',[_vm._v(\"下載\")])],1)])])]),_c('div',{staticClass:\"row justify-content-center i_mt_10\"},[_c('div',{staticClass:\"btn_round btn_border_blue_ci\",on:{\"click\":_vm.resetData}},[_vm._v(\"清除表單\")]),_c('div',{staticClass:\"btn_round btn_yellow\",on:{\"click\":_vm.confirm}},[_vm._v(\"確認送出\")])])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"i_content text-center\"},[_vm._v(\"為更有效率的回應您的問題，\"),_c('span',{staticClass:\"d-block d-md-inline-block\"},[_vm._v(\"敬請完整填寫以下基本資料與內容\")])])}]\n\nexport { render, staticRenderFns }","import request from \"@/utils/request\";\n\nexport function sendContactUs(data) {\n  return request({\n    url: \"api/contactus\",\n    method: \"post\",\n    data\n  });\n}\n","<template lang=\"pug\">\n#contact_us\n  custom-header(\n    :title=\"contactUsPage.area01_Title\",\n    :subTitle=\"contactUsPage.area01_SubTitle\",\n    :image=\"contactUsPage.area01_Image\",\n    :buttonName=\"contactUsPage.area01_ButtonName\",\n    :buttonURL=\"contactUsPage.area01_ButtonURL\"\n  )\n\n  section.container-fluid.bg_blue.i_ptb_10\n    .container.custom_container_md.form\n      h2.i_h2_title.text-center 意見內容\n      p.i_content.text-center 為更有效率的回應您的問題，\n        span.d-block.d-md-inline-block 敬請完整填寫以下基本資料與內容\n      .row.i_mt_14\n        .col-12\n          label.form_label 您的姓名\n          input.input_text(type=\"text\", placeholder=\"請輸入您的姓名\", v-model=\"name\")\n        .col-12.i_mt_8\n          label.form_label 電子信箱\n          input.input_text(\n            type=\"text\",\n            placeholder=\"請輸入您的電子信箱\",\n            v-model=\"email\"\n          )\n        .col-12.i_mt_8\n          label.form_label 聯絡電話\n          input.input_text(\n            type=\"text\",\n            placeholder=\"建議以行動電話號碼為主\",\n            v-model=\"phone\"\n          )\n        .col-12.i_mt_6.flex_h.align-items-start\n          label.form_label.selector 聯絡時間\n          .selector_btn(\n            :class=\"{ selected: time == '上午' }\",\n            @click=\"time = '上午'\"\n          ) 上午\n          .selector_btn(\n            :class=\"{ selected: time == '下午' }\",\n            @click=\"time = '下午'\"\n          ) 下午\n        .col-12.i_mt_4.flex_h.align-items-start\n          label.form_label.selector.multiple 意見類別\n          .selectors.flex_h.align-items-start\n            .selector_btn(\n              v-for=\"(opinionDetail, index) in contactUsPage.area02_OpinionList\",\n              :key=\"index\",\n              :class=\"{ selected: opinion.includes(opinionDetail.area02_OpinionList_ID) }\",\n              @click=\"opinionClick(opinionDetail)\"\n            ) {{ opinionDetail.area02_OpinionList_Name }}\n        .col-12.i_mt_4.flex_h.align-items-start\n          label.form_label.selector 商品種類\n          .selectors.flex_h.align-items-start\n            .selector_btn(\n              v-for=\"(productCategoryDetail, index) in productCategory.ProductCategoryList\",\n              :key=\"index\",\n              :class=\"{ selected: product.ProductCategoryID == productCategoryDetail.ProductCategoryID }\",\n              @click=\"product = productCategoryDetail\"\n            ) {{ productCategoryDetail.ProductCategoryName }}\n        .col-12.i_mt_8.flex_h\n          label.form_label 主旨\n          input.input_text.title(type=\"text\", v-model=\"subject\")\n        .col-12.i_mt_3.flex_h.align-items-start.note\n          label.form_label\n          p {{ contactUsPage.area02_Remarks }}\n        .col-12.i_mt_3.flex_h.align-items-start\n          label.form_label 您的意見\n          textarea.input_text(type=\"text\", v-model=\"opinionContent\")\n  .container-fluid.i_ptb_10\n    .container.custom_container_md.form\n      .row\n        .col-12.col-md-auto.verify\n          label.form_label 輸入驗證碼\n          input.input_text(type=\"text\", v-model=\"identifyCode\")\n        .col-12.col-md-auto.verify.d-flex.align-items-center.i_mt_sm_4\n          .refresh_code_btn.d-flex.align-items-center.justify-content-center.justify-content-sm-end\n            img.verify_code(:src=\"identifyCodeUrl\")\n            img.i_ml_4(@click=\"refreshCode\")\n            span.i_ml_1(@click=\"refreshCode\") 重新產生驗證碼\n    .container.custom_container_md\n      .row\n        .terms_wrapper.i_mlr_auto\n          .terms.i_mt_11.i_plr_6.i_ptb_6\n            pre.i_body(v-html=\"contactUsPage.area02_PersonInformation\")\n          .details.d-flex.justify-content-between.i_mt_4\n            .check.d-flex\n              input(type=\"checkbox\", v-model=\"checkBtnStatus\")\n              span.i_body.i_ml_2 我已閱讀並同意《新安東京海上產險履行個人資料保護法告知義務內容》\n            a.download_btn.d-flex.align-items-center.flex-shrink-0(\n              :href=\"contactUsPage.area02_PersonInformation_FileURL\",\n              target=\"_blank\"\n            )\n              svg-icon(iconClass=\"ic_download\", className=\"icon\")\n              span 下載\n      .row.justify-content-center.i_mt_10\n        .btn_round.btn_border_blue_ci(@click=\"resetData\") 清除表單\n        .btn_round.btn_yellow(@click=\"confirm\") 確認送出\n</template>\n\n<script>\nimport CustomHeader from \"@/components/customer_service/Header\";\nimport { getContactUsPage } from \"@/json/customer_service\";\nimport { getProductCategory } from \"@/json/product\";\nimport { sendContactUs } from \"@/api/contact\";\n\nexport default {\n  name: \"CustomerServiceContactUsPage\",\n  metaInfo() {\n    return {\n      title: this.contactUsPage.SEO_Title,\n      meta: [\n        { name: \"description\", content: this.contactUsPage.SEO_Description },\n      ],\n    };\n  },\n  components: {\n    \"custom-header\": CustomHeader,\n  },\n  data() {\n    return {\n      contactUsPage: {},\n      productCategory: [],\n      name: \"\",\n      email: \"\",\n      phone: \"\",\n      time: \"\",\n      opinion: [],\n      product: \"\",\n      subject: \"\",\n      opinionContent: \"\",\n      identifyCode: \"\",\n      identifyCodeUrl:\n        process.env.BASE_URL + \"api/contactus/captcha?\" + new Date().getTime(),\n      checkBtnStatus: false,\n    };\n  },\n  created() {\n    window.location.replace(\"https://www.tmnewa.com.tw/b2c_v2/commonweb/OfficialInfo/ContactUs.aspx\")\n    this.getContactUsPage();\n    this.getProductCategory();\n  },\n  methods: {\n    getContactUsPage() {\n      getContactUsPage().then((response) => {\n        this.contactUsPage = response.data;\n      });\n    },\n    getProductCategory() {\n      getProductCategory().then((response) => {\n        this.productCategory = response.data;\n      });\n    },\n    opinionClick(data) {\n      if (this.opinion.includes(data.area02_OpinionList_ID)) {\n        this.opinion = this.opinion.filter(\n          (e) => e !== data.area02_OpinionList_ID\n        );\n      } else {\n        this.opinion.push(data.area02_OpinionList_ID);\n      }\n    },\n    refreshCode() {\n      this.identifyCodeUrl =\n        process.env.BASE_URL + \"api/contactus/captcha?\" + new Date().getTime();\n    },\n    checkData() {\n      if (\n        this.name == \"\" ||\n        this.email == \"\" ||\n        this.phone == \"\" ||\n        this.time == \"\" ||\n        this.subject == \"\" ||\n        this.opinionContent == \"\" ||\n        this.opinion.length == 0 ||\n        this.product == \"\" ||\n        this.identifyCode == \"\" ||\n        this.checkBtnStatus == false\n      ) {\n        alert(\n          \"請填寫所有資料並且閱讀並同意《新安東京海上產險履行個人資料保護法告知義務內容》\"\n        );\n        return false;\n      }\n      return true;\n    },\n    resetData() {\n      this.name = \"\";\n      this.email = \"\";\n      this.phone = \"\";\n      this.time = \"\";\n      this.subject = \"\";\n      this.opinionContent = \"\";\n      this.opinion = [];\n      this.product = \"\";\n      this.identifyCode = \"\";\n      this.checkBtnStatus = false;\n      this.refreshCode();\n    },\n    confirm() {\n      if (!this.checkData()) {\n        return;\n      }\n\n      let tempOpinion = \"\";\n      for (let index in this.opinion) {\n        let temp = this.opinion[index];\n        tempOpinion = tempOpinion + temp;\n        if (index != this.opinion.length - 1) {\n          tempOpinion = tempOpinion + \",\";\n        }\n      }\n      let data = {\n        Captcha: this.identifyCode,\n        Name: this.name,\n        EMail: this.email,\n        Phone: this.phone,\n        Time: this.time,\n        Types: tempOpinion,\n        Products: this.product.ProductCategoryID,\n        Subject: this.subject,\n        Content: this.opinionContent,\n      };\n      sendContactUs(data)\n        .then((response) => {\n          if (response.data.Status) {\n            this.resetData();\n            alert(\n              \"感謝您的留言! 新安東京海上產險已收到您的來信，我們將會盡快回覆您的建議或問題.\"\n            );\n          } else {\n            alert(response.data.Message);\n          }\n        })\n        .catch(() => {\n          alert(\"伺服器錯誤，請洽管理人員\");\n        });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/style/customer_service/contact_us\";\n</style>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=07145ed6&scoped=true&lang=pug&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=07145ed6&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  \"07145ed6\",\n  null\n  \n)\n\nexport default component.exports","import axios from \"axios\";\n\n// create an axios instance\nconst service = axios.create({\n  baseURL: process.env.BASE_URL, // url = base url + request url\n  // withCredentials: true, // send cookies when cross-domain requests\n  timeout: 30000, // request timeout\n});\n\n// request interceptor\nservice.interceptors.request.use(\n  (config) => {\n    // do something before request is sent\n    return config;\n  },\n  (error) => {\n    // do something with request error\n    return Promise.reject(error);\n  }\n);\n\n// response interceptor\nservice.interceptors.response.use(\n  /**\n   * If you want to get http information such as headers or status\n   * Please return  response => response\n   */\n\n  /**\n   * Determine the request status by custom code\n   * Here is just an example\n   * You can also judge the status by HTTP Status Code\n   */\n  (response) => {\n    const res = response;\n\n    if (res.status !== 200) {\n      return Promise.reject(new Error(\"Error\"));\n    } else {\n      return res;\n    }\n  },\n  (error) => {\n    return Promise.reject(error);\n  }\n);\n\nexport default service;\n"],"sourceRoot":""}