@jtakeit/kit 0.1.0 → 0.2.0

package/README.md

@@ -31,7 +31,7 @@ shape, so the form says what it sends and the element sends nothing else.
 import { renderBookingForm } from '@jtakeit/kit/booking';
 
 const html = renderBookingForm({
-  services,                 // [{ slug, title, takes, costs, group }], the entries with `takes`
+  services,                 // [{ slug, title, takes, costs, rates, group }], the entries with `takes`; `rates` instead of `costs` says «from …»
   resources,                // [{ slug, title }] — leave empty for a solo business
   locale: 'uk',             // uk, de or en: the words before the platform has spoken
   combine: settings.combine === true,   // jtk/bookings.json

package/elements/booking.js

@@ -9,7 +9,7 @@
  *
  *   GET  /api/turnstile             the widget's key, or "" for none
  *   GET  /api/availability?service=…&from=…&to=…[&resource=…][&party=…][&count=…]
- *        → { zone, slots[{start, free, ends}], party_max, scale, services[{slug,
+ *        → { zone, slots[{start, free, ends, costs_minor}], party_max, quantity_max, scale, services[{slug,
  *            scale, takes, fewest, most}], prices{class: minor}, currency, … }
  *   POST /api/book                  → { id, state, amount_minor, currency, token, manage_path, telegram_url }
  *   POST /api/pay                   → { url } — only when amount_minor > 0
@@ -113,13 +113,18 @@ export function wireBooking(form) {
     const chosenBoxes = boxes.filter((b) => b.checked);
     if (chosenBoxes.length < 2) { total.hidden = true; return; }
     const minutes = chosenBoxes.reduce((sum, b) => sum + Number(b.dataset.takes ?? 0), 0);
-    const minor = chosenBoxes.reduce((sum, b) => sum + Number(b.dataset.costs ?? 0), 0);
+    // A price per person is times the party (wiki/70); the slot's price is
+    // the platform's, this is the list's own running sum.
+    const people = partyField.hidden ? 1 : Number(party.value) || 1;
+    const minor = chosenBoxes.reduce((sum, b) => sum + Number(b.dataset.costs ?? 0) * (b.dataset.per === 'person' ? people : 1), 0);
     const price = minor > 0 ? ' · ' + money(minor, form.dataset.currency, pageLang()) : '';
     total.textContent = `${words.total}: ${minutes} min${price}`;
     total.hidden = false;
   }
   const resource = /** @type {HTMLSelectElement | null} */ (form.querySelector('[name=resource]'));
   /** @type {HTMLSelectElement} */ const party = q('[name=party]');
+  /** @type {HTMLSelectElement} */ const quantity = q('[name=quantity]');
+  /** @type {HTMLElement} */ const quantityField = q('[data-quantity-field]');
   /** @type {HTMLSelectElement} */ const hours = q('[name=hours]');
   /** @type {HTMLElement} */ const hoursField = q('[data-hours-field]');
   /** @type {HTMLElement} */ const partyField = q('[data-party-field]');
@@ -221,10 +226,34 @@ export function wireBooking(form) {
     }
     if (partyField.hidden) {
       partyField.hidden = false;
-      party.addEventListener('change', () => void load());
+      party.addEventListener('change', () => { showTotal(); void load(); });
     }
   }
 
+  /**
+   * How many of the class one request may take (wiki/69): the settings'
+   * most, and no more than are free at the chosen time. Hidden at one, and
+   * when a resource is named — a name is one thing.
+   * @param {number} most
+   * @param {number} free
+   */
+  function offerQuantity(most, free) {
+    if (most <= 1 || resourceChosen()) { quantityField.hidden = true; return; }
+    const cap = Math.max(1, Math.min(most, free || most));
+    const was = quantity.value;
+    quantity.textContent = '';
+    for (let n = 1; n <= cap; n++) {
+      const option = document.createElement('option');
+      option.value = String(n);
+      option.textContent = String(n);
+      quantity.appendChild(option);
+    }
+    quantity.value = was && Number(was) <= cap ? was : '1';
+    quantityField.hidden = false;
+  }
+  function quantityChosen() {
+    return quantityField.hidden ? 1 : Number(quantity.value) || 1;
+  }
   /** @param {string} text */
   function say(text) {
     error.textContent = text;
@@ -471,6 +500,7 @@ export function wireBooking(form) {
       zone = data.zone;
       if (typeof data.scale === 'string') daily = data.scale === 'daily';
       offerParty(data.party_max ?? 0);
+      offerQuantity(data.quantity_max ?? 1, Math.max(0, ...(data.slots ?? []).map((/** @type {{free?: string[]}} */ s) => (s.free ?? []).length)));
       // A platform that says what each service may be taken as: the second
       // date follows it. The first answer may change what was asked — the
       // shortest stay filled in — and is asked once more with it.
@@ -507,8 +537,12 @@ export function wireBooking(form) {
         button.textContent = daily
           ? slot.ends ? `${dayAndHour(slot.start, false)} — ${dayAndHour(slot.ends, false)}` : dayAndHour(slot.start, false)
           : clock(slot.start);
+        // What the booking starting here costs — the platform's number, every
+        // hour by its own row (wiki/68) — beside the time, whenever one came.
+        if (slot.costs_minor > 0) button.textContent += ` · ${money(slot.costs_minor, currency, pageLang())}`;
         button.addEventListener('click', () => {
           chosen = slot.start;
+          offerQuantity(data.quantity_max ?? 1, (slot.free ?? []).length);
           for (const other of slots.querySelectorAll('.booking__slot')) {
             other.classList.remove('is-chosen');
             other.setAttribute('aria-pressed', 'false');
@@ -565,6 +599,7 @@ export function wireBooking(form) {
         // How many of the service — never an end: the platform computes
         // the end and the price from it.
         ...(count() ? { count: count() } : {}),
+        ...(quantityChosen() > 1 ? { quantity: quantityChosen() } : {}),
         start: chosen,
         name, phone, email,
         note: String(data.get('note') ?? ''),
@@ -599,7 +634,7 @@ export function wireBooking(form) {
   });
 
   /**
-   * @param {{ state: string; start: string; ends: string; amount_minor: number; currency: string; id: string; manage_path: string; telegram_url: string; resource?: string; class?: string }} made
+   * @param {{ state: string; start: string; ends: string; amount_minor: number; currency: string; id: string; manage_path: string; telegram_url: string; resource?: string; class?: string; group?: { quantity: number; amount_minor: number; bookings: { resource: string; resource_name?: string }[] } }} made
    */
   function done(made) {
     for (const el of /** @type {NodeListOf<HTMLElement>} */ (form.querySelectorAll('.field, .booking__times, .booking__services, [data-submit], [data-challenge]'))) el.hidden = true;
@@ -615,7 +650,11 @@ export function wireBooking(form) {
     // What was taken: the class promised, where «any free» was chosen; the
     // one by name and marks, where it was chosen — «VW Combi · білий ·
     // AA1234BB». Nothing where the business has one of everything.
-    const what = made.class ? words.anyOf.replace('{class}', made.class) : resourceChosen() ? made.resource ?? '' : '';
+    let what = made.class ? words.anyOf.replace('{class}', made.class) : resourceChosen() ? made.resource ?? '' : '';
+    // A group: the resources it took, and how many together (wiki/69).
+    if (made.group && made.group.quantity > 1) {
+      what = `${made.group.bookings.map((/** @type {{resource_name?: string, resource: string}} */ b) => b.resource_name || b.resource).join(', ')} · ${words.together.replace('{n}', String(made.group.quantity))}`;
+    }
     if (what) {
       /** @type {HTMLElement} */ const line = q('[data-done-what]');
       line.textContent = words.took.replace('{what}', what);
@@ -627,12 +666,14 @@ export function wireBooking(form) {
     /** @type {HTMLAnchorElement} */ const tg = q('[data-telegram]');
     if (made.telegram_url) { tg.href = made.telegram_url; tg.textContent = words.telegram; tg.hidden = false; }
 
-    if (made.amount_minor > 0) {
+    // The group is paid for together: its sum on the button.
+    const owed = made.group && made.group.amount_minor > 0 ? made.group.amount_minor : made.amount_minor;
+    if (owed > 0) {
       /** @type {HTMLElement} */ const note = q('[data-pay-note]');
       note.textContent = words.payNote;
       note.hidden = false;
       /** @type {HTMLAnchorElement} */ const pay = q('[data-pay]');
-      pay.textContent = `${words.pay} · ${money(made.amount_minor, made.currency, pageLang())}`;
+      pay.textContent = `${words.pay} · ${money(owed, made.currency, pageLang())}`;
       pay.href = '#';
       pay.hidden = false;
       pay.addEventListener('click', async (event) => {

package/lib/booking/render.mjs

@@ -38,7 +38,7 @@ import { wordsFor } from './words.mjs';
  * sends no key that is not here — the list cannot drift from the request,
  * because the element imports this one.
  */
-export const SENDS = Object.freeze(['service', 'services', 'resource', 'class', 'party', 'count', 'start', 'name', 'phone', 'email', 'note', 'turnstile']);
+export const SENDS = Object.freeze(['service', 'services', 'resource', 'class', 'party', 'count', 'quantity', 'start', 'name', 'phone', 'email', 'note', 'turnstile']);
 
 /**
  * @typedef {object} Named
@@ -46,9 +46,20 @@ export const SENDS = Object.freeze(['service', 'services', 'resource', 'class',
  * @property {string} title   what the visitor reads
  * @property {number} [takes] minutes, for the running total when several are picked
  * @property {number} [costs] minor units, for the same
+ * @property {{ day: string, from: number, until: number, costs: number }[]} [rates] a price by the hour of the week instead of `costs`: the list says «from …», and the price is the slot's, printed beside the time
+ * @property {string} [per]   `'person'` for a price times the party — a class per place, shoes; the list says so and the running total multiplies
  * @property {string} [group] a heading the services are listed under
  */
 
+/**
+ * The least a service priced by the hour of the week may cost, or nothing.
+ * @param {Named} one
+ */
+export function priceFrom(one) {
+  const rows = Array.isArray(one.rates) ? one.rates : [];
+  return rows.reduce((least, row) => (row.costs > 0 && (least === 0 || row.costs < least) ? row.costs : least), 0);
+}
+
 /**
  * @typedef {object} BookingFormProps
  * @property {Named[]} services
@@ -70,6 +81,20 @@ function esc(value) {
   return String(value ?? '').replace(/[&<>"']/g, (c) => ESCAPE[c]);
 }
 
+/**
+ * A service's price as the list says it: the price, or «from …» for one
+ * priced by the hour of the week — whose price is the slot's and is printed
+ * beside the time once one is chosen (wiki/68).
+ * @param {Named} one
+ * @param {string} currency
+ * @param {string} lang
+ */
+function priceSaid(one, currency, lang) {
+  if (one.costs) return ` · ${esc(money(one.costs, currency, lang))}`;
+  const least = priceFrom(one);
+  return least > 0 ? ` · ${esc(wordsFor(lang).from)} ${esc(money(least, currency, lang))}` : '';
+}
+
 /**
  * The booking form as HTML.
  *
@@ -84,7 +109,7 @@ export function renderBookingForm(props) {
   if (!Array.isArray(services)) throw new TypeError('renderBookingForm: services is a list of { slug, title }');
   const unsaid = kind !== '' && kind !== 'salon';
   const WORDS = wordsFor(locale, scale);
-  const lang = locale === 'de' ? 'de-CH' : locale === 'uk' ? 'uk-UA' : 'en';
+  const lang = { de: 'de-CH', uk: 'uk-UA', ru: 'ru-RU', es: 'es-ES', it: 'it-IT', pt: 'pt-PT', fr: 'fr-FR' }[locale] ?? 'en';
 
   // The checklist's runs, in the order the services came, each heading once.
   /** @type {{ group: string; items: Named[] }[]} */
@@ -99,15 +124,19 @@ export function renderBookingForm(props) {
   const today = now.toISOString().slice(0, 10);
   const last = new Date(now.getTime() + daysAhead * 86_400_000).toISOString().slice(0, 10);
 
+  // An add-on — a price and no length: shoes, a racket — is listed under
+  // its own heading, after the services, and rides on the visit (wiki/70).
+  const addOns = runs.flatMap((run) => run.items.filter((one) => !one.takes && (one.costs || priceFrom(one))));
+  const timedRuns = runs.map((run) => ({ ...run, items: run.items.filter((one) => !addOns.includes(one)) })).filter((run) => run.items.length > 0);
   const servicesField = combine
     ? `<fieldset class="booking__services" data-services>
         <legend class="field__label" data-say="services">${esc(WORDS.services)}</legend>
-        ${runs.map((run) => `<div class="booking__run">
+        ${[...timedRuns, ...(addOns.length ? [{ group: WORDS.addOns, items: addOns }] : [])].map((run) => `<div class="booking__run">
             ${run.group !== '' ? `<p class="booking__run-title">${esc(run.group)}</p>` : ''}
             ${run.items.map((one) => `<label class="booking__service">
-                <input type="checkbox" name="service" value="${esc(one.slug)}" data-takes="${esc(one.takes ?? 0)}" data-costs="${esc(one.costs ?? 0)}">
+                <input type="checkbox" name="service" value="${esc(one.slug)}" data-takes="${esc(one.takes ?? 0)}" data-costs="${esc(one.costs ?? 0)}"${one.per === 'person' ? ' data-per="person"' : ''}>
                 <span class="booking__service-name">${esc(one.title)}</span>
-                <span class="booking__service-meta">${one.takes ? `${esc(one.takes)} min` : ''}${one.costs ? ` · ${esc(money(one.costs, currency, lang))}` : ''}</span>
+                <span class="booking__service-meta">${one.takes ? `${esc(one.takes)} min` : ''}${priceSaid(one, currency, lang)}${one.per === 'person' ? ` · ${esc(WORDS.perPerson)}` : ''}</span>
               </label>`).join('\n')}
           </div>`).join('\n')}
         <p class="booking__total" data-total hidden></p>
@@ -163,6 +192,11 @@ export function renderBookingForm(props) {
     <select class="field__input" id="booking-party" name="party"></select>
   </div>
 
+  <div class="field" data-quantity-field hidden>
+    <label class="field__label" for="booking-quantity">${esc(WORDS.quantity)}</label>
+    <select class="field__input" id="booking-quantity" name="quantity"></select>
+  </div>
+
   <fieldset class="field booking__times" data-times>
     <legend class="field__label">${esc(WORDS.time)}</legend>
     <p class="booking__hint" data-times-hint aria-live="polite">${esc(WORDS.pick)}</p>

package/lib/booking/words.mjs

@@ -10,7 +10,7 @@
  */
 
 /** The languages the form carries words in. */
-export const LOCALES = Object.freeze(['uk', 'de', 'en']);
+export const LOCALES = Object.freeze(['uk', 'de', 'en', 'ru', 'es', 'it', 'pt', 'fr']);
 
 const BASE = {
   uk: {
@@ -22,7 +22,8 @@ const BASE = {
     manage: 'Скасувати або перенести запис', telegram: 'Нагадування в Telegram',
     taken: 'Цей час щойно зайняли — оберіть інший.', failed: 'Не вдалося записатися. Спробуйте ще раз або зателефонуйте.',
     back: 'До', length: 'Від {min} до {max} діб.', anyOf: 'Будь-яке вільне — {class}', noneOf: '{class} — немає вільних', notFor: '{who} — не для обраного', notForChosen: '{who} — не для обраного. Оберіть іншого або «{any}».', took: 'Ви берете: {what}',
-    party: 'Скільки вас', hours: 'Скільки часу', hourShort: 'год', minuteShort: 'хв', challenge: 'Підтвердіть, що ви не робот, і спробуйте ще раз.', tooMany: 'У вас уже є кілька відкритих записів. Скасуйте один із них або зателефонуйте нам.',
+    party: 'Скільки вас', perPerson: 'за особу', addOns: 'Додатково', quantity: 'Скільки — доріжок, столів, кімнат', together: '{n} разом', hours: 'Скільки часу', hourShort: 'год', minuteShort: 'хв', challenge: 'Підтвердіть, що ви не робот, і спробуйте ще раз.', tooMany: 'У вас уже є кілька відкритих записів. Скасуйте один із них або зателефонуйте нам.',
+    from: 'від',
     needContact: 'Вкажіть телефон або пошту, щоб ми могли з вами звʼязатися.', noScript: 'Онлайн-форма працює з увімкненим JavaScript — увімкніть його або зателефонуйте нам.',
   },
   de: {
@@ -34,7 +35,8 @@ const BASE = {
     manage: 'Termin absagen oder verschieben', telegram: 'Erinnerungen per Telegram',
     taken: 'Diese Zeit wurde gerade vergeben — bitte wählen Sie eine andere.', failed: 'Die Buchung hat nicht geklappt. Bitte erneut versuchen oder anrufen.',
     back: 'Bis', length: 'Von {min} bis {max} Nächte.', anyOf: 'Beliebig frei — {class}', noneOf: '{class} — nichts verfügbar', notFor: '{who} — nicht für diese Auswahl', notForChosen: '{who} — nicht für diese Auswahl. Bitte jemand anderen oder «{any}» wählen.', took: 'Sie nehmen: {what}',
-    party: 'Wie viele Personen', hours: 'Wie lange', hourShort: 'Std.', minuteShort: 'Min.', challenge: 'Bitte bestätigen Sie, dass Sie kein Roboter sind, und versuchen Sie es erneut.', tooMany: 'Sie haben bereits mehrere offene Termine. Sagen Sie einen ab oder rufen Sie uns an.',
+    party: 'Wie viele Personen', perPerson: 'pro Person', addOns: 'Zusätzlich', quantity: 'Wie viele — Bahnen, Tische, Zimmer', together: '{n} zusammen', hours: 'Wie lange', hourShort: 'Std.', minuteShort: 'Min.', challenge: 'Bitte bestätigen Sie, dass Sie kein Roboter sind, und versuchen Sie es erneut.', tooMany: 'Sie haben bereits mehrere offene Termine. Sagen Sie einen ab oder rufen Sie uns an.',
+    from: 'ab',
     needContact: 'Bitte Telefon oder E-Mail angeben, damit wir Sie erreichen können.', noScript: 'Für die Online-Buchung ist JavaScript nötig — oder rufen Sie uns an.',
   },
   en: {
@@ -46,9 +48,225 @@ const BASE = {
     manage: 'Cancel or move the booking', telegram: 'Reminders in Telegram',
     taken: 'That time has just been taken — please choose another.', failed: 'That did not work. Please try again or ring us.',
     back: 'Until', length: 'From {min} to {max} nights.', anyOf: 'Any free — {class}', noneOf: '{class} — none available', notFor: '{who} — not for this choice', notForChosen: '{who} — not for this choice. Pick another, or «{any}».', took: 'You are taking: {what}',
-    party: 'How many of you', hours: 'How long', hourShort: 'h', minuteShort: 'min', challenge: 'Please confirm you are not a robot and try again.', tooMany: 'You already have several open bookings. Cancel one, or ring us.',
+    party: 'How many of you', perPerson: 'per person', addOns: 'Add-ons', quantity: 'How many — lanes, tables, rooms', together: '{n} together', hours: 'How long', hourShort: 'h', minuteShort: 'min', challenge: 'Please confirm you are not a robot and try again.', tooMany: 'You already have several open bookings. Cancel one, or ring us.',
+    from: 'from',
     needContact: 'Leave a phone number or an email so we can reach you.', noScript: 'Booking online needs JavaScript — or ring us.',
   },
+  ru: {
+    service: "Услуга",
+    services: "Услуги",
+    total: "Итого",
+    pickService: "Выберите хотя бы одну услугу.",
+    resource: "Мастер",
+    any: "Любой",
+    day: "День",
+    time: "Время",
+    name: "Имя",
+    phone: "Телефон",
+    email: "Электронная почта",
+    note: "Комментарий",
+    book: "Записаться",
+    sending: "Записываем…",
+    none: "В этот день свободного времени нет.",
+    noParty: "Для такой компании свободных мест нет.",
+    pick: "Выберите день",
+    confirmed: "Вы записаны.",
+    pending: "Запись получена — мы подтвердим ее в ближайшее время.",
+    pay: "Оплатить",
+    payNote: "Время зарезервировано на 30 минут. Чтобы закрепить его, завершите оплату.",
+    manage: "Отменить или перенести запись",
+    telegram: "Напоминания в Telegram",
+    taken: "Это время только что заняли — выберите другое.",
+    failed: "Не удалось записаться. Попробуйте еще раз или позвоните.",
+    back: "До",
+    length: "От {min} до {max} суток.",
+    anyOf: "Любой свободный — {class}",
+    noneOf: "{class} — свободных нет",
+    notFor: "{who} — не для выбранного",
+    notForChosen: "{who} — не для выбранного. Выберите другого или «{any}».",
+    took: "Вы берете: {what}",
+    party: "Сколько вас", perPerson: 'за человека', addOns: 'Дополнительно', quantity: 'Сколько — дорожек, столов, комнат', together: '{n} вместе',
+    hours: "На сколько времени",
+    hourShort: "ч",
+    minuteShort: "мин",
+    challenge: "Подтвердите, что вы не робот, и попробуйте еще раз.",
+    tooMany: "У вас уже есть несколько открытых записей. Отмените одну из них или позвоните нам.",
+    from: 'от',
+    needContact: "Укажите телефон или почту, чтобы мы могли с вами связаться.",
+    noScript: "Онлайн-форма работает с включенным JavaScript — включите его или позвоните нам.",
+  },
+  es: {
+    service: "Servicio",
+    services: "Servicios",
+    total: "Total",
+    pickService: "Elija al menos un servicio.",
+    resource: "Con",
+    any: "Cualquiera",
+    day: "Día",
+    time: "Hora",
+    name: "Nombre",
+    phone: "Teléfono",
+    email: "Correo electrónico",
+    note: "Comentario",
+    book: "Reservar",
+    sending: "Reservando…",
+    none: "Ese día no queda nada libre.",
+    noParty: "No hay sitio para un grupo tan grande.",
+    pick: "Elija un día",
+    confirmed: "Su reserva está hecha.",
+    pending: "Recibida: la confirmaremos en breve.",
+    pay: "Pagar ahora",
+    payNote: "La hora queda retenida 30 minutos. Complete el pago para conservarla.",
+    manage: "Cancelar o mover la reserva",
+    telegram: "Recordatorios en Telegram",
+    taken: "Esa hora acaba de ocuparse; elija otra, por favor.",
+    failed: "No ha funcionado. Inténtelo de nuevo o llámenos.",
+    back: "Hasta",
+    length: "De {min} a {max} noches.",
+    anyOf: "Cualquiera libre — {class}",
+    noneOf: "{class} — ninguno disponible",
+    notFor: "{who} — no para esta elección",
+    notForChosen: "{who} — no para esta elección. Elija otro, o «{any}».",
+    took: "Se lleva: {what}",
+    party: "Cuántos son", perPerson: 'por persona', addOns: 'Extras', quantity: 'Cuántas — pistas, mesas, habitaciones', together: '{n} juntas',
+    hours: "Cuánto tiempo",
+    hourShort: "h",
+    minuteShort: "min",
+    challenge: "Confirme que no es un robot e inténtelo de nuevo.",
+    tooMany: "Ya tiene varias reservas abiertas. Cancele una o llámenos.",
+    from: 'desde',
+    needContact: "Deje un teléfono o un correo electrónico para que podamos contactar con usted.",
+    noScript: "Para reservar en línea hace falta JavaScript — o llámenos.",
+  },
+  it: {
+    service: "Servizio",
+    services: "Servizi",
+    total: "Totale",
+    pickService: "Scelga almeno un servizio.",
+    resource: "Con",
+    any: "Chiunque",
+    day: "Giorno",
+    time: "Orario",
+    name: "Nome",
+    phone: "Telefono",
+    email: "Email",
+    note: "Nota",
+    book: "Prenota",
+    sending: "Prenotazione…",
+    none: "Niente di libero in quel giorno.",
+    noParty: "Non c'è posto per un gruppo così numeroso.",
+    pick: "Scelga un giorno",
+    confirmed: "Prenotazione effettuata.",
+    pending: "Ricevuta: confermeremo a breve.",
+    pay: "Paga ora",
+    payNote: "L'orario è tenuto per 30 minuti. Completi il pagamento per mantenerlo.",
+    manage: "Annulla o sposta la prenotazione",
+    telegram: "Promemoria su Telegram",
+    taken: "Questo orario è appena stato preso: ne scelga un altro.",
+    failed: "Non ha funzionato. Riprovi o ci chiami.",
+    back: "Fino a",
+    length: "Da {min} a {max} notti.",
+    anyOf: "Uno qualsiasi libero — {class}",
+    noneOf: "{class} — nessuno disponibile",
+    notFor: "{who} — non per questa scelta",
+    notForChosen: "{who} — non per questa scelta. Ne scelga un altro, o «{any}».",
+    took: "Sta prendendo: {what}",
+    party: "Quante persone", perPerson: 'a persona', addOns: 'Extra', quantity: 'Quante — piste, tavoli, camere', together: '{n} insieme',
+    hours: "Per quanto tempo",
+    hourShort: "h",
+    minuteShort: "min",
+    challenge: "Confermi di non essere un robot e riprovi.",
+    tooMany: "Ha già diverse prenotazioni aperte. Ne annulli una, o ci chiami.",
+    from: 'da',
+    needContact: "Lasci un numero di telefono o un'email per poterLa contattare.",
+    noScript: "Per prenotare online serve JavaScript: oppure ci chiami.",
+  },
+  pt: {
+    service: "Serviço",
+    services: "Serviços",
+    total: "Total",
+    pickService: "Escolha pelo menos um serviço.",
+    resource: "Com",
+    any: "Qualquer um",
+    day: "Dia",
+    time: "Hora",
+    name: "Nome",
+    phone: "Telefone",
+    email: "E-mail",
+    note: "Observações",
+    book: "Reservar",
+    sending: "A reservar…",
+    none: "Não há horários livres nesse dia.",
+    noParty: "Não há lugar para um grupo tão grande.",
+    pick: "Escolha um dia",
+    confirmed: "A sua reserva está feita.",
+    pending: "Pedido recebido — confirmamos em breve.",
+    pay: "Pagar agora",
+    payNote: "O horário fica reservado durante 30 minutos. Conclua o pagamento para o manter.",
+    manage: "Cancelar ou remarcar a reserva",
+    telegram: "Lembretes no Telegram",
+    taken: "Esse horário acabou de ser ocupado — escolha outro.",
+    failed: "Não foi possível reservar. Tente de novo ou ligue-nos.",
+    back: "Até",
+    length: "De {min} a {max} noites.",
+    anyOf: "Qualquer livre — {class}",
+    noneOf: "{class} — nenhum disponível",
+    notFor: "{who} — não para esta escolha",
+    notForChosen: "{who} — não para esta escolha. Escolha outro ou «{any}».",
+    took: "Leva: {what}",
+    party: "Quantos são", perPerson: 'por pessoa', addOns: 'Extras', quantity: 'Quantas — pistas, mesas, quartos', together: '{n} em conjunto',
+    hours: "Quanto tempo",
+    hourShort: "h",
+    minuteShort: "min",
+    challenge: "Confirme que não é um robô e tente de novo.",
+    tooMany: "Já tem várias reservas em aberto. Cancele uma ou ligue-nos.",
+    from: 'desde',
+    needContact: "Deixe um telefone ou um e-mail para podermos contactá-lo.",
+    noScript: "Reservar online precisa de JavaScript — ou ligue-nos.",
+  },
+  fr: {
+    service: "Prestation",
+    services: "Prestations",
+    total: "Total",
+    pickService: "Choisissez au moins une prestation.",
+    resource: "Avec",
+    any: "Sans préférence",
+    day: "Jour",
+    time: "Heure",
+    name: "Nom",
+    phone: "Téléphone",
+    email: "E-mail",
+    note: "Remarque",
+    book: "Réserver",
+    sending: "Réservation en cours…",
+    none: "Rien n’est libre ce jour-là.",
+    noParty: "Pas de place pour un groupe de cette taille.",
+    pick: "Choisissez un jour",
+    confirmed: "Votre réservation est confirmée.",
+    pending: "Demande reçue — nous confirmons sous peu.",
+    pay: "Payer maintenant",
+    payNote: "Le créneau est réservé pendant 30 minutes. Terminez le paiement pour le conserver.",
+    manage: "Annuler ou déplacer la réservation",
+    telegram: "Rappels dans Telegram",
+    taken: "Ce créneau vient d’être pris — veuillez en choisir un autre.",
+    failed: "Cela n’a pas fonctionné. Réessayez ou appelez-nous.",
+    back: "Jusqu’au",
+    length: "De {min} à {max} nuits.",
+    anyOf: "N’importe lequel de libre — {class}",
+    noneOf: "{class} — aucun disponible",
+    notFor: "{who} — pas pour ce choix",
+    notForChosen: "{who} — pas pour ce choix. Choisissez-en un autre, ou « {any} ».",
+    took: "Vous prenez : {what}",
+    party: "Combien êtes-vous", perPerson: 'par personne', addOns: 'Options', quantity: 'Combien — pistes, tables, chambres', together: '{n} ensemble',
+    hours: "Combien de temps",
+    hourShort: "h",
+    minuteShort: "min",
+    challenge: "Veuillez confirmer que vous n’êtes pas un robot et réessayer.",
+    tooMany: "Vous avez déjà plusieurs réservations en cours. Annulez-en une, ou appelez-nous.",
+    from: 'à partir de',
+    needContact: "Laissez un numéro de téléphone ou un e-mail pour que nous puissions vous joindre.",
+    noScript: "Réserver en ligne nécessite JavaScript — ou appelez-nous.",
+  },
 };
 
 // A letting is had for days, not at a time: «Час», «вільного часу немає» and
@@ -72,6 +290,46 @@ const DAYS = {
     payNote: 'The days are held for 30 minutes. Complete the payment to keep them.',
     taken: 'Those days have just been taken — please choose others.',
   },
+  ru: {
+    day: "С",
+    pick: "Выберите даты",
+    time: "Дни",
+    none: "С этого дня ничего свободного нет.",
+    payNote: "Эти дни держим за вами 30 минут. Чтобы закрепить их, завершите оплату.",
+    taken: "Эти дни только что заняли — выберите другие.",
+  },
+  es: {
+    day: "Desde",
+    pick: "Elija las fechas",
+    time: "Días",
+    none: "A partir de ese día no queda nada libre.",
+    payNote: "Los días quedan retenidos 30 minutos. Complete el pago para conservarlos.",
+    taken: "Esos días acaban de ocuparse; elija otros, por favor.",
+  },
+  it: {
+    day: "Dal",
+    pick: "Scelga le date",
+    time: "Giorni",
+    none: "Niente di libero da quel giorno.",
+    payNote: "I giorni sono tenuti per 30 minuti. Completi il pagamento per mantenerli.",
+    taken: "Questi giorni sono appena stati presi: ne scelga altri.",
+  },
+  pt: {
+    day: "De",
+    pick: "Escolha as datas",
+    time: "Dias",
+    none: "Não há nada livre a partir desse dia.",
+    payNote: "Os dias ficam reservados durante 30 minutos. Conclua o pagamento para os manter.",
+    taken: "Esses dias acabaram de ser ocupados — escolha outros.",
+  },
+  fr: {
+    day: "Du",
+    pick: "Choisissez les dates",
+    time: "Jours",
+    none: "Rien n’est libre à partir de ce jour.",
+    payNote: "Les jours sont réservés pendant 30 minutes. Terminez le paiement pour les conserver.",
+    taken: "Ces jours viennent d’être pris — veuillez en choisir d’autres.",
+  },
 };
 
 /**

package/lib/kits.mjs

@@ -108,7 +108,7 @@ export function checkKit(kit, from) {
 /** The language a kit's words are taken in: the site's, or English where the kit has not got it. */
 export function kitLanguage(locale) {
   const lang = String(locale ?? '').slice(0, 2);
-  return ['uk', 'en', 'de'].includes(lang) ? lang : 'en';
+  return ['uk', 'en', 'de', 'ru', 'es', 'it', 'pt', 'fr'].includes(lang) ? lang : 'en';
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jtakeit/kit",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "The framework-free half of a site on jtakeit: the booking form as an element and as markup, for Astro through @jtakeit/astro and for any other generator directly",
   "license": "MIT",
   "type": "module",
@@ -8,18 +8,48 @@
     "jtkit": "bin/jtkit.mjs"
   },
   "exports": {
-    ".": { "types": "./types/index.d.ts", "default": "./index.mjs" },
-    "./booking": { "types": "./types/booking.d.ts", "default": "./lib/booking/render.mjs" },
-    "./booking/words": { "types": "./types/words.d.ts", "default": "./lib/booking/words.mjs" },
-    "./lead": { "types": "./types/lead.d.ts", "default": "./lib/lead/render.mjs" },
-    "./money": { "types": "./types/money.d.ts", "default": "./lib/money.mjs" },
-    "./meta": { "types": "./types/meta.d.ts", "default": "./lib/meta.mjs" },
-    "./kits": { "types": "./types/kits.d.ts", "default": "./lib/kits.mjs" },
+    ".": {
+      "types": "./types/index.d.ts",
+      "default": "./index.mjs"
+    },
+    "./booking": {
+      "types": "./types/booking.d.ts",
+      "default": "./lib/booking/render.mjs"
+    },
+    "./booking/words": {
+      "types": "./types/words.d.ts",
+      "default": "./lib/booking/words.mjs"
+    },
+    "./lead": {
+      "types": "./types/lead.d.ts",
+      "default": "./lib/lead/render.mjs"
+    },
+    "./money": {
+      "types": "./types/money.d.ts",
+      "default": "./lib/money.mjs"
+    },
+    "./meta": {
+      "types": "./types/meta.d.ts",
+      "default": "./lib/meta.mjs"
+    },
+    "./kits": {
+      "types": "./types/kits.d.ts",
+      "default": "./lib/kits.mjs"
+    },
     "./catalogue": "./lib/catalogue.mjs",
     "./codes": "./lib/codes.mjs",
-    "./elements/booking": { "types": "./types/elements-booking.d.ts", "default": "./elements/booking.js" },
-    "./elements/lead": { "types": "./types/elements-lead.d.ts", "default": "./elements/lead.js" },
-    "./elements/alive": { "types": "./types/alive.d.ts", "default": "./elements/alive.js" },
+    "./elements/booking": {
+      "types": "./types/elements-booking.d.ts",
+      "default": "./elements/booking.js"
+    },
+    "./elements/lead": {
+      "types": "./types/elements-lead.d.ts",
+      "default": "./elements/lead.js"
+    },
+    "./elements/alive": {
+      "types": "./types/alive.d.ts",
+      "default": "./elements/alive.js"
+    },
     "./booking.css": "./booking.css",
     "./lead.css": "./lead.css"
   },
@@ -38,7 +68,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/jtakeit/astro.git",
+    "url": "https://github.com/jtakeit/jtakeit-kit.git",
     "directory": "kit"
   },
   "keywords": [

package/types/booking.d.ts

@@ -3,6 +3,10 @@ export interface Named {
   title: string;
   takes?: number;
   costs?: number;
+  /** A price by the hour of the week instead of `costs`: rows of a day, a span and a price. The list says «from …»; the price is the slot's. */
+  rates?: { day: string; from: number; until: number; costs: number }[];
+  /** `'person'` for a price times the party — a class per place, shoes; the list says so and the running total multiplies. */
+  per?: 'booking' | 'person';
   group?: string;
 }