{"version":3,"file":"AlertsCustomCreateResearchArticle-7e9d711e.js","sources":["../../../app/javascript/components/alerts/custom/create/AlertsCustomCreateResearchArticle.vue"],"sourcesContent":["<template>\n  <div class=\"border-b border-gray-800 px-6 py-4\">\n    <div v-if=\"loading\" class=\"flex flex-col\">\n      <BaseLoader class=\"m-auto h-5 w-5\" />\n    </div>\n    <div v-else>\n      <div class=\"flex flex-col space-y-2\">\n        <div class=\"flex items-center space-x-2\">\n          <span class=\"block text-sm font-semibold text-gray-200\">Choose a Publisher to set alerts on</span>\n          <span v-if=\"required.alertType\" class=\"block text-xs text-red-400\">Required</span>\n          <span v-else-if=\"duplicateAlert\" class=\"block text-xs text-red-400\">\n            Alert with same publisher already exists\n          </span>\n        </div>\n        <BaseSelect\n          button-width-class=\"w-full\"\n          dropdown-width-class=\"w-full\"\n          :options=\"publishers\"\n          v-model=\"alertData.research_publisher_id\"\n          :searchable=\"true\"\n          :placeholder=\"'Select Publisher'\"\n          id=\"publisher-dropdown\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport useEmitter from '@/composeables/emitter';\nimport useHttp from '@/composeables/http';\n\nconst emitter = useEmitter();\nconst $http = useHttp();\nconst props = defineProps({\n  alert: { type: Object, default: () => null }\n});\n\nconst loading = ref(true);\nconst publishers = ref([]);\nconst required = ref({ alertType: false });\nconst alertData = ref({ research_publisher_id: null });\nconst duplicateAlert = ref(false);\n\nfunction showValidationError(data) {\n  if (data.alertType) {\n    required.value.alertType = data.alertType;\n    setTimeout(() => {\n      required.value.alertType = false;\n    }, 3000);\n  } else if (data.duplicateAlert) {\n    duplicateAlert.value = data.duplicateAlert;\n    setTimeout(() => {\n      duplicateAlert.value = false;\n    }, 5000);\n  }\n}\nfunction editData() {\n  if (props.alert) {\n    alertData.value = props.alert.config;\n  }\n}\nasync function fetchPublishers() {\n  const response = await $http.get('/research_publishers');\n  publishers.value = response.data.publishers\n    .map(item => {\n      return {\n        id: item.id,\n        label: item.name\n      };\n    })\n    .sort((a, b) => (a.label.toLowerCase() > b.label.toLowerCase() ? 1 : -1));\n  loading.value = false;\n}\nwatch(\n  alertData,\n  () => {\n    emitter.$emit('config:alert', { config: alertData.value });\n  },\n  { deep: true, immediate: true }\n);\nonMounted(() => {\n  emitter.$on('ResearchArticleForm', data => {\n    showValidationError(data);\n  });\n  editData();\n  fetchPublishers();\n});\nonBeforeUnmount(() => {\n  emitter.$off('ResearchArticleForm');\n});\n</script>\n"],"names":["emitter","useEmitter","$http","useHttp","loading","ref","publishers","required","alertData","duplicateAlert","showValidationError","data","editData","props","fetchPublishers","response","item","a","b","watch","onMounted","onBeforeUnmount"],"mappings":"goBAgCMA,EAAUC,EAAU,EACpBC,EAAQC,EAAO,EAKfC,EAAUC,EAAI,EAAI,EAClBC,EAAaD,EAAI,CAAA,CAAE,EACnBE,EAAWF,EAAI,CAAE,UAAW,EAAO,CAAA,EACnCG,EAAYH,EAAI,CAAE,sBAAuB,IAAM,CAAA,EAC/CI,EAAiBJ,EAAI,EAAK,EAEhC,SAASK,EAAoBC,EAAM,CAC7BA,EAAK,WACPJ,EAAS,MAAM,UAAYI,EAAK,UAChC,WAAW,IAAM,CACfJ,EAAS,MAAM,UAAY,EAC5B,EAAE,GAAI,GACEI,EAAK,iBACdF,EAAe,MAAQE,EAAK,eAC5B,WAAW,IAAM,CACfF,EAAe,MAAQ,EACxB,EAAE,GAAI,EAEX,CACA,SAASG,GAAW,CACdC,EAAM,QACRL,EAAU,MAAQK,EAAM,MAAM,OAElC,CACA,eAAeC,GAAkB,CAC/B,MAAMC,EAAW,MAAMb,EAAM,IAAI,sBAAsB,EACvDI,EAAW,MAAQS,EAAS,KAAK,WAC9B,IAAIC,IACI,CACL,GAAIA,EAAK,GACT,MAAOA,EAAK,IACpB,EACK,EACA,KAAK,CAACC,EAAGC,IAAOD,EAAE,MAAM,YAAW,EAAKC,EAAE,MAAM,YAAa,EAAG,EAAI,EAAG,EAC1Ed,EAAQ,MAAQ,EAClB,CACA,OAAAe,EACEX,EACA,IAAM,CACJR,EAAQ,MAAM,eAAgB,CAAE,OAAQQ,EAAU,KAAK,CAAE,CAC1D,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACjC,EACAY,EAAU,IAAM,CACdpB,EAAQ,IAAI,sBAAuBW,GAAQ,CACzCD,EAAoBC,CAAI,CAC5B,CAAG,EACDC,IACAE,GACF,CAAC,EACDO,EAAgB,IAAM,CACpBrB,EAAQ,KAAK,qBAAqB,CACpC,CAAC"}