@pisell/private-materials 6.6.80 → 6.6.82

package/es/businessModel/SalesModel/index.d.ts

@@ -1,3 +1,4 @@
-declare const SalesModel: ({ children, hooks, config }: any) => JSX.Element;
+import React from 'react';
+declare const SalesModel: ({ children, hooks, config }: any) => React.JSX.Element;
 export * from './Sales';
 export default SalesModel;

package/es/components/Sales/index.d.ts

@@ -15,6 +15,6 @@ declare const SalesPage: ({ config, children, }: {
     config?: {
         useSessionStorage?: boolean | undefined;
     } | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default SalesPage;
 export { useCustomer, useInit, useSales, useStep, useResource, useEvent, useEventDetail, useHolder, useSummary, useCheckout, useCart, };

package/es/components/appointmentBooking/components/Cart/Item/Total.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Total: ({ className, isFooter }: any) => JSX.Element;
+declare const Total: ({ className, isFooter }: any) => React.JSX.Element;
 export default Total;

package/es/components/appointmentBooking/components/Cart/Item/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const CartItem: ({ onNext, renderContactInfo }: any) => JSX.Element;
+declare const CartItem: ({ onNext, renderContactInfo }: any) => React.JSX.Element;
 export default CartItem;

package/es/components/appointmentBooking/components/Cart/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
+declare const Cart: ({ open, onCancel, onNext }: any) => React.JSX.Element;
 export default Cart;

package/es/components/appointmentBooking/components/Content/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Layout: () => JSX.Element;
+declare const Layout: () => React.JSX.Element;
 export default Layout;

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

@@ -1,9 +1,10 @@
+import React from 'react';
 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;
+}) => React.JSX.Element;
+declare const Deposit: () => React.JSX.Element;
 export default Deposit;

package/es/components/appointmentBooking/components/Footer/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Footer: ({ onNext, isOpen }: any) => JSX.Element;
+declare const Footer: ({ onNext, isOpen }: any) => React.JSX.Element;
 export default Footer;

package/es/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const GuestOptionsModal: (props: any) => JSX.Element;
+declare const GuestOptionsModal: (props: any) => React.JSX.Element;
 export default GuestOptionsModal;

package/es/components/appointmentBooking/components/Header/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Header: () => JSX.Element;
+declare const Header: () => React.JSX.Element;
 export default Header;

package/es/components/appointmentBooking/components/Voucher/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import '../../../booking/components/voucher/index.less';
 import './index.less';
-declare const VoucherCard: (props: any) => JSX.Element;
+declare const VoucherCard: (props: any) => React.JSX.Element;
 export default VoucherCard;

