@calcom/atoms 1.1.2 → 1.2.0-booker

package/dist/EventTypeAppCardInterface-dKaaMNor.js

@@ -1,86 +0,0 @@
-import { jsx as a, Fragment as o, jsxs as u } from "react/jsx-runtime";
-import { z as v, y as T, G as _, K as t, W as q, M as L, f as V, S as g } from "./index-GkJhe-oj.js";
-import { useMemo as W, useState as p } from "react";
-import { A as $ } from "./AppCard-vSAp__lv.js";
-import { c as x, i as j, a as C } from "./currencyOptions-kannG2hu.js";
-const U = function({ app: S, eventType: A }) {
-  var f, h;
-  const i = v.useSearchParams(), d = v.usePathname(), P = W(
-    () => `${d}${i ? `?${i.toString()}` : ""}`,
-    [d, i]
-  ), { t: n } = T(), { getAppData: r, setAppData: c } = _(), y = r("price"), l = r("currency"), k = r("paymentOption"), N = r("enabled"), [s, O] = p(x.find((e) => e.value === l)), [w, E] = p(
-    j(l) ? C[l] : ""
-  ), [b, D] = p(N), m = ((f = t) == null ? void 0 : f.find((e) => k === e.value)) || {
-    label: t[0].label,
-    value: t[0].value
-  }, F = ((h = A.recurringEvent) == null ? void 0 : h.count) !== void 0;
-  return /* @__PURE__ */ a(
-    $,
-    {
-      returnTo: q + P,
-      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 {
-  U as default
-};

package/dist/EventTypeAppCardInterface-lguZWNvV.js

@@ -1,24 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { z as d, W as i } from "./index-GkJhe-oj.js";
-import { A as m } from "./AppCard-vSAp__lv.js";
-import { u } from "./useIsAppEnabled-oIf6wORY.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-p0blDTaQ.js

@@ -1,24 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { z as d, W as i } from "./index-GkJhe-oj.js";
-import { A as m } from "./AppCard-vSAp__lv.js";
-import { u } from "./useIsAppEnabled-oIf6wORY.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-rppYuGVz.js

@@ -1,33 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { G as m } from "./index-GkJhe-oj.js";
-import { A as c } from "./AppCard-vSAp__lv.js";
-import { u as l } from "./useIsAppEnabled-oIf6wORY.js";
-import u from "./EventTypeAppSettingsInterface-g5jo9GKH.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-tkKsbhWo.js

@@ -1,39 +0,0 @@
-import { jsx as t, Fragment as u } from "react/jsx-runtime";
-import { y as A, z as y, G as g, J as b, W as f } from "./index-GkJhe-oj.js";
-import { useState as P } from "react";
-import { A as v } from "./AppCard-vSAp__lv.js";
-import C from "./EventTypeAppSettingsInterface-afhCdPkJ.js";
-const x = function({
-  eventType: o,
-  app: e,
-  eventTypeFormMetadata: p
-}) {
-  const { t: i } = A(), r = y.usePathname(), { getAppData: a, setAppData: c, disabled: m } = g(), [n, d] = P(a("enabled")), l = b(p), s = !n && l;
-  return /* @__PURE__ */ t(
-    v,
-    {
-      returnTo: `${f}${r}?tabName=apps`,
-      app: e,
-      switchChecked: n,
-      switchOnClick: (h) => {
-        d(h);
-      },
-      description: /* @__PURE__ */ t(u, { children: "Add lightning payments to your events and booking" }),
-      disableSwitch: s,
-      switchTooltip: s ? i("other_payment_app_enabled") : void 0,
-      children: /* @__PURE__ */ t(
-        C,
-        {
-          eventType: o,
-          slug: e.slug,
-          disabled: m,
-          getAppData: a,
-          setAppData: c
-        }
-      )
-    }
-  );
-};
-export {
-  x as default
-};

package/dist/EventTypeAppCardInterface-utvbMc02.js

@@ -1,42 +0,0 @@
-import { jsx as e, Fragment as p } from "react/jsx-runtime";
-import { z as i, G as f, J as g, y as S, W as b } from "./index-GkJhe-oj.js";
-import { useMemo as v, useState as C } from "react";
-import { A as w } from "./AppCard-vSAp__lv.js";
-import E from "./EventTypeAppSettingsInterface-ZIUpW8te.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-wXpCgFPS.js

@@ -1,34 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { G as l, f as m } from "./index-GkJhe-oj.js";
-import { A as u } from "./AppCard-vSAp__lv.js";
-import { u as I } from "./useIsAppEnabled-oIf6wORY.js";
-const D = function({ app: t, eventType: n }) {
-  var a;
-  const { getAppData: o, setAppData: r, disabled: d } = l(), s = o("SITE_ID"), { enabled: i, updateEnabled: c } = I(t);
-  return /* @__PURE__ */ p(
-    u,
-    {
-      app: t,
-      switchOnClick: (e) => {
-        c(e);
-      },
-      switchChecked: i,
-      teamId: ((a = n.team) == null ? void 0 : a.id) || void 0,
-      children: /* @__PURE__ */ p(
-        m,
-        {
-          disabled: d,
-          name: "Site ID",
-          value: s,
-          placeholder: "Enter your Site ID",
-          onChange: (e) => {
-            r("SITE_ID", e.target.value);
-          }
-        }
-      )
-    }
-  );
-};
-export {
-  D as default
-};

package/dist/EventTypeAppCardInterface-zGyldaa9.js

@@ -1,24 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { z as d, W as i } from "./index-GkJhe-oj.js";
-import { A as m } from "./AppCard-vSAp__lv.js";
-import { u } from "./useIsAppEnabled-oIf6wORY.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/EventTypeAppSettingsInterface-7hS6GTO2.js

@@ -1,48 +0,0 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import { useState as m, useEffect as v } from "react";
-import { O as p, S as h } from "./index-GkJhe-oj.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-FQeyEBxu.js

@@ -1,72 +0,0 @@
-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 _, a1 as t, M as g, f as C, Y as P, S as p } from "./index-GkJhe-oj.js";
-const d = [{ label: "BTC", value: "BTC", unit: "sats" }], T = ({
-  eventType: f,
-  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]
-  ), b = s("paymentOption"), u = ((v = t) == null ? void 0 : v.find((e) => b === e.value)) || {
-    label: t[0].label,
-    value: t[0].value
-  }, y = !!f.seatsPerTimeSlot, [m] = N(s("enabled")), O = ((h = f.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 && b === "HOLD" && /* @__PURE__ */ l(g, { className: "mt-2", severity: "warning", title: n("seats_and_no_show_fee_error") })
-  ] }) });
-};
-export {
-  T as default
-};

