@pisell/materials 1.8.41 → 1.8.43

package/es/components/productCard/cartSkuCard/index.js

@@ -15,6 +15,8 @@ import { SwipeAction } from "./components/swipeAction/index.js";
 import Note from "./components/Note/index.js";
 import Footer from "./components/AmountFooter/index.js";
 import MultiDay from "./components/MultiDay/index.js";
+import Promotion from "./components/Promotion/index.js";
+import Gift from "./components/Gift/index.js";
 import React, { useMemo, useRef } from "react";
 import { locales } from "@pisell/utils";
 import classNames from "classnames";
@@ -23,12 +25,15 @@ import "./index.less";
 const _excluded = [
 	"dataSource",
 	"isShowImage",
+	"isShowOriginalPrice",
 	"isShowHolder",
 	"isShowNote",
 	"isShowDelete",
 	"isShowAmountFooter",
 	"isShowPackageNote",
 	"isShowEditProduct",
+	"disabledClick",
+	"disabledEditClick",
 	"onEditProduct",
 	"onAction",
 	"onDelete",
@@ -36,15 +41,18 @@ const _excluded = [
 	"onLike",
 	"onCard",
 	"onChangeResource",
+	"onPromotion",
+	"onGift",
 	"onChangeHolder",
 	"type",
 	"rightActions",
-	"escapeDom"
+	"escapeDom",
+	"maxSpecsCount"
 ];
 const PREFIX = "pisell-cart-sku-card";
 const CartSkuCard = (props) => {
 	var _context$appHelper$ut;
-	const { dataSource = defaultValue.dataSource, isShowImage = defaultValue.isShowImage, isShowHolder = defaultValue.isShowHolder, isShowNote = defaultValue.isShowNote, isShowDelete = defaultValue.isShowDelete, isShowAmountFooter = defaultValue.isShowAmountFooter, isShowPackageNote = defaultValue.isShowPackageNote, isShowEditProduct = defaultValue.isShowEditProduct, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onChangeHolder, type, rightActions = [], escapeDom } = props, other = _objectWithoutProperties(props, _excluded);
+	const { dataSource = defaultValue.dataSource, isShowImage = defaultValue.isShowImage, isShowOriginalPrice = defaultValue.isShowOriginalPrice, isShowHolder = defaultValue.isShowHolder, isShowNote = defaultValue.isShowNote, isShowDelete = defaultValue.isShowDelete, isShowAmountFooter = defaultValue.isShowAmountFooter, isShowPackageNote = defaultValue.isShowPackageNote, isShowEditProduct = defaultValue.isShowEditProduct, disabledClick = defaultValue.disabledClick, disabledEditClick = defaultValue.disabledEditClick, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onPromotion, onGift, onChangeHolder, type, rightActions = [], escapeDom, maxSpecsCount = 1 } = props, other = _objectWithoutProperties(props, _excluded);
 	const useOpenNoteRef = useRef();
 	const context = useEngineContext();
 	locales.init(locales_default, ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get("umi_locale")) || "en");
@@ -89,12 +97,25 @@ const CartSkuCard = (props) => {
 	const hideDivider = useMemo(() => {
 		return false;
 	}, [dataSource]);
+	/**
+	* @description: 营销活动
+	* @param {*} useMemo
+	* @return {*}
+	*/
+	const renderPromotion = useMemo(() => {
+		var _dataSource$promotion;
+		return (dataSource === null || dataSource === void 0 || (_dataSource$promotion = dataSource.promotions) === null || _dataSource$promotion === void 0 ? void 0 : _dataSource$promotion.length) ? /* @__PURE__ */ React.createElement(Promotion, {
+			promotions: dataSource === null || dataSource === void 0 ? void 0 : dataSource.promotions,
+			onClick: (item) => onPromotion === null || onPromotion === void 0 ? void 0 : onPromotion(item)
+		}) : null;
+	}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.promotions, dataSource === null || dataSource === void 0 ? void 0 : dataSource.num]);
 	const renderA2 = () => {
 		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BasicInfo, {
 			isShowImage,
 			dataSource,
-			isMainProduct: true
-		}), /* @__PURE__ */ React.createElement(DiscountReason, { dataSource }), isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
+			isMainProduct: true,
+			maxSpecsCount
+		}), /* @__PURE__ */ React.createElement(DiscountReason, { dataSource }), renderPromotion, isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
 			item: dataSource,
 			openNote: () => {
 				useOpenNoteRef.current.open({ item: dataSource });
@@ -114,7 +135,11 @@ const CartSkuCard = (props) => {
 			isShowImage,
 			dataSource,
 			isMainProduct: true,
-			type
+			type,
+			isShowOriginalPrice,
+			isShowEditProduct,
+			disabledEditClick,
+			onEditProduct
 		}), /* @__PURE__ */ React.createElement(TimeRange, { dataSource }), /* @__PURE__ */ React.createElement(Resources, { dataSource }), /* @__PURE__ */ React.createElement(Packages, {
 			dataSource,
 			isShowImage
@@ -129,7 +154,7 @@ const CartSkuCard = (props) => {
 			item: dataSource,
 			hideDivider,
 			type: "total"
-		}) : null, isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
+		}) : null, renderPromotion, isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
 			item: dataSource,
 			openNote: () => {
 				useOpenNoteRef.current.open({ item: dataSource });
@@ -139,11 +164,45 @@ const CartSkuCard = (props) => {
 			onAction: () => onAction === null || onAction === void 0 ? void 0 : onAction(dataSource)
 		}) : null);
 	};
