@calcom/atoms 2.8.7 → 2.9.0

package/dist/booker/components/event-meta/price-icon.js

@@ -0,0 +1,81 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { Icon as i } from "../../../components/ui/icon.js";
+const l = n(function(t, e) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      ref: e,
+      className: t.className,
+      id: "Layer_1",
+      "data-name": "Layer 1",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 360 360",
+      children: [
+        /* @__PURE__ */ r("title", { children: "Satoshis" }),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            fill: "currentColor",
+            x: "201.48",
+            y: "37.16",
+            width: "23.49",
+            height: "40.14",
+            transform: "translate(21.82 -52.79) rotate(14.87)"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            fill: "currentColor",
+            x: "135.03",
+            y: "287.5",
+            width: "23.49",
+            height: "40.14",
+            transform: "translate(83.82 -27.36) rotate(14.87)"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            fill: "currentColor",
+            x: "184.27",
+            y: "38.29",
+            width: "23.49",
+            height: "167.49",
+            transform: "translate(364.26 -36.11) rotate(104.87)"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            fill: "currentColor",
+            x: "168.36",
+            y: "98.26",
+            width: "23.49",
+            height: "167.49",
+            transform: "translate(402.22 54.61) rotate(104.87)"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            fill: "currentColor",
+            x: "152.89",
+            y: "156.52",
+            width: "23.49",
+            height: "167.49",
+            transform: "translate(439.1 142.78) rotate(104.87)"
+          }
+        )
+      ]
+    }
+  );
+});
+function m(o) {
+  const { className: t, currency: e } = o;
+  return e !== "BTC" ? /* @__PURE__ */ r(i, { name: "credit-card", className: t }) : /* @__PURE__ */ r(l, { className: t });
+}
+export {
+  m as PriceIcon
+};

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

@@ -0,0 +1,7 @@
+export type EventPrice = {
+    price: number;
+    currency: string;
+    displayAlternateSymbol?: boolean;
+};
+export declare const Price: ({ price, currency, displayAlternateSymbol }: EventPrice) => JSX.Element | null;
+//# sourceMappingURL=price.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/price.tsx"],"names":[],"mappings":"AAkFA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,6CAAoD,UAAU,uBAcnF,CAAC"}

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