package/dist/EventTypeAppSettingsInterface-HK0lsJ28.js

@@ -1,42 +0,0 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { f as s } from "./index-GkJhe-oj.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-MG2xFbSG.js

@@ -1,23 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { f as o } from "./index-GkJhe-oj.js";
-const p = ({
-  getAppData: t,
-  setAppData: e,
-  disabled: a
-}) => {
-  const n = t("trackingId");
-  return /* @__PURE__ */ i(
-    o,
-    {
-      name: "Pixel ID",
-      value: n,
-      disabled: a,
-      onChange: (r) => {
-        e("trackingId", r.target.value);
-      }
-    }
-  );
-};
-export {
-  p as default
-};

package/dist/EventTypeAppSettingsInterface-Ra9cL5JB.js

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

package/dist/EventTypeAppSettingsInterface-XL4D2Dyv.js

@@ -1,24 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { f as g } from "./index-GkJhe-oj.js";
-const o = ({
-  getAppData: t,
-  setAppData: a,
-  disabled: e
-}) => {
-  const n = t("trackingId");
-  return /* @__PURE__ */ i(
-    g,
-    {
-      name: "Tracking ID",
-      "data-testid": "gtm-tracking-id-input",
-      value: n,
-      disabled: e,
-      onChange: (r) => {
-        a("trackingId", r.target.value);
-      }
-    }
-  );
-};
-export {
-  o as default
-};

package/dist/EventTypeAppSettingsInterface-ZIUpW8te.js

@@ -1,78 +0,0 @@
-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 { Q as r, y as E, M as x, f as F, R as T, U as q, S as O } from "./index-GkJhe-oj.js";
-const H = ({
-  getAppData: n,
-  setAppData: t,
-  eventType: d
-}) => {
-  var p, h;
-  const y = n("price"), a = n("currency") || i[0].value, [s, N] = 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, L] = 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 ? q(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(
-        O,
-        {
-          variant: "default",
-          "data-testid": "paypal-currency-select",
-          options: i,
-          value: s,
-          className: "text-black",
-          defaultValue: s,
-          onChange: (e) => {
-            e && (N(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(
-        O,
-        {
-          "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 {
-  H as default
-};