@calcom/atoms 2.3.1 → 2.3.3

package/package.json

@@ -4,13 +4,13 @@
   "type": "module",
   "description": "Customizable UI components to integrate scheduling into your product.",
   "authors": "Cal.com, Inc.",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/calcom/cal.com"
   },
   "scripts": {
-    "dev": "yarn vite build --watch & npx postcss ./globals.css -o ./globals.min.css",
+    "dev": "yarn vite build --watch & npx postcss ./globals.css -o ./globals.min.css --watch",
     "build-npm": "NODE_OPTIONS='--max_old_space_size=12288' rm -rf dist && yarn vite build && npx postcss ./globals.css -o ./globals.min.css",
     "publish-npm": "yarn build-npm && npm publish --access public",
     "test": "jest",
@@ -18,30 +18,28 @@
     "dev-off": "git checkout -- package.json vite.config.ts"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@tailwindcss/cli": "^4.0.0",
-    "@tailwindcss/postcss": "^4.0.0",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^20.3.1",
+    "@rollup/plugin-node-resolve": "15.0.1",
+    "@tailwindcss/cli": "4.1.16",
+    "@tailwindcss/postcss": "4.1.15",
+    "@types/jest": "29.5.12",
+    "@types/node": "20.17.23",
     "@types/react": "18.0.26",
-    "@types/react-dom": "^18.0.9",
-    "@vitejs/plugin-react": "^2.2.0",
-    "@vitejs/plugin-react-swc": "^3.7.0",
-    "autoprefixer": "^10.4.19",
-    "cssnano": "^7.1.2",
-    "jest": "^29.7.0",
+    "@types/react-dom": "18.2.6",
+    "@vitejs/plugin-react": "5.1.2",
+    "@vitejs/plugin-react-swc": "4.2.2",
+    "autoprefixer": "10.4.19",
+    "cssnano": "7.1.2",
+    "jest": "29.7.0",
     "postcss": "8.5.6",
-    "postcss-cli": "^11.0.1",
-    "postcss-import": "^16.1.0",
-    "postcss-prefixer": "^3.0.0",
-    "postcss-prefixwrap": "1.46.0",
-    "rollup-plugin-node-builtins": "^2.1.2",
-    "ts-jest": "^29.1.2",
-    "typescript": "5.9.2",
-    "vite": "5.4.6",
-    "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-inspect": "^0.8.4",
-    "vite-plugin-node-polyfills": "^0.22.0"
+    "postcss-cli": "11.0.1",
+    "postcss-import": "16.1.0",
+    "postcss-prefixer": "3.0.0",
+    "postcss-prefixwrap": "1.57.0",
+    "ts-jest": "29.1.4",
+    "typescript": "5.9.3",
+    "vite": "6.4.1",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-inspect": "0.8.4"
   },
   "files": [
     "dist",
@@ -56,44 +54,47 @@
       "require": "./dist/cal-atoms.umd.cjs"
     },
     "./add-members-switch/AddMembersWithSwitchPlatformWrapper": "./add-members-switch/AddMembersWithSwitchPlatformWrapper.tsx",
-    "./add-members-switch/AddMembersWithSwitchWebWrapper": "./add-members-switch/AddMembersWithSwitchWebWrapper.tsx",
     "./availability/AvailabilitySettings": "./availability/AvailabilitySettings.tsx",
-    "./booker": "./booker/index.ts",
+    "./booker/types": "./booker/types.ts",
+    "./selected-calendars/SelectedCalendarsSettings": "./selected-calendars/SelectedCalendarsSettings.tsx",
     "./components/ui/shell": "./src/components/ui/shell.tsx",
-    "./connect/conferencing-apps/ConferencingAppsViewWebWrapper": "./connect/conferencing-apps/ConferencingAppsViewWebWrapper.tsx",
-    "./destination-calendar/wrappers/DestinationCalendarSettingsWebWrapper": "./destination-calendar/wrappers/DestinationCalendarSettingsWebWrapper.tsx",
     "./dist/index.ts": "./index.ts",
     "./dist/index.d.ts": "./dist/index.d.ts",
-    "./event-types/wrappers/EventTypeWebWrapper": "./event-types/wrappers/EventTypeWebWrapper.tsx",
     "./globals.min.css": "./globals.min.css",
+    "./hooks/bookings/useBookings": "./hooks/bookings/useBookings.ts",
     "./hooks/bookings/useHandleBookEvent": "./hooks/bookings/useHandleBookEvent.ts",
     "./hooks/useAtomsContext": "./hooks/useAtomsContext.ts",
