@pisell/private-materials 6.0.24 → 6.1.1

package/es/components/booking/info/clientVariant/vertical/index.js

@@ -17,29 +17,36 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import User01 from '@pisell/icon/es/User01';
 import PlusCircle from '@pisell/icon/es/PlusCircle';
-import { Avatar, Button, Dropdown, Empty, Skeleton } from 'antd';
+import User01 from '@pisell/icon/es/User01';
 import { image, locales } from '@pisell/utils';
 import { useMemoizedFn } from 'ahooks';
+import { Avatar, Button, Dropdown, Empty, Skeleton } from 'antd';
 import classNames from 'classnames';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import Pet from "../../pet";
 import useClientFn from "../hooks/useClientFn";
 import SelectDrawer from "./SelectDrawer";
-import Pet from "../../pet";
-import "./index.less";
 import useEngineContext from "../../../../../hooks/useEngineContext";
 import { formatAddFormValues } from "../../../forms/format";
-import { moveItemToFront } from "../../utils";
 import { request } from "../../../utils";
+import { walkInData } from "../../model";
+import ChangePetModal from "../../pet/ChangePetModal";
+import { getAppointmentService, getPets, isDayBooking, isOpenDeletePet, updateServicePrice, isEventBooking } from "../../service2/utils";
+import { moveItemToFront } from "../../utils";
+import "./index.less";
+import useAddHolder, { useFormDataConfig } from "../../hooks/useAddHolder";
+import { getWaiverTitle } from "../utils";
+import useGetHolderList from "../../hooks/useGetHolderList";
 var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context$appHelper, _context$appHelper$ge, _state$bookingConfig2, _state$bookingConfig4, _state$pet3, _state$pet4, _state$pet6, _state$pet8, _state$client$value3, _state$bookingConfig7, _state$pet9, _state$bookingConfig8, _state$client$value4, _state$client$value5, _state$client$value6, _state$client$value7, _state$client$value8, _context$appHelper2, _context$appHelper2$i, _state$bookingConfig9, _state$client6;
+  var _context$appHelper, _context$appHelper$ge, _state$bookingConfig2, _state$bookingConfig4, _state$pet3, _state$pet4, _state$pet6, _state$pet8, _state$client$value3, _state$bookingConfig7, _state$pet9, _state$bookingConfig8, _state$service2, _state$client$value5, _state$client$value6, _state$client$value7, _state$client$value8, _state$client$value9, _state$client$value10, _state$client$value11, _state$client$value12, _state$client$value13, _context$appHelper2, _context$appHelper2$i, _state$bookingConfig9, _state$client6;
   var globalState = props.globalState,
     setGlobalState = props.setGlobalState;
   var modalRef = useRef();
   var state = globalState;
   var stateRef = useRef(state);
   var prevCustomerId = useRef(null);
+  var changePetRef = useRef(null);
   var context = useEngineContext();
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -74,6 +81,7 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     handleOpenClientModal = _useClientFn.handleOpenClientModal,
     getNickname = _useClientFn.getNickname,
     franchiseeLoading = _useClientFn.franchiseeLoading;
+  console.log('state.modalOpen', state.modalOpen);
   var renderList = useMemo(function () {
     var _list = _toConsumableArray(state.client.clients);
     return moveItemToFront(_list, state.client.value.id);
@@ -93,7 +101,19 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
         pet: _objectSpread(_objectSpread({}, stateRef.current.pet), payload)
       });
     }
+
+    // 设置服务
+    if (type === 'setService') {
+      setGlobalState({
+        service: _objectSpread(_objectSpread({}, stateRef.current.service), payload)
+      });
+    }
   };
