{"version":3,"file":"AlertsCustomCreateGas-73a25990.js","sources":["../../../app/javascript/components/alerts/custom/create/AlertsCustomCreateGas.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex flex-col space-y-2 border-b border-gray-800 px-6 py-4\">\n      <div class=\"flex items-center space-x-2\">\n        <span class=\"block text-sm font-semibold text-gray-200\">Choose a Transaction Type to set alerts on</span>\n        <span v-if=\"required.alertType\" class=\"block text-xs text-red-400\">Required</span>\n      </div>\n      <BaseSelect\n        dropdown-width-class=\"w-full\"\n        button-width-class=\"w-full\"\n        :placeholder=\"'Select Transaction Type'\"\n        v-model=\"alertData.mode\"\n        :options=\"\n          gasModes.map(g => {\n            return { id: g.id, label: g.text };\n          })\n        \"\n        sort-key=\"text\"\n        id=\"transaction-type-dropdown\"\n      />\n    </div>\n    <div class=\"flex flex-col space-y-2 border-b border-gray-800 px-6 py-4\">\n      <div class=\"flex\">\n        <label class=\"text-sm font-semibold text-gray-200\">Choose Speed </label>\n      </div>\n      <div v-for=\"(trig, index) in alertData.metrics\" :key=\"index\" class=\"space-y-2\">\n        <div class=\"flex space-x-2\">\n          <BaseRadio\n            v-model=\"trig.speed\"\n            class=\"capitalize\"\n            :options=\"speed.map(x => x.id)\"\n            @update:model-value=\"trig.value = alertData.mode ? currentGasFee(alertData.mode, $event) : ''\"\n          />\n          <span v-if=\"trig.required\" class=\"text-xs text-red-400\">Required</span>\n        </div>\n        <div class=\"flex items-center space-x-2\">\n          <BaseSelect\n            v-model=\"trig.comparison\"\n            placeholder=\">\"\n            dropdown-width-class=\"w-12\"\n            :options=\"\n              allComparisons.map(r => {\n                return { id: r.id, label: r.text };\n              })\n            \"\n            class=\"comparison-dropdown\"\n          />\n          <BaseNumberInput class=\"w-full\" v-model=\"trig.value\">\n            <template #left>$</template>\n          </BaseNumberInput>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { onBeforeUnmount, onMounted, ref, watch, computed } from 'vue';\nimport useEmitter from '@/composeables/emitter';\nimport { formatNumber } from '@/composeables/filters';\nimport useHttp from '@/composeables/http';\nimport { useStore } from 'vuex';\nconst $store = useStore();\n\nconst $http = useHttp();\nconst emitter = useEmitter();\nconst props = defineProps({\n  alert: { type: Object, default: () => null }\n});\n\nconst required = ref({ alertType: false });\nconst speed = [\n  { id: 'standard', title: 'Standard' },\n  { id: 'fast', title: 'Fast' },\n  { id: 'instant', title: 'Instant' }\n];\nconst gasModes = [\n  { id: 'eth_transfer', text: 'ETH Transfer' },\n  { id: 'erc_transfer', text: 'ERC Transfer' },\n  { id: 'lp_add_remove', text: 'LP Add Remove' },\n  { id: 'swap_transaction', text: 'Swap Transaction' }\n];\nconst allComparisons = [\n  { id: 'greater_than', text: '>' },\n  { id: 'less_than', text: '<' }\n];\nconst alertData = ref({\n  mode: null,\n  metrics: [{ speed: 'standard', value: null, comparison: 'greater_than', required: false }]\n});\n\nconst gasFees = computed(() => {\n  return $store.getters.gasFees;\n});\n\nfunction addTrigger() {\n  alertData.value.metrics.push({\n    speed: 'standard',\n    value: null,\n    comparison: null,\n    required: false\n  });\n  alertData.value.metrics.forEach(x => {\n    x.value = formatNumber(gasFees[alertData.value.mode].fees[x.speed].usd, 6);\n  });\n}\nfunction removeTrigger(index) {\n  alertData.value.metrics.splice(index, 1);\n}\nfunction showValidationError(data) {\n  required.value.alertType = data.alertType;\n  if (data.metrics) {\n    data.metrics.forEach(i => {\n      if (!alertData.value.metrics[i].value) alertData.value.metrics[i].required = true;\n    });\n  }\n  setTimeout(function () {\n    if (required.value) {\n      required.value.alertType = false;\n    }\n    if (data.metrics) {\n      data.metrics.forEach(i => {\n        alertData.value.metrics[i].required = false;\n      });\n    }\n  }, 5000);\n}\nfunction editData() {\n  if (props.alert && props.alert.config) {\n    alertData.value = JSON.parse(JSON.stringify(props.alert.config));\n    alertData.value.metrics = props.alert.config.metrics.map(x => {\n      x.required = false;\n      return x;\n    });\n  }\n}\nfunction currentGasFee(mode, speed) {\n  return formatNumber(gasFees.value[mode].fees[speed].usd, 6);\n}\n\nwatch(\n  alertData,\n  () => {\n    emitter.$emit('config:alert', { config: alertData.value });\n  },\n  { deep: true, immediate: true }\n);\nwatch(\n  () => alertData.value.mode,\n  val => {\n    alertData.value.metrics.forEach(x => {\n      if (val) {\n        x.value = currentGasFee(val, x.speed);\n      } else {\n        x.value = 0.0;\n      }\n    });\n  },\n  { deep: true }\n);\n\nonMounted(() => {\n  editData();\n  emitter.$on('GasForm', data => {\n    showValidationError(data);\n  });\n});\nonBeforeUnmount(() => {\n  emitter.$off('GasForm');\n});\n</script>\n"],"names":["$store","useStore","useHttp","emitter","useEmitter","required","ref","speed","gasModes","allComparisons","alertData","gasFees","computed","showValidationError","data","i","editData","props","x","currentGasFee","mode","formatNumber","watch","val","onMounted","onBeforeUnmount"],"mappings":"m2BA6DMA,EAASC,EAAQ,EAETC,EAAU,EACxB,MAAMC,EAAUC,EAAU,EAKpBC,EAAWC,EAAI,CAAE,UAAW,EAAO,CAAA,EACnCC,EAAQ,CACZ,CAAE,GAAI,WAAY,MAAO,UAAY,EACrC,CAAE,GAAI,OAAQ,MAAO,MAAQ,EAC7B,CAAE,GAAI,UAAW,MAAO,SAAW,CACrC,EACMC,EAAW,CACf,CAAE,GAAI,eAAgB,KAAM,cAAgB,EAC5C,CAAE,GAAI,eAAgB,KAAM,cAAgB,EAC5C,CAAE,GAAI,gBAAiB,KAAM,eAAiB,EAC9C,CAAE,GAAI,mBAAoB,KAAM,kBAAoB,CACtD,EACMC,EAAiB,CACrB,CAAE,GAAI,eAAgB,KAAM,GAAK,EACjC,CAAE,GAAI,YAAa,KAAM,GAAK,CAChC,EACMC,EAAYJ,EAAI,CACpB,KAAM,KACN,QAAS,CAAC,CAAE,MAAO,WAAY,MAAO,KAAM,WAAY,eAAgB,SAAU,GAAO,CAC3F,CAAC,EAEKK,EAAUC,EAAS,IAChBZ,EAAO,QAAQ,OACvB,EAgBD,SAASa,EAAoBC,EAAM,CACjCT,EAAS,MAAM,UAAYS,EAAK,UAC5BA,EAAK,SACPA,EAAK,QAAQ,QAAQC,GAAK,CACnBL,EAAU,MAAM,QAAQK,CAAC,EAAE,QAAOL,EAAU,MAAM,QAAQK,CAAC,EAAE,SAAW,GACnF,CAAK,EAEH,WAAW,UAAY,CACjBV,EAAS,QACXA,EAAS,MAAM,UAAY,IAEzBS,EAAK,SACPA,EAAK,QAAQ,QAAQC,GAAK,CACxBL,EAAU,MAAM,QAAQK,CAAC,EAAE,SAAW,EAC9C,CAAO,CAEJ,EAAE,GAAI,CACT,CACA,SAASC,GAAW,CACdC,EAAM,OAASA,EAAM,MAAM,SAC7BP,EAAU,MAAQ,KAAK,MAAM,KAAK,UAAUO,EAAM,MAAM,MAAM,CAAC,EAC/DP,EAAU,MAAM,QAAUO,EAAM,MAAM,OAAO,QAAQ,IAAIC,IACvDA,EAAE,SAAW,GACNA,EACR,EAEL,CACA,SAASC,EAAcC,EAAMb,EAAO,CAClC,OAAOc,EAAaV,EAAQ,MAAMS,CAAI,EAAE,KAAKb,CAAK,EAAE,IAAK,CAAC,CAC5D,CAEA,OAAAe,EACEZ,EACA,IAAM,CACJP,EAAQ,MAAM,eAAgB,CAAE,OAAQO,EAAU,KAAK,CAAE,CAC1D,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACjC,EACAY,EACE,IAAMZ,EAAU,MAAM,KACtBa,GAAO,CACLb,EAAU,MAAM,QAAQ,QAAQQ,GAAK,CAC/BK,EACFL,EAAE,MAAQC,EAAcI,EAAKL,EAAE,KAAK,EAEpCA,EAAE,MAAQ,CAElB,CAAK,CACF,EACD,CAAE,KAAM,EAAM,CAChB,EAEAM,EAAU,IAAM,CACdR,IACAb,EAAQ,IAAI,UAAWW,GAAQ,CAC7BD,EAAoBC,CAAI,CAC5B,CAAG,CACH,CAAC,EACDW,EAAgB,IAAM,CACpBtB,EAAQ,KAAK,SAAS,CACxB,CAAC"}