@robylon/react-native-sdk 2.0.19-staging.9 → 2.0.21-dev.0

package/src/FloatingButton.tsx

@@ -1,74 +0,0 @@
-import React from "react";
-import { TouchableOpacity, StyleSheet, Text, Image } from "react-native";
-import { errorTracker } from "./services/ErrorTrackingService";
-import { ErrorTypes } from "./constants/errorConstants";
-
-interface FloatingButtonProps {
-  onPress: () => void;
-  brandColor?: string; // For dynamic branding
-  imageUrl?: string; // For brand logo or icon
-}
-
-const FloatingButton: React.FC<FloatingButtonProps> = ({
-  onPress,
-  brandColor = "#007AFF", // Default color
-  imageUrl,
-}) => {
-  const handleImageError = () => {
-    errorTracker.trackError(
-      new Error("Failed to load button image"),
-      "FloatingButton",
-      {
-        type: ErrorTypes.RUNTIME_ERROR,
-        context: { imageUrl },
-      }
-    );
-  };
-
-  return (
-    <TouchableOpacity
-      style={[styles.button, { backgroundColor: brandColor }]}
-      onPress={onPress}
-    >
-      {imageUrl ? (
-        <Image
-          source={{ uri: imageUrl }}
-          style={styles.buttonImage}
-          onError={handleImageError}
-        />
-      ) : (
-        <Text style={styles.buttonText}>Chat</Text>
-      )}
-    </TouchableOpacity>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    position: "absolute",
-    bottom: 20,
-    right: 20,
-    borderRadius: 24,
-    width: 48,
-    height: 48,
-    justifyContent: "center",
-    alignItems: "center",
-    elevation: 5,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.25,
-    shadowRadius: 3.84,
-  },
-  buttonText: {
-    color: "white",
-    fontSize: 16,
-    fontWeight: "bold",
-  },
-  buttonImage: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
-  },
-});
-
-export default FloatingButton;

package/src/LoadingIndicator.tsx

@@ -1,11 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { View, ActivityIndicator } from "react-native";
-import { WebView } from "react-native-webview";
-
-const LoadingIndicator: React.FC = () => (
-  <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
-    <ActivityIndicator size="large" color="#0000ff" />
-  </View>
-);
-
-export default LoadingIndicator;

package/src/Toast.tsx

