pih-appointment-widget 0.0.29 → 0.0.31

package/dist/components/AppointmentPage.js

@@ -544,6 +544,39 @@ const AppointmentPage = _ref => {
     }
   };
 
+  // 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?.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
+      const ampmMatch = String(timeStr).trim().match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
+      let h, m;
+      if (ampmMatch) {
+        h = parseInt(ampmMatch[1], 10);
+        m = parseInt(ampmMatch[2], 10);
+        const period = ampmMatch[3].toUpperCase();
+        if (period === "AM" && h === 12) h = 0;
+        if (period === "PM" && h !== 12) h += 12;
+      } else {
+        // Already 24-hour "HH:MM"
+        const parts = String(timeStr).trim().split(":");
+        h = parseInt(parts[0], 10);
+        m = parseInt(parts[1], 10);
+      }
+      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(`${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 {
+      return false;
+    }
+  };
+
   // Handle join call — call initiate API to get LiveKit token+url, then open PiP
   const handleJoinCall = async () => {
     if (!selectedAppointment || !appToken) return;
@@ -616,25 +649,6 @@ const AppointmentPage = _ref => {
     fetchAppointments();
   };
 
-  // End call silently when user presses browser back button during an active call.
-  (0, _react.useEffect)(() => {
-    if (!showPipVideo) return;
-    window.history.pushState({
-      pipActive: true
-    }, "");
-    const handlePopState = () => {
-      setShowPipVideo(false);
-      setIsPipMinimized(false);
-      setIsPipFullscreen(false);
-      setCallToken(null);
-      setCallUrl(null);
-      setCallError(null);
-      window.history.back();
-    };
-    window.addEventListener("popstate", handlePopState);
-    return () => window.removeEventListener("popstate", handlePopState);
-  }, [showPipVideo]);
-
   // Handle PiP minimize
   const handleTogglePipSize = () => {
     if (isPipFullscreen) {
@@ -2096,7 +2110,7 @@ const AppointmentPage = _ref => {
         fontSize: isMobile ? "11px" : "12px",
         lineHeight: "1.4"
       }
-    }, selectedAppointment?.reason || selectedAppointment?.reasonForAppointment || "No reason provided"))), activeTab === "upcoming" && /*#__PURE__*/_react.default.createElement("div", {
+    }, selectedAppointment?.reason || selectedAppointment?.reasonForAppointment || "No reason provided"))), (activeTab === "upcoming" || activeTab === "completed" && isWithinJoinWindow(selectedAppointment)) && /*#__PURE__*/_react.default.createElement("div", {
       style: {
         display: "flex",
         flexDirection: isMobile ? "column" : "row",
@@ -2105,7 +2119,7 @@ const AppointmentPage = _ref => {
       }
     }, /*#__PURE__*/_react.default.createElement("button", {
       type: "button",
-      onClick: handleJoinCall,
+      onClick: !callLoading ? handleJoinCall : undefined,
       disabled: callLoading,
       style: {
         flex: 1,
@@ -2119,7 +2133,7 @@ const AppointmentPage = _ref => {
         fontSize: isMobile ? "11px" : "12px",
         cursor: callLoading ? "not-allowed" : "pointer"
       }
-    }, callLoading ? "Connecting..." : "Join Call >")), activeTab === "upcoming" && callError && /*#__PURE__*/_react.default.createElement("div", {
+    }, callLoading ? "Connecting..." : "Join Call >")), (activeTab === "upcoming" || activeTab === "completed") && callError && /*#__PURE__*/_react.default.createElement("div", {
       style: {
         fontSize: "11px",
         color: "#e53935",
@@ -2445,21 +2459,14 @@ const AppointmentPage = _ref => {
         color: "#1a1a1a",
         margin: "0 0 8px 0"
       }
-    }, tokenError ? "Not authorised" : "Sign in required"), /*#__PURE__*/_react.default.createElement("p", {
+    }, "Access Denied"), /*#__PURE__*/_react.default.createElement("p", {
       style: {
         fontSize: "14px",
         color: "#666",
         margin: 0,
         lineHeight: 1.5
       }
-    }, authErrorMessage), /*#__PURE__*/_react.default.createElement("p", {
-      style: {
-        fontSize: "13px",
-        color: "#999",
-        marginTop: "16px",
-        marginBottom: 0
-      }
-    }, "Redirecting to login..."))));
+    }, "You do not have permission to access Afiya Pro. Please contact administrator for assistance."))));
   }
   return /*#__PURE__*/_react.default.createElement(AppointmentErrorBoundary, null, content);
 };

package/dist/constants/apiConfig.js

@@ -29,5 +29,5 @@ const DEFAULT_PARAMS = exports.DEFAULT_PARAMS = {
 const REQUEST_TIMEOUT = exports.REQUEST_TIMEOUT = 10000;
 
 // Join call URL (will be dynamic from auth API later)
-const JOIN_CALL_URL = exports.JOIN_CALL_URL = "https://wbafedevittisalwe01-had2b3e0a7h6fyey.westeurope-01.azurewebsites.net/call/";
-const WEB_URL = exports.WEB_URL = "https://wbaemrdevittisalwe01-fnapdpfme7bvduhh.westeurope-01.azurewebsites.net/";
+const JOIN_CALL_URL = exports.JOIN_CALL_URL = "https://ittisalqa.powermindinc.com/call/";
+const WEB_URL = exports.WEB_URL = "https://afiyaproqa.powermindinc.com/";