vorqard-ai-sdk 1.0.0

package/src/components/cards/SlotSelectionCard.js

@@ -0,0 +1,86 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, Image } from 'react-native';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { styles } from '../ChatStyles';
+import { getAbsoluteProfilePicture, getFormattedDoctorName } from '../ChatUtils';
+
+// 6. Slot Selection picker
+export const SlotSelectionCard = ({ doctor, selectedDate, options, onOptionPress }) => {
+  const days = [];
+  const startDay = new Date();
+  for (let i = 0; i < 5; i++) {
+    const d = new Date(startDay);
+    d.setDate(startDay.getDate() + i);
+    const dateStr = d.toISOString().split('T')[0];
+    const dayName = d.toLocaleDateString('en-US', { weekday: 'short' });
+    const dayNum = d.getDate();
+    days.push({ dateStr, dayName, dayNum });
+  }
+
+  return (
+    <View style={styles.slotPickerCard}>
+      {doctor && (
+        <View style={styles.miniDocRow}>
+          {(() => {
+            const picUri = getAbsoluteProfilePicture(doctor.profile_picture);
+            return picUri ? (
+              <Image source={{ uri: picUri }} style={styles.miniDocAvatar} />
+            ) : (
+              <View style={[styles.miniDocAvatar, { backgroundColor: '#FFFFFF', borderWidth: 1, borderColor: '#E2E8F0', justifyContent: 'center', alignItems: 'center' }]}>
+                <Ionicons name="person" size={16} color="#CBD5E1" />
+              </View>
+            );
+          })()}
+          <View style={{ flex: 1, marginLeft: 10 }}>
+            <Text style={styles.miniDocName}>{getFormattedDoctorName(doctor.name)}</Text>
+            <Text style={styles.miniDocSpecialty}>{doctor.specialty}</Text>
+          </View>
+          <View style={styles.miniDocRating}>
+            <Ionicons name="star" size={12} color="#F59E0B" />
+            <Text style={styles.miniDocRatingVal}>{doctor.rating || "0.0"}</Text>
+          </View>
+        </View>
+      )}
+
+      <Text style={styles.pickerHeading}>Select Date</Text>
+      <View style={styles.datePickerRow}>
+        {days.map((day) => {
+          const isSelected = day.dateStr === selectedDate;
+          return (
+            <TouchableOpacity
+              key={day.dateStr}
+              style={[styles.dateItem, isSelected && styles.dateItemActive]}
+              onPress={() => onOptionPress?.({ id: `date_${day.dateStr}`, label: `date:${day.dateStr}` })}
+              activeOpacity={0.8}
+            >
+              <Text style={[styles.dayNameText, isSelected && styles.dayNameTextActive]}>
+                {day.dayName}
+              </Text>
+              <Text style={[styles.dayNumText, isSelected && styles.dayNumTextActive]}>
+                {day.dayNum}
+              </Text>
+            </TouchableOpacity>
+          );
+        })}
+      </View>
+
+      <Text style={styles.pickerHeading}>Available Time Slots</Text>
+      {options.length === 0 ? (
+        <Text style={styles.noSlotsText}>No slots available for this date.</Text>
+      ) : (
+        <View style={styles.slotsGrid}>
+          {options.map((opt) => (
+            <TouchableOpacity
+              key={opt.id}
+              style={styles.slotButton}
+              onPress={() => onOptionPress?.(opt)}
+              activeOpacity={0.7}
+            >
+              <Text style={styles.slotBtnText}>{opt.label}</Text>
+            </TouchableOpacity>
+          ))}
+        </View>
+      )}
+    </View>
+  );
+};

package/src/hooks/useHealthChat.js

