npm - @burdenoff/microfe-devportal - Versions diffs - 2026.1107.3 → 2026.1108.2 - Mend

@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1400) hide show

package/dist/devportal/components/RegisterPickupLocationModal.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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 CHANGED Viewed

@@ -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

package/dist/devportal/components/SecretDisplay.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import { useTr as e } from "../utils/i18n.js";
-import { cn as t } from "../utils/cn.js";
+import { cn as e } from "../utils/cn.js";
+import { useTr as t } from "../utils/i18n.js";
 import { nativeCopyText as n, nativeImpact as r, nativeNotify as i } from "../../utils/nativeBridge.js";
 import { useState as a } from "react";
 import { Check as o, Copy as s, Eye as c, EyeOff as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/devportal/components/SecretDisplay.tsx
+// src/devportal/components/SecretDisplay.tsx
 var f = ({ value: f, label: p, className: m, showCopy: h = !0, defaultHidden: g = !0, visible: _ }) => {
-	let v = e(), [y, b] = a(_ === void 0 ? !g : _), [x, S] = a(!1), C = async () => {
+	let v = t(), [y, b] = a(_ === void 0 ? !g : _), [x, S] = a(!1), C = async () => {
 		r("light"), await n(f) ? (S(!0), i("success"), setTimeout(() => S(!1), 2e3)) : i("error");
 	}, w = "•".repeat(Math.min(f.length, 40));
 	return /* @__PURE__ */ d("div", {
-		className: t("space-y-1", m),
+		className: e("space-y-1", m),
 		children: [p && /* @__PURE__ */ u("label", {
 			className: "text-sm font-medium text-text-secondary",
 			children: p
@@ -41,8 +41,8 @@ var f = ({ value: f, label: p, className: m, showCopy: h = !0, defaultHidden: g
 			]
 		})]
 	});
-}, p = ({ title: t, secret: n, description: r, onDismiss: i }) => {
-	let a = e();
+}, p = ({ title: e, secret: n, description: r, onDismiss: i }) => {
+	let a = t();
 	return /* @__PURE__ */ u("div", {
 		className: "rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4",
 		children: /* @__PURE__ */ d("div", {
@@ -66,7 +66,7 @@ var f = ({ value: f, label: p, className: m, showCopy: h = !0, defaultHidden: g
 					children: [
 						/* @__PURE__ */ u("h4", {
 							className: "font-medium text-status-warning-text",
-							children: t
+							children: e
 						}),
 						r && /* @__PURE__ */ u("p", {
 							className: "mt-1 text-sm text-status-warning-text",
@@ -107,7 +107,6 @@ var f = ({ value: f, label: p, className: m, showCopy: h = !0, defaultHidden: g
 		})
 	});
 };
-//#endregion
 export { p as NewSecretAlert, f as SecretDisplay };
 //# sourceMappingURL=SecretDisplay.js.map

package/dist/devportal/components/SecretDisplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecretDisplay.js","names":[],"sources":["../../../src/devportal/components/SecretDisplay.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Eye, EyeOff, Copy, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport {\n nativeCopyText,\n nativeImpact,\n nativeNotify,\n} from \"../../utils/nativeBridge\";\n\nexport interface SecretDisplayProps {\n value: string;\n label?: string;\n className?: string;\n showCopy?: boolean;\n defaultHidden?: boolean;\n /** Alias for defaultHidden=false - shows the secret by default /\n visible?: boolean;\n}\n\n/\n Component for displaying secrets with show/hide and copy functionality\n /\nexport const SecretDisplay: FC<SecretDisplayProps> = ({\n value,\n label,\n className,\n showCopy = true,\n defaultHidden = true,\n visible,\n}) => {\n const tr = useTr();\n // If visible is explicitly set, use it; otherwise use defaultHidden\n const [isVisible, setIsVisible] = useState(\n visible !== undefined ? visible : !defaultHidden,\n );\n const [copied, setCopied] = useState(false);\n\n const handleCopy = async () => {\n void nativeImpact(\"light\");\n const ok = await nativeCopyText(value);\n if (ok) {\n setCopied(true);\n void nativeNotify(\"success\");\n setTimeout(() => setCopied(false), 2000);\n } else {\n void nativeNotify(\"error\");\n }\n };\n\n const maskedValue = \"•\".repeat(Math.min(value.length, 40));\n\n return (\n <div className={cn(\"space-y-1\", className)}>\n {label && (\n <label className=\"text-sm font-medium text-text-secondary\">\n {label}\n </label>\n )}\n <div className=\"flex items-center gap-2\">\n <code className=\"flex-1 rounded-md bg-bg-sunken px-3 py-2 font-mono text-sm break-all\">\n {isVisible ? value : maskedValue}\n </code>\n <button\n type=\"button\"\n onClick={() => setIsVisible(!isVisible)}\n className=\"rounded-md p-2 hover:bg-bg-sunken transition-colors\"\n title={\n isVisible\n ? tr(\"devportal.hide\", \"Hide\")\n : tr(\"devportal.show\", \"Show\")\n }\n >\n {isVisible ? <EyeOff size={16} /> : <Eye size={16} />}\n </button>\n {showCopy && (\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"rounded-md p-2 hover:bg-bg-sunken transition-colors\"\n title={tr(\"devportal.copyToClipboard\", \"Copy to clipboard\")}\n >\n {copied ? (\n <Check size={16} className=\"text-status-success-text\" />\n ) : (\n <Copy size={16} />\n )}\n </button>\n )}\n </div>\n </div>\n );\n};\n\n/\n Compact inline secret display\n /\nexport const InlineSecret: FC<{\n value: string;\n className?: string;\n}> = ({ value, className }) => {\n const [isVisible, setIsVisible] = useState(false);\n const [copied, setCopied] = useState(false);\n\n const handleCopy = async () => {\n void nativeImpact(\"light\");\n const ok = await nativeCopyText(value);\n if (ok) {\n setCopied(true);\n void nativeNotify(\"success\");\n setTimeout(() => setCopied(false), 2000);\n } else {\n void nativeNotify(\"error\");\n }\n };\n\n const maskedValue = value.substring(0, 8) + \"•\".repeat(20);\n\n return (\n <span className={cn(\"inline-flex items-center gap-1\", className)}>\n <code className=\"font-mono text-sm\">\n {isVisible ? value : maskedValue}\n </code>\n <button\n type=\"button\"\n onClick={() => setIsVisible(!isVisible)}\n className=\"p-1 hover:bg-bg-sunken rounded\"\n >\n {isVisible ? <EyeOff size={12} /> : <Eye size={12} />}\n </button>\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"p-1 hover:bg-bg-sunken rounded\"\n >\n {copied ? (\n <Check size={12} className=\"text-status-success-text\" />\n ) : (\n <Copy size={12} />\n )}\n </button>\n </span>\n );\n};\n\n/\n New secret alert - shown once when a new secret is generated\n */\nexport const NewSecretAlert: FC<{\n title: string;\n secret: string;\n description?: string;\n onDismiss?: () => void;\n}> = ({ title, secret, description, onDismiss }) => {\n const tr = useTr();\n return (\n <div className=\"rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4\">\n <div className=\"flex items-start gap-3\">\n <div className=\"flex-shrink-0\">\n <svg\n className=\"h-5 w-5 text-status-warning-text\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </div>\n <div className=\"flex-1\">\n <h4 className=\"font-medium text-status-warning-text\">{title}</h4>\n {description && (\n <p className=\"mt-1 text-sm text-status-warning-text\">\n {description}\n </p>\n )}\n <div className=\"mt-3\">\n <SecretDisplay value={secret} defaultHidden={false} />\n </div>\n <p className=\"mt-2 text-xs text-status-warning-text\">\n {tr(\n \"devportal.copySecretNow\",\n \"Make sure to copy this secret now. You won't be able to see it again!\",\n )}\n </p>\n </div>\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"text-status-warning-text hover:text-status-warning-text\"\n >\n <span className=\"sr-only\">Dismiss</span>\n <svg className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path\n fillRule=\"evenodd\"\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAuBA,~~IAAa~~,KAAyC,EACpD,UACA,UACA,cACA,cAAW,IACX,mBAAgB,IAChB,iBACI;CACJ,~~IAAM~~,~~IAAK~~,~~GAAO~~,~~EAEZ~~,~~CAAC~~,~~GAAW~~,~~KAAgB~~,~~EAChC~~,MAAY,KAAA,IAAsB,~~CAAC~~,~~IAAX~~,~~EACzB~~,~~EACK~~,~~CAAC~~,~~GAAQ~~,~~KAAa~~,EAAS,~~GAAM~~,~~EAErC~~,IAAa,YAAY;~~AAG7B~~,~~EAFK~~,~~EAAa~~,~~QAAQ~~,~~EACf~~,~~MAAM~~,~~EAAe~~,~~EAAM~~,~~IAEpC~~,EAAU,~~GAAK~~,~~EACV~~,~~EAAa~~,~~UAAU~~,~~EAC5B~~,~~iBAAiB~~,EAAU,~~GAAM~~,~~EAAE~~,~~IAAK~~,~~IAEnC~~,~~EAAa~~,~~QAAQ~~;~~IAIxB~~,IAAc,IAAI,OAAO,KAAK,~~IAAI~~,EAAM,QAAQ,~~GAAG~~,CAAC;~~AAE1D~~,~~QACE~~,kBAAC,OAAD;EAAK,~~WAAW~~,EAAG,~~aAAa~~,~~EAAU~~;~~YAA1C~~,~~CACG~~,KACC,kBAAC,SAAD;GAAO,WAAU;~~aACd~~;~~GACK~~,CAAA,~~EAEV~~,kBAAC,OAAD;GAAK,WAAU;~~aAAf~~;IACE,kBAAC,QAAD;KAAM,WAAU;~~eACb~~,~~IAAY~~,~~IAAQ~~;~~KAChB~~,CAAA;~~IACP~~,kBAAC,UAAD;KACE,MAAK;KACL,~~eAAe~~,EAAa,~~CAAC~~,~~EAAU~~;~~KACvC~~,WAAU;KACV,~~OACE~~,~~IACI~~,EAAG,kBAAkB,~~OAAO~~,~~GAC5B~~,EAAG,kBAAkB,~~OAAO~~;~~eAGrB~~,~~EAAZ~~,~~IAAa~~,~~IAAuB~~,GAAxB,EAAQ,MAAM,~~IAAM~~,CAAoB;~~KAC9C~~,CAAA;~~IACR~~,KACC,kBAAC,UAAD;KACE,MAAK;KACL,~~SAAS~~;KACT,WAAU;KACV,~~OAAO~~,EAAG,6BAA6B,~~oBAAoB~~;~~eAE1D~~,IACC,~~kBAAC~~,GAAD;MAAO,MAAM;MAAI,WAAU;~~MAA6B~~,CAAA,~~GAExD~~,~~kBAAC~~,GAAD,EAAM,MAAM,~~IAAM~~,CAAA;~~KAEb~~,CAAA;~~IAEP~~;~~KACF~~;;~~GA0DG~~,KAKP,EAAE,UAAO,WAAQ,gBAAa,mBAAgB;CAClD,~~IAAM~~,~~IAAK~~,~~GAAO~~;~~AAClB~~,~~QACE~~,kBAAC,OAAD;EAAK,WAAU;~~YACb~~,kBAAC,OAAD;GAAK,WAAU;~~aAAf~~;IACE,kBAAC,OAAD;KAAK,WAAU;~~eACb~~,kBAAC,OAAD;MACE,WAAU;MACV,SAAQ;MACR,MAAK;~~gBAEL~~,kBAAC,QAAD;OACE,UAAS;OACT,GAAE;OACF,UAAS;~~OACT~~,CAAA;~~MACE~~,CAAA;~~KACF~~,CAAA;~~IACN~~,kBAAC,OAAD;KAAK,WAAU;~~eAAf~~;MACE,kBAAC,MAAD;OAAI,WAAU;~~iBAAwC~~;~~OAAW~~,CAAA;~~MAChE~~,KACC,kBAAC,KAAD;OAAG,WAAU;~~iBACV~~;~~OACC~~,CAAA;~~MAEN~~,kBAAC,OAAD;OAAK,WAAU;~~iBACb~~,~~kBAAC~~,GAAD;QAAe,~~OAAO~~;QAAQ,eAAe;~~QAAS~~,CAAA;~~OAClD~~,CAAA;~~MACN~~,kBAAC,KAAD;OAAG,WAAU;~~iBACV~~,EACC,2BACA,~~wEACD~~;~~OACC~~,CAAA;~~MACA~~;;~~IACL~~,KACC,kBAAC,UAAD;KACE,MAAK;KACL,~~SAAS~~;KACT,WAAU;~~eAHZ~~,CAKE,kBAAC,QAAD;MAAM,WAAU;~~gBAAU~~;~~MAAc~~,CAAA,~~EACxC~~,kBAAC,OAAD;MAAK,WAAU;MAAU,SAAQ;MAAY,MAAK;~~gBAChD~~,kBAAC,QAAD;OACE,UAAS;OACT,GAAE;OACF,UAAS;~~OACT~~,CAAA;~~MACE~~,CAAA,CACC;;~~IAEP~~;;~~EACF~~,CAAA"}
1	+ {"version":3,"file":"SecretDisplay.js","names":["SecretDisplay","tr","useTr","isVisible","setIsVisible","useState","visible","defaultHidden","copied","setCopied","handleCopy","nativeImpact","nativeCopyText","value","nativeNotify","maskedValue","cn","className","label","jsx","EyeOff","Eye","showCopy","Check","Copy","NewSecretAlert","title","description","secret","onDismiss"],"sources":["../../../src/devportal/components/SecretDisplay.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Eye, EyeOff, Copy, Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport {\n nativeCopyText,\n nativeImpact,\n nativeNotify,\n} from \"../../utils/nativeBridge\";\n\nexport interface SecretDisplayProps {\n value: string;\n label?: string;\n className?: string;\n showCopy?: boolean;\n defaultHidden?: boolean;\n /** Alias for defaultHidden=false - shows the secret by default /\n visible?: boolean;\n}\n\n/\n Component for displaying secrets with show/hide and copy functionality\n /\nexport const SecretDisplay: FC<SecretDisplayProps> = ({\n value,\n label,\n className,\n showCopy = true,\n defaultHidden = true,\n visible,\n}) => {\n const tr = useTr();\n // If visible is explicitly set, use it; otherwise use defaultHidden\n const [isVisible, setIsVisible] = useState(\n visible !== undefined ? visible : !defaultHidden,\n );\n const [copied, setCopied] = useState(false);\n\n const handleCopy = async () => {\n void nativeImpact(\"light\");\n const ok = await nativeCopyText(value);\n if (ok) {\n setCopied(true);\n void nativeNotify(\"success\");\n setTimeout(() => setCopied(false), 2000);\n } else {\n void nativeNotify(\"error\");\n }\n };\n\n const maskedValue = \"•\".repeat(Math.min(value.length, 40));\n\n return (\n <div className={cn(\"space-y-1\", className)}>\n {label && (\n <label className=\"text-sm font-medium text-text-secondary\">\n {label}\n </label>\n )}\n <div className=\"flex items-center gap-2\">\n <code className=\"flex-1 rounded-md bg-bg-sunken px-3 py-2 font-mono text-sm break-all\">\n {isVisible ? value : maskedValue}\n </code>\n <button\n type=\"button\"\n onClick={() => setIsVisible(!isVisible)}\n className=\"rounded-md p-2 hover:bg-bg-sunken transition-colors\"\n title={\n isVisible\n ? tr(\"devportal.hide\", \"Hide\")\n : tr(\"devportal.show\", \"Show\")\n }\n >\n {isVisible ? <EyeOff size={16} /> : <Eye size={16} />}\n </button>\n {showCopy && (\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"rounded-md p-2 hover:bg-bg-sunken transition-colors\"\n title={tr(\"devportal.copyToClipboard\", \"Copy to clipboard\")}\n >\n {copied ? (\n <Check size={16} className=\"text-status-success-text\" />\n ) : (\n <Copy size={16} />\n )}\n </button>\n )}\n </div>\n </div>\n );\n};\n\n/\n Compact inline secret display\n /\nexport const InlineSecret: FC<{\n value: string;\n className?: string;\n}> = ({ value, className }) => {\n const [isVisible, setIsVisible] = useState(false);\n const [copied, setCopied] = useState(false);\n\n const handleCopy = async () => {\n void nativeImpact(\"light\");\n const ok = await nativeCopyText(value);\n if (ok) {\n setCopied(true);\n void nativeNotify(\"success\");\n setTimeout(() => setCopied(false), 2000);\n } else {\n void nativeNotify(\"error\");\n }\n };\n\n const maskedValue = value.substring(0, 8) + \"•\".repeat(20);\n\n return (\n <span className={cn(\"inline-flex items-center gap-1\", className)}>\n <code className=\"font-mono text-sm\">\n {isVisible ? value : maskedValue}\n </code>\n <button\n type=\"button\"\n onClick={() => setIsVisible(!isVisible)}\n className=\"p-1 hover:bg-bg-sunken rounded\"\n >\n {isVisible ? <EyeOff size={12} /> : <Eye size={12} />}\n </button>\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"p-1 hover:bg-bg-sunken rounded\"\n >\n {copied ? (\n <Check size={12} className=\"text-status-success-text\" />\n ) : (\n <Copy size={12} />\n )}\n </button>\n </span>\n );\n};\n\n/\n New secret alert - shown once when a new secret is generated\n */\nexport const NewSecretAlert: FC<{\n title: string;\n secret: string;\n description?: string;\n onDismiss?: () => void;\n}> = ({ title, secret, description, onDismiss }) => {\n const tr = useTr();\n return (\n <div className=\"rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4\">\n <div className=\"flex items-start gap-3\">\n <div className=\"flex-shrink-0\">\n <svg\n className=\"h-5 w-5 text-status-warning-text\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </div>\n <div className=\"flex-1\">\n <h4 className=\"font-medium text-status-warning-text\">{title}</h4>\n {description && (\n <p className=\"mt-1 text-sm text-status-warning-text\">\n {description}\n </p>\n )}\n <div className=\"mt-3\">\n <SecretDisplay value={secret} defaultHidden={false} />\n </div>\n <p className=\"mt-2 text-xs text-status-warning-text\">\n {tr(\n \"devportal.copySecretNow\",\n \"Make sure to copy this secret now. You won't be able to see it again!\",\n )}\n </p>\n </div>\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"text-status-warning-text hover:text-status-warning-text\"\n >\n <span className=\"sr-only\">Dismiss</span>\n <svg className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path\n fillRule=\"evenodd\"\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n )}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAuBA,IAAaA,KAAyC,EACpD,UACA,UACA,cACA,cAAW,IACX,mBAAgB,IAChB,iBACI;CACJ,IAAMC,IAAKC,EAAM,GAEX,CAACC,GAAWC,KAAgBC,EAChCC,MAAY,KAAA,IAAsB,CAACC,IAAXD,CAC1B,GACM,CAACE,GAAQC,KAAaJ,EAAS,EAAK,GAEpCK,IAAa,YAAY;EAG7B,AAFAC,EAAkB,OAAO,GAErB,MADaC,EAAeC,CAAK,KAEnCJ,EAAU,EAAI,GACdK,EAAkB,SAAS,GAC3B,iBAAiBL,EAAU,EAAK,GAAG,GAAI,KAEvCK,EAAkB,OAAO;CAE7B,GAEMC,IAAc,IAAI,OAAO,KAAK,IAAIF,EAAM,QAAQ,EAAE,CAAC;CAEzD,OACE,kBAAC,OAAD;EAAK,WAAWG,EAAG,aAAaC,CAAS;EAAzC,UAAA,CACGC,KACC,kBAAC,SAAD;GAAO,WAAU;GACd,UAAAA;EACI,CAAA,GAET,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,QAAD;KAAM,WAAU;KACb,UAAAf,IAAYU,IAAQE;IACjB,CAAA;IACN,kBAAC,UAAD;KACE,MAAK;KACL,eAAeX,EAAa,CAACD,CAAS;KACtC,WAAU;KACV,OACEA,IACIF,EAAG,kBAAkB,MAAM,IAC3BA,EAAG,kBAAkB,MAAM;KAGhC,UAAYkB,EAAZhB,IAAaiB,IAAuBC,GAAxB,EAAQ,MAAM,GAAK,CAAoB;IAC9C,CAAA;IACPC,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAASZ;KACT,WAAU;KACV,OAAOT,EAAG,6BAA6B,mBAAmB;KAEzD,UAAAO,IACC,kBAACe,GAAD;MAAO,MAAM;MAAI,WAAU;KAA4B,CAAA,IAEvD,kBAACC,GAAD,EAAM,MAAM,GAAK,CAAA;IAEb,CAAA;GAEP;EACF,CAAA,CAAA;;AAET,GAwDaC,KAKP,EAAE,UAAO,WAAQ,gBAAa,mBAAgB;CAClD,IAAMxB,IAAKC,EAAM;CACjB,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,OAAD;MACE,WAAU;MACV,SAAQ;MACR,MAAK;MAEL,UAAA,kBAAC,QAAD;OACE,UAAS;OACT,GAAE;OACF,UAAS;MACV,CAAA;KACE,CAAA;IACF,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,kBAAC,MAAD;OAAI,WAAU;OAAwC,UAAAwB;MAAU,CAAA;MAC/DC,KACC,kBAAC,KAAD;OAAG,WAAU;OACV,UAAAA;MACA,CAAA;MAEL,kBAAC,OAAD;OAAK,WAAU;OACb,UAAA,kBAAC3B,GAAD;QAAe,OAAO4B;QAAQ,eAAe;OAAQ,CAAA;MAClD,CAAA;MACL,kBAAC,KAAD;OAAG,WAAU;OACV,UAAA3B,EACC,2BACA,uEACF;MACC,CAAA;KACA;;IACJ4B,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAASA;KACT,WAAU;KAHZ,UAAA,CAKE,kBAAC,QAAD;MAAM,WAAU;MAAU,UAAA;KAAa,CAAA,GACvC,kBAAC,OAAD;MAAK,WAAU;MAAU,SAAQ;MAAY,MAAK;MAChD,UAAA,kBAAC,QAAD;OACE,UAAS;OACT,GAAE;OACF,UAAS;MACV,CAAA;KACE,CAAA,CACC;;GAEP;;CACF,CAAA;AAET"}

package/dist/devportal/components/SectionNav.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { LayoutDashboard } from 'lucide-react';
 interface SectionDef {
     path: string;
     i18nKey: string;
@@ -32,4 +31,3 @@ export declare const OrgSwitcher: FC;
 export declare const SectionNav: FC;
 export declare const __SECTION_NAV_SECTIONS: readonly SectionDef[];
 export {};
-//# sourceMappingURL=SectionNav.d.ts.map

package/dist/devportal/components/SectionNav.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { useTr as t } from "../utils/i18n.js";
-import { cn as n } from "../utils/cn.js";
-import { orgSectionPath as r, useIsSellerSection as i } from "../hooks/useIsSellerSection.js";
-import { useGetMyOrganizationsQuery as a } from "../../generated/global-operations.js";
+import { orgSectionPath as t, useIsSellerSection as n } from "../hooks/useIsSellerSection.js";
 import "../hooks/useGraphQL.js";
+import { cn as r } from "../utils/cn.js";
+import { useGetMyOrganizationsQuery as i } from "../../generated/global-operations.js";
+import { useTr as a } from "../utils/i18n.js";
 import { useEffect as o, useRef as s, useState as c } from "react";
 import { Building2 as l, Check as u, ChevronDown as d, Plus as f } from "lucide-react";
 import "react-router";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/devportal/components/SectionNav.tsx
+// src/devportal/components/SectionNav.tsx
 var h = () => {
-	let { activeOrgId: h, setActiveOrgId: g, activePhysicalOrgId: _, setActivePhysicalOrgId: v, navigate: y, basePath: b } = e(), x = i(), S = x ? _ : h, C = x ? v : g, w = t(), [T, E] = c(!1), D = s(null), { data: O } = a({ fetchPolicy: "cache-first" }), k = (O?.myDeveloperOrganizations ?? []).filter((e) => x ? e.kind === "PHYSICAL" : e.kind !== "PHYSICAL");
+	let { activeOrgId: h, setActiveOrgId: g, activePhysicalOrgId: _, setActivePhysicalOrgId: v, navigate: y, basePath: b } = e(), x = n(), S = x ? _ : h, C = x ? v : g, w = a(), [T, E] = c(!1), D = s(null), { data: O } = i({ fetchPolicy: "cache-first" }), k = (O?.myDeveloperOrganizations ?? []).filter((e) => x ? e.kind === "PHYSICAL" : e.kind !== "PHYSICAL");
 	o(() => {
 		!S && k.length === 1 && k[0]?.id && C(k[0].id);
 	}, [
@@ -23,14 +23,14 @@ var h = () => {
 		};
 		return T && document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [T]);
-	let A = k.find((e) => e.id === S)?.name ?? (k.length === 0 ? w("devportal.nav.noOrg", "No organization") : w("devportal.nav.selectOrg", "Select org")), j = r(x, "new");
+	let A = k.find((e) => e.id === S)?.name ?? (k.length === 0 ? w("devportal.nav.noOrg", "No organization") : w("devportal.nav.selectOrg", "Select org")), j = t(x, "new");
 	return /* @__PURE__ */ m("div", {
 		ref: D,
 		className: "relative flex-shrink-0",
 		children: [/* @__PURE__ */ m("button", {
 			type: "button",
 			onClick: () => E((e) => !e),
-			className: n("inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", "bg-bg-surface text-text-primary border-border-subtle hover:bg-accent"),
+			className: r("inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", "bg-bg-surface text-text-primary border-border-subtle hover:bg-accent"),
 			"aria-label": w("devportal.nav.switchOrg", "Switch organization"),
 			children: [
 				/* @__PURE__ */ p(l, {
@@ -43,7 +43,7 @@ var h = () => {
 				}),
 				/* @__PURE__ */ p(d, {
 					size: 13,
-					className: n("transition-transform", T && "rotate-180")
+					className: r("transition-transform", T && "rotate-180")
 				})
 			]
 		}), T && /* @__PURE__ */ m("div", {
@@ -54,10 +54,10 @@ var h = () => {
 					onClick: () => {
 						C(e.id), E(!1);
 					},
-					className: n("flex w-full items-center gap-2 px-3 py-2 text-sm text-left transition-colors hover:bg-accent", e.id === S ? "text-primary font-medium" : "text-text-primary"),
+					className: r("flex w-full items-center gap-2 px-3 py-2 text-sm text-left transition-colors hover:bg-accent", e.id === S ? "text-primary font-medium" : "text-text-primary"),
 					children: [/* @__PURE__ */ p(u, {
 						size: 13,
-						className: n("flex-shrink-0", e.id === S ? "opacity-100 text-primary" : "opacity-0")
+						className: r("flex-shrink-0", e.id === S ? "opacity-100 text-primary" : "opacity-0")
 					}), /* @__PURE__ */ p("span", {
 						className: "truncate",
 						children: e.name
@@ -82,7 +82,6 @@ var h = () => {
 		})]
 	});
 };
-//#endregion
 export { h as OrgSwitcher };
 //# sourceMappingURL=SectionNav.js.map

package/dist/devportal/components/SectionNav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionNav.js","names":[],"sources":["../../../src/devportal/components/SectionNav.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useLocation } from \"react-router\";\nimport {\n LayoutDashboard,\n AppWindow,\n Building2,\n Share2,\n DollarSign,\n BookOpen,\n Library,\n User,\n Settings,\n ChevronDown,\n Check,\n Plus,\n} from \"lucide-react\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n useIsSellerSection,\n orgSectionPath,\n} from \"../hooks/useIsSellerSection\";\nimport {\n useGetMyOrganizationsQuery,\n type GetMyOrganizationsQuery,\n} from \"../hooks/useGraphQL\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\ntype OrgItem = GetMyOrganizationsQuery[\"myDeveloperOrganizations\"][number];\n\ninterface SectionDef {\n path: string;\n i18nKey: string;\n fallback: string;\n icon: typeof LayoutDashboard;\n /** Additional sub-paths that should mark this section as active. /\n matchPrefixes?: string[];\n}\n\nconst SECTIONS: ReadonlyArray<SectionDef> = [\n {\n path: \"\",\n i18nKey: \"devportal.nav.dashboard\",\n fallback: \"Dashboard\",\n icon: LayoutDashboard,\n },\n {\n path: \"apps\",\n i18nKey: \"devportal.nav.apps\",\n fallback: \"Apps\",\n icon: AppWindow,\n },\n {\n path: \"organizations\",\n i18nKey: \"devportal.nav.organizations\",\n fallback: \"Organizations\",\n icon: Building2,\n },\n {\n path: \"delegations\",\n i18nKey: \"devportal.nav.delegations\",\n fallback: \"Delegations\",\n icon: Share2,\n },\n {\n path: \"revenue\",\n i18nKey: \"devportal.nav.revenue\",\n fallback: \"Revenue\",\n icon: DollarSign,\n },\n {\n path: \"docs\",\n i18nKey: \"devportal.nav.docs\",\n fallback: \"Docs\",\n icon: BookOpen,\n },\n {\n path: \"resources\",\n i18nKey: \"devportal.nav.resources\",\n fallback: \"Resources\",\n icon: Library,\n },\n {\n path: \"publisher/profile\",\n i18nKey: \"devportal.nav.publisher\",\n fallback: \"Publisher\",\n icon: User,\n matchPrefixes: [\"publisher\"],\n },\n {\n path: \"settings\",\n i18nKey: \"devportal.nav.settings\",\n fallback: \"Settings\",\n icon: Settings,\n },\n];\n\nfunction joinBaseAndPath(basePath: string \| undefined, path: string): string {\n const base = (basePath ?? \"\").replace(/\\/$/, \"\");\n if (!path) return base \|\| \"/\";\n const suffix = path.startsWith(\"/\") ? path : `/${path}`;\n return `${base}${suffix}`;\n}\n\nfunction isSectionActive(\n pathname: string,\n basePath: string \| undefined,\n section: SectionDef,\n): boolean {\n const sectionUrl = joinBaseAndPath(basePath, section.path);\n // Index/dashboard is active only when exactly matched (or with empty extra).\n if (section.path === \"\") {\n return pathname === sectionUrl \|\| pathname === `${sectionUrl}/`;\n }\n const candidates = [section.path, ...(section.matchPrefixes ?? [])];\n return candidates.some((prefix) => {\n const url = joinBaseAndPath(basePath, prefix);\n return pathname === url \|\| pathname.startsWith(`${url}/`);\n });\n}\n\n/\n Org context switcher — can be embedded standalone or inside SectionNav.\n \n Shared between the regular devportal and the seller portal: filters the\n * org list to PHYSICAL-kind orgs under /devportal/seller/** and DIGITAL-kind\n * everywhere else, and reads/writes the matching active-org slot\n * (activePhysicalOrgId vs activeOrgId) so this switcher and\n * useSellerOrganization (used by the item-creation flow) always agree on\n * which org is current. See DeveloperOrgKind (BOFF-7285).\n /\nexport const OrgSwitcher: FC = () => {\n const {\n activeOrgId,\n setActiveOrgId,\n activePhysicalOrgId,\n setActivePhysicalOrgId,\n navigate,\n basePath,\n } = useDevportal();\n const isSeller = useIsSellerSection();\n const currentOrgId = isSeller ? activePhysicalOrgId : activeOrgId;\n const setCurrentOrgId = isSeller ? setActivePhysicalOrgId : setActiveOrgId;\n const tr = useTr();\n const [open, setOpen] = useState(false);\n const ref = useRef<HTMLDivElement>(null);\n\n const { data } = useGetMyOrganizationsQuery({ fetchPolicy: \"cache-first\" });\n const allOrgs: OrgItem[] = data?.myDeveloperOrganizations ?? [];\n const orgs = allOrgs.filter((org) =>\n isSeller ? org.kind === \"PHYSICAL\" : org.kind !== \"PHYSICAL\",\n );\n\n // Auto-select when there's exactly one matching org and nothing is stored yet\n useEffect(() => {\n if (!currentOrgId && orgs.length === 1 && orgs[0]?.id) {\n setCurrentOrgId(orgs[0].id);\n }\n }, [orgs, currentOrgId, setCurrentOrgId]);\n\n // Close on outside click\n useEffect(() => {\n const handler = (e: MouseEvent) => {\n if (ref.current && !ref.current.contains(e.target as Node)) {\n setOpen(false);\n }\n };\n if (open) document.addEventListener(\"mousedown\", handler);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, [open]);\n\n const activeOrg = orgs.find((o) => o.id === currentOrgId);\n const label =\n activeOrg?.name ??\n (orgs.length === 0\n ? tr(\"devportal.nav.noOrg\", \"No organization\")\n : tr(\"devportal.nav.selectOrg\", \"Select org\"));\n\n const createOrgPath = orgSectionPath(isSeller, \"new\");\n\n return (\n <div ref={ref} className=\"relative flex-shrink-0\">\n <button\n type=\"button\"\n onClick={() => setOpen((v) => !v)}\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors\",\n \"bg-bg-surface text-text-primary border-border-subtle hover:bg-accent\",\n )}\n aria-label={tr(\"devportal.nav.switchOrg\", \"Switch organization\")}\n >\n <Building2 size={13} className=\"text-primary flex-shrink-0\" />\n <span className=\"max-w-[140px] truncate\">{label}</span>\n <ChevronDown\n size={13}\n className={cn(\"transition-transform\", open && \"rotate-180\")}\n />\n </button>\n\n {open && (\n <div className=\"absolute right-0 top-full z-50 mt-1 min-w-[200px] rounded-md border border-border-subtle bg-popover shadow-lg py-1\">\n {orgs.map((org) => (\n <button\n key={org.id}\n type=\"button\"\n onClick={() => {\n setCurrentOrgId(org.id);\n setOpen(false);\n }}\n className={cn(\n \"flex w-full items-center gap-2 px-3 py-2 text-sm text-left transition-colors hover:bg-accent\",\n org.id === currentOrgId\n ? \"text-primary font-medium\"\n : \"text-text-primary\",\n )}\n >\n <Check\n size={13}\n className={cn(\n \"flex-shrink-0\",\n org.id === currentOrgId\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <span className=\"truncate\">{org.name}</span>\n </button>\n ))}\n {orgs.length > 0 && (\n <div className=\"my-1 border-t border-border-subtle\" />\n )}\n <button\n type=\"button\"\n onClick={() => {\n setOpen(false);\n navigate?.(`${basePath ?? \"\"}${createOrgPath}`);\n }}\n className=\"flex w-full items-center gap-2 px-3 py-2 text-sm text-left text-primary transition-colors hover:bg-accent\"\n >\n <Plus size={13} className=\"flex-shrink-0\" />\n <span className=\"truncate\">\n {tr(\"devportal.nav.newOrganization\", \"New organization\")}\n </span>\n </button>\n </div>\n )}\n </div>\n );\n};\n\n/\n Horizontal section nav rendered above the page content on every devportal\n * route. Gives developers a one-click jump between all top-level sections so\n * routes like OAuth, Delegations, Analytics, Revenue, Docs, Resources,\n * Publisher Profile, and Settings are reachable without typing URLs.\n \n Renders nothing when `basePath` is undefined (standalone/dev mode) so it\n * doesn't conflict with whatever harness wraps the MFE there.\n */\nexport const SectionNav: FC = () => {\n const { navigate, basePath } = useDevportal();\n const { pathname } = useLocation();\n const tr = useTr();\n\n if (!basePath \|\| !navigate) return null;\n\n const handleClick = (path: string) => {\n navigate(joinBaseAndPath(basePath, path));\n };\n\n return (\n <nav\n aria-label={tr(\"devportal.nav.sections\", \"Developer portal sections\")}\n className=\"border-b border-border-subtle bg-bg-surface/40 px-4 py-2\"\n data-testid=\"devportal-section-nav\"\n >\n <div className=\"flex items-center gap-2\">\n <ul className=\"flex flex-1 flex-wrap gap-1\">\n {SECTIONS.map((section) => {\n const active = isSectionActive(pathname, basePath, section);\n const Icon = section.icon;\n return (\n <li key={section.path}>\n <button\n type=\"button\"\n onClick={() => handleClick(section.path)}\n aria-current={active ? \"page\" : undefined}\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors\",\n active\n ? \"bg-action-primary-bg text-action-primary-text\"\n : \"text-text-secondary hover:bg-accent hover:text-text-primary\",\n )}\n >\n <Icon size={14} />\n <span>{tr(section.i18nKey, section.fallback)}</span>\n </button>\n </li>\n );\n })}\n </ul>\n <OrgSwitcher />\n </div>\n </nav>\n );\n};\n\n// Exported for unit tests that want to assert against the canonical list.\nexport const __SECTION_NAV_SECTIONS = SECTIONS;\n"],"mappings":";;;;;;;;;;;AAoIA,IAAa,UAAwB;CACnC,IAAM,EACJ,gBACA,mBACA,wBACA,2BACA,aACA,gBACE,GAAc,EACZ,IAAW,GAAoB,EAC/B,IAAe,IAAW,IAAsB,GAChD,IAAkB,IAAW,IAAyB,GACtD,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAM,EAAuB,KAAK,EAElC,EAAE,YAAS,EAA2B,EAAE,aAAa,eAAe,CAAC,EAErE,KADqB,GAAM,4BAA4B,EAAE,EAC1C,QAAQ,MAC3B,IAAW,EAAI,SAAS,aAAa,EAAI,SAAS,WACnD;AAUD,CAPA,QAAgB;AACd,EAAI,CAAC,KAAgB,EAAK,WAAW,KAAK,EAAK,IAAI,MACjD,EAAgB,EAAK,GAAG,GAAG;IAE5B;EAAC;EAAM;EAAc;EAAgB,CAAC,EAGzC,QAAgB;EACd,IAAM,KAAW,MAAkB;AACjC,GAAI,EAAI,WAAW,CAAC,EAAI,QAAQ,SAAS,EAAE,OAAe,IACxD,EAAQ,GAAM;;AAIlB,SADI,KAAM,SAAS,iBAAiB,aAAa,EAAQ,QAC5C,SAAS,oBAAoB,aAAa,EAAQ;IAC9D,CAAC,EAAK,CAAC;CAGV,IAAM,IADY,EAAK,MAAM,MAAM,EAAE,OAAO,EAAa,EAE5C,SACV,EAAK,WAAW,IACb,EAAG,uBAAuB,kBAAkB,GAC5C,EAAG,2BAA2B,aAAa,GAE3C,IAAgB,EAAe,GAAU,MAAM;AAErD,QACE,kBAAC,OAAD;EAAU;EAAK,WAAU;YAAzB,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAS,MAAM,CAAC,EAAE;GACjC,WAAW,EACT,wGACA,uEACD;GACD,cAAY,EAAG,2BAA2B,sBAAsB;aAPlE;IASE,kBAAC,GAAD;KAAW,MAAM;KAAI,WAAU;KAA+B,CAAA;IAC9D,kBAAC,QAAD;KAAM,WAAU;eAA0B;KAAa,CAAA;IACvD,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,EAAG,wBAAwB,KAAQ,aAAa;KAC3D,CAAA;IACK;MAER,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAK,KAAK,MACT,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe;AAEb,MADA,EAAgB,EAAI,GAAG,EACvB,EAAQ,GAAM;;KAEhB,WAAW,EACT,gGACA,EAAI,OAAO,IACP,6BACA,oBACL;eAZH,CAcE,kBAAC,GAAD;MACE,MAAM;MACN,WAAW,EACT,iBACA,EAAI,OAAO,IACP,6BACA,YACL;MACD,CAAA,EACF,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAI;MAAY,CAAA,CACrC;OAvBF,EAAI,GAuBF,CACT;IACD,EAAK,SAAS,KACb,kBAAC,OAAD,EAAK,WAAU,sCAAuC,CAAA;IAExD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe;AAEb,MADA,EAAQ,GAAM,EACd,IAAW,GAAG,KAAY,KAAK,IAAgB;;KAEjD,WAAU;eANZ,CAQE,kBAAC,GAAD;MAAM,MAAM;MAAI,WAAU;MAAkB,CAAA,EAC5C,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAG,iCAAiC,mBAAmB;MACnD,CAAA,CACA;;IACL;KAEJ"}
1	+ {"version":3,"file":"SectionNav.js","names":["OrgSwitcher","useDevportal","isSeller","useIsSellerSection","currentOrgId","activePhysicalOrgId","activeOrgId","setCurrentOrgId","setActivePhysicalOrgId","setActiveOrgId","tr","useTr","open","setOpen","useState","ref","useRef","useGetMyOrganizationsQuery","orgs","data","org","useEffect","handler","label","o","createOrgPath","orgSectionPath","v","cn","Building2","ChevronDown","Check","navigate","basePath","Plus"],"sources":["../../../src/devportal/components/SectionNav.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useLocation } from \"react-router\";\nimport {\n LayoutDashboard,\n AppWindow,\n Building2,\n Share2,\n DollarSign,\n BookOpen,\n Library,\n User,\n Settings,\n ChevronDown,\n Check,\n Plus,\n} from \"lucide-react\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n useIsSellerSection,\n orgSectionPath,\n} from \"../hooks/useIsSellerSection\";\nimport {\n useGetMyOrganizationsQuery,\n type GetMyOrganizationsQuery,\n} from \"../hooks/useGraphQL\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\ntype OrgItem = GetMyOrganizationsQuery[\"myDeveloperOrganizations\"][number];\n\ninterface SectionDef {\n path: string;\n i18nKey: string;\n fallback: string;\n icon: typeof LayoutDashboard;\n /** Additional sub-paths that should mark this section as active. /\n matchPrefixes?: string[];\n}\n\nconst SECTIONS: ReadonlyArray<SectionDef> = [\n {\n path: \"\",\n i18nKey: \"devportal.nav.dashboard\",\n fallback: \"Dashboard\",\n icon: LayoutDashboard,\n },\n {\n path: \"apps\",\n i18nKey: \"devportal.nav.apps\",\n fallback: \"Apps\",\n icon: AppWindow,\n },\n {\n path: \"organizations\",\n i18nKey: \"devportal.nav.organizations\",\n fallback: \"Organizations\",\n icon: Building2,\n },\n {\n path: \"delegations\",\n i18nKey: \"devportal.nav.delegations\",\n fallback: \"Delegations\",\n icon: Share2,\n },\n {\n path: \"revenue\",\n i18nKey: \"devportal.nav.revenue\",\n fallback: \"Revenue\",\n icon: DollarSign,\n },\n {\n path: \"docs\",\n i18nKey: \"devportal.nav.docs\",\n fallback: \"Docs\",\n icon: BookOpen,\n },\n {\n path: \"resources\",\n i18nKey: \"devportal.nav.resources\",\n fallback: \"Resources\",\n icon: Library,\n },\n {\n path: \"publisher/profile\",\n i18nKey: \"devportal.nav.publisher\",\n fallback: \"Publisher\",\n icon: User,\n matchPrefixes: [\"publisher\"],\n },\n {\n path: \"settings\",\n i18nKey: \"devportal.nav.settings\",\n fallback: \"Settings\",\n icon: Settings,\n },\n];\n\nfunction joinBaseAndPath(basePath: string \| undefined, path: string): string {\n const base = (basePath ?? \"\").replace(/\\/$/, \"\");\n if (!path) return base \|\| \"/\";\n const suffix = path.startsWith(\"/\") ? path : `/${path}`;\n return `${base}${suffix}`;\n}\n\nfunction isSectionActive(\n pathname: string,\n basePath: string \| undefined,\n section: SectionDef,\n): boolean {\n const sectionUrl = joinBaseAndPath(basePath, section.path);\n // Index/dashboard is active only when exactly matched (or with empty extra).\n if (section.path === \"\") {\n return pathname === sectionUrl \|\| pathname === `${sectionUrl}/`;\n }\n const candidates = [section.path, ...(section.matchPrefixes ?? [])];\n return candidates.some((prefix) => {\n const url = joinBaseAndPath(basePath, prefix);\n return pathname === url \|\| pathname.startsWith(`${url}/`);\n });\n}\n\n/\n Org context switcher — can be embedded standalone or inside SectionNav.\n \n Shared between the regular devportal and the seller portal: filters the\n * org list to PHYSICAL-kind orgs under /devportal/seller/** and DIGITAL-kind\n * everywhere else, and reads/writes the matching active-org slot\n * (activePhysicalOrgId vs activeOrgId) so this switcher and\n * useSellerOrganization (used by the item-creation flow) always agree on\n * which org is current. See DeveloperOrgKind (BOFF-7285).\n /\nexport const OrgSwitcher: FC = () => {\n const {\n activeOrgId,\n setActiveOrgId,\n activePhysicalOrgId,\n setActivePhysicalOrgId,\n navigate,\n basePath,\n } = useDevportal();\n const isSeller = useIsSellerSection();\n const currentOrgId = isSeller ? activePhysicalOrgId : activeOrgId;\n const setCurrentOrgId = isSeller ? setActivePhysicalOrgId : setActiveOrgId;\n const tr = useTr();\n const [open, setOpen] = useState(false);\n const ref = useRef<HTMLDivElement>(null);\n\n const { data } = useGetMyOrganizationsQuery({ fetchPolicy: \"cache-first\" });\n const allOrgs: OrgItem[] = data?.myDeveloperOrganizations ?? [];\n const orgs = allOrgs.filter((org) =>\n isSeller ? org.kind === \"PHYSICAL\" : org.kind !== \"PHYSICAL\",\n );\n\n // Auto-select when there's exactly one matching org and nothing is stored yet\n useEffect(() => {\n if (!currentOrgId && orgs.length === 1 && orgs[0]?.id) {\n setCurrentOrgId(orgs[0].id);\n }\n }, [orgs, currentOrgId, setCurrentOrgId]);\n\n // Close on outside click\n useEffect(() => {\n const handler = (e: MouseEvent) => {\n if (ref.current && !ref.current.contains(e.target as Node)) {\n setOpen(false);\n }\n };\n if (open) document.addEventListener(\"mousedown\", handler);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, [open]);\n\n const activeOrg = orgs.find((o) => o.id === currentOrgId);\n const label =\n activeOrg?.name ??\n (orgs.length === 0\n ? tr(\"devportal.nav.noOrg\", \"No organization\")\n : tr(\"devportal.nav.selectOrg\", \"Select org\"));\n\n const createOrgPath = orgSectionPath(isSeller, \"new\");\n\n return (\n <div ref={ref} className=\"relative flex-shrink-0\">\n <button\n type=\"button\"\n onClick={() => setOpen((v) => !v)}\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors\",\n \"bg-bg-surface text-text-primary border-border-subtle hover:bg-accent\",\n )}\n aria-label={tr(\"devportal.nav.switchOrg\", \"Switch organization\")}\n >\n <Building2 size={13} className=\"text-primary flex-shrink-0\" />\n <span className=\"max-w-[140px] truncate\">{label}</span>\n <ChevronDown\n size={13}\n className={cn(\"transition-transform\", open && \"rotate-180\")}\n />\n </button>\n\n {open && (\n <div className=\"absolute right-0 top-full z-50 mt-1 min-w-[200px] rounded-md border border-border-subtle bg-popover shadow-lg py-1\">\n {orgs.map((org) => (\n <button\n key={org.id}\n type=\"button\"\n onClick={() => {\n setCurrentOrgId(org.id);\n setOpen(false);\n }}\n className={cn(\n \"flex w-full items-center gap-2 px-3 py-2 text-sm text-left transition-colors hover:bg-accent\",\n org.id === currentOrgId\n ? \"text-primary font-medium\"\n : \"text-text-primary\",\n )}\n >\n <Check\n size={13}\n className={cn(\n \"flex-shrink-0\",\n org.id === currentOrgId\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <span className=\"truncate\">{org.name}</span>\n </button>\n ))}\n {orgs.length > 0 && (\n <div className=\"my-1 border-t border-border-subtle\" />\n )}\n <button\n type=\"button\"\n onClick={() => {\n setOpen(false);\n navigate?.(`${basePath ?? \"\"}${createOrgPath}`);\n }}\n className=\"flex w-full items-center gap-2 px-3 py-2 text-sm text-left text-primary transition-colors hover:bg-accent\"\n >\n <Plus size={13} className=\"flex-shrink-0\" />\n <span className=\"truncate\">\n {tr(\"devportal.nav.newOrganization\", \"New organization\")}\n </span>\n </button>\n </div>\n )}\n </div>\n );\n};\n\n/\n Horizontal section nav rendered above the page content on every devportal\n * route. Gives developers a one-click jump between all top-level sections so\n * routes like OAuth, Delegations, Analytics, Revenue, Docs, Resources,\n * Publisher Profile, and Settings are reachable without typing URLs.\n \n Renders nothing when `basePath` is undefined (standalone/dev mode) so it\n * doesn't conflict with whatever harness wraps the MFE there.\n */\nexport const SectionNav: FC = () => {\n const { navigate, basePath } = useDevportal();\n const { pathname } = useLocation();\n const tr = useTr();\n\n if (!basePath \|\| !navigate) return null;\n\n const handleClick = (path: string) => {\n navigate(joinBaseAndPath(basePath, path));\n };\n\n return (\n <nav\n aria-label={tr(\"devportal.nav.sections\", \"Developer portal sections\")}\n className=\"border-b border-border-subtle bg-bg-surface/40 px-4 py-2\"\n data-testid=\"devportal-section-nav\"\n >\n <div className=\"flex items-center gap-2\">\n <ul className=\"flex flex-1 flex-wrap gap-1\">\n {SECTIONS.map((section) => {\n const active = isSectionActive(pathname, basePath, section);\n const Icon = section.icon;\n return (\n <li key={section.path}>\n <button\n type=\"button\"\n onClick={() => handleClick(section.path)}\n aria-current={active ? \"page\" : undefined}\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors\",\n active\n ? \"bg-action-primary-bg text-action-primary-text\"\n : \"text-text-secondary hover:bg-accent hover:text-text-primary\",\n )}\n >\n <Icon size={14} />\n <span>{tr(section.i18nKey, section.fallback)}</span>\n </button>\n </li>\n );\n })}\n </ul>\n <OrgSwitcher />\n </div>\n </nav>\n );\n};\n\n// Exported for unit tests that want to assert against the canonical list.\nexport const __SECTION_NAV_SECTIONS = SECTIONS;\n"],"mappings":";;;;;;;;;;;AAoIA,IAAaA,UAAwB;CACnC,IAAM,EACJ,gBACA,mBACA,wBACA,2BACA,aACA,gBACEC,EAAa,GACXC,IAAWC,EAAmB,GAC9BC,IAAeF,IAAWG,IAAsBC,GAChDC,IAAkBL,IAAWM,IAAyBC,GACtDC,IAAKC,EAAM,GACX,CAACC,GAAMC,KAAWC,EAAS,EAAK,GAChCC,IAAMC,EAAuB,IAAI,GAEjC,EAAE,YAASC,EAA2B,EAAE,aAAa,cAAc,CAAC,GAEpEC,KADqBC,GAAM,4BAA4B,CAAC,EAAA,CACzC,QAAQ,MAC3BjB,IAAWkB,EAAI,SAAS,aAAaA,EAAI,SAAS,UACpD;CAUA,AAPAC,QAAgB;EACd,AAAI,CAACjB,KAAgBc,EAAK,WAAW,KAAKA,EAAK,EAAE,EAAE,MACjDX,EAAgBW,EAAK,EAAE,CAAC,EAAE;CAE9B,GAAG;EAACA;EAAMd;EAAcG;CAAe,CAAC,GAGxCc,QAAgB;EACd,IAAMC,KAAW,MAAkB;GACjC,AAAIP,EAAI,WAAW,CAACA,EAAI,QAAQ,SAAS,EAAE,MAAc,KACvDF,EAAQ,EAAK;EAEjB;EAEA,OADID,KAAM,SAAS,iBAAiB,aAAaU,CAAO,SAC3C,SAAS,oBAAoB,aAAaA,CAAO;CAChE,GAAG,CAACV,CAAI,CAAC;CAGT,IAAMW,IADYL,EAAK,MAAM,MAAMM,EAAE,OAAOpB,CAE1C,CAAA,EAAW,SACVc,EAAK,WAAW,IACbR,EAAG,uBAAuB,iBAAiB,IAC3CA,EAAG,2BAA2B,YAAY,IAE1Ce,IAAgBC,EAAexB,GAAU,KAAK;CAEpD,OACE,kBAAC,OAAD;EAAU;EAAK,WAAU;EAAzB,UAAA,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAeW,GAAS,MAAM,CAACc,CAAC;GAChC,WAAWC,EACT,wGACA,sEACF;GACA,cAAYlB,EAAG,2BAA2B,qBAAqB;GAPjE,UAAA;IASE,kBAACmB,GAAD;KAAW,MAAM;KAAI,WAAU;IAA8B,CAAA;IAC7D,kBAAC,QAAD;KAAM,WAAU;KAA0B,UAAAN;IAAY,CAAA;IACtD,kBAACO,GAAD;KACE,MAAM;KACN,WAAWF,EAAG,wBAAwBhB,KAAQ,YAAY;IAC3D,CAAA;GACK;EAEP,CAAA,GAAAA,KACC,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACGM,EAAK,KAAK,MACT,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe;MAEb,AADAX,EAAgBa,EAAI,EAAE,GACtBP,EAAQ,EAAK;KACf;KACA,WAAWe,EACT,gGACAR,EAAI,OAAOhB,IACP,6BACA,mBACN;KAZF,UAAA,CAcE,kBAAC2B,GAAD;MACE,MAAM;MACN,WAAWH,EACT,iBACAR,EAAI,OAAOhB,IACP,6BACA,WACN;KACD,CAAA,GACD,kBAAC,QAAD;MAAM,WAAU;MAAY,UAAAgB,EAAI;KAAW,CAAA,CACrC;IAvBD,GAAAA,EAAI,EAuBH,CACT;IACAF,EAAK,SAAS,KACb,kBAAC,OAAD,EAAK,WAAU,qCAAsC,CAAA;IAEvD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe;MAEb,AADAL,EAAQ,EAAK,GACbmB,IAAW,GAAGC,KAAY,KAAKR,GAAe;KAChD;KACA,WAAU;KANZ,UAAA,CAQE,kBAACS,GAAD;MAAM,MAAM;MAAI,WAAU;KAAiB,CAAA,GAC3C,kBAAC,QAAD;MAAM,WAAU;MACb,UAAAxB,EAAG,iCAAiC,kBAAkB;KACnD,CAAA,CACA;;GACL;EAEJ,CAAA,CAAA;;AAET"}

package/dist/devportal/components/SelectionCheckbox.d.ts CHANGED Viewed

@@ -6,6 +6,5 @@ interface SelectionCheckboxProps {
     ariaLabel: string;
     className?: string;
 }
-export declare function SelectionCheckbox({ checked, indeterminate, disabled, onChange, ariaLabel, className, }: SelectionCheckboxProps): import("react").JSX.Element;
+export declare function SelectionCheckbox({ checked, indeterminate, disabled, onChange, ariaLabel, className, }: SelectionCheckboxProps): import('react').JSX.Element;
 export {};
-//# sourceMappingURL=SelectionCheckbox.d.ts.map

package/dist/devportal/components/SelectionCheckbox.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { cn as e } from "../utils/cn.js";
 import { useEffect as t, useRef as n } from "react";
 import { Check as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/devportal/components/SelectionCheckbox.tsx
+// src/devportal/components/SelectionCheckbox.tsx
 function o({ checked: o, indeterminate: s = !1, disabled: c = !1, onChange: l, ariaLabel: u, className: d }) {
 	let f = n(null);
 	return t(() => {
@@ -20,7 +20,6 @@ function o({ checked: o, indeterminate: s = !1, disabled: c = !1, onChange: l, a
 		}), (o || s) && /* @__PURE__ */ i(r, { className: e("h-3.5 w-3.5", s && "opacity-70") })]
 	});
 }
-//#endregion
 export { o as SelectionCheckbox };
 //# sourceMappingURL=SelectionCheckbox.js.map

package/dist/devportal/components/SelectionCheckbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionCheckbox.js","names":[],"sources":["../../../src/devportal/components/SelectionCheckbox.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\n\ninterface SelectionCheckboxProps {\n checked: boolean;\n indeterminate?: boolean;\n disabled?: boolean;\n onChange: (checked: boolean) => void;\n ariaLabel: string;\n className?: string;\n}\n\nexport function SelectionCheckbox({\n checked,\n indeterminate = false,\n disabled = false,\n onChange,\n ariaLabel,\n className,\n}: SelectionCheckboxProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate && !checked;\n }\n }, [checked, indeterminate]);\n\n return (\n <label\n className={cn(\n \"inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded border border-border-primary bg-bg-surface transition-colors\",\n checked &&\n \"border-primary bg-action-primary-bg text-action-primary-text\",\n disabled && \"cursor-not-allowed opacity-50\",\n className,\n )}\n >\n <input\n ref={inputRef}\n type=\"checkbox\"\n checked={checked}\n disabled={disabled}\n aria-label={ariaLabel}\n onChange={(event) => onChange(event.target.checked)}\n className=\"sr-only\"\n />\n {(checked \|\| indeterminate) && (\n <Check className={cn(\"h-3.5 w-3.5\", indeterminate && \"opacity-70\")} />\n )}\n </label>\n );\n}\n"],"mappings":";;;;;AAaA,~~SAAgB~~,EAAkB,EAChC,YACA,mBAAgB,IAChB,cAAW,IACX,aACA,cACA,gBACyB;CACzB,~~IAAM~~,~~IAAW~~,EAAyB,~~KAAK~~;~~AAQ/C~~,~~QANA~~,QAAgB;~~AACd~~,~~EAAI~~,EAAS,YACX,EAAS,QAAQ,~~gBAAgB~~,KAAiB,~~CAAC~~;~~IAEpD~~,~~CAAC~~,~~GAAS~~,~~EAAc~~,CAAC,~~EAG1B~~,kBAAC,SAAD;EACE,~~WAAW~~,EACT,~~uIACA~~,KACE,~~gEACF~~,KAAY,~~iCACZ~~,~~EACD~~;~~YAPH~~,CASE,kBAAC,SAAD;GACE,~~KAAK~~;GACL,MAAK;GACI;GACC;GACV,~~cAAY~~;GACZ,WAAW,~~MAAU~~,~~EAAS~~,EAAM,OAAO,~~QAAQ~~;~~GACnD~~,WAAU;~~GACV~~,CAAA,~~GACA~~,~~KAAW~~,MACX,~~kBAAC~~,GAAD,EAAO,~~WAAW~~,EAAG,~~eAAe~~,KAAiB,~~aAAa~~,EAAI,CAAA,CAElE"}
1	+ {"version":3,"file":"SelectionCheckbox.js","names":["SelectionCheckbox","inputRef","useRef","useEffect","indeterminate","checked","cn","disabled","className","ariaLabel","onChange","event","Check"],"sources":["../../../src/devportal/components/SelectionCheckbox.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { Check } from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\n\ninterface SelectionCheckboxProps {\n checked: boolean;\n indeterminate?: boolean;\n disabled?: boolean;\n onChange: (checked: boolean) => void;\n ariaLabel: string;\n className?: string;\n}\n\nexport function SelectionCheckbox({\n checked,\n indeterminate = false,\n disabled = false,\n onChange,\n ariaLabel,\n className,\n}: SelectionCheckboxProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate && !checked;\n }\n }, [checked, indeterminate]);\n\n return (\n <label\n className={cn(\n \"inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded border border-border-primary bg-bg-surface transition-colors\",\n checked &&\n \"border-primary bg-action-primary-bg text-action-primary-text\",\n disabled && \"cursor-not-allowed opacity-50\",\n className,\n )}\n >\n <input\n ref={inputRef}\n type=\"checkbox\"\n checked={checked}\n disabled={disabled}\n aria-label={ariaLabel}\n onChange={(event) => onChange(event.target.checked)}\n className=\"sr-only\"\n />\n {(checked \|\| indeterminate) && (\n <Check className={cn(\"h-3.5 w-3.5\", indeterminate && \"opacity-70\")} />\n )}\n </label>\n );\n}\n"],"mappings":";;;;;AAaA,SAAgBA,EAAkB,EAChC,YACA,mBAAgB,IAChB,cAAW,IACX,aACA,cACA,gBACyB;CACzB,IAAMC,IAAWC,EAAyB,IAAI;CAQ9C,OANAC,QAAgB;EACd,AAAIF,EAAS,YACX,EAAS,QAAQ,gBAAgBG,KAAiB,CAACC;CAEvD,GAAG,CAACA,GAASD,CAAa,CAAC,GAGzB,kBAAC,SAAD;EACE,WAAWE,EACT,uIACAD,KACE,gEACFE,KAAY,iCACZC,CACF;EAPF,UAAA,CASE,kBAAC,SAAD;GACE,KAAKP;GACL,MAAK;GACI;GACC;GACV,cAAYQ;GACZ,WAAW,MAAUC,EAASC,EAAM,OAAO,OAAO;GAClD,WAAU;EACX,CAAA,IACCN,KAAWD,MACX,kBAACQ,GAAD,EAAO,WAAWN,EAAG,eAAeF,KAAiB,YAAY,EAAI,CAAA,CAElE;;AAEX"}

package/dist/devportal/components/StatCard.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
 interface StatCardProps {
     title: string;
     value: string | number | ReactNode;
@@ -29,4 +28,3 @@ export declare const StatCardGrid: FC<{
     className?: string;
 }>;
 export {};
-//# sourceMappingURL=StatCard.d.ts.map

package/dist/devportal/components/StatCard.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { cn as e } from "../utils/cn.js";
 import { Minus as t, TrendingDown as n, TrendingUp as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { GlassCard as o } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/components/StatCard.tsx
+// src/devportal/components/StatCard.tsx
 var s = ({ title: s, value: c, description: l, icon: u, trend: d, featured: f = !1, className: p }) => /* @__PURE__ */ a(o, {
 	treatment: f ? "glass" : "metric",
 	glow: f,
@@ -51,7 +51,6 @@ var s = ({ title: s, value: c, description: l, icon: u, trend: d, featured: f =
 	}[n], r),
 	children: t
 });
-//#endregion
 export { s as StatCard, c as StatCardGrid };
 //# sourceMappingURL=StatCard.js.map