@robylon/react-native-sdk 2.0.21-staging.3 → 2.0.22-dev.0

package/src/index.tsx

@@ -1,10 +0,0 @@
-export { default as Chatbot } from "./Chatbotsdk";
-export { openChatbot } from "./openChatbot";
-export {
-  errorTracker,
-  ErrorTrackingService,
-} from "./services/ErrorTrackingService";
-export * from "./constants/errorConstants";
-export * from "./types/events";
-
-export type { ChatbotProps } from "./Chatbotsdk";

package/src/openChatbot.ts

@@ -1,11 +0,0 @@
-import { Linking } from "react-native";
-import { BASE_CHATBOT_URL } from "./constants";
-
-export const openChatbot = (
-  chatbotId: string,
-  additionalParams: Record<string, string> = {}
-): void => {
-  const params = new URLSearchParams({ id: chatbotId, ...additionalParams });
-  const url = `${BASE_CHATBOT_URL}?${params.toString()}`;
-  Linking.openURL(url);
-};

package/src/services/ErrorTrackingService.ts

@@ -1,217 +0,0 @@
-import { getSystemInfo } from "../utils/systemInfo";
-import { logger } from "../utils/logger";
-import { API_URL } from "../constants";
-import { Platform } from "react-native";
-
-export enum EventType {
-  ERROR = "ERROR",
-  INFO = "INFO",
-}
-
-export interface ErrorEvent {
-  message: string;
-  stack?: string;
-  componentName?: string | null | undefined;
-  additionalInfo?: Record<string, any>;
-  timestamp: number;
-}
-
-export interface LogPayload {
-  org_id: string;
-  event_data: ErrorEvent;
-  metadata: Record<string, any>;
-  event_type: EventType;
-  user_id?: string | number | null;
-}
-
-export class ErrorTrackingService {
-  private static instance: ErrorTrackingService;
-  private apiKey: string = "";
-  private userId: string | number | null | undefined = null;
-  private preInitQueue: Array<{
-    error: Error | string;
-    componentName?: string | null | undefined;
-    additionalInfo?: Record<string, any>;
-  }> = [];
-  private isInitialized = false;
-
-  private constructor() {}
-
-  static getInstance(): ErrorTrackingService {
-    if (!ErrorTrackingService.instance) {
-      ErrorTrackingService.instance = new ErrorTrackingService();
-    }
-    return ErrorTrackingService.instance;
-  }
-
-  initialize(apiKey: string, userId: string | number | null = null) {
-    try {
-      // Handle pre-init errors
-      if (this.preInitQueue.length > 0) {
-        const payload: LogPayload = {
-          org_id: "UNINITALIZED",
-          event_data: {
-            message: `SDK Initialization Failed: Required parameter 'api_key' is ${
-              apiKey === undefined
-                ? "undefined"
-                : apiKey === null
-                ? "null"
-                : apiKey === ""
-                ? "empty string"
-                : `invalid: ${apiKey}`
-            }`,
-            componentName: "ErrorTrackingService",
-            additionalInfo: {
-              preInitError: true,
-              apiKey,
-              userId,
-              timestamp: Date.now(),
-            },
-            timestamp: Date.now(),
-          },
-          metadata: getSystemInfo({ os: Platform.OS, browser: "React Native" }),
-          event_type: EventType.ERROR,
-          user_id: userId,
-        };
-
-        this.sendLog(payload).catch((error) =>
-          logger.error("Send log error:", error)
-        );
-      }
-
-      this.apiKey = apiKey;
-      this.userId = userId;
-      this.isInitialized = true;
-
-      this.processPreInitQueue();
-    } catch (error) {
-      logger.error("Error during ErrorTrackingService initialization:", error);
-      this.preInitQueue.push({
-        error: error instanceof Error ? error : new Error(String(error)),
-        componentName: "ErrorTrackingService",
-        additionalInfo: { apiKey, userId },
-      });
-    }
-  }
-
-  private async processPreInitQueue() {
-    if (!this.preInitQueue.length) return;
-
-    logger.info(
-      `Processing ${this.preInitQueue.length} pre-initialization errors`
-    );
-
-    for (const item of this.preInitQueue) {
-      await this.trackError(item.error, item.componentName, {
-        ...item.additionalInfo,
-        preInitError: true,
-      });
-    }
-
-    this.preInitQueue = [];
-  }
-
-  private async sendLog(payload: LogPayload): Promise<void> {
-    try {
-      logger.debug("Sending error log:", payload);
-      const response = await fetch(`${API_URL}/users/sdk/record-logs/`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify(payload),
-      });
-
-      if (!response.ok) {
-        logger.error("Failed to send error log:", await response.text());
-      }
-    } catch (error) {
-      logger.error("Error sending log:", error);
-    }
-  }
-
-  async trackError(
-    error: Error | string,
-    componentName: string | null | undefined,
-    additionalInfo?: Record<string, any>
-  ) {
-    if (!this.isInitialized) {
-      const payload: LogPayload = {
-        org_id: "UNINITALIZED",
-        event_data: {
-          message: error instanceof Error ? error.message : error,
-          stack: error instanceof Error ? error.stack : undefined,
-          componentName,
-          additionalInfo: {
-            ...additionalInfo,
-            preInitError: true,
-            timestamp: Date.now(),
-          },
-          timestamp: Date.now(),
-        },
-        metadata: getSystemInfo({ os: Platform.OS, browser: "React Native" }),
-        event_type: EventType.ERROR,
-        user_id: this.userId,
-      };
-
-      try {
-        await this.sendLog(payload);
-      } catch (sendError) {
-        this.preInitQueue.push({ error, componentName, additionalInfo });
-        logger.warn("Error tracked before initialization, queuing:", error);
-      }
-      return;
-    }
-
-    const errorEvent: ErrorEvent = {
-      message: error instanceof Error ? error.message : error,
-      stack: error instanceof Error ? error.stack : undefined,
-      componentName,
-      additionalInfo: {
-        ...additionalInfo,
-        timestamp: Date.now(),
-      },
-      timestamp: Date.now(),
-    };
-
-    const payload: LogPayload = {
-      org_id: this.apiKey || "UNINITALIZED",
-      event_data: errorEvent,
-      metadata: getSystemInfo({ os: Platform.OS, browser: "React Native" }),
-      event_type: EventType.ERROR,
-      user_id: this.userId,
-    };
-
-    await this.sendLog(payload);
-  }
-
-  async trackInfo(
-    message: string,
-    componentName: string | null | undefined,
-    additionalInfo?: Record<string, any>
-  ) {
-    if (!this.apiKey) {
-      logger.error("Error tracking not initialized");
-      return;
-    }
-
-    const infoEvent: ErrorEvent = {
-      message,
-      componentName,
-      additionalInfo,
-      timestamp: Date.now(),
-    };
-
-    const payload: LogPayload = {
-      org_id: this.apiKey,
-      event_data: infoEvent,
-      metadata: getSystemInfo({ os: Platform.OS, browser: "React Native" }),
-      event_type: EventType.INFO,
-      user_id: this.userId,
-    };
-
-    await this.sendLog(payload);
-  }
-}
-
-export const errorTracker = ErrorTrackingService.getInstance();

