@calcom/atoms 2.8.7 → 2.9.0

package/dist/booker/components/event-meta/available-event-locations.js

@@ -0,0 +1,72 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Icon as d } from "../../../components/ui/icon.js";
+import { Tooltip as f } from "../../../components/ui/tooltip.js";
+import { useAtomsLocale as u } from "../../../hooks/use-atoms-locale.js";
+import { cn as i } from "../../../lib/utils.js";
+import w from "../../../vendor/invert-logo-on-dark.js";
+import { getEventLocationType as x, getTranslatedLocation as h } from "../../../vendor/locations.js";
+const g = (t) => !!t;
+function N({
+  eventLocationType: t,
+  isTooltip: r,
+  isPlatform: n = !1
+}) {
+  return /* @__PURE__ */ e(
+    "img",
+    {
+      src: `${n && typeof process < "u" ? "https://app.cal.com" : ""}${t.iconUrl}`,
+      className: i(w(t == null ? void 0 : t.iconUrl, r), "me-[10px] h-4 w-4"),
+      alt: `${t.label} icon`
+    }
+  );
+}
+function k({
+  locations: t,
+  isPlatform: r = !1
+}) {
+  const { t: n } = u();
+  return /* @__PURE__ */ m("div", { className: "my-2 me-2 flex w-full flex-col stack-y-3 wrap-break-word", children: [
+    /* @__PURE__ */ e("p", { children: n("select_on_next_step") }),
+    t.map((a, s) => {
+      const l = x(a.type);
+      if (!l)
+        return null;
+      const o = a.customLabel || h(a, l, n);
+      return /* @__PURE__ */ m("div", { className: "font-sm flex flex-row items-center", children: [
+        /* @__PURE__ */ e(N, { eventLocationType: l, isTooltip: !0, isPlatform: r }),
+        /* @__PURE__ */ e("p", { className: "line-clamp-1", children: o })
+      ] }, `${a.type}-${s}`);
+    })
+  ] });
+}
+function j({
+  locations: t,
+  isPlatform: r = !1
+}) {
+  const { t: n } = u(), s = t.map((l, o) => {
+    const c = x(l.type);
+    if (!c)
+      return null;
+    const p = (l == null ? void 0 : l.customLabel) || h(l, c, n);
+    return /* @__PURE__ */ m("div", { className: "flex flex-row items-center text-sm font-medium", children: [
+      c.iconUrl === "/link.svg" ? /* @__PURE__ */ e(d, { name: "external-link", className: "text-default h-4 w-4 ltr:mr-[10px] rtl:ml-[10px]" }) : /* @__PURE__ */ e(N, { eventLocationType: c, isTooltip: !1, isPlatform: r }),
+      /* @__PURE__ */ e(f, { content: p, children: /* @__PURE__ */ e("p", { className: "line-clamp-1", children: p }) })
+    ] }, `${l.type}-${o}`);
+  }).filter(g);
+  return s.length > 1 ? /* @__PURE__ */ m("div", { className: "flex flex-row items-center text-sm font-medium", children: [
+    r ? /* @__PURE__ */ e(d, { name: "map-pin", className: i("me-[10px] h-4 w-4 opacity-70 dark:invert") }) : /* @__PURE__ */ e(
+      "img",
+      {
+        src: "/map-pin-dark.svg",
+        className: i("me-[10px] h-4 w-4 opacity-70 dark:invert"),
+        alt: "map-pin"
+      }
+    ),
+    /* @__PURE__ */ e(f, { content: /* @__PURE__ */ e(k, { locations: t, isPlatform: r }), children: /* @__PURE__ */ e("p", { className: "line-clamp-1", children: n("location_options", {
+      locationCount: s.length
+    }) }) })
+  ] }) : s.length === 1 ? /* @__PURE__ */ e("div", { className: "text-default mr-6 flex w-full flex-col stack-y-4 wrap-break-word text-sm rtl:mr-2", children: s }) : null;
+}
+export {
+  j as AvailableEventLocations
+};

