@pisell/materials 1.8.41 → 1.8.43

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

@@ -16,6 +16,8 @@ const require_index$8 = require("./components/swipeAction/index.js");
 const require_index$9 = require("./components/Note/index.js");
 const require_index$10 = require("./components/AmountFooter/index.js");
 const require_index$11 = require("./components/MultiDay/index.js");
+const require_index$12 = require("./components/Promotion/index.js");
+const require_index$13 = require("./components/Gift/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
@@ -26,12 +28,15 @@ require("./index.less");
 const _excluded = [
 	"dataSource",
 	"isShowImage",
+	"isShowOriginalPrice",
 	"isShowHolder",
 	"isShowNote",
 	"isShowDelete",
 	"isShowAmountFooter",
 	"isShowPackageNote",
 	"isShowEditProduct",
+	"disabledClick",
+	"disabledEditClick",
 	"onEditProduct",
 	"onAction",
 	"onDelete",
@@ -39,15 +44,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 = require_status.defaultValue.dataSource, isShowImage = require_status.defaultValue.isShowImage, isShowHolder = require_status.defaultValue.isShowHolder, isShowNote = require_status.defaultValue.isShowNote, isShowDelete = require_status.defaultValue.isShowDelete, isShowAmountFooter = require_status.defaultValue.isShowAmountFooter, isShowPackageNote = require_status.defaultValue.isShowPackageNote, isShowEditProduct = require_status.defaultValue.isShowEditProduct, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onChangeHolder, type, rightActions = [], escapeDom } = props, other = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
+	const { dataSource = require_status.defaultValue.dataSource, isShowImage = require_status.defaultValue.isShowImage, isShowOriginalPrice = require_status.defaultValue.isShowOriginalPrice, isShowHolder = require_status.defaultValue.isShowHolder, isShowNote = require_status.defaultValue.isShowNote, isShowDelete = require_status.defaultValue.isShowDelete, isShowAmountFooter = require_status.defaultValue.isShowAmountFooter, isShowPackageNote = require_status.defaultValue.isShowPackageNote, isShowEditProduct = require_status.defaultValue.isShowEditProduct, disabledClick = require_status.defaultValue.disabledClick, disabledEditClick = require_status.defaultValue.disabledEditClick, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onPromotion, onGift, onChangeHolder, type, rightActions = [], escapeDom, maxSpecsCount = 1 } = props, other = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	const useOpenNoteRef = (0, react.useRef)();
 	const context = require_useEngineContext.default();
 	_pisell_utils.locales.init(require_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");
@@ -92,12 +100,25 @@ const CartSkuCard = (props) => {
 	const hideDivider = (0, react.useMemo)(() => {
 		return false;
 	}, [dataSource]);
+	/**
+	* @description: 营销活动
+	* @param {*} useMemo
+	* @return {*}
+	*/
+	const renderPromotion = (0, react.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.default.createElement(require_index$12.default, {
+			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.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
 			isShowImage,
 			dataSource,
-			isMainProduct: true
-		}), /* @__PURE__ */ react.default.createElement(require_index$3.default, { dataSource }), isShowNote ? /* @__PURE__ */ react.default.createElement(require_index$9.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, other), {}, {
+			isMainProduct: true,
+			maxSpecsCount
+		}), /* @__PURE__ */ react.default.createElement(require_index$3.default, { dataSource }), renderPromotion, isShowNote ? /* @__PURE__ */ react.default.createElement(require_index$9.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, other), {}, {
 			item: dataSource,
 			openNote: () => {
 				useOpenNoteRef.current.open({ item: dataSource });
@@ -117,7 +138,11 @@ const CartSkuCard = (props) => {
 			isShowImage,
 			dataSource,
 			isMainProduct: true,
-			type
+			type,
+			isShowOriginalPrice,
+			isShowEditProduct,
+			disabledEditClick,
+			onEditProduct
 		}), /* @__PURE__ */ react.default.createElement(require_index$4.default, { dataSource }), /* @__PURE__ */ react.default.createElement(require_index$5.default, { dataSource }), /* @__PURE__ */ react.default.createElement(require_index$6.default, {
 			dataSource,
 			isShowImage
@@ -132,7 +157,7 @@ const CartSkuCard = (props) => {
 			item: dataSource,
 			hideDivider,
 			type: "total"
-		}) : null, isShowNote ? /* @__PURE__ */ react.default.createElement(require_index$9.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, other), {}, {
+		}) : null, renderPromotion, isShowNote ? /* @__PURE__ */ react.default.createElement(require_index$9.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, other), {}, {
 			item: dataSource,
 			openNote: () => {
 				useOpenNoteRef.current.open({ item: dataSource });
@@ -142,11 +167,45 @@ const CartSkuCard = (props) => {
 			onAction: () => onAction === null || onAction === void 0 ? void 0 : onAction(dataSource)
 		}) : null);
 	};
+	const renderA9 = () => {
+		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, isShowDelete ? /* @__PURE__ */ react.default.createElement("div", {
+			className: `${PREFIX}__delete-btn`,
+			onClick: (e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				onDelete === null || onDelete === void 0 || onDelete(dataSource);
+			}
+		}, /* @__PURE__ */ react.default.createElement(require_index.default, { type: "pisell2-trash-01" })) : null, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
+			isShowImage,
+			dataSource,
+			isMainProduct: true,
+			type,
+			isShowOriginalPrice,
+			isShowEditProduct,
+			disabledEditClick,
+			onEditProduct
+		}), /* @__PURE__ */ react.default.createElement(require_index$6.default, {
+			dataSource,
+			isShowImage,
+			type
+		}), isShowAmountFooter ? /* @__PURE__ */ react.default.createElement(require_index$10.default, {
+			item: dataSource,
+			hideDivider,
+			type: "total"
+		}) : null, /* @__PURE__ */ react.default.createElement(require_index$3.default, { dataSource }), renderPromotion, isShowNote ? /* @__PURE__ */ react.default.createElement(require_index$9.default, require_objectSpread2._objectSpread2(require_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.default.createElement(require_index$8.SwipeAction, {
+	if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.isGift) return null;
+	return /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ react.default.createElement(require_index$8.SwipeAction, {
 		closeOnAction: false,
 		className: (0, classnames.default)(`${PREFIX}-wrapper`),
 		rightActions: _rightActions,
@@ -154,11 +213,12 @@ const CartSkuCard = (props) => {
 	}, /* @__PURE__ */ react.default.createElement("div", {
 		className: (0, classnames.default)(PREFIX, `${PREFIX}--${type}`),
 		onClick: (e) => {
+			if (disabledClick) return;
 			e.preventDefault();
 			e.stopPropagation();
 			onCard === null || onCard === void 0 || onCard(dataSource);
 		}
-	}, renderContent()));
+	}, renderContent())), /* @__PURE__ */ react.default.createElement(require_index$13.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.giftData) || {}), {}, { onClick: () => onGift === null || onGift === void 0 ? void 0 : onGift(dataSource) })));
 };
 //#endregion
 exports.PREFIX = PREFIX;

