{"version":3,"sources":["webpack:///./src/components/pages/clients/ClientDetails.vue","webpack:///./src/components/pages/clients/ClientDetails.vue?a2c3","webpack:///./src/components/pages/clients/ClientDetails.vue?9427","webpack:///./src/components/templates/BoardLayout.vue?ff75","webpack:///./src/components/pages/clients/ClientDetails.vue?e0db","webpack:///./src/components/templates/BoardLayout.vue","webpack:///./src/components/templates/BoardLayout.vue?398e","webpack:///./src/components/templates/BoardLayout.vue?38cd"],"names":["routeName","studioId","backButton","mainLabel","clientDetails","name","tabs","components","BoardLayout","setup","store","route","params","dispatch","GET_CLIENT_DETAILS","id","state","client","push","routerName","routerText","render","class","src","$router","props","type","String","Array","Boolean","default","Tabs","studioName","auth","tokenContent","__scopeId"],"mappings":"qQACE,eAKe,GAJZA,UAAW,EAAAC,SAAQ,yBACnBC,YAAY,EACZC,UAAW,EAAAC,cAAgB,EAAAA,cAAcC,KAAI,GAC7CC,KAAM,EAAAA,M,6FCCI,iBAAgB,CAC7BC,WAAY,CACVC,cAAA,MAEFC,MAJ6B,WAK3B,IAAMC,EAAQ,iBACRC,EAAQ,iBACRV,EAAWU,EAAMC,OAAOX,SAC9BS,EAAMG,SAAS,OAAcC,oBAAqBH,EAAMC,OAAOG,IAC/D,IAAMX,EAAgB,gBAAS,kBAAMM,EAAMM,MAAMC,OAAOb,iBAClDE,EAAO,GAUb,OATKL,EAOHK,EAAKY,KAAK,CAAEC,WAAY,oBAAqBC,WAAY,YANzDd,EAAKY,KACH,CAAEC,WAAY,iBAAkBC,WAAY,YAC5C,CAAED,WAAY,oBAAqBC,WAAY,WAC/C,CAAED,WAAY,kBAAmBC,WAAY,cAK1C,CAAEd,OAAMF,gBAAeH,e,UCrBlC,EAAOoB,OAASA,EAED,gB,2DCPf,W,kCCAA,W,qJCCOC,MAAM,U,GACJA,MAAM,e,EAEP,eAAiD,OAA5CC,IAAA,KAAyC,S,GAM/CD,MAAM,Y,iKATX,eAQM,MARN,EAQM,CAPJ,eAKM,MALN,EAKM,CAJkD,EAAApB,YAAc,EAAAF,WAAa,EAAAG,W,iBAAjF,eAEM,O,MAFA,QAAK,+BAAE,EAAAqB,QAAQN,KAAI,MAAS,EAAAlB,cAA0DsB,MAAM,gB,CAChG,K,sBAEF,eAAwB,yBAAjB,EAAAnB,WAAS,KAElB,eAAqB,GAAdG,KAAM,EAAAA,MAAI,mBAEnB,eAEM,MAFN,EAEM,CADJ,eAA2B,M,+BCNhB,iBAAgB,CAC7BD,KAAM,OACNoB,MAAO,CACLtB,UAAW,CACTuB,KAAMC,QAERrB,KAAM,CACJoB,KAAME,OAER1B,WAAY,CACVwB,KAAMG,QACNC,SAAS,GAEX9B,UAAW,CACT0B,KAAMC,SAGVpB,WAAY,CACVwB,OAAA,MAEFtB,MApB6B,WAqB3B,IAAMC,EAAQ,iBACRsB,EAAa,gBAAS,kBAAOtB,EAAMM,MAAMiB,KAAKC,aAAexB,EAAMM,MAAMiB,KAAKC,aAAaF,WAAa,MAC9G,MAAO,CAAEA,iB,UCvBb,EAAOX,OAASA,EAChB,EAAOc,UAAY,kBAEJ","file":"js/CLientDetailsLayout.5163a0c7.js","sourcesContent":["<template>\n  <BoardLayout\n    :routeName=\"studioId ? 'AdminClients' : 'Clients'\"\n    :backButton=\"true\"\n    :mainLabel=\"clientDetails ? clientDetails.name : ''\"\n    :tabs=\"tabs\"\n  ></BoardLayout>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport BoardLayout from '@/components/templates/BoardLayout.vue'\nimport { useRoute } from 'vue-router'\nimport { useStore } from '@/store'\nimport { ActionTypes as clientActions } from '@/store/clients/actions'\nexport default defineComponent({\n  components: {\n    BoardLayout\n  },\n  setup() {\n    const store = useStore()\n    const route = useRoute()\n    const studioId = route.params.studioId\n    store.dispatch(clientActions.GET_CLIENT_DETAILS, +route.params.id)\n    const clientDetails = computed(() => store.state.client.clientDetails)\n    const tabs = []\n    if (!studioId) {\n      tabs.push(\n        { routerName: 'ClientProjects', routerText: 'Projects' },\n        { routerName: 'ClientInformation', routerText: 'Details' },\n        { routerName: 'ClientDocuments', routerText: 'Documents' }\n      )\n    } else {\n      tabs.push({ routerName: 'ClientDetailAdmin', routerText: 'Details' })\n    }\n    return { tabs, clientDetails, studioId }\n  }\n})\n</script>\n<style lang=\"sass\">\n.board__section\n  > *:not(.board__section-heading)\n    white-space: normal\n    word-wrap: break-word\n</style>\n","\nimport { defineComponent, computed } from 'vue'\nimport BoardLayout from '@/components/templates/BoardLayout.vue'\nimport { useRoute } from 'vue-router'\nimport { useStore } from '@/store'\nimport { ActionTypes as clientActions } from '@/store/clients/actions'\nexport default defineComponent({\n  components: {\n    BoardLayout\n  },\n  setup() {\n    const store = useStore()\n    const route = useRoute()\n    const studioId = route.params.studioId\n    store.dispatch(clientActions.GET_CLIENT_DETAILS, +route.params.id)\n    const clientDetails = computed(() => store.state.client.clientDetails)\n    const tabs = []\n    if (!studioId) {\n      tabs.push(\n        { routerName: 'ClientProjects', routerText: 'Projects' },\n        { routerName: 'ClientInformation', routerText: 'Details' },\n        { routerName: 'ClientDocuments', routerText: 'Documents' }\n      )\n    } else {\n      tabs.push({ routerName: 'ClientDetailAdmin', routerText: 'Details' })\n    }\n    return { tabs, clientDetails, studioId }\n  }\n})\n","import { render } from \"./ClientDetails.vue?vue&type=template&id=91e43046\"\nimport script from \"./ClientDetails.vue?vue&type=script&lang=ts\"\nexport * from \"./ClientDetails.vue?vue&type=script&lang=ts\"\n\nimport \"./ClientDetails.vue?vue&type=style&index=0&id=91e43046&lang=sass\"\nscript.render = render\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./BoardLayout.vue?vue&type=style&index=0&id=751e885c&scoped=true&lang=sass\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ClientDetails.vue?vue&type=style&index=0&id=91e43046&lang=sass\"","<template>\n  <div class=\"subnav\">\n    <div class=\"subnav__row\">\n      <div @click=\"$router.push({ name: routeName })\" v-if=\"backButton && routeName && mainLabel\" class=\"subnav__icon\">\n        <img src=\"@/assets/icons/arrow-left-black.svg\" />\n      </div>\n      <h2>{{ mainLabel }}</h2>\n    </div>\n    <Tabs :tabs=\"tabs\" />\n  </div>\n  <div class=\"subroute\">\n    <router-view></router-view>\n  </div>\n</template>\n<script lang=\"ts\">\nimport Tabs from '@/components/atom/Tabs.vue'\nimport { defineComponent, computed } from 'vue'\nimport { useStore } from '@/store'\n\nexport default defineComponent({\n  name: 'Home',\n  props: {\n    mainLabel: {\n      type: String\n    },\n    tabs: {\n      type: Array\n    },\n    backButton: {\n      type: Boolean,\n      default: false\n    },\n    routeName: {\n      type: String\n    }\n  },\n  components: {\n    Tabs\n  },\n  setup() {\n    const store = useStore()\n    const studioName = computed(() => (store.state.auth.tokenContent ? store.state.auth.tokenContent.studioName : ''))\n    return { studioName }\n  }\n})\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"sass\">\n.subnav\n  background: $white\n  padding: 0 3.75rem\n  &__row\n    display: flex\n    align-items: center\n  &__icon\n    background-color: map-get($greyShades, 'greyShade10')\n    display: flex\n    align-items: center\n    justify-content: center\n    height: 2rem\n    width: 2rem\n    border-radius: 100%\n    margin-right: 1rem\n    cursor: pointer\n    @media( max-width: $md-breakpoint)\n      display: none\n    img\n      height: 12px\n  h2\n    margin: 1rem 0\n  @media( max-width: $md-breakpoint)\n    padding: 0\n    h2\n      display: none\n</style>\n","\nimport Tabs from '@/components/atom/Tabs.vue'\nimport { defineComponent, computed } from 'vue'\nimport { useStore } from '@/store'\n\nexport default defineComponent({\n  name: 'Home',\n  props: {\n    mainLabel: {\n      type: String\n    },\n    tabs: {\n      type: Array\n    },\n    backButton: {\n      type: Boolean,\n      default: false\n    },\n    routeName: {\n      type: String\n    }\n  },\n  components: {\n    Tabs\n  },\n  setup() {\n    const store = useStore()\n    const studioName = computed(() => (store.state.auth.tokenContent ? store.state.auth.tokenContent.studioName : ''))\n    return { studioName }\n  }\n})\n","import { render } from \"./BoardLayout.vue?vue&type=template&id=751e885c&scoped=true\"\nimport script from \"./BoardLayout.vue?vue&type=script&lang=ts\"\nexport * from \"./BoardLayout.vue?vue&type=script&lang=ts\"\n\nimport \"./BoardLayout.vue?vue&type=style&index=0&id=751e885c&scoped=true&lang=sass\"\nscript.render = render\nscript.__scopeId = \"data-v-751e885c\"\n\nexport default script"],"sourceRoot":""}