{"version":3,"sources":["webpack:///./src/assets/images/emptyFGF.png","webpack:///./src/module/FriendGetFriends/Main.vue?b475","webpack:///src/module/FriendGetFriends/Main.vue","webpack:///./src/module/FriendGetFriends/Main.vue?f03b","webpack:///./src/module/FriendGetFriends/Main.vue","webpack:///./src/module/FriendGetFriends/Main.vue?9e9d"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","lbl","mode","scopedSlots","_u","key","fn","proxy","class","isActive","on","toEdit","_e","data","maxPoint","imgPreview","statsBoxData","changeStatusFGF","rowkey","isDisable","$event","gotoPage","historyList","length","isModaltoEdit","toEditModal","staticRenderFns","name","components","Header","MainForm","Modal","mixins","icon","title","value","unit","bg","loginType","appId","liffId","liffLanding","computed","created","Account","methods","getCRMPlusProfile","BzbsProfile","then","resolve","catch","params","id","state","BzbsUserFGF","finally","getActiveFGF","description","referral_points","user_points","max_account","joinDays","joinDaysState","validateEarnAndRedeem","date","moment","image","invite_message","el","getHistoryFGF","component"],"mappings":"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uHP,GACfC,wBACAC,YACAC,cACAC,gBACAC,cAEAC,gBACAnB,gBACA,OACAX,YACAW,QACAJ,YACAK,YACAC,cACAG,UACAM,iBACAR,cACA,CACAiB,iBACAC,gBACAC,YACAC,eACAC,aACAhC,oBAEA,CACA4B,iBACAC,0BACAC,aACAC,aACAC,aACAhC,oBAEA,CACA4B,iBACAC,0BACAC,aACAC,aACAC,aACAhC,4BAGAiB,eACAgB,eACAC,WACAC,YACAC,mBAGAC,UACAvB,qBACA,4CACA,6CAMA,aAQAwB,mBAAA,WACA,sBACAC,4BACA,kBACA,aACA,kBACA,WAEA,2CACA,wBACA,gBACA,kBACA,4BACA,iBACA,sBAGAC,SACAC,6BACA,gCACAC,2BACAC,kBACAC,aAEAC,mBACAD,YAIA5B,yBACA,UACA,aACAuB,4BACA,kBACA,aACA,0BACA,YAEA,MAEA,WACAA,4BACA,kBACA,aACA,wBACA,YAEA,MACA,cACAA,4BACA,kBACA,aACA,2BACA,YAEA,MAEA,mBACAjB,OACAwB,QAAAjD,OAAAkD,SAGAzC,kBACA,gBACA,sBACAiC,4BACA,kBACA,aACA,wBACA,cAIAnB,0BACA,qBACA,2DAEAR,2BAAA,WACA,uBACA,iBACA,gBACAoC,gBAEAC,mCACAN,kBAEA,oBAEAE,uBACAK,oBACA,wBAGAC,wBAAA,WACA,uBACAF,sBACAN,kBAEA,aACA,kBACA,qDACA,mDACA,gDACA,QACArB,YACA8B,0BACAC,iCACAC,yBACAC,6BACAC,0CACAC,iDACAC,6DACAC,MACAC,qBACAA,uBAEAC,4CACAC,gCAEA,oCACA,+CACA,kDACA,gCACAC,+BACA,gCACAA,8BAEA,8CACA,cAEA,mBAGAlB,mBACA,mBAGAK,oBAAA,+BAEAc,yBAAA,WACAf,uBACAN,kBACA,6BACA,uDAGAE,0BC7U6V,I,wBCQzVoB,EAAY,eACd,EACAhF,EACAoC,GACA,EACA,KACA,WACA,MAIa,aAAA4C,E,2CCnBf","file":"js/chunk-91a720d0.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/emptyFGF.png\";","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\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"headerLeft\"},[_c('div',{staticClass:\"headerIcon\"},[_c('img',{attrs:{\"src\":require('@/assets/images/icon_notification.svg'),\"alt\":\"icon_notification\",\"width\":\"60\",\"height\":\"60\"}})]),_c('div',{staticClass:\"headerText\"},[_c('div',{staticClass:\"mainText\"},[_vm._v(_vm._s(_vm.lbl['main-menu-fgf']))]),_c('div',{staticClass:\"subText\"},[_vm._v(\" \"+_vm._s(_vm.lbl['fgf-headersubtext'])+\" \")])])]),(_vm.mode === 'view')?_c('div',{staticClass:\"editBtn\"},[_c('a-tooltip',{attrs:{\"placement\":\"bottom\"},scopedSlots:_vm._u([(_vm.isActive)?{key:\"title\",fn:function(){return [_vm._v(_vm._s(_vm.lbl['fgf-editcampaigntip']))]},proxy:true}:null],null,true)},[_c('button',{class:[_vm.isActive ? 'disabled' : ''],attrs:{\"id\":\"friendgetfriends_main_toedit_button\"},on:{\"click\":_vm.toEdit}},[_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (_vm.isActive ? 'editdisabled' : 'edit') + \".svg\")),\"alt\":\"isActive\",\"width\":\"24\",\"height\":\"24\"}}),_vm._v(_vm._s(_vm.lbl['fgf-editcampaign'])+\" \")])])],1):_vm._e()]),_c('div',{staticClass:\"mainContainer\"},[(_vm.mode === 'view')?_c('MainForm',{attrs:{\"mode\":_vm.mode,\"data\":_vm.data,\"isActive\":_vm.isActive,\"maxPoint\":_vm.maxPoint,\"imgPreview\":_vm.imgPreview,\"statsBoxData\":_vm.statsBoxData,\"changeStatusFGF\":_vm.changeStatusFGF,\"row-key\":_vm.rowkey}}):(_vm.mode === 'create')?_c('div',[_c('div',{staticClass:\"imgContainer\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/emptyFGF.png\"),\"alt\":\"emptyFGF\"}})]),_c('div',{staticClass:\"textTitle\"},[_vm._v(\" \"+_vm._s(_vm.lbl['fgf-createnewfgf'])+\" \")]),_c('div',{staticClass:\"btnContainer\"},[_c('button',{staticClass:\"okBtn\",class:{ 'disable-btn': _vm.isDisable },attrs:{\"id\":\"friendgetfriends_main_gotopagecreateupdate_button\",\"disabled\":_vm.isDisable},on:{\"click\":function($event){return _vm.gotoPage('FriendGetFriendsCU', 'create', 'create')}}},[_c('img',{attrs:{\"src\":require('@/assets/images/add.svg'),\"alt\":\"add\",\"width\":\"24\",\"height\":\"24\"}}),_vm._v(_vm._s(_vm.lbl['fgf-createnew'])+\" \")])])]):_c('div',[_c('a-skeleton',{attrs:{\"active\":\"\"}})],1)],1)]),(_vm.historyList.length > 0)?_c('div',{staticClass:\"history\"},[_c('div',{staticClass:\"hText\"},[_vm._v(_vm._s(_vm.lbl['main-menu-history-fgf']))]),_c('button',{staticClass:\"nextBtn\",attrs:{\"id\":\"friendgetfriends_main_gotopagehistory_button\"},on:{\"click\":function($event){return _vm.gotoPage('FriendGetFriendsHistory', 'history', 'history')}}},[_c('img',{attrs:{\"src\":require('@/assets/images/arrow-forward.svg'),\"alt\":\"forward\",\"width\":\"24\",\"height\":\"24\"}})])]):_vm._e(),_c('Modal',{attrs:{\"title\":_vm.lbl['fgf-confirmeditcampaigntitle'],\"details\":_vm.lbl['fgf-confirmeditcampaignsubtitle'],\"backto\":_vm.lbl['fgf-buttoncancel'],\"isOpenModal\":_vm.isModaltoEdit,\"onActionModal\":_vm.toEditModal}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header />\r\n    <div class=\"mx-auto mt-1 content-outer-container\">\r\n      <div class=\"header\">\r\n        <div class=\"headerLeft\">\r\n          <div class=\"headerIcon\">\r\n            <img\r\n              :src=\"require('@/assets/images/icon_notification.svg')\"\r\n              alt=\"icon_notification\"\r\n              width=\"60\"\r\n              height=\"60\"\r\n            />\r\n          </div>\r\n          <div class=\"headerText\">\r\n            <div class=\"mainText\">{{ lbl['main-menu-fgf'] }}</div>\r\n            <div class=\"subText\">\r\n              {{ lbl['fgf-headersubtext'] }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"mode === 'view'\" class=\"editBtn\">\r\n          <a-tooltip placement=\"bottom\">\r\n            <template v-if=\"isActive\" #title>{{\r\n              lbl['fgf-editcampaigntip']\r\n            }}</template>\r\n            <button\r\n              id=\"friendgetfriends_main_toedit_button\"\r\n              @click=\"toEdit\"\r\n              :class=\"[isActive ? 'disabled' : '']\"\r\n            >\r\n              <img\r\n                :src=\"\r\n                  require(`@/assets/images/${\r\n                    isActive ? 'editdisabled' : 'edit'\r\n                  }.svg`)\r\n                \"\r\n                alt=\"isActive\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n              />{{ lbl['fgf-editcampaign'] }}\r\n            </button>\r\n          </a-tooltip>\r\n        </div>\r\n      </div>\r\n      <div class=\"mainContainer\">\r\n        <MainForm\r\n          v-if=\"mode === 'view'\"\r\n          :mode=\"mode\"\r\n          :data=\"data\"\r\n          :isActive=\"isActive\"\r\n          :maxPoint=\"maxPoint\"\r\n          :imgPreview=\"imgPreview\"\r\n          :statsBoxData=\"statsBoxData\"\r\n          :changeStatusFGF=\"changeStatusFGF\"\r\n          :row-key=\"rowkey\"\r\n        />\r\n        <div v-else-if=\"mode === 'create'\">\r\n          <div class=\"imgContainer\">\r\n            <img src=\"@/assets/images/emptyFGF.png\" alt=\"emptyFGF\" />\r\n          </div>\r\n          <div class=\"textTitle\">\r\n            {{ lbl['fgf-createnewfgf'] }}\r\n          </div>\r\n          <div class=\"btnContainer\">\r\n            <button\r\n              id=\"friendgetfriends_main_gotopagecreateupdate_button\"\r\n              @click=\"gotoPage('FriendGetFriendsCU', 'create', 'create')\"\r\n              :disabled=\"isDisable\"\r\n              :class=\"{ 'disable-btn': isDisable }\"\r\n              class=\"okBtn\"\r\n            >\r\n              <img\r\n                :src=\"require('@/assets/images/add.svg')\"\r\n                alt=\"add\"\r\n                width=\"24\"\r\n                height=\"24\"\r\n              />{{ lbl['fgf-createnew'] }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div v-else>\r\n          <a-skeleton active />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"history\" v-if=\"historyList.length > 0\">\r\n      <div class=\"hText\">{{ lbl['main-menu-history-fgf'] }}</div>\r\n      <button\r\n        id=\"friendgetfriends_main_gotopagehistory_button\"\r\n        @click=\"gotoPage('FriendGetFriendsHistory', 'history', 'history')\"\r\n        class=\"nextBtn\"\r\n      >\r\n        <img\r\n          :src=\"require('@/assets/images/arrow-forward.svg')\"\r\n          alt=\"forward\"\r\n          width=\"24\"\r\n          height=\"24\"\r\n        />\r\n      </button>\r\n    </div>\r\n    <Modal\r\n      :title=\"lbl['fgf-confirmeditcampaigntitle']\"\r\n      :details=\"lbl['fgf-confirmeditcampaignsubtitle']\"\r\n      :backto=\"lbl['fgf-buttoncancel']\"\r\n      :isOpenModal=\"isModaltoEdit\"\r\n      :onActionModal=\"toEditModal\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Header from '@/components/Layout/Header'\r\nimport MainForm from './component/MainForm'\r\nimport BzbsUserFGF from '@/core/FriendgetFriends/service/BzbsFriendgetFriends'\r\nimport moment from 'moment'\r\nimport Modal from '../FriendGetFriends/component/FGFModal'\r\nexport default {\r\n  name: 'FriendGetFriends',\r\n  components: {\r\n    Header,\r\n    MainForm,\r\n    Modal,\r\n  },\r\n  mixins: [Mixin],\r\n  data() {\r\n    return {\r\n      mode: 'load',\r\n      data: {},\r\n      isActive: false,\r\n      maxPoint: '',\r\n      imgPreview: '',\r\n      rowkey: '',\r\n      isModaltoEdit: false,\r\n      statsBoxData: [\r\n        {\r\n          icon: `statsbox2`,\r\n          title: 'newuser',\r\n          value: '500',\r\n          unit: 'account',\r\n          bg: '#2196f3',\r\n          key: 'list-newuser',\r\n        },\r\n        {\r\n          icon: `statsbox3`,\r\n          title: 'pointspendInviter',\r\n          value: '1630',\r\n          unit: 'point',\r\n          bg: '#ff9800',\r\n          key: 'list-inviter',\r\n        },\r\n        {\r\n          icon: `statsbox4`,\r\n          title: 'pointspendInvited',\r\n          value: '1630',\r\n          unit: 'point',\r\n          bg: '#ff9800',\r\n          key: 'list-invited-people',\r\n        },\r\n      ],\r\n      historyList: [],\r\n      loginType: null,\r\n      appId: null,\r\n      liffId: null,\r\n      liffLanding: null,\r\n    }\r\n  },\r\n  computed: {\r\n    isDisable() {\r\n      if (this.loginType.toLowerCase() == 'line') {\r\n        if (this.appId && (this.liffLanding || this.liffId)) {\r\n          return false\r\n        } else {\r\n          return true\r\n        }\r\n      } else {\r\n        if (this.appId) {\r\n          return false\r\n        } else {\r\n          return true\r\n        }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.handleFooter(true)\r\n    Account.bzbsAnalyticTracking(\r\n      'get_friend_page',\r\n      'get_friend',\r\n      'view_get_friend',\r\n      'on view',\r\n    )\r\n    this.getCRMPlusProfile().then(result => {\r\n      this.loginType = result.LoginType\r\n      this.appId = result.AppId\r\n      this.liffId = result.LiffId\r\n      this.liffLanding = result.LiffLanding\r\n      this.getActiveFGF()\r\n      this.getHistoryFGF()\r\n    })\r\n  },\r\n  methods: {\r\n    getCRMPlusProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    gotoPage(page, mode, id) {\r\n      switch (mode) {\r\n        case 'create':\r\n          Account.bzbsAnalyticTracking(\r\n            'get_friend_page',\r\n            'get_friend',\r\n            'click_get_friend_create',\r\n            'on click',\r\n          )\r\n          break\r\n\r\n        case 'edit':\r\n          Account.bzbsAnalyticTracking(\r\n            'get_friend_page',\r\n            'get_friend',\r\n            'click_get_friend_edit',\r\n            'on click',\r\n          )\r\n          break\r\n        case 'history':\r\n          Account.bzbsAnalyticTracking(\r\n            'get_friend_page',\r\n            'get_friend',\r\n            'click_get_friend_history',\r\n            'on click',\r\n          )\r\n          break\r\n      }\r\n      this.$router.push({\r\n        name: page,\r\n        params: { mode: mode, id: id },\r\n      })\r\n    },\r\n    toEdit() {\r\n      if (!this.isActive) {\r\n        this.isModaltoEdit = true\r\n        Account.bzbsAnalyticTracking(\r\n          'get_friend_page',\r\n          'get_friend',\r\n          'click_get_friend_edit',\r\n          'on click',\r\n        )\r\n      }\r\n    },\r\n    toEditModal(state, confirm) {\r\n      this.isModaltoEdit = state\r\n      if (confirm) this.gotoPage('FriendGetFriendsCU', 'edit', this.rowkey)\r\n    },\r\n    changeStatusFGF() {\r\n      this.handleLoading(true)\r\n      let state = 'toActive'\r\n      if (this.isActive) {\r\n        state = 'toInActive'\r\n      }\r\n      BzbsUserFGF.changeStatus(this.rowkey, state)\r\n        .then(res => {\r\n          console.log(res)\r\n          this.getActiveFGF()\r\n        })\r\n        .catch(err => console.log(err))\r\n        .finally(() => {\r\n          this.handleLoading(false)\r\n        })\r\n    },\r\n    getActiveFGF() {\r\n      this.handleLoading(true)\r\n      BzbsUserFGF.getActiveFGF()\r\n        .then(res => {\r\n          console.log('getActiveFGF', res.data)\r\n          let item = res.data\r\n          this.rowkey = item.RowKey\r\n          this.isActive = item.Status === 'Create' || item.Status === 'Publish'\r\n          this.imgPreview = item.ImageUrl ? this.stampTime(item.ImageUrl) : ''\r\n          this.maxPoint = item.MaximumAccount > 0 ? 'Limit' : 'Unlimit'\r\n          this.data = {\r\n            name: item.Name,\r\n            description: item.Description,\r\n            referral_points: item.ReferralPoints,\r\n            user_points: item.UserPoints,\r\n            max_account: item.MaximumAccount,\r\n            joinDays: item.MinimumFriendGetFriendJoinDays,\r\n            joinDaysState: item.MinimumFriendGetFriendJoinDays > 0,\r\n            validateEarnAndRedeem: item.ValidateFriendGetFriendEarnAndRedeem,\r\n            date: [\r\n              moment(item.StartDate * 1000),\r\n              moment(item.ExpireDate * 1000),\r\n            ],\r\n            image: item.ImageUrl ? this.stampTime(item.ImageUrl) : '',\r\n            invite_message: item.InviteMessage,\r\n          }\r\n          this.statsBoxData.forEach(el => {\r\n            if (el.title === 'join') el.value = item.TotalInviteCount\r\n            if (el.title === 'newuser') el.value = item.TotalInviteCount\r\n            if (el.title === 'pointspendInviter')\r\n              el.value = item.TotalReferralPoints\r\n            if (el.title === 'pointspendInvited')\r\n              el.value = item.TotalUserPoints\r\n          })\r\n          if (res.data && item.ExpireDate * 1000 > Date.parse(new Date())) {\r\n            this.mode = 'view'\r\n          } else {\r\n            this.mode = 'create'\r\n          }\r\n        })\r\n        .catch(err => {\r\n          this.mode = 'create'\r\n          console.log(err)\r\n        })\r\n        .finally(() => this.handleLoading(false))\r\n    },\r\n    getHistoryFGF() {\r\n      BzbsUserFGF.getHistoryFGF()\r\n        .then(res => {\r\n          this.historyList = res.data.filter(\r\n            i => !i.Active || i.Status == 'Expired',\r\n          )\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.header {\r\n  padding: 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  color: #212121;\r\n  border-bottom: 2px solid #f5f5f5;\r\n  .headerLeft {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n  .headerText {\r\n    .mainText {\r\n      font-size: 34px;\r\n      font-weight: normal;\r\n    }\r\n    .subText {\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      color: #757575;\r\n    }\r\n  }\r\n  .editBtn {\r\n    button {\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      width: 199px;\r\n      height: 56px;\r\n      border-radius: 4px;\r\n      background-color: white;\r\n      border: solid 1px #ff9800;\r\n      color: #ff9800;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      svg {\r\n        margin-right: 8px;\r\n      }\r\n      &.disabled {\r\n        border: solid 1px #ccc;\r\n        color: #ccc;\r\n        svg {\r\n          path {\r\n            fill: #ccc;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.mainContainer {\r\n  padding: 30px;\r\n  .imgContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    img {\r\n      width: 542.9px;\r\n      height: 379px;\r\n    }\r\n  }\r\n  .textTitle {\r\n    font-size: 24px;\r\n    color: #424242;\r\n    max-width: 713px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n  .btnContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 30px;\r\n    margin-bottom: 30px;\r\n    .disable-btn {\r\n      opacity: 0.5;\r\n    }\r\n    .okBtn {\r\n      img {\r\n        margin-top: -4px;\r\n        margin-right: 8px;\r\n      }\r\n      width: 215px;\r\n      height: 56px;\r\n      border-radius: 4px;\r\n      border: solid 1px #ff9800;\r\n      background-color: #ff9800;\r\n      color: white;\r\n    }\r\n  }\r\n}\r\n.history {\r\n  max-width: 1400px;\r\n  margin: 30px auto;\r\n  background-color: white;\r\n  border-radius: 5px;\r\n  font-size: 34px;\r\n  color: #212121;\r\n  padding: 20px 30px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  .nextBtn {\r\n    width: 72px;\r\n    height: 56px;\r\n    border-radius: 4px;\r\n    background-color: white;\r\n    border: solid 1px #ff9800;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n}\r\n.container-fluid {\r\n  background-size: cover !important;\r\n  background-attachment: fixed;\r\n  background-position: center;\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!./Main.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!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=412e495e&scoped=true&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Main.vue?vue&type=style&index=0&id=412e495e&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  \"412e495e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&id=412e495e&lang=scss&scoped=true&\""],"sourceRoot":""}