{"version":3,"file":"AlertsDeliveryMessengerChannels-68020348.js","sources":["../../../app/javascript/components/alerts/delivery/AlertsDeliveryMessengerChannels.vue"],"sourcesContent":["<template>\n  <div :id=\"dropdownId\" class=\"w-full\">\n    <div class=\"flex w-full flex-col\" v-if=\"droppedDown\">\n      <BaseTextbox\n        v-if=\"inPlaceSearch\"\n        v-model=\"search\"\n        :class=\"`sticky top-0 w-full border-grid bg-gray-900 py-2 outline-none`\"\n        placeholder=\"Search\"\n      />\n      <div class=\"max-h-36 w-full overflow-auto\">\n        <AlertsDeliveryNewChannel\n          v-if=\"showModal\"\n          :show=\"true\"\n          @save=\"selectedMetric($event)\"\n          @close=\"\n            showModal = false;\n            $emit('close', false);\n          \"\n          :alert-detail=\"alertDetail\"\n        />\n        <div v-for=\"item in filteredItems\" :key=\"item.id\" class=\"border-b border-gray-800 px-2 py-3\">\n          <div class=\"cursor-pointer\" @click.prevent=\"selectedMetric(item.id)\" v-html=\"item.html\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport AlertsDeliveryNewChannel from '@/components/alerts/delivery/AlertsDeliveryNewChannel.vue';\nimport { useMapGetter } from '@/store/map-state';\n\nconst { channels } = useMapGetter();\nconst $emit = defineEmits(['close', 'select']);\nconst plusIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-4 h-4\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" />\n                    </svg>`;\nconst defaultItem = {\n  id: 'new',\n  html: `<div class=\"py-0.5 flex items-center\" style=\"margin-left: 2px\"> ${plusIcon} <span class=\"mt-0.5 ml-0.5\">Create New Chat</span></div>`\n};\n\nconst props = defineProps({\n  open: {\n    type: Boolean,\n    default: false\n  },\n  items: {\n    type: Array,\n    default: () => []\n  },\n  alertDetail: {\n    type: Object,\n    default: () => {}\n  },\n  activeChatOption: {\n    type: Object,\n    default: () => {}\n  },\n  searchText: {\n    type: String,\n    default: ''\n  },\n  searchDropdown: {\n    type: Boolean,\n    default: false\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  inPlaceSearch: {\n    type: Boolean,\n    default: false\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst dropdownId = ref(`profile_dropdown_${Math.random()}`);\nconst droppedDown = ref(false);\nconst showModal = ref(false);\nconst search = ref(props.searchText);\nconst channelItems = ref(props.item);\n\n//METRICS\nconst filteredItems = computed(() => {\n  if (search.value.trim().length > 0) {\n    return channelItems.value.filter(i => i.text && i.text.toLowerCase().includes(search.value.toLowerCase()));\n  } else {\n    return channelItems.value;\n  }\n});\n\nfunction selectedMetric(event) {\n  if (event == 'new') {\n    showModal.value = true;\n    let index = channelItems.value.findIndex(i => i.id === 'new');\n    channelItems.value.splice(index, 1);\n  } else {\n    channelItems.value.unshift(defaultItem);\n    $emit('select', event);\n  }\n}\n\nwatch(\n  () => props.items,\n  () => {\n    channelItems.value = props.items;\n  },\n  { immediate: true }\n);\n\n// SEARCH\nwatch(\n  () => props.searchText,\n  () => {\n    search.value = props.searchText;\n  }\n);\n\nwatch(\n  () => props.open,\n  () => {\n    droppedDown.value = props.open;\n  }\n);\n</script>\n"],"names":["plusIcon","useMapGetter","defaultItem","dropdownId","ref","droppedDown","showModal","search","props","channelItems","filteredItems","computed","i","selectedMetric","event","index","$emit","watch"],"mappings":"+dAmCMA,EAAW;AAAA;AAAA,udAFIC,EAAe,EAKpC,MAAMC,EAAc,CAClB,GAAI,MACJ,KAAM,mEAAmEF,CAAQ,2DACnF,EAyCMG,EAAaC,EAAI,oBAAoB,KAAK,OAAM,CAAE,EAAE,EACpDC,EAAcD,EAAI,EAAK,EACvBE,EAAYF,EAAI,EAAK,EACrBG,EAASH,EAAII,EAAM,UAAU,EAC7BC,EAAeL,EAAII,EAAM,IAAI,EAG7BE,EAAgBC,EAAS,IACzBJ,EAAO,MAAM,KAAI,EAAG,OAAS,EACxBE,EAAa,MAAM,OAAOG,GAAKA,EAAE,MAAQA,EAAE,KAAK,YAAW,EAAG,SAASL,EAAO,MAAM,YAAa,CAAA,CAAC,EAElGE,EAAa,KAEvB,EAED,SAASI,EAAeC,EAAO,CAC7B,GAAIA,GAAS,MAAO,CAClBR,EAAU,MAAQ,GAClB,IAAIS,EAAQN,EAAa,MAAM,UAAUG,GAAKA,EAAE,KAAO,KAAK,EAC5DH,EAAa,MAAM,OAAOM,EAAO,CAAC,CACtC,MACIN,EAAa,MAAM,QAAQP,CAAW,EACtCc,EAAM,SAAUF,CAAK,CAEzB,CAEA,OAAAG,EACE,IAAMT,EAAM,MACZ,IAAM,CACJC,EAAa,MAAQD,EAAM,KAC5B,EACD,CAAE,UAAW,EAAM,CACrB,EAGAS,EACE,IAAMT,EAAM,WACZ,IAAM,CACJD,EAAO,MAAQC,EAAM,UACtB,CACH,EAEAS,EACE,IAAMT,EAAM,KACZ,IAAM,CACJH,EAAY,MAAQG,EAAM,IAC3B,CACH"}