@@ -0,0 +1,95 @@
+import { jsxs as n, jsx as t, Fragment as s } from "react/jsx-runtime";
+import { fiat as c } from "@getalby/lightning-tools";
+import { forwardRef as f, useState as m, useEffect as h } from "react";
+import { Tooltip as u } from "../../../components/ui/tooltip.js";
+import { formatPrice as d } from "../../../vendor/currency.js";
+const w = f(function(r, o) {
+  return /* @__PURE__ */ n("svg", { ref: o, className: r.className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 360 360", children: [
+    /* @__PURE__ */ t(
+      "rect",
+      {
+        fill: "currentColor",
+        x: "201.48",
+        y: "37.16",
+        width: "23.49",
+        height: "40.14",
+        transform: "translate(21.82 -52.79) rotate(14.87)"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "rect",
+      {
+        fill: "currentColor",
+        x: "135.03",
+        y: "287.5",
+        width: "23.49",
+        height: "40.14",
+        transform: "translate(83.82 -27.36) rotate(14.87)"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "rect",
+      {
+        fill: "currentColor",
+        x: "184.27",
+        y: "38.29",
+        width: "23.49",
+        height: "167.49",
+        transform: "translate(364.26 -36.11) rotate(104.87)"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "rect",
+      {
+        fill: "currentColor",
+        x: "168.36",
+        y: "98.26",
+        width: "23.49",
+        height: "167.49",
+        transform: "translate(402.22 54.61) rotate(104.87)"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "rect",
+      {
+        fill: "currentColor",
+        x: "152.89",
+        y: "156.52",
+        width: "23.49",
+        height: "167.49",
+        transform: "translate(439.1 142.78) rotate(104.87)"
+      }
+    )
+  ] });
+});
+function x({
+  displaySymbol: e,
+  price: r,
+  formattedPrice: o
+}) {
+  const [a, i] = m("loading...");
+  return h(() => {
+    (async () => {
+      const l = await c.getFiatValue({ satoshi: r, currency: "USD" });
+      i(`$${l.toFixed(2)}`);
+    })();
+  }, [r]), /* @__PURE__ */ t(u, { content: a, children: /* @__PURE__ */ n("div", { className: "inline-flex items-center justify-center", children: [
+    e && /* @__PURE__ */ t(w, { className: "h-4 w-4" }),
+    o
+  ] }) });
+}
+const F = ({ price: e, currency: r, displayAlternateSymbol: o = !0 }) => {
+  if (e === 0) return null;
+  const a = d(e, r);
+  return r !== "BTC" ? /* @__PURE__ */ t(s, { children: a }) : /* @__PURE__ */ t(
+    x,
+    {
+      displaySymbol: o,
+      price: e,
+      formattedPrice: a
+    }
+  );
+};
+export {
+  F as Price
+};

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

@@ -0,0 +1,2 @@
+export declare const EventMetaSkeleton: () => JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/skeleton.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,mBAe7B,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { SkeletonText as l } from "../../../components/ui/skeleton.js";
+import { cn as a } from "../../../lib/utils.js";
+const n = () => /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
+  /* @__PURE__ */ e(l, { className: "h-6 w-6 rounded-full" }),
+  /* @__PURE__ */ e(l, { className: "mt-2 h-5 w-32" }),
+  /* @__PURE__ */ e(l, { className: "mt-2 h-8 w-48" }),
+  /* @__PURE__ */ e("div", { className: "mt-8", children: Array.from({ length: 4 }).map((r, m) => /* @__PURE__ */ s("div", { className: "mb-2 flex flex-row items-center", children: [
+    /* @__PURE__ */ e(l, { className: "mr-3 h-5 w-5 rounded-full" }),
+    /* @__PURE__ */ e(l, { className: a("h-6", m > 1 ? "w-24" : "w-32") })
+  ] }, m)) })
+] });
+export {
+  n as EventMetaSkeleton
+};

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface EventTitleProps {
+    children: ReactNode;
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    className?: string;
+}
+export declare const EventTitle: ({ children, as, className }: EventTitleProps) => JSX.Element;
+export {};
+//# sourceMappingURL=title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/event-meta/title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,6BAA6B,eAAe,gBAOtE,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as s } from "../../../lib/utils.js";
+const m = ({ children: t, as: e, className: o }) => /* @__PURE__ */ r(e || "h1", { "data-testid": "event-title", className: s("text-text break-words text-xl font-semibold", o), children: t });
+export {
+  m as EventTitle
+};

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

@@ -0,0 +1,25 @@
+import { ComponentType } from 'react';
+import { BookerEvent } from '../../contracts';
+import { Timezone } from '../types';
+export declare const EventMeta: import('react').MemoExoticComponent<({ event, isPending, isPlatform, TimezoneSelect: TimezoneSelectProp, isPrivateLink, classNames, locale, timeZones, children, selectedTimeslot, roundRobinHideOrgAndTeam, hideOrgTeamAvatar, hideEventTypeDetails, supportedLocales, }: {
+    event?: Pick<BookerEvent, "lockTimeZoneToggleOnBookingPage" | "lockedTimeZone" | "schedule" | "seatsPerTimeSlot" | "subsetOfUsers" | "length" | "schedulingType" | "profile" | "entity" | "description" | "title" | "metadata" | "locations" | "currency" | "requiresConfirmation" | "recurringEvent" | "price" | "isDynamic" | "fieldTranslations" | "autoTranslateDescriptionEnabled" | "enablePerHostLocations"> | null;
+    isPending: boolean;
+    isPrivateLink: boolean;
+    isPlatform?: boolean;
+    TimezoneSelect?: ComponentType<Record<string, unknown>>;
+    classNames?: {
+        eventMetaContainer?: string;
+        eventMetaTitle?: string;
+        eventMetaTimezoneSelect?: string;
+        eventMetaChildren?: string;
+    };
+    locale?: string | null;
+    timeZones?: Timezone[];
+    children?: React.ReactNode;
+    selectedTimeslot: string | null;
+    roundRobinHideOrgAndTeam?: boolean;
+    hideOrgTeamAvatar?: boolean;
+    hideEventTypeDetails?: boolean;
+    supportedLocales?: string[];
+}) => JSX.Element | null>;
+//# sourceMappingURL=event-meta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"event-meta.d.ts","sourceRoot":"","sources":["../../../src/booker/components/event-meta.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAmB,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmCzC,eAAO,MAAM,SAAS,6QAgBjB;IACD,KAAK,CAAC,EAAE,IAAI,CACV,WAAW,EACT,iCAAiC,GACjC,gBAAgB,GAChB,UAAU,GACV,kBAAkB,GAClB,eAAe,GACf,QAAQ,GACR,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,aAAa,GACb,OAAO,GACP,UAAU,GACV,WAAW,GACX,UAAU,GACV,sBAAsB,GACtB,gBAAgB,GAChB,OAAO,GACP,WAAW,GACX,mBAAmB,GACnB,iCAAiC,GACjC,wBAAwB,CAC3B,GAAG,IAAI,CAAC;IACT,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE;QACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,wBAqLF,CAAC"}

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

