@pisell/private-materials 6.0.25 → 6.1.2

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

@@ -41,24 +41,29 @@ var import_react = __toESM(require("react"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_addons = require("../../addons");
 var import_utils2 = require("../../info/service2/utils");
-var import_utils3 = require("../../info/utils");
 var import_serve = require("../../info2/serve");
 var import_AppointmentProductModal = __toESM(require("./AppointmentProductModal"));
 var import_FooterMenus = __toESM(require("./FooterMenus"));
 var import_amount = require("./amount");
 var import_index = require("./index.less");
 var import_serve2 = require("./serve");
-var import_utils4 = require("./utils");
+var import_utils3 = require("./utils");
+var import_voucher = __toESM(require("../voucher"));
+var import__ = require("../../../../index");
+var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
+var import_utils4 = require("@pisell/utils");
+var import_dayjs = __toESM(require("dayjs"));
 var Footer = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { state, buttons, dispatch, source } = props;
   const [showDetail, setShowDetail] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [checkoutLoading, setCheckoutLoading] = (0, import_react.useState)(false);
   const [isShowPaymentLink, setIsShowPaymentLink] = (0, import_react.useState)(false);
+  const isBooking4Shop = (0, import_useIsBooking4Shop.useIsBooking4Shop)(state);
   const appointmentProductRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
-  const { isTerminal, interaction, store, storage } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { isTerminal, isWebPos, interaction, store, storage, businessUtils } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   (0, import_react.useEffect)(() => {
     store == null ? void 0 : store.dispatch({
       type: "global/_getMetadataMap",
@@ -188,8 +193,29 @@ var Footer = (props) => {
     }
     return false;
   }, [state, params]);
-  const goCheckout = async (order_id) => {
+  const hasGoodPassApp = !!((_h = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _h.call(businessUtils, "goodpass"));
+  const hasDiscountCardApp = !!((_i = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _i.call(businessUtils, "discountcard"));
+  console.log("has goodpass app:", hasGoodPassApp);
+  const goCheckout = async (order_id, totalAmount) => {
     var _a2, _b2;
+    if (!order_id) return;
+    if (isWebPos) {
+      state.action({
+        type: "pisell1.handleOpenPayment",
+        data: { order_id, total_amount: totalAmount },
+        callback: (res) => {
+          var _a3, _b3, _c2, _d2;
+          console.log("webpos_pay_result", res);
+          if ((res == null ? void 0 : res.status) === "success") {
+            (_b3 = (_a3 = window == null ? void 0 : window.shopApi) == null ? void 0 : _a3.booking) == null ? void 0 : _b3.refreshBookingDetail();
+          } else if ((res == null ? void 0 : res.status) === "cancel") {
+            (_d2 = (_c2 = window == null ? void 0 : window.shopApi) == null ? void 0 : _c2.booking) == null ? void 0 : _d2.voidBooking(order_id);
+          } else {
+          }
+        }
+      });
+      return;
+    }
     if (isTerminal == null ? void 0 : isTerminal()) {
       return (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
         module: "booking",
@@ -216,8 +242,11 @@ var Footer = (props) => {
         const isHasDayProducts = handleDaySubmit();
         if (isHasDayProducts) return;
       }
-      const res = await handleSave({ type: "checkout" });
-      goCheckout((res == null ? void 0 : res.order_id) || state.bookingId);
+      const res = await handleSave({
+        type: "checkout",
+        messageShow: !(isTerminal == null ? void 0 : isTerminal())
+      });
+      goCheckout((res == null ? void 0 : res.order_id) || state.bookingId, res.total_amount);
       return;
     }
     return goCheckout(state.bookingId);
@@ -238,11 +267,7 @@ var Footer = (props) => {
     }
   };
   const getApis = () => {
-    var _a2, _b2, _c2, _d2, _e2;
-    if ((0, import_utils3.isBooking4Shop)(
-      (_e2 = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e2.id,
-      state.renderType
-    ) || state.renderType === "dayBooking") {
+    if (isBooking4Shop || state.renderType === "dayBooking") {
       return {
         editBooking: import_serve.editBookings,
         createBooking: import_serve.createBookings
@@ -270,6 +295,9 @@ var Footer = (props) => {
       const isHasDayProducts = handleDaySubmit();
       if (isHasDayProducts) return;
     }
+    if (isBooking4Shop && (0, import_utils2.getIsSubjectRequire)(state) && (0, import_utils3.checkHolderIsError)(state)) {
+      return;
+    }
     let _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
     _setLoading(true);
     const { createBooking, editBooking } = getApis();
@@ -281,8 +309,15 @@ var Footer = (props) => {
     }
     try {
       let callbackData = null;
-      let values = (0, import_utils4.formatValues)({ ...state, ...saveOtherValue });
+      let values = (0, import_utils3.formatValues)({ ...state, ...saveOtherValue });
       const api = state.bookingId ? editApi : createApi;
+      (0, import_utils4.sendWarningLog)({
+        title: "saveBooking",
+        content: [
+          { key: "下单前数据", value: JSON.stringify(values) },
+          { key: "日期", value: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm") }
+        ]
+      });
       if (addonsEdit) {
         await handleSaveAddons();
       }
@@ -296,8 +331,7 @@ var Footer = (props) => {
           );
         }
       }
-      debugger;
-      state == null ? void 0 : state.callback(callbackData);
+      state == null ? void 0 : state.callback(callbackData, type);
       _setLoading(false);
       return callbackData || values;
     } catch (err) {
@@ -354,17 +388,29 @@ var Footer = (props) => {
       buttonType = "primary";
     }
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
+      import_antd.ConfigProvider,
       {
-        className: "pisell-lowcode__booking-footer-buttons-item",
-        type: buttonType,
-        loading: checkoutLoading,
-        onClick: () => {
-          handleCheckout();
-        },
-        disabled: isDisabled
+        theme: {
+          token: {
+            colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009"
+          }
+        }
       },
-      import_utils.locales.getText("pisell2.text.checkout")
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: (0, import_classnames.default)("pisell-lowcode__booking-footer-buttons-item", {
+            ["pisell-lowcode__booking-footer-buttons-item-primary"]: buttonType === "primary"
+          }),
+          type: "primary",
+          loading: checkoutLoading,
+          onClick: () => {
+            handleCheckout();
+          },
+          disabled: isDisabled
+        },
+        import_utils.locales.getText("pisell2.text.checkout")
+      )
     );
   }, [isEdit, checkoutLoading, isDisabled, state, source]);
   const handleMenuClick = async (e) => {
@@ -464,17 +510,29 @@ var Footer = (props) => {
       buttonType = "primary";
     }
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
+      import_antd.ConfigProvider,
       {
-        className: "pisell-lowcode__booking-footer-buttons-item",
-        type: buttonType,
-        onClick: () => {
-          handleSave({ type: "save" });
-        },
-        disabled: isDisabled || !isEdit,
-        loading
+        theme: {
+          token: {
+            colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009"
+          }
+        }
       },
-      import_utils.locales.getText("pisell2.text.save")
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: (0, import_classnames.default)("pisell-lowcode__booking-footer-buttons-item", {
+            ["pisell-lowcode__booking-footer-buttons-item-primary"]: buttonType === "primary"
+          }),
+          type: "primary",
+          onClick: () => {
+            handleSave({ type: "save" });
+          },
+          disabled: isDisabled || !isEdit,
+          loading
+        },
+        import_utils.locales.getText("pisell2.text.save")
+      )
     );
   }, [loading, isDisabled, isEdit, infoEdit, addonsEdit, state]);
   const completeButton = (0, import_react.useMemo)(() => {
@@ -516,13 +574,23 @@ var Footer = (props) => {
   };
   const clearAllButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
+      import_antd.ConfigProvider,
       {
-        className: "pisell-lowcode__booking-footer-buttons-item",
-        type: "default",
-        onClick: handleClearAll
+        theme: {
+          token: {
+            colorPrimary: "#f04438"
+          }
+        }
       },
-      import_utils.locales.getText("pisell2.booking.info.text.clear-all")
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "pisell-lowcode__booking-footer-buttons-item",
+          type: "primary",
+          onClick: handleClearAll
+        },
+        import_utils.locales.getText("pisell2.booking.info.text.clear-all")
+      )
     );
   }, []);
   let buttonMap = {
@@ -748,7 +816,7 @@ var Footer = (props) => {
   }, [
     state.bookingId,
     state.bookingDetail,
-    (_h = state.addons) == null ? void 0 : _h.load,
+    (_j = state.addons) == null ? void 0 : _j.load,
     state.renderType
   ]);
   const menuChange = (e) => {
@@ -782,7 +850,97 @@ var Footer = (props) => {
         break;
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
+  const subTotalList = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    const surcharge = (((_a2 = state.bookingDetail) == null ? void 0 : _a2.surcharge) || []).map(
+      (d, index) => {
+        return {
+          key: `custom_surcharge_${index}`,
+          label: d.name[state.locale],
+          value: d.amount
+        };
+      }
+    );
+    return [
+      // 小计
+      {
+        key: "sub_total",
+        value: total.productAmount
+      },
+      // 自定义手续费
+      ...surcharge,
+      // 税费
+      {
+        hidden: !state.bookingId,
+        key: "tax",
+        value: total.tax,
+        tax: {
+          rate: (_b2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _b2.tax_rate,
+          is_price_include_tax: (0, import_amount.is_price_include_tax)(state),
+          title: (_c2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _c2.tax_title
+        }
+      },
+      // 订单折扣
+      {
+        hidden: !state.bookingId,
+        key: "discount",
+        value: total.shopDiscount
+      },
+      // 总计
+      {
+        key: "total",
+        value: total.expectAmount
+      },
+      // 舍入金额
+      {
+        hidden: !total.roundingAmount,
+        key: "custom_roundingAmount",
+        value: total.roundingAmount,
+        label: import_utils.locales.getText("pisell1.text.rounding")
+      }
+    ];
+  }, [total, (_k = state.bookingDetail) == null ? void 0 : _k.surcharge, state, state.bookingId]);
+  const orderTotalList = (0, import_react.useMemo)(() => {
+    return [
+      // 订单已付金额
+      {
+        hidden: !state.bookingId,
+        key: "custom_orderPaidAmount",
+        value: total.orderPaidAmount,
+        label: import_utils.locales.getText("pisell2.text.amount-paid-on-order")
+      },
+      // 支付手续费
+      {
+        hidden: !state.bookingId,
+        key: "custom_paySurchargeFee",
+        value: total.paySurchargeFee,
+        label: import_utils.locales.getText("pisell1.text.payment-fee")
+      },
+      // 客户实付金额
+      {
+        hidden: !state.bookingId,
+        key: "custom_actualPaidAmount",
+        value: total.actualPaidAmount,
+        label: import_utils.locales.getText(
+          "pisell2.text.amount-actually-paid-by-the-customer"
+        )
+      },
+      // 退款金额
+      {
+        hidden: !state.bookingId || !total.totalRefundAmount,
+        key: "custom_totalRefundAmount",
+        value: total.totalRefundAmount,
+        label: import_utils.locales.getText("pisell2.text.refunded-amount")
+      }
+    ];
+  }, [total, (_l = state.bookingDetail) == null ? void 0 : _l.surcharge, state, state.bookingId]);
+  const paymentRefundedStatus = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ["partially_refunded", "refunded"].includes(
+      (_a2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _a2.payment_status
+    );
+  }, [state == null ? void 0 : state.bookingDetail]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, (hasGoodPassApp || hasDiscountCardApp) && ["addons", "info"].includes(source) && !paymentRefundedStatus ? /* @__PURE__ */ import_react.default.createElement(import_voucher.default, { state, dispatch, source }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       className: "pisell-lowcode__booking-footer-right",
@@ -808,37 +966,16 @@ var Footer = (props) => {
       })
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-border" }),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, import_utils.locales.getText("pisell1.text.subtotal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.productAmount, 2, (state == null ? void 0 : state.amountSymbol) || "$"))),
-    (((_i = state.bookingDetail) == null ? void 0 : _i.surcharge) || []).map((d) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item", key: d.id }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, d.name[state.locale]), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(d.amount, 2, (state == null ? void 0 : state.amountSymbol) || "$")));
-    }),
-    state.bookingId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-label" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, import_utils.locales.getText("pisell1.text.tax")), /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { fontSize: 14 } }, taxText)), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.tax, 2, (state == null ? void 0 : state.amountSymbol) || "$"))) : null,
-    state.bookingId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-label" }, import_utils.locales.getText("pisell2.text.order-discount")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.shopDiscount, 2, (state == null ? void 0 : state.amountSymbol) || "$"))) : null,
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText("pisell1.text.total")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.expectAmount, 2, (state == null ? void 0 : state.amountSymbol) || "$"))),
-    !!total.roundingAmount && /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, import_utils.locales.getText("pisell1.text.rounding")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.roundingAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))),
-    state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-border" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText("pisell2.text.amount-paid-on-order")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.orderPaidAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, import_utils.locales.getText("pisell1.text.payment-fee")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.paySurchargeFee,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText(
-      "pisell2.text.amount-actually-paid-by-the-customer"
-    )), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.actualPaidAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))), total.totalRefundAmount > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText("pisell2.text.refunded-amount")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.totalRefundAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))) : null) : null
+    /* @__PURE__ */ import_react.default.createElement(import__.SubTotal, { mode: "column1", list: subTotalList, style: { padding: `0` } }),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: state.bookingId ? "order-total-item-border" : "" }),
+    !!state.bookingId && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import__.SubTotal,
+      {
+        mode: "column1",
+        list: orderTotalList,
+        style: { padding: ` 0 0 16px` }
+      }
+    ))
   ), !(state == null ? void 0 : state.disableEventBookingEdit) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-buttons" }, /* @__PURE__ */ import_react.default.createElement(
     import_FooterMenus.default,
     {

package/lib/components/booking/components/footer/index.less

@@ -111,7 +111,7 @@
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  gap: 12px;
+  gap: 8px !important;
 
 
 
@@ -122,4 +122,9 @@
     justify-content: center;
     flex: 1;
   }
+
+  .pisell-lowcode__booking-footer-buttons-item-primary {
+    flex: 2 !important;
+    order: 1;
+  }
 }

package/lib/components/booking/components/footer/utils.d.ts

@@ -16,4 +16,26 @@ export declare const formatProductOption: (option: any) => any;
  * @Date: 2024-02-19 09:26
  */
 export declare const formatProductBundle: (bundle: any) => any;
+export interface ResourceItem {
+    [key: string]: any;
+}
+/**
+ * @title: 传入资源，如果有子资源，会根据组合资源的 capacity 计算修改子资源的 capacity
+ * @description:
+ * @param {object} resource
+ * @return {*}
+ * @Author: jinglin.tan
+ */
+export declare const checkSubResourcesCapacity: (resource: ResourceItem) => void;
+export declare const checkResourcesFormat: (resources: any[], service: any, isChild?: boolean) => any[];
+/**
+ * @title: 格式化商品单价
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-23 12:05
+ */
+export declare const formatProductPrice: (item: any) => number;
 export declare const formatValues: (state: any) => any;
+export declare const checkHolderIsError: (state: any) => any;