@pisell/private-materials 3.2.17 → 3.2.18

package/es/components/appointmentBooking/components/{Provider/Information → 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

@@ -1,12 +1,14 @@
 import React from 'react';
 import ProgressBar from "../../../eventBooking/components/progressBar";
-import { useAppointmentBooking, useAppointmentBookingStep } from "../../hooks";
+import { useAppointmentBookingContext } from "../../context";
 import "./index.less";
 var Header = function Header() {
   var _currentStep$step, _currentStep$step2;
-  var appointmentBooking = useAppointmentBooking();
-  var _useAppointmentBookin = useAppointmentBookingStep(),
-    currentStep = _useAppointmentBookin.currentStep;
+  // const appointmentBooking = useAppointmentBooking();
+  // const { currentStep } = useAppointmentBookingStep();
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    currentStep = _useAppointmentBookin.currentStep,
+    appointmentBooking = _useAppointmentBookin.appointmentBooking;
 
   /**
    * @title: 返回

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

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

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

@@ -4,57 +4,90 @@ 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, { 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() {
-  var _useState = useState(''),
+var Resource = function Resource(_ref) {
+  var onChange = _ref.onChange;
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     selectedResource = _useState2[0],
     setSelectedResource = _useState2[1];
-  var lists = [{
+  // 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: 'Maximum availability'
-  }, {
-    id: 'select',
-    image: 'https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg',
-    title: 'Select professional per service',
-    subtitle: ''
-  }, {
-    id: 1,
-    image: 'https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg',
-    title: 'Bella',
-    subtitle: 'Senior beauty/Derma Therapist'
-  }, {
-    id: 2,
-    image: 'https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg',
-    title: 'Bella',
-    subtitle: 'Senior beauty/Derma Therapist'
-  }, {
-    id: 3,
-    title: 'Maya',
-    subtitle: 'Spa Therapist'
+    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) {
-    console.log(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'
-  }, /*#__PURE__*/React.createElement(PisellCustomCheckboxGroup, {
-    dataSource: lists,
+  }, !(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.image ? item.title.charAt(0).toUpperCase() : null,
-        selected: selectedResource === item.id
+        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,

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.js

@@ -1,10 +1,16 @@
+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 } from 'react';
+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';
@@ -12,7 +18,7 @@ import { Input } from 'antd';
 import TabProduct from "../../../booking/components/TabProduct";
 import { formatProductListByCategory } from "../../../booking/utils";
 import useEngineContext from "../../../../hooks/useEngineContext";
-import { useAppointmentBooking, useAppointmentBookingProduct } from "../../hooks";
+import { useAppointmentBookingContext } from "../../context";
 import "./index.less";
 var Services = function Services() {
   var searchRef = useRef();
@@ -23,137 +29,17 @@ var Services = function Services() {
   var context = useEngineContext();
   var _ref = context.appHelper || {},
     utils = _ref.utils;
-  var appointmentBooking = useAppointmentBooking();
-  var appointmentBookingProduct = useAppointmentBookingProduct();
-  var products = appointmentBookingProduct.products;
-  console.log(products, 'wh97899');
-  var lists = [{
-    id: 57474,
-    extension_id: 0,
-    extension_type: 'normal',
-    shop_id: 9,
-    title: '灵活计价-None',
-    slug: '灵活计价-none',
-    status: 'published',
-    stock_quantity: 99998,
-    sales_quantity: 3,
-    sum_stock: 99998,
-    price: '0.01',
-    original_price: '0.00',
-    cost_price: '0.00',
-    cover: '',
-    channel_application: ['online-store', 'pos', 'bbc-module:mebook', 'google_reserve'],
-    is_track: 1,
-    over_sold: 1,
-    is_gst: 1,
-    code: '11111',
-    barcode: '',
-    is_delivery: 1,
-    weight_unit: 'GRAMS',
-    weight_value: '0.00',
-    type: 'physical',
-    unit: '',
-    sort: 9999999,
-    bundle_group_count: 0,
-    option_group_count: 0,
-    is_variant: 0,
-    variant_count: 0,
-    barcode_formatting: 'None',
-    shelf_product_datas: [],
-    step_value: 1,
-    min_num_unit: 1,
-    schedules: [],
-    is_charge_tax: 1,
-    base_price: '0.01',
-    variant: [],
-    category: [{
-      id: 1268,
-      name: '灵活计价',
-      icon: '',
-      slug: '灵活计价',
-      sort: 0
-    }]
-  }, {
-    id: 57472,
-    extension_id: 0,
-    extension_type: 'normal',
-    shop_id: 9,
-    title: '测试灵活计价UPC-A',
-    slug: '测试灵活计价upc-a',
-    status: 'published',
-    stock_quantity: 2317,
-    sales_quantity: 4,
-    sum_stock: 2317,
-    price: '0.00',
-    original_price: '0.00',
-    cost_price: '0.00',
-    cover: '',
-    channel_application: ['online-store', 'pos', 'bbc-module:mebook', 'google_reserve'],
-    is_track: 1,
-    over_sold: 0,
-    is_gst: 1,
-    code: '34523',
-    barcode: '',
-    is_delivery: 1,
-    weight_unit: 'GRAMS',
-    weight_value: '0.00',
-    type: 'physical',
-    unit: '',
-    sort: 9999999,
-    bundle_group_count: 0,
-    option_group_count: 0,
-    is_variant: 0,
-    variant_count: 0,
-    barcode_formatting: 'None',
-    shelf_product_datas: [],
-    step_value: 1,
-    min_num_unit: 1,
-    schedules: [],
-    is_charge_tax: 1,
-    base_price: '0.00',
-    variant: [],
-    category: []
-  }, {
-    id: 57470,
-    extension_id: 0,
-    extension_type: 'normal',
-    shop_id: 9,
-    title: '测试灵活计价',
-    slug: '测试灵活计价',
-    status: 'published',
-    stock_quantity: 0,
-    sales_quantity: 0,
-    sum_stock: 0,
-    price: '0.00',
-    original_price: '0.00',
-    cost_price: '0.00',
-    cover: '',
-    channel_application: ['online-store', 'pos', 'bbc-module:mebook', 'google_reserve'],
-    is_track: 1,
-    over_sold: 0,
-    is_gst: 1,
-    code: '23456',
-    barcode: '',
-    is_delivery: 1,
-    weight_unit: 'GRAMS',
-    weight_value: '0.00',
-    type: 'physical',
-    unit: '',
-    sort: 9999999,
-    bundle_group_count: 0,
-    option_group_count: 0,
-    is_variant: 0,
-    variant_count: 0,
-    barcode_formatting: 'None',
-    shelf_product_datas: [],
-    step_value: 1,
-    min_num_unit: 1,
-    schedules: [],
-    is_charge_tax: 1,
-    base_price: '0.00',
-    variant: [],
-    category: []
-  }];
+  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',
@@ -161,8 +47,12 @@ var Services = function Services() {
         detail: item
       },
       callback: function callback(data) {
-        console.log(data, appointmentBooking.storeProducts, 'wh978796');
-        appointmentBooking.storeProducts([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);
       }
     });
   };

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

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