+	const renderA9 = () => {
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, isShowDelete ? /* @__PURE__ */ React.createElement("div", {
+			className: `${PREFIX}__delete-btn`,
+			onClick: (e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				onDelete === null || onDelete === void 0 || onDelete(dataSource);
+			}
+		}, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })) : null, /* @__PURE__ */ React.createElement(BasicInfo, {
+			isShowImage,
+			dataSource,
+			isMainProduct: true,
+			type,
+			isShowOriginalPrice,
+			isShowEditProduct,
+			disabledEditClick,
+			onEditProduct
+		}), /* @__PURE__ */ React.createElement(Packages, {
+			dataSource,
+			isShowImage,
+			type
+		}), isShowAmountFooter ? /* @__PURE__ */ React.createElement(Footer, {
+			item: dataSource,
+			hideDivider,
+			type: "total"
+		}) : null, /* @__PURE__ */ React.createElement(DiscountReason, { dataSource }), renderPromotion, isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
+			item: dataSource,
+			openNote: () => {
+				useOpenNoteRef.current.open({ item: dataSource });
+			}
+		})) : null);
+	};
 	const renderContent = () => {
+		if (type === "a9") return renderA9();
 		if (type === "a5") return renderA5();
 		return renderA2();
 	};
-	return /* @__PURE__ */ React.createElement(SwipeAction, {
+	if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.isGift) return null;
+	return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ React.createElement(SwipeAction, {
 		closeOnAction: false,
 		className: classNames(`${PREFIX}-wrapper`),
 		rightActions: _rightActions,
@@ -151,11 +210,12 @@ const CartSkuCard = (props) => {
 	}, /* @__PURE__ */ React.createElement("div", {
 		className: classNames(PREFIX, `${PREFIX}--${type}`),
 		onClick: (e) => {
+			if (disabledClick) return;
 			e.preventDefault();
 			e.stopPropagation();
 			onCard === null || onCard === void 0 || onCard(dataSource);
 		}
-	}, renderContent()));
+	}, renderContent())), /* @__PURE__ */ React.createElement(Gift, _objectSpread2(_objectSpread2({}, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.giftData) || {}), {}, { onClick: () => onGift === null || onGift === void 0 ? void 0 : onGift(dataSource) })));
 };
 //#endregion
 export { PREFIX, CartSkuCard as default };

