@oondemand/oon-core-front 0.7.14 → 0.7.17

package/dist/{chunk-EIFIGMY7.js → chunk-TWOOUSQ6.js}

@@ -5396,6 +5396,302 @@ function CoreTransactionalEmail() {
   ] });
 }
 
+// src/components/ui-v2/CoreKit.tsx
+import {
+  Badge as Badge7,
+  Box as Box20,
+  Button as Button14,
+  Dialog,
+  Drawer,
+  Flex as Flex13,
+  Heading as Heading12,
+  IconButton as IconButton4,
+  Input as Input9,
+  NativeSelect as NativeSelect6,
+  Portal,
+  SimpleGrid as SimpleGrid7,
+  Skeleton,
+  Stack as Stack11,
+  Text as Text21
+} from "@chakra-ui/react";
+import { useState as useState13 } from "react";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+var STATUS = {
+  contract: {
+    vigente: { label: "Ativo", tone: "success" },
+    ativa: { label: "Ativo", tone: "success" },
+    active: { label: "Ativo", tone: "success" },
+    pendente: { label: "Pendente de ativa\xE7\xE3o", tone: "warning" },
+    pending: { label: "Pendente de ativa\xE7\xE3o", tone: "warning" },
+    suspensa: { label: "Bloqueado", tone: "danger" },
+    bloqueado: { label: "Bloqueado", tone: "danger" },
+    blocked: { label: "Bloqueado", tone: "danger" },
+    encerrada: { label: "Encerrado", tone: "neutral" },
+    expirada: { label: "Encerrado", tone: "neutral" },
+    cancelada: { label: "Encerrado", tone: "neutral" },
+    revogada: { label: "Encerrado", tone: "neutral" }
+  },
+  charge: {
+    aberta: { label: "Em aberto", tone: "info" },
+    open: { label: "Em aberto", tone: "info" },
+    vencida: { label: "Vencida", tone: "danger" },
+    overdue: { label: "Vencida", tone: "danger" },
+    paga: { label: "Paga", tone: "success" },
+    paid: { label: "Paga", tone: "success" },
+    cancelada: { label: "Cancelada", tone: "neutral" },
+    cancelled: { label: "Cancelada", tone: "neutral" }
+  },
+  publication: {
+    publicada: { label: "Publicada", tone: "success" },
+    verified: { label: "Publicada", tone: "success" },
+    cancelada: { label: "Cancelada", tone: "neutral" },
+    excluida: { label: "Cancelada", tone: "neutral" },
+    recovery_required: { label: "Em recupera\xE7\xE3o", tone: "warning" },
+    recovering: { label: "Em recupera\xE7\xE3o", tone: "warning" }
+  },
+  environment: {
+    active: { label: "Ativo", tone: "success" },
+    recovering: { label: "Em recupera\xE7\xE3o", tone: "warning" },
+    publication_failed: { label: "Em recupera\xE7\xE3o", tone: "warning" },
+    provisioning: { label: "Em andamento", tone: "info" },
+    cleanup_requested: { label: "Em andamento", tone: "info" },
+    cleaning: { label: "Em andamento", tone: "info" },
+    never_published: { label: "N\xE3o utilizado", tone: "neutral" },
+    deleted: { label: "Exclu\xEDdo", tone: "neutral" },
+    cleanup_failed: { label: "Em recupera\xE7\xE3o", tone: "warning" }
+  },
+  entity: {
+    ativo: { label: "Ativo", tone: "success" },
+    active: { label: "Ativo", tone: "success" },
+    pendente: { label: "Pendente", tone: "warning" },
+    pending: { label: "Pendente", tone: "warning" },
+    rascunho: { label: "Pendente", tone: "warning" },
+    inativo: { label: "Inativo", tone: "neutral" },
+    inactive: { label: "Inativo", tone: "neutral" },
+    suspenso: { label: "Inativo", tone: "neutral" },
+    arquivado: { label: "Inativo", tone: "neutral" },
+    deleted: { label: "Inativo", tone: "neutral" }
+  }
+};
+function coreStatus(kind, status) {
+  const key = String(status ?? "").trim();
+  const known = STATUS[kind]?.[key];
+  if (known) return known;
+  if (kind === "publication") {
+    if (key.startsWith("falha_")) return { label: "Falhou", tone: "danger" };
+    if (key) return { label: "Em andamento", tone: "info" };
+  }
+  return { label: "Indefinido", tone: "neutral" };
+}
+var PALETTE = { success: "green", warning: "orange", danger: "red", info: "blue", neutral: "gray" };
+function CoreStatusBadge({ kind, status, label, tone }) {
+  const view = label ? { label, tone: tone ?? "neutral" } : coreStatus(kind ?? "entity", status);
+  return /* @__PURE__ */ jsx24(Badge7, { colorPalette: PALETTE[view.tone], variant: "subtle", borderRadius: "full", px: 2.5, py: 0.5, fontWeight: "600", children: view.label });
+}
+function CoreKpiGrid({ items, loading }) {
+  return /* @__PURE__ */ jsx24(SimpleGrid7, { columns: { base: 1, sm: 2, lg: Math.min(Math.max(items.length, 1), 5) }, gap: 4, children: items.map((item) => /* @__PURE__ */ jsxs21(Box20, { borderWidth: "1px", borderColor: "border.default", borderRadius: "lg", bg: "surface.panel", p: 4, children: [
+    /* @__PURE__ */ jsx24(Text21, { color: "text.muted", fontSize: "sm", children: item.label }),
+    loading ? /* @__PURE__ */ jsx24(Skeleton, { height: "28px", mt: 2 }) : /* @__PURE__ */ jsx24(Text21, { mt: 1, fontSize: "2xl", fontWeight: "700", color: item.tone === "danger" ? "red.600" : item.tone === "success" ? "green.700" : "text.primary", children: item.value }),
+    item.hint ? /* @__PURE__ */ jsx24(Text21, { mt: 1, fontSize: "xs", color: "text.muted", children: item.hint }) : null
+  ] }, item.id)) });
+}
+function CoreEmpty({ title, description, action }) {
+  return /* @__PURE__ */ jsxs21(Stack11, { align: "center", textAlign: "center", gap: 2, py: 10, px: 4, children: [
+    /* @__PURE__ */ jsx24(Text21, { fontWeight: "600", color: "text.primary", children: title }),
+    description ? /* @__PURE__ */ jsx24(Text21, { color: "text.muted", fontSize: "sm", maxW: "440px", children: description }) : null,
+    action ? /* @__PURE__ */ jsx24(Box20, { mt: 2, children: action }) : null
+  ] });
+}
+function cell(row, column) {
+  if (column.render) return column.render(row);
+  const value2 = row[column.key];
+  return value2 === null || value2 === void 0 || value2 === "" ? "\u2014" : String(value2);
+}
+function CoreDataTable({ columns, rows, rowKey, loading, error, empty, search, filters, onRowClick, selectedKey, paging, label }) {
+  const toolbar = search || filters ? /* @__PURE__ */ jsxs21(Flex13, { gap: 2, wrap: "wrap", mb: 3, align: "center", children: [
+    search ? /* @__PURE__ */ jsx24(
+      Input9,
+      {
+        type: "search",
+        "aria-label": search.placeholder ?? "Buscar",
+        placeholder: search.placeholder ?? "Buscar",
+        value: search.value,
+        onChange: (event) => search.onChange(event.target.value),
+        maxW: { base: "100%", md: "320px" },
+        bg: "surface.panel"
+      }
+    ) : null,
+    filters
+  ] }) : null;
+  const body = (() => {
+    if (error) return /* @__PURE__ */ jsx24(Box20, { p: 4, children: error });
+    if (loading) return /* @__PURE__ */ jsx24(Stack11, { p: 4, gap: 3, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx24(Skeleton, { height: "20px" }, i)) });
+    if (!rows.length) return empty ?? /* @__PURE__ */ jsx24(CoreEmpty, { title: "Nada por aqui ainda" });
+    return /* @__PURE__ */ jsxs21(Fragment6, { children: [
+      /* @__PURE__ */ jsx24(Box20, { display: { base: "none", md: "block" }, overflowX: "auto", children: /* @__PURE__ */ jsxs21(Box20, { as: "table", width: "100%", style: { borderCollapse: "collapse" }, "aria-label": label, children: [
+        /* @__PURE__ */ jsx24(Box20, { as: "thead", children: /* @__PURE__ */ jsx24(Box20, { as: "tr", children: columns.map((column) => /* @__PURE__ */ jsx24(Box20, { as: "th", textAlign: "left", fontSize: "xs", textTransform: "uppercase", letterSpacing: "0.04em", color: "text.muted", px: 3, py: 2.5, borderBottomWidth: "1px", borderColor: "border.default", width: column.width, children: column.header }, column.key)) }) }),
+        /* @__PURE__ */ jsx24(Box20, { as: "tbody", children: rows.map((row) => {
+          const key = rowKey(row);
+          return /* @__PURE__ */ jsx24(
+            Box20,
+            {
+              as: "tr",
+              tabIndex: onRowClick ? 0 : void 0,
+              cursor: onRowClick ? "pointer" : void 0,
+              bg: selectedKey === key ? "brand.50" : void 0,
+              _hover: onRowClick ? { bg: "bg.muted" } : void 0,
+              "aria-selected": selectedKey === key || void 0,
+              onClick: onRowClick ? () => onRowClick(row) : void 0,
+              onKeyDown: onRowClick ? (event) => {
+                if (event.key === "Enter" || event.key === " ") {
+                  event.preventDefault();
+                  onRowClick(row);
+                }
+              } : void 0,
+              children: columns.map((column) => /* @__PURE__ */ jsx24(Box20, { as: "td", fontSize: "sm", px: 3, py: 3, borderBottomWidth: "1px", borderColor: "border.subtle", children: cell(row, column) }, column.key))
+            },
+            key
+          );
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsx24(Stack11, { display: { base: "flex", md: "none" }, gap: 2, p: 2, "aria-label": label, children: rows.map((row) => {
+        const key = rowKey(row);
+        return /* @__PURE__ */ jsx24(
+          Box20,
+          {
+            as: onRowClick ? "button" : "div",
+            textAlign: "left",
+            width: "100%",
+            borderWidth: "1px",
+            borderColor: selectedKey === key ? "brand.500" : "border.default",
+            borderRadius: "md",
+            p: 3,
+            onClick: onRowClick ? () => onRowClick(row) : void 0,
+            children: columns.filter((column) => !column.hideOnMobile).map((column, index) => /* @__PURE__ */ jsxs21(Flex13, { justify: "space-between", gap: 3, fontSize: "sm", mt: index ? 1 : 0, children: [
+              /* @__PURE__ */ jsx24(Text21, { color: "text.muted", children: column.header }),
+              /* @__PURE__ */ jsx24(Box20, { textAlign: "right", children: cell(row, column) })
+            ] }, column.key))
+          },
+          key
+        );
+      }) })
+    ] });
+  })();
+  return /* @__PURE__ */ jsxs21(Box20, { children: [
+    toolbar,
+    /* @__PURE__ */ jsx24(Box20, { borderWidth: "1px", borderColor: "border.default", borderRadius: "lg", bg: "surface.panel", overflow: "hidden", children: body }),
+    paging && rows.length ? /* @__PURE__ */ jsxs21(Flex13, { justify: "space-between", align: "center", mt: 3, fontSize: "sm", color: "text.muted", gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx24(Text21, { children: paging.total !== void 0 ? `${paging.total} registro(s)` : `P\xE1gina ${paging.page + 1}` }),
+      /* @__PURE__ */ jsxs21(Flex13, { gap: 2, children: [
+        /* @__PURE__ */ jsx24(Button14, { size: "sm", variant: "outline", disabled: paging.page <= 0, onClick: () => paging.onPage(paging.page - 1), children: "Anterior" }),
+        /* @__PURE__ */ jsx24(Button14, { size: "sm", variant: "outline", disabled: paging.hasNext === false || paging.total !== void 0 && (paging.page + 1) * paging.pageSize >= paging.total, onClick: () => paging.onPage(paging.page + 1), children: "Pr\xF3xima" })
+      ] })
+    ] }) : null
+  ] });
+}
+function CoreDetailDrawer({ open, onClose, title, status, tabs, actions, children }) {
+  const [tab, setTab] = useState13(tabs?.[0]?.id);
+  const active = tabs?.find((item) => item.id === tab) ?? tabs?.[0];
+  return /* @__PURE__ */ jsx24(Drawer.Root, { open, onOpenChange: (event) => {
+    if (!event.open) onClose();
+  }, placement: "end", size: { base: "full", md: "md" }, children: /* @__PURE__ */ jsxs21(Portal, { children: [
+    /* @__PURE__ */ jsx24(Drawer.Backdrop, {}),
+    /* @__PURE__ */ jsx24(Drawer.Positioner, { children: /* @__PURE__ */ jsxs21(Drawer.Content, { children: [
+      /* @__PURE__ */ jsx24(Drawer.Header, { borderBottomWidth: "1px", borderColor: "border.default", children: /* @__PURE__ */ jsxs21(Flex13, { align: "center", gap: 3, justify: "space-between", width: "100%", children: [
+        /* @__PURE__ */ jsx24(Drawer.Title, { children: title }),
+        /* @__PURE__ */ jsxs21(Flex13, { align: "center", gap: 2, children: [
+          status,
+          /* @__PURE__ */ jsx24(Drawer.CloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(IconButton4, { "aria-label": "Fechar", variant: "ghost", size: "sm", children: "\xD7" }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx24(Drawer.Body, { children: tabs?.length ? /* @__PURE__ */ jsxs21(Fragment6, { children: [
+        /* @__PURE__ */ jsx24(Flex13, { gap: 4, borderBottomWidth: "1px", borderColor: "border.default", mb: 4, role: "tablist", children: tabs.map((item) => /* @__PURE__ */ jsx24(
+          Button14,
+          {
+            role: "tab",
+            "aria-selected": item.id === active?.id,
+            variant: "plain",
+            px: 0,
+            borderRadius: 0,
+            borderBottomWidth: "2px",
+            borderColor: item.id === active?.id ? "brand.500" : "transparent",
+            color: item.id === active?.id ? "brand.700" : "text.muted",
+            onClick: () => setTab(item.id),
+            children: item.label
+          },
+          item.id
+        )) }),
+        active?.content
+      ] }) : children }),
+      actions ? /* @__PURE__ */ jsx24(Drawer.Footer, { borderTopWidth: "1px", borderColor: "border.default", children: /* @__PURE__ */ jsx24(Flex13, { gap: 2, wrap: "wrap", justify: "flex-end", width: "100%", children: actions }) }) : null
+    ] }) })
+  ] }) });
+}
+function CoreConfirmDialog({ open, title, effect, confirmLabel = "Confirmar", cancelLabel = "Cancelar", tone = "danger", busy, onConfirm, onClose }) {
+  return /* @__PURE__ */ jsx24(Dialog.Root, { open, onOpenChange: (event) => {
+    if (!event.open && !busy) onClose();
+  }, role: "alertdialog", children: /* @__PURE__ */ jsxs21(Portal, { children: [
+    /* @__PURE__ */ jsx24(Dialog.Backdrop, {}),
+    /* @__PURE__ */ jsx24(Dialog.Positioner, { children: /* @__PURE__ */ jsxs21(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx24(Dialog.Header, { children: /* @__PURE__ */ jsx24(Dialog.Title, { children: title }) }),
+      /* @__PURE__ */ jsx24(Dialog.Body, { children: /* @__PURE__ */ jsx24(Text21, { color: "text.primary", children: effect }) }),
+      /* @__PURE__ */ jsxs21(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx24(Button14, { variant: "outline", onClick: onClose, disabled: busy, children: cancelLabel }),
+        /* @__PURE__ */ jsx24(Button14, { colorPalette: tone === "danger" ? "red" : "brand", onClick: onConfirm, loading: busy, children: confirmLabel })
+      ] })
+    ] }) })
+  ] }) });
+}
+function CoreTechnicalDetails({ items, label = "Detalhes t\xE9cnicos" }) {
+  const visible = items.filter((item) => item.value !== void 0 && item.value !== null && item.value !== "");
+  const [copied, setCopied] = useState13(null);
+  if (!visible.length) return null;
+  const copy = async (text, key) => {
+    try {
+      await navigator.clipboard?.writeText(text);
+      setCopied(key);
+    } catch {
+      setCopied(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs21(Box20, { as: "details", fontSize: "sm", color: "text.muted", borderWidth: "1px", borderColor: "border.subtle", borderRadius: "md", px: 3, py: 2, children: [
+    /* @__PURE__ */ jsx24(Box20, { as: "summary", cursor: "pointer", fontWeight: "600", children: label }),
+    /* @__PURE__ */ jsx24(Stack11, { gap: 1, mt: 2, children: visible.map((item) => /* @__PURE__ */ jsxs21(Flex13, { gap: 3, justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx24(Text21, { children: item.label }),
+      /* @__PURE__ */ jsxs21(Flex13, { gap: 2, align: "center", minW: 0, children: [
+        /* @__PURE__ */ jsx24(Text21, { fontFamily: "mono", truncate: true, maxW: "240px", title: String(item.value), children: String(item.value) }),
+        /* @__PURE__ */ jsx24(Button14, { size: "xs", variant: "ghost", onClick: () => void copy(String(item.value), item.label), "aria-label": `Copiar ${item.label}`, children: copied === item.label ? "Copiado" : "Copiar" })
+      ] })
+    ] }, item.label)) })
+  ] });
+}
+function CoreFormSection({ title, description, children, onSave, saving, saveLabel = "Salvar", disabled }) {
+  return /* @__PURE__ */ jsxs21(Box20, { as: "section", borderWidth: "1px", borderColor: "border.default", borderRadius: "lg", bg: "surface.panel", p: 5, children: [
+    /* @__PURE__ */ jsx24(Heading12, { as: "h2", size: "sm", children: title }),
+    description ? /* @__PURE__ */ jsx24(Text21, { color: "text.muted", fontSize: "sm", mt: 1, children: description }) : null,
+    /* @__PURE__ */ jsx24(Stack11, { gap: 4, mt: 4, children }),
+    onSave ? /* @__PURE__ */ jsx24(Flex13, { justify: "flex-end", mt: 4, children: /* @__PURE__ */ jsx24(Button14, { colorPalette: "brand", onClick: onSave, loading: saving, disabled, children: saveLabel }) }) : null
+  ] });
+}
+function CoreOrganizationSwitcher({ organizations, value: value2, onChange, allLabel, label = "Organiza\xE7\xE3o" }) {
+  if (!organizations.length) return null;
+  return /* @__PURE__ */ jsxs21(Flex13, { as: "label", align: "center", gap: 2, fontSize: "sm", color: "text.muted", children: [
+    /* @__PURE__ */ jsx24(Text21, { display: { base: "none", md: "block" }, children: label }),
+    /* @__PURE__ */ jsxs21(NativeSelect6.Root, { size: "sm", width: { base: "160px", md: "220px" }, children: [
+      /* @__PURE__ */ jsxs21(NativeSelect6.Field, { "aria-label": label, value: value2 ?? "", onChange: (event) => onChange(event.currentTarget.value || null), children: [
+        allLabel ? /* @__PURE__ */ jsx24("option", { value: "", children: allLabel }) : null,
+        organizations.map((organization) => /* @__PURE__ */ jsx24("option", { value: organization.id, children: organization.name }, organization.id))
+      ] }),
+      /* @__PURE__ */ jsx24(NativeSelect6.Indicator, {})
+    ] })
+  ] });
+}
+function coreInitials(name) {
+  const parts = String(name ?? "").trim().split(/\s+/).filter(Boolean);
+  if (!parts.length) return "?";
+  return ((parts[0][0] ?? "") + (parts.length > 1 ? parts[parts.length - 1][0] ?? "" : "")).toUpperCase();
+}
+
 export {
   DomainExpressionError,
   evaluateDomainExpression,
@@ -5430,6 +5726,17 @@ export {
   CoreActivityLog,
   CoreConfirmAction,
   CorePage2 as CorePage,
-  CoreTransactionalEmail
+  CoreTransactionalEmail,
+  coreStatus,
+  CoreStatusBadge,
+  CoreKpiGrid,
+  CoreEmpty,
+  CoreDataTable,
+  CoreDetailDrawer,
+  CoreConfirmDialog,
+  CoreTechnicalDetails,
+  CoreFormSection,
+  CoreOrganizationSwitcher,
+  coreInitials
 };
-//# sourceMappingURL=chunk-EIFIGMY7.js.map
+//# sourceMappingURL=chunk-TWOOUSQ6.js.map