pih-appointment-widget 0.0.37 → 0.0.39

package/dist/doctor-appointments-widget.umd.js

@@ -9,29 +9,6 @@
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-  function _defineProperty(e, r, t) {
-    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }) : e[r] = t, e;
-  }
-  function _toPrimitive(t, r) {
-    if ("object" != typeof t || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r || "default");
-      if ("object" != typeof i) return i;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return ("string" === r ? String : Number)(t);
-  }
-  function _toPropertyKey(t) {
-    var i = _toPrimitive(t, "string");
-    return "symbol" == typeof i ? i : i + "";
-  }
-
   const getApi = async function (url) {
     let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     let token = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -41,16 +18,15 @@
       method: "GET",
       headers: {
         "Content-Type": "application/json",
-        "Authorization": "".concat(token)
+        "Authorization": `${token}`
         // "X-CLIENT-APP": header,
       }
     };
     return fetch(urlWithParams, options).then(async response => {
       const data = await response.json().catch(() => ({}));
       if (!response.ok) {
-        var _data$resultInfo;
         return {
-          err: (data === null || data === void 0 || (_data$resultInfo = data.resultInfo) === null || _data$resultInfo === void 0 ? void 0 : _data$resultInfo.message) || "Something went wrong!",
+          err: data?.resultInfo?.message || "Something went wrong!",
           status: response.status
         };
       }
@@ -58,7 +34,7 @@
     }).catch(error => {
       console.error("Fetch error:", error);
       return {
-        err: (error === null || error === void 0 ? void 0 : error.message) || String(error) || "Network error"
+        err: error?.message || String(error) || "Network error"
       };
     });
   };
@@ -82,9 +58,8 @@
     return fetch(urlWithParams.toString(), options).then(async response => {
       const data = await response.json().catch(() => ({}));
       if (!response.ok) {
-        var _data$resultInfo2;
         return {
-          err: (data === null || data === void 0 || (_data$resultInfo2 = data.resultInfo) === null || _data$resultInfo2 === void 0 ? void 0 : _data$resultInfo2.message) || "Something went wrong!",
+          err: data?.resultInfo?.message || "Something went wrong!",
           status: response.status
         };
       }
@@ -97,17 +72,17 @@
     });
   };
 
