@evinvest/kitstart 0.17.0 → 0.19.1

package/dist/core/pricing/index.d.ts

@@ -1,4 +1,5 @@
 export { PRICING_CURRENCY, PRICING_FORMAT, PRICING_LIMITS, type AddOption, type DiscountOption, type MultiplyOption, type NeedPricing, type Price, type PriceLine, type PricingInput, type PricingInputKind, type PricingInputs, type PricingLabels, type PricingModel, } from "./model.js";
 export { CENTS_BUCKETS, centsBucket, mulBp, priceOf, roundTo } from "./price.js";
-export { labelOf, parsePricingModel, PricingModelError, pricingProblems, pricingProblemsFor } from "./validate.js";
+export { labelOf } from "./label.js";
+export { parsePricingModel, PricingModelError, pricingProblems, pricingProblemsFor } from "./validate.js";
 export { answeredUnknown, ESTIMATE_FIELD_PREFIX, ESTIMATE_UNKNOWN, estimateField, flowOf, LEAD_FLOWS, readEstimateInputs, type LeadFlow, type LeadFlows } from "./flow.js";

package/dist/core/pricing/index.js

@@ -1,4 +1,5 @@
 export { PRICING_CURRENCY, PRICING_FORMAT, PRICING_LIMITS, } from "./model.js";
 export { CENTS_BUCKETS, centsBucket, mulBp, priceOf, roundTo } from "./price.js";
-export { labelOf, parsePricingModel, PricingModelError, pricingProblems, pricingProblemsFor } from "./validate.js";
+export { labelOf } from "./label.js";
+export { parsePricingModel, PricingModelError, pricingProblems, pricingProblemsFor } from "./validate.js";
 export { answeredUnknown, ESTIMATE_FIELD_PREFIX, ESTIMATE_UNKNOWN, estimateField, flowOf, LEAD_FLOWS, readEstimateInputs } from "./flow.js";

package/dist/core/pricing/label.d.ts

@@ -0,0 +1,7 @@
+import type { PricingLabels } from "./model.js";
+/**
+ * The label for `locale`, or the first one the model has. Apart from the
+ * validator: the form names its answers with it in the browser, where the
+ * validator's weight has no use.
+ */
+export declare function labelOf(labels: PricingLabels, locale: string): string;

package/dist/core/pricing/label.js

@@ -0,0 +1,8 @@
+/**
+ * The label for `locale`, or the first one the model has. Apart from the
+ * validator: the form names its answers with it in the browser, where the
+ * validator's weight has no use.
+ */
+export function labelOf(labels, locale) {
+    return (Object.hasOwn(labels, locale) ? labels[locale] : undefined) ?? Object.values(labels)[0] ?? "";
+}

package/dist/core/pricing/validate.d.ts

@@ -1,4 +1,4 @@
-import { type PricingLabels, type PricingModel } from "./model.js";
+import { type PricingModel } from "./model.js";
 /**
  * A model that does not validate, with every reason found. A model is taken
  * whole or not at all: one bad field refuses it, so a page never prices from
@@ -23,5 +23,3 @@ export declare function parsePricingModel(value: unknown): PricingModel;
  * must not show an option with no words.
  */
 export declare function pricingProblemsFor(value: unknown, locales: readonly string[]): string[];
-/** The label for `locale`, or the first one the model has. */
-export declare function labelOf(labels: PricingLabels, locale: string): string;

package/dist/core/pricing/validate.js

@@ -238,7 +238,3 @@ export function pricingProblemsFor(value, locales) {
     }
     return out;
 }
-/** The label for `locale`, or the first one the model has. */
-export function labelOf(labels, locale) {
-    return (Object.hasOwn(labels, locale) ? labels[locale] : undefined) ?? Object.values(labels)[0] ?? "";
-}

package/dist/core/site.d.ts

@@ -1,6 +1,7 @@
 import type { LocaleRegistry } from "@evinvest/i18n";
 import type { BookingRules } from "./booking/model.js";
 import type { LeadSchema } from "./lead.js";
+import { type MessengerFacts } from "./messenger.js";
 import type { PublicationPolicy } from "./place/publication.js";
 import type { Place } from "./place/types.js";
 import type { PricingModel } from "./pricing/model.js";
@@ -126,8 +127,14 @@ export declare function assertLaunchable(site: {
 }, todos: readonly OwnerTodo[]): void;
 /** The baked place for a slug, if the site has it. */
 export declare function bakedPlace<L extends string, P extends string>(site: Site<L, P>, slug: string): Place<L> | undefined;
-/** The numbers a place answers on: its own, or the brand's until it has one. */
+/**
+ * The numbers a place answers on: its own, or the brand's until it has one.
+ * The panel's messenger switches (`place.messengers`) do not reach here — they
+ * are the lead form's (`messengerFacts`); the header, the call bar and the
+ * control's channels keep the number.
+ */
 export declare function contactOf(site: Pick<SiteConfig<string, string>, "brand">, place: Place<string>): {
     phone: string | null;
     whatsapp: string | null;
 };
+export declare function messengerFacts(_site: Pick<SiteConfig<string, string>, "brand">, place: Place<string>): MessengerFacts;

package/dist/core/site.js

@@ -1,4 +1,5 @@
 import { bookingConfigProblems, calComHostsProblems } from "./booking/validate.js";
