@anker-in/ui 0.2.2 → 0.3.0

package/dist/index.d.mts

@@ -3,10 +3,102 @@ import React from 'react';
 export { ThemeProvider, useTheme } from './theme.mjs';
 import { ClassValue } from 'clsx';
 
+interface DemoRoomFilterOption {
+    type: string;
+    label: string;
+}
+/**
+ * DemoRoom 页面的可配置数据类型
+ */
+interface DemoRoomPageData {
+    /**
+     * 页面标题
+     */
+    title?: string;
+    note?: string;
+    /**
+     * 加载状态文案
+     */
+    loadingText?: string;
+    /**
+     * 加载失败文案
+     */
+    errorTitle?: string;
+    machine?: string;
+    purpose?: DemoRoomFilterOption[];
+    storeType?: DemoRoomFilterOption[];
+    /**
+     * 位置筛选相关文案
+     */
+    locationFilter?: {
+        allLocations?: string;
+        clear?: string;
+        country?: string;
+        state?: string;
+        city?: string;
+        noStudiosFound?: string;
+    };
+    /**
+     * 工作室卡片相关文案
+     */
+    studioCard?: {
+        scheduleNow?: string;
+        available?: string;
+        away?: string;
+    };
+    /**
+     * 地图相关文案
+     */
+    map?: {
+        apiKeyRequired?: string;
+        loadingMap?: string;
+        scheduleNow?: string;
+        available?: string;
+    };
+    /**
+     * 其他配置
+     */
+    defaultCountry?: string;
+    noAvailableTime?: string;
+}
+
+interface DemoRoomO2OProps extends React.HTMLAttributes<HTMLDivElement> {
+    layoutClassName?: string;
+    /**
+     * 谷歌地图 API Key
+     */
+    googleMapsApiKey?: string;
+    /**
+     * API 配置
+     */
+    apiConfig: {
+        baseUrl: string;
+        apiKey: string;
+        locale?: string;
+    };
+    /**
+     * 团队编码或品牌站点（二选一）
+     */
+    teamCode?: string;
+    brandWebsite?: string;
+    /**
+     * Callback when user clicks "Schedule Now" button
+     * @param demoRoomCode - The demo room code
+     * @param purpose - The currently selected purpose filter value (from the purpose dropdown), empty string when "All" is selected
+     */
+    onSchedule?: (demoRoomCode: string, purpose?: string) => void;
+    /**
+     * 页面可配置数据（文案、图标等）
+     */
+    pageData?: DemoRoomPageData;
+    className?: string;
+}
+declare const DemoRoomO2O: React.FC<DemoRoomO2OProps>;
+
 /**
  * BookingForm 页面的可配置数据类型
  */
