@piveau/piveau-hub-ui-modules 4.6.52 → 4.6.53

package/dist/configurations/config-schema/trackerSchema.mjs

@@ -1,4 +1,4 @@
-import { object as t, boolean as a, string as e } from "../../external/zod/dist/esm/v3/types";
+import { object as t, boolean as a, string as e } from "../../external/zod/lib/index";
 const o = t({
   isPiwikPro: a().default(!1),
   siteId: e().default(""),

package/dist/data-provider-interface/CatalogueMQA.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogueMQA.vue.mjs","sources":["../../lib/data-provider-interface/CatalogueMQA.vue"],"sourcesContent":["<template>\n    <div class=\"container mb-3\">\n        <div>\n            <div>\n                <div class=\"debug\">\n                    <strong> API object:</strong> <br><br>\n\n                   <textarea> {{ token }} </textarea>\n                  <hr>\n                    <!-- Disabled for PPE release (no backend on PPE yet)-->\n                    {{ notficationInfo }}\n\n                    <br> --- <br>\n\n                    {{ mailList }}\n\n                    <br>---<br>\n                    <strong>Fequency:</strong> <br>\n                    weekly: {{ weekly }}<br>\n                    monthly: {{ monthly }} <br>\n                    <p></p>\n                    unit: {{ frequencyUnit }} <br>\n                    value: {{ frequencyValue }}\n\n                    <br>---<br>\n                    threshold: {{ threshold }}\n\n                </div>\n                <h1>MQA notification settings</h1>\n                <p>Configuration for\n\n                    <strong>{{ catalogId }}</strong>\n                    <!-- <strong>Test Catalogue</strong> -->\n                </p>\n                <p>For this Catalogue the <b>MQA Rating Checks </b>are currently <b>\n                        <span v-if=\"!active\">deactivated</span>\n                        <span v-if=\"active\">activated</span></b>.</p>\n            </div>\n\n            <button type=\"button\"  :class=\"{ 'btn btn-primary mb-5': !active, 'btn btn-secondary': active }\" @click=\"handleActivate()\">\n                {{ activatedString }}\n            </button>\n        </div>\n\n        <div v-if=\"active\">\n            <div class=\"mqaWrapper\" >\n                <h3>Recipients Mail</h3>\n                <span>Add and edit mail addresses for recieving the MQA report</span>\n                <table class=\"mt-4\" ref=\"mailButtonWrap\" v-if=\"mailList.length !== 0\">\n                    <tr>\n                        <th>Mail</th>\n                    </tr>\n                    <tr v-for=\"(item, index) in mailList\" class=\"mailItems\" :key=\"index\">\n                        <td>\n                            <span v-if=\"!editMode\">{{ item }}</span>\n                            <input type=\"text\" v-model=\"mailList[index]\" class=\"mail-input\" v-if=\"editMode\"\n                                @input=\"editErrors[index] = ''\"\n                                :class=\"{ 'invalidNewMail': editErrors[index] }\" >\n\n                            <div>\n                                <button type=\"button\" class=\"btn btn-simple\"\n                                    @click=\"editMode ? saveMail(index) : editMail(index)\">\n                                    {{ editMode ? 'Save' : 'Edit' }}\n                                </button>\n                                <button type=\"button\" class=\"btn btn-simple\"\n                                    @click=\"deleteMail(index)\">Delete</button>\n                            </div>\n                        </td>\n                        <span class=\"errormsg\" v-if=\"editErrors[index]\">{{ editErrors[index] }}</span>\n                    </tr>\n                </table>\n                <div class=\"d-flex mt-3\">\n                    <input type=\"text\" v-model=\"newMail.mail\" @input=\"newMail.isValid = true\"\n                        :class=\"{ 'invalidNewMail': !newMail.isValid }\" placeholder=\"Enter email address\"\n                        class=\"mail\">\n                    <button type=\"button\" class=\"btn btn-simple mx-3\" @click=\"addNewMail()\">+ Add Mail</button>\n                </div>\n                <span class=\"errormsg\" v-if=\"!newMail.isValid\">*Invalid email format</span>\n            </div>\n            <div class=\"mqaWrapper\">\n                <h3>Frequency of Rating Checks</h3>\n                <span>Configure the frequency of the MQA rating checks.</span>\n\n                <div class=\"d-flex mt-3\">\n                    <div class=\"mr-3 my-3\">\n                        <button type=\"button\" class=\"btn btn-simple\" @click=\"setWeekly()\"\n                            :class=\"{ 'activeChoiceButton': weekly }\">Weekly</button>\n                        <div class=\"weekdays\" :class=\"{ 'blur': !weekly }\">\n                            <span v-for=\"(day, index) in week\" :key=\"index\">\n                                <button :disabled=\"!weekly\" class=\"dayButtons\"\n                                    :class=\"{ 'activeItem': selectedDay === index }\" @click=\"selectDay(index)\">\n                                    {{ day }}\n                                </button>\n                            </span>\n                        </div>\n                    </div>\n                    <div class=\"my-3\">\n                        <button type=\"button\" :class=\"{ 'activeChoiceButton': monthly }\" class=\"btn btn-simple\"\n                            @click=\"setMonthly()\">Monthly</button>\n                        <div class=\"d-flex daypicker my-3\" :class=\"{ 'blur': !monthly }\">\n                            <input v-model=\"daysInMonth\" @input=\"selectDay(index)\" :class=\"{ dynamicWidth: inputWidth }\"\n                                :disabled=\"!monthly\">\n                            <div class=\"caretWrap\">\n                                <button @click=\"editDate('up')\" class=\"caretButtons ml-1\"><svg\n                                        xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n                                        class=\"bi bi-caret-up-fill\" viewBox=\"0 0 16 16\">\n                                        <path\n                                            d=\"m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z\" />\n                                    </svg></button>\n                                <button @click=\"editDate()\" class=\"caretButtons mr-1\"><svg\n                                        xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n                                        class=\"bi bi-caret-down-fill\" viewBox=\"0 0 16 16\">\n                                        <path\n                                            d=\"M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\" />\n                                    </svg></button>\n                            </div>\n                            <span>day of the month</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"mqaWrapper\">\n              <h3>Notification Threshold</h3>\n              <span>This slider sets a threshold value. A notification email will be sent when the measured value increases and the difference between the first and last measurement exceeds the set threshold.</span>\n                <div class=\"w-50 mt-3\">\n                    <div class=\"d-flex justify-content-between\">\n                        <span><b>0</b></span>\n                        <span><b>400</b></span>\n                    </div>\n                    <input type=\"range\" v-model=\"threshold\" min=\"0\" max=\"400\" />\n                    <p>Lower than <b>{{ threshold }}</b> Points</p>\n                </div>\n            </div>\n            <div class=\"actionWrapper\">\n                <button type=\"button\" class=\"btn btn-primary\" @click=\"postNotificationSettings\">Save</button>\n                <button type=\"button\" class=\"btn btn-cancel\" @click=\"back()\">Cancel</button>\n            </div>\n        </div>\n    </div>\n\n</template>\n<script setup>\n\nimport { ref } from 'vue';\nimport { useRoute } from 'vue-router'\nimport { getCurrentInstance } from \"vue\";\nimport { useStore } from 'vuex';\nimport { useRouter } from 'vue-router';\nimport { mapActions } from 'vuex'\nimport { computed } from 'vue'\nimport { mapGetters } from 'vuex'\n\nimport axios from 'axios'\n\nconst store = useStore();\nconst router = useRouter();\nconst getUserDrafts = computed(() => store.getters['auth/getUserDrafts'])\nconst getUserData = computed(() => store.getters['auth/getUserData'])\nconst token = computed(() => getUserData.value.rtpToken)\n\n// Update the mapActions usage\nconst authActions = mapActions('auth', {\n  updateUserData: 'updateUserData'\n})\n\n// Destructure the action\nconst { updateUserData } = authActions\n\nconst showSnackbar = (payload) => {\n  store.dispatch('snackbar/showSnackbar', payload);\n};\n\nconst triggerSnackbar = () => {\n            showSnackbar({\n                message: 'Saved Successfully',\n                variant: 'success',\n            });\n            };\n\n// Map the showSnackbar action from the snackbar module\n\nconst route = useRoute()\n\nlet monthly = ref(false)\nlet weekly = ref(false)\nlet mailButtonWrap = ref(null)\nlet activatedString = ref('Activate')\nlet inputWidth = ref(false)\nlet active = ref(false)\nlet mailList = ref()\nlet week = ['Mo', 'Tue', 'We', 'Th', 'Fr', 'Sa', 'Su']\nlet daysInMonth = ref(1)\nlet editMode = ref(false);\nlet threshold = ref(0);\nlet frequencyUnit = ref('');\nlet frequencyValue = ref('');\nlet selectedDay = ref(null);\nconst catalogId = route.params.id\nconst app = getCurrentInstance()\nconst notificationBaseUrl = app.appContext.app.config.globalProperties.$env.api.notificationBaseUrl\nconst apiKey = app.appContext.app.config.globalProperties.$env.api.apiKey\n\n\n\nconst selectDay = (index) => {\n    if (weekly.value) {\n        selectedDay.value = index;\n        frequencyValue.value = selectedDay; // Update frequencyValue when a day is selected\n    }\n};\n\nconst setWeekly = () => {\n    weekly.value = true;\n    monthly.value = false;\n    selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n};\n\nconst setMonthly = () => {\n    weekly.value = false;\n    monthly.value = true;\n    selectedDay.value = frequencyValue.value; // Set the day of the month based on frequencyValue\n};\n\nconst notficationInfo = ref({})\n\nconst isValidEmail = (email) => {\n    const regex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return regex.test(email);\n};\n\nlet newMail = ref({ mail: '', isValid: true });\nlet editErrors = ref({});\n\n// enabeld for PPE release (dummy data)\n//  mailList.value = [{ 'mail': \"mail@mail2.com\" }, { 'mail': \"mail@mail1.com\" }]\n\nconst fetchNotificationInfo = async () => {\n    const config = {\n        method: 'get',\n        url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n        headers: {\n                Authorization: `Bearer ${token.value}`,\n             },\n    }\n\n    try {\n        const response = await axios.request(config)\n        notficationInfo.value = response.data\n\n        if (notficationInfo.value.activeStatus === true) {\n            active.value = true\n            activatedString.value = 'Deactivate'\n        } if (notficationInfo.value.activeStatus === false) {\n            active.value = false\n            activatedString.value = 'Activate'\n        }\n\n        mailList.value = notficationInfo.value.receiverEmailList\n        frequencyUnit.value = notficationInfo.value.frequency.unit\n        frequencyValue.value = notficationInfo.value.frequency.value\n        threshold.value = notficationInfo.value.threshold\n\n        if (frequencyUnit.value === 'week') {\n            weekly.value = true\n            monthly.value = false\n            selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n        } else if (frequencyUnit.value === 'month') {\n            weekly.value = false\n            monthly.value = true\n            daysInMonth.value = frequencyValue.value\n        }\n\n        console.log('Response:', response)\n    } catch (error) {\n        console.log('Full error:', error)\n    }\n}\n\nconst postNotificationSettings = async () => {\n\n    if (weekly.value === true) {\n        frequencyUnit.value = \"week\"\n        frequencyValue.value = selectedDay.value\n    } else if (monthly.value === true) {\n        frequencyUnit.value = \"month\"\n        frequencyValue.value = daysInMonth.value\n    }\n\n    const config = {\n        method: 'post',\n        url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n        headers: {\n                Authorization: `Bearer ${token.value}`,\n                'Content-Type': 'application/json',\n             },\n        withCredentials: true,\n        data: JSON.stringify({\n            receiverEmailList: mailList.value,\n            threshold: Number(threshold.value),\n            frequency: {\n                unit: frequencyUnit.value,\n                value: frequencyValue.value\n            },\n            activeStatus: true\n        })\n    }\n\n    try {\n        const response = await axios.request(config)\n        console.log('Settings updated:', response.data)\n        triggerSnackbar();\n        router.push({ name: 'DataProviderInterface-UserCatalogues' });\n        return response.data\n\n    } catch (error) {\n        triggerSnackbar({\n        message: 'Error updating settings.',\n        variant: 'error',\n      });\n\n        console.log('Error updating settings:', error)\n\n        throw error\n    }\n}\n\nfetchNotificationInfo()\n\nconst postDeactive = async () => {\n\n    const config = {\n        method: 'post',\n        url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n        headers: {\n                Authorization: `Bearer ${token.value}`,\n                'Content-Type': 'application/json',\n             },\n        withCredentials: true,\n        data: JSON.stringify({\n            activeStatus: active.value\n        })\n    }\n\n    try {\n        const response = await axios.request(config)\n        console.log('Settings updated:', response.data)\n        triggerSnackbar();\n        if(!active.value) {router.push({ name: 'DataProviderInterface-UserCatalogues' });}\n        return response.data\n\n\n    } catch (error) {\n        triggerSnackbar({\n        message: 'Error updating settings.',\n        variant: 'error',\n      });\n\n        console.log('Error updating settings:', error)\n\n        throw error\n\n    }\n}\n\nconst editMail = () => {\n    editMode.value = true\n    showSnackbar({\n      message: 'Email added successfully.',\n      variant: 'success',\n    });\n}\n\nconst saveMail = (index) => {\n    const email = mailList.value[index].trim();\n    if (isValidEmail(email)) {\n        editMode.value = false;\n        delete editErrors.value[index];\n    } else {\n        editErrors.value[index] = '*Invalid email format';\n    }\n};\n\nconst deleteMail = (index) => {\n        mailList.value.splice(index, 1);\n}\n\nconst editDate = (count) => {\n    if (count === \"up\" && daysInMonth.value < 28) {\n        if (daysInMonth.value > 8) {\n            inputWidth.value = true\n        }\n        daysInMonth.value++\n    }\n    else if (daysInMonth.value > 1) {\n        if (daysInMonth.value < 11) {\n            inputWidth.value = false\n        }\n        daysInMonth.value--\n    }\n}\n\nconst addNewMail = () => {\n    if (newMail.value.mail.trim() === '') {\n        newMail.value.isValid = false;\n        return;\n    }\n    if (isValidEmail(newMail.value.mail)) {\n        mailList.value.push(newMail.value.mail);\n        newMail.value.mail = ''; // Clear input after successful addition\n        newMail.value.isValid = true;\n    } else {\n        newMail.value.isValid = false;\n    }\n}\nconst handleActivate = () => {\n    if (!active.value) {\n        active.value = true\n        activatedString.value = 'Deactivate'\n        postDeactive()\n    } else {\n        active.value = false\n        activatedString.value = 'Activate'\n        postDeactive()\n    }\n}\n\nconst back = () => {\n    router.push({ name: 'DataProviderInterface-UserCatalogues' });\n}\n\n</script>\n<style scoped>\n.debug {\n    position: fixed;\n    right: 20px;\n    top: 20px;\n    border-radius: 20px;\n    width: 400px;\n    z-index: 999999;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 16px;\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n    backdrop-filter: blur(5px);\n    -webkit-backdrop-filter: blur(5px);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    display: none;\n}\n\n.btn-simple {\n    border-color: rgb(115, 115, 115);\n}\n\n.btn-cancel {\n    border-color: transparent;\n}\n\n.mail {\n    width: 270px;\n    padding: 5px 5px 5px 10px;\n}\n\n\n.errormsg {\n    color: red;\n    font-size: 10px;\n}\n\n.activeChoiceButton {\n    background-color: var(--primary);\n    color: white;\n    border-color:  var(--primary);\n\n    &:active {\n        background-color: #3E6CD5 !important;\n    }\n\n    &:focus {\n        outline: none;\n        background-color: #3E6CD5;\n    }\n\n    &:focus-visible {\n        outline: none;\n        background-color: #3E6CD5;\n    }\n}\n\n\n.invalid {\n    border-bottom: 1px solid red !important;\n}\n\n.blur {\n    opacity: 0.3;\n}\n\n.invalidNewMail {\n\n    border-radius: 2px;\n    border: 2px solid rgba(255, 0, 0, 0.336);\n\n    &:focus {\n        border-radius: 2px;\n        box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n        border: 1px solid rgba(255, 0, 0, 0.336);\n    }\n\n    &:focus-visible {\n        outline: 0;\n        border-radius: 2px;\n        box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n        border: 1px solid rgba(255, 0, 0, 0.336);\n    }\n}\n\n.editable {\n    transition: all 200ms ease-in-out;\n    padding-left: 0.5rem;\n    border-bottom: 2px solid var(--primary) !important;\n}\n\n.invalid {\n    border-bottom: 1px solid red !important;\n}\n\n.caretButtons {\n    all: unset;\n    cursor: pointer;\n}\n\n.caretWrap {\n    display: contents;\n\n}\n\n.actionWrapper {\n    display: flex;\n    flex-direction: row-reverse;\n    margin-bottom: 100px;\n\n    button {\n        margin-left: 1rem;\n    }\n}\n\ninput[type=\"range\"] {\n    width: 100%;\n}\n\n.mqaWrapper {\n    margin: 3rem 0;\n}\n\ntable {\n    margin-top: 1rem;\n    min-width: 50%;\n}\n\nth {\n    border-bottom: 1px solid lightgray;\n}\n\ntd {\n    display: flex;\n    justify-content: space-between;\n    padding: 15px 0 0 0cap;\n}\n\n.daypicker {\n    padding: 1rem;\n    border: 1px solid lightgray;\n    border-radius: 15px;\n\n    input {\n        width: 25px;\n        border: none;\n        background-color: unset;\n        font-weight: 700;\n    }\n\n}\n\n.dynamicWidth {\n    width: 22px !important;\n}\n\n.activeItem {\n    background-color: var(--primary);\n    color: white;\n}\n\n.weekdays {\n    border: 1px solid lightgray;\n    border-radius: 15px;\n    margin: 1rem 0;\n    overflow: hidden;\n\n    .dayButtons {\n        border: none;\n        display: inline-block;\n        text-align: center;\n        flex-direction: row;\n        min-width: 60px;\n        padding: 1rem;\n        border-right: 1px solid lightgray;\n        cursor: pointer;\n\n        &:focus-visible {\n            outline: unset;\n            background-color: #3E6CD5;\n            color: white;\n        }\n\n        &:hover {\n            background-color: #3E6CD5;\n            color: white;\n        }\n    }\n\n    span:last-child button {\n        border: none;\n    }\n}\n\n.mqaWrapper {\n    padding: 1rem;\n    background-color: #f3f6fc;\n    border-radius: 3px;\n}\n\nbutton {\n    background-color: unset;\n    border: 1px solid var(--primary);\n    color: black;\n\n    &:hover {\n        background-color: #3E6CD5;\n        color: white;\n        border: 1px solid #3E6CD5;\n    }\n}\n\n.btn-primary {\n    background-color: var(--primary);\n    color: white;\n\n}\n\n.btn-secondary {\n    color: #0e47cb;\n}\n\nbutton,\nspan {\n    transition: all 100ms ease-in-out;\n}\n</style>\n"],"names":["store","useStore","router","useRouter","computed","getUserData","token","mapActions","showSnackbar","payload","triggerSnackbar","route","useRoute","monthly","ref","weekly","mailButtonWrap","activatedString","inputWidth","active","mailList","week","daysInMonth","editMode","threshold","frequencyUnit","frequencyValue","selectedDay","catalogId","app","getCurrentInstance","notificationBaseUrl","selectDay","index","setWeekly","setMonthly","notficationInfo","isValidEmail","email","newMail","editErrors","fetchNotificationInfo","config","response","axios","error","postNotificationSettings","postDeactive","editMail","saveMail","deleteMail","editDate","count","addNewMail","handleActivate","back","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_toDisplayString","_unref","_createTextVNode","_normalizeClass","_hoisted_5","_hoisted_6","_Fragment","_renderList","item","$event","_vModelText","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","day","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23"],"mappings":"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"}
+{"version":3,"file":"CatalogueMQA.vue.mjs","sources":["../../lib/data-provider-interface/CatalogueMQA.vue"],"sourcesContent":["<template>\n    <div class=\"container mb-3\">\n        <div>\n            <div>\n                <div class=\"debug\">\n                    <strong> API object:</strong> <br><br>\n\n                   <textarea> {{ token }} </textarea>\n                  <hr>\n                    <!-- Disabled for PPE release (no backend on PPE yet)-->\n                    {{ notficationInfo }}\n\n                    <br> --- <br>\n\n                    {{ mailList }}\n\n                    <br>---<br>\n                    <strong>Fequency:</strong> <br>\n                    weekly: {{ weekly }}<br>\n                    monthly: {{ monthly }} <br>\n                    <p></p>\n                    unit: {{ frequencyUnit }} <br>\n                    value: {{ frequencyValue }}\n\n                    <br>---<br>\n                    threshold: {{ threshold }}\n\n                </div>\n                <h1>MQA notification settings</h1>\n                <p>Configuration for\n\n                    <strong>{{ catalogId }}</strong>\n                    <!-- <strong>Test Catalogue</strong> -->\n                </p>\n                <p>For this Catalogue the <b>MQA Rating Checks </b>are currently <b>\n                        <span v-if=\"!active\">deactivated</span>\n                        <span v-if=\"active\">activated</span></b>.</p>\n            </div>\n\n            <button type=\"button\"  :class=\"{ 'btn btn-primary mb-5': !active, 'btn btn-secondary': active }\" @click=\"handleActivate()\">\n                {{ activatedString }}\n            </button>\n        </div>\n\n        <div v-if=\"active\">\n            <div class=\"mqaWrapper\" >\n                <h3>Recipients Mail</h3>\n                <span>Add and edit mail addresses for recieving the MQA report</span>\n                <table class=\"mt-4\" ref=\"mailButtonWrap\" v-if=\"mailList.length !== 0\">\n                    <tr>\n                        <th>Mail</th>\n                    </tr>\n                    <tr v-for=\"(item, index) in mailList\" class=\"mailItems\" :key=\"index\">\n                        <td>\n                            <span v-if=\"!editMode\">{{ item }}</span>\n                            <input type=\"text\" v-model=\"mailList[index]\" class=\"mail-input\" v-if=\"editMode\"\n                                @input=\"editErrors[index] = ''\"\n                                :class=\"{ 'invalidNewMail': editErrors[index] }\" >\n\n                            <div>\n                                <button type=\"button\" class=\"btn btn-simple\"\n                                    @click=\"editMode ? saveMail(index) : editMail(index)\">\n                                    {{ editMode ? 'Save' : 'Edit' }}\n                                </button>\n                                <button type=\"button\" class=\"btn btn-simple\"\n                                    @click=\"deleteMail(index)\">Delete</button>\n                            </div>\n                        </td>\n                        <span class=\"errormsg\" v-if=\"editErrors[index]\">{{ editErrors[index] }}</span>\n                    </tr>\n                </table>\n                <div class=\"d-flex mt-3\">\n                    <input type=\"text\" v-model=\"newMail.mail\" @input=\"newMail.isValid = true\"\n                        :class=\"{ 'invalidNewMail': !newMail.isValid }\" placeholder=\"Enter email address\"\n                        class=\"mail\">\n                    <button type=\"button\" class=\"btn btn-simple mx-3\" @click=\"addNewMail()\">+ Add Mail</button>\n                </div>\n                <span class=\"errormsg\" v-if=\"!newMail.isValid\">*Invalid email format</span>\n            </div>\n            <div class=\"mqaWrapper\">\n                <h3>Frequency of Rating Checks</h3>\n                <span>Configure the frequency of the MQA rating checks.</span>\n\n                <div class=\"d-flex mt-3\">\n                    <div class=\"mr-3 my-3\">\n                        <button type=\"button\" class=\"btn btn-simple\" @click=\"setWeekly()\"\n                            :class=\"{ 'activeChoiceButton': weekly }\">Weekly</button>\n                        <div class=\"weekdays\" :class=\"{ 'blur': !weekly }\">\n                            <span v-for=\"(day, index) in week\" :key=\"index\">\n                                <button :disabled=\"!weekly\" class=\"dayButtons\"\n                                    :class=\"{ 'activeItem': selectedDay === index }\" @click=\"selectDay(index)\">\n                                    {{ day }}\n                                </button>\n                            </span>\n                        </div>\n                    </div>\n                    <div class=\"my-3\">\n                        <button type=\"button\" :class=\"{ 'activeChoiceButton': monthly }\" class=\"btn btn-simple\"\n                            @click=\"setMonthly()\">Monthly</button>\n                        <div class=\"d-flex daypicker my-3\" :class=\"{ 'blur': !monthly }\">\n                            <input v-model=\"daysInMonth\" @input=\"selectDay(index)\" :class=\"{ dynamicWidth: inputWidth }\"\n                                :disabled=\"!monthly\">\n                            <div class=\"caretWrap\">\n                                <button @click=\"editDate('up')\" class=\"caretButtons ml-1\"><svg\n                                        xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n                                        class=\"bi bi-caret-up-fill\" viewBox=\"0 0 16 16\">\n                                        <path\n                                            d=\"m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z\" />\n                                    </svg></button>\n                                <button @click=\"editDate()\" class=\"caretButtons mr-1\"><svg\n                                        xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n                                        class=\"bi bi-caret-down-fill\" viewBox=\"0 0 16 16\">\n                                        <path\n                                            d=\"M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\" />\n                                    </svg></button>\n                            </div>\n                            <span>day of the month</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"mqaWrapper\">\n              <h3>Notification Threshold</h3>\n              <span>This slider sets a threshold value. A notification email will be sent when the measured value increases and the difference between the first and last measurement exceeds the set threshold.</span>\n                <div class=\"w-50 mt-3\">\n                    <div class=\"d-flex justify-content-between\">\n                        <span><b>0</b></span>\n                        <span><b>400</b></span>\n                    </div>\n                    <input type=\"range\" v-model=\"threshold\" min=\"0\" max=\"400\" />\n                    <p>Lower than <b>{{ threshold }}</b> Points</p>\n                </div>\n            </div>\n            <div class=\"actionWrapper\">\n                <button type=\"button\" class=\"btn btn-primary\" @click=\"postNotificationSettings\">Save</button>\n                <button type=\"button\" class=\"btn btn-cancel\" @click=\"back()\">Cancel</button>\n            </div>\n        </div>\n    </div>\n\n</template>\n<script setup>\n\nimport { ref } from 'vue';\nimport { useRoute } from 'vue-router'\nimport { getCurrentInstance } from \"vue\";\nimport { useStore } from 'vuex';\nimport { useRouter } from 'vue-router';\nimport { mapActions } from 'vuex'\nimport { computed } from 'vue'\nimport { mapGetters } from 'vuex'\n\nimport axios from 'axios'\n\nconst store = useStore();\nconst router = useRouter();\nconst getUserDrafts = computed(() => store.getters['auth/getUserDrafts'])\nconst getUserData = computed(() => store.getters['auth/getUserData'])\nconst token = computed(() => getUserData.value.rtpToken)\n\n// Update the mapActions usage\nconst authActions = mapActions('auth', {\n  updateUserData: 'updateUserData'\n})\n\n// Destructure the action\nconst { updateUserData } = authActions\n\nconst showSnackbar = (payload) => {\n  store.dispatch('snackbar/showSnackbar', payload);\n};\n\nconst triggerSnackbar = () => {\n            showSnackbar({\n                message: 'Saved Successfully',\n                variant: 'success',\n            });\n            };\n\n// Map the showSnackbar action from the snackbar module\n\nconst route = useRoute()\n\nlet monthly = ref(false)\nlet weekly = ref(false)\nlet mailButtonWrap = ref(null)\nlet activatedString = ref('Activate')\nlet inputWidth = ref(false)\nlet active = ref(false)\nlet mailList = ref()\nlet week = ['Mo', 'Tue', 'We', 'Th', 'Fr', 'Sa', 'Su']\nlet daysInMonth = ref(1)\nlet editMode = ref(false);\nlet threshold = ref(0);\nlet frequencyUnit = ref('');\nlet frequencyValue = ref('');\nlet selectedDay = ref(null);\nconst catalogId = route.params.id\nconst app = getCurrentInstance()\nconst notificationBaseUrl = app.appContext.app.config.globalProperties.$env.api.notificationBaseUrl\nconst apiKey = app.appContext.app.config.globalProperties.$env.api.apiKey\n\n\n\nconst selectDay = (index) => {\n    if (weekly.value) {\n        selectedDay.value = index;\n        frequencyValue.value = selectedDay; // Update frequencyValue when a day is selected\n    }\n};\n\nconst setWeekly = () => {\n    weekly.value = true;\n    monthly.value = false;\n    selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n};\n\nconst setMonthly = () => {\n    weekly.value = false;\n    monthly.value = true;\n    selectedDay.value = frequencyValue.value; // Set the day of the month based on frequencyValue\n};\n\nconst notficationInfo = ref({})\n\nconst isValidEmail = (email) => {\n    const regex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return regex.test(email);\n};\n\nlet newMail = ref({ mail: '', isValid: true });\nlet editErrors = ref({});\n\n// enabeld for PPE release (dummy data)\n//  mailList.value = [{ 'mail': \"mail@mail2.com\" }, { 'mail': \"mail@mail1.com\" }]\n\nconst fetchNotificationInfo = async () => {\n    const config = {\n        method: 'get',\n        url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n        headers: {\n                Authorization: `Bearer ${token.value}`,\n             },\n    }\n\n    try {\n        const response = await axios.request(config)\n        notficationInfo.value = response.data\n\n        if (notficationInfo.value.activeStatus === true) {\n            active.value = true\n            activatedString.value = 'Deactivate'\n        } if (notficationInfo.value.activeStatus === false) {\n            active.value = false\n            activatedString.value = 'Activate'\n        }\n\n        mailList.value = notficationInfo.value.receiverEmailList\n        frequencyUnit.value = notficationInfo.value.frequency.unit\n        frequencyValue.value = notficationInfo.value.frequency.value\n        threshold.value = notficationInfo.value.threshold\n\n        if (frequencyUnit.value === 'week') {\n            weekly.value = true\n            monthly.value = false\n            selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n        } else if (frequencyUnit.value === 'month') {\n            weekly.value = false\n            monthly.value = true\n            daysInMonth.value = frequencyValue.value\n        }\n\n        console.log('Response:', response)\n    } catch (error) {\n        console.log('Full error:', error)\n    }\n}\n\nconst postNotificationSettings = async () => {\n\n    if (weekly.value === true) {\n        frequencyUnit.value = \"week\"\n        frequencyValue.value = selectedDay.value\n    } else if (monthly.value === true) {\n        frequencyUnit.value = \"month\"\n        frequencyValue.value = daysInMonth.value\n    }\n\n    const config = {\n        method: 'post',\n        url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n        headers: {\n                Authorization: `Bearer ${token.value}`,\n                'Content-Type': 'application/json',\n             },\n        withCredentials: true,\n        data: JSON.stringify({\n            receiverEmailList: mailList.value,\n            threshold: Number(threshold.value),\n            frequency: {\n                unit: frequencyUnit.value,\n                value: frequencyValue.value\n            },\n            activeStatus: true\n        })\n    }\n\n    try {\n        const response = await axios.request(config)\n        console.log('Settings updated:', response.data)\n        triggerSnackbar();\n        router.push({ name: 'DataProviderInterface-UserCatalogues' });\n        return response.data\n\n    } catch (error) {\n        triggerSnackbar({\n        message: 'Error updating settings.',\n        variant: 'error',\n      });\n\n        console.log('Error updating settings:', error)\n\n        throw error\n    }\n}\n\nfetchNotificationInfo()\n\nconst postDeactive = async () => {\n\n    const config = {\n        method: 'post',\n        url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n        headers: {\n                Authorization: `Bearer ${token.value}`,\n                'Content-Type': 'application/json',\n             },\n        withCredentials: true,\n        data: JSON.stringify({\n            activeStatus: active.value\n        })\n    }\n\n    try {\n        const response = await axios.request(config)\n        console.log('Settings updated:', response.data)\n        triggerSnackbar();\n        if(!active.value) {router.push({ name: 'DataProviderInterface-UserCatalogues' });}\n        return response.data\n\n\n    } catch (error) {\n        triggerSnackbar({\n        message: 'Error updating settings.',\n        variant: 'error',\n      });\n\n        console.log('Error updating settings:', error)\n\n        throw error\n\n    }\n}\n\nconst editMail = () => {\n    editMode.value = true\n    showSnackbar({\n      message: 'Email added successfully.',\n      variant: 'success',\n    });\n}\n\nconst saveMail = (index) => {\n    const email = mailList.value[index].trim();\n    if (isValidEmail(email)) {\n        editMode.value = false;\n        delete editErrors.value[index];\n    } else {\n        editErrors.value[index] = '*Invalid email format';\n    }\n};\n\nconst deleteMail = (index) => {\n        mailList.value.splice(index, 1);\n}\n\nconst editDate = (count) => {\n    if (count === \"up\" && daysInMonth.value < 28) {\n        if (daysInMonth.value > 8) {\n            inputWidth.value = true\n        }\n        daysInMonth.value++\n    }\n    else if (daysInMonth.value > 1) {\n        if (daysInMonth.value < 11) {\n            inputWidth.value = false\n        }\n        daysInMonth.value--\n    }\n}\n\nconst addNewMail = () => {\n    if (newMail.value.mail.trim() === '') {\n        newMail.value.isValid = false;\n        return;\n    }\n    if (isValidEmail(newMail.value.mail)) {\n        mailList.value.push(newMail.value.mail);\n        newMail.value.mail = ''; // Clear input after successful addition\n        newMail.value.isValid = true;\n    } else {\n        newMail.value.isValid = false;\n    }\n}\nconst handleActivate = () => {\n    if (!active.value) {\n        active.value = true\n        activatedString.value = 'Deactivate'\n        postDeactive()\n    } else {\n        active.value = false\n        activatedString.value = 'Activate'\n        postDeactive()\n    }\n}\n\nconst back = () => {\n    router.push({ name: 'DataProviderInterface-UserCatalogues' });\n}\n\n</script>\n<style scoped>\n.debug {\n    position: fixed;\n    right: 20px;\n    top: 20px;\n    border-radius: 20px;\n    width: 400px;\n    z-index: 999999;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 16px;\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n    backdrop-filter: blur(5px);\n    -webkit-backdrop-filter: blur(5px);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    display: none;\n}\n\n.btn-simple {\n    border-color: rgb(115, 115, 115);\n}\n\n.btn-cancel {\n    border-color: transparent;\n}\n\n.mail {\n    width: 270px;\n    padding: 5px 5px 5px 10px;\n}\n\n\n.errormsg {\n    color: red;\n    font-size: 10px;\n}\n\n.activeChoiceButton {\n    background-color: var(--primary);\n    color: white;\n    border-color:  var(--primary);\n\n    &:active {\n        background-color: #3E6CD5 !important;\n    }\n\n    &:focus {\n        outline: none;\n        background-color: #3E6CD5;\n    }\n\n    &:focus-visible {\n        outline: none;\n        background-color: #3E6CD5;\n    }\n}\n\n\n.invalid {\n    border-bottom: 1px solid red !important;\n}\n\n.blur {\n    opacity: 0.3;\n}\n\n.invalidNewMail {\n\n    border-radius: 2px;\n    border: 2px solid rgba(255, 0, 0, 0.336);\n\n    &:focus {\n        border-radius: 2px;\n        box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n        border: 1px solid rgba(255, 0, 0, 0.336);\n    }\n\n    &:focus-visible {\n        outline: 0;\n        border-radius: 2px;\n        box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n        border: 1px solid rgba(255, 0, 0, 0.336);\n    }\n}\n\n.editable {\n    transition: all 200ms ease-in-out;\n    padding-left: 0.5rem;\n    border-bottom: 2px solid var(--primary) !important;\n}\n\n.invalid {\n    border-bottom: 1px solid red !important;\n}\n\n.caretButtons {\n    all: unset;\n    cursor: pointer;\n}\n\n.caretWrap {\n    display: contents;\n\n}\n\n.actionWrapper {\n    display: flex;\n    flex-direction: row-reverse;\n    margin-bottom: 100px;\n\n    button {\n        margin-left: 1rem;\n    }\n}\n\ninput[type=\"range\"] {\n    width: 100%;\n}\n\n.mqaWrapper {\n    margin: 3rem 0;\n}\n\ntable {\n    margin-top: 1rem;\n    min-width: 50%;\n}\n\nth {\n    border-bottom: 1px solid lightgray;\n}\n\ntd {\n    display: flex;\n    justify-content: space-between;\n    padding: 15px 0 0 0cap;\n}\n\n.daypicker {\n    padding: 1rem;\n    border: 1px solid lightgray;\n    border-radius: 15px;\n\n    input {\n        width: 25px;\n        border: none;\n        background-color: unset;\n        font-weight: 700;\n    }\n\n}\n\n.dynamicWidth {\n    width: 22px !important;\n}\n\n.activeItem {\n    background-color: var(--primary);\n    color: white;\n}\n\n.weekdays {\n    border: 1px solid lightgray;\n    border-radius: 15px;\n    margin: 1rem 0;\n    overflow: hidden;\n\n    .dayButtons {\n        border: none;\n        display: inline-block;\n        text-align: center;\n        flex-direction: row;\n        min-width: 60px;\n        padding: 1rem;\n        border-right: 1px solid lightgray;\n        cursor: pointer;\n\n        &:focus-visible {\n            outline: unset;\n            background-color: #3E6CD5;\n            color: white;\n        }\n\n        &:hover {\n            background-color: #3E6CD5;\n            color: white;\n        }\n    }\n\n    span:last-child button {\n        border: none;\n    }\n}\n\n.mqaWrapper {\n    padding: 1rem;\n    background-color: #f3f6fc;\n    border-radius: 3px;\n}\n\nbutton {\n    background-color: unset;\n    border: 1px solid var(--primary);\n    color: black;\n\n    &:hover {\n        background-color: #3E6CD5;\n        color: white;\n        border: 1px solid #3E6CD5;\n    }\n}\n\n.btn-primary {\n    background-color: var(--primary);\n    color: white;\n\n}\n\n.btn-secondary {\n    color: #0e47cb;\n}\n\nbutton,\nspan {\n    transition: all 100ms ease-in-out;\n}\n</style>\n"],"names":["store","useStore","router","useRouter","computed","getUserData","token","mapActions","showSnackbar","payload","triggerSnackbar","route","useRoute","monthly","ref","weekly","mailButtonWrap","activatedString","inputWidth","active","mailList","week","daysInMonth","editMode","threshold","frequencyUnit","frequencyValue","selectedDay","catalogId","app","getCurrentInstance","notificationBaseUrl","selectDay","index","setWeekly","setMonthly","notficationInfo","isValidEmail","email","newMail","editErrors","fetchNotificationInfo","config","response","axios","error","postNotificationSettings","postDeactive","editMail","saveMail","deleteMail","editDate","count","addNewMail","handleActivate","back"],"mappings":"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"}

