@calcom/atoms 1.0.96 → 1.0.97-beta-2

package/dist/EventTypeAppCardInterface-3A0BLKpG.js

@@ -0,0 +1,34 @@
+import { jsx as i } from "react/jsx-runtime";
+import { J as m, y as f } from "./index-jTqJooNt.js";
+import { A as l } from "./AppCard-9m9p6YSL.js";
+import { u } from "./useIsAppEnabled-1m8rIQ8P.js";
+import A from "./EventTypeAppSettingsInterface-P6VrsG5d.js";
+const w = function({ app: t, eventType: e }) {
+  var o;
+  const { getAppData: s, setAppData: a, disabled: p } = m(), { enabled: n, updateEnabled: r } = u(t), { t: c } = f();
+  return /* @__PURE__ */ i(
+    l,
+    {
+      app: t,
+      description: c("confirmation_page_gif"),
+      switchOnClick: (d) => {
+        r(d);
+      },
+      switchChecked: n,
+      teamId: ((o = e.team) == null ? void 0 : o.id) || void 0,
+      children: /* @__PURE__ */ i(
+        A,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: p,
+          getAppData: s,
+          setAppData: a
+        }
+      )
+    }
+  );
+};
+export {
+  w as default
+};

package/dist/EventTypeAppCardInterface-5wb9HPk4.js