package/src/types/events.ts

@@ -1,25 +0,0 @@
-export enum ChatbotEventType {
-  CHATBOT_BUTTON_LOADED = "CHATBOT_BUTTON_LOADED",
-  CHATBOT_BUTTON_CLICKED = "CHATBOT_BUTTON_CLICKED",
-  CHATBOT_OPENED = "CHATBOT_OPENED",
-  CHATBOT_CLOSED = "CHATBOT_CLOSED",
-  CHATBOT_APP_READY = "CHATBOT_APP_READY",
-  CHATBOT_LOADED = "CHATBOT_LOADED",
-  CHAT_INITIALIZED = "CHAT_INITIALIZED",
-  SESSION_REFRESHED = "SESSION_REFRESHED",
-  CHAT_INITIALIZATION_FAILED = "CHAT_INITIALIZATION_FAILED",
-}
-
-export enum InternalEventType {
-  CHAT_MOVED = "CHAT_MOVED",
-}
-
-export type AllEventTypes = ChatbotEventType | InternalEventType;
-
-export interface ChatbotEvent {
-  type: ChatbotEventType;
-  timestamp: number;
-  data?: any;
-}
-
-export type ChatbotEventHandler = (event: ChatbotEvent) => void;

package/src/types/react-native-flipper-performance-plugin.d.ts

@@ -1,3 +0,0 @@
-declare module "react-native-flipper-performance-plugin" {
-  export function addPlugin(): void;
-}

package/src/types/react-native-globals.d.ts

@@ -1,10 +0,0 @@
-declare global {
-  interface Global {
-    ErrorUtils: {
-      setGlobalHandler(callback: (error: Error) => void): void;
-      getGlobalHandler(): (error: Error, isFatal?: boolean) => void;
-    };
-  }
-}
-
-export {};

