@pisell/private-materials 3.2.12 → 3.2.18

package/es/components/{parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate → appointmentBooking/components/Date}/state.js

@@ -61,13 +61,11 @@ export var weekListText = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 export var statusColor = {
   call_to_book: '#444CE7',
   // 请致电预订
-  lots_of_space: '#099250',
+  lots_of_space: '#079455',
   // 库存充足
-  filling_up_fast: '#EAAA08',
+  filling_up_fast: '#CA8504',
   // 库存紧张
-  sold_out: '#D92D20',
-  // 无库存
-  unavailable: 'rgba(68, 76, 231, 0.00)' // 不可用
+  sold_out: '#D92D20' // 无库存
 };
 
 /**
@@ -82,7 +80,6 @@ export var getStatus = function getStatus(dateLimit, currentDate, cutTime) {
   var status = '';
   var disabled = false;
   var dataItem = dateLimit[currentDate];
-  console.log(currentDate);
   var startTime = Dayjs(cutTime === null || cutTime === void 0 ? void 0 : cutTime.shop_time).format('YYYY-MM-DD HH:mm');
   var startDate = Dayjs(cutTime === null || cutTime === void 0 ? void 0 : cutTime.shop_time).format('YYYY-MM-DD');
   var endTime = Dayjs(startTime).add(cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit, cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type);
@@ -95,29 +92,6 @@ export var getStatus = function getStatus(dateLimit, currentDate, cutTime) {
         disabled: true
       };
     }
-
-    // 如果当天 大于最早的可用时间的天 禁止
-    // if (currentDate > endDay) {
-    //   return {
-    //     status,
-    //     disabled: true,
-    //   };
-    // }
-
-    // //如果当天 等于 最早可用时间的天, 则找times里的最早开始时间是否小于 店铺的最早可用时间
-    // if (currentDate === startDate) {
-    //   let times = dataItem.times || [];
-
-    //   let useable = times.find((d: any) => {
-    //     return startTime < d.start_at;
-    //   });
-    //   if (!useable) {
-    //     return {
-    //       status,
-    //       disabled: true,
-    //     };
-    //   }
-    // }
   } catch (err) {
     return {
       status: status,
@@ -213,20 +187,8 @@ export var getCallToBookStatus = function getCallToBookStatus(currentDate, dateL
     isShowCallToBook = false;
     return isShowCallToBook;
   }
-  // currentDate在当前日期和截止日期之间
-  // if (cutTime?.unit_type === 'days') {
-  //   if (
-  //     Dayjs(currentDate).isBefore(
-  //       Dayjs(Dayjs().format('YYYY-MM-DD')).add(cutTime?.unit, 'days')
-  //     )
-  //   ) {
-  //     isShowCallToBook = true;
-  //   } else {
-  //     isShowCallToBook = false;
-  //   }
-  // }
   if ((cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'hours' || (cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'minutes' || (cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'days') {
-    var startTime = Dayjs().format('YYYY-MM-DD HH:mm:ss');
+    var startTime = Dayjs(cutTime.shop_time).format('YYYY-MM-DD HH:mm:ss');
     var endTime = Dayjs(startTime).add(cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit, cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type).format('YYYY-MM-DD HH:mm:ss');
     if (Dayjs(currentDate).isBefore(Dayjs(endTime.split(' ')[0]))) {
       isShowCallToBook = true;

package/es/components/{parallelResourceBooking/components/Provider → appointmentBooking/components}/Footer/index.js

@@ -7,42 +7,29 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { SectionFooters, Button, Badge, Image } from '@pisell/materials';
 import { useState } from 'react';
-import { useCart, useHolder, useSummary } from "../../../../Sales";
-import SelectHolderModal from "../SelectHolderModal";
 import ContinueButton from "../Cart/ContinueButton";
-import shoppingCartSvg from "../../../assets/shopping-cart.svg";
+import shoppingCartSvg from "../../assets/shopping-cart.svg";
+import { useAppointmentBooking, useAppointmentBookingCart } from "../../hooks";
 import Cart from "../Cart";
 import Total from "../Cart/Item/Total";
 import "./index.less";
 var Footer = function Footer() {
   var _cartData$cartItems;
-  var _useHolder = useHolder(),
-    open = _useHolder.open;
-  var _useCart = useCart(),
-    onOpenCart = _useCart.onOpenCart,
-    openCart = _useCart.openCart,
-    onCloseCart = _useCart.onCloseCart,
-    cartData = _useCart.cartData;
-  var _useSummary = useSummary(),
-    total = _useSummary.total;
-  // 当前本地选中的holder
-  var _useState = useState(null),
+  var appointmentBooking = useAppointmentBooking();
+  var appointmentBookingCart = useAppointmentBookingCart();
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    selectedItem = _useState2[0],
-    setSelectedItem = _useState2[1];
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  // const { open } = useHolder();
+  // const { onOpenCart, openCart, onCloseCart, cartData } = useCart();
+  // const { total } = useSummary();
+  var cartData = {
+    cartItems: [1, 2]
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SectionFooters, {
     className: "section-footer-wrap",
-    left:
-    /*#__PURE__*/
-    // <div className="section-footer-left">
-    //   {/* <PisellText>{locales.getText('pisell2.event.total')}: </PisellText>
-    //   <PisellText.Amount
-    //     value={total}
-    //     showCurrencySymbol={true}
-    //     className="amount"
-    //   /> */}
-    // </div>
-    React.createElement(Total, {
+    left: /*#__PURE__*/React.createElement(Total, {
       className: "section-footer-left",
       isFooter: true
     }),
@@ -53,23 +40,17 @@ var Footer = function Footer() {
     }, /*#__PURE__*/React.createElement(Button, {
       size: "large",
       onClick: function onClick() {
-        return onOpenCart();
+        return setOpen(true);
       },
       className: "section-footer-btn"
     }, /*#__PURE__*/React.createElement(Image, {
       src: shoppingCartSvg,
       preview: false
     }))), /*#__PURE__*/React.createElement(ContinueButton, null))
