@calcom/atoms 2.3.5 → 2.3.7

package/dist/{EventTypeAppSettingsInterface-DxdgAyKL.js → EventTypeAppSettingsInterface-25vbOUbR.js}

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as o, jsx as a } from "react/jsx-runtime";
-import { useState as O, useEffect as k } from "react";
-import { o as w, t as p, d as _, w as P, x as K, S as E } from "./index-C62tPk5p.js";
+import { useState as C, useEffect as O } from "react";
+import { o as w, t as p, k as _, w as P, x as K, f as E } from "./index-taOlstL2.js";
 const F = [
   {
     label: "on_booking_option",
@@ -35,7 +35,7 @@ const F = [
   eventType: d
 }) => {
   var b;
-  const m = l("price"), t = l("currency") || n[0].value, [i, f] = O(
+  const m = l("price"), t = l("currency") || n[0].value, [i, f] = C(
     n.find((e) => e.value === t) || {
       label: n[0].label,
       value: n[0].value
@@ -46,12 +46,12 @@ const F = [
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   }).replace(/\d/g, "").trim();
-  k(() => {
+  O(() => {
     c && (l("currency") || r("currency", n[0].value), l("paymentOption") || r("paymentOption", F[0].value));
   }, [c, l, r]);
-  const x = (e) => {
-    const C = Math.floor(e).toString();
-    return parseInt(C);
+  const k = (e) => {
+    const x = Math.floor(e).toString();
+    return parseInt(x);
   };
   return /* @__PURE__ */ u(o, { children: [
     v && /* @__PURE__ */ a(p, { className: "mt-2", severity: "warning", title: s("warning_recurring_event_payment") }),
@@ -72,9 +72,9 @@ const F = [
           placeholder: "Price",
           disabled: h,
           onChange: (e) => {
-            r("price", P(Number(e.target.value), t));
+            r("price", K(Number(e.target.value), t));
           },
-          value: m > 0 ? x(K(m, t)) : void 0
+          value: m > 0 ? k(P(m, t)) : void 0
         }
       ) }),
       /* @__PURE__ */ u("div", { className: "mt-5 w-60", children: [

package/dist/{EventTypeAppSettingsInterface-2hel1BrL.js → EventTypeAppSettingsInterface-BWz9m1iQ.js}

@@ -1,21 +1,21 @@
 import { jsx as l, Fragment as x, jsxs as m } from "react/jsx-runtime";
 import { useState as N, useEffect as w } from "react";
-import { o as _, V as t, t as g, d as C, H as P, S as p } from "./index-C62tPk5p.js";
+import { o as _, V as t, t as g, k as C, H as P, f as p } from "./index-taOlstL2.js";
 const d = [{ label: "BTC", value: "BTC", unit: "sats" }], T = ({
-  eventType: b,
+  eventType: f,
   getAppData: s,
   setAppData: a
 }) => {
   var v, h;
-  const { t: n } = _(), i = s("price"), c = s("currency"), [r, S] = N(
+  const { t: n } = _(), i = s("price"), c = s("currency"), [r, O] = N(
     d.find((e) => e.value === c) || d[0]
-  ), f = s("paymentOption"), u = ((v = t) == null ? void 0 : v.find((e) => f === e.value)) || {
+  ), b = s("paymentOption"), u = ((v = t) == null ? void 0 : v.find((e) => b === e.value)) || {
     label: t[0].label,
     value: t[0].value
-  }, y = !!b.seatsPerTimeSlot, [o] = N(s("enabled")), O = ((h = b.recurringEvent) == null ? void 0 : h.count) !== void 0;
+  }, y = !!f.seatsPerTimeSlot, [o] = N(s("enabled")), S = ((h = f.recurringEvent) == null ? void 0 : h.count) !== void 0;
   return w(() => {
     !c && o && a("currency", r.value);
-  }, [c, r, a, o]), /* @__PURE__ */ l(x, { children: O ? /* @__PURE__ */ l(g, { className: "mt-2", severity: "warning", title: n("warning_recurring_event_payment") }) : o && /* @__PURE__ */ m(x, { children: [
+  }, [c, r, a, o]), /* @__PURE__ */ l(x, { children: S ? /* @__PURE__ */ l(g, { className: "mt-2", severity: "warning", title: n("warning_recurring_event_payment") }) : o && /* @__PURE__ */ m(x, { children: [
     /* @__PURE__ */ l("div", { className: "mt-2 block items-center sm:flex", children: /* @__PURE__ */ l(
       C,
       {
@@ -44,7 +44,7 @@ const d = [{ label: "BTC", value: "BTC", unit: "sats" }], T = ({
           className: "text-black",
           defaultValue: r,
           onChange: (e) => {
-            e && (S(e), a("currency", e.value));
+            e && (O(e), a("currency", e.value));
           }
         }
       )
@@ -64,7 +64,7 @@ const d = [{ label: "BTC", value: "BTC", unit: "sats" }], T = ({
         }
       )
     ] }),
-    y && f === "HOLD" && /* @__PURE__ */ l(g, { className: "mt-2", severity: "warning", title: n("seats_and_no_show_fee_error") })
+    y && b === "HOLD" && /* @__PURE__ */ l(g, { className: "mt-2", severity: "warning", title: n("seats_and_no_show_fee_error") })
   ] }) });
 };
 export {

package/dist/{EventTypeAppSettingsInterface-BkBEQ-DE.js → EventTypeAppSettingsInterface-Br3_oHkq.js}

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { d as s } from "./index-C62tPk5p.js";
+import { k as s } from "./index-taOlstL2.js";
 const p = ({
   getAppData: a,
   setAppData: t,

package/dist/{EventTypeAppSettingsInterface-DrevXJNI.js → EventTypeAppSettingsInterface-C3eQhKOG.js}

@@ -1,5 +1,5 @@
 import { jsxs as u, Fragment as g, jsx as a } from "react/jsx-runtime";
-import { Y as b, o as z, Z as o, _ as N, t as M, d as C, w as K, x as G, S as m, $ as U, a0 as D, z as S, a1 as V, a2 as _, a as H } from "./index-C62tPk5p.js";
+import { Y as b, o as z, Z as o, _ as N, t as M, k as C, w as K, x as G, f as m, $ as U, a0 as D, a1 as V, a2 as _, z as S, a as H } from "./index-taOlstL2.js";
 import { useState as I, useEffect as Y } from "react";
 const s = [
   { label: "United States dollar (USD)", value: "usd" },
@@ -184,9 +184,9 @@ const s = [
           placeholder: "Price",
           disabled: i,
           onChange: (e) => {
-            n("price", K(Number(e.target.value), c));
+            n("price", G(Number(e.target.value), c));
           },
-          value: p > 0 ? G(p, c) : void 0
+          value: p > 0 ? K(p, c) : void 0
         }
       ) }),
       /* @__PURE__ */ u("div", { className: "mt-5 w-60", children: [

package/dist/{EventTypeAppSettingsInterface-BiqKCPyH.js → EventTypeAppSettingsInterface-C9j156DU.js}

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { d as o } from "./index-C62tPk5p.js";
-const d = ({
+import { k as o } from "./index-taOlstL2.js";
+const p = ({
   getAppData: t,
   setAppData: e,
   disabled: a
@@ -19,5 +19,5 @@ const d = ({
   );
 };
 export {
-  d as default
+  p as default
 };

package/dist/{EventTypeAppSettingsInterface-_1ne5IjX.js → EventTypeAppSettingsInterface-CNxEiYl3.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { d as n } from "./index-C62tPk5p.js";
+import { k as n } from "./index-taOlstL2.js";
 const T = ({
   getAppData: d,
   setAppData: t,

package/dist/{EventTypeAppSettingsInterface-CyXMHuwE.js → EventTypeAppSettingsInterface-Ca5oF9_V.js}

@@ -1,6 +1,6 @@
 import { jsx as n, Fragment as D, jsxs as c } from "react/jsx-runtime";
-import { useState as P, useEffect as T } from "react";
-import { o as R, X as t, t as f, d as w, S as y } from "./index-C62tPk5p.js";
+import { useState as f, useEffect as T } from "react";
+import { o as R, X as t, t as P, k as w, f as y } from "./index-taOlstL2.js";
 const i = [
   { label: "SATS", value: "BTC", unit: "SATS" },
   { label: "USD- US Dollar", value: "USD", unit: "USD" },
@@ -35,7 +35,7 @@ const i = [
   setAppData: u
 }) => {
   var h, S;
-  const { t: a } = R(), s = l("price"), o = l("currency") || (i.length > 0 ? i[0].value : ""), [v, K] = P(
+  const { t: a } = R(), s = l("price"), o = l("currency") || (i.length > 0 ? i[0].value : ""), [v, K] = f(
     i.find((e) => e.value === o) || (i.length > 0 ? {
       label: i[0].label,
       value: i[0].value
@@ -43,12 +43,12 @@ const i = [
   ), d = l("paymentOption"), b = ((h = t) == null ? void 0 : h.find((e) => d === e.value)) || {
     label: t.length > 0 ? t[0].label : "",
     value: t.length > 0 ? t[0].value : ""
-  }, N = !!r.seatsPerTimeSlot, [m, U] = P(l("enabled")), p = ((S = r.recurringEvent) == null ? void 0 : S.count) !== void 0;
+  }, N = !!r.seatsPerTimeSlot, [m, U] = f(l("enabled")), p = ((S = r.recurringEvent) == null ? void 0 : S.count) !== void 0;
   T(() => {
     m && !l("currency") && u("currency", i[0].value);
   }, [m, l, u]);
   const g = (e) => Math.floor(e);
-  return /* @__PURE__ */ n(D, { children: p ? /* @__PURE__ */ n(f, { className: "mt-2", severity: "warning", title: a("warning_recurring_event_payment") }) : m && /* @__PURE__ */ c(D, { children: [
+  return /* @__PURE__ */ n(D, { children: p ? /* @__PURE__ */ n(P, { className: "mt-2", severity: "warning", title: a("warning_recurring_event_payment") }) : m && /* @__PURE__ */ c(D, { children: [
     /* @__PURE__ */ c("div", { className: "mt-4 inline-block", children: [
       /* @__PURE__ */ n("label", { className: "text-default block text-sm font-medium mb-1", htmlFor: "price", children: a("price") }),
       /* @__PURE__ */ n(
@@ -98,7 +98,7 @@ const i = [
         }
       )
     ] }),
-    N && d === "HOLD" && /* @__PURE__ */ n(f, { className: "mt-2", severity: "warning", title: a("seats_and_no_show_fee_error") })
+    N && d === "HOLD" && /* @__PURE__ */ n(P, { className: "mt-2", severity: "warning", title: a("seats_and_no_show_fee_error") })
   ] }) });
 };
 export {

package/dist/EventTypeAppSettingsInterface-Cs9apNUJ.js

@@ -0,0 +1,48 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useEffect as v } from "react";
+import { k as g, L as u, f as d } from "./index-taOlstL2.js";
+const x = ({
+  getAppData: i,
+  setAppData: a,
+  disabled: r
+}) => {
+  const o = i("trackingId"), l = i("trackingEvent"), n = [
+    { label: "Lead", value: "Lead" },
+    { label: "Complete Registration", value: "CompleteRegistration" },
+    { label: "Schedule", value: "Schedule" },
+    { label: "Page View (use for custom tracking)", value: "PageView" }
+  ], s = n.find((e) => e.value === l) || n[0];
+  return v(() => {
+    l || a("trackingEvent", "Lead");
+  }, [l, a]), /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t(
+      g,
+      {
+        name: "Pixel ID",
+        value: o,
+        disabled: r,
+        onChange: (e) => {
+          a("trackingId", e.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ t(u, { children: "Select Conversion Event to Fire" }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          options: n,
+          value: s,
+          isDisabled: r,
+          isSearchable: !1,
+          onChange: (e) => {
+            a("trackingEvent", (e == null ? void 0 : e.value) ?? "Lead");
+          }
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  x as default
+};

package/dist/{EventTypeAppSettingsInterface-BLFrLk44.js → EventTypeAppSettingsInterface-D1Y8VX8E.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { o as p, d as h, y as v, z as x } from "./index-C62tPk5p.js";
+import { o as p, k as h, y as v, z as x } from "./index-taOlstL2.js";
 const N = ({ eventType: n, disabled: d }) => {
   const { t: i } = p(), [r, c] = f(""), m = r !== "" ? `?${r}` : "", t = n.URL + m;
   function s({ size: a, data: u }) {

package/dist/{EventTypeAppSettingsInterface-yN5zioAm.js → EventTypeAppSettingsInterface-DEVgz4xp.js}

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as o, Fragment as g } from "react/jsx-runtime";
 import { useState as m, useEffect as _ } from "react";
-import { c as i, i as k, a as x } from "./currencyOptions-r01lKGBF.js";
-import { v as r, o as E, t as S, d as F, w as T, x as q, S as O } from "./index-C62tPk5p.js";
+import { c as i, a as x, i as k } from "./currencyOptions-r01lKGBF.js";
+import { v as r, o as E, t as S, k as F, w as T, x as q, f as O } from "./index-taOlstL2.js";
 const I = ({
   getAppData: t,
   setAppData: n,
@@ -32,9 +32,9 @@ const I = ({
         placeholder: "Price",
         "data-testid": "paypal-price-input",
         onChange: (e) => {
-          n("price", T(Number(e.target.value), a)), s && n("currency", s.value);
+          n("price", q(Number(e.target.value), a)), s && n("currency", s.value);
         },
-        value: y > 0 ? q(y, a) : void 0
+        value: y > 0 ? T(y, a) : void 0
       }
     ) }),
     /* @__PURE__ */ o("div", { className: "mt-5 w-60", children: [

package/dist/{EventTypeAppSettingsInterface-Dtm5cA7x.js → EventTypeAppSettingsInterface-DR2CM-LQ.js}

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { o as I, aj as j, ak as M, c as T, B as g, z as S, t as A, al as E, am as z, G as B } from "./index-C62tPk5p.js";
+import { o as I, aq as M, ar as j, I as T, B as g, z as S, t as A, as as E, at as z, G as B } from "./index-taOlstL2.js";
 const y = "search", C = "url", R = (s) => {
-  const { t: a } = I(), [i, l] = d(""), [p, m] = d(0), [c, v] = d(""), { isOpenDialog: D, setIsOpenDialog: O } = s, [u, b] = d(!1), [N, h] = d(""), [x, _] = d(y), k = async (n, f) => {
+  const { t: a } = I(), [i, l] = d(""), [p, m] = d(0), [c, v] = d(""), { isOpenDialog: D, setIsOpenDialog: O } = s, [u, b] = d(!1), [N, h] = d(""), [x, _] = d(y), w = async (n, f) => {
     if (u)
       return;
     b(!0), h("");
@@ -32,7 +32,7 @@ const y = "search", C = "url", R = (s) => {
       })
     }), t = await f.json();
     return f.ok ? (l(t.image || ""), t.image || h("No Result found")) : h((t == null ? void 0 : t.message) || ((r = t == null ? void 0 : t[0]) == null ? void 0 : r.message) || "Something went wrong"), b(!1), null;
-  }, w = (n, f, t) => /* @__PURE__ */ o(
+  }, k = (n, f, t) => /* @__PURE__ */ o(
     "div",
     {
       className: S(
@@ -48,14 +48,14 @@ const y = "search", C = "url", R = (s) => {
       ]
     }
   ), P = async (n) => {
-    n.stopPropagation(), n.preventDefault(), x === y ? k(c, 0) : x === C && G(c);
+    n.stopPropagation(), n.preventDefault(), x === y ? w(c, 0) : x === C && G(c);
   };
-  return /* @__PURE__ */ e(j, { open: D, onOpenChange: O, children: /* @__PURE__ */ o(M, { children: [
+  return /* @__PURE__ */ e(M, { open: D, onOpenChange: O, children: /* @__PURE__ */ o(j, { children: [
     /* @__PURE__ */ e("h3", { className: "font-cal text-emphasis text-xl", id: "modal-title", children: a("add_gif_to_confirmation") }),
     /* @__PURE__ */ e("p", { className: "text-subtle mb-3 text-sm font-light", children: a("find_gif_spice_confirmation") }),
     /* @__PURE__ */ o("div", { className: "border-emphasis flex items-center border-b border-solid", children: [
-      w("search", a("search_giphy"), y),
-      w("link", a("add_link_from_giphy"), C)
+      k("search", a("search_giphy"), y),
+      k("link", a("add_link_from_giphy"), C)
     ] }),
     /* @__PURE__ */ o(
       "form",
@@ -118,7 +118,7 @@ const y = "search", C = "url", R = (s) => {
           color: "secondary",
           type: "button",
           loading: u,
-          onClick: () => k(c, p),
+          onClick: () => w(c, p),
           children: "Shuffle"
         }
       )

package/dist/{EventTypeAppSettingsInterface-DbOBvg8L.js → EventTypeAppSettingsInterface-Dfgy5Ibm.js}

@@ -1,5 +1,5 @@
-import { jsx as d } from "react/jsx-runtime";
-import { d as o } from "./index-C62tPk5p.js";
+import { jsx as o } from "react/jsx-runtime";
+import { k as c } from "./index-taOlstL2.js";
 const s = ({
   getAppData: t,
   setAppData: e,
@@ -7,8 +7,8 @@ const s = ({
   slug: n
 }) => {
   const r = t("trackingId");
-  return /* @__PURE__ */ d(
-    o,
+  return /* @__PURE__ */ o(
+    c,
     {
       dataTestid: n,
       name: "Tracking ID",

package/dist/{EventTypeAppSettingsInterface-CJts_5lO.js → EventTypeAppSettingsInterface-DpuURXsO.js}

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { d } from "./index-C62tPk5p.js";
+import { k as g } from "./index-taOlstL2.js";
 const o = ({
   getAppData: t,
   setAppData: a,
@@ -7,7 +7,7 @@ const o = ({
 }) => {
   const n = t("trackingId");
   return /* @__PURE__ */ i(
-    d,
+    g,
     {
       name: "Tracking ID",
       "data-testid": "gtm-tracking-id-input",

package/dist/{EventTypeAppSettingsInterface-BaWOePLF.js → EventTypeAppSettingsInterface-a1tvxFaI.js}

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import { useState as m, useEffect as j } from "react";
-import { S as g } from "./index-C62tPk5p.js";
-const P = () => {
+import { f as g } from "./index-taOlstL2.js";
+const S = () => {
   const [o, d] = m(), [f, i] = m();
   j(() => {
     async function t() {
@@ -51,5 +51,5 @@ const P = () => {
   ] });
 };
 export {
-  P as default
+  S as default
 };

package/dist/{EventTypeDescription-8eQS1QXu.js → EventTypeDescription-Ex6pm95o.js}

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as d, jsxs as c } from "react/jsx-runtime";
 import { useMemo as f } from "react";
-import { a3 as g, o as x, a4 as b, a5 as _, z as u, a6 as y, a7 as n, a8 as o, a9 as I, aa as N } from "./index-C62tPk5p.js";
+import { a3 as g, o as x, a4 as b, a5 as _, a6 as y, z as u, a7 as n, a8 as o, a9 as I, aa as N } from "./index-taOlstL2.js";
 function S(r) {
   return g.safeParse(r).success;
 }
@@ -53,9 +53,9 @@ const M = ({
         n,
         {
           variant: "gray",
-          customStartIcon: /* @__PURE__ */ a(I, { currency: l.currency, className: "h-3 w-3 stroke-[3px]" }),
+          customStartIcon: /* @__PURE__ */ a(N, { currency: l.currency, className: "h-3 w-3 stroke-[3px]" }),
           children: /* @__PURE__ */ a(
-            N,
+            I,
             {
               currency: l.currency,
               price: l.price,

package/dist/{InstallAppButton-CWkJ1jzI.js → InstallAppButton-DtfE9Dnd.js}

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
-import { u as o } from "./index-C62tPk5p.js";
+import { u as o } from "./index-taOlstL2.js";
 function u(t) {
   const n = o("exchange2013_calendar");
   return /* @__PURE__ */ e(a, { children: t.render({

package/dist/{InstallAppButton-B74iplUC.js → InstallAppButton-NVp6dOnS.js}

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
-import { u as o } from "./index-C62tPk5p.js";
+import { u as o } from "./index-taOlstL2.js";
 function u(t) {
   const n = o("exchange2016_calendar");
   return /* @__PURE__ */ e(a, { children: t.render({

package/dist/{InstallAppButton-DZPAJhBu.js → InstallAppButton-oKvFW55U.js}

@@ -1,6 +1,6 @@
 import { jsxs as U, Fragment as I, jsx as T } from "react/jsx-runtime";
 import { useState as A } from "react";
-import { u as O, aH as _, W as S } from "./index-C62tPk5p.js";
+import { u as O, aD as _, W as S } from "./index-taOlstL2.js";
 var P = /* @__PURE__ */ ((r) => (r.ACCOUNTS_STEP = "accounts", r.EVENT_TYPES_STEP = "event-types", r.CONFIGURE_STEP = "configure", r))(P || {}), s = {}, E, C;
 function x() {
   if (C) return E;
@@ -27,7 +27,7 @@ function x() {
   }, E;
 }
 var h, R;
-function N() {
+function D() {
   if (R) return h;
   R = 1;
   var r = function(e) {
@@ -52,18 +52,18 @@ function N() {
   }, h;
 }
 var v;
-function b() {
-  return v || (v = 1, s.decode = s.parse = x(), s.encode = s.stringify = N()), s;
+function N() {
+  return v || (v = 1, s.decode = s.parse = x(), s.encode = s.stringify = D()), s;
 }
-var w = b();
-const B = ({
+var b = N();
+const w = ({
   slug: r,
   step: e,
   teamId: n
 }) => {
   const t = { slug: r };
   n && (t.teamId = n);
-  const u = w.stringify(t);
+  const u = b.stringify(t);
   return `/apps/installation/${e}?${u}`;
 };
 function M(r) {
@@ -72,7 +72,7 @@ function M(r) {
       type: "office365_video",
       variant: "conferencing",
       slug: "msteams",
-      returnTo: S + B({
+      returnTo: S + w({
         slug: "msteams",
         step: P.EVENT_TYPES_STEP
       })