{"version":3,"file":"CreateNewListModal-B_HWbHTT.js","sources":["../../../app/javascript/shared/components/modals/CreateNewListModal.vue"],"sourcesContent":["<template>\n  <FormModal header=\"Create new list\" :name=\"name\">\n    <FormModalBody\n      footer-button-text=\"Save\"\n      @submit=\"createList\"\n      :is-button-loading=\"form.processing\"\n    >\n      <FormInput\n        v-model=\"form.name\"\n        :is-error=\"Boolean(form.errors.name)\"\n        :errors=\"form.errors.name\"\n        @input=\"form.clearErrors('name')\"\n        is-required\n        type=\"text\"\n        test_id=\"create-new-list-name-input\"\n      >\n        <template #label>List name</template>\n      </FormInput>\n      <FormInput\n        as=\"textarea\"\n        rows=\"5\"\n        v-model=\"form.description\"\n        :is-error=\"Boolean(form.errors.description)\"\n        :errors=\"form.errors.description\"\n        @input=\"form.clearErrors('description')\"\n        class=\"tw-mt-4\"\n        test_id=\"create-new-list-description-input\"\n      >\n        <template #label>Description</template>\n      </FormInput>\n    </FormModalBody>\n  </FormModal>\n</template>\n\n<script setup>\nimport FormModal from '@/shared/components/modals/FormModal/FormModal.vue'\nimport FormModalBody from '@/shared/components/modals/FormModal/FormModalBody.vue'\nimport FormInput from '@/shared/components/forms/FormInput.vue'\nimport { useForm } from '@inertiajs/vue3'\nimport { useModals } from '@/shared/composables/useModals.js'\n\nconst emit = defineEmits(['success'])\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  mentorId: {\n    type: Number,\n    default: null,\n  },\n})\n\nconst { closeModal } = useModals()\nconst form = useForm({\n  name: '',\n  description: '',\n})\n\nconst createList = () => {\n  form\n    .transform((data) => ({\n      list: data,\n      // If mentorId is passed, then this user will be automatically added to the list\n      ...(props.mentorId ? { mentor_id: props.mentorId } : {}),\n    }))\n    .post('/lists', {\n      preserveScroll: true,\n      onSuccess: () => {\n        form.reset()\n        closeModal(props.name)\n        emit('success')\n      },\n    })\n}\n</script>\n"],"names":["emit","__emit","props","__props","closeModal","useModals","form","useForm","createList","data"],"mappings":"kVAyCA,MAAMA,EAAOC,EAEPC,EAAQC,EAWR,CAAE,WAAAC,CAAY,EAAGC,EAAW,EAC5BC,EAAOC,EAAQ,CACnB,KAAM,GACN,YAAa,EACf,CAAC,EAEKC,EAAa,IAAM,CACvBF,EACG,UAAWG,IAAU,CACpB,KAAMA,EAEN,GAAIP,EAAM,SAAW,CAAE,UAAWA,EAAM,QAAQ,EAAK,CAAE,CAC7D,EAAM,EACD,KAAK,SAAU,CACd,eAAgB,GAChB,UAAW,IAAM,CACfI,EAAK,MAAO,EACZF,EAAWF,EAAM,IAAI,EACrBF,EAAK,SAAS,CACf,CACP,CAAK,CACL"}