@calcom/atoms 1.0.101 → 1.0.102-framer

package/dist/{AddressInput-ljX96GOj.js → AddressInput-HHWre7wa.js}

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { N as n, e as o, M as c } from "./index-LwkTy4i-.js";
+import { N as n, e as o, M as c } from "./index-LRugxdBo.js";
 function r({ value: s, onChange: t, ...a }) {
   return /* @__PURE__ */ m("div", { className: "relative flex items-center", children: [
     /* @__PURE__ */ e(

package/dist/{AlbyPriceComponent--ArQtxNB.js → AlbyPriceComponent-PiAQRyyF.js}

@@ -1,6 +1,6 @@
 import { jsx as K, jsxs as er } from "react/jsx-runtime";
 import z from "react";
-import { K as tr, O as nr } from "./index-LwkTy4i-.js";
+import { K as tr, O as nr } from "./index-LRugxdBo.js";
 const J = function(s, r = !0) {
   if (s.destroyed)
     throw new Error("Hash instance has been destroyed");

package/dist/AppCard-sZ0O4rSq.js

@@ -0,0 +1,269 @@
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { ag as N, ah as v, M as u, N as _, ai as F, y as j, q as H, u as L, aj as M, r as E, Z as A, ak as O, t as U, ae as V, al as x, p as Z } from "./index-LRugxdBo.js";
+import * as o from "react";
+function Q(...e) {
+  return (r) => e.forEach((t) => function(n, s) {
+    typeof n == "function" ? n(s) : n != null && (n.current = s);
+  }(t, r));
+}
+const y = /* @__PURE__ */ o.forwardRef((e, r) => {
+  const { children: t, ...n } = e;
+  return o.Children.toArray(t).some(C) ? /* @__PURE__ */ o.createElement(o.Fragment, null, o.Children.map(t, (s) => C(s) ? /* @__PURE__ */ o.createElement(g, N({}, n, { ref: r }), s.props.children) : s)) : /* @__PURE__ */ o.createElement(g, N({}, n, { ref: r }), t);
+});
+y.displayName = "Slot";
+const g = /* @__PURE__ */ o.forwardRef((e, r) => {
+  const { children: t, ...n } = e;
+  return o.isValidElement(t) ? /* @__PURE__ */ o.cloneElement(t, { ...G(n, t.props), ref: Q(r, t.ref) }) : o.Children.count(t) > 1 ? o.Children.only(null) : null;
+});
+g.displayName = "SlotClone";
+const W = ({ children: e }) => /* @__PURE__ */ o.createElement(o.Fragment, null, e);
+function C(e) {
+  return o.isValidElement(e) && e.type === W;
+}
+function G(e, r) {
+  const t = { ...r };
+  for (const n in r) {
+    const s = e[n], i = r[n];
+    /^on[A-Z]/.test(n) ? t[n] = (...d) => {
+      i == null || i(...d), s == null || s(...d);
+    } : n === "style" ? t[n] = { ...s, ...i } : n === "className" && (t[n] = [s, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+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 });
+}, I = ({
+  children: e,
+  ref: r,
+  as: t
+}) => /* @__PURE__ */ l(t ? y : "h2", { ref: r, className: "text-emphasis text-base font-semibold leading-none", children: e }), R = ({
+  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(_, { 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: d
+}) => /* @__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(I, { children: n }),
+      s && /* @__PURE__ */ l(R, { children: s }),
+      d && d
+    ] })
+  ] }),
+  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: d
+}) => /* @__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: d, 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
+  }
+), p = ({
+  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: I,
+  Description: R,
+  SubSection: Y,
+  SubSectionHeader: z,
+  SubSectionContent: $,
+  SubSectionNested: p
+});
+function ee(e) {
+  const { status: r } = F.useSession();
+  return j.viewer.apps.appById.useQuery(
+    { appId: e },
+    {
+      enabled: r === "authenticated"
+    }
+  );
+}
+function te({
+  appId: e,
+  className: r,
+  returnTo: t,
+  teamId: n
+}) {
+  const { t: s } = H(), { data: i } = ee(e), d = j.useUtils(), f = L(null, {
+    returnTo: t,
+    onSuccess: (c) => {
+      d.viewer.apps.appById.invalidate({ appId: e }), d.viewer.apps.integrations.invalidate({
+        extendsFeature: "EventType",
+        ...n && { teamId: n }
+      }), !(c != null && c.setupPending) && A(s("app_successfully_installed"), "success");
+    },
+    onError: (c) => {
+      c instanceof Error && A(c.message || s("app_could_not_be_installed"), "error");
+    }
+  });
+  return i ? /* @__PURE__ */ l(
+    M,
+    {
+      type: i.type,
+      teamsPlanRequired: i.teamsPlanRequired,
+      wrapperClassName: u("[@media(max-width:260px)]:w-full", r),
+      render: ({ useDefaultComponent: c, ...m }) => (c && (m = {
+        ...m,
+        onClick: () => {
+          f.mutate({
+            type: i.type,
+            variant: i.variant,
+            slug: i.slug,
+            ...n && { teamId: n }
+          });
+        }
+      }), /* @__PURE__ */ l(
+        E,
+        {
+          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 re({
+  app: e,
+  description: r,
+  switchOnClick: t,
+  switchChecked: n,
+  children: s,
+  returnTo: i,
+  teamId: d,
+  disableSwitch: f,
+  switchTooltip: c,
+  hideSettingsIcon: m = !1,
+  hideAppCardOptions: k = !1
+}) {
+  const { t: w } = O(), [B] = v(), { setAppData: P, LockedIcon: T, disabled: D } = U(), q = V();
+  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(x, { 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(
+          Z,
+          {
+            size: "sm",
+            disabled: !e.enabled || D || f,
+            onCheckedChange: (S) => {
+              t && t(S), P("enabled", S);
+            },
+            checked: n,
+            LockedIcon: T,
+            "data-testid": `${e.slug}-app-switch`,
+            tooltip: c
+          }
+        ) }) : /* @__PURE__ */ l(
+          te,
+          {
+            className: "ml-auto flex items-center",
+            appId: e.slug,
+            returnTo: i,
+            teamId: d
+          }
+        ) }) })
+      }
+    ),
+    k ? null : (e == null ? void 0 : e.isInstalled) && n && /* @__PURE__ */ l("div", { ref: B, children: e.isSetupAlready === void 0 || e.isSetupAlready ? /* @__PURE__ */ a("div", { className: "relative text-sm [&_input]:mb-0 [&_input]:leading-4", children: [
+      !m && !q && /* @__PURE__ */ l(x, { href: `/apps/${e.slug}/setup`, className: "absolute right-4 top-4", children: /* @__PURE__ */ l(_, { 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(x, { href: `/apps/${e.slug}/setup`, children: /* @__PURE__ */ l(E, { StartIcon: "settings", children: w("setup") }) })
+    ] }) })
+  ] });
+}
+export {
+  re as A,
+  h as S
+};

package/dist/{AppListCardPlatformWrapper-iE_KoJJz.js → AppListCardPlatformWrapper-3MnkMx3x.js}

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

package/dist/{AppListCardWebWrapper-XQkboW-A.js → AppListCardWebWrapper-k80VJ3AR.js}

@@ -1,5 +1,5 @@
 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-LwkTy4i-.js";
+import { Q as i, s as y, R as A, U as R, A as Q } from "./index-LRugxdBo.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());

package/dist/{AppSettingsInterface-_QxvdIHr.js → AppSettingsInterface--tKm6fGn.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e, Fragment as r } from "react/jsx-runtime";
-import { r as i, q as o } from "./index-LwkTy4i-.js";
+import { r as i, q as o } from "./index-LRugxdBo.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: [

package/dist/{AppSettingsInterface-hweGTkAI.js → AppSettingsInterface-WX_BLXDA.js}

@@ -1,6 +1,6 @@
 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-LwkTy4i-.js";
+import { q as r, f as u, r as i } from "./index-LRugxdBo.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: [

package/dist/{AppSettingsInterface-Yokg1R5e.js → AppSettingsInterface-XM13ce3E.js}

@@ -1,6 +1,6 @@
 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-LwkTy4i-.js";
+import { q as i, f as l, r as m } from "./index-LRugxdBo.js";
 function h() {
   const { t: a } = i(), n = "metric", [e, r] = s("");
   return /* @__PURE__ */ o("div", { className: "space-y-4 text-sm", children: [

package/dist/{DateRangePicker-F9HOeX4I.js → DateRangePicker-Fh_dsIdj.js}

@@ -1,5 +1,5 @@
 import { jsx as d, jsxs as O, Fragment as T } from "react/jsx-runtime";
-import { M as J, ax as Ye, ay as Fe, N as Le, az as Dt, aA as Mt, r as _t, aB as kt } from "./index-LwkTy4i-.js";
+import { M as J, aw as Ye, ax as Fe, N as Le, ay as Dt, az as Mt, r as _t, aA as kt } from "./index-LRugxdBo.js";
 import { createContext as q, forwardRef as Nt, useContext as Q, useState as K, useEffect as ie, useLayoutEffect as xt, useRef as Pt } from "react";
 function M(e) {
   const t = Object.prototype.toString.call(e);