@pisell/private-materials 3.3.80 → 3.3.82

package/es/components/booking/components/voucher/index.js

@@ -7,6 +7,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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); }
@@ -22,7 +26,8 @@ import useEngineContext from "../../../../hooks/useEngineContext";
 import { PisellInput, PisellGoodPassCard, PisellToast } from '@pisell/materials';
 import { useIsBooking4Shop } from "../../hooks/useIsBooking4Shop";
 import "./index.less";
-import { useMemoizedFn, useDebounceFn } from 'ahooks';
+import { useMemoizedFn, useDebounceFn, useDebounceEffect } from 'ahooks';
+import { getServiceAddons } from "./utils";
 var ShopDiscountHooks = {
   onInited: 'shopDiscount:onInited',
   onDestroy: 'shopDiscount:onDestroy',
@@ -35,10 +40,11 @@ var ShopDiscountHooks = {
 };
 var services = {};
 var VoucherCard = function VoucherCard(props) {
-  var _context$appHelper, _state$client$value;
+  var _context$appHelper, _state$client$value, _state$service2;
   var context = useEngineContext();
   var state = props.state,
-    dispatch = props.dispatch;
+    dispatch = props.dispatch,
+    source = props.source;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showDetail = _useState2[0],
@@ -53,35 +59,27 @@ var VoucherCard = function VoucherCard(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     discountList = _useState6[0],
     setDisCountList = _useState6[1];
-  var productRef = useRef(state.service.value);
+  var serviceValueRef = useRef(state.service.value);
+  var addonsValueRef = useRef(state.addons.value);
   var isBooking4Shop = useIsBooking4Shop(state);
   var shopDiscount = pisellos.getModule('shopDiscount');
   services = state.service;
-  var availableData = useMemo(function () {
-    if (!isBooking4Shop) return [];
-    var shopDiscount = pisellos.getModule('shopDiscount');
-    return discountList.filter(function (item) {
-      return !!item.isAvailable;
-    }).map(function (discount) {
-      return _objectSpread(_objectSpread({}, discount), {}, {
-        savedAmount: shopDiscount.calcDiscountApplicableProductTotalPrice(discount)
-      });
-    });
-  }, [discountList, isBooking4Shop]);
 
   // 设置client
-  useEffect(function () {
+  useDebounceEffect(function () {
     if (isBooking4Shop) {
       shopDiscount.setCustomer(state.client.value);
     }
-  }, [(_state$client$value = state.client.value) === null || _state$client$value === void 0 ? void 0 : _state$client$value.id, isBooking4Shop]);
+  }, [(_state$client$value = state.client.value) === null || _state$client$value === void 0 ? void 0 : _state$client$value.id, isBooking4Shop], {
+    wait: 200
+  });
 
   // 设置productList
   useEffect(function () {
     if (isBooking4Shop) {
-      shopDiscount.setProductList(state.service.value);
+      shopDiscount.setProductList([].concat(_toConsumableArray(state.service.value), _toConsumableArray(state.addons.value)));
     }
-  }, [state.service.value, isBooking4Shop]);
+  }, [state.service.value, state.addons.value, isBooking4Shop]);
   var serviceMemo = useMemo(function () {
     var _ref;
     var val = (_ref = state.service.value || []) === null || _ref === void 0 ? void 0 : _ref.map(function (value) {
@@ -89,7 +87,6 @@ var VoucherCard = function VoucherCard(props) {
       return {
         booking_id: value.booking_id,
         id: value.id,
-        _id: value._id,
         price: value.price,
         total: value === null || value === void 0 || (_value$_extend = value._extend) === null || _value$_extend === void 0 ? void 0 : _value$_extend.total,
         discount_list: value.discount_list,
@@ -98,24 +95,43 @@ var VoucherCard = function VoucherCard(props) {
     });
     return val;
   }, [state.service.value]);
+  var addonsMemo = useMemo(function () {
+    var _ref2;
+    var val = (_ref2 = state.addons.value || []) === null || _ref2 === void 0 ? void 0 : _ref2.map(function (value) {
+      var _value$_extend3, _value$_extend4;
+      return {
+        booking_id: value.booking_id,
+        id: value.id,
+        _id: value._id,
+        price: value.price,
+        total: value === null || value === void 0 || (_value$_extend3 = value._extend) === null || _value$_extend3 === void 0 ? void 0 : _value$_extend3.total,
+        discount_list: value.discount_list,
+        _key: value._key,
+        num: value === null || value === void 0 || (_value$_extend4 = value._extend) === null || _value$_extend4 === void 0 ? void 0 : _value$_extend4.quantity
+      };
+    });
+    return val;
+  }, [state.addons.value]);
+  var disabled = useMemo(function () {
+    var _state$bookingDetail;
+    if (['paid', 'partially_paid'].includes((_state$bookingDetail = state.bookingDetail) === null || _state$bookingDetail === void 0 ? void 0 : _state$bookingDetail.payment_status) && [].concat(_toConsumableArray(addonsMemo), _toConsumableArray(serviceMemo)).every(function (item) {
+      return item.booking_id;
+    })) {
+      return true;
+    }
+    return false;
+  }, [state, addonsMemo, serviceMemo]);
   var _useDebounceFn = useDebounceFn(function () {
       var _state$service;
       // console.log('state.service.value1', state.service.value);
-      if (productRef.current === state.service.value || !((_state$service = state.service) !== null && _state$service !== void 0 && (_state$service = _state$service.value) !== null && _state$service !== void 0 && _state$service.length)) {
+      if (serviceValueRef.current === state.service.value && addonsValueRef.current === state.addons.value || !((_state$service = state.service) !== null && _state$service !== void 0 && (_state$service = _state$service.value) !== null && _state$service !== void 0 && _state$service.length)) {
         return;
       }
       if (isBooking4Shop) {
-        var val = shopDiscount.calcDiscount(state.service.value);
-        // console.log('input: ', state.service.value);
-        // console.log('output: ', val);
-        productRef.current = val.productList;
-        // console.log('val.productList', val.productList);
-        dispatch({
-          type: 'setService',
-          payload: _objectSpread(_objectSpread({}, services), {}, {
-            value: ((val === null || val === void 0 ? void 0 : val.productList) || []).filter(Boolean)
-          })
-        });
+        var val = shopDiscount.calcDiscount([].concat(_toConsumableArray(state.service.value), _toConsumableArray(state.addons.value)));
+        console.log('input: ', state.service.value);
+        console.log('output: ', val);
+        productListToValue(val.productList);
       }
     }, {
       wait: 500
@@ -125,7 +141,7 @@ var VoucherCard = function VoucherCard(props) {
   // 更新productList
   useEffect(function () {
     run();
-  }, [JSON.stringify(serviceMemo), isBooking4Shop]);
+  }, [JSON.stringify(serviceMemo), JSON.stringify(addonsMemo), isBooking4Shop]);
   var fn = useMemoizedFn(function (result) {
     var _result$productList;
     if (!(result !== null && result !== void 0 && result.productList) || result !== null && result !== void 0 && (_result$productList = result.productList) !== null && _result$productList !== void 0 && _result$productList.some(function (item) {
@@ -133,18 +149,13 @@ var VoucherCard = function VoucherCard(props) {
     })) {
       return;
     }
-    dispatch({
-      type: 'setService',
-      payload: _objectSpread(_objectSpread({}, services), {}, {
-        value: result.productList
-      })
-    });
+    productListToValue(result.productList);
   });
 
   // 监听customer变化
   useEffect(function () {
     if (!isBooking4Shop) return;
-    pisellos.effects.on(ShopDiscountHooks.onScanCustomerChange, function (customer) {
+    var onScanCustomerChange = function onScanCustomerChange(customer) {
       // 更新客户
       dispatch({
         type: 'setClient',
@@ -152,22 +163,49 @@ var VoucherCard = function VoucherCard(props) {
           value: customer
         }
       });
-    });
-    pisellos.effects.on(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
-    pisellos.effects.on(ShopDiscountHooks.onDiscountListChange, function (discount) {
+    };
+    var onDiscountListChange = function onDiscountListChange(discount) {
       setDisCountList(discount);
-    });
+    };
+    pisellos.effects.on(ShopDiscountHooks.onScanCustomerChange, onScanCustomerChange);
+    pisellos.effects.on(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
+    pisellos.effects.on(ShopDiscountHooks.onDiscountListChange, onDiscountListChange);
     return function () {
       shopDiscount.clear();
-      pisellos.effects.off(ShopDiscountHooks.onCustomerChange);
-      pisellos.effects.off(ShopDiscountHooks.onLoadPrepareCalcResult);
-      pisellos.effects.off(ShopDiscountHooks.onDiscountListChange);
+      pisellos.effects.off(ShopDiscountHooks.onCustomerChange, onScanCustomerChange);
+      pisellos.effects.off(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
+      pisellos.effects.off(ShopDiscountHooks.onDiscountListChange, onDiscountListChange);
     };
   }, [state.bookingId, isBooking4Shop, fn]);
+  var productListToValue = useMemoizedFn(function (list, edit) {
+    var _getServiceAddons = getServiceAddons(list),
+      serviceList = _getServiceAddons.serviceList,
+      addonsList = _getServiceAddons.addonsList;
+    serviceValueRef.current = serviceList;
+    addonsValueRef.current = addonsList;
+    var other = {};
+    if (edit) {
+      other = {
+        edit: true
+      };
+    }
+    dispatch({
+      type: 'setService',
+      payload: _objectSpread({
+        value: serviceList
+      }, other)
+    });
+    dispatch({
+      type: 'setAddons',
+      payload: _objectSpread({
+        value: addonsList
+      }, other)
+    });
+  });
 
   // apply code
   var onScanCode = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var val;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -178,18 +216,11 @@ var VoucherCard = function VoucherCard(props) {
             val = _context.sent;
             console.log(val);
             if (val !== null && val !== void 0 && val.isAvailable) {
-              productRef.current = val.productList;
-              dispatch({
-                type: 'setService',
-                payload: {
-                  value: val.productList,
-                  edit: true
-                }
-              });
+              productListToValue(val.productList, true);
               setCode('');
             } else {
               PisellToast({
-                content: locales.getText('pisell2.text.goodpass.code-invalid')
+                content: val.type === 'server' ? locales.getText('pisell2.text.goodpass.code-invalid') : locales.getText('pisell2.text.goodpass.code-invalid-cart')
               });
             }
           case 5:
@@ -199,10 +230,27 @@ var VoucherCard = function VoucherCard(props) {
       }, _callee);
     }));
     return function onScanCode() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
+  var availableData = useMemo(function () {
+    if (!isBooking4Shop) return [];
+    var shopDiscount = pisellos.getModule('shopDiscount');
+    return discountList.filter(function (item) {
+      return !!item.isAvailable;
+    }).map(function (discount) {
+      return _objectSpread(_objectSpread({}, discount), {}, {
+        isDisabled: discount.isDisabled || discount.isDisabledForProductUsed || disabled,
+        savedAmount: shopDiscount.calcDiscountApplicableProductTotalPrice(discount)
+      });
+    });
+  }, [discountList, isBooking4Shop, disabled]);
   if (!isBooking4Shop) return null;
+  var mixedSort = function mixedSort(val) {
+    return _toConsumableArray(val).sort(function (a, b) {
+      return Number(b === null || b === void 0 ? void 0 : b.isSelected) - Number(a === null || a === void 0 ? void 0 : a.isSelected);
+    });
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-footer-voucher-container"
   }, /*#__PURE__*/React.createElement("div", {
@@ -227,7 +275,8 @@ var VoucherCard = function VoucherCard(props) {
     style: {
       width: '100%'
     },
-    dataSource: availableData,
+    dataSource: (_state$service2 = state.service) !== null && _state$service2 !== void 0 && (_state$service2 = _state$service2.value) !== null && _state$service2 !== void 0 && _state$service2.length ? availableData : [],
+    mixedSort: mixedSort,
     onChange: function onChange(val) {
       var shopDiscount = pisellos.getModule('shopDiscount');
       var detail = shopDiscount.setDiscountSelected({
@@ -235,13 +284,7 @@ var VoucherCard = function VoucherCard(props) {
         isSelected: val.isSelected
       });
       console.log('setDiscountSelected:', detail);
-      dispatch({
-        type: 'setService',
-        payload: {
-          edit: true,
-          value: detail.productList
-        }
-      });
+      productListToValue(detail.productList, true);
     }
   }) : null, /*#__PURE__*/React.createElement("div", {
     className: "voucher-code-input-wrapper"
@@ -258,6 +301,7 @@ var VoucherCard = function VoucherCard(props) {
       setCode((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
     },
     size: "small",
+    allowClear: true,
     placeholder: locales.getText('pisell2.text.goodpass.enter-code')
     // suffix={
     //   <PisellTooltip title="">

package/es/components/booking/components/voucher/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getServiceAddons: (list: any[]) => {
+    serviceList: any[];
+    addonsList: any[];
+};

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

@@ -0,0 +1,15 @@
+export var getServiceAddons = function getServiceAddons(list) {
+  var serviceList = [];
+  var addonsList = [];
+  list.forEach(function (item) {
+    if (item.isAddons) {
+      addonsList.push(item);
+    } else {
+      serviceList.push(item);
+    }
+  });
+  return {
+    serviceList: serviceList,
+    addonsList: addonsList
+  };
+};

package/es/components/booking/deposit/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Deposit: (props: any) => JSX.Element;
 export default Deposit;

package/es/components/booking/editBookingModal/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EditBookingModalProps } from './type';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<EditBookingModalProps & React.RefAttributes<unknown>>;
+export default _default;