@pisell/private-materials 3.3.95 → 3.3.97

package/lib/components/eftposPay/linkly/index.js

@@ -0,0 +1,208 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/linkly/index.tsx
+var linkly_exports = {};
+__export(linkly_exports, {
+  default: () => linkly_default
+});
+module.exports = __toCommonJS(linkly_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_store = require("../store");
+var import_hooks = require("../hooks");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils2 = require("../../../utils");
+var import_step = __toESM(require("../component/step/step"));
+var import_const = require("../const");
+var import_hooks2 = require("./hooks");
+var import_const2 = require("./const");
+var import_helper = require("../helper");
+var Linkly = ({ api, onChange }) => {
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
+  const { custom, status } = (0, import_store.useContextData)();
+  const {
+    statusRef,
+    netRef,
+    modeRef,
+    amountRef,
+    orderIdRef,
+    numRef,
+    deviceRef,
+    payRef
+  } = (0, import_hooks.useStoreRef)();
+  const dispatch = (0, import_store.useDispatch)();
+  const stepRef = (0, import_react.useRef)(custom == null ? void 0 : custom.step);
+  const fail = (0, import_hooks.useFail)(0);
+  const failRef = (0, import_react.useRef)(fail);
+  const initRef = (0, import_react.useRef)(false);
+  const controllerRef = (0, import_react.useRef)();
+  const unloadRef = (0, import_react.useRef)(false);
+  const clearRef = (0, import_react.useRef)();
+  const handleCheck = () => !(unloadRef.current || !netRef.current);
+  const handleLinklySuccess = (res) => {
+    const resData = (res == null ? void 0 : res.data) || {};
+    let receipt = Array.isArray(resData == null ? void 0 : resData.receipt) ? resData.receipt : [resData.receipt];
+    receipt = receipt.filter((item) => typeof item === "string").filter(Boolean);
+    dispatch((0, import_store.updateNextStep)());
+    dispatch(
+      (0, import_store.updateCustom)({
+        card_reader_surcharge: (resData == null ? void 0 : resData.card_reader_surcharge) || 0,
+        receipt
+      })
+    );
+    dispatch(
+      (0, import_store.updateState)({
+        status: "success",
+        title: import_utils.locales.getText("page.eftpos-pay.text.successful")(
+          modeRef.current
+        )
+      })
+    );
+    clearRef.current = setTimeout(() => {
+      var _a, _b;
+      const params = (0, import_helper.getPayParams)(
+        {
+          mode: modeRef.current,
+          amount: amountRef.current,
+          order_id: orderIdRef.current,
+          number: numRef.current,
+          device: deviceRef.current,
+          pay: payRef.current,
+          custom: {
+            card_reader_surcharge: (resData == null ? void 0 : resData.card_reader_surcharge) || 0,
+            receipt
+          }
+        },
+        "success"
+      );
+      onChange("success", {
+        ...params,
+        receipt: ((_b = (_a = deviceRef.current) == null ? void 0 : _a.setting) == null ? void 0 : _b.receipts) ? [] : receipt
+      });
+    }, 1e3);
+  };
+  const { payOrRefund } = (0, import_hooks2.useLinklyPayOrRefund)(handleCheck);
+  const { linklyCancel } = (0, import_hooks2.useLinklyCancel)(handleCheck);
+  const { run: resultQuery, stop: stopResultQuery } = (0, import_hooks2.useTimeResultQuery)(
+    api,
+    handleCheck,
+    handleLinklySuccess
+  );
+  const { linklySignature } = (0, import_hooks2.useLinklySignature)(handleCheck);
+  (0, import_react.useEffect)(() => {
+    stepRef.current = custom == null ? void 0 : custom.step;
+  }, [custom == null ? void 0 : custom.step]);
+  (0, import_react.useEffect)(() => {
+    failRef.current = fail;
+  }, [fail]);
+  (0, import_react.useEffect)(() => {
+    if (statusRef.current === import_const.StatusEnum.Success || statusRef.current === import_const.StatusEnum.Fail) {
+      return;
+    }
+    if (initRef.current) {
+      return;
+    }
+    initRef.current = true;
+    if (numRef.current) {
+      resultQuery();
+      return;
+    }
+    payOrRefund(resultQuery, handleLinklySuccess);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      var _a;
+      (_a = controllerRef.current) == null ? void 0 : _a.abort();
+      unloadRef.current = true;
+      if (clearRef.current) {
+        clearTimeout(clearRef.current);
+      }
+    };
+  }, []);
+  const onCancel = () => {
+    stopResultQuery();
+    linklyCancel(resultQuery);
+  };
+  const onDecline = () => {
+    stopResultQuery();
+    linklySignature(2, resultQuery);
+  };
+  const onAccept = () => {
+    stopResultQuery();
+    linklySignature(3, resultQuery);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-body" }, ((custom == null ? void 0 : custom.list) || []).map((item) => /* @__PURE__ */ import_react.default.createElement(
+    import_step.default,
+    {
+      key: item.index,
+      pedding: item.pedding,
+      resolve: item.resolve,
+      reject: item.reject,
+      status: item.status
+    }
+  )), status === import_const.StatusEnum.Loading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.processing")) : null, status === import_const.StatusEnum.Question ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.receipt.again.title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.receipt.again.text"))) : null, status === import_const.StatusEnum.Success ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.transaction.end")) : null), (custom == null ? void 0 : custom.actionStatus) === import_const2.LinklyActionStatus.Cancel ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onCancel,
+      disabled: !!(custom == null ? void 0 : custom.buttonDisabled)
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.cancel")
+  )) : null, (custom == null ? void 0 : custom.actionStatus) === import_const2.LinklyActionStatus.CancelWaiting || (custom == null ? void 0 : custom.actionStatus) === import_const2.LinklyActionStatus.SignatureWaiting ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      disabled: true
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.leave")
+  )) : null, (custom == null ? void 0 : custom.actionStatus) === import_const2.LinklyActionStatus.Signature ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onDecline
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.decline")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      type: "primary",
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onAccept
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.accept")
+  )) : null);
+};
+var linkly_default = Linkly;

