@anker-in/ui 0.3.4 → 0.3.5

package/dist/index.mjs

@@ -11442,6 +11442,10 @@ var DateTimePicker2 = ({
   );
   const [isInitialized, setIsInitialized] = useState(() => !!booking);
   const [hasResolvedBookingSlot, setHasResolvedBookingSlot] = useState(false);
+  const autoSelectLockRef = useRef(false);
+  useEffect(() => {
+    autoSelectLockRef.current = false;
+  }, [demoRoomCode]);
   const {
     createBooking,
     loading: bookingLoading,
@@ -11453,13 +11457,17 @@ var DateTimePicker2 = ({
     error: editError
   } = useEditBooking(apiClient);
   const isManagedByParent = demoRoomLoading !== void 0;
-  const { data: fetchedDemoRoom } = useDemoRoom(
+  const {
+    data: fetchedDemoRoom,
+    loading: fetchedDemoRoomLoading
+  } = useDemoRoom(
     apiClient,
     demoRoomCode || "",
     locale,
     { enabled: !isManagedByParent && !demoRoomProp && !!demoRoomCode }
   );
   const demoRoom = demoRoomProp ?? fetchedDemoRoom;
+  const effectiveDemoRoomLoading = !demoRoom && !!(isManagedByParent ? demoRoomLoading : fetchedDemoRoomLoading);
   const isPodPurpose = selectedPurposeType === "pod";
   const effectiveQuestionnaireId = isPodPurpose && demoRoom?.pod_config?.questionnaire_id || demoRoom?.questionnaire_id;
   const { data: questionnaire, loading: questionnaireLoading } = useQuestionnaire(
@@ -11508,7 +11516,8 @@ var DateTimePicker2 = ({
     return dates;
   }, [timeslotsData, demoRoom?.timezone, timezone5]);
   useEffect(() => {
-    if (booking || isInitialized || !demoRoom?.timeslots?.length) return;
+    if (booking || isInitialized || autoSelectLockRef.current || !demoRoom?.timeslots?.length)
+      return;
     const tz = demoRoom?.timezone || timezone5;
     const now2 = tz ? dayjs4().tz(tz) : dayjs4();
     const nearestSlot = demoRoom.timeslots.filter((slot) => {
@@ -11520,6 +11529,7 @@ var DateTimePicker2 = ({
       return timeA.unix() - timeB.unix();
     })[0];
     if (!nearestSlot) return;
+    autoSelectLockRef.current = true;
     const nearestDate = tz ? dayjs4(nearestSlot.start_time).tz(tz) : dayjs4(nearestSlot.start_time);
     setSelectedDate(nearestDate);
     setCalendarValue(nearestDate);
@@ -11527,7 +11537,7 @@ var DateTimePicker2 = ({
     setIsInitialized(true);
   }, [booking, isInitialized, demoRoom?.timeslots, demoRoom?.timezone, timezone5]);
   useEffect(() => {
-    if (!timeslotsData?.timeslots || isInitialized) return;
+    if (!timeslotsData?.timeslots || isInitialized || autoSelectLockRef.current) return;
     const tz = demoRoom?.timezone || timezone5;
     const now2 = tz ? dayjs4().tz(tz) : dayjs4();
     const availableTimeslots = timeslotsData.timeslots.filter((slot) => {
@@ -11542,16 +11552,25 @@ var DateTimePicker2 = ({
       });
       const nearestSlot = sortedSlots[0];
       const nearestDate = tz ? dayjs4(nearestSlot.start_time).tz(tz) : dayjs4(nearestSlot.start_time);
+      autoSelectLockRef.current = true;
       setSelectedDate(nearestDate);
       setCalendarValue(nearestDate);
       setSelectedTimeslotId(nearestSlot.id);
       setIsInitialized(true);
-    } else if (!selectedDate) {
+    } else if (!selectedDate && !effectiveDemoRoomLoading) {
+      autoSelectLockRef.current = true;
       setSelectedDate(now2);
       setCalendarValue(now2);
       setIsInitialized(true);
     }
-  }, [timeslotsData, isInitialized, selectedDate, demoRoom?.timezone, timezone5]);
+  }, [
+    timeslotsData,
+    isInitialized,
+    selectedDate,
+    demoRoom?.timezone,
+    timezone5,
+    effectiveDemoRoomLoading
+  ]);
   useEffect(() => {
     if (!timeslotsData?.timeslots || !isInitialized) return;
     if (selectedDate && selectedDate.isSame(calendarValue, "month")) {