@calcom/atoms 1.0.67 → 1.0.69

package/dist/{AddressInput-a6J138nM.js → AddressInput-fp5qF4sP.js}

@@ -1,4 +1,4 @@
-import { aJ as s, aH as m, m as n, a_ as c } from "./index-jzmHZGix.js";
+import { aK as s, aH as m, m as n, a_ as c } from "./index-_JT8rq0w.js";
 function p({ value: e, onChange: t, ...a }) {
   return /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
     /* @__PURE__ */ s.jsx(

package/dist/{AlbyPriceComponent-ubfIIVau.js → AlbyPriceComponent-WNrzLlXW.js}

@@ -1,4 +1,4 @@
-import { bb as ee, bc as F, bd as re, aJ as D, ac as ne, b2 as te } from "./index-jzmHZGix.js";
+import { ba as ee, bb as F, bc as re, aK as D, ac as ne, b2 as te } from "./index-_JT8rq0w.js";
 import J from "react";
 const oe = {}, ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/AppCard-i4bbunNu.js

@@ -0,0 +1,161 @@
+import { b4 as I, aW as j, aL as _, aJ as S, aK as s, b5 as B, a_ as i, e as v, aq as g, b6 as O, b7 as P, aN as k, b8 as C, a$ as u, B as $, A as E, K as L, aH as R } from "./index-_JT8rq0w.js";
+function q(e) {
+  const { status: r } = I.useSession();
+  return j.viewer.appById.useQuery(
+    { appId: e },
+    {
+      enabled: r === "authenticated"
+    }
+  );
+}
+function T({
+  appId: e,
+  className: r,
+  returnTo: c,
+  teamId: l
+}) {
+  const { t: a } = _(), { data: n } = q(e), m = j.useUtils(), o = S(null, {
+    returnTo: c,
+    onSuccess: (t) => {
+      m.viewer.appById.invalidate({ appId: e }), m.viewer.integrations.invalidate({
+        extendsFeature: "EventType",
+        ...l && { teamId: l }
+      }), !(t != null && t.setupPending) && g(a("app_successfully_installed"), "success");
+    },
+    onError: (t) => {
+      t instanceof Error && g(t.message || a("app_could_not_be_installed"), "error");
+    }
+  });
+  return n ? /* @__PURE__ */ s.jsx(
+    B,
+    {
+      type: n.type,
+      teamsPlanRequired: n.teamsPlanRequired,
+      wrapperClassName: i("[@media(max-width:260px)]:w-full", r),
+      render: ({ useDefaultComponent: t, ...d }) => (t && (d = {
+        ...d,
+        onClick: () => {
+          o.mutate({
+            type: n.type,
+            variant: n.variant,
+            slug: n.slug,
+            ...l && { teamId: l }
+          });
+        }
+      }), /* @__PURE__ */ s.jsx(
+        v,
+        {
+          loading: o.isPending,
+          color: "secondary",
+          className: "[@media(max-width:260px)]:w-full [@media(max-width:260px)]:justify-center",
+          StartIcon: "plus",
+          ...d,
+          children: a("add")
+        }
+      ))
+    }
+  ) : null;
+}
+function K({
+  app: e,
+  description: r,
+  switchOnClick: c,
+  switchChecked: l,
+  children: a,
+  returnTo: n,
+  teamId: m,
+  disableSwitch: o,
+  switchTooltip: t,
+  hideSettingsIcon: d = !1,
+  hideAppCardOptions: N = !1
+}) {
+  const { t: x } = O(), [b] = P(), { setAppData: w, LockedIcon: y, disabled: A } = k(), f = C();
+  return /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: i(
+        "border-subtle",
+        (e == null ? void 0 : e.isInstalled) && "mb-4 rounded-md border",
+        !e.enabled && "grayscale"
+      ),
+      children: [
+        /* @__PURE__ */ s.jsx("div", { className: i(e.isInstalled ? "p-4 text-sm sm:p-4" : "px-5 py-4 text-sm sm:px-5"), children: /* @__PURE__ */ s.jsxs("div", { className: "flex w-full flex-col gap-2 sm:flex-row sm:gap-0", children: [
+          /* @__PURE__ */ s.jsx(
+            u,
+            {
+              href: `/apps/${e.slug}`,
+              className: i(e != null && e.isInstalled ? "mr-[11px]" : "mr-3", "h-auto w-10 rounded-sm"),
+              children: /* @__PURE__ */ s.jsx(
+                "img",
+                {
+                  className: i(
+                    (e == null ? void 0 : e.logo.includes("-dark")) && "dark:invert",
+                    e != null && e.isInstalled ? "min-w-[42px]" : "min-w-[40px]",
+                    "w-full"
+                  ),
+                  src: e == null ? void 0 : e.logo,
+                  alt: e == null ? void 0 : e.name
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col pe-3", children: [
+            /* @__PURE__ */ s.jsxs("div", { className: "text-emphasis", children: [
+              /* @__PURE__ */ s.jsx("span", { className: i((e == null ? void 0 : e.isInstalled) && "text-base", "font-semibold leading-4"), children: e == null ? void 0 : e.name }),
+              !(e != null && e.isInstalled) && /* @__PURE__ */ s.jsx("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__ */ s.jsx("p", { title: e == null ? void 0 : e.description, className: "text-default line-clamp-1 pt-1 text-sm font-normal", children: r || (e == null ? void 0 : e.description) })
+          ] }),
+          /* @__PURE__ */ s.jsxs("div", { className: "ml-auto flex items-center space-x-2", children: [
+            e.credentialOwner && !f && /* @__PURE__ */ s.jsx("div", { className: "ml-auto", children: /* @__PURE__ */ s.jsx($, { variant: "gray", children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ s.jsx(
+                E,
+                {
+                  className: "mr-2",
+                  alt: e.credentialOwner.name || "Credential Owner Name",
+                  size: "sm",
+                  imageSrc: e.credentialOwner.avatar
+                }
+              ),
+              e.credentialOwner.name
+            ] }) }) }),
+            e != null && e.isInstalled || e.credentialOwner ? /* @__PURE__ */ s.jsx("div", { className: "ml-auto flex items-center", children: /* @__PURE__ */ s.jsx(
+              L,
+              {
+                disabled: !e.enabled || A || o,
+                onCheckedChange: (h) => {
+                  c && c(h), w("enabled", h);
+                },
+                checked: l,
+                LockedIcon: y,
+                "data-testid": `${e.slug}-app-switch`,
+                tooltip: t
+              }
+            ) }) : /* @__PURE__ */ s.jsx(
+              T,
+              {
+                className: "ml-auto flex items-center",
+                appId: e.slug,
+                returnTo: n,
+                teamId: m
+              }
+            )
+          ] })
+        ] }) }),
+        N ? null : /* @__PURE__ */ s.jsxs("div", { ref: b, children: [
+          (e == null ? void 0 : e.isInstalled) && l && /* @__PURE__ */ s.jsx("hr", { className: "border-subtle" }),
+          e != null && e.isInstalled && l ? e.isSetupAlready === void 0 || e.isSetupAlready ? /* @__PURE__ */ s.jsxs("div", { className: "relative p-4 pt-5 text-sm [&_input]:mb-0 [&_input]:leading-4", children: [
+            !d && !f && /* @__PURE__ */ s.jsx(u, { href: `/apps/${e.slug}/setup`, className: "absolute right-4 top-4", children: /* @__PURE__ */ s.jsx(R, { name: "settings", className: "text-default h-4 w-4", "aria-hidden": "true" }) }),
+            a
+          ] }) : /* @__PURE__ */ s.jsxs("div", { className: "flex h-64 w-full flex-col items-center justify-center gap-4 ", children: [
+            /* @__PURE__ */ s.jsx("p", { children: x("this_app_is_not_setup_already") }),
+            /* @__PURE__ */ s.jsx(u, { href: `/apps/${e.slug}/setup`, children: /* @__PURE__ */ s.jsx(v, { StartIcon: "settings", children: x("setup") }) })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+export {
+  K as A
+};

package/dist/{AppSettingsInterface-RXs0TpnI.js → AppSettingsInterface-MRKlt77b.js}

@@ -1,4 +1,4 @@
-import { aK as p, aJ as t, s as o, e as u } from "./index-jzmHZGix.js";
+import { aL as p, aK as t, s as o, e as u } from "./index-_JT8rq0w.js";
 import { useState as r } from "react";
 function l() {
   const { t: e } = p(), [s, a] = r("");

package/dist/{AppSettingsInterface-ug-LF4qz.js → AppSettingsInterface-N52rUkrM.js}

@@ -1,4 +1,4 @@
-import { aJ as e, e as t, aK as l } from "./index-jzmHZGix.js";
+import { aK as e, e as t, aL as l } from "./index-_JT8rq0w.js";
 function r({ template: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "min-h-16 bg-default border-subtle sticky flex flex-col justify-between gap-4 rounded-md border p-5", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-start", children: [

package/dist/{AppSettingsInterface-eCOlRBwX.js → AppSettingsInterface-TW9vJOoI.js}

@@ -1,4 +1,4 @@
-import { aK as r, aJ as e, s as o, e as i } from "./index-jzmHZGix.js";
+import { aL as r, aK as e, s as o, e as i } from "./index-_JT8rq0w.js";
 import { useState as l } from "react";
 function m() {
   const { t: a } = r(), s = "metric", [t, n] = l("");

package/dist/{Card-mWH5vQvw.js → Card-nU2Oxfou.js}

@@ -1,4 +1,4 @@
-import { a$ as u, aJ as s, a_ as t, e as C, b0 as N } from "./index-jzmHZGix.js";
+import { a$ as u, aK as s, a_ as t, e as C, b0 as N } from "./index-_JT8rq0w.js";
 const i = N("", {
   // Variants won't have any style by default. Style will only be applied if the variants are combined.
   // So, style is defined in compoundVariants.