@burdenoff/microfe-devportal 2026.914.6 → 2026.915.1

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

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+
+export type OrderIssueCategory = "OUT_OF_STOCK" | "CANNOT_FULFILL" | "WRONG_ADDRESS" | "OTHER";
+export interface ReportOrderIssueModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    orderId: string;
+    organizationId: string;
+    gqlUrl: string;
+    headers: Record<string, string>;
+    onReported: () => void;
+}
+/**
+ * Small modal for a seller to report a problem fulfilling a physical order
+ * (out of stock, cannot fulfill, wrong address, etc). Purely informational —
+ * visible to admin on the fulfillment console; does not cancel or refund
+ * 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportOrderIssueModal.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/ReportOrderIssueModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,kBAAkB,GAC1B,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,OAAO,CAAC;AAqBZ,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA8KhE,CAAC"}

package/dist/devportal/components/ReportOrderIssueModal.js

@@ -0,0 +1,157 @@
+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
+var l = [
+	{
+		value: "OUT_OF_STOCK",
+		label: "Out of stock"
+	},
+	{
+		value: "CANNOT_FULFILL",
+		label: "Cannot fulfill"
+	},
+	{
+		value: "WRONG_ADDRESS",
+		label: "Wrong address / pincode"
+	},
+	{
+		value: "OTHER",
+		label: "Other"
+	}
+], u = "\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", d = ({ open: d, onOpenChange: f, orderId: p, organizationId: m, gqlUrl: h, headers: g, onReported: _ }) => {
+	let { t: v } = c(), y = (e, t) => {
+		let n = v(e);
+		return n === e ? t : n;
+	}, b = e(), x = t(null), [S, C] = n("OUT_OF_STOCK"), [w, T] = n(""), [E, D] = n(!1), [O, k] = n(null);
+	if (!d) return null;
+	let A = () => {
+		E || (T(""), C("OUT_OF_STOCK"), k(null), f(!1));
+	}, j = async () => {
+		D(!0), k(null);
+		try {
+			let e = await (await fetch(h, {
+				method: "POST",
+				headers: g,
+				body: JSON.stringify({
+					query: u,
+					variables: {
+						orderId: p,
+						organizationId: m,
+						category: S,
+						note: w.trim() || null
+					}
+				})
+			})).json();
+			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to report issue");
+			_(), A();
+		} catch (e) {
+			k(e instanceof Error ? e.message : "Failed to report issue");
+		} finally {
+			D(!1);
+		}
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			"aria-label": "Close report issue dialog backdrop",
+			className: "absolute inset-0 bg-bg-overlay",
+			onClick: A
+		}), /* @__PURE__ */ s("div", {
+			ref: x,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": b,
+			tabIndex: -1,
+			className: "relative z-10 w-full max-w-md rounded-lg bg-bg-surface shadow-xl",
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "flex items-start gap-4 border-b p-6",
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: "rounded-full bg-status-warning-bg-subtle p-2",
+							children: /* @__PURE__ */ o(r, { className: "h-6 w-6 text-status-warning-text" })
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ o("h3", {
+								id: b,
+								className: "text-lg font-semibold",
+								children: y("devportal.reportOrderIssue", "Report an Issue")
+							}), /* @__PURE__ */ o("p", {
+								className: "mt-1 text-sm text-text-secondary",
+								children: y("devportal.reportOrderIssueDesc", "Let admin know about a problem fulfilling this order.")
+							})]
+						}),
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: A,
+							disabled: E,
+							className: "rounded-md p-1 text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50",
+							children: /* @__PURE__ */ o(a, { className: "h-5 w-5" })
+						})
+					]
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "space-y-4 p-6",
+					children: [
+						/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
+							className: "mb-2 block text-sm font-medium",
+							children: y("devportal.issueCategory", "What's the problem?")
+						}), /* @__PURE__ */ o("div", {
+							className: "space-y-2",
+							children: l.map((e) => /* @__PURE__ */ s("label", {
+								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",
+								children: [/* @__PURE__ */ o("input", {
+									type: "radio",
+									name: "issue-category",
+									value: e.value,
+									checked: S === e.value,
+									onChange: () => C(e.value),
+									className: "text-primary"
+								}), e.label]
+							}, e.value))
+						})] }),
+						/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
+							className: "mb-2 block text-sm font-medium",
+							children: y("devportal.issueNote", "Additional details (optional)")
+						}), /* @__PURE__ */ o("textarea", {
+							value: w,
+							onChange: (e) => T(e.target.value),
+							rows: 3,
+							maxLength: 500,
+							placeholder: y("devportal.issueNotePlaceholder", "Anything admin should know…"),
+							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"
+						})] }),
+						O && /* @__PURE__ */ o("p", {
+							className: "text-sm text-status-error-text",
+							children: O
+						})
+					]
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center justify-end gap-3 border-t p-6",
+					children: [/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: A,
+						disabled: E,
+						className: "rounded-md px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken transition-colors disabled:opacity-50",
+						children: y("devportal.cancel", "Cancel")
+					}), /* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => void j(),
+						disabled: E,
+						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",
+						children: [E && /* @__PURE__ */ o(i, { className: "h-4 w-4 animate-spin" }), y("devportal.submitReport", "Report Issue")]
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { d as ReportOrderIssueModal };
+
+//# sourceMappingURL=ReportOrderIssueModal.js.map

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

