@pisell/materials 6.11.97 → 6.11.98

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

@@ -1,4 +1,4 @@
-var _excluded = ["dataSource", "itemType", "type", "rightActions", "escapeDom", "isShowImage", "isShowDelete", "isShowNote", "isShowAmountFooter", "disabledClick", "disabledEdit", "statusOptions", "statusLoading", "statusDisabled", "isShowRelatedProduct", "onBookingStatusChange", "onAction", "onDelete", "onNote", "onCard", "onPromotion", "onGift"];
+var _excluded = ["dataSource", "itemType", "type", "rightActions", "escapeDom", "isShowImage", "isShowDelete", "isShowNote", "isShowAmountFooter", "disabledClick", "disabledEdit", "statusOptions", "statusLoading", "statusDisabled", "isShowRelatedProduct", "holderOptions", "onBookingStatusChange", "onAction", "onDelete", "onNote", "onCard", "onPromotion", "onGift"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -27,6 +27,45 @@ var translateText = function translateText(text, translationOriginal) {
   if (!text) return '';
   return translationOriginal(text);
 };
+
+/**
+ * 计算购物车行「单位主商品价」（不含 bundle composite，option 从 main_* 字段扣除）。
+ *
+ * @example
+ * resolveLineItemUnitPrices(orderProduct);
+ */
+function resolveLineItemUnitPrices(product) {
+  var metadata = (product === null || product === void 0 ? void 0 : product.metadata) || {};
+  var promotion = metadata._promotion;
+  var optionSum = ((product === null || product === void 0 ? void 0 : product.product_option_item) || []).reduce(function (sum, option) {
+    var price = Number(option === null || option === void 0 ? void 0 : option.price) || 0;
+    var num = Number(option === null || option === void 0 ? void 0 : option.num) || 1;
+    return sum + price * num;
+  }, 0);
+  var unitOriginal = function (_ref, _product$original_pri) {
+    if (metadata.main_product_original_price != null && metadata.main_product_original_price !== '') {
+      return Number(metadata.main_product_original_price) - optionSum;
+    }
+    if ((promotion === null || promotion === void 0 ? void 0 : promotion.originalPrice) != null && promotion.originalPrice !== '') {
+      return Number(promotion.originalPrice);
+    }
+    return Number((_ref = (_product$original_pri = product === null || product === void 0 ? void 0 : product.original_price) !== null && _product$original_pri !== void 0 ? _product$original_pri : product === null || product === void 0 ? void 0 : product.selling_price) !== null && _ref !== void 0 ? _ref : 0);
+  }();
+  var unitSelling = function (_ref2, _product$payment_pric) {
+    if (metadata.main_product_selling_price != null && metadata.main_product_selling_price !== '') {
+      return Number(metadata.main_product_selling_price) - optionSum;
+    }
+    // source_product_price 是券前 catalog 原价，不能当作折后售价
+    if (promotion !== null && promotion !== void 0 && promotion.inPromotion && promotion.finalPrice != null && promotion.finalPrice !== '') {
+      return Number(promotion.finalPrice);
+    }
+    return Number((_ref2 = (_product$payment_pric = product === null || product === void 0 ? void 0 : product.payment_price) !== null && _product$payment_pric !== void 0 ? _product$payment_pric : product === null || product === void 0 ? void 0 : product.selling_price) !== null && _ref2 !== void 0 ? _ref2 : unitOriginal);
+  }();
+  return {
+    unitSelling: Number.isFinite(unitSelling) ? unitSelling : 0,
+    unitOriginal: Number.isFinite(unitOriginal) ? unitOriginal : 0
+  };
+}
 var convertBundleOption = function convertBundleOption(option, translationOriginal) {
   return _objectSpread(_objectSpread({}, option), {}, {
     id: option.option_group_item_id,
@@ -62,11 +101,14 @@ var convertBundle = function convertBundle(bundle, translationOriginal) {
   });
 };
 export var convertProductToLineItemProduct = function convertProductToLineItemProduct(product, translationOriginal, symbol) {
-  var _product$metadata, _ref, _product$num, _ref2, _product$num2, _product$metadata$sou, _product$metadata2, _product$payment_pric, _product$metadata3, _product$product_sku, _ref3, _product$num3;
+  var _product$metadata, _ref3, _product$num, _ref4, _product$num2, _product$metadata2, _product$discount_lis, _product$discount_lis2, _product$metadata3, _product$metadata4, _product$product_sku, _ref5, _product$num3;
   var title = translateText(product.product_title || product.title, translationOriginal);
   var bundle = (product.product_bundle || []).map(function (bundleItem) {
     return convertBundle(bundleItem, translationOriginal);
   });
+  var _resolveLineItemUnitP = resolveLineItemUnitPrices(product),
+    unitSelling = _resolveLineItemUnitP.unitSelling,
+    unitOriginal = _resolveLineItemUnitP.unitOriginal;
   return {
     _id: ((_product$metadata = product.metadata) === null || _product$metadata === void 0 ? void 0 : _product$metadata.unique_identification_number) || product.order_detail_id || product.product_id,
     id: product.product_id,
@@ -77,13 +119,13 @@ export var convertProductToLineItemProduct = function convertProductToLineItemPr
     name: title,
     cover: product.cover,
     image: product.cover,
-    num: (_ref = (_product$num = product.num) !== null && _product$num !== void 0 ? _product$num : product.product_quantity) !== null && _ref !== void 0 ? _ref : 1,
-    quantity: (_ref2 = (_product$num2 = product.num) !== null && _product$num2 !== void 0 ? _product$num2 : product.product_quantity) !== null && _ref2 !== void 0 ? _ref2 : 1,
-    price: (_product$metadata$sou = (_product$metadata2 = product.metadata) === null || _product$metadata2 === void 0 ? void 0 : _product$metadata2.source_product_price) !== null && _product$metadata$sou !== void 0 ? _product$metadata$sou : product.selling_price,
-    total: (_product$payment_pric = product.payment_price) !== null && _product$payment_pric !== void 0 ? _product$payment_pric : product.selling_price,
-    origin_total: product.original_price,
-    original_total: product.original_price,
-    source_product_price: (_product$metadata3 = product.metadata) === null || _product$metadata3 === void 0 ? void 0 : _product$metadata3.source_product_price,
+    num: (_ref3 = (_product$num = product.num) !== null && _product$num !== void 0 ? _product$num : product.product_quantity) !== null && _ref3 !== void 0 ? _ref3 : 1,
+    quantity: (_ref4 = (_product$num2 = product.num) !== null && _product$num2 !== void 0 ? _product$num2 : product.product_quantity) !== null && _ref4 !== void 0 ? _ref4 : 1,
+    price: unitSelling,
+    total: unitSelling,
+    origin_total: unitOriginal,
+    original_total: unitOriginal,
+    source_product_price: (_product$metadata2 = product.metadata) === null || _product$metadata2 === void 0 ? void 0 : _product$metadata2.source_product_price,
     selling_price: product.selling_price,
     payment_price: product.payment_price,
     tax_fee: product.tax_fee,
@@ -95,7 +137,11 @@ export var convertProductToLineItemProduct = function convertProductToLineItemPr
     product_option_string: product.product_sku ? translateText(product.product_sku.subtitle, translationOriginal) : '',
     discount_list: product.discount_list,
     promotions: product.promotions,
-    isGift: Boolean(product.gift_card),
+    discount_reason: (_product$discount_lis = (_product$discount_lis2 = product.discount_list) === null || _product$discount_lis2 === void 0 || (_product$discount_lis2 = _product$discount_lis2.find(function (d) {
+      return (d === null || d === void 0 ? void 0 : d.type) === 'product';
+    })) === null || _product$discount_lis2 === void 0 || (_product$discount_lis2 = _product$discount_lis2.discount) === null || _product$discount_lis2 === void 0 ? void 0 : _product$discount_lis2.message) !== null && _product$discount_lis !== void 0 ? _product$discount_lis : (_product$metadata3 = product.metadata) === null || _product$metadata3 === void 0 ? void 0 : _product$metadata3.product_discount_reason,
+    // 促销赠品走 metadata._giftInfo；礼品卡走 gift_card（对齐 legacy formatProducts isGift）
+    isGift: Boolean(product.gift_card || product.isGift || product._isGiftPromotion || ((_product$metadata4 = product.metadata) === null || _product$metadata4 === void 0 ? void 0 : _product$metadata4._giftInfo) || product._giftInfo),
     giftData: product.giftData,
     _origin: product,
     _extend: {
@@ -104,11 +150,11 @@ export var convertProductToLineItemProduct = function convertProductToLineItemPr
         option: (_product$product_sku = product.product_sku) === null || _product$product_sku === void 0 ? void 0 : _product$product_sku.option,
         bundle: product.product_bundle,
         product_variant_id: product.product_variant_id,
-        quantity: (_ref3 = (_product$num3 = product.num) !== null && _product$num3 !== void 0 ? _product$num3 : product.product_quantity) !== null && _ref3 !== void 0 ? _ref3 : 1
+        quantity: (_ref5 = (_product$num3 = product.num) !== null && _product$num3 !== void 0 ? _product$num3 : product.product_quantity) !== null && _ref5 !== void 0 ? _ref5 : 1
       },
       note: product.note,
-      total: product.payment_price,
-      origin_total: product.original_price,
+      total: unitSelling,
+      origin_total: unitOriginal,
       payment_price: product.payment_price
     }
   };
@@ -143,6 +189,7 @@ var LineItem = function LineItem(props) {
     statusDisabled = _props$statusDisabled === void 0 ? false : _props$statusDisabled,
     _props$isShowRelatedP = props.isShowRelatedProduct,
     isShowRelatedProduct = _props$isShowRelatedP === void 0 ? true : _props$isShowRelatedP,
+    holderOptions = props.holderOptions,
     onBookingStatusChange = props.onBookingStatusChange,
     onAction = props.onAction,
     onDelete = props.onDelete,
@@ -203,6 +250,7 @@ var LineItem = function LineItem(props) {
     statusLoading: statusLoading,
     statusDisabled: statusDisabled,
     isShowRelatedProduct: isShowRelatedProduct,
+    holderOptions: holderOptions,
     onBookingStatusChange: onBookingStatusChange,
     onAction: onAction,
     onDelete: onDelete,

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

@@ -18,10 +18,10 @@
   &__delete-btn {
     width: 34px;
     height: 34px;
-    border: 1px solid rgba(255, 255, 255, 0.35);
+    border: 1px solid var(--Gray-300, #d0d5dd);
     border-radius: 8px;
-    background: rgba(255, 255, 255, 0.12);
-    color: #fff;
+    background: var(--Gray-100, #f2f4f7);
+    color: var(--Gray-500, #667085);
     cursor: pointer;
     padding: 0;
     display: inline-flex;

package/es/components/productCard/lineItem/types.d.ts

@@ -7,3 +7,7 @@ export interface LineItemStatusOption {
     color?: string;
     danger?: boolean;
 }
+export interface LineItemHolderOption {
+    id: string | number;
+    label: ReactNode;
+}

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

@@ -65,6 +65,7 @@ export declare type productType = {
  */
 export declare type ProductCardTypes = {
     dataSource: productType;
+    isFormSubject?: boolean;
     isShowImage?: boolean;
     isShowOriginalPrice?: boolean;
     isShowHolder?: boolean;

package/lib/components/buttonGroupPreview/index.js

@@ -71,7 +71,8 @@ var ButtonGroupPreview = (0, import_react.forwardRef)(
           } = items;
           const btnProps = { ...buttonProps, ...props.updateButtonProps };
           const { children, ...dropdownButtonProps } = btnProps;
-          return isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: menuData } }, /* @__PURE__ */ import_react.default.createElement(import_button.default, { key: id, ...dropdownButtonProps }, children ?? /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(
+          const moreButtonChildren = children ?? (dropdownButtonProps.icon ? null : /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null));
+          return isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: menuData } }, /* @__PURE__ */ import_react.default.createElement(import_button.default, { key: id, ...dropdownButtonProps }, moreButtonChildren)) : /* @__PURE__ */ import_react.default.createElement(
             import_button.default,
             {
               key: id,

package/lib/components/pisellFind/index.d.ts

@@ -1,10 +1,37 @@
 import React from 'react';
 import type { PisellLookupProps, PisellLookupRef } from '../pisellLookup';
+/**
+ * 原生扫码事件名，对齐宿主端约定。
+ */
+export declare const SCAN_RESULT_EVENT = "nativeScanResult";
+/**
+ * 扫码枪回传数据（对齐宿主 ScanResultPayload）
+ * - code: 条码标识（如条码格式 / 业务字段）
+ * - data: 扫描得到的字符串值（写入输入框的内容）
+ */
+export interface PisellFindScannerData {
+    code: string;
+    data: string;
+}
 /**
  * PisellFind Props
- * 继承 PisellLookup 的所有 Props
+ * 继承 PisellLookup 的所有 Props，并扩展扫码枪监听相关字段。
  */
-export declare type PisellFindProps = PisellLookupProps;
+export interface PisellFindProps extends PisellLookupProps {
+    /**
+     * 是否开启扫码枪监听
+     * 通过宿主 `app.pubsub.subscribe('nativeScanResult', ...)` 订阅；
+     * 切换 false 时会 unsubscribe，停止接收事件。
+     * @default false
+     */
+    enableScanner?: boolean;
+    /**
+     * 扫码枪回调
+     * 监听到扫码枪事件时触发，参数为原始 payload 对象（含 `data` 字段）。
+     * 注意：仅在 enableScanner 为 true 时才会触发。
+     */
+    onScannerData?: (data: PisellFindScannerData) => void;
+}
 /**
  * PisellFind Ref
  * 继承 PisellLookup 的所有 Ref 方法
@@ -19,22 +46,17 @@ export declare type PisellFindRef = PisellLookupRef;
  * - 默认不显示确认按钮（输入即搜索）
  * - 默认开启搜索历史
  * - 默认不展示结果区（结果在页面其他位置展示）
+ * - 通过 `enableScanner` 接入扫码枪：使用宿主 `app.pubsub.subscribe(SCAN_RESULT_EVENT, ...)`，
+ *   每次扫码直接覆盖输入框内容并触发 onSearch / onScannerData；切回 false 时自动 unsubscribe。
  *
  * @example
  * ```tsx
- * // 基础用法
- * <PisellFind
- *   onSearch={(keyword) => {
- *     const filtered = data.filter(item => item.name.includes(keyword));
- *     setFilteredData(filtered);
- *   }}
- * />
- *
- * // 切换为 Input 模式
  * <PisellFind
  *   triggerType="input"
+ *   enableScanner={isActive}
+ *   onScannerData={(payload) => console.log('scan:', payload.data)}
  *   onSearch={(keyword) => filterData(keyword)}
  * />
  * ```
  */
-export declare const PisellFind: React.ForwardRefExoticComponent<PisellLookupProps & React.RefAttributes<PisellLookupRef>>;
+export declare const PisellFind: React.ForwardRefExoticComponent<PisellFindProps & React.RefAttributes<PisellLookupRef>>;

package/lib/components/pisellFind/index.js

@@ -29,16 +29,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/pisellFind/index.tsx
 var pisellFind_exports = {};
 __export(pisellFind_exports, {
-  PisellFind: () => PisellFind
+  PisellFind: () => PisellFind,
+  SCAN_RESULT_EVENT: () => SCAN_RESULT_EVENT
 });
 module.exports = __toCommonJS(pisellFind_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_pisellLookup = require("../pisellLookup");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_locales = require("../../locales");
+var SCAN_RESULT_EVENT = "nativeScanResult";
 var PisellFind = (0, import_react.forwardRef)((props, ref) => {
+  var _a, _b;
   const {
-    // 提取需要设置默认值的 Props
     triggerType = "button",
     buttonText = (() => {
       const key = "pisell2.recordBoard.toolbar.find";
@@ -53,19 +56,90 @@ var PisellFind = (0, import_react.forwardRef)((props, ref) => {
     showConfirmButton = false,
     showHistory = true,
     historyKey = "pisell_find_history",
-    // 透传其他所有 Props
+    enableScanner = false,
+    onScannerData,
+    onSearch,
     ...restProps
   } = props;
+  const lookupRef = (0, import_react.useRef)(null);
+  const onScannerDataRef = (0, import_react.useRef)(onScannerData);
+  const onSearchRef = (0, import_react.useRef)(onSearch);
+  (0, import_react.useEffect)(() => {
+    onScannerDataRef.current = onScannerData;
+  }, [onScannerData]);
+  (0, import_react.useEffect)(() => {
+    onSearchRef.current = onSearch;
+  }, [onSearch]);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      open: () => {
+        var _a2;
+        return (_a2 = lookupRef.current) == null ? void 0 : _a2.open();
+      },
+      close: () => {
+        var _a2;
+        return (_a2 = lookupRef.current) == null ? void 0 : _a2.close();
+      },
+      getKeyword: () => {
+        var _a2;
+        return ((_a2 = lookupRef.current) == null ? void 0 : _a2.getKeyword()) ?? "";
+      },
+      setKeyword: (v) => {
+        var _a2;
+        return (_a2 = lookupRef.current) == null ? void 0 : _a2.setKeyword(v);
+      }
+    }),
+    []
+  );
+  const engineContext = (0, import_useEngineContext.default)();
+  const getAppRef = (0, import_react.useRef)(void 0);
+  getAppRef.current = typeof ((_b = (_a = engineContext == null ? void 0 : engineContext.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getApp) === "function" ? engineContext.appHelper.utils.getApp : void 0;
+  (0, import_react.useEffect)(() => {
+    if (!enableScanner) return void 0;
+    const getApp = getAppRef.current;
+    if (typeof getApp !== "function") return void 0;
+    const app = getApp();
+    const pubsub = app == null ? void 0 : app.pubsub;
+    if (!pubsub || typeof pubsub.subscribe !== "function") {
+      return void 0;
+    }
+    const onScan = (payload) => {
+      var _a2, _b2, _c;
+      const data = payload == null ? void 0 : payload.data;
+      if (typeof data !== "string" || data.length === 0) {
+        return;
+      }
+      (_a2 = lookupRef.current) == null ? void 0 : _a2.setKeyword(data);
+      (_b2 = onSearchRef.current) == null ? void 0 : _b2.call(onSearchRef, data);
+      (_c = onScannerDataRef.current) == null ? void 0 : _c.call(onScannerDataRef, payload);
+    };
+    try {
+      pubsub.subscribe(SCAN_RESULT_EVENT, onScan);
+    } catch (e) {
+      console.warn("[PisellFind] subscribe scanner failed:", e);
+      return void 0;
+    }
+    return () => {
+      var _a2;
+      try {
+        (_a2 = pubsub.unsubscribe) == null ? void 0 : _a2.call(pubsub, SCAN_RESULT_EVENT, onScan);
+      } catch (e) {
+        console.warn("[PisellFind] unsubscribe scanner failed:", e);
+      }
+    };
+  }, [enableScanner]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_pisellLookup.PisellLookup,
     {
-      ref,
+      ref: lookupRef,
       triggerType,
       buttonText,
       placeholder,
       showConfirmButton,
       showHistory,
       historyKey,
+      onSearch,
       ...restProps
     }
   );
@@ -73,5 +147,6 @@ var PisellFind = (0, import_react.forwardRef)((props, ref) => {
 PisellFind.displayName = "PisellFind";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  PisellFind
+  PisellFind,
+  SCAN_RESULT_EVENT
 });

package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.js

@@ -238,7 +238,7 @@ var RecordBoardGridView = (props) => {
     }) : rawScrollX;
     if ((scroll == null ? void 0 : scroll.autoCalc) && typeof ctx.scrollAreaHeight === "number") {
       const wrapHeight = ctx.scrollAreaHeight;
-      const reservedHeight = 40 + uniformSummaryHeight + 24;
+      const reservedHeight = 40 + (uniformSummaryHeight > 0 ? uniformSummaryHeight + 25 : 0);
       return {
         x: scrollX ?? sumColumnWidths,
         y: Math.max(wrapHeight - reservedHeight, 100),

package/lib/components/productCard/cartSkuCard/components/resources/index.less

@@ -15,6 +15,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0;
+
+    .resource-icon {
+      margin-right: 2px;
+    }
   }
 
   &--title {

package/lib/components/productCard/lineItem/BookingLineItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ProductCardTypes } from '../types';
-import type { LineItemStatusOption, LineItemType } from './types';
+import type { LineItemHolderOption, LineItemStatusOption, LineItemType } from './types';
 interface BookingLineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
     dataSource: any;
     type: LineItemType;
@@ -12,6 +12,7 @@ interface BookingLineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
     statusLoading?: boolean;
     statusDisabled?: boolean;
     isShowRelatedProduct?: boolean;
+    holderOptions?: LineItemHolderOption[];
     onBookingStatusChange?: (status: string, item: any) => void;
 }
 declare const BookingLineItem: (props: BookingLineItemProps) => React.JSX.Element | null;

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

@@ -48,6 +48,7 @@ var import_swipeAction = require("../cartSkuCard/components/swipeAction");
 var import_Action = __toESM(require("../components/Action"));
 var import_TimeRange = __toESM(require("./components/TimeRange"));
 var import_Resources = __toESM(require("./components/Resources"));
+var import_Holders = __toESM(require("./components/Holders"));
 var import_iconfont = __toESM(require("../../iconfont"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var PREFIX = "pisell-line-item";
@@ -100,6 +101,7 @@ var BookingLineItem = (props) => {
     rightActions = [],
     escapeDom,
     isShowImage,
+    isFormSubject,
     isShowDelete,
     isShowNote,
     isShowAmountFooter,
@@ -109,6 +111,7 @@ var BookingLineItem = (props) => {
     statusLoading = false,
     statusDisabled = false,
     isShowRelatedProduct = true,
+    holderOptions,
     onBookingStatusChange,
     onAction,
     onDelete,
@@ -146,7 +149,9 @@ var BookingLineItem = (props) => {
     }
   };
   const bookingRightActions = isShowDelete ? [deleteAction, ...rightActions] : rightActions;
-  const bookingTitle = String((dataSource == null ? void 0 : dataSource.booking_id) || "-");
+  const resolvedHolderOptions = holderOptions ?? (dataSource == null ? void 0 : dataSource.holderOptions) ?? (dataSource == null ? void 0 : dataSource.holders) ?? [];
+  const resolvedIsFormSubject = isFormSubject ?? (dataSource == null ? void 0 : dataSource.isFormSubject);
+  const bookingTitle = String((dataSource == null ? void 0 : dataSource.booking_id) || "");
   const bookingTime = formatBookingTime(dataSource, locale);
   const resourceName = getResourceName(dataSource, translationOriginal) || "-";
   const renderStatusButton = () => /* @__PURE__ */ import_react.default.createElement(
@@ -223,7 +228,14 @@ var BookingLineItem = (props) => {
           /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
         ) : null))
       ),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ import_react.default.createElement(import_Resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_TimeRange.default, { dataSource })),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ import_react.default.createElement(import_Resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_TimeRange.default, { dataSource }), resolvedIsFormSubject ? /* @__PURE__ */ import_react.default.createElement(
+        import_Holders.default,
+        {
+          dataSource,
+          holderOptions: resolvedHolderOptions,
+          isFormSubject: resolvedIsFormSubject
+        }
+      ) : null),
       isShowRelatedProduct && relatedProductDataSource ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 0 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__related-product` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__related-product-card` }, /* @__PURE__ */ import_react.default.createElement(
         import_basicInfo.default,
         {

package/lib/components/productCard/lineItem/components/Holders/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { LineItemHolderOption } from '../../types';
+import './index.less';
+interface LineItemHoldersProps {
+    dataSource?: any;
+    holderOptions?: LineItemHolderOption[];
+    isFormSubject?: boolean;
+}
+declare const LineItemHolders: (props: LineItemHoldersProps) => React.JSX.Element | null;
+export default LineItemHolders;

package/lib/components/productCard/lineItem/components/Holders/index.js

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/productCard/lineItem/components/Holders/index.tsx
+var Holders_exports = {};
+__export(Holders_exports, {
+  default: () => Holders_default
+});
+module.exports = __toCommonJS(Holders_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_iconfont = __toESM(require("../../../../iconfont"));
+var import_index = require("./index.less");
+var PREFIX = "pisell-line-item";
+var holderIconMap = {
+  form: "pisell2-file-05",
+  minors: "pisell2-user-check-01",
+  waiver: "pisell2-file-lock-03"
+};
+var isEmptyHolderId = (value) => {
+  if (Array.isArray(value)) return value.length === 0;
+  return value === void 0 || value === null || value === "";
+};
+var normalizeHolderIds = (value) => {
+  if (isEmptyHolderId(value)) return [];
+  return Array.isArray(value) ? value : [value];
+};
+var pickHolderId = (dataSource) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  return (dataSource == null ? void 0 : dataSource.holder_id) ?? ((_a = dataSource == null ? void 0 : dataSource.metadata) == null ? void 0 : _a.holder_id) ?? ((_d = (_c = (_b = dataSource == null ? void 0 : dataSource._extend) == null ? void 0 : _b.product) == null ? void 0 : _c.metadata) == null ? void 0 : _d.holder_id) ?? ((_g = (_f = (_e = dataSource == null ? void 0 : dataSource._extend) == null ? void 0 : _e.product) == null ? void 0 : _f._extend) == null ? void 0 : _g.holder_id);
+};
+var pickHolderMaxCount = (dataSource, holderIds) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const count = ((dataSource == null ? void 0 : dataSource.holderMaxCount) ?? (dataSource == null ? void 0 : dataSource.holder_max_count) ?? (dataSource == null ? void 0 : dataSource.number) ?? ((_b = (_a = dataSource == null ? void 0 : dataSource._extend) == null ? void 0 : _a.product) == null ? void 0 : _b.num) ?? ((_d = (_c = dataSource == null ? void 0 : dataSource._extend) == null ? void 0 : _c.product) == null ? void 0 : _d.product_quantity) ?? ((_g = (_f = (_e = dataSource == null ? void 0 : dataSource._extend) == null ? void 0 : _e.product) == null ? void 0 : _f._extend) == null ? void 0 : _g.quantity) ?? holderIds.length) || 1;
+  return Number(count) || 1;
+};
+var LineItemHolders = (props) => {
+  const { dataSource = {}, holderOptions = [], isFormSubject } = props;
+  const holderIds = (0, import_react.useMemo)(
+    () => normalizeHolderIds(pickHolderId(dataSource)),
+    [dataSource]
+  );
+  const holderMaxCount = pickHolderMaxCount(dataSource, holderIds);
+  const showUnassigned = Boolean(isFormSubject || (dataSource == null ? void 0 : dataSource.isFormSubject));
+  const holderType = (dataSource == null ? void 0 : dataSource.holderType) || (dataSource == null ? void 0 : dataSource.holder_type) || "minors";
+  const holderIcon = holderIconMap[holderType] || holderIconMap.minors;
+  if (!holderIds.length) {
+    if (!showUnassigned) return null;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__holders` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "holder-item unassigned" }, holderMaxCount > 1 ? /* @__PURE__ */ import_react.default.createElement("span", null, holderMaxCount, "/", holderMaxCount, " ") : null, /* @__PURE__ */ import_react.default.createElement("span", { className: "holder-label" }, import_utils.locales.getText("pisell2.cart.sku-card.unassigned"))));
+  }
+  const renderHolder = (id, index) => {
+    const holder = holderOptions.find((item) => String(item.id) === String(id));
+    const label = (holder == null ? void 0 : holder.label) ?? String(id);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "holder-item", key: `${id}-${index}` }, /* @__PURE__ */ import_react.default.createElement("span", { className: "holder-icon" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: holderIcon })), /* @__PURE__ */ import_react.default.createElement("span", { className: "holder-label" }, label));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__holders` }, holderIds.map((id, index) => renderHolder(id, index)));
+};
+var Holders_default = LineItemHolders;

package/lib/components/productCard/lineItem/components/Holders/index.less

@@ -0,0 +1,39 @@
+.pisell-line-item__holders {
+  user-select: none;
+  display: flex;
+  gap: 16px;
+  overflow: hidden;
+
+  .holder-item {
+    min-width: 30px;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    white-space: nowrap;
+
+    .holder-icon {
+      margin-right: 2px;
+      color: #7f56da;
+      font-size: 16px;
+    }
+
+    .holder-label {
+      display: inline-block;
+      overflow: hidden;
+      color: #667085;
+      font-size: 14px;
+      font-weight: 500;
+      line-height: 20px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .unassigned {
+    color: red;
+
+    .holder-label {
+      color: red;
+    }
+  }
+}

package/lib/components/productCard/lineItem/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ProductCardTypes } from '../types';
-import type { itemType, LineItemStatusOption, LineItemType } from './types';
+import type { itemType, LineItemHolderOption, LineItemStatusOption, LineItemType } from './types';
 import './index.less';
 export declare const PREFIX = "pisell-line-item";
-export type { itemType, LineItemStatusOption, LineItemType } from './types';
+export type { itemType, LineItemHolderOption, LineItemStatusOption, LineItemType, } from './types';
 declare type LocalizedText = string | Record<string, unknown> | null | undefined;
 export interface LineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
     dataSource: any;
@@ -15,6 +15,7 @@ export interface LineItemProps extends Omit<ProductCardTypes, 'dataSource'> {
     statusLoading?: boolean;
     statusDisabled?: boolean;
     isShowRelatedProduct?: boolean;
+    holderOptions?: LineItemHolderOption[];
     onBookingStatusChange?: (status: string, item: any) => void;
 }
 export declare const convertProductToLineItemProduct: (product: any, translationOriginal: (text: LocalizedText) => string, symbol: string) => {
@@ -29,10 +30,10 @@ export declare const convertProductToLineItemProduct: (product: any, translation
     image: any;
     num: any;
     quantity: any;
-    price: any;
-    total: any;
-    origin_total: any;
-    original_total: any;
+    price: number;
+    total: number;
+    origin_total: number;
+    original_total: number;
     source_product_price: any;
     selling_price: any;
     payment_price: any;
@@ -45,6 +46,7 @@ export declare const convertProductToLineItemProduct: (product: any, translation
     product_option_string: string;
     discount_list: any;
     promotions: any;
+    discount_reason: any;
     isGift: boolean;
     giftData: any;
     _origin: any;
@@ -57,8 +59,8 @@ export declare const convertProductToLineItemProduct: (product: any, translation
             quantity: any;
         };
         note: any;
-        total: any;
-        origin_total: any;
+        total: number;
+        origin_total: number;
         payment_price: any;
     };
 };