@pisell/private-materials 3.0.47 → 3.0.49

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/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => any;
+declare const Booking: (props: any) => JSX.Element;
 export default Booking;

package/lib/components/booking/info/index.d.ts

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => any;
+declare const Info: (props: any) => JSX.Element;
 export default Info;

package/lib/components/booking/info/model.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { FormState } from "../model";
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/info/service/addService/index.js

@@ -46,7 +46,7 @@ var import_utils = require("../../utils");
 var import_utils2 = require("../../../utils");
 var import_utils3 = require("@pisell/utils");
 var import_ahooks = require("ahooks");
-var shopList = [2886, 4422, 5538, 6930];
+var shopList = [2886, 4422, 5538, 6930, 6814, 6813, 6812, 6087];
 var getCacheResourceId = () => {
   const serviceParams = (0, import_utils2.getCacheParams)();
   let resId = Number(serviceParams == null ? void 0 : serviceParams.resource_id);

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/lib/components/booking/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -89,7 +88,7 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => any;
+declare const Notes: (props: any) => JSX.Element;
 export default Notes;

package/lib/components/booking/notes/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/payments/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Payments: (props: any) => any;
+declare const Payments: (props: any) => JSX.Element;
 export default Payments;

package/lib/components/booking/payments/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/schedules/index.d.ts

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Schedules: (props: any) => any;
+declare const Schedules: (props: any) => JSX.Element;
 export default Schedules;

package/lib/components/schedules/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,7 +68,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.47",
+  "version": "3.0.49",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -58,8 +58,8 @@
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
-    "@pisell/icon": "0.0.8",
     "@pisell/utils": "1.0.24",
+    "@pisell/icon": "0.0.8",
     "@pisell/date-picker": "1.0.69"
   },
   "peerDependencies": {