medos-sdk 1.1.10 → 1.1.11

package/dist/components/appointment-booking/AppointmentCalender.js

@@ -2,31 +2,165 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AppointmentDateTimeModal } from "../AppointmentDateTimeModal";
 import { DoctorSelectModal } from "../DoctorSelectModal";
 import { PhoneVerificationStep } from "../PhoneVerificationStep";
+import { PatientSelectionStep } from "../PatientSelectionStep";
 import { PatientDetailsStep } from "../PatientDetailsStep";
 import AppointmentConfirmationStep from "../AppointmentConfirmationStep";
+import { BookingOptionStep } from "../BookingOptionStep";
+import { AppointmentSummaryStep } from "../AppointmentSummaryStep";
 import { useTheme } from "../../react/hooks/useTheme";
+import { useBreakpoint } from "../../core/theme/responsive";
 import MedosLogo from "../Icons/MedosLogo";
 import { useAppointmentState, useAppointmentFlow, useInitializeAddresses, } from "./hooks";
 import { formatDateToISO } from "../utils";
 export const AppointmentCalender = ({ onError, }) => {
     const { state, dispatch, setStep, resetForm } = useAppointmentState();
-    const { goBack, goToNext, handleDateChange, sendOtp, verifyOtp, submitAppointment, } = useAppointmentFlow(state, dispatch, onError);
+    const { goBack, handleDateChange, sendOtp, verifyOtp, submitAppointment } = useAppointmentFlow(state, dispatch, onError);
     useInitializeAddresses(dispatch, onError);
+    const handlePhoneVerificationContinue = () => {
+        if (state.otpVerified) {
+            const activePack = state.userSessionPacks?.find((pack) => pack.remainingSessions > 0);
+            const hasAvailablePackages = (state.availablePackages || []).length > 0;
+            if (!activePack && !hasAvailablePackages) {
+                dispatch({
+                    type: "SET_BOOKING_OPTION_TYPE",
+                    payload: "new-appointment",
+                });
+                dispatch({ type: "SET_BOOKING_TYPE", payload: "ONE_TIME_APPOINTMENT" });
+                setStep(2);
+            }
+            else {
+                setStep(1);
+            }
+        }
+    };
+    const handleBookingOptionSelect = (optionType, sessionPack, newPackage) => {
+        dispatch({ type: "SET_BOOKING_OPTION_TYPE", payload: optionType });
+        if (optionType === "session-pack" && sessionPack) {
+            dispatch({ type: "SET_SELECTED_SESSION_PACK", payload: sessionPack });
+            dispatch({ type: "SET_BOOKING_TYPE", payload: "USE_ACTIVE_PACKAGE" });
+            setStep(2);
+        }
+        else if (optionType === "explore-packages") {
+            dispatch({ type: "SET_BOOKING_TYPE", payload: "PACKAGE_PURCHASE" });
+            dispatch({ type: "SET_SHOW_PACKAGE_EXPLORER", payload: true });
+        }
+        else if (optionType === "new-appointment") {
+            dispatch({ type: "SET_BOOKING_TYPE", payload: "ONE_TIME_APPOINTMENT" });
+            setStep(2);
+        }
+    };
+    const handlePackageSelect = (pkg) => {
+        dispatch({ type: "SET_SELECTED_NEW_PACKAGE", payload: pkg });
+        dispatch({ type: "SET_BOOKING_TYPE", payload: "PACKAGE_PURCHASE" });
+        dispatch({ type: "SET_SHOW_PACKAGE_EXPLORER", payload: false });
+        setStep(2);
+    };
     const handleDoctorSelect = (addrId, docId) => {
         dispatch({ type: "SET_SELECTED_ADDRESS", payload: addrId });
         dispatch({ type: "SET_SELECTED_DOCTOR", payload: docId });
-        setStep(1);
+        setStep(3);
     };
     const handleDateTimeModalContinue = (mode, date, slot, charge) => {
         dispatch({ type: "SET_CONSULTATION_MODE", payload: mode });
         dispatch({ type: "SET_SELECTED_DATE", payload: date });
         dispatch({ type: "SET_SELECTED_SLOT", payload: slot });
         dispatch({ type: "SET_CONSULTATION_CHARGE", payload: charge });
-        setStep(3);
+        setStep(4);
+    };
+    const handleSelectExistingPatient = (patient) => {
+        dispatch({ type: "SET_SELECTED_PATIENT", payload: patient });
+        dispatch({ type: "SET_USE_EXISTING_PATIENT", payload: true });
+        dispatch({
+            type: "SET_PATIENT_NAME",
+            payload: `${patient.firstName} ${patient.lastName}`,
+        });
+        dispatch({ type: "SET_PATIENT_EMAIL", payload: patient.email });
+        dispatch({ type: "SET_PATIENT_AGE", payload: patient.age.toString() });
+        dispatch({ type: "SET_PATIENT_GENDER", payload: patient.gender });
+        dispatch({ type: "SET_BLOOD_GROUP", payload: patient.bloodGroup });
+        if (patient.address) {
+            dispatch({
+                type: "SET_PATIENT_ADDRESS",
+                payload: patient.address.addressLine1,
+            });
+            dispatch({ type: "SET_PATIENT_CITY", payload: patient.address.city });
+            dispatch({ type: "SET_PATIENT_STATE", payload: patient.address.state });
+            dispatch({
+                type: "SET_PATIENT_COUNTRY",
+                payload: patient.address.country,
+            });
+            dispatch({
+                type: "SET_PATIENT_ZIPCODE",
+                payload: patient.address.zipcode,
+            });
+            dispatch({
+                type: "SET_PATIENT_LANDMARK",
+                payload: patient.address.landmark || "",
+            });
+        }
+        setStep(6);
+    };
+    const handleProceedAsNewPatient = () => {
+        dispatch({ type: "SET_SELECTED_PATIENT", payload: null });
+        dispatch({ type: "SET_USE_EXISTING_PATIENT", payload: false });
+        dispatch({ type: "SET_PATIENT_NAME", payload: "" });
+        dispatch({ type: "SET_PATIENT_EMAIL", payload: "" });
+        dispatch({ type: "SET_PATIENT_AGE", payload: "" });
+        dispatch({ type: "SET_PATIENT_GENDER", payload: "" });
+        dispatch({ type: "SET_BLOOD_GROUP", payload: "" });
+        dispatch({ type: "SET_PATIENT_ADDRESS", payload: "" });
+        dispatch({ type: "SET_PATIENT_CITY", payload: "" });
+        dispatch({ type: "SET_PATIENT_STATE", payload: "" });
+        dispatch({ type: "SET_PATIENT_COUNTRY", payload: "" });
+        dispatch({ type: "SET_PATIENT_ZIPCODE", payload: "" });
+        dispatch({ type: "SET_PATIENT_LANDMARK", payload: "" });
+        setStep(5);
+    };
+    const handlePatientDetailsSubmit = async () => {
+        setStep(6);
+    };
+    const handleSummaryConfirm = async () => {
+        await submitAppointment();
+    };
+    const handleGoBack = () => {
+        if (state.showPackageExplorer) {
+            dispatch({ type: "SET_SHOW_PACKAGE_EXPLORER", payload: false });
+            return;
+        }
+        const currentStep = state.step;
+        if (currentStep > 0) {
+            if (currentStep === 6 && state.useExistingPatient) {
+                dispatch({ type: "SET_SELECTED_PATIENT", payload: null });
+                dispatch({ type: "SET_USE_EXISTING_PATIENT", payload: false });
+                setStep(4);
+                return;
+            }
+            if (currentStep === 2) {
+                dispatch({ type: "SET_BOOKING_OPTION_TYPE", payload: null });
+                dispatch({ type: "SET_SELECTED_SESSION_PACK", payload: null });
+                dispatch({ type: "SET_SELECTED_NEW_PACKAGE", payload: null });
+                const activePack = state.userSessionPacks?.find((pack) => pack.remainingSessions > 0);
+                const hasAvailablePackages = (state.availablePackages || []).length > 0;
+                if (!activePack && !hasAvailablePackages) {
+                    setStep(0);
+                }
+                else {
+                    setStep(1);
+                }
+            }
+            else {
+                setStep(currentStep - 1);
+            }
+        }
     };
     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, { addresses: state.addresses, addressDoctorsMap: state.addressDoctorsMap, selectedAddressId: state.selectedAddress, selectedDoctorId: state.selectedDoctor, onCancel: () => setStep(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: {
+    const breakpoint = useBreakpoint(theme);
+    const styles = getStyles(theme, breakpoint);
+    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(PhoneVerificationStep, { state: state, dispatch: dispatch, onSendOtp: sendOtp, onVerifyOtp: verifyOtp, onBack: () => { }, onContinue: handlePhoneVerificationContinue })), state.step === 1 && (_jsx(BookingOptionStep, { userSessionPacks: state.userSessionPacks || [], availablePackages: state.availablePackages || [], showPackageExplorer: state.showPackageExplorer || false, selectedSessionPack: state.selectedSessionPack, selectedNewPackage: state.selectedNewPackage, onSelectOption: handleBookingOptionSelect, onSelectPackage: handlePackageSelect, onBack: handleGoBack })), state.step === 2 && (_jsx(DoctorSelectModal, { addresses: state.addresses, addressDoctorsMap: state.addressDoctorsMap, selectedAddressId: state.selectedAddress, selectedDoctorId: state.selectedDoctor, onCancel: handleGoBack, onContinue: handleDoctorSelect })), state.step === 3 && (_jsx(AppointmentDateTimeModal, { onlineFee: 500, offlineFee: 300, slots: state.slots, selectedDate: state.selectedDate, selectedSlot: state.selectedSlot, consultationMode: state.consultationMode, onCancel: handleGoBack, onDateChange: handleDateChange, onContinue: handleDateTimeModalContinue, initialStep: "consultation" })), state.step === 4 && (_jsx(PatientSelectionStep, { verifiedPatients: state.verifiedPatients, selectedPatient: state.selectedPatient, onSelectPatient: handleSelectExistingPatient, onProceedAsNewPatient: handleProceedAsNewPatient, onBack: handleGoBack })), state.step === 5 && (_jsx(PatientDetailsStep, { state: state, dispatch: dispatch, onBack: handleGoBack, onSubmit: handlePatientDetailsSubmit })), state.step === 6 && (_jsx(AppointmentSummaryStep, { state: state, selectedDoctor: state.selectedAddress && state.selectedDoctor
+                                ? state.addressDoctorsMap[state.selectedAddress]?.find((doc) => doc.id === state.selectedDoctor) || null
+                                : null, selectedAddress: state.selectedAddress
+                                ? state.addresses.find((addr) => addr.id === state.selectedAddress) || null
+                                : null, onBack: handleGoBack, onConfirm: handleSummaryConfirm })), state.step === 7 && (_jsx(AppointmentConfirmationStep, { appointment: {
                                 patientName: state.patientName,
                                 visitationType: state.consultationMode === "ONLINE"
                                     ? "Online Consultation"
@@ -49,59 +183,65 @@ export const AppointmentCalender = ({ onError, }) => {
                                 ? state.addressDoctorsMap[state.selectedAddress]?.find((doc) => doc.id === state.selectedDoctor) || null
                                 : null, selectedAddress: state.selectedAddress
                                 ? state.addresses.find((addr) => addr.id === state.selectedAddress) || null
-                                : null, 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" } }) })] })] })] }) }));
+                                : null, onClose: resetForm, onGoBackToSlots: () => setStep(3) })), _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, breakpoint) => {
+    const isMobile = breakpoint === "mobile";
+    const isTablet = breakpoint === "tablet";
+    return {
+        container: {
+            display: "flex",
+            justifyContent: "center",
+            padding: isMobile ? 12 : 20,
+            fontFamily: theme.typography.fontFamily,
+            background: theme.colors.background,
+        },
+        card: {
+            width: "100%",
+            maxWidth: isMobile || isTablet ? "100%" : 840,
+            background: theme.colors.surface,
+            borderRadius: isMobile ? theme.radii.md : theme.radii.lg,
+            boxShadow: isMobile ? theme.shadows.md : theme.shadows.lg,
+            overflow: "hidden",
+            boxSizing: "border-box",
+        },
+        header: {
+            padding: isMobile ? "16px 16px" : "20px 24px",
+        },
+        title: {
+            margin: 0,
+            fontSize: isMobile
+                ? theme.typography.fontSizeLg
+                : theme.typography.fontSizeXl,
+            fontWeight: theme.typography.fontWeightSemibold,
+        },
+        content: {
+            padding: isMobile ? 16 : 24,
+        },
+        errorMessage: {
+            marginBottom: 12,
+            color: theme.colors.error,
+            fontWeight: 600,
+            padding: isMobile ? "10px" : "12px",
+            background: theme.colors.errorBackground,
+            borderRadius: theme.radii.md,
+            border: `1px solid ${theme.colors.errorBorder}`,
+            fontSize: theme.typography.fontSizeSm,
+        },
+        branding: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: 8,
+            marginTop: isMobile ? 16 : 24,
+            paddingTop: isMobile ? 12 : 16,
+            borderTop: `1px solid ${theme.colors.border}`,
+            opacity: 0.8,
+        },
+        poweredBy: {
+            fontSize: 12,
+            color: theme.colors.textSecondary,
+            fontWeight: 500,
+        },
+    };
 };
-const getStyles = (theme) => ({
-    container: {
-        display: "flex",
-        justifyContent: "center",
-        padding: 20,
-        fontFamily: theme.typography.fontFamily,
-        background: theme.colors.background,
-    },
-    card: {
-        width: "100%",
-        maxWidth: 840,
-        background: theme.colors.surface,
-        borderRadius: theme.radii.lg,
-        boxShadow: theme.shadows.lg,
-        overflow: "hidden",
-        boxSizing: "border-box",
-    },
-    header: {
-        padding: "20px 24px",
-    },
-    title: {
-        margin: 0,
-        fontSize: theme.typography.fontSizeXl,
-        fontWeight: theme.typography.fontWeightSemibold,
-    },
-    content: {
-        padding: 24,
-    },
-    errorMessage: {
-        marginBottom: 12,
-        color: theme.colors.error,
-        fontWeight: 600,
-        padding: "12px",
-        background: theme.colors.errorBackground,
-        borderRadius: theme.radii.md,
-        border: `1px solid ${theme.colors.errorBorder}`,
-        fontSize: theme.typography.fontSizeSm,
-    },
-    branding: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 8,
-        marginTop: 24,
-        paddingTop: 16,
-        borderTop: `1px solid ${theme.colors.border}`,
-        opacity: 0.8,
-    },
-    poweredBy: {
-        fontSize: 12,
-        color: theme.colors.textSecondary,
-        fontWeight: 500,
-    },
-});

package/dist/components/appointment-booking/hooks/useAppointmentFlow.d.ts

@@ -1,7 +1,6 @@
 import { AppointmentState } from "../types";
 export declare const useAppointmentFlow: (state: AppointmentState, dispatch: React.Dispatch<any>, onError?: (error: Error) => void) => {
     goBack: () => void;
-    goToNext: () => void;
     handleDateChange: (date: Date) => Promise<(() => void) | undefined>;
     sendOtp: () => Promise<void>;
     verifyOtp: () => Promise<void>;

package/dist/components/appointment-booking/hooks/useAppointmentFlow.js

@@ -5,22 +5,27 @@ import { validatePhoneNumber, validateCountryCode, } from "../../../components/v
 import { formatDateToISO, parsePatientName } from "../../../components/utils";
 export const useAppointmentFlow = (state, dispatch, onError) => {
     const goBack = useCallback(() => {
-        if (state.step === 3) {
+        if (state.step === 2) {
             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 === 3) {
+            dispatch({ type: "SET_STEP", payload: 2 });
+        }
         else if (state.step === 4) {
-            dispatch({ type: "SET_STEP", payload: 3 });
+            if (state.verifiedPatients && state.verifiedPatients.length > 0) {
+                dispatch({ type: "SET_STEP", payload: 3 });
+            }
+            else {
+                dispatch({ type: "SET_STEP", payload: 2 });
+            }
         }
         else {
             dispatch({ type: "SET_STEP", payload: Math.max(0, state.step - 1) });
         }
-    }, [state.step, dispatch]);
-    const goToNext = useCallback(() => {
-        dispatch({ type: "SET_STEP", payload: Math.min(5, state.step + 1) });
-    }, [state.step, dispatch]);
+    }, [state.step, state.verifiedPatients, dispatch]);
     const handleDateChange = useCallback(async (date) => {
         dispatch({ type: "SET_SELECTED_DATE", payload: date });
         if (!state.workspaceId ||
@@ -120,13 +125,73 @@ export const useAppointmentFlow = (state, dispatch, onError) => {
         }
         dispatch({ type: "SET_OTP_VERIFYING", payload: true });
         try {
-            await PatientService.verifyPhoneVerificationOtp({
+            const response = await PatientService.verifyPhoneVerificationOtp({
                 countryCode: state.countryCode,
                 phoneNumber: state.patientPhone,
                 otpCode: state.otpCode,
             });
             dispatch({ type: "SET_OTP_VERIFIED", payload: true });
             dispatch({ type: "SET_ERROR", payload: null });
+            const sessionPacksDetails = response.sessionPacksDetails;
+            if (sessionPacksDetails?.associatedPatients &&
+                sessionPacksDetails.associatedPatients.length > 0) {
+                dispatch({
+                    type: "SET_VERIFIED_PATIENTS",
+                    payload: sessionPacksDetails.associatedPatients,
+                });
+            }
+            else if (response.patients && response.patients.length > 0) {
+                dispatch({ type: "SET_VERIFIED_PATIENTS", payload: response.patients });
+            }
+            else {
+                dispatch({ type: "SET_VERIFIED_PATIENTS", payload: [] });
+            }
+            if (sessionPacksDetails?.activeSessionPackResponses &&
+                sessionPacksDetails.activeSessionPackResponses.length > 0) {
+                const userSessionPacks = sessionPacksDetails.activeSessionPackResponses.map((pack) => ({
+                    id: pack.id,
+                    name: pack.packageName || pack.name,
+                    description: pack.description,
+                    totalSessions: pack.totalSessions,
+                    remainingSessions: pack.remainingSessions,
+                    expiryDate: pack.expiryDate,
+                    purchaseDate: pack.purchaseDate,
+                    doctorId: pack.doctorId,
+                    doctorName: pack.doctorName,
+                    allowedConsultationModes: pack.allowedConsultationModes,
+                }));
+                dispatch({ type: "SET_USER_SESSION_PACKS", payload: userSessionPacks });
+            }
+            else {
+                dispatch({ type: "SET_USER_SESSION_PACKS", payload: [] });
+            }
+            if (sessionPacksDetails?.allSessionPackResponses &&
+                sessionPacksDetails.allSessionPackResponses.length > 0) {
+                const availablePackages = sessionPacksDetails.allSessionPackResponses.map((pack) => ({
+                    id: pack.id,
+                    name: pack.packageName,
+                    description: pack.description,
+                    totalSessions: pack.totalSessions,
+                    sessions: pack.totalSessions,
+                    price: pack.packagePrice,
+                    discountedPrice: pack.discountedPrice,
+                    discount: pack.discount,
+                    discountType: pack.discountType,
+                    currency: "INR",
+                    validityDays: pack.validityDays,
+                    allowedConsultationModes: pack.allowedConsultationModes,
+                    allowedDoctors: pack.allowedDoctors,
+                    applicableOnline: pack.allowedConsultationModes?.includes("ONLINE"),
+                    applicableOffline: pack.allowedConsultationModes?.includes("OFFLINE"),
+                }));
+                dispatch({
+                    type: "SET_AVAILABLE_PACKAGES",
+                    payload: availablePackages,
+                });
+            }
+            else {
+                dispatch({ type: "SET_AVAILABLE_PACKAGES", payload: [] });
+            }
         }
         catch (e) {
             const msg = e.message || "Invalid OTP code";
@@ -156,11 +221,7 @@ export const useAppointmentFlow = (state, dispatch, onError) => {
             });
             return;
         }
-        if (!state.patientName ||
-            !state.patientAge ||
-            !state.patientEmail ||
-            !state.patientGender ||
-            !state.bloodGroup) {
+        if (!state.patientName || !state.patientAge || !state.patientGender) {
             dispatch({
                 type: "SET_ERROR",
                 payload: "Please fill in all patient details.",
@@ -182,7 +243,24 @@ export const useAppointmentFlow = (state, dispatch, onError) => {
         try {
             const { firstName, lastName } = parsePatientName(state.patientName);
             const appointmentDate = formatDateToISO(state.selectedDate);
-            await AppointmentService.createAppointment({
+            const patientPayload = {
+                firstName,
+                lastName,
+                countryCode: state.countryCode,
+                phoneNumber: state.patientPhone,
+                age: Number.parseInt(state.patientAge, 10),
+                gender: state.patientGender.toUpperCase(),
+            };
+            if (state.patientEmail) {
+                patientPayload.email = state.patientEmail;
+            }
+            if (state.bloodGroup) {
+                patientPayload.bloodGroup = state.bloodGroup;
+            }
+            if (state.useExistingPatient && state.selectedPatient) {
+                patientPayload.id = state.selectedPatient.id;
+            }
+            const appointmentPayload = {
                 workspaceId: state.workspaceId,
                 workspaceAddressId: state.selectedAddress,
                 doctorId: state.selectedDoctor,
@@ -193,25 +271,33 @@ export const useAppointmentFlow = (state, dispatch, onError) => {
                 consultationCharge: state.consultationCharge || "0",
                 type: "CONSULTATION",
                 source: "SDK_POWERED_WEBSITE",
-                patientPayload: {
-                    firstName,
-                    lastName,
-                    email: state.patientEmail,
-                    countryCode: state.countryCode,
-                    phoneNumber: state.patientPhone,
-                    age: parseInt(state.patientAge, 10),
-                    gender: state.patientGender.toUpperCase(),
-                },
+                bookingType: state.bookingType,
+                paymentMode: state.paymentMode,
+                patientPayload,
                 patientAddress: {
                     addressLine1: state.patientAddress,
+                    addressLine2: "",
                     city: state.patientCity,
                     state: state.patientState,
                     country: state.patientCountry,
                     zipcode: state.patientZipcode,
                     landmark: state.patientLandmark || undefined,
+                    countryCode: state.countryCode,
+                    phoneNumber: state.patientPhone,
+                    patientId: state.selectedPatient?.id || 0,
                 },
-            });
-            dispatch({ type: "SET_STEP", payload: 5 });
+            };
+            if (state.packageConfigId) {
+                appointmentPayload.packageConfigId = state.packageConfigId;
+            }
+            if (state.patientPackageId) {
+                appointmentPayload.patientPackageId = state.patientPackageId;
+            }
+            if (state.packageAmount) {
+                appointmentPayload.packageAmount = state.packageAmount;
+            }
+            await AppointmentService.createAppointment(appointmentPayload);
+            dispatch({ type: "SET_STEP", payload: 7 });
         }
         catch (e) {
             const msg = e.message || "Failed to create appointment";
@@ -224,7 +310,6 @@ export const useAppointmentFlow = (state, dispatch, onError) => {
     }, [state, dispatch, onError]);
     return {
         goBack,
-        goToNext,
         handleDateChange,
         sendOtp,
         verifyOtp,

package/dist/components/appointment-booking/hooks/useAppointmentState.js

@@ -70,6 +70,38 @@ const appointmentReducer = (state, action) => {
             return { ...state, otpSending: action.payload };
         case "SET_OTP_VERIFYING":
             return { ...state, otpVerifying: action.payload };
+        case "SET_VERIFIED_PATIENTS":
+            return { ...state, verifiedPatients: action.payload };
+        case "SET_SELECTED_PATIENT":
+            return { ...state, selectedPatient: action.payload };
+        case "SET_USE_EXISTING_PATIENT":
+            return { ...state, useExistingPatient: action.payload };
+        case "SET_USER_SESSION_PACKS":
+            return { ...state, userSessionPacks: action.payload };
+        case "SET_AVAILABLE_PACKAGES":
+            return { ...state, availablePackages: action.payload };
+        case "SET_SELECTED_SESSION_PACK":
+            return { ...state, selectedSessionPack: action.payload };
+        case "SET_SELECTED_NEW_PACKAGE":
+            return { ...state, selectedNewPackage: action.payload };
+        case "SET_BOOKING_OPTION_TYPE":
+            return { ...state, bookingOptionType: action.payload };
+        case "SET_SHOW_PACKAGE_EXPLORER":
+            return { ...state, showPackageExplorer: action.payload };
+        case "SET_PACKAGES_LOADING":
+            return { ...state, packagesLoading: action.payload };
+        case "SET_BOOKING_TYPE":
+            return { ...state, bookingType: action.payload };
+        case "SET_PAYMENT_MODE":
+            return { ...state, paymentMode: action.payload };
+        case "SET_PACKAGE_CONFIG_ID":
+            return { ...state, packageConfigId: action.payload };
+        case "SET_PATIENT_PACKAGE_ID":
+            return { ...state, patientPackageId: action.payload };
+        case "SET_PACKAGE_AMOUNT":
+            return { ...state, packageAmount: action.payload };
+        case "SET_PATIENT_DOB":
+            return { ...state, patientDob: action.payload };
         case "RESET_FORM":
             return INITIAL_STATE;
         default:

package/dist/components/appointment-booking/hooks/useInitializeAddresses.js

@@ -26,7 +26,6 @@ export const useInitializeAddresses = (dispatch, onError) => {
                                 type: "SET_SELECTED_DOCTOR",
                                 payload: address.doctors[0].id,
                             });
-                            dispatch({ type: "SET_STEP", payload: 1 });
                         }
                     }
                 }