{"version":3,"file":"OnchainAddressesCreateFolderModal-7f1595e7.js","sources":["../../../app/javascript/components/onchain_addresses/OnchainAddressesCreateFolderModal.vue"],"sourcesContent":["<template>\n  <BaseDialog :model-value=\"modal.status\" size-class=\"!max-w-2xl\" @update:model-value=\"close\">\n    <template #header>\n      {{ folderId ? 'Update Folder' : 'Create Folder' }}\n    </template>\n    <template #default>\n      <div class=\"flex-col items-center space-y-2 py-4\">\n        <div class=\"text-sm font-medium text-gray-100\">Folder Name</div>\n        <BaseTextbox placeholder=\"Enter Folder Name\" v-model=\"folderPayload.name\" maxlength=\"30\" />\n        <span v-if=\"folderNameError\" class=\"text-xs text-red-400\">{{ folderNameError }}</span>\n      </div>\n      <div class=\"flex flex-col space-y-2\" v-if=\"!teamWatchlistIsSelected\">\n        <p class=\"text-sm\">Folder Actions</p>\n        <BaseCheckbox\n          v-if=\"!(folderPayload.selectedTeamWatchlist && typeof folderPayload.selectedTeamWatchlist.id == 'number')\"\n          v-model=\"folderPayload.shareWatchlist\"\n        >\n          Share folder with team\n        </BaseCheckbox>\n        <span\n          v-if=\"folderPayload.shareWatchlist\"\n          :class=\"[teamWatchlistIsSelected ? 'pointer-events-none' : '', 'flex flex-col gap-2 text-sm text-gray-400']\"\n        >\n          Maintainers (optional)\n          <BaseSelect\n            v-model=\"folderPayload.maintainers\"\n            :searchable=\"true\"\n            :options=\"maintainersOptions\"\n            :multiple=\"true\"\n            :display-count=\"1\"\n            :search-options=\"['label', 'email']\"\n            placeholder=\"Select Maintainer(s)\"\n            position=\"bottom\"\n            button-width-class=\"w-80\"\n            dropdown-width-class=\"w-80\"\n            portal\n          />\n        </span>\n      </div>\n    </template>\n    <template #footer>\n      <div class=\"flex w-full space-x-2 px-2\" :class=\"folderId ? 'justify-between' : 'justify-end'\">\n        <BaseButton type=\"danger\" v-if=\"folderId\" @press=\"deleteFolder()\"> Delete </BaseButton>\n        <div class=\"flex items-center space-x-2\">\n          <BaseButton :disabled=\"buttonBusy\" type=\"secondary\" @press=\"close\"> Cancel </BaseButton>\n          <BaseButton :busy=\"buttonBusy\" :disabled=\"buttonBusy\" @press=\"createUserFolder()\">{{\n            folderId ? 'Update' : 'Create'\n          }}</BaseButton>\n        </div>\n      </div>\n    </template>\n  </BaseDialog>\n</template>\n\n<script setup>\nimport { useStore } from 'vuex';\nimport { ref, computed, watch } from 'vue';\nimport { useWatchlistStore } from '@/stores/watchlists';\n\nconst $store = useStore();\nconst $watchlistStore = useWatchlistStore();\nconst $emit = defineEmits(['close', 'set-folder']);\n\n//MODAL\nconst modal = computed(() => {\n  return $store.getters.onchainFolderModal;\n});\nconst close = () => {\n  $store.commit('setOnchainFolderModal', {\n    status: false,\n    payload: {}\n  });\n  folderPayload.value = {\n    name: '',\n    selectedWatchlist: {},\n    selectedTeamWatchlist: {},\n    shareWatchlist: false,\n    maintainers: [],\n    watchlist_type: 'onchain_addresses'\n  };\n  buttonBusy.value = false;\n  folderNameError.value = '';\n};\n\n//MANAGE FOLDER\nconst oldMaintainer = ref([]);\nconst folderNameError = ref('');\nconst folderPayload = ref({\n  name: '',\n  selectedWatchlist: {},\n  selectedTeamWatchlist: {},\n  shareWatchlist: false,\n  maintainers: [],\n  watchlist_type: 'onchain_addresses'\n});\nconst selectedFolder = ref(null);\nconst buttonBusy = ref(false);\nconst folders = computed(() => $watchlistStore.onchainFolders);\nconst folderId = computed(() => {\n  return modal.value.payload?.id;\n});\nconst teamWatchlistIsSelected = computed(() => {\n  return folderPayload.value.selectedTeamWatchlist && folderPayload.value.selectedTeamWatchlist.id > 0;\n});\nasync function deleteFolder() {\n  await $watchlistStore.openWatchlistDeleteModal(selectedFolder.value.id);\n  close();\n}\nasync function createUserFolder() {\n  let existingFolder = folders.value?.find(x => x.name.toLowerCase() == folderPayload.value?.name.toLowerCase());\n  if (folderPayload.value?.name.trim().length == 0) {\n    folderNameError.value = 'Please enter folder name.';\n  } else if (existingFolder && folderId.value != existingFolder.id) {\n    folderNameError.value = 'Folder with this name already exists.';\n  } else {\n    buttonBusy.value = true;\n    if (folderId.value) {\n      let payloadData = {\n        ...folderPayload.value,\n        selectedWatchlist: { id: selectedFolder.value.id },\n        name: folderPayload.value?.name,\n        watchlist_type: 'onchain_addresses'\n      };\n      await $watchlistStore.updateWatchlist(payloadData, { maintainers: oldMaintainer.value.map(m => m.id) });\n    } else {\n      await $watchlistStore.createWatchlist({\n        ...folderPayload.value,\n        name: folderPayload.value?.name,\n        watchlist_type: 'onchain_addresses'\n      });\n    }\n    buttonBusy.value = false;\n    close();\n  }\n}\nwatch(folderId, async () => {\n  if (folderId.value) {\n    selectedFolder.value = folders.value?.find(x => x.id == folderId.value);\n    folderPayload.value.name = selectedFolder.value.name;\n\n    oldMaintainer.value = selectedFolder.value.maintainers;\n\n    folderPayload.value = {\n      ...selectedFolder.value,\n      selectedTeamWatchlist: {},\n      selectedCategory: {},\n      shareWatchlist: selectedFolder.value.team_entity_permissions,\n      maintainers: oldMaintainer.value.map(m => m.id),\n      alreadySubscribed: false\n    };\n  }\n});\n\n//TEAMMATES\nconst teammates = ref([]);\nconst maintainersOptions = computed(() => {\n  return teammates.value.map(user => {\n    return {\n      ...user,\n      sub_label: user.first_name || user.last_name ? user.email : ''\n    };\n  });\n});\nwatch(modal, async (newVal, oldVal) => {\n  if (newVal.status) {\n    teammates.value = await $watchlistStore.getTeammates();\n  }\n});\n</script>\n"],"names":["$store","useStore","$watchlistStore","useWatchlistStore","modal","computed","close","folderPayload","buttonBusy","folderNameError","oldMaintainer","ref","selectedFolder","folders","folderId","_a","teamWatchlistIsSelected","deleteFolder","createUserFolder","existingFolder","x","_b","payloadData","_c","m","_d","watch","teammates","maintainersOptions","user","newVal","oldVal"],"mappings":"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"}