@anker-in/ui 0.3.0 → 0.3.1

package/dist/index.d.mts

@@ -254,6 +254,7 @@ interface DemoRoomContract {
     manager_id?: string;
     host_email?: string;
     host_name?: string;
+    manager_hash?: string;
 }
 interface DemoRoomPodConfig {
     questionnaire_id?: number;
@@ -397,6 +398,11 @@ interface CheckinBookingRequest {
 interface CheckinBookingResponse {
     booking: Booking;
 }
+interface GetBookingDesignRequest {
+    booking_token?: string;
+    demoroom_code?: string;
+    session_id?: string;
+}
 interface BookingDesign {
     id: number;
     project_id: string;
@@ -501,10 +507,12 @@ declare class DemoRoomApiClient {
      */
     checkinBooking(data: CheckinBookingRequest): Promise<Booking>;
     /**
-     * 查询 POD 作品信息（模式1：精确查询）
-     * @param bookingToken 预约凭证
+     * 查询 POD 作品信息
+     * 模式1（优先）：通过 booking_token 精确查询
+     * 模式2：通过 demoroom_code + session_id 查询（MIR 跳回时预约尚未创建的场景）
+     * @param params 查询参数
      */
-    getBookingDesign(bookingToken: string): Promise<BookingDesign>;
+    getBookingDesign(params: GetBookingDesignRequest): Promise<BookingDesign>;
 }
 declare function createDemoRoomApi(config: DemoRoomApiConfig): DemoRoomApiClient;
 
@@ -533,6 +541,12 @@ interface BookingPurposePodContent {
     btnText?: string;
     buttonLink?: string;
     btnIcon?: string;
+    /** 编辑设计按钮文案（URL 中存在 design_id 时使用，即访客已在 MIR 完成过设计） */
+    btnEditText?: string;
+    /** 编辑设计按钮图标（URL 中存在 design_id 时使用） */
+    btnEditIcon?: string;
+    /** 编辑设计跳转链接（URL 中存在 design_id 时使用） */
+    buttonEditLink?: string;
 }
 interface BookingPurposeDataItem {
     type?: string;
@@ -831,14 +845,14 @@ declare function useCheckinBooking(client: DemoRoomApiClient): {
     error: ApiError | null;
 };
 /**
- * 查询 POD 作品信息 Hook（模式1：精确查询）
+ * 查询 POD 作品信息 Hook
+ * 模式1（优先）：通过 booking_token 精确查询
+ * 模式2：通过 demoroom_code + session_id 查询（MIR 跳回时预约尚未创建的场景）
  */
-declare function useBookingDesign(client: DemoRoomApiClient, params: {
-    booking_token: string;
-}, options?: {
+declare function useBookingDesign(client: DemoRoomApiClient, params: GetBookingDesignRequest, options?: {
     enabled?: boolean;
 }): UseApiState<BookingDesign>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ApiError, ApiErrorCode, type ApiResponse, type Booking, type BookingDesign, BookingForm, BookingFormO2O, type BookingFormO2OProps, type BookingFormProps, type BookingStatus, BookingSuccess, BookingSuccessO2O, type BookingSuccessO2OProps, type BookingSuccessProps, type CancelBookingResponse, type CheckinBookingRequest, type CheckinBookingResponse, type CreateBookingRequest, type CreateBookingResponse, DemoRoomApiClient, type DemoRoomApiConfig, type DemoRoom as DemoRoomData, DemoRoomO2O, type DemoRoomO2OProps, type DemoRoomStatus, type DemoRoomType, type EditBookingRequest, type GetBookingResponse, type GetDemoRoomsResponse, type GetTimeslotsResponse, type Question, type QuestionOption, type QuestionType, type Questionnaire, type Timeslot, type TimeslotStatus, cn, createDemoRoomApi, useBooking, useBookingDesign, useCancelBooking, useCheckinBooking, useCreateBooking, useDemoRoom, useDemoRooms, useEditBooking, useQuestionnaire, useTimeslots };
+export { ApiError, ApiErrorCode, type ApiResponse, type Booking, type BookingDesign, BookingForm, BookingFormO2O, type BookingFormO2OProps, type BookingFormProps, type BookingStatus, BookingSuccess, BookingSuccessO2O, type BookingSuccessO2OProps, type BookingSuccessProps, type CancelBookingResponse, type CheckinBookingRequest, type CheckinBookingResponse, type CreateBookingRequest, type CreateBookingResponse, DemoRoomApiClient, type DemoRoomApiConfig, type DemoRoom as DemoRoomData, DemoRoomO2O, type DemoRoomO2OProps, type DemoRoomStatus, type DemoRoomType, type EditBookingRequest, type GetBookingDesignRequest, type GetBookingResponse, type GetDemoRoomsResponse, type GetTimeslotsResponse, type Question, type QuestionOption, type QuestionType, type Questionnaire, type Timeslot, type TimeslotStatus, cn, createDemoRoomApi, useBooking, useBookingDesign, useCancelBooking, useCheckinBooking, useCreateBooking, useDemoRoom, useDemoRooms, useEditBooking, useQuestionnaire, useTimeslots };

package/dist/index.d.ts

@@ -254,6 +254,7 @@ interface DemoRoomContract {
     manager_id?: string;
     host_email?: string;
     host_name?: string;
+    manager_hash?: string;
 }
 interface DemoRoomPodConfig {
     questionnaire_id?: number;
@@ -397,6 +398,11 @@ interface CheckinBookingRequest {
 interface CheckinBookingResponse {
     booking: Booking;
 }
+interface GetBookingDesignRequest {
+    booking_token?: string;
+    demoroom_code?: string;
+    session_id?: string;
+}
 interface BookingDesign {
     id: number;
     project_id: string;
@@ -501,10 +507,12 @@ declare class DemoRoomApiClient {
      */
     checkinBooking(data: CheckinBookingRequest): Promise<Booking>;
     /**
-     * 查询 POD 作品信息（模式1：精确查询）
-     * @param bookingToken 预约凭证
+     * 查询 POD 作品信息
+     * 模式1（优先）：通过 booking_token 精确查询
+     * 模式2：通过 demoroom_code + session_id 查询（MIR 跳回时预约尚未创建的场景）
+     * @param params 查询参数
      */
-    getBookingDesign(bookingToken: string): Promise<BookingDesign>;
+    getBookingDesign(params: GetBookingDesignRequest): Promise<BookingDesign>;
 }
 declare function createDemoRoomApi(config: DemoRoomApiConfig): DemoRoomApiClient;
 
@@ -533,6 +541,12 @@ interface BookingPurposePodContent {
     btnText?: string;
     buttonLink?: string;
     btnIcon?: string;
+    /** 编辑设计按钮文案（URL 中存在 design_id 时使用，即访客已在 MIR 完成过设计） */
+    btnEditText?: string;
+    /** 编辑设计按钮图标（URL 中存在 design_id 时使用） */
+    btnEditIcon?: string;
+    /** 编辑设计跳转链接（URL 中存在 design_id 时使用） */
+    buttonEditLink?: string;
 }
 interface BookingPurposeDataItem {
     type?: string;
@@ -831,14 +845,14 @@ declare function useCheckinBooking(client: DemoRoomApiClient): {
     error: ApiError | null;
 };
 /**
- * 查询 POD 作品信息 Hook（模式1：精确查询）
+ * 查询 POD 作品信息 Hook
+ * 模式1（优先）：通过 booking_token 精确查询
+ * 模式2：通过 demoroom_code + session_id 查询（MIR 跳回时预约尚未创建的场景）
  */
-declare function useBookingDesign(client: DemoRoomApiClient, params: {
-    booking_token: string;
-}, options?: {
+declare function useBookingDesign(client: DemoRoomApiClient, params: GetBookingDesignRequest, options?: {
     enabled?: boolean;
 }): UseApiState<BookingDesign>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ApiError, ApiErrorCode, type ApiResponse, type Booking, type BookingDesign, BookingForm, BookingFormO2O, type BookingFormO2OProps, type BookingFormProps, type BookingStatus, BookingSuccess, BookingSuccessO2O, type BookingSuccessO2OProps, type BookingSuccessProps, type CancelBookingResponse, type CheckinBookingRequest, type CheckinBookingResponse, type CreateBookingRequest, type CreateBookingResponse, DemoRoomApiClient, type DemoRoomApiConfig, type DemoRoom as DemoRoomData, DemoRoomO2O, type DemoRoomO2OProps, type DemoRoomStatus, type DemoRoomType, type EditBookingRequest, type GetBookingResponse, type GetDemoRoomsResponse, type GetTimeslotsResponse, type Question, type QuestionOption, type QuestionType, type Questionnaire, type Timeslot, type TimeslotStatus, cn, createDemoRoomApi, useBooking, useBookingDesign, useCancelBooking, useCheckinBooking, useCreateBooking, useDemoRoom, useDemoRooms, useEditBooking, useQuestionnaire, useTimeslots };
+export { ApiError, ApiErrorCode, type ApiResponse, type Booking, type BookingDesign, BookingForm, BookingFormO2O, type BookingFormO2OProps, type BookingFormProps, type BookingStatus, BookingSuccess, BookingSuccessO2O, type BookingSuccessO2OProps, type BookingSuccessProps, type CancelBookingResponse, type CheckinBookingRequest, type CheckinBookingResponse, type CreateBookingRequest, type CreateBookingResponse, DemoRoomApiClient, type DemoRoomApiConfig, type DemoRoom as DemoRoomData, DemoRoomO2O, type DemoRoomO2OProps, type DemoRoomStatus, type DemoRoomType, type EditBookingRequest, type GetBookingDesignRequest, type GetBookingResponse, type GetDemoRoomsResponse, type GetTimeslotsResponse, type Question, type QuestionOption, type QuestionType, type Questionnaire, type Timeslot, type TimeslotStatus, cn, createDemoRoomApi, useBooking, useBookingDesign, useCancelBooking, useCheckinBooking, useCreateBooking, useDemoRoom, useDemoRooms, useEditBooking, useQuestionnaire, useTimeslots };

package/dist/index.js

@@ -878,12 +878,12 @@ function useBookingDesign(client, params, options) {
   });
   const enabled = options?.enabled !== false;
   React15.useEffect(() => {
-    if (!enabled || !params.booking_token) return;
+    if (!enabled || !params.booking_token && !(params.demoroom_code && params.session_id)) return;
     let cancelled = false;
     const fetchData = async () => {
       setState((prev) => ({ ...prev, loading: true, error: null }));
       try {
-        const data = await client.getBookingDesign(params.booking_token);
+        const data = await client.getBookingDesign(params);
         if (!cancelled) {
           setState({ data, loading: false, error: null });
         }
@@ -901,7 +901,7 @@ function useBookingDesign(client, params, options) {
     return () => {
       cancelled = true;
     };
-  }, [client, params.booking_token, enabled]);
+  }, [client, params.booking_token, params.demoroom_code, params.session_id, enabled]);
   return state;
 }
 var AntdMobileIsolated = ({
@@ -1780,12 +1780,23 @@ var DemoRoomApiClient = class {
     return response.booking;
   }
   /**
-   * 查询 POD 作品信息（模式1：精确查询）
-   * @param bookingToken 预约凭证
+   * 查询 POD 作品信息
+   * 模式1（优先）：通过 booking_token 精确查询
+   * 模式2：通过 demoroom_code + session_id 查询（MIR 跳回时预约尚未创建的场景）
+   * @param params 查询参数
    */
-  async getBookingDesign(bookingToken) {
+  async getBookingDesign(params) {
     const searchParams = new URLSearchParams();
-    searchParams.append("booking_token", bookingToken);
+    if (params.booking_token) {
+      searchParams.append("booking_token", params.booking_token);
+    } else {
+      if (params.demoroom_code) {
+        searchParams.append("demoroom_code", params.demoroom_code);
+      }
+      if (params.session_id) {
+        searchParams.append("session_id", params.session_id);
+      }
+    }
     return this.request(
       `/api/v1/store/bookings/design?${searchParams.toString()}`
     );
@@ -11418,6 +11429,7 @@ var DateTimePicker2 = ({
   apiClient,
   demoRoomCode,
   demoRoom: demoRoomProp,
+  demoRoomLoading,
   token,
   booking,
   timezone: timezone5,
@@ -11446,11 +11458,12 @@ var DateTimePicker2 = ({
     loading: editLoading,
     error: editError
   } = useEditBooking(apiClient);
+  const isManagedByParent = demoRoomLoading !== void 0;
   const { data: fetchedDemoRoom } = useDemoRoom(
     apiClient,
     demoRoomCode || "",
     locale,
-    { enabled: !demoRoomProp && !!demoRoomCode }
+    { enabled: !isManagedByParent && !demoRoomProp && !!demoRoomCode }
   );
   const demoRoom = demoRoomProp ?? fetchedDemoRoom;
   const isPodPurpose = selectedPurposeType === "pod";
@@ -12088,6 +12101,7 @@ var DemoRoomDetail2 = ({
   demoRoomCode,
   locale,
   demoRoom: demoRoomProp,
+  demoRoomLoading,
   title: titleProp,
   descriptions: descriptionsProp,
   devices: devicesProp,
@@ -12103,7 +12117,8 @@ var DemoRoomDetail2 = ({
   className,
   ...props
 }) => {
-  const shouldFetch = !demoRoomProp && !!apiClient && !!demoRoomCode;
+  const isManagedByParent = demoRoomLoading !== void 0;
+  const shouldFetch = !isManagedByParent && !demoRoomProp && !!apiClient && !!demoRoomCode;
   const {
     data: fetchedDemoRoom,
     loading,
@@ -12125,7 +12140,8 @@ var DemoRoomDetail2 = ({
     }
     return "#";
   })();
-  if (loading && shouldFetch) {
+  const isLoading = isManagedByParent ? !!demoRoomLoading : loading && shouldFetch;
+  if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full pb-4", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 items-start", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 bg-gray-200 rounded animate-pulse" }),
@@ -12323,21 +12339,41 @@ var DemoRoomDetail2 = ({
 DemoRoomDetail2.displayName = "DemoRoomDetail";
 
 // src/components/BookingFormO2O/utils/buildMirUrl.ts
+var REDIRECT_URL_ALLOWED_PARAMS = ["code", "business_type", "token"];
+function sanitizeRedirectSource(source) {
+  if (!source) return source;
+  try {
+    const parsed = new URL(source);
+    const keptParams = new URLSearchParams();
+    REDIRECT_URL_ALLOWED_PARAMS.forEach((key) => {
+      const value = parsed.searchParams.get(key);
+      if (value) keptParams.set(key, value);
+    });
+    parsed.search = keptParams.toString();
+    return parsed.toString();
+  } catch {
+    return source;
+  }
+}
 function buildMirWelcomeUrl({
   baseUrl,
   language,
   managerId,
   credential,
-  currentUrl
+  currentUrl,
+  managerIdParam = "email",
+  credentialParam = "credential"
 }) {
   const url = new URL(baseUrl);
   if (language) {
     url.searchParams.set("language", language);
   }
   url.searchParams.set("countrycode", "US");
-  url.searchParams.set("email", managerId);
-  url.searchParams.set("credential", credential);
-  const redirectSource = currentUrl ?? (typeof window !== "undefined" ? window.location.href : "");
+  url.searchParams.set(managerIdParam, managerId);
+  url.searchParams.set(credentialParam, credential);
+  const redirectSource = sanitizeRedirectSource(
+    currentUrl ?? (typeof window !== "undefined" ? window.location.href : "")
+  );
   url.searchParams.set("redirect_url", encodeURIComponent(redirectSource));
   return url.toString();
 }
@@ -12414,7 +12450,7 @@ var getPurposeLabel = (pageData) => {
   return "What is your purpose of visit?";
 };
 var getPodContentDescription = (podContent) => podContent?.description || podContent?.subTitle;
-var getPodContentImage = (podContent) => podContent?.image || podContent?.defaultImg;
+var getPodContentImage = (podContent) => podContent?.defaultImg;
 var getPodContentButtonText = (podContent) => podContent?.buttonText || podContent?.btnText;
 var BookingFormO2O = ({
   layoutClassName,
@@ -12431,9 +12467,10 @@ var BookingFormO2O = ({
 }) => {
   const apiClient = React15.useMemo(
     () => createDemoRoomApi(apiConfig),
-    [apiConfig]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [apiConfig.baseUrl, apiConfig.apiKey, apiConfig.locale]
   );
-  const { data: demoRoom } = useDemoRoom(
+  const { data: demoRoom, loading: demoRoomLoading } = useDemoRoom(
     apiClient,
     demoRoomCode || "",
     apiConfig.locale,
@@ -12474,17 +12511,49 @@ var BookingFormO2O = ({
   }, [purposeOptions, selectedPurposeType]);
   const selectedPodContent = selectedPurpose?.podContent;
   const selectedPodDescription = getPodContentDescription(selectedPodContent);
-  const selectedPodButtonText = getPodContentButtonText(selectedPodContent);
+  const podDesignId = React15.useMemo(() => getQueryParam("design_id"), []);
+  const isPodDesignEditMode = !!podDesignId || !!booking?.design_project_id;
+  const storeManagerIdFromUrl = React15.useMemo(
+    () => getQueryParam("store_manager_id"),
+    []
+  );
+  const mirSessionId = React15.useMemo(() => getQueryParam("session_id"), []);
+  const effectiveStoreManagerId = storeManagerIdFromUrl || demoRoom?.contact?.manager_id;
+  const effectiveMirSessionId = mirSessionId || booking?.design_project_id;
+  const { data: bookingDesign } = useBookingDesign(
+    apiClient,
+    { demoroom_code: demoRoomCode, session_id: effectiveMirSessionId },
+    { enabled: !!demoRoomCode && !!effectiveMirSessionId }
+  );
+  const selectedPodButtonText = isPodDesignEditMode ? selectedPodContent?.btnEditText : getPodContentButtonText(selectedPodContent);
   const selectedPodImage = getSafePageDataUrl(
-    getPodContentImage(selectedPodContent)
+    isPodDesignEditMode && bookingDesign?.thumb_url || getPodContentImage(selectedPodContent)
   );
-  const selectedPodButtonIcon = getSafePageDataUrl(selectedPodContent?.btnIcon);
-  const podDesignId = React15.useMemo(() => getQueryParam("design_id"), []);
-  const managerId = "57b98522a6a81087af435727aab98dfd0f8be7d3033338ba0db5517e0e08d0a7b13635faa5fc16c33f36fab1a6ceb29e";
-  const isPodButtonDisabled = !managerId;
+  const selectedPodButtonIcon = getSafePageDataUrl(
+    isPodDesignEditMode ? selectedPodContent?.btnEditIcon : selectedPodContent?.btnIcon
+  );
+  const managerId = demoRoom?.contact?.manager_hash;
+  const isPodButtonDisabled = isPodDesignEditMode ? !effectiveStoreManagerId || !effectiveMirSessionId : !managerId;
   const mirCredential = React15.useMemo(() => crypto.randomUUID(), [demoRoomCode]);
-  console.log(selectedPodContent);
   const selectedPodButtonLink = React15.useMemo(() => {
+    if (isPodButtonDisabled) return void 0;
+    if (isPodDesignEditMode) {
+      const editBaseUrl = getSafePageDataUrl(
+        selectedPodContent?.buttonEditLink
+      );
+      if (!editBaseUrl || !effectiveStoreManagerId || !effectiveMirSessionId) {
+        return void 0;
+      }
+      return buildMirWelcomeUrl({
+        baseUrl: editBaseUrl,
+        language: apiConfig.locale,
+        managerId: effectiveStoreManagerId,
+        credential: effectiveMirSessionId,
+        managerIdParam: "store_manager_id",
+        credentialParam: "sessionid"
+      });
+    }
+    if (!managerId) return void 0;
     const baseUrl = getSafePageDataUrl(selectedPodContent?.buttonLink);
     if (!baseUrl) return void 0;
     return buildMirWelcomeUrl({
@@ -12498,7 +12567,10 @@ var BookingFormO2O = ({
     apiConfig.locale,
     managerId,
     isPodButtonDisabled,
-    mirCredential
+    mirCredential,
+    isPodDesignEditMode,
+    effectiveStoreManagerId,
+    effectiveMirSessionId
   ]);
   const dateTimePickerPageData = React15.useMemo(
     () => ({
@@ -12515,6 +12587,7 @@ var BookingFormO2O = ({
         apiClient,
         demoRoomCode,
         demoRoom,
+        demoRoomLoading,
         locale: apiConfig.locale,
         pageData: pageData?.demoRoomDetail
       }
@@ -12562,7 +12635,7 @@ var BookingFormO2O = ({
             {
               src: selectedPodImage,
               alt: selectedPodContent.imageAlt || selectedPodContent.title || "",
-              className: "mt-[12px] h-[156px] w-full rounded-[8px] object-cover l:h-auto"
+              className: "mt-[12px] h-[220px] rounded-[8px] object-cover l:h-auto"
             }
           ),
           !!selectedPodButtonText && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12570,13 +12643,14 @@ var BookingFormO2O = ({
             {
               href: selectedPodButtonLink || "#",
               "aria-disabled": isPodButtonDisabled,
-              tabIndex: void 0,
+              tabIndex: isPodButtonDisabled ? -1 : void 0,
               onClick: (event2) => {
+                if (isPodButtonDisabled) event2.preventDefault();
               },
               rel: "noopener noreferrer",
               className: cn(
                 "mt-[12px] inline-flex h-[42px] items-center justify-center gap-[6px] rounded-full bg-[#080A0F] px-[24px] text-[14px] font-bold text-white transition-colors hover:bg-[#2A2C32]",
-                isPodButtonDisabled
+                isPodButtonDisabled && "pointer-events-none cursor-not-allowed opacity-50"
               ),
               children: [
                 selectedPodButtonIcon && /* @__PURE__ */ jsxRuntime.jsx(
@@ -12600,6 +12674,7 @@ var BookingFormO2O = ({
           apiClient,
           demoRoomCode,
           demoRoom,
+          demoRoomLoading,
           token,
           booking,
           timezone: timezone5,
@@ -12737,7 +12812,7 @@ var BookingSuccessO2O = ({
       const fetchBookingDesign = async () => {
         try {
           const apiClient = createDemoRoomApi(apiConfig);
-          const design = await apiClient.getBookingDesign(token);
+          const design = await apiClient.getBookingDesign({ booking_token: token });
           setBookingDesign(design);
         } catch (err) {
           console.error("Failed to fetch booking design:", err);