@pisell/private-materials 3.0.111 → 3.0.113

package/es/components/booking/addons/index.d.ts

@@ -13,5 +13,5 @@ export interface InfoProps {
     setGlobalState: any;
 }
 export declare const formatProducts: (values: any) => any;
-declare const Addons: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+declare const Addons: any;
 export default Addons;

package/es/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/es/components/booking/components/footer/index.js

@@ -912,7 +912,7 @@ var Footer = function Footer(props) {
     // 只有定金支付时，直接展示
     if (isOnlyDeposit) {
       var _state$bookingDetail10;
-      return "".concat(locales.getText('pisell2.text.deposit-paid'), " ").concat(formatAmount(state === null || state === void 0 ? void 0 : (_state$bookingDetail10 = state.bookingDetail) === null || _state$bookingDetail10 === void 0 ? void 0 : _state$bookingDetail10.deposit_amount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'), " ").concat(total.duration ? "(".concat(total.duration, ")") : '');
+      return "".concat(locales.getText('pisell2.text.deposit-paid'), " ").concat(formatAmount(state === null || state === void 0 ? void 0 : (_state$bookingDetail10 = state.bookingDetail) === null || _state$bookingDetail10 === void 0 ? void 0 : _state$bookingDetail10.deposit_paid_amount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'), " ").concat(total.duration ? "(".concat(total.duration, ")") : '');
     }
 
     // 有退款金额时, 直接展示 退款:$8.00

package/es/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/es/components/booking/deposit/DepositItem/index.js

@@ -7,11 +7,13 @@ import Edit05 from '@pisell/icon/src/Edit05';
 import "./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 = function DepositItem(props) {
   var status = props.status,
@@ -28,10 +30,14 @@ var DepositItem = function DepositItem(props) {
     isPaid = props.isPaid,
     isBookingCancelled = props.isBookingCancelled,
     sendEmail = props.sendEmail,
-    hideOrderDetail = props.hideOrderDetail;
+    hideOrderDetail = props.hideOrderDetail,
+    depositPaidAmount = props.depositPaidAmount,
+    depositUnPaidAmount = props.depositUnPaidAmount,
+    depositOriginPaidAmount = props.depositOriginPaidAmount;
   var statusText = {
     unpaid: locales.getText('pisell2.text.deposit-item-status-unpaid'),
-    paid: locales.getText('pisell2.text.deposit-item-status-paid')
+    paid: locales.getText('pisell2.text.deposit-item-status-paid'),
+    partially_paid: locales.getText('pisell2.text.deposit-item-status-partially-paid')
   };
   useEffect(function () {
     document.body.id = 'body';
@@ -52,6 +58,7 @@ var DepositItem = function DepositItem(props) {
       sendEmail === null || sendEmail === void 0 ? void 0 : sendEmail(orderId);
     }
   };
+  var handlingFee = (Number(depositPaidAmount) || 0) - (Number(depositOriginPaidAmount) || 0);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__deposit-item"
   }, /*#__PURE__*/React.createElement("div", {
@@ -68,7 +75,7 @@ var DepositItem = function DepositItem(props) {
     className: "pisell-lowcode__deposit-item-header-right"
   }, /*#__PURE__*/React.createElement("span", {
     className: "pisell-lowcode__deposit-item-header-right-amount"
-  }, formatAmount(depositAmount, 2, amountSymbol)), !(isPaid || isBookingCancelled) && /*#__PURE__*/React.createElement(Edit05, {
+  }, formatAmount(depositAmount, 2, amountSymbol)), !(isPaid || status === 'partially_paid' || isBookingCancelled) && /*#__PURE__*/React.createElement(Edit05, {
     className: "pisell-lowcode__deposit-item-header-right-edit",
     onClick: onEdit
   }))), /*#__PURE__*/React.createElement("div", {
@@ -85,7 +92,11 @@ var DepositItem = function DepositItem(props) {
     className: "pisell-lowcode__deposit-item-footer"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__deposit-item-footer-total"
-  }, /*#__PURE__*/React.createElement("div", null, locales.getText('pisell2.text.deposit-order-total')), /*#__PURE__*/React.createElement("div", null, totalAmountStr)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, locales.getText('pisell2.text.deposit-order-total')), /*#__PURE__*/React.createElement("div", null, totalAmountStr)), ['partially_paid'].includes(status) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__deposit-item-footer-total-deposit"
+  }, /*#__PURE__*/React.createElement("div", null, locales.getText('pisell2.text.deposit-deposit-paid'), ' ', handlingFee > 0 && /*#__PURE__*/React.createElement("span", null, "(", locales.getText('pisell2.text.deposit-deposit-paid-including-surcharge'), ' ', formatAmount(handlingFee, 2, amountSymbol), ")")), /*#__PURE__*/React.createElement("div", null, formatAmount(depositPaidAmount, 2, amountSymbol))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__deposit-item-footer-total-deposit"
+  }, /*#__PURE__*/React.createElement("div", null, locales.getText('pisell2.text.deposit-deposit-paid-due'), ' '), /*#__PURE__*/React.createElement("div", null, formatAmount(depositUnPaidAmount, 2, amountSymbol)))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__deposit-item-footer-action"
   }, !hideOrderDetail && /*#__PURE__*/React.createElement(Button, {
     block: true,

package/es/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/es/components/booking/deposit/index.js

@@ -100,9 +100,12 @@ var Deposit = function Deposit(props) {
     if (Number(bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_amount) === 0) return [];
     return [{
       customer: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.customer,
-      status: bookingDetail !== null && bookingDetail !== void 0 && bookingDetail.deposit_payment_time ? 'paid' : 'unpaid',
+      status: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_payment_status,
       totalAmount: total.expectAmount,
       depositAmount: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_amount,
+      depositUnPaidAmount: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_unpaid_amount,
+      depositOriginPaidAmount: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_origin_paid_amount,
+      depositPaidAmount: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_paid_amount,
       createdTime: dayjs(bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.created_at).format(locale === 'en' ? 'dddd, D MMMM YYYY HH:mm' : 'YYYY-MM-DD HH:mm'),
       orderId: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.id,
       orderNumber: bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.shop_full_order_number,
@@ -111,7 +114,7 @@ var Deposit = function Deposit(props) {
     }];
   }, [bookingDetail, total === null || total === void 0 ? void 0 : total.expectAmount, globalState === null || globalState === void 0 ? void 0 : globalState.amountSymbol, bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_amount]);
   var isBookingCancelled = (bookingDetail === null || bookingDetail === void 0 ? void 0 : (_bookingDetail$bookin = bookingDetail.bookings) === null || _bookingDetail$bookin === void 0 ? void 0 : _bookingDetail$bookin.appointment_status) === 'cancelled';
-  var isPaid = (bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.payment_time) !== null;
+  var isPaid = (bookingDetail === null || bookingDetail === void 0 ? void 0 : bookingDetail.deposit_payment_status) === 'paid';
   var footer = useMemo(function () {
     if (!bookingId) return null;
     // 预约状态取消时不展示添加按钮

package/es/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/es/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/es/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/es/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/es/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/es/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/es/components/booking/info/service/editService/index.js

@@ -160,17 +160,18 @@ var Info = function Info() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.prev = 0;
+            console.log('getResources2');
+            _context.prev = 1;
             // 合并无资源
             _list = state.service.resourcesOrigin || [];
             autoClose = (_state$service$cacheI = state.service.cacheItem) === null || _state$service$cacheI === void 0 ? void 0 : _state$service$cacheI.autoClose;
             _cacheItem = cacheItem || getCurrentCacheItem();
             if (_cacheItem._extend) {
-              _context.next = 6;
+              _context.next = 7;
               break;
             }
             return _context.abrupt("return");
-          case 6:
+          case 7:
             dispatch({
               type: 'setService',
               payload: {
@@ -194,16 +195,16 @@ var Info = function Info() {
                 }, 500);
               }
             }
-            _context.next = 12;
+            _context.next = 13;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](0);
-          case 12:
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](1);
+          case 13:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 10]]);
+      }, _callee, null, [[1, 11]]);
     }));
     return function getResources(_x2) {
       return _ref.apply(this, arguments);
@@ -386,6 +387,7 @@ var Info = function Info() {
       });
     }
     deleteCacheParams();
