@calcom/atoms 1.0.114 → 1.1.0-booker

package/package.json

@@ -4,12 +4,14 @@
   "type": "module",
   "description": "Customizable UI components to integrate scheduling into your product.",
   "authors": "Cal.com, Inc.",
-  "version": "1.0.114",
+  "version": "1.1.0-booker",
   "scripts": {
     "dev": "yarn vite build --watch & npx tailwindcss -i ./globals.css -o ./globals.min.css --postcss --minify --watch",
     "build": "NODE_OPTIONS='--max_old_space_size=12288' rm -rf dist && yarn vite build && npx tailwindcss -i ./globals.css -o ./globals.min.css --postcss --minify && mkdir ./dist/packages/prisma-client && cp -rf ../../../node_modules/.prisma/client/*.d.ts ./dist/packages/prisma-client",
     "publish-npm": "yarn build && npm publish --access public",
-    "test": "jest"
+    "test": "jest",
+    "dev-on": "node scripts/dev-on.js",
+    "dev-off": "git checkout -- package.json vite.config.ts"
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.0.1",
@@ -26,6 +28,7 @@
     "postcss-prefixer": "^3.0.0",
     "postcss-prefixwrap": "1.46.0",
     "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-visualizer": "^5.14.0",
     "ts-jest": "^29.1.2",
     "typescript": "^5.7.2",
     "vite": "^5.0.10",
@@ -70,7 +73,7 @@
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip-atoms": "npm:@radix-ui/react-tooltip@^1.0.0",
     "@tanstack/react-query": "^5.17.15",
-    "class-variance-authority": "^0.4.0",
+    "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "dompurify": "^3.2.3",
     "marked": "^15.0.3",

package/dist/AppCard-pDC8U-yB.js

@@ -1,281 +0,0 @@
-import { jsx as l, Fragment as O, jsxs as a } from "react/jsx-runtime";
-import { ag as V, ah as v, M as u, N as C, ai as W, y as A, q as H, u as T, aj as q, r as j, _ as N, ak as L, t as F, ae as M, al as g, p as U } from "./index-Swazt2OL.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(Z);
-  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 = G(t);
-    return c.cloneElement(t, {
-      ...p(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 Q = ({ children: e }) => /* @__PURE__ */ l(O, { children: e });
-function Z(e) {
-  return c.isValidElement(e) && e.type === Q;
-}
-function p(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 G(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 J = ({
-  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(C, { name: r, className: u(t === "sm" && "h-4 w-4", t === "md" && "h-6 w-6") })
-  }
-), K = ({
-  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
-] }), X = ({ 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(J, {
-  Header: K,
-  Content: X,
-  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) && N(s("app_successfully_installed"), "success");
-    },
-    onError: (d) => {
-      d instanceof Error && N(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: k, disabled: B } = F(), D = M();
-  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(
-          U,
-          {
-            size: "sm",
-            disabled: !e.enabled || B || f,
-            onCheckedChange: (S) => {
-              t && t(S), P("enabled", S);
-            },
-            checked: n,
-            LockedIcon: k,
-            "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 && !D && /* @__PURE__ */ l(g, { href: `/apps/${e.slug}/setup`, className: "absolute right-4 top-4", children: /* @__PURE__ */ l(C, { 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-loLunYWd.js

@@ -1,9 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { A as p } from "./index-Swazt2OL.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-D4Jf6GP2.js

@@ -1,74 +0,0 @@
-import { jsx as P } from "react/jsx-runtime";
-import { Q as i, s as y, R as A, U as R, A as Q } from "./index-Swazt2OL.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 U(r) {
-  const o = y.useRouter(), c = A(), u = y.usePathname(), a = r.safeParse(c);
-  let s = $(() => ({}), []);
-  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 x = i.object({ hl: i.string().optional() });
-function j(r) {
-  const { slug: o, shouldHighlight: c } = r, {
-    data: { hl: u }
-  } = U(x), 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(Q, { ...r });
-}
-export {
-  j as default
-};

package/dist/AppSettingsInterface-IXKzuu1x.js

@@ -1,23 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { q as r, f as u, r as i } from "./index-Swazt2OL.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
-};

package/dist/AppSettingsInterface-lziyfc4I.js

@@ -1,29 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { q as i, f as l, r as m } from "./index-Swazt2OL.js";
-function h() {
-  const { t: a } = i(), n = "metric", [e, r] = 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 (c) => {
-          r(c.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-ojk6jWF7.js

@@ -1,75 +0,0 @@
-import { jsxs as a, jsx as e, Fragment as r } from "react/jsx-runtime";
-import { r as i, q as o } from "./index-Swazt2OL.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
-};