package/es/components/appointmentBooking/context.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { TasksManager } from '../../utils/tasks';
 interface AppointmentBookingContextType {
     appointmentBooking: any;
@@ -30,6 +30,6 @@ interface AppointmentBookingContextType {
 }
 export declare const AppointmentBookingProvider: ({ children, }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const useAppointmentBookingContext: () => AppointmentBookingContextType | undefined;
 export {};

package/es/components/appointmentBooking/deposit/components/PolicyModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const DepositModal: (props: any) => JSX.Element;
+declare const DepositModal: (props: any) => React.JSX.Element;
 export default DepositModal;

package/es/components/appointmentBooking/deposit/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Deposit: (props: any) => JSX.Element;
+declare const Deposit: (props: any) => React.JSX.Element;
 export default Deposit;

package/es/components/appointmentBooking/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const AppointmentBooking: () => JSX.Element;
+declare const AppointmentBooking: () => React.JSX.Element;
 export default AppointmentBooking;

package/es/components/booking/components/TabProduct/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./index.less";
 interface TabProductProps {
     list: any[];
@@ -5,5 +6,5 @@ interface TabProductProps {
     onChange: (item: any, type: "select" | "detail") => void;
     scrollDom?: string;
 }
-declare const TabProduct: (props: TabProductProps) => JSX.Element;
+declare const TabProduct: (props: TabProductProps) => React.JSX.Element;
 export default TabProduct;

package/es/components/booking/components/TabProduct/productItem/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
+declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => React.JSX.Element;
 export default ProductItem;

package/es/components/booking/components/TabProduct/selectProductItem/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./index.less";
-declare const SelectProductItem: ({ item, onClick, onChangeQuantity, amountSymbol, style, className, disabled, }: any) => JSX.Element;
+declare const SelectProductItem: ({ item, onClick, onChangeQuantity, amountSymbol, style, className, disabled, }: any) => React.JSX.Element;
 export default SelectProductItem;

package/es/components/booking/components/authWrap/index.d.ts

@@ -4,5 +4,5 @@ interface AuthWrapProps {
     falseRender?: React.ReactNode;
     show: boolean;
 }
-declare const AuthWrap: (props: AuthWrapProps) => JSX.Element;
+declare const AuthWrap: (props: AuthWrapProps) => React.JSX.Element;
 export default AuthWrap;

package/es/components/booking/components/browserSelect/index.d.ts

@@ -11,5 +11,5 @@ interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAtt
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 16:43
  */
-declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
+declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
 export default BrowserSelect;

package/es/components/booking/components/collapsibleList/utils.d.ts

@@ -1 +1,2 @@
-export declare const renderBundles: (item: any, amountSymbol: string) => JSX.Element;
+import React from "react";
+export declare const renderBundles: (item: any, amountSymbol: string) => React.JSX.Element;

package/es/components/booking/components/drawer/index.d.ts

@@ -15,5 +15,5 @@ export interface PisellDrawerProps extends DrawerProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 16:51
  */
-declare const Drawer: (props: PisellDrawerProps) => JSX.Element;
+declare const Drawer: (props: PisellDrawerProps) => React.JSX.Element;
 export default Drawer;

package/es/components/booking/components/emptyBooking/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * @title: 空状态
  * @description:
@@ -8,5 +9,5 @@
  */
 declare const EmptyBooking: ({ description }: {
     description?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default EmptyBooking;

package/es/components/booking/components/footer/FooterMenus/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./index.less";
-declare const FooterMenus: ({ state, menuChange, items }: any) => JSX.Element | null;
+declare const FooterMenus: ({ state, menuChange, items }: any) => React.JSX.Element | null;
 export default FooterMenus;

package/es/components/booking/components/footer/amount.js

@@ -519,7 +519,8 @@ var processItemsTax = function processItemsTax(items, state, options) {
   }
   return {
     originTax: expectedOriginTax,
-    tax: expectedTax
+    tax: expectedTax,
+    taxDecimal: preciseTax
   };
 };
 
@@ -651,7 +652,7 @@ var getTax = function getTax(state, options) {
         computed: computed
       });
       totalOriginTax = totalOriginTax.plus(serviceResult.originTax);
-      totalTax = totalTax.plus(serviceResult.tax);
+      totalTax = totalTax.plus(serviceResult.taxDecimal);
     }
 
     // 处理附加商品
@@ -662,7 +663,7 @@ var getTax = function getTax(state, options) {
         computed: computed
       });
       totalOriginTax = totalOriginTax.plus(addonsResult.originTax);
-      totalTax = totalTax.plus(addonsResult.tax);
+      totalTax = totalTax.plus(addonsResult.taxDecimal);
     }
   }
   return {

package/es/components/booking/components/footer/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 /**
  * @title: 底部
@@ -7,5 +8,5 @@ import './index.less';
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 16:51
  */
-declare const Footer: (props: any) => JSX.Element;
+declare const Footer: (props: any) => React.JSX.Element;
 export default Footer;

package/es/components/booking/components/footer/index.js

@@ -48,6 +48,7 @@ import { useDebounceEffect, useDebounceFn, useMemoizedFn } from 'ahooks';
 import { cloneDeep } from 'lodash';
 import { useShopDiscountModule } from "../../../ticketBooking/hooks/pisellos/useShopDiscountModule";
 import { isWalkIn } from "../../utils";
+import { getOriginalOrderProductData, getSubmittedOrderProductData, useProductChangeDebugLog } from "../../utils/productChangeLog";
 
 /**
  * @title: 底部
@@ -104,6 +105,7 @@ var Footer = function Footer(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     editOrderId = _useState16[0],
     setEditOrderId = _useState16[1];
+  var sendProductChangeLog = useProductChangeDebugLog((state === null || state === void 0 ? void 0 : state.bookingId) || editOrderId);
   var _useState17 = useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
     isShowPaymentLink = _useState18[0],
@@ -872,7 +874,7 @@ var Footer = function Footer(props) {
   var handleSave = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref6) {
       var _submitState, _submitState$service, _submitState$client;
-      var type, _ref6$messageShow, messageShow, _ref6$noSubmit, noSubmit, submitState, isToastMode, isHasDayProducts, hasUnspecifiedHolderProduct, shouldContinue, _setLoading, loadingTimer, _getApis, createBooking, editBooking, editApi, createApi, saveOtherValue, _submitState2, _submitState2$onSave, _store$getState, _window7, _submitState4, callbackData, values, checkout, subtotal_info, res, _submitState3, isNeedDeposit, api;
+      var type, _ref6$messageShow, messageShow, _ref6$noSubmit, noSubmit, submitState, isToastMode, isHasDayProducts, hasUnspecifiedHolderProduct, shouldContinue, _setLoading, loadingTimer, _getApis, createBooking, editBooking, editApi, createApi, saveOtherValue, _submitState2, _submitState2$onSave, _store$getState, _window7, _submitState5, callbackData, values, _submitState3, checkout, subtotal_info, res, _submitState4, isNeedDeposit, api;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -959,9 +961,21 @@ var Footer = function Footer(props) {
             }
             return _context6.abrupt("return", values);
           case 39:
+            if (type === 'save') {
+              sendProductChangeLog({
+                title: '保存预约订单商品数据',
+                content: [{
+                  key: '初始订单商品数据',
+                  value: getOriginalOrderProductData((_submitState3 = submitState) === null || _submitState3 === void 0 ? void 0 : _submitState3.bookingDetail)
+                }, {
+                  key: '保存时最终商品数据',
+                  value: getSubmittedOrderProductData(values)
+                }]
+              });
+            }
             checkout = pisellos.getModule('checkout'); // 如果有 orderid，则应该走更新逻辑
             if (!editOrderId) {
-              _context6.next = 49;
+              _context6.next = 50;
               break;
             }
             subtotal_info = {
@@ -970,7 +984,7 @@ var Footer = function Footer(props) {
               total: cloneDeep(total),
               showDetail: showDetail
             };
-            _context6.next = 44;
+            _context6.next = 45;
             return checkout.updateLocalOrderAsync({
               orderId: editOrderId,
               orderData: values,
@@ -978,18 +992,18 @@ var Footer = function Footer(props) {
               autoPayment: true,
               totalInfo: subtotal_info
             });
-          case 44:
-            _context6.next = 46;
+          case 45:
+            _context6.next = 47;
             return checkout.manualSyncOrderAsync();
-          case 46:
+          case 47:
             res = _context6.sent;
             if (res.success) {
               // 回调关闭弹窗
-              (_submitState3 = submitState) === null || _submitState3 === void 0 || _submitState3.callback(res, type);
+              (_submitState4 = submitState) === null || _submitState4 === void 0 || _submitState4.callback(res, type);
               _setLoading(false);
             }
             return _context6.abrupt("return");
-          case 49:
+          case 50:
             // 如果是保存，检查是否需要支付定金
             if (type === 'save' && !submitState.bookingId) {
               isNeedDeposit = checkout.checkIsNeedDepositAsync(values.bookings, values.relation_products);
@@ -1053,33 +1067,33 @@ var Footer = function Footer(props) {
 
             // 如果有addons改动, 则先保存
             if (!addonsEdit) {
-              _context6.next = 55;
+              _context6.next = 56;
               break;
             }
-            _context6.next = 55;
+            _context6.next = 56;
             return handleSaveAddons();
-          case 55:
+          case 56:
             if (!infoEdit) {
-              _context6.next = 60;
+              _context6.next = 61;
               break;
             }
-            _context6.next = 58;
+            _context6.next = 59;
             return api(values, submitState.bookingId || editOrderId);
-          case 58:
+          case 59:
             callbackData = _context6.sent;
             if (messageShow) {
               message.success(locales.getText(submitState.bookingId ? 'pisell2.text.appointment-updated' : 'pisell2.text.created-successfully'));
             }
-          case 60:
+          case 61:
             // 回调关闭弹窗
-            (_submitState4 = submitState) === null || _submitState4 === void 0 || _submitState4.callback(callbackData, type);
+            (_submitState5 = submitState) === null || _submitState5 === void 0 || _submitState5.callback(callbackData, type);
             clearTimeout(loadingTimer);
             _setLoading(false);
 
             // return数据  checkout时需要
             return _context6.abrupt("return", callbackData || values);
-          case 66:
-            _context6.prev = 66;
+          case 67:
+            _context6.prev = 67;
             _context6.t1 = _context6["catch"](33);
             console.log(_context6.t1);
             if ((_context6.t1 === null || _context6.t1 === void 0 ? void 0 : _context6.t1.code) === 70101) {
@@ -1087,11 +1101,11 @@ var Footer = function Footer(props) {
             }
             clearTimeout(loadingTimer);
             _setLoading(false);
-          case 72:
+          case 73:
           case "end":
             return _context6.stop();
         }
-      }, _callee6, null, [[33, 66]]);
+      }, _callee6, null, [[33, 67]]);
     }));
     return function handleSave(_x5) {
       return _ref7.apply(this, arguments);

package/es/components/booking/components/footer/utils.js

@@ -108,7 +108,7 @@ export var formatProductBundle = function formatProductBundle(bundle) {
     }
   } catch (error) {}
   return bundle.map(function (d) {
-    var _d$original_price;
+    var _d$original_price, _d$metadata;
     var option = formatProductOption(d.option);
     var option_price = option.reduce(function (temp, item) {
       return temp + Number(item.num) * item.custom_add_price;
@@ -136,7 +136,7 @@ export var formatProductBundle = function formatProductBundle(bundle) {
       "bundle_selling_price": Math.abs(d === null || d === void 0 ? void 0 : d.price),
       // "bundle_sum_price": d?.original_price || d?.original_total,
       "metadata": {
-        custom_product_bundle_map_id: d._id,
+        custom_product_bundle_map_id: (d === null || d === void 0 || (_d$metadata = d.metadata) === null || _d$metadata === void 0 ? void 0 : _d$metadata.custom_product_bundle_map_id) || d._id,
         // 子商品单数量附加费
         "surcharge_fee": d.surcharge_fee,
         // 可选，附加费均摊舍入金额
@@ -482,7 +482,7 @@ export var getMainProductSellingPrice = function getMainProductSellingPrice(item
  * @Author: WangHan
  * @Date: 2024-12-07 14:21
  */
-var formatProducts = function formatProducts(item, quantity) {
+var formatProducts = function formatProducts(item, quantity, options) {
   var _item$_extend39, _getMainProductSellin, _item$_extend40, _item$_extend41, _item$_extend42, _item$_extend43;
   var total = Number(item._extend.total);
   var origin_total = Number(item._extend.origin_total);
@@ -497,6 +497,9 @@ var formatProducts = function formatProducts(item, quantity) {
     d.metadata = _objectSpread(_objectSpread({}, d.metadata), {}, {
       unique_identification_number: "".concat(item._extend.unique_identification_number, "_").concat(d.discount.resource_id)
     });
+    if (options !== null && options !== void 0 && options.isServiceEdit && options !== null && options !== void 0 && options.isMultiDay) {
+      delete d.id;
+    }
   });
 
   // 非手动折扣
@@ -719,7 +722,10 @@ var formatBookings = function formatBookings(data, values) {
       item._extend.unique_identification_number = unique_identification_number;
     }
     var booking = _objectSpread(_objectSpread({
-      product: formatProducts(item),
+      product: formatProducts(item, undefined, {
+        isServiceEdit: data.service.edit,
+        isMultiDay: isMultiDay
+      }),
       relation_products: formatRelationDetails(item._extend.relation_details),
       id: item.booking_id || 0,
       relation_id: item._extend.relation_id || 0,

package/es/components/booking/components/formItemChildrenWrap/index.d.ts

@@ -1,2 +1,3 @@
-declare const FormItemChildrenWrap: (props: any) => JSX.Element;
+import React from "react";
+declare const FormItemChildrenWrap: (props: any) => React.JSX.Element;
 export default FormItemChildrenWrap;

package/es/components/booking/components/menuButton/index.d.ts

@@ -6,5 +6,5 @@ interface MenuButtonProps {
     menuWrapStyle?: React.CSSProperties;
     dropdownProps?: DropdownProps;
 }
-declare const MenuButton: ({ menuWrapClassName, menuWrapStyle, dropdownProps, }: MenuButtonProps) => JSX.Element;
+declare const MenuButton: ({ menuWrapClassName, menuWrapStyle, dropdownProps, }: MenuButtonProps) => React.JSX.Element;
 export default MenuButton;

package/es/components/booking/components/reloadResourceModal/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import './index.less';
 interface IProps {
     modal: any;
     onReload: () => Promise<any>;
     onCancel: () => void;
 }
-declare const ReloadResourceModal: ({ modal, onReload, onCancel }: IProps) => JSX.Element;
+declare const ReloadResourceModal: ({ modal, onReload, onCancel }: IProps) => React.JSX.Element;
 export default ReloadResourceModal;

package/es/components/booking/components/voucher/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const VoucherCard: (props: any) => JSX.Element | null;
+declare const VoucherCard: (props: any) => React.JSX.Element | null;
 export default VoucherCard;

package/es/components/booking/components/voucher/index.js

@@ -134,7 +134,7 @@ var VoucherCard = function VoucherCard(props) {
     var val = (_ref = state.service.value || []) === null || _ref === void 0 ? void 0 : _ref.map(function (value) {
       var _value$_extend, _value$_extend2, _value$_extend3;
       return {
-        booking_id: value.booking_id,
+        // booking_id: value.booking_id,
         id: value.id,
         price: value.price,
         total: value === null || value === void 0 || (_value$_extend = value._extend) === null || _value$_extend === void 0 ? void 0 : _value$_extend.total,

package/es/components/booking/deposit/ClientItem/index.d.ts

@@ -14,5 +14,5 @@ declare type ClientItemProps = {
     className?: string;
     walkInName?: string;
 };
-declare const ClientItem: (props: ClientItemProps) => JSX.Element;
+declare const ClientItem: (props: ClientItemProps) => React.JSX.Element;
 export default ClientItem;

package/es/components/booking/deposit/DepositItem/index.d.ts

@@ -21,5 +21,5 @@ declare type DepositItemProps = {
     isBookingCancelled: boolean;
     hideOrderDetail?: boolean;
 };
-declare const DepositItem: (props: DepositItemProps) => JSX.Element;
+declare const DepositItem: (props: DepositItemProps) => React.JSX.Element;
 export default DepositItem;

package/es/components/booking/deposit/index.d.ts

@@ -1,2 +1,3 @@
-declare const Deposit: (props: any) => JSX.Element;
+import React from 'react';
+declare const Deposit: (props: any) => React.JSX.Element;
 export default Deposit;

package/es/components/booking/forms/footer.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 interface FooterProps {
     state: any;
     reload: () => void;
 }
-declare const Footer: ({ state, reload }: FooterProps) => JSX.Element | null;
+declare const Footer: ({ state, reload }: FooterProps) => React.JSX.Element | null;
 export default Footer;

package/es/components/booking/forms/single/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 /**
  * @title: 表单选择器
@@ -6,5 +7,5 @@ import './index.less';
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:06
  */
-declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps, }: any) => JSX.Element;
+declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps, }: any) => React.JSX.Element;
 export default Single;

package/es/components/booking/forms/table/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./index.less";
-declare const Table: ({ value, onChange, field, mode, onAdd }: any) => JSX.Element;
+declare const Table: ({ value, onChange, field, mode, onAdd }: any) => React.JSX.Element;
 export default Table;

package/es/components/booking/hooks/useClearCart.d.ts

@@ -1,2 +1,3 @@
-declare const useClearCart: (state: any, dispatch: any) => JSX.Element;
+import React from 'react';
+declare const useClearCart: (state: any, dispatch: any) => React.JSX.Element;
 export default useClearCart;

package/es/components/booking/hooks/useClearCart.js

@@ -12,8 +12,10 @@ import React, { useMemo, useState, useCallback } from 'react';
 import classNames from 'classnames';
 import { Iconfont, PisellModal } from '@pisell/materials';
 import { locales } from "@pisell/utils";
+import { getCurrentServiceProductData, useProductChangeDebugLog } from "../utils/productChangeLog";
 var useClearCart = function useClearCart(state, dispatch) {
-  var _state$service3;
+  var _ref, _state$editingOrderId, _state$bookingDetail, _state$service4;
+  var sendProductChangeLog = useProductChangeDebugLog((_ref = (_state$editingOrderId = state === null || state === void 0 ? void 0 : state.editingOrderId) !== null && _state$editingOrderId !== void 0 ? _state$editingOrderId : state === null || state === void 0 ? void 0 : state.bookingId) !== null && _ref !== void 0 ? _ref : state === null || state === void 0 || (_state$bookingDetail = state.bookingDetail) === null || _state$bookingDetail === void 0 ? void 0 : _state$bookingDetail.id);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -22,6 +24,14 @@ var useClearCart = function useClearCart(state, dispatch) {
     setOpen(true);
   }, []);
   var handleConfirm = useCallback(function () {
+    var _state$service;
+    sendProductChangeLog({
+      title: '确认清空购物车',
+      content: [{
+        key: '清空前页面商品',
+        value: getCurrentServiceProductData((_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.value)
+      }]
+    });
     dispatch({
       type: 'setService',
       payload: {
@@ -29,15 +39,15 @@ var useClearCart = function useClearCart(state, dispatch) {
       }
     });
     setOpen(false);
-  }, []);
+  }, [dispatch, sendProductChangeLog, state]);
   var handleCancel = useCallback(function () {
     setOpen(false);
   }, []);
   return useMemo(function () {
-    var _state$service, _state$service2;
-    var showClearBtn = !!((_state$service = state.service) !== null && _state$service !== void 0 && (_state$service = _state$service.value) !== null && _state$service !== void 0 && _state$service.length) && !state.channelDisabledEdit;
+    var _state$service2, _state$service3;
+    var showClearBtn = !!((_state$service2 = state.service) !== null && _state$service2 !== void 0 && (_state$service2 = _state$service2.value) !== null && _state$service2 !== void 0 && _state$service2.length) && !state.channelDisabledEdit;
     return /*#__PURE__*/React.createElement(React.Fragment, null, showClearBtn && /*#__PURE__*/React.createElement("span", {
-      className: classNames('pisell-lowcode__booking-service-clear-btn', _defineProperty({}, 'pisell-lowcode__booking-service-clear-btn-disabled', !((_state$service2 = state.service) !== null && _state$service2 !== void 0 && (_state$service2 = _state$service2.value) !== null && _state$service2 !== void 0 && _state$service2.length))),
+      className: classNames('pisell-lowcode__booking-service-clear-btn', _defineProperty({}, 'pisell-lowcode__booking-service-clear-btn-disabled', !((_state$service3 = state.service) !== null && _state$service3 !== void 0 && (_state$service3 = _state$service3.value) !== null && _state$service3 !== void 0 && _state$service3.length))),
       onClick: handleOpenModal
     }, /*#__PURE__*/React.createElement(Iconfont, {
       type: "pisell2-trash-01"
@@ -55,6 +65,6 @@ var useClearCart = function useClearCart(state, dispatch) {
         margin: '24px 0'
       }
     }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.booking.info.text.clear-cart-modal.content')))));
-  }, [(_state$service3 = state.service) === null || _state$service3 === void 0 || (_state$service3 = _state$service3.value) === null || _state$service3 === void 0 ? void 0 : _state$service3.length, state.channelDisabledEdit, open]);
+  }, [(_state$service4 = state.service) === null || _state$service4 === void 0 || (_state$service4 = _state$service4.value) === null || _state$service4 === void 0 ? void 0 : _state$service4.length, state.channelDisabledEdit, open]);
 };
 export default useClearCart;

package/es/components/booking/hooks/useQuotation.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const calculateTotalPrice: (data: any) => number;
 declare const useQuotation: (state: any, dispatch: any) => {
-    dom: JSX.Element;
+    dom: React.JSX.Element;
 };
 export default useQuotation;

package/es/components/booking/info/addServiceVariant/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const AddServiceVariant: (props: AddServiceVariantProps) => JSX.Element;
+declare const AddServiceVariant: (props: AddServiceVariantProps) => React.JSX.Element;
 export default AddServiceVariant;

package/es/components/booking/info/client/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.less';
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
 export default _default;

package/es/components/booking/info/clientVariant/hooks/useClientFn.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;
@@ -35,7 +36,7 @@ declare const useClientFn: (_params: useClientFnParams) => {
     };
     searchChange: (search: string) => void;
     loading: boolean;
-    loadMore: JSX.Element | null;
+    loadMore: React.JSX.Element | null;
     handleOpenClientModal: (val?: string) => void;
     getNickname: (item: any) => any;
     franchiseeLoading: number;