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

package/dist/{EventTypeAppSettingsInterface-Fn4VS9pl.js → EventTypeAppSettingsInterface-ZKoyhNO9.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-jTqJooNt.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/EventTypeAppSettingsInterface-g9gv0z2h.js

@@ -0,0 +1,48 @@
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import { useState as m, useEffect as v } from "react";
+import { R as p, S as h } from "./index-jTqJooNt.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-Hre_gkKY.js → EventTypeAppSettingsInterface-jq-VsbFe.js}

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

package/dist/EventTypeAppSettingsInterface-ubeZQTeO.js

@@ -0,0 +1,43 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { y as p, k as h, Y as v, Z as x } from "./index-jTqJooNt.js";
+const N = ({ eventType: n, disabled: d }) => {
+  const { t: i } = p(), [r, c] = f(""), m = r !== "" ? `?${r}` : "", t = n.URL + m;
+  function s({ size: a, data: u }) {
+    const l = `https://api.qrserver.com/v1/create-qr-code/?size=${a}&data=${u}`;
+    return /* @__PURE__ */ e(v, { content: t, children: /* @__PURE__ */ e("a", { download: !0, href: l, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ e(
+      "img",
+      {
+        className: x(
+          "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: t
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ o("div", { className: "flex w-full flex-col gap-5 text-sm", children: [
+    /* @__PURE__ */ e("div", { className: "flex w-full", children: /* @__PURE__ */ e(
+      h,
+      {
+        name: "hello",
+        disabled: d,
+        value: r,
+        onChange: (a) => c(a.target.value),
+        label: i("additional_url_parameters"),
+        containerClassName: "w-full"
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: "max-w-60 flex items-baseline gap-2", children: [
+      /* @__PURE__ */ e(s, { size: 256, data: t }),
+      /* @__PURE__ */ e(s, { size: 128, data: t }),
+      /* @__PURE__ */ e(s, { size: 64, data: t })
+    ] })
+  ] });
+};
+export {
+  N as default
+};

package/dist/InstallAppButton-6P2Fv_oM.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-jTqJooNt.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-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-Ym2oci2C.js

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

package/dist/InstallAppButton-_dz8RUxd.js

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