@calcom/atoms 1.0.112 → 1.0.114

package/dist/AppCard-pDC8U-yB.js

@@ -0,0 +1,281 @@
+import { jsx as l, Fragment as O, jsxs as a } from "react/jsx-runtime";
+import { ag as V, ah as v, M as u, N as C, ai as W, y as A, q as H, u as T, aj as q, r as j, _ as N, ak as L, t as F, ae as M, al as g, p as U } from "./index-Swazt2OL.js";
+import * as c from "react";
+var y = c.forwardRef((e, r) => {
+  const { children: t, ...n } = e, s = c.Children.toArray(t), i = s.find(Z);
+  if (i) {
+    const o = i.props.children, f = s.map((d) => d === i ? c.Children.count(o) > 1 ? c.Children.only(null) : c.isValidElement(o) ? o.props.children : null : d);
+    return /* @__PURE__ */ l(x, { ...n, ref: r, children: c.isValidElement(o) ? c.cloneElement(o, void 0, f) : null });
+  }
+  return /* @__PURE__ */ l(x, { ...n, ref: r, children: t });
+});
+y.displayName = "Slot";
+var x = c.forwardRef((e, r) => {
+  const { children: t, ...n } = e;
+  if (c.isValidElement(t)) {
+    const s = G(t);
+    return c.cloneElement(t, {
+      ...p(n, t.props),
+      // @ts-ignore
+      ref: r ? V(r, s) : s
+    });
+  }
+  return c.Children.count(t) > 1 ? c.Children.only(null) : null;
+});
+x.displayName = "SlotClone";
+var Q = ({ children: e }) => /* @__PURE__ */ l(O, { children: e });
+function Z(e) {
+  return c.isValidElement(e) && e.type === Q;
+}
+function p(e, r) {
+  const t = { ...r };
+  for (const n in r) {
+    const s = e[n], i = r[n];
+    /^on[A-Z]/.test(n) ? s && i ? t[n] = (...f) => {
+      i(...f), s(...f);
+    } : s && (t[n] = s) : n === "style" ? t[n] = { ...s, ...i } : n === "className" && (t[n] = [s, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function G(e) {
+  var n, s;
+  let r = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+const J = ({
+  children: e,
+  ref: r,
+  className: t
+}) => {
+  const [n] = v();
+  return /* @__PURE__ */ l("div", { ref: n, className: u("bg-muted flex flex-col gap-4 rounded-2xl p-4", t), children: e });
+}, R = ({
+  children: e,
+  ref: r,
+  as: t
+}) => /* @__PURE__ */ l(t ? y : "h2", { ref: r, className: "text-emphasis text-base font-semibold leading-none", children: e }), _ = ({
+  children: e,
+  ref: r,
+  as: t
+}) => /* @__PURE__ */ l(t ? y : "h3", { ref: r, className: "text-subtle line-clamp-1 text-sm", children: e }), b = ({
+  ref: e,
+  name: r,
+  size: t = "md",
+  iconSlot: n
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    ref: e,
+    className: u(
+      "bg-default border-subtle border-subtle flex items-center justify-center border",
+      t === "sm" && "rounded-md p-1",
+      t === "md" && "rounded-[10px] p-1.5"
+    ),
+    children: n || /* @__PURE__ */ l(C, { name: r, className: u(t === "sm" && "h-4 w-4", t === "md" && "h-6 w-6") })
+  }
+), K = ({
+  children: e,
+  ref: r,
+  icon: t,
+  title: n,
+  description: s,
+  iconSlot: i,
+  rawHeading: o
+}) => /* @__PURE__ */ a("div", { ref: r, className: "flex items-center justify-between gap-3", children: [
+  /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+    t && !i && /* @__PURE__ */ l(b, { name: t }),
+    i && /* @__PURE__ */ l(b, { iconSlot: i }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
+      n && /* @__PURE__ */ l(R, { children: n }),
+      s && /* @__PURE__ */ l(_, { children: s }),
+      o && o
+    ] })
+  ] }),
+  e
+] }), X = ({ children: e, ref: r }) => /* @__PURE__ */ l("div", { ref: r, className: "flex flex-col gap-4", children: e }), Y = ({ children: e, ref: r }) => {
+  const [t] = v();
+  return /* @__PURE__ */ l("div", { ref: t, className: "border-muted bg-default flex flex-col gap-4 rounded-xl border p-3", children: e });
+}, z = ({
+  children: e,
+  ref: r,
+  icon: t,
+  title: n,
+  classNames: s,
+  justify: i = "between",
+  labelFor: o
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: u(
+      "flex items-center gap-2",
+      i === "between" ? "justify-between" : "justify-start",
+      s == null ? void 0 : s.container
+    ),
+    children: [
+      /* @__PURE__ */ a("div", { className: u("flex items-center gap-2", s == null ? void 0 : s.title), children: [
+        t && /* @__PURE__ */ l(b, { name: t, size: "sm" }),
+        /* @__PURE__ */ l("div", { className: u("flex", s == null ? void 0 : s.title), children: /* @__PURE__ */ l("h4", { className: "text-default text-sm font-medium leading-none", id: o, children: n }) })
+      ] }),
+      e
+    ]
+  }
+), $ = ({
+  children: e,
+  ref: r,
+  invert: t,
+  classNames: n
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    ref: r,
+    className: u(
+      "bg-muted flex flex-col rounded-lg px-[6px] py-1",
+      t && "bg-default border-subtle border",
+      n == null ? void 0 : n.container
+    ),
+    children: e
+  }
+), ee = ({
+  children: e,
+  ref: r
+}) => /* @__PURE__ */ l("div", { ref: r, className: "bg-default border-subtle flex flex-col gap-2 rounded-xl border p-2", children: e }), h = Object.assign(J, {
+  Header: K,
+  Content: X,
+  Title: R,
+  Description: _,
+  SubSection: Y,
+  SubSectionHeader: z,
+  SubSectionContent: $,
+  SubSectionNested: ee
+});
+function te(e) {
+  const { status: r } = W.useSession();
+  return A.viewer.apps.appById.useQuery(
+    { appId: e },
+    {
+      enabled: r === "authenticated"
+    }
+  );
+}
+function ne({
+  appId: e,
+  className: r,
+  returnTo: t,
+  teamId: n
+}) {
+  const { t: s } = H(), { data: i } = te(e), o = A.useUtils(), f = T(null, {
+    returnTo: t,
+    onSuccess: (d) => {
+      o.viewer.apps.appById.invalidate({ appId: e }), o.viewer.apps.integrations.invalidate({
+        extendsFeature: "EventType",
+        ...n && { teamId: n }
+      }), !(d != null && d.setupPending) && N(s("app_successfully_installed"), "success");
+    },
+    onError: (d) => {
+      d instanceof Error && N(d.message || s("app_could_not_be_installed"), "error");
+    }
+  });
+  return i ? /* @__PURE__ */ l(
+    q,
+    {
+      type: i.type,
+      teamsPlanRequired: i.teamsPlanRequired,
+      wrapperClassName: u("[@media(max-width:260px)]:w-full", r),
+      render: ({ useDefaultComponent: d, ...m }) => (d && (m = {
+        ...m,
+        onClick: () => {
+          f.mutate({
+            type: i.type,
+            variant: i.variant,
+            slug: i.slug,
+            ...n && { teamId: n }
+          });
+        }
+      }), /* @__PURE__ */ l(
+        j,
+        {
+          loading: f.isPending,
+          color: "secondary",
+          className: "[@media(max-width:260px)]:w-full [@media(max-width:260px)]:justify-center",
+          StartIcon: "plus",
+          ...m,
+          children: s("add")
+        }
+      ))
+    }
+  ) : null;
+}
+function se({
+  app: e,
+  description: r,
+  switchOnClick: t,
+  switchChecked: n,
+  children: s,
+  returnTo: i,
+  teamId: o,
+  disableSwitch: f,
+  switchTooltip: d,
+  hideSettingsIcon: m = !1,
+  hideAppCardOptions: E = !1
+}) {
+  const { t: w } = L(), [I] = v(), { setAppData: P, LockedIcon: k, disabled: B } = F(), D = M();
+  return /* @__PURE__ */ a(h, { className: u(!(e != null && e.isInstalled) && "rounded-xl"), children: [
+    /* @__PURE__ */ l(
+      h.Header,
+      {
+        rawHeading: /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ a("div", { className: "flex w-full items-center gap-1", children: [
+            /* @__PURE__ */ l(h.Title, { children: e == null ? void 0 : e.name }),
+            !(e != null && e.isInstalled) && /* @__PURE__ */ l("span", { className: "bg-emphasis ml-1 rounded px-1 py-0.5 text-xs font-medium leading-3 tracking-[0.01em]", children: (e == null ? void 0 : e.categories[0].charAt(0).toUpperCase()) + (e == null ? void 0 : e.categories[0].slice(1)) })
+          ] }),
+          /* @__PURE__ */ l(h.Description, { children: e == null ? void 0 : e.description })
+        ] }),
+        iconSlot: /* @__PURE__ */ l(g, { href: `/apps/${e.slug}`, className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ l(
+          "img",
+          {
+            className: u(
+              (e == null ? void 0 : e.logo.includes("-dark")) && "dark:invert",
+              "max-h-full max-w-full object-contain"
+            ),
+            src: e == null ? void 0 : e.logo,
+            alt: e == null ? void 0 : e.name
+          }
+        ) }),
+        children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("div", { children: e != null && e.isInstalled || e.credentialOwner ? /* @__PURE__ */ l("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ l(
+          U,
+          {
+            size: "sm",
+            disabled: !e.enabled || B || f,
+            onCheckedChange: (S) => {
+              t && t(S), P("enabled", S);
+            },
+            checked: n,
+            LockedIcon: k,
+            "data-testid": `${e.slug}-app-switch`,
+            tooltip: d
+          }
+        ) }) : /* @__PURE__ */ l(
+          ne,
+          {
+            className: "ml-auto flex items-center",
+            appId: e.slug,
+            returnTo: i,
+            teamId: o
+          }
+        ) }) })
+      }
+    ),
+    E ? null : (e == null ? void 0 : e.isInstalled) && n && /* @__PURE__ */ l("div", { ref: I, children: e.isSetupAlready === void 0 || e.isSetupAlready ? /* @__PURE__ */ a("div", { className: "relative text-sm [&_input]:mb-0 [&_input]:leading-4", children: [
+      !m && !D && /* @__PURE__ */ l(g, { href: `/apps/${e.slug}/setup`, className: "absolute right-4 top-4", children: /* @__PURE__ */ l(C, { name: "settings", className: "text-default h-4 w-4", "aria-hidden": "true" }) }),
+      s
+    ] }) : /* @__PURE__ */ a("div", { className: "flex h-64 w-full flex-col items-center justify-center gap-4 ", children: [
+      /* @__PURE__ */ l("p", { children: w("this_app_is_not_setup_already") }),
+      /* @__PURE__ */ l(g, { href: `/apps/${e.slug}/setup`, children: /* @__PURE__ */ l(j, { StartIcon: "settings", children: w("setup") }) })
+    ] }) })
+  ] });
+}
+export {
+  se as A,
+  h as S
+};