-  /**
-   * SSO login: exchange idToken + email for app token.
-   * @param {string} apiBaseUrl - e.g. https://afiyaapiqa.powermindinc.com
-   * @param {string} hospitalId - e.g. dMtEGhak
-   * @param {string} idToken - JWT id token from auth provider
-   * @param {string} email - User email
-   * @returns {Promise<{ token?: string, err?: string, ... }>} - Response with token on success, or { err } on failure
+  /**
+   * SSO login: exchange idToken + email for app token.
+   * @param {string} apiBaseUrl - e.g. https://afiyaapiqa.powermindinc.com
+   * @param {string} hospitalId - e.g. dMtEGhak
+   * @param {string} idToken - JWT id token from auth provider
+   * @param {string} email - User email
+   * @returns {Promise<{ token?: string, err?: string, ... }>} - Response with token on success, or { err } on failure
    */
   const getTokenFromSso = async (apiBaseUrl, hospitalId, idToken, email) => {
     const base = apiBaseUrl.replace(/\/$/, "");
-    const url = "".concat(base, "/um/user/V1/sso/login?hospitalId=").concat(encodeURIComponent(hospitalId));
+    const url = `${base}/um/user/V1/sso/login?hospitalId=${encodeURIComponent(hospitalId)}`;
     const options = {
       method: "POST",
       headers: {
@@ -129,8 +104,7 @@
       console.log("[getTokenFromSso] response status", response.status, response.statusText);
       if (!response.ok) {
         return response.json().then(errorData => {
-          var _errorData$resultInfo;
-          const errorMessage = (errorData === null || errorData === void 0 || (_errorData$resultInfo = errorData.resultInfo) === null || _errorData$resultInfo === void 0 ? void 0 : _errorData$resultInfo.message) || "SSO login failed";
+          const errorMessage = errorData?.resultInfo?.message || "SSO login failed";
           console.log("[getTokenFromSso] error body", errorData);
           return {
             err: errorMessage,
@@ -142,11 +116,10 @@
         }));
       }
       return response.json().then(data => {
-        var _data$data;
         console.log("[getTokenFromSso] success", {
           hasData: !!data,
           dataKeys: data ? Object.keys(data) : [],
-          hasAccessToken: !!(data !== null && data !== void 0 && (_data$data = data.data) !== null && _data$data !== void 0 && _data$data.access_token)
+          hasAccessToken: !!data?.data?.access_token
         });
         return data;
       });
@@ -178,13 +151,13 @@
   const JOIN_CALL_URL = "https://ittisal.powermindinc.com/call?token=";
   const WEB_URL = "https://afiyapro.powermindinc.com/";
 
-  /**
-   * Fetch appointments by status
-   * @param {string} status - Appointment status (inprogress, completed, cancelled, upcoming)
-   * @param {string} fromDate - Start date in YYYY-MM-DD format
-   * @param {string} toDate - End date in YYYY-MM-DD format
-   * @param {object} config - Optional configuration { apiBaseUrl, hospitalId, doctorId }
-   * @returns {Promise} Appointments data
+  /**
+   * Fetch appointments by status
+   * @param {string} status - Appointment status (inprogress, completed, cancelled, upcoming)
+   * @param {string} fromDate - Start date in YYYY-MM-DD format
+   * @param {string} toDate - End date in YYYY-MM-DD format
+   * @param {object} config - Optional configuration { apiBaseUrl, hospitalId, doctorId }
+   * @returns {Promise} Appointments data
    */
   const getAppointmentsByStatus = async function (status, fromDate, toDate) {
     let config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -211,24 +184,24 @@
     //   params.appointmentType = String(type).toUpperCase();
     // }
     params.appointmentType = 'ONLINE';
-    const url = "".concat(baseURL).concat(API_PATHS.APPOINTMENTS);
+    const url = `${baseURL}${API_PATHS.APPOINTMENTS}`;
 
     // Return raw response (including status) so caller can detect 401 and re-login
     const response = await getApi(url, params, "PIH-Appointment-Widget", token);
     return response;
   };
 
-  /**
-   * Initiate an online consultation — returns LiveKit room token + wss URL.
-   * @param {object} appointment - Selected appointment object
-   * @param {object} config - { apiBaseUrl, hospitalId, doctorId, doctorName, appToken }
-   * @returns {Promise<{ data: { token, url, roomName, participantName }, err?, status? }>}
+  /**
+   * Initiate an online consultation — returns LiveKit room token + wss URL.
+   * @param {object} appointment - Selected appointment object
+   * @param {object} config - { apiBaseUrl, hospitalId, doctorId, doctorName, appToken }
+   * @returns {Promise<{ data: { token, url, roomName, participantName }, err?, status? }>}
    */
   const initiateConsultation = async function (appointment) {
     let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     console.log("initiateConsultation -> config", config);
     const baseURL = config.apiBaseUrl.replace(/\/$/, "");
-    const url = "".concat(baseURL).concat(API_PATHS.INITIATE_CALL);
+    const url = `${baseURL}${API_PATHS.INITIATE_CALL}`;
     const appToken = config.appToken || "";
     const body = {
       patientId: String(appointment.patientId || ""),
@@ -251,7 +224,7 @@
       const base64 = parts[1].replace(/-/g, "+").replace(/_/g, "/");
       const padded = base64.padEnd(base64.length + (4 - base64.length % 4) % 4, "=");
       return JSON.parse(atob(padded));
-    } catch (_unused) {
+    } catch {
       return {};
     }
   }
@@ -271,32 +244,26 @@
 
   // Extract from SSO login response (not from appToken JWT — these are only in login response)
   function extractAppToken(response) {
-    var _ref, _ref2, _ref3, _response$data$access, _response$data, _response$data2;
     if (!response || response.err) return null;
-    return (_ref = (_ref2 = (_ref3 = (_response$data$access = (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.access_token) !== null && _response$data$access !== void 0 ? _response$data$access : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.token) !== null && _ref3 !== void 0 ? _ref3 : response.token) !== null && _ref2 !== void 0 ? _ref2 : response.accessToken) !== null && _ref !== void 0 ? _ref : null;
+    return response.data?.access_token ?? response.data?.token ?? response.token ?? response.accessToken ?? null;
   }
   function extractDoctorIdFromLoginResponse(response) {
-    var _ref4, _response$data$doctor;
-    if (!(response !== null && response !== void 0 && response.data)) return null;
-    const id = (_ref4 = (_response$data$doctor = response.data.doctor_id) !== null && _response$data$doctor !== void 0 ? _response$data$doctor : response.data.doctorId) !== null && _ref4 !== void 0 ? _ref4 : null;
+    if (!response?.data) return null;
+    const id = response.data.doctor_id ?? response.data.doctorId ?? null;
     console.log(id, 'extractDoctorIdFromLoginResponse -> id');
     return id != null ? String(id) : null;
   }
   function extractUserNameFromLoginResponse(response) {
-    var _ref5, _ref6, _response$data$name;
-    if (!(response !== null && response !== void 0 && response.data)) return null;
-    const name = (_ref5 = (_ref6 = (_response$data$name = response.data.name) !== null && _response$data$name !== void 0 ? _response$data$name : response.data.doctor_name) !== null && _ref6 !== void 0 ? _ref6 : response.data.userName) !== null && _ref5 !== void 0 ? _ref5 : null;
+    if (!response?.data) return null;
+    const name = response.data.name ?? response.data.doctor_name ?? response.data.userName ?? null;
     return name != null ? String(name) : null;
   }
 
   // Error boundary so a render error never shows a blank screen
   class AppointmentErrorBoundary extends React.Component {
-    constructor() {
-      super(...arguments);
-      _defineProperty(this, "state", {
-        hasError: false
-      });
-    }
+    state = {
+      hasError: false
+    };
     static getDerivedStateFromError() {
       return {
         hasError: true
@@ -353,21 +320,21 @@
   }
 
   // SDK Component - accepts configuration from parent app
-  const AppointmentPage = _ref7 => {
+  const AppointmentPage = _ref => {
     let {
       config = {}
-    } = _ref7;
+    } = _ref;
     const [storedApiBaseUrl, setStoredApiBaseUrl] = React.useState(() => {
       try {
         return typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY_API_BASE_URL) : null;
-      } catch (_unused2) {
+      } catch {
         return null;
       }
     });
     const [storedHospitalId, setStoredHospitalId] = React.useState(() => {
       try {
         return typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY_HOSPITAL_ID) : null;
-      } catch (_unused3) {
+      } catch {
         return null;
       }
     });
@@ -378,14 +345,14 @@
     const [storedIdToken, setStoredIdToken] = React.useState(() => {
       try {
         return typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY_ID_TOKEN) : null;
-      } catch (_unused4) {
+      } catch {
         return null;
       }
     });
     const [storedEmail, setStoredEmail] = React.useState(() => {
       try {
         return typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY_EMAIL) : null;
-      } catch (_unused5) {
+      } catch {
         return null;
       }
     });
@@ -430,21 +397,21 @@
     const [appToken, setAppToken] = React.useState(() => {
       try {
         return typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY_APP_TOKEN) : null;
-      } catch (_unused6) {
+      } catch {
         return null;
       }
     });
     const [doctorIdFromLogin, setDoctorIdFromLogin] = React.useState(() => {
       try {
         return typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY_DOCTOR_ID) : null;
-      } catch (_unused7) {
+      } catch {
         return null;
       }
     });
     const [userName, setUserName] = React.useState(() => {
       try {
         return typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY_USER_NAME) : null;
-      } catch (_unused8) {
+      } catch {
         return null;
       }
     });
