softchatjs-react-native
Version:
React native UI SDK for softchatjs-core. Create a free account at: https://www.softchatjs.com
199 lines (196 loc) • 6.4 kB
JavaScript
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/contexts/MessageStateContext.tsx
var MessageStateContext_exports = {};
__export(MessageStateContext_exports, {
MessageStateProvider: () => MessageStateProvider,
default: () => MessageStateContext_default,
useMessageState: () => useMessageState
});
module.exports = __toCommonJS(MessageStateContext_exports);
var import_react = __toESM(require("react"));
var import_expo_av = require("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 = (0, import_react.createContext)(
initialMessageStateContext
);
var useMessageState = () => (0, import_react.useContext)(MessageStateContext);
var MessageStateProvider = ({ children }) => {
const [conversationList, setConversationList] = (0, import_react.useState)([]);
const [globalTextMessage, setGlobalTextMessage] = (0, import_react.useState)("");
const [stickers, setStickers] = (0, import_react.useState)([]);
const [pendingMessages, setPendingMessages] = (0, import_react.useState)([]);
const [sound, setSound] = (0, import_react.useState)(null);
const [audioState, setAudioState] = (0, import_react.useState)(null);
const [activeVoiceMessage, setActiveVoiceMessage] = (0, import_react.useState)(null);
const [avPlayBackStatus, setAvPlayBackStatus] = (0, import_react.useState)(null);
const [userMeta, setUserMeta] = (0, import_react.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 import_expo_av.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__ */ import_react.default.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
);
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
MessageStateProvider,
useMessageState
});
//# sourceMappingURL=MessageStateContext.js.map