pih-appointment-widget 0.0.38 → 0.0.39

package/dist/pih-appointment-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;
       });
@@ -179,13 +152,13 @@
   const JOIN_CALL_URL = "https://ittisalqa.powermindinc.com/call?token=";
   const WEB_URL = "https://afiyaproqa.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] : {};
@@ -212,24 +185,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 || ""),
@@ -252,7 +225,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 {};
     }
   }
@@ -272,32 +245,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
@@ -354,21 +321,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;
       }
     });
@@ -379,14 +346,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;
       }
     });
@@ -401,12 +368,14 @@
         if (token && String(token).trim()) {
           const prevToken = localStorage.getItem(STORAGE_KEY_ID_TOKEN);
           if (prevToken !== token) {
-            // New token from parent (e.g. Flutter re-login) — clear app token and force SSO for the new session.
-            // refreshLoginTrigger increment guarantees SSO re-runs even if appToken was already null in state.
+            // New token from parent (e.g. Flutter re-login) — clear stored credentials.
+            // Only increment refreshLoginTrigger when there was an existing appToken to evict;
+            // if appToken is already absent, the SSO effect will fire naturally via !appToken.
+            const hadAppToken = !!localStorage.getItem(STORAGE_KEY_APP_TOKEN);
             setAppToken(null);
             setDoctorIdFromLogin(null);
             setUserName(null);
-            setRefreshLoginTrigger(t => t + 1);
+            if (hadAppToken) setRefreshLoginTrigger(t => t + 1);
             localStorage.removeItem(STORAGE_KEY_APP_TOKEN);
             localStorage.removeItem(STORAGE_KEY_DOCTOR_ID);
             localStorage.removeItem(STORAGE_KEY_USER_NAME);
@@ -431,21 +400,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;
       }
     });
@@ -456,7 +425,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;
       }
     });
@@ -518,7 +487,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();
@@ -549,8 +518,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();
@@ -575,7 +544,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";
       }
@@ -660,12 +629,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
@@ -766,8 +735,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
@@ -787,11 +756,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;
       }
     };
