@pisell/private-materials 3.2.39 → 3.3.1

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

@@ -0,0 +1,14 @@
+import type { Dayjs } from 'dayjs';
+/** dayjs对象格式化为字符串时间 */
+export declare const formatDateToStr: (date: Dayjs[]) => string | string[];
+export declare const getDefaultStartParam: () => string | string[];
+export declare const formatBookingList: (bookingList: any[]) => any[];
+export declare const getNextTimeSlice: (sliceMinutes: number) => Dayjs;
+export declare const getDisabledEdit: ({ shop_discount, bookings, payment_status }: any) => boolean;
+export declare const restoreProductOtherData: (data: any) => {
+    product_id: any;
+    option: never[];
+    bundle: any;
+    product_variant_id: number;
+    quantity: number;
+} | undefined;

package/es/components/ticketBooking/utils/index.js

@@ -0,0 +1,102 @@
+var _excluded = ["detail"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import dayjs from 'dayjs';
+
+/** dayjs对象格式化为字符串时间 */
+export var formatDateToStr = function formatDateToStr(date) {
+  var format = function format(val) {
+    return dayjs(val).format('YYYY-MM-DD HH:mm:ss');
+  };
+  if (Array.isArray(date)) {
+    return date.map(format);
+  }
+  return format(date);
+};
+export var getDefaultStartParam = function getDefaultStartParam() {
+  /** 获取默认查询时间范围 */
+  return formatDateToStr([dayjs().startOf('day'), dayjs().endOf('day')]);
+};
+export var formatBookingList = function formatBookingList(bookingList) {
+  return bookingList.map(function (item) {
+    var _item$order, _item$order2, _item$order3;
+    return _objectSpread(_objectSpread({}, item), {}, {
+      startDateTime: "".concat(item.start_date, " ").concat(item.start_time),
+      endDateTime: "".concat(item.end_date, " ").concat(item.end_time),
+      total_amount: item === null || item === void 0 || (_item$order = item.order) === null || _item$order === void 0 ? void 0 : _item$order.total_amount,
+      customer: (item === null || item === void 0 || (_item$order2 = item.order) === null || _item$order2 === void 0 || (_item$order2 = _item$order2.customer) === null || _item$order2 === void 0 || (_item$order2 = _item$order2.display_name) === null || _item$order2 === void 0 ? void 0 : _item$order2.trim()) || ((item === null || item === void 0 || (_item$order3 = item.order) === null || _item$order3 === void 0 || (_item$order3 = _item$order3.customer) === null || _item$order3 === void 0 ? void 0 : _item$order3.nickname) || '').trim()
+      // durationStr: this.formatDurationStr(item),
+      // durationNum: this.calcDuration(item),
+    });
+  });
+};
+export var getNextTimeSlice = function getNextTimeSlice(sliceMinutes) {
+  var currentTime = dayjs();
+
+  // 计算下一个时间切片
+  var nextSlice = Math.ceil(currentTime.minute() / sliceMinutes) * sliceMinutes;
+
+  // 设置下一个时间切片的分钟数
+  var nextTime = currentTime.minute(nextSlice);
+  return nextTime;
+};
+export var getDisabledEdit = function getDisabledEdit(_ref) {
+  var shop_discount = _ref.shop_discount,
+    bookings = _ref.bookings,
+    payment_status = _ref.payment_status;
+  // 如果预约列表里没有商品新信息, 则任何信息都不能编辑
+  if (bookings.list.some(function (d) {
+    return !d.detail;
+  })) {
+    return true;
+  }
+
+  //有整单折扣 不可编辑
+  if (shop_discount && Number(shop_discount)) {
+    return true;
+  }
+  var list = ['unfulfilled', 'paid', 'partially_paid', 'unpaid', 'payment_processing'];
+  // (支付状态 = 已支付 || 部分付款 || 未付款 || 支付处理中) && 预约状态 !== 已取消
+  if (bookings.appointment_status === 'cancelled' || !list.includes(payment_status)) {
+    return true;
+  }
+  return false;
+};
+
+// 还原商品other数据
+export var restoreProductOtherData = function restoreProductOtherData(data) {
+  var detail = data.detail,
+    resetD = _objectWithoutProperties(data, _excluded);
+  if (!detail) {
+    return;
+  }
+  return {
+    product_id: detail.product_id,
+    option: [],
+    bundle: (detail.product_bundle || []).map(function (bundleItem) {
+      return _objectSpread(_objectSpread({}, bundleItem), {}, {
+        title: bundleItem.bundle_title,
+        group_id: bundleItem.bundle_group_id,
+        id: bundleItem.bundle_id,
+        product_id: bundleItem.bundle_product_id,
+        bundle_variant_id: bundleItem.bundle_variant_id,
+        quantity: bundleItem.num,
+        option: bundleItem.option.map(function (optionItem) {
+          return _objectSpread(_objectSpread({}, optionItem), {}, {
+            name: optionItem.name['auto'],
+            quantity: bundleItem.num,
+            product_option_item_id: optionItem.option_group_item_id
+          });
+        })
+      });
+    }),
+    product_variant_id: 0,
+    quantity: Number(detail.product_quantity)
+  };
+};

package/es/components/wallet/hooks/useWalletCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

package/es/index.d.ts

@@ -40,3 +40,6 @@ export { default as EventBookingDetailModal } from './components/eventBooking/co
 export { default as EventProgressBar } from './components/eventBooking/components/progressBar';
 export { default as ShoppingCart } from './components/shoppingCart';
 export { default as AppointmentBooking } from './components/appointmentBooking';
+export { default as AppointmentDeposit } from './components/appointmentBooking/deposit';
+export { default as TicketBooking } from './components/ticketBooking';
+export { default as SubTotal } from './components/subTotal';

package/es/index.js

@@ -43,4 +43,7 @@ export { default as EventScheduleCalendar } from "./components/eventBooking/comp
 export { default as EventBookingDetailModal } from "./components/eventBooking/components/bookingDetailModal";
 export { default as EventProgressBar } from "./components/eventBooking/components/progressBar";
 export { default as ShoppingCart } from "./components/shoppingCart";
-export { default as AppointmentBooking } from "./components/appointmentBooking";
+export { default as AppointmentBooking } from "./components/appointmentBooking";
+export { default as AppointmentDeposit } from "./components/appointmentBooking/deposit";
+export { default as TicketBooking } from "./components/ticketBooking";
+export { default as SubTotal } from "./components/subTotal";

package/lib/businessModel/SalesModel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const SalesModel: ({ children, hooks, config }: any) => JSX.Element;
 export * from './Sales';
 export default SalesModel;

package/lib/components/appointmentBooking/components/Cart/ContinueButton/index.d.ts

@@ -1,3 +1,8 @@
+import React from 'react';
 import './index.less';
-declare const ContinueButton: () => JSX.Element;
+interface ContinueButtonProps {
+    onContinue?: () => void;
+    onIsErrorResource?: (isError: boolean) => void;
+}
+declare const ContinueButton: React.FC<ContinueButtonProps>;
 export default ContinueButton;

package/lib/components/appointmentBooking/components/Cart/ContinueButton/index.js

@@ -37,140 +37,200 @@ var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_hooks = require("../../../hooks");
+var import_materials2 = require("@pisell/materials");
 var import_context = require("../../../context");
 var import_utils2 = require("../../../utils");
+var import_utils3 = require("../utils");
 var import_index = require("./index.less");
-var ContinueButton = () => {
-  var _a;
+var ContinueButton = ({
+  onContinue,
+  onIsErrorResource
+}) => {
+  var _a, _b, _c;
   const context = (0, import_useEngineContext.default)();
   const utils = context.appHelper.utils || {};
   const [loading, setLoading] = (0, import_react.useState)(false);
   const { isLogin, openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
-  const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  const { accountLists, getHolders, checkAccount } = (0, import_hooks.useAppointmentBookingAccount)();
   const shopDiscount = (0, import_hooks.useShopDiscount)();
   const {
     currentStep,
-    isLastStep,
     carts,
     appointmentBooking,
     resourceOtherParams,
-    summary
+    summary,
+    isAgreeDepositPolicy,
+    resources,
+    setResourceOtherParams,
+    stepParams,
+    setCarts
   } = (0, import_context.useAppointmentBookingContext)();
-  const {
-    getResourceTimeSlot,
-    getResourceList,
-    autoSelectAllProductResources
-  } = (0, import_hooks.useAppointmentBookingResource)();
-  const { checkSkipResourceStep } = (0, import_hooks.useIsSkipResourceStep)();
-  const { getStepIndex } = (0, import_hooks.useAppointmentBookingStep)();
-  const disabled = (0, import_react.useMemo)(() => {
-    if (!carts.length) return true;
-    return false;
-  }, [
-    (_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key,
-    carts,
-    accountLists,
-    resourceOtherParams == null ? void 0 : resourceOtherParams.errorList
-  ]);
+  const { getResourceTimeSlot } = (0, import_hooks.useAppointmentBookingResource)();
+  const { removeStep, addStep } = (0, import_hooks.useAppointmentBookingStep)();
+  const { isFormSubject, formName } = (0, import_hooks.useAppointmentBookingSetting)();
+  const appointmentBooking2 = (0, import_hooks.useAppointmentBooking)();
+  const newCarts = (0, import_utils2.formatCarts)(carts, resources);
+  const stepList = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a2.step) == null ? void 0 : _b2.store) == null ? void 0 : _c2.stepList;
+  }, [(_c = (_b = (_a = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a.step) == null ? void 0 : _b.store) == null ? void 0 : _c.stepList]);
   const clearData = () => {
     var _a2;
     appointmentBooking.destroy();
     (_a2 = shopDiscount == null ? void 0 : shopDiscount.destroy) == null ? void 0 : _a2.call(shopDiscount);
   };
+  const goPaymentFinish = (order_id, amount) => {
+    var _a2;
+    const url = `/payment-finish/success?order_id=${order_id}&amount=${Number(
+      amount
+    )}`;
+    (_a2 = utils == null ? void 0 : utils.history) == null ? void 0 : _a2.replace(url);
+    clearData();
+    setLoading(false);
+  };
+  const handleCheckAccount = () => {
+    const result = (0, import_utils3.checkHolder)({
+      isFormSubject,
+      checkAccount,
+      carts
+    });
+    if (result) {
+      setCarts(result);
+    }
+    return !!result;
+  };
+  const handleCheckResource = () => {
+    const result = (0, import_utils3.checkResource)({ carts, resources });
+    if (result) {
+      setCarts(result);
+    }
+    return !!result;
+  };
   const handleNextStep = async () => {
-    var _a2, _b;
-    if (isLastStep) {
+    var _a2, _b2;
+    console.log(
+      currentStep,
+      stepList,
+      appointmentBooking == null ? void 0 : appointmentBooking.getCurrentStep(),
+      appointmentBooking2 == null ? void 0 : appointmentBooking2.getCurrentStep(),
+      (currentStep == null ? void 0 : currentStep.index) + 2 === (stepList == null ? void 0 : stepList.length),
+      "whcurrentStepcurrentStep"
+    );
+    if ((currentStep == null ? void 0 : currentStep.index) + 2 === (stepList == null ? void 0 : stepList.length)) {
+      const loginOk = await handleLoginCheck();
+      if (!loginOk) return;
+      if (handleCheckAccount()) return;
+    }
+    if ((currentStep == null ? void 0 : currentStep.index) + 1 >= (stepList == null ? void 0 : stepList.length)) {
+      if (((_a2 = summary == null ? void 0 : summary.deposit) == null ? void 0 : _a2.hasDeposit) && !isAgreeDepositPolicy) {
+        return (0, import_utils2.Toast)(
+          import_utils.locales.getText("pisell2.appointment.deposit.agree.policy")
+        );
+      }
+      const { deposit } = summary;
       setLoading(true);
       try {
-        const res = await appointmentBooking.submitOrder();
-        if ((summary == null ? void 0 : summary.total) > 0) {
+        const { data } = await appointmentBooking.submitOrder();
+        const { is_deposit, deposit_amount, total_amount, order_id } = data || {};
+        const _total = is_deposit ? deposit_amount : total_amount;
+        if (_total > 0) {
           utils.action({
             type: "pisell1.payment",
-            data: res == null ? void 0 : res.data
+            data: { ...data, total_amount: _total }
           });
+          setTimeout(() => {
+            clearData();
+            setLoading(false);
+          }, 200);
         } else {
-          const { order_id, total_amount } = (res == null ? void 0 : res.data) || {};
+          if (deposit == null ? void 0 : deposit.hasDeposit) {
+            goPaymentFinish(order_id, _total);
+            return;
+          }
           const freeResult = await appointmentBooking.getFreeProduct(order_id);
           console.log(freeResult, "freeResult");
           if (freeResult == null ? void 0 : freeResult.status) {
-            const url = `/payment-finish/success?order_id=${order_id}&amount=${Number(
-              total_amount
-            )}`;
-            (_a2 = utils == null ? void 0 : utils.history) == null ? void 0 : _a2.replace(url);
+            goPaymentFinish(order_id, total_amount);
           } else {
-            (0, import_materials.PisellToast)({
-              content: freeResult == null ? void 0 : freeResult.message
-            });
+            (0, import_utils2.Toast)(freeResult == null ? void 0 : freeResult.message);
           }
         }
-        clearData();
-        setLoading(false);
       } catch (error) {
-        setLoading(false);
+        setTimeout(() => {
+          setLoading(false);
+        }, 50);
       }
       return;
     }
-    if (((_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key) === "select-resource") {
+    if (((_b2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b2.key) === "select-resource") {
       getResourceTimeSlot();
     }
     return appointmentBooking.next();
   };
+  const handleLoginCheck = async () => {
+    return await (0, import_utils3.checkLogin)({
+      isLogin,
+      openLoginModal,
+      isFormSubject,
+      utils,
+      accountLists,
+      appointmentBooking,
+      getHolders
+    });
+  };
   const handleContinue = async () => {
     var _a2;
-    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
-    console.log(currentStep, isLastStep, isLogin, accountLists, "wh9896788222");
-    if (isLastStep) {
-      if (!isLogin) {
-        return openLoginModal({
-          callback: (status) => {
-            var _a3, _b, _c, _d, _e;
-            const user = ((_d = (_c = (_b = (_a3 = utils == null ? void 0 : utils.store) == null ? void 0 : _a3.getState) == null ? void 0 : _b.call(_a3)) == null ? void 0 : _c.global) == null ? void 0 : _d.userInfo) || JSON.parse(((_e = utils == null ? void 0 : utils.storage) == null ? void 0 : _e.get("customer")) || {});
-            const currentUser = (0, import_utils2.formatCustomer)(user);
-            const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
-            if (status === "success") {
-              appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
-              handleNextStep();
-            }
-          }
-        });
-      }
-    }
-    if (key === "select-date") {
-      const skipResourceStep = await checkSkipResourceStep();
-      if (skipResourceStep) {
-        const index = getStepIndex("next", 2);
-        getResourceList();
-        autoSelectAllProductResources();
-        appointmentBooking.gotoStep(index);
-        return;
+    try {
+      const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+      const index = (currentStep == null ? void 0 : currentStep.index) + 1;
+      if ((currentStep == null ? void 0 : currentStep.index) + 2 === (stepList == null ? void 0 : stepList.length)) {
+        const loginOk = await handleLoginCheck();
+        if (!loginOk) return;
+        if (handleCheckAccount()) return;
       }
       const selected = await appointmentBooking.getDateRange();
       if (!(selected == null ? void 0 : selected.length)) {
-        (0, import_materials.PisellToast)({
+        (0, import_materials2.PisellToast)({
           content: import_utils.locales.getText("pisell2.appointment.no.available.time")
         });
         return;
       }
-    }
-    if (key === "select-resource" && (0, import_utils2.isEmptyCartsResourceId)(carts)) {
-      (0, import_materials.PisellToast)({
-        content: import_utils.locales.getText("pisell2.appointment.no.available.time")
+      (0, import_utils3.handleContinueStep)(key, {
+        handleCheckResource,
+        currentStep,
+        hasResourceFormId: import_utils2.hasResourceFormId,
+        addStep,
+        removeStep,
+        resourceOtherParams,
+        setResourceOtherParams,
+        newCarts,
+        getResourceTimeSlot,
+        appointmentBooking,
+        summary,
+        isAgreeDepositPolicy,
+        setLoading,
+        utils,
+        clearData,
+        goPaymentFinish,
+        onContinue,
+        onIsErrorResource,
+        stepList
       });
-      return;
+    } catch (error) {
+      console.log(error, "handleContinue_error");
     }
-    handleNextStep();
   };
   const continueText = (0, import_react.useMemo)(() => {
-    if (isLastStep) {
+    if ((currentStep == null ? void 0 : currentStep.index) + 1 === (stepList == null ? void 0 : stepList.length)) {
       return import_utils.locales.getText("pisell2.event.checkout");
     } else {
       return import_utils.locales.getText("pisell2.event.close.continue");
     }
-  }, [isLastStep]);
+  }, [currentStep == null ? void 0 : currentStep.index, stepList]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {
-      disabled,
+      disabled: !(carts == null ? void 0 : carts.length),
       size: "large",
       type: "primary",
       onClick: () => handleContinue(),

package/lib/components/appointmentBooking/components/Cart/Item/Total.js

@@ -40,34 +40,41 @@ var import_classnames = __toESM(require("classnames"));
 var import_context = require("../../../context");
 var Total = ({ className, isFooter }) => {
   const { summary, symbolic } = (0, import_context.useAppointmentBookingContext)();
-  const { taxTitle, totalTaxFee, isPriceIncludeTax, total } = summary;
+  const { taxTitle, totalTaxFee, isPriceIncludeTax, total, deposit } = summary;
   console.log(summary, "summarysummary");
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `appointment-total-wrap ${className}` }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "gst-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, taxTitle, isFooter ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: totalTaxFee, showCurrencySymbol: true })) : null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("event-total", {
-        [["total-gst-wrap"]]: !isPriceIncludeTax && Number(totalTaxFee) > 0
-      })
+      className: `appointment-total-wrap ${className} ${(deposit == null ? void 0 : deposit.hasDeposit) ? "appointment-total-deposit-wrap" : ""}`
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "left" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.event.total"), isFooter ? ": " : ""), isFooter ? /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellText.Amount,
+    !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "gst-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, taxTitle, isFooter ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: totalTaxFee, showCurrencySymbol: true })) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
       {
-        value: total,
-        showCurrencySymbol: true,
-        className: "event-amount"
-      }
-    ) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("span", { className: "gst" }, import_utils.locales.getText("pisell2.event.total.gst")(
-      `${isFooter ? `${taxTitle}: ` : taxTitle}`,
-      `${symbolic}${totalTaxFee}`
-    )) : null),
-    !isFooter ? /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellText.Amount,
-      {
-        value: total,
-        showCurrencySymbol: true,
-        className: "event-amount"
-      }
-    ) : null
-  ));
+        className: (0, import_classnames.default)("event-total", {
+          [["total-gst-wrap"]]: !isPriceIncludeTax && Number(totalTaxFee) > 0
+        })
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "left" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, (deposit == null ? void 0 : deposit.hasDeposit) && isFooter ? import_utils.locales.getText("pisell2.appointment.deposit") : import_utils.locales.getText("pisell2.event.total"), isFooter ? ": " : ""), isFooter ? /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellText.Amount,
+        {
+          value: (deposit == null ? void 0 : deposit.hasDeposit) ? deposit == null ? void 0 : deposit.total : total,
+          showCurrencySymbol: true,
+          className: "event-amount"
+        }
+      ) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("span", { className: "gst" }, import_utils.locales.getText("pisell2.event.total.gst")(
+        `${isFooter ? `${taxTitle}: ` : taxTitle}`,
+        `${symbolic}${totalTaxFee}`
+      )) : null),
+      !isFooter ? /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellText.Amount,
+        {
+          value: total,
+          showCurrencySymbol: true,
+          className: "event-amount"
+        }
+      ) : null
+    )
+  );
 };
 var Total_default = Total;

