@anker-in/ui 0.1.15 → 0.1.17

package/dist/index.mjs

@@ -12,6 +12,8 @@ import { theme, ConfigProvider, Calendar, Select } from 'antd';
 import dayLocaleData from 'dayjs/plugin/localeData';
 import weekday from 'dayjs/plugin/weekday';
 import weekOfYear from 'dayjs/plugin/weekOfYear';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
 
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -1659,7 +1661,8 @@ var QuestionnaireForm = ({
   pageData,
   selectedTimeslotId,
   loading = false,
-  className
+  className,
+  error
 }) => {
   const [responses, setResponses] = useState({});
   const [errors, setErrors] = useState({});
@@ -2105,17 +2108,20 @@ var QuestionnaireForm = ({
           ),
           children: loading ? pageData?.submitting || "Submitting..." : pageData?.submit || "Submit Booking"
         }
-      )
+      ),
+      error && /* @__PURE__ */ jsx("div", { className: "text-center w-full p-4", children: /* @__PURE__ */ jsx("p", { className: "text-[#FF4D4D] font-bold", children: error.message }) })
     ] })
   ] });
 };
 dayjs.extend(dayLocaleData);
 dayjs.extend(weekday);
 dayjs.extend(weekOfYear);
+dayjs.extend(utc);
+dayjs.extend(timezone);
 var DateTimePicker = ({
   apiClient,
   demoRoomCode,
-  timezone,
+  timezone: timezone2,
   pageData = {
     scheduleYourVisit: "Schedule Your Visit",
     timeSlot: "Time Slot",
@@ -2169,41 +2175,47 @@ var DateTimePicker = ({
     {
       start_date: startDate,
       end_date: endDate,
-      timezone
+      timezone: timezone2
     },
     { enabled: !!demoRoomCode }
   );
   const dayTimeslots = useMemo(() => {
     if (!timeslotsData?.timeslots || !selectedDate) return [];
+    const tz = demoRoom?.timezone || timezone2;
     const selectedDateStr = selectedDate.format("YYYY-MM-DD");
     return timeslotsData.timeslots.filter((slot) => {
-      const slotDate = dayjs(slot.start_time).format("YYYY-MM-DD");
+      const slotDate = tz ? dayjs(slot.start_time).tz(tz).format("YYYY-MM-DD") : dayjs(slot.start_time).format("YYYY-MM-DD");
       return slotDate === selectedDateStr;
     });
-  }, [timeslotsData, selectedDate]);
+  }, [timeslotsData, selectedDate, demoRoom?.timezone, timezone2]);
   const availableDates = useMemo(() => {
     if (!timeslotsData?.timeslots) return /* @__PURE__ */ new Set();
+    const tz = demoRoom?.timezone || timezone2;
     const dates = /* @__PURE__ */ new Set();
     timeslotsData.timeslots.forEach((slot) => {
       if (slot.status === "available") {
-        const dateStr = dayjs(slot.start_time).format("YYYY-MM-DD");
+        const dateStr = tz ? dayjs(slot.start_time).tz(tz).format("YYYY-MM-DD") : dayjs(slot.start_time).format("YYYY-MM-DD");
         dates.add(dateStr);
       }
     });
     return dates;
-  }, [timeslotsData]);
+  }, [timeslotsData, demoRoom?.timezone, timezone2]);
   useEffect(() => {
     if (!timeslotsData?.timeslots || isInitialized) return;
-    const now2 = dayjs();
-    const availableTimeslots = timeslotsData.timeslots.filter(
-      (slot) => slot.status === "available" && dayjs(slot.start_time).isAfter(now2)
-    );
+    const tz = demoRoom?.timezone || timezone2;
+    const now2 = tz ? dayjs().tz(tz) : dayjs();
+    const availableTimeslots = timeslotsData.timeslots.filter((slot) => {
+      const slotTime = tz ? dayjs(slot.start_time).tz(tz) : dayjs(slot.start_time);
+      return slot.status === "available" && slotTime.isAfter(now2);
+    });
     if (availableTimeslots.length > 0) {
-      const sortedSlots = [...availableTimeslots].sort(
-        (a, b) => dayjs(a.start_time).unix() - dayjs(b.start_time).unix()
-      );
+      const sortedSlots = [...availableTimeslots].sort((a, b) => {
+        const timeA = tz ? dayjs(a.start_time).tz(tz) : dayjs(a.start_time);
+        const timeB = tz ? dayjs(b.start_time).tz(tz) : dayjs(b.start_time);
+        return timeA.unix() - timeB.unix();
+      });
       const nearestSlot = sortedSlots[0];
-      const nearestDate = dayjs(nearestSlot.start_time);
+      const nearestDate = tz ? dayjs(nearestSlot.start_time).tz(tz) : dayjs(nearestSlot.start_time);
       setSelectedDate(nearestDate);
       setCalendarValue(nearestDate);
       setSelectedTimeslotId(nearestSlot.id);
@@ -2213,32 +2225,43 @@ var DateTimePicker = ({
       setCalendarValue(now2);
       setIsInitialized(true);
     }
-  }, [timeslotsData, isInitialized, selectedDate]);
+  }, [timeslotsData, isInitialized, selectedDate, demoRoom?.timezone, timezone2]);
   useEffect(() => {
     if (!timeslotsData?.timeslots || !isInitialized) return;
     if (selectedDate && selectedDate.isSame(calendarValue, "month")) {
       return;
     }
+    const tz = demoRoom?.timezone || timezone2;
     const currentMonthStart = calendarValue.startOf("month");
     const currentMonthEnd = calendarValue.endOf("month");
-    const now2 = dayjs();
+    const now2 = tz ? dayjs().tz(tz) : dayjs();
     const availableTimeslots = timeslotsData.timeslots.filter((slot) => {
-      const slotDate = dayjs(slot.start_time);
+      const slotDate = tz ? dayjs(slot.start_time).tz(tz) : dayjs(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) => dayjs(a.start_time).unix() - dayjs(b.start_time).unix()
-      );
+      const sortedSlots = [...availableTimeslots].sort((a, b) => {
+        const timeA = tz ? dayjs(a.start_time).tz(tz) : dayjs(a.start_time);
+        const timeB = tz ? dayjs(b.start_time).tz(tz) : dayjs(b.start_time);
+        return timeA.unix() - timeB.unix();
+      });
       const firstSlot = sortedSlots[0];
-      const firstDate = dayjs(firstSlot.start_time);
+      const firstDate = tz ? dayjs(firstSlot.start_time).tz(tz) : dayjs(firstSlot.start_time);
       setSelectedDate(firstDate);
       setSelectedTimeslotId(firstSlot.id);
     }
-  }, [calendarValue, timeslotsData, isInitialized, selectedDate]);
+  }, [
+    calendarValue,
+    timeslotsData,
+    isInitialized,
+    selectedDate,
+    demoRoom?.timezone,
+    timezone2
+  ]);
   const formatTimeslot = (slot) => {
-    const start = dayjs(slot.start_time).format("h:mm A");
-    const end = dayjs(slot.end_time).format("h:mm A");
+    const tz = demoRoom?.timezone || timezone2;
+    const start = tz ? dayjs(slot.start_time).tz(tz).format("h:mm A") : dayjs(slot.start_time).format("h:mm A");
+    const end = tz ? dayjs(slot.end_time).tz(tz).format("h:mm A") : dayjs(slot.end_time).format("h:mm A");
     return `${start} - ${end}`;
   };
   const wrapperStyle = {
@@ -2653,7 +2676,7 @@ var DateTimePicker = ({
         }) }),
         !timeslotsLoading && dayTimeslots?.length > 0 && /* @__PURE__ */ jsx("div", { className: "pt-[24px] text-[#6d6d6F] text-center", children: pageData?.timezone?.replace(
           "{{timezone}}",
-          demoRoom?.timezone || timezone || ""
+          demoRoom?.timezone || timezone2 || ""
         ) })
       ] })
     ] }),
