@pisell/private-materials 6.0.25 → 6.1.2

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

@@ -32,9 +32,11 @@ import { image, locales } from '@pisell/utils';
 import { isWalkIn as getIsWalkIn } from "../../utils";
 import { getFranchiseeCustomerInfo, getFranchiseeCustomerList } from "./serve";
 import { useMemoizedFn } from 'ahooks';
+import { getWaiverTitle } from "../clientVariant/utils";
+import useGetHolderList from "../hooks/useGetHolderList";
 var isLoadClient = false;
 var Client = function Client() {
-  var _state$client$value2, _state$client$value3, _state$client$value4, _state$client$value5, _state$client$value6, _state$client$value7;
+  var _state$client$value2, _state$client4, _state$client$value3, _state$client$value4, _state$client$value5, _state$client$value6, _state$client$value7, _state$client$value8, _state$client$value9, _state$client$value10, _state$client$value11;
   var modalRef = useRef();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -51,6 +53,7 @@ var Client = function Client() {
     _useState6 = _slicedToArray(_useState5, 2),
     franchiseeLoading = _useState6[0],
     setFranchiseeLoading = _useState6[1];
+  var getHolders = useGetHolderList(state, dispatch);
   var _useState7 = useState({
       skip: 1,
       num: 10,
@@ -167,7 +170,7 @@ var Client = function Client() {
     if (getIsWalkIn(item === null || item === void 0 ? void 0 : item.id)) {
       return locales.getText('pisell2.text.select-a-customer');
     }
-    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : "";
+    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : '';
     return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || firstLastName.trim() || '';
   }, [locales.localeMap]);
 
@@ -280,10 +283,12 @@ var Client = function Client() {
         if (data) {
           handleSelectClient([data]);
         }
+        getHolders();
         getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
           search: '',
           customer_id: data === null || data === void 0 ? void 0 : data.id,
-          skip: 1
+          skip: 1,
+          sort_by: 'id'
         }));
       }
     });
@@ -296,14 +301,20 @@ var Client = function Client() {
         showAcceptsMarketing: false
       },
       callback: function callback(customer_id, params) {
-        var _params$, _params$2, _state$client2;
+        var _state$client2, _state$client2$map, _params$, _params$2, _state$client3;
+        var waiverForm = ((_state$client2 = state.client) === null || _state$client2 === void 0 || (_state$client2 = _state$client2.clients) === null || _state$client2 === void 0 || (_state$client2 = _state$client2[0].waiver_form) === null || _state$client2 === void 0 || (_state$client2$map = _state$client2.map) === null || _state$client2$map === void 0 ? void 0 : _state$client2$map.call(_state$client2, function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            is_filled: 0
+          });
+        })) || [];
         // 创建后本地数据处理到数组
         dispatch({
           type: 'setClient',
           payload: {
             clients: [].concat(_toConsumableArray(params !== null && params !== void 0 && (_params$ = params[0]) !== null && _params$ !== void 0 && _params$.customer ? [_objectSpread(_objectSpread({}, params === null || params === void 0 || (_params$2 = params[0]) === null || _params$2 === void 0 ? void 0 : _params$2.customer), {}, {
-              id: customer_id
-            })] : []), _toConsumableArray(((_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : _state$client2.clients) || []))
+              id: customer_id,
+              waiver_form: waiverForm
+            })] : []), _toConsumableArray(((_state$client3 = state.client) === null || _state$client3 === void 0 ? void 0 : _state$client3.clients) || []))
           }
         });
       }
