{"version":3,"sources":["webpack:///./src/views/Components/User2/AddUser/Role.vue?ba91","webpack:///./src/views/Components/User2/AddUser/Role.vue","webpack:///./src/constants/rolesConstants.js","webpack:///src/views/Components/User2/AddUser/Role.vue","webpack:///./src/views/Components/User2/AddUser/Role.vue?a1c0","webpack:///./src/views/Components/User2/AddUser/Role.vue?7d84"],"names":["render","_vm","this","_c","_self","staticClass","_l","filteredCategories","category","key","name","_v","_s","label","attrs","formattedRoles","model","value","innerRoles","callback","$$v","expression","staticRenderFns","ROLES","VIEW_PAYMENT_PLANS","VIEW_MEMBERSHIPS","MANAGE_SETTINGS","VIEW_PAYMENT_REQUESTS","VIEW_DASHBOARDCHART","SORT_IDS","TRANSACTIONS","PAYMENTS","PAYMENT_PLANS","MEMBERSHIPS","PAYMENT_REQUESTS","REIMBURSEMENTS","ADMINISTRATION","DASHBOARD","CATEGORIES","sortIds","conditionalRoles","_defineProperty","showIf","isAdmin","roles","some","role","includes","sortId","props","availableRoles","type","Array","required","data","innerAvailableRoles","categories","computed","filter","created","$devLog","map","text","description","methods","_objectSpread","disabled","emit","$emit","watch","component"],"mappings":"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","file":"js/Components-User2-AddUser-Role-vue.7d7c2b01.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Role.vue?vue&type=style&index=0&id=930691cc&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"perms\"},_vm._l((_vm.filteredCategories),function(category){return _c('div',{key:category.name,staticClass:\"mb-5\"},[_c('div',{staticClass:\"mb-3\"},[_c('b',[_vm._v(_vm._s(category.label))])]),_c('b-form-checkbox-group',{staticClass:\"perms-switch\",attrs:{\"options\":_vm.formattedRoles(category),\"stacked\":\"\",\"switches\":\"\",\"name\":\"options\"},model:{value:(_vm.innerRoles),callback:function ($$v) {_vm.innerRoles=$$v},expression:\"innerRoles\"}})],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const ROLES = {\n  VIEW_PAYMENT_PLANS: \"VIEWPAYMENTPLANS\",\n  VIEW_MEMBERSHIPS: \"VIEWMEMBERSHIPS\",\n  MANAGE_SETTINGS: \"MANAGESETTINGS\",\n  VIEW_PAYMENT_REQUESTS: \"VIEWPAYMENTREQUESTS\",\n  VIEW_DASHBOARDCHART: \"VIEWDASHBOARDCHART\"\n};\n\nexport const SORT_IDS = {\n  TRANSACTIONS: 14,\n  PAYMENTS: [2, 3],\n  PAYMENT_PLANS: [4, 5, 6],\n  MEMBERSHIPS: [7, 8, 9, 10],\n  PAYMENT_REQUESTS: [11, 12, 13],\n  REIMBURSEMENTS: [20, 21],\n  ADMINISTRATION: [15, 16, 17],\n  DASHBOARD: [0, 22]\n};\n\nexport const CATEGORIES = [\n  {\n    name: \"dashboard\",\n    label: \"Dashboard\",\n    sortIds: SORT_IDS.DASHBOARD,\n    conditionalRoles: { [SORT_IDS.DASHBOARD[1]] : ROLES.VIEW_DASHBOARDCHART },\n  },\n  {\n    name: \"transactions\",\n    label: \"Transactions\",\n    sortIds: [SORT_IDS.TRANSACTIONS],\n  },\n  { name: \"payments\", label: \"Payments\", sortIds: SORT_IDS.PAYMENTS },\n  {\n    name: \"paymentPlans\",\n    label: \"Payment Plans\",\n    sortIds: SORT_IDS.PAYMENT_PLANS,\n    conditionalRoles: { [SORT_IDS.PAYMENT_PLANS[2]]: ROLES.VIEW_PAYMENT_PLANS },\n  },\n  {\n    name: \"memberships\",\n    label: \"Memberships\",\n    sortIds: SORT_IDS.MEMBERSHIPS,\n    conditionalRoles: { [SORT_IDS.MEMBERSHIPS[2]]: ROLES.VIEW_MEMBERSHIPS },\n  },\n  {\n    name: \"paymentRequests\",\n    label: \"Payment Requests\",\n    sortIds: SORT_IDS.PAYMENT_REQUESTS,\n    conditionalRoles: {\n      [SORT_IDS.PAYMENT_REQUESTS[2]]: ROLES.VIEW_PAYMENT_REQUESTS,\n    },\n  },\n  {\n    name: \"reimbursements\",\n    label: \"Reimbursements\",\n    sortIds: SORT_IDS.REIMBURSEMENTS,\n    showIf: (isAdmin, roles) =>\n      isAdmin || roles.some((role) => SORT_IDS.REIMBURSEMENTS.includes(role.sortId)),\n  },\n  {\n    name: \"administration\",\n    label: \"Administration\",\n    sortIds: SORT_IDS.ADMINISTRATION,\n    conditionalRoles: { [SORT_IDS.ADMINISTRATION[1]]: ROLES.MANAGE_SETTINGS },\n  },\n];\n","<template>\n  <div class=\"perms\">\n    <div\n      v-for=\"category in filteredCategories\"\n      :key=\"category.name\"\n      class=\"mb-5\"\n    >\n      <div class=\"mb-3\">\n        <b>{{ category.label }}</b>\n      </div>\n      <b-form-checkbox-group\n        v-model=\"innerRoles\"\n        :options=\"formattedRoles(category)\"\n        stacked\n        switches\n        class=\"perms-switch\"\n        name=\"options\"\n      ></b-form-checkbox-group>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { CATEGORIES } from \"@/constants/rolesConstants\";\n\nexport default {\n  props: {\n    availableRoles: { type: Array, required: true },\n    roles: { type: Array, required: true },\n  },\n  data() {\n    return {\n      innerAvailableRoles: [],\n      innerRoles: [],\n      categories: CATEGORIES,\n    };\n  },\n  computed: {\n    // Filter categories to exclude \"Admin\" for non-admin users\n    filteredCategories() {\n      return this.categories.filter(\n        (category) =>\n          category.name !== \"adminOnly\"\n      );\n    },\n  },\n  created() {\n    this.$devLog(\"availableRoles: \", this.availableRoles);\n    this.innerAvailableRoles = this.availableRoles.map((role) => ({\n      text: role.description,\n      value: role.key,\n      sortId: role.sortId,\n    }));\n    this.innerRoles = this.roles;\n  },\n  methods: {\n    // Ensure all roles are displayed with the correct on/off state\n    formattedRoles(category) {\n      const { sortIds } = category;\n\n      // Filter roles by sortId\n      return this.innerAvailableRoles\n        .filter((role) => sortIds.includes(role.sortId))\n        .map((role) => ({\n          ...role,\n          disabled: false, // Ensure roles are selectable\n        }));\n    },\n    emit() {\n      this.$emit(\"rolesUpdated\", this.innerRoles);\n    },\n  },\n  watch: {\n    innerRoles() {\n      this.emit();\n    },\n  },\n};\n</script>\n<style>\n\n.perms .custom-control-label {\n  display: flex;\n  align-items: center;\n  /* Aligns text vertically with the switch */\n}\n\n.perms .custom-control-label span {\n  margin-left: 0;\n  /* Removes extra left margin */\n}\n\n.perms-switch {\n  padding-left: 1.75em;\n}\n\n.perms .custom-control-input {\n  margin-top: 0 !important;\n  /* Removes top margin on the switch */\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!./Role.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!./Role.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Role.vue?vue&type=template&id=930691cc\"\nimport script from \"./Role.vue?vue&type=script&lang=js\"\nexport * from \"./Role.vue?vue&type=script&lang=js\"\nimport style0 from \"./Role.vue?vue&type=style&index=0&id=930691cc&prod&lang=css\"\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"],"sourceRoot":""}