package/lib/components/appointmentBooking/components/Cart/Item/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const CartItem: ({ onConfirm }: any) => JSX.Element;
+declare const CartItem: ({ onContinue }: any) => JSX.Element;
 export default CartItem;

package/lib/components/appointmentBooking/components/Cart/Item/index.js

@@ -42,33 +42,42 @@ var import_hooks2 = require("../../../hooks");
 var import_utils2 = require("../../../utils");
 var import_Voucher = __toESM(require("../../Voucher"));
 var import_Total = __toESM(require("./Total"));
+var import_Deposit = __toESM(require("../../Deposit"));
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
-var CartItem = ({ onConfirm }) => {
+var CartItem = ({ onContinue }) => {
   var _a, _b, _c, _d;
   const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
   const {
     carts,
-    isLastStep,
     currentStep,
     resources,
     setResourceOtherParams,
-    resourceOtherParams
+    resourceOtherParams,
+    summary,
+    stepParams
   } = (0, import_context.useAppointmentBookingContext)();
-  const { accountLists } = (0, import_hooks2.useAppointmentBookingAccount)();
+  const { accountLists, getHolders, form_id, addAccount } = (0, import_hooks2.useAppointmentBookingAccount)();
   const { getResourceList } = (0, import_hooks2.useAppointmentBookingResource)();
+  const { isFormSubject } = (0, import_hooks2.useAppointmentBookingSetting)();
+  const { isLogin } = (0, import_hooks2.useAppointmentBookingLogin)();
   const context = (0, import_useEngineContext.default)();
-  const { businessUtils } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const utils = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { businessUtils } = utils;
   const currentUser = (0, import_utils2.formatCurrentUser)();
+  const { deposit } = summary;
   const holderIds = (0, import_react.useMemo)(() => {
+    if (isFormSubject) return [];
     return accountLists.map((item) => item.id);
-  }, [accountLists]);
+  }, [accountLists, isFormSubject]);
   const holders = (0, import_react.useMemo)(() => {
+    if (isFormSubject) return [];
     return (0, import_utils2.formatHolder)(accountLists);
-  }, [accountLists]);
+  }, [accountLists, isFormSubject]);
   const hasGoodPassApp = !!((_b = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _b.call(businessUtils, "goodpass"));
   console.log("has goodpass app:", hasGoodPassApp);
   const handleClickCard = (e, type, val) => {
+    console.log(e, type, val, "handleClickCard");
     if (type === "note") {
       return appointmentBooking.updateCart({
         _id: e == null ? void 0 : e._id,
@@ -86,9 +95,42 @@ var CartItem = ({ onConfirm }) => {
         ...resourceOtherParams,
         errorList: null
       });
-      return appointmentBooking.updateCart({
-        _id: e == null ? void 0 : e._id,
-        resources: [val]
+      if (!val) {
+        appointmentBooking.deleteCartItemInfo("resource", e == null ? void 0 : e._id);
+      } else {
+        appointmentBooking.updateCart({
+          _id: e == null ? void 0 : e._id,
+          resources: val ? [val] : []
+        });
+      }
+      getResourceList();
+      return;
+    }
+    if (type === "change_holder") {
+      if (!val) {
+        appointmentBooking.deleteCartItemInfo("holder", e == null ? void 0 : e._id);
+      } else {
+        appointmentBooking.updateCart({
+          _id: e == null ? void 0 : e._id,
+          account: val
+        });
+      }
+      return;
+    }
+    if (type === "add_holder") {
+      return (0, import_utils2.openForm)({
+        form_id,
+        title: import_utils.locales.getText("pisell2.event.create.form"),
+        utils,
+        callback: async (res) => {
+          if ((res == null ? void 0 : res.status) === "success") {
+            const result = await addAccount(res == null ? void 0 : res.values, "holder");
+            appointmentBooking.updateCart({
+              _id: e == null ? void 0 : e._id,
+              account: result
+            });
+          }
+        }
       });
     }
   };
@@ -101,13 +143,16 @@ var CartItem = ({ onConfirm }) => {
       import_shoppingCart.default,
       {
         productParams: {
-          products: (0, import_utils2.formatCarts)(carts, resources),
+          products: (0, import_utils2.formatCarts)(carts, resources, accountLists),
           hideAddBtn: false,
           holders,
-          disabledEdit: isLastStep,
+          disabledEdit: stepParams == null ? void 0 : stepParams.isLastStep,
           isShowChangeResource: ((_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key) === "select-resource",
           isShowDelete: ((_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key) === "select-service",
-          isShowPackageNote: false
+          isShowPackageNote: false,
+          isShowChangeHolder: (stepParams == null ? void 0 : stepParams.isLastStep) ? false : isFormSubject && isLogin,
+          isShowHolder: isFormSubject,
+          isShowAddHolderButton: true
         },
         collapseParams: {
           activeKey: holderIds,
@@ -120,7 +165,7 @@ var CartItem = ({ onConfirm }) => {
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-footer" }, hasGoodPassApp ? /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, { currentUser, products: carts }) : null, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-footer" }, hasGoodPassApp ? /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, { currentUser, products: carts }) : null, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), (carts == null ? void 0 : carts.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, { onContinue }))
   ));
 };
 var Item_default = CartItem;