medos-sdk 1.1.10 → 1.1.11

package/dist/client/MedosClient.d.ts

@@ -21,6 +21,7 @@ declare class MedosClient {
     static fetchAppointments(workspaceId: number, addressId: number, doctorId: number, appointmentDate: string): Promise<any[]>;
     static sendPhoneVerificationOtp(payload: SendPhoneVerificationOtpPayload): Promise<any>;
     static verifyPhoneVerificationOtp(payload: VerifyPhoneVerificationOtpPayload): Promise<any>;
+    static fetchTheme(): Promise<string | undefined>;
     static get client(): AxiosInstance;
     static ensureInitialized(): Promise<AxiosInstance>;
     static isInitialized(): boolean;

package/dist/client/MedosClient.js

@@ -134,6 +134,13 @@ class MedosClient {
         }
         return PatientService.verifyPhoneVerificationOtp(payload);
     }
+    static async fetchTheme() {
+        if (!this.instance) {
+            throw new Error("MedosClient not initialized. Call MedosClient.init() first.");
+        }
+        const { WorkspaceService } = await import("../services/WorkspaceService");
+        return WorkspaceService.fetchTheme();
+    }
     static get client() {
         if (!this.instance && !this.initPromise) {
             throw new Error("MedosClient not initialized. Call MedosClient.init() or MedosClient.initWithSession() first.");

package/dist/components/AppointmentCalender.js

@@ -90,38 +90,39 @@ const appointmentReducer = (state, action) => {
 };
 export const AppointmentCalender = ({ onError, }) => {
     const [state, dispatch] = useReducer(appointmentReducer, INITIAL_STATE);
-    const fetchSlotsForDate = useCallback(async (date) => {
+    const handleDateChange = useCallback(async (date) => {
+        dispatch({ type: "SET_SELECTED_DATE", payload: date });
         if (!state.workspaceId ||
             !state.selectedAddress ||
             !state.selectedDoctor) {
             dispatch({ type: "SET_SLOTS", payload: [] });
             return;
         }
+        let mounted = true;
         dispatch({ type: "SET_LOADING", payload: true });
         dispatch({ type: "SET_ERROR", payload: null });
         try {
             const dateStr = formatDateToISO(date);
             const fetchedSlots = await AppointmentService.fetchSlots(state.workspaceId, state.selectedAddress, state.selectedDoctor, dateStr);
-            dispatch({ type: "SET_SLOTS", payload: fetchedSlots || [] });
+            if (mounted) {
+                dispatch({ type: "SET_SLOTS", payload: fetchedSlots || [] });
+            }
         }
         catch (e) {
-            const msg = e.message || "Failed to load slots";
-            dispatch({ type: "SET_ERROR", payload: msg });
-            onError?.(e);
+            if (mounted) {
+                const msg = e.message || "Failed to load slots";
+                dispatch({ type: "SET_ERROR", payload: msg });
+                onError?.(e);
+            }
         }
         finally {
-            dispatch({ type: "SET_LOADING", payload: false });
+            if (mounted)
+                dispatch({ type: "SET_LOADING", payload: false });
         }
+        return () => {
+            mounted = false;
+        };
     }, [state.workspaceId, state.selectedAddress, state.selectedDoctor, onError]);
-    const handleDateChange = useCallback(async (date) => {
-        dispatch({ type: "SET_SELECTED_DATE", payload: date });
-        fetchSlotsForDate(date);
-    }, [fetchSlotsForDate]);
-    useEffect(() => {
-        if (state.step === 1 && state.selectedDate) {
-            fetchSlotsForDate(state.selectedDate);
-        }
-    }, [state.step, state.selectedDate, fetchSlotsForDate]);
     useEffect(() => {
         let mounted = true;
         (async () => {
@@ -148,8 +149,6 @@ export const AppointmentCalender = ({ onError, }) => {
                                 payload: address.doctors[0].id,
                             });
                             dispatch({ type: "SET_STEP", payload: 1 });
-                            const today = new Date();
-                            dispatch({ type: "SET_SELECTED_DATE", payload: today });
                         }
                     }
                 }
@@ -175,7 +174,7 @@ export const AppointmentCalender = ({ onError, }) => {
         return () => {
             mounted = false;
         };
-    }, []);
+    }, [onError]);
     const goBack = useCallback(() => {
         if (state.step === 3) {
             dispatch({ type: "SET_OTP_SENT", payload: false });
@@ -234,7 +233,7 @@ export const AppointmentCalender = ({ onError, }) => {
         finally {
             dispatch({ type: "SET_OTP_SENDING", payload: false });
         }
-    }, [state.countryCode, state.patientPhone]);
+    }, [state.countryCode, state.patientPhone, onError]);
     const verifyOtp = useCallback(async () => {
         dispatch({ type: "SET_ERROR", payload: null });
         if (!state.countryCode || !state.patientPhone || !state.otpCode) {
@@ -269,7 +268,7 @@ export const AppointmentCalender = ({ onError, }) => {
         finally {
             dispatch({ type: "SET_OTP_VERIFYING", payload: false });
         }
-    }, [state.countryCode, state.patientPhone, state.otpCode]);
+    }, [state.countryCode, state.patientPhone, state.otpCode, onError]);
     const submitAppointment = useCallback(async () => {
         dispatch({ type: "SET_ERROR", payload: null });
         if (!state.selectedDoctor ||
@@ -362,8 +361,6 @@ export const AppointmentCalender = ({ onError, }) => {
         dispatch({ type: "SET_SELECTED_ADDRESS", payload: addrId });
         dispatch({ type: "SET_SELECTED_DOCTOR", payload: docId });
         dispatch({ type: "SET_STEP", payload: 1 });
-        const today = new Date();
-        dispatch({ type: "SET_SELECTED_DATE", payload: today });
     }, []);
     const handleDateTimeModalContinue = useCallback((mode, date, slot, charge) => {
         dispatch({ type: "SET_CONSULTATION_MODE", payload: mode });

package/dist/components/AppointmentConfirmationStep.d.ts

@@ -22,6 +22,7 @@ interface AppointmentConfirmationStepProps {
     selectedDoctor?: Doctor | null;
     selectedAddress?: AddressItem | null;
     onClose: () => void;
+    onGoBackToSlots?: () => void;
 }
 declare const AppointmentConfirmationStep: React.FC<AppointmentConfirmationStepProps>;
 export default AppointmentConfirmationStep;

package/dist/components/AppointmentConfirmationStep.js

@@ -1,17 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from "../react/hooks/useTheme";
 import { SuccessIcon } from "./Icons/SuccessIcon";
-const AppointmentConfirmationStep = ({ appointment, patient, selectedDoctor, selectedAddress, onClose }) => {
+import { CloseIcon } from "./Icons/CloseIcon";
+import { formatDate, formatTime, calculateDuration } from "./utils";
+const AppointmentConfirmationStep = ({ appointment, patient, selectedDoctor, selectedAddress, onClose, onGoBackToSlots, }) => {
     const theme = useTheme();
-    const calculateDuration = () => {
+    const getDuration = () => {
         if (appointment.duration)
             return appointment.duration;
         if (appointment.fromTime && appointment.toTime) {
-            const start = new Date(`2000-01-01T${appointment.fromTime}`);
-            const end = new Date(`2000-01-01T${appointment.toTime}`);
-            const diffMs = end.getTime() - start.getTime();
-            const diffMinutes = Math.round(diffMs / (1000 * 60));
-            return diffMinutes;
+            return calculateDuration(`2000-01-01T${appointment.fromTime}`, `2000-01-01T${appointment.toTime}`);
         }
         return 60;
     };
@@ -27,34 +25,7 @@ const AppointmentConfirmationStep = ({ appointment, patient, selectedDoctor, sel
         ].filter(Boolean);
         return parts.join(" ") || "Patient";
     };
-    const formatDate = (dateStr) => {
-        try {
-            const date = new Date(dateStr);
-            return date.toLocaleDateString("en-US", {
-                weekday: "long",
-                year: "numeric",
-                month: "long",
-                day: "numeric",
-            });
-        }
-        catch {
-            return dateStr;
-        }
-    };
-    const formatTime = (timeStr) => {
-        try {
-            const time = new Date(`2000-01-01T${timeStr}`);
-            return time.toLocaleTimeString("en-US", {
-                hour: "numeric",
-                minute: "2-digit",
-                hour12: true,
-            });
-        }
-        catch {
-            return timeStr;
-        }
-    };
-    const duration = calculateDuration();
+    const duration = getDuration();
     const patientName = getPatientName();
     return (_jsxs("div", { style: {
             display: "flex",
@@ -63,14 +34,35 @@ const AppointmentConfirmationStep = ({ appointment, patient, selectedDoctor, sel
             fontFamily: theme.typography.fontFamily,
             background: theme.colors.background,
             minHeight: "500px",
-        }, children: [_jsx("div", { style: {
+            position: "relative",
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
                     padding: "20px 24px",
-                    fontSize: 24,
-                    fontWeight: "bold",
-                    color: theme.colors.primary,
                     borderBottom: `2px solid ${theme.colors.border}`,
                     background: theme.colors.surface,
-                }, children: "Appointment Confirmed" }), _jsxs("div", { style: {
+                }, children: [_jsx("h2", { style: {
+                            fontSize: 24,
+                            fontWeight: "bold",
+                            color: theme.colors.text,
+                            margin: 0,
+                        }, children: "Appointment Confirmed" }), _jsx("button", { onClick: onGoBackToSlots || onClose, style: {
+                            background: "none",
+                            border: "none",
+                            cursor: "pointer",
+                            padding: "8px",
+                            borderRadius: "6px",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            transition: "background-color 0.2s ease",
+                            backgroundColor: "transparent",
+                        }, onMouseEnter: (e) => {
+                            e.currentTarget.style.backgroundColor = theme.colors.border;
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = "transparent";
+                        }, title: "Close and select new slot", children: _jsx(CloseIcon, { size: 16, color: theme.colors.text }) })] }), _jsxs("div", { style: {
                     flex: 1,
                     display: "flex",
                     flexDirection: "column",
@@ -81,7 +73,7 @@ const AppointmentConfirmationStep = ({ appointment, patient, selectedDoctor, sel
                     borderTop: "none",
                     background: theme.colors.surface,
                     textAlign: "center",
-                }, children: [_jsx("h2", { style: {
+                }, children: [_jsx("h3", { style: {
                             fontSize: 20,
                             fontWeight: "600",
                             color: theme.colors.success,
@@ -90,7 +82,7 @@ const AppointmentConfirmationStep = ({ appointment, patient, selectedDoctor, sel
                             width: "100%",
                             maxWidth: 500,
                             marginBottom: 32,
-                        }, children: [_jsx("h3", { style: {
+                        }, children: [_jsx("h4", { style: {
                                     fontSize: 18,
                                     fontWeight: "600",
                                     color: theme.colors.success,

package/dist/components/AppointmentDateTimeModal.d.ts

@@ -12,6 +12,7 @@ type AppointmentModalProps = {
     onCancel: () => void;
     onContinue: (mode: AppointmentMode, date: Date, slot: Slot, charge: string, paymentMode: PaymentMode) => void;
     onDateChange?: (date: Date) => void;
+    initialStep?: "consultation" | "datetime";
 };
 export declare const AppointmentDateTimeModal: React.FC<AppointmentModalProps>;
 export {};