@pablo2410/shared-ui 0.3.2

package/dist/rbac/index.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @oplytics/shared-ui/rbac
+ *
+ * Standardised Role-Based Access Control for all Oplytics.digital subdomains.
+ * Single source of truth for the 7-role model, permission checks, and error messages.
+ */
+declare const COOKIE_NAME = "app_session_id";
+declare const ONE_YEAR_MS: number;
+declare const AXIOS_TIMEOUT_MS = 30000;
+declare const UNAUTHED_ERR_MSG = "Please login (10001)";
+declare const NOT_ADMIN_ERR_MSG = "You do not have required permission (10002)";
+declare const NOT_PLATFORM_ADMIN_ERR_MSG = "Platform admin access required (10003)";
+declare const NOT_ENTERPRISE_ADMIN_ERR_MSG = "Enterprise admin access required (10004)";
+declare const NO_ENTERPRISE_ERR_MSG = "Enterprise context not resolved. Please ensure your account is linked to an enterprise in the portal. (10005)";
+declare const NOT_SUPERUSER_ERR_MSG = "This action requires superuser access or above (10006)";
+/**
+ * Services restricted to platform_admin role only.
+ * These services are NOT visible in ServiceHub, Portal, marketing pages, or footer.
+ * They can only be assigned/revoked by platform_admin users.
+ * Non-platform-admin users cannot see or interact with these services.
+ */
+declare const PLATFORM_ADMIN_ONLY_SERVICES: readonly string[];
+/**
+ * Standardised 7-role model (platform-wide, same in all subdomains).
+ * Ordered from highest to lowest privilege.
+ *
+ * platform_admin   — Oplytics staff, cross-enterprise, Business Hub
+ * enterprise_admin  — manages users/hierarchy/settings within their enterprise
+ * superuser         — cross-functional read-write within enterprise (all hierarchy levels);
+ *                     can manage operational data but NOT users or enterprise settings
+ * bu_user           — scoped to assigned Business Unit(s) and children
+ * site_user         — scoped to assigned Site(s) and children
+ * area_user         — scoped to assigned Area(s) and children
+ * asset_user        — scoped to assigned Asset(s) only
+ */
+declare const ALL_ROLES: readonly ["platform_admin", "enterprise_admin", "superuser", "bu_user", "site_user", "area_user", "asset_user"];
+type RoleType = (typeof ALL_ROLES)[number];
+/**
+ * Role hierarchy from lowest to highest privilege.
+ * Used for hasMinimumRole() checks.
+ */
+declare const ROLE_HIERARCHY: readonly RoleType[];
+/** Check if a role meets or exceeds the minimum required role */
+declare function hasMinimumRole(userRole: RoleType, minimumRole: RoleType): boolean;
+/** Check if a role is one of the admin roles */
+declare function isAdmin(role: RoleType): boolean;
+/** Check if a role is superuser-level or above */
+declare function isSuperuserOrAbove(role: RoleType): boolean;
+/** Roles that grant admin-level access (can manage users, hierarchy, etc.) */
+declare const ADMIN_ROLES: readonly RoleType[];
+/** Roles that grant superuser-level access (can manage operational data across enterprise) */
+declare const SUPERUSER_ROLES: readonly RoleType[];
+/** Roles that require the area level to be enabled on the enterprise */
+declare const AREA_DEPENDENT_ROLES: readonly RoleType[];
+/** Roles that require the asset level to be enabled on the enterprise */
+declare const ASSET_DEPENDENT_ROLES: readonly RoleType[];
+/** Access levels for user_access_scopes */
+declare const ACCESS_LEVELS: readonly ["enterprise", "business_unit", "site", "area", "asset"];
+type AccessLevelType = (typeof ACCESS_LEVELS)[number];
+/** Access levels that depend on optional hierarchy toggles */
+declare const AREA_DEPENDENT_ACCESS_LEVELS: readonly AccessLevelType[];
+declare const ASSET_DEPENDENT_ACCESS_LEVELS: readonly AccessLevelType[];
+
+export { ACCESS_LEVELS, ADMIN_ROLES, ALL_ROLES, AREA_DEPENDENT_ACCESS_LEVELS, AREA_DEPENDENT_ROLES, ASSET_DEPENDENT_ACCESS_LEVELS, ASSET_DEPENDENT_ROLES, AXIOS_TIMEOUT_MS, type AccessLevelType, COOKIE_NAME, NOT_ADMIN_ERR_MSG, NOT_ENTERPRISE_ADMIN_ERR_MSG, NOT_PLATFORM_ADMIN_ERR_MSG, NOT_SUPERUSER_ERR_MSG, NO_ENTERPRISE_ERR_MSG, ONE_YEAR_MS, PLATFORM_ADMIN_ONLY_SERVICES, ROLE_HIERARCHY, type RoleType, SUPERUSER_ROLES, UNAUTHED_ERR_MSG, hasMinimumRole, isAdmin, isSuperuserOrAbove };

package/dist/rbac/index.js

