@open-mercato/core 0.6.8-develop.6998.1.d2bc46c56c → 0.6.8-develop.7001.1.03608ab252

package/dist/modules/warranty_claims/backend/warranty_claims/troubleshooting-guides/TroubleshootingTreeBuilder.js

@@ -0,0 +1,472 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  ArrowRight,
+  CheckCircle2,
+  CircleHelp,
+  GitBranch,
+  Play,
+  Plus,
+  RotateCcw,
+  Trash2
+} from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import {
+  parseGuideSteps,
+  walkGuide
+} from "../../../lib/troubleshooting.js";
+function createDefaultTree(t) {
+  return {
+    prompt: t("warranty_claims.troubleshootingGuides.builder.sample.damageQuestion", "Does the buckle show physical damage?"),
+    options: [
+      {
+        label: t("warranty_claims.troubleshootingGuides.builder.sample.damaged", "Yes, cracked or snapped"),
+        next: {
+          prompt: t("warranty_claims.troubleshootingGuides.builder.sample.ageQuestion", "Is the backpack younger than 24 months?"),
+          options: [
+            { label: t("warranty_claims.troubleshootingGuides.builder.sample.yes", "Yes"), reasonCode: "FLT-11", resolution: t("warranty_claims.troubleshootingGuides.builder.sample.replaceBuckle", "Replace the buckle") },
+            { label: t("warranty_claims.troubleshootingGuides.builder.sample.no", "No"), reasonCode: "FLT-11", resolution: t("warranty_claims.troubleshootingGuides.builder.sample.paidRepair", "Offer a paid repair") }
+          ]
+        }
+      },
+      { label: t("warranty_claims.troubleshootingGuides.builder.sample.intact", "No, it looks intact"), reasonCode: "FLT-02", resolution: t("warranty_claims.troubleshootingGuides.builder.sample.photos", "Request additional photos") },
+      { label: t("warranty_claims.troubleshootingGuides.builder.sample.unsure", "Not sure"), reasonCode: "FLT-02", resolution: t("warranty_claims.troubleshootingGuides.builder.sample.photos", "Request additional photos") }
+    ]
+  };
+}
+function defaultTroubleshootingStepsJson(t) {
+  return JSON.stringify(createDefaultTree(t), null, 2);
+}
+function parseTreeValue(value) {
+  if (typeof value !== "string" || !value.trim()) return null;
+  try {
+    return parseGuideSteps(JSON.parse(value));
+  } catch {
+    return null;
+  }
+}
+function pathId(path) {
+  return path.length ? path.join(".") : "root";
+}
+function getNode(root, path) {
+  let current = root;
+  for (const optionIndex of path) {
+    current = current?.options[optionIndex]?.next ?? null;
+    if (!current) return null;
+  }
+  return current;
+}
+function replaceNode(root, path, updater) {
+  if (!path.length) return updater(root);
+  const [optionIndex, ...rest] = path;
+  return {
+    ...root,
+    options: root.options.map((option, index) => {
+      if (index !== optionIndex || !option.next) return option;
+      return { ...option, next: replaceNode(option.next, rest, updater) };
+    })
+  };
+}
+function updateOption(root, nodePath, optionIndex, updater) {
+  return replaceNode(root, nodePath, (node) => ({
+    ...node,
+    options: node.options.map((option, index) => index === optionIndex ? updater(option) : option)
+  }));
+}
+function flattenTree(root) {
+  const items = [];
+  const visit = (node, nodePath, depth) => {
+    items.push({
+      id: `question:${pathId(nodePath)}`,
+      kind: "question",
+      depth,
+      title: node.prompt,
+      subtitle: `${node.options.length}`,
+      nodePath
+    });
+    node.options.forEach((option, optionIndex) => {
+      if (option.next) {
+        visit(option.next, [...nodePath, optionIndex], depth + 1);
+        return;
+      }
+      items.push({
+        id: `outcome:${pathId(nodePath)}:${optionIndex}`,
+        kind: "outcome",
+        depth: depth + 1,
+        title: option.reasonCode || option.resolution || option.label,
+        subtitle: option.resolution || option.label,
+        nodePath
+      });
+    });
+  };
+  visit(root, [], 0);
+  return items;
+}
+function TroubleshootingTreeBuilder({ value, setValue, disabled }) {
+  const t = useT();
+  const parsedTree = React.useMemo(() => parseTreeValue(value), [value]);
+  const tree = parsedTree ?? createDefaultTree(t);
+  const initializedRef = React.useRef(false);
+  const [selectedPath, setSelectedPath] = React.useState([]);
+  const [testMode, setTestMode] = React.useState(false);
+  const [testPath, setTestPath] = React.useState([]);
+  React.useEffect(() => {
+    if (initializedRef.current || parsedTree || disabled) return;
+    initializedRef.current = true;
+    setValue(JSON.stringify(tree, null, 2));
+  }, [disabled, parsedTree, setValue, tree]);
+  const commit = React.useCallback((nextTree) => {
+    setValue(JSON.stringify(nextTree, null, 2));
+  }, [setValue]);
+  const selectedNode = getNode(tree, selectedPath) ?? tree;
+  const graphItems = React.useMemo(() => flattenTree(tree), [tree]);
+  const graphDepths = React.useMemo(
+    () => [...new Set(graphItems.map((item) => item.depth))].sort((left, right) => left - right),
+    [graphItems]
+  );
+  const testState = React.useMemo(() => walkGuide(tree, testPath), [testPath, tree]);
+  const updateSelectedNode = React.useCallback((updater) => {
+    commit(replaceNode(tree, selectedPath, updater));
+  }, [commit, selectedPath, tree]);
+  const chooseTestAnswer = React.useCallback((optionIndex) => {
+    setTestPath((current) => [...current, optionIndex]);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-background shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(GitBranch, { className: "size-4 text-accent-indigo", "aria-hidden": true }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: t("warranty_claims.troubleshootingGuides.builder.title", "Visual decision tree") }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("warranty_claims.troubleshootingGuides.builder.description", "Connect questions to another question or a claim outcome.") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: testMode ? "default" : "outline",
+          onClick: () => {
+            setTestMode((current) => !current);
+            setTestPath([]);
+          },
+          children: [
+            /* @__PURE__ */ jsx(Play, { className: "size-4", "aria-hidden": true }),
+            testMode ? t("warranty_claims.troubleshootingGuides.builder.edit", "Edit") : t("warranty_claims.troubleshootingGuides.builder.test", "Test")
+          ]
+        }
+      ) })
+    ] }),
+    testMode ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-96 flex-col lg:flex-row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 bg-muted/20 p-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: t("warranty_claims.troubleshootingGuides.builder.testRun", "Test run") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("warranty_claims.troubleshootingGuides.builder.answersSoFar", "{count} answers so far", { count: testPath.length }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setTestPath([]), children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "size-4", "aria-hidden": true }),
+            t("warranty_claims.troubleshootingGuides.builder.reset", "Reset")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-xl rounded-xl border border-border bg-card p-5 shadow-sm", children: testState.node ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-status-warning-bg text-status-warning-text", children: /* @__PURE__ */ jsx(CircleHelp, { className: "size-4", "aria-hidden": true }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("warranty_claims.troubleshootingGuides.builder.currentQuestion", "Current question") }),
+              /* @__PURE__ */ jsx("h3", { className: "mt-1 text-base font-semibold text-foreground", children: testState.node.prompt })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: testState.node.options.map((option, optionIndex) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              className: "h-auto w-full justify-between whitespace-normal py-3 text-left",
+              onClick: () => chooseTestAnswer(optionIndex),
+              children: [
+                option.label,
+                /* @__PURE__ */ jsx(ArrowRight, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true })
+              ]
+            },
+            `${option.label}:${optionIndex}`
+          )) })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-status-success-bg text-status-success-text", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4", "aria-hidden": true }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("warranty_claims.troubleshootingGuides.builder.outcome", "Outcome") }),
+            /* @__PURE__ */ jsx("h3", { className: "mt-1 text-base font-semibold text-foreground", children: testState.terminal?.reasonCode || t("warranty_claims.troubleshootingGuides.builder.completed", "Guide completed") }),
+            testState.terminal?.resolution ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: testState.terminal.resolution }) : null
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("aside", { className: "w-full border-t border-border bg-card p-5 lg:w-80 lg:border-l lg:border-t-0", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("warranty_claims.troubleshootingGuides.builder.effectReport", "Would do, dry-run effect report") }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/50 p-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t("warranty_claims.troubleshootingGuides.builder.prefillReason", "Prefill reason") }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 font-medium text-foreground", children: testState.terminal?.reasonCode || "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/50 p-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t("warranty_claims.troubleshootingGuides.builder.prefillResolution", "Prefill resolution summary") }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-foreground", children: testState.terminal?.resolution || "\u2014" })
+          ] })
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "flex min-h-96 flex-col lg:flex-row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 bg-muted/20", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex w-14 shrink-0 flex-col items-center gap-2 border-r border-border bg-card py-3", children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              disabled,
+              "aria-label": t("warranty_claims.troubleshootingGuides.builder.addQuestion", "Add question"),
+              title: t("warranty_claims.troubleshootingGuides.builder.addQuestion", "Add question"),
+              onClick: () => updateSelectedNode((node) => ({
+                ...node,
+                options: [...node.options, {
+                  label: t("warranty_claims.troubleshootingGuides.builder.newAnswer", "New answer"),
+                  next: {
+                    prompt: t("warranty_claims.troubleshootingGuides.builder.newQuestion", "New question"),
+                    options: []
+                  }
+                }]
+              })),
+              children: /* @__PURE__ */ jsx(CircleHelp, { className: "size-4", "aria-hidden": true })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              disabled,
+              "aria-label": t("warranty_claims.troubleshootingGuides.builder.addOutcome", "Add outcome"),
+              title: t("warranty_claims.troubleshootingGuides.builder.addOutcome", "Add outcome"),
+              onClick: () => updateSelectedNode((node) => ({
+                ...node,
+                options: [...node.options, {
+                  label: t("warranty_claims.troubleshootingGuides.builder.newAnswer", "New answer"),
+                  reasonCode: "FLT-00",
+                  resolution: t("warranty_claims.troubleshootingGuides.builder.newResolution", "Add resolution guidance")
+                }]
+              })),
+              children: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4", "aria-hidden": true })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 overflow-auto p-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-6 inline-flex items-center gap-2 rounded-md border border-dashed border-border bg-card px-3 py-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(GitBranch, { className: "size-4", "aria-hidden": true }),
+            t("warranty_claims.troubleshootingGuides.builder.guideStarts", "Guide starts")
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex min-w-max items-start gap-10 pb-6", children: graphDepths.map((depth, depthIndex) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            depthIndex > 0 ? /* @__PURE__ */ jsx(ArrowRight, { className: "mt-10 size-5 shrink-0 text-muted-foreground", "aria-hidden": true }) : null,
+            /* @__PURE__ */ jsx("div", { className: "flex w-52 shrink-0 flex-col gap-5", children: graphItems.filter((item) => item.depth === depth).map((item) => {
+              const selected = item.kind === "question" && pathId(item.nodePath) === pathId(selectedPath);
+              return /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  className: cn(
+                    "h-auto w-full justify-start overflow-hidden rounded-lg border bg-card p-0 text-left shadow-sm transition-colors hover:border-foreground/30 hover:bg-card focus-visible:shadow-focus focus-visible:outline-none",
+                    selected ? "border-accent-indigo ring-1 ring-accent-indigo" : "border-border"
+                  ),
+                  onClick: () => setSelectedPath(item.nodePath),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: cn(
+                      "block h-1 w-full",
+                      item.kind === "question" ? "bg-status-warning-border" : "bg-status-success-border"
+                    ) }),
+                    /* @__PURE__ */ jsxs("span", { className: "flex gap-2 px-3 py-3", children: [
+                      item.kind === "question" ? /* @__PURE__ */ jsx(CircleHelp, { className: "mt-0.5 size-4 shrink-0 text-status-warning-text", "aria-hidden": true }) : /* @__PURE__ */ jsx(CheckCircle2, { className: "mt-0.5 size-4 shrink-0 text-status-success-text", "aria-hidden": true }),
+                      /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold text-foreground", children: item.title }),
+                        /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs text-muted-foreground", children: item.kind === "question" ? t("warranty_claims.troubleshootingGuides.builder.answerCount", "{count} answers", { count: item.subtitle }) : item.subtitle })
+                      ] })
+                    ] })
+                  ]
+                },
+                item.id
+              );
+            }) })
+          ] }, depth)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("aside", { className: "w-full border-t border-border bg-card lg:w-80 lg:border-l lg:border-t-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-4 py-3", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("warranty_claims.troubleshootingGuides.builder.inspector", "Inspector") }),
+          /* @__PURE__ */ jsx("h3", { className: "mt-1 text-sm font-semibold text-foreground", children: t("warranty_claims.troubleshootingGuides.builder.question", "Question") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-5 p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground", children: t("warranty_claims.troubleshootingGuides.builder.prompt", "Prompt") }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                rows: 3,
+                value: selectedNode.prompt,
+                disabled,
+                onChange: (event) => updateSelectedNode((node) => ({ ...node, prompt: event.target.value }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground", children: t("warranty_claims.troubleshootingGuides.builder.answers", "Answers") }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: selectedNode.options.length })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-3", children: selectedNode.options.map((option, optionIndex) => /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md border border-border p-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    size: "sm",
+                    value: option.label,
+                    disabled,
+                    "aria-label": t("warranty_claims.troubleshootingGuides.builder.answerLabel", "Answer label"),
+                    onChange: (event) => commit(updateOption(tree, selectedPath, optionIndex, (current) => ({
+                      ...current,
+                      label: event.target.value
+                    })))
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    type: "button",
+                    size: "sm",
+                    variant: "ghost",
+                    disabled,
+                    "aria-label": t("warranty_claims.troubleshootingGuides.builder.removeAnswer", "Remove answer"),
+                    title: t("warranty_claims.troubleshootingGuides.builder.removeAnswer", "Remove answer"),
+                    onClick: () => updateSelectedNode((node) => ({
+                      ...node,
+                      options: node.options.filter((_, index) => index !== optionIndex)
+                    })),
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "size-4", "aria-hidden": true })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: option.next ? "question" : "outcome",
+                  disabled,
+                  onValueChange: (mode) => commit(updateOption(tree, selectedPath, optionIndex, (current) => mode === "question" ? {
+                    label: current.label,
+                    next: current.next ?? {
+                      prompt: t("warranty_claims.troubleshootingGuides.builder.newQuestion", "New question"),
+                      options: []
+                    }
+                  } : {
+                    label: current.label,
+                    reasonCode: current.reasonCode ?? "FLT-00",
+                    resolution: current.resolution ?? t("warranty_claims.troubleshootingGuides.builder.newResolution", "Add resolution guidance")
+                  })),
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", "aria-label": t("warranty_claims.troubleshootingGuides.builder.answerDestination", "Answer destination"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsxs(SelectContent, { children: [
+                      /* @__PURE__ */ jsx(SelectItem, { value: "question", children: t("warranty_claims.troubleshootingGuides.builder.nextQuestion", "Next question") }),
+                      /* @__PURE__ */ jsx(SelectItem, { value: "outcome", children: t("warranty_claims.troubleshootingGuides.builder.outcome", "Outcome") })
+                    ] })
+                  ]
+                }
+              ),
+              option.next ? /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  className: "w-full justify-start",
+                  onClick: () => setSelectedPath([...selectedPath, optionIndex]),
+                  children: [
+                    /* @__PURE__ */ jsx(ArrowRight, { className: "size-4", "aria-hidden": true }),
+                    t("warranty_claims.troubleshootingGuides.builder.editNextQuestion", "Edit next question")
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    size: "sm",
+                    value: option.reasonCode ?? "",
+                    disabled,
+                    placeholder: t("warranty_claims.troubleshootingGuides.builder.reasonCode", "Reason code"),
+                    "aria-label": t("warranty_claims.troubleshootingGuides.builder.reasonCode", "Reason code"),
+                    onChange: (event) => commit(updateOption(tree, selectedPath, optionIndex, (current) => ({
+                      label: current.label,
+                      reasonCode: event.target.value,
+                      resolution: current.resolution
+                    })))
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    size: "sm",
+                    value: option.resolution ?? "",
+                    disabled,
+                    placeholder: t("warranty_claims.troubleshootingGuides.builder.resolution", "Resolution guidance"),
+                    "aria-label": t("warranty_claims.troubleshootingGuides.builder.resolution", "Resolution guidance"),
+                    onChange: (event) => commit(updateOption(tree, selectedPath, optionIndex, (current) => ({
+                      label: current.label,
+                      reasonCode: current.reasonCode,
+                      resolution: event.target.value
+                    })))
+                  }
+                )
+              ] })
+            ] }, optionIndex)) }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "ghost",
+                className: "mt-2",
+                disabled,
+                onClick: () => updateSelectedNode((node) => ({
+                  ...node,
+                  options: [...node.options, {
+                    label: t("warranty_claims.troubleshootingGuides.builder.newAnswer", "New answer"),
+                    reasonCode: "FLT-00",
+                    resolution: t("warranty_claims.troubleshootingGuides.builder.newResolution", "Add resolution guidance")
+                  }]
+                })),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": true }),
+                  t("warranty_claims.troubleshootingGuides.builder.addAnswer", "Add answer")
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  TroubleshootingTreeBuilder,
+  defaultTroubleshootingStepsJson
+};
+//# sourceMappingURL=TroubleshootingTreeBuilder.js.map