-  }), /*#__PURE__*/React.createElement(SelectHolderModal, {
-    open: open,
-    selectedItem: selectedItem,
-    onSelect: function onSelect(e) {
-      setSelectedItem(e);
-    }
   }), /*#__PURE__*/React.createElement(Cart, {
-    open: openCart,
+    open: open,
     onCancel: function onCancel() {
-      return onCloseCart();
+      return setOpen(false);
     }
   }));
 };

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Guest: () => JSX.Element;
+export default Guest;

package/es/components/{parallelResourceBooking/components/Provider/Information → appointmentBooking/components/Guest}/index.js

@@ -4,26 +4,19 @@ 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, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { Dropdown } from 'antd';
 import { Button, Iconfont, PisellCard, PisellAvatar } from '@pisell/materials';
-import { locales, isMobile } from '@pisell/utils';
-import { useCart, useHolder, useStep } from "../../../../Sales";
-import SelectHolderModal from "../SelectHolderModal";
-import InformationOptionsModal from "../InformationOptionsModal/index";
-import RemoveOptionConfirmModal from "../RemoveOptionConfirmModal";
+import { locales, isMobile, getUniqueId } from '@pisell/utils';
+// import SelectHolderModal from '../Provider/SelectHolderModal';
+// import InformationOptionsModal from '../Provider/InformationOptionsModal/index';
+// import RemoveOptionConfirmModal from '../Provider/RemoveOptionConfirmModal';
+import { useAppointmentBookingAccount } from "../../hooks";
+import { useAppointmentBookingContext } from "../../context";
+// import appointmentBookingAccount from '../../hooks';
+import { formatGuest } from "../../utils";
 import "./index.less";
