@calcom/atoms 1.0.61 → 1.0.63

package/dist/EventTypeAppCardInterface-h88jix69.js

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

package/dist/EventTypeAppCardInterface-hX1HR1Ac.js

@@ -0,0 +1,31 @@
+import { aM as d, aJ as a } from "./index-bDHRXhtF.js";
+import { A as c } from "./AppCard-2fkLVte1.js";
+import { u as m } from "./useIsAppEnabled-cdhLbHPx.js";
+import u from "./EventTypeAppSettingsInterface-7gDZ_5dh.js";
+const C = function({ app: t, eventType: e }) {
+  var s;
+  const { getAppData: p, setAppData: n, disabled: r } = d(), { enabled: i, updateEnabled: o } = m(t);
+  return /* @__PURE__ */ a.jsx(
+    c,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: o,
+      switchChecked: i,
+      teamId: ((s = e.team) == null ? void 0 : s.id) || void 0,
+      children: /* @__PURE__ */ a.jsx(
+        u,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: r,
+          getAppData: p,
+          setAppData: n
+        }
+      )
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/EventTypeAppCardInterface-jp9v7Zot.js

@@ -0,0 +1,23 @@
+import { aL as o, aJ as d, aO as i } from "./index-bDHRXhtF.js";
+import { A as m } from "./AppCard-2fkLVte1.js";
+import { u } from "./useIsAppEnabled-cdhLbHPx.js";
+const E = function({ app: a, eventType: e }) {
+  var t;
+  const p = o.usePathname(), { enabled: n, updateEnabled: s } = u(a);
+  return /* @__PURE__ */ d.jsx(
+    m,
+    {
+      returnTo: `${i}${p}?tabName=apps`,
+      app: a,
+      teamId: ((t = e.team) == null ? void 0 : t.id) || void 0,
+      switchOnClick: (r) => {
+        s(r);
+      },
+      switchChecked: n,
+      hideAppCardOptions: !0
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/EventTypeAppCardInterface-kCzo9O0L.js

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

package/dist/EventTypeAppCardInterface-oZO9HTlt.js

@@ -0,0 +1,41 @@
+import { aL as p, aM as P, aN as g, aK as x, aJ as e, aO as f } from "./index-bDHRXhtF.js";
+import { useMemo as S, useState as b } from "react";
+import { A as v } from "./AppCard-2fkLVte1.js";
+import C from "./EventTypeAppSettingsInterface-rK81ro98.js";
+const k = function({
+  app: a,
+  eventType: i,
+  eventTypeFormMetadata: c
+}) {
+  const t = p.useSearchParams(), s = p.usePathname(), m = S(
+    () => `${s}${t ? `?${t.toString()}` : ""}`,
+    [s, t]
+  ), { getAppData: n, setAppData: h, disabled: d } = P(), [o, l] = b(n("enabled")), u = g(c), { t: A } = x(), r = !o && u;
+  return /* @__PURE__ */ e.jsx(
+    v,
+    {
+      returnTo: f + m,
+      app: a,
+      switchChecked: o,
+      switchOnClick: (y) => {
+        l(y);
+      },
+      description: /* @__PURE__ */ e.jsx(e.Fragment, { children: "Add Paypal payment to your events" }),
+      disableSwitch: r,
+      switchTooltip: r ? A("other_payment_app_enabled") : void 0,
+      children: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+        C,
+        {
+          eventType: i,
+          slug: a.slug,
+          disabled: d,
+          getAppData: n,
+          setAppData: h
+        }
+      ) })
+    }
+  );
+};
+export {
+  k as default
+};

package/dist/EventTypeAppCardInterface-pF3u65dO.js

@@ -0,0 +1,33 @@
+import { aM as c, aJ as a } from "./index-bDHRXhtF.js";
+import { A as m } from "./AppCard-2fkLVte1.js";
+import { u } from "./useIsAppEnabled-cdhLbHPx.js";
+import l from "./EventTypeAppSettingsInterface-o4DsyOTz.js";
+const E = function({ app: t, eventType: e }) {
+  var s;
+  const { getAppData: p, setAppData: n, disabled: r } = c(), { enabled: i, updateEnabled: o } = u(t);
+  return /* @__PURE__ */ a.jsx(
+    m,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: (d) => {
+        o(d);
+      },
+      switchChecked: i,
+      teamId: ((s = e.team) == null ? void 0 : s.id) || void 0,
+      children: /* @__PURE__ */ a.jsx(
+        l,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: r,
+          getAppData: p,
+          setAppData: n
+        }
+      )
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/EventTypeAppCardInterface-tJ5QEeOS.js

@@ -0,0 +1,30 @@
+import { aM as d, aJ as e } from "./index-bDHRXhtF.js";
+import { A as c } from "./AppCard-2fkLVte1.js";
+import { u as m } from "./useIsAppEnabled-cdhLbHPx.js";
+import u from "./EventTypeAppSettingsInterface-8XoL_DJe.js";
+const C = function({ app: t, eventType: p }) {
+  const { getAppData: s, setAppData: a, disabled: n } = d(), { enabled: r, updateEnabled: o } = m(t);
+  return /* @__PURE__ */ e.jsx(
+    c,
+    {
+      app: t,
+      switchOnClick: (i) => {
+        o(i);
+      },
+      switchChecked: r,
+      children: /* @__PURE__ */ e.jsx(
+        u,
+        {
+          slug: t.slug,
+          eventType: p,
+          disabled: n,
+          getAppData: s,
+          setAppData: a
+        }
+      )
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/EventTypeAppCardInterface-vk9Oz7tg.js

@@ -0,0 +1,23 @@
+import { aL as o, aJ as d, aO as i } from "./index-bDHRXhtF.js";
+import { A as m } from "./AppCard-2fkLVte1.js";
+import { u } from "./useIsAppEnabled-cdhLbHPx.js";
+const E = function({ app: a, eventType: e }) {
+  var t;
+  const p = o.usePathname(), { enabled: n, updateEnabled: s } = u(a);
+  return /* @__PURE__ */ d.jsx(
+    m,
+    {
+      returnTo: `${i}${p}?tabName=apps`,
+      app: a,
+      teamId: ((t = e.team) == null ? void 0 : t.id) || void 0,
+      switchOnClick: (r) => {
+        s(r);
+      },
+      switchChecked: n,
+      hideAppCardOptions: !0
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/EventTypeAppSettingsInterface-7gDZ_5dh.js

@@ -0,0 +1,22 @@
+import { aJ as s, s as i } from "./index-bDHRXhtF.js";
+const c = ({
+  getAppData: t,
+  setAppData: e,
+  disabled: a
+}) => {
+  const n = t("trackingId");
+  return /* @__PURE__ */ s.jsx(
+    i,
+    {
+      name: "Pixel ID",
+      value: n,
+      disabled: a,
+      onChange: (r) => {
+        e("trackingId", r.target.value);
+      }
+    }
+  );
+};
+export {
+  c as default
+};

package/dist/EventTypeAppSettingsInterface-8XoL_DJe.js

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

package/dist/EventTypeAppSettingsInterface-Hiu3EugC.js

@@ -0,0 +1,23 @@
+import { aJ as i, s } from "./index-bDHRXhtF.js";
+const c = ({
+  getAppData: t,
+  setAppData: a,
+  disabled: e
+}) => {
+  const n = t("trackingId");
+  return /* @__PURE__ */ i.jsx(
+    s,
+    {
+      name: "Tracking ID",
+      "data-testid": "gtm-tracking-id-input",
+      value: n,
+      disabled: e,
+      onChange: (r) => {
+        a("trackingId", r.target.value);
+      }
+    }
+  );
+};
+export {
+  c as default
+};

package/dist/EventTypeAppSettingsInterface-U9PwTfMI.js

@@ -0,0 +1,24 @@
+import { aJ as i, s as c } from "./index-bDHRXhtF.js";
+const g = ({
+  getAppData: t,
+  setAppData: a,
+  disabled: e,
+  slug: n
+}) => {
+  const r = t("trackingId");
+  return /* @__PURE__ */ i.jsx(
+    c,
+    {
+      dataTestid: n,
+      name: "Tracking ID",
+      value: r,
+      disabled: e,
+      onChange: (s) => {
+        a("trackingId", s.target.value);
+      }
+    }
+  );
+};
+export {
+  g as default
+};

package/dist/EventTypeAppSettingsInterface-d8rt6haq.js

@@ -0,0 +1,71 @@
+import { aK as p, a_ as t, aJ as l, a3 as v, s as S, a$ as O, S as h } from "./index-bDHRXhtF.js";
+import { useState as j, useEffect as w } from "react";
+const o = [{ label: "BTC", value: "BTC", unit: "sats" }], P = ({
+  eventType: d,
+  getAppData: c,
+  setAppData: a
+}) => {
+  var x, y;
+  const { t: n } = p(), i = c("price"), s = c("currency"), [r, g] = j(
+    o.find((e) => e.value === s) || o[0]
+  ), b = c("paymentOption"), u = ((x = t) == null ? void 0 : x.find((e) => b === e.value)) || {
+    label: t[0].label,
+    value: t[0].value
+  }, f = !!d.seatsPerTimeSlot, [m] = j(c("enabled")), N = ((y = d.recurringEvent) == null ? void 0 : y.count) !== void 0;
+  return w(() => {
+    !s && m && a("currency", r.value);
+  }, [s, r, a, m]), /* @__PURE__ */ l.jsx(l.Fragment, { children: N ? /* @__PURE__ */ l.jsx(v, { className: "mt-2", severity: "warning", title: n("warning_recurring_event_payment") }) : m && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx("div", { className: "mt-2 block items-center sm:flex", children: /* @__PURE__ */ l.jsx(
+      S,
+      {
+        label: "Price",
+        labelSrOnly: !0,
+        addOnLeading: /* @__PURE__ */ l.jsx(O, { 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)), s && a("currency", s);
+        },
+        value: i && i > 0 ? i : void 0
+      }
+    ) }),
+    /* @__PURE__ */ l.jsxs("div", { className: "mt-5 w-60", children: [
+      /* @__PURE__ */ l.jsx("label", { className: "text-default block text-sm font-medium", htmlFor: "currency", children: n("currency") }),
+      /* @__PURE__ */ l.jsx(
+        h,
+        {
+          variant: "default",
+          options: o,
+          value: r,
+          className: "text-black",
+          defaultValue: r,
+          onChange: (e) => {
+            e && (g(e), a("currency", e.value));
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l.jsxs("div", { className: "mt-2 w-60", children: [
+      /* @__PURE__ */ l.jsx("label", { className: "text-default block text-sm font-medium", htmlFor: "currency", children: "Payment option" }),
+      /* @__PURE__ */ l.jsx(
+        h,
+        {
+          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: f
+        }
+      )
+    ] }),
+    f && b === "HOLD" && /* @__PURE__ */ l.jsx(v, { className: "mt-2", severity: "warning", title: n("seats_and_no_show_fee_error") })
+  ] }) });
+};
+export {
+  P as default
+};

package/dist/EventTypeAppSettingsInterface-eNHrq2O_.js

@@ -0,0 +1,42 @@
+import { aK as x, aJ as e, s as u, am as f, aX as p } from "./index-bDHRXhtF.js";
+import { useState as h } from "react";
+const g = ({ eventType: n, disabled: o }) => {
+  const { t: d } = x(), [t, i] = h(""), c = t !== "" ? `?${t}` : "", s = n.URL + c;
+  function r({ size: a, data: m }) {
+    const l = `https://api.qrserver.com/v1/create-qr-code/?size=${a}&data=${m}`;
+    return /* @__PURE__ */ e.jsx(f, { content: s, children: /* @__PURE__ */ e.jsx("a", { download: !0, href: l, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e.jsx(
+      "img",
+      {
+        className: p(
+          "hover:bg-muted border-default border transition hover:shadow-sm",
+          a >= 256 && "min-h-32"
+        ),
+        style: { padding: a / 16, borderRadius: a / 20 },
+        width: a,
+        src: l,
+        alt: s
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-5 text-sm", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex w-full", children: /* @__PURE__ */ e.jsx(
+      u,
+      {
+        name: "hello",
+        disabled: o,
+        value: t,
+        onChange: (a) => i(a.target.value),
+        label: d("additional_url_parameters"),
+        containerClassName: "w-full"
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "max-w-60 flex items-baseline gap-2", children: [
+      /* @__PURE__ */ e.jsx(r, { size: 256, data: s }),
+      /* @__PURE__ */ e.jsx(r, { size: 128, data: s }),
+      /* @__PURE__ */ e.jsx(r, { size: 64, data: s })
+    ] })
+  ] });
+};
+export {
+  g as default
+};