@pisell/private-materials 6.6.9 → 6.6.11

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

@@ -1,862 +0,0 @@
-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 };