{"version":3,"file":"ChatAddMemberModal-bff4cbbe.js","sources":["../../../app/javascript/components/chat/ChatAddMemberModal.vue"],"sourcesContent":["<template>\n  <BaseDialog :model-value=\"true\" size-class=\"!max-w-3xl h-[40rem]\" @update:model-value=\"$emit('close')\">\n    <template #header> Add Members to {{ truncate(channel.data.name, 50) }} </template>\n    <template #default>\n      <div class=\"flex-col items-center space-y-2 px-2\">\n        <div class=\"ml-2 text-sm text-red-400\">{{ memberError }}</div>\n        <ChatUserSelect\n          :users=\"filteredUsers\"\n          :team-member-count=\"filteredTeamMembers.length\"\n          :selected-team-tab=\"selectedTeamTab\"\n          :channel=\"props.channel\"\n          @user-selected=\"\n            $event.selected = true;\n            memberError = '';\n          \"\n          @option-removed=\"$event.selected = false\"\n          @team-tab-selected=\"selectedTeamTab = $event\"\n        />\n      </div>\n      <div class=\"px-2 pt-2.5 text-xs font-normal text-gray-400\" v-if=\"channel.data.message_history_access\">\n        Note: Newly added members will be able to see the full chat history.\n      </div>\n    </template>\n    <template #footer>\n      <div class=\"flex w-full items-center justify-end space-x-2 px-2\">\n        <BaseButton type=\"secondary\" @press=\"$emit('close')\">Cancel</BaseButton>\n        <BaseButton :busy=\"buttonBusy\" @press=\"addMemberstoChannel()\">Add</BaseButton>\n      </div>\n    </template>\n  </BaseDialog>\n</template>\n<script setup>\nimport { onMounted, ref, computed } from 'vue';\nimport ChatUserSelect from './ChatUserSelect.vue';\nimport { truncate } from '@/composeables/filters';\nimport { useMapGetter } from '@/store/map-state';\nimport useEmitter from '@/composeables/emitter';\nimport useHttp from '@/composeables/http';\nimport { saveNotificationPreference, getColor } from '@/composeables/chat';\n\nconst { client, streamUser, streamUsers } = useMapGetter();\nconst $emitter = useEmitter();\n\nconst props = defineProps({\n  channel: Object\n});\n\nconst $emit = defineEmits(['close']);\nconst $http = useHttp();\n\n// USERS\nconst users = ref([]);\nconst selectedUsers = computed(() => {\n  return users.value.filter(x => x.selected);\n});\nconst filteredUsers = computed(() => {\n  return users.value.filter(x => channelMembers.value.every(y => x.id !== y.user_id));\n});\nonMounted(() => {\n  users.value = streamUsers.value.map(x => {\n    return { ...x, selected: false };\n  });\n});\n\n// MEMBERS\nconst buttonBusy = ref(false);\nconst memberError = ref('');\nconst channelMembers = ref(Object.values(props.channel.state.members));\n\nconst filteredTeamMembers = computed(() => {\n  return users.value.filter(x => channelMembers.value.every(y => x.id !== y.user_id && x.team_id === y.team_id));\n});\n\nfunction setChannelMute(users, channelId) {\n  $http.put('/mute_channel', {\n    channel_id: channelId,\n    user_ids: users\n  });\n}\n\nfunction addMemberText(selectedTeamMembers, chat_type, status = 'added') {\n  let firstThreeMembers = selectedTeamMembers.slice(0, 3);\n  let text = `{{user:${streamUser.value.id}}} ${status} ${firstThreeMembers.map(u => `{{user:${u.id}}}`).join(', ')}`;\n  if (firstThreeMembers.length === 3 && !(selectedTeamMembers.length - 3) <= 0) {\n    text += ` and ${selectedTeamMembers.length - 3} other${selectedTeamMembers.length - 3 > 1 ? 's' : ''}`;\n  }\n  text += chat_type === 'channel' ? ' to the chat.' : ' to the group.';\n  return text;\n}\n\nasync function addMemberstoChannel() {\n  if (selectedUsers.value.length == 0) {\n    memberError.value = 'Please select atleast one person';\n  } else {\n    let selectedTeamMembers = selectedUsers.value.filter(user =>\n      user.teams ? user.team_id == streamUser.value.team_id : false\n    );\n    let selectedExternalMembers =\n      selectedUsers.value\n        .filter(user => (user.teams ? user.team_id != streamUser.value.team_id : false))\n        .map(user => user.id) || [];\n    buttonBusy.value = true;\n    $emit('close');\n    if (props.channel.data.direct_messaging) {\n      createGroupDM(selectedTeamMembers, selectedExternalMembers);\n      return;\n    }\n    if (selectedExternalMembers.length) {\n      let invitedUsers = props.channel.data.invited_users || [];\n      invitedUsers.push({\n        invited_users: selectedExternalMembers,\n        invited_by: { id: streamUser.value.id, name: streamUser.value.name }\n      });\n      await props.channel.updatePartial({\n        set: {\n          invited_users: invitedUsers\n        }\n      });\n      await props.channel.inviteMembers(selectedExternalMembers);\n      const extMembersData = selectedUsers.value.filter(user =>\n        user.teams ? user.team_id != streamUser.value.team_id : false\n      );\n      await props.channel.sendMessage({\n        text: addMemberText(extMembersData, 'channel', 'has invited'),\n        activity_status: 'invited',\n        activity_members: messageMembers(extMembersData)\n      });\n      setChannelMute(selectedExternalMembers, props.channel.id);\n    }\n    if (selectedTeamMembers.length > 0) {\n      await props.channel.addMembers(\n        selectedTeamMembers.map(user => user.id),\n        undefined,\n        { hide_history: !props.channel.data.message_history_access }\n      );\n      if (selectedTeamMembers.length) {\n        await props.channel.sendMessage({\n          text: addMemberText(selectedTeamMembers, 'channel'),\n          activity_status: 'added',\n          activity_members: messageMembers(selectedTeamMembers)\n        });\n      }\n      saveNotificationPreference(\n        selectedTeamMembers.map(user => user.id),\n        props.channel,\n        'all'\n      );\n    }\n  }\n}\n\n// CREATE GROUP DM\nfunction messageMembers(teamMembers) {\n  let data = [];\n  data.push({ id: streamUser.value.id, name: streamUser.value.name });\n  let firstThreeMembers = teamMembers.slice(0, 3);\n  firstThreeMembers.forEach(m => {\n    data.push({ id: m.id, name: m.name });\n  });\n  return data;\n}\n\nasync function createGroupDM(teamUsers, externalUsers) {\n  let channelMembers = selectedUsers.value;\n  channelMembers.push(...Object.values(props.channel.state.members).map(x => x.user));\n\n  let existingMembers = Object.values(props.channel.state.members);\n  externalUsers.push(...existingMembers.filter(x => x.invited && !x.accepted_at).map(x => x.user_id));\n  teamUsers.push(...existingMembers.filter(x => !externalUsers.includes(x.user_id)).map(x => x.user));\n\n  const filter = {\n    type: 'messaging',\n    members: {\n      $eq: channelMembers.map(x => x.id)\n    },\n    direct_group_messaging: true\n  };\n  const sort = [{ last_message_at: -1 }];\n  let channels = await client.value.queryChannels(filter, sort, {});\n  if (channels.length <= 0) {\n    let id = Math.random().toString(16).slice(2);\n    let channel_id = [\n      selectedUsers.value\n        .map(x => x.name)\n        .join('_')\n        .replace(/[^\\w]/g, '')\n        .substring(0, 64 - id.length - 1),\n      id\n    ].join('_');\n    const channel = await client.value.channel('messaging', channel_id, {\n      team: 'messaging',\n      name: teamUsers.map(x => x.name).join(', '),\n      members: teamUsers.map(x => x.id),\n      background_color: getColor(),\n      channel_state: 'private',\n      channel_admins: [streamUser.value.id],\n      direct_group_messaging: true,\n      message_history_access: false,\n      add_member_access: false,\n      invited_users: externalUsers.length\n        ? [{ invited_users: externalUsers, invited_by: { id: streamUser.value.id, name: streamUser.value.name } }]\n        : []\n    });\n    await channel.watch();\n    if (externalUsers.length) {\n      await channel.inviteMembers(externalUsers);\n      setChannelMute(externalUsers, channel.id);\n    }\n    await channel.sendMessage({\n      text: `{{user:${streamUser.value.id}}} has created this group.`,\n      activity_status: 'added',\n      activity_members: [{ id: streamUser.value.id, name: streamUser.value.name }]\n    });\n    if (teamUsers.length) {\n      await channel.sendMessage({\n        text: addMemberText(\n          teamUsers.filter(x => x.id !== client.value.user.id),\n          'group'\n        ),\n        activity_status: 'added',\n        activity_members: messageMembers(teamUsers.filter(x => x.id !== client.value.user.id))\n      });\n    }\n    saveNotificationPreference(\n      teamUsers.map(x => x.id),\n      channel,\n      'all'\n    );\n    $emitter.$emit('channel:added', channel);\n  } else {\n    $emitter.$emit('channel:change', channels[0]);\n  }\n}\n\n// OTHERS\nconst selectedTeamTab = ref('team');\n</script>\n"],"names":["client","streamUser","streamUsers","useMapGetter","$emitter","useEmitter","$http","useHttp","users","ref","selectedUsers","computed","x","filteredUsers","channelMembers","y","onMounted","buttonBusy","memberError","props","filteredTeamMembers","setChannelMute","channelId","addMemberText","selectedTeamMembers","chat_type","status","firstThreeMembers","text","u","addMemberstoChannel","user","selectedExternalMembers","$emit","createGroupDM","invitedUsers","extMembersData","messageMembers","saveNotificationPreference","teamMembers","data","m","teamUsers","externalUsers","existingMembers","filter","sort","channels","id","channel_id","channel","getColor","selectedTeamTab"],"mappings":"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"}