@calcom/atoms 1.3.0-booker → 1.3.1

package/dist/{AddressInput-WXZaR4AM.js → AddressInput-PV7ej7Dh.js}

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { I as n, b as c, c as o } from "./index-SbGDY58y.js";
+import { X as n, e as o, s as c } from "./index-dC9oWaTb.js";
 function r({ value: s, onChange: t, ...a }) {
   return /* @__PURE__ */ m("div", { className: "relative flex items-center", children: [
     /* @__PURE__ */ e(
@@ -11,14 +11,14 @@ function r({ value: s, onChange: t, ...a }) {
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      o,
       {
         ...a,
         value: s,
         onChange: (l) => {
           t(l.target.value);
         },
-        className: o("pl-10", a == null ? void 0 : a.className)
+        className: c("pl-10", a == null ? void 0 : a.className)
       }
     )
   ] });

package/dist/{AlbyPriceComponent-HWQCTeD1.js → AlbyPriceComponent-yWDmVyID.js}

@@ -1,6 +1,6 @@
 import { jsx as z, jsxs as er } from "react/jsx-runtime";
 import J from "react";
-import { d as tr, S as nr } from "./index-SbGDY58y.js";
+import { V as tr, Y as nr } from "./index-dC9oWaTb.js";
 const K = function(s, r = !0) {
   if (s.destroyed)
     throw new Error("Hash instance has been destroyed");
@@ -67,8 +67,8 @@ class ir extends sr {
     (function(b, y, E, x) {
       if (typeof b.setBigUint64 == "function")
         return b.setBigUint64(y, E, x);
-      const B = BigInt(32), k = BigInt(4294967295), _ = Number(E >> B & k), S = Number(E & k), j = x ? 0 : 4;
-      b.setUint32(y + (x ? 4 : 0), _, x), b.setUint32(y + j, S, x);
+      const B = BigInt(32), k = BigInt(4294967295), _ = Number(E >> B & k), C = Number(E & k), j = x ? 0 : 4;
+      b.setUint32(y + (x ? 4 : 0), _, x), b.setUint32(y + j, C, x);
     })(c, f - 8, BigInt(8 * this.length), u), this.process(c, 0);
     const g = N(r), m = this.outputLen;
     if (m % 4)
@@ -347,8 +347,8 @@ Q = function(s, r) {
     }
     return Uint8Array.from(t);
   } }, r.base58check = (e) => c(B(4, (t) => e(e(t))), r.base58);
-  const S = c(f("qpzry9x8gf2tvdw0s3jn54khce6mua7l"), u("")), j = [996825010, 642813549, 513874426, 1027748829, 705979059];
-  function C(e) {
+  const C = c(f("qpzry9x8gf2tvdw0s3jn54khce6mua7l"), u("")), j = [996825010, 642813549, 513874426, 1027748829, 705979059];
+  function S(e) {
     const t = e >> 25;
     let n = (33554431 & e) << 5;
     for (let o = 0; o < j.length; o++)
@@ -362,16 +362,16 @@ Q = function(s, r) {
       const d = e.charCodeAt(h);
       if (d < 33 || d > 126)
         throw new Error(`Invalid prefix (${e})`);
-      a = C(a) ^ d >> 5;
+      a = S(a) ^ d >> 5;
     }
-    a = C(a);
+    a = S(a);
     for (let h = 0; h < o; h++)
-      a = C(a) ^ 31 & e.charCodeAt(h);
+      a = S(a) ^ 31 & e.charCodeAt(h);
     for (let h of t)
-      a = C(a) ^ h;
+      a = S(a) ^ h;
     for (let h = 0; h < 6; h++)
-      a = C(a);
-    return a ^= n, S.encode(b([a % 2 ** 30], 30, 5, !1));
+      a = S(a);
+    return a ^= n, C.encode(b([a % 2 ** 30], 30, 5, !1));
   }
   function O(e) {
     const t = e === "bech32" ? 1 : 734539939, n = E(5), o = n.decode, a = n.encode, h = x(o);
@@ -389,7 +389,7 @@ Q = function(s, r) {
       const G = w.slice(0, v), D = w.slice(v + 1);
       if (D.length < 6)
         throw new Error("Data must be at least 6 characters long");
-      const M = S.decode(D).slice(0, -6), P = H(G, M, t);
+      const M = C.decode(D).slice(0, -6), P = H(G, M, t);
       if (!D.endsWith(P))
         throw new Error(`Invalid checksum in ${w}: expected "${P}"`);
       return { prefix: G, words: M };
@@ -402,7 +402,7 @@ Q = function(s, r) {
       const v = w.length + 7 + p.length;
       if ($ !== !1 && v > $)
         throw new TypeError(`Length ${v} exceeds limit ${$}`);
-      return `${w = w.toLowerCase()}1${S.encode(p)}${H(w, p, t)}`;
+      return `${w = w.toLowerCase()}1${C.encode(p)}${H(w, p, t)}`;
     }, decode: d, decodeToBytes: function(w) {
       const { prefix: p, words: $ } = d(w, !1);
       return { prefix: p, words: $, bytes: o($) };
@@ -431,20 +431,20 @@ Q = function(s, r) {
 BigInt(1e3), BigInt(1e6), BigInt(1e9), BigInt(1e12);
 BigInt("2100000000000000000");
 BigInt(1e11);
-const X = { payment_hash: 1, payment_secret: 16, description: 13, payee: 19, description_hash: 23, expiry: 6, min_final_cltv_expiry: 24, fallback_address: 9, route_hint: 3, feature_bits: 5, metadata: 27 };
-for (let s = 0, r = Object.keys(X); s < r.length; s++)
-  r[s], X[r[s]].toString();
+const Y = { payment_hash: 1, payment_secret: 16, description: 13, payee: 19, description_hash: 23, expiry: 6, min_final_cltv_expiry: 24, fallback_address: 9, route_hint: 3, feature_bits: 5, metadata: 27 };
+for (let s = 0, r = Object.keys(Y); s < r.length; s++)
+  r[s], Y[r[s]].toString();
 const V = async (s) => {
   const r = "https://getalby.com/api/rates/" + s.toLowerCase() + ".json";
   return (await (await fetch(r)).json()).rate_float / 1e8;
-}, Y = async ({ satoshi: s, currency: r }) => {
+}, X = async ({ satoshi: s, currency: r }) => {
   const i = await V(r);
   return Number(s) * i;
 };
-var fr = { __proto__: null, getFiatBtcRate: V, getFiatValue: Y, getSatoshiValue: async ({ amount: s, currency: r }) => {
+var fr = { __proto__: null, getFiatBtcRate: V, getFiatValue: X, getSatoshiValue: async ({ amount: s, currency: r }) => {
   const i = await V(r);
   return Math.floor(Number(s) / i);
-}, getFormattedFiatValue: async ({ satoshi: s, currency: r, locale: i }) => (i || (i = "en"), (await Y({ satoshi: s, currency: r })).toLocaleString(i, { style: "currency", currency: r })) };
+}, getFormattedFiatValue: async ({ satoshi: s, currency: r, locale: i }) => (i || (i = "en"), (await X({ satoshi: s, currency: r })).toLocaleString(i, { style: "currency", currency: r })) };
 function wr({ displaySymbol: s, price: r, formattedPrice: i }) {
   const [c, f] = J.useState("loading...");
   return J.useEffect(() => {

package/dist/AppCard-4lsFofOP.js

@@ -0,0 +1,281 @@
+import { jsx as l, Fragment as D, jsxs as a } from "react/jsx-runtime";
+import { ao as V, ap as v, s as u, X as N, aq as W, O as A, y as H, x as T, ar as q, u as j, a6 as C, as as L, G as F, am as U, at as g, q as G } from "./index-dC9oWaTb.js";
+import * as c from "react";
+var y = c.forwardRef((e, r) => {
+  const { children: t, ...n } = e, s = c.Children.toArray(t), i = s.find(Q);
+  if (i) {
+    const o = i.props.children, f = s.map((d) => d === i ? c.Children.count(o) > 1 ? c.Children.only(null) : c.isValidElement(o) ? o.props.children : null : d);
+    return /* @__PURE__ */ l(x, { ...n, ref: r, children: c.isValidElement(o) ? c.cloneElement(o, void 0, f) : null });
+  }
+  return /* @__PURE__ */ l(x, { ...n, ref: r, children: t });
+});
+y.displayName = "Slot";
+var x = c.forwardRef((e, r) => {
+  const { children: t, ...n } = e;
+  if (c.isValidElement(t)) {
+    const s = Z(t);
+    return c.cloneElement(t, {
+      ...X(n, t.props),
+      // @ts-ignore
+      ref: r ? V(r, s) : s
+    });
+  }
+  return c.Children.count(t) > 1 ? c.Children.only(null) : null;
+});
+x.displayName = "SlotClone";
+var M = ({ children: e }) => /* @__PURE__ */ l(D, { children: e });
+function Q(e) {
+  return c.isValidElement(e) && e.type === M;
+}
+function X(e, r) {
+  const t = { ...r };
+  for (const n in r) {
+    const s = e[n], i = r[n];
+    /^on[A-Z]/.test(n) ? s && i ? t[n] = (...f) => {
+      i(...f), s(...f);
+    } : s && (t[n] = s) : n === "style" ? t[n] = { ...s, ...i } : n === "className" && (t[n] = [s, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function Z(e) {
+  var n, s;
+  let r = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+const p = ({
+  children: e,
+  ref: r,
+  className: t
+}) => {
+  const [n] = v();
+  return /* @__PURE__ */ l("div", { ref: n, className: u("bg-muted flex flex-col gap-4 rounded-2xl p-4", t), children: e });
+}, R = ({
+  children: e,
+  ref: r,
+  as: t
+}) => /* @__PURE__ */ l(t ? y : "h2", { ref: r, className: "text-emphasis text-base font-semibold leading-none", children: e }), _ = ({
+  children: e,
+  ref: r,
+  as: t
+}) => /* @__PURE__ */ l(t ? y : "h3", { ref: r, className: "text-subtle line-clamp-1 text-sm", children: e }), b = ({
+  ref: e,
+  name: r,
+  size: t = "md",
+  iconSlot: n
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    ref: e,
+    className: u(
+      "bg-default border-subtle border-subtle flex items-center justify-center border",
+      t === "sm" && "rounded-md p-1",
+      t === "md" && "rounded-[10px] p-1.5"
+    ),
+    children: n || /* @__PURE__ */ l(N, { name: r, className: u(t === "sm" && "h-4 w-4", t === "md" && "h-6 w-6") })
+  }
+), J = ({
+  children: e,
+  ref: r,
+  icon: t,
+  title: n,
+  description: s,
+  iconSlot: i,
+  rawHeading: o
+}) => /* @__PURE__ */ a("div", { ref: r, className: "flex items-center justify-between gap-3", children: [
+  /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+    t && !i && /* @__PURE__ */ l(b, { name: t }),
+    i && /* @__PURE__ */ l(b, { iconSlot: i }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
+      n && /* @__PURE__ */ l(R, { children: n }),
+      s && /* @__PURE__ */ l(_, { children: s }),
+      o && o
+    ] })
+  ] }),
+  e
+] }), K = ({ children: e, ref: r }) => /* @__PURE__ */ l("div", { ref: r, className: "flex flex-col gap-4", children: e }), Y = ({ children: e, ref: r }) => {
+  const [t] = v();
+  return /* @__PURE__ */ l("div", { ref: t, className: "border-muted bg-default flex flex-col gap-4 rounded-xl border p-3", children: e });
+}, z = ({
+  children: e,
+  ref: r,
+  icon: t,
+  title: n,
+  classNames: s,
+  justify: i = "between",
+  labelFor: o
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: u(
+      "flex items-center gap-2",
+      i === "between" ? "justify-between" : "justify-start",
+      s == null ? void 0 : s.container
+    ),
+    children: [
+      /* @__PURE__ */ a("div", { className: u("flex items-center gap-2", s == null ? void 0 : s.title), children: [
+        t && /* @__PURE__ */ l(b, { name: t, size: "sm" }),
+        /* @__PURE__ */ l("div", { className: u("flex", s == null ? void 0 : s.title), children: /* @__PURE__ */ l("h4", { className: "text-default text-sm font-medium leading-none", id: o, children: n }) })
+      ] }),
+      e
+    ]
+  }
+), $ = ({
+  children: e,
+  ref: r,
+  invert: t,
+  classNames: n
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    ref: r,
+    className: u(
+      "bg-muted flex flex-col rounded-lg px-[6px] py-1",
+      t && "bg-default border-subtle border",
+      n == null ? void 0 : n.container
+    ),
+    children: e
+  }
+), ee = ({
+  children: e,
+  ref: r
+}) => /* @__PURE__ */ l("div", { ref: r, className: "bg-default border-subtle flex flex-col gap-2 rounded-xl border p-2", children: e }), h = Object.assign(p, {
+  Header: J,
+  Content: K,
+  Title: R,
+  Description: _,
+  SubSection: Y,
+  SubSectionHeader: z,
+  SubSectionContent: $,
+  SubSectionNested: ee
+});
+function te(e) {
+  const { status: r } = W.useSession();
+  return A.viewer.apps.appById.useQuery(
+    { appId: e },
+    {
+      enabled: r === "authenticated"
+    }
+  );
+}
+function ne({
+  appId: e,
+  className: r,
+  returnTo: t,
+  teamId: n
+}) {
+  const { t: s } = H(), { data: i } = te(e), o = A.useUtils(), f = T(null, {
+    returnTo: t,
+    onSuccess: (d) => {
+      o.viewer.apps.appById.invalidate({ appId: e }), o.viewer.apps.integrations.invalidate({
+        extendsFeature: "EventType",
+        ...n && { teamId: n }
+      }), !(d != null && d.setupPending) && C(s("app_successfully_installed"), "success");
+    },
+    onError: (d) => {
+      d instanceof Error && C(d.message || s("app_could_not_be_installed"), "error");
+    }
+  });
+  return i ? /* @__PURE__ */ l(
+    q,
+    {
+      type: i.type,
+      teamsPlanRequired: i.teamsPlanRequired,
+      wrapperClassName: u("[@media(max-width:260px)]:w-full", r),
+      render: ({ useDefaultComponent: d, ...m }) => (d && (m = {
+        ...m,
+        onClick: () => {
+          f.mutate({
+            type: i.type,
+            variant: i.variant,
+            slug: i.slug,
+            ...n && { teamId: n }
+          });
+        }
+      }), /* @__PURE__ */ l(
+        j,
+        {
+          loading: f.isPending,
+          color: "secondary",
+          className: "[@media(max-width:260px)]:w-full [@media(max-width:260px)]:justify-center",
+          StartIcon: "plus",
+          ...m,
+          children: s("add")
+        }
+      ))
+    }
+  ) : null;
+}
+function se({
+  app: e,
+  description: r,
+  switchOnClick: t,
+  switchChecked: n,
+  children: s,
+  returnTo: i,
+  teamId: o,
+  disableSwitch: f,
+  switchTooltip: d,
+  hideSettingsIcon: m = !1,
+  hideAppCardOptions: E = !1
+}) {
+  const { t: w } = L(), [I] = v(), { setAppData: P, LockedIcon: O, disabled: k } = F(), B = U();
+  return /* @__PURE__ */ a(h, { className: u(!(e != null && e.isInstalled) && "rounded-xl"), children: [
+    /* @__PURE__ */ l(
+      h.Header,
+      {
+        rawHeading: /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ a("div", { className: "flex w-full items-center gap-1", children: [
+            /* @__PURE__ */ l(h.Title, { children: e == null ? void 0 : e.name }),
+            !(e != null && e.isInstalled) && /* @__PURE__ */ l("span", { className: "bg-emphasis ml-1 rounded px-1 py-0.5 text-xs font-medium leading-3 tracking-[0.01em]", children: (e == null ? void 0 : e.categories[0].charAt(0).toUpperCase()) + (e == null ? void 0 : e.categories[0].slice(1)) })
+          ] }),
+          /* @__PURE__ */ l(h.Description, { children: e == null ? void 0 : e.description })
+        ] }),
+        iconSlot: /* @__PURE__ */ l(g, { href: `/apps/${e.slug}`, className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ l(
+          "img",
+          {
+            className: u(
+              (e == null ? void 0 : e.logo.includes("-dark")) && "dark:invert",
+              "max-h-full max-w-full object-contain"
+            ),
+            src: e == null ? void 0 : e.logo,
+            alt: e == null ? void 0 : e.name
+          }
+        ) }),
+        children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("div", { children: e != null && e.isInstalled || e.credentialOwner ? /* @__PURE__ */ l("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ l(
+          G,
+          {
+            size: "sm",
+            disabled: !e.enabled || k || f,
+            onCheckedChange: (S) => {
+              t && t(S), P("enabled", S);
+            },
+            checked: n,
+            LockedIcon: O,
+            "data-testid": `${e.slug}-app-switch`,
+            tooltip: d
+          }
+        ) }) : /* @__PURE__ */ l(
+          ne,
+          {
+            className: "ml-auto flex items-center",
+            appId: e.slug,
+            returnTo: i,
+            teamId: o
+          }
+        ) }) })
+      }
+    ),
+    E ? null : (e == null ? void 0 : e.isInstalled) && n && /* @__PURE__ */ l("div", { ref: I, children: e.isSetupAlready === void 0 || e.isSetupAlready ? /* @__PURE__ */ a("div", { className: "relative text-sm [&_input]:mb-0 [&_input]:leading-4", children: [
+      !m && !B && /* @__PURE__ */ l(g, { href: `/apps/${e.slug}/setup`, className: "absolute right-4 top-4", children: /* @__PURE__ */ l(N, { name: "settings", className: "text-default h-4 w-4", "aria-hidden": "true" }) }),
+      s
+    ] }) : /* @__PURE__ */ a("div", { className: "flex h-64 w-full flex-col items-center justify-center gap-4 ", children: [
+      /* @__PURE__ */ l("p", { children: w("this_app_is_not_setup_already") }),
+      /* @__PURE__ */ l(g, { href: `/apps/${e.slug}/setup`, children: /* @__PURE__ */ l(j, { StartIcon: "settings", children: w("setup") }) })
+    ] }) })
+  ] });
+}
+export {
+  se as A,
+  h as S
+};

package/dist/AppListCardPlatformWrapper-mavIjLoX.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { A as p } from "./index-dC9oWaTb.js";
+function s(o) {
+  const t = `https://app.cal.com${o.logo}`;
+  return /* @__PURE__ */ r(p, { ...o, logo: t });
+}
+export {
+  s as default
+};

package/dist/AppListCardWebWrapper-E4rFeVUL.js

@@ -0,0 +1,74 @@
+import { jsx as P } from "react/jsx-runtime";
+import { Z as i, z as y, _ as A, a0 as R, A as $ } from "./index-dC9oWaTb.js";
+import { useMemo as Q, useEffect as d, useCallback as b, useState as L, useRef as w } from "react";
+i.string().or(i.number()).or(i.array(i.number())).transform((r) => typeof r == "string" ? r.split(",").map((o) => Number(o)) : Array.isArray(r) ? r : [r]);
+i.preprocess((r) => i.string().parse(r).split(","), i.string().array()).or(i.string().array());
+function x(r) {
+  const o = y.useRouter(), c = A(), u = y.usePathname(), a = r.safeParse(c);
+  let s = Q(() => ({}), []);
+  d(() => {
+    a.success && a.data && Object.entries(a.data).forEach(([e, t]) => {
+      if (e in c || !t)
+        return;
+      const n = new URLSearchParams(s);
+      n.set(String(e), String(t)), o.replace(`${u}?${n.toString()}`);
+    });
+  }, [a, r, o, u, c, s]), a.success ? s = a.data : a.success || console.error(a.error);
+  const m = b(
+    function(t, n) {
+      const p = new URLSearchParams(s);
+      p.set(String(t), String(n)), o.replace(`${u}?${p.toString()}`);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s, o]
+  );
+  function l(e) {
+    const t = new URLSearchParams(s);
+    t.delete(String(e)), o.replace(`${u}?${t.toString()}`);
+  }
+  function f(e, t) {
+    const n = s[e];
+    if (Array.isArray(n)) {
+      if (n.includes(t))
+        return;
+      m(e, [...n, t]);
+    } else
+      m(e, [t]);
+  }
+  function h(e, t) {
+    const n = s[e];
+    if (Array.isArray(n) && n.length > 1) {
+      const p = n.filter((S) => S !== t);
+      m(e, p);
+    } else
+      l(e);
+  }
+  function g() {
+    u !== null && o.replace(u);
+  }
+  return {
+    data: s,
+    setQuery: m,
+    removeByKey: l,
+    pushItemToKey: f,
+    removeItemByKeyAndValue: h,
+    removeAllQueryParams: g
+  };
+}
+const C = i.object({ hl: i.string().optional() });
+function j(r) {
+  const { slug: o, shouldHighlight: c } = r, {
+    data: { hl: u }
+  } = x(C), a = y.useRouter(), [s, m] = L(c && u === o), l = w(null), f = R(), h = y.usePathname();
+  return d(() => (c && s && f !== null && h !== null && (l.current = setTimeout(() => {
+    const g = new URLSearchParams(f.toString());
+    g.delete("hl"), g.delete("category"), m(!1);
+    const e = g.toString();
+    a.replace(`${h}${e !== "" ? `?${e}` : ""}`);
+  }, 3e3)), () => {
+    l.current && (clearTimeout(l.current), l.current = null);
+  }), [s, h, a, f, c]), /* @__PURE__ */ P($, { ...r });
+}
+export {
+  j as default
+};

package/dist/AppSettingsInterface-1ECb-eGL.js

@@ -0,0 +1,29 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { y as i, f as l, u as m } from "./index-dC9oWaTb.js";
+function h() {
+  const { t: a } = i(), n = "metric", [e, c] = s("");
+  return /* @__PURE__ */ o("div", { className: "space-y-4 text-sm", children: [
+    /* @__PURE__ */ t(
+      l,
+      {
+        placeholder: "San Francisco",
+        value: e,
+        name: "Enter City",
+        onChange: async (r) => {
+          c(r.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      m,
+      {
+        href: `webcal://weather-in-calendar.com/cal/weather-cal.php?city=${e}&units=${n}&temperature=day`,
+        children: a("add_to_calendar")
+      }
+    )
+  ] });
+}
+export {
+  h as default
+};

package/dist/AppSettingsInterface-SMx0rhrP.js

@@ -0,0 +1,75 @@
+import { jsxs as a, jsx as e, Fragment as r } from "react/jsx-runtime";
+import { u as i, y as o } from "./index-dC9oWaTb.js";
+function d({ template: t }) {
+  return /* @__PURE__ */ a("div", { className: "min-h-16 bg-default border-subtle sticky flex flex-col justify-between gap-4 rounded-md border p-5", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-start justify-start", children: [
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "mr-4 flex h-12 w-12 items-center justify-center rounded-md p-1", children: /* @__PURE__ */ e("img", { className: "h-8", alt: t.app, src: `/api/app-store/zapier/${t.icon}` }) }) }),
+      /* @__PURE__ */ e("div", { className: "mr-4", children: /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("p", { className: "text-emphasis truncate text-sm font-medium leading-4", children: t.app }),
+        /* @__PURE__ */ e("p", { className: "text-subtle mt-[2px] text-sm", children: t.text })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "hidden w-full sm:block", children: /* @__PURE__ */ e("div", { className: "float-right", children: /* @__PURE__ */ e(i, { color: "secondary", className: " w-[90px]", target: "_blank", href: t.link, children: "Use Zap" }) }) }),
+    /* @__PURE__ */ e("div", { className: "mt-2 block w-full sm:hidden", children: /* @__PURE__ */ e("div", { className: "float-right", children: /* @__PURE__ */ e(i, { color: "secondary", className: "w-[90px]", target: "_blank", href: t.link, children: "Use Zap" }) }) })
+  ] });
+}
+const n = [
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail for scheduled events",
+    link: "https://zapier.com/app/editor/template/1071345"
+  },
+  {
+    icon: "googleSheets.svg",
+    app: "Google Sheets",
+    text: "Create Google Sheets rows for scheduled events",
+    link: "https://zapier.com/app/editor/template/1082047"
+  },
+  {
+    icon: "salesforce.svg",
+    app: "Salesforce",
+    text: "Create Salesforce leads from new bookings",
+    link: "https://zapier.com/app/editor/template/1082050"
+  },
+  {
+    icon: "todoist.svg",
+    app: "Todoist",
+    text: "Create Todoist tasks for scheduled events",
+    link: "https://zapier.com/app/editor/template/1082073"
+  },
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail for rescheduled events",
+    link: "https://zapier.com/app/editor/template/1083605"
+  },
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail for cancelled events",
+    link: "https://zapier.com/app/editor/template/1083609"
+  },
+  {
+    icon: "gmail.svg",
+    app: "Gmail",
+    text: "Send emails via Gmail after scheduled meetings end",
+    link: "https://zapier.com/app/editor/template/1083613"
+  },
+  {
+    icon: "googleCalendar.svg",
+    app: "Google Calendar",
+    text: "Add new bookings to Google Calendar",
+    link: "https://zapier.com/app/editor/template/1083651"
+  }
+];
+function m() {
+  const { t } = o();
+  return /* @__PURE__ */ a(r, { children: [
+    /* @__PURE__ */ e("div", { className: "text-sm font-semibold leading-4 ", children: t("get_started_zapier_templates") }),
+    /* @__PURE__ */ e("div", { className: "mt-4 grid gap-4 md:grid-cols-2", children: n.map((s, l) => /* @__PURE__ */ e(d, { template: s }, l)) })
+  ] });
+}
+export {
+  m as default
+};

package/dist/AppSettingsInterface-vkAV3Jq-.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { y as r, f as u, u as i } from "./index-dC9oWaTb.js";
+function d() {
+  const { t: e } = r(), [s, n] = p("");
+  return /* @__PURE__ */ o("div", { className: "space-y-4 px-4 pb-4 pt-4 text-sm", children: [
+    /* @__PURE__ */ t(
+      u,
+      {
+        placeholder: "Some Input",
+        value: s,
+        name: "Enter Input",
+        onChange: async (a) => {
+          n(a.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ t(i, { children: e("submit") })
+  ] });
+}
+export {
+  d as default
+};