medos-sdk 1.0.3 → 1.1.1

package/dist/components/theme-styles.js

@@ -0,0 +1,319 @@
+export function getContainerStyles(theme, prefix = "medos") {
+    return {
+        container: {
+            display: "flex",
+            justifyContent: "center",
+            padding: theme.spacing.xl,
+            fontFamily: theme.typography.fontFamily,
+            background: theme.colors.background,
+        },
+        card: {
+            width: "100%",
+            maxWidth: 720,
+            background: theme.colors.surface,
+            borderRadius: theme.radii.lg,
+            boxShadow: theme.shadows.lg,
+            padding: theme.spacing["2xl"],
+            boxSizing: "border-box",
+        },
+        header: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            marginBottom: theme.spacing.lg,
+        },
+        title: {
+            marginLeft: 10,
+            fontSize: theme.typography.fontSizeXl,
+            fontWeight: theme.typography.fontWeightSemibold,
+            color: theme.colors.text,
+        },
+        section: {
+            marginTop: theme.spacing.md,
+        },
+        errorMessage: {
+            marginBottom: theme.spacing.md,
+            color: theme.colors.error,
+            fontWeight: theme.typography.fontWeightSemibold,
+        },
+        actions: {
+            display: "flex",
+            gap: theme.spacing.sm,
+            marginTop: theme.spacing.lg,
+            justifyContent: "flex-end",
+        },
+    };
+}
+export function getButtonStyles(theme, prefix = "medos") {
+    return {
+        primary: {
+            background: theme.colors.secondary,
+            color: theme.colors.textOnSecondary,
+            border: "none",
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            borderRadius: theme.radii.md,
+            cursor: "pointer",
+            fontWeight: theme.typography.fontWeightSemibold,
+            fontSize: theme.typography.fontSizeSm,
+            transition: theme.transitions.normal,
+        },
+        primaryHover: {
+            background: theme.colors.secondaryHover,
+        },
+        secondary: {
+            background: theme.colors.surface,
+            color: theme.colors.primary,
+            border: `1px solid ${theme.colors.primary}`,
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            borderRadius: theme.radii.md,
+            cursor: "pointer",
+            fontSize: theme.typography.fontSizeSm,
+            transition: theme.transitions.normal,
+        },
+        secondaryHover: {
+            background: theme.colors.surfaceHover,
+        },
+    };
+}
+export function getPhoneVerifyStyles(theme, prefix = "medos") {
+    return {
+        container: {
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: theme.radii.lg,
+            overflow: "hidden",
+            backgroundColor: theme.colors.surface,
+        },
+        header: {
+            padding: "20px 24px 10px 24px",
+        },
+        title: { fontSize: 20, fontWeight: 600, margin: 0 },
+        content: {
+            padding: theme.spacing["2xl"],
+        },
+        label: {
+            display: "block",
+            fontSize: theme.typography.fontSizeSm,
+            fontWeight: theme.typography.fontWeightMedium,
+            color: theme.colors.text,
+            marginBottom: theme.spacing.sm,
+        },
+        phoneInputContainer: {
+            display: "flex",
+            gap: theme.spacing.sm,
+        },
+        phoneInput: {
+            flex: 1,
+            width: "100%",
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            borderRadius: theme.radii.md,
+            border: `1px solid ${theme.colors.border}`,
+            fontSize: theme.typography.fontSizeSm,
+            outline: "none",
+            color: theme.colors.text,
+            boxSizing: "border-box",
+            transition: theme.transitions.normal,
+        },
+        phoneInputFocus: {
+            borderColor: theme.colors.borderFocus,
+            outline: `2px solid ${theme.colors.borderFocus}20`,
+        },
+        phoneDisplay: {
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            background: theme.colors.backgroundSecondary,
+            borderRadius: theme.radii.md,
+            fontSize: theme.typography.fontSizeSm,
+            color: theme.colors.textSecondary,
+            fontWeight: theme.typography.fontWeightMedium,
+        },
+        otpInput: {
+            width: "100%",
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            border: `1px solid ${theme.colors.borderHover}`,
+            borderRadius: theme.radii.md,
+            fontSize: theme.typography.fontSizeSm,
+            outline: "none",
+            color: theme.colors.text,
+            boxSizing: "border-box",
+            transition: theme.transitions.normal,
+        },
+        otpInputFocus: {
+            borderColor: theme.colors.borderFocus,
+            outline: `2px solid ${theme.colors.borderFocus}20`,
+        },
+        otpHint: {
+            marginTop: theme.spacing.sm,
+            fontSize: theme.typography.fontSizeXs,
+            color: theme.colors.textTertiary,
+        },
+        successMessage: {
+            marginTop: theme.spacing.xl,
+            padding: theme.spacing.lg,
+            borderRadius: theme.radii.md,
+            backgroundColor: theme.colors.successBackground,
+            border: `1px solid ${theme.colors.success}`,
+            display: "flex",
+            alignItems: "center",
+            gap: theme.spacing.md,
+        },
+        successIcon: {
+            fontSize: theme.typography.fontSize2xl,
+            color: theme.colors.success,
+        },
+        successTitle: {
+            fontSize: theme.typography.fontSizeSm,
+            fontWeight: theme.typography.fontWeightSemibold,
+            color: theme.colors.success,
+        },
+        successSubtitle: {
+            fontSize: theme.typography.fontSizeXs,
+            color: theme.colors.textTertiary,
+            marginTop: 2,
+        },
+        footer: {
+            padding: `${theme.spacing.lg} ${theme.spacing["2xl"]}`,
+            borderTop: `1px solid ${theme.colors.border}`,
+            backgroundColor: theme.colors.surface,
+            display: "flex",
+            gap: theme.spacing.md,
+            justifyContent: "flex-end",
+        },
+    };
+}
+export function getPatientDetailsStyles(theme, prefix = "medos") {
+    return {
+        sectionCard: {
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: theme.radii.lg,
+            marginBottom: theme.spacing["2xl"],
+        },
+        sectionHeader: {
+            backgroundColor: theme.colors.primary,
+            padding: `${theme.spacing.lg} ${theme.spacing.xl}`,
+            display: "flex",
+            alignItems: "center",
+            gap: theme.spacing.md,
+            borderBottom: `1px solid ${theme.colors.border}`,
+            color: theme.colors.textOnPrimary,
+        },
+        sectionTitle: {
+            fontSize: theme.typography.fontSizeLg,
+            fontWeight: theme.typography.fontWeightSemibold,
+            margin: 0,
+            color: theme.colors.textOnPrimary,
+        },
+        sectionBody: {
+            padding: theme.spacing["2xl"],
+        },
+        gridRow: {
+            display: "grid",
+            gridTemplateColumns: "1fr 1fr",
+            gap: theme.spacing.xl,
+            marginTop: theme.spacing.xl,
+        },
+        label: {
+            display: "block",
+            fontSize: theme.typography.fontSizeXs,
+            marginBottom: theme.spacing.xs,
+            color: theme.colors.textSecondary,
+            fontWeight: theme.typography.fontWeightMedium,
+        },
+        input: {
+            width: "100%",
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            borderRadius: theme.radii.md,
+            border: `1px solid ${theme.colors.border}`,
+            outline: "none",
+            fontSize: theme.typography.fontSizeSm,
+            boxSizing: "border-box",
+            color: theme.colors.text,
+            transition: theme.transitions.normal,
+        },
+        inputFocus: {
+            borderColor: theme.colors.borderFocus,
+            outline: `2px solid ${theme.colors.borderFocus}20`,
+        },
+        phoneDisplay: {
+            display: "flex",
+            gap: theme.spacing.sm,
+        },
+        phoneCode: {
+            width: "100px",
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            borderRadius: theme.radii.md,
+            border: `1px solid ${theme.colors.border}`,
+            backgroundColor: theme.colors.backgroundSecondary,
+            fontSize: theme.typography.fontSizeSm,
+            boxSizing: "border-box",
+            color: theme.colors.textSecondary,
+        },
+        phoneNumber: {
+            flex: 1,
+            padding: `${theme.spacing.sm} ${theme.spacing.md}`,
+            borderRadius: theme.radii.md,
+            border: `1px solid ${theme.colors.border}`,
+            backgroundColor: theme.colors.backgroundSecondary,
+            fontSize: theme.typography.fontSizeSm,
+            boxSizing: "border-box",
+            color: theme.colors.textSecondary,
+        },
+    };
+}
+export function getSuccessStyles(theme, prefix = "medos") {
+    return {
+        container: {
+            display: "flex",
+            flexDirection: "column",
+            height: "100%",
+        },
+        header: {
+            marginTop: `-${theme.spacing.lg}`,
+            alignItems: "center",
+            textAlign: "center",
+            color: theme.colors.success,
+            fontWeight: theme.typography.fontWeightBold,
+            fontSize: theme.typography.fontSizeLg,
+            marginBottom: theme.spacing.xl,
+        },
+        iconContainer: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: `${theme.spacing.md} 0`,
+        },
+        detailsContainer: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: theme.spacing.md,
+            textAlign: "center",
+            color: theme.colors.success,
+        },
+        detailsTitle: {
+            fontWeight: theme.typography.fontWeightSemibold,
+            fontSize: theme.typography.fontSizeMd,
+        },
+        detailsList: {
+            display: "flex",
+            flexDirection: "column",
+            gap: theme.spacing.xs,
+            fontSize: theme.typography.fontSizeSm,
+            width: "100%",
+            maxWidth: "28rem",
+            textAlign: "center",
+        },
+        confirmationNote: {
+            marginTop: theme.spacing.sm,
+            fontSize: theme.typography.fontSizeXs,
+            color: theme.colors.textTertiary,
+        },
+        actionContainer: {
+            marginTop: theme.spacing["2xl"],
+        },
+    };
+}
+import { defaultTheme } from "../core/theme/themes";
+export const CONTAINER_STYLES = getContainerStyles(defaultTheme);
+export const BUTTON_STYLES = getButtonStyles(defaultTheme);
+export const PHONE_VERIFY_STYLES = getPhoneVerifyStyles(defaultTheme);
+export const PATIENT_DETAILS_STYLES = getPatientDetailsStyles(defaultTheme);
+export const SUCCESS_STYLES = getSuccessStyles(defaultTheme);

