{"version":3,"file":"GroupFooterButtons-3HSkcquX.js","sources":["../../../app/javascript/modules/growthmentor/groups/components/RequestInviteModal.vue","../../../app/javascript/modules/growthmentor/groups/components/GroupFooterButtons.vue"],"sourcesContent":["<template>\n  <FormModal :name=\"name\" header=\"Request Invite\">\n    <FormModalBody\n      :is-button-loading=\"form.processing\"\n      @submit=\"sendRequestInvite\"\n    >\n      <div class=\"tw-space-y-2\">\n        <FormRadioGroup\n          v-model=\"form.groupMembers.message\"\n          :options=\"options\"\n          button-classes=\"tw-w-full\"\n        >\n          <template #label>Do you live in this city or just visiting?</template>\n          <template #default=\"{ option }\">\n            {{ option.label }}\n          </template>\n        </FormRadioGroup>\n      </div>\n    </FormModalBody>\n  </FormModal>\n</template>\n\n<script setup>\nimport FormModalBody from '@/shared/components/modals/FormModal/FormModalBody.vue'\nimport FormRadioGroup from '@/shared/components/forms/FormRadioGroup.vue'\nimport FormModal from '@/shared/components/modals/FormModal/FormModal.vue'\nimport snakecaseKeys from 'snakecase-keys'\nimport { useForm } from '@inertiajs/vue3'\nimport { useModals } from '@/shared/composables/useModals.js'\nimport { notify } from '@kyvg/vue3-notification'\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  applyPath: {\n    type: String,\n    required: true,\n  },\n})\n\nconst { closeModal } = useModals()\n\nconst form = useForm({\n  groupMembers: {\n    message: '',\n  },\n})\nconst options = [\n  { label: 'I live in this city', value: 'I live in this city' },\n  {\n    label: 'I am visiting this city',\n    value: 'I am visiting this city',\n  },\n]\n\nconst sendRequestInvite = () => {\n  form.transform(snakecaseKeys).post(props.applyPath, {\n    preserveScroll: true,\n    onSuccess: () => {\n      closeModal(props.name)\n      notify({\n        type: 'success',\n        text: 'Your request has been sent, please wait for approval.',\n      })\n    },\n  })\n}\n</script>\n","<template>\n  <div class=\"tw-flex tw-flex-wrap tw-items-center tw-space-x-6\">\n    <BaseButton\n      v-if=\"isUserGroupMember\"\n      color=\"outline-red\"\n      @click.stop.prevent=\"openModal(confirmationModalName)\"\n      :is-disabled=\"leaveGroupForm.processing\"\n    >\n      <LoadingCircle\n        v-if=\"leaveGroupForm.processing\"\n        class=\"tw-mr-2\"\n        size=\"16\"\n      />\n      <LeaveIcon v-else class=\"tw-mr-2 tw-h-4 tw-w-4\" />\n      Leave squad\n    </BaseButton>\n\n    <BaseButton v-else-if=\"isUserPendingGroupMember\" disabled>\n      <InviteSentIcon class=\"tw-mr-2 tw-h-4 tw-w-4\" />\n      Invite request sent...\n    </BaseButton>\n\n    <template v-else>\n      <BaseButton\n        v-if=\"hasEmptySpotsLeft\"\n        @click.stop.prevent=\"handleRequestInviteButtonClick\"\n      >\n        Request Invite\n      </BaseButton>\n      <div\n        class=\"tw-select-none tw-text-sm tw-font-medium tw-text-primary-500\"\n        v-tooltip=\"group.criteria\"\n      >\n        Criteria to join\n      </div>\n    </template>\n\n    <ConfirmationModal\n      :name=\"confirmationModalName\"\n      header=\"Are you sure you want to leave this squad?\"\n      confirmation-button-text=\"Yes, leave squad\"\n      @confirmation=\"leaveGroup\"\n    >\n      <template #icon>\n        <LeaveIcon />\n      </template>\n    </ConfirmationModal>\n    <RequestInviteModal\n      :name=\"requestModalName\"\n      :apply-path=\"group.applyPath\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport ConfirmationModal from '@/shared/components/modals/ConfirmationModal.vue'\nimport BaseButton from '@/shared/components/BaseButton.vue'\nimport LeaveIcon from '@/assets/images/icons/leave.svg'\nimport InviteSentIcon from '@/assets/images/icons/invite-sent.svg'\nimport { UNLOCK_FULL_ACCESS_MODAL_NAME } from '@/shared/data/globalVariables.js'\nimport RequestInviteModal from '@/modules/growthmentor/groups/components/RequestInviteModal.vue'\nimport LoadingCircle from '@/shared/components/LoadingCircle.vue'\nimport {\n  ACCESS_TYPE,\n  OBJECT_PERMISSIONS,\n  ROLE,\n} from '@/shared/data/permissionSystem.js'\nimport { router, useForm } from '@inertiajs/vue3'\nimport { usePermissionSystem } from '@/shared/composables/usePermissionSystem.js'\nimport { computed } from 'vue'\nimport { useModals } from '@/shared/composables/useModals.js'\nimport { notify } from '@kyvg/vue3-notification'\n\nconst props = defineProps({\n  group: {\n    type: Object,\n    required: true,\n  },\n})\n\nconst { openModal } = useModals()\nconst { hasObjectPermissions, hasRole, hasAccess } = usePermissionSystem()\n\nconst leaveGroupForm = useForm({})\n\nconst isUserGroupMember = computed(() => {\n  return hasObjectPermissions(props.group, OBJECT_PERMISSIONS.GROUPS.APPROVED)\n})\nconst isUserPendingGroupMember = computed(() => {\n  return hasObjectPermissions(props.group, OBJECT_PERMISSIONS.GROUPS.REQUESTED)\n})\nconst requestModalName = computed(() => {\n  return `group-request-invite-modal-${props.group.id}`\n})\nconst confirmationModalName = computed(() => {\n  return `group-leave-confirmation-modal-${props.group.id}`\n})\nconst hasEmptySpotsLeft = computed(() => {\n  return props.group.maxMembers - props.group.currentMembersCount > 0\n})\n\nconst handleRequestInviteButtonClick = () => {\n  if (hasRole(ROLE.GUEST)) {\n    openModal(UNLOCK_FULL_ACCESS_MODAL_NAME)\n  } else if (hasAccess(ACCESS_TYPE.NONE)) {\n    router.visit('/upgrade_plan/new')\n  } else {\n    openModal(requestModalName.value)\n  }\n}\n\nconst leaveGroup = () => {\n  leaveGroupForm.delete(props.group.leavePath, {\n    preserveScroll: true,\n    onSuccess: () => {\n      notify({\n        type: 'success',\n        text: 'You have left the squad.',\n      })\n    },\n  })\n}\n</script>\n"],"names":["props","__props","closeModal","useModals","form","useForm","options","sendRequestInvite","snakecaseKeys","notify","openModal","hasObjectPermissions","hasRole","hasAccess","usePermissionSystem","leaveGroupForm","isUserGroupMember","computed","OBJECT_PERMISSIONS","isUserPendingGroupMember","requestModalName","confirmationModalName","hasEmptySpotsLeft","handleRequestInviteButtonClick","ROLE","UNLOCK_FULL_ACCESS_MODAL_NAME","ACCESS_TYPE","router","leaveGroup"],"mappings":"0kBA+BA,MAAMA,EAAQC,EAWR,CAAE,WAAAC,CAAY,EAAGC,EAAW,EAE5BC,EAAOC,EAAQ,CACnB,aAAc,CACZ,QAAS,EACV,CACH,CAAC,EACKC,EAAU,CACd,CAAE,MAAO,sBAAuB,MAAO,qBAAuB,EAC9D,CACE,MAAO,0BACP,MAAO,yBACR,CACH,EAEMC,EAAoB,IAAM,CAC9BH,EAAK,UAAUI,CAAa,EAAE,KAAKR,EAAM,UAAW,CAClD,eAAgB,GAChB,UAAW,IAAM,CACfE,EAAWF,EAAM,IAAI,EACrBS,EAAO,CACL,KAAM,UACN,KAAM,uDACd,CAAO,CACF,CACL,CAAG,CACH,osBCKA,MAAMT,EAAQC,EAOR,CAAE,UAAAS,CAAW,EAAGP,EAAW,EAC3B,CAAE,qBAAAQ,EAAsB,QAAAC,EAAS,UAAAC,CAAS,EAAKC,EAAqB,EAEpEC,EAAiBV,EAAQ,EAAE,EAE3BW,EAAoBC,EAAS,IAC1BN,EAAqBX,EAAM,MAAOkB,EAAmB,OAAO,QAAQ,CAC5E,EACKC,EAA2BF,EAAS,IACjCN,EAAqBX,EAAM,MAAOkB,EAAmB,OAAO,SAAS,CAC7E,EACKE,EAAmBH,EAAS,IACzB,8BAA8BjB,EAAM,MAAM,EAAE,EACpD,EACKqB,EAAwBJ,EAAS,IAC9B,kCAAkCjB,EAAM,MAAM,EAAE,EACxD,EACKsB,EAAoBL,EAAS,IAC1BjB,EAAM,MAAM,WAAaA,EAAM,MAAM,oBAAsB,CACnE,EAEKuB,EAAiC,IAAM,CACvCX,EAAQY,EAAK,KAAK,EACpBd,EAAUe,CAA6B,EAC9BZ,EAAUa,EAAY,IAAI,EACnCC,EAAO,MAAM,mBAAmB,EAEhCjB,EAAUU,EAAiB,KAAK,CAEpC,EAEMQ,EAAa,IAAM,CACvBb,EAAe,OAAOf,EAAM,MAAM,UAAW,CAC3C,eAAgB,GAChB,UAAW,IAAM,CACfS,EAAO,CACL,KAAM,UACN,KAAM,0BACd,CAAO,CACF,CACL,CAAG,CACH"}