@anker-in/ui 0.3.1 → 0.3.2

package/dist/index.mjs

@@ -10,7 +10,7 @@ import dayjs4 from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
 import 'dayjs/locale/zh-cn';
-import { QRCode, theme, ConfigProvider, Calendar, Select } from 'antd';
+import { Image, QRCode, theme, ConfigProvider, Calendar, Select } from 'antd';
 import dayLocaleData from 'dayjs/plugin/localeData';
 import weekday from 'dayjs/plugin/weekday';
 import weekOfYear from 'dayjs/plugin/weekOfYear';
@@ -12122,7 +12122,9 @@ var DemoRoomDetail2 = ({
     if (demoRoom?.latitude && demoRoom?.longitude) {
       return `https://www.google.com/maps/search/?api=1&query=${demoRoom.latitude},${demoRoom.longitude}`;
     } else if (address) {
-      return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(address)}`;
+      return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(
+        address
+      )}`;
     }
     return "#";
   })();
@@ -12143,129 +12145,133 @@ var DemoRoomDetail2 = ({
       /* @__PURE__ */ jsx("p", { className: "text-sm mt-2", children: error.message })
     ] }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: cn(
-    "gap-[80px] l:gap-[40px] l:flex l:flex-col-reverse items-start py-[24px] l:pb-[64px]",
-    images.length > 0 ? "grid grid-cols-2" : "flex"
-  ), children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-[48px] l:text-[32px] font-bold text-gray-900 leading-tight", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "mt-[20px]", children: descriptions?.map((desc, index) => /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: "text-base text-gray-600 leading-relaxed",
-          children: desc
-        },
-        index
-      )) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "flex-shrink-0 mt-0.5",
-            children: [
-              /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-base text-gray-900", children: devices })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "flex-shrink-0 mt-0.5",
-            children: [
-              /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2Z",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: "12",
-                  cy: "9",
-                  r: "2.5",
-                  stroke: "currentColor",
-                  strokeWidth: "2"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-base text-gray-900", children: address }),
-          /* @__PURE__ */ jsxs(
-            "a",
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "gap-[80px] l:gap-[40px] l:flex l:flex-col-reverse items-start py-[24px] l:pb-[64px]",
+        images.length > 0 ? "grid grid-cols-2" : "flex"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-[48px] l:text-[32px] font-bold text-gray-900 leading-tight", children: title }),
+          /* @__PURE__ */ jsx("div", { className: "mt-[20px]", children: descriptions?.map((desc, index) => /* @__PURE__ */ jsx(
+            "p",
             {
-              href: googleMapsLink,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "inline-flex items-center gap-1 text-sm text-blue-600 hover:text-blue-700 mt-1 underline",
-              children: [
-                pageData.openInGoogleMaps,
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    width: "12",
-                    height: "12",
-                    viewBox: "0 0 12 12",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ jsx(
-                      "path",
+              className: "text-base text-gray-600 leading-relaxed",
+              children: desc
+            },
+            index
+          )) }),
+          !!devices && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "flex-shrink-0 mt-0.5",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-base text-gray-900", children: devices })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "flex-shrink-0 mt-0.5",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2Z",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "circle",
+                    {
+                      cx: "12",
+                      cy: "9",
+                      r: "2.5",
+                      stroke: "currentColor",
+                      strokeWidth: "2"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-base text-gray-900", children: address }),
+              /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: googleMapsLink,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "inline-flex items-center gap-1 text-sm text-blue-600 hover:text-blue-700 mt-1 underline",
+                  children: [
+                    pageData.openInGoogleMaps,
+                    /* @__PURE__ */ jsx(
+                      "svg",
                       {
-                        d: "M3 9L9 3M9 3H3M9 3V9",
-                        stroke: "currentColor",
-                        strokeWidth: "1.5",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
+                        width: "12",
+                        height: "12",
+                        viewBox: "0 0 12 12",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            d: "M3 9L9 3M9 3H3M9 3V9",
+                            stroke: "currentColor",
+                            strokeWidth: "1.5",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
                       }
                     )
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    images.length > 0 && /* @__PURE__ */ jsxs("div", { className: "relative l:w-full min-l:h-[400px] rounded-2xl overflow-hidden demo-room-swiper", children: [
-      /* @__PURE__ */ jsx("style", { children: `
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        images.length > 0 && /* @__PURE__ */ jsxs("div", { className: "relative l:w-full min-l:h-[400px] rounded-2xl overflow-hidden demo-room-swiper", children: [
+          /* @__PURE__ */ jsx("style", { children: `
               .demo-room-swiper .swiper-pagination-bullet {
                 background-color: rgba(255, 255, 255, 0.5);
               }
@@ -12295,32 +12301,34 @@ var DemoRoomDetail2 = ({
                 right: 16px !important;
               }
             ` }),
-      /* @__PURE__ */ jsx(
-        Swiper2,
-        {
-          modules: [Navigation, Pagination, Autoplay],
-          spaceBetween: 0,
-          slidesPerView: 1,
-          navigation: images.length > 1,
-          pagination: images.length > 1 ? { clickable: true } : false,
-          autoplay: images.length > 1 ? {
-            delay: 3e3,
-            disableOnInteraction: false
-          } : false,
-          loop: images.length > 1,
-          className: "h-full rounded-2xl",
-          children: images.map((img, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsx("div", { className: "relative w-full h-full bg-gray-100", children: /* @__PURE__ */ jsx(
-            "img",
+          /* @__PURE__ */ jsx(
+            Swiper2,
             {
-              src: img,
-              alt: `Demo room view ${index + 1}`,
-              className: "w-full h-full object-cover"
+              modules: [Navigation, Pagination, Autoplay],
+              spaceBetween: 0,
+              slidesPerView: 1,
+              navigation: images.length > 1,
+              pagination: images.length > 1 ? { clickable: true } : false,
+              autoplay: images.length > 1 ? {
+                delay: 3e3,
+                disableOnInteraction: false
+              } : false,
+              loop: images.length > 1,
+              className: "h-full rounded-2xl",
+              children: images.map((img, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsx("div", { className: "relative w-full h-full bg-gray-100", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: img,
+                  alt: `Demo room view ${index + 1}`,
+                  className: "w-full h-full object-cover"
+                }
+              ) }) }, index))
             }
-          ) }) }, index))
-        }
-      )
-    ] })
-  ] }) });
+          )
+        ] })
+      ]
+    }
+  ) });
 };
 DemoRoomDetail2.displayName = "DemoRoomDetail";
 
@@ -12524,9 +12532,7 @@ var BookingFormO2O = ({
   const selectedPodButtonLink = useMemo(() => {
     if (isPodButtonDisabled) return void 0;
     if (isPodDesignEditMode) {
-      const editBaseUrl = getSafePageDataUrl(
-        selectedPodContent?.buttonEditLink
-      );
+      const editBaseUrl = getSafePageDataUrl(selectedPodContent?.buttonEditLink);
       if (!editBaseUrl || !effectiveStoreManagerId || !effectiveMirSessionId) {
         return void 0;
       }
@@ -12598,7 +12604,11 @@ var BookingFormO2O = ({
                 onChange: (event2) => {
                   setSelectedPurposeType(event2.target.value);
                 },
-                className: "h-[48px] w-full appearance-none rounded-[8px] border border-[#D9DCE1] bg-white px-[16px] pr-[48px] text-[16px] font-medium text-[#2A2C32] outline-none transition-colors focus:border-[#080A0F] focus:ring-2 focus:ring-[#3ADB67]/30 l:text-[14px]",
+                disabled: !!token,
+                className: cn(
+                  "h-[48px] w-full appearance-none rounded-[8px] border border-[#D9DCE1] bg-white px-[16px] pr-[48px] text-[16px] font-medium text-[#2A2C32] outline-none transition-colors focus:border-[#080A0F] focus:ring-2 focus:ring-[#3ADB67]/30 l:text-[14px]",
+                  token && "pointer-events-none cursor-not-allowed opacity-50"
+                ),
                 children: purposeOptions.map((item, index) => /* @__PURE__ */ jsx(
                   "option",
                   {
@@ -12669,7 +12679,7 @@ var BookingFormO2O = ({
           onQuestionnaireSubmit,
           pageData: dateTimePickerPageData,
           selectedPurposeType: selectedPurpose?.type,
-          podDesignId
+          podDesignId: mirSessionId
         }
       ) })
     ] })
@@ -12679,6 +12689,7 @@ BookingFormO2O.displayName = "BookingFormO2O";
 var BookingSuccessO2O = ({
   bookingData: initialBookingData,
   token,
+  isStoreUser,
   apiConfig,
   onScheduleAgain,
   onCancelSuccess,
@@ -12798,7 +12809,9 @@ var BookingSuccessO2O = ({
       const fetchBookingDesign = async () => {
         try {
           const apiClient = createDemoRoomApi(apiConfig);
-          const design = await apiClient.getBookingDesign({ booking_token: token });
+          const design = await apiClient.getBookingDesign({
+            booking_token: token
+          });
           setBookingDesign(design);
         } catch (err) {
           console.error("Failed to fetch booking design:", err);
@@ -12860,9 +12873,7 @@ var BookingSuccessO2O = ({
   }
   const podDesignName = bookingDesign?.material;
   const podDesignImage = bookingDesign?.thumb_url;
-  const podOrderCode = bookingDesign?.order_code;
-  console.log(bookingDesign);
-  console.log(bookingData);
+  bookingDesign?.order_code;
   return /* @__PURE__ */ jsx("div", { className: `min-h-screen l:py-0 l:px-0 py-12 px-6 ${className || ""}`, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto", children: [
     /* @__PURE__ */ jsx("h1", { className: "text-[48px] xxl:text-[32px] font-bold text-[#080A0F] mb-8 print:hidden", children: pageData.yourAppointment }),
     isCancelled && /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[16px] l:items-start p-6 mb-4 l:gap-2 flex l:flex-col items-center justify-between print:hidden", children: [
@@ -12978,15 +12989,14 @@ var BookingSuccessO2O = ({
                     " ",
                     podDesignName
                   ] }),
-                  bookingData?.status && pageData.podData?.status?.[bookingData.status] && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[#4A4C56]", children: pageData.podData.status[bookingData.status] }),
-                  podOrderCode && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[#4A4C56]", children: podOrderCode })
+                  bookingData?.status && pageData.podData?.status?.[bookingData.status] && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[#4A4C56]", children: pageData.podData.status[bookingData.status] })
                 ] }),
                 podDesignImage && /* @__PURE__ */ jsx(
-                  "img",
+                  Image,
                   {
                     src: podDesignImage,
                     alt: podDesignName,
-                    className: "w-[88px] h-[88px] rounded-[8px] object-cover shrink-0"
+                    className: "!w-[88px] !h-[88px] rounded-[8px] !object-cover"
                   }
                 )
               ] })
@@ -13003,7 +13013,7 @@ var BookingSuccessO2O = ({
                 children: /* @__PURE__ */ jsx(
                   QRCode,
                   {
-                    value: "https://www.eufymake.com/?type=qrcode",
+                    value: `${pageData.podData?.QRCodeUrl}${token}&isStoreUser=true` || "",
                     size: 200
                   }
                 )