chatwoot/app/javascript/shared/mixins/useInbox.js

import { computed } from 'vue';

export const INBOX_TYPES = {
  WEB: 'Channel::WebWidget',
  FB: 'Channel::FacebookPage',
  TWITTER: 'Channel::TwitterProfile',
  TWILIO: 'Channel::TwilioSms',
  WHATSAPP: 'Channel::Whatsapp',
  API: 'Channel::Api',
  EMAIL: 'Channel::Email',
  TELEGRAM: 'Channel::Telegram',
  LINE: 'Channel::Line',
  SMS: 'Channel::Sms',
};

export const INBOX_FEATURES = {
  REPLY_TO: 'replyTo',
  REPLY_TO_OUTGOING: 'replyToOutgoing',
};

export const INBOX_FEATURE_MAP = {
  [INBOX_FEATURES.REPLY_TO]: [
    INBOX_TYPES.FB,
    INBOX_TYPES.WEB,
    INBOX_TYPES.TWITTER,
    INBOX_TYPES.WHATSAPP,
    INBOX_TYPES.TELEGRAM,
    INBOX_TYPES.API,
  ],
  [INBOX_FEATURES.REPLY_TO_OUTGOING]: [
    INBOX_TYPES.WEB,
    INBOX_TYPES.TWITTER,
    INBOX_TYPES.WHATSAPP,
    INBOX_TYPES.TELEGRAM,
    INBOX_TYPES.API,
  ],
};

/**
 * Composable for handling inbox-related computations and methods.
 * @param {Object} inbox - The inbox object to be processed.
 * @param {Object} chat - The chat object associated with the inbox.
 * @returns {Object} An object containing computed properties and methods for inbox management.
 */
export function useInbox(inbox, chat) {
  const channelType = computed(() => inbox.channel_type);
  const whatsAppAPIProvider = computed(() => inbox.provider || '');

  const isAMicrosoftInbox = computed(
    () => isAnEmailChannel.value && inbox.provider === 'microsoft'
  );
  const isAGoogleInbox = computed(
    () => isAnEmailChannel.value && inbox.provider === 'google'
  );
  const isAPIInbox = computed(() => channelType.value === INBOX_TYPES.API);
  const isATwitterInbox = computed(
    () => channelType.value === INBOX_TYPES.TWITTER
  );
  const isAFacebookInbox = computed(() => channelType.value === INBOX_TYPES.FB);
  const isAWebWidgetInbox = computed(
    () => channelType.value === INBOX_TYPES.WEB
  );
  const isATwilioChannel = computed(
    () => channelType.value === INBOX_TYPES.TWILIO
  );
  const isALineChannel = computed(() => channelType.value === INBOX_TYPES.LINE);
  const isAnEmailChannel = computed(
    () => channelType.value === INBOX_TYPES.EMAIL
  );
  const isATelegramChannel = computed(
    () => channelType.value === INBOX_TYPES.TELEGRAM
  );

  const isATwilioSMSChannel = computed(() => {
    const { medium = '' } = inbox;
    return isATwilioChannel.value && medium === 'sms';
  });

  const isASmsInbox = computed(
    () => channelType.value === INBOX_TYPES.SMS || isATwilioSMSChannel.value
  );

  const isATwilioWhatsAppChannel = computed(() => {
    const { medium = '' } = inbox;
    return isATwilioChannel.value && medium === 'whatsapp';
  });

  const isAWhatsAppCloudChannel = computed(
    () =>
      channelType.value === INBOX_TYPES.WHATSAPP &&
      whatsAppAPIProvider.value === 'whatsapp_cloud'
  );

  const is360DialogWhatsAppChannel = computed(
    () =>
      channelType.value === INBOX_TYPES.WHATSAPP &&
      whatsAppAPIProvider.value === 'default'
  );

  const chatAdditionalAttributes = computed(() => {
    const { additional_attributes: additionalAttributes } = chat || {};
    return additionalAttributes || {};
  });

  const isTwitterInboxTweet = computed(
    () => chatAdditionalAttributes.value.type === 'tweet'
  );

  const twilioBadge = computed(
    () => `${isATwilioSMSChannel.value ? 'sms' : 'whatsapp'}`
  );
  const twitterBadge = computed(
    () => `${isTwitterInboxTweet.value ? 'twitter-tweet' : 'twitter-dm'}`
  );
  const facebookBadge = computed(
    () => chatAdditionalAttributes.value.type || 'facebook'
  );

  const inboxBadge = computed(() => {
    if (isATwitterInbox.value) return twitterBadge.value;
    if (isAFacebookInbox.value) return facebookBadge.value;
    if (isATwilioChannel.value) return twilioBadge.value;
    if (isAWhatsAppChannel.value) return 'whatsapp';
    return channelType.value;
  });

  const isAWhatsAppChannel = computed(
    () =>
      channelType.value === INBOX_TYPES.WHATSAPP ||
      isATwilioWhatsAppChannel.value
  );

  const inboxHasFeature = feature => {
    return INBOX_FEATURE_MAP[feature]?.includes(channelType.value) ?? false;
  };

  return {
    channelType,
    whatsAppAPIProvider,
    isAMicrosoftInbox,
    isAGoogleInbox,
    isAPIInbox,
    isATwitterInbox,
    isAFacebookInbox,
    isAWebWidgetInbox,
    isATwilioChannel,
    isALineChannel,
    isAnEmailChannel,
    isATelegramChannel,
    isATwilioSMSChannel,
    isASmsInbox,
    isATwilioWhatsAppChannel,
    isAWhatsAppCloudChannel,
    is360DialogWhatsAppChannel,
    chatAdditionalAttributes,
    isTwitterInboxTweet,
    twilioBadge,
    twitterBadge,
    facebookBadge,
    inboxBadge,
    isAWhatsAppChannel,
    inboxHasFeature,
  };
}