@escapenavigator/hooks 2.2.11 → 2.2.12

package/dist/players-and-variation-picker/group-composition.d.ts

@@ -0,0 +1,5 @@
+import { OrderComposition, TariffCategory } from '@escapenavigator/types/dist/tariff/tariff-category';
+/** Redistribute a fixed group size without changing any other category. */
+export declare const redistributeCategory: (composition: OrderComposition, categories: TariffCategory[], key: string, value: number) => OrderComposition;
+/** Changing the total only changes standard tickets; selected categories survive. */
+export declare const resizeComposition: (composition: OrderComposition, categories: TariffCategory[], total: number) => OrderComposition;

package/dist/players-and-variation-picker/group-composition.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resizeComposition = exports.redistributeCategory = void 0;
+const tariff_category_mode_enum_1 = require("@escapenavigator/types/dist/tariff/enum/tariff-category-mode.enum");
+/** Redistribute a fixed group size without changing any other category. */
+const redistributeCategory = (composition, categories, key, value) => {
+    const base = categories.find((category) => category.mode === tariff_category_mode_enum_1.TariffCategoryModeEnum.BASE);
+    const category = categories.find((item) => item.key === key);
+    if (!base || !category || key === base.key || !Number.isInteger(value) || value < 0)
+        return composition;
+    const remaining = (composition[base.key] || 0) + (composition[key] || 0) - value;
+    if (remaining < 0 ||
+        (category.max != null && value > category.max) ||
+        (base.max != null && remaining > base.max))
+        return composition;
+    return Object.assign(Object.assign({}, composition), { [key]: value, [base.key]: remaining });
+};
+exports.redistributeCategory = redistributeCategory;
+/** Changing the total only changes standard tickets; selected categories survive. */
+const resizeComposition = (composition, categories, total) => {
+    const base = categories.find((category) => category.mode === tariff_category_mode_enum_1.TariffCategoryModeEnum.BASE);
+    if (!base || !Number.isInteger(total))
+        return composition;
+    const others = categories.reduce((sum, category) => sum + (category.key === base.key ? 0 : composition[category.key] || 0), 0);
+    const remaining = total - others;
+    if (remaining < 0 || (base.max != null && remaining > base.max))
+        return composition;
+    return Object.assign(Object.assign({}, composition), { [base.key]: remaining });
+};
+exports.resizeComposition = resizeComposition;

