@pisell/private-materials 6.12.160 → 6.12.162

package/es/pro/Selector/Selector.js

@@ -91,23 +91,28 @@ const Selector = forwardRef((props, ref) => {
 		if (props.showStepper === false) return null;
 		if ((props.showStepper === "auto" || props.showStepper === void 0) && !showQuantity) return null;
 		return /* @__PURE__ */ React.createElement(NumericStepper, _objectSpread2(_objectSpread2({}, props.stepperProps || {}), {}, {
-			min: option.effectiveMin,
+			min: 0,
 			max: option.effectiveMax,
 			value: option.quantity,
 			disabled: disabled || option.disabled,
-			onChange: (value) => {
-				actions.update(option._key, { quantity: value });
+			onChange: (value, meta) => {
+				const initialQuantity = Math.max(1, Number((option === null || option === void 0 ? void 0 : option.effectiveMin) || 0));
+				let nextQuantity = value;
+				if ((meta === null || meta === void 0 ? void 0 : meta.action) === "increase" && option.quantity <= 0) nextQuantity = initialQuantity;
+				else if ((meta === null || meta === void 0 ? void 0 : meta.action) === "decrease" && initialQuantity > 1 && option.quantity === initialQuantity && value < initialQuantity) nextQuantity = 0;
+				actions.update(option._key, { quantity: nextQuantity });
 			}
 		}));
 	};
 	const renderOption = (option) => {
-		var _option$ruleConfig$mi, _option$ruleConfig, _ruleConfig$min, _option$ruleConfig$ma, _option$ruleConfig2;
+		var _option$ruleConfig$mi, _option$ruleConfig, _ruleConfig$min, _option$ruleConfig2;
 		const optionItemValue = Array.isArray(state.values) ? state.values.find((item) => (item === null || item === void 0 ? void 0 : item.value) === option._key) : [state.values].find((item) => (item === null || item === void 0 ? void 0 : item.value) === option._key);
 		if (React.isValidElement(renderItem)) return renderItem;
 		const configMin = (_option$ruleConfig$mi = option === null || option === void 0 || (_option$ruleConfig = option.ruleConfig) === null || _option$ruleConfig === void 0 ? void 0 : _option$ruleConfig.min) !== null && _option$ruleConfig$mi !== void 0 ? _option$ruleConfig$mi : 0;
 		const groupMin = (_ruleConfig$min = ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.min) !== null && _ruleConfig$min !== void 0 ? _ruleConfig$min : 0;
 		const effectiveMin = options.length < 2 && groupMin > 0 ? groupMin : configMin;
-		const configMax = (_option$ruleConfig$ma = option === null || option === void 0 || (_option$ruleConfig2 = option.ruleConfig) === null || _option$ruleConfig2 === void 0 ? void 0 : _option$ruleConfig2.max) !== null && _option$ruleConfig$ma !== void 0 ? _option$ruleConfig$ma : Number.MAX_SAFE_INTEGER;
+		const configuredMax = option === null || option === void 0 || (_option$ruleConfig2 = option.ruleConfig) === null || _option$ruleConfig2 === void 0 ? void 0 : _option$ruleConfig2.max;
+		const configMax = typeof configuredMax === "number" && configuredMax > 0 ? configuredMax : Number.MAX_SAFE_INTEGER;
 		const effectiveMax = remainingCount !== void 0 ? Math.min(remainingCount + (option.quantity || 0), configMax) : configMax;
 		option.effectiveMin = effectiveMin;
 		option.effectiveMax = effectiveMax;
@@ -159,7 +164,7 @@ const Selector = forwardRef((props, ref) => {
 		const { required = false } = ruleConfig || {};
 		if (!required) return null;
 		const style = { borderRadius: 16 };
-		if (errors.find((item) => item.type === "required" || item.type === "min")) return /* @__PURE__ */ React.createElement(ATag, {
+		if (errors.find((item) => item.type === "required" || item.type === "min" || item.type === "minTypes")) return /* @__PURE__ */ React.createElement(ATag, {
 			className: "pisell-pro-selector_required-tag",
 			icon: /* @__PURE__ */ React.createElement(ExclamationCircleOutlined, null),
 			color: "error",

package/es/pro/Selector/hooks/useSelectionController.js

@@ -4,6 +4,24 @@ import { useCallback, useMemo, useRef, useState } from "react";
 import { locales } from "@pisell/utils";
 import { useControllableValue } from "ahooks";
 //#region src/pro/Selector/hooks/useSelectionController.ts
+const normalizeSelectionQuantity = (quantity) => {
+	if (quantity === null || quantity === void 0) return 1;
+	const normalizedQuantity = Number(quantity);
+	return Number.isFinite(normalizedQuantity) ? normalizedQuantity : 1;
+};
+const normalizeSelectionValues = (values) => {
+	if (values === null || values === void 0) return [];
+	return (Array.isArray(values) ? values : [values]).map((item) => {
+		if (typeof item === "object" && item !== null) return _objectSpread2(_objectSpread2({}, item), {}, {
+			value: item.value,
+			quantity: normalizeSelectionQuantity(item.quantity)
+		});
+		return {
+			value: item,
+			quantity: 1
+		};
+	});
+};
 function useSelectionController(props) {
 	const { dataSource = [], ruleConfig, fieldNames, mode = "single", valueType = "primitive" } = props || {};
 	const [values, setValues] = useControllableValue(props);
@@ -38,48 +56,34 @@ function useSelectionController(props) {
 		return map;
 	}, [mutexGroups]);
 	const normalizedValues = useMemo(() => {
-		if (!values) return [];
-		if (Array.isArray(values)) return values.map((item) => {
-			if (typeof item === "object" && item !== null) return _objectSpread2(_objectSpread2({}, item), {}, {
-				value: item.value,
-				quantity: item.quantity || 1
-			});
-			return {
-				value: item,
-				quantity: 1
-			};
-		});
-		if (typeof values === "object" && values !== null) {
-			const objValue = values;
-			return [_objectSpread2(_objectSpread2({}, objValue), {}, {
-				value: objValue.value,
-				quantity: objValue.quantity || 1
-			})];
-		}
-		return [{
-			value: values,
-			quantity: 1
-		}];
+		return normalizeSelectionValues(values);
 	}, [values]);
 	const quantityInfo = useMemo(() => {
-		const selectedCount = normalizedValues.reduce((sum, item) => sum + (item.quantity || 0), 0);
+		const positiveValues = normalizedValues.filter((item) => Number(item.quantity) > 0);
+		const selectedCount = positiveValues.reduce((sum, item) => sum + Number(item.quantity), 0);
+		const selectedTypeCount = new Set(positiveValues.map((item) => item.value)).size;
 		const showQuantity = (Array.isArray(dataSource) ? dataSource : dataSource || []).some((opt) => {
 			var _opt$ruleConfig, _opt$ruleConfig2;
-			return typeof (opt === null || opt === void 0 || (_opt$ruleConfig = opt.ruleConfig) === null || _opt$ruleConfig === void 0 ? void 0 : _opt$ruleConfig.max) === "number" && opt.ruleConfig.max > 1 || typeof (opt === null || opt === void 0 || (_opt$ruleConfig2 = opt.ruleConfig) === null || _opt$ruleConfig2 === void 0 ? void 0 : _opt$ruleConfig2.min) === "number" && opt.ruleConfig.min > 1;
+			return typeof (opt === null || opt === void 0 || (_opt$ruleConfig = opt.ruleConfig) === null || _opt$ruleConfig === void 0 ? void 0 : _opt$ruleConfig.max) === "number" && (opt.ruleConfig.max === 0 || opt.ruleConfig.max > 1) || typeof (opt === null || opt === void 0 || (_opt$ruleConfig2 = opt.ruleConfig) === null || _opt$ruleConfig2 === void 0 ? void 0 : _opt$ruleConfig2.min) === "number" && opt.ruleConfig.min > 1;
 		});
 		return {
 			maxReached: typeof (ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max) === "number" && ruleConfig.max > 0 && selectedCount >= ruleConfig.max,
 			showQuantity,
 			remainingCount: typeof (ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max) === "number" && ruleConfig.max > 0 ? Math.max(0, ruleConfig.max - selectedCount) : Infinity,
-			selectedCount
+			selectedCount,
+			selectedTypeCount,
+			typeMaxReached: mode === "multiple" && typeof (ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.maxTypes) === "number" && ruleConfig.maxTypes > 0 && selectedTypeCount >= ruleConfig.maxTypes,
+			remainingTypeCount: typeof (ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.maxTypes) === "number" && ruleConfig.maxTypes > 0 ? Math.max(0, ruleConfig.maxTypes - selectedTypeCount) : Infinity
 		};
 	}, [
 		normalizedValues,
 		dataSource,
-		ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max
+		mode,
+		ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max,
+		ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.maxTypes
 	]);
 	const getOptionState = useCallback((optionKey) => {
-		const found = normalizedValues.find((item) => item.value === optionKey);
+		const found = normalizedValues.find((item) => item.value === optionKey && Number(item.quantity) > 0);
 		return {
 			selected: !!found,
 			quantity: (found === null || found === void 0 ? void 0 : found.quantity) || 0
@@ -88,59 +92,51 @@ function useSelectionController(props) {
 	const options = useMemo(() => {
 		return normalizedOptions.map((option) => {
 			const state = getOptionState(option._key);
-			const disabled = quantityInfo.maxReached && !(mode === "single" && (ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max) === 1) && !state.selected;
+			const disabledByTotalLimit = quantityInfo.maxReached && !(mode === "single" && (ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max) === 1) && !state.selected;
+			const disabledByTypeLimit = mode === "multiple" && quantityInfo.typeMaxReached && !state.selected;
 			return _objectSpread2(_objectSpread2({}, option), {}, {
 				selected: state.selected,
 				quantity: state.quantity,
-				disabled: option.disabled || disabled
+				disabled: option.disabled || disabledByTotalLimit || disabledByTypeLimit
 			});
 		});
 	}, [
 		normalizedOptions,
 		getOptionState,
 		quantityInfo.maxReached,
+		quantityInfo.typeMaxReached,
 		mode,
 		ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max
 	]);
 	const validate = function() {
 		var _ref = _asyncToGenerator(function* () {
 			const errors = [];
-			const { required, min, max, customValidator } = ruleConfig || {};
+			const { required, min, max, minTypes, maxTypes, customValidator } = ruleConfig || {};
 			const values = valuesRef.current;
-			let currentNormalizedValues = [];
-			if (values) if (Array.isArray(values)) currentNormalizedValues = values.map((item) => {
-				if (typeof item === "object" && item !== null) return _objectSpread2(_objectSpread2({}, item), {}, {
-					value: item.value,
-					quantity: item.quantity || 1
-				});
-				return {
-					value: item,
-					quantity: 1
-				};
-			});
-			else if (typeof values === "object" && values !== null) {
-				const objValue = values;
-				currentNormalizedValues = [_objectSpread2(_objectSpread2({}, objValue), {}, {
-					value: objValue.value,
-					quantity: objValue.quantity || 1
-				})];
-			} else currentNormalizedValues = [{
-				value: values,
-				quantity: 1
-			}];
-			const totalQuantity = currentNormalizedValues.reduce((sum, item) => sum + (item.quantity || 0), 0);
+			const currentNormalizedValues = normalizeSelectionValues(values);
+			const positiveValues = currentNormalizedValues.filter((item) => Number(item.quantity) > 0);
+			const totalQuantity = positiveValues.reduce((sum, item) => sum + Number(item.quantity), 0);
+			const selectedTypeCount = new Set(positiveValues.map((item) => item.value)).size;
 			if (required && totalQuantity < 1) errors.push({
 				type: "required",
 				message: locales.getText("pisell2.pro.selector.validate.required-msg")
 			});
-			if (typeof min === "number" && totalQuantity < min) errors.push({
+			if (typeof min === "number" && min > 0 && totalQuantity < min) errors.push({
 				type: "min",
 				message: locales.getText("pisell2.pro.selector.validate.min-selection")(min)
 			});
-			if (typeof max === "number" && totalQuantity > max) errors.push({
+			if (typeof max === "number" && max > 0 && totalQuantity > max) errors.push({
 				type: "max",
 				message: locales.getText("pisell2.pro.selector.validate.max-selection")(max)
 			});
+			if (typeof minTypes === "number" && minTypes > 0 && selectedTypeCount < minTypes) errors.push({
+				type: "minTypes",
+				message: locales.getText("pisell2.pro.selector.validate.min-types")(minTypes)
+			});
+			if (typeof maxTypes === "number" && maxTypes > 0 && selectedTypeCount > maxTypes) errors.push({
+				type: "maxTypes",
+				message: locales.getText("pisell2.pro.selector.validate.max-types")(maxTypes)
+			});
 			options.forEach((option) => {
 				var _option$ruleConfig, _option$ruleConfig2;
 				const _optionVal = currentNormalizedValues.find((item) => item.value === option._key);
@@ -148,19 +144,19 @@ function useSelectionController(props) {
 				const { _label } = option;
 				const _min = option === null || option === void 0 || (_option$ruleConfig = option.ruleConfig) === null || _option$ruleConfig === void 0 ? void 0 : _option$ruleConfig.min;
 				const _max = option === null || option === void 0 || (_option$ruleConfig2 = option.ruleConfig) === null || _option$ruleConfig2 === void 0 ? void 0 : _option$ruleConfig2.max;
-				if (typeof _min === "number" && quantity < _min) errors.push({
+				if (quantity > 0 && typeof _min === "number" && _min > 0 && quantity < _min) errors.push({
 					type: "optionMin",
 					message: locales.getText("pisell2.pro.selector.validate.min-selection")(_min, _label),
 					_key: option._key
 				});
-				if (typeof _max === "number" && quantity > _max) errors.push({
+				if (typeof _max === "number" && _max > 0 && quantity > _max) errors.push({
 					type: "optionMax",
 					message: locales.getText("pisell2.pro.selector.validate.max-selection")(_max, _label),
 					_key: option._key
 				});
 			});
 			if (mutexGroups.length > 0) {
-				const selectedKeys = (Array.isArray(values) ? values : values ? [values] : []).map((v) => typeof v === "object" && v !== null ? v.value : v);
+				const selectedKeys = positiveValues.map((item) => item.value);
 				mutexGroups.forEach((group) => {
 					if (selectedKeys.filter((k) => group.includes(k)).length > 1) errors.push({
 						type: "mutex",
@@ -210,10 +206,7 @@ function useSelectionController(props) {
 		} else {
 			if (existingIndex >= 0) newNormalizedValues[existingIndex] = _objectSpread2(_objectSpread2({}, newNormalizedValues[existingIndex]), data);
 			else {
-				const newItem = _objectSpread2({
-					value: optionKey,
-					quantity: data.quantity || 1
-				}, data);
+				const newItem = _objectSpread2(_objectSpread2({ value: optionKey }, data), {}, { quantity: normalizeSelectionQuantity(data === null || data === void 0 ? void 0 : data.quantity) });
 				if (mode === "single") newNormalizedValues = [newItem];
 				else newNormalizedValues.push(newItem);
 			}

package/es/pro/Selector/locales.js

@@ -8,6 +8,8 @@ var locales_default = {
 		"pisell2.pro.selector.required-tag": "Required",
 		"pisell2.pro.selector.validate.min-selection": (min, label) => `Select at least ${min}${label ? " " + label : ""}`,
 		"pisell2.pro.selector.validate.max-selection": (max, label) => `Select at most ${max}${label ? " " + label : ""}`,
+		"pisell2.pro.selector.validate.min-types": (min) => `Select at least ${min} option types`,
+		"pisell2.pro.selector.validate.max-types": (max) => `Select at most ${max} option types`,
 		"pisell2.pro.selector.tip.require-one-option": "Choose 1",
 		"pisell2.pro.selector.tip.min-max-selection": (min, max) => {
 			if (min === max && min > 0) return `Choose ${min}`;
@@ -25,6 +27,8 @@ var locales_default = {
 		"pisell2.pro.selector.required-tag": "必选",
 		"pisell2.pro.selector.validate.min-selection": (min, label) => `至少选 ${min} 个${label ? " " + label : ""}`,
 		"pisell2.pro.selector.validate.max-selection": (max, label) => `最多选 ${max} 个${label ? " " + label : ""}`,
+		"pisell2.pro.selector.validate.min-types": (min) => `至少选择 ${min} 种选项`,
+		"pisell2.pro.selector.validate.max-types": (max) => `最多选择 ${max} 种选项`,
 		"pisell2.pro.selector.tip.require-one-option": "需选 1 项",
 		"pisell2.pro.selector.tip.min-max-selection": (min, max) => {
 			if (min === max && min > 0) return `需选 ${min} 个`;
@@ -42,6 +46,8 @@ var locales_default = {
 		"pisell2.pro.selector.required-tag": "必選",
 		"pisell2.pro.selector.validate.min-selection": (min, label) => `至少選 ${min} 個${label ? " " + label : ""}`,
 		"pisell2.pro.selector.validate.max-selection": (max, label) => `最多選 ${max} 個${label ? " " + label : ""}`,
+		"pisell2.pro.selector.validate.min-types": (min) => `至少選擇 ${min} 種選項`,
+		"pisell2.pro.selector.validate.max-types": (max) => `最多選擇 ${max} 種選項`,
 		"pisell2.pro.selector.tip.require-one-option": "需選 1 項",
 		"pisell2.pro.selector.tip.min-max-selection": (min, max) => {
 			if (min === max && min > 0) return `需選 ${min} 個`;
@@ -59,6 +65,8 @@ var locales_default = {
 		"pisell2.pro.selector.required-tag": "必須",
 		"pisell2.pro.selector.validate.min-selection": (min, label) => `少なくとも${min}${label ? " " + label : ""}を選択`,
 		"pisell2.pro.selector.validate.max-selection": (max, label) => `最大${max}${label ? " " + label : ""}を選択`,
+		"pisell2.pro.selector.validate.min-types": (min) => `少なくとも${min}種類のオプションを選択してください`,
+		"pisell2.pro.selector.validate.max-types": (max) => `選択できるオプションは最大${max}種類です`,
 		"pisell2.pro.selector.tip.require-one-option": "1つ選択",
 		"pisell2.pro.selector.tip.min-max-selection": (min, max) => {
 			if (min === max && min > 0) return `${min}つ選択`;
@@ -76,6 +84,8 @@ var locales_default = {
 		"pisell2.pro.selector.required-tag": "Obrigatório",
 		"pisell2.pro.selector.validate.min-selection": (min, label) => `Selecione pelo menos ${min}${label ? " " + label : ""}`,
 		"pisell2.pro.selector.validate.max-selection": (max, label) => `Selecione no máximo ${max}${label ? " " + label : ""}`,
+		"pisell2.pro.selector.validate.min-types": (min) => `Selecione pelo menos ${min} tipos de opção`,
+		"pisell2.pro.selector.validate.max-types": (max) => `Selecione no máximo ${max} tipos de opção`,
 		"pisell2.pro.selector.tip.require-one-option": "Escolha 1",
 		"pisell2.pro.selector.tip.min-max-selection": (min, max) => {
 			if (min === max && min > 0) return `Escolha ${min}`;

package/es/pro/Selector/types.d.ts

@@ -8,6 +8,8 @@ interface RuleConfig {
   required?: 0 | 1;
   min?: number;
   max?: number;
+  minTypes?: number;
+  maxTypes?: number;
   mutex?: Array<Array<OptionKey>>;
   customValidator?: (value: SelectionValue) => Promise<void>;
 }
@@ -63,6 +65,9 @@ type RenderItemProps = {
     maxReached: boolean;
     remainingCount: number;
     selectedCount: number;
+    selectedTypeCount: number;
+    typeMaxReached: boolean;
+    remainingTypeCount: number;
   };
 };
 type ItemProps = {

package/es/pro/skuDetailModal/index.js

@@ -1673,7 +1673,7 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 			}, isMobile && (skuDetailConfig === null || skuDetailConfig === void 0 ? void 0 : skuDetailConfig.isShowProductSummary) ? showProductDetailsCollapsible ? /* @__PURE__ */ React.createElement(SkuDetailCollapsibleSection, {
 				key: `details-${selectionFlowInstanceKey}`,
 				title: locales.getText("pisell2.text.sku.detail.modal.section.details"),
-				defaultExpanded: false
+				defaultExpanded: isKioskPlatform
 			}, renderProductDetails()) : renderProductSummary() : null, shouldRenderMobileWeighing ? /* @__PURE__ */ React.createElement("div", { className: "sku-detail-mobile-weighing" }, renderWeighingSection()) : null, /* @__PURE__ */ React.createElement(PisellSelectionFlow, {
 				key: selectionFlowInstanceKey,
 				ref: selectionFlowRef,
@@ -1758,7 +1758,7 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 			key: `details-${selectionFlowInstanceKey}`,
 			className: "sku-detail-collapsible-section--product-details",
 			title: locales.getText("pisell2.text.sku.detail.modal.section.details"),
-			defaultExpanded: false
+			defaultExpanded: isKioskPlatform
 		}, renderProductDetails()) : mobileProductDetails, shouldRenderMobileWeighing ? /* @__PURE__ */ React.createElement("div", { className: "sku-detail-mobile-weighing" }, renderWeighingSection()) : null, shouldRenderSkuSelection ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SKUOptionsSelection, {
 			ref: skuOptionsSelectionRef,
 			dataSource: productData,
@@ -1821,8 +1821,8 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 			footer: variant === "phone" ? leftContent({ showTop: false }) : null,
 			closable: false,
 			destroyOnClose: true,
-			style: { maxHeight: variant === "phone" ? "99dvh" : void 0 },
-			height: variant === "phone" ? "auto" : void 0,
+			style: { maxHeight: isKioskPlatform ? "100%" : variant === "phone" ? "99dvh" : void 0 },
+			height: isKioskPlatform ? "100%" : variant === "phone" ? "auto" : void 0,
 			styles: isKioskPlatform ? { content: { height: "100%" } } : void 0,
 			width: variant === "phone" ? "100%" : "80%",
 			className: classNames({

package/es/pro/skuDetailModal/types.d.ts

@@ -315,6 +315,7 @@ interface ProductData {
   over_sold: number;
   is_gst: number;
   code: string;
+  production_code?: string;
   barcode: string;
   is_delivery: number;
   weight_unit: WeightUnitName;

package/lib/components/bigSale/components/ProductList/index.js

@@ -7,6 +7,7 @@ const require_useInitLocalesOnce = require("../../../../hooks/useInitLocalesOnce
 const require_index = require("../../../../plus/productSelect/ProductCard/index.js");
 const require_ProductCardV2 = require("../../../../plus/productSelect/ProductCard/ProductCardV2.js");
 const require_useLocale = require("../../../../hooks/useLocale.js");
+const require_useLogger = require("../../../../hooks/useLogger.js");
 const require_List = require("../../../list/List.js");
 const require_utils$1 = require("../../../ticketBooking/components/ProductDisplayAdapter/utils.js");
 const require_showAddToCartToast = require("../../../../plus/salesSdk/components/showAddToCartToast.js");
@@ -136,6 +137,7 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 		addToCartToastOptions === null || addToCartToastOptions === void 0 ? void 0 : addToCartToastOptions.duration
 	]);
 	const locale = require_useLocale.default();
+	const logger = require_useLogger.default();
 	const { sales, products, cart } = context;
 	const { load } = products;
 	const [keyword, setKeyword] = (0, react.useState)("");
@@ -303,17 +305,26 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 	* handleSelectProduct(productItem);
 	*/
 	const handleSelectProduct = (0, ahooks.useMemoizedFn)(function() {
-		var _ref4 = require_asyncToGenerator._asyncToGenerator(function* (product) {
+		var _ref5 = require_asyncToGenerator._asyncToGenerator(function* (product) {
 			var _ref3, _product$id;
 			const handlesKioskToastAfterResult = productCardVersion === "v2" && !usesV2ProductCard;
 			const productId = String((_ref3 = (_product$id = product === null || product === void 0 ? void 0 : product.id) !== null && _product$id !== void 0 ? _product$id : product === null || product === void 0 ? void 0 : product.product_id) !== null && _ref3 !== void 0 ? _ref3 : "");
 			const baselineQuantity = phoneCartProductEntries.filter((entry) => resolvePhoneCartProductId(entry.value) === productId).reduce((total, entry) => total + entry.quantity, 0);
 			try {
-				var _sales$tempOrder3;
+				var _sales$tempOrder3, _logger$addLog, _ref4, _sales$tempOrder$orde, _sales$tempOrder4;
 				if (!sales.isReady) return;
 				if (requiredOrderId !== void 0 && Number((_sales$tempOrder3 = sales.tempOrder) === null || _sales$tempOrder3 === void 0 ? void 0 : _sales$tempOrder3.order_id) !== Number(requiredOrderId)) return;
 				const latestProduct = currentProducts.find((currentProduct) => currentProduct.id === product.id);
 				latestProduct && require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, product), {}, { cartDetailValue: latestProduct.cartDetailValue });
+				logger === null || logger === void 0 || (_logger$addLog = logger.addLog) === null || _logger$addLog === void 0 || _logger$addLog.call(logger, {
+					type: "info",
+					title: "[BigSaleProductList] 用户点击商品卡片加入购物车",
+					metadata: {
+						product_id: productId,
+						product_title: resolvePhoneProductTitle(product),
+						order_id: (_ref4 = (_sales$tempOrder$orde = (_sales$tempOrder4 = sales.tempOrder) === null || _sales$tempOrder4 === void 0 ? void 0 : _sales$tempOrder4.order_id) !== null && _sales$tempOrder$orde !== void 0 ? _sales$tempOrder$orde : requiredOrderId) !== null && _ref4 !== void 0 ? _ref4 : null
+					}
+				});
 				const result = yield cart.addProductWithFlow(product, {
 					quantity: 1,
 					notShowToast: handlesKioskToastAfterResult
@@ -325,7 +336,7 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 			}
 		});
 		return function(_x) {
-			return _ref4.apply(this, arguments);
+			return _ref5.apply(this, arguments);
 		};
 	}());
 	const phoneCartProductEntries = (0, react.useMemo)(() => {
@@ -339,8 +350,8 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 			const productUid = resolvePhoneCartLineUid(booking === null || booking === void 0 || (_booking$_extend = booking._extend) === null || _booking$_extend === void 0 ? void 0 : _booking$_extend.product);
 			if (productUid) bookingProductUids.add(productUid);
 			((booking === null || booking === void 0 || (_booking$_extend2 = booking._extend) === null || _booking$_extend2 === void 0 ? void 0 : _booking$_extend2.mergedFrom) || []).forEach((source) => {
-				var _ref5, _source$booking$produ, _source$booking, _source$booking2;
-				const sourceUid = (_ref5 = (_source$booking$produ = source === null || source === void 0 || (_source$booking = source.booking) === null || _source$booking === void 0 ? void 0 : _source$booking.product_uid) !== null && _source$booking$produ !== void 0 ? _source$booking$produ : source === null || source === void 0 || (_source$booking2 = source.booking) === null || _source$booking2 === void 0 || (_source$booking2 = _source$booking2.metadata) === null || _source$booking2 === void 0 ? void 0 : _source$booking2.product_uid) !== null && _ref5 !== void 0 ? _ref5 : resolvePhoneCartLineUid(source === null || source === void 0 ? void 0 : source.product);
+				var _ref6, _source$booking$produ, _source$booking, _source$booking2;
+				const sourceUid = (_ref6 = (_source$booking$produ = source === null || source === void 0 || (_source$booking = source.booking) === null || _source$booking === void 0 ? void 0 : _source$booking.product_uid) !== null && _source$booking$produ !== void 0 ? _source$booking$produ : source === null || source === void 0 || (_source$booking2 = source.booking) === null || _source$booking2 === void 0 || (_source$booking2 = _source$booking2.metadata) === null || _source$booking2 === void 0 ? void 0 : _source$booking2.product_uid) !== null && _ref6 !== void 0 ? _ref6 : resolvePhoneCartLineUid(source === null || source === void 0 ? void 0 : source.product);
 				if (sourceUid !== void 0 && sourceUid !== null && sourceUid !== "") bookingProductUids.add(String(sourceUid));
 			});
 		});
@@ -354,10 +365,10 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 			quantity: resolvePhoneCartEntryQuantity(item)
 		}));
 		displayBookings.forEach((booking) => {
-			var _booking$_extend3, _ref6, _booking$_extend$disp, _booking$_extend4, _product$_extend, _product$product_id;
+			var _booking$_extend3, _ref7, _booking$_extend$disp, _booking$_extend4, _product$_extend, _product$product_id;
 			const product = booking === null || booking === void 0 || (_booking$_extend3 = booking._extend) === null || _booking$_extend3 === void 0 ? void 0 : _booking$_extend3.product;
 			if (!product || (product === null || product === void 0 ? void 0 : product._isGiftPromotion)) return;
-			const displayQuantity = (_ref6 = (_booking$_extend$disp = booking === null || booking === void 0 || (_booking$_extend4 = booking._extend) === null || _booking$_extend4 === void 0 ? void 0 : _booking$_extend4.displayQuantity) !== null && _booking$_extend$disp !== void 0 ? _booking$_extend$disp : product === null || product === void 0 || (_product$_extend = product._extend) === null || _product$_extend === void 0 ? void 0 : _product$_extend.displayQuantity) !== null && _ref6 !== void 0 ? _ref6 : product === null || product === void 0 ? void 0 : product.num;
+			const displayQuantity = (_ref7 = (_booking$_extend$disp = booking === null || booking === void 0 || (_booking$_extend4 = booking._extend) === null || _booking$_extend4 === void 0 ? void 0 : _booking$_extend4.displayQuantity) !== null && _booking$_extend$disp !== void 0 ? _booking$_extend$disp : product === null || product === void 0 || (_product$_extend = product._extend) === null || _product$_extend === void 0 ? void 0 : _product$_extend.displayQuantity) !== null && _ref7 !== void 0 ? _ref7 : product === null || product === void 0 ? void 0 : product.num;
 			const displayValue = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, product), {}, {
 				product_id: (_product$product_id = product === null || product === void 0 ? void 0 : product.product_id) !== null && _product$product_id !== void 0 ? _product$product_id : product === null || product === void 0 ? void 0 : product.id,
 				num: displayQuantity
@@ -401,9 +412,9 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 		show();
 	});
 	const addPhoneProductWithToast = (0, ahooks.useMemoizedFn)(function() {
-		var _ref8 = require_asyncToGenerator._asyncToGenerator(function* (product, quantity, type = "select", delayUntilModalClosed = false) {
-			var _ref7, _product$id2;
-			const productId = String((_ref7 = (_product$id2 = product === null || product === void 0 ? void 0 : product.id) !== null && _product$id2 !== void 0 ? _product$id2 : product === null || product === void 0 ? void 0 : product.product_id) !== null && _ref7 !== void 0 ? _ref7 : "");
+		var _ref9 = require_asyncToGenerator._asyncToGenerator(function* (product, quantity, type = "select", delayUntilModalClosed = false) {
+			var _ref8, _product$id2;
+			const productId = String((_ref8 = (_product$id2 = product === null || product === void 0 ? void 0 : product.id) !== null && _product$id2 !== void 0 ? _product$id2 : product === null || product === void 0 ? void 0 : product.product_id) !== null && _ref8 !== void 0 ? _ref8 : "");
 			const currentQuantity = phoneCartProductEntries.filter((entry) => resolvePhoneCartProductId(entry.value) === productId).reduce((total, entry) => total + entry.quantity, 0);
 			const result = yield cart.addProductWithFlow(product, {
 				type,
@@ -414,7 +425,7 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 			return result;
 		});
 		return function(_x2, _x3) {
-			return _ref8.apply(this, arguments);
+			return _ref9.apply(this, arguments);
 		};
 	}());
 	/**
@@ -425,10 +436,10 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 	* 这样不会为了“判断商品类型”预先渲染抽屉，同时保留异常商品数据的兜底能力。
 	*/
 	const addPhoneQuantityProductWithToast = (0, ahooks.useMemoizedFn)(function() {
-		var _ref10 = require_asyncToGenerator._asyncToGenerator(function* (product, quantity) {
-			var _ref9, _product$id3;
+		var _ref11 = require_asyncToGenerator._asyncToGenerator(function* (product, quantity) {
+			var _ref10, _product$id3;
 			if (!require_utils.isNormalProductByDurationSchedule(product)) return addPhoneProductWithToast(product, quantity);
-			const productId = String((_ref9 = (_product$id3 = product === null || product === void 0 ? void 0 : product.id) !== null && _product$id3 !== void 0 ? _product$id3 : product === null || product === void 0 ? void 0 : product.product_id) !== null && _ref9 !== void 0 ? _ref9 : "");
+			const productId = String((_ref10 = (_product$id3 = product === null || product === void 0 ? void 0 : product.id) !== null && _product$id3 !== void 0 ? _product$id3 : product === null || product === void 0 ? void 0 : product.product_id) !== null && _ref10 !== void 0 ? _ref10 : "");
 			const result = yield cart.addProduct(product, {
 				type: "select",
 				quantity
@@ -440,11 +451,11 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 			return addPhoneProductWithToast(product, quantity);
 		});
 		return function(_x4, _x5) {
-			return _ref10.apply(this, arguments);
+			return _ref11.apply(this, arguments);
 		};
 	}());
 	const handlePhoneProductCardChange = (0, ahooks.useMemoizedFn)(function() {
-		var _ref11 = require_asyncToGenerator._asyncToGenerator(function* (nextValue, _intent, meta) {
+		var _ref12 = require_asyncToGenerator._asyncToGenerator(function* (nextValue, _intent, meta) {
 			var _product$id4;
 			const product = meta === null || meta === void 0 ? void 0 : meta.product;
 			if (!product) return;
@@ -499,7 +510,7 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 			}
 		});
 		return function(_x6, _x7, _x8) {
-			return _ref11.apply(this, arguments);
+			return _ref12.apply(this, arguments);
 		};
 	}());
 	const { data: listData, listProps: configuredListProps, skuCardAllConfig } = productListConfig;
@@ -674,9 +685,9 @@ const BigSaleProductListInner = ({ isActive = true, osKey, productListPreference
 		setActiveTab([]);
 	});
 	const handleKioskSearchClose = (0, ahooks.useMemoizedFn)(() => {
-		var _ref12, _kioskSearchCategoryT;
+		var _ref13, _kioskSearchCategoryT;
 		cancelPendingCategoryTransition();
-		const categoryTabBeforeSearch = (_ref12 = (_kioskSearchCategoryT = kioskSearchCategoryTabRef.current) !== null && _kioskSearchCategoryT !== void 0 ? _kioskSearchCategoryT : lastCategoryTabRef.current) !== null && _ref12 !== void 0 ? _ref12 : defaultActiveTab;
+		const categoryTabBeforeSearch = (_ref13 = (_kioskSearchCategoryT = kioskSearchCategoryTabRef.current) !== null && _kioskSearchCategoryT !== void 0 ? _kioskSearchCategoryT : lastCategoryTabRef.current) !== null && _ref13 !== void 0 ? _ref13 : defaultActiveTab;
 		kioskSearchCategoryTabRef.current = void 0;
 		lastCategoryTabRef.current = categoryTabBeforeSearch;
 		setKeyword("");

package/lib/components/bigSale/index.js

@@ -50,7 +50,7 @@ const BigSaleHostRuntimeBridge = ({ runtimeRef }) => {
 /**
 * BigSale 入口：只创建 SalesSdkProvider 运行环境，UI 由 ResponsiveBigSaleBase 承载。
 */
-const BigSale = ({ osKey = DEFAULT_OS_KEY, osModuleName, selectionFlowScene, lifecycleOwner, orderId, autoBootstrap, autoRestoreOnInit, restoreOrderAfterPaidCheckout, destroyOnUnmount, businessCode, bookingConfigParams, otherParams, rulesHooks, uiHosts, normalProductDetailConfig, mergeBookingLinesForDisplay, mode = "ticket", variant, tmpl, template, secondaryScreenDisplay, productLoadParams, productDisplayConfig, hideSelectFloorMapResourceAction, productCatalogSessionKey, productCatalogReady, saleDetailTemplate, saleDetailModuleConfig, autoCreate = true, enableTempOrderPersist, enableTempOrderSync = true, isActive = true, preserveProductCatalogOnInactiveCustomerClear, enableGlobalScanListener = false, promotionScanSuccessMessageKey, promotionItemIncreaseMessageKey, className, style, bootstrapSlot, saleDetailHeaderSlot, rightActionBarClose, overlaySlot, onOrderComplete, externalActionRequest, onExternalActionAccepted, onExternalPaymentSettled }) => {
+const BigSale = ({ osKey = DEFAULT_OS_KEY, osModuleName, selectionFlowScene, lifecycleOwner, orderId, autoBootstrap, autoRestoreOnInit, restoreOrderAfterPaidCheckout, destroyOnUnmount, businessCode, bookingConfigParams, autoInitBookingContext, otherParams, rulesHooks, uiHosts, normalProductDetailConfig, mergeBookingLinesForDisplay, mode = "ticket", variant, tmpl, template, secondaryScreenDisplay, productLoadParams, productDisplayConfig, hideSelectFloorMapResourceAction, productCatalogSessionKey, productCatalogReady, saleDetailTemplate, saleDetailModuleConfig, autoCreate = true, enableTempOrderPersist, enableTempOrderSync = true, isActive = true, preserveProductCatalogOnInactiveCustomerClear, enableGlobalScanListener = false, promotionScanSuccessMessageKey, promotionItemIncreaseMessageKey, className, style, bootstrapSlot, saleDetailHeaderSlot, rightActionBarClose, overlaySlot, onOrderComplete, externalActionRequest, onExternalActionAccepted, onExternalPaymentSettled }) => {
 	var _context$appHelper, _context$appHelper2, _context$appHelper3, _ref;
 	const context = require_useEngineContext.default();
 	const action = context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.action;
@@ -75,7 +75,7 @@ const BigSale = ({ osKey = DEFAULT_OS_KEY, osModuleName, selectionFlowScene, lif
 		return resolvedTemplate === "kiosk" ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, selectionFlowConfig), {}, {
 			initializeFullBookingContext: false,
 			variant: "phone",
-			selectorColumns: variant === "phone" ? 1 : selectionFlowConfig === null || selectionFlowConfig === void 0 ? void 0 : selectionFlowConfig.selectorColumns,
+			selectorColumns: (selectionFlowConfig === null || selectionFlowConfig === void 0 ? void 0 : selectionFlowConfig.presentationPlatform) === "kiosk" ? 2 : 1,
 			isShowProductSummary: true,
 			isShowCollapsibleSections: true,
 			isShowMobileWeighing: true,
@@ -132,7 +132,7 @@ const BigSale = ({ osKey = DEFAULT_OS_KEY, osModuleName, selectionFlowScene, lif
 		restoreOrderAfterPaidCheckout,
 		businessCode,
 		bookingConfigParams,
-		autoInitBookingContext: false,
+		autoInitBookingContext,
 		otherParams,
 		shouldMergeProductLines,
 		rulesHooks,

package/lib/plus/saleDetail/components/CartItems/Editable/index.js

@@ -109,6 +109,7 @@ function useCartLineRowActions({ item, quantityLoading, cardAction, isShowRightA
 			text: /* @__PURE__ */ react.default.createElement(require_index$2.default, {
 				enablePriceAdjust: true,
 				min: 1,
+				width: "max-content",
 				className: "pisell-sale-detail-cart-items__quantity-selector",
 				value: getBookingQuantity(item),
 				disabled: quantityLoading,