@pisell/private-materials 6.0.24 → 6.1.1

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

@@ -0,0 +1,305 @@
+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/components/voucher/index.tsx
+var voucher_exports = {};
+__export(voucher_exports, {
+  default: () => voucher_default
+});
+module.exports = __toCommonJS(voucher_exports);
+var import_react = __toESM(require("react"));
+var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_materials = require("@pisell/materials");
+var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
+var import_index = require("./index.less");
+var import_utils2 = require("./utils");
+var import_ahooks = require("ahooks");
+var ShopDiscountHooks = {
+  onInited: "shopDiscount:onInited",
+  onDestroy: "shopDiscount:onDestroy",
+  onLoadDiscountList: "shopDiscount:onLoadDiscountList",
+  onCustomerChange: "shopDiscount:onCustomerChange",
+  onScanCustomerChange: "shopDiscount:onScanCustomerChange",
+  onDiscountListChange: "shopDiscount:onDiscountListChange",
+  onRulesListChange: "shopDiscount:onRulesListChange",
+  onLoadPrepareCalcResult: "shopDiscount:onLoadPrepareCalcResult"
+};
+var services = {};
+var VoucherCard = (props) => {
+  var _a, _b, _c, _d;
+  const context = (0, import_useEngineContext.default)();
+  const { state, dispatch, source } = props;
+  const [showDetail, setShowDetail] = (0, import_react.useState)(false);
+  const { pisellos } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const [code, setCode] = (0, import_react.useState)("");
+  const [discountList, setDisCountList] = (0, import_react.useState)([]);
+  const serviceValueRef = (0, import_react.useRef)(state.service.value);
+  const addonsValueRef = (0, import_react.useRef)(state.addons.value);
+  const isBooking4Shop = (0, import_useIsBooking4Shop.useIsBooking4Shop)(state);
+  const shopDiscount = pisellos.getModule("shopDiscount");
+  services = state.service;
+  (0, import_ahooks.useDebounceEffect)(
+    () => {
+      if (isBooking4Shop) {
+        shopDiscount.setCustomer(state.client.value);
+      }
+    },
+    [(_b = state.client.value) == null ? void 0 : _b.id, isBooking4Shop],
+    {
+      wait: 200
+    }
+  );
+  (0, import_react.useEffect)(() => {
+    if (isBooking4Shop) {
+      shopDiscount.setProductList([
+        ...state.service.value,
+        ...state.addons.value
+      ]);
+    }
+  }, [state.service.value, state.addons.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,
+        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]);
+  const addonsMemo = (0, import_react.useMemo)(() => {
+    var _a2;
+    const val = (_a2 = state.addons.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,
+        _key: value._key,
+        num: (_b2 = value == null ? void 0 : value._extend) == null ? void 0 : _b2.quantity
+      };
+    });
+    return val;
+  }, [state.addons.value]);
+  const disabled = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (["paid", "partially_paid"].includes(
+      (_a2 = state.bookingDetail) == null ? void 0 : _a2.payment_status
+    ) && [...addonsMemo, ...serviceMemo].every((item) => item.booking_id)) {
+      return true;
+    }
+    return false;
+  }, [state, addonsMemo, serviceMemo]);
+  const { run } = (0, import_ahooks.useDebounceFn)(
+    () => {
+      var _a2, _b2;
+      if (serviceValueRef.current === state.service.value && addonsValueRef.current === state.addons.value || !((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length)) {
+        return;
+      }
+      if (isBooking4Shop) {
+        const val = shopDiscount.calcDiscount([
+          ...state.service.value,
+          ...state.addons.value
+        ]);
+        console.log("input: ", state.service.value);
+        console.log("output: ", val);
+        productListToValue(val.productList);
+      }
+    },
+    { wait: 500 }
+  );
+  (0, import_react.useEffect)(() => {
+    run();
+  }, [JSON.stringify(serviceMemo), JSON.stringify(addonsMemo), isBooking4Shop]);
+  const fn = (0, import_ahooks.useMemoizedFn)((result) => {
+    var _a2;
+    if (!(result == null ? void 0 : result.productList) || ((_a2 = result == null ? void 0 : result.productList) == null ? void 0 : _a2.some((item) => !item))) {
+      return;
+    }
+    productListToValue(result.productList);
+  });
+  (0, import_react.useEffect)(() => {
+    if (!isBooking4Shop) return;
+    const onScanCustomerChange = (customer) => {
+      dispatch({
+        type: "setClient",
+        payload: {
+          value: customer
+        }
+      });
+    };
+    const onDiscountListChange = (discount) => {
+      setDisCountList(discount);
+    };
+    pisellos.effects.on(
+      ShopDiscountHooks.onScanCustomerChange,
+      onScanCustomerChange
+    );
+    pisellos.effects.on(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
+    pisellos.effects.on(
+      ShopDiscountHooks.onDiscountListChange,
+      onDiscountListChange
+    );
+    return () => {
+      shopDiscount.clear();
+      pisellos.effects.off(
+        ShopDiscountHooks.onCustomerChange,
+        onScanCustomerChange
+      );
+      pisellos.effects.off(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
+      pisellos.effects.off(
+        ShopDiscountHooks.onDiscountListChange,
+        onDiscountListChange
+      );
+    };
+  }, [state.bookingId, isBooking4Shop, fn]);
+  const productListToValue = (0, import_ahooks.useMemoizedFn)((list, edit) => {
+    const { serviceList, addonsList } = (0, import_utils2.getServiceAddons)(list);
+    serviceValueRef.current = serviceList;
+    addonsValueRef.current = addonsList;
+    let other = {};
+    if (edit) {
+      other = {
+        edit: true
+      };
+    }
+    dispatch({
+      type: "setService",
+      payload: {
+        value: serviceList,
+        ...other
+      }
+    });
+    dispatch({
+      type: "setAddons",
+      payload: {
+        value: addonsList,
+        ...other
+      }
+    });
+  });
+  const onScanCode = async () => {
+    const val = await shopDiscount.scanCode(code);
+    console.log(val);
+    if (val == null ? void 0 : val.isAvailable) {
+      productListToValue(val.productList, true);
+      setCode("");
+    } else {
+      (0, import_materials.PisellToast)({
+        content: val.type === "server" ? import_utils.locales.getText("pisell2.text.goodpass.code-invalid") : import_utils.locales.getText("pisell2.text.goodpass.code-invalid-cart")
+      });
+    }
+  };
+  const availableData = (0, import_react.useMemo)(() => {
+    if (!isBooking4Shop) return [];
+    const shopDiscount2 = pisellos.getModule("shopDiscount");
+    return discountList.filter((item) => !!item.isAvailable).map((discount) => {
+      return {
+        ...discount,
+        isDisabled: discount.isDisabled || discount.isDisabledForProductUsed || disabled,
+        savedAmount: shopDiscount2.calcDiscountApplicableProductTotalPrice(discount)
+      };
+    });
+  }, [discountList, isBooking4Shop, disabled]);
+  if (!isBooking4Shop) return null;
+  const mixedSort = (val) => {
+    return [...val].sort((a, b) => {
+      return Number(b == null ? void 0 : b.isSelected) - Number(a == null ? void 0 : a.isSelected);
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: "voucher-title-right",
+      onClick: () => {
+        console.log("showDetail: ", showDetail);
+        setShowDetail(!showDetail);
+      }
+    },
+    import_utils.locales.getText("pisell2.text.details"),
+    " ",
+    /* @__PURE__ */ import_react.default.createElement(
+      import_ChevronDown.default,
+      {
+        className: (0, import_classnames.default)("voucher-right-icon", {
+          show: showDetail
+        })
+      }
+    )
+  )), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("voucher-detail", {
+        show: showDetail
+      })
+    },
+    (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellGoodPassCard,
+      {
+        style: { width: "100%" },
+        mixedSort,
+        dataSource: ((_d = (_c = state.service) == null ? void 0 : _c.value) == null ? void 0 : _d.length) ? availableData : [],
+        onChange: (val) => {
+          const shopDiscount2 = pisellos.getModule("shopDiscount");
+          const detail = shopDiscount2.setDiscountSelected({
+            discountId: val.id,
+            isSelected: val.isSelected
+          });
+          console.log("setDiscountSelected:", detail);
+          productListToValue(detail.productList, true);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { whiteSpace: "nowrap" } }, import_utils.locales.getText("pisell2.text.goodpass.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellInput,
+      {
+        value: code,
+        onChange: (e) => {
+          var _a2;
+          setCode((_a2 = e.target) == null ? void 0 : _a2.value);
+        },
+        size: "small",
+        allowClear: true,
+        placeholder: import_utils.locales.getText("pisell2.text.goodpass.enter-code")
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: onScanCode, disabled: !code }, import_utils.locales.getText("pisell2.text.apply")))
+  ));
+};
+var voucher_default = VoucherCard;

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