@@ -386,6 +397,7 @@ var Client = function Client() {
     }, locales.getText('pisell2.text.load-more'))) : null;
   }, [loadLoading, params, state.client.clients.length]);
   var customSelect = useMemo(function () {
+    console.log('render customSelect');
     return /*#__PURE__*/React.createElement(CustomSelect, {
       autoFocus: !state.isTerminal,
       modalOpen: state.modalOpen,
@@ -399,7 +411,8 @@ var Client = function Client() {
       isPreview: false,
       drawerProps: {
         title: locales.getText('pisell2.text.select-customer'),
-        destroyOnClose: true
+        destroyOnClose: true,
+        mask: state.drawerMask
       },
       mode: "single",
       createItemText: locales.getText('pisell2.text.create-new-customer'),
@@ -423,7 +436,16 @@ var Client = function Client() {
           className: ""
         }, item.email) : null, item.phone ? /*#__PURE__*/React.createElement("div", {
           className: ""
-        }, item.phone) : null)), /*#__PURE__*/React.createElement("div", {
+        }, item.phone) : null), /*#__PURE__*/React.createElement("div", {
+          className: 'pisell-lowcode__booking-client-list-item-info-waiver',
+          title: getWaiverTitle(item.waiver_form)
+        }, (item.waiver_form || []).map(function (item) {
+          return /*#__PURE__*/React.createElement("span", null, item.form_title, ":", item.is_filled ? /*#__PURE__*/React.createElement("span", {
+            className: 'pisell-lowcode__booking-client-list-item-waiver-filled'
+          }, locales.getText('pisell2.text.filled')) : /*#__PURE__*/React.createElement("span", {
+            className: 'pisell-lowcode__booking-client-list-item-waiver-not-filled'
+          }, locales.getText('pisell2.text.not-filled')), ";", ' ');
+        }))), /*#__PURE__*/React.createElement("div", {
           className: "pisell-lowcode__booking-client-list-item-loading"
         }, /*#__PURE__*/React.createElement(Spin, {
           spinning: franchiseeLoading === item.id
@@ -438,7 +460,7 @@ var Client = function Client() {
         return true;
       }
     });
-  }, [state, renderList, loading, franchiseeLoading, params.search, loadMore]);
+  }, [state.isTerminal, state.modalOpen, (_state$client4 = state.client) === null || _state$client4 === void 0 ? void 0 : _state$client4.value, state.drawerMask, renderList, loading, franchiseeLoading, params.search, loadMore]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client",
     onClick: function onClick() {
@@ -468,7 +490,18 @@ var Client = function Client() {
     className: "pisell-lowcode__booking-client-info-email"
   }, (_state$client$value5 = state.client.value) === null || _state$client$value5 === void 0 ? void 0 : _state$client$value5.email) : null, (_state$client$value6 = state.client.value) !== null && _state$client$value6 !== void 0 && _state$client$value6.phone ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-info-phone"
