{"version":3,"sources":["webpack:///./src/module/FriendsGetFriend/inviter.vue?8e4a","webpack:///./src/assets/images/shareline.svg","webpack:///./node_modules/core-js/modules/_string-html.js","webpack:///./src/assets/images/empty_fgf.png","webpack:///./src/assets/images/gobackcur.svg","webpack:///./node_modules/core-js/modules/es6.string.link.js","webpack:///./src/module/FriendsGetFriend/inviter.vue?a813","webpack:///src/module/FriendsGetFriend/inviter.vue","webpack:///./src/module/FriendsGetFriend/inviter.vue?eee6","webpack:///./src/module/FriendsGetFriend/inviter.vue"],"names":["module","exports","$export","fails","defined","quot","createHTML","string","tag","attribute","value","S","String","p1","replace","NAME","exec","O","P","F","test","toLowerCase","split","length","url","this","render","_vm","_h","$createElement","_c","_self","staticClass","on","goback","attrs","data","ImageUrl","_v","_s","Name","Description","lbl","userlevel","btn_seemore","btn_seeless","fgf","expon","ExpireDate","formatDateString","invitemodal","$event","showModal","howitswork","shareTargetPicker","invitevialine","orcopytofriends","link","copyToClipboard","copybtn","style","color","btnBGColor","goto","seeinvitefriends","class","ismodalShow","howitsworktext","backgroundColor","btnColor","border","closebtn","ref","copy","height","staticRenderFns","component"],"mappings":"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","file":"js/inviter.js","sourcesContent":["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!./inviter.vue?vue&type=style&index=0&id=3a4a8c56&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/shareline.svg\";","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n","module.exports = __webpack_public_path__ + \"img/empty_fgf.png\";","module.exports = __webpack_public_path__ + \"img/gobackcur.svg\";","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"inviterContainer\"},[_c('div',{staticClass:\"imgContainer\"},[_c('div',{staticClass:\"previewMaincontainer\"},[_c('div',{staticClass:\"previewImg\"},[_c('div',{staticClass:\"goback\",on:{\"click\":_vm.goback}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/gobackcur.svg\"),\"width\":\"62\",\"height\":\"62\",\"alt\":\"\"}})]),(!_vm.data.ImageUrl)?_c('img',{attrs:{\"src\":require(\"@/assets/images/empty_fgf.png\"),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":_vm.data.ImageUrl,\"alt\":\"\"}})]),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"title dotAfter\"},[_vm._v(\"\\n          \"+_vm._s(_vm.data.Name ? _vm.data.Name : '-')+\"\\n        \")]),_c('vue-show-more-text',{attrs:{\"text\":_vm.data.Description,\"more-text\":_vm.lbl.userlevel.btn_seemore,\"less-text\":_vm.lbl.userlevel.btn_seeless,\"lines\":4,\"additional-container-css\":\"text-align:start;\",\"additional-anchor-css\":\"padding:10px 0px;\"}}),_c('div',{staticClass:\"date\"},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.fgf.expon)+\"\\n          \"+_vm._s(_vm.data.ExpireDate\n              ? _vm.formatDateString(this.data.ExpireDate * 1000)\n              : '')+\"\\n        \")])],1),_c('div',{staticClass:\"invite\"},[_c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.lbl.fgf.invitemodal))]),_c('span',{staticClass:\"subtitle\",on:{\"click\":function($event){return _vm.showModal(true)}}},[_vm._v(_vm._s(_vm.lbl.fgf.howitswork))])]),_c('div',{staticClass:\"lineBtnCintainer\"},[_c('button',{staticClass:\"lineBtn\",on:{\"click\":_vm.shareTargetPicker}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/shareline.svg\"),\"width\":\"24\",\"height\":\"24\",\"alt\":\"\"}}),_vm._v(\"\\n            \"+_vm._s(_vm.lbl.fgf.invitevialine)+\"\\n          \")])]),_c('div',{staticClass:\"link\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.fgf.orcopytofriends)+\"\\n          \")]),_c('div',{staticClass:\"linkContainer\"},[_c('div',{staticClass:\"linktext dotAfter\"},[_vm._v(\"\\n              \"+_vm._s(_vm.link)+\"\\n              \"),_c('button',{on:{\"click\":_vm.copyToClipboard}},[_vm._v(_vm._s(_vm.lbl.fgf.copybtn))])])])]),_c('div',{staticClass:\"seemore\",style:({ color: _vm.btnBGColor }),on:{\"click\":function($event){return _vm.goto('invitedList')}}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.fgf.seeinvitefriends)+\"\\n        \")])])])]),_c('div',{class:['modalHowitsworks', _vm.ismodalShow ? 'active' : '']},[_c('div',{staticClass:\"mainContent\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.lbl.fgf.howitswork))]),_c('div',{staticClass:\"content\"},[_c('p',[_vm._v(_vm._s(_vm.lbl.fgf.howitsworktext.split('_')[0]))]),_c('p',[_vm._v(_vm._s(_vm.lbl.fgf.howitsworktext.split('_')[1]))]),_c('p',[_vm._v(_vm._s(_vm.lbl.fgf.howitsworktext.split('_')[2]))])]),_c('div',{staticClass:\"btnCon\"},[_c('button',{style:({\n            backgroundColor: _vm.btnColor,\n            color: _vm.btnBGColor,\n            border: '1px solid ' + _vm.btnBGColor,\n          }),on:{\"click\":function($event){return _vm.showModal(false)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.fgf.closebtn)+\"\\n        \")])])])]),_c('div',{ref:\"toastcopys\",staticClass:\"toastcopys\"},[_vm._v(_vm._s(_vm.lbl.fgf.copy))]),_c('div',{style:({ height: '43px' })})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"inviterContainer\">\r\n    <div class=\"imgContainer\">\r\n      <div class=\"previewMaincontainer\">\r\n        <div class=\"previewImg\">\r\n          <div class=\"goback\" @click=\"goback\">\r\n            <img\r\n              src=\"@/assets/images/gobackcur.svg\"\r\n              width=\"62\"\r\n              height=\"62\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <img\r\n            v-if=\"!data.ImageUrl\"\r\n            src=\"@/assets/images/empty_fgf.png\"\r\n            alt=\"\"\r\n          />\r\n          <img v-else :src=\"data.ImageUrl\" alt=\"\" />\r\n        </div>\r\n        <div class=\"details\">\r\n          <div class=\"title dotAfter\">\r\n            {{ data.Name ? data.Name : '-' }}\r\n          </div>\r\n          <vue-show-more-text\r\n            :text=\"data.Description\"\r\n            :more-text=\"lbl.userlevel.btn_seemore\"\r\n            :less-text=\"lbl.userlevel.btn_seeless\"\r\n            :lines=\"4\"\r\n            additional-container-css=\"text-align:start;\"\r\n            additional-anchor-css=\"padding:10px 0px;\"\r\n          />\r\n          <div class=\"date\">\r\n            {{ lbl.fgf.expon }}\r\n            {{\r\n              data.ExpireDate\r\n                ? formatDateString(this.data.ExpireDate * 1000)\r\n                : ''\r\n            }}\r\n          </div>\r\n        </div>\r\n        <div class=\"invite\">\r\n          <div class=\"header\">\r\n            <span class=\"title\">{{ lbl.fgf.invitemodal }}</span>\r\n            <span class=\"subtitle\" @click=\"showModal(true)\">{{\r\n              lbl.fgf.howitswork\r\n            }}</span>\r\n          </div>\r\n          <div class=\"lineBtnCintainer\">\r\n            <button class=\"lineBtn\" @click=\"shareTargetPicker\">\r\n              <img\r\n                src=\"@/assets/images/shareline.svg\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n                alt=\"\"\r\n              />\r\n              {{ lbl.fgf.invitevialine }}\r\n            </button>\r\n          </div>\r\n          <div class=\"link\">\r\n            <div class=\"text\">\r\n              {{ lbl.fgf.orcopytofriends }}\r\n            </div>\r\n            <div class=\"linkContainer\">\r\n              <div class=\"linktext dotAfter\">\r\n                {{ link }}\r\n                <button @click=\"copyToClipboard\">{{ lbl.fgf.copybtn }}</button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"seemore\"\r\n            :style=\"{ color: btnBGColor }\"\r\n            @click=\"goto('invitedList')\"\r\n          >\r\n            {{ lbl.fgf.seeinvitefriends }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div :class=\"['modalHowitsworks', ismodalShow ? 'active' : '']\">\r\n      <div class=\"mainContent\">\r\n        <div class=\"title\">{{ lbl.fgf.howitswork }}</div>\r\n        <div class=\"content\">\r\n          <p>{{ lbl.fgf.howitsworktext.split('_')[0] }}</p>\r\n          <p>{{ lbl.fgf.howitsworktext.split('_')[1] }}</p>\r\n          <p>{{ lbl.fgf.howitsworktext.split('_')[2] }}</p>\r\n        </div>\r\n        <div class=\"btnCon\">\r\n          <button\r\n            :style=\"{\r\n              backgroundColor: btnColor,\r\n              color: btnBGColor,\r\n              border: '1px solid ' + btnBGColor,\r\n            }\"\r\n            @click=\"showModal(false)\"\r\n          >\r\n            {{ lbl.fgf.closebtn }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div ref=\"toastcopys\" class=\"toastcopys\">{{ lbl.fgf.copy }}</div>\r\n    <div :style=\"{ height: '43px' }\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport moment from 'moment'\r\nimport liff from '@line/liff'\r\nimport vueShowMoreText from 'vue-show-more-text'\r\nexport default {\r\n  name: 'Inviter',\r\n  components: { vueShowMoreText },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      data: {},\r\n      btnColor: '',\r\n      btnBGColor: '',\r\n      ismodalShow: false,\r\n      sharePicker: '',\r\n      link: '',\r\n    }\r\n  },\r\n  created() {\r\n    Account.bzbsAnalyticTracking(\r\n      'inviter_page',\r\n      'inviter_page',\r\n      'view_inviter_page',\r\n      'on view',\r\n    )\r\n    this.getFGFGenLink()\r\n    this.getCustomerStore()\r\n    this.handleshowFGF(false)\r\n    this.handleLanguage(true)\r\n    this.handleFooter(false)\r\n    this.handleLoading(false)\r\n    this.initliff()\r\n  },\r\n  mounted() {\r\n    this.handleshowFGF(false)\r\n  },\r\n  methods: {\r\n    initliff() {\r\n      liff\r\n        .init({\r\n          liffId: Account.getCacheCustomByAppId('liffId'),\r\n        })\r\n        .then(() => {\r\n          if (!liff.isLoggedIn()) {\r\n            liff.login()\r\n          }\r\n        })\r\n    },\r\n    formatDateString(dateString, format = 'DD MMM YYYY', calHours = null) {\r\n      return moment(dateString).add(calHours, 'hours').format(format)\r\n    },\r\n    goback() {\r\n      this.$router.go(-1)\r\n    },\r\n    goto(page) {\r\n      this.$router.push({\r\n        name: page,\r\n      })\r\n    },\r\n    showModal(state) {\r\n      this.ismodalShow = state\r\n    },\r\n    copyToClipboard() {\r\n      const el = document.createElement('textarea')\r\n      el.value = this.link\r\n      el.setAttribute('readonly', '')\r\n      el.style.position = 'absolute'\r\n      el.style.left = '-9999px'\r\n      document.body.appendChild(el)\r\n      const selected =\r\n        document.getSelection().rangeCount > 0\r\n          ? document.getSelection().getRangeAt(0)\r\n          : false\r\n      el.select()\r\n      document.execCommand('copy')\r\n      document.body.removeChild(el)\r\n      if (selected) {\r\n        document.getSelection().removeAllRanges()\r\n        document.getSelection().addRange(selected)\r\n      }\r\n      this.$refs.toastcopys.classList.add('show')\r\n      setTimeout(() => {\r\n        this.$refs.toastcopys.classList.remove('show')\r\n      }, 3000)\r\n    },\r\n    shareTargetPicker() {\r\n      const baseLineUrl = 'https://line.me/R/share?text='\r\n      window.location =\r\n        baseLineUrl +\r\n        encodeURIComponent(this.data.InviteMessage + ' ' + this.link)\r\n    },\r\n    getFGFGenLink() {\r\n      this.handleLoading(true)\r\n      BzbsDashboard.getFGFGenLink()\r\n        .then(res => {\r\n          console.log('getFGFGenLink', res.data)\r\n          this.data = res.data.CrmPlusFriendGetFriend || {}\r\n          if (!res.data.CrmPlusFriendGetFriend) {\r\n            this.$router.push({ name: 'home' })\r\n          }\r\n          if (this.data.Description) {\r\n            this.data.Description = this.data.Description.replaceAll(\r\n              '\\r\\n',\r\n              '<br/>',\r\n            )\r\n          }\r\n          this.sharePicker = res.data.LinkForShareInvite\r\n          this.link = res.data.Link\r\n        })\r\n        .catch(err => console.log(err))\r\n        .finally(() => {\r\n          this.handleLoading(false)\r\n        })\r\n    },\r\n    getCustomerStore() {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.btnBGColor = res.data.StoreDetail.ButtonColor\r\n            this.btnColor = res.data.StoreDetail.ButtonTextColor\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('getCustomerStore error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.lineBtn {\r\n  color: white;\r\n  background-color: #22b950;\r\n  height: 45px;\r\n  width: 100%;\r\n  border: 1px solid #22b950;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  padding-top: 5px;\r\n  > img {\r\n    margin: 0 10px 3px 0;\r\n  }\r\n}\r\n.dotAfter {\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n.dotAfter4 {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 3;\r\n  -webkit-box-orient: vertical;\r\n}\r\n.toastcopys {\r\n  position: fixed;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  bottom: 53px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  padding: 8px 16px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 0 5px #a4a4a4;\r\n  background-color: #fff;\r\n  transition: all 0.5s ease-in-out;\r\n  &.show {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n}\r\n.inviterContainer {\r\n  position: relative;\r\n  .imgContainer {\r\n    width: 100%;\r\n    position: relative;\r\n    .previewMaincontainer {\r\n      background-color: white;\r\n      .previewImg {\r\n        /* height: 300px; */\r\n        width: 100%;\r\n        position: relative;\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n          object-fit: cover;\r\n          object-position: center;\r\n        }\r\n        .goback {\r\n          position: absolute;\r\n          top: 10px;\r\n          left: 10px;\r\n        }\r\n      }\r\n      .details {\r\n        text-align: center;\r\n        padding: 8px 6px;\r\n        > * {\r\n          padding: 8px 6px;\r\n        }\r\n        .title {\r\n          font-weight: bold;\r\n          font-size: 16px;\r\n        }\r\n        .subdetail {\r\n          text-align: left;\r\n          font-size: 14px;\r\n          color: #8b8b8b;\r\n          padding-bottom: 0px;\r\n          margin-bottom: 8px;\r\n        }\r\n        .date {\r\n          font-size: 12px;\r\n          color: #d4d4d4;\r\n        }\r\n      }\r\n      .invite {\r\n        background-color: #fafafa;\r\n        padding: 15px 6px;\r\n        .header {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          .title {\r\n            font-weight: bold;\r\n            color: black;\r\n            font-size: 18px;\r\n          }\r\n          .subtitle {\r\n            font-size: 14px;\r\n            color: #d4d4d4;\r\n          }\r\n        }\r\n        .lineBtnCintainer {\r\n          margin-top: 10px;\r\n        }\r\n        .link {\r\n          margin-top: 32px;\r\n          .text {\r\n            text-align: center;\r\n            font-size: 14px;\r\n            color: rgb(39, 39, 39);\r\n          }\r\n          .linkContainer {\r\n            .linktext {\r\n              height: 38px;\r\n              width: 100%;\r\n              background-color: white;\r\n              border: 1px solid black;\r\n              position: relative;\r\n              padding: 5px 80px 5px 5px;\r\n              line-height: 29px;\r\n              color: #2196f3;\r\n              button {\r\n                width: 75px;\r\n                background-color: #033a70;\r\n                border: none;\r\n                color: white;\r\n                position: absolute;\r\n                right: 0;\r\n                top: 0;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .seemore {\r\n          text-align: center;\r\n          margin: 17px 0;\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.modalHowitsworks {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: fixed;\r\n  top: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  z-index: 126;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: all 0.15s ease-in;\r\n  &.active {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n  .mainContent {\r\n    font-size: 18px;\r\n    width: 90%;\r\n    max-width: 376px;\r\n    background-color: white;\r\n    padding: 24px;\r\n    border-radius: 10px;\r\n    .title {\r\n      font-size: 18px;\r\n      text-align: center;\r\n    }\r\n    .content {\r\n      font-size: 16px;\r\n      color: #757575;\r\n    }\r\n    .btnCon {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 16px;\r\n      button {\r\n        height: 45px;\r\n        width: 100%;\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        border-radius: 100px;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media only screen and (min-width: 600px) {\r\n  .inviterContainer {\r\n    .imgContainer {\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      .previewMaincontainer {\r\n        height: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        max-width: 827px;\r\n        .previewImg {\r\n          width: 100%;\r\n          /* height: 456px; */\r\n          max-width: 827px;\r\n          margin: 17px;\r\n          border-radius: 30px;\r\n          overflow: hidden;\r\n          box-shadow: 4px 4px 10px #dedede;\r\n        }\r\n        .details {\r\n          width: 50%;\r\n          max-width: 430.5px;\r\n        }\r\n        .invite {\r\n          width: 50%;\r\n          max-width: 430.5px;\r\n          border-radius: 30px;\r\n          overflow: hidden;\r\n          padding: 17px;\r\n          box-shadow: 4px 4px 10px #dedede;\r\n        }\r\n      }\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!./inviter.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!./inviter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./inviter.vue?vue&type=template&id=3a4a8c56&scoped=true&\"\nimport script from \"./inviter.vue?vue&type=script&lang=js&\"\nexport * from \"./inviter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./inviter.vue?vue&type=style&index=0&id=3a4a8c56&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  \"3a4a8c56\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}