medos-sdk 1.1.9 → 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

@@ -180,8 +180,14 @@ export const AppointmentCalender = ({ onError, }) => {
             dispatch({ type: "SET_OTP_SENT", payload: false });
             dispatch({ type: "SET_OTP_CODE", payload: "" });
             dispatch({ type: "SET_OTP_VERIFIED", payload: false });
+            dispatch({ type: "SET_STEP", payload: 1 });
+        }
+        else if (state.step === 4) {
+            dispatch({ type: "SET_STEP", payload: 3 });
+        }
+        else {
+            dispatch({ type: "SET_STEP", payload: Math.max(0, state.step - 1) });
         }
-        dispatch({ type: "SET_STEP", payload: Math.max(0, state.step - 1) });
     }, [state.step]);
     const goToNext = useCallback(() => {
         dispatch({ type: "SET_STEP", payload: Math.min(5, state.step + 1) });
@@ -365,17 +371,25 @@ export const AppointmentCalender = ({ onError, }) => {
     }, []);
     const theme = useTheme();
     const styles = getStyles(theme);
-    return (_jsx("div", { style: styles.container, children: _jsxs("div", { style: styles.card, children: [_jsx("div", { style: styles.header, children: _jsx("h2", { style: styles.title, children: "Book Appointment" }) }), _jsx("hr", {}), _jsxs("div", { style: styles.content, children: [state.loading && _jsx("div", { style: { marginBottom: 12 }, children: "Loading..." }), state.error && _jsx("div", { style: styles.errorMessage, children: state.error }), state.step === 0 && (_jsx(DoctorSelectModal, { onCancel: () => dispatch({ type: "SET_STEP", payload: 0 }), onContinue: handleDoctorSelect })), state.step === 1 && (_jsx(AppointmentDateTimeModal, { onlineFee: 500, offlineFee: 300, slots: state.slots, onCancel: goBack, onDateChange: handleDateChange, onContinue: handleDateTimeModalContinue })), state.step === 3 && (_jsx(PhoneVerificationStep, { state: state, dispatch: dispatch, onSendOtp: sendOtp, onVerifyOtp: verifyOtp, onBack: goBack, onContinue: goToNext })), state.step === 4 && (_jsx(PatientDetailsStep, { state: state, dispatch: dispatch, onBack: goBack, onSubmit: submitAppointment })), state.step === 5 && (_jsx(AppointmentConfirmationStep, { appointment: {
+    return (_jsx("div", { style: styles.container, children: _jsxs("div", { style: styles.card, children: [_jsx("div", { style: styles.header, children: _jsx("h2", { style: styles.title, children: "Book Appointment" }) }), _jsx("hr", {}), _jsxs("div", { style: styles.content, children: [state.loading && _jsx("div", { style: { marginBottom: 12 }, children: "Loading..." }), state.error && _jsx("div", { style: styles.errorMessage, children: state.error }), state.step === 0 && (_jsx(DoctorSelectModal, { addresses: state.addresses, addressDoctorsMap: state.addressDoctorsMap, selectedAddressId: state.selectedAddress, selectedDoctorId: state.selectedDoctor, onCancel: () => dispatch({ type: "SET_STEP", payload: 0 }), onContinue: handleDoctorSelect })), state.step === 1 && (_jsx(AppointmentDateTimeModal, { onlineFee: 500, offlineFee: 300, slots: state.slots, selectedDate: state.selectedDate, selectedSlot: state.selectedSlot, consultationMode: state.consultationMode, onCancel: goBack, onDateChange: handleDateChange, onContinue: handleDateTimeModalContinue })), state.step === 3 && (_jsx(PhoneVerificationStep, { state: state, dispatch: dispatch, onSendOtp: sendOtp, onVerifyOtp: verifyOtp, onBack: goBack, onContinue: goToNext })), state.step === 4 && (_jsx(PatientDetailsStep, { state: state, dispatch: dispatch, onBack: goBack, onSubmit: submitAppointment })), state.step === 5 && (_jsx(AppointmentConfirmationStep, { appointment: {
                                 patientName: state.patientName,
-                                visitationType: state.consultationMode === "ONLINE" ? "Online Consultation" : "In-Person Visit",
+                                visitationType: state.consultationMode === "ONLINE"
+                                    ? "Online Consultation"
+                                    : "In-Person Visit",
                                 appointmentDate: formatDateToISO(state.selectedDate),
-                                fromTime: state.selectedSlot?.start ? new Date(state.selectedSlot.start).toTimeString().slice(0, 5) : "",
-                                toTime: state.selectedSlot?.end ? new Date(state.selectedSlot.end).toTimeString().slice(0, 5) : "",
-                                location: state.addresses.find(addr => addr.id === state.selectedAddress)?.label || "Clinic",
+                                fromTime: state.selectedSlot?.start
+                                    ? new Date(state.selectedSlot.start)
+                                        .toTimeString()
+                                        .slice(0, 5)
+                                    : "",
+                                toTime: state.selectedSlot?.end
+                                    ? new Date(state.selectedSlot.end).toTimeString().slice(0, 5)
+                                    : "",
+                                location: state.addresses.find((addr) => addr.id === state.selectedAddress)?.label || "Clinic",
                                 mode: state.consultationMode,
-                                paymentMode: "Cash"
+                                paymentMode: "Cash",
                             }, patient: {
-                                patientName: state.patientName
+                                patientName: state.patientName,
                             }, onClose: resetForm })), _jsxs("div", { style: styles.branding, children: [_jsx("span", { style: styles.poweredBy, children: "Powered by" }), _jsx("a", { href: "https://medos.one", target: "_blank", rel: "noopener noreferrer", children: _jsx(MedosLogo, { style: { height: 50, width: "auto" } }) })] })] })] }) }));
 };
 const getStyles = (theme) => ({

package/dist/components/AppointmentConfirmationStep.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { Doctor, AddressItem } from "../services/AppointmentService";
 interface AppointmentDetails {
     patientName?: string;
     visitationType?: string;
@@ -18,7 +19,10 @@ interface AppointmentConfirmationStepProps {
         lastName?: string;
         patientName?: string;
     };
+    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, 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;
     };
@@ -20,37 +18,14 @@ const AppointmentConfirmationStep = ({ appointment, patient, onClose, }) => {
             return appointment.patientName;
         if (patient.patientName)
             return patient.patientName;
-        const parts = [patient.firstName, patient.middleName, patient.lastName].filter(Boolean);
+        const parts = [
+            patient.firstName,
+            patient.middleName,
+            patient.lastName,
+        ].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",
@@ -58,15 +33,36 @@ const AppointmentConfirmationStep = ({ appointment, patient, onClose, }) => {
             padding: "0",
             fontFamily: theme.typography.fontFamily,
             background: theme.colors.background,
-            minHeight: "500px"
-        }, children: [_jsx("div", { style: {
+            minHeight: "500px",
+            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: {
+                    background: theme.colors.surface,
+                }, 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",
@@ -76,35 +72,37 @@ const AppointmentConfirmationStep = ({ appointment, patient, onClose, }) => {
                     border: `2px solid ${theme.colors.border}`,
                     borderTop: "none",
                     background: theme.colors.surface,
-                    textAlign: "center"
-                }, children: [_jsx("h2", { style: {
+                    textAlign: "center",
+                }, children: [_jsx("h3", { style: {
                             fontSize: 20,
                             fontWeight: "600",
                             color: theme.colors.success,
-                            margin: "0 0 24px 0"
+                            margin: "0 0 24px 0",
                         }, children: "Appointment Confirmed" }), _jsx("div", { style: { marginBottom: 32 }, children: _jsx(SuccessIcon, { size: 64, checkColor: "white", shapeColor: theme.colors.success }) }), _jsxs("div", { style: {
                             width: "100%",
                             maxWidth: 500,
-                            marginBottom: 32
-                        }, children: [_jsx("h3", { style: {
+                            marginBottom: 32,
+                        }, children: [_jsx("h4", { style: {
                                     fontSize: 18,
                                     fontWeight: "600",
                                     color: theme.colors.success,
-                                    marginBottom: 24
+                                    marginBottom: 24,
                                 }, children: "Appointment Details" }), _jsxs("div", { style: {
                                     display: "flex",
                                     flexDirection: "column",
                                     gap: 12,
                                     fontSize: 16,
                                     lineHeight: 1.6,
-                                    color: theme.colors.text
-                                }, children: [_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Patient:" }), " ", patientName] }), appointment.visitationType && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Visitation Type:" }), " ", appointment.visitationType] })), appointment.appointmentDate && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Date:" }), " ", formatDate(appointment.appointmentDate)] })), appointment.fromTime && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Time:" }), " ", formatTime(appointment.fromTime)] })), _jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Duration:" }), " ~", duration, " minutes"] }), appointment.location && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Location:" }), " ", appointment.location] }))] })] }), _jsx("div", { style: {
+                                    color: theme.colors.text,
+                                }, children: [_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Patient:" }), " ", patientName] }), selectedDoctor && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Doctor:" }), " ", selectedDoctor.name] })), appointment.visitationType && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Visitation Type:" }), " ", appointment.visitationType] })), appointment.appointmentDate && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Date:" }), " ", formatDate(appointment.appointmentDate)] })), appointment.fromTime && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Time:" }), " ", formatTime(appointment.fromTime)] })), _jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Duration:" }), " ", "~", duration, " minutes"] }), selectedAddress && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Location:" }), " ", selectedAddress.completeAddress ||
+                                                selectedAddress.address ||
+                                                "Address not available"] })), appointment.location && !selectedAddress && (_jsxs("div", { children: [_jsx("strong", { style: { color: theme.colors.success }, children: "Location:" }), " ", appointment.location] }))] })] }), _jsx("div", { style: {
                             fontSize: 16,
                             fontStyle: "italic",
                             color: theme.colors.textSecondary,
                             textAlign: "center",
                             maxWidth: 600,
-                            lineHeight: 1.5
+                            lineHeight: 1.5,
                         }, children: "A confirmation email has been sent to the Patient's Email address." })] })] }));
 };
 export default AppointmentConfirmationStep;

package/dist/components/AppointmentDateTimeModal.d.ts

@@ -6,9 +6,13 @@ type AppointmentModalProps = {
     onlineFee?: number | null;
     offlineFee?: number | null;
     slots: Slot[];
+    selectedDate?: Date;
+    selectedSlot?: Slot | null;
+    consultationMode?: AppointmentMode;
     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 {};