@@ -1,65 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { View, Text, StyleSheet, Animated } from "react-native";
-
-const Toast = ({
-  message,
-  visible,
-  duration = 3000,
-}: {
-  message: any;
-  visible: boolean;
-  duration?: number;
-}) => {
-  const [fadeAnim] = useState(new Animated.Value(0));
-
-  useEffect(() => {
-    if (visible) {
-      // Fade in the toast
-      Animated.timing(fadeAnim, {
-        toValue: 1,
-        duration: 300,
-        useNativeDriver: true,
-      }).start(() => {
-        // Auto-hide after duration
-        setTimeout(() => {
-          Animated.timing(fadeAnim, {
-            toValue: 0,
-            duration: 300,
-            useNativeDriver: true,
-          }).start();
-        }, duration);
-      });
-    }
-  }, [visible]);
-
-  return (
-    <Animated.View
-      style={[
-        styles.toastContainer,
-        { opacity: fadeAnim, display: visible ? "flex" : "none" },
-      ]}
-    >
-      <Text style={styles.toastText}>{message}</Text>
-    </Animated.View>
-  );
-};
-
-const styles = StyleSheet.create({
-  toastContainer: {
-    position: "absolute",
-    bottom: 50,
-    left: "10%",
-    right: "10%",
-    backgroundColor: "rgba(0, 0, 0, 0.8)",
-    padding: 10,
-    borderRadius: 5,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  toastText: {
-    color: "#fff",
-    textAlign: "center",
-  },
-});
-
-export default Toast;

package/src/components/DebugButton.tsx

@@ -1,46 +0,0 @@
-import React from "react";
-import { TouchableOpacity, Text, StyleSheet, View } from "react-native";
-import { openDebugMenu } from "../utils/debugMenu";
-import { openDebuggerFromApp } from "../utils/debugMenu";
-
-const DebugButton = () => {
-  if (!__DEV__) return null;
-
-  return (
-    <View style={styles.debugContainer}>
-      <TouchableOpacity style={styles.debugButton} onPress={openDebugMenu}>
-        <Text style={styles.debugText}>Menu</Text>
-      </TouchableOpacity>
-      <TouchableOpacity
-        style={[styles.debugButton, styles.debuggerButton]}
-        onPress={openDebuggerFromApp}
-      >
-        <Text style={styles.debugText}>Debug</Text>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  debugContainer: {
-    position: "absolute",
-    top: 40,
-    right: 10,
-    flexDirection: "row",
-    gap: 8,
-  },
-  debugButton: {
-    backgroundColor: "rgba(0,0,0,0.7)",
-    padding: 8,
-    borderRadius: 4,
-  },
-  debuggerButton: {
-    backgroundColor: "rgba(255,0,0,0.7)",
-  },
-  debugText: {
-    color: "white",
-    fontSize: 12,
-  },
-});
-
-export default DebugButton;

package/src/components/ErrorBoundary.tsx

@@ -1,38 +0,0 @@
-import React, { Component, ErrorInfo, ReactNode } from "react";
-import { errorTracker } from "../services/ErrorTrackingService";
-import { ErrorTypes } from "../constants/errorConstants";
-
-interface Props {
-  children: ReactNode;
-  componentName: string;
-}
-
-interface State {
-  hasError: boolean;
-}
-
-export class ErrorBoundary extends Component<Props, State> {
-  constructor(props: Props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-
-  static getDerivedStateFromError(_: Error): State {
-    return { hasError: true };
-  }
-
-  componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-    errorTracker.trackError(error, this.props.componentName, {
-      errorInfo,
-      type: ErrorTypes.RUNTIME_ERROR,
-    });
-  }
-
-  render() {
-    if (this.state.hasError) {
-      return null; // Or a fallback UI if needed
-    }
-
-    return this.props.children;
-  }
-}

package/src/config.ts

@@ -1,4 +0,0 @@
-export const config = {
-  API_URL: process.env.API_URL || 'https://api.robylon.com',
-  DEBUG: process.env.DEBUG === 'true'
-};

package/src/constants/errorConstants.ts

@@ -1,21 +0,0 @@
-export enum ErrorCodes {
-  MISSING_API_KEY = "MISSING_API_KEY",
-  ERROR_TRACKING_INIT_FAILED = "ERROR_TRACKING_INIT_FAILED",
-  WEBVIEW_LOAD_ERROR = "WEBVIEW_LOAD_ERROR",
-  CONFIG_FETCH_ERROR = "CONFIG_FETCH_ERROR",
-}
-
-export enum ErrorTypes {
-  INITIALIZATION_ERROR = "INITIALIZATION_ERROR",
-  RUNTIME_ERROR = "RUNTIME_ERROR",
-  NETWORK_ERROR = "NETWORK_ERROR",
-}
-
-export const ErrorMessages = {
-  [ErrorCodes.MISSING_API_KEY]: (apiKey: any) =>
-    `Invalid API key: ${apiKey}. Please provide a valid API key.`,
-  [ErrorCodes.ERROR_TRACKING_INIT_FAILED]:
-    "Failed to initialize error tracking service.",
-  [ErrorCodes.WEBVIEW_LOAD_ERROR]: "Failed to load chatbot interface.",
-  [ErrorCodes.CONFIG_FETCH_ERROR]: "Failed to fetch chatbot configuration.",
-};

package/src/constants.ts

@@ -1,4 +0,0 @@
-const BASE_CHATBOT_DOMAIN = process.env.CHATBOT_DOMAIN || "";
-const CHATBOT_PATH = process.env.CHATBOT_PATH || "";
-export const BASE_CHATBOT_URL = `${BASE_CHATBOT_DOMAIN}/${CHATBOT_PATH}`;
-export const API_URL = process.env.API_URL;

package/src/global.d.ts

@@ -1,11 +0,0 @@
-// declare module "react-native" {
-//   export const View: any;
-//   export const ActivityIndicator: any;
-//   export const Linking: any;
-//   // Add other React Native exports as needed
-// }
-
-declare module "*.json" {
-  const value: any;
-  export default value;
-}

package/src/hooks/useChatbotEvents.ts

@@ -1,93 +0,0 @@
-import { useCallback } from "react";
-import { getSystemInfo } from "../utils/systemInfo";
-import { logger } from "../utils/logger";
-import {
-  ChatbotEventType,
-  AllEventTypes,
-  ChatbotEventHandler,
-} from "../types/events";
-import { API_URL } from "../constants";
-
-interface EventHookProps {
-  api_key: string;
-  chatbotConfig: any;
-  user_profile?: Record<string, any>;
-  onEvent?: ChatbotEventHandler;
-  systemInfo: { os: string; browser: string }; // Add this to get system info from WebView
-}
-
-export const useChatbotEvents = ({
-  api_key,
-  chatbotConfig,
-  user_profile,
-  onEvent,
-  systemInfo,
-}: EventHookProps) => {
-  const onInternalEvent = useCallback(
-    async (
-      eventType: AllEventTypes,
-      additionalData: Record<string, any> = {}
-    ) => {
-      if (!api_key) return;
-
-      try {
-        const apiUrl = API_URL;
-        const sysInfo = getSystemInfo(systemInfo);
-
-        const eventData = {
-          trigger_time: Date.now(),
-          channel: "CHATBOT",
-          org_id: api_key,
-          client_user_id: chatbotConfig?.isAnonymous
-            ? "Anonymous"
-            : String(chatbotConfig?.userId || ""),
-          event_type: eventType,
-          user_profile: { ...(user_profile || {}) },
-          ...additionalData,
-        };
-
-        const payload = {
-          org_id: api_key,
-          event_data: eventData,
-          metadata: {
-            timestamp: Date.now(),
-            ...sysInfo,
-          },
-          event_type: "INFO",
-          user_id: chatbotConfig?.userId,
-        };
-
-        logger.debug("Sending internal event:", payload);
-
-        const response = await fetch(`${apiUrl}/users/sdk/record-logs/`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload),
-        });
-
-        if (!response.ok) {
-          throw new Error(
-            `Failed to send internal event: ${response.statusText}`
-          );
-        }
-      } catch (error) {
-        logger.error("Failed to send internal event:", error);
-      }
-    },
-    [api_key, chatbotConfig, user_profile, systemInfo]
-  );
-
-  const emitEvent = useCallback(
-    (type: ChatbotEventType, data?: any) => {
-      const timestamp = Date.now();
-      onEvent?.({ type, timestamp, data });
-      onInternalEvent(type, { ...data, timestamp });
-    },
-    [onEvent, onInternalEvent]
-  );
-
-  return {
-    emitEvent,
-    onInternalEvent,
-  };
-};

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/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);
-  });
-};