medos-sdk 1.0.2 → 1.1.0

package/dist/vanilla/index.d.ts

@@ -1,7 +1,16 @@
 export { MedosClient } from "./client/MedosClient";
+export * from "./core/theme";
+export { MedosThemeProvider } from "./react/ThemeProvider";
+export type { MedosThemeProviderProps } from "./react/ThemeProvider";
+export { defaultTheme, modernTheme } from "./core/theme/themes";
+export { useTheme, useThemeContext, useCssVar } from "./react/hooks/useTheme";
 export { AppointmentCalender } from "./components/AppointmentCalender";
+export { EnquiryForm } from "./components/EnquiryForm";
+export type { EnquiryFormProps } from "./components/EnquiryForm";
 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";

package/dist/vanilla/index.js

@@ -1,2 +1,4 @@
 export * from "../core";
-export { AppointmentCalendarWidget, initAppointmentCalendar } from "./AppointmentCalendarWidget";
+export * from "./theme-injector";
+export { AppointmentCalendarWidget, initAppointmentCalendar, } from "./AppointmentCalendarWidget";
+export { EnquiryFormWidget, initEnquiryForm } from "./EnquiryFormWidget";

package/dist/vanilla/lib/templateUtils.d.ts

@@ -0,0 +1,3 @@
+import type { TemplateId } from "../core";
+export declare function injectTemplateStyles(templateId: TemplateId): void;
+export declare function removeTemplateStyles(): void;

