customerio-gist-web/src/managers/inbox-message-manager.js

Build beautiful in-app flows with no code and deliver them instantly to your app. http://customer.io

import Gist from '../gist';
import { getKeyFromLocalStore, setKeyToLocalStore } from '../utilities/local-storage';
import { getHashedUserToken } from './user-manager';
import { log } from '../utilities/log';
import { logUserMessageView } from '../services/log-service';
import { updateMessage } from '../services/message-service';

const messageInboxUpdatedEventName = 'messageInboxUpdated';
const inboxMessageEventName = 'inboxMessageAction';
const inboxMessagesLocalStoreName = "gist.web.inbox.messages";
const inboxMessagesLocalStoreCacheInMinutes = 60;

export async function updateInboxMessagesLocalStore(messages) {
  const inboxLocalStoreName = await getInboxMessagesLocalStoreName();
  if (!inboxLocalStoreName) return;

  const expiryDate = new Date();
  expiryDate.setMinutes(expiryDate.getMinutes() + inboxMessagesLocalStoreCacheInMinutes);

  setKeyToLocalStore(inboxLocalStoreName, messages, expiryDate);

  Gist.events.dispatch(messageInboxUpdatedEventName, messages);
}

export async function getInboxMessagesFromLocalStore() {
  const inboxLocalStoreName = await getInboxMessagesLocalStoreName();
  if (!inboxLocalStoreName) return [];

  const storedMessages = getKeyFromLocalStore(inboxLocalStoreName) ?? [];
  const now = new Date();

  return storedMessages.filter(message => {
    if (!message.expiry) return true;
    const expiryDate = new Date(message.expiry);
    return expiryDate > now;
  });
}

export async function getInboxMessagesByTopic(topic) {
  const messages = await getInboxMessagesFromLocalStore();
  if (!topic) return messages;

  return messages.filter(message => {
    if (!message.topics || message.topics.length === 0) {
      return topic === 'default';
    }
    return message.topics.includes(topic);
  });
}

export async function updateInboxMessageOpenState(queueId, opened) {
  const inboxLocalStoreName = await getInboxMessagesLocalStoreName();
  if (!inboxLocalStoreName) return;

  const response = await updateMessage(queueId, { opened: opened });

  if (!response || response.status < 200 || response.status >= 300) {
    const errorMsg = `Failed to mark inbox message opened: ${response?.status || 'unknown error'}`;
    log(errorMsg);
    throw new Error(errorMsg);
  }

  const messages = await getInboxMessagesFromLocalStore();
  let updatedMessage = null;
  const updatedMessages = messages.map(message => {
    if (message.queueId === queueId) {
      message.opened = opened;
      updatedMessage = message;
      return { ...message };
    }
    return message;
  });


  const expiryDate = new Date();
  expiryDate.setMinutes(expiryDate.getMinutes() + inboxMessagesLocalStoreCacheInMinutes);
  setKeyToLocalStore(inboxLocalStoreName, updatedMessages, expiryDate);

  if (updatedMessage) {
    const action = opened ? 'opened' : 'unopened';
    Gist.events.dispatch(inboxMessageEventName, {message: updatedMessage, action: action});
  }

  Gist.events.dispatch(messageInboxUpdatedEventName, await getInboxMessagesFromLocalStore());
}

export async function removeInboxMessage(queueId) {
  const inboxLocalStoreName = await getInboxMessagesLocalStoreName();
  if (!inboxLocalStoreName) return;

  const response = await logUserMessageView(queueId);

  if (!response || response.status < 200 || response.status >= 300) {
    const errorMsg = `Failed to remove inbox message: ${response?.status || 'unknown error'}`;
    log(errorMsg);
    throw new Error(errorMsg);
  }

  const messages = await getInboxMessagesFromLocalStore();
  const filteredMessages = messages.filter(message =>
    message.queueId !== queueId
  );

  const expiryDate = new Date();
  expiryDate.setMinutes(expiryDate.getMinutes() + inboxMessagesLocalStoreCacheInMinutes);
  setKeyToLocalStore(inboxLocalStoreName, filteredMessages, expiryDate);
  
  Gist.events.dispatch(messageInboxUpdatedEventName, await getInboxMessagesFromLocalStore());
}

async function getInboxMessagesLocalStoreName() {
  const userToken = await getHashedUserToken();
  if (!userToken) return null;
  return `${inboxMessagesLocalStoreName}.${userToken}`;
}