+    console.log('_onFinish', _list);
     dispatch({
       type: 'setService',
       payload: {

package/es/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/es/components/booking/locales.js

@@ -142,12 +142,16 @@ export 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",
@@ -325,12 +329,16 @@ export 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': "\u5DF2\u652F\u4ED8",
+    'pisell2.text.deposit-deposit-paid-due': "\u5F85\u652F\u4ED8",
+    'pisell2.text.deposit-deposit-paid-including-surcharge': "\u5305\u542B\u652F\u4ED8\u624B\u7EED\u8D39",
     'pisell2.text.deposit-generate-payment-link': "生成支付链接",
     'pisell2.text.deposit-list-empty': "请添加定金",
     'pisell2.text.deposit-amount-message': "金额必须大于0",
@@ -508,12 +516,16 @@ export 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': "\u5DF2\u652F\u4ED8",
+    'pisell2.text.deposit-deposit-paid-due': "\u5F85\u652F\u4ED8",
+    'pisell2.text.deposit-deposit-paid-including-surcharge': "\u5305\u542B\u652F\u4ED8\u624B\u7E8C\u8CBB",
     'pisell2.text.deposit-generate-payment-link': "生成支付鏈接",
     'pisell2.text.deposit-list-empty': "請添加定金",
     'pisell2.text.deposit-amount-message': "金額必須大於0",

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

@@ -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/es/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/es/components/pay/toC/PayAmount/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PisellText } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
+/**
+ * @title: 支付金额
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:50
+ */
+var PayAmount = function PayAmount(_ref) {
+  var _ref$amount = _ref.amount,
+    amount = _ref$amount === void 0 ? 0 : _ref$amount;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pay-amount"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "amount-title"
+  }, locales.getText('tocPay.text.total')), /*#__PURE__*/React.createElement(PisellText.Amount, {
+    value: amount,
+    className: "amount-value"
+  }));
+};
+export default PayAmount;

package/es/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/es/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/es/components/pay/toC/PayCountdown/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { PisellCountdown } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
+/**
+ * @title: 支付倒计时
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:51
+ */
+var PayCountdown = function PayCountdown(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? 0 : _ref$time;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pay-countdown"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "countdown-title"
+  }, locales.getText('tocPay.text.completePaymentIn'), ' '), /*#__PURE__*/React.createElement(PisellCountdown, {
+    className: "countdown-time",
+    leftTime: time * 1000,
+    format: "mm:ss"
+  }));
+};
+export default PayCountdown;

package/es/components/pay/toC/PayCountdown/index.less

@@ -0,0 +1,22 @@
+.pay-countdown {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  // margin-top: 24px;
+
+  .countdown-title {
+    color: var(--Text-Text_1, #1B1B1B);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+
+  .countdown-time {
+    color: var(--theme-color);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}