@pisell/private-materials 3.2.39 → 3.3.0

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

@@ -50,8 +50,9 @@ var import_index = require("./index.less");
 var import_serve2 = require("./serve");
 var import_utils4 = require("./utils");
 var import_voucher = __toESM(require("../voucher"));
+var import__ = require("../../../../index");
 var Footer = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const { state, buttons, dispatch, source } = props;
   const [showDetail, setShowDetail] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
@@ -785,6 +786,88 @@ var Footer = (props) => {
         break;
     }
   };
+  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, (_j = state.bookingDetail) == null ? void 0 : _j.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, (_k = state.bookingDetail) == null ? void 0 : _k.surcharge, state, state.bookingId]);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, hasGoodPassApp && source === "info" ? /* @__PURE__ */ import_react.default.createElement(import_voucher.default, { state, dispatch }) : 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",
     {
@@ -811,37 +894,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) || "$"))),
-    (((_j = state.bookingDetail) == null ? void 0 : _j.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/utils.d.ts

@@ -16,4 +16,15 @@ 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 formatValues: (state: any) => any;

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

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/booking/components/footer/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
+  checkSubResourcesCapacity: () => checkSubResourcesCapacity,
   formatProductBundle: () => formatProductBundle,
   formatProductOption: () => formatProductOption,
   formatValues: () => formatValues
@@ -127,20 +128,45 @@ var formatRelationDetails = (list) => {
     };
   });
 };
