@pisell/materials 1.8.54 → 1.8.56

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

@@ -11,6 +11,9 @@ 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");
+const require_index$9 = require("./components/TimeRange/index.js");
+const require_index$10 = require("./components/Resources/index.js");
+const require_index$11 = require("./components/Holders/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
@@ -29,6 +32,7 @@ const _excluded = [
 	"rightActions",
 	"escapeDom",
 	"isShowImage",
+	"isFormSubject",
 	"isShowDelete",
 	"isShowNote",
 	"isShowAmountFooter",
@@ -38,6 +42,7 @@ const _excluded = [
 	"statusLoading",
 	"statusDisabled",
 	"isShowRelatedProduct",
+	"holderOptions",
 	"onBookingStatusChange",
 	"onAction",
 	"onDelete",
@@ -79,8 +84,8 @@ const getResourceName = (booking, 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);
+	var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _ref, _ref2, _dataSource$promotion;
+	const { dataSource, type, cartSkuType, relatedProductDataSource, rightActions = [], escapeDom, isShowImage, isFormSubject, isShowDelete, isShowNote, isShowAmountFooter, disabledClick, disabledEdit, statusOptions = [], statusLoading = false, statusDisabled = false, isShowRelatedProduct = true, holderOptions, 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";
@@ -103,9 +108,11 @@ const BookingLineItem = (props) => {
 		}
 	};
 	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 resolvedHolderOptions = (_ref = (_ref2 = holderOptions !== null && holderOptions !== void 0 ? holderOptions : dataSource === null || dataSource === void 0 ? void 0 : dataSource.holderOptions) !== null && _ref2 !== void 0 ? _ref2 : dataSource === null || dataSource === void 0 ? void 0 : dataSource.holders) !== null && _ref !== void 0 ? _ref : [];
+	const resolvedIsFormSubject = isFormSubject !== null && isFormSubject !== void 0 ? isFormSubject : dataSource === null || dataSource === void 0 ? void 0 : dataSource.isFormSubject;
+	const bookingTitle = String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.booking_id) || "");
+	formatBookingTime(dataSource, locale);
+	getResourceName(dataSource, translationOriginal);
 	const renderStatusButton = () => /* @__PURE__ */ react.default.createElement(antd.Button, {
 		className: `${PREFIX}__status`,
 		htmlType: "button",
@@ -151,7 +158,11 @@ const BookingLineItem = (props) => {
 			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, {
+	}, /* @__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(require_index$9.default, { dataSource }), /* @__PURE__ */ react.default.createElement(require_index$10.default, { dataSource }), resolvedIsFormSubject ? /* @__PURE__ */ react.default.createElement(require_index$11.default, {
+		dataSource,
+		holderOptions: resolvedHolderOptions,
+		isFormSubject: resolvedIsFormSubject
+	}) : null), 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,

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

@@ -0,0 +1,53 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../../iconfont/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _pisell_utils = require("@pisell/utils");
+require("./index.less");
+//#region src/components/productCard/lineItem/components/Holders/index.tsx
+const PREFIX = "pisell-line-item";
+const holderIconMap = {
+	form: "pisell2-file-05",
+	minors: "pisell2-user-check-01",
+	waiver: "pisell2-file-lock-03"
+};
+const isEmptyHolderId = (value) => {
+	if (Array.isArray(value)) return value.length === 0;
+	return value === void 0 || value === null || value === "";
+};
+const normalizeHolderIds = (value) => {
+	if (isEmptyHolderId(value)) return [];
+	return Array.isArray(value) ? value : [value];
+};
+const pickHolderId = (dataSource) => {
+	var _ref, _ref2, _dataSource$holder_id, _dataSource$metadata, _dataSource$_extend, _dataSource$_extend2;
+	return (_ref = (_ref2 = (_dataSource$holder_id = dataSource === null || dataSource === void 0 ? void 0 : dataSource.holder_id) !== null && _dataSource$holder_id !== void 0 ? _dataSource$holder_id : dataSource === null || dataSource === void 0 || (_dataSource$metadata = dataSource.metadata) === null || _dataSource$metadata === void 0 ? void 0 : _dataSource$metadata.holder_id) !== null && _ref2 !== void 0 ? _ref2 : dataSource === null || dataSource === void 0 || (_dataSource$_extend = dataSource._extend) === null || _dataSource$_extend === void 0 || (_dataSource$_extend = _dataSource$_extend.product) === null || _dataSource$_extend === void 0 || (_dataSource$_extend = _dataSource$_extend.metadata) === null || _dataSource$_extend === void 0 ? void 0 : _dataSource$_extend.holder_id) !== null && _ref !== void 0 ? _ref : dataSource === null || dataSource === void 0 || (_dataSource$_extend2 = dataSource._extend) === null || _dataSource$_extend2 === void 0 || (_dataSource$_extend2 = _dataSource$_extend2.product) === null || _dataSource$_extend2 === void 0 || (_dataSource$_extend2 = _dataSource$_extend2._extend) === null || _dataSource$_extend2 === void 0 ? void 0 : _dataSource$_extend2.holder_id;
+};
+const pickHolderMaxCount = (dataSource, holderIds) => {
+	var _ref3, _ref4, _ref5, _ref6, _ref7, _dataSource$holderMax, _dataSource$_extend3, _dataSource$_extend4, _dataSource$_extend5;
+	const count = ((_ref3 = (_ref4 = (_ref5 = (_ref6 = (_ref7 = (_dataSource$holderMax = dataSource === null || dataSource === void 0 ? void 0 : dataSource.holderMaxCount) !== null && _dataSource$holderMax !== void 0 ? _dataSource$holderMax : dataSource === null || dataSource === void 0 ? void 0 : dataSource.holder_max_count) !== null && _ref7 !== void 0 ? _ref7 : dataSource === null || dataSource === void 0 ? void 0 : dataSource.number) !== null && _ref6 !== void 0 ? _ref6 : dataSource === null || dataSource === void 0 || (_dataSource$_extend3 = dataSource._extend) === null || _dataSource$_extend3 === void 0 || (_dataSource$_extend3 = _dataSource$_extend3.product) === null || _dataSource$_extend3 === void 0 ? void 0 : _dataSource$_extend3.num) !== null && _ref5 !== void 0 ? _ref5 : dataSource === null || dataSource === void 0 || (_dataSource$_extend4 = dataSource._extend) === null || _dataSource$_extend4 === void 0 || (_dataSource$_extend4 = _dataSource$_extend4.product) === null || _dataSource$_extend4 === void 0 ? void 0 : _dataSource$_extend4.product_quantity) !== null && _ref4 !== void 0 ? _ref4 : dataSource === null || dataSource === void 0 || (_dataSource$_extend5 = dataSource._extend) === null || _dataSource$_extend5 === void 0 || (_dataSource$_extend5 = _dataSource$_extend5.product) === null || _dataSource$_extend5 === void 0 || (_dataSource$_extend5 = _dataSource$_extend5._extend) === null || _dataSource$_extend5 === void 0 ? void 0 : _dataSource$_extend5.quantity) !== null && _ref3 !== void 0 ? _ref3 : holderIds.length) || 1;
+	return Number(count) || 1;
+};
+const LineItemHolders = (props) => {
+	const { dataSource = {}, holderOptions = [], isFormSubject } = props;
+	const holderIds = (0, react.useMemo)(() => normalizeHolderIds(pickHolderId(dataSource)), [dataSource]);
+	const holderMaxCount = pickHolderMaxCount(dataSource, holderIds);
+	const showUnassigned = Boolean(isFormSubject || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.isFormSubject));
+	const holderIcon = holderIconMap[(dataSource === null || dataSource === void 0 ? void 0 : dataSource.holderType) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.holder_type) || "minors"] || holderIconMap.minors;
+	if (!holderIds.length) {
+		if (!showUnassigned) return null;
+		return /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__holders` }, /* @__PURE__ */ react.default.createElement("div", { className: "holder-item unassigned" }, holderMaxCount > 1 ? /* @__PURE__ */ react.default.createElement("span", null, holderMaxCount, "/", holderMaxCount, " ") : null, /* @__PURE__ */ react.default.createElement("span", { className: "holder-label" }, _pisell_utils.locales.getText("pisell2.cart.sku-card.unassigned"))));
+	}
+	const renderHolder = (id, index) => {
+		var _holder$label;
+		const holder = holderOptions.find((item) => String(item.id) === String(id));
+		const label = (_holder$label = holder === null || holder === void 0 ? void 0 : holder.label) !== null && _holder$label !== void 0 ? _holder$label : String(id);
+		return /* @__PURE__ */ react.default.createElement("div", {
+			className: "holder-item",
+			key: `${id}-${index}`
+		}, /* @__PURE__ */ react.default.createElement("span", { className: "holder-icon" }, /* @__PURE__ */ react.default.createElement(require_index.default, { type: holderIcon })), /* @__PURE__ */ react.default.createElement("span", { className: "holder-label" }, label));
+	};
+	return /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__holders` }, holderIds.map((id, index) => renderHolder(id, index)));
+};
+//#endregion
+exports.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/components/Resources/index.js