package/src/utils/animations.ts

@@ -1,120 +0,0 @@
-import { Animated, Easing } from "react-native";
-
-// Custom easing function that matches the web version
-export const customEasing = Easing.bezier(0.2, 1.27, 0.29, 0.97);
-
-export const ANIMATION_CONFIG = {
-  DURATION: {
-    ENTER: {
-      TRANSFORM: 200, // 0.2 seconds for enter
-      OPACITY: 150, // 0.15 seconds for enter
-    },
-    EXIT: {
-      TRANSFORM: 100, // 0.1 seconds for exit (faster)
-      OPACITY: 80, // 0.08 seconds for exit (faster)
-    },
-  },
-  SCALE: {
-    BUTTON: {
-      DEFAULT: 1,
-      ACTIVE: 0.85,
-    },
-    IFRAME: {
-      HIDDEN: 0.3,
-      VISIBLE: 1,
-    },
-  },
-  TRANSLATE: {
-    Y: 40, // translateY value for animations
-  },
-};
-
-interface AnimatedValues {
-  scale: Animated.Value;
-  translateY: Animated.Value;
-  opacity: Animated.Value;
-}
-
-export const createAnimatedValues = (): AnimatedValues => ({
-  scale: new Animated.Value(1),
-  translateY: new Animated.Value(0),
-  opacity: new Animated.Value(1),
-});
-
-export const animateWebViewOpen = (
-  animatedValues: AnimatedValues,
-  callback?: () => void
-) => {
-  // Reset initial values
-  animatedValues.scale.setValue(ANIMATION_CONFIG.SCALE.IFRAME.HIDDEN);
-  animatedValues.translateY.setValue(ANIMATION_CONFIG.TRANSLATE.Y);
-  animatedValues.opacity.setValue(0);
-
-  Animated.parallel([
-    // Scale and translate animation
-    Animated.timing(animatedValues.scale, {
-      toValue: ANIMATION_CONFIG.SCALE.IFRAME.VISIBLE,
-      duration: ANIMATION_CONFIG.DURATION.ENTER.TRANSFORM,
-      easing: customEasing,
-      useNativeDriver: true,
-    }),
-    Animated.timing(animatedValues.translateY, {
-      toValue: 0,
-      duration: ANIMATION_CONFIG.DURATION.ENTER.TRANSFORM,
-      easing: customEasing,
-      useNativeDriver: true,
-    }),
-    // Opacity animation
-    Animated.timing(animatedValues.opacity, {
-      toValue: 1,
-      duration: ANIMATION_CONFIG.DURATION.ENTER.OPACITY,
-      easing: Easing.ease,
-      useNativeDriver: true,
-    }),
-  ]).start(callback);
-};
-
-export const animateWebViewClose = (
-  animatedValues: AnimatedValues,
-  callback?: () => void
-) => {
-  Animated.parallel([
-    // Scale and translate animation
-    Animated.timing(animatedValues.scale, {
-      toValue: ANIMATION_CONFIG.SCALE.IFRAME.HIDDEN,
-      duration: ANIMATION_CONFIG.DURATION.EXIT.TRANSFORM,
-      easing: customEasing,
-      useNativeDriver: true,
-    }),
-    Animated.timing(animatedValues.translateY, {
-      toValue: ANIMATION_CONFIG.TRANSLATE.Y,
-      duration: ANIMATION_CONFIG.DURATION.EXIT.TRANSFORM,
-      easing: customEasing,
-      useNativeDriver: true,
-    }),
-    // Opacity animation
-    Animated.timing(animatedValues.opacity, {
-      toValue: 0,
-      duration: ANIMATION_CONFIG.DURATION.EXIT.OPACITY,
-      easing: Easing.ease,
-      useNativeDriver: true,
-    }),
-  ]).start(callback);
-};
-
-export const animateButtonScale = (
-  scale: Animated.Value,
-  isActive: boolean,
-  callback?: () => void
-) => {
-  Animated.timing(scale, {
-    toValue: isActive
-      ? ANIMATION_CONFIG.SCALE.BUTTON.ACTIVE
-      : ANIMATION_CONFIG.SCALE.BUTTON.DEFAULT,
-    duration: isActive
-      ? ANIMATION_CONFIG.DURATION.ENTER.TRANSFORM
-      : ANIMATION_CONFIG.DURATION.EXIT.TRANSFORM,
-    easing: customEasing,
-    useNativeDriver: true,
-  }).start(callback);
-};