+  var getHolderList = useGetHolderList(state, petDispatch);
+  var _useAddHolder = useAddHolder(state, petDispatch),
+    waiverForm = _useAddHolder.waiverForm;
+  var _useFormDataConfig = useFormDataConfig(state),
+    isMinorAndWaiver = _useFormDataConfig.isMinorAndWaiver;
   var boardConfig = useMemo(function () {
     var _state$bookingConfig;
     return (state === null || state === void 0 || (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.config) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.basic) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.appointment_subject) || {};
@@ -110,6 +130,21 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, [state === null || state === void 0 || (_state$bookingConfig4 = state.bookingConfig) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.config) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.basic) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.appointment_customer) === null || _state$bookingConfig4 === void 0 ? void 0 : _state$bookingConfig4.type, state === null || state === void 0 ? void 0 : state.modalOpen]);
   var handleSelectPet = function handleSelectPet(val) {
+    // 跨日预约，更改表单的时候打开弹窗提示
+    if (isDayBooking(state)) {
+      var _isOpenDeletePet = isOpenDeletePet(state, val),
+        ids = _isOpenDeletePet.ids,
+        lists = _isOpenDeletePet.lists;
+      if ((ids === null || ids === void 0 ? void 0 : ids.length) > 0 && (lists === null || lists === void 0 ? void 0 : lists.length) > 0) {
+        var _changePetRef$current, _state$service;
+        (_changePetRef$current = changePetRef.current) === null || _changePetRef$current === void 0 || _changePetRef$current.open({
+          ids: ids,
+          setGlobalState: setGlobalState,
+          service: ((_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.value) || [],
+          state: state
+        });
+      }
+    }
     setGlobalState({
       pet: _objectSpread(_objectSpread({}, state.pet), {}, {
         edit: true,
@@ -121,15 +156,23 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     handleOpenClientModal();
   });
   var handleAddPet = function handleAddPet(_client, cb) {
-    var _state$pet$formData;
+    var _state$pet$formData, _state$pet$formData2;
     var _data = {
-      formDataConfig: _objectSpread({}, ((_state$pet$formData = state.pet.formData) === null || _state$pet$formData === void 0 ? void 0 : _state$pet$formData[0]) || {})
+      formDataConfig: isMinorAndWaiver ? _objectSpread(_objectSpread({}, waiverForm), {}, {
+        customer_id: _client.id,
+        is_franchisor: (_state$pet$formData = state.pet.formData) === null || _state$pet$formData === void 0 || (_state$pet$formData = _state$pet$formData[0]) === null || _state$pet$formData === void 0 ? void 0 : _state$pet$formData.is_franchisor
+      }) : _objectSpread({}, ((_state$pet$formData2 = state.pet.formData) === null || _state$pet$formData2 === void 0 ? void 0 : _state$pet$formData2[0]) || {})
     };
     _data.customerId = _client.id;
     state.action({
       type: 'pisell1.goCustomFormAddData',
       data: _data,
       callback: function callback(res) {
+        if (isMinorAndWaiver) {
+          getClients(params);
+          getHolderList();
+          return;
+        }
         var newFormRecordObj = res.reduce(function (p, c) {
           return _objectSpread(_objectSpread({}, p), {}, _defineProperty({}, c.key, c.value));
         }, {});
@@ -148,12 +191,11 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
           clients: newClients
         });
         cb === null || cb === void 0 || cb(newFormRecordObj);
-        // getClients(params);
       }
     });
   };
   var previewItemTitleRender = useMemoizedFn(function (value, index, values) {
-    var _value$customer, _value$customer2, _value$customer3, _value$customer4, _state$pet$formData2;
+    var _value$customer, _value$customer2, _value$customer3, _value$customer4, _state$pet$formData3;
     var title = getNickname(value.customer) || (value === null || value === void 0 || (_value$customer = value.customer) === null || _value$customer === void 0 ? void 0 : _value$customer.email) || (value === null || value === void 0 || (_value$customer2 = value.customer) === null || _value$customer2 === void 0 ? void 0 : _value$customer2.phone) || '';
     if ((value === null || value === void 0 || (_value$customer3 = value.customer) === null || _value$customer3 === void 0 ? void 0 : _value$customer3.id) === prevCustomerId.current) {
       if (values.length === index + 1) {
@@ -167,7 +209,7 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-pet-title"
-    }, title, " ' ", ((_state$pet$formData2 = state.pet.formData) === null || _state$pet$formData2 === void 0 || (_state$pet$formData2 = _state$pet$formData2[0]) === null || _state$pet$formData2 === void 0 ? void 0 : _state$pet$formData2.title) || '');
+    }, title, " ' ", ((_state$pet$formData3 = state.pet.formData) === null || _state$pet$formData3 === void 0 || (_state$pet$formData3 = _state$pet$formData3[0]) === null || _state$pet$formData3 === void 0 ? void 0 : _state$pet$formData3.title) || '');
   });
   var isShowAddBtn = useMemo(function () {
     var _state$pet, _state$pet2;
@@ -245,7 +287,8 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [isWalkIn, formId, (_state$client$value3 = state.client.value) === null || _state$client$value3 === void 0 ? void 0 : _state$client$value3.id, currentPetValue, boardConfig]);
   var petRender = useMemo(function () {
     var _state$bookingConfig6;
-    if (state !== null && state !== void 0 && state.disabledEdit || boardConfig.type !== 'form') {
+    // 跨日预约需要显示pet
+    if ((state !== null && state !== void 0 && state.disabledEdit || boardConfig.type !== 'form') && !isDayBooking(state)) {
       return null;
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null, !(currentPetValue !== null && currentPetValue !== void 0 && currentPetValue.length) && !isHasFormRecord && !isWalkIn && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Empty, {
@@ -290,7 +333,7 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
       },
       previewItemTitleRender: previewItemTitleRender
     }));
-  }, [isWalkIn, isHasFormRecord, state === null || state === void 0 ? void 0 : state.disabledEdit, boardConfig.type, state === null || state === void 0 || (_state$bookingConfig7 = state.bookingConfig) === null || _state$bookingConfig7 === void 0 || (_state$bookingConfig7 = _state$bookingConfig7.holder) === null || _state$bookingConfig7 === void 0 || (_state$bookingConfig7 = _state$bookingConfig7.form) === null || _state$bookingConfig7 === void 0 ? void 0 : _state$bookingConfig7.title, (_state$pet9 = state.pet) === null || _state$pet9 === void 0 || (_state$pet9 = _state$pet9.formData) === null || _state$pet9 === void 0 ? void 0 : _state$pet9[0], state, petDispatch, handleOpenModal, handleOpenClientModal, previewItemTitleRender, handleAddPet, currentPetValue, formId, state === null || state === void 0 || (_state$bookingConfig8 = state.bookingConfig) === null || _state$bookingConfig8 === void 0 || (_state$bookingConfig8 = _state$bookingConfig8.holder) === null || _state$bookingConfig8 === void 0 ? void 0 : _state$bookingConfig8.data_range]);
+  }, [isWalkIn, isHasFormRecord, state === null || state === void 0 ? void 0 : state.disabledEdit, boardConfig.type, state === null || state === void 0 || (_state$bookingConfig7 = state.bookingConfig) === null || _state$bookingConfig7 === void 0 || (_state$bookingConfig7 = _state$bookingConfig7.holder) === null || _state$bookingConfig7 === void 0 || (_state$bookingConfig7 = _state$bookingConfig7.form) === null || _state$bookingConfig7 === void 0 ? void 0 : _state$bookingConfig7.title, (_state$pet9 = state.pet) === null || _state$pet9 === void 0 || (_state$pet9 = _state$pet9.formData) === null || _state$pet9 === void 0 ? void 0 : _state$pet9[0], state, petDispatch, handleOpenModal, handleOpenClientModal, previewItemTitleRender, handleAddPet, currentPetValue, formId, state === null || state === void 0 || (_state$bookingConfig8 = state.bookingConfig) === null || _state$bookingConfig8 === void 0 || (_state$bookingConfig8 = _state$bookingConfig8.holder) === null || _state$bookingConfig8 === void 0 ? void 0 : _state$bookingConfig8.data_range, (_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.value]);
   var handleOpenClient = function handleOpenClient() {
     if (!isWalkIn || state !== null && state !== void 0 && state.disableEventBookingEdit) {
       return;
@@ -305,6 +348,91 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
       setSearch: (_modalRef$current2 = modalRef.current) === null || _modalRef$current2 === void 0 ? void 0 : _modalRef$current2.setSearch
     };
   });
