@genispace/geniapp 0.1.0

package/dist/CrossAppRecordPicker-BXchXcK5.js

@@ -0,0 +1,624 @@
+import { useRef as I, useEffect as w, useState as g, useMemo as q, useCallback as F, useId as W } from "react";
+import { useLocation as K } from "react-router-dom";
+import Q from "genispace";
+import { G as C, a as H } from "./shell-DIHnXIUb.js";
+import { jsxs as u, jsx as a, Fragment as O } from "react/jsx-runtime";
+function M(e) {
+  return e.replace(/\/$/, "") || "/";
+}
+function X(e, r) {
+  return M(e) === M(r);
+}
+function ge(e, r) {
+  const { pathname: t } = K(), n = I(r);
+  n.current = r;
+  const s = X(t, e);
+  w(() => {
+    s && n.current();
+  }, [s, t, e]);
+}
+const J = "new";
+function Z(e) {
+  return !e?.trim() || e === J;
+}
+function xe(e) {
+  return !Z(e);
+}
+function ye(e) {
+  const r = e?.trim();
+  return !r || r === J ? crypto.randomUUID() : r;
+}
+const Ne = [
+  "USD",
+  "CNY",
+  "EUR",
+  "GBP",
+  "JPY",
+  "HKD",
+  "AUD",
+  "CAD",
+  "SGD",
+  "CHF"
+], j = /* @__PURE__ */ new Map();
+function ee(e) {
+  let r = j.get(e);
+  return r || (r = new Intl.DisplayNames([e], { type: "currency" }), j.set(e, r)), r;
+}
+function we(e, r = "en") {
+  const t = e.trim().toUpperCase();
+  try {
+    return ee(r).of(t) ?? t;
+  } catch {
+    return t;
+  }
+}
+function re(e) {
+  if (Array.isArray(e))
+    return e.filter((r) => typeof r == "string").map((r) => r.trim().toUpperCase());
+  if (typeof e == "string" && e.trim())
+    try {
+      return re(JSON.parse(e));
+    } catch {
+      return [];
+    }
+  return [];
+}
+function Ae(e, r = {}) {
+  const t = (r.minOne ?? "USD").toUpperCase(), n = /* @__PURE__ */ new Set(), s = [];
+  for (const o of e ?? []) {
+    const c = o.trim().toUpperCase();
+    !c || n.has(c) || (n.add(c), s.push(c));
+  }
+  return s.length === 0 ? [t] : (n.has(t) || s.unshift(t), s);
+}
+const Ee = ["USD"];
+function te() {
+  if (typeof window > "u") return null;
+  try {
+    return window.localStorage.getItem("i18nextLng") || window.localStorage.getItem("language");
+  } catch {
+    return null;
+  }
+}
+function B(e) {
+  return (e || te())?.trim().toLowerCase().replaceAll("_", "-").startsWith("zh") ? "zh-CN" : "en-US";
+}
+function ve(e, r, t = { timeStyle: "short" }) {
+  return z(e, r, t);
+}
+function z(e, r, t = { dateStyle: "medium" }) {
+  if (e == null || e === "") return "—";
+  const n = e instanceof Date ? e : new Date(String(e));
+  return Number.isNaN(n.getTime()) ? String(e) : new Intl.DateTimeFormat(B(r), t).format(n);
+}
+function Ce(e, r, t = { dateStyle: "medium", timeStyle: "short" }) {
+  return z(e, r, t);
+}
+function ke(e, r, t) {
+  const n = Number(e ?? 0);
+  return new Intl.NumberFormat(B(r), t).format(
+    Number.isFinite(n) ? n : 0
+  );
+}
+function Se(e, r, t) {
+  const n = Number(e ?? 0);
+  return new Intl.NumberFormat(B(t), {
+    style: "currency",
+    currency: String(r || "USD"),
+    maximumFractionDigits: 2
+  }).format(Number.isFinite(n) ? n : 0);
+}
+function ne() {
+  try {
+    return localStorage.getItem("token") ?? "";
+  } catch {
+    return "";
+  }
+}
+function Ue(e) {
+  const [r, t] = g(0);
+  return w(() => {
+    const n = () => t((s) => s + 1);
+    return window.addEventListener(C, n), () => window.removeEventListener(C, n);
+  }, []), q(() => {
+    const n = ne(), s = e().replace(/\/$/, "");
+    return new Q({
+      baseURL: s,
+      apiKey: n,
+      accessToken: n || void 0
+    });
+  }, [r, e]);
+}
+function se(e, r) {
+  try {
+    r ? sessionStorage.setItem(e, r) : sessionStorage.removeItem(e);
+  } catch {
+  }
+}
+function ae(e) {
+  try {
+    return sessionStorage.getItem(e);
+  } catch {
+    return null;
+  }
+}
+function oe(e, r) {
+  return e.length === 0 && !Y() ? !1 : e.includes(r);
+}
+function Y() {
+  try {
+    return !1;
+  } catch {
+    return !1;
+  }
+}
+function Ie(e, r, t, n) {
+  return e || n != null ? !1 : r.length === 0 ? Y() : r.includes(t);
+}
+function Re(e, r, t, n) {
+  return e || n != null ? !1 : oe(r, t);
+}
+function Le() {
+  try {
+    if (typeof sessionStorage < "u") {
+      const e = sessionStorage.getItem(H);
+      if (e && e.trim() !== "")
+        return `${new URL(e, typeof window < "u" ? window.location.origin : "http://localhost").origin}/api`;
+    }
+  } catch {
+  }
+  return typeof window < "u" ? `${window.location.origin}/api` : "";
+}
+function _e(e, r) {
+  return () => ce({ sessionStorageKey: e, getApiRoot: r });
+}
+async function ie(e, r) {
+  const t = ae(e);
+  if (!t)
+    return { isUser: !0, permissionCodes: [], accessError: null };
+  const n = r().replace(/\/$/, ""), s = { "Content-Type": "application/json" };
+  try {
+    const i = localStorage.getItem("token");
+    i && (s.Authorization = `Bearer ${i}`);
+  } catch {
+  }
+  const o = await fetch(`${n}/applications/${encodeURIComponent(t)}/users/me/access`, {
+    headers: s,
+    credentials: "include"
+  });
+  if (!o.ok) {
+    const i = await o.text().catch(() => "");
+    if (o.status === 404)
+      try {
+        (i ? JSON.parse(i) : null)?.code === "NOT_FOUND" && se(e, null);
+      } catch {
+      }
+    return o.status === 401 || o.status === 403 ? {
+      isUser: !1,
+      permissionCodes: [],
+      accessError: i || o.statusText || `Access denied (${o.status})`
+    } : {
+      isUser: !0,
+      permissionCodes: [],
+      accessError: i || o.statusText || `Access check failed (${o.status})`
+    };
+  }
+  const c = await o.json(), d = c?.data ?? c;
+  return {
+    isUser: !!d?.isUser,
+    permissionCodes: Array.isArray(d?.permissionCodes) ? d.permissionCodes : [],
+    accessError: null
+  };
+}
+function ce({ sessionStorageKey: e, getApiRoot: r }) {
+  const [t, n] = g({
+    isUser: !0,
+    permissionCodes: [],
+    loading: !0,
+    accessError: null,
+    reloadAccess: () => {
+    }
+  }), s = F(() => {
+    n((o) => ({ ...o, loading: !0, accessError: null })), ie(e, r).then((o) => {
+      n((c) => ({
+        ...c,
+        ...o,
+        loading: !1
+      }));
+    }).catch((o) => {
+      n((c) => ({
+        ...c,
+        isUser: !0,
+        permissionCodes: [],
+        loading: !1,
+        accessError: o instanceof Error ? o.message : String(o)
+      }));
+    });
+  }, [e, r]);
+  return w(() => {
+    s();
+  }, [s]), w(() => {
+    const o = () => s();
+    return window.addEventListener(C, o), () => window.removeEventListener(C, o);
+  }, [s]), w(() => {
+    n((o) => ({ ...o, reloadAccess: s }));
+  }, [s]), t;
+}
+function de({ access: e }) {
+  return e.loading || !e.accessError ? null : /* @__PURE__ */ u(
+    "div",
+    {
+      role: "alert",
+      className: "mb-4 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/40 dark:text-amber-100",
+      children: [
+        /* @__PURE__ */ a("p", { className: "font-medium", children: "Unable to load permissions" }),
+        /* @__PURE__ */ a("p", { className: "mt-1 text-amber-800 dark:text-amber-200", children: e.accessError }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: e.reloadAccess,
+            className: "mt-2 rounded-lg border border-amber-300 bg-white px-3 py-1.5 text-xs font-medium text-amber-900 transition hover:bg-amber-100 dark:border-amber-800 dark:bg-neutral-900 dark:text-amber-100 dark:hover:bg-amber-900/30",
+            children: "Retry"
+          }
+        )
+      ]
+    }
+  );
+}
+function le({ variant: e = "table" }) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: "w-full min-w-0 max-w-full animate-pulse px-4 py-4 sm:px-6 sm:py-6 lg:px-8",
+      role: "status",
+      "aria-busy": "true",
+      children: [
+        /* @__PURE__ */ u("div", { className: "mb-6 flex min-h-[52px] items-center justify-between gap-4 sm:min-h-[60px]", children: [
+          /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ a("div", { className: "h-7 w-48 max-w-full rounded-md bg-muted" }),
+            /* @__PURE__ */ a("div", { className: "h-4 w-80 max-w-[70%] rounded bg-muted" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "h-10 w-28 shrink-0 rounded-md bg-muted" })
+        ] }),
+        e === "dashboard" ? /* @__PURE__ */ u(O, { children: [
+          /* @__PURE__ */ a("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4", children: Array.from({ length: 4 }).map((r, t) => /* @__PURE__ */ a("div", { className: "h-28 rounded-xl border border-border bg-card" }, t)) }),
+          /* @__PURE__ */ u("div", { className: "mt-6 grid gap-6 xl:grid-cols-2", children: [
+            /* @__PURE__ */ a("div", { className: "h-72 rounded-xl border border-border bg-card" }),
+            /* @__PURE__ */ a("div", { className: "h-72 rounded-xl border border-border bg-card" })
+          ] })
+        ] }) : e === "detail" ? /* @__PURE__ */ u("div", { className: "grid gap-6 xl:grid-cols-[minmax(0,1fr)_22rem]", children: [
+          /* @__PURE__ */ a("div", { className: "h-[30rem] rounded-xl border border-border bg-card" }),
+          /* @__PURE__ */ a("div", { className: "h-72 rounded-xl border border-border bg-card" })
+        ] }) : /* @__PURE__ */ u(O, { children: [
+          /* @__PURE__ */ u("div", { className: "mb-4 flex gap-3", children: [
+            /* @__PURE__ */ a("div", { className: "h-10 flex-1 rounded-md bg-muted" }),
+            /* @__PURE__ */ a("div", { className: "h-10 w-36 rounded-md bg-muted" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "overflow-hidden rounded-xl border border-border bg-card", children: Array.from({ length: 7 }).map((r, t) => /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(12rem,2fr)_repeat(3,minmax(7rem,1fr))] gap-4 border-b border-border px-4 py-4 last:border-b-0", children: Array.from({ length: 4 }).map((n, s) => /* @__PURE__ */ a("div", { className: `h-4 rounded bg-muted ${s === 0 ? "w-3/4" : "w-2/3"}` }, s)) }, t)) })
+        ] })
+      ]
+    }
+  );
+}
+function Pe({ access: e, children: r, showLoadingSkeleton: t = !0 }) {
+  return e.accessError ? /* @__PURE__ */ a(de, { access: e }) : t && e.loading && e.permissionCodes.length === 0 ? /* @__PURE__ */ a(le, {}) : /* @__PURE__ */ a(O, { children: r });
+}
+function ue(e) {
+  return e == null || e === "" ? null : e;
+}
+function $e(e, r, t = !1, n = null) {
+  if (t || n != null) return { ...e };
+  const s = { ...e };
+  return r ? (s.partner_id = ue(s.partner_id), s.partner_id == null && (s.partner_id = null, s.partner_name = null), s) : (delete s.partner_id, s.partner_name === "" && (s.partner_name = null), s);
+}
+function De(e = {}) {
+  return () => {
+    const r = e.dedicatedEnv;
+    if (typeof r == "string" && r.trim() !== "")
+      return r.replace(/\/$/, "");
+    const t = e.platformEnv;
+    if (typeof t == "string" && t.trim() !== "")
+      return t.replace(/\/$/, "");
+    try {
+      if (typeof sessionStorage < "u") {
+        const n = sessionStorage.getItem(H);
+        if (n && n.trim() !== "")
+          return `${new URL(n, typeof window < "u" ? window.location.origin : "http://localhost").origin}/api`;
+      }
+    } catch {
+    }
+    return typeof window < "u" ? `${window.location.origin}/api` : "";
+  };
+}
+function Te(e) {
+  function r() {
+    try {
+      return localStorage.getItem("token");
+    } catch {
+      return null;
+    }
+  }
+  function t() {
+    const d = { "Content-Type": "application/json" }, i = r();
+    return i && (d.Authorization = `Bearer ${i}`), d;
+  }
+  function n(d, i, l) {
+    const m = `${e()}/data/${encodeURIComponent(d)}/tables/${encodeURIComponent(i)}`;
+    return l ? `${m}/${encodeURIComponent(l)}` : m;
+  }
+  async function s(d, i, l) {
+    const b = await fetch(n(d, i, l), { headers: t() }), m = await b.text();
+    if (!b.ok) throw new Error(m || b.statusText);
+    const p = m ? JSON.parse(m) : {};
+    return p.data ?? p;
+  }
+  async function o(d, i, l) {
+    const b = new URLSearchParams();
+    l && b.set("filter", JSON.stringify(l));
+    const m = await fetch(`${n(d, i)}?${b}`, { headers: t() }), p = await m.text();
+    if (!m.ok) throw new Error(p || m.statusText);
+    const x = (p ? JSON.parse(p) : {}).data;
+    return Array.isArray(x) ? x : x?.items ?? [];
+  }
+  async function c(d, i, l, b) {
+    const m = await fetch(n(d, i, l), {
+      method: "PATCH",
+      headers: t(),
+      body: JSON.stringify(b)
+    });
+    if (!m.ok) {
+      const p = await m.text();
+      throw new Error(p || m.statusText);
+    }
+  }
+  return { scopeGet: s, scopeList: o, scopePatch: c };
+}
+function Oe(e) {
+  return function(t, n = []) {
+    const s = n.filter(Boolean).sort().join("\0"), [o, c] = g(!1), [d, i] = g([]), [l, b] = g(!1), [m, p] = g(null), h = I(0), x = F(async () => {
+      const y = ++h.current;
+      if (!t) {
+        if (y !== h.current) return;
+        c(!1), i([]), p(null), b(!1);
+        return;
+      }
+      const S = e.buildApiRoot(), k = e.readToken();
+      b(!0), p(null);
+      try {
+        const A = await e.probePicker(S, k);
+        if (y !== h.current) return;
+        if (!A) {
+          c(!1), i([]);
+          return;
+        }
+        try {
+          const N = await e.loadOptions(S, k, n.filter(Boolean));
+          if (y !== h.current) return;
+          c(!0), i(N);
+        } catch (N) {
+          if (y !== h.current) return;
+          p(N instanceof Error ? N.message : String(N)), c(!1), i([]);
+        }
+      } catch (A) {
+        if (y !== h.current) return;
+        p(A instanceof Error ? A.message : String(A)), c(!1), i([]);
+      } finally {
+        y === h.current && b(!1);
+      }
+    }, [t, s]);
+    return w(() => {
+      x();
+    }, [x]), w(() => {
+      const y = () => {
+        x();
+      };
+      return window.addEventListener(C, y), () => window.removeEventListener(C, y);
+    }, [x]), { pickerAvailable: o, options: d, loading: l, loadError: m, reload: x, providerGeniappId: e.providerGeniappId };
+  };
+}
+function Be({
+  label: e,
+  description: r,
+  placeholder: t = "",
+  emptyText: n,
+  unavailableText: s,
+  forbiddenText: o,
+  selected: c = null,
+  pageSize: d = 10,
+  disabled: i = !1,
+  providerState: l = "ready",
+  loadPage: b,
+  onSelect: m
+}) {
+  const p = W(), h = I(0), x = I(b);
+  x.current = b;
+  const [y, S] = g(""), [k, A] = g(""), [N, R] = g(1), [G, L] = g([]), [_, P] = g(0), [E, $] = g(!1), [V, D] = g("");
+  w(() => {
+    const f = ++h.current;
+    if (l !== "ready") {
+      L([]), P(0), $(!1), D("");
+      return;
+    }
+    return $(!0), D(""), x.current({
+      search: k,
+      limit: d,
+      offset: (N - 1) * d
+    }).then((v) => {
+      h.current === f && (L(v.records), P(Math.max(0, v.total)));
+    }).catch((v) => {
+      h.current === f && (L([]), P(0), D(v instanceof Error ? v.message : String(v)));
+    }).finally(() => {
+      h.current === f && $(!1);
+    }), () => {
+      h.current += 1;
+    };
+  }, [k, N, d, l]);
+  const T = Math.max(1, Math.ceil(_ / d)), U = l === "unavailable" ? s : l === "forbidden" ? o : V;
+  return /* @__PURE__ */ u(
+    "section",
+    {
+      className: "rounded-xl border border-border p-4",
+      "aria-labelledby": `${p}-label`,
+      children: [
+        /* @__PURE__ */ u("div", { children: [
+          /* @__PURE__ */ a(
+            "label",
+            {
+              id: `${p}-label`,
+              htmlFor: `${p}-search`,
+              className: "block text-sm font-medium",
+              children: e
+            }
+          ),
+          r && /* @__PURE__ */ a("p", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: r })
+        ] }),
+        c && /* @__PURE__ */ u("div", { className: "mt-3 flex items-start justify-between gap-3 rounded-lg border border-primary/30 bg-primary/5 p-3", children: [
+          /* @__PURE__ */ u("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ a("p", { className: "truncate text-sm font-medium", children: c.primary }),
+            c.secondary && /* @__PURE__ */ a("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: c.secondary })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "min-h-[44px] rounded-lg border border-border bg-background px-3 text-xs",
+              disabled: i,
+              onClick: () => m(null),
+              children: "×"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u(
+          "form",
+          {
+            className: "mt-3 flex gap-2",
+            onSubmit: (f) => {
+              f.preventDefault(), R(1), A(y.trim());
+            },
+            children: [
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  id: `${p}-search`,
+                  className: "h-[44px] min-w-0 flex-1 rounded-lg border border-input bg-background px-3 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+                  value: y,
+                  disabled: i || l !== "ready",
+                  onChange: (f) => S(f.target.value),
+                  placeholder: t
+                }
+              ),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "submit",
+                  className: "min-h-[44px] rounded-lg border border-border bg-background px-4 text-sm font-medium disabled:opacity-50",
+                  disabled: i || l !== "ready" || E,
+                  children: "⌕"
+                }
+              )
+            ]
+          }
+        ),
+        U && /* @__PURE__ */ a(
+          "p",
+          {
+            role: "alert",
+            className: "mt-3 rounded-lg bg-muted px-3 py-2 text-xs text-muted-foreground",
+            children: U
+          }
+        ),
+        l === "ready" && !U && /* @__PURE__ */ u("div", { className: "mt-3 space-y-2", "aria-busy": E, children: [
+          E && /* @__PURE__ */ a("p", { className: "py-4 text-center text-xs text-muted-foreground", children: "…" }),
+          !E && G.map((f) => /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              disabled: i,
+              onClick: () => m(f),
+              className: "flex min-h-[48px] w-full items-center justify-between gap-3 rounded-lg border border-border px-3 py-2 text-left hover:bg-accent disabled:opacity-50",
+              children: [
+                /* @__PURE__ */ u("span", { className: "min-w-0", children: [
+                  /* @__PURE__ */ a("span", { className: "block truncate text-sm font-medium", children: f.primary }),
+                  f.secondary && /* @__PURE__ */ a("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: f.secondary })
+                ] }),
+                f.status && /* @__PURE__ */ a("span", { className: "shrink-0 rounded-full bg-muted px-2 py-1 text-[11px] text-muted-foreground", children: f.status })
+              ]
+            },
+            f.id
+          )),
+          !E && !G.length && /* @__PURE__ */ a("p", { className: "py-4 text-center text-xs text-muted-foreground", children: n })
+        ] }),
+        l === "ready" && !E && !U && _ > d && /* @__PURE__ */ u("div", { className: "mt-3 flex items-center justify-between gap-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ u("span", { children: [
+            N,
+            "/",
+            T,
+            " · ",
+            _
+          ] }),
+          /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: "min-h-[44px] rounded-lg border border-border px-3 disabled:opacity-40",
+                disabled: N <= 1,
+                onClick: () => R((f) => Math.max(1, f - 1)),
+                children: "‹"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: "min-h-[44px] rounded-lg border border-border px-3 disabled:opacity-40",
+                disabled: N >= T,
+                onClick: () => R((f) => Math.min(T, f + 1)),
+                children: "›"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Pe as A,
+  Le as B,
+  Ne as C,
+  Ee as D,
+  se as E,
+  ce as F,
+  Ue as G,
+  ge as H,
+  J as R,
+  de as a,
+  le as b,
+  Be as c,
+  $e as d,
+  Ie as e,
+  Re as f,
+  _e as g,
+  De as h,
+  Te as i,
+  Oe as j,
+  we as k,
+  Se as l,
+  z as m,
+  Ce as n,
+  ke as o,
+  ve as p,
+  ae as q,
+  oe as r,
+  Y as s,
+  X as t,
+  xe as u,
+  Z as v,
+  Ae as w,
+  re as x,
+  B as y,
+  ye as z
+};
+//# sourceMappingURL=CrossAppRecordPicker-BXchXcK5.js.map