@developer_tribe/react-native-comnyx 0.12.15 → 0.13.1

package/ios/generated/RNComnyxSpec/RNComnyxSpec-generated.mm

@@ -0,0 +1,53 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleObjCpp
+ *
+ * We create an umbrella header (and corresponding implementation) here since
+ * Cxx compilation in BUCK has a limitation: source-code producing genrule()s
+ * must have a single output. More files => more genrule()s => slower builds.
+ */
+
+#import "RNComnyxSpec.h"
+
+
+@implementation NativeComnyxSpecBase
+
+
+- (void)setEventEmitterCallback:(EventEmitterCallbackWrapper *)eventEmitterCallbackWrapper
+{
+  _eventEmitterCallback = std::move(eventEmitterCallbackWrapper->_eventEmitterCallback);
+}
+@end
+
+
+namespace facebook::react {
+  
+    static facebook::jsi::Value __hostFunction_NativeComnyxSpecJSI_initialize(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "initialize", @selector(initialize:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeComnyxSpecJSI_checkOptIn(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "checkOptIn", @selector(checkOptIn:reject:), args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeComnyxSpecJSI_optIn(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, "optIn", @selector(optIn:reject:), args, count);
+    }
+
+  NativeComnyxSpecJSI::NativeComnyxSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
+        methodMap_["initialize"] = MethodMetadata {0, __hostFunction_NativeComnyxSpecJSI_initialize};
+        
+        
+        methodMap_["checkOptIn"] = MethodMetadata {0, __hostFunction_NativeComnyxSpecJSI_checkOptIn};
+        
+        
+        methodMap_["optIn"] = MethodMetadata {0, __hostFunction_NativeComnyxSpecJSI_optIn};
+        
+  }
+} // namespace facebook::react

package/ios/generated/RNComnyxSpec/RNComnyxSpec.h

@@ -0,0 +1,67 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleObjCpp
+ *
+ * We create an umbrella header (and corresponding implementation) here since
+ * Cxx compilation in BUCK has a limitation: source-code producing genrule()s
+ * must have a single output. More files => more genrule()s => slower builds.
+ */
+
+#ifndef __cplusplus
+#error This file must be compiled as Obj-C++. If you are importing it, you must change your file extension to .mm.
+#endif
+
+// Avoid multiple includes of RNComnyxSpec symbols
+#ifndef RNComnyxSpec_H
+#define RNComnyxSpec_H
+
+#import <Foundation/Foundation.h>
+#import <RCTRequired/RCTRequired.h>
+#import <RCTTypeSafety/RCTConvertHelpers.h>
+#import <RCTTypeSafety/RCTTypedModuleConstants.h>
+#import <React/RCTBridgeModule.h>
+#import <React/RCTCxxConvert.h>
+#import <React/RCTManagedPointer.h>
+#import <ReactCommon/RCTTurboModule.h>
+#import <optional>
+#import <vector>
+
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol NativeComnyxSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)initialize:(RCTPromiseResolveBlock)resolve
+            reject:(RCTPromiseRejectBlock)reject;
+- (void)checkOptIn:(RCTPromiseResolveBlock)resolve
+            reject:(RCTPromiseRejectBlock)reject;
+- (void)optIn:(RCTPromiseResolveBlock)resolve
+       reject:(RCTPromiseRejectBlock)reject;
+
+@end
+
+@interface NativeComnyxSpecBase : NSObject {
+@protected
+facebook::react::EventEmitterCallback _eventEmitterCallback;
+}
+- (void)setEventEmitterCallback:(EventEmitterCallbackWrapper *)eventEmitterCallbackWrapper;
+
+
+@end
+
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeComnyx'
+   */
+  class JSI_EXPORT NativeComnyxSpecJSI : public ObjCTurboModule {
+  public:
+    NativeComnyxSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
+
+NS_ASSUME_NONNULL_END
+#endif // RNComnyxSpec_H

package/ios/generated/RNComnyxSpecJSI-generated.cpp

@@ -0,0 +1,38 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleCpp.js
+ */
+
+#include "RNComnyxSpecJSI.h"
+
+namespace facebook::react {
+
+static jsi::Value __hostFunction_NativeComnyxCxxSpecJSI_initialize(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeComnyxCxxSpecJSI *>(&turboModule)->initialize(
+    rt
+  );
+}
+static jsi::Value __hostFunction_NativeComnyxCxxSpecJSI_checkOptIn(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeComnyxCxxSpecJSI *>(&turboModule)->checkOptIn(
+    rt
+  );
+}
+static jsi::Value __hostFunction_NativeComnyxCxxSpecJSI_optIn(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeComnyxCxxSpecJSI *>(&turboModule)->optIn(
+    rt
+  );
+}
+
+NativeComnyxCxxSpecJSI::NativeComnyxCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker)
+  : TurboModule("Comnyx", jsInvoker) {
+  methodMap_["initialize"] = MethodMetadata {0, __hostFunction_NativeComnyxCxxSpecJSI_initialize};
+  methodMap_["checkOptIn"] = MethodMetadata {0, __hostFunction_NativeComnyxCxxSpecJSI_checkOptIn};
+  methodMap_["optIn"] = MethodMetadata {0, __hostFunction_NativeComnyxCxxSpecJSI_optIn};
+}
+
+
+} // namespace facebook::react

