@pisell/private-materials 3.0.111 → 3.0.113

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

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

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

@@ -604,7 +604,7 @@ var Footer = (props) => {
     let str = "";
     if (isOnlyDeposit) {
       return `${import_utils.locales.getText("pisell2.text.deposit-paid")} ${(0, import_utils.formatAmount)(
-        (_a2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _a2.deposit_amount,
+        (_a2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _a2.deposit_paid_amount,
         2,
         (state == null ? void 0 : state.amountSymbol) || "$"
       )} ${total.duration ? `(${total.duration})` : ""}`;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.less';
 declare type DepositItemProps = {
-    status: 'paid' | 'unpaid';
+    status: 'paid' | 'unpaid' | 'partially_paid';
     onEdit: React.MouseEventHandler<HTMLSpanElement>;
     customer: any;
     totalAmountStr: string;
@@ -12,6 +12,9 @@ declare type DepositItemProps = {
     generatePaymentLink: (orderId: number) => void;
     sendEmail: (orderId: number) => void;
     depositAmount: number;
+    depositUnPaidAmount: number;
+    depositPaidAmount: number;
+    depositOriginPaidAmount: number;
     amountSymbol: string;
     createdTime: string;
     isPaid: boolean;

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

@@ -41,11 +41,13 @@ var import_Edit05 = __toESM(require("@pisell/icon/src/Edit05"));
 var import_index = require("./index.less");
 var statusTagColor = {
   unpaid: "#B2DDFF",
-  paid: "#ABEFC6"
+  paid: "#ABEFC6",
+  partially_paid: "#CEEAB0"
 };
 var statusBgColor = {
   unpaid: "#EFF8FF",
-  paid: "#ECFDF3"
+  paid: "#ECFDF3",
+  partially_paid: "#F5FBEE"
 };
 var DepositItem = (props) => {
   const {
@@ -63,11 +65,17 @@ var DepositItem = (props) => {
     isPaid,
     isBookingCancelled,
     sendEmail,
-    hideOrderDetail
+    hideOrderDetail,
+    depositPaidAmount,
+    depositUnPaidAmount,
+    depositOriginPaidAmount
   } = props;
   const statusText = {
     unpaid: import_utils.locales.getText("pisell2.text.deposit-item-status-unpaid"),
-    paid: import_utils.locales.getText("pisell2.text.deposit-item-status-paid")
+    paid: import_utils.locales.getText("pisell2.text.deposit-item-status-paid"),
+    partially_paid: import_utils.locales.getText(
+      "pisell2.text.deposit-item-status-partially-paid"
+    )
   };
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
@@ -90,6 +98,7 @@ var DepositItem = (props) => {
       sendEmail == null ? void 0 : sendEmail(orderId);
     }
   };
+  const handlingFee = (Number(depositPaidAmount) || 0) - (Number(depositOriginPaidAmount) || 0);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -104,13 +113,15 @@ var DepositItem = (props) => {
       },
       statusText[status]
     ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-header-right" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__deposit-item-header-right-amount" }, (0, import_utils.formatAmount)(depositAmount, 2, amountSymbol)), !(isPaid || isBookingCancelled) && /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-header-right" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__deposit-item-header-right-amount" }, (0, import_utils.formatAmount)(depositAmount, 2, amountSymbol)), !(isPaid || status === "partially_paid" || isBookingCancelled) && /* @__PURE__ */ import_react.default.createElement(
       import_Edit05.default,
       {
         className: "pisell-lowcode__deposit-item-header-right-edit",
         onClick: onEdit
       }
     ))
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line1" }, import_utils.locales.getText("pisell2.text.deposit-order-no"), " ", orderNumber), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line2" }, createdTime), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ClientItem.default, { data: customer, coverSize: 40, walkInName: "Walk-In" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-total" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.deposit-order-total")), /* @__PURE__ */ import_react.default.createElement("div", null, totalAmountStr)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-action" }, !hideOrderDetail && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, size: "large", onClick: handleGoOrderDetail }, import_utils.locales.getText("pisell2.text.deposit-order-detail")), /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items, onClick }, placement: "bottom" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, type: "primary", size: "large" }, import_utils.locales.getText("pisell2.text.deposit-collect-deposit"), " ", /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null))))));
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line1" }, import_utils.locales.getText("pisell2.text.deposit-order-no"), " ", orderNumber), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line2" }, createdTime), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ClientItem.default, { data: customer, coverSize: 40, walkInName: "Walk-In" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-total" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.deposit-order-total")), /* @__PURE__ */ import_react.default.createElement("div", null, totalAmountStr)), ["partially_paid"].includes(status) && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-total-deposit" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.deposit-deposit-paid"), " ", handlingFee > 0 && /* @__PURE__ */ import_react.default.createElement("span", null, "(", import_utils.locales.getText(
+    "pisell2.text.deposit-deposit-paid-including-surcharge"
+  ), " ", (0, import_utils.formatAmount)(handlingFee, 2, amountSymbol), ")")), /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_utils.formatAmount)(depositPaidAmount, 2, amountSymbol))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-total-deposit" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.deposit-deposit-paid-due"), " "), /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_utils.formatAmount)(depositUnPaidAmount, 2, amountSymbol)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-action" }, !hideOrderDetail && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, size: "large", onClick: handleGoOrderDetail }, import_utils.locales.getText("pisell2.text.deposit-order-detail")), /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items, onClick }, placement: "bottom" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, type: "primary", size: "large" }, import_utils.locales.getText("pisell2.text.deposit-collect-deposit"), " ", /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null))))));
 };
 var DepositItem_default = DepositItem;

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

