@pisell/private-materials 3.0.47 → 3.0.48

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

@@ -17,10 +17,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import ChevronDown from "@pisell/icon/es/ChevronDown";
 import classNames from "classnames";
-import { Skeleton, message } from "antd";
+import { Skeleton, message, Dropdown, Space } from "antd";
 import { formatAmount, locales } from "@pisell/utils";
 import { Button } from "antd";
 import { formatProducts } from "../../addons";
@@ -29,6 +29,7 @@ import { getSumTotal, is_price_include_tax } from "./amount";
 import FooterMenus from "./FooterMenus";
 import "./index.less";
 import useEngineContext from "../../../../hooks/useEngineContext";
+import { DownOutlined } from "@ant-design/icons";
 
 /**
  * @title: 底部
@@ -39,7 +40,7 @@ import useEngineContext from "../../../../hooks/useEngineContext";
  * @Date: 2024-01-30 16:51
  */
 var Footer = function Footer(props) {
-  var _context$appHelper, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$addons2, _state$addons4, _state$bookingDetail8;
+  var _context$appHelper, _store$getState, _store$getState$call, _store$getState$call$, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$addons2, _state$addons4, _state$bookingDetail8;
   var state = props.state,
     buttons = props.buttons,
     dispatch = props.dispatch,
@@ -62,7 +63,14 @@ var Footer = function Footer(props) {
   var context = useEngineContext();
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     isTerminal = _context$appHelper$ut.isTerminal,
-    interaction = _context$appHelper$ut.interaction;
+    interaction = _context$appHelper$ut.interaction,
+    store = _context$appHelper$ut.store;
+  var isShowPaymentLink = store === null || store === void 0 ? void 0 : (_store$getState = store.getState) === null || _store$getState === void 0 ? void 0 : (_store$getState$call = _store$getState.call(store)) === null || _store$getState$call === void 0 ? void 0 : (_store$getState$call$ = _store$getState$call.global) === null || _store$getState$call$ === void 0 ? void 0 : _store$getState$call$.paymentLinkBtnShow;
+  useEffect(function () {
+    store === null || store === void 0 ? void 0 : store.dispatch({
+      type: "global/_getPaymentLinkBtnShow"
+    });
+  }, []);
 
   // board 配置
   var params = useMemo(function () {
@@ -277,11 +285,11 @@ var Footer = function Footer(props) {
    */
   var handleSave = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4) {
-      var type, _setLoading, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, api;
+      var type, _ref4$messageShow, messageShow, _setLoading, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, api;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            type = _ref4.type;
+            type = _ref4.type, _ref4$messageShow = _ref4.messageShow, messageShow = _ref4$messageShow === void 0 ? true : _ref4$messageShow;
             // 区分loading, 是点击的checkout 还是save
             _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
             _setLoading(true);
@@ -323,7 +331,9 @@ var Footer = function Footer(props) {
             return api(values);
           case 23:
             callbackData = _context4.sent;
-            message.success(locales.getText(state.bookingId ? "pisell2.text.appointment-updated" : "pisell2.text.created-successfully"));
+            if (messageShow) {
+              message.success(locales.getText(state.bookingId ? "pisell2.text.appointment-updated" : "pisell2.text.created-successfully"));
+            }
           case 25:
             // 回调关闭弹窗
             state === null || state === void 0 ? void 0 : state.callback(callbackData);
@@ -432,6 +442,71 @@ var Footer = function Footer(props) {
       disabled: isDisabled
     }, locales.getText("pisell2.text.checkout"));
   }, [isEdit, checkoutLoading, isDisabled, state, source]);
+  var handleMenuClick = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(e) {
+      var id, res;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            id = state.bookingId;
+            if (!isEdit) {
+              _context6.next = 6;
+              break;
+            }
+            _context6.next = 4;
+            return handleSave({
+              type: "checkout",
+              messageShow: false
+            });
+          case 4:
+            res = _context6.sent;
+            id = (res === null || res === void 0 ? void 0 : res.order_id) || state.bookingId;
+          case 6:
+            if (e.key === 'sendMail') {
+              state.action({
+                type: 'pisell1.sendPayLinkEmail',
+                data: {
+                  id: id
+                },
+                callback: function callback() {}
+              });
+            }
+            if (e.key === 'copy') {
+              state.action({
+                type: 'pisell1.genClientPayLink',
+                data: {
+                  id: id
+                },
+                callback: function callback() {}
+              });
+            }
+          case 8:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function handleMenuClick(_x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var paymentLinkButton = useMemo(function () {
+    var items = [{
+      label: locales.getText('pisell2.text.send-mail'),
+      key: 'sendMail'
+    }, {
+      label: locales.getText('pisell2.text.copy-to-clipboard'),
+      key: 'copy'
+    }];
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      menu: {
+        items: items,
+        onClick: handleMenuClick
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "pisell-lowcode__booking-footer-buttons-item"
+    }, /*#__PURE__*/React.createElement(Space, null, locales.getText('pisell2.text.payment-link'), /*#__PURE__*/React.createElement(DownOutlined, null))));
+  }, [handleMenuClick]);
 
   /**
    * @title: 保存按钮
@@ -491,7 +566,8 @@ var Footer = function Footer(props) {
     checkout: checkoutButton,
     save: saveButton,
     complete: completeButton,
-    refund: refundButton
+    refund: refundButton,
+    paymentLink: paymentLinkButton
   };
 
   /**
@@ -539,6 +615,9 @@ var Footer = function Footer(props) {
     // payment
     if (source === "payment") {
       var _arr2 = [];
+      if (state.bookingId && isShowPaymentLink) {
+        _arr2.push(buttonMap.paymentLink);
+      }
       // 有已支付金额, 展示退款
       if (total.paidAmount > 0) {
         _arr2.push(buttonMap.refund);
@@ -553,6 +632,9 @@ var Footer = function Footer(props) {
     // info
     if (source === "info") {
       var _arr3 = [];
+      if (state.bookingId && isShowPaymentLink) {
+        _arr3.push(buttonMap.paymentLink);
+      }
       // 有未支付金额 展示checkout
       if (isCheckout) {
         _arr3.push(buttonMap.checkout);

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

@@ -10,6 +10,7 @@ declare type DepositItemProps = {
     orderNumber: number;
     handleGoOrderDetail: () => void;
     generatePaymentLink: (orderId: number) => void;
+    sendEmail: (orderId: number) => void;
     depositAmount: number;
     amountSymbol: string;
     createdTime: string;

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

@@ -26,7 +26,8 @@ var DepositItem = function DepositItem(props) {
     amountSymbol = props.amountSymbol,
     createdTime = props.createdTime,
     isPaid = props.isPaid,
-    isBookingCancelled = props.isBookingCancelled;
+    isBookingCancelled = props.isBookingCancelled,
+    sendEmail = props.sendEmail;
   var statusText = {
     unpaid: locales.getText("pisell2.text.deposit-item-status-unpaid"),
     paid: locales.getText("pisell2.text.deposit-item-status-paid")
@@ -35,20 +36,19 @@ var DepositItem = function DepositItem(props) {
     document.body.id = "body";
   }, []);
   var items = [{
+    key: "send",
+    label: /*#__PURE__*/React.createElement("div", null, locales.getText('pisell2.text.send-mail'))
+  }, {
     key: "1",
     disabled: isPaid || isBookingCancelled,
     label: /*#__PURE__*/React.createElement("div", null, locales.getText("pisell2.text.deposit-generate-payment-link"))
-  }
-  // {
-  //   key: "2",
-  //   label: <div>发送邮件</div>,
-  // },
-  ];
-
+  }];
   var onClick = function onClick(_ref) {
     var key = _ref.key;
     if (key === '1') {
       generatePaymentLink === null || generatePaymentLink === void 0 ? void 0 : generatePaymentLink(orderId);
+    } else if (key === 'send') {
+      sendEmail === null || sendEmail === void 0 ? void 0 : sendEmail(orderId);
     }
   };
   return /*#__PURE__*/React.createElement("div", {

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

@@ -39,13 +39,23 @@ var Deposit = function Deposit(props) {
   var context = useEngineContext();
   var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
     isTerminal = _ref.isTerminal,
-    interaction = _ref.interaction;
+    interaction = _ref.interaction,
+    action = _ref.action;
   request.setRequest(context.appHelper.utils.request);
   var bookingDetail = globalState.bookingDetail,
     bookingId = globalState.bookingId,
     amountSymbol = globalState.amountSymbol,
     generatePaymentLink = globalState.generatePaymentLink,
     locale = globalState.locale;
+  var sendEmail = function sendEmail(id) {
+    action({
+      type: 'pisell1.sendPayLinkEmail',
+      data: {
+        id: id
+      },
+      callback: function callback() {}
+    });
+  };
   var create = function create() {
     var _editDepositModalRef$, _editDepositModalRef$2;
     (_editDepositModalRef$ = editDepositModalRef.current) === null || _editDepositModalRef$ === void 0 ? void 0 : (_editDepositModalRef$2 = _editDepositModalRef$.handleOpen) === null || _editDepositModalRef$2 === void 0 ? void 0 : _editDepositModalRef$2.call(_editDepositModalRef$);
@@ -147,6 +157,7 @@ var Deposit = function Deposit(props) {
       key: item.status
     }, item, {
       generatePaymentLink: generatePaymentLink,
+      sendEmail: sendEmail,
       handleGoOrderDetail: handleGoOrderDetail,
       onEdit: function onEdit(e) {
         return handleEdit(e, item);

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

@@ -142,6 +142,9 @@ declare const _default: {
         'pisell2.text.deposit-delete-message': string;
         'pisell2.text.deposit-paid': string;
         "pisell2.text.stock": string;
+        'pisell2.text.payment-link': string;
+        'pisell2.text.send-mail': string;
+        'pisell2.text.copy-to-clipboard': string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -286,6 +289,9 @@ declare const _default: {
         'pisell2.text.deposit-delete-message': string;
         'pisell2.text.deposit-paid': string;
         "pisell2.text.stock": string;
+        'pisell2.text.payment-link': string;
+        'pisell2.text.send-mail': string;
+        'pisell2.text.copy-to-clipboard': string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -430,6 +436,9 @@ declare const _default: {
         'pisell2.text.deposit-delete-message': string;
         'pisell2.text.deposit-paid': string;
         "pisell2.text.stock": string;
+        'pisell2.text.payment-link': string;
+        'pisell2.text.send-mail': string;
+        'pisell2.text.copy-to-clipboard': string;
     };
 };
 export default _default;

package/es/components/booking/locales.js

@@ -156,7 +156,10 @@ export default {
     'pisell2.text.deposit-delete-message-title': "Prompt",
     'pisell2.text.deposit-delete-message': "It cannot be restored after deletion. Please confirm the operation.",
     'pisell2.text.deposit-paid': "Deposit paid",
-    "pisell2.text.stock": "Stock"
+    "pisell2.text.stock": "Stock",
+    'pisell2.text.payment-link': "Payment link",
+    'pisell2.text.send-mail': "Send mail",
+    'pisell2.text.copy-to-clipboard': "Copy to clipboard"
   },
   'zh-CN': {
     'pisell2.text.refunded-amount': '已退金额',
@@ -320,7 +323,10 @@ export default {
     'pisell2.text.deposit-delete-message-title': "提示",
     'pisell2.text.deposit-delete-message': "删除后不可恢复，请确认操作",
     'pisell2.text.deposit-paid': "已付定金",
-    "pisell2.text.stock": "库存"
+    "pisell2.text.stock": "库存",
+    'pisell2.text.payment-link': "付款链接",
+    'pisell2.text.send-mail': "发送邮件",
+    'pisell2.text.copy-to-clipboard': "复制到剪切板"
   },
   'zh-HK': {
     'pisell2.text.refunded-amount': '已退金額',
@@ -484,6 +490,9 @@ export default {
     'pisell2.text.deposit-delete-message-title': "提示",
     'pisell2.text.deposit-delete-message': "刪除後不可恢復，請確認操作",
     'pisell2.text.deposit-paid': "已付定金",
-    "pisell2.text.stock": "庫存"
+    "pisell2.text.stock": "庫存",
+    'pisell2.text.payment-link': "付款鏈接",
+    'pisell2.text.send-mail': "發送郵件",
+    'pisell2.text.copy-to-clipboard': "複製到剪切板"
   }
 };

package/lib/components/booking/components/footer/index.js

@@ -44,25 +44,32 @@ var import_amount = require("./amount");
 var import_FooterMenus = __toESM(require("./FooterMenus"));
 var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_icons = require("@ant-design/icons");
 var Footer = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const { state, buttons, dispatch, source } = props;
   const [showDetail, setShowDetail] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [checkoutLoading, setCheckoutLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
-  const { isTerminal, interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { isTerminal, interaction, store } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const isShowPaymentLink = (_d = (_c = (_b = store == null ? void 0 : store.getState) == null ? void 0 : _b.call(store)) == null ? void 0 : _c.global) == null ? void 0 : _d.paymentLinkBtnShow;
+  (0, import_react.useEffect)(() => {
+    store == null ? void 0 : store.dispatch({
+      type: "global/_getPaymentLinkBtnShow"
+    });
+  }, []);
   const params = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_subject) || {};
-  }, [(_d = (_c = (_b = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.appointment_subject]);
+  }, [(_g = (_f = (_e = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _e.config) == null ? void 0 : _f.basic) == null ? void 0 : _g.appointment_subject]);
   const addonsEdit = (0, import_react.useMemo)(() => {
     var _a2;
     if ((_a2 = state.addons) == null ? void 0 : _a2.edit) {
       return true;
     }
     return false;
-  }, [(_e = state.addons) == null ? void 0 : _e.edit]);
+  }, [(_h = state.addons) == null ? void 0 : _h.edit]);
   const infoEdit = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
     if (!state.bookingId) {
@@ -154,7 +161,7 @@ var Footer = (props) => {
       console.log("state.bookingId && state.addons.edit", err);
     }
   };
-  const handleSave = async ({ type }) => {
+  const handleSave = async ({ type, messageShow = true }) => {
     var _a2;
     let _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
     _setLoading(true);
@@ -173,11 +180,13 @@ var Footer = (props) => {
       }
       if (infoEdit) {
         callbackData = await api(values);
-        import_antd.message.success(
-          import_utils.locales.getText(
-            state.bookingId ? "pisell2.text.appointment-updated" : "pisell2.text.created-successfully"
-          )
-        );
+        if (messageShow) {
+          import_antd.message.success(
+            import_utils.locales.getText(
+              state.bookingId ? "pisell2.text.appointment-updated" : "pisell2.text.created-successfully"
+            )
+          );
+        }
       }
       state == null ? void 0 : state.callback(callbackData);
       _setLoading(false);
@@ -228,6 +237,52 @@ var Footer = (props) => {
       import_utils.locales.getText("pisell2.text.checkout")
     );
   }, [isEdit, checkoutLoading, isDisabled, state, source]);
+  const handleMenuClick = async (e) => {
+    let id = state.bookingId;
+    if (isEdit) {
+      const res = await handleSave({ type: "checkout", messageShow: false });
+      id = (res == null ? void 0 : res.order_id) || state.bookingId;
+    }
+    if (e.key === "sendMail") {
+      state.action({
+        type: "pisell1.sendPayLinkEmail",
+        data: {
+          id
+        },
+        callback: () => {
+        }
+      });
+    }
+    if (e.key === "copy") {
+      state.action({
+        type: "pisell1.genClientPayLink",
+        data: {
+          id
+        },
+        callback: () => {
+        }
+      });
+    }
+  };
+  const paymentLinkButton = (0, import_react.useMemo)(() => {
+    const items = [
+      { label: import_utils.locales.getText("pisell2.text.send-mail"), key: "sendMail" },
+      { label: import_utils.locales.getText("pisell2.text.copy-to-clipboard"), key: "copy" }
+    ];
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Dropdown,
+      {
+        menu: { items, onClick: handleMenuClick }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd2.Button,
+        {
+          className: "pisell-lowcode__booking-footer-buttons-item"
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, import_utils.locales.getText("pisell2.text.payment-link"), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null))
+      )
+    );
+  }, [handleMenuClick]);
   const saveButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd2.Button,
@@ -270,7 +325,8 @@ var Footer = (props) => {
     checkout: checkoutButton,
     save: saveButton,
     complete: completeButton,
-    refund: refundButton
+    refund: refundButton,
+    paymentLink: paymentLinkButton
   };
   const isCheckout = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
@@ -303,6 +359,9 @@ var Footer = (props) => {
     }
     if (source === "payment") {
       let arr = [];
+      if (state.bookingId && isShowPaymentLink) {
+        arr.push(buttonMap.paymentLink);
+      }
       if (total.paidAmount > 0) {
         arr.push(buttonMap.refund);
       }
@@ -313,6 +372,9 @@ var Footer = (props) => {
     }
     if (source === "info") {
       let arr = [];
+      if (state.bookingId && isShowPaymentLink) {
+        arr.push(buttonMap.paymentLink);
+      }
       if (isCheckout) {
         arr.push(buttonMap.checkout);
       } else {
@@ -428,7 +490,7 @@ var Footer = (props) => {
   }, [
     state.bookingId,
     state.bookingDetail,
-    (_f = state.addons) == null ? void 0 : _f.load,
+    (_i = state.addons) == null ? void 0 : _i.load,
     state.renderType
   ]);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
@@ -458,7 +520,7 @@ var Footer = (props) => {
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-border" }),
     /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, import_utils.locales.getText("pisell1.text.subtotal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.productAmount, 2, (state == null ? void 0 : state.amountSymbol) || "$"))),
-    (((_g = state.bookingDetail) == null ? void 0 : _g.surcharge) || []).map((d) => {
+    (((_j = state.bookingDetail) == null ? void 0 : _j.surcharge) || []).map((d) => {
       return /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item", key: d.id }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, d.name[state.locale]), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(d.amount, 2, (state == null ? void 0 : state.amountSymbol) || "$")));
     }),
     state.bookingId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-label" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, import_utils.locales.getText("pisell1.text.tax")), /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { fontSize: 14 } }, taxText)), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.tax, 2, (state == null ? void 0 : state.amountSymbol) || "$"))) : null,

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

@@ -10,6 +10,7 @@ declare type DepositItemProps = {
     orderNumber: number;
     handleGoOrderDetail: () => void;
     generatePaymentLink: (orderId: number) => void;
+    sendEmail: (orderId: number) => void;
     depositAmount: number;
     amountSymbol: string;
     createdTime: string;

package/lib/components/booking/deposit/DepositItem/index.js

@@ -61,7 +61,8 @@ var DepositItem = (props) => {
     amountSymbol,
     createdTime,
     isPaid,
-    isBookingCancelled
+    isBookingCancelled,
+    sendEmail
   } = props;
   const statusText = {
     unpaid: import_utils.locales.getText("pisell2.text.deposit-item-status-unpaid"),
@@ -71,19 +72,21 @@ var DepositItem = (props) => {
     document.body.id = "body";
   }, []);
   const items = [
+    {
+      key: "send",
+      label: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.send-mail"))
+    },
     {
       key: "1",
       disabled: isPaid || isBookingCancelled,
       label: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.deposit-generate-payment-link"))
     }
-    // {
-    //   key: "2",
-    //   label: <div>发送邮件</div>,
-    // },
   ];
   const onClick = ({ key }) => {
     if (key === "1") {
       generatePaymentLink == null ? void 0 : generatePaymentLink(orderId);
+    } else if (key === "send") {
+      sendEmail == null ? void 0 : sendEmail(orderId);
     }
   };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item" }, /* @__PURE__ */ import_react.default.createElement(

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

@@ -51,9 +51,19 @@ var Deposit = (props) => {
   const [modal, contextHolder] = import_antd.Modal.useModal();
   const editDepositModalRef = (0, import_react.useRef)();
   const context = (0, import_useEngineContext.default)();
-  const { isTerminal, interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const { isTerminal, interaction, action } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   import_utils2.request.setRequest(context.appHelper.utils.request);
   const { bookingDetail, bookingId, amountSymbol, generatePaymentLink, locale } = globalState;
+  const sendEmail = (id) => {
+    action({
+      type: "pisell1.sendPayLinkEmail",
+      data: {
+        id
+      },
+      callback: () => {
+      }
+    });
+  };
   const create = () => {
     var _a2, _b2;
     (_b2 = (_a2 = editDepositModalRef.current) == null ? void 0 : _a2.handleOpen) == null ? void 0 : _b2.call(_a2);
@@ -165,6 +175,7 @@ var Deposit = (props) => {
         key: item.status,
         ...item,
         generatePaymentLink,
+        sendEmail,
         handleGoOrderDetail,
         onEdit: (e) => handleEdit(e, item),
         isPaid,

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

@@ -142,6 +142,9 @@ declare const _default: {
         'pisell2.text.deposit-delete-message': string;
         'pisell2.text.deposit-paid': string;
         "pisell2.text.stock": string;
+        'pisell2.text.payment-link': string;
+        'pisell2.text.send-mail': string;
+        'pisell2.text.copy-to-clipboard': string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -286,6 +289,9 @@ declare const _default: {
         'pisell2.text.deposit-delete-message': string;
         'pisell2.text.deposit-paid': string;
         "pisell2.text.stock": string;
+        'pisell2.text.payment-link': string;
+        'pisell2.text.send-mail': string;
+        'pisell2.text.copy-to-clipboard': string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -430,6 +436,9 @@ declare const _default: {
         'pisell2.text.deposit-delete-message': string;
         'pisell2.text.deposit-paid': string;
         "pisell2.text.stock": string;
+        'pisell2.text.payment-link': string;
+        'pisell2.text.send-mail': string;
+        'pisell2.text.copy-to-clipboard': string;
     };
 };
 export default _default;

package/lib/components/booking/locales.js

@@ -174,7 +174,10 @@ var locales_default = {
     "pisell2.text.deposit-delete-message-title": "Prompt",
     "pisell2.text.deposit-delete-message": "It cannot be restored after deletion. Please confirm the operation.",
     "pisell2.text.deposit-paid": "Deposit paid",
-    "pisell2.text.stock": "Stock"
+    "pisell2.text.stock": "Stock",
+    "pisell2.text.payment-link": "Payment link",
+    "pisell2.text.send-mail": "Send mail",
+    "pisell2.text.copy-to-clipboard": "Copy to clipboard"
   },
   "zh-CN": {
     "pisell2.text.refunded-amount": "已退金额",
@@ -332,7 +335,10 @@ var locales_default = {
     "pisell2.text.deposit-delete-message-title": "提示",
     "pisell2.text.deposit-delete-message": "删除后不可恢复，请确认操作",
     "pisell2.text.deposit-paid": "已付定金",
-    "pisell2.text.stock": "库存"
+    "pisell2.text.stock": "库存",
+    "pisell2.text.payment-link": "付款链接",
+    "pisell2.text.send-mail": "发送邮件",
+    "pisell2.text.copy-to-clipboard": "复制到剪切板"
   },
   "zh-HK": {
     "pisell2.text.refunded-amount": "已退金額",
@@ -490,6 +496,9 @@ var locales_default = {
     "pisell2.text.deposit-delete-message-title": "提示",
     "pisell2.text.deposit-delete-message": "刪除後不可恢復，請確認操作",
     "pisell2.text.deposit-paid": "已付定金",
-    "pisell2.text.stock": "庫存"
+    "pisell2.text.stock": "庫存",
+    "pisell2.text.payment-link": "付款鏈接",
+    "pisell2.text.send-mail": "發送郵件",
+    "pisell2.text.copy-to-clipboard": "複製到剪切板"
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.47",
+  "version": "3.0.48",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",