@ethora/chat-component-rn 26.5.1 → 26.5.2

package/lib/module/components/MainComponents/ChatWrapper.js

@@ -0,0 +1,271 @@
+"use strict";
+
+import React, { useEffect, useMemo, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import ChatRoom from './ChatRoom';
+import { setActiveModal, setConfig, setDeleteModal, setStoreClient } from '../../roomStore/chatSettingsSlice';
+import { ChatWrapperBox } from '../styled/ChatWrapperBox';
+import { Overlay, StyledModal } from '../styled/MediaModal';
+import { Message } from '../MessageBubble/Message';
+import { useXmppClient } from '../../context/xmppProvider';
+import LoginForm from '../AuthForms/Login';
+import Loader from '../styled/Loader';
+import { setCurrentRoom, setEditAction, setIsLoading } from '../../roomStore/roomsSlice';
+import { refresh } from '../../networking/apiClient';
+import RoomList from './RoomList';
+import { StyledLoaderWrapper } from '../styled/StyledComponents';
+import Modal from '../Modals/Modal/Modal';
+import { ModalWrapper } from '../Modals/ModalWrapper/ModalWrapper';
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { Text } from 'react-native';
+import { pushLog as devPushLog } from '../../utils/devLogger';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ChatWrapper = ({
+  MainComponentStyles,
+  CustomMessageComponent,
+  room,
+  config,
+  roomJID
+}) => {
+  const {
+    user,
+    activeModal,
+    deleteModal,
+    client: storedClient
+  } = useChatSettingState();
+  const [isInited, setInited] = useState(false);
+  const [showModal, setShowModal] = useState(false);
+  // const [isModalDeleteOpen, setIsModalDeleteOpen] = useState(false);
+
+  const [isChatVisible, setIsChatVisible] = useState(false);
+  const [isSmallScreen, setIsSmallScreen] = useState(false);
+  const handleItemClick = value => {
+    setIsChatVisible(value);
+  };
+  const dispatch = useDispatch();
+  const {
+    client,
+    initializeClient,
+    setClient,
+    providerBootstrapStatus,
+    initMode
+  } = useXmppClient();
+  const {
+    rooms,
+    activeRoomJID
+  } = useSelector(state => state.rooms);
+  const activeMessage = useMemo(() => {
+    if (activeRoomJID) {
+      return rooms[activeRoomJID]?.messages?.find(message => message?.activeMessage);
+    }
+  }, [rooms, activeRoomJID]);
+  const handleChangeChat = chat => {
+    dispatch(setCurrentRoom({
+      roomJID: chat.jid
+    }));
+    activeRoomJID !== chat.jid && dispatch(setIsLoading({
+      chatJID: chat.jid,
+      loading: true
+    }));
+    dispatch(setEditAction({
+      isEdit: false
+    }));
+    handleItemClick(true);
+  };
+  const handleDeleteClick = () => {
+    if (!client || !deleteModal?.roomJid || !deleteModal?.messageId) {
+      dispatch(setDeleteModal({
+        isDeleteModal: false
+      }));
+      return;
+    }
+    client.deleteMessageStanza(deleteModal.roomJid, deleteModal.messageId);
+    dispatch(setDeleteModal({
+      isDeleteModal: false
+    }));
+  };
+  const handleCloseDeleteModal = () => {
+    dispatch(setDeleteModal({
+      isDeleteModal: false
+    }));
+  };
+  useEffect(() => {
+    return () => {
+      if (client && user.xmppPassword === '') {
+        console.log('closing client');
+        client.close();
+        setClient(null);
+      }
+    };
+  }, [user.xmppPassword]);
+
+  // Tell the XMPP client which room is currently active so the QoS
+  // scheduler can prioritize its history fetches.
+  useEffect(() => {
+    if (!client) {
+      return;
+    }
+    client.setActiveRoomJid?.(activeRoomJID || null);
+  }, [client, activeRoomJID]);
+  useEffect(() => {
+    if (roomJID) {
+      dispatch(setCurrentRoom({
+        roomJID: roomJID
+      }));
+    }
+    const initXmmpClient = async () => {
+      // Only sync config to redux if we have one — passing `undefined`
+      // wipes whatever XmppProvider already set up.
+      if (config) {
+        dispatch(setConfig(config));
+      }
+      try {
+        const hasUser = !!user?.defaultWallet?.walletAddress && user?.defaultWallet.walletAddress !== '' && !!user?.xmppPassword;
+
+        // initBeforeLoad path — provider owns auth + xmpp connect; we just wait.
+        if (config?.initBeforeLoad && initMode === 'provider') {
+          if (providerBootstrapStatus === 'failed') {
+            devPushLog('error', 'ChatWrapper: bootstrap failed');
+            setShowModal(true);
+            setInited(false);
+            return;
+          }
+          if (providerBootstrapStatus !== 'ready') {
+            // 'idle' or 'running' → just wait; effect will re-run when status flips.
+            devPushLog('rn', `ChatWrapper: waiting for provider (${providerBootstrapStatus})`);
+            return;
+          }
+          // ready — fall through to client wiring below
+        }
+        if (!hasUser) {
+          // No user yet. In initBeforeLoad mode this is normal during the
+          // bootstrap window; show the loader (no modal). In legacy mode
+          // it's an error.
+          if (config?.initBeforeLoad) {
+            devPushLog('rn', 'ChatWrapper: no user yet, awaiting provider');
+            setShowModal(false);
+            return;
+          }
+          devPushLog('error', 'ChatWrapper: no user (legacy login path)');
+          setShowModal(true);
+          return;
+        }
+
+        // We have a user. Modal should be down.
+        setShowModal(false);
+        if (!client && !storedClient) {
+          devPushLog('rn', 'ChatWrapper: initing xmpp client (legacy path)');
+          await initializeClient(user.xmppUsername || user.defaultWallet?.walletAddress, user.xmppPassword, config?.xmppSettings).then(c => {
+            c.getRoomsStanza().then(() => {
+              c.getChatsPrivateStoreRequestStanza();
+              dispatch(setStoreClient(c));
+              setClient(c);
+            }).catch(err => console.warn('getRoomsStanza failed', err));
+          });
+          setInited(true);
+          if (config?.refreshTokens?.enabled) {
+            refresh();
+          }
+        } else if (storedClient) {
+          devPushLog('rn', 'ChatWrapper: reusing storedClient');
+          setClient(storedClient);
+          if (!activeRoomJID) {
+            storedClient.getRoomsStanza().then(() => {
+              storedClient.getChatsPrivateStoreRequestStanza();
+            }).catch(err => console.warn('getRoomsStanza failed', err));
+          }
+          setInited(true);
+          if (config?.refreshTokens?.enabled) {
+            refresh();
+          }
+        } else if (client) {
+          devPushLog('rn', 'ChatWrapper: reusing provider client');
+          if (!activeRoomJID) {
+            client.getRoomsStanza().then(() => {
+              client.getChatsPrivateStoreRequestStanza();
+            }).catch(err => console.warn('getRoomsStanza failed', err));
+          }
+          client.getChatsPrivateStoreRequestStanza();
+          setInited(true);
+          if (config?.refreshTokens?.enabled) {
+            refresh();
+          }
+        }
+        dispatch(setIsLoading({
+          loading: false
+        }));
+      } catch (error) {
+        devPushLog('error', 'ChatWrapper: init failed', error);
+        setShowModal(true);
+        setInited(false);
+        dispatch(setIsLoading({
+          loading: false
+        }));
+      }
+    };
+    initXmmpClient();
+  }, [user.xmppPassword, user.defaultWallet, providerBootstrapStatus, initMode, config?.initBeforeLoad]);
+
+  // Skip the legacy email/password LoginForm entirely when XmppProvider
+  // is driving auth via initBeforeLoad — the bootstrap effect will
+  // populate the user shortly. Showing LoginForm here causes a flicker
+  // and (worse) a stale form that races against the in-flight bootstrap.
+  if (user.xmppPassword === '' && user.xmppUsername === '' && !config?.initBeforeLoad) {
+    return /*#__PURE__*/_jsx(LoginForm, {
+      config: config
+    });
+  }
+
+  // Mirror the web layout: when `disableRooms` is false and the
+  // consumer didn't preselect a `roomJID`, show the RoomList until the
+  // user picks one; then show the chat with a back button to return to
+  // the list. With `roomJID` or `disableRooms`, skip the list entirely.
+  const showRoomList = !config?.disableRooms && !roomJID && !activeRoomJID;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showModal && /*#__PURE__*/_jsx(Overlay, {
+      children: /*#__PURE__*/_jsx(StyledModal, {
+        children: /*#__PURE__*/_jsx(Text, {
+          children: "There was an error. Please, refresh the page"
+        })
+      })
+    }), /*#__PURE__*/_jsx(_Fragment, {
+      children: isInited ? /*#__PURE__*/_jsxs(ChatWrapperBox, {
+        style: {
+          ...MainComponentStyles
+        },
+        children: [showRoomList ? /*#__PURE__*/_jsx(RoomList, {
+          chats: Object.values(rooms),
+          onRoomClick: handleChangeChat
+        }) : /*#__PURE__*/_jsx(ChatWrapperBox, {
+          style: {
+            ...MainComponentStyles
+          },
+          children: /*#__PURE__*/_jsx(ChatRoom, {
+            CustomMessageComponent: CustomMessageComponent || Message,
+            handleBackClick: roomJID || config?.disableRooms ? undefined : () => {
+              dispatch(setCurrentRoom({
+                roomJID: ''
+              }));
+            }
+          })
+        }), /*#__PURE__*/_jsx(Modal, {
+          modal: activeModal,
+          setOpenModal: value => dispatch(setActiveModal(value))
+        }), deleteModal?.isDeleteModal && /*#__PURE__*/_jsx(ModalWrapper, {
+          title: "Delete Message",
+          description: "Are you sure you want to delete this message?",
+          buttonText: "Delete",
+          backgroundColorButton: "#E53935",
+          handleClick: handleDeleteClick,
+          handleCloseModal: handleCloseDeleteModal
+        })]
+      }) : /*#__PURE__*/_jsx(StyledLoaderWrapper, {
+        children: /*#__PURE__*/_jsx(Loader, {
+          color: config?.colors?.primary
+        })
+      })
+    })]
+  });
+};
+export { ChatWrapper };
+//# sourceMappingURL=ChatWrapper.js.map

