@pisell/materials 6.11.107 → 6.11.109

package/lib/components/productCard/cartSkuCard/components/discountReason/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DiscountReason: (props: any) => JSX.Element;
 export default DiscountReason;

package/lib/components/productCard/cartSkuCard/components/holders/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Holders: (props: any) => JSX.Element | null;
 export default Holders;

package/lib/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IProps {
     isShowImage?: boolean;

package/lib/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/lib/components/productCard/cartSkuCard/components/resources/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Resources: (props: any) => JSX.Element | null;
 export default Resources;

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/cartSkuCard/components/sales/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IProps {
     hideDivider?: boolean;

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

@@ -40,7 +40,17 @@ var import_options = __toESM(require("../../../components/Packages/components/op
 var Specs = (props) => {
   const { dataSource = {}, maxSpecsCount = 1, type } = props;
   const { bundle, options, product_option_string, symbol } = dataSource;
-  const more = /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__specs-more` }, import_utils.locales.getText("pisell2.cart.sku-card.more"));
+  const more = /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        color: "#667085",
+        fontSize: 10,
+        lineHeight: "10px"
+      }
+    },
+    import_utils.locales.getText("pisell2.cart.sku-card.more")
+  );
   const renderOptionString = () => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__specs` }, /* @__PURE__ */ import_react.default.createElement("div", null, product_option_string));
   };

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

@@ -8,13 +8,6 @@
   word-wrap: break-word;
   overflow: hidden;
 
-  &-more {
-    color: #667085;
-    font-size: 10px;
-    line-height: 10px;
-    letter-spacing: normal;
-  }
-
   > div {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -44,26 +37,9 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-
-  .pisell-cart-sku-card__product-meta--weighing & {
-    .pisell-lowcode-packages-product-bundle-option {
-      font-size: var(--pisell-cart-sku-card-physical-text-height, 4mm);
-      line-height: 1.3;
-      letter-spacing: -0.04em;
-    }
-  }
-
   .option-string-wrap {
     .pisell-cart-sku-card__specs > div {
       white-space: normal;
     }
   }
 }
-
-.pisell-cart-sku-card__product-meta--weighing {
-  .pisell-cart-sku-card__specs {
-    font-size: var(--pisell-cart-sku-card-physical-text-height, 4mm);
-    line-height: 1.3;
-    letter-spacing: -0.04em;
-  }
-}

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+declare type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: React.CSSProperties & Partial<Record<S, string>>;
+};
+declare type PropagationEvent = 'click';
+import './index.less';
+declare type SideType = 'left' | 'right';
+export declare type SwipeActionRef = {
+    close: () => void;
+    show: (side?: SideType) => void;
+};
+declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    color?: ActionColor | string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+};
+export declare type SwipeActionProps = {
+    rightActions?: Action[];
+    leftActions?: Action[];
+    onAction?: (action: Action, e: React.MouseEvent) => void;
+    closeOnTouchOutside?: boolean;
+    closeOnAction?: boolean;
+    children: ReactNode;
+    stopPropagation?: PropagationEvent[];
+    onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
+    escapeDom?: string;
+} & NativeProps<'--background'>;
+export declare const SwipeAction: React.ForwardRefExoticComponent<{
+    rightActions?: Action[] | undefined;
+    leftActions?: Action[] | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
+    closeOnTouchOutside?: boolean | undefined;
+    closeOnAction?: boolean | undefined;
+    children: ReactNode;
+    stopPropagation?: "click"[] | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    escapeDom?: string | undefined;
+} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
+export {};

package/lib/components/productCard/cartSkuCard/components/timeRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import 'dayjs/locale/zh-tw';

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