+import { TELEGRAM_BOT } from "./messenger.js";
 import { pricingProblemsFor } from "./pricing/validate.js";
 export function defineSite(config) {
     const pageKeys = Object.keys(config.pages).filter((k) => Object.hasOwn(config.pages, k));
@@ -101,10 +102,30 @@ export function assertLaunchable(site, todos) {
 export function bakedPlace(site, slug) {
     return site.places.find(p => p.slug === slug);
 }
-/** The numbers a place answers on: its own, or the brand's until it has one. */
+/**
+ * The numbers a place answers on: its own, or the brand's until it has one.
+ * The panel's messenger switches (`place.messengers`) do not reach here — they
+ * are the lead form's (`messengerFacts`); the header, the call bar and the
+ * control's channels keep the number.
+ */
 export function contactOf(site, place) {
     return {
         phone: place.channels.phone ?? site.brand.phone,
         whatsapp: place.channels.whatsapp ?? site.brand.phone,
     };
 }
+/**
+ * What a `LeadCapture` `messenger` variant may offer (`messengers`): the
+ * place's own WhatsApp number — never the brand's phone, the chat is answered
+ * by hand at the place — and its bot, each unless the panel switched it off.
+ * A baked bot whose name is not one (`TELEGRAM_BOT`) is none, as a live one is.
+ * Not a fallback for `contactOf`: the control's WhatsApp link keeps the brand's.
+ */
+const validBot = (bot) => (bot && TELEGRAM_BOT.test(bot) ? bot : null);
+export function messengerFacts(_site, place) {
+    const on = place.messengers ?? {};
+    return {
+        whatsapp: on.whatsapp === false ? null : place.channels.whatsapp,
+        telegram: on.telegram === false ? null : validBot(place.channels.telegram),
+    };
+}

package/dist/index.d.ts

@@ -3,20 +3,23 @@
  * the proxy (edge), a client island and a server module can all import it.
  * Runtime-bound halves live on their own subpaths.
  */
-export { assertLaunchable, bakedPlace, cardFact, contactOf, defineSite, ogLocaleOf, openLaunchBlockers, perLocale, type BrandFacts, type LegacyRedirect, type OwnerTodo, type PageSuffix, type Site, type SiteConfig, type Topology, } from "./core/site.js";
-export { createPlaceView, DEFAULT_TIME_ZONE, freshRating, isOpenAt, nextOpening, parseInstant, isPublished, mergeLive, parsePlaceLive, placeHref, placeOrigin, placeUrl, publicationGaps, RATING_MAX_AGE_DAYS, servedLocalities, SERVICE_AREA_GATE, siteOrigin, STOREFRONT_GATE, storefrontOf, type DayOfWeek, type Geo, type LinkBase, type LinkMode, type Opening, type OpeningHours, type OriginFacts, type Place, type PlaceLive, type PlaceView, type PostalAddress, type Presence, type PublicationField, type PublicationPolicy, type Rating, type ServiceArea, } from "./core/place/index.js";
+export { assertLaunchable, bakedPlace, cardFact, contactOf, defineSite, messengerFacts, ogLocaleOf, openLaunchBlockers, perLocale, type BrandFacts, type LegacyRedirect, type OwnerTodo, type PageSuffix, type Site, type SiteConfig, type Topology, } from "./core/site.js";
+export { createPlaceView, DEFAULT_TIME_ZONE, freshRating, isOpenAt, nextOpening, parseInstant, isPublished, mergeLive, parsePlaceLive, placeHref, placeOrigin, placeUrl, publicationGaps, RATING_MAX_AGE_DAYS, servedLocalities, SERVICE_AREA_GATE, siteOrigin, STOREFRONT_GATE, storefrontOf, type DayOfWeek, type Geo, type LinkBase, type MessengerSwitches, type LinkMode, type Opening, type OpeningHours, type OriginFacts, type Place, type PlaceLive, type PlaceView, type PostalAddress, type Presence, type PublicationField, type PublicationPolicy, type Rating, type ServiceArea, } from "./core/place/index.js";
 export { createRouting, GONE, GONE_HEADER, gonePath, goneHeader, HOST_MARK, LANG_COOKIE, LANG_COOKIE_MAX_AGE, NON_PAGE_ROUTES, parseGoneHeader, parsePlaceParam, PASS_PATHS, placeParam, pointSuffixes, THANKS, type Decision, type RequestFacts, type Routing, } from "./core/routing.js";
-export { CARD_FIELD, CARD_ID, CHANNEL_FIELD, channelOf, CONSENT_FIELD, LEAD_CHANNELS, LEAD_ERROR_PARAM, LEAD_CARD_PARAM, leadErrorFor, leadErrorOf, LEAD_SCHEMA_VERSION, MAX_CONSENT, MAX_FIELD, readCandidate, rejectionOf, suspectOf, SUBMISSION_FIELD, SUBMISSION_ID, validateCallbackLead, validateCandidate, validateLead, type Lead, type LeadCandidate, type LeadChannel, type LeadError, type PageLeadError, type LeadConsent, type LeadExtra, type LeadPrice, type LeadRejection, type LeadSchema, type LeadStore, type LeadSuspect, type LeadVerdict, type LeadWire, type SpamVerdict, } from "./core/lead.js";
+export { CARD_FIELD, CARD_ID, CHANNEL_FIELD, channelOf, CONSENT_FIELD, isMessengerChannel, LEAD_CHANNELS, LEAD_ERROR_PARAM, LEAD_CARD_PARAM, leadErrorFor, leadErrorOf, LEAD_SCHEMA_VERSION, MAX_CONSENT, MAX_FIELD, readCandidate, rejectionOf, suspectOf, SUBMISSION_FIELD, SUBMISSION_ID, validateCallbackLead, validateCandidate, validateLead, type Lead, type LeadCandidate, type LeadChannel, type LeadError, type PageLeadError, type LeadConsent, type MessengerChannel, type LeadExtra, type LeadPrice, type LeadRejection, type LeadSchema, type LeadStore, type LeadSuspect, type LeadVerdict, type LeadWire, type SpamVerdict, } from "./core/lead.js";
 export { isMobilePhone, isPlausiblePhone, normalizePhone, phoneProblem } from "./core/phone.js";
 export { answeredUnknown, CENTS_BUCKETS, centsBucket, ESTIMATE_FIELD_PREFIX, ESTIMATE_UNKNOWN, estimateField, flowOf, labelOf, LEAD_FLOWS, mulBp, parsePricingModel, priceOf, PRICING_CURRENCY, PRICING_FORMAT, PRICING_LIMITS, PricingModelError, pricingProblems, pricingProblemsFor, readEstimateInputs, roundTo, type AddOption, type DiscountOption, type LeadFlow, type LeadFlows, type MultiplyOption, type NeedPricing, type Price, type PriceLine, type PricingInput, type PricingInputKind, type PricingInputs, type PricingLabels, type PricingModel, } from "./core/pricing/index.js";
 export { flowTextOf, LEAD_CAPTURE_TEXT, type LeadCaptureFlowText, type LeadCaptureText } from "./core/lead-capture-text.js";
+export { LEAD_CAPTURE_MESSENGER_TEXT, messengerTextOf, type LeadCaptureMessengerText } from "./core/messenger-text.js";
+export { channelsAvailable, MESSAGE_REF, MESSAGE_REF_FIELD, MESSAGE_REF_PREFIX, messageRefOf, newMessageRef, TELEGRAM_BOT, telegramHref, type ChannelsAvailable, type MessengerFacts, type MessengerKind, type MessengerMode, type MessengerVariant, type RandomBytes, } from "./core/messenger.js";
+export { MAX_MESSENGER_MESSAGE, messengerMessage, type MessengerMessageInput, type MessengerMessageText } from "./core/messenger-message.js";
 export { fillText, formatCents, openingText } from "./core/lead-capture-format.js";
 export { channelHref, resolveChannels, smsHref, type CaptureChannel, type ChannelFacts, type ChannelOptions, type ResolvedChannels, } from "./core/channels.js";
 export { checkTiming, HONEYPOT_FIELD, LEGACY_HONEYPOT_FIELDS, MIN_FILL_MS, RATE_LIMIT_MAX_KEYS, RateLimiter, RENDERED_AT_FIELD, screen, type Screening, } from "./core/antispam.js";
-export { createAcceptLead, ANALYTICS_ID_FIELD, EXPERIMENT_FIELD, FORM_ID_FIELD, leadRef, LOCALE_FIELD, LOCATION_FIELD, PRICE_CHANGED, SHOWN_CENTS_FIELD, VARIANT_FIELD, type AcceptDeps, type Outcome, type SubmitTags, } from "./core/accept.js";
+export { createAcceptLead, ANALYTICS_ID_FIELD, CHANNELS_FIELD, EXPERIMENT_FIELD, FORM_ID_FIELD, leadRef, LOCALE_FIELD, LOCATION_FIELD, PRICE_CHANGED, SHOWN_CENTS_FIELD, submitTagsOf, VARIANT_FIELD, type AcceptDeps, type Outcome, type SubmitTags, } from "./core/accept.js";
 export { areaServedNodes, breadcrumbNode, businessId, businessNode, faqPageNode, offerNodes, organizationId, organizationNode, placeGraph, websiteId, type OfferInput, type PageGraphCopy, type QuestionAnswer, } from "./core/seo/ld.js";
 export { AI_CRAWLERS, ogImageUrl, robotsFor, sitemapFor, type RobotsFile, type RobotsRule, type SitemapEntry, } from "./core/seo/sitemap.js";
-export { ALLOWED_PROPS, ANALYTICS_ID, analyticsSink, countsAsPageView, EVENTS, EXPERIMENT_SLUG, experimentProps, qaVisit, type AnalyticsTarget, type IntentChannel, type LeadField, type LeadStep, } from "./core/analytics.js";
+export { ALLOWED_PROPS, ANALYTICS_ID, analyticsSink, channelsProps, countsAsPageView, EVENTS, EXPERIMENT_SLUG, experimentProps, qaVisit, type AnalyticsTarget, type IntentChannel, type LeadField, type LeadStep, } from "./core/analytics.js";
 export { AB_COOKIE_PREFIX, AB_FORCE_PARAM, abAssignments, abRunning, abReset, abVariantUrl, cookieValue, type AbReset, } from "./core/ab-switcher.js";
 export { abSwitcherVisible } from "./core/ab-gate.js";
 export type { CallBarText, CopySlice, CoreText, PageMetaCopy, QuoteFormCopy, Said, StatusAction, StatusCopy, StatusScreenText, } from "./core/content.js";

package/dist/index.js

@@ -3,20 +3,23 @@
  * the proxy (edge), a client island and a server module can all import it.
  * Runtime-bound halves live on their own subpaths.
  */
-export { assertLaunchable, bakedPlace, cardFact, contactOf, defineSite, ogLocaleOf, openLaunchBlockers, perLocale, } from "./core/site.js";
+export { assertLaunchable, bakedPlace, cardFact, contactOf, defineSite, messengerFacts, ogLocaleOf, openLaunchBlockers, perLocale, } from "./core/site.js";
 export { createPlaceView, DEFAULT_TIME_ZONE, freshRating, isOpenAt, nextOpening, parseInstant, isPublished, mergeLive, parsePlaceLive, placeHref, placeOrigin, placeUrl, publicationGaps, RATING_MAX_AGE_DAYS, servedLocalities, SERVICE_AREA_GATE, siteOrigin, STOREFRONT_GATE, storefrontOf, } from "./core/place/index.js";
 export { createRouting, GONE, GONE_HEADER, gonePath, goneHeader, HOST_MARK, LANG_COOKIE, LANG_COOKIE_MAX_AGE, NON_PAGE_ROUTES, parseGoneHeader, parsePlaceParam, PASS_PATHS, placeParam, pointSuffixes, THANKS, } from "./core/routing.js";
-export { CARD_FIELD, CARD_ID, CHANNEL_FIELD, channelOf, CONSENT_FIELD, LEAD_CHANNELS, LEAD_ERROR_PARAM, LEAD_CARD_PARAM, leadErrorFor, leadErrorOf, LEAD_SCHEMA_VERSION, MAX_CONSENT, MAX_FIELD, readCandidate, rejectionOf, suspectOf, SUBMISSION_FIELD, SUBMISSION_ID, validateCallbackLead, validateCandidate, validateLead, } from "./core/lead.js";
+export { CARD_FIELD, CARD_ID, CHANNEL_FIELD, channelOf, CONSENT_FIELD, isMessengerChannel, LEAD_CHANNELS, LEAD_ERROR_PARAM, LEAD_CARD_PARAM, leadErrorFor, leadErrorOf, LEAD_SCHEMA_VERSION, MAX_CONSENT, MAX_FIELD, readCandidate, rejectionOf, suspectOf, SUBMISSION_FIELD, SUBMISSION_ID, validateCallbackLead, validateCandidate, validateLead, } from "./core/lead.js";
 export { isMobilePhone, isPlausiblePhone, normalizePhone, phoneProblem } from "./core/phone.js";
 export { answeredUnknown, CENTS_BUCKETS, centsBucket, ESTIMATE_FIELD_PREFIX, ESTIMATE_UNKNOWN, estimateField, flowOf, labelOf, LEAD_FLOWS, mulBp, parsePricingModel, priceOf, PRICING_CURRENCY, PRICING_FORMAT, PRICING_LIMITS, PricingModelError, pricingProblems, pricingProblemsFor, readEstimateInputs, roundTo, } from "./core/pricing/index.js";
 export { flowTextOf, LEAD_CAPTURE_TEXT } from "./core/lead-capture-text.js";
+export { LEAD_CAPTURE_MESSENGER_TEXT, messengerTextOf } from "./core/messenger-text.js";
+export { channelsAvailable, MESSAGE_REF, MESSAGE_REF_FIELD, MESSAGE_REF_PREFIX, messageRefOf, newMessageRef, TELEGRAM_BOT, telegramHref, } from "./core/messenger.js";
+export { MAX_MESSENGER_MESSAGE, messengerMessage } from "./core/messenger-message.js";
 export { fillText, formatCents, openingText } from "./core/lead-capture-format.js";
 export { channelHref, resolveChannels, smsHref, } from "./core/channels.js";
 export { checkTiming, HONEYPOT_FIELD, LEGACY_HONEYPOT_FIELDS, MIN_FILL_MS, RATE_LIMIT_MAX_KEYS, RateLimiter, RENDERED_AT_FIELD, screen, } from "./core/antispam.js";
-export { createAcceptLead, ANALYTICS_ID_FIELD, EXPERIMENT_FIELD, FORM_ID_FIELD, leadRef, LOCALE_FIELD, LOCATION_FIELD, PRICE_CHANGED, SHOWN_CENTS_FIELD, VARIANT_FIELD, } from "./core/accept.js";
+export { createAcceptLead, ANALYTICS_ID_FIELD, CHANNELS_FIELD, EXPERIMENT_FIELD, FORM_ID_FIELD, leadRef, LOCALE_FIELD, LOCATION_FIELD, PRICE_CHANGED, SHOWN_CENTS_FIELD, submitTagsOf, VARIANT_FIELD, } from "./core/accept.js";
 export { areaServedNodes, breadcrumbNode, businessId, businessNode, faqPageNode, offerNodes, organizationId, organizationNode, placeGraph, websiteId, } from "./core/seo/ld.js";
 export { AI_CRAWLERS, ogImageUrl, robotsFor, sitemapFor, } from "./core/seo/sitemap.js";
-export { ALLOWED_PROPS, ANALYTICS_ID, analyticsSink, countsAsPageView, EVENTS, EXPERIMENT_SLUG, experimentProps, qaVisit, } from "./core/analytics.js";
+export { ALLOWED_PROPS, ANALYTICS_ID, analyticsSink, channelsProps, countsAsPageView, EVENTS, EXPERIMENT_SLUG, experimentProps, qaVisit, } from "./core/analytics.js";
 export { AB_COOKIE_PREFIX, AB_FORCE_PARAM, abAssignments, abRunning, abReset, abVariantUrl, cookieValue, } from "./core/ab-switcher.js";
 export { abSwitcherVisible } from "./core/ab-gate.js";
 export { BOOKING_LIMITS, BOOKING_PROVIDERS, BOOKING_STATUSES, BookingConfigError, bookingConfigProblems, BOOKING_EXPERIMENT, bookingHref, bookingOf, bookingRequestedProperties, bookingRequestProblems, calComHostsProblems, DEFAULT_BOOKING, DEFAULT_CAL_COM_HOSTS, isBookingProvider, isLeadRef, isPageProvider, isPreferredPart, parseBookingConfig, parseBookingRequest, PREFERRED_PARTS, } from "./core/booking/index.js";

package/dist/next/quote-route.js

@@ -1,7 +1,7 @@
 import { after } from "next/server.js";
 import { CONFIRM_PATH, confirmQuery } from "./confirm-route.js";
-import { createAcceptLead, EXPERIMENT_FIELD, PRICE_CHANGED, VARIANT_FIELD } from "../core/accept.js";
-import { analyticsSink, EVENTS, experimentProps } from "../core/analytics.js";
+import { createAcceptLead, PRICE_CHANGED, submitTagsOf } from "../core/accept.js";
+import { analyticsSink, EVENTS } from "../core/analytics.js";
 import { RateLimiter } from "../core/antispam.js";
 import { CARD_FIELD, CARD_ID, channelOf, LEAD_CARD_PARAM, LEAD_ERROR_PARAM } from "../core/lead.js";
 import { createPlaceView } from "../core/place/view.js";
@@ -54,10 +54,6 @@ function seeOther(location) {
 function json(status, body) {
     return new Response(JSON.stringify(body), { status, headers: { "Content-Type": "application/json", "Cache-Control": "no-store" } });
 }
-const text = (form, name) => {
-    const value = form.get(name);
-    return typeof value === "string" ? value : null;
-};
 /** `LeadCapture`'s own post asks for JSON; a plain form post never does. */
 const wantsJson = (request) => (request.headers.get("accept") ?? "").includes("application/json");
 export function quoteRoute(site, deps) {
@@ -171,6 +167,7 @@ export function quoteRoute(site, deps) {
             capture: (lead, formId, tags) => sinkFor(lead.placeSlug).capture(EVENTS.leadSubmit, {
                 form_id: formId,
                 channel: channelOf(lead),
+                ...(lead.messageRef ? { message_ref: lead.messageRef } : {}),
                 ...tags,
             }),
             limiter: (limiter ??= new RateLimiter(env.leadRateLimit?.limit ?? 5, env.leadRateLimit?.windowMs ?? 600_000)),
@@ -194,7 +191,7 @@ export function quoteRoute(site, deps) {
                 return scripted ? json(200, { ok: true, location, lead: outcome.ref, ...price }) : seeOther(location);
             }
             case "invalid": {
-                const tags = experimentProps(text(form, EXPERIMENT_FIELD), text(form, VARIANT_FIELD));
+                const tags = submitTagsOf(form);
                 // The field's role and why — never what was typed.
                 const repriced = outcome.field === PRICE_CHANGED;
                 const props = { form_id: outcome.formId, channel: outcome.channel, field: outcome.field, reason: repriced ? PRICE_CHANGED : "invalid", ...tags };

package/dist/react/AnalyticsBoundary.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ContactLinkTracker } from "@evinvest/marketing/tracker";
 import { usePathname } from "next/navigation.js";
 import { useEffect, useMemo, useState } from "react";
-import { analyticsSink, countsAsPageView, EVENTS, experimentProps } from "../core/analytics.js";
+import { analyticsSink, channelsProps, countsAsPageView, EVENTS, experimentProps } from "../core/analytics.js";
 import { AnalyticsIdContext, AnalyticsSinkContext, experimentOf } from "./analytics-context.js";
 import { newSubmissionId } from "./use-lead-submit.js";
 /**
@@ -11,7 +11,7 @@ import { newSubmissionId } from "./use-lead-submit.js";
  * contact link — or one the tracker cannot classify (`sms:`).
  */
 const INTENT_ATTR = "data-intent";
-const INTENTS = ["form_open", "booking", "sms", "callback"];
+const INTENTS = ["form_open", "booking", "sms", "callback", "telegram", "whatsapp_qr"];
 function source() {
     const utm = new URLSearchParams(window.location.search).get("utm_source");
     if (utm)
@@ -54,5 +54,5 @@ export function AnalyticsBoundary({ target, placeSlug, qaCookie, children }) {
     }, [sink]);
     // A link inside an experiment's island (`LeadCapture`) carries the
     // assignment on itself, which is what the tracker reads.
-    return (_jsx(AnalyticsIdContext.Provider, { value: key ? distinctId : null, children: _jsx(AnalyticsSinkContext.Provider, { value: sink, children: _jsx(ContactLinkTracker, { channels: ["phone", "whatsapp"], onContact: ({ channel, data }) => sink.capture(EVENTS.intent, { channel, ...experimentProps(data["experiment"], data["variant"]) }, { transport: "beacon" }), children: children }) }) }));
+    return (_jsx(AnalyticsIdContext.Provider, { value: key ? distinctId : null, children: _jsx(AnalyticsSinkContext.Provider, { value: sink, children: _jsx(ContactLinkTracker, { channels: ["phone", "whatsapp"], onContact: ({ channel, data }) => sink.capture(EVENTS.intent, { channel, ...experimentProps(data["experiment"], data["variant"]), ...channelsProps(data["channelsAvailable"]) }, { transport: "beacon" }), children: children }) }) }));
 }

package/dist/react/FormSelect.d.ts

@@ -4,9 +4,11 @@ import type { PartClassNames } from "./parts.js";
  * A form's choice that works before any script and looks like the kit after
  * it. The server, and a browser without JavaScript, get the kit's
  * `NativeSelect` — a real `<select name>` the form posts as is. Once the page
- * has hydrated it becomes the kit's `Select`, drawn in the palette instead of
- * the platform's menu, with the value in an input of the same `name`. Both
- * are the same box (height, width, border, inset), so the swap moves nothing.
+ * has hydrated and is idle, or as soon as the visitor reaches for the field,
+ * it becomes the kit's `Select`, drawn in the palette instead of the
+ * platform's menu, with the value in an input of the same `name`; until then
+ * the native select is live, its choices reported. Both are the same box
+ * (height, width, border, inset), so the swap moves nothing.
  *
  * Inside a `Field`, its label names whichever control is rendered: the
  * `Field`'s id goes to the `<select>` first and to the trigger after.

package/dist/react/FormSelect.js

@@ -1,45 +1,91 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, NativeSelect, NativeSelectOption, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@evinvest/uikit";
-import { useRef, useSyncExternalStore } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, NativeSelect, NativeSelectOption } from "@evinvest/uikit";
+import { useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 import { useFormSelectValue } from "./form-select-value.js";
+import { lazyPart } from "./lazy-part.js";
 const BOX = "relative inline-flex w-full";
-// The trigger's geometry matched to `NativeSelect`'s at each size: full width,
-// the same text size (16 px on phones, which keeps iOS from zooming).
-// The chevron at full strength, as the native select draws it: the kit's
-// trigger dims its own arrow.
-const TRIGGER = "w-full min-w-0 text-ink [&>svg]:opacity-100";
-const TRIGGER_TEXT = { sm: "text-base md:text-sm", md: "text-base md:text-sm", lg: "" };
+/** The scripted state, in a chunk of its own (`FormSelectKit`). */
+const KIT = lazyPart(() => import("./FormSelectKit.js").then(m => m.FormSelectKit));
 const subscribe = () => () => { };
 /** `false` on the server and while hydrating, `true` from the render after. */
 const useHydrated = () => useSyncExternalStore(subscribe, () => true, () => false);
 export function FormSelect(props) {
-    return _jsx(FormSelectView, { ...props, scripted: useHydrated() });
+    const hydrated = useHydrated();
+    const kit = useSyncExternalStore(KIT.subscribe, KIT.isLoaded, () => false);
+    return _jsx(FormSelectField, { ...props, hydrated: hydrated, kit: hydrated && kit });
 }
 /**
  * Both states on demand — for the widget gallery, which renders on the server
  * and would only ever see the native one. Not part of the package's surface.
  */
 export function FormSelectView({ scripted, ...props }) {
+    return _jsx(FormSelectField, { ...props, hydrated: scripted, kit: scripted });
+}
+/** Asks for the scripted state when the page has nothing better to do. */
+function whenIdle(run) {
+    if (typeof window.requestIdleCallback === "function") {
+        const handle = window.requestIdleCallback(run, { timeout: 2000 });
+        return () => window.cancelIdleCallback(handle);
+    }
+    const handle = window.setTimeout(run, 200);
+    return () => window.clearTimeout(handle);
+}
+/**
+ * The native select until the scripted one is here. `hydrated`: the page's
+ * script runs — the native select reports its choices and asks for the
+ * scripted state on idle, or sooner on the visitor's reach (a mouse over it,
+ * the focus). `kit`: the scripted state is loaded. A press before that opens
+ * the platform's list at once, as before the script: never a wait on a chunk.
+ */
+function FormSelectField({ hydrated, kit, ...props }) {
     const { name, options, placeholder, required, disabled, size = "md", id, className, classNames } = props;
     const initial = props.defaultValue ?? (placeholder !== undefined ? "" : (options[0]?.value ?? ""));
     const native = useRef(null);
     // The box, not the trigger: `SelectTrigger` keeps its own ref for placing the list.
     const box = useRef(null);
-    const state = useFormSelectValue({ initial, controlled: props.value, native, box, scripted, onValueChange: props.onValueChange });
+    // The native select has the focus — its own list may be open (a phone's
+    // picker): it stays until the focus leaves, rather than vanish under the finger.
+    const [focused, setFocused] = useState(false);
+    const scripted = kit && !focused;
+    const state = useFormSelectValue({ initial, controlled: props.value, native, box, live: hydrated, scripted, onValueChange: props.onValueChange });
     const hint = placeholder !== undefined ? { placeholder } : {};
     const aria = { "aria-describedby": props["aria-describedby"], "aria-invalid": props["aria-invalid"] || state.invalid || undefined };
-    if (!scripted) {
-        return (_jsx(NativeSelect, { ref: native, name: name, id: id, size: size, ...hint, required: required, disabled: disabled, 
-            // Uncontrolled even under `value`: before the script nothing could
-            // follow a change, and a pick made then must survive into the swap.
-            defaultValue: state.value, wrapperClassName: cn(BOX, className), className: classNames?.trigger, ...aria, children: options.map(o => (_jsx(NativeSelectOption, { value: o.value, children: o.label }, o.value))) }));
-    }
-    return (_jsxs("span", { ref: box, "data-slot": "form-select", className: cn(BOX, className), children: [_jsxs(Select, { value: state.value, onValueChange: state.choose, open: state.open, onOpenChange: state.setOpen, children: [_jsx(SelectTrigger, { id: id, size: size, disabled: disabled, "aria-required": required || undefined, className: cn(TRIGGER, TRIGGER_TEXT[size], classNames?.trigger), ...aria, children: _jsx(SelectValue, { ...hint }) }), _jsx(SelectContent, { className: classNames?.content, children: options.map(o => (_jsx(SelectItem, { value: o.value, className: cn(size === "lg" && "py-2.5 text-base", classNames?.item), children: o.label }, o.value))) })] }), required ? (
-            // Validated, so not `type="hidden"` (which the browser never checks);
-            // under the trigger, out of the tab order, the accessibility tree and
-            // the browser's autofill.
-            _jsx("input", { name: name, value: state.value, required: true, disabled: disabled, tabIndex: -1, "aria-hidden": "true", autoComplete: "off", onChange: () => { }, onInvalid: state.onInvalid, className: "pointer-events-none absolute inset-0 opacity-0" })) : (
-            // Nothing chosen posts nothing, as a native select on its disabled placeholder.
-            state.value !== "" && _jsx("input", { type: "hidden", name: name, value: state.value, disabled: disabled }))] }));
+    useEffect(() => (hydrated && !kit ? whenIdle(KIT.preload) : undefined), [hydrated, kit]);
+    // The native select is uncontrolled (see below): a value moved by the
+    // parent, or put back by a reset, is written into it here.
+    const written = useRef(state.value);
+    useLayoutEffect(() => {
+        if (written.current === state.value)
+            return;
+        written.current = state.value;
+        if (native.current && native.current.value !== state.value)
+            native.current.value = state.value;
+    }, [state.value]);
+    if (scripted)
+        return _jsx(KIT.Part, { field: props, box: box, value: state.value, choose: state.choose, open: state.open, setOpen: state.setOpen, onInvalid: state.onInvalid, aria: aria });
+    const live = hydrated
+        ? {
+            onChange: (e) => {
+                const picked = e.currentTarget.value;
+                state.choose(picked);
+                // Under a `value` the parent moves it, as on a controlled input.
+                if (props.value !== undefined)
+                    e.currentTarget.value = props.value;
+            },
+            onPointerEnter: (e) => {
+                if (e.pointerType === "mouse")
+                    KIT.preload();
+            },
+            onFocus: () => {
+                setFocused(true);
+                KIT.preload();
+            },
+            onBlur: () => setFocused(false),
+        }
+        : {};
+    return (_jsx(NativeSelect, { ref: native, name: name, id: id, size: size, ...hint, required: required, disabled: disabled, 
+        // Uncontrolled even under `value`: before the script nothing could
+        // follow a change, and a pick made then must survive into the swap.
+        defaultValue: state.value, wrapperClassName: cn(BOX, className), className: classNames?.trigger, ...aria, ...live, children: options.map(o => (_jsx(NativeSelectOption, { value: o.value, children: o.label }, o.value))) }));
 }

package/dist/react/FormSelectKit.d.ts

@@ -0,0 +1,24 @@
+import type { InvalidEvent, RefObject } from "react";
+import type { FormSelectProps } from "./FormSelect.js";
+/** What the scripted state is handed by `FormSelect`, which keeps the value across the swap. */
+export interface FormSelectKitProps {
+    field: FormSelectProps;
+    box: RefObject<HTMLSpanElement | null>;
+    value: string;
+    choose: (value: string) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    onInvalid: (e: InvalidEvent<HTMLInputElement>) => void;
+    aria: {
+        "aria-describedby": string | undefined;
+        "aria-invalid": true | undefined;
+    };
+}
+/**
+ * `FormSelect` once scripted: the kit's `Select`, the list drawn in the
+ * palette, with the value in an input of the same `name`. A chunk of its own
+ * — the list's placing, dismissal and keys weigh more than the rest of the
+ * field — fetched once the page is idle, or as soon as the visitor reaches
+ * for the field.
+ */
+export declare function FormSelectKit({ field, box, value, choose, open, setOpen, onInvalid, aria }: FormSelectKitProps): import("react").JSX.Element;

package/dist/react/FormSelectKit.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@evinvest/uikit";
+const BOX = "relative inline-flex w-full";
+// The trigger's geometry matched to `NativeSelect`'s at each size: full width,
+// the same text size (16 px on phones, which keeps iOS from zooming).
+// The chevron at full strength, as the native select draws it: the kit's
+// trigger dims its own arrow.
+const TRIGGER = "w-full min-w-0 text-ink [&>svg]:opacity-100";
+const TRIGGER_TEXT = { sm: "text-base md:text-sm", md: "text-base md:text-sm", lg: "" };
+/**
+ * `FormSelect` once scripted: the kit's `Select`, the list drawn in the
+ * palette, with the value in an input of the same `name`. A chunk of its own
+ * — the list's placing, dismissal and keys weigh more than the rest of the
+ * field — fetched once the page is idle, or as soon as the visitor reaches
+ * for the field.
+ */
+export function FormSelectKit({ field, box, value, choose, open, setOpen, onInvalid, aria }) {
+    const { name, options, placeholder, required, disabled, size = "md", id, className, classNames } = field;
+    const hint = placeholder !== undefined ? { placeholder } : {};
+    return (_jsxs("span", { ref: box, "data-slot": "form-select", className: cn(BOX, className), children: [_jsxs(Select, { value: value, onValueChange: choose, open: open, onOpenChange: setOpen, children: [_jsx(SelectTrigger, { id: id, size: size, disabled: disabled, "aria-required": required || undefined, className: cn(TRIGGER, TRIGGER_TEXT[size], classNames?.trigger), ...aria, children: _jsx(SelectValue, { ...hint }) }), _jsx(SelectContent, { className: classNames?.content, children: options.map(o => (_jsx(SelectItem, { value: o.value, className: cn(size === "lg" && "py-2.5 text-base", classNames?.item), children: o.label }, o.value))) })] }), required ? (
+            // Validated, so not `type="hidden"` (which the browser never checks);
+            // under the trigger, out of the tab order, the accessibility tree and
+            // the browser's autofill.
+            _jsx("input", { name: name, value: value, required: true, disabled: disabled, tabIndex: -1, "aria-hidden": "true", autoComplete: "off", onChange: () => { }, onInvalid: onInvalid, className: "pointer-events-none absolute inset-0 opacity-0" })) : (
+            // Nothing chosen posts nothing, as a native select on its disabled placeholder.
+            value !== "" && _jsx("input", { type: "hidden", name: name, value: value, disabled: disabled }))] }));
+}

package/dist/react/LeadCapture.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from "react";
 import { type CaptureChannel } from "../core/channels.js";
 import { type LeadError, type LeadWire, type PageLeadError } from "../core/lead.js";
+import { type MessengerFacts, type MessengerVariant } from "../core/messenger.js";
 import { type LeadCaptureText } from "../core/lead-capture-text.js";
 import { type Place } from "../core/place/types.js";
 import { type LeadFlows } from "../core/pricing/flow.js";
@@ -14,10 +15,11 @@ import { type FieldPart } from "./LeadCaptureFields.js";
 import { type LeadCaptureLayout, type LeadNeedDisplay, type LeadNeedOption } from "./LeadCaptureNeed.js";
 import { type PricePart } from "./LeadCapturePrice.js";
 import { type StepsPart } from "./LeadCaptureSteps.js";
+import type { MessengerPart } from "./messenger/types.js";
 import { type LeadIntro } from "./lead-steps.js";
 import type { PartClassNames } from "./parts.js";
 import { type LeadSent } from "./use-lead-submit.js";
-export type LeadCapturePart = "root" | "head" | "title" | "lede" | "form" | "contact" | "submit" | "trust" | "privacy" | "opening" | "others" | "done" | "needs" | "need" | "summary" | "icon" | "intro" | "introOption" | "stepNext" | FieldPart | ChannelPart | EstimatePart | PricePart | StepsPart | PricedPart | BookingPart;
+export type LeadCapturePart = "root" | "head" | "title" | "lede" | "form" | "contact" | "submit" | "trust" | "privacy" | "opening" | "others" | "done" | "needs" | "need" | "summary" | "icon" | "intro" | "introOption" | "stepNext" | FieldPart | ChannelPart | EstimatePart | PricePart | StepsPart | PricedPart | BookingPart | MessengerPart;
 export interface LeadCaptureProps {
     /** Its hours order the channels; its service area suggests the commune. */
     place: Place<string>;
@@ -117,6 +119,27 @@ export interface LeadCaptureProps {
     channelIcons?: Partial<Record<ChannelIconKey, ReactNode>> | undefined;
     /** Moved first when available — a `default_channel` experiment's arm. */
     prefer?: CaptureChannel | undefined;
+    /**
+     * The `lead_channel` experiment's arm: how the card offers WhatsApp and the
+     * brand's bot (`MessengerVariant`); absent → the control. A place without
+     * WhatsApp falls back to the control (`messengerShownOf`), and every event
+     * says which messengers were there (`channels_available`).
+     */
+    messenger?: MessengerVariant | undefined;
+    /** `messengerFacts(site, place)`: the place's own WhatsApp number and bot, each `null` when off. */
+    messengers?: MessengerFacts | undefined;
+    /** The brand's prefix of the lead's chat reference (`AQ` → `AQ-7K3F`, `message_ref`); without it no reference. */
+    refPrefix?: string | undefined;
+    /** The brand's name: the prefilled message's greeting («Bonjour Aquafix»). */
+    brand?: string | undefined;
+    /**
+     * The estimate's question whose answer is the message's timing line and
+     * in its preview (`{ input: "frequency" }` → «Délai souhaité : 2 sem.»);
+     * nothing until it is answered, nor for «I don't know».
+     */
+    messengerTiming?: {
+        input: string;
+    } | undefined;
     /** The site's assignment: on every event, and posted with the form. Slugs only. */
     experiment?: Experiment | undefined;
     timeZone?: string | undefined;