package/dist/players-and-variation-picker/group-composition.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/players-and-variation-picker/group-composition.spec.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tariff_category_mode_enum_1 = require("@escapenavigator/types/dist/tariff/enum/tariff-category-mode.enum");
+const composition_limits_1 = require("@escapenavigator/utils/dist/composition-limits");
+const composition_price_1 = require("@escapenavigator/utils/dist/composition-price");
+const group_composition_1 = require("./group-composition");
+const categories = [
+    { key: 'adult', title: 'Standard', mode: tariff_category_mode_enum_1.TariffCategoryModeEnum.BASE, value: 0, countsInPrice: true },
+    { key: 'student', title: 'Students', mode: tariff_category_mode_enum_1.TariffCategoryModeEnum.DELTA, value: 100, countsInPrice: true },
+    { key: 'child', title: 'Children', mode: tariff_category_mode_enum_1.TariffCategoryModeEnum.FIXED, value: 200, countsInPrice: false },
+];
+const price = { 2: 2000, 3: 2700, 4: 3200 };
+describe('group composition selection', () => {
+    it('replaces standard seats at capacity and preserves the tariff discount', () => {
+        const next = (0, group_composition_1.redistributeCategory)({ adult: 4, student: 0, child: 0 }, categories, 'student', 1);
+        expect(next).toEqual({ adult: 3, student: 1, child: 0 });
+        expect((0, composition_price_1.legacyCountsFromComposition)(next, categories)).toEqual({
+            players: 4,
+            reducedPlayers: 1,
+            children: 0,
+        });
+        expect((0, composition_limits_1.getCompositionLimits)({ categories, price, composition: next, maxPlayersLimit: 4 })
+            .bookable).toBe(true);
+        expect((0, composition_price_1.getCompositionPrice)({ categories, price, composition: next })).toBe(3100);
+    });
+    it('keeps legacy children inside the headcount but charges them on top of the pricing group', () => {
+        const next = (0, group_composition_1.redistributeCategory)({ adult: 4, student: 0, child: 0 }, categories, 'child', 1);
+        expect(next).toEqual({ adult: 3, student: 0, child: 1 });
+        expect((0, composition_price_1.legacyCountsFromComposition)(next, categories)).toEqual({
+            players: 3,
+            reducedPlayers: 0,
+            children: 1,
+        });
+        expect((0, composition_price_1.getCompositionPrice)({ categories, price, composition: next })).toBe(2900);
+    });
+    it('returns a category seat to standard and never changes other categories', () => {
+        expect((0, group_composition_1.redistributeCategory)({ adult: 1, student: 2, child: 1 }, categories, 'student', 1)).toEqual({ adult: 2, student: 1, child: 1 });
+    });
+    it('does not allocate more people than selected or exceed category limits', () => {
+        const start = { adult: 0, student: 3, child: 1 };
+        expect((0, group_composition_1.redistributeCategory)(start, categories, 'child', 2)).toBe(start);
+        expect((0, group_composition_1.redistributeCategory)(Object.assign(Object.assign({}, start), { adult: 1 }), categories.map((c) => (Object.assign(Object.assign({}, c), { max: 1 }))), 'student', 4)).toEqual(Object.assign(Object.assign({}, start), { adult: 1 }));
+    });
+    it('resizes standard seats while retaining selected categories', () => {
+        const start = { adult: 2, student: 1, child: 1 };
+        expect((0, group_composition_1.resizeComposition)(start, categories, 5)).toEqual({ adult: 3, student: 1, child: 1 });
+        expect((0, group_composition_1.resizeComposition)(start, categories, 2)).toEqual({ adult: 0, student: 1, child: 1 });
+        expect((0, group_composition_1.resizeComposition)(start, categories, 1)).toBe(start);
+    });
+    it('keeps genuine pricing restrictions and the minimum price', () => {
+        const composition = { adult: 1, student: 0, child: 3 };
+        expect((0, composition_limits_1.getCompositionLimits)({ price, categories, composition, maxPlayersLimit: 4 }).bookable).toBe(false);
+        expect((0, composition_price_1.getCompositionPrice)({
+            price,
+            categories,
+            composition: { adult: 0, student: 4 },
+            minGameAmount: 3000,
+        })).toBe(3000);
+    });
+});

package/dist/players-and-variation-picker/index.d.ts

@@ -1,3 +1,5 @@
+import { OrderTeamDto } from '@escapenavigator/types/dist/order/order-team.dto';
+import { aggregateTeams } from '@escapenavigator/utils/dist/order-teams';
 import { ProfileCurrencyEnum } from '@escapenavigator/types/dist/profile/enum/profile-currency';
 import { SlotDiscountTypeEnum } from '@escapenavigator/types/dist/slot/enum/slot-discount-type.enum';
 import { TariffReducedRateModeEnum } from '@escapenavigator/types/dist/tariff/enum/tariff-reduced-rate-mode.enum';
