react-semaphor 0.1.428 → 0.1.430

package/dist/chunks/report-preferences-dialog-Bx8uzG8K.js

@@ -0,0 +1,690 @@
+import { jsxs as l, Fragment as R, jsx as a } from "react/jsx-runtime";
+import le, { useState as C, useRef as Y, useEffect as U, useCallback as A, useMemo as _ } from "react";
+import { az as Q, aA as ce, aB as B, aC as $, aD as oe, h as ie, i as ue, j as de, k as fe, l as M, m as W, aE as me, aF as V, aG as z, a as he, aH as pe, aI as ve, aJ as ye, aK as ge, aL as be } from "./dashboard-0Tpj3XFq.js";
+import { u as X, c as F, O as q, P as we, a as Ce, B as L, b as Se, d as G, L as ee, T as ke, F as Te, G as H, I as K } from "./code-editor-C65eEYyU.js";
+import { parseCalendarPreferencesResponse as xe } from "../report-runtime-context/index.js";
+import "./index-xHCrHprY.js";
+import "./analyze-result-contract-CfOBEwaC.js";
+import { parseValueFormatPreferencesResponse as Ne, canonicalizeSupportedLocale as Pe, canonicalizeSupportedCurrencyCode as Ee } from "../value-format-preferences/index.js";
+function Ae(r = {}) {
+  const { authToken: c, tokenProps: e } = Q(), m = X(
+    (w) => w.actions.applyResolvedCalendarPreferences
+  ), i = r.enabled ?? !0, t = (c == null ? void 0 : c.accessToken) ?? null, d = (e == null ? void 0 : e.apiServiceUrl) ?? null, [p, g] = C(!1), [v, b] = C(!1), [y, T] = C(!1), [x, u] = C(null), [N, P] = C(null), f = Y(t);
+  f.current = t, U(() => {
+    P(null), u(null), g(!1), b(!1), T(!1);
+  }, [t]);
+  const k = A(async (w) => {
+    const s = xe(await w.json());
+    if (!s.ok)
+      throw new Error("Calendar preferences response is invalid");
+    return s.value;
+  }, []), S = A(async () => {
+    if (!i || !t || !d) return;
+    const w = t;
+    g(!0), u(null);
+    try {
+      const s = await fetch(
+        `${d}/v1/user-preferences/calendar`,
+        {
+          method: "GET",
+          headers: { Authorization: `Bearer ${t}` }
+        }
+      );
+      if (!s.ok) {
+        const h = await s.json().catch(() => ({}));
+        throw new Error(h.error || "Failed to fetch preferences");
+      }
+      const n = await k(s);
+      f.current === w && P(n);
+    } catch (s) {
+      f.current === w && u(s instanceof Error ? s.message : "Unknown error");
+    } finally {
+      f.current === w && g(!1);
+    }
+  }, [t, d, i, k]);
+  U(() => {
+    i && S();
+  }, [i, S]);
+  const E = A(
+    async (w) => {
+      if (!t || !d)
+        return u("Not authenticated"), !1;
+      const s = t;
+      b(!0), u(null);
+      try {
+        const n = await fetch(
+          `${d}/v1/user-preferences/calendar`,
+          {
+            method: "PATCH",
+            headers: {
+              "Content-Type": "application/json",
+              Authorization: `Bearer ${t}`
+            },
+            body: JSON.stringify(w)
+          }
+        );
+        if (!n.ok) {
+          const j = await n.json().catch(() => ({}));
+          throw new Error(j.error || "Failed to update preferences");
+        }
+        const h = await k(n);
+        return f.current !== s ? !1 : (P(h), m(h.resolved, h.sources), !0);
+      } catch (n) {
+        return f.current === s && u(n instanceof Error ? n.message : "Unknown error"), !1;
+      } finally {
+        f.current === s && b(!1);
+      }
+    },
+    [
+      t,
+      d,
+      m,
+      k
+    ]
+  ), D = A(async () => {
+    if (!t || !d)
+      return u("Not authenticated"), !1;
+    const w = t;
+    T(!0), u(null);
+    try {
+      const s = await fetch(
+        `${d}/v1/user-preferences/calendar`,
+        {
+          method: "DELETE",
+          headers: { Authorization: `Bearer ${t}` }
+        }
+      );
+      if (!s.ok) {
+        const h = await s.json().catch(() => ({}));
+        throw new Error(h.error || "Failed to clear preferences");
+      }
+      const n = await k(s);
+      return f.current !== w ? !1 : (P(n), m(n.resolved, n.sources), !0);
+    } catch (s) {
+      return f.current === w && u(s instanceof Error ? s.message : "Unknown error"), !1;
+    } finally {
+      f.current === w && T(!1);
+    }
+  }, [
+    t,
+    d,
+    m,
+    k
+  ]);
+  return {
+    preferences: N,
+    isLoading: p,
+    isSaving: v,
+    isClearing: y,
+    error: x,
+    updatePreferences: E,
+    clearPreferences: D,
+    refetch: S
+  };
+}
+const I = [
+  { 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" }
+], ae = [
+  { value: 0, label: "Sunday" },
+  { value: 1, label: "Monday" },
+  { value: 6, label: "Saturday" }
+], J = "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground";
+function ze() {
+  try {
+    const r = Intl;
+    if (r.supportedValuesOf)
+      return r.supportedValuesOf("timeZone");
+  } catch {
+  }
+  return I.map((r) => r.value);
+}
+function Le(r) {
+  if (!r) return "default";
+  if (r.tz !== r.weekStart) return "inherited";
+  switch (r.tz) {
+    case "viewer_tenant":
+      return "tenant";
+    case "viewer_organization":
+      return "organization";
+    case "system_default":
+      return "system";
+    case "session_initial":
+      return "embedded";
+    default:
+      return "default";
+  }
+}
+function Z(r) {
+  const c = I.find((e) => e.value === r);
+  return c ? c.label : r;
+}
+function De(r) {
+  const c = ae.find((e) => e.value === r);
+  return c ? c.label : String(r);
+}
+function Fe({
+  active: r,
+  onClose: c
+}) {
+  const {
+    preferences: e,
+    isLoading: m,
+    isSaving: i,
+    isClearing: t,
+    updatePreferences: d,
+    clearPreferences: p
+  } = Ae({ enabled: r }), g = ce(), v = (e == null ? void 0 : e.resolved.tz) || (g == null ? void 0 : g.tz) || "UTC", b = (e == null ? void 0 : e.resolved.weekStart) ?? (g == null ? void 0 : g.weekStart) ?? 1, [y, T] = C((e == null ? void 0 : e.stored) === null), [x, u] = C(!1), [N, P] = C(
+    v
+  ), [f, k] = C(
+    b
+  ), [S, E] = C(!1), D = _(() => ze(), []), w = _(
+    () => D.filter(
+      (o) => !I.some((te) => te.value === o)
+    ),
+    [D]
+  ), s = _(() => Z(N), [N]), n = e != null && e.inherited ? Z(e.inherited.tz) : "UTC", h = e != null && e.inherited ? De(e.inherited.weekStart) : "Monday", j = Le(
+    e == null ? void 0 : e.inheritedSources
+  );
+  le.useEffect(() => {
+    if (!r) {
+      u(!1);
+      return;
+    }
+    x || (e && T(e.stored === null), P(v), k(b));
+  }, [
+    r,
+    x,
+    e,
+    v,
+    b
+  ]);
+  const re = async () => {
+    if (m) {
+      z.error("Preferences are still loading. Please try again.");
+      return;
+    }
+    y ? await p() ? (z.success("Now using default settings."), c()) : z.error("Failed to save preferences. Please try again.") : await d({
+      tz: N,
+      weekStart: f
+    }) ? (z.success("Preferences saved."), c()) : z.error("Failed to save preferences. Please try again.");
+  }, se = () => {
+    c();
+  }, O = i || t, ne = O || m;
+  return /* @__PURE__ */ l(R, { children: [
+    /* @__PURE__ */ l("div", { className: "space-y-4 py-1", children: [
+      /* @__PURE__ */ l(
+        B,
+        {
+          value: y ? "defaults" : "custom",
+          onValueChange: (o) => {
+            u(!0), T(o === "defaults");
+          },
+          className: "space-y-0.5",
+          children: [
+            /* @__PURE__ */ l(
+              "label",
+              {
+                htmlFor: "mode-defaults",
+                className: F(
+                  "flex cursor-pointer items-start gap-2 rounded-control px-2 py-1.5 hover:bg-muted/50",
+                  y && "bg-muted/50"
+                ),
+                onClick: () => {
+                  u(!0), T(!0);
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    $,
+                    {
+                      value: "defaults",
+                      id: "mode-defaults",
+                      className: "mt-0.5"
+                    }
+                  ),
+                  /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ l("p", { className: "text-[13px] font-medium text-foreground", children: [
+                      "Use ",
+                      j,
+                      " defaults"
+                    ] }),
+                    /* @__PURE__ */ l("p", { className: "text-[12px] text-muted-foreground", children: [
+                      n,
+                      ", week starts ",
+                      h
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ l(
+              "label",
+              {
+                htmlFor: "mode-custom",
+                className: F(
+                  "flex cursor-pointer items-start gap-2 rounded-control px-2 py-1.5 hover:bg-muted/50",
+                  !y && "bg-muted/50"
+                ),
+                onClick: () => {
+                  u(!0), T(!1);
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    $,
+                    {
+                      value: "custom",
+                      id: "mode-custom",
+                      className: "mt-0.5"
+                    }
+                  ),
+                  /* @__PURE__ */ a("p", { className: "flex-1 text-[13px] font-medium text-foreground", children: "Use custom settings" })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: F(
+            "space-y-4 border-t border-border/60 pt-4 transition-opacity",
+            y && "pointer-events-none opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ a(q, { className: J, children: "Timezone" }),
+              /* @__PURE__ */ l(
+                we,
+                {
+                  open: S,
+                  onOpenChange: E,
+                  modal: !0,
+                  children: [
+                    /* @__PURE__ */ a(Ce, { asChild: !0, children: /* @__PURE__ */ l(
+                      L,
+                      {
+                        variant: "outline",
+                        size: "xs",
+                        role: "combobox",
+                        "aria-expanded": S,
+                        className: "w-full justify-between text-[12px] font-normal",
+                        disabled: y,
+                        children: [
+                          /* @__PURE__ */ a("span", { className: "truncate", children: s }),
+                          /* @__PURE__ */ a(oe, { className: "ml-2 h-3.5 w-3.5 shrink-0 opacity-50" })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ a(
+                      Se,
+                      {
+                        className: "z-50 w-[--radix-popover-trigger-width] p-0",
+                        align: "start",
+                        children: /* @__PURE__ */ l(ie, { className: "overflow-visible", children: [
+                          /* @__PURE__ */ a(ue, { placeholder: "Search timezones…" }),
+                          /* @__PURE__ */ l(de, { children: [
+                            /* @__PURE__ */ a(fe, { children: "No timezone found." }),
+                            /* @__PURE__ */ a(M, { heading: "Common", children: I.map((o) => /* @__PURE__ */ l(
+                              W,
+                              {
+                                value: `${o.value} ${o.label}`,
+                                onSelect: () => {
+                                  u(!0), P(o.value), E(!1);
+                                },
+                                children: [
+                                  /* @__PURE__ */ a(
+                                    G,
+                                    {
+                                      className: F(
+                                        "h-3.5 w-3.5",
+                                        N === o.value ? "opacity-100" : "opacity-0"
+                                      )
+                                    }
+                                  ),
+                                  /* @__PURE__ */ a("span", { className: "flex-1", children: o.label }),
+                                  /* @__PURE__ */ a("span", { className: "text-[11px] text-muted-foreground", children: o.value })
+                                ]
+                              },
+                              o.value
+                            )) }),
+                            /* @__PURE__ */ a(me, {}),
+                            /* @__PURE__ */ a(M, { heading: "All timezones", children: w.map((o) => /* @__PURE__ */ l(
+                              W,
+                              {
+                                value: o,
+                                onSelect: () => {
+                                  u(!0), P(o), E(!1);
+                                },
+                                children: [
+                                  /* @__PURE__ */ a(
+                                    G,
+                                    {
+                                      className: F(
+                                        "h-3.5 w-3.5",
+                                        N === o ? "opacity-100" : "opacity-0"
+                                      )
+                                    }
+                                  ),
+                                  o
+                                ]
+                              },
+                              o
+                            )) })
+                          ] })
+                        ] })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ a(q, { className: J, children: "Week starts on" }),
+              /* @__PURE__ */ a(
+                B,
+                {
+                  value: String(f),
+                  onValueChange: (o) => {
+                    u(!0), k(Number(o));
+                  },
+                  className: "flex gap-4",
+                  disabled: y,
+                  children: ae.map((o) => /* @__PURE__ */ l(
+                    "label",
+                    {
+                      htmlFor: `week-start-${o.value}`,
+                      className: F(
+                        "flex cursor-pointer items-center gap-2 text-[13px]",
+                        y && "cursor-not-allowed"
+                      ),
+                      children: [
+                        /* @__PURE__ */ a(
+                          $,
+                          {
+                            value: String(o.value),
+                            id: `week-start-${o.value}`,
+                            disabled: y
+                          }
+                        ),
+                        o.label
+                      ]
+                    },
+                    o.value
+                  ))
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(V, { children: [
+      /* @__PURE__ */ a(
+        L,
+        {
+          variant: "outline",
+          size: "xs",
+          onClick: se,
+          disabled: O,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ a(L, { size: "xs", onClick: re, disabled: ne, children: O ? /* @__PURE__ */ l(R, { children: [
+        /* @__PURE__ */ a(ee, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving…"
+      ] }) : "Save" })
+    ] })
+  ] });
+}
+function je(r = {}) {
+  const { authToken: c, tokenProps: e } = Q(), m = X(
+    (s) => s.actions.applyResolvedValueFormatPreferences
+  ), i = r.enabled ?? !0, t = (c == null ? void 0 : c.accessToken) ?? null, d = (e == null ? void 0 : e.apiServiceUrl) ?? null, p = Y(t);
+  p.current = t;
+  const [g, v] = C(null), [b, y] = C(!1), [T, x] = C(!1), [u, N] = C(!1), [P, f] = C(null);
+  U(() => {
+    v(null), f(null), y(!1), x(!1), N(!1);
+  }, [t]);
+  const k = A(async (s) => {
+    const n = Ne(await s.json());
+    if (!n.ok)
+      throw new Error("Value format preferences response is invalid");
+    return n.value;
+  }, []), S = A(
+    async (s, n) => {
+      if (!t || !d)
+        throw new Error("Not authenticated");
+      const h = await fetch(
+        `${d}/v1/user-preferences/value-format`,
+        {
+          method: s,
+          headers: {
+            Authorization: `Bearer ${t}`,
+            ...n ? { "Content-Type": "application/json" } : {}
+          },
+          body: n ? JSON.stringify(n) : void 0
+        }
+      );
+      if (!h.ok) {
+        const j = await h.json().catch(() => ({}));
+        throw new Error(j.error || "Failed to update preferences");
+      }
+      return k(h);
+    },
+    [t, d, k]
+  ), E = A(async () => {
+    if (!i || !t || !d) return;
+    const s = t;
+    y(!0), f(null);
+    try {
+      const n = await S("GET");
+      p.current === s && v(n);
+    } catch (n) {
+      p.current === s && f(n instanceof Error ? n.message : "Unknown error");
+    } finally {
+      p.current === s && y(!1);
+    }
+  }, [t, d, i, S]);
+  U(() => {
+    i && E();
+  }, [i, E]);
+  const D = A(
+    async (s) => {
+      const n = t;
+      x(!0), f(null);
+      try {
+        const h = await S("PATCH", s);
+        return p.current !== n ? !1 : (v(h), m(h.resolved, h.sources), !0);
+      } catch (h) {
+        return p.current === n && f(h instanceof Error ? h.message : "Unknown error"), !1;
+      } finally {
+        p.current === n && x(!1);
+      }
+    },
+    [t, m, S]
+  ), w = A(async () => {
+    const s = t;
+    N(!0), f(null);
+    try {
+      const n = await S("DELETE");
+      return p.current !== s ? !1 : (v(n), m(n.resolved, n.sources), !0);
+    } catch (n) {
+      return p.current === s && f(n instanceof Error ? n.message : "Unknown error"), !1;
+    } finally {
+      p.current === s && N(!1);
+    }
+  }, [t, m, S]);
+  return {
+    preferences: g,
+    isLoading: b,
+    isSaving: T,
+    isClearing: u,
+    error: P,
+    updatePreferences: D,
+    clearPreferences: w,
+    refetch: E
+  };
+}
+function Re({
+  active: r,
+  onClose: c
+}) {
+  var p, g;
+  const {
+    preferences: e,
+    isLoading: m,
+    isSaving: i,
+    updatePreferences: t
+  } = je({ enabled: r });
+  if (!r) return null;
+  if (!e)
+    return /* @__PURE__ */ l(R, { children: [
+      /* @__PURE__ */ a("div", { className: "py-2", children: /* @__PURE__ */ a("div", { className: "flex min-h-36 items-center justify-center text-[12px] text-muted-foreground", children: m ? "Loading preferences…" : "Preferences unavailable." }) }),
+      /* @__PURE__ */ l(V, { className: "justify-between sm:justify-between", children: [
+        /* @__PURE__ */ a(L, { variant: "ghost", size: "xs", disabled: !0, children: "Reset locale and currency" }),
+        /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ a(L, { variant: "outline", size: "xs", onClick: c, children: "Cancel" }),
+          /* @__PURE__ */ a(L, { size: "xs", disabled: !0, children: "Save" })
+        ] })
+      ] })
+    ] });
+  const d = [
+    ((p = e.stored) == null ? void 0 : p.locale) ?? "",
+    ((g = e.stored) == null ? void 0 : g.defaultCurrency) ?? ""
+  ].join(":");
+  return /* @__PURE__ */ a(
+    Ue,
+    {
+      preferences: e,
+      isSaving: i,
+      updatePreferences: t,
+      onClose: c
+    },
+    d
+  );
+}
+function Ue({
+  preferences: r,
+  isSaving: c,
+  updatePreferences: e,
+  onClose: m
+}) {
+  const [i, t] = C(() => {
+    var v, b;
+    return {
+      locale: (v = r.stored) == null ? void 0 : v.locale,
+      defaultCurrency: (b = r.stored) == null ? void 0 : b.defaultCurrency
+    };
+  }), d = (i.locale === void 0 || Pe(i.locale) !== void 0) && (i.defaultCurrency === void 0 || Ee(i.defaultCurrency) !== void 0), p = async () => {
+    var x, u;
+    const v = {}, b = [];
+    i.locale !== void 0 ? v.locale = i.locale : ((x = r.stored) == null ? void 0 : x.locale) !== void 0 && b.push("locale"), i.defaultCurrency !== void 0 ? v.defaultCurrency = i.defaultCurrency : ((u = r.stored) == null ? void 0 : u.defaultCurrency) !== void 0 && b.push("defaultCurrency");
+    const y = {
+      ...Object.keys(v).length > 0 ? { set: v } : {},
+      ...b.length > 0 ? { clear: b } : {}
+    };
+    (Object.keys(y).length === 0 ? !0 : await e(y)) ? (z.success("Display format preferences saved."), m()) : z.error("Failed to save preferences. Please try again.");
+  }, g = async () => {
+    await e({
+      clear: ["locale", "defaultCurrency"]
+    }) ? (z.success("Locale and currency preferences reset."), m()) : z.error(
+      "Failed to reset locale and currency preferences. Please try again."
+    );
+  };
+  return /* @__PURE__ */ l(R, { children: [
+    /* @__PURE__ */ a("div", { className: "py-2", children: /* @__PURE__ */ a(
+      he,
+      {
+        value: i,
+        inherited: r.inherited,
+        inheritedSources: r.inheritedSources,
+        onChange: t,
+        disabled: c
+      }
+    ) }),
+    /* @__PURE__ */ l(V, { className: "justify-between sm:justify-between", children: [
+      /* @__PURE__ */ a(
+        L,
+        {
+          variant: "ghost",
+          size: "xs",
+          onClick: g,
+          disabled: c || r.stored === null,
+          children: "Reset locale and currency"
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ a(
+          L,
+          {
+            variant: "outline",
+            size: "xs",
+            onClick: m,
+            disabled: c,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ a(
+          L,
+          {
+            size: "xs",
+            onClick: p,
+            disabled: c || !d,
+            children: c ? /* @__PURE__ */ l(R, { children: [
+              /* @__PURE__ */ a(ee, { className: "h-3.5 w-3.5 animate-spin" }),
+              "Saving…"
+            ] }) : "Save"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function qe({
+  open: r,
+  onOpenChange: c
+}) {
+  const [e, m] = C("display"), i = () => c(!1);
+  return /* @__PURE__ */ a(pe, { open: r, onOpenChange: c, children: /* @__PURE__ */ l(ve, { className: "rounded-control border-border/60 sm:max-w-[440px] sm:rounded-control", children: [
+    /* @__PURE__ */ l(ye, { children: [
+      /* @__PURE__ */ a(ge, { className: "text-[15px]", children: "Report preferences" }),
+      /* @__PURE__ */ a(be, { className: "text-[13px] leading-5", children: "Set how values and Calendar periods appear for you." })
+    ] }),
+    /* @__PURE__ */ l(ke, { value: e, onValueChange: m, children: [
+      /* @__PURE__ */ l(Te, { variant: "underline", className: "w-full justify-start", children: [
+        /* @__PURE__ */ a(H, { value: "display", children: "Display formats" }),
+        /* @__PURE__ */ a(H, { value: "calendar", children: "Calendar" })
+      ] }),
+      /* @__PURE__ */ a(K, { value: "display", children: /* @__PURE__ */ a(
+        Re,
+        {
+          active: r && e === "display",
+          onClose: i
+        }
+      ) }),
+      /* @__PURE__ */ a(K, { value: "calendar", children: /* @__PURE__ */ a(
+        Fe,
+        {
+          active: r && e === "calendar",
+          onClose: i
+        }
+      ) })
+    ] })
+  ] }) });
+}
+export {
+  qe as R
+};