@calcom/atoms 1.0.96 → 1.0.97-beta-1

package/dist/EventTypeAppCardInterface-xkCoWuR1.js

@@ -0,0 +1,33 @@
+import { K as m, z as l, x as o } from "./index-M6WUZF2M.js";
+import { A as f } from "./AppCard-ImfOuDL_.js";
+import { u } from "./useIsAppEnabled-OmKRsE8Z.js";
+import A from "./EventTypeAppSettingsInterface-nwSw369C.js";
+const S = function({ app: t, eventType: e }) {
+  var s;
+  const { getAppData: a, setAppData: i, disabled: n } = m(), { enabled: p, updateEnabled: r } = u(t), { t: c } = l();
+  return /* @__PURE__ */ o.jsx(
+    f,
+    {
+      app: t,
+      description: c("confirmation_page_gif"),
+      switchOnClick: (d) => {
+        r(d);
+      },
+      switchChecked: p,
+      teamId: ((s = e.team) == null ? void 0 : s.id) || void 0,
+      children: /* @__PURE__ */ o.jsx(
+        A,
+        {
+          eventType: e,
+          slug: t.slug,
+          disabled: n,
+          getAppData: a,
+          setAppData: i
+        }
+      )
+    }
+  );
+};
+export {
+  S as default
+};

package/dist/EventTypeAppSettingsInterface-0MtsVqm9.js

@@ -0,0 +1,71 @@
+import { z as p, aa as t, x as l, O as v, k as O, a6 as S, S as h } from "./index-M6WUZF2M.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 f, 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 = ((f = t) == null ? void 0 : f.find((e) => b === e.value)) || {
+    label: t[0].label,
+    value: t[0].value
+  }, x = !!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(
+      O,
+      {
+        label: "Price",
+        labelSrOnly: !0,
+        addOnLeading: /* @__PURE__ */ l.jsx(S, { 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: x
+        }
+      )
+    ] }),
+    x && 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-2wY9yPcf.js

