medos-sdk 1.0.3 → 1.1.0

package/dist/vanilla/widget.js

@@ -3885,7 +3885,7 @@
   };
 
   class MedosClient {
-      static async init({ apiKey, baseURL = "https://api.medos.one", }) {
+      static async init({ apiKey }) {
           if (!apiKey) {
               throw new Error("MedosClient.init() requires 'apiKey'");
           }
@@ -3895,7 +3895,7 @@
           this.initPromise = (async () => {
               try {
                   const sessionToken = await AuthService.init(apiKey);
-                  this.initializeAxiosInstance(sessionToken, baseURL);
+                  this.initializeAxiosInstance(sessionToken, "https://api.medos.one");
               }
               catch (e) {
                   this.initPromise = null;
@@ -3904,7 +3904,7 @@
           })();
           return this.initPromise;
       }
-      static async initWithSession({ sessionToken, baseURL = "https://api-dev.medapi.in/v1", }) {
+      static async initWithSession({ sessionToken }) {
           if (!sessionToken) {
               throw new Error("MedosClient.initWithSession() requires 'sessionToken'");
           }
@@ -3913,7 +3913,7 @@
           }
           this.initPromise = (async () => {
               try {
-                  this.initializeAxiosInstance(sessionToken, baseURL);
+                  this.initializeAxiosInstance(sessionToken, "https://api.medos.one");
               }
               catch (e) {
                   this.initPromise = null;
@@ -4205,11 +4205,11 @@
       otpVerifying: false,
   };
 
-  const validatePhoneNumber = (phone) => {
+  const validatePhoneNumber$1 = (phone) => {
       const cleaned = phone.replace(/\D/g, "");
       return cleaned.length >= 7 && cleaned.length <= 15;
   };
-  const validateCountryCode = (code) => {
+  const validateCountryCode$1 = (code) => {
       return /^\+[1-9]\d{0,3}$/.test(code);
   };
 
@@ -4251,13 +4251,11 @@
           if (this.options.apiKey) {
               await MedosClient.init({
                   apiKey: this.options.apiKey,
-                  baseURL: this.options.baseURL,
               });
           }
           else if (this.options.sessionToken) {
               await MedosClient.initWithSession({
                   sessionToken: this.options.sessionToken,
-                  baseURL: this.options.baseURL,
               });
           }
           else {
@@ -4428,7 +4426,7 @@
               this.setState({ error: "Please enter country code." });
               return;
           }
-          if (!validateCountryCode(this.state.countryCode)) {
+          if (!validateCountryCode$1(this.state.countryCode)) {
               this.setState({
                   error: "Please enter a valid country code (e.g., +91, +1).",
               });
@@ -4438,7 +4436,7 @@
               this.setState({ error: "Please enter phone number." });
               return;
           }
-          if (!validatePhoneNumber(this.state.patientPhone)) {
+          if (!validatePhoneNumber$1(this.state.patientPhone)) {
               this.setState({
                   error: "Please enter a valid phone number (7-15 digits).",
               });
@@ -4762,8 +4760,8 @@
     `;
       }
       renderStep3() {
-          const countryCodeValid = this.state.countryCode && validateCountryCode(this.state.countryCode);
-          const phoneValid = this.state.patientPhone && validatePhoneNumber(this.state.patientPhone);
+          const countryCodeValid = this.state.countryCode && validateCountryCode$1(this.state.countryCode);
+          const phoneValid = this.state.patientPhone && validatePhoneNumber$1(this.state.patientPhone);
           const canSendOtp = countryCodeValid && phoneValid && !this.state.otpSending;
           if (!this.state.otpSent) {
               return `
@@ -5071,14 +5069,493 @@
       return new AppointmentCalendarWidget(container, options);
   }
 
+  const EnquiryService = {
+      async submitEnquiry(payload) {
+          try {
+              const client = await MedosClient.ensureInitialized();
+              const enquiryData = {
+                  patientName: payload.patientName,
+                  patientEmail: payload.patientEmail,
+                  countryCode: payload.countryCode,
+                  patientPhone: payload.patientPhone,
+                  inquirySubject: payload.inquirySubject,
+                  inquiryMessage: payload.inquiryMessage,
+                  preferredContactMethod: payload.preferredContactMethod,
+              };
+              const res = await client.post("/enquiries/submit", enquiryData, {
+                  headers: {
+                      "Content-Type": "application/json",
+                  },
+              });
+              return res.data;
+          }
+          catch (error) {
+              if (error instanceof Error) {
+                  throw new Error(`Failed to submit enquiry: ${error.message}`);
+              }
+              throw new Error("Failed to submit enquiry: Unknown error");
+          }
+      },
+  };
+
+  const validateName = (name) => {
+      return name.trim().length > 0;
+  };
+  const validateEmail = (email) => {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      return emailRegex.test(email);
+  };
+  const validatePhoneNumber = (phone) => {
+      const cleaned = phone.replace(/\D/g, "");
+      return cleaned.length >= 7 && cleaned.length <= 15;
+  };
+  const validateSubject = (subject) => {
+      return subject.trim().length > 0;
+  };
+  const validateMessage = (message) => {
+      const trimmed = message.trim();
+      return trimmed.length > 0 && trimmed.length <= 1000;
+  };
+  const validateCountryCode = (code) => {
+      return /^\+[1-9]\d{0,3}$/.test(code);
+  };
+
+  class EnquiryFormWidget {
+      constructor(container, options) {
+          this.mounted = true;
+          if (typeof container === "string") {
+              const el = document.getElementById(container);
+              if (!el) {
+                  throw new Error(`Container element with id "${container}" not found`);
+              }
+              this.container = el;
+          }
+          else {
+              this.container = container;
+          }
+          this.options = options;
+          this.state = {
+              step: 0,
+              loading: false,
+              error: null,
+              patientName: "",
+              patientEmail: "",
+              countryCode: "+91",
+              patientPhone: "",
+              inquirySubject: "",
+              inquiryMessage: "",
+              preferredContactMethod: "EMAIL",
+              submitted: false,
+          };
+          this.init();
+      }
+      async init() {
+          if (this.options.apiKey) {
+              await MedosClient.init({
+                  apiKey: this.options.apiKey,
+              });
+          }
+          else if (this.options.sessionToken) {
+              await MedosClient.initWithSession({
+                  sessionToken: this.options.sessionToken,
+              });
+          }
+          else {
+              throw new Error("Either apiKey or sessionToken must be provided");
+          }
+          this.render();
+      }
+      validateContactStep() {
+          this.setState({ error: null });
+          if (!validateName(this.state.patientName)) {
+              this.setState({ error: "Please enter a valid name." });
+              return false;
+          }
+          if (!validateEmail(this.state.patientEmail)) {
+              this.setState({ error: "Please enter a valid email address." });
+              return false;
+          }
+          if (!validateCountryCode(this.state.countryCode)) {
+              this.setState({
+                  error: "Please enter a valid country code (e.g., +91, +1).",
+              });
+              return false;
+          }
+          if (!validatePhoneNumber(this.state.patientPhone)) {
+              this.setState({
+                  error: "Please enter a valid phone number (7-15 digits).",
+              });
+              return false;
+          }
+          return true;
+      }
+      validateInquiryStep() {
+          this.setState({ error: null });
+          if (!validateSubject(this.state.inquirySubject)) {
+              this.setState({ error: "Please enter a valid subject." });
+              return false;
+          }
+          if (!validateMessage(this.state.inquiryMessage)) {
+              this.setState({
+                  error: "Please enter a valid message (max 1000 characters).",
+              });
+              return false;
+          }
+          return true;
+      }
+      goToNext() {
+          if (this.state.step === 0) {
+              if (!this.validateContactStep()) {
+                  this.render();
+                  return;
+              }
+          }
+          else if (this.state.step === 1) {
+              if (!this.validateInquiryStep()) {
+                  this.render();
+                  return;
+              }
+          }
+          this.state.step = Math.min(3, this.state.step + 1);
+          this.render();
+      }
+      goBack() {
+          this.state.step = Math.max(0, this.state.step - 1);
+          this.render();
+      }
+      async submitEnquiry() {
+          this.setState({ error: null });
+          if (!this.validateContactStep() || !this.validateInquiryStep()) {
+              this.render();
+              return;
+          }
+          this.setState({ loading: true });
+          this.render();
+          try {
+              const payload = {
+                  patientName: this.state.patientName,
+                  patientEmail: this.state.patientEmail,
+                  countryCode: this.state.countryCode,
+                  patientPhone: this.state.patientPhone,
+                  inquirySubject: this.state.inquirySubject,
+                  inquiryMessage: this.state.inquiryMessage,
+                  preferredContactMethod: this.state.preferredContactMethod,
+              };
+              await EnquiryService.submitEnquiry(payload);
+              this.state.step = 3;
+              this.options.onSuccess?.(payload);
+          }
+          catch (e) {
+              const msg = e.message || "Failed to submit enquiry";
+              this.setState({ error: msg });
+              this.options.onError?.(e);
+          }
+          finally {
+              this.setState({ loading: false });
+              this.render();
+          }
+      }
+      resetForm() {
+          this.state = {
+              step: 0,
+              loading: false,
+              error: null,
+              patientName: "",
+              patientEmail: "",
+              countryCode: "+91",
+              patientPhone: "",
+              inquirySubject: "",
+              inquiryMessage: "",
+              preferredContactMethod: "EMAIL",
+              submitted: false,
+          };
+          this.render();
+      }
+      setState(updates) {
+          this.state = { ...this.state, ...updates };
+      }
+      render() {
+          if (!this.mounted)
+              return;
+          this.container.innerHTML = `
+      <div class="medos-enquiry-container">
+        <div class="medos-enquiry-card">
+          <div class="medos-enquiry-header">
+            <h2 class="medos-enquiry-title">Submit Inquiry</h2>
+            <p class="medos-enquiry-step-indicator">Step ${this.state.step + 1} of 4</p>
+          </div>
+
+          ${this.state.loading
+            ? '<div class="medos-enquiry-loading">Loading...</div>'
+            : ""}
+          ${this.state.error
+            ? `<div class="medos-enquiry-error">${this.escapeHtml(this.state.error)}</div>`
+            : ""}
+
+          ${this.renderStep()}
+        </div>
+      </div>
+    `;
+          this.attachEventListeners();
+      }
+      renderStep() {
+          switch (this.state.step) {
+              case 0:
+                  return this.renderStep0();
+              case 1:
+                  return this.renderStep1();
+              case 2:
+                  return this.renderStep2();
+              case 3:
+                  return this.renderStep3();
+              default:
+                  return "";
+          }
+      }
+      renderStep0() {
+          return `
+      <div class="medos-enquiry-section">
+        <label class="medos-enquiry-label">Full Name *</label>
+        <input 
+          type="text" 
+          class="medos-enquiry-input" 
+          id="medos-enquiry-name" 
+          placeholder="Enter your full name"
+          value="${this.escapeHtml(this.state.patientName)}"
+        />
+        
+        <label class="medos-enquiry-label" style="margin-top: 12px">Email Address *</label>
+        <input 
+          type="email" 
+          class="medos-enquiry-input" 
+          id="medos-enquiry-email" 
+          placeholder="your.email@example.com"
+          value="${this.escapeHtml(this.state.patientEmail)}"
+        />
+        
+        <label class="medos-enquiry-label" style="margin-top: 12px">Country Code *</label>
+        <input 
+          type="text" 
+          class="medos-enquiry-input" 
+          id="medos-enquiry-country-code" 
+          placeholder="+91"
+          value="${this.escapeHtml(this.state.countryCode)}"
+        />
+        
+        <label class="medos-enquiry-label" style="margin-top: 12px">Phone Number *</label>
+        <input 
+          type="tel" 
+          class="medos-enquiry-input" 
+          id="medos-enquiry-phone" 
+          placeholder="9876543210"
+          value="${this.escapeHtml(this.state.patientPhone)}"
+          maxlength="15"
+        />
+        
+        <div class="medos-enquiry-actions">
+          <button class="medos-enquiry-btn medos-enquiry-btn-secondary" id="medos-enquiry-btn-cancel">Cancel</button>
+          <button class="medos-enquiry-btn medos-enquiry-btn-primary" id="medos-enquiry-btn-next">Next</button>
+        </div>
+      </div>
+    `;
+      }
+      renderStep1() {
+          return `
+      <div class="medos-enquiry-section">
+        <label class="medos-enquiry-label">Subject *</label>
+        <input 
+          type="text" 
+          class="medos-enquiry-input" 
+          id="medos-enquiry-subject" 
+          placeholder="What is your inquiry about?"
+          value="${this.escapeHtml(this.state.inquirySubject)}"
+        />
+        
+        <label class="medos-enquiry-label" style="margin-top: 12px">Message *</label>
+        <textarea 
+          class="medos-enquiry-textarea" 
+          id="medos-enquiry-message" 
+          placeholder="Please describe your inquiry in detail (max 1000 characters)"
+          maxlength="1000"
+        >${this.escapeHtml(this.state.inquiryMessage)}</textarea>
+        <div class="medos-enquiry-char-count">${this.state.inquiryMessage.length}/1000</div>
+        
+        <div class="medos-enquiry-actions">
+          <button class="medos-enquiry-btn medos-enquiry-btn-secondary" id="medos-enquiry-btn-back">Back</button>
+          <button class="medos-enquiry-btn medos-enquiry-btn-primary" id="medos-enquiry-btn-next">Next</button>
+        </div>
+      </div>
+    `;
+      }
+      renderStep2() {
+          return `
+      <div class="medos-enquiry-section">
+        <label class="medos-enquiry-label">Preferred Contact Method *</label>
+        <div class="medos-enquiry-radio-group">
+          <label class="medos-enquiry-radio-label">
+            <input 
+              type="radio" 
+              name="contact-method" 
+              value="PHONE"
+              ${this.state.preferredContactMethod === "PHONE" ? "checked" : ""}
+              id="medos-enquiry-contact-phone"
+            />
+            <span>Phone</span>
+          </label>
+          <label class="medos-enquiry-radio-label">
+            <input 
+              type="radio" 
+              name="contact-method" 
+              value="EMAIL"
+              ${this.state.preferredContactMethod === "EMAIL" ? "checked" : ""}
+              id="medos-enquiry-contact-email"
+            />
+            <span>Email</span>
+          </label>
+          <label class="medos-enquiry-radio-label">
+            <input 
+              type="radio" 
+              name="contact-method" 
+              value="BOTH"
+              ${this.state.preferredContactMethod === "BOTH" ? "checked" : ""}
+              id="medos-enquiry-contact-both"
+            />
+            <span>Both</span>
+          </label>
+        </div>
+        
+        <div class="medos-enquiry-actions">
+          <button class="medos-enquiry-btn medos-enquiry-btn-secondary" id="medos-enquiry-btn-back">Back</button>
+          <button class="medos-enquiry-btn medos-enquiry-btn-primary" id="medos-enquiry-btn-submit" ${this.state.loading ? "disabled" : ""} style="opacity: ${this.state.loading ? 0.6 : 1}">${this.state.loading ? "Submitting..." : "Submit Inquiry"}</button>
+        </div>
+      </div>
+    `;
+      }
+      renderStep3() {
+          return `
+      <div class="medos-enquiry-section" style="text-align: center">
+        <div class="medos-enquiry-success-card">
+          <div class="medos-enquiry-success-icon">✓</div>
+          <div class="medos-enquiry-success-title">Inquiry Submitted Successfully</div>
+          <div class="medos-enquiry-success-message">Thank you, ${this.escapeHtml(this.state.patientName || "Patient")}. We have received your inquiry and will get back to you soon.</div>
+        </div>
+        <div style="margin-top: 14px; display: flex; justify-content: center">
+          <button class="medos-enquiry-btn medos-enquiry-btn-primary" id="medos-enquiry-btn-submit-another" style="width: 160px">Submit Another</button>
+        </div>
+      </div>
+    `;
+      }
+      attachEventListeners() {
+          const nameInput = this.container.querySelector("#medos-enquiry-name");
+          if (nameInput) {
+              nameInput.addEventListener("input", (e) => {
+                  const target = e.target;
+                  this.state.patientName = target.value;
+              });
+          }
+          const emailInput = this.container.querySelector("#medos-enquiry-email");
+          if (emailInput) {
+              emailInput.addEventListener("input", (e) => {
+                  const target = e.target;
+                  this.state.patientEmail = target.value;
+              });
+          }
+          const countryCodeInput = this.container.querySelector("#medos-enquiry-country-code");
+          if (countryCodeInput) {
+              countryCodeInput.addEventListener("input", (e) => {
+                  const target = e.target;
+                  let value = target.value;
+                  if (value && !value.startsWith("+")) {
+                      value = "+" + value;
+                  }
+                  value = value.replace(/[^\d+]/g, "");
+                  this.state.countryCode = value;
+                  target.value = value;
+              });
+          }
+          const phoneInput = this.container.querySelector("#medos-enquiry-phone");
+          if (phoneInput) {
+              phoneInput.addEventListener("input", (e) => {
+                  const target = e.target;
+                  this.state.patientPhone = target.value.replace(/\D/g, "");
+                  target.value = this.state.patientPhone;
+              });
+          }
+          const subjectInput = this.container.querySelector("#medos-enquiry-subject");
+          if (subjectInput) {
+              subjectInput.addEventListener("input", (e) => {
+                  const target = e.target;
+                  this.state.inquirySubject = target.value;
+              });
+          }
+          const messageInput = this.container.querySelector("#medos-enquiry-message");
+          if (messageInput) {
+              messageInput.addEventListener("input", (e) => {
+                  const target = e.target;
+                  this.state.inquiryMessage = target.value;
+                  this.render();
+              });
+          }
+          const contactMethodRadios = this.container.querySelectorAll('input[name="contact-method"]');
+          contactMethodRadios.forEach((radio) => {
+              radio.addEventListener("change", (e) => {
+                  const target = e.target;
+                  this.state.preferredContactMethod = target.value;
+              });
+          });
+          const nextBtn = this.container.querySelector("#medos-enquiry-btn-next");
+          if (nextBtn) {
+              nextBtn.addEventListener("click", () => this.goToNext());
+          }
+          const backBtn = this.container.querySelector("#medos-enquiry-btn-back");
+          if (backBtn) {
+              backBtn.addEventListener("click", () => this.goBack());
+          }
+          const submitBtn = this.container.querySelector("#medos-enquiry-btn-submit");
+          if (submitBtn) {
+              submitBtn.addEventListener("click", () => this.submitEnquiry());
+          }
+          const cancelBtn = this.container.querySelector("#medos-enquiry-btn-cancel");
+          if (cancelBtn) {
+              cancelBtn.addEventListener("click", () => this.resetForm());
+          }
+          const submitAnotherBtn = this.container.querySelector("#medos-enquiry-btn-submit-another");
+          if (submitAnotherBtn) {
+              submitAnotherBtn.addEventListener("click", () => this.resetForm());
+          }
+      }
+      escapeHtml(text) {
+          const div = document.createElement("div");
+          div.textContent = text;
+          return div.innerHTML;
+      }
+      destroy() {
+          this.mounted = false;
+          this.container.innerHTML = "";
+      }
+  }
+  function initEnquiryForm(options) {
+      const container = document.getElementById(options.containerId);
+      if (!container) {
+          throw new Error(`Container element with id "${options.containerId}" not found`);
+      }
+      return new EnquiryFormWidget(container, options);
+  }
+
   if (typeof window !== "undefined") {
       window.MedosAppointmentCalendar = {
           init: initAppointmentCalendar,
           Widget: AppointmentCalendarWidget,
       };
+      window.MedosEnquiryForm = {
+          init: initEnquiryForm,
+          Widget: EnquiryFormWidget,
+      };
   }
 
   exports.AppointmentCalendarWidget = AppointmentCalendarWidget;
+  exports.EnquiryFormWidget = EnquiryFormWidget;
   exports.initAppointmentCalendar = initAppointmentCalendar;
+  exports.initEnquiryForm = initEnquiryForm;
 
 }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "medos-sdk",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Medos SDK for managing appointments, meetings, and calendars in apps",
   "homepage": "https://github.com/MediLaunch/medos-sdk-react#readme",
   "bugs": {