npm - @pisell/private-materials - Versions diffs - 3.0.13 → 3.0.14-2.gray - Mend

@pisell/private-materials 3.0.13 → 3.0.14-2.gray

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1051) hide show

package/lib/components/booking/info/header/index.js CHANGED Viewed

@@ -36,9 +36,19 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
 var import_icons = require("@ant-design/icons");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
 var header = ({ state, dispatch }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f;
+  const context = (0, import_useEngineContext.default)();
+  const [modalContent, setModalContent] = (0, import_react.useState)({
+    open: false,
+    children: "",
+    footer: null,
+    title: /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { height: 14 } })
+  });
+  const { isTerminal, interaction, store, storage } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const statusList = [
     {
       label: import_utils.locales.getText("pisell2.text.status.new"),
@@ -61,12 +71,12 @@ var header = ({ state, dispatch }) => {
       color: "#155EEF"
     },
     {
-      label: import_utils.locales.getText("pisell2.text.status.cancelled"),
+      label: /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#D92D20" } }, import_utils.locales.getText("pisell2.text.status.cancelled")),
       key: "cancelled",
       color: "#DC6803"
     },
     {
-      label: import_utils.locales.getText("pisell2.text.status.no_show"),
+      label: /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#D92D20" } }, import_utils.locales.getText("pisell2.text.status.no_show")),
       key: "no_show",
       color: "#D92D20"
     },
@@ -80,7 +90,9 @@ var header = ({ state, dispatch }) => {
     online_store: import_utils.locales.getText("pisell2.text.order.sales.channel.online"),
     pos: import_utils.locales.getText("pisell2.text.order.sales.channel.pos-terminal"),
     boxlocal: import_utils.locales.getText("pisell2.text.order.sales.channel.boxcocal"),
-    "table-order": import_utils.locales.getText("pisell2.text.order.sales.channel.tableorder"),
+    "table-order": import_utils.locales.getText(
+      "pisell2.text.order.sales.channel.tableorder"
+    ),
     google_reserve: import_utils.locales.getText("pisell2.text.order.sales.channel.reserve")
   };
   const getStatusMap = () => {
@@ -91,13 +103,14 @@ var header = ({ state, dispatch }) => {
     return obj;
   };
   const statusMps = getStatusMap();
-  const items = statusList;
+  const items = (0, import_react.useMemo)(() => {
+    return statusList.filter((item) => item.key !== state.appointment_status);
+  }, [statusList]);
   const currentStatus = (0, import_react.useMemo)(() => {
     let status = state.appointment_status;
     return statusMps[status] || statusMps["new"];
   }, [state.appointment_status]);
-  const onSelect = async (e) => {
-    const status = e.key;
+  const setBookingStatus = async (status) => {
     dispatch({
       type: "setStatus",
       payload: status
@@ -108,14 +121,248 @@ var header = ({ state, dispatch }) => {
     import_antd.message.success(import_utils.locales.getText("pisell1.text.edit-status-success"));
     state == null ? void 0 : state.callback({ order_id: state.bookingId });
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  const onSelect = async (e) => {
+    if (e.key === "cancelled") {
+      handleCancel();
+      return;
+    }
+    await setBookingStatus(e.key);
+  };
+  const setModalContentState = (values) => {
+    setModalContent({ ...modalContent, ...values });
+  };
+  const goCheckout = async () => {
+    var _a2, _b2;
+    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",
+        key: "booking_checkout",
+        data: {
+          order_id: state.bookingId,
+          callbackType: "pisell2"
+        }
+      });
+    }
+    state.action({
+      type: "pisell1.handlePayment",
+      data: {
+        orderId: state.bookingId
+      },
+      callback: () => {
+        state == null ? void 0 : state.callback();
+      }
+    });
+  };
+  const isPaid = (0, import_react.useMemo)(() => {
+    return ["partially_paid", "paid"].find(
+      (d) => {
+        var _a2;
+        return d === ((_a2 = state.bookingDetail) == null ? void 0 : _a2.payment_status);
+      }
+    );
+  }, [(_b = state.bookingDetail) == null ? void 0 : _b.payment_status]);
+  const isTicket = (0, import_react.useMemo)(() => {
+    var _a2;
+    return (((_a2 = state.service) == null ? void 0 : _a2.value) || []).some(
+      (d) => ["appointment_ticket", "product_package_ticket", "ticket"].includes(
+        d.extension_type
+      )
+    );
+  }, [(_c = state.service) == null ? void 0 : _c.value]);
+  const paymentProcessingPayment = (type) => {
+    var _a2;
+    const payments = ((_a2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _a2.payments) || [];
+    const status = ["payment_processing"];
+    const payment_method = ["BANK_DEPOSIT"];
+    if (type === "bank") {
+      return !!(payments == null ? void 0 : payments.find(
+        (item) => status.includes(item == null ? void 0 : item.status) && payment_method.includes(item == null ? void 0 : item.payment_method)
+      ));
+    }
+    return !!(payments == null ? void 0 : payments.find((item) => status.includes(item == null ? void 0 : item.status)));
+  };
+  const handleCancel = () => {
+    if (paymentProcessingPayment("bank")) {
+      return showPaymentModal();
+    }
+    if (paymentProcessingPayment()) {
+      return showCancelCalendarModal();
+    }
+    return showCancelledModal();
+  };
+  const handleRefund = () => {
+    var _a2, _b2;
+    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",
+        key: "booking_refund",
+        data: {
+          order_id: state.bookingId
+        },
+        origin: "/booking"
+      });
+    }
+    state.action({
+      type: "pisell1.handleRefund",
+      data: {
+        orderId: state.bookingId
+      },
+      callback: () => {
+        state == null ? void 0 : state.callback({ order_id: state.bookingId });
+      }
+    });
+  };
+  const showPaymentModal = () => {
+    setModalContentState({
+      className: "go-payments-modal-wrap",
+      open: true,
+      width: 480,
+      onCancel: () => {
+        setModalContentState({ open: false });
+      },
+      children: /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content-title" }, import_utils.locales.getText("page.booking.text.unconfirmed-payments")), /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content-desc" }, import_utils.locales.getText("page.booking.text.unconfirmed-payments.msg")), /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-footer" }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "go-payments-footer-btn",
+          size: "large",
+          onClick: () => {
+            setModalContentState({ open: false });
+          }
+        },
+        import_utils.locales.getText("page.booking.text.go-back")
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "go-payments-footer-btn",
+          type: "primary",
+          size: "large",
+          onClick: () => {
+            goCheckout();
+            setModalContentState({ open: false });
+          }
+        },
+        import_utils.locales.getText("page.booking.text.go-to-payments")
+      ))),
+      footer: null
+    });
+  };
+  const showCancelCalendarModal = () => {
+    setModalContentState({
+      className: "go-payments-modal-wrap",
+      open: true,
+      width: 480,
+      onCancel: () => {
+        setModalContentState({ open: false });
+      },
+      children: /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content-title" }, import_utils.locales.getText("page.booking.text.cancel-booking")), /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content-desc" }, import_utils.locales.getText("page.booking.text.cancel.calendar.msg")), /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-footer" }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "go-payments-footer-btn",
+          size: "large",
+          onClick: () => {
+            setModalContentState({ open: false });
+          }
+        },
+        import_utils.locales.getText("page.booking.text.go-back")
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "go-payments-footer-btn",
+          type: "primary",
+          size: "large",
+          onClick: () => {
+            setBookingStatus("cancelled");
+            setModalContentState({ open: false });
+          }
+        },
+        import_utils.locales.getText("page.booking.text.cancel-booking")
+      ))),
+      footer: null
+    });
+  };
+  const showCancelledModal = () => {
+    const cancelBtn = /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "go-payments-footer-btn",
+        size: "large",
+        type: "primary",
+        onClick: () => {
+          setBookingStatus("cancelled");
+          setModalContentState({ open: false });
+        }
+      },
+      import_utils.locales.getText("page.booking.text.cancel-only")
+    );
+    const refundBtn = /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "go-payments-footer-btn",
+        size: "large",
+        danger: true,
+        ghost: true,
+        onClick: () => {
+          handleRefund();
+          setModalContentState({ open: false });
+        }
+      },
+      import_utils.locales.getText("page.booking.text.refund")
+    );
+    const okBtn = /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "go-payments-footer-btn",
+        size: "large",
+        type: "primary",
+        onClick: () => {
+          setBookingStatus("cancelled");
+          setModalContentState({ open: false });
+        }
+      },
+      import_utils.locales.getText("page.booking.text.confirm")
+    );
+    const backBtn = /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "go-payments-footer-btn",
+        size: "large",
+        onClick: () => {
+          setModalContentState({ open: false });
+        }
+      },
+      import_utils.locales.getText("page.booking.text.go-back")
+    );
+    setModalContentState({
+      className: "go-payments-modal-wrap",
+      open: true,
+      width: 480,
+      onCancel: () => {
+        setModalContentState({ open: false });
+      },
+      children: /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "cancelled-modal-content-title" }, import_utils.locales.getText("page.booking.text.cancel-booking")), /* @__PURE__ */ import_react.default.createElement("div", { className: "cancelled-modal-content-desc cancelled-modal-content-desc-red" }, import_utils.locales.getText("page.booking.text.cancel-booking.msg")), isTicket ? /* @__PURE__ */ import_react.default.createElement("div", { className: "cancelled-modal-content-desc" }, import_utils.locales.getText("page.booking.text.disabled-tickets")) : null, isPaid ? /* @__PURE__ */ import_react.default.createElement("div", { className: "cancelled-modal-content-list-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "cancelled-modal-content-list-title" }, import_utils.locales.getText("page.booking.text.paid.msg")(isPaid), " ", import_utils.locales.getText("page.booking.text.please-choose-an-option")), /* @__PURE__ */ import_react.default.createElement("ul", { className: "cancelled-modal-content-ul" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "cancelled-modal-content-li" }, import_utils.locales.getText(
+        "page.booking.text.please-choose-an-option-2"
+      )), /* @__PURE__ */ import_react.default.createElement("li", { className: "cancelled-modal-content-li" }, import_utils.locales.getText(
+        "page.booking.text.please-choose-an-option-1"
+      )))) : null, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)("go-payments-footer", {
+            "go-payments-footer-column": isPaid
+          })
+        },
+        isPaid ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, cancelBtn, refundBtn, backBtn) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, backBtn, okBtn)
+      )),
+      footer: null
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "booking-header",
       style: { backgroundColor: currentStatus.color }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-order-sales-channel" }, orderSalesChannel[(_a = state.bookingDetail) == null ? void 0 : _a.order_sales_channel] || ""),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-header-line-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-header-left" }, import_utils.locales.getText("pisell2.text.status.booking_id"), ":", " ", ((_c = (_b = state.bookingDetail) == null ? void 0 : _b.bookings) == null ? void 0 : _c.booking_id) || "-"), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-header-right" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-order-sales-channel" }, orderSalesChannel[(_d = state.bookingDetail) == null ? void 0 : _d.order_sales_channel] || ""),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-header-line-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-header-left" }, import_utils.locales.getText("pisell2.text.status.booking_id"), ":", " ", ((_f = (_e = state.bookingDetail) == null ? void 0 : _e.bookings) == null ? void 0 : _f.booking_id) || "-"), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-header-right" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: { items, onClick: onSelect },
