@alfadocs/ui-kit 1.54.0 → 1.54.1

package/dist/_chunks/{contact-profile-card-h0QX4_5B.js → contact-profile-card-B-HzocbB.js}

@@ -1,16 +1,16 @@
-import { jsxs as f, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { jsxs as f, jsx as e, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as le, useId as se, useMemo as ce } from "react";
 import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
 import { B as P } from "./badge-hnBt8o7n.js";
-import { C as T } from "./card-DPmk26CL.js";
+import { C as F } from "./card-DPmk26CL.js";
 import { K as fe, a as ue } from "./key-value-pair-BkXjt88Z.js";
 import { L as d } from "./link-2HokYuIi.js";
 import { b as me } from "./format-price-DAbh61Lz.js";
 import { u as he } from "./registry-DvAUVLHh.js";
-import { S as F } from "./stethoscope-sZXGC43m.js";
-import { H as O } from "./heart--qCA4ffe.js";
-import { B as H, L as _ } from "./languages-CZqBaPwI.js";
+import { S as O } from "./stethoscope-sZXGC43m.js";
+import { H } from "./heart--qCA4ffe.js";
+import { B as V, L as _ } from "./languages-CZqBaPwI.js";
 import { S as z } from "./shield-check-DCJALLVh.js";
 import { G as B } from "./globe-sHBW1JN5.js";
 import { M as E } from "./mail-BqXVF2zH.js";
@@ -27,7 +27,7 @@ const ge = {
       type: "string",
       descriptionKey: "ui.agent.contactProfileCard.state.profession",
       description: "Profession string the card is currently rendering — undefined when the consumer omitted it.",
-      read: (n) => n.getProfession()
+      read: (o) => o.getProfession()
     }
   },
   actions: {},
@@ -59,23 +59,23 @@ const ge = {
     defaultVariants: { surface: "elevated" }
   }
 );
-function Ce(n) {
-  return n.replace(/[^\d+]/g, "");
+function Ce(o) {
+  return o.replace(/[^\d+]/g, "");
 }
-function be(n, r) {
-  const a = `https://wa.me/${n}`;
+function be(o, r) {
+  const a = `https://wa.me/${o}`;
   return r ? `${a}?text=${encodeURIComponent(r)}` : a;
 }
-function xe(n) {
-  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(n.line)}`;
+function xe(o) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(o.line)}`;
 }
 function Pe() {
   if (typeof document > "u") return "4945a3";
-  const n = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), r = /^#?([0-9a-fA-F]{6})$/.exec(n);
+  const o = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), r = /^#?([0-9a-fA-F]{6})$/.exec(o);
   return r ? r[1] : "4945a3";
 }
