@calcom/atoms 1.0.95 → 1.0.96-beta-1

package/dist/EventTypeAppCardInterface-qIAbqcW-.js

@@ -0,0 +1,51 @@
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { J as h, k as n } from "./index-_1f6rhg6.js";
+import { A } from "./AppCard-vvom7JzI.js";
+import { u as I } from "./useIsAppEnabled-EWMW2qIQ.js";
+const E = function({ app: t, eventType: i }) {
+  var d;
+  const { getAppData: o, setAppData: s, disabled: r } = h(), l = o("MATOMO_URL"), p = o("SITE_ID"), { enabled: c, updateEnabled: m } = I(t);
+  return /* @__PURE__ */ a(
+    A,
+    {
+      hideSettingsIcon: !0,
+      app: t,
+      switchOnClick: (e) => {
+        m(e);
+      },
+      switchChecked: c,
+      teamId: ((d = i.team) == null ? void 0 : d.id) || void 0,
+      children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ a(
+          n,
+          {
+            dataTestid: `${t.slug}-url`,
+            name: "Matomo URL",
+            placeholder: "Enter your Matomo URL here",
+            value: l,
+            disabled: r,
+            onChange: (e) => {
+              s("MATOMO_URL", e.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ a(
+          n,
+          {
+            dataTestid: `${t.slug}-site-id`,
+            disabled: r,
+            name: "Site ID",
+            placeholder: "Enter your Site ID",
+            value: p,
+            onChange: (e) => {
+              s("SITE_ID", e.target.value);
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/EventTypeAppCardInterface-zTg1f5hR.js

@@ -0,0 +1,33 @@
+import { jsx as a } from "react/jsx-runtime";
+import { J as m } from "./index-_1f6rhg6.js";
+import { A as c } from "./AppCard-vvom7JzI.js";
+import { u as l } from "./useIsAppEnabled-EWMW2qIQ.js";
+import u from "./EventTypeAppSettingsInterface-PHF7Vsmi.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/{EventTypeAppSettingsInterface-uy_EiYRt.js → EventTypeAppSettingsInterface-2iQLRc2L.js}

@@ -1,12 +1,13 @@
-import { x as s, k as i } from "./index-xyF3DZet.js";
-const x = ({
+import { jsx as i } from "react/jsx-runtime";
+import { k as o } from "./index-_1f6rhg6.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-PqMppH4B.js → EventTypeAppSettingsInterface-4j95fNdX.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-xyF3DZet.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-_1f6rhg6.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-7r6Eayog.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-_1f6rhg6.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-WFmNo91Z.js → EventTypeAppSettingsInterface-8XJ_he7F.js}

@@ -1,24 +1,25 @@
-import { x as i, k as c } from "./index-xyF3DZet.js";
-const g = ({
+import { jsx as o } from "react/jsx-runtime";
+import { k as c } from "./index-_1f6rhg6.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-PHF7Vsmi.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-_1f6rhg6.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
+};