@calcom/atoms 2.3.1 → 2.3.3

package/dist/{index-BUotGJI2.js → Tips-C9obntAr.js}

@@ -1,44 +1,86 @@
-import { jsxs as h, jsx as a, Fragment as b } from "react/jsx-runtime";
-import { aB as N, aC as L, aD as S, ay as j, aE as T, av as U, J as p, aF as _, B as A, q as R, aG as I, aH as x, au as w, aI as $, aJ as V, aK as q, ar as F } from "./index-BvnsFpCA.js";
-import { memo as G, useState as Q } from "react";
-var z = Math.floor, E = Math.random;
-function O(e, s) {
-  return e + z(E() * (s - e + 1));
+import { jsxs as p, jsx as o, Fragment as I } from "react/jsx-runtime";
+import { aK as F, aL as G, aM as O, aN as z, aG as W, aD as Z, H as h, B as D, aO as H, q as K, aP as P, aQ as b, aE as v, aR as $ } from "./index-D0_H5uQg.js";
+import { memo as M, useState as Y } from "react";
+var k, _;
+function J() {
+  if (_) return k;
+  _ = 1;
+  var s = Math.floor, l = Math.random;
+  function a(i, r) {
+    return i + s(l() * (r - i + 1));
+  }
+  return k = a, k;
 }
-var P = O, W = P;
-function Z(e, s) {
-  var m = -1, n = e.length, o = n - 1;
-  for (s = s === void 0 ? n : s; ++m < s; ) {
-    var i = W(m, o), u = e[i];
-    e[i] = e[m], e[m] = u;
+var x, R;
+function V() {
+  if (R) return x;
+  R = 1;
+  var s = J();
+  function l(a, i) {
+    var r = -1, t = a.length, m = t - 1;
+    for (i = i === void 0 ? t : i; ++r < i; ) {
+      var d = s(r, m), e = a[d];
+      a[d] = a[r], a[r] = e;
+    }
+    return a.length = i, a;
   }
-  return e.length = s, e;
+  return x = l, x;
 }
-var C = Z, D = N(), H = C;
-function K(e) {
-  return H(D(e));
+var y, q;
+function X() {
+  if (q) return y;
+  q = 1;
+  var s = F(), l = V();
+  function a(i) {
+    return l(s(i));
+  }
+  return y = a, y;
 }
-var J = K, Y = L;
-function M(e, s) {
-  return Y(s, function(m) {
-    return e[m];
-  });
+var w, j;
+function B() {
+  if (j) return w;
+  j = 1;
+  var s = G();
+  function l(a, i) {
+    return s(i, function(r) {
+      return a[r];
+    });
+  }
+  return w = l, w;
 }
-var X = M, B = X, ee = S();
-function te(e) {
-  return e == null ? [] : B(e, ee(e));
+var C, U;
+function ee() {
+  if (U) return C;
+  U = 1;
+  var s = B(), l = O();
+  function a(i) {
+    return i == null ? [] : s(i, l(i));
+  }
+  return C = a, C;
 }
-var ie = te, ae = C, se = ie;
-function re(e) {
-  return ae(se(e));
+var L, T;
+function te() {
+  if (T) return L;
+  T = 1;
+  var s = V(), l = ee();
+  function a(i) {
+    return s(l(i));
+  }
+  return L = a, L;
 }
-var le = re, oe = J, de = le, ce = T;
-function ne(e) {
-  var s = ce(e) ? oe : de;
-  return s(e);
+var N, A;
+function ie() {
+  if (A) return N;
+  A = 1;
+  var s = X(), l = te(), a = z();
+  function i(r) {
+    var t = a(r) ? s : l;
+    return t(r);
+  }
+  return N = i, N;
 }
-var me = ne;
-const ue = /* @__PURE__ */ j(me), v = _("", {
+var re = ie();
+const ae = /* @__PURE__ */ W(re), g = H("", {
   // Variants won't have any style by default. Style will only be applied if the variants are combined.
   // So, style is defined in compoundVariants.
   variants: {
@@ -142,81 +184,81 @@ const ue = /* @__PURE__ */ j(me), v = _("", {
     }
   ]
 });
-function he({
-  image: e,
-  title: s,
-  icon: m,
-  description: n,
-  variant: o,
-  actionButton: i,
-  containerProps: u,
+function se({
+  image: s,
+  title: l,
+  icon: a,
+  description: i,
+  variant: r,
+  actionButton: t,
+  containerProps: m,
   imageProps: d,
-  mediaLink: t,
-  thumbnailUrl: r,
-  learnMore: l,
-  coverPhoto: c,
+  mediaLink: e,
+  thumbnailUrl: n,
+  learnMore: c,
+  coverPhoto: u,
   buttonClassName: f,
-  mediaLinkOnClick: k
+  mediaLinkOnClick: Q
 }) {
-  var y;
-  const g = (y = l == null ? void 0 : l.href) != null && y.startsWith("https") ? "a" : U;
-  return /* @__PURE__ */ h(
+  var S;
+  const E = (S = c == null ? void 0 : c.href) != null && S.startsWith("https") ? "a" : Z;
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: p(
-        u == null ? void 0 : u.className,
+      className: h(
+        m == null ? void 0 : m.className,
         "border-subtle text-default bg-default flex flex-col justify-between rounded-md border",
-        v({ variant: o, structure: "card" })
+        g({ variant: r, structure: "card" })
       ),
       "data-testid": "card-container",
-      ...u,
+      ...m,
       children: [
-        /* @__PURE__ */ h("div", { children: [
-          m && m,
-          e && /* @__PURE__ */ a(
+        /* @__PURE__ */ p("div", { children: [
+          a && a,
+          s && /* @__PURE__ */ o(
             "img",
             {
-              src: e,
+              src: s,
               alt: d == null ? void 0 : d.alt,
-              className: p(
+              className: h(
                 d == null ? void 0 : d.className,
-                v({ variant: o, structure: "image" })
+                g({ variant: r, structure: "image" })
               ),
               ...d
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "h5",
             {
-              title: s,
-              className: p(
+              title: l,
+              className: h(
                 "text-emphasis line-clamp-1 font-bold leading-5",
-                v({ variant: o, structure: "title" })
+                g({ variant: r, structure: "title" })
               ),
-              children: s
+              children: l
             }
           ),
-          n && /* @__PURE__ */ a(
+          i && /* @__PURE__ */ o(
             "p",
             {
-              title: n.toString(),
-              className: p(v({ variant: o, structure: "description" }), "pt-1"),
-              children: n
+              title: i.toString(),
+              className: h(g({ variant: r, structure: "description" }), "pt-1"),
+              children: i
             }
           )
         ] }),
-        o === "SidebarCard" && t && /* @__PURE__ */ h(
+        r === "SidebarCard" && e && /* @__PURE__ */ p(
           "a",
           {
-            onClick: k,
+            onClick: Q,
             target: "_blank",
             rel: "noreferrer noopener",
-            href: t,
-            "data-testid": i == null ? void 0 : i["data-testid"],
+            href: e,
+            "data-testid": t == null ? void 0 : t["data-testid"],
             className: "group relative my-3 flex aspect-video items-center overflow-hidden rounded",
             children: [
-              /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-black/50 transition group-hover:bg-black/40" }),
-              /* @__PURE__ */ h(
+              /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-black/50 transition group-hover:bg-black/40" }),
+              /* @__PURE__ */ p(
                 "svg",
                 {
                   className: "text-inverted absolute left-1/2 top-1/2 h-8 w-8 -translate-x-1/2 -translate-y-1/2 transform rounded-full shadow-lg transition-all hover:-mt-px",
@@ -224,14 +266,14 @@ function he({
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
                   children: [
-                    /* @__PURE__ */ a(
+                    /* @__PURE__ */ o(
                       "path",
                       {
                         d: "M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z",
                         fill: "white"
                       }
                     ),
-                    /* @__PURE__ */ a(
+                    /* @__PURE__ */ o(
                       "path",
                       {
                         d: "M12.1667 8.5L23.8334 16L12.1667 23.5V8.5Z",
@@ -245,54 +287,54 @@ function he({
                   ]
                 }
               ),
-              /* @__PURE__ */ a("img", { alt: "play feature video", src: r })
+              /* @__PURE__ */ o("img", { alt: "play feature video", src: n })
             ]
           }
         ),
-        o === "NewLaunchSidebarCard" && c && /* @__PURE__ */ a("img", { alt: "cover", className: "mt-3 w-full", src: c }),
-        o === "basic" && i && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-          A,
+        r === "NewLaunchSidebarCard" && u && /* @__PURE__ */ o("img", { alt: "cover", className: "mt-3 w-full", src: u }),
+        r === "basic" && t && /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+          D,
           {
             color: "secondary",
-            href: i == null ? void 0 : i.href,
+            href: t == null ? void 0 : t.href,
             className: "mt-10",
             EndIcon: "arrow-right",
-            "data-testid": i["data-testid"],
-            children: i == null ? void 0 : i.child
+            "data-testid": t["data-testid"],
+            children: t == null ? void 0 : t.child
           }
         ) }),
-        (o === "SidebarCard" || o === "NewLaunchSidebarCard") && /* @__PURE__ */ h("div", { className: "mt-2 flex items-center justify-between", children: [
-          l && /* @__PURE__ */ a(b, { children: l.href ? /* @__PURE__ */ a(
-            g,
+        (r === "SidebarCard" || r === "NewLaunchSidebarCard") && /* @__PURE__ */ p("div", { className: "mt-2 flex items-center justify-between", children: [
+          c && /* @__PURE__ */ o(I, { children: c.href ? /* @__PURE__ */ o(
+            E,
             {
-              href: l.href,
+              href: c.href,
               target: "_blank",
               rel: "noreferrer",
-              onClick: l.onClick,
-              className: p("text-default text-xs font-medium cursor-pointer", f),
-              children: l.text
+              onClick: c.onClick,
+              className: h("text-default text-xs font-medium cursor-pointer", f),
+              children: c.text
             }
-          ) : l.onClick ? /* @__PURE__ */ a(
+          ) : c.onClick ? /* @__PURE__ */ o(
             "button",
             {
               type: "button",
               color: "minimal",
-              onClick: l.onClick,
-              className: p("cursor-pointer text-default text-xs font-medium", f),
-              children: l.text
+              onClick: c.onClick,
+              className: h("cursor-pointer text-default text-xs font-medium", f),
+              children: c.text
             }
           ) : void 0 }),
-          (i == null ? void 0 : i.child) && /* @__PURE__ */ a(
+          (t == null ? void 0 : t.child) && /* @__PURE__ */ o(
             "button",
             {
-              className: p(
+              className: h(
                 "text-default hover:text-emphasis p-0 text-xs font-normal cursor-pointer",
                 f
               ),
               color: "minimal",
-              "data-testid": i == null ? void 0 : i["data-testid"],
-              onClick: i == null ? void 0 : i.onClick,
-              children: i == null ? void 0 : i.child
+              "data-testid": t == null ? void 0 : t["data-testid"],
+              onClick: t == null ? void 0 : t.onClick,
+              children: t == null ? void 0 : t.child
             }
           )
         ] })
@@ -300,15 +342,15 @@ function he({
     }
   );
 }
-function pe() {
-  const { t: e } = R(), s = I((t) => t.open), n = [...ue([
+function oe() {
+  const { t: s } = K(), l = P((e) => e.open), i = [...ae([
     {
       id: 18,
       thumbnailUrl: "https://img.youtube.com/vi/J8HsK-8W39U/0.jpg",
       mediaLink: "https://go.cal.com/rbac-video",
       title: "Roles & Permissions",
       description: "Manage team access with roles & permissions",
-      onClick: () => s($.RolesAndPermissions)
+      onClick: () => l($.RolesAndPermissions)
     },
     {
       id: 17,
@@ -446,38 +488,38 @@ function pe() {
       description: "Booking link that allows people to quickly schedule meetings.",
       href: "https://youtu.be/VZ5PfQzzxBw?si=oB0LPSxG8dWIwg5a"
     }
-  ]).slice(0).reverse()], [o, i] = Q(() => {
+  ]).slice(0).reverse()], [r, t] = Y(() => {
     if (typeof window > "u")
-      return n;
+      return i;
     try {
-      const t = x.getItem("removedTipsIds");
-      if (t !== null) {
-        const r = t.split(",").map((c) => parseInt(c, 10));
-        return n.filter((c) => r.indexOf(c.id) === -1);
+      const e = b.getItem("removedTipsIds");
+      if (e !== null) {
+        const n = e.split(",").map((u) => parseInt(u, 10));
+        return i.filter((u) => n.indexOf(u.id) === -1);
       } else
-        return n;
+        return i;
     } catch {
-      return n;
+      return i;
     }
-  }), u = (t) => {
-    i((r) => {
-      const l = x.getItem("removedTipsIds") || "", c = r.findIndex((f) => f.id === t);
-      return c === -1 ? [...r] : (x.setItem(
+  }), m = (e) => {
+    t((n) => {
+      const c = b.getItem("removedTipsIds") || "", u = n.findIndex((f) => f.id === e);
+      return u === -1 ? [...n] : (b.setItem(
         "removedTipsIds",
-        `${r[c].id.toString()}${l.length > 0 ? `,${l}` : ""}`
-      ), r.splice(c, 1), [...r]);
+        `${n[u].id.toString()}${c.length > 0 ? `,${c}` : ""}`
+      ), n.splice(u, 1), [...n]);
     });
-  }, d = o.slice(0).reverse();
-  return /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(
+  }, d = r.slice(0).reverse();
+  return /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(
     "div",
     {
       className: "hidden pb-4 pt-8 lg:grid",
       style: {
         gridTemplateColumns: "1fr"
       },
-      children: o.map((t) => {
-        const r = d.indexOf(t) === 0;
-        return /* @__PURE__ */ a(
+      children: r.map((e) => {
+        const n = d.indexOf(e) === 0;
+        return /* @__PURE__ */ o(
           "div",
           {
             className: "relative",
@@ -485,95 +527,56 @@ function pe() {
               gridRowStart: 1,
               gridColumnStart: 1
             },
-            children: /* @__PURE__ */ a(
+            children: /* @__PURE__ */ o(
               "div",
               {
                 className: "relative",
                 style: {
-                  transform: `scale(${1 - d.indexOf(t) / 20})`,
-                  top: -d.indexOf(t) * 10,
-                  opacity: `${1 - d.indexOf(t) / 7}`
+                  transform: `scale(${1 - d.indexOf(e) / 20})`,
+                  top: -d.indexOf(e) * 10,
+                  opacity: `${1 - d.indexOf(e) / 7}`
                 },
-                children: /* @__PURE__ */ a(
-                  he,
+                children: /* @__PURE__ */ o(
+                  se,
                   {
-                    variant: t.variant ?? "SidebarCard",
-                    thumbnailUrl: t.thumbnailUrl,
-                    coverPhoto: t.coverPhoto,
-                    mediaLink: r ? t.mediaLink : void 0,
-                    mediaLinkOnClick: r ? () => {
-                      w.capture("tip_video_clicked", t), t.onClick && t.onClick();
+                    variant: e.variant ?? "SidebarCard",
+                    thumbnailUrl: e.thumbnailUrl,
+                    coverPhoto: e.coverPhoto,
+                    mediaLink: n ? e.mediaLink : void 0,
+                    mediaLinkOnClick: n ? () => {
+                      v.capture("tip_video_clicked", e), e.onClick && e.onClick();
                     } : void 0,
-                    title: e(t.title),
-                    description: e(t.description),
-                    learnMore: r ? {
-                      href: t.href,
-                      text: e("learn_more"),
+                    title: s(e.title),
+                    description: s(e.description),
+                    learnMore: n ? {
+                      href: e.href,
+                      text: s("learn_more"),
                       onClick: () => {
-                        w.capture("tip_learn_more_clicked", t), t.onClick && t.onClick();
+                        v.capture("tip_learn_more_clicked", e), e.onClick && e.onClick();
                       }
                     } : void 0,
-                    actionButton: r ? {
+                    actionButton: n ? {
                       onClick: () => {
-                        w.capture("tip_dismiss_clicked", t), u(t.id);
+                        v.capture("tip_dismiss_clicked", e), m(e.id);
                       },
-                      child: e("dismiss")
+                      child: s("dismiss")
                     } : void 0,
                     containerProps: {
-                      tabIndex: r ? void 0 : -1,
-                      "aria-hidden": r ? void 0 : "true"
+                      tabIndex: n ? void 0 : -1,
+                      "aria-hidden": n ? void 0 : "true"
                     }
                   }
                 )
               }
             )
           },
-          t.id
+          e.id
         );
       })
     }
   ) });
 }
-const ve = G(pe);
-function ke({
-  title: e,
-  description: s,
-  background: m,
-  features: n,
-  buttons: o,
-  isParentLoading: i,
-  children: u,
-  plan: d
-}) {
-  const { resolvedTheme: t } = V(), { isPending: r, hasTeamPlan: l } = q(), { data: c } = F.viewer.teams.getUpgradeable.useQuery(), f = `${m}${t === "dark" ? "-dark" : ""}.jpg`, k = !!(c != null && c[0]);
-  return d === "team" && (l || k) ? /* @__PURE__ */ a(b, { children: u }) : r ? /* @__PURE__ */ a(b, { children: i }) : /* @__PURE__ */ h(b, { children: [
-    /* @__PURE__ */ h("div", { className: "relative flex min-h-[295px] w-full items-center justify-between overflow-hidden rounded-lg pb-10", children: [
-      /* @__PURE__ */ h("picture", { className: "absolute min-h-[295px] w-full rounded-lg object-cover", children: [
-        /* @__PURE__ */ a("source", { srcSet: f, media: "(prefers-color-scheme: dark)" }),
-        /* @__PURE__ */ a(
-          "img",
-          {
-            className: "absolute min-h-[295px] w-full select-none rounded-lg object-cover object-left md:object-center",
-            src: f,
-            loading: "lazy",
-            alt: e
-          }
-        )
-      ] }),
-      /* @__PURE__ */ h("div", { className: "relative my-4 px-8 pb-4 sm:px-14", children: [
-        /* @__PURE__ */ a("h1", { className: p("font-cal mt-4 text-3xl"), children: e }),
-        /* @__PURE__ */ a("p", { className: p("mb-8 mt-4 max-w-sm"), children: s }),
-        o
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "mt-4 grid-cols-3 md:grid md:gap-4", children: n.map((g) => /* @__PURE__ */ h("div", { className: "bg-cal-muted mb-4 min-h-[180px] w-full rounded-md  p-8 md:mb-0", children: [
-      g.icon,
-      /* @__PURE__ */ a("h2", { className: "font-cal text-emphasis mt-4 text-lg", children: g.title }),
-      /* @__PURE__ */ a("p", { className: "text-default", children: g.description })
-    ] }, g.title)) })
-  ] });
-}
+const ce = M(oe);
 export {
-  ve as Tips,
-  ke as UpgradeTip
+  ce as default
 };