{"version":3,"file":"OnchainAddressesModal-d29c1f66.js","sources":["../../../app/javascript/components/onchain_addresses/OnchainAddressesModal.vue"],"sourcesContent":["<template>\n  <BaseDialog :model-value=\"modal.status\" size-class=\"!max-w-xl\" @update:model-value=\"close\">\n    <template #header>\n      <div class=\"flex items-center space-x-0.5\">\n        <div>\n          <span v-if=\"viewOnly && editableAddress?.label\">{{ editableAddress?.label }}</span>\n          <span v-else>{{ addressObject ? 'Update' : 'Create' }} {{ payload.name }}</span>\n        </div>\n        <div v-if=\"editableAddress.address\" class=\"pl-2 text-sm text-gray-400\">\n          <span v-if=\"editableAddress?.address?.length && editableAddress?.address?.length < 10\">{{\n            editableAddress.address\n          }}</span>\n          <span v-else>\n            {{ truncate(editableAddress.address, 4)\n            }}{{ editableAddress.address.slice(editableAddress.address?.length - 3) }}\n          </span>\n        </div>\n        <ClipboardDocumentIcon\n          class=\"h-4 w-4 cursor-pointer text-gray-600 hover:text-white\"\n          @click=\"copyToClipboard(editableAddress.address)\"\n        />\n      </div>\n    </template>\n    <template #default>\n      <div class=\"flex-col items-center space-y-2 px-1 py-4\">\n        <div class=\"space-y-2\" v-if=\"headerLabel == 'Address' && !folderOnly\">\n          <div class=\"text-sm font-medium text-gray-100\">Address<span class=\"pl-1 text-red-500\">*</span></div>\n          <BaseTextbox\n            placeholder=\"Enter Label\"\n            v-model=\"editableAddress.address\"\n            maxlength=\"30\"\n            :disabled=\"viewOnly\"\n          />\n          <span v-if=\"addressError\" class=\"text-xs text-red-400\">{{ addressError }}</span>\n        </div>\n        <div v-if=\"!folderOnly\">\n          <div class=\"text-sm font-medium text-gray-100\">Label<span class=\"pl-1 text-red-500\">*</span></div>\n          <BaseTextbox placeholder=\"Enter Label\" v-model=\"editableAddress.label\" maxlength=\"30\" :disabled=\"viewOnly\" />\n        </div>\n        <span v-if=\"labelError\" class=\"text-xs text-red-400\">{{ labelError }}</span>\n        <div class=\"space-y-2 pb-6\" v-if=\"!viewOnly\">\n          <div class=\"text-sm font-medium text-gray-100\">Folders</div>\n          <BaseSelect\n            :multiple=\"true\"\n            :searchable=\"true\"\n            :placeholder=\"'Select Folder'\"\n            class=\"!absolute w-[90%]\"\n            :options=\"folderOptions\"\n            v-model=\"editableAddress.watchlist_ids\"\n            button-width-class=\"w-full truncate\"\n            dropdown-width-class=\"w-full\"\n          />\n        </div>\n      </div>\n    </template>\n    <template #footer>\n      <div\n        class=\"flex w-full space-x-2 px-2\"\n        :class=\"addressObject ? 'justify-between' : 'justify-end'\"\n        v-if=\"!viewOnly\"\n      >\n        <div class=\"flex space-x-2\" :class=\"!(addressObject && !viewOnly) ? 'w-full' : ''\">\n          <BaseButton type=\"danger\" v-if=\"addressObject && !viewOnly\" @press=\"deleteAddressLabel()\">\n            Delete\n          </BaseButton>\n          <BaseButton class=\"create-button\" :busy=\"buttonBusy\" :disabled=\"disabled\" @press=\"createFolder()\"\n            >Create Folder</BaseButton\n          >\n        </div>\n        <div class=\"flex items-center space-x-2\">\n          <BaseButton :disabled=\"buttonBusy\" type=\"secondary\" @press=\"close\"> Cancel </BaseButton>\n          <BaseButton class=\"create-button\" :busy=\"buttonBusy\" :disabled=\"buttonBusy\" @press=\"createAddressLabel()\">{{\n            addressObject ? 'Update' : 'Create'\n          }}</BaseButton>\n        </div>\n      </div>\n    </template>\n  </BaseDialog>\n</template>\n\n<script setup>\nimport { useStore } from 'vuex';\nimport uniqBy from 'lodash/uniqBy';\nimport { ref, computed, watch } from 'vue';\nimport { truncate } from '@/composeables/filters';\nimport { useWatchlistStore } from '@/stores/watchlists';\nimport { copyToClipboard } from '@/composeables/helpers';\nimport { ClipboardDocumentIcon } from '@heroicons/vue/20/solid';\nimport { createAddresses, updateAddress, deleteAddress } from '@/api/address-api';\n\nconst store = useStore();\nconst $watchlistStore = useWatchlistStore();\nconst $emit = defineEmits(['close']);\n\n// USER ID\nconst userId = computed(() => {\n  return store.getters.session?.user?.id;\n});\n\n// FOLDER\nconst teamFolders = computed(() => {\n  let folders = $watchlistStore.teams.onchainFolders;\n  return folders.filter(\n    i => i.user_entity_permissions?.find(j => j.user_id == userId.value && j.can_write) || i.user_id == userId.value\n  );\n});\nconst folderOptions = computed(() => {\n  return uniqBy(\n    [$watchlistStore.onchainFolders.filter(i => i.user_id == userId.value), teamFolders.value]?.flat()?.map(x => {\n      return { id: x.id, label: x.name };\n    }),\n    'id'\n  );\n});\n\nconst otherUsersFolders = ref([]);\n\n//ADDRESS\nconst onchainAddresses = computed(() => {\n  return store.getters.onchainAddresses;\n});\nconst editableAddress = ref({\n  address: '',\n  label: '',\n  watchlist_ids: []\n});\nconst labelError = ref('');\nconst addressError = ref('');\nconst buttonBusy = ref(false);\nconst disabled = ref(false);\n\nasync function createAddressLabel() {\n  let otherAddresses = onchainAddresses.value.filter(x => x.id != editableAddress.value.id);\n  let labelFounded = otherAddresses.find(\n    x => x.label == editableAddress.value.label && x.address != editableAddress.value.address\n  );\n  if (otherAddresses.find(x => x.address == editableAddress.value.address)) {\n    addressError.value = 'Address already exist.';\n  } else if (editableAddress.value.label.trim().length == 0) {\n    labelError.value = 'Please provide label.';\n  } else if (editableAddress.value.address.trim().length == 0) {\n    addressError.value = 'Please provide address.';\n  } else if (labelFounded) {\n    labelError.value = 'Label already exist.';\n  } else if (\n    otherAddresses.find(\n      x =>\n        x.label == editableAddress.value.label &&\n        x.address == editableAddress.value.address &&\n        editableAddress.value.watchlist_ids.some(item => x.watchlist_ids.includes(item))\n    )\n  ) {\n    labelError.value = 'Address with this label already exists.';\n  } else {\n    buttonBusy.value = true;\n    if (addressObject.value) {\n      editableAddress.value.watchlist_ids = [otherUsersFolders.value, ...editableAddress.value.watchlist_ids]?.flat();\n      await updateAddress(editableAddress.value);\n    } else {\n      await createAddresses({ addresses: [editableAddress.value] });\n    }\n    store.dispatch('setOnchainAddresses');\n    buttonBusy.value = false;\n    close();\n  }\n}\nasync function deleteAddressLabel() {\n  const id = editableAddress.value.id;\n  store.dispatch('confirm', 'Please confirm you want to delete the address mapping?').then(async () => {\n    await deleteAddress(id);\n    store.dispatch('setOnchainAddresses');\n  });\n  close();\n}\nwatch(\n  () => editableAddress.value,\n  () => {\n    if (editableAddress.value.label && editableAddress.value.label.trim().length != '') {\n      labelError.value = '';\n      disabled.value = false;\n    }\n  }\n);\n\n//MODAL\nconst modal = computed(() => {\n  return store.getters.onchainAddressesModal;\n});\n\nconst payload = computed(() => {\n  return modal.value.payload || {};\n});\n\nconst headerLabel = computed(() => {\n  return payload.value.name || 'Label';\n});\n\nconst folderOnly = computed(() => {\n  return payload.value?.folderOnly || false;\n});\n\nconst viewOnly = computed(() => {\n  return payload.value?.selectedAddressObj?.id\n    ? payload.value?.selectedAddressObj?.user_id != userId.value &&\n        !store.getters.roles?.includes('admin') &&\n        !store.getters.roles?.includes('super_admin')\n    : false;\n});\n\nconst addressObject = computed(() => {\n  return payload.value?.selectedAddressObj || null;\n});\nwatch(\n  () => payload.value,\n  () => {\n    if (payload.value?.selectedAddressObj) {\n      editableAddress.value = payload.value?.selectedAddressObj;\n      otherUsersFolders.value =\n        payload.value?.selectedAddressObj?.watchlist_ids?.filter(\n          x => !folderOptions.value.map(y => y.id).includes(x)\n        ) || [];\n      editableAddress.value.watchlist_ids = folderOptions.value\n        .filter(x => editableAddress.value.watchlist_ids.includes(x.id))\n        ?.map(x => x.id);\n    } else if (payload.value?.selectedAddress) {\n      editableAddress.value.address = payload.value.selectedAddress;\n    }\n  }\n);\n\nconst close = () => {\n  editableAddress.value = {\n    address: '',\n    label: '',\n    watchlist_ids: []\n  };\n  otherUsersFolders.value = [];\n  store.commit('setOnchainAddressesModal', { open: false, payload: {} });\n};\n\nconst createFolder = () => {\n  store.commit('setOnchainFolderModal', {\n    status: true,\n    payload: {}\n  });\n};\n</script>\n"],"names":["store","useStore","$watchlistStore","useWatchlistStore","userId","computed","_b","_a","teamFolders","i","j","folderOptions","uniqBy","x","otherUsersFolders","ref","onchainAddresses","editableAddress","labelError","addressError","buttonBusy","disabled","createAddressLabel","otherAddresses","labelFounded","item","addressObject","updateAddress","createAddresses","close","deleteAddressLabel","id","deleteAddress","watch","modal","payload","headerLabel","folderOnly","viewOnly","_d","_c","_e","_f","y","_g","createFolder"],"mappings":"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"}