medos-sdk 1.1.10 → 1.1.12

package/dist/vanilla/components/appointment-booking/appointment-modal-styles.d.ts

@@ -0,0 +1,272 @@
+import React from "react";
+export declare const getMobileStyles: (theme: any, breakpoint: string) => {
+    container: {
+        backgroundColor: any;
+        padding: string;
+        maxWidth: string;
+        fontFamily: any;
+        color: any;
+        minHeight: string;
+        boxSizing: "border-box";
+    };
+    header: {
+        marginBottom: number;
+    };
+    title: {
+        fontSize: number;
+        fontWeight: number;
+        margin: number;
+        color: any;
+    };
+    section: {
+        marginBottom: number;
+    };
+    sectionTitle: {
+        fontSize: number;
+        fontWeight: number;
+        marginBottom: number;
+        color: any;
+    };
+    required: {
+        color: any;
+        marginLeft: number;
+    };
+    modeContainer: {
+        display: string;
+        flexDirection: "column";
+        gap: number;
+    };
+    modeOption: {
+        display: string;
+        alignItems: string;
+        gap: number;
+        padding: string;
+        border: string;
+        borderRadius: string;
+        cursor: string;
+        fontSize: number;
+        transition: string;
+        backgroundColor: any;
+    };
+    radioInput: {
+        width: number;
+        height: number;
+        accentColor: any;
+    };
+    chargeAmount: {
+        fontSize: number;
+        fontWeight: number;
+        color: any;
+    };
+    paymentOption: {
+        padding: string;
+        border: string;
+        borderRadius: string;
+        fontSize: number;
+        color: any;
+        backgroundColor: any;
+    };
+    dateSection: {
+        marginBottom: number;
+        padding: string;
+        backgroundColor: any;
+        borderRadius: string;
+        border: string;
+    };
+    dateSectionHeader: {
+        marginBottom: number;
+    };
+    dateSectionTitle: {
+        fontSize: number;
+        fontWeight: number;
+        color: any;
+        margin: number;
+        letterSpacing: string;
+        textTransform: "uppercase";
+    };
+    monthNavigationContainer: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        marginBottom: number;
+        position: "relative";
+    };
+    monthYearDisplay: {
+        fontSize: number;
+        fontWeight: number;
+        color: any;
+        textAlign: "center";
+        flex: number;
+    };
+    navButton: {
+        background: string;
+        border: string;
+        color: any;
+        cursor: string;
+        padding: number;
+        borderRadius: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        transition: string;
+        minWidth: number;
+        minHeight: number;
+        flexShrink: number;
+    };
+    dateCardsContainer: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: number;
+        width: string;
+        maxWidth: string;
+        overflow: string;
+    };
+    dateCard: {
+        width: number;
+        height: number;
+        border: string;
+        borderRadius: string;
+        display: string;
+        flexDirection: "column";
+        alignItems: string;
+        justifyContent: string;
+        cursor: string;
+        transition: string;
+        backgroundColor: any;
+        position: "relative";
+        flex: string;
+    };
+    dateCardSelected: {
+        borderColor: any;
+        backgroundColor: any;
+        color: any;
+    };
+    dateCardWeekday: {
+        fontSize: number;
+        fontWeight: number;
+        textTransform: "uppercase";
+        marginBottom: number;
+        letterSpacing: string;
+        lineHeight: number;
+    };
+    dateCardDay: {
+        fontSize: number;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    slotsContainer: {
+        marginBottom: number;
+        width: string;
+        boxSizing: "border-box";
+    };
+    slotGrid: {
+        display: string;
+        gridTemplateColumns: string;
+        gap: number;
+        marginTop: number;
+        maxHeight: string;
+        overflowY: "auto";
+        paddingRight: string;
+        paddingBottom: string;
+        scrollbarWidth: "thin";
+        scrollbarColor: string;
+        width: string;
+        boxSizing: "border-box";
+    };
+    slotButton: {
+        padding: string;
+        border: string;
+        borderRadius: string;
+        backgroundColor: any;
+        color: any;
+        fontSize: number;
+        fontWeight: number;
+        cursor: string;
+        transition: string;
+        minHeight: number;
+        boxShadow: string;
+        position: "relative";
+        letterSpacing: string;
+        width: string;
+        boxSizing: "border-box";
+        textAlign: "center";
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        whiteSpace: "nowrap";
+        overflow: string;
+        textOverflow: string;
+    };
+    slotButtonSelected: {
+        borderColor: any;
+        backgroundColor: any;
+        color: any;
+        boxShadow: string;
+        transform: string;
+    };
+    noSlots: {
+        textAlign: "center";
+        color: any;
+        fontSize: number;
+        marginTop: number;
+        padding: string;
+    };
+    footer: {
+        display: string;
+        gap: number;
+        marginTop: string;
+        paddingTop: number;
+        borderTop: string;
+    };
+    backButton: {
+        flex: number;
+        padding: string;
+        border: string;
+        borderRadius: string;
+        backgroundColor: any;
+        color: any;
+        fontSize: number;
+        fontWeight: number;
+        cursor: string;
+        transition: string;
+        minHeight: number;
+    };
+    nextButton: {
+        flex: number;
+        padding: string;
+        border: string;
+        borderRadius: string;
+        backgroundColor: any;
+        color: any;
+        fontSize: number;
+        fontWeight: number;
+        cursor: string;
+        transition: string;
+        minHeight: number;
+        boxShadow: string;
+    };
+};
+export declare const getDesktopStyles: (theme: any, breakpoint: string) => {
+    modalWrapper: React.CSSProperties;
+    sectionCard: React.CSSProperties;
+    sectionHeader: React.CSSProperties;
+    sectionTitle: React.CSSProperties;
+    sectionBody: React.CSSProperties;
+    label: React.CSSProperties;
+    modeContainer: React.CSSProperties;
+    radioLabel: React.CSSProperties;
+    radioInput: React.CSSProperties;
+    rupee: React.CSSProperties;
+    dateTimeContainer: React.CSSProperties;
+    calendarBox: React.CSSProperties;
+    timesContainer: React.CSSProperties;
+    timesLabel: React.CSSProperties;
+    dateLabel: React.CSSProperties;
+    noSlots: React.CSSProperties;
+    slotGrid: React.CSSProperties;
+    slotButton: React.CSSProperties;
+    footer: React.CSSProperties;
+    backBtn: React.CSSProperties;
+    continueBtn: React.CSSProperties;
+};