@@ -0,0 +1,87 @@
+// src/rbac/index.ts
+var COOKIE_NAME = "app_session_id";
+var ONE_YEAR_MS = 1e3 * 60 * 60 * 24 * 365;
+var AXIOS_TIMEOUT_MS = 3e4;
+var UNAUTHED_ERR_MSG = "Please login (10001)";
+var NOT_ADMIN_ERR_MSG = "You do not have required permission (10002)";
+var NOT_PLATFORM_ADMIN_ERR_MSG = "Platform admin access required (10003)";
+var NOT_ENTERPRISE_ADMIN_ERR_MSG = "Enterprise admin access required (10004)";
+var NO_ENTERPRISE_ERR_MSG = "Enterprise context not resolved. Please ensure your account is linked to an enterprise in the portal. (10005)";
+var NOT_SUPERUSER_ERR_MSG = "This action requires superuser access or above (10006)";
+var PLATFORM_ADMIN_ONLY_SERVICES = ["business-hub"];
+var ALL_ROLES = [
+  "platform_admin",
+  "enterprise_admin",
+  "superuser",
+  "bu_user",
+  "site_user",
+  "area_user",
+  "asset_user"
+];
+var ROLE_HIERARCHY = [
+  "asset_user",
+  "area_user",
+  "site_user",
+  "bu_user",
+  "superuser",
+  "enterprise_admin",
+  "platform_admin"
+];
+function hasMinimumRole(userRole, minimumRole) {
+  return ROLE_HIERARCHY.indexOf(userRole) >= ROLE_HIERARCHY.indexOf(minimumRole);
+}
+function isAdmin(role) {
+  return ADMIN_ROLES.includes(role);
+}
+function isSuperuserOrAbove(role) {
+  return SUPERUSER_ROLES.includes(role);
+}
+var ADMIN_ROLES = [
+  "platform_admin",
+  "enterprise_admin"
+];
+var SUPERUSER_ROLES = [
+  "platform_admin",
+  "enterprise_admin",
+  "superuser"
+];
+var AREA_DEPENDENT_ROLES = ["area_user"];
+var ASSET_DEPENDENT_ROLES = ["asset_user"];
+var ACCESS_LEVELS = [
+  "enterprise",
+  "business_unit",
+  "site",
+  "area",
+  "asset"
+];
+var AREA_DEPENDENT_ACCESS_LEVELS = [
+  "area"
+];
+var ASSET_DEPENDENT_ACCESS_LEVELS = [
+  "asset"
+];
+export {
+  ACCESS_LEVELS,
+  ADMIN_ROLES,
+  ALL_ROLES,
+  AREA_DEPENDENT_ACCESS_LEVELS,
+  AREA_DEPENDENT_ROLES,
+  ASSET_DEPENDENT_ACCESS_LEVELS,
+  ASSET_DEPENDENT_ROLES,
+  AXIOS_TIMEOUT_MS,
+  COOKIE_NAME,
+  NOT_ADMIN_ERR_MSG,
+  NOT_ENTERPRISE_ADMIN_ERR_MSG,
+  NOT_PLATFORM_ADMIN_ERR_MSG,
+  NOT_SUPERUSER_ERR_MSG,
+  NO_ENTERPRISE_ERR_MSG,
+  ONE_YEAR_MS,
+  PLATFORM_ADMIN_ONLY_SERVICES,
+  ROLE_HIERARCHY,
+  SUPERUSER_ROLES,
+  UNAUTHED_ERR_MSG,
+  hasMinimumRole,
+  isAdmin,
+  isSuperuserOrAbove
+};
+//# sourceMappingURL=index.js.map