@@ -455,7 +422,7 @@
         const hasId = localStorage.getItem(STORAGE_KEY_ID_TOKEN);
         const hasEmail = localStorage.getItem(STORAGE_KEY_EMAIL);
         return !hasApp && !!(hasId && hasEmail);
-      } catch (_unused9) {
+      } catch {
         return false;
       }
     });
@@ -517,7 +484,7 @@
       const y = date.getFullYear();
       const m = String(date.getMonth() + 1).padStart(2, "0");
       const d = String(date.getDate()).padStart(2, "0");
-      return "".concat(y, "-").concat(m, "-").concat(d);
+      return `${y}-${m}-${d}`;
     };
     const getDateRange = option => {
       const today = new Date();
@@ -548,8 +515,8 @@
           to = formatLocalDate(lastOfMonth);
           break;
         case "currentYear":
-          from = "".concat(today.getFullYear(), "-01-01");
-          to = "".concat(today.getFullYear(), "-12-31");
+          from = `${today.getFullYear()}-01-01`;
+          to = `${today.getFullYear()}-12-31`;
           break;
         default:
           from = to = getTodayDate();
@@ -574,7 +541,7 @@
         case "currentYear":
           return "Current Year";
         case "custom":
-          return isMobile ? "Custom" : "".concat(fromDate, " to ").concat(toDate);
+          return isMobile ? "Custom" : `${fromDate} to ${toDate}`;
         default:
           return "Today";
       }