package/lib/components/eftposPay/linkly/service.d.ts

@@ -0,0 +1,32 @@
+/**
+ * linkly支付接口
+ */
+export declare const linklyPayApi: (data: any) => Promise<any>;
+/**
+ * 查询linkly支付结果
+ */
+export declare const linklyPayQueryApi: (param: any) => Promise<any>;
+/**
+ * 取消linkly支付
+ */
+export declare const linklyPayCancelApi: (param: any) => Promise<any>;
+/**
+ * linkly支付签名结果处理
+ */
+export declare const linklyPaySignatureApi: (param: any) => Promise<any>;
+/**
+ * linkly退款接口
+ */
+export declare const linklyRefundApi: (data: any) => Promise<any>;
+/**
+ * 查询linkly退款结果
+ */
+export declare const linklyRefundQueryApi: (param: any) => Promise<any>;
+/**
+ * 取消linkly退款
+ */
+export declare const linklyRefundCancelApi: (param: any) => Promise<any>;
+/**
+ * linkly退款签名结果处理
+ */
+export declare const linklyRefundSignatureApi: (param: any) => Promise<any>;

package/lib/components/eftposPay/linkly/service.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/linkly/service.ts
+var service_exports = {};
+__export(service_exports, {
+  linklyPayApi: () => linklyPayApi,
+  linklyPayCancelApi: () => linklyPayCancelApi,
+  linklyPayQueryApi: () => linklyPayQueryApi,
+  linklyPaySignatureApi: () => linklyPaySignatureApi,
+  linklyRefundApi: () => linklyRefundApi,
+  linklyRefundCancelApi: () => linklyRefundCancelApi,
+  linklyRefundQueryApi: () => linklyRefundQueryApi,
+  linklyRefundSignatureApi: () => linklyRefundSignatureApi
+});
+module.exports = __toCommonJS(service_exports);
+var import_utils = require("../../../utils");
+var linklyPayApi = (data) => {
+  return import_utils.request.getRequest().post("/shop/linkly/pay/apply", data, { customMessage: true, fullResult: true });
+};
+var linklyPayQueryApi = (param) => import_utils.request.getRequest().get("/shop/linkly/pay/query", param, { customMessage: true, fullResult: true });
+var linklyPayCancelApi = (param) => import_utils.request.getRequest().post("/shop/linkly/pay/cancel", param, { customMessage: true, fullResult: true });
+var linklyPaySignatureApi = (param) => import_utils.request.getRequest().post("/shop/linkly/pay/signature", param, { customMessage: true, fullResult: true });
+var linklyRefundApi = (data) => {
+  return import_utils.request.getRequest().post("/shop/linkly/refund/apply", data, { customMessage: true, fullResult: true });
+};
+var linklyRefundQueryApi = (param) => import_utils.request.getRequest().get("/shop/linkly/refund/query", param, { customMessage: true, fullResult: true });
+var linklyRefundCancelApi = (param) => import_utils.request.getRequest().post("/shop/linkly/refund/cancel", param, { customMessage: true, fullResult: true });
+var linklyRefundSignatureApi = (param) => import_utils.request.getRequest().post("/shop/linkly/refund/signature", param, { customMessage: true, fullResult: true });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  linklyPayApi,
+  linklyPayCancelApi,
+  linklyPayQueryApi,
+  linklyPaySignatureApi,
+  linklyRefundApi,
+  linklyRefundCancelApi,
+  linklyRefundQueryApi,
+  linklyRefundSignatureApi
+});

