{"version":3,"file":"AlertsCustomIndex-25f537f6.js","sources":["../../../app/javascript/components/alerts/custom/AlertsCustomIndex.vue"],"sourcesContent":["<template>\n  <div class=\"flex h-full\">\n    <div class=\"flex h-full flex-1\">\n      <div class=\"flex h-full w-1/2 flex-col\">\n        <AlertsCustomCreateIndex :alert=\"alert\" :entity=\"entity\" />\n      </div>\n      <div class=\"flex flex-1 flex-col space-y-2 overflow-hidden border-l border-grid\">\n        <AlertsCustomVisualizationIndex :alert=\"alert\" :entity=\"entity\" class=\"h-5/6 overflow-auto\" />\n        <div class=\"flex h-20 w-full items-center justify-between border-t border-grid px-6 py-4\">\n          <BaseButton v-if=\"!alert?.id\" @press=\"handleReset\" type=\"secondary\">Reset</BaseButton>\n          <BaseButton @press=\"saveAlert()\" :disabled=\"disabled\" class=\"ml-auto\">\n            {{ alert?.id ? 'Update' : 'Create' }}\n          </BaseButton>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { useStore } from 'vuex';\nimport useEmitter from '@/composeables/emitter';\nimport { computed, onMounted, ref, onBeforeUnmount } from 'vue';\nimport AlertsCustomCreateIndex from '@/components/alerts/custom/create/AlertsCustomCreateIndex.vue';\nimport AlertsCustomVisualizationIndex from '@/components/alerts/custom/visualization/AlertsCustomVisualizationIndex.vue';\n\nconst store = useStore();\nconst emitter = useEmitter();\n\nconst props = defineProps({\n  alert: { type: Array, default: null }\n});\n\nconst disabled = ref(false);\n\nonMounted(async () => {\n  store.dispatch('setUnlockCoins');\n  emitter.$on('enable:alert-button', () => {\n    disabled.value = false;\n  });\n});\n\nonBeforeUnmount(() => {\n  emitter.$off('enable:alert-button');\n});\n\nconst entity = computed(() => {\n  return props.alert && props.alert.entity ? props.alert.entity : 'Coin';\n});\n\nfunction saveAlert() {\n  disabled.value = true;\n  emitter.$emit('save:alert');\n}\n\nfunction handleReset() {\n  emitter.$emit('clear:alert-type');\n  emitter.$emit('clear:alert');\n}\n</script>\n"],"names":["store","useStore","emitter","useEmitter","disabled","ref","onMounted","onBeforeUnmount","entity","computed","props","saveAlert","handleReset"],"mappings":"2pLA0BMA,EAAQC,EAAQ,EAChBC,EAAUC,EAAU,EAMpBC,EAAWC,EAAI,EAAK,EAE1BC,EAAU,SAAY,CACpBN,EAAM,SAAS,gBAAgB,EAC/BE,EAAQ,IAAI,sBAAuB,IAAM,CACvCE,EAAS,MAAQ,EACrB,CAAG,CACH,CAAC,EAEDG,EAAgB,IAAM,CACpBL,EAAQ,KAAK,qBAAqB,CACpC,CAAC,EAED,MAAMM,EAASC,EAAS,IACfC,EAAM,OAASA,EAAM,MAAM,OAASA,EAAM,MAAM,OAAS,MACjE,EAED,SAASC,GAAY,CACnBP,EAAS,MAAQ,GACjBF,EAAQ,MAAM,YAAY,CAC5B,CAEA,SAASU,GAAc,CACrBV,EAAQ,MAAM,kBAAkB,EAChCA,EAAQ,MAAM,aAAa,CAC7B"}