meeting-scheduler-npm-package 1.0.2 → 1.0.4

package/dist/index.esm.js

@@ -486,10 +486,8 @@ function IoIosArrowBack (props) {
   return GenIcon({"attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"},"child":[]}]})(props);
 }
 
-const API_BASE = "https://schedule-api.betopialimited.com/api";
-
 const daysOfWeek = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
-const MeetingScheduler = ({ userId, availabilityId, authToken, onSuccess, onError, }) => {
+const MeetingScheduler = ({ userId = 1, availabilityId = 1, authToken: propAuthToken, email = "superadmin1@gmail.com", password = "password", apiBase, onSuccess, onError, }) => {
     const [currentMonth, setCurrentMonth] = useState(new Date());
     const [selectedDate, setSelectedDate] = useState(null);
     const [availableSlots, setAvailableSlots] = useState([]);
@@ -520,23 +518,49 @@ const MeetingScheduler = ({ userId, availabilityId, authToken, onSuccess, onErro
     const today = new Date();
     today.setHours(0, 0, 0, 0);
     const isPastDate = (date) => date <= today;
+    /* ============ Auth ============ */
+    const getAuthToken = async () => {
+        var _a;
+        if (propAuthToken)
+            return propAuthToken;
+        const existing = localStorage.getItem("auth_token");
+        if (existing)
+            return existing;
+        try {
+            const res = await fetch(`${apiBase}/v1/user/login`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ email, password }),
+            });
+            const data = await res.json();
+            const token = data.token || data.access_token || ((_a = data.data) === null || _a === void 0 ? void 0 : _a.token);
+            if (token)
+                localStorage.setItem("auth_token", token);
+            return token || null;
+        }
+        catch (_b) {
+            return null;
+        }
+    };
     /* ============ API ============ */
     const fetchSlots = async (date) => {
+        setLoading(true);
+        const token = await getAuthToken();
+        if (!token) {
+            onError === null || onError === void 0 ? void 0 : onError("Authentication failed");
+            setLoading(false);
+            return;
+        }
+        const yyyy = date.getFullYear();
+        const mm = String(date.getMonth() + 1).padStart(2, "0");
+        const dd = String(date.getDate()).padStart(2, "0");
         try {
-            setLoading(true);
-            const yyyy = date.getFullYear();
-            const mm = String(date.getMonth() + 1).padStart(2, "0");
-            const dd = String(date.getDate()).padStart(2, "0");
-            const res = await fetch(`${API_BASE}/v1/meeting-schedule/check-schedule/${yyyy}-${mm}-${dd}?timezone=${timezone}`, {
-                headers: authToken
-                    ? { Authorization: `Bearer ${authToken}` }
-                    : {},
-            });
+            const res = await fetch(`${apiBase}/v1/meeting-schedule/check-schedule/${yyyy}-${mm}-${dd}?timezone=${timezone}`, { headers: { Authorization: `Bearer ${token}` } });
             const data = await res.json();
             setAvailableSlots(data.slots || []);
         }
         catch (_a) {
-            onError === null || onError === void 0 ? void 0 : onError("Failed to load slots");
+            onError === null || onError === void 0 ? void 0 : onError("Failed to fetch slots");
         }
         finally {
             setLoading(false);
@@ -545,11 +569,20 @@ const MeetingScheduler = ({ userId, availabilityId, authToken, onSuccess, onErro
     const handleBooking = async () => {
         if (!selectedSlot)
             return;
+        setLoading(true);
+        const token = await getAuthToken();
+        if (!token) {
+            onError === null || onError === void 0 ? void 0 : onError("Authentication failed");
+            setLoading(false);
+            return;
+        }
         try {
-            setLoading(true);
-            const res = await fetch(`${API_BASE}/v1/meeting-schedule/book-schedule`, {
+            const res = await fetch(`${apiBase}/v1/meeting-schedule/book-schedule`, {
                 method: "POST",
-                headers: Object.assign({ "Content-Type": "application/json" }, (authToken && { Authorization: `Bearer ${authToken}` })),
+                headers: {
+                    "Content-Type": "application/json",
+                    Authorization: `Bearer ${token}`,
+                },
                 body: JSON.stringify({
                     user_id: userId,
                     availability_id: availabilityId,
@@ -560,13 +593,16 @@ const MeetingScheduler = ({ userId, availabilityId, authToken, onSuccess, onErro
             });
             if (!res.ok)
                 throw new Error();
+            // Swal.fire("Success", "Meeting booked!", "success");
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
             setFormData({ name: "", email: "", phone: "", message: "" });
-            setSelectedSlot(null);
             setSelectedDate(null);
+            setSelectedSlot(null);
+            setAvailableSlots([]);
         }
         catch (_a) {
             onError === null || onError === void 0 ? void 0 : onError("Booking failed");
+            // Swal.fire("Error", "Booking failed.", "error");
         }
         finally {
             setLoading(false);