@anker-in/ui 0.2.0 → 0.2.2

package/dist/index.js

@@ -8,26 +8,26 @@ var IndexBar = require('antd-mobile/es/components/index-bar');
 var List = require('antd-mobile/es/components/list');
 require('antd-mobile/es/components/index-bar/index-bar.css');
 require('antd-mobile/es/components/list/list.css');
-var dayjs = require('dayjs');
+var dayjs2 = require('dayjs');
+var utc = require('dayjs/plugin/utc');
+var timezone = require('dayjs/plugin/timezone');
 require('dayjs/locale/zh-cn');
 var antd = require('antd');
 var dayLocaleData = require('dayjs/plugin/localeData');
 var weekday = require('dayjs/plugin/weekday');
 var weekOfYear = require('dayjs/plugin/weekOfYear');
-var timezone = require('dayjs/plugin/timezone');
-var utc = require('dayjs/plugin/utc');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React9__default = /*#__PURE__*/_interopDefault(React9);
 var IndexBar__default = /*#__PURE__*/_interopDefault(IndexBar);
 var List__default = /*#__PURE__*/_interopDefault(List);
-var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var dayjs2__default = /*#__PURE__*/_interopDefault(dayjs2);
+var utc__default = /*#__PURE__*/_interopDefault(utc);
+var timezone__default = /*#__PURE__*/_interopDefault(timezone);
 var dayLocaleData__default = /*#__PURE__*/_interopDefault(dayLocaleData);
 var weekday__default = /*#__PURE__*/_interopDefault(weekday);
 var weekOfYear__default = /*#__PURE__*/_interopDefault(weekOfYear);
-var timezone__default = /*#__PURE__*/_interopDefault(timezone);
-var utc__default = /*#__PURE__*/_interopDefault(utc);
 
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -1117,6 +1117,8 @@ var LocationFilter = ({
   );
 };
 LocationFilter.displayName = "LocationFilter";
