{"version":3,"sources":["webpack:///./src/views/user/ProfileView.vue?6d36","webpack:///./src/views/user/ProfileView.vue","webpack:///./src/views/user/ProfileView.vue?59ea","webpack:///./src/views/user/ProfileView.vue?c1eb","webpack:///./src/views/user/UserView.vue","webpack:///./src/views/user/UserView.vue?0b19","webpack:///./src/views/user/UserView.vue?8311","webpack:///./src/views/user/UserView.vue?1cf4"],"names":["id","class","authUser","username","user","name","setup","store","useStore","getters","GETTERS","AUTH_USER_PROFILE","render","__scopeId","from-admin","components","UserHeader","UserInfos","route","USER","params","dispatch","ACTIONS","GET_USER","EMPTY_USER"],"mappings":"yGAAA,W,kKCCOA,GAAG,UAAUC,MAAM,a,mHAAkB,EAAAC,SAASC,U,yBAAnD,yBAEM,MAFN,EAEM,CADJ,yBAA4C,GAA9BC,KAAM,EAAAF,UAAQ,oB,kECKf,+BAAgB,CAC7BG,KAAM,cACNC,MAF6B,WAG3B,IAAMC,EAAQ,OAAAC,EAAA,QACRN,EAAsC,uBAC1C,kBAAMK,EAAME,QAAQ,OAAWC,QAAQC,sBAEzC,MAAO,CAAET,e,UCTf,EAAOU,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,gNCPRb,GAAG,Q,GAEDC,MAAM,O,+JAFQ,EAAAG,KAAKD,U,yBAA1B,yBAKM,MALN,EAKM,CAJJ,yBAA2B,GAAdC,KAAM,EAAAA,MAAI,iBACvB,yBAEM,MAFN,EAEM,CADJ,yBAA6C,GAAjCA,KAAM,EAAAA,KAAOU,cAAY,G,4HCY1B,+BAAgB,CAC7BT,KAAM,WACNU,WAAY,CACVC,aAAA,KACAC,YAAA,MAEFX,MAN6B,WAO3B,IAAMY,EAAQ,iBACRX,EAAQ,OAAAC,EAAA,QAERJ,EAAkC,uBACtC,kBAAMG,EAAME,QAAQ,OAAYC,QAAQS,SAgB1C,OAbA,4BAAc,WAEVD,EAAME,OAAOjB,UACoB,kBAA1Be,EAAME,OAAOjB,UAEpBI,EAAMc,SAAS,OAAYC,QAAQC,SAAUL,EAAME,OAAOjB,aAI9D,8BAAgB,WACdI,EAAMc,SAAS,OAAYC,QAAQE,eAG9B,CAAEpB,W,UCtCf,EAAOQ,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"static/js/profile.291e07db.js","sourcesContent":["export * from \"-!../../../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-v16/dist/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-v16/dist/index.js??ref--0-1!./ProfileView.vue?vue&type=style&index=0&id=41f121e3&lang=scss&scoped=true\"","<template>\n  <div id=\"profile\" class=\"container\" v-if=\"authUser.username\">\n    <router-view :user=\"authUser\"></router-view>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { computed, ComputedRef, defineComponent } from 'vue'\n\n  import { USER_STORE } from '@/store/constants'\n  import { IUserProfile } from '@/types/user'\n  import { useStore } from '@/use/useStore'\n\n  export default defineComponent({\n    name: 'ProfileView',\n    setup() {\n      const store = useStore()\n      const authUser: ComputedRef<IUserProfile> = computed(\n        () => store.getters[USER_STORE.GETTERS.AUTH_USER_PROFILE]\n      )\n      return { authUser }\n    },\n  })\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '~@/scss/base.scss';\n  #profile {\n    display: flex;\n    flex-direction: column;\n\n    ::v-deep(.profile-form) {\n      display: flex;\n      flex-direction: column;\n\n      hr {\n        border-color: var(--card-border-color);\n        border-width: 1px 0 0 0;\n      }\n\n      .form-items {\n        display: flex;\n        flex-direction: column;\n\n        input {\n          margin: $default-padding * 0.5 0;\n        }\n\n        select {\n          height: 35px;\n          padding: $default-padding * 0.5 0;\n        }\n        ::v-deep(.custom-textarea) {\n          textarea {\n            padding: $default-padding * 0.5;\n          }\n        }\n\n        .form-item {\n          display: flex;\n          flex-direction: column;\n          padding: $default-padding;\n        }\n        .birth-date {\n          height: 20px;\n        }\n      }\n\n      .form-buttons {\n        display: flex;\n        margin-top: $default-margin;\n        padding: $default-padding 0;\n        gap: $default-padding;\n      }\n    }\n  }\n</style>\n","\n  import { computed, ComputedRef, defineComponent } from 'vue'\n\n  import { USER_STORE } from '@/store/constants'\n  import { IUserProfile } from '@/types/user'\n  import { useStore } from '@/use/useStore'\n\n  export default defineComponent({\n    name: 'ProfileView',\n    setup() {\n      const store = useStore()\n      const authUser: ComputedRef<IUserProfile> = computed(\n        () => store.getters[USER_STORE.GETTERS.AUTH_USER_PROFILE]\n      )\n      return { authUser }\n    },\n  })\n","import { render } from \"./ProfileView.vue?vue&type=template&id=41f121e3&scoped=true\"\nimport script from \"./ProfileView.vue?vue&type=script&lang=ts\"\nexport * from \"./ProfileView.vue?vue&type=script&lang=ts\"\n\nimport \"./ProfileView.vue?vue&type=style&index=0&id=41f121e3&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-41f121e3\"\n\nexport default script","<template>\n  <div id=\"user\" v-if=\"user.username\">\n    <UserHeader :user=\"user\" />\n    <div class=\"box\">\n      <UserInfos :user=\"user\" :from-admin=\"true\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import {\n    ComputedRef,\n    computed,\n    defineComponent,\n    onBeforeMount,\n    onBeforeUnmount,\n  } from 'vue'\n  import { useRoute } from 'vue-router'\n\n  import UserHeader from '@/components/User/ProfileDisplay/UserHeader.vue'\n  import UserInfos from '@/components/User/ProfileDisplay/UserInfos.vue'\n  import { USERS_STORE } from '@/store/constants'\n  import { IUserProfile } from '@/types/user'\n  import { useStore } from '@/use/useStore'\n\n  export default defineComponent({\n    name: 'UserView',\n    components: {\n      UserHeader,\n      UserInfos,\n    },\n    setup() {\n      const route = useRoute()\n      const store = useStore()\n\n      const user: ComputedRef<IUserProfile> = computed(\n        () => store.getters[USERS_STORE.GETTERS.USER]\n      )\n\n      onBeforeMount(() => {\n        if (\n          route.params.username &&\n          typeof route.params.username === 'string'\n        ) {\n          store.dispatch(USERS_STORE.ACTIONS.GET_USER, route.params.username)\n        }\n      })\n\n      onBeforeUnmount(() => {\n        store.dispatch(USERS_STORE.ACTIONS.EMPTY_USER)\n      })\n\n      return { user }\n    },\n  })\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '~@/scss/base.scss';\n\n  #user {\n    margin: auto;\n    width: 700px;\n    @media screen and (max-width: $medium-limit) {\n      width: 100%;\n      margin: 0 auto 50px auto;\n    }\n  }\n</style>\n","\n  import {\n    ComputedRef,\n    computed,\n    defineComponent,\n    onBeforeMount,\n    onBeforeUnmount,\n  } from 'vue'\n  import { useRoute } from 'vue-router'\n\n  import UserHeader from '@/components/User/ProfileDisplay/UserHeader.vue'\n  import UserInfos from '@/components/User/ProfileDisplay/UserInfos.vue'\n  import { USERS_STORE } from '@/store/constants'\n  import { IUserProfile } from '@/types/user'\n  import { useStore } from '@/use/useStore'\n\n  export default defineComponent({\n    name: 'UserView',\n    components: {\n      UserHeader,\n      UserInfos,\n    },\n    setup() {\n      const route = useRoute()\n      const store = useStore()\n\n      const user: ComputedRef<IUserProfile> = computed(\n        () => store.getters[USERS_STORE.GETTERS.USER]\n      )\n\n      onBeforeMount(() => {\n        if (\n          route.params.username &&\n          typeof route.params.username === 'string'\n        ) {\n          store.dispatch(USERS_STORE.ACTIONS.GET_USER, route.params.username)\n        }\n      })\n\n      onBeforeUnmount(() => {\n        store.dispatch(USERS_STORE.ACTIONS.EMPTY_USER)\n      })\n\n      return { user }\n    },\n  })\n","import { render } from \"./UserView.vue?vue&type=template&id=ea77cdfe&scoped=true\"\nimport script from \"./UserView.vue?vue&type=script&lang=ts\"\nexport * from \"./UserView.vue?vue&type=script&lang=ts\"\n\nimport \"./UserView.vue?vue&type=style&index=0&id=ea77cdfe&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-ea77cdfe\"\n\nexport default script","export * from \"-!../../../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-v16/dist/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-v16/dist/index.js??ref--0-1!./UserView.vue?vue&type=style&index=0&id=ea77cdfe&lang=scss&scoped=true\""],"sourceRoot":""}