@calcom/atoms 1.0.95 → 1.0.96-beta-2

package/dist/EventTypeAppSettingsInterface-ThYijWt9.js

@@ -0,0 +1,42 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { k as s } from "./index-_1f6rhg6.js";
+const p = ({
+  getAppData: a,
+  setAppData: t,
+  disabled: l,
+  slug: r
+}) => {
+  const n = a("PLAUSIBLE_URL"), o = a("trackingId");
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ i(
+      s,
+      {
+        dataTestid: `${r}-url`,
+        name: "Plausible URL",
+        defaultValue: "https://plausible.io/js/script.js",
+        placeholder: "https://plausible.io/js/script.js",
+        value: n,
+        disabled: l,
+        onChange: (e) => {
+          t("PLAUSIBLE_URL", e.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      s,
+      {
+        dataTestid: `${r}-tracking-id`,
+        disabled: l,
+        name: "Tracked Domain",
+        placeholder: "yourdomain.com",
+        value: o,
+        onChange: (e) => {
+          t("trackingId", e.target.value);
+        }
+      }
+    )
+  ] });
+};
+export {
+  p as default
+};

package/dist/EventTypeAppSettingsInterface-WrZ3-X7V.js

@@ -0,0 +1,48 @@
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import { useState as m, useEffect as v } from "react";
+import { R as p, S as h } from "./index-_1f6rhg6.js";
+const S = ({}) => {
+  const [n, u] = m(), [f, r] = m(), { data: e } = p.viewer.appBasecamp3.projects.useQuery(), d = p.viewer.appBasecamp3.projectMutation.useMutation();
+  return v(
+    function() {
+      var a, i, l;
+      r({
+        value: e == null ? void 0 : e.projects.currentProject,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        label: (i = (a = e == null ? void 0 : e.projects) == null ? void 0 : a.find((s) => s.id === (e == null ? void 0 : e.currentProject))) == null ? void 0 : i.name
+      }), u(
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (l = e == null ? void 0 : e.projects) == null ? void 0 : l.map((s) => ({
+          value: s.id,
+          label: s.name
+        }))
+      );
+    },
+    [e]
+  ), /* @__PURE__ */ o("div", { className: "mt-2 text-sm", children: [
+    /* @__PURE__ */ o("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ c("div", { className: "items-center", children: /* @__PURE__ */ c("p", { className: "py-2", children: "Link a Basecamp project to this event:" }) }),
+      /* @__PURE__ */ c(
+        h,
+        {
+          placeholder: "Select project",
+          options: n,
+          isLoading: !n,
+          className: "md:min-w-[120px]",
+          onChange: (t) => {
+            t && (d.mutate({ projectId: t == null ? void 0 : t.value.toString() }), r(t));
+          },
+          value: f
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mt-2", children: [
+      "Please note that as of now you can only link ",
+      /* @__PURE__ */ c("span", { className: "italic", children: "one" }),
+      " of your projects to cal.com"
+    ] })
+  ] });
+};
+export {
+  S as default
+};

package/dist/{EventTypeAppSettingsInterface-CJVHdj5Z.js → EventTypeAppSettingsInterface-eJdqCSck.js}

@@ -1,6 +1,7 @@
-import { z as C, x as l, O as b, k as F, S as O } from "./index-xyF3DZet.js";
+import { jsxs as u, Fragment as o, jsx as n } from "react/jsx-runtime";
 import { useState as k, useEffect as P } from "react";