@@ -0,0 +1,145 @@
+import { useState, useRef, useEffect } from 'react';
+import { getSDKClient } from '../api/sdkClient';
+
+// ─── Module-level in-memory store ─────────────────────────────────────────────
+// Persists chat history for the entire app session (survives screen nav).
+// Keyed by patientName so different users don't share history.
+const _chatStore = {};
+
+const applySafetyRules = (text) => {
+  const lower = text.toLowerCase();
+  const emergencyWords = ['chest pain', 'breathing difficulty', 'severe bleeding', 'lose consciousness'];
+  if (emergencyWords.some(w => lower.includes(w))) {
+    return 'Please call emergency services immediately (112 in India). This is not a medical emergency hotline.\n\n' + text;
+  }
+  return text;
+};
+
+const formatDate = (isoString) => {
+  if (!isoString) return null;
+  try {
+    const date = new Date(isoString);
+    return date.toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' });
+  } catch {
+    return isoString.split('T')[0];
+  }
+};
+
+export const useHealthChat = (patientName = '') => {
+  const storeKey = patientName || '__default__';
+
+  const [messages, setMessagesState] = useState(() => _chatStore[storeKey] || []);
+  const [inputText, setInputText] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [patientContext, setPatientContext] = useState(null);
+  const flatListRef = useRef(null);
+
+  // Keep the module-level store in sync whenever messages change
+  const setMessages = (updater) => {
+    setMessagesState(prev => {
+      const next = typeof updater === 'function' ? updater(prev) : updater;
+      _chatStore[storeKey] = next;
+      return next;
+    });
+  };
+
+  const clearChat = () => {
+    _chatStore[storeKey] = [];
+    setMessagesState([]);
+    setInputText('');
+  };
+
+  const loadChatContext = async () => {
+    try {
+      const [dashRes, recordsRes] = await Promise.all([
+        getSDKClient().get('/patients/dashboard/me'),
+        getSDKClient().get('/patients/records/me')
+      ]);
+
+      const consultations = (recordsRes.data || [])
+        .filter(r => r.type === 'consultation')
+        .sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
+
+      const lastVisit = consultations[0];
+      const diagnosis = lastVisit?.diagnosis || 'General Checkup';
+      const rawDate = lastVisit?.created_at || null;
+      const formattedDate = rawDate ? formatDate(rawDate) : 'Recently';
+
+      setPatientContext({
+        diagnosis,
+        date: formattedDate,
+        status: 'Completed',
+      });
+    } catch (err) {
+      console.log('[SDK useHealthChat] Failed to load chat context:', err);
+      setPatientContext({
+        diagnosis: 'General Checkup',
+        date: 'Recently',
+        status: 'Completed',
+      });
+    }
+  };
+
+  const sendMessage = async (text = inputText) => {
+    if (!text.trim() || loading) return;
+
+    const isSystemAction = text.startsWith("date:");
+    if (!isSystemAction) {
+      const userMsg = { role: 'user', content: text, timestamp: new Date().toISOString() };
+      setMessages(prev => [...prev, userMsg]);
+    }
+
+    setInputText('');
+    setLoading(true);
+    try {
+      const history = (_chatStore[storeKey] || []).map(m => ({ role: m.role, content: m.content }));
+      if (!isSystemAction) history[history.length - 1] = { role: 'user', content: text };
+
+      const res = await getSDKClient().post('/patients/ai/chat', { message: text, history });
+
+      if (isSystemAction) {
+        setMessages(prev => {
+          const next = [...prev];
+          for (let i = next.length - 1; i >= 0; i--) {
+            if (next[i].role === 'assistant') {
+              next[i] = {
+                ...next[i],
+                content: applySafetyRules(res.data.response),
+                ui_action: res.data.ui_action || null,
+              };
+              break;
+            }
+          }
+          return next;
+        });
+      } else {
+        setMessages(prev => [...prev, {
+          role: 'assistant',
+          content: applySafetyRules(res.data.response),
+          ui_action: res.data.ui_action || null,
+          timestamp: new Date().toISOString(),
+        }]);
+      }
+    } catch {
+      setMessages(prev => [...prev, {
+        role: 'assistant',
+        content: "I'm having trouble connecting to my knowledge base. Please try again in a moment.",
+        timestamp: new Date().toISOString(),
+      }]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return {
+    messages,
+    inputText,
+    setInputText,
+    loading,
+    flatListRef,
+    loadChatContext,
+    sendMessage,
+    patientContext,
+    clearChat,
+  };
+};

package/src/hooks/useReportAnalysis.js

@@ -0,0 +1,93 @@
+import { useState, useRef } from 'react';
+import { Alert, Animated } from 'react-native';
+import ImagePicker from 'react-native-image-crop-picker';
+import { getSDKClient } from '../api/sdkClient';
+
+export const useReportAnalysis = () => {
+  const [selectedImage, setSelectedImage] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [result, setResult] = useState(null);
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+
+  const showResult = (data) => {
+    setResult(data);
+    Animated.timing(fadeAnim, { toValue: 1, duration: 600, useNativeDriver: true }).start();
+  };
+
+  const pickFromGallery = async () => {
+    try {
+      const image = await ImagePicker.openPicker({
+        mediaType: 'photo',
+        includeBase64: true,
+        compressImageQuality: 0.8,
+      });
+      setSelectedImage({ uri: image.path, base64: image.data, mimeType: image.mime || 'image/jpeg' });
+      setResult(null);
+      fadeAnim.setValue(0);
+    } catch (error) {
+      if (error.code !== 'E_PICKER_CANCELLED') {
+        Alert.alert('Error', 'Could not open gallery or permission denied.');
+      }
+    }
+  };
+
+  const captureWithCamera = async () => {
+    try {
+      const image = await ImagePicker.openCamera({
+        mediaType: 'photo',
+        includeBase64: true,
+        compressImageQuality: 0.8,
+      });
+      setSelectedImage({ uri: image.path, base64: image.data, mimeType: image.mime || 'image/jpeg' });
+      setResult(null);
+      fadeAnim.setValue(0);
+    } catch (error) {
+      if (error.code !== 'E_PICKER_CANCELLED') {
+        Alert.alert('Error', 'Could not open camera or permission denied.');
+      }
+    }
+  };
+
+  const analyzeReport = async () => {
+    if (!selectedImage?.base64) {
+      Alert.alert('No Report', 'Please select or capture a report image first.');
+      return;
+    }
+    setLoading(true);
+    try {
+      const response = await getSDKClient().post('/patients/ai/analyze-report', {
+        image_base64: selectedImage.base64,
+        mime_type: selectedImage.mimeType,
+      });
+      showResult(response.data);
+    } catch (error) {
+      Alert.alert('Analysis Failed', 'Could not analyze the report. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const clearImage = () => {
+    setSelectedImage(null);
+    setResult(null);
+  };
+
+  const getScoreGradient = () => {
+    if (!result) return ['#2563EB', '#1D4ED8'];
+    if (result.health_score >= 80) return ['#10B981', '#059669'];
+    if (result.health_score >= 60) return ['#F59E0B', '#D97706'];
+    return ['#EF4444', '#DC2626'];
+  };
+
+  return {
+    selectedImage,
+    loading,
+    result,
+    fadeAnim,
+    pickFromGallery,
+    captureWithCamera,
+    analyzeReport,
+    clearImage,
+    getScoreGradient,
+  };
+};

package/src/index.js

@@ -0,0 +1,30 @@
+import React, { useEffect } from 'react';
+import { initSDKClient } from './api/sdkClient';
+import { AIHealthChatScreen } from './screens/AIHealthChatScreen';
+import { AIReportAnalysisScreen } from './screens/AIReportAnalysisScreen';
+
+export { initSDKClient, getSDKClient } from './api/sdkClient';
+export { useHealthChat } from './hooks/useHealthChat';
+export { AIReportAnalysisScreen };
+
+export const VorqardAIAssistant = ({ 
+  backendUrl, 
+  userToken, 
+  patientName = 'there', 
+  onClose, 
+  aiLogo,
+  onAnalyzeReportPress
+}) => {
+  if (backendUrl) {
+    initSDKClient(backendUrl, userToken);
+  }
+
+  return (
+    <AIHealthChatScreen
+      patientName={patientName}
+      onClose={onClose}
+      aiLogo={aiLogo}
+      onAnalyzeReportPress={onAnalyzeReportPress}
+    />
+  );
+};