@pisell/private-materials 6.5.4 → 6.5.5

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

@@ -57,7 +57,7 @@ import { useShopDiscount } from "../../../appointmentBooking/hooks";
  * @Date: 2024-01-30 16:51
  */
 var Footer = function Footer(props) {
-  var _context$appHelper, _state$bookingConfig2, _state$bookingConfig4, _state$addons2, _state$bookingDetail, _state$bookingDetail2, _state$client2, _state$notes3, _state$bookingDetail10, _state$addons4, _state$notes4;
+  var _context$appHelper, _state$paymentPaid2, _state$bookingConfig2, _state$bookingConfig4, _state$addons2, _state$bookingDetail, _state$bookingDetail2, _state$client2, _state$notes3, _state$bookingDetail13, _state$addons4, _state$notes4;
   var state = props.state,
     buttons = props.buttons,
     dispatch = props.dispatch,
@@ -95,10 +95,16 @@ var Footer = function Footer(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     paymentCallback = _useState14[0],
     setPaymentCallback = _useState14[1];
-  var _useState15 = useState(false),
+
+  // edit order id
+  var _useState15 = useState(0),
     _useState16 = _slicedToArray(_useState15, 2),
-    isShowPaymentLink = _useState16[0],
-    setIsShowPaymentLink = _useState16[1];
+    editOrderId = _useState16[0],
+    setEditOrderId = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isShowPaymentLink = _useState18[0],
+    setIsShowPaymentLink = _useState18[1];
   var isBooking4Shop = useIsBooking4Shop(state);
   var appointmentProductRef = useRef(null);
   var context = useEngineContext();
@@ -109,7 +115,8 @@ var Footer = function Footer(props) {
     store = _context$appHelper$ut.store,
     storage = _context$appHelper$ut.storage,
     pisellosAllModule = _context$appHelper$ut.pisellosAllModule,
-    getData = _context$appHelper$ut.getData;
+    getData = _context$appHelper$ut.getData,
+    pisellos = _context$appHelper$ut.pisellos;
   var _useScanManager = useScanManager(),
     disableAllScanListeners = _useScanManager.disableAllScanListeners;
   var ScheduleModule = pisellosAllModule.ScheduleModule;
@@ -161,6 +168,12 @@ var Footer = function Footer(props) {
       console.error(error);
     }
   }, []);
+  useEffect(function () {
+    var _state$service, _state$service2, _state$paymentPaid;
+    if ((((_state$service = state.service) === null || _state$service === void 0 || (_state$service = _state$service.value) === null || _state$service === void 0 ? void 0 : _state$service.length) === 0 || !((_state$service2 = state.service) !== null && _state$service2 !== void 0 && _state$service2.value)) && !((_state$paymentPaid = state.paymentPaid) !== null && _state$paymentPaid !== void 0 && (_state$paymentPaid = _state$paymentPaid.value) !== null && _state$paymentPaid !== void 0 && _state$paymentPaid.paidAmount)) {
+      setEditOrderId(0);
+    }
+  }, [state.service.value, (_state$paymentPaid2 = state.paymentPaid) === null || _state$paymentPaid2 === void 0 ? void 0 : _state$paymentPaid2.value]);
   var _Modal$useModal = Modal.useModal(),
     _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
     modal = _Modal$useModal2[0],
@@ -248,7 +261,7 @@ var Footer = function Footer(props) {
 
   // info 是否有编辑
   var infoEdit = useMemo(function () {
-    var _state$client, _state$date, _state$pet, _state$service, _state$notes, _state$contacts;
+    var _state$client, _state$date, _state$pet, _state$service3, _state$notes, _state$contacts;
     if (!state.bookingId) {
       return true;
     }
@@ -261,7 +274,7 @@ var Footer = function Footer(props) {
     if ((_state$pet = state.pet) !== null && _state$pet !== void 0 && _state$pet.edit) {
       return true;
     }
-    if ((_state$service = state.service) !== null && _state$service !== void 0 && _state$service.edit) {
+    if ((_state$service3 = state.service) !== null && _state$service3 !== void 0 && _state$service3.edit) {
       return true;
     }
     if ((_state$notes = state.notes) !== null && _state$notes !== void 0 && _state$notes.edit) {
@@ -780,6 +793,40 @@ var Footer = function Footer(props) {
     return _isHasDayProducts;
   };
 
+  /**
+  * 是否只有定金支付
+  */
+  var isOnlyDeposit = useMemo(function () {
+    var _state$bookingDetail3, _state$bookingDetail4, _state$bookingDetail5;
+    if (state !== null && state !== void 0 && (_state$bookingDetail3 = state.bookingDetail) !== null && _state$bookingDetail3 !== void 0 && _state$bookingDetail3.deposit_payment_time && state !== null && state !== void 0 && (_state$bookingDetail4 = state.bookingDetail) !== null && _state$bookingDetail4 !== void 0 && (_state$bookingDetail4 = _state$bookingDetail4.payment_types) !== null && _state$bookingDetail4 !== void 0 && (_state$bookingDetail5 = _state$bookingDetail4.every) !== null && _state$bookingDetail5 !== void 0 && _state$bookingDetail5.call(_state$bookingDetail4, function (item) {
+      return item === 'deposit';
+    })) {
+      return true;
+    }
+    return false;
+  }, [state === null || state === void 0 ? void 0 : state.bookingDetail]);
+
+  /**
+   * @title: 欠款文案
+   * @description: 商家欠用户钱
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-01-30 17:01
+   */
+  var arrearsText = useMemo(function () {
+    var str = '';
+    // 只有定金支付时不展示退款金额
+    if (isOnlyDeposit) {
+      return str;
+    }
+    // 欠款
+    if (total.dueAmount < 0) {
+      str = "".concat(locales.getText('pisell1.text.refund-customer'), ": ").concat(formatAmount(total.dueAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'));
+    }
+    return str;
+  }, [state, total, isOnlyDeposit]);
+
   /**
    * @title: 保存info
    * @description:
@@ -790,7 +837,7 @@ var Footer = function Footer(props) {
    */
   var handleSave = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref6) {
-      var type, _ref6$messageShow, messageShow, _ref6$noSubmit, noSubmit, isHasDayProducts, _setLoading, _getApis, createBooking, editBooking, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, api;
+      var type, _ref6$messageShow, messageShow, _ref6$noSubmit, noSubmit, isHasDayProducts, _setLoading, _getApis, createBooking, editBooking, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, checkout, subtotal_info, res, api;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -848,6 +895,37 @@ var Footer = function Footer(props) {
             }
             return _context6.abrupt("return", values);
           case 27:
+            if (!editOrderId) {
+              _context6.next = 37;
+              break;
+            }
+            checkout = pisellos.getModule('checkout');
+            subtotal_info = {
+              subTotalList: cloneDeep(subTotalList),
+              orderTotalList: cloneDeep(orderTotalList),
+              total: cloneDeep(total),
+              showDetail: showDetail
+            };
+            _context6.next = 32;
+            return checkout.updateLocalOrderAsync({
+              orderId: editOrderId,
+              orderData: values,
+              cartSummary: subtotal_info.subTotalList,
+              autoPayment: true,
+              totalInfo: subtotal_info
+            });
+          case 32:
+            _context6.next = 34;
+            return checkout.manualSyncOrderAsync();
+          case 34:
+            res = _context6.sent;
+            if (res.success) {
+              // 回调关闭弹窗
+              state === null || state === void 0 || state.callback(res, type);
+              _setLoading(false);
+            }
+            return _context6.abrupt("return");
+          case 37:
             // 区分是新增还是编辑
             api = state.bookingId ? editApi : createApi; // 增加日志记录
             sendWarningLog({
@@ -891,43 +969,43 @@ var Footer = function Footer(props) {
 
             // 如果有addons改动, 则先保存
             if (!addonsEdit) {
-              _context6.next = 32;
+              _context6.next = 42;
               break;
             }
-            _context6.next = 32;
+            _context6.next = 42;
             return handleSaveAddons();
-          case 32:
+          case 42:
             if (!infoEdit) {
-              _context6.next = 37;
+              _context6.next = 47;
               break;
             }
-            _context6.next = 35;
-            return api(values, state.bookingId);
-          case 35:
+            _context6.next = 45;
+            return api(values, state.bookingId || editOrderId);
+          case 45:
             callbackData = _context6.sent;
             if (messageShow) {
               message.success(locales.getText(state.bookingId ? 'pisell2.text.appointment-updated' : 'pisell2.text.created-successfully'));
             }
-          case 37:
+          case 47:
             // 回调关闭弹窗
             state === null || state === void 0 || state.callback(callbackData, type);
             _setLoading(false);
 
             // return数据  checkout时需要
             return _context6.abrupt("return", callbackData || values);
-          case 42:
-            _context6.prev = 42;
+          case 52:
+            _context6.prev = 52;
             _context6.t1 = _context6["catch"](21);
             console.log(_context6.t1);
             if ((_context6.t1 === null || _context6.t1 === void 0 ? void 0 : _context6.t1.code) === 70101) {
               message.error(_context6.t1 === null || _context6.t1 === void 0 ? void 0 : _context6.t1.message);
             }
             _setLoading(false);
-          case 47:
+          case 57:
           case "end":
             return _context6.stop();
         }
-      }, _callee6, null, [[21, 42]]);
+      }, _callee6, null, [[21, 52]]);
     }));
     return function handleSave(_x5) {
       return _ref7.apply(this, arguments);
@@ -1006,8 +1084,8 @@ var Footer = function Footer(props) {
     });
   };
   var paymentRefundedStatus = useMemo(function () {
-    var _state$bookingDetail3;
-    return ['partially_refunded', 'refunded'].includes(state === null || state === void 0 || (_state$bookingDetail3 = state.bookingDetail) === null || _state$bookingDetail3 === void 0 ? void 0 : _state$bookingDetail3.payment_status);
+    var _state$bookingDetail6;
+    return ['partially_refunded', 'refunded'].includes(state === null || state === void 0 || (_state$bookingDetail6 = state.bookingDetail) === null || _state$bookingDetail6 === void 0 ? void 0 : _state$bookingDetail6.payment_status);
   }, [state === null || state === void 0 ? void 0 : state.bookingDetail]);
 
   /**
@@ -1044,12 +1122,12 @@ var Footer = function Footer(props) {
       onClick: function onClick() {
         handleCheckout();
       },
-      disabled: isDisabled || isDisabledCheckOutForNegativeOrder
+      disabled: isDisabled || isDisabledCheckOutForNegativeOrder || arrearsText !== ''
     }, locales.getText('pisell2.text.checkout')));
-  }, [isEdit, checkoutLoading, isDisabled, state, source]);
+  }, [isEdit, checkoutLoading, isDisabled, state, source, arrearsText]);
   var handleMenuClick = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(e) {
-      var id, customer, res, _state$bookingDetail4, _state$bookingDetail5;
+      var id, customer, res, _state$bookingDetail7, _state$bookingDetail8;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
@@ -1077,10 +1155,10 @@ var Footer = function Footer(props) {
                 type: 'pisell1.sendPayLinkEmail',
                 data: {
                   id: id,
-                  is_deposit: state.bookingDetail.is_deposit || Number((_state$bookingDetail4 = state.bookingDetail) === null || _state$bookingDetail4 === void 0 ? void 0 : _state$bookingDetail4.deposit_amount),
+                  is_deposit: state.bookingDetail.is_deposit || Number((_state$bookingDetail7 = state.bookingDetail) === null || _state$bookingDetail7 === void 0 ? void 0 : _state$bookingDetail7.deposit_amount),
                   deposit_payment_time: state.bookingDetail.deposit_payment_time,
                   customer: customer,
-                  contacts: (_state$bookingDetail5 = state.bookingDetail) === null || _state$bookingDetail5 === void 0 ? void 0 : _state$bookingDetail5.contacts
+                  contacts: (_state$bookingDetail8 = state.bookingDetail) === null || _state$bookingDetail8 === void 0 ? void 0 : _state$bookingDetail8.contacts
                 },
                 callback: function callback() {}
               });
@@ -1361,10 +1439,10 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:58
    */
   var isCheckout = useMemo(function () {
-    var _state$bookingDetail6, _state$bookingDetail7;
+    var _state$bookingDetail9, _state$bookingDetail10;
     var list = ['unfulfilled', 'partially_paid', 'unpaid', 'payment_processing'];
     // (支付状态 = 已支付 || 部分付款 || 未付款 || 支付处理中) && 预约状态 !== 已取消
-    if (!state.bookingId || ((_state$bookingDetail6 = state.bookingDetail) === null || _state$bookingDetail6 === void 0 || (_state$bookingDetail6 = _state$bookingDetail6.bookings) === null || _state$bookingDetail6 === void 0 ? void 0 : _state$bookingDetail6.appointment_status) !== 'cancelled' && list.includes(state === null || state === void 0 || (_state$bookingDetail7 = state.bookingDetail) === null || _state$bookingDetail7 === void 0 ? void 0 : _state$bookingDetail7.payment_status) && !state.disabledEdit) {
+    if (!state.bookingId || ((_state$bookingDetail9 = state.bookingDetail) === null || _state$bookingDetail9 === void 0 || (_state$bookingDetail9 = _state$bookingDetail9.bookings) === null || _state$bookingDetail9 === void 0 ? void 0 : _state$bookingDetail9.appointment_status) !== 'cancelled' && list.includes(state === null || state === void 0 || (_state$bookingDetail10 = state.bookingDetail) === null || _state$bookingDetail10 === void 0 ? void 0 : _state$bookingDetail10.payment_status) && !state.disabledEdit) {
       return true;
     } else {
       if (total.notPaidAmount > 0) {
@@ -1471,7 +1549,7 @@ var Footer = function Footer(props) {
     return [];
   }, [buttons, total, isEdit, checkoutLoading, isDisabled, source, buttonMap, loading, isCheckout, state, isTeam, isShowClearAll]);
   var moreButton = useMemo(function () {
-    var _state$bookingDetail8;
+    var _state$bookingDetail11;
     var arr = [];
     if (!state.bookingId) {
       return [];
@@ -1484,15 +1562,15 @@ var Footer = function Footer(props) {
     }
 
     // 如果订单已退款, 则不展示任何按钮
-    if ((state === null || state === void 0 || (_state$bookingDetail8 = state.bookingDetail) === null || _state$bookingDetail8 === void 0 ? void 0 : _state$bookingDetail8.payment_status) === 'refunded') {
+    if ((state === null || state === void 0 || (_state$bookingDetail11 = state.bookingDetail) === null || _state$bookingDetail11 === void 0 ? void 0 : _state$bookingDetail11.payment_status) === 'refunded') {
       return [];
     }
 
     // 如果外部没有按钮, 则rebook按钮放在外面
     if (_buttons.length !== 0) {
-      var _state$bookingDetail9;
+      var _state$bookingDetail12;
       // 支付链接, 部分退款时, 不展示支付链接
-      if (state.bookingId && isShowPaymentLink && (state === null || state === void 0 || (_state$bookingDetail9 = state.bookingDetail) === null || _state$bookingDetail9 === void 0 ? void 0 : _state$bookingDetail9.payment_status) !== 'partially_refunded') {
+      if (state.bookingId && isShowPaymentLink && (state === null || state === void 0 || (_state$bookingDetail12 = state.bookingDetail) === null || _state$bookingDetail12 === void 0 ? void 0 : _state$bookingDetail12.payment_status) !== 'partially_refunded') {
         arr.push(actionMap.paymentLink);
       }
     }
@@ -1526,20 +1604,7 @@ var Footer = function Footer(props) {
     // 取消订单
     // arr.push(actionMap.cancelOrder);
     return arr;
-  }, [state, total, isShowPaymentLink, source, _buttons.length, state === null || state === void 0 || (_state$bookingDetail10 = state.bookingDetail) === null || _state$bookingDetail10 === void 0 ? void 0 : _state$bookingDetail10.payment_status]);
-
-  /**
-   * 是否只有定金支付
-   */
-  var isOnlyDeposit = useMemo(function () {
-    var _state$bookingDetail11, _state$bookingDetail12, _state$bookingDetail13;
-    if (state !== null && state !== void 0 && (_state$bookingDetail11 = state.bookingDetail) !== null && _state$bookingDetail11 !== void 0 && _state$bookingDetail11.deposit_payment_time && state !== null && state !== void 0 && (_state$bookingDetail12 = state.bookingDetail) !== null && _state$bookingDetail12 !== void 0 && (_state$bookingDetail12 = _state$bookingDetail12.payment_types) !== null && _state$bookingDetail12 !== void 0 && (_state$bookingDetail13 = _state$bookingDetail12.every) !== null && _state$bookingDetail13 !== void 0 && _state$bookingDetail13.call(_state$bookingDetail12, function (item) {
-      return item === 'deposit';
-    })) {
-      return true;
-    }
-    return false;
-  }, [state === null || state === void 0 ? void 0 : state.bookingDetail]);
+  }, [state, total, isShowPaymentLink, source, _buttons.length, state === null || state === void 0 || (_state$bookingDetail13 = state.bookingDetail) === null || _state$bookingDetail13 === void 0 ? void 0 : _state$bookingDetail13.payment_status]);
 
   /**
    * @title: 总计文案
@@ -1576,27 +1641,6 @@ var Footer = function Footer(props) {
     return str;
   }, [state, total, state.bookingId, isOnlyDeposit]);
 
-  /**
-   * @title: 欠款文案
-   * @description: 商家欠用户钱
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2024-01-30 17:01
-   */
-  var arrearsText = useMemo(function () {
-    var str = '';
-    // 只有定金支付时不展示退款金额
-    if (isOnlyDeposit) {
-      return str;
-    }
-    // 欠款
-    if (total.dueAmount < 0) {
-      str = "".concat(locales.getText('pisell1.text.refund-customer'), ": ").concat(formatAmount(total.dueAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'));
-    }
-    return str;
-  }, [state, total, isOnlyDeposit]);
-
   /**
    * @title: 是否显示footer loading
    * @description:  避免数据未获取完时页面闪动
@@ -1728,6 +1772,52 @@ var Footer = function Footer(props) {
 
     // 清空商品券
     shopDiscount === null || shopDiscount === void 0 || (_shopDiscount$clear = shopDiscount.clear) === null || _shopDiscount$clear === void 0 || _shopDiscount$clear.call(shopDiscount);
+    setEditOrderId(0);
+  };
+
+  // 购物车进入编辑状态
+  var setEditCartMode = function setEditCartMode(order_id, payData) {
+    var closeModal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    setEditOrderId(order_id);
+    // 关闭 checkout 弹窗
+    if (closeModal) {
+      setIsPaymentModalOpen(false);
+    }
+    // 给当前购物车中的商品添加一个编辑标识
+    // 标记当前商品为编辑模式
+    dispatch({
+      type: 'setService',
+      payload: {
+        value: state.service.value.map(function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            edit: true,
+            booking_id: 'checkout_edit',
+            discount_list: item.discount_list.map(function (d) {
+              return _objectSpread(_objectSpread({}, d), {}, {
+                id: d.discount.resource_id
+              });
+            })
+          });
+        })
+      }
+    });
+    // 存储部分支付数据
+    dispatch({
+      type: 'setPaymentPaid',
+      payload: {
+        value: {
+          paidAmount: payData.paidAmount,
+          paidAmountWithoutSurcharge: payData.paidAmountWithoutSurcharge
+        }
+      }
+    });
+    // 需要重新拉取商品券、折扣卡列表，避免商品券被重新抵扣
+    shopDiscount.loadPrepareConfig({
+      customerId: state.client.value.id,
+      action: 'create',
+      with_good_pass: 1,
+      with_discount_card: 1
+    });
   };
   return /*#__PURE__*/React.createElement(Skeleton, {
     title: false,
@@ -1807,8 +1897,10 @@ var Footer = function Footer(props) {
     onCancel: handleNoteCancel
   }), isPaymentModalOpen && /*#__PURE__*/React.createElement(PaymentModal, {
     open: true,
+    editOrderId: editOrderId,
     data: paymentModalData,
     callback: paymentCallback || undefined,
+    setEditCartMode: setEditCartMode,
     state: state,
     dispatch: dispatch,
     onClose: function onClose(reset) {
@@ -1816,6 +1908,14 @@ var Footer = function Footer(props) {
       setIsPaymentModalOpen(false);
       setPaymentModalData(null);
       setPaymentCallback(null);
+      // 清除编辑模式
+      setEditOrderId(0);
+      dispatch({
+        type: 'setPaymentPaid',
+        payload: {
+          value: {}
+        }
+      });
       // if (reset) {
       //   handleClearAllAndReset();
       // }