@@ -0,0 +1,47 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+require("../../../cartSkuCard/components/resources/index.less");
+//#region src/components/productCard/lineItem/components/Resources/index.tsx
+const PREFIX = "pisell-cart-sku-card";
+const ResourceTag = antd.Tag;
+const colors = [
+	"magenta",
+	"volcano",
+	"orange",
+	"gold",
+	"green",
+	"cyan",
+	"blue",
+	"geekblue",
+	"purple"
+];
+function getColor(n) {
+	return colors[n * 31 % colors.length];
+}
+const getResourceLabel = (resource, fallbackLabel) => {
+	var _resource$metadata, _resource$metadata2;
+	return (resource === null || resource === void 0 || (_resource$metadata = resource.metadata) === null || _resource$metadata === void 0 ? void 0 : _resource$metadata.resource_name) || (resource === null || resource === void 0 || (_resource$metadata2 = resource.metadata) === null || _resource$metadata2 === void 0 ? void 0 : _resource$metadata2.form_name) || fallbackLabel || "";
+};
+const LineItemResources = (props) => {
+	const { dataSource = {} } = props;
+	const resources = Array.isArray(dataSource === null || dataSource === void 0 ? void 0 : dataSource.resources) ? dataSource.resources : [];
+	const fallbackResourceLabel = resources.length === 1 ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.relation_form_name : "";
+	const resourceLabels = Array.isArray(dataSource === null || dataSource === void 0 ? void 0 : dataSource.resources) ? resources.map((resource, index) => ({
+		id: Number(resource === null || resource === void 0 ? void 0 : resource.form_id) || Number(resource === null || resource === void 0 ? void 0 : resource.relation_id) || index + 1,
+		label: getResourceLabel(resource, fallbackResourceLabel)
+	})) : [];
+	if (!resourceLabels.length && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.relation_form_name)) resourceLabels.push({
+		id: 1,
+		label: dataSource.relation_form_name
+	});
+	if (!resourceLabels.length) return null;
+	return /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__resources` }, resourceLabels.map((resource) => /* @__PURE__ */ react.default.createElement(ResourceTag, {
+		key: `${resource.id}-${resource.label}`,
+		color: getColor(resource.id),
+		className: "resource-tag"
+	}, resource.label)));
+};
+//#endregion
+exports.default = LineItemResources;

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

@@ -0,0 +1,67 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../../iconfont/index.js");
+const require_useEngineContext = require("../../../../../hooks/useEngineContext.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _pisell_utils = require("@pisell/utils");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+require("dayjs/locale/zh-cn");
+require("dayjs/locale/en");
+require("dayjs/locale/ja");
+require("dayjs/locale/pt");
+require("dayjs/locale/zh-tw");
+require("../../../cartSkuCard/components/timeRange/index.less");
+//#region src/components/productCard/lineItem/components/TimeRange/index.tsx
+const localeTypes = {
+	"en-US": "en",
+	"zh-CN": "zh-cn",
+	"zh-HK": "zh-tw",
+	ja: "ja",
+	pt: "pt"
+};
+const PREFIX = "pisell-cart-sku-card";
+const formatMultiDayDate = (start, end, isEn) => {
+	const format = isEn ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
+	return `${start.format(format)} ~ ${end.format(format)}`;
+};
+const formatBookingTime = (booking, locale) => {
+	const start = (0, dayjs.default)((booking === null || booking === void 0 ? void 0 : booking.start_time) ? `${(booking === null || booking === void 0 ? void 0 : booking.start_date) || ""} ${booking.start_time}` : booking === null || booking === void 0 ? void 0 : booking.start_date);
+	const end = (0, dayjs.default)((booking === null || booking === void 0 ? void 0 : booking.end_time) ? `${(booking === null || booking === void 0 ? void 0 : booking.end_date) || ""} ${booking.end_time}` : booking === null || booking === void 0 ? void 0 : booking.end_date);
+	if (!start.isValid() || !end.isValid()) return "";
+	const isEn = locale === "en-US" || locale === "en";
+	const durationType = (booking === null || booking === void 0 ? void 0 : booking.sub_type) || (booking === null || booking === void 0 ? void 0 : booking.duration_type);
+	const startTime = (booking === null || booking === void 0 ? void 0 : booking.start_time) || start.format("HH:mm");
+	const endTime = (booking === null || booking === void 0 ? void 0 : booking.end_time) || end.format("HH:mm");
+	if (durationType === "days" && !start.isSame(end, "day")) {
+		const duration = end.diff(start, "day");
+		return `${formatMultiDayDate(start, end, isEn)} (${duration}${_pisell_utils.locales.getText("pisell2.product.card.day")(duration)})`;
+	}
+	const dateFormat = isEn ? "DD/MM/YYYY" : "YYYY-MM-DD";
+	const dateTime = start.isSame(end, "day") ? isEn ? `${startTime} ~ ${endTime} ${start.format(dateFormat)}` : `${start.format(dateFormat)} ${startTime} ~ ${endTime}` : isEn ? `${startTime} ${start.format(dateFormat)} ~ ${endTime} ${end.format(dateFormat)}` : `${start.format(dateFormat)} ${startTime} ~ ${end.format(dateFormat)} ${endTime}`;
+	if (!durationType) return dateTime;
+	if (durationType === "minutes" || durationType === "flexible") {
+		const duration = end.diff(start, "minute");
+		const hours = Math.floor(duration / 60);
+		const minutes = duration % 60;
+		return `${dateTime} (${_pisell_utils.locales.getText("pisell2.product.card.hour.minute")(hours, minutes)})`;
+	}
+	return `${dateTime} (${end.diff(start, durationType)})`;
+};
+const LineItemTimeRange = (props) => {
+	var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4;
+	const { dataSource = {} } = props;
+	const context = require_useEngineContext.default();
+	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")) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.locale) || "en-US";
+	const serviceTime = (0, react.useMemo)(() => {
+		dayjs.default.locale(localeTypes[locale]);
+		return formatBookingTime(dataSource, locale);
+	}, [dataSource, locale]);
+	if (!serviceTime) return null;
+	return /* @__PURE__ */ react.default.createElement("div", { className: `${PREFIX}__time-range` }, /* @__PURE__ */ react.default.createElement(require_index.default, {
+		className: "time-icon",
+		type: "pisell2-clock"
+	}), serviceTime);
+};
+//#endregion
+exports.default = LineItemTimeRange;

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

@@ -28,6 +28,7 @@ const _excluded = [
 	"statusLoading",
 	"statusDisabled",
 	"isShowRelatedProduct",
+	"holderOptions",
 	"onBookingStatusChange",
 	"onAction",
 	"onDelete",
@@ -76,7 +77,7 @@ const convertBundle = (bundle, translationOriginal) => {
 	});
 };
 const 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, _ref, _product$num, _ref2, _product$num2, _product$metadata$sou, _product$metadata2, _product$payment_pric, _product$metadata3, _product$discount_lis, _product$discount_lis2, _product$metadata4, _product$product_sku, _ref3, _product$num3;
 	const title = translateText(product.product_title || product.title, translationOriginal);
 	const bundle = (product.product_bundle || []).map((bundleItem) => convertBundle(bundleItem, translationOriginal));
 	return {
@@ -107,6 +108,7 @@ const convertProductToLineItemProduct = (product, translationOriginal, symbol) =
 		product_option_string: product.product_sku ? translateText(product.product_sku.subtitle, translationOriginal) : "",
 		discount_list: product.discount_list,
 		promotions: product.promotions,
+		discount_reason: (_product$discount_lis = (_product$discount_lis2 = product.discount_list) === null || _product$discount_lis2 === void 0 || (_product$discount_lis2 = _product$discount_lis2.find((d) => (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$metadata4 = product.metadata) === null || _product$metadata4 === void 0 ? void 0 : _product$metadata4.product_discount_reason,
 		isGift: Boolean(product.gift_card),
 		giftData: product.giftData,
 		_origin: product,
@@ -127,7 +129,7 @@ const convertProductToLineItemProduct = (product, translationOriginal, symbol) =
 };
 const LineItem = (props) => {
 	var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _dataSource$_extend2;
-	const { dataSource = require_status.defaultValue.dataSource, itemType, type = "a9", rightActions = [], escapeDom, isShowImage = require_status.defaultValue.isShowImage, isShowDelete = require_status.defaultValue.isShowDelete, isShowNote = require_status.defaultValue.isShowNote, isShowAmountFooter = require_status.defaultValue.isShowAmountFooter, disabledClick = require_status.defaultValue.disabledClick, disabledEdit = require_status.defaultValue.disabledEdit, statusOptions = [], statusLoading = false, statusDisabled = false, isShowRelatedProduct = true, onBookingStatusChange, onAction, onDelete, onNote, onCard, onPromotion, onGift } = props, other = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
+	const { dataSource = require_status.defaultValue.dataSource, itemType, type = "a9", rightActions = [], escapeDom, isShowImage = require_status.defaultValue.isShowImage, isShowDelete = require_status.defaultValue.isShowDelete, isShowNote = require_status.defaultValue.isShowNote, isShowAmountFooter = require_status.defaultValue.isShowAmountFooter, disabledClick = require_status.defaultValue.disabledClick, disabledEdit = require_status.defaultValue.disabledEdit, statusOptions = [], statusLoading = false, statusDisabled = false, isShowRelatedProduct = true, holderOptions, 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 symbol = context.appHelper.utils.getSymbolic();
@@ -184,6 +186,7 @@ const LineItem = (props) => {
 		statusLoading,
 		statusDisabled,
 		isShowRelatedProduct,
+		holderOptions,
 		onBookingStatusChange,
 		onAction,
 		onDelete,

package/lib/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;
@@ -87,10 +87,10 @@
   }
 
   &__status {
-    border: 1px solid #0f1d40;
+    border: 1px solid rgba(16, 24, 40, 0.12);
     border-radius: 8px;
-    background: #0f1d40;
-    color: #fff;
+    background: rgba(255, 255, 255, 0.72);
+    color: #101828;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -103,13 +103,25 @@
     line-height: 20px;
     cursor: pointer;
     flex-shrink: 0;
+    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
 
     .pisell-lowcodeicon-down,
     .anticon {
       font-size: 12px;
     }
 
+    &:hover,
+    &:focus,
+    &:active {
+      border-color: rgba(16, 24, 40, 0.18);
+      background: rgba(255, 255, 255, 0.86);
+      color: #101828;
+    }
+
     &:disabled {
+      border-color: rgba(16, 24, 40, 0.12);
+      background: rgba(255, 255, 255, 0.72);
+      color: #101828;
       cursor: default;
     }
   }
@@ -130,11 +142,10 @@
   }
 
   &__booking-detail {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-    gap: 12px 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
     padding: 8px;
-    background: #fff;
   }
 
   &__booking-field {

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

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

package/lib/index.d.ts

@@ -30,7 +30,8 @@ import { PisellBasicGridProps } from "./components/PisellBasicGrid/types.js";
 import { MemoizedPisellBasicGrid } from "./components/PisellBasicGrid/PisellBasicGrid.js";
 import { PisellScrollViewProps } from "./components/PisellScrollView/types.js";
 import { PisellScrollView } from "./components/PisellScrollView/PisellScrollView.js";
-import { FLOOR_MAP_BUILTIN_SHAPE_ELEMENT_KIND, FLOOR_MAP_IMAGE_ELEMENT_KIND, FLOOR_MAP_STAGE_ELEMENT_KIND, FloorMapDataSources, FloorMapElementKindCategory, FloorMapElementKindConfig, FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, FloorMapMergedItem, FloorMapRenderOptions, FloorMapSceneElement, FloorMapViewConfig, FloorMapViewportOverlayRenderArgs, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "./components/pisellFloorMapLayout/types.js";
+import { FloorMapResourcePickerSlotProps, PisellCardPickerCardMeta, PisellCardPickerCategoryConfig, PisellCardPickerCategoryLevelConfig, PisellCardPickerCategoryMode, PisellCardPickerCategoryPath, PisellCardPickerItem, PisellCardPickerMode, parseNestedPathSegments } from "./components/pisellFloorMapLayout/utils/floorMapResourcePickerTypes.js";
+import { FLOOR_MAP_BUILTIN_SHAPE_ELEMENT_KIND, FLOOR_MAP_IMAGE_ELEMENT_KIND, FLOOR_MAP_STAGE_ELEMENT_KIND, FLOOR_MAP_ZONE_ELEMENT_KIND, FloorMapDataSources, FloorMapEdge, FloorMapEdgeAnchor, FloorMapEdgeStatus, FloorMapElementKindCategory, FloorMapElementKindConfig, FloorMapFullscreenMode, FloorMapItemBase, FloorMapLayoutContextValue, FloorMapMergedItem, FloorMapRenderOptions, FloorMapSceneElement, FloorMapViewConfig, FloorMapViewportOverlayRenderArgs, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from "./components/pisellFloorMapLayout/types.js";
 import { PisellFloorMapLayout } from "./components/pisellFloorMapLayout/PisellFloorMapLayout.js";
 import { renderFloorMapFallbackPlaceholder } from "./components/pisellFloorMapLayout/utils/floorMapFallbackRender.js";
 import { isFloorMapBuiltinShapeElementKind, isFloorMapImageElementKind } from "./components/pisellFloorMapLayout/utils/floorMapElementKindUtils.js";
@@ -45,8 +46,11 @@ import { sceneElementsToShopLayout, shopLayoutToSceneElements } from "./componen
 import { WrapFloorMapOnSaveWithRemotePersistParams, wrapFloorMapOnSaveWithRemotePersist } from "./components/pisellFloorMapLayout/utils/floorMapRemotePersist.js";
 import { EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, FloorMapLayoutProvider, FloorMapLayoutProviderProps, useFloorMapLayoutContext } from "./components/pisellFloorMapLayout/context/FloorMapLayoutContext.js";
 import { mergeFloorMapLayoutPropsFromContext } from "./components/pisellFloorMapLayout/context/mergeFloorMapLayoutContext.js";
+import { FloorMapResourcePickerRecord, floorMapResourcePickerRecordSearchText, getFloorMapCardPickerCategoryConfig, getFloorMapResourcePickerCardMeta } from "./components/pisellFloorMapLayout/utils/floorMapResourcePickerDisplay.js";
+import { initFloorMapLayoutLocales } from "./components/pisellFloorMapLayout/utils/floorMapCanvasDisplay.js";
 import { FloorMapImageElement } from "./components/pisellFloorMapLayout/components/FloorMapImageElement.js";
 import { FloorMapBuiltinShapeElement } from "./components/pisellFloorMapLayout/components/FloorMapBuiltinShapeElement.js";
+import { FloorMapZoneElement } from "./components/pisellFloorMapLayout/components/FloorMapZoneElement.js";
 import { getFigmaTableCardFromMerged, getRenderItemByKindRoundTable, getRenderItemByKindTable, renderFigmaStyleRoundTableCard, renderFigmaStyleTableCard } from "./components/pisellFloorMapLayout/components/FigmaTableCard.js";
 import { CompoundedComponent, PisellLayout, PisellLayoutProps } from "./components/pisellLayout/index.js";
 import { PisellContent } from "./components/pisellLayout/content.js";
@@ -265,4 +269,4 @@ import { Number } from "./components/virtual-keyboard/Number/index.js";
 import { VirtualInput } from "./components/virtualInput/index.js";
 import { WalletCard } from "./components/walletCard/index.js";
 import { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber as InputNumber$1, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch as Switch$1, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version } from "antd";
-export { Affix, Alert, Anchor, AppVersionControl, AutoComplete, AutoCompleteNumber, AutoResizeText, Avatar, Badge, type BadgeConfig, Translation as BaseTranslation, type BatchActionBarPosition, type BatchActionConfirmConfig, type BatchActionItem, BatchEditor, Breadcrumb, Button, _default as ButtonGroupEdit, _default$1 as ButtonGroupPreview, Calendar, type CalendarPersistContextValue, type CalendarPersistKind, CalendarPersistProvider, Card, CardMetricItem, type PisellStatisticProps as CardMetricItemProps, _default$2 as CardPro, Carousel, Cascader, Checkbox, ClassicLayout, Col, Collapse, ColorPicker, Component, type CompoundedComponent, ConfigProvider, type CountryCode, type CreateShopFloorPlanClientOptions, CropPhoto, type CursorMode, CustomSelect, DEFAULT_CALENDAR_SLOT_STEP_MINUTES, DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY, DEFAULT_RESOURCE_WALL_LAYOUT_PERSIST, type DataSourceContainerProps, _default$3 as DataSourceForm, DataSourceImage, DataSourceMenu, DataSourceQRCode, DataSourceSubForm, type DataSourceSubFormProps, _default$4 as DataSourceTable, DataSourceTypography, DataSourceWrapper, DatePicker, type DefaultActionsConfig, Descriptions, _default$5 as Div, Divider, DragSortTree, Drawer, Dropdown, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, Empty, type EnsureShopFloorPlanByCodeOptions, FLOOR_MAP_BUILTIN_SHAPES, FLOOR_MAP_BUILTIN_SHAPE_ELEMENT_KIND, FLOOR_MAP_IMAGE_ELEMENT_KIND, FLOOR_MAP_STAGE_ELEMENT_KIND, Filter, type FloorMapBindingPlaceholderReason, FloorMapBuiltinShapeElement, type FloorMapDataSourceRow, type FloorMapDataSources, type FloorMapElementKindCategory, type FloorMapElementKindConfig, type FloorMapFullscreenMode, FloorMapImageElement, type FloorMapItemBase, type FloorMapLayoutContextValue, FloorMapLayoutProvider, type FloorMapLayoutProviderProps, type FloorMapMergedItem, type FloorMapRenderOptions, type FloorMapSceneElement, type FloorMapViewConfig, type FloorMapViewportOverlayRenderArgs, _default$6 as Form, FormGroup, Checkbox$1 as FormItemCheckbox, ColorPicker$1 as FormItemColorPicker, DatePicker$1 as FormItemDatePicker, IconSelect as FormItemIconSelect, Input as FormItemInput, InputNumber as FormItemInputNumber, Radio as FormItemRadio, RecordListWrapperWithDataSource as FormItemRecordListWrapper, SelectWithDataSource as FormItemSelect, Switch as FormItemSwitch, FormItemTabs, TimePicker as FormItemTimePicker, Translation$1 as FormItemTranslation, Upload as FormItemUpload, Provider as GraphicTextCard, type GraphicTextCardProps, type GraphicTextCardSize, type GraphicTextCardVariant, Grid, type GridProProps, type GridViewProps, PREFIX_CLS as HIERARCHICAL_SUMMARY_LIST_PREFIX_CLS, _default$7 as Icon, IconSelect$1 as IconSelect, IconFont as Iconfont, Image, type ImageDataSource, type ImageFillMode, Input$1 as Input, InputNumber$1 as InputNumber, InputNumberRange, JsonWrapperProvider as JsonWrapper, _default$8 as Keyboard, type LevelType, List, LowCodePage, type MailtoOptions, Mentions, Menu, Modal, Provider$1 as MultilevelCard, type MultilevelCardProps, type MultipleSelectRef, NAME_AS_TITLE_EXT_KEY, OrganizationTenantSwitcher, Page, PageHeader, Pagination, PisellAdjustPrice, PisellAdjustPriceInputNumber, PisellAlert, PisellAnchor, PisellAppCard, type PisellAppCardProps, PisellAvatar, type PisellBasicCardProps, MemoizedPisellBasicGrid as PisellBasicGrid, type PisellBasicGridProps, PisellBatchActionBar, type PisellBatchActionBarProps, PisellCard, _default$9 as PisellCardList, PisellCards, PisellCheckboxGroup, PisellConfigProvider, PisellContainer, PisellContent, PisellContext, PisellCountdown, MemoizedPisellCurrency as PisellCurrency, type PisellCurrencyProps, PisellCustomCheckboxGroup, PisellDataSourceContainer, PisellDatePicker, _default$10 as PisellDateTimeDisplay, type PisellDateTimeDisplayProps, Demo as PisellDraggable, PisellDropSort, PisellDropdown, _default$11 as PisellEmail, type PisellEmailProps, PisellEmpty, PisellFields, PisellFilter, type PisellFilterProps, PisellFind, type PisellFindProps, type PisellFindRef, PisellFloatingPanel, PisellFloorMapLayout, type PisellFloorMapLayoutProps, type PisellFloorMapLayoutRef, PisellFooter, index as PisellGoodPassCard, PisellGridPro, GridView as PisellGridView, PisellHeader, PisellHeaderProgressBar, PisellHierarchicalSummaryList, type PisellHierarchicalSummaryListAggregateConfig, type PisellHierarchicalSummaryListAggregateMode, type PisellHierarchicalSummaryListItem, type PisellHierarchicalSummaryListKey, type PisellHierarchicalSummaryListLevelConfig, type PisellHierarchicalSummaryListProps, Provider$2 as PisellImageCard, type PisellImageCardProps, PisellImageCarousels, PisellInformationEntry, PisellInput, PisellLayout, type PisellLayoutProps, PisellLayouts, PisellList01, PisellLoading, _default$12 as PisellLongText, type PisellLongTextProps, PisellLookup, type PisellLookupProps, type PisellLookupRef, PisellMenu, type PisellMenuProps, PisellMetricCard, type PisellMetricCardProps, PisellMetrics, PisellMobileDateRangePicker, type PisellMobileDateRangePickerProps, PisellModal, PisellMultipleSelect, type PisellMultipleSelectProps, PisellNavigationMenu, MemoizedPisellNumber as PisellNumber, Number as PisellNumberKeyboard, type PisellNumberProps, MemoizedPisellPercent as PisellPercent, type PisellPercentProps, _default$13 as PisellPhone, type PisellPhoneProps, Amount as PisellPriceKeyboard, PisellProcedure, type PisellProcedureProps, type PisellProcedureRef, PisellQRScanner, type PisellQRScannerProps, PisellQrcode, pisellQuickFilter as PisellQuickFilter, type PisellQuickFilterProps, _default$14 as PisellRating, type PisellRatingProps, PisellRecordBoard, PisellRecordBoardCalendarView, type PisellRecordBoardCalendarViewProps, PisellRecordBoardResourceWallView, PisellReservationSchedule, PisellReservationScheduleBand, type PisellReservationScheduleBandProps, type PisellReservationScheduleProps, PisellRow, type PisellRowProps, PisellScan, PisellScrollView, type PisellScrollViewProps, PisellSectionHeaders, PisellShellFrame, type PisellShellFrameConfig, type PisellShellFrameProps, type PisellShellFrameScrollConfig, PisellSider, _default$15 as PisellSingleLineText, type PisellSingleLineTextProps, PisellSingleSelect, type PisellSingleSelectProps, PisellSort, type PisellSortProps, PisellStatisticList, type PisellStatisticProps, type PisellStepItem, PisellSteps, type PisellStepsProps, _default$16 as PisellSuperTabs, type PisellSuperTabsProps, PisellTabbar, PisellTabbar$1 as PisellTabbar2, type PisellTabbarProps, _default$17 as PisellTabbarTemplate1, PisellTags, PisellText, PisellTimeNavigator, type PisellTimeNavigatorProps, PisellTimeRangeDisplay, type PisellTimeRangeDisplayProps, PisellToast, Toolbar as PisellToolBar, PisellTooltip, PisellUpload, _default$18 as PisellUrl, type PisellUrlProps, PisellViewGrid, PisellWalletPassCard, type PisellWalletPassCardProps, Popconfirm, Popover, type PostShopFloorPlanBody, type ProcedureBodyProps, type ProcedureFooterProps, type ProcedureHeaderProps, ProductCard, ProfileMenu, Progress, PublishVersionModal, type PutShopFloorPlanBody, QRCode, RECORD_BOARD_PHONE_GRID_CLASS, Radio$1 as Radio, Rate, type RecordBoardBlockedTimeMergedRange, type RecordBoardBlockedTimePanelPayload, type RecordBoardBodyView, type RecordBoardBookingMoveDraft, type RecordBoardCalendarBlockedTimePayload, type RecordBoardCalendarBookingLike, type RecordBoardCalendarBookingRenderArgs, type RecordBoardCalendarDayOverlayBooking, type RecordBoardCalendarProps, type RecordBoardCalendarResource, type RecordBoardCalendarResourceRenderArgs, type RecordBoardCalendarSelectedFreeSlot, type RecordBoardCalendarTimelineHeaderGroup, type RecordBoardCalendarTimelineHeaderRenderContext, type RecordBoardChildComponentProps, type RecordBoardColumnType, type RecordBoardContextValue, type RecordBoardCreateBookingDayGroup, type RecordBoardCreateBookingFromSelectionPayload, type RecordBoardLayoutVariant, type RecordBoardProps, type RecordBoardResourceWallCardModel, type RecordBoardResourceWallLayoutPersist, type RecordBoardResourceWallProps, type RecordBoardToolBarProps, _default$19 as RecordView, type ReservationScheduleBandValue, type ReservationScheduleValue, Result, Row, SHOP_FLOOR_PLAN_DUPLICATE_CODE, SafeAreaTop, SectionFooters, Segmented, Select, SelectTime, type ShopFloorPlanByCodeRequestOptions, type ShopFloorPlanDetail, type ShopFloorPlanHttpAdapter, type ShopFloorPlanLayoutItem, type SingleSelectRef, Skeleton, SliderOuter as Slider, Sort, SortableList, Space, Spin, Statistic, Steps, SubmitButton, Switch$1 as Switch, Provider$3 as TabCard, type TabCardProps, type TabDataItem, type TabbarDataSource, _default$20 as Table, Tabs, Tag, Provider$4 as TextCard, type TimeNavigatorOrientation, type TimeNavigatorPassthroughProps, type TimeNavigatorValue, TimePicker$1 as TimePicker, type TimeRangeOption, Timeline, type ToolBarProps, Tooltip, Transfer, Translation$2 as Translation, Tree, TreeSelect, Typography, Upload$1 as Upload, type VenueWallAppearanceSlot, type VenueWallAppearanceTheme, type VenueWallStatusKey, type VenueWallStatusTone, type VenueWallStatusToneOverrides, VirtualInput, VirtualKeyboard, VirtualKeyboardTime, WalletCard, type WrapFloorMapOnSaveWithRemotePersistParams, adaptColumnsForPhoneLayout, buildCalendarHourSlotsFromRange, buildCalendarTimelineSlotStartsFromRange, buildFloorPlanPutBody, buildNameAsTitleExtensionsPatch, createShopFloorPlanClient, diffVenueWallStatusToneOverrides, findFloorMapRowByDataBinding, floorMapSavedConfigToRemotePatch, formatScheduleAtLabel, getBankCardTypeImg, getFigmaTableCardFromMerged, getFloorMapBindingPlaceholderReason, getFloorMapBuiltinShapeDef, getHorizontalAxisSlotCount, getRangeBounds, getRenderItemByKindRoundTable, getRenderItemByKindTable, getVenueWallStatusToneMap, globalConfig, inferCanvasSizeFromScene, isElementNameAsTitleEnabled, isFloorMapBuiltinShapeElementKind, isFloorMapImageElementKind, isFloorPlanDuplicateCodeError, isHttpNotFoundError, isShopFloorPlanNotFoundResponse, loginAndRegister, mergeFloorMapLayoutPropsFromContext, mergeFloorPlanViewRemote, message, notification, parseLayoutFieldToViewConfigPatch, pickFloorPlanDetail, pickReferenceDateContainingNow, _default$21 as pisellTimeNavigatorLocales, renderFigmaStyleRoundTableCard, renderFigmaStyleTableCard, renderFloorMapFallbackPlaceholder, resolveSceneElementDisplayTitle, sceneElementsToShopLayout, shopLayoutToSceneElements, useFloorMapLayoutContext, usePisellConfig, useRecordBoardContext, useRecordBoardShellBodyMeta, useShopFloorPlanSubscription, useToast, version, viewConfigToLayoutPayload, wrapFloorMapOnSaveWithRemotePersist };
+export { Affix, Alert, Anchor, AppVersionControl, AutoComplete, AutoCompleteNumber, AutoResizeText, Avatar, Badge, type BadgeConfig, Translation as BaseTranslation, type BatchActionBarPosition, type BatchActionConfirmConfig, type BatchActionItem, BatchEditor, Breadcrumb, Button, _default as ButtonGroupEdit, _default$1 as ButtonGroupPreview, Calendar, type CalendarPersistContextValue, type CalendarPersistKind, CalendarPersistProvider, Card, CardMetricItem, type PisellStatisticProps as CardMetricItemProps, _default$2 as CardPro, Carousel, Cascader, Checkbox, ClassicLayout, Col, Collapse, ColorPicker, Component, type CompoundedComponent, ConfigProvider, type CountryCode, type CreateShopFloorPlanClientOptions, CropPhoto, type CursorMode, CustomSelect, DEFAULT_CALENDAR_SLOT_STEP_MINUTES, DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY, DEFAULT_RESOURCE_WALL_LAYOUT_PERSIST, type DataSourceContainerProps, _default$3 as DataSourceForm, DataSourceImage, DataSourceMenu, DataSourceQRCode, DataSourceSubForm, type DataSourceSubFormProps, _default$4 as DataSourceTable, DataSourceTypography, DataSourceWrapper, DatePicker, type DefaultActionsConfig, Descriptions, _default$5 as Div, Divider, DragSortTree, Drawer, Dropdown, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, Empty, type EnsureShopFloorPlanByCodeOptions, FLOOR_MAP_BUILTIN_SHAPES, FLOOR_MAP_BUILTIN_SHAPE_ELEMENT_KIND, FLOOR_MAP_IMAGE_ELEMENT_KIND, FLOOR_MAP_STAGE_ELEMENT_KIND, FLOOR_MAP_ZONE_ELEMENT_KIND, Filter, type FloorMapBindingPlaceholderReason, FloorMapBuiltinShapeElement, type FloorMapDataSourceRow, type FloorMapDataSources, type FloorMapEdge, type FloorMapEdgeAnchor, type FloorMapEdgeStatus, type FloorMapElementKindCategory, type FloorMapElementKindConfig, type FloorMapFullscreenMode, FloorMapImageElement, type FloorMapItemBase, type FloorMapLayoutContextValue, FloorMapLayoutProvider, type FloorMapLayoutProviderProps, type FloorMapMergedItem, type FloorMapRenderOptions, type FloorMapResourcePickerRecord, type FloorMapResourcePickerSlotProps, type FloorMapSceneElement, type FloorMapViewConfig, type FloorMapViewportOverlayRenderArgs, FloorMapZoneElement, _default$6 as Form, FormGroup, Checkbox$1 as FormItemCheckbox, ColorPicker$1 as FormItemColorPicker, DatePicker$1 as FormItemDatePicker, IconSelect as FormItemIconSelect, Input as FormItemInput, InputNumber as FormItemInputNumber, Radio as FormItemRadio, RecordListWrapperWithDataSource as FormItemRecordListWrapper, SelectWithDataSource as FormItemSelect, Switch as FormItemSwitch, FormItemTabs, TimePicker as FormItemTimePicker, Translation$1 as FormItemTranslation, Upload as FormItemUpload, Provider as GraphicTextCard, type GraphicTextCardProps, type GraphicTextCardSize, type GraphicTextCardVariant, Grid, type GridProProps, type GridViewProps, PREFIX_CLS as HIERARCHICAL_SUMMARY_LIST_PREFIX_CLS, _default$7 as Icon, IconSelect$1 as IconSelect, IconFont as Iconfont, Image, type ImageDataSource, type ImageFillMode, Input$1 as Input, InputNumber$1 as InputNumber, InputNumberRange, JsonWrapperProvider as JsonWrapper, _default$8 as Keyboard, type LevelType, List, LowCodePage, type MailtoOptions, Mentions, Menu, Modal, Provider$1 as MultilevelCard, type MultilevelCardProps, type MultipleSelectRef, NAME_AS_TITLE_EXT_KEY, OrganizationTenantSwitcher, Page, PageHeader, Pagination, PisellAdjustPrice, PisellAdjustPriceInputNumber, PisellAlert, PisellAnchor, PisellAppCard, type PisellAppCardProps, PisellAvatar, type PisellBasicCardProps, MemoizedPisellBasicGrid as PisellBasicGrid, type PisellBasicGridProps, PisellBatchActionBar, type PisellBatchActionBarProps, PisellCard, _default$9 as PisellCardList, type PisellCardPickerCardMeta, type PisellCardPickerCategoryConfig, type PisellCardPickerCategoryLevelConfig, type PisellCardPickerCategoryMode, type PisellCardPickerCategoryPath, type PisellCardPickerItem, type PisellCardPickerMode, PisellCards, PisellCheckboxGroup, PisellConfigProvider, PisellContainer, PisellContent, PisellContext, PisellCountdown, MemoizedPisellCurrency as PisellCurrency, type PisellCurrencyProps, PisellCustomCheckboxGroup, PisellDataSourceContainer, PisellDatePicker, _default$10 as PisellDateTimeDisplay, type PisellDateTimeDisplayProps, Demo as PisellDraggable, PisellDropSort, PisellDropdown, _default$11 as PisellEmail, type PisellEmailProps, PisellEmpty, PisellFields, PisellFilter, type PisellFilterProps, PisellFind, type PisellFindProps, type PisellFindRef, PisellFloatingPanel, PisellFloorMapLayout, type PisellFloorMapLayoutProps, type PisellFloorMapLayoutRef, PisellFooter, index as PisellGoodPassCard, PisellGridPro, GridView as PisellGridView, PisellHeader, PisellHeaderProgressBar, PisellHierarchicalSummaryList, type PisellHierarchicalSummaryListAggregateConfig, type PisellHierarchicalSummaryListAggregateMode, type PisellHierarchicalSummaryListItem, type PisellHierarchicalSummaryListKey, type PisellHierarchicalSummaryListLevelConfig, type PisellHierarchicalSummaryListProps, Provider$2 as PisellImageCard, type PisellImageCardProps, PisellImageCarousels, PisellInformationEntry, PisellInput, PisellLayout, type PisellLayoutProps, PisellLayouts, PisellList01, PisellLoading, _default$12 as PisellLongText, type PisellLongTextProps, PisellLookup, type PisellLookupProps, type PisellLookupRef, PisellMenu, type PisellMenuProps, PisellMetricCard, type PisellMetricCardProps, PisellMetrics, PisellMobileDateRangePicker, type PisellMobileDateRangePickerProps, PisellModal, PisellMultipleSelect, type PisellMultipleSelectProps, PisellNavigationMenu, MemoizedPisellNumber as PisellNumber, Number as PisellNumberKeyboard, type PisellNumberProps, MemoizedPisellPercent as PisellPercent, type PisellPercentProps, _default$13 as PisellPhone, type PisellPhoneProps, Amount as PisellPriceKeyboard, PisellProcedure, type PisellProcedureProps, type PisellProcedureRef, PisellQRScanner, type PisellQRScannerProps, PisellQrcode, pisellQuickFilter as PisellQuickFilter, type PisellQuickFilterProps, _default$14 as PisellRating, type PisellRatingProps, PisellRecordBoard, PisellRecordBoardCalendarView, type PisellRecordBoardCalendarViewProps, PisellRecordBoardResourceWallView, PisellReservationSchedule, PisellReservationScheduleBand, type PisellReservationScheduleBandProps, type PisellReservationScheduleProps, PisellRow, type PisellRowProps, PisellScan, PisellScrollView, type PisellScrollViewProps, PisellSectionHeaders, PisellShellFrame, type PisellShellFrameConfig, type PisellShellFrameProps, type PisellShellFrameScrollConfig, PisellSider, _default$15 as PisellSingleLineText, type PisellSingleLineTextProps, PisellSingleSelect, type PisellSingleSelectProps, PisellSort, type PisellSortProps, PisellStatisticList, type PisellStatisticProps, type PisellStepItem, PisellSteps, type PisellStepsProps, _default$16 as PisellSuperTabs, type PisellSuperTabsProps, PisellTabbar, PisellTabbar$1 as PisellTabbar2, type PisellTabbarProps, _default$17 as PisellTabbarTemplate1, PisellTags, PisellText, PisellTimeNavigator, type PisellTimeNavigatorProps, PisellTimeRangeDisplay, type PisellTimeRangeDisplayProps, PisellToast, Toolbar as PisellToolBar, PisellTooltip, PisellUpload, _default$18 as PisellUrl, type PisellUrlProps, PisellViewGrid, PisellWalletPassCard, type PisellWalletPassCardProps, Popconfirm, Popover, type PostShopFloorPlanBody, type ProcedureBodyProps, type ProcedureFooterProps, type ProcedureHeaderProps, ProductCard, ProfileMenu, Progress, PublishVersionModal, type PutShopFloorPlanBody, QRCode, RECORD_BOARD_PHONE_GRID_CLASS, Radio$1 as Radio, Rate, type RecordBoardBlockedTimeMergedRange, type RecordBoardBlockedTimePanelPayload, type RecordBoardBodyView, type RecordBoardBookingMoveDraft, type RecordBoardCalendarBlockedTimePayload, type RecordBoardCalendarBookingLike, type RecordBoardCalendarBookingRenderArgs, type RecordBoardCalendarDayOverlayBooking, type RecordBoardCalendarProps, type RecordBoardCalendarResource, type RecordBoardCalendarResourceRenderArgs, type RecordBoardCalendarSelectedFreeSlot, type RecordBoardCalendarTimelineHeaderGroup, type RecordBoardCalendarTimelineHeaderRenderContext, type RecordBoardChildComponentProps, type RecordBoardColumnType, type RecordBoardContextValue, type RecordBoardCreateBookingDayGroup, type RecordBoardCreateBookingFromSelectionPayload, type RecordBoardLayoutVariant, type RecordBoardProps, type RecordBoardResourceWallCardModel, type RecordBoardResourceWallLayoutPersist, type RecordBoardResourceWallProps, type RecordBoardToolBarProps, _default$19 as RecordView, type ReservationScheduleBandValue, type ReservationScheduleValue, Result, Row, SHOP_FLOOR_PLAN_DUPLICATE_CODE, SafeAreaTop, SectionFooters, Segmented, Select, SelectTime, type ShopFloorPlanByCodeRequestOptions, type ShopFloorPlanDetail, type ShopFloorPlanHttpAdapter, type ShopFloorPlanLayoutItem, type SingleSelectRef, Skeleton, SliderOuter as Slider, Sort, SortableList, Space, Spin, Statistic, Steps, SubmitButton, Switch$1 as Switch, Provider$3 as TabCard, type TabCardProps, type TabDataItem, type TabbarDataSource, _default$20 as Table, Tabs, Tag, Provider$4 as TextCard, type TimeNavigatorOrientation, type TimeNavigatorPassthroughProps, type TimeNavigatorValue, TimePicker$1 as TimePicker, type TimeRangeOption, Timeline, type ToolBarProps, Tooltip, Transfer, Translation$2 as Translation, Tree, TreeSelect, Typography, Upload$1 as Upload, type VenueWallAppearanceSlot, type VenueWallAppearanceTheme, type VenueWallStatusKey, type VenueWallStatusTone, type VenueWallStatusToneOverrides, VirtualInput, VirtualKeyboard, VirtualKeyboardTime, WalletCard, type WrapFloorMapOnSaveWithRemotePersistParams, adaptColumnsForPhoneLayout, buildCalendarHourSlotsFromRange, buildCalendarTimelineSlotStartsFromRange, buildFloorPlanPutBody, buildNameAsTitleExtensionsPatch, createShopFloorPlanClient, diffVenueWallStatusToneOverrides, findFloorMapRowByDataBinding, floorMapResourcePickerRecordSearchText, floorMapSavedConfigToRemotePatch, formatScheduleAtLabel, getBankCardTypeImg, getFigmaTableCardFromMerged, getFloorMapBindingPlaceholderReason, getFloorMapBuiltinShapeDef, getFloorMapCardPickerCategoryConfig, getFloorMapResourcePickerCardMeta, getHorizontalAxisSlotCount, getRangeBounds, getRenderItemByKindRoundTable, getRenderItemByKindTable, getVenueWallStatusToneMap, globalConfig, inferCanvasSizeFromScene, initFloorMapLayoutLocales, isElementNameAsTitleEnabled, isFloorMapBuiltinShapeElementKind, isFloorMapImageElementKind, isFloorPlanDuplicateCodeError, isHttpNotFoundError, isShopFloorPlanNotFoundResponse, loginAndRegister, mergeFloorMapLayoutPropsFromContext, mergeFloorPlanViewRemote, message, notification, parseLayoutFieldToViewConfigPatch, parseNestedPathSegments, pickFloorPlanDetail, pickReferenceDateContainingNow, _default$21 as pisellTimeNavigatorLocales, renderFigmaStyleRoundTableCard, renderFigmaStyleTableCard, renderFloorMapFallbackPlaceholder, resolveSceneElementDisplayTitle, sceneElementsToShopLayout, shopLayoutToSceneElements, useFloorMapLayoutContext, usePisellConfig, useRecordBoardContext, useRecordBoardShellBodyMeta, useShopFloorPlanSubscription, useToast, version, viewConfigToLayoutPayload, wrapFloorMapOnSaveWithRemotePersist };

package/lib/index.js

@@ -26,7 +26,9 @@ const require_index$7 = require("./components/PisellScrollView/index.js");
 const require_types = require("./components/pisellFloorMapLayout/types.js");
 const require_floorMapBuiltinShapes = require("./components/pisellFloorMapLayout/utils/floorMapBuiltinShapes.js");
 const require_floorMapElementKindUtils = require("./components/pisellFloorMapLayout/utils/floorMapElementKindUtils.js");
+const require_floorMapCanvasDisplay = require("./components/pisellFloorMapLayout/utils/floorMapCanvasDisplay.js");
 const require_floorMapElementNameAsTitle = require("./components/pisellFloorMapLayout/utils/floorMapElementNameAsTitle.js");
+const require_FloorMapZoneElement = require("./components/pisellFloorMapLayout/components/FloorMapZoneElement.js");
 const require_FloorMapImageElement = require("./components/pisellFloorMapLayout/components/FloorMapImageElement.js");
 const require_FloorMapBuiltinShapeElement = require("./components/pisellFloorMapLayout/components/FloorMapBuiltinShapeElement.js");
 const require_floorMapFallbackRender = require("./components/pisellFloorMapLayout/utils/floorMapFallbackRender.js");
@@ -40,6 +42,8 @@ const require_shopFloorPlanClient = require("./components/pisellFloorMapLayout/s
 const require_shopFloorPlanMapping = require("./components/pisellFloorMapLayout/shopFloorPlan/shopFloorPlanMapping.js");
 const require_useShopFloorPlanSubscription = require("./components/pisellFloorMapLayout/hooks/useShopFloorPlanSubscription.js");
 const require_floorMapRemotePersist = require("./components/pisellFloorMapLayout/utils/floorMapRemotePersist.js");
+const require_floorMapResourcePickerTypes = require("./components/pisellFloorMapLayout/utils/floorMapResourcePickerTypes.js");
+const require_floorMapResourcePickerDisplay = require("./components/pisellFloorMapLayout/utils/floorMapResourcePickerDisplay.js");
 const require_FigmaTableCard = require("./components/pisellFloorMapLayout/components/FigmaTableCard.js");
 const require_index$8 = require("./components/pisellLayout/index.js");
 const require_content = require("./components/pisellLayout/content.js");
@@ -340,10 +344,12 @@ exports.FLOOR_MAP_BUILTIN_SHAPES = require_floorMapBuiltinShapes.FLOOR_MAP_BUILT
 exports.FLOOR_MAP_BUILTIN_SHAPE_ELEMENT_KIND = require_types.FLOOR_MAP_BUILTIN_SHAPE_ELEMENT_KIND;
 exports.FLOOR_MAP_IMAGE_ELEMENT_KIND = require_types.FLOOR_MAP_IMAGE_ELEMENT_KIND;
 exports.FLOOR_MAP_STAGE_ELEMENT_KIND = require_types.FLOOR_MAP_STAGE_ELEMENT_KIND;
+exports.FLOOR_MAP_ZONE_ELEMENT_KIND = require_types.FLOOR_MAP_ZONE_ELEMENT_KIND;
 exports.Filter = require_index$41;
 exports.FloorMapBuiltinShapeElement = require_FloorMapBuiltinShapeElement.FloorMapBuiltinShapeElement;
 exports.FloorMapImageElement = require_FloorMapImageElement.FloorMapImageElement;
 exports.FloorMapLayoutProvider = require_FloorMapLayoutContext.FloorMapLayoutProvider;
+exports.FloorMapZoneElement = require_FloorMapZoneElement.FloorMapZoneElement;
 exports.Form = require_index$81;
 exports.FormGroup = require_index$83;
 exports.FormItemCheckbox = require_index$93;
@@ -640,12 +646,15 @@ exports.buildNameAsTitleExtensionsPatch = require_floorMapElementNameAsTitle.bui
 exports.createShopFloorPlanClient = require_shopFloorPlanClient.createShopFloorPlanClient;
 exports.diffVenueWallStatusToneOverrides = require_venueWallUtils.diffVenueWallStatusToneOverrides;
 exports.findFloorMapRowByDataBinding = require_floorMapDataBindingUtils.findFloorMapRowByDataBinding;
+exports.floorMapResourcePickerRecordSearchText = require_floorMapResourcePickerDisplay.floorMapResourcePickerRecordSearchText;
 exports.floorMapSavedConfigToRemotePatch = require_shopFloorPlanPure.floorMapSavedConfigToRemotePatch;
 exports.formatScheduleAtLabel = require_formatScheduleAtLabel.formatScheduleAtLabel;
 exports.getBankCardTypeImg = require_utils.getBankCardTypeImg;
 exports.getFigmaTableCardFromMerged = require_FigmaTableCard.getFigmaTableCardFromMerged;
 exports.getFloorMapBindingPlaceholderReason = require_floorMapDataBindingUtils.getFloorMapBindingPlaceholderReason;
 exports.getFloorMapBuiltinShapeDef = require_floorMapBuiltinShapes.getFloorMapBuiltinShapeDef;
+exports.getFloorMapCardPickerCategoryConfig = require_floorMapResourcePickerDisplay.getFloorMapCardPickerCategoryConfig;
+exports.getFloorMapResourcePickerCardMeta = require_floorMapResourcePickerDisplay.getFloorMapResourcePickerCardMeta;
 exports.getHorizontalAxisSlotCount = require_index$53.getHorizontalAxisSlotCount;
 exports.getRangeBounds = require_index$53.getRangeBounds;
 exports.getRenderItemByKindRoundTable = require_FigmaTableCard.getRenderItemByKindRoundTable;
@@ -653,6 +662,7 @@ exports.getRenderItemByKindTable = require_FigmaTableCard.getRenderItemByKindTab
 exports.getVenueWallStatusToneMap = require_venueWallUtils.getVenueWallStatusToneMap;
 exports.globalConfig = require_context.globalConfig;
 exports.inferCanvasSizeFromScene = require_shopFloorPlanPure.inferCanvasSizeFromScene;
+exports.initFloorMapLayoutLocales = require_floorMapCanvasDisplay.initFloorMapLayoutLocales;
 exports.isElementNameAsTitleEnabled = require_floorMapElementNameAsTitle.isElementNameAsTitleEnabled;
 exports.isFloorMapBuiltinShapeElementKind = require_floorMapElementKindUtils.isFloorMapBuiltinShapeElementKind;
 exports.isFloorMapImageElementKind = require_floorMapElementKindUtils.isFloorMapImageElementKind;
@@ -675,6 +685,7 @@ Object.defineProperty(exports, "notification", {
 	}
 });
 exports.parseLayoutFieldToViewConfigPatch = require_shopFloorPlanPure.parseLayoutFieldToViewConfigPatch;
+exports.parseNestedPathSegments = require_floorMapResourcePickerTypes.parseNestedPathSegments;
 exports.pickFloorPlanDetail = require_shopFloorPlanPure.pickFloorPlanDetail;
 exports.pickReferenceDateContainingNow = require_index$53.pickReferenceDateContainingNow;
 exports.pisellTimeNavigatorLocales = require_locales;