{"version":3,"sources":["webpack:///./src/common/views/ChildList.vue?7f77","webpack:///./src/common/components/modal/ShareChildModal.vue?a8cd","webpack:///src/common/components/modal/ShareChildModal.vue","webpack:///./src/common/components/modal/ShareChildModal.vue?cc53","webpack:///./src/common/components/modal/ShareChildModal.vue","webpack:///src/common/views/ChildList.vue","webpack:///./src/common/views/ChildList.vue?0b9b","webpack:///./src/common/views/ChildList.vue","webpack:///./src/assets/coin2.png","webpack:///./src/auth/utils/Email.js","webpack:///./src/auth/utils/index.js","webpack:///./src/common/views/ChildList.vue?ef25"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","modalInactiveChild","title","confirmButton","MODAL_ID","_v","_s","text","staticClass","class","theme","childSelectedId","childrenList","length","on","$event","$bvModal","show","_e","style","sessionStore","userName","_l","item","key","id","childIsActive","selectChild","avatar","name","lastName","coins","staticRenderFns","preventDefault","shuldBeShared","willBeShared","message","variant","directives","rawName","value","parentData","expression","disableEmailInput","domProps","target","composing","$set","disableExtraInputs","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","selectedChildren","multiple","child","index","last_name","hideUpdateChecklistModal","emailError","textConfirmButton","props","childrenData","type","default","data","parentToAssignId","loaderShare","computed","parentId","userId","methods","hide","resetData","shareChild","continueToShared","errorsInEmailInput","email","resetDisplayAlert","displayAlert","setParent","parent","enableSharing","canEdit","watch","handler","immediate","component","components","NavBar","ConfirmModal","ShareChildModal","inactiveChildId","childsList","children","goToMainRoute","$router","push","module","exports","validateEmail","EMAIL_REGEX","test"],"mappings":"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","file":"js/chunk-e479f2d4.a01478b1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('confirm-modal',{attrs:{\"title\":_vm.modalInactiveChild.title,\"confirm-button\":_vm.modalInactiveChild.confirmButton,\"modalId\":_vm.MODAL_ID}},[_vm._v(\" \"+_vm._s(_vm.modalInactiveChild.text)+\" \")]),_c('nav-bar',{staticClass:\"py-3\",attrs:{\"title\":'Change Student',\"hideBackButton\":\"\"}}),_c('div',{staticClass:\"mobile bg-white text-right\",class:_vm.theme},[(_vm.childSelectedId && _vm.childrenList.length)?_c('button',{staticClass:\"shareChildButton atm-button bg-light text-main rounded-pill px-3 py-1\",attrs:{\"type\":\"button\",\"disabled\":!_vm.childrenList},on:{\"click\":function($event){return _vm.$bvModal.show('shareChild')}}},[_vm._v(\" Share child \")]):_vm._e()]),_c('div',[_c('div',{staticClass:\"atm-rounded d-flex gap-4 flex-column justify-content-center align-items-center mx-0 py-2\",class:{ childSelectedId: 'atm-shadow' },style:(_vm.childSelectedId ? '' : 'top: -125px')},[_c('div',{staticClass:\"text-center\"},[_c('h5',[_vm._v(\"Welcome \"+_vm._s(_vm.sessionStore.userName))]),_c('p',[_vm._v(\" Please select the profile of the student to administer: \")])]),_vm._l((_vm.childrenList),function(item){return _c('div',{key:item.id,staticClass:\"childCard position-relative d-flex justify-content-between align-items-center px-0 my-3 rounded-pill w-75\",class:{ 'child-inactive': !item.childIsActive },on:{\"click\":function($event){return _vm.selectChild(item)}}},[_c('div',{staticClass:\"childImage rounded-circle atm-shadow rounded-pill bg-light\"},[_c('img',{attrs:{\"fluid\":\"\",\"src\":item.avatar ? item.avatar : require(\"@/assets/avatar.png\"),\"alt\":\"Badge icon\"}})]),_c('div',{staticClass:\"childInfo atm-shadow d-flex flex-grow-1 justify-content-between align-items-center rounded-pill pl-5 ml-5\"},[_c('span',{staticClass:\"ellipsis font-weight-bold text-capitalize pl-2\"},[_vm._v(\" \"+_vm._s(item.name)+\" \"+_vm._s(item.lastName)+\" \")]),_c('div',{staticClass:\"position-relative\"},[_c('div',{staticClass:\"coin-container position-relative d-flex justify-content-center align-items-center\"},[_c('img',{attrs:{\"src\":require('@/assets/coin2.png'),\"alt\":\"\"}}),_c('label',{staticClass:\"coins-value position-absolute font-weight-bolder m-0\"},[_vm._v(\" \"+_vm._s(item.coins)+\" \")])])])])])})],2),(_vm.childrenList.length)?_c('share-child-modal',{attrs:{\"childrenData\":_vm.childrenList}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":\"shareChild\",\"size\":\"md\",\"centered\":\"\",\"hide-header\":true,\"hide-footer\":true,\"content-class\":\"p-2 atm-rounded\",\"no-close-on-backdrop\":\"\"}},[_c('h3',{staticClass:\"mb-4\"},[_vm._v(\"Share child\")]),_c('b-form',{staticClass:\"d-flex flex-wrap gap-2 justify-content-center align-items-center px-3 mb-4 mt-4\",on:{\"submit\":function($event){$event.preventDefault();return _vm.shuldBeShared(_vm.willBeShared)}}},[(_vm.message.show)?_c('b-alert',{staticClass:\"small p-2 mb-3 w-100\",attrs:{\"show\":\"\",\"variant\":_vm.message.variant}},[(_vm.message.title)?_c('p',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.message.title))]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.message.text)+\" \")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.parentData.email),expression:\"parentData.email\"}],staticClass:\"atm-input flex-grow-1 w-100\",attrs:{\"type\":\"text\",\"placeholder\":\"Parent email to share\",\"disabled\":_vm.disableEmailInput},domProps:{\"value\":(_vm.parentData.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.parentData, \"email\", $event.target.value)}}}),(_vm.willBeShared)?_c('div',{staticClass:\"share-child-containe-form__childs-list share-child-containe-childs-list mt-1 w-100 d-flex flex-wrap gap-2 justify-content-center align-items-center justify-content-between\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.parentData.name),expression:\"parentData.name\"}],staticClass:\"atm-input flex-grow-1 w-25\",attrs:{\"type\":\"text\",\"placeholder\":\"Parent name\",\"disabled\":_vm.disableExtraInputs,\"required\":\"\"},domProps:{\"value\":(_vm.parentData.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.parentData, \"name\", $event.target.value)}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.parentData.lastName),expression:\"parentData.lastName\"}],staticClass:\"atm-input flex-grow-1 w-25\",attrs:{\"type\":\"text\",\"placeholder\":\"Parent last name\",\"disabled\":_vm.disableExtraInputs},domProps:{\"value\":(_vm.parentData.lastName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.parentData, \"lastName\", $event.target.value)}}}),_c('label',{staticClass:\"text-muted small m-0\",attrs:{\"for\":\"selectChild\"}},[_vm._v(\"Choose children to share\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedChildren),expression:\"selectedChildren\"}],staticClass:\"atm-input w-100\",attrs:{\"id\":\"selectChild\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedChildren=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{domProps:{\"value\":0}},[_vm._v(\"Select child to share\")]),_vm._l((_vm.childrenData),function(child,index){return _c('option',{key:index,domProps:{\"value\":child.id}},[_vm._v(\" \"+_vm._s(child.name)+\" \"+_vm._s(child.last_name)+\" \")])})],2)]):_vm._e(),_c('div',{staticClass:\"d-flex gap-4 justify-content-center align-items-center w-100 mt-3\"},[_c('b-button',{staticClass:\"atm-button  bg-gray border-0 text-dark font-weight-bold w-100\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.hideUpdateChecklistModal}},[_vm._v(\" Back \")]),_c('b-button',{staticClass:\"atm-button bg-main font-weight-bold w-100\",attrs:{\"type\":\"submit\",\"disabled\":_vm.emailError}},[(_vm.loaderShare)?_c('b-spinner',{attrs:{\"label\":\"Save\"}}):_c('span',[_vm._v(_vm._s(_vm.textConfirmButton))])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-modal\n    id=\"shareChild\"\n    size=\"md\"\n    centered\n    :hide-header=\"true\"\n    :hide-footer=\"true\"\n    content-class=\"p-2 atm-rounded\"\n    no-close-on-backdrop\n  >\n    <h3 class=\"mb-4\">Share child</h3>\n    <b-form\n      @submit.prevent=\"shuldBeShared(willBeShared)\"\n      class=\"d-flex flex-wrap gap-2 justify-content-center align-items-center px-3 mb-4 mt-4\"\n    >\n      <b-alert show :variant=\"message.variant\" class=\"small p-2 mb-3 w-100\" v-if=\"message.show\">\n        <p v-if=\"message.title\" class=\"font-weight-bold\">{{ message.title }}</p>\n        {{ message.text }}\n      </b-alert>\n      <input\n        type=\"text\"\n        class=\"atm-input flex-grow-1 w-100\"\n        placeholder=\"Parent email to share\"\n        v-model=\"parentData.email\"\n        :disabled=\"disableEmailInput\"\n      />\n      <div\n        v-if=\"willBeShared\"\n        class=\"share-child-containe-form__childs-list share-child-containe-childs-list mt-1 w-100 d-flex flex-wrap gap-2 justify-content-center align-items-center justify-content-between\"\n      >\n        <input\n          type=\"text\"\n          class=\"atm-input flex-grow-1 w-25\"\n          placeholder=\"Parent name\"\n          v-model=\"parentData.name\"\n          :disabled=\"disableExtraInputs\"\n          required\n        />\n        <input\n          type=\"text\"\n          class=\"atm-input flex-grow-1 w-25\"\n          placeholder=\"Parent last name\"\n          v-model=\"parentData.lastName\"\n          :disabled=\"disableExtraInputs\"\n        />\n        <label for=\"selectChild\" class=\"text-muted small m-0\">Choose children to share</label>\n        <select id=\"selectChild\" class=\"atm-input w-100\" v-model=\"selectedChildren\">\n          <option :value=\"0\">Select child to share</option>\n          <option v-for=\"(child, index) in childrenData\" :key=\"index\" :value=\"child.id\">\n            {{ child.name }} {{ child.last_name }}\n          </option>\n        </select>\n      </div>\n      <div class=\"d-flex gap-4 justify-content-center align-items-center w-100 mt-3\">\n        <b-button\n          type=\"button\"\n          class=\"atm-button  bg-gray border-0 text-dark font-weight-bold w-100\"\n          @click=\"hideUpdateChecklistModal\"\n        >\n          Back\n        </b-button>\n        <b-button type=\"submit\" class=\"atm-button bg-main font-weight-bold w-100\" :disabled=\"emailError\">\n          <b-spinner v-if=\"loaderShare\" label=\"Save\" />\n          <span v-else>{{ textConfirmButton }}</span>\n        </b-button>\n      </div>\n    </b-form>\n  </b-modal>\n</template>\n\n<script>\nimport { useSessionStore } from '@/common';\nimport { getParentByEmail, setParentAssignChildren, setInviteParent } from '@/common/services';\nimport { validateEmail } from '@/auth/utils';\n\nexport default {\n  props: {\n    childrenData: {\n      type: Array,\n      default: () => {},\n    },\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      sessionStore,\n      willBeShared: false,\n      disableExtraInputs: false,\n      disableEmailInput: false,\n      parentToAssignId: 0,\n      selectedChildren: 0,\n      loaderShare: false,\n      parentData: { email: '', name: '', lastName: '', canEdit: true },\n      message: { show: false, title: '', text: '', variant: '' },\n      emailError: false,\n    };\n  },\n  computed: {\n    parentId() {\n      return this.sessionStore.userId;\n    },\n    textConfirmButton() {\n      return this.willBeShared ? 'Share' : 'Next';\n    },\n  },\n  methods: {\n    hideUpdateChecklistModal() {\n      this.$bvModal.hide('shareChild');\n      this.resetData();\n    },\n    shuldBeShared(willBeShared) {\n      willBeShared ? this.shareChild() : this.continueToShared();\n    },\n    errorsInEmailInput() {\n      if (!this.parentData.email) {\n        this.displayAlert({ text: 'Email is required', variant: 'danger' });\n        return (this.emailError = true);\n      }\n      if (!validateEmail(this.parentData.email)) {\n        this.displayAlert({ text: 'Invalid email', variant: 'danger' });\n        return (this.emailError = true);\n      }\n      this.resetDisplayAlert();\n    },\n    setParent(parent) {\n      this.disableExtraInputs = true;\n      this.parentToAssignId = parent.id;\n      this.parentData = {\n        ...this.parentData,\n        name: parent.name,\n        lastName: parent.last_name,\n      };\n    },\n    enableSharing() {\n      this.willBeShared = true;\n      this.disableEmailInput = true;\n      this.loaderShare = false;\n    },\n    async continueToShared() {\n      this.loaderShare = true;\n      try {\n        const parent = await getParentByEmail(this.parentData.email);\n        this.setParent(parent);\n      } catch (error) {\n        this.displayAlert({\n          title: 'Remember!',\n          text: 'This change will not be made until approved by an administrator',\n          variant: 'warning',\n        });\n      } finally {\n        this.enableSharing();\n      }\n    },\n    async shareChild() {\n      this.resetDisplayAlert();\n      const dataToInviteOrShare = {\n        parentId: this.parentId,\n        assignToParentId: this.parentToAssignId,\n        childList: [this.selectedChildren],\n        assign: true,\n        ...this.parentData,\n      };\n      if (!this.selectedChildren) {\n        this.displayAlert({ text: 'Please select a child to share', variant: 'warning' });\n        return;\n      }\n      this.loaderShare = true;\n      try {\n        this.parentToAssignId\n          ? await setParentAssignChildren(dataToInviteOrShare)\n          : await setInviteParent(dataToInviteOrShare);\n        this.hideUpdateChecklistModal();\n      } catch (error) {\n        this.displayAlert({ text: 'Something went wrong', variant: 'danger' });\n      } finally {\n        this.loaderShare = false;\n      }\n    },\n    displayAlert({ title = '', text = '', variant = 'success' }) {\n      this.message = {\n        show: true,\n        title,\n        text,\n        variant,\n      };\n    },\n    resetDisplayAlert() {\n      this.message = { show: false, title: '', text: '', variant: '' };\n      this.emailError = false;\n    },\n    resetData() {\n      this.willBeShared = false;\n      this.disableExtraInputs = false;\n      this.disableEmailInput = false;\n      this.selectedChildren = 0;\n      this.parentToAssignId = 0;\n      this.parentData = {\n        email: '',\n        name: '',\n        lastName: '',\n        canEdit: true,\n      };\n      this.resetDisplayAlert();\n    },\n  },\n  watch: {\n    'parentData.email': {\n      handler() {\n        this.errorsInEmailInput();\n      },\n      immediate: true,\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\"></style>\n\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!./ShareChildModal.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!./ShareChildModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShareChildModal.vue?vue&type=template&id=7378e098&\"\nimport script from \"./ShareChildModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ShareChildModal.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","<template>\n  <div>\n    <confirm-modal\n      :title=\"modalInactiveChild.title\"\n      :confirm-button=\"modalInactiveChild.confirmButton\"\n      :modalId=\"MODAL_ID\"\n    >\n      {{ modalInactiveChild.text }}\n    </confirm-modal>\n    <nav-bar :title=\"'Change Student'\" class=\"py-3\" hideBackButton></nav-bar>\n    <div class=\"mobile bg-white text-right\" :class=\"theme\">\n      <button\n        v-if=\"childSelectedId && childrenList.length\"\n        type=\"button\"\n        class=\"shareChildButton atm-button bg-light text-main rounded-pill px-3 py-1\"\n        @click=\"$bvModal.show('shareChild')\"\n        :disabled=\"!childrenList\"\n      >\n        Share child\n      </button>\n    </div>\n    <div>\n      <div\n        class=\"atm-rounded d-flex gap-4 flex-column justify-content-center align-items-center mx-0 py-2\"\n        :class=\"{ childSelectedId: 'atm-shadow' }\"\n        :style=\"childSelectedId ? '' : 'top: -125px'\"\n      >\n        <div class=\"text-center\">\n          <h5>Welcome {{ sessionStore.userName }}</h5>\n          <p>\n            Please select the profile of the student to administer:\n          </p>\n        </div>\n        <div\n          v-for=\"item in childrenList\"\n          class=\"childCard position-relative d-flex justify-content-between align-items-center px-0 my-3 rounded-pill w-75\"\n          :class=\"{ 'child-inactive': !item.childIsActive }\"\n          :key=\"item.id\"\n          @click=\"selectChild(item)\"\n        >\n          <div class=\"childImage rounded-circle atm-shadow rounded-pill bg-light\">\n            <img\n              fluid\n              :src=\"item.avatar ? item.avatar : require(`@/assets/avatar.png`)\"\n              alt=\"Badge icon\"\n            />\n          </div>\n          <div\n            class=\"childInfo atm-shadow d-flex flex-grow-1 justify-content-between align-items-center rounded-pill pl-5 ml-5\"\n          >\n            <span class=\"ellipsis font-weight-bold text-capitalize pl-2\">\n              {{ item.name }} {{ item.lastName }}\n            </span>\n            <div class=\"position-relative\">\n              <div\n                class=\"coin-container position-relative d-flex justify-content-center align-items-center\"\n              >\n                <img :src=\"require('@/assets/coin2.png')\" alt=\"\" />\n                <label class=\"coins-value position-absolute font-weight-bolder m-0\">\n                  {{ item.coins }}\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <share-child-modal\n        v-if=\"childrenList.length\"\n        :childrenData=\"childrenList\"\n      ></share-child-modal>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useSessionStore } from '@/common';\nimport { persisteChildSelection } from '@/auth';\nimport { updateChildInformation } from '@/common/services';\nimport { NavBar, ConfirmModal } from '@/common/components';\nimport ShareChildModal from '@/common/components/modal/ShareChildModal';\nimport { getThemeColor } from '@/common/utils';\n\nexport default {\n  components: {\n    NavBar,\n    ConfirmModal,\n    ShareChildModal,\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      sessionStore,\n      childrenList: [],\n      userName: '',\n      inactiveChildId: null,\n      MODAL_ID: 'inactive-child',\n      modalInactiveChild: {\n        title: '',\n        text: 'You want to enable this child?',\n        confirmButton: () => this.enableChild(),\n      },\n    };\n  },\n  computed: {\n    childSelectedId() {\n      return this.sessionStore.childSelectedId;\n    },\n    childsList() {\n      return this.sessionStore.children;\n    },\n    theme() {\n      return `bg-${getThemeColor(this.sessionStore.themeSelection)}`;\n    },\n    userId() {\n      return this.sessionStore.userId;\n    },\n  },\n  methods: {\n    goToMainRoute(child) {\n      persisteChildSelection(`${child.id}`);\n      this.$router.push('/');\n    },\n    selectChild(child) {\n      if (child.childIsActive) {\n        this.goToMainRoute(child);\n        return;\n      }\n      this.modalInactiveChild.title = `${child.name} is disabled`;\n      this.inactiveChildId = child.id;\n      this.$bvModal.show(this.MODAL_ID);\n    },\n    async enableChild() {\n      try {\n        const enableChild = true;\n        const userInfo = await updateChildInformation(this.userId, this.inactiveChildId, {\n          isActive: enableChild,\n        });\n        delete userInfo.avatar;\n        this.sessionStore.setChildInfo(userInfo);\n        this.goToMainRoute(userInfo);\n      } catch (error) {\n        console.error(error);\n      }\n    },\n  },\n  async mounted() {\n    this.childrenList = this.childsList;\n  },\n};\n</script>\n<style lang=\"scss\">\n.bg-badge {\n  overflow: hidden;\n  height: 45px;\n  width: 45px;\n}\n.badge__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.shareChildButton {\n  height: fit-content;\n}\n\n.childCard {\n  height: 50px;\n  cursor: pointer;\n}\n\n.childImage {\n  position: absolute;\n  top: -35%;\n  width: 85px;\n  height: 85px;\n  overflow: hidden;\n  z-index: 400;\n  & > img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.childInfo {\n  height: 100%;\n  position: relative;\n  .ellipsis {\n    width: max(28vw, 100px);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.coin-container {\n  width: 50px;\n  height: 50px;\n  & > img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n  & .coins-value {\n    font-size: 1rem;\n    width: min-content;\n    height: min-content;\n    top: 17.5%;\n  }\n}\n.child-inactive {\n  filter: grayscale(100%);\n}\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!./ChildList.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!./ChildList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChildList.vue?vue&type=template&id=08d17ebc&\"\nimport script from \"./ChildList.vue?vue&type=script&lang=js&\"\nexport * from \"./ChildList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChildList.vue?vue&type=style&index=0&lang=scss&\"\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","module.exports = __webpack_public_path__ + \"img/coin2.5c2570b1.png\";","import { EMAIL_REGEX } from '@/common/utils';\n\nfunction validateEmail(email) {\n  return EMAIL_REGEX.test(email);\n}\n\nexport { validateEmail };\n\n","export * from './Email';\n\n","import mod from \"-!../../../node_modules/@vue/cli-service/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!./ChildList.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/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!./ChildList.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}