package/dist/data-provider-interface/DPIMenu.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import('vue').DefineComponent<{}, {
             to: {
                 name: string;
                 query: {
-                    locale: any;
+                    locale: import('vue-router').LocationQueryValue | import('vue-router').LocationQueryValue[];
                     edit: boolean;
                     draft?: undefined;
                 };
@@ -54,7 +54,7 @@ declare const _default: import('vue').DefineComponent<{}, {
                 };
                 query: {
                     draft: boolean;
-                    locale: any;
+                    locale: import('vue-router').LocationQueryValue | import('vue-router').LocationQueryValue[];
                     edit?: undefined;
                 };
             };
@@ -74,7 +74,7 @@ declare const _default: import('vue').DefineComponent<{}, {
             to: {
                 name: string;
                 query: {
-                    locale: any;
+                    locale: import('vue-router').LocationQueryValue | import('vue-router').LocationQueryValue[];
                     edit: boolean;
                     draft?: undefined;
                 };
@@ -100,13 +100,13 @@ declare const _default: import('vue').DefineComponent<{}, {
             to: {
                 name: string;
                 params: {
-                    catalog: any;
+                    catalog: string | string[];
                     property: string;
                     id: any;
                 };
                 query: {
                     draft: boolean;
-                    locale: any;
+                    locale: import('vue-router').LocationQueryValue | import('vue-router').LocationQueryValue[];
                     edit?: undefined;
                 };
             };
@@ -114,11 +114,11 @@ declare const _default: import('vue').DefineComponent<{}, {
         })[];
     })[];
     menuItems(): {
-        name: any;
+        name: string;
         to: {
             name: string;
             query: {
-                locale: any;
+                locale: import('vue-router').LocationQueryValue | import('vue-router').LocationQueryValue[];
             };
         };
     }[];
@@ -127,14 +127,14 @@ declare const _default: import('vue').DefineComponent<{}, {
     isOperator(): any;
     getUserData: import('vuex').Computed;
     hasAnyDoi(): any;
+    getTitle: import('vuex').Computed;
+    getDescription: import('vuex').Computed;
     getCatalog: import('vuex').Computed;
     getLoading: import('vuex').Computed;
     getID: import('vuex').Computed;
-    getTitle: import('vuex').Computed;
-    getDescription: import('vuex').Computed;
+    getOtherIdentifiers: import('vuex').Computed;
     getAdmsIdentifiers: import('vuex').Computed;
     getIdentifiers: import('vuex').Computed;
-    getOtherIdentifiers: import('vuex').Computed;
 }, {
     setupKeycloakWatcher(): void;
     handleConfirm(action: any, argsObj: any, { successMessage, errorMessage }: {

package/dist/data-provider-interface/DPIMenu.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DPIMenu.vue.mjs","sources":["../../lib/data-provider-interface/DPIMenu.vue"],"sourcesContent":["<template>\n  <div id=\"wrapper\" data-cy=\"dpi-menu\">\n    <nav v-if=\"visible\">\n      <div>\n        <h4 class=\"text-white\">{{ $t(\"message.dataupload.menu.dpi\") }}</h4>\n      </div>\n\n      <div style=\"margin-top: 1%\">\n        <dropup\n          v-for=\"(group, index) in menuGroups\"\n          :key=\"`Group${index}`\"\n          :groupName=\"group.group\"\n          :groupItems=\"group.items\"\n          :show=\"$env.content.dataProviderInterface.buttons[group.group]\"\n          :isOperator=\"getUserData.roles.includes('operator')\"\n          :isCatalog=\"group.group === 'Catalogue' ? true : false\"\n        >\n        </dropup>\n        <ul>\n          <div class=\"btn-group dropup\">\n            <li v-for=\"(menuItem, index) in menuItems\" :key=\"`Menu${index}`\">\n              <button\n                type=\"button\"\n                class=\"btn btn-default\"\n                @click=\"scrollToTop()\"\n              >\n                <!-- Menu items are either buttons or router-link -->\n                <!-- depending if they have a 'to' or 'handler' property -->\n                <component\n                  :is=\"menuItem.handler ? 'button' : 'router-link'\"\n                  :class=\"{ disabled: menuItem.disabled }\"\n                  :to=\"menuItem.to\"\n                  @click.native=\"menuItem.handler ? menuItem.handler() : null\"\n                >\n                  {{ menuItem.handler }}\n                  {{ menuItem.name }}\n                </component>\n              </button>\n            </li>\n          </div>\n        </ul>\n      </div>\n\n      <div v-if=\"getUserData.userName\" class=\"logoutWrap\">\n        <slot name=\"right\" :get-user-data=\"getUserData\">\n          <small class=\"text-white\"\n            >{{ $t(\"message.dataupload.menu.loggedInAs\") }}\n            {{ getUserData.userName }}</small\n          >\n          <br />\n          <button type=\"button\" class=\"btn btn-default logout\">\n            <router-link :to=\"{ name: 'Logout' }\">{{\n              $t(\"message.dataupload.menu.logout\")\n            }}</router-link>\n          </button>\n        </slot>\n      </div>\n    </nav>\n\n    <app-confirmation-dialog\n      id=\"DPIMenuModal\"\n      :loading=\"modal.loading\"\n      :confirm=\"modal.confirm\"\n      @confirm=\"modal.confirmHandler\"\n    >\n      {{ modal.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport $ from \"jquery\";\nimport { has, isEmpty } from \"lodash-es\";\nimport { mapGetters, mapActions } from \"vuex\";\nimport Dropup from \"./components/Dropup\";\nimport { useWindowScroll } from \"@vueuse/core\";\n\nexport default {\n  name: \"DPI-menu\",\n  components: {\n    Dropup,\n  },\n  props: {},\n  data() {\n    return {\n      showRatingService: this.$env.content.datasetDetails?.showRatingService,\n      visible: true,\n      modal: {\n        show: false,\n        loading: false,\n        error: null,\n        message: \"\",\n        confirm: \"Ok\",\n        confirmHandler: () => null,\n      },\n    };\n  },\n  setup() {\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: \"smooth\" });\n      y.value = 0;\n    };\n    return {\n      scrollToTop,\n    };\n  },\n  computed: {\n    ...mapGetters(\"datasetDetails\", [\n      \"getCatalog\",\n      \"getID\",\n      \"getLoading\",\n      \"getTitle\",\n      \"getDescription\",\n      'getAdmsIdentifiers',\n      'getIdentifiers',\n      'getOtherIdentifiers',\n    ]),\n  // Individual DOI checks for display\n  hasAnyDoi() {\n    const checkDoi = (value) => value && value.match(/^10\\.\\d{4,9}\\/[-._;()/:A-Z0-9]+$/i);\n\n    return (\n      checkDoi(this.getIdentifiers?.[0]) ||                  // Check Identifier\n      checkDoi(this.getAdmsIdentifiers?.[0]?.identifier) || // Check Adms\n      checkDoi(this.getOtherIdentifiers?.[0]?.identifier)   // Check Others\n    );\n  },\n    ...mapGetters(\"auth\", [\"getUserData\"]),\n    menuGroups() {\n      return [\n        {\n          group: \"Dataset\",\n          items: [\n            {\n              key: \"create-dataset\",\n              name: \"createDataset\",\n              to: {\n                name: \"DataProviderInterface-Input\",\n                query: { locale: this.$route.query.locale, edit: false }, // if edit is false -> reset is triggered\n                params: { property: \"datasets\" },\n              },\n            },\n            {\n              name: \"deleteDataset\",\n              disabled: !this.isLocatedOnAuthorizedDatasetPage || this.hasAnyDoi,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t(\n                      \"message.dataupload.menu.datasetDeletion.message\"\n                    ),\n                    confirm: this.$t(\n                      \"message.dataupload.menu.datasetDeletion.confirm\"\n                    ),\n                    confirmHandler: () =>\n                      this.handleDelete({\n                        id: this.getID,\n                        property: \"datasets\",\n                        catalog: this.getCatalog.id,\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n            {\n              key: \"edit-dataset\",\n              name: \"editDataset\",\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              to: {\n                name: \"DataProviderInterface-Edit\",\n                params: {\n                  catalog: this.getCatalog.id || \"undefined\",\n                  property: \"datasets\",\n                  id: this.getID || \"undefined\",\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n\n            {\n              key: \"draft-dataset\",\n              name: \"setToDraft\",\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t(\n                      \"message.dataupload.menu.markAsDraft.message\"\n                    ),\n                    confirm: this.$t(\n                      \"message.dataupload.menu.markAsDraft.confirm\"\n                    ),\n                    confirmHandler: () =>\n                      this.handleMarkAsDraft({\n                        id: this.getID,\n                        catalog: this.getCatalog.id,\n                        title: this.getTitle,\n                        description: this.getDescription,\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n            {\n              key: \"register-dataset\",\n              name: \"registerDoi\",\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t(\n                      \"message.dataupload.menu.registerADoi.message\"\n                    ),\n                    confirm: this.$t(\n                      \"message.dataupload.menu.registerADoi.confirm\"\n                    ),\n                    confirmHandler: () =>\n                      this.handleRegisterDoi({\n                        id: this.getID,\n                        catalog: this.getCatalog.id,\n                        type:\n                          this.$env.content.dataProviderInterface\n                            .doiRegistrationService.persistentIdentifierType ||\n                          \"mock\",\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n          ],\n        },\n        {\n          group: \"Catalogue\",\n          items: [\n            {\n              name: \"CreateCatalogue\",\n              to: {\n                name: \"DataProviderInterface-Input\",\n                query: { locale: this.$route.query.locale, edit: false },\n                params: { property: \"catalogues\" },\n              },\n            },\n            {\n              name: \"DeleteCatalogue\",\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message:\n                      \"Are you sure you want to delete this catalogue? This can not be reverted!\",\n                    confirm: \"Delete catlogue (irreversible)\",\n                    confirmHandler: () =>\n                      this.handleDelete({\n                        id: this.$route.params.ctlg_id,\n                        property: \"catalogues\",\n                        catalog: this.$route.params.ctlg_id,\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n            {\n              name: \"EditCatalog\",\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              to: {\n                name: \"DataProviderInterface-Edit\",\n                params: {\n                  catalog: this.$route.params.ctlg_id\n                    ? this.$route.params.ctlg_id\n                    : \"undefined\",\n                  property: \"catalogues\",\n                  id: this.getID || \"undefined\",\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n          ],\n        },\n      ];\n    },\n\n    menuItems() {\n      let items = [\n        {\n          name: this.$t(\"message.dataupload.menu.draftDatasets\"),\n          to: {\n            name: \"DataProviderInterface-Draft\",\n            query: { locale: this.$route.query.locale },\n          },\n        },\n        {\n          name: this.$t(\"message.dataupload.menu.myCatalogues\"),\n          to: {\n            name: \"DataProviderInterface-UserCatalogues\",\n            query: { locale: this.$route.query.locale },\n          },\n        },\n        {\n          name: this.$t(\"message.dataupload.menu.userProfile\"),\n          to: {\n            name: \"DataProviderInterface-UserProfile\",\n            query: { locale: this.$route.query.locale },\n          },\n        },\n      ];\n      if (this.showRatingService && this.isOperator) {\n        items.push({\n          name: \"Comment Moderation\",\n          to: {\n            name: \"DataProviderInterface-CommentsModeration\",\n            query: { locale: this.$route.query.locale },\n          },\n        });\n      }\n      return items;\n    },\n    isLocatedOnAuthorizedDatasetPage() {\n      // Never return true while loading\n      if (this.getLoading) return false;\n\n      // Is the user located on the correct page?\n      const isOnDatasetDetailsPage =\n        this.$route.name === \"DatasetDetailsDataset\";\n      if (!isOnDatasetDetailsPage) return false;\n      const datasetId = isOnDatasetDetailsPage && this.$route.params.ds_id;\n\n      // Does user have permission on dataset (based on current datasetDetails state)?\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const catalogId = this.getCatalog && this.getCatalog.id;\n      const hasPermission = permissions.find(\n        (permission) => permission.rsname === catalogId\n      );\n\n      if (this.isOperator) {\n        return true;\n      }\n\n      // Does the user have permission on the current dataset details page?\n      return (\n        hasPermission && isOnDatasetDetailsPage && datasetId === this.getID\n      );\n    },\n    isLocatedOnAuthorizedCatalogPage() {\n      // never return true while loading\n      if (this.getLoading) return false;\n\n      // is the user located on the correct page?\n      const onCatalogPage = this.$route.name === \"CatalogueDetails\";\n      if (!onCatalogPage) return false;\n      const catalogId = onCatalogPage && this.$route.params.ctlg_id;\n\n      // const permissions = this.getUserData && this.getUserData.permissions;\n      // const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n      const hasPermission = true;\n      // does user have permission on current catalogue\n      return hasPermission && onCatalogPage;\n    },\n    isOperator() {\n      return this.getUserData.roles.includes(\"operator\");\n    }\n  },\n  methods: {\n    checkDoi(doi = '') {\n    return doi && doi.match(/^10\\.\\d{4,9}\\/[-._;()/:A-Z0-9]+$/i);\n  },\n    ...mapActions(\"auth\", [\"updateUserData\"]),\n    ...mapActions(\"snackbar\", [\"showSnackbar\"]),\n    setupKeycloakWatcher() {\n      if (this.$keycloak && this.$keycloak.authenticated) {\n        // Set up watcher here since we this.$keycloak might not be available.\n        // If this.$keycloak is ensured, move this watcher out of this created hook.\n        this.$watch(\n          \"$keycloak.token\",\n          async (newToken) => {\n            if (!newToken) return;\n\n            let rtpToken = this.$keycloak.rtpToken;\n            if (!rtpToken) {\n              const rtpTokenFn = this.$keycloak.getRtpToken;\n              if (rtpTokenFn) {\n                const res = await rtpTokenFn({ autoRefresh: true });\n                rtpToken = res;\n              }\n            }\n\n            this.updateUserData({\n              authToken: newToken,\n              rtpToken: rtpToken,\n              hubUrl: this.$env.api.hubUrl,\n            });\n          },\n          { immediate: true }\n        );\n\n        this.$watch(\"$keycloak.rtpToken\", (newRtpToken) => {\n          if (!newRtpToken) return;\n\n          this.updateUserData({\n            authToken: this.$keycloak.token,\n            rtpToken: newRtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        });\n      }\n    },\n    async handleConfirm(action, argsObj, { successMessage, errorMessage }) {\n      this.modal.loading = true;\n      try {\n        // Sleep for 250ms for better UX\n        this.$Progress.start();\n        await new Promise((resolve) => setTimeout(resolve, 250));\n\n        this.$Progress.set(25);\n        await this.$store.dispatch(action, argsObj);\n\n        // Successful DOI registration\n        this.showSnackbar({\n          message: successMessage,\n          variant: \"success\",\n        });\n        await new Promise((resolve) => setTimeout(resolve, 250));\n\n        this.$Progress.finish();\n      } catch (ex) {\n        this.$Progress.fail();\n        // eslint-disable-next-line no-console\n        console.error(ex);\n\n        const maybeErrorStatusMsg =\n          ex.response && ex.response.data && ex.response.data.message;\n\n        this.modal = {\n          ...this.modal,\n          ...{\n            // Need to translate this\n            message:\n              \"DOI registration is not possible, the following error occured: \" +\n              ex.response.data,\n            confirm: \"Okay\",\n            confirmHandler: () => $(\"#modal\").modal(\"hide\"),\n          },\n        };\n\n        console.log(ex.response.data);\n        let customErrorMessage =\n          typeof errorMessage === \"string\" && errorMessage;\n        customErrorMessage =\n          typeof errorMessage === \"function\" && errorMessage(ex);\n        // customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix && `${errorMessage.prefix}${maybeErrorStatusMsg && ` — ${maybeErrorStatusMsg}`}`;\n        customErrorMessage =\n          typeof errorMessage === \"object\" &&\n          errorMessage.prefix + \" - \" + ex.response.data;\n\n        console.log(errorMessage);\n        const errorMsg =\n          customErrorMessage ||\n          maybeErrorStatusMsg ||\n          ex.message ||\n          \"An error occurred\";\n        // show snackbar\n        this.showSnackbar({\n          message: errorMsg,\n          variant: \"error\",\n        });\n      } finally {\n        this.modal.loading = false;\n        $(\"#modal\").modal(\"hide\");\n      }\n    },\n    async handleRegisterDoi({ id, catalog, type = \"eu-ra-doi\" }) {\n      await this.handleConfirm(\n        \"auth/createPersistentIdentifier\",\n        { id, catalog, type },\n        {\n          successMessage: this.$te(\"message.snackbar.doiRegistration.success\")\n            ? this.$t(\"message.snackbar.doiRegistration.success\")\n            : \"Successfully registered DOI\",\n          errorMessage: {\n            prefix: this.$te(\"message.snackbar.doiRegistration.error\")\n              ? this.$t(\"message.snackbar.doiRegistration.error\")\n              : \"DOI registration failed\",\n          },\n        }\n      );\n    },\n    async handleMarkAsDraft({ id, catalog, title, description }) {\n      await this.handleConfirm(\n        \"auth/putDatasetToDraft\",\n        {\n          id,\n          catalog,\n          title,\n          description,\n        },\n        {\n          successMessage: this.$te(\"message.snackbar.markAsDraft.success\")\n            ? this.$t(\"message.snackbar.markAsDraft.success\")\n            : \"Dataset successfully marked as draft\",\n          errorMessage: {\n            prefix: this.$te(\"message.snackbar.markAsDraft.error\")\n              ? this.$t(\"message.snackbar.markAsDraft.error\")\n              : \"Failed to mark dataset as draft\",\n          },\n        }\n      );\n\n      this.$router\n        .push({\n          name: \"DataProviderInterface-Draft\",\n          query: { locale: this.$route.query.locale },\n        })\n        .catch(() => {});\n    },\n    async handleDelete({ id, property, catalog }) {\n      // todo: create user dataset api (and maybe integrate to store)\n      // For now, do request manually using axios\n\n      this.modal.loading = true;\n      this.$Progress.start();\n      try {\n        let endpoint;\n\n        if (property === \"datasets\") {\n          endpoint = `${this.$env.api.hubUrl}datasets/${id}?useNormalizedId=true&catalogue=${catalog}`;\n        } else if (property === \"catalogues\") {\n          endpoint = `${this.$env.api.hubUrl}catalogues/${id}`;\n        }\n\n        await axios.delete(endpoint, {\n          headers: {\n            \"Content-Type\": \"text/turtle\",\n            Authorization: `Bearer ${this.getUserData.rtpToken}`,\n          },\n        });\n\n        let successMessage;\n        if (property === \"datasets\") {\n          successMessage = this.$te(\"message.snackbar.deleteDataset.success\")\n            ? this.$t(\"message.snackbar.deleteDataset.success\")\n            : \"Dataset successfully deleted\";\n        } else if (property === \"catalogues\") {\n          successMessage = this.$te(\"message.snackbar.deleteCatalog.success\")\n            ? this.$t(\"message.snackbar.deleteCatalog.success\")\n            : \"Catalog successfully deleted\";\n        }\n\n        this.showSnackbar({\n          message: successMessage,\n          variant: \"success\",\n        });\n        this.$Progress.finish();\n\n        // Redirect to Home\n        this.$router\n          .push({\n            name: \"Datasets\",\n            query: { locale: this.$route.query.locale, refresh: true },\n          })\n          .catch(() => {});\n      } catch (ex) {\n        this.$Progress.fail();\n\n        let errorMessage;\n\n        if (property === \"datasets\") {\n          errorMessage = this.$te(\"message.snackbar.deleteDataset.error\")\n            ? this.$t(\"message.snackbar.deleteDataset.error\")\n            : \"Failed to delete dataset\";\n        } else if (property === \"catalogues\") {\n          errorMessage = this.$te(\"message.snackbar.deleteCatalog.error\")\n            ? this.$t(\"message.snackbar.deleteCatalog.error\")\n            : \"Failed to delete catalog\";\n        }\n\n        this.showSnackbar({\n          message: `${errorMessage}${\n            ex.response?.data ? ` — ${ex.response?.data}` : ex.message\n          }`,\n          variant: \"error\",\n        });\n      } finally {\n        this.modal.loading = false;\n        $(\"#modal\").modal(\"hide\");\n      }\n    },\n  },\n  created() {\n    this.setupKeycloakWatcher();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#wrapper {\n  background: linear-gradient(90deg, #082b7a, #0e47cb);\n  width: 100%;\n  position: sticky;\n  bottom: 0;\n  z-index: 999;\n}\n\nnav {\n  max-width: 1400px;\n  display: flex;\n  flex-direction: row;\n  margin: 0 auto;\n  justify-content: space-between;\n  font-size: 1rem;\n  align-items: center;\n}\n\nul {\n  float: right;\n\n  li {\n    display: inline;\n\n    a {\n      color: white;\n    }\n  }\n}\n\nbutton a {\n  color: white;\n}\n\n.logout {\n  display: block;\n  margin: 0 auto;\n  border: 1px solid white;\n  padding: 0.1rem 1.5rem;\n}\n\n.logoutWrap {\n  width: 14rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n</style>\n"],"names":["_sfc_main","Dropup","_a","x","y","useWindowScroll","mapGetters","checkDoi","value","_c","_b","_e","_d","$","items","isOnDatasetDetailsPage","datasetId","permissions","catalogId","hasPermission","permission","onCatalogPage","doi","mapActions","newToken","rtpToken","rtpTokenFn","newRtpToken","action","argsObj","successMessage","errorMessage","resolve","ex","maybeErrorStatusMsg","customErrorMessage","errorMsg","id","catalog","type","title","description","property","endpoint","axios","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_openBlock","_createElementBlock","_hoisted_1","$data","_hoisted_2","_createElementVNode","_toDisplayString","_ctx","_Fragment","_renderList","$options","group","index","_createBlock","_component_dropup","menuItem","$setup","_resolveDynamicComponent","_normalizeClass","_createTextVNode","_hoisted_6","_renderSlot","_hoisted_8","_createVNode","_component_router_link","_component_app_confirmation_dialog"],"mappings":"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"}
+{"version":3,"file":"DPIMenu.vue.mjs","sources":["../../lib/data-provider-interface/DPIMenu.vue"],"sourcesContent":["<template>\n  <div id=\"wrapper\" data-cy=\"dpi-menu\">\n    <nav v-if=\"visible\">\n      <div>\n        <h4 class=\"text-white\">{{ $t(\"message.dataupload.menu.dpi\") }}</h4>\n      </div>\n\n      <div style=\"margin-top: 1%\">\n        <dropup\n          v-for=\"(group, index) in menuGroups\"\n          :key=\"`Group${index}`\"\n          :groupName=\"group.group\"\n          :groupItems=\"group.items\"\n          :show=\"$env.content.dataProviderInterface.buttons[group.group]\"\n          :isOperator=\"getUserData.roles.includes('operator')\"\n          :isCatalog=\"group.group === 'Catalogue' ? true : false\"\n        >\n        </dropup>\n        <ul>\n          <div class=\"btn-group dropup\">\n            <li v-for=\"(menuItem, index) in menuItems\" :key=\"`Menu${index}`\">\n              <button\n                type=\"button\"\n                class=\"btn btn-default\"\n                @click=\"scrollToTop()\"\n              >\n                <!-- Menu items are either buttons or router-link -->\n                <!-- depending if they have a 'to' or 'handler' property -->\n                <component\n                  :is=\"menuItem.handler ? 'button' : 'router-link'\"\n                  :class=\"{ disabled: menuItem.disabled }\"\n                  :to=\"menuItem.to\"\n                  @click.native=\"menuItem.handler ? menuItem.handler() : null\"\n                >\n                  {{ menuItem.handler }}\n                  {{ menuItem.name }}\n                </component>\n              </button>\n            </li>\n          </div>\n        </ul>\n      </div>\n\n      <div v-if=\"getUserData.userName\" class=\"logoutWrap\">\n        <slot name=\"right\" :get-user-data=\"getUserData\">\n          <small class=\"text-white\"\n            >{{ $t(\"message.dataupload.menu.loggedInAs\") }}\n            {{ getUserData.userName }}</small\n          >\n          <br />\n          <button type=\"button\" class=\"btn btn-default logout\">\n            <router-link :to=\"{ name: 'Logout' }\">{{\n              $t(\"message.dataupload.menu.logout\")\n            }}</router-link>\n          </button>\n        </slot>\n      </div>\n    </nav>\n\n    <app-confirmation-dialog\n      id=\"DPIMenuModal\"\n      :loading=\"modal.loading\"\n      :confirm=\"modal.confirm\"\n      @confirm=\"modal.confirmHandler\"\n    >\n      {{ modal.message }}\n    </app-confirmation-dialog>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport $ from \"jquery\";\nimport { has, isEmpty } from \"lodash-es\";\nimport { mapGetters, mapActions } from \"vuex\";\nimport Dropup from \"./components/Dropup\";\nimport { useWindowScroll } from \"@vueuse/core\";\n\nexport default {\n  name: \"DPI-menu\",\n  components: {\n    Dropup,\n  },\n  props: {},\n  data() {\n    return {\n      showRatingService: this.$env.content.datasetDetails?.showRatingService,\n      visible: true,\n      modal: {\n        show: false,\n        loading: false,\n        error: null,\n        message: \"\",\n        confirm: \"Ok\",\n        confirmHandler: () => null,\n      },\n    };\n  },\n  setup() {\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: \"smooth\" });\n      y.value = 0;\n    };\n    return {\n      scrollToTop,\n    };\n  },\n  computed: {\n    ...mapGetters(\"datasetDetails\", [\n      \"getCatalog\",\n      \"getID\",\n      \"getLoading\",\n      \"getTitle\",\n      \"getDescription\",\n      'getAdmsIdentifiers',\n      'getIdentifiers',\n      'getOtherIdentifiers',\n    ]),\n  // Individual DOI checks for display\n  hasAnyDoi() {\n    const checkDoi = (value) => value && value.match(/^10\\.\\d{4,9}\\/[-._;()/:A-Z0-9]+$/i);\n\n    return (\n      checkDoi(this.getIdentifiers?.[0]) ||                  // Check Identifier\n      checkDoi(this.getAdmsIdentifiers?.[0]?.identifier) || // Check Adms\n      checkDoi(this.getOtherIdentifiers?.[0]?.identifier)   // Check Others\n    );\n  },\n    ...mapGetters(\"auth\", [\"getUserData\"]),\n    menuGroups() {\n      return [\n        {\n          group: \"Dataset\",\n          items: [\n            {\n              key: \"create-dataset\",\n              name: \"createDataset\",\n              to: {\n                name: \"DataProviderInterface-Input\",\n                query: { locale: this.$route.query.locale, edit: false }, // if edit is false -> reset is triggered\n                params: { property: \"datasets\" },\n              },\n            },\n            {\n              name: \"deleteDataset\",\n              disabled: !this.isLocatedOnAuthorizedDatasetPage || this.hasAnyDoi,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t(\n                      \"message.dataupload.menu.datasetDeletion.message\"\n                    ),\n                    confirm: this.$t(\n                      \"message.dataupload.menu.datasetDeletion.confirm\"\n                    ),\n                    confirmHandler: () =>\n                      this.handleDelete({\n                        id: this.getID,\n                        property: \"datasets\",\n                        catalog: this.getCatalog.id,\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n            {\n              key: \"edit-dataset\",\n              name: \"editDataset\",\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              to: {\n                name: \"DataProviderInterface-Edit\",\n                params: {\n                  catalog: this.getCatalog.id || \"undefined\",\n                  property: \"datasets\",\n                  id: this.getID || \"undefined\",\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n\n            {\n              key: \"draft-dataset\",\n              name: \"setToDraft\",\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t(\n                      \"message.dataupload.menu.markAsDraft.message\"\n                    ),\n                    confirm: this.$t(\n                      \"message.dataupload.menu.markAsDraft.confirm\"\n                    ),\n                    confirmHandler: () =>\n                      this.handleMarkAsDraft({\n                        id: this.getID,\n                        catalog: this.getCatalog.id,\n                        title: this.getTitle,\n                        description: this.getDescription,\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n            {\n              key: \"register-dataset\",\n              name: \"registerDoi\",\n              disabled: !this.isLocatedOnAuthorizedDatasetPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message: this.$t(\n                      \"message.dataupload.menu.registerADoi.message\"\n                    ),\n                    confirm: this.$t(\n                      \"message.dataupload.menu.registerADoi.confirm\"\n                    ),\n                    confirmHandler: () =>\n                      this.handleRegisterDoi({\n                        id: this.getID,\n                        catalog: this.getCatalog.id,\n                        type:\n                          this.$env.content.dataProviderInterface\n                            .doiRegistrationService.persistentIdentifierType ||\n                          \"mock\",\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n          ],\n        },\n        {\n          group: \"Catalogue\",\n          items: [\n            {\n              name: \"CreateCatalogue\",\n              to: {\n                name: \"DataProviderInterface-Input\",\n                query: { locale: this.$route.query.locale, edit: false },\n                params: { property: \"catalogues\" },\n              },\n            },\n            {\n              name: \"DeleteCatalogue\",\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              handler: () => {\n                this.modal = {\n                  ...this.modal,\n                  ...{\n                    message:\n                      \"Are you sure you want to delete this catalogue? This can not be reverted!\",\n                    confirm: \"Delete catlogue (irreversible)\",\n                    confirmHandler: () =>\n                      this.handleDelete({\n                        id: this.$route.params.ctlg_id,\n                        property: \"catalogues\",\n                        catalog: this.$route.params.ctlg_id,\n                      }),\n                  },\n                };\n                $(\"#modal\").modal({ show: true });\n              },\n            },\n            {\n              name: \"EditCatalog\",\n              onlyAuthorizedDatasetPage: true,\n              disabled: !this.isLocatedOnAuthorizedCatalogPage,\n              to: {\n                name: \"DataProviderInterface-Edit\",\n                params: {\n                  catalog: this.$route.params.ctlg_id\n                    ? this.$route.params.ctlg_id\n                    : \"undefined\",\n                  property: \"catalogues\",\n                  id: this.getID || \"undefined\",\n                },\n                query: {\n                  draft: false,\n                  locale: this.$route.query.locale,\n                },\n              },\n            },\n          ],\n        },\n      ];\n    },\n\n    menuItems() {\n      let items = [\n        {\n          name: this.$t(\"message.dataupload.menu.draftDatasets\"),\n          to: {\n            name: \"DataProviderInterface-Draft\",\n            query: { locale: this.$route.query.locale },\n          },\n        },\n        {\n          name: this.$t(\"message.dataupload.menu.myCatalogues\"),\n          to: {\n            name: \"DataProviderInterface-UserCatalogues\",\n            query: { locale: this.$route.query.locale },\n          },\n        },\n        {\n          name: this.$t(\"message.dataupload.menu.userProfile\"),\n          to: {\n            name: \"DataProviderInterface-UserProfile\",\n            query: { locale: this.$route.query.locale },\n          },\n        },\n      ];\n      if (this.showRatingService && this.isOperator) {\n        items.push({\n          name: \"Comment Moderation\",\n          to: {\n            name: \"DataProviderInterface-CommentsModeration\",\n            query: { locale: this.$route.query.locale },\n          },\n        });\n      }\n      return items;\n    },\n    isLocatedOnAuthorizedDatasetPage() {\n      // Never return true while loading\n      if (this.getLoading) return false;\n\n      // Is the user located on the correct page?\n      const isOnDatasetDetailsPage =\n        this.$route.name === \"DatasetDetailsDataset\";\n      if (!isOnDatasetDetailsPage) return false;\n      const datasetId = isOnDatasetDetailsPage && this.$route.params.ds_id;\n\n      // Does user have permission on dataset (based on current datasetDetails state)?\n      const permissions = this.getUserData && this.getUserData.permissions;\n      const catalogId = this.getCatalog && this.getCatalog.id;\n      const hasPermission = permissions.find(\n        (permission) => permission.rsname === catalogId\n      );\n\n      if (this.isOperator) {\n        return true;\n      }\n\n      // Does the user have permission on the current dataset details page?\n      return (\n        hasPermission && isOnDatasetDetailsPage && datasetId === this.getID\n      );\n    },\n    isLocatedOnAuthorizedCatalogPage() {\n      // never return true while loading\n      if (this.getLoading) return false;\n\n      // is the user located on the correct page?\n      const onCatalogPage = this.$route.name === \"CatalogueDetails\";\n      if (!onCatalogPage) return false;\n      const catalogId = onCatalogPage && this.$route.params.ctlg_id;\n\n      // const permissions = this.getUserData && this.getUserData.permissions;\n      // const hasPermission = permissions.find(permission => permission.rsname === catalogId);\n      const hasPermission = true;\n      // does user have permission on current catalogue\n      return hasPermission && onCatalogPage;\n    },\n    isOperator() {\n      return this.getUserData.roles.includes(\"operator\");\n    }\n  },\n  methods: {\n    checkDoi(doi = '') {\n    return doi && doi.match(/^10\\.\\d{4,9}\\/[-._;()/:A-Z0-9]+$/i);\n  },\n    ...mapActions(\"auth\", [\"updateUserData\"]),\n    ...mapActions(\"snackbar\", [\"showSnackbar\"]),\n    setupKeycloakWatcher() {\n      if (this.$keycloak && this.$keycloak.authenticated) {\n        // Set up watcher here since we this.$keycloak might not be available.\n        // If this.$keycloak is ensured, move this watcher out of this created hook.\n        this.$watch(\n          \"$keycloak.token\",\n          async (newToken) => {\n            if (!newToken) return;\n\n            let rtpToken = this.$keycloak.rtpToken;\n            if (!rtpToken) {\n              const rtpTokenFn = this.$keycloak.getRtpToken;\n              if (rtpTokenFn) {\n                const res = await rtpTokenFn({ autoRefresh: true });\n                rtpToken = res;\n              }\n            }\n\n            this.updateUserData({\n              authToken: newToken,\n              rtpToken: rtpToken,\n              hubUrl: this.$env.api.hubUrl,\n            });\n          },\n          { immediate: true }\n        );\n\n        this.$watch(\"$keycloak.rtpToken\", (newRtpToken) => {\n          if (!newRtpToken) return;\n\n          this.updateUserData({\n            authToken: this.$keycloak.token,\n            rtpToken: newRtpToken,\n            hubUrl: this.$env.api.hubUrl,\n          });\n        });\n      }\n    },\n    async handleConfirm(action, argsObj, { successMessage, errorMessage }) {\n      this.modal.loading = true;\n      try {\n        // Sleep for 250ms for better UX\n        this.$Progress.start();\n        await new Promise((resolve) => setTimeout(resolve, 250));\n\n        this.$Progress.set(25);\n        await this.$store.dispatch(action, argsObj);\n\n        // Successful DOI registration\n        this.showSnackbar({\n          message: successMessage,\n          variant: \"success\",\n        });\n        await new Promise((resolve) => setTimeout(resolve, 250));\n\n        this.$Progress.finish();\n      } catch (ex) {\n        this.$Progress.fail();\n        // eslint-disable-next-line no-console\n        console.error(ex);\n\n        const maybeErrorStatusMsg =\n          ex.response && ex.response.data && ex.response.data.message;\n\n        this.modal = {\n          ...this.modal,\n          ...{\n            // Need to translate this\n            message:\n              \"DOI registration is not possible, the following error occured: \" +\n              ex.response.data,\n            confirm: \"Okay\",\n            confirmHandler: () => $(\"#modal\").modal(\"hide\"),\n          },\n        };\n\n        console.log(ex.response.data);\n        let customErrorMessage =\n          typeof errorMessage === \"string\" && errorMessage;\n        customErrorMessage =\n          typeof errorMessage === \"function\" && errorMessage(ex);\n        // customErrorMessage = typeof errorMessage === 'object' && errorMessage.prefix && `${errorMessage.prefix}${maybeErrorStatusMsg && ` — ${maybeErrorStatusMsg}`}`;\n        customErrorMessage =\n          typeof errorMessage === \"object\" &&\n          errorMessage.prefix + \" - \" + ex.response.data;\n\n        console.log(errorMessage);\n        const errorMsg =\n          customErrorMessage ||\n          maybeErrorStatusMsg ||\n          ex.message ||\n          \"An error occurred\";\n        // show snackbar\n        this.showSnackbar({\n          message: errorMsg,\n          variant: \"error\",\n        });\n      } finally {\n        this.modal.loading = false;\n        $(\"#modal\").modal(\"hide\");\n      }\n    },\n    async handleRegisterDoi({ id, catalog, type = \"eu-ra-doi\" }) {\n      await this.handleConfirm(\n        \"auth/createPersistentIdentifier\",\n        { id, catalog, type },\n        {\n          successMessage: this.$te(\"message.snackbar.doiRegistration.success\")\n            ? this.$t(\"message.snackbar.doiRegistration.success\")\n            : \"Successfully registered DOI\",\n          errorMessage: {\n            prefix: this.$te(\"message.snackbar.doiRegistration.error\")\n              ? this.$t(\"message.snackbar.doiRegistration.error\")\n              : \"DOI registration failed\",\n          },\n        }\n      );\n    },\n    async handleMarkAsDraft({ id, catalog, title, description }) {\n      await this.handleConfirm(\n        \"auth/putDatasetToDraft\",\n        {\n          id,\n          catalog,\n          title,\n          description,\n        },\n        {\n          successMessage: this.$te(\"message.snackbar.markAsDraft.success\")\n            ? this.$t(\"message.snackbar.markAsDraft.success\")\n            : \"Dataset successfully marked as draft\",\n          errorMessage: {\n            prefix: this.$te(\"message.snackbar.markAsDraft.error\")\n              ? this.$t(\"message.snackbar.markAsDraft.error\")\n              : \"Failed to mark dataset as draft\",\n          },\n        }\n      );\n\n      this.$router\n        .push({\n          name: \"DataProviderInterface-Draft\",\n          query: { locale: this.$route.query.locale },\n        })\n        .catch(() => {});\n    },\n    async handleDelete({ id, property, catalog }) {\n      // todo: create user dataset api (and maybe integrate to store)\n      // For now, do request manually using axios\n\n      this.modal.loading = true;\n      this.$Progress.start();\n      try {\n        let endpoint;\n\n        if (property === \"datasets\") {\n          endpoint = `${this.$env.api.hubUrl}datasets/${id}?useNormalizedId=true&catalogue=${catalog}`;\n        } else if (property === \"catalogues\") {\n          endpoint = `${this.$env.api.hubUrl}catalogues/${id}`;\n        }\n\n        await axios.delete(endpoint, {\n          headers: {\n            \"Content-Type\": \"text/turtle\",\n            Authorization: `Bearer ${this.getUserData.rtpToken}`,\n          },\n        });\n\n        let successMessage;\n        if (property === \"datasets\") {\n          successMessage = this.$te(\"message.snackbar.deleteDataset.success\")\n            ? this.$t(\"message.snackbar.deleteDataset.success\")\n            : \"Dataset successfully deleted\";\n        } else if (property === \"catalogues\") {\n          successMessage = this.$te(\"message.snackbar.deleteCatalog.success\")\n            ? this.$t(\"message.snackbar.deleteCatalog.success\")\n            : \"Catalog successfully deleted\";\n        }\n\n        this.showSnackbar({\n          message: successMessage,\n          variant: \"success\",\n        });\n        this.$Progress.finish();\n\n        // Redirect to Home\n        this.$router\n          .push({\n            name: \"Datasets\",\n            query: { locale: this.$route.query.locale, refresh: true },\n          })\n          .catch(() => {});\n      } catch (ex) {\n        this.$Progress.fail();\n\n        let errorMessage;\n\n        if (property === \"datasets\") {\n          errorMessage = this.$te(\"message.snackbar.deleteDataset.error\")\n            ? this.$t(\"message.snackbar.deleteDataset.error\")\n            : \"Failed to delete dataset\";\n        } else if (property === \"catalogues\") {\n          errorMessage = this.$te(\"message.snackbar.deleteCatalog.error\")\n            ? this.$t(\"message.snackbar.deleteCatalog.error\")\n            : \"Failed to delete catalog\";\n        }\n\n        this.showSnackbar({\n          message: `${errorMessage}${\n            ex.response?.data ? ` — ${ex.response?.data}` : ex.message\n          }`,\n          variant: \"error\",\n        });\n      } finally {\n        this.modal.loading = false;\n        $(\"#modal\").modal(\"hide\");\n      }\n    },\n  },\n  created() {\n    this.setupKeycloakWatcher();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#wrapper {\n  background: linear-gradient(90deg, #082b7a, #0e47cb);\n  width: 100%;\n  position: sticky;\n  bottom: 0;\n  z-index: 999;\n}\n\nnav {\n  max-width: 1400px;\n  display: flex;\n  flex-direction: row;\n  margin: 0 auto;\n  justify-content: space-between;\n  font-size: 1rem;\n  align-items: center;\n}\n\nul {\n  float: right;\n\n  li {\n    display: inline;\n\n    a {\n      color: white;\n    }\n  }\n}\n\nbutton a {\n  color: white;\n}\n\n.logout {\n  display: block;\n  margin: 0 auto;\n  border: 1px solid white;\n  padding: 0.1rem 1.5rem;\n}\n\n.logoutWrap {\n  width: 14rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n</style>\n"],"names":["_sfc_main","Dropup","_a","x","y","useWindowScroll","mapGetters","checkDoi","value","_c","_b","_e","_d","$","items","isOnDatasetDetailsPage","datasetId","permissions","catalogId","hasPermission","permission","onCatalogPage","doi","mapActions","newToken","rtpToken","rtpTokenFn","newRtpToken","action","argsObj","successMessage","errorMessage","resolve","ex","maybeErrorStatusMsg","customErrorMessage","errorMsg","id","catalog","type","title","description","property","endpoint","axios","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_openBlock","_createElementBlock","_hoisted_1","$data","_hoisted_2","_createElementVNode","_toDisplayString","_ctx","_cache","_createTextVNode","_Fragment","_renderList","$options","group","index","_createBlock","_component_dropup","menuItem","$setup","_resolveDynamicComponent","_normalizeClass","_withCtx","_hoisted_6","_renderSlot","_hoisted_8","_createVNode","_component_router_link","_createCommentVNode","_component_app_confirmation_dialog"],"mappings":";;;;;;;;;AA8EA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,QAAAC;AAAA,EACD;AAAA,EACD,OAAO,CAAE;AAAA,EACT,OAAO;;AACL,WAAO;AAAA,MACL,oBAAmBC,IAAA,KAAK,KAAK,QAAQ,mBAAlB,gBAAAA,EAAkC;AAAA,MACrD,SAAS;AAAA,MACT,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,gBAAgB,MAAM;AAAA,MACvB;AAAA;EAEJ;AAAA,EACD,QAAQ;AAKN,WAAO;AAAA,MACL,aALkB,MAAM;AACxB,YAAI,EAAE,GAAAC,GAAG,GAAAC,MAAMC,EAAgB,EAAE,UAAU,SAAO,CAAG;AACrD,QAAAD,EAAE,QAAQ;AAAA;;EAKb;AAAA,EACD,UAAU;AAAA,IACR,GAAGE,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA;AAAA,IAEH,YAAY;;AACV,YAAMC,IAAW,CAACC,MAAUA,KAASA,EAAM,MAAM,mCAAmC;AAEpF,aACED,GAASL,IAAA,KAAK,mBAAL,gBAAAA,EAAsB,EAAE;AAAA,MACjCK,GAASE,KAAAC,IAAA,KAAK,uBAAL,gBAAAA,EAA0B,OAA1B,gBAAAD,EAA8B,UAAU;AAAA,MACjDF,GAASI,KAAAC,IAAA,KAAK,wBAAL,gBAAAA,EAA2B,OAA3B,gBAAAD,EAA+B,UAAU;AAAA,IAErD;AAAA,IACC,GAAGL,EAAW,QAAQ,CAAC,aAAa,CAAC;AAAA,IACrC,aAAa;AACX,aAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,YACL;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,gBACF,MAAM;AAAA,gBACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,QAAQ,MAAM,GAAO;AAAA;AAAA,gBACxD,QAAQ,EAAE,UAAU,WAAY;AAAA,cACjC;AAAA,YACF;AAAA,YACD;AAAA,cACE,MAAM;AAAA,cACN,UAAU,CAAC,KAAK,oCAAoC,KAAK;AAAA,cACzD,SAAS,MAAM;AACb,qBAAK,QAAQ;AAAA,kBACX,GAAG,KAAK;AAAA,kBAEN,SAAS,KAAK;AAAA,oBACZ;AAAA,kBACD;AAAA,kBACD,SAAS,KAAK;AAAA,oBACZ;AAAA,kBACD;AAAA,kBACD,gBAAgB,MACd,KAAK,aAAa;AAAA,oBAChB,IAAI,KAAK;AAAA,oBACT,UAAU;AAAA,oBACV,SAAS,KAAK,WAAW;AAAA,kBAC3B,CAAC;AAAA,mBAGPO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAK,CAAC;AAAA,cACjC;AAAA,YACF;AAAA,YACD;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,2BAA2B;AAAA,cAC3B,UAAU,CAAC,KAAK;AAAA,cAChB,IAAI;AAAA,gBACF,MAAM;AAAA,gBACN,QAAQ;AAAA,kBACN,SAAS,KAAK,WAAW,MAAM;AAAA,kBAC/B,UAAU;AAAA,kBACV,IAAI,KAAK,SAAS;AAAA,gBACnB;AAAA,gBACD,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ,KAAK,OAAO,MAAM;AAAA,gBAC3B;AAAA,cACF;AAAA,YACF;AAAA,YAED;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,UAAU,CAAC,KAAK;AAAA,cAChB,SAAS,MAAM;AACb,qBAAK,QAAQ;AAAA,kBACX,GAAG,KAAK;AAAA,kBAEN,SAAS,KAAK;AAAA,oBACZ;AAAA,kBACD;AAAA,kBACD,SAAS,KAAK;AAAA,oBACZ;AAAA,kBACD;AAAA,kBACD,gBAAgB,MACd,KAAK,kBAAkB;AAAA,oBACrB,IAAI,KAAK;AAAA,oBACT,SAAS,KAAK,WAAW;AAAA,oBACzB,OAAO,KAAK;AAAA,oBACZ,aAAa,KAAK;AAAA,kBACpB,CAAC;AAAA,mBAGPA,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAK,CAAC;AAAA,cACjC;AAAA,YACF;AAAA,YACD;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,UAAU,CAAC,KAAK;AAAA,cAChB,SAAS,MAAM;AACb,qBAAK,QAAQ;AAAA,kBACX,GAAG,KAAK;AAAA,kBAEN,SAAS,KAAK;AAAA,oBACZ;AAAA,kBACD;AAAA,kBACD,SAAS,KAAK;AAAA,oBACZ;AAAA,kBACD;AAAA,kBACD,gBAAgB,MACd,KAAK,kBAAkB;AAAA,oBACrB,IAAI,KAAK;AAAA,oBACT,SAAS,KAAK,WAAW;AAAA,oBACzB,MACE,KAAK,KAAK,QAAQ,sBACf,uBAAuB,4BAC1B;AAAA,kBACJ,CAAC;AAAA,mBAGPA,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAK,CAAC;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QACD;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,YACL;AAAA,cACE,MAAM;AAAA,cACN,IAAI;AAAA,gBACF,MAAM;AAAA,gBACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,QAAQ,MAAM,GAAO;AAAA,gBACxD,QAAQ,EAAE,UAAU,aAAc;AAAA,cACnC;AAAA,YACF;AAAA,YACD;AAAA,cACE,MAAM;AAAA,cACN,UAAU,CAAC,KAAK;AAAA,cAChB,SAAS,MAAM;AACb,qBAAK,QAAQ;AAAA,kBACX,GAAG,KAAK;AAAA,kBAEN,SACE;AAAA,kBACF,SAAS;AAAA,kBACT,gBAAgB,MACd,KAAK,aAAa;AAAA,oBAChB,IAAI,KAAK,OAAO,OAAO;AAAA,oBACvB,UAAU;AAAA,oBACV,SAAS,KAAK,OAAO,OAAO;AAAA,kBAC9B,CAAC;AAAA,mBAGPA,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAK,CAAC;AAAA,cACjC;AAAA,YACF;AAAA,YACD;AAAA,cACE,MAAM;AAAA,cACN,2BAA2B;AAAA,cAC3B,UAAU,CAAC,KAAK;AAAA,cAChB,IAAI;AAAA,gBACF,MAAM;AAAA,gBACN,QAAQ;AAAA,kBACN,SAAS,KAAK,OAAO,OAAO,UACxB,KAAK,OAAO,OAAO,UACnB;AAAA,kBACJ,UAAU;AAAA,kBACV,IAAI,KAAK,SAAS;AAAA,gBACnB;AAAA,gBACD,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ,KAAK,OAAO,MAAM;AAAA,gBAC3B;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA;IAEJ;AAAA,IAED,YAAY;AACV,UAAIC,IAAQ;AAAA,QACV;AAAA,UACE,MAAM,KAAK,GAAG,uCAAuC;AAAA,UACrD,IAAI;AAAA,YACF,MAAM;AAAA,YACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAQ;AAAA,UAC5C;AAAA,QACF;AAAA,QACD;AAAA,UACE,MAAM,KAAK,GAAG,sCAAsC;AAAA,UACpD,IAAI;AAAA,YACF,MAAM;AAAA,YACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAQ;AAAA,UAC5C;AAAA,QACF;AAAA,QACD;AAAA,UACE,MAAM,KAAK,GAAG,qCAAqC;AAAA,UACnD,IAAI;AAAA,YACF,MAAM;AAAA,YACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAQ;AAAA,UAC5C;AAAA,QACF;AAAA;AAEH,aAAI,KAAK,qBAAqB,KAAK,cACjCA,EAAM,KAAK;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,UACF,MAAM;AAAA,UACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAQ;AAAA,QAC5C;AAAA,MACH,CAAC,GAEIA;AAAA,IACR;AAAA,IACD,mCAAmC;AAEjC,UAAI,KAAK;AAAY,eAAO;AAG5B,YAAMC,IACJ,KAAK,OAAO,SAAS;AACvB,UAAI,CAACA;AAAwB,eAAO;AACpC,YAAMC,IAAYD,KAA0B,KAAK,OAAO,OAAO,OAGzDE,IAAc,KAAK,eAAe,KAAK,YAAY,aACnDC,IAAY,KAAK,cAAc,KAAK,WAAW,IAC/CC,IAAgBF,EAAY;AAAA,QAChC,CAACG,MAAeA,EAAW,WAAWF;AAAA;AAGxC,aAAI,KAAK,aACA,KAKPC,KAAiBJ,KAA0BC,MAAc,KAAK;AAAA,IAEjE;AAAA,IACD,mCAAmC;AAEjC,UAAI,KAAK;AAAY,eAAO;AAG5B,YAAMK,IAAgB,KAAK,OAAO,SAAS;AAC3C,aAAKA,KACaA,KAAiB,KAAK,OAAO,OAAO,SAM9BA,KAPG;AAAA,IAQ5B;AAAA,IACD,aAAa;AACX,aAAO,KAAK,YAAY,MAAM,SAAS,UAAU;AAAA,IACnD;AAAA,EACD;AAAA,EACD,SAAS;AAAA,IACP,SAASC,IAAM,IAAI;AACnB,aAAOA,KAAOA,EAAI,MAAM,mCAAmC;AAAA,IAC5D;AAAA,IACC,GAAGC,EAAW,QAAQ,CAAC,gBAAgB,CAAC;AAAA,IACxC,GAAGA,EAAW,YAAY,CAAC,cAAc,CAAC;AAAA,IAC1C,uBAAuB;AACrB,MAAI,KAAK,aAAa,KAAK,UAAU,kBAGnC,KAAK;AAAA,QACH;AAAA,QACA,OAAOC,MAAa;AAClB,cAAI,CAACA;AAAU;AAEf,cAAIC,IAAW,KAAK,UAAU;AAC9B,cAAI,CAACA,GAAU;AACb,kBAAMC,IAAa,KAAK,UAAU;AAClC,YAAIA,MAEFD,IADY,MAAMC,EAAW,EAAE,aAAa,GAAM,CAAA;AAAA,UAGtD;AAEA,eAAK,eAAe;AAAA,YAClB,WAAWF;AAAA,YACX,UAAUC;AAAA,YACV,QAAQ,KAAK,KAAK,IAAI;AAAA,UACxB,CAAC;AAAA,QACF;AAAA,QACD,EAAE,WAAW,GAAK;AAAA,SAGpB,KAAK,OAAO,sBAAsB,CAACE,MAAgB;AACjD,QAAKA,KAEL,KAAK,eAAe;AAAA,UAClB,WAAW,KAAK,UAAU;AAAA,UAC1B,UAAUA;AAAA,UACV,QAAQ,KAAK,KAAK,IAAI;AAAA,QACxB,CAAC;AAAA,MACH,CAAC;AAAA,IAEJ;AAAA,IACD,MAAM,cAAcC,GAAQC,GAAS,EAAE,gBAAAC,GAAgB,cAAAC,EAAW,GAAK;AACrE,WAAK,MAAM,UAAU;AACrB,UAAI;AAEF,aAAK,UAAU,SACf,MAAM,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAAS,GAAG,CAAC,GAEvD,KAAK,UAAU,IAAI,EAAE,GACrB,MAAM,KAAK,OAAO,SAASJ,GAAQC,CAAO,GAG1C,KAAK,aAAa;AAAA,UAChB,SAASC;AAAA,UACT,SAAS;AAAA,QACX,CAAC,GACD,MAAM,IAAI,QAAQ,CAACE,MAAY,WAAWA,GAAS,GAAG,CAAC,GAEvD,KAAK,UAAU;MACf,SAAOC,GAAI;AACX,aAAK,UAAU,QAEf,QAAQ,MAAMA,CAAE;AAEhB,cAAMC,IACJD,EAAG,YAAYA,EAAG,SAAS,QAAQA,EAAG,SAAS,KAAK;AAEtD,aAAK,QAAQ;AAAA,UACX,GAAG,KAAK;AAAA;AAAA,UAGN,SACE,oEACAA,EAAG,SAAS;AAAA,UACd,SAAS;AAAA,UACT,gBAAgB,MAAMpB,EAAE,QAAQ,EAAE,MAAM,MAAM;AAAA,WAIlD,QAAQ,IAAIoB,EAAG,SAAS,IAAI;AAC5B,YAAIE,IACF,OAAOJ,KAAiB,YAAYA;AACtC,QAAAI,IACE,OAAOJ,KAAiB,cAAcA,EAAaE,CAAE,GAEvDE,IACE,OAAOJ,KAAiB,YACxBA,EAAa,SAAS,QAAQE,EAAG,SAAS,MAE5C,QAAQ,IAAIF,CAAY;AACxB,cAAMK,IACJD,KACAD,KACAD,EAAG,WACH;AAEF,aAAK,aAAa;AAAA,UAChB,SAASG;AAAA,UACT,SAAS;AAAA,QACX,CAAC;AAAA,MACH,UAAU;AACR,aAAK,MAAM,UAAU,IACrBvB,EAAE,QAAQ,EAAE,MAAM,MAAM;AAAA,MAC1B;AAAA,IACD;AAAA,IACD,MAAM,kBAAkB,EAAE,IAAAwB,GAAI,SAAAC,GAAS,MAAAC,IAAO,YAAY,GAAG;AAC3D,YAAM,KAAK;AAAA,QACT;AAAA,QACA,EAAE,IAAAF,GAAI,SAAAC,GAAS,MAAAC,EAAM;AAAA,QACrB;AAAA,UACE,gBAAgB,KAAK,IAAI,0CAA0C,IAC/D,KAAK,GAAG,0CAA0C,IAClD;AAAA,UACJ,cAAc;AAAA,YACZ,QAAQ,KAAK,IAAI,wCAAwC,IACrD,KAAK,GAAG,wCAAwC,IAChD;AAAA,UACL;AAAA,QACH;AAAA;IAEH;AAAA,IACD,MAAM,kBAAkB,EAAE,IAAAF,GAAI,SAAAC,GAAS,OAAAE,GAAO,aAAAC,EAAY,GAAG;AAC3D,YAAM,KAAK;AAAA,QACT;AAAA,QACA;AAAA,UACE,IAAAJ;AAAA,UACA,SAAAC;AAAA,UACA,OAAAE;AAAA,UACA,aAAAC;AAAA,QACD;AAAA,QACD;AAAA,UACE,gBAAgB,KAAK,IAAI,sCAAsC,IAC3D,KAAK,GAAG,sCAAsC,IAC9C;AAAA,UACJ,cAAc;AAAA,YACZ,QAAQ,KAAK,IAAI,oCAAoC,IACjD,KAAK,GAAG,oCAAoC,IAC5C;AAAA,UACL;AAAA,QACH;AAAA,SAGF,KAAK,QACF,KAAK;AAAA,QACJ,MAAM;AAAA,QACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAQ;AAAA,OAC5C,EACA,MAAM,MAAM;AAAA,MAAA,CAAE;AAAA,IAClB;AAAA,IACD,MAAM,aAAa,EAAE,IAAAJ,GAAI,UAAAK,GAAU,SAAAJ,EAAM,GAAK;;AAI5C,WAAK,MAAM,UAAU,IACrB,KAAK,UAAU;AACf,UAAI;AACF,YAAIK;AAEJ,QAAID,MAAa,aACfC,IAAW,GAAG,KAAK,KAAK,IAAI,MAAM,YAAYN,CAAE,mCAAmCC,CAAO,KACjFI,MAAa,iBACtBC,IAAW,GAAG,KAAK,KAAK,IAAI,MAAM,cAAcN,CAAE,KAGpD,MAAMO,EAAM,OAAOD,GAAU;AAAA,UAC3B,SAAS;AAAA,YACP,gBAAgB;AAAA,YAChB,eAAe,UAAU,KAAK,YAAY,QAAQ;AAAA,UACnD;AAAA,QACH,CAAC;AAED,YAAIb;AACJ,QAAIY,MAAa,aACfZ,IAAiB,KAAK,IAAI,wCAAwC,IAC9D,KAAK,GAAG,wCAAwC,IAChD,iCACKY,MAAa,iBACtBZ,IAAiB,KAAK,IAAI,wCAAwC,IAC9D,KAAK,GAAG,wCAAwC,IAChD,iCAGN,KAAK,aAAa;AAAA,UAChB,SAASA;AAAA,UACT,SAAS;AAAA,QACX,CAAC,GACD,KAAK,UAAU,UAGf,KAAK,QACF,KAAK;AAAA,UACJ,MAAM;AAAA,UACN,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,QAAQ,SAAS,GAAM;AAAA,SAC3D,EACA,MAAM,MAAM;AAAA,QAAA,CAAE;AAAA,MACjB,SAAOG,GAAI;AACX,aAAK,UAAU;AAEf,YAAIF;AAEJ,QAAIW,MAAa,aACfX,IAAe,KAAK,IAAI,sCAAsC,IAC1D,KAAK,GAAG,sCAAsC,IAC9C,6BACKW,MAAa,iBACtBX,IAAe,KAAK,IAAI,sCAAsC,IAC1D,KAAK,GAAG,sCAAsC,IAC9C,6BAGN,KAAK,aAAa;AAAA,UAChB,SAAS,GAAGA,CAAY,IACtB7B,IAAA+B,EAAG,aAAH,QAAA/B,EAAa,OAAO,OAAMQ,IAAAuB,EAAG,aAAH,gBAAAvB,EAAa,IAAI,KAAKuB,EAAG,OACrD;AAAA,UACA,SAAS;AAAA,QACX,CAAC;AAAA,MACH,UAAU;AACR,aAAK,MAAM,UAAU,IACrBpB,EAAE,QAAQ,EAAE,MAAM,MAAM;AAAA,MAC1B;AAAA,IACD;AAAA,EACF;AAAA,EACD,UAAU;AACR,SAAK,qBAAoB;AAAA,EAC1B;AACH;EA7lBO,IAAG;AAAA,EAAU,WAAQ;SAD5B,KAAA,EAAA,GAIYgC,IAAA,EAAA,OAAM,aAAY,GAGnBC,IAAA,EAAA,OAAA,EAAsB,cAAA,KAAA,EAAA,GAYlBC,IAAA,EAAA,OAAM,mBAAkB;EAnBvC,KAAA;AAAA,EA2CuC,OAAM;GAE5BC,IAAA,EAAA,OAAM,aAAY;EAKjB,MAAK;AAAA,EAAS,OAAM;;;;AAjDpC,SAAAC,EAAA,GAAAC,EAkEM,OAlENC,GAkEM;AAAA,IAjEOC,EAAO,WAAlBH,KAAAC,EAuDM,OAzDVG,GAAA;AAAA,MAGMC,EAEM,OAAA,MAAA;AAAA,QADJA,EAAmE,MAAnET,GAAmEU,EAAzCC,EAAE,GAAA,6BAAA,CAAA,GAAA,CAAA;AAAA;MAJpCC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAOMJ,EAkCM,OAlCNR,GAkCM;AAAA,SAjCJG,EAAA,EAAA,GAAAC,EASSS,SAjBjBC,EASmCC,EAAA,YATnC,CASkBC,GAAOC,YADjBC,EASSC,GAAA;AAAA,UAPN,aAAaF,CAAK;AAAA,UAClB,WAAWD,EAAM;AAAA,UACjB,YAAYA,EAAM;AAAA,UAClB,MAAMN,EAAI,KAAC,QAAQ,sBAAsB,QAAQM,EAAM,KAAK;AAAA,UAC5D,YAAYN,EAAA,YAAY,MAAM,SAAQ,UAAA;AAAA,UACtC,WAAWM,EAAM,UAAK;AAAA;QAfjCL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,QAkBQJ,EAsBK,MAAA,MAAA;AAAA,UArBHA,EAoBM,OApBNP,GAoBM;AAAA,aAnBJE,EAAA,EAAA,GAAAC,EAkBKS,SAtCjBC,EAoB4CC,EAAA,WApB5C,CAoBwBK,GAAUH,YAAtBb,EAkBK,MAAA;AAAA,cAlBuC,YAAYa,CAAK;AAAA;cAC3DT,EAgBS,UAAA;AAAA,gBAfP,MAAK;AAAA,gBACL,OAAM;AAAA,gBACL,gCAAOa,EAAW,YAAA;AAAA;iBAInBlB,EAAA,GAAAe,EAQYI,EAPLF,EAAS,UAAO,WAAA,aAAA,GAAA;AAAA,kBACpB,OA9BnBG,EAAA,EAAA,UA8BsCH,EAAS,SAAQ,CAAA;AAAA,kBACpC,IAAIA,EAAS;AAAA,kBACb,gBAAcA,EAAS,UAAUA,EAAS,QAAO,IAAA;AAAA;kBAhCpE,SAAAI,EAkCkB,MAAsB;AAAA,oBAlCxCZ,EAkCqBH,EAAAW,EAAS,OAAO,IAAG,MACnBX,EAAAW,EAAS,IAAI,GAAA,CAAA;AAAA;kBAnClC,GAAA;AAAA;;;;;;MAAAT,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MA2CiBF,EAAA,YAAY,YAAvBP,KAAAC,EAaM,OAbNqB,GAaM;AAAA,QAZJC,EAWOhB,EAXa,QAAA,SAAA,EAAA,aAAeA,EAAA,YAAW,GAA9C,MAWO;AAAA,UAVLF,EAGC,SAHDN,GACMO,EAAAC,EAAA,4CAA2C,MAC/CD,EAAGC,EAAW,YAAC,QAAQ,GAAA,CAAA;AAAA,UA/CnCC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,0BAiDUJ,EAAM,MAAA,MAAA,MAAA,EAAA;AAAA,UAjDhBG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,UAkDUJ,EAIS,UAJTmB,GAIS;AAAA,YAHPC,EAEgBC,GAAA,EAFF,IAAI,EAAkB,MAAA,SAAA,KAAA;AAAA,cAnDhD,SAAAL,EAmDkD,MAEpC;AAAA,gBArDdZ,EAAAH,EAoDcC,EAAE,GAAA,gCAAA,CAAA,GAAA,CAAA;AAAA;cApDhB,GAAA;AAAA;;;YAAAoB,EAAA,IAAA,EAAA;AAAA,UAAAA,EAAA,IAAA,EAAA;AAAA,IAAAnB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IA2DIgB,EAO0BG,GAAA;AAAA,MANxB,IAAG;AAAA,MACF,SAASzB,EAAK,MAAC;AAAA,MACf,SAASA,EAAK,MAAC;AAAA,MACf,WAASA,EAAK,MAAC;AAAA;MA/DtB,SAAAkB,EAiEM,MAAmB;AAAA,QAjEzBZ,EAiESH,EAAAH,EAAA,MAAM,OAAO,GAAA,CAAA;AAAA;MAjEtB,GAAA;AAAA;;;;"}

package/dist/data-provider-interface/DataProviderInterface.vue.d.ts

@@ -20,10 +20,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     key: import('vue').ComputedRef<string>;
     isReady: import('vue').ComputedRef<boolean>;
 }, {
-    property: any;
-    id: any;
+    property: string | string[];
+    id: string | string[];
 }, {
-    mode(): any;
+    mode(): string;
     getIsEditMode: import('vuex').Computed;
 }, {
     getClearPath(): string;
@@ -96,6 +96,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         corsproxyApiUrl: string;
                     };
                     authentication: {
+                        useService: boolean;
                         login: {
                             useLogin: boolean;
                             loginTitle: string;
@@ -105,7 +106,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             logoutURL: string;
                             logoutRedirectUri: string;
                         };
-                        useService: boolean;
                         keycloak: {
                             realm: string;
                             clientId: string;
@@ -384,11 +384,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                                 persistentIdentifierType: string;
                             };
                         };
+                        useCombinedSearch: boolean;
                     };
                     languages: {
-                        useLanguageSelector: boolean;
                         locale: string;
                         fallbackLocale: string;
+                        useLanguageSelector: boolean;
                     };
                     themes: {
                         header: string;
@@ -399,7 +400,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         trackerUrl: string;
                     };
                 };