+dayjs2__default.default.extend(utc__default.default);
+dayjs2__default.default.extend(timezone__default.default);
 var defaultPageData = {
   title: "Find a Studio Near You",
   loadingText: "Loading demo rooms...",
@@ -1296,6 +1298,20 @@ var RoomsList = ({
       const city = room.location?.city || "";
       const addressParts = [room.address, city, state, country].filter(Boolean);
       const fullAddress = addressParts.join(", ");
+      let formattedTime = mergedPageData.noAvailableTime;
+      if (nextAvailableTimeslot) {
+        try {
+          const timeInZone = dayjs2__default.default(nextAvailableTimeslot.start_time).tz(
+            room.timezone || "America/Los_Angeles"
+          );
+          const month = timeInZone.format("MMM");
+          const day = timeInZone.format("D");
+          const time = timeInZone.format("h:mm A");
+          formattedTime = `${month}.${day}, ${time}`;
+        } catch (error2) {
+          formattedTime = nextAvailableTimeslot.start_time;
+        }
+      }
       return {
         id: room.code,
         name: room.name,
@@ -1306,7 +1322,7 @@ var RoomsList = ({
         country,
         lat: Number(room.latitude) || 0,
         lng: Number(room.longitude) || 0,
-        availableTime: nextAvailableTimeslot ? `${nextAvailableTimeslot.start_time}` : mergedPageData.noAvailableTime,
+        availableTime: formattedTime,
         euifyMakeModel: room?.equipment?.join(", ") || ""
       };
     });
@@ -1685,7 +1701,12 @@ var QuestionnaireForm = ({
   const [phoneCountryCodes, setPhoneCountryCodes] = React9.useState({});
   const [otherInputs, setOtherInputs] = React9.useState({});
   const prevHasBookedBeforeRef = React9.useRef(false);
-  const hasBookedBefore = responses["has_booked_before"] === "option2";
+  const hasBookedBeforeInitialized = React9.useRef(false);
+  const hasBookedBeforeQuestion = questions.find(
+    (q) => (q.key || q.id) === "has_booked_before"
+  );
+  const hasBookedBeforeQuestionId = hasBookedBeforeQuestion ? hasBookedBeforeQuestion.key || hasBookedBeforeQuestion.id || "" : "has_booked_before";
+  const hasBookedBefore = responses[hasBookedBeforeQuestionId] === "option2";
   const hiddenQuestionIds = React9.useMemo(() => {
     if (!hasBookedBefore) return [];
     return questions.filter((q) => q.is_default === false).map((q) => q.key || q.id || "");
@@ -1698,6 +1719,21 @@ var QuestionnaireForm = ({
       return true;
     });
   }, [questions, hasBookedBefore]);
+  React9.useEffect(() => {
+    if (hasBookedBeforeInitialized.current) return;
+    if (hasBookedBeforeQuestion && hasBookedBeforeQuestionId) {
+      setResponses((prev) => {
+        if (!prev[hasBookedBeforeQuestionId]) {
+          return {
+            ...prev,
+            [hasBookedBeforeQuestionId]: "option1"
+          };
+        }
+        return prev;
+      });
+      hasBookedBeforeInitialized.current = true;
+    }
+  }, [hasBookedBeforeQuestion, hasBookedBeforeQuestionId]);
   React9.useEffect(() => {
     if (hasBookedBefore && !prevHasBookedBeforeRef.current) {
       if (hiddenQuestionIds.length > 0) {
@@ -2195,15 +2231,15 @@ var QuestionnaireForm = ({
     ] })
   ] });
 };
-dayjs__default.default.extend(dayLocaleData__default.default);
-dayjs__default.default.extend(weekday__default.default);
-dayjs__default.default.extend(weekOfYear__default.default);
-dayjs__default.default.extend(utc__default.default);
-dayjs__default.default.extend(timezone__default.default);
+dayjs2__default.default.extend(dayLocaleData__default.default);
+dayjs2__default.default.extend(weekday__default.default);
+dayjs2__default.default.extend(weekOfYear__default.default);
+dayjs2__default.default.extend(utc__default.default);
+dayjs2__default.default.extend(timezone__default.default);
 var DateTimePicker = ({
   apiClient,
   demoRoomCode,
-  timezone: timezone2,
+  timezone: timezone3,
   pageData = {
     scheduleYourVisit: "Schedule Your Visit",
     timeSlot: "Time Slot",
@@ -2222,7 +2258,7 @@ var DateTimePicker = ({
 }) => {
   const { token } = antd.theme.useToken();
   const [selectedDate, setSelectedDate] = React9.useState(null);
-  const [calendarValue, setCalendarValue] = React9.useState(dayjs__default.default());
+  const [calendarValue, setCalendarValue] = React9.useState(dayjs2__default.default());
   const [selectedTimeslotId, setSelectedTimeslotId] = React9.useState(
     null
   );
@@ -2257,47 +2293,47 @@ var DateTimePicker = ({
     {
       start_date: startDate,
       end_date: endDate,
-      timezone: timezone2
+      timezone: timezone3
     },
     { enabled: !!demoRoomCode }
   );
   const dayTimeslots = React9.useMemo(() => {
     if (!timeslotsData?.timeslots || !selectedDate) return [];
-    const tz = demoRoom?.timezone || timezone2;
+    const tz = demoRoom?.timezone || timezone3;
     const selectedDateStr = selectedDate.format("YYYY-MM-DD");
     return timeslotsData.timeslots.filter((slot) => {
-      const slotDate = tz ? dayjs__default.default(slot.start_time).tz(tz).format("YYYY-MM-DD") : dayjs__default.default(slot.start_time).format("YYYY-MM-DD");
+      const slotDate = tz ? dayjs2__default.default(slot.start_time).tz(tz).format("YYYY-MM-DD") : dayjs2__default.default(slot.start_time).format("YYYY-MM-DD");
       return slotDate === selectedDateStr;
     });
-  }, [timeslotsData, selectedDate, demoRoom?.timezone, timezone2]);
+  }, [timeslotsData, selectedDate, demoRoom?.timezone, timezone3]);
   const availableDates = React9.useMemo(() => {
     if (!timeslotsData?.timeslots) return /* @__PURE__ */ new Set();
-    const tz = demoRoom?.timezone || timezone2;
+    const tz = demoRoom?.timezone || timezone3;
     const dates = /* @__PURE__ */ new Set();
     timeslotsData.timeslots.forEach((slot) => {
       if (slot.status === "available") {
-        const dateStr = tz ? dayjs__default.default(slot.start_time).tz(tz).format("YYYY-MM-DD") : dayjs__default.default(slot.start_time).format("YYYY-MM-DD");
+        const dateStr = tz ? dayjs2__default.default(slot.start_time).tz(tz).format("YYYY-MM-DD") : dayjs2__default.default(slot.start_time).format("YYYY-MM-DD");
         dates.add(dateStr);
       }
     });
     return dates;
-  }, [timeslotsData, demoRoom?.timezone, timezone2]);
+  }, [timeslotsData, demoRoom?.timezone, timezone3]);
   React9.useEffect(() => {
     if (!timeslotsData?.timeslots || isInitialized) return;
-    const tz = demoRoom?.timezone || timezone2;
-    const now2 = tz ? dayjs__default.default().tz(tz) : dayjs__default.default();
+    const tz = demoRoom?.timezone || timezone3;
+    const now2 = tz ? dayjs2__default.default().tz(tz) : dayjs2__default.default();
     const availableTimeslots = timeslotsData.timeslots.filter((slot) => {
-      const slotTime = tz ? dayjs__default.default(slot.start_time).tz(tz) : dayjs__default.default(slot.start_time);
+      const slotTime = tz ? dayjs2__default.default(slot.start_time).tz(tz) : dayjs2__default.default(slot.start_time);
       return slot.status === "available" && slotTime.isAfter(now2);
     });
     if (availableTimeslots.length > 0) {
       const sortedSlots = [...availableTimeslots].sort((a, b) => {
-        const timeA = tz ? dayjs__default.default(a.start_time).tz(tz) : dayjs__default.default(a.start_time);
-        const timeB = tz ? dayjs__default.default(b.start_time).tz(tz) : dayjs__default.default(b.start_time);
+        const timeA = tz ? dayjs2__default.default(a.start_time).tz(tz) : dayjs2__default.default(a.start_time);
+        const timeB = tz ? dayjs2__default.default(b.start_time).tz(tz) : dayjs2__default.default(b.start_time);
         return timeA.unix() - timeB.unix();
       });
       const nearestSlot = sortedSlots[0];
-      const nearestDate = tz ? dayjs__default.default(nearestSlot.start_time).tz(tz) : dayjs__default.default(nearestSlot.start_time);
+      const nearestDate = tz ? dayjs2__default.default(nearestSlot.start_time).tz(tz) : dayjs2__default.default(nearestSlot.start_time);
       setSelectedDate(nearestDate);
       setCalendarValue(nearestDate);
       setSelectedTimeslotId(nearestSlot.id);
@@ -2307,28 +2343,28 @@ var DateTimePicker = ({
       setCalendarValue(now2);
       setIsInitialized(true);
     }
-  }, [timeslotsData, isInitialized, selectedDate, demoRoom?.timezone, timezone2]);
+  }, [timeslotsData, isInitialized, selectedDate, demoRoom?.timezone, timezone3]);
   React9.useEffect(() => {
     if (!timeslotsData?.timeslots || !isInitialized) return;
     if (selectedDate && selectedDate.isSame(calendarValue, "month")) {
       return;
     }
-    const tz = demoRoom?.timezone || timezone2;
+    const tz = demoRoom?.timezone || timezone3;
     const currentMonthStart = calendarValue.startOf("month");
     const currentMonthEnd = calendarValue.endOf("month");
-    const now2 = tz ? dayjs__default.default().tz(tz) : dayjs__default.default();
+    const now2 = tz ? dayjs2__default.default().tz(tz) : dayjs2__default.default();
     const availableTimeslots = timeslotsData.timeslots.filter((slot) => {
-      const slotDate = tz ? dayjs__default.default(slot.start_time).tz(tz) : dayjs__default.default(slot.start_time);
+      const slotDate = tz ? dayjs2__default.default(slot.start_time).tz(tz) : dayjs2__default.default(slot.start_time);
       return slot.status === "available" && slotDate.isAfter(now2) && (slotDate.isAfter(currentMonthStart) || slotDate.isSame(currentMonthStart, "day")) && (slotDate.isBefore(currentMonthEnd) || slotDate.isSame(currentMonthEnd, "day"));
     });
     if (availableTimeslots.length > 0) {
       const sortedSlots = [...availableTimeslots].sort((a, b) => {
-        const timeA = tz ? dayjs__default.default(a.start_time).tz(tz) : dayjs__default.default(a.start_time);
-        const timeB = tz ? dayjs__default.default(b.start_time).tz(tz) : dayjs__default.default(b.start_time);
+        const timeA = tz ? dayjs2__default.default(a.start_time).tz(tz) : dayjs2__default.default(a.start_time);
+        const timeB = tz ? dayjs2__default.default(b.start_time).tz(tz) : dayjs2__default.default(b.start_time);
         return timeA.unix() - timeB.unix();
       });
       const firstSlot = sortedSlots[0];
-      const firstDate = tz ? dayjs__default.default(firstSlot.start_time).tz(tz) : dayjs__default.default(firstSlot.start_time);
+      const firstDate = tz ? dayjs2__default.default(firstSlot.start_time).tz(tz) : dayjs2__default.default(firstSlot.start_time);
       setSelectedDate(firstDate);
       setSelectedTimeslotId(firstSlot.id);
     }
@@ -2338,12 +2374,12 @@ var DateTimePicker = ({
     isInitialized,
     selectedDate,
     demoRoom?.timezone,
-    timezone2
+    timezone3
   ]);
   const formatTimeslot = (slot) => {
-    const tz = demoRoom?.timezone || timezone2;
-    const start = tz ? dayjs__default.default(slot.start_time).tz(tz).format("h:mm A") : dayjs__default.default(slot.start_time).format("h:mm A");
-    const end = tz ? dayjs__default.default(slot.end_time).tz(tz).format("h:mm A") : dayjs__default.default(slot.end_time).format("h:mm A");
+    const tz = demoRoom?.timezone || timezone3;
+    const start = tz ? dayjs2__default.default(slot.start_time).tz(tz).format("h:mm A") : dayjs2__default.default(slot.start_time).format("h:mm A");
+    const end = tz ? dayjs2__default.default(slot.end_time).tz(tz).format("h:mm A") : dayjs2__default.default(slot.end_time).format("h:mm A");
     return `${start} - ${end}`;
   };
   const wrapperStyle = {
@@ -2504,16 +2540,16 @@ var DateTimePicker = ({
                     },
                     disabledDate: (current) => {
                       if (!current) return false;
-                      if (current.isSame(dayjs__default.default(), "day")) return false;
-                      if (current.isBefore(dayjs__default.default(), "day")) return true;
+                      if (current.isSame(dayjs2__default.default(), "day")) return false;
+                      if (current.isBefore(dayjs2__default.default(), "day")) return true;
                       const dateStr = current.format("YYYY-MM-DD");
                       return !availableDates.has(dateStr);
                     },
                     fullCellRender: (date) => {
                       const isSelected = selectedDate && date.isSame(selectedDate, "day");
-                      const isToday = date.isSame(dayjs__default.default(), "day");
+                      const isToday = date.isSame(dayjs2__default.default(), "day");
                       const dateStr = date.format("YYYY-MM-DD");
-                      const isDisabled = !isToday && (date.isBefore(dayjs__default.default(), "day") || !availableDates.has(dateStr));
+                      const isDisabled = !isToday && (date.isBefore(dayjs2__default.default(), "day") || !availableDates.has(dateStr));
                       return /* @__PURE__ */ jsxRuntime.jsx(
                         "div",
                         {
@@ -2659,13 +2695,13 @@ var DateTimePicker = ({
                 onClick: () => {
                   if (selectedDate) {
                     const newDate = selectedDate.subtract(1, "day");
-                    if (!newDate.isBefore(dayjs__default.default(), "day")) {
+                    if (!newDate.isBefore(dayjs2__default.default(), "day")) {
                       setSelectedDate(newDate);
                       setCalendarValue(newDate);
                     }
                   }
                 },
-                disabled: !selectedDate || selectedDate.isSame(dayjs__default.default(), "day") || selectedDate.isBefore(dayjs__default.default(), "day"),
+                disabled: !selectedDate || selectedDate.isSame(dayjs2__default.default(), "day") || selectedDate.isBefore(dayjs2__default.default(), "day"),
                 className: "w-8 h-8 flex items-center justify-center hover:bg-gray-100 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
@@ -2758,7 +2794,7 @@ var DateTimePicker = ({
         }) }),
         !timeslotsLoading && dayTimeslots?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-[24px] text-[#6d6d6F] text-center", children: pageData?.timezone?.replace(
           "{{timezone}}",
-          demoRoom?.timezone || timezone2 || ""
+          demoRoom?.timezone || timezone3 || ""
         ) })
       ] })
     ] }),
@@ -8862,7 +8898,7 @@ var BookingForm = ({
   apiConfig,
   demoRoomCode,
   pageData,
-  timezone: timezone2,
+  timezone: timezone3,
   handleBookingSuccess,
   onQuestionnaireSubmit,
   ...props
@@ -8894,7 +8930,7 @@ var BookingForm = ({
       {
         apiClient,
         demoRoomCode,
-        timezone: timezone2,
+        timezone: timezone3,
         locale: apiConfig.locale,
         onBookingSuccess: handleBookingSuccess,
         onQuestionnaireSubmit,