@kopexa/grc 0.0.5 → 0.0.7

package/dist/index.js

@@ -28,6 +28,7 @@ __export(index_exports, {
   MappedControls: () => MappedControls,
   Nis2Badge: () => Nis2Badge,
   RiskRatingDisplay: () => RiskRatingDisplay,
+  RiskTreatmentCard: () => RiskTreatmentCard,
   assetScale: () => assetScale,
   getRiskLevelFromRating: () => getRiskLevelFromRating,
   getScale: () => getScale,
@@ -37,7 +38,8 @@ __export(index_exports, {
   processScale: () => processScale,
   riskLevelConfig: () => riskLevelConfig,
   riskMessages: () => messages4,
-  riskScale: () => riskScale
+  riskScale: () => riskScale,
+  riskTreatmentMessages: () => messages5
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -931,6 +933,344 @@ function RiskRatingDisplay({
     }
   );
 }
+
+// src/risk/messages.ts
+var import_i18n9 = require("@kopexa/i18n");
+var messages5 = (0, import_i18n9.defineMessages)({
+  // Card title
+  title: {
+    id: "grc.risk_treatment.title",
+    defaultMessage: "Risk Treatment"
+  },
+  // Strategy selection
+  strategy_label: {
+    id: "grc.risk_treatment.strategy_label",
+    defaultMessage: "Selected Strategy"
+  },
+  strategy_prompt: {
+    id: "grc.risk_treatment.strategy_prompt",
+    defaultMessage: "How do you want to handle this risk?"
+  },
+  // Treatment options - labels
+  accept_label: {
+    id: "grc.risk_treatment.accept.label",
+    defaultMessage: "Accept"
+  },
+  mitigate_label: {
+    id: "grc.risk_treatment.mitigate.label",
+    defaultMessage: "Mitigate"
+  },
+  transfer_label: {
+    id: "grc.risk_treatment.transfer.label",
+    defaultMessage: "Transfer"
+  },
+  avoid_label: {
+    id: "grc.risk_treatment.avoid.label",
+    defaultMessage: "Avoid"
+  },
+  not_defined_label: {
+    id: "grc.risk_treatment.not_defined.label",
+    defaultMessage: "No strategy defined"
+  },
+  // Treatment options - descriptions
+  accept_description: {
+    id: "grc.risk_treatment.accept.description",
+    defaultMessage: "Consciously accept the risk because treatment costs exceed potential damage or the risk is within acceptable limits."
+  },
+  mitigate_description: {
+    id: "grc.risk_treatment.mitigate.description",
+    defaultMessage: "Reduce the risk to an acceptable level through implementation of controls and measures."
+  },
+  transfer_description: {
+    id: "grc.risk_treatment.transfer.description",
+    defaultMessage: "Transfer the risk to third parties (e.g., insurance, outsourcing)."
+  },
+  avoid_description: {
+    id: "grc.risk_treatment.avoid.description",
+    defaultMessage: "Completely eliminate the risk by avoiding the risky activity or changing business processes."
+  },
+  // Treatment options - hints (requirements)
+  mitigate_hint: {
+    id: "grc.risk_treatment.mitigate.hint",
+    defaultMessage: "Requires: Action plan, Control mapping"
+  },
+  transfer_hint: {
+    id: "grc.risk_treatment.transfer.hint",
+    defaultMessage: "Requires: Contract documentation, Residual risk assessment"
+  },
+  avoid_hint: {
+    id: "grc.risk_treatment.avoid.hint",
+    defaultMessage: "Requires: Business Impact Analysis"
+  },
+  accept_hint: {
+    id: "grc.risk_treatment.accept.hint",
+    defaultMessage: "Requires: Documented approval"
+  },
+  // Rationale
+  rationale_label: {
+    id: "grc.risk_treatment.rationale_label",
+    defaultMessage: "Rationale"
+  },
+  rationale_placeholder: {
+    id: "grc.risk_treatment.rationale_placeholder",
+    defaultMessage: "Document why this strategy was chosen..."
+  },
+  no_rationale: {
+    id: "grc.risk_treatment.no_rationale",
+    defaultMessage: "No rationale defined"
+  },
+  // Actions
+  edit: {
+    id: "grc.risk_treatment.edit",
+    defaultMessage: "Edit"
+  },
+  cancel: {
+    id: "grc.risk_treatment.cancel",
+    defaultMessage: "Cancel"
+  },
+  save: {
+    id: "grc.risk_treatment.save",
+    defaultMessage: "Save"
+  },
+  // Recommendation badge
+  recommended: {
+    id: "grc.risk_treatment.recommended",
+    defaultMessage: "Recommended"
+  }
+});
+
+// src/risk/risk-treatment-card.tsx
+var import_i18n10 = require("@kopexa/i18n");
+var import_icons3 = require("@kopexa/icons");
+var import_sight5 = require("@kopexa/sight");
+var import_react2 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function TreatmentOption({
+  id,
+  label,
+  description,
+  hint,
+  isSelected,
+  isRecommended,
+  recommendedLabel,
+  onSelect
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSelect(id),
+      className: `
+				w-full text-left p-4 rounded-lg border-2 transition-all
+				${isSelected ? "border-primary bg-primary/5" : "border-border hover:border-primary/50 hover:bg-muted/50"}
+			`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "div",
+          {
+            className: `
+						mt-0.5 size-5 rounded-full border-2 flex items-center justify-center flex-shrink-0
+						${isSelected ? "border-primary bg-primary" : "border-muted-foreground"}
+					`,
+            children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "size-2 rounded-full bg-primary-foreground" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-medium", children: label }),
+            isRecommended && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Chip, { size: "sm", color: "success", variant: "flat", children: recommendedLabel })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: description }),
+          hint && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-muted-foreground mt-2 flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-primary", children: "\u2192" }),
+            hint
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var defaultValue = {
+  treatment: "not_defined",
+  rationale: void 0
+};
+function RiskTreatmentCard({
+  value,
+  onChange,
+  readOnly = false,
+  title,
+  recommended
+}) {
+  const intl = (0, import_i18n10.useSafeIntl)();
+  const [isEditing, setIsEditing] = (0, import_react2.useState)(false);
+  const [editValues, setEditValues] = (0, import_react2.useState)(
+    value || defaultValue
+  );
+  const t = {
+    title: intl.formatMessage(messages5.title),
+    strategyLabel: intl.formatMessage(messages5.strategy_label),
+    strategyPrompt: intl.formatMessage(messages5.strategy_prompt),
+    rationaleLabel: intl.formatMessage(messages5.rationale_label),
+    rationalePlaceholder: intl.formatMessage(messages5.rationale_placeholder),
+    noRationale: intl.formatMessage(messages5.no_rationale),
+    edit: intl.formatMessage(messages5.edit),
+    cancel: intl.formatMessage(messages5.cancel),
+    save: intl.formatMessage(messages5.save),
+    recommended: intl.formatMessage(messages5.recommended),
+    // Treatment labels
+    acceptLabel: intl.formatMessage(messages5.accept_label),
+    mitigateLabel: intl.formatMessage(messages5.mitigate_label),
+    transferLabel: intl.formatMessage(messages5.transfer_label),
+    avoidLabel: intl.formatMessage(messages5.avoid_label),
+    notDefinedLabel: intl.formatMessage(messages5.not_defined_label),
+    // Treatment descriptions
+    acceptDescription: intl.formatMessage(messages5.accept_description),
+    mitigateDescription: intl.formatMessage(messages5.mitigate_description),
+    transferDescription: intl.formatMessage(messages5.transfer_description),
+    avoidDescription: intl.formatMessage(messages5.avoid_description),
+    // Treatment hints
+    acceptHint: intl.formatMessage(messages5.accept_hint),
+    mitigateHint: intl.formatMessage(messages5.mitigate_hint),
+    transferHint: intl.formatMessage(messages5.transfer_hint),
+    avoidHint: intl.formatMessage(messages5.avoid_hint)
+  };
+  const treatmentLabels = {
+    accept: t.acceptLabel,
+    mitigate: t.mitigateLabel,
+    transfer: t.transferLabel,
+    avoid: t.avoidLabel,
+    not_defined: t.notDefinedLabel
+  };
+  const treatmentOptions = [
+    {
+      id: "accept",
+      label: t.acceptLabel,
+      description: t.acceptDescription,
+      hint: t.acceptHint
+    },
+    {
+      id: "mitigate",
+      label: t.mitigateLabel,
+      description: t.mitigateDescription,
+      hint: t.mitigateHint
+    },
+    {
+      id: "transfer",
+      label: t.transferLabel,
+      description: t.transferDescription,
+      hint: t.transferHint
+    },
+    {
+      id: "avoid",
+      label: t.avoidLabel,
+      description: t.avoidDescription,
+      hint: t.avoidHint
+    }
+  ];
+  const cardTitle = title != null ? title : t.title;
+  const currentValue = isEditing ? editValues : value || defaultValue;
+  const isNotDefined = currentValue.treatment === "not_defined";
+  const handleSave = () => {
+    onChange == null ? void 0 : onChange(editValues);
+    setIsEditing(false);
+  };
+  const handleCancel = () => {
+    setEditValues(value || defaultValue);
+    setIsEditing(false);
+  };
+  const handleStartEdit = () => {
+    setEditValues(value || defaultValue);
+    setIsEditing(true);
+  };
+  const handleTreatmentSelect = (treatment) => {
+    setEditValues((prev) => ({ ...prev, treatment }));
+  };
+  const handleRationaleChange = (rationale) => {
+    setEditValues((prev) => ({ ...prev, rationale: rationale || void 0 }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_sight5.Card.Root, { variant: "accent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_sight5.Card.Header, { className: "flex flex-row items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Heading, { level: "h3", className: "text-base", children: cardTitle }),
+        isEditing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Chip, { size: "sm", color: "primary", children: t.edit })
+      ] }),
+      !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_sight5.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          isIconOnly: true,
+          onClick: handleStartEdit,
+          "aria-label": t.edit,
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons3.EditIcon, { className: "size-4" })
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Button, { size: "sm", onClick: handleSave, children: t.save })
+      ] }))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Card.Body, { className: "space-y-4", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: t.strategyPrompt }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "grid gap-3", children: treatmentOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          TreatmentOption,
+          {
+            id: option.id,
+            label: option.label,
+            description: option.description,
+            hint: option.hint,
+            isSelected: editValues.treatment === option.id,
+            isRecommended: recommended === option.id,
+            recommendedLabel: t.recommended,
+            onSelect: handleTreatmentSelect
+          },
+          option.id
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "label",
+          {
+            htmlFor: "treatment-rationale",
+            className: "text-sm font-medium",
+            children: t.rationaleLabel
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_sight5.Textarea,
+          {
+            id: "treatment-rationale",
+            value: editValues.rationale || "",
+            onChange: (e) => handleRationaleChange(e.target.value),
+            placeholder: t.rationalePlaceholder,
+            rows: 3,
+            className: "text-sm"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium mb-1", children: t.strategyLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+          !isNotDefined && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons3.CheckCirleIcon, { className: "size-4 text-success" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "p",
+            {
+              className: `text-sm ${isNotDefined ? "text-muted-foreground" : ""}`,
+              children: treatmentLabels[currentValue.treatment]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium mb-1", children: t.rationaleLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: currentValue.rationale || t.noRationale })
+      ] })
+    ] }) })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ComplianceBadges,
@@ -940,6 +1280,7 @@ function RiskRatingDisplay({
   MappedControls,
   Nis2Badge,
   RiskRatingDisplay,
+  RiskTreatmentCard,
   assetScale,
   getRiskLevelFromRating,
   getScale,
@@ -949,5 +1290,6 @@ function RiskRatingDisplay({
   processScale,
   riskLevelConfig,
   riskMessages,
-  riskScale
+  riskScale,
+  riskTreatmentMessages
 });

package/dist/index.mjs

@@ -1,5 +1,19 @@
 "use client";
 import "./chunk-HJUSN7FD.mjs";
+import "./chunk-GFABGXAO.mjs";
+import {
+  ImpactCard
+} from "./chunk-AGASJJ7X.mjs";
+import {
+  assetScale,
+  getScale,
+  impactLevels,
+  processScale,
+  riskScale
+} from "./chunk-KNGEZZFI.mjs";
+import {
+  messages
+} from "./chunk-GF3WJZVI.mjs";
 import "./chunk-HI7F2CF4.mjs";
 import {
   RiskRatingDisplay
@@ -13,32 +27,25 @@ import {
   riskLevelConfig
 } from "./chunk-VFX3DASQ.mjs";
 import "./chunk-TICWEZUI.mjs";
+import {
+  ComplianceBadges,
+  DoraBadge,
+  Nis2Badge
+} from "./chunk-7754RETD.mjs";
+import "./chunk-B47KDUYY.mjs";
 import "./chunk-CND77GVC.mjs";
 import {
   ControlChip,
   MappedControls
 } from "./chunk-QDYL5ABK.mjs";
 import "./chunk-QS5S6V26.mjs";
-import "./chunk-GFABGXAO.mjs";
+import "./chunk-BAC3SZJH.mjs";
 import {
-  ImpactCard
-} from "./chunk-AGASJJ7X.mjs";
-import {
-  assetScale,
-  getScale,
-  impactLevels,
-  processScale,
-  riskScale
-} from "./chunk-KNGEZZFI.mjs";
+  RiskTreatmentCard
+} from "./chunk-GC6CS627.mjs";
 import {
-  messages
-} from "./chunk-GF3WJZVI.mjs";
-import {
-  ComplianceBadges,
-  DoraBadge,
-  Nis2Badge
-} from "./chunk-7754RETD.mjs";
-import "./chunk-B47KDUYY.mjs";
+  messages as messages3
+} from "./chunk-AHKTFAZC.mjs";
 export {
   ComplianceBadges,
   ControlChip,
@@ -47,6 +54,7 @@ export {
   MappedControls,
   Nis2Badge,
   RiskRatingDisplay,
+  RiskTreatmentCard,
   assetScale,
   getRiskLevelFromRating,
   getScale,
@@ -56,5 +64,6 @@ export {
   processScale,
   riskLevelConfig,
   messages2 as riskMessages,
-  riskScale
+  riskScale,
+  messages3 as riskTreatmentMessages
 };

package/dist/risk/index.d.mts

@@ -1,2 +1,4 @@
-
-export {  }
+export { messages as riskTreatmentMessages } from './messages.mjs';
+export { RiskTreatmentCard, RiskTreatmentCardProps } from './risk-treatment-card.mjs';
+export { RiskTreatment, RiskTreatmentValue, TreatmentOption } from './types.mjs';
+import 'react/jsx-runtime';

package/dist/risk/index.d.ts

@@ -1,2 +1,4 @@
-
-export {  }
+export { messages as riskTreatmentMessages } from './messages.js';
+export { RiskTreatmentCard, RiskTreatmentCardProps } from './risk-treatment-card.js';
+export { RiskTreatment, RiskTreatmentValue, TreatmentOption } from './types.js';
+import 'react/jsx-runtime';