medos-sdk 1.1.10 → 1.1.12

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/constants/constant.d.ts

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

package/dist/vanilla/components/constants/index.d.ts

@@ -0,0 +1,3 @@
+export declare const API_BASE_URL = "https://api.medos.one/v1";
+export declare const MONTHS: string[];
+export declare const WEEKDAYS: string[];

package/dist/vanilla/components/constants/options.d.ts

@@ -0,0 +1,13 @@
+export declare const COUNTRY_CODES: {
+    code: string;
+    label: string;
+}[];
+export declare const GENDER_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const BLOOD_GROUP_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const mapBloodGroupToApi: (uiBloodGroup: string) => string;

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

@@ -0,0 +1,6 @@
+export declare const PHONE_MIN_LENGTH = 7;
+export declare const PHONE_MAX_LENGTH = 15;
+export declare const COUNTRY_CODE_REGEX: RegExp;
+export declare const DATE_FORMAT_REGEX: RegExp;
+export declare const MIN_BIRTH_YEAR = 1900;
+export declare const VALID_BLOOD_GROUPS: string[];

package/dist/vanilla/components/enquiry-form/EnquiryForm.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { EnquirySubmission } from "../../enquiry-form/types";
+export interface EnquiryFormProps {
+    onSuccess?: (enquiry: EnquirySubmission) => void;
+    onError?: (error: Error) => void;
+}
+export declare const EnquiryForm: React.FC<EnquiryFormProps>;

package/dist/vanilla/components/enquiry-form/components/ContactInformationStep.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface ContactInformationStepProps {
+    patientName: string;
+    patientEmail: string;
+    countryCode: string;
+    patientPhone: string;
+    onNameChange: (value: string) => void;
+    onEmailChange: (value: string) => void;
+    onCountryCodeChange: (value: string) => void;
+    onPhoneChange: (value: string) => void;
+    onNext: () => void;
+}
+export declare const ContactInformationStep: React.FC<ContactInformationStepProps>;

package/dist/vanilla/components/enquiry-form/components/ContactPreferenceStep.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ContactPreferenceStepProps {
+    preferredContactMethod: "PHONE" | "EMAIL" | "BOTH";
+    onContactMethodChange: (method: "PHONE" | "EMAIL" | "BOTH") => void;
+    onBack: () => void;
+    onSubmit: () => void;
+    isLoading?: boolean;
+}
+export declare const ContactPreferenceStep: React.FC<ContactPreferenceStepProps>;

package/dist/vanilla/components/enquiry-form/components/InquiryDetailsStep.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface InquiryDetailsStepProps {
+    inquirySubject: string;
+    inquiryMessage: string;
+    onSubjectChange: (value: string) => void;
+    onMessageChange: (value: string) => void;
+    onBack: () => void;
+    onNext: () => void;
+}
+export declare const InquiryDetailsStep: React.FC<InquiryDetailsStepProps>;

package/dist/vanilla/components/enquiry-form/components/index.d.ts

@@ -0,0 +1,3 @@
+export { ContactInformationStep } from "./ContactInformationStep";
+export { InquiryDetailsStep } from "./InquiryDetailsStep";
+export { ContactPreferenceStep } from "./ContactPreferenceStep";

package/dist/vanilla/components/enquiry-form/index.d.ts

@@ -0,0 +1,2 @@
+export { EnquiryForm } from "./EnquiryForm";
+export * from "./components";

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

@@ -1,3 +1,7 @@
-export { VanillaIcons } from "./VanillaIcons";
-export { VanillaSelect, upgradeNativeSelect, type SelectOption, type VanillaSelectOptions, } from "./VanillaSelect";
-export { VanillaCalendar, type VanillaCalendarOptions, } from "./VanillaCalendar";
+export * from "./appointment-booking";
+export * from "./enquiry-form";
+export * from "./shared";
+export * from "./types";
+export * from "./constants";
+export * from "./utils";
+export * from "./styles";