package/ios/generated/RNComnyxSpecJSI.h

@@ -0,0 +1,89 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleH.js
+ */
+
+#pragma once
+
+#include <ReactCommon/TurboModule.h>
+#include <react/bridging/Bridging.h>
+
+namespace facebook::react {
+
+
+  class JSI_EXPORT NativeComnyxCxxSpecJSI : public TurboModule {
+protected:
+  NativeComnyxCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
+
+public:
+  virtual jsi::Value initialize(jsi::Runtime &rt) = 0;
+  virtual jsi::Value checkOptIn(jsi::Runtime &rt) = 0;
+  virtual jsi::Value optIn(jsi::Runtime &rt) = 0;
+
+};
+
+template <typename T>
+class JSI_EXPORT NativeComnyxCxxSpec : public TurboModule {
+public:
+  jsi::Value create(jsi::Runtime &rt, const jsi::PropNameID &propName) override {
+    return delegate_.create(rt, propName);
+  }
+
+  std::vector<jsi::PropNameID> getPropertyNames(jsi::Runtime& runtime) override {
+    return delegate_.getPropertyNames(runtime);
+  }
+
+  static constexpr std::string_view kModuleName = "Comnyx";
+
+protected:
+  NativeComnyxCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
+    : TurboModule(std::string{NativeComnyxCxxSpec::kModuleName}, jsInvoker),
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
+
+
+private:
+  class Delegate : public NativeComnyxCxxSpecJSI {
+  public:
+    Delegate(T *instance, std::shared_ptr<CallInvoker> jsInvoker) :
+      NativeComnyxCxxSpecJSI(std::move(jsInvoker)), instance_(instance) {
+
+    }
+
+    jsi::Value initialize(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::initialize) == 1,
+          "Expected initialize(...) to have 1 parameters");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::initialize, jsInvoker_, instance_);
+    }
+    jsi::Value checkOptIn(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::checkOptIn) == 1,
+          "Expected checkOptIn(...) to have 1 parameters");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::checkOptIn, jsInvoker_, instance_);
+    }
+    jsi::Value optIn(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::optIn) == 1,
+          "Expected optIn(...) to have 1 parameters");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::optIn, jsInvoker_, instance_);
+    }
+
+  private:
+    friend class NativeComnyxCxxSpec;
+    T *instance_;
+  };
+
+  Delegate delegate_;
+};
+
+} // namespace facebook::react

package/ios/generated/ReactAppDependencyProvider.podspec