package/dist/rbac/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/rbac/index.ts"],"sourcesContent":["/**\n * @oplytics/shared-ui/rbac\n *\n * Standardised Role-Based Access Control for all Oplytics.digital subdomains.\n * Single source of truth for the 7-role model, permission checks, and error messages.\n */\n\n// ─── Session & Transport Constants ───────────────────────────────────────────\n\nexport const COOKIE_NAME = \"app_session_id\";\nexport const ONE_YEAR_MS = 1000 * 60 * 60 * 24 * 365;\nexport const AXIOS_TIMEOUT_MS = 30_000;\n\n// ─── Error Message Constants ─────────────────────────────────────────────────\n\nexport const UNAUTHED_ERR_MSG = \"Please login (10001)\";\nexport const NOT_ADMIN_ERR_MSG =\n  \"You do not have required permission (10002)\";\nexport const NOT_PLATFORM_ADMIN_ERR_MSG =\n  \"Platform admin access required (10003)\";\nexport const NOT_ENTERPRISE_ADMIN_ERR_MSG =\n  \"Enterprise admin access required (10004)\";\nexport const NO_ENTERPRISE_ERR_MSG =\n  \"Enterprise context not resolved. Please ensure your account is linked to an enterprise in the portal. (10005)\";\nexport const NOT_SUPERUSER_ERR_MSG =\n  \"This action requires superuser access or above (10006)\";\n\n// ─── Service Visibility ──────────────────────────────────────────────────────\n\n/**\n * Services restricted to platform_admin role only.\n * These services are NOT visible in ServiceHub, Portal, marketing pages, or footer.\n * They can only be assigned/revoked by platform_admin users.\n * Non-platform-admin users cannot see or interact with these services.\n */\nexport const PLATFORM_ADMIN_ONLY_SERVICES: readonly string[] = [\"business-hub\"];\n\n// ─── 7-Role Model ────────────────────────────────────────────────────────────\n\n/**\n * Standardised 7-role model (platform-wide, same in all subdomains).\n * Ordered from highest to lowest privilege.\n *\n * platform_admin   — Oplytics staff, cross-enterprise, Business Hub\n * enterprise_admin  — manages users/hierarchy/settings within their enterprise\n * superuser         — cross-functional read-write within enterprise (all hierarchy levels);\n *                     can manage operational data but NOT users or enterprise settings\n * bu_user           — scoped to assigned Business Unit(s) and children\n * site_user         — scoped to assigned Site(s) and children\n * area_user         — scoped to assigned Area(s) and children\n * asset_user        — scoped to assigned Asset(s) only\n */\nexport const ALL_ROLES = [\n  \"platform_admin\",\n  \"enterprise_admin\",\n  \"superuser\",\n  \"bu_user\",\n  \"site_user\",\n  \"area_user\",\n  \"asset_user\",\n] as const;\n\nexport type RoleType = (typeof ALL_ROLES)[number];\n\n/**\n * Role hierarchy from lowest to highest privilege.\n * Used for hasMinimumRole() checks.\n */\nexport const ROLE_HIERARCHY: readonly RoleType[] = [\n  \"asset_user\",\n  \"area_user\",\n  \"site_user\",\n  \"bu_user\",\n  \"superuser\",\n  \"enterprise_admin\",\n  \"platform_admin\",\n];\n\n// ─── Permission Helpers ──────────────────────────────────────────────────────\n\n/** Check if a role meets or exceeds the minimum required role */\nexport function hasMinimumRole(\n  userRole: RoleType,\n  minimumRole: RoleType,\n): boolean {\n  return ROLE_HIERARCHY.indexOf(userRole) >= ROLE_HIERARCHY.indexOf(minimumRole);\n}\n\n/** Check if a role is one of the admin roles */\nexport function isAdmin(role: RoleType): boolean {\n  return ADMIN_ROLES.includes(role);\n}\n\n/** Check if a role is superuser-level or above */\nexport function isSuperuserOrAbove(role: RoleType): boolean {\n  return SUPERUSER_ROLES.includes(role);\n}\n\n// ─── Role Groups ─────────────────────────────────────────────────────────────\n\n/** Roles that grant admin-level access (can manage users, hierarchy, etc.) */\nexport const ADMIN_ROLES: readonly RoleType[] = [\n  \"platform_admin\",\n  \"enterprise_admin\",\n];\n\n/** Roles that grant superuser-level access (can manage operational data across enterprise) */\nexport const SUPERUSER_ROLES: readonly RoleType[] = [\n  \"platform_admin\",\n  \"enterprise_admin\",\n  \"superuser\",\n];\n\n/** Roles that require the area level to be enabled on the enterprise */\nexport const AREA_DEPENDENT_ROLES: readonly RoleType[] = [\"area_user\"];\n\n/** Roles that require the asset level to be enabled on the enterprise */\nexport const ASSET_DEPENDENT_ROLES: readonly RoleType[] = [\"asset_user\"];\n\n// ─── Access Levels ───────────────────────────────────────────────────────────\n\n/** Access levels for user_access_scopes */\nexport const ACCESS_LEVELS = [\n  \"enterprise\",\n  \"business_unit\",\n  \"site\",\n  \"area\",\n  \"asset\",\n] as const;\n\nexport type AccessLevelType = (typeof ACCESS_LEVELS)[number];\n\n/** Access levels that depend on optional hierarchy toggles */\nexport const AREA_DEPENDENT_ACCESS_LEVELS: readonly AccessLevelType[] = [\n  \"area\",\n];\nexport const ASSET_DEPENDENT_ACCESS_LEVELS: readonly AccessLevelType[] = [\n  \"asset\",\n];\n"],"mappings":";AASO,IAAM,cAAc;AACpB,IAAM,cAAc,MAAO,KAAK,KAAK,KAAK;AAC1C,IAAM,mBAAmB;AAIzB,IAAM,mBAAmB;AACzB,IAAM,oBACX;AACK,IAAM,6BACX;AACK,IAAM,+BACX;AACK,IAAM,wBACX;AACK,IAAM,wBACX;AAUK,IAAM,+BAAkD,CAAC,cAAc;AAiBvE,IAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQO,IAAM,iBAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,SAAS,eACd,UACA,aACS;AACT,SAAO,eAAe,QAAQ,QAAQ,KAAK,eAAe,QAAQ,WAAW;AAC/E;AAGO,SAAS,QAAQ,MAAyB;AAC/C,SAAO,YAAY,SAAS,IAAI;AAClC;AAGO,SAAS,mBAAmB,MAAyB;AAC1D,SAAO,gBAAgB,SAAS,IAAI;AACtC;AAKO,IAAM,cAAmC;AAAA,EAC9C;AAAA,EACA;AACF;AAGO,IAAM,kBAAuC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AACF;AAGO,IAAM,uBAA4C,CAAC,WAAW;AAG9D,IAAM,wBAA6C,CAAC,YAAY;AAKhE,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAKO,IAAM,+BAA2D;AAAA,EACtE;AACF;AACO,IAAM,gCAA4D;AAAA,EACvE;AACF;","names":[]}

package/dist/reporting/index.d.ts