package/dist/vanilla/components/shared/icons/Check.d.ts

@@ -0,0 +1,6 @@
+interface IconProps {
+    className?: string;
+    size?: number;
+}
+export declare const Check: React.FC<IconProps>;
+export {};

package/dist/vanilla/components/shared/icons/ChevronDownIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ChevronDownIcon: React.FC<{
+    className?: string;
+}>;

package/dist/vanilla/components/shared/icons/ChevronLeft.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ChevronLeft: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ChevronLeft;

package/dist/vanilla/components/shared/icons/ChevronRight.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ChevronRight: React.FC<React.SVGProps<SVGSVGElement>>;
+export default ChevronRight;

package/dist/vanilla/components/shared/icons/CloseIcon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CloseIconProps {
+    size?: number;
+    color?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CloseIcon: React.FC<CloseIconProps>;
+export default CloseIcon;

package/dist/vanilla/components/shared/icons/ConfirmationCheck.d.ts

@@ -0,0 +1 @@
+export declare const ConfirmationCheck: React.FC;

package/dist/vanilla/components/shared/icons/ConsultationType.d.ts

@@ -0,0 +1 @@
+export declare const ConsultationTypeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/vanilla/components/shared/icons/Date&TimeIcon.d.ts

@@ -0,0 +1 @@
+export declare const DateTimeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/vanilla/components/shared/icons/MapIcon.d.ts

@@ -0,0 +1 @@
+export declare const MapPinIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/vanilla/components/shared/icons/MedosLogo.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const MedosLogo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default MedosLogo;

package/dist/vanilla/components/shared/icons/PaymentMethodIcon.d.ts

@@ -0,0 +1 @@
+export declare const PaymentMethodIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/vanilla/components/shared/icons/SuccessIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SuccessIconProps {
+    size?: number;
+    checkColor?: string;
+    shapeColor?: string;
+}
+export declare const SuccessIcon: React.FC<SuccessIconProps>;
+export {};

package/dist/vanilla/components/shared/icons/UserIcon.d.ts

@@ -0,0 +1 @@
+export declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/vanilla/components/shared/icons/index.d.ts

@@ -0,0 +1,13 @@
+export { Check } from "./Check";
+export { ChevronDownIcon } from "./ChevronDownIcon";
+export { default as ChevronLeft } from "./ChevronLeft";
+export { default as ChevronRight } from "./ChevronRight";
+export { CloseIcon } from "./CloseIcon";
+export { ConfirmationCheck } from "./ConfirmationCheck";
+export { ConsultationTypeIcon } from "./ConsultationType";
+export { DateTimeIcon } from "./Date&TimeIcon";
+export { MapPinIcon } from "./MapIcon";
+export { default as MedosLogo } from "./MedosLogo";
+export { PaymentMethodIcon } from "./PaymentMethodIcon";
+export { SuccessIcon } from "./SuccessIcon";
+export { UserIcon } from "./UserIcon";

package/dist/vanilla/components/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./icons";
+export * from "./ui";

package/dist/vanilla/components/shared/ui/Calendar.d.ts

@@ -0,0 +1,5 @@
+export declare const CustomCalendarWithDateSelector: ({ selectedDate, onSelect, pastDisabled, }: {
+    selectedDate?: Date;
+    onSelect: (date: Date) => void;
+    pastDisabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/vanilla/components/shared/ui/SelectDropdown.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+interface SelectProps {
+    children: React.ReactNode;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    defaultValue?: string;
+    disabled?: boolean;
+}
+interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    className?: string;
+    error?: boolean;
+}
+interface SelectValueProps {
+    placeholder?: string;
+}
+interface SelectContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+interface SelectItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    value: string;
+    className?: string;
+    disabled?: boolean;
+}
+interface BaseComponentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const Select: React.FC<SelectProps>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectValue: React.FC<SelectValueProps>;
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectGroup: React.FC<BaseComponentProps>;
+declare const SelectLabel: React.FC<BaseComponentProps>;
+declare const SelectSeparator: React.FC<{
+    className?: string;
+}>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };

