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

package/dist/{EventTypeAppSettingsInterface-9raltJka.js → EventTypeAppSettingsInterface-659frs2F.js}

@@ -1,6 +1,7 @@
-import { z as C, x as l, O as b, k as F, S as O } from "./index-M6WUZF2M.js";
+import { jsxs as u, Fragment as o, jsx as n } from "react/jsx-runtime";
 import { useState as k, useEffect as P } from "react";
-const y = [
+import { y as x, N as p, k as w, S as K } from "./index-jTqJooNt.js";
+const h = [
   "BIF",
   "CLP",
   "DJF",
@@ -17,7 +18,7 @@ const y = [
   "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 = [
+], U = (e, a) => h.includes(a.toUpperCase()) ? e : Math.round(e * 100), _ = (e, a) => h.includes(a.toUpperCase()) ? e : e / 100, V = [
   {
     label: "on_booking_option",
     value: "ON_BOOKING"
@@ -44,41 +45,41 @@ const y = [
   { label: "Vietnamese đồng (VND)", value: "vnd" },
   { label: "Canadian dollar (CAD)", value: "cad" },
   { label: "South Korean won (KRW)", value: "krw" }
-], V = ({
+], R = ({
   getAppData: e,
-  setAppData: n,
-  disabled: p,
-  eventType: u
+  setAppData: a,
+  disabled: f,
+  eventType: d
 }) => {
-  var m;
-  const o = e("price"), t = e("currency") || r[0].value, [s, h] = k(
-    r.find((a) => a.value === t) || {
+  var b;
+  const m = e("price"), t = e("currency") || r[0].value, [i, g] = k(
+    r.find((l) => l.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, {
+  ), N = e("paymentOption"), c = e("enabled"), { t: s } = x(), v = ((b = d.recurringEvent) == null ? void 0 : b.count) !== void 0, S = !!d.seatsPerTimeSlot, C = (l, y) => 0 .toLocaleString(l, {
     style: "currency",
-    currency: v,
+    currency: y,
     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);
+    c && (e("currency") || a("currency", r[0].value), e("paymentOption") || a("paymentOption", V[0].value));
+  }, [c, e, a]);
+  const F = (l) => {
+    const O = Math.floor(l).toString();
+    return parseInt(O);
   };
-  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,
+  return /* @__PURE__ */ u(o, { children: [
+    v && /* @__PURE__ */ n(p, { className: "mt-2", severity: "warning", title: s("warning_recurring_event_payment") }),
+    !v && c && /* @__PURE__ */ u(o, { children: [
+      /* @__PURE__ */ n("div", { className: "mt-4 block items-center justify-start sm:flex sm:space-x-2", children: /* @__PURE__ */ n(
+        w,
         {
           "data-testid": "stripe-price-input",
-          label: i("price"),
+          label: s("price"),
           className: "h-[38px]",
-          addOnLeading: /* @__PURE__ */ l.jsx(l.Fragment, { children: s.value ? x("en", s.value) : "" }),
+          addOnLeading: /* @__PURE__ */ n(o, { children: i.value ? C("en", i.value) : "" }),
           addOnSuffix: t.toUpperCase(),
           addOnClassname: "h-[38px]",
           step: "1",
@@ -86,34 +87,34 @@ const y = [
           type: "number",
           required: !0,
           placeholder: "Price",
-          disabled: p,
-          onChange: (a) => {
-            n("price", j(Number(a.target.value), t));
+          disabled: f,
+          onChange: (l) => {
+            a("price", U(Number(l.target.value), t));
           },
-          value: o > 0 ? S(w(o, t)) : void 0
+          value: m > 0 ? F(_(m, 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,
+      /* @__PURE__ */ u("div", { className: "mt-5 w-60", children: [
+        /* @__PURE__ */ n("label", { className: "text-default mb-1 block text-sm font-medium", htmlFor: "currency", children: s("currency") }),
+        /* @__PURE__ */ n(
+          K,
           {
             "data-testid": "stripe-currency-select",
             variant: "default",
             options: r,
-            value: s,
+            value: i,
             className: "text-black",
-            defaultValue: s,
-            onChange: (a) => {
-              a && (h(a), n("currency", a.value));
+            defaultValue: i,
+            onChange: (l) => {
+              l && (g(l), a("currency", l.value));
             }
           }
         )
       ] }),
-      g && f === "HOLD" && /* @__PURE__ */ l.jsx(b, { className: "mt-2", severity: "warning", title: i("seats_and_no_show_fee_error") })
+      S && N === "HOLD" && /* @__PURE__ */ n(p, { className: "mt-2", severity: "warning", title: s("seats_and_no_show_fee_error") })
     ] })
   ] });
 };
 export {
-  V as default
+  R as default
 };

package/dist/{EventTypeAppSettingsInterface-eKcoM9Xa.js → EventTypeAppSettingsInterface-NnKlcbB9.js}

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

package/dist/EventTypeAppSettingsInterface-P6VrsG5d.js

@@ -0,0 +1,221 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { y as I, ao as j, ap as M, j as T, z as g, Z as C, N as A, aq as E, ar as z, a4 as R } from "./index-jTqJooNt.js";
+const y = "search", k = "url", B = (s) => {
+  const { t: a } = I(), [i, l] = d(""), [p, m] = d(0), [c, v] = d(""), { isOpenDialog: D, setIsOpenDialog: O } = s, [u, b] = d(!1), [N, h] = d(""), [x, _] = d(y), w = async (n, f) => {
+    if (u)
+      return;
+    b(!0), h("");
+    const t = await fetch("/api/integrations/giphy/search", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        keyword: n,
+        offset: f
+      })
+    }), r = await t.json();
+    return t.ok ? (l(r.image || ""), m(r.nextOffset), r.image || h("No Result found")) : h((r == null ? void 0 : r.message) || "Something went wrong"), b(!1), null;
+  }, G = async (n) => {
+    var r;
+    if (u)
+      return;
+    b(!0), h("");
+    const f = await fetch("/api/integrations/giphy/get", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        url: n
+      })
+    }), t = await f.json();
+    return f.ok ? (l(t.image || ""), t.image || h("No Result found")) : h((t == null ? void 0 : t.message) || ((r = t == null ? void 0 : t[0]) == null ? void 0 : r.message) || "Something went wrong"), b(!1), null;
+  }, S = (n, f, t) => /* @__PURE__ */ o(
+    "div",
+    {
+      className: C(
+        "flex cursor-pointer items-center border-b-2 p-2 text-sm ",
+        x === t ? "text-default border-emphasis" : "text-subtle border-transparent"
+      ),
+      onClick: () => {
+        v(""), l(""), _(t);
+      },
+      children: [
+        /* @__PURE__ */ e(R, { name: n, className: "h-4 w-4 ltr:mr-2 rtl:ml-2" }),
+        f
+      ]
+    }
+  ), P = async (n) => {
+    n.stopPropagation(), n.preventDefault(), x === y ? w(c, 0) : x === k && G(c);
+  };
+  return /* @__PURE__ */ e(j, { open: D, onOpenChange: O, children: /* @__PURE__ */ o(M, { children: [
+    /* @__PURE__ */ e("h3", { className: "leading-16 font-cal text-emphasis text-xl", id: "modal-title", children: a("add_gif_to_confirmation") }),
+    /* @__PURE__ */ e("p", { className: "text-subtle mb-3 text-sm font-light", children: a("find_gif_spice_confirmation") }),
+    /* @__PURE__ */ o("div", { className: "border-emphasis flex items-center border-b border-solid", children: [
+      S("search", a("search_giphy"), y),
+      S("link", a("add_link_from_giphy"), k)
+    ] }),
+    /* @__PURE__ */ o(
+      "form",
+      {
+        className: "flex w-full justify-center space-x-2 space-y-2 rtl:space-x-reverse",
+        onSubmit: P,
+        children: [
+          /* @__PURE__ */ e("div", { className: "relative block w-full pt-2", children: /* @__PURE__ */ e(
+            T,
+            {
+              type: "text",
+              placeholder: x === y ? a("search_giphy") : "https://media.giphy.com/media/some-id/giphy.gif",
+              value: c,
+              onChange: (n) => {
+                v(n.target.value);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e(g, { type: "submit", tabIndex: -1, color: "secondary", loading: u, children: a("search") })
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e("div", { className: "flex flex-col items-center space-x-2 space-y-2 pt-3 rtl:space-x-reverse", children: /* @__PURE__ */ e("div", { className: "bg-subtle flex w-full items-center justify-center", children: u ? /* @__PURE__ */ e("div", { className: "flex h-[200px] w-full items-center justify-center bg-gray-400 pb-3 pt-3", children: /* @__PURE__ */ o(
+      "svg",
+      {
+        className: C("mx-4 h-5 w-5 animate-spin", "text-inverted dark:text-emphasis"),
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        children: [
+          /* @__PURE__ */ e(
+            "circle",
+            {
+              className: "opacity-25",
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              strokeWidth: "4"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              className: "opacity-75",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            }
+          )
+        ]
+      }
+    ) }) : /* @__PURE__ */ e("img", { className: "h-[200px] pb-3 pt-3", src: i, alt: `Gif from Giphy for ${c}` }) }) }),
+    N && /* @__PURE__ */ e(A, { severity: "error", title: N, className: "my-4" }),
+    i && x === y && /* @__PURE__ */ o("div", { className: "mt-4 flex items-center justify-between space-x-2 rtl:space-x-reverse", children: [
+      /* @__PURE__ */ e("div", { className: "text-subtle text-sm font-light", children: "Not the perfect GIF?" }),
+      /* @__PURE__ */ e(
+        g,
+        {
+          size: "sm",
+          color: "secondary",
+          type: "button",
+          loading: u,
+          onClick: () => w(c, p),
+          children: "Shuffle"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(E, { children: [
+      /* @__PURE__ */ e(
+        z,
+        {
+          color: "minimal",
+          tabIndex: -1,
+          onClick: () => {
+            s.setIsOpenDialog(!1);
+          },
+          children: a("cancel")
+        }
+      ),
+      /* @__PURE__ */ e(
+        g,
+        {
+          type: "button",
+          disabled: !i,
+          onClick: () => (s.setIsOpenDialog(!1), s.onSave(i), m(0), l(""), v(""), !1),
+          children: a("add_gif")
+        }
+      )
+    ] })
+  ] }) });
+};
+function F(s) {
+  const { t: a } = I(), [i, l] = d(s.defaultValue), [p, m] = d(!1);
+  return /* @__PURE__ */ o("div", { className: "flex flex-col items-start space-x-2 space-y-2 rtl:space-x-reverse", children: [
+    i && /* @__PURE__ */ e("div", { className: "min-h-[200px]", children: /* @__PURE__ */ e("img", { alt: "Selected Gif Image", src: i }) }),
+    /* @__PURE__ */ o("div", { className: "flex", children: [
+      i ? /* @__PURE__ */ e(
+        g,
+        {
+          color: "minimal",
+          type: "button",
+          StartIcon: "pencil",
+          onClick: () => m(!0),
+          disabled: s.disabled,
+          children: "Change"
+        }
+      ) : /* @__PURE__ */ e(
+        g,
+        {
+          color: "minimal",
+          type: "button",
+          StartIcon: "plus",
+          onClick: () => m(!0),
+          disabled: s.disabled,
+          children: "Add from Giphy"
+        }
+      ),
+      i && /* @__PURE__ */ e(
+        g,
+        {
+          color: "destructive",
+          type: "button",
+          StartIcon: "x",
+          onClick: () => {
+            l(""), s.onChange("");
+          },
+          disabled: s.disabled,
+          children: a("remove")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      B,
+      {
+        isOpenDialog: p,
+        setIsOpenDialog: m,
+        onSave: (c) => {
+          l(c), s.onChange(c);
+        }
+      }
+    )
+  ] });
+}
+const J = ({
+  getAppData: s,
+  setAppData: a,
+  disabled: i
+}) => {
+  const l = s("thankYouPage");
+  return /* @__PURE__ */ e(
+    F,
+    {
+      defaultValue: l,
+      disabled: i,
+      onChange: (p) => {
+        a("thankYouPage", p);
+      }
+    }
+  );
+};
+export {
+  J as default
+};

package/dist/{EventTypeAppSettingsInterface-2wY9yPcf.js → EventTypeAppSettingsInterface-SsbpYCOY.js}

@@ -1,12 +1,13 @@
-import { x as s, k as i } from "./index-M6WUZF2M.js";
-const x = ({
+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: "Pixel ID",
       value: n,
@@ -18,5 +19,5 @@ const x = ({
   );
 };
 export {
-  x as default
+  p as default
 };

package/dist/{EventTypeAppSettingsInterface-cXn8l171.js → EventTypeAppSettingsInterface-TYPdYPPl.js}

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

package/dist/EventTypeAppSettingsInterface-XXAdH79U.js

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