@pisell/private-materials 6.6.10 → 6.6.12

package/dist/lib/components/booking/info/dateRange/index.js

@@ -1,85 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let dayjs = require("dayjs");
-dayjs = require_rolldown_runtime.__toESM(dayjs);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_materials = require("@pisell/materials");
-let __ant_design_icons = require("@ant-design/icons");
-require("./index.less");
-
-//#region src/components/booking/info/dateRange/index.tsx
-const disabledDate = (current, position, currentDate) => {
-	if (position === "start") return false;
-	if (position === "end" && current.endOf("day") && currentDate?.[0]) {
-		const endDisabled = currentDate?.[0].add(8, "months").format("YYYY-MM-DD");
-		return (0, dayjs.default)(endDisabled) < current.startOf("day") || current.startOf("day") <= currentDate?.[0];
-	}
-	return current && current <= currentDate?.[0];
-};
-const DateRange = ({ state, dispatch, key }) => {
-	const [value, setValue] = (0, react.useState)([]);
-	(0, react.useEffect)(() => {
-		const lists = [state.date?.value, state.date?.end_date];
-		setValue(lists);
-		console.log("lists", lists);
-	}, [state.date]);
-	/**
-	* @title: 点击确定
-	* @description:
-	* @param {any} e
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-12 15:39
-	*/
-	const dateChange = (e) => {
-		dispatch({
-			type: "setDate",
-			payload: {
-				value: e[0],
-				end_date: e[1],
-				edit: true
-			}
-		});
-	};
-	/**
-	* @title: 格式化语言
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-09 17:47
-	*/
-	const formatLocale = (0, react.useMemo)(() => {
-		const locale = state?.locale;
-		return locale === "en" || locale === "en-US" ? "DD/MM/YYYY" : "YYYY-MM-DD";
-	}, [state?.locale, state.date]);
-	return (0, react.useMemo)(() => {
-		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("pisell-lowcode__booking-service-header-date-range", { "pisell-lowcode__booking-service-header-date-range-terminal": state.isTerminalDayBookingPage }) }, /* @__PURE__ */ react.default.createElement(__pisell_materials.Page, null, /* @__PURE__ */ react.default.createElement(__pisell_materials.DatePicker.RangePicker, {
-			key,
-			inputReadOnly: true,
-			allowClear: false,
-			size: "large",
-			style: {
-				width: "100%",
-				padding: 0
-			},
-			suffixIcon: !state.disabledEdit ? /* @__PURE__ */ react.default.createElement(__ant_design_icons.CalendarOutlined, null) : null,
-			disabledDate,
-			value: [value[0], value[1]],
-			onChange: dateChange,
-			format: formatLocale,
-			isHideCustomSelect: true,
-			endDateDays: 1
-		}))));
-	}, [
-		value,
-		state.disabledEdit,
-		state?.locale
-	]);
-};
-var dateRange_default = DateRange;
-
-//#endregion
-exports.default = dateRange_default;

package/dist/lib/components/booking/info/dateRange/index.less

@@ -1,21 +0,0 @@
-.pisell-lowcode__booking-service-header-date-range {
-  flex: 1.1;
-  margin-top: 16px;
-
-  .pisell-date-range-picker > div > div {
-    height: 44px !important;
-    cursor: pointer !important;
-    input {
-      cursor: pointer;
-    }
-  }
-
-  .anticon-calendar {
-    font-size: 20px;
-    color: #667085;
-  }
-}
-
-.pisell-lowcode__booking-service-header-date-range-terminal {
-  margin-top: 0;
-}

package/dist/lib/components/booking/info/header/index.js