package/dist/AppListCardPlatformWrapper-loLunYWd.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { A as p } from "./index-Swazt2OL.js";
+function s(o) {
+  const t = `https://app.cal.com${o.logo}`;
+  return /* @__PURE__ */ r(p, { ...o, logo: t });
+}
+export {
+  s as default
+};

package/dist/AppListCardWebWrapper-D4Jf6GP2.js

@@ -0,0 +1,74 @@
+import { jsx as P } from "react/jsx-runtime";
+import { Q as i, s as y, R as A, U as R, A as Q } from "./index-Swazt2OL.js";
+import { useMemo as $, useEffect as d, useCallback as b, useState as L, useRef as w } from "react";
+i.string().or(i.number()).or(i.array(i.number())).transform((r) => typeof r == "string" ? r.split(",").map((o) => Number(o)) : Array.isArray(r) ? r : [r]);
+i.preprocess((r) => i.string().parse(r).split(","), i.string().array()).or(i.string().array());
+function U(r) {
+  const o = y.useRouter(), c = A(), u = y.usePathname(), a = r.safeParse(c);
+  let s = $(() => ({}), []);
+  d(() => {
+    a.success && a.data && Object.entries(a.data).forEach(([e, t]) => {
+      if (e in c || !t)
+        return;
+      const n = new URLSearchParams(s);
+      n.set(String(e), String(t)), o.replace(`${u}?${n.toString()}`);
+    });
+  }, [a, r, o, u, c, s]), a.success ? s = a.data : a.success || console.error(a.error);
+  const m = b(
+    function(t, n) {
+      const p = new URLSearchParams(s);
+      p.set(String(t), String(n)), o.replace(`${u}?${p.toString()}`);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s, o]
+  );
+  function l(e) {
+    const t = new URLSearchParams(s);
+    t.delete(String(e)), o.replace(`${u}?${t.toString()}`);
+  }
+  function f(e, t) {
+    const n = s[e];
+    if (Array.isArray(n)) {
+      if (n.includes(t))
+        return;
+      m(e, [...n, t]);
+    } else
+      m(e, [t]);
+  }
+  function h(e, t) {
+    const n = s[e];
+    if (Array.isArray(n) && n.length > 1) {
+      const p = n.filter((S) => S !== t);
+      m(e, p);
+    } else
+      l(e);
+  }
+  function g() {
+    u !== null && o.replace(u);
+  }
+  return {
+    data: s,
+    setQuery: m,
+    removeByKey: l,
+    pushItemToKey: f,
+    removeItemByKeyAndValue: h,
+    removeAllQueryParams: g
+  };
+}
+const x = i.object({ hl: i.string().optional() });
+function j(r) {
+  const { slug: o, shouldHighlight: c } = r, {
+    data: { hl: u }
+  } = U(x), a = y.useRouter(), [s, m] = L(c && u === o), l = w(null), f = R(), h = y.usePathname();
+  return d(() => (c && s && f !== null && h !== null && (l.current = setTimeout(() => {
+    const g = new URLSearchParams(f.toString());
+    g.delete("hl"), g.delete("category"), m(!1);
+    const e = g.toString();
+    a.replace(`${h}${e !== "" ? `?${e}` : ""}`);
+  }, 3e3)), () => {
+    l.current && (clearTimeout(l.current), l.current = null);
+  }), [s, h, a, f, c]), /* @__PURE__ */ P(Q, { ...r });
+}
+export {
+  j as default
+};

