@pisell/private-materials 6.0.24 → 6.0.25

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

@@ -8,6 +8,9 @@ import dayjs from "dayjs";
 import { flexibleObj, isNowTime, getNowTime } from "../../utils";
 import { isWalkIn } from "../../utils";
 import { getSumCapacity } from "../../info2/utilsByBooking";
+import { getDays } from "../../utils";
+import { appointmentTypes } from "../../info/service2/status";
+import { isDaysBooking, formatDayTime, isEventBooking } from "../../info/service2/utils";
 import { sendWarningLog } from '@pisell/utils';
 var formatNote = function formatNote(data) {
   var _data$notes;
@@ -45,6 +48,7 @@ export var formatProductOption = function formatProductOption(option) {
       "num": d.num,
       "option_group_item_id": d.product_option_item_id,
       "option_group_id": d.option_group_id
+      // "add_price": Number(d?.add_price),
     };
   });
 };
@@ -101,6 +105,8 @@ export var formatProductBundle = function formatProductBundle(bundle) {
       "num": d.num,
       "extension_id": d.extension_id,
       "extension_type": d.extension_type,
+      // "price": Number(d?.price),
+      // "price_type": d?.price_type,
       "option": formatProductOption(d.option)
     };
   });
@@ -109,7 +115,7 @@ var getSubType = function getSubType(item) {
   var _item$duration;
   var _type = (_item$duration = item.duration) === null || _item$duration === void 0 ? void 0 : _item$duration.type;
   // 目前不支持跨天
-  if (_type && _type !== 'days') {
+  if (_type) {
     return _type;
   }
   return 'minutes';
@@ -150,6 +156,179 @@ var formatResource = function formatResource(service) {
   }
 };
 
+/**
+ * @title: 格式化子预约的holder数据
+ * @description: 
+ * @param {any} state
+ * @param {any} item
+ * @param {any} values
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-07 14:52
+ */
+var formatHolders = function formatHolders(state, item, values) {
+  var _state$bookingConfig, _item$_extend;
+  var form_id = (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 || (_state$bookingConfig = _state$bookingConfig.appointment_subject) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.form_id) || 0;
+  var obj = {
+    customer_id: values.customer_id,
+    form_id: form_id,
+    form_record: [((_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : _item$_extend.holder_id) || 0]
+  };
+
+  // 连锁加盟子店铺 增加参数
+  if (state.isFranchisee) {
+    obj.is_source_shop = 1;
+  }
+  return obj;
+};
+
+/**
+ * @title: 格式化商品单价
+ * @description: 
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-23 12:05
+ */
+var formatProductPrice = function formatProductPrice(item) {
+  var _item$_extend2, _item$_extend3;
+  var other = (_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : _item$_extend2.other;
+  var price = Number((_item$_extend3 = item._extend) === null || _item$_extend3 === void 0 ? void 0 : _item$_extend3.price);
+  // 单规格， 单价 + 单规格价格
+  if (other !== null && other !== void 0 && other.option) {
+    var _other$option;
+    price = other === null || other === void 0 || (_other$option = other.option) === null || _other$option === void 0 ? void 0 : _other$option.reduce(function (pre, cur) {
+      return pre + Number(cur.price) * Number(cur.num);
+    }, price);
+  }
+  return price;
+};
+var formatMetaData = function formatMetaData(item) {
+  var _item$_extend4, _item$_extend5, _item$_extend7;
+  var metadata = {};
+  if ((_item$_extend4 = item._extend) !== null && _item$_extend4 !== void 0 && _item$_extend4.capacity) {
+    metadata.capacity = item._extend.capacity;
+  }
+  if (item._extend.groupId) {
+    metadata.groupId = item._extend.groupId;
+  }
+  if ((_item$_extend5 = item._extend) !== null && _item$_extend5 !== void 0 && _item$_extend5.holder_id) {
+    var _item$_extend6;
+    metadata.holder_id = (_item$_extend6 = item._extend) === null || _item$_extend6 === void 0 ? void 0 : _item$_extend6.holder_id;
+  }
+  if ((_item$_extend7 = item._extend) !== null && _item$_extend7 !== void 0 && _item$_extend7.multiDayPrices) {
+    var _item$_extend8;
+    metadata.multiDayPrices = (_item$_extend8 = item._extend) === null || _item$_extend8 === void 0 ? void 0 : _item$_extend8.multiDayPrices;
+  }
+  return metadata;
+};
+
+/**
+ * @title: 格式化商品数据
+ * @description: 
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-07 14:21
+ */
+var formatProducts = function formatProducts(item) {
+  var _item$_extend9, _item$_extend10, _item$_extend11;
+  var total = Number(item._extend.total);
+  var origin_total = Number(item._extend.origin_total);
+  var discount_amount = origin_total - total;
+
+  // 加价时type使用change_price
+  var discount_type = discount_amount < 0 ? 'change_price' : 'discount';
+  return {
+    "num": item._extend.quantity,
+    "price": formatProductPrice(item),
+    "product_id": (item === null || item === void 0 ? void 0 : item.product_id) || item.id,
+    "discount_amount": discount_amount,
+    "product_discount_reason": item._extend.discount_reason || '',
+    "is_charge_tax": item.is_charge_tax,
+    "note": (item === null || item === void 0 ? void 0 : item.note) || '',
+    "discountway": item._extend.discountway || "num",
+    "discount_per": item._extend.discount_per,
+    "discount_type": item._extend.discount_type || discount_type,
+    "order_detail_id": item._extend.order_detail_id || 0,
+    "product_bundle": formatProductBundle((_item$_extend9 = item._extend) === null || _item$_extend9 === void 0 || (_item$_extend9 = _item$_extend9.other) === null || _item$_extend9 === void 0 ? void 0 : _item$_extend9.bundle),
+    "bundle_edit": item._extend.bundle_edit,
+    "product_option_item": formatProductOption((_item$_extend10 = item._extend) === null || _item$_extend10 === void 0 || (_item$_extend10 = _item$_extend10.other) === null || _item$_extend10 === void 0 ? void 0 : _item$_extend10.option),
+    "product_variant_id": ((_item$_extend11 = item._extend) === null || _item$_extend11 === void 0 || (_item$_extend11 = _item$_extend11.other) === null || _item$_extend11 === void 0 ? void 0 : _item$_extend11.product_variant_id) || 0,
+    metadata: formatMetaData(item)
+  };
+};
+
+/**
+ * @title: 格式化跨日预约下的普通商品
+ * @description: 
+ * @param {any} data
+ * @param {any} booking_item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-07 14:48
+ */
+var formatDayRelationProducts = function formatDayRelationProducts(data, booking_item) {
+  var list = data.service.value;
+
+  // 过滤出卡片中的普通商品
+  var relation_products = list === null || list === void 0 ? void 0 : list.filter(function (item) {
+    var _item$_extend12;
+    var holderId = (_item$_extend12 = item._extend) === null || _item$_extend12 === void 0 ? void 0 : _item$_extend12.holder_id;
+    var bookingHolderId = booking_item._extend.holder_id;
+    var isDayBookingProduct = appointmentTypes.includes(item.extension_type);
+    return holderId && holderId === bookingHolderId && !isDayBookingProduct;
+  });
+  relation_products = relation_products.map(function (item) {
+    return formatProducts(item);
+  });
+  return relation_products || [];
+};
+
+/**
+ * @title: 格式化跨日预约商品列表
+ * @description: 
+ * @param {any} data
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-17 11:06
+ */
+var formatAppointmentProductLists = function formatAppointmentProductLists(data) {
+  try {
+    var _Array$from;
+    var list = data.service.value;
+
+    // 找出预约商品
+    list = list.filter(function (item) {
+      var _item$_extend13;
+      return ((_item$_extend13 = item._extend) === null || _item$_extend13 === void 0 ? void 0 : _item$_extend13.holder_id) && appointmentTypes.includes(item.extension_type);
+    });
+
+    // 对预约商品列表根据holder_id进行分组
+    var groupMap = new Map();
+    list.forEach(function (item) {
+      var _item$_extend14;
+      var key = (_item$_extend14 = item._extend) === null || _item$_extend14 === void 0 ? void 0 : _item$_extend14.holder_id; // 分组键
+      if (!groupMap.has(key)) {
+        groupMap.set(key, []);
+      }
+      groupMap.get(key).push(item);
+    });
+
+    // 处理每个分组
+    // groupMap.forEach(group => {
+    //   // 只给第一个数据增加 relation_products
+    //   group[0].relation_products = formatDayRelationProducts(data, group[0])
+    // });
+
+    // 将分组的结果还原为数组
+    var result = (_Array$from = Array.from(groupMap.values())) === null || _Array$from === void 0 ? void 0 : _Array$from.reduce(function (acc, group) {
+      return acc.concat(group);
+    }, []);
+    return list || [];
+  } catch (error) {}
+};
+
 /**
  * @title: 预约商品信息
  * @description: 
@@ -158,42 +337,69 @@ var formatResource = function formatResource(service) {
  * @Author: zhiwei.Wang
  * @Date: 2024-02-19 09:26
  */
-var formatBookings = function formatBookings(data) {
+var formatBookings = function formatBookings(data, values) {
+  // 是否是跨日预约
+  var isDay = isDaysBooking(data);
+  var isEvent = isEventBooking(data);
   var list = data.service.value;
+
+  // 格式化跨日预约商品列表
+  if (isDay) {
+    list = formatAppointmentProductLists(data);
+  }
+  if (isEvent) {
+    list = list.filter(function (d) {
+      var _d$_extend;
+      return (_d$_extend = d._extend) === null || _d$_extend === void 0 ? void 0 : _d$_extend.holder_id;
+    });
+  }
+  var dayParams = {
+    relation_products: []
+  };
   var eventOtherParams = data.eventOtherParams;
   var bookings = [];
   bookings = list.map(function (item) {
-    var _item$_extend;
     var start_date = item._extend.startDate.format('YYYY-MM-DD');
     var end_date = item._extend.endDate.format('YYYY-MM-DD');
     var end_time = item._extend.endDate.format("HH:mm");
     var start_time = item._extend.startDate.format("HH:mm");
+
     // 更新当前时间
     if (isNowTime(item._extend.start_time)) {
       start_time = getNowTime();
     }
-    var total = Number(item._extend.total);
-    var origin_total = Number(item._extend.origin_total);
-    var discount_amount = origin_total - total;
 
-    // 加价时type使用change_price
-    var discount_type = discount_amount < 0 ? 'change_price' : 'discount';
-    return _objectSpread({
-      "product": {
-        "num": item._extend.quantity,
-        "price": item._extend.price,
-        "product_id": item.id,
-        "discount_amount": discount_amount,
-        "product_discount_reason": item._extend.discount_reason || '',
-        "is_charge_tax": item.is_charge_tax,
-        "note": "",
-        "discountway": item._extend.discountway || "num",
-        "discount_per": item._extend.discount_per,
-        "discount_type": item._extend.discount_type || discount_type,
-        "order_detail_id": item._extend.order_detail_id || 0,
-        "product_bundle": formatProductBundle((_item$_extend = item._extend) === null || _item$_extend === void 0 || (_item$_extend = _item$_extend.other) === null || _item$_extend === void 0 ? void 0 : _item$_extend.bundle),
-        "bundle_edit": item._extend.bundle_edit
-      },
+    // 跨日预约下的普通商品
+    if (isDay) {
+      var _item$_extend15, _item$_extend16, _item$_extend17, _item$_extend18;
+      var startDate = ((_item$_extend15 = item._extend) === null || _item$_extend15 === void 0 ? void 0 : _item$_extend15.startDate) || ((_item$_extend16 = item._extend) === null || _item$_extend16 === void 0 ? void 0 : _item$_extend16.start_date);
+      var endDate = ((_item$_extend17 = item._extend) === null || _item$_extend17 === void 0 ? void 0 : _item$_extend17.endDate) || ((_item$_extend18 = item._extend) === null || _item$_extend18 === void 0 ? void 0 : _item$_extend18.end_date);
+      var _formatDayTime = formatDayTime({
+          startDate: startDate,
+          endDate: endDate
+        }),
+        startDateTime = _formatDayTime.startDateTime,
+        endDateTime = _formatDayTime.endDateTime;
+
+      // 根据营业日时间更新时间
+      start_date = dayjs(startDateTime).format('YYYY-MM-DD');
+      start_time = dayjs(startDateTime).format('HH:mm');
+      end_date = dayjs(endDateTime).format('YYYY-MM-DD');
+      end_time = dayjs(endDateTime).format('HH:mm');
+      dayParams.relation_products = (item === null || item === void 0 ? void 0 : item.relation_products) || [];
+      dayParams.holder = formatHolders(data, item, values);
+      dayParams.duration = getDays({
+        _extend: {
+          start_date: startDateTime,
+          end_date: endDateTime
+        }
+      }, 'minutes');
+    }
+    if (isEvent) {
+      dayParams.holder = formatHolders(data, item, values);
+    }
+    return _objectSpread(_objectSpread({
+      "product": formatProducts(item),
       "relation_products": formatRelationDetails(item._extend.relation_details),
       'id': item.booking_id || 0,
       "relation_id": item._extend.relation_id || 0,
@@ -202,24 +408,46 @@ var formatBookings = function formatBookings(data) {
       "is_all": false,
       "schedule_id": item._extend.schedule_id || 0,
       "end_time": end_time,
-      "sub_type": getSubType(item),
+      "sub_type": isDay ? 'days' : getSubType(item),
       "select_date": start_date,
       "start_time": start_time,
       "end_date": end_date,
       "start_date": start_date,
-      "duration": flexibleObj.getValue(item._extend.duration),
+      "duration": isDay ? 0 : flexibleObj.getValue(item._extend.duration),
       "number": item._extend.capacity ? getSumCapacity({
         cacheItem: item
       }) : item._extend.number || 1,
       "resources": formatResource(item),
-      "metadata": item._extend.capacity ? {
-        capacity: item._extend.capacity
-      } : undefined
-    }, eventOtherParams || {});
+      "metadata": formatMetaData(item)
+    }, eventOtherParams || {}), dayParams);
   });
+  debugger;
   return bookings;
 };
 
+/**
+ * @title: 普通商品
+ * @description: 
+ * @param {any} data
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-06 21:26
+ */
+var formatRelationProducts = function formatRelationProducts(data) {
+  var _data$service;
+  var list = ((_data$service = data.service) === null || _data$service === void 0 ? void 0 : _data$service.value) || [];
+  // open items 下的商品
+  list = list.filter(function (item) {
+    var _item$_extend19;
+    return !((_item$_extend19 = item._extend) !== null && _item$_extend19 !== void 0 && _item$_extend19.holder_id);
+  });
+  var relationProducts = [];
+  relationProducts = list.map(function (item) {
+    return formatProducts(item);
+  });
+  return relationProducts || [];
+};
+
 /**
  * @title: 预约主体信息
  * @description: 
@@ -230,8 +458,8 @@ var formatBookings = function formatBookings(data) {
  * @Date: 2024-02-19 09:26
  */
 var formatHolder = function formatHolder(state, values) {
-  var _state$bookingConfig, _state$pet$value, _state$pet;
-  var form_id = (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 || (_state$bookingConfig = _state$bookingConfig.appointment_subject) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.form_id) || 0;
+  var _state$bookingConfig2, _state$pet$value, _state$pet;
+  var form_id = (state === null || state === void 0 || (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.config) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.basic) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.appointment_subject) === null || _state$bookingConfig2 === void 0 ? void 0 : _state$bookingConfig2.form_id) || 0;
   var petValue = ((_state$pet$value = state.pet.value) === null || _state$pet$value === void 0 ? void 0 : _state$pet$value[form_id]) || [];
   var obj = {
     customer_id: values.customer_id,
@@ -263,9 +491,13 @@ export var formatValues = function formatValues(state) {
     bookings: [],
     customer_id: 1,
     customer_name: "",
-    holder: {}
+    holder: {},
+    relation_products: [],
+    metadata: {}
   };
-  if (!state.bookingId) {
+  var isDay = isDaysBooking(state);
+  var isEvent = isEventBooking(state);
+  if (!state.bookingId || isDay) {
     // 备注
     values.shop_note = formatNote(state);
   }
@@ -284,9 +516,15 @@ export var formatValues = function formatValues(state) {
 
   // 主体
   values.holder = formatHolder(state, values);
+  if (isDay) {
+    values.relation_products = formatRelationProducts(state);
+  }
+  if (isEvent) {
+    values.relation_products = formatRelationProducts(state);
+  }
 
   // 服务
-  values.bookings = formatBookings(state);
+  values.bookings = formatBookings(state, values);
 
   // 日期
   if ((_values = values) !== null && _values !== void 0 && (_values = _values.bookings) !== null && _values !== void 0 && (_values = _values[0]) !== null && _values !== void 0 && _values.select_date && !(state !== null && state !== void 0 && state.bookingId)) {
@@ -296,5 +534,12 @@ export var formatValues = function formatValues(state) {
     startTime = "".concat(startTime || '00:00', ":00");
     values.schedule_date = "".concat(values.bookings[0].select_date, " ").concat(startTime);
   }
+
+  // 跨日预约增加多余参数区分
+  if (isDay) {
+    values.metadata.is_multiday_appointment = 1;
+    // is_bundle_price_calculated 用于区分商品的price是总价，还是商品的单价
+    // values.is_bundle_price_calculated = 1
+  }
   return values;
 };

package/es/components/booking/info/Provider.js

@@ -0,0 +1,54 @@
+// 暂不使用
+
+// import React, { createContext, useContext, useRef, useState } from 'react';
+// import { FormState } from '../model';
+// import useEngineContext from '../../../hooks/useEngineContext';
+
+// import { request } from '../utils';
+// type BookingInfoContextType = FormState;
+
+// const BookingInfoContext = createContext<BookingInfoContextType | undefined>(
+//   undefined
+// );
+// const defaultModules = {
+//   client: 1,
+//   date: 1,
+//   service: 1,
+//   holder: 1,
+//   note: 1,
+//   service2: 0,
+// };
+// export const BookingInfoProvider: React.FC<any> = (props) => {
+//   const { style, globalState, modules = defaultModules, children } = props;
+//   const context = useEngineContext();
+//   request.setRequest(context.appHelper.utils.request);
+
+//   return (
+//     <BookingInfoContext.Provider
+//       value={{
+//         setGlobalState: props.setGlobalState,
+//         ...globalState,
+//         isTerminal: context?.appHelper?.utils?.isTerminal?.(),
+//         isFranchisee:
+//           context?.appHelper?.utils?.businessUtils?.getAppByModal?.(
+//             'franchisee'
+//           ),
+//         timezone:
+//           context?.appHelper?.utils?.store?.getState()?.global?.globalConfig
+//             ?.timezone,
+//         modules,
+//         style,
+//       }}
+//     >
+//       {children}
+//     </BookingInfoContext.Provider>
+//   );
+// };
+
+// export const useBookingInfo = (): BookingInfoContextType => {
+//   const context = useContext(BookingInfoContext);
+//   if (!context) {
+//     throw new Error();
+//   }
+//   return context;
+// };

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

@@ -24,13 +24,20 @@ var AddServiceVariant = function AddServiceVariant(props) {
         service: _objectSpread(_objectSpread({}, stateRef.current.service), payload)
       });
     }
+
+    // 更新日期
+    if (type === 'setDate') {
+      setGlobalState({
+        date: _objectSpread(_objectSpread({}, stateRef.current.date), payload)
+      });
+    }
   };
   var Cpt = AddService;
   if (isBooking4Shop((_context$appHelper$ut = context.appHelper.utils.store) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut.getState) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.global) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.globalConfig) === null || _context$appHelper$ut2 === void 0 ? void 0 : _context$appHelper$ut2.id, props === null || props === void 0 || (_props$globalState = props.globalState) === null || _props$globalState === void 0 ? void 0 : _props$globalState.renderType)) {
     Cpt = AddService2;
   }
   return /*#__PURE__*/React.createElement(Cpt, {
-    renderMode: "current",
+    renderMode: 'current',
     dispatch: dispatch,
     state: globalState,
     drawerProps: {

package/es/components/booking/info/clientVariant/vertical/SelectDrawer.d.ts

@@ -19,6 +19,7 @@ interface SelectDrawerProps {
     modalOpen: boolean;
     franchiseeLoading?: number;
     showHeader?: boolean;
+    showWalkIn?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<SelectDrawerProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -99,7 +99,8 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     handleAddPet = props.handleAddPet,
     modalOpen = props.modalOpen,
     franchiseeLoading = props.franchiseeLoading,
-    showHeader = props.showHeader;
+    showHeader = props.showHeader,
+    showWalkIn = props.showWalkIn;
   var form = (formData === null || formData === void 0 ? void 0 : formData[0]) || {};
   var valList = (childrenValue === null || childrenValue === void 0 ? void 0 : childrenValue[form.id]) || defaultArr;
   var _useState = useState(valList),
@@ -107,13 +108,6 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     _value = _useState2[0],
     setValue = _useState2[1];
   var clientRef = useRef();
-  useEffect(function () {
-    setValue(valList.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        id: item.id || item.form_record_id
-      });
-    }));
-  }, [valList]);
   var searchRef = useRef();
 
   // 是否打开弹窗
@@ -125,6 +119,13 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     search = _useState6[0],
     _setSearch = _useState6[1];
+  useEffect(function () {
+    setValue(valList.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        id: item.id || item.form_record_id
+      });
+    }));
+  }, [valList, open]);
   useEffect(function () {
     if (!modalOpen) {
       setOpen(false);
@@ -167,12 +168,12 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     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]);
   var handleAddClient = function handleAddClient() {
     handleCreateItem(function () {
-      _setSearch("");
+      _setSearch('');
     });
   };
   var handleChildrenValueChange = /*#__PURE__*/function () {
@@ -310,7 +311,7 @@ var SelectDrawer = function SelectDrawer(props, ref) {
   }();
   return /*#__PURE__*/React.createElement(Drawer, {
     showGoBack: showHeader,
-    title: showHeader && locales.getText("pisell2.text.select-customer"),
+    title: showHeader && locales.getText('pisell2.text.select-customer'),
     open: open,
     onClose: closeDrawer,
     header: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
@@ -350,13 +351,13 @@ var SelectDrawer = function SelectDrawer(props, ref) {
   }, /*#__PURE__*/React.createElement(ActionItem, {
     title: locales.getText('pisell2.text.create-new-customer'),
     onClick: handleAddClient
-  }), /*#__PURE__*/React.createElement(ActionItem, {
+  }), showWalkIn ? /*#__PURE__*/React.createElement(ActionItem, {
     title: "Walk-In",
     onClick: function onClick() {
       handleSelectClient([]);
       closeDrawer();
     }
-  })), /*#__PURE__*/React.createElement(Spin, {
+  }) : null), /*#__PURE__*/React.createElement(Spin, {
     spinning: !!loading,
     delay: 500
   }, !!options.length ? options.map(function (item) {