package/es/components/productCard/cartSkuCard/locales.js

@@ -8,7 +8,14 @@ var locales_default = {
 		"pisell2.cart.sku-card.packages.title": "Items in package",
 		"pisell2.cart.sku-card.sales.title": "Sales",
 		"pisell2.cart.sku-card.actions.delete": "Delete",
-		"pisell2.cart.sku-card.unassigned": "Unassigned"
+		"pisell2.cart.sku-card.unassigned": "Unassigned",
+		"pisell2.cart.sku-card.weighing.gross": "Gross",
+		"pisell2.cart.sku-card.weighing.tare": "Tare",
+		"pisell2.cart.sku-card.weighing.net": "Net",
+		"pisell2.cart.sku-card.weighing.noTare": "No tare",
+		"pisell2.cart.sku-card.gift.title": "Gift",
+		"pisell2.cart.sku-card.gift.select.title": "Select Gift",
+		"pisell2.cart.sku-card.gift.total": (num) => `${num} ${num > 1 ? "items" : "item"}`
 	}),
 	"zh-CN": _objectSpread2(_objectSpread2({}, locales_default$1["zh-CN"]), {}, {
 		"pisell2.product.card.discount.reason": "折扣原因",
@@ -16,7 +23,14 @@ var locales_default = {
 		"pisell2.cart.sku-card.packages.title": "包含的商品",
 		"pisell2.cart.sku-card.sales.title": "销售",
 		"pisell2.cart.sku-card.actions.delete": "删除",
-		"pisell2.cart.sku-card.unassigned": "未分配"
+		"pisell2.cart.sku-card.unassigned": "未分配",
+		"pisell2.cart.sku-card.weighing.gross": "毛重",
+		"pisell2.cart.sku-card.weighing.tare": "皮重",
+		"pisell2.cart.sku-card.weighing.net": "净重",
+		"pisell2.cart.sku-card.weighing.noTare": "无皮重",
+		"pisell2.cart.sku-card.gift.title": "赠品",
+		"pisell2.cart.sku-card.gift.select.title": "选择赠品",
+		"pisell2.cart.sku-card.gift.total": (num) => `共${num}件`
 	}),
 	"zh-HK": _objectSpread2(_objectSpread2({}, locales_default$1["zh-HK"]), {}, {
 		"pisell2.product.card.discount.reason": "折扣原因",
@@ -24,7 +38,14 @@ var locales_default = {
 		"pisell2.cart.sku-card.packages.title": "包含的商品",
 		"pisell2.cart.sku-card.sales.title": "銷售",
 		"pisell2.cart.sku-card.actions.delete": "刪除",
-		"pisell2.cart.sku-card.unassigned": "未分配"
+		"pisell2.cart.sku-card.unassigned": "未分配",
+		"pisell2.cart.sku-card.weighing.gross": "毛重",
+		"pisell2.cart.sku-card.weighing.tare": "皮重",
+		"pisell2.cart.sku-card.weighing.net": "淨重",
+		"pisell2.cart.sku-card.weighing.noTare": "無皮重",
+		"pisell2.cart.sku-card.gift.title": "贈品",
+		"pisell2.cart.sku-card.gift.select.title": "選擇贈品",
+		"pisell2.cart.sku-card.gift.total": (num) => `共${num}件`
 	}),
 	ja: _objectSpread2(_objectSpread2({}, locales_default$1.ja), {}, {
 		"pisell2.product.card.discount.reason": "割引理由",
@@ -32,7 +53,14 @@ var locales_default = {
 		"pisell2.cart.sku-card.packages.title": "パッケージ内のアイテム",
 		"pisell2.cart.sku-card.sales.title": "セール",
 		"pisell2.cart.sku-card.actions.delete": "削除",
-		"pisell2.cart.sku-card.unassigned": "未割り当て"
+		"pisell2.cart.sku-card.unassigned": "未割り当て",
+		"pisell2.cart.sku-card.weighing.gross": "総重量",
+		"pisell2.cart.sku-card.weighing.tare": "風袋",
+		"pisell2.cart.sku-card.weighing.net": "正味重量",
+		"pisell2.cart.sku-card.weighing.noTare": "風袋なし",
+		"pisell2.cart.sku-card.gift.title": "プレゼント",
+		"pisell2.cart.sku-card.gift.select.title": "プレゼントを選択",
+		"pisell2.cart.sku-card.gift.total": (num) => `計${num}点`
 	}),
 	pt: _objectSpread2(_objectSpread2({}, locales_default$1.pt), {}, {
 		"pisell2.product.card.discount.reason": "Motivo do desconto",
@@ -40,7 +68,14 @@ var locales_default = {
 		"pisell2.cart.sku-card.packages.title": "Itens no pacote",
 		"pisell2.cart.sku-card.sales.title": "Vendas",
 		"pisell2.cart.sku-card.actions.delete": "Excluir",
-		"pisell2.cart.sku-card.unassigned": "Não atribuído"
+		"pisell2.cart.sku-card.unassigned": "Não atribuído",
+		"pisell2.cart.sku-card.weighing.gross": "Peso bruto",
+		"pisell2.cart.sku-card.weighing.tare": "Tara",
+		"pisell2.cart.sku-card.weighing.net": "Peso líquido",
+		"pisell2.cart.sku-card.weighing.noTare": "Sem tara",
+		"pisell2.cart.sku-card.gift.title": "Brinde",
+		"pisell2.cart.sku-card.gift.select.title": "Escolher brinde",
+		"pisell2.cart.sku-card.gift.total": (num) => `${num} itens no total`
 	})
 };
 //#endregion

package/es/components/productCard/components/Header/DeleteButton/index.js

@@ -4,7 +4,7 @@ import { Button } from "antd";
 import "./index.less";
 //#region src/components/productCard/components/Header/DeleteButton/index.tsx
 const prefix = "pisell-lowcode-";
-const DeleteButton = ({ onDelete, type }) => {
+const DeleteButton = ({ onDelete }) => {
 	return /* @__PURE__ */ React.createElement("div", {
 		className: `${prefix}product-delete`,
 		onClick: (e) => {
@@ -13,7 +13,7 @@ const DeleteButton = ({ onDelete, type }) => {
 		}
 	}, /* @__PURE__ */ React.createElement(Button, {
 		type: "text",
-		icon: /* @__PURE__ */ React.createElement(IconFont, { type: type || "pisell2-trash-01" })
+		icon: /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })
 	}));
 };
 //#endregion

package/es/components/productCard/components/Header/DeleteButton/index.less

@@ -8,9 +8,8 @@
     right: 0;
     cursor: pointer;
     z-index: 2;
-
     .pisell-lowcode-btn {
       padding: 0;
     }
   }
-}
+}

