softchatjs-react-native/dist/contexts/MessageStateContext.mjs

React native UI SDK for softchatjs-core. Create a free account at: https://www.softchatjs.com

// src/contexts/MessageStateContext.tsx
import React, {
  createContext,
  useState,
  useContext
} from "react";
import { Audio } from "expo-av";

// src/constants/defaultUser.ts
var defaultUser_default = {
  id: "",
  uid: "",
  username: "",
  firstname: "",
  lastname: "",
  profileUrl: "",
  color: "",
  custom: {}
};

// src/contexts/MessageStateContext.tsx
var initialMessageStateContext = {
  globalTextMessage: "",
  setGlobalTextMessage: () => {
  },
  stickers: [],
  setStickers: () => {
  },
  pendingMessages: [],
  addNewPendingMessages: (message) => {
  },
  removePendingMessage: (messageId) => {
  },
  updatePendingMessage: (messageId, message) => {
  },
  playVoiceMessage: (media) => {
  },
  pauseVoiceMessage: () => {
  },
  resumeVoiceMessage: () => {
  },
  audioState: null,
  unload: () => {
  },
  sound: null,
  activeVoiceMessage: null,
  avPlayBackStatus: null,
  userMeta: defaultUser_default,
  setUserMeta: () => {
  },
  conversationList: [],
  setConversationList: () => {
  }
};
var MessageStateContext_default = initialMessageStateContext;
var MessageStateContext = createContext(
  initialMessageStateContext
);
var useMessageState = () => useContext(MessageStateContext);
var MessageStateProvider = ({ children }) => {
  const [conversationList, setConversationList] = useState([]);
  const [globalTextMessage, setGlobalTextMessage] = useState("");
  const [stickers, setStickers] = useState([]);
  const [pendingMessages, setPendingMessages] = useState([]);
  const [sound, setSound] = useState(null);
  const [audioState, setAudioState] = useState(null);
  const [activeVoiceMessage, setActiveVoiceMessage] = useState(null);
  const [avPlayBackStatus, setAvPlayBackStatus] = useState(null);
  const [userMeta, setUserMeta] = useState(defaultUser_default);
  const addNewPendingMessages = (message) => {
    setPendingMessages((prev) => {
      return [...prev, message];
    });
  };
  const removePendingMessage = (messageId) => {
    setPendingMessages((prev) => {
      const filtered = prev.filter((m) => m.messageId !== messageId);
      return filtered;
    });
  };
  const updatePendingMessage = (messageId, updatedMessage) => {
    const clonedMessage = JSON.parse(JSON.stringify(updatedMessage));
    setPendingMessages(
      (prev) => prev.map(
        (message) => message.messageId === messageId ? { ...message, ...clonedMessage } : message
      )
    );
  };
  const onPlaybackStatusUpdate = (data) => {
    console.log(data);
    setAvPlayBackStatus(data);
    if (data?.didJustFinish) {
      setAudioState(null);
      unload();
    }
  };
  const playVoiceMessage = async (media) => {
    if (activeVoiceMessage !== null && media.mediaId !== activeVoiceMessage?.mediaId) {
      return unload();
    }
    setActiveVoiceMessage(media);
    setAudioState("loading");
    try {
      console.log("Loading Sound");
      console.log(media.mediaUrl);
      const { sound: avSound } = await Audio.Sound.createAsync({ uri: media.mediaUrl }, {}, onPlaybackStatusUpdate);
      setSound(avSound);
      console.log("Playing Sound");
      setAudioState("playing");
      await avSound.playAsync();
    } catch (error) {
      console.error("Error loading audio: ", error);
      setAudioState(null);
    }
  };
  const pauseVoiceMessage = async () => {
    await sound?.pauseAsync();
    setAudioState("paused");
  };
  const resumeVoiceMessage = async () => {
    if (audioState === "paused") {
      await sound?.playAsync();
      setAudioState("playing");
    }
  };
  const unload = () => {
    console.log("Unloading Sound");
    sound?.stopAsync();
    sound?.unloadAsync();
    setSound(null);
    setActiveVoiceMessage(null);
    setAudioState(null);
  };
  return /* @__PURE__ */ React.createElement(
    MessageStateContext.Provider,
    {
      value: {
        globalTextMessage,
        setGlobalTextMessage,
        stickers,
        setStickers,
        pendingMessages,
        addNewPendingMessages,
        removePendingMessage,
        updatePendingMessage,
        playVoiceMessage,
        pauseVoiceMessage,
        resumeVoiceMessage,
        audioState,
        unload,
        sound,
        activeVoiceMessage,
        avPlayBackStatus,
        userMeta,
        setUserMeta,
        conversationList,
        setConversationList
      }
    },
    children
  );
};
export {
  MessageStateProvider,
  MessageStateContext_default as default,
  useMessageState
};
//# sourceMappingURL=MessageStateContext.mjs.map