medos-sdk 1.0.1 → 1.0.3

package/dist/vanilla/index.d.ts

@@ -0,0 +1,7 @@
+export { MedosClient } from "./client/MedosClient";
+export { AppointmentCalender } from "./components/AppointmentCalender";
+export * from "./appointments/provider";
+export * from "./appointments/types";
+export * from "./appointment-calendar/provider";
+export * from "./appointment-calendar/types";
+export { PatientService, SendPhoneVerificationOtpPayload, VerifyPhoneVerificationOtpPayload, } from "./services/PatientService";

package/dist/vanilla/index.js

@@ -0,0 +1,2 @@
+export * from "../core";
+export { AppointmentCalendarWidget, initAppointmentCalendar } from "./AppointmentCalendarWidget";

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

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

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

@@ -0,0 +1,85 @@
+export type Doctor = {
+    id: number;
+    name: string;
+    specialty?: string;
+    [key: string]: any;
+};
+export type Slot = {
+    start: string;
+    end: string;
+    id?: string;
+    [key: string]: any;
+};
+type PatientPayload = {
+    firstName: string;
+    lastName: string;
+    email?: string;
+    countryCode: string;
+    phoneNumber: string;
+    age?: number;
+    gender?: "MALE" | "FEMALE" | "OTHER";
+};
+type PatientAddressPayload = {
+    addressLine1: string;
+    city: string;
+    state: string;
+    country: string;
+    zipcode: string;
+    landmark?: string;
+};
+type BookAppointmentPayload = {
+    workspaceId?: string | number;
+    workspaceAddressId: string | number;
+    doctorId: string | number;
+    mode?: "OFFLINE" | "ONLINE";
+    appointmentDate: string;
+    fromDateTimeTs: string;
+    toDateTimeTs: string;
+    consultationCharge?: string;
+    type?: "CONSULTATION" | string;
+    source?: string;
+    patientPayload: PatientPayload;
+    patientAddress: PatientAddressPayload;
+    attachments?: File[];
+};
+type AppointmentPayload = {
+    workspaceId?: string | number;
+    workspaceAddressId: string | number;
+    doctorId: string | number;
+    mode?: "OFFLINE" | "ONLINE";
+    appointmentDate: string;
+    fromDateTimeTs: string;
+    toDateTimeTs: string;
+    consultationCharge?: string;
+    type?: string;
+    source?: string;
+    patientPayload: PatientPayload;
+    patientAddress: PatientAddressPayload;
+    attachments?: File[];
+};
+type AddressItem = {
+    id: number;
+    completeAddress?: string;
+    label?: string;
+    address?: string;
+    countryCode?: string | null;
+    phoneNumber?: string | null;
+    doctorsCount?: number;
+    totalConfiguredAppointments?: number;
+    doctors?: Doctor[];
+};
+type AddressesResponse = {
+    totalAddresses?: number;
+    totalDoctors?: number;
+    totalConfiguredAppointments?: number;
+    totalPartialConfiguredAppointments?: number;
+    totalNotConfiguredAppointments?: number;
+    workspaceId?: number;
+    addresses: AddressItem[];
+};
+declare const AppointmentService: {
+    getAddresses(): Promise<AddressesResponse>;
+    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/AuthService.d.ts

@@ -0,0 +1,6 @@
+declare const AuthService: {
+    init(apiKey: string): Promise<string>;
+    getToken(): string | null;
+    clear(): void;
+};
+export { AuthService };

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

@@ -0,0 +1,14 @@
+type SendPhoneVerificationOtpPayload = {
+    countryCode: string;
+    phoneNumber: string;
+};
+type VerifyPhoneVerificationOtpPayload = {
+    countryCode: string;
+    phoneNumber: string;
+    otpCode: string;
+};
+declare const PatientService: {
+    sendPhoneVerificationOtp(payload: SendPhoneVerificationOtpPayload): Promise<any>;
+    verifyPhoneVerificationOtp(payload: VerifyPhoneVerificationOtpPayload): Promise<any>;
+};
+export { PatientService, SendPhoneVerificationOtpPayload, VerifyPhoneVerificationOtpPayload, };

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

@@ -0,0 +1,41 @@
+interface AppointmentCalendarWidgetOptions {
+    containerId: string;
+    apiKey?: string;
+    sessionToken?: string;
+    baseURL?: string;
+    onError?: (err: Error) => void;
+    onSuccess?: () => void;
+}
+declare class AppointmentCalendarWidget {
+    private container;
+    private options;
+    private mounted;
+    private state;
+    private doctors;
+    constructor(container: HTMLElement | string, options: AppointmentCalendarWidgetOptions);
+    private init;
+    private loadAddresses;
+    private handleAddressChange;
+    private loadSlots;
+    private canProceedFromMergedStep;
+    private sendOtp;
+    private verifyOtp;
+    private submitAppointment;
+    private goToNext;
+    private goBack;
+    private reset;
+    private setState;
+    private render;
+    private renderStep;
+    private renderStep0;
+    private renderStep1;
+    private renderStep2;
+    private renderStep3;
+    private renderStep4;
+    private renderStep5;
+    private attachEventListeners;
+    private escapeHtml;
+    destroy(): void;
+}
+export declare function initAppointmentCalendar(options: AppointmentCalendarWidgetOptions): AppointmentCalendarWidget;
+export { AppointmentCalendarWidget };

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

@@ -0,0 +1,2 @@
+export * from "../core";
+export { AppointmentCalendarWidget, initAppointmentCalendar } from "./AppointmentCalendarWidget";

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

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

package/dist/vanilla/widget.css

@@ -0,0 +1,217 @@
+/* Medos Appointment Calendar Widget Styles */
+
+.medos-appointment-container {
+  display: flex;
+  justify-content: center;
+  padding: 20px;
+  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
+  background: #f6f8fa;
+}
+
+.medos-appointment-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-appointment-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+.medos-appointment-title {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.medos-appointment-stepper {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.medos-appointment-step-pill {
+  padding: 6px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 600;
+  background: #eef2ff;
+  color: #333;
+}
+
+.medos-appointment-step-pill.active {
+  background: #0b79f7;
+  color: #fff;
+}
+
+.medos-appointment-section {
+  margin-top: 12px;
+}
+
+.medos-appointment-label {
+  display: block;
+  font-size: 13px;
+  margin-bottom: 6px;
+  color: #374151;
+}
+
+.medos-appointment-input,
+.medos-appointment-select,
+.medos-appointment-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-appointment-select {
+  background: #fff;
+}
+
+.medos-appointment-textarea {
+  min-height: 80px;
+  resize: vertical;
+}
+
+.medos-appointment-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 16px;
+  justify-content: flex-end;
+}
+
+.medos-appointment-btn {
+  padding: 10px 14px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 14px;
+  border: none;
+  font-family: inherit;
+}
+
+.medos-appointment-btn-primary {
+  background: #0b79f7;
+  color: #fff;
+}
+
+.medos-appointment-btn-primary:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.medos-appointment-btn-secondary {
+  background: #fff;
+  color: #0b254a;
+  border: 1px solid #e6e9ef;
+}
+
+.medos-appointment-slot-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  gap: 12px;
+  margin-top: 12px;
+}
+
+.medos-appointment-slot-card {
+  padding: 12px;
+  border-radius: 10px;
+  border: 1px solid #e6e9ef;
+  background: #fff;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.2s;
+}
+
+.medos-appointment-slot-card:hover {
+  border-color: #0b79f7;
+}
+
+.medos-appointment-slot-card.selected {
+  border: 2px solid #0b79f7;
+  background: linear-gradient(180deg, #f0f6ff, #e9f2ff);
+}
+
+.medos-appointment-slot-time {
+  font-weight: 700;
+  font-size: 14px;
+}
+
+.medos-appointment-small-muted {
+  font-size: 12px;
+  color: #6b7280;
+}
+
+.medos-appointment-success-card {
+  padding: 20px;
+  border-radius: 12px;
+  background: linear-gradient(90deg, #ecfdf5, #eff6ff);
+  text-align: center;
+}
+
+.medos-appointment-success-icon {
+  font-size: 32px;
+  color: #10b981;
+  margin-bottom: 8px;
+}
+
+.medos-appointment-success-title {
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+.medos-appointment-loading {
+  margin-bottom: 12px;
+}
+
+.medos-appointment-error {
+  margin-bottom: 12px;
+  color: #ef4444;
+  font-weight: 600;
+}
+
+.medos-appointment-verified {
+  margin-top: 12px;
+  padding: 12px;
+  border-radius: 8px;
+  background: #ecfdf5;
+  color: #10b981;
+  font-weight: 600;
+}
+
+.medos-appointment-form-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+  margin-top: 12px;
+}
+
+.medos-appointment-form-grid-2col {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+}
+
+.medos-appointment-validation-error {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #ef4444;
+}
+
+.medos-appointment-otp-info {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #6b7280;
+}
+

package/dist/vanilla/widget.d.ts

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