-interface BookingFormPageData {
+interface BookingFormPageData$1 {
     /**
      * DemoRoomDetail 相关文案
      */
@@ -43,7 +135,7 @@ interface BookingFormPageData {
 /**
  * BookingSuccess 页面的可配置数据类型
  */
-interface BookingSuccessPageData {
+interface BookingSuccessPageData$1 {
     /**
      * 页面标题
      */
@@ -130,7 +222,7 @@ interface BookingFormProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     /**
      * 页面可配置数据（文案、图标等）
      */
-    pageData?: BookingFormPageData;
+    pageData?: BookingFormPageData$1;
 }
 declare const BookingForm: React.FC<BookingFormProps>;
 
@@ -158,6 +250,14 @@ interface DemoRoomLocation {
     state: string;
     city: string;
 }
+interface DemoRoomContract {
+    manager_id?: string;
+    host_email?: string;
+    host_name?: string;
+}
+interface DemoRoomPodConfig {
+    questionnaire_id?: number;
+}
 interface DemoRoom {
     code: string;
     name: string;
@@ -166,6 +266,13 @@ interface DemoRoom {
     address: string;
     location?: DemoRoomLocation;
     type: DemoRoomType;
+    purpose?: string;
+    purpose_type?: string;
+    storeType?: string;
+    store_type?: string;
+    contact?: DemoRoomContract;
+    business_types?: string[];
+    pod_config?: DemoRoomPodConfig;
     capacity: number;
     status: DemoRoomStatus;
     timezone: string;
@@ -215,6 +322,21 @@ interface CreateBookingRequest {
     customer_phone_code: string;
     customer_phone_number: string;
     has_booked_before?: number;
+    purpose?: string;
+    purpose_type?: string;
+    pod_design_id?: string;
+    design_id?: string;
+}
+interface CreateBookingResponse {
+    booking_id: string;
+    demoroom_code: string;
+    booking_date: string;
+    booking_time: string;
+    customer_name: string;
+    customer_email: string;
+    status: string;
+    cancel_token?: string;
+    created_at?: string;
 }
 interface Booking {
     booking_id: number;
@@ -235,6 +357,22 @@ interface Booking {
     status: BookingStatus;
     cancel_token: string;
     created_at: string;
+    purposeNote?: Record<string, string>;
+    pod_data?: {
+        design_name?: string;
+        design_image?: string;
+        status?: string;
+    };
+    /** 业务类型 */
+    business_type?: string;
+    /** 设计项目ID */
+    design_project_id?: string;
+    /** 打印状态 */
+    print_status?: string;
+    /** 时段ID（编辑预约时用于定位当前已预约的时段） */
+    timeslot_id?: number;
+    /** 问卷填写答案（编辑预约时用于回填表单） */
+    questionnaire_response?: Record<string, any>;
 }
 interface GetBookingResponse {
     booking: Booking;
@@ -242,6 +380,33 @@ interface GetBookingResponse {
 interface CancelBookingResponse {
     booking: Booking;
 }
+interface EditBookingRequest {
+    timeslot_id?: number;
+    questionnaire_id?: number;
+    questionnaire_response?: Record<string, any>;
+    customer_name?: string;
+    customer_email?: string;
+    customer_phone_code?: string;
+    customer_phone_number?: string;
+    business_type?: string;
+    design_session_id?: string;
+}
+interface CheckinBookingRequest {
+    booking_token: string;
+}
+interface CheckinBookingResponse {
+    booking: Booking;
+}
+interface BookingDesign {
+    id: number;
+    project_id: string;
+    material: string;
+    thumb_url: string;
+    order_code: string;
+    pickup_time: number;
+    asset_status: number;
+    session_id: string;
+}
 declare enum ApiErrorCode {
     SUCCESS = 0,
     PARAM_ERROR = 1001,
@@ -271,11 +436,13 @@ declare class DemoRoomApiClient {
      * 获取门店列表
      * @param params.team_code 团队编码
      * @param params.brand_website 品牌站点
+     * @param params.business_type 业务类型（可选）
      * @param params.locale 语言偏好（可选）
      */
     getDemoRooms(params: {
         team_code?: string;
         brand_website?: string;
+        business_type?: string;
         locale?: string;
     }): Promise<DemoRoom[]>;
     /**
@@ -290,11 +457,13 @@ declare class DemoRoomApiClient {
      * @param params.start_date 开始日期 (YYYY-MM-DD)
      * @param params.end_date 结束日期 (YYYY-MM-DD)
      * @param params.timezone 时区（可选）
+     * @param params.business_type 预约用途类型（可选，如 'pod'）
      */
     getTimeslots(code: string, params: {
         start_date: string;
         end_date: string;
         timezone?: string;
+        business_type?: string;
     }): Promise<GetTimeslotsResponse>;
     /**
      * 查询门店问卷
@@ -320,6 +489,22 @@ declare class DemoRoomApiClient {
      * @param locale 语言偏好（可选，用于邮件通知）
      */
     cancelBooking(token: string, locale?: string): Promise<Booking>;
+    /**
+     * 编辑预约
+     * @param token 预约凭证 (cancel_token)
+     * @param data 编辑数据
+     */
+    editBooking(token: string, data: EditBookingRequest): Promise<CreateBookingResponse>;
+    /**
+     * 签到预约（模式1：精确签到）
+     * @param data 签到数据
+     */
+    checkinBooking(data: CheckinBookingRequest): Promise<Booking>;
+    /**
+     * 查询 POD 作品信息（模式1：精确查询）
+     * @param bookingToken 预约凭证
+     */
+    getBookingDesign(bookingToken: string): Promise<BookingDesign>;
 }
 declare function createDemoRoomApi(config: DemoRoomApiConfig): DemoRoomApiClient;
 
@@ -333,10 +518,237 @@ interface BookingSuccessProps {
     /**
      * 页面可配置数据（文案、图标等）
      */
-    pageData?: BookingSuccessPageData;
+    pageData?: BookingSuccessPageData$1;
 }
 declare const BookingSuccess: React.FC<BookingSuccessProps>;
 
+interface BookingPurposePodContent {
+    title?: string;
+    description?: string;
+    subTitle?: string;
+    image?: string;
+    defaultImg?: string;
+    imageAlt?: string;
+    buttonText?: string;
+    btnText?: string;
+    buttonLink?: string;
+    btnIcon?: string;
+}
+interface BookingPurposeDataItem {
+    type?: string;
+    label?: string;
+    purposeNote?: string;
+    podContent?: BookingPurposePodContent;
+}
+interface BookingPurposeDataConfig {
+    title?: string;
+    list?: BookingPurposeDataItem[] | Record<string, BookingPurposeDataItem>;
+    purposeNote?: Record<string, string>;
+    podContent?: BookingPurposePodContent;
+}
+type BookingPurposeData = BookingPurposeDataItem[] | Record<string, BookingPurposeDataItem> | BookingPurposeDataConfig;
+/**
+ * BookingForm 页面的可配置数据类型
+ */
+interface BookingFormPageData {
+    /**
+     * Purpose selector title
+     */
+    purposeLabel?: string;
+    /**
+     * Visit purpose selector and Print on Demand content
+     */
+    purposeData?: BookingPurposeData;
+    /**
+     * DemoRoomDetail 相关文案
+     */
+    demoRoomDetail?: {
+        loadingText?: string;
+        errorTitle?: string;
+        openInGoogleMaps?: string;
+        demoRoomImages?: string;
+    };
+    /**
+     * DateTimePicker 相关文案
+     */
+    dateTimePicker?: {
+        scheduleYourVisit?: string;
+        timeSlot?: string;
+        loadingTimeSlots?: string;
+        failedToLoadTimeSlots?: string;
+        noAvailableTimeSlots?: string;
+        full?: string;
+        spotsLeft?: string;
+        fillOutForm?: string;
+        loadingQuestionnaire?: string;
+        bookingFailed?: string;
+        timezone?: string;
+    };
+    /**
+     * QuestionnaireForm 相关文案
+     */
+    questionnaireForm?: {
+        submit?: string;
+        submitting?: string;
+        countryCodes?: Array<{
+            code?: string;
+            country?: string;
+        }>;
+        emailDescription?: string;
+        dealsType?: string;
+        agrees?: string[];
+    };
+}
+/**
+ * BookingSuccess 页面的可配置数据类型
+ */
+interface BookingSuccessPageData {
+    /**
+     * 页面标题
+     */
+    yourAppointment?: string;
+    /**
+     * 取消状态横幅文案
+     */
+    appointmentCanceled?: string;
+    /**
+     * 重新预约按钮
+     */
+    scheduleAgain?: string;
+    /**
+     * 位置标题
+     */
+    location?: string;
+    /**
+     * 地图链接文案
+     */
+    openInGoogleMaps?: string;
+    /**
+     * 日期时间标题
+     */
+    dateAndTime?: string;
+    /**
+     * 活动标题
+     */
+    event?: string;
+    /**
+     * Demo Room 标题
+     */
+    demoRoom?: string;
+    /**
+     * 访客信息标题
+     */
+    visitorInfo?: string;
+    /**
+     * 没有提供电话
+     */
+    noPhoneProvided?: string;
+    /**
+     * 访问目的标题
+     */
+    purposeOfVisit?: string;
+    /**
+     * 取消预约按钮
+     */
+    cancelAppointment?: string;
+    /**
+     * 编辑预约按钮
+     */
+    editAppointment?: string;
+    purposeNote?: any;
+    /**
+     * 取消确认对话框
+     */
+    cancelDialog?: {
+        title?: string;
+        description?: string;
+        backButton?: string;
+        confirmButton?: string;
+        canceling?: string;
+    };
+    /**
+     * 取消错误信息
+     */
+    cancelError?: string;
+    /**
+     * Print on Demand 设计信息模块文案
+     */
+    podData?: {
+        /** "Your Design" 标签前缀文案 */
+        yourDesign?: string;
+        /** 打印状态对应的描述文案，key 为状态值（如 noStart / printed） */
+        status?: Record<string, string>;
+        /** 二维码标题 */
+        QRCodeTitle?: string;
+        /** 二维码副标题 */
+        QRCodeSubTitle?: string;
+        /** 添加到钱包按钮文案 */
+        btnToWallet?: string;
+        /** 打印按钮文案 */
+        btnToPrint?: string;
+    };
+}
+
+interface BookingFormO2OProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    layoutClassName?: string;
+    handleBookingSuccess?: (token?: string) => void;
+    /**
+     * 问卷提交时的回调函数（可用于订阅操作等）
+     */
+    onQuestionnaireSubmit?: (responses: Record<string, any>) => void | Promise<void>;
+    /**
+     * API 配置
+     */
+    apiConfig: {
+        baseUrl: string;
+        apiKey: string;
+        locale?: string;
+    };
+    /**
+     * 门店代码（可选，可以从 URL 参数或 props 传入）
+     */
+    demoRoomCode?: string;
+    /**
+     * 编辑预约时使用的 token
+     */
+    token?: string;
+    /**
+     * 初始选中的 purpose 类型（可从 URL 参数 business_type 传入）
+     */
+    initialBusinessType?: string;
+    /**
+     * 时区（可选）
+     */
+    timezone?: string;
+    /**
+     * 页面可配置数据（文案、图标等）
+     */
+    pageData?: BookingFormPageData;
+}
+declare const BookingFormO2O: React.FC<BookingFormO2OProps>;
+
+interface BookingSuccessO2OProps {
+    bookingData?: Booking;
+    token?: string;
+    apiConfig?: DemoRoomApiConfig;
+    onScheduleAgain?: (demoRoomCode: string) => void;
+    onCancelSuccess?: (booking: Booking) => void;
+    /**
+     * 编辑预约回调函数，由使用方实现具体编辑逻辑
+     */
+    onEditBooking?: (token: string, code: string, businessType?: string) => void;
+    /**
+     * 添加到钱包回调函数
+     */
+    onAddToWallet?: (booking: Booking) => void;
+    className?: string;
+    /**
+     * 页面可配置数据（文案、图标等）
+     */
+    pageData?: BookingSuccessPageData;
+}
+declare const BookingSuccessO2O: React.FC<BookingSuccessO2OProps>;
+
 interface UseApiState<T> {
     data: T | null;
     loading: boolean;
@@ -348,6 +760,7 @@ interface UseApiState<T> {
 declare function useDemoRooms(client: DemoRoomApiClient, params: {
     team_code?: string;
     brand_website?: string;
+    business_type?: string;
     locale?: string;
 }, options?: {
     enabled?: boolean;
@@ -365,6 +778,7 @@ declare function useTimeslots(client: DemoRoomApiClient, code: string, params: {
     start_date: string;
     end_date: string;
     timezone?: string;
+    business_type?: string;
 }, options?: {
     enabled?: boolean;
 }): UseApiState<GetTimeslotsResponse>;
@@ -398,7 +812,33 @@ declare function useCancelBooking(client: DemoRoomApiClient): {
     loading: boolean;
     error: ApiError | null;
 };
+/**
+ * 编辑预约 Hook
+ */
+declare function useEditBooking(client: DemoRoomApiClient): {
+    editBooking: (token: string, data: EditBookingRequest) => Promise<CreateBookingResponse>;
+    data: CreateBookingResponse | null;
+    loading: boolean;
+    error: ApiError | null;
+};
+/**
+ * 签到预约 Hook（模式1：精确签到）
+ */
+declare function useCheckinBooking(client: DemoRoomApiClient): {
+    checkinBooking: (data: CheckinBookingRequest) => Promise<Booking>;
+    data: Booking | null;
+    loading: boolean;
+    error: ApiError | null;
+};
+/**
+ * 查询 POD 作品信息 Hook（模式1：精确查询）
+ */
+declare function useBookingDesign(client: DemoRoomApiClient, params: {
+    booking_token: string;
+}, options?: {
+    enabled?: boolean;
+}): UseApiState<BookingDesign>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ApiError, ApiErrorCode, type ApiResponse, type Booking, BookingForm, type BookingFormProps, type BookingStatus, BookingSuccess, type BookingSuccessProps, type CancelBookingResponse, type CreateBookingRequest, DemoRoomApiClient, type DemoRoomApiConfig, type DemoRoom as DemoRoomData, type DemoRoomStatus, type DemoRoomType, type GetBookingResponse, type GetDemoRoomsResponse, type GetTimeslotsResponse, type Question, type QuestionOption, type QuestionType, type Questionnaire, type Timeslot, type TimeslotStatus, cn, createDemoRoomApi, useBooking, useCancelBooking, useCreateBooking, useDemoRoom, useDemoRooms, 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 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 };