@calcom/atoms 1.0.99 → 1.0.101-booker

package/package.json

@@ -4,9 +4,9 @@
   "type": "module",
   "description": "Customizable UI components to integrate scheduling into your product.",
   "authors": "Cal.com, Inc.",
-  "version": "1.0.99",
+  "version": "1.0.101-booker",
   "scripts": {
-    "dev": "yarn vite build --watch & npx tailwindcss -i ./globals.css -o ./globals.min.css --postcss --minify --watch",
+    "dev": "yarn vite build --watch & npx tailwindcss -i ./globals.css -o ./globals.min.css --postcss --watch",
     "build": "NODE_OPTIONS='--max_old_space_size=16384' 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": "rm -rf dist && yarn build && npm publish --access public",
     "test": "jest"

package/dist/AppCard-a2VNbyLx.js

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

package/dist/AppListCardPlatformWrapper-C8hnPpP4.js

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

@@ -1,74 +0,0 @@
-import { jsx as P } from "react/jsx-runtime";
-import { Z as i, s as y, _ as A, $, A as R } from "./index-E1a1GKmY.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 = $(), 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, { ...r });
-}
-export {
-  j as default
-};

package/dist/AppSettingsInterface-277vkITp.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-E1a1GKmY.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-cKTul9l1.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-E1a1GKmY.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-cRYupPyd.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-E1a1GKmY.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
-};