-var Information = function Information() {
-  var _useHolder = useHolder(),
-    onHolderOpen = _useHolder.onHolderOpen,
-    open = _useHolder.open;
-  var _useCart = useCart(),
-    cartDataHolderList = _useCart.cartDataHolderList;
-  var _useHolder2 = useHolder(),
-    selectHolder = _useHolder2.selectHolder,
-    deleteHolderById = _useHolder2.deleteHolderById;
-  var _useStep = useStep(),
-    prevStep = _useStep.prevStep;
+var Guest = function Guest() {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     openOption = _useState2[0],
@@ -39,6 +32,18 @@ var Information = function Information() {
     removeOpen = _useState6[0],
     setRemoveOpen = _useState6[1];
 
+  // const appointmentBooking = useAppointmentBooking();
+  // const { products } = useAppointmentBookingCart();
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    carts = _useAppointmentBookin.carts,
+    appointmentBooking = _useAppointmentBookin.appointmentBooking;
+  var _useAppointmentBookin2 = useAppointmentBookingAccount(),
+    accountLists = _useAppointmentBookin2.accountLists;
+  var lists = useMemo(function () {
+    var _lists = formatGuest(accountLists, carts);
+    return _lists;
+  }, [accountLists, carts]);
+
   /**
    * @title: 选项
    * @description:
@@ -50,7 +55,7 @@ var Information = function Information() {
     key: 'edit',
     label: /*#__PURE__*/React.createElement("span", {
       className: "dropdown-menu-item"
-    }, locales.getText('pisell2.event.edit.event'))
+    }, locales.getText('pisell2.appointment.edit.service'))
   }, {
     key: 'remove',
     label: /*#__PURE__*/React.createElement("span", {
@@ -70,13 +75,13 @@ var Information = function Information() {
     var key = _ref.key;
     // 编辑holder
     if (key === 'edit') {
-      selectHolder(item || holderItem, 'createCartItem');
-      prevStep();
+      appointmentBooking.setActiveAccount(item.id);
+      appointmentBooking.back();
       return;
     }
 
     // 移除holder
-    setRemoveOpen(true);
+    appointmentBooking.removeAccount(item.id);
   };
 
   /**
@@ -88,6 +93,13 @@ var Information = function Information() {
    * @Date: 2025-01-19 11:44
    */
   var renderOptionButton = function renderOptionButton(item) {
+    console.log(item, options, 'wh978776');
+    var _options = [].concat(options);
+    if (!item.isGuest) {
+      _options = _options.filter(function (option) {
+        return option.key !== 'remove';
+      });
+    }
     if (isMobile()) {
       return /*#__PURE__*/React.createElement(Button, {
         size: "large",
@@ -99,7 +111,7 @@ var Information = function Information() {
     }
     return /*#__PURE__*/React.createElement(Dropdown, {
       menu: {
-        items: options,
+        items: _options,
         onClick: function onClick(e) {
           setHolderItem(item);
           handleClick(e, item);
@@ -109,11 +121,19 @@ var Information = function Information() {
       overlayClassName: "provider-information-custom-dropdown-menu"
     }, /*#__PURE__*/React.createElement(Button, null, locales.getText('pisell2.event.option')));
   };
+  var handleAddGuest = function handleAddGuest() {
+    var guest = {
+      id: getUniqueId(),
+      username: "Guest".concat(accountLists.length + 1),
+      isGuest: true
+    };
+    appointmentBooking.addAccount([guest]);
+    appointmentBooking.setActiveAccount(guest.id);
+    appointmentBooking.back();
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "provider-information-wrap"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "title"
-  }, locales.getText('pisell2.event.confirm.information.tip')), cartDataHolderList === null || cartDataHolderList === void 0 ? void 0 : cartDataHolderList.map(function (item) {
+  }, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
     var _item$children;
     return /*#__PURE__*/React.createElement(PisellCard, {
       key: item.id,
@@ -131,48 +151,19 @@ var Information = function Information() {
       className: "information-title"
     }, /*#__PURE__*/React.createElement("span", null, item.name), /*#__PURE__*/React.createElement("span", {
       className: "subtitle"
-    }, "".concat(locales.getText('pisell2.event.title')((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length))))), renderOptionButton(item)), item.children.map(function (child) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "child-wrap"
-      }, child.name);
-    }));
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "add-tip"
-  }, locales.getText('pisell2.event.confirm.information.other')), /*#__PURE__*/React.createElement(Button, {
+    }, "".concat(locales.getText('pisell2.appointment.service.title')((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length))))), renderOptionButton(item)));
+  }), /*#__PURE__*/React.createElement(Button, {
     size: "large",
     style: {
       width: 'max-content'
     },
-    onClick: function onClick() {
-      onHolderOpen();
-    },
+    onClick: handleAddGuest,
     className: "provider-information-add-button"
   }, /*#__PURE__*/React.createElement(Iconfont, {
     type: "pisell2-plus",
     style: {
       fontSize: '20px'
     }
-  }), locales.getText('pisell2.event.add.others'))), /*#__PURE__*/React.createElement(SelectHolderModal, {
-    open: open,
-    type: "create"
-  }), /*#__PURE__*/React.createElement(InformationOptionsModal, {
-    options: options,
-    open: openOption,
-    holderItem: holderItem,
-    onCancel: function onCancel() {
-      return setOpenOption(false);
-    },
-    onClick: handleClick
-  }), /*#__PURE__*/React.createElement(RemoveOptionConfirmModal, {
-    removeOpen: removeOpen,
-    onCancel: function onCancel() {
-      return setRemoveOpen(false);
-    },
-    onOk: function onOk() {
-      deleteHolderById(holderItem.id);
-      setRemoveOpen(false);
-      setOpenOption(false);
-    }
-  }));
+  }), locales.getText('pisell2.appointment.add.guest'))));
 };
-export default Information;
+export default Guest;