package/dist/vanilla/components/appointment-booking/components/AppointmentConfirmationStep.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { Doctor, AddressItem } from "../../../services/AppointmentService";
+interface AppointmentDetails {
+    patientName?: string;
+    visitationType?: string;
+    appointmentDate?: string;
+    fromTime?: string;
+    toTime?: string;
+    duration?: number;
+    location?: string;
+    mode?: string;
+    paymentMode?: string;
+}
+interface AppointmentConfirmationStepProps {
+    appointment: AppointmentDetails;
+    patient: {
+        firstName?: string;
+        middleName?: string;
+        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/vanilla/components/appointment-booking/components/AppointmentDateTimeModal.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Slot } from "../../../services/AppointmentService";
+export type AppointmentMode = "ONLINE" | "OFFLINE";
+export type PaymentMode = "CASH" | "CARD" | "UPI";
+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 {};

package/dist/vanilla/components/appointment-booking/components/AppointmentSummaryStep.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { AppointmentState } from "../types";
+import { Doctor, AddressItem } from "../../../services/AppointmentService";
+export interface AppointmentSummaryStepProps {
+    state: AppointmentState;
+    selectedDoctor: Doctor | null;
+    selectedAddress: AddressItem | null;
+    onBack: () => void;
+    onConfirm: () => void;
+}
+export declare const AppointmentSummaryStep: React.FC<AppointmentSummaryStepProps>;
+export default AppointmentSummaryStep;

package/dist/vanilla/components/appointment-booking/components/BookingOptionStep.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { SessionPack, AvailablePackage } from "../types";
+export interface BookingOptionStepProps {
+    userSessionPacks: SessionPack[];
+    availablePackages: AvailablePackage[];
+    showPackageExplorer: boolean;
+    selectedSessionPack: SessionPack | null;
+    selectedNewPackage: AvailablePackage | null;
+    onSelectOption: (optionType: "session-pack" | "new-appointment" | "explore-packages", sessionPack?: SessionPack, newPackage?: AvailablePackage) => void;
+    onSelectPackage: (pkg: AvailablePackage) => void;
+    onBack: () => void;
+}
+export declare const BookingOptionStep: React.FC<BookingOptionStepProps>;
+export default BookingOptionStep;

package/dist/vanilla/components/appointment-booking/components/DoctorSelectModal.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Doctor, AddressItem } from "../../../services/AppointmentService";
+import { AvailablePackage } from "../types";
+type DoctorSelectModalProps = {
+    addresses?: AddressItem[];
+    addressDoctorsMap?: Record<number, Doctor[]>;
+    selectedAddressId?: number | null;
+    selectedDoctorId?: number | null;
+    selectedNewPackage?: AvailablePackage | null;
+    onCancel: () => void;
+    onContinue: (addressId: number, doctorId: number, notes?: string) => void;
+};
+export declare const DoctorSelectModal: React.FC<DoctorSelectModalProps>;
+export {};

