@pisell/private-materials 3.3.95 → 3.3.96

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

@@ -0,0 +1,197 @@
+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 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 React, { useEffect, useRef } from 'react';
+import { Button } from 'antd';
+import { locales } from '@pisell/utils';
+import { useContextData, useDispatch, updateCustom, updateState, updateNextStep } from "../store";
+import { useFail, useStoreRef } from "../hooks";
+import useEngineContext from "../../../hooks/useEngineContext";
+import { request } from "../../../utils";
+import Step from "../component/step/step";
+import { StatusEnum } from "../const";
+import { useLinklyCancel, useLinklyPayOrRefund, useTimeResultQuery, useLinklySignature } from "./hooks";
+import { LinklyActionStatus } from "./const";
+import { getPayParams } from "../helper";
+var Linkly = function Linkly(_ref) {
+  var api = _ref.api,
+    onChange = _ref.onChange;
+  // 设置request
+  var context = useEngineContext();
+  var utils = context.appHelper.utils || {};
+  request.setRequest(utils === null || utils === void 0 ? void 0 : utils.request);
+  var _useContextData = useContextData(),
+    custom = _useContextData.custom,
+    status = _useContextData.status;
+  var _useStoreRef = useStoreRef(),
+    statusRef = _useStoreRef.statusRef,
+    netRef = _useStoreRef.netRef,
+    modeRef = _useStoreRef.modeRef,
+    amountRef = _useStoreRef.amountRef,
+    orderIdRef = _useStoreRef.orderIdRef,
+    numRef = _useStoreRef.numRef,
+    deviceRef = _useStoreRef.deviceRef,
+    payRef = _useStoreRef.payRef;
+  var dispatch = useDispatch();
+  var stepRef = useRef(custom === null || custom === void 0 ? void 0 : custom.step);
+  var fail = useFail(0);
+  var failRef = useRef(fail);
+  var initRef = useRef(false);
+  var controllerRef = useRef();
+  var unloadRef = useRef(false);
+  var clearRef = useRef();
+
+  // 检查是否可以继续处理接口返回结果，无网 或 已卸载 则不进行处理
+  var handleCheck = function handleCheck() {
+    return !(unloadRef.current || !netRef.current);
+  };
+  var handleLinklySuccess = function handleLinklySuccess(res) {
+    var resData = (res === null || res === void 0 ? void 0 : res.data) || {};
+    var receipt = Array.isArray(resData === null || resData === void 0 ? void 0 : resData.receipt) ? resData.receipt : [resData.receipt];
+    receipt = receipt.filter(function (item) {
+      return typeof item === 'string';
+    }).filter(Boolean);
+    dispatch(updateNextStep());
+    // 将所有步骤状态设为完成 resolve
+    dispatch(updateCustom({
+      card_reader_surcharge: (resData === null || resData === void 0 ? void 0 : resData.card_reader_surcharge) || 0,
+      receipt: receipt
+    }));
+
+    // 更新支付状态与文案
+    dispatch(updateState({
+      status: 'success',
+      title: locales.getText('page.eftpos-pay.text.successful')(modeRef.current)
+    }));
+    clearRef.current = setTimeout(function () {
+      var _deviceRef$current;
+      var params = 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 || resData === void 0 ? void 0 : resData.card_reader_surcharge) || 0,
+          receipt: receipt
+        }
+      }, 'success');
+      onChange('success', _objectSpread(_objectSpread({}, params), {}, {
+        receipt: (_deviceRef$current = deviceRef.current) !== null && _deviceRef$current !== void 0 && (_deviceRef$current = _deviceRef$current.setting) !== null && _deviceRef$current !== void 0 && _deviceRef$current.receipts ? [] : receipt
+      }));
+    }, 1000);
+  };
+  var _useLinklyPayOrRefund = useLinklyPayOrRefund(handleCheck),
+    payOrRefund = _useLinklyPayOrRefund.payOrRefund;
+  var _useLinklyCancel = useLinklyCancel(handleCheck),
+    linklyCancel = _useLinklyCancel.linklyCancel;
+  var _useTimeResultQuery = useTimeResultQuery(api, handleCheck, handleLinklySuccess),
+    resultQuery = _useTimeResultQuery.run,
+    stopResultQuery = _useTimeResultQuery.stop;
+  var _useLinklySignature = useLinklySignature(handleCheck),
+    linklySignature = _useLinklySignature.linklySignature;
+  useEffect(function () {
+    stepRef.current = custom === null || custom === void 0 ? void 0 : custom.step;
+  }, [custom === null || custom === void 0 ? void 0 : custom.step]);
+  useEffect(function () {
+    failRef.current = fail;
+  }, [fail]);
+  useEffect(function () {
+    if (statusRef.current === StatusEnum.Success || statusRef.current === StatusEnum.Fail) {
+      return;
+    }
+    if (initRef.current) {
+      return;
+    }
+    initRef.current = true;
+
+    // 存在支付流水号
+    if (numRef.current) {
+      resultQuery();
+      return;
+    }
+    payOrRefund(resultQuery, handleLinklySuccess);
+  }, []);
+  useEffect(function () {
+    return function () {
+      var _controllerRef$curren;
+      (_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 || _controllerRef$curren.abort();
+      unloadRef.current = true;
+      if (clearRef.current) {
+        clearTimeout(clearRef.current);
+      }
+    };
+  }, []);
+
+  /**
+   * 取消支付
+   */
+  var onCancel = function onCancel() {
+    stopResultQuery();
+    linklyCancel(resultQuery);
+  };
+
+  /**
+   * 拒绝签名
+   */
+  var onDecline = function onDecline() {
+    stopResultQuery();
+    linklySignature(2, resultQuery);
+  };
+
+  /**
+   * 接受签名
+   */
+  var onAccept = function onAccept() {
+    stopResultQuery();
+    linklySignature(3, resultQuery);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-body"
+  }, ((custom === null || custom === void 0 ? void 0 : custom.list) || []).map(function (item) {
+    return /*#__PURE__*/React.createElement(Step, {
+      key: item.index,
+      pedding: item.pedding,
+      resolve: item.resolve,
+      reject: item.reject,
+      status: item.status
+    });
+  }), status === StatusEnum.Loading ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, locales.getText('page.eftpos-pay.text.processing')) : null, status === StatusEnum.Question ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, locales.getText('page.eftpos-pay.text.receipt.again.title')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, locales.getText('page.eftpos-pay.text.receipt.again.text'))) : null, status === StatusEnum.Success ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, locales.getText('page.eftpos-pay.text.transaction.end')) : null), (custom === null || custom === void 0 ? void 0 : custom.actionStatus) === LinklyActionStatus.Cancel ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onCancel,
+    disabled: !!(custom !== null && custom !== void 0 && custom.buttonDisabled)
+  }, locales.getText('page.eftpos-pay.text.cancel'))) : null, (custom === null || custom === void 0 ? void 0 : custom.actionStatus) === LinklyActionStatus.CancelWaiting || (custom === null || custom === void 0 ? void 0 : custom.actionStatus) === LinklyActionStatus.SignatureWaiting ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    disabled: true
+  }, locales.getText('page.eftpos-pay.text.leave'))) : null, (custom === null || custom === void 0 ? void 0 : custom.actionStatus) === LinklyActionStatus.Signature ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onDecline
+  }, locales.getText('page.eftpos-pay.text.decline')), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    type: "primary",
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onAccept
+  }, locales.getText('page.eftpos-pay.text.accept'))) : null);
+};
+export default Linkly;