@@ -2666,6 +2689,7 @@ var DateTimePicker = ({
           loading: bookingLoading,
           pageData,
           selectedTimeslotId,
+          error: bookingError,
           onSubmit: async (responses) => {
             if (onQuestionnaireSubmit) {
               await onQuestionnaireSubmit(responses);
@@ -2701,7 +2725,7 @@ var DateTimePicker = ({
 };
 var DateTimePicker_default = DateTimePicker;
 
-// node_modules/swiper/shared/ssr-window.esm.mjs
+// ../../node_modules/swiper/shared/ssr-window.esm.mjs
 function isObject(obj) {
   return obj !== null && typeof obj === "object" && "constructor" in obj && obj.constructor === Object;
 }
@@ -2845,7 +2869,7 @@ function getWindow() {
   return win;
 }
 
-// node_modules/swiper/shared/utils.mjs
+// ../../node_modules/swiper/shared/utils.mjs
 function classesToTokens(classes2 = "") {
   return classes2.trim().split(" ").filter((c) => !!c.trim());
 }
@@ -3116,7 +3140,7 @@ function setInnerHTML(el, html = "") {
   }
 }
 
-// node_modules/swiper/shared/swiper-core.mjs
+// ../../node_modules/swiper/shared/swiper-core.mjs
 var support;
 function calcSupport() {
   const window2 = getWindow();
@@ -6750,7 +6774,7 @@ Object.keys(prototypes).forEach((prototypeGroup) => {
 });
 Swiper.use([Resize, Observer]);
 
-// node_modules/swiper/shared/update-swiper.mjs
+// ../../node_modules/swiper/shared/update-swiper.mjs
 var paramsList = [
   "eventsPrefix",
   "injectStyles",
@@ -7079,7 +7103,7 @@ function updateSwiper({
   swiper.update();
 }
 
-// node_modules/swiper/shared/update-on-virtual-data.mjs
+// ../../node_modules/swiper/shared/update-on-virtual-data.mjs
 function getParams(obj = {}, splitEvents = true) {
   const params = {
     on: {}
@@ -7197,7 +7221,7 @@ var updateOnVirtualData = (swiper) => {
   }
 };
 
-// node_modules/swiper/swiper-react.mjs
+// ../../node_modules/swiper/swiper-react.mjs
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -7543,7 +7567,7 @@ var SwiperSlide = /* @__PURE__ */ forwardRef(({
 });
 SwiperSlide.displayName = "SwiperSlide";
 
-// node_modules/swiper/shared/create-element-if-not-defined.mjs
+// ../../node_modules/swiper/shared/create-element-if-not-defined.mjs
 function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
   if (swiper.params.createElements) {
     Object.keys(checkProps).forEach((key) => {
@@ -7562,7 +7586,7 @@ function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
   return params;
 }
 
-// node_modules/swiper/modules/navigation.mjs
+// ../../node_modules/swiper/modules/navigation.mjs
 var arrowSvg = `<svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z" fill="currentColor"/></svg>`;
 function Navigation({
   swiper,
@@ -7764,12 +7788,12 @@ function Navigation({
   });
 }
 
-// node_modules/swiper/shared/classes-to-selector.mjs
+// ../../node_modules/swiper/shared/classes-to-selector.mjs
 function classesToSelector(classes2 = "") {
   return `.${classes2.trim().replace(/([\.:!+\/()[\]])/g, "\\$1").replace(/ /g, ".")}`;
 }
 
-// node_modules/swiper/modules/pagination.mjs
+// ../../node_modules/swiper/modules/pagination.mjs
 function Pagination({
   swiper,
   extendParams,
@@ -8217,7 +8241,7 @@ function Pagination({
   });
 }
 
-// node_modules/swiper/modules/autoplay.mjs
+// ../../node_modules/swiper/modules/autoplay.mjs
 function Autoplay({
   swiper,
   extendParams,
@@ -8754,7 +8778,7 @@ var BookingForm = ({
   apiConfig,
   demoRoomCode,
   pageData,
-  timezone,
+  timezone: timezone2,
   handleBookingSuccess,
   onQuestionnaireSubmit,
   ...props
@@ -8786,7 +8810,7 @@ var BookingForm = ({
       {
         apiClient,
         demoRoomCode,
-        timezone,
+        timezone: timezone2,
         locale: apiConfig.locale,
         onBookingSuccess: handleBookingSuccess,
         onQuestionnaireSubmit,