@@ -69,10 +69,6 @@ var Weighing = (props) => {
   const netLabel = import_utils.locales.getText("pisell2.cart.sku-card.weighing.net");
   const unitPriceText = `${symbol || ""}${unit_price ?? "0.00"}`;
   const manualPrefix = isManualWeight ? "(M) " : "";
-  const netWeightText = `${tareValue > 0 ? "" : manualPrefix}${formatWeight(
-    net_weight,
-    unit
-  )} ${netLabel}`;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__weighing` }, tareValue > 0 ? /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -96,8 +92,10 @@ var Weighing = (props) => {
     {
       className: `${import__.PREFIX}__weighing-row ${import__.PREFIX}__weighing-row--large`
     },
-    /* @__PURE__ */ import_react.default.createElement("span", null, netWeightText),
-    /* @__PURE__ */ import_react.default.createElement("span", { className: `${import__.PREFIX}__weighing-unit-price` }, `@ ${unitPriceText}/${unitLabel}`)
+    /* @__PURE__ */ import_react.default.createElement("span", null, `${tareValue > 0 ? "" : manualPrefix}${formatWeight(
+      net_weight,
+      unit
+    )} ${netLabel} @ ${unitPriceText}/${unitLabel}`)
   ));
 };
 var weighing_default = Weighing;

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

@@ -23,13 +23,10 @@
     }
 
     &--large {
-      font-size: var(--pisell-cart-sku-card-physical-text-height, 4mm) !important;
-      line-height: 1.3;
-      letter-spacing: -0.04em;
+      font-size: 14px;
+      line-height: 20px;
       align-items: flex-start;
       flex-wrap: wrap;
-      column-gap: 2px;
-      row-gap: 0;
       overflow: visible;
       white-space: normal;
       text-overflow: clip;
@@ -43,9 +40,4 @@
       }
     }
   }
-
-  &-unit-price {
-    flex-shrink: 0;
-    white-space: nowrap !important;
-  }
 }

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

@@ -5,8 +5,6 @@
 }
 
 .pisell-cart-sku-card {
-  --pisell-cart-sku-card-physical-text-height: 30px;
-
   padding: 4px 8px 4px 4px;
   border-radius: inherit;
   user-select: none;

package/lib/components/productCard/cartSkuCard/locales.d.ts

@@ -0,0 +1,203 @@
+declare const _default: {
+    en: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-CN': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    'zh-HK': {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    ja: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+    pt: {
+        'pisell2.product.card.discount.reason': string;
+        'pisell2.cart.sku-card.more': string;
+        'pisell2.cart.sku-card.packages.title': string;
+        'pisell2.cart.sku-card.sales.title': string;
+        'pisell2.cart.sku-card.actions.delete': string;
+        'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.manual': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
+        'pisell2.cart.sku-card.gift.title': string;
+        'pisell2.cart.sku-card.gift.select.title': string;
+        'pisell2.cart.sku-card.gift.total': (num: number) => string;
+        'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
+        'pisell2.product.card.discount.note': string;
+        'pisell2.product.card.edit': string;
+        'pisell2.product.card.discount.add.note': string;
+        'pisell2.product.card.discount.edit.note': string;
+        'pisell2.product.card.confirm': string;
+        'pisell2.product.card.cancel': string;
+        'pisell2.product.card.note.pla': string;
+        'pisell2.product.card.items.package': string;
+        'pisell2.product.card.view-all': string;
+        'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
+        'pisell2.product.card.add.holder.modal.title.1': string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
+        'pisell2.product.card.sales': string;
+        'pisell2.product.card.add.holder.modal.cancel': string;
+        'pisell2.product.card.add.holder.modal.clear': string;
+        'pisell2.product.card.add.holder.modal.apply': string;
+        'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Action: ({ item, onAction }: any) => JSX.Element;
+export default Action;

package/lib/components/productCard/components/Header/EditButton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const EditButton: ({ onEdit, disabledEditClick }: any) => JSX.Element;
 export default EditButton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Header: (props: any) => JSX.Element;
 export default Header;

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Sales: ({ item, isShowNote }: any) => JSX.Element | null;
 export default Sales;

package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolder;

package/lib/components/productCard/components/Time/components/SelectHolderModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface SelectHolderModalProps {
     visible: boolean;

package/lib/components/productCard/components/Time/components/SelectHolderMultiple/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolderMultiple;

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

@@ -1,9 +1,10 @@
 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;
     cartSkuType: 'a2' | 'a5' | 'a9';
+    isShowBookingHeader: boolean;
     relatedProductDataSource?: any;
     rightActions?: any[];
     escapeDom?: string;
@@ -11,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) => 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";
@@ -59,47 +60,18 @@ var getStatusOption = (status, statusOptions = []) => {
     color: DEFAULT_STATUS_COLOR
   };
 };
-var formatBookingTime = (booking, locale) => {
-  const start = (0, import_dayjs.default)(`${booking.start_date || ""} ${booking.start_time || ""}`);
-  const end = (0, import_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}`;
-};
-var translateText = (text, translationOriginal) => {
-  if (typeof text === "string") return text;
-  if (!text) return "";
-  return translationOriginal(text);
-};
-var getResourceName = (booking, translationOriginal) => {
-  if (booking == null ? void 0 : booking.relation_form_name) return booking.relation_form_name;
-  return ((booking == null ? void 0 : booking.resources) || []).map(
-    (resource) => {
-      var _a;
-      return translateText((_a = resource == null ? void 0 : resource.metadata) == null ? void 0 : _a.resource_name, translationOriginal);
-    }
-  ).filter(Boolean).join(", ");
-};
 var BookingLineItem = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
     dataSource,
     type,
     cartSkuType,