@@ -0,0 +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(\n        err instanceof Error ? err.message : \"Failed to report issue\",\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 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 && (\n            <p className=\"text-sm text-status-error-text\">{error}</p>\n          )}\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/index.d.ts

@@ -14,6 +14,7 @@ export * from './DataTable';
 export * from './FormField';
 export * from './ConfirmDialog';
 export * from './GrantDelegationModal';
+export * from './ReportOrderIssueModal';
 export * from './PermissionGuard';
 export * from './FeatureFlaggedRoute';
 export * from './TelemetryErrorBoundary';

package/dist/devportal/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/devportal/components/index.js

@@ -12,5 +12,6 @@ import "./DataTable.js";
 import "./FormField.js";
 import "./ConfirmDialog.js";
 import "./GrantDelegationModal.js";
+import "./ReportOrderIssueModal.js";
 import "./PermissionGuard.js";
 import "./MarkdownEditor.js";

package/dist/devportal/hooks/usePackageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePackageUpload.d.ts","sourceRoot":"","sources":["../../../src/devportal/hooks/usePackageUpload.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AA6JD,wBAAgB,gBAAgB,CAC9B,oBAAoB,EAAE,MAAM,GAAG,SAAS,EACxC,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,iBAAiB,EAAE,CAAC,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,GAAG,SAAS,EAC7D,UAAU,SAAwB;eArKvB,OAAO;cACR,MAAM;WACT,MAAM,GAAG,IAAI;mBA4KL,IAAI,KAAG,OAAO,CAAC,mBAAmB,CAAC;EAoDnD"}
+{"version":3,"file":"usePackageUpload.d.ts","sourceRoot":"","sources":["../../../src/devportal/hooks/usePackageUpload.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AA2JD,wBAAgB,gBAAgB,CAC9B,oBAAoB,EAAE,MAAM,GAAG,SAAS,EACxC,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,iBAAiB,EAAE,CAAC,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,GAAG,SAAS,EAC7D,UAAU,SAAwB;eAnKvB,OAAO;cACR,MAAM;WACT,MAAM,GAAG,IAAI;mBA0KL,IAAI,KAAG,OAAO,CAAC,mBAAmB,CAAC;EAoDnD"}

package/dist/devportal/hooks/usePackageUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePackageUpload.js","names":[],"sources":["../../../src/devportal/hooks/usePackageUpload.ts"],"sourcesContent":["/**\n * usePackageUpload — uploads a zip package to wspace-files-svc and returns a\n * stable downloadUrl to store as ApplicationVersion.packageUrl.\n *\n * Flow (mirrors uploadBlobToFiles in @burdenoff/fe-libs/storage):\n *   1. ensureFolderByPath(\"/DevPortal/Packages\") → folderId\n *   2. initiateUpload → { sessionId, presignedUrl }\n *   3. PUT blob to presignedUrl (progress tracked via XHR)\n *   4. completeUpload → { file.downloadUrl }\n *\n * Uses raw fetch for GraphQL mutations so we can target the workspace gateway\n * without a second ApolloProvider.\n */\nimport { useCallback, useState } from \"react\";\n\nexport interface PackageUploadResult {\n  fileId: string;\n  downloadUrl: string;\n}\n\nexport interface PackageUploadState {\n  uploading: boolean;\n  progress: number;\n  error: string | null;\n}\n\ntype GqlFetcher = (\n  query: string,\n  variables: Record<string, unknown>,\n) => Promise<Record<string, unknown>>;\n\nfunction makeFetcher(\n  workspacesGatewayUrl: string,\n  authToken: string | undefined,\n  workspaceId: string | undefined,\n  workspaceToken: string | undefined,\n): GqlFetcher {\n  return async (query, variables) => {\n    const headers: Record<string, string> = {\n      \"Content-Type\": \"application/json\",\n    };\n    if (authToken) headers[\"Authorization\"] = `Bearer ${authToken}`;\n    if (workspaceToken)\n      headers[\"X-Workspace-Authorization\"] = `Bearer ${workspaceToken}`;\n    if (workspaceId) headers[\"x-workspace-id\"] = workspaceId;\n\n    const endpoint = workspacesGatewayUrl.endsWith(\"/graphql\")\n      ? workspacesGatewayUrl\n      : `${workspacesGatewayUrl}/workspaces/graphql`;\n\n    const res = await fetch(endpoint, {\n      method: \"POST\",\n      headers,\n      credentials: \"include\",\n      body: JSON.stringify({ query, variables }),\n    });\n    if (!res.ok) {\n      throw new Error(\n        `GraphQL request failed: ${res.status} ${res.statusText}`,\n      );\n    }\n    const json = (await res.json()) as {\n      data?: Record<string, unknown>;\n      errors?: Array<{ message: string }>;\n    };\n    if (json.errors?.length) {\n      throw new Error(json.errors.map((e) => e.message).join(\"; \"));\n    }\n    return json.data ?? {};\n  };\n}\n\nasync function ensureFolder(gql: GqlFetcher, path: string): Promise<string> {\n  const data = await gql(\n    `mutation DevPortal_EnsureFolder($path: String!) {\n       ensureFolderByPath(path: $path) { id }\n     }`,\n    { path },\n  );\n  const id = (data.ensureFolderByPath as { id?: string } | undefined)?.id;\n  if (!id) throw new Error(\"ensureFolderByPath returned no id\");\n  return id;\n}\n\nasync function initiateUpload(\n  gql: GqlFetcher,\n  file: File,\n  folderId: string,\n): Promise<{ sessionId: string; uploadUrl: string }> {\n  const ext = file.name.includes(\".\")\n    ? file.name.substring(file.name.lastIndexOf(\".\") + 1)\n    : \"zip\";\n  const data = await gql(\n    `mutation DevPortal_InitiateUpload($input: InitiateUploadInput!) {\n       initiateUpload(input: $input) {\n         uploadUrl\n         session { id }\n       }\n     }`,\n    {\n      input: {\n        fileName: file.name,\n        fileSize: String(file.size),\n        mimeType: file.type || \"application/zip\",\n        extension: ext,\n        folderId,\n        visibility: \"PUBLIC\",\n      },\n    },\n  );\n  const result = data.initiateUpload as\n    | { uploadUrl?: string; session?: { id?: string } }\n    | undefined;\n  const sessionId = result?.session?.id;\n  const uploadUrl = result?.uploadUrl;\n  if (!sessionId || !uploadUrl) {\n    throw new Error(\"initiateUpload did not return sessionId or uploadUrl\");\n  }\n  return { sessionId, uploadUrl };\n}\n\nasync function putToPresignedUrl(\n  file: File,\n  uploadUrl: string,\n  onProgress: (pct: number) => void,\n): Promise<void> {\n  await new Promise<void>((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener(\"progress\", (evt) => {\n      if (evt.lengthComputable) {\n        onProgress(10 + Math.round((evt.loaded / evt.total) * 80));\n      }\n    });\n    xhr.addEventListener(\"load\", () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        resolve();\n      } else {\n        reject(new Error(`S3 PUT failed: ${xhr.status}`));\n      }\n    });\n    xhr.addEventListener(\"error\", () =>\n      reject(new Error(\"S3 PUT network error\")),\n    );\n    xhr.addEventListener(\"abort\", () => reject(new Error(\"S3 PUT aborted\")));\n    xhr.open(\"PUT\", uploadUrl);\n    xhr.setRequestHeader(\"Content-Type\", file.type || \"application/zip\");\n    xhr.send(file);\n  });\n}\n\nasync function completeUpload(\n  gql: GqlFetcher,\n  sessionId: string,\n  folderId: string,\n  fileSize: number,\n): Promise<PackageUploadResult> {\n  const data = await gql(\n    `mutation DevPortal_CompleteUpload($input: CompleteUploadInput!) {\n       completeUpload(input: $input) {\n         file { id downloadUrl }\n       }\n     }`,\n    {\n      input: {\n        sessionId,\n        folderId,\n        fileSize: String(fileSize),\n      },\n    },\n  );\n  const file = (\n    data.completeUpload as\n      | { file?: { id?: string; downloadUrl?: string } }\n      | undefined\n  )?.file;\n  if (!file?.id || !file.downloadUrl) {\n    throw new Error(\"completeUpload did not return file id or downloadUrl\");\n  }\n  return { fileId: file.id, downloadUrl: file.downloadUrl };\n}\n\nexport function usePackageUpload(\n  workspacesGatewayUrl: string | undefined,\n  authToken: string | undefined,\n  workspaceId: string | undefined,\n  getWorkspaceToken: (() => Promise<string | null>) | undefined,\n  folderPath = \"/DevPortal/Packages\",\n) {\n  const [state, setState] = useState<PackageUploadState>({\n    uploading: false,\n    progress: 0,\n    error: null,\n  });\n\n  const upload = useCallback(\n    async (file: File): Promise<PackageUploadResult> => {\n      if (!workspacesGatewayUrl) {\n        throw new Error(\n          \"workspacesGatewayUrl is not configured. Pass it as a prop to DevportalRoot.\",\n        );\n      }\n\n      const freshToken = getWorkspaceToken\n        ? await getWorkspaceToken()\n        : undefined;\n      const gql = makeFetcher(\n        workspacesGatewayUrl,\n        authToken,\n        workspaceId,\n        freshToken ?? undefined,\n      );\n\n      setState({ uploading: true, progress: 0, error: null });\n      try {\n        const folderId = await ensureFolder(gql, folderPath);\n        setState((s) => ({ ...s, progress: 5 }));\n\n        const { sessionId, uploadUrl } = await initiateUpload(\n          gql,\n          file,\n          folderId,\n        );\n        setState((s) => ({ ...s, progress: 10 }));\n\n        await putToPresignedUrl(file, uploadUrl, (pct) =>\n          setState((s) => ({ ...s, progress: pct })),\n        );\n        setState((s) => ({ ...s, progress: 90 }));\n\n        const result = await completeUpload(\n          gql,\n          sessionId,\n          folderId,\n          file.size,\n        );\n        setState({ uploading: false, progress: 100, error: null });\n        return result;\n      } catch (err) {\n        const message = err instanceof Error ? err.message : \"Upload failed\";\n        setState({ uploading: false, progress: 0, error: message });\n        throw err;\n      }\n    },\n    [workspacesGatewayUrl, authToken, workspaceId, getWorkspaceToken],\n  );\n\n  return { upload, ...state };\n}\n"],"mappings":"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"}
+{"version":3,"file":"usePackageUpload.js","names":[],"sources":["../../../src/devportal/hooks/usePackageUpload.ts"],"sourcesContent":["/**\n * usePackageUpload — uploads a zip package to wspace-files-svc and returns a\n * stable downloadUrl to store as ApplicationVersion.packageUrl.\n *\n * Flow (mirrors uploadBlobToFiles in @burdenoff/fe-libs/storage):\n *   1. ensureFolderByPath(\"/DevPortal/Packages\") → folderId\n *   2. initiateUpload → { sessionId, presignedUrl }\n *   3. PUT blob to presignedUrl (progress tracked via XHR)\n *   4. completeUpload → { file.downloadUrl }\n *\n * Uses raw fetch for GraphQL mutations so we can target the workspace gateway\n * without a second ApolloProvider.\n */\nimport { useCallback, useState } from \"react\";\n\nexport interface PackageUploadResult {\n  fileId: string;\n  downloadUrl: string;\n}\n\nexport interface PackageUploadState {\n  uploading: boolean;\n  progress: number;\n  error: string | null;\n}\n\ntype GqlFetcher = (\n  query: string,\n  variables: Record<string, unknown>,\n) => Promise<Record<string, unknown>>;\n\nfunction makeFetcher(\n  workspacesGatewayUrl: string,\n  authToken: string | undefined,\n  workspaceId: string | undefined,\n  workspaceToken: string | undefined,\n): GqlFetcher {\n  return async (query, variables) => {\n    const headers: Record<string, string> = {\n      \"Content-Type\": \"application/json\",\n    };\n    if (authToken) headers[\"Authorization\"] = `Bearer ${authToken}`;\n    if (workspaceToken)\n      headers[\"X-Workspace-Authorization\"] = `Bearer ${workspaceToken}`;\n    if (workspaceId) headers[\"x-workspace-id\"] = workspaceId;\n\n    const endpoint = workspacesGatewayUrl.endsWith(\"/graphql\")\n      ? workspacesGatewayUrl\n      : `${workspacesGatewayUrl}/workspaces/graphql`;\n\n    const res = await fetch(endpoint, {\n      method: \"POST\",\n      headers,\n      credentials: \"include\",\n      body: JSON.stringify({ query, variables }),\n    });\n    if (!res.ok) {\n      throw new Error(\n        `GraphQL request failed: ${res.status} ${res.statusText}`,\n      );\n    }\n    const json = (await res.json()) as {\n      data?: Record<string, unknown>;\n      errors?: Array<{ message: string }>;\n    };\n    if (json.errors?.length) {\n      throw new Error(json.errors.map((e) => e.message).join(\"; \"));\n    }\n    return json.data ?? {};\n  };\n}\n\nasync function ensureFolder(gql: GqlFetcher, path: string): Promise<string> {\n  const data = await gql(\n    `mutation DevPortal_EnsureFolder($path: String!) {\n       ensureFolderByPath(path: $path) { id }\n     }`,\n    { path },\n  );\n  const id = (data.ensureFolderByPath as { id?: string } | undefined)?.id;\n  if (!id) throw new Error(\"ensureFolderByPath returned no id\");\n  return id;\n}\n\nasync function initiateUpload(\n  gql: GqlFetcher,\n  file: File,\n  folderId: string,\n): Promise<{ sessionId: string; uploadUrl: string }> {\n  const ext = file.name.includes(\".\")\n    ? file.name.substring(file.name.lastIndexOf(\".\") + 1)\n    : \"zip\";\n  const data = await gql(\n    `mutation DevPortal_InitiateUpload($input: InitiateUploadInput!) {\n       initiateUpload(input: $input) {\n         uploadUrl\n         session { id }\n       }\n     }`,\n    {\n      input: {\n        fileName: file.name,\n        fileSize: String(file.size),\n        mimeType: file.type || \"application/zip\",\n        extension: ext,\n        folderId,\n        visibility: \"PUBLIC\",\n      },\n    },\n  );\n  const result = data.initiateUpload as\n    { uploadUrl?: string; session?: { id?: string } } | undefined;\n  const sessionId = result?.session?.id;\n  const uploadUrl = result?.uploadUrl;\n  if (!sessionId || !uploadUrl) {\n    throw new Error(\"initiateUpload did not return sessionId or uploadUrl\");\n  }\n  return { sessionId, uploadUrl };\n}\n\nasync function putToPresignedUrl(\n  file: File,\n  uploadUrl: string,\n  onProgress: (pct: number) => void,\n): Promise<void> {\n  await new Promise<void>((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener(\"progress\", (evt) => {\n      if (evt.lengthComputable) {\n        onProgress(10 + Math.round((evt.loaded / evt.total) * 80));\n      }\n    });\n    xhr.addEventListener(\"load\", () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        resolve();\n      } else {\n        reject(new Error(`S3 PUT failed: ${xhr.status}`));\n      }\n    });\n    xhr.addEventListener(\"error\", () =>\n      reject(new Error(\"S3 PUT network error\")),\n    );\n    xhr.addEventListener(\"abort\", () => reject(new Error(\"S3 PUT aborted\")));\n    xhr.open(\"PUT\", uploadUrl);\n    xhr.setRequestHeader(\"Content-Type\", file.type || \"application/zip\");\n    xhr.send(file);\n  });\n}\n\nasync function completeUpload(\n  gql: GqlFetcher,\n  sessionId: string,\n  folderId: string,\n  fileSize: number,\n): Promise<PackageUploadResult> {\n  const data = await gql(\n    `mutation DevPortal_CompleteUpload($input: CompleteUploadInput!) {\n       completeUpload(input: $input) {\n         file { id downloadUrl }\n       }\n     }`,\n    {\n      input: {\n        sessionId,\n        folderId,\n        fileSize: String(fileSize),\n      },\n    },\n  );\n  const file = (\n    data.completeUpload as\n      { file?: { id?: string; downloadUrl?: string } } | undefined\n  )?.file;\n  if (!file?.id || !file.downloadUrl) {\n    throw new Error(\"completeUpload did not return file id or downloadUrl\");\n  }\n  return { fileId: file.id, downloadUrl: file.downloadUrl };\n}\n\nexport function usePackageUpload(\n  workspacesGatewayUrl: string | undefined,\n  authToken: string | undefined,\n  workspaceId: string | undefined,\n  getWorkspaceToken: (() => Promise<string | null>) | undefined,\n  folderPath = \"/DevPortal/Packages\",\n) {\n  const [state, setState] = useState<PackageUploadState>({\n    uploading: false,\n    progress: 0,\n    error: null,\n  });\n\n  const upload = useCallback(\n    async (file: File): Promise<PackageUploadResult> => {\n      if (!workspacesGatewayUrl) {\n        throw new Error(\n          \"workspacesGatewayUrl is not configured. Pass it as a prop to DevportalRoot.\",\n        );\n      }\n\n      const freshToken = getWorkspaceToken\n        ? await getWorkspaceToken()\n        : undefined;\n      const gql = makeFetcher(\n        workspacesGatewayUrl,\n        authToken,\n        workspaceId,\n        freshToken ?? undefined,\n      );\n\n      setState({ uploading: true, progress: 0, error: null });\n      try {\n        const folderId = await ensureFolder(gql, folderPath);\n        setState((s) => ({ ...s, progress: 5 }));\n\n        const { sessionId, uploadUrl } = await initiateUpload(\n          gql,\n          file,\n          folderId,\n        );\n        setState((s) => ({ ...s, progress: 10 }));\n\n        await putToPresignedUrl(file, uploadUrl, (pct) =>\n          setState((s) => ({ ...s, progress: pct })),\n        );\n        setState((s) => ({ ...s, progress: 90 }));\n\n        const result = await completeUpload(\n          gql,\n          sessionId,\n          folderId,\n          file.size,\n        );\n        setState({ uploading: false, progress: 100, error: null });\n        return result;\n      } catch (err) {\n        const message = err instanceof Error ? err.message : \"Upload failed\";\n        setState({ uploading: false, progress: 0, error: message });\n        throw err;\n      }\n    },\n    [workspacesGatewayUrl, authToken, workspaceId, getWorkspaceToken],\n  );\n\n  return { upload, ...state };\n}\n"],"mappings":"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"}