-const y = [
+import { y as x, N as p, k as w, S as K } from "./index-_1f6rhg6.js";
+const h = [
   "BIF",
   "CLP",
   "DJF",
@@ -17,7 +18,7 @@ const y = [
   "XAF",
   "XOF",
   "XPF"
-], j = (e, n) => y.includes(n.toUpperCase()) ? e : Math.round(e * 100), w = (e, n) => y.includes(n.toUpperCase()) ? e : e / 100, K = [
+], U = (e, a) => h.includes(a.toUpperCase()) ? e : Math.round(e * 100), _ = (e, a) => h.includes(a.toUpperCase()) ? e : e / 100, V = [
   {
     label: "on_booking_option",
     value: "ON_BOOKING"
@@ -44,41 +45,41 @@ const y = [
   { label: "Vietnamese đồng (VND)", value: "vnd" },
   { label: "Canadian dollar (CAD)", value: "cad" },
   { label: "South Korean won (KRW)", value: "krw" }
-], V = ({
+], R = ({
   getAppData: e,
-  setAppData: n,
-  disabled: p,
-  eventType: u
+  setAppData: a,
+  disabled: f,
+  eventType: d
 }) => {
-  var m;
-  const o = e("price"), t = e("currency") || r[0].value, [s, h] = k(
-    r.find((a) => a.value === t) || {
+  var b;
+  const m = e("price"), t = e("currency") || r[0].value, [i, g] = k(
+    r.find((l) => l.value === t) || {
       label: r[0].label,
       value: r[0].value
     }
-  ), f = e("paymentOption"), c = e("enabled"), { t: i } = C(), d = ((m = u.recurringEvent) == null ? void 0 : m.count) !== void 0, g = !!u.seatsPerTimeSlot, x = (a, v) => 0 .toLocaleString(a, {
+  ), N = e("paymentOption"), c = e("enabled"), { t: s } = x(), v = ((b = d.recurringEvent) == null ? void 0 : b.count) !== void 0, S = !!d.seatsPerTimeSlot, C = (l, y) => 0 .toLocaleString(l, {
     style: "currency",
-    currency: v,
+    currency: y,
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   }).replace(/\d/g, "").trim();
   P(() => {
-    c && (e("currency") || n("currency", r[0].value), e("paymentOption") || n("paymentOption", K[0].value));
-  }, [c, e, n]);
-  const S = (a) => {
-    const N = Math.floor(a).toString();
-    return parseInt(N);
+    c && (e("currency") || a("currency", r[0].value), e("paymentOption") || a("paymentOption", V[0].value));
+  }, [c, e, a]);
+  const F = (l) => {
+    const O = Math.floor(l).toString();
+    return parseInt(O);
   };
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    d && /* @__PURE__ */ l.jsx(b, { className: "mt-2", severity: "warning", title: i("warning_recurring_event_payment") }),
-    !d && c && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      /* @__PURE__ */ l.jsx("div", { className: "mt-4 block items-center justify-start sm:flex sm:space-x-2", children: /* @__PURE__ */ l.jsx(
-        F,
+  return /* @__PURE__ */ u(o, { children: [
+    v && /* @__PURE__ */ n(p, { className: "mt-2", severity: "warning", title: s("warning_recurring_event_payment") }),
+    !v && c && /* @__PURE__ */ u(o, { children: [
+      /* @__PURE__ */ n("div", { className: "mt-4 block items-center justify-start sm:flex sm:space-x-2", children: /* @__PURE__ */ n(
+        w,
         {
           "data-testid": "stripe-price-input",
-          label: i("price"),
+          label: s("price"),
           className: "h-[38px]",
-          addOnLeading: /* @__PURE__ */ l.jsx(l.Fragment, { children: s.value ? x("en", s.value) : "" }),
+          addOnLeading: /* @__PURE__ */ n(o, { children: i.value ? C("en", i.value) : "" }),
           addOnSuffix: t.toUpperCase(),
           addOnClassname: "h-[38px]",
           step: "1",
@@ -86,34 +87,34 @@ const y = [
           type: "number",
           required: !0,
           placeholder: "Price",
-          disabled: p,
-          onChange: (a) => {
-            n("price", j(Number(a.target.value), t));
+          disabled: f,
+          onChange: (l) => {
+            a("price", U(Number(l.target.value), t));
           },
-          value: o > 0 ? S(w(o, t)) : void 0
+          value: m > 0 ? F(_(m, t)) : void 0
         }
       ) }),
-      /* @__PURE__ */ l.jsxs("div", { className: "mt-5 w-60", children: [
-        /* @__PURE__ */ l.jsx("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: i("currency") }),
-        /* @__PURE__ */ l.jsx(
-          O,
+      /* @__PURE__ */ u("div", { className: "mt-5 w-60", children: [
+        /* @__PURE__ */ n("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: s("currency") }),
+        /* @__PURE__ */ n(
+          K,
           {
             "data-testid": "stripe-currency-select",
             variant: "default",
             options: r,
-            value: s,
+            value: i,
             className: "text-black",
-            defaultValue: s,
-            onChange: (a) => {
-              a && (h(a), n("currency", a.value));
+            defaultValue: i,
+            onChange: (l) => {
+              l && (g(l), a("currency", l.value));
             }
           }
         )
       ] }),
-      g && f === "HOLD" && /* @__PURE__ */ l.jsx(b, { className: "mt-2", severity: "warning", title: i("seats_and_no_show_fee_error") })
+      S && N === "HOLD" && /* @__PURE__ */ n(p, { className: "mt-2", severity: "warning", title: s("seats_and_no_show_fee_error") })
     ] })
   ] });
 };
 export {
-  V as default
+  R as default
 };

package/dist/{EventTypeAppSettingsInterface-W6KdgBF4.js → EventTypeAppSettingsInterface-hI24Lgxv.js}

@@ -1,12 +1,13 @@
-import { x as i, k as s } from "./index-xyF3DZet.js";
-const c = ({
+import { jsx as i } from "react/jsx-runtime";
+import { k as g } from "./index-_1f6rhg6.js";
+const o = ({
   getAppData: t,
   setAppData: a,
   disabled: e
 }) => {
   const n = t("trackingId");
-  return /* @__PURE__ */ i.jsx(
-    s,
+  return /* @__PURE__ */ i(
+    g,
     {
       name: "Tracking ID",
       "data-testid": "gtm-tracking-id-input",
@@ -19,5 +20,5 @@ const c = ({
   );
 };
 export {
-  c as default
+  o as default
 };

package/dist/{EventTypeAppSettingsInterface-5MFFd8K-.js → EventTypeAppSettingsInterface-rDoWsnFN.js}

@@ -1,12 +1,13 @@
-import { x as s, k as i } from "./index-xyF3DZet.js";
-const g = ({
+import { jsx as i } from "react/jsx-runtime";
+import { k as o } from "./index-_1f6rhg6.js";
+const p = ({
   getAppData: t,
   setAppData: e,
   disabled: a
 }) => {
   const n = t("trackingId");
-  return /* @__PURE__ */ s.jsx(
-    i,
+  return /* @__PURE__ */ i(
+    o,
     {
       name: "Tracking ID",
       value: n,
@@ -18,5 +19,5 @@ const g = ({
   );
 };
 export {
-  g as default
+  p as default
 };

package/dist/EventTypeAppSettingsInterface-vOTw0emu.js

@@ -0,0 +1,72 @@
+import { jsx as l, Fragment as x, jsxs as o } from "react/jsx-runtime";
+import { useState as N, useEffect as w } from "react";
+import { y as _, a9 as t, N as g, k as C, a5 as P, S as p } from "./index-_1f6rhg6.js";
+const d = [{ label: "BTC", value: "BTC", unit: "sats" }], T = ({
+  eventType: b,
+  getAppData: s,
+  setAppData: a
+}) => {
+  var v, h;
+  const { t: n } = _(), i = s("price"), c = s("currency"), [r, S] = N(
+    d.find((e) => e.value === c) || d[0]
+  ), f = s("paymentOption"), u = ((v = t) == null ? void 0 : v.find((e) => f === e.value)) || {
+    label: t[0].label,
+    value: t[0].value
+  }, y = !!b.seatsPerTimeSlot, [m] = N(s("enabled")), O = ((h = b.recurringEvent) == null ? void 0 : h.count) !== void 0;
+  return w(() => {
+    !c && m && a("currency", r.value);
+  }, [c, r, a, m]), /* @__PURE__ */ l(x, { children: O ? /* @__PURE__ */ l(g, { className: "mt-2", severity: "warning", title: n("warning_recurring_event_payment") }) : m && /* @__PURE__ */ o(x, { children: [
+    /* @__PURE__ */ l("div", { className: "mt-2 block items-center sm:flex", children: /* @__PURE__ */ l(
+      C,
+      {
+        label: "Price",
+        labelSrOnly: !0,
+        addOnLeading: /* @__PURE__ */ l(P, { className: "h-4 w-4" }),
+        addOnSuffix: r.unit || r.value,
+        type: "number",
+        required: !0,
+        className: "block w-full rounded-sm border-gray-300 pl-2 pr-12 text-sm",
+        placeholder: "Price",
+        onChange: (e) => {
+          a("price", Number(e.target.value)), c && a("currency", c);
+        },
+        value: i && i > 0 ? i : void 0
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "mt-5 w-60", children: [
+      /* @__PURE__ */ l("label", { className: "text-default block text-sm font-medium", htmlFor: "currency", children: n("currency") }),
+      /* @__PURE__ */ l(
+        p,
+        {
+          variant: "default",
+          options: d,
+          value: r,
+          className: "text-black",
+          defaultValue: r,
+          onChange: (e) => {
+            e && (S(e), a("currency", e.value));
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "mt-2 w-60", children: [
+      /* @__PURE__ */ l("label", { className: "text-default block text-sm font-medium", htmlFor: "currency", children: "Payment option" }),
+      /* @__PURE__ */ l(
+        p,
+        {
+          defaultValue: u ? { ...u, label: n(u.label) } : { ...t[0], label: n(t[0].label) },
+          options: t.map((e) => ({ ...e, label: n(e.label) || e.label })),
+          onChange: (e) => {
+            e && a("paymentOption", e.value);
+          },
+          className: "mb-1 h-[38px] w-full",
+          isDisabled: y
+        }
+      )
+    ] }),
+    y && f === "HOLD" && /* @__PURE__ */ l(g, { className: "mt-2", severity: "warning", title: n("seats_and_no_show_fee_error") })
+  ] }) });
+};
+export {
+  T as default
+};

package/dist/EventTypeAppSettingsInterface-wRHYYE7a.js

@@ -0,0 +1,78 @@
+import { jsx as l, jsxs as m, Fragment as w } from "react/jsx-runtime";
+import { useState as o, useEffect as _ } from "react";
+import { c as i, i as k, a as S } from "./currencyOptions-kannG2hu.js";
+import { U as r, y as E, N as x, k as F, V as T, X as V, S as N } from "./index-_1f6rhg6.js";
+const I = ({
+  getAppData: n,
+  setAppData: t,
+  eventType: d
+}) => {
+  var p, h;
+  const y = n("price"), a = n("currency") || i[0].value, [s, O] = o(i.find((e) => e.value === a)), [C, P] = o(
+    k(a) ? S[a] : ""
+  ), f = n("paymentOption"), u = ((p = r) == null ? void 0 : p.find((e) => f === e.value)) || {
+    label: r[0].label,
+    value: r[0].value
+  }, b = !!d.seatsPerTimeSlot, [v, q] = o(n("enabled")), { t: c } = E(), g = ((h = d.recurringEvent) == null ? void 0 : h.count) !== void 0;
+  return _(() => {
+    v && (n("currency") || t("currency", i[0].value), n("paymentOption") || t("paymentOption", r[0].value));
+  }, []), g ? /* @__PURE__ */ l(x, { className: "mt-2", severity: "warning", title: c("warning_recurring_event_payment") }) : v ? /* @__PURE__ */ m(w, { children: [
+    /* @__PURE__ */ l("div", { className: "mt-2 block items-center sm:flex", children: /* @__PURE__ */ l(
+      F,
+      {
+        label: "Price",
+        labelSrOnly: !0,
+        addOnLeading: C,
+        addOnSuffix: a,
+        step: "0.01",
+        min: "0.5",
+        type: "number",
+        required: !0,
+        className: "block w-full rounded-sm pl-2 text-sm",
+        placeholder: "Price",
+        "data-testid": "paypal-price-input",
+        onChange: (e) => {
+          t("price", T(Number(e.target.value), a)), s && t("currency", s.value);
+        },
+        value: y > 0 ? V(y, a) : void 0
+      }
+    ) }),
+    /* @__PURE__ */ m("div", { className: "mt-5 w-60", children: [
+      /* @__PURE__ */ l("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: c("currency") }),
+      /* @__PURE__ */ l(
+        N,
+        {
+          variant: "default",
+          "data-testid": "paypal-currency-select",
+          options: i,
+          value: s,
+          className: "text-black",
+          defaultValue: s,
+          onChange: (e) => {
+            e && (O(e), P(S[e.value]), t("currency", e.value));
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ m("div", { className: "mt-4 w-60", children: [
+      /* @__PURE__ */ l("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: "Payment option" }),
+      /* @__PURE__ */ l(
+        N,
+        {
+          "data-testid": "paypal-payment-option-select",
+          defaultValue: u ? { ...u, label: c(u.label) } : { ...r[0], label: c(r[0].label) },
+          options: r.map((e) => ({ ...e, label: c(e.label) || e.label })),
+          onChange: (e) => {
+            e && t("paymentOption", e.value);
+          },
+          className: "mb-1 h-[38px] w-full",
+          isDisabled: b
+        }
+      )
+    ] }),
+    b && f === "HOLD" && /* @__PURE__ */ l(x, { className: "mt-2", severity: "warning", title: c("seats_and_no_show_fee_error") })
+  ] }) : null;
+};
+export {
+  I as default
+};

package/dist/InstallAppButton-9T0Dl0KY.js

@@ -0,0 +1,14 @@
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { x as o } from "./index-_1f6rhg6.js";
+function d(t) {
+  const n = o("exchange2013_calendar");
+  return /* @__PURE__ */ e(a, { children: t.render({
+    onClick() {
+      n.mutate("");
+    },
+    loading: n.isPending
+  }) });
+}
+export {
+  d as default
+};

package/dist/InstallAppButton-J-143AmA.js

@@ -0,0 +1,14 @@
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { x as o } from "./index-_1f6rhg6.js";
+function d(t) {
+  const n = o("exchange2016_calendar");
+  return /* @__PURE__ */ e(a, { children: t.render({
+    onClick() {
+      n.mutate("");
+    },
+    loading: n.isPending
+  }) });
+}
+export {
+  d as default
+};

package/dist/{InstallAppButton-l1JAKXJ2.js → InstallAppButton-JXhBVaYJ.js}

@@ -1,7 +1,7 @@
-import { x as n } from "./index-xyF3DZet.js";
+import { jsx as i, Fragment as a } from "react/jsx-runtime";
 import { useState as s } from "react";
-function c(o) {
-  const r = async () => {
+function f(n) {
+  const o = async () => {
     const t = await fetch("/api/integrations/vital/token", {
       method: "POST",
       body: JSON.stringify({}),
@@ -12,18 +12,18 @@ function c(o) {
     if (!t.ok)
       throw new Error("Failed to get link token");
     return await t.json();
-  }, [i, e] = s(!1);
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: o.render({
+  }, [r, e] = s(!1);
+  return /* @__PURE__ */ i(a, { children: n.render({
     onClick() {
-      e(!0), r().then((t) => {
+      e(!0), o().then((t) => {
         e(!1), window.open(`${t.url}&token=${t.token}`, "_self");
       }).catch((t) => {
         e(!1), console.error(t);
       });
     },
-    loading: i
+    loading: r
   }) });
 }
 export {
-  c as default
+  f as default
 };

package/dist/InstallAppButton-qpMMTpVW.js

@@ -0,0 +1,58 @@
+import { jsxs as f, Fragment as l, jsx as m } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { x as d, at as E, W as g } from "./index-_1f6rhg6.js";
+var s = /* @__PURE__ */ ((n) => (n.ACCOUNTS_STEP = "accounts", n.EVENT_TYPES_STEP = "event-types", n.CONFIGURE_STEP = "configure", n))(s || {}), i = function(n) {
+  switch (typeof n) {
+    case "string":
+      return n;
+    case "boolean":
+      return n ? "true" : "false";
+    case "number":
+      return isFinite(n) ? n : "";
+    default:
+      return "";
+  }
+}, y = function(n, t, e, o) {
+  return t = t || "&", e = e || "=", n === null && (n = void 0), typeof n == "object" ? Object.keys(n).map(function(r) {
+    var a = encodeURIComponent(i(r)) + e;
+    return Array.isArray(n[r]) ? n[r].map(function(c) {
+      return a + encodeURIComponent(i(c));
+    }).join(t) : a + encodeURIComponent(i(n[r]));
+  }).filter(Boolean).join(t) : o ? encodeURIComponent(i(o)) + e + encodeURIComponent(i(n)) : "";
+}, u;
+u = y;
+const C = ({
+  slug: n,
+  step: t,
+  teamId: e
+}) => {
+  const o = { slug: n };
+  e && (o.teamId = e);
+  const r = u(o);
+  return `/apps/installation/${t}?${r}`;
+};
+function I(n) {
+  const [t, e] = p(!1), o = d(null), r = () => {
+    o.mutate({
+      type: "office365_video",
+      variant: "conferencing",
+      slug: "msteams",
+      returnTo: g + C({
+        slug: "msteams",
+        step: s.EVENT_TYPES_STEP
+      })
+    });
+  };
+  return /* @__PURE__ */ f(l, { children: [
+    n.render({
+      onClick() {
+        e(!0);
+      },
+      disabled: t
+    }),
+    /* @__PURE__ */ m(E, { open: t, onOpenChange: e, handleSubmit: r })
+  ] });
+}
+export {
+  I as default
+};