package/es/components/productCard/components/Header/EditButton/index.js

@@ -5,10 +5,11 @@ import { Button } from "antd";
 import "./index.less";
 //#region src/components/productCard/components/Header/EditButton/index.tsx
 const prefix = "pisell-lowcode-";
-const EditButton = ({ onEdit }) => {
+const EditButton = ({ onEdit, disabledEditClick }) => {
 	return /* @__PURE__ */ React.createElement(Button, {
 		className: `${prefix}product-edit-button`,
 		onClick: (e) => {
+			if (disabledEditClick) return;
 			e.stopPropagation();
 			onEdit === null || onEdit === void 0 || onEdit();
 		},

package/es/components/productCard/components/Header/index.less

@@ -53,7 +53,7 @@
     line-height: 24px;
     display: flex;
     flex-direction: column;
-    padding-right: 0 !important;
+    padding-right: 24px;
   }
 
   &-product-title-price {

package/es/components/productCard/components/Time/components/SelectHolder/index.js

@@ -4,8 +4,7 @@ import { isArr, locales } from "@pisell/utils";
 import { Divider, Select } from "antd";
 import "./index.less";
 //#region src/components/productCard/components/Time/components/SelectHolder/index.tsx
-const defaultArr = [];
-const SelectHolder = ({ lists = defaultArr, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear = false, holderMaxCount }) => {
+const SelectHolder = ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear = false, holderMaxCount }) => {
 	const [selectedValue, setSelectedValue] = useState();
 	const [open, setOpen] = useState(false);
 	useEffect(() => {
@@ -53,7 +52,7 @@ const SelectHolder = ({ lists = defaultArr, value, onChange, holderMode, isShowA
 		value: selectedValue,
 		placeholder: locales.getText("pisell2.product.card.add.holder.placeholder")(addHolderButtonText),
 		onChange: handleChange,
-		options: lists.map((item) => ({
+		options: (lists || []).map((item) => ({
 			label: item === null || item === void 0 ? void 0 : item.label,
 			value: item === null || item === void 0 ? void 0 : item.id
 		})),

package/es/components/productCard/components/Time/components/SelectHolderModal/index.js

@@ -1,8 +1,8 @@
 import PisellCard from "../../../../../pisellCard/index.js";
 import IconFont from "../../../../../iconfont/index.js";
 import PisellModal from "../../../../../pisellModal/index.js";
-import PisellCustomCheckboxGroup from "../../../../../pisellCustomCheckboxGroup/index.js";
 import PisellAvatar from "../../../../../pisellAvatar/index.js";
+import PisellCustomCheckboxGroup from "../../../../../pisellCustomCheckboxGroup/index.js";
 import React, { useEffect, useMemo, useState } from "react";
 import { locales } from "@pisell/utils";
 import { Button, Checkbox } from "antd";

package/es/components/productCard/components/Time/components/SelectHolderMultiple/index.js

@@ -26,7 +26,7 @@ const SelectHolderMultiple = ({ lists, value, onChange, holderMode, isShowAddHol
 		onChange(item);
 	};
 	const optionsMap = useMemo(() => {
-		return lists.reduce((acc, item) => {
+		return (lists || []).reduce((acc, item) => {
 			acc[item.id] = item;
 			return acc;
 		}, {});
@@ -37,7 +37,7 @@ const SelectHolderMultiple = ({ lists, value, onChange, holderMode, isShowAddHol
 		handleChange(value.filter((d) => d !== item));
 	};
 	const renderHolder = () => {
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, value.map((item) => {
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, (value || []).map((item) => {
 			var _optionsMap$item;
 			return /* @__PURE__ */ React.createElement(Tag, {
 				key: item,

package/es/components/productCard/components/Time/components/SelectResource/index.js

@@ -87,13 +87,10 @@ const SelectResource = (_ref) => {
 		allowClear,
 		onClear: () => onChange(""),
 		onClick: (e) => e.stopPropagation(),
-		style: {
-			flex: 1,
-			overflow: "hidden"
-		},
+		style: { flex: 1 },
 		value: selectedValue,
-		onChange: handleChange,
-		placeholder: locales.getText("pisell2.product.card.add.holder.placeholder")("")
+		placeholder: locales.getText("pisell2.product.card.add.holder.placeholder")(""),
+		onChange: handleChange
 	}, renderOptions()), isError ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-product-select-resource-error" }, locales.getText("pisell2.product.card.add.holder.placeholder")(resourceErrorText)) : null);
 };
 //#endregion

package/es/components/productCard/components/Time/index.js

@@ -91,11 +91,10 @@ const Time = ({ item, isShowHolder, onLike, isShowChangeResource, changeResource
 		resources,
 		relation_form_name,
 		is_hide_like,
-		isShowChangeResource,
-		isMultipleResource,
+		resourceErrorText,
 		allowClearResource,
 		isErrorResource,
-		resourceErrorText
+		isShowChangeResource
 	]);
 	return useMemo(() => {
 		return start_date && end_date || holderCom || likeAndResourceCom;

package/es/components/productCard/index.d.ts

@@ -3,6 +3,7 @@ import React from "react";
 //#region src/components/productCard/index.d.ts
 declare const ProductCard: React.FC<ProductCardTypes> & {
   V2: any;
+  LineItem: any;
 };
 //#endregion
 export { ProductCard };

package/es/components/productCard/index.js

@@ -16,6 +16,7 @@ import locales_default from "./locales.js";
 import { defaultValue } from "./status.js";
 import Warning from "./components/Warning/index.js";
 import CartSkuCard from "./cartSkuCard/index.js";
+import LineItem from "./lineItem/index.js";
 import React, { useMemo, useRef } from "react";
 import { locales } from "@pisell/utils";
 import classNames from "classnames";
@@ -139,5 +140,6 @@ const ProductCard = (props) => {
 	}))));
 };
 ProductCard.V2 = CartSkuCard;
+ProductCard.LineItem = LineItem;
 //#endregion
 export { ProductCard as default };

package/es/components/productCard/lineItem/BookingLineItem.js

@@ -0,0 +1,173 @@
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
+import IconFont from "../../iconfont/index.js";
+import useEngineContext from "../../../hooks/useEngineContext.js";
+import Action from "../components/Action/index.js";
+import BasicInfo from "../cartSkuCard/components/basicInfo/index.js";
+import Packages from "../cartSkuCard/components/packages/index.js";
+import { SwipeAction } from "../cartSkuCard/components/swipeAction/index.js";
+import Note from "../cartSkuCard/components/Note/index.js";
+import Footer from "../cartSkuCard/components/AmountFooter/index.js";
+import Promotion from "../cartSkuCard/components/Promotion/index.js";
+import Gift from "../cartSkuCard/components/Gift/index.js";
+import React, { useMemo } from "react";
+import { locales } from "@pisell/utils";
+import { Button, Divider, Dropdown } from "antd";
+import { DownOutlined } from "@ant-design/icons";
+import classNames from "classnames";
+import dayjs from "dayjs";
+//#region src/components/productCard/lineItem/BookingLineItem.tsx
+const _excluded = [
+	"dataSource",
+	"type",
+	"cartSkuType",
+	"relatedProductDataSource",
+	"rightActions",
+	"escapeDom",
+	"isShowImage",
+	"isShowDelete",
+	"isShowNote",
+	"isShowAmountFooter",
+	"disabledClick",
+	"disabledEdit",
+	"statusOptions",
+	"statusLoading",
+	"statusDisabled",
+	"isShowRelatedProduct",
+	"onBookingStatusChange",
+	"onAction",
+	"onDelete",
+	"onNote",
+	"onCard",
+	"onPromotion",
+	"onGift"
+];
+const PREFIX = "pisell-line-item";
+const DEFAULT_STATUS_COLOR = "#91caff";
+const getStatusOption = (status, statusOptions = []) => {
+	return statusOptions.find((option) => option.key === status) || statusOptions[0] || {
+		key: status || "",
+		label: status || "-",
+		color: DEFAULT_STATUS_COLOR
+	};
+};
+const formatBookingTime = (booking, locale) => {
+	const start = dayjs(`${booking.start_date || ""} ${booking.start_time || ""}`);
+	const end = dayjs(`${booking.end_date || ""} ${booking.end_time || ""}`);
+	if (!start.isValid() || !end.isValid()) return "";
+	const isEn = locale === "en-US" || locale === "en";
+	const dateFormat = isEn ? "DD/MM/YYYY" : "YYYY-MM-DD";
+	const startTime = booking.start_time || start.format("HH:mm");
+	const endTime = booking.end_time || end.format("HH:mm");
+	if (start.isSame(end, "day")) return isEn ? `${startTime} ~ ${endTime} ${start.format(dateFormat)}` : `${start.format(dateFormat)} ${startTime} ~ ${endTime}`;
+	return isEn ? `${startTime} ${start.format(dateFormat)} ~ ${endTime} ${end.format(dateFormat)}` : `${start.format(dateFormat)} ${startTime} ~ ${end.format(dateFormat)} ${endTime}`;
+};
+const translateText = (text, translationOriginal) => {
+	if (typeof text === "string") return text;
+	if (!text) return "";
+	return translationOriginal(text);
+};
+const getResourceName = (booking, translationOriginal) => {
+	if (booking === null || booking === void 0 ? void 0 : booking.relation_form_name) return booking.relation_form_name;
+	return ((booking === null || booking === void 0 ? void 0 : booking.resources) || []).map((resource) => {
+		var _resource$metadata;
+		return translateText(resource === null || resource === void 0 || (_resource$metadata = resource.metadata) === null || _resource$metadata === void 0 ? void 0 : _resource$metadata.resource_name, translationOriginal);
+	}).filter(Boolean).join(", ");
+};
+const BookingLineItem = (props) => {
+	var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _dataSource$promotion;
+	const { dataSource, type, cartSkuType, relatedProductDataSource, rightActions = [], escapeDom, isShowImage, isShowDelete, isShowNote, isShowAmountFooter, disabledClick, disabledEdit, statusOptions = [], statusLoading = false, statusDisabled = false, isShowRelatedProduct = true, onBookingStatusChange, onAction, onDelete, onNote, onCard, onPromotion, onGift } = props, other = _objectWithoutProperties(props, _excluded);
+	const context = useEngineContext();
+	const translationOriginal = context.appHelper.utils.translationOriginal;
+	const locale = ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.locales) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getLocale) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.call(_context$appHelper$ut2)) || ((_context$appHelper$ut4 = context.appHelper.utils) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut4.storage) === null || _context$appHelper$ut4 === void 0 ? void 0 : _context$appHelper$ut4.get("umi_locale")) || "en-US";
+	const { isShowAction, actionText } = dataSource;
+	const currentStatus = useMemo(() => getStatusOption(dataSource === null || dataSource === void 0 ? void 0 : dataSource.appointment_status, statusOptions), [dataSource === null || dataSource === void 0 ? void 0 : dataSource.appointment_status, statusOptions]);
+	const statusMenuItems = useMemo(() => statusOptions.filter((option) => option.key !== currentStatus.key).map((option) => ({
+		key: option.key,
+		label: option.label,
+		danger: option.danger
+	})), [currentStatus.key, statusOptions]);
+	const canChangeStatus = !!onBookingStatusChange && !statusDisabled && !statusLoading && !!(statusMenuItems === null || statusMenuItems === void 0 ? void 0 : statusMenuItems.length);
+	const deleteAction = {
+		key: "delete",
+		text: /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__swipe-delete` }, /* @__PURE__ */ React.createElement("span", { className: `${PREFIX}__swipe-delete-icon` }, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })), /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.cart.sku-card.actions.delete"))),
+		color: "danger",
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			onDelete === null || onDelete === void 0 || onDelete(dataSource);
+		}
+	};
+	const bookingRightActions = isShowDelete ? [deleteAction, ...rightActions] : rightActions;
+	const bookingTitle = String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.booking_id) || "-");
+	const bookingTime = formatBookingTime(dataSource, locale);
+	const resourceName = getResourceName(dataSource, translationOriginal) || "-";
+	const renderStatusButton = () => /* @__PURE__ */ React.createElement(Button, {
+		className: `${PREFIX}__status`,
+		htmlType: "button",
+		disabled: !canChangeStatus,
+		loading: statusLoading,
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}, /* @__PURE__ */ React.createElement("span", { className: `${PREFIX}__status-label` }, currentStatus.label), canChangeStatus ? /* @__PURE__ */ React.createElement(DownOutlined, null) : null);
+	const renderPromotion = (dataSource === null || dataSource === void 0 || (_dataSource$promotion = dataSource.promotions) === null || _dataSource$promotion === void 0 ? void 0 : _dataSource$promotion.length) ? /* @__PURE__ */ React.createElement(Promotion, {
+		promotions: dataSource === null || dataSource === void 0 ? void 0 : dataSource.promotions,
+		onClick: (item) => onPromotion === null || onPromotion === void 0 ? void 0 : onPromotion(item)
+	}) : null;
+	if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.isGift) return null;
+	return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ React.createElement(SwipeAction, {
+		closeOnAction: false,
+		className: classNames(`${PREFIX}-wrapper`),
+		rightActions: bookingRightActions,
+		escapeDom
+	}, /* @__PURE__ */ React.createElement("div", {
+		className: classNames(PREFIX, `${PREFIX}--booking`, `${PREFIX}--${type}`),
+		onClick: (e) => {
+			if (disabledClick) return;
+			e.preventDefault();
+			e.stopPropagation();
+			onCard === null || onCard === void 0 || onCard(dataSource);
+		}
+	}, /* @__PURE__ */ React.createElement("div", {
+		className: `${PREFIX}__booking-header`,
+		style: { "--pisell-line-item-header-color": currentStatus.color || DEFAULT_STATUS_COLOR }
+	}, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-main` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-title` }, bookingTitle), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-actions` }, canChangeStatus ? /* @__PURE__ */ React.createElement(Dropdown, {
+		menu: {
+			items: statusMenuItems,
+			onClick: ({ key }) => onBookingStatusChange === null || onBookingStatusChange === void 0 ? void 0 : onBookingStatusChange(String(key), dataSource)
+		},
+		trigger: ["click"]
+	}, renderStatusButton()) : renderStatusButton(), isShowDelete ? /* @__PURE__ */ React.createElement("button", {
+		className: `${PREFIX}__delete-btn`,
+		type: "button",
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			onDelete === null || onDelete === void 0 || onDelete(dataSource);
+		}
+	}, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })) : null))), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-marker-pin-01" }), /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.line-item.resource"))), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-value` }, resourceName)), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-clock" }), /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.line-item.time"))), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-value` }, bookingTime || "-"))), isShowRelatedProduct && relatedProductDataSource ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, { style: { margin: 0 } }), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__related-product` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__related-product-card` }, /* @__PURE__ */ React.createElement(BasicInfo, {
+		isShowImage,
+		dataSource: relatedProductDataSource,
+		type: cartSkuType,
+		maxSpecsCount: props.maxSpecsCount || 1
+	}), /* @__PURE__ */ React.createElement(Packages, {
+		dataSource: relatedProductDataSource,
+		isShowImage,
+		type: cartSkuType
+	}), isShowAmountFooter ? /* @__PURE__ */ React.createElement(Footer, {
+		item: relatedProductDataSource,
+		hideDivider: false,
+		type: "total"
+	}) : null))) : null, renderPromotion, isShowNote ? /* @__PURE__ */ React.createElement(Note, _objectSpread2(_objectSpread2({}, other), {}, {
+		item: dataSource,
+		disabledEdit,
+		openNote: () => onNote === null || onNote === void 0 ? void 0 : onNote(dataSource)
+	})) : null, isShowAction && actionText ? /* @__PURE__ */ React.createElement(Action, {
+		item: dataSource,
+		onAction: () => onAction === null || onAction === void 0 ? void 0 : onAction(dataSource)
+	}) : null)), /* @__PURE__ */ React.createElement(Gift, _objectSpread2(_objectSpread2({}, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.giftData) || {}), {}, { onClick: () => onGift === null || onGift === void 0 ? void 0 : onGift(dataSource) })));
+};
+//#endregion
+export { BookingLineItem as default };