@burdenoff/microfe-devportal 2026.1108.1 → 2026.1109.1

package/dist/devportal/components/PackageValidationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PackageValidationPanel.js","names":[],"sources":["../../../src/devportal/components/PackageValidationPanel.tsx"],"sourcesContent":["/**\n * PackageValidationPanel — shows the custom-node package validation report\n * (BOFF-4315) stored on `ApplicationVersion.metadata.packageValidation` by\n * global-devportal-svc.\n *\n * The service validates every uploaded NODE package before building it, and\n * refuses to submit or approve a version whose package failed. This panel is\n * how the developer learns why, and how the reviewing admin sees warnings\n * (dynamic code, unusual field types) that need a human decision.\n *\n * Below the report it shows the operation smoke run on the built node\n * (BOFF-9656, `NodeSmokePanel`), so the versions page and the admin review\n * card both show every pre-review check in one place.\n */\nimport { useState } from \"react\";\nimport type { FC } from \"react\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  ChevronDown,\n  ChevronUp,\n  Loader2,\n  XCircle,\n} from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { NodeSmokePanel } from \"./NodeSmokePanel\";\n\nexport interface PackageValidationIssue {\n  severity: \"error\" | \"warning\";\n  code: string;\n  path: string;\n  message: string;\n}\n\nexport type PackageValidationState =\n  | { kind: \"none\" }\n  | { kind: \"pending\" }\n  | {\n      kind: \"passed\" | \"failed\";\n      errors: PackageValidationIssue[];\n      warnings: PackageValidationIssue[];\n      validatedAt: string | null;\n      runtime: string | null;\n      operationCount: number;\n    };\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction readIssues(value: unknown): PackageValidationIssue[] {\n  if (!Array.isArray(value)) return [];\n  return value.filter(isRecord).map((entry) => ({\n    severity: entry.severity === \"warning\" ? \"warning\" : \"error\",\n    code: typeof entry.code === \"string\" ? entry.code : \"\",\n    path: typeof entry.path === \"string\" ? entry.path : \"\",\n    message: typeof entry.message === \"string\" ? entry.message : \"\",\n  }));\n}\n\n/** Parse the stored report defensively — metadata is untyped JSON. */\nexport function readPackageValidationState(\n  metadata: unknown,\n): PackageValidationState {\n  if (!isRecord(metadata)) return { kind: \"none\" };\n  const report = metadata.packageValidation;\n  if (!isRecord(report)) return { kind: \"none\" };\n  if (report.pending === true) return { kind: \"pending\" };\n  if (typeof report.valid !== \"boolean\") return { kind: \"none\" };\n  return {\n    kind: report.valid ? \"passed\" : \"failed\",\n    errors: readIssues(report.errors),\n    warnings: readIssues(report.warnings),\n    validatedAt:\n      typeof report.validatedAt === \"string\" ? report.validatedAt : null,\n    runtime: typeof report.runtime === \"string\" ? report.runtime : null,\n    operationCount:\n      typeof report.operationCount === \"number\" ? report.operationCount : 0,\n  };\n}\n\nconst IssueList: FC<{ issues: PackageValidationIssue[] }> = ({ issues }) => (\n  <ul className=\"space-y-1\">\n    {issues.map((issue, index) => (\n      <li\n        key={`${issue.code}-${issue.path}-${index}`}\n        className=\"text-xs leading-snug\"\n      >\n        {issue.path && (\n          <code className=\"mr-1 rounded bg-bg-sunken px-1 py-0.5 font-mono text-text-primary\">\n            {issue.path}\n          </code>\n        )}\n        <span\n          className={\n            issue.severity === \"error\"\n              ? \"text-status-error-text\"\n              : \"text-status-warning-text\"\n          }\n        >\n          {issue.message}\n        </span>\n      </li>\n    ))}\n  </ul>\n);\n\ninterface PackageValidationPanelProps {\n  metadata: unknown;\n  /** Start expanded (the admin review card does; the versions table does not). */\n  defaultExpanded?: boolean;\n  className?: string;\n}\n\nexport const PackageValidationPanel: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => (\n  <div className={cn(\"space-y-1\", className)}>\n    <ValidationReport metadata={metadata} defaultExpanded={defaultExpanded} />\n    <NodeSmokePanel metadata={metadata} defaultExpanded={defaultExpanded} />\n  </div>\n);\n\nconst ValidationReport: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => {\n  const tr = useTr();\n  const state = readPackageValidationState(metadata);\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  if (state.kind === \"none\") {\n    return (\n      <p\n        className={cn(\"text-xs text-text-secondary\", className)}\n        data-testid=\"package-validation\"\n        data-state=\"none\"\n      >\n        {tr(\n          \"devportal.packageValidation.none\",\n          \"Package not validated (uploaded before validation existed)\",\n        )}\n      </p>\n    );\n  }\n\n  if (state.kind === \"pending\") {\n    return (\n      <p\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs text-status-info-text\",\n          className,\n        )}\n        data-testid=\"package-validation\"\n        data-state=\"pending\"\n      >\n        <Loader2 size={12} className=\"animate-spin\" />\n        {tr(\"devportal.packageValidation.pending\", \"Validating package…\")}\n      </p>\n    );\n  }\n\n  const failed = state.kind === \"failed\";\n  const hasDetails = state.errors.length > 0 || state.warnings.length > 0;\n  const summary = failed\n    ? tr(\n        \"devportal.packageValidation.failed\",\n        \"Validation failed: {{count}} error(s)\",\n        { count: state.errors.length },\n      )\n    : tr(\"devportal.packageValidation.passed\", \"Package validated\");\n\n  return (\n    <div\n      className={cn(\"space-y-1\", className)}\n      data-testid=\"package-validation\"\n      data-state={state.kind}\n    >\n      <button\n        type=\"button\"\n        onClick={() => hasDetails && setExpanded((value) => !value)}\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs font-medium\",\n          failed ? \"text-status-error-text\" : \"text-status-success-text\",\n          hasDetails ? \"hover:underline\" : \"cursor-default\",\n        )}\n        aria-expanded={hasDetails ? expanded : undefined}\n      >\n        {failed ? <XCircle size={12} /> : <CheckCircle2 size={12} />}\n        {summary}\n        {state.warnings.length > 0 && (\n          <span className=\"inline-flex items-center gap-0.5 text-status-warning-text\">\n            <AlertTriangle size={12} />\n            {tr(\n              \"devportal.packageValidation.warnings\",\n              \"{{count}} warning(s)\",\n              { count: state.warnings.length },\n            )}\n          </span>\n        )}\n        {hasDetails &&\n          (expanded ? <ChevronUp size={12} /> : <ChevronDown size={12} />)}\n      </button>\n      {expanded && hasDetails && (\n        <div className=\"max-w-md space-y-2 rounded-md border border-border-seam bg-bg-surface p-2\">\n          {state.errors.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-error-text\">\n                {tr(\"devportal.packageValidation.errorsTitle\", \"Errors\")}\n              </p>\n              <IssueList issues={state.errors} />\n            </div>\n          )}\n          {state.warnings.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-warning-text\">\n                {tr(\n                  \"devportal.packageValidation.warningsTitle\",\n                  \"Needs reviewer attention\",\n                )}\n              </p>\n              <IssueList issues={state.warnings} />\n            </div>\n          )}\n          <p className=\"text-[11px] text-text-secondary\">\n            {[\n              state.runtime &&\n                tr(\n                  \"devportal.packageValidation.runtime\",\n                  \"Runtime: {{runtime}}\",\n                  {\n                    runtime: state.runtime,\n                  },\n                ),\n              tr(\n                \"devportal.packageValidation.operations\",\n                \"{{count}} operation(s)\",\n                { count: state.operationCount },\n              ),\n              state.validatedAt && new Date(state.validatedAt).toLocaleString(),\n            ]\n              .filter(Boolean)\n              .join(\" · \")}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PackageValidationPanel.js","names":["isRecord","value","readIssues","entry","readPackageValidationState","metadata","report","IssueList","issues","issue","index","PackageValidationPanel","cn","className","ValidationReport","NodeSmokePanel","tr","useTr","state","expanded","setExpanded","useState","defaultExpanded","Loader2","failed","hasDetails","summary","jsx","XCircle","CheckCircle2","AlertTriangle","ChevronUp","ChevronDown"],"sources":["../../../src/devportal/components/PackageValidationPanel.tsx"],"sourcesContent":["/**\n * PackageValidationPanel — shows the custom-node package validation report\n * (BOFF-4315) stored on `ApplicationVersion.metadata.packageValidation` by\n * global-devportal-svc.\n *\n * The service validates every uploaded NODE package before building it, and\n * refuses to submit or approve a version whose package failed. This panel is\n * how the developer learns why, and how the reviewing admin sees warnings\n * (dynamic code, unusual field types) that need a human decision.\n *\n * Below the report it shows the operation smoke run on the built node\n * (BOFF-9656, `NodeSmokePanel`), so the versions page and the admin review\n * card both show every pre-review check in one place.\n */\nimport { useState } from \"react\";\nimport type { FC } from \"react\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  ChevronDown,\n  ChevronUp,\n  Loader2,\n  XCircle,\n} from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { NodeSmokePanel } from \"./NodeSmokePanel\";\n\nexport interface PackageValidationIssue {\n  severity: \"error\" | \"warning\";\n  code: string;\n  path: string;\n  message: string;\n}\n\nexport type PackageValidationState =\n  | { kind: \"none\" }\n  | { kind: \"pending\" }\n  | {\n      kind: \"passed\" | \"failed\";\n      errors: PackageValidationIssue[];\n      warnings: PackageValidationIssue[];\n      validatedAt: string | null;\n      runtime: string | null;\n      operationCount: number;\n    };\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction readIssues(value: unknown): PackageValidationIssue[] {\n  if (!Array.isArray(value)) return [];\n  return value.filter(isRecord).map((entry) => ({\n    severity: entry.severity === \"warning\" ? \"warning\" : \"error\",\n    code: typeof entry.code === \"string\" ? entry.code : \"\",\n    path: typeof entry.path === \"string\" ? entry.path : \"\",\n    message: typeof entry.message === \"string\" ? entry.message : \"\",\n  }));\n}\n\n/** Parse the stored report defensively — metadata is untyped JSON. */\nexport function readPackageValidationState(\n  metadata: unknown,\n): PackageValidationState {\n  if (!isRecord(metadata)) return { kind: \"none\" };\n  const report = metadata.packageValidation;\n  if (!isRecord(report)) return { kind: \"none\" };\n  if (report.pending === true) return { kind: \"pending\" };\n  if (typeof report.valid !== \"boolean\") return { kind: \"none\" };\n  return {\n    kind: report.valid ? \"passed\" : \"failed\",\n    errors: readIssues(report.errors),\n    warnings: readIssues(report.warnings),\n    validatedAt:\n      typeof report.validatedAt === \"string\" ? report.validatedAt : null,\n    runtime: typeof report.runtime === \"string\" ? report.runtime : null,\n    operationCount:\n      typeof report.operationCount === \"number\" ? report.operationCount : 0,\n  };\n}\n\nconst IssueList: FC<{ issues: PackageValidationIssue[] }> = ({ issues }) => (\n  <ul className=\"space-y-1\">\n    {issues.map((issue, index) => (\n      <li\n        key={`${issue.code}-${issue.path}-${index}`}\n        className=\"text-xs leading-snug\"\n      >\n        {issue.path && (\n          <code className=\"mr-1 rounded bg-bg-sunken px-1 py-0.5 font-mono text-text-primary\">\n            {issue.path}\n          </code>\n        )}\n        <span\n          className={\n            issue.severity === \"error\"\n              ? \"text-status-error-text\"\n              : \"text-status-warning-text\"\n          }\n        >\n          {issue.message}\n        </span>\n      </li>\n    ))}\n  </ul>\n);\n\ninterface PackageValidationPanelProps {\n  metadata: unknown;\n  /** Start expanded (the admin review card does; the versions table does not). */\n  defaultExpanded?: boolean;\n  className?: string;\n}\n\nexport const PackageValidationPanel: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => (\n  <div className={cn(\"space-y-1\", className)}>\n    <ValidationReport metadata={metadata} defaultExpanded={defaultExpanded} />\n    <NodeSmokePanel metadata={metadata} defaultExpanded={defaultExpanded} />\n  </div>\n);\n\nconst ValidationReport: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => {\n  const tr = useTr();\n  const state = readPackageValidationState(metadata);\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  if (state.kind === \"none\") {\n    return (\n      <p\n        className={cn(\"text-xs text-text-secondary\", className)}\n        data-testid=\"package-validation\"\n        data-state=\"none\"\n      >\n        {tr(\n          \"devportal.packageValidation.none\",\n          \"Package not validated (uploaded before validation existed)\",\n        )}\n      </p>\n    );\n  }\n\n  if (state.kind === \"pending\") {\n    return (\n      <p\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs text-status-info-text\",\n          className,\n        )}\n        data-testid=\"package-validation\"\n        data-state=\"pending\"\n      >\n        <Loader2 size={12} className=\"animate-spin\" />\n        {tr(\"devportal.packageValidation.pending\", \"Validating package…\")}\n      </p>\n    );\n  }\n\n  const failed = state.kind === \"failed\";\n  const hasDetails = state.errors.length > 0 || state.warnings.length > 0;\n  const summary = failed\n    ? tr(\n        \"devportal.packageValidation.failed\",\n        \"Validation failed: {{count}} error(s)\",\n        { count: state.errors.length },\n      )\n    : tr(\"devportal.packageValidation.passed\", \"Package validated\");\n\n  return (\n    <div\n      className={cn(\"space-y-1\", className)}\n      data-testid=\"package-validation\"\n      data-state={state.kind}\n    >\n      <button\n        type=\"button\"\n        onClick={() => hasDetails && setExpanded((value) => !value)}\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs font-medium\",\n          failed ? \"text-status-error-text\" : \"text-status-success-text\",\n          hasDetails ? \"hover:underline\" : \"cursor-default\",\n        )}\n        aria-expanded={hasDetails ? expanded : undefined}\n      >\n        {failed ? <XCircle size={12} /> : <CheckCircle2 size={12} />}\n        {summary}\n        {state.warnings.length > 0 && (\n          <span className=\"inline-flex items-center gap-0.5 text-status-warning-text\">\n            <AlertTriangle size={12} />\n            {tr(\n              \"devportal.packageValidation.warnings\",\n              \"{{count}} warning(s)\",\n              { count: state.warnings.length },\n            )}\n          </span>\n        )}\n        {hasDetails &&\n          (expanded ? <ChevronUp size={12} /> : <ChevronDown size={12} />)}\n      </button>\n      {expanded && hasDetails && (\n        <div className=\"max-w-md space-y-2 rounded-md border border-border-seam bg-bg-surface p-2\">\n          {state.errors.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-error-text\">\n                {tr(\"devportal.packageValidation.errorsTitle\", \"Errors\")}\n              </p>\n              <IssueList issues={state.errors} />\n            </div>\n          )}\n          {state.warnings.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-warning-text\">\n                {tr(\n                  \"devportal.packageValidation.warningsTitle\",\n                  \"Needs reviewer attention\",\n                )}\n              </p>\n              <IssueList issues={state.warnings} />\n            </div>\n          )}\n          <p className=\"text-[11px] text-text-secondary\">\n            {[\n              state.runtime &&\n                tr(\n                  \"devportal.packageValidation.runtime\",\n                  \"Runtime: {{runtime}}\",\n                  {\n                    runtime: state.runtime,\n                  },\n                ),\n              tr(\n                \"devportal.packageValidation.operations\",\n                \"{{count}} operation(s)\",\n                { count: state.operationCount },\n              ),\n              state.validatedAt && new Date(state.validatedAt).toLocaleString(),\n            ]\n              .filter(Boolean)\n              .join(\" · \")}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/components/PageLayout.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-
 interface PageLayoutProps {
     title: ReactNode;
     description?: string;
@@ -40,4 +39,3 @@ export declare const PageSection: FC<{
     className?: string;
 } & HTMLAttributes<HTMLElement>>;
 export {};
-//# sourceMappingURL=PageLayout.d.ts.map

package/dist/devportal/components/PageLayout.js

@@ -1,16 +1,16 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { cn as e } from "../utils/cn.js";
 import { useTr as t } from "../utils/i18n.js";
-import { cn as n } from "../utils/cn.js";
+import { useDevportal as n } from "../providers/DevportalProvider.js";
 import { ArrowLeft as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { AuroraBackground as o, PagePurpose as s } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/components/PageLayout.tsx
+// src/devportal/components/PageLayout.tsx
 var c = ({ title: c, description: l, backLink: u, backLabel: d, actions: f, children: p, className: m, fullWidth: h = !1, purpose: g, purposeLearnMoreHref: _, purposeLearnMoreLabel: v, heroBackdrop: y = !1 }) => {
-	let { navigate: b, basePath: x } = e(), S = t(), C = d ?? S("devportal.back", "Back");
+	let { navigate: b, basePath: x } = n(), S = t(), C = d ?? S("devportal.back", "Back");
 	return /* @__PURE__ */ a("div", {
-		className: n("flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12", m),
+		className: e("flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12", m),
 		children: [/* @__PURE__ */ a("div", {
-			className: n("flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", y && "relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6"),
+			className: e("flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", y && "relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6"),
 			children: [
 				y && /* @__PURE__ */ i(o, { intensity: "subtle" }),
 				/* @__PURE__ */ a("div", {
@@ -19,8 +19,8 @@ var c = ({ title: c, description: l, backLink: u, backLabel: d, actions: f, chil
 						u && /* @__PURE__ */ a("button", {
 							onClick: () => {
 								if (!b || !u) return;
-								let e = x?.endsWith("/") ? x.slice(0, -1) : x || "", t = u.startsWith("/") ? u : `/${u}`;
-								b(e.length > 0 && (t === e || t.startsWith(`${e}/`)) ? t : `${e}${t}`);
+								let e = x?.endsWith("/") ? x.slice(0, -1) : x || "", t = u.startsWith("/") ? u : `/${u}`, n = e.length > 0 && (t === e || t.startsWith(`${e}/`));
+								b(n ? t : `${e}${t}`);
 							},
 							className: "mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors",
 							children: [/* @__PURE__ */ i(r, { size: 16 }), C]
@@ -47,28 +47,27 @@ var c = ({ title: c, description: l, backLink: u, backLabel: d, actions: f, chil
 				})
 			]
 		}), /* @__PURE__ */ i("div", {
-			className: n("flex flex-col gap-4 sm:gap-6", !h && "max-w-7xl"),
+			className: e("flex flex-col gap-4 sm:gap-6", !h && "max-w-7xl"),
 			children: p
 		})]
 	});
-}, l = ({ title: e, description: t, actions: r, children: o, className: s, ...c }) => /* @__PURE__ */ a("section", {
-	className: n("space-y-4", s),
+}, l = ({ title: t, description: n, actions: r, children: o, className: s, ...c }) => /* @__PURE__ */ a("section", {
+	className: e("space-y-4", s),
 	...c,
-	children: [(e || r) && /* @__PURE__ */ a("div", {
+	children: [(t || r) && /* @__PURE__ */ a("div", {
 		className: "flex items-center justify-between",
-		children: [/* @__PURE__ */ a("div", { children: [e && /* @__PURE__ */ i("h2", {
+		children: [/* @__PURE__ */ a("div", { children: [t && /* @__PURE__ */ i("h2", {
 			className: "text-lg font-semibold",
-			children: e
-		}), t && /* @__PURE__ */ i("p", {
-			className: "text-sm text-text-secondary",
 			children: t
+		}), n && /* @__PURE__ */ i("p", {
+			className: "text-sm text-text-secondary",
+			children: n
 		})] }), r && /* @__PURE__ */ i("div", {
 			className: "flex items-center gap-2",
 			children: r
 		})]
 	}), o]
 });
-//#endregion
 export { c as PageLayout, l as PageSection };
 
 //# sourceMappingURL=PageLayout.js.map

package/dist/devportal/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/devportal/components/PageLayout.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { AuroraBackground, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  backLink?: string;\n  backLabel?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the real use-case\n   * — rendered as a calm {@link PagePurpose} under the header so every page is\n   * self-explanatory for a new user. Keep it to one or two sentences.\n   */\n  purpose?: ReactNode;\n  /** Optional \"Learn more\" link rendered at the end of the purpose line. */\n  purposeLearnMoreHref?: string;\n  purposeLearnMoreLabel?: string;\n  /**\n   * When true the page header sits over a subtle living-glass aurora backdrop\n   * (Boff UI 2.0). Reserve this for the MFE's primary/overview page — one\n   * aurora per MFE. The backdrop is decorative (-z-10) and never moves content.\n   */\n  heroBackdrop?: boolean;\n}\n\n/**\n * Standard page layout with header, optional back link, and actions\n */\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  backLink,\n  backLabel,\n  actions,\n  children,\n  className,\n  fullWidth = false,\n  purpose,\n  purposeLearnMoreHref,\n  purposeLearnMoreLabel,\n  heroBackdrop = false,\n}) => {\n  const { navigate, basePath } = useDevportal();\n  const tr = useTr();\n  const resolvedBackLabel = backLabel ?? tr(\"devportal.back\", \"Back\");\n\n  const handleBack = () => {\n    if (!navigate || !backLink) return;\n\n    const normalizedBasePath = basePath?.endsWith(\"/\")\n      ? basePath.slice(0, -1)\n      : basePath || \"\";\n    const normalizedBackLink = backLink.startsWith(\"/\")\n      ? backLink\n      : `/${backLink}`;\n    const alreadyIncludesBasePath =\n      normalizedBasePath.length > 0 &&\n      (normalizedBackLink === normalizedBasePath ||\n        normalizedBackLink.startsWith(`${normalizedBasePath}/`));\n\n    navigate(\n      alreadyIncludesBasePath\n        ? normalizedBackLink\n        : `${normalizedBasePath}${normalizedBackLink}`,\n    );\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12\",\n        className,\n      )}\n    >\n      {/* Header — optionally over a subtle living-glass aurora backdrop */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n          heroBackdrop &&\n            \"relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6\",\n        )}\n      >\n        {heroBackdrop && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"flex flex-col gap-1\">\n          {backLink && (\n            <button\n              onClick={handleBack}\n              className=\"mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={16} />\n              {resolvedBackLabel}\n            </button>\n          )}\n          <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n          {description && <p className=\"text-text-secondary\">{description}</p>}\n          {purpose && (\n            <PagePurpose\n              className=\"mt-1 max-w-2xl\"\n              learnMoreHref={purposeLearnMoreHref}\n              learnMoreLabel={purposeLearnMoreLabel}\n            >\n              {purpose}\n            </PagePurpose>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:gap-6\",\n          !fullWidth && \"max-w-7xl\",\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Section within a page\n */\nexport const PageSection: FC<\n  {\n    title?: string;\n    description?: string;\n    actions?: ReactNode;\n    children: ReactNode;\n    className?: string;\n  } & HTMLAttributes<HTMLElement>\n> = ({ title, description, actions, children, className, ...rest }) => (\n  <section className={cn(\"space-y-4\", className)} {...rest}>\n    {(title || actions) && (\n      <div className=\"flex items-center justify-between\">\n        <div>\n          {title && <h2 className=\"text-lg font-semibold\">{title}</h2>}\n          {description && (\n            <p className=\"text-sm text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n    )}\n    {children}\n  </section>\n);\n"],"mappings":";;;;;;;AAoCA,IAAa,KAAmC,EAC9C,UACA,gBACA,aACA,cACA,YACA,aACA,cACA,eAAY,IACZ,YACA,yBACA,0BACA,kBAAe,SACX;CACJ,IAAM,EAAE,aAAU,gBAAa,GAAc,EACvC,IAAK,GAAO,EACZ,IAAoB,KAAa,EAAG,kBAAkB,OAAO;AAuBnE,QACE,kBAAC,OAAD;EACE,WAAW,EACT,2EACA,EACD;YAJH,CAOE,kBAAC,OAAD;GACE,WAAW,EACT,sEACA,KACE,+FACH;aALH;IAOG,KAAgB,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;IACxD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,UAAD;OACE,eAxCa;AACvB,YAAI,CAAC,KAAY,CAAC,EAAU;QAE5B,IAAM,IAAqB,GAAU,SAAS,IAAI,GAC9C,EAAS,MAAM,GAAG,GAAG,GACrB,KAAY,IACV,IAAqB,EAAS,WAAW,IAAI,GAC/C,IACA,IAAI;AAMR,UAJE,EAAmB,SAAS,MAC3B,MAAuB,KACtB,EAAmB,WAAW,GAAG,EAAmB,GAAG,IAIrD,IACA,GAAG,IAAqB,IAC7B;;OAuBS,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EACM;;MAEX,kBAAC,MAAD;OAAI,WAAU;iBAAqC;OAAW,CAAA;MAC7D,KAAe,kBAAC,KAAD;OAAG,WAAU;iBAAuB;OAAgB,CAAA;MACnE,KACC,kBAAC,GAAD;OACE,WAAU;OACV,eAAe;OACf,gBAAgB;iBAEf;OACW,CAAA;MAEZ;;IACL,KAAW,kBAAC,OAAD;KAAK,WAAU;eAA2B;KAAc,CAAA;IAChE;MAGN,kBAAC,OAAD;GACE,WAAW,EACT,gCACA,CAAC,KAAa,YACf;GAEA;GACG,CAAA,CACF;;GAOG,KAQR,EAAE,UAAO,gBAAa,YAAS,aAAU,cAAW,GAAG,QAC1D,kBAAC,WAAD;CAAS,WAAW,EAAG,aAAa,EAAU;CAAE,GAAI;WAApD,EACI,KAAS,MACT,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAAyB;GAAW,CAAA,EAC3D,KACC,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAgB,CAAA,CAE1D,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;GAAK,WAAU;aAA2B;GAAc,CAAA,CAChE;KAEP,EACO"}
+{"version":3,"file":"PageLayout.js","names":["PageLayout","useDevportal","tr","useTr","resolvedBackLabel","backLabel","cn","className","heroBackdrop","AuroraBackground","backLink","navigate","normalizedBasePath","basePath","normalizedBackLink","alreadyIncludesBasePath","ArrowLeft","title","description","purpose","PagePurpose","purposeLearnMoreHref","purposeLearnMoreLabel","actions","fullWidth","PageSection","rest","children"],"sources":["../../../src/devportal/components/PageLayout.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { AuroraBackground, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  backLink?: string;\n  backLabel?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the real use-case\n   * — rendered as a calm {@link PagePurpose} under the header so every page is\n   * self-explanatory for a new user. Keep it to one or two sentences.\n   */\n  purpose?: ReactNode;\n  /** Optional \"Learn more\" link rendered at the end of the purpose line. */\n  purposeLearnMoreHref?: string;\n  purposeLearnMoreLabel?: string;\n  /**\n   * When true the page header sits over a subtle living-glass aurora backdrop\n   * (Boff UI 2.0). Reserve this for the MFE's primary/overview page — one\n   * aurora per MFE. The backdrop is decorative (-z-10) and never moves content.\n   */\n  heroBackdrop?: boolean;\n}\n\n/**\n * Standard page layout with header, optional back link, and actions\n */\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  backLink,\n  backLabel,\n  actions,\n  children,\n  className,\n  fullWidth = false,\n  purpose,\n  purposeLearnMoreHref,\n  purposeLearnMoreLabel,\n  heroBackdrop = false,\n}) => {\n  const { navigate, basePath } = useDevportal();\n  const tr = useTr();\n  const resolvedBackLabel = backLabel ?? tr(\"devportal.back\", \"Back\");\n\n  const handleBack = () => {\n    if (!navigate || !backLink) return;\n\n    const normalizedBasePath = basePath?.endsWith(\"/\")\n      ? basePath.slice(0, -1)\n      : basePath || \"\";\n    const normalizedBackLink = backLink.startsWith(\"/\")\n      ? backLink\n      : `/${backLink}`;\n    const alreadyIncludesBasePath =\n      normalizedBasePath.length > 0 &&\n      (normalizedBackLink === normalizedBasePath ||\n        normalizedBackLink.startsWith(`${normalizedBasePath}/`));\n\n    navigate(\n      alreadyIncludesBasePath\n        ? normalizedBackLink\n        : `${normalizedBasePath}${normalizedBackLink}`,\n    );\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12\",\n        className,\n      )}\n    >\n      {/* Header — optionally over a subtle living-glass aurora backdrop */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n          heroBackdrop &&\n            \"relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6\",\n        )}\n      >\n        {heroBackdrop && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"flex flex-col gap-1\">\n          {backLink && (\n            <button\n              onClick={handleBack}\n              className=\"mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={16} />\n              {resolvedBackLabel}\n            </button>\n          )}\n          <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n          {description && <p className=\"text-text-secondary\">{description}</p>}\n          {purpose && (\n            <PagePurpose\n              className=\"mt-1 max-w-2xl\"\n              learnMoreHref={purposeLearnMoreHref}\n              learnMoreLabel={purposeLearnMoreLabel}\n            >\n              {purpose}\n            </PagePurpose>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:gap-6\",\n          !fullWidth && \"max-w-7xl\",\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Section within a page\n */\nexport const PageSection: FC<\n  {\n    title?: string;\n    description?: string;\n    actions?: ReactNode;\n    children: ReactNode;\n    className?: string;\n  } & HTMLAttributes<HTMLElement>\n> = ({ title, description, actions, children, className, ...rest }) => (\n  <section className={cn(\"space-y-4\", className)} {...rest}>\n    {(title || actions) && (\n      <div className=\"flex items-center justify-between\">\n        <div>\n          {title && <h2 className=\"text-lg font-semibold\">{title}</h2>}\n          {description && (\n            <p className=\"text-sm text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n    )}\n    {children}\n  </section>\n);\n"],"mappings":";;;;;;;AAoCA,IAAaA,KAAmC,EAC9C,UACA,gBACA,aACA,cACA,YACA,aACA,cACA,eAAY,IACZ,YACA,yBACA,0BACA,kBAAe,SACX;CACJ,IAAM,EAAE,aAAU,gBAAaC,EAAa,GACtCC,IAAKC,EAAM,GACXC,IAAoBC,KAAaH,EAAG,kBAAkB,MAAM;CAuBlE,OACE,kBAAC,OAAD;EACE,WAAWI,EACT,2EACAC,CACF;EAJF,UAAA,CAOE,kBAAC,OAAD;GACE,WAAWD,EACT,sEACAE,KACE,8FACJ;GALF,UAAA;IAOGA,KAAgB,kBAACC,GAAD,EAAkB,WAAU,SAAU,CAAA;IACvD,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACGC,KACC,kBAAC,UAAD;OACE,eAxCa;QACvB,IAAI,CAACC,KAAY,CAACD,GAAU;QAE5B,IAAME,IAAqBC,GAAU,SAAS,GAAG,IAC7CA,EAAS,MAAM,GAAG,EAAE,IACpBA,KAAY,IACVC,IAAqBJ,EAAS,WAAW,GAAG,IAC9CA,IACA,IAAIA,KACFK,IACJH,EAAmB,SAAS,MAC3BE,MAAuBF,KACtBE,EAAmB,WAAW,GAAGF,EAAmB,EAAE;QAE1D,EACEG,IACID,IACA,GAAGF,IAAqBE,GAC9B;OACF;OAsBY,WAAU;OAFZ,UAAA,CAIE,kBAACE,GAAD,EAAW,MAAM,GAAK,CAAA,GACrBZ,CACK;;MAEV,kBAAC,MAAD;OAAI,WAAU;OAAqC,UAAAa;MAAU,CAAA;MAC5DC,KAAe,kBAAC,KAAD;OAAG,WAAU;OAAuB,UAAAA;MAAe,CAAA;MAClEC,KACC,kBAACC,GAAD;OACE,WAAU;OACV,eAAeC;OACf,gBAAgBC;OAEf,UAAAH;MACU,CAAA;KAEZ;;IACJI,KAAW,kBAAC,OAAD;KAAK,WAAU;KAA2B,UAAAA;IAAa,CAAA;GAChE;EAGL,CAAA,GAAA,kBAAC,OAAD;GACE,WAAWjB,EACT,gCACA,CAACkB,KAAa,WAChB;GAEC;EACE,CAAA,CACF;;AAET,GAKaC,KAQR,EAAE,UAAO,gBAAa,YAAS,aAAU,cAAW,GAAGC,QAC1D,kBAAC,WAAD;CAAS,WAAWpB,EAAG,aAAaC,CAAS;CAAG,GAAImB;CAApD,UAAA,EACIT,KAASM,MACT,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD,EAAA,UAAA,CACGN,KAAS,kBAAC,MAAD;GAAI,WAAU;GAAyB,UAAAA;EAAU,CAAA,GAC1DC,KACC,kBAAC,KAAD;GAAG,WAAU;GAA+B,UAAAA;EAAe,CAAA,CAE1D,EAAA,CAAA,GACJK,KAAW,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAAA;EAAa,CAAA,CAChE;CAEN,CAAA,GAAAI,CACM"}

package/dist/devportal/components/PermissionGuard.d.ts

@@ -1,6 +1,5 @@
 import { FC, ReactNode } from 'react';
 import { DevportalPermission } from '../constants/permissions';
-
 interface PermissionGuardProps {
     /**
      * Required RBAC permission. Optional when `authOnly` is set — self-scoped
@@ -25,4 +24,3 @@ interface PermissionGuardProps {
  */
 export declare const PermissionGuard: FC<PermissionGuardProps>;
 export {};
-//# sourceMappingURL=PermissionGuard.d.ts.map

package/dist/devportal/components/PermissionGuard.js

@@ -1,10 +1,10 @@
-import { useTr as e } from "../utils/i18n.js";
-import { PageLoadingState as t } from "./LoadingState.js";
+import { PageLoadingState as e } from "./LoadingState.js";
+import { useTr as t } from "../utils/i18n.js";
 import { AccessDenied as n } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as r } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as i, jsx as a } from "react/jsx-runtime";
 import { useAuth as o } from "@burdenoff/fe-libs/shared/providers/shell/AuthProvider";
-//#region src/devportal/components/PermissionGuard.tsx
+// src/devportal/components/PermissionGuard.tsx
 var s = ({ permission: s, authOnly: c = !1, children: l }) => {
 	let u = null, d = !1, f = !1, p = !1;
 	try {
@@ -18,10 +18,10 @@ var s = ({ permission: s, authOnly: c = !1, children: l }) => {
 	} catch {
 		p = !1;
 	}
-	let m = typeof window < "u" && (window.location.hostname === "localhost" || window.location.hostname.endsWith(".local.burdenoff.com")) && p, h = e();
+	let m = typeof window < "u" && (window.location.hostname === "localhost" || window.location.hostname.endsWith(".local.burdenoff.com")) && p, h = t();
 	return d ? /* @__PURE__ */ a("div", {
 		className: "flex min-h-screen items-center justify-center bg-bg-canvas",
-		children: /* @__PURE__ */ a(t, {})
+		children: /* @__PURE__ */ a(e, {})
 	}) : c ? u !== null && !p && !m ? /* @__PURE__ */ a(n, {
 		title: h("devportal.accessDenied", "Access Denied"),
 		description: h("devportal.noPermissionView", "You don't have permission to view this page.")
@@ -30,7 +30,6 @@ var s = ({ permission: s, authOnly: c = !1, children: l }) => {
 		description: h("devportal.noPermissionView", "You don't have permission to view this page.")
 	}) : /* @__PURE__ */ a(i, { children: l });
 };
-//#endregion
 export { s as PermissionGuard };
 
 //# sourceMappingURL=PermissionGuard.js.map

package/dist/devportal/components/PermissionGuard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionGuard.js","names":[],"sources":["../../../src/devportal/components/PermissionGuard.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { usePermissions } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useAuth } from \"@burdenoff/fe-libs/shared/providers/shell/AuthProvider\";\nimport { AccessDenied } from \"@burdenoff/fe-libs/shared/components\";\nimport { PageLoadingState } from \"./LoadingState\";\nimport { useTr } from \"../utils/i18n\";\nimport type { DevportalPermission } from \"../constants/permissions\";\n\ninterface PermissionGuardProps {\n  /**\n   * Required RBAC permission. Optional when `authOnly` is set — self-scoped\n   * developer surfaces gate on authentication only (see `authOnly`).\n   */\n  permission?: DevportalPermission;\n  /**\n   * Self-scoped mode. The corresponding backend fields are gated with\n   * `@rbac(scopeType: \"self\")` — an authentication gate whose resolvers filter\n   * strictly to the caller's own resources. Such fields carry no RBAC\n   * permission in `myPermissions`, so a permission check would wrongly deny\n   * every normal member. In this mode we render for any authenticated user and\n   * let the backend self-enforce per resource.\n   */\n  authOnly?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Wraps page content with a permission check.\n * Shows a loading state while permissions resolve, then either\n * renders children (if permitted) or an AccessDenied screen.\n */\nexport const PermissionGuard: FC<PermissionGuardProps> = ({\n  permission,\n  authOnly = false,\n  children,\n}) => {\n  let hasPermission: ((permission: DevportalPermission) => boolean) | null =\n    null;\n  let isLoading = false;\n  let isRbacAdmin = false;\n  let isAuthenticated = false;\n\n  try {\n    const permissions = usePermissions();\n    hasPermission = permissions.hasPermission as (\n      permission: DevportalPermission,\n    ) => boolean;\n    isLoading = permissions.isLoading;\n    isRbacAdmin =\n      permissions.permissions?.permissions?.some(\n        (entry) => entry.resourceType === \"rbac\" && entry.level === \"ADMIN\",\n      ) ?? false;\n  } catch {\n    // Standalone/dev mode intentionally allows rendering without shell RBAC context.\n    hasPermission = null;\n    isLoading = false;\n    isRbacAdmin = false;\n  }\n\n  try {\n    const auth = useAuth();\n    isAuthenticated = auth.isAuthenticated;\n  } catch {\n    isAuthenticated = false;\n  }\n\n  const isLocalShellDev =\n    typeof window !== \"undefined\" &&\n    (window.location.hostname === \"localhost\" ||\n      window.location.hostname.endsWith(\".local.burdenoff.com\"));\n\n  const allowLocalShellBypass = isLocalShellDev && isAuthenticated;\n  const tr = useTr();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-bg-canvas\">\n        <PageLoadingState />\n      </div>\n    );\n  }\n\n  // Self-scoped surface: gate on authentication only. The backend\n  // (@rbac scopeType: \"self\") filters to the caller's own resources, so we\n  // must not require an RBAC permission the member legitimately lacks.\n  if (authOnly) {\n    // When the shell RBAC context is unavailable (standalone/dev), render.\n    if (hasPermission !== null && !isAuthenticated && !allowLocalShellBypass) {\n      return (\n        <AccessDenied\n          title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n          description={tr(\n            \"devportal.noPermissionView\",\n            \"You don't have permission to view this page.\",\n          )}\n        />\n      );\n    }\n    return <>{children}</>;\n  }\n\n  if (\n    permission &&\n    hasPermission &&\n    !hasPermission(permission) &&\n    !isRbacAdmin &&\n    !allowLocalShellBypass\n  ) {\n    return (\n      <AccessDenied\n        title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n        description={tr(\n          \"devportal.noPermissionView\",\n          \"You don't have permission to view this page.\",\n        )}\n      />\n    );\n  }\n\n  return <>{children}</>;\n};\n"],"mappings":";;;;;;;AA+BA,IAAa,KAA6C,EACxD,eACA,cAAW,IACX,kBACI;CACJ,IAAI,IACF,MACE,IAAY,IACZ,IAAc,IACd,IAAkB;AAEtB,KAAI;EACF,IAAM,IAAc,GAAgB;AAKpC,EAJA,IAAgB,EAAY,eAG5B,IAAY,EAAY,WACxB,IACE,EAAY,aAAa,aAAa,MACnC,MAAU,EAAM,iBAAiB,UAAU,EAAM,UAAU,QAC7D,IAAI;SACD;AAIN,EAFA,IAAgB,MAChB,IAAY,IACZ,IAAc;;AAGhB,KAAI;AAEF,MADa,GAAS,CACC;SACjB;AACN,MAAkB;;CAQpB,IAAM,IAJJ,OAAO,SAAW,QACjB,OAAO,SAAS,aAAa,eAC5B,OAAO,SAAS,SAAS,SAAS,uBAAuB,KAEZ,GAC3C,IAAK,GAAO;AA+ClB,QA7CI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAoB,CAAA;EAChB,CAAA,GAON,IAEE,MAAkB,QAAQ,CAAC,KAAmB,CAAC,IAE/C,kBAAC,GAAD;EACE,OAAO,EAAG,0BAA0B,gBAAgB;EACpD,aAAa,EACX,8BACA,+CACD;EACD,CAAA,GAGC,kBAAA,GAAA,EAAG,aAAY,CAAA,GAItB,KACA,KACA,CAAC,EAAc,EAAW,IAC1B,CAAC,KACD,CAAC,IAGC,kBAAC,GAAD;EACE,OAAO,EAAG,0BAA0B,gBAAgB;EACpD,aAAa,EACX,8BACA,+CACD;EACD,CAAA,GAIC,kBAAA,GAAA,EAAG,aAAY,CAAA"}
+{"version":3,"file":"PermissionGuard.js","names":["_Fragment","PermissionGuard","hasPermission","isLoading","isRbacAdmin","isAuthenticated","permissions","usePermissions","entry","useAuth","allowLocalShellBypass","tr","useTr","PageLoadingState","authOnly","AccessDenied","Fragment","permission"],"sources":["../../../src/devportal/components/PermissionGuard.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { usePermissions } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useAuth } from \"@burdenoff/fe-libs/shared/providers/shell/AuthProvider\";\nimport { AccessDenied } from \"@burdenoff/fe-libs/shared/components\";\nimport { PageLoadingState } from \"./LoadingState\";\nimport { useTr } from \"../utils/i18n\";\nimport type { DevportalPermission } from \"../constants/permissions\";\n\ninterface PermissionGuardProps {\n  /**\n   * Required RBAC permission. Optional when `authOnly` is set — self-scoped\n   * developer surfaces gate on authentication only (see `authOnly`).\n   */\n  permission?: DevportalPermission;\n  /**\n   * Self-scoped mode. The corresponding backend fields are gated with\n   * `@rbac(scopeType: \"self\")` — an authentication gate whose resolvers filter\n   * strictly to the caller's own resources. Such fields carry no RBAC\n   * permission in `myPermissions`, so a permission check would wrongly deny\n   * every normal member. In this mode we render for any authenticated user and\n   * let the backend self-enforce per resource.\n   */\n  authOnly?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Wraps page content with a permission check.\n * Shows a loading state while permissions resolve, then either\n * renders children (if permitted) or an AccessDenied screen.\n */\nexport const PermissionGuard: FC<PermissionGuardProps> = ({\n  permission,\n  authOnly = false,\n  children,\n}) => {\n  let hasPermission: ((permission: DevportalPermission) => boolean) | null =\n    null;\n  let isLoading = false;\n  let isRbacAdmin = false;\n  let isAuthenticated = false;\n\n  try {\n    const permissions = usePermissions();\n    hasPermission = permissions.hasPermission as (\n      permission: DevportalPermission,\n    ) => boolean;\n    isLoading = permissions.isLoading;\n    isRbacAdmin =\n      permissions.permissions?.permissions?.some(\n        (entry) => entry.resourceType === \"rbac\" && entry.level === \"ADMIN\",\n      ) ?? false;\n  } catch {\n    // Standalone/dev mode intentionally allows rendering without shell RBAC context.\n    hasPermission = null;\n    isLoading = false;\n    isRbacAdmin = false;\n  }\n\n  try {\n    const auth = useAuth();\n    isAuthenticated = auth.isAuthenticated;\n  } catch {\n    isAuthenticated = false;\n  }\n\n  const isLocalShellDev =\n    typeof window !== \"undefined\" &&\n    (window.location.hostname === \"localhost\" ||\n      window.location.hostname.endsWith(\".local.burdenoff.com\"));\n\n  const allowLocalShellBypass = isLocalShellDev && isAuthenticated;\n  const tr = useTr();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-bg-canvas\">\n        <PageLoadingState />\n      </div>\n    );\n  }\n\n  // Self-scoped surface: gate on authentication only. The backend\n  // (@rbac scopeType: \"self\") filters to the caller's own resources, so we\n  // must not require an RBAC permission the member legitimately lacks.\n  if (authOnly) {\n    // When the shell RBAC context is unavailable (standalone/dev), render.\n    if (hasPermission !== null && !isAuthenticated && !allowLocalShellBypass) {\n      return (\n        <AccessDenied\n          title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n          description={tr(\n            \"devportal.noPermissionView\",\n            \"You don't have permission to view this page.\",\n          )}\n        />\n      );\n    }\n    return <>{children}</>;\n  }\n\n  if (\n    permission &&\n    hasPermission &&\n    !hasPermission(permission) &&\n    !isRbacAdmin &&\n    !allowLocalShellBypass\n  ) {\n    return (\n      <AccessDenied\n        title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n        description={tr(\n          \"devportal.noPermissionView\",\n          \"You don't have permission to view this page.\",\n        )}\n      />\n    );\n  }\n\n  return <>{children}</>;\n};\n"],"mappings":";;;;;;;AA+BA,IAAaC,KAA6C,EACxD,eACA,cAAW,IACX,kBACI;CACJ,IAAIC,IACF,MACEC,IAAY,IACZC,IAAc,IACdC,IAAkB;CAEtB,IAAI;EACF,IAAMC,IAAcC,EAAe;EAKnC,AAJA,IAAgBD,EAAY,eAG5B,IAAYA,EAAY,WACxB,IACEA,EAAY,aAAa,aAAa,MACnC,MAAUE,EAAM,iBAAiB,UAAUA,EAAM,UAAU,OAC9D,KAAK;CACT,QAAQ;EAIN,AAFA,IAAgB,MAChB,IAAY,IACZ,IAAc;CAChB;CAEA,IAAI;EAEF,IADaC,EACK,CAAA,CAAK;CACzB,QAAQ;EACN,IAAkB;CACpB;CAOA,IAAMC,IAJJ,OAAO,SAAW,QACjB,OAAO,SAAS,aAAa,eAC5B,OAAO,SAAS,SAAS,SAAS,sBAAsB,MAEXL,GAC3CM,IAAKC,EAAM;CA+CjB,OA7CIT,IAEA,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAACU,GAAD,CAAmB,CAAA;CAChB,CAAA,IAOLC,IAEEZ,MAAkB,QAAQ,CAACG,KAAmB,CAACK,IAE/C,kBAACK,GAAD;EACE,OAAOJ,EAAG,0BAA0B,eAAe;EACnD,aAAaA,EACX,8BACA,8CACF;CACD,CAAA,IAGE,kBAAAX,GAAA,EAAG,YAAW,CAAA,IAIrBiB,KACAf,KACA,CAACA,EAAce,CAAU,KACzB,CAACb,KACD,CAACM,IAGC,kBAACK,GAAD;EACE,OAAOJ,EAAG,0BAA0B,eAAe;EACnD,aAAaA,EACX,8BACA,8CACF;CACD,CAAA,IAIE,kBAAAX,GAAA,EAAG,YAAW,CAAA;AACvB"}

package/dist/devportal/components/RegisterPickupLocationModal.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export interface RegisterPickupLocationModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -25,4 +24,3 @@ export interface RegisterPickupLocationModalProps {
  * supported, full stop.
  */
 export declare const RegisterPickupLocationModal: FC<RegisterPickupLocationModalProps>;
-//# sourceMappingURL=RegisterPickupLocationModal.d.ts.map

package/dist/devportal/components/RegisterPickupLocationModal.js

@@ -1,10 +1,10 @@
-import { useTr as e } from "../utils/i18n.js";
-import { InputField as t } from "./FormField.js";
+import { InputField as e } from "./FormField.js";
+import { useTr as t } from "../utils/i18n.js";
 import { useEffect as n, useId as r, useRef as i, useState as a } from "react";
 import { Loader2 as o, Truck as s, X as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { clearGraphqlFetchResponseCache as d, graphqlFetch as f } from "@burdenoff/fe-libs/shared/graphql";
-//#region src/devportal/components/RegisterPickupLocationModal.tsx
+// src/devportal/components/RegisterPickupLocationModal.tsx
 var p = "\n  mutation RegisterCarrierPickupLocation($input: RegisterCarrierPickupLocationInput!) {\n    registerCarrierPickupLocation(input: $input) {\n      label\n      postalCode\n      carrier\n    }\n  }\n";
 function m() {
 	return {
@@ -20,7 +20,7 @@ function m() {
 	};
 }
 var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered: y }) => {
-	let b = e(), x = r(), S = i(null), [C, w] = a(m), [T, E] = a(!1), [D, O] = a(null);
+	let b = t(), x = r(), S = i(null), [C, w] = a(m), [T, E] = a(!1), [D, O] = a(null);
 	if (n(() => {
 		h && w(m());
 	}, [h]), !h) return null;
@@ -104,7 +104,7 @@ var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered
 				/* @__PURE__ */ u("div", {
 					className: "space-y-4 p-6",
 					children: [
-						/* @__PURE__ */ l(t, {
+						/* @__PURE__ */ l(e, {
 							label: b("devportal.pickupContactName", "Contact name"),
 							value: C.name,
 							onChange: (e) => k("name", e.target.value),
@@ -113,14 +113,14 @@ var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered
 						}),
 						/* @__PURE__ */ u("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ l(t, {
+							children: [/* @__PURE__ */ l(e, {
 								label: b("devportal.pickupContactEmail", "Contact email"),
 								type: "email",
 								value: C.email,
 								onChange: (e) => k("email", e.target.value),
 								required: !0,
 								disabled: T
-							}), /* @__PURE__ */ l(t, {
+							}), /* @__PURE__ */ l(e, {
 								label: b("devportal.pickupContactPhone", "Contact phone"),
 								type: "tel",
 								value: C.phone,
@@ -129,7 +129,7 @@ var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered
 								disabled: T
 							})]
 						}),
-						/* @__PURE__ */ l(t, {
+						/* @__PURE__ */ l(e, {
 							label: b("devportal.pickupAddressLine1", "Address"),
 							value: C.address,
 							onChange: (e) => k("address", e.target.value),
@@ -138,7 +138,7 @@ var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered
 							placeholder: "12 Farm Road",
 							hint: b("devportal.pickupAddressLine1Hint", "Must include a house/flat/building or road number — our carrier rejects area names alone (e.g. \"Pitampura\" on its own won't work, \"12 Pitampura Road\" will).")
 						}),
-						/* @__PURE__ */ l(t, {
+						/* @__PURE__ */ l(e, {
 							label: b("devportal.pickupAddressLine2", "Apartment, suite, building number, etc. (optional)"),
 							value: C.addressLine2,
 							onChange: (e) => k("addressLine2", e.target.value),
@@ -146,13 +146,13 @@ var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered
 						}),
 						/* @__PURE__ */ u("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ l(t, {
+							children: [/* @__PURE__ */ l(e, {
 								label: b("devportal.pickupCity", "City"),
 								value: C.city,
 								onChange: (e) => k("city", e.target.value),
 								required: !0,
 								disabled: T
-							}), /* @__PURE__ */ l(t, {
+							}), /* @__PURE__ */ l(e, {
 								label: b("devportal.pickupState", "State"),
 								value: C.state,
 								onChange: (e) => k("state", e.target.value),
@@ -162,13 +162,13 @@ var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered
 						}),
 						/* @__PURE__ */ u("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ l(t, {
+							children: [/* @__PURE__ */ l(e, {
 								label: b("devportal.pickupCountry", "Country"),
 								value: C.country,
 								onChange: (e) => k("country", e.target.value),
 								required: !0,
 								disabled: T
-							}), /* @__PURE__ */ l(t, {
+							}), /* @__PURE__ */ l(e, {
 								label: b("devportal.pickupPincode", "Pincode"),
 								value: C.postalCode,
 								onChange: (e) => k("postalCode", e.target.value),
@@ -202,7 +202,6 @@ var h = ({ open: h, onOpenChange: g, organizationId: _, carrier: v, onRegistered
 		})]
 	});
 };
-//#endregion
 export { h as RegisterPickupLocationModal };
 
 //# sourceMappingURL=RegisterPickupLocationModal.js.map

package/dist/devportal/components/RegisterPickupLocationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegisterPickupLocationModal.js","names":[],"sources":["../../../src/devportal/components/RegisterPickupLocationModal.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type FC } from \"react\";\nimport { Truck, X, Loader2 } from \"lucide-react\";\nimport {\n  graphqlFetch,\n  clearGraphqlFetchResponseCache,\n} from \"@burdenoff/fe-libs/shared/graphql\";\nimport { InputField } from \"./FormField\";\nimport { useTr } from \"../utils/i18n\";\n\nconst REGISTER_CARRIER_PICKUP_LOCATION_MUTATION = `\n  mutation RegisterCarrierPickupLocation($input: RegisterCarrierPickupLocationInput!) {\n    registerCarrierPickupLocation(input: $input) {\n      label\n      postalCode\n      carrier\n    }\n  }\n`;\n\ninterface AddressForm {\n  name: string;\n  email: string;\n  phone: string;\n  address: string;\n  addressLine2: string;\n  city: string;\n  state: string;\n  country: string;\n  postalCode: string;\n}\n\nfunction emptyForm(): AddressForm {\n  return {\n    name: \"\",\n    email: \"\",\n    phone: \"\",\n    address: \"\",\n    addressLine2: \"\",\n    city: \"\",\n    state: \"\",\n    country: \"India\",\n    postalCode: \"\",\n  };\n}\n\nexport interface RegisterPickupLocationModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The org this address is being added for. */\n  organizationId: string;\n  /** Which carrier to register with — only carriers that support registration\n   * should ever open this modal (currently just \"shiprocket\"). */\n  carrier: string;\n  /** Called once the address was successfully registered and saved — the\n   * caller should refetch its address list rather than track a single value,\n   * since an org can now have several. */\n  onRegistered: () => void;\n}\n\n/**\n * Lets a seller submit a real pickup address and have it registered as a\n * new, bookable location directly with the shipping carrier — an org can\n * add several of these and pick one as active (see\n * OrganizationDetailPage's Fulfillment section). A real, permanent write to\n * the carrier's own account (see ShiprocketAdapter.registerPickupLocation),\n * free of charge on Shiprocket's side (no per-address fee — they bill per\n * shipment, not per pickup point). We never maintain our own list of\n * \"valid\" pincodes; whatever address the carrier itself accepts here is\n * supported, full stop.\n */\nexport const RegisterPickupLocationModal: FC<\n  RegisterPickupLocationModalProps\n> = ({ open, onOpenChange, organizationId, carrier, onRegistered }) => {\n  const tr = useTr();\n  const titleId = useId();\n  const dialogRef = useRef<HTMLDivElement | null>(null);\n  const [form, setForm] = useState<AddressForm>(emptyForm);\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Reset to a blank form every time the modal is (re)opened.\n  useEffect(() => {\n    if (open) setForm(emptyForm());\n  }, [open]);\n\n  if (!open) return null;\n\n  const setField = (field: keyof AddressForm, value: string) =>\n    setForm((prev) => ({ ...prev, [field]: value }));\n\n  const handleClose = () => {\n    if (submitting) return;\n    setError(null);\n    onOpenChange(false);\n  };\n\n  const canSubmit =\n    form.name.trim() &&\n    form.email.trim() &&\n    form.phone.trim() &&\n    form.address.trim() &&\n    form.city.trim() &&\n    form.state.trim() &&\n    form.country.trim() &&\n    form.postalCode.trim();\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    setSubmitting(true);\n    setError(null);\n    try {\n      const result = await graphqlFetch<{\n        registerCarrierPickupLocation: {\n          label: string;\n          postalCode: string;\n          carrier: string;\n        };\n      }>({\n        gateway: \"global\",\n        query: REGISTER_CARRIER_PICKUP_LOCATION_MUTATION,\n        variables: {\n          input: {\n            organizationId,\n            carrier,\n            name: form.name.trim(),\n            email: form.email.trim(),\n            phone: form.phone.trim(),\n            address: form.address.trim(),\n            addressLine2: form.addressLine2.trim() || undefined,\n            city: form.city.trim(),\n            state: form.state.trim(),\n            country: form.country.trim(),\n            postalCode: form.postalCode.trim(),\n          },\n        },\n      });\n      if (result.errors?.length) {\n        throw new Error(\n          result.errors[0]?.message ?? \"Failed to register pickup address\",\n        );\n      }\n      // The follow-up pickupAddresses refetch uses the exact same\n      // query+variables as the initial load — without clearing this,\n      // graphqlFetch's short-lived response cache would serve the\n      // pre-registration list back, hiding the new address until reload.\n      clearGraphqlFetchResponseCache();\n      onRegistered();\n      onOpenChange(false);\n    } catch (err) {\n      setError(\n        err instanceof Error\n          ? err.message\n          : \"Failed to register pickup address\",\n      );\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      <button\n        type=\"button\"\n        aria-label=\"Close register pickup address dialog backdrop\"\n        className=\"absolute inset-0 bg-bg-overlay\"\n        onClick={handleClose}\n      />\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        tabIndex={-1}\n        className=\"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-lg bg-bg-surface shadow-xl\"\n      >\n        <div className=\"flex items-start gap-4 border-b p-6\">\n          <div className=\"rounded-full bg-status-info-bg-subtle p-2\">\n            <Truck className=\"h-6 w-6 text-status-info-text\" />\n          </div>\n          <div className=\"flex-1\">\n            <h3 id={titleId} className=\"text-lg font-semibold\">\n              {tr(\"devportal.registerPickupAddress\", \"Pickup Address\")}\n            </h3>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              {tr(\n                \"devportal.registerPickupAddressDesc\",\n                \"This is the real address your physical orders ship from. It's free to register — Shiprocket doesn't charge per pickup point, only per shipment.\",\n              )}\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n\n        <div className=\"space-y-4 p-6\">\n          <InputField\n            label={tr(\"devportal.pickupContactName\", \"Contact name\")}\n            value={form.name}\n            onChange={(e) => setField(\"name\", e.target.value)}\n            required\n            disabled={submitting}\n          />\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <InputField\n              label={tr(\"devportal.pickupContactEmail\", \"Contact email\")}\n              type=\"email\"\n              value={form.email}\n              onChange={(e) => setField(\"email\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n            <InputField\n              label={tr(\"devportal.pickupContactPhone\", \"Contact phone\")}\n              type=\"tel\"\n              value={form.phone}\n              onChange={(e) => setField(\"phone\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n          </div>\n          <InputField\n            label={tr(\"devportal.pickupAddressLine1\", \"Address\")}\n            value={form.address}\n            onChange={(e) => setField(\"address\", e.target.value)}\n            required\n            disabled={submitting}\n            placeholder=\"12 Farm Road\"\n            hint={tr(\n              \"devportal.pickupAddressLine1Hint\",\n              'Must include a house/flat/building or road number — our carrier rejects area names alone (e.g. \"Pitampura\" on its own won\\'t work, \"12 Pitampura Road\" will).',\n            )}\n          />\n          <InputField\n            label={tr(\n              \"devportal.pickupAddressLine2\",\n              \"Apartment, suite, building number, etc. (optional)\",\n            )}\n            value={form.addressLine2}\n            onChange={(e) => setField(\"addressLine2\", e.target.value)}\n            disabled={submitting}\n          />\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <InputField\n              label={tr(\"devportal.pickupCity\", \"City\")}\n              value={form.city}\n              onChange={(e) => setField(\"city\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n            <InputField\n              label={tr(\"devportal.pickupState\", \"State\")}\n              value={form.state}\n              onChange={(e) => setField(\"state\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <InputField\n              label={tr(\"devportal.pickupCountry\", \"Country\")}\n              value={form.country}\n              onChange={(e) => setField(\"country\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n            <InputField\n              label={tr(\"devportal.pickupPincode\", \"Pincode\")}\n              value={form.postalCode}\n              onChange={(e) => setField(\"postalCode\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n          </div>\n\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <div className=\"flex items-center justify-end gap-3 border-t p-6\">\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            {tr(\"devportal.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleSubmit()}\n            disabled={submitting || !canSubmit}\n            className=\"flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n          >\n            {submitting && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n            {tr(\"devportal.registerPickupAddressSubmit\", \"Save Pickup Address\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"RegisterPickupLocationModal.js","names":["REGISTER_CARRIER_PICKUP_LOCATION_MUTATION","emptyForm","RegisterPickupLocationModal","tr","useTr","titleId","useId","dialogRef","useRef","form","setForm","useState","submitting","setSubmitting","error","setError","useEffect","open","setField","prev","field","value","handleClose","onOpenChange","canSubmit","handleSubmit","result","graphqlFetch","clearGraphqlFetchResponseCache","onRegistered","err","Truck","X","InputField","Loader2"],"sources":["../../../src/devportal/components/RegisterPickupLocationModal.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState, type FC } from \"react\";\nimport { Truck, X, Loader2 } from \"lucide-react\";\nimport {\n  graphqlFetch,\n  clearGraphqlFetchResponseCache,\n} from \"@burdenoff/fe-libs/shared/graphql\";\nimport { InputField } from \"./FormField\";\nimport { useTr } from \"../utils/i18n\";\n\nconst REGISTER_CARRIER_PICKUP_LOCATION_MUTATION = `\n  mutation RegisterCarrierPickupLocation($input: RegisterCarrierPickupLocationInput!) {\n    registerCarrierPickupLocation(input: $input) {\n      label\n      postalCode\n      carrier\n    }\n  }\n`;\n\ninterface AddressForm {\n  name: string;\n  email: string;\n  phone: string;\n  address: string;\n  addressLine2: string;\n  city: string;\n  state: string;\n  country: string;\n  postalCode: string;\n}\n\nfunction emptyForm(): AddressForm {\n  return {\n    name: \"\",\n    email: \"\",\n    phone: \"\",\n    address: \"\",\n    addressLine2: \"\",\n    city: \"\",\n    state: \"\",\n    country: \"India\",\n    postalCode: \"\",\n  };\n}\n\nexport interface RegisterPickupLocationModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The org this address is being added for. */\n  organizationId: string;\n  /** Which carrier to register with — only carriers that support registration\n   * should ever open this modal (currently just \"shiprocket\"). */\n  carrier: string;\n  /** Called once the address was successfully registered and saved — the\n   * caller should refetch its address list rather than track a single value,\n   * since an org can now have several. */\n  onRegistered: () => void;\n}\n\n/**\n * Lets a seller submit a real pickup address and have it registered as a\n * new, bookable location directly with the shipping carrier — an org can\n * add several of these and pick one as active (see\n * OrganizationDetailPage's Fulfillment section). A real, permanent write to\n * the carrier's own account (see ShiprocketAdapter.registerPickupLocation),\n * free of charge on Shiprocket's side (no per-address fee — they bill per\n * shipment, not per pickup point). We never maintain our own list of\n * \"valid\" pincodes; whatever address the carrier itself accepts here is\n * supported, full stop.\n */\nexport const RegisterPickupLocationModal: FC<\n  RegisterPickupLocationModalProps\n> = ({ open, onOpenChange, organizationId, carrier, onRegistered }) => {\n  const tr = useTr();\n  const titleId = useId();\n  const dialogRef = useRef<HTMLDivElement | null>(null);\n  const [form, setForm] = useState<AddressForm>(emptyForm);\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Reset to a blank form every time the modal is (re)opened.\n  useEffect(() => {\n    if (open) setForm(emptyForm());\n  }, [open]);\n\n  if (!open) return null;\n\n  const setField = (field: keyof AddressForm, value: string) =>\n    setForm((prev) => ({ ...prev, [field]: value }));\n\n  const handleClose = () => {\n    if (submitting) return;\n    setError(null);\n    onOpenChange(false);\n  };\n\n  const canSubmit =\n    form.name.trim() &&\n    form.email.trim() &&\n    form.phone.trim() &&\n    form.address.trim() &&\n    form.city.trim() &&\n    form.state.trim() &&\n    form.country.trim() &&\n    form.postalCode.trim();\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    setSubmitting(true);\n    setError(null);\n    try {\n      const result = await graphqlFetch<{\n        registerCarrierPickupLocation: {\n          label: string;\n          postalCode: string;\n          carrier: string;\n        };\n      }>({\n        gateway: \"global\",\n        query: REGISTER_CARRIER_PICKUP_LOCATION_MUTATION,\n        variables: {\n          input: {\n            organizationId,\n            carrier,\n            name: form.name.trim(),\n            email: form.email.trim(),\n            phone: form.phone.trim(),\n            address: form.address.trim(),\n            addressLine2: form.addressLine2.trim() || undefined,\n            city: form.city.trim(),\n            state: form.state.trim(),\n            country: form.country.trim(),\n            postalCode: form.postalCode.trim(),\n          },\n        },\n      });\n      if (result.errors?.length) {\n        throw new Error(\n          result.errors[0]?.message ?? \"Failed to register pickup address\",\n        );\n      }\n      // The follow-up pickupAddresses refetch uses the exact same\n      // query+variables as the initial load — without clearing this,\n      // graphqlFetch's short-lived response cache would serve the\n      // pre-registration list back, hiding the new address until reload.\n      clearGraphqlFetchResponseCache();\n      onRegistered();\n      onOpenChange(false);\n    } catch (err) {\n      setError(\n        err instanceof Error\n          ? err.message\n          : \"Failed to register pickup address\",\n      );\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      <button\n        type=\"button\"\n        aria-label=\"Close register pickup address dialog backdrop\"\n        className=\"absolute inset-0 bg-bg-overlay\"\n        onClick={handleClose}\n      />\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        tabIndex={-1}\n        className=\"relative z-10 max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-lg bg-bg-surface shadow-xl\"\n      >\n        <div className=\"flex items-start gap-4 border-b p-6\">\n          <div className=\"rounded-full bg-status-info-bg-subtle p-2\">\n            <Truck className=\"h-6 w-6 text-status-info-text\" />\n          </div>\n          <div className=\"flex-1\">\n            <h3 id={titleId} className=\"text-lg font-semibold\">\n              {tr(\"devportal.registerPickupAddress\", \"Pickup Address\")}\n            </h3>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              {tr(\n                \"devportal.registerPickupAddressDesc\",\n                \"This is the real address your physical orders ship from. It's free to register — Shiprocket doesn't charge per pickup point, only per shipment.\",\n              )}\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n\n        <div className=\"space-y-4 p-6\">\n          <InputField\n            label={tr(\"devportal.pickupContactName\", \"Contact name\")}\n            value={form.name}\n            onChange={(e) => setField(\"name\", e.target.value)}\n            required\n            disabled={submitting}\n          />\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <InputField\n              label={tr(\"devportal.pickupContactEmail\", \"Contact email\")}\n              type=\"email\"\n              value={form.email}\n              onChange={(e) => setField(\"email\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n            <InputField\n              label={tr(\"devportal.pickupContactPhone\", \"Contact phone\")}\n              type=\"tel\"\n              value={form.phone}\n              onChange={(e) => setField(\"phone\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n          </div>\n          <InputField\n            label={tr(\"devportal.pickupAddressLine1\", \"Address\")}\n            value={form.address}\n            onChange={(e) => setField(\"address\", e.target.value)}\n            required\n            disabled={submitting}\n            placeholder=\"12 Farm Road\"\n            hint={tr(\n              \"devportal.pickupAddressLine1Hint\",\n              'Must include a house/flat/building or road number — our carrier rejects area names alone (e.g. \"Pitampura\" on its own won\\'t work, \"12 Pitampura Road\" will).',\n            )}\n          />\n          <InputField\n            label={tr(\n              \"devportal.pickupAddressLine2\",\n              \"Apartment, suite, building number, etc. (optional)\",\n            )}\n            value={form.addressLine2}\n            onChange={(e) => setField(\"addressLine2\", e.target.value)}\n            disabled={submitting}\n          />\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <InputField\n              label={tr(\"devportal.pickupCity\", \"City\")}\n              value={form.city}\n              onChange={(e) => setField(\"city\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n            <InputField\n              label={tr(\"devportal.pickupState\", \"State\")}\n              value={form.state}\n              onChange={(e) => setField(\"state\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <InputField\n              label={tr(\"devportal.pickupCountry\", \"Country\")}\n              value={form.country}\n              onChange={(e) => setField(\"country\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n            <InputField\n              label={tr(\"devportal.pickupPincode\", \"Pincode\")}\n              value={form.postalCode}\n              onChange={(e) => setField(\"postalCode\", e.target.value)}\n              required\n              disabled={submitting}\n            />\n          </div>\n\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <div className=\"flex items-center justify-end gap-3 border-t p-6\">\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            {tr(\"devportal.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleSubmit()}\n            disabled={submitting || !canSubmit}\n            className=\"flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n          >\n            {submitting && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n            {tr(\"devportal.registerPickupAddressSubmit\", \"Save Pickup Address\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/components/ReportOrderIssueModal.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export type OrderIssueCategory = "OUT_OF_STOCK" | "CANNOT_FULFILL" | "WRONG_ADDRESS" | "OTHER";
 export interface ReportOrderIssueModalProps {
     open: boolean;
@@ -17,4 +16,3 @@ export interface ReportOrderIssueModalProps {
  * anything (that stays manual for now, see BOFF-7192 follow-up).
  */
 export declare const ReportOrderIssueModal: FC<ReportOrderIssueModalProps>;
-//# sourceMappingURL=ReportOrderIssueModal.d.ts.map

package/dist/devportal/components/ReportOrderIssueModal.js

@@ -2,7 +2,7 @@ import { useId as e, useRef as t, useState as n } from "react";
 import { AlertTriangle as r, Loader2 as i, X as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-//#region src/devportal/components/ReportOrderIssueModal.tsx
+// src/devportal/components/ReportOrderIssueModal.tsx
 var l = [
 	{
 		value: "OUT_OF_STOCK",
@@ -151,7 +151,6 @@ var l = [
 		})]
 	});
 };
-//#endregion
 export { d as ReportOrderIssueModal };
 
 //# sourceMappingURL=ReportOrderIssueModal.js.map

package/dist/devportal/components/ReportOrderIssueModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportOrderIssueModal.js","names":[],"sources":["../../../src/devportal/components/ReportOrderIssueModal.tsx"],"sourcesContent":["import { useId, useRef, useState, type FC } from \"react\";\nimport { AlertTriangle, X, Loader2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\nexport type OrderIssueCategory =\n  | \"OUT_OF_STOCK\"\n  | \"CANNOT_FULFILL\"\n  | \"WRONG_ADDRESS\"\n  | \"OTHER\";\n\nconst CATEGORY_OPTIONS: { value: OrderIssueCategory; label: string }[] = [\n  { value: \"OUT_OF_STOCK\", label: \"Out of stock\" },\n  { value: \"CANNOT_FULFILL\", label: \"Cannot fulfill\" },\n  { value: \"WRONG_ADDRESS\", label: \"Wrong address / pincode\" },\n  { value: \"OTHER\", label: \"Other\" },\n];\n\nconst FLAG_ORDER_ISSUE_MUTATION = `\n  mutation FlagOrderIssue($orderId: ID!, $organizationId: ID!, $category: OrderIssueCategory!, $note: String) {\n    flagOrderIssue(orderId: $orderId, organizationId: $organizationId, category: $category, note: $note) {\n      id\n      category\n      note\n      status\n      createdAt\n    }\n  }\n`;\n\nexport interface ReportOrderIssueModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  orderId: string;\n  organizationId: string;\n  gqlUrl: string;\n  headers: Record<string, string>;\n  onReported: () => void;\n}\n\n/**\n * Small modal for a seller to report a problem fulfilling a physical order\n * (out of stock, cannot fulfill, wrong address, etc). Purely informational —\n * visible to admin on the fulfillment console; does not cancel or refund\n * anything (that stays manual for now, see BOFF-7192 follow-up).\n */\nexport const ReportOrderIssueModal: FC<ReportOrderIssueModalProps> = ({\n  open,\n  onOpenChange,\n  orderId,\n  organizationId,\n  gqlUrl,\n  headers,\n  onReported,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const titleId = useId();\n  const dialogRef = useRef<HTMLDivElement | null>(null);\n  const [category, setCategory] = useState<OrderIssueCategory>(\"OUT_OF_STOCK\");\n  const [note, setNote] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  if (!open) return null;\n\n  const handleClose = () => {\n    if (submitting) return;\n    setNote(\"\");\n    setCategory(\"OUT_OF_STOCK\");\n    setError(null);\n    onOpenChange(false);\n  };\n\n  const handleSubmit = async () => {\n    setSubmitting(true);\n    setError(null);\n    try {\n      const res = await fetch(gqlUrl, {\n        method: \"POST\",\n        headers,\n        body: JSON.stringify({\n          query: FLAG_ORDER_ISSUE_MUTATION,\n          variables: {\n            orderId,\n            organizationId,\n            category,\n            note: note.trim() || null,\n          },\n        }),\n      });\n      const json = (await res.json()) as { errors?: { message: string }[] };\n      if (json.errors?.length) {\n        throw new Error(json.errors[0]?.message ?? \"Failed to report issue\");\n      }\n      onReported();\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to report issue\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      <button\n        type=\"button\"\n        aria-label=\"Close report issue dialog backdrop\"\n        className=\"absolute inset-0 bg-bg-overlay\"\n        onClick={handleClose}\n      />\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        tabIndex={-1}\n        className=\"relative z-10 w-full max-w-md rounded-lg bg-bg-surface shadow-xl\"\n      >\n        <div className=\"flex items-start gap-4 border-b p-6\">\n          <div className=\"rounded-full bg-status-warning-bg-subtle p-2\">\n            <AlertTriangle className=\"h-6 w-6 text-status-warning-text\" />\n          </div>\n          <div className=\"flex-1\">\n            <h3 id={titleId} className=\"text-lg font-semibold\">\n              {tr(\"devportal.reportOrderIssue\", \"Report an Issue\")}\n            </h3>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              {tr(\n                \"devportal.reportOrderIssueDesc\",\n                \"Let admin know about a problem fulfilling this order.\",\n              )}\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n\n        <div className=\"space-y-4 p-6\">\n          <div>\n            <label className=\"mb-2 block text-sm font-medium\">\n              {tr(\"devportal.issueCategory\", \"What's the problem?\")}\n            </label>\n            <div className=\"space-y-2\">\n              {CATEGORY_OPTIONS.map((opt) => (\n                <label\n                  key={opt.value}\n                  className=\"flex items-center gap-2 rounded-md border border-border-seam px-3 py-2 text-sm cursor-pointer hover:bg-bg-sunken transition-colors has-[:checked]:border-primary has-[:checked]:bg-primary/5\"\n                >\n                  <input\n                    type=\"radio\"\n                    name=\"issue-category\"\n                    value={opt.value}\n                    checked={category === opt.value}\n                    onChange={() => setCategory(opt.value)}\n                    className=\"text-primary\"\n                  />\n                  {opt.label}\n                </label>\n              ))}\n            </div>\n          </div>\n\n          <div>\n            <label className=\"mb-2 block text-sm font-medium\">\n              {tr(\"devportal.issueNote\", \"Additional details (optional)\")}\n            </label>\n            <textarea\n              value={note}\n              onChange={(e) => setNote(e.target.value)}\n              rows={3}\n              maxLength={500}\n              placeholder={tr(\n                \"devportal.issueNotePlaceholder\",\n                \"Anything admin should know…\",\n              )}\n              className=\"w-full resize-none rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            />\n          </div>\n\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <div className=\"flex items-center justify-end gap-3 border-t p-6\">\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            {tr(\"devportal.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleSubmit()}\n            disabled={submitting}\n            className=\"flex items-center gap-2 rounded-md bg-status-warning-bg px-4 py-2 text-sm font-medium text-status-warning-text hover:opacity-90 transition-opacity disabled:opacity-50\"\n          >\n            {submitting && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n            {tr(\"devportal.submitReport\", \"Report Issue\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ReportOrderIssueModal.js","names":["CATEGORY_OPTIONS","FLAG_ORDER_ISSUE_MUTATION","ReportOrderIssueModal","useI18n","tr","v","t","key","fallback","titleId","useId","dialogRef","useRef","category","setCategory","useState","note","setNote","submitting","setSubmitting","error","setError","open","handleClose","onOpenChange","handleSubmit","json","gqlUrl","onReported","err","AlertTriangle","X","opt","Loader2"],"sources":["../../../src/devportal/components/ReportOrderIssueModal.tsx"],"sourcesContent":["import { useId, useRef, useState, type FC } from \"react\";\nimport { AlertTriangle, X, Loader2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\nexport type OrderIssueCategory =\n  \"OUT_OF_STOCK\" | \"CANNOT_FULFILL\" | \"WRONG_ADDRESS\" | \"OTHER\";\n\nconst CATEGORY_OPTIONS: { value: OrderIssueCategory; label: string }[] = [\n  { value: \"OUT_OF_STOCK\", label: \"Out of stock\" },\n  { value: \"CANNOT_FULFILL\", label: \"Cannot fulfill\" },\n  { value: \"WRONG_ADDRESS\", label: \"Wrong address / pincode\" },\n  { value: \"OTHER\", label: \"Other\" },\n];\n\nconst FLAG_ORDER_ISSUE_MUTATION = `\n  mutation FlagOrderIssue($orderId: ID!, $organizationId: ID!, $category: OrderIssueCategory!, $note: String) {\n    flagOrderIssue(orderId: $orderId, organizationId: $organizationId, category: $category, note: $note) {\n      id\n      category\n      note\n      status\n      createdAt\n    }\n  }\n`;\n\nexport interface ReportOrderIssueModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  orderId: string;\n  organizationId: string;\n  gqlUrl: string;\n  headers: Record<string, string>;\n  onReported: () => void;\n}\n\n/**\n * Small modal for a seller to report a problem fulfilling a physical order\n * (out of stock, cannot fulfill, wrong address, etc). Purely informational —\n * visible to admin on the fulfillment console; does not cancel or refund\n * anything (that stays manual for now, see BOFF-7192 follow-up).\n */\nexport const ReportOrderIssueModal: FC<ReportOrderIssueModalProps> = ({\n  open,\n  onOpenChange,\n  orderId,\n  organizationId,\n  gqlUrl,\n  headers,\n  onReported,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const titleId = useId();\n  const dialogRef = useRef<HTMLDivElement | null>(null);\n  const [category, setCategory] = useState<OrderIssueCategory>(\"OUT_OF_STOCK\");\n  const [note, setNote] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  if (!open) return null;\n\n  const handleClose = () => {\n    if (submitting) return;\n    setNote(\"\");\n    setCategory(\"OUT_OF_STOCK\");\n    setError(null);\n    onOpenChange(false);\n  };\n\n  const handleSubmit = async () => {\n    setSubmitting(true);\n    setError(null);\n    try {\n      const res = await fetch(gqlUrl, {\n        method: \"POST\",\n        headers,\n        body: JSON.stringify({\n          query: FLAG_ORDER_ISSUE_MUTATION,\n          variables: {\n            orderId,\n            organizationId,\n            category,\n            note: note.trim() || null,\n          },\n        }),\n      });\n      const json = (await res.json()) as { errors?: { message: string }[] };\n      if (json.errors?.length) {\n        throw new Error(json.errors[0]?.message ?? \"Failed to report issue\");\n      }\n      onReported();\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to report issue\");\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      <button\n        type=\"button\"\n        aria-label=\"Close report issue dialog backdrop\"\n        className=\"absolute inset-0 bg-bg-overlay\"\n        onClick={handleClose}\n      />\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        tabIndex={-1}\n        className=\"relative z-10 w-full max-w-md rounded-lg bg-bg-surface shadow-xl\"\n      >\n        <div className=\"flex items-start gap-4 border-b p-6\">\n          <div className=\"rounded-full bg-status-warning-bg-subtle p-2\">\n            <AlertTriangle className=\"h-6 w-6 text-status-warning-text\" />\n          </div>\n          <div className=\"flex-1\">\n            <h3 id={titleId} className=\"text-lg font-semibold\">\n              {tr(\"devportal.reportOrderIssue\", \"Report an Issue\")}\n            </h3>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              {tr(\n                \"devportal.reportOrderIssueDesc\",\n                \"Let admin know about a problem fulfilling this order.\",\n              )}\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n\n        <div className=\"space-y-4 p-6\">\n          <div>\n            <label className=\"mb-2 block text-sm font-medium\">\n              {tr(\"devportal.issueCategory\", \"What's the problem?\")}\n            </label>\n            <div className=\"space-y-2\">\n              {CATEGORY_OPTIONS.map((opt) => (\n                <label\n                  key={opt.value}\n                  className=\"flex items-center gap-2 rounded-md border border-border-seam px-3 py-2 text-sm cursor-pointer hover:bg-bg-sunken transition-colors has-[:checked]:border-primary has-[:checked]:bg-primary/5\"\n                >\n                  <input\n                    type=\"radio\"\n                    name=\"issue-category\"\n                    value={opt.value}\n                    checked={category === opt.value}\n                    onChange={() => setCategory(opt.value)}\n                    className=\"text-primary\"\n                  />\n                  {opt.label}\n                </label>\n              ))}\n            </div>\n          </div>\n\n          <div>\n            <label className=\"mb-2 block text-sm font-medium\">\n              {tr(\"devportal.issueNote\", \"Additional details (optional)\")}\n            </label>\n            <textarea\n              value={note}\n              onChange={(e) => setNote(e.target.value)}\n              rows={3}\n              maxLength={500}\n              placeholder={tr(\n                \"devportal.issueNotePlaceholder\",\n                \"Anything admin should know…\",\n              )}\n              className=\"w-full resize-none rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            />\n          </div>\n\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <div className=\"flex items-center justify-end gap-3 border-t p-6\">\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={submitting}\n            className=\"rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n          >\n            {tr(\"devportal.cancel\", \"Cancel\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleSubmit()}\n            disabled={submitting}\n            className=\"flex items-center gap-2 rounded-md bg-status-warning-bg px-4 py-2 text-sm font-medium text-status-warning-text hover:opacity-90 transition-opacity disabled:opacity-50\"\n          >\n            {submitting && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n            {tr(\"devportal.submitReport\", \"Report Issue\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/components/SecretDisplay.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export interface SecretDisplayProps {
     value: string;
     label?: string;
@@ -29,4 +28,3 @@ export declare const NewSecretAlert: FC<{
     description?: string;
     onDismiss?: () => void;
 }>;
-//# sourceMappingURL=SecretDisplay.d.ts.map