@@ -13,6 +15,11 @@ export type LegacyCounts = {
     reducedPlayers: number;
 };
 export type PlayersAndVariationPickerProps = {
+    teams?: OrderTeamDto[] | null;
+    teamSize?: number;
+    maxTeams?: number;
+    totalSeatsLimit?: number;
+    onTeamsChange?: (data: ReturnType<typeof aggregateTeams>) => void;
     /**
      * Minimal slot identity used to fetch enriched details. Pass
      * `null`/`undefined` to disable the variation row entirely.
@@ -110,6 +117,7 @@ export type PlayersAndVariationPickerProps = {
      */
     onSave?: (data: LegacyCounts & {
         composition: OrderComposition;
+        teams?: OrderTeamDto[];
         variation?: PickerVariationChange;
     }) => void;
     /**
@@ -133,6 +141,8 @@ export type PlayersAndVariationPickerProps = {
      * кому строка.
      */
     hidePriceHints?: boolean;
+    /** Widget opts into the tariff UI setting; CRM keeps independent editing. */
+    useTariffSelectionMode?: boolean;
     /**
      * Опция «Определимся на месте» (questroom.playersSelectMode=OPTIONAL).
      * Выбрана по умолчанию. Пока flex выбран, ни одно число не подсвечено,
@@ -150,14 +160,6 @@ export type PlayersAndVariationPickerProps = {
         onSelect: (flex: boolean) => void;
     };
 };
-/**
- * Единый пикер «вариация + состав», который используют админские модалки
- * заказа, виджет и пакет orders.
- *
- * Состав описывается категориями участников тарифа: взрослые, дети до 7,
- * студенты, пенсионеры — все одинаковыми строками со степпером. Цена
- * категории считается от доли групповой цены на текущий состав, поэтому она
- * живая: гость в команде из шести дешевле, чем в команде из двух.
- */
+/** A single booking: only the composition differs between teams. */
 export declare const PlayersAndVariationPicker: React.FC<PlayersAndVariationPickerProps>;
 export {};

package/dist/players-and-variation-picker/index.js

@@ -1,7 +1,4 @@
 "use strict";
-/* eslint-disable complexity */
-/* eslint-disable no-underscore-dangle */
-/* eslint-disable @typescript-eslint/naming-convention */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -40,6 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlayersAndVariationPicker = void 0;
+const order_teams_1 = require("@escapenavigator/utils/dist/order-teams");
+/* eslint-disable complexity */
+/* eslint-disable no-underscore-dangle */
+/* eslint-disable @typescript-eslint/naming-convention */
 const InfoMarkS_1 = __importDefault(require("@alphakits/icons/dist/InfoMarkS"));
 const button_1 = require("@alphakits/ui/dist/button");
 const flex_1 = require("@alphakits/ui/dist/flex");
@@ -49,6 +50,7 @@ const tag_1 = require("@alphakits/ui/dist/tag");
 const toast_plate_1 = require("@alphakits/ui/dist/toast-plate");
 const typography_1 = require("@alphakits/ui/dist/typography");
 const tariff_category_mode_enum_1 = require("@escapenavigator/types/dist/tariff/enum/tariff-category-mode.enum");
+const tariff_selection_mode_enum_1 = require("@escapenavigator/types/dist/tariff/enum/tariff-selection-mode.enum");
 const composition_limits_1 = require("@escapenavigator/utils/dist/composition-limits");
 const composition_price_1 = require("@escapenavigator/utils/dist/composition-price");
 const format_amount_1 = require("@escapenavigator/utils/dist/format-amount");
@@ -57,6 +59,7 @@ const reduced_price_1 = require("@escapenavigator/utils/dist/reduced-price");
 const react_1 = __importStar(require("react"));
 const react_i18next_1 = require("react-i18next");
 const use_players_and_variation_picker_1 = require("../use-players-and-variation-picker");
+const group_composition_1 = require("./group-composition");
 const sync_composition_1 = require("./sync-composition");
 const ticket_row_1 = require("./ticket-row");
 /**
@@ -91,7 +94,7 @@ const playersAlreadyDecidedLabel = (translate, language) => {
  * категории считается от доли групповой цены на текущий состав, поэтому она
  * живая: гость в команде из шести дешевле, чем в команде из двух.
  */
-const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loadSlotDetails, onVariationChange, onVariationResolved, onDetailsLoaded, composition: compositionProp, categories: categoriesOverride, onCompositionChange, players = 0, child = 0, reducedPlayers = 0, reduced: reducedOverride, onReducedChange, tariff: tariffOverride, currency, minPlayers, maxPlayersLimit, slotDiscount, slotDiscountType, error, t, onChange, onSave, orderId, onLoadingChange, onValidityChange, hidePriceHints = false, flexPlayersOption, }) => {
+const SinglePlayersPicker = ({ sharedVariation, slot, currentTariffId, currentDuration, loadSlotDetails, onVariationChange, onVariationResolved, onDetailsLoaded, composition: compositionProp, categories: categoriesOverride, onCompositionChange, players = 0, child = 0, reducedPlayers = 0, reduced: reducedOverride, onReducedChange, tariff: tariffOverride, currency, minPlayers, maxPlayersLimit, slotDiscount, slotDiscountType, error, t, onChange, onSave, orderId, onLoadingChange, onValidityChange, hidePriceHints = false, useTariffSelectionMode = false, flexPlayersOption, }) => {
     var _a;
     /**
      * Страховка от «голых ключей» перевода: хост часто берёт `t` из
@@ -101,7 +104,7 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
     const { ready: translationsReady, i18n } = (0, react_i18next_1.useTranslation)(['prices', 'common'], {
         useSuspense: false,
     });
-    const { loading: pickerLoading, options: pickerOptions, selectedOptionId, selectedVariation, buildVariationChange, selectVariation, details, } = (0, use_players_and_variation_picker_1.usePlayersAndVariationPicker)({
+    const { loading: pickerLoading, options: pickerOptions, selectedOptionId, selectedVariation: loadedVariation, buildVariationChange, selectVariation, details, } = (0, use_players_and_variation_picker_1.usePlayersAndVariationPicker)({
         slot,
         currentTariffId,
         currentDuration,
@@ -109,6 +112,7 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
         t: t,
         orderId,
     });
+    const selectedVariation = sharedVariation || loadedVariation;
     const onLoadingChangeRef = (0, react_1.useRef)(onLoadingChange);
     onLoadingChangeRef.current = onLoadingChange;
     const pickedVariationRef = (0, react_1.useRef)(null);
@@ -235,6 +239,11 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
     const { capacityMax, pricingMax, effectiveMin, pricingHeads, totalHeads, levelUnavailable, belowMin, capacityReached, maxByCategory, baseLevelOptions, } = limits;
     const baseCategory = categories.find((category) => category.mode === tariff_category_mode_enum_1.TariffCategoryModeEnum.BASE);
     const baseCategoryKey = baseCategory === null || baseCategory === void 0 ? void 0 : baseCategory.key;
+    const groupMode = useTariffSelectionMode &&
+        (0, composition_price_1.hasExtraCategories)(categories) &&
+        (selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.selectionMode) === tariff_selection_mode_enum_1.TariffSelectionModeEnum.COMPOSITION;
+    const standardCount = baseCategoryKey ? _composition[baseCategoryKey] || 0 : 0;
+    const categoryHeads = totalHeads - standardCount;
     const applyComposition = (next) => {
         pendingComposition.current = next;
         setComposition(next);
@@ -248,7 +257,9 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
         onReducedChange === null || onReducedChange === void 0 ? void 0 : onReducedChange(legacy.reducedPlayers);
     };
     const handleChangeCategory = (key, value) => {
-        applyComposition(Object.assign(Object.assign({}, _composition), { [key]: Math.max(0, value) }));
+        applyComposition(groupMode
+            ? (0, group_composition_1.redistributeCategory)(_composition, categories, key, value)
+            : Object.assign(Object.assign({}, _composition), { [key]: Math.max(0, value) }));
         // Явный выбор состава снимает «Определимся на месте».
         if (flexSelected)
             flexPlayersOption === null || flexPlayersOption === void 0 ? void 0 : flexPlayersOption.onSelect(false);
@@ -282,11 +293,13 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
     /**
      * Единственная автоправка состава: смена вариации сузила сетку, и состав
      * торчит выше нового потолка — иначе на бэке `price[N]` = undefined →
-     * NaN → 500. Внутри сетки состав не трогаем даже на закрытом уровне.
+     * NaN → 500. В режиме фиксированного состава сохраняем число гостей:
+     * недоступную цену блокирует bookable, гость сам уточняет состав.
+     * Внутри сетки состав не трогаем даже на закрытом уровне.
      */
     // biome-ignore lint/correctness/useExhaustiveDependencies: односторонний clamp
     (0, react_1.useEffect)(() => {
-        if (flexSelected)
+        if (flexSelected || groupMode)
             return;
         const clamped = (0, composition_limits_1.clampCompositionToGrid)({
             price: tariff,
@@ -298,7 +311,7 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
         if (clamped)
             applyComposition(clamped);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pricingMax, pricingHeads, flexSelected]);
+    }, [pricingMax, pricingHeads, flexSelected, groupMode]);
     const perPerson = (0, composition_price_1.getPerPersonAmount)(tariff, pricingHeads);
     const bookable = flexSelected || limits.bookable;
     const onValidityChangeRef = (0, react_1.useRef)(onValidityChange);
@@ -464,11 +477,35 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
                     baseLevelOptions.map((level) => (react_1.default.createElement(tag_1.Tag, { key: `level-${level}`, text: `${level}`, onClick: () => handleSelectLevel(level), view: !flexSelected && pricingHeads === level
                             ? 'primary-inverted'
                             : 'primary' })))))),