@@ -802,7 +771,6 @@
       setCallLoading(true);
       setCallError(null);
       try {
-        var _response$data3;
         const callConfig = {
           apiBaseUrl,
           hospitalId,
@@ -830,7 +798,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;
         }
@@ -1053,6 +1021,7 @@
           setAppToken(null);
           setDoctorIdFromLogin(null);
           setUserName(null);
+          setRefreshLoginTrigger(0); // reset trigger even on failure to prevent infinite retry loops
           try {
             if (typeof localStorage !== "undefined") {
               localStorage.removeItem(STORAGE_KEY_APP_TOKEN);
@@ -1069,6 +1038,7 @@
           setUserName(name);
           setTokenError(null);
           setRedirectToHome(false);
+          setRefreshLoginTrigger(0); // reset one-shot trigger so SSO doesn't re-fire on next dep change
           try {
             if (typeof localStorage !== "undefined") {
               localStorage.setItem(STORAGE_KEY_APP_TOKEN, token);
@@ -1079,7 +1049,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(() => {
@@ -1111,7 +1081,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
@@ -1163,7 +1158,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",
@@ -1776,7 +1771,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",
@@ -2055,7 +2050,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"
         }
@@ -2070,7 +2065,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"
@@ -2090,7 +2085,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"
         }
@@ -2105,7 +2100,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"
@@ -2125,7 +2120,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"
@@ -2145,7 +2140,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"
@@ -2166,7 +2161,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",
@@ -2219,12 +2214,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)",
@@ -2275,7 +2270,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",
@@ -2404,7 +2399,7 @@
         src: (() => {
           if (!callToken) return "";
           const base = String(joinCallUrlBase || "");
-          return "".concat(base).concat(callToken);
+          return `${base}${callToken}`;
         })(),
         style: {
           width: "100%",
@@ -2475,7 +2470,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,
@@ -2522,20 +2522,20 @@
     return /*#__PURE__*/React__default["default"].createElement(AppointmentErrorBoundary, null, content);
   };
 
-  /**
-   * icdService.js
-   * Calls the Afiya ICD suggestion API.
-   *
-   * POST /insurance/api/icd/suggest
-   * Body: { query: string, mode: ICD_MODE }
+  /**
+   * icdService.js
+   * Calls the Afiya ICD suggestion API.
+   *
+   * POST /insurance/api/icd/suggest
+   * Body: { query: string, mode: ICD_MODE }
    */
 
-  /**
-   * Enum for ICD suggest API modes.
-   * Use these constants everywhere — never hardcode the string values.
-   *
-   * @readonly
-   * @enum {string}
+  /**
+   * Enum for ICD suggest API modes.
+   * Use these constants everywhere — never hardcode the string values.
+   *
+   * @readonly
+   * @enum {string}
    */
   const ICD_MODE = Object.freeze({
     /** Real-time ICD-10 code lookup (fast, no AI) */
@@ -2545,15 +2545,14 @@
     /** Backend decides best strategy automatically */
     AUTO: "AUTO"
   });
-  const SUGGEST_URL = "".concat(API_BASE_URL, "/insurance/api/icd/suggest");
+  const SUGGEST_URL = `${API_BASE_URL}/insurance/api/icd/suggest`;
 
-  /**
-   * @param {string} query  - Plain-language diagnosis / procedure
-   * @param {"ICD_ONLY"|"CLAUDE_ONLY"|"AUTO"} mode
-   * @returns {Promise<{ matches: Array<{ code, description, reason }>, note: string }>}
+  /**
+   * @param {string} query  - Plain-language diagnosis / procedure
+   * @param {"ICD_ONLY"|"CLAUDE_ONLY"|"AUTO"} mode
+   * @returns {Promise<{ matches: Array<{ code, description, reason }>, note: string }>}
    */
   async function getICDSuggestions(query, mode) {
-    var _data$data;
     if (!query || !query.trim()) throw new Error("Query cannot be empty");
     const response = await fetch(SUGGEST_URL, {
       method: "POST",
@@ -2566,18 +2565,17 @@
       })
     });
     if (!response.ok) {
-      var _errBody$error;
       const errBody = await response.json().catch(() => ({}));
-      const msg = (errBody === null || errBody === void 0 ? void 0 : errBody.message) || (errBody === null || errBody === void 0 || (_errBody$error = errBody.error) === null || _errBody$error === void 0 ? void 0 : _errBody$error.message) || "API error: ".concat(response.status, " ").concat(response.statusText);
+      const msg = errBody?.message || errBody?.error?.message || `API error: ${response.status} ${response.statusText}`;
       throw new Error(msg);
     }
     const data = await response.json();
 
     // API wraps response in { data: { matches, note, ... }, resultInfo }
-    const payload = (_data$data = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data !== void 0 ? _data$data : data;
+    const payload = data?.data ?? data;
 
     // Normalise response → always return { matches, note }
-    if (Array.isArray(payload === null || payload === void 0 ? void 0 : payload.matches)) {
+    if (Array.isArray(payload?.matches)) {
       return {
         matches: payload.matches,
         note: payload.note || ""
@@ -2589,7 +2587,7 @@
         note: ""
       };
     }
-    if (Array.isArray(payload === null || payload === void 0 ? void 0 : payload.results)) {
+    if (Array.isArray(payload?.results)) {
       return {
         matches: payload.results.map(r => ({
           code: r.code,
@@ -2602,9 +2600,9 @@
     throw new Error("Unexpected response format from ICD suggest API");
   }
 
-  /**
-   * useClipboard.js
-   * Tiny hook for clipboard copy with transient "Copied!" feedback.
+  /**
+   * useClipboard.js
+   * Tiny hook for clipboard copy with transient "Copied!" feedback.
    */
   function useClipboard() {
     let resetMs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1800;
@@ -2660,10 +2658,10 @@
     copy: "⎘"
   };
 
-  /**
-   * ICD10Assistant.jsx
-   * AI-powered ICD-10 coding assistant panel.
-   * Floats as a pill button; expands into a full panel on click.
+  /**
+   * ICD10Assistant.jsx
+   * AI-powered ICD-10 coding assistant panel.
+   * Floats as a pill button; expands into a full panel on click.
    */
 
   // ─── Constants ───────────────────────────────────────────────────────────────
@@ -2712,12 +2710,12 @@
     }, children);
   }
   function Spinner() {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("style", null, "@keyframes icd-spin{to{transform:rotate(360deg)}}"), /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("style", null, `@keyframes icd-spin{to{transform:rotate(360deg)}}`), /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         width: 20,
         height: 20,
         border: "2.5px solid #d1d5db",
-        borderTop: "2.5px solid ".concat(C.primary),
+        borderTop: `2.5px solid ${C.primary}`,
         borderRadius: "50%",
         animation: "icd-spin 0.8s linear infinite",
         flexShrink: 0
@@ -2735,7 +2733,7 @@
     const copied = copiedKey === copyKey;
     return /*#__PURE__*/React__default["default"].createElement("button", {
       onClick: () => copy(text, copyKey),
-      title: copied ? "Copied!" : "Copy ".concat(label),
+      title: copied ? "Copied!" : `Copy ${label}`,
       style: {
         display: "inline-flex",
         alignItems: "center",
@@ -2744,7 +2742,7 @@
         fontSize: 11,
         fontWeight: 600,
         fontFamily: FONT,
-        border: "1px solid ".concat(copied ? C.success : C.border),
+        border: `1px solid ${copied ? C.success : C.border}`,
         borderRadius: 5,
         background: copied ? C.successLight : C.white,
         color: copied ? C.success : C.muted,
@@ -2752,7 +2750,7 @@
         transition: "all 0.15s ease",
         whiteSpace: "nowrap"
       }
-    }, copied ? "✓ Copied" : "\u2398 ".concat(label));
+    }, copied ? "✓ Copied" : `⎘ ${label}`);
   }
 
   // ─── Result Card ──────────────────────────────────────────────────────────────
@@ -2763,11 +2761,11 @@
       copy,
       copiedKey
     } = _ref3;
-    const cardCopyKey = "card-".concat(index);
-    const fullText = "".concat(match.code, " \u2014 ").concat(match.description).concat(match.reason ? "\nNote: ".concat(match.reason) : "");
+    const cardCopyKey = `card-${index}`;
+    const fullText = `${match.code} — ${match.description}${match.reason ? `\nNote: ${match.reason}` : ""}`;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
-        border: "1px solid ".concat(C.border),
+        border: `1px solid ${C.border}`,
         borderRadius: 10,
         padding: "14px 16px",
         background: C.white,
@@ -2825,10 +2823,10 @@
     } = _ref4;
     return /*#__PURE__*/React__default["default"].createElement("button", {
       onClick: () => onClick(item.query),
-      title: "Re-run: ".concat(item.query),
+      title: `Re-run: ${item.query}`,
       style: {
         padding: "4px 10px",
-        border: "1px solid ".concat(C.border),
+        border: `1px solid ${C.border}`,
         borderRadius: 999,
         fontSize: 11,
         fontFamily: FONT,
@@ -2901,10 +2899,7 @@
     const debounceRef = React.useRef(null);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
-      setTimeout(() => {
-        var _inputRef$current;
-        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-      }, 80);
+      setTimeout(() => inputRef.current?.focus(), 80);
     }, []);
     const search = React.useCallback(async term => {
       if (term.length < 2) {
@@ -2917,7 +2912,7 @@
         const data = await getICDSuggestions(term, ICD_MODE.ICD_ONLY);
         const codes = (data.matches || []).map(m => [m.code, m.description]);
         setResults(codes);
-        setStatus(codes.length === 0 ? "No matching codes found." : "Showing ".concat(codes.length, " result").concat(codes.length !== 1 ? "s" : ""));
+        setStatus(codes.length === 0 ? "No matching codes found." : `Showing ${codes.length} result${codes.length !== 1 ? "s" : ""}`);
       } catch (err) {
         setStatus(err.message || "Could not fetch results. Check your connection.");
         setResults([]);
@@ -2953,9 +2948,9 @@
         overflow: "hidden",
         animation: "icd-slide-in 0.2s ease"
       }
-    }, /*#__PURE__*/React__default["default"].createElement("style", null, "@keyframes icd-slide-in{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}"), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("style", null, `@keyframes icd-slide-in{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}`), /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
-        background: "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.teal, " 100%)"),
+        background: `linear-gradient(135deg, ${C.primary} 0%, ${C.teal} 100%)`,
         padding: "14px 18px",
         flexShrink: 0
       }
@@ -3030,7 +3025,7 @@
         padding: "10px 14px",
         fontSize: 14,
         fontFamily: FONT,
-        border: "1.5px solid ".concat(C.border),
+        border: `1.5px solid ${C.border}`,
         borderRadius: 8,
         outline: "none",
         boxSizing: "border-box",
@@ -3044,7 +3039,7 @@
         fontSize: 11,
         color: "#aaa",
         lineHeight: 1.6,
-        borderLeft: "3px solid ".concat(C.border),
+        borderLeft: `3px solid ${C.border}`,
         paddingLeft: 8
       }
     }, /*#__PURE__*/React__default["default"].createElement("strong", null, "Note:"), " Use short, specific keywords for better results, or try", " ", /*#__PURE__*/React__default["default"].createElement("button", {
@@ -3069,7 +3064,7 @@
     }, status), status === "No matching codes found." && results.length === 0 && /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         background: C.warnLight,
-        border: "1px solid #fcd34d",
+        border: `1px solid #fcd34d`,
         borderRadius: 10,
         padding: "14px 16px",
         display: "flex",
@@ -3124,7 +3119,7 @@
           alignItems: "center",
           gap: 12,
           padding: "10px 14px",
-          border: "1px solid ".concat(C.border),
+          border: `1px solid ${C.border}`,
           borderRadius: 8,
           cursor: "pointer",
           background: C.white,
@@ -3160,7 +3155,7 @@
       style: {
         flexShrink: 0,
         padding: "10px 18px",
-        borderTop: "1px solid ".concat(C.border),
+        borderTop: `1px solid ${C.border}`,
         background: C.bg,
         fontSize: 11,
         color: "#aaa",
@@ -3189,7 +3184,7 @@
         padding: "10px 18px",
         borderRadius: 999,
         border: "none",
-        background: "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.teal, " 100%)"),
+        background: `linear-gradient(135deg, ${C.primary} 0%, ${C.teal} 100%)`,
         color: C.white,
         fontFamily: FONT,
         fontWeight: 700,
@@ -3220,7 +3215,6 @@
   // ─── Panel ────────────────────────────────────────────────────────────────────
   // Defined OUTSIDE the main component so its DOM is never torn down on re-render.
   function Panel(_ref9) {
-    var _result$matches;
     let {
       panelRef,
       textareaRef,
@@ -3240,7 +3234,7 @@
       mode,
       onModeChange
     } = _ref9;
-    const allCodesText = (result === null || result === void 0 || (_result$matches = result.matches) === null || _result$matches === void 0 ? void 0 : _result$matches.map(m => "".concat(m.code, " \u2014 ").concat(m.description)).join("\n")) || "";
+    const allCodesText = result?.matches?.map(m => `${m.code} — ${m.description}`).join("\n") || "";
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         position: "fixed",
@@ -3259,9 +3253,14 @@
         animation: "icd-slide-in 0.2s ease"
       },
       ref: panelRef
-    }, /*#__PURE__*/React__default["default"].createElement("style", null, "\n        @keyframes icd-slide-in {\n          from { opacity: 0; transform: translateY(20px) scale(0.97); }\n          to   { opacity: 1; transform: translateY(0)    scale(1);    }\n        }\n      "), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("style", null, `
+        @keyframes icd-slide-in {
+          from { opacity: 0; transform: translateY(20px) scale(0.97); }
+          to   { opacity: 1; transform: translateY(0)    scale(1);    }
+        }
+      `), /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
-        background: "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.teal, " 100%)"),
+        background: `linear-gradient(135deg, ${C.primary} 0%, ${C.teal} 100%)`,
         padding: "14px 18px",
         flexShrink: 0
       }