@@ -659,12 +626,12 @@
 
     // Helper to get unique identifier from appointment
     const getAppointmentId = appointment => {
-      return (appointment === null || appointment === void 0 ? void 0 : appointment.id) || (appointment === null || appointment === void 0 ? void 0 : appointment._id) || (appointment === null || appointment === void 0 ? void 0 : appointment.appointmentId) || (appointment === null || appointment === void 0 ? void 0 : appointment.patientId) || JSON.stringify(appointment);
+      return appointment?.id || appointment?._id || appointment?.appointmentId || appointment?.patientId || JSON.stringify(appointment);
     };
 
     // Generate avatar with first letter if no image
     const getPatientAvatar = appointment => {
-      if (appointment !== null && appointment !== void 0 && appointment.image) {
+      if (appointment?.image) {
         return appointment.image;
       }
       // Return null to use the letter avatar component
@@ -703,7 +670,7 @@
       }
     };
     const fetchAppointments = React.useCallback(async () => {
-      console.log(appToken, 'fetchAppointments -> appToken');
+      console.log(appToken, 'fetchAppointmentsProd -> appToken');
       if (!appToken) {
         // No token available — force SSO re-login so the next render re-fetches automatically.
         if (idToken && email) setRefreshLoginTrigger(t => t + 1);
@@ -765,8 +732,8 @@
     // Returns true if the current time is within 2 hours after the appointment's scheduled slot time.
     // Handles date format: "Sun, 15 Mar 2026" and time format: "12:15 PM"
     const isWithinJoinWindow = appointment => {
-      const dateStr = (appointment === null || appointment === void 0 ? void 0 : appointment.date) || (appointment === null || appointment === void 0 ? void 0 : appointment.appointmentDate);
-      const timeStr = (appointment === null || appointment === void 0 ? void 0 : appointment.time) || (appointment === null || appointment === void 0 ? void 0 : appointment.appointmentTime);
+      const dateStr = appointment?.date || appointment?.appointmentDate;
+      const timeStr = appointment?.time || appointment?.appointmentTime;
       if (!dateStr || !timeStr) return false;
       try {
         // Parse "12:15 PM" or "9:30 AM" into 24-hour h/m values
@@ -786,11 +753,11 @@
         }
         if (isNaN(h) || isNaN(m)) return false;
         // "Sun, 15 Mar 2026 12:15:00" — space-separated; JS parses RFC-like date strings correctly
-        const appointmentDate = new Date("".concat(dateStr, " ").concat(String(h).padStart(2, "0"), ":").concat(String(m).padStart(2, "0"), ":00"));
+        const appointmentDate = new Date(`${dateStr} ${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}:00`);
         if (isNaN(appointmentDate.getTime())) return false;
         const windowEnd = new Date(appointmentDate.getTime() + 2 * 60 * 60 * 1000);
         return new Date() <= windowEnd;
-      } catch (_unused0) {
+      } catch {
         return false;
       }
     };
@@ -801,7 +768,6 @@
       setCallLoading(true);
       setCallError(null);
       try {
-        var _response$data3;
         const callConfig = {
           apiBaseUrl,
           hospitalId,
@@ -829,7 +795,7 @@
           setCallError("Session expired. Re-authenticating...");
           return;
         }
-        if (response.err || !((_response$data3 = response.data) !== null && _response$data3 !== void 0 && _response$data3.token)) {
+        if (response.err || !response.data?.token) {
           setCallError(String(response.err || "Failed to initiate call"));
           return;
         }
@@ -1078,7 +1044,7 @@
         }
       }).catch(err => {
         if (!cancelled) {
-          setTokenError((err === null || err === void 0 ? void 0 : err.message) || "Authentication failed. Please try again.");
+          setTokenError(err?.message || "Authentication failed. Please try again.");
           setAppToken(null);
         }
       }).finally(() => {
@@ -1110,7 +1076,32 @@
 
       // Add responsive styles and animations
       const style = document.createElement("style");
-      style.innerHTML = "\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n      \n      @media (max-width: 768px) {\n        .appointments-grid {\n          grid-template-columns: 1.5fr 1fr 0.8fr !important;\n        }\n        .appointments-header-grid {\n          grid-template-columns: 1.5fr 1fr 0.8fr !important;\n        }\n        .hide-on-mobile {\n          display: none !important;\n        }\n      }\n      @media (max-width: 480px) {\n        .appointments-header-grid {\n          font-size: 10px !important;\n        }\n        .appointments-grid {\n          font-size: 11px !important;\n        }\n      }\n    ";
+      style.innerHTML = `
+      @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+      }
+      
+      @media (max-width: 768px) {
+        .appointments-grid {
+          grid-template-columns: 1.5fr 1fr 0.8fr !important;
+        }
+        .appointments-header-grid {
+          grid-template-columns: 1.5fr 1fr 0.8fr !important;
+        }
+        .hide-on-mobile {
+          display: none !important;
+        }
+      }
+      @media (max-width: 480px) {
+        .appointments-header-grid {
+          font-size: 10px !important;
+        }
+        .appointments-grid {
+          font-size: 11px !important;
+        }
+      }
+    `;
       document.head.appendChild(style);
 
       // Handle window resize
@@ -1162,7 +1153,7 @@
           justifyContent: "center",
           padding: "24px"
         }
-      }, /*#__PURE__*/React__default["default"].createElement("style", null, "@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }"), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("style", null, `@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }`), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           width: "40px",
           height: "40px",
@@ -1775,7 +1766,7 @@
         style: {
           fontSize: "13px"
         }
-      }, searchQuery ? "No appointments found for \"".concat(searchQuery, "\"") : "No appointments found"), searchQuery && /*#__PURE__*/React__default["default"].createElement("button", {
+      }, searchQuery ? `No appointments found for "${searchQuery}"` : "No appointments found"), searchQuery && /*#__PURE__*/React__default["default"].createElement("button", {
         onClick: () => setSearchQuery(""),
         style: {
           marginTop: "12px",
@@ -2054,7 +2045,7 @@
           fontWeight: "700",
           fontSize: isMobile ? "12px" : "13px"
         }
-      }, (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.specialisation) || (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.speciality) || "N/A")), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, selectedAppointment?.specialisation || selectedAppointment?.speciality || "N/A")), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           textAlign: "right"
         }
