{"version":3,"sources":["webpack:///./src/views/UserView.vue?dc82","webpack:///./src/views/UserView.vue","webpack:///./src/views/UserView.vue?201c","webpack:///./src/views/UserView.vue?5021","webpack:///./src/views/ProfileView.vue","webpack:///./src/views/ProfileView.vue?ade1","webpack:///./src/views/ProfileView.vue?3943","webpack:///./src/views/ProfileView.vue?8840"],"names":["id","class","user","username","from-admin","name","components","UserHeader","UserInfos","setup","route","store","useStore","getters","GETTERS","USER","params","dispatch","ACTIONS","GET_USER","EMPTY_USER","render","__scopeId","authUser","AUTH_USER_PROFILE"],"mappings":"qIAAA,W,kKCCOA,GAAG,Q,GAEDC,MAAM,O,+JAFQ,EAAAC,KAAKC,U,yBAA1B,yBAKM,MALN,EAKM,CAJJ,yBAA2B,GAAdD,KAAM,EAAAA,MAAI,iBACvB,yBAEM,MAFN,EAEM,CADJ,yBAA6C,GAAjCA,KAAM,EAAAA,KAAOE,cAAY,G,4HCY1B,+BAAgB,CAC7BC,KAAM,WACNC,WAAY,CACVC,aAAA,KACAC,YAAA,MAEFC,MAN6B,WAO3B,IAAMC,EAAQ,iBACRC,EAAQ,OAAAC,EAAA,QAERV,EAAkC,uBACtC,kBAAMS,EAAME,QAAQ,OAAYC,QAAQC,SAgB1C,OAbA,4BAAc,WAEVL,EAAMM,OAAOb,UACoB,kBAA1BO,EAAMM,OAAOb,UAEpBQ,EAAMM,SAAS,OAAYC,QAAQC,SAAUT,EAAMM,OAAOb,aAI9D,8BAAgB,WACdQ,EAAMM,SAAS,OAAYC,QAAQE,eAG9B,CAAElB,W,WCtCf,EAAOmB,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,yLCPRtB,GAAG,UAAUC,MAAM,a,mHAAkB,EAAAsB,SAASpB,U,yBAAnD,yBAEM,MAFN,EAEM,CADJ,yBAA4C,GAA9BD,KAAM,EAAAqB,UAAQ,oB,kECKf,+BAAgB,CAC7BlB,KAAM,cACNI,MAF6B,WAG3B,IAAME,EAAQ,OAAAC,EAAA,QACRW,EAAsC,uBAC1C,kBAAMZ,EAAME,QAAQ,OAAWC,QAAQU,sBAEzC,MAAO,CAAED,e,UCTf,EAAOF,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"static/js/profile.a7cb3b48.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!./UserView.vue?vue&type=style&index=0&id=5621c701&lang=scss&scoped=true\"","<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=5621c701&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=5621c701&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-5621c701\"\n\nexport default script","<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=fbf4983a&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=fbf4983a&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-fbf4983a\"\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!./ProfileView.vue?vue&type=style&index=0&id=fbf4983a&lang=scss&scoped=true\""],"sourceRoot":""}