@pisell/private-materials 3.3.19 → 3.3.20

package/es/components/appointmentBooking/deposit/components/PolicyModal/index.js

@@ -10,7 +10,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useEffect } from 'react';
 import { Spin } from 'antd';
-import { PisellModal, PisellEmpty } from '@pisell/materials';
+import { PisellModal, PisellEmpty, Button, Checkbox } from '@pisell/materials';
 import { locales, isMobile } from '@pisell/utils';
 import { useAppointmentBookingContext } from "../../../context";
 import "./index.less";
@@ -18,7 +18,10 @@ var DepositModal = function DepositModal(props) {
   var open = props.open,
     onCancel = props.onCancel,
     item = props.item,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    onConfirm = props.onConfirm,
+    _props$isHideCheckout = props.isHideCheckout,
+    isHideCheckout = _props$isHideCheckout === void 0 ? true : _props$isHideCheckout;
   var _useAppointmentBookin = useAppointmentBookingContext(),
     appointmentBooking = _useAppointmentBookin.appointmentBooking;
   var _useState = useState(null),
@@ -29,6 +32,13 @@ var DepositModal = function DepositModal(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    disabled = _useState6[0],
+    setDisabled = _useState6[1];
+  useEffect(function () {
+    setDisabled(!isHideCheckout);
+  }, [isHideCheckout]);
 
   /**
    * @title: 获取协议内容
@@ -52,23 +62,24 @@ var DepositModal = function DepositModal(props) {
             _yield$appointmentBoo = _context.sent;
             data = _yield$appointmentBoo.data;
             setPolicy(data);
-            onChange(data);
-            _context.next = 14;
+            onChange && onChange(data);
+            _context.next = 15;
             break;
           case 10:
             _context.prev = 10;
             _context.t0 = _context["catch"](1);
             console.log(_context.t0);
-            onChange(_context.t0);
-          case 14:
-            _context.prev = 14;
+            onChange && onChange(_context.t0);
+            debugger;
+          case 15:
+            _context.prev = 15;
             setLoading(false);
-            return _context.finish(14);
-          case 17:
+            return _context.finish(15);
+          case 18:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 10, 14, 17]]);
+      }, _callee, null, [[1, 10, 15, 18]]);
     }));
     return function getPolicy(_x) {
       return _ref.apply(this, arguments);
@@ -93,7 +104,20 @@ var DepositModal = function DepositModal(props) {
     className: 'policy-modal-wrap',
     cancelVisible: false,
     okText: locales.getText('pisell2.appointment.deposit.close'),
-    onOk: onCancel
+    footer: [/*#__PURE__*/React.createElement("div", {
+      className: "policy-modal-footer"
+    }, !isHideCheckout ? /*#__PURE__*/React.createElement(Checkbox, {
+      className: "policy-modal-checkbox",
+      onChange: function onChange(e) {
+        var _e$target;
+        return setDisabled(!((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.checked));
+      }
+    }, locales.getText('pisell2.appointment.policy')) : null, /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      size: "large",
+      onClick: isHideCheckout ? onCancel : onConfirm,
+      disabled: disabled
+    }, locales.getText(isHideCheckout ? 'pisell2.appointment.deposit.close' : 'pisell2.appointment.policy.confirm')))]
   }, /*#__PURE__*/React.createElement(Spin, {
     style: {
       minHeight: '200px'

package/es/components/appointmentBooking/deposit/components/PolicyModal/index.less

@@ -6,4 +6,13 @@
   .ant-empty-image {
     height: auto !important;
   }
+
+  .policy-modal-footer {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    .policy-modal-checkbox {
+      margin-bottom: 20px;
+    }
+  }
 }

package/es/components/appointmentBooking/hooks.d.ts

@@ -14,6 +14,7 @@ export declare const useAppointmentBookingStep: () => {
     removeStep: (key: string) => any;
     addStep: (props: any, stepKey?: string) => any;
     updateStep: (key: string, step: any) => void;
+    nextStep: () => void;
 };
 /**
  * @title: 获取商品数据

package/es/components/appointmentBooking/hooks.js

@@ -47,7 +47,9 @@ export var useAppointmentBookingStep = function useAppointmentBookingStep() {
   var pisellOS = usePisellOS();
   var _useAppointmentBookin = useAppointmentBookingContext(),
     appointmentBooking = _useAppointmentBookin.appointmentBooking,
-    setCurrentStep = _useAppointmentBookin.setCurrentStep;
+    setCurrentStep = _useAppointmentBookin.setCurrentStep,
+    policyIdsRef = _useAppointmentBookin.policyIdsRef,
+    openPolicy = _useAppointmentBookin.openPolicy;
   var stepList = (appointmentBooking === null || appointmentBooking === void 0 || (_appointmentBooking$s = appointmentBooking.store) === null || _appointmentBooking$s === void 0 || (_appointmentBooking$s = _appointmentBooking$s.step) === null || _appointmentBooking$s === void 0 || (_appointmentBooking$s = _appointmentBooking$s.store) === null || _appointmentBooking$s === void 0 ? void 0 : _appointmentBooking$s.stepList) || [];
 
   // 判断是否是最后一步
@@ -117,12 +119,46 @@ export var useAppointmentBookingStep = function useAppointmentBookingStep() {
       isSkip: (step === null || step === void 0 ? void 0 : step.isSkip) || false
     });
   };
+
+  // 下一步
+  var nextStep = function nextStep() {
+    var _appointmentBooking$s2;
+    var currentStep = appointmentBooking === null || appointmentBooking === void 0 ? void 0 : appointmentBooking.getCurrentStep();
+    var stepList = (appointmentBooking === null || appointmentBooking === void 0 || (_appointmentBooking$s2 = appointmentBooking.store) === null || _appointmentBooking$s2 === void 0 || (_appointmentBooking$s2 = _appointmentBooking$s2.step) === null || _appointmentBooking$s2 === void 0 || (_appointmentBooking$s2 = _appointmentBooking$s2.store) === null || _appointmentBooking$s2 === void 0 ? void 0 : _appointmentBooking$s2.stepList) || [];
+
+    // 倒数第二步
+    if ((currentStep === null || currentStep === void 0 ? void 0 : currentStep.index) + 2 === (stepList === null || stepList === void 0 ? void 0 : stepList.length)) {
+      var _policyIdsRef$current;
+      // 如果没有同意资源上挂接的协议，则打开协议弹窗
+      if (policyIdsRef !== null && policyIdsRef !== void 0 && (_policyIdsRef$current = policyIdsRef.current) !== null && _policyIdsRef$current !== void 0 && _policyIdsRef$current.length) {
+        // 依次弹出所有协议
+        var idx = 0;
+        var showNextPolicy = function showNextPolicy() {
+          if (idx < policyIdsRef.current.length) {
+            openPolicy({
+              id: policyIdsRef.current[idx]
+            }, function () {
+              idx++;
+              showNextPolicy();
+            });
+          } else {
+            // 全部同意后，进入下一步
+            appointmentBooking.next();
+          }
+        };
+        showNextPolicy();
+        return;
+      }
+    }
+    appointmentBooking.next();
+  };
   return {
     getStepIndex: getStepIndex,
     stepList: stepList,
     removeStep: removeStep,
     addStep: addStep,
-    updateStep: updateStep
+    updateStep: updateStep,
+    nextStep: nextStep
   };
 };
 
@@ -575,23 +611,26 @@ export var useAppointmentBookingResource = function useAppointmentBookingResourc
  * @Date: 2025-04-21 11:47
  */
 export var useIsSkipResourceStep = function useIsSkipResourceStep() {
-  var _appointmentBooking$s2;
+  var _appointmentBooking$s3;
   var _useAppointmentBookin5 = useAppointmentBookingContext(),
     currentStep = _useAppointmentBookin5.currentStep,
-    setCarts = _useAppointmentBookin5.setCarts;
+    setCarts = _useAppointmentBookin5.setCarts,
+    setPolicyIds = _useAppointmentBookin5.setPolicyIds;
   var _useAppointmentBookin6 = useAppointmentBookingResource(),
     getResourceList = _useAppointmentBookin6.getResourceList,
     autoSelectAllProductResources = _useAppointmentBookin6.autoSelectAllProductResources;
   var _useAppointmentBookin7 = useAppointmentBookingSetting(),
     isFormSubject = _useAppointmentBookin7.isFormSubject;
   var appointmentBooking = useAppointmentBooking();
-  var stepList = (appointmentBooking === null || appointmentBooking === void 0 || (_appointmentBooking$s2 = appointmentBooking.store) === null || _appointmentBooking$s2 === void 0 || (_appointmentBooking$s2 = _appointmentBooking$s2.step) === null || _appointmentBooking$s2 === void 0 || (_appointmentBooking$s2 = _appointmentBooking$s2.store) === null || _appointmentBooking$s2 === void 0 ? void 0 : _appointmentBooking$s2.stepList) || [];
+  var stepList = (appointmentBooking === null || appointmentBooking === void 0 || (_appointmentBooking$s3 = appointmentBooking.store) === null || _appointmentBooking$s3 === void 0 || (_appointmentBooking$s3 = _appointmentBooking$s3.step) === null || _appointmentBooking$s3 === void 0 || (_appointmentBooking$s3 = _appointmentBooking$s3.store) === null || _appointmentBooking$s3 === void 0 ? void 0 : _appointmentBooking$s3.stepList) || [];
   var _useAppointmentBookin8 = useAppointmentBookingLogin(),
     isLogin = _useAppointmentBookin8.isLogin,
     openLoginModal = _useAppointmentBookin8.openLoginModal;
   var _useAppointmentBookin9 = useAppointmentBookingAccount(),
     getHolders = _useAppointmentBookin9.getHolders,
     checkAccount = _useAppointmentBookin9.checkAccount;
+  var _useAppointmentBookin10 = useAppointmentBookingStep(),
+    nextStep = _useAppointmentBookin10.nextStep;
   var utils = contextUtils();
   var checkSkipResourceStep = /*#__PURE__*/function () {
     var _ref20 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(isSkipUpdateFormStep) {
@@ -622,8 +661,9 @@ export var useIsSkipResourceStep = function useIsSkipResourceStep() {
               break;
             }
             if (!isSkipUpdateFormStep) {
-              resultCarts = formatCartsResources(carts, resources); // 如果当前资源有表单，则添加表单步骤，否则删除表单步骤
+              resultCarts = formatCartsResources(carts, resources, setPolicyIds); // 如果当前资源有表单，则添加表单步骤，否则删除表单步骤
               checkHasFormStep({
+                nextStep: nextStep,
                 isSkip: true,
                 openLoginModal: openLoginModal,
                 utils: utils,
@@ -683,8 +723,8 @@ export var useIsSkipResourceStep = function useIsSkipResourceStep() {
 export var useAppointmentBookingSetting = function useAppointmentBookingSetting() {
   var _appointmentBooking$o3;
   var utils = contextUtils();
-  var _useAppointmentBookin10 = useAppointmentBookingContext(),
-    appointmentBooking = _useAppointmentBookin10.appointmentBooking;
+  var _useAppointmentBookin11 = useAppointmentBookingContext(),
+    appointmentBooking = _useAppointmentBookin11.appointmentBooking;
   var _ref21 = (appointmentBooking === null || appointmentBooking === void 0 || (_appointmentBooking$o3 = appointmentBooking.otherParams) === null || _appointmentBooking$o3 === void 0 ? void 0 : _appointmentBooking$o3.productModuleParams) || {},
     bookingProcess = _ref21.bookingProcess,
     bookingSubject = _ref21.bookingSubject,

package/es/components/appointmentBooking/index.d.ts

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

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

@@ -104,6 +104,8 @@ declare const _default: {
         'pisell2.appointment.unselect.date': string;
         'pisell2.appointment.unuse.date': string;
         'pisell2.appointment.add-guests': string;
+        'pisell2.appointment.policy': string;
+        'pisell2.appointment.policy.confirm': string;
         'pisell2.text.apply': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -219,6 +221,8 @@ declare const _default: {
         'pisell2.appointment.unselect.date': string;
         'pisell2.appointment.unuse.date': string;
         'pisell2.appointment.add-guests': string;
+        'pisell2.appointment.policy': string;
+        'pisell2.appointment.policy.confirm': string;
         'pisell2.text.apply': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -334,6 +338,8 @@ declare const _default: {
         'pisell2.appointment.unselect.date': string;
         'pisell2.appointment.unuse.date': string;
         'pisell2.appointment.add-guests': string;
+        'pisell2.appointment.policy': string;
+        'pisell2.appointment.policy.confirm': string;
         'pisell2.text.apply': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;

package/es/components/appointmentBooking/locales.js

@@ -120,6 +120,8 @@ export default {
     'pisell2.appointment.unselect.date': 'Please select date',
     'pisell2.appointment.unuse.date': 'This date is not available, please change the date.',
     'pisell2.appointment.add-guests': 'Add guests',
+    'pisell2.appointment.policy': 'You have read and agreed to this policy',
+    'pisell2.appointment.policy.confirm': 'Confirm',
     'pisell2.text.apply': 'Apply',
     'pisell2.text.goodpass': 'GoodPass',
     'pisell2.text.goodpass.product-vouchers': 'Product Vouchers',
@@ -251,6 +253,8 @@ export default {
     'pisell2.appointment.unselect.date': '请选择日期',
     'pisell2.appointment.unuse.date': '此日期不可用，请更换日期。',
     'pisell2.appointment.add-guests': '添加预约人',
+    'pisell2.appointment.policy': '您已仔细阅读并同意此协议',
+    'pisell2.appointment.policy.confirm': '确定',
     'pisell2.text.apply': '应用',
     'pisell2.text.goodpass': '商品券',
     'pisell2.text.goodpass.product-vouchers': '商品兑换券',
@@ -382,6 +386,8 @@ export default {
     'pisell2.appointment.unselect.date': '請選擇日期',
     'pisell2.appointment.unuse.date': '此日期不可用，請更換日期。',
     'pisell2.appointment.add-guests': '添加預約人',
+    'pisell2.appointment.policy': '您已仔細閱讀並同意此協議',
+    'pisell2.appointment.policy.confirm': '確定',
     'pisell2.text.apply': '應用',
     'pisell2.text.goodpass': '商品券',
     'pisell2.text.goodpass.product-vouchers': '商品兌換券',

package/es/components/appointmentBooking/utils.d.ts

@@ -17,7 +17,7 @@ export declare const formatGuest: (data: any[], products: any) => any[];
  * @Author: WangHan
  * @Date: 2025-05-06 22:22
  */
-export declare const formatCartsResources: (carts: any[], resources: any[]) => any[];
+export declare const formatCartsResources: (carts: any[], resources: any[], setPolicyIds: any) => any[];
 /**
  * @title: 格式化购物车数据
  * @description:
@@ -111,4 +111,4 @@ export declare const Toast: (text: string) => void;
  * @Author: WangHan
  * @Date: 2025-05-06 21:51
  */
-export declare const checkHasFormStep: ({ isSkip, checkHolder, checkAccount, carts, setCarts, hasResourceFormId, currentStep, stepList, appointmentBooking, locales, isLogin, openLoginModal, isFormSubject, utils, accountLists, getHolders }: any) => true | undefined;
+export declare const checkHasFormStep: ({ nextStep, isSkip, checkHolder, checkAccount, carts, setCarts, hasResourceFormId, currentStep, stepList, appointmentBooking, locales, isLogin, openLoginModal, isFormSubject, utils, accountLists, getHolders }: any) => true | undefined;

package/es/components/appointmentBooking/utils.js

@@ -57,8 +57,9 @@ export var formatGuest = function formatGuest(data, products) {
  * @Author: WangHan
  * @Date: 2025-05-06 22:22
  */
-export var formatCartsResources = function formatCartsResources(carts, resources) {
+export var formatCartsResources = function formatCartsResources(carts, resources, setPolicyIds) {
   try {
+    var policyIds = [];
     var newCarts = carts === null || carts === void 0 ? void 0 : carts.map(function (d) {
       var _currentResource$reso;
       var currentResource = resources === null || resources === void 0 ? void 0 : resources.find(function (r) {
@@ -77,9 +78,13 @@ export var formatCartsResources = function formatCartsResources(carts, resources
         return _objectSpread(_objectSpread({}, d), {}, {
           resource_form_id: foundResource === null || foundResource === void 0 ? void 0 : foundResource.resource_form_id
         });
+      } else if (foundResource !== null && foundResource !== void 0 && foundResource.policy_id && !policyIds.includes(foundResource === null || foundResource === void 0 ? void 0 : foundResource.policy_id)) {
+        // 资源上没有挂接表单，但是有协议，则在触发按钮的时候需要同意协议才能继续
+        policyIds.push(foundResource === null || foundResource === void 0 ? void 0 : foundResource.policy_id);
       }
       return false;
     }).filter(Boolean);
+    setPolicyIds(policyIds);
     return newCarts || [];
   } catch (error) {
     console.log(error, 'formatCarts');
@@ -371,7 +376,8 @@ export var Toast = function Toast(text) {
  */
 export var checkHasFormStep = function checkHasFormStep(_ref2) {
   var _appointmentBooking$s;
-  var isSkip = _ref2.isSkip,
+  var nextStep = _ref2.nextStep,
+    isSkip = _ref2.isSkip,
     checkHolder = _ref2.checkHolder,
     checkAccount = _ref2.checkAccount,
     carts = _ref2.carts,
@@ -453,14 +459,14 @@ export var checkHasFormStep = function checkHasFormStep(_ref2) {
       isNext = true;
     }
     if (isNext && !_checkHolder()) {
-      appointmentBooking.next();
+      nextStep();
     } else {
       return true;
     }
   } else {
     // 如果只有一个资源执行跳过
     if (isSkip) {
-      appointmentBooking.next();
+      nextStep();
     }
   }
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 /**
  * @title: 底部

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

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

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

@@ -97,7 +97,7 @@ var Deposit = function Deposit(props) {
   }, [globalState]);
   var depositList = useMemo(function () {
     if (!bookingId) return [];
-    if (Number(bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_amount) === 0) return [];
+    if ((bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.is_deposit) === 0) return [];
     return [{
       customer: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.customer,
       status: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_payment_status,

package/es/components/ticketBooking/components/ticketBooking/index.d.ts

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

package/lib/components/appointmentBooking/components/ConfirmInformation/index.js

@@ -95,6 +95,7 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
         }
       }
     } catch (error) {
+      (0, import_utils2.Toast)((error == null ? void 0 : error.message) || "");
       setTimeout(() => {
         setLoading(false);
       }, 50);

package/lib/components/appointmentBooking/components/Content/index.js

@@ -58,15 +58,15 @@ var Layout = () => {
     resourceOtherParams,
     setIsAgreeDepositPolicy,
     appointmentBooking,
-    setLoading
+    setLoading,
+    policyParams,
+    closePolicy
   } = (0, import_context.useAppointmentBookingContext)();
   const { getLoadAllSchedule, isDateSelectedFirst, isFormSubject } = (0, import_hooks.useAppointmentBookingSetting)();
   const { isLogin } = (0, import_hooks.useAppointmentBookingLogin)();
   const { getHolders } = (0, import_hooks.useAppointmentBookingAccount)();
   const { removeStep, stepList } = (0, import_hooks.useAppointmentBookingStep)();
   const { shopDiscount } = (0, import_hooks.useShopDiscount)();
-  const [showAgreement, setShowAgreement] = (0, import_react.useState)(false);
-  const [agreementContent, setAgreementContent] = (0, import_react.useState)({});
   (0, import_hooks.useAppointmentBookingCart)();
   (0, import_hooks.useAppointmentBookingStep)();
   const [params, setParams] = (0, import_react.useState)({});
@@ -172,9 +172,6 @@ var Layout = () => {
     if (isDateSelectedFirst && key === "select-date") return false;
     return key !== "confirm-information";
   }, [isDateSelectedFirst, (_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key]);
-  const handleAgreementOk = () => {
-    setShowAgreement(false);
-  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -190,13 +187,16 @@ var Layout = () => {
         return (_b2 = (_a2 = stepRef == null ? void 0 : stepRef.current) == null ? void 0 : _a2.next) == null ? void 0 : _b2.call(_a2);
       }
     }
-  ) : null, showAgreement ? /* @__PURE__ */ import_react.default.createElement(
+  ) : null, (policyParams == null ? void 0 : policyParams.open) ? /* @__PURE__ */ import_react.default.createElement(
     import_PolicyModal.default,
     {
-      open: showAgreement,
-      onCancel: handleAgreementOk,
-      item: agreementContent,
-      onChange: () => setLoading(false)
+      key: policyParams == null ? void 0 : policyParams._ts,
+      open: policyParams == null ? void 0 : policyParams.open,
+      onCancel: () => closePolicy(false),
+      onConfirm: () => closePolicy(true),
+      item: policyParams == null ? void 0 : policyParams.content,
+      onChange: () => setLoading(false),
+      isHideCheckout: false
     }
   ) : null);
 };

package/lib/components/appointmentBooking/components/Date/index.js

@@ -41,25 +41,37 @@ var import_utils = require("@pisell/utils");
 var import_icons = require("@ant-design/icons");
 var import_context = require("../../context");
 var import_utils2 = require("../../utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_hooks = require("../../hooks");
+var import_state = require("./state");
 var import_index = require("./index.less");
 import_dayjs.default.extend(import_isSameOrBefore.default);
 var Date = (0, import_react.forwardRef)((props, ref) => {
+  var _a, _b, _c;
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [currentDate, setCurrentDate] = (0, import_react.useState)();
   const [dateMonthList, setDateMonthList] = (0, import_react.useState)([]);
   const [currentMonth, setCurrentMonth] = (0, import_react.useState)();
   const { appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { isDateSelectedFirst, customPageId, getLoadAllSchedule, channel } = (0, import_hooks.useAppointmentBookingSetting)();
+  const { nextStep } = (0, import_hooks.useAppointmentBookingStep)();
+  const context = (0, import_useEngineContext.default)();
   (0, import_react.useImperativeHandle)(ref, () => ({
-    next: async () => {
-      const data = await appointmentBooking.getDateRange();
-      if (!(data == null ? void 0 : data.length)) {
-        return (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.unselect.date"));
+    next: handleNext
+  }));
+  const handleNext = async () => {
+    const data = await appointmentBooking.getDateRange();
+    if (!(data == null ? void 0 : data.length)) {
+      return (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.unselect.date"));
+    }
+    if (!isDateSelectedFirst) {
+      const result = appointmentBooking.checkResourceListForDate();
+      if (!result) {
+        return (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.unuse.date"));
       }
-      appointmentBooking.next();
     }
-  }));
+    nextStep();
+  };
   const weekListText = [
     import_utils.locales.getText("pisell2.appointment.sunday"),
     import_utils.locales.getText("pisell2.appointment.monday"),
@@ -76,12 +88,17 @@ var Date = (0, import_react.forwardRef)((props, ref) => {
   );
   (0, import_react.useEffect)(() => {
     const getCurrentMonthData = async () => {
-      var _a;
+      var _a2;
       const data = await appointmentBooking.getDateRange();
-      setCurrentMonth((0, import_dayjs.default)((_a = data == null ? void 0 : data[0]) == null ? void 0 : _a.date) || (0, import_dayjs.default)());
+      setCurrentMonth((0, import_dayjs.default)((_a2 = data == null ? void 0 : data[0]) == null ? void 0 : _a2.date) || (0, import_dayjs.default)());
     };
     getCurrentMonthData();
   }, []);
+  const locale = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    const currentLocale = (_b2 = (_a2 = context == null ? void 0 : context.engine) == null ? void 0 : _a2.props) == null ? void 0 : _b2.locale;
+    return import_state.localeTypes[currentLocale] || "en";
+  }, [(_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale]);
   const getMonthData = (date) => {
     const firstDay = (0, import_dayjs.default)(`${date}-01`);
     const startDay = firstDay.day();
@@ -119,7 +136,7 @@ var Date = (0, import_react.forwardRef)((props, ref) => {
     return await appointmentBooking.getAvailableDate(params);
   };
   const getDates = async (date) => {
-    var _a;
+    var _a2;
     try {
       const startDate = (0, import_dayjs.default)(date).startOf("month").format("YYYY-MM-DD");
       const endDate = (0, import_dayjs.default)(date).endOf("month").format("YYYY-MM-DD");
@@ -131,7 +148,7 @@ var Date = (0, import_react.forwardRef)((props, ref) => {
       const selected = await appointmentBooking.getDateRange();
       console.log(data, selected, customPageId, "getDates");
       if ((selected == null ? void 0 : selected.length) > 0) {
-        setCurrentDate((_a = selected == null ? void 0 : selected[0]) == null ? void 0 : _a.date);
+        setCurrentDate((_a2 = selected == null ? void 0 : selected[0]) == null ? void 0 : _a2.date);
       } else if (!isDateSelectedFirst) {
         if (date.format("YYYY-MM") === (0, import_dayjs.default)().format("YYYY-MM")) {
           const firstAvailableDate = (data || []).find(
@@ -183,7 +200,7 @@ var Date = (0, import_react.forwardRef)((props, ref) => {
     setCurrentDate(date);
     appointmentBooking.setDateRange([day]);
     if (isDateSelectedFirst) {
-      appointmentBooking.next();
+      handleNext();
     }
   };
   return /* @__PURE__ */ import_react.default.createElement(
@@ -203,7 +220,7 @@ var Date = (0, import_react.forwardRef)((props, ref) => {
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_icons.CaretLeftOutlined, null)
-    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-current-month" }, currentMonth == null ? void 0 : currentMonth.format("MMMM YYYY")), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-next-month", onClick: nextMonth }, /* @__PURE__ */ import_react.default.createElement(import_icons.CaretRightOutlined, null))), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-weeks" }, columns.map((col) => /* @__PURE__ */ import_react.default.createElement("div", { key: col, className: "calendar-weeks-items" }, weekListText[Number(col)]))), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-days" }, dateMonthList.map((day, index) => {
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-current-month" }, (_c = (0, import_dayjs.default)(currentMonth).locale(locale)) == null ? void 0 : _c.format("MMMM YYYY")), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-next-month", onClick: nextMonth }, /* @__PURE__ */ import_react.default.createElement(import_icons.CaretRightOutlined, null))), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-weeks" }, columns.map((col) => /* @__PURE__ */ import_react.default.createElement("div", { key: col, className: "calendar-weeks-items" }, weekListText[Number(col)]))), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-days" }, dateMonthList.map((day, index) => {
       const date = (0, import_dayjs.default)(day.date).format("YYYY-MM-DD");
       const isCurrentMonth = (0, import_dayjs.default)(day.date).isSame(
         currentMonth,

package/lib/components/appointmentBooking/components/Date/state.d.ts

@@ -60,3 +60,4 @@ export declare const getStatus: (dateLimit: any, currentDate: string, cutTime: a
  * @Date: 2024-02-21 10:10
  */
 export declare const getCallToBookStatus: (currentDate: string, dateLimitData: any, cutTime: any) => boolean;
+export declare const localeTypes: any;

package/lib/components/appointmentBooking/components/Date/state.js

@@ -33,6 +33,7 @@ __export(state_exports, {
   getCallToBookStatus: () => getCallToBookStatus,
   getNextSevenDaysList: () => getNextSevenDaysList,
   getStatus: () => getStatus,
+  localeTypes: () => localeTypes,
   statusColor: () => statusColor,
   weekListText: () => weekListText
 });
@@ -184,12 +185,18 @@ var getCallToBookStatus = (currentDate, dateLimitData, cutTime) => {
   }
   return isShowCallToBook;
 };
+var localeTypes = {
+  "en-US": "en",
+  "zh-CN": "zh-cn",
+  "zh-TW": "zh-tw"
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ShowDayOnly,
   getCallToBookStatus,
   getNextSevenDaysList,
   getStatus,
+  localeTypes,
   statusColor,
   weekListText
 });

package/lib/components/appointmentBooking/components/Form/index.js

@@ -50,6 +50,7 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
   const { carts, appointmentBooking, setLoading } = (0, import_context.useAppointmentBookingContext)();
   const { getResourceList } = (0, import_hooks.useAppointmentBookingResource)();
   const { setOtherData, getOtherData } = (0, import_hooks.useAppointmentBookingSetting)();
+  const { nextStep } = (0, import_hooks.useAppointmentBookingStep)();
   (0, import_react.useImperativeHandle)(ref, () => ({
     next: () => {
       var _a, _b;
@@ -90,7 +91,7 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
         setLoading(false);
       }
     } else {
-      appointmentBooking.next();
+      nextStep();
     }
   };
   const updateFormStatus = (status) => {
@@ -166,9 +167,11 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
     import_PolicyModal.default,
     {
       open: showAgreement,
-      onCancel: handleAgreementOk,
+      onCancel: () => setShowAgreement(false),
+      onConfirm: () => handleAgreementOk(),
       item: agreementContent,
-      onChange: () => setLoading(false)
+      onChange: () => setLoading(false),
+      isHideCheckout: false
     }
   ) : null);
 });

package/lib/components/appointmentBooking/components/Guest/index.js

@@ -46,9 +46,10 @@ var Guest = (0, import_react.forwardRef)((props, ref) => {
   const [holderItem, setHolderItem] = (0, import_react.useState)(null);
   const { carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  const { nextStep } = (0, import_hooks.useAppointmentBookingStep)();
   (0, import_react.useImperativeHandle)(ref, () => ({
     next: () => {
-      appointmentBooking.next();
+      nextStep();
     }
   }));
   const lists = (0, import_react.useMemo)(() => {