@pisell/private-materials 6.6.9 → 6.6.11

package/dist/lib/components/booking/payments/index.js

@@ -1,108 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-const require_index = require('../components/tabPane/index.js');
-const require_index$1 = require('../components/emptyBooking/index.js');
-const require_index$2 = require('../components/footer/index.js');
-const require_model = require('./model.js');
-let dayjs = require("dayjs");
-dayjs = require_rolldown_runtime.__toESM(dayjs);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let __ant_design_icons = require("@ant-design/icons");
-require("./index.less");
-
-//#region src/components/booking/payments/index.tsx
-const paymentStatusMap = {
-	paid: {
-		text: __pisell_utils.locales.getText("pisell2.text.paid"),
-		icon: /* @__PURE__ */ react.default.createElement(__ant_design_icons.CheckCircleFilled, { style: {
-			color: "#16B364",
-			fontSize: 20
-		} })
-	},
-	voided: {
-		text: __pisell_utils.locales.getText("pisell2.text.voided_pay"),
-		icon: /* @__PURE__ */ react.default.createElement(__ant_design_icons.CloseCircleFilled, { style: {
-			color: "#F04438",
-			fontSize: 20
-		} })
-	},
-	payment_processing: {
-		text: __pisell_utils.locales.getText("pisell2.text.processing_pay"),
-		icon: /* @__PURE__ */ react.default.createElement(__ant_design_icons.ExclamationCircleFilled, { style: {
-			color: "#EAAA08",
-			fontSize: 20
-		} })
-	}
-};
-const PaymentStatusTitle = (props) => {
-	const { type, extra } = props;
-	return /* @__PURE__ */ react.default.createElement("div", { className: "payment-list-item-status-title" }, /* @__PURE__ */ react.default.createElement("span", { className: "payment-list-item-status-title-left" }, paymentStatusMap[type].icon || null, /* @__PURE__ */ react.default.createElement("span", { className: "payment-list-item-type" }, paymentStatusMap[type].text)), extra);
-};
-const Payments = require_model.Provider((props) => {
-	const { globalState } = props;
-	const { state, dispatch } = (0, react.useContext)(require_model.Context);
-	const [loading, setLoading] = (0, react.useState)(false);
-	const [paymentList, setPaymentList] = (0, react.useState)([]);
-	const [refundAmount, setRefundAmount] = (0, react.useState)();
-	const init = () => {
-		getPayments();
-		getRefundInfo();
-	};
-	(0, react.useEffect)(() => {
-		if (state.bookingDetail) init();
-	}, [state.bookingDetail]);
-	const getRefundInfo = async () => {
-		setRefundAmount((await state.apis.getRefundInfo()).total_refund_amount);
-	};
-	const getPayments = async () => {
-		setLoading(true);
-		setPaymentList((await state.apis.getPaymentList({
-			skip: 1,
-			num: 100,
-			order_id: state.bookingId,
-			status: [
-				"voided",
-				"payment_processing",
-				"paid"
-			]
-		}))?.list || []);
-		setLoading(false);
-	};
-	(0, react.useEffect)(() => {
-		document.body.id = "body";
-		dispatch({
-			type: "setState",
-			payload: { setGlobalState: props.setGlobalState }
-		});
-	}, []);
-	(0, react.useEffect)(() => {
-		dispatch({
-			type: "setState",
-			payload: { ...globalState }
-		});
-	}, [globalState]);
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_index.default, {
-		header: __pisell_utils.locales.getText("pisell2.text.payments"),
-		footer: state.bookingId && /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-			state,
-			dispatch,
-			source: "payment"
-		}),
-		loading: loading && state.bookingId
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "payment-customer-pay-title" }, __pisell_utils.locales.getText("pisell2.text.customerpay")), state.bookingId && paymentList.length ? /* @__PURE__ */ react.default.createElement(antd.List, {
-		dataSource: paymentList,
-		renderItem: (item) => /* @__PURE__ */ react.default.createElement(antd.List.Item, null, /* @__PURE__ */ react.default.createElement("div", { className: "payment-list-item" }, /* @__PURE__ */ react.default.createElement("div", { className: "payment-list-item-left" }, /* @__PURE__ */ react.default.createElement("div", {
-			className: "payment-record",
-			key: item.id
-		}, /* @__PURE__ */ react.default.createElement(PaymentStatusTitle, {
-			type: item.status,
-			extra: /* @__PURE__ */ react.default.createElement("span", { className: "payment-list-item-pay-amount" }, (0, __pisell_utils.formatAmount)(item.amount, 2, state?.amountSymbol || "$"))
-		}), /* @__PURE__ */ react.default.createElement("div", { className: "payment-list-item-content" }, /* @__PURE__ */ react.default.createElement("div", { className: "payment-list-item-pay-methods" }, /* @__PURE__ */ react.default.createElement("span", { className: "payment-list-item-pay-name" }, item.payment_method_name || "-")), Number(item.service_fee) ? /* @__PURE__ */ react.default.createElement("div", { className: "payment-list-item-surcharge" }, "(", __pisell_utils.locales.getText("pisell2.text.surcharge"), " ", (0, __pisell_utils.formatAmount)(item.service_fee, 2, state?.amountSymbol || "$"), ")") : null, /* @__PURE__ */ react.default.createElement("div", { className: "payment-list-item-date" }, (0, dayjs.default)(item.payment_time).format("HH:mm YYYY/MM/DD"), /* @__PURE__ */ react.default.createElement("span", { className: "payment-list-item-platform-type" }, item.platform && __pisell_utils.locales.getText("pisell2.text.platform.type")(item.platform))))))))
-	}) : /* @__PURE__ */ react.default.createElement(require_index$1.default, { description: state.bookingId ? __pisell_utils.locales.getText("pisell1.text.no-payments") : void 0 }), !!state.bookingId && !!Number(refundAmount) && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Divider, { className: "payment-divider" }), /* @__PURE__ */ react.default.createElement("div", { className: "payment-refund-wrap" }, /* @__PURE__ */ react.default.createElement("div", { className: "payment-refund-title" }, __pisell_utils.locales.getText("pisell2.text.refund"), ":"), /* @__PURE__ */ react.default.createElement("div", { className: "payment-refund-amount" }, /* @__PURE__ */ react.default.createElement("span", null, __pisell_utils.locales.getText("pisell2.text.refund-amount")), /* @__PURE__ */ react.default.createElement("span", null, (0, __pisell_utils.formatAmount)(refundAmount, 2, state?.amountSymbol || "$")))), /* @__PURE__ */ react.default.createElement(antd.Divider, { className: "payment-divider" }))));
-});
-var payments_default = Payments;
-
-//#endregion
-exports.default = payments_default;