package/dist/modules/warranty_claims/backend/warranty_claims/troubleshooting-guides/TroubleshootingTreeBuilder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/warranty_claims/backend/warranty_claims/troubleshooting-guides/TroubleshootingTreeBuilder.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  ArrowRight,\n  CheckCircle2,\n  CircleHelp,\n  GitBranch,\n  Play,\n  Plus,\n  RotateCcw,\n  Trash2,\n} from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport {\n  parseGuideSteps,\n  walkGuide,\n  type TroubleshootingNode,\n  type TroubleshootingOption,\n} from '../../../lib/troubleshooting'\n\ntype BuilderFieldProps = {\n  value: unknown\n  setValue: (value: unknown) => void\n  disabled?: boolean\n}\n\ntype GraphItem = {\n  id: string\n  kind: 'question' | 'outcome'\n  depth: number\n  title: string\n  subtitle: string\n  nodePath: number[]\n}\n\nfunction createDefaultTree(t: TranslateFn): TroubleshootingNode {\n  return {\n    prompt: t('warranty_claims.troubleshootingGuides.builder.sample.damageQuestion', 'Does the buckle show physical damage?'),\n    options: [\n      {\n        label: t('warranty_claims.troubleshootingGuides.builder.sample.damaged', 'Yes, cracked or snapped'),\n        next: {\n          prompt: t('warranty_claims.troubleshootingGuides.builder.sample.ageQuestion', 'Is the backpack younger than 24 months?'),\n          options: [\n            { label: t('warranty_claims.troubleshootingGuides.builder.sample.yes', 'Yes'), reasonCode: 'FLT-11', resolution: t('warranty_claims.troubleshootingGuides.builder.sample.replaceBuckle', 'Replace the buckle') },\n            { label: t('warranty_claims.troubleshootingGuides.builder.sample.no', 'No'), reasonCode: 'FLT-11', resolution: t('warranty_claims.troubleshootingGuides.builder.sample.paidRepair', 'Offer a paid repair') },\n          ],\n        },\n      },\n      { label: t('warranty_claims.troubleshootingGuides.builder.sample.intact', 'No, it looks intact'), reasonCode: 'FLT-02', resolution: t('warranty_claims.troubleshootingGuides.builder.sample.photos', 'Request additional photos') },\n      { label: t('warranty_claims.troubleshootingGuides.builder.sample.unsure', 'Not sure'), reasonCode: 'FLT-02', resolution: t('warranty_claims.troubleshootingGuides.builder.sample.photos', 'Request additional photos') },\n    ],\n  }\n}\n\nexport function defaultTroubleshootingStepsJson(t: TranslateFn): string {\n  return JSON.stringify(createDefaultTree(t), null, 2)\n}\n\nfunction parseTreeValue(value: unknown): TroubleshootingNode | null {\n  if (typeof value !== 'string' || !value.trim()) return null\n  try {\n    return parseGuideSteps(JSON.parse(value))\n  } catch {\n    return null\n  }\n}\n\nfunction pathId(path: readonly number[]): string {\n  return path.length ? path.join('.') : 'root'\n}\n\nfunction getNode(root: TroubleshootingNode, path: readonly number[]): TroubleshootingNode | null {\n  let current: TroubleshootingNode | null = root\n  for (const optionIndex of path) {\n    current = current?.options[optionIndex]?.next ?? null\n    if (!current) return null\n  }\n  return current\n}\n\nfunction replaceNode(\n  root: TroubleshootingNode,\n  path: readonly number[],\n  updater: (node: TroubleshootingNode) => TroubleshootingNode,\n): TroubleshootingNode {\n  if (!path.length) return updater(root)\n  const [optionIndex, ...rest] = path\n  return {\n    ...root,\n    options: root.options.map((option, index) => {\n      if (index !== optionIndex || !option.next) return option\n      return { ...option, next: replaceNode(option.next, rest, updater) }\n    }),\n  }\n}\n\nfunction updateOption(\n  root: TroubleshootingNode,\n  nodePath: readonly number[],\n  optionIndex: number,\n  updater: (option: TroubleshootingOption) => TroubleshootingOption,\n): TroubleshootingNode {\n  return replaceNode(root, nodePath, (node) => ({\n    ...node,\n    options: node.options.map((option, index) => index === optionIndex ? updater(option) : option),\n  }))\n}\n\nfunction flattenTree(root: TroubleshootingNode): GraphItem[] {\n  const items: GraphItem[] = []\n  const visit = (node: TroubleshootingNode, nodePath: number[], depth: number) => {\n    items.push({\n      id: `question:${pathId(nodePath)}`,\n      kind: 'question',\n      depth,\n      title: node.prompt,\n      subtitle: `${node.options.length}`,\n      nodePath,\n    })\n    node.options.forEach((option, optionIndex) => {\n      if (option.next) {\n        visit(option.next, [...nodePath, optionIndex], depth + 1)\n        return\n      }\n      items.push({\n        id: `outcome:${pathId(nodePath)}:${optionIndex}`,\n        kind: 'outcome',\n        depth: depth + 1,\n        title: option.reasonCode || option.resolution || option.label,\n        subtitle: option.resolution || option.label,\n        nodePath,\n      })\n    })\n  }\n  visit(root, [], 0)\n  return items\n}\n\nexport function TroubleshootingTreeBuilder({ value, setValue, disabled }: BuilderFieldProps) {\n  const t = useT()\n  const parsedTree = React.useMemo(() => parseTreeValue(value), [value])\n  const tree = parsedTree ?? createDefaultTree(t)\n  const initializedRef = React.useRef(false)\n  const [selectedPath, setSelectedPath] = React.useState<number[]>([])\n  const [testMode, setTestMode] = React.useState(false)\n  const [testPath, setTestPath] = React.useState<number[]>([])\n\n  React.useEffect(() => {\n    if (initializedRef.current || parsedTree || disabled) return\n    initializedRef.current = true\n    setValue(JSON.stringify(tree, null, 2))\n  }, [disabled, parsedTree, setValue, tree])\n\n  const commit = React.useCallback((nextTree: TroubleshootingNode) => {\n    setValue(JSON.stringify(nextTree, null, 2))\n  }, [setValue])\n\n  const selectedNode = getNode(tree, selectedPath) ?? tree\n  const graphItems = React.useMemo(() => flattenTree(tree), [tree])\n  const graphDepths = React.useMemo(\n    () => [...new Set(graphItems.map((item) => item.depth))].sort((left, right) => left - right),\n    [graphItems],\n  )\n  const testState = React.useMemo(() => walkGuide(tree, testPath), [testPath, tree])\n\n  const updateSelectedNode = React.useCallback((updater: (node: TroubleshootingNode) => TroubleshootingNode) => {\n    commit(replaceNode(tree, selectedPath, updater))\n  }, [commit, selectedPath, tree])\n\n  const chooseTestAnswer = React.useCallback((optionIndex: number) => {\n    setTestPath((current) => [...current, optionIndex])\n  }, [])\n\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background shadow-sm\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3 border-b border-border px-4 py-3\">\n        <div className=\"flex items-center gap-2\">\n          <GitBranch className=\"size-4 text-accent-indigo\" aria-hidden />\n          <div>\n            <p className=\"text-sm font-semibold text-foreground\">\n              {t('warranty_claims.troubleshootingGuides.builder.title', 'Visual decision tree')}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">\n              {t('warranty_claims.troubleshootingGuides.builder.description', 'Connect questions to another question or a claim outcome.')}\n            </p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant={testMode ? 'default' : 'outline'}\n            onClick={() => {\n              setTestMode((current) => !current)\n              setTestPath([])\n            }}\n          >\n            <Play className=\"size-4\" aria-hidden />\n            {testMode\n              ? t('warranty_claims.troubleshootingGuides.builder.edit', 'Edit')\n              : t('warranty_claims.troubleshootingGuides.builder.test', 'Test')}\n          </Button>\n        </div>\n      </div>\n\n      {testMode ? (\n        <div className=\"flex min-h-96 flex-col lg:flex-row\">\n          <div className=\"flex-1 bg-muted/20 p-6\">\n            <div className=\"mb-5 flex items-center justify-between gap-3\">\n              <div>\n                <p className=\"text-sm font-semibold text-foreground\">\n                  {t('warranty_claims.troubleshootingGuides.builder.testRun', 'Test run')}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('warranty_claims.troubleshootingGuides.builder.answersSoFar', '{count} answers so far', { count: testPath.length })}\n                </p>\n              </div>\n              <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setTestPath([])}>\n                <RotateCcw className=\"size-4\" aria-hidden />\n                {t('warranty_claims.troubleshootingGuides.builder.reset', 'Reset')}\n              </Button>\n            </div>\n            <div className=\"mx-auto max-w-xl rounded-xl border border-border bg-card p-5 shadow-sm\">\n              {testState.node ? (\n                <>\n                  <div className=\"mb-4 flex items-start gap-3\">\n                    <span className=\"flex size-8 shrink-0 items-center justify-center rounded-full bg-status-warning-bg text-status-warning-text\">\n                      <CircleHelp className=\"size-4\" aria-hidden />\n                    </span>\n                    <div>\n                      <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                        {t('warranty_claims.troubleshootingGuides.builder.currentQuestion', 'Current question')}\n                      </p>\n                      <h3 className=\"mt-1 text-base font-semibold text-foreground\">{testState.node.prompt}</h3>\n                    </div>\n                  </div>\n                  <div className=\"space-y-2\">\n                    {testState.node.options.map((option, optionIndex) => (\n                      <Button\n                        key={`${option.label}:${optionIndex}`}\n                        type=\"button\"\n                        variant=\"outline\"\n                        className=\"h-auto w-full justify-between whitespace-normal py-3 text-left\"\n                        onClick={() => chooseTestAnswer(optionIndex)}\n                      >\n                        {option.label}\n                        <ArrowRight className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />\n                      </Button>\n                    ))}\n                  </div>\n                </>\n              ) : (\n                <div className=\"flex items-start gap-3\">\n                  <span className=\"flex size-8 shrink-0 items-center justify-center rounded-full bg-status-success-bg text-status-success-text\">\n                    <CheckCircle2 className=\"size-4\" aria-hidden />\n                  </span>\n                  <div>\n                    <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                      {t('warranty_claims.troubleshootingGuides.builder.outcome', 'Outcome')}\n                    </p>\n                    <h3 className=\"mt-1 text-base font-semibold text-foreground\">\n                      {testState.terminal?.reasonCode || t('warranty_claims.troubleshootingGuides.builder.completed', 'Guide completed')}\n                    </h3>\n                    {testState.terminal?.resolution ? (\n                      <p className=\"mt-1 text-sm text-muted-foreground\">{testState.terminal.resolution}</p>\n                    ) : null}\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n          <aside className=\"w-full border-t border-border bg-card p-5 lg:w-80 lg:border-l lg:border-t-0\">\n            <h3 className=\"text-sm font-semibold text-foreground\">\n              {t('warranty_claims.troubleshootingGuides.builder.effectReport', 'Would do, dry-run effect report')}\n            </h3>\n            <div className=\"mt-4 space-y-3 text-sm\">\n              <div className=\"rounded-md bg-muted/50 p-3\">\n                <p className=\"text-xs font-medium text-muted-foreground\">\n                  {t('warranty_claims.troubleshootingGuides.builder.prefillReason', 'Prefill reason')}\n                </p>\n                <p className=\"mt-1 font-medium text-foreground\">{testState.terminal?.reasonCode || '\u2014'}</p>\n              </div>\n              <div className=\"rounded-md bg-muted/50 p-3\">\n                <p className=\"text-xs font-medium text-muted-foreground\">\n                  {t('warranty_claims.troubleshootingGuides.builder.prefillResolution', 'Prefill resolution summary')}\n                </p>\n                <p className=\"mt-1 text-foreground\">{testState.terminal?.resolution || '\u2014'}</p>\n              </div>\n            </div>\n          </aside>\n        </div>\n      ) : (\n        <div className=\"flex min-h-96 flex-col lg:flex-row\">\n          <div className=\"flex min-w-0 flex-1 bg-muted/20\">\n            <div className=\"flex w-14 shrink-0 flex-col items-center gap-2 border-r border-border bg-card py-3\">\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={disabled}\n                aria-label={t('warranty_claims.troubleshootingGuides.builder.addQuestion', 'Add question')}\n                title={t('warranty_claims.troubleshootingGuides.builder.addQuestion', 'Add question')}\n                onClick={() => updateSelectedNode((node) => ({\n                  ...node,\n                  options: [...node.options, {\n                    label: t('warranty_claims.troubleshootingGuides.builder.newAnswer', 'New answer'),\n                    next: {\n                      prompt: t('warranty_claims.troubleshootingGuides.builder.newQuestion', 'New question'),\n                      options: [],\n                    },\n                  }],\n                }))}\n              >\n                <CircleHelp className=\"size-4\" aria-hidden />\n              </IconButton>\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={disabled}\n                aria-label={t('warranty_claims.troubleshootingGuides.builder.addOutcome', 'Add outcome')}\n                title={t('warranty_claims.troubleshootingGuides.builder.addOutcome', 'Add outcome')}\n                onClick={() => updateSelectedNode((node) => ({\n                  ...node,\n                  options: [...node.options, {\n                    label: t('warranty_claims.troubleshootingGuides.builder.newAnswer', 'New answer'),\n                    reasonCode: 'FLT-00',\n                    resolution: t('warranty_claims.troubleshootingGuides.builder.newResolution', 'Add resolution guidance'),\n                  }],\n                }))}\n              >\n                <CheckCircle2 className=\"size-4\" aria-hidden />\n              </IconButton>\n            </div>\n            <div className=\"min-w-0 flex-1 overflow-auto p-6\">\n              <div className=\"mb-6 inline-flex items-center gap-2 rounded-md border border-dashed border-border bg-card px-3 py-2 text-xs text-muted-foreground\">\n                <GitBranch className=\"size-4\" aria-hidden />\n                {t('warranty_claims.troubleshootingGuides.builder.guideStarts', 'Guide starts')}\n              </div>\n              <div className=\"flex min-w-max items-start gap-10 pb-6\">\n                {graphDepths.map((depth, depthIndex) => (\n                  <React.Fragment key={depth}>\n                    {depthIndex > 0 ? <ArrowRight className=\"mt-10 size-5 shrink-0 text-muted-foreground\" aria-hidden /> : null}\n                    <div className=\"flex w-52 shrink-0 flex-col gap-5\">\n                      {graphItems.filter((item) => item.depth === depth).map((item) => {\n                        const selected = item.kind === 'question' && pathId(item.nodePath) === pathId(selectedPath)\n                        return (\n                          <Button\n                            key={item.id}\n                            type=\"button\"\n                            variant=\"ghost\"\n                            className={cn(\n                              'h-auto w-full justify-start overflow-hidden rounded-lg border bg-card p-0 text-left shadow-sm transition-colors hover:border-foreground/30 hover:bg-card focus-visible:shadow-focus focus-visible:outline-none',\n                              selected ? 'border-accent-indigo ring-1 ring-accent-indigo' : 'border-border',\n                            )}\n                            onClick={() => setSelectedPath(item.nodePath)}\n                          >\n                            <span className={cn(\n                              'block h-1 w-full',\n                              item.kind === 'question' ? 'bg-status-warning-border' : 'bg-status-success-border',\n                            )} />\n                            <span className=\"flex gap-2 px-3 py-3\">\n                              {item.kind === 'question'\n                                ? <CircleHelp className=\"mt-0.5 size-4 shrink-0 text-status-warning-text\" aria-hidden />\n                                : <CheckCircle2 className=\"mt-0.5 size-4 shrink-0 text-status-success-text\" aria-hidden />}\n                              <span className=\"min-w-0\">\n                                <span className=\"block text-sm font-semibold text-foreground\">{item.title}</span>\n                                <span className=\"mt-1 block text-xs text-muted-foreground\">\n                                  {item.kind === 'question'\n                                    ? t('warranty_claims.troubleshootingGuides.builder.answerCount', '{count} answers', { count: item.subtitle })\n                                    : item.subtitle}\n                                </span>\n                              </span>\n                            </span>\n                          </Button>\n                        )\n                      })}\n                    </div>\n                  </React.Fragment>\n                ))}\n              </div>\n            </div>\n          </div>\n\n          <aside className=\"w-full border-t border-border bg-card lg:w-80 lg:border-l lg:border-t-0\">\n            <div className=\"border-b border-border px-4 py-3\">\n              <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('warranty_claims.troubleshootingGuides.builder.inspector', 'Inspector')}\n              </p>\n              <h3 className=\"mt-1 text-sm font-semibold text-foreground\">\n                {t('warranty_claims.troubleshootingGuides.builder.question', 'Question')}\n              </h3>\n            </div>\n            <div className=\"space-y-5 p-4\">\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium text-foreground\">\n                  {t('warranty_claims.troubleshootingGuides.builder.prompt', 'Prompt')}\n                </label>\n                <Textarea\n                  rows={3}\n                  value={selectedNode.prompt}\n                  disabled={disabled}\n                  onChange={(event) => updateSelectedNode((node) => ({ ...node, prompt: event.target.value }))}\n                />\n              </div>\n              <div>\n                <div className=\"mb-2 flex items-center justify-between\">\n                  <label className=\"text-sm font-medium text-foreground\">\n                    {t('warranty_claims.troubleshootingGuides.builder.answers', 'Answers')}\n                  </label>\n                  <span className=\"text-xs text-muted-foreground\">{selectedNode.options.length}</span>\n                </div>\n                <div className=\"space-y-3\">\n                  {selectedNode.options.map((option, optionIndex) => (\n                    <div key={optionIndex} className=\"space-y-2 rounded-md border border-border p-3\">\n                      <div className=\"flex items-center gap-2\">\n                        <Input\n                          size=\"sm\"\n                          value={option.label}\n                          disabled={disabled}\n                          aria-label={t('warranty_claims.troubleshootingGuides.builder.answerLabel', 'Answer label')}\n                          onChange={(event) => commit(updateOption(tree, selectedPath, optionIndex, (current) => ({\n                            ...current,\n                            label: event.target.value,\n                          })))}\n                        />\n                        <IconButton\n                          type=\"button\"\n                          size=\"sm\"\n                          variant=\"ghost\"\n                          disabled={disabled}\n                          aria-label={t('warranty_claims.troubleshootingGuides.builder.removeAnswer', 'Remove answer')}\n                          title={t('warranty_claims.troubleshootingGuides.builder.removeAnswer', 'Remove answer')}\n                          onClick={() => updateSelectedNode((node) => ({\n                            ...node,\n                            options: node.options.filter((_, index) => index !== optionIndex),\n                          }))}\n                        >\n                          <Trash2 className=\"size-4\" aria-hidden />\n                        </IconButton>\n                      </div>\n                      <Select\n                        value={option.next ? 'question' : 'outcome'}\n                        disabled={disabled}\n                        onValueChange={(mode) => commit(updateOption(tree, selectedPath, optionIndex, (current) => (\n                          mode === 'question'\n                            ? {\n                              label: current.label,\n                              next: current.next ?? {\n                                prompt: t('warranty_claims.troubleshootingGuides.builder.newQuestion', 'New question'),\n                                options: [],\n                              },\n                            }\n                            : {\n                              label: current.label,\n                              reasonCode: current.reasonCode ?? 'FLT-00',\n                              resolution: current.resolution ?? t('warranty_claims.troubleshootingGuides.builder.newResolution', 'Add resolution guidance'),\n                            }\n                        )))}\n                      >\n                        <SelectTrigger size=\"sm\" aria-label={t('warranty_claims.troubleshootingGuides.builder.answerDestination', 'Answer destination')}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"question\">{t('warranty_claims.troubleshootingGuides.builder.nextQuestion', 'Next question')}</SelectItem>\n                          <SelectItem value=\"outcome\">{t('warranty_claims.troubleshootingGuides.builder.outcome', 'Outcome')}</SelectItem>\n                        </SelectContent>\n                      </Select>\n                      {option.next ? (\n                        <Button\n                          type=\"button\"\n                          size=\"sm\"\n                          variant=\"ghost\"\n                          className=\"w-full justify-start\"\n                          onClick={() => setSelectedPath([...selectedPath, optionIndex])}\n                        >\n                          <ArrowRight className=\"size-4\" aria-hidden />\n                          {t('warranty_claims.troubleshootingGuides.builder.editNextQuestion', 'Edit next question')}\n                        </Button>\n                      ) : (\n                        <div className=\"space-y-2\">\n                          <Input\n                            size=\"sm\"\n                            value={option.reasonCode ?? ''}\n                            disabled={disabled}\n                            placeholder={t('warranty_claims.troubleshootingGuides.builder.reasonCode', 'Reason code')}\n                            aria-label={t('warranty_claims.troubleshootingGuides.builder.reasonCode', 'Reason code')}\n                            onChange={(event) => commit(updateOption(tree, selectedPath, optionIndex, (current) => ({\n                              label: current.label,\n                              reasonCode: event.target.value,\n                              resolution: current.resolution,\n                            })))}\n                          />\n                          <Input\n                            size=\"sm\"\n                            value={option.resolution ?? ''}\n                            disabled={disabled}\n                            placeholder={t('warranty_claims.troubleshootingGuides.builder.resolution', 'Resolution guidance')}\n                            aria-label={t('warranty_claims.troubleshootingGuides.builder.resolution', 'Resolution guidance')}\n                            onChange={(event) => commit(updateOption(tree, selectedPath, optionIndex, (current) => ({\n                              label: current.label,\n                              reasonCode: current.reasonCode,\n                              resolution: event.target.value,\n                            })))}\n                          />\n                        </div>\n                      )}\n                    </div>\n                  ))}\n                </div>\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  className=\"mt-2\"\n                  disabled={disabled}\n                  onClick={() => updateSelectedNode((node) => ({\n                    ...node,\n                    options: [...node.options, {\n                      label: t('warranty_claims.troubleshootingGuides.builder.newAnswer', 'New answer'),\n                      reasonCode: 'FLT-00',\n                      resolution: t('warranty_claims.troubleshootingGuides.builder.newResolution', 'Add resolution guidance'),\n                    }],\n                  }))}\n                >\n                  <Plus className=\"size-4\" aria-hidden />\n                  {t('warranty_claims.troubleshootingGuides.builder.addAnswer', 'Add answer')}\n                </Button>\n              </div>\n            </div>\n          </aside>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}