package/dist/vanilla/react/ThemeProvider.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { MedosTheme, PartialTheme } from "../core/theme/types";
+import { ThemeName } from "../core/theme/themes";
+interface ThemeContextValue {
+    theme: MedosTheme;
+    cssVars: Record<string, string>;
+    prefix: string;
+}
+export interface MedosThemeProviderProps {
+    children: React.ReactNode;
+    theme?: ThemeName | MedosTheme | PartialTheme;
+    cssVariablePrefix?: string;
+}
+export declare function MedosThemeProvider({ children, theme, cssVariablePrefix, }: MedosThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useThemeContext(): ThemeContextValue;
+export declare function useTheme(): MedosTheme;
+export declare function useCssVar(category: string, key: string, fallback?: string): string;
+export {};

package/dist/vanilla/react/hooks/useTheme.d.ts

@@ -0,0 +1 @@
+export { useTheme, useThemeContext, useCssVar } from "../ThemeProvider";

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

@@ -1,2 +1,7 @@
 export * from "../core";
+export { MedosThemeProvider } from "./ThemeProvider";
+export type { MedosThemeProviderProps } from "./ThemeProvider";
+export { useTheme, useThemeContext, useCssVar } from "./hooks/useTheme";
 export { AppointmentCalender } from "../components/AppointmentCalender";
+export { EnquiryForm } from "../components/EnquiryForm";
+export type { EnquiryFormProps } from "../components/EnquiryForm";

package/dist/vanilla/services/AppointmentService.d.ts

@@ -1,5 +1,5 @@
 export type Doctor = {
-    id: string;
+    id: number;
     name: string;
     specialty?: string;
     [key: string]: any;
@@ -58,7 +58,7 @@ type AppointmentPayload = {
     attachments?: File[];
 };
 type AddressItem = {
-    id: number | string;
+    id: number;
     completeAddress?: string;
     label?: string;
     address?: string;
@@ -67,7 +67,6 @@ type AddressItem = {
     doctorsCount?: number;
     totalConfiguredAppointments?: number;
     doctors?: Doctor[];
-    [key: string]: any;
 };
 type AddressesResponse = {
     totalAddresses?: number;
@@ -75,12 +74,12 @@ type AddressesResponse = {
     totalConfiguredAppointments?: number;
     totalPartialConfiguredAppointments?: number;
     totalNotConfiguredAppointments?: number;
-    workspaceId?: number | string;
+    workspaceId?: number;
     addresses: AddressItem[];
 };
 declare const AppointmentService: {
     getAddresses(): Promise<AddressesResponse>;
-    fetchSlots(workspaceId: string | number, addressId: string | number, doctorId: string | number, appointmentDate: string): Promise<Slot[]>;
+    fetchSlots(workspaceId: number, addressId: number, doctorId: number, appointmentDate: string): Promise<Slot[]>;
     createAppointment(payload: BookAppointmentPayload): Promise<any>;
 };
 export { AppointmentService, AppointmentPayload, BookAppointmentPayload, PatientPayload, PatientAddressPayload, AddressesResponse, AddressItem, };

package/dist/vanilla/services/EnquiryService.d.ts

@@ -0,0 +1,5 @@
+import { EnquirySubmission } from "../enquiry-form/types";
+declare const EnquiryService: {
+    submitEnquiry(payload: EnquirySubmission): Promise<any>;
+};
+export { EnquiryService };

package/dist/vanilla/templates/alternative.css

@@ -0,0 +1,13 @@
+/* Alternative Green Template */
+
+:root {
+  --medos-primary-color: #10b981;
+  --medos-secondary-color: #d1fae5;
+  --medos-accent-color: #059669;
+  --medos-background-color: #f0fdf4;
+  --medos-text-color: #1f2937;
+  --medos-border-color: #d1d5db;
+  --medos-muted-text: #6b7280;
+  --medos-success-color: #059669;
+  --medos-error-color: #dc2626;
+}

package/dist/vanilla/templates/default.css

@@ -0,0 +1,13 @@
+/* Default Blue Template */
+
+:root {
+  --medos-primary-color: #0b79f7;
+  --medos-secondary-color: #eef2ff;
+  --medos-accent-color: #0b79f7;
+  --medos-background-color: #f6f8fa;
+  --medos-text-color: #333;
+  --medos-border-color: #e6e9ef;
+  --medos-muted-text: #6b7280;
+  --medos-success-color: #10b981;
+  --medos-error-color: #ef4444;
+}

package/dist/vanilla/templates/registry.d.ts

@@ -0,0 +1,12 @@
+import type { TemplateId, TemplateConfig } from "../core";
+export declare class TemplateRegistry {
+    private static instance;
+    private readonly templates;
+    private constructor();
+    static getInstance(): TemplateRegistry;
+    getTemplate(id: TemplateId): TemplateConfig;
+    getAllTemplates(): Record<TemplateId, TemplateConfig>;
+    hasTemplate(id: TemplateId): boolean;
+    private initializeTemplates;
+}
+export declare const templateRegistry: TemplateRegistry;

package/dist/vanilla/theme-injector.d.ts

@@ -0,0 +1,6 @@
+import { MedosTheme, PartialTheme } from "../core/theme/types";
+import { ThemeName } from "../core/theme/themes";
+export declare function resolveTheme(theme?: ThemeName | MedosTheme | PartialTheme): MedosTheme;
+export declare function injectThemeIntoContainer(container: HTMLElement, theme?: ThemeName | MedosTheme | PartialTheme, prefix?: string): void;
+export declare function createWidgetStyleTag(containerId: string, theme?: ThemeName | MedosTheme | PartialTheme, prefix?: string): HTMLStyleElement;
+export declare function updateWidgetTheme(container: HTMLElement, theme: ThemeName | MedosTheme | PartialTheme, prefix?: string): void;

package/dist/vanilla/theme-injector.js

@@ -0,0 +1,44 @@
+import { defaultTheme, themes } from "../core/theme/themes";
+import { mergeTheme, generateCssVariablesObject } from "../core/theme/utils";
+export function resolveTheme(theme) {
+    if (!theme) {
+        return defaultTheme;
+    }
+    if (typeof theme === "string") {
+        return themes[theme] || defaultTheme;
+    }
+    if ("name" in theme && "colors" in theme && "typography" in theme) {
+        return theme;
+    }
+    return mergeTheme(theme);
+}
+export function injectThemeIntoContainer(container, theme, prefix = "medos") {
+    const resolvedTheme = resolveTheme(theme);
+    const cssVars = generateCssVariablesObject(resolvedTheme, prefix);
+    Object.entries(cssVars).forEach(([key, value]) => {
+        container.style.setProperty(key, value);
+    });
+}
+export function createWidgetStyleTag(containerId, theme, prefix = "medos") {
+    const resolvedTheme = resolveTheme(theme);
+    const cssVars = generateCssVariablesObject(resolvedTheme, prefix);
+    const styleId = `${prefix}-widget-theme-${containerId}`;
+    const existingStyle = document.getElementById(styleId);
+    if (existingStyle) {
+        existingStyle.remove();
+    }
+    const styleElement = document.createElement("style");
+    styleElement.id = styleId;
+    const cssVarDeclarations = Object.entries(cssVars)
+        .map(([key, value]) => `  ${key}: ${value};`)
+        .join("\n");
+    styleElement.innerHTML = `
+#${containerId} {
+${cssVarDeclarations}
+}
+  `.trim();
+    return styleElement;
+}
+export function updateWidgetTheme(container, theme, prefix = "medos") {
+    injectThemeIntoContainer(container, theme, prefix);
+}

package/dist/vanilla/vanilla/AppointmentCalendarWidget.d.ts

@@ -10,44 +10,13 @@ declare class AppointmentCalendarWidget {
     private container;
     private options;
     private mounted;
-    private step;
-    private addresses;
-    private addressDoctorsMap;
-    private selectedAddress;
-    private workspaceId;
+    private state;
     private doctors;
-    private selectedDoctor;
-    private date;
-    private slots;
-    private selectedSlot;
-    private loading;
-    private error;
-    private patientName;
-    private patientAge;
-    private patientAddress;
-    private patientCity;
-    private patientState;
-    private patientCountry;
-    private patientZipcode;
-    private patientLandmark;
-    private patientEmail;
-    private patientGender;
-    private problemFacing;
-    private consultationCharge;
-    private countryCode;
-    private patientPhone;
-    private otpCode;
-    private otpSent;
-    private otpVerified;
-    private otpSending;
-    private otpVerifying;
     constructor(container: HTMLElement | string, options: AppointmentCalendarWidgetOptions);
     private init;
     private loadAddresses;
     private handleAddressChange;
     private loadSlots;
-    private validatePhoneNumber;
-    private validateCountryCode;
     private canProceedFromMergedStep;
     private sendOtp;
     private verifyOtp;
@@ -55,8 +24,7 @@ declare class AppointmentCalendarWidget {
     private goToNext;
     private goBack;
     private reset;
-    private setLoading;
-    private setError;
+    private setState;
     private render;
     private renderStep;
     private renderStep0;

package/dist/vanilla/vanilla/EnquiryFormWidget.d.ts

@@ -0,0 +1,35 @@
+import { EnquirySubmission } from "../enquiry-form/types";
+interface EnquiryFormWidgetOptions {
+    containerId: string;
+    apiKey?: string;
+    sessionToken?: string;
+    baseURL?: string;
+    onError?: (err: Error) => void;
+    onSuccess?: (enquiry: EnquirySubmission) => void;
+}
+declare class EnquiryFormWidget {
+    private container;
+    private options;
+    private mounted;
+    private state;
+    constructor(container: HTMLElement | string, options: EnquiryFormWidgetOptions);
+    private init;
+    private validateContactStep;
+    private validateInquiryStep;
+    private goToNext;
+    private goBack;
+    private submitEnquiry;
+    private resetForm;
+    private setState;
+    private render;
+    private renderStep;
+    private renderStep0;
+    private renderStep1;
+    private renderStep2;
+    private renderStep3;
+    private attachEventListeners;
+    private escapeHtml;
+    destroy(): void;
+}
+export declare function initEnquiryForm(options: EnquiryFormWidgetOptions): EnquiryFormWidget;
+export { EnquiryFormWidget };

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

@@ -1,2 +1,4 @@
 export * from "../core";
-export { AppointmentCalendarWidget, initAppointmentCalendar } from "./AppointmentCalendarWidget";
+export * from "./theme-injector";
+export { AppointmentCalendarWidget, initAppointmentCalendar, } from "./AppointmentCalendarWidget";
+export { EnquiryFormWidget, initEnquiryForm } from "./EnquiryFormWidget";

package/dist/vanilla/vanilla/theme-injector.d.ts

@@ -0,0 +1,6 @@
+import { MedosTheme, PartialTheme } from "../core/theme/types";
+import { ThemeName } from "../core/theme/themes";
+export declare function resolveTheme(theme?: ThemeName | MedosTheme | PartialTheme): MedosTheme;
+export declare function injectThemeIntoContainer(container: HTMLElement, theme?: ThemeName | MedosTheme | PartialTheme, prefix?: string): void;
+export declare function createWidgetStyleTag(containerId: string, theme?: ThemeName | MedosTheme | PartialTheme, prefix?: string): HTMLStyleElement;
+export declare function updateWidgetTheme(container: HTMLElement, theme: ThemeName | MedosTheme | PartialTheme, prefix?: string): void;

package/dist/vanilla/vanilla/widget.d.ts

@@ -1,10 +1,15 @@
 import { initAppointmentCalendar, AppointmentCalendarWidget } from "./AppointmentCalendarWidget";
+import { initEnquiryForm, EnquiryFormWidget } from "./EnquiryFormWidget";
 declare global {
     interface Window {
         MedosAppointmentCalendar: {
             init: typeof initAppointmentCalendar;
             Widget: typeof AppointmentCalendarWidget;
         };
+        MedosEnquiryForm: {
+            init: typeof initEnquiryForm;
+            Widget: typeof EnquiryFormWidget;
+        };
     }
 }
-export { initAppointmentCalendar, AppointmentCalendarWidget };
+export { initAppointmentCalendar, AppointmentCalendarWidget, initEnquiryForm, EnquiryFormWidget, };

package/dist/vanilla/widget.css

@@ -215,3 +215,176 @@
   color: #6b7280;
 }
 
+/* Medos Enquiry Form Widget Styles */
+
+.medos-enquiry-container {
+  display: flex;
+  justify-content: center;
+  padding: 20px;
+  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
+  background: #f6f8fa;
+}
+
+.medos-enquiry-card {
+  width: 100%;
+  max-width: 720px;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
+  padding: 24px;
+  box-sizing: border-box;
+}
+
+.medos-enquiry-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+.medos-enquiry-title {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.medos-enquiry-step-indicator {
+  margin: 0;
+  font-size: 12px;
+  color: #6b7280;
+  font-weight: 500;
+}
+
+.medos-enquiry-section {
+  margin-top: 12px;
+}
+
+.medos-enquiry-label {
+  display: block;
+  font-size: 13px;
+  margin-bottom: 6px;
+  color: #374151;
+  font-weight: 500;
+}
+
+.medos-enquiry-input,
+.medos-enquiry-textarea {
+  width: 100%;
+  padding: 10px 12px;
+  border-radius: 8px;
+  border: 1px solid #e6e9ef;
+  outline: none;
+  font-size: 14px;
+  box-sizing: border-box;
+  font-family: inherit;
+}
+
+.medos-enquiry-textarea {
+  min-height: 100px;
+  resize: vertical;
+}
+
+.medos-enquiry-char-count {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #6b7280;
+  text-align: right;
+}
+
+.medos-enquiry-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-top: 12px;
+}
+
+.medos-enquiry-radio-label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.medos-enquiry-radio-label input[type="radio"] {
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+
+.medos-enquiry-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 16px;
+  justify-content: flex-end;
+}
+
+.medos-enquiry-btn {
+  padding: 10px 14px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 14px;
+  border: none;
+  font-family: inherit;
+}
+
+.medos-enquiry-btn-primary {
+  background: #0b79f7;
+  color: #fff;
+}
+
+.medos-enquiry-btn-primary:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.medos-enquiry-btn-secondary {
+  background: #fff;
+  color: #0b254a;
+  border: 1px solid #e6e9ef;
+}
+
+.medos-enquiry-loading {
+  margin-bottom: 12px;
+  padding: 12px;
+  border-radius: 8px;
+  background: #fef3c7;
+  color: #92400e;
+  font-weight: 600;
+  text-align: center;
+}
+
+.medos-enquiry-error {
+  margin-bottom: 12px;
+  padding: 12px;
+  border-radius: 8px;
+  background: #fee2e2;
+  color: #991b1b;
+  font-weight: 600;
+}
+
+.medos-enquiry-success-card {
+  padding: 20px;
+  border-radius: 12px;
+  background: linear-gradient(90deg, #ecfdf5, #eff6ff);
+  text-align: center;
+}
+
+.medos-enquiry-success-icon {
+  font-size: 32px;
+  color: #10b981;
+  margin-bottom: 8px;
+}
+
+.medos-enquiry-success-title {
+  font-weight: 700;
+  font-size: 16px;
+  margin-bottom: 6px;
+}
+
+.medos-enquiry-success-message {
+  font-size: 14px;
+  color: #374151;
+}
+

package/dist/vanilla/widget.d.ts

@@ -1,10 +1,15 @@
 import { initAppointmentCalendar, AppointmentCalendarWidget } from "./AppointmentCalendarWidget";
+import { initEnquiryForm, EnquiryFormWidget } from "./EnquiryFormWidget";
 declare global {
     interface Window {
         MedosAppointmentCalendar: {
             init: typeof initAppointmentCalendar;
             Widget: typeof AppointmentCalendarWidget;
         };
+        MedosEnquiryForm: {
+            init: typeof initEnquiryForm;
+            Widget: typeof EnquiryFormWidget;
+        };
     }
 }
-export { initAppointmentCalendar, AppointmentCalendarWidget };
+export { initAppointmentCalendar, AppointmentCalendarWidget, initEnquiryForm, EnquiryFormWidget, };