{"version":3,"file":"AddMentorToListButton-cBCpY5_H.js","sources":["../../../app/javascript/shared/components/AddMentorToListButton.vue"],"sourcesContent":["<template>\n  <div>\n    <slot\n      name=\"button\"\n      :is-added-to-any-list=\"isAddedToAnyList\"\n      :lists=\"mentorAddedToListsNames\"\n      :open-modal=\"openAddMentorToListModal\"\n    />\n\n    <BaseModal :name=\"addMentorToListModalName\" width-class=\"tw-max-w-[250px]\">\n      <div>\n        <div class=\"tw-p-3\">\n          <div class=\"tw-flex tw-items-center tw-justify-between\">\n            <div class=\"tw-font-semibold\">Save to...</div>\n            <IconButton\n              class=\"tw-shrink-0\"\n              @click=\"closeModal(addMentorToListModalName)\"\n            >\n              <CloseIcon />\n            </IconButton>\n          </div>\n          <div class=\"tw-mt-2\">\n            <FormCheckbox\n              v-for=\"list in lists\"\n              :key=\"list.value\"\n              v-model=\"mentorAddedToListsIds\"\n              :value=\"list.value\"\n              :is-disabled=\"listsForm.processing\"\n              @update:checked=\"addMentorToList\"\n              @update:unchecked=\"removeMentorFromList\"\n            >\n              {{ list.label }}\n            </FormCheckbox>\n            <div\n              v-show=\"listsForm.processing\"\n              class=\"tw-mt-4 tw-flex tw-items-center tw-text-xs tw-text-primary-500\"\n            >\n              <LoadingCircle size=\"16\" class=\"tw-mr-2\" />\n              Saving...\n            </div>\n          </div>\n        </div>\n        <hr />\n        <div class=\"tw-p-3\">\n          <button\n            class=\"tw--m-1 tw-inline-flex tw-items-center tw-p-1 tw-text-sm tw-text-primary-500\"\n            @click=\"openModal(createNewListModalName)\"\n          >\n            <AddIcon class=\"tw-mr-2 tw-h-4 tw-w-4\" />\n            Create new list\n          </button>\n        </div>\n      </div>\n    </BaseModal>\n\n    <CreateNewListModal\n      :name=\"createNewListModalName\"\n      :mentor-id=\"mentorId\"\n      @success=\"handleSuccessCreateList\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport IconButton from '@/shared/components/IconButton.vue'\nimport FormCheckbox from '@/shared/components/forms/FormCheckbox.vue'\nimport CloseIcon from '@/assets/images/icons/close.svg'\nimport AddIcon from '@/assets/images/icons/add.svg'\nimport LoadingCircle from '@/shared/components/LoadingCircle.vue'\nimport CreateNewListModal from '@/shared/components/modals/CreateNewListModal.vue'\nimport { computed, ref } from 'vue'\nimport { useForm, usePage } from '@inertiajs/vue3'\nimport { useModals } from '@/shared/composables/useModals.js'\nimport { usePermissionSystem } from '@/shared/composables/usePermissionSystem.js'\nimport { UNLOCK_FULL_ACCESS_MODAL_NAME } from '@/shared/data/globalVariables.js'\nimport BaseModal from '@/shared/components/BaseModal.vue'\n\nconst props = defineProps({\n  mentorId: {\n    type: Number,\n    required: true,\n  },\n  mentorAddedToLists: {\n    type: Array,\n    default: () => [],\n  },\n})\n\nconst { openModal, closeModal } = useModals()\nconst page = usePage()\nconst { isUserLoggedIn } = usePermissionSystem()\n\nconst mentorAddedToListsIds = ref(\n  props.mentorAddedToLists\n    ? props.mentorAddedToLists.map((list) => list.id)\n    : [],\n)\nconst listsForm = useForm({\n  member: {\n    user_id: props.mentorId,\n  },\n})\n\nconst addMentorToListModalName = computed(\n  () => `add-mentor-to-list-${props.mentorId}`,\n)\nconst createNewListModalName = computed(\n  () => `create-new-list-${props.mentorId}`,\n)\nconst isAddedToAnyList = computed(() => mentorAddedToListsIds.value.length > 0)\nconst mentorAddedToListsNames = computed(() =>\n  mentorAddedToListsIds.value.map(\n    (listId) => page.props.lists.find((list) => list.id === listId).name,\n  ),\n)\nconst lists = computed(() =>\n  page.props.lists.map((list) => ({\n    label: list.name,\n    value: list.id,\n  })),\n)\n\nconst handleSuccessCreateList = () => {\n  // We have to make sure that ids are in sync with the server, because while we create new list we also can add mentor to it.\n  mentorAddedToListsIds.value = getMentorAddedToListsIdsState()\n}\n\nconst addMentorToList = (list) => {\n  listsForm.post(`/lists/${list}/members`, {\n    preserveScroll: true,\n  })\n}\n\nconst removeMentorFromList = (list) => {\n  listsForm.delete(`/lists/${list}/members/${props.mentorId}`, {\n    preserveScroll: true,\n  })\n}\n\nconst openAddMentorToListModal = () => {\n  openModal(isUserLoggedIn.value ? addMentorToListModalName.value : UNLOCK_FULL_ACCESS_MODAL_NAME)\n}\n\nconst getMentorAddedToListsIdsState = () => {\n  return props.mentorAddedToLists\n    ? props.mentorAddedToLists.map((list) => list.id)\n    : []\n}\n</script>\n"],"names":["props","__props","openModal","closeModal","useModals","page","usePage","isUserLoggedIn","usePermissionSystem","mentorAddedToListsIds","ref","list","listsForm","useForm","addMentorToListModalName","computed","createNewListModalName","isAddedToAnyList","mentorAddedToListsNames","listId","lists","handleSuccessCreateList","getMentorAddedToListsIdsState","addMentorToList","removeMentorFromList","openAddMentorToListModal","UNLOCK_FULL_ACCESS_MODAL_NAME"],"mappings":"yyBA6EA,MAAMA,EAAQC,EAWR,CAAE,UAAAC,EAAW,WAAAC,CAAY,EAAGC,EAAW,EACvCC,EAAOC,EAAS,EAChB,CAAE,eAAAC,CAAgB,EAAGC,EAAqB,EAE1CC,EAAwBC,EAC5BV,EAAM,mBACFA,EAAM,mBAAmB,IAAKW,GAASA,EAAK,EAAE,EAC9C,CAAE,CACR,EACMC,EAAYC,EAAQ,CACxB,OAAQ,CACN,QAASb,EAAM,QAChB,CACH,CAAC,EAEKc,EAA2BC,EAC/B,IAAM,sBAAsBf,EAAM,QAAQ,EAC5C,EACMgB,EAAyBD,EAC7B,IAAM,mBAAmBf,EAAM,QAAQ,EACzC,EACMiB,EAAmBF,EAAS,IAAMN,EAAsB,MAAM,OAAS,CAAC,EACxES,EAA0BH,EAAS,IACvCN,EAAsB,MAAM,IACzBU,GAAWd,EAAK,MAAM,MAAM,KAAMM,GAASA,EAAK,KAAOQ,CAAM,EAAE,IACjE,CACH,EACMC,EAAQL,EAAS,IACrBV,EAAK,MAAM,MAAM,IAAKM,IAAU,CAC9B,MAAOA,EAAK,KACZ,MAAOA,EAAK,EAChB,EAAI,CACJ,EAEMU,EAA0B,IAAM,CAEpCZ,EAAsB,MAAQa,EAA+B,CAC/D,EAEMC,EAAmBZ,GAAS,CAChCC,EAAU,KAAK,UAAUD,CAAI,WAAY,CACvC,eAAgB,EACpB,CAAG,CACH,EAEMa,EAAwBb,GAAS,CACrCC,EAAU,OAAO,UAAUD,CAAI,YAAYX,EAAM,QAAQ,GAAI,CAC3D,eAAgB,EACpB,CAAG,CACH,EAEMyB,EAA2B,IAAM,CACrCvB,EAAUK,EAAe,MAAQO,EAAyB,MAAQY,CAA6B,CACjG,EAEMJ,EAAgC,IAC7BtB,EAAM,mBACTA,EAAM,mBAAmB,IAAKW,GAASA,EAAK,EAAE,EAC9C,CAAE"}