package/dist/components/types.d.ts

@@ -17,7 +17,6 @@ export type PatientDetailsStepProps = {
     onSubmit: () => Promise<void>;
 };
 export type SuccessStepProps = {
-    state: AppointmentState;
     onReset: () => void;
 };
 export type PhoneInputSectionProps = {

package/dist/core/index.d.ts

@@ -1,8 +1,12 @@
 export { MedosClient } from "../client/MedosClient";
+export * from "./theme";
 export * from "../appointments/provider";
 export * from "../appointments/types";
 export * from "../appointment-calendar/provider";
 export * from "../appointment-calendar/types";
+export * from "../enquiry-form/provider";
+export * from "../enquiry-form/types";
 export { PatientService, SendPhoneVerificationOtpPayload, VerifyPhoneVerificationOtpPayload, } from "../services/PatientService";
 export { AppointmentService, type BookAppointmentPayload, type PatientPayload, type PatientAddressPayload, type AddressesResponse, type AddressItem, } from "../services/AppointmentService";
 export { AuthService } from "../services/AuthService";
+export { EnquiryService } from "../services/EnquiryService";

package/dist/core/index.js

@@ -1,8 +1,12 @@
 export { MedosClient } from "../client/MedosClient";
+export * from "./theme";
 export * from "../appointments/provider";
 export * from "../appointments/types";
 export * from "../appointment-calendar/provider";
 export * from "../appointment-calendar/types";
+export * from "../enquiry-form/provider";
+export * from "../enquiry-form/types";
 export { PatientService, } from "../services/PatientService";
 export { AppointmentService, } from "../services/AppointmentService";
 export { AuthService } from "../services/AuthService";
+export { EnquiryService } from "../services/EnquiryService";

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

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

package/dist/core/theme/index.js

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

package/dist/core/theme/themes.d.ts

@@ -0,0 +1,8 @@
+import { MedosTheme } from "./types";
+export declare const defaultTheme: MedosTheme;
+export declare const modernTheme: MedosTheme;
+export declare const themes: {
+    readonly default: MedosTheme;
+    readonly modern: MedosTheme;
+};
+export type ThemeName = keyof typeof themes;

package/dist/core/theme/themes.js

@@ -0,0 +1,178 @@
+export const defaultTheme = {
+    name: "default",
+    colors: {
+        primary: "#27903F",
+        primaryHover: "#218838",
+        primaryActive: "#1e7835",
+        secondary: "#009b4d",
+        secondaryHover: "#008840",
+        accent: "#10b981",
+        accentHover: "#059669",
+        background: "#f6f8fa",
+        backgroundSecondary: "#f9fafb",
+        backgroundTertiary: "#fff",
+        surface: "#fff",
+        surfaceHover: "#f9fafb",
+        border: "#e5e7eb",
+        borderHover: "#d1d5db",
+        borderFocus: "#27903F",
+        text: "#111827",
+        textSecondary: "#374151",
+        textTertiary: "#6b7280",
+        textDisabled: "#9ca3af",
+        textOnPrimary: "#fff",
+        textOnSecondary: "#fff",
+        success: "#10b981",
+        successBackground: "#ecfdf5",
+        successBorder: "#6ee7b7",
+        error: "#ef4444",
+        errorBackground: "#fee2e2",
+        errorBorder: "#fca5a5",
+        warning: "#f59e0b",
+        warningBackground: "#fef3c7",
+        warningBorder: "#fcd34d",
+        info: "#3b82f6",
+        infoBackground: "#dbeafe",
+        infoBorder: "#93c5fd",
+    },
+    typography: {
+        fontFamily: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        fontFamilyHeading: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        fontSizeXs: "12px",
+        fontSizeSm: "14px",
+        fontSizeMd: "16px",
+        fontSizeLg: "18px",
+        fontSizeXl: "20px",
+        fontSize2xl: "24px",
+        fontSize3xl: "30px",
+        fontWeightNormal: "400",
+        fontWeightMedium: "500",
+        fontWeightSemibold: "600",
+        fontWeightBold: "700",
+        lineHeightTight: "1.25",
+        lineHeightNormal: "1.5",
+        lineHeightRelaxed: "1.75",
+    },
+    spacing: {
+        xs: "4px",
+        sm: "8px",
+        md: "12px",
+        lg: "16px",
+        xl: "20px",
+        "2xl": "24px",
+        "3xl": "32px",
+        "4xl": "40px",
+    },
+    shadows: {
+        none: "none",
+        sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+        md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+        lg: "0 8px 24px rgba(16, 24, 40, 0.08)",
+        xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+        "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    },
+    radii: {
+        none: "0",
+        sm: "4px",
+        md: "8px",
+        lg: "12px",
+        xl: "16px",
+        full: "9999px",
+    },
+    transitions: {
+        fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)",
+        normal: "200ms cubic-bezier(0.4, 0, 0.2, 1)",
+        slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)",
+    },
+};
+export const modernTheme = {
+    name: "modern",
+    colors: {
+        primary: "#1e3a5f",
+        primaryHover: "#2c4a6f",
+        primaryActive: "#152942",
+        secondary: "#ff6b35",
+        secondaryHover: "#ff5722",
+        accent: "#3b82f6",
+        accentHover: "#2563eb",
+        background: "#ffffff",
+        backgroundSecondary: "#f8fafc",
+        backgroundTertiary: "#f1f5f9",
+        surface: "#ffffff",
+        surfaceHover: "#f8fafc",
+        border: "#e2e8f0",
+        borderHover: "#cbd5e1",
+        borderFocus: "#3b82f6",
+        text: "#1e293b",
+        textSecondary: "#64748b",
+        textTertiary: "#94a3b8",
+        textDisabled: "#cbd5e1",
+        textOnPrimary: "#ffffff",
+        textOnSecondary: "#ffffff",
+        success: "#10b981",
+        successBackground: "#ecfdf5",
+        successBorder: "#6ee7b7",
+        error: "#ef4444",
+        errorBackground: "#fef2f2",
+        errorBorder: "#fca5a5",
+        warning: "#f59e0b",
+        warningBackground: "#fffbeb",
+        warningBorder: "#fcd34d",
+        info: "#0ea5e9",
+        infoBackground: "#e0f2fe",
+        infoBorder: "#7dd3fc",
+    },
+    typography: {
+        fontFamily: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        fontFamilyHeading: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        fontSizeXs: "12px",
+        fontSizeSm: "14px",
+        fontSizeMd: "16px",
+        fontSizeLg: "18px",
+        fontSizeXl: "20px",
+        fontSize2xl: "24px",
+        fontSize3xl: "30px",
+        fontWeightNormal: "400",
+        fontWeightMedium: "500",
+        fontWeightSemibold: "600",
+        fontWeightBold: "700",
+        lineHeightTight: "1.25",
+        lineHeightNormal: "1.5",
+        lineHeightRelaxed: "1.75",
+    },
+    spacing: {
+        xs: "4px",
+        sm: "8px",
+        md: "12px",
+        lg: "16px",
+        xl: "20px",
+        "2xl": "24px",
+        "3xl": "32px",
+        "4xl": "40px",
+    },
+    shadows: {
+        none: "none",
+        sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+        md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+        lg: "0 8px 24px rgba(30, 58, 95, 0.12)",
+        xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+        "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    },
+    radii: {
+        none: "0",
+        sm: "4px",
+        md: "8px",
+        lg: "12px",
+        xl: "16px",
+        full: "9999px",
+    },
+    transitions: {
+        fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)",
+        normal: "200ms cubic-bezier(0.4, 0, 0.2, 1)",
+        slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)",
+    },
+};
+export const themes = {
+    default: defaultTheme,
+    modern: modernTheme,
+};

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