+var checkSubResourcesCapacity = (resource) => {
+  if (resource.children && resource.children.length) {
+    let countCapacity = resource.capacity;
+    resource.children.forEach((child) => {
+      if (child.capacity <= countCapacity) {
+        countCapacity -= child.capacity;
+      } else {
+        child.capacity = countCapacity;
+        countCapacity = 0;
+      }
+    });
+  }
+};
+var checkResourcesFormat = (resources, service, isChild) => {
+  return resources.map((resource) => {
+    var _a;
+    if (!isChild) {
+      resource.capacity = (0, import_utilsByBooking.getSumCapacity)({ cacheItem: service });
+    }
+    checkSubResourcesCapacity(resource);
+    return {
+      children: ((_a = resource.children) == null ? void 0 : _a.length) ? checkResourcesFormat(resource.children, service, true) : void 0,
+      form_id: resource.form_id,
+      relation_type: resource.relation_type || "form",
+      relation_id: resource.relation_id || resource.id || 0,
+      capacity: resource.capacity,
+      like_status: resource.like_status || "common",
+      metadata: resource.metadata || {}
+    };
+  });
+};
 var formatResource = (service) => {
   if (!service._extend.resource) {
     return void 0;
   }
   try {
     return Object.values(service._extend.resource).reduce((pre, cur) => {
-      pre = pre.concat(cur.map((d) => ({
-        form_id: d.form_id,
-        relation_type: d.relation_type || "form",
-        relation_id: d.relation_id || 0,
-        capacity: (0, import_utilsByBooking.getSumCapacity)({ cacheItem: service }),
-        like_status: d.like_status,
-        metadata: d.metadata
-      })));
+      const newList = checkResourcesFormat(cur, service);
+      pre = pre.concat(newList);
       return pre;
     }, []);
   } catch (err) {
@@ -148,12 +174,12 @@ var formatResource = (service) => {
   }
 };
 var formatHolders = (state, item, values) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const form_id = ((_d = (_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.appointment_subject) == null ? void 0 : _d.form_id) || 0;
   let obj = {
     customer_id: values.customer_id,
     form_id,
-    form_record: [((_e = item._extend) == null ? void 0 : _e.holder_id) || 0]
+    form_record: ((_e = item._extend) == null ? void 0 : _e.holder_id) ? [(_f = item._extend) == null ? void 0 : _f.holder_id] : []
   };
   if (state.isFranchisee) {
     obj.is_source_shop = 1;
@@ -263,6 +289,7 @@ var formatBookings = (data, values) => {
     if ((0, import_utils.isNowTime)(item._extend.start_time)) {
       start_time = (0, import_utils.getNowTime)();
     }
+    dayParams.holder = formatHolders(data, item, values);
     if (isDay) {
       const startDate = ((_a = item._extend) == null ? void 0 : _a.startDate) || ((_b = item._extend) == null ? void 0 : _b.start_date);
       const endDate = ((_c = item._extend) == null ? void 0 : _c.endDate) || ((_d = item._extend) == null ? void 0 : _d.end_date);
@@ -275,9 +302,6 @@ var formatBookings = (data, values) => {
       dayParams.holder = formatHolders(data, item, values);
       dayParams.duration = (0, import_utils3.getDays)({ _extend: { start_date: startDateTime, end_date: endDateTime } }, "minutes");
     }
-    if (isEvent) {
-      dayParams.holder = formatHolders(data, item, values);
-    }
     return {
       "product": formatProducts(item),
       "relation_products": formatRelationDetails(item._extend.relation_details),
@@ -364,7 +388,6 @@ var formatValues = (state) => {
     ...values,
     ...customer
   };
-  debugger;
   values.holder = formatHolder(state, values);
   if (isDay) {
     values.relation_products = formatRelationProducts(state);
@@ -385,6 +408,7 @@ var formatValues = (state) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  checkSubResourcesCapacity,
   formatProductBundle,
   formatProductOption,
   formatValues

package/lib/components/booking/components/formItemChildrenWrap/index.d.ts

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

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

@@ -55,8 +55,8 @@ var services = {};
 var VoucherCard = (props) => {
   var _a, _b;
   const context = (0, import_useEngineContext.default)();
-  const [showDetail, setShowDetail] = (0, import_react.useState)(true);
   const { state, dispatch } = props;
+  const [showDetail, setShowDetail] = (0, import_react.useState)(!state.bookingId);
   const { pisellos } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const [code, setCode] = (0, import_react.useState)("");
   const [discountList, setDisCountList] = (0, import_react.useState)([]);
@@ -84,6 +84,22 @@ var VoucherCard = (props) => {
       shopDiscount.setProductList(state.service.value);
     }
   }, [state.service.value, isBooking4Shop]);
+  const serviceMemo = (0, import_react.useMemo)(() => {
+    var _a2;
+    const val = (_a2 = state.service.value || []) == null ? void 0 : _a2.map((value) => {
+      var _a3, _b2;
+      return {
+        booking_id: value.booking_id,
+        id: value.id,
+        _id: value._id,
+        price: value.price,
+        total: (_a3 = value == null ? void 0 : value._extend) == null ? void 0 : _a3.total,
+        discount_list: value.discount_list,
+        origin_total: (_b2 = value == null ? void 0 : value._extend) == null ? void 0 : _b2.origin_total
+      };
+    });
+    return val;
+  }, [state.service.value]);
   (0, import_react.useEffect)(() => {
     if (productRef.current === state.service.value) {
       return;
@@ -101,7 +117,7 @@ var VoucherCard = (props) => {
         }
       });
     }
-  }, [state.service.value, isBooking4Shop]);
+  }, [JSON.stringify(serviceMemo), isBooking4Shop]);
   const fn = (0, import_ahooks.useMemoizedFn)((result) => {
     if (result.productList.some((item) => !item)) {
       return;

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

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

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -4,6 +4,6 @@ declare const useSendModal: (bookingId?: number) => {
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleOpen: () => void;
     handleValuesChange: (val: any) => void;
-    handleOk: (values: SendModalValues) => Promise<any>;
+    handleOk: (values: SendModalValues) => Promise<boolean | undefined>;
 };
 export default useSendModal;

package/lib/components/booking/forms/single/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 /**
  * @title: 表单选择器

package/lib/components/booking/forms/table/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Table: ({ value, onChange, field, mode, onAdd }: any) => JSX.Element;
 export default Table;

package/lib/components/booking/hooks/useCreateBookingPageHeader.js

@@ -36,6 +36,9 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var useCreateBookingPageHeader = (state) => {
   const createHeader = (0, import_react.useMemo)(() => {
+    if (state.hideCreateText) {
+      return null;
+    }
     return state.isBookingCreatePage && !state.bookingId && /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info-create-new" }, import_utils.locales.getText("pisell2.booking.info.text.create-new"));
   }, [state.isBookingCreatePage, state.bookingId]);
   const isBookingCreatePage = (0, import_react.useMemo)(() => {

package/lib/components/booking/info/addServiceVariant/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

package/lib/components/booking/info/clientVariant/hooks/useClientFn.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/info/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export declare const updateServiceDate: (services: any[], date: any, isTime: boolean) => any[];
 declare const DateCom: () => JSX.Element;

package/lib/components/booking/info/header/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const header: ({ state, dispatch }: any) => JSX.Element;
 export default header;

package/lib/components/booking/info/hooks/useAddHolder.d.ts

@@ -0,0 +1,2 @@
+declare const useAddHolder: (state: any, dispatch: any) => () => void;
+export default useAddHolder;

package/lib/components/booking/info/hooks/useAddHolder.js

@@ -0,0 +1,73 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info/hooks/useAddHolder.ts
+var useAddHolder_exports = {};
+__export(useAddHolder_exports, {
+  default: () => useAddHolder_default
+});
+module.exports = __toCommonJS(useAddHolder_exports);
+var import_utils = require("../../utils");
+var import_react = require("react");
+var useAddHolder = (state, dispatch) => {
+  var _a;
+  const formDataConfig = (0, import_react.useMemo)(() => {
+    var _a2, _b, _c;
+    let _holder = (_a2 = state.bookingConfig) == null ? void 0 : _a2.holder;
+    if (!_holder) {
+      return null;
+    }
+    return {
+      ..._holder,
+      ..._holder == null ? void 0 : _holder.form,
+      options: [],
+      form_id: (_b = _holder == null ? void 0 : _holder.form) == null ? void 0 : _b.id,
+      field: (_c = _holder == null ? void 0 : _holder.form) == null ? void 0 : _c.form_field,
+      relation_type: "appointment_booking",
+      form_record: []
+    };
+  }, [(_a = state.bookingConfig) == null ? void 0 : _a.holder]);
+  const handleAddHolder = () => {
+    var _a2, _b, _c;
+    let _data = {
+      formDataConfig: { ...formDataConfig }
+    };
+    const isWalkInBol = (0, import_utils.isWalkIn)((_b = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b.id);
+    if (formDataConfig.data_range === "customer" && !isWalkInBol) {
+      _data.customerId = (_c = state.client) == null ? void 0 : _c.value.id;
+    }
+    state.action({
+      type: "pisell1.goCustomFormAddData",
+      data: _data,
+      callback: (res) => {
+        let obj = {};
+        for (let item of res) {
+          obj[item.key] = item.value;
+        }
+        dispatch({
+          type: "setPet",
+          payload: {
+            holders: !isWalkInBol ? [obj, ...state.pet.holders] : state.pet.holders
+          }
+        });
+      }
+    });
+  };
+  return handleAddHolder;
+};
+var useAddHolder_default = useAddHolder;

package/lib/components/booking/info/hooks/useHolderConfig.d.ts

@@ -0,0 +1,9 @@
+declare const useHolderConfig: (state: any) => {
+    appointment_subject: any;
+    holder: any;
+    isFormSubject: boolean;
+    isCustomerSubject: boolean;
+    isWalkInBol: boolean;
+    isShowChangeHolder: boolean;
+};
+export default useHolderConfig;

package/lib/components/booking/info/hooks/useHolderConfig.js

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info/hooks/useHolderConfig.ts
+var useHolderConfig_exports = {};
+__export(useHolderConfig_exports, {
+  default: () => useHolderConfig_default
+});
+module.exports = __toCommonJS(useHolderConfig_exports);
+var import_react = require("react");
+var import_utils = require("../../utils");
+var useHolderConfig = (state) => {
+  var _a, _b, _c, _d, _e, _f;
+  const appointment_subject = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_subject) || {};
+  }, [(_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.appointment_subject]);
+  const holder = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.holder) || {};
+  }, [(_d = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _d.holder]);
+  const isFormSubject = (0, import_react.useMemo)(() => {
+    return appointment_subject.type === "form";
+  }, [appointment_subject.type]);
+  const isWalkInBol = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return (0, import_utils.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id);
+  }, [(_f = (_e = state.client) == null ? void 0 : _e.value) == null ? void 0 : _f.id]);
+  const isCustomerSubject = (0, import_react.useMemo)(() => {
+    return appointment_subject.type === "customer";
+  }, [appointment_subject.type]);
+  const isShowChangeHolder = (0, import_react.useMemo)(() => {
+    return isFormSubject && !isWalkInBol;
+  }, [isFormSubject, isWalkInBol]);
+  return {
+    appointment_subject,
+    holder,
+    isFormSubject,
+    isCustomerSubject,
+    isWalkInBol,
+    isShowChangeHolder
+  };
+};
+var useHolderConfig_default = useHolderConfig;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -0,0 +1,9 @@
+import { EditServiceRef } from "../service/editService";
+declare const useInfoHolder: (state: any, dispatch: any) => {
+    detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;
+    handleEdit: (cacheItem: any) => void;
+    dispatchService: (type: string, payload: any) => void;
+    handleAction: (dataSource: any) => void;
+    showAddTimeModal: boolean;
+};
+export default useInfoHolder;

package/lib/components/booking/info/hooks/useInfoHolder.js

@@ -0,0 +1,106 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info/hooks/useInfoHolder.ts
+var useInfoHolder_exports = {};
+__export(useInfoHolder_exports, {
+  default: () => useInfoHolder_default
+});
+module.exports = __toCommonJS(useInfoHolder_exports);
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var import_useHolderConfig = __toESM(require("./useHolderConfig"));
+var import_utils = require("../utils");
+var useInfoHolder = (state, dispatch) => {
+  var _a, _b, _c, _d;
+  const detailRef = (0, import_react.useRef)();
+  const { holder, isFormSubject, appointment_subject } = (0, import_useHolderConfig.default)(state);
+  const getHolders = (0, import_ahooks.useMemoizedFn)(async () => {
+    var _a2, _b2, _c2, _d2;
+    if (holder.data_range === "customer" && !((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id)) {
+      return;
+    }
+    const params = {
+      form_id: appointment_subject.form_id,
+      source_shop_customer: holder == null ? void 0 : holder.is_franchisor,
+      customer_id: holder.data_range === "customer" ? (_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id : void 0,
+      skip: 1,
+      num: 100
+    };
+    const data = await state.apis.getPetsData(params);
+    dispatch({
+      type: "setPet",
+      payload: {
+        holders: data.list
+      }
+    });
+  });
+  (0, import_react.useEffect)(() => {
+    if (isFormSubject) {
+      getHolders();
+    }
+  }, [appointment_subject, holder, (_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id]);
+  const appointment_card = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.information_tab) == null ? void 0 : _c2.appointment_card) || {
+      quick_time: 1
+    };
+  }, [(_d = (_c = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _c.config) == null ? void 0 : _d.information_tab]);
+  const showAddTimeModal = (0, import_react.useMemo)(() => {
+    return (0, import_utils.isOpenAddTime)(state);
+  }, [state, appointment_card.quick_time]);
+  const handleEdit = (cacheItem) => {
+    setTimeout(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = detailRef.current) == null ? void 0 : _a2.init) == null ? void 0 : _b2.call(_a2, cacheItem);
+    }, 100);
+  };
+  const dispatchService = (type, payload) => {
+    dispatch({
+      type,
+      payload: { ...payload }
+    });
+  };
+  const handleAction = (dataSource) => {
+    dispatch({
+      type: "setService",
+      payload: {
+        addTimeModal: true,
+        cacheItem: dataSource._origin
+      }
+    });
+  };
+  return {
+    detailRef,
+    handleEdit,
+    dispatchService,
+    handleAction,
+    showAddTimeModal
+  };
+};
+var useInfoHolder_default = useInfoHolder;