pih-appointment-widget 0.0.37 → 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;
@@ -2636,10 +2634,34 @@
     };
   }
 
-  /**
-   * ICD10Assistant.jsx
-   * AI-powered ICD-10 coding assistant panel.
-   * Floats as a pill button; expands into a full panel on click.
+  var img = "data:image/png;base64,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";
+
+  // ─── Image assets ─────────────────────────────────────────────────────────────
+  const IMG = {
+    /** Main ICD-10 Assistant branding icon (floating button + panel header) */
+    icdIcon: img
+  };
+
+  // ─── Emoji / text icons ───────────────────────────────────────────────────────
+  const ICON = {
+    /** Reason / tip indicator on result cards */
+    reason: "💡",
+    /** Search history chip prefix */
+    history: "🕐",
+    /** Footer medical disclaimer */
+    medical: "⚕️",
+    /** Coding note (currently commented out) */
+    codingNote: "📋",
+    /** Copy success checkmark */
+    copied: "✓",
+    /** Copy action */
+    copy: "⎘"
+  };
+
+  /**
+   * ICD10Assistant.jsx
+   * AI-powered ICD-10 coding assistant panel.
+   * Floats as a pill button; expands into a full panel on click.
    */
 
   // ─── Constants ───────────────────────────────────────────────────────────────
@@ -2688,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
@@ -2711,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",
@@ -2720,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,
@@ -2728,7 +2750,7 @@
         transition: "all 0.15s ease",
         whiteSpace: "nowrap"
       }
-    }, copied ? "✓ Copied" : "\u2398 ".concat(label));
+    }, copied ? "✓ Copied" : `⎘ ${label}`);
   }
 
   // ─── Result Card ──────────────────────────────────────────────────────────────
@@ -2739,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,
@@ -2790,7 +2812,7 @@
         lineHeight: 1.5,
         paddingLeft: 2
       }
-    }, "\uD83D\uDCA1 ", match.reason));
+    }, ICON.reason, " ", match.reason));
   }
 
   // ─── History Chip ─────────────────────────────────────────────────────────────
@@ -2801,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,
@@ -2819,7 +2841,7 @@
       },
       onMouseEnter: e => e.currentTarget.style.borderColor = C.primary,
       onMouseLeave: e => e.currentTarget.style.borderColor = C.border
-    }, "\uD83D\uDD50 ", item.query);
+    }, ICON.history, " ", item.query);
   }
 
   // ─── Mode Toggle (tab bar) ──────────────────────────────────────────────────
@@ -2858,7 +2880,7 @@
         gap: 2,
         marginTop: 10
       }
-    }, tab("nlm", "Quick Lookup", "🔎"), tab("ai", "AI Suggest", "🤖"));
+    }, tab("nlm", "Quick Lookup", ""), tab("ai", "AI Suggest", ""));
   }
 
   // ─── NLM Lookup Panel ────────────────────────────────────────────────────────
@@ -2877,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) {
@@ -2893,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([]);
@@ -2929,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
       }
@@ -2947,11 +2966,15 @@
         alignItems: "center",
         gap: 10
       }
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement("img", {
+      src: IMG.icdIcon,
+      alt: "ICD-10",
       style: {
-        fontSize: 22
+        width: 32,
+        height: 32,
+        objectFit: "contain"
       }
-    }, "\uD83E\uDE7A"), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         color: C.white,
         fontWeight: 700,
@@ -3002,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",
@@ -3010,13 +3033,77 @@
       },
       onFocus: e => e.target.style.borderColor = C.primary,
       onBlur: e => e.target.style.borderColor = C.border
-    }), status && /*#__PURE__*/React__default["default"].createElement("p", {
+    }), /*#__PURE__*/React__default["default"].createElement("p", {
+      style: {
+        margin: 0,
+        fontSize: 11,
+        color: "#aaa",
+        lineHeight: 1.6,
+        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", {
+      onClick: () => onModeChange("ai"),
+      style: {
+        background: "none",
+        border: "none",
+        padding: 0,
+        color: C.primary,
+        fontWeight: 700,
+        fontSize: 11,
+        cursor: "pointer",
+        textDecoration: "underline",
+        fontFamily: FONT
+      }
+    }, "AI Suggest"), " ", "for broader symptom-based recommendations."), status && results.length > 0 && /*#__PURE__*/React__default["default"].createElement("p", {
       style: {
         margin: 0,
         fontSize: 12,
         color: C.muted
       }
-    }, status), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, status), status === "No matching codes found." && results.length === 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        background: C.warnLight,
+        border: `1px solid #fcd34d`,
+        borderRadius: 10,
+        padding: "14px 16px",
+        display: "flex",
+        gap: 10,
+        alignItems: "flex-start"
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        fontSize: 18,
+        flexShrink: 0
+      }
+    }, "\uD83D\uDD0D"), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
+      style: {
+        margin: "0 0 4px",
+        fontSize: 13,
+        fontWeight: 700,
+        color: C.warn
+      }
+    }, "No results found"), /*#__PURE__*/React__default["default"].createElement("p", {
+      style: {
+        margin: 0,
+        fontSize: 12,
+        color: C.warn,
+        lineHeight: 1.6
+      }
+    }, "We couldn't find a match. Try using more accurate keywords or switch to", " ", /*#__PURE__*/React__default["default"].createElement("button", {
+      onClick: () => onModeChange("ai"),
+      style: {
+        background: "none",
+        border: "none",
+        padding: 0,
+        color: C.primary,
+        fontWeight: 700,
+        fontSize: 12,
+        cursor: "pointer",
+        textDecoration: "underline",
+        fontFamily: FONT
+      }
+    }, "AI Suggest"), " ", "for better results."))), /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         display: "flex",
         flexDirection: "column",