+    isShowBookingHeader,
     relatedProductDataSource,
     rightActions = [],
     escapeDom,
     isShowImage,
+    isFormSubject,
     isShowDelete,
     isShowNote,
     isShowAmountFooter,
@@ -109,6 +81,7 @@ var BookingLineItem = (props) => {
     statusLoading = false,
     statusDisabled = false,
     isShowRelatedProduct = true,
+    holderOptions,
     onBookingStatusChange,
     onAction,
     onDelete,
@@ -146,9 +119,24 @@ var BookingLineItem = (props) => {
     }
   };
   const bookingRightActions = isShowDelete ? [deleteAction, ...rightActions] : rightActions;
-  const bookingTitle = String((dataSource == null ? void 0 : dataSource.booking_id) || "-");
-  const bookingTime = formatBookingTime(dataSource, locale);
-  const resourceName = getResourceName(dataSource, translationOriginal) || "-";
+  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 renderDeleteButton = (inline = false) => isShowDelete ? /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      className: (0, import_classnames.default)(`${PREFIX}__delete-btn`, {
+        [`${PREFIX}__delete-btn--inline`]: inline
+      }),
+      type: "button",
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onDelete == null ? void 0 : onDelete(dataSource);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
+  ) : null;
   const renderStatusButton = () => /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
@@ -191,7 +179,7 @@ var BookingLineItem = (props) => {
           onCard == null ? void 0 : onCard(dataSource);
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(
+      isShowBookingHeader ? /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           className: `${PREFIX}__booking-header`,
@@ -209,21 +197,25 @@ var BookingLineItem = (props) => {
             trigger: ["click"]
           },
           renderStatusButton()
-        ) : renderStatusButton(), isShowDelete ? /* @__PURE__ */ import_react.default.createElement(
-          "button",
+        ) : renderStatusButton(), renderDeleteButton()))
+      ) : null,
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(`${PREFIX}__booking-detail`, {
+            [`${PREFIX}__booking-detail--with-delete`]: !isShowBookingHeader && isShowDelete
+          })
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-detail-content` }, /* @__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,
           {
-            className: `${PREFIX}__delete-btn`,
-            type: "button",
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              onDelete == null ? void 0 : onDelete(dataSource);
-            }
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
-        ) : null))
+            dataSource,
+            holderOptions: resolvedHolderOptions,
+            isFormSubject: resolvedIsFormSubject
+          }
+        ) : null),
+        !isShowBookingHeader ? renderDeleteButton(true) : 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 })),
       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,9 @@
+import type { LineItemHolderOption } from '../../types';
+import './index.less';
+interface LineItemHoldersProps {
+    dataSource?: any;
+    holderOptions?: LineItemHolderOption[];
+    isFormSubject?: boolean;
+}
+declare const LineItemHolders: (props: LineItemHoldersProps) => JSX.Element | null;
+export default LineItemHolders;