@calcom/atoms 1.0.69 → 1.0.70

package/dist/{framer-features-4MVDXzUi.js → framer-features-k8W15jzM.js}

@@ -1,4 +1,4 @@
-import { bd as L, be as V, bf as D, bg as M, bh as Y, bi as q, bj as _, bk as Q, bl as re, bm as ie, bn as oe, bo as ae } from "./index-_JT8rq0w.js";
+import { bl as L, bm as V, bn as D, bo as M, bp as Y, bq as j, br as _, bs as Q, bt as re, bu as ie, bv as oe, bw as ae } from "./index-TfSEr6Ej.js";
 function y(t, e, n, s = { passive: !0 }) {
   return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
@@ -24,15 +24,15 @@ function $(t) {
     return e === null ? (e = t, n) : !1;
   };
 }
-const j = $("dragHorizontal"), J = $("dragVertical");
+const q = $("dragHorizontal"), J = $("dragVertical");
 function le(t) {
   let e = !1;
   if (t === "y")
     e = J();
   else if (t === "x")
-    e = j();
+    e = q();
   else {
-    const n = j(), s = J();
+    const n = q(), s = J();
     n && s ? e = () => {
       n(), s();
     } : (n && n(), s && s());
@@ -152,17 +152,17 @@ class fe extends w {
     this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
-const B = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), me = (t) => {
+const B = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), pe = (t) => {
   const e = B.get(t.target);
   e && e(t);
-}, pe = (t) => {
-  t.forEach(me);
+}, me = (t) => {
+  t.forEach(pe);
 };
 function ve({ root: t, ...e }) {
   const n = t || document;
   K.has(n) || K.set(n, {});
   const s = K.get(n), o = JSON.stringify(e);
-  return s[o] || (s[o] = new IntersectionObserver(pe, { root: t, ...e })), s[o];
+  return s[o] || (s[o] = new IntersectionObserver(me, { root: t, ...e })), s[o];
 }
 function Pe(t, e, n) {
   const s = ve(e);
@@ -189,8 +189,8 @@ class be extends w {
       if (this.isInView === r || (this.isInView = r, a && !r && this.hasEnteredView))
         return;
       r && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", r);
-      const { onViewportEnter: u, onViewportLeave: m } = this.node.getProps(), p = r ? u : m;
-      p && p(i);
+      const { onViewportEnter: u, onViewportLeave: p } = this.node.getProps(), m = r ? u : p;
+      m && m(i);
     };
     return Pe(this.node.current, l, c);
   }
@@ -239,8 +239,8 @@ function G(t, e, n = {}) {
   let { transition: o = t.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (o = n.transitionOverride);
   const a = s ? () => Promise.all(Y(t, s, n)) : () => Promise.resolve(), l = t.variantChildren && t.variantChildren.size ? (i = 0) => {
-    const { delayChildren: r = 0, staggerChildren: u, staggerDirection: m } = o;
-    return we(t, e, r + i, u, m, n);
+    const { delayChildren: r = 0, staggerChildren: u, staggerDirection: p } = o;
+    return we(t, e, r + i, u, p, n);
   } : () => Promise.resolve(), { when: c } = o;
   if (c) {
     const [i, r] = c === "beforeChildren" ? [a, l] : [l, a];
@@ -285,8 +285,8 @@ function Te(t) {
   const o = (i, r) => {
     const u = M(t, r);
     if (u) {
-      const { transition: m, transitionEnd: p, ...v } = u;
-      i = { ...i, ...v, ...p };
+      const { transition: p, transitionEnd: m, ...v } = u;
+      i = { ...i, ...v, ...m };
     }
     return i;
   };
@@ -294,16 +294,16 @@ function Te(t) {
     e = i(t);
   }
   function l(i, r) {
-    const u = t.getProps(), m = t.getVariantContext(!0) || {}, p = [], v = /* @__PURE__ */ new Set();
+    const u = t.getProps(), p = t.getVariantContext(!0) || {}, m = [], v = /* @__PURE__ */ new Set();
     let g = {}, z = 1 / 0;
     for (let b = 0; b < Le; b++) {
-      const f = Ve[b], h = n[f], P = u[f] !== void 0 ? u[f] : m[f], O = re(P), x = f === r ? h.isActive : null;
+      const f = Ve[b], h = n[f], P = u[f] !== void 0 ? u[f] : p[f], O = re(P), x = f === r ? h.isActive : null;
       x === !1 && (z = b);
-      let k = P === m[f] && P !== u[f] && O;
+      let k = P === p[f] && P !== u[f] && O;
       if (k && s && t.manuallyAnimateOnMount && (k = !1), h.protectedKeys = { ...g }, // If it isn't active and hasn't *just* been set as inactive
       !h.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
       !P && !h.prevProp || // Or if the prop doesn't define an animation
-      q(P) || typeof P == "boolean")
+      j(P) || typeof P == "boolean")
         continue;
       const N = Oe(h.prevProp, P);
       let I = N || // If we're making this variant active, we want to always make it active
@@ -322,7 +322,7 @@ function Te(t) {
         const C = S[d], E = W[d];
         g.hasOwnProperty(d) || (C !== E ? _(C) && _(E) ? !ne(C, E) || N ? F(d) : h.protectedKeys[d] = !0 : C !== void 0 ? F(d) : v.add(d) : C !== void 0 && v.has(d) ? F(d) : h.protectedKeys[d] = !0);
       }
-      h.prevProp = P, h.prevResolvedValues = S, h.isActive && (g = { ...g, ...S }), s && t.blockInitialAnimation && (I = !1), I && !k && p.push(...U.map((d) => ({
+      h.prevProp = P, h.prevResolvedValues = S, h.isActive && (g = { ...g, ...S }), s && t.blockInitialAnimation && (I = !1), I && !k && m.push(...U.map((d) => ({
         animation: d,
         options: { type: f, ...i }
       })));
@@ -332,23 +332,23 @@ function Te(t) {
       v.forEach((f) => {
         const h = t.getBaseTarget(f);
         h !== void 0 && (b[f] = h);
-      }), p.push({ animation: b });
+      }), m.push({ animation: b });
     }
-    let R = !!p.length;
-    return s && u.initial === !1 && !t.manuallyAnimateOnMount && (R = !1), s = !1, R ? e(p) : Promise.resolve();
+    let R = !!m.length;
+    return s && u.initial === !1 && !t.manuallyAnimateOnMount && (R = !1), s = !1, R ? e(m) : Promise.resolve();
   }
   function c(i, r, u) {
-    var m;
+    var p;
     if (n[i].isActive === r)
       return Promise.resolve();
-    (m = t.variantChildren) === null || m === void 0 || m.forEach((v) => {
+    (p = t.variantChildren) === null || p === void 0 || p.forEach((v) => {
       var g;
       return (g = v.animationState) === null || g === void 0 ? void 0 : g.setActive(i, r);
     }), n[i].isActive = r;
-    const p = l(u, i);
+    const m = l(u, i);
     for (const v in n)
       n[v].protectedKeys = {};
-    return p;
+    return m;
   }
   return {
     animateChanges: l,
@@ -390,7 +390,7 @@ class Ie extends w {
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    this.unmount(), q(e) && (this.unmount = e.subscribe(this.node));
+    this.unmount(), j(e) && (this.unmount = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement

package/dist/{index-QBwBOYLQ.js → index-7rBx6ute.js}

@@ -1,4 +1,4 @@
-import { D as r, P as o, f as s, g as t, g as m, i as C, p as n, a as u } from "./index-_JT8rq0w.js";
+import { D as r, P as o, f as s, g as t, g as m, i as C, p as n, a as u } from "./index-TfSEr6Ej.js";
 export {
   r as DIGITS,
   o as ParseError,

package/dist/index-L39f9yBC.js

@@ -0,0 +1,256 @@
+import { bb as w, bc as L, bd as T, b9 as S, be as U, aL as v, bf as p, aK as t, bg as N, bh as _, aW as $, a_ as f } from "./index-TfSEr6Ej.js";
+import { memo as A, useState as C } from "react";
+import { C as R } from "./Card-hmB3imiF.js";
+var F = Math.floor, I = Math.random;
+function q(e, s) {
+  return e + F(I() * (s - e + 1));
+}
+var O = q, E = O;
+function V(e, s) {
+  var r = -1, l = e.length, n = l - 1;
+  for (s = s === void 0 ? l : s; ++r < s; ) {
+    var i = E(r, n), o = e[i];
+    e[i] = e[r], e[r] = o;
+  }
+  return e.length = s, e;
+}
+var b = V, M = w(), P = b;
+function G(e) {
+  return P(M(e));
+}
+var K = G, B = L();
+function H(e, s) {
+  return B(s, function(r) {
+    return e[r];
+  });
+}
+var D = H, Q = D, W = T();
+function Y(e) {
+  return e == null ? [] : Q(e, W(e));
+}
+var Z = Y, z = b, J = Z;
+function X(e) {
+  return z(J(e));
+}
+var ee = X, te = K, ie = ee, se = U;
+function oe(e) {
+  var s = se(e) ? te : ie;
+  return s(e);
+}
+var re = oe;
+const ae = /* @__PURE__ */ S(re), ne = [
+  {
+    id: 13,
+    thumbnailUrl: "https://img.youtube.com/vi/ihE8OYTdklg/0.jpg",
+    mediaLink: "https://go.cal.com/ooo",
+    title: "ooo.new",
+    description: "Easily go out-of-office",
+    href: "https://ooo.new"
+  },
+  {
+    id: 12,
+    thumbnailUrl: "https://cal.com/og-image-cal-ai.jpg",
+    mediaLink: "https://go.cal.com/cal-ai",
+    title: "Cal.ai",
+    description: "Your personal AI scheduling assistant",
+    href: "https://go.cal.com/cal-ai"
+  },
+  {
+    id: 11,
+    thumbnailUrl: "https://img.youtube.com/vi/KTg_qzA9NEc/0.jpg",
+    mediaLink: "https://go.cal.com/insights",
+    title: "Insights",
+    description: "Get a better understanding of your business",
+    href: "https://go.cal.com/insights"
+  },
+  {
+    id: 10,
+    thumbnailUrl: "https://img.youtube.com/vi/jvaBafzVUQc/0.jpg",
+    mediaLink: "https://go.cal.com/video",
+    title: "Cal Video",
+    description: "Free video conferencing with recording",
+    href: "https://go.cal.com/video"
+  },
+  {
+    id: 9,
+    thumbnailUrl: "https://img.youtube.com/vi/93iOmzHieCU/0.jpg",
+    mediaLink: "https://go.cal.com/round-robin",
+    title: "Round-Robin",
+    description: "Create advanced group meetings with round-robin",
+    href: "https://go.cal.com/round-robin"
+  },
+  {
+    id: 8,
+    thumbnailUrl: "https://img.youtube.com/vi/piKlAiibAFo/0.jpg",
+    mediaLink: "https://go.cal.com/workflows",
+    title: "Automate Workflows",
+    description: "Make time work for you and automate tasks",
+    href: "https://go.cal.com/workflows"
+  },
+  {
+    id: 7,
+    thumbnailUrl: "https://img.youtube.com/vi/UVXgo12cY4g/0.jpg",
+    mediaLink: "https://go.cal.com/routing-forms",
+    title: "Routing Forms",
+    description: "Ask questions and route to the correct person",
+    href: "https://go.cal.com/routing-forms"
+  },
+  {
+    id: 6,
+    thumbnailUrl: "https://img.youtube.com/vi/yGiZo1Ry5-8/0.jpg",
+    mediaLink: "https://go.cal.com/recurring-video",
+    title: "Recurring Bookings",
+    description: "Learn how to create a recurring schedule",
+    href: "https://go.cal.com/recurring-video"
+  },
+  {
+    id: 5,
+    thumbnailUrl: "https://img.youtube.com/vi/0v_nQtpxC_4/0.jpg",
+    mediaLink: "https://go.cal.com/payments-video",
+    title: "Accept Payments",
+    description: "Charge for your time with Cal.com's Stripe App",
+    href: "https://app.cal.com/apps/stripe"
+  },
+  {
+    id: 4,
+    thumbnailUrl: "https://img.youtube.com/vi/zGr_s-fG84k/0.jpg",
+    mediaLink: "https://go.cal.com/confirmation-video",
+    title: "Requires Confirmation",
+    description: "Learn how to be in charge of your bookings",
+    href: "https://cal.com/resources/feature/opt-in"
+  },
+  {
+    id: 3,
+    thumbnailUrl: "https://img.youtube.com/vi/c7ZKFuLy1fg/0.jpg",
+    mediaLink: "https://go.cal.com/routing-video",
+    title: "Routing Forms, Workflows",
+    description: "Ask screening questions of potential bookers to connect them with the right person",
+    href: "https://cal.com/blog/cal-v-1-8"
+  },
+  {
+    id: 2,
+    thumbnailUrl: "https://img.youtube.com/vi/EAc46SPL6iA/0.jpg",
+    mediaLink: "https://go.cal.com/teams-video",
+    title: "How to set up Teams",
+    description: "Learn how to use round-robin and collective events.",
+    href: "https://cal.com/docs/enterprise-features/teams"
+  },
+  {
+    id: 1,
+    thumbnailUrl: "https://img.youtube.com/vi/60HJt8DOVNo/0.jpg",
+    mediaLink: "https://go.cal.com/dynamic-video",
+    title: "Dynamic booking links",
+    description: "Booking link that allows people to quickly schedule meetings.",
+    href: "https://cal.com/blog/cal-v-1-9"
+  }
+], u = ae(ne).slice(0).reverse();
+function le() {
+  const { t: e } = v(), [s, r] = C(() => {
+    if (typeof window > "u")
+      return u;
+    try {
+      const i = p.getItem("removedTipsIds");
+      if (i !== null) {
+        const o = i.split(",").map((a) => parseInt(a, 10));
+        return u.filter((a) => o.indexOf(a.id) === -1);
+      } else
+        return u;
+    } catch {
+      return u;
+    }
+  }), l = (i) => {
+    r((o) => {
+      const c = p.getItem("removedTipsIds") || "", a = o.findIndex((m) => m.id === i);
+      return p.setItem(
+        "removedTipsIds",
+        `${o[a].id.toString()}${c.length > 0 ? `,${c.split(",")}` : ""}`
+      ), o.splice(a, 1), [...o];
+    });
+  }, n = s.slice(0).reverse();
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: "hidden pb-4 pt-8 lg:grid",
+      style: {
+        gridTemplateColumns: "1fr"
+      },
+      children: s.map((i) => /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: "relative",
+          style: {
+            gridRowStart: 1,
+            gridColumnStart: 1
+          },
+          children: /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "relative",
+              style: {
+                transform: `scale(${1 - n.indexOf(i) / 20})`,
+                top: -n.indexOf(i) * 10,
+                opacity: `${1 - n.indexOf(i) / 7}`
+              },
+              children: /* @__PURE__ */ t.jsx(
+                R,
+                {
+                  variant: "SidebarCard",
+                  thumbnailUrl: i.thumbnailUrl,
+                  mediaLink: i.mediaLink,
+                  title: i.title,
+                  description: i.description,
+                  learnMore: { href: i.href, text: e("learn_more") },
+                  actionButton: { onClick: () => l(i.id), child: e("dismiss") }
+                }
+              )
+            }
+          )
+        },
+        i.id
+      ))
+    }
+  );
+}
+const ue = A(le);
+function he({
+  title: e,
+  description: s,
+  background: r,
+  features: l,
+  buttons: n,
+  isParentLoading: i,
+  children: o,
+  plan: c
+}) {
+  const { resolvedTheme: a } = N(), { t: m } = v(), { isPending: x, hasTeamPlan: y } = _(), { data: h } = $.viewer.teams.getUpgradeable.useQuery(), g = `${r}${a === "dark" ? "-dark" : ""}.jpg`, j = !1, k = !!(h != null && h[0]);
+  return c === "team" && (y || k) ? /* @__PURE__ */ t.jsx(t.Fragment, { children: o }) : c === "enterprise" && j ? /* @__PURE__ */ t.jsx(t.Fragment, { children: o }) : x ? /* @__PURE__ */ t.jsx(t.Fragment, { children: i }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "relative flex min-h-[295px] w-full items-center justify-between overflow-hidden rounded-lg pb-10", children: [
+      /* @__PURE__ */ t.jsxs("picture", { className: "absolute min-h-[295px] w-full rounded-lg object-cover", children: [
+        /* @__PURE__ */ t.jsx("source", { srcSet: g, media: "(prefers-color-scheme: dark)" }),
+        /* @__PURE__ */ t.jsx(
+          "img",
+          {
+            className: "absolute min-h-[295px] w-full select-none rounded-lg object-cover object-left md:object-center",
+            src: g,
+            loading: "lazy",
+            alt: e
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "relative my-4 px-8 sm:px-14", children: [
+        /* @__PURE__ */ t.jsx("h1", { className: f("font-cal text-3xl"), children: m(e) }),
+        /* @__PURE__ */ t.jsx("p", { className: f("mb-8 mt-4 max-w-sm"), children: m(s) }),
+        n
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-4 grid-cols-3 md:grid md:gap-4", children: l.map((d) => /* @__PURE__ */ t.jsxs("div", { className: "bg-muted mb-4 min-h-[180px] w-full rounded-md  p-8 md:mb-0", children: [
+      d.icon,
+      /* @__PURE__ */ t.jsx("h2", { className: "font-cal text-emphasis mt-4 text-lg", children: d.title }),
+      /* @__PURE__ */ t.jsx("p", { className: "text-default", children: d.description })
+    ] }, d.title)) })
+  ] });
+}
+export {
+  ue as Tips,
+  he as UpgradeTip
+};

package/dist/{index-tjEJ5F1K.js → index-SQ0_AlAd.js}

@@ -1,4 +1,4 @@
-import { T as m, b as n } from "./index-_JT8rq0w.js";
+import { T as m, b as n } from "./index-TfSEr6Ej.js";
 export {
   m as TimezoneSelect,
   n as TimezoneSelectComponent