@@ -123,6 +370,6 @@ var header = ({ state, dispatch }) => {
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-header-right-status" }, currentStatus.label, state.appointment_status !== "cancelled" ? /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, { className: "booking-header-right-status-icon" }) : null)
     )))
-  );
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Modal, { ...modalContent }));
 };
 var header_default = header;

package/lib/components/booking/info/header/index.less CHANGED Viewed

@@ -25,7 +25,8 @@
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
-    line-height: 20px; /* 142.857% */
+    line-height: 20px;
+    /* 142.857% */
   }
   .booking-header-line-2 {
@@ -34,6 +35,7 @@
     align-items: center;
     justify-content: space-between;
   }
   .booking-header-left {
     color: var(--Base-White, #FFF);
     font-size: 18px;
@@ -46,15 +48,128 @@
       display: flex;
       align-items: center;
       gap: 10px;
-      color: var(--Base-White, #FFF);
+      color: var(--Base-White, #FFF) !important;
       font-size: 18px;
       font-style: normal;
       font-weight: 400;
       cursor: pointer;
+      border: 1px solid #fff;
+      padding: 4px 12px;
+      border-radius: 24px;
+      span {
+        color: var(--Base-White, #FFF) !important;
+      }
       .booking-header-right-status-icon {
         font-size: 20px;
       }
     }
   }
+}
+.go-payments-modal-wrap {
+  padding: 0;
+}
+.go-payments-modal-content {
+  margin: 0 -24px;
+  .go-payments-modal-content-title {
+    color: var(--Gray-900, #101828);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    padding: 0 24px;
+  }
+  .go-payments-modal-content-desc {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+    padding: 0 24px;
+    margin-top: 4px;
+  }
+  .cancelled-modal-content-title {
+    color: var(--Gray-900, #101828);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    padding: 0 24px;
+  }
+  .cancelled-modal-content-desc {
+    margin-top: 4px;
+    color: #101828;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+    padding: 0 24px;
+    &.cancelled-modal-content-desc-red {
+      color: var(--Error-600, #D92D20);
+    }
+  }
+  .cancelled-modal-content-list-wrap {
+    padding: 0 24px;
+    .cancelled-modal-content-list-title {
+      color: var(--Gray-900, #101828);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 24px;
+      margin-top: 4px;
+    }
+    .cancelled-modal-content-ul {
+      margin-top: 4px;
+      .cancelled-modal-content-li {
+        color: var(--Gray-900, #101828);
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+      }
+    }
+  }
+  .go-payments-footer {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    border-top: 1px solid var(--Gray-200, #EAECF0);
+    margin-top: 16px;
+    padding: 24px 24px 4px;
+    width: 100%;
+    .go-payments-footer-btn {
+      flex: 1;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+    }
+    &.go-payments-footer-column {
+      flex-direction: column;
+      gap: 12px;
+      .go-payments-footer-btn {
+        width: 100%;
+      }
+    }
+  }
 }

package/lib/components/booking/info/index.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => JSX.Element;
+declare const Info: any;
 export default Info;

package/lib/components/booking/info/index.js CHANGED Viewed

@@ -46,7 +46,10 @@ var import_locales = __toESM(require("../locales"));
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../utils");
 var import_date2 = require("./date");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_notes = __toESM(require("./notes"));
 var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
 var defaultModules = {
   client: 1,
   date: 1,
@@ -56,9 +59,11 @@ var defaultModules = {
 };
 import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
 var Info = (0, import_model.Provider)((props) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { style, globalState, modules = defaultModules, slot } = props;
   const modal = (0, import_react.useContext)(import_model.Context);
+  const context = (0, import_useEngineContext.default)();
+  import_utils2.request.setRequest(context.appHelper.utils.request);
   const params = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     return ((_d2 = (_c2 = (_b2 = (_a2 = modal.state) == null ? void 0 : _a2.bookingConfig) == null ? void 0 : _b2.config) == null ? void 0 : _c2.basic) == null ? void 0 : _d2.appointment_subject) || {};
@@ -79,14 +84,19 @@ var Info = (0, import_model.Provider)((props) => {
     }
   }, []);
   (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m;
+    const isFranchisee = (_d2 = (_c2 = (_b2 = (_a2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.businessUtils) == null ? void 0 : _c2.getAppByModal) == null ? void 0 : _d2.call(_c2, "franchisee");
     modal.dispatch({
       type: "setState",
       payload: {
         setGlobalState: props.setGlobalState,
-        ...globalState
+        ...globalState,
+        isTerminal: (_g2 = (_f2 = (_e2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _e2.utils) == null ? void 0 : _f2.isTerminal) == null ? void 0 : _g2.call(_f2),
+        isFranchisee,
+        timezone: (_m = (_l = (_k = (_j = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j.getState()) == null ? void 0 : _k.global) == null ? void 0 : _l.globalConfig) == null ? void 0 : _m.timezone
       }
     });
-  }, [globalState]);
+  }, [JSON.stringify(globalState)]);
   const addNote = (e) => {
     modal.dispatch({
       type: "setNotes",
@@ -96,11 +106,34 @@ var Info = (0, import_model.Provider)((props) => {
       }
     });
   };
+  const header = (0, import_react.useMemo)(() => {
+    if ((globalState == null ? void 0 : globalState.renderType) === "eventBooking") {
+      return import_utils.locales.getText("pisell2.text.enroll.detail");
+    }
+    return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { height: 0 } });
+  }, [
+    globalState == null ? void 0 : globalState.bookingId,
+    modal.state,
+    modal.dispatch,
+    globalState == null ? void 0 : globalState.renderType
+  ]);
+  const notes = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    if (!modules.note) {
+      return null;
+    }
+    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote, onChange: addNote });
+  }, [
+    modules.note,
+    globalState == null ? void 0 : globalState.bookingId,
+    globalState.render,
+    (_f = (_e = modal.state) == null ? void 0 : _e.notes) == null ? void 0 : _f.orderNote
+  ]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !!modal.state.setGlobalState ? /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
       style,
-      header: (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : import_utils.locales.getText("pisell2.text.new-appointment"),
+      header,
       footer: /* @__PURE__ */ import_react.default.createElement(
         import_footer.default,
         {
@@ -109,15 +142,14 @@ var Info = (0, import_model.Provider)((props) => {
           source: "info"
         }
       ),
-      bodyClassName: "booking-info-warp"
+      style: {
+        height: ((_h = (_g = context == null ? void 0 : context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.isMobile) ? "100%" : "100vh"
+      },
+      bodyClassName: (0, import_classnames.default)("booking-info-warp", {
+        ["create-booking-page-info-wrap"]: modal.state.isBookingCreatePage
+      })
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_e = modal.state) == null ? void 0 : _e.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, modules.service ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, modal.state.date.value ? /* @__PURE__ */ import_react.default.createElement(import_service.default, null) : null) : null, modules.note ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (globalState == null ? void 0 : globalState.bookingId) ? null : /* @__PURE__ */ import_react.default.createElement(
-      import_addNote.default,
-      {
-        value: modal.state.notes.orderNote,
-        onChange: addNote
-      }
-    )) : null, slot ? slot : null)
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_i = modal.state) == null ? void 0 : _i.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, modules.service ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, modal.state.date.value ? /* @__PURE__ */ import_react.default.createElement(import_service.default, null) : null) : null, notes, slot ? slot : null)
   ) : null);
 });
 var info_default = Info;