package/es/components/appointmentBooking/components/Header/index.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import ProgressBar from "../../../eventBooking/components/progressBar";
+import { useAppointmentBookingContext } from "../../context";
+import "./index.less";
+var Header = function Header() {
+  var _currentStep$step, _currentStep$step2;
+  // const appointmentBooking = useAppointmentBooking();
+  // const { currentStep } = useAppointmentBookingStep();
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    currentStep = _useAppointmentBookin.currentStep,
+    appointmentBooking = _useAppointmentBookin.appointmentBooking;
+
+  /**
+   * @title: 返回
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-18 22:28
+   */
+  var handleBack = function handleBack() {
+    appointmentBooking.back();
+  };
+
+  /**
+   * @title: 关闭页面
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-22 13:43
+   */
+  var handleClose = function handleClose() {
+    appointmentBooking.close();
+  };
+  return /*#__PURE__*/React.createElement(ProgressBar, {
+    title: currentStep === null || currentStep === void 0 || (_currentStep$step = currentStep.step) === null || _currentStep$step === void 0 ? void 0 : _currentStep$step.title,
+    description: currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.description,
+    showBack: (currentStep === null || currentStep === void 0 ? void 0 : currentStep.index) > 0,
+    onBack: function onBack() {
+      return handleBack();
+    },
+    onClose: function onClose() {
+      return handleClose();
+    }
+  });
+};
+export default Header;

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Resource: ({ onChange }: any) => JSX.Element;
+export default Resource;

package/es/components/appointmentBooking/components/Resource/index.js