package/dist/booker/components/event-meta/details.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { IconName } from '../../../components/ui/icon';
+import { BookerEvent } from '../../../contracts';
+export declare enum EventDetailBlocks {
+    DURATION = "DURATION",
+    LOCATION = "LOCATION",
+    REQUIRES_CONFIRMATION = "REQUIRES_CONFIRMATION",
+    OCCURENCES = "OCCURENCES",
+    PRICE = "PRICE"
+}
+type EventDetailsPropsBase = {
+    event: Pick<BookerEvent, "currency" | "price" | "locations" | "enablePerHostLocations" | "requiresConfirmation" | "recurringEvent" | "length" | "metadata" | "isDynamic">;
+    className?: string;
+};
+type EventDetailDefaultBlock = {
+    blocks?: EventDetailBlocks[];
+};
+type EventDetailCustomBlock = {
+    blocks?: React.FC[];
+    name: string;
+};
+type EventDetailsProps = EventDetailsPropsBase & (EventDetailDefaultBlock | EventDetailCustomBlock);
+interface EventMetaProps extends React.HTMLAttributes<HTMLDivElement> {
+    customIcon?: React.ReactNode;
+    icon?: IconName;
+    iconUrl?: string;
+    highlight?: boolean;
+    contentClassName?: string;
+    isDark?: boolean;
+}
+export declare const EventMetaBlock: ({ customIcon, icon, iconUrl, children, highlight, contentClassName, className, isDark, ...rest }: EventMetaProps) => JSX.Element | null;
+export declare const EventDetails: ({ event, blocks }: EventDetailsProps) => JSX.Element;
+export {};
+//# sourceMappingURL=details.d.ts.map

package/dist/booker/components/event-meta/details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/details.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAYtD,oBAAY,iBAAiB;IAC3B,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,qBAAqB,0BAA0B;IAC/C,UAAU,eAAe;IACzB,KAAK,UAAU;CAChB;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,IAAI,CACT,WAAW,EACT,UAAU,GACV,OAAO,GACP,WAAW,GACX,wBAAwB,GACxB,sBAAsB,GACtB,gBAAgB,GAChB,QAAQ,GACR,UAAU,GACV,WAAW,CACd,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC9B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,CAAC,uBAAuB,GAAG,sBAAsB,CAAC,CAAC;AAEpG,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAUD,eAAO,MAAM,cAAc,GAAI,kGAU5B,cAAc,uBAiChB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,mBAA+C,iBAAiB,gBAwE5F,CAAC"}

package/dist/booker/components/event-meta/details.js

