@ethora/chat-component-rn 26.5.4 → 26.5.7

package/src/hooks/useEventHandlers.tsx

@@ -23,10 +23,17 @@ interface MessageEditedEvent {
   user: any;
 }
 
+interface MessageRetryEvent {
+  messageId: string;
+  roomJID: string;
+  messageType: 'text' | 'media';
+}
+
 export interface EventHandlersHook {
   handleMessageSent: (event: MessageSentEvent) => Promise<void>;
   handleMessageFailed: (event: MessageFailedEvent) => void;
   handleMessageEdited: (event: MessageEditedEvent) => void;
+  handleMessageRetry: (event: MessageRetryEvent) => void;
 }
 
 export const useEventHandlers = (config?: IConfig): EventHandlersHook => {
@@ -77,5 +84,21 @@ export const useEventHandlers = (config?: IConfig): EventHandlersHook => {
     [config]
   );
 
-  return { handleMessageSent, handleMessageFailed, handleMessageEdited };
+  const handleMessageRetry = useCallback(
+    (event: MessageRetryEvent) => {
+      try {
+        config?.eventHandlers?.onMessageRetry?.(event);
+      } catch (error) {
+        console.error('Error in message retry handler:', error);
+      }
+    },
+    [config]
+  );
+
+  return {
+    handleMessageSent,
+    handleMessageFailed,
+    handleMessageEdited,
+    handleMessageRetry,
+  };
 };

package/src/hooks/useMessageHeapState.tsx

@@ -3,9 +3,13 @@ import { RootState } from '../roomStore';
 
 export const useMessageHeapState = () => {
   const queue = useSelector(
-    (state: RootState) => state.roomHeapSlice.messageHeap
+    (state: RootState) => state.roomHeapSlice?.messageHeap
+  );
+  const failedMessages = useSelector(
+    (state: RootState) => state.roomHeapSlice?.failedMessages
   );
   const idSet = new Set(queue?.map((m) => m.id) ?? []);
+  const failedIdSet = new Set(Object.keys(failedMessages || {}));
 
-  return { queue, idSet };
+  return { queue, idSet, failedMessages, failedIdSet };
 };

package/src/hooks/useSendMessage.tsx

@@ -3,7 +3,11 @@ import { v4 as uuidv4 } from 'uuid';
 import { useXmppClient } from '../context/xmppProvider';
 import { useDispatch, useSelector } from 'react-redux';
 import { addRoomMessage, setEditAction } from '../roomStore/roomsSlice';
-import { addMessageToHeap } from '../roomStore/roomHeapSlice';
+import {
+  addMessageToHeap,
+  clearMessageFailure,
+  markMessageFailed,
+} from '../roomStore/roomHeapSlice';
 import { uploadFile } from '../networking/api-requests/auth.api';
 import { RootState } from '../roomStore';
 import { useEventHandlers } from './useEventHandlers';
@@ -38,8 +42,13 @@ export const useSendMessage = (_configOverride?: IConfig) => {
     handleMessageSent,
     handleMessageFailed,
     handleMessageEdited,
+    handleMessageRetry,
   } = useEventHandlers(config);
 