package/es/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/es/components/eftposPay/linkly/service.js

@@ -0,0 +1,81 @@
+import { request } from "../../../utils";
+
+/**
+ * linkly支付接口
+ */
+export var linklyPayApi = function linklyPayApi(data) {
+  return request.getRequest().post('/shop/linkly/pay/apply', data, {
+    customMessage: true,
+    fullResult: true
+  });
+};
+
+/**
+ * 查询linkly支付结果
+ */
+export var linklyPayQueryApi = function linklyPayQueryApi(param) {
+  return request.getRequest().get('/shop/linkly/pay/query', param, {
+    customMessage: true,
+    fullResult: true
+  });
+};
+
+/**
+ * 取消linkly支付
+ */
+export var linklyPayCancelApi = function linklyPayCancelApi(param) {
+  return request.getRequest().post('/shop/linkly/pay/cancel', param, {
+    customMessage: true,
+    fullResult: true
+  });
+};
+
+/**
+ * linkly支付签名结果处理
+ */
+export var linklyPaySignatureApi = function linklyPaySignatureApi(param) {
+  return request.getRequest().post('/shop/linkly/pay/signature', param, {
+    customMessage: true,
+    fullResult: true
+  });
+};
+
+/**
+ * linkly退款接口
+ */
+export var linklyRefundApi = function linklyRefundApi(data) {
+  return request.getRequest().post('/shop/linkly/refund/apply', data, {
+    customMessage: true,
+    fullResult: true
+  });
+};
+
+/**
+ * 查询linkly退款结果
+ */
+export var linklyRefundQueryApi = function linklyRefundQueryApi(param) {
+  return request.getRequest().get('/shop/linkly/refund/query', param, {
+    customMessage: true,
+    fullResult: true
+  });
+};
+
+/**
+ * 取消linkly退款
+ */
+export var linklyRefundCancelApi = function linklyRefundCancelApi(param) {
+  return request.getRequest().post('/shop/linkly/refund/cancel', param, {
+    customMessage: true,
+    fullResult: true
+  });
+};
+
+/**
+ * linkly退款签名结果处理
+ */
+export var linklyRefundSignatureApi = function linklyRefundSignatureApi(param) {
+  return request.getRequest().post('/shop/linkly/refund/signature', param, {
+    customMessage: true,
+    fullResult: true
+  });
+};

