@pisell/private-materials 3.0.119 → 3.0.120

package/es/components/booking/info/header/index.less

@@ -48,7 +48,7 @@
       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;
@@ -57,10 +57,119 @@
       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/es/components/booking/info/service/addService/index.js

@@ -303,7 +303,9 @@ var Info = function Info(_ref) {
 
     // 如果弹窗打开,并且是创建, 则自动打开选择服务的弹窗
     if (state.modalOpen && !state.bookingId && state.renderType !== 'eventBooking' && ((_state$service4 = state.service) === null || _state$service4 === void 0 ? void 0 : (_state$service4$value = _state$service4.value) === null || _state$service4$value === void 0 ? void 0 : _state$service4$value.length) === 0) {
-      handleSelectService();
+      setTimeout(function () {
+        handleSelectService();
+      }, 10);
     }
   }, [state.modalOpen, state.bookingId, (_state$service5 = state.service) === null || _state$service5 === void 0 ? void 0 : _state$service5.value]);
   var showAddButton = useMemo(function () {

package/es/components/booking/info/service/editService/index.js

@@ -560,7 +560,9 @@ var Info = function Info(_, ref) {
     };
   }();
   useEffect(function () {
-    getResourcesData();
+    setTimeout(function () {
+      getResourcesData();
+    }, 20);
   }, [state.date.value]);
 
   /**

package/es/components/booking/locales.d.ts

@@ -172,6 +172,20 @@ declare const _default: {
             list: any[];
         }) => string;
         'page.event.booking.text.duplicate-enrollment-confirm': string;
+        'page.booking.text.unconfirmed-payements': string;
+        'page.booking.text.unconfirmed-payements.msg': string;
+        'page.booking.text.go-to-payments': string;
+        'page.booking.text.cancel-only': string;
+        'page.booking.text.refund': string;
+        'page.booking.text.confirm': string;
+        'page.booking.text.go-back': string;
+        'page.booking.text.cancel-booking': string;
+        'page.booking.text.cancel-booking.msg': string;
+        'page.booking.text.disabled-tickets': string;
+        'page.booking.text.paid.msg': (x: string) => string;
+        'page.booking.text.please-choose-an-option': string;
+        'page.booking.text.please-choose-an-option-1': string;
+        'page.booking.text.please-choose-an-option-2': string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -346,6 +360,20 @@ declare const _default: {
             list: any[];
         }) => string;
         'page.event.booking.text.duplicate-enrollment-confirm': string;
+        'page.booking.text.unconfirmed-payements': string;
+        'page.booking.text.unconfirmed-payements.msg': string;
+        'page.booking.text.go-to-payments': string;
+        'page.booking.text.cancel-only': string;
+        'page.booking.text.refund': string;
+        'page.booking.text.confirm': string;
+        'page.booking.text.go-back': string;
+        'page.booking.text.cancel-booking': string;
+        'page.booking.text.cancel-booking.msg': string;
+        'page.booking.text.disabled-tickets': string;
+        'page.booking.text.paid.msg': (x: string) => string;
+        'page.booking.text.please-choose-an-option': string;
+        'page.booking.text.please-choose-an-option-1': string;
+        'page.booking.text.please-choose-an-option-2': string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -520,6 +548,20 @@ declare const _default: {
             list: any[];
         }) => string;
         'page.event.booking.text.duplicate-enrollment-confirm': string;
+        'page.booking.text.unconfirmed-payements': string;
+        'page.booking.text.unconfirmed-payements.msg': string;
+        'page.booking.text.go-to-payments': string;
+        'page.booking.text.cancel-only': string;
+        'page.booking.text.refund': string;
+        'page.booking.text.confirm': string;
+        'page.booking.text.go-back': string;
+        'page.booking.text.cancel-booking': string;
+        'page.booking.text.cancel-booking.msg': string;
+        'page.booking.text.disabled-tickets': string;
+        'page.booking.text.paid.msg': (x: string) => string;
+        'page.booking.text.please-choose-an-option': string;
+        'page.booking.text.please-choose-an-option-1': string;
+        'page.booking.text.please-choose-an-option-2': string;
     };
 };
 export default _default;

package/es/components/booking/locales.js

@@ -58,7 +58,7 @@ export default {
     'pisell2.text.status.confirmed': 'Confirmed',
     'pisell2.text.status.arrived': 'Arrived',
     'pisell2.text.status.started': 'Started',
-    'pisell2.text.status.cancelled': 'Cancelled',
+    'pisell2.text.status.cancelled': 'Cancel',
     'pisell2.text.status.no_show': 'No show',
     'pisell2.text.status.completed': 'Completed',
     'pisell2.text.status.booking_id': 'Booking ID',
@@ -197,7 +197,23 @@ export default {
       });
       return "".concat(customerName || '', " has already enrolled in the ").concat(title, " ").concat(listStr.join(','), ", Are you sure you want to enroll again\uFF1F");
     },
-    'page.event.booking.text.duplicate-enrollment-confirm': 'Confirm'
+    'page.event.booking.text.duplicate-enrollment-confirm': 'Confirm',
+    'page.booking.text.unconfirmed-payements': 'Unconfirmed payements',
+    'page.booking.text.unconfirmed-payements.msg': 'There are unconfirmed payments,  please confirm or void the payments first.',
+    'page.booking.text.go-to-payments': 'Go to payments',
+    'page.booking.text.cancel-only': 'Cancel only',
+    'page.booking.text.refund': 'Refund',
+    'page.booking.text.confirm': 'Confirm',
+    'page.booking.text.go-back': 'Go back',
+    'page.booking.text.cancel-booking': "Cancel Booking",
+    'page.booking.text.cancel-booking.msg': "The action is irreversible. Please proceed with caution. ",
+    'page.booking.text.disabled-tickets': "All tickets will be disabled.",
+    'page.booking.text.paid.msg': function pageBookingTextPaidMsg(x) {
+      return "The related order is ".concat(x === 'paid' ? 'paid' : 'partially paid', ".");
+    },
+    'page.booking.text.please-choose-an-option': "Please choose an option:",
+    'page.booking.text.please-choose-an-option-1': "Refund: Cancel the appointment and process a refund.",
+    'page.booking.text.please-choose-an-option-2': "Cancel only: Cancel the appointment without processing a refund. (You can still process a refund after cancellation if needed)"
   },
   'zh-CN': {
     'pisell2.text.refunded-amount': '已退金额',
@@ -265,7 +281,7 @@ export default {
     'pisell2.text.status.confirmed': '已确认',
     'pisell2.text.status.arrived': '已到达',
     'pisell2.text.status.started': '已开始',
-    'pisell2.text.status.cancelled': '已取消',
+    'pisell2.text.status.cancelled': '取消',
     'pisell2.text.status.no_show': '失约',
     'pisell2.text.status.completed': '已完成',
     'pisell2.text.status.booking_id': '预约 ID',
@@ -401,7 +417,23 @@ export default {
       });
       return "".concat(customerName || '', "\u5DF2\u62A5\u540D").concat(title, " ").concat(listStr.join(','), ", \u786E\u5B9A\u8981\u518D\u6B21\u62A5\u540D\u5417\uFF1F");
     },
-    'page.event.booking.text.duplicate-enrollment-confirm': '确认'
+    'page.event.booking.text.duplicate-enrollment-confirm': '确认',
+    'page.booking.text.unconfirmed-payements': '未确认的付款',
+    'page.booking.text.unconfirmed-payements.msg': '存在未确认的付款，请先确认收款或作废。',
+    'page.booking.text.go-to-payments': '前往收款界面',
+    'page.booking.text.cancel-only': '仅取消',
+    'page.booking.text.refund': '退款',
+    'page.booking.text.confirm': '确认',
+    'page.booking.text.go-back': '返回',
+    'page.booking.text.cancel-booking': "取消预约",
+    'page.booking.text.cancel-booking.msg': "该操作不可撤销，请谨慎操作。",
+    'page.booking.text.disabled-tickets': "所有票单将被禁用。",
+    'page.booking.text.paid.msg': function pageBookingTextPaidMsg(x) {
+      return "\u5173\u8054\u8BA2\u5355".concat(x === 'paid' ? '已支付' : '部分支付', "\u3002");
+    },
+    'page.booking.text.please-choose-an-option': "请选择：",
+    'page.booking.text.please-choose-an-option-1': "退款：取消预约，同时处理退款。",
+    'page.booking.text.please-choose-an-option-2': "仅取消：仅取消预约，但不进行退款处理。（您仍然可以在取消后再进行退款操作）"
   },
   'zh-HK': {
     'pisell2.text.refunded-amount': '已退金額',
@@ -467,7 +499,7 @@ export default {
     'pisell2.text.status.confirmed': '已确認',
     'pisell2.text.status.arrived': '已到達',
     'pisell2.text.status.started': '已開始',
-    'pisell2.text.status.cancelled': '已取消',
+    'pisell2.text.status.cancelled': '取消',
     'pisell2.text.status.no_show': '失約',
     'pisell2.text.status.completed': '已完成',
     'pisell2.text.status.booking_id': '預約 ID',
@@ -605,6 +637,22 @@ export default {
       });
       return "".concat(customerName || '', "\u5DF2\u5831\u540D").concat(title, " ").concat(listStr.join(','), ", \u78BA\u5B9A\u8981\u518D\u6B21\u5831\u540D\u55CE\uFF1F");
     },
-    'page.event.booking.text.duplicate-enrollment-confirm': '確認'
+    'page.event.booking.text.duplicate-enrollment-confirm': '確認',
+    'page.booking.text.unconfirmed-payements': '未確認的付款',
+    'page.booking.text.unconfirmed-payements.msg': '存在未確認的付款，請先確認收款或作廢。',
+    'page.booking.text.go-to-payments': '前往收款界面',
+    'page.booking.text.cancel-only': '僅取消',
+    'page.booking.text.refund': '退款',
+    'page.booking.text.confirm': '確認',
+    'page.booking.text.go-back': '返回',
+    'page.booking.text.cancel-booking': '取消預約',
+    'page.booking.text.cancel-booking.msg': '該操作不可撤銷，請謹慎操作。',
+    'page.booking.text.disabled-tickets': '所有票單將被禁用。',
+    'page.booking.text.paid.msg': function pageBookingTextPaidMsg(x) {
+      return "\u95DC\u806F\u8A02\u55AE".concat(x === 'paid' ? '已支付' : '部分支付', "\u3002");
+    },
+    'page.booking.text.please-choose-an-option': '請選擇：',
+    'page.booking.text.please-choose-an-option-1': '退款：取消預約，同時處理退款。',
+    'page.booking.text.please-choose-an-option-2': '僅取消：僅取消預約，但不進行退款處理。（您仍然可以在取消後再進行退款操作）'
   }
 };

package/es/components/booking/payments/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Payments: (props: any) => JSX.Element;
+declare const Payments: any;
 export default Payments;

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

@@ -13,5 +13,5 @@ export interface InfoProps {
     setGlobalState: any;
 }
 export declare const formatProducts: (values: any) => any;
-declare const Addons: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+declare const Addons: any;
 export default Addons;

package/lib/components/booking/components/TabProduct/productItem/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => React.JSX.Element;
 export default ProductItem;

package/lib/components/booking/components/TabProduct/productItem/index.js

@@ -63,7 +63,8 @@ var ProductItem = ({
       "img",
       {
         src: import_utils.image.ali(item.cover, 100),
-        className: "server-product-cover"
+        className: "server-product-cover",
+        loading: "lazy"
       }
     ) : null,
     /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-content" }, /* @__PURE__ */ import_react.default.createElement(

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

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+declare const Forms: any;
 export default Forms;

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

@@ -1,2 +1,2 @@
-declare const Booking: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+declare const Booking: any;
 export default Booking;

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

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

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

@@ -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, _g, _h;
+  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,202 @@ 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
+        }
+      });
+    }
+    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 isPaymentProcessingPayments = (0, import_react.useMemo)(() => {
+    var _a2;
+    return !!((_a2 = state.bookingDetail) == null ? void 0 : _a2.payment_processing_payment_nums);
+  }, [(_e = (_d = state.bookingDetail) == null ? void 0 : _d.payment_processing_payments) == null ? void 0 : _e.length]);
+  const handleCancel = () => {
+    if (isPaymentProcessingPayments) {
+      return showPaymentModal();
+    }
+    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-payements")), /* @__PURE__ */ import_react.default.createElement("div", { className: "go-payments-modal-content-desc" }, import_utils.locales.getText("page.booking.text.unconfirmed-payements.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("pisell2.text.status.cancelled")
+      ), /* @__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 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[(_f = state.bookingDetail) == null ? void 0 : _f.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"), ":", " ", ((_h = (_g = state.bookingDetail) == null ? void 0 : _g.bookings) == null ? void 0 : _h.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 +324,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;