+            groupMode && !flexSelected && (react_1.default.createElement(flex_columns_1.FlexColumns, { columns: 1, gr: 8 },
+                react_1.default.createElement(ticket_row_1.TicketRow, { title: t('prices:composition.total', {
+                        defaultValue: 'Total participants',
+                    }), description: t('prices:composition.totalHelp', {
+                        defaultValue: 'Including children and guests with concessions. To lower the total below the selected categories, reduce their counts first.',
+                    }), priceHint: '', value: totalHeads, min: Math.max(effectiveMin, categoryHeads), max: Math.min(capacityMax, (baseCategory === null || baseCategory === void 0 ? void 0 : baseCategory.max) == null
+                        ? capacityMax
+                        : categoryHeads + baseCategory.max), minusLabel: t('prices:minus', {
+                        defaultValue: 'One fewer participant',
+                    }), plusLabel: t('prices:plus', { defaultValue: 'One more participant' }), onChange: (next) => applyComposition((0, group_composition_1.resizeComposition)(_composition, categories, next)) }),
+                react_1.default.createElement(typography_1.Typography.Text, { view: 'caps', color: 'secondary' }, t('prices:composition.help', {
+                    defaultValue: 'Specify who is in your group. These categories replace standard tickets; the total number of people stays the same.',
+                })),
+                react_1.default.createElement(typography_1.Typography.Text, { view: 'primary-small', weight: 'medium' }, t('prices:composition.standard', {
+                    count: standardCount,
+                    defaultValue: 'Standard tickets: {{count}}',
+                })))),
             (hasExtraRows ? !flexSelected : true) &&