@@ -0,0 +1,86 @@
+import { jsx as a, Fragment as o, jsxs as u } from "react/jsx-runtime";
+import { G as v, y as T, J as _, M as t, W as q, N as L, k as V, S as g } from "./index-jTqJooNt.js";
+import { useMemo as W, useState as p } from "react";
+import { A as $ } from "./AppCard-9m9p6YSL.js";
+import { c as x, i as j, a as C } from "./currencyOptions-kannG2hu.js";
+const z = function({ app: S, eventType: k }) {
+  var f, h;
+  const i = v.useSearchParams(), d = v.usePathname(), A = W(
+    () => `${d}${i ? `?${i.toString()}` : ""}`,
+    [d, i]
+  ), { t: n } = T(), { getAppData: r, setAppData: c } = _(), y = r("price"), l = r("currency"), N = r("paymentOption"), P = r("enabled"), [s, O] = p(x.find((e) => e.value === l)), [w, E] = p(
+    j(l) ? C[l] : ""
+  ), [b, D] = p(P), m = ((f = t) == null ? void 0 : f.find((e) => N === e.value)) || {
+    label: t[0].label,
+    value: t[0].value
+  }, F = ((h = k.recurringEvent) == null ? void 0 : h.count) !== void 0;
+  return /* @__PURE__ */ a(
+    $,
+    {
+      returnTo: q + A,
+      app: S,
+      switchChecked: b,
+      switchOnClick: (e) => {
+        D(e);
+      },
+      description: /* @__PURE__ */ a(o, { children: "Add a mock payment to your events" }),
+      children: /* @__PURE__ */ a(o, { children: F ? /* @__PURE__ */ a(L, { className: "mt-2", severity: "warning", title: n("warning_recurring_event_payment") }) : b && /* @__PURE__ */ u(o, { children: [
+        /* @__PURE__ */ a("div", { className: "mt-2 block items-center sm:flex", children: /* @__PURE__ */ a(
+          V,
+          {
+            id: "test-mock-payment-app-price",
+            label: "Price",
+            labelSrOnly: !0,
+            addOnLeading: w,
+            addOnSuffix: l,
+            step: "0.01",
+            min: "0.5",
+            type: "number",
+            required: !0,
+            className: "block w-full rounded-sm pl-2 text-sm",
+            placeholder: "Price",
+            onChange: (e) => {
+              c("price", Number(e.target.value) * 100), s && c("currency", s.value);
+            },
+            value: y > 0 ? y / 100 : void 0
+          }
+        ) }),
+        /* @__PURE__ */ u("div", { className: "mt-5 w-60", children: [
+          /* @__PURE__ */ a("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: n("currency") }),
+          /* @__PURE__ */ a(
+            g,
+            {
+              id: "test-mock-payment-app-currency-id",
+              variant: "default",
+              options: x,
+              value: s,
+              className: "text-black",
+              defaultValue: s,
+              onChange: (e) => {
+                e && (O(e), E(C[e.value]), c("currency", e.value));
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u("div", { className: "mt-4 w-60", children: [
+          /* @__PURE__ */ a("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: "Payment option" }),
+          /* @__PURE__ */ a(
+            g,
+            {
+              defaultValue: m ? { ...m, label: n(m.label) } : { ...t[0], label: n(t[0].label) },
+              options: t.map((e) => ({ ...e, label: n(e.label) || e.label })),
+              onChange: (e) => {
+                e && c("paymentOption", e.value);
+              },
+              className: "mb-1 h-[38px] w-full",
+              isDisabled: !1
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
+};
+export {
+  z as default
+};

package/dist/EventTypeAppCardInterface-9_6R5KQl.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import { G as d, W as i } from "./index-jTqJooNt.js";
+import { A as m } from "./AppCard-9m9p6YSL.js";
+import { u } from "./useIsAppEnabled-1m8rIQ8P.js";
+const l = function({ app: t, eventType: e }) {
+  var a;
+  const p = d.usePathname(), { enabled: n, updateEnabled: r } = u(t);
+  return /* @__PURE__ */ s(
+    m,
+    {
+      returnTo: `${i}${p}?tabName=apps`,
+      app: t,
+      teamId: ((a = e.team) == null ? void 0 : a.id) || void 0,
+      switchOnClick: (o) => {
+        r(o);
+      },
+      switchChecked: n,
+      hideAppCardOptions: !0
+    }
+  );
+};
+export {
+  l as default
+};

package/dist/EventTypeAppCardInterface-E9mqlk3L.js

@@ -0,0 +1,39 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { J as m, a4 as o } from "./index-jTqJooNt.js";
+import { A as u } from "./AppCard-9m9p6YSL.js";
+import { u as h } from "./useIsAppEnabled-1m8rIQ8P.js";
+const E = function({ eventType: a, app: s }) {
+  var n;
+  const { getAppData: l, setAppData: i } = m(), p = l("isSunrise"), { enabled: c, updateEnabled: r } = h(s);
+  return /* @__PURE__ */ t(
+    u,
+    {
+      app: s,
+      switchOnClick: (d) => {
+        d ? (r(!0), i("isSunrise", !0)) : (r(!1), i("isSunrise", !1));
+      },
+      switchChecked: c,
+      teamId: ((n = a.team) == null ? void 0 : n.id) || void 0,
+      children: /* @__PURE__ */ e("div", { className: "mt-2 text-sm", children: [
+        /* @__PURE__ */ e("div", { className: "flex", children: [
+          /* @__PURE__ */ t("span", { className: "ltr:mr-2 rtl:ml-2", children: /* @__PURE__ */ t(o, { name: p ? "sunrise" : "sunset" }) }),
+          "I am an AppCard for Event with Title: ",
+          a.title
+        ] }),
+        " ",
+        /* @__PURE__ */ e("div", { className: "mt-2", children: [
+          "Edit ",
+          /* @__PURE__ */ e("span", { className: "italic", children: [
+            "packages/app-store/",
+            s.slug,
+            "/EventTypeAppCardInterface.tsx"
+          ] }),
+          " to play with me"
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/EventTypeAppCardInterface-Ez8jijO4.js

@@ -0,0 +1,42 @@
+import { jsx as e, Fragment as p } from "react/jsx-runtime";
+import { G as i, J as f, K as g, y as S, W as b } from "./index-jTqJooNt.js";
+import { useMemo as v, useState as C } from "react";
+import { A as w } from "./AppCard-9m9p6YSL.js";
+import E from "./EventTypeAppSettingsInterface-10UpznIO.js";
+const $ = function({
+  app: a,
+  eventType: c,
+  eventTypeFormMetadata: m
+}) {
+  const t = i.useSearchParams(), s = i.usePathname(), h = v(
+    () => `${s}${t ? `?${t.toString()}` : ""}`,
+    [s, t]
+  ), { getAppData: n, setAppData: d, disabled: l } = f(), [o, u] = C(n("enabled")), y = g(m), { t: A } = S(), r = !o && y;
+  return /* @__PURE__ */ e(
+    w,
+    {
+      returnTo: b + h,
+      app: a,
+      switchChecked: o,
+      switchOnClick: (P) => {
+        u(P);
+      },
+      description: /* @__PURE__ */ e(p, { children: "Add Paypal payment to your events" }),
+      disableSwitch: r,
+      switchTooltip: r ? A("other_payment_app_enabled") : void 0,
+      children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        E,
+        {
+          eventType: c,
+          slug: a.slug,
+          disabled: l,
+          getAppData: n,
+          setAppData: d
+        }
+      ) })
+    }
+  );
+};
+export {
+  $ as default
+};

package/dist/EventTypeAppCardInterface-HpWHgRBK.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { J as m } from "./index-jTqJooNt.js";
+import { A as c } from "./AppCard-9m9p6YSL.js";
+import { u } from "./useIsAppEnabled-1m8rIQ8P.js";
+import l from "./EventTypeAppSettingsInterface-XXAdH79U.js";
+const b = function({ app: t, eventType: e }) {
+  var p;
+  const { getAppData: r, setAppData: s, disabled: n } = m(), { enabled: o, updateEnabled: i } = u(t);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: (d) => {
+        i(d);
+      },
+      switchChecked: o,
+      teamId: ((p = e.team) == null ? void 0 : p.id) || void 0,
+      children: /* @__PURE__ */ a(
+        l,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: n,
+          getAppData: r,
+          setAppData: s
+        }
+      )
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/EventTypeAppCardInterface-IN5BDME5.js

@@ -0,0 +1,49 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { J as h, k as n } from "./index-jTqJooNt.js";
+import { A as I } from "./AppCard-9m9p6YSL.js";
+import { u as C } from "./useIsAppEnabled-1m8rIQ8P.js";
+const R = function({ app: s, eventType: o }) {
+  var i;
+  const { getAppData: p, setAppData: r, disabled: t } = h(), c = p("SITE_ID"), d = p("SCRIPT_URL"), { enabled: l, updateEnabled: u } = C(s);
+  return /* @__PURE__ */ a(
+    I,
+    {
+      app: s,
+      switchOnClick: (e) => {
+        u(e);
+      },
+      switchChecked: l,
+      teamId: ((i = o.team) == null ? void 0 : i.id) || void 0,
+      children: /* @__PURE__ */ m("fieldset", { className: "space-y-2", disabled: t, children: [
+        /* @__PURE__ */ a(
+          n,
+          {
+            disabled: t,
+            name: "Script URL",
+            value: d,
+            defaultValue: "https://us.umami.is/script.js",
+            placeholder: "Enter the script source URL",
+            onChange: (e) => {
+              r("SCRIPT_URL", e.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ a(
+          n,
+          {
+            disabled: t,
+            name: "Site ID",
+            value: c,
+            placeholder: "Enter your Site ID",
+            onChange: (e) => {
+              r("SITE_ID", e.target.value);
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  R as default
+};

package/dist/EventTypeAppCardInterface-J-UrzGuv.js

@@ -0,0 +1,51 @@
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { J as h, k as n } from "./index-jTqJooNt.js";
+import { A } from "./AppCard-9m9p6YSL.js";
+import { u as I } from "./useIsAppEnabled-1m8rIQ8P.js";
+const E = function({ app: t, eventType: i }) {
+  var d;
+  const { getAppData: o, setAppData: s, disabled: r } = h(), l = o("MATOMO_URL"), p = o("SITE_ID"), { enabled: c, updateEnabled: m } = I(t);
+  return /* @__PURE__ */ a(
+    A,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: (e) => {
+        m(e);
+      },
+      switchChecked: c,
+      teamId: ((d = i.team) == null ? void 0 : d.id) || void 0,
+      children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ a(
+          n,
+          {
+            dataTestid: `${t.slug}-url`,
+            name: "Matomo URL",
+            placeholder: "Enter your Matomo URL here",
+            value: l,
+            disabled: r,
+            onChange: (e) => {
+              s("MATOMO_URL", e.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ a(
+          n,
+          {
+            dataTestid: `${t.slug}-site-id`,
+            disabled: r,
+            name: "Site ID",
+            placeholder: "Enter your Site ID",
+            value: p,
+            onChange: (e) => {
+              s("SITE_ID", e.target.value);
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/EventTypeAppCardInterface-KTeZawOA.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { J as m } from "./index-jTqJooNt.js";
+import { A as c } from "./AppCard-9m9p6YSL.js";
+import { u } from "./useIsAppEnabled-1m8rIQ8P.js";
+import l from "./EventTypeAppSettingsInterface-TYPdYPPl.js";
+const b = function({ app: t, eventType: e }) {
+  var p;
+  const { getAppData: r, setAppData: s, disabled: n } = m(), { enabled: o, updateEnabled: i } = u(t);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: (d) => {
+        i(d);
+      },
+      switchChecked: o,
+      teamId: ((p = e.team) == null ? void 0 : p.id) || void 0,
+      children: /* @__PURE__ */ a(
+        l,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: n,
+          getAppData: r,
+          setAppData: s
+        }
+      )
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/EventTypeAppCardInterface-NPXzuwrD.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { J as m } from "./index-jTqJooNt.js";
+import { A as c } from "./AppCard-9m9p6YSL.js";
+import { u } from "./useIsAppEnabled-1m8rIQ8P.js";
+import l from "./EventTypeAppSettingsInterface-jq-VsbFe.js";
+const b = function({ app: t, eventType: e }) {
+  var p;
+  const { getAppData: r, setAppData: s, disabled: n } = m(), { enabled: o, updateEnabled: i } = u(t);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: (d) => {
+        i(d);
+      },
+      switchChecked: o,
+      teamId: ((p = e.team) == null ? void 0 : p.id) || void 0,
+      children: /* @__PURE__ */ a(
+        l,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: n,
+          getAppData: r,
+          setAppData: s
+        }
+      )
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/EventTypeAppCardInterface-RWqrIPbF.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { J as m } from "./index-jTqJooNt.js";
+import { A as c } from "./AppCard-9m9p6YSL.js";
+import { u } from "./useIsAppEnabled-1m8rIQ8P.js";
+import l from "./EventTypeAppSettingsInterface-NnKlcbB9.js";
+const b = function({ app: t, eventType: e }) {
+  var p;
+  const { getAppData: r, setAppData: s, disabled: n } = m(), { enabled: o, updateEnabled: i } = u(t);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: (d) => {
+        i(d);
+      },
+      switchChecked: o,
+      teamId: ((p = e.team) == null ? void 0 : p.id) || void 0,
+      children: /* @__PURE__ */ a(
+        l,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: n,
+          getAppData: r,
+          setAppData: s
+        }
+      )
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/EventTypeAppCardInterface-SveyRKGJ.js

@@ -0,0 +1,33 @@
+import { jsx as a } from "react/jsx-runtime";
+import { J as m } from "./index-jTqJooNt.js";
+import { A as c } from "./AppCard-9m9p6YSL.js";
+import { u as l } from "./useIsAppEnabled-1m8rIQ8P.js";
+import u from "./EventTypeAppSettingsInterface-ubeZQTeO.js";
+const g = function({ eventType: e, app: t }) {
+  var p;
+  const { enabled: r, updateEnabled: s } = l(t), { disabled: o, getAppData: n, setAppData: d } = m();
+  return /* @__PURE__ */ a(
+    c,
+    {
+      app: t,
+      switchOnClick: (i) => {
+        s(i);
+      },
+      switchChecked: r,
+      teamId: ((p = e.team) == null ? void 0 : p.id) || void 0,
+      children: /* @__PURE__ */ a(
+        u,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: o,
+          getAppData: n,
+          setAppData: d
+        }
+      )
+    }
+  );
+};
+export {
+  g as default
+};

package/dist/EventTypeAppCardInterface-W9_JNxow.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { y as b, G as f, J as y, K as E, W as P } from "./index-jTqJooNt.js";
+import { useState as C } from "react";
+import { A as g } from "./AppCard-9m9p6YSL.js";
+import { u as v } from "./useIsAppEnabled-1m8rIQ8P.js";
+import w from "./EventTypeAppSettingsInterface-ZKoyhNO9.js";
+const q = function({
+  app: e,
+  eventType: t,
+  eventTypeFormMetadata: p
+}) {
+  var n;
+  const { t: i } = b(), r = f.usePathname(), { getAppData: a, setAppData: m, disabled: c } = y(), { enabled: d, updateEnabled: l } = v(e), u = E(p), [h, T] = C(a("enabled")), s = !h && u;
+  return /* @__PURE__ */ o(
+    g,
+    {
+      returnTo: `${P}${r}?tabName=apps`,
+      app: e,
+      switchChecked: d,
+      switchOnClick: (A) => {
+        l(A);
+      },
+      teamId: ((n = t.team) == null ? void 0 : n.id) || void 0,
+      disableSwitch: s,
+      switchTooltip: s ? i("other_payment_app_enabled") : void 0,
+      children: /* @__PURE__ */ o(
+        w,
+        {
+          eventType: t,
+          slug: e.slug,
+          disabled: c,
+          getAppData: a,
+          setAppData: m
+        }
+      )
+    }
+  );
+};
+export {
+  q as default
+};

package/dist/EventTypeAppCardInterface-WQmKWesQ.js

@@ -0,0 +1,51 @@
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { J as m, k as p } from "./index-jTqJooNt.js";
+import { A } from "./AppCard-9m9p6YSL.js";
+import { u as I } from "./useIsAppEnabled-1m8rIQ8P.js";
+const x = function({ app: a, eventType: s }) {
+  var i;
+  const { getAppData: r, setAppData: n, disabled: o } = m(), d = r("TRACKING_ID"), l = r("API_HOST"), { enabled: c, updateEnabled: u } = I(a);
+  return /* @__PURE__ */ t(
+    A,
+    {
+      hideSettingsIcon: !0,
+      app: a,
+      switchOnClick: (e) => {
+        u(e);
+      },
+      switchChecked: c,
+      teamId: ((i = s.team) == null ? void 0 : i.id) || void 0,
+      children: /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ t(
+          p,
+          {
+            required: !0,
+            disabled: o,
+            name: "Tracking ID",
+            value: d,
+            placeholder: "Enter your Tracking ID",
+            onChange: (e) => {
+              n("TRACKING_ID", e.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          p,
+          {
+            required: !0,
+            disabled: o,
+            name: "Api host",
+            value: l,
+            placeholder: "Enter your Api host url",
+            onChange: (e) => {
+              n("API_HOST", e.target.value);
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  x as default
+};

package/dist/EventTypeAppCardInterface-XsjP04H8.js

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import { J as d } from "./index-jTqJooNt.js";
+import { A as m } from "./AppCard-9m9p6YSL.js";
+import { u as c } from "./useIsAppEnabled-1m8rIQ8P.js";
+import u from "./EventTypeAppSettingsInterface-SsbpYCOY.js";
+const E = function({ app: t, eventType: e }) {
+  var p;
+  const { getAppData: r, setAppData: s, disabled: n } = d(), { enabled: o, updateEnabled: i } = c(t);
+  return /* @__PURE__ */ a(
+    m,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: i,
+      switchChecked: o,
+      teamId: ((p = e.team) == null ? void 0 : p.id) || void 0,
+      children: /* @__PURE__ */ a(
+        u,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: n,
+          getAppData: r,
+          setAppData: s
+        }
+      )
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/EventTypeAppCardInterface-ZoFvLu0T.js

@@ -0,0 +1,41 @@
+import { jsx as p } from "react/jsx-runtime";
+import { y as b, G as f, J as y, K as E, W as C } from "./index-jTqJooNt.js";
+import { useState as P } from "react";
+import { A as g } from "./AppCard-9m9p6YSL.js";
+import { u as v } from "./useIsAppEnabled-1m8rIQ8P.js";
+import w from "./EventTypeAppSettingsInterface-659frs2F.js";
+const W = function({
+  app: t,
+  eventType: e,
+  eventTypeFormMetadata: n
+}) {
+  var o;
+  const { t: i } = b(), r = f.usePathname(), { getAppData: a, setAppData: c, disabled: m } = y(), { enabled: d, updateEnabled: l } = v(t), u = E(n), [h] = P(a("enabled")), s = !h && u;
+  return /* @__PURE__ */ p(
+    g,
+    {
+      returnTo: `${C}${r}?tabName=apps`,
+      app: t,
+      switchChecked: d,
+      switchOnClick: (A) => {
+        l(A);
+      },
+      teamId: ((o = e.team) == null ? void 0 : o.id) || void 0,
+      disableSwitch: s,
+      switchTooltip: s ? i("other_payment_app_enabled") : void 0,
+      children: /* @__PURE__ */ p(
+        w,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: m,
+          getAppData: a,
+          setAppData: c
+        }
+      )
+    }
+  );
+};
+export {
+  W as default
+};