-                dpiLocale: any;
+                dpiLocale: string | {
+                    [x: string]: string[];
+                } | import('vue-router').LocationQueryValue[];
             }, {
                 showDatasetsOverview(): boolean;
                 showCatalogsOverview(): boolean;
@@ -1293,8 +1296,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         createDatasetID(): void;
         generateandTranslateSchema(property: any): void;
         clearAll: import('vuex').ActionMethod;
-        saveLocalstorageValues: import('vuex').ActionMethod;
         saveFormValues: import('vuex').ActionMethod;
+        saveLocalstorageValues: import('vuex').ActionMethod;
         setIsEditMode: import('vuex').ActionMethod;
         setIsDraft: import('vuex').ActionMethod;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1349,8 +1352,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         PropertyChooser: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
         Navigation: import('vue').DefineComponent<{
             steps?: any;
-            previousStep?: any;
             nextStep?: any;
+            previousStep?: any;
             goToNextStep?: any;
             goToPreviousStep?: any;
         }, {
@@ -1374,6 +1377,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     corsproxyApiUrl: string;
                 };
                 authentication: {
+                    useService: boolean;
                     login: {
                         useLogin: boolean;
                         loginTitle: string;
@@ -1383,7 +1387,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         logoutURL: string;
                         logoutRedirectUri: string;
                     };
-                    useService: boolean;
                     keycloak: {
                         realm: string;
                         clientId: string;
@@ -1662,11 +1665,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             persistentIdentifierType: string;
                         };
                     };
+                    useCombinedSearch: boolean;
                 };
                 languages: {
-                    useLanguageSelector: boolean;
                     locale: string;
                     fallbackLocale: string;
+                    useLanguageSelector: boolean;
                 };
                 themes: {
                     header: string;
@@ -1698,14 +1702,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     callback: Function;
                 };
             };