-                (hasExtraRows ? categories : addOnCategories).map((category) => {
-                    var _a, _b;
+                (hasExtraRows ? categories : addOnCategories)
+                    .filter((category) => !groupMode || category.key !== baseCategoryKey)
+                    .map((category) => {
+                    var _a, _b, _c;
                     const value = Math.max(0, _composition[category.key] || 0);
-                    const rowMax = (_a = maxByCategory[category.key]) !== null && _a !== void 0 ? _a : value;
+                    const rowMax = groupMode
+                        ? Math.min(value + standardCount, (_a = category.max) !== null && _a !== void 0 ? _a : Number.POSITIVE_INFINITY)
+                        : ((_b = maxByCategory[category.key]) !== null && _b !== void 0 ? _b : value);
+                    const rowMin = groupMode && (baseCategory === null || baseCategory === void 0 ? void 0 : baseCategory.max) != null
+                        ? Math.max(0, value + standardCount - baseCategory.max)
+                        : 0;
                     const plusLimitHint = value >= rowMax
                         ? capacityReached
                             ? t('prices:capacityReached', {
@@ -480,7 +517,15 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
                                 defaultValue: 'Максимум {{count}} участников по этому тарифу',
                             })
                         : undefined;
-                    return (react_1.default.createElement(ticket_row_1.TicketRow, { key: category.key, title: categoryTitle(category), priceHint: categoryPriceHint(category), description: ((_b = category.description) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, value: value, min: 0, max: rowMax, minusLabel: t('prices:minus', { defaultValue: 'На одного меньше' }), plusLabel: t('prices:plus', { defaultValue: 'На одного больше' }), plusDisabledHint: plusLimitHint, onChange: (next) => handleChangeCategory(category.key, next) }));
+                    return (react_1.default.createElement(ticket_row_1.TicketRow, { key: category.key, title: categoryTitle(category), priceHint: categoryPriceHint(category), description: ((_c = category.description) === null || _c === void 0 ? void 0 : _c.trim()) || undefined, value: value, min: rowMin, max: rowMax, minusLabel: t('prices:minus', {
+                            defaultValue: 'На одного меньше',
+                        }), plusLabel: t('prices:plus', {
+                            defaultValue: 'На одного больше',
+                        }), plusDisabledHint: groupMode
+                            ? t('prices:composition.limit', {
+                                defaultValue: 'All standard tickets have been allocated or the category limit has been reached. Adjust the categories or the total number of participants.',
+                            })
+                            : plusLimitHint, onChange: (next) => handleChangeCategory(category.key, next) }));
                 })),
         !hidePriceHints && !flexSelected && bookable && (react_1.default.createElement(flex_columns_1.FlexColumns, { columns: 1, gr: 4, gc: 0 }, priceSummary)),
         hidePriceHints && !flexSelected && bookable && (react_1.default.createElement("div", { style: {
@@ -505,4 +550,85 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
                 ? { variation: pickedVariationRef.current }
                 : {}))), view: 'primary', size: 'xs', disabled: !bookable }, t('common:save')))));
 };