+
+  /**
+   * @title: 是否打开更改商品弹窗
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-30 22:40
+   */
+  var isOpenDeleteProduct = useMemo(function () {
+    if (!isDayBooking(state)) return false;
+    var pets = getPets(state);
+    var appointmentServices = getAppointmentService(state);
+    if (pets !== null && pets !== void 0 && pets.length && (appointmentServices !== null && appointmentServices !== void 0 && appointmentServices.length || isEventBooking(state))) {
+      return true;
+    }
+    return false;
+  }, [state]);
+
+  /**
+   * @title: 更改了客户
+   * @description:
+   * @param {any} e
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-31 14:48
+   */
+  var _handleSelectClient = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
+      var _state$service3, _state$client$value4, _value, _state, _changePetRef$current2, _state$service4, services;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            handleSelectClient(e);
+            if (!isDayBooking(state)) {
+              _context2.next = 13;
+              break;
+            }
+            _value = (e === null || e === void 0 ? void 0 : e[e.length - 1]) || walkInData;
+            if (!_value.loading) {
+              _context2.next = 5;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 5:
+            if (!(isDayBooking(state) && (state === null || state === void 0 || (_state$service3 = state.service) === null || _state$service3 === void 0 || (_state$service3 = _state$service3.value) === null || _state$service3 === void 0 ? void 0 : _state$service3.length) > 0 && ((_state$client$value4 = state.client.value) === null || _state$client$value4 === void 0 ? void 0 : _state$client$value4.id) !== (_value === null || _value === void 0 ? void 0 : _value.id))) {
+              _context2.next = 13;
+              break;
+            }
+            _state = _objectSpread(_objectSpread({}, state), {}, {
+              client: _objectSpread(_objectSpread({}, state.client), {}, {
+                value: _objectSpread(_objectSpread({}, _value), {}, {
+                  name: getNickname(_value)
+                })
+              })
+            }); // 表单数据并且有预约商品数据，则更新客户后将预约商品数据清空
+            if (isOpenDeleteProduct) {
+              (_changePetRef$current2 = changePetRef.current) === null || _changePetRef$current2 === void 0 || _changePetRef$current2.open({
+                setGlobalState: setGlobalState,
+                service: ((_state$service4 = state.service) === null || _state$service4 === void 0 ? void 0 : _state$service4.value) || [],
+                state: state,
+                source: 'changeClient'
+              });
+            }
+            _context2.next = 10;
+            return updateServicePrice(_state);
+          case 10:
+            services = _context2.sent;
+            console.log(services, state, _value, isOpenDeleteProduct, 'wh98797686');
+            setGlobalState({
+              service: _objectSpread(_objectSpread({}, stateRef.current.service), {}, {
+                value: services,
+                edit: true
+              })
+            });
+          case 13:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function _handleSelectClient(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-lowcode__booking-vertical-client-wrap', _defineProperty({}, 'create-booking-page-vertical-client-wrap', state.isBookingCreatePage))
   }, /*#__PURE__*/React.createElement("div", {
@@ -318,7 +446,7 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     round: true
   }, /*#__PURE__*/React.createElement(Avatar, {
     className: "pisell-lowcode__booking-client-avatar",
-    src: image.ali((_state$client$value4 = state.client.value) === null || _state$client$value4 === void 0 ? void 0 : _state$client$value4.cover, 100),
+    src: image.ali((_state$client$value5 = state.client.value) === null || _state$client$value5 === void 0 ? void 0 : _state$client$value5.cover, 100),
     size: 64,
     icon: /*#__PURE__*/React.createElement(User01, {
       className: "pisell-lowcode__booking-client-list-item-avatar-icon"
@@ -331,11 +459,22 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     className: "pisell-lowcode__booking-client-desc-item"
   }, locales.getText('pisell2.text.leave-empty-for-walk-in'))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-title"
-  }, getNickname(state.client.value)), (_state$client$value5 = state.client.value) !== null && _state$client$value5 !== void 0 && _state$client$value5.email ? /*#__PURE__*/React.createElement("div", {
+  }, getNickname(state.client.value)), (_state$client$value6 = state.client.value) !== null && _state$client$value6 !== void 0 && _state$client$value6.email ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-desc-item"
-  }, (_state$client$value6 = state.client.value) === null || _state$client$value6 === void 0 ? void 0 : _state$client$value6.email) : null, (_state$client$value7 = state.client.value) !== null && _state$client$value7 !== void 0 && _state$client$value7.phone ? /*#__PURE__*/React.createElement("div", {
+  }, (_state$client$value7 = state.client.value) === null || _state$client$value7 === void 0 ? void 0 : _state$client$value7.email) : null, (_state$client$value8 = state.client.value) !== null && _state$client$value8 !== void 0 && _state$client$value8.phone ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-desc-item"
-  }, (_state$client$value8 = state.client.value) === null || _state$client$value8 === void 0 ? void 0 : _state$client$value8.phone) : null), !isWalkIn && /*#__PURE__*/React.createElement("div", {
+  }, (_state$client$value9 = state.client.value) === null || _state$client$value9 === void 0 ? void 0 : _state$client$value9.phone) : null, !!((_state$client$value10 = state.client.value) !== null && _state$client$value10 !== void 0 && (_state$client$value10 = _state$client$value10.waiver_form) !== null && _state$client$value10 !== void 0 && _state$client$value10.length) && /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode__booking-client-waiver',
+    title: getWaiverTitle((_state$client$value11 = state.client.value) === null || _state$client$value11 === void 0 ? void 0 : _state$client$value11.waiver_form)
+  }, (_state$client$value12 = state.client.value) === null || _state$client$value12 === void 0 || (_state$client$value12 = _state$client$value12.waiver_form) === null || _state$client$value12 === void 0 || (_state$client$value13 = _state$client$value12.map) === null || _state$client$value13 === void 0 ? void 0 : _state$client$value13.call(_state$client$value12, function (item) {
+    return /*#__PURE__*/React.createElement("span", null, item.form_title, /*#__PURE__*/React.createElement("span", {
+      className: 'pisell-lowcode__booking-client-waiver-colon'
+    }, ":"), item.is_filled ? /*#__PURE__*/React.createElement("span", {
+      className: 'pisell-lowcode__booking-client-waiver-filled'
+    }, locales.getText('pisell2.text.filled')) : /*#__PURE__*/React.createElement("span", {
+      className: 'pisell-lowcode__booking-client-waiver-not-filled'
+    }, locales.getText('pisell2.text.not-filled')), " ; ");
+  }))), !isWalkIn && /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-action-wrap"
   }, !state.disabledEdit && /*#__PURE__*/React.createElement(Dropdown.Button, {
     menu: {
@@ -373,7 +512,7 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     autoFocus: !(context !== null && context !== void 0 && (_context$appHelper2 = context.appHelper) !== null && _context$appHelper2 !== void 0 && (_context$appHelper2 = _context$appHelper2.utils) !== null && _context$appHelper2 !== void 0 && (_context$appHelper2$i = _context$appHelper2.isTerminal) !== null && _context$appHelper2$i !== void 0 && _context$appHelper2$i.call(_context$appHelper2)),
     ref: modalRef,
     onClose: handleClose,
-    handleSelectClient: handleSelectClient,
+    handleSelectClient: _handleSelectClient,
     handleCreateItem: handleCreateItem,
     childrenValue: state.pet.value,
     handleSelectPet: handleSelectPet,
@@ -385,7 +524,10 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     loadMore: loadMore,
     showPet: (boardConfig === null || boardConfig === void 0 ? void 0 : boardConfig.type) === 'form',
     handleAddPet: handleAddPet,
-    franchiseeLoading: franchiseeLoading
+    franchiseeLoading: franchiseeLoading,
+    showWalkIn: !isDayBooking(state)
+  }), /*#__PURE__*/React.createElement(ChangePetModal, {
+    ref: changePetRef
   }));
 });
 export default VerticalClient;