-            property: any;
-            id: any;
+            property: string | string[];
+            id: string | string[];
         }, {
             formErrorCount(): boolean;
             getData: import('vuex').Computed;
-            getUserData: import('vuex').Computed;
             getIsEditMode: import('vuex').Computed;
             getIsDraft: import('vuex').Computed;
+            getUserData: import('vuex').Computed;
         }, {
             closeModal(): void;
             handleIDError(): void;
@@ -1716,15 +1720,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             createDraft(): void;
             createCatalogue(datasetId: any): void;
             idunique(id: any): Promise<boolean>;
-            clearAll: import('vuex').ActionMethod;
             convertToRDF: import('vuex').ActionMethod;
+            clearAll: import('vuex').ActionMethod;
             showSnackbar: import('vuex').ActionMethod;
             setIsEditMode: import('vuex').ActionMethod;
             setIsDraft: import('vuex').ActionMethod;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
             steps?: any;
-            previousStep?: any;
             nextStep?: any;
+            previousStep?: any;
             goToNextStep?: any;
             goToPreviousStep?: any;
         }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/data-provider-interface/DataProviderInterface.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\" :key=\"property\">\n    <!-- CONTENT -->\n    <router-view v-if=\"isReady\" ref=\"view\" :key=\"key\">\n    </router-view>\n  </div>\n</template>\n\n<script lang=\"ts\">\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { DpiContext, setupDpiContext } from './composables/useDpiContext';\nimport { computed, defineAsyncComponent, defineComponent, PropType , provide, ref, toRef, toRefs, toValue, watch, watchEffect} from 'vue';\nimport { mapActions, mapGetters, useStore } from 'vuex';\nimport dpiSpecs from './config/dpi-spec-config';\nimport { useRuntimeEnv } from '../composables/useRuntimeEnv';\nimport { useRoute } from 'vue-router';\nimport { useAsyncState, watchOnce } from '@vueuse/core';\nimport { useDpiEditMode } from './composables/useDpiEditMode';\nimport { AutocompleteInstance, autocompleteKey, defaultAutocompleteAdapter, useAutocomplete } from './composables/aucotomplete';\n\n\n\nexport default defineComponent({\n  name: 'DataProviderInterface',\n  components: {\n    InputPage: defineAsyncComponent(() => import('./views/InputPage.vue')),\n  },\n  props: {\n    name: {\n      type: String,\n      default: '',\n    },\n    dpiContext: {\n      type: Object as PropType<DpiContext>,\n      default: () => undefined,\n    },\n    autocomplete: {\n      type: Object as PropType<AutocompleteInstance>,\n      default: () => undefined,\n    }\n  },\n  metaInfo() {\n    return {\n      title: `${this.$t('message.metadata.upload')} | ${this.$t('message.header.navigation.data.datasets')}`,\n      meta: [\n        { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n        { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n        { name: 'robots', content: 'noindex, follow' },\n      ],\n    };\n  },\n  data() {\n    return {\n      property: this.$route.params.property,\n      id: this.$route.params.id,\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n    ]),\n    mode() {\n      return this.property === 'catalogues'\n        ? this.getIsEditMode\n          ? this.$t('message.dataupload.menu.editCatalogue')\n          : this.$t('message.dataupload.createNewCatalogue')\n        : this.property === 'datasets'\n          ? this.getIsEditMode\n            ? this.$t('message.dataupload.menu.editDataset')\n            : this.$t('message.dataupload.createNewDataset')\n          : 'Edit Distribution';\n    },\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    ...mapActions('auth', [\n      'populateDraftAndEdit',\n    ]),\n    getClearPath() {\n      return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n    },\n    handleScroll() {\n      try {\n        if (document.getElementById(\"stepperAnchor\")?.offsetTop || 0 >= 35) {\n          document.getElementById(\"stepperAnchor\")?.classList.add(\"border-bottom-lightgray\");\n        }\n        else {\n          document.getElementById(\"stepperAnchor\")?.classList.remove(\"border-bottom-lightgray\");\n        }\n      } catch (error) {\n \n      }\n    }\n\n  },\n  created() {\n    window.addEventListener('scroll', this.handleScroll);\n    this.populateDraftAndEdit();\n  },\n  mounted() {\n    this.saveLocalstorageValues(this.property);\n  },\n  unmounted() {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  setup(props) {\n    const route = useRoute()\n    const store = useStore()\n    const env = useRuntimeEnv()\n    const userSpec = env.content.dataProviderInterface.specification as 'dcatap' | 'dcatapde' | 'dcatapdeODB'\n    const fallbackSpec = dpiSpecs[userSpec]\n    const dpiContext = toRef(props, 'dpiContext')\n\n    const resolvedDpiContext = computed<DpiContext>(() => {\n      const _dpiContext = toValue(dpiContext)\n\n      return {\n        specification: fallbackSpec,\n        specificationName: userSpec,\n        edit: {\n          enabled: route.query.edit === 'true',\n          id: route.query.id as string || undefined,\n          catalog: route.query.catalog as string || undefined,\n          fromDraft: route.query.fromDraft === 'true',\n        },\n        ..._dpiContext\n      }\n    })\n\n    const specification = computed(() => {\n      return resolvedDpiContext.value.specification\n    })\n\n    const specificationName = computed(() => {\n      return resolvedDpiContext.value.specificationName\n    })\n\n    setupDpiContext(resolvedDpiContext)\n    const defaultAutocompleteInstance = defaultAutocompleteAdapter({\n      envs: env,\n      dpiContext: resolvedDpiContext\n    });\n    provide(autocompleteKey, props.autocomplete || defaultAutocompleteInstance.adapter);\n\n    watchEffect(() => {\n      store.dispatch('dpiStore/setSpecification', specification.value)\n      store.dispatch('dpiStore/setSpecificationname', specificationName.value)\n    })\n\n    const key = computed(() => {\n      return `${route.query.key}@${specificationName.value}`\n    })\n\n    const { isReady } = useDpiEditMode(resolvedDpiContext)\n\n    return {\n      resolvedDpiContext,\n      key,\n      isReady,\n    }\n\n  }\n});\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n  border-bottom: 1px solid lightgray;\n}\n.stickyStepper {\n  position: sticky;\n  top: 0;\n  background: #ffffff;\n  z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n  margin: 1vh 0;\n  display: flex;\n  align-items: center;\n}\n\n.stickyStepper .stickyNav {\n  border-left: 1px solid black;\n  margin-left: 1vh;\n  padding-left: 1vh;\n}\n\n#stepper {\n  width: 100% !important;\n}\n\n#input {\n  padding: 10px;\n}\n\n.small-headline {\n  font-size: 1.5rem;\n  min-width: max-content;\n}\n\n.property {\n  margin: 20px;\n  background-color: #ffffff;\n  border: solid 0.5px rgb(225, 225, 225);\n  margin-top: 30px;\n}\n\n.infoBox .material-icons {\n  font-size: 20px;\n  vertical-align: text-bottom;\n  margin-right: 5px;\n  margin-bottom: 1px;\n}\n\n.infoBox {\n  width: 100%;\n  height: 30%;\n  background-color: #f7f7f7;\n  padding: 5%;\n  border-radius: 0.25rem;\n  margin-top: 20px;\n\n  .input_subpage_nav {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    padding: 15px;\n  }\n}\n\n.besides {\n  .formkit-input-group-repeatable {\n    display: flex;\n    flex-direction: row;\n    background-color: transparent;\n    padding: 0px;\n  }\n}\n\n.main {\n  width: 75%;\n  margin: 0 5px 0 5px;\n}\n\n.sub {\n  width: 20%;\n  margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n  position: sticky;\n  top: 154px;\n  z-index: 10;\n  width: 100%;\n  padding: 0 10%;\n\n  .step-progress__bar {\n    border-top: none !important;\n  }\n\n  .step-progress__step--active {\n    .step-progress__step-label {\n      background-color: lightsteelblue !important;\n    }\n\n  }\n}\n\n.step-progress__step span{\n  \n    color:white !important;\n  \n}\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n//   .step-progress__step {\n//     display: flex;\n//     align-items: center;\n//     justify-content: center;\n//     height: 70%;\n//     width: 20%;\n//     display: flex;\n//     align-items: center;\n//     z-index: 1;\n\n\n//     span {\n//       color: grey;\n//       font-size: 18px;\n//       display: none;\n//     }\n\n//     div {\n//       padding: 1rem;\n//       height: 100%;\n//       display: flex;\n//       align-items: center;\n//       color: white;\n//       font-weight: 300;\n\n//     }\n\n//     .step-progress__step-label {\n\n//       background: lightgrey;\n//       background-size: 400% 400%;\n//       background-position: 100% 0%;\n//       transition: all 300ms ease-in-out;\n//       border-right: 1px white solid;\n//       font-size: 14px;\n//       display: flex;\n//       align-items: center;\n//       justify-content: center;\n\n\n//     }\n\n\n//     .step-progress__step-label:hover {\n//       background-position: 65% 0%;\n//       color: black;\n\n//     }\n\n//   }\n\n//   .step-progress__step--active {\n\n//     z-index: 7 !important;\n\n\n//     span {\n//       color: black;\n//     }\n\n//     div {\n//       background: white;\n//     }\n\n//     .step-progress__step-label {\n//       background: rgb(236, 236, 236);\n//       background-position: 50% 0%;\n//       box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n//       transform: scale(1.1);\n//       z-index: 8;\n//       font-size: 16px;\n//     }\n\n//   }\n\n//   .step-progress__step--valid {\n//     div {\n//       color: white;\n\n//     }\n\n//     .step-progress__step-label {\n//       background: rgba(0, 235, 0, 0.2);\n//       color: lightslategrey;\n\n\n//     }\n\n//     .step-progress__step-label:hover {\n//       color: black;\n//     }\n//   }\n\n//   .step-progress__step--active .step-progress__step-label {\n//     color: rgb(31, 31, 31);\n//   }\n\n//   .step-progress__wrapper-after {\n//     display: none;\n//   }\n\n//   .step-progress__step-icon {\n//     display: none !important;\n//   }\n\n//   .step-progress__bar {\n//     margin: 0;\n//     height: 5rem;\n//     border-top: 1px solid lightslategray;\n\n//   }\n\n//   .step-progress__step-label {\n//     position: unset;\n//     transform: unset;\n//     flex-grow: 1;\n//   }\n\n//   .step-progress__step {}\n\n//   .step-progress__wrapper-before {\n//     display: none !important;\n//   }\n\n//   #stepper .step-progress__step::after {\n//     display: none !important;\n//   }\n// }\n#stepper .step-progress__step{\n  border: solid white 20px;\n}\n#stepper .step-progress__step-icon, #subStepper .step-progress__step-icon {\n    font-size: 25px;\n}\n.step-progress__step-label{\n  cursor: pointer;\n}\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n  border: none;\n  padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n  border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n  margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n  font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n  font-weight: 400;\n}\n\n.formkit-input-error {\n  color: #e13737 !important;\n  font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n  &-input {\n    .formkit {\n      &-input {\n        &-element {\n          max-width: 100%;\n        }\n\n        &-error {\n          font-weight: bold;\n        }\n      }\n    }\n  }\n\n  .formkit-input-group-add-more {\n    display: flex;\n    justify-content: flex-end;\n\n    button {\n      border: black;\n    }\n  }\n\n  .formkit-input {\n    &[data-classification=\"text\"] .formkit-input-wrapper {\n      display: flex;\n      flex-direction: column;\n    }\n\n    &[data-classification=\"select\"] .formkit-input-wrapper {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .formkit-input[data-classification=\"button\"] {\n    button {\n      &[data-ghost] {\n        color: white;\n        background-color: #001d85;\n        border-color: #001d85;\n        border-radius: 1.875rem;\n\n        &:hover {\n          background-color: #196fd2;\n          border-color: #196fd2;\n        }\n      }\n    }\n  }\n}\n\n.formkit-input.besides {\n  border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n  font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n  &--textarea {\n    width: 100%;\n  }\n}\n\n.formkit-input-element--group {\n  display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n  text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n//   .step-progress__step::after {\n//     display: none;\n//   }\n\n//   .step-progress__step-label {\n//     cursor: pointer;\n//   }\n// }\n</style>\n"],"names":["_resolveComponent","property","_createElementBlock","isReady","_ctx","_openBlock","_createBlock","_component_router_view"],"mappings":";;;;;YACEA,EAIM,aAAA;SAJmHC,EAAQ,GAAAC,EAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAE5GC,KAAAA,EAAAA;AAAAA,EAAAA,GAAAA;AAAAA,IAASC,EAAA,WAAAC,KAAoBC,EAAAC,GAAA;AAAA,MAAA,KAAA;AAAA;;;;;"}