+    "./hooks/useCalendarsBusyTimes": "./hooks/useCalendarsBusyTimes.ts",
+    "./hooks/useConnectedCalendars": "./hooks/useConnectedCalendars.tsx",
     "./hooks/useIsPlatform": "./hooks/useIsPlatform.ts",
     "./hooks/useIsPlatformBookerEmbed": "./hooks/useIsPlatformBookerEmbed.ts",
     "./hooks/event-types/private/useEventTypeById": "./hooks/event-types/private/useEventTypeById.ts",
-    "./selected-calendars/wrappers/SelectedCalendarsSettingsWebWrapper": "./selected-calendars/wrappers/SelectedCalendarsSettingsWebWrapper.tsx",
+    "./event-types/hooks/useEventTypeForm": "./event-types/hooks/useEventTypeForm.ts",
+    "./event-types/hooks/useHandleRouteChange": "./event-types/hooks/useHandleRouteChange.ts",
+    "./event-types/hooks/useTabsNavigations": "./event-types/hooks/useTabsNavigations.tsx",
+    "./event-types/hooks/useTeamMembersWithSegmentPlatform": "./event-types/hooks/useTeamMembersWithSegmentPlatform.tsx",
     "./timezone": "./timezone/index.tsx"
   },
   "types": "./dist/index.d.ts",
   "dependencies": {
     "@radix-ui/react-dialog-atoms": "npm:@radix-ui/react-dialog@1.0.4",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-popover-atoms": "npm:@radix-ui/react-popover@1.0.6",
+    "@radix-ui/react-slot": "1.1.2",
+    "@radix-ui/react-switch": "1.1.0",
+    "@radix-ui/react-toast": "1.1.5",
     "@radix-ui/react-tooltip-atoms": "npm:@radix-ui/react-tooltip@1.0.6",
-    "@tanstack/react-query": "^5.17.15",
-    "class-variance-authority": "^0.4.0",
+    "@tanstack/react-query": "5.17.19",
+    "class-variance-authority": "0.4.0",
     "clsx": "2.1.1",
-    "dompurify": "^3.2.3",
-    "marked": "^15.0.3",
-    "react-use": "^17.4.2",
-    "tailwind-merge": "^1.13.2",
+    "dompurify": "3.3.1",
+    "marked": "15.0.6",
+    "react-use": "17.6.0",
+    "tailwind-merge": "1.13.2",
     "tailwindcss": "4.1.17"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "typescript": "^5.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "main": "./dist/cal-atoms.umd.cjs"
 }

package/dist/AppCard-BGNtlTHu.js