package/es/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/es/components/eftposPay/manufacturer.js

@@ -2,10 +2,12 @@ import { EftposEnum } from "./const";
 import getPayoInitState from "./payo/const";
 import getTyroInitState from "./tyro/const";
 import getWindcaveInitState from "./windcave/const";
+import getLinklyInitState from "./linkly/const";
 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 var getInitState = function getInitState(type, params) {
   switch (type) {
     case EftposEnum.Payo:
@@ -14,6 +16,8 @@ export var getInitState = function getInitState(type, params) {
       return getWindcaveInitState(params);
     case EftposEnum.Tyro:
       return getTyroInitState(params);
+    case EftposEnum.Linkly:
+      return getLinklyInitState(params);
     default:
       throw new Error('未知的厂商类型');
   }

package/es/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/es/components/eftposPay/pay.js

@@ -10,7 +10,7 @@ import { getPayParams } from "./helper";
 import Manual from "./component/manual";
 import Signature from "./component/signature";
 import { StatusEnum, PayRouteEnum, ClientEnum } from "./const";
-import { Payo, Windcave, Tyro } from "./manufacturer";
+import { Payo, Windcave, Tyro, Linkly } from "./manufacturer";
 import { useContextData, useDispatch, updateStatus, backUpProduction, updateComponent, backUpFree, updateState } from "./store";
 import "./index.less";
 
@@ -150,7 +150,7 @@ var Pay = function Pay(_ref) {
       }
     };
   }, []);
