medos-sdk 1.1.10 → 1.1.11

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

@@ -1,4 +1,103 @@
 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[];
+}
+export type BookingOptionType = "session-pack" | "new-appointment" | "explore-packages" | null;
 export interface AppointmentState {
     step: number;
     loading: boolean;
@@ -18,6 +117,7 @@ export interface AppointmentState {
     patientEmail: string;
     patientGender: string;
     bloodGroup: string;
+    patientDob: string;
     patientAddress: string;
     patientCity: string;
     patientState: string;
@@ -31,6 +131,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 +198,9 @@ export type AppointmentAction = {
 } | {
     type: "SET_BLOOD_GROUP";
     payload: string;
+} | {
+    type: "SET_PATIENT_DOB";
+    payload: string;
 } | {
     type: "SET_PATIENT_ADDRESS";
     payload: string;
@@ -122,6 +240,51 @@ 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";
 };

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

@@ -0,0 +1,259 @@
+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;
+    };
+    slotGrid: {
+        display: string;
+        gridTemplateColumns: string;
+        gap: number;
+        marginTop: number;
+        maxHeight: string;
+        overflowY: "auto";
+        paddingRight: string;
+        paddingBottom: string;
+        scrollbarWidth: "thin";
+        scrollbarColor: string;
+    };
+    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;
+    };
+    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/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const MONTHS: string[];
+export declare const WEEKDAYS: string[];

package/dist/vanilla/components/theme-styles.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import { MedosTheme } from "../core/theme/types";
-export declare function getContainerStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
-export declare function getButtonStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
-export declare function getPhoneVerifyStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
-export declare function getPatientDetailsStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
+import { Breakpoint } from "../core/theme/responsive";
+export declare function getContainerStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
+export declare function getButtonStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
+export declare function getPhoneVerifyStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
+export declare function getPatientDetailsStyles(theme: MedosTheme, prefix?: string, breakpoint?: Breakpoint): Record<string, React.CSSProperties>;
 export declare function getSuccessStyles(theme: MedosTheme, prefix?: string): Record<string, React.CSSProperties>;
 export declare const CONTAINER_STYLES: Record<string, React.CSSProperties>;
 export declare const BUTTON_STYLES: Record<string, React.CSSProperties>;

package/dist/vanilla/components/types.d.ts

@@ -1,4 +1,4 @@
-export type { AppointmentState, AppointmentAction, } from "./appointment-booking/types";
+export type { AppointmentState, AppointmentAction, Patient, SessionPack, AvailablePackage, BookingOptionType, } from "./appointment-booking/types";
 export { INITIAL_STATE } from "./appointment-booking/types";
 export type PhoneVerificationStepProps = {
     state: any;
@@ -13,6 +13,7 @@ export type PatientDetailsStepProps = {
     dispatch: React.Dispatch<any>;
     onBack: () => void;
     onSubmit: () => Promise<void>;
+    isFirstStep?: boolean;
 };
 export type SuccessStepProps = {
     onReset: () => void;
@@ -50,3 +51,4 @@ export declare const BLOOD_GROUP_OPTIONS: {
     value: string;
     label: string;
 }[];
+export declare const mapBloodGroupToApi: (uiBloodGroup: string) => string;

package/dist/vanilla/components/utils.d.ts

@@ -1,4 +1,7 @@
 export declare const formatDateToISO: (date: Date) => string;
+export declare const formatDate: (date: Date | string | null) => string;
+export declare const formatTime: (timeStr: string | number) => string;
+export declare const calculateDuration: (startTime?: string | number, endTime?: string | number, defaultDuration?: number) => number;
 export declare const parsePatientName: (fullName: string) => {
     firstName: string;
     lastName: string;

package/dist/vanilla/components/validation.d.ts

@@ -1,2 +1,4 @@
 export declare const validatePhoneNumber: (phone: string) => boolean;
 export declare const validateCountryCode: (code: string) => boolean;
+export declare const validateBloodGroup: (bloodGroup: string) => boolean;
+export declare const validateDateOfBirth: (dob: string) => boolean;

package/dist/vanilla/core/theme/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./types";
 export * from "./themes";
 export * from "./utils";
+export * from "./responsive";

package/dist/vanilla/core/theme/responsive.d.ts

@@ -0,0 +1,15 @@
+import { MedosTheme } from "./types";
+export type Breakpoint = "mobile" | "tablet" | "desktop" | "wide";
+export declare function useMediaQuery(query: string): boolean;
+export declare function useBreakpoint(theme: MedosTheme): Breakpoint;
+export declare function useIsMobile(theme: MedosTheme): boolean;
+export declare function useIsTablet(theme: MedosTheme): boolean;
+export declare function useIsDesktop(theme: MedosTheme): boolean;
+export declare function useResponsiveValue<T>(theme: MedosTheme, values: Partial<Record<Breakpoint, T>>): T | undefined;
+export declare function responsiveStyles(styles: Partial<Record<Breakpoint | "base", React.CSSProperties>>, currentBreakpoint: Breakpoint): React.CSSProperties;
+export declare function getResponsiveMaxWidth(theme: MedosTheme, breakpoint: Breakpoint, customMaxWidths?: Partial<Record<Breakpoint, string>>): string;
+export declare function getResponsivePadding(theme: MedosTheme, breakpoint: Breakpoint): string;
+export declare function getResponsiveFontSize(theme: MedosTheme, breakpoint: Breakpoint, size?: keyof MedosTheme["typography"]): string;
+export declare function isTouchDevice(): boolean;
+export declare const MIN_TOUCH_TARGET_SIZE = "44px";
+export declare function getResponsiveInputHeight(breakpoint: Breakpoint): string;

package/dist/vanilla/core/theme/types.d.ts

@@ -82,6 +82,12 @@ export interface ThemeTransitions {
     normal: string;
     slow: string;
 }
+export interface ThemeBreakpoints {
+    mobile: string;
+    tablet: string;
+    desktop: string;
+    wide: string;
+}
 export interface MedosTheme {
     name: string;
     colors: ThemeColors;
@@ -90,6 +96,7 @@ export interface MedosTheme {
     shadows: ThemeShadows;
     radii: ThemeRadii;
     transitions: ThemeTransitions;
+    breakpoints: ThemeBreakpoints;
 }
 export type PartialTheme = {
     name?: string;
@@ -99,6 +106,7 @@ export type PartialTheme = {
     shadows?: Partial<ThemeShadows>;
     radii?: Partial<ThemeRadii>;
     transitions?: Partial<ThemeTransitions>;
+    breakpoints?: Partial<ThemeBreakpoints>;
 };
 export interface ThemeConfig {
     theme?: MedosTheme | PartialTheme;