@@ -3357,7 +3356,7 @@
       style: {
         width: "100%",
         padding: "10px 12px",
-        border: "1.5px solid ".concat(C.border),
+        border: `1.5px solid ${C.border}`,
         borderRadius: 8,
         fontSize: 13,
         fontFamily: FONT,
@@ -3405,7 +3404,7 @@
         justifyContent: "center",
         gap: 8,
         padding: "10px 16px",
-        background: !query.trim() || loading ? "#d1d5db" : "linear-gradient(135deg, ".concat(C.primary, " 0%, ").concat(C.primaryDark, " 100%)"),
+        background: !query.trim() || loading ? "#d1d5db" : `linear-gradient(135deg, ${C.primary} 0%, ${C.primaryDark} 100%)`,
         color: C.white,
         border: "none",
         borderRadius: 8,
@@ -3420,7 +3419,7 @@
       style: {
         padding: "10px 14px",
         background: C.bg,
-        border: "1px solid ".concat(C.border),
+        border: `1px solid ${C.border}`,
         borderRadius: 8,
         fontSize: 13,
         fontWeight: 600,
@@ -3431,7 +3430,7 @@
     }, "Clear")), error && /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         background: C.errorLight,
-        border: "1px solid #fca5a5",
+        border: `1px solid #fca5a5`,
         borderRadius: 8,
         padding: "10px 14px",
         fontSize: 13,