-  // console.log("pay2222 = ",'pay 222' , data.render,data.type)
+  console.log('data =>>>>>> ', data);
   return /*#__PURE__*/React.createElement(React.Fragment, null, data.render ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-box ".concat(className),
     style: data.type === 'step' ? {} : {
@@ -178,6 +178,10 @@ var Pay = function Pay(_ref) {
     onChange: onChange,
     key: data.key,
     formatAmount: formatAmount
+  }) : null, data.eftpos === 'linkly' ? /*#__PURE__*/React.createElement(Linkly, {
+    key: data.key,
+    api: api,
+    onChange: onChange
   }) : null) : null, data.type === PayRouteEnum.Unset && Comm ? /*#__PURE__*/React.createElement(Comm, {
     onChange: onChange,
     api: api,

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

@@ -297,7 +297,7 @@ 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?: "tyro" | "windcave" | "stripe" | "payo" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;

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

@@ -16,7 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import { locales } from '@pisell/utils';
 import { Button, PisellToast } from '@pisell/materials';
-import { useCart, useHolder, useStep, useCheckout, useSales, useCustomer } from "../../../../../Sales";
+import { useCart, useHolder, useStep, useCheckout, useSales, useCustomer, useSummary } from "../../../../../Sales";
 import { formatValues, getFormParams } from "../../../../../Sales/Checkout/utils";
 import OrderProductModal from "../../OrderProductModal/index";
 import EmptyHolderModal from "../../EmptyHolderModal";
@@ -24,6 +24,7 @@ import { getProductPrice } from "../../../../../Sales/Event/serve";
 import { useRequest } from 'ahooks';
 import useEngineContext from "../../../../../../hooks/useEngineContext";
 import "./index.less";
+import { Toast } from "../../../../../appointmentBooking/utils";
 var ContinueButton = function ContinueButton() {
   var _context$appHelper, _cartData$cartItems;
   var _useSales = useSales(),
@@ -43,10 +44,14 @@ var ContinueButton = function ContinueButton() {
     onCheckout = _useCheckout.onCheckout,
     createBooking = _useCheckout.createBooking,
     onCheckBeforeBooking = _useCheckout.onCheckBeforeBooking,
-    checkBeforeBooking = _useCheckout.checkBeforeBooking;
+    checkBeforeBooking = _useCheckout.checkBeforeBooking,
+    freePay = _useCheckout.freePay;
   var _useCustomer = useCustomer(),
     openLoginModal = _useCustomer.openLoginModal,
     isLogin = _useCustomer.isLogin;
+  var _useSummary = useSummary(),
+    deposit = _useSummary.deposit,
+    isAgreeDepositPolicy = _useSummary.isAgreeDepositPolicy;
 
   // 下单之前是否检测失败
   var _useState = useState(false),
@@ -384,41 +389,48 @@ var ContinueButton = function ContinueButton() {
    */
   var handleContinue = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-      var value, checkRes, emptyHolders;
+      var _deposit$protocols, value, checkRes, emptyHolders;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
             if (!isLastStep) {
-              _context6.next = 14;
+              _context6.next = 17;
+              break;
+            }
+            value = formatValues(data); // 如果未同意定金政策，则提示
+            if (!(deposit !== null && deposit !== void 0 && deposit.hasDeposit && (deposit === null || deposit === void 0 || (_deposit$protocols = deposit.protocols) === null || _deposit$protocols === void 0 ? void 0 : _deposit$protocols.length) > 0 && !isAgreeDepositPolicy)) {
+              _context6.next = 5;
               break;
             }
-            value = formatValues(data); // 检测商品是否可以下单
-            _context6.next = 4;
+            Toast(locales.getText('pisell2.appointment.deposit.agree.policy'));
+            return _context6.abrupt("return");
+          case 5:
+            _context6.next = 7;
             return onCheckBeforeBooking(value);
-          case 4:
+          case 7:
             checkRes = _context6.sent;
             if (!((checkRes === null || checkRes === void 0 ? void 0 : checkRes.result) === false)) {
-              _context6.next = 9;
+              _context6.next = 12;
               break;
             }
             setCheckedNumber(checkRes === null || checkRes === void 0 ? void 0 : checkRes.num);
             setOpenCheckout(true);
             return _context6.abrupt("return");
-          case 9:
+          case 12:
             // 验证holder是否为空
             emptyHolders = getWithoutCartItemsHolderNames();
             if (!((emptyHolders === null || emptyHolders === void 0 ? void 0 : emptyHolders.length) > 0)) {
-              _context6.next = 12;
+              _context6.next = 15;
               break;
             }
             return _context6.abrupt("return", setOpenEmptyHolder(true));
-          case 12:
+          case 15:
             // 关闭购物车弹窗
             onCloseCart();
             return _context6.abrupt("return", handleCheckout());
-          case 14:
+          case 17:
             if (isLogin()) {
-              _context6.next = 17;
+              _context6.next = 20;
               break;
             }
             onCloseCart();
@@ -448,9 +460,9 @@ var ContinueButton = function ContinueButton() {
                 return callback;
               }()
             }));
-          case 17:
+          case 20:
             handleHolder();
-          case 18:
+          case 21:
           case "end":
             return _context6.stop();
         }
@@ -487,8 +499,8 @@ var ContinueButton = function ContinueButton() {
    */
   var confirmLoading = useMemo(function () {
     if (!isLastStep) return false;
-    return (createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading) || (checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading);
-  }, [isLastStep, createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading, checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading]);
+    return (createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading) || (checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading) || (freePay === null || freePay === void 0 ? void 0 : freePay.loading);
+  }, [isLastStep, createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading, checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading, freePay === null || freePay === void 0 ? void 0 : freePay.loading]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     disabled: !(cartData !== null && cartData !== void 0 && (_cartData$cartItems = cartData.cartItems) !== null && _cartData$cartItems !== void 0 && _cartData$cartItems.length),
     size: "large",

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

@@ -0,0 +1,2 @@
+declare const Deposit: () => JSX.Element;
+export default Deposit;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { useSummary } from "../../../../../Sales";
+import { DepositContent } from "../../../../../appointmentBooking/components/Deposit";
+var Deposit = function Deposit() {
+  var _useSummary = useSummary(),
+    deposit = _useSummary.deposit,
+    isAgreeDepositPolicy = _useSummary.isAgreeDepositPolicy,
+    setIsAgreeDepositPolicy = _useSummary.setIsAgreeDepositPolicy,
+    getDepositProtocol = _useSummary.getDepositProtocol;
+  return /*#__PURE__*/React.createElement(DepositContent, {
+    isAgreeDepositPolicy: !!isAgreeDepositPolicy,
+    setIsAgreeDepositPolicy: setIsAgreeDepositPolicy,
+    deposit: deposit,
+    depositProtocolRequest: getDepositProtocol
+  });
+};
+export default Deposit;

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

@@ -5,21 +5,25 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { locales } from '@pisell/utils';
 import { PisellText } from '@pisell/materials';
-import { useSummary } from "../../../../../Sales";
+import { useCart, useSummary } from "../../../../../Sales";
 import useEngineContext from "../../../../../../hooks/useEngineContext";
 import "./index.less";
 import classNames from 'classnames';
 var Total = function Total(_ref) {
-  var _context$appHelper, _context$appHelper$ge, _context$appHelper2, _context$appHelper2$g;
+  var _context$appHelper, _context$appHelper$ge, _cartData$cartItems, _cartData$cartItems2, _context$appHelper2, _context$appHelper2$g;
   var className = _ref.className,
     isFooter = _ref.isFooter;
+  var _useCart = useCart(),
+    cartData = _useCart.cartData;
   var _useSummary = useSummary(),
     taxTitle = _useSummary.taxTitle,
     totalTaxFee = _useSummary.totalTaxFee,
     isPriceIncludeTax = _useSummary.isPriceIncludeTax,
-    total = _useSummary.total;
+    total = _useSummary.total,
+    deposit = _useSummary.deposit;
   var context = useEngineContext();
-  console.log(taxTitle, isPriceIncludeTax, totalTaxFee, total, context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper$ge = _context$appHelper.getSymbolic) === null || _context$appHelper$ge === void 0 ? void 0 : _context$appHelper$ge.call(_context$appHelper), 'wh97978');
+  console.log(taxTitle, isPriceIncludeTax, totalTaxFee, total, context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper$ge = _context$appHelper.getSymbolic) === null || _context$appHelper$ge === void 0 ? void 0 : _context$appHelper$ge.call(_context$appHelper), deposit, 'wh97978');
+  var showDeposit = (cartData === null || cartData === void 0 || (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.length) > 0 && (deposit === null || deposit === void 0 ? void 0 : deposit.hasDeposit);
   return /*#__PURE__*/React.createElement("div", {
     className: "event-total-wrap ".concat(className)
   }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("div", {
@@ -31,8 +35,8 @@ var Total = function Total(_ref) {
     className: classNames('event-total', _defineProperty({}, ['total-gst-wrap'], !isPriceIncludeTax && Number(totalTaxFee) > 0))
   }, /*#__PURE__*/React.createElement("div", {
     className: "left"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.event.total'), isFooter ? ': ' : ''), isFooter ? /*#__PURE__*/React.createElement(PisellText.Amount, {
-    value: total,
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, isFooter && showDeposit ? locales.getText('pisell2.appointment.deposit') : locales.getText('pisell2.event.total'), isFooter ? ': ' : ''), isFooter ? /*#__PURE__*/React.createElement(PisellText.Amount, {
+    value: (cartData === null || cartData === void 0 || (_cartData$cartItems2 = cartData.cartItems) === null || _cartData$cartItems2 === void 0 ? void 0 : _cartData$cartItems2.length) > 0 && deposit !== null && deposit !== void 0 && deposit.hasDeposit ? deposit === null || deposit === void 0 ? void 0 : deposit.total : total,
     showCurrencySymbol: true,
     className: "event-amount"
   }) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("span", {

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

@@ -5,8 +5,10 @@ import { useCart, useHolder, useSummary, useStep } from "../../../../../Sales";
 import SelectHolderModal from "../../SelectHolderModal";
 import ContinueButton from "../ContinueButton";
 import Total from "./Total";
+import Deposit from "../Deposit";
 import "./index.less";
 var CartItem = function CartItem() {
+  var _cartData$cartItems;
   var _useHolder = useHolder(),
     open = _useHolder.open,
     holderData = _useHolder.holderData,
@@ -17,7 +19,7 @@ var CartItem = function CartItem() {
     cartData = _useCart.cartData,
     addNoteToCartItem = _useCart.addNoteToCartItem;
   var _useSummary = useSummary(),
-    subtotal = _useSummary.subtotal;
+    deposit = _useSummary.deposit;
   var _useStep = useStep(),
     isLastStep = _useStep.isLastStep;
   var handleClickCard = function handleClickCard(e, type, key) {
@@ -56,7 +58,7 @@ var CartItem = function CartItem() {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "event-footer"
-  }, /*#__PURE__*/React.createElement(Total, null), /*#__PURE__*/React.createElement(ContinueButton, null))), /*#__PURE__*/React.createElement(SelectHolderModal, {
+  }, /*#__PURE__*/React.createElement(Total, null), (cartData === null || cartData === void 0 || (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.length) > 0 && deposit !== null && deposit !== void 0 && deposit.hasDeposit ? /*#__PURE__*/React.createElement(Deposit, null) : null, /*#__PURE__*/React.createElement(ContinueButton, null))), /*#__PURE__*/React.createElement(SelectHolderModal, {
     open: open
   }));
 };

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

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

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

@@ -71,6 +71,14 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.event.schedule.item.expand': string;
         'pisell2.event.schedule.item.collapse': string;
+        'pisell2.appointment.deposit': string;
+        'pisell2.appointment.deposit.agreed': string;
+        'pisell2.appointment.deposit.agree.policy': string;
+        'pisell2.appointment.deposit.and': string;
+        'pisell2.appointment.deposit.amount.tip1': string;
+        'pisell2.appointment.deposit.amount.tip2': string;
+        'pisell2.appointment.deposit.close': string;
+        'pisell2.appointment.booking.empty.data': string;
     };
     'zh-CN': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -144,6 +152,14 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.event.schedule.item.expand': string;
         'pisell2.event.schedule.item.collapse': string;
+        'pisell2.appointment.deposit': string;
+        'pisell2.appointment.deposit.agreed': string;
+        'pisell2.appointment.deposit.agree.policy': string;
+        'pisell2.appointment.deposit.and': string;
+        'pisell2.appointment.deposit.amount.tip1': string;
+        'pisell2.appointment.deposit.amount.tip2': string;
+        'pisell2.appointment.deposit.close': string;
+        'pisell2.appointment.booking.empty.data': string;
     };
     'zh-HK': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -217,6 +233,14 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.event.schedule.item.expand': string;
         'pisell2.event.schedule.item.collapse': string;
+        'pisell2.appointment.deposit': string;
+        'pisell2.appointment.deposit.agreed': string;
+        'pisell2.appointment.deposit.agree.policy': string;
+        'pisell2.appointment.deposit.and': string;
+        'pisell2.appointment.deposit.amount.tip1': string;
+        'pisell2.appointment.deposit.amount.tip2': string;
+        'pisell2.appointment.deposit.close': string;
+        'pisell2.appointment.booking.empty.data': string;
     };
 };
 export default _default;