package/dist/AppSettingsInterface-IXKzuu1x.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { q as r, f as u, r as i } from "./index-Swazt2OL.js";
+function d() {
+  const { t: e } = r(), [s, n] = p("");
+  return /* @__PURE__ */ o("div", { className: "space-y-4 px-4 pb-4 pt-4 text-sm", children: [
+    /* @__PURE__ */ t(
+      u,
+      {
+        placeholder: "Some Input",
+        value: s,
+        name: "Enter Input",
+        onChange: async (a) => {
+          n(a.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(i, { children: e("submit") })
+  ] });
+}
+export {
+  d as default
+};

package/dist/AppSettingsInterface-lziyfc4I.js

@@ -0,0 +1,29 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { q as i, f as l, r as m } from "./index-Swazt2OL.js";
+function h() {
+  const { t: a } = i(), n = "metric", [e, r] = s("");
+  return /* @__PURE__ */ o("div", { className: "space-y-4 text-sm", children: [
+    /* @__PURE__ */ t(
+      l,
+      {
+        placeholder: "San Francisco",
+        value: e,
+        name: "Enter City",
+        onChange: async (c) => {
+          r(c.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      m,
+      {
+        href: `webcal://weather-in-calendar.com/cal/weather-cal.php?city=${e}&units=${n}&temperature=day`,
+        children: a("add_to_calendar")
+      }
+    )
+  ] });
+}
+export {
+  h as default
+};

package/dist/AppSettingsInterface-ojk6jWF7.js

@@ -0,0 +1,75 @@
+import { jsxs as a, jsx as e, Fragment as r } from "react/jsx-runtime";
+import { r as i, q as o } from "./index-Swazt2OL.js";
+function d({ template: t }) {
+  return /* @__PURE__ */ a("div", { className: "min-h-16 bg-default border-subtle sticky flex flex-col justify-between gap-4 rounded-md border p-5", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-start justify-start", children: [
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "mr-4 flex h-12 w-12 items-center justify-center rounded-md p-1", children: /* @__PURE__ */ e("img", { className: "h-8", alt: t.app, src: `/api/app-store/zapier/${t.icon}` }) }) }),
+      /* @__PURE__ */ e("div", { className: "mr-4", children: /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("p", { className: "text-emphasis truncate text-sm font-medium leading-4", children: t.app }),
+        /* @__PURE__ */ e("p", { className: "text-subtle mt-[2px] text-sm", children: t.text })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "hidden w-full sm:block", children: /* @__PURE__ */ e("div", { className: "float-right", children: /* @__PURE__ */ e(i, { color: "secondary", className: " w-[90px]", target: "_blank", href: t.link, children: "Use Zap" }) }) }),
+    /* @__PURE__ */ e("div", { className: "mt-2 block w-full sm:hidden", children: /* @__PURE__ */ e("div", { className: "float-right", children: /* @__PURE__ */ e(i, { color: "secondary", className: "w-[90px]", target: "_blank", href: t.link, children: "Use Zap" }) }) })
+  ] });
+}
+const n = [
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail for scheduled events",
+    link: "https://zapier.com/app/editor/template/1071345"
+  },
+  {
+    icon: "googleSheets.svg",
+    app: "Google Sheets",
+    text: "Create Google Sheets rows for scheduled events",
+    link: "https://zapier.com/app/editor/template/1082047"
+  },
+  {
+    icon: "salesforce.svg",
+    app: "Salesforce",
+    text: "Create Salesforce leads from new bookings",
+    link: "https://zapier.com/app/editor/template/1082050"
+  },
+  {
+    icon: "todoist.svg",
+    app: "Todoist",
+    text: "Create Todoist tasks for scheduled events",
+    link: "https://zapier.com/app/editor/template/1082073"
+  },
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail for rescheduled events",
+    link: "https://zapier.com/app/editor/template/1083605"
+  },
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail for cancelled events",
+    link: "https://zapier.com/app/editor/template/1083609"
+  },
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail after scheduled meetings end",
+    link: "https://zapier.com/app/editor/template/1083613"
+  },
+  {
+    icon: "googleCalendar.svg",
+    app: "Google Calendar",
+    text: "Add new bookings to Google Calendar",
+    link: "https://zapier.com/app/editor/template/1083651"
+  }
+];
+function m() {
+  const { t } = o();
+  return /* @__PURE__ */ a(r, { children: [
+    /* @__PURE__ */ e("div", { className: "text-sm font-semibold leading-4 ", children: t("get_started_zapier_templates") }),
+    /* @__PURE__ */ e("div", { className: "mt-4 grid gap-4 md:grid-cols-2", children: n.map((s, l) => /* @__PURE__ */ e(d, { template: s }, l)) })
+  ] });
+}
+export {
+  m as default
+};