@calcom/atoms 1.0.97-beta-1 → 1.0.97-beta-3

package/package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "description": "Customizable UI components to integrate scheduling into your product.",
   "authors": "Cal.com, Inc.",
-  "version": "1.0.97-beta-1",
+  "version": "1.0.97-beta-3",
   "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=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",

package/dist/AppCard-ImfOuDL_.js

@@ -1,161 +0,0 @@
-import { ah as I, U as j, z as _, y as S, x as s, ai as k, _ as i, G as v, a3 as g, aj as B, ak as O, K as P, al as C, am as u, an as E, ao as R, w as $, a5 as L } from "./index-M6WUZF2M.js";
-function T(e) {
-  const { status: r } = I.useSession();
-  return j.viewer.apps.appById.useQuery(
-    { appId: e },
-    {
-      enabled: r === "authenticated"
-    }
-  );
-}
-function U({
-  appId: e,
-  className: r,
-  returnTo: c,
-  teamId: l
-}) {
-  const { t: a } = _(), { data: n } = T(e), m = j.useUtils(), o = S(null, {
-    returnTo: c,
-    onSuccess: (t) => {
-      m.viewer.apps.appById.invalidate({ appId: e }), m.viewer.apps.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(
-    k,
-    {
-      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 z({
-  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 } = B(), [w] = O(), { setAppData: y, LockedIcon: b, disabled: A } = P(), 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(E, { variant: "gray", children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ s.jsx(
-                R,
-                {
-                  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(
-              $,
-              {
-                disabled: !e.enabled || A || o,
-                onCheckedChange: (h) => {
-                  c && c(h), y("enabled", h);
-                },
-                checked: l,
-                LockedIcon: b,
-                "data-testid": `${e.slug}-app-switch`,
-                tooltip: t
-              }
-            ) }) : /* @__PURE__ */ s.jsx(
-              U,
-              {
-                className: "ml-auto flex items-center",
-                appId: e.slug,
-                returnTo: n,
-                teamId: m
-              }
-            )
-          ] })
-        ] }) }),
-        N ? null : /* @__PURE__ */ s.jsxs("div", { ref: w, 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(L, { 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 {
-  z as A
-};

package/dist/AppListCardPlatformWrapper-Kgk0fNGU.js

@@ -1,8 +0,0 @@
-import { x as a, A as p } from "./index-M6WUZF2M.js";
-function s(t) {
-  const o = `https://app.cal.com${t.logo}`;
-  return /* @__PURE__ */ a.jsx(p, { ...t, logo: o });
-}
-export {
-  s as default
-};

package/dist/AppSettingsInterface-4JMt22o1.js

@@ -1,22 +0,0 @@
-import { z as p, x as t, k as o, G as u } from "./index-M6WUZF2M.js";
-import { useState as r } from "react";
-function l() {
-  const { t: e } = p(), [s, n] = r("");
-  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-4 px-4 pb-4 pt-4 text-sm", children: [
-    /* @__PURE__ */ t.jsx(
-      o,
-      {
-        placeholder: "Some Input",
-        value: s,
-        name: "Enter Input",
-        onChange: async (a) => {
-          n(a.target.value);
-        }
-      }
-    ),
-    /* @__PURE__ */ t.jsx(u, { children: e("submit") })
-  ] });
-}
-export {
-  l as default
-};

package/dist/AppSettingsInterface-8TqZVnNL.js

@@ -1,74 +0,0 @@
-import { x as e, G as t, z as l } from "./index-M6WUZF2M.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: [
-      /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("div", { className: "mr-4 flex h-12 w-12 items-center justify-center rounded-md p-1", children: /* @__PURE__ */ e.jsx("img", { className: "h-8", alt: s.app, src: `/api/app-store/zapier/${s.icon}` }) }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "mr-4", children: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx("p", { className: "text-emphasis truncate text-sm font-medium leading-4", children: s.app }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-subtle mt-[2px] text-sm", children: s.text })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "hidden w-full sm:block", children: /* @__PURE__ */ e.jsx("div", { className: "float-right", children: /* @__PURE__ */ e.jsx(t, { color: "secondary", className: " w-[90px]", target: "_blank", href: s.link, children: "Use Zap" }) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-2 block w-full sm:hidden", children: /* @__PURE__ */ e.jsx("div", { className: "float-right", children: /* @__PURE__ */ e.jsx(t, { color: "secondary", className: "w-[90px]", target: "_blank", href: s.link, children: "Use Zap" }) }) })
-  ] });
-}
-const o = [
-  {
-    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 n() {
-  const { t: s } = l();
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: "text-sm font-semibold leading-4 ", children: s("get_started_zapier_templates") }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-4 grid gap-4 md:grid-cols-2", children: o.map((a, i) => /* @__PURE__ */ e.jsx(r, { template: a }, i)) })
-  ] });
-}
-export {
-  n as default
-};