@@ -0,0 +1,101 @@
+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, { useState, useEffect, useMemo } from 'react';
+import { Skeleton } from 'antd';
+import ResourceDisplay from "../../../eventBooking/components/resourceDisplay";
+import { PisellCustomCheckboxGroup } from '@pisell/materials';
+import { useAppointmentBookingResource } from "../../hooks";
+import { useAppointmentBookingContext } from "../../context";
+import { isMobile } from '@pisell/utils';
+import "./index.less";
+var Resource = function Resource(_ref) {
+  var onChange = _ref.onChange;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedResource = _useState2[0],
+    setSelectedResource = _useState2[1];
+  // const appointmentBooking = useAppointmentBooking();
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    appointmentBooking = _useAppointmentBookin.appointmentBooking,
+    resources = _useAppointmentBookin.resources,
+    carts = _useAppointmentBookin.carts;
+  var _useAppointmentBookin2 = useAppointmentBookingResource(),
+    getResourceList = _useAppointmentBookin2.getResourceList,
+    getResourceTimeSlot = _useAppointmentBookin2.getResourceTimeSlot;
+  // const { products } = useAppointmentBookingCart();
+  console.log(resources, carts, appointmentBooking, 'lists, products');
+  useEffect(function () {
+    getResourceList();
+  }, []);
+  var anyResource = [{
+    id: 0,
+    image: 'https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg',
+    title: 'Any professional',
+    subtitle: 'for maximum availability'
+  }];
+  var currentResource = useMemo(function () {
+    if (resources.length && carts.length) {
+      console.log(resources, carts, 'lists, products');
+      if (carts.length === 1) {
+        var _resources$;
+        return (_resources$ = resources[0]) === null || _resources$ === void 0 || (_resources$ = _resources$.resources) === null || _resources$ === void 0 ? void 0 : _resources$[0];
+      } else {
+        return {
+          renderList: []
+        };
+      }
+    }
+  }, [resources, carts]);
+  var resourcesResult = useMemo(function () {
+    console.log(currentResource, resources, 'wh98765756');
+    return anyResource.concat((currentResource === null || currentResource === void 0 ? void 0 : currentResource.renderList) || []);
+  }, [currentResource]);
+  var _onClick = function onClick(e) {
+    setSelectedResource(e.id);
+    console.log(currentResource, e, 'whcurrentResourcecurrentResource');
+    if (e.id) {
+      var _resources$2;
+      getResourceTimeSlot({
+        product: resources === null || resources === void 0 || (_resources$2 = resources[0]) === null || _resources$2 === void 0 ? void 0 : _resources$2.product,
+        resources: currentResource === null || currentResource === void 0 ? void 0 : currentResource.renderList,
+        currentResourceId: e.id
+      });
+
+      // onChange({
+      //   times: times,
+      //   product: resources?.[0]?.product,
+      //   resources: resources[0]?.resources?.[1]?.renderList || [],
+      // });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'appointment-resource-wrap'
+  }, !(resourcesResult !== null && resourcesResult !== void 0 && resourcesResult.length) ? /*#__PURE__*/React.createElement(Skeleton, {
+    loading: true,
+    active: true
+  }) : /*#__PURE__*/React.createElement(PisellCustomCheckboxGroup, {
+    dataSource: resourcesResult,
+    renderItem: function renderItem(item) {
+      var _item$title;
+      return /*#__PURE__*/React.createElement(ResourceDisplay, {
+        key: item.id,
+        mode: "rule",
+        dataSource: item,
+        direction: "vertical",
+        children: !(item !== null && item !== void 0 && item.image) ? item === null || item === void 0 || (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.charAt(0).toUpperCase() : null,
+        selected: selectedResource === (item === null || item === void 0 ? void 0 : item.id)
+      });
+    },
+    columns: isMobile() ? 2 : 3,
+    horizontalGap: 16,
+    verticalGap: 16,
+    onClick: function onClick(e) {
+      return _onClick && _onClick(e);
+    }
+  }));
+};
+export default Resource;

package/es/components/appointmentBooking/components/Resource/index.less

@@ -0,0 +1,6 @@
+.appointment-resource-wrap {
+  padding-top: 16px;
+  .pisell-lowcode-card {
+    min-height: 166px !important;
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Services: () => JSX.Element;
+export default Services;

package/es/components/appointmentBooking/components/Services/index.js

@@ -0,0 +1,95 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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, { useRef, useState, useMemo, useEffect } from 'react';
+import SearchLg from '@pisell/icon/es/SearchLg';
+import { locales } from '@pisell/utils';
+import { PisellEmpty } from '@pisell/materials';
+import { Input } from 'antd';
+import TabProduct from "../../../booking/components/TabProduct";
+import { formatProductListByCategory } from "../../../booking/utils";
+import useEngineContext from "../../../../hooks/useEngineContext";
+import { useAppointmentBookingContext } from "../../context";
+import "./index.less";
+var Services = function Services() {
+  var searchRef = useRef();
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var context = useEngineContext();
+  var _ref = context.appHelper || {},
+    utils = _ref.utils;
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    appointmentBooking = _useAppointmentBookin.appointmentBooking,
+    products = _useAppointmentBookin.products,
+    setProducts = _useAppointmentBookin.setProducts;
+  useEffect(function () {
+    var _ref2 = appointmentBooking.otherParams || {},
+      productModuleParams = _ref2.productModuleParams;
+    appointmentBooking.loadProducts(productModuleParams).then(function (res) {
+      setProducts(res || []);
+    });
+  }, []);
+  var handleSelectProduct = function handleSelectProduct(item) {
+    utils === null || utils === void 0 || utils.action({
+      type: 'pisell1.productDetail',
+      data: {
+        detail: item
+      },
+      callback: function callback(data) {
+        var product = _objectSpread(_objectSpread({}, data), {}, {
+          options: (data === null || data === void 0 ? void 0 : data.option) || []
+        });
+        delete product.option;
+        console.log(product, data, appointmentBooking.storeProduct, 'wh978796');
+        appointmentBooking.storeProduct(product);
+      }
+    });
+  };
+  var renderList = useMemo(function () {
+    var _list = products || [];
+    if (!_list.length) return [];
+    var isIncludes = function isIncludes(str) {
+      return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
+    };
+    return formatProductListByCategory(_list, search ? function (item) {
+      return isIncludes(item.title);
+    } : undefined);
+  }, [search, products]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "appointment-service-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "appointment-service-search-wrap"
+  }, /*#__PURE__*/React.createElement(Input, {
+    ref: searchRef,
+    prefix: /*#__PURE__*/React.createElement(SearchLg, null),
+    style: {
+      marginTop: 16,
+      height: 44
+    },
+    placeholder: locales.getText('pisell2.event.search'),
+    allowClear: true,
+    value: search,
+    onChange: function onChange(e) {
+      setSearch(e.target.value);
+    }
+  })), (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React.createElement(TabProduct, {
+    list: renderList,
+    amountSymbol: '$',
+    onChange: handleSelectProduct,
+    scrollDom: '.parallel-booking-wrap'
+  }) : /*#__PURE__*/React.createElement(PisellEmpty, {
+    description: locales.getText('pisell2.appointment.booking.empty.service')
+  }));
+};
+export default Services;

package/es/components/appointmentBooking/components/Services/index.less

@@ -0,0 +1,17 @@
+.appointment-service-wrap {
+  .appointment-service-search-wrap {
+    top: 0;
+    position: sticky;
+    z-index: 2;
+    padding: 16px !important;
+    margin: 0;
+    .pisell-lowcode-input-affix-wrapper {
+      margin: 0 !important;
+    }
+
+    .pisell-lowcode-input-affix-wrapper:focus-within,
+    .pisell-lowcode-input-affix-wrapper:hover {
+      border-color: #5d3f9f !important;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Resource: ({ params }: any) => JSX.Element;
+export default Resource;