package/src/utils/colorUtils.ts

@@ -1,35 +0,0 @@
-export const getBestFontColor = (
-  backgroundColor: string,
-  contrastThreshold = 0.5
-): string => {
-  const whiteShade = "#FFFFFF"; // Light white shade
-  const blackShade = "#0E0E0F"; // Dark black shade
-
-  // Function to convert hex to RGB
-  const hexToRgb = (hex: string) => {
-    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-    hex = hex.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);
-    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    return result
-      ? {
-          r: parseInt(result[1], 16),
-          g: parseInt(result[2], 16),
-          b: parseInt(result[3], 16),
-        }
-      : { r: 0, g: 0, b: 0 };
-  };
-
-  // Function to calculate luminance
-  const luminance = (r: number, g: number, b: number) => {
-    const a = [r, g, b].map((v) => {
-      v /= 255;
-      return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-    });
-    return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-  };
-
-  const { r, g, b } = hexToRgb(backgroundColor);
-  const bgLuminance = luminance(r, g, b);
-
-  return bgLuminance > contrastThreshold ? blackShade : whiteShade;
-};

package/src/utils/cookieUtils.ts

@@ -1,7 +0,0 @@
-export const generateUUID = () => {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-    const r = (Math.random() * 16) | 0,
-      v = c === "x" ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-};

package/src/utils/debugConfig.ts

@@ -1,56 +0,0 @@
-import { Platform } from "react-native";
-
-declare global {
-  interface Window {
-    ReactNativeWebView: any;
-  }
-}
-
-declare let global: {
-  XMLHttpRequest: any;
-  FormData: any;
-  originalXMLHttpRequest: any;
-  originalFormData: any;
-};
-
-export const enableNetworkDebug = () => {
-  if (__DEV__) {
-    // Enable network request debugging
-    global.XMLHttpRequest =
-      global.originalXMLHttpRequest || global.XMLHttpRequest;
-    global.FormData = global.originalFormData || global.FormData;
-  }
-};
-
-export const enableWebViewDebug = (webViewRef: any) => {
-  if (__DEV__ && Platform.OS === "ios") {
-    // Enable console.log from WebView to show in native debugger
-    const script = `
-      window.onerror = function(message, sourcefile, lineno, colno, error) {
-        window.ReactNativeWebView.postMessage(JSON.stringify({
-          type: 'ERROR',
-          data: { message, sourcefile, lineno, colno, error: error?.toString() }
-        }));
-      };
-      
-      console = new Proxy(console, {
-        get: function(target, property) {
-          const origMethod = target[property];
-          return function(...args) {
-            const logData = args.map(arg => 
-              typeof arg === 'object' ? JSON.stringify(arg) : arg
-            ).join(' ');
-            
-            window.ReactNativeWebView.postMessage(JSON.stringify({
-              type: 'CONSOLE',
-              level: property,
-              data: logData
-            }));
-            origMethod.apply(target, args);
-          };
-        }
-      });
-    true;`;
-    webViewRef.current?.injectJavaScript(script);
-  }
-};

package/src/utils/debugMenu.ts

@@ -1,14 +0,0 @@
-import { Platform, NativeModules } from "react-native";
-
-export const openDebugMenu = () => {
-  if (Platform.OS === "ios") {
-    NativeModules.DevMenu.show();
-  }
-};
-
-export const openDebuggerFromApp = () => {
-  if (Platform.OS === "ios") {
-    // For iOS
-    NativeModules.DevSettings.setIsDebuggingRemotely(true);
-  }
-};

package/src/utils/errorHandler.ts