package/lib/module/components/MainComponents/ChatWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useState","useDispatch","useSelector","ChatRoom","setActiveModal","setConfig","setDeleteModal","setStoreClient","ChatWrapperBox","Overlay","StyledModal","Message","useXmppClient","LoginForm","Loader","setCurrentRoom","setEditAction","setIsLoading","refresh","RoomList","StyledLoaderWrapper","Modal","ModalWrapper","useChatSettingState","Text","pushLog","devPushLog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChatWrapper","MainComponentStyles","CustomMessageComponent","room","config","roomJID","user","activeModal","deleteModal","client","storedClient","isInited","setInited","showModal","setShowModal","isChatVisible","setIsChatVisible","isSmallScreen","setIsSmallScreen","handleItemClick","value","dispatch","initializeClient","setClient","providerBootstrapStatus","initMode","rooms","activeRoomJID","state","activeMessage","messages","find","message","handleChangeChat","chat","jid","chatJID","loading","isEdit","handleDeleteClick","roomJid","messageId","isDeleteModal","deleteMessageStanza","handleCloseDeleteModal","xmppPassword","console","log","close","setActiveRoomJid","initXmmpClient","hasUser","defaultWallet","walletAddress","initBeforeLoad","xmppUsername","xmppSettings","then","c","getRoomsStanza","getChatsPrivateStoreRequestStanza","catch","err","warn","refreshTokens","enabled","error","showRoomList","disableRooms","children","style","chats","Object","values","onRoomClick","handleBackClick","undefined","modal","setOpenModal","title","description","buttonText","backgroundColorButton","handleClick","handleCloseModal","color","colors","primary"],"sourceRoot":"../../../../src","sources":["components/MainComponents/ChatWrapper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MainComponents/ChooseChatMessage.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { styled } from 'styled-components/native';
+import { NoSelectedChatIcon } from '../../assets/icons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ChooseChatMessageContainer = styled.View`
+  height: 100%;
+  width: 100%;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  gap: 16px;
+`;
+export const ChooseChatMessageContainerBoxText = styled.View`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+`;
+export const ChooseChatTitle = styled.Text`
+  font-size: 16px;
+  color: #141414;
+  font-weight: 600;
+`;
+export const ChooseChatDescription = styled.Text`
+  font-size: 14px;
+  color: #141414;
+`;
+export const ChooseChatMessage = () => {
+  return /*#__PURE__*/_jsxs(ChooseChatMessageContainer, {
+    children: [/*#__PURE__*/_jsx(NoSelectedChatIcon, {}), /*#__PURE__*/_jsxs(ChooseChatMessageContainerBoxText, {
+      children: [/*#__PURE__*/_jsx(ChooseChatTitle, {
+        children: "Start a Conversation"
+      }), /*#__PURE__*/_jsx(ChooseChatDescription, {
+        children: "Choose a chat to start messaging."
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=ChooseChatMessage.js.map

package/lib/module/components/MainComponents/ChooseChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","NoSelectedChatIcon","jsx","_jsx","jsxs","_jsxs","ChooseChatMessageContainer","View","ChooseChatMessageContainerBoxText","ChooseChatTitle","Text","ChooseChatDescription","ChooseChatMessage","children"],"sourceRoot":"../../../../src","sources":["components/MainComponents/ChooseChatMessage.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,0BAA0B;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,OAAO,MAAMC,0BAA0B,GAAGN,MAAM,CAACO,IAAI;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,iCAAiC,GAAGR,MAAM,CAACO,IAAI;AAC5D;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,eAAe,GAAGT,MAAM,CAACU,IAAI;AAC1C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGX,MAAM,CAACU,IAAI;AAChD;AACA;AACA,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EACrC,oBACEP,KAAA,CAACC,0BAA0B;IAAAO,QAAA,gBACzBV,IAAA,CAACF,kBAAkB,IAAE,CAAC,eACtBI,KAAA,CAACG,iCAAiC;MAAAK,QAAA,gBAChCV,IAAA,CAACM,eAAe;QAAAI,QAAA,EAAC;MAAoB,CAAiB,CAAC,eACvDV,IAAA,CAACQ,qBAAqB;QAAAE,QAAA,EAAC;MAEvB,CAAuB,CAAC;IAAA,CACS,CAAC;EAAA,CACV,CAAC;AAEjC,CAAC","ignoreList":[]}

package/lib/module/components/MainComponents/ConnectionBanner.js

@@ -0,0 +1,35 @@
+"use strict";
+
+/** @format */
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ConnectionBanner = () => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.bannerContainer,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.bannerText,
+      children: "Connection lost. Retrying..."
+    })
+  });
+};
+const styles = StyleSheet.create({
+  bannerContainer: {
+    backgroundColor: '#ff9800',
+    padding: 8,
+    paddingHorizontal: 16,
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 1000
+  },
+  bannerText: {
+    color: '#ffffff',
+    fontSize: 14,
+    fontWeight: '500',
+    textAlign: 'center'
+  }
+});
+export default ConnectionBanner;
+//# sourceMappingURL=ConnectionBanner.js.map

package/lib/module/components/MainComponents/ConnectionBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","jsx","_jsx","ConnectionBanner","style","styles","bannerContainer","children","bannerText","create","backgroundColor","padding","paddingHorizontal","width","alignItems","justifyContent","zIndex","color","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["components/MainComponents/ConnectionBanner.tsx"],"mappings":";;AAAA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,MAAMC,gBAA0B,GAAGA,CAAA,KAAM;EACvC,oBACED,IAAA,CAACJ,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC,eAAgB;IAAAC,QAAA,eAClCL,IAAA,CAACH,IAAI;MAACK,KAAK,EAAEC,MAAM,CAACG,UAAW;MAAAD,QAAA,EAAC;IAA4B,CAAM;EAAC,CAC/D,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGL,UAAU,CAACS,MAAM,CAAC;EAC/BH,eAAe,EAAE;IACfI,eAAe,EAAE,SAAS;IAC1BC,OAAO,EAAE,CAAC;IACVC,iBAAiB,EAAE,EAAE;IACrBC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE;EACV,CAAC;EACDR,UAAU,EAAE;IACVS,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAejB,gBAAgB","ignoreList":[]}

package/lib/module/components/MainComponents/EditWrapper.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import React from 'react';
+import { EditIcon } from '../../assets/icons';
+import { styled } from 'styled-components/native';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EditContainer = styled.View`
+  background-color: #0052cd0d;
+  padding: 12px 24px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`;
+export const EditInfoBox = styled.View`
+  flex-direction: row;
+  align-items: center;
+`;
+export const EditTitle = styled.Text`
+  margin: 0px;
+  color: rgb(140, 140, 140);
+  text-align: start;
+  font-size: 12px;
+  padding-bottom: 4px;
+`;
+export const EditText = styled.Text`
+  margin: 0px;
+  font-size: 16px;
+  text-align: start;
+`;
+export const EditWrapper = ({
+  text,
+  onClose
+}) => {
+  console.log('text', text);
+  return /*#__PURE__*/_jsxs(EditContainer, {
+    children: [/*#__PURE__*/_jsxs(EditInfoBox, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          padding: 9,
+          paddingRight: 20,
+          paddingLeft: 0,
+          borderRightWidth: 1,
+          borderRightColor: '#0052CD',
+          borderStyle: 'solid'
+        },
+        children: /*#__PURE__*/_jsx(EditIcon, {
+          color: "#0052CD"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          paddingLeft: 20
+        },
+        children: [/*#__PURE__*/_jsx(EditTitle, {
+          children: "Edit Message"
+        }), /*#__PURE__*/_jsx(EditText, {
+          children: text
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: {
+        // background: "none",
+        // border: "none",
+        borderRadius: 8
+      },
+      onPress: onClose,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: {
+          fontSize: 24,
+          color: '#888'
+        },
+        children: "\xD7"
+      })
+    })]
+  });
+};
+//# sourceMappingURL=EditWrapper.js.map

package/lib/module/components/MainComponents/EditWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","EditIcon","styled","Text","TouchableOpacity","View","jsx","_jsx","jsxs","_jsxs","EditContainer","EditInfoBox","EditTitle","EditText","EditWrapper","text","onClose","console","log","children","style","padding","paddingRight","paddingLeft","borderRightWidth","borderRightColor","borderStyle","color","borderRadius","onPress","fontSize"],"sourceRoot":"../../../../src","sources":["components/MainComponents/EditWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,MAAM,QAAQ,0BAA0B;AACjD,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5D,OAAO,MAAMC,aAAa,GAAGR,MAAM,CAACG,IAAI;AACxC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMM,WAAW,GAAGT,MAAM,CAACG,IAAI;AACtC;AACA;AACA,CAAC;AAED,OAAO,MAAMO,SAAS,GAAGV,MAAM,CAACC,IAAI;AACpC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMU,QAAQ,GAAGX,MAAM,CAACC,IAAI;AACnC;AACA;AACA;AACA,CAAC;AAOD,OAAO,MAAMW,WAAiC,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAQ,CAAC,KAAK;EACtEC,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEH,IAAI,CAAC;EACzB,oBACEN,KAAA,CAACC,aAAa;IAAAS,QAAA,gBACZV,KAAA,CAACE,WAAW;MAAAQ,QAAA,gBACVZ,IAAA,CAACF,IAAI;QACHe,KAAK,EAAE;UACLC,OAAO,EAAE,CAAC;UACVC,YAAY,EAAE,EAAE;UAChBC,WAAW,EAAE,CAAC;UACdC,gBAAgB,EAAE,CAAC;UACnBC,gBAAgB,EAAE,SAAS;UAC3BC,WAAW,EAAE;QACf,CAAE;QAAAP,QAAA,eAEFZ,IAAA,CAACN,QAAQ;UAAC0B,KAAK,EAAC;QAAS,CAAE;MAAC,CACxB,CAAC,eACPlB,KAAA,CAACJ,IAAI;QAACe,KAAK,EAAE;UAAEG,WAAW,EAAE;QAAG,CAAE;QAAAJ,QAAA,gBAC/BZ,IAAA,CAACK,SAAS;UAAAO,QAAA,EAAC;QAAY,CAAW,CAAC,eACnCZ,IAAA,CAACM,QAAQ;UAAAM,QAAA,EAAEJ;QAAI,CAAW,CAAC;MAAA,CACvB,CAAC;IAAA,CACI,CAAC,eACdR,IAAA,CAACH,gBAAgB;MACfgB,KAAK,EAAE;QACL;QACA;QACAQ,YAAY,EAAE;MAChB,CAAE;MACFC,OAAO,EAAEb,OAAQ;MAAAG,QAAA,eAEjBZ,IAAA,CAACJ,IAAI;QAACiB,KAAK,EAAE;UAAEU,QAAQ,EAAE,EAAE;UAAEH,KAAK,EAAE;QAAO,CAAE;QAAAR,QAAA,EAAC;MAAO,CAAM;IAAC,CAC5C,CAAC;EAAA,CACN,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/components/MainComponents/LoginWrapper.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import React, { useCallback, useEffect, useState } from 'react';
+import { ChatWrapper } from './ChatWrapper';
+import { useDispatch, useSelector } from 'react-redux';
+import { setUser } from '../../roomStore/chatSettingsSlice';
+import { loginEmail } from '../../networking/api-requests/auth.api';
+import { OrDelimiter } from '../styled/StyledComponents';
+import { ButtonText, Container, CustomButton, Message } from './RNStyled';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const LoginWrapper = ({
+  ...props
+}) => {
+  const [showModal, setShowModal] = useState(false);
+  const {
+    user
+  } = useSelector(state => state.chatSettingStore);
+  const loginUserFunction = useCallback(async () => {
+    try {
+      // Per product-code-policy: no compiled-in dev credentials. If the
+      // consumer didn't pass `user.email` / `user.password`, the call
+      // below fails on empty strings, hits catch, and returns null.
+      const authData = await loginEmail(props?.user?.email || '', props?.user?.password || '');
+      return {
+        ...authData.data.user,
+        token: authData.data.token,
+        refreshToken: authData.data.refreshToken
+      };
+    } catch (error) {
+      console.error('Login failed:', error);
+      return null;
+    }
+  }, []);
+  const dispatch = useDispatch();
+  useEffect(() => {
+    // When config.initBeforeLoad is enabled, the XmppProvider owns user
+    // resolution end-to-end. Skip the legacy login paths here so we don't
+    // race against the provider's resolveInitBeforeLoadUser pipeline.
+    if (props?.config?.initBeforeLoad) {
+      return;
+    }
+    if (props?.config?.userLogin?.enabled && props?.config?.userLogin?.user) {
+      dispatch(setUser(props.config.userLogin.user));
+      return;
+    }
+
+    //if no login config - default user login
+
+    if (!props.config?.googleLogin && !props.config?.defaultLogin && !props.config?.jwtLogin && !props.config?.userLogin && !props.config?.customLogin && user.xmppUsername === '') {
+      const defaultLogin = async () => {
+        try {
+          const loginData = await loginUserFunction();
+          if (loginData) {
+            dispatch(setUser(loginData));
+          }
+        } catch (error) {
+          console.log('error with default login', error);
+          setShowModal(true);
+        }
+      };
+      defaultLogin();
+    }
+    //if google - show login.tsx and process user there (there will be dispatch, set user)
+    //if only ethora - show login with only ethora
+    return () => {
+      //clear
+    };
+  }, []);
+  return (
+    /*#__PURE__*/
+    // <>
+    //   {showModal ? (
+    //     <View
+    //       style={{
+    //         ...props.MainComponentStyles,
+    //         display: 'flex',
+    //         justifyContent: 'center',
+    //         alignItems: 'center',
+    //         flexDirection: 'column',
+    //         padding: '20px',
+    //         gap: '8px',
+    //       }}
+    //     >
+    //       <p>Error on loading chat. Please, try again later</p>
+    //       <OrDelimiter>Or</OrDelimiter>
+    //       <Button onClick={() => setShowModal(false)} style={{ width: '100%' }}>
+    //         Enter with default account
+    //       </Button>
+    //     </View>
+    //   ) : user && user.xmppPassword !== '' ? (
+    //     <ChatWrapper {...props} />
+    //   ) : (
+    //     <LoginForm {...props} />
+    //   )}
+    // </>
+    _jsx(_Fragment, {
+      children: showModal ? /*#__PURE__*/_jsxs(Container, {
+        children: [/*#__PURE__*/_jsx(Message, {
+          children: "Error on loading chat. Please, try again later"
+        }), /*#__PURE__*/_jsx(OrDelimiter, {
+          children: "Or"
+        }), /*#__PURE__*/_jsx(CustomButton, {
+          onPress: () => setShowModal(false),
+          children: /*#__PURE__*/_jsx(ButtonText, {
+            children: "Enter with default account"
+          })
+        })]
+      }) :
+      /*#__PURE__*/
+      // CRITICAL: forward props so `ChatWrapper` sees `config` (and
+      // therefore `initBeforeLoad`, `xmppSettings`, `refreshTokens`,
+      // etc.). Without this, ChatWrapper's effect can't tell that
+      // XmppProvider owns bootstrap and races against it.
+      _jsx(ChatWrapper, {
+        ...props
+      })
+    })
+  );
+};
+export default LoginWrapper;
+//# sourceMappingURL=LoginWrapper.js.map

package/lib/module/components/MainComponents/LoginWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useState","ChatWrapper","useDispatch","useSelector","setUser","loginEmail","OrDelimiter","ButtonText","Container","CustomButton","Message","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LoginWrapper","props","showModal","setShowModal","user","state","chatSettingStore","loginUserFunction","authData","email","password","data","token","refreshToken","error","console","dispatch","config","initBeforeLoad","userLogin","enabled","googleLogin","defaultLogin","jwtLogin","customLogin","xmppUsername","loginData","log","children","onPress"],"sourceRoot":"../../../../src","sources":["components/MainComponents/LoginWrapper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MainComponents/MediaMessage.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React from 'react';
+import FileDownload from '../styled/UnsupportedType';
+import CustomMessageImage from '../styled/MessageImage';
+import CustomMessageVideo from '../styled/VideoMessage';
+import AudioMessage from '../styled/AudioMessage';
+import { Text } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const MediaMessage = ({
+  mimeType,
+  location,
+  messageText,
+  message
+}) => {
+  if (mimeType) {
+    switch (true) {
+      case mimeType.startsWith('image/'):
+        return /*#__PURE__*/_jsx(CustomMessageImage, {
+          fileName: message?.fileName || '000132001',
+          fileURL: messageText || '',
+          mimetype: mimeType
+        });
+      case mimeType.startsWith('video/'):
+        return /*#__PURE__*/_jsx(CustomMessageVideo, {
+          fileName: message?.fileName || '000132001',
+          fileURL: location || '',
+          mimetype: mimeType
+        });
+      case mimeType.startsWith('audio/'):
+        {
+          return /*#__PURE__*/_jsx(AudioMessage, {
+            src: location || ''
+          });
+        }
+      default:
+        {
+          // Many backends tag binary payloads (PDFs, DOCX, archives) as
+          // application/octet-stream; sniff the filename extension for the
+          // legitimate audio case before falling through to FileDownload.
+          const fileName = message?.fileName || location?.split('/')?.pop() || 'MediaFile';
+          if (mimeType.includes('application/octet-stream')) {
+            if (/\.(mp3|m4a|wav|aac|ogg|flac)$/i.test(fileName)) {
+              return /*#__PURE__*/_jsx(AudioMessage, {
+                src: location || ''
+              });
+            }
+          }
+          return /*#__PURE__*/_jsx(FileDownload, {
+            fileURL: location ? location : '',
+            fileName: fileName,
+            mimetype: mimeType
+          });
+        }
+    }
+  }
+  return /*#__PURE__*/_jsx(Text, {
+    children: "Unsupported media type"
+  });
+};
+export default MediaMessage;
+//# sourceMappingURL=MediaMessage.js.map

package/lib/module/components/MainComponents/MediaMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FileDownload","CustomMessageImage","CustomMessageVideo","AudioMessage","Text","jsx","_jsx","MediaMessage","mimeType","location","messageText","message","startsWith","fileName","fileURL","mimetype","src","split","pop","includes","test","children"],"sourceRoot":"../../../../src","sources":["components/MainComponents/MediaMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,YAAY,MAAM,2BAA2B;AACpD,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,YAAY,MAAM,wBAAwB;AACjD,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpC,MAAMC,YAAyC,GAAGA,CAAC;EACjDC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,IAAIH,QAAQ,EACV;IAAC,QAAQ,IAAI;MACX,KAAKA,QAAQ,CAACI,UAAU,CAAC,QAAQ,CAAC;QAChC,oBACEN,IAAA,CAACL,kBAAkB;UACjBY,QAAQ,EAAEF,OAAO,EAAEE,QAAQ,IAAI,WAAY;UAC3CC,OAAO,EAAEJ,WAAW,IAAI,EAAG;UAC3BK,QAAQ,EAAEP;QAAS,CACpB,CAAC;MAEN,KAAKA,QAAQ,CAACI,UAAU,CAAC,QAAQ,CAAC;QAChC,oBACEN,IAAA,CAACJ,kBAAkB;UACjBW,QAAQ,EAAEF,OAAO,EAAEE,QAAQ,IAAI,WAAY;UAC3CC,OAAO,EAAEL,QAAQ,IAAI,EAAG;UACxBM,QAAQ,EAAEP;QAAS,CACpB,CAAC;MAEN,KAAKA,QAAQ,CAACI,UAAU,CAAC,QAAQ,CAAC;QAAE;UAClC,oBAAON,IAAA,CAACH,YAAY;YAACa,GAAG,EAAEP,QAAQ,IAAI;UAAG,CAAE,CAAC;QAC9C;MACA;QAAS;UACP;UACA;UACA;UACA,MAAMI,QAAQ,GAAGF,OAAO,EAAEE,QAAQ,IAAIJ,QAAQ,EAAEQ,KAAK,CAAC,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAC,IAAI,WAAW;UAChF,IAAIV,QAAQ,CAACW,QAAQ,CAAC,0BAA0B,CAAC,EAAE;YACjD,IAAI,gCAAgC,CAACC,IAAI,CAACP,QAAQ,CAAC,EAAE;cACnD,oBAAOP,IAAA,CAACH,YAAY;gBAACa,GAAG,EAAEP,QAAQ,IAAI;cAAG,CAAE,CAAC;YAC9C;UACF;UACA,oBACEH,IAAA,CAACN,YAAY;YACXc,OAAO,EAAEL,QAAQ,GAAGA,QAAQ,GAAG,EAAG;YAClCI,QAAQ,EAAEA,QAAS;YACnBE,QAAQ,EAAEP;UAAS,CACpB,CAAC;QAEN;IACF;EAAC;EACH,oBAAOF,IAAA,CAACF,IAAI;IAAAiB,QAAA,EAAC;EAAsB,CAAM,CAAC;AAC5C,CAAC;AAED,eAAed,YAAY","ignoreList":[]}