@@ -0,0 +1,175 @@
+import { jsxs as u, jsx as o, Fragment as V } from "react/jsx-runtime";
+import { m as B } from "framer-motion";
+import { memo as W, useEffect as q } from "react";
+import { shallow as _ } from "zustand/shallow";
+import { useAtomsLocale as J } from "../../hooks/use-atoms-locale.js";
+import { markdownToSafeHTMLClient as K } from "../../lib/markdown-to-safe-html-client.js";
+import { useTimePreferences as N } from "../../vendor/time-preferences.js";
+import { CURRENT_TIMEZONE as X } from "../../vendor/timezone-constants.js";
+import { useBookerStoreContext as a } from "../booker-store-provider.js";
+import { fadeInUp as T } from "../config.js";
+import { useBookerTime as Y } from "../hooks/use-booker-time.js";
+import { FromToTime as F } from "../utils/dates.js";
+import { EventMetaBlock as c, EventDetails as v } from "./event-meta/details.js";
+import { EventMembers as ee } from "./event-meta/members.js";
+import { EventMetaSkeleton as oe } from "./event-meta/skeleton.js";
+import { EventTitle as te } from "./event-meta/title.js";
+import { ScrollableWithGradients as ie } from "./scrollable-with-gradients.js";
+import { SeatsAvailabilityText as re } from "./seats-availability-text.js";
+const L = (e, s, g, p) => {
+  var d;
+  return (d = e == null ? void 0 : e.find(
+    (i) => i.field === s && p.includes(i.targetLocale) && (g === i.targetLocale || g.split("-")[0] === i.targetLocale)
+  )) == null ? void 0 : d.translatedText;
+}, ne = W(
+  ({
+    event: e,
+    isPending: s,
+    isPlatform: g = !0,
+    TimezoneSelect: p,
+    isPrivateLink: d,
+    classNames: i,
+    locale: O,
+    timeZones: I,
+    children: b,
+    selectedTimeslot: x,
+    roundRobinHideOrgAndTeam: U,
+    hideOrgTeamAvatar: A,
+    hideEventTypeDetails: D = !1,
+    supportedLocales: k = []
+  }) => {
+    var Z;
+    const { timeFormat: y, timezone: f } = Y(), [h] = N((t) => [t.setTimezone]), [$] = a((t) => [t.setTimezone], _), j = a((t) => t.selectedDuration), S = a((t) => t.state), m = a((t) => t.bookingData), H = a((t) => t.rescheduleUid), [r, le] = a(
+      (t) => [t.seatedEventData, t.setSeatedEventData],
+      _
+    ), { i18n: w, t: z } = J(), C = p;
+    if (q(() => {
+      var t;
+      if (e != null && e.lockTimeZoneToggleOnBookingPage) {
+        const P = e.lockedTimeZone || ((t = e.schedule) == null ? void 0 : t.timeZone);
+        P && h(P);
+      }
+    }, [e, h]), D)
+      return null;
+    const n = (r == null ? void 0 : r.attendees) || ((Z = m == null ? void 0 : m.attendees) == null ? void 0 : Z.length), l = (r == null ? void 0 : r.seatsPerTimeSlot) || (e == null ? void 0 : e.seatsPerTimeSlot), R = n && l && n / l >= 0.5, G = n && l && n / l >= 0.83 ? "text-rose-600" : R ? "text-yellow-500" : "text-bookinghighlight", E = O ?? (typeof navigator < "u" ? navigator.language : "en"), M = L(
+      (e == null ? void 0 : e.fieldTranslations) ?? [],
+      "DESCRIPTION",
+      E,
+      k
+    ), Q = L(
+      (e == null ? void 0 : e.fieldTranslations) ?? [],
+      "TITLE",
+      E,
+      k
+    );
+    return /* @__PURE__ */ u("div", { className: `${(i == null ? void 0 : i.eventMetaContainer) || ""} relative z-10 p-6`, "data-testid": "event-meta", children: [
+      s && /* @__PURE__ */ o(B.div, { ...T, initial: "visible", layout: !0, children: /* @__PURE__ */ o(oe, {}) }),
+      !s && !!e && /* @__PURE__ */ u(B.div, { ...T, layout: !0, transition: { ...T.transition, delay: 0.3 }, children: [
+        /* @__PURE__ */ o(
+          ee,
+          {
+            schedulingType: e.schedulingType,
+            users: e.subsetOfUsers,
+            profile: e.profile,
+            entity: e.entity,
+            isPrivateLink: d,
+            roundRobinHideOrgAndTeam: U,
+            hideOrgTeamAvatar: A
+          }
+        ),
+        /* @__PURE__ */ o(te, { className: `${i == null ? void 0 : i.eventMetaTitle} my-2`, children: Q ?? (e == null ? void 0 : e.title) }),
+        (e.description || M) && /* @__PURE__ */ o(c, { "data-testid": "event-meta-description", contentClassName: "mb-8", children: /* @__PURE__ */ o(
+          ie,
+          {
+            className: "wrap-break-word scroll-bar max-h-[180px] max-w-full overflow-y-auto pr-4",
+            ariaLabel: z("description"),
+            children: /* @__PURE__ */ o(
+              "div",
+              {
+                dangerouslySetInnerHTML: {
+                  __html: K(M ?? e.description)
+                }
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ u("div", { className: "stack-y-4 font-medium rtl:-mr-2", children: [
+          H && m && /* @__PURE__ */ u(c, { icon: "calendar", children: [
+            z("former_time"),
+            /* @__PURE__ */ o("br", {}),
+            /* @__PURE__ */ o("span", { className: "line-through", "data-testid": "former_time_p", children: /* @__PURE__ */ o(
+              F,
+              {
+                date: m.startTime.toString(),
+                duration: null,
+                timeFormat: y,
+                timeZone: f,
+                language: w.language
+              }
+            ) })
+          ] }),
+          x && /* @__PURE__ */ o(c, { icon: "calendar", children: /* @__PURE__ */ o(
+            F,
+            {
+              date: x,
+              duration: j || e.length,
+              timeFormat: y,
+              timeZone: f,
+              language: w.language
+            }
+          ) }),
+          /* @__PURE__ */ o(v, { event: e }),
+          C && /* @__PURE__ */ o(
+            c,
+            {
+              className: "cursor-pointer [&_.current-timezone:before]:focus-within:opacity-100 [&_.current-timezone:before]:hover:opacity-100",
+              contentClassName: "relative max-w-[90%]",
+              icon: "globe",
+              children: S === "booking" ? /* @__PURE__ */ o(V, { children: f }) : /* @__PURE__ */ o(
+                "span",
+                {
+                  className: `current-timezone before:bg-subtle min-w-32 -mt-[2px] flex h-6 max-w-full items-center justify-start before:absolute before:inset-0 before:bottom-[-3px] before:left-[-30px] before:top-[-3px] before:w-[calc(100%+35px)] before:rounded-md before:py-3 before:opacity-0 before:transition-opacity ${e.lockTimeZoneToggleOnBookingPage ? "cursor-not-allowed" : ""}`,
+                  "data-testid": "event-meta-current-timezone",
+                  children: /* @__PURE__ */ o(
+                    C,
+                    {
+                      timeZones: I,
+                      menuPosition: "absolute",
+                      timezoneSelectCustomClassname: i == null ? void 0 : i.eventMetaTimezoneSelect,
+                      classNames: {
+                        control: () => "min-h-0! p-0 w-full border-0 bg-transparent focus-within:ring-0 shadow-none!",
+                        menu: () => "w-64! max-w-[90vw] mb-1 ",
+                        singleValue: () => "text-text py-1",
+                        indicatorsContainer: () => "ml-auto",
+                        container: () => "max-w-full"
+                      },
+                      value: e.lockTimeZoneToggleOnBookingPage ? e.lockedTimeZone || X : f,
+                      onChange: ({ value: t }) => {
+                        h(t), $(t);
+                      },
+                      isDisabled: e.lockTimeZoneToggleOnBookingPage
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          S === "booking" && l && n ? /* @__PURE__ */ o(c, { icon: "user", className: `${G}`, children: /* @__PURE__ */ o("div", { className: "text-bookinghighlight flex items-start text-sm", children: /* @__PURE__ */ o("p", { children: /* @__PURE__ */ o(
+            re,
+            {
+              showExact: !!(r != null && r.showAvailableSeatsCount),
+              totalSeats: l,
+              bookedSeats: n || 0,
+              variant: "fraction"
+            }
+          ) }) }) }) : null
+        ] }),
+        b && /* @__PURE__ */ o("div", { className: i == null ? void 0 : i.eventMetaChildren, children: b })
+      ] })
+    ] });
+  }
+);
+ne.displayName = "EventMeta";
+export {
+  ne as EventMeta
+};

package/dist/booker/components/external-redirect-interstitial.d.ts

@@ -0,0 +1,9 @@
+interface ExternalRedirectInterstitialProps {
+    isOpen: boolean;
+    redirectUrl: string;
+    onContinue: () => void;
+    onGoBack: () => void;
+}
+export declare function ExternalRedirectInterstitial({ isOpen, redirectUrl, onContinue, onGoBack, }: ExternalRedirectInterstitialProps): JSX.Element;
+export {};
+//# sourceMappingURL=external-redirect-interstitial.d.ts.map

package/dist/booker/components/external-redirect-interstitial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-redirect-interstitial.d.ts","sourceRoot":"","sources":["../../../src/booker/components/external-redirect-interstitial.tsx"],"names":[],"mappings":"AASA,UAAU,iCAAiC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAoBD,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,GACT,EAAE,iCAAiC,eAsCnC"}

package/dist/booker/components/external-redirect-interstitial.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { Button as s } from "../../components/ui/button.js";
+import { Dialog as d, DialogContent as h } from "../../components/ui/dialog.js";
+import { Icon as p } from "../../components/ui/icon.js";
+import { useAtomsLocale as u } from "../../hooks/use-atoms-locale.js";
+function x(t) {
+  try {
+    return new URL(t).hostname || t;
+  } catch {
+    return t;
+  }
+}
+function f(t) {
+  try {
+    const r = new URL(t);
+    return r.hostname ? `${r.hostname}${r.pathname}`.replace(/\/$/, "") : t;
+  } catch {
+    return t;
+  }
+}
+function _({
+  isOpen: t,
+  redirectUrl: r,
+  onContinue: c,
+  onGoBack: l
+}) {
+  const { t: n } = u(), o = m(r);
+  return r && (o.current = r), /* @__PURE__ */ e(d, { open: t, onOpenChange: (i) => !i && l(), children: /* @__PURE__ */ a(h, { enableOverflow: !0, preventCloseOnOutsideClick: !0, children: [
+    /* @__PURE__ */ a("div", { className: "flex", children: [
+      /* @__PURE__ */ e("div", { className: "mt-0.5 ltr:mr-3", children: /* @__PURE__ */ e("div", { className: "mx-auto rounded-full bg-attention p-2 text-center", children: /* @__PURE__ */ e(p, { name: "alert-circle", className: "h-5 w-5 text-orange-600" }) }) }),
+      /* @__PURE__ */ a("div", { className: "w-full", children: [
+        /* @__PURE__ */ e("h2", { className: "mt-1 font-heading text-2xl text-emphasis", children: n("external_redirect_title") }),
+        /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-subtle", children: n("external_redirect_warning") }),
+        /* @__PURE__ */ e("p", { className: "mt-4 font-medium text-sm text-subtle", children: n("host_redirecting_to", { hostname: x(o.current) }) }),
+        /* @__PURE__ */ e("div", { className: "mt-1 rounded-md bg-subtle px-3 py-2", children: /* @__PURE__ */ e("p", { className: "break-all font-mono text-emphasis text-sm", children: f(o.current) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "my-5 flex flex-row-reverse gap-x-2 sm:my-8", children: [
+      /* @__PURE__ */ e(s, { color: "primary", onClick: c, EndIcon: "arrow-right", children: n("continue") }),
+      /* @__PURE__ */ e(s, { color: "secondary", onClick: l, children: n("go_back") })
+    ] })
+  ] }) });
+}
+export {
+  _ as ExternalRedirectInterstitial
+};

package/dist/booker/components/form-builder/components.d.ts

@@ -0,0 +1,48 @@
+import { z } from 'zod';
+import { fieldSchema, variantsConfigSchema } from '../../../vendor/form-builder/base-schema';
+import { FieldType } from '../../../vendor/form-builder/field-type-enum';
+import { SelectLikeComponentProps, TextLikeComponentProps } from '../../../vendor/form-builder-widgets';
+export declare const isValidValueProp: Record<Component["propsType"], (val: unknown) => boolean>;
+type Component = {
+    propsType: "text";
+    factory: <TProps extends TextLikeComponentProps>(props: TProps) => JSX.Element;
+} | {
+    propsType: "textList";
+    factory: <TProps extends TextLikeComponentProps<string[]>>(props: TProps) => JSX.Element;
+} | {
+    propsType: "select";
+    factory: <TProps extends SelectLikeComponentProps>(props: TProps) => JSX.Element;
+} | {
+    propsType: "boolean";
+    factory: <TProps extends TextLikeComponentProps<boolean>>(props: TProps) => JSX.Element;
+} | {
+    propsType: "multiselect";
+    factory: <TProps extends SelectLikeComponentProps<string[]>>(props: TProps) => JSX.Element;
+} | {
+    propsType: "objectiveWithInput";
+    factory: <TProps extends SelectLikeComponentProps<{
+        value: string;
+        optionValue: string;
+    }> & {
+        optionsInputs: NonNullable<z.infer<typeof fieldSchema>["optionsInputs"]>;
+        value: {
+            value: string;
+            optionValue: string;
+        };
+    } & {
+        name?: string;
+        required?: boolean;
+        translatedDefaultLabel?: string;
+    }>(props: TProps) => JSX.Element;
+} | {
+    propsType: "variants";
+    factory: <TProps extends Omit<TextLikeComponentProps, "value" | "setValue"> & {
+        variant: string | undefined;
+        variants: z.infer<typeof variantsConfigSchema>["variants"];
+        value: Record<string, string> | string | undefined;
+        setValue: (value: string | Record<string, string>) => void;
+    }>(props: TProps) => JSX.Element;
+};
+export declare const Components: Record<FieldType, Component>;
+export {};
+//# sourceMappingURL=components.d.ts.map

package/dist/booker/components/form-builder/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/booker/components/form-builder/components.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAW7B,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAG9E,OAAO,KAAK,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAM7G,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAQtF,CAAC;AAEF,KAAK,SAAS,GACV;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,MAAM,SAAS,sBAAsB,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CAChF,GACD;IACE,SAAS,EAAE,UAAU,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,SAAS,sBAAsB,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CAC1F,GACD;IACE,SAAS,EAAE,QAAQ,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,SAAS,wBAAwB,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CAClF,GACD;IACE,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,CAAC,MAAM,SAAS,sBAAsB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CACzF,GACD;IACE,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,CAAC,MAAM,SAAS,wBAAwB,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CAC5F,GACD;IACE,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,CACP,MAAM,SAAS,wBAAwB,CAAC;QACtC,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,GAAG;QACH,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;QACzE,KAAK,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;KAC/C,GAAG;QACF,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,EAED,KAAK,EAAE,MAAM,KACV,GAAG,CAAC,OAAO,CAAC;CAClB,GACD;IACE,SAAS,EAAE,UAAU,CAAC;IACtB,OAAO,EAAE,CACP,MAAM,SAAS,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;QAClE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC,UAAU,CAAC,CAAC;QAC3D,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;QACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;KAC5D,EAED,KAAK,EAAE,MAAM,KACV,GAAG,CAAC,OAAO,CAAC;CAClB,CAAC;AAEN,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAoc1C,CAAC"}