@@ -1,373 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../../../hooks/useEngineContext.js');
-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");
-require("./index.less");
-
-//#region src/components/booking/info/header/index.tsx
-const header = ({ state, dispatch }) => {
-	const context = require_useEngineContext.default();
-	const [modalContent, setModalContent] = (0, react.useState)({
-		open: false,
-		children: "",
-		footer: null,
-		title: /* @__PURE__ */ react.default.createElement("div", {
-			className: "",
-			style: { height: 14 }
-		})
-	});
-	const { isTerminal, interaction, store, storage } = context.appHelper?.utils;
-	const bookingDetail = (0, react.useMemo)(() => {
-		return {
-			...state.preliminaryBookingDetail || {},
-			...state.bookingDetail || {}
-		};
-	}, [state.bookingDetail, state.preliminaryBookingDetail]);
-	const statusList = [
-		{
-			label: __pisell_utils.locales.getText("pisell2.text.status.new"),
-			key: "new",
-			color: "#079455"
-		},
-		{
-			label: __pisell_utils.locales.getText("pisell2.text.status.confirmed"),
-			key: "confirmed",
-			color: "#7F56D9"
-		},
-		{
-			label: __pisell_utils.locales.getText("pisell2.text.status.arrived"),
-			key: "arrived",
-			color: "#088AB2"
-		},
-		{
-			label: __pisell_utils.locales.getText("pisell2.text.status.started"),
-			key: "started",
-			color: "#155EEF"
-		},
-		{
-			label: /* @__PURE__ */ react.default.createElement("span", { style: { color: "#D92D20" } }, __pisell_utils.locales.getText("pisell2.text.status.cancelled")),
-			key: "cancelled",
-			color: "#DC6803"
-		},
-		{
-			label: /* @__PURE__ */ react.default.createElement("span", { style: { color: "#D92D20" } }, __pisell_utils.locales.getText("pisell2.text.status.no_show")),
-			key: "no_show",
-			color: "#D92D20"
-		},
-		{
-			label: __pisell_utils.locales.getText("pisell2.text.status.completed"),
-			key: "completed",
-			color: "#4A5578"
-		}
-	];
-	const orderSalesChannel = {
-		online_store: __pisell_utils.locales.getText("pisell2.text.order.sales.channel.online"),
-		pos: __pisell_utils.locales.getText("pisell2.text.order.sales.channel.pos-terminal"),
-		boxlocal: __pisell_utils.locales.getText("pisell2.text.order.sales.channel.boxcocal"),
-		"table-order": __pisell_utils.locales.getText("pisell2.text.order.sales.channel.tableorder"),
-		google_reserve: __pisell_utils.locales.getText("pisell2.text.order.sales.channel.reserve")
-	};
-	/**
-	* @title: 预约状态字典
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:31
-	*/
-	const getStatusMap = () => {
-		let obj = {};
-		for (let i = 0; i < statusList.length; i++) obj[statusList[i].key] = statusList[i];
-		return obj;
-	};
-	const statusMps = getStatusMap();
-	const items = (0, react.useMemo)(() => {
-		return statusList.filter((item) => item.key !== state.appointment_status);
-	}, [statusList]);
-	/**
-	* @title: 当前状态
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:32
-	*/
-	const currentStatus = (0, react.useMemo)(() => {
-		return statusMps[state.appointment_status] || statusMps["new"];
-	}, [state.appointment_status]);
-	/**
-	* @title: 设置预约状态
-	* @description:
-	* @param {string} status
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:30
-	*/
-	const setBookingStatus = async (status) => {
-		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:
-	* @param {any} e
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:30
-	*/
-	const onSelect = async (e) => {
-		if (e.key === "cancelled") {
-			handleCancel();
-			return;
-		}
-		await setBookingStatus(e.key);
-	};
-	const setModalContentState = (values) => {
-		setModalContent({
-			...modalContent,
-			...values
-		});
-	};
-	/**
-	* @title: 跳转到支付页面
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:32
-	*/
-	const goCheckout = async () => {
-		if (isTerminal?.()) return interaction?.utils?.postMessageToApp?.({
-			module: "booking",
-			key: "booking_checkout",
-			data: {
-				order_id: state.bookingId,
-				callbackType: "pisell2"
-			}
-		});
-		state.action({
-			type: "pisell1.handlePayment",
-			data: { orderId: state.bookingId },
-			callback: () => {
-				state?.callback();
-			}
-		});
-	};
-	/**
-	* @title: 是否支付或者部分付款
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:22
-	*/
-	const isPaid = (0, react.useMemo)(() => {
-		return ["partially_paid", "paid"].find((d) => d === bookingDetail?.payment_status);
-	}, [bookingDetail?.payment_status]);
-	/**
-	* @title: 是否包含票务商品
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:25
-	*/
-	const isTicket = (0, react.useMemo)(() => {
-		return (state.service?.value || []).some((d) => [
-			"appointment_ticket",
-			"product_package_ticket",
-			"ticket"
-		].includes(d.extension_type));
-	}, [state.service?.value]);
-	/**
-	* @title: 是否存在待确认的支付
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:32
-	*/
-	const paymentProcessingPayment = (type) => {
-		const payments = bookingDetail?.payments || [];
-		const status = ["payment_processing"];
-		const payment_method = ["BANK_DEPOSIT"];
-		if (type === "bank") return !!payments?.find((item) => status.includes(item?.status) && payment_method.includes(item?.payment_method));
-		return !!payments?.find((item) => status.includes(item?.status));
-	};
-	/**
-	* @title: 取消预约
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:33
-	*/
-	const handleCancel = () => {
-		if (paymentProcessingPayment("bank")) return showPaymentModal();
-		if (paymentProcessingPayment()) return showCancelCalendarModal();
-		return showCancelledModal();
-	};
-	/**
-	* @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 });
-			}
-		});
-	};
-	/**
-	* @title: 显示去支付的弹窗
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:33
-	*/
-	const showPaymentModal = () => {
-		setModalContentState({
-			className: "go-payments-modal-wrap",
-			open: true,
-			width: 480,
-			onCancel: () => {
-				setModalContentState({ open: false });
-			},
-			children: /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-modal-content" }, /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-modal-content-title" }, __pisell_utils.locales.getText("page.booking.text.unconfirmed-payments")), /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-modal-content-desc" }, __pisell_utils.locales.getText("page.booking.text.unconfirmed-payments.msg")), /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-footer" }, /* @__PURE__ */ react.default.createElement(antd.Button, {
-				className: "go-payments-footer-btn",
-				size: "large",
-				onClick: () => {
-					setModalContentState({ open: false });
-				}
-			}, __pisell_utils.locales.getText("page.booking.text.go-back")), /* @__PURE__ */ react.default.createElement(antd.Button, {
-				className: "go-payments-footer-btn",
-				type: "primary",
-				size: "large",
-				onClick: () => {
-					goCheckout();
-					setModalContentState({ open: false });
-				}
-			}, __pisell_utils.locales.getText("page.booking.text.go-to-payments")))),
-			footer: null
-		});
-	};
-	/**
-	* @title: 显示去支付的弹窗
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:33
-	*/
-	const showCancelCalendarModal = () => {
-		setModalContentState({
-			className: "go-payments-modal-wrap",
-			open: true,
-			width: 480,
-			onCancel: () => {
-				setModalContentState({ open: false });
-			},
-			children: /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-modal-content" }, /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-modal-content-title" }, __pisell_utils.locales.getText("page.booking.text.cancel-booking")), /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-modal-content-desc" }, __pisell_utils.locales.getText("page.booking.text.cancel.calendar.msg")), /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-footer" }, /* @__PURE__ */ react.default.createElement(antd.Button, {
-				className: "go-payments-footer-btn",
-				size: "large",
-				onClick: () => {
-					setModalContentState({ open: false });
-				}
-			}, __pisell_utils.locales.getText("page.booking.text.go-back")), /* @__PURE__ */ react.default.createElement(antd.Button, {
-				className: "go-payments-footer-btn",
-				type: "primary",
-				size: "large",
-				onClick: () => {
-					setBookingStatus("cancelled");
-					setModalContentState({ open: false });
-				}
-			}, __pisell_utils.locales.getText("page.booking.text.cancel-booking")))),
-			footer: null
-		});
-	};
-	/**
-	* @title: 显示取消预约弹窗
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-22 09:34
-	*/
-	const showCancelledModal = () => {
-		const cancelBtn = /* @__PURE__ */ react.default.createElement(antd.Button, {
-			className: "go-payments-footer-btn",
-			size: "large",
-			type: "primary",
-			onClick: () => {
-				setBookingStatus("cancelled");
-				setModalContentState({ open: false });
-			}
-		}, __pisell_utils.locales.getText("page.booking.text.cancel-only"));
-		const refundBtn = /* @__PURE__ */ react.default.createElement(antd.Button, {
-			className: "go-payments-footer-btn",
-			size: "large",
-			danger: true,
-			ghost: true,
-			onClick: () => {
-				handleRefund();
-				setModalContentState({ open: false });
-			}
-		}, __pisell_utils.locales.getText("page.booking.text.refund"));
-		const okBtn = /* @__PURE__ */ react.default.createElement(antd.Button, {
-			className: "go-payments-footer-btn",
-			size: "large",
-			type: "primary",
-			onClick: () => {
-				setBookingStatus("cancelled");
-				setModalContentState({ open: false });
-			}
-		}, __pisell_utils.locales.getText("page.booking.text.confirm"));
-		const backBtn = /* @__PURE__ */ react.default.createElement(antd.Button, {
-			className: "go-payments-footer-btn",
-			size: "large",
-			onClick: () => {
-				setModalContentState({ open: false });
-			}
-		}, __pisell_utils.locales.getText("page.booking.text.go-back"));
-		setModalContentState({
-			className: "go-payments-modal-wrap",
-			open: true,
-			width: 480,
-			onCancel: () => {
-				setModalContentState({ open: false });
-			},
-			children: /* @__PURE__ */ react.default.createElement("div", { className: "go-payments-modal-content" }, /* @__PURE__ */ react.default.createElement("div", { className: "cancelled-modal-content-title" }, __pisell_utils.locales.getText("page.booking.text.cancel-booking")), /* @__PURE__ */ react.default.createElement("div", { className: "cancelled-modal-content-desc cancelled-modal-content-desc-red" }, __pisell_utils.locales.getText("page.booking.text.cancel-booking.msg")), isTicket ? /* @__PURE__ */ react.default.createElement("div", { className: "cancelled-modal-content-desc" }, __pisell_utils.locales.getText("page.booking.text.disabled-tickets")) : null, isPaid ? /* @__PURE__ */ react.default.createElement("div", { className: "cancelled-modal-content-list-wrap" }, /* @__PURE__ */ react.default.createElement("div", { className: "cancelled-modal-content-list-title" }, __pisell_utils.locales.getText("page.booking.text.paid.msg")(isPaid), " ", __pisell_utils.locales.getText("page.booking.text.please-choose-an-option")), /* @__PURE__ */ react.default.createElement("ul", { className: "cancelled-modal-content-ul" }, /* @__PURE__ */ react.default.createElement("li", { className: "cancelled-modal-content-li" }, __pisell_utils.locales.getText("page.booking.text.please-choose-an-option-2")), /* @__PURE__ */ react.default.createElement("li", { className: "cancelled-modal-content-li" }, __pisell_utils.locales.getText("page.booking.text.please-choose-an-option-1")))) : null, /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("go-payments-footer", { "go-payments-footer-column": isPaid }) }, isPaid ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, cancelBtn, refundBtn, backBtn) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, backBtn, okBtn))),
-			footer: null
-		});
-	};
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", {
-		className: "booking-header",
-		style: { backgroundColor: currentStatus.color }
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "booking-order-sales-channel" }, orderSalesChannel[bookingDetail?.order_sales_channel] || ""), /* @__PURE__ */ react.default.createElement("div", { className: "booking-header-line-2" }, /* @__PURE__ */ react.default.createElement("div", { className: "booking-header-left" }, __pisell_utils.locales.getText("pisell2.text.status.booking_id"), ":", " ", bookingDetail?.bookings?.booking_id || "-"), /* @__PURE__ */ react.default.createElement("div", { className: "booking-header-right" }, /* @__PURE__ */ react.default.createElement(antd.Dropdown, {
-		menu: {
-			items,
-			onClick: onSelect
-		},
-		disabled: state.appointment_status === "cancelled" || !state.bookingDetail
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "booking-header-right-status" }, currentStatus.label, state.appointment_status !== "cancelled" ? /* @__PURE__ */ react.default.createElement(__ant_design_icons.DownOutlined, { className: "booking-header-right-status-icon" }) : null))))), /* @__PURE__ */ react.default.createElement(antd.Modal, modalContent));
-};
-var header_default = header;
-
-//#endregion
-exports.default = header_default;