-  }, (_state$client$value7 = state.client.value) === null || _state$client$value7 === void 0 ? void 0 : _state$client$value7.phone) : null)), !(state !== null && state !== void 0 && state.disableEventBookingEdit) && /*#__PURE__*/React.createElement("div", {
+  }, (_state$client$value7 = state.client.value) === null || _state$client$value7 === void 0 ? void 0 : _state$client$value7.phone) : null, !!((_state$client$value8 = state.client.value) !== null && _state$client$value8 !== void 0 && (_state$client$value8 = _state$client$value8.waiver_form) !== null && _state$client$value8 !== void 0 && _state$client$value8.length) && /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode__booking-client-waiver',
+    title: getWaiverTitle((_state$client$value9 = state.client.value) === null || _state$client$value9 === void 0 ? void 0 : _state$client$value9.waiver_form)
+  }, (_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$value11 = _state$client$value10.map) === null || _state$client$value11 === void 0 ? void 0 : _state$client$value11.call(_state$client$value10, 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')), "; ");
+  })))), !(state !== null && state !== void 0 && state.disableEventBookingEdit) && /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-info-right"
   }, isWalkIn ? /*#__PURE__*/React.createElement(PlusCircle, {
     className: "pisell-lowcode__booking-client-add-icon"

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

@@ -60,6 +60,26 @@
         line-height: 20px;
         margin-top: 4px;
       }
+      .pisell-lowcode__booking-client-waiver {
+        color: var(--Gray-400, #98A2B3);
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px; /* 142.857% */
+        text-align: left;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        .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-info-right {
@@ -106,6 +126,7 @@
   align-items: center;
   justify-content: center;
   background: var(--gray-100, #F2F4F7);
+  flex-shrink: 0;
 
   .pisell-lowcode__booking-client-list-item-avatar-icon {
     font-size: 24px;
@@ -118,6 +139,7 @@
   flex: 1;
   flex-direction: column;
   justify-content: center;
+  overflow: hidden;
 
   .pisell-lowcode__booking-client-list-item-info-name {
     color: var(--text-text-1, #1B1B1B);
@@ -142,4 +164,21 @@
     line-height: 20px;
     /* 142.857% */
   }
+  .pisell-lowcode__booking-client-list-item-info-waiver {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    text-overflow: ellipsis;
+    overflow: hidden;
+    height: 20px;
+    white-space: nowrap;
+    .pisell-lowcode__booking-client-list-item-waiver-filled {
+      color: var(--Success-600, #079455);
+    }
+    .pisell-lowcode__booking-client-list-item-waiver-not-filled {
+      color: var(--Error-600, #D92D20);
+    }
+  }
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;

package/es/components/booking/info/clientVariant/hooks/useClientFn.js

@@ -141,7 +141,16 @@ var useClientFn = function useClientFn(_params) {
             if (resetParams.skip === 1) {
               totalList = list;
             } else {
-              totalList = totalList.concat(list);
+              list.forEach(function (item) {
+                var index = totalList.findIndex(function (old) {
+                  return old.id === item.id;
+                });
+                if (index > -1) {
+                  totalList[index] = item;
+                } else {
+                  totalList.push(item);
+                }
+              });
             }
             _payload.clients = totalList;
             setParams(_objectSpread(_objectSpread(_objectSpread({}, params), resetParams), {}, {

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/es/components/booking/info/clientVariant/utils.d.ts

@@ -0,0 +1 @@
+export declare const getWaiverTitle: (waiverForm: any[]) => string;

package/es/components/booking/info/clientVariant/utils.js

@@ -0,0 +1,6 @@
+import { locales } from '@pisell/utils';
+export var getWaiverTitle = function getWaiverTitle(waiverForm) {
+  return (waiverForm || []).map(function (item) {
+    return "".concat(item.form_title || '', ":").concat(item.is_filled ? locales.getText('pisell2.text.filled') : locales.getText('pisell2.text.not-filled'));
+  }).join(';');
+};

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

@@ -30,6 +30,7 @@ import "./SelectDrawer.less";
 import { formatAddFormValues, sortFormValues } from "../../../forms/format";
 import { uniqueByField } from "../../utils";
 import PlusCircle from '@pisell/icon/es/PlusCircle';
+import { getWaiverTitle } from "../utils";
 var ActionItem = function ActionItem(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "vertical-client-select-drawer-item-wrap",
@@ -53,7 +54,11 @@ var Item = function Item(_ref) {
     coverSize = _ref.coverSize,
     checked = _ref.checked,
     style = _ref.style,
-    loading = _ref.loading;
+    loading = _ref.loading,
+    waiverForm = _ref.waiverForm;
+  var waiverTitle = useMemo(function () {
+    return getWaiverTitle(waiverForm);
+  }, [waiverForm]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('vertical-client-select-drawer-item-wrap', _defineProperty({}, 'checked', checked)),
     onClick: onClick,
@@ -76,6 +81,15 @@ var Item = function Item(_ref) {
       className: "",
       title: d
     }, d);
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'pisell-lowcode__booking-client-list-item-info-desc-waiver',
+    title: waiverTitle
+  }, (waiverForm || []).map(function (item) {
+    return /*#__PURE__*/React.createElement("span", null, item.form_title, ":", item.is_filled ? /*#__PURE__*/React.createElement("span", {
+      className: 'pisell-lowcode__booking-client-list-item-info-desc-filled'
+    }, locales.getText('pisell2.text.filled')) : /*#__PURE__*/React.createElement("span", {
+      className: 'pisell-lowcode__booking-client-list-item-info-desc-not-filled'
+    }, locales.getText('pisell2.text.not-filled')), "; ");
   }))), /*#__PURE__*/React.createElement(Spin, {
     spinning: !!loading
   }));
@@ -376,7 +390,8 @@ var SelectDrawer = function SelectDrawer(props, ref) {
       style: showPet ? {
         marginBottom: 6
       } : {},
-      loading: franchiseeLoading === item.id
+      loading: franchiseeLoading === item.id,
+      waiverForm: item.waiver_form
     }), showPet && /*#__PURE__*/React.createElement("div", {
       className: "vertical-client-select-drawer-content-item-children"
     }, ((item === null || item === void 0 ? void 0 : item.form_record) || []).map(function (f) {

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

@@ -30,6 +30,23 @@
   .pisell-lowcode__booking-client-list-item-info {
     overflow: hidden;
   }
+  .pisell-lowcode__booking-client-list-item-info-desc-waiver {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    text-overflow: ellipsis;
+    overflow: hidden;
+    height: 20px;
+    white-space: nowrap;
+  }
+  .pisell-lowcode__booking-client-list-item-info-desc-filled {
+    color: var(--Success-600, #079455);
+  }
+  .pisell-lowcode__booking-client-list-item-info-desc-not-filled {
+    color: var(--Error-600, #D92D20);
+  }
   .vertical-client-item-icon-wrap {
     display: flex;
     width: 56px;

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

@@ -35,8 +35,11 @@ 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$service2, _state$client$value5, _state$client$value6, _state$client$value7, _state$client$value8, _state$client$value9, _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();
@@ -106,6 +109,11 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }
   };
+  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) || {};
@@ -148,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));
         }, {});
@@ -175,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) {
@@ -194,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;
@@ -448,7 +463,18 @@ var VerticalClient = /*#__PURE__*/forwardRef(function (props, ref) {
     className: "pisell-lowcode__booking-client-desc-item"
   }, (_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$value9 = state.client.value) === null || _state$client$value9 === void 0 ? void 0 : _state$client$value9.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: {

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/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;