@burdenoff/microfe-billing 2026.604.1 → 2026.604.2

package/dist/billing/modules/checkout/components/WorkspaceQuotaAssignmentModal.js

@@ -1,5 +1,5 @@
 import { statusTokens as e } from "../../../shared/utils/tokens.js";
-import { useAssignWorkspaceQuota as t } from "../../usage/hooks/useUsage.js";
+import { useActivateSubscriptionForWorkspace as t } from "../../usage/hooks/useUsage.js";
 import { useCallback as n, useState as r } from "react";
 import { AlertTriangle as i, CheckCircle as a, Layers as o, Loader2 as s, X as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -13,28 +13,17 @@ function f(e) {
 	return !d.has(e);
 }
 var p = ({ billingAccountId: d, subscriptionId: f, quotas: p, workspaces: m, currentWorkspaceId: h, onAssigned: g, onSkip: _ }) => {
-	let [v, y] = r(h), [b, x] = r(!1), [S, C] = r(null), { assign: w, isLoading: T } = t(), E = n(async () => {
+	let [v, y] = r(h), [b, x] = r(!1), [S, C] = r(null), { activate: w, isLoading: T } = t(), E = n(async () => {
 		if (v) {
 			C(null);
 			try {
-				await Promise.all(p.map((e) => w({
-					workspaceId: v,
-					quotaName: e.quotaName,
-					productId: e.productId,
-					quotaMode: e.quotaMode,
-					billingAccountId: d,
-					subscriptionId: f,
-					limit: e.limit ?? void 0,
-					noLimit: e.noLimit,
-					resetPeriod: e.resetPeriod
-				}))), x(!0), g(v);
+				await w(f, d, v), x(!0), g(v);
 			} catch (e) {
 				C(e instanceof Error ? e.message : "Failed to assign quota to workspace.");
 			}
 		}
 	}, [
 		v,
-		p,
 		d,
 		f,
 		w,

package/dist/billing/modules/checkout/components/WorkspaceQuotaAssignmentModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceQuotaAssignmentModal.js","names":[],"sources":["../../../../../src/billing/modules/checkout/components/WorkspaceQuotaAssignmentModal.tsx"],"sourcesContent":["/**\n * WorkspaceQuotaAssignmentModal\n *\n * Shown after a successful plan / add-on purchase to let the user assign\n * workspace-level quotas (agents, sandboxes, sessions, runtime, etc.) to a\n * specific workspace.\n *\n * Spec rules:\n *  - Free plan or single workspace → auto-assign; no modal shown.\n *  - Multiple workspaces → require selection before activating the quota.\n *\n * This component handles both cases: the parent calls autoAssignOrShow() and\n * will either receive an immediate assignment result (auto-assign path) or\n * render this modal for user selection.\n */\n\nimport { type FC, useState, useCallback } from 'react';\nimport { CheckCircle, Layers, AlertTriangle, Loader2, X } from 'lucide-react';\nimport {\n  useAssignWorkspaceQuota,\n  type AssignWorkspaceQuotaInput,\n} from '../../usage/hooks/useUsage';\nimport { statusTokens } from '../../../shared/utils/tokens';\n\nexport interface WorkspaceOption {\n  id: string;\n  name: string;\n}\n\nexport interface WorkspaceQuotaToAssign {\n  quotaName: string;\n  productId: string;\n  limit: number | null;\n  noLimit: boolean;\n  resetPeriod: string;\n  quotaMode: 'dedicated' | 'pooled';\n}\n\ninterface WorkspaceQuotaAssignmentModalProps {\n  billingAccountId: string;\n  subscriptionId: string;\n  quotas: WorkspaceQuotaToAssign[];\n  workspaces: WorkspaceOption[];\n  /**\n   * Current workspace — used as the pre-selected value.\n   * Pass the workspace from the app shell token context.\n   */\n  currentWorkspaceId: string;\n  onAssigned: (workspaceId: string) => void;\n  onSkip: () => void;\n}\n\n/**\n * Derives which quotas in a plan are workspace-scoped (not global).\n * Global quotas: org_count, workspace_count, project_count.\n * All others are workspace-scoped.\n */\nconst GLOBAL_QUOTA_NAMES = new Set(['org_count', 'workspace_count', 'project_count']);\n\nexport function isWorkspaceScopedQuota(quotaName: string): boolean {\n  return !GLOBAL_QUOTA_NAMES.has(quotaName);\n}\n\nexport const WorkspaceQuotaAssignmentModal: FC<WorkspaceQuotaAssignmentModalProps> = ({\n  billingAccountId,\n  subscriptionId,\n  quotas,\n  workspaces,\n  currentWorkspaceId,\n  onAssigned,\n  onSkip,\n}) => {\n  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState(currentWorkspaceId);\n  const [isDone, setIsDone] = useState(false);\n  const [assignError, setAssignError] = useState<string | null>(null);\n\n  const { assign, isLoading } = useAssignWorkspaceQuota();\n\n  const handleAssign = useCallback(async () => {\n    if (!selectedWorkspaceId) return;\n    setAssignError(null);\n\n    try {\n      await Promise.all(\n        quotas.map((q) => {\n          const input: AssignWorkspaceQuotaInput = {\n            workspaceId: selectedWorkspaceId,\n            quotaName: q.quotaName,\n            productId: q.productId,\n            quotaMode: q.quotaMode,\n            billingAccountId,\n            subscriptionId,\n            limit: q.limit ?? undefined,\n            noLimit: q.noLimit,\n            resetPeriod: q.resetPeriod,\n          };\n          return assign(input);\n        })\n      );\n\n      setIsDone(true);\n      onAssigned(selectedWorkspaceId);\n    } catch (err) {\n      setAssignError(err instanceof Error ? err.message : 'Failed to assign quota to workspace.');\n    }\n  }, [selectedWorkspaceId, quotas, billingAccountId, subscriptionId, assign, onAssigned]);\n\n  if (isDone) {\n    return (\n      <div className=\"fixed inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center p-4\">\n        <div className=\"bg-card border border-border rounded-xl shadow-lg max-w-sm w-full p-6 text-center space-y-4\">\n          <div\n            className={`inline-flex p-3 rounded-full ${statusTokens.success.bg} ${statusTokens.success.text}`}\n          >\n            <CheckCircle className=\"size-8\" />\n          </div>\n          <h2 className=\"text-lg font-semibold text-foreground\">Quota assigned!</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {quotas.length} quota{quotas.length !== 1 ? 's have' : ' has'} been assigned to{' '}\n            <span className=\"font-medium text-foreground\">\n              {workspaces.find((w) => w.id === selectedWorkspaceId)?.name ?? selectedWorkspaceId}\n            </span>\n            .\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"fixed inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center p-4\">\n      <div className=\"bg-card border border-border rounded-xl shadow-lg max-w-md w-full\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border\">\n          <div className=\"flex items-center gap-2\">\n            <Layers className=\"size-5 text-primary\" />\n            <h2 className=\"text-base font-semibold text-foreground\">Assign to a Workspace</h2>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onSkip}\n            className=\"p-1 rounded hover:bg-muted/50 transition-colors text-muted-foreground\"\n            aria-label=\"Skip\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        </div>\n\n        {/* Body */}\n        <div className=\"px-6 py-5 space-y-5\">\n          <p className=\"text-sm text-muted-foreground\">\n            Select which workspace should receive the quota{quotas.length > 1 ? 's' : ''} included\n            in your purchase.\n          </p>\n\n          {/* Quotas list */}\n          <div className=\"bg-muted/30 rounded-lg p-3 space-y-2\">\n            <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n              Included quotas\n            </p>\n            {quotas.map((q) => (\n              <div key={q.quotaName} className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-foreground\">{q.quotaName}</span>\n                <span className=\"text-muted-foreground\">\n                  {q.noLimit ? 'Unlimited' : q.limit != null ? `${q.limit} max` : '—'}\n                </span>\n              </div>\n            ))}\n          </div>\n\n          {/* Workspace selector */}\n          {workspaces.length > 1 ? (\n            <div className=\"space-y-1.5\">\n              <label htmlFor=\"ws-selector\" className=\"block text-sm font-medium text-foreground\">\n                Workspace\n              </label>\n              <select\n                id=\"ws-selector\"\n                value={selectedWorkspaceId}\n                onChange={(e) => setSelectedWorkspaceId(e.target.value)}\n                className=\"w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n              >\n                {workspaces.map((ws) => (\n                  <option key={ws.id} value={ws.id}>\n                    {ws.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          ) : (\n            <div className=\"bg-muted/30 rounded-lg p-3 text-sm text-muted-foreground\">\n              Will be assigned to{' '}\n              <span className=\"font-medium text-foreground\">\n                {workspaces[0]?.name ?? currentWorkspaceId}\n              </span>\n            </div>\n          )}\n\n          {/* Error */}\n          {assignError && (\n            <div\n              className={`flex items-start gap-2 text-sm ${statusTokens.error.text} ${statusTokens.error.bg} rounded-lg p-3`}\n            >\n              <AlertTriangle className=\"size-4 shrink-0 mt-0.5\" />\n              <span>{assignError}</span>\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border\">\n          <button\n            type=\"button\"\n            onClick={onSkip}\n            className=\"px-4 py-2 text-sm border border-border rounded-md hover:bg-muted/50 transition-colors text-muted-foreground\"\n          >\n            Skip for now\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleAssign()}\n            disabled={!selectedWorkspaceId || isLoading}\n            className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50\"\n          >\n            {isLoading && <Loader2 className=\"size-3.5 animate-spin\" />}\n            Assign quota\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WorkspaceQuotaAssignmentModal.js","names":[],"sources":["../../../../../src/billing/modules/checkout/components/WorkspaceQuotaAssignmentModal.tsx"],"sourcesContent":["/**\n * WorkspaceQuotaAssignmentModal\n *\n * Shown after a successful plan / add-on purchase to let the user assign\n * workspace-level quotas (agents, sandboxes, sessions, runtime, etc.) to a\n * specific workspace.\n *\n * Spec rules:\n *  - Free plan or single workspace → auto-assign; no modal shown.\n *  - Multiple workspaces → require selection before activating the quota.\n *\n * This component handles both cases: the parent calls autoAssignOrShow() and\n * will either receive an immediate assignment result (auto-assign path) or\n * render this modal for user selection.\n */\n\nimport { type FC, useState, useCallback } from 'react';\nimport { CheckCircle, Layers, AlertTriangle, Loader2, X } from 'lucide-react';\nimport { useActivateSubscriptionForWorkspace } from '../../usage/hooks/useUsage';\nimport { statusTokens } from '../../../shared/utils/tokens';\n\nexport interface WorkspaceOption {\n  id: string;\n  name: string;\n}\n\nexport interface WorkspaceQuotaToAssign {\n  quotaName: string;\n  productId: string;\n  limit: number | null;\n  noLimit: boolean;\n  resetPeriod: string;\n  quotaMode: 'dedicated' | 'pooled';\n}\n\ninterface WorkspaceQuotaAssignmentModalProps {\n  billingAccountId: string;\n  subscriptionId: string;\n  quotas: WorkspaceQuotaToAssign[];\n  workspaces: WorkspaceOption[];\n  /**\n   * Current workspace — used as the pre-selected value.\n   * Pass the workspace from the app shell token context.\n   */\n  currentWorkspaceId: string;\n  onAssigned: (workspaceId: string) => void;\n  onSkip: () => void;\n}\n\n/**\n * Derives which quotas in a plan are workspace-scoped (not global).\n * Global quotas: org_count, workspace_count, project_count.\n * All others are workspace-scoped.\n */\nconst GLOBAL_QUOTA_NAMES = new Set(['org_count', 'workspace_count', 'project_count']);\n\nexport function isWorkspaceScopedQuota(quotaName: string): boolean {\n  return !GLOBAL_QUOTA_NAMES.has(quotaName);\n}\n\nexport const WorkspaceQuotaAssignmentModal: FC<WorkspaceQuotaAssignmentModalProps> = ({\n  billingAccountId,\n  subscriptionId,\n  quotas,\n  workspaces,\n  currentWorkspaceId,\n  onAssigned,\n  onSkip,\n}) => {\n  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState(currentWorkspaceId);\n  const [isDone, setIsDone] = useState(false);\n  const [assignError, setAssignError] = useState<string | null>(null);\n\n  const { activate, isLoading } = useActivateSubscriptionForWorkspace();\n\n  const handleAssign = useCallback(async () => {\n    if (!selectedWorkspaceId) return;\n    setAssignError(null);\n\n    try {\n      await activate(subscriptionId, billingAccountId, selectedWorkspaceId);\n      setIsDone(true);\n      onAssigned(selectedWorkspaceId);\n    } catch (err) {\n      setAssignError(err instanceof Error ? err.message : 'Failed to assign quota to workspace.');\n    }\n  }, [selectedWorkspaceId, billingAccountId, subscriptionId, activate, onAssigned]);\n\n  if (isDone) {\n    return (\n      <div className=\"fixed inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center p-4\">\n        <div className=\"bg-card border border-border rounded-xl shadow-lg max-w-sm w-full p-6 text-center space-y-4\">\n          <div\n            className={`inline-flex p-3 rounded-full ${statusTokens.success.bg} ${statusTokens.success.text}`}\n          >\n            <CheckCircle className=\"size-8\" />\n          </div>\n          <h2 className=\"text-lg font-semibold text-foreground\">Quota assigned!</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {quotas.length} quota{quotas.length !== 1 ? 's have' : ' has'} been assigned to{' '}\n            <span className=\"font-medium text-foreground\">\n              {workspaces.find((w) => w.id === selectedWorkspaceId)?.name ?? selectedWorkspaceId}\n            </span>\n            .\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"fixed inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center p-4\">\n      <div className=\"bg-card border border-border rounded-xl shadow-lg max-w-md w-full\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border\">\n          <div className=\"flex items-center gap-2\">\n            <Layers className=\"size-5 text-primary\" />\n            <h2 className=\"text-base font-semibold text-foreground\">Assign to a Workspace</h2>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onSkip}\n            className=\"p-1 rounded hover:bg-muted/50 transition-colors text-muted-foreground\"\n            aria-label=\"Skip\"\n          >\n            <X className=\"size-4\" />\n          </button>\n        </div>\n\n        {/* Body */}\n        <div className=\"px-6 py-5 space-y-5\">\n          <p className=\"text-sm text-muted-foreground\">\n            Select which workspace should receive the quota{quotas.length > 1 ? 's' : ''} included\n            in your purchase.\n          </p>\n\n          {/* Quotas list */}\n          <div className=\"bg-muted/30 rounded-lg p-3 space-y-2\">\n            <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n              Included quotas\n            </p>\n            {quotas.map((q) => (\n              <div key={q.quotaName} className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-foreground\">{q.quotaName}</span>\n                <span className=\"text-muted-foreground\">\n                  {q.noLimit ? 'Unlimited' : q.limit != null ? `${q.limit} max` : '—'}\n                </span>\n              </div>\n            ))}\n          </div>\n\n          {/* Workspace selector */}\n          {workspaces.length > 1 ? (\n            <div className=\"space-y-1.5\">\n              <label htmlFor=\"ws-selector\" className=\"block text-sm font-medium text-foreground\">\n                Workspace\n              </label>\n              <select\n                id=\"ws-selector\"\n                value={selectedWorkspaceId}\n                onChange={(e) => setSelectedWorkspaceId(e.target.value)}\n                className=\"w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary\"\n              >\n                {workspaces.map((ws) => (\n                  <option key={ws.id} value={ws.id}>\n                    {ws.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          ) : (\n            <div className=\"bg-muted/30 rounded-lg p-3 text-sm text-muted-foreground\">\n              Will be assigned to{' '}\n              <span className=\"font-medium text-foreground\">\n                {workspaces[0]?.name ?? currentWorkspaceId}\n              </span>\n            </div>\n          )}\n\n          {/* Error */}\n          {assignError && (\n            <div\n              className={`flex items-start gap-2 text-sm ${statusTokens.error.text} ${statusTokens.error.bg} rounded-lg p-3`}\n            >\n              <AlertTriangle className=\"size-4 shrink-0 mt-0.5\" />\n              <span>{assignError}</span>\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border\">\n          <button\n            type=\"button\"\n            onClick={onSkip}\n            className=\"px-4 py-2 text-sm border border-border rounded-md hover:bg-muted/50 transition-colors text-muted-foreground\"\n          >\n            Skip for now\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleAssign()}\n            disabled={!selectedWorkspaceId || isLoading}\n            className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50\"\n          >\n            {isLoading && <Loader2 className=\"size-3.5 animate-spin\" />}\n            Assign quota\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}