package/es/components/booking/info/clientVariant/vertical/index.less

@@ -43,6 +43,24 @@
     text-align: center;
     display: inline-block;
   }
+  .pisell-lowcode__booking-client-waiver {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    margin-top: 16px;
+    text-align: center;
+    .pisell-lowcode__booking-client-waiver-colon {
+      margin: 0 2px;
+    }
+    .pisell-lowcode__booking-client-waiver-filled {
+      color: var(--Success-600, #079455);
+    }
+    .pisell-lowcode__booking-client-waiver-not-filled {
+      color: var(--Error-600, #D92D20);
+    }
+  }
   .pisell-lowcode__booking-client-desc-item {
     color: var(--Gray-400, #98a2b3);
     font-size: 14px;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 export declare const updateServiceDate: (services: any[], date: any, isTime: boolean) => any[];
 declare const DateCom: () => JSX.Element;

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

@@ -0,0 +1,4 @@
+import './index.less';
+export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
+declare const DateRange: ({ state, dispatch, key }: any) => JSX.Element;
+export default DateRange;

package/es/components/booking/info/dateRange/index.js

@@ -0,0 +1,98 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { CalendarOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import { DatePicker, Page } from '@pisell/materials';
+import "./index.less";
+
+// 禁用之前的日期
+export var disabledDate = function disabledDate(current, position, currentDate) {
+  if (position === 'start') {
+    return false;
+  }
+  if (position === 'end' && current.endOf('day') && currentDate !== null && currentDate !== void 0 && currentDate[0]) {
+    // 结束日期最大 = 开始日期 + 8个月
+    var endDisabled = currentDate === null || currentDate === void 0 ? void 0 : currentDate[0].add(8, 'months').format('YYYY-MM-DD');
+    return dayjs(endDisabled) < current.startOf('day') || current.startOf('day') <= (currentDate === null || currentDate === void 0 ? void 0 : currentDate[0]);
+  }
+  return current && current <= (currentDate === null || currentDate === void 0 ? void 0 : currentDate[0]);
+};
+var DateRange = function DateRange(_ref) {
+  var state = _ref.state,
+    dispatch = _ref.dispatch,
+    key = _ref.key;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
+    var _state$date, _state$date2;
+    var lists = [(_state$date = state.date) === null || _state$date === void 0 ? void 0 : _state$date.value, (_state$date2 = state.date) === null || _state$date2 === void 0 ? void 0 : _state$date2.end_date];
+    setValue(lists);
+    console.log('lists', lists);
+  }, [state.date]);
+
+  /**
+   * @title: 点击确定
+   * @description:
+   * @param {any} e
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-12 15:39
+   */
+  var dateChange = function dateChange(e) {
+    dispatch({
+      type: 'setDate',
+      payload: {
+        value: e[0],
+        end_date: e[1],
+        edit: true
+      }
+    });
+  };
+
+  /**
+   * @title: 格式化语言
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-09 17:47
+   */
+  var formatLocale = useMemo(function () {
+    var locale = state === null || state === void 0 ? void 0 : state.locale;
+    var isEn = locale === 'en' || locale === 'en-US';
+    var _format = isEn ? 'DD/MM/YYYY' : 'YYYY-MM-DD';
+    return _format;
+  }, [state === null || state === void 0 ? void 0 : state.locale, state.date]);
+  return useMemo(function () {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: classNames('pisell-lowcode__booking-service-header-date-range', {
+        'pisell-lowcode__booking-service-header-date-range-terminal': state.isTerminalDayBookingPage
+      })
+    }, /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(DatePicker.RangePicker, {
+      key: key,
+      inputReadOnly: true,
+      allowClear: false,
+      size: "large",
+      style: {
+        width: '100%',
+        padding: 0
+      },
+      suffixIcon: !state.disabledEdit ? /*#__PURE__*/React.createElement(CalendarOutlined, null) : null,
+      disabledDate: disabledDate,
+      value: [value[0], value[1]],
+      onChange: dateChange,
+      format: formatLocale,
+      isHideCustomSelect: true,
+      endDateDays: 1
+    }))));
+  }, [value, state.disabledEdit, state === null || state === void 0 ? void 0 : state.locale]);
+};
+export default DateRange;

package/es/components/booking/info/dateRange/index.less

@@ -0,0 +1,21 @@
+.pisell-lowcode__booking-service-header-date-range {
+  flex: 1.1;
+  margin-top: 16px;
+
+  .pisell-date-range-picker > div > div {
+    height: 44px !important;
+    cursor: pointer !important;
+    input {
+      cursor: pointer;
+    }
+  }
+
+  .anticon-calendar {
+    font-size: 20px;
+    color: #667085;
+  }
+}
+
+.pisell-lowcode__booking-service-header-date-range-terminal {
+  margin-top: 0;
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const header: ({ state, dispatch }: any) => JSX.Element;
 export default header;

package/es/components/booking/info/hooks/useAddHolder.d.ts

@@ -0,0 +1,9 @@
+export declare const useFormDataConfig: (state: any) => {
+    formDataConfig: any;
+    isMinorAndWaiver: any;
+};
+declare const useAddHolder: (state: any, dispatch: any) => {
+    handleAddHolder: (products: any[], currentItem: any) => void;
+    waiverForm: any;
+};
+export default useAddHolder;