{"version":3,"sources":["webpack:///./src/views/private/notification/index.vue","webpack:///src/views/private/notification/index.vue","webpack:///./src/views/private/notification/index.vue?13f5","webpack:///./src/views/private/notification/index.vue?f525"],"names":["model","value","dialog","_vm","expression","_c","staticClass","attrs","scopedSlots","key","fn","detail","on","_v","staticStyle","updateRead","search","callback","$$v","ref","options","$event","handleToggleAll","_u","_l","header","index","selected","pagination","staticRenderFns","render","data","snackbar","fullscreen","form","row","headers","list","limit","lastIndex","process","load","message","success","error","components","watch","handler","page","deep","computed","user","configHeaders","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","rowClick","sort","order_by","params","then","text","width","sortable","freeze","hide","align","format","ids","component"],"mappings":"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lB,UACAW,UACAQ,QAEAf,WACAgB,WACAzB,UACA0B,MACAN,SAEAO,SACAV,cACAW,YACAC,SACAC,SAEAC,SACAC,WACAC,YAIAC,YACAjB,gEAEAkB,OACA,SACAC,UACA,OAAAZ,eAAAa,QACA,eAEAC,UAGAC,UACAC,OACA,+BAEAC,gBACA,yCAGAC,UACA,cAEAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,UACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,GACAC,uBACAH,UACAC,SAEA,gBACA,SAEA,2BACAG,mBAGA/B,oBACA,kBACAA,qGACA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCACA,UACAA,gCAEAA,wBAEA,UAEAgC,cACA5B,yBAEAb,mBACA,iCAEA,eAAAa,OAAAa,SACA,qBAEA,iBAEA,OACAV,YACAU,YACAgB,8DACAC,+CACAjD,oBAGA,2BAEA,+BAAAkD,WACAC,SACA,aAEA,qBAEA,eACA,cACA,CACAC,WACAC,aACApE,cACAqE,YACAC,UACAC,QACAC,gBAEA,CACAL,aACAC,cACApE,2BACAsE,UACAC,SAEA,CACAJ,eACAC,cACApE,qCACAsE,UACAC,QACAE,mBAEA,CACAN,cACAC,cACApE,6BACAsE,UACAC,QACAE,eAIA,sBACA,6BAEA,gCACA,sBAIA,yBACA,uCACA3C,MACA4C,qCAGAR,gBCnZ6W,I,YCOzWS,EAAY,eACd,EACA,EACA/C,GACA,EACA,KACA,KACA,MAIa,aAAA+C,E","file":"js/chunk-2d210a57.ff8c2efc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-8\"},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"650\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form = false}},model:{value:(_vm.dialog.form),callback:function ($$v) {_vm.$set(_vm.dialog, \"form\", $$v)},expression:\"dialog.form\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_vm._v(\"\\n              Baca Pemberitahuan\\n            \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n              \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n            \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.form = false; _vm.detail = {}; _vm.fetch();}}},[_vm._v(\"\\n              mdi-close-circle-outline\\n            \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"pt-2 body-1 line-text-second\"},[_c('div',{staticClass:\"body-1 font-weight-bold black--text mb-1\"},[_vm._v(\"\\n              Judul:\\n            \")]),_c('div',{staticClass:\"body-2 font-weight-light line-text-second mb-3\"},[_vm._v(\"\\n              \"+_vm._s(_vm.detail.notification_title)+\"\\n            \")]),_c('div',{staticClass:\"body-1 font-weight-bold black--text mb-1\"},[_vm._v(\"\\n              Keterangan:\\n            \")]),(Object.keys(_vm.detail).length > 0)?_c('div',{staticClass:\"body-2 font-weight-light line-text-second mb-3\"},[_vm._v(\"\\n              \"+_vm._s(_vm.detail.notification_extra.content)+\"\\n            \")]):_vm._e(),_c('div',{staticClass:\"body-1 font-weight-bold black--text mb-1\"},[_vm._v(\"\\n              Tanggal:\\n            \")]),_c('div',{staticClass:\"body-2 font-weight-light line-text-second\"},[_vm._v(\"\\n              \"+_vm._s(_vm._f(\"datetime\")(_vm.detail.notification_create_datetime))+\"\\n            \")])]),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),(Object.keys(_vm.detail).length > 0 && _vm.detail.notification_type === 'chat_pending')?_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center white--text\",attrs:{\"to\":\"/pending\",\"color\":\"green\",\"elevation\":\"0\"}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-email-fast-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                Ingatkan Dokter\\n              \")])],1):_vm._e(),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\"},on:{\"click\":function($event){_vm.dialog.form = false; _vm.detail = {}; _vm.fetch();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n              Tutup\\n            \")],1)],1)],1)],1),_c('section',[_c('v-card',{staticStyle:{\"border\":\"1px solid #E0E0E0\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[(_vm.selected.row.length === 1)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center orange--text\",staticStyle:{\"background\":\"#ffa50033\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.detail = _vm.selected.row[0]; _vm.updateRead();}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-bell-check-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Baca Pemberitahuan\\n                    \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Cari . . .\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){_vm.search = ''; _vm.fetch();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1)],1),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid\",attrs:{\"height\":`calc(100vh - ${_vm.pagination.total_data > 0 ? '300px' : '228px'})`,\"show-select\":true,\"single-select\":true,\"loading\":_vm.process.load,\"loading-text\":\"Sedang memuat data . . .\",\"loader-height\":\"5\",\"no-results-text\":\"Belum ada data\",\"options\":_vm.options,\"headers\":_vm.configHeaders,\"items\":_vm.list.data,\"items-per-page\":100,\"item-key\":\"id\",\"hide-default-footer\":\"\"},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.rowClick,\"toggle-select-all\":function($event){return _vm.handleToggleAll($event)}},scopedSlots:_vm._u([_vm._l((_vm.configHeaders.filter((header) => header.hasOwnProperty('format'))),function(header){return {key:`item.${header.value}`,fn:function({ value }){return [_vm._v(\"\\n              \"+_vm._s(_vm.rowFormat(header.format, value))+\" \\n            \")]}}}),{key:`item.index`,fn:function({ index }){return [_vm._v(\"\\n              \"+_vm._s(_vm.lastIndex + index)+\"\\n            \")]}}],null,true),model:{value:(_vm.selected.row),callback:function ($$v) {_vm.$set(_vm.selected, \"row\", $$v)},expression:\"selected.row\"}},[_c('v-progress-linear',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.process.load),expression:\"process.load\"}],attrs:{\"slot\":\"progress\",\"color\":\"white\",\"indeterminate\":\"\"},slot:\"progress\"})],1),(_vm.pagination.total_data > 0)?_c('pagination',{attrs:{\"model\":_vm.pagination},on:{\"changePage\":function($event){return _vm.fetch($event)},\"reloadPage\":function($event){return _vm.fetch($event)}}}):_vm._e()],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-8\">\n    <v-layout wrap>\n      <v-flex>\n        <v-dialog v-model=\"dialog.form\"\n          @keydown.esc=\"dialog.form = false\"\n          :fullscreen=\"dialog.fullscreen\"\n          width=\"650\"\n          persistent\n          scrollable>\n          <v-card \n            class=\"border-radius pa-2\">\n            <v-card-title \n              class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n              <v-avatar \n                size=\"30\">\n                <v-img\n                  alt=\"vuetify\"\n                  :src=\"require('@/assets/logo/favicon.png')\">\n                  <template v-slot:placeholder>\n                    <v-row\n                      class=\"fill-height\"\n                      align=\"center\"\n                      justify=\"center\">\n                      <v-progress-circular \n                        indeterminate \n                        color=\"#B71C1C\">\n                      </v-progress-circular>\n                    </v-row>\n                  </template>\n                </v-img>\n              </v-avatar>\n\n              <span class=\"mt-1 ml-1\">\n                Baca Pemberitahuan\n              </span>\n\n              <v-spacer/>\n\n              <v-icon \n                @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n                class=\"cursor-pointer mr-1\"\n                size=\"24\"\n                color=\"#B71C1C\">\n                {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n              </v-icon>\n\n              <v-icon \n                @click=\"dialog.form = false; detail = {}; fetch();\"\n                class=\"cursor-pointer\"\n                size=\"24\"\n                color=\"red\">\n                mdi-close-circle-outline\n              </v-icon>\n            </v-card-title>\n\n            <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n            <v-card-text \n              class=\"pt-2 body-1 line-text-second\">\n              <div\n                class=\"body-1 font-weight-bold black--text mb-1\">\n                Judul:\n              </div>\n\n              <div\n                class=\"body-2 font-weight-light line-text-second mb-3\">\n                {{ detail.notification_title }}\n              </div>\n\n              <div\n                class=\"body-1 font-weight-bold black--text mb-1\">\n                Keterangan:\n              </div>\n\n              <div v-if=\"Object.keys(detail).length > 0\"\n                class=\"body-2 font-weight-light line-text-second mb-3\">\n                {{ detail.notification_extra.content }}\n              </div>\n\n              <div\n                class=\"body-1 font-weight-bold black--text mb-1\">\n                Tanggal:\n              </div>\n\n              <div\n                class=\"body-2 font-weight-light line-text-second\">\n                {{ detail.notification_create_datetime | datetime }}\n              </div>\n            </v-card-text>\n\n            <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n            <v-card-actions>\n              <v-spacer/>\n\n              <v-btn v-if=\"Object.keys(detail).length > 0 && detail.notification_type === 'chat_pending'\"\n                to=\"/pending\"\n                color=\"green\"\n                elevation=\"0\"\n                class=\"body-2 text-capitalize font-weight-bold d-flex align-center white--text\">\n                <v-icon size=\"18\">mdi-email-fast-outline</v-icon>\n\n                <span class=\"ml-1\">\n                  Ingatkan Dokter\n                </span>\n              </v-btn>\n              \n              <v-btn\n                outlined\n                class=\"body-2 font-weight-bold text-capitalize red--text\"\n                @click=\"dialog.form = false; detail = {}; fetch();\">\n                <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n                Tutup\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-dialog>\n            \n        <section>\n          <v-card \n            flat \n            style=\"border: 1px solid #E0E0E0;\">\n            <v-card-text>\n              <v-row>\n                <v-col \n                  cols=\"12\" \n                  md=\"8\" \n                  class=\"d-flex align-center\">\n                  <!-- DETAIL -->\n                  <div v-if=\"selected.row.length === 1\"\n                    class=\"mr-3\" >\n                    <v-btn\n                      @click=\"dialog.form = true; detail = selected.row[0]; updateRead();\"\n                      elevation=\"0\"\n                      style=\"background: #ffa50033;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center orange--text\">\n                      <v-icon size=\"18\">mdi-bell-check-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Baca Pemberitahuan\n                      </span>\n                    </v-btn>\n                  </div>\n                </v-col>\n\n                <v-col \n                  cols=\"12\" \n                  md=\"4\" \n                  class=\"d-flex align-center justify-end\">\n                  <v-text-field \n                    class=\"mr-3\"\n                    dense\n                    single-line\n                    hide-details\n                    color=\"#B71C1C\"\n                    placeholder=\"Cari . . .\"\n                    append-icon=\"mdi-magnify\"\n                    clearable\n                    v-model=\"search\"\n                    vvvv-uppercase\n                    @click:clear=\"search = ''; fetch();\"\n                    v-on:keyup.enter=\"fetch()\">\n                  </v-text-field>\n                </v-col>\n              </v-row>\n            </v-card-text>\n\n            <v-data-table\n              v-model=\"selected.row\"\n              ref=\"table-grid\"\n              class=\"table-grid\"\n              :height=\"`calc(100vh - ${pagination.total_data > 0 ? '300px' : '228px'})`\"\n              :show-select=\"true\"\n              :single-select=\"true\"\n              :loading=\"process.load\"\n              loading-text=\"Sedang memuat data . . .\"\n              loader-height=\"5\"\n              no-results-text=\"Belum ada data\"\n              :options.sync=\"options\"\n              :headers=\"configHeaders\"\n              :items=\"list.data\"\n              :items-per-page=\"100\"\n              item-key=\"id\"\n              @click:row=\"rowClick\"\n              @toggle-select-all=\"handleToggleAll($event)\"\n              hide-default-footer>\n              <template\n                v-for=\"header in configHeaders.filter((header) => header.hasOwnProperty('format'))\"\n                v-slot:[`item.${header.value}`]=\"{ value }\">\n                {{ rowFormat(header.format, value) }} \n              </template>\n\n              <template v-slot:[`item.index`]=\"{ index }\">\n                {{ lastIndex + index }}\n              </template>\n\n              <v-progress-linear \n                v-show=\"process.load\" \n                slot=\"progress\" \n                color=\"white\" \n                indeterminate>\n              </v-progress-linear>\n            </v-data-table>\n\n            <pagination v-if=\"pagination.total_data > 0\"\n              @changePage=\"fetch($event)\" \n              @reloadPage=\"fetch($event)\" \n              :model=\"pagination\"/>\n          </v-card>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  import moment from \"moment\"\n  import \"moment/locale/id\"\n  export default {\n    data () {\n      return {\n        dialog: {\n          snackbar: false,\n          fullscreen: false,\n          form: false\n        },\n        search: '',\n        selected: {\n          row: []\n        },\n        options: {},\n        headers: [],\n        detail: {},\n        list: {\n          data: []\n        },\n        limit: 20,\n        pagination: {},\n        lastIndex: 0,\n        process: {\n          load: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue')\n    },\n    watch: {\n      'options': {\n        handler () {\n          let pagination = { row: this.limit, page: 1 }\n          this.fetch(pagination)\n        },\n        deep: true\n      }\n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      },\n      configHeaders () {\n        return this.headers.filter(header => !header.hide)  \n      }\n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      rowFormat (format, value) {\n        let data = value\n\n        if (format === 'number') {\n          if (isNaN(value)) return 'Not a Number'\n          let price = ''\n\n          const reverseNumber = value\n            .toString()\n            .split('')\n            .reverse()\n            .join('')\n          const arrReverseNumber = [...Array(reverseNumber.length).keys()]\n\n          arrReverseNumber.map(index => {\n            if (index % 3 === 0) price += reverseNumber.substr(index, 3) + '.'\n          })\n\n          return `${\n            price.split('', price.length - 1)\n            .reverse()\n            .join('')\n          }`\n        } else if (format === 'array') {\n          let arr = []\n\n          for (let i = 0; i < value.length; i++) {\n            arr.push(value[i].title)\n          }\n\n          data = arr.join(', ')\n        } else if (format === 'datetime') {\n          data = value.length > 0 ? moment(value).format(format === 'date' ? 'D MMM, YYYY' : format === 'time' ? 'HH:mm' : 'D MMM, YYYY HH:mm') : '-'\n        } else if (format === 'object') {\n          data = value.createdby.name\n        } else if (format === 'regex') {\n          let regex = /(<([^>]+)>)/ig\n\n          data = value.replace(regex, '')\n        } else if (format === 'on_off') {\n          data = value ? 'Online' : 'Offline'\n        } else if (format === 'g_m') {\n          data = value ? 'Mandiri' : 'Group'\n        } else if (format === 'v_a') {\n          data = value ? 'Sudah Verifikasi' : 'Belum Verifikasi'\n        } else if (format === 'r_d') {\n          data = value ? 'Sudah Dibaca' : 'Belum Dibaca'\n        } else {\n          data = value ? 'Aktif' : 'Tidak Aktif'\n        }\n        return data\n      },\n      rowClick (item, row) {\n        row.select(!row.isSelected ? true : false)\n      },\n      handleToggleAll (event) {\n        if (!event.value) this.selected.row = []\n      },\n      async fetch (pagination = { row: 20, page: 1 }) {\n        this.process.load = true\n\n        this.limit = pagination.row\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          sort: this.options.sortBy.length < 1 ? 'id' : this.options.sortBy[0],\n          order_by: this.options.sortDesc[0] ? 'ASC' : 'DESC',\n          search: this.search\n        }\n\n        this.selected.row = []\n\n        await get('notification', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.load = false\n            \n          if (res.code === 200) {\n            this.headers = [\n              {\n                text: '#No',\n                width: '75px',\n                value: 'index',\n                sortable: false,\n                freeze: true,\n                hide: false,\n                align: 'center'\n              },\n              {\n                text: 'Judul',\n                width: '400px',\n                value: 'notification_title',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Tanggal',\n                width: '200px',\n                value: 'notification_create_datetime',\n                freeze: false,\n                hide: false,\n                format: 'datetime'\n              },\n              {\n                text: 'Dibaca',\n                width: '200px',\n                value: 'notification_is_read',\n                freeze: false,\n                hide: false,\n                format: 'r_d'\n              }\n            ]\n            \n            this.list.data = res.data\n            this.pagination = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n          }\n        })\n      },\n      async updateRead () {\n        await post(`notification/is_read`, {\n          data: {\n            ids: [this.detail.notification_id]\n          }\n        })\n        .then(response => {\n          // console.log(response)\n        })\n      }\n    }\n  }\n</script>","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=8aab38fc&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}