{"version":3,"sources":["webpack:///./src/views/Components/User2/AddUser/Index.vue","webpack:///src/views/Components/User2/AddUser/Index.vue","webpack:///./src/views/Components/User2/AddUser/Index.vue?e8a7","webpack:///./src/views/Components/User2/AddUser/Index.vue?44a3","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","directives","name","rawName","value","showUserSttings","expression","staticClass","_v","_s","getAddUserTitle","attrs","model","innerName","callback","$$v","innerEmail","innerBcc","availableRoles","roles","innerRoles","isAdmin","on","_e","handleCancel","validationErrors","handleSubmit","staticRenderFns","components","Role","props","email","bcc","addUserTitle","type","String","required","default","isEdit","Boolean","created","$devLog","computed","_this$innerName","_this$innerEmail","trim","validateEmail","methods","_this$innerEmail2","$emit","event","stopPropagation","re","test","data","component","_l","filteredCategories","category","key","label","formattedRoles","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","some","role","includes","sortId","Array","innerAvailableRoles","categories","filter","map","text","description","_objectSpread","disabled","emit","watch"],"mappings":"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","file":"js/Components-User2-AddUser-Index-vue.1012bafd.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-row',[_c('b-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showUserSttings()),expression:\"showUserSttings()\"}]},[_c('div',{staticClass:\"card shadow-sm border card-body mb-0 d-flex h-100 user-profile\"},[_c('h2',{staticClass:\"pb-4\"},[_vm._v(_vm._s(_vm.getAddUserTitle))]),_c('base-input',{attrs:{\"name\":\"Name\",\"mode\":\"lazy\",\"rules\":\"required\",\"label\":\"Name\"},model:{value:(_vm.innerName),callback:function ($$v) {_vm.innerName=$$v},expression:\"innerName\"}}),_c('base-input',{attrs:{\"name\":\"E-Mail Address\",\"mode\":\"lazy\",\"rules\":\"required|email\",\"label\":\"Email Address\"},model:{value:(_vm.innerEmail),callback:function ($$v) {_vm.innerEmail=$$v},expression:\"innerEmail\"}}),_c('b-form-checkbox',{staticClass:\"mt-3 d-flex align-items-start\",attrs:{\"name\":\"check-button\"},model:{value:(_vm.innerBcc),callback:function ($$v) {_vm.innerBcc=$$v},expression:\"innerBcc\"}},[_c('div',[_c('span',{staticClass:\"h5\"},[_vm._v(\"Email Notifications\")]),_c('p',{staticClass:\"small text-gray mb-0\"},[_vm._v(\"\\n              User will be copied on all notifications and receipts.\\n            \")])])])],1)]),_c('b-col',[_c('div',{staticClass:\"card shadow-sm border card-body mb-0\"},[_c('h2',{staticClass:\"pb-4\"},[_vm._v(\"Permissions\")]),(_vm.availableRoles && _vm.roles)?_c('Role',{attrs:{\"availableRoles\":_vm.availableRoles,\"roles\":_vm.innerRoles,\"isAdmin\":_vm.isAdmin},on:{\"rolesUpdated\":(roles) => { _vm.innerRoles = roles; }}}):_vm._e()],1)])],1),_c('b-row',{staticClass:\"mt-4\"},[_c('b-col',{staticClass:\"d-flex justify-content-end\"},[_c('b-button',{staticClass:\"mr-2\",attrs:{\"variant\":\"secondary\"},on:{\"click\":_vm.handleCancel}},[_vm._v(\"Cancel\")]),_c('b-button',{attrs:{\"variant\":\"primary\",\"disabled\":_vm.validationErrors},on:{\"click\":_vm.handleSubmit}},[_vm._v(\"Save\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- User Profile and Permissions Row -->\n    <b-row>\n      <b-col v-show=\"showUserSttings()\">\n        <div class=\"card shadow-sm border card-body mb-0 d-flex h-100 user-profile\">\n          <h2 class=\"pb-4\">{{ getAddUserTitle }}</h2>\n          <base-input name=\"Name\" mode=\"lazy\" rules=\"required\" label=\"Name\" v-model=\"innerName\" />\n          <base-input name=\"E-Mail Address\" mode=\"lazy\" rules=\"required|email\" label=\"Email Address\"\n            v-model=\"innerEmail\" />\n          <b-form-checkbox v-model=\"innerBcc\" name=\"check-button\" class=\"mt-3 d-flex align-items-start\">\n            <div>\n              <span class=\"h5\">Email Notifications</span>\n              <p class=\"small text-gray mb-0\">\n                User will be copied on all notifications and receipts.\n              </p>\n            </div>\n          </b-form-checkbox>\n        </div>\n      </b-col>\n\n      <b-col>\n        <div class=\"card shadow-sm border card-body mb-0\">\n          <h2 class=\"pb-4\">Permissions</h2>\n          <Role :availableRoles=\"availableRoles\" :roles=\"innerRoles\" @rolesUpdated=\"(roles) => { innerRoles = roles; }\"\n            :isAdmin=\"isAdmin\" v-if=\"availableRoles && roles\" />\n        </div>\n      </b-col>\n    </b-row>\n\n    <!-- Submit and Cancel Buttons Aligned to the Right -->\n    <b-row class=\"mt-4\">\n      <b-col class=\"d-flex justify-content-end\">\n        <b-button variant=\"secondary\" class=\"mr-2\" @click=\"handleCancel\">Cancel</b-button>\n        <b-button variant=\"primary\" :disabled=\"validationErrors\" @click=\"handleSubmit\">Save</b-button>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n\n<script>\nimport Role from \"./Role.vue\";\nexport default {\n  components: { Role },\n  props: { availableRoles: null, roles: null, email: null, bcc: null, name: null, addUserTitle: { type: String, required: false, default: 'User Settings' }, isEdit: {type: Boolean, required: false, default: false } },\n  created() {\n    this.$devLog(this.email);\n    this.innerRoles = this.roles;\n    this.innerBcc = this.bcc;\n    this.innerEmail = this.email;\n    this.innerName = this.name;\n  },\n  computed: {\n    getAddUserTitle() {\n      return this.addUserTitle; // Use `this` to reference props\n    },\n    validationErrors() {\n      return (\n        !this.innerName?.trim() || \n        !this.innerEmail?.trim() || \n        !this.validateEmail(this.innerEmail)\n      );\n    }\n  },\n  methods: {\n    handleSubmit() {\n      this.$emit(\"submit\", {\n        email: this.innerEmail?.trim() || \"\",\n        roles: this.innerRoles,\n        bcc: this.innerBcc,\n        name: this.innerName,\n      });\n    },\n    handleCancel() {\n      event.stopPropagation();\n\n      // Reset fields or close the modal\n      this.innerName = '';\n      this.innerEmail = '';\n      this.innerBcc = false;\n      this.innerRoles = [];\n\n      this.$emit(\"close\")\n    },\n    showUserSttings() {\n      this.$devLog(this.isEdit)\n      if (!this.isEdit) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    validateEmail(email) {\n      const re = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      return re.test(email);\n    }\n  },\n  data() {\n    return {\n      innerRoles: null,\n      innerEmail: null,\n      innerBcc: null,\n      innerName: null,\n    };\n  },\n};\n</script>\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!./Index.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!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=c3778db8\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\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","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":""}