{"version":3,"file":"MoleculeAccountMenuButton-9086dc36.js","sources":["../../src/components/molecules/MoleculeAppNavigationDrawer.vue","../../src/components/atoms/AtomAccountButton.vue","../../src/components/molecules/MoleculeAccountMenuButton.vue"],"sourcesContent":["<template>\n  <v-navigation-drawer class=\"molecule-app-navigation-drawer\"\n                       app\n                       v-model=\"open\"\n                       :color=\"dark ? 'cs-green-forest' : 'cs-soft-white'\"\n                       :temporary=\"mobile\"\n                       :permanent=\"!mobile && open\"\n                       :dark=\"dark\"\n                       v-bind=\"$attrs\"\n                       v-on=\"$listeners\">\n    <div class=\"d-flex flex-column fill-height\">\n      <atom-carbon-saver-logo class=\"px-2 py-12\" v-if=\"carbonSaverLogo\" :dark=\"dark\"></atom-carbon-saver-logo>\n      <slot></slot>\n      <div class=\"justify-center\" v-if=\"$slots.actions\">\n        <slot name=\"actions\"></slot>\n      </div>\n      <v-spacer></v-spacer>\n      <div v-if=\"$slots.footer\">\n        <slot name=\"footer\">\n        </slot>\n      </div>\n    </div>\n  </v-navigation-drawer>\n</template>\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { computed, defineComponent } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport AtomCarbonSaverLogo from '../atoms/AtomCarbonSaverLogo.vue'\n\nexport default defineComponent({\n  name: 'MoleculeAppNavigationDrawer',\n  components: { AtomCarbonSaverLogo },\n  props: {\n    value: {\n      type: Boolean as PropType<boolean>\n    },\n    mobile: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    dark: {\n      type: Boolean as PropType<boolean>\n    },\n    carbonSaverLogo: {\n      type: Boolean as PropType<boolean>\n    }\n  },\n  setup (props, { emit }) {\n    const valueData = useVModel(props, 'value', emit, { eventName: 'input', defaultValue: props.value })\n\n    const open = computed<boolean>({\n      get: () => {\n        return props.mobile ? valueData.value === true : true\n      },\n      set: (value) => {\n        if (props.mobile) {\n          valueData.value = value\n        }\n      }\n    })\n\n    return { open }\n  }\n})\n</script>\n<style lang=\"scss\">\n.molecule-app-navigation-drawer {\n}\n</style>\n","<template>\n  <div class=\"atom-account-button fill-height\">\n    <atom-button large text class=\"d-flex px-2\" v-if=\"!fab\" v-bind=\"$attrs\" v-on=\"$listeners\">\n      <atom-button\n        class=\"atom-account-button__fab\"\n        small fab\n        style=\"pointer-events: none\"\n        :dark=\"dark\"\n        :color=\"dark ? 'cs-soft-white' : 'cs-green-forest'\">\n        <div class=\"atom-account-button__letters\" :class=\"dark ? 'text--cs-green-forest': 'white--text'\">\n          {{ initials }}\n        </div>\n      </atom-button>\n      <div class=\"d-flex flex-column atom-account-button__content ml-4\">\n        <div class=\"atom-account-button__content_account\">\n          {{ $tl('atom-account-button.your-account', 'votre compte') }}\n        </div>\n        <div class=\"atom-account-button__content_given-name body-2\">\n          {{ user.givenName }} {{ user.familyName }}\n        </div>\n      </div>\n    </atom-button>\n    <div v-else>\n      <atom-button\n        class=\"atom-account-button__fab\"\n        small fab\n        :dark=\"dark\"\n        :color=\"dark ? 'cs-soft-white' : 'cs-green-forest'\"\n        v-bind=\"$attrs\"\n        v-on=\"$listeners\">\n        <div class=\"atom-account-button__letters\" :class=\"dark ? 'text--cs-green-forest': 'white--text'\">\n          {{ initials }}\n        </div>\n      </atom-button>\n    </div>\n  </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n.atom-account-button {\n  .atom-account-button__letters {\n    height: 100%;\n    width: 100%;\n    line-height: 40px;\n    text-align: center;\n    font-size: 16px;\n    font-weight: 500;\n    user-select: none;\n  }\n\n  .atom-account-button__content_account {\n    color: var(--v-primary-darken4-base);\n    font-weight: bold;\n    font-size: 14px;\n    letter-spacing: 0;\n    line-height: 20px;\n  }\n}\n</style>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { computed, defineComponent } from 'vue'\nimport AtomButton from './AtomButton.vue'\nimport type { User } from '../../use/auth'\n\nexport default defineComponent({\n  name: 'AtomAccountButton',\n  components: { AtomButton },\n  props: {\n    user: {\n      type: Object as PropType<User>,\n      required: true\n    },\n    dark: {\n      type: Boolean as PropType<boolean>\n    },\n    fab: {\n      type: Boolean as PropType<boolean>\n    }\n  },\n  setup: (props) => {\n    const initials = computed(() => {\n      return (props.user.familyName[0] ?? '') + (props.user.givenName[0] ?? '')\n    })\n\n    return { initials }\n  }\n})\n</script>\n","<template>\n  <v-menu class=\"molecule-account-menu-button\" v-bind=\"menuAttrs\">\n    <template v-slot:activator=\"{ on, attrs }\">\n      <atom-account-button\n        :user=\"user\"\n        :class=\"buttonClass\"\n        v-bind=\"{...attrs, ...$attrs}\"\n        v-on=\"on\">\n      </atom-account-button>\n    </template>\n    <v-list>\n      <v-list-item :to=\"{name: 'user-settings'}\">\n        <v-list-item-title>\n          {{ $tl('molecule-account-menu-button.user-parameters', 'paramètres utilisateur') }}\n        </v-list-item-title>\n        <v-list-item-icon>\n          <v-icon>mdi-account</v-icon>\n        </v-list-item-icon>\n      </v-list-item>\n      <v-list-item :to=\"{name: 'advanced-settings'}\" v-if=\"hasPermission('tenant-admin')\">\n        <v-list-item-title>\n          {{ $tl('molecule-account-menu-button.advanced-settings', 'paramètres avancés') }}\n        </v-list-item-title>\n        <v-list-item-icon>\n          <v-icon>mdi-cog-outline</v-icon>\n        </v-list-item-icon>\n      </v-list-item>\n      <v-list-item :to=\"{name: 'subscriptions'}\" v-if=\"!isFromTenant\">\n        <v-list-item-title>\n          {{ $tl('molecule-account-menu-button.subscription', 'abonnement') }}\n        </v-list-item-title>\n        <v-list-item-icon>\n          <v-icon>mdi-credit-card-outline</v-icon>\n        </v-list-item-icon>\n      </v-list-item>\n      <v-list-item @click=\"logout()\">\n        <v-list-item-title>\n          {{ $tl('molecule-account-menu-button.logout', 'déconnexion') }}\n        </v-list-item-title>\n        <v-list-item-icon>\n          <v-icon>mdi-logout</v-icon>\n        </v-list-item-icon>\n      </v-list-item>\n    </v-list>\n  </v-menu>\n</template>\n\n<style lang=\"scss\" scoped>\n.molecule-account-menu-button {\n\n}\n</style>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { defineComponent } from 'vue'\nimport AtomAccountButton from '../atoms/AtomAccountButton.vue'\nimport config from '../../config'\nimport type { User } from '../../use/auth'\nimport { useAuth } from '../../use/auth'\n\nexport default defineComponent({\n  name: 'MoleculeAccountMenuButton',\n  components: { AtomAccountButton },\n  props: {\n    user: {\n      type: Object as PropType<User>,\n      required: true\n    },\n    buttonClass: {\n      type: [Object, Array] as PropType<Record<string, boolean> | string[]>\n    },\n    menuAttrs: {\n      type: Object as PropType<Record<string, unknown>>\n    }\n  },\n  setup: () => {\n    const isFromTenant = config.tenant.tenantId !== undefined\n\n    const { hasPermission, logout } = useAuth()\n\n    return {\n      isFromTenant,\n      hasPermission,\n      logout\n    }\n  }\n})\n</script>\n"],"names":[],"mappings":"wNA8BA,MAAA,YAAA,gBAAA,CACA,KAAA,8BACA,WAAA,CAAA,mBAAA,EACA,MAAA,CACA,MAAA,CACA,KAAA,OACA,EACA,OAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,KAAA,CACA,KAAA,OACA,EACA,gBAAA,CACA,KAAA,OACA,CACA,EACA,MAAA,MAAA,CAAA,MAAA,CACA,MAAA,UAAA,UAAA,MAAA,QAAA,KAAA,CAAA,UAAA,QAAA,aAAA,MAAA,KAAA,CAAA,EAaA,MAAA,CAAA,KAXA,SAAA,CACA,IAAA,IACA,MAAA,OAAA,UAAA,QAAA,GAAA,GAEA,IAAA,OAAA,CACA,MAAA,SACA,UAAA,MAAA,MAEA,CAAA,CACA,CAEA,CACA,CACA,CAAA,u9BCGA,YAAA,gBAAA,CACA,KAAA,oBACA,WAAA,CAAA,UAAA,EACA,MAAA,CACA,KAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,KAAA,CACA,KAAA,OACA,EACA,IAAA,CACA,KAAA,OACA,CACA,EACA,MAAA,QAKA,CAAA,SAJA,SAAA,KACA,MAAA,KAAA,WAAA,CAAA,GAAA,KAAA,MAAA,KAAA,UAAA,CAAA,GAAA,GACA,CAEA,EAEA,CAAA,0hDC5BA,UAAA,gBAAA,CACA,KAAA,4BACA,WAAA,CAAA,iBAAA,EACA,MAAA,CACA,KAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,YAAA,CACA,KAAA,CAAA,OAAA,KAAA,CACA,EACA,UAAA,CACA,KAAA,MACA,CACA,EACA,MAAA,IAAA,CACA,MAAA,aAAA,OAAA,OAAA,WAAA,OAEA,CAAA,cAAA,MAAA,EAAA,QAAA,EAEA,MAAA,CACA,aACA,cACA,MAAA,CAEA,CACA,CAAA"}