@@ -0,0 +1,87 @@
+.pisell-lowcode__booking-footer-voucher-container {
+  margin-bottom: 8px;
+  .voucher-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .voucher-title-left {
+      color: var(--base-black, #000);
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 28px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .voucher-title-right {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      color: #7f56d9;
+      cursor: pointer;
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+    }
+
+    .voucher-right-icon {
+      font-size: 20px;
+      width: 24px;
+      height: 24px;
+      color: #7f56d9;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &.show {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  .voucher-detail {
+    width: 100%;
+    transition: 0.2s;
+    max-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    &.show {
+      max-height: unset;
+    }
+  }
+
+  .voucher-code-input-wrapper {
+    margin-top: 6px;
+    display: flex;
+    width: 100%;
+    height: 42px;
+    padding: 8px;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+  }
+
+  .voucher-code-input {
+    display: flex;
+    align-items: center;
+    > div {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+      margin-right: 8px;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,43 @@
+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/components/voucher/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getServiceAddons: () => getServiceAddons
+});
+module.exports = __toCommonJS(utils_exports);
+var getServiceAddons = (list) => {
+  const serviceList = [];
+  const addonsList = [];
+  list.forEach((item) => {
+    if (item.isAddons) {
+      addonsList.push(item);
+    } else {
+      serviceList.push(item);
+    }
+  });
+  return {
+    serviceList,
+    addonsList
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getServiceAddons
+});

package/lib/components/booking/deposit/DepositItem/index.js

@@ -83,6 +83,7 @@ var DepositItem = (props) => {
   const items = [
     {
       key: "send",
+      disabled: isPaid || isBookingCancelled,
       label: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.send-mail"))
     },
     {

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

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

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

@@ -93,7 +93,8 @@ var Deposit = (props) => {
           setState({
             bookingDetail: {
               ...bookingDetail,
-              deposit_amount: 0
+              deposit_amount: 0,
+              is_deposit: 0
             }
           });
           callback == null ? void 0 : callback({ order_id: bookingId, afterCloseUpdate: true });
@@ -106,7 +107,7 @@ var Deposit = (props) => {
   }, [globalState]);
   const depositList = (0, import_react.useMemo)(() => {
     if (!bookingId) return [];
-    if (Number(bookingDetail == null ? void 0 : bookingDetail.deposit_amount) === 0) return [];
+    if ((bookingDetail == null ? void 0 : bookingDetail.is_deposit) === 0) return [];
     return [
       {
         customer: bookingDetail == null ? void 0 : bookingDetail.customer,
@@ -162,7 +163,8 @@ var Deposit = (props) => {
       setState({
         bookingDetail: {
           ...bookingDetail,
-          deposit_amount: amount
+          deposit_amount: amount,
+          is_deposit: 1
         }
       });
       callback == null ? void 0 : callback({ order_id: bookingId, afterCloseUpdate: true });

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

@@ -0,0 +1,6 @@
+interface FooterProps {
+    state: any;
+    reload: () => void;
+}
+declare const Footer: ({ state, reload }: FooterProps) => JSX.Element | null;
+export default Footer;

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

@@ -0,0 +1,81 @@
+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/forms/footer.tsx
+var footer_exports = {};
+__export(footer_exports, {
+  default: () => footer_default
+});
+module.exports = __toCommonJS(footer_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_useSendModal = __toESM(require("./sendModal/useSendModal"));
+var import_sendModal = __toESM(require("./sendModal"));
+var import_utils = require("@pisell/utils");
+var Footer = ({ state, reload }) => {
+  var _a, _b, _c, _d, _e;
+  const { open, setOpen, handleOpen, handleValuesChange, handleOk } = (0, import_useSendModal.default)(state == null ? void 0 : state.bookingId);
+  const handleReload = async () => {
+    await reload();
+    import_materials.message.success(import_utils.locales.getText("pisell2.text.send-form-reminder-refresh"));
+  };
+  const isAllCompleted = (0, import_react.useMemo)(() => {
+    var _a2;
+    return Object.values(((_a2 = state == null ? void 0 : state.form) == null ? void 0 : _a2.value) || {}).every(
+      (item) => item.length > 0
+    );
+  }, [(_a = state == null ? void 0 : state.form) == null ? void 0 : _a.value]);
+  const defaultValues = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j;
+    return {
+      sendSms: !!((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.phone),
+      sendEmail: !!((_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.email),
+      email: (_f = (_e2 = state.client) == null ? void 0 : _e2.value) == null ? void 0 : _f.email,
+      phone: {
+        code: (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.country_calling_code,
+        phone: (_j = (_i = state.client) == null ? void 0 : _i.value) == null ? void 0 : _j.phone
+      }
+    };
+  }, [(_b = state.client) == null ? void 0 : _b.value]);
+  if (!state.bookingId || !((_c = state == null ? void 0 : state.form) == null ? void 0 : _c.forms.length)) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-form-footer" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Tooltip, { title: import_utils.locales.getText("pisell2.text.send-form-reminder-tooltip") }, /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { size: "large", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ReloadOutlined, null), onClick: handleReload })), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { size: "large", block: true, type: "primary", onClick: handleOpen, disabled: isAllCompleted }, !isAllCompleted ? import_utils.locales.getText("pisell2.text.send-form-reminder") : import_utils.locales.getText("pisell2.text.send-form-reminder-completed")), /* @__PURE__ */ import_react.default.createElement(
+    import_sendModal.default,
+    {
+      refreshKey: (_e = (_d = state.client) == null ? void 0 : _d.value) == null ? void 0 : _e.id,
+      open,
+      onCancel: () => setOpen(false),
+      onOk: handleOk,
+      onValuesChange: handleValuesChange,
+      defaultValues
+    }
+  ));
+};
+var footer_default = Footer;

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

@@ -13,6 +13,10 @@ export interface InfoProps {
     loading?: boolean;
     addButtonProps?: any;
     drawerProps?: any;
+    isMinorAndWaiver?: boolean;
+    waiverForm?: any;
+    addCallbackService?: () => void;
+    getHolders?: () => void;
 }
 /**
  * @title: 表单模块

package/lib/components/booking/forms/forms.js

@@ -54,12 +54,16 @@ var Forms = (0, import_model.Provider)((props) => {
     client,
     loading,
     addButtonProps,
-    drawerProps
+    drawerProps,
+    isMinorAndWaiver,
+    waiverForm,
+    addCallbackService,
+    getHolders
   } = props;
   const onAction = (0, import_ahooks.useMemoizedFn)(
     async (formDataConfig, isAdd) => {
       let _data = {
-        formDataConfig: { ...formDataConfig }
+        formDataConfig: isMinorAndWaiver ? { ...waiverForm, customer_id: client == null ? void 0 : client.id, is_franchisor: formDataConfig.is_franchisor } : { ...formDataConfig }
       };
       if (formDataConfig.data_range === "customer" && !(0, import_utils2.isWalkIn)(client == null ? void 0 : client.id)) {
         _data.customerId = client.id;
@@ -68,6 +72,11 @@ var Forms = (0, import_model.Provider)((props) => {
         type: "pisell1.goCustomFormAddData",
         data: _data,
         callback: (res) => {
+          if (isMinorAndWaiver) {
+            addCallbackService == null ? void 0 : addCallbackService();
+            getHolders == null ? void 0 : getHolders();
+            return;
+          }
           let obj = {};
           for (let item of res) {
             obj[item.key] = item.value;
@@ -195,7 +204,8 @@ var Forms = (0, import_model.Provider)((props) => {
     addButtonProps,
     customSelectProps,
     optionRender,
-    drawerProps
+    drawerProps,
+    addCallbackService
   ]);
 });
 var forms_default = Forms;

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

@@ -1,4 +1,4 @@
-import "./index.less";
+import './index.less';
 export interface InfoProps {
     title?: string;
     style?: any;

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

@@ -42,9 +42,10 @@ var import_utils = require("@pisell/utils");
 var import_forms = __toESM(require("./forms"));
 var import_utils2 = require("../utils");
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_footer = __toESM(require("./footer"));
 var relation_type = "appointment_booking";
 var Forms = (0, import_model.Provider)((props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { globalState } = props;
   const [loading, setLoading] = (0, import_react.useState)(true);
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
@@ -215,7 +216,8 @@ var Forms = (0, import_model.Provider)((props) => {
     {
       header: import_utils.locales.getText("pisell2.text.forms"),
       loading: loading && globalState.bookingId,
-      bodyClassName: "booking-forms-body"
+      bodyClassName: "booking-forms-body",
+      footer: state.bookingId && ((_i = state == null ? void 0 : state.form) == null ? void 0 : _i.forms.length) && /* @__PURE__ */ import_react.default.createElement(import_footer.default, { state: globalState, reload: geForms })
     },
     !globalState.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_emptyBooking.default, null) : /* @__PURE__ */ import_react.default.createElement(
       import_forms.default,

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

@@ -16,4 +16,11 @@
 
   .booking-forms-body {
     padding-bottom: 32px !important;
+  }
+  .pisell-lowcode-send-form-wrap {
+    padding: 24px 0;
+  }
+  .pisell-lowcode__booking-form-footer {
+    display: flex;
+    gap: 8px;
   }