{"version":3,"file":"AlertsCustomCreateIndex-aa3ad81e.js","sources":["../../../app/javascript/components/alerts/custom/create/AlertsCustomCreateIndex.vue"],"sourcesContent":["<template>\n  <div class=\"h-full overflow-y-auto\">\n    <div class=\"space-y-4 border-b border-gray-800 px-6 py-4\">\n      <span class=\"text-sm font-semibold text-gray-200\">Alert Type</span>\n      <BaseRadio v-model=\"alertType\" :options=\"alertTypeOptions.map(e => e.label)\" :disabled=\"alert?.id\" />\n    </div>\n    <AlertsCustomCreateCoin v-if=\"alertType == 'Coin'\" :alert=\"alert\" />\n    <AlertsCustomCreatePair v-if=\"alertType == 'Pairs'\" :alert=\"alert\" />\n    <AlertsCustomCreateNews v-else-if=\"alertType == 'News'\" :alert=\"alert\" />\n    <AlertsCustomCreateSEC v-else-if=\"alertType == 'SEC Filings'\" :alert=\"alert\" />\n    <AlertsCustomCreateOnchainTransaction v-else-if=\"alertType == 'On-Chain Events'\" :alert=\"alert\" />\n    <AlertsCustomCreateGas v-else-if=\"alertType == 'ETH Gas'\" :alert=\"alert\" />\n    <AlertsCustomCreateResearchArticle v-else-if=\"alertType == 'Research'\" :alert=\"alert\" />\n    <AlertsCustomCreateFormUnlock v-if=\"alertType == 'Unlock'\" :alert=\"alert\" />\n\n    <AlertsDeliveryOptions :alert=\"alert\" :entity=\"alertType\" :prefill-alert-type=\"getAlertId()\" />\n  </div>\n</template>\n<script setup>\nimport { useStore } from 'vuex';\nimport useEmitter from '@/composeables/emitter';\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport AlertsCustomCreateCoin from '@/components/alerts/custom/create/AlertsCustomCreateCoin.vue';\nimport AlertsCustomCreatePair from '@/components/alerts/custom/create/AlertsCustomCreatePair.vue';\nimport AlertsCustomCreateGas from '@/components/alerts/custom/create/AlertsCustomCreateGas.vue';\nimport AlertsCustomCreateNews from '@/components/alerts/custom/create/AlertsCustomCreateNews.vue';\nimport AlertsCustomCreateSEC from '@/components/alerts/custom/create/AlertsCustomCreateSEC.vue';\nimport AlertsCustomCreateOnchainTransaction from '@/components/alerts/custom/create/AlertsCustomCreateOnchainTransaction.vue';\nimport AlertsCustomCreateResearchArticle from '@/components/alerts/custom/create/AlertsCustomCreateResearchArticle.vue';\nimport AlertsCustomCreateFormUnlock from '@/components/alerts/custom/create/AlertsCustomCreateFormUnlock.vue';\nimport AlertsDeliveryOptions from '@/components/alerts/delivery/AlertsDeliveryOptions.vue';\n\nconst emitter = useEmitter();\nconst store = useStore();\n\nconst props = defineProps({\n  alert: {\n    type: Object,\n    default: null\n  },\n  entity: {\n    type: String,\n    default: null\n  }\n});\n\nconst alertType = ref('Coin');\nconst alertTypeOptions = [\n  { id: 'Coin', label: 'Coin' },\n  { id: 'Pair', label: 'Pairs' },\n  { id: 'News', label: 'News' },\n  { id: 'OnchainTransaction', label: 'On-Chain Events' },\n  { id: 'SEC', label: 'SEC Filings' },\n  { id: 'Gas', label: 'ETH Gas' },\n  { id: 'ResearchArticle', label: 'Research' },\n  { id: 'Unlock', label: 'Unlock' }\n];\n\nwatch(\n  () => props.entity,\n  val => {\n    if (val) {\n      alertType.value = alertTypeOptions.find(e => e.id == props.entity).label;\n    }\n  }\n);\n\nwatch(\n  () => alertType.value,\n  newVal => {\n    window.localStorage.setItem(constructLocalStorageName('update:alert-type'), newVal);\n    emitter.$emit('update:alert-type', { alertType: alertTypeOptions.find(e => e.label == newVal).id });\n  }\n);\n\nfunction constructLocalStorageName(s) {\n  let path = store.state.path\n    .split('.')\n    .map((s, i) => {\n      return i == 0 ? s : s.charAt(0).toUpperCase() + s.slice(1);\n    })\n    .join('');\n  s = s.charAt(0).toUpperCase() + s.slice(1);\n  return `${path}${s}`;\n}\n\nfunction getAlertId() {\n  return alertTypeOptions.find(e => e.label == alertType.value).id;\n}\n\nonMounted(() => {\n  emitter.$on('clear:alert-type', () => {\n    alertType.value = 'Coin';\n  });\n  if (props.entity) {\n    alertType.value = alertTypeOptions.find(e => e.id == props.entity).label;\n  } else {\n    alertType.value = window.localStorage.getItem(constructLocalStorageName('update:alert-type')) || 'Coin';\n  }\n});\nonBeforeUnmount(() => {\n  emitter.$off('clear:alert-type');\n});\n</script>\n"],"names":["emitter","useEmitter","store","useStore","alertType","ref","alertTypeOptions","watch","props","val","e","newVal","constructLocalStorageName","s","path","i","getAlertId","onMounted","onBeforeUnmount"],"mappings":"m/EAgCMA,EAAUC,EAAU,EACpBC,EAAQC,EAAQ,EAahBC,EAAYC,EAAI,MAAM,EACtBC,EAAmB,CACvB,CAAE,GAAI,OAAQ,MAAO,MAAQ,EAC7B,CAAE,GAAI,OAAQ,MAAO,OAAS,EAC9B,CAAE,GAAI,OAAQ,MAAO,MAAQ,EAC7B,CAAE,GAAI,qBAAsB,MAAO,iBAAmB,EACtD,CAAE,GAAI,MAAO,MAAO,aAAe,EACnC,CAAE,GAAI,MAAO,MAAO,SAAW,EAC/B,CAAE,GAAI,kBAAmB,MAAO,UAAY,EAC5C,CAAE,GAAI,SAAU,MAAO,QAAU,CACnC,EAEAC,EACE,IAAMC,EAAM,OACZC,GAAO,CACDA,IACFL,EAAU,MAAQE,EAAiB,KAAKI,GAAKA,EAAE,IAAMF,EAAM,MAAM,EAAE,MAEtE,CACH,EAEAD,EACE,IAAMH,EAAU,MAChBO,GAAU,CACR,OAAO,aAAa,QAAQC,EAA0B,mBAAmB,EAAGD,CAAM,EAClFX,EAAQ,MAAM,oBAAqB,CAAE,UAAWM,EAAiB,KAAKI,GAAKA,EAAE,OAASC,CAAM,EAAE,EAAI,CAAA,CACnG,CACH,EAEA,SAASC,EAA0BC,EAAG,CACpC,IAAIC,EAAOZ,EAAM,MAAM,KACpB,MAAM,GAAG,EACT,IAAI,CAACW,EAAGE,IACAA,GAAK,EAAIF,EAAIA,EAAE,OAAO,CAAC,EAAE,YAAW,EAAKA,EAAE,MAAM,CAAC,CAC1D,EACA,KAAK,EAAE,EACV,OAAAA,EAAIA,EAAE,OAAO,CAAC,EAAE,YAAW,EAAKA,EAAE,MAAM,CAAC,EAClC,GAAGC,CAAI,GAAGD,CAAC,EACpB,CAEA,SAASG,GAAa,CACpB,OAAOV,EAAiB,KAAKI,GAAKA,EAAE,OAASN,EAAU,KAAK,EAAE,EAChE,CAEA,OAAAa,EAAU,IAAM,CACdjB,EAAQ,IAAI,mBAAoB,IAAM,CACpCI,EAAU,MAAQ,MACtB,CAAG,EACGI,EAAM,OACRJ,EAAU,MAAQE,EAAiB,KAAKI,GAAKA,EAAE,IAAMF,EAAM,MAAM,EAAE,MAEnEJ,EAAU,MAAQ,OAAO,aAAa,QAAQQ,EAA0B,mBAAmB,CAAC,GAAK,MAErG,CAAC,EACDM,EAAgB,IAAM,CACpBlB,EAAQ,KAAK,kBAAkB,CACjC,CAAC"}