medos-sdk 1.0.3 → 1.1.1

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/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/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/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/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, };