@@ -0,0 +1,116 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ReportDialogRenderProps {
+    isOpen: boolean;
+    onClose: () => void;
+    type: "report" | "feedback";
+    category: ReportCategory | FeedbackCategory;
+    label: string;
+    description: string;
+    color: string;
+    icon: React.ElementType;
+    onSubmit: (description: string, extra?: {
+        location?: string;
+        severity?: string;
+    }) => void;
+    isSubmitting: boolean;
+}
+interface ReportingToolbarProps extends ReportingToolbarConfig {
+    /** Compact mode — smaller buttons, icon-only on mobile */
+    compact?: boolean;
+    /** CSS class for the container */
+    className?: string;
+    /**
+     * Render prop for the dialog. If not provided, the toolbar only shows buttons
+     * and calls onReportSubmit/onFeedbackSubmit directly with a window.prompt fallback.
+     */
+    renderDialog?: (props: ReportDialogRenderProps) => ReactNode;
+}
+declare function ReportingToolbar({ moduleName, showIncidentReporting, showFeedback, reportCategories, feedbackCategories, onReportSubmit, onFeedbackSubmit, compact, className, renderDialog, }: ReportingToolbarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @oplytics/shared-ui/reporting
+ *
+ * Reporting and feedback toolbar types and configuration for all Oplytics subdomains.
+ * Provides the standard Safety/Environmental/Stop Work incident reporting buttons
+ * and Problem/Suggestion feedback buttons.
+ *
+ * The actual ReportingToolbar React component depends on shadcn/ui primitives
+ * (Dialog, Button, Textarea, Select) which vary across subdomains until
+ * consolidation. This module provides the types, configuration, and submission
+ * logic that are shared.
+ */
+type ReportCategory = "safety" | "environmental" | "stop-work";
+type FeedbackCategory = "problem" | "suggestion";
+interface IncidentReport {
+    category: ReportCategory;
+    description: string;
+    location?: string;
+    severity?: "low" | "medium" | "high" | "critical";
+    moduleName: string;
+    /** ISO timestamp */
+    timestamp: string;
+    /** User who submitted */
+    submittedBy?: string;
+    /** Hierarchy context at time of submission */
+    hierarchyContext?: {
+        enterpriseId?: number;
+        businessUnitId?: number;
+        siteId?: number;
+        areaId?: number;
+        assetId?: number;
+    };
+}
+interface FeedbackReport {
+    category: FeedbackCategory;
+    description: string;
+    moduleName: string;
+    /** ISO timestamp */
+    timestamp: string;
+    /** User who submitted */
+    submittedBy?: string;
+    /** Page/route where feedback was submitted */
+    pageContext?: string;
+}
+interface ReportingToolbarConfig {
+    /** Service/module name (e.g., "SQDCP", "OEE Manager") */
+    moduleName: string;
+    /** Whether to show incident reporting buttons (default: true) */
+    showIncidentReporting?: boolean;
+    /** Whether to show feedback buttons (default: true) */
+    showFeedback?: boolean;
+    /** Custom report categories to show (default: all three) */
+    reportCategories?: ReportCategory[];
+    /** Custom feedback categories to show (default: both) */
+    feedbackCategories?: FeedbackCategory[];
+    /** Handler called when an incident report is submitted */
+    onReportSubmit: (report: IncidentReport) => Promise<void> | void;
+    /** Handler called when feedback is submitted */
+    onFeedbackSubmit: (feedback: FeedbackReport) => Promise<void> | void;
+}
+interface ReportButtonDef {
+    category: ReportCategory;
+    label: string;
+    iconName: string;
+    color: string;
+    description: string;
+}
+interface FeedbackButtonDef {
+    category: FeedbackCategory;
+    label: string;
+    iconName: string;
+    color: string;
+    description: string;
+}
+/** Standard incident report buttons — consistent across all subdomains */
+declare const REPORT_BUTTONS: ReportButtonDef[];
+/** Standard feedback buttons — consistent across all subdomains */
+declare const FEEDBACK_BUTTONS: FeedbackButtonDef[];
+/** Create a default ReportingToolbarConfig with sensible defaults */
+declare function createReportingConfig(moduleName: string, handlers: {
+    onReportSubmit: (report: IncidentReport) => Promise<void> | void;
+    onFeedbackSubmit: (feedback: FeedbackReport) => Promise<void> | void;
+}): ReportingToolbarConfig;
+
+export { FEEDBACK_BUTTONS, type FeedbackButtonDef, type FeedbackCategory, type FeedbackReport, type IncidentReport, REPORT_BUTTONS, type ReportButtonDef, type ReportCategory, type ReportDialogRenderProps, ReportingToolbar, type ReportingToolbarConfig, type ReportingToolbarProps, createReportingConfig };

package/dist/reporting/index.js

@@ -0,0 +1,258 @@
+import {
+  cn
+} from "../chunk-JT3XLKKD.js";
+
+// src/reporting/ReportingToolbar.tsx
+import {
+  ShieldAlert,
+  Leaf,
+  OctagonX,
+  AlertTriangle,
+  Lightbulb
+} from "lucide-react";
+import { useState, useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var REPORT_ICONS = {
+  safety: ShieldAlert,
+  environmental: Leaf,
+  "stop-work": OctagonX
+};
+var FEEDBACK_ICONS = {
+  problem: AlertTriangle,
+  suggestion: Lightbulb
+};
+var REPORT_COLORS = {
+  safety: "#ef4444",
+  environmental: "#22c55e",
+  "stop-work": "#f59e0b"
+};
+var FEEDBACK_COLORS = {
+  problem: "#ef4444",
+  suggestion: "#8C34E9"
+};
+var REPORT_LABELS = {
+  safety: "Safety",
+  environmental: "Environmental",
+  "stop-work": "Stop Work"
+};
+var FEEDBACK_LABELS = {
+  problem: "Problem",
+  suggestion: "Suggestion"
+};
+var REPORT_DESCRIPTIONS = {
+  safety: "Report a safety incident, near-miss, or hazard",
+  environmental: "Report an environmental incident or concern",
+  "stop-work": "Raise a stop work authority \u2014 immediate safety concern"
+};
+var FEEDBACK_DESCRIPTIONS = {
+  problem: "Report a problem with the platform",
+  suggestion: "Suggest an improvement or new feature"
+};
+function ToolbarButton({
+  icon: Icon,
+  label,
+  color,
+  compact,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick,
+      className: cn(
+        "flex items-center gap-1.5 rounded-md transition-all duration-200",
+        "outline-none focus-visible:ring-1 focus-visible:ring-[#8C34E9]",
+        "hover:opacity-90 cursor-pointer",
+        compact ? "px-2 py-1" : "px-2.5 py-1.5"
+      ),
+      style: {
+        backgroundColor: `${color}15`,
+        color,
+        border: `1px solid ${color}30`
+      },
+      title: label,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: cn("shrink-0", compact ? "h-3.5 w-3.5" : "h-4 w-4") }),
+        !compact && /* @__PURE__ */ jsx("span", { className: cn("text-xs font-medium", compact ? "hidden sm:inline" : ""), children: label })
+      ]
+    }
+  );
+}
+function ReportingToolbar({
+  moduleName,
+  showIncidentReporting = true,
+  showFeedback = true,
+  reportCategories = ["safety", "environmental", "stop-work"],
+  feedbackCategories = ["problem", "suggestion"],
+  onReportSubmit,
+  onFeedbackSubmit,
+  compact = false,
+  className,
+  renderDialog
+}) {
+  const [activeDialog, setActiveDialog] = useState(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const openDialog = useCallback(
+    (type, category) => {
+      if (renderDialog) {
+        setActiveDialog({ type, category });
+      } else {
+        const description = window.prompt(
+          type === "report" ? `Describe the ${category} incident:` : `Describe your ${category}:`
+        );
+        if (description) {
+          if (type === "report") {
+            onReportSubmit({
+              category,
+              description,
+              moduleName,
+              timestamp: (/* @__PURE__ */ new Date()).toISOString()
+            });
+          } else {
+            onFeedbackSubmit({
+              category,
+              description,
+              moduleName,
+              timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+              pageContext: typeof window !== "undefined" ? window.location.pathname : void 0
+            });
+          }
+        }
+      }
+    },
+    [renderDialog, moduleName, onReportSubmit, onFeedbackSubmit]
+  );
+  const closeDialog = useCallback(() => {
+    setActiveDialog(null);
+    setIsSubmitting(false);
+  }, []);
+  const handleSubmit = useCallback(
+    async (description, extra) => {
+      if (!activeDialog) return;
+      setIsSubmitting(true);
+      try {
+        if (activeDialog.type === "report") {
+          await onReportSubmit({
+            category: activeDialog.category,
+            description,
+            location: extra?.location,
+            severity: extra?.severity,
+            moduleName,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString()
+          });
+        } else {
+          await onFeedbackSubmit({
+            category: activeDialog.category,
+            description,
+            moduleName,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+            pageContext: typeof window !== "undefined" ? window.location.pathname : void 0
+          });
+        }
+        closeDialog();
+      } catch (err) {
+        console.error("[ReportingToolbar] Submit failed:", err);
+        setIsSubmitting(false);
+      }
+    },
+    [activeDialog, moduleName, onReportSubmit, onFeedbackSubmit, closeDialog]
+  );
+  const dialogProps = activeDialog ? {
+    isOpen: true,
+    onClose: closeDialog,
+    type: activeDialog.type,
+    category: activeDialog.category,
+    label: activeDialog.type === "report" ? REPORT_LABELS[activeDialog.category] : FEEDBACK_LABELS[activeDialog.category],
+    description: activeDialog.type === "report" ? REPORT_DESCRIPTIONS[activeDialog.category] : FEEDBACK_DESCRIPTIONS[activeDialog.category],
+    color: activeDialog.type === "report" ? REPORT_COLORS[activeDialog.category] : FEEDBACK_COLORS[activeDialog.category],
+    icon: activeDialog.type === "report" ? REPORT_ICONS[activeDialog.category] : FEEDBACK_ICONS[activeDialog.category],
+    onSubmit: handleSubmit,
+    isSubmitting
+  } : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1.5", className), children: [
+      showIncidentReporting && reportCategories.map((cat) => /* @__PURE__ */ jsx(
+        ToolbarButton,
+        {
+          icon: REPORT_ICONS[cat],
+          label: REPORT_LABELS[cat],
+          color: REPORT_COLORS[cat],
+          compact,
+          onClick: () => openDialog("report", cat)
+        },
+        cat
+      )),
+      showIncidentReporting && showFeedback && /* @__PURE__ */ jsx("div", { className: "w-px h-5 bg-[#1E2738] mx-1" }),
+      showFeedback && feedbackCategories.map((cat) => /* @__PURE__ */ jsx(
+        ToolbarButton,
+        {
+          icon: FEEDBACK_ICONS[cat],
+          label: FEEDBACK_LABELS[cat],
+          color: FEEDBACK_COLORS[cat],
+          compact,
+          onClick: () => openDialog("feedback", cat)
+        },
+        cat
+      ))
+    ] }),
+    renderDialog && dialogProps && renderDialog(dialogProps)
+  ] });
+}
+
+// src/reporting/index.ts
+var REPORT_BUTTONS = [
+  {
+    category: "safety",
+    label: "Safety",
+    iconName: "ShieldAlert",
+    color: "#ef4444",
+    description: "Report a safety incident, near-miss, or hazard"
+  },
+  {
+    category: "environmental",
+    label: "Environmental",
+    iconName: "Leaf",
+    color: "#22c55e",
+    description: "Report an environmental incident or concern"
+  },
+  {
+    category: "stop-work",
+    label: "Stop Work",
+    iconName: "OctagonX",
+    color: "#f59e0b",
+    description: "Raise a stop work authority \u2014 immediate safety concern"
+  }
+];
+var FEEDBACK_BUTTONS = [
+  {
+    category: "problem",
+    label: "Problem",
+    iconName: "AlertTriangle",
+    color: "#ef4444",
+    description: "Report a problem with the platform"
+  },
+  {
+    category: "suggestion",
+    label: "Suggestion",
+    iconName: "Lightbulb",
+    color: "#8C34E9",
+    description: "Suggest an improvement or new feature"
+  }
+];
+function createReportingConfig(moduleName, handlers) {
+  return {
+    moduleName,
+    showIncidentReporting: true,
+    showFeedback: true,
+    reportCategories: ["safety", "environmental", "stop-work"],
+    feedbackCategories: ["problem", "suggestion"],
+    ...handlers
+  };
+}
+export {
+  FEEDBACK_BUTTONS,
+  REPORT_BUTTONS,
+  ReportingToolbar,
+  createReportingConfig
+};
+//# sourceMappingURL=index.js.map

