@pisell/private-materials 6.11.650 → 6.11.652

package/es/pro/skuDetailModal/flow/modules/time/index.js

@@ -10,6 +10,7 @@ import { buildDraftCacheItem, getModuleOptions, getUnsupportedBookingFlowReason,
 import TimeResourceSelector from "../../../../../components/eventBooking/components/timeResourceSelector/index.js";
 import { resolveAvailabilityStatus } from "../../../../../components/eventBooking/components/bookingAvailabilityCalendar/utils.js";
 import { validateAvailabilityTimeAutoResolution } from "../autoResolution.js";
+import { getAvailabilityCandidateDurationMinutes, getSessionPresetCandidates, isFlexibleDurationValue, isSameAvailabilityCandidateRange, resolvePosCustomTimeBaseMinutes, resolvePosCustomTimeCandidate, resolvePosCustomTimeDefaultDurationMinutes, resolvePosCustomTimeDefaultStartTime, shouldShowPosCustomTimeCandidateCards } from "./posCustomTime.js";
 import dayjs from "dayjs";
 import React, { useEffect, useMemo } from "react";
 import { Alert, Space } from "antd";
@@ -95,7 +96,18 @@ const getProductDurationMinutes = (context) => {
 	const duration = (_normalizeDurationMin = normalizeDurationMinutesValue(product === null || product === void 0 ? void 0 : product.duration)) !== null && _normalizeDurationMin !== void 0 ? _normalizeDurationMin : normalizeDurationMinutesValue(product === null || product === void 0 ? void 0 : product.service_duration);
 	return duration ? Math.floor(duration) : null;
 };
-const isPosDurationAvailabilityContext = (context) => context.services.presentationPlatform === "pos" && getProductDurationMinutes(context) !== null;
+const isPosDurationAvailabilityContext = (context) => {
+	var _product$cartDetailVa2, _product$_extend2;
+	const product = context.draft.productData;
+	const isSession = Boolean(isSessionProduct(product) || (product === null || product === void 0 || (_product$cartDetailVa2 = product.cartDetailValue) === null || _product$cartDetailVa2 === void 0 ? void 0 : _product$cartDetailVa2.session) || (product === null || product === void 0 || (_product$_extend2 = product._extend) === null || _product$_extend2 === void 0 || (_product$_extend2 = _product$_extend2.other) === null || _product$_extend2 === void 0 ? void 0 : _product$_extend2.session));
+	return context.services.presentationPlatform === "pos" && !isSession && (getProductDurationMinutes(context) !== null || isFlexibleDurationValue(product === null || product === void 0 ? void 0 : product.duration));
+};
+const isPosSessionAvailabilityContext = (context) => {
+	var _product$cartDetailVa3, _product$_extend3;
+	const product = context.draft.productData;
+	return context.services.presentationPlatform === "pos" && Boolean(isSessionProduct(product) || (product === null || product === void 0 || (_product$cartDetailVa3 = product.cartDetailValue) === null || _product$cartDetailVa3 === void 0 ? void 0 : _product$cartDetailVa3.session) || (product === null || product === void 0 || (_product$_extend3 = product._extend) === null || _product$_extend3 === void 0 || (_product$_extend3 = _product$_extend3.other) === null || _product$_extend3 === void 0 ? void 0 : _product$_extend3.session));
+};
+const isPosCustomTimeAvailabilityContext = (context) => isPosDurationAvailabilityContext(context) || isPosSessionAvailabilityContext(context);
 const getDraftRangeDurationMinutes = (context) => {
 	const { startDate, endDate, startTime, endTime } = context.draft.booking;
 	const normalizedStartTime = normalizeStartTimeValue(startTime);
@@ -109,13 +121,13 @@ const getDraftRangeDurationMinutes = (context) => {
 };
 const getAvailabilityDurationOverride = (context, durationOverride) => {
 	var _ref, _ref2, _normalizeDurationMin2;
-	if (!isPosDurationAvailabilityContext(context)) return void 0;
+	if (!isPosCustomTimeAvailabilityContext(context)) return void 0;
 	const duration = (_ref = (_ref2 = (_normalizeDurationMin2 = normalizeDurationMinutesValue(durationOverride)) !== null && _normalizeDurationMin2 !== void 0 ? _normalizeDurationMin2 : normalizeDurationMinutesValue(context.draft.booking.duration)) !== null && _ref2 !== void 0 ? _ref2 : getDraftRangeDurationMinutes(context)) !== null && _ref !== void 0 ? _ref : getProductDurationMinutes(context);
 	return duration && duration > 0 ? Math.floor(duration) : void 0;
 };
 const getAvailabilityStartTimeOverride = (context, startTimeOverride) => {
 	var _normalizeStartTimeVa;
-	if (!isPosDurationAvailabilityContext(context)) return void 0;
+	if (!isPosCustomTimeAvailabilityContext(context)) return void 0;
 	return ((_normalizeStartTimeVa = normalizeStartTimeValue(startTimeOverride)) !== null && _normalizeStartTimeVa !== void 0 ? _normalizeStartTimeVa : normalizeStartTimeValue(context.draft.booking.startTime)) || void 0;
 };
 /**
@@ -150,20 +162,23 @@ const finalizeCandidateWithoutResourceStep = function() {
 	};
 }();
 const refreshAvailabilityTimes = function() {
-	var _ref4 = _asyncToGenerator(function* (context, module, durationOverride, startTimeOverride) {
-		var _context$getModuleDat2;
+	var _ref5 = _asyncToGenerator(function* (context, module, options = {}) {
+		var _context$getModuleDat2, _ref4;
+		const { durationOverride, startTimeOverride, selectionIntent = "restore" } = options;
 		const availability = context.services.availability;
 		const allowUnavailable = context.services.allowUnavailableBookingSelection === true;
 		const posDurationAvailability = isPosDurationAvailabilityContext(context);
+		const posSessionAvailability = isPosSessionAvailabilityContext(context);
+		const posCustomTimeAvailability = posDurationAvailability || posSessionAvailability;
 		const requestedDuration = getAvailabilityDurationOverride(context, durationOverride);
 		const requestedStartTime = getAvailabilityStartTimeOverride(context, startTimeOverride);
 		const selectedDate = context.draft.booking.startDate.format("YYYY-MM-DD");
 		const requestId = Date.now() + Math.random();
-		const posDurationHydrationKey = posDurationAvailability && requestedDuration && requestedStartTime ? `${selectedDate}|${requestedStartTime}|${requestedDuration}` : void 0;
+		const posCustomTimeHydrationKey = posCustomTimeAvailability && requestedDuration && requestedStartTime ? `${selectedDate}|${requestedStartTime}|${requestedDuration}` : void 0;
 		context.setModuleData(module.key, {
 			requestId,
 			timeSlots: [],
-			posDurationHydrationKey
+			posCustomTimeHydrationKey
 		});
 		const group = (yield availability.getProductTimeRanges(availability.contextId, _objectSpread2({
 			productIds: [availability.productId],
@@ -174,6 +189,39 @@ const refreshAvailabilityTimes = function() {
 			partySize: resolveSelectionFlowQueryPartySize(context.draft, availability.partySize)
 		}, requestedDuration ? _objectSpread2({ durationMinutesByProductId: { [String(availability.productId)]: requestedDuration } }, requestedStartTime ? { durationStartTimesByProductId: { [String(availability.productId)]: [requestedStartTime] } } : {}) : {}))).find((item) => String(item.productId) === String(availability.productId));
 		const candidates = (group === null || group === void 0 ? void 0 : group.ranges) || [];
+		const product = context.draft.productData;
+		if (posDurationAvailability && selectionIntent === "restore" && isFlexibleDurationValue(product === null || product === void 0 ? void 0 : product.duration)) {
+			var _context$hostContext, _moduleOptions$slice, _normalizeDurationMin3;
+			const moduleOptions = getModuleOptions(module);
+			const configuredSlice = (_context$hostContext = context.hostContext) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.bookingConfig) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.config) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.basic) === null || _context$hostContext === void 0 ? void 0 : _context$hostContext.service_time;
+			const fallbackSlice = (_moduleOptions$slice = moduleOptions.slice) !== null && _moduleOptions$slice !== void 0 ? _moduleOptions$slice : typeof configuredSlice === "object" ? configuredSlice === null || configuredSlice === void 0 ? void 0 : configuredSlice.value : configuredSlice;
+			const baseDurationMinutes = resolvePosCustomTimeBaseMinutes(group === null || group === void 0 ? void 0 : group.slotStepMinutes, fallbackSlice);
+			const nextStartTime = resolvePosCustomTimeDefaultStartTime(context.draft.booking.startTime, baseDurationMinutes);
+			const nextDuration = resolvePosCustomTimeDefaultDurationMinutes((_normalizeDurationMin3 = normalizeDurationMinutesValue(context.draft.booking.duration)) !== null && _normalizeDurationMin3 !== void 0 ? _normalizeDurationMin3 : context.draft.booking.duration, baseDurationMinutes);
+			const changedFields = [];
+			if (nextStartTime !== context.draft.booking.startTime) changedFields.push("booking.startTime");
+			if (nextDuration !== context.draft.booking.duration) changedFields.push("booking.duration");
+			if (context.draft.booking.selectedCandidate) changedFields.push("booking.selectedCandidate");
+			if (context.draft.booking.commitCandidate) changedFields.push("booking.commitCandidate");
+			if (changedFields.length > 0 && nextStartTime) {
+				context.updateDraft({ booking: {
+					startTime: nextStartTime,
+					duration: nextDuration,
+					selectedCandidate: void 0,
+					commitCandidate: void 0
+				} }, {
+					changedFields,
+					sourceModuleKey: module.key,
+					sourceModuleType: "time"
+				});
+				yield refreshAvailabilityTimes(context, module, {
+					durationOverride: nextDuration,
+					startTimeOverride: nextStartTime,
+					selectionIntent: "custom"
+				});
+				return;
+			}
+		}
 		if (candidates.length === 0) {
 			var _context$getModuleDat;
 			if (((_context$getModuleDat = context.getModuleData(module.key)) === null || _context$getModuleDat === void 0 ? void 0 : _context$getModuleDat.requestId) !== requestId) return;
@@ -182,7 +230,7 @@ const refreshAvailabilityTimes = function() {
 				timeSlots: [],
 				selectedCandidate: void 0,
 				slotStepMinutes: group === null || group === void 0 ? void 0 : group.slotStepMinutes,
-				posDurationHydrationKey
+				posCustomTimeHydrationKey
 			});
 			return;
 		}
@@ -199,17 +247,42 @@ const refreshAvailabilityTimes = function() {
 		const draftStartTime = normalizeStartTimeValue(context.draft.booking.startTime);
 		const draftEndTime = normalizeStartTimeValue(context.draft.booking.endTime);
 		const requestedPosStartTime = requestedStartTime || draftStartTime;
-		const restoredDraftCandidate = draftStartTime ? times.find((candidate) => isAvailabilityCandidateSelectable(candidate, allowUnavailable) && isSameCandidateStart(candidate, selectedDate, draftStartTime) && (posDurationAvailability || normalizeStartTimeValue(candidate.endTime) === draftEndTime)) : void 0;
-		const restoredExistingCandidate = existingCandidate ? times.find((candidate) => isAvailabilityCandidateSelectable(candidate, allowUnavailable) && (candidate.key === existingCandidate.key || posDurationAvailability && isSameCandidateStart(candidate, existingCandidate.date, normalizeStartTimeValue(existingCandidate.startTime)))) : void 0;
-		const fallbackOsCandidate = posDurationAvailability && requestedPosStartTime ? candidates.find((candidate) => isSameCandidateStart(candidate, selectedDate, requestedPosStartTime)) : void 0;
-		const restoredCandidate = restoredDraftCandidate || restoredExistingCandidate || fallbackOsCandidate;
+		const requestedPosDuration = (_ref4 = requestedDuration !== null && requestedDuration !== void 0 ? requestedDuration : normalizeDurationMinutesValue(context.draft.booking.duration)) !== null && _ref4 !== void 0 ? _ref4 : getDraftRangeDurationMinutes(context);
+		const restoredDraftCandidate = draftStartTime ? times.find((candidate) => isAvailabilityCandidateSelectable(candidate, allowUnavailable) && (posSessionAvailability ? isSameAvailabilityCandidateRange(candidate, {
+			date: selectedDate,
+			startTime: draftStartTime,
+			durationMinutes: requestedPosDuration
+		}) : isSameCandidateStart(candidate, selectedDate, draftStartTime) && (posDurationAvailability || normalizeStartTimeValue(candidate.endTime) === draftEndTime))) : void 0;
+		const restoredExistingCandidate = existingCandidate ? times.find((candidate) => isAvailabilityCandidateSelectable(candidate, allowUnavailable) && (candidate.key === existingCandidate.key || (posSessionAvailability ? candidate.source === existingCandidate.source && isSameAvailabilityCandidateRange(candidate, {
+			date: existingCandidate.date,
+			startTime: normalizeStartTimeValue(existingCandidate.startTime),
+			durationMinutes: getAvailabilityCandidateDurationMinutes(existingCandidate)
+		}) : posDurationAvailability && isSameCandidateStart(candidate, existingCandidate.date, normalizeStartTimeValue(existingCandidate.startTime))))) : void 0;
+		const fallbackOsCandidate = posCustomTimeAvailability && requestedPosStartTime ? candidates.find((candidate) => posSessionAvailability ? isSameAvailabilityCandidateRange(candidate, {
+			date: selectedDate,
+			startTime: requestedPosStartTime,
+			durationMinutes: requestedPosDuration
+		}) : isSameCandidateStart(candidate, selectedDate, requestedPosStartTime)) : void 0;
+		const customSelectionIntent = posCustomTimeAvailability && selectionIntent === "custom";
+		const restoredCandidate = resolvePosCustomTimeCandidate({
+			candidates: times.filter((candidate) => isAvailabilityCandidateSelectable(candidate, allowUnavailable)),
+			customSelectionIntent,
+			requestedCustomRange: customSelectionIntent && requestedPosStartTime && requestedPosDuration ? {
+				date: selectedDate,
+				startTime: requestedPosStartTime,
+				durationMinutes: requestedPosDuration
+			} : void 0,
+			restoredDraftCandidate,
+			restoredExistingCandidate,
+			fallbackCandidate: fallbackOsCandidate
+		});
 		const normallySelectableCandidates = times.filter((candidate) => isAvailabilityCandidateSelectable(candidate));
 		const selectableCandidates = normallySelectableCandidates.length > 0 || !allowUnavailable ? normallySelectableCandidates : times;
-		const initialCandidate = restoredCandidate || (posDurationAvailability && Boolean(requestedPosStartTime) ? void 0 : selectableCandidates[0]);
+		const initialCandidate = restoredCandidate || (posCustomTimeAvailability && Boolean(requestedPosStartTime && requestedPosDuration) ? void 0 : selectableCandidates[0]);
 		context.setModuleData(module.key, {
 			requestId,
 			slotStepMinutes: group === null || group === void 0 ? void 0 : group.slotStepMinutes,
-			timeSlots: times.map((candidate) => ({
+			timeSlots: (posSessionAvailability ? getSessionPresetCandidates(times) : times).map((candidate) => ({
 				id: candidate.key,
 				start_time: candidate.startTime,
 				end_time: candidate.endTime,
@@ -219,9 +292,9 @@ const refreshAvailabilityTimes = function() {
 				candidate
 			})),
 			selectedCandidate: initialCandidate,
-			posDurationHydrationKey
+			posCustomTimeHydrationKey
 		});
-		const shouldWriteInitialCandidate = Boolean(initialCandidate) && (posDurationAvailability || !existingCandidate || initialCandidate.key !== existingCandidate.key);
+		const shouldWriteInitialCandidate = Boolean(initialCandidate) && (posCustomTimeAvailability || !existingCandidate || initialCandidate.key !== existingCandidate.key);
 		if (initialCandidate && shouldWriteInitialCandidate) {
 			const startAt = dayjs(initialCandidate.startAt);
 			const endAt = dayjs(initialCandidate.endAt);
@@ -249,8 +322,8 @@ const refreshAvailabilityTimes = function() {
 		}
 		if (initialCandidate && !hasCompiledResourceModule(context)) yield finalizeCandidateWithoutResourceStep(context, initialCandidate);
 	});
-	return function refreshAvailabilityTimes(_x3, _x4, _x5, _x6) {
-		return _ref4.apply(this, arguments);
+	return function refreshAvailabilityTimes(_x3, _x4) {
+		return _ref5.apply(this, arguments);
 	};
 }();
 const hasDurationValue = (value) => typeof value === "number" && value > 0 || typeof value === "string" && value.length > 0;
@@ -328,7 +401,7 @@ const getFlexibleDuration = (timeObj) => {
 	return (timeObj === null || timeObj === void 0 || (_timeObj$durationSlic = timeObj.durationSlicesBasedOnTime) === null || _timeObj$durationSlic === void 0 || (_timeObj$durationSlic = _timeObj$durationSlic.find((item) => typeof (item === null || item === void 0 ? void 0 : item.value) === "string" && item.value.startsWith("flexible_") && !item.disabled)) === null || _timeObj$durationSlic === void 0 ? void 0 : _timeObj$durationSlic.value) || (timeObj === null || timeObj === void 0 || (_timeObj$durationSlic2 = timeObj.durationSlicesBasedOnTime) === null || _timeObj$durationSlic2 === void 0 || (_timeObj$durationSlic2 = _timeObj$durationSlic2.find((item) => typeof (item === null || item === void 0 ? void 0 : item.value) === "string" && item.value.startsWith("flexible_"))) === null || _timeObj$durationSlic2 === void 0 ? void 0 : _timeObj$durationSlic2.value);
 };
 const resolveInitialDuration = (context) => {
-	var _context$services$get, _context$services, _serviceCacheItem$_ex, _serviceCacheItem$_ex2, _context$draft$produc, _context$draft$produc2, _timeObj$durationSlic3, _ref5, _configuredOption$val, _timeObj$durationSlic4;
+	var _context$services$get, _context$services, _serviceCacheItem$_ex, _serviceCacheItem$_ex2, _context$draft$produc, _context$draft$produc2, _timeObj$durationSlic3, _ref6, _configuredOption$val, _timeObj$durationSlic4;
 	if (hasDurationValue(context.draft.booking.duration)) return context.draft.booking.duration;
 	const serviceCacheItem = (_context$services$get = (_context$services = context.services).getCurrentCacheItem) === null || _context$services$get === void 0 ? void 0 : _context$services$get.call(_context$services);
 	const existingDuration = normalizeSelectionDuration((_serviceCacheItem$_ex = serviceCacheItem === null || serviceCacheItem === void 0 || (_serviceCacheItem$_ex2 = serviceCacheItem._extend) === null || _serviceCacheItem$_ex2 === void 0 ? void 0 : _serviceCacheItem$_ex2.duration) !== null && _serviceCacheItem$_ex !== void 0 ? _serviceCacheItem$_ex : (_context$draft$produc = context.draft.productData) === null || _context$draft$produc === void 0 || (_context$draft$produc = _context$draft$produc._extend) === null || _context$draft$produc === void 0 ? void 0 : _context$draft$produc.duration);
@@ -340,7 +413,7 @@ const resolveInitialDuration = (context) => {
 	if (hasDurationValue(normalizedDuration)) return normalizedDuration;
 	const configuredValue = productDuration === null || productDuration === void 0 ? void 0 : productDuration.value;
 	const configuredOption = timeObj === null || timeObj === void 0 || (_timeObj$durationSlic3 = timeObj.durationSlicesBasedOnTime) === null || _timeObj$durationSlic3 === void 0 ? void 0 : _timeObj$durationSlic3.find((item) => (item === null || item === void 0 ? void 0 : item.value) == configuredValue);
-	return (_ref5 = (_configuredOption$val = configuredOption === null || configuredOption === void 0 ? void 0 : configuredOption.value) !== null && _configuredOption$val !== void 0 ? _configuredOption$val : timeObj === null || timeObj === void 0 || (_timeObj$durationSlic4 = timeObj.durationSlicesBasedOnTime) === null || _timeObj$durationSlic4 === void 0 || (_timeObj$durationSlic4 = _timeObj$durationSlic4[0]) === null || _timeObj$durationSlic4 === void 0 ? void 0 : _timeObj$durationSlic4.value) !== null && _ref5 !== void 0 ? _ref5 : null;
+	return (_ref6 = (_configuredOption$val = configuredOption === null || configuredOption === void 0 ? void 0 : configuredOption.value) !== null && _configuredOption$val !== void 0 ? _configuredOption$val : timeObj === null || timeObj === void 0 || (_timeObj$durationSlic4 = timeObj.durationSlicesBasedOnTime) === null || _timeObj$durationSlic4 === void 0 || (_timeObj$durationSlic4 = _timeObj$durationSlic4[0]) === null || _timeObj$durationSlic4 === void 0 ? void 0 : _timeObj$durationSlic4.value) !== null && _ref6 !== void 0 ? _ref6 : null;
 };
 const deriveTimeBooking = (context, startTime, duration) => {
 	let nextDuration = duration;
@@ -387,7 +460,7 @@ const refreshTimeModule = (context, module) => {
 	});
 };
 const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
-	var _context$moduleState$2, _context$moduleState$3, _context$moduleState$4, _context$hostContext, _options$slice, _durationProps$select2, _options$durationSele2;
+	var _context$moduleState$2, _context$moduleState$3, _context$moduleState$4, _context$hostContext2, _options$slice, _durationProps$select2, _options$durationSele2;
 	const options = getModuleOptions(module);
 	const unsupportedReason = getUnsupportedBookingFlowReason(context.draft.productData);
 	const required = options.required !== false;
@@ -395,7 +468,9 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 	const duration = context.draft.booking.duration;
 	const useAvailability = options.mode === "availability";
 	const productDurationMinutes = getProductDurationMinutes(context);
-	const usePosDurationAvailability = useAvailability && isPosDurationAvailabilityContext(context) && Boolean(productDurationMinutes);
+	const usePosDurationAvailability = useAvailability && isPosDurationAvailabilityContext(context);
+	const usePosSessionAvailability = useAvailability && isPosSessionAvailabilityContext(context);
+	const usePosCustomTimeAvailability = usePosDurationAvailability || usePosSessionAvailability;
 	const availability = useAvailability ? context.services.availability : void 0;
 	const availabilityData = context.getModuleData(module.key);
 	const capacityDisplaySettings = getCapacityDisplaySettings(context.hostContext);
@@ -405,7 +480,7 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 	const dateModule = context.steps.flatMap((step) => step.modules).find((item) => item.type === "date");
 	const isDateModuleLoading = dateModule ? ((_context$moduleState$3 = context.moduleState[dateModule.key]) === null || _context$moduleState$3 === void 0 ? void 0 : _context$moduleState$3.status) === "loading" : false;
 	const hasNoSelectableAvailabilityDate = Boolean(useAvailability && dateModule && ((_context$moduleState$4 = context.moduleState[dateModule.key]) === null || _context$moduleState$4 === void 0 ? void 0 : _context$moduleState$4.status) === "ready" && !isAvailabilityDateReadyForTime(context));
-	const configuredSlice = (_context$hostContext = context.hostContext) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.bookingConfig) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.config) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.basic) === null || _context$hostContext === void 0 ? void 0 : _context$hostContext.service_time;
+	const configuredSlice = (_context$hostContext2 = context.hostContext) === null || _context$hostContext2 === void 0 || (_context$hostContext2 = _context$hostContext2.bookingConfig) === null || _context$hostContext2 === void 0 || (_context$hostContext2 = _context$hostContext2.config) === null || _context$hostContext2 === void 0 || (_context$hostContext2 = _context$hostContext2.basic) === null || _context$hostContext2 === void 0 ? void 0 : _context$hostContext2.service_time;
 	const slice = (_options$slice = options.slice) !== null && _options$slice !== void 0 ? _options$slice : typeof configuredSlice === "object" ? configuredSlice === null || configuredSlice === void 0 ? void 0 : configuredSlice.value : configuredSlice;
 	const resourceModule = context.steps.flatMap((step) => step.modules).find((item) => item.type === "resource");
 	const resourceModuleData = resourceModule ? context.getModuleData(resourceModule.key) : void 0;
@@ -426,14 +501,16 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 		resourceModuleData === null || resourceModuleData === void 0 ? void 0 : resourceModuleData.cacheItem,
 		resourceModuleData === null || resourceModuleData === void 0 ? void 0 : resourceModuleData.requestId
 	]);
-	const posDurationTimeObj = useMemo(() => usePosDurationAvailability && productDurationMinutes ? buildPosDurationTimeObj(runtime.timeObj, productDurationMinutes, duration) : runtime.timeObj, [
-		usePosDurationAvailability,
-		productDurationMinutes,
+	const posCustomTimeBaseMinutes = usePosDurationAvailability ? resolvePosCustomTimeBaseMinutes(productDurationMinutes, availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.slotStepMinutes, slice) : usePosSessionAvailability ? availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.slotStepMinutes : null;
+	const posCustomTimeObj = useMemo(() => usePosCustomTimeAvailability && posCustomTimeBaseMinutes ? buildPosDurationTimeObj(runtime.timeObj, posCustomTimeBaseMinutes, duration) : runtime.timeObj, [
+		usePosCustomTimeAvailability,
+		posCustomTimeBaseMinutes,
 		runtime.timeObj,
 		duration
 	]);
 	const durationProps = runtime.durationProps;
 	const applyAvailabilityCandidate = (candidate) => {
+		if (!availabilityData) return;
 		context.setModuleData(module.key, _objectSpread2(_objectSpread2({}, availabilityData), {}, { selectedCandidate: candidate }));
 		if (!candidate) return;
 		const startAt = dayjs(candidate.startAt);
@@ -508,7 +585,7 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 	}, [handle, registerHandle]);
 	useEffect(() => {
 		var _context$draft$bookin2;
-		if (!usePosDurationAvailability || !availability) return;
+		if (!usePosCustomTimeAvailability || !availability) return;
 		if (!startTime || !hasDurationValue(duration)) return;
 		if (availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.selectedCandidate) return;
 		if (moduleStatus === "loading") return;
@@ -517,12 +594,16 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 		const requestedStartTime = getAvailabilityStartTimeOverride(context);
 		if (!selectedDate || !requestedDuration || !requestedStartTime) return;
 		const hydrationKey = `${selectedDate}|${requestedStartTime}|${requestedDuration}`;
-		if ((availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.posDurationHydrationKey) === hydrationKey) return;
+		if ((availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.posCustomTimeHydrationKey) === hydrationKey) return;
 		context.setModuleStatus(module.key, "loading");
-		refreshAvailabilityTimes(context, module, duration, startTime).then(() => context.setModuleStatus(module.key, "ready")).catch((error) => context.setModuleStatus(module.key, "error", error instanceof Error ? error.message : String(error), error));
+		refreshAvailabilityTimes(context, module, {
+			durationOverride: duration,
+			startTimeOverride: startTime,
+			selectionIntent: "custom"
+		}).then(() => context.setModuleStatus(module.key, "ready")).catch((error) => context.setModuleStatus(module.key, "error", error instanceof Error ? error.message : String(error), error));
 	}, [
 		availability,
-		availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.posDurationHydrationKey,
+		availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.posCustomTimeHydrationKey,
 		availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.selectedCandidate,
 		context,
 		context.draft.booking.startDate,
@@ -530,8 +611,23 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 		module,
 		moduleStatus,
 		startTime,
-		usePosDurationAvailability
+		usePosCustomTimeAvailability
 	]);
+	const renderAvailabilityTimeSelector = () => /* @__PURE__ */ React.createElement(TimeResourceSelector, {
+		className: classNames("selection-flow-time-resource-selector", `selection-flow-time-resource-selector--columns-${timeSlotColumns}`),
+		displayMode: "plain",
+		timeSlots: hasNoSelectableAvailabilityDate ? [] : (availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.timeSlots) || [],
+		defaultSelectFirst: false,
+		showEmptySelectionError: false,
+		columns: timeSlotColumns,
+		capacityDisplaySettings,
+		allowUnavailableSelection: context.services.allowUnavailableBookingSelection === true,
+		value: !hasNoSelectableAvailabilityDate && (availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.selectedCandidate) ? [availabilityData.selectedCandidate.key] : [],
+		onSelectionChange: (items) => {
+			var _items$;
+			applyAvailabilityCandidate((_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.candidate);
+		}
+	});
 	if (unsupportedReason) return /* @__PURE__ */ React.createElement(Alert, {
 		type: "error",
 		showIcon: true,
@@ -545,15 +641,25 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 	if (useAvailability) {
 		if (isDateModuleLoading) return null;
 		if (!hasNoSelectableAvailabilityDate && (moduleStatus === "loading" || !(availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.timeSlots))) return /* @__PURE__ */ React.createElement(SkuDetailLoadingPanel, null);
-		if (usePosDurationAvailability) {
-			var _availabilityData$slo, _durationProps$select, _options$durationSele;
+		if (usePosCustomTimeAvailability) {
+			var _availabilityData$slo, _availabilityData$tim, _durationProps$select, _options$durationSele;
+			if (usePosSessionAvailability && !posCustomTimeBaseMinutes) return /* @__PURE__ */ React.createElement(Alert, {
+				type: "error",
+				showIcon: true,
+				message: selectionFlowText("pisell2.text.sku.detail.modal.validation.availability.wait")
+			});
 			const selectedCandidate = availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.selectedCandidate;
-			const posStartTimeSlice = (_availabilityData$slo = availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.slotStepMinutes) !== null && _availabilityData$slo !== void 0 ? _availabilityData$slo : slice;
+			const posStartTimeSlice = usePosSessionAvailability ? availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.slotStepMinutes : (_availabilityData$slo = availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.slotStepMinutes) !== null && _availabilityData$slo !== void 0 ? _availabilityData$slo : slice;
 			selectedCandidate && context.services.allowUnavailableBookingSelection === true && isAvailabilityCandidateSelectable(selectedCandidate);
+			const showCandidateCards = shouldShowPosCustomTimeCandidateCards({
+				isSessionAvailability: usePosSessionAvailability,
+				isDurationAvailability: usePosDurationAvailability,
+				candidateCount: (availabilityData === null || availabilityData === void 0 || (_availabilityData$tim = availabilityData.timeSlots) === null || _availabilityData$tim === void 0 ? void 0 : _availabilityData$tim.length) || 0
+			});
 			return /* @__PURE__ */ React.createElement(Space, {
 				direction: "vertical",
 				style: { width: "100%" }
-			}, /* @__PURE__ */ React.createElement("div", { style: { fontWeight: 500 } }, selectionFlowText("pisell2.text.start_time")), /* @__PURE__ */ React.createElement(SelectTime, {
+			}, showCandidateCards ? renderAvailabilityTimeSelector() : null, /* @__PURE__ */ React.createElement("div", { style: { fontWeight: 500 } }, selectionFlowText("pisell2.text.start_time")), /* @__PURE__ */ React.createElement(SelectTime, {
 				value: startTime || "",
 				slice: posStartTimeSlice,
 				theme: options.theme,
@@ -577,10 +683,14 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 						sourceModuleType: "time"
 					});
 					context.setModuleStatus(module.key, "loading");
-					refreshAvailabilityTimes(context, module, duration, nextStartTime).then(() => context.setModuleStatus(module.key, "ready")).catch((error) => context.setModuleStatus(module.key, "error", error instanceof Error ? error.message : String(error), error));
+					refreshAvailabilityTimes(context, module, {
+						durationOverride: duration,
+						startTimeOverride: nextStartTime,
+						selectionIntent: "custom"
+					}).then(() => context.setModuleStatus(module.key, "ready")).catch((error) => context.setModuleStatus(module.key, "error", error instanceof Error ? error.message : String(error), error));
 				}
 			}), /* @__PURE__ */ React.createElement("div", { style: { fontWeight: 500 } }, selectionFlowText("pisell2.text.duration")), /* @__PURE__ */ React.createElement(Duration, _objectSpread2(_objectSpread2(_objectSpread2({}, durationProps), options.durationProps), {}, {
-				timeObj: posDurationTimeObj,
+				timeObj: posCustomTimeObj,
 				value: duration !== null && duration !== void 0 ? duration : void 0,
 				selectProps: _objectSpread2(_objectSpread2(_objectSpread2({}, (durationProps === null || durationProps === void 0 ? void 0 : durationProps.selectProps) || {}), options.durationSelectProps), {}, { style: _objectSpread2(_objectSpread2({ width: "100%" }, (durationProps === null || durationProps === void 0 || (_durationProps$select = durationProps.selectProps) === null || _durationProps$select === void 0 ? void 0 : _durationProps$select.style) || {}), ((_options$durationSele = options.durationSelectProps) === null || _options$durationSele === void 0 ? void 0 : _options$durationSele.style) || {}) }),
 				style: { width: "100%" },
@@ -600,25 +710,15 @@ const TimeFlowModuleComponent = ({ context, module, registerHandle }) => {
 						sourceModuleType: "time"
 					});
 					context.setModuleStatus(module.key, "loading");
-					refreshAvailabilityTimes(context, module, nextDuration, startTime).then(() => context.setModuleStatus(module.key, "ready")).catch((error) => context.setModuleStatus(module.key, "error", error instanceof Error ? error.message : String(error), error));
+					refreshAvailabilityTimes(context, module, {
+						durationOverride: nextDuration,
+						startTimeOverride: startTime,
+						selectionIntent: "custom"
+					}).then(() => context.setModuleStatus(module.key, "ready")).catch((error) => context.setModuleStatus(module.key, "error", error instanceof Error ? error.message : String(error), error));
 				}
 			})));
 		}
-		return /* @__PURE__ */ React.createElement(TimeResourceSelector, {
-			className: classNames("selection-flow-time-resource-selector", `selection-flow-time-resource-selector--columns-${timeSlotColumns}`),
-			displayMode: "plain",
-			timeSlots: hasNoSelectableAvailabilityDate ? [] : (availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.timeSlots) || [],
-			defaultSelectFirst: false,
-			showEmptySelectionError: false,
-			columns: timeSlotColumns,
-			capacityDisplaySettings,
-			allowUnavailableSelection: context.services.allowUnavailableBookingSelection === true,
-			value: !hasNoSelectableAvailabilityDate && (availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.selectedCandidate) ? [availabilityData.selectedCandidate.key] : [],
-			onSelectionChange: (items) => {
-				var _items$;
-				applyAvailabilityCandidate((_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.candidate);
-			}
-		});
+		return renderAvailabilityTimeSelector();
 	}
 	if (!SelectTime) return /* @__PURE__ */ React.createElement(Alert, {
 		type: "error",
@@ -700,8 +800,8 @@ const timeFlowModule = {
 		"booking.capacity"
 	],
 	isApplicable: (context) => {
-		var _context$hostContext2;
-		return !isNormalProductByDurationSchedule(context.draft.productData) && ((_context$hostContext2 = context.hostContext) === null || _context$hostContext2 === void 0 ? void 0 : _context$hostContext2.renderType) !== "eventBooking";
+		var _context$hostContext3;
+		return !isNormalProductByDurationSchedule(context.draft.productData) && ((_context$hostContext3 = context.hostContext) === null || _context$hostContext3 === void 0 ? void 0 : _context$hostContext3.renderType) !== "eventBooking";
 	},
 	canInitialize: (context, module) => {
 		const unsupportedReason = getUnsupportedBookingFlowReason(context.draft.productData);

package/es/pro/skuDetailModal/flow/modules/time/posCustomTime.js

@@ -0,0 +1,59 @@
+import dayjs from "dayjs";
+//#region src/pro/skuDetailModal/flow/modules/time/posCustomTime.ts
+const isFlexibleDurationValue = (value) => {
+	if (typeof value === "string") {
+		const text = value.trim().toLowerCase();
+		return text === "flexible" || text.startsWith("flexible_");
+	}
+	return Boolean(value && typeof value === "object" && String(value.type || "").trim().toLowerCase() === "flexible");
+};
+const resolvePosCustomTimeBaseMinutes = (...values) => {
+	for (const value of values) {
+		const minutes = Number(value);
+		if (Number.isFinite(minutes) && minutes > 0) return Math.max(1, Math.floor(minutes));
+	}
+	return 30;
+};
+const resolvePosCustomTimeDefaultStartTime = (currentValue, sliceMinutes, now) => {
+	if (typeof currentValue === "string") {
+		const matched = currentValue.trim().match(/^([01]\d|2[0-3]):([0-5]\d)(?::[0-5]\d)?$/);
+		if (matched) return `${matched[1]}:${matched[2]}`;
+	}
+	const current = now === void 0 ? dayjs() : dayjs(now);
+	if (!current.isValid()) return null;
+	const step = Math.min(resolvePosCustomTimeBaseMinutes(sliceMinutes), 1440);
+	const minuteOfDay = current.hour() * 60 + current.minute();
+	const alignedMinute = Math.floor(minuteOfDay / step) * step;
+	const hours = Math.floor(alignedMinute / 60);
+	const minutes = alignedMinute % 60;
+	return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}`;
+};
+const resolvePosCustomTimeDefaultDurationMinutes = (currentValue, baseDurationMinutes) => {
+	if (typeof currentValue === "string") {
+		const flexibleMatch = currentValue.trim().toLowerCase().match(/^flexible_(\d+(?:\.\d+)?)$/);
+		if (flexibleMatch) return Math.max(1, Math.floor(Number(flexibleMatch[1])));
+	}
+	const currentMinutes = Number(currentValue);
+	if (Number.isFinite(currentMinutes) && currentMinutes > 0) return Math.max(1, Math.floor(currentMinutes));
+	return resolvePosCustomTimeBaseMinutes(baseDurationMinutes);
+};
+const shouldShowPosCustomTimeCandidateCards = (params) => params.isSessionAvailability || params.isDurationAvailability && params.candidateCount > 0;
+const getAvailabilityCandidateDurationMinutes = (candidate) => {
+	const startAt = dayjs(candidate.startAt);
+	const endAt = dayjs(candidate.endAt);
+	if (!startAt.isValid() || !endAt.isValid()) return null;
+	const duration = endAt.diff(startAt, "minute");
+	return duration > 0 ? duration : null;
+};
+const isSameAvailabilityCandidateRange = (candidate, params) => Boolean(params.startTime) && candidate.date === params.date && candidate.startTime.slice(0, 5) === params.startTime && Boolean(params.durationMinutes) && getAvailabilityCandidateDurationMinutes(candidate) === params.durationMinutes;
+const resolvePosCustomTimeCandidate = (params) => {
+	const requestedCustomRange = params.requestedCustomRange;
+	if (params.customSelectionIntent) {
+		if (!requestedCustomRange) return void 0;
+		return params.candidates.find((candidate) => candidate.source === "duration_window" && isSameAvailabilityCandidateRange(candidate, requestedCustomRange));
+	}
+	return params.restoredDraftCandidate || params.restoredExistingCandidate || params.fallbackCandidate;
+};
+const getSessionPresetCandidates = (candidates) => candidates.filter((candidate) => candidate.source === "session_schedule");
+//#endregion
+export { getAvailabilityCandidateDurationMinutes, getSessionPresetCandidates, isFlexibleDurationValue, isSameAvailabilityCandidateRange, resolvePosCustomTimeBaseMinutes, resolvePosCustomTimeCandidate, resolvePosCustomTimeDefaultDurationMinutes, resolvePosCustomTimeDefaultStartTime, shouldShowPosCustomTimeCandidateCards };