@@ -1,13 +1,15 @@
 .pisell-lowcode__deposit-item {
   border-radius: 12px;
-  border: 1px solid var(--Gray-300, #D0D5DD);
-  background: var(--Base-White, #FFF);
-  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+  border: 1px solid var(--Gray-300, #d0d5dd);
+  background: var(--Base-White, #fff);
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
+    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
   overflow: hidden;
   .pisell-lowcode__deposit-item-header {
-    background: var(--Blue-50, #EFF8FF);
+    background: var(--Blue-50, #eff8ff);
     display: flex;
     padding: 20px;
+    align-items: center;
     .pisell-lowcode__deposit-status {
       display: flex;
       padding: 6px 16px;
@@ -19,6 +21,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 20px; /* 142.857% */
+      height: 32px;
     }
     .pisell-lowcode__deposit-item-header-right {
       flex: 1;
@@ -26,24 +29,34 @@
       display: flex;
       align-items: center;
       justify-content: flex-end;
+      font-weight: 600;
+      .pisell-lowcode__deposit-item-header-right-line1 {
+        color: var(--Warning-600, #dc6803);
+        font-size: 14px;
+        line-height: 20px; /* 142.857% */
+      }
+      .pisell-lowcode__deposit-item-header-right-line2 {
+        color: var(--Gray-900, #101828);
+        font-size: 14px;
+        line-height: 20px; /* 142.857% */
+      }
       .pisell-lowcode__deposit-item-header-right-amount {
-        color: var(--Warning-600, #DC6803);
+        color: var(--Warning-600, #dc6803);
         font-size: 20px;
         font-style: normal;
-        font-weight: 600;
         line-height: 30px; /* 150% */
         margin-right: 8px;
       }
-      .pisell-lowcode__deposit-item-header-right-edit{
+      .pisell-lowcode__deposit-item-header-right-edit {
         font-size: 24px;
-        color: #1570EF;
+        color: #1570ef;
         cursor: pointer;
       }
     }
   }
   .pisell-lowcode__deposit-item-content {
-    border-top: 1px solid #EAECF0;
-    border-bottom: 1px solid #EAECF0;
+    border-top: 1px solid #eaecf0;
+    border-bottom: 1px solid #eaecf0;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -68,7 +81,7 @@
     padding: 20px;
     display: flex;
     flex-direction: column;
-    gap: 20px;
+    gap: 8px;
     .pisell-lowcode__deposit-item-footer-total {
       display: flex;
       justify-content: space-between;
@@ -80,9 +93,20 @@
       font-weight: 400;
       line-height: 24px; /* 150% */
     }
+    .pisell-lowcode__deposit-item-footer-total-deposit {
+      display: flex;
+      justify-content: space-between;
+
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; /* 142.857% */
+    }
     .pisell-lowcode__deposit-item-footer-action {
       display: flex;
       gap: 20px;
+      margin-top: 12px;
     }
   }
-}
+}

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

@@ -112,9 +112,12 @@ var Deposit = (props) => {
     return [
       {
         customer: bookingDetail == null ? void 0 : bookingDetail.customer,
-        status: (bookingDetail == null ? void 0 : bookingDetail.deposit_payment_time) ? "paid" : "unpaid",
+        status: bookingDetail == null ? void 0 : bookingDetail.deposit_payment_status,
         totalAmount: total.expectAmount,
         depositAmount: bookingDetail == null ? void 0 : bookingDetail.deposit_amount,
+        depositUnPaidAmount: bookingDetail == null ? void 0 : bookingDetail.deposit_unpaid_amount,
+        depositOriginPaidAmount: bookingDetail == null ? void 0 : bookingDetail.deposit_origin_paid_amount,
+        depositPaidAmount: bookingDetail == null ? void 0 : bookingDetail.deposit_paid_amount,
         createdTime: (0, import_dayjs.default)(bookingDetail == null ? void 0 : bookingDetail.created_at).format(
           locale === "en" ? "dddd, D MMMM YYYY HH:mm" : "YYYY-MM-DD HH:mm"
         ),
@@ -135,7 +138,7 @@ var Deposit = (props) => {
     bookingDetail == null ? void 0 : bookingDetail.deposit_amount
   ]);
   const isBookingCancelled = ((_b = bookingDetail == null ? void 0 : bookingDetail.bookings) == null ? void 0 : _b.appointment_status) === "cancelled";
-  const isPaid = (bookingDetail == null ? void 0 : bookingDetail.payment_time) !== null;
+  const isPaid = (bookingDetail == null ? void 0 : bookingDetail.deposit_payment_status) === "paid";
   const footer = (0, import_react.useMemo)(() => {
     if (!bookingId)
       return null;

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) => JSX.Element;
+declare const Forms: (props: any) => any;
 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: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+declare const Forms: any;
 export default Forms;

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

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

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

@@ -1,2 +1,2 @@
-declare const Booking: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+declare const Booking: any;
 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) => JSX.Element;
+declare const Info: (props: any) => any;
 export default Info;

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

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

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

@@ -119,6 +119,7 @@ var Info = () => {
   }, [useDuration, flexibleOption]);
   const getResources = async (cacheItem) => {
     var _a2;
+    console.log("getResources2");
     try {
       let _list = state.service.resourcesOrigin || [];
       let autoClose = (_a2 = state.service.cacheItem) == null ? void 0 : _a2.autoClose;
@@ -251,6 +252,7 @@ var Info = () => {
       _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
     }
     (0, import_utils3.deleteCacheParams)();
+    console.log("_onFinish", _list);
     dispatch({
       type: "setService",
       payload: {

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

@@ -127,12 +127,16 @@ declare const _default: {
         'pisell2.text.deposit-list': string;
         'pisell2.text.deposit-item-status-paid': string;
         'pisell2.text.deposit-item-status-unpaid': string;
+        'pisell2.text.deposit-item-status-partially-paid': string;
         'pisell2.text.deposit-order-total': string;
         'pisell2.text.deposit-order-detail': string;
         'pisell2.text.deposit-collect-deposit': string;
         'pisell2.text.deposit-order-no': string;
         'pisell2.text.deposit-amount': string;
         'pisell2.text.deposit-deposit-amount': string;
+        'pisell2.text.deposit-deposit-paid': string;
+        'pisell2.text.deposit-deposit-paid-due': string;
+        'pisell2.text.deposit-deposit-paid-including-surcharge': string;
         'pisell2.text.deposit-generate-payment-link': string;
         'pisell2.text.deposit-list-empty': string;
         'pisell2.text.deposit-amount-message': string;
@@ -290,12 +294,16 @@ declare const _default: {
         'pisell2.text.deposit-list': string;
         'pisell2.text.deposit-item-status-paid': string;
         'pisell2.text.deposit-item-status-unpaid': string;
+        'pisell2.text.deposit-item-status-partially-paid': string;
         'pisell2.text.deposit-order-total': string;
         'pisell2.text.deposit-order-detail': string;
         'pisell2.text.deposit-collect-deposit': string;
         'pisell2.text.deposit-order-no': string;
         'pisell2.text.deposit-amount': string;
         'pisell2.text.deposit-deposit-amount': string;
+        'pisell2.text.deposit-deposit-paid': string;
+        'pisell2.text.deposit-deposit-paid-due': string;
+        'pisell2.text.deposit-deposit-paid-including-surcharge': string;
         'pisell2.text.deposit-generate-payment-link': string;
         'pisell2.text.deposit-list-empty': string;
         'pisell2.text.deposit-amount-message': string;
@@ -453,12 +461,16 @@ declare const _default: {
         'pisell2.text.deposit-list': string;
         'pisell2.text.deposit-item-status-paid': string;
         'pisell2.text.deposit-item-status-unpaid': string;
+        'pisell2.text.deposit-item-status-partially-paid': string;
         'pisell2.text.deposit-order-total': string;
         'pisell2.text.deposit-order-detail': string;
         'pisell2.text.deposit-collect-deposit': string;
         'pisell2.text.deposit-order-no': string;
         'pisell2.text.deposit-amount': string;
         'pisell2.text.deposit-deposit-amount': string;
+        'pisell2.text.deposit-deposit-paid': string;
+        'pisell2.text.deposit-deposit-paid-due': string;
+        'pisell2.text.deposit-deposit-paid-including-surcharge': string;
         'pisell2.text.deposit-generate-payment-link': string;
         'pisell2.text.deposit-list-empty': string;
         'pisell2.text.deposit-amount-message': string;

package/lib/components/booking/locales.js

@@ -160,12 +160,16 @@ var locales_default = {
     "pisell2.text.deposit-list": "Deposit list",
     "pisell2.text.deposit-item-status-paid": "Paid",
     "pisell2.text.deposit-item-status-unpaid": "Unpaid",
+    "pisell2.text.deposit-item-status-partially-paid": "Partially paid",
     "pisell2.text.deposit-order-total": "Order total",
     "pisell2.text.deposit-order-detail": "Order details",
     "pisell2.text.deposit-collect-deposit": "Collect deposit",
     "pisell2.text.deposit-order-no": "Order No",
     "pisell2.text.deposit-amount": "Amount",
     "pisell2.text.deposit-deposit-amount": "Deposit amount",
+    "pisell2.text.deposit-deposit-paid": `Paid`,
+    "pisell2.text.deposit-deposit-paid-due": `Payment due`,
+    "pisell2.text.deposit-deposit-paid-including-surcharge": `including surcharge`,
     "pisell2.text.deposit-generate-payment-link": "Generate payment link",
     "pisell2.text.deposit-list-empty": "Please add a deposit",
     "pisell2.text.deposit-amount-message": "Amount must be greater than 0",
@@ -337,12 +341,16 @@ var locales_default = {
     "pisell2.text.deposit-list": "定金列表",
     "pisell2.text.deposit-item-status-paid": "已支付",
     "pisell2.text.deposit-item-status-unpaid": "未支付",
+    "pisell2.text.deposit-item-status-partially-paid": "部分付款",
     "pisell2.text.deposit-order-total": "订单总额",
     "pisell2.text.deposit-order-detail": "订单详情",
     "pisell2.text.deposit-collect-deposit": "收定金",
     "pisell2.text.deposit-order-no": "订单编号",
     "pisell2.text.deposit-amount": "金额",
     "pisell2.text.deposit-deposit-amount": "定金金额",
+    "pisell2.text.deposit-deposit-paid": `已支付`,
+    "pisell2.text.deposit-deposit-paid-due": `待支付`,
+    "pisell2.text.deposit-deposit-paid-including-surcharge": `包含支付手续费`,
     "pisell2.text.deposit-generate-payment-link": "生成支付链接",
     "pisell2.text.deposit-list-empty": "请添加定金",
     "pisell2.text.deposit-amount-message": "金额必须大于0",
@@ -514,12 +522,16 @@ var locales_default = {
     "pisell2.text.deposit-list": "定金列表",
     "pisell2.text.deposit-item-status-paid": "已支付",
     "pisell2.text.deposit-item-status-unpaid": "未支付",
+    "pisell2.text.deposit-item-status-partially-paid": "部分付款",
     "pisell2.text.deposit-order-total": "訂單總額",
     "pisell2.text.deposit-order-detail": "訂單詳情",
     "pisell2.text.deposit-collect-deposit": "收定金",
     "pisell2.text.deposit-order-no": "訂單編號",
     "pisell2.text.deposit-amount": "金額",
     "pisell2.text.deposit-deposit-amount": "定金金額",
+    "pisell2.text.deposit-deposit-paid": `已支付`,
+    "pisell2.text.deposit-deposit-paid-due": `待支付`,
+    "pisell2.text.deposit-deposit-paid-including-surcharge": `包含支付手續費`,
     "pisell2.text.deposit-generate-payment-link": "生成支付鏈接",
     "pisell2.text.deposit-list-empty": "請添加定金",
     "pisell2.text.deposit-amount-message": "金額必須大於0",

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -95,7 +96,7 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, 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) => JSX.Element;
+declare const Notes: (props: any) => any;
 export default Notes;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, 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) => JSX.Element;
+declare const Payments: (props: any) => any;
 export default Payments;

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

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

package/lib/components/index.d.ts

@@ -8,4 +8,5 @@ import Schedules from './schedules';
 import ProductExtension from './productExtension';
 import RuleSetting from './ruleSetting';
 import TaxSelect from './taxSelect';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect };
+import ToCPay from './pay/toC';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay };

package/lib/components/index.js

@@ -38,7 +38,8 @@ __export(components_exports, {
   ProductExtension: () => import_productExtension.default,
   RuleSetting: () => import_ruleSetting.default,
   Schedules: () => import_schedules.default,
-  TaxSelect: () => import_taxSelect.default
+  TaxSelect: () => import_taxSelect.default,
+  ToCPay: () => import_toC.default
 });
 module.exports = __toCommonJS(components_exports);
 var import_login = __toESM(require("./login"));
@@ -51,6 +52,7 @@ var import_schedules = __toESM(require("./schedules"));
 var import_productExtension = __toESM(require("./productExtension"));
 var import_ruleSetting = __toESM(require("./ruleSetting"));
 var import_taxSelect = __toESM(require("./taxSelect"));
+var import_toC = __toESM(require("./pay/toC"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Booking,
@@ -62,5 +64,6 @@ var import_taxSelect = __toESM(require("./taxSelect"));
   ProductExtension,
   RuleSetting,
   Schedules,
-  TaxSelect
+  TaxSelect,
+  ToCPay
 });

package/lib/components/pay/toC/PayAmount/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface PayAmountProps {
+    amount: number;
+}
+/**
+ * @title: 支付金额
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:50
+ */
+declare const PayAmount: React.FC<PayAmountProps>;
+export default PayAmount;

package/lib/components/pay/toC/PayAmount/index.js

@@ -0,0 +1,42 @@
+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/pay/toC/PayAmount/index.tsx
+var PayAmount_exports = {};
+__export(PayAmount_exports, {
+  default: () => PayAmount_default
+});
+module.exports = __toCommonJS(PayAmount_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var PayAmount = ({ amount = 0 }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pay-amount" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "amount-title" }, import_utils.locales.getText("tocPay.text.total")), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: amount, className: "amount-value" }));
+};
+var PayAmount_default = PayAmount;

package/lib/components/pay/toC/PayAmount/index.less

@@ -0,0 +1,21 @@
+.pay-amount {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  .amount-title {
+    color: #000;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+  }
+
+  .amount-value {
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    color: var(--theme-color);
+  }
+}

package/lib/components/pay/toC/PayCountdown/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface PayCountdownProps {
+    time: number;
+}
+/**
+ * @title: 支付倒计时
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:51
+ */
+declare const PayCountdown: React.FC<PayCountdownProps>;
+export default PayCountdown;

package/lib/components/pay/toC/PayCountdown/index.js

@@ -0,0 +1,49 @@
+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/pay/toC/PayCountdown/index.tsx
+var PayCountdown_exports = {};
+__export(PayCountdown_exports, {
+  default: () => PayCountdown_default
+});
+module.exports = __toCommonJS(PayCountdown_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var PayCountdown = ({ time = 0 }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pay-countdown" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "countdown-title" }, import_utils.locales.getText("tocPay.text.completePaymentIn"), " "), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellCountdown,
+    {
+      className: "countdown-time",
+      leftTime: time * 1e3,
+      format: "mm:ss"
+    }
+  ));
+};
+var PayCountdown_default = PayCountdown;