@pisell/private-materials 6.1.7 → 6.1.8

package/lib/components/Sales/Checkout/index.js

@@ -41,6 +41,7 @@ var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext")
 var import_ahooks = require("ahooks");
 var import_serve = require("./serve");
 var import_Cart = require("../Cart");
+var import_utils = require("../../appointmentBooking/utils");
 var defaultState = {};
 var CheckoutContext = (0, import_react.createContext)(
   void 0
@@ -54,6 +55,7 @@ var CheckoutProvider = ({
   const { updateDisabledCartItem } = (0, import_Cart.useCart)();
   const checkoutCallback = (0, import_react.useRef)(null);
   const checkRef = (0, import_react.useRef)(null);
+  const payRef = (0, import_react.useRef)(null);
   const checkBeforeBooking = (0, import_ahooks.useRequest)(import_serve.checkBeforeBookingApi, {
     manual: true,
     onSuccess: (res) => {
@@ -76,6 +78,17 @@ var CheckoutProvider = ({
       checkoutCallback.current({ success: false, err });
     }
   });
+  const freePay = (0, import_ahooks.useRequest)(import_serve.freePayApi, {
+    manual: true,
+    onSuccess: (res) => {
+      var _a, _b;
+      if (res == null ? void 0 : res.status) {
+        goPaymentFinish((_a = payRef.current) == null ? void 0 : _a.order_id, (_b = payRef.current) == null ? void 0 : _b.total_amount);
+      } else {
+        (0, import_utils.Toast)(res == null ? void 0 : res.message);
+      }
+    }
+  });
   const onCheckBeforeBooking = (data2) => {
     return new Promise((resolve) => {
       checkRef.current = (res) => {
@@ -94,21 +107,40 @@ var CheckoutProvider = ({
       createBooking.runAsync(data2);
     });
   };
+  const goPaymentFinish = (order_id, amount) => {
+    var _a;
+    const url = `/payment-finish/success?order_id=${order_id}&amount=${Number(
+      amount
+    )}`;
+    (_a = utils == null ? void 0 : utils.history) == null ? void 0 : _a.replace(url);
+  };
   const onPay = (payProps) => {
-    utils.action({
-      type: "pisell1.payment",
-      data: payProps,
-      callback: (e) => {
-        checkoutCallback.current && checkoutCallback.current(e);
+    payRef.current = payProps;
+    const { is_deposit, deposit_amount, total_amount } = payProps;
+    const _total = is_deposit ? deposit_amount || 0 : total_amount || 0;
+    if (_total > 0) {
+      utils.action({
+        type: "pisell1.payment",
+        data: { ...payProps, total_amount: _total },
+        callback: (e) => {
+          checkoutCallback.current && checkoutCallback.current(e);
+        }
+      });
+    } else {
+      if (is_deposit) {
+        goPaymentFinish(payProps.order_id, _total);
+        return;
       }
-    });
+      freePay.runAsync(payProps.order_id);
+    }
   };
   const contextValue = {
     onCheckBeforeBooking,
     onCheckout,
     onPay,
     createBooking,
-    checkBeforeBooking
+    checkBeforeBooking,
+    freePay
   };
   return /* @__PURE__ */ import_react.default.createElement(CheckoutContext.Provider, { value: contextValue }, children);
 };

package/lib/components/Sales/Checkout/serve.d.ts

@@ -1,2 +1,15 @@
+/**
+ * @title: 下单前置校验接口
+ * @param {any} data
+ */
 export declare const checkBeforeBookingApi: (data: any) => Promise<any>;
+/**
+ * @title: 创建订单
+ * @param {any} data
+ */
 export declare const createBookingApi: (data: any) => Promise<any>;
+/**
+ * @title: 免费支付
+ * @param {string} orderId
+ */
+export declare const freePayApi: (orderId: string) => Promise<any>;

package/lib/components/Sales/Checkout/serve.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var serve_exports = {};
 __export(serve_exports, {
   checkBeforeBookingApi: () => checkBeforeBookingApi,
-  createBookingApi: () => createBookingApi
+  createBookingApi: () => createBookingApi,
+  freePayApi: () => freePayApi
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../../utils");
@@ -30,8 +31,12 @@ var checkBeforeBookingApi = (data) => {
 var createBookingApi = (data) => {
   return import_utils.request.getRequest().post("/h5/eventbookingv2/order", data);
 };
+var freePayApi = (orderId) => {
+  return import_utils.request.getRequest().post(`/h5/pay/order/free-pay/${orderId}`, {});
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   checkBeforeBookingApi,
-  createBookingApi
+  createBookingApi,
+  freePayApi
 });

package/lib/components/Sales/Checkout/utils.d.ts

@@ -24,7 +24,13 @@ export declare const formatProductBundle: (bundle: any) => any;
  * @Author: xiangfeng.xue
  * @Date: 2025-01-21 17:57
  */
-export declare const formatValues: (state: any, excludeDisabled?: boolean, otherValue?: Record<string, any>) => any;
+export declare const formatValues: (params: {
+    state: any;
+    platform: 'h5' | 'pc';
+    excludeDisabled?: boolean;
+    extra?: Record<string, any>;
+    otherValue?: Record<string, any>;
+}) => any;
 /**
  * @title: 获取拉开表单弹窗参数
  * @param state

package/lib/components/Sales/Checkout/utils.js

@@ -61,24 +61,29 @@ var formatBookings = (list) => {
   });
   return bookings;
 };
-var formatValues = (state, excludeDisabled, otherValue) => {
+var formatValues = (params) => {
   var _a, _b;
+  const { state, otherValue, platform, excludeDisabled, extra } = params;
   let values = {
     type: "event_booking_v2",
-    platform: "H5",
+    platform: platform === "pc" ? "PC" : "H5",
     sales_channel: "my_pisel",
     order_sales_channel: "online_store",
     bookings: [],
     shop_note: "",
     schedule_date: "",
+    ...extra || {},
     ...otherValue || {}
   };
+  console.log("values", values);
   let data = [];
   if (excludeDisabled) {
     data = (_b = (_a = state.cartData.cartItems) == null ? void 0 : _a.filter) == null ? void 0 : _b.call(_a, (v) => v.disabled !== true);
   } else {
     data = state.cartData.cartItems;
   }
+  const is_deposit = data.find((v) => v.deposit) ? 1 : 0;
+  values.is_deposit = is_deposit;
   values.bookings = formatBookings(data);
   return values;
 };

package/lib/components/Sales/Customer/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface CustomerData {
 }
 interface CustomerContextType {
+    appContext: any;
     appUtils: any;
     isLogin: () => boolean;
     openLoginModal: (params: any) => void;

package/lib/components/Sales/Customer/index.js

@@ -67,6 +67,7 @@ var CustomerProvider = ({
     return (userInfo == null ? void 0 : userInfo.id) ? userInfo : localUserInfo;
   };
   const contextValue = {
+    appContext: context,
     appUtils: utils,
     isLogin,
     openLoginModal,

package/lib/components/Sales/Event/Detail.d.ts

@@ -14,6 +14,7 @@ interface EventDetailContextType {
     currentBookingOption: any;
     selectEventDetailProductDetail: (productDetail: any) => void;
     checkBeforeSelectEventDetail: () => boolean;
+    getProductDetailRequest: any;
 }
 interface EventDetailProviderProps {
     children: React.ReactNode;

package/lib/components/Sales/Event/Detail.js

@@ -196,20 +196,44 @@ var EventDetailProvider = ({
       }
     }
   );
+  const getProductDetailRequest = (0, import_ahooks.useRequest)(import_serve.getProductDetailApi, {
+    manual: true,
+    loadingDelay: 200
+  });
   const selectEventDetailBookingOptions = (id) => {
-    var _a;
+    var _a, _b, _c;
     const { introduction, bookingOptions } = detailRef.current || {};
     const option = (_a = bookingOptions == null ? void 0 : bookingOptions.filter((v) => v.value === id)) == null ? void 0 : _a[0];
-    _setDetail({
-      introduction: {
-        ...introduction,
-        price: option.price,
-        origin_price: option.original_price
-      },
-      selectedProduct: option
-      // 选中的活动关联的商品
-    });
-    _setCurrentBookingOption(id);
+    const setSelectedData = (data) => {
+      _setDetail({
+        introduction: {
+          ...introduction,
+          price: data == null ? void 0 : data.price,
+          origin_price: data == null ? void 0 : data.original_price
+        },
+        selectedProduct: data
+        // 选中的活动关联的商品
+      });
+      _setCurrentBookingOption(id);
+    };
+    if (((_b = option == null ? void 0 : option._originData) == null ? void 0 : _b.is_eject) === 0) {
+      getProductDetailRequest.runAsync(id, {
+        open_deposit: 1,
+        front_end_cache_id: ((_c = introduction == null ? void 0 : introduction._originData) == null ? void 0 : _c.id) + "_" + id
+      }).then((res) => {
+        var _a2;
+        const custom_deposit_data = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.custom_deposit_data;
+        const newOption = { ...option };
+        if (custom_deposit_data && newOption._originData) {
+          newOption._originData.custom_deposit_data = custom_deposit_data;
+        }
+        setSelectedData(newOption);
+      }).catch(() => {
+        setSelectedData(option);
+      });
+    } else {
+      setSelectedData(option);
+    }
   };
   const selectEventDetailProductDetail = (productDetail) => {
     _setDetail({ productDetail });
@@ -233,7 +257,8 @@ var EventDetailProvider = ({
     getEventDetailSelectDate,
     currentBookingOption,
     selectEventDetailProductDetail,
-    checkBeforeSelectEventDetail
+    checkBeforeSelectEventDetail,
+    getProductDetailRequest
   };
   return /* @__PURE__ */ import_react.default.createElement(EventDetailContext.Provider, { value: contextValue }, children);
 };

package/lib/components/Sales/Event/serve.d.ts

@@ -37,3 +37,13 @@ export declare const getProductPrice: (params: {
     customer_id: number;
     schedule_date?: string;
 }) => Promise<any>;
+/**
+ * 获取商品详情
+ * @param id 商品id
+ * @param params 参数
+ * @returns
+ */
+export declare const getProductDetailApi: (id: number, params: {
+    open_deposit?: string | number;
+    front_end_cache_id?: string;
+}) => Promise<any>;

package/lib/components/Sales/Event/serve.js

@@ -24,6 +24,7 @@ __export(serve_exports, {
   getEventDetailSelectDateApi: () => getEventDetailSelectDateApi,
   getEventDetailTeacherApi: () => getEventDetailTeacherApi,
   getEventListApi: () => getEventListApi,
+  getProductDetailApi: () => getProductDetailApi,
   getProductPrice: () => getProductPrice
 });
 module.exports = __toCommonJS(serve_exports);
@@ -46,6 +47,11 @@ var getEventDetailSelectDateApi = (id, params) => {
   });
 };
 var getProductPrice = async (params) => import_utils.request.getRequest().post(`/h5/product/query/price`, params);
+var getProductDetailApi = async (id, params) => {
+  return import_utils.request.getRequest().get(`/h5/product/standard/show/${id}`, params, {
+    useCache: true
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getEventDetailBookingOptionsApi,
@@ -53,5 +59,6 @@ var getProductPrice = async (params) => import_utils.request.getRequest().post(`
   getEventDetailSelectDateApi,
   getEventDetailTeacherApi,
   getEventListApi,
+  getProductDetailApi,
   getProductPrice
 });

package/lib/components/Sales/Summary/index.d.ts

@@ -7,6 +7,16 @@ interface SummaryContextType {
     taxTitle?: string;
     totalTaxFee?: string;
     isPriceIncludeTax?: 0 | 1;
+    deposit?: {
+        total: string;
+        protocols: any[];
+        hasDeposit: boolean;
+    };
+    isAgreeDepositPolicy: boolean;
+    setIsAgreeDepositPolicy: (value: boolean) => void;
+    getDepositProtocol: (params: {
+        id: string;
+    }) => Promise<any>;
 }
 interface SummaryProviderProps {
     children: React.ReactNode;

package/lib/components/Sales/Summary/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_Cart = require("../Cart");
 var import_utils = require("./utils");
 var import_Init = require("../Init");
+var import_serve = require("./serve");
 var defaultState = {};
 var SummaryContext = (0, import_react.createContext)(
   void 0
@@ -48,6 +49,7 @@ var SummaryProvider = ({
 }) => {
   const { cartData } = (0, import_Cart.useCart)();
   const { initData } = (0, import_Init.useInit)();
+  const [isAgreeDepositPolicy, setIsAgreeDepositPolicy] = (0, import_react.useState)(false);
   const summaryData = (0, import_react.useMemo)(() => {
     return (0, import_utils.calculatePriceDetails)(
       (initData == null ? void 0 : initData.shop) || {},
@@ -61,7 +63,11 @@ var SummaryProvider = ({
     total: summaryData.total,
     taxTitle: summaryData.taxTitle,
     totalTaxFee: summaryData.totalTaxFee,
-    isPriceIncludeTax: summaryData.isPriceIncludeTax
+    isPriceIncludeTax: summaryData.isPriceIncludeTax,
+    deposit: summaryData.deposit,
+    isAgreeDepositPolicy,
+    setIsAgreeDepositPolicy,
+    getDepositProtocol: import_serve.getDepositProtocolApi
   };
   return /* @__PURE__ */ import_react.default.createElement(SummaryContext.Provider, { value: contextValue }, children);
 };

package/lib/components/Sales/Summary/serve.d.ts

@@ -0,0 +1 @@
+export declare const getDepositProtocolApi: (id: string) => Promise<any>;

package/lib/components/Sales/Summary/serve.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Sales/Summary/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getDepositProtocolApi: () => getDepositProtocolApi
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../../utils");
+var getDepositProtocolApi = (id) => {
+  return import_utils.request.getRequest().get(`/h5/shop-policy/${id}`, {});
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getDepositProtocolApi
+});

package/lib/components/Sales/Summary/utils.d.ts

@@ -10,6 +10,11 @@ interface PriceDetail {
     taxTitle?: string;
     totalTaxFee?: string;
     isPriceIncludeTax?: 0 | 1;
+    deposit?: {
+        total: string;
+        protocols: any[];
+        hasDeposit: boolean;
+    };
 }
 /**
  * 计算商品小计（不含其他费用）
@@ -25,7 +30,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组
@@ -33,4 +38,14 @@ export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.0
  * @returns 价格明细对象
  */
 export declare const calculatePriceDetails: (shopInfo: any, items: CartItem[]) => PriceDetail;
+/**
+ * @title: 计算定金
+ * @param items - 购物车商品数组
+ * @returns 定金字符串，保留2位小数
+ */
+export declare const calculateDeposit: (items: CartItem[]) => {
+    total: string;
+    protocols: any[];
+    hasDeposit: never;
+} | undefined;
 export {};

package/lib/components/Sales/Summary/utils.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Sales/Summary/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
+  calculateDeposit: () => calculateDeposit,
   calculatePriceDetails: () => calculatePriceDetails,
   calculateSubtotal: () => calculateSubtotal,
   calculateTaxFee: () => calculateTaxFee
@@ -65,16 +66,44 @@ var calculatePriceDetails = (shopInfo, items) => {
   const totalTaxFee = new import_decimal.default(calculateTaxFee(shopInfo, items));
   console.log("totalTaxFee", totalTaxFee.toFixed(2));
   const total = (shopInfo == null ? void 0 : shopInfo.is_price_include_tax) ? subtotal : subtotal.plus(totalTaxFee);
+  const deposit = calculateDeposit(items);
   return {
     subtotal: subtotal.toFixed(2),
     total: total.toFixed(2),
     taxTitle: shopInfo == null ? void 0 : shopInfo.tax_title,
     totalTaxFee: totalTaxFee.toFixed(2),
-    isPriceIncludeTax: shopInfo == null ? void 0 : shopInfo.is_price_include_tax
+    isPriceIncludeTax: shopInfo == null ? void 0 : shopInfo.is_price_include_tax,
+    deposit
   };
 };
+var calculateDeposit = (items) => {
+  if (!(items == null ? void 0 : items.length)) {
+    return void 0;
+  }
+  const protocols = [];
+  let hasDeposit = false;
+  const total = items.reduce((sum, item) => {
+    var _a, _b, _c;
+    if (item == null ? void 0 : item.deposit) {
+      hasDeposit = true;
+      const cartItemTotalPrice = new import_decimal.default(((_a = item == null ? void 0 : item.deposit) == null ? void 0 : _a.total) || 0);
+      (_c = (_b = item == null ? void 0 : item.deposit) == null ? void 0 : _b.protocols) == null ? void 0 : _c.forEach((protocol) => {
+        if (protocols.findIndex((p) => p.id === protocol.id) === -1) {
+          protocols.push(protocol);
+        }
+      });
+      return sum.plus(cartItemTotalPrice);
+    }
+    return sum;
+  }, new import_decimal.default(0));
+  if (hasDeposit) {
+    return { total: total.toFixed(2), protocols, hasDeposit };
+  }
+  return void 0;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  calculateDeposit,
   calculatePriceDetails,
   calculateSubtotal,
   calculateTaxFee

package/lib/components/appointmentBooking/components/Cart/Item/index.js

@@ -98,6 +98,7 @@ var CartItem = ({ onNext }) => {
         ...resourceOtherParams,
         errorList: null
       });
+      val.like_status = "like";
       appointmentBooking.updateCart({
         _id: e == null ? void 0 : e._id,
         resources: (0, import_utils2.updateCartResources)(e, val, currentSelectedResources)

package/lib/components/appointmentBooking/components/Cart/utils.js

@@ -25,7 +25,6 @@ __export(utils_exports, {
   handleAddHolder: () => handleAddHolder
 });
 module.exports = __toCommonJS(utils_exports);
-var import_utils = require("../../utils");
 var checkLogin = async ({
   isLogin,
   openLoginModal,
@@ -38,16 +37,7 @@ var checkLogin = async ({
   if (!isLogin) {
     openLoginModal({
       callback: (status) => {
-        var _a;
         if (status === "success") {
-          if (!isFormSubject) {
-            const user = JSON.parse(((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("customer")) || "{}");
-            const currentUser = (0, import_utils.formatCustomer)(user);
-            const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
-            appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
-          } else {
-            getHolders();
-          }
         }
       }
     });

package/lib/components/appointmentBooking/components/Content/index.js

@@ -46,10 +46,14 @@ var import_Form = __toESM(require("../Form"));
 var import_ConfirmInformation = __toESM(require("../ConfirmInformation"));
 var import_context = require("../../context");
 var import_PolicyModal = __toESM(require("../../deposit/components/PolicyModal"));
+var import_utils2 = require("../Resource/utils");
 var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
+var import_useComponents = __toESM(require("../../../../hooks/useComponents"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_utils3 = require("../../utils");
 var Layout = () => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const stepRef = (0, import_react.useRef)();
   const {
     currentStep,
@@ -68,9 +72,37 @@ var Layout = () => {
   const { getHolders } = (0, import_hooks.useAppointmentBookingAccount)();
   const { removeStep } = (0, import_hooks.useAppointmentBookingStep)();
   const { shopDiscount } = (0, import_hooks.useShopDiscount)();
+  const { customPageData } = (_a = (0, import_useEngineContext.default)().engine) == null ? void 0 : _a.props;
+  const [CustomComponent] = (0, import_useComponents.default)({
+    components: ["CustomComponent"]
+  });
+  console.log("CustomComponent:", CustomComponent, typeof CustomComponent, CustomComponent == null ? void 0 : CustomComponent.$$typeof);
   (0, import_hooks.useAppointmentBookingCart)();
   (0, import_hooks.useAppointmentBookingStep)();
   const [params, setParams] = (0, import_react.useState)({});
+  const utils = (0, import_hooks.contextUtils)();
+  const context = (0, import_useEngineContext.default)();
+  const { pubsub } = context.appHelper.utils;
+  (0, import_react.useEffect)(() => {
+    const handleLoginSuccess = async () => {
+      var _a2;
+      if (!isFormSubject) {
+        const user = JSON.parse(((_a2 = utils == null ? void 0 : utils.storage) == null ? void 0 : _a2.get("customer")) || "{}");
+        const currentUser = (0, import_utils3.formatCustomer)(user);
+        const accountLists = await appointmentBooking.getAccounts();
+        const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
+        appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
+      } else {
+        if (!isRetailTemplate) {
+          getHolders();
+        }
+      }
+    };
+    pubsub.subscribe("pisell1.login.success", handleLoginSuccess);
+    return () => {
+      pubsub.unsubscribe("pisell1.login.success");
+    };
+  }, []);
   (0, import_react.useEffect)(() => {
     appointmentBooking.removeStep("fill-form");
     return () => {
@@ -115,6 +147,7 @@ var Layout = () => {
     }
   }, [isFormSubject, isLogin, isRetailTemplate]);
   (0, import_react.useEffect)(() => {
+    var _a2;
     if (!(currentStep == null ? void 0 : currentStep.step)) return;
     setLoading(false);
     setResourceOtherParams({
@@ -126,7 +159,10 @@ var Layout = () => {
       top: 0,
       behavior: "smooth"
     });
-  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key]);
+    if (((_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key) === "confirm-information") {
+      (0, import_utils2.scrollToFirstErrorCard)(".pisell-lowcode-product-card-error");
+    }
+  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key]);
   const components = {
     // 选择服务
     "select-service": import_Services.default,
@@ -151,8 +187,14 @@ var Layout = () => {
     } else {
       Com2 = components[key];
     }
-    return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef });
-  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key]);
+    if (key === "select-service") {
+      return /* @__PURE__ */ import_react.default.createElement(CustomComponent, { block: customPageData == null ? void 0 : customPageData.block, customComponents: {
+        product_list: /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef })
+      } });
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef });
+    }
+  }, [(_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key]);
   (0, import_react.useEffect)(() => {
     var _a2, _b2;
     if ((0, import_utils.isMobile)()) {
@@ -170,7 +212,7 @@ var Layout = () => {
         content.style.overflowY = "auto";
       }
     }
-  }, [(_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key]);
+  }, [(_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key]);
   const isShowCartCom = (0, import_react.useMemo)(() => {
     var _a2;
     const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
@@ -182,14 +224,18 @@ var Layout = () => {
       var _a3, _b2;
       return (_b2 = (_a3 = stepRef == null ? void 0 : stepRef.current) == null ? void 0 : _a3.next) == null ? void 0 : _b2.call(_a3);
     } }));
-  }, [isDateSelectedFirst, (_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key]);
+  }, [isDateSelectedFirst, (_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key]);
   const isFooter = (0, import_react.useMemo)(() => {
     var _a2;
     if (!(0, import_utils.isMobile)()) return false;
     const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
     if (isDateSelectedFirst && key === "select-date") return false;
     return key !== "confirm-information";
-  }, [isDateSelectedFirst, (_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key]);
+  }, [isDateSelectedFirst, (_f = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _f.key]);
+  const depositProtocolRequest = (id) => {
+    var _a2;
+    return (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.getProtocol) == null ? void 0 : _a2.call(appointmentBooking, id);
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !isRetailTemplate ? /* @__PURE__ */ import_react.default.createElement(import_Header.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -214,7 +260,8 @@ var Layout = () => {
       onConfirm: () => closePolicy(true),
       item: policyParams == null ? void 0 : policyParams.content,
       onChange: () => setLoading(false),
-      isHideCheckout: false
+      isHideCheckout: false,
+      depositProtocolRequest
     }
   ) : null);
 };

package/lib/components/appointmentBooking/components/Deposit/index.d.ts

@@ -1,3 +1,9 @@
 import './index.less';
+export declare const DepositContent: (props: {
+    isAgreeDepositPolicy: boolean;
+    setIsAgreeDepositPolicy: (value: boolean) => void;
+    deposit: any;
+    depositProtocolRequest?: any;
+}) => JSX.Element;
 declare const Deposit: () => JSX.Element;
 export default Deposit;