@alfadocs/ui-kit 0.31.6 → 0.31.8

package/dist/_chunks/practice-profile-card-CfAMeTxQ.js

@@ -0,0 +1,339 @@
+import { jsxs as u, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as oe, useId as le, useMemo as ce } from "react";
+import { c as se } from "./index-D2ZczOXr.js";
+import { useTranslation as de } from "react-i18next";
+import { B as S } from "./badge-B9Cr6iEB.js";
+import { C as F } from "./card-CNri9ssR.js";
+import { K as pe, a as ue } from "./key-value-pair-CYE7NSpM.js";
+import { L as d } from "./link-DrD_cRUg.js";
+import { u as fe } from "./registry-nPAVE19X.js";
+import { S as H } from "./stethoscope-DT5qCW8Y.js";
+import { H as T, S as V, L as z } from "./shield-check-BhHyReu8.js";
+import { c as E } from "./createLucideIcon-CrFbzy84.js";
+import { G as K } from "./globe-BkEFMNSg.js";
+import { M as L } from "./mail-C8irm52s.js";
+import { M as O } from "./message-circle-C23eicgb.js";
+import { M as U } from "./map-pin-B8STOPMJ.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const me = [
+  ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
+  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
+  ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
+], j = E("banknote", me);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const he = [
+  [
+    "path",
+    {
+      d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+      key: "9njp5v"
+    }
+  ]
+], B = E("phone", he), ge = {
+  id: "practice-profile-card",
+  capabilities: ["view_change"],
+  state: {
+    profession: {
+      type: "string",
+      descriptionKey: "ui.agent.practiceProfileCard.state.profession",
+      description: "Profession string the card is currently rendering — undefined when the consumer omitted it.",
+      read: (r) => r.getProfession()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "practice-profile-card",
+      description: "Marks the PracticeProfileCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, ve = se("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Matches the kit's other `surface` props (Booking, ReviewsPanel).
+    // The card itself renders `<Card variant="elevated">` so the
+    // `surface="flat"` opt-out is rare — most consumers want the
+    // boundary.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: { surface: "elevated" }
+});
+function xe(r) {
+  return r.replace(/[^\d+]/g, "");
+}
+function Pe(r, t) {
+  const a = `https://wa.me/${r}`;
+  return t ? `${a}?text=${encodeURIComponent(t)}` : a;
+}
+function be(r) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(r.line)}`;
+}
+function ye(r, t, a) {
+  try {
+    return new Intl.NumberFormat(a, {
+      style: "currency",
+      currency: t
+    }).format(r / 100);
+  } catch {
+    return (r / 100).toFixed(2);
+  }
+}
+function Ce() {
+  if (typeof document > "u") return "4945a3";
+  const r = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), t = /^#?([0-9a-fA-F]{6})$/.exec(r);
+  return t ? t[1] : "4945a3";
+}
+function ke({ apiKey: r, center: t, zoom: a, altText: c }) {
+  const s = Ce(), f = `https://maps.googleapis.com/maps/api/staticmap?center=${t.lat},${t.lng}&zoom=${a}&size=640x192&scale=2&markers=color:0x${s}%7C${t.lat},${t.lng}&key=${encodeURIComponent(r)}`;
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      src: f,
+      alt: c,
+      loading: "lazy",
+      decoding: "async",
+      width: 640,
+      height: 192,
+      className: "ds:block ds:inline-size-full ds:block-size-[12rem] ds:[object-fit:cover] ds:rounded-[var(--radius-md)]"
+    }
+  );
+}
+const we = oe(
+  ({
+    heading: r,
+    description: t,
+    address: a,
+    phone: c,
+    whatsappNumber: s,
+    whatsappMessage: f,
+    email: m,
+    website: h,
+    languages: g,
+    languageLabels: p,
+    insurances: v,
+    firstVisitPriceCents: x,
+    currencyCode: y = "EUR",
+    profession: P,
+    specializedInFearPatients: G,
+    googleMapsApiKey: C,
+    mapZoom: q = 14,
+    onPhoneClick: W,
+    onWhatsAppClick: D,
+    onMapClick: Y,
+    onEmailClick: J,
+    headerSlot: Q,
+    footerSlot: X,
+    surface: k = "elevated",
+    "aria-label": Z,
+    id: b,
+    className: ee,
+    ...ae
+  }, re) => {
+    const { t: i, i18n: w } = de(), M = le(), $ = w.language ?? "en", A = r ?? i("practiceProfileCard.heading"), te = Z ?? A, I = ce(() => {
+      if (x != null)
+        return ye(x, y, $);
+    }, [x, y, $]), n = [];
+    if (a && n.push({
+      key: "address",
+      icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.address"),
+      value: /* @__PURE__ */ u("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ e("span", { children: a.line }),
+        a.lat != null && a.lng != null ? /* @__PURE__ */ e(
+          d,
+          {
+            href: be(a),
+            external: !0,
+            intent: "default",
+            onClick: Y,
+            children: i("practiceProfileCard.openInGoogleMaps")
+          }
+        ) : null
+      ] })
+    }), c && n.push({
+      key: "phone",
+      icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.phone"),
+      value: /* @__PURE__ */ e(
+        d,
+        {
+          href: `tel:${xe(c)}`,
+          intent: "default",
+          onClick: W,
+          children: c
+        }
+      )
+    }), s && n.push({
+      key: "whatsapp",
+      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.whatsapp"),
+      value: /* @__PURE__ */ e(
+        d,
+        {
+          href: Pe(s, f),
+          external: !0,
+          intent: "default",
+          onClick: D,
+          children: s
+        }
+      )
+    }), m && n.push({
+      key: "email",
+      icon: /* @__PURE__ */ e(L, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.email"),
+      value: /* @__PURE__ */ e(
+        d,
+        {
+          href: `mailto:${m}`,
+          intent: "default",
+          onClick: J,
+          children: m
+        }
+      )
+    }), h && n.push({
+      key: "website",
+      icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.website"),
+      value: /* @__PURE__ */ e(d, { href: h, external: !0, intent: "default", children: h })
+    }), g && g.length > 0) {
+      const o = (l) => {
+        if (p != null && p[l]) return p[l];
+        const N = `languages.${l}`;
+        return w.exists(N) ? i(N) : l.toUpperCase();
+      };
+      n.push({
+        key: "languages",
+        icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
+        label: i("practiceProfileCard.label.languages"),
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(S, { variant: "neutral", children: o(l) }, l)) })
+      });
+    }
+    v && v.length > 0 && n.push({
+      key: "insurances",
+      icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.insurances"),
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((o) => /* @__PURE__ */ e(S, { variant: "info", children: o }, o)) })
+    }), I && n.push({
+      key: "firstVisitPrice",
+      icon: /* @__PURE__ */ e(j, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.firstVisitPrice"),
+      value: I
+    }), G && n.push({
+      key: "expertForAnxiousPatients",
+      icon: /* @__PURE__ */ e(T, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.expertForAnxiousPatients"),
+      value: i("practiceProfileCard.value.yesShort")
+    }), P && n.push({
+      key: "profession",
+      icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
+      label: i("practiceProfileCard.label.profession"),
+      value: P
+    }), fe(
+      ge,
+      { getProfession: () => P },
+      b
+    );
+    const ie = /* @__PURE__ */ u(_, { children: [
+      t ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: t }) : null,
+      n.length > 0 ? /* @__PURE__ */ e(pe, { rowGap: "md", children: n.map((o) => /* @__PURE__ */ e(
+        ue,
+        {
+          icon: o.icon,
+          label: o.label,
+          value: o.value
+        },
+        o.key
+      )) }) : null,
+      X
+    ] }), ne = !!C && (a == null ? void 0 : a.lat) !== void 0 && (a == null ? void 0 : a.lng) !== void 0 ? /* @__PURE__ */ e(
+      ke,
+      {
+        apiKey: C,
+        center: { lat: a.lat, lng: a.lng },
+        zoom: q,
+        altText: i("practiceProfileCard.map.alt", {
+          address: a.line,
+          defaultValue: "Map showing {{address}}"
+        })
+      }
+    ) : null, R = /* @__PURE__ */ u(_, { children: [
+      ne,
+      /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+        Q,
+        /* @__PURE__ */ e(
+          "h2",
+          {
+            id: M,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: A
+          }
+        )
+      ] }),
+      ie
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: re,
+        role: "region",
+        "aria-label": te,
+        "aria-labelledby": M,
+        "data-component": "practice-profile-card",
+        "data-component-id": b,
+        id: b,
+        className: ve({ surface: k, className: ee }),
+        ...ae,
+        children: k === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: R }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: R })
+      }
+    );
+  }
+);
+we.displayName = "PracticeProfileCard";
+const Ue = [
+  "address",
+  "phone",
+  "whatsapp",
+  "email",
+  "website",
+  "languages",
+  "insurances",
+  "firstVisitPrice",
+  "expertForAnxiousPatients",
+  "profession"
+], je = {
+  address: U,
+  phone: B,
+  whatsapp: O,
+  email: L,
+  website: K,
+  languages: z,
+  insurances: V,
+  firstVisitPrice: j,
+  expertForAnxiousPatients: T,
+  profession: H
+};
+export {
+  je as P,
+  Ue as a,
+  we as b,
+  ge as p
+};
+//# sourceMappingURL=practice-profile-card-CfAMeTxQ.js.map