package/dist/vanilla/components/appointment-booking/components/PatientDetailsStep.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { PatientDetailsStepProps } from "../../types/appointment";
+export declare const PatientDetailsStep: React.FC<PatientDetailsStepProps>;

package/dist/vanilla/components/appointment-booking/components/PatientSelectionStep.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Patient } from "../types";
+interface PatientSelectionStepProps {
+    verifiedPatients: Patient[];
+    selectedPatient: Patient | null;
+    onSelectPatient: (patient: Patient) => void;
+    onProceedAsNewPatient: () => void;
+    onBack: () => void;
+    isFirstStep?: boolean;
+}
+export declare const PatientSelectionStep: React.FC<PatientSelectionStepProps>;
+export {};

package/dist/vanilla/components/appointment-booking/components/PhoneVerificationStep.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { PhoneVerificationStepProps } from "../../types/appointment";
+export declare const PhoneVerificationStep: React.FC<PhoneVerificationStepProps>;

package/dist/vanilla/components/appointment-booking/components/SuccessStep.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface SuccessStepProps {
+    onReset: () => void;
+}
+export declare const SuccessStep: React.FC<SuccessStepProps>;

package/dist/vanilla/components/appointment-booking/components/index.d.ts

@@ -0,0 +1,9 @@
+export { PhoneVerificationStep } from "./PhoneVerificationStep";
+export { PatientDetailsStep } from "./PatientDetailsStep";
+export { SuccessStep } from "./SuccessStep";
+export { AppointmentDateTimeModal } from "./AppointmentDateTimeModal";
+export { DoctorSelectModal } from "./DoctorSelectModal";
+export { default as AppointmentConfirmationStep } from "./AppointmentConfirmationStep";
+export { AppointmentSummaryStep } from "./AppointmentSummaryStep";
+export { BookingOptionStep } from "./BookingOptionStep";
+export { PatientSelectionStep } from "./PatientSelectionStep";

package/dist/vanilla/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/vanilla/components/appointment-booking/index.d.ts

@@ -1,5 +1,3 @@
 export { AppointmentCalender } from "./AppointmentCalender";
-export type { AppointmentCalenderProps } from "./AppointmentCalender";
-export { useAppointmentState, useAppointmentFlow, useInitializeAddresses, } from "./hooks";
-export type { AppointmentState, AppointmentAction } from "./types";
-export { INITIAL_STATE } from "./types";
+export * from "./components";
+export * from "./types";

package/dist/vanilla/components/appointment-booking/types.d.ts

@@ -1,4 +1,104 @@
 import { Doctor, Slot, AddressItem } from "../../services/AppointmentService";