package/dist/lib/components/booking/payments/index.less

@@ -1,109 +0,0 @@
-.payment-customer-pay-title {
-  color: var(--Gray-600, #475467);
-  text-align: left;
-  font-size: 18px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 28px; /* 155.556% */
-}
-.payment-list-item {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-  .payment-list-item-status-title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .payment-list-item-status-title-left {
-      display: flex;
-      align-items: center;
-    }
-    .payment-list-item-pay-amount {
-      color: var(--Gray-true-700, #424242);
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 24px; /* 150% */
-    }
-  }
-  .payment-list-item-content {
-    padding-left: 26px;
-  }
-  .payment-list-item-left {
-    flex: 1;
-
-    .payment-list-item-type {
-      color: var(--Gray-true-700, #424242);
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 24px; /* 150% */
-      margin-left: 6px;
-    }
-
-    .payment-record {
-      .payment-list-item-pay-methods {
-        color: var(--Gray-true-700, #424242);
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px; /* 150% */
-        margin-top: 4px;
-
-        .payment-list-item-pay-name {
-          flex: 1;
-        }
-      }
-
-      .payment-list-item-surcharge {
-        margin-top: 2px;
-        color: var(--Gray-600, #475467);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px; /* 142.857% */
-      }
-
-      .payment-list-item-date {
-        color: var(--Gray-600, #475467);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px;
-        margin-top: 2px;
-        .payment-list-item-platform-type {
-          margin-left: 4px;
-        }
-      }
-    }
-
-    .payment-list-item-pay-methods {
-    }
-  }
-}
-.payment-refund-wrap {
-  padding: 20px 0;
-  .payment-refund-title {
-    color: var(--Gray-600, #475467);
-    text-align: left;
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 28px; /* 155.556% */
-    margin-bottom: 10px;
-  }
-  .payment-refund-amount {
-    color: var(--Gray-true-700, #424242);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 24px; /* 150% */
-    display: flex;
-    justify-content: space-between;
-  }
-}
-.payment-divider {
-  width: 200%;
-  margin: 0 -32px 0;
-}

package/dist/lib/components/booking/payments/model.js

@@ -1,36 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-let __pisell_utils = require("@pisell/utils");
-
-//#region src/components/booking/payments/model.tsx
-const defaultState = {};
-const { Provider, Context } = (0, __pisell_utils.miniRedux)({
-	namespace: "state",
-	state: defaultState,
-	reducers: {
-		setState(state, payload) {
-			return {
-				...state,
-				...payload
-			};
-		},
-		setPayment(state, payload) {
-			state.setGlobalState({
-				...state,
-				payment: {
-					...state.payment,
-					...payload
-				}
-			});
-		},
-		setStatus(state, payload) {
-			let _val = { appointment_status: payload };
-			if (payload === "cancelled") _val.disabledEdit = true;
-			else _val.disabledEdit = false;
-			state.setGlobalState(_val);
-		}
-	}
-});
-
-//#endregion
-exports.Context = Context;
-exports.Provider = Provider;