+{"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\" :key=\"property\">\n    <!-- CONTENT -->\n    <router-view v-if=\"isReady\" ref=\"view\" :key=\"key\">\n    </router-view>\n  </div>\n</template>\n\n<script lang=\"ts\">\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { DpiContext, setupDpiContext } from './composables/useDpiContext';\nimport { computed, defineAsyncComponent, defineComponent, PropType , provide, ref, toRef, toRefs, toValue, watch, watchEffect} from 'vue';\nimport { mapActions, mapGetters, useStore } from 'vuex';\nimport dpiSpecs from './config/dpi-spec-config';\nimport { useRuntimeEnv } from '../composables/useRuntimeEnv';\nimport { useRoute } from 'vue-router';\nimport { useAsyncState, watchOnce } from '@vueuse/core';\nimport { useDpiEditMode } from './composables/useDpiEditMode';\nimport { AutocompleteInstance, autocompleteKey, defaultAutocompleteAdapter, useAutocomplete } from './composables/aucotomplete';\n\n\n\nexport default defineComponent({\n  name: 'DataProviderInterface',\n  components: {\n    InputPage: defineAsyncComponent(() => import('./views/InputPage.vue')),\n  },\n  props: {\n    name: {\n      type: String,\n      default: '',\n    },\n    dpiContext: {\n      type: Object as PropType<DpiContext>,\n      default: () => undefined,\n    },\n    autocomplete: {\n      type: Object as PropType<AutocompleteInstance>,\n      default: () => undefined,\n    }\n  },\n  metaInfo() {\n    return {\n      title: `${this.$t('message.metadata.upload')} | ${this.$t('message.header.navigation.data.datasets')}`,\n      meta: [\n        { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n        { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n        { name: 'robots', content: 'noindex, follow' },\n      ],\n    };\n  },\n  data() {\n    return {\n      property: this.$route.params.property,\n      id: this.$route.params.id,\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n    ]),\n    mode() {\n      return this.property === 'catalogues'\n        ? this.getIsEditMode\n          ? this.$t('message.dataupload.menu.editCatalogue')\n          : this.$t('message.dataupload.createNewCatalogue')\n        : this.property === 'datasets'\n          ? this.getIsEditMode\n            ? this.$t('message.dataupload.menu.editDataset')\n            : this.$t('message.dataupload.createNewDataset')\n          : 'Edit Distribution';\n    },\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    ...mapActions('auth', [\n      'populateDraftAndEdit',\n    ]),\n    getClearPath() {\n      return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n    },\n    handleScroll() {\n      try {\n        if (document.getElementById(\"stepperAnchor\")?.offsetTop || 0 >= 35) {\n          document.getElementById(\"stepperAnchor\")?.classList.add(\"border-bottom-lightgray\");\n        }\n        else {\n          document.getElementById(\"stepperAnchor\")?.classList.remove(\"border-bottom-lightgray\");\n        }\n      } catch (error) {\n \n      }\n    }\n\n  },\n  created() {\n    window.addEventListener('scroll', this.handleScroll);\n    this.populateDraftAndEdit();\n  },\n  mounted() {\n    this.saveLocalstorageValues(this.property);\n  },\n  unmounted() {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  setup(props) {\n    const route = useRoute()\n    const store = useStore()\n    const env = useRuntimeEnv()\n    const userSpec = env.content.dataProviderInterface.specification as 'dcatap' | 'dcatapde' | 'dcatapdeODB'\n    const fallbackSpec = dpiSpecs[userSpec]\n    const dpiContext = toRef(props, 'dpiContext')\n\n    const resolvedDpiContext = computed<DpiContext>(() => {\n      const _dpiContext = toValue(dpiContext)\n\n      return {\n        specification: fallbackSpec,\n        specificationName: userSpec,\n        edit: {\n          enabled: route.query.edit === 'true',\n          id: route.query.id as string || undefined,\n          catalog: route.query.catalog as string || undefined,\n          fromDraft: route.query.fromDraft === 'true',\n        },\n        ..._dpiContext\n      }\n    })\n\n    const specification = computed(() => {\n      return resolvedDpiContext.value.specification\n    })\n\n    const specificationName = computed(() => {\n      return resolvedDpiContext.value.specificationName\n    })\n\n    setupDpiContext(resolvedDpiContext)\n    const defaultAutocompleteInstance = defaultAutocompleteAdapter({\n      envs: env,\n      dpiContext: resolvedDpiContext\n    });\n    provide(autocompleteKey, props.autocomplete || defaultAutocompleteInstance.adapter);\n\n    watchEffect(() => {\n      store.dispatch('dpiStore/setSpecification', specification.value)\n      store.dispatch('dpiStore/setSpecificationname', specificationName.value)\n    })\n\n    const key = computed(() => {\n      return `${route.query.key}@${specificationName.value}`\n    })\n\n    const { isReady } = useDpiEditMode(resolvedDpiContext)\n\n    return {\n      resolvedDpiContext,\n      key,\n      isReady,\n    }\n\n  }\n});\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n  border-bottom: 1px solid lightgray;\n}\n.stickyStepper {\n  position: sticky;\n  top: 0;\n  background: #ffffff;\n  z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n  margin: 1vh 0;\n  display: flex;\n  align-items: center;\n}\n\n.stickyStepper .stickyNav {\n  border-left: 1px solid black;\n  margin-left: 1vh;\n  padding-left: 1vh;\n}\n\n#stepper {\n  width: 100% !important;\n}\n\n#input {\n  padding: 10px;\n}\n\n.small-headline {\n  font-size: 1.5rem;\n  min-width: max-content;\n}\n\n.property {\n  margin: 20px;\n  background-color: #ffffff;\n  border: solid 0.5px rgb(225, 225, 225);\n  margin-top: 30px;\n}\n\n.infoBox .material-icons {\n  font-size: 20px;\n  vertical-align: text-bottom;\n  margin-right: 5px;\n  margin-bottom: 1px;\n}\n\n.infoBox {\n  width: 100%;\n  height: 30%;\n  background-color: #f7f7f7;\n  padding: 5%;\n  border-radius: 0.25rem;\n  margin-top: 20px;\n\n  .input_subpage_nav {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    padding: 15px;\n  }\n}\n\n.besides {\n  .formkit-input-group-repeatable {\n    display: flex;\n    flex-direction: row;\n    background-color: transparent;\n    padding: 0px;\n  }\n}\n\n.main {\n  width: 75%;\n  margin: 0 5px 0 5px;\n}\n\n.sub {\n  width: 20%;\n  margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n  position: sticky;\n  top: 154px;\n  z-index: 10;\n  width: 100%;\n  padding: 0 10%;\n\n  .step-progress__bar {\n    border-top: none !important;\n  }\n\n  .step-progress__step--active {\n    .step-progress__step-label {\n      background-color: lightsteelblue !important;\n    }\n\n  }\n}\n\n.step-progress__step span{\n  \n    color:white !important;\n  \n}\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n//   .step-progress__step {\n//     display: flex;\n//     align-items: center;\n//     justify-content: center;\n//     height: 70%;\n//     width: 20%;\n//     display: flex;\n//     align-items: center;\n//     z-index: 1;\n\n\n//     span {\n//       color: grey;\n//       font-size: 18px;\n//       display: none;\n//     }\n\n//     div {\n//       padding: 1rem;\n//       height: 100%;\n//       display: flex;\n//       align-items: center;\n//       color: white;\n//       font-weight: 300;\n\n//     }\n\n//     .step-progress__step-label {\n\n//       background: lightgrey;\n//       background-size: 400% 400%;\n//       background-position: 100% 0%;\n//       transition: all 300ms ease-in-out;\n//       border-right: 1px white solid;\n//       font-size: 14px;\n//       display: flex;\n//       align-items: center;\n//       justify-content: center;\n\n\n//     }\n\n\n//     .step-progress__step-label:hover {\n//       background-position: 65% 0%;\n//       color: black;\n\n//     }\n\n//   }\n\n//   .step-progress__step--active {\n\n//     z-index: 7 !important;\n\n\n//     span {\n//       color: black;\n//     }\n\n//     div {\n//       background: white;\n//     }\n\n//     .step-progress__step-label {\n//       background: rgb(236, 236, 236);\n//       background-position: 50% 0%;\n//       box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n//       transform: scale(1.1);\n//       z-index: 8;\n//       font-size: 16px;\n//     }\n\n//   }\n\n//   .step-progress__step--valid {\n//     div {\n//       color: white;\n\n//     }\n\n//     .step-progress__step-label {\n//       background: rgba(0, 235, 0, 0.2);\n//       color: lightslategrey;\n\n\n//     }\n\n//     .step-progress__step-label:hover {\n//       color: black;\n//     }\n//   }\n\n//   .step-progress__step--active .step-progress__step-label {\n//     color: rgb(31, 31, 31);\n//   }\n\n//   .step-progress__wrapper-after {\n//     display: none;\n//   }\n\n//   .step-progress__step-icon {\n//     display: none !important;\n//   }\n\n//   .step-progress__bar {\n//     margin: 0;\n//     height: 5rem;\n//     border-top: 1px solid lightslategray;\n\n//   }\n\n//   .step-progress__step-label {\n//     position: unset;\n//     transform: unset;\n//     flex-grow: 1;\n//   }\n\n//   .step-progress__step {}\n\n//   .step-progress__wrapper-before {\n//     display: none !important;\n//   }\n\n//   #stepper .step-progress__step::after {\n//     display: none !important;\n//   }\n// }\n#stepper .step-progress__step{\n  border: solid white 20px;\n}\n#stepper .step-progress__step-icon, #subStepper .step-progress__step-icon {\n    font-size: 25px;\n}\n.step-progress__step-label{\n  cursor: pointer;\n}\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n  border: none;\n  padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n  border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n  margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n  font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n  font-weight: 400;\n}\n\n.formkit-input-error {\n  color: #e13737 !important;\n  font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n  &-input {\n    .formkit {\n      &-input {\n        &-element {\n          max-width: 100%;\n        }\n\n        &-error {\n          font-weight: bold;\n        }\n      }\n    }\n  }\n\n  .formkit-input-group-add-more {\n    display: flex;\n    justify-content: flex-end;\n\n    button {\n      border: black;\n    }\n  }\n\n  .formkit-input {\n    &[data-classification=\"text\"] .formkit-input-wrapper {\n      display: flex;\n      flex-direction: column;\n    }\n\n    &[data-classification=\"select\"] .formkit-input-wrapper {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .formkit-input[data-classification=\"button\"] {\n    button {\n      &[data-ghost] {\n        color: white;\n        background-color: #001d85;\n        border-color: #001d85;\n        border-radius: 1.875rem;\n\n        &:hover {\n          background-color: #196fd2;\n          border-color: #196fd2;\n        }\n      }\n    }\n  }\n}\n\n.formkit-input.besides {\n  border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n  font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n  &--textarea {\n    width: 100%;\n  }\n}\n\n.formkit-input-element--group {\n  display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n  text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n//   .step-progress__step::after {\n//     display: none;\n//   }\n\n//   .step-progress__step-label {\n//     cursor: pointer;\n//   }\n// }\n</style>\n"],"names":["_resolveComponent","property","_createElementBlock","isReady","_ctx","_openBlock","_createBlock","_component_router_view","_createCommentVNode"],"mappings":";;;;;YACEA,EAIM,aAAA;SAJmHC,EAAQ,GAAAC,EAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAE5GC,KAAAA,EAAAA;AAAAA,EAAAA,GAAAA;AAAAA,IAASC,EAAA,WAAAC,KAAoBC,EAAAC,GAAA;AAAA,MAAA,KAAA;AAAA,MAHpD,KAAAH,EAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA;;;"}