package/lib/components/booking/info/index.less CHANGED Viewed

@@ -15,4 +15,13 @@
   //   height: 42px;
   //   background: #069456;
   // }
+}
+#create-booking-page-info-wrap {
+  .pisell-lowcode__booking-tab-pane-footer {
+    padding: 12px 16px !important;
+  }
+}
+.create-booking-page-info-wrap {
+  position: initial !important;
+  padding: 0 16px !important;
 }

package/lib/components/booking/info/model.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
-import { FormState } from "../model";
+/// <reference types="react" />
+import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/info/model.js CHANGED Viewed

@@ -25,6 +25,7 @@ __export(model_exports, {
 });
 module.exports = __toCommonJS(model_exports);
 var import_utils = require("@pisell/utils");
+var import_utils2 = require("./utils");
 var walkInData = {
   id: 1,
   nickname: "Select a customer"
@@ -33,18 +34,18 @@ var defaultState = {};
 var { Provider, Context } = (0, import_utils.miniRedux)({
   namespace: "state",
   state: defaultState,
-  reducers: {
-    setStateFn(state, payload) {
-      return { ...state, ...payload };
-    },
-    setState(state, payload) {
-      return { ...state, ...payload };
-    },
+  effects: {
     setClient(state, payload) {
       state.setGlobalState({ client: { ...state.client, ...payload } });
     },
     setService(state, payload) {
-      state.setGlobalState({ service: { ...state.service, ...payload } });
+      let obj = {};
+      if (payload.value) {
+        obj.value = (0, import_utils2.formatServiceListByTime)(payload.value);
+      }
+      state.setGlobalState({
+        service: { ...state.service, ...payload, ...obj }
+      });
     },
     setDate(state, payload) {
       state.setGlobalState({ date: { ...state.date, ...payload } });
@@ -76,6 +77,14 @@ var { Provider, Context } = (0, import_utils.miniRedux)({
       }
       state.setGlobalState(_val);
     }
+  },
+  reducers: {
+    setStateFn(state, payload) {
+      return { ...state, ...payload };
+    },
+    setState(state, payload) {
+      return { ...state, ...payload };
+    }
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/booking/info/notes/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Notes: () => React.JSX.Element | null;
+export default Notes;