+/** A single booking: only the composition differs between teams. */
+const PlayersAndVariationPicker = (props) => {
+    var _a, _b;
+    const { t } = (0, react_i18next_1.useTranslation)('widgets');
+    const [draft, setDraft] = (0, react_1.useState)(null);
+    const [variation, setVariation] = (0, react_1.useState)();
+    const [variationChange, setVariationChange] = (0, react_1.useState)();
+    const [valid, setValid] = (0, react_1.useState)({});
+    const teams = draft || props.teams;
+    const nextTeamKey = (0, react_1.useRef)(0);
+    const teamKeys = (0, react_1.useRef)([]);
+    while (teamKeys.current.length < ((teams === null || teams === void 0 ? void 0 : teams.length) || 0))
+        teamKeys.current.push(nextTeamKey.current++);
+    const teamsRef = (0, react_1.useRef)(teams);
+    teamsRef.current = teams;
+    const seats = (teams === null || teams === void 0 ? void 0 : teams.reduce((n, team) => n + team.players + (team.children || 0), 0)) || 0;
+    const maxTeams = (_a = props.maxTeams) !== null && _a !== void 0 ? _a : 100;
+    const availableSeats = (_b = props.totalSeatsLimit) !== null && _b !== void 0 ? _b : Infinity;
+    const bookable = !!(teams === null || teams === void 0 ? void 0 : teams.length) &&
+        teams.length <= maxTeams &&
+        seats <= availableSeats &&
+        teams.every((_, index) => valid[teamKeys.current[index]] === true);
+    const notify = (0, react_1.useRef)(props.onValidityChange);
+    notify.current = props.onValidityChange;
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (teams === null || teams === void 0 ? void 0 : teams.length)
+            (_a = notify.current) === null || _a === void 0 ? void 0 : _a.call(notify, bookable);
+    }, [bookable, teams === null || teams === void 0 ? void 0 : teams.length]);
+    if (!(teams === null || teams === void 0 ? void 0 : teams.length))
+        return react_1.default.createElement(SinglePlayersPicker, Object.assign({}, props));
+    const change = (next) => {
+        var _a;
+        teamsRef.current = next;
+        setDraft(next);
+        (_a = props.onTeamsChange) === null || _a === void 0 ? void 0 : _a.call(props, (0, order_teams_1.aggregateTeams)(next));
+    };
+    const min = (variation === null || variation === void 0 ? void 0 : variation.minPlayers) || props.minPlayers || 1;
+    return (react_1.default.createElement(flex_columns_1.FlexColumns, { columns: 1, gr: 16 },
+        teams.map((team, index) => {
+            var _a, _b;
+            return (react_1.default.createElement(flex_columns_1.FlexColumns, { key: teamKeys.current[index], columns: 1, gr: 8 },
+                react_1.default.createElement(flex_1.Flex, { justify: 'between', align: 'center' },
+                    react_1.default.createElement(typography_1.Typography.Text, { weight: 'bold' }, t('bookingTeams.team', {
+                        defaultValue: 'Team {{number}}',
+                        number: index + 1,
+                    })),
+                    teams.length > 1 && (react_1.default.createElement(button_1.Button, { size: 's', onClick: () => {
+                            teamKeys.current.splice(index, 1);
+                            change(teams.filter((_, i) => i !== index));
+                        } }, t('bookingTeams.remove', {
+                        defaultValue: 'Remove team {{number}}',
+                        number: index + 1,
+                    })))),
+                react_1.default.createElement(SinglePlayersPicker, Object.assign({}, props, { teams: undefined, slot: index === 0 ? props.slot : null, onSave: undefined, onChange: undefined, onReducedChange: undefined, flexPlayersOption: undefined, players: team.players, child: team.children, reducedPlayers: team.reducedPlayers, composition: team.composition, categories: props.categories || (variation === null || variation === void 0 ? void 0 : variation.categories), tariff: props.tariff || (variation === null || variation === void 0 ? void 0 : variation.tariff), reduced: props.reduced || variation, sharedVariation: index === 0 ? undefined : variation, slotDiscount: undefined, slotDiscountType: undefined, maxPlayersLimit: Math.max(0, Math.min((_b = (_a = props.teamSize) !== null && _a !== void 0 ? _a : props.maxPlayersLimit) !== null && _b !== void 0 ? _b : Infinity, availableSeats - seats + team.players + (team.children || 0))), onCompositionChange: (composition, legacy) => change(teamsRef.current.map((item, i) => i === index ? Object.assign(Object.assign({}, legacy), { composition }) : item)), onVariationResolved: index === 0
+                        ? (next) => {
+                            var _a;
+                            setVariation(next);
+                            (_a = props.onVariationResolved) === null || _a === void 0 ? void 0 : _a.call(props, next);
+                        }
+                        : undefined, onVariationChange: index === 0
+                        ? (next) => {
+                            var _a;
+                            setVariationChange(next);
+                            (_a = props.onVariationChange) === null || _a === void 0 ? void 0 : _a.call(props, next);
+                        }
+                        : undefined, onLoadingChange: index === 0 ? props.onLoadingChange : undefined, onDetailsLoaded: index === 0 ? props.onDetailsLoaded : undefined, onValidityChange: (value) => setValid((old) => old[teamKeys.current[index]] === value
+                        ? old
+                        : Object.assign(Object.assign({}, old), { [teamKeys.current[index]]: value })), hidePriceHints: false }))));
+        }),
+        react_1.default.createElement(button_1.Button, { block: true, size: 's', disabled: teams.length >= maxTeams || seats + min > availableSeats, onClick: () => change([...teams, { players: min, children: 0, reducedPlayers: 0 }]) }, t('bookingTeams.add', { defaultValue: 'Add another team' })),
+        react_1.default.createElement(typography_1.Typography.Text, { color: 'secondary' }, t('bookingTeams.settings', {
+            defaultValue: 'Each team plays separately. The game settings below apply to every team.',
+        })),
+        react_1.default.createElement(typography_1.Typography.Text, { weight: 'bold' }, t('bookingTeams.summary', {
+            defaultValue: 'Teams: {{teams}} · Players: {{players}}',
+            teams: teams.length,
+            players: seats,
+        })),
+        props.onSave && (react_1.default.createElement(button_1.Button, { block: true, disabled: !bookable, onClick: () => { var _a; return (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props, Object.assign(Object.assign({}, (0, order_teams_1.aggregateTeams)(teams)), { variation: variationChange })); } }, props.t('common:save')))));
+};
 exports.PlayersAndVariationPicker = PlayersAndVariationPicker;