+  const failedMessages = useSelector(
+    (state: RootState) => state.roomHeapSlice?.failedMessages || {}
+  );
+
   const sendMessage = useCallback(
     async (
       message: string,
@@ -140,6 +149,17 @@ export const useSendMessage = (_configOverride?: IConfig) => {
           messageType: 'text',
         });
       } catch (error) {
+        dispatch(
+          markMessageFailed({
+            kind: 'text',
+            id: optimisticId,
+            roomJID: activeRoomJID,
+            body: message,
+            isReply,
+            isChecked,
+            mainMessage,
+          })
+        );
         handleMessageFailed({
           message,
           roomJID: activeRoomJID,
@@ -158,11 +178,12 @@ export const useSendMessage = (_configOverride?: IConfig) => {
       activeRoomJID: string,
       isReply: boolean = false,
       isChecked: boolean = false,
-      mainMessage: string = ''
+      mainMessage: string = '',
+      existingId?: string
     ) => {
       client?.onCriticalSend?.(activeRoomJID);
 
-      const id = `send-media-message:${uuidv4()}`;
+      const id = existingId || `send-media-message:${uuidv4()}`;
       const optimisticTimestamp = Date.now();
       const optimisticDate = new Date(optimisticTimestamp).toISOString();
       const selfId =
@@ -171,7 +192,7 @@ export const useSendMessage = (_configOverride?: IConfig) => {
         `${user?.firstName || ''} ${user?.lastName || ''}`.trim() || selfId;
       const fileSizeStr = data?.size != null ? String(data.size) : '';
 
-      if (!config?.disableSentLogic) {
+      if (!config?.disableSentLogic && !existingId) {
         dispatch(
           addRoomMessage({
             roomJID: activeRoomJID,
@@ -290,6 +311,18 @@ export const useSendMessage = (_configOverride?: IConfig) => {
           requestUrl: error?.config?.url,
           axiosMessage: error?.message,
         });
+        dispatch(
+          markMessageFailed({
+            kind: 'media',
+            id,
+            roomJID: activeRoomJID,
+            data,
+            type,
+            isReply,
+            isChecked,
+            mainMessage,
+          })
+        );
         handleMessageFailed({
           message: 'media',
           roomJID: activeRoomJID,
@@ -301,6 +334,43 @@ export const useSendMessage = (_configOverride?: IConfig) => {
     [client, config, user, dispatch, handleMessageSent, handleMessageFailed]
   );
 
+  // Retry a previously-failed send by replaying the saved payload from
+  // the heap. Clears the failure flag first so the bubble flips back to
+  // "sending..."; if the retry fails again `markMessageFailed` re-arms
+  // it. No-op when the id isn't in the failed map.
+  const retryMessage = useCallback(
+    async (failedId: string) => {
+      const payload = failedMessages[failedId];
+      if (!payload) {return;}
+      dispatch(clearMessageFailure(failedId));
+      handleMessageRetry({
+        messageId: failedId,
+        roomJID: payload.roomJID,
+        messageType: payload.kind,
+      });
+      if (payload.kind === 'text') {
+        await sendMessage(
+          payload.body,
+          payload.roomJID,
+          payload.isReply,
+          payload.isChecked,
+          payload.mainMessage
+        );
+      } else {
+        await sendMedia(
+          payload.data,
+          payload.type,
+          payload.roomJID,
+          payload.isReply,
+          payload.isChecked,
+          payload.mainMessage,
+          failedId
+        );
+      }
+    },
+    [failedMessages, dispatch, handleMessageRetry, sendMessage, sendMedia]
+  );
+
   // ChatRoom/ThreadWrapper consume this as the "edit branch" of send.
   // It mirrors the edit path inside `sendMessage` so callers can wire it
   // up directly when `editAction.isEdit` is true.
@@ -355,6 +425,7 @@ export const useSendMessage = (_configOverride?: IConfig) => {
     sendMessage,
     sendMedia,
     sendEditMessage,
+    retryMessage,
     isLastMessageFromUserAndProcessing,
   };
 };

package/src/networking/api-requests/auth.api.ts

@@ -134,7 +134,11 @@ export function uploadFile(formData: FormData) {
     headers: {
       Authorization: token,
       Accept: '*/*',
-      'Content-Type': 'multipart/form-data',
+      'Content-Type': null,
+    },
+    transformRequest: (data: any, headers: any) => {
+      if (headers?.delete) {headers.delete('Content-Type');}
+      return data;
     },
   });
 }

package/src/networking/xmppClient.ts

@@ -26,6 +26,25 @@ import { pushLog as devPushLog } from '../utils/devLogger';
 // Canonical production XMPP WSS endpoint (standard wss/443, no port suffix).
 const DEFAULT_DEV_SERVER = 'xmpp.chat.ethora.com';
 
+// @xmpp/client surfaces SASL/stream errors in a few shapes depending on
+// where it fails — XMPPError on stream:error, SASLError on SASL bind, or
+// a generic Error whose message contains "not-authorized". Match all of
+// them so we trigger the credentials refresh path consistently.
+function isNotAuthorizedError(err: any): boolean {
+  if (!err) {return false;}
+  const condition =
+    err?.condition ||
+    err?.name ||
+    err?.type ||
+    err?.error?.condition ||
+    '';
+  if (typeof condition === 'string' && condition.includes('not-authorized')) {
+    return true;
+  }
+  const message = (err?.message || err?.text || '').toString();
+  return /not-authorized|SASLError/i.test(message);
+}
+
 type HistorySource = 'active' | 'send_ack' | 'background' | 'default';
 
 interface HistoryOptions {
@@ -40,6 +59,11 @@ interface MamInFlightEntry {
   startedAt: number;
 }
 
+export type XmppCredentialsProvider = () => Promise<{
+  username: string;
+  password: string;
+}>;
+
 export class XmppClient {
   client!: Client;
   xmppSettings?: xmppSettingsInterface;
@@ -56,6 +80,13 @@ export class XmppClient {
   reconnectDelay = 2000;
   suppressReconnect = false;
 
+  // Set when SASL fails with `not-authorized` (typically a stale JWT-
+  // derived XMPP password after idle). Triggers the credentialsProvider
+  // refresh path in reconnect().
+  lastAuthError: 'not-authorized' | null = null;
+  private credentialsProvider: XmppCredentialsProvider | null = null;
+  private credentialsRefreshInFlight: Promise<void> | null = null;
+
   // ---- QoS state (mirrors web XmppClient) ----------------------------
   presencesReady = false;
   disableLastRead = false;
@@ -74,6 +105,23 @@ export class XmppClient {
     return this.client && this.client.status === 'online';
   }
 
+  /**
+   * Inject (or replace) the callback used by reconnect() to fetch fresh
+   * XMPP credentials after a `not-authorized` SASL failure. The provider
+   * is responsible for refreshing whatever upstream token is needed
+   * (REST JWT, /users/client, etc.) and returning the resulting
+   * username + password.
+   */
+  setCredentialsProvider(provider: XmppCredentialsProvider | null) {
+    this.credentialsProvider = provider;
+  }
+
+  /** Swap in fresh credentials before the next reconnect. */
+  updateCredentials(username: string, password: string) {
+    this.username = username;
+    this.password = password;
+  }
+
   constructor(
     username: string,
     password: string,
@@ -285,6 +333,9 @@ export class XmppClient {
       this.attachEventListeners();
       this.client.start().catch((error: any) => {
         console.error('Error starting xmpp client:', error);
+        if (isNotAuthorizedError(error)) {
+          this.lastAuthError = 'not-authorized';
+        }
         this.status = 'error';
       });
     } catch (error) {
@@ -320,6 +371,9 @@ export class XmppClient {
 
     this.client.on('error', (error: any) => {
       console.error('XMPP client error:', error);
+      if (isNotAuthorizedError(error)) {
+        this.lastAuthError = 'not-authorized';
+      }
       try {
         devPushLog(
           'xmpp',
@@ -385,9 +439,25 @@ export class XmppClient {
     setTimeout(() => this.reconnect(), delay);
   }
 
-  reconnect() {
+  async reconnect() {
     if (this.suppressReconnect) {return;}
     console.log('Attempting to reconnect xmpp client...');
+
+    // If the last failure was a SASL `not-authorized` (typically a stale
+    // JWT-derived XMPP password after idle), try to fetch fresh creds
+    // before retrying. Without this, reconnect retries with the same
+    // stale password forever and the user has to kill the app.
+    if (this.lastAuthError === 'not-authorized' && this.credentialsProvider) {
+      try {
+        await this.refreshCredentialsOnce();
+      } catch (err) {
+        console.warn(
+          'XMPP credential refresh failed; reconnecting with cached creds',
+          err
+        );
+      }
+    }
+
     if (this.client) {
       this.client.stop().finally(() => {
         this.initializeClient();
@@ -397,6 +467,30 @@ export class XmppClient {
     }
   }
 
+  /**
+   * Single-flight wrapper around credentialsProvider. Multiple concurrent
+   * reconnect() calls (e.g. from the provider's reconnect effect firing
+   * twice quickly) share one in-flight request and update `this.password`
+   * exactly once.
+   */
+  private refreshCredentialsOnce(): Promise<void> {
+    if (this.credentialsRefreshInFlight) {return this.credentialsRefreshInFlight;}
+    if (!this.credentialsProvider) {return Promise.resolve();}
+    const provider = this.credentialsProvider;
+    this.credentialsRefreshInFlight = (async () => {
+      try {
+        const fresh = await provider();
+        if (fresh?.username && fresh?.password) {
+          this.updateCredentials(fresh.username, fresh.password);
+          this.lastAuthError = null;
+        }
+      } finally {
+        this.credentialsRefreshInFlight = null;
+      }
+    })();
+    return this.credentialsRefreshInFlight;
+  }
+
   async disconnect(options?: { suppressReconnect?: boolean }): Promise<void> {
     if (options?.suppressReconnect) {this.suppressReconnect = true;}
     return this.close();

package/src/roomStore/roomHeapSlice.ts

@@ -2,18 +2,43 @@ import { createSlice, PayloadAction, type Slice } from '@reduxjs/toolkit';
 import type { WritableDraft } from 'immer';
 import { IMessage } from '../types/types';
 
+// Saved alongside a failed-message id so the retry button can resend
+// without the bubble needing to remember the original draft itself.
+// `kind === 'text'` carries the plain body; `kind === 'media'` carries
+// the upload payload so we don't have to make the user re-pick the file.
+export type FailedMessagePayload =
+  | {
+      kind: 'text';
+      id: string;
+      roomJID: string;
+      body: string;
+      isReply?: boolean;
+      isChecked?: boolean;
+      mainMessage?: string;
+    }
+  | {
+      kind: 'media';
+      id: string;
+      roomJID: string;
+      data: any;
+      type: string;
+      isReply?: boolean;
+      isChecked?: boolean;
+      mainMessage?: string;
+    };
+
 export interface roomHeapSliceState {
   messageHeap: IMessage[];
+  // Keyed by message id so the bubble's `isFailed = failedMessages[id]`
+  // check is O(1). Carries enough payload data to actually retry.
+  failedMessages: Record<string, FailedMessagePayload>;
 }
 
 const initialState: roomHeapSliceState = {
   messageHeap: [],
+  failedMessages: {},
 };
 
-// Reducers extracted as a named const so we can give the slice an
-// explicit Slice<State, typeof reducers, Name> type. Without that, tsc's
-// declaration emission inlines immer's internal WritableNonArrayDraft
-// type and fails with TS4023.
 const reducers = {
   addMessageToHeap: (state: WritableDraft<roomHeapSliceState>, action: PayloadAction<IMessage>) => {
     state.messageHeap.push(action.payload);
@@ -26,6 +51,22 @@ const reducers = {
   },
   clearHeap: (state: WritableDraft<roomHeapSliceState>) => {
     state.messageHeap = [];
+    state.failedMessages = {};
+  },
+  markMessageFailed: (
+    state: WritableDraft<roomHeapSliceState>,
+    action: PayloadAction<FailedMessagePayload>
+  ) => {
+    state.failedMessages[action.payload.id] = action.payload;
+    // Drop from the pending heap — the bubble looks at both, and
+    // showing "sending..." alongside a failure indicator is confusing.
+    const index = state.messageHeap.findIndex((m) => m.id === action.payload.id);
+    if (index !== -1) {
+      state.messageHeap.splice(index, 1);
+    }
+  },
+  clearMessageFailure: (state: WritableDraft<roomHeapSliceState>, action: PayloadAction<string>) => {
+    delete state.failedMessages[action.payload];
   },
 };
 
@@ -39,6 +80,8 @@ export const {
   addMessageToHeap,
   clearHeap,
   removeMessageFromHeapById,
+  markMessageFailed,
+  clearMessageFailure,
 } = roomHeapSlice.actions;
 
 export default roomHeapSlice.reducer;

package/src/types/types.ts

@@ -249,6 +249,11 @@ export interface IConfig {
   disableHeader?: boolean;
   disableMedia?: boolean;
   chatHeaderBurgerMenu?: boolean;
+  // Hide the burger icon entirely (the icon that opens the chatHeader-
+  // BurgerMenu dropdown). `chatHeaderBurgerMenu` controls dropdown
+  // visibility only — set this flag when you want neither the icon nor
+  // the dropdown to render (e.g. patient-facing apps with a single room).
+  disableChatHeaderBurgerMenuIcon?: boolean;
   chatHeaderAdditional?: { enabled: boolean; element: any };
   headerMenu?: () => void;
   headerChatMenu?: () => void;
@@ -420,6 +425,11 @@ export interface IConfig {
       roomJID: string;
       user: any;
     }) => void;
+    onMessageRetry?: (event: {
+      messageId: string;
+      roomJID: string;
+      messageType: 'text' | 'media';
+    }) => void;
   };
 }
 

package/lib/commonjs/components/InputComponents/AudioInput.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AudioRecorder = _interopRequireDefault(require("../InputComponents/AudioRecorder"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AudioInput = ({
-  isRecording,
-  setIsRecording,
-  handleSendClick
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioRecorder.default, {
-    setIsRecording: setIsRecording,
-    isRecording: isRecording,
-    handleSendClick: handleSendClick
-  });
-};
-var _default = exports.default = AudioInput;
-//# sourceMappingURL=AudioInput.js.map

package/lib/commonjs/components/InputComponents/AudioInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AudioRecorder","_jsxRuntime","e","__esModule","default","AudioInput","isRecording","setIsRecording","handleSendClick","jsx","_default","exports"],"sourceRoot":"../../../../src","sources":["components/InputComponents/AudioInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6D,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ7D,MAAMG,UAAqC,GAAGA,CAAC;EAC7CC,WAAW;EACXC,cAAc;EACdC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACT,cAAA,CAAAI,OAAa;IACZG,cAAc,EAAEA,cAAe;IAC/BD,WAAW,EAAEA,WAAY;IACzBE,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEaC,UAAU","ignoreList":[]}

package/lib/commonjs/components/InputComponents/AudioRecorder.js

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _StyledInputComponents = require("../styled/StyledInputComponents/StyledInputComponents");
-var _icons = require("../../assets/icons");
-var _Button = _interopRequireDefault(require("../styled/Button"));
-var _RecordingIndicator = _interopRequireDefault(require("./RecordingIndicator"));
-var _reactNative = require("react-native");
-var _reactNativeAudioRecorderPlayer = _interopRequireDefault(require("react-native-audio-recorder-player"));
-var _reactNativeFs = _interopRequireDefault(require("react-native-fs"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const AudioRecorder = ({
-  setIsRecording,
-  isRecording,
-  handleSendClick
-}) => {
-  const audioRecorderPlayer = (0, _react.useRef)(new _reactNativeAudioRecorderPlayer.default()).current;
-  const [timer, setTimer] = (0, _react.useState)('00:00');
-  const [audioPath, setAudioPath] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
-    return () => {
-      audioRecorderPlayer.stopRecorder();
-      audioRecorderPlayer.removeRecordBackListener();
-    };
-  }, [audioRecorderPlayer]);
-  const startRecording = async () => {
-    try {
-      const path = _reactNative.Platform.select({
-        ios: `${_reactNativeFs.default.DocumentDirectoryPath}/recording.m4a`,
-        android: `${_reactNativeFs.default.CachesDirectoryPath}/recording.mp4`
-      });
-      const uri = await audioRecorderPlayer.startRecorder(path);
-      setAudioPath(uri);
-      audioRecorderPlayer.addRecordBackListener(e => {
-        const minutes = Math.floor(e.currentPosition / 60000);
-        const seconds = Math.floor(e.currentPosition % 60000 / 1000);
-        setTimer(`${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`);
-      });
-      setIsRecording(true);
-    } catch (error) {
-      console.error('Error starting recording:', error);
-    }
-  };
-  const stopRecording = async () => {
-    try {
-      await audioRecorderPlayer.stopRecorder();
-      audioRecorderPlayer.removeRecordBackListener();
-      setIsRecording(false);
-    } catch (error) {
-      console.error('Error stopping recording:', error);
-    }
-  };
-  const sendAudio = () => {
-    if (audioPath) {
-      console.log('Audio sent:', audioPath);
-      handleSendClick(audioPath);
-      resetState();
-    }
-  };
-  const resetState = () => {
-    setAudioPath(null);
-    setTimer('00:00');
-    setIsRecording(false);
-  };
-  return isRecording ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledInputComponents.RecordContainer, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        display: 'flex',
-        alignItems: 'center'
-      },
-      children: [isRecording && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordingIndicator.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.Timer, {
-        children: timer
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        display: 'flex',
-        gap: 8
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        onPress: stopRecording,
-        EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RemoveIcon, {}),
-        unstyled: true
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        onPress: sendAudio,
-        EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SendIcon, {}),
-        unstyled: true
-      })]
-    })]
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-    onPress: startRecording,
-    EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RecordIcon, {})
-  });
-};
-var _default = exports.default = AudioRecorder;
-//# sourceMappingURL=AudioRecorder.js.map

package/lib/commonjs/components/InputComponents/AudioRecorder.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_StyledInputComponents","_icons","_Button","_interopRequireDefault","_RecordingIndicator","_reactNative","_reactNativeAudioRecorderPlayer","_reactNativeFs","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AudioRecorder","setIsRecording","isRecording","handleSendClick","audioRecorderPlayer","useRef","AudioRecorderPlayer","current","timer","setTimer","useState","audioPath","setAudioPath","useEffect","stopRecorder","removeRecordBackListener","startRecording","path","Platform","select","ios","RNFS","DocumentDirectoryPath","android","CachesDirectoryPath","uri","startRecorder","addRecordBackListener","minutes","Math","floor","currentPosition","seconds","toString","padStart","error","console","stopRecording","sendAudio","log","resetState","jsxs","RecordContainer","children","View","style","display","alignItems","jsx","Timer","gap","onPress","EndIcon","RemoveIcon","unstyled","SendIcon","RecordIcon","_default","exports"],"sourceRoot":"../../../../src","sources":["components/InputComponents/AudioRecorder.tsx"],"mappings":"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","ignoreList":[]}