onairos 2.0.7 → 2.0.9

package/onairos.d.ts

@@ -21,188 +21,6 @@ declare module 'onairos' {
      */
     export function Onairos(props: OnairosProps): JSX.Element;
 
-    // SDK Interfaces
-    export interface OnairosClientConfig {
-      openaiApiKey?: string;
-      anthropicApiKey?: string;
-      googleApiKey?: string;
-      pineconeApiKey?: string;
-      pineconeEnvironment?: string;
-      jwtSecret: string;
-      indexName?: string;
-    }
-
-    export interface CompletionMessage {
-      role: 'system' | 'user' | 'assistant';
-      content: string;
-    }
-
-    export interface CompletionOptions {
-      temperature?: number;
-      max_tokens?: number;
-      top_p?: number;
-      frequency_penalty?: number;
-      presence_penalty?: number;
-    }
-
-    export interface CompletionParams {
-      model: string;
-      messages: CompletionMessage[];
-      userId: string;
-      sessionToken: string;
-      options?: CompletionOptions;
-    }
-
-    export interface CompletionResponse {
-      id: string;
-      object: string;
-      created: number;
-      model: string;
-      choices: Array<{
-        index: number;
-        message: {
-          role: string;
-          content: string;
-        };
-        finish_reason: string;
-      }>;
-      usage: {
-        prompt_tokens: number;
-        completion_tokens: number;
-        total_tokens: number;
-      };
-    }
-
-    export interface MemoryEntry {
-      id: string;
-      data: string;
-      timestamp: string;
-      query?: string;
-    }
-
-    export interface SessionTokenOptions {
-      expiresIn?: string;
-      additionalClaims?: Record<string, any>;
-    }
-
-    /**
-     * Main Onairos SDK Client for RAG-enhanced completions
-     */
-    export class OnairosClient {
-      constructor(config: OnairosClientConfig);
-      
-      /**
-       * Initialize the client (sets up vector store)
-       */
-      initialize(): Promise<void>;
-      
-      /**
-       * Create a completion with RAG enhancement
-       */
-      completions(params: CompletionParams): Promise<CompletionResponse>;
-      
-      /**
-       * Create a completion (alias for completions)
-       */
-      create(params: CompletionParams): Promise<CompletionResponse>;
-      
-      /**
-       * Generate a session token for a user
-       */
-      generateSessionToken(userId: string, options?: SessionTokenOptions): string;
-      
-      /**
-       * Clear memory for a specific user
-       */
-      clearUserMemory(userId: string): Promise<void>;
-      
-      /**
-       * Get user memory summary
-       */
-      getUserMemory(userId: string): Promise<MemoryEntry[]>;
-    }
-
-    /**
-     * LLM Wrapper for multiple providers
-     */
-    export class LLMWrapper {
-      constructor(config: {
-        openaiApiKey?: string;
-        anthropicApiKey?: string;
-        googleApiKey?: string;
-      });
-      
-      createCompletion(params: {
-        model: string;
-        messages: CompletionMessage[];
-        options?: CompletionOptions;
-      }): Promise<{
-        id: string;
-        content: string;
-        finish_reason: string;
-        usage?: any;
-      }>;
-      
-      getAvailableModels(): {
-        openai: string[];
-        anthropic: string[];
-        google: string[];
-      };
-    }
-
-    /**
-     * Memory Manager for RAG functionality
-     */
-    export class MemoryManager {
-      constructor(config: {
-        pineconeApiKey: string;
-        pineconeEnvironment: string;
-        indexName?: string;
-        openaiApiKey: string;
-      });
-      
-      initialize(): Promise<void>;
-      storeInteraction(userId: string, query: string, response: string): Promise<void>;
-      retrieveMemory(userId: string, query: string): Promise<string[]>;
-      clearUserMemory(userId: string): Promise<void>;
-      getUserMemory(userId: string): Promise<MemoryEntry[]>;
-      storeCustomMemory(userId: string, memoryData: string, category?: string): Promise<void>;
-    }
-
-    /**
-     * Session Manager for authentication
-     */
-    export class SessionManager {
-      constructor(config: { jwtSecret: string });
-      
-      generateSessionToken(userId: string, options?: SessionTokenOptions): string;
-      validateSession(token: string): Promise<any>;
-      refreshSession(token: string, options?: any): Promise<string>;
-      extractUserId(token: string): string | null;
-      isTokenExpired(token: string): boolean;
-      getTokenExpiration(token: string): Date | null;
-      generateGuestToken(options?: any): string;
-      validateUserAccess(token: string, expectedUserId: string): Promise<any>;
-      generateApiKey(clientId: string, scopes?: string[]): string;
-      validateApiKey(apiKey: string): Promise<any>;
-    }
-
-    // Utility functions
-    export function extractMemory(params: { query: string; response: string }): string | null;
-    export function hasMeaningfulMemory(query: string, response: string): boolean;
-    export function cleanMemoryData(memoryData: string): string;
-
-    export interface DataRequestResult {
-      approved: boolean | string[];
-      dataTypes?: string[];
-      timestamp: string;
-      userEmail?: string;
-      appName?: string;
-      apiResponse?: any; // Present when autoFetch is true and API call succeeds
-      apiError?: string; // Present when autoFetch is true and API call fails
-      apiUrl?: string; // The API endpoint used for the request
-    }
-
     export interface PopupHandlerOptions {
       autoFetch?: boolean;
       onApiResponse?: (response: any) => void;

package/package.json

@@ -1,10 +1,7 @@
 {
   "name": "onairos",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "dependencies": {
-    "@anthropic-ai/sdk": "^0.24.3",
-    "@google/generative-ai": "^0.15.0",
-    "@pinecone-database/pinecone": "^2.2.2",
     "@react-oauth/google": "^0.12.1",
     "@telegram-apps/sdk-react": "^2.0.25",
     "@testing-library/jest-dom": "^5.17.0",
@@ -13,12 +10,9 @@
     "axios": "^1.6.5",
     "buffer": "^6.0.3",
     "caniuse-lite": "^1.0.30001718",
-    "jsonwebtoken": "^9.0.2",
-    "openai": "^4.52.7",
     "process": "^0.11.10",
     "react-scripts": "^5.0.1",
     "stream-browserify": "^3.0.0",
-    "uuid": "^9.0.1",
     "web-vitals": "^2.1.4"
   },
   "sideEffects": false,
@@ -28,10 +22,7 @@
     "copy-assets": "echo 'Assets copied by webpack'",
     "dev": "webpack --mode development --watch",
     "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "test:sdk": "node test-sdk.js",
-    "example": "node example-usage.js",
-    "test:all": "npm run test:sdk && npm run example"
+    "eject": "react-scripts eject"
   },
   "eslintConfig": {
     "extends": [
@@ -96,13 +87,9 @@
     "react-dom": "^18.2.0",
     "react-native": ">=0.69.0",
     "tailwindcss": "^3.3.5",
-    "ajv": "^8.12.0",
-    "@anthropic-ai/sdk": "^0.24.3",
-    "@google/generative-ai": "^0.15.0",
-    "@pinecone-database/pinecone": "^2.2.2",
-    "openai": "^4.52.7"
+    "ajv": "^8.12.0"
   },
-  "description": "The Onairos Library is a collection of functions that enable Applications to connect and communicate data with Onairos Identities via User Authorization. Integration for developers is designed to be seamless, simple and effective for all applications",
+  "description": "The Onairos Library is a collection of functions that enable Applications to connect and communicate data with Onairos Identities via User Authorization. Integration for developers is seamless, simple and effective for all applications. LLM SDK capabilities have been migrated to backend for enhanced security and performance.",
   "main": "dist/onairos.bundle.js",
   "module": "dist/onairos.esm.js",
   "types": "onairos.d.ts",
@@ -114,7 +101,10 @@
   },
   "keywords": [
     "Onairos",
-    "Identity"
+    "Identity",
+    "Authentication",
+    "Data-Sharing",
+    "Privacy"
   ],
   "author": "Zion Darko",
   "license": "Apache-2.0",

package/src/components/DataRequest.js

@@ -1,43 +1,66 @@
 import React, { useState } from 'react';
 
-const defaultDataTypes = [
-  { id: 'email', name: 'Email Address', description: 'Your email for account identification', icon: '📧' },
-  { id: 'profile', name: 'Profile Information', description: 'Basic profile data and preferences', icon: '👤' },
-  { id: 'social', name: 'Social Connections', description: 'Connected social media accounts', icon: '🌐' },
-  { id: 'activity', name: 'Activity Data', description: 'Usage patterns and interactions', icon: '📊' },
-  { id: 'preferences', name: 'User Preferences', description: 'Settings and customization choices', icon: '⚙️' }
+const dataTypes = [
+  { 
+    id: 'basic', 
+    name: 'Basic Information', 
+    description: 'Name, email, and essential account details', 
+    icon: '👤',
+    required: true // Cannot be deselected
+  },
+  { 
+    id: 'memories', 
+    name: 'Memories', 
+    description: 'Preferences and interests', 
+    icon: '🧠',
+    required: false
+  }
 ];
 
 export default function DataRequest({ 
   onComplete, 
   userEmail, 
-  requestData, 
   appName = 'App', 
   autoFetch = true 
 }) {
-  const [selectedData, setSelectedData] = useState({});
+  const [selectedData, setSelectedData] = useState({
+    basic: true, // Always selected by default
+    memories: false
+  });
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isLoadingApi, setIsLoadingApi] = useState(false);
   const [apiResponse, setApiResponse] = useState(null);
   const [apiError, setApiError] = useState(null);
 
-  // Use provided requestData or default data types
-  const dataTypes = Array.isArray(requestData) 
-    ? requestData.map(id => defaultDataTypes.find(dt => dt.id === id) || { id, name: id, description: `${id} data`, icon: '📋' })
-    : Object.values(defaultDataTypes);
-
   const handleDataToggle = (dataId) => {
+    // Don't allow toggling basic information (it's required)
+    if (dataId === 'basic') return;
+    
     setSelectedData(prev => ({
       ...prev,
       [dataId]: !prev[dataId]
     }));
   };
 
+  const generateUserHash = (email) => {
+    // Simple hash function for user identification
+    let hash = 0;
+    const str = email + Date.now().toString();
+    for (let i = 0; i < str.length; i++) {
+      const char = str.charCodeAt(i);
+      hash = ((hash << 5) - hash) + char;
+      hash = hash & hash; // Convert to 32-bit integer
+    }
+    return `user_${Math.abs(hash).toString(36)}`;
+  };
+
   const makeApiCall = async (approvedData) => {
     try {
       setIsLoadingApi(true);
       setApiError(null);
       
+      const userHash = generateUserHash(userEmail);
+      
       const response = await fetch('https://api2.onairos.uk/inferenceTest', {
         method: 'POST',
         headers: {
@@ -46,6 +69,7 @@ export default function DataRequest({
         body: JSON.stringify({
           approvedData,
           userEmail,
+          userHash, // Add user hash for backend LLM SDK
           appName,
           timestamp: new Date().toISOString()
         })
@@ -56,8 +80,15 @@ export default function DataRequest({
       }
 
       const data = await response.json();
-      setApiResponse(data);
-      return data;
+      
+      // Ensure user hash is included in response
+      const responseWithHash = {
+        ...data,
+        userHash
+      };
+      
+      setApiResponse(responseWithHash);
+      return responseWithHash;
     } catch (error) {
       console.error('API call error:', error);
       setApiError(error.message);
@@ -77,17 +108,14 @@ export default function DataRequest({
         .filter(([_, isSelected]) => isSelected)
         .map(([dataId]) => dataId);
 
-      if (approved.length === 0) {
-        alert('Please select at least one data type to continue.');
-        setIsSubmitting(false);
-        return;
-      }
+      const userHash = generateUserHash(userEmail);
 
       const baseResult = {
         approved: true,
         dataTypes: approved,
         timestamp: new Date().toISOString(),
         userEmail: userEmail,
+        userHash: userHash, // Include user hash in response
         appName: appName
       };
 
@@ -129,6 +157,7 @@ export default function DataRequest({
       dataTypes: [],
       timestamp: new Date().toISOString(),
       userEmail: userEmail,
+      userHash: generateUserHash(userEmail),
       appName: appName
     });
   };
@@ -136,127 +165,109 @@ export default function DataRequest({
   const selectedCount = Object.values(selectedData).filter(Boolean).length;
 
   return (
-    <div className="p-6 max-w-md mx-auto">
-      {/* Header */}
-      <div className="text-center mb-6">
-        <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
-          <svg className="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
-          </svg>
+    <div className="w-full max-w-md mx-auto bg-white rounded-lg shadow-xl overflow-hidden" style={{ maxHeight: '90vh', height: 'auto' }}>
+      <div className="p-4 sm:p-6 overflow-y-auto" style={{ maxHeight: 'calc(90vh - 4rem)' }}>
+        {/* Header */}
+        <div className="text-center mb-4 sm:mb-6">
+          <div className="w-12 h-12 sm:w-16 sm:h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-3 sm:mb-4">
+            <svg className="w-6 h-6 sm:w-8 sm:h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
+            </svg>
+          </div>
+          <h2 className="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Data Access Request</h2>
+          <p className="text-gray-600 text-xs sm:text-sm">
+            <span className="font-medium">{appName}</span> would like to access some of your data.
+          </p>
         </div>
-        <h2 className="text-xl font-semibold text-gray-900 mb-2">Data Access Request</h2>
-        <p className="text-gray-600 text-sm">
-          <span className="font-medium">{appName}</span> would like to access some of your data. 
-          {autoFetch && " Your data will be processed automatically after approval."}
-        </p>
-      </div>
 
-      {/* Data Types Selection */}
-      <div className="space-y-3 mb-6">
-        {dataTypes.map((dataType) => {
-          const isSelected = selectedData[dataType.id] || false;
-          
-          return (
-            <div 
-              key={dataType.id}
-              className="flex items-center justify-between p-4 border rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <div className="flex items-center space-x-3">
-                <div className="text-2xl">
-                  {dataType.icon}
-                </div>
-                <div>
-                  <h3 className="font-medium text-gray-900">{dataType.name}</h3>
-                  <p className="text-sm text-gray-500">{dataType.description}</p>
-                </div>
-              </div>
-              
-              {/* Toggle Switch */}
-              <button
-                onClick={() => handleDataToggle(dataType.id)}
-                className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 ${
-                  isSelected ? 'bg-blue-600' : 'bg-gray-200'
+        {/* Data Types Selection */}
+        <div className="space-y-2 sm:space-y-3 mb-4 sm:mb-6">
+          {dataTypes.map((dataType) => {
+            const isSelected = selectedData[dataType.id] || false;
+            const isRequired = dataType.required;
+            
+            return (
+              <div 
+                key={dataType.id}
+                className={`flex items-center justify-between p-3 sm:p-4 border rounded-lg transition-colors ${
+                  isRequired ? 'bg-blue-50 border-blue-200' : 'hover:bg-gray-50'
                 }`}
               >
-                <span
-                  className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
-                    isSelected ? 'translate-x-6' : 'translate-x-1'
-                  }`}
-                />
-              </button>
-            </div>
-          );
-        })}
-      </div>
+                <div className="flex items-center space-x-3">
+                  <div className="text-xl sm:text-2xl">
+                    {dataType.icon}
+                  </div>
+                  <div>
+                    <h3 className="font-medium text-gray-900 text-sm sm:text-base">
+                      {dataType.name}
+                      {isRequired && <span className="text-blue-600 ml-1">*</span>}
+                    </h3>
+                    <p className="text-xs sm:text-sm text-gray-500">{dataType.description}</p>
+                  </div>
+                </div>
+                
+                {/* Toggle Switch or Required Badge */}
+                {isRequired ? (
+                  <div className="px-2 py-1 bg-blue-600 text-white text-xs rounded-full">
+                    Required
+                  </div>
+                ) : (
+                  <button
+                    onClick={() => handleDataToggle(dataType.id)}
+                    className={`relative inline-flex h-5 sm:h-6 w-9 sm:w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 ${
+                      isSelected ? 'bg-blue-600' : 'bg-gray-200'
+                    }`}
+                  >
+                    <span
+                      className={`inline-block h-3 sm:h-4 w-3 sm:w-4 transform rounded-full bg-white transition-transform ${
+                        isSelected ? 'translate-x-5 sm:translate-x-6' : 'translate-x-1'
+                      }`}
+                    />
+                  </button>
+                )}
+              </div>
+            );
+          })}
+        </div>
 
-      {/* Selection Summary */}
-      {selectedCount > 0 && (
-        <div className="mb-4 p-3 bg-green-50 border border-green-200 rounded-lg">
-          <p className="text-green-800 text-sm">
+        {/* Selection Summary */}
+        <div className="mb-3 sm:mb-4 p-2 sm:p-3 bg-green-50 border border-green-200 rounded-lg">
+          <p className="text-green-800 text-xs sm:text-sm">
             ✅ {selectedCount} data type{selectedCount > 1 ? 's' : ''} selected for sharing
           </p>
         </div>
-      )}
 
-      {/* API Status */}
-      {autoFetch && isLoadingApi && (
-        <div className="mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg">
-          <div className="flex items-center space-x-2">
-            <div className="animate-spin h-4 w-4 border-2 border-blue-600 rounded-full border-t-transparent"></div>
-            <p className="text-blue-800 text-sm">Processing your data...</p>
+        {/* API Status */}
+        {isLoadingApi && (
+          <div className="mb-3 sm:mb-4 p-2 sm:p-3 bg-blue-50 border border-blue-200 rounded-lg">
+            <p className="text-blue-800 text-xs sm:text-sm">🔄 Processing your data request...</p>
           </div>
-        </div>
-      )}
+        )}
 
-      {autoFetch && apiResponse && (
-        <div className="mb-4 p-3 bg-green-50 border border-green-200 rounded-lg">
-          <p className="text-green-800 text-sm">
-            ✅ Data processed successfully
-          </p>
-        </div>
-      )}
+        {apiError && (
+          <div className="mb-3 sm:mb-4 p-2 sm:p-3 bg-red-50 border border-red-200 rounded-lg">
+            <p className="text-red-800 text-xs sm:text-sm">❌ {apiError}</p>
+          </div>
+        )}
 
-      {autoFetch && apiError && (
-        <div className="mb-4 p-3 bg-red-50 border border-red-200 rounded-lg">
-          <p className="text-red-800 text-sm">
-            ❌ Error processing data: {apiError}
-          </p>
+        {/* Action Buttons */}
+        <div className="flex space-x-3">
+          <button
+            onClick={handleReject}
+            disabled={isSubmitting}
+            className="flex-1 py-2 sm:py-3 px-4 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition-colors disabled:opacity-50 text-sm sm:text-base"
+          >
+            Deny
+          </button>
+          <button
+            onClick={handleApprove}
+            disabled={isSubmitting}
+            className="flex-1 py-2 sm:py-3 px-4 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50 text-sm sm:text-base"
+          >
+            {isSubmitting ? 'Processing...' : 'Approve'}
+          </button>
         </div>
-      )}
-
-      {/* Action Buttons */}
-      <div className="flex space-x-3">
-        <button
-          onClick={handleReject}
-          disabled={isSubmitting || isLoadingApi}
-          className="flex-1 px-4 py-2 text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-        >
-          Deny
-        </button>
-        <button
-          onClick={handleApprove}
-          disabled={isSubmitting || isLoadingApi || selectedCount === 0}
-          className="flex-1 px-4 py-2 text-white bg-blue-600 hover:bg-blue-700 rounded-lg font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center"
-        >
-          {isSubmitting || isLoadingApi ? (
-            <>
-              <div className="animate-spin h-4 w-4 border-2 border-white rounded-full border-t-transparent mr-2"></div>
-              {autoFetch ? 'Processing...' : 'Approving...'}
-            </>
-          ) : (
-            autoFetch ? 'Approve & Process' : 'Approve'
-          )}
-        </button>
       </div>
-
-      {/* Auto-fetch info */}
-      {autoFetch && (
-        <div className="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg">
-          <p className="text-blue-800 text-xs">
-            🔄 Auto-fetch enabled: Your approved data will be automatically processed and sent to {appName}.
-          </p>
-        </div>
-      )}
     </div>
   );
 }