package/dist/vanilla/components/shared/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SelectDropdown";
+export { CustomCalendarWithDateSelector } from "./Calendar";

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const PHONE_VERIFY_STYLES: Record<string, React.CSSProperties>;
+export declare const PATIENT_DETAILS_STYLES: Record<string, React.CSSProperties>;
+export declare const SUCCESS_STYLES: Record<string, React.CSSProperties>;

package/dist/vanilla/components/styles/enquiry.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ENQUIRY_FORM_STYLES: Record<string, React.CSSProperties>;

package/dist/vanilla/components/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { getContainerStyles, getButtonStyles, getPhoneVerifyStyles, getPatientDetailsStyles, getSuccessStyles, CONTAINER_STYLES, BUTTON_STYLES, PHONE_VERIFY_STYLES, PATIENT_DETAILS_STYLES, SUCCESS_STYLES, } from "../theme-styles";
+export { getMobileStyles, getDesktopStyles, } from "../appointment-booking/appointment-modal-styles";

package/dist/vanilla/components/styles/shared.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const CONTAINER_STYLES: Record<string, React.CSSProperties>;
+export declare const BUTTON_STYLES: Record<string, React.CSSProperties>;

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

@@ -1,6 +1 @@
-import React from "react";
-export declare const CONTAINER_STYLES: Record<string, React.CSSProperties>;
-export declare const BUTTON_STYLES: Record<string, React.CSSProperties>;
-export declare const PHONE_VERIFY_STYLES: Record<string, React.CSSProperties>;
-export declare const PATIENT_DETAILS_STYLES: Record<string, React.CSSProperties>;
-export declare const SUCCESS_STYLES: Record<string, React.CSSProperties>;
+export * from "./styles";

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/appointment.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+export type { AppointmentState, AppointmentAction, Patient, SessionPack, AvailablePackage, BookingOptionType, } from "../appointment-booking/types";
+export { INITIAL_STATE } from "../appointment-booking/types";
+export type PhoneVerificationStepProps = {
+    state: any;
+    dispatch: React.Dispatch<any>;
+    onSendOtp: () => Promise<void>;
+    onVerifyOtp: () => Promise<void>;
+    onBack: () => void;
+    onContinue: () => void;
+};
+export type PatientDetailsStepProps = {
+    state: any;
+    dispatch: React.Dispatch<any>;
+    onBack: () => void;
+    onSubmit: () => Promise<void>;
+    isFirstStep?: boolean;
+};
+export type SuccessStepProps = {
+    onReset: () => void;
+};
+export type PhoneInputSectionProps = {
+    countryCode: string;
+    patientPhone: string;
+    onCountryCodeChange: (code: string) => void;
+    onPhoneChange: (phone: string) => void;
+};
+export type OtpInputSectionProps = {
+    countryCode: string;
+    patientPhone: string;
+    otpCode: string;
+    otpVerified: boolean;
+    onOtpChange: (code: string) => void;
+};
+export type PatientInfoSectionProps = {
+    state: any;
+    dispatch: React.Dispatch<any>;
+};
+export type AddressInfoSectionProps = {
+    state: any;
+    dispatch: React.Dispatch<any>;
+};

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

@@ -0,0 +1,24 @@
+import React from "react";
+export interface BaseComponentProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface BaseFormProps {
+    onSubmit?: () => void | Promise<void>;
+    onBack?: () => void;
+    onNext?: () => void;
+    isLoading?: boolean;
+    error?: string | null;
+}
+export interface BaseStepProps extends BaseFormProps {
+    onContinue?: () => void;
+    onReset?: () => void;
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface CountryCodeOption {
+    code: string;
+    label: string;
+}