react-semaphor 0.1.261 → 0.1.263

package/dist/chunks/dashboard-summary-settings-dialog-6SEdlbOP.js

@@ -0,0 +1,535 @@
+import { jsx as e, jsxs as a, Fragment as ce } from "react/jsx-runtime";
+import de, { useState as f, useCallback as j, useEffect as K, useMemo as F } from "react";
+import { b as ue, e as q, f as Y, g as Q, h as ee, i as ae, R, c as k, j as $, L as y, P as me, k as he, B as E, C as fe, l as pe, m as ve, n as be, o as Se, p as ge, q as V, r as G, s as X, t as ye, v as re, w as we, x as P, S as xe, y as Ne, z as Ce, A as ke, E as Te, F as Z, I as Ie } from "./index-D2dG8YFx.js";
+function Pe(s = {}) {
+  var I, D, M, L;
+  const { authToken: i, tokenProps: r } = ue(), S = s.enabled ?? !0, o = (i == null ? void 0 : i.accessToken) ?? null, h = (r == null ? void 0 : r.apiServiceUrl) ?? null, [N, w] = f(!1), [g, v] = f(!1), [u, n] = f(!1), [x, c] = f(null), [p, C] = f(null), A = p || {
+    tz: ((D = (I = r == null ? void 0 : r.params) == null ? void 0 : I.calendarContext) == null ? void 0 : D.tz) || null,
+    weekStart: ((L = (M = r == null ? void 0 : r.params) == null ? void 0 : M.calendarContext) == null ? void 0 : L.weekStart) ?? null
+  }, b = j(async () => {
+    if (!(!S || !o || !h)) {
+      w(!0), c(null);
+      try {
+        const d = await fetch(`${h}/v1/user-preferences/calendar`, {
+          method: "GET",
+          headers: {
+            Authorization: `Bearer ${o}`
+          }
+        });
+        if (!d.ok) {
+          const m = await d.json().catch(() => ({}));
+          throw new Error(m.error || "Failed to fetch preferences");
+        }
+        const l = await d.json();
+        C({
+          tz: l.tz,
+          weekStart: l.weekStart,
+          source: l.source,
+          isInherited: l.isInherited,
+          userHasPrefs: l.userHasPrefs,
+          inherited: l.inherited
+        });
+      } catch (d) {
+        const l = d instanceof Error ? d.message : "Unknown error";
+        c(l);
+      } finally {
+        w(!1);
+      }
+    }
+  }, [o, h, S]);
+  K(() => {
+    S && b();
+  }, [S, b]);
+  const z = j(
+    async (d) => {
+      if (!o || !h)
+        return c("Not authenticated"), !1;
+      v(!0), c(null);
+      try {
+        const l = await fetch(`${h}/v1/user-preferences/calendar`, {
+          method: "PATCH",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${o}`
+          },
+          body: JSON.stringify(d)
+        });
+        if (!l.ok) {
+          const m = await l.json().catch(() => ({}));
+          throw new Error(m.error || "Failed to update preferences");
+        }
+        return await b(), !0;
+      } catch (l) {
+        const m = l instanceof Error ? l.message : "Unknown error";
+        return c(m), !1;
+      } finally {
+        v(!1);
+      }
+    },
+    [o, h, b]
+  ), T = j(async () => {
+    if (!o || !h)
+      return c("Not authenticated"), !1;
+    n(!0), c(null);
+    try {
+      const d = await fetch(`${h}/v1/user-preferences/calendar`, {
+        method: "DELETE",
+        headers: {
+          Authorization: `Bearer ${o}`
+        }
+      });
+      if (!d.ok) {
+        const m = await d.json().catch(() => ({}));
+        throw new Error(m.error || "Failed to clear preferences");
+      }
+      const l = await d.text();
+      if (l)
+        try {
+          const m = JSON.parse(l);
+          return C({
+            tz: m.tz,
+            weekStart: m.weekStart,
+            source: m.source,
+            isInherited: m.isInherited ?? !0,
+            userHasPrefs: !1,
+            inherited: m.inherited
+          }), !0;
+        } catch {
+        }
+      return await b(), !0;
+    } catch (d) {
+      const l = d instanceof Error ? d.message : "Unknown error";
+      return c(l), !1;
+    } finally {
+      n(!1);
+    }
+  }, [o, h, b]);
+  return {
+    preferences: A,
+    isLoading: N,
+    isSaving: g,
+    isClearing: u,
+    error: x,
+    updatePreferences: z,
+    clearPreferences: T,
+    refetch: b
+  };
+}
+const _ = [
+  { value: "America/New_York", label: "Eastern Time (US & Canada)" },
+  { value: "America/Chicago", label: "Central Time (US & Canada)" },
+  { value: "America/Denver", label: "Mountain Time (US & Canada)" },
+  { value: "America/Los_Angeles", label: "Pacific Time (US & Canada)" },
+  { value: "America/Phoenix", label: "Arizona" },
+  { value: "America/Anchorage", label: "Alaska" },
+  { value: "Pacific/Honolulu", label: "Hawaii" },
+  { value: "Europe/London", label: "London" },
+  { value: "Europe/Paris", label: "Paris, Berlin, Rome" },
+  { value: "Asia/Tokyo", label: "Tokyo" },
+  { value: "Asia/Shanghai", label: "Beijing, Shanghai" },
+  { value: "Asia/Kolkata", label: "Mumbai, New Delhi" },
+  { value: "Australia/Sydney", label: "Sydney" },
+  { value: "UTC", label: "UTC" }
+], te = [
+  { value: 0, label: "Sunday" },
+  { value: 1, label: "Monday" },
+  { value: 6, label: "Saturday" }
+];
+function Ee() {
+  try {
+    const s = Intl;
+    if (s.supportedValuesOf)
+      return s.supportedValuesOf("timeZone");
+  } catch {
+  }
+  return _.map((s) => s.value);
+}
+function Ae(s) {
+  switch (s) {
+    case "tenant":
+      return "tenant";
+    case "organization":
+      return "organization";
+    case "system":
+      return "system";
+    default:
+      return "default";
+  }
+}
+function J(s) {
+  const i = _.find((r) => r.value === s);
+  return i ? i.label : s;
+}
+function ze(s) {
+  const i = te.find((r) => r.value === s);
+  return i ? i.label : String(s);
+}
+function Ue({
+  open: s,
+  onOpenChange: i
+}) {
+  var B, O, W;
+  const {
+    preferences: r,
+    isLoading: S,
+    isSaving: o,
+    isClearing: h,
+    updatePreferences: N,
+    clearPreferences: w
+  } = Pe({ enabled: s }), g = r.tz || ((B = r.inherited) == null ? void 0 : B.tz) || Intl.DateTimeFormat().resolvedOptions().timeZone, v = r.weekStart ?? ((O = r.inherited) == null ? void 0 : O.weekStart) ?? 1, [u, n] = f(!r.userHasPrefs), [x, c] = f(!1), [p, C] = f(
+    g
+  ), [A, b] = f(
+    v
+  ), [z, T] = f(!1), I = F(() => Ee(), []), D = F(
+    () => I.filter(
+      (t) => !_.some((oe) => oe.value === t)
+    ),
+    [I]
+  ), M = F(() => J(p), [p]), L = r.inherited ? J(r.inherited.tz) : "UTC", d = r.inherited ? ze(r.inherited.weekStart) : "Monday", l = Ae(
+    (W = r.inherited) == null ? void 0 : W.source
+  );
+  de.useEffect(() => {
+    if (!s) {
+      c(!1);
+      return;
+    }
+    x || (r.userHasPrefs !== void 0 && n(!r.userHasPrefs), C(g), b(v));
+  }, [
+    s,
+    x,
+    r.userHasPrefs,
+    g,
+    v
+  ]);
+  const m = async () => {
+    if (S) {
+      P.error("Preferences are still loading. Please try again.");
+      return;
+    }
+    u ? await w() ? (P.success(
+      "Now using default settings. Please refresh the page to apply changes.",
+      { duration: 5e3 }
+    ), i(!1)) : P.error("Failed to save preferences. Please try again.") : await N({
+      tz: p,
+      weekStart: A
+    }) ? (P.success(
+      "Preferences saved. Please refresh the page to apply changes.",
+      { duration: 5e3 }
+    ), i(!1)) : P.error("Failed to save preferences. Please try again.");
+  }, le = () => {
+    i(!1);
+  }, H = o || h, ie = H || S;
+  return /* @__PURE__ */ e(q, { open: s, onOpenChange: i, children: /* @__PURE__ */ a(Y, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ a(Q, { children: [
+      /* @__PURE__ */ e(ee, { children: "Calendar Preferences" }),
+      /* @__PURE__ */ e(ae, { children: "Set your timezone and week start preferences for date calculations and displays." })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "space-y-6 py-4", children: [
+      /* @__PURE__ */ a(
+        R,
+        {
+          value: u ? "defaults" : "custom",
+          onValueChange: (t) => {
+            c(!0), n(t === "defaults");
+          },
+          className: "space-y-3",
+          children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: k(
+                  "flex items-start space-x-3 rounded-lg border p-4 cursor-pointer transition-colors",
+                  u ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/50"
+                ),
+                onClick: () => {
+                  c(!0), n(!0);
+                },
+                children: [
+                  /* @__PURE__ */ e($, { value: "defaults", id: "mode-defaults" }),
+                  /* @__PURE__ */ a("div", { className: "flex-1 space-y-1", children: [
+                    /* @__PURE__ */ a(
+                      y,
+                      {
+                        htmlFor: "mode-defaults",
+                        className: "cursor-pointer font-medium",
+                        children: [
+                          "Use ",
+                          l,
+                          " defaults"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: [
+                      L,
+                      ", Week starts ",
+                      d
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: k(
+                  "flex items-start space-x-3 rounded-lg border p-4 cursor-pointer transition-colors",
+                  u ? "border-border hover:border-muted-foreground/50" : "border-primary bg-primary/5"
+                ),
+                onClick: () => {
+                  c(!0), n(!1);
+                },
+                children: [
+                  /* @__PURE__ */ e($, { value: "custom", id: "mode-custom" }),
+                  /* @__PURE__ */ e(
+                    y,
+                    {
+                      htmlFor: "mode-custom",
+                      className: "cursor-pointer font-medium",
+                      children: "Use custom settings"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: k(
+            "space-y-6 transition-opacity",
+            u && "opacity-50 pointer-events-none"
+          ),
+          children: [
+            /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e(y, { children: "Timezone" }),
+              /* @__PURE__ */ a(
+                me,
+                {
+                  open: z,
+                  onOpenChange: T,
+                  modal: !0,
+                  children: [
+                    /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ a(
+                      E,
+                      {
+                        variant: "outline",
+                        role: "combobox",
+                        "aria-expanded": z,
+                        className: "w-full justify-between",
+                        disabled: u,
+                        children: [
+                          M,
+                          /* @__PURE__ */ e(fe, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(
+                      pe,
+                      {
+                        className: "z-50 w-[--radix-popover-trigger-width] p-0",
+                        align: "start",
+                        children: /* @__PURE__ */ a(ve, { className: "overflow-visible", children: [
+                          /* @__PURE__ */ e(be, { placeholder: "Search timezones..." }),
+                          /* @__PURE__ */ a(Se, { children: [
+                            /* @__PURE__ */ e(ge, { children: "No timezone found." }),
+                            /* @__PURE__ */ e(V, { heading: "Common", children: _.map((t) => /* @__PURE__ */ a(
+                              G,
+                              {
+                                value: `${t.value} ${t.label}`,
+                                onSelect: () => {
+                                  c(!0), C(t.value), T(!1);
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(
+                                    X,
+                                    {
+                                      className: k(
+                                        "mr-2 h-4 w-4",
+                                        p === t.value ? "opacity-100" : "opacity-0"
+                                      )
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e("span", { className: "flex-1", children: t.label }),
+                                  /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: t.value })
+                                ]
+                              },
+                              t.value
+                            )) }),
+                            /* @__PURE__ */ e(ye, {}),
+                            /* @__PURE__ */ e(V, { heading: "All Timezones", children: D.map((t) => /* @__PURE__ */ a(
+                              G,
+                              {
+                                value: t,
+                                onSelect: () => {
+                                  c(!0), C(t), T(!1);
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(
+                                    X,
+                                    {
+                                      className: k(
+                                        "mr-2 h-4 w-4",
+                                        p === t ? "opacity-100" : "opacity-0"
+                                      )
+                                    }
+                                  ),
+                                  t
+                                ]
+                              },
+                              t
+                            )) })
+                          ] })
+                        ] })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ e(y, { children: "Week Starts On" }),
+              /* @__PURE__ */ e(
+                R,
+                {
+                  value: String(A),
+                  onValueChange: (t) => {
+                    c(!0), b(Number(t));
+                  },
+                  className: "flex gap-4",
+                  disabled: u,
+                  children: te.map((t) => /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: "flex items-center space-x-2",
+                      children: [
+                        /* @__PURE__ */ e(
+                          $,
+                          {
+                            value: String(t.value),
+                            id: `week-start-${t.value}`,
+                            disabled: u
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          y,
+                          {
+                            htmlFor: `week-start-${t.value}`,
+                            className: k(
+                              "cursor-pointer font-normal",
+                              u && "cursor-not-allowed"
+                            ),
+                            children: t.label
+                          }
+                        )
+                      ]
+                    },
+                    t.value
+                  ))
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(re, { children: [
+      /* @__PURE__ */ e(E, { variant: "outline", onClick: le, disabled: H, children: "Cancel" }),
+      /* @__PURE__ */ e(E, { onClick: m, disabled: ie, children: H ? /* @__PURE__ */ a(ce, { children: [
+        /* @__PURE__ */ e(we, { className: "mr-2 h-4 w-4 animate-spin" }),
+        "Saving..."
+      ] }) : "Save" })
+    ] })
+  ] }) });
+}
+const U = 6, se = 1, ne = 20;
+function De(s) {
+  return Number.isNaN(s) ? U : Math.min(ne, Math.max(se, s));
+}
+function _e({
+  open: s,
+  onOpenChange: i,
+  dashboard: r,
+  onApply: S,
+  disabled: o = !1
+}) {
+  const [h, N] = f(!1), [w, g] = f("top"), [v, u] = f(String(U)), n = r.summary;
+  K(() => {
+    s && (N((n == null ? void 0 : n.enabled) === !0), g((n == null ? void 0 : n.position) === "bottom" ? "bottom" : "top"), u(String((n == null ? void 0 : n.maxItems) ?? U)));
+  }, [s, n == null ? void 0 : n.enabled, n == null ? void 0 : n.position, n == null ? void 0 : n.maxItems]);
+  const x = F(
+    () => De(Number.parseInt(v || `${U}`, 10)),
+    [v]
+  );
+  return /* @__PURE__ */ e(q, { open: s, onOpenChange: i, children: /* @__PURE__ */ a(Y, { className: "sm:max-w-[420px]", children: [
+    /* @__PURE__ */ a(Q, { children: [
+      /* @__PURE__ */ e(ee, { children: "Summary Settings" }),
+      /* @__PURE__ */ e(ae, { children: "Configure dashboard-level summary display. Card-level summary settings still control which cards contribute." })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "space-y-4 py-2", children: [
+      /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ e(y, { htmlFor: "dashboard-summary-enabled", children: "Enable Dashboard Summary" }),
+        /* @__PURE__ */ e(
+          xe,
+          {
+            id: "dashboard-summary-enabled",
+            checked: h,
+            disabled: o,
+            onCheckedChange: N
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(y, { htmlFor: "dashboard-summary-position", children: "Position" }),
+        /* @__PURE__ */ a(
+          Ne,
+          {
+            value: w,
+            disabled: o,
+            onValueChange: (p) => g(p),
+            children: [
+              /* @__PURE__ */ e(Ce, { id: "dashboard-summary-position", children: /* @__PURE__ */ e(ke, { placeholder: "Select position" }) }),
+              /* @__PURE__ */ a(Te, { children: [
+                /* @__PURE__ */ e(Z, { value: "top", children: "Top" }),
+                /* @__PURE__ */ e(Z, { value: "bottom", children: "Bottom" })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(y, { htmlFor: "dashboard-summary-max-items", children: "Max Items" }),
+        /* @__PURE__ */ e(
+          Ie,
+          {
+            id: "dashboard-summary-max-items",
+            type: "number",
+            min: se,
+            max: ne,
+            disabled: o,
+            value: v,
+            onChange: (p) => u(p.target.value),
+            onBlur: () => u(String(x))
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "Display limit only. Computation is unchanged." })
+      ] }),
+      o && /* @__PURE__ */ e("p", { className: "text-xs text-amber-700", children: "Enter dashboard edit mode to modify summary settings." })
+    ] }),
+    /* @__PURE__ */ a(re, { children: [
+      /* @__PURE__ */ e(E, { variant: "outline", onClick: () => i(!1), children: "Cancel" }),
+      /* @__PURE__ */ e(E, { onClick: () => {
+        S({
+          enabled: h,
+          position: w,
+          maxItems: x
+        }), i(!1);
+      }, disabled: o, children: "Apply" })
+    ] })
+  ] }) });
+}
+export {
+  Ue as C,
+  _e as D
+};