@@ -1,241 +0,0 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { ao as b, J as a, ap as y, K as _, aq as q, ar as D, q as S, u as H, as as L, B as N, aa as w, s as T, at as E, p as O, au as J, av as x } from "./index-BvnsFpCA.js";
-const K = ({
-  children: e,
-  ref: s,
-  className: n
-}) => {
-  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 }), I = ({
-  children: e,
-  ref: s,
-  as: n
-}) => /* @__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",
-  iconSlot: l
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    className: a(
-      "bg-default border-subtle border-subtle flex items-center justify-center border",
-      n === "sm" && "rounded-md p-1",
-      n === "md" && "rounded-[10px] p-1.5"
-    ),
-    children: l || /* @__PURE__ */ t(_, { name: s, className: a(n === "sm" && "h-4 w-4", n === "md" && "h-6 w-6") })
-  }
-), M = ({
-  children: e,
-  ref: s,
-  icon: n,
-  title: l,
-  description: r,
-  iconSlot: d,
-  rawHeading: i
-}) => /* @__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(g, { name: n }),
-    d && /* @__PURE__ */ t(g, { iconSlot: d }),
-    /* @__PURE__ */ o("div", { className: "flex flex-col gap-0.5", children: [
-      l && /* @__PURE__ */ t(A, { children: l }),
-      r && /* @__PURE__ */ t(I, { children: r }),
-      i && i
-    ] })
-  ] }),
-  e
-] }), 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 });
-}, W = ({
-  children: e,
-  ref: s,
-  icon: n,
-  title: l,
-  classNames: r,
-  justify: d = "between",
-  labelFor: i
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: s,
-    className: a(
-      "flex items-center gap-2",
-      d === "between" ? "justify-between" : "justify-start",
-      r == null ? void 0 : r.container
-    ),
-    children: [
-      /* @__PURE__ */ o("div", { className: a("flex items-center gap-2", r == null ? void 0 : r.title), children: [
-        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
-    ]
-  }
-), F = ({
-  children: e,
-  ref: s,
-  invert: n,
-  classNames: l
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: s,
-    className: a(
-      "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
-  }
-), 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(K, {
-  Header: M,
-  Content: Q,
-  Title: A,
-  Description: I,
-  SubSection: U,
-  SubSectionHeader: W,
-  SubSectionContent: F,
-  SubSectionNested: G
-});
-function V(e) {
-  const { status: s } = q.useSession();
-  return D.viewer.apps.appById.useQuery(
-    { appId: e },
-    {
-      enabled: s === "authenticated"
-    }
-  );
-}
-function X({
-  appId: e,
-  className: s,
-  returnTo: n,
-  teamId: l,
-  onAppInstallSuccess: r
-}) {
-  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");
-    },
-    onError: (c) => {
-      c instanceof Error && w(c.message || d("app_could_not_be_installed"), "error");
-    }
-  });
-  return i ? /* @__PURE__ */ t(
-    L,
-    {
-      type: i.type,
-      teamsPlanRequired: i.teamsPlanRequired,
-      wrapperClassName: a("[@media(max-width:260px)]:w-full", s),
-      render: ({ useDefaultComponent: c, ...u }) => (c && (u = {
-        ...u,
-        onClick: () => {
-          m.mutate({
-            type: i.type,
-            variant: i.variant,
-            slug: i.slug,
-            ...l && { teamId: l }
-          });
-        }
-      }), /* @__PURE__ */ t(
-        N,
-        {
-          loading: m.isPending,
-          color: "secondary",
-          className: "[@media(max-width:260px)]:w-full [@media(max-width:260px)]:justify-center",
-          StartIcon: "plus",
-          ...u,
-          children: d("add")
-        }
-      ))
-    }
-  ) : null;
-}
-function z({
-  app: e,
-  switchOnClick: s,
-  switchChecked: n,
-  children: l,
-  returnTo: r,
-  teamId: d,
-  disableSwitch: i,
-  switchTooltip: m,
-  hideSettingsIcon: c = !1,
-  hideAppCardOptions: u = !1,
-  onAppInstallSuccess: C
-}) {
-  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,
-      {
-        rawHeading: /* @__PURE__ */ o("div", { children: [
-          /* @__PURE__ */ o("div", { className: "flex w-full items-center gap-1", children: [
-            /* @__PURE__ */ t(f.Title, { children: e == null ? void 0 : e.name }),
-            !(e != null && e.isInstalled) && /* @__PURE__ */ t("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__ */ t(f.Description, { children: e == null ? void 0 : e.description })
-        ] }),
-        iconSlot: /* @__PURE__ */ t(x, { href: `/apps/${e.slug}`, className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ t(
-          "img",
-          {
-            className: a(
-              (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__ */ 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(
-          O,
-          {
-            size: "sm",
-            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: n,
-            LockedIcon: P,
-            "data-testid": `${e.slug}-app-switch`,
-            tooltip: m
-          }
-        ) }) : /* @__PURE__ */ t(
-          X,
-          {
-            className: "ml-auto flex items-center",
-            appId: e.slug,
-            returnTo: r,
-            teamId: d,
-            onAppInstallSuccess: C
-          }
-        ) }) })
-      }
-    ),
-    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-0 top-0 ", 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: v("this_app_is_not_setup_already") }),
-      /* @__PURE__ */ t(x, { href: `/apps/${e.slug}/setup`, children: /* @__PURE__ */ t(N, { StartIcon: "settings", children: v("setup") }) })
-    ] }) })
-  ] });
-}
-export {
-  z as A,
-  f as S
-};

package/dist/EventTypeAppCardInterface-C7n2H5Ei.js

@@ -1,43 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { q as f, r as y, s as E, t as P, W as C } from "./index-BvnsFpCA.js";
-import { useState as g } from "react";
-import { A as v } from "./AppCard-BGNtlTHu.js";
-import { u as w } from "./useIsAppEnabled-CJ4mGZvd.js";
-import S from "./EventTypeAppSettingsInterface-CVXwl2ke.js";
-const L = function({
-  app: t,
-  eventType: e,
-  eventTypeFormMetadata: p,
-  onAppInstallSuccess: r
-}) {
-  var n;
-  const { t: i } = f(), m = y.usePathname(), { getAppData: a, setAppData: c, disabled: d } = E(), { enabled: l, updateEnabled: u } = w(t), h = P(p), [A, _] = g(a("enabled")), s = !A && h;
-  return /* @__PURE__ */ o(
-    v,
-    {
-      onAppInstallSuccess: r,
-      returnTo: `${C}${m}?tabName=apps`,
-      app: t,
-      switchChecked: l,
-      switchOnClick: (b) => {
-        u(b);
-      },
-      teamId: ((n = e.team) == null ? void 0 : n.id) || void 0,
-      disableSwitch: s,
-      switchTooltip: s ? i("other_payment_app_enabled") : void 0,
-      children: /* @__PURE__ */ o(
-        S,
-        {
-          eventType: e,
-          slug: t.slug,
-          disabled: d,
-          getAppData: a,
-          setAppData: c
-        }
-      )
-    }
-  );
-};
-export {
-  L as default
-};