@@ -3032,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,
@@ -3068,13 +3155,13 @@
       style: {
         flexShrink: 0,
         padding: "10px 18px",
-        borderTop: "1px solid ".concat(C.border),
+        borderTop: `1px solid ${C.border}`,
         background: C.bg,
         fontSize: 11,
         color: "#aaa",
         textAlign: "center"
       }
-    }, "\u2695\uFE0F For reference only. Always verify codes with a certified medical coder."));
+    }, ICON.medical, " For reference only. Always verify codes with a certified medical coder."));
   }
 
   // ─── FloatingButton ───────────────────────────────────────────────────────────
@@ -3097,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,
@@ -3114,17 +3201,20 @@
         e.currentTarget.style.transform = "translateY(0)";
         e.currentTarget.style.boxShadow = "0 4px 16px rgba(76,77,220,0.35)";
       }
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement("img", {
+      src: IMG.icdIcon,
+      alt: "ICD-10",
       style: {
-        fontSize: 18
+        width: 22,
+        height: 22,
+        objectFit: "contain"
       }
-    }, "\uD83E\uDE7A"), "ICD-10 Assistant");
+    }), "ICD-10 Assistant");
   }
 
   // ─── 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,
@@ -3144,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",
@@ -3163,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
       }
@@ -3181,11 +3276,15 @@
         alignItems: "center",
         gap: 10
       }
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement("img", {
+      src: IMG.icdIcon,
+      alt: "ICD-10",
       style: {
-        fontSize: 22
+        width: 32,
+        height: 32,
+        objectFit: "contain"
       }
-    }, "\uD83E\uDE7A"), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         color: C.white,
         fontWeight: 700,
@@ -3257,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,
@@ -3283,7 +3382,14 @@
         borderRadius: 3,
         fontFamily: "monospace"
       }
-    }, "\u2318 Enter"), " to submit")), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Enter"), " to submit \xB7 ", /*#__PURE__*/React__default["default"].createElement("kbd", {
+      style: {
+        background: "#f3f4f6",
+        padding: "1px 5px",
+        borderRadius: 3,
+        fontFamily: "monospace"
+      }
+    }, "Shift+Enter"), " for new line")), /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         display: "flex",
         gap: 8
@@ -3298,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,
@@ -3308,12 +3414,12 @@
         cursor: !query.trim() || loading ? "not-allowed" : "pointer",
         transition: "background 0.15s"
       }
-    }, loading ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Spinner, null), "Searching codes\u2026") : "🔍 Find ICD-10 Codes"), (query || result) && /*#__PURE__*/React__default["default"].createElement("button", {
+    }, loading ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Spinner, null), "Searching codes\u2026") : "Find ICD-10 Codes"), (query || result) && /*#__PURE__*/React__default["default"].createElement("button", {
       onClick: onClear,
       style: {
         padding: "10px 14px",
         background: C.bg,
-        border: "1px solid ".concat(C.border),
+        border: `1px solid ${C.border}`,
         borderRadius: 8,
         fontSize: 13,
         fontWeight: 600,
@@ -3324,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,
@@ -3408,14 +3514,14 @@
       style: {
         flexShrink: 0,
         padding: "12px 18px",
-        borderTop: "1px solid ".concat(C.border),
+        borderTop: `1px solid ${C.border}`,
         background: C.bg,
         fontSize: 11,
         color: "#aaa",
         lineHeight: 1.5,
         textAlign: "center"
       }
-    }, "\u2695\uFE0F For reference only. Always verify codes with a certified medical coder. Not a substitute for clinical judgment or official coding guidelines."));
+    }, ICON.medical, " For reference only. Always verify codes with a certified medical coder. Not a substitute for clinical judgment or official coding guidelines."));
   }
 
   // ─── Main Component ────────────────────────────────────────────────────────────
@@ -3437,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]);
 
@@ -3477,24 +3580,22 @@
       }
     }, [query, loading]);
     const handleKeyDown = React.useCallback(e => {
-      if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
+      if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
         handleSubmit();
       }
     }, [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, {
@@ -3529,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) {