@calcom/atoms 1.0.97-beta-1 → 1.0.97-beta-3

package/dist/EventTypeAppSettingsInterface-jCOnJXVq.js

@@ -0,0 +1,42 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { k as s } from "./index-ykl8OQ78.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-rUp-tPsO.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-ykl8OQ78.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-2wY9yPcf.js → EventTypeAppSettingsInterface-sOLaF1pR.js}

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

package/dist/{EventTypeAppSettingsInterface-eKcoM9Xa.js → EventTypeAppSettingsInterface-v8a7XnIr.js}

@@ -1,12 +1,13 @@
-import { x as i, k as s } from "./index-M6WUZF2M.js";
-const c = ({
+import { jsx as i } from "react/jsx-runtime";
+import { k as g } from "./index-ykl8OQ78.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-Fn4VS9pl.js → EventTypeAppSettingsInterface-xlYsU6Vi.js}

@@ -1,6 +1,7 @@
-import { ab as b, z as D, ac as u, x as l, O as S, k as C, X as R, Y as M, S as m, ad as L, ae as k, _ as P, af as T, ag as F } from "./index-M6WUZF2M.js";
-import { useState as O, useEffect as E } from "react";
-const i = [
+import { jsxs as u, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { aa as d, y as L, ab as i, N as P, k as w, V as T, X as O, S as y, ac as E, ad as x, Z as B, ae as F, af as K } from "./index-ykl8OQ78.js";
+import { useState as z, useEffect as G } from "react";
+const s = [
   { label: "United States dollar (USD)", value: "usd" },
   { label: "United Arab Emirates dirham (AED)", value: "aed" },
   { label: "Afghan afghani (AFN)", value: "afn" },
@@ -135,151 +136,151 @@ const i = [
   { label: "Yemeni rial (YER)", value: "yer" },
   { label: "South African rand (ZAR)", value: "zar" },
   { label: "Zambian kwacha (ZMW)", value: "zmw" }
-], G = ({
+], V = ({
   getAppData: r,
   setAppData: e,
-  disabled: s,
-  eventType: f
+  disabled: b,
+  eventType: h
 }) => {
-  var N;
-  const y = r("price"), d = r("currency") || i[0].value, [o, w] = O(
-    i.find((a) => a.value === d) || {
-      label: i[0].label,
-      value: i[0].value
+  var k;
+  const g = r("price"), o = r("currency") || s[0].value, [t, D] = z(
+    s.find((a) => a.value === o) || {
+      label: s[0].label,
+      value: s[0].value
     }
-  ), t = r("paymentOption"), v = b.find((a) => t === a.value), c = r("enabled"), g = () => p.find((a) => a.value === (r("refundCountCalendarDays") === !0 ? 1 : 0)), { t: n } = D(), h = ((N = f.recurringEvent) == null ? void 0 : N.count) !== void 0, x = !!f.seatsPerTimeSlot, j = (a, B) => 0 .toLocaleString(a, {
+  ), v = r("paymentOption"), c = d.find((a) => v === a.value), m = r("enabled"), p = () => C.find((a) => a.value === (r("refundCountCalendarDays") === !0 ? 1 : 0)), { t: n } = L(), N = ((k = h.recurringEvent) == null ? void 0 : k.count) !== void 0, S = !!h.seatsPerTimeSlot, R = (a, M) => 0 .toLocaleString(a, {
     style: "currency",
-    currency: B,
+    currency: M,
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   }).replace(/\d/g, "").trim();
-  E(() => {
-    c && (r("currency") || e("currency", i[0].value), r("paymentOption") || e("paymentOption", b[0].value)), r("refundPolicy") || e("refundPolicy", u.NEVER);
-  }, [c, r, e]);
-  const p = [
+  G(() => {
+    m && (r("currency") || e("currency", s[0].value), r("paymentOption") || e("paymentOption", d[0].value)), r("refundPolicy") || e("refundPolicy", i.NEVER);
+  }, [m, r, e]);
+  const C = [
     { value: 0, label: n("business_days") },
     { value: 1, label: n("calendar_days") }
   ];
-  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    h && /* @__PURE__ */ l.jsx(S, { className: "mt-2", severity: "warning", title: n("warning_recurring_event_payment") }),
-    !h && 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(
-        C,
+  return /* @__PURE__ */ u(f, { children: [
+    N && /* @__PURE__ */ l(P, { className: "mt-2", severity: "warning", title: n("warning_recurring_event_payment") }),
+    !N && m && /* @__PURE__ */ u(f, { children: [
+      /* @__PURE__ */ l("div", { className: "mt-4 block items-center justify-start sm:flex sm:space-x-2", children: /* @__PURE__ */ l(
+        w,
         {
           "data-testid": "stripe-price-input",
           label: n("price"),
           className: "h-[38px]",
-          addOnLeading: /* @__PURE__ */ l.jsx(l.Fragment, { children: o.value ? j("en", o.value) : "" }),
-          addOnSuffix: d.toUpperCase(),
+          addOnLeading: /* @__PURE__ */ l(f, { children: t.value ? R("en", t.value) : "" }),
+          addOnSuffix: o.toUpperCase(),
           addOnClassname: "h-[38px]",
           step: "0.01",
           min: "0.5",
           type: "number",
           required: !0,
           placeholder: "Price",
-          disabled: s,
+          disabled: b,
           onChange: (a) => {
-            e("price", R(Number(a.target.value), d));
+            e("price", T(Number(a.target.value), o));
           },
-          value: y > 0 ? M(y, d) : void 0
+          value: g > 0 ? O(g, o) : 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: n("currency") }),
-        /* @__PURE__ */ l.jsx(
-          m,
+      /* @__PURE__ */ u("div", { className: "mt-5 w-60", children: [
+        /* @__PURE__ */ l("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: n("currency") }),
+        /* @__PURE__ */ l(
+          y,
           {
             "data-testid": "stripe-currency-select",
             variant: "default",
-            options: i,
+            options: s,
             innerClassNames: {
               input: "stripe-currency-input"
             },
-            value: o,
+            value: t,
             className: "text-black",
-            defaultValue: o,
+            defaultValue: t,
             onChange: (a) => {
-              a && (w(a), e("currency", a.value));
+              a && (D(a), e("currency", a.value));
             }
           }
         )
       ] }),
-      /* @__PURE__ */ l.jsxs("div", { className: "mt-4 w-60", children: [
-        /* @__PURE__ */ l.jsx("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: n("payment_option") }),
-        /* @__PURE__ */ l.jsx(
-          m,
+      /* @__PURE__ */ u("div", { className: "mt-4 w-60", children: [
+        /* @__PURE__ */ l("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: n("payment_option") }),
+        /* @__PURE__ */ l(
+          y,
           {
             "data-testid": "stripe-payment-option-select",
-            defaultValue: v ? { ...v, label: n(v.label) } : { ...b[0], label: n(b[0].label) },
-            options: b.map((a) => ({ ...a, label: n(a.label) || a.label })),
+            defaultValue: c ? { ...c, label: n(c.label) } : { ...d[0], label: n(d[0].label) },
+            options: d.map((a) => ({ ...a, label: n(a.label) || a.label })),
             onChange: (a) => {
-              a && (e("paymentOption", a.value), a.value === "HOLD" && (e("refundPolicy", u.NEVER), e("refundDaysCount", void 0), e("refundCountCalendarDays", void 0)));
+              a && (e("paymentOption", a.value), a.value === "HOLD" && (e("refundPolicy", i.NEVER), e("refundDaysCount", void 0), e("refundCountCalendarDays", void 0)));
             },
             className: "mb-1 h-[38px] w-full",
-            isDisabled: x || s
+            isDisabled: S || b
           }
         )
       ] }),
-      x && t === "HOLD" && /* @__PURE__ */ l.jsx(S, { className: "mt-2", severity: "warning", title: n("seats_and_no_show_fee_error") }),
-      t !== "HOLD" && /* @__PURE__ */ l.jsxs("div", { className: "mt-4 w-full", children: [
-        /* @__PURE__ */ l.jsx("label", { className: "text-default mb-1 block text-sm font-medium", children: n("refund_policy") }),
-        /* @__PURE__ */ l.jsxs(
-          L,
+      S && v === "HOLD" && /* @__PURE__ */ l(P, { className: "mt-2", severity: "warning", title: n("seats_and_no_show_fee_error") }),
+      v !== "HOLD" && /* @__PURE__ */ u("div", { className: "mt-4 w-full", children: [
+        /* @__PURE__ */ l("label", { className: "text-default mb-1 block text-sm font-medium", children: n("refund_policy") }),
+        /* @__PURE__ */ u(
+          E,
           {
-            disabled: s || t === "HOLD",
+            disabled: b || v === "HOLD",
             defaultValue: "never",
             className: "flex flex-col space-y-2",
             value: r("refundPolicy"),
             onValueChange: (a) => {
-              e("refundPolicy", a), a !== u.DAYS && (e("refundDaysCount", void 0), e("refundCountCalendarDays", void 0));
+              e("refundPolicy", a), a !== i.DAYS && (e("refundDaysCount", void 0), e("refundCountCalendarDays", void 0));
             },
             children: [
-              /* @__PURE__ */ l.jsx(k, { className: "w-fit", value: u.ALWAYS, label: n("always"), id: "always" }),
-              /* @__PURE__ */ l.jsx(k, { className: "w-fit", value: u.NEVER, label: n("never"), id: "never" }),
-              /* @__PURE__ */ l.jsxs("div", { className: P("text-default mb-2 flex flex-wrap items-center text-sm"), children: [
-                /* @__PURE__ */ l.jsx(
-                  T,
+              /* @__PURE__ */ l(x, { className: "w-fit", value: i.ALWAYS, label: n("always"), id: "always" }),
+              /* @__PURE__ */ l(x, { className: "w-fit", value: i.NEVER, label: n("never"), id: "never" }),
+              /* @__PURE__ */ u("div", { className: B("text-default mb-2 flex flex-wrap items-center text-sm"), children: [
+                /* @__PURE__ */ l(
+                  F,
                   {
                     className: "min-w-4 bg-default border-default flex h-4 w-4 cursor-pointer items-center rounded-full border focus:border-2 focus:outline-none ltr:mr-2 rtl:ml-2",
                     value: "days",
                     id: "days",
-                    children: /* @__PURE__ */ l.jsx(F, { className: "after:bg-inverted relative flex h-4 w-4 items-center justify-center after:block after:h-2 after:w-2 after:rounded-full" })
+                    children: /* @__PURE__ */ l(K, { className: "after:bg-inverted relative flex h-4 w-4 items-center justify-center after:block after:h-2 after:w-2 after:rounded-full" })
                   }
                 ),
-                /* @__PURE__ */ l.jsxs("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ l.jsxs("span", { className: "me-2 ms-2", children: [
+                /* @__PURE__ */ u("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ u("span", { className: "me-2 ms-2", children: [
                     " ",
                     n("if_cancelled")
                   ] }),
-                  /* @__PURE__ */ l.jsx(
-                    C,
+                  /* @__PURE__ */ l(
+                    w,
                     {
                       labelSrOnly: !0,
                       type: "number",
-                      className: P(
+                      className: B(
                         "border-default my-0 block w-16 text-sm [appearance:textfield] ltr:mr-2 rtl:ml-2"
                       ),
                       placeholder: "2",
-                      disabled: s,
+                      disabled: b,
                       min: 0,
                       defaultValue: r("refundDaysCount"),
-                      required: r("refundPolicy") === u.DAYS,
+                      required: r("refundPolicy") === i.DAYS,
                       value: r("refundDaysCount") ?? "",
                       onChange: (a) => e("refundDaysCount", parseInt(a.currentTarget.value))
                     }
                   ),
-                  /* @__PURE__ */ l.jsx(
-                    m,
+                  /* @__PURE__ */ l(
+                    y,
                     {
-                      options: p,
+                      options: C,
                       isSearchable: !1,
-                      isDisabled: s,
+                      isDisabled: b,
                       onChange: (a) => e("refundCountCalendarDays", (a == null ? void 0 : a.value) === 1),
-                      value: g(),
-                      defaultValue: g()
+                      value: p(),
+                      defaultValue: p()
                     }
                   ),
-                  /* @__PURE__ */ l.jsxs("span", { className: "me-2 ms-2", children: [
+                  /* @__PURE__ */ u("span", { className: "me-2 ms-2", children: [
                     " ",
                     n("before")
                   ] })
@@ -293,5 +294,5 @@ const i = [
   ] });
 };
 export {
-  G as default
+  V as default
 };

package/dist/InstallAppButton-34JAPxwK.js

@@ -0,0 +1,14 @@
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { x as o } from "./index-ykl8OQ78.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-Ho1cJkMm.js → InstallAppButton-JXhBVaYJ.js}

@@ -1,7 +1,7 @@
-import { x as n } from "./index-M6WUZF2M.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-ihX89_K4.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-ykl8OQ78.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
+};

package/dist/InstallAppButton-zjD9dbE7.js

@@ -0,0 +1,14 @@
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { x as o } from "./index-ykl8OQ78.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
+};