package/dist/lib/components/booking/info/header/index.less

@@ -1,175 +0,0 @@
-.booking-header {
-  // position: absolute;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  margin: 0;
-  margin-bottom: -40px;
-  padding: 24px 32px 64px 32px;
-  background: #069456;
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 110px;
-    background: #069456;
-    z-index: -1;
-  }
-
-  .booking-order-sales-channel {
-    width: 100%;
-    color: var(--Base-White, #FFF);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    /* 142.857% */
-  }
-
-  .booking-header-line-2 {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .booking-header-left {
-    color: var(--Base-White, #FFF);
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 400;
-  }
-
-  .booking-header-right {
-    .booking-header-right-status {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      color: var(--Base-White, #FFF) !important;
-      font-size: 18px;
-      font-style: normal;
-      font-weight: 400;
-      cursor: pointer;
-      border: 1px solid #fff;
-      padding: 4px 12px;
-      border-radius: 24px;
-
-      span {
-        color: var(--Base-White, #FFF) !important;
-      }
-
-      .booking-header-right-status-icon {
-        font-size: 20px;
-      }
-    }
-  }
-}
-
-.go-payments-modal-wrap {
-  padding: 0;
-}
-
-.go-payments-modal-content {
-  margin: 0 -24px;
-
-  .go-payments-modal-content-title {
-    color: var(--Gray-900, #101828);
-    font-size: 24px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 32px;
-    padding: 0 24px;
-  }
-
-  .go-payments-modal-content-desc {
-    color: var(--Gray-900, #101828);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 24px;
-    padding: 0 24px;
-    margin-top: 4px;
-  }
-
-  .cancelled-modal-content-title {
-    color: var(--Gray-900, #101828);
-    font-size: 24px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 32px;
-    padding: 0 24px;
-  }
-
-  .cancelled-modal-content-desc {
-    margin-top: 4px;
-    color: #101828;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 24px;
-    padding: 0 24px;
-
-    &.cancelled-modal-content-desc-red {
-      color: var(--Error-600, #D92D20);
-    }
-  }
-
-  .cancelled-modal-content-list-wrap {
-    padding: 0 24px;
-
-    .cancelled-modal-content-list-title {
-      color: var(--Gray-900, #101828);
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 24px;
-      margin-top: 4px;
-    }
-
-    .cancelled-modal-content-ul {
-      margin-top: 4px;
-
-      .cancelled-modal-content-li {
-        color: var(--Gray-900, #101828);
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 24px;
-      }
-
-    }
-
-  }
-
-  .go-payments-footer {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    border-top: 1px solid var(--Gray-200, #EAECF0);
-    margin-top: 16px;
-    padding: 24px 24px 4px;
-    width: 100%;
-
-    .go-payments-footer-btn {
-      flex: 1;
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 600;
-    }
-
-    &.go-payments-footer-column {
-      flex-direction: column;
-      gap: 12px;
-
-      .go-payments-footer-btn {
-        width: 100%;
-      }
-    }
-
-
-  }
-
-}