-function ye({ apiKey: n, center: r, zoom: a, altText: s }) {
-  const c = Pe(), u = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${c}%7C${r.lat},${r.lng}&key=${encodeURIComponent(n)}`;
+function ye({ apiKey: o, center: r, zoom: a, altText: s }) {
+  const c = Pe(), u = `https://maps.googleapis.com/maps/api/staticmap?center=${r.lat},${r.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${c}%7C${r.lat},${r.lng}&key=${encodeURIComponent(o)}`;
   return /* @__PURE__ */ e(
     "img",
     {
@@ -91,7 +91,7 @@ function ye({ apiKey: n, center: r, zoom: a, altText: s }) {
 }
 const ke = le(
   ({
-    heading: n,
+    heading: o,
     description: r,
     address: a,
     phone: s,
@@ -121,7 +121,7 @@ const ke = le(
     className: ee,
     ...ae
   }, te) => {
-    const { t, i18n: M } = pe("ui"), $ = se(), A = M.language ?? "en", N = n ?? t("contactProfileCard.heading"), re = Z ?? N, R = ce(() => {
+    const { t, i18n: M } = pe("ui"), $ = se(), A = M.language ?? "en", N = o ?? t("contactProfileCard.heading"), re = Z ?? N, R = ce(() => {
       if (C != null)
         return me(
           C,
@@ -129,8 +129,8 @@ const ke = le(
           A,
           t("common.freeOfCharge")
         );
-    }, [C, y, A, t]), o = [];
-    if (a && o.push({
+    }, [C, y, A, t]), n = [];
+    if (a && n.push({
       key: "address",
       icon: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.address"),
@@ -147,7 +147,7 @@ const ke = le(
           }
         ) : null
       ] })
-    }), s && o.push({
+    }), s && n.push({
       key: "phone",
       icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.phone"),
@@ -160,7 +160,7 @@ const ke = le(
           children: s
         }
       )
-    }), c && o.push({
+    }), c && n.push({
       key: "whatsapp",
       icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.whatsapp"),
@@ -174,7 +174,7 @@ const ke = le(
           children: c
         }
       )
-    }), m && o.push({
+    }), m && n.push({
       key: "email",
       icon: /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.email"),
@@ -187,7 +187,7 @@ const ke = le(
           children: m
         }
       )
-    }), h && o.push({
+    }), h && n.push({
       key: "website",
       icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.website"),
@@ -195,35 +195,34 @@ const ke = le(
     }), g && g.length > 0) {
       const i = (l) => {
         if (p != null && p[l]) return p[l];
-        const V = `languages.${l}`;
-        return M.exists(V) ? t(V) : l.toUpperCase();
+        const I = `languages.${l}`;
+        return M.exists(I) ? t(I) : l.toUpperCase();
       };
-      o.push({
+      n.push({
         key: "languages",
         icon: /* @__PURE__ */ e(_, { "aria-hidden": "true" }),
         label: t("contactProfileCard.label.languages"),
         value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(P, { variant: "neutral", children: i(l) }, l)) })
       });
     }
-    v && v.length > 0 && o.push({
+    v && v.length > 0 && n.push({
       key: "insurances",
       icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.insurances"),
       value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(P, { variant: "info", children: i }, i)) })
-    }), R && o.push({
+    }), R && n.push({
       key: "firstVisitPrice",
-      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.firstVisitPrice"),
-      value: /* @__PURE__ */ e(P, { variant: "accentSoft", size: "lg", children: R }),
-      alignValue: "end"
-    }), L && o.push({
+      value: /* @__PURE__ */ e(P, { variant: "accentSoft", size: "lg", children: R })
+    }), L && n.push({
       key: "expertForAnxiousPatients",
-      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.expertForAnxiousPatients"),
       value: t("contactProfileCard.value.yesShort")
-    }), b && o.push({
+    }), b && n.push({
       key: "profession",
-      icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
       label: t("contactProfileCard.label.profession"),
       value: b
     }), he(
@@ -231,7 +230,7 @@ const ke = le(
       { getProfession: () => b },
       x
     );
-    const ne = !!k && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
+    const oe = !!k && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
       ye,
       {
         apiKey: k,
@@ -242,21 +241,20 @@ const ke = le(
           defaultValue: "Map showing {{address}}"
         })
       }
-    ) : null, oe = X ?? ne, ie = /* @__PURE__ */ f(I, { children: [
+    ) : null, ne = X ?? oe, ie = /* @__PURE__ */ f(T, { children: [
       r ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: r }) : null,
-      o.length > 0 ? /* @__PURE__ */ e(fe, { rowGap: "md", children: o.map((i) => /* @__PURE__ */ e(
+      n.length > 0 ? /* @__PURE__ */ e(fe, { rowGap: "md", children: n.map((i) => /* @__PURE__ */ e(
         ue,
         {
           icon: i.icon,
           label: i.label,
-          value: i.value,
-          alignValue: i.alignValue
+          value: i.value
         },
         i.key
       )) }) : null,
-      oe,
+      ne,
       Q
-    ] }), S = /* @__PURE__ */ f(I, { children: [
+    ] }), S = /* @__PURE__ */ f(T, { children: [
       /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
         J,
         /* @__PURE__ */ e(
@@ -282,7 +280,7 @@ const ke = le(
         id: x,
         className: ve({ surface: w, className: ee }),
         ...ae,
-        children: w === "elevated" ? /* @__PURE__ */ e(T, { variant: "elevated", children: /* @__PURE__ */ e(T.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S })
+        children: w === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: S })
       }
     );
   }
@@ -307,9 +305,9 @@ const Le = [
   website: B,
   languages: _,
   insurances: z,
-  firstVisitPrice: H,
-  expertForAnxiousPatients: O,
-  profession: F
+  firstVisitPrice: V,
+  expertForAnxiousPatients: H,
+  profession: O
 };
 export {
   je as C,
@@ -317,4 +315,4 @@ export {
   ke as b,
   ge as c
 };
-//# sourceMappingURL=contact-profile-card-h0QX4_5B.js.map
+//# sourceMappingURL=contact-profile-card-B-HzocbB.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.54.0",
+  "packageVersion": "1.54.1",
   "components": [
     {
       "kind": "component",

package/dist/components/booking/booking-types.d.ts

@@ -71,7 +71,9 @@ export interface BookingService {
      * Pre-formatted price label (e.g. "€ 80", "da € 60"). When present, the
      * service picker shows the price INSTEAD of the duration — durations vary
      * case by case and set the wrong expectation, while price is what patients
-     * compare. `durationMin` keeps driving slot fetching either way. Currency
+     * compare. With no price the picker falls back to the duration, unless
+     * Booking's `showServiceDuration` is false. `durationMin` keeps driving
+     * slot fetching either way. Currency
      * and number formatting are the consumer's domain — the kit renders the
      * string verbatim. Added in 1.6.0.
      */
@@ -429,7 +431,7 @@ export interface BookingProps extends Omit<ComponentPropsWithoutRef<'div'>, 'ari
      *
      * - `'cards'`: visual card grid (the long-standing `ServiceCardGroup`
      *   used by inline-list). Card layout, one row per service with icon,
-     *   label, and duration.
+     *   label, and price or duration.
      * - `'select'`: compact `<Select>` dropdown (default for the chrome-
      *   denser variants — calendar / flexible / accordion / progress).
      * - `'combobox'`: single-select `<Combobox>` with type-ahead search.
@@ -438,6 +440,16 @@ export interface BookingProps extends Omit<ComponentPropsWithoutRef<'div'>, 'ari
      *   filtered by ANY of the selected services. Added in 0.34.0.
      */
     servicePickerStyle?: 'select' | 'combobox' | 'multi-select' | 'cards';
+    /**
+     * @default true
+     * Whether the service picker shows a service's duration. A service with
+     * no price shows its minutes in place of one; set this to false and it
+     * shows its name only, in every `servicePickerStyle`, and its accessible
+     * name does not mention minutes either. Priced services are unchanged:
+     * they never show a duration. `durationMin` stays required and keeps
+     * driving slot fetching. Added in 1.54.1.
+     */
+    showServiceDuration?: boolean;
     /**
      * @default 'select'
      * UI rendered for the Operator step. Independent of layout `variant`.

package/dist/components/booking/index.js

@@ -1,4 +1,4 @@
-import { B as A, C as R, O as a, b as s } from "../../_chunks/booking-CPUjwxj0.js";
+import { B as A, C as R, O as a, b as s } from "../../_chunks/booking-BN7TXe27.js";
 export {
   A as Booking,
   R as CONFIRMATION_CHANNEL_ORDER,

package/dist/components/contact-profile-card/index.js

@@ -1,4 +1,4 @@
-import { C as _, a as O, b as o, c as r } from "../../_chunks/contact-profile-card-h0QX4_5B.js";
+import { C as _, a as O, b as o, c as r } from "../../_chunks/contact-profile-card-B-HzocbB.js";
 export {
   _ as CONTACT_PROFILE_CARD_ROW_ICONS,
   O as CONTACT_PROFILE_CARD_ROW_KEYS,

package/dist/index.js

@@ -209,7 +209,7 @@ import { T as bA } from "./_chunks/typing-indicator-BmwMQSxw.js";
 import { A as DA } from "./_chunks/anamnesis-card-BT1tMt5O.js";
 import { D as FA, F as hA, a as LA, M as MA, b as yA, e as kA, f as BA, g as vA, c as GA, m as HA, r as wA, v as WA } from "./_chunks/muscle-scheme-DfYQ0Z3v.js";
 import { A as VA, a as KA, b as YA, c as XA, d as qA, e as zA, C as jA, f as QA, g as ZA, D as JA, h as $A, E as af, L as ef, O as sf, P as rf, i as of, j as tf, k as nf, l as pf, R as mf, S as lf, m as df, n as Af, o as ff, p as cf, q as Sf, r as gf, s as Cf, t as Tf, u as xf, v as uf, w as Pf, x as If, y as Ef, z as Rf, B as _f, F as bf } from "./_chunks/optical-prescription-DBvebioV.js";
-import { B as Df, C as Of, O as Ff, b as hf } from "./_chunks/booking-CPUjwxj0.js";
+import { B as Df, C as Of, O as Ff, b as hf } from "./_chunks/booking-BN7TXe27.js";
 import { C as Mf, c as yf, r as kf } from "./_chunks/calendar-BwF5nQuW.js";
 import { C as vf } from "./_chunks/calendar-event-card-DXAYWH6k.js";
 import { R as Hf, a as wf } from "./_chunks/resource-chip-DQeCJzJf.js";
@@ -227,7 +227,7 @@ import { B as _c, M as bc, P as Nc, a as Dc, b as Oc, c as Fc, d as hc, S as Lc,
 import { P as Yc, a as Xc, p as qc } from "./_chunks/periodontal-chart-card-Djr3en8Q.js";
 import { D as jc, P as Qc, a as Zc, b as Jc, c as $c, S as aS, e as eS, i as sS, p as rS } from "./_chunks/periodontal-diagnosis-DmVIqXtC.js";
 import { P as tS, a as nS, c as iS, p as pS, r as mS } from "./_chunks/periodontal-risk-chart-C1Y5f-md.js";
-import { C as dS, a as AS, b as fS, c as cS } from "./_chunks/contact-profile-card-h0QX4_5B.js";
+import { C as dS, a as AS, b as fS, c as cS } from "./_chunks/contact-profile-card-B-HzocbB.js";
 import { P as gS, p as CS } from "./_chunks/practice-results-D3liWOz1.js";
 import { P as xS, a as uS, p as PS, b as IS } from "./_chunks/payment-request-card-CR7SjsRs.js";
 import { P as RS, f as _S, p as bS, a as NS, s as DS, b as OS, c as FS } from "./_chunks/payment-form-B08gHZIY.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.54.0",
+  "version": "1.54.1",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",