package/dist/use-players-and-variation-picker/types.d.ts

@@ -1,3 +1,4 @@
+import { TariffSelectionModeEnum } from '@escapenavigator/types/dist/tariff/enum/tariff-selection-mode.enum';
 /**
  * Shared shapes used by `usePlayersAndVariationPicker`.
  *
@@ -30,6 +31,7 @@ export type PickerSlotVariation = {
      * их собирает `categoriesFromLegacy`, поэтому клиенту про старый формат
      * знать не нужно.
      */
+    selectionMode?: TariffSelectionModeEnum;
     categories?: TariffCategory[];
     childPriceDescription?: string | null;
     /**

package/dist/use-players-and-variation-picker/types.js

@@ -1,9 +1,2 @@
 "use strict";
-/**
- * Shared shapes used by `usePlayersAndVariationPicker`.
- *
- * They intentionally mirror both admin (`SlotRO`/`SlotEnrichedRO`) and widget
- * (`OpenapiSlotRO`/`OpenapiSlotEnrichedRO`) contracts so a single picker can
- * be plugged into either context.
- */
 Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/hooks",
-  "version": "2.2.11",
+  "version": "2.2.12",
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +14,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/services": "^2.2.10",
-    "@escapenavigator/types": "^2.2.9",
-    "@escapenavigator/utils": "^2.2.9",
+    "@escapenavigator/services": "^2.2.11",
+    "@escapenavigator/types": "^2.2.10",
+    "@escapenavigator/utils": "^2.2.10",
     "libphonenumber-js": "^1.12.24",
     "react": "19.2.6",
     "react-phone-input-2": "^2.15.1"
@@ -32,5 +32,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "^5.6"
   },
-  "gitHead": "9ea447d6c73eb90c6369653f557d15dfef025df3"
+  "gitHead": "cc2b4544fd91b36fe91063f106e71e48dc0a197e"
 }