+export interface Patient {
+    id: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    countryCode: string;
+    phoneNumber: string;
+    dob: string;
+    age: number;
+    gender: string;
+    bloodGroup: string;
+    mrn: string;
+    address: {
+        id: number;
+        completeAddress: string;
+        addressLine1: string;
+        addressLine2: string;
+        city: string;
+        state: string;
+        country: string;
+        zipcode: string;
+        landmark: string;
+        phoneNumber: string;
+        latitude: number;
+        longitude: number;
+    };
+}
+export interface SessionPackDoctor {
+    id: number;
+    fullName: string;
+    profilePicUrl: string | null;
+}
+export interface SessionPackResponse {
+    id: number;
+    workspaceId: number;
+    packageName: string;
+    description: string;
+    totalSessions: number;
+    packagePrice: number;
+    discount: number;
+    discountedPrice: number;
+    discountType: "PERCENTAGE" | "FLAT";
+    validityDays: number;
+    allowedConsultationModes: ("ONLINE" | "OFFLINE")[];
+    doctorIds: number[];
+    allowFamilyBooking: boolean;
+    maxFamilyMembers: number;
+    isActive: boolean;
+    allowedDoctors: SessionPackDoctor[];
+}
+export interface ActiveSessionPack {
+    id: number;
+    packageName: string;
+    totalSessions: number;
+    remainingSessions: number;
+    expiryDate: string;
+    purchaseDate?: string;
+    doctorId?: number;
+    doctorName?: string;
+    allowedConsultationModes?: ("ONLINE" | "OFFLINE")[];
+}
+export interface SessionPacksDetails {
+    associatedPatients: Patient[];
+    activeSessionPackResponses: ActiveSessionPack[];
+    allSessionPackResponses: SessionPackResponse[];
+}
+export interface SessionPack {
+    id: number;
+    name: string;
+    description?: string;
+    totalSessions: number;
+    remainingSessions: number;
+    price?: number;
+    validityDays?: number;
+    applicableOnline?: boolean;
+    applicableOffline?: boolean;
+    expiryDate: string;
+    purchaseDate?: string;
+    doctorId?: number;
+    doctorName?: string;
+}
+export interface AvailablePackage {
+    id: number;
+    name: string;
+    description?: string;
+    totalSessions: number;
+    sessions?: number;
+    price: number;
+    discountedPrice?: number;
+    discount?: number;
+    discountType?: "PERCENTAGE" | "FLAT";
+    currency?: string;
+    validityDays: number;
+    applicableOnline?: boolean;
+    applicableOffline?: boolean;
+    allowedConsultationModes?: ("ONLINE" | "OFFLINE")[];
+    allowedDoctors?: SessionPackDoctor[];
+    doctorIds?: number[];
+}
+export type BookingOptionType = "session-pack" | "new-appointment" | "explore-packages" | null;
 export interface AppointmentState {
     step: number;
     loading: boolean;
@@ -18,6 +118,7 @@ export interface AppointmentState {
     patientEmail: string;
     patientGender: string;
     bloodGroup: string;
+    patientDob: string;
     patientAddress: string;
     patientCity: string;
     patientState: string;
@@ -31,6 +132,21 @@ export interface AppointmentState {
     otpVerified: boolean;
     otpSending: boolean;
     otpVerifying: boolean;
+    verifiedPatients: Patient[];
+    selectedPatient: Patient | null;
+    useExistingPatient: boolean;
+    userSessionPacks: SessionPack[];
+    availablePackages: AvailablePackage[];
+    selectedSessionPack: SessionPack | null;
+    selectedNewPackage: AvailablePackage | null;
+    bookingOptionType: BookingOptionType;
+    showPackageExplorer: boolean;
+    packagesLoading: boolean;
+    bookingType: "PACKAGE_PURCHASE" | "ONE_TIME_APPOINTMENT" | "USE_ACTIVE_PACKAGE";
+    paymentMode: "CASH" | "CARD" | string;
+    packageConfigId?: number;
+    patientPackageId?: number;
+    packageAmount?: number;
 }
 export type AppointmentAction = {
     type: "SET_STEP";
@@ -83,6 +199,9 @@ export type AppointmentAction = {
 } | {
     type: "SET_BLOOD_GROUP";
     payload: string;
+} | {
+    type: "SET_PATIENT_DOB";
+    payload: string;
 } | {
     type: "SET_PATIENT_ADDRESS";
     payload: string;
@@ -122,7 +241,55 @@ export type AppointmentAction = {
 } | {
     type: "SET_OTP_VERIFYING";
     payload: boolean;
+} | {
+    type: "SET_VERIFIED_PATIENTS";
+    payload: Patient[];
+} | {
+    type: "SET_SELECTED_PATIENT";
+    payload: Patient | null;
+} | {
+    type: "SET_USE_EXISTING_PATIENT";
+    payload: boolean;
+} | {
+    type: "SET_USER_SESSION_PACKS";
+    payload: SessionPack[];
+} | {
+    type: "SET_AVAILABLE_PACKAGES";
+    payload: AvailablePackage[];
+} | {
+    type: "SET_SELECTED_SESSION_PACK";
+    payload: SessionPack | null;
+} | {
+    type: "SET_SELECTED_NEW_PACKAGE";
+    payload: AvailablePackage | null;
+} | {
+    type: "SET_BOOKING_OPTION_TYPE";
+    payload: BookingOptionType;
+} | {
+    type: "SET_SHOW_PACKAGE_EXPLORER";
+    payload: boolean;
+} | {
+    type: "SET_PACKAGES_LOADING";
+    payload: boolean;
+} | {
+    type: "SET_BOOKING_TYPE";
+    payload: "PACKAGE_PURCHASE" | "ONE_TIME_APPOINTMENT" | "USE_ACTIVE_PACKAGE";
+} | {
+    type: "SET_PAYMENT_MODE";
+    payload: "CASH" | "CARD" | string;
+} | {
+    type: "SET_PACKAGE_CONFIG_ID";
+    payload: number | undefined;
+} | {
+    type: "SET_PATIENT_PACKAGE_ID";
+    payload: number | undefined;
+} | {
+    type: "SET_PACKAGE_AMOUNT";
+    payload: number | undefined;
 } | {
     type: "RESET_FORM";
 };
+export interface AppointmentCalenderProps {
+    onError?: (err: Error) => void;
+}
 export declare const INITIAL_STATE: AppointmentState;