@@ -0,0 +1,104 @@
+import { jsxs as I, jsx as t, Fragment as f } from "react/jsx-runtime";
+import C, { Fragment as N } from "react";
+import { Icon as O } from "../../../components/ui/icon.js";
+import { useAtomsLocale as R } from "../../../hooks/use-atoms-locale.js";
+import { cn as l } from "../../../lib/utils.js";
+import { getPaymentAppData as h } from "../../../vendor/payments.js";
+import { useBookerStore as u } from "../../store.js";
+import { AvailableEventLocations as d } from "./available-event-locations.js";
+import { EventDuration as E } from "./duration.js";
+import { EventOccurences as A } from "./occurences.js";
+import { Price as U } from "./price.js";
+import { PriceIcon as x } from "./price-icon.js";
+var T = /* @__PURE__ */ ((r) => (r.DURATION = "DURATION", r.LOCATION = "LOCATION", r.REQUIRES_CONFIRMATION = "REQUIRES_CONFIRMATION", r.OCCURENCES = "OCCURENCES", r.PRICE = "PRICE", r))(T || {});
+const g = [
+  "REQUIRES_CONFIRMATION",
+  "DURATION",
+  "OCCURENCES",
+  "LOCATION",
+  "PRICE"
+  /* PRICE */
+], n = ({
+  customIcon: r,
+  icon: s,
+  iconUrl: a,
+  children: c,
+  highlight: o,
+  contentClassName: e,
+  className: m,
+  isDark: i,
+  ...p
+}) => C.Children.count(c) ? /* @__PURE__ */ I(
+  "div",
+  {
+    className: l(
+      "flex items-start justify-start text-sm",
+      o ? "text-emphasis" : "text-text",
+      m
+    ),
+    ...p,
+    children: [
+      a ? /* @__PURE__ */ t(
+        "img",
+        {
+          src: a,
+          alt: "",
+          className: l(
+            "mr-2 mt-[2px] h-4 w-4 shrink-0",
+            i === void 0 && "filter-[invert(0.5)_brightness(0.5)]",
+            (i === void 0 || i) && "dark:filter-[invert(0.65)_brightness(0.9)]"
+          )
+        }
+      ) : /* @__PURE__ */ t(f, { children: r || !!s && /* @__PURE__ */ t(O, { name: s, className: "relative z-20 mr-2 mt-[2px] h-4 w-4 shrink-0 rtl:ml-2" }) }),
+      /* @__PURE__ */ t("div", { className: l("relative z-10 max-w-full wrap-break-word", e), children: c })
+    ]
+  }
+) : null, D = ({ event: r, blocks: s = g }) => {
+  const { t: a } = R(), c = u((e) => e.rescheduleUid), o = u((e) => e.isInstantMeeting);
+  return /* @__PURE__ */ t(f, { children: s.map((e) => {
+    var m;
+    if (typeof e == "function")
+      return /* @__PURE__ */ t(N, { children: e(r) }, e.name);
+    switch (e) {
+      case "DURATION":
+        return /* @__PURE__ */ t(n, { icon: "clock", className: "items-center", children: /* @__PURE__ */ t(E, { event: r }) }, e);
+      case "LOCATION":
+        return !((m = r == null ? void 0 : r.locations) != null && m.length) || o || r.enablePerHostLocations ? null : /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(d, { locations: r.locations }) }, e);
+      case "REQUIRES_CONFIRMATION":
+        return r.requiresConfirmation ? /* @__PURE__ */ t(n, { icon: "square-check", children: a("requires_confirmation") }, e) : null;
+      case "OCCURENCES":
+        return !r.recurringEvent || c ? null : /* @__PURE__ */ t(n, { icon: "refresh-ccw", children: /* @__PURE__ */ t(A, { event: r }) }, e);
+      case "PRICE": {
+        const i = h(r);
+        return r.price <= 0 || i.price <= 0 ? null : /* @__PURE__ */ t(
+          n,
+          {
+            customIcon: /* @__PURE__ */ t(
+              x,
+              {
+                className: "relative z-20 mr-2 mt-[2px] h-4 w-4 shrink-0 rtl:ml-2",
+                currency: r.currency
+              }
+            ),
+            children: /* @__PURE__ */ t(
+              U,
+              {
+                price: i.price,
+                currency: r.currency,
+                displayAlternateSymbol: !1
+              }
+            )
+          },
+          e
+        );
+      }
+      default:
+        return null;
+    }
+  }) });
+};
+export {
+  T as EventDetailBlocks,
+  D as EventDetails,
+  n as EventMetaBlock
+};

package/dist/booker/components/event-meta/duration.d.ts

@@ -0,0 +1,9 @@
+import { BookerEvent } from '../../../contracts';
+type TFunction = (key: string, options?: Record<string, unknown>) => string;
+export declare const getDurationFormatted: (mins: number | undefined, t: TFunction) => string | null;
+export declare const EventDuration: ({ event, isPlatform, }: {
+    event: Pick<BookerEvent, "length" | "metadata" | "isDynamic">;
+    isPlatform?: boolean;
+}) => JSX.Element | null;
+export {};
+//# sourceMappingURL=duration.d.ts.map

