@calcom/atoms 1.3.1 → 1.4.0-booker

package/dist/EventTypeAppSettingsInterface-Lsx2he2j.js

@@ -1,298 +0,0 @@
-import { jsxs as u, Fragment as f, jsx as l } from "react/jsx-runtime";
-import { a9 as d, y as L, aa as i, M as P, f as w, R as T, U as O, S as y, ab as E, ac as x, s as B, ad as F, ae as K } from "./index-dC9oWaTb.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" },
-  { label: "Albanian lek (ALL)", value: "all" },
-  { label: "Armenian dram (AMD)", value: "amd" },
-  { label: "Netherlands Antillean guilder (ANG)", value: "ang" },
-  { label: "Angolan kwanza (AOA)", value: "aoa" },
-  { label: "Argentine peso (ARS)", value: "ars" },
-  { label: "Australian dollar (AUD)", value: "aud" },
-  { label: "Aruban florin (AWG)", value: "awg" },
-  { label: "Azerbaijani manat (AZN)", value: "azn" },
-  { label: "Bosnia and Herzegovina convertible mark (BAM)", value: "bam" },
-  { label: "Barbadian dollar (BBD)", value: "bbd" },
-  { label: "Bangladeshi taka (BDT)", value: "bdt" },
-  { label: "Bulgarian lev (BGN)", value: "bgn" },
-  { label: "Burundian franc (BIF)", value: "bif" },
-  { label: "Bermudian dollar (BMD)", value: "bmd" },
-  { label: "Brunei dollar (BND)", value: "bnd" },
-  { label: "Bolivian boliviano (BOB)", value: "bob" },
-  { label: "Brazilian real (BRL)", value: "brl" },
-  { label: "Bahamian dollar (BSD)", value: "bsd" },
-  { label: "Botswana pula (BWP)", value: "bwp" },
-  { label: "Belarusian ruble (BYN)", value: "byn" },
-  { label: "Belize dollar (BZD)", value: "bzd" },
-  { label: "Canadian dollar (CAD)", value: "cad" },
-  { label: "Congolese franc (CDF)", value: "cdf" },
-  { label: "Swiss franc (CHF)", value: "chf" },
-  { label: "Chilean peso (CLP)", value: "clp" },
-  { label: "Chinese yuan (CNY)", value: "cny" },
-  { label: "Colombian peso (COP)", value: "cop" },
-  { label: "Costa Rican colón (CRC)", value: "crc" },
-  { label: "Cape Verdean escudo (CVE)", value: "cve" },
-  { label: "Czech koruna (CZK)", value: "czk" },
-  { label: "Djiboutian franc (DJF)", value: "djf" },
-  { label: "Danish krone (DKK)", value: "dkk" },
-  { label: "Dominican peso (DOP)", value: "dop" },
-  { label: "Algerian dinar (DZD)", value: "dzd" },
-  { label: "Egyptian pound (EGP)", value: "egp" },
-  { label: "Ethiopian birr (ETB)", value: "etb" },
-  { label: "Euro (EUR)", value: "eur" },
-  { label: "Fijian dollar (FJD)", value: "fjd" },
-  { label: "Falkland Islands pound (FKP)", value: "fkp" },
-  { label: "British pound sterling (GBP)", value: "gbp" },
-  { label: "Georgian lari (GEL)", value: "gel" },
-  { label: "Gibraltar pound (GIP)", value: "gip" },
-  { label: "Gambian dalasi (GMD)", value: "gmd" },
-  { label: "Guinean franc (GNF)", value: "gnf" },
-  { label: "Guatemalan quetzal (GTQ)", value: "gtq" },
-  { label: "Guyanese dollar (GYD)", value: "gyd" },
-  { label: "Hong Kong dollar (HKD)", value: "hkd" },
-  { label: "Honduran lempira (HNL)", value: "hnl" },
-  { label: "Haitian gourde (HTG)", value: "htg" },
-  { label: "Hungarian forint (HUF)", value: "huf" },
-  { label: "Indonesian rupiah (IDR)", value: "idr" },
-  { label: "Israeli new shekel (ILS)", value: "ils" },
-  { label: "Indian rupee (INR)", value: "inr" },
-  { label: "Icelandic króna (ISK)", value: "isk" },
-  { label: "Jamaican dollar (JMD)", value: "jmd" },
-  { label: "Japanese yen (JPY)", value: "jpy" },
-  { label: "Kenyan shilling (KES)", value: "kes" },
-  { label: "Kyrgyzstani som (KGS)", value: "kgs" },
-  { label: "Cambodian riel (KHR)", value: "khr" },
-  { label: "Comorian franc (KMF)", value: "kmf" },
-  { label: "South Korean won (KRW)", value: "krw" },
-  { label: "Cayman Islands dollar (KYD)", value: "kyd" },
-  { label: "Kazakhstani tenge (KZT)", value: "kzt" },
-  { label: "Laotian kip (LAK)", value: "lak" },
-  { label: "Lebanese pound (LBP)", value: "lbp" },
-  { label: "Sri Lankan rupee (LKR)", value: "lkr" },
-  { label: "Liberian dollar (LRD)", value: "lrd" },
-  { label: "Lesotho loti (LSL)", value: "lsl" },
-  { label: "Moroccan dirham (MAD)", value: "mad" },
-  { label: "Moldovan leu (MDL)", value: "mdl" },
-  { label: "Malagasy ariary (MGA)", value: "mga" },
-  { label: "Macedonian denar (MKD)", value: "mkd" },
-  { label: "Myanmar kyat (MMK)", value: "mmk" },
-  { label: "Mongolian tögrög (MNT)", value: "mnt" },
-  { label: "Macanese pataca (MOP)", value: "mop" },
-  { label: "Mauritian rupee (MUR)", value: "mur" },
-  { label: "Maldivian rufiyaa (MVR)", value: "mvr" },
-  { label: "Malawian kwacha (MWK)", value: "mwk" },
-  { label: "Mexican peso (MXN)", value: "mxn" },
-  { label: "Malaysian ringgit (MYR)", value: "myr" },
-  { label: "Mozambican metical (MZN)", value: "mzn" },
-  { label: "Namibian dollar (NAD)", value: "nad" },
-  { label: "Nigerian naira (NGN)", value: "ngn" },
-  { label: "Nicaraguan córdoba (NIO)", value: "nio" },
-  { label: "Norwegian krone (NOK)", value: "nok" },
-  { label: "Nepalese rupee (NPR)", value: "npr" },
-  { label: "New Zealand dollar (NZD)", value: "nzd" },
-  { label: "Panamanian balboa (PAB)", value: "pab" },
-  { label: "Peruvian sol (PEN)", value: "pen" },
-  { label: "Papua New Guinean kina (PGK)", value: "pgk" },
-  { label: "Philippine peso (PHP)", value: "php" },
-  { label: "Pakistani rupee (PKR)", value: "pkr" },
-  { label: "Polish złoty (PLN)", value: "pln" },
-  { label: "Paraguayan guaraní (PYG)", value: "pyg" },
-  { label: "Qatari riyal (QAR)", value: "qar" },
-  { label: "Romanian leu (RON)", value: "ron" },
-  { label: "Serbian dinar (RSD)", value: "rsd" },
-  { label: "Russian ruble (RUB)", value: "rub" },
-  { label: "Rwandan franc (RWF)", value: "rwf" },
-  { label: "Saudi riyal (SAR)", value: "sar" },
-  { label: "Solomon Islands dollar (SBD)", value: "sbd" },
-  { label: "Seychellois rupee (SCR)", value: "scr" },
-  { label: "Swedish krona (SEK)", value: "sek" },
-  { label: "Singapore dollar (SGD)", value: "sgd" },
-  { label: "Saint Helena pound (SHP)", value: "shp" },
-  { label: "Sierra Leonean leone (SLE)", value: "sle" },
-  { label: "Somali shilling (SOS)", value: "sos" },
-  { label: "Surinamese dollar (SRD)", value: "srd" },
-  { label: "São Tomé and Príncipe dobra (STD)", value: "std" },
-  { label: "Swazi lilangeni (SZL)", value: "szl" },
-  { label: "Thai baht (THB)", value: "thb" },
-  { label: "Tajikistani somoni (TJS)", value: "tjs" },
-  { label: "Tongan paʻanga (TOP)", value: "top" },
-  { label: "Turkish lira (TRY)", value: "try" },
-  { label: "Trinidad and Tobago dollar (TTD)", value: "ttd" },
-  { label: "New Taiwan dollar (TWD)", value: "twd" },
-  { label: "Tanzanian shilling (TZS)", value: "tzs" },
-  { label: "Ukrainian hryvnia (UAH)", value: "uah" },
-  { label: "Ugandan shilling (UGX)", value: "ugx" },
-  { label: "Uruguayan peso (UYU)", value: "uyu" },
-  { label: "Uzbekistan som (UZS)", value: "uzs" },
-  { label: "Vietnamese đồng (VND)", value: "vnd" },
-  { label: "Vanuatu vatu (VUV)", value: "vuv" },
-  { label: "Samoan tala (WST)", value: "wst" },
-  { label: "Central African CFA franc (XAF)", value: "xaf" },
-  { label: "East Caribbean dollar (XCD)", value: "xcd" },
-  { label: "West African CFA franc (XOF)", value: "xof" },
-  { label: "CFP franc (XPF)", value: "xpf" },
-  { label: "Yemeni rial (YER)", value: "yer" },
-  { label: "South African rand (ZAR)", value: "zar" },
-  { label: "Zambian kwacha (ZMW)", value: "zmw" }
-], V = ({
-  getAppData: r,
-  setAppData: e,
-  disabled: b,
-  eventType: h
-}) => {
-  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
-    }
-  ), 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: M,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
-  }).replace(/\d/g, "").trim();
-  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__ */ 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(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: b,
-          onChange: (a) => {
-            e("price", T(Number(a.target.value), o));
-          },
-          value: g > 0 ? O(g, o) : void 0
-        }
-      ) }),
-      /* @__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: s,
-            innerClassNames: {
-              input: "stripe-currency-input"
-            },
-            value: t,
-            className: "text-black",
-            defaultValue: t,
-            onChange: (a) => {
-              a && (D(a), e("currency", a.value));
-            }
-          }
-        )
-      ] }),
-      /* @__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: 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", i.NEVER), e("refundDaysCount", void 0), e("refundCountCalendarDays", void 0)));
-            },
-            className: "mb-1 h-[38px] w-full",
-            isDisabled: S || b
-          }
-        )
-      ] }),
-      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: b || v === "HOLD",
-            defaultValue: "never",
-            className: "flex flex-col space-y-2",
-            value: r("refundPolicy"),
-            onValueChange: (a) => {
-              e("refundPolicy", a), a !== i.DAYS && (e("refundDaysCount", void 0), e("refundCountCalendarDays", void 0));
-            },
-            children: [
-              /* @__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(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__ */ u("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ u("span", { className: "me-2 ms-2", children: [
-                    " ",
-                    n("if_cancelled")
-                  ] }),
-                  /* @__PURE__ */ l(
-                    w,
-                    {
-                      labelSrOnly: !0,
-                      type: "number",
-                      className: B(
-                        "border-default my-0 block w-16 text-sm [appearance:textfield] ltr:mr-2 rtl:ml-2"
-                      ),
-                      placeholder: "2",
-                      disabled: b,
-                      min: 0,
-                      defaultValue: r("refundDaysCount"),
-                      required: r("refundPolicy") === i.DAYS,
-                      value: r("refundDaysCount") ?? "",
-                      onChange: (a) => e("refundDaysCount", parseInt(a.currentTarget.value))
-                    }
-                  ),
-                  /* @__PURE__ */ l(
-                    y,
-                    {
-                      options: C,
-                      isSearchable: !1,
-                      isDisabled: b,
-                      onChange: (a) => e("refundCountCalendarDays", (a == null ? void 0 : a.value) === 1),
-                      value: p(),
-                      defaultValue: p()
-                    }
-                  ),
-                  /* @__PURE__ */ u("span", { className: "me-2 ms-2", children: [
-                    " ",
-                    n("before")
-                  ] })
-                ] })
-              ] })
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-export {
-  V as default
-};

