@alfadocs/ui-kit 0.31.6 → 0.31.7

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

@@ -0,0 +1,305 @@
+import { jsxs as d, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as ie, useId as te, useMemo as ne } from "react";
+import { c as le } from "./index-D2ZczOXr.js";
+import { useTranslation as oe } from "react-i18next";
+import { B as N } from "./badge-B9Cr6iEB.js";
+import { C as F } from "./card-CNri9ssR.js";
+import { K as se, a as ce } from "./key-value-pair-CYE7NSpM.js";
+import { L as s } from "./link-DrD_cRUg.js";
+import { u as de } from "./registry-nPAVE19X.js";
+import { S } from "./stethoscope-DT5qCW8Y.js";
+import { H as $, S as E, L as H } from "./shield-check-BhHyReu8.js";
+import { c as V } 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 B } 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 pe = [
+  ["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" }]
+], G = V("banknote", pe);
+/**
+ * @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 fe = [
+  [
+    "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"
+    }
+  ]
+], U = V("phone", fe), ue = {
+  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."
+    }
+  }
+}, he = le("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 me(r) {
+  return r.replace(/[^\d+]/g, "");
+}
+function ve(r, l) {
+  const t = `https://wa.me/${r}`;
+  return l ? `${t}?text=${encodeURIComponent(l)}` : t;
+}
+function Pe(r) {
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(r.line)}`;
+}
+function ge(r, l, t) {
+  try {
+    return new Intl.NumberFormat(t, {
+      style: "currency",
+      currency: l
+    }).format(r / 100);
+  } catch {
+    return (r / 100).toFixed(2);
+  }
+}
+const xe = ie(
+  ({
+    heading: r,
+    description: l,
+    address: t,
+    phone: p,
+    whatsappNumber: f,
+    whatsappMessage: j,
+    email: u,
+    website: h,
+    languages: m,
+    languageLabels: c,
+    insurances: v,
+    firstVisitPriceCents: P,
+    currencyCode: y = "EUR",
+    profession: g,
+    specializedInFearPatients: q,
+    onPhoneClick: T,
+    onWhatsAppClick: W,
+    onMapClick: D,
+    onEmailClick: z,
+    headerSlot: Y,
+    footerSlot: J,
+    surface: b = "elevated",
+    "aria-label": Q,
+    id: x,
+    className: X,
+    ...Z
+  }, ee) => {
+    const { t: a, i18n: C } = oe(), k = te(), w = C.language ?? "en", A = r ?? a("practiceProfileCard.heading"), ae = Q ?? A, I = ne(() => {
+      if (P != null)
+        return ge(P, y, w);
+    }, [P, y, w]), i = [];
+    if (t && i.push({
+      key: "address",
+      icon: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.address"),
+      value: /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ e("span", { children: t.line }),
+        t.lat != null && t.lng != null ? /* @__PURE__ */ e(
+          s,
+          {
+            href: Pe(t),
+            external: !0,
+            intent: "default",
+            onClick: D,
+            children: a("practiceProfileCard.openInGoogleMaps")
+          }
+        ) : null
+      ] })
+    }), p && i.push({
+      key: "phone",
+      icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.phone"),
+      value: /* @__PURE__ */ e(
+        s,
+        {
+          href: `tel:${me(p)}`,
+          intent: "default",
+          onClick: T,
+          children: p
+        }
+      )
+    }), f && i.push({
+      key: "whatsapp",
+      icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.whatsapp"),
+      value: /* @__PURE__ */ e(
+        s,
+        {
+          href: ve(f, j),
+          external: !0,
+          intent: "default",
+          onClick: W,
+          children: f
+        }
+      )
+    }), u && i.push({
+      key: "email",
+      icon: /* @__PURE__ */ e(L, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.email"),
+      value: /* @__PURE__ */ e(
+        s,
+        {
+          href: `mailto:${u}`,
+          intent: "default",
+          onClick: z,
+          children: u
+        }
+      )
+    }), h && i.push({
+      key: "website",
+      icon: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.website"),
+      value: /* @__PURE__ */ e(s, { href: h, external: !0, intent: "default", children: h })
+    }), m && m.length > 0) {
+      const n = (o) => {
+        if (c != null && c[o]) return c[o];
+        const R = `languages.${o}`;
+        return C.exists(R) ? a(R) : o.toUpperCase();
+      };
+      i.push({
+        key: "languages",
+        icon: /* @__PURE__ */ e(H, { "aria-hidden": "true" }),
+        label: a("practiceProfileCard.label.languages"),
+        value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: m.map((o) => /* @__PURE__ */ e(N, { variant: "neutral", children: n(o) }, o)) })
+      });
+    }
+    v && v.length > 0 && i.push({
+      key: "insurances",
+      icon: /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.insurances"),
+      value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((n) => /* @__PURE__ */ e(N, { variant: "info", children: n }, n)) })
+    }), I && i.push({
+      key: "firstVisitPrice",
+      icon: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.firstVisitPrice"),
+      value: I
+    }), q && i.push({
+      key: "expertForAnxiousPatients",
+      icon: /* @__PURE__ */ e($, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.expertForAnxiousPatients"),
+      value: a("practiceProfileCard.value.yesShort")
+    }), g && i.push({
+      key: "profession",
+      icon: /* @__PURE__ */ e(S, { "aria-hidden": "true" }),
+      label: a("practiceProfileCard.label.profession"),
+      value: g
+    }), de(
+      ue,
+      { getProfession: () => g },
+      x
+    );
+    const re = /* @__PURE__ */ d(_, { children: [
+      l ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-line", children: l }) : null,
+      i.length > 0 ? /* @__PURE__ */ e(se, { rowGap: "md", children: i.map((n) => /* @__PURE__ */ e(
+        ce,
+        {
+          icon: n.icon,
+          label: n.label,
+          value: n.value
+        },
+        n.key
+      )) }) : null,
+      J
+    ] }), M = /* @__PURE__ */ d(_, { children: [
+      /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+        Y,
+        /* @__PURE__ */ e(
+          "h2",
+          {
+            id: k,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: A
+          }
+        )
+      ] }),
+      re
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: ee,
+        role: "region",
+        "aria-label": ae,
+        "aria-labelledby": k,
+        "data-component": "practice-profile-card",
+        "data-component-id": x,
+        id: x,
+        className: he({ surface: b, className: X }),
+        ...Z,
+        children: b === "elevated" ? /* @__PURE__ */ e(F, { variant: "elevated", children: /* @__PURE__ */ e(F.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: M }) }) : /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: M })
+      }
+    );
+  }
+);
+xe.displayName = "PracticeProfileCard";
+const Ve = [
+  "address",
+  "phone",
+  "whatsapp",
+  "email",
+  "website",
+  "languages",
+  "insurances",
+  "firstVisitPrice",
+  "expertForAnxiousPatients",
+  "profession"
+], Ke = {
+  address: B,
+  phone: U,
+  whatsapp: O,
+  email: L,
+  website: K,
+  languages: H,
+  insurances: E,
+  firstVisitPrice: G,
+  expertForAnxiousPatients: $,
+  profession: S
+};
+export {
+  Ke as P,
+  Ve as a,
+  xe as b,
+  ue as p
+};
+//# sourceMappingURL=practice-profile-card-DwZo7ggW.js.map