package/dist/reporting/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/reporting/ReportingToolbar.tsx","../../src/reporting/index.ts"],"sourcesContent":["/**\n * ReportingToolbar — standard Safety/Environmental/Stop Work incident reporting\n * and Problem/Suggestion feedback buttons for all Oplytics subdomains.\n *\n * This is a headless-ish component: it renders the buttons and manages dialog state,\n * but delegates the actual dialog rendering to a render prop so consuming apps\n * can use their own shadcn/ui Dialog components.\n *\n * For apps that want a fully self-contained toolbar, use ReportingToolbarStandalone\n * which includes basic HTML dialogs.\n *\n * Oplytics dark theme: #0A0E1A bg, #8C34E9 accent\n */\nimport { cn } from \"../utils/cn\";\nimport {\n  ShieldAlert,\n  Leaf,\n  OctagonX,\n  AlertTriangle,\n  Lightbulb,\n} from \"lucide-react\";\nimport { useState, useCallback, type ReactNode } from \"react\";\nimport type {\n  ReportCategory,\n  FeedbackCategory,\n  IncidentReport,\n  FeedbackReport,\n  ReportingToolbarConfig,\n} from \"./index\";\n\n/* ── Icon map ── */\n\nconst REPORT_ICONS: Record<ReportCategory, React.ElementType> = {\n  safety: ShieldAlert,\n  environmental: Leaf,\n  \"stop-work\": OctagonX,\n};\n\nconst FEEDBACK_ICONS: Record<FeedbackCategory, React.ElementType> = {\n  problem: AlertTriangle,\n  suggestion: Lightbulb,\n};\n\nconst REPORT_COLORS: Record<ReportCategory, string> = {\n  safety: \"#ef4444\",\n  environmental: \"#22c55e\",\n  \"stop-work\": \"#f59e0b\",\n};\n\nconst FEEDBACK_COLORS: Record<FeedbackCategory, string> = {\n  problem: \"#ef4444\",\n  suggestion: \"#8C34E9\",\n};\n\nconst REPORT_LABELS: Record<ReportCategory, string> = {\n  safety: \"Safety\",\n  environmental: \"Environmental\",\n  \"stop-work\": \"Stop Work\",\n};\n\nconst FEEDBACK_LABELS: Record<FeedbackCategory, string> = {\n  problem: \"Problem\",\n  suggestion: \"Suggestion\",\n};\n\nconst REPORT_DESCRIPTIONS: Record<ReportCategory, string> = {\n  safety: \"Report a safety incident, near-miss, or hazard\",\n  environmental: \"Report an environmental incident or concern\",\n  \"stop-work\": \"Raise a stop work authority — immediate safety concern\",\n};\n\nconst FEEDBACK_DESCRIPTIONS: Record<FeedbackCategory, string> = {\n  problem: \"Report a problem with the platform\",\n  suggestion: \"Suggest an improvement or new feature\",\n};\n\n/* ── Dialog render prop types ── */\n\nexport interface ReportDialogRenderProps {\n  isOpen: boolean;\n  onClose: () => void;\n  type: \"report\" | \"feedback\";\n  category: ReportCategory | FeedbackCategory;\n  label: string;\n  description: string;\n  color: string;\n  icon: React.ElementType;\n  onSubmit: (description: string, extra?: { location?: string; severity?: string }) => void;\n  isSubmitting: boolean;\n}\n\n/* ── Toolbar button ── */\n\nfunction ToolbarButton({\n  icon: Icon,\n  label,\n  color,\n  compact,\n  onClick,\n}: {\n  icon: React.ElementType;\n  label: string;\n  color: string;\n  compact?: boolean;\n  onClick: () => void;\n}) {\n  return (\n    <button\n      onClick={onClick}\n      className={cn(\n        \"flex items-center gap-1.5 rounded-md transition-all duration-200\",\n        \"outline-none focus-visible:ring-1 focus-visible:ring-[#8C34E9]\",\n        \"hover:opacity-90 cursor-pointer\",\n        compact ? \"px-2 py-1\" : \"px-2.5 py-1.5\"\n      )}\n      style={{\n        backgroundColor: `${color}15`,\n        color: color,\n        border: `1px solid ${color}30`,\n      }}\n      title={label}\n    >\n      <Icon className={cn(\"shrink-0\", compact ? \"h-3.5 w-3.5\" : \"h-4 w-4\")} />\n      {!compact && (\n        <span className={cn(\"text-xs font-medium\", compact ? \"hidden sm:inline\" : \"\")}>\n          {label}\n        </span>\n      )}\n    </button>\n  );\n}\n\n/* ── Main ReportingToolbar ── */\n\nexport interface ReportingToolbarProps extends ReportingToolbarConfig {\n  /** Compact mode — smaller buttons, icon-only on mobile */\n  compact?: boolean;\n  /** CSS class for the container */\n  className?: string;\n  /**\n   * Render prop for the dialog. If not provided, the toolbar only shows buttons\n   * and calls onReportSubmit/onFeedbackSubmit directly with a window.prompt fallback.\n   */\n  renderDialog?: (props: ReportDialogRenderProps) => ReactNode;\n}\n\nexport function ReportingToolbar({\n  moduleName,\n  showIncidentReporting = true,\n  showFeedback = true,\n  reportCategories = [\"safety\", \"environmental\", \"stop-work\"],\n  feedbackCategories = [\"problem\", \"suggestion\"],\n  onReportSubmit,\n  onFeedbackSubmit,\n  compact = false,\n  className,\n  renderDialog,\n}: ReportingToolbarProps) {\n  const [activeDialog, setActiveDialog] = useState<{\n    type: \"report\" | \"feedback\";\n    category: ReportCategory | FeedbackCategory;\n  } | null>(null);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const openDialog = useCallback(\n    (type: \"report\" | \"feedback\", category: ReportCategory | FeedbackCategory) => {\n      if (renderDialog) {\n        setActiveDialog({ type, category });\n      } else {\n        // Fallback: use window.prompt\n        const description = window.prompt(\n          type === \"report\"\n            ? `Describe the ${category} incident:`\n            : `Describe your ${category}:`\n        );\n        if (description) {\n          if (type === \"report\") {\n            onReportSubmit({\n              category: category as ReportCategory,\n              description,\n              moduleName,\n              timestamp: new Date().toISOString(),\n            });\n          } else {\n            onFeedbackSubmit({\n              category: category as FeedbackCategory,\n              description,\n              moduleName,\n              timestamp: new Date().toISOString(),\n              pageContext: typeof window !== \"undefined\" ? window.location.pathname : undefined,\n            });\n          }\n        }\n      }\n    },\n    [renderDialog, moduleName, onReportSubmit, onFeedbackSubmit]\n  );\n\n  const closeDialog = useCallback(() => {\n    setActiveDialog(null);\n    setIsSubmitting(false);\n  }, []);\n\n  const handleSubmit = useCallback(\n    async (description: string, extra?: { location?: string; severity?: string }) => {\n      if (!activeDialog) return;\n      setIsSubmitting(true);\n      try {\n        if (activeDialog.type === \"report\") {\n          await onReportSubmit({\n            category: activeDialog.category as ReportCategory,\n            description,\n            location: extra?.location,\n            severity: extra?.severity as IncidentReport[\"severity\"],\n            moduleName,\n            timestamp: new Date().toISOString(),\n          });\n        } else {\n          await onFeedbackSubmit({\n            category: activeDialog.category as FeedbackCategory,\n            description,\n            moduleName,\n            timestamp: new Date().toISOString(),\n            pageContext: typeof window !== \"undefined\" ? window.location.pathname : undefined,\n          });\n        }\n        closeDialog();\n      } catch (err) {\n        console.error(\"[ReportingToolbar] Submit failed:\", err);\n        setIsSubmitting(false);\n      }\n    },\n    [activeDialog, moduleName, onReportSubmit, onFeedbackSubmit, closeDialog]\n  );\n\n  // Build dialog render props\n  const dialogProps: ReportDialogRenderProps | null = activeDialog\n    ? {\n        isOpen: true,\n        onClose: closeDialog,\n        type: activeDialog.type,\n        category: activeDialog.category,\n        label:\n          activeDialog.type === \"report\"\n            ? REPORT_LABELS[activeDialog.category as ReportCategory]\n            : FEEDBACK_LABELS[activeDialog.category as FeedbackCategory],\n        description:\n          activeDialog.type === \"report\"\n            ? REPORT_DESCRIPTIONS[activeDialog.category as ReportCategory]\n            : FEEDBACK_DESCRIPTIONS[activeDialog.category as FeedbackCategory],\n        color:\n          activeDialog.type === \"report\"\n            ? REPORT_COLORS[activeDialog.category as ReportCategory]\n            : FEEDBACK_COLORS[activeDialog.category as FeedbackCategory],\n        icon:\n          activeDialog.type === \"report\"\n            ? REPORT_ICONS[activeDialog.category as ReportCategory]\n            : FEEDBACK_ICONS[activeDialog.category as FeedbackCategory],\n        onSubmit: handleSubmit,\n        isSubmitting,\n      }\n    : null;\n\n  return (\n    <>\n      <div className={cn(\"flex items-center gap-1.5\", className)}>\n        {/* Incident report buttons */}\n        {showIncidentReporting &&\n          reportCategories.map((cat) => (\n            <ToolbarButton\n              key={cat}\n              icon={REPORT_ICONS[cat]}\n              label={REPORT_LABELS[cat]}\n              color={REPORT_COLORS[cat]}\n              compact={compact}\n              onClick={() => openDialog(\"report\", cat)}\n            />\n          ))}\n\n        {/* Separator */}\n        {showIncidentReporting && showFeedback && (\n          <div className=\"w-px h-5 bg-[#1E2738] mx-1\" />\n        )}\n\n        {/* Feedback buttons */}\n        {showFeedback &&\n          feedbackCategories.map((cat) => (\n            <ToolbarButton\n              key={cat}\n              icon={FEEDBACK_ICONS[cat]}\n              label={FEEDBACK_LABELS[cat]}\n              color={FEEDBACK_COLORS[cat]}\n              compact={compact}\n              onClick={() => openDialog(\"feedback\", cat)}\n            />\n          ))}\n      </div>\n\n      {/* Render dialog via render prop */}\n      {renderDialog && dialogProps && renderDialog(dialogProps)}\n    </>\n  );\n}\n","/**\n * @oplytics/shared-ui/reporting\n *\n * Reporting and feedback toolbar types and configuration for all Oplytics subdomains.\n * Provides the standard Safety/Environmental/Stop Work incident reporting buttons\n * and Problem/Suggestion feedback buttons.\n *\n * The actual ReportingToolbar React component depends on shadcn/ui primitives\n * (Dialog, Button, Textarea, Select) which vary across subdomains until\n * consolidation. This module provides the types, configuration, and submission\n * logic that are shared.\n */\n\n// ─── Report Types ────────────────────────────────────────────────────────────\n\nexport type ReportCategory = \"safety\" | \"environmental\" | \"stop-work\";\nexport type FeedbackCategory = \"problem\" | \"suggestion\";\n\nexport interface IncidentReport {\n  category: ReportCategory;\n  description: string;\n  location?: string;\n  severity?: \"low\" | \"medium\" | \"high\" | \"critical\";\n  moduleName: string;\n  /** ISO timestamp */\n  timestamp: string;\n  /** User who submitted */\n  submittedBy?: string;\n  /** Hierarchy context at time of submission */\n  hierarchyContext?: {\n    enterpriseId?: number;\n    businessUnitId?: number;\n    siteId?: number;\n    areaId?: number;\n    assetId?: number;\n  };\n}\n\nexport interface FeedbackReport {\n  category: FeedbackCategory;\n  description: string;\n  moduleName: string;\n  /** ISO timestamp */\n  timestamp: string;\n  /** User who submitted */\n  submittedBy?: string;\n  /** Page/route where feedback was submitted */\n  pageContext?: string;\n}\n\n// ─── Toolbar Configuration ───────────────────────────────────────────────────\n\nexport interface ReportingToolbarConfig {\n  /** Service/module name (e.g., \"SQDCP\", \"OEE Manager\") */\n  moduleName: string;\n  /** Whether to show incident reporting buttons (default: true) */\n  showIncidentReporting?: boolean;\n  /** Whether to show feedback buttons (default: true) */\n  showFeedback?: boolean;\n  /** Custom report categories to show (default: all three) */\n  reportCategories?: ReportCategory[];\n  /** Custom feedback categories to show (default: both) */\n  feedbackCategories?: FeedbackCategory[];\n  /** Handler called when an incident report is submitted */\n  onReportSubmit: (report: IncidentReport) => Promise<void> | void;\n  /** Handler called when feedback is submitted */\n  onFeedbackSubmit: (feedback: FeedbackReport) => Promise<void> | void;\n}\n\n// ─── Report Button Definitions ───────────────────────────────────────────────\n\nexport interface ReportButtonDef {\n  category: ReportCategory;\n  label: string;\n  iconName: string;\n  color: string;\n  description: string;\n}\n\nexport interface FeedbackButtonDef {\n  category: FeedbackCategory;\n  label: string;\n  iconName: string;\n  color: string;\n  description: string;\n}\n\n/** Standard incident report buttons — consistent across all subdomains */\nexport const REPORT_BUTTONS: ReportButtonDef[] = [\n  {\n    category: \"safety\",\n    label: \"Safety\",\n    iconName: \"ShieldAlert\",\n    color: \"#ef4444\",\n    description: \"Report a safety incident, near-miss, or hazard\",\n  },\n  {\n    category: \"environmental\",\n    label: \"Environmental\",\n    iconName: \"Leaf\",\n    color: \"#22c55e\",\n    description: \"Report an environmental incident or concern\",\n  },\n  {\n    category: \"stop-work\",\n    label: \"Stop Work\",\n    iconName: \"OctagonX\",\n    color: \"#f59e0b\",\n    description: \"Raise a stop work authority — immediate safety concern\",\n  },\n];\n\n/** Standard feedback buttons — consistent across all subdomains */\nexport const FEEDBACK_BUTTONS: FeedbackButtonDef[] = [\n  {\n    category: \"problem\",\n    label: \"Problem\",\n    iconName: \"AlertTriangle\",\n    color: \"#ef4444\",\n    description: \"Report a problem with the platform\",\n  },\n  {\n    category: \"suggestion\",\n    label: \"Suggestion\",\n    iconName: \"Lightbulb\",\n    color: \"#8C34E9\",\n    description: \"Suggest an improvement or new feature\",\n  },\n];\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\n/** Create a default ReportingToolbarConfig with sensible defaults */\nexport function createReportingConfig(\n  moduleName: string,\n  handlers: {\n    onReportSubmit: (report: IncidentReport) => Promise<void> | void;\n    onFeedbackSubmit: (feedback: FeedbackReport) => Promise<void> | void;\n  },\n): ReportingToolbarConfig {\n  return {\n    moduleName,\n    showIncidentReporting: true,\n    showFeedback: true,\n    reportCategories: [\"safety\", \"environmental\", \"stop-work\"],\n    feedbackCategories: [\"problem\", \"suggestion\"],\n    ...handlers,\n  };\n}\n\n// ─── ReportingToolbar Component ─────────────────────────────────────────────\n\nexport {\n  ReportingToolbar,\n  type ReportingToolbarProps,\n  type ReportDialogRenderProps,\n} from \"./ReportingToolbar\";\n"],"mappings":"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","names":[]}