package/dist/EventTypeAppSettingsInterface-M-phIaYV.js

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

@@ -1,23 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { f as o } from "./index-dC9oWaTb.js";
-const p = ({
-  getAppData: t,
-  setAppData: e,
-  disabled: a
-}) => {
-  const n = t("trackingId");
-  return /* @__PURE__ */ i(
-    o,
-    {
-      name: "Tracking ID",
-      value: n,
-      disabled: a,
-      onChange: (r) => {
-        e("trackingId", r.target.value);
-      }
-    }
-  );
-};
-export {
-  p as default
-};

package/dist/EventTypeAppSettingsInterface-YLFWXdQz.js

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

@@ -1,221 +0,0 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { y as I, af as P, ag as j, e as T, u as g, s as k, M as A, ah as E, ai as R, X as z } from "./index-dC9oWaTb.js";
-const x = "search", C = "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(""), [y, _] = d(x), 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: k(
-        "flex cursor-pointer items-center border-b-2 p-2 text-sm ",
-        y === t ? "text-default border-emphasis" : "text-subtle border-transparent"
-      ),
-      onClick: () => {
-        v(""), l(""), _(t);
-      },
-      children: [
-        /* @__PURE__ */ e(z, { name: n, className: "h-4 w-4 ltr:mr-2 rtl:ml-2" }),
-        f
-      ]
-    }
-  ), M = async (n) => {
-    n.stopPropagation(), n.preventDefault(), y === x ? w(c, 0) : y === C && G(c);
-  };
-  return /* @__PURE__ */ e(P, { 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"), x),
-      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: M,
-        children: [
-          /* @__PURE__ */ e("div", { className: "relative block w-full pt-2", children: /* @__PURE__ */ e(
-            T,
-            {
-              type: "text",
-              placeholder: y === x ? 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 && y === x && /* @__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(
-      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
-};