{"version":3,"file":"CUjqOciU.js","sources":["../../../../components/layouts/ImpersonateBanner.vue","../../../../components/global/FundingPrograms/FundingProgramsFormButton.vue","../../../../components/global/FundingPrograms/FundingProgramsAccordion.vue","../../../../components/global/FundingPrograms/FundingProgramsSelection.vue","../../../../components/layouts/ServiceSwitcher.vue","../../../../components/global/NotificationActions/NotificationActionResendMail.vue","../../../../store/notifications.ts","../../../../components/global/NotificationFeed.vue","../../../../components/global/NotificationInbox.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"authStore.impersonate || $can('impersonate', 'users')\"\n        class=\"absolute top-0 sm:left-1/2 sm:-translate-x-1/2 w-full sm:w-auto bg-amber-500 text-black z-[51] sm:p-1 shadow rounded rounded-t-none transform transition-transform\"\n        :class=\"{'translate-y-0':authStore.impersonate,'-translate-y-10':!authStore.impersonate}\">\n        <div class=\"flex text-xs font-bold justify-center\">\n            <div>\n                {{\n                    $t('users.impersonateBanner', {\n                        organisation_name: authStore.userData?.organisation_name,\n                        fullname: authStore.userData?.fullname,\n                    })\n                }}\n            </div>\n            <div class=\"ms-3 cursor-pointer\">\n                <span\n                    v-if=\"!loading\"\n                    @click=\"leaveImpersonation\">{{ $t('users.leaveImpersonationLink') }}\n                </span>\n                <span v-else><LoadingSpinner size=\"sm\" /></span>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport {useNuxtApp} from \"nuxt/app\"\nimport {useAuthStore} from \"@/store/auth\"\nimport {$larafetch} from \"~/utils/$larafetch\"\n\nconst authStore = useAuthStore()\nconst notification = useNotification()\nconst {t: $t} = useI18n()\nconst {$apiRoute} = useNuxtApp()\n\nconst loading = ref(false)\n\nfunction leaveImpersonation() {\n    loading.value = true\n    $larafetch($apiRoute('spa.leaveImpersonation', {user: authStore.userData.id}))\n        .then(response => {\n            if (response === 'disabled') {\n                notification.success($t('users.leaveImpersonationSuccess'))\n                authStore.successfulLogin()\n            }\n        }).catch(() => {\n            notification.error($t('users.leaveImpersonationError'))\n        }).finally(() => {\n            loading.value = false\n        })\n}\n</script>","<template>\n    <BasePopover\n        :disabled=\"!formButtonDisabled || !!loading\"\n        size=\"sm\"\n        position=\"left\">\n        <template #trigger>\n            <div>\n                <BaseButton\n                    size=\"sm\"\n                    class=\"text-left\"\n                    :disabled=\"formButtonDisabled\"\n                    @click=\"emits('add')\">\n                    <span v-if=\"loading === form.id\">\n                        <LoadingSpinner />\n                    </span>\n                    <span v-else>\n                        <span class=\"text-xs font-light text-gray-600\">{{ $t('forms.types.' + form.type) }}</span><br>\n                        {{ form.name }}\n                    </span>\n                </BaseButton>\n            </div>\n        </template>\n        <div>\n            <Icon\n                name=\"heroicons:no-symbol-16-solid\"\n                class=\"text-danger-500 mr-2\" />\n            <span v-if=\"cannotCreateEvent\">\n                {{ $t('forms.cannotCreateEvent') }}\n            </span>\n            <span v-else-if=\"cannotCreateProcess\">\n                {{ $t('forms.cannotCreateProcess') }}\n            </span>\n            <span v-else-if=\"noMultipleOccurrencesInEvent\">\n                {{ $t('forms.noMultipleOccurrencesInEvent') }}\n            </span>\n            <span v-else-if=\"noMultipleOccurrenceInProcess\">\n                {{ $t('forms.noMultipleOccurrenceInProcess') }}\n            </span>\n            <span v-else>\n                {{ $t('forms.cannotAddForm') }}\n            </span>\n        </div>\n    </BasePopover>\n</template>\n\n<script setup>\nimport {useSlideOverStore} from \"@/store/slideOver\"\n\nconst slideOverStore = useSlideOverStore()\nconst {t: $t} = useI18n()\n\nconst props = defineProps({\n    form: {\n        type: Object,\n        required: true,\n    },\n    fundingProgram: {\n        type: Object,\n        required: true,\n    },\n    loading: {\n        type: Number,\n        default: 0\n    }\n})\n\nconst emits = defineEmits(['add'])\n\nconst formButtonDisabled = computed(() => {\n    return props.loading === props.form.id || cannotCreateProcess.value || noMultipleOccurrenceInProcess.value || cannotCreateEvent.value || noMultipleOccurrencesInEvent.value\n})\n\nconst cannotCreateEvent = computed(() => {\n    return slideOverStore.context?.type !== 'event' && !props.form.can_create_new_event\n})\n\nconst noMultipleOccurrencesInEvent = computed(() => {\n    const existingForms = slideOverStore.context?.data?.processes?.some(process => {\n        return process.form_processes?.some(formProcess => {\n            return formProcess.formable.id === props.form.id\n        })\n    })\n\n    return slideOverStore.context?.type === 'event' && existingForms && !props.form.multiple_occurrence_in_event\n})\n\nconst cannotCreateProcess = computed(() => {\n    return slideOverStore.context?.type !== 'process' && !props.form.can_create_new_process && props.fundingProgram.forms.some(f => f.id !== props.form.id && f.can_create_new_process)\n})\n\nconst noMultipleOccurrenceInProcess = computed(() => {\n    return slideOverStore.context?.type === 'process' &&\n        (slideOverStore.context?.data?.formProcesses?.some(formProcess => formProcess.form.id === props.form.id) ||\n            slideOverStore.context?.data?.form_processes?.some(formProcess => formProcess.formable.id === props.form.id)) &&\n        !props.form.multiple_occurrence_in_process\n})\n</script>\n","<template>\n    <div class=\"bg-white dark:bg-gray-900\">\n        <div class=\"mx-auto max-w-4xl divide-y divide-gray-900/10\">\n            <dl class=\"space-y-6 divide-y divide-gray-900/10\">\n                <Disclosure\n                    v-for=\"parentFundingProgram in props.parentFundingPrograms\"\n                    :key=\"parentFundingProgram.name\"\n                    v-slot=\"{ open }\"\n                    as=\"div\"\n                    class=\"pt-6\">\n                    <dt>\n                        <DisclosureButton\n                            ref=\"parentProgramButtons\"\n                            class=\"flex w-full items-start justify-between text-left text-base\">\n                            <div>\n                                <span class=\"text-base font-semibold leading-7\">{{ parentFundingProgram.name }}</span>\n                                <div\n                                    v-if=\"parentFundingProgram.forms?.length > 0\"\n                                    class=\"mt-3 flex flex-wrap gap-5\">\n                                    <BaseButton\n                                        v-for=\"form in parentFundingProgram.forms\"\n                                        :key=\"form.id\"\n                                        size=\"sm\"\n                                        :disabled=\"loading === form.id\"\n                                        @click=\"addNewFormProcess($event, form)\">\n                                        <span v-if=\"loading === form.id\">\n                                            <LoadingSpinner />\n                                        </span>\n                                        <span v-else>\n                                            {{ form.name }}\n                                        </span>\n                                    </BaseButton>\n                                </div>\n                            </div>\n                            <span\n                                v-if=\"children(parentFundingProgram).length > 0\"\n                                class=\"ml-6 flex h-7 items-center\">\n                                <Icon\n                                    v-if=\"!open\"\n                                    class=\"h-6 w-6\"\n                                    aria-hidden=\"true\"\n                                    name=\"heroicons:plus\"\n                                    color=\"text-base\" />\n                                <Icon\n                                    v-else\n                                    class=\"h-6 w-6\"\n                                    aria-hidden=\"true\"\n                                    name=\"heroicons:minus\"\n                                    color=\"text-base\" />\n                            </span>\n                        </DisclosureButton>\n                    </dt>\n                    <DisclosurePanel\n                        v-if=\"children(parentFundingProgram).length > 0\"\n                        as=\"dd\"\n                        class=\"mt-2 pr-12\">\n                        <div class=\"my-10\">\n                            <dl class=\"grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-1 lg:gap-y-8\">\n                                <div\n                                    v-for=\"childFundingProgram in children(parentFundingProgram)\"\n                                    :key=\"childFundingProgram.name\"\n                                    class=\"relative pl-16 text-sm\">\n                                    <dt class=\"font-semibold text-base\">\n                                        <div\n                                            class=\"absolute left-0 top-0 flex h-11 w-11 items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-700\">\n                                            <p class=\"text-gray-600 dark:text-gray-300\">\n                                                {{ childFundingProgram.number }}\n                                            </p>\n                                        </div>\n                                        {{ childFundingProgram.name }}\n                                    </dt>\n                                    <dd class=\"mt-1 text-gray-600 dark:text-gray-300 flex flex-col\">\n                                        {{ childFundingProgram.description }}\n\n                                        <div\n                                            v-if=\"childFundingProgram.forms.length > 0\"\n                                            class=\"mt-3 flex flex-wrap gap-5\">\n                                            <FundingProgramsFormButton\n                                                v-for=\"form in childFundingProgram.forms\"\n                                                :key=\"form.id\"\n                                                :form=\"form\"\n                                                :funding-program=\"childFundingProgram\"\n                                                :loading=\"loading\"\n                                                @add=\"addNewFormProcess(form)\" />\n                                        </div>\n                                    </dd>\n                                </div>\n                            </dl>\n                        </div>\n                    </DisclosurePanel>\n                </Disclosure>\n            </dl>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport {useSlideOverStore} from \"@/store/slideOver\"\n\nconst slideOverStore = useSlideOverStore()\nconst {t: $t} = useI18n()\n\nconst emits = defineEmits(['addNewFormProcess'])\n\nconst props = defineProps({\n    parentFundingPrograms: {\n        type: Array,\n        default: () => []\n    },\n    childFundingPrograms: {\n        type: Array,\n        default: () => []\n    },\n    loading: {\n        type: Number,\n        default: 0\n    }\n})\n\nconst parentProgramButtons = ref(null)\n\nconst children = (parentFundingProgram) => {\n    return props.childFundingPrograms.filter(childFundingProgram => childFundingProgram.parent_funding_program_id === parentFundingProgram.id)\n}\n\nfunction addNewFormProcess(form) {\n    emits('addNewFormProcess', form)\n}\n\nwatch(() => parentProgramButtons.value, () => {\n    if (parentProgramButtons.value?.length === 1 && parentProgramButtons.value[0].$el) {\n        parentProgramButtons.value[0].$el.click()\n    }\n}, {immediate: true})\n</script>\n","<template>\n    <div>\n        <Alert\n            v-if=\"authStore.isAuthenticated !== true\"\n            type=\"warning\"\n            text=\"Funktion für unangemeldete Nutzer noch in der Entwicklung\" />\n        <div v-else>\n            <div>\n                <div class=\"text-sm mb-4\">\n                    Jahr: {{ staticStore.activeYear?.id }}\n                </div>\n\n                <div v-if=\"!slideOverStore.context || slideOverStore.context.type === 'event'\">\n                    <label\n                        for=\"default-search\"\n                        class=\"mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white\">{{ $t('fundingPrograms.slideOver.search') }}</label>\n                    <div class=\"relative mb-3\">\n                        <div class=\"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none\">\n                            <svg\n                                class=\"w-4 h-4 text-gray-500 dark:text-gray-400\"\n                                aria-hidden=\"true\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                fill=\"none\"\n                                viewBox=\"0 0 20 20\">\n                                <path\n                                    stroke=\"currentColor\"\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                    stroke-width=\"2\"\n                                    d=\"m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z\" />\n                            </svg>\n                        </div>\n                        <input\n                            id=\"default-search\"\n                            v-model=\"search\"\n                            type=\"search\"\n                            class=\"block w-full p-2 pl-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500\"\n                            :placeholder=\"$t('fundingPrograms.slideOver.searchPlaceholder')\"\n                            required>\n                    </div>\n                </div>\n            </div>\n            <FundingProgramsAccordion\n                class=\"p-2\"\n                :parent-funding-programs=\"parentFundingPrograms\"\n                :child-funding-programs=\"childFundingPrograms\"\n                :loading=\"loading\"\n                @add-new-form-process=\"addNewFormProcess\" />\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport debounce from \"lodash/debounce\"\nimport {useNuxtApp} from \"nuxt/app\"\nimport {useI18n} from \"vue-i18n\"\nimport {useNotification} from '@/composables/useNotification'\nimport {useAuthStore} from \"@/store/auth\"\nimport {useSlideOverStore} from \"@/store/slideOver\"\nimport {useStatic} from \"@/store/static\"\nimport {$lara, $larafetch} from '@/utils/$larafetch'\n\nconst fundingPrograms = ref([])\nconst search = ref('')\nconst loading = ref(0)\nconst router = useRouter()\nconst {t: $t} = useI18n()\nconst notification = useNotification()\nconst slideOverStore = useSlideOverStore()\nconst authStore = useAuthStore()\nconst staticStore = useStatic()\n\nconst parentFundingPrograms = computed(() => {\n    const parentFundingPrograms = fundingPrograms.value?.filter(fundingProgram => fundingProgram.parent_funding_program_id === null)\n    const parentFundingProgramIds = parentFundingPrograms.map(fundingProgram => fundingProgram.id)\n    fundingPrograms.value?.forEach(fundingProgram => {\n        if (fundingProgram.parent_funding_program?.id &&\n            !parentFundingProgramIds.includes(fundingProgram.parent_funding_program?.id)) {\n            parentFundingPrograms.push(fundingProgram.parent_funding_program)\n            parentFundingProgramIds.push(fundingProgram.parent_funding_program?.id)\n        }\n    })\n    return parentFundingPrograms\n})\n\nconst childFundingPrograms = computed(() => {\n    return fundingPrograms.value?.filter(fundingProgram => fundingProgram.parent_funding_program_id !== null)\n})\n\nonMounted(() => {\n    staticStore.getStaticData()\n    fetchFundingPrograms()\n})\n\nfunction fetchFundingPrograms() {\n    if (authStore.isAuthenticated !== true) {\n        // todo: reactivate when concept for unauthenticated users is ready\n        return\n    }\n\n    const params = {\n        search: search.value,\n        output: 'collectionAll',\n        orderBy: 'customOrderSortByParent',\n        orderDirection: 'asc',\n    }\n\n    if (slideOverStore.context && slideOverStore.context.filters) {\n        params.filter = slideOverStore.context.filters\n    }\n\n    $larafetch(useNuxtApp().$apiRoute('spa.processes.fundingPrograms.index'), {\n        params: {...params}\n    }).then(response => {\n        fundingPrograms.value = response.data\n    }).catch(error => {\n        const app = useNuxtApp()\n        if (error && error.response?._data.message) {\n            notification.error(app.$i18n.t('generalRequestError') + '\\n' + error.response._data.message)\n        } else if ( error && error.response?._data) {\n            notification.error(app.$i18n.t('generalRequestError') + '\\n' + error.response._data)\n        } else {\n            notification.error(app.$i18n.t('generalRequestError'))\n        }\n    })\n}\n\nfunction addNewFormProcess(form) {\n    loading.value = form.id\n    let eventAlreadyExisting = false\n\n    const body = {\n        formId: form.id,\n        yearId: staticStore.activeYear.id,\n        area: slideOverStore.context?.area === 'management' ? 'managementArea' : 'applicationArea'\n    }\n\n    if (slideOverStore.context && slideOverStore.context.type) {\n        switch (slideOverStore.context.type) {\n        case 'event':\n            eventAlreadyExisting = true\n            body.eventId = slideOverStore.context.id\n            break\n        case 'process':\n            eventAlreadyExisting = true\n            body.processId = slideOverStore.context.id\n            break\n        default:\n            break\n        }\n    }\n\n    $lara.post(useNuxtApp().$apiRoute('spa.processes.formProcesses.store'), {\n        body: body,\n        formDataRequest: true\n    }).then((response) => {\n        loading.value = 0\n        notification.success($t('formProcesses.createSuccess'))\n        if(slideOverStore.context?.area === 'management')\n            router.push({path:useLocalePath()('/service/formProcesses/' + response.id), hash: eventAlreadyExisting ? '#formProcess' : ''})\n        else\n            router.push({path:useLocalePath()('/formProcess/' + response.id), hash: eventAlreadyExisting ? '#formProcess' : ''})\n        slideOverStore.resetSlideOver()\n    }).catch((error) => {\n        loading.value = 0\n        console.log(error)\n        notification.error($t('formProcesses.createError'), error.data?.errors)\n    })\n}\n\nwatch(() => search.value, () => {\n    fetchDebounced()\n})\n\nconst fetchDebounced = debounce(() => {\n    fetchFundingPrograms()\n}, 500)\n</script>\n\n","<template>\n    <div\n        v-if=\"can('view', 'service')\"\n        class=\"space-x-1 rounded-lg bg-gray-100 dark:bg-gray-900 p-0.5\"\n        aria-orientation=\"horizontal\">\n        <NuxtLink\n            :to=\"(isServicePage) ? '/' : '/service'\">\n            <BaseButton\n                class=\"w-full\"\n                color=\"secondary\">\n                <div class=\"flex items-center\">\n                    <Icon name=\"heroicons:chevron-right\" />\n                    <span class=\"text-xs\">\n                        <span v-if=\"isServicePage\">Zum Antragsbereich</span>\n                        <span v-else>Zum Verwaltungsbereich</span>\n                    </span>\n                </div>\n            </BaseButton>\n        </NuxtLink>\n    </div>\n</template>\n\n<script setup>\nimport {useAbility} from \"@casl/vue\"\nimport {useRoute} from \"vue-router\"\n\nconst route = useRoute()\nconst { can } = useAbility()\n\nconst isServicePage = computed(() => {\n    return route.path.startsWith('/service')\n})\n</script>","<template>\n    <div class=\"mt-1\">\n        <BaseButton\n            size=\"xs\"\n            @click=\"startResendProcess(data.mailId)\">\n            {{ $t('mails.resendMail') }}\n        </BaseButton>\n        <ResendMailModal\n            v-model=\"isMailResendModalOpen\"\n            :mail=\"mailToResend\"\n            @resent=\"reload\" />\n    </div>\n</template>\n\n<script setup>\nimport {useMailStore} from \"@/store/mail\"\nimport {tableStores} from \"@/store/tableModules\"\n\nconst route = useRoute()\nconst {t: $t} = useI18n()\nconst mailStore = useMailStore()\n\ndefineProps({\n    data: {\n        type: Object,\n        required: true\n    }\n})\n\nconst isMailResendModalOpen = ref(false)\nconst mailToResend = ref(null)\n\nfunction startResendProcess(mailId) {\n    mailToResend.value = {id: mailId}\n    isMailResendModalOpen.value = true\n}\n\nfunction reload() {\n    if (route.name === 'service-basicData-mails') {\n        tableStores.mails().fetchData(true)\n    } else if (route.name === 'service-basicData-mails-id-mailBaseData') {\n        mailStore.fetchMailData(route.params.id)\n    }\n}\n</script>","import {defineStore} from 'pinia'\n\nexport type Notification = {\n    id: number\n    type: string\n    data: {\n        content: string\n    }\n    created_at: string\n    read_at: string | null\n}\nexport const useNotificationStore = defineStore('notifications', {\n\n    state: () => ({\n        timeline: useAsyncState(() => $lara.get('/app/spa/notifications') as Promise<Notification[]>, []),\n    }),\n    getters: {\n        unreadNotificationsCount(state) {\n            return state.timeline.state.filter(notification => !notification.read_at).length\n        },\n    },\n\n    actions: {\n        async markAllAsRead() {\n            await $lara.put('/app/spa/notifications/markAsRead').then(async () => {\n                await this.$state.timeline.execute()\n            })\n        },\n        async refreshTimeline() {\n            await this.$state.timeline.execute()\n        }\n    }\n})","<template>\n    <div class=\"flow-root\">\n        <div\n            v-if=\"timeline.isLoading\"\n            class=\"w-full text-center\">\n            <LoadingSpinner\n                size=\"lg\"\n                class=\"text-gray-400\" />\n        </div>\n        <div\n            v-else-if=\"timeline.state.length === 0\"\n            class=\"text-center\">\n            <Icon\n                class=\"h-12 w-12 text-gray-400\"\n                name=\"heroicons:inbox\"\n                aria-hidden=\"true\" />\n            <h3 class=\"mt-2 text-sm font-semibold text-gray-900\">\n                {{ $t('notifications.emptyTitle') }}\n            </h3>\n            <p class=\"mt-1 text-sm text-gray-500\">\n                {{ $t('notifications.emptyText') }}\n            </p>\n        </div>\n        <ul\n            v-else\n            role=\"list\"\n            class=\"-mb-8\">\n            <li\n                v-for=\"(notification, notificationIdx) in timeline.state\"\n                :key=\"notification.id\">\n                <div class=\"relative pb-8\">\n                    <span\n                        v-if=\"notificationIdx !== timeline.state.length - 1\"\n                        class=\"absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200\"\n                        aria-hidden=\"true\" />\n                    <div class=\"relative flex gap-x-3\">\n                        <div>\n                            <span\n                                class=\"h-8 w-8 rounded-full flex items-center justify-center ring-8 ring-white dark:ring-gray-900\"\n                                :class=\"getIconBackgroundByType(notification.type)\">\n                                <Icon\n                                    :name=\"getIconByType(notification.type)\"\n                                    class=\"h-5 w-5 text-white\"\n                                    aria-hidden=\"true\" />\n                            </span>\n                        </div>\n                        <div\n                            class=\"flex min-w-0 flex-1 justify-between gap-x-4\">\n                            <div>\n                                <p\n                                    class=\"text-sm\"\n                                    :class=\"notification.read_at ? 'text-gray-500 dark:text-gray-400' : 'text-gray-700 dark:text-gray-200 font-semibold'\">\n                                    {{ notification.data.content }}\n                                </p>\n                                <Component\n                                    :is=\"notificationActions[notification.data.action]\"\n                                    v-if=\"notification.data.action\"\n                                    :data=\"notification.data.data\" />\n                            </div>\n                            <div\n                                class=\"whitespace-nowrap text-right text-sm text-gray-500 dark:text-gray-400\">\n                                <time :datetime=\"notification.created_at\">\n                                    {{ getDateFromNow(notification.created_at) }}\n                                </time>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<script setup>\nimport {useNotificationStore} from \"@/store/notifications\"\n\nconst {timeline} = useNotificationStore()\n\nconst dayjs = useDayjs()\nconst getDateFromNow = (isoDate) => {\n    return dayjs(isoDate).fromNow()\n}\n\nconst iconMap = new Map([\n    [\"App\\\\Notifications\\\\ImportFailedNotification\", \"heroicons:arrow-up-tray-16-solid\"],\n    [\"App\\\\Notifications\\\\ImportFinishedNotification\", \"heroicons:arrow-up-tray-16-solid\"],\n    [\"App\\\\Notifications\\\\MailFailedNotification\", \"heroicons:envelope\"],\n    [\"App\\\\Notifications\\\\UserCreatedNotification\", \"heroicons:user-plus\"],\n])\nconst getIconByType = (type) => {\n    return iconMap.get(type)\n}\n\nconst iconBackgroundMap = new Map([\n    [\"App\\\\Notifications\\\\ImportFailedNotification\", \"bg-danger-500\"],\n    [\"App\\\\Notifications\\\\ImportFinishedNotification\", \"bg-primary-500\"],\n    [\"App\\\\Notifications\\\\MailFailedNotification\", \"bg-danger-500\"],\n    [\"App\\\\Notifications\\\\UserCreatedNotification\", \"bg-gray-400\"],\n])\n\nconst notificationActions = {\n    resendMail: resolveComponent('NotificationActionResendMail'),\n}\n\nconst getIconBackgroundByType = (type) => {\n    return iconBackgroundMap.get(type)\n}\n\nonUnmounted(() => {\n    useNotificationStore().markAllAsRead()\n})\n</script>","<template>\n    <TransitionRoot\n        as=\"template\"\n        :show=\"model\">\n        <Dialog\n            as=\"div\"\n            class=\"relative z-50\"\n            @close=\"model = false\">\n            <div class=\"fixed inset-0\" />\n\n            <div class=\"fixed inset-0 overflow-hidden\">\n                <div class=\"absolute inset-0 overflow-hidden\">\n                    <div class=\"pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10\">\n                        <TransitionChild\n                            as=\"template\"\n                            enter=\"transform transition ease-in-out duration-500 sm:duration-700\"\n                            enter-from=\"translate-x-full\"\n                            enter-to=\"translate-x-0\"\n                            leave=\"transform transition ease-in-out duration-500 sm:duration-700\"\n                            leave-from=\"translate-x-0\"\n                            leave-to=\"translate-x-full\"\n                            @after-enter=\"() => teleportNotificationArea = true\"\n                            @before-leave=\"() => teleportNotificationArea = false\">\n                            <DialogPanel\n                                id=\"notificationAreaRoot\"\n                                class=\"pointer-events-auto w-screen max-w-md\">\n                                <div\n                                    class=\"flex h-full flex-col overflow-y-auto bg-white dark:bg-gray-900 py-6 shadow-xl\">\n                                    <div class=\"px-4 sm:px-6\">\n                                        <div class=\"flex items-start justify-between\">\n                                            <DialogTitle\n                                                class=\"text-base font-semibold leading-6 text-gray-900\">\n                                                {{ $t('notifications.title') }}\n                                            </DialogTitle>\n                                            <div class=\"ml-3 flex h-7 items-center\">\n                                                <button\n                                                    type=\"button\"\n                                                    class=\"relative rounded-md bg-white dark:bg-gray-900 text-gray-400 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:focus:ring-offset-gray-900\"\n                                                    @click=\"model = false\">\n                                                    <span class=\"absolute -inset-2.5\" />\n                                                    <span class=\"sr-only\">Close panel</span>\n                                                    <Icon\n                                                        name=\"heroicons:x-mark\"\n                                                        class=\"h-6 w-6\"\n                                                        aria-hidden=\"true\" />\n                                                </button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"relative mt-6 flex-1 px-4 sm:px-6 overflow-y-auto\">\n                                        <!-- Notification feed-->\n                                        <NotificationFeed />\n                                    </div>\n                                </div>\n                            </DialogPanel>\n                        </TransitionChild>\n                    </div>\n                </div>\n            </div>\n        </Dialog>\n    </TransitionRoot>\n</template>\n\n<script setup>\nimport {useNotificationStore} from \"@/store/notifications\"\n\nconst notificationStore = useNotificationStore()\n\nconst teleportNotificationArea = useState('teleportNotificationArea')\n\n// listen for new notifications\nuseEventBus('notifications').on((notification) => {\n    notificationStore.refreshTimeline()\n    useNotification().custom(\n        notification.content,\n        \"heroicons:user-plus\",\n        \"\",\n        \"\",\n        \"info\")\n})\n\nconst props = defineProps({\n    modelValue: {\n        type: Boolean,\n        required: true,\n    }\n})\n\nconst emits = defineEmits(['update:modelValue'])\n\nconst model = computed({\n    get: () => props.modelValue,\n    set: (value) => emits('update:modelValue', value)\n})\n</script>"],"names":["authStore","useAuthStore","notification","useNotification","$t","useI18n","$apiRoute","useNuxtApp","loading","ref","leaveImpersonation","$larafetch","response","slideOverStore","useSlideOverStore","props","__props","emits","__emit","formButtonDisabled","computed","cannotCreateProcess","noMultipleOccurrenceInProcess","cannotCreateEvent","noMultipleOccurrencesInEvent","_a","existingForms","_c","_b","process","formProcess","_d","f","_g","_f","_e","parentProgramButtons","children","parentFundingProgram","childFundingProgram","addNewFormProcess","form","watch","fundingPrograms","search","router","useRouter","staticStore","useStatic","parentFundingPrograms","fundingProgram","parentFundingProgramIds","childFundingPrograms","onMounted","fetchFundingPrograms","params","error","app","eventAlreadyExisting","body","$lara","useLocalePath","fetchDebounced","debounce","route","useRoute","can","useAbility","isServicePage","mailStore","useMailStore","isMailResendModalOpen","mailToResend","startResendProcess","mailId","reload","tableStores","useNotificationStore","defineStore","useAsyncState","state","timeline","dayjs","useDayjs","getDateFromNow","isoDate","iconMap","getIconByType","type","iconBackgroundMap","notificationActions","__nuxt_component_0","getIconBackgroundByType","onUnmounted","notificationStore","teleportNotificationArea","useState","useEventBus","model","value"],"mappings":"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"}