@@ -2069,7 +2060,7 @@
           fontWeight: "700",
           fontSize: isMobile ? "12px" : "13px"
         }
-      }, (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.type) || (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.appointmentType) || "Online"))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, selectedAppointment?.type || selectedAppointment?.appointmentType || "Online"))), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           display: "flex",
           justifyContent: "space-between"
@@ -2089,7 +2080,7 @@
           fontWeight: "700",
           fontSize: isMobile ? "12px" : "13px"
         }
-      }, (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.date) || (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.appointmentDate) || "N/A")), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, selectedAppointment?.date || selectedAppointment?.appointmentDate || "N/A")), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           textAlign: "right"
         }
@@ -2104,7 +2095,7 @@
           fontWeight: "700",
           fontSize: isMobile ? "12px" : "13px"
         }
-      }, (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.time) || (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.appointmentTime) || "N/A"))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, selectedAppointment?.time || selectedAppointment?.appointmentTime || "N/A"))), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           display: "flex",
           justifyContent: "space-between"
@@ -2124,7 +2115,7 @@
           fontWeight: "700",
           fontSize: isMobile ? "12px" : "13px"
         }
-      }, (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.doctor) || (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.doctorName) || "N/A"))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, selectedAppointment?.doctor || selectedAppointment?.doctorName || "N/A"))), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           display: "flex",
           justifyContent: "space-between"
@@ -2144,7 +2135,7 @@
           fontWeight: "700",
           fontSize: isMobile ? "12px" : "13px"
         }
-      }, (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.hospital) || (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.hospitalName) || "N/A"))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, selectedAppointment?.hospital || selectedAppointment?.hospitalName || "N/A"))), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           display: "flex",
           justifyContent: "space-between"
@@ -2165,7 +2156,7 @@
           fontSize: isMobile ? "11px" : "12px",
           lineHeight: "1.4"
         }