@@ -0,0 +1,22 @@
+import { x as s, k as i } from "./index-M6WUZF2M.js";
+const x = ({
+  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 {
+  x as default
+};

package/dist/EventTypeAppSettingsInterface-4AylQiBj.js

@@ -0,0 +1,47 @@
+import { U as l, x as s, S as f } from "./index-M6WUZF2M.js";
+import { useState as m, useEffect as x } from "react";
+const h = ({}) => {
+  const [n, p] = m(), [u, o] = m(), { data: e } = l.viewer.appBasecamp3.projects.useQuery(), j = l.viewer.appBasecamp3.projectMutation.useMutation();
+  return x(
+    function() {
+      var a, r, i;
+      o({
+        value: e == null ? void 0 : e.projects.currentProject,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        label: (r = (a = e == null ? void 0 : e.projects) == null ? void 0 : a.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: n,
+          isLoading: !n,
+          className: "md:min-w-[120px]",
+          onChange: (t) => {
+            t && (j.mutate({ projectId: t == null ? void 0 : t.value.toString() }), o(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-9raltJka.js

@@ -0,0 +1,119 @@
+import { z as C, x as l, O as b, k as F, S as O } from "./index-M6WUZF2M.js";
+import { useState as k, useEffect as P } from "react";
+const y = [
+  "BIF",
+  "CLP",
+  "DJF",
+  "GNF",
+  "JPY",
+  "KMF",
+  "KRW",
+  "MGA",
+  "PYG",
+  "RWF",
+  "UGX",
+  "VND",
+  "VUV",
+  "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 = [
+  {
+    label: "on_booking_option",
+    value: "ON_BOOKING"
+  }
+], r = [
+  { label: "United States dollar (USD)", value: "usd" },
+  { label: "Singapore dollar (SGD)", value: "sgd" },
+  { label: "Malaysian ringgit (MYR)", value: "myr" },
+  { label: "Indonesian rupiah (IDR)", value: "idr" },
+  { label: "Japanese yen (JPY)", value: "jpy" },
+  { label: "Hong Kong dollar (HKD)", value: "hkd" },
+  { label: "Thai baht (THB)", value: "thb" },
+  { label: "Australian dollar (AUD)", value: "aud" },
+  { label: "New Zealand dollar (NZD)", value: "nzd" },
+  { label: "British pound sterling (GBP)", value: "gbp" },
+  { label: "Philippine peso (PHP)", value: "php" },
+  { label: "Indian rupee (INR)", value: "inr" },
+  { label: "Chinese yuan (CNY)", value: "cny" },
+  { label: "Euro (EUR)", value: "eur" },
+  { label: "Swiss franc (CHF)", value: "chf" },
+  { label: "Danish krone (DKK)", value: "dkk" },
+  { label: "Swedish krona (SEK)", value: "sek" },
+  { label: "Norwegian krone (NOK)", value: "nok" },
+  { label: "Vietnamese đồng (VND)", value: "vnd" },
+  { label: "Canadian dollar (CAD)", value: "cad" },
+  { label: "South Korean won (KRW)", value: "krw" }
+], V = ({
+  getAppData: e,
+  setAppData: n,
+  disabled: p,
+  eventType: u
+}) => {
+  var m;
+  const o = e("price"), t = e("currency") || r[0].value, [s, h] = k(
+    r.find((a) => a.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, {
+    style: "currency",
+    currency: v,
+    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);
+  };
+  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,
+        {
+          "data-testid": "stripe-price-input",
+          label: i("price"),
+          className: "h-[38px]",
+          addOnLeading: /* @__PURE__ */ l.jsx(l.Fragment, { children: s.value ? x("en", s.value) : "" }),
+          addOnSuffix: t.toUpperCase(),
+          addOnClassname: "h-[38px]",
+          step: "1",
+          min: "1",
+          type: "number",
+          required: !0,
+          placeholder: "Price",
+          disabled: p,
+          onChange: (a) => {
+            n("price", j(Number(a.target.value), t));
+          },
+          value: o > 0 ? S(w(o, 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,
+          {
+            "data-testid": "stripe-currency-select",
+            variant: "default",
+            options: r,
+            value: s,
+            className: "text-black",
+            defaultValue: s,
+            onChange: (a) => {
+              a && (h(a), n("currency", a.value));
+            }
+          }
+        )
+      ] }),
+      g && f === "HOLD" && /* @__PURE__ */ l.jsx(b, { className: "mt-2", severity: "warning", title: i("seats_and_no_show_fee_error") })
+    ] })
+  ] });
+};
+export {
+  V as default
+};

package/dist/EventTypeAppSettingsInterface-Br_BvYU4.js

@@ -0,0 +1,77 @@
+import { V as n, z as P, x as l, O as p, k as g, X as w, Y as _, S as h } from "./index-M6WUZF2M.js";
+import { useState as m, useEffect as k } from "react";
+import { c as i, i as E, a as S } from "./currencyOptions-kannG2hu.js";
+const L = ({
+  getAppData: t,
+  setAppData: r,
+  eventType: o
+}) => {
+  var v, x;
+  const d = t("price"), a = t("currency") || i[0].value, [c, O] = m(i.find((e) => e.value === a)), [j, N] = m(
+    E(a) ? S[a] : ""
+  ), y = t("paymentOption"), u = ((v = n) == null ? void 0 : v.find((e) => y === e.value)) || {
+    label: n[0].label,
+    value: n[0].value
+  }, f = !!o.seatsPerTimeSlot, [b, F] = m(t("enabled")), { t: s } = P(), C = ((x = o.recurringEvent) == null ? void 0 : x.count) !== void 0;
+  return k(() => {
+    b && (t("currency") || r("currency", i[0].value), t("paymentOption") || r("paymentOption", n[0].value));
+  }, []), C ? /* @__PURE__ */ l.jsx(p, { className: "mt-2", severity: "warning", title: s("warning_recurring_event_payment") }) : b ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx("div", { className: "mt-2 block items-center sm:flex", children: /* @__PURE__ */ l.jsx(
+      g,
+      {
+        label: "Price",
+        labelSrOnly: !0,
+        addOnLeading: j,
+        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) => {
+          r("price", w(Number(e.target.value), a)), c && r("currency", c.value);
+        },
+        value: d > 0 ? _(d, a) : 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: s("currency") }),
+      /* @__PURE__ */ l.jsx(
+        h,
+        {
+          variant: "default",
+          "data-testid": "paypal-currency-select",
+          options: i,
+          value: c,
+          className: "text-black",
+          defaultValue: c,
+          onChange: (e) => {
+            e && (O(e), N(S[e.value]), r("currency", e.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: "Payment option" }),
+      /* @__PURE__ */ l.jsx(
+        h,
+        {
+          "data-testid": "paypal-payment-option-select",
+          defaultValue: u ? { ...u, label: s(u.label) } : { ...n[0], label: s(n[0].label) },
+          options: n.map((e) => ({ ...e, label: s(e.label) || e.label })),
+          onChange: (e) => {
+            e && r("paymentOption", e.value);
+          },
+          className: "mb-1 h-[38px] w-full",
+          isDisabled: f
+        }
+      )
+    ] }),
+    f && y === "HOLD" && /* @__PURE__ */ l.jsx(p, { className: "mt-2", severity: "warning", title: s("seats_and_no_show_fee_error") })
+  ] }) : null;
+};
+export {
+  L as default
+};

package/dist/EventTypeAppSettingsInterface-CkbhDi5X.js

@@ -0,0 +1,42 @@
+import { z as x, x as e, k as u, Z as f, _ as p } from "./index-M6WUZF2M.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
+};