@calcom/atoms 1.0.96 → 1.0.97-beta-2

package/dist/AppListCardWebWrapper-iB6tYray.js

@@ -0,0 +1,74 @@
+import { jsx as P } from "react/jsx-runtime";
+import { a6 as i, G as y, a7 as A, a8 as R, A as $ } from "./index-jTqJooNt.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(), n = r.safeParse(c);
+  let s = Q(() => ({}), []);
+  d(() => {
+    n.success && n.data && Object.entries(n.data).forEach(([e, t]) => {
+      if (e in c || !t)
+        return;
+      const a = new URLSearchParams(s);
+      a.set(String(e), String(t)), o.replace(`${u}?${a.toString()}`);
+    });
+  }, [n, r, o, u, c, s]), n.success ? s = n.data : n.success || console.error(n.error);
+  const m = b(
+    function(t, a) {
+      const p = new URLSearchParams(s);
+      p.set(String(t), String(a)), 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 a = s[e];
+    if (Array.isArray(a)) {
+      if (a.includes(t))
+        return;
+      m(e, [...a, t]);
+    } else
+      m(e, [t]);
+  }
+  function h(e, t) {
+    const a = s[e];
+    if (Array.isArray(a) && a.length > 1) {
+      const p = a.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), n = 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();
+    n.replace(`${h}${e !== "" ? `?${e}` : ""}`);
+  }, 3e3)), () => {
+    l.current && (clearTimeout(l.current), l.current = null);
+  }), [s, h, n, f, c]), /* @__PURE__ */ P($, { ...r });
+}
+export {
+  j as default
+};

package/dist/AppSettingsInterface-9Bv_J1St.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { y as r, k as u, z as i } from "./index-jTqJooNt.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-HdXxgvUo.js

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

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