package/lib/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": require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_locales.default["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": require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_locales.default["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: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_locales.default.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: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_locales.default.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/lib/components/productCard/components/Header/DeleteButton/index.js

@@ -6,7 +6,7 @@ let antd = require("antd");
 require("./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.default.createElement("div", {
 		className: `${prefix}product-delete`,
 		onClick: (e) => {
@@ -15,7 +15,7 @@ const DeleteButton = ({ onDelete, type }) => {
 		}
 	}, /* @__PURE__ */ react.default.createElement(antd.Button, {
 		type: "text",
-		icon: /* @__PURE__ */ react.default.createElement(require_index.default, { type: type || "pisell2-trash-01" })
+		icon: /* @__PURE__ */ react.default.createElement(require_index.default, { type: "pisell2-trash-01" })
 	}));
 };
 //#endregion

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

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

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

@@ -7,10 +7,11 @@ let antd = require("antd");
 require("./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.default.createElement(antd.Button, {
 		className: `${prefix}product-edit-button`,
 		onClick: (e) => {
+			if (disabledEditClick) return;
 			e.stopPropagation();
 			onEdit === null || onEdit === void 0 || onEdit();
 		},

package/lib/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/lib/components/productCard/components/Time/components/SelectHolder/index.js

@@ -6,8 +6,7 @@ let _pisell_utils = require("@pisell/utils");
 let antd = require("antd");
 require("./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] = (0, react.useState)();
 	const [open, setOpen] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
@@ -55,7 +54,7 @@ const SelectHolder = ({ lists = defaultArr, value, onChange, holderMode, isShowA
 		value: selectedValue,
 		placeholder: _pisell_utils.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/lib/components/productCard/components/Time/components/SelectHolderModal/index.js

@@ -2,8 +2,8 @@ const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.js
 const require_index = require("../../../../../pisellCard/index.js");
 const require_index$1 = require("../../../../../iconfont/index.js");
 const require_index$2 = require("../../../../../pisellModal/index.js");
-const require_index$3 = require("../../../../../pisellCustomCheckboxGroup/index.js");
-const require_index$4 = require("../../../../../pisellAvatar/index.js");
+const require_index$3 = require("../../../../../pisellAvatar/index.js");
+const require_index$4 = require("../../../../../pisellCustomCheckboxGroup/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
@@ -18,7 +18,7 @@ const SelectHolderModal = (props) => {
 			key: item.id,
 			padding: 12,
 			selected: selectedValue.includes(item.id)
-		}, /* @__PURE__ */ react.default.createElement("div", { className: "select-holder-modal-card" }, /* @__PURE__ */ react.default.createElement(antd.Checkbox, { checked: selectedValue.includes(item.id) }), /* @__PURE__ */ react.default.createElement(require_index$4.default, {
+		}, /* @__PURE__ */ react.default.createElement("div", { className: "select-holder-modal-card" }, /* @__PURE__ */ react.default.createElement(antd.Checkbox, { checked: selectedValue.includes(item.id) }), /* @__PURE__ */ react.default.createElement(require_index$3.default, {
 			src: item.avatar,
 			size: "lg",
 			useTextAvatar: true,
@@ -61,7 +61,7 @@ const SelectHolderModal = (props) => {
 		return /* @__PURE__ */ react.default.createElement(require_index.default, {
 			key: item.id,
 			padding: 12
-		}, /* @__PURE__ */ react.default.createElement("div", { className: "select-holder-modal-card" }, /* @__PURE__ */ react.default.createElement(require_index$4.default, {
+		}, /* @__PURE__ */ react.default.createElement("div", { className: "select-holder-modal-card" }, /* @__PURE__ */ react.default.createElement(require_index$3.default, {
 			src: item.avatar,
 			size: "lg",
 			useTextAvatar: true,
@@ -80,7 +80,7 @@ const SelectHolderModal = (props) => {
 		footer: null,
 		title,
 		headerDivider: false
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "select-holder-modal-content" }, /* @__PURE__ */ react.default.createElement(require_index$3.default, {
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "select-holder-modal-content" }, /* @__PURE__ */ react.default.createElement(require_index$4.default, {
 		className: "select-holder-modal-checkbox-group",
 		allowAdd: true,
 		dataSource: lists,

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

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

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

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

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

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

package/lib/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/lib/components/productCard/index.js

@@ -17,6 +17,7 @@ const require_locales = require("./locales.js");
 const require_status = require("./status.js");
 const require_index$10 = require("./components/Warning/index.js");
 const require_index$11 = require("./cartSkuCard/index.js");
+const require_index$12 = require("./lineItem/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
@@ -142,5 +143,6 @@ const ProductCard = (props) => {
 	}))));
 };
 ProductCard.V2 = require_index$11.default;
+ProductCard.LineItem = require_index$12.default;
 //#endregion
 exports.default = ProductCard;

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

@@ -0,0 +1,177 @@
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_objectSpread2 = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_objectWithoutProperties = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js");
+const require_index = require("../../iconfont/index.js");
+const require_useEngineContext = require("../../../hooks/useEngineContext.js");
+const require_index$1 = require("../components/Action/index.js");
+const require_index$2 = require("../cartSkuCard/components/basicInfo/index.js");
+const require_index$3 = require("../cartSkuCard/components/packages/index.js");
+const require_index$4 = require("../cartSkuCard/components/swipeAction/index.js");
+const require_index$5 = require("../cartSkuCard/components/Note/index.js");
+const require_index$6 = require("../cartSkuCard/components/AmountFooter/index.js");
+const require_index$7 = require("../cartSkuCard/components/Promotion/index.js");
+const require_index$8 = require("../cartSkuCard/components/Gift/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _pisell_utils = require("@pisell/utils");
+let antd = require("antd");
+let _ant_design_icons = require("@ant-design/icons");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(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 = (0, dayjs.default)(`${booking.start_date || ""} ${booking.start_time || ""}`);
+	const end = (0, dayjs.default)(`${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 = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
+	const context = require_useEngineContext.default();
+	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 = (0, react.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 = (0, react.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.default.createElement("div", { className: `${PREFIX}__swipe-delete` }, /* @__PURE__ */ react.default.createElement("span", { className: `${PREFIX}__swipe-delete-icon` }, /* @__PURE__ */ react.default.createElement(require_index.default, { type: "pisell2-trash-01" })), /* @__PURE__ */ react.default.createElement("span", null, _pisell_utils.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.default.createElement(antd.Button, {
+		className: `${PREFIX}__status`,
+		htmlType: "button",
+		disabled: !canChangeStatus,
+		loading: statusLoading,
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	}, /* @__PURE__ */ react.default.createElement("span", { className: `${PREFIX}__status-label` }, currentStatus.label), canChangeStatus ? /* @__PURE__ */ react.default.createElement(_ant_design_icons.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.default.createElement(require_index$7.default, {
+		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.default.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ react.default.createElement(require_index$4.SwipeAction, {
+		closeOnAction: false,
+		className: (0, classnames.default)(`${PREFIX}-wrapper`),
+		rightActions: bookingRightActions,
+		escapeDom
+	}, /* @__PURE__ */ react.default.createElement("div", {
+		className: (0, classnames.default)(PREFIX, `${PREFIX}--booking`, `${PREFIX}--${type}`),
+		onClick: (e) => {
+			if (disabledClick) return;
+			e.preventDefault();
+			e.stopPropagation();
+			onCard === null || onCard === void 0 || onCard(dataSource);
+		}
+	}, /* @__PURE__ */ react.default.createElement("div", {
+		className: `${PREFIX}__booking-header`,
+		style: { "--pisell-line-item-header-color": currentStatus.color || DEFAULT_STATUS_COLOR }
+	}, /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-main` }, /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-title` }, bookingTitle), /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-actions` }, canChangeStatus ? /* @__PURE__ */ react.default.createElement(antd.Dropdown, {
+		menu: {
+			items: statusMenuItems,
+			onClick: ({ key }) => onBookingStatusChange === null || onBookingStatusChange === void 0 ? void 0 : onBookingStatusChange(String(key), dataSource)
+		},
+		trigger: ["click"]
+	}, renderStatusButton()) : renderStatusButton(), isShowDelete ? /* @__PURE__ */ react.default.createElement("button", {
+		className: `${PREFIX}__delete-btn`,
+		type: "button",
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			onDelete === null || onDelete === void 0 || onDelete(dataSource);
+		}
+	}, /* @__PURE__ */ react.default.createElement(require_index.default, { type: "pisell2-trash-01" })) : null))), /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ react.default.createElement(require_index.default, { type: "pisell2-marker-pin-01" }), /* @__PURE__ */ react.default.createElement("span", null, _pisell_utils.locales.getText("pisell2.line-item.resource"))), /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-field-value` }, resourceName)), /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ react.default.createElement(require_index.default, { type: "pisell2-clock" }), /* @__PURE__ */ react.default.createElement("span", null, _pisell_utils.locales.getText("pisell2.line-item.time"))), /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__booking-field-value` }, bookingTime || "-"))), isShowRelatedProduct && relatedProductDataSource ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Divider, { style: { margin: 0 } }), /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__related-product` }, /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__related-product-card` }, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
+		isShowImage,
+		dataSource: relatedProductDataSource,
+		type: cartSkuType,
+		maxSpecsCount: props.maxSpecsCount || 1
+	}), /* @__PURE__ */ react.default.createElement(require_index$3.default, {
+		dataSource: relatedProductDataSource,
+		isShowImage,
+		type: cartSkuType
+	}), isShowAmountFooter ? /* @__PURE__ */ react.default.createElement(require_index$6.default, {
+		item: relatedProductDataSource,
+		hideDivider: false,
+		type: "total"
+	}) : null))) : null, renderPromotion, isShowNote ? /* @__PURE__ */ react.default.createElement(require_index$5.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, other), {}, {
+		item: dataSource,
+		disabledEdit,
+		openNote: () => onNote === null || onNote === void 0 ? void 0 : onNote(dataSource)
+	})) : null, isShowAction && actionText ? /* @__PURE__ */ react.default.createElement(require_index$1.default, {
+		item: dataSource,
+		onAction: () => onAction === null || onAction === void 0 ? void 0 : onAction(dataSource)
+	}) : null)), /* @__PURE__ */ react.default.createElement(require_index$8.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.giftData) || {}), {}, { onClick: () => onGift === null || onGift === void 0 ? void 0 : onGift(dataSource) })));
+};
+//#endregion
+exports.default = BookingLineItem;