@calcom/atoms 1.12.1 → 2.0.0

package/dist/{AddressInput-XLZv7IiA.js → AddressInput-BpSJca3r.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { R as n, e as o, r as p } from "./index-d93whXsZ.js";
-function i({ value: s, onChange: t, ...a }) {
+import { K as n, e as o, J as p } from "./index-c1AU6gV4.js";
+function r({ value: s, onChange: t, ...a }) {
   return /* @__PURE__ */ m("div", { className: "relative flex items-center", children: [
     /* @__PURE__ */ e(
       n,
@@ -25,5 +25,5 @@ function i({ value: s, onChange: t, ...a }) {
   ] });
 }
 export {
-  i as default
+  r as default
 };

package/dist/{AlbyPriceComponent-9oW3P2T3.js → AlbyPriceComponent-0EzHrAW1.js}

@@ -1,7 +1,7 @@
-import { jsx as Q, jsxs as er } from "react/jsx-runtime";
-import z from "react";
-import { Q as tr, U as nr } from "./index-d93whXsZ.js";
-const J = function(s, r = !0) {
+import { jsx as z, jsxs as er } from "react/jsx-runtime";
+import J from "react";
+import { G as tr, M as nr } from "./index-c1AU6gV4.js";
+const K = function(s, r = !0) {
   if (s.destroyed)
     throw new Error("Hash instance has been destroyed");
   if (r && s.finished)
@@ -33,7 +33,7 @@ class ir extends sr {
     super(), this.blockLen = r, this.outputLen = i, this.padOffset = c, this.isLE = f, this.finished = !1, this.length = 0, this.pos = 0, this.destroyed = !1, this.buffer = new Uint8Array(r), this.view = N(this.buffer);
   }
   update(r) {
-    J(this);
+    K(this);
     const { view: i, buffer: c, blockLen: f } = this, u = (r = Z(r)).length;
     for (let l = 0; l < u; ) {
       const g = Math.min(f - this.pos, u - l);
@@ -48,7 +48,7 @@ class ir extends sr {
     return this.length += r.length, this.roundClean(), this;
   }
   digestInto(r) {
-    J(this), function(b, y) {
+    K(this), function(b, y) {
       (function(x, ...B) {
         if (!(x instanceof Uint8Array))
           throw new Error("Expected Uint8Array");
@@ -132,8 +132,8 @@ class hr extends rr {
 }
 q(() => new rr());
 q(() => new hr());
-var K, R;
-K = function(s, r) {
+var Q, R;
+Q = function(s, r) {
   function i(e) {
     if (!Number.isSafeInteger(e))
       throw new Error(`Wrong integer: ${e}`);
@@ -386,13 +386,13 @@ K = function(s, r) {
       const v = (w = $).lastIndexOf("1");
       if (v === 0 || v === -1)
         throw new Error('Letter "1" must be present between prefix and data only');
-      const G = w.slice(0, v), D = w.slice(v + 1);
+      const W = 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 = C.decode(D).slice(0, -6), P = H(G, M, t);
+      const M = C.decode(D).slice(0, -6), P = H(W, M, t);
       if (!D.endsWith(P))
         throw new Error(`Invalid checksum in ${w}: expected "${P}"`);
-      return { prefix: G, words: M };
+      return { prefix: W, words: M };
     }
     return { encode: function(w, p, $ = 90) {
       if (typeof w != "string")
@@ -413,21 +413,21 @@ K = function(s, r) {
       throw new TypeError(`hex.decode: expected string, got ${typeof e} with length ${e.length}`);
     return e.toLowerCase();
   }));
-  const F = { utf8: r.utf8, hex: r.hex, base16: r.base16, base32: r.base32, base64: r.base64, base64url: r.base64url, base58: r.base58, base58xmr: r.base58xmr }, W = `Invalid encoding type. Available types: ${Object.keys(F).join(", ")}`;
+  const F = { utf8: r.utf8, hex: r.hex, base16: r.base16, base32: r.base32, base64: r.base64, base64url: r.base64url, base58: r.base58, base58xmr: r.base58xmr }, G = `Invalid encoding type. Available types: ${Object.keys(F).join(", ")}`;
   r.bytesToString = (e, t) => {
     if (typeof e != "string" || !F.hasOwnProperty(e))
-      throw new TypeError(W);
+      throw new TypeError(G);
     if (!(t instanceof Uint8Array))
       throw new TypeError("bytesToString() expects Uint8Array");
     return F[e].encode(t);
   }, r.str = r.bytesToString, r.stringToBytes = (e, t) => {
     if (!F.hasOwnProperty(e))
-      throw new TypeError(W);
+      throw new TypeError(G);
     if (typeof t != "string")
       throw new TypeError("stringToBytes() expects string");
     return F[e].decode(t);
   }, r.bytes = r.stringToBytes;
-}, K(R = { exports: {} }, R.exports), R.exports;
+}, Q(R = { exports: {} }, R.exports), R.exports;
 BigInt(1e3), BigInt(1e6), BigInt(1e9), BigInt(1e12);
 BigInt("2100000000000000000");
 BigInt(1e11);
@@ -446,14 +446,14 @@ var fr = { __proto__: null, getFiatBtcRate: V, getFiatValue: Y, getSatoshiValue:
   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 })) };
 function wr({ displaySymbol: s, price: r, formattedPrice: i }) {
-  const [c, f] = z.useState("loading...");
-  return z.useEffect(() => {
+  const [c, f] = J.useState("loading...");
+  return J.useEffect(() => {
     (async () => {
       const u = await fr.getFiatValue({ satoshi: r, currency: "USD" });
       f(`$${u.toFixed(2)}`);
     })();
-  }, [r]), /* @__PURE__ */ Q(tr, { content: c, children: /* @__PURE__ */ er("div", { className: "inline-flex items-center justify-center", children: [
-    s && /* @__PURE__ */ Q(nr, { className: "h-4 w-4" }),
+  }, [r]), /* @__PURE__ */ z(tr, { content: c, children: /* @__PURE__ */ er("div", { className: "inline-flex items-center justify-center", children: [
+    s && /* @__PURE__ */ z(nr, { className: "h-4 w-4" }),
     i
   ] }) });
 }

package/dist/{AppCard-pI4hF2G4.js → AppCard-8e-kpo72.js}

@@ -1,21 +1,21 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { ah as g, r as a, ai as y, R as S, aj as H, ak as L, w as N, v as T, al as q, B as A, a3 as w, y as E, am as O, an as h, p as M } from "./index-d93whXsZ.js";
-const Q = ({
+import { ak as b, J as a, al as y, K as _, am as q, an as D, q as S, u as H, ao as L, B as N, a6 as w, s as T, ap as E, aq as x, p as O, ar as J } from "./index-c1AU6gV4.js";
+const K = ({
   children: e,
   ref: s,
   className: n
 }) => {
-  const [l] = g();
-  return /* @__PURE__ */ t("div", { ref: l, className: a("bg-muted flex flex-col gap-4 rounded-2xl p-4", n), children: e });
-}, I = ({
+  const [l] = b();
+  return /* @__PURE__ */ t("div", { ref: l, className: a("bg-cal-muted flex flex-col gap-4 rounded-2xl p-4", n), children: e });
+}, A = ({
   children: e,
   ref: s,
   as: n
-}) => /* @__PURE__ */ t(n ? y : "h2", { ref: s, className: "text-emphasis text-base font-semibold leading-none", children: e }), _ = ({
+}) => /* @__PURE__ */ t(n ? y : "h2", { ref: s, className: "text-emphasis text-base font-semibold leading-none", children: e }), I = ({
   children: e,
   ref: s,
   as: n
-}) => /* @__PURE__ */ t(n ? y : "h3", { ref: s, className: "text-subtle line-clamp-1 text-sm", children: e }), x = ({
+}) => /* @__PURE__ */ t(n ? y : "h3", { ref: s, className: "text-subtle line-clamp-1 text-sm break-all", children: e }), g = ({
   ref: e,
   name: s,
   size: n = "md",
@@ -29,9 +29,9 @@ const Q = ({
       n === "sm" && "rounded-md p-1",
       n === "md" && "rounded-[10px] p-1.5"
     ),
-    children: l || /* @__PURE__ */ t(S, { name: s, className: a(n === "sm" && "h-4 w-4", n === "md" && "h-6 w-6") })
+    children: l || /* @__PURE__ */ t(_, { name: s, className: a(n === "sm" && "h-4 w-4", n === "md" && "h-6 w-6") })
   }
-), U = ({
+), M = ({
   children: e,
   ref: s,
   icon: n,
@@ -39,21 +39,21 @@ const Q = ({
   description: r,
   iconSlot: d,
   rawHeading: i
-}) => /* @__PURE__ */ o("div", { ref: s, className: "flex items-center justify-between gap-3", children: [
+}) => /* @__PURE__ */ o("div", { ref: s, className: "flex items-center justify-between flex-wrap sm:flex-nowrap gap-3", children: [
   /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-    n && !d && /* @__PURE__ */ t(x, { name: n }),
-    d && /* @__PURE__ */ t(x, { iconSlot: d }),
+    n && !d && /* @__PURE__ */ t(g, { name: n }),
+    d && /* @__PURE__ */ t(g, { iconSlot: d }),
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-0.5", children: [
-      l && /* @__PURE__ */ t(I, { children: l }),
-      r && /* @__PURE__ */ t(_, { children: r }),
+      l && /* @__PURE__ */ t(A, { children: l }),
+      r && /* @__PURE__ */ t(I, { children: r }),
       i && i
     ] })
   ] }),
   e
-] }), W = ({ children: e, ref: s }) => /* @__PURE__ */ t("div", { ref: s, className: "flex flex-col gap-4", children: e }), F = ({ children: e, ref: s }) => {
-  const [n] = g();
+] }), Q = ({ children: e, ref: s }) => /* @__PURE__ */ t("div", { ref: s, className: "flex flex-col gap-4", children: e }), U = ({ children: e, ref: s }) => {
+  const [n] = b();
   return /* @__PURE__ */ t("div", { ref: n, className: "border-muted bg-default flex flex-col gap-4 rounded-xl border p-3", children: e });
-}, G = ({
+}, W = ({
   children: e,
   ref: s,
   icon: n,
@@ -72,13 +72,13 @@ const Q = ({
     ),
     children: [
       /* @__PURE__ */ o("div", { className: a("flex items-center gap-2", r == null ? void 0 : r.title), children: [
-        n && /* @__PURE__ */ t(x, { name: n, size: "sm" }),
+        n && /* @__PURE__ */ t(g, { name: n, size: "sm" }),
         /* @__PURE__ */ t("div", { className: a("flex", r == null ? void 0 : r.title), children: /* @__PURE__ */ t("h4", { className: "text-default text-sm font-medium leading-none", id: i, children: l }) })
       ] }),
       e
     ]
   }
-), J = ({
+), F = ({
   children: e,
   ref: s,
   invert: n,
@@ -88,28 +88,28 @@ const Q = ({
   {
     ref: s,
     className: a(
-      "bg-muted flex flex-col rounded-lg px-[6px] py-1",
+      "bg-cal-muted flex flex-col rounded-lg px-[6px] py-1",
       n && "bg-default border-subtle border",
       l == null ? void 0 : l.container
     ),
     children: e
   }
-), K = ({
+), G = ({
   children: e,
   ref: s
-}) => /* @__PURE__ */ t("div", { ref: s, className: "bg-default border-subtle flex flex-col gap-2 rounded-xl border p-2", children: e }), f = Object.assign(Q, {
-  Header: U,
-  Content: W,
-  Title: I,
-  Description: _,
-  SubSection: F,
-  SubSectionHeader: G,
-  SubSectionContent: J,
-  SubSectionNested: K
+}) => /* @__PURE__ */ t("div", { ref: s, className: "bg-default border-subtle flex flex-col gap-2 rounded-xl border p-2", children: e }), f = Object.assign(K, {
+  Header: M,
+  Content: Q,
+  Title: A,
+  Description: I,
+  SubSection: U,
+  SubSectionHeader: W,
+  SubSectionContent: F,
+  SubSectionNested: G
 });
 function V(e) {
-  const { status: s } = H.useSession();
-  return L.viewer.apps.appById.useQuery(
+  const { status: s } = q.useSession();
+  return D.viewer.apps.appById.useQuery(
     { appId: e },
     {
       enabled: s === "authenticated"
@@ -123,7 +123,7 @@ function X({
   teamId: l,
   onAppInstallSuccess: r
 }) {
-  const { t: d } = N(), { data: i } = V(e), m = T(null, {
+  const { t: d } = S(), { data: i } = V(e), m = H(null, {
     returnTo: n,
     onSuccess: (c) => {
       r(), !(c != null && c.setupPending) && w(d("app_successfully_installed"), "success");
@@ -133,7 +133,7 @@ function X({
     }
   });
   return i ? /* @__PURE__ */ t(
-    q,
+    L,
     {
       type: i.type,
       teamsPlanRequired: i.teamsPlanRequired,
@@ -149,7 +149,7 @@ function X({
           });
         }
       }), /* @__PURE__ */ t(
-        A,
+        N,
         {
           loading: m.isPending,
           color: "secondary",
@@ -164,19 +164,18 @@ function X({
 }
 function z({
   app: e,
-  description: s,
-  switchOnClick: n,
-  switchChecked: l,
-  children: r,
-  returnTo: d,
-  teamId: i,
-  disableSwitch: m,
-  switchTooltip: c,
-  hideSettingsIcon: u = !1,
-  hideAppCardOptions: j = !1,
+  switchOnClick: s,
+  switchChecked: n,
+  children: l,
+  returnTo: r,
+  teamId: d,
+  disableSwitch: i,
+  switchTooltip: m,
+  hideSettingsIcon: c = !1,
+  hideAppCardOptions: u = !1,
   onAppInstallSuccess: C
 }) {
-  const { t: b } = N(), [k] = g(), { setAppData: R, LockedIcon: P, disabled: B } = E(), D = O();
+  const { t: v } = S(), [j] = b(), { setAppData: k, LockedIcon: P, disabled: R } = T(), B = E();
   return /* @__PURE__ */ o(f, { className: a(!(e != null && e.isInstalled) && "rounded-xl"), children: [
     /* @__PURE__ */ t(
       f.Header,
@@ -188,7 +187,7 @@ function z({
           ] }),
           /* @__PURE__ */ t(f.Description, { children: e == null ? void 0 : e.description })
         ] }),
-        iconSlot: /* @__PURE__ */ t(h, { href: `/apps/${e.slug}`, className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ t(
+        iconSlot: /* @__PURE__ */ t(x, { href: `/apps/${e.slug}`, className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ t(
           "img",
           {
             className: a(
@@ -200,36 +199,39 @@ function z({
           }
         ) }),
         children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { children: e != null && e.isInstalled || e.credentialOwner ? /* @__PURE__ */ t("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ t(
-          M,
+          O,
           {
             size: "sm",
-            disabled: !e.enabled || B || m,
-            onCheckedChange: (v) => {
-              n && n(v), R("enabled", v);
+            disabled: !e.enabled || R || i,
+            onCheckedChange: (h) => {
+              J.capture("event_type_app_switch_toggled", {
+                app_slug: e.slug,
+                enabled: h
+              }), s && s(h), k("enabled", h);
             },
-            checked: l,
+            checked: n,
             LockedIcon: P,
             "data-testid": `${e.slug}-app-switch`,
-            tooltip: c
+            tooltip: m
           }
         ) }) : /* @__PURE__ */ t(
           X,
           {
             className: "ml-auto flex items-center",
             appId: e.slug,
-            returnTo: d,
-            teamId: i,
+            returnTo: r,
+            teamId: d,
             onAppInstallSuccess: C
           }
         ) }) })
       }
     ),
-    j ? null : (e == null ? void 0 : e.isInstalled) && l && /* @__PURE__ */ t("div", { ref: k, children: e.isSetupAlready === void 0 || e.isSetupAlready ? /* @__PURE__ */ o("div", { className: "relative text-sm [&_input]:mb-0 [&_input]:leading-4", children: [
-      !u && !D && /* @__PURE__ */ t(h, { href: `/apps/${e.slug}/setup`, className: "absolute right-4 top-4", children: /* @__PURE__ */ t(S, { name: "settings", className: "text-default h-4 w-4", "aria-hidden": "true" }) }),
-      r
+    u ? null : (e == null ? void 0 : e.isInstalled) && n && /* @__PURE__ */ t("div", { ref: j, children: e.isSetupAlready === void 0 || e.isSetupAlready ? /* @__PURE__ */ o("div", { className: "relative text-sm [&_input]:mb-0 [&_input]:leading-4", children: [
+      !c && !B && /* @__PURE__ */ t(x, { href: `/apps/${e.slug}/setup`, className: "absolute right-4 top-4", children: /* @__PURE__ */ t(_, { name: "settings", className: "text-default h-4 w-4", "aria-hidden": "true" }) }),
+      l
     ] }) : /* @__PURE__ */ o("div", { className: "flex h-64 w-full flex-col items-center justify-center gap-4 ", children: [
-      /* @__PURE__ */ t("p", { children: b("this_app_is_not_setup_already") }),
-      /* @__PURE__ */ t(h, { href: `/apps/${e.slug}/setup`, children: /* @__PURE__ */ t(A, { StartIcon: "settings", children: b("setup") }) })
+      /* @__PURE__ */ t("p", { children: v("this_app_is_not_setup_already") }),
+      /* @__PURE__ */ t(x, { href: `/apps/${e.slug}/setup`, children: /* @__PURE__ */ t(N, { StartIcon: "settings", children: v("setup") }) })
     ] }) })
   ] });
 }

package/dist/{AppListCardPlatformWrapper-_fuIku6m.js → AppListCardPlatformWrapper-ixynsgLl.js}

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

package/dist/{AppListCardWebWrapper-KxhUj5a7.js → AppListCardWebWrapper-fZ9Ne6_r.js}

@@ -1,11 +1,11 @@
 import { jsx as P } from "react/jsx-runtime";
-import { V as i, x as y, X as A, Y as R, A as $ } from "./index-d93whXsZ.js";
-import { useMemo as Q, useEffect as d, useCallback as b, useState as L, useRef as w } from "react";
+import { O as i, r as y, Q as A, R, A as Q } from "./index-c1AU6gV4.js";
+import { useMemo as $, 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(() => ({}), []);
+  let s = $(() => ({}), []);
   d(() => {
     a.success && a.data && Object.entries(a.data).forEach(([e, t]) => {
       if (e in c || !t)
@@ -55,11 +55,11 @@ function x(r) {
     removeAllQueryParams: g
   };
 }
-const V = i.object({ hl: i.string().optional() });
+const C = i.object({ hl: i.string().optional() });
 function j(r) {
   const { slug: o, shouldHighlight: c } = r, {
     data: { hl: u }
-  } = x(V), a = y.useRouter(), [s, m] = L(c && u === o), l = w(null), f = R(), h = y.usePathname();
+  } = 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);
@@ -67,7 +67,7 @@ function j(r) {
     a.replace(`${h}${e !== "" ? `?${e}` : ""}`);
   }, 3e3)), () => {
     l.current && (clearTimeout(l.current), l.current = null);
-  }), [s, h, a, f, c]), /* @__PURE__ */ P($, { ...r });
+  }), [s, h, a, f, c]), /* @__PURE__ */ P(Q, { ...r });
 }
 export {
   j as default

package/dist/{AppSettingsInterface-1VG9yRmX.js → AppSettingsInterface-jrZ0xNex.js}

@@ -1,24 +1,24 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { useState as s } from "react";
-import { w as i, f as l, B as m } from "./index-d93whXsZ.js";
+import { q as i, f as l, B as m } from "./index-c1AU6gV4.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(
+  const { t: a } = i(), n = "metric", [t, c] = s("");
+  return /* @__PURE__ */ o("div", { className: "stack-y-4 text-sm", children: [
+    /* @__PURE__ */ e(
       l,
       {
         placeholder: "San Francisco",
-        value: e,
+        value: t,
         name: "Enter City",
         onChange: async (r) => {
           c(r.target.value);
         }
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       m,
       {
-        href: `webcal://weather-in-calendar.com/cal/weather-cal.php?city=${e}&units=${n}&temperature=day`,
+        href: `webcal://weather-in-calendar.com/cal/weather-cal.php?city=${t}&units=${n}&temperature=day`,
         children: a("add_to_calendar")
       }
     )

package/dist/{AppSettingsInterface-5ccYT4YK.js → AppSettingsInterface-vmWnGjAP.js}

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { useState as p } from "react";
-import { w as r, f as u, B as i } from "./index-d93whXsZ.js";
+import { q as r, f as u, B as i } from "./index-c1AU6gV4.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: [
+  return /* @__PURE__ */ o("div", { className: "stack-y-4 px-4 pb-4 pt-4 text-sm", children: [
     /* @__PURE__ */ t(
       u,
       {

package/dist/{AppSettingsInterface-7fMHRoTt.js → AppSettingsInterface-vtpma4Ty.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e, Fragment as r } from "react/jsx-runtime";
-import { B as i, w as o } from "./index-d93whXsZ.js";
+import { B as i, q as o } from "./index-c1AU6gV4.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: [

package/dist/DateRangePicker-YEvczWqa.js

@@ -0,0 +1,96 @@
+import { jsx as r, jsxs as f, Fragment as s } from "react/jsx-runtime";
+import { U as C, V as N, X as w, J as d, $ as R, Y as E, B as j, Z as l, _ as O, a0 as k } from "./index-c1AU6gV4.js";
+import { useState as B, useMemo as F } from "react";
+function I({
+  startDate: o,
+  endDate: e,
+  clickedDate: t
+}) {
+  return !o || e ? { startDate: t, endDate: void 0 } : t < o ? { startDate: t, endDate: o } : { startDate: o, endDate: t };
+}
+function H({
+  className: o,
+  dates: e,
+  minDate: t,
+  maxDate: m,
+  onDatesChange: h,
+  disabled: b,
+  withoutPopover: v,
+  "data-testid": p,
+  strictlyBottom: D,
+  allowPastDates: g = !1
+}) {
+  const [a, i] = B(void 0);
+  function $(n) {
+    const M = I({
+      startDate: e.startDate,
+      endDate: e.endDate,
+      clickedDate: n
+    });
+    h(M), i(void 0);
+  }
+  function y(n) {
+    e.startDate && !e.endDate && i(n);
+  }
+  function L() {
+    i(void 0);
+  }
+  const x = g && t === null ? void 0 : t ?? /* @__PURE__ */ new Date(), c = F(() => {
+    if (!(!e.startDate || e.endDate || !a) && !C(e.startDate, a))
+      return N(a, e.startDate) ? { from: a, to: e.startDate } : { from: e.startDate, to: a };
+  }, [e.startDate, e.endDate, a]), u = /* @__PURE__ */ r(
+    w,
+    {
+      initialFocus: !0,
+      fromDate: x,
+      toDate: m,
+      mode: "range",
+      defaultMonth: e == null ? void 0 : e.startDate,
+      selected: { from: e == null ? void 0 : e.startDate, to: e == null ? void 0 : e.endDate },
+      onDayClick: (n) => $(n),
+      onDayMouseEnter: y,
+      onDayMouseLeave: L,
+      numberOfMonths: 1,
+      disabled: b,
+      "data-testid": p,
+      modifiers: c ? { hoverRange: c } : void 0,
+      modifiersClassNames: c ? { hoverRange: "bg-emphasis" } : void 0
+    }
+  );
+  return v ? u : /* @__PURE__ */ r("div", { className: d("grid gap-2", o), children: /* @__PURE__ */ f(R, { children: [
+    /* @__PURE__ */ r(E, { asChild: !0, children: /* @__PURE__ */ r(
+      j,
+      {
+        "data-testid": "date-range",
+        color: "secondary",
+        EndIcon: "calendar",
+        className: d("justify-between text-left font-normal", !e && "text-subtle"),
+        children: e != null && e.startDate ? e != null && e.endDate ? /* @__PURE__ */ f(s, { children: [
+          l(e.startDate, "LLL dd, y"),
+          " - ",
+          l(e.endDate, "LLL dd, y")
+        ] }) : /* @__PURE__ */ f(s, { children: [
+          l(e.startDate, "LLL dd, y"),
+          " - End"
+        ] }) : /* @__PURE__ */ r("span", { children: "Pick a date" })
+      }
+    ) }),
+    /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(
+      k,
+      {
+        className: "bg-default text-emphasis z-50 w-auto rounded-md border p-0 outline-none",
+        align: "start",
+        sideOffset: 4,
+        side: D ? "bottom" : void 0,
+        avoidCollisions: !D,
+        onInteractOutside: (n) => {
+          e != null && e.startDate && !(e != null && e.endDate) && n.preventDefault();
+        },
+        children: u
+      }
+    ) })
+  ] }) });
+}
+export {
+  H as DatePickerWithRange
+};

package/dist/{EventTypeAppCardInterface-gLvUEDc4.js → EventTypeAppCardInterface-64u7JDmK.js}

@@ -1,18 +1,18 @@
 import { jsx as e, Fragment as p } from "react/jsx-runtime";
-import { x as i, y as g, z as S, w as b, W as v } from "./index-d93whXsZ.js";
-import { useMemo as w, useState as C } from "react";
-import { A as E } from "./AppCard-pI4hF2G4.js";
-import T from "./EventTypeAppSettingsInterface-dHflb4ux.js";
-const q = function({
+import { r as i, s as g, t as S, q as b, W as v } from "./index-c1AU6gV4.js";
+import { useMemo as C, useState as w } from "react";
+import { A as E } from "./AppCard-8e-kpo72.js";
+import T from "./EventTypeAppSettingsInterface-je_rg4FH.js";
+const $ = function({
   app: a,
   eventType: c,
   eventTypeFormMetadata: m,
   onAppInstallSuccess: h
 }) {
-  const t = i.useSearchParams(), s = i.usePathname(), d = w(
+  const t = i.useSearchParams(), s = i.usePathname(), d = C(
     () => `${s}${t ? `?${t.toString()}` : ""}`,
     [s, t]
-  ), { getAppData: n, setAppData: l, disabled: u } = g(), [o, y] = C(n("enabled")), A = S(m), { t: P } = b(), r = !o && A;
+  ), { getAppData: n, setAppData: l, disabled: u } = g(), [o, A] = w(n("enabled")), y = S(m), { t: P } = b(), r = !o && y;
   return /* @__PURE__ */ e(
     E,
     {
@@ -21,7 +21,7 @@ const q = function({
       app: a,
       switchChecked: o,
       switchOnClick: (f) => {
-        y(f);
+        A(f);
       },
       description: /* @__PURE__ */ e(p, { children: "Add Paypal payment to your events" }),
       disableSwitch: r,
@@ -40,5 +40,5 @@ const q = function({
   );
 };
 export {
-  q as default
+  $ as default
 };

package/dist/{EventTypeAppCardInterface-8xy1uUqA.js → EventTypeAppCardInterface-AxmjB7N4.js}

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
-import { y as m, f as u } from "./index-d93whXsZ.js";
-import { A as I } from "./AppCard-pI4hF2G4.js";
-import { u as h } from "./useIsAppEnabled-AAopxdBc.js";
+import { s as m, f as u } from "./index-c1AU6gV4.js";
+import { A as I } from "./AppCard-8e-kpo72.js";
+import { u as h } from "./useIsAppEnabled-LmZ5_dpZ.js";
 const v = function({ app: t, eventType: n, onAppInstallSuccess: o }) {
   var a;
-  const { getAppData: r, setAppData: d, disabled: s } = m(), i = r("SITE_ID"), { enabled: c, updateEnabled: l } = h(t);
+  const { getAppData: r, setAppData: s, disabled: d } = m(), i = r("SITE_ID"), { enabled: c, updateEnabled: l } = h(t);
   return /* @__PURE__ */ p(
     I,
     {
@@ -18,12 +18,12 @@ const v = function({ app: t, eventType: n, onAppInstallSuccess: o }) {
       children: /* @__PURE__ */ p(
         u,
         {
-          disabled: s,
+          disabled: d,
           name: "Site ID",
           value: i,
           placeholder: "Enter your Site ID",
           onChange: (e) => {
-            d("SITE_ID", e.target.value);
+            s("SITE_ID", e.target.value);
           }
         }
       )