@pisell/private-materials 6.6.8 → 6.6.10

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

@@ -0,0 +1,867 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
+const require_amount = require('./amount.js');
+const require_utils = require('../../info/service2/utils.js');
+const require_useEngineContext = require('../../../../hooks/useEngineContext.js');
+const require_utils$1 = require('./utils.js');
+const require_index = require('../../addons/index.js');
+const require_serve = require('../../info2/serve.js');
+const require_index$1 = require('./AppointmentProductModal/index.js');
+const require_index$2 = require('./FooterMenus/index.js');
+const require_serve$1 = require('./serve.js');
+const require_useIsBooking4Shop = require('../../hooks/useIsBooking4Shop.js');
+const require_index$3 = require('../voucher/index.js');
+const require_index$4 = require('../../../subTotal/index.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 classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let __ant_design_icons = require("@ant-design/icons");
+let __pisell_icon_es_ChevronDown = require("@pisell/icon/es/ChevronDown");
+__pisell_icon_es_ChevronDown = require_rolldown_runtime.__toESM(__pisell_icon_es_ChevronDown);
+require("./index.less");
+
+//#region src/components/booking/components/footer/index.tsx
+/**
+* @title: 底部
+* @description:
+* @param {any} props
+* @return {*}
+* @Author: zhiwei.Wang
+* @Date: 2024-01-30 16:51
+*/
+const Footer = (props) => {
+	const { state, buttons, dispatch, source } = props;
+	const [showDetail, setShowDetail] = (0, react.useState)(false);
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [checkoutLoading, setCheckoutLoading] = (0, react.useState)(false);
+	const [isShowPaymentLink, setIsShowPaymentLink] = (0, react.useState)(false);
+	const isBooking4Shop = require_useIsBooking4Shop.useIsBooking4Shop(state);
+	const appointmentProductRef = (0, react.useRef)(null);
+	const { isTerminal, interaction, store, storage, businessUtils } = require_useEngineContext.default().appHelper?.utils;
+	(0, react.useEffect)(() => {
+		store?.dispatch({
+			type: "global/_getMetadataMap",
+			callback: (data) => {
+				console.log(data, "data");
+				setIsShowPaymentLink(!!data["payment_collection_link_config_switch"]);
+			}
+		});
+	}, []);
+	const [modal, contextHolder] = antd.Modal.useModal();
+	const { setActiveTab } = state;
+	const isTeam = (0, react.useMemo)(() => {
+		return storage.get("channel") === "android_team_portal" || storage.get("channel") === "ios_team_portal";
+	}, []);
+	const actionMap = {
+		sale: {
+			label: __pisell_utils.locales.getText("pisell2.text.addons"),
+			key: "sale"
+		},
+		paymentLink: {
+			label: __pisell_utils.locales.getText("pisell2.text.payment-link"),
+			key: "payment",
+			children: [{
+				label: __pisell_utils.locales.getText("pisell2.text.send-mail"),
+				key: "sendMail"
+			}, {
+				label: __pisell_utils.locales.getText("pisell2.text.copy-to-clipboard"),
+				key: "copy"
+			}]
+		},
+		print: {
+			label: "Print",
+			key: "print"
+		},
+		orderDetail: {
+			label: __pisell_utils.locales.getText("pisell2.text.deposit-order-detail"),
+			key: "orderDetail"
+		},
+		refund: {
+			label: __pisell_utils.locales.getText("pisell2.text.refund"),
+			key: "refund"
+		},
+		rebook: {
+			label: __pisell_utils.locales.getText("pisell2.text.rebook"),
+			key: "rebook"
+		},
+		cancelOrder: {
+			label: "Cancel order",
+			key: "cancelOrder"
+		}
+	};
+	(0, react.useEffect)(() => {
+		if (state.bookingDetail) state.action({
+			type: "pisell1.registerPlugin",
+			data: { pluginList: ["RefundPlugin"] }
+		});
+	}, [state.bookingDetail]);
+	const params = (0, react.useMemo)(() => {
+		return state?.bookingConfig?.config?.basic?.appointment_subject || {};
+	}, [state?.bookingConfig?.config?.basic?.appointment_subject]);
+	const transaction_habit_selection = (0, react.useMemo)(() => {
+		return state?.bookingConfig?.config?.information_tab?.transaction_habit_selection || {
+			type: "service_now_pay_later",
+			button_rows: 1
+		};
+	}, [state?.bookingConfig?.config?.information_tab]);
+	const addonsEdit = (0, react.useMemo)(() => {
+		if (state.addons?.edit) return true;
+		return false;
+	}, [state.addons?.edit]);
+	const infoEdit = (0, react.useMemo)(() => {
+		if (!state.bookingId) return true;
+		if (state.client?.edit) return true;
+		if (state.date?.edit) return true;
+		if (state.pet?.edit) return true;
+		if (state.service?.edit) return true;
+		if (state.notes?.edit) return true;
+		if (state.contacts?.edit) return true;
+		return false;
+	}, [state]);
+	const isEdit = (0, react.useMemo)(() => {
+		return infoEdit || addonsEdit;
+	}, [infoEdit, addonsEdit]);
+	const total = (0, react.useMemo)(() => {
+		return require_amount.getSumTotal(state, isEdit);
+	}, [state, isEdit]);
+	const isDisabled = (0, react.useMemo)(() => {
+		if (!state.client.value) return true;
+		if (!state.service.value?.length) return true;
+		if (!state.date.value) return true;
+		return false;
+	}, [state, params]);
+	const hasGoodPassApp = !!businessUtils?.getAppByModal?.("goodpass");
+	const hasDiscountCardApp = !!businessUtils?.getAppByModal?.("discountcard");
+	console.log("has goodpass app:", hasGoodPassApp);
+	/**
+	* @title: 跳转到 checkout页面
+	* @description:
+	* @param {any} order_id
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:53
+	*/
+	const goCheckout = async (order_id) => {
+		if (!order_id) return;
+		/** terminal中打开原生checkout模块 */
+		if (isTerminal?.()) return interaction?.utils?.postMessageToApp?.({
+			module: "booking",
+			key: "booking_checkout",
+			data: {
+				order_id,
+				callbackType: "pisell2"
+			}
+		});
+		state.action({
+			type: "pisell1.handlePayment",
+			data: { orderId: order_id },
+			callback: () => {
+				state?.callback();
+			}
+		});
+	};
+	/**
+	* @title: 处理checkout
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:53
+	*/
+	const handleCheckout = async () => {
+		if (isEdit) {
+			if (require_utils.isDayBooking(state)) {
+				if (handleDaySubmit()) return;
+			}
+			goCheckout((await handleSave({
+				type: "checkout",
+				messageShow: !isTerminal?.()
+			}))?.order_id || state.bookingId);
+			return;
+		}
+		return goCheckout(state.bookingId);
+	};
+	/**
+	* @title: 保存额外商品
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:54
+	*/
+	const handleSaveAddons = async () => {
+		try {
+			let _list = [...state.addons.value];
+			await state.apis.saveAddonsByOrderId({
+				products: require_index.formatProducts(_list),
+				shop_discount: state.bookingDetail.shop_discount,
+				shop_discount_reason: state.bookingDetail.shop_discount_reason
+			});
+			antd.message.success(__pisell_utils.locales.getText("pisell2.text.addons") + __pisell_utils.locales.getText("pisell2.text.updated"));
+		} catch (err) {
+			console.log("state.bookingId && state.addons.edit", err);
+		}
+	};
+	const getApis = () => {
+		if (isBooking4Shop || state.renderType === "dayBooking") return {
+			editBooking: require_serve.editBookings,
+			createBooking: require_serve.createBookings
+		};
+		return {
+			editBooking: state.apis.editBooking,
+			createBooking: state.apis.createBooking
+		};
+	};
+	/**
+	* @title: 跨日预约提交之前的验证
+	* @description:
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2024-12-12 16:18
+	*/
+	const handleDaySubmit = () => {
+		const _isHasDayProducts = require_utils.isHasDayAppointmentProduct(state);
+		if (_isHasDayProducts) appointmentProductRef?.current?.open();
+		return _isHasDayProducts;
+	};
+	/**
+	* @title: 保存info
+	* @description:
+	* @param {object} param1
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:54
+	*/
+	const handleSave = async ({ type, messageShow = true }) => {
+		if (require_utils.isDayBooking(state)) {
+			if (handleDaySubmit()) return;
+		}
+		if (isBooking4Shop && require_utils.getIsSubjectRequire(state) && require_utils$1.checkHolderIsError(state)) return;
+		let _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
+		_setLoading(true);
+		const { createBooking, editBooking } = getApis();
+		const editApi = state.renderType === "eventBooking" ? require_serve$1.editEventBooking : editBooking;
+		const createApi = state.renderType === "eventBooking" ? require_serve$1.createEventBooking : createBooking;
+		let saveOtherValue = {};
+		if (type === "save") saveOtherValue = await state?.onSave?.(state.client) || {};
+		try {
+			let callbackData = null;
+			let values = require_utils$1.formatValues({
+				...state,
+				...saveOtherValue
+			});
+			const api = state.bookingId ? editApi : createApi;
+			(0, __pisell_utils.sendWarningLog)({
+				title: "saveBooking",
+				content: [
+					{
+						key: "下单前数据",
+						value: JSON.stringify(values)
+					},
+					{
+						key: "日期",
+						value: (0, dayjs.default)().format("YYYY-MM-DD HH:mm")
+					},
+					{
+						key: "店铺id",
+						value: store?.getState?.()?.global?.globalConfig?.id
+					},
+					{
+						key: "shopApi",
+						value: JSON.stringify(window?.shopApi, (key, value) => {
+							if (typeof value === "function") return "function";
+							return value;
+						})
+					}
+				]
+			});
+			if (addonsEdit) await handleSaveAddons();
+			if (infoEdit) {
+				callbackData = await api(values, state.bookingId);
+				if (messageShow) antd.message.success(__pisell_utils.locales.getText(state.bookingId ? "pisell2.text.appointment-updated" : "pisell2.text.created-successfully"));
+			}
+			state?.callback(callbackData, type);
+			_setLoading(false);
+			return callbackData || values;
+		} catch (err) {
+			console.log(err);
+			if (err?.code === 70101) antd.message.error(err?.message);
+			_setLoading(false);
+		}
+	};
+	/**
+	* @title: 将预约状态修改为已完成
+	* @description:
+	* @param {any} e
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:57
+	*/
+	const onSelect = async (e) => {
+		const status = "completed";
+		dispatch({
+			type: "setStatus",
+			payload: status
+		});
+		await state.apis.editBookingStatus({ appointment_status: status });
+		antd.message.success(__pisell_utils.locales.getText("pisell1.text.edit-status-success"));
+		state?.callback({ order_id: state.bookingId });
+	};
+	/**
+	* @title: 退款
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:57
+	*/
+	const handleRefund = () => {
+		if (isTerminal?.()) return interaction?.utils?.postMessageToApp?.({
+			module: "booking",
+			key: "booking_refund",
+			data: { order_id: state.bookingId },
+			origin: "/booking"
+		});
+		state.action({
+			type: "pisell1.handleRefund",
+			data: { orderId: state.bookingId },
+			callback: () => {
+				state?.callback({ order_id: state.bookingId });
+			}
+		});
+	};
+	const paymentRefundedStatus = (0, react.useMemo)(() => {
+		return ["partially_refunded", "refunded"].includes(state?.bookingDetail?.payment_status);
+	}, [state?.bookingDetail]);
+	/**
+	* @title: checkout按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:57
+	*/
+	const checkoutButton = (0, react.useMemo)(() => {
+		let buttonType = "primary";
+		if (transaction_habit_selection.type === "service_now_pay_later") buttonType = "default";
+		if (source === "payment") buttonType = "primary";
+		if (!isEdit) buttonType = "primary";
+		return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme: { token: { colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009" } } }, /* @__PURE__ */ react.default.createElement(antd.Button, {
+			className: (0, classnames.default)("pisell-lowcode__booking-footer-buttons-item", { ["pisell-lowcode__booking-footer-buttons-item-primary"]: buttonType === "primary" }),
+			type: "primary",
+			loading: checkoutLoading,
+			onClick: () => {
+				handleCheckout();
+			},
+			disabled: isDisabled
+		}, __pisell_utils.locales.getText("pisell2.text.checkout")));
+	}, [
+		isEdit,
+		checkoutLoading,
+		isDisabled,
+		state,
+		source
+	]);
+	const handleMenuClick = async (e) => {
+		let id = state.bookingId;
+		let customer = state.bookingDetail.customer;
+		if (isEdit) {
+			const res = await handleSave({
+				type: "checkout",
+				messageShow: false
+			});
+			id = res?.order_id || state.bookingId;
+			customer = res?.customer_id ? { id: res?.customer_id } : state.bookingDetail.customer;
+		}
+		if (e.key === "sendMail") {
+			console.log(e);
+			state.action({
+				type: "pisell1.sendPayLinkEmail",
+				data: {
+					id,
+					is_deposit: state.bookingDetail.is_deposit || Number(state.bookingDetail?.deposit_amount),
+					deposit_payment_time: state.bookingDetail.deposit_payment_time,
+					customer,
+					contacts: state.bookingDetail?.contacts
+				},
+				callback: () => {}
+			});
+		}
+		if (e.key === "copy") state.action({
+			type: "pisell1.genClientPayLink",
+			data: { id },
+			callback: () => {}
+		});
+	};
+	const handleRebook = () => {
+		state.onRebook?.();
+	};
+	const handleSale = () => {
+		if (isTerminal?.()) return interaction?.utils?.postMessageToApp?.({
+			module: "booking",
+			key: "edit_order",
+			data: { order_id: state.bookingId }
+		});
+		if (state.channelDisabledEdit) {
+			modal.warning({
+				okText: __pisell_utils.locales.getText("pisell2.text.ok"),
+				content: __pisell_utils.locales.getText("pisell2.text.terminal-edit-message")
+			});
+			return;
+		}
+		setActiveTab?.("addons");
+	};
+	const handlePrint = () => {};
+	const handleOrderDetail = () => {
+		if (isTerminal?.()) return interaction.utils.postMessageToApp({
+			module: "booking",
+			key: "view_order",
+			data: { order_id: state.bookingId },
+			origin: "/booking"
+		});
+		state.action({
+			type: "pisell1.goOrderDetail",
+			data: { orderId: state.bookingId },
+			callback: () => {
+				state?.callback();
+			}
+		});
+	};
+	const handleCancel = () => {};
+	const paymentLinkButton = (0, react.useMemo)(() => {
+		const items = [{
+			label: __pisell_utils.locales.getText("pisell2.text.send-mail"),
+			key: "sendMail"
+		}, {
+			label: __pisell_utils.locales.getText("pisell2.text.copy-to-clipboard"),
+			key: "copy"
+		}];
+		return /* @__PURE__ */ react.default.createElement(antd.Dropdown, { menu: {
+			items,
+			onClick: handleMenuClick
+		} }, /* @__PURE__ */ react.default.createElement(antd.Button, { className: "pisell-lowcode__booking-footer-buttons-item" }, /* @__PURE__ */ react.default.createElement(antd.Space, null, __pisell_utils.locales.getText("pisell2.text.payment-link"), /* @__PURE__ */ react.default.createElement(__ant_design_icons.DownOutlined, null))));
+	}, [handleMenuClick]);
+	/**
+	* @title: 保存按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:58
+	*/
+	const saveButton = (0, react.useMemo)(() => {
+		let buttonType = "default";
+		if (transaction_habit_selection.type === "service_now_pay_later") buttonType = "primary";
+		return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme: { token: { colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009" } } }, /* @__PURE__ */ react.default.createElement(antd.Button, {
+			className: (0, classnames.default)("pisell-lowcode__booking-footer-buttons-item", { ["pisell-lowcode__booking-footer-buttons-item-primary"]: buttonType === "primary" }),
+			type: "primary",
+			onClick: () => {
+				handleSave({ type: "save" });
+			},
+			disabled: isDisabled || !isEdit,
+			loading
+		}, __pisell_utils.locales.getText("pisell2.text.save")));
+	}, [
+		loading,
+		isDisabled,
+		isEdit,
+		infoEdit,
+		addonsEdit,
+		state
+	]);
+	/**
+	* @title: 完成按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:58
+	*/
+	const completeButton = (0, react.useMemo)(() => {
+		return /* @__PURE__ */ react.default.createElement(antd.Button, {
+			className: "pisell-lowcode__booking-footer-buttons-item",
+			type: "primary",
+			onClick: onSelect,
+			disabled: state.appointment_status === "completed"
+		}, __pisell_utils.locales.getText("pisell2.text.status.completed"));
+	}, [state.appointment_status]);
+	/**
+	* @title: Rebook按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:58
+	*/
+	const rebookButton = (0, react.useMemo)(() => {
+		return /* @__PURE__ */ react.default.createElement(antd.Button, {
+			className: "pisell-lowcode__booking-footer-buttons-item",
+			onClick: handleRebook
+		}, __pisell_utils.locales.getText("pisell2.text.rebook"));
+	}, [state?.onRebook]);
+	/**
+	* @title: 退款按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:58
+	*/
+	const refundButton = (0, react.useMemo)(() => {
+		return /* @__PURE__ */ react.default.createElement(antd.Button, {
+			className: "pisell-lowcode__booking-footer-buttons-item",
+			type: "default",
+			onClick: handleRefund
+		}, __pisell_utils.locales.getText("pisell2.text.refund"));
+	}, []);
+	const handleClearAll = () => {
+		state?.clearAllValue?.();
+	};
+	let buttonMap = {
+		checkout: checkoutButton,
+		save: saveButton,
+		complete: completeButton,
+		refund: refundButton,
+		paymentLink: paymentLinkButton,
+		rebook: rebookButton,
+		clearAll: (0, react.useMemo)(() => {
+			return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme: { token: { colorPrimary: "#f04438" } } }, /* @__PURE__ */ react.default.createElement(antd.Button, {
+				className: "pisell-lowcode__booking-footer-buttons-item",
+				type: "primary",
+				onClick: handleClearAll
+			}, __pisell_utils.locales.getText("pisell2.booking.info.text.clear-all")));
+		}, [])
+	};
+	const isShowClearAll = (0, react.useMemo)(() => {
+		if (!state.bookingId) return true;
+	}, [state.bookingId]);
+	/**
+	* @title: 是否可以checkout
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:58
+	*/
+	const isCheckout = (0, react.useMemo)(() => {
+		if (!state.bookingId || state.bookingDetail?.bookings?.appointment_status !== "cancelled" && [
+			"unfulfilled",
+			"partially_paid",
+			"unpaid",
+			"payment_processing"
+		].includes(state?.bookingDetail?.payment_status) && !state.disabledEdit) return true;
+		else {
+			if (total.notPaidAmount > 0) return true;
+			return false;
+		}
+	}, [state.bookingDetail, total.notPaidAmount]);
+	const _buttons = (0, react.useMemo)(() => {
+		const isEvent = require_utils.isEventBooking(state);
+		if (state.appointment_status === "cancelled") return [buttonMap.rebook];
+		if (paymentRefundedStatus) {
+			if (isEvent) return [""];
+			return [buttonMap.rebook];
+		}
+		if (source === "addons") {
+			let arr = [];
+			arr = [...buttons];
+			if (isEdit) arr.push(buttonMap.save);
+			return arr;
+		}
+		if (source === "payment") {
+			let arr = [];
+			if (state.bookingId && isShowPaymentLink) arr.push(buttonMap.paymentLink);
+			if (!isTeam) {
+				if (total.paidAmount > 0) arr.push(buttonMap.refund);
+				if (isCheckout) arr.push(buttonMap.checkout);
+			}
+			return arr;
+		}
+		if (source === "info") {
+			let arr = [];
+			if (isShowClearAll) arr.push(buttonMap.clearAll);
+			if (isCheckout) {
+				if (!isTeam) arr.push(buttonMap.checkout);
+			} else if (!isEdit) arr.push(buttonMap.complete);
+			if (isEdit) arr.push(buttonMap.save);
+			return arr;
+		}
+		if (source === "addTime") {
+			let arr = [];
+			arr = [...buttons];
+			return arr;
+		}
+		return [];
+	}, [
+		buttons,
+		total,
+		isEdit,
+		checkoutLoading,
+		isDisabled,
+		source,
+		buttonMap,
+		loading,
+		isCheckout,
+		state,
+		isTeam,
+		isShowClearAll
+	]);
+	const moreButton = (0, react.useMemo)(() => {
+		let arr = [];
+		if (!state.bookingId) return [];
+		if (source !== "info") return [];
+		if (state.renderType === "eventBooking") return [];
+		if (state?.bookingDetail?.payment_status === "refunded") return [];
+		if (_buttons.length !== 0) {
+			if (state.bookingId && isShowPaymentLink && state?.bookingDetail?.payment_status !== "partially_refunded") arr.push(actionMap.paymentLink);
+		}
+		if (transaction_habit_selection.button_rows == 1) {
+			if (state.appointment_status !== "cancelled") {
+				if (!state.disabledEdit && !state.isBookingCreatePage && !require_utils.isDayBooking(state)) arr.push(actionMap.sale);
+			}
+		}
+		if (!isTeam) {
+			if (transaction_habit_selection.button_rows == 1) arr.push(actionMap.orderDetail);
+			if (total.paidAmount > 0) arr.push(actionMap.refund);
+		}
+		if (state.appointment_status !== "cancelled") arr.push(actionMap.rebook);
+		return arr;
+	}, [
+		state,
+		total,
+		isShowPaymentLink,
+		source,
+		_buttons.length,
+		state?.bookingDetail?.payment_status
+	]);
+	/**
+	* 是否只有定金支付
+	*/
+	const isOnlyDeposit = (0, react.useMemo)(() => {
+		if (state?.bookingDetail?.deposit_payment_time && state?.bookingDetail?.payment_types?.every?.((item) => item === "deposit")) return true;
+		return false;
+	}, [state?.bookingDetail]);
+	/**
+	* @title: 总计文案
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 17:00
+	*/
+	const totalText = (0, react.useMemo)(() => {
+		let str = "";
+		if (total.totalRefundAmount > 0) return `${__pisell_utils.locales.getText("pisell2.text.refunded-amount")}: ${(0, __pisell_utils.formatAmount)(total.totalRefundAmount, 2, state?.amountSymbol || "$")}`;
+		if (isOnlyDeposit) return `${__pisell_utils.locales.getText("pisell2.text.deposit-paid")} ${(0, __pisell_utils.formatAmount)(state?.bookingDetail?.deposit_paid_amount, 2, state?.amountSymbol || "$")} ${total.duration ? `(${total.duration})` : ""}`;
+		if (total.notPaidAmount <= 0 && state.bookingId) str = `${__pisell_utils.locales.getText("pisell1.text.fully-paid")}: ${(0, __pisell_utils.formatAmount)(total.sumTotalAmount, 2, state?.amountSymbol || "$")}`;
+		if (total.notPaidAmount > 0 || !state.bookingId) str = `${__pisell_utils.locales.getText("pisell2.text.to-pay")}: ${(0, __pisell_utils.formatAmount)(total.notPaidAmount, 2, state?.amountSymbol || "$")}`;
+		if (total.duration) str = str + ` (${total.duration})`;
+		return str;
+	}, [
+		state,
+		total,
+		state.bookingId,
+		isOnlyDeposit
+	]);
+	/**
+	* @title: 欠款文案
+	* @description: 商家欠用户钱
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 17:01
+	*/
+	const arrearsText = (0, react.useMemo)(() => {
+		let str = "";
+		if (isOnlyDeposit) return str;
+		if (total.dueAmount < 0) str = `${__pisell_utils.locales.getText("pisell1.text.refund-customer")}: ${(0, __pisell_utils.formatAmount)(total.dueAmount, 2, state?.amountSymbol || "$")}`;
+		return str;
+	}, [
+		state,
+		total,
+		isOnlyDeposit
+	]);
+	(0, react.useMemo)(() => {
+		if (!state?.bookingDetail) return "";
+		let str = "";
+		str = str + state.bookingDetail.tax_title;
+		str = str + " " + Number(state.bookingDetail.tax_rate) * 100 + "%";
+		if (require_amount.is_price_include_tax(state)) str = str + " " + __pisell_utils.locales.getText("pisell1.text.included");
+		else str = str + " " + __pisell_utils.locales.getText("pisell1.text.not-contain");
+		return str;
+	}, [state?.bookingDetail]);
+	/**
+	* @title: 是否显示footer loading
+	* @description:  避免数据未获取完时页面闪动
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 17:03
+	*/
+	const showFooter = (0, react.useMemo)(() => {
+		if (state.bookingId) {
+			if (!state.bookingDetail) return true;
+			if (!state.addons?.load && state.renderType !== "eventBooking" && !state.isBookingCreatePage) return true;
+		}
+		return false;
+	}, [
+		state.bookingId,
+		state.bookingDetail,
+		state.addons?.load,
+		state.renderType
+	]);
+	const menuChange = (e) => {
+		console.log("e.key", e.key);
+		switch (e.key) {
+			case "sendMail":
+				handleMenuClick(e);
+				break;
+			case "copy":
+				handleMenuClick(e);
+				break;
+			case "rebook":
+				handleRebook();
+				break;
+			case "sale":
+				handleSale();
+				break;
+			case "print":
+				handlePrint();
+				break;
+			case "orderDetail":
+				handleOrderDetail();
+				break;
+			case "refund":
+				handleRefund();
+				break;
+			case "cancelOrder":
+				handleCancel();
+				break;
+			default: break;
+		}
+	};
+	const subTotalList = (0, react.useMemo)(() => {
+		const surcharge = (state.bookingDetail?.surcharge || []).map((d, index) => {
+			return {
+				key: `custom_surcharge_${index}`,
+				label: d.name[state.locale],
+				value: d.amount
+			};
+		});
+		return [
+			{
+				key: "sub_total",
+				value: total.productAmount
+			},
+			...surcharge,
+			{
+				hidden: !state.bookingId,
+				key: "tax",
+				value: total.tax,
+				tax: {
+					rate: state?.bookingDetail?.tax_rate,
+					is_price_include_tax: require_amount.is_price_include_tax(state),
+					title: state?.bookingDetail?.tax_title
+				}
+			},
+			{
+				hidden: !state.bookingId,
+				key: "discount",
+				value: total.shopDiscount
+			},
+			{
+				key: "total",
+				value: total.expectAmount
+			},
+			{
+				hidden: !total.roundingAmount,
+				key: "custom_roundingAmount",
+				value: total.roundingAmount,
+				label: __pisell_utils.locales.getText("pisell1.text.rounding")
+			}
+		];
+	}, [
+		total,
+		state.bookingDetail?.surcharge,
+		state,
+		state.bookingId
+	]);
+	const orderTotalList = (0, react.useMemo)(() => {
+		return [
+			{
+				hidden: !state.bookingId,
+				key: "custom_orderPaidAmount",
+				value: total.orderPaidAmount,
+				label: __pisell_utils.locales.getText("pisell2.text.amount-paid-on-order")
+			},
+			{
+				hidden: !state.bookingId,
+				key: "custom_paySurchargeFee",
+				value: total.paySurchargeFee,
+				label: __pisell_utils.locales.getText("pisell1.text.payment-fee")
+			},
+			{
+				hidden: !state.bookingId,
+				key: "custom_actualPaidAmount",
+				value: total.actualPaidAmount,
+				label: __pisell_utils.locales.getText("pisell2.text.amount-actually-paid-by-the-customer")
+			},
+			{
+				hidden: !state.bookingId || !total.totalRefundAmount,
+				key: "custom_totalRefundAmount",
+				value: total.totalRefundAmount,
+				label: __pisell_utils.locales.getText("pisell2.text.refunded-amount")
+			}
+		];
+	}, [
+		total,
+		state.bookingDetail?.surcharge,
+		state,
+		state.bookingId
+	]);
+	return /* @__PURE__ */ react.default.createElement(antd.Skeleton, {
+		title: false,
+		round: true,
+		loading: showFooter,
+		active: true
+	}, (hasGoodPassApp || hasDiscountCardApp) && ["addons", "info"].includes(source) && !paymentRefundedStatus ? /* @__PURE__ */ react.default.createElement(require_index$3.default, {
+		state,
+		dispatch,
+		source
+	}) : null, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ react.default.createElement("span", {
+		className: "pisell-lowcode__booking-footer-right",
+		onClick: () => {
+			setShowDetail(!showDetail);
+		}
+	}, __pisell_utils.locales.getText("pisell2.text.details"), " ", /* @__PURE__ */ react.default.createElement(__pisell_icon_es_ChevronDown.default, { className: (0, classnames.default)("pisell-lowcode__booking-footer-right-icon", { "pisell-lowcode__booking-footer-right-icon-show": showDetail }) }))), /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("pisell-lowcode__booking-footer-total-detail", { "pisell-lowcode__booking-footer-total-detail-show": showDetail }) }, /* @__PURE__ */ react.default.createElement("div", { className: "order-total-item-border" }), /* @__PURE__ */ react.default.createElement(require_index$4.default, {
+		mode: "column1",
+		list: subTotalList,
+		style: { padding: `0` }
+	}), /* @__PURE__ */ react.default.createElement("div", { className: state.bookingId ? "order-total-item-border" : "" }), !!state.bookingId && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_index$4.default, {
+		mode: "column1",
+		list: orderTotalList,
+		style: { padding: ` 0 0 16px` }
+	}))), !state?.disableEventBookingEdit && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-footer-buttons" }, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
+		items: moreButton,
+		state,
+		dispatch,
+		source,
+		menuChange
+	}), _buttons.length ? _buttons : state.bookingId && isShowPaymentLink ? paymentLinkButton : null), source === "info" && state.bookingId && !state.disabledEdit && transaction_habit_selection?.button_rows == 2 ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "pisell-lowcode__booking-footer-buttons",
+		style: { marginTop: 12 }
+	}, state.appointment_status !== "cancelled" && !state.isBookingCreatePage && !require_utils.isDayBooking(state) ? /* @__PURE__ */ react.default.createElement(antd.Button, {
+		onClick: () => handleSale(),
+		size: "large",
+		className: "pisell-lowcode__booking-footer-buttons-item"
+	}, actionMap.sale.label) : null, isTeam ? null : /* @__PURE__ */ react.default.createElement(antd.Button, {
+		onClick: () => handleOrderDetail(),
+		size: "large",
+		className: "pisell-lowcode__booking-footer-buttons-item"
+	}, actionMap.orderDetail.label)) : null, contextHolder, /* @__PURE__ */ react.default.createElement(require_index$1.default, { ref: appointmentProductRef }));
+};
+var footer_default = Footer;
+
+//#endregion
+exports.default = footer_default;