@pisell/private-materials 6.6.7 → 6.6.9

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

@@ -0,0 +1,862 @@
+import { getSumTotal, is_price_include_tax } from "./amount.js";
+import { getIsSubjectRequire, isDayBooking, isEventBooking, isHasDayAppointmentProduct } from "../../info/service2/utils.js";
+import useEngineContext_default from "../../../../hooks/useEngineContext.js";
+import { checkHolderIsError, formatValues } from "./utils.js";
+import { formatProducts } from "../../addons/index.js";
+import { createBookings, editBookings } from "../../info2/serve.js";
+import AppointmentProductModal_default from "./AppointmentProductModal/index.js";
+import FooterMenus_default from "./FooterMenus/index.js";
+import { createEventBooking, editEventBooking } from "./serve.js";
+import { useIsBooking4Shop } from "../../hooks/useIsBooking4Shop.js";
+import voucher_default from "../voucher/index.js";
+import subTotal_default from "../../../subTotal/index.js";
+import dayjs from "dayjs";
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import { Button, ConfigProvider, Dropdown, Modal, Skeleton, Space, message } from "antd";
+import { formatAmount, locales, sendWarningLog } from "@pisell/utils";
+import classNames from "classnames";
+import { DownOutlined } from "@ant-design/icons";
+import ChevronDown from "@pisell/icon/es/ChevronDown";
+import "./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] = useState(false);
+	const [loading, setLoading] = useState(false);
+	const [checkoutLoading, setCheckoutLoading] = useState(false);
+	const [isShowPaymentLink, setIsShowPaymentLink] = useState(false);
+	const isBooking4Shop = useIsBooking4Shop(state);
+	const appointmentProductRef = useRef(null);
+	const { isTerminal, interaction, store, storage, businessUtils } = useEngineContext_default().appHelper?.utils;
+	useEffect(() => {
+		store?.dispatch({
+			type: "global/_getMetadataMap",
+			callback: (data) => {
+				console.log(data, "data");
+				setIsShowPaymentLink(!!data["payment_collection_link_config_switch"]);
+			}
+		});
+	}, []);
+	const [modal, contextHolder] = Modal.useModal();
+	const { setActiveTab } = state;
+	const isTeam = useMemo(() => {
+		return storage.get("channel") === "android_team_portal" || storage.get("channel") === "ios_team_portal";
+	}, []);
+	const actionMap = {
+		sale: {
+			label: locales.getText("pisell2.text.addons"),
+			key: "sale"
+		},
+		paymentLink: {
+			label: locales.getText("pisell2.text.payment-link"),
+			key: "payment",
+			children: [{
+				label: locales.getText("pisell2.text.send-mail"),
+				key: "sendMail"
+			}, {
+				label: locales.getText("pisell2.text.copy-to-clipboard"),
+				key: "copy"
+			}]
+		},
+		print: {
+			label: "Print",
+			key: "print"
+		},
+		orderDetail: {
+			label: locales.getText("pisell2.text.deposit-order-detail"),
+			key: "orderDetail"
+		},
+		refund: {
+			label: locales.getText("pisell2.text.refund"),
+			key: "refund"
+		},
+		rebook: {
+			label: locales.getText("pisell2.text.rebook"),
+			key: "rebook"
+		},
+		cancelOrder: {
+			label: "Cancel order",
+			key: "cancelOrder"
+		}
+	};
+	useEffect(() => {
+		if (state.bookingDetail) state.action({
+			type: "pisell1.registerPlugin",
+			data: { pluginList: ["RefundPlugin"] }
+		});
+	}, [state.bookingDetail]);
+	const params = useMemo(() => {
+		return state?.bookingConfig?.config?.basic?.appointment_subject || {};
+	}, [state?.bookingConfig?.config?.basic?.appointment_subject]);
+	const transaction_habit_selection = 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 = useMemo(() => {
+		if (state.addons?.edit) return true;
+		return false;
+	}, [state.addons?.edit]);
+	const infoEdit = 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 = useMemo(() => {
+		return infoEdit || addonsEdit;
+	}, [infoEdit, addonsEdit]);
+	const total = useMemo(() => {
+		return getSumTotal(state, isEdit);
+	}, [state, isEdit]);
+	const isDisabled = 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 (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: formatProducts(_list),
+				shop_discount: state.bookingDetail.shop_discount,
+				shop_discount_reason: state.bookingDetail.shop_discount_reason
+			});
+			message.success(locales.getText("pisell2.text.addons") + locales.getText("pisell2.text.updated"));
+		} catch (err) {
+			console.log("state.bookingId && state.addons.edit", err);
+		}
+	};
+	const getApis = () => {
+		if (isBooking4Shop || state.renderType === "dayBooking") return {
+			editBooking: editBookings,
+			createBooking: 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 = 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 (isDayBooking(state)) {
+			if (handleDaySubmit()) return;
+		}
+		if (isBooking4Shop && getIsSubjectRequire(state) && checkHolderIsError(state)) return;
+		let _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
+		_setLoading(true);
+		const { createBooking, editBooking } = getApis();
+		const editApi = state.renderType === "eventBooking" ? editEventBooking : editBooking;
+		const createApi = state.renderType === "eventBooking" ? createEventBooking : createBooking;
+		let saveOtherValue = {};
+		if (type === "save") saveOtherValue = await state?.onSave?.(state.client) || {};
+		try {
+			let callbackData = null;
+			let values = formatValues({
+				...state,
+				...saveOtherValue
+			});
+			const api = state.bookingId ? editApi : createApi;
+			sendWarningLog({
+				title: "saveBooking",
+				content: [
+					{
+						key: "下单前数据",
+						value: JSON.stringify(values)
+					},
+					{
+						key: "日期",
+						value: dayjs().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) message.success(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) 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 });
+		message.success(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 = 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 = 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.createElement(ConfigProvider, { theme: { token: { colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009" } } }, /* @__PURE__ */ React.createElement(Button, {
+			className: classNames("pisell-lowcode__booking-footer-buttons-item", { ["pisell-lowcode__booking-footer-buttons-item-primary"]: buttonType === "primary" }),
+			type: "primary",
+			loading: checkoutLoading,
+			onClick: () => {
+				handleCheckout();
+			},
+			disabled: isDisabled
+		}, 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: locales.getText("pisell2.text.ok"),
+				content: 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 = useMemo(() => {
+		const items = [{
+			label: locales.getText("pisell2.text.send-mail"),
+			key: "sendMail"
+		}, {
+			label: locales.getText("pisell2.text.copy-to-clipboard"),
+			key: "copy"
+		}];
+		return /* @__PURE__ */ React.createElement(Dropdown, { menu: {
+			items,
+			onClick: handleMenuClick
+		} }, /* @__PURE__ */ React.createElement(Button, { className: "pisell-lowcode__booking-footer-buttons-item" }, /* @__PURE__ */ React.createElement(Space, null, locales.getText("pisell2.text.payment-link"), /* @__PURE__ */ React.createElement(DownOutlined, null))));
+	}, [handleMenuClick]);
+	/**
+	* @title: 保存按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:58
+	*/
+	const saveButton = useMemo(() => {
+		let buttonType = "default";
+		if (transaction_habit_selection.type === "service_now_pay_later") buttonType = "primary";
+		return /* @__PURE__ */ React.createElement(ConfigProvider, { theme: { token: { colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009" } } }, /* @__PURE__ */ React.createElement(Button, {
+			className: classNames("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
+		}, 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 = useMemo(() => {
+		return /* @__PURE__ */ React.createElement(Button, {
+			className: "pisell-lowcode__booking-footer-buttons-item",
+			type: "primary",
+			onClick: onSelect,
+			disabled: state.appointment_status === "completed"
+		}, 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 = useMemo(() => {
+		return /* @__PURE__ */ React.createElement(Button, {
+			className: "pisell-lowcode__booking-footer-buttons-item",
+			onClick: handleRebook
+		}, locales.getText("pisell2.text.rebook"));
+	}, [state?.onRebook]);
+	/**
+	* @title: 退款按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:58
+	*/
+	const refundButton = useMemo(() => {
+		return /* @__PURE__ */ React.createElement(Button, {
+			className: "pisell-lowcode__booking-footer-buttons-item",
+			type: "default",
+			onClick: handleRefund
+		}, locales.getText("pisell2.text.refund"));
+	}, []);
+	const handleClearAll = () => {
+		state?.clearAllValue?.();
+	};
+	let buttonMap = {
+		checkout: checkoutButton,
+		save: saveButton,
+		complete: completeButton,
+		refund: refundButton,
+		paymentLink: paymentLinkButton,
+		rebook: rebookButton,
+		clearAll: useMemo(() => {
+			return /* @__PURE__ */ React.createElement(ConfigProvider, { theme: { token: { colorPrimary: "#f04438" } } }, /* @__PURE__ */ React.createElement(Button, {
+				className: "pisell-lowcode__booking-footer-buttons-item",
+				type: "primary",
+				onClick: handleClearAll
+			}, locales.getText("pisell2.booking.info.text.clear-all")));
+		}, [])
+	};
+	const isShowClearAll = 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 = 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 = useMemo(() => {
+		const isEvent = 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 = 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 && !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 = 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 = useMemo(() => {
+		let str = "";
+		if (total.totalRefundAmount > 0) return `${locales.getText("pisell2.text.refunded-amount")}: ${formatAmount(total.totalRefundAmount, 2, state?.amountSymbol || "$")}`;
+		if (isOnlyDeposit) return `${locales.getText("pisell2.text.deposit-paid")} ${formatAmount(state?.bookingDetail?.deposit_paid_amount, 2, state?.amountSymbol || "$")} ${total.duration ? `(${total.duration})` : ""}`;
+		if (total.notPaidAmount <= 0 && state.bookingId) str = `${locales.getText("pisell1.text.fully-paid")}: ${formatAmount(total.sumTotalAmount, 2, state?.amountSymbol || "$")}`;
+		if (total.notPaidAmount > 0 || !state.bookingId) str = `${locales.getText("pisell2.text.to-pay")}: ${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 = useMemo(() => {
+		let str = "";
+		if (isOnlyDeposit) return str;
+		if (total.dueAmount < 0) str = `${locales.getText("pisell1.text.refund-customer")}: ${formatAmount(total.dueAmount, 2, state?.amountSymbol || "$")}`;
+		return str;
+	}, [
+		state,
+		total,
+		isOnlyDeposit
+	]);
+	useMemo(() => {
+		if (!state?.bookingDetail) return "";
+		let str = "";
+		str = str + state.bookingDetail.tax_title;
+		str = str + " " + Number(state.bookingDetail.tax_rate) * 100 + "%";
+		if (is_price_include_tax(state)) str = str + " " + locales.getText("pisell1.text.included");
+		else str = str + " " + 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 = 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 = 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: 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: locales.getText("pisell1.text.rounding")
+			}
+		];
+	}, [
+		total,
+		state.bookingDetail?.surcharge,
+		state,
+		state.bookingId
+	]);
+	const orderTotalList = useMemo(() => {
+		return [
+			{
+				hidden: !state.bookingId,
+				key: "custom_orderPaidAmount",
+				value: total.orderPaidAmount,
+				label: locales.getText("pisell2.text.amount-paid-on-order")
+			},
+			{
+				hidden: !state.bookingId,
+				key: "custom_paySurchargeFee",
+				value: total.paySurchargeFee,
+				label: locales.getText("pisell1.text.payment-fee")
+			},
+			{
+				hidden: !state.bookingId,
+				key: "custom_actualPaidAmount",
+				value: total.actualPaidAmount,
+				label: locales.getText("pisell2.text.amount-actually-paid-by-the-customer")
+			},
+			{
+				hidden: !state.bookingId || !total.totalRefundAmount,
+				key: "custom_totalRefundAmount",
+				value: total.totalRefundAmount,
+				label: locales.getText("pisell2.text.refunded-amount")
+			}
+		];
+	}, [
+		total,
+		state.bookingDetail?.surcharge,
+		state,
+		state.bookingId
+	]);
+	return /* @__PURE__ */ React.createElement(Skeleton, {
+		title: false,
+		round: true,
+		loading: showFooter,
+		active: true
+	}, (hasGoodPassApp || hasDiscountCardApp) && ["addons", "info"].includes(source) && !paymentRefundedStatus ? /* @__PURE__ */ React.createElement(voucher_default, {
+		state,
+		dispatch,
+		source
+	}) : null, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ React.createElement("span", {
+		className: "pisell-lowcode__booking-footer-right",
+		onClick: () => {
+			setShowDetail(!showDetail);
+		}
+	}, locales.getText("pisell2.text.details"), " ", /* @__PURE__ */ React.createElement(ChevronDown, { className: classNames("pisell-lowcode__booking-footer-right-icon", { "pisell-lowcode__booking-footer-right-icon-show": showDetail }) }))), /* @__PURE__ */ React.createElement("div", { className: classNames("pisell-lowcode__booking-footer-total-detail", { "pisell-lowcode__booking-footer-total-detail-show": showDetail }) }, /* @__PURE__ */ React.createElement("div", { className: "order-total-item-border" }), /* @__PURE__ */ React.createElement(subTotal_default, {
+		mode: "column1",
+		list: subTotalList,
+		style: { padding: `0` }
+	}), /* @__PURE__ */ React.createElement("div", { className: state.bookingId ? "order-total-item-border" : "" }), !!state.bookingId && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(subTotal_default, {
+		mode: "column1",
+		list: orderTotalList,
+		style: { padding: ` 0 0 16px` }
+	}))), !state?.disableEventBookingEdit && /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-footer-buttons" }, /* @__PURE__ */ React.createElement(FooterMenus_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.createElement("div", {
+		className: "pisell-lowcode__booking-footer-buttons",
+		style: { marginTop: 12 }
+	}, state.appointment_status !== "cancelled" && !state.isBookingCreatePage && !isDayBooking(state) ? /* @__PURE__ */ React.createElement(Button, {
+		onClick: () => handleSale(),
+		size: "large",
+		className: "pisell-lowcode__booking-footer-buttons-item"
+	}, actionMap.sale.label) : null, isTeam ? null : /* @__PURE__ */ React.createElement(Button, {
+		onClick: () => handleOrderDetail(),
+		size: "large",
+		className: "pisell-lowcode__booking-footer-buttons-item"
+	}, actionMap.orderDetail.label)) : null, contextHolder, /* @__PURE__ */ React.createElement(AppointmentProductModal_default, { ref: appointmentProductRef }));
+};
+var footer_default = Footer;
+
+//#endregion
+export { footer_default as default };