@medalsocial/meda 3.6.0 → 3.6.1

package/dist/booking/internal/service-multi.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check } from 'lucide-react';
 import { cn } from '../../lib/utils.js';
+import { labelText } from '../labels.js';
 import { LiveStatus } from '../live-status.js';
 import { slotClass } from '../slots.js';
 import { renderLabel } from './label-parts.js';
@@ -38,13 +39,13 @@ export function PersonTabs({ people, active, done, onSelect, labels, labelledBy,
     return (_jsx("div", { role: "tablist", "aria-labelledby": labelledBy, "aria-describedby": describedBy, onKeyDown: onKeyDown, className: "-mx-1 flex gap-2 overflow-x-auto px-1 py-1", children: people.map((person, index) => {
             const selected = index === active;
             const finished = done(index);
-            return (_jsxs("button", { type: "button", role: "tab", id: serviceTabId(index), "aria-selected": selected, "aria-controls": selected ? serviceTabPanelId(index) : undefined, tabIndex: selected ? 0 : -1, onClick: () => onSelect(index), 
+            return (_jsxs("button", { type: "button", role: "tab", id: serviceTabId(index), "aria-selected": selected, "aria-label": finished ? `${person.label}, ${labelText(labels['service.tabDone'])}` : undefined, "aria-controls": selected ? serviceTabPanelId(index) : undefined, tabIndex: selected ? 0 : -1, onClick: () => onSelect(index), 
                 // Weight and ring carry the open tab alongside the colour, as the
                 // category pills do. Focus is an outline, so it stacks on the
                 // selection ring instead of replacing it with a fainter one.
                 className: cn('inline-flex h-11 shrink-0 items-center gap-1.5 rounded-full border-[1.5px] px-4 text-sm whitespace-nowrap transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring', selected
                     ? 'border-primary bg-primary/10 font-bold text-foreground ring-2 ring-primary'
-                    : 'border-primary/35 font-normal text-primary hover:border-primary hover:bg-primary/5', classNames?.tab, selected && classNames?.tabSelected), children: [finished && _jsx(Check, { "aria-hidden": "true", className: "size-4 shrink-0" }), person.label, finished && (_jsxs("span", { className: "sr-only", children: [', ', renderLabel(labels['service.tabDone'])] }))] }, person.key));
+                    : 'border-primary/35 font-normal text-primary hover:border-primary hover:bg-primary/5', classNames?.tab, selected && classNames?.tabSelected), children: [finished && _jsx(Check, { "aria-hidden": "true", className: "size-4 shrink-0" }), person.label] }, person.key));
         }) }));
 }
 /**

package/dist/booking/service-screen.d.ts

@@ -51,6 +51,12 @@ export interface ServiceScreenCategory {
     key: string;
     /** The pill's and the section heading's text. */
     label: string;
+    /**
+     * Who the group is for. In a family, a child's menu is `childCategory` plus
+     * every group marked `'any'` (an ear piercing, say) — never a grown-ups'
+     * group. Absent: the group is a grown-ups' one, as before.
+     */
+    audience?: 'child' | 'adult' | 'any';
 }
 /** A person's «same as last time», and the one-line note when it was swapped (e.g. for age). */
 export interface ServiceSuggestion {

package/dist/booking/service-screen.js

@@ -193,12 +193,19 @@ function defaultCategoryOf(categories) {
  * What a person in a party can have is what the business takes online and —
  * like the booking engine — nothing whose `maxPerBooking` is below the party's
  * size: the strictest service in a request sets the limit for all of it. With
- * a `childCategory`, a child gets that menu and an adult everything else,
- * which is often nothing, and is told so.
+ * a `childCategory`, a child gets that menu plus the groups meant for anyone
+ * (`audience: 'any'`), and an adult everything but the children's — which is
+ * often nothing, and they are told so.
  */
 function PartyServiceScreen({ services, categories, categoryOf, childCategory, serviceFits = allFit, party, selection, shared, }) {
     const { Card, labels, classNames } = shared;
     const fileUnder = categoryOf ?? defaultCategoryOf(categories);
+    const keysFor = (audience) => new Set(categories.filter((group) => group.audience === audience).map((group) => group.key));
+    // Children's groups: the configured one plus any group marked 'child'.
+    const forChildren = keysFor('child');
+    if (childCategory !== undefined)
+        forChildren.add(childCategory);
+    const forAnyone = keysFor('any');
     const size = party.people.length;
     const [active, setActive] = useState(0);
     // Multi-select: the engine books a grown-up's visit alongside the
@@ -212,7 +219,17 @@ function PartyServiceScreen({ services, categories, categoryOf, childCategory, s
         // note below that books the wrong thing.
         childCategory === undefined
             ? fits
-            : fits.filter((service) => (fileUnder(service) === childCategory) === !person.adult), (service) => serviceFits(service, index));
+            : fits.filter((service) => {
+                const key = fileUnder(service);
+                if (forChildren.has(key))
+                    return !person.adult;
+                // A child gets an «anyone» group only through an EXPLICIT mapping:
+                // the caller's own `categoryOf` when it passes one (its mapping is
+                // its decision), else the service's own category — never the
+                // built-in display fallback, which files an unlisted (possibly
+                // grown-up) category under the last group.
+                return person.adult || forAnyone.has(categoryOf ? key : service.category);
+            }), (service) => serviceFits(service, index));
         const ticked = selection ? tickedBy(selection, index) : null;
         const chosen = party.choices[index]?.id ?? null;
         const suggestion = person.suggestion ?? null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medalsocial/meda",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "description": "Shared Meda UI shell and runtime package.",
   "license": "Apache-2.0",
   "repository": {