@@ -1,58 +0,0 @@
-import { logger } from "./logger";
-import { ErrorTypes } from "../constants/errorConstants";
-import { Platform } from "react-native";
-import { errorTracker } from "../services/ErrorTrackingService";
-
-// Global error handler for uncaught errors and promise rejections
-export const setupGlobalErrorHandlers = () => {
-  if (__DEV__) {
-    // Handle synchronous errors
-    const errorHandler = (error: Error, isFatal?: boolean) => {
-      errorTracker.trackError(error, "GlobalErrorHandler", {
-        isFatal,
-        type: ErrorTypes.RUNTIME_ERROR,
-        platform: Platform.OS,
-      });
-    };
-
-    // Handle promise rejections
-    const rejectionHandler = (event: any) => {
-      errorTracker.trackError(
-        event?.reason || new Error("Unknown Promise Error"),
-        "UnhandledPromiseRejection",
-        {
-          type: ErrorTypes.RUNTIME_ERROR,
-          platform: Platform.OS,
-        }
-      );
-    };
-
-    // Set up handlers
-    if ((global as any).ErrorUtils) {
-      const prevHandler = (global as any).ErrorUtils.getGlobalHandler();
-      (global as any).ErrorUtils.setGlobalHandler(
-        (error: Error, isFatal?: boolean) => {
-          errorHandler(error, isFatal);
-          prevHandler(error, isFatal);
-        }
-      );
-    }
-
-    // Handle promise rejections
-    const setupPromiseRejectionTracking = () => {
-      const tracking = require("promise/setimmediate/rejection-tracking");
-      tracking.enable({
-        allRejections: true,
-        onUnhandled: (id: number, error: Error) => {
-          rejectionHandler({ reason: error });
-        },
-      });
-    };
-
-    try {
-      setupPromiseRejectionTracking();
-    } catch (error) {
-      logger.warn("Promise rejection tracking setup failed:", error);
-    }
-  }
-};

package/src/utils/logger.ts

@@ -1,14 +0,0 @@
-export const logger = {
-  error: (message: string, error?: any) => {
-    console.error(message, error);
-  },
-  info: (message: string, data?: any) => {
-    console.info(message, data);
-  },
-  warn: (message: string, data?: any) => {
-    console.warn(message, data);
-  },
-  debug: (message: string, data?: any) => {
-    console.log(message, data);
-  },
-};

package/src/utils/systemInfo.ts

@@ -1,84 +0,0 @@
-import { Platform, Dimensions, PixelRatio } from "react-native";
-import { SDK_VERSION } from "../version";
-
-interface ScreenSize {
-  width: number;
-  height: number;
-}
-
-interface SystemInfo {
-  platform: string;
-  os: string;
-  browser: string;
-  sdk_version: string;
-  device: string;
-  screen_size: ScreenSize;
-}
-
-// Get device type based on platform and screen dimensions
-const getDeviceType = (): string => {
-  const { width, height } = Dimensions.get("window");
-  const aspectRatio = height / width;
-
-  if (Platform.OS === "ios") {
-    return Platform.isPad ? "iPad" : "iPhone";
-  } else if (Platform.OS === "android") {
-    return aspectRatio < 1.6 ? "Android Tablet" : "Android Phone";
-  }
-  return "Desktop";
-};
-
-// Get screen dimensions with pixel ratio
-const getScreenSize = (): ScreenSize => {
-  return {
-    width: Math.round(Dimensions.get("window").width * PixelRatio.get()),
-    height: Math.round(Dimensions.get("window").height * PixelRatio.get()),
-  };
-};
-
-// Get browser detection script
-export const getBrowserAndOSInfoScript = (): string => {
-  return `
-    function getOSAndBrowser() {
-      const userAgent = navigator.userAgent;
-      
-      // OS Detection
-      let os = "unknown";
-      if (userAgent.indexOf("Win") !== -1) os = "Windows";
-      else if (userAgent.indexOf("Mac") !== -1) os = "MacOS";
-      else if (userAgent.indexOf("Linux") !== -1) os = "Linux";
-      else if (userAgent.indexOf("Android") !== -1) os = "Android";
-      else if (userAgent.indexOf("like Mac") !== -1) os = "iOS";
-
-      // Browser Detection
-      let browser = "unknown";
-      if (userAgent.indexOf("Chrome") !== -1) browser = "Chrome";
-      else if (userAgent.indexOf("Safari") !== -1) browser = "Safari";
-      else if (userAgent.indexOf("Firefox") !== -1) browser = "Firefox";
-      else if (userAgent.indexOf("Edge") !== -1) browser = "Edge";
-      else if (userAgent.indexOf("MSIE") !== -1 || userAgent.indexOf("Trident/") !== -1) browser = "IE";
-
-      window.ReactNativeWebView.postMessage(JSON.stringify({
-        type: 'SYSTEM_INFO',
-        data: { os, browser }
-      }));
-    }
-    getOSAndBrowser();
-    true;
-  `;
-};
-
-// Get complete system information
-export const getSystemInfo = (webViewSystemInfo: {
-  os: string;
-  browser: string;
-}): SystemInfo => {
-  return {
-    platform: Platform.OS,
-    os: webViewSystemInfo.os || Platform.OS,
-    browser: webViewSystemInfo.browser || "WebView",
-    sdk_version: SDK_VERSION,
-    device: getDeviceType(),
-    screen_size: getScreenSize(),
-  };
-};