@developer_tribe/react-native-comnyx 0.15.0 → 0.16.1

package/lib/module/api/customers.js.map

@@ -1 +1 @@
-{"version":3,"names":["axiosInstance","updateCustomer","customerData","externalId","console","info","post","headers","then","res","data"],"sourceRoot":"../../../src","sources":["api/customers.ts"],"mappings":";;AACA,SAASA,aAAa,QAAQ,UAAO;;AAErC;AACA,OAAO,SAASC,cAAcA,CAC5BC,YAAmC,EACnCC,UAAmB,EACc;EACjCC,OAAO,CAACC,IAAI,CAAC,+BAA+B,CAAC;EAC7C,OAAOL,aAAa,CACjBM,IAAI,CAAC,uBAAuB,EAAEJ,YAAY,EAAE;IAC3CK,OAAO,EAAE;MACP,aAAa,EAAEJ;IACjB;EACF,CAAC,CAAC,CACDK,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACC,IAAI,CAAC;AAC5B","ignoreList":[]}
+{"version":3,"names":["axiosInstance","updateCustomer","customerData","externalId","signal","console","info","post","headers","then","res","data"],"sourceRoot":"../../../src","sources":["api/customers.ts"],"mappings":";;AACA,SAASA,aAAa,QAAQ,UAAO;;AAErC;AACA,OAAO,SAASC,cAAcA,CAC5BC,YAAmC,EACnCC,UAAmB,EACnBC,MAAoB,EACa;EACjCC,OAAO,CAACC,IAAI,CAAC,+BAA+B,CAAC;EAC7C,OAAON,aAAa,CACjBO,IAAI,CAAC,uBAAuB,EAAEL,YAAY,EAAE;IAC3CM,OAAO,EAAE;MACP,aAAa,EAAEL;IACjB,CAAC;IACDC;EACF,CAAC,CAAC,CACDK,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACC,IAAI,CAAC;AAC5B","ignoreList":[]}

package/lib/module/api/media.js

@@ -3,21 +3,34 @@
 import { Platform } from 'react-native';
 import { axiosInstance } from "./api.js";
 import { getFakeUploadUrlResponse, fakeUploadToS3, getFakeMediaMessageResponse } from "../data/fake/media.js";
