medos-sdk 1.1.11 → 1.1.13

package/dist/vanilla/index.d.ts

@@ -5,8 +5,8 @@ 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/appointment-booking";
-export { EnquiryForm } from "./components/EnquiryForm";
-export type { EnquiryFormProps } from "./components/EnquiryForm";
+export { EnquiryForm } from "./components/enquiry-form";
+export type { EnquiryFormProps } from "./components/types/enquiry";
 export * from "./appointments/provider";
 export * from "./appointments/types";
 export * from "./appointment-calendar/provider";

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

@@ -3,6 +3,6 @@ export { MedosThemeProvider } from "./ThemeProvider";
 export type { MedosThemeProviderProps } from "./ThemeProvider";
 export { useTheme, useThemeContext, useCssVar } from "./hooks/useTheme";
 export { AppointmentCalender } from "../components/appointment-booking";
-export type { AppointmentCalenderProps } from "../components/appointment-booking";
-export { EnquiryForm } from "../components/EnquiryForm";
-export type { EnquiryFormProps } from "../components/EnquiryForm";
+export type { AppointmentCalenderProps } from "../components/appointment-booking/types";
+export { EnquiryForm } from "../components/enquiry-form";
+export type { EnquiryFormProps } from "../components/types/enquiry";

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

@@ -25,6 +25,7 @@ declare class AppointmentCalendarWidget {
     private loadSlots;
     private canProceedFromMergedStep;
     private updateSubmitButtonState;
+    private updatePatientDetailsButtonState;
     private sendOtp;
     private verifyOtp;
     private submitAppointment;
@@ -41,6 +42,7 @@ declare class AppointmentCalendarWidget {
     private renderLocationDoctorStep;
     private renderNewAppointmentStep;
     private renderPatientSelectionStep;
+    private renderPatientDetailsStep;
     private renderAppointmentSummaryStep;
     private renderSuccessStep;
     private formatDate;
@@ -49,6 +51,12 @@ declare class AppointmentCalendarWidget {
     private attachEventListeners;
     private getPlaceholderPatients;
     private escapeHtml;
+    private isValidDateOfBirth;
+    private isValidBloodGroup;
+    private safeMapBloodGroupToApi;
+    private safeFormatDateOfBirth;
+    private getDateOfBirthErrorMessage;
+    private displayFieldValidationError;
     destroy(): void;
 }
 export declare function initAppointmentCalendar(options: AppointmentCalendarWidgetOptions): AppointmentCalendarWidget;

package/dist/vanilla/widget.css

@@ -1014,3 +1014,217 @@
     justify-content: center;
   }
 }
+/* Patient Details Form Styles */
+.medos-section-card {
+  background-color: var(--medos-bg-color);
+  border: 1px solid var(--medos-border-color);
+  border-radius: var(--medos-border-radius);
+  margin-bottom: 1.5rem;
+  overflow: hidden;
+}
+
+.medos-section-header {
+  background-color: var(--medos-bg-color-secondary);
+  padding: 1rem 1.25rem;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  border-bottom: 1px solid var(--medos-border-color);
+}
+
+.medos-section-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: var(--medos-text-color);
+  margin: 0;
+}
+
+.medos-section-body {
+  padding: 1.5rem;
+}
+
+.medos-section-description {
+  color: var(--medos-text-color-secondary);
+  margin-bottom: 1rem;
+  font-size: 0.875rem;
+}
+
+.medos-form-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+.medos-form-field {
+  display: flex;
+  flex-direction: column;
+}
+
+.medos-form-label {
+  display: block;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--medos-text-color);
+  margin-bottom: 0.5rem;
+}
+
+.medos-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.75rem;
+  margin-top: 1.5rem;
+}
+
+.medos-btn {
+  padding: 0.75rem 1.25rem;
+  font-size: 1rem;
+  font-weight: 600;
+  border-radius: var(--medos-border-radius);
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.2s, transform 0.1s;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.medos-btn:active {
+  transform: translateY(1px);
+}
+
+.medos-btn-primary {
+  background-color: var(--medos-primary-color);
+  color: var(--medos-bg-color);
+}
+
+.medos-btn-primary:hover {
+  background-color: var(--medos-primary-color-hover);
+}
+
+.medos-btn-primary:disabled {
+  background-color: #9ca3af;
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.medos-btn-secondary {
+  background-color: var(--medos-bg-color);
+  color: var(--medos-text-color);
+  border: 1px solid var(--medos-border-color);
+}
+
+.medos-btn-secondary:hover {
+  background-color: var(--medos-bg-color-secondary);
+}
+
+.medos-btn-back {
+  background-color: transparent;
+  color: var(--medos-text-color-secondary);
+  border: none;
+  padding: 0.5rem;
+}
+
+.medos-btn-back:hover {
+  color: var(--medos-text-color);
+}
+
+/* Phone verification styles */
+.medos-phone-input-row {
+  display: flex;
+  gap: 0.75rem;
+  align-items: flex-end;
+}
+
+.medos-country-code-wrapper {
+  flex: 0 0 120px;
+}
+
+.medos-phone-wrapper {
+  flex: 1;
+}
+
+.medos-otp-input-wrapper {
+  margin-bottom: 1rem;
+}
+
+.medos-otp-input {
+  text-align: center;
+  font-size: 1.125rem;
+  letter-spacing: 0.1em;
+}
+
+.medos-link-btn {
+  background: none;
+  border: none;
+  color: var(--medos-primary-color);
+  cursor: pointer;
+  font-size: 0.875rem;
+  text-decoration: underline;
+}
+
+.medos-link-btn:hover {
+  color: var(--medos-primary-color-hover);
+}
+
+.medos-verified-badge {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: #10b981;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+
+.medos-verified-number {
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: var(--medos-text-color);
+}
+
+.medos-validation-error {
+  color: #ef4444;
+  font-size: 0.875rem;
+  margin-top: 0.25rem;
+}
+
+.medos-input-error {
+  border-color: #ef4444 !important;
+  box-shadow: 0 0 0 1px #ef4444 !important;
+}
+
+/* Responsive adjustments for patient details form */
+@media (max-width: 767px) {
+  .medos-form-row {
+    grid-template-columns: 1fr;
+    gap: 0.75rem;
+  }
+  
+  .medos-section-header {
+    padding: 0.75rem 1rem;
+  }
+  
+  .medos-section-body {
+    padding: 1rem;
+  }
+  
+  .medos-actions {
+    flex-direction: column-reverse;
+    align-items: stretch;
+  }
+  
+  .medos-btn {
+    width: 100%;
+    justify-content: center;
+  }
+  
+  .medos-phone-input-row {
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+  
+  .medos-country-code-wrapper {
+    flex: none;
+  }
+}