package/dist/EventTypeAppCardInterface-CaIYoDQe.js

@@ -1,69 +0,0 @@
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import { r as g, q as S, s as k, W as A, p as r } from "./index-BvnsFpCA.js";
-import { A as f, S as n } from "./AppCard-BGNtlTHu.js";
-import { u as E } from "./useIsAppEnabled-CJ4mGZvd.js";
-const G = function({
-  app: a,
-  eventType: p,
-  onAppInstallSuccess: u
-}) {
-  var c;
-  const d = g.usePathname(), { t: s } = S(), { getAppData: o, setAppData: i } = k(), { enabled: l, updateEnabled: h } = E(a), m = o("ignoreGuests") ?? !1, C = o("skipContactCreation") ?? !1;
-  return /* @__PURE__ */ e(
-    f,
-    {
-      onAppInstallSuccess: u,
-      returnTo: `${A}${d}?tabName=apps`,
-      app: a,
-      teamId: ((c = p.team) == null ? void 0 : c.id) || void 0,
-      switchOnClick: (t) => {
-        h(t);
-      },
-      switchChecked: l,
-      hideSettingsIcon: !0,
-      children: /* @__PURE__ */ b(n.Content, { children: [
-        /* @__PURE__ */ e(n.SubSection, { children: /* @__PURE__ */ e(
-          n.SubSectionHeader,
-          {
-            icon: "user-plus",
-            title: s("hubspot_ignore_guests"),
-            labelFor: "ignore-guests",
-            children: /* @__PURE__ */ e(
-              r,
-              {
-                size: "sm",
-                labelOnLeading: !0,
-                checked: m,
-                onCheckedChange: (t) => {
-                  i("ignoreGuests", t);
-                }
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ e(n.SubSection, { children: /* @__PURE__ */ e(
-          n.SubSectionHeader,
-          {
-            icon: "user-plus",
-            title: s("skip_contact_creation", { appName: "HubSpot" }),
-            labelFor: "skip-contact-creation",
-            children: /* @__PURE__ */ e(
-              r,
-              {
-                size: "sm",
-                labelOnLeading: !0,
-                checked: C,
-                onCheckedChange: (t) => {
-                  i("skipContactCreation", t);
-                }
-              }
-            )
-          }
-        ) })
-      ] })
-    }
-  );
-};
-export {
-  G as default
-};

package/dist/InstallAppButton-AffySBjZ.js

@@ -1,58 +0,0 @@
-import { jsxs as f, Fragment as l, jsx as m } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { u as d, aw as E, W as g } from "./index-BvnsFpCA.js";
-var s = /* @__PURE__ */ ((n) => (n.ACCOUNTS_STEP = "accounts", n.EVENT_TYPES_STEP = "event-types", n.CONFIGURE_STEP = "configure", n))(s || {}), i = function(n) {
-  switch (typeof n) {
-    case "string":
-      return n;
-    case "boolean":
-      return n ? "true" : "false";
-    case "number":
-      return isFinite(n) ? n : "";
-    default:
-      return "";
-  }
-}, y = function(n, t, e, o) {
-  return t = t || "&", e = e || "=", n === null && (n = void 0), typeof n == "object" ? Object.keys(n).map(function(r) {
-    var a = encodeURIComponent(i(r)) + e;
-    return Array.isArray(n[r]) ? n[r].map(function(c) {
-      return a + encodeURIComponent(i(c));
-    }).join(t) : a + encodeURIComponent(i(n[r]));
-  }).filter(Boolean).join(t) : o ? encodeURIComponent(i(o)) + e + encodeURIComponent(i(n)) : "";
-}, u;
-u = y;
-const C = ({
-  slug: n,
-  step: t,
-  teamId: e
-}) => {
-  const o = { slug: n };
-  e && (o.teamId = e);
-  const r = u(o);
-  return `/apps/installation/${t}?${r}`;
-};
-function I(n) {
-  const [t, e] = p(!1), o = d(null), r = () => {
-    o.mutate({
-      type: "office365_video",
-      variant: "conferencing",
-      slug: "msteams",
-      returnTo: g + C({
-        slug: "msteams",
-        step: s.EVENT_TYPES_STEP
-      })
-    });
-  };
-  return /* @__PURE__ */ f(l, { children: [
-    n.render({
-      onClick() {
-        e(!0);
-      },
-      disabled: t
-    }),
-    /* @__PURE__ */ m(E, { open: t, onOpenChange: e, handleSubmit: r })
-  ] });
-}
-export {
-  I as default
-};