-export function getUploadUrl(fileName, contentType, options) {
+
+// React Native's XMLHttpRequest.send accepts this shape to stream a file URI
+// without loading it into memory. Not in lib.dom, so typed locally.
+
+export function getUploadUrl(fileName, contentType, options, signal) {
   if (options.fake) {
     return getFakeUploadUrlResponse(fileName);
   }
   return axiosInstance.post('/api/media/presign', {
     fileName,
     fileType: contentType
+  }, {
+    signal
   }).then(res => res.data);
 }
-export function uploadFileToS3(uploadUrl, fileUri, contentType, onProgress, options) {
+export function uploadFileToS3(uploadUrl, fileUri, contentType, onProgress, options, signal) {
   if (options?.fake) {
     return fakeUploadToS3(onProgress);
   }
   return new Promise((resolve, reject) => {
+    if (signal?.aborted) {
+      reject(new Error('Upload aborted'));
+      return;
+    }
     const xhr = new XMLHttpRequest();
+    const onAbort = () => xhr.abort();
+    signal?.addEventListener('abort', onAbort);
+    const cleanup = () => signal?.removeEventListener('abort', onAbort);
     xhr.upload.addEventListener('progress', event => {
       if (event.lengthComputable && onProgress) {
         const percentage = Math.min(100, Math.round(event.loaded / event.total * 100));
@@ -25,6 +38,7 @@ export function uploadFileToS3(uploadUrl, fileUri, contentType, onProgress, opti
       }
     });
     xhr.addEventListener('load', () => {
+      cleanup();
       if (xhr.status >= 200 && xhr.status < 300) {
         resolve();
       } else {
@@ -33,16 +47,16 @@ export function uploadFileToS3(uploadUrl, fileUri, contentType, onProgress, opti
       }
     });
     xhr.addEventListener('error', () => {
+      cleanup();
       console.error('[Comnyx] Upload XHR error, status:', xhr.status, 'response:', xhr.responseText);
       reject(new Error('Upload failed'));
     });
     xhr.addEventListener('abort', () => {
+      cleanup();
       reject(new Error('Upload aborted'));
     });
     xhr.open('PUT', uploadUrl);
     xhr.setRequestHeader('Content-Type', contentType);
-
-    // React Native supports sending file URIs directly via XHR
     const file = {
       uri: Platform.OS === 'android' ? fileUri : fileUri.replace('file://', ''),
       type: contentType,
@@ -51,7 +65,7 @@ export function uploadFileToS3(uploadUrl, fileUri, contentType, onProgress, opti
     xhr.send(file);
   });
 }
-export function sendMediaMessage(externalId, fileUrls, mediaType, content, options) {
+export function sendMediaMessage(externalId, fileUrls, mediaType, content, options, signal) {
   if (options.fake) {
     return getFakeMediaMessageResponse(fileUrls, mediaType);
   }
@@ -64,7 +78,8 @@ export function sendMediaMessage(externalId, fileUrls, mediaType, content, optio
     headers: {
       'Accept': 'application/json',
       'Content-Type': 'application/json'
-    }
+    },
+    signal
   }).then(res => res.data);
 }
 //# sourceMappingURL=media.js.map

package/lib/module/api/media.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","axiosInstance","getFakeUploadUrlResponse","fakeUploadToS3","getFakeMediaMessageResponse","getUploadUrl","fileName","contentType","options","fake","post","fileType","then","res","data","uploadFileToS3","uploadUrl","fileUri","onProgress","Promise","resolve","reject","xhr","XMLHttpRequest","upload","addEventListener","event","lengthComputable","percentage","Math","min","round","loaded","total","status","console","error","responseText","Error","open","setRequestHeader","file","uri","OS","replace","type","name","split","pop","send","sendMediaMessage","externalId","fileUrls","mediaType","content","files","media_type","headers"],"sourceRoot":"../../../src","sources":["api/media.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","axiosInstance","getFakeUploadUrlResponse","fakeUploadToS3","getFakeMediaMessageResponse","getUploadUrl","fileName","contentType","options","signal","fake","post","fileType","then","res","data","uploadFileToS3","uploadUrl","fileUri","onProgress","Promise","resolve","reject","aborted","Error","xhr","XMLHttpRequest","onAbort","abort","addEventListener","cleanup","removeEventListener","upload","event","lengthComputable","percentage","Math","min","round","loaded","total","status","console","error","responseText","open","setRequestHeader","file","uri","OS","replace","type","name","split","pop","send","sendMediaMessage","externalId","fileUrls","mediaType","content","files","media_type","headers"],"sourceRoot":"../../../src","sources":["api/media.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/api/messages.js

@@ -2,7 +2,7 @@
 
 import { getFakeMessageResponse } from "../data/fake/messages.js";
 import { axiosInstance } from "./api.js";
-export function sendCustomerMessage(externalId, content, options) {
+export function sendCustomerMessage(externalId, content, options, signal) {
   if (options.fake) {
     return new Promise((resolve, _) => {
       setTimeout(() => {
@@ -17,7 +17,8 @@ export function sendCustomerMessage(externalId, content, options) {
     headers: {
       'Accept': 'application/json',
       'Content-Type': 'application/x-www-form-urlencoded'
-    }
+    },
+    signal
   }).then(res => res.data);
 }
 //# sourceMappingURL=messages.js.map

package/lib/module/api/messages.js.map

@@ -1 +1 @@
-{"version":3,"names":["getFakeMessageResponse","axiosInstance","sendCustomerMessage","externalId","content","options","fake","Promise","resolve","_","setTimeout","post","headers","then","res","data"],"sourceRoot":"../../../src","sources":["api/messages.ts"],"mappings":";;AAEA,SAASA,sBAAsB,QAAQ,0BAAuB;AAC9D,SAASC,aAAa,QAAQ,UAAO;AAErC,OAAO,SAASC,mBAAmBA,CACjCC,UAAkB,EAClBC,OAAe,EACfC,OAAmB,EACO;EAC1B,IAAIA,OAAO,CAACC,IAAI,EAAE;IAChB,OAAO,IAAIC,OAAO,CAAkB,CAACC,OAAO,EAAEC,CAAC,KAAK;MAClDC,UAAU,CAAC,MAAM;QACfF,OAAO,CAACR,sBAAsB,CAACI,OAAO,CAAC,CAAC;MAC1C,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,CAAC;EACJ;EACA,OAAOH,aAAa,CACjBU,IAAI,CACH,wBAAwB,EACxB;IACER,UAAU;IACVC;EACF,CAAC,EACD;IACEQ,OAAO,EAAE;MACP,QAAQ,EAAE,kBAAkB;MAC5B,cAAc,EAAE;IAClB;EACF,CACF,CAAC,CACAC,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACC,IAAI,CAAC;AAC5B","ignoreList":[]}
+{"version":3,"names":["getFakeMessageResponse","axiosInstance","sendCustomerMessage","externalId","content","options","signal","fake","Promise","resolve","_","setTimeout","post","headers","then","res","data"],"sourceRoot":"../../../src","sources":["api/messages.ts"],"mappings":";;AAEA,SAASA,sBAAsB,QAAQ,0BAAuB;AAC9D,SAASC,aAAa,QAAQ,UAAO;AAErC,OAAO,SAASC,mBAAmBA,CACjCC,UAAkB,EAClBC,OAAe,EACfC,OAAmB,EACnBC,MAAoB,EACM;EAC1B,IAAID,OAAO,CAACE,IAAI,EAAE;IAChB,OAAO,IAAIC,OAAO,CAAkB,CAACC,OAAO,EAAEC,CAAC,KAAK;MAClDC,UAAU,CAAC,MAAM;QACfF,OAAO,CAACT,sBAAsB,CAACI,OAAO,CAAC,CAAC;MAC1C,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,CAAC;EACJ;EACA,OAAOH,aAAa,CACjBW,IAAI,CACH,wBAAwB,EACxB;IACET,UAAU;IACVC;EACF,CAAC,EACD;IACES,OAAO,EAAE;MACP,QAAQ,EAAE,kBAAkB;MAC5B,cAAc,EAAE;IAClB,CAAC;IACDP;EACF,CACF,CAAC,CACAQ,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACC,IAAI,CAAC;AAC5B","ignoreList":[]}

package/lib/module/components/ChatList.js

@@ -15,7 +15,8 @@ import { ScaledSheet } from "./ScaledSheet.js";
 import { formatDate, getDateKey } from "../utils/formatDate.js";
 import { activeOpacity } from "../constants/activeOpacity.js";
 import { useAppStore } from "../store/store.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSupportConfig, reportSupportError } from "../support/SupportConfigContext.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const headphonesIcon = require('../assets/headphones-01.png');
 const closeIcon = require('../assets/x-close.png');
 const VIDEO_EXTENSIONS = ['.mp4', '.mov', '.m4v', '.avi', '.webm', '.mkv', '.3gp'];
@@ -71,6 +72,7 @@ function CustomToast() {
   } = useAppStore(s => ({
     toastMessage: s.toastMessage
   }));
+  const themeColors = useThemeColors();
   const fadeAnim = useRef(new Animated.Value(0)).current;
   const translateY = useRef(new Animated.Value(50)).current;
   useEffect(() => {
@@ -106,9 +108,13 @@ function CustomToast() {
       }]
     }],
     children: /*#__PURE__*/_jsx(View, {
-      style: styles.toastContent,
+      style: [styles.toastContent, {
+        backgroundColor: themeColors.toastBackground
+      }],
       children: /*#__PURE__*/_jsx(AppText, {
-        style: styles.toastText,
+        style: [styles.toastText, {
+          color: themeColors.toastText
+        }],
         localization: toastMessage
       })
     })
@@ -123,6 +129,12 @@ export function ChatList({
     height: windowHeight
   } = useWindowDimensions();
   const insets = useSafeAreaInsets();
+  const {
+    renderHeader: renderHeaderOverride,
+    renderEmptyState: renderEmptyStateOverride,
+    renderErrorState: renderErrorStateOverride,
+    renderMessage: renderMessageOverride
+  } = useSupportConfig();
   const MESSAGE_MIN_HEIGHT = 60;
   const FLATLIST_PADDING = 20;
   const MESSAGES_PER_PAGE = Math.ceil((windowHeight - FLATLIST_PADDING) / MESSAGE_MIN_HEIGHT);
@@ -130,20 +142,32 @@ export function ChatList({
   useEffect(() => {
     setLoading(l => l && initLoading);
   }, [initLoading]);
+  const lifecycleAbortRef = useRef(null);
+  if (lifecycleAbortRef.current === null) {
+    lifecycleAbortRef.current = new AbortController();
+  }
+  useEffect(() => {
+    const controller = lifecycleAbortRef.current;
+    return () => {
+      controller?.abort();
+    };
+  }, []);
   const {
     data,
     setData,
     customer,
-    language
+    language,
+    theme
   } = useAppStore(s => ({
     data: s.data,
     setData: s.setData,
     customer: s.customer,
-    language: s.language
+    language: s.language,
+    theme: s.theme
   }));
   const ref = useRef(null);
   const [page, setPage] = useState(1);
-  const nextPageStatus = useRef();
+  const nextPageStatus = useRef(undefined);
   const [nexPageFailed, setNexPageFailed] = useState(false);
   const [initFailed, setInitFailed] = useState(false);
   const [showScrollDownButton, setShowScrollDownButton] = useState(false);
@@ -272,7 +296,14 @@ export function ChatList({
               });
             }
           }
-          console.error('Mesajı yeniden gönderme hatası:', error);
+          reportSupportError(error, {
+            section: 'send',
+            recoverable: true,
+            extras: {
+              retry: true,
+              contentLength: selectedMessage.length
+            }
+          });
           setSelectedMessage('');
         });
       }
@@ -290,7 +321,7 @@ export function ChatList({
       getCustomerConversation(customer.external_id, firstMessage?.created_at, newPage, {
         fake: useAppStore.getState().fake,
         per_page: MESSAGES_PER_PAGE
-      }).then(newData => {
+      }, lifecycleAbortRef.current?.signal).then(newData => {
         listChangedRef.current = true;
         setData(prevData => {
           const newMessages = newData?.page?.data ?? [];
@@ -317,9 +348,17 @@ export function ChatList({
             return prevData || []; // Return existing data or empty array
           }
         });
-      }).catch(_ => {
+      }).catch(err => {
         nextPageStatus.current = 'fail';
         setNexPageFailed(true);
+        reportSupportError(err, {
+          section: 'pagination',
+          recoverable: true,
+          extras: {
+            page,
+            perPage: MESSAGES_PER_PAGE
+          }
+        });
       }).finally(() => {
         setLoading(false);
       });
@@ -328,14 +367,23 @@ export function ChatList({
   const renderItem = useCallback(({
     item
   }) => {
-    return /*#__PURE__*/_jsx(MessageItem, {
+    const defaultNode = /*#__PURE__*/_jsx(MessageItem, {
       item: item,
       onShowPopup: () => {
         setSelectedMessage(item.content);
         setPopupVisible(true);
       }
     });
-  }, []);
+    if (renderMessageOverride) {
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: renderMessageOverride({
+          message: item,
+          defaultNode
+        })
+      });
+    }
+    return defaultNode;
+  }, [renderMessageOverride]);
   const renderSectionFooter = useCallback(({
     section
   }) => {
@@ -375,7 +423,7 @@ export function ChatList({
       getCustomerConversation(customer?.external_id, new Date(), 1, {
         fake: useAppStore.getState().fake,
         per_page: MESSAGES_PER_PAGE
-      }).then(newData => {
+      }, lifecycleAbortRef.current?.signal).then(newData => {
         setData(prevData => {
           const newMessages = newData?.page?.data ?? [];
           // Only proceed with filtering if we have previous data
@@ -404,7 +452,13 @@ export function ChatList({
         });
       }).catch(e => {
         setInitFailed(true);
-        console.error(e);
+        reportSupportError(e, {
+          section: 'init',
+          recoverable: true,
+          extras: {
+            perPage: MESSAGES_PER_PAGE
+          }
+        });
       }).finally(() => {
         setLoading(false);
       });
@@ -427,37 +481,32 @@ export function ChatList({
     };
   }, []);
   if (nexPageFailed) {
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.retryContainer, {
-        backgroundColor: themeColors.background
-      }],
-      children: /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: [styles.retryButton, {
-          backgroundColor: themeColors.primary
-        }],
-        onPress: () => {
-          setNexPageFailed(false);
-          nextPageStatus.current = undefined;
-          nextPage();
-        },
-        activeOpacity: activeOpacity,
-        children: /*#__PURE__*/_jsx(AppText, {
-          localization: "chat.load.error",
-          style: [styles.retryText, {
-            color: themeColors.background
-          }]
-        })
-      })
+    return /*#__PURE__*/_jsx(InitFailed, {
+      localization: "chat.load.error",
+      onBack: onBack,
+      onRetry: () => {
+        setNexPageFailed(false);
+        nextPageStatus.current = undefined;
+        nextPage();
+      }
     });
   }
   if (initFailed) {
+    if (renderErrorStateOverride) {
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: renderErrorStateOverride({
+          retry: () => setInitFailed(false)
+        })
+      });
+    }
     return /*#__PURE__*/_jsx(InitFailed, {
-      setInitFailed: setInitFailed
+      onRetry: () => setInitFailed(false),
+      onBack: onBack
     });
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(StatusBar, {
-      barStyle: 'dark-content',
+      barStyle: theme === 'dark' ? 'light-content' : 'dark-content',
       backgroundColor: themeColors.background,
       animated: false,
       translucent: true
@@ -471,47 +520,55 @@ export function ChatList({
           backgroundColor: themeColors.background,
           paddingTop: insets.top || 40
         }],
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          style: [styles.iconContainer, {
-            top: insets.top || 40
-          }],
-          onPress: onBack,
-          activeOpacity: activeOpacity,
-          children: /*#__PURE__*/_jsx(Image, {
-            source: closeIcon,
-            style: [styles.closeIcon, {
-              tintColor: themeColors.text
-            }]
+        children: [renderHeaderOverride ? /*#__PURE__*/_jsx(_Fragment, {
+          children: renderHeaderOverride({
+            onBack
           })
-        }), /*#__PURE__*/_jsxs(View, {
-          style: [styles.headerContainer, {
-            backgroundColor: themeColors.background,
-            borderBottomColor: themeColors.lavender
-          }],
-          children: [/*#__PURE__*/_jsx(AppText, {
-            localization: "chat.support-team",
-            weight: '600',
-            style: [styles.header, {
-              color: themeColors.text
-            }]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: [styles.headerText, {
-              backgroundColor: themeColors.background
+        }) : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: [styles.iconContainer, {
+              top: insets.top || 40
             }],
-            children: [/*#__PURE__*/_jsx(Image, {
-              source: headphonesIcon,
-              style: [styles.headphonesIcon, {
+            onPress: onBack,
+            activeOpacity: activeOpacity,
+            accessibilityRole: "button",
+            accessibilityLabel: "Close support",
+            children: /*#__PURE__*/_jsx(Image, {
+              source: closeIcon,
+              style: [styles.closeIcon, {
                 tintColor: themeColors.text
               }]
-            }), /*#__PURE__*/_jsx(AppText, {
-              localization: "chat.live",
-              style: [styles.liveChat, {
+            })
+          }), /*#__PURE__*/_jsxs(View, {
+            style: [styles.headerContainer, {
+              backgroundColor: themeColors.background,
+              borderBottomColor: themeColors.lavender
+            }],
+            children: [/*#__PURE__*/_jsx(AppText, {
+              localization: "chat.support-team",
+              weight: '600',
+              style: [styles.header, {
                 color: themeColors.text
               }]
-            }), /*#__PURE__*/_jsx(View, {
-              style: [styles.dot, {
-                backgroundColor: themeColors.green
-              }]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: [styles.headerText, {
+                backgroundColor: themeColors.background
+              }],
+              children: [/*#__PURE__*/_jsx(Image, {
+                source: headphonesIcon,
+                style: [styles.headphonesIcon, {
+                  tintColor: themeColors.text
+                }]
+              }), /*#__PURE__*/_jsx(AppText, {
+                localization: "chat.live",
+                style: [styles.liveChat, {
+                  color: themeColors.text
+                }]
+              }), /*#__PURE__*/_jsx(View, {
+                style: [styles.dot, {
+                  backgroundColor: themeColors.green
+                }]
+              })]
             })]
           })]
         }), /*#__PURE__*/_jsx(View, {
@@ -526,7 +583,9 @@ export function ChatList({
               backgroundColor: themeColors.background
             }],
             style: styles.list,
-            ListEmptyComponent: !loading && (!sections || sections.length === 0) ? /*#__PURE__*/_jsx(EmptyList, {}) : null,
+            ListEmptyComponent: !loading && (!sections || sections.length === 0) ? renderEmptyStateOverride ? /*#__PURE__*/_jsx(_Fragment, {
+              children: renderEmptyStateOverride()
+            }) : /*#__PURE__*/_jsx(EmptyList, {}) : null,
             ListFooterComponent: loading ? /*#__PURE__*/_jsx(LoadingItem, {}) : null,
             keyExtractor: (item, index) => item.id?.toString() ?? item.local_id ?? `fake-${index}`,
             removeClippedSubviews: false,
@@ -549,6 +608,8 @@ export function ChatList({
             backgroundColor: themeColors.ghost
           }, isKeyboardVisible && styles.scrollDownButtonWithKeyboard],
           onPress: () => scrollToBottom(true),
+          accessibilityRole: "button",
+          accessibilityLabel: "Scroll to latest message",
           children: /*#__PURE__*/_jsx(Image, {
             source: require('../assets/down.png'),
             style: [styles.scrollUpIcon, {
@@ -620,23 +681,6 @@ const styles = ScaledSheet.create({
     width: '18@vs',
     height: '18@vs'
   },
-  retryContainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: '20@s',
-    paddingVertical: '20@vs'
-  },
-  retryButton: {
-    padding: 15,
-    borderRadius: '8@s',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  retryText: {
-    fontSize: '16@vs',
-    fontWeight: '500'
-  },
   headphonesIcon: {
     width: '24@vs',
     height: '24@vs'
@@ -702,7 +746,6 @@ const styles = ScaledSheet.create({
     zIndex: 9999
   },
   toastContent: {
-    backgroundColor: '#333333',
     borderRadius: '8@s',
     paddingHorizontal: '16@s',
     paddingVertical: '12@vs',
@@ -717,7 +760,6 @@ const styles = ScaledSheet.create({
     maxWidth: '90%'
   },
   toastText: {
-    color: '#FFFFFF',
     fontSize: '14@vs',
     fontWeight: '400',
     textAlign: 'center'