package/dist/devportal/pages/CreateOrganizationPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA6ChC;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAqjBpC,CAAC"}
+{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+ChC;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,EA4kBpC,CAAC"}

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -38,7 +38,8 @@ var E = () => {
 		description: "",
 		websiteUrl: "",
 		contactEmail: "",
-		supportEmail: ""
+		supportEmail: "",
+		pickupPostalCode: ""
 	}), Q = (e) => {
 		E?.(`${D}${e}`);
 	}, ne = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), re = (e) => {
@@ -82,7 +83,8 @@ var E = () => {
 								description: X.description || void 0,
 								websiteUrl: X.websiteUrl || void 0,
 								contactEmail: X.contactEmail || void 0,
-								supportEmail: X.supportEmail || void 0
+								supportEmail: X.supportEmail || void 0,
+								pickupPostalCode: j && X.pickupPostalCode.trim() || void 0
 							}, t = j ? (await I({ variables: { input: e } })).data?.createSellerOrganization?.id : (await F({ variables: { input: e } })).data?.createDeveloperOrganization?.id;
 							if (!t) {
 								V("idle");
@@ -158,6 +160,13 @@ var E = () => {
 									onChange: (e) => $("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
+								j && /* @__PURE__ */ w(p, {
+									label: M("devportal.pickupPostalCode", "Pickup Pincode (optional)"),
+									value: X.pickupPostalCode,
+									onChange: (e) => $("pickupPostalCode", e.target.value),
+									placeholder: "560001",
+									hint: M("devportal.pickupPostalCodeHint", "The postal code your physical orders actually ship from — used to quote real carrier shipping rates. You can skip this now and set it later from organization settings.")
+								}),
 								/* @__PURE__ */ T("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [/* @__PURE__ */ w(p, {

package/dist/devportal/pages/CreateOrganizationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrganizationPage.js","names":[],"sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { X, Building2, Check, Link2, Loader2 } from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, TextareaField } from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport {\n  useIsSellerSection,\n  orgSectionPath,\n} from \"../hooks/useIsSellerSection\";\nimport {\n  useCreateOrganizationMutation,\n  useCreateSellerOrganizationMutation,\n  useGetBillingAccountsByOrgQuery,\n  useLinkDevOrgBillingAccountMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\nimport { useDevportalEventBus } from \"../events\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\ninterface CreateOrganizationFormData {\n  name: string;\n  slug: string;\n  description: string;\n  websiteUrl: string;\n  contactEmail: string;\n  supportEmail: string;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  contactEmail?: string;\n  supportEmail?: string;\n}\n\ntype SubmitPhase =\n  | \"idle\"\n  | \"creating-org\"\n  | \"setting-up-billing\"\n  | \"linking-billing\"\n  | \"redirecting\";\n\n/**\n * Create new organization page — single step.\n * The user can either have a billing account auto-created and linked, or\n * link one of their existing billing accounts up front. Legal/tax details\n * are completed later from organization settings.\n */\nexport const CreateOrganizationPage: FC = () => {\n  const {\n    navigate,\n    basePath,\n    currentUser,\n    tenantId,\n    setActiveOrgId,\n    setActivePhysicalOrgId,\n  } = useDevportal();\n  const isSeller = useIsSellerSection();\n  const tr = useTr();\n  const [errors, setErrors] = useState<FormErrors>({});\n  // Shared page for both kinds — which mutation runs is the trust boundary\n  // for DeveloperOrgKind (BOFF-7285): createSellerOrganization always makes\n  // a PHYSICAL org, createDeveloperOrganization always makes DIGITAL. Both\n  // hooks are called unconditionally (rules of hooks); only one is invoked.\n  const [createOrganization] = useCreateOrganizationMutation();\n  const [createSellerOrganization] = useCreateSellerOrganizationMutation();\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n  const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n  const bus = useDevportalEventBus();\n\n  // Multi-step status so the button/banner reflect the whole create flow —\n  // not just the org-creation mutation's own loading flag, which flips back\n  // to false before the (awaited) billing setup/link steps finish.\n  const [phase, setPhase] = useState<SubmitPhase>(\"idle\");\n  const isSubmitting = phase !== \"idle\";\n\n  const [billingChoice, setBillingChoice] = useState<\"auto\" | \"existing\">(\n    \"auto\",\n  );\n  const [selectedBillingAccountId, setSelectedBillingAccountId] = useState<\n    string | null\n  >(null);\n  const { data: billingAccountsData, loading: billingAccountsLoading } =\n    useGetBillingAccountsByOrgQuery({\n      fetchPolicy: \"cache-and-network\",\n      context: { headers: { \"x-org-id\": tenantId ?? \"\" } },\n    });\n  type BillingAccount = NonNullable<\n    typeof billingAccountsData\n  >[\"getBillingAccountsByOrg\"][number];\n  const existingBillingAccounts: BillingAccount[] = useMemo(\n    () => billingAccountsData?.getBillingAccountsByOrg ?? [],\n    [billingAccountsData],\n  );\n\n  // Keep the \"existing account\" choice valid as the list loads: fall back to\n  // auto-create if it turns out empty, and default-select once it arrives.\n  useEffect(() => {\n    if (billingChoice !== \"existing\" || billingAccountsLoading) return;\n    if (existingBillingAccounts.length === 0) {\n      setBillingChoice(\"auto\");\n      return;\n    }\n    if (!selectedBillingAccountId) {\n      setSelectedBillingAccountId(\n        existingBillingAccounts.find((a) => a.isDefault)?.id ??\n          existingBillingAccounts[0]?.id ??\n          null,\n      );\n    }\n  }, [\n    billingChoice,\n    billingAccountsLoading,\n    existingBillingAccounts,\n    selectedBillingAccountId,\n  ]);\n\n  const [formData, setFormData] = useState<CreateOrganizationFormData>({\n    name: \"\",\n    slug: \"\",\n    description: \"\",\n    websiteUrl: \"\",\n    contactEmail: \"\",\n    supportEmail: \"\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const generateSlug = (name: string): string => {\n    return name\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-|-$/g, \"\");\n  };\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setFormData((prev) => ({\n      ...prev,\n      name,\n      slug: prev.slug || generateSlug(name),\n    }));\n    if (errors.name) {\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    }\n  };\n\n  const handleChange = (\n    field: keyof CreateOrganizationFormData,\n    value: string,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field as keyof FormErrors]) {\n      setErrors((prev) => ({ ...prev, [field]: undefined }));\n    }\n  };\n\n  const validate = (): boolean => {\n    const newErrors: FormErrors = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    } else if (formData.name.length < 2) {\n      newErrors.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    } else if (formData.name.length > 100) {\n      newErrors.name = tr(\n        \"devportal.nameTooLong\",\n        \"Name must be less than 100 characters\",\n      );\n    }\n\n    if (!formData.slug.trim()) {\n      newErrors.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {\n      newErrors.slug = tr(\n        \"devportal.slugInvalid\",\n        \"Slug can only contain lowercase letters, numbers, and hyphens\",\n      );\n    }\n\n    if (\n      formData.contactEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.contactEmail)\n    ) {\n      newErrors.contactEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\n      );\n    }\n\n    if (\n      formData.supportEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.supportEmail)\n    ) {\n      newErrors.supportEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\n      );\n    }\n\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!validate()) return;\n\n    setPhase(\"creating-org\");\n    try {\n      const input = {\n        name: formData.name,\n        slug: formData.slug || undefined,\n        description: formData.description || undefined,\n        websiteUrl: formData.websiteUrl || undefined,\n        contactEmail: formData.contactEmail || undefined,\n        supportEmail: formData.supportEmail || undefined,\n      };\n\n      const orgId = isSeller\n        ? (await createSellerOrganization({ variables: { input } })).data\n            ?.createSellerOrganization?.id\n        : (await createOrganization({ variables: { input } })).data\n            ?.createDeveloperOrganization?.id;\n\n      if (!orgId) {\n        setPhase(\"idle\");\n        return;\n      }\n\n      bus.emit(\"devportal.org.created\", {\n        organizationId: orgId,\n        name: formData.name,\n      });\n      if (isSeller) {\n        setActivePhysicalOrgId(orgId);\n      } else {\n        setActiveOrgId(orgId);\n      }\n\n      if (billingChoice === \"existing\" && selectedBillingAccountId) {\n        setPhase(\"linking-billing\");\n        try {\n          await linkBillingAccount({\n            variables: {\n              organizationId: orgId,\n              billingAccountId: selectedBillingAccountId,\n            },\n          });\n        } catch {\n          // non-blocking — can be linked later from the Revenue tab\n        }\n      } else {\n        setPhase(\"setting-up-billing\");\n        try {\n          const billingResult = await createBillingAccountMutation({\n            variables: {\n              input: {\n                name: formData.name,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          });\n          const billingAccountId = billingResult.data?.createBillingAccount?.id;\n          if (billingAccountId) {\n            await linkBillingAccount({\n              variables: { organizationId: orgId, billingAccountId },\n            });\n          }\n        } catch {\n          // non-blocking — can be linked later from the Revenue tab\n        }\n      }\n\n      setPhase(\"redirecting\");\n      handleNavigate(orgSectionPath(isSeller, orgId));\n    } catch (error) {\n      console.error(\"Failed to create organization:\", error);\n      setPhase(\"idle\");\n    }\n  };\n\n  const handleCancel = () => {\n    handleNavigate(orgSectionPath(isSeller));\n  };\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.createOrganization\", \"Create Organization\")}\n        description={\n          isSeller\n            ? tr(\n                \"devportal.createSellerOrganizationDescription\",\n                \"Set up a seller organization to start selling physical products\",\n              )\n            : tr(\n                \"devportal.createOrganizationDescription\",\n                \"Set up a developer organization to collaborate with your team\",\n              )\n        }\n        purpose={\n          isSeller\n            ? tr(\n                \"devportal.createSellerOrganizationPurpose\",\n                \"A seller organization is the shared owner of your physical listings, orders, and revenue. Create one here — you can invite members and complete legal/tax details afterwards.\",\n              )\n            : tr(\n                \"devportal.createOrganizationPurpose\",\n                \"An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards.\",\n              )\n        }\n        backLink={`${basePath}${orgSectionPath(isSeller)}`}\n        backLabel={tr(\"devportal.backToOrganizations\", \"Back to Organizations\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Organization Details */}\n          <PageSection\n            title={tr(\"devportal.organizationDetails\", \"Organization Details\")}\n            description={tr(\n              \"devportal.organizationDetailsDescription\",\n              \"Basic information about your organization\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={errors.name}\n                hint={tr(\n                  \"devportal.organizationNameHint\",\n                  \"Your organization's display name\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={formData.slug}\n                onChange={(e) =>\n                  handleChange(\"slug\", e.target.value.toLowerCase())\n                }\n                placeholder={tr(\"devportal.orgSlugPlaceholder\", \"acme-dev\")}\n                required\n                error={errors.slug}\n                hint={tr(\n                  \"devportal.slugHint\",\n                  \"URL-friendly identifier (auto-generated from name)\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.description\", \"Description\")}\n                value={formData.description}\n                onChange={(e) => handleChange(\"description\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization...\",\n                )}\n                rows={3}\n              />\n\n              <InputField\n                label={tr(\"devportal.websiteUrl\", \"Website URL\")}\n                type=\"url\"\n                value={formData.websiteUrl}\n                onChange={(e) => handleChange(\"websiteUrl\", e.target.value)}\n                placeholder=\"https://example.com\"\n              />\n\n              <div className=\"grid gap-4 sm:grid-cols-2\">\n                <InputField\n                  label={tr(\"devportal.contactEmail\", \"Contact Email\")}\n                  type=\"email\"\n                  value={formData.contactEmail}\n                  onChange={(e) => handleChange(\"contactEmail\", e.target.value)}\n                  placeholder=\"contact@example.com\"\n                  error={errors.contactEmail}\n                />\n\n                <InputField\n                  label={tr(\"devportal.supportEmail\", \"Support Email\")}\n                  type=\"email\"\n                  value={formData.supportEmail}\n                  onChange={(e) => handleChange(\"supportEmail\", e.target.value)}\n                  placeholder=\"support@example.com\"\n                  error={errors.supportEmail}\n                />\n              </div>\n            </div>\n          </PageSection>\n\n          {/* Billing Account */}\n          <PageSection\n            title={tr(\"devportal.billingAccount\", \"Billing Account\")}\n            description={tr(\n              \"devportal.billingAccountSectionDescription\",\n              \"Revenue from sales will be credited here. You can change this anytime from the Revenue page.\",\n            )}\n          >\n            <div className=\"space-y-3\">\n              <button\n                type=\"button\"\n                onClick={() => setBillingChoice(\"auto\")}\n                disabled={isSubmitting}\n                className={cn(\n                  \"flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50\",\n                  billingChoice === \"auto\"\n                    ? \"border-primary bg-action-primary-bg/5\"\n                    : \"border-border-subtle hover:bg-bg-sunken\",\n                )}\n              >\n                <Check\n                  size={16}\n                  className={cn(\n                    \"mt-0.5 flex-shrink-0\",\n                    billingChoice === \"auto\"\n                      ? \"opacity-100 text-primary\"\n                      : \"opacity-0\",\n                  )}\n                />\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium\">\n                    {tr(\n                      \"devportal.billingAutoCreate\",\n                      \"Create a new billing account automatically\",\n                    )}\n                  </p>\n                  <p className=\"mt-0.5 text-xs text-text-secondary\">\n                    {tr(\n                      \"devportal.billingAutoCreateHint\",\n                      \"We'll set one up using your organization name and account email. You can complete legal and tax details for payouts later in Organization Settings.\",\n                    )}\n                  </p>\n                </div>\n              </button>\n\n              <button\n                type=\"button\"\n                onClick={() => setBillingChoice(\"existing\")}\n                disabled={\n                  isSubmitting ||\n                  (!billingAccountsLoading &&\n                    existingBillingAccounts.length === 0)\n                }\n                className={cn(\n                  \"flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50\",\n                  billingChoice === \"existing\"\n                    ? \"border-primary bg-action-primary-bg/5\"\n                    : \"border-border-subtle hover:bg-bg-sunken\",\n                )}\n              >\n                <Check\n                  size={16}\n                  className={cn(\n                    \"mt-0.5 flex-shrink-0\",\n                    billingChoice === \"existing\"\n                      ? \"opacity-100 text-primary\"\n                      : \"opacity-0\",\n                  )}\n                />\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"flex items-center gap-1.5 text-sm font-medium\">\n                    <Link2 size={14} />\n                    {tr(\n                      \"devportal.billingLinkExisting\",\n                      \"Link an existing billing account\",\n                    )}\n                  </p>\n                  <p className=\"mt-0.5 text-xs text-text-secondary\">\n                    {billingAccountsLoading\n                      ? tr(\n                          \"devportal.billingAccountsLoading\",\n                          \"Loading your billing accounts...\",\n                        )\n                      : existingBillingAccounts.length === 0\n                        ? tr(\n                            \"devportal.noBillingAccountsYet\",\n                            \"You don't have any billing accounts yet — create one from account billing settings first.\",\n                          )\n                        : tr(\n                            \"devportal.billingAccountsAvailable\",\n                            \"{{count}} billing account(s) available to link\",\n                            { count: existingBillingAccounts.length },\n                          )}\n                  </p>\n                </div>\n              </button>\n\n              {billingChoice === \"existing\" &&\n                existingBillingAccounts.length > 0 && (\n                  <div className=\"ml-8 space-y-2\">\n                    {existingBillingAccounts.map((account) => (\n                      <button\n                        key={account.id}\n                        type=\"button\"\n                        disabled={isSubmitting}\n                        onClick={() =>\n                          setSelectedBillingAccountId(account.id ?? null)\n                        }\n                        className={cn(\n                          \"flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50\",\n                          selectedBillingAccountId === account.id\n                            ? \"border-primary bg-action-primary-bg/5\"\n                            : \"border-border-subtle hover:bg-bg-sunken\",\n                        )}\n                      >\n                        <Check\n                          size={14}\n                          className={cn(\n                            \"flex-shrink-0\",\n                            selectedBillingAccountId === account.id\n                              ? \"opacity-100 text-primary\"\n                              : \"opacity-0\",\n                          )}\n                        />\n                        <div className=\"min-w-0 flex-1\">\n                          <p className=\"truncate font-medium\">{account.name}</p>\n                          {account.isDefault && (\n                            <p className=\"text-xs text-text-secondary\">\n                              {tr(\n                                \"devportal.revenue.defaultAccount\",\n                                \"Default\",\n                              )}\n                            </p>\n                          )}\n                        </div>\n                      </button>\n                    ))}\n                  </div>\n                )}\n            </div>\n          </PageSection>\n\n          {/* Status while creating org + setting up billing */}\n          {isSubmitting && (\n            <div className=\"flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3 text-sm text-text-secondary\">\n              <Loader2\n                size={16}\n                className=\"flex-shrink-0 animate-spin text-primary\"\n              />\n              {phase === \"creating-org\" &&\n                tr(\n                  \"devportal.creatingOrgStatus\",\n                  \"Creating your organization...\",\n                )}\n              {phase === \"setting-up-billing\" &&\n                tr(\n                  \"devportal.settingUpBillingStatus\",\n                  \"Setting up your billing account...\",\n                )}\n              {phase === \"linking-billing\" &&\n                tr(\n                  \"devportal.linkingBillingStatus\",\n                  \"Linking your billing account...\",\n                )}\n              {phase === \"redirecting\" &&\n                tr(\"devportal.redirectingStatus\", \"All set — redirecting...\")}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 border-t pt-6\">\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\n              className=\"inline-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              {isSubmitting ? (\n                <>\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                  {phase === \"setting-up-billing\" &&\n                    tr(\"devportal.settingUpBilling\", \"Setting up billing...\")}\n                  {phase === \"linking-billing\" &&\n                    tr(\"devportal.linkingBilling\", \"Linking billing...\")}\n                  {(phase === \"creating-org\" || phase === \"redirecting\") &&\n                    tr(\"devportal.creating\", \"Creating...\")}\n                </>\n              ) : (\n                <>\n                  <Building2 size={16} />\n                  {tr(\"devportal.createOrganization\", \"Create Organization\")}\n                </>\n              )}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CreateOrganizationPage.js","names":[],"sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { X, Building2, Check, Link2, Loader2 } from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, TextareaField } from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport {\n  useIsSellerSection,\n  orgSectionPath,\n} from \"../hooks/useIsSellerSection\";\nimport {\n  useCreateOrganizationMutation,\n  useCreateSellerOrganizationMutation,\n  useGetBillingAccountsByOrgQuery,\n  useLinkDevOrgBillingAccountMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\nimport { useDevportalEventBus } from \"../events\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\ninterface CreateOrganizationFormData {\n  name: string;\n  slug: string;\n  description: string;\n  websiteUrl: string;\n  contactEmail: string;\n  supportEmail: string;\n  /** PHYSICAL (seller) orgs only — optional, can be set/changed later too. */\n  pickupPostalCode: string;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  contactEmail?: string;\n  supportEmail?: string;\n}\n\ntype SubmitPhase =\n  | \"idle\"\n  | \"creating-org\"\n  | \"setting-up-billing\"\n  | \"linking-billing\"\n  | \"redirecting\";\n\n/**\n * Create new organization page — single step.\n * The user can either have a billing account auto-created and linked, or\n * link one of their existing billing accounts up front. Legal/tax details\n * are completed later from organization settings.\n */\nexport const CreateOrganizationPage: FC = () => {\n  const {\n    navigate,\n    basePath,\n    currentUser,\n    tenantId,\n    setActiveOrgId,\n    setActivePhysicalOrgId,\n  } = useDevportal();\n  const isSeller = useIsSellerSection();\n  const tr = useTr();\n  const [errors, setErrors] = useState<FormErrors>({});\n  // Shared page for both kinds — which mutation runs is the trust boundary\n  // for DeveloperOrgKind (BOFF-7285): createSellerOrganization always makes\n  // a PHYSICAL org, createDeveloperOrganization always makes DIGITAL. Both\n  // hooks are called unconditionally (rules of hooks); only one is invoked.\n  const [createOrganization] = useCreateOrganizationMutation();\n  const [createSellerOrganization] = useCreateSellerOrganizationMutation();\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n  const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n  const bus = useDevportalEventBus();\n\n  // Multi-step status so the button/banner reflect the whole create flow —\n  // not just the org-creation mutation's own loading flag, which flips back\n  // to false before the (awaited) billing setup/link steps finish.\n  const [phase, setPhase] = useState<SubmitPhase>(\"idle\");\n  const isSubmitting = phase !== \"idle\";\n\n  const [billingChoice, setBillingChoice] = useState<\"auto\" | \"existing\">(\n    \"auto\",\n  );\n  const [selectedBillingAccountId, setSelectedBillingAccountId] = useState<\n    string | null\n  >(null);\n  const { data: billingAccountsData, loading: billingAccountsLoading } =\n    useGetBillingAccountsByOrgQuery({\n      fetchPolicy: \"cache-and-network\",\n      context: { headers: { \"x-org-id\": tenantId ?? \"\" } },\n    });\n  type BillingAccount = NonNullable<\n    typeof billingAccountsData\n  >[\"getBillingAccountsByOrg\"][number];\n  const existingBillingAccounts: BillingAccount[] = useMemo(\n    () => billingAccountsData?.getBillingAccountsByOrg ?? [],\n    [billingAccountsData],\n  );\n\n  // Keep the \"existing account\" choice valid as the list loads: fall back to\n  // auto-create if it turns out empty, and default-select once it arrives.\n  useEffect(() => {\n    if (billingChoice !== \"existing\" || billingAccountsLoading) return;\n    if (existingBillingAccounts.length === 0) {\n      setBillingChoice(\"auto\");\n      return;\n    }\n    if (!selectedBillingAccountId) {\n      setSelectedBillingAccountId(\n        existingBillingAccounts.find((a) => a.isDefault)?.id ??\n          existingBillingAccounts[0]?.id ??\n          null,\n      );\n    }\n  }, [\n    billingChoice,\n    billingAccountsLoading,\n    existingBillingAccounts,\n    selectedBillingAccountId,\n  ]);\n\n  const [formData, setFormData] = useState<CreateOrganizationFormData>({\n    name: \"\",\n    slug: \"\",\n    description: \"\",\n    websiteUrl: \"\",\n    contactEmail: \"\",\n    supportEmail: \"\",\n    pickupPostalCode: \"\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const generateSlug = (name: string): string => {\n    return name\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-|-$/g, \"\");\n  };\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setFormData((prev) => ({\n      ...prev,\n      name,\n      slug: prev.slug || generateSlug(name),\n    }));\n    if (errors.name) {\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    }\n  };\n\n  const handleChange = (\n    field: keyof CreateOrganizationFormData,\n    value: string,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field as keyof FormErrors]) {\n      setErrors((prev) => ({ ...prev, [field]: undefined }));\n    }\n  };\n\n  const validate = (): boolean => {\n    const newErrors: FormErrors = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    } else if (formData.name.length < 2) {\n      newErrors.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    } else if (formData.name.length > 100) {\n      newErrors.name = tr(\n        \"devportal.nameTooLong\",\n        \"Name must be less than 100 characters\",\n      );\n    }\n\n    if (!formData.slug.trim()) {\n      newErrors.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {\n      newErrors.slug = tr(\n        \"devportal.slugInvalid\",\n        \"Slug can only contain lowercase letters, numbers, and hyphens\",\n      );\n    }\n\n    if (\n      formData.contactEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.contactEmail)\n    ) {\n      newErrors.contactEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\n      );\n    }\n\n    if (\n      formData.supportEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.supportEmail)\n    ) {\n      newErrors.supportEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\n      );\n    }\n\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!validate()) return;\n\n    setPhase(\"creating-org\");\n    try {\n      const input = {\n        name: formData.name,\n        slug: formData.slug || undefined,\n        description: formData.description || undefined,\n        websiteUrl: formData.websiteUrl || undefined,\n        contactEmail: formData.contactEmail || undefined,\n        supportEmail: formData.supportEmail || undefined,\n        // Only meaningful for PHYSICAL (seller) orgs — harmless to send\n        // for DIGITAL orgs too since it's just left unset there.\n        pickupPostalCode:\n          (isSeller && formData.pickupPostalCode.trim()) || undefined,\n      };\n\n      const orgId = isSeller\n        ? (await createSellerOrganization({ variables: { input } })).data\n            ?.createSellerOrganization?.id\n        : (await createOrganization({ variables: { input } })).data\n            ?.createDeveloperOrganization?.id;\n\n      if (!orgId) {\n        setPhase(\"idle\");\n        return;\n      }\n\n      bus.emit(\"devportal.org.created\", {\n        organizationId: orgId,\n        name: formData.name,\n      });\n      if (isSeller) {\n        setActivePhysicalOrgId(orgId);\n      } else {\n        setActiveOrgId(orgId);\n      }\n\n      if (billingChoice === \"existing\" && selectedBillingAccountId) {\n        setPhase(\"linking-billing\");\n        try {\n          await linkBillingAccount({\n            variables: {\n              organizationId: orgId,\n              billingAccountId: selectedBillingAccountId,\n            },\n          });\n        } catch {\n          // non-blocking — can be linked later from the Revenue tab\n        }\n      } else {\n        setPhase(\"setting-up-billing\");\n        try {\n          const billingResult = await createBillingAccountMutation({\n            variables: {\n              input: {\n                name: formData.name,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          });\n          const billingAccountId = billingResult.data?.createBillingAccount?.id;\n          if (billingAccountId) {\n            await linkBillingAccount({\n              variables: { organizationId: orgId, billingAccountId },\n            });\n          }\n        } catch {\n          // non-blocking — can be linked later from the Revenue tab\n        }\n      }\n\n      setPhase(\"redirecting\");\n      handleNavigate(orgSectionPath(isSeller, orgId));\n    } catch (error) {\n      console.error(\"Failed to create organization:\", error);\n      setPhase(\"idle\");\n    }\n  };\n\n  const handleCancel = () => {\n    handleNavigate(orgSectionPath(isSeller));\n  };\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.createOrganization\", \"Create Organization\")}\n        description={\n          isSeller\n            ? tr(\n                \"devportal.createSellerOrganizationDescription\",\n                \"Set up a seller organization to start selling physical products\",\n              )\n            : tr(\n                \"devportal.createOrganizationDescription\",\n                \"Set up a developer organization to collaborate with your team\",\n              )\n        }\n        purpose={\n          isSeller\n            ? tr(\n                \"devportal.createSellerOrganizationPurpose\",\n                \"A seller organization is the shared owner of your physical listings, orders, and revenue. Create one here — you can invite members and complete legal/tax details afterwards.\",\n              )\n            : tr(\n                \"devportal.createOrganizationPurpose\",\n                \"An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards.\",\n              )\n        }\n        backLink={`${basePath}${orgSectionPath(isSeller)}`}\n        backLabel={tr(\"devportal.backToOrganizations\", \"Back to Organizations\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Organization Details */}\n          <PageSection\n            title={tr(\"devportal.organizationDetails\", \"Organization Details\")}\n            description={tr(\n              \"devportal.organizationDetailsDescription\",\n              \"Basic information about your organization\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={errors.name}\n                hint={tr(\n                  \"devportal.organizationNameHint\",\n                  \"Your organization's display name\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={formData.slug}\n                onChange={(e) =>\n                  handleChange(\"slug\", e.target.value.toLowerCase())\n                }\n                placeholder={tr(\"devportal.orgSlugPlaceholder\", \"acme-dev\")}\n                required\n                error={errors.slug}\n                hint={tr(\n                  \"devportal.slugHint\",\n                  \"URL-friendly identifier (auto-generated from name)\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.description\", \"Description\")}\n                value={formData.description}\n                onChange={(e) => handleChange(\"description\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization...\",\n                )}\n                rows={3}\n              />\n\n              <InputField\n                label={tr(\"devportal.websiteUrl\", \"Website URL\")}\n                type=\"url\"\n                value={formData.websiteUrl}\n                onChange={(e) => handleChange(\"websiteUrl\", e.target.value)}\n                placeholder=\"https://example.com\"\n              />\n\n              {isSeller && (\n                <InputField\n                  label={tr(\n                    \"devportal.pickupPostalCode\",\n                    \"Pickup Pincode (optional)\",\n                  )}\n                  value={formData.pickupPostalCode}\n                  onChange={(e) =>\n                    handleChange(\"pickupPostalCode\", e.target.value)\n                  }\n                  placeholder=\"560001\"\n                  hint={tr(\n                    \"devportal.pickupPostalCodeHint\",\n                    \"The postal code your physical orders actually ship from — used to quote real carrier shipping rates. You can skip this now and set it later from organization settings.\",\n                  )}\n                />\n              )}\n\n              <div className=\"grid gap-4 sm:grid-cols-2\">\n                <InputField\n                  label={tr(\"devportal.contactEmail\", \"Contact Email\")}\n                  type=\"email\"\n                  value={formData.contactEmail}\n                  onChange={(e) => handleChange(\"contactEmail\", e.target.value)}\n                  placeholder=\"contact@example.com\"\n                  error={errors.contactEmail}\n                />\n\n                <InputField\n                  label={tr(\"devportal.supportEmail\", \"Support Email\")}\n                  type=\"email\"\n                  value={formData.supportEmail}\n                  onChange={(e) => handleChange(\"supportEmail\", e.target.value)}\n                  placeholder=\"support@example.com\"\n                  error={errors.supportEmail}\n                />\n              </div>\n            </div>\n          </PageSection>\n\n          {/* Billing Account */}\n          <PageSection\n            title={tr(\"devportal.billingAccount\", \"Billing Account\")}\n            description={tr(\n              \"devportal.billingAccountSectionDescription\",\n              \"Revenue from sales will be credited here. You can change this anytime from the Revenue page.\",\n            )}\n          >\n            <div className=\"space-y-3\">\n              <button\n                type=\"button\"\n                onClick={() => setBillingChoice(\"auto\")}\n                disabled={isSubmitting}\n                className={cn(\n                  \"flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50\",\n                  billingChoice === \"auto\"\n                    ? \"border-primary bg-action-primary-bg/5\"\n                    : \"border-border-subtle hover:bg-bg-sunken\",\n                )}\n              >\n                <Check\n                  size={16}\n                  className={cn(\n                    \"mt-0.5 flex-shrink-0\",\n                    billingChoice === \"auto\"\n                      ? \"opacity-100 text-primary\"\n                      : \"opacity-0\",\n                  )}\n                />\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium\">\n                    {tr(\n                      \"devportal.billingAutoCreate\",\n                      \"Create a new billing account automatically\",\n                    )}\n                  </p>\n                  <p className=\"mt-0.5 text-xs text-text-secondary\">\n                    {tr(\n                      \"devportal.billingAutoCreateHint\",\n                      \"We'll set one up using your organization name and account email. You can complete legal and tax details for payouts later in Organization Settings.\",\n                    )}\n                  </p>\n                </div>\n              </button>\n\n              <button\n                type=\"button\"\n                onClick={() => setBillingChoice(\"existing\")}\n                disabled={\n                  isSubmitting ||\n                  (!billingAccountsLoading &&\n                    existingBillingAccounts.length === 0)\n                }\n                className={cn(\n                  \"flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-50\",\n                  billingChoice === \"existing\"\n                    ? \"border-primary bg-action-primary-bg/5\"\n                    : \"border-border-subtle hover:bg-bg-sunken\",\n                )}\n              >\n                <Check\n                  size={16}\n                  className={cn(\n                    \"mt-0.5 flex-shrink-0\",\n                    billingChoice === \"existing\"\n                      ? \"opacity-100 text-primary\"\n                      : \"opacity-0\",\n                  )}\n                />\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"flex items-center gap-1.5 text-sm font-medium\">\n                    <Link2 size={14} />\n                    {tr(\n                      \"devportal.billingLinkExisting\",\n                      \"Link an existing billing account\",\n                    )}\n                  </p>\n                  <p className=\"mt-0.5 text-xs text-text-secondary\">\n                    {billingAccountsLoading\n                      ? tr(\n                          \"devportal.billingAccountsLoading\",\n                          \"Loading your billing accounts...\",\n                        )\n                      : existingBillingAccounts.length === 0\n                        ? tr(\n                            \"devportal.noBillingAccountsYet\",\n                            \"You don't have any billing accounts yet — create one from account billing settings first.\",\n                          )\n                        : tr(\n                            \"devportal.billingAccountsAvailable\",\n                            \"{{count}} billing account(s) available to link\",\n                            { count: existingBillingAccounts.length },\n                          )}\n                  </p>\n                </div>\n              </button>\n\n              {billingChoice === \"existing\" &&\n                existingBillingAccounts.length > 0 && (\n                  <div className=\"ml-8 space-y-2\">\n                    {existingBillingAccounts.map((account) => (\n                      <button\n                        key={account.id}\n                        type=\"button\"\n                        disabled={isSubmitting}\n                        onClick={() =>\n                          setSelectedBillingAccountId(account.id ?? null)\n                        }\n                        className={cn(\n                          \"flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50\",\n                          selectedBillingAccountId === account.id\n                            ? \"border-primary bg-action-primary-bg/5\"\n                            : \"border-border-subtle hover:bg-bg-sunken\",\n                        )}\n                      >\n                        <Check\n                          size={14}\n                          className={cn(\n                            \"flex-shrink-0\",\n                            selectedBillingAccountId === account.id\n                              ? \"opacity-100 text-primary\"\n                              : \"opacity-0\",\n                          )}\n                        />\n                        <div className=\"min-w-0 flex-1\">\n                          <p className=\"truncate font-medium\">{account.name}</p>\n                          {account.isDefault && (\n                            <p className=\"text-xs text-text-secondary\">\n                              {tr(\n                                \"devportal.revenue.defaultAccount\",\n                                \"Default\",\n                              )}\n                            </p>\n                          )}\n                        </div>\n                      </button>\n                    ))}\n                  </div>\n                )}\n            </div>\n          </PageSection>\n\n          {/* Status while creating org + setting up billing */}\n          {isSubmitting && (\n            <div className=\"flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-sunken px-4 py-3 text-sm text-text-secondary\">\n              <Loader2\n                size={16}\n                className=\"flex-shrink-0 animate-spin text-primary\"\n              />\n              {phase === \"creating-org\" &&\n                tr(\n                  \"devportal.creatingOrgStatus\",\n                  \"Creating your organization...\",\n                )}\n              {phase === \"setting-up-billing\" &&\n                tr(\n                  \"devportal.settingUpBillingStatus\",\n                  \"Setting up your billing account...\",\n                )}\n              {phase === \"linking-billing\" &&\n                tr(\n                  \"devportal.linkingBillingStatus\",\n                  \"Linking your billing account...\",\n                )}\n              {phase === \"redirecting\" &&\n                tr(\"devportal.redirectingStatus\", \"All set — redirecting...\")}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 border-t pt-6\">\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\n              className=\"inline-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              {isSubmitting ? (\n                <>\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                  {phase === \"setting-up-billing\" &&\n                    tr(\"devportal.settingUpBilling\", \"Setting up billing...\")}\n                  {phase === \"linking-billing\" &&\n                    tr(\"devportal.linkingBilling\", \"Linking billing...\")}\n                  {(phase === \"creating-org\" || phase === \"redirecting\") &&\n                    tr(\"devportal.creating\", \"Creating...\")}\n                </>\n              ) : (\n                <>\n                  <Building2 size={16} />\n                  {tr(\"devportal.createOrganization\", \"Create Organization\")}\n                </>\n              )}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/EditApplicationPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditApplicationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/EditApplicationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAuKhC;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EA2iCjC,CAAC"}
+{"version":3,"file":"EditApplicationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/EditApplicationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwKhC;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAwiCjC,CAAC"}

package/dist/devportal/pages/EditApplicationPage.js

@@ -36,6 +36,10 @@ var we = [
 	{
 		value: "botlit",
 		label: "Botlit"
+	},
+	{
+		value: "vibecontrols",
+		label: "VibeControls"
 	}
 ], Te = Object.entries(a).map(([e, t]) => ({
 	value: e,