package/dist/booker/components/event-meta/duration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/duration.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;AAE5E,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,kBAsB1E,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,wBAG3B;IACD,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,uBAgGA,CAAC"}

package/dist/booker/components/event-meta/duration.js

@@ -0,0 +1,85 @@
+import { jsx as o, Fragment as x, jsxs as m } from "react/jsx-runtime";
+import { useRef as L, useEffect as w } from "react";
+import { Icon as D } from "../../../components/ui/icon.js";
+import { useAtomsLocale as R } from "../../../hooks/use-atoms-locale.js";
+import { cn as C } from "../../../lib/utils.js";
+import { useBookerStoreContext as U } from "../../booker-store-provider.js";
+import { useIsEmbed as P } from "../../hooks/embed-stubs.js";
+import { useShouldShowArrows as V } from "../../hooks/use-should-show-arrows.js";
+const d = (t, n) => {
+  if (!t) return null;
+  const i = Math.floor(t / 60);
+  t %= 60;
+  let l = "";
+  t > 0 && (l = t === 1 ? n("minute_one_short", { count: 1 }) : n("multiple_duration_timeUnit_short", { count: t, unit: "minute" }));
+  let r = "";
+  return i > 0 && (r = i === 1 ? n("hour_one_short", { count: 1 }) : n("multiple_duration_timeUnit_short", { count: i, unit: "hour" })), r && l ? `${r} ${l}` : r || l;
+}, H = ({
+  event: t,
+  isPlatform: n = !1
+}) => {
+  var h, p, b, g;
+  const { t: i } = R(), l = L([]), [r, c, S] = U((e) => [
+    e.selectedDuration,
+    e.setSelectedDuration,
+    e.state
+  ]), { ref: s, calculateScroll: N, leftVisible: _, rightVisible: k } = V(), y = () => {
+    s.current && (s.current.scrollLeft -= 100);
+  }, j = () => {
+    s.current && (s.current.scrollLeft += 100);
+  }, u = "isDynamic" in t && t.isDynamic, f = P();
+  if (w(() => {
+    var a;
+    const e = !!new URLSearchParams(window.location.search).get("rescheduleUid");
+    !r && !e && ((a = t.metadata) != null && a.multipleDuration || u) && c(t.length);
+  }, [r, c, (h = t.metadata) == null ? void 0 : h.multipleDuration, t.length, u]), w(() => {
+    const e = setTimeout(() => {
+      var a;
+      f || r && l.current[r] && ((a = l.current[r]) == null || a.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+        inline: "center"
+      }));
+    }, 100);
+    return () => clearTimeout(e);
+  }, [r, f]), !((p = t == null ? void 0 : t.metadata) != null && p.multipleDuration) && !u)
+    return /* @__PURE__ */ o(x, { children: d(t.length, i) });
+  const E = ((b = t == null ? void 0 : t.metadata) == null ? void 0 : b.multipleDuration) || [15, 30, 60, 90];
+  return ((g = t == null ? void 0 : t.metadata) == null ? void 0 : g.hideDurationSelectorInBookingPage) || S === "booking" ? /* @__PURE__ */ o(x, { children: d(r || t.length, i) }) : r ? /* @__PURE__ */ m("div", { className: "border-default relative mr-5 flex flex-row items-center justify-between rounded-md border", children: [
+    _ && /* @__PURE__ */ m("button", { onClick: y, className: "absolute bottom-0 left-0 flex", children: [
+      /* @__PURE__ */ o("div", { className: "bg-default flex h-9 w-5 items-center justify-end rounded-md", children: /* @__PURE__ */ o(D, { name: "chevron-left", className: "text-subtle h-4 w-4" }) }),
+      /* @__PURE__ */ o("div", { className: "to-default flex h-9 w-5 bg-linear-to-l from-transparent" })
+    ] }),
+    /* @__PURE__ */ o(
+      "ul",
+      {
+        className: "bg-default no-scrollbar flex max-w-full items-center gap-0.5 overflow-x-auto rounded-md p-1",
+        onScroll: (e) => N(e),
+        ref: s,
+        children: E.map((e, a) => /* @__PURE__ */ o(
+          "li",
+          {
+            "data-testId": `multiple-choice-${e}mins`,
+            "data-active": r === e ? "true" : "false",
+            onClick: () => c(e),
+            ref: (I) => l.current[e] = I,
+            className: C(
+              r === e ? "bg-emphasis" : "hover:text-emphasis",
+              "text-default cursor-pointer rounded-[4px] px-3 py-1.5 text-sm leading-tight transition"
+            ),
+            children: /* @__PURE__ */ o("div", { className: "w-max", children: d(e, i) })
+          },
+          a
+        ))
+      }
+    ),
+    k && /* @__PURE__ */ m("button", { onClick: j, className: "absolute bottom-0 right-0 flex", children: [
+      /* @__PURE__ */ o("div", { className: "to-default flex h-9 w-5 bg-linear-to-r from-transparent" }),
+      /* @__PURE__ */ o("div", { className: "bg-default flex h-9 w-5 items-center justify-end rounded-md", children: /* @__PURE__ */ o(D, { name: "chevron-right", className: "text-subtle h-4 w-4" }) })
+    ] })
+  ] }) : null;
+};
+export {
+  H as EventDuration,
+  d as getDurationFormatted
+};