@@ -0,0 +1,106 @@
+export interface ThemeColors {
+    primary: string;
+    primaryHover: string;
+    primaryActive: string;
+    secondary: string;
+    secondaryHover: string;
+    accent: string;
+    accentHover: string;
+    background: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    surface: string;
+    surfaceHover: string;
+    border: string;
+    borderHover: string;
+    borderFocus: string;
+    text: string;
+    textSecondary: string;
+    textTertiary: string;
+    textDisabled: string;
+    textOnPrimary: string;
+    textOnSecondary: string;
+    success: string;
+    successBackground: string;
+    successBorder: string;
+    error: string;
+    errorBackground: string;
+    errorBorder: string;
+    warning: string;
+    warningBackground: string;
+    warningBorder: string;
+    info: string;
+    infoBackground: string;
+    infoBorder: string;
+}
+export interface ThemeTypography {
+    fontFamily: string;
+    fontFamilyHeading: string;
+    fontSizeXs: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+    fontSizeLg: string;
+    fontSizeXl: string;
+    fontSize2xl: string;
+    fontSize3xl: string;
+    fontWeightNormal: string;
+    fontWeightMedium: string;
+    fontWeightSemibold: string;
+    fontWeightBold: string;
+    lineHeightTight: string;
+    lineHeightNormal: string;
+    lineHeightRelaxed: string;
+}
+export interface ThemeSpacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+}
+export interface ThemeShadows {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    none: string;
+}
+export interface ThemeRadii {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+}
+export interface ThemeTransitions {
+    fast: string;
+    normal: string;
+    slow: string;
+}
+export interface MedosTheme {
+    name: string;
+    colors: ThemeColors;
+    typography: ThemeTypography;
+    spacing: ThemeSpacing;
+    shadows: ThemeShadows;
+    radii: ThemeRadii;
+    transitions: ThemeTransitions;
+}
+export type PartialTheme = {
+    name?: string;
+    colors?: Partial<ThemeColors>;
+    typography?: Partial<ThemeTypography>;
+    spacing?: Partial<ThemeSpacing>;
+    shadows?: Partial<ThemeShadows>;
+    radii?: Partial<ThemeRadii>;
+    transitions?: Partial<ThemeTransitions>;
+};
+export interface ThemeConfig {
+    theme?: MedosTheme | PartialTheme;
+    cssVariablePrefix?: string;
+}

package/dist/core/theme/types.js

@@ -0,0 +1 @@
+export {};

package/dist/core/theme/utils.d.ts

@@ -0,0 +1,8 @@
+import { MedosTheme, PartialTheme } from "./types";
+export declare function mergeTheme(partialTheme?: PartialTheme): MedosTheme;
+export declare function generateCssVariables(theme: MedosTheme, prefix?: string): string;
+export declare function generateCssVariablesObject(theme: MedosTheme, prefix?: string): Record<string, string>;
+export declare function getCssVar(prefix: string, category: string, key: string, fallback?: string): string;
+export declare function injectCssVariables(theme: MedosTheme, containerId: string, prefix?: string): void;
+export declare function createThemeStyleTag(theme: MedosTheme, prefix?: string, selector?: string): HTMLStyleElement | null;
+export declare function validateTheme(theme: any): string[];