{"version":3,"sources":["webpack:///./src/views/invite-users/company/index.vue?c43b","webpack:///src/views/invite-users/company/index.vue","webpack:///./src/views/invite-users/company/index.vue?adba","webpack:///./src/views/invite-users/company/index.vue","webpack:///./src/components/popup-modal/index.vue?54d1","webpack:///src/components/popup-modal/index.vue","webpack:///./src/components/popup-modal/index.vue?27b3","webpack:///./src/components/popup-modal/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","companyName","attrs","_m","on","$event","preventDefault","validateEmails","ref","_l","invite","index","key","directives","name","rawName","value","inviteList","expression","class","validationErrors","has","domProps","target","composing","$set","first","deleteEmailAddress","addInviteField","inviteUsers","slot","inviteResultText","inviteResultErrorText","email","reason","_e","dismissDoneConfirmation","staticRenderFns","component","sizeClass","title","hide","_t"],"mappings":"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","file":"js/chunk-684630e0.c7fffd2f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:\"display-heading\"},[_vm._v(\"Invite Company Users\")]),_c('p',[_vm._v(\"Invite users to join \"+_vm._s(_vm.companyName)+\" Platform!\")]),_c('div',{staticClass:\"card mb-3\"},[_c('div',{staticClass:\"card-header\"},[_vm._v(\"Invitation Report\")]),_c('div',{staticClass:\"card-body\"},[_c('p',[_vm._v(\"\\n                View previously invited user list and their sign-up statuses.\\n            \")]),_c('router-link',{staticClass:\"btn btn-primary btn-primary-insv\",attrs:{\"to\":{'name': 'company-user-invitation-report'}}},[_vm._v(\"\\n                View Invitation Report\\n            \")])],1)]),_c('div',{staticClass:\"card mb-3\"},[_c('div',{staticClass:\"card-header\"},[_vm._v(\"Bulk Invite Company Users\")]),_c('div',{staticClass:\"card-body\"},[_c('p',[_vm._v(\"Bulk invite multiple users to join the platform.\")]),_c('router-link',{staticClass:\"btn btn-primary btn-primary-insv\",attrs:{\"to\":{'name': 'company-bulk-invite-users'}}},[_vm._v(\"\\n                Bulk Invite Company Users\\n            \")])],1)]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_vm._v(\"Manual Invite Company Users\")]),_c('div',{staticClass:\"card-body\"},[_vm._m(0),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.validateEmails($event)}}},[_c('table',{ref:\"tableUserInvite\",staticClass:\"table mb-3 table-form\"},[_vm._m(1),_vm._m(2),_c('tbody',_vm._l((_vm.inviteList),function(invite,index){return _c('tr',{key:index},[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(_vm._s(index + 1))]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inviteList[index].name),expression:\"inviteList[index].name\"},{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],class:{\n                                    'form-control': true,\n                                    'is-invalid':  _vm.validationErrors.has((\"name\" + index))\n                                },attrs:{\"type\":\"text\",\"placeholder\":\"Name\",\"name\":(\"name\" + index),\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"name\"},domProps:{\"value\":(_vm.inviteList[index].name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.inviteList[index], \"name\", $event.target.value)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has((\"name\" + index))),expression:\"validationErrors.has(`name${index}`)\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                                    \"+_vm._s(_vm.validationErrors.first((\"name\" + index)))+\"\\n                                \")])]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inviteList[index].email),expression:\"inviteList[index].email\"},{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],class:{\n                                        'form-control': true,\n                                        'is-invalid':  _vm.validationErrors.has((\"email\" + index))\n                                    },attrs:{\"type\":\"text\",\"placeholder\":\"E-mail Address\",\"name\":(\"email\" + index),\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"email address\"},domProps:{\"value\":(_vm.inviteList[index].email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.inviteList[index], \"email\", $event.target.value)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has((\"email\" + index))),expression:\"validationErrors.has(`email${index}`)\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                                    \"+_vm._s(_vm.validationErrors.first((\"email\" + index)))+\"\\n                                \")])]),_c('td',[_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.deleteEmailAddress(index)}}},[_vm._v(\"Delete\")])])])}))]),_c('button',{staticClass:\"btn btn-primary btn-primary-insv mr-2 mb-2\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.addInviteField}},[_vm._v(\"\\n                    Add More\\n                \")]),_c('button',{staticClass:\"btn btn-primary btn-primary-insv mr-2 mb-2\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.inviteUsers}},[_vm._v(\"\\n                    Invite Users Now\")])])])]),_c('popup-modal',{ref:\"popupAddDone\",attrs:{\"title\":\"Invite Users\",\"sizeClass\":\"modal-lg\"}},[_c('template',{slot:\"content\"},[_c('p',[_vm._v(_vm._s(_vm.inviteResultText))]),(_vm.inviteWithErrors)?[_c('p',[_vm._v(_vm._s(_vm.inviteResultErrorText))]),_c('table',{staticClass:\"table\"},[_c('colgroup',[_c('col',{attrs:{\"width\":\"50\"}}),_c('col'),_c('col'),_c('col')]),_c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"#\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Name\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Email Address\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Reason\")])])]),_c('tbody',_vm._l((_vm.inviteErrorList),function(invite,index){return _c('tr',{key:index},[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(_vm._s(index+1))]),_c('td',[_vm._v(_vm._s(invite.name ? invite.name : '-'))]),_c('td',[_vm._v(_vm._s(invite.email))]),_c('td',[_vm._v(_vm._s(invite.reason ? invite.reason : '-'))])])}))])]:_vm._e()],2),_c('template',{slot:\"footer\"},[_c('button',{staticClass:\"btn btn-primary btn-primary-insv\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.dismissDoneConfirmation}},[_vm._v(\"Okay\")])])],2)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-3\"},[_c('h5',[_vm._v(\"Instructions\")]),_c('ol',[_c('li',[_vm._v(\"Enter employee's e-mail address in the text field below.\")]),_c('li',[_vm._v(\"You may click the \\\"Add More\\\" button to add more employee details.\")]),_c('li',[_vm._v(\"On completion, click \\\"Invite Now\\\" button to proceed with your invitation.\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('colgroup',[_c('col',{attrs:{\"width\":\"50\"}}),_c('col'),_c('col'),_c('col',{attrs:{\"width\":\"120\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"#\")]),_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"col\"}},[_vm._v(\"Name\")]),_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"col\"}},[_vm._v(\"E-mail Address\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Action\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <h1 class=\"display-heading\">Invite Company Users</h1>\r\n\r\n        <p>Invite users to join {{ companyName }} Platform!</p>\r\n\r\n        <div class=\"card mb-3\">\r\n            <div class=\"card-header\">Invitation Report</div>\r\n            <div class=\"card-body\">\r\n                <p>\r\n                    View previously invited user list and their sign-up statuses.\r\n                </p>\r\n\r\n                <router-link :to=\"{'name': 'company-user-invitation-report'}\" class=\"btn btn-primary btn-primary-insv\">\r\n                    View Invitation Report\r\n                </router-link>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"card mb-3\">\r\n            <div class=\"card-header\">Bulk Invite Company Users</div>\r\n            <div class=\"card-body\">\r\n                <p>Bulk invite multiple users to join the platform.</p>\r\n\r\n                <router-link :to=\"{'name': 'company-bulk-invite-users'}\" class=\"btn btn-primary btn-primary-insv\">\r\n                    Bulk Invite Company Users\r\n                </router-link>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"card\">\r\n            <div class=\"card-header\">Manual Invite Company Users</div>\r\n            <div class=\"card-body\">\r\n                <div class=\"mb-3\">\r\n                    <h5>Instructions</h5>\r\n                    <ol>\r\n                        <li>Enter employee's e-mail address in the text field below.</li>\r\n                        <li>You may click the \"Add More\" button to add more employee details.</li>\r\n                        <li>On completion, click \"Invite Now\" button to proceed with your invitation.</li>\r\n                    </ol>\r\n                </div>\r\n\r\n                <form @submit.prevent=\"validateEmails\">\r\n                    <table ref=\"tableUserInvite\" class=\"table mb-3 table-form\">\r\n                        <colgroup>\r\n                            <col width=\"50\">\r\n                            <col>\r\n                            <col>\r\n                            <col width=\"120\">\r\n                        </colgroup>\r\n                        <thead>\r\n                            <tr>\r\n                                <th scope=\"col\">#</th>\r\n                                <th scope=\"col\" class=\"text-nowrap\">Name</th>\r\n                                <th scope=\"col\" class=\"text-nowrap\">E-mail Address</th>\r\n                                <th scope=\"col\">Action</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr v-for=\"(invite, index) in inviteList\" :key=\"index\">\r\n                                <th scope=\"row\">{{index + 1}}</th>\r\n                                <td>\r\n                                    <input v-model=\"inviteList[index].name\" type=\"text\" placeholder=\"Name\"\r\n                                        :name=\"`name${index}`\" data-vv-validate-on=\"blur\" data-vv-as=\"name\"\r\n                                        v-validate=\"'required'\" :class=\"{\r\n                                        'form-control': true,\r\n                                        'is-invalid':  validationErrors.has(`name${index}`)\r\n                                    }\">\r\n                                    <div v-show=\"validationErrors.has(`name${index}`)\" class=\"invalid-feedback\">\r\n                                        {{ validationErrors.first(`name${index}`) }}\r\n                                    </div>\r\n                                </td>\r\n                                <td>\r\n                                    <input v-model=\"inviteList[index].email\" type=\"text\" placeholder=\"E-mail Address\"\r\n                                        :name=\"`email${index}`\" data-vv-validate-on=\"blur\" data-vv-as=\"email address\"\r\n                                        v-validate=\"'required|email'\" :class=\"{\r\n                                            'form-control': true,\r\n                                            'is-invalid':  validationErrors.has(`email${index}`)\r\n                                        }\">\r\n                                    <div v-show=\"validationErrors.has(`email${index}`)\" class=\"invalid-feedback\">\r\n                                        {{ validationErrors.first(`email${index}`) }}\r\n                                    </div>\r\n                                </td>\r\n                                <td>\r\n                                    <button type=\"button\" class=\"btn btn-danger\"\r\n                                        @click=\"deleteEmailAddress(index)\">Delete</button>\r\n                                </td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n\r\n                    <button type=\"button\" class=\"btn btn-primary btn-primary-insv mr-2 mb-2\" @click=\"addInviteField\">\r\n                        Add More\r\n                    </button>\r\n                    <button type=\"button\" class=\"btn btn-primary btn-primary-insv mr-2 mb-2\" @click=\"inviteUsers\">\r\n                        Invite Users Now</button>\r\n                </form>\r\n            </div>\r\n        </div>\r\n\r\n        <popup-modal ref=\"popupAddDone\" title=\"Invite Users\" sizeClass=\"modal-lg\">\r\n            <template slot=\"content\">\r\n                <p>{{inviteResultText}}</p>\r\n\r\n                <template v-if=\"inviteWithErrors\">\r\n                    <p>{{inviteResultErrorText}}</p>\r\n\r\n                    <table class=\"table\">\r\n                        <colgroup>\r\n                            <col width=\"50\">\r\n                            <col>\r\n                            <col>\r\n                            <col>\r\n                        </colgroup>\r\n                        <thead>\r\n                            <tr>\r\n                                <th scope=\"col\">#</th>\r\n                                <th scope=\"col\">Name</th>\r\n                                <th scope=\"col\">Email Address</th>\r\n                                <th scope=\"col\">Reason</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr v-for=\"(invite, index) in inviteErrorList\" :key=\"index\">\r\n                                <th scope=\"row\">{{index+1}}</th>\r\n                                <td>{{invite.name ? invite.name : '-'}}</td>\r\n                                <td>{{invite.email}}</td>\r\n                                <td>{{invite.reason ? invite.reason : '-'}}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </template>\r\n            </template>\r\n            <template slot=\"footer\">\r\n                <button type=\"button\" class=\"btn btn-primary btn-primary-insv\"\r\n                    @click=\"dismissDoneConfirmation\">Okay</button>\r\n            </template>\r\n        </popup-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport popupModal from '@/components/popup-modal';\r\nexport default {\r\n    'name': 'CompanyUserInvitation',\r\n    'components': {\r\n        popupModal\r\n    },\r\n    'computed': {\r\n        companyName () {\r\n            return this.$store.state.operator.companyNameDisplay;\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            'inviteList': [{\r\n                'name': '',\r\n                'email': ''\r\n            }],\r\n            'inviteWithErrors': false,\r\n            'inviteResultText': '',\r\n            'inviteResultErrorText': '',\r\n            'inviteErrorList': []\r\n        };\r\n    },\r\n    mounted () {},\r\n    'methods': {\r\n        addInviteField () {\r\n            this.inviteList.push({\r\n                'name': '',\r\n                'email': ''\r\n            });\r\n\r\n            this.$nextTick(() => {\r\n                let lastInsertedRow = this.$refs.tableUserInvite.querySelectorAll('tr')[this.inviteList.length];\r\n                lastInsertedRow.querySelector('input').focus();\r\n            });\r\n        },\r\n        deleteEmailAddress (index) {\r\n            this.inviteList.splice(index, 1);\r\n\r\n            if (this.inviteList.length === 0) {\r\n                this.inviteList.push({\r\n                    'name': '',\r\n                    'email': ''\r\n                });\r\n\r\n                this.$validator.reset();\r\n            }\r\n        },\r\n        validateEmails () {\r\n            return this.$validator.validateAll();\r\n        },\r\n        inviteUsers () {\r\n            this.validateEmails().then((validated) => {\r\n                if (validated) {\r\n                    let emails = [];\r\n\r\n                    emails = this.inviteList.map((invite) => ({\r\n                        'e': invite.email,\r\n                        'n': invite.name\r\n                    }));\r\n\r\n                    this.axios.post('/Invite/Company', emails).then(({\r\n                        data\r\n                    }) => {\r\n                        let successList = data.data.si;\r\n                        let failedList = data.data.fi;\r\n\r\n                        this.inviteResultText =\r\n                                `${successList.length} invitation${successList.length > 1 ? 's' : ''} created.`;\r\n\r\n                        if (failedList.length > 0) {\r\n                            this.inviteWithErrors = true;\r\n                            this.inviteResultErrorText =\r\n                                    `${failedList.length} failed invitation${failedList.length > 1 ? 's' : ''}.`;\r\n                            this.inviteErrorList = failedList.map((invitation) => ({\r\n                                'email': invitation.e,\r\n                                'name': invitation.n,\r\n                                'reason': invitation.fr\r\n                            }));\r\n                        } else {\r\n                            this.inviteWithErrors = false;\r\n                            this.inviteResultErrorText = '';\r\n                            this.inviteErrorList = [];\r\n                        }\r\n\r\n                        this.inviteList = [];\r\n                        this.inviteList.push({\r\n                            'name': '',\r\n                            'email': ''\r\n                        });\r\n\r\n                        this.$refs.popupAddDone.show();\r\n                    }).catch(() => {\r\n                        this.inviteResultText = 'Error saving invitations. Please try again.';\r\n                        this.$refs.popupAddDone.show();\r\n                    });\r\n                }\r\n            });\r\n        },\r\n        dismissDoneConfirmation () {\r\n            this.$refs.popupAddDone.hide();\r\n        }\r\n    }\r\n};\r\n\r\n</script>\r\n\r\n<style>\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!./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=8d88c6a6&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"modalContent\",staticClass:\"modal fade\",attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"data-backdrop\":\"static\",\"aria-hidden\":\"true\",\"data-keyboard\":\"false\"}},[_c('div',{staticClass:\"modal-dialog\",class:[\n        'modal-dialog',\n        _vm.sizeClass\n        ],attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.title))]),(_vm.hasCloseButton)?_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-label\":\"Close\"},on:{\"click\":_vm.hide}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])]):_vm._e()]),_c('div',{staticClass:\"modal-body\"},[_vm._t(\"content\")],2),_c('div',{staticClass:\"modal-footer\"},[_vm._t(\"footer\")],2)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div ref=\"modalContent\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" data-backdrop=\"static\" aria-hidden=\"true\" data-keyboard=\"false\">\r\n        <div class=\"modal-dialog\" :class=\"[\r\n            'modal-dialog',\r\n            sizeClass\r\n            ]\"\r\n            role=\"document\">\r\n            <div class=\"modal-content\">\r\n                <div class=\"modal-header\">\r\n                    <h5 class=\"modal-title\">{{title}}</h5>\r\n                    <button v-if=\"hasCloseButton\" type=\"button\" class=\"close\" @click=\"hide\" aria-label=\"Close\">\r\n                        <span aria-hidden=\"true\">&times;</span>\r\n                    </button>\r\n                </div>\r\n                <div class=\"modal-body\">\r\n                    <slot name=\"content\"></slot>\r\n                </div>\r\n                <div class=\"modal-footer\">\r\n                    <slot name=\"footer\"></slot>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from 'jquery';\r\nexport default {\r\n    'name': 'BootstrapModal',\r\n    'props': {\r\n        'title': {\r\n            'type': String,\r\n            'required': true\r\n        },\r\n        'hasCloseButton': {\r\n            'type': Boolean,\r\n            'default': true\r\n        },\r\n        'sizeClass': {\r\n            'type': String,\r\n            'default': ''\r\n        }\r\n    },\r\n    mounted () {\r\n    },\r\n    'methods': {\r\n        show (callback) {\r\n            return new Promise((resolve) => {\r\n                $(this.$refs.modalContent).one('shown.bs.modal', function () {\r\n                    if (typeof callback === 'function') {\r\n                        callback();\r\n                    }\r\n                    resolve();\r\n                });\r\n\r\n                $(this.$refs.modalContent).modal('show');\r\n            });\r\n        },\r\n        hide (callback) {\r\n            return new Promise((resolve) => {\r\n                $(this.$refs.modalContent).one('hidden.bs.modal', function () {\r\n                    if (typeof callback === 'function') {\r\n                        callback();\r\n                    }\r\n                    resolve();\r\n                });\r\n\r\n                $(this.$refs.modalContent).modal('hide');\r\n            });\r\n        }\r\n    }\r\n};\r\n\r\n</script>\r\n\r\n<style>\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!./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=dfd924ce&\"\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":""}