-      }, (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.reason) || (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.reasonForAppointment) || "No reason provided"))), (activeTab === "upcoming" || activeTab === "completed" && isWithinJoinWindow(selectedAppointment)) && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, selectedAppointment?.reason || selectedAppointment?.reasonForAppointment || "No reason provided"))), (activeTab === "upcoming" || activeTab === "completed" && isWithinJoinWindow(selectedAppointment)) && /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           display: "flex",
           flexDirection: isMobile ? "column" : "row",
@@ -2218,12 +2209,12 @@
       }, "Select an appointment to view details"))))))), showPipVideo && /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           position: "fixed",
-          left: isPipFullscreen ? "0" : isMobile ? "10px" : "".concat(pipPosition.x, "px"),
-          top: isPipFullscreen ? "0" : isMobile ? "70px" : "".concat(pipPosition.y, "px"),
+          left: isPipFullscreen ? "0" : isMobile ? "10px" : `${pipPosition.x}px`,
+          top: isPipFullscreen ? "0" : isMobile ? "70px" : `${pipPosition.y}px`,
           right: isPipFullscreen ? "0" : isMobile ? "10px" : "auto",
           bottom: isPipFullscreen ? "0" : "auto",
-          width: isPipFullscreen ? "100vw" : isMobile ? "calc(100vw - 20px)" : isPipMinimized ? "350px" : "".concat(pipSize.width, "px"),
-          height: isPipFullscreen ? "100vh" : isPipMinimized ? "auto" : isMobile ? "300px" : "".concat(pipSize.height, "px"),
+          width: isPipFullscreen ? "100vw" : isMobile ? "calc(100vw - 20px)" : isPipMinimized ? "350px" : `${pipSize.width}px`,
+          height: isPipFullscreen ? "100vh" : isPipMinimized ? "auto" : isMobile ? "300px" : `${pipSize.height}px`,
           background: "#FFFFFF",
           borderRadius: isPipFullscreen ? "0" : "8px",
           boxShadow: "0 8px 24px rgba(0, 0, 0, 0.3)",
@@ -2274,7 +2265,7 @@
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         }
-      }, "Video Call - ", (selectedAppointment === null || selectedAppointment === void 0 ? void 0 : selectedAppointment.patientName) || "Patient")), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, "Video Call - ", selectedAppointment?.patientName || "Patient")), /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           display: "flex",
           gap: isMobile ? "4px" : "6px",
@@ -2403,7 +2394,7 @@
         src: (() => {
           if (!callToken) return "";
           const base = String(joinCallUrlBase || "");
-          return "".concat(base).concat(callToken);
+          return `${base}${callToken}`;
         })(),
         style: {
           width: "100%",
@@ -2474,7 +2465,12 @@
           background: "transparent",
           zIndex: 10001
         }
-      })), /*#__PURE__*/React__default["default"].createElement("style", null, "\n            @keyframes pulse {\n              0%, 100% { opacity: 1; }\n              50% { opacity: 0.5; }\n            }\n          "))), showAuthError && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), /*#__PURE__*/React__default["default"].createElement("style", null, `
+            @keyframes pulse {
+              0%, 100% { opacity: 1; }
+              50% { opacity: 0.5; }
+            }
+          `))), showAuthError && /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           position: "fixed",
           inset: 0,
@@ -2525,14 +2521,14 @@
 
   // SDK for embedding appointment widget
   const BookingSDK = {
-    /**
-     * Show appointment widget with configuration
-     * @param {object} config - Configuration object
-     * @param {string} config.apiBaseUrl - Base URL for API
-     * @param {string} config.hospitalId - Hospital ID
-     * @param {number} config.doctorId - Doctor ID
-     * @param {string} config.joinCallUrl - Video call URL
-     * @param {function} onAction - Optional callback for actions
+    /**
+     * Show appointment widget with configuration
+     * @param {object} config - Configuration object
+     * @param {string} config.apiBaseUrl - Base URL for API
+     * @param {string} config.hospitalId - Hospital ID
+     * @param {number} config.doctorId - Doctor ID
+     * @param {string} config.joinCallUrl - Video call URL
+     * @param {function} onAction - Optional callback for actions
      */
     showWidget: (config, onAction) => {
       if (!bookingWidgetInstance) {