package/lib/components/eftposPay/manufacturer.d.ts

@@ -3,4 +3,5 @@ export { getAmonunt } from './helper';
 export { default as Payo } from './payo';
 export { default as Windcave } from './windcave/windcave';
 export { default as Tyro } from './tyro';
+export { default as Linkly } from './linkly';
 export declare const getInitState: (type: string, params?: any) => State;

package/lib/components/eftposPay/manufacturer.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/eftposPay/manufacturer.tsx
 var manufacturer_exports = {};
 __export(manufacturer_exports, {
+  Linkly: () => import_linkly.default,
   Payo: () => import_payo.default,
   Tyro: () => import_tyro.default,
   Windcave: () => import_windcave.default,
@@ -40,10 +41,12 @@ var import_const = require("./const");
 var import_const2 = __toESM(require("./payo/const"));
 var import_const3 = __toESM(require("./tyro/const"));
 var import_const4 = __toESM(require("./windcave/const"));
+var import_const5 = __toESM(require("./linkly/const"));
 var import_helper = require("./helper");
 var import_payo = __toESM(require("./payo"));
 var import_windcave = __toESM(require("./windcave/windcave"));
 var import_tyro = __toESM(require("./tyro"));
+var import_linkly = __toESM(require("./linkly"));
 var getInitState = (type, params) => {
   switch (type) {
     case import_const.EftposEnum.Payo:
@@ -52,12 +55,15 @@ var getInitState = (type, params) => {
       return (0, import_const4.default)(params);
     case import_const.EftposEnum.Tyro:
       return (0, import_const3.default)(params);
+    case import_const.EftposEnum.Linkly:
+      return (0, import_const5.default)(params);
     default:
       throw new Error("未知的厂商类型");
   }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Linkly,
   Payo,
   Tyro,
   Windcave,

package/lib/components/eftposPay/pay.d.ts

@@ -6,7 +6,7 @@ import './index.less';
  * @Author: hongbing.wang
  * @Date: 2024-08-20 14:59
  */
-declare const Pay: ({ api, onChange: onChangeStatus, className, terminal, net, isMobile, tyroUrl, tyroVersion, formatAmount, client }: PayProps & {
+declare const Pay: ({ api, onChange: onChangeStatus, className, terminal, net, isMobile, tyroUrl, tyroVersion, formatAmount, client, }: PayProps & {
     terminal: {
         network: boolean;
     };

package/lib/components/eftposPay/pay.js

@@ -145,6 +145,7 @@ var Pay = ({
       }
     };
   }, []);
+  console.log("data =>>>>>> ", data);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data.render ? /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -160,7 +161,16 @@ var Pay = ({
       }
     ),
     data.eftpos === "payo" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Payo, { api, onChange }, data.warn && data.status !== import_const.StatusEnum.Success && client === import_const.ClientEnum.Merchant ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-warn" }, data.warn) : null, data.status === import_const.StatusEnum.Success ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.transaction.end")) : null) : null,
-    data.eftpos === "tyro" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Tyro, { api, onChange, key: data.key, url: tyroUrl, version: tyroVersion }) : null,
+    data.eftpos === "tyro" ? /* @__PURE__ */ import_react.default.createElement(
+      import_manufacturer.Tyro,
+      {
+        api,
+        onChange,
+        key: data.key,
+        url: tyroUrl,
+        version: tyroVersion
+      }
+    ) : null,
     data.eftpos === "windcave" ? /* @__PURE__ */ import_react.default.createElement(
       import_manufacturer.Windcave,
       {
@@ -169,7 +179,8 @@ var Pay = ({
         key: data.key,
         formatAmount
       }
-    ) : null
+    ) : null,
+    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null
   ) : null, data.type === import_const.PayRouteEnum.Unset && Comm ? /* @__PURE__ */ import_react.default.createElement(
     Comm,
     {

package/lib/components/eftposPay/payo/config.js

@@ -237,7 +237,16 @@ var POS = ({
 };
 var Action = ({ onChange }) => {
   const dispatch = (0, import_store.useDispatch)();
-  const { mode, client } = (0, import_store.useContextData)();
+  const { mode, client, order_id, number, device } = (0, import_store.useContextData)();
+  const [isShowCancel, setIsShowCancel] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => {
+      setIsShowCancel(true);
+    }, 30 * 1e3);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, []);
   const onManually = () => {
     dispatch(
       (0, import_store.updateState)({
@@ -249,7 +258,18 @@ var Action = ({ onChange }) => {
     );
     dispatch((0, import_store.updateComponent)("Manual", true));
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, client === import_const.ClientEnum.Merchant ? /* @__PURE__ */ import_react.default.createElement(
+  const onCancel = () => {
+    onChange("fail", { number, uniquePaymentNumber: number, device, order_id });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, client === import_const.ClientEnum.User && isShowCancel && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onCancel
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.cancel")
+  ), client === import_const.ClientEnum.Merchant ? /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
       block: true,

package/lib/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "loading" | "warn" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -297,18 +297,18 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "tyro" | "windcave" | "stripe" | "payo" | undefined;
+        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
         subTitle?: string | undefined;
-        type?: "unset" | "step" | undefined;
+        type?: "step" | "unset" | undefined;
         render?: boolean | undefined;
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "loading" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/eventBooking/components/Provider/Cart/ContinueButton/index.js

@@ -43,6 +43,7 @@ var import_serve = require("../../../../../Sales/Event/serve");
 var import_ahooks = require("ahooks");
 var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
+var import_utils3 = require("../../../../../appointmentBooking/utils");
 var ContinueButton = () => {
   var _a, _b;
   const { data } = (0, import_Sales.useSales)();
@@ -53,9 +54,11 @@ var ContinueButton = () => {
     onCheckout,
     createBooking,
     onCheckBeforeBooking,
-    checkBeforeBooking
+    checkBeforeBooking,
+    freePay
   } = (0, import_Sales.useCheckout)();
   const { openLoginModal, isLogin } = (0, import_Sales.useCustomer)();
+  const { deposit, isAgreeDepositPolicy } = (0, import_Sales.useSummary)();
   const [openCheckout, setOpenCheckout] = (0, import_react.useState)(false);
   const [checkedNumber, setCheckedNumber] = (0, import_react.useState)(0);
   const [openEmptyHolder, setOpenEmptyHolder] = (0, import_react.useState)(false);
@@ -226,8 +229,13 @@ var ContinueButton = () => {
     handleNextStep();
   };
   const handleContinue = async () => {
+    var _a2;
     if (isLastStep) {
       const value = (0, import_utils2.formatValues)(data);
+      if ((deposit == null ? void 0 : deposit.hasDeposit) && ((_a2 = deposit == null ? void 0 : deposit.protocols) == null ? void 0 : _a2.length) > 0 && !isAgreeDepositPolicy) {
+        (0, import_utils3.Toast)(import_utils.locales.getText("pisell2.appointment.deposit.agree.policy"));
+        return;
+      }
       const checkRes = await onCheckBeforeBooking(value);
       if ((checkRes == null ? void 0 : checkRes.result) === false) {
         setCheckedNumber(checkRes == null ? void 0 : checkRes.num);
@@ -263,8 +271,13 @@ var ContinueButton = () => {
   }, [currentStepData == null ? void 0 : currentStepData.key]);
   const confirmLoading = (0, import_react.useMemo)(() => {
     if (!isLastStep) return false;
-    return (createBooking == null ? void 0 : createBooking.loading) || (checkBeforeBooking == null ? void 0 : checkBeforeBooking.loading);
-  }, [isLastStep, createBooking == null ? void 0 : createBooking.loading, checkBeforeBooking == null ? void 0 : checkBeforeBooking.loading]);
+    return (createBooking == null ? void 0 : createBooking.loading) || (checkBeforeBooking == null ? void 0 : checkBeforeBooking.loading) || (freePay == null ? void 0 : freePay.loading);
+  }, [
+    isLastStep,
+    createBooking == null ? void 0 : createBooking.loading,
+    checkBeforeBooking == null ? void 0 : checkBeforeBooking.loading,
+    freePay == null ? void 0 : freePay.loading
+  ]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eventBooking/components/Provider/Cart/Deposit/index.tsx
+var Deposit_exports = {};
+__export(Deposit_exports, {
+  default: () => Deposit_default
+});
+module.exports = __toCommonJS(Deposit_exports);
+var import_react = __toESM(require("react"));
+var import_Sales = require("../../../../../Sales");
+var import_Deposit = require("../../../../../appointmentBooking/components/Deposit");
+var Deposit = () => {
+  const {
+    deposit,
+    isAgreeDepositPolicy,
+    setIsAgreeDepositPolicy,
+    getDepositProtocol
+  } = (0, import_Sales.useSummary)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Deposit.DepositContent,
+    {
+      isAgreeDepositPolicy: !!isAgreeDepositPolicy,
+      setIsAgreeDepositPolicy,
+      deposit,
+      depositProtocolRequest: getDepositProtocol
+    }
+  );
+};
+var Deposit_default = Deposit;

package/lib/components/eventBooking/components/Provider/Cart/Item/Total.js

@@ -40,8 +40,9 @@ var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngine
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var Total = ({ className, isFooter }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const { taxTitle, totalTaxFee, isPriceIncludeTax, total } = (0, import_Sales.useSummary)();
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const { cartData } = (0, import_Sales.useCart)();
+  const { taxTitle, totalTaxFee, isPriceIncludeTax, total, deposit } = (0, import_Sales.useSummary)();
   const context = (0, import_useEngineContext.default)();
   console.log(
     taxTitle,
@@ -49,8 +50,10 @@ var Total = ({ className, isFooter }) => {
     totalTaxFee,
     total,
     (_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getSymbolic) == null ? void 0 : _c.call(_b),
+    deposit,
     "wh97978"
   );
+  const showDeposit = ((_d = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _d.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `event-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(
     "div",
     {
@@ -58,16 +61,16 @@ var Total = ({ className, isFooter }) => {
         [["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, import_utils.locales.getText("pisell2.event.total"), isFooter ? ": " : ""), isFooter ? /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "left" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, isFooter && showDeposit ? 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: total,
+        value: ((_e = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _e.length) > 0 && (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}`,
-      `${(_f = (_e = (_d = context == null ? void 0 : context.appHelper) == null ? void 0 : _d.utils) == null ? void 0 : _e.getSymbolic) == null ? void 0 : _f.call(_e)}${totalTaxFee}`
+      `${(_h = (_g = (_f = context == null ? void 0 : context.appHelper) == null ? void 0 : _f.utils) == null ? void 0 : _g.getSymbolic) == null ? void 0 : _h.call(_g)}${totalTaxFee}`
     )) : null),
     !isFooter ? /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellText.Amount,

package/lib/components/eventBooking/components/Provider/Cart/Item/index.js

@@ -39,8 +39,10 @@ var import_Sales = require("../../../../../Sales");
 var import_SelectHolderModal = __toESM(require("../../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
 var import_Total = __toESM(require("./Total"));
+var import_Deposit = __toESM(require("../Deposit"));
 var import_index = require("./index.less");
 var CartItem = () => {
+  var _a;
   const { open, holderData, selectedHolderIds } = (0, import_Sales.useHolder)();
   const {
     deleteCartItem,
@@ -48,7 +50,7 @@ var CartItem = () => {
     cartData,
     addNoteToCartItem
   } = (0, import_Sales.useCart)();
-  const { subtotal } = (0, import_Sales.useSummary)();
+  const { deposit } = (0, import_Sales.useSummary)();
   const { isLastStep } = (0, import_Sales.useStep)();
   const handleClickCard = (e, type, key) => {
     if (type === "note") {
@@ -86,7 +88,7 @@ var CartItem = () => {
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__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: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.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, null))
   ), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open }));
 };
 var Item_default = CartItem;

package/lib/components/eventBooking/components/bookingDetailModal/index.js

@@ -239,7 +239,7 @@ var BookingDetailModal = (props) => {
     utils == null ? void 0 : utils.action({
       type: "pisell1.productDetail",
       data: {
-        detail: { ...(bookingOption == null ? void 0 : bookingOption._originData) || {} },
+        detail: { ...(bookingOption == null ? void 0 : bookingOption._originData) || {}, open_deposit: 1 },
         isOS: false
       },
       callback: (data) => {