package/dist/AppSettingsInterface-MQ_fkHJx.js

@@ -1,28 +0,0 @@
-import { z as r, x as e, k as o, G as i } from "./index-M6WUZF2M.js";
-import { useState as l } from "react";
-function m() {
-  const { t: a } = r(), n = "metric", [t, s] = l("");
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
-    /* @__PURE__ */ e.jsx(
-      o,
-      {
-        placeholder: "San Francisco",
-        value: t,
-        name: "Enter City",
-        onChange: async (c) => {
-          s(c.target.value);
-        }
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      i,
-      {
-        href: `webcal://weather-in-calendar.com/cal/weather-cal.php?city=${t}&units=${n}&temperature=day`,
-        children: a("add_to_calendar")
-      }
-    )
-  ] });
-}
-export {
-  m as default
-};

package/dist/EventTypeAppCardInterface-0O_KGHxp.js

@@ -1,40 +0,0 @@
-import { z as b, J as f, K as E, M as x, x as p, W as y } from "./index-M6WUZF2M.js";
-import { useState as C } from "react";
-import { A as P } from "./AppCard-ImfOuDL_.js";
-import { u as g } from "./useIsAppEnabled-OmKRsE8Z.js";
-import v from "./EventTypeAppSettingsInterface-9raltJka.js";
-const D = function({
-  app: t,
-  eventType: e,
-  eventTypeFormMetadata: o
-}) {
-  var n;
-  const { t: i } = b(), r = f.usePathname(), { getAppData: a, setAppData: c, disabled: d } = E(), { enabled: m, updateEnabled: l } = g(t), u = x(o), [h] = C(a("enabled")), s = !h && u;
-  return /* @__PURE__ */ p.jsx(
-    P,
-    {
-      returnTo: `${y}${r}?tabName=apps`,
-      app: t,
-      switchChecked: m,
-      switchOnClick: (A) => {
-        l(A);
-      },
-      teamId: ((n = e.team) == null ? void 0 : n.id) || void 0,
-      disableSwitch: s,
-      switchTooltip: s ? i("other_payment_app_enabled") : void 0,
-      children: /* @__PURE__ */ p.jsx(
-        v,
-        {
-          eventType: e,
-          slug: t.slug,
-          disabled: d,
-          getAppData: a,
-          setAppData: c
-        }
-      )
-    }
-  );
-};
-export {
-  D as default
-};

package/dist/EventTypeAppCardInterface-0Z1NiGs_.js

@@ -1,23 +0,0 @@
-import { J as o, x as d, W as i } from "./index-M6WUZF2M.js";
-import { A as m } from "./AppCard-ImfOuDL_.js";
-import { u } from "./useIsAppEnabled-OmKRsE8Z.js";
-const E = function({ app: t, eventType: e }) {
-  var a;
-  const p = o.usePathname(), { enabled: n, updateEnabled: s } = u(t);
-  return /* @__PURE__ */ d.jsx(
-    m,
-    {
-      returnTo: `${i}${p}?tabName=apps`,
-      app: t,
-      teamId: ((a = e.team) == null ? void 0 : a.id) || void 0,
-      switchOnClick: (r) => {
-        s(r);
-      },
-      switchChecked: n,
-      hideAppCardOptions: !0
-    }
-  );
-};
-export {
-  E as default
-};

package/dist/EventTypeAppCardInterface-0bkDiimc.js

@@ -1,33 +0,0 @@
-import { K as c, x as p } from "./index-M6WUZF2M.js";
-import { A as m } from "./AppCard-ImfOuDL_.js";
-import { u } from "./useIsAppEnabled-OmKRsE8Z.js";
-import l from "./EventTypeAppSettingsInterface-cXn8l171.js";
-const E = function({ app: t, eventType: e }) {
-  var s;
-  const { getAppData: a, setAppData: n, disabled: r } = c(), { enabled: i, updateEnabled: o } = u(t);
-  return /* @__PURE__ */ p.jsx(
-    m,
-    {
-      hideSettingsIcon: !0,
-      app: t,
-      switchOnClick: (d) => {
-        o(d);
-      },
-      switchChecked: i,
-      teamId: ((s = e.team) == null ? void 0 : s.id) || void 0,
-      children: /* @__PURE__ */ p.jsx(
-        l,
-        {
-          eventType: e,
-          slug: t.slug,
-          disabled: r,
-          getAppData: a,
-          setAppData: n
-        }
-      )
-    }
-  );
-};
-export {
-  E as default
-};