package/dist/booker/components/event-meta/index.d.ts

@@ -0,0 +1,7 @@
+export { EventDetailBlocks, EventDetails, EventMetaBlock } from './details';
+export { EventMembers } from './members';
+export { Price } from './price';
+export { PriceIcon } from './price-icon';
+export { EventMetaSkeleton } from './skeleton';
+export { EventTitle } from './title';
+//# sourceMappingURL=index.d.ts.map

package/dist/booker/components/event-meta/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/booker/components/event-meta/index.js

@@ -0,0 +1,16 @@
+import { EventDetailBlocks as o, EventDetails as r, EventMetaBlock as n } from "./details.js";
+import { EventMembers as f } from "./members.js";
+import { Price as p } from "./price.js";
+import { PriceIcon as x } from "./price-icon.js";
+import { EventMetaSkeleton as c } from "./skeleton.js";
+import { EventTitle as a } from "./title.js";
+export {
+  o as EventDetailBlocks,
+  r as EventDetails,
+  f as EventMembers,
+  n as EventMetaBlock,
+  c as EventMetaSkeleton,
+  a as EventTitle,
+  p as Price,
+  x as PriceIcon
+};

package/dist/booker/components/event-meta/locations.d.ts

@@ -0,0 +1,5 @@
+import { BookerEvent } from '../../../contracts';
+export declare const EventLocations: ({ event }: {
+    event: BookerEvent;
+}) => JSX.Element | null;
+//# sourceMappingURL=locations.d.ts.map

package/dist/booker/components/event-meta/locations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locations.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/locations.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,eAAO,MAAM,cAAc,GAAI,WAAW;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,uBA4D/D,CAAC"}

package/dist/booker/components/event-meta/locations.js