@@ -3515,7 +3514,7 @@
       style: {
         flexShrink: 0,
         padding: "12px 18px",
-        borderTop: "1px solid ".concat(C.border),
+        borderTop: `1px solid ${C.border}`,
         background: C.bg,
         fontSize: 11,
         color: "#aaa",
@@ -3544,10 +3543,7 @@
     // Focus textarea when panel opens
     React.useEffect(() => {
       if (open && textareaRef.current) {
-        setTimeout(() => {
-          var _textareaRef$current;
-          return (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
-        }, 80);
+        setTimeout(() => textareaRef.current?.focus(), 80);
       }
     }, [open]);
 
@@ -3590,18 +3586,16 @@
       }
     }, [handleSubmit]);
     const handleClear = React.useCallback(() => {
-      var _textareaRef$current2;
       setQuery("");
       setResult(null);
       setError(null);
-      (_textareaRef$current2 = textareaRef.current) === null || _textareaRef$current2 === void 0 || _textareaRef$current2.focus();
+      textareaRef.current?.focus();
     }, []);
     const handleHistoryClick = React.useCallback(q => {
-      var _textareaRef$current3;
       setQuery(q);
       setResult(null);
       setError(null);
-      (_textareaRef$current3 = textareaRef.current) === null || _textareaRef$current3 === void 0 || _textareaRef$current3.focus();
+      textareaRef.current?.focus();
     }, []);
     const handleQueryChange = React.useCallback(e => setQuery(e.target.value), []);
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !open && /*#__PURE__*/React__default["default"].createElement(FloatingButton, {
@@ -3636,14 +3630,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) {