@calcom/atoms 1.8.0 → 1.9.0-types2

package/dist/EventTypeAppSettingsInterface-Lcxqm3xC.js

@@ -0,0 +1,72 @@
+import { jsx as l, Fragment as x, jsxs as o } from "react/jsx-runtime";
+import { useState as N, useEffect as O } from "react";
+import { w as _, Z as t, J as g, f as C, U as P, S as p } from "./index-foOMKDUN.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")), w = ((h = f.recurringEvent) == null ? void 0 : h.count) !== void 0;
+  return O(() => {
+    !c && m && a("currency", r.value);
+  }, [c, r, a, m]), /* @__PURE__ */ l(x, { children: w ? /* @__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-Nn2NYCtY.js

@@ -0,0 +1,43 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { w as p, f as h, Q as v, r as x } from "./index-foOMKDUN.js";
+const N = ({ eventType: n, disabled: d }) => {
+  const { t: i } = p(), [r, c] = u(""), m = r !== "" ? `?${r}` : "", t = n.URL + m;
+  function s({ size: a, data: f }) {
+    const l = `https://api.qrserver.com/v1/create-qr-code/?size=${a}&data=${f}`;
+    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/EventTypeAppSettingsInterface-_IaFF6yL.js

@@ -0,0 +1,78 @@
+import { jsx as l, jsxs as m, Fragment as g } 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 { K as r, w as E, J as x, f as F, M as T, O as q, S as O } from "./index-foOMKDUN.js";
+const I = ({
+  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, w] = 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(), P = ((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));
+  }, []), P ? /* @__PURE__ */ l(x, { className: "mt-2", severity: "warning", title: c("warning_recurring_event_payment") }) : v ? /* @__PURE__ */ m(g, { 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), w(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 {
+  I as default
+};

package/dist/EventTypeAppSettingsInterface-cCJYPt8q.js

@@ -0,0 +1,103 @@
+import { jsxs as u, Fragment as o, jsx as a } from "react/jsx-runtime";
+import { useState as k, useEffect as x } from "react";
+import { w, J as p, f as _, M as P, O as K, S as E } from "./index-foOMKDUN.js";
+const F = [
+  {
+    label: "on_booking_option",
+    value: "ON_BOOKING"
+  }
+], n = [
+  { 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: l,
+  setAppData: r,
+  disabled: h,
+  eventType: d
+}) => {
+  var b;
+  const m = l("price"), t = l("currency") || n[0].value, [i, f] = k(
+    n.find((e) => e.value === t) || {
+      label: n[0].label,
+      value: n[0].value
+    }
+  ), g = l("paymentOption"), c = l("enabled"), { t: s } = w(), v = ((b = d.recurringEvent) == null ? void 0 : b.count) !== void 0, S = !!d.seatsPerTimeSlot, N = (e, y) => 0 .toLocaleString(e, {
+    style: "currency",
+    currency: y,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).replace(/\d/g, "").trim();
+  x(() => {
+    c && (l("currency") || r("currency", n[0].value), l("paymentOption") || r("paymentOption", F[0].value));
+  }, [c, l, r]);
+  const O = (e) => {
+    const C = Math.floor(e).toString();
+    return parseInt(C);
+  };
+  return /* @__PURE__ */ u(o, { children: [
+    v && /* @__PURE__ */ a(p, { className: "mt-2", severity: "warning", title: s("warning_recurring_event_payment") }),
+    !v && c && /* @__PURE__ */ u(o, { children: [
+      /* @__PURE__ */ a("div", { className: "mt-4 block items-center justify-start sm:flex sm:space-x-2", children: /* @__PURE__ */ a(
+        _,
+        {
+          "data-testid": "stripe-price-input",
+          label: s("price"),
+          className: "h-[38px]",
+          addOnLeading: /* @__PURE__ */ a(o, { children: i.value ? N("en", i.value) : "" }),
+          addOnSuffix: t.toUpperCase(),
+          addOnClassname: "h-[38px]",
+          step: "1",
+          min: "1",
+          type: "number",
+          required: !0,
+          placeholder: "Price",
+          disabled: h,
+          onChange: (e) => {
+            r("price", P(Number(e.target.value), t));
+          },
+          value: m > 0 ? O(K(m, t)) : 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: s("currency") }),
+        /* @__PURE__ */ a(
+          E,
+          {
+            "data-testid": "stripe-currency-select",
+            variant: "default",
+            options: n,
+            value: i,
+            className: "text-black",
+            defaultValue: i,
+            onChange: (e) => {
+              e && (f(e), r("currency", e.value));
+            }
+          }
+        )
+      ] }),
+      S && g === "HOLD" && /* @__PURE__ */ a(p, { className: "mt-2", severity: "warning", title: s("seats_and_no_show_fee_error") })
+    ] })
+  ] });
+};
+export {
+  V as default
+};

package/dist/EventTypeAppSettingsInterface-egLilDvm.js

@@ -0,0 +1,23 @@
+import { jsx as i } from "react/jsx-runtime";
+import { f as o } from "./index-foOMKDUN.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-h_PiwQMp.js

@@ -0,0 +1,56 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useState as m, useEffect as j } from "react";
+import { S as g } from "./index-foOMKDUN.js";
+const P = () => {
+  const [o, d] = m(), [f, i] = m();
+  j(() => {
+    async function t() {
+      var p;
+      const r = await fetch("/api/integrations/basecamp3/projects");
+      if (!r.ok)
+        return;
+      const e = await r.json(), l = e == null ? void 0 : e.currentProject, c = (p = e == null ? void 0 : e.projects) == null ? void 0 : p.map(
+        (a) => ({
+          value: String(a.id),
+          label: a.name
+        })
+      );
+      if (c && (d(c), l)) {
+        const a = c.find((h) => h.value === String(l));
+        a && i(a);
+      }
+    }
+    t();
+  }, []);
+  async function u(t) {
+    t && (await fetch("/api/integrations/basecamp3/projectMutation", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ projectId: t.value })
+    }), i(t));
+  }
+  return /* @__PURE__ */ s("div", { className: "mt-2 text-sm", children: [
+    /* @__PURE__ */ s("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ n("div", { className: "items-center", children: /* @__PURE__ */ n("p", { className: "py-2", children: "Link a Basecamp project to this event:" }) }),
+      /* @__PURE__ */ n(
+        g,
+        {
+          placeholder: "Select project",
+          options: o,
+          isLoading: !o,
+          className: "md:min-w-[120px]",
+          onChange: u,
+          value: f
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: "mt-2", children: [
+      "Please note that as of now you can only link ",
+      /* @__PURE__ */ n("span", { className: "italic", children: "one" }),
+      " of your projects to cal.com"
+    ] })
+  ] });
+};
+export {
+  P as default
+};

package/dist/EventTypeAppSettingsInterface-nP_Nq1pO.js

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

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { f as c } from "./index-foOMKDUN.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-vkLINycI.js

@@ -0,0 +1,221 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { w as I, ad as M, ae as j, e as T, B as g, r as k, J as A, af as E, ag as R, R as B } from "./index-foOMKDUN.js";
+const y = "search", C = "url", z = (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, f] = d(""), [x, _] = d(y), w = async (n, h) => {
+    if (u)
+      return;
+    b(!0), f("");
+    const t = await fetch("/api/integrations/giphy/search", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        keyword: n,
+        offset: h
+      })
+    }), r = await t.json();
+    return t.ok ? (l(r.image || ""), m(r.nextOffset), r.image || f("No Result found")) : f((r == null ? void 0 : r.message) || "Something went wrong"), b(!1), null;
+  }, G = async (n) => {
+    var r;
+    if (u)
+      return;
+    b(!0), f("");
+    const h = await fetch("/api/integrations/giphy/get", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        url: n
+      })
+    }), t = await h.json();
+    return h.ok ? (l(t.image || ""), t.image || f("No Result found")) : f((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, h, t) => /* @__PURE__ */ o(
+    "div",
+    {
+      className: k(
+        "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(B, { name: n, className: "h-4 w-4 ltr:mr-2 rtl:ml-2" }),
+        h
+      ]
+    }
+  ), P = async (n) => {
+    n.stopPropagation(), n.preventDefault(), x === y ? w(c, 0) : x === C && G(c);
+  };
+  return /* @__PURE__ */ e(M, { open: D, onOpenChange: O, children: /* @__PURE__ */ o(j, { 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"), C)
+    ] }),
+    /* @__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: k("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, { noSticky: !0, children: [
+      /* @__PURE__ */ e(
+        R,
+        {
+          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(
+      z,
+      {
+        isOpenDialog: p,
+        setIsOpenDialog: m,
+        onSave: (c) => {
+          l(c), s.onChange(c);
+        }
+      }
+    )
+  ] });
+}
+const H = ({
+  getAppData: s,
+  setAppData: a,
+  disabled: i
+}) => {
+  const l = s("thankYouPage");
+  return /* @__PURE__ */ e(
+    F,
+    {
+      defaultValue: l,
+      disabled: i,
+      onChange: (p) => {
+        a("thankYouPage", p);
+      }
+    }
+  );
+};
+export {
+  H as default
+};