@@ -0,0 +1,54 @@
+import { jsxs as s, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { Tooltip as h } from "../../../components/ui/tooltip.js";
+import { useAtomsLocale as x } from "../../../hooks/use-atoms-locale.js";
+import { cn as v } from "../../../lib/utils.js";
+import { getEventLocationType as n, getTranslatedLocation as N } from "../../../vendor/locations.js";
+import { EventMetaBlock as U } from "./details.js";
+const D = ({ event: b }) => {
+  var a;
+  const { t: l } = x(), e = b.locations;
+  if (!(e != null && e.length)) return null;
+  const i = (o) => {
+    const c = n(o.type);
+    return N(o, c, l);
+  }, r = n(e[0].type), y = e.length > 1 || !(r != null && r.iconUrl) ? void 0 : r.iconUrl, g = e.length > 1 || !(r != null && r.iconUrl) ? "map-pin" : void 0;
+  return /* @__PURE__ */ s(U, { iconUrl: y, icon: g, isDark: (a = r == null ? void 0 : r.iconUrl) == null ? void 0 : a.includes("-dark"), children: [
+    e.length === 1 && /* @__PURE__ */ t(h, { content: i(e[0]), children: /* @__PURE__ */ t("div", { className: "", children: i(e[0]) }, e[0].type) }),
+    e.length > 1 && /* @__PURE__ */ t(
+      "div",
+      {
+        className: "before:bg-subtle relative before:pointer-events-none before:absolute before:inset-0 before:bottom-[-5px] before:left-[-30px] before:top-[-5px] before:w-[calc(100%+35px)] before:rounded-md before:py-3 before:opacity-0 before:transition-opacity hover:before:opacity-100",
+        children: /* @__PURE__ */ t(
+          h,
+          {
+            content: /* @__PURE__ */ s(u, { children: [
+              /* @__PURE__ */ t("p", { className: "mb-2", children: l("select_on_next_step") }),
+              /* @__PURE__ */ t("ul", { className: "pl-1", children: e.map((o, c) => {
+                var p, m, d, f;
+                return /* @__PURE__ */ t("li", { className: "mt-1", children: /* @__PURE__ */ s("div", { className: "flex flex-row items-center", children: [
+                  /* @__PURE__ */ t(
+                    "img",
+                    {
+                      src: (p = n(o.type)) == null ? void 0 : p.iconUrl,
+                      className: v(
+                        "h-3 w-3 opacity-70 ltr:mr-[10px] rtl:ml-[10px] dark:opacity-100 ",
+                        (d = (m = n(o.type)) == null ? void 0 : m.iconUrl) != null && d.startsWith("/app-store") ? "" : "dark:invert-[.65]"
+                      ),
+                      alt: `${(f = n(o.type)) == null ? void 0 : f.label} icon`
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { children: i(o) })
+                ] }) }, `${o.type}-${c}`);
+              }) })
+            ] }),
+            children: /* @__PURE__ */ t("span", { className: "relative z-2 py-2", children: l("num_locations", { num: e.length }) })
+          }
+        )
+      },
+      e[0].type
+    )
+  ] });
+};
+export {
+  D as EventLocations
+};

package/dist/booker/components/event-meta/members.d.ts

@@ -0,0 +1,13 @@
+import { BookerEvent } from '../../../contracts';
+export interface EventMembersProps {
+    schedulingType: BookerEvent["schedulingType"];
+    users: BookerEvent["subsetOfUsers"];
+    profile: BookerEvent["profile"];
+    entity: BookerEvent["entity"];
+    isPrivateLink: boolean;
+    roundRobinHideOrgAndTeam?: boolean;
+    hideOrgTeamAvatar?: boolean;
+    isPlatform?: boolean;
+}
+export declare const EventMembers: ({ schedulingType, users, profile, entity, isPrivateLink, roundRobinHideOrgAndTeam, hideOrgTeamAvatar, isPlatform, }: EventMembersProps) => JSX.Element;
+//# sourceMappingURL=members.d.ts.map

package/dist/booker/components/event-meta/members.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"members.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/members.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC9C,KAAK,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IACpC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,qHAS1B,iBAAiB,gBAoEnB,CAAC"}

package/dist/booker/components/event-meta/members.js

@@ -0,0 +1,56 @@
+import { jsx as s, jsxs as x, Fragment as R } from "react/jsx-runtime";
+import { AvatarGroup as B } from "../../../components/ui/avatar-group.js";
+import { SchedulingType as r } from "../../../contracts/event-types.js";
+import { getUserAvatarUrl as I } from "../../../vendor/avatar-url.js";
+import { getTeamUrlSync as p, getBookerBaseUrlSync as O } from "../../../vendor/booker-url.js";
+import { useIsEmbed as D } from "../../hooks/embed-stubs.js";
+import { useBookerStore as E } from "../../store.js";
+const A = ({
+  schedulingType: o,
+  users: t,
+  profile: a,
+  entity: e,
+  isPrivateLink: l,
+  roundRobinHideOrgAndTeam: S,
+  hideOrgTeamAvatar: n,
+  isPlatform: g = !1
+}) => {
+  const c = E((m) => m.username), U = !!(c && c.indexOf("+") > -1), b = D(), i = o !== r.ROUND_ROBIN ? t : [], d = a.name && o === r.ROUND_ROBIN || !t.length || a.name !== t[0].name && o === r.COLLECTIVE;
+  if (o === r.ROUND_ROBIN && S)
+    return /* @__PURE__ */ s("div", { className: "h-6" });
+  if (o === r.ROUND_ROBIN && n)
+    return /* @__PURE__ */ s("p", { className: "text-subtle pt-6 text-sm font-semibold", children: a.name });
+  const h = n || U || !a.image && !e.logoUrl || !e.teamSlug ? [] : [
+    {
+      href: b || g || l || e.hideProfileLink ? null : e.teamSlug ? p({ orgSlug: e.orgSlug, teamSlug: e.teamSlug }) : O(e.orgSlug),
+      image: e.logoUrl ?? a.image ?? "",
+      alt: e.name ?? a.name ?? "",
+      title: e.name ?? a.name ?? ""
+    }
+  ];
+  return /* @__PURE__ */ x(R, { children: [
+    /* @__PURE__ */ s(
+      B,
+      {
+        size: "sm",
+        className: "border-muted",
+        items: [
+          ...h,
+          ...i.map((m) => {
+            var f, u, N;
+            return {
+              href: g || l || e.hideProfileLink ? null : `${O(((u = (f = m.profile) == null ? void 0 : f.organization) == null ? void 0 : u.slug) ?? null)}/${(N = m.profile) == null ? void 0 : N.username}?redirect=false`,
+              alt: m.name || "",
+              title: m.name || "",
+              image: I(m)
+            };
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("p", { className: "text-subtle mt-2 text-sm font-semibold", children: d ? a.name : i.map((m) => m.name).filter((m) => m).join(", ") })
+  ] });
+};
+export {
+  A as EventMembers
+};

package/dist/booker/components/event-meta/occurences.d.ts

@@ -0,0 +1,5 @@
+import { BookerEvent } from '../../../contracts';
+export declare const EventOccurences: ({ event }: {
+    event: Pick<BookerEvent, "recurringEvent">;
+}) => JSX.Element | null;
+//# sourceMappingURL=occurences.d.ts.map

package/dist/booker/components/event-meta/occurences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"occurences.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/occurences.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAQtD,eAAO,MAAM,eAAe,GAAI,WAAW;IAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;CAAE,uBA6HxF,CAAC"}

package/dist/booker/components/event-meta/occurences.js

@@ -0,0 +1,96 @@
+import { jsxs as n, Fragment as g, jsx as i } from "react/jsx-runtime";
+import { useState as _, useEffect as N } from "react";
+import { Alert as V } from "../../../components/ui/alert.js";
+import { Badge as y } from "../../../components/ui/badge.js";
+import { Input as w } from "../../../components/ui/text-field.js";
+import { Tooltip as P } from "../../../components/ui/tooltip.js";
+import { useAtomsLocale as Q } from "../../../hooks/use-atoms-locale.js";
+import { parseRecurringDates as z } from "../../../vendor/parse-dates.js";
+import { getRecurringFreq as A } from "../../../vendor/recurring.js";
+import { getTimeShiftFlags as B, getFirstShiftFlags as D } from "../../../vendor/time-shift.js";
+import { useBookerStoreContext as p } from "../../booker-store-provider.js";
+import { useBookerTime as I } from "../../hooks/use-booker-time.js";
+const U = ({ event: e }) => {
+  var x;
+  const o = ((x = e.recurringEvent) == null ? void 0 : x.count) || null, { t: c, i18n: R } = Q(), [
+    s,
+    a,
+    d,
+    m
+  ] = p((r) => [
+    r.setRecurringEventCount,
+    r.recurringEventCount,
+    r.setRecurringEventCountQueryParam,
+    r.recurringEventCountQueryParam
+  ]), f = p((r) => r.selectedTimeslot), S = p((r) => r.state), { timezone: E, timeFormat: b } = I(), [T, v] = _(!1), h = (r) => {
+    const t = parseInt(r);
+    !isNaN(t) && t >= 1 && o !== null && t <= o ? (s(t), v(!1)) : (s(o), v(!0));
+  };
+  if (N(() => {
+    var r;
+    (r = e.recurringEvent) != null && r.count && (m ? h(m) : (s(o), d(o)));
+  }, [s, e.recurringEvent, a, m]), !e.recurringEvent) return null;
+  if (S === "booking" && a && f) {
+    const [r, t] = z(
+      {
+        startDate: f,
+        timeZone: E,
+        recurringEvent: e.recurringEvent,
+        recurringCount: a,
+        selectedTimeFormat: b
+      },
+      R.language
+    ), C = B({ dates: t, timezone: E }), F = D(C);
+    return /* @__PURE__ */ n("div", { "data-testid": "recurring-dates", children: [
+      r.slice(0, 5).map((l, u) => /* @__PURE__ */ n("p", { children: [
+        l,
+        F[u] && /* @__PURE__ */ n(g, { children: [
+          " ",
+          /* @__PURE__ */ i(y, { variant: "orange", size: "sm", children: c("time_shift") })
+        ] })
+      ] }, u)),
+      r.length > 5 && /* @__PURE__ */ i(
+        P,
+        {
+          content: r.slice(5).map((l, u) => /* @__PURE__ */ n("p", { children: [
+            l,
+            F[u + 5] && /* @__PURE__ */ n(g, { children: [
+              " ",
+              /* @__PURE__ */ i(y, { variant: "orange", size: "sm", children: c("time_shift") })
+            ] })
+          ] }, u)),
+          children: /* @__PURE__ */ n("p", { className: " text-sm", children: [
+            "+ ",
+            c("plus_more", { count: r.length - 5 })
+          ] })
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ n(g, { children: [
+    A({ t: c, recurringEvent: e.recurringEvent }),
+    /* @__PURE__ */ i("br", {}),
+    /* @__PURE__ */ i(
+      w,
+      {
+        className: "my-1 mr-3 inline-flex h-[26px] w-[46px] px-1 py-0",
+        type: "number",
+        min: "1",
+        max: e.recurringEvent.count,
+        defaultValue: m || e.recurringEvent.count,
+        "data-testid": "occurrence-input",
+        onChange: (r) => {
+          const t = parseInt(r.target.value);
+          d(t), h(r.target.value);
+        }
+      }
+    ),
+    c("occurrence", {
+      count: a || e.recurringEvent.count
+    }),
+    T && /* @__PURE__ */ i("div", { className: "-ml-4 mr-4 mt-2 flex", children: /* @__PURE__ */ i(V, { severity: "warning", title: c("enter_number_between_range", { maxOccurences: o }) }) })
+  ] });
+};
+export {
+  U as EventOccurences
+};

package/dist/booker/components/event-meta/price-icon.d.ts

@@ -0,0 +1,5 @@
+export declare function PriceIcon(props: {
+    currency: string;
+    className?: string;
+}): JSX.Element;
+//# sourceMappingURL=price-icon.d.ts.map

package/dist/booker/components/event-meta/price-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-icon.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/price-icon.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAIxE"}