medos-sdk 1.1.9 → 1.1.11

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,20 +1,19 @@
-import { Doctor, Slot, AddressItem } from "../services/AppointmentService";
-export type AppointmentCalenderProps = {
-    onError?: (err: Error) => void;
-};
+export type { AppointmentState, AppointmentAction, Patient, SessionPack, AvailablePackage, BookingOptionType, } from "./appointment-booking/types";
+export { INITIAL_STATE } from "./appointment-booking/types";
 export type PhoneVerificationStepProps = {
-    state: AppointmentState;
-    dispatch: React.Dispatch<AppointmentAction>;
+    state: any;
+    dispatch: React.Dispatch<any>;
     onSendOtp: () => Promise<void>;
     onVerifyOtp: () => Promise<void>;
     onBack: () => void;
     onContinue: () => void;
 };
 export type PatientDetailsStepProps = {
-    state: AppointmentState;
-    dispatch: React.Dispatch<AppointmentAction>;
+    state: any;
+    dispatch: React.Dispatch<any>;
     onBack: () => void;
     onSubmit: () => Promise<void>;
+    isFirstStep?: boolean;
 };
 export type SuccessStepProps = {
     onReset: () => void;
@@ -33,138 +32,12 @@ export type OtpInputSectionProps = {
     onOtpChange: (code: string) => void;
 };
 export type PatientInfoSectionProps = {
-    state: AppointmentState;
-    dispatch: React.Dispatch<AppointmentAction>;
+    state: any;
+    dispatch: React.Dispatch<any>;
 };
 export type AddressInfoSectionProps = {
-    state: AppointmentState;
-    dispatch: React.Dispatch<AppointmentAction>;
-};
-export interface AppointmentState {
-    step: number;
-    loading: boolean;
-    error: string | null;
-    workspaceId: number | null;
-    addresses: AddressItem[];
-    addressDoctorsMap: Record<number, Doctor[]>;
-    selectedAddress: number | null;
-    selectedDoctor: number | null;
-    selectedDate: Date;
-    slots: Slot[];
-    selectedSlot: Slot | null;
-    consultationMode: "ONLINE" | "OFFLINE";
-    consultationCharge: string;
-    patientName: string;
-    patientAge: string;
-    patientEmail: string;
-    patientGender: string;
-    bloodGroup: string;
-    patientAddress: string;
-    patientCity: string;
-    patientState: string;
-    patientCountry: string;
-    patientZipcode: string;
-    patientLandmark: string;
-    countryCode: string;
-    patientPhone: string;
-    otpCode: string;
-    otpSent: boolean;
-    otpVerified: boolean;
-    otpSending: boolean;
-    otpVerifying: boolean;
-}
-export type AppointmentAction = {
-    type: "SET_STEP";
-    payload: number;
-} | {
-    type: "SET_LOADING";
-    payload: boolean;
-} | {
-    type: "SET_ERROR";
-    payload: string | null;
-} | {
-    type: "SET_WORKSPACE";
-    payload: {
-        id: number;
-        addresses: AddressItem[];
-    };
-} | {
-    type: "SET_SELECTED_ADDRESS";
-    payload: number | null;
-} | {
-    type: "SET_SELECTED_DOCTOR";
-    payload: number | null;
-} | {
-    type: "SET_SELECTED_DATE";
-    payload: Date;
-} | {
-    type: "SET_SLOTS";
-    payload: Slot[];
-} | {
-    type: "SET_SELECTED_SLOT";
-    payload: Slot | null;
-} | {
-    type: "SET_CONSULTATION_MODE";
-    payload: "ONLINE" | "OFFLINE";
-} | {
-    type: "SET_CONSULTATION_CHARGE";
-    payload: string;
-} | {
-    type: "SET_PATIENT_NAME";
-    payload: string;
-} | {
-    type: "SET_PATIENT_AGE";
-    payload: string;
-} | {
-    type: "SET_PATIENT_EMAIL";
-    payload: string;
-} | {
-    type: "SET_PATIENT_GENDER";
-    payload: string;
-} | {
-    type: "SET_BLOOD_GROUP";
-    payload: string;
-} | {
-    type: "SET_PATIENT_ADDRESS";
-    payload: string;
-} | {
-    type: "SET_PATIENT_CITY";
-    payload: string;
-} | {
-    type: "SET_PATIENT_STATE";
-    payload: string;
-} | {
-    type: "SET_PATIENT_COUNTRY";
-    payload: string;
-} | {
-    type: "SET_PATIENT_ZIPCODE";
-    payload: string;
-} | {
-    type: "SET_PATIENT_LANDMARK";
-    payload: string;
-} | {
-    type: "SET_COUNTRY_CODE";
-    payload: string;
-} | {
-    type: "SET_PATIENT_PHONE";
-    payload: string;
-} | {
-    type: "SET_OTP_CODE";
-    payload: string;
-} | {
-    type: "SET_OTP_SENT";
-    payload: boolean;
-} | {
-    type: "SET_OTP_VERIFIED";
-    payload: boolean;
-} | {
-    type: "SET_OTP_SENDING";
-    payload: boolean;
-} | {
-    type: "SET_OTP_VERIFYING";
-    payload: boolean;
-} | {
-    type: "RESET_FORM";
+    state: any;
+    dispatch: React.Dispatch<any>;
 };
 export declare const COUNTRY_CODES: {
     code: string;
@@ -178,4 +51,4 @@ export declare const BLOOD_GROUP_OPTIONS: {
     value: string;
     label: string;
 }[];
-export declare const INITIAL_STATE: AppointmentState;
+export declare const mapBloodGroupToApi: (uiBloodGroup: string) => string;

package/dist/vanilla/components/uiComponents/SelectDropdown.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SelectProps {
     children: React.ReactNode;
     value?: 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;