@@ -0,0 +1,34 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+version = "0.78.1"
+source = { :git => 'https://github.com/facebook/react-native.git' }
+if version == '1000.0.0'
+  # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
+  source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")
+else
+  source[:tag] = "v#{version}"
+end
+
+Pod::Spec.new do |s|
+  s.name                   = "ReactAppDependencyProvider"
+  s.version                = version
+  s.summary                = "The third party dependency provider for the app"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/"
+  s.license                = "MIT"
+  s.author                 = "Meta Platforms, Inc. and its affiliates"
+  s.platforms              = min_supported_versions
+  s.source                 = source
+  s.source_files           = "**/RCTAppDependencyProvider.{h,mm}"
+
+  # This guard prevent to install the dependencies when we run `pod install` in the old architecture.
+  s.pod_target_xcconfig    = {
+    "CLANG_CXX_LANGUAGE_STANDARD" => rct_cxx_language_standard(),
+    "DEFINES_MODULE" => "YES"
+  }
+
+  s.dependency "ReactCodegen"
+end

package/lib/commonjs/components/ChatList.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChatList = ChatList;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _index = require("../api/index.js");
 var _MessageItem = require("./MessageItem.js");
 var _MessageInput = require("./MessageInput.js");
@@ -91,6 +92,7 @@ function ChatList({
   const {
     height: windowHeight
   } = (0, _reactNative.useWindowDimensions)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
   const MESSAGE_MIN_HEIGHT = 60;
   const FLATLIST_PADDING = 20;
   const MESSAGES_PER_PAGE = Math.ceil((windowHeight - FLATLIST_PADDING) / MESSAGE_MIN_HEIGHT);
@@ -114,15 +116,11 @@ function ChatList({
   const nextPageStatus = (0, _react.useRef)();
   const [nexPageFailed, setNexPageFailed] = (0, _react.useState)(false);
   const [initFailed, setInitFailed] = (0, _react.useState)(false);
-  const [isScrollingUp, setIsScrollingUp] = (0, _react.useState)(false);
+  const [showScrollDownButton, setShowScrollDownButton] = (0, _react.useState)(false);
   const [isKeyboardVisible, setIsKeyboardVisible] = (0, _react.useState)(false);
   const listChangedRef = (0, _react.useRef)(false);
   const [popupVisible, setPopupVisible] = (0, _react.useState)(false);
   const [selectedMessage, setSelectedMessage] = (0, _react.useState)('');
-  const [currentSection, setCurrentSection] = (0, _react.useState)('');
-  const lastSectionChangeTime = (0, _react.useRef)(0);
-  const pendingSectionRef = (0, _react.useRef)(null);
-  const MIN_SECTION_CHANGE_INTERVAL = 150;
   const sections = (0, _react.useMemo)(() => {
     if (!data || data.length === 0) return [];
     const validData = data.map(message => {
@@ -136,25 +134,32 @@ function ChatList({
     });
     const messagesByDate = {};
     validData.forEach(message => {
-      const dateKey = (0, _formatDate.formatDate)(language, message.created_at);
+      if (!message.created_at) {
+        return;
+      }
+      const createdAt = message.created_at instanceof Date ? message.created_at : new Date(message.created_at);
+      const dateKey = (0, _formatDate.getDateKey)(createdAt);
+      if (!dateKey) {
+        return;
+      }
+      const dayStart = new Date(createdAt.getFullYear(), createdAt.getMonth(), createdAt.getDate()).getTime();
       if (!messagesByDate[dateKey]) {
-        messagesByDate[dateKey] = [];
+        messagesByDate[dateKey] = {
+          label: (0, _formatDate.formatDate)(language, createdAt),
+          timestamp: dayStart,
+          messages: []
+        };
       }
-      // @ts-ignore
-      messagesByDate[dateKey].push(message);
+      messagesByDate[dateKey].messages.push(message);
     });
-
-    // Check if there are any messages before accessing firstKey
-    const dateKeys = Object.keys(messagesByDate);
-    if (dateKeys.length === 0) return [];
-    return Object.entries(messagesByDate).map(([title, messages]) => ({
-      title,
+    return Object.values(messagesByDate).sort((a, b) => b.timestamp - a.timestamp).map(({
+      label,
+      messages
+    }) => ({
+      title: label,
       data: messages.sort((a, b) => {
         try {
-          if (!a.created_at) {
-            return 0;
-          }
-          if (!b.created_at) {
+          if (!a.created_at || !b.created_at) {
             return 0;
           }
           const dateA = a.created_at instanceof Date ? a.created_at : new Date(a.created_at);
@@ -302,80 +307,31 @@ function ChatList({
       }
     });
   }, []);
-  const updateSectionSafely = (0, _react.useCallback)(newSection => {
-    const now = Date.now();
-    const timeSinceLastChange = now - lastSectionChangeTime.current;
-
-    // If this is a different section than current and pending
-    if (newSection !== currentSection && newSection !== pendingSectionRef.current) {
-      // If we recently changed the section, queue this change
-      if (timeSinceLastChange < MIN_SECTION_CHANGE_INTERVAL) {
-        // Store the pending section
-        pendingSectionRef.current = newSection;
-
-        // Schedule an update after the minimum interval has passed
-        setTimeout(() => {
-          // Only update if pending section hasn't changed again
-          if (pendingSectionRef.current === newSection) {
-            setCurrentSection(newSection);
-            lastSectionChangeTime.current = Date.now();
-            pendingSectionRef.current = null;
-          }
-        }, MIN_SECTION_CHANGE_INTERVAL - timeSinceLastChange);
-      } else {
-        // Enough time has passed, update immediately
-        setCurrentSection(newSection);
-        lastSectionChangeTime.current = now;
-        pendingSectionRef.current = null;
-      }
-    }
-  }, [currentSection]);
+  const renderSectionFooter = (0, _react.useCallback)(({
+    section
+  }) => {
+    const title = section.title;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.sectionHeaderContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
+        style: [styles.sectionHeader, {
+          color: themeColors.slate,
+          backgroundColor: themeColors.ghost
+        }],
+        children: title
+      })
+    });
+  }, [themeColors]);
   const handleScroll = (0, _react.useCallback)(event => {
     const currentScrollY = event.nativeEvent.contentOffset.y;
     const contentHeight = event.nativeEvent.contentSize.height;
     const scrollViewHeight = event.nativeEvent.layoutMeasurement.height;
-    setIsScrollingUp(currentScrollY > 300);
-
-    // Determine the section at the bottom of the window based on scroll position
-    if (sections && sections.length > 0) {
-      let accumulatedHeight = 0;
-      let lastVisibleSection = null;
-
-      // Check all sections
-      for (let i = 0; i < sections.length; i++) {
-        const section = sections[i];
-        if (!section || !section.data) continue;
-
-        // Calculate section height
-        const sectionHeight = section.data.length * (MESSAGE_MIN_HEIGHT + 10);
-
-        // Section positions
-        const sectionStart = accumulatedHeight;
-        const sectionEnd = sectionStart + sectionHeight;
-
-        // Visible area
-        const visibleTop = currentScrollY;
-        const visibleBottom = visibleTop + scrollViewHeight;
-
-        // Find the section visible at the bottom of the screen
-        const isSectionVisibleAtBottom = visibleBottom >= sectionStart && visibleBottom <= sectionEnd || sectionStart <= visibleTop && sectionEnd >= visibleBottom;
-        if (isSectionVisibleAtBottom) {
-          lastVisibleSection = section;
-        }
-        accumulatedHeight += sectionHeight;
-      }
-
-      // Display the found section using our safe updater
-      if (lastVisibleSection?.title && lastVisibleSection.title !== currentSection) {
-        updateSectionSafely(lastVisibleSection.title);
-      } else if (!lastVisibleSection && currentScrollY <= 10 && sections[0]?.title) {
-        updateSectionSafely(sections[0].title);
-      }
-    }
+    const shouldShowScrollButton = currentScrollY > 300;
+    setShowScrollDownButton(shouldShowScrollButton);
     if (currentScrollY >= contentHeight - scrollViewHeight - 200) {
       nextPage();
     }
-  }, [nextPage, sections, currentSection, MESSAGE_MIN_HEIGHT, updateSectionSafely]);
+  }, [nextPage]);
   const scrollToBottom = (0, _react.useCallback)(animated => {
     if (ref.current && sections.length) {
       ref.current.scrollToLocation({
@@ -434,13 +390,6 @@ function ChatList({
     }
   }, [MESSAGES_PER_PAGE, customer?.external_id, initFailed, setData]);
 
-  // Initialize the current section when sections are loaded
-  (0, _react.useEffect)(() => {
-    if (sections.length > 0 && sections[0]?.title) {
-      setCurrentSection(sections[0].title);
-    }
-  }, [sections]);
-
   // Add keyboard listeners
   (0, _react.useEffect)(() => {
     const keyboardDidShowListener = _reactNative.Keyboard.addListener('keyboardDidShow', () => {
@@ -456,13 +405,6 @@ function ChatList({
       keyboardDidHideListener.remove();
     };
   }, []);
-
-  // Clear pending updates on unmount
-  (0, _react.useEffect)(() => {
-    return () => {
-      pendingSectionRef.current = null;
-    };
-  }, []);
   if (nexPageFailed) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.retryContainer, {
@@ -505,10 +447,13 @@ function ChatList({
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.container, {
-          backgroundColor: themeColors.background
+          backgroundColor: themeColors.background,
+          paddingTop: insets.top || 40
         }],
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: [styles.iconContainer],
+          style: [styles.iconContainer, {
+            top: insets.top || 40
+          }],
           onPress: onBack,
           activeOpacity: _activeOpacity.activeOpacity,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
@@ -548,19 +493,14 @@ function ChatList({
               }]
             })]
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.listContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppText.AppText, {
-            style: [styles.dateText, {
-              color: themeColors.slate,
-              backgroundColor: themeColors.ghost
-            }],
-            children: currentSection
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SectionList, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SectionList, {
             ref: ref,
             sections: sections,
             inverted: true,
             renderItem: renderItem,
+            renderSectionFooter: renderSectionFooter,
             contentContainerStyle: [styles.contentContainer, {
               backgroundColor: themeColors.background
             }],
@@ -581,8 +521,8 @@ function ChatList({
             scrollEventThrottle: 1,
             stickySectionHeadersEnabled: false,
             showsVerticalScrollIndicator: false
-          })]
-        }), isScrollingUp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          })
+        }), showScrollDownButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           activeOpacity: _activeOpacity.activeOpacity,
           style: [styles.scrollDownButton, {
             backgroundColor: themeColors.ghost
@@ -619,7 +559,6 @@ const styles = _ScaledSheet.ScaledSheet.create({
   container: {
     flex: 1,
     paddingBottom: '20@vs',
-    paddingTop: '40@vs',
     position: 'relative'
   },
   list: {
@@ -698,7 +637,7 @@ const styles = _ScaledSheet.ScaledSheet.create({
   },
   iconContainer: {
     paddingHorizontal: '20@s',
-    paddingVertical: '40@vs',
+    paddingVertical: '10@vs',
     position: 'absolute',
     zIndex: 9999
   },
@@ -725,17 +664,6 @@ const styles = _ScaledSheet.ScaledSheet.create({
     alignSelf: 'center',
     marginVertical: '8@vs'
   },
-  dateText: {
-    fontSize: '14@vs',
-    fontWeight: '500',
-    borderRadius: '12@s',
-    paddingHorizontal: '8@s',
-    paddingVertical: '2@s',
-    position: 'absolute',
-    top: '10@vs',
-    zIndex: 10,
-    alignSelf: 'center'
-  },
   listContainer: {
     flex: 1,
     position: 'relative'