@burdenoff/microfe-devportal 2026.1101.1 → 2026.1107.1

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

@@ -1 +1 @@
-{"version":3,"file":"SetupPage.js","names":[],"sources":["../../../src/devportal/pages/SetupPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  ArrowRight,\n  Building2,\n  AppWindow,\n  Rocket,\n  Check,\n  Key,\n  BookOpen,\n  ChevronRight,\n  Box,\n  Puzzle,\n  GitFork,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { Illustration, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useDevportalEventBus } from \"../events\";\nimport { cn } from \"../utils/cn\";\nimport {\n  useCreateOrganizationMutation,\n  useCreateApplicationMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\n\ntype SetupStep = \"org\" | \"app\" | \"done\";\ntype BuilderType = \"app\" | \"node\" | \"workflow\";\n\nconst CATEGORY_OPTIONS = [\n  { value: \"productivity\", label: \"Productivity\" },\n  { value: \"communication\", label: \"Communication\" },\n  { value: \"analytics\", label: \"Analytics\" },\n  { value: \"automation\", label: \"Automation\" },\n  { value: \"developer-tools\", label: \"Developer Tools\" },\n  { value: \"finance\", label: \"Finance\" },\n  { value: \"hr\", label: \"HR & People\" },\n  { value: \"marketing\", label: \"Marketing\" },\n  { value: \"project-management\", label: \"Project Management\" },\n  { value: \"security\", label: \"Security\" },\n  { value: \"support\", label: \"Support\" },\n  { value: \"other\", label: \"Other\" },\n];\n\nfunction generateSlug(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-|-$/g, \"\");\n}\n\n/** Mark that the user has interacted with setup so the dashboard gate won't redirect again. */\nfunction markSetupSeen() {\n  try {\n    localStorage.setItem(\"devportal_setup_dismissed\", \"1\");\n  } catch {\n    // localStorage unavailable — not critical\n  }\n}\n\n// ─── Step indicator ────────────────────────────────────────────────────────\n\nconst STEPS: { key: SetupStep; label: string }[] = [\n  { key: \"org\", label: \"Organization\" },\n  { key: \"app\", label: \"First app\" },\n  { key: \"done\", label: \"Done\" },\n];\n\nconst StepIndicator: FC<{ current: SetupStep }> = ({ current }) => {\n  const currentIdx = STEPS.findIndex((s) => s.key === current);\n  return (\n    <div className=\"flex items-center gap-0\">\n      {STEPS.map((step, idx) => {\n        const isCompleted = idx < currentIdx;\n        const isActive = idx === currentIdx;\n        return (\n          <div key={step.key} className=\"flex items-center\">\n            <div className=\"flex flex-col items-center gap-1.5\">\n              <div\n                className={[\n                  \"flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors\",\n                  isCompleted\n                    ? \"bg-action-primary-bg text-action-primary-text\"\n                    : isActive\n                      ? \"bg-action-primary-bg text-action-primary-text ring-4 ring-primary/20\"\n                      : \"bg-bg-sunken text-text-secondary\",\n                ].join(\" \")}\n              >\n                {isCompleted ? <Check size={14} /> : idx + 1}\n              </div>\n              <span\n                className={[\n                  \"text-xs font-medium whitespace-nowrap\",\n                  isActive ? \"text-text-primary\" : \"text-text-secondary\",\n                ].join(\" \")}\n              >\n                {step.label}\n              </span>\n            </div>\n            {idx < STEPS.length - 1 && (\n              <div\n                className={[\n                  \"mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors\",\n                  idx < currentIdx ? \"bg-action-primary-bg\" : \"bg-border\",\n                ].join(\" \")}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\n// ─── Main component ────────────────────────────────────────────────────────\n\nexport const SetupPage: FC = () => {\n  const { navigate, basePath, currentUser } = useDevportal();\n  const { t } = useI18n();\n  const bus = useDevportalEventBus();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const handleNavigate = (path: string) => navigate?.(`${basePath}${path}`);\n\n  const [step, setStep] = useState<SetupStep>(\"org\");\n\n  // IDs created during wizard — carried forward for success CTAs\n  const [createdOrgId, setCreatedOrgId] = useState<string | null>(null);\n  const [createdAppId, setCreatedAppId] = useState<string | null>(null);\n\n  // ── Step 1: org ──────────────────────────────────────────────\n  const [orgName, setOrgName] = useState(\"\");\n  const [orgSlug, setOrgSlug] = useState(\"\");\n  const [orgDescription, setOrgDescription] = useState(\"\");\n  const [orgErrors, setOrgErrors] = useState<{ name?: string; slug?: string }>(\n    {},\n  );\n\n  const [createOrg, { loading: creatingOrg }] = useCreateOrganizationMutation();\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n\n  const validateOrg = () => {\n    const errs: { name?: string; slug?: string } = {};\n    if (!orgName.trim())\n      errs.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    else if (orgName.length < 2)\n      errs.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    if (!orgSlug.trim())\n      errs.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    else if (!/^[a-z0-9-]+$/.test(orgSlug))\n      errs.slug = tr(\n        \"devportal.slugInvalid\",\n        \"Lowercase letters, numbers, and hyphens only\",\n      );\n    setOrgErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleOrgSubmit = async () => {\n    if (!validateOrg()) return;\n    try {\n      const result = await createOrg({\n        variables: {\n          input: {\n            name: orgName,\n            slug: orgSlug || undefined,\n            description: orgDescription || undefined,\n          },\n        },\n      });\n      const id = result.data?.createDeveloperOrganization?.id;\n      if (id) {\n        bus.emit(\"devportal.org.created\", {\n          organizationId: id,\n          name: orgName,\n        });\n        setCreatedOrgId(id);\n        // Fire-and-forget: create a billing account for the new org\n        try {\n          createBillingAccountMutation({\n            variables: {\n              input: {\n                name: orgName,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          }).catch(() => {});\n        } catch {\n          // silent failure — billing account creation is non-blocking\n        }\n        setStep(\"app\");\n      }\n    } catch {\n      // error surfaced via Apollo cache; leave the form open\n    }\n  };\n\n  // ── Step 2: app ──────────────────────────────────────────────\n  const [appName, setAppName] = useState(\"\");\n  const [appSlug, setAppSlug] = useState(\"\");\n  const [builderType, setBuilderType] = useState<BuilderType | null>(null);\n  const [appCategory, setAppCategory] = useState(\"\");\n  const [appShortDesc, setAppShortDesc] = useState(\"\");\n  const [appErrors, setAppErrors] = useState<{\n    name?: string;\n    builderType?: string;\n    category?: string;\n    shortDescription?: string;\n  }>({});\n\n  const [createApp, { loading: creatingApp }] = useCreateApplicationMutation();\n\n  const appTypeForBuilder = () => {\n    if (builderType === \"node\") return \"NODE\" as const;\n    if (builderType === \"workflow\") return \"WORKFLOW\" as const;\n    return \"API_INTEGRATION\" as const;\n  };\n\n  const validateApp = () => {\n    const errs: typeof appErrors = {};\n    if (!appName.trim())\n      errs.name = tr(\n        \"devportal.appNameRequired\",\n        \"Application name is required\",\n      );\n    else if (appName.length < 3)\n      errs.name = tr(\n        \"devportal.nameTooShort\",\n        \"Name must be at least 3 characters\",\n      );\n    if (!builderType)\n      errs.builderType = tr(\n        \"devportal.appTypeRequired\",\n        \"Application type is required\",\n      );\n    if (!appCategory)\n      errs.category = tr(\"devportal.categoryRequired\", \"Category is required\");\n    if (!appShortDesc.trim())\n      errs.shortDescription = tr(\n        \"devportal.shortDescriptionRequired\",\n        \"Short description is required\",\n      );\n    setAppErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleAppSubmit = async () => {\n    if (!validateApp()) return;\n    const resolvedType = appTypeForBuilder();\n    try {\n      const result = await createApp({\n        variables: {\n          input: {\n            name: appName,\n            slug: appSlug || undefined,\n            appType: resolvedType,\n            category: appCategory || undefined,\n            shortDescription: appShortDesc || undefined,\n            visibility: \"PRIVATE\",\n            developerOrganizationId: createdOrgId || undefined,\n          },\n        },\n      });\n      const id = result.data?.createApplication?.id;\n      if (id) {\n        bus.emit(\"devportal.app.created\", {\n          appId: id,\n          name: appName,\n          appType: resolvedType,\n          organizationId: createdOrgId,\n        });\n        setCreatedAppId(id);\n        markSetupSeen();\n        setStep(\"done\");\n      }\n    } catch {\n      // error surfaced via Apollo cache\n    }\n  };\n\n  const handleSkip = () => {\n    markSetupSeen();\n    handleNavigate(\"/\");\n  };\n\n  // ─── Render ─────────────────────────────────────────────────\n\n  return (\n    <main className=\"min-h-screen bg-surface-default\">\n      {/* Header */}\n      <div className=\"border-b border-border-default bg-surface-raised\">\n        <div className=\"mx-auto max-w-2xl px-6 py-5\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Rocket size={20} />\n              </div>\n              <div>\n                <p className=\"text-xs font-medium text-text-secondary\">\n                  {tr(\"devportal.developerPortal\", \"Developer Portal\")}\n                </p>\n                <h1 className=\"text-base font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.title\", \"Get set up\")}\n                </h1>\n              </div>\n            </div>\n            {step !== \"done\" && (\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Content */}\n      <div className=\"mx-auto max-w-2xl px-6 py-10\">\n        {/* Step indicator */}\n        <div className=\"mb-10 flex justify-center\">\n          <StepIndicator current={step} />\n        </div>\n\n        {/* Welcome / purpose — what this wizard sets up and why */}\n        {step === \"org\" && (\n          <div className=\"mb-8 flex flex-col items-center gap-3 text-center\">\n            <Illustration\n              name=\"onboarding\"\n              alt={tr(\n                \"devportal.setup.illustrationAlt\",\n                \"Getting started with the developer portal\",\n              )}\n              size=\"md\"\n            />\n            <PagePurpose className=\"justify-center\">\n              {tr(\n                \"devportal.setup.purpose\",\n                \"Two quick steps to start building: create the organization that owns your apps, then register your first app. You can change everything later — this just gets you to a working starting point.\",\n              )}\n            </PagePurpose>\n          </div>\n        )}\n\n        {/* ── Step 1: Organization ─────────────────────── */}\n        {step === \"org\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Building2 size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.orgTitle\", \"Set up your organization\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.orgSubtitle\",\n                    \"This groups your apps and teams under one publisher identity.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={orgName}\n                onChange={(e) => {\n                  setOrgName(e.target.value);\n                  if (!orgSlug || orgSlug === generateSlug(orgName)) {\n                    setOrgSlug(generateSlug(e.target.value));\n                  }\n                  setOrgErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={orgErrors.name}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={orgSlug}\n                onChange={(e) => {\n                  setOrgSlug(e.target.value.toLowerCase());\n                  setOrgErrors((p) => ({ ...p, slug: undefined }));\n                }}\n                placeholder=\"acme-dev\"\n                required\n                error={orgErrors.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={orgDescription}\n                onChange={(e) => setOrgDescription(e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization…\",\n                )}\n                rows={2}\n              />\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleOrgSubmit()}\n                disabled={creatingOrg}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingOrg ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createAndContinue\", \"Create & Continue\")}\n                {!creatingOrg && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 2: First app ─────────────────────── */}\n        {step === \"app\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <AppWindow size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.appTitle\", \"Create your first app\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.appSubtitle\",\n                    \"Register the app you want to publish or integrate.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.applicationName\", \"Application Name\")}\n                value={appName}\n                onChange={(e) => {\n                  setAppName(e.target.value);\n                  if (!appSlug || appSlug === generateSlug(appName)) {\n                    setAppSlug(generateSlug(e.target.value));\n                  }\n                  setAppErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.applicationNamePlaceholder\",\n                  \"My Awesome App\",\n                )}\n                required\n                error={appErrors.name}\n              />\n\n              {/* Builder type picker */}\n              <div>\n                <p className=\"mb-2 text-sm font-medium text-text-primary\">\n                  {tr(\"devportal.applicationType\", \"Application Type\")}{\" \"}\n                  <span className=\"text-status-error-text\">*</span>\n                </p>\n                <div className=\"grid grid-cols-3 gap-3\">\n                  <SetupTypeCard\n                    icon={Box}\n                    title=\"App\"\n                    description=\"OAuth integration for the platform\"\n                    selected={builderType === \"app\"}\n                    onClick={() => {\n                      setBuilderType(\"app\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={Puzzle}\n                    title=\"Node\"\n                    description=\"Custom FluidGrids workflow node\"\n                    selected={builderType === \"node\"}\n                    onClick={() => {\n                      setBuilderType(\"node\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={GitFork}\n                    title=\"Workflow\"\n                    description=\"Reusable automation template\"\n                    selected={builderType === \"workflow\"}\n                    onClick={() => {\n                      setBuilderType(\"workflow\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                </div>\n                {appErrors.builderType && (\n                  <p className=\"mt-1.5 text-xs text-status-error-text\">\n                    {appErrors.builderType}\n                  </p>\n                )}\n              </div>\n\n              <SelectField\n                label={tr(\"devportal.category\", \"Category\")}\n                value={appCategory}\n                onChange={(e) => {\n                  setAppCategory(e.target.value);\n                  setAppErrors((p) => ({ ...p, category: undefined }));\n                }}\n                options={CATEGORY_OPTIONS}\n                placeholder={tr(\"devportal.selectCategory\", \"Select category…\")}\n                required\n                error={appErrors.category}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.shortDescription\", \"Short Description\")}\n                value={appShortDesc}\n                onChange={(e) => {\n                  setAppShortDesc(e.target.value);\n                  setAppErrors((p) => ({ ...p, shortDescription: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.shortDescriptionPlaceholder\",\n                  \"A brief description of what your app does\",\n                )}\n                required\n                error={appErrors.shortDescription}\n                rows={2}\n                hint={`${appShortDesc.length}/200`}\n              />\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleAppSubmit()}\n                disabled={creatingApp}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingApp ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createApp\", \"Create App\")}\n                {!creatingApp && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 3: Done ─────────────────────────── */}\n        {step === \"done\" && (\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary\">\n              <Rocket size={32} />\n            </div>\n            <h2 className=\"text-2xl font-bold text-text-primary\">\n              {tr(\"devportal.setup.doneTitle\", \"You're all set!\")}\n            </h2>\n            <p className=\"mt-2 text-text-secondary\">\n              {tr(\n                \"devportal.setup.doneSubtitle\",\n                \"Your organization and first app are ready. Here's what to do next.\",\n              )}\n            </p>\n\n            <div className=\"mt-8 grid gap-3 sm:grid-cols-2\">\n              {createdAppId && (\n                <NextStepCard\n                  icon={<AppWindow size={20} />}\n                  title={tr(\"devportal.setup.viewApp\", \"View your app\")}\n                  description={tr(\n                    \"devportal.setup.viewAppDesc\",\n                    \"Configure OAuth, webhooks, and versioning\",\n                  )}\n                  onClick={() => handleNavigate(`/apps/${createdAppId}`)}\n                  primary\n                />\n              )}\n              <NextStepCard\n                icon={<Key size={20} />}\n                title={tr(\"devportal.setup.generateApiKey\", \"Generate API key\")}\n                description={tr(\n                  \"devportal.setup.generateApiKeyDesc\",\n                  \"Create credentials to start calling APIs\",\n                )}\n                onClick={() => handleNavigate(\"/api-keys/new\")}\n              />\n              <NextStepCard\n                icon={<BookOpen size={20} />}\n                title={tr(\"devportal.setup.browseDocs\", \"Browse docs\")}\n                description={tr(\n                  \"devportal.setup.browseDocsDesc\",\n                  \"Learn about publishing, SDKs, and webhooks\",\n                )}\n                onClick={() => handleNavigate(\"/docs\")}\n              />\n              {createdOrgId && (\n                <NextStepCard\n                  icon={<Building2 size={20} />}\n                  title={tr(\"devportal.setup.inviteTeam\", \"Invite your team\")}\n                  description={tr(\n                    \"devportal.setup.inviteTeamDesc\",\n                    \"Add members to collaborate on your apps\",\n                  )}\n                  onClick={() =>\n                    handleNavigate(`/organizations/${createdOrgId}/members`)\n                  }\n                />\n              )}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate(\"/\")}\n              className=\"mt-8 inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              {tr(\"devportal.setup.goToDashboard\", \"Go to dashboard\")}\n              <ArrowRight size={14} />\n            </button>\n          </div>\n        )}\n      </div>\n    </main>\n  );\n};\n\n// ─── Setup type card ───────────────────────────────────────────────────────\n\nconst SetupTypeCard: FC<{\n  icon: FC<{ size?: number; className?: string }>;\n  title: string;\n  description: string;\n  selected: boolean;\n  onClick: () => void;\n}> = ({ icon: Icon, title, description, selected, onClick }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={cn(\n      \"relative flex flex-col gap-2 rounded-xl border-2 p-4 text-left transition-all hover:border-primary/50 hover:shadow-sm\",\n      selected\n        ? \"border-primary bg-action-primary-bg/5 shadow-sm\"\n        : \"border-border-subtle bg-bg-surface\",\n    )}\n  >\n    {selected && (\n      <span className=\"absolute top-3 right-3 flex h-4 w-4 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text\">\n        <Check size={10} />\n      </span>\n    )}\n    <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken\">\n      <Icon size={18} className=\"text-text-primary\" />\n    </div>\n    <div>\n      <p className=\"text-sm font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n    </div>\n  </button>\n);\n\n// ─── Next-step card ────────────────────────────────────────────────────────\n\nconst NextStepCard: FC<{\n  icon: React.ReactNode;\n  title: string;\n  description: string;\n  onClick: () => void;\n  primary?: boolean;\n}> = ({ icon, title, description, onClick, primary }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={[\n      \"flex items-start gap-4 rounded-xl border p-5 text-left transition-colors\",\n      primary\n        ? \"border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10\"\n        : \"border-border-default bg-surface-raised hover:bg-surface-hover\",\n    ].join(\" \")}\n  >\n    <div\n      className={[\n        \"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg\",\n        primary\n          ? \"bg-action-primary-bg/20 text-primary\"\n          : \"bg-bg-sunken text-text-secondary\",\n      ].join(\" \")}\n    >\n      {icon}\n    </div>\n    <div className=\"min-w-0 flex-1\">\n      <p className=\"font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>\n    </div>\n    <ChevronRight\n      size={16}\n      className=\"mt-0.5 flex-shrink-0 text-text-secondary\"\n    />\n  </button>\n);\n"],"mappings":"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"}
+{"version":3,"file":"SetupPage.js","names":[],"sources":["../../../src/devportal/pages/SetupPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  ArrowRight,\n  Building2,\n  AppWindow,\n  Rocket,\n  Check,\n  Key,\n  BookOpen,\n  ChevronRight,\n  Box,\n  Puzzle,\n  GitFork,\n  ListChecks,\n  ShieldCheck,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { Illustration, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useDevportalEventBus } from \"../events\";\nimport { cn } from \"../utils/cn\";\nimport {\n  useCreateOrganizationMutation,\n  useCreateApplicationMutation,\n  useCreateDeveloperProfileMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\nimport {\n  DEVELOPER_AGREEMENT_VERSION,\n  DEVELOPER_LINKS,\n} from \"../constants/developerLinks\";\nimport {\n  ELIGIBILITY_RULES,\n  reviewRequirementsFor,\n} from \"../utils/developerOnboarding\";\n\ntype SetupStep = \"org\" | \"app\" | \"submit\" | \"done\";\ntype BuilderType = \"app\" | \"node\" | \"workflow\";\n\nconst CATEGORY_OPTIONS = [\n  { value: \"productivity\", label: \"Productivity\" },\n  { value: \"communication\", label: \"Communication\" },\n  { value: \"analytics\", label: \"Analytics\" },\n  { value: \"automation\", label: \"Automation\" },\n  { value: \"developer-tools\", label: \"Developer Tools\" },\n  { value: \"finance\", label: \"Finance\" },\n  { value: \"hr\", label: \"HR & People\" },\n  { value: \"marketing\", label: \"Marketing\" },\n  { value: \"project-management\", label: \"Project Management\" },\n  { value: \"security\", label: \"Security\" },\n  { value: \"support\", label: \"Support\" },\n  { value: \"other\", label: \"Other\" },\n];\n\nfunction generateSlug(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-|-$/g, \"\");\n}\n\n/** Readable message from a failed mutation, falling back to a generic one. */\nfunction errorMessage(err: unknown, fallback: string): string {\n  if (err instanceof Error && err.message) return err.message;\n  return fallback;\n}\n\n/** Mark that the user has interacted with setup so the dashboard gate won't redirect again. */\nfunction markSetupSeen() {\n  try {\n    localStorage.setItem(\"devportal_setup_dismissed\", \"1\");\n  } catch {\n    // localStorage unavailable — not critical\n  }\n}\n\n// ─── Step indicator ────────────────────────────────────────────────────────\n\nconst STEPS: { key: SetupStep; label: string }[] = [\n  { key: \"org\", label: \"Organization\" },\n  { key: \"app\", label: \"First app\" },\n  { key: \"submit\", label: \"Submit\" },\n  { key: \"done\", label: \"Done\" },\n];\n\nconst StepIndicator: FC<{ current: SetupStep }> = ({ current }) => {\n  const currentIdx = STEPS.findIndex((s) => s.key === current);\n  return (\n    <div className=\"flex items-center gap-0\">\n      {STEPS.map((step, idx) => {\n        const isCompleted = idx < currentIdx;\n        const isActive = idx === currentIdx;\n        return (\n          <div key={step.key} className=\"flex items-center\">\n            <div className=\"flex flex-col items-center gap-1.5\">\n              <div\n                className={[\n                  \"flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors\",\n                  isCompleted\n                    ? \"bg-action-primary-bg text-action-primary-text\"\n                    : isActive\n                      ? \"bg-action-primary-bg text-action-primary-text ring-4 ring-primary/20\"\n                      : \"bg-bg-sunken text-text-secondary\",\n                ].join(\" \")}\n              >\n                {isCompleted ? <Check size={14} /> : idx + 1}\n              </div>\n              <span\n                className={[\n                  \"text-xs font-medium whitespace-nowrap\",\n                  isActive ? \"text-text-primary\" : \"text-text-secondary\",\n                ].join(\" \")}\n              >\n                {step.label}\n              </span>\n            </div>\n            {idx < STEPS.length - 1 && (\n              <div\n                className={[\n                  \"mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors\",\n                  idx < currentIdx ? \"bg-action-primary-bg\" : \"bg-border\",\n                ].join(\" \")}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\n// ─── Main component ────────────────────────────────────────────────────────\n\nexport const SetupPage: FC = () => {\n  const { navigate, basePath, currentUser } = useDevportal();\n  const { t } = useI18n();\n  const bus = useDevportalEventBus();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const handleNavigate = (path: string) => navigate?.(`${basePath}${path}`);\n\n  const [step, setStep] = useState<SetupStep>(\"org\");\n\n  // IDs created during wizard — carried forward for success CTAs\n  const [createdOrgId, setCreatedOrgId] = useState<string | null>(null);\n  const [createdAppId, setCreatedAppId] = useState<string | null>(null);\n  const [createdAppType, setCreatedAppType] = useState<string | null>(null);\n\n  // ── Step 1: org ──────────────────────────────────────────────\n  const [orgName, setOrgName] = useState(\"\");\n  const [orgSlug, setOrgSlug] = useState(\"\");\n  const [orgDescription, setOrgDescription] = useState(\"\");\n  const [orgErrors, setOrgErrors] = useState<{\n    name?: string;\n    slug?: string;\n    agreement?: string;\n  }>({});\n  const [agreementAccepted, setAgreementAccepted] = useState(false);\n  const [orgSubmitError, setOrgSubmitError] = useState<string | null>(null);\n\n  const [createOrg, { loading: creatingOrgOnly }] =\n    useCreateOrganizationMutation();\n  const [createProfile, { loading: creatingProfile }] =\n    useCreateDeveloperProfileMutation();\n  const creatingOrg = creatingOrgOnly || creatingProfile;\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n\n  const validateOrg = () => {\n    const errs: { name?: string; slug?: string; agreement?: string } = {};\n    if (!orgName.trim())\n      errs.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    else if (orgName.length < 2)\n      errs.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    if (!orgSlug.trim())\n      errs.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    else if (!/^[a-z0-9-]+$/.test(orgSlug))\n      errs.slug = tr(\n        \"devportal.slugInvalid\",\n        \"Lowercase letters, numbers, and hyphens only\",\n      );\n    if (!agreementAccepted)\n      errs.agreement = tr(\n        \"devportal.onboarding.agreementRequired\",\n        \"Accept the Developer Agreement to continue\",\n      );\n    setOrgErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleOrgSubmit = async () => {\n    if (!validateOrg()) return;\n    setOrgSubmitError(null);\n    try {\n      // The developer profile is the personal half of the registration: the\n      // backend returns the existing one when it is already there, so this is\n      // safe to repeat on a retry.\n      await createProfile({\n        variables: { input: { companyName: orgName } },\n      });\n      const result = await createOrg({\n        variables: {\n          input: {\n            name: orgName,\n            slug: orgSlug || undefined,\n            description: orgDescription || undefined,\n            contactEmail: currentUser?.email || undefined,\n            metadata: {\n              developerAgreement: {\n                version: DEVELOPER_AGREEMENT_VERSION,\n                url: DEVELOPER_LINKS.developerAgreement,\n                acceptedAt: new Date().toISOString(),\n                acceptedBy: currentUser?.id ?? null,\n              },\n              registrationSource: \"devportal-setup\",\n            },\n          },\n        },\n      });\n      const id = result.data?.createDeveloperOrganization?.id;\n      if (id) {\n        bus.emit(\"devportal.org.created\", {\n          organizationId: id,\n          name: orgName,\n        });\n        setCreatedOrgId(id);\n        // Fire-and-forget: create a billing account for the new org\n        try {\n          createBillingAccountMutation({\n            variables: {\n              input: {\n                name: orgName,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          }).catch(() => {});\n        } catch {\n          // silent failure — billing account creation is non-blocking\n        }\n        setStep(\"app\");\n      }\n    } catch (err) {\n      setOrgSubmitError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.onboarding.orgCreateFailed\",\n            \"We could not create your organization. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  // ── Step 2: app ──────────────────────────────────────────────\n  const [appName, setAppName] = useState(\"\");\n  const [appSlug, setAppSlug] = useState(\"\");\n  const [builderType, setBuilderType] = useState<BuilderType | null>(null);\n  const [appCategory, setAppCategory] = useState(\"\");\n  const [appShortDesc, setAppShortDesc] = useState(\"\");\n  const [appErrors, setAppErrors] = useState<{\n    name?: string;\n    builderType?: string;\n    category?: string;\n    shortDescription?: string;\n  }>({});\n\n  const [appSubmitError, setAppSubmitError] = useState<string | null>(null);\n  const [createApp, { loading: creatingApp }] = useCreateApplicationMutation();\n\n  const appTypeForBuilder = () => {\n    if (builderType === \"node\") return \"NODE\" as const;\n    if (builderType === \"workflow\") return \"WORKFLOW\" as const;\n    return \"API_INTEGRATION\" as const;\n  };\n\n  const validateApp = () => {\n    const errs: typeof appErrors = {};\n    if (!appName.trim())\n      errs.name = tr(\n        \"devportal.appNameRequired\",\n        \"Application name is required\",\n      );\n    else if (appName.length < 3)\n      errs.name = tr(\n        \"devportal.nameTooShort\",\n        \"Name must be at least 3 characters\",\n      );\n    if (!builderType)\n      errs.builderType = tr(\n        \"devportal.appTypeRequired\",\n        \"Application type is required\",\n      );\n    if (!appCategory)\n      errs.category = tr(\"devportal.categoryRequired\", \"Category is required\");\n    if (!appShortDesc.trim())\n      errs.shortDescription = tr(\n        \"devportal.shortDescriptionRequired\",\n        \"Short description is required\",\n      );\n    setAppErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleAppSubmit = async () => {\n    if (!validateApp()) return;\n    const resolvedType = appTypeForBuilder();\n    setAppSubmitError(null);\n    try {\n      const result = await createApp({\n        variables: {\n          input: {\n            name: appName,\n            slug: appSlug || undefined,\n            appType: resolvedType,\n            category: appCategory || undefined,\n            shortDescription: appShortDesc || undefined,\n            visibility: \"PRIVATE\",\n            developerOrganizationId: createdOrgId || undefined,\n          },\n        },\n      });\n      const id = result.data?.createApplication?.id;\n      if (id) {\n        bus.emit(\"devportal.app.created\", {\n          appId: id,\n          name: appName,\n          appType: resolvedType,\n          organizationId: createdOrgId,\n        });\n        setCreatedAppId(id);\n        setCreatedAppType(resolvedType);\n        markSetupSeen();\n        setStep(\"submit\");\n      }\n    } catch (err) {\n      setAppSubmitError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.onboarding.appCreateFailed\",\n            \"We could not create your app. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  // ── Step 3: get it ready for review ──────────────────────────\n  // Submission itself happens on the app page, which checks the listing\n  // requirements reviewers need (ApplicationDetailPage's readiness rules);\n  // this step tells the developer what that page will ask for.\n  const reviewRequirements = reviewRequirementsFor(createdAppType);\n\n  const handleSkip = () => {\n    markSetupSeen();\n    handleNavigate(\"/\");\n  };\n\n  // ─── Render ─────────────────────────────────────────────────\n\n  return (\n    <main className=\"min-h-screen bg-surface-default\">\n      {/* Header */}\n      <div className=\"border-b border-border-default bg-surface-raised\">\n        <div className=\"mx-auto max-w-2xl px-6 py-5\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Rocket size={20} />\n              </div>\n              <div>\n                <p className=\"text-xs font-medium text-text-secondary\">\n                  {tr(\"devportal.developerPortal\", \"Developer Portal\")}\n                </p>\n                <h1 className=\"text-base font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.title\", \"Get set up\")}\n                </h1>\n              </div>\n            </div>\n            {step !== \"done\" && (\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Content */}\n      <div className=\"mx-auto max-w-2xl px-6 py-10\">\n        {/* Step indicator */}\n        <div className=\"mb-10 flex justify-center\">\n          <StepIndicator current={step} />\n        </div>\n\n        {/* Welcome / purpose — what this wizard sets up and why */}\n        {step === \"org\" && (\n          <div className=\"mb-8 flex flex-col items-center gap-3 text-center\">\n            <Illustration\n              name=\"onboarding\"\n              alt={tr(\n                \"devportal.setup.illustrationAlt\",\n                \"Getting started with the developer portal\",\n              )}\n              size=\"md\"\n            />\n            <PagePurpose className=\"justify-center\">\n              {tr(\n                \"devportal.setup.purpose\",\n                \"Three quick steps to start building: create the organization that owns your apps, register your first app, then submit it for review. Your developer profile is created with your organization. You can change everything later.\",\n              )}\n            </PagePurpose>\n          </div>\n        )}\n\n        {/* ── Step 1: Organization ─────────────────────── */}\n        {step === \"org\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Building2 size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.orgTitle\", \"Set up your organization\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.orgSubtitle\",\n                    \"This groups your apps and teams under one publisher identity.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={orgName}\n                onChange={(e) => {\n                  setOrgName(e.target.value);\n                  if (!orgSlug || orgSlug === generateSlug(orgName)) {\n                    setOrgSlug(generateSlug(e.target.value));\n                  }\n                  setOrgErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={orgErrors.name}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={orgSlug}\n                onChange={(e) => {\n                  setOrgSlug(e.target.value.toLowerCase());\n                  setOrgErrors((p) => ({ ...p, slug: undefined }));\n                }}\n                placeholder=\"acme-dev\"\n                required\n                error={orgErrors.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={orgDescription}\n                onChange={(e) => setOrgDescription(e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization…\",\n                )}\n                rows={2}\n              />\n\n              <EligibilityPanel tr={tr} />\n\n              <div>\n                <label className=\"flex items-start gap-3 text-sm text-text-primary\">\n                  <input\n                    type=\"checkbox\"\n                    data-testid=\"devportal-setup-accept-agreement\"\n                    checked={agreementAccepted}\n                    onChange={(e) => {\n                      setAgreementAccepted(e.target.checked);\n                      setOrgErrors((p) => ({ ...p, agreement: undefined }));\n                    }}\n                    className=\"mt-0.5 h-4 w-4 shrink-0 rounded border-border-default accent-primary\"\n                  />\n                  <span>\n                    {tr(\n                      \"devportal.onboarding.agreementLabelPrefix\",\n                      \"I meet these requirements and accept the\",\n                    )}{\" \"}\n                    <a\n                      href={DEVELOPER_LINKS.developerAgreement}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"font-medium text-primary hover:underline\"\n                    >\n                      {tr(\n                        \"devportal.onboarding.developerAgreement\",\n                        \"Marketplace & Developer Agreement\",\n                      )}\n                    </a>{\" \"}\n                    {tr(\"devportal.onboarding.and\", \"and the\")}{\" \"}\n                    <a\n                      href={DEVELOPER_LINKS.acceptableUsePolicy}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"font-medium text-primary hover:underline\"\n                    >\n                      {tr(\n                        \"devportal.onboarding.acceptableUsePolicy\",\n                        \"Acceptable Use Policy\",\n                      )}\n                    </a>\n                    .\n                  </span>\n                </label>\n                {orgErrors.agreement && (\n                  <p className=\"mt-1.5 text-xs text-status-error-text\">\n                    {orgErrors.agreement}\n                  </p>\n                )}\n              </div>\n\n              {orgSubmitError && (\n                <p\n                  role=\"alert\"\n                  className=\"rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n                >\n                  {orgSubmitError}\n                </p>\n              )}\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleOrgSubmit()}\n                disabled={creatingOrg}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingOrg ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createAndContinue\", \"Create & Continue\")}\n                {!creatingOrg && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 2: First app ─────────────────────── */}\n        {step === \"app\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <AppWindow size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.appTitle\", \"Create your first app\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.appSubtitle\",\n                    \"Register the app you want to publish or integrate.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.applicationName\", \"Application Name\")}\n                value={appName}\n                onChange={(e) => {\n                  setAppName(e.target.value);\n                  if (!appSlug || appSlug === generateSlug(appName)) {\n                    setAppSlug(generateSlug(e.target.value));\n                  }\n                  setAppErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.applicationNamePlaceholder\",\n                  \"My Awesome App\",\n                )}\n                required\n                error={appErrors.name}\n              />\n\n              {/* Builder type picker */}\n              <div>\n                <p className=\"mb-2 text-sm font-medium text-text-primary\">\n                  {tr(\"devportal.applicationType\", \"Application Type\")}{\" \"}\n                  <span className=\"text-status-error-text\">*</span>\n                </p>\n                <div className=\"grid grid-cols-3 gap-3\">\n                  <SetupTypeCard\n                    icon={Box}\n                    title=\"App\"\n                    description=\"OAuth integration for the platform\"\n                    selected={builderType === \"app\"}\n                    onClick={() => {\n                      setBuilderType(\"app\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={Puzzle}\n                    title=\"Node\"\n                    description=\"Custom FluidGrids workflow node\"\n                    selected={builderType === \"node\"}\n                    onClick={() => {\n                      setBuilderType(\"node\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={GitFork}\n                    title=\"Workflow\"\n                    description=\"Reusable automation template\"\n                    selected={builderType === \"workflow\"}\n                    onClick={() => {\n                      setBuilderType(\"workflow\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                </div>\n                {appErrors.builderType && (\n                  <p className=\"mt-1.5 text-xs text-status-error-text\">\n                    {appErrors.builderType}\n                  </p>\n                )}\n              </div>\n\n              <SelectField\n                label={tr(\"devportal.category\", \"Category\")}\n                value={appCategory}\n                onChange={(e) => {\n                  setAppCategory(e.target.value);\n                  setAppErrors((p) => ({ ...p, category: undefined }));\n                }}\n                options={CATEGORY_OPTIONS}\n                placeholder={tr(\"devportal.selectCategory\", \"Select category…\")}\n                required\n                error={appErrors.category}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.shortDescription\", \"Short Description\")}\n                value={appShortDesc}\n                onChange={(e) => {\n                  setAppShortDesc(e.target.value);\n                  setAppErrors((p) => ({ ...p, shortDescription: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.shortDescriptionPlaceholder\",\n                  \"A brief description of what your app does\",\n                )}\n                required\n                error={appErrors.shortDescription}\n                rows={2}\n                hint={`${appShortDesc.length}/200`}\n              />\n\n              {appSubmitError && (\n                <p\n                  role=\"alert\"\n                  className=\"rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n                >\n                  {appSubmitError}\n                </p>\n              )}\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleAppSubmit()}\n                disabled={creatingApp}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingApp ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createApp\", \"Create App\")}\n                {!creatingApp && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 3: Get ready for review ─────────── */}\n        {step === \"submit\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <ListChecks size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\n                    \"devportal.onboarding.readyTitle\",\n                    \"Get it ready for review\",\n                  )}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.onboarding.readySubtitle\",\n                    \"Reviewers check every app before it is listed. Your app page walks you through what they need, then you submit it from there. It stays private until it is approved and you publish it.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <ul\n              data-testid=\"devportal-setup-review-requirements\"\n              className=\"space-y-2\"\n            >\n              {reviewRequirements.map((item) => (\n                <li\n                  key={item.id}\n                  className=\"flex items-start gap-3 rounded-md bg-bg-sunken px-4 py-3 text-sm text-text-primary\"\n                >\n                  <Check\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-text-secondary\"\n                    aria-hidden=\"true\"\n                  />\n                  {tr(item.key, item.text)}\n                </li>\n              ))}\n            </ul>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={() => setStep(\"done\")}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.onboarding.submitLater\", \"Do this later\")}\n              </button>\n              <button\n                type=\"button\"\n                data-testid=\"devportal-setup-finish-app\"\n                onClick={() =>\n                  createdAppId && handleNavigate(`/apps/${createdAppId}`)\n                }\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n              >\n                {tr(\"devportal.onboarding.finishApp\", \"Finish and submit\")}\n                <ChevronRight size={16} />\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 4: Done ─────────────────────────── */}\n        {step === \"done\" && (\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary\">\n              <Rocket size={32} />\n            </div>\n            <h2 className=\"text-2xl font-bold text-text-primary\">\n              {tr(\"devportal.setup.doneTitle\", \"You're all set!\")}\n            </h2>\n            <p className=\"mt-2 text-text-secondary\">\n              {tr(\n                \"devportal.setup.doneSubtitle\",\n                \"Your organization and first app are ready. Here's what to do next.\",\n              )}\n            </p>\n\n            <div className=\"mt-8 grid gap-3 sm:grid-cols-2\">\n              {createdAppId && (\n                <NextStepCard\n                  icon={<AppWindow size={20} />}\n                  title={tr(\"devportal.setup.viewApp\", \"View your app\")}\n                  description={tr(\n                    \"devportal.setup.viewAppDesc\",\n                    \"Configure OAuth, webhooks, and versioning\",\n                  )}\n                  onClick={() => handleNavigate(`/apps/${createdAppId}`)}\n                  primary\n                />\n              )}\n              <NextStepCard\n                icon={<Key size={20} />}\n                title={tr(\"devportal.setup.generateApiKey\", \"Generate API key\")}\n                description={tr(\n                  \"devportal.setup.generateApiKeyDesc\",\n                  \"Create credentials to start calling APIs\",\n                )}\n                onClick={() => handleNavigate(\"/api-keys/new\")}\n              />\n              <NextStepCard\n                icon={<BookOpen size={20} />}\n                title={tr(\"devportal.setup.browseDocs\", \"Browse docs\")}\n                description={tr(\n                  \"devportal.setup.browseDocsDesc\",\n                  \"Learn about publishing, SDKs, and webhooks\",\n                )}\n                onClick={() => handleNavigate(\"/docs\")}\n              />\n              <NextStepCard\n                icon={<Puzzle size={20} />}\n                title={tr(\n                  \"devportal.onboarding.publishConnector\",\n                  \"Publish a connector\",\n                )}\n                description={tr(\n                  \"devportal.onboarding.publishConnectorDesc\",\n                  \"List an API-key integration in the Workspaces integrations catalog\",\n                )}\n                onClick={() =>\n                  window.open(\n                    DEVELOPER_LINKS.publishConnector,\n                    \"_blank\",\n                    \"noopener,noreferrer\",\n                  )\n                }\n              />\n              {createdOrgId && (\n                <NextStepCard\n                  icon={<Building2 size={20} />}\n                  title={tr(\"devportal.setup.inviteTeam\", \"Invite your team\")}\n                  description={tr(\n                    \"devportal.setup.inviteTeamDesc\",\n                    \"Add members to collaborate on your apps\",\n                  )}\n                  onClick={() =>\n                    handleNavigate(`/organizations/${createdOrgId}/members`)\n                  }\n                />\n              )}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate(\"/\")}\n              className=\"mt-8 inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              {tr(\"devportal.setup.goToDashboard\", \"Go to dashboard\")}\n              <ArrowRight size={14} />\n            </button>\n          </div>\n        )}\n      </div>\n    </main>\n  );\n};\n\n// ─── Eligibility panel ─────────────────────────────────────────────────────\n\nconst EligibilityPanel: FC<{\n  tr: (key: string, fallback: string) => string;\n}> = ({ tr }) => (\n  <section\n    aria-labelledby=\"devportal-setup-eligibility-title\"\n    data-testid=\"devportal-setup-eligibility\"\n    className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4\"\n  >\n    <h3\n      id=\"devportal-setup-eligibility-title\"\n      className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\"\n    >\n      <ShieldCheck size={16} className=\"text-primary\" aria-hidden=\"true\" />\n      {tr(\"devportal.onboarding.eligibilityTitle\", \"Who can register\")}\n    </h3>\n    <ul className=\"mt-2 list-disc space-y-1 pl-5 text-sm text-text-secondary\">\n      {ELIGIBILITY_RULES.map((rule) => (\n        <li key={rule.id}>{tr(rule.key, rule.text)}</li>\n      ))}\n    </ul>\n  </section>\n);\n\n// ─── Setup type card ───────────────────────────────────────────────────────\n\nconst SetupTypeCard: FC<{\n  icon: FC<{ size?: number; className?: string }>;\n  title: string;\n  description: string;\n  selected: boolean;\n  onClick: () => void;\n}> = ({ icon: Icon, title, description, selected, onClick }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={cn(\n      \"relative flex flex-col gap-2 rounded-xl border-2 p-4 text-left transition-all hover:border-primary/50 hover:shadow-sm\",\n      selected\n        ? \"border-primary bg-action-primary-bg/5 shadow-sm\"\n        : \"border-border-subtle bg-bg-surface\",\n    )}\n  >\n    {selected && (\n      <span className=\"absolute top-3 right-3 flex h-4 w-4 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text\">\n        <Check size={10} />\n      </span>\n    )}\n    <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken\">\n      <Icon size={18} className=\"text-text-primary\" />\n    </div>\n    <div>\n      <p className=\"text-sm font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n    </div>\n  </button>\n);\n\n// ─── Next-step card ────────────────────────────────────────────────────────\n\nconst NextStepCard: FC<{\n  icon: React.ReactNode;\n  title: string;\n  description: string;\n  onClick: () => void;\n  primary?: boolean;\n}> = ({ icon, title, description, onClick, primary }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={[\n      \"flex items-start gap-4 rounded-xl border p-5 text-left transition-colors\",\n      primary\n        ? \"border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10\"\n        : \"border-border-default bg-surface-raised hover:bg-surface-hover\",\n    ].join(\" \")}\n  >\n    <div\n      className={[\n        \"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg\",\n        primary\n          ? \"bg-action-primary-bg/20 text-primary\"\n          : \"bg-bg-sunken text-text-secondary\",\n      ].join(\" \")}\n    >\n      {icon}\n    </div>\n    <div className=\"min-w-0 flex-1\">\n      <p className=\"font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>\n    </div>\n    <ChevronRight\n      size={16}\n      className=\"mt-0.5 flex-shrink-0 text-text-secondary\"\n    />\n  </button>\n);\n"],"mappings":"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"}

package/dist/devportal/utils/developerOnboarding.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Developer onboarding model (BOFF-10636).
+ *
+ * The public "Build on Workspaces" journey ends at a submitted devportal
+ * application. This module turns what the backend already knows about the
+ * signed-in developer (profile, organizations, applications) into the
+ * four-step checklist the dashboard and setup wizard show, and holds the
+ * eligibility rules a developer accepts before registering.
+ *
+ * Pure functions only: the components feed in query results, so the rules
+ * are unit-tested without rendering anything.
+ */
+/** Application statuses that mean the developer has submitted for review. */
+export declare const SUBMITTED_APP_STATUSES: ReadonlySet<string>;
+/**
+ * App types that are reviewed from an uploaded package. Mirrors
+ * `PACKAGE_REQUIRED_APP_TYPES` in global-devportal-svc
+ * (resolvers/application.ts) and `isPackageApp` in ApplicationDetailPage.
+ */
+export declare const PACKAGE_APP_TYPES: ReadonlySet<string>;
+export type OnboardingStepId = "profile" | "organization" | "app" | "submit";
+export interface OnboardingStep {
+    id: OnboardingStepId;
+    done: boolean;
+    /** Devportal-relative path (prefix with basePath) that completes the step. */
+    path: string;
+}
+export interface OnboardingInput {
+    hasProfile: boolean;
+    /** Organization kinds the developer belongs to (DIGITAL / PHYSICAL). */
+    organizationKinds: ReadonlyArray<string | null | undefined>;
+    applications: ReadonlyArray<{
+        id: string;
+        status?: string | null;
+    }>;
+    /**
+     * Total number of applications the backend reports. When it is larger than
+     * the page that was fetched, the developer is well past onboarding, so the
+     * submit step counts as done even if the fetched page holds no submission.
+     */
+    totalApplications: number;
+}
+export interface OnboardingState {
+    steps: OnboardingStep[];
+    completedCount: number;
+    isComplete: boolean;
+    /** First step that is not done yet, or null when everything is done. */
+    nextStep: OnboardingStep | null;
+}
+/** Whether an application status counts as submitted for review. */
+export declare function isSubmittedStatus(status: string | null | undefined): boolean;
+export interface ReviewRequirement {
+    id: "listing" | "visibility" | "version" | "pricing";
+    /** i18n key under `devportal.onboarding.requirements`. */
+    key: string;
+    text: string;
+}
+/**
+ * What the app page asks for before "Submit for Review" is enabled, in the
+ * order it asks. Mirrors the readiness rule in ApplicationDetailPage
+ * (description, category and icon; Public or Unlisted visibility; a version
+ * for package and API-integration apps; pricing chosen). Category is set by
+ * the setup wizard already, so it is not repeated here.
+ */
+export declare function reviewRequirementsFor(appType: string | null | undefined): ReviewRequirement[];
+/**
+ * Build the checklist. Only DIGITAL (or legacy kind-less) organizations
+ * count: a PHYSICAL seller organization cannot own an application, so it does
+ * not move a developer forward on this journey.
+ */
+export declare function computeOnboardingState(input: OnboardingInput): OnboardingState;
+export interface EligibilityRule {
+    id: string;
+    /** i18n key under `devportal.onboarding.eligibility`. */
+    key: string;
+    /** Canonical English copy; also the i18n fallback. */
+    text: string;
+}
+/**
+ * Who can register as a developer. Kept in one place so the setup wizard,
+ * the dashboard checklist and the unit tests agree, and mirrored in the
+ * public docs page (workspaces-docs: developers/build/register-as-a-developer).
+ */
+export declare const ELIGIBILITY_RULES: ReadonlyArray<EligibilityRule>;
+//# sourceMappingURL=developerOnboarding.d.ts.map

package/dist/devportal/utils/developerOnboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"developerOnboarding.d.ts","sourceRoot":"","sources":["../../../src/devportal/utils/developerOnboarding.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,MAAM,CAQrD,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAMhD,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,gBAAgB,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,8EAA8E;IAC9E,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,iBAAiB,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC5D,YAAY,EAAE,aAAa,CAAC;QAC1B,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,CAAC,CAAC;IACH;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC;AAED,oEAAoE;AACpE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAE5E;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;IACrD,0DAA0D;IAC1D,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACjC,iBAAiB,EAAE,CAqCrB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,eAAe,GACrB,eAAe,CAsCjB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,yDAAyD;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,eAAe,CA0B5D,CAAC"}

package/dist/devportal/utils/developerOnboarding.js

@@ -0,0 +1,104 @@
+//#region src/devportal/utils/developerOnboarding.ts
+var e = new Set([
+	"SUBMITTED",
+	"IN_REVIEW",
+	"APPROVED",
+	"PUBLISHED",
+	"ACTIVE",
+	"UNLISTED",
+	"DEPRECATED"
+]), t = new Set([
+	"NODE",
+	"WORKFLOW",
+	"PARSER",
+	"WIDGET",
+	"DASHBOARD"
+]);
+function n(t) {
+	return !!t && e.has(t.toUpperCase());
+}
+function r(e) {
+	let n = (e ?? "").toUpperCase(), r = t.has(n), i = r || n === "API_INTEGRATION", a = [{
+		id: "listing",
+		key: "devportal.onboarding.requirements.listing",
+		text: "A full description and an app icon on the Store Listing tab."
+	}, {
+		id: "visibility",
+		key: "devportal.onboarding.requirements.visibility",
+		text: "Visibility set to Public (marketplace) or Unlisted (shared by link). Private apps cannot be submitted."
+	}];
+	return i && a.push(r ? {
+		id: "version",
+		key: "devportal.onboarding.requirements.package",
+		text: "A first version with its uploaded package on the Versions tab."
+	} : {
+		id: "version",
+		key: "devportal.onboarding.requirements.version",
+		text: "A first version on the Versions tab."
+	}), a.push({
+		id: "pricing",
+		key: "devportal.onboarding.requirements.pricing",
+		text: "Pricing chosen on the Pricing tab: Free, or a credit price (paid apps also link a billing account)."
+	}), a;
+}
+function i(e) {
+	let t = e.organizationKinds.some((e) => (e ?? "DIGITAL").toUpperCase() !== "PHYSICAL"), r = e.totalApplications > 0 || e.applications.length > 0, i = e.applications.find((e) => !n(e.status)), a = e.applications.some((e) => n(e.status)) || e.totalApplications > e.applications.length, o = [
+		{
+			id: "profile",
+			done: e.hasProfile,
+			path: "/profile"
+		},
+		{
+			id: "organization",
+			done: t,
+			path: t ? "/organizations" : "/setup"
+		},
+		{
+			id: "app",
+			done: r,
+			path: t ? "/apps/new" : "/setup"
+		},
+		{
+			id: "submit",
+			done: a,
+			path: i ? `/apps/${i.id}` : "/apps"
+		}
+	], s = o.filter((e) => e.done).length;
+	return {
+		steps: o,
+		completedCount: s,
+		isComplete: s === o.length,
+		nextStep: o.find((e) => !e.done) ?? null
+	};
+}
+var a = [
+	{
+		id: "account",
+		key: "devportal.onboarding.eligibility.account",
+		text: "A Burdenoff account with a verified email address. Any plan works, including Free; you do not need to be a paying Workspaces customer."
+	},
+	{
+		id: "capacity",
+		key: "devportal.onboarding.eligibility.capacity",
+		text: "You have reached the age of majority where you live, or you register on behalf of a company and have the authority to bind it."
+	},
+	{
+		id: "agreement",
+		key: "devportal.onboarding.eligibility.agreement",
+		text: "You accept the Marketplace & Developer Agreement and the Acceptable Use Policy for everything you build and submit."
+	},
+	{
+		id: "sanctions",
+		key: "devportal.onboarding.eligibility.sanctions",
+		text: "You are not barred from receiving software or services under applicable export-control or sanctions laws."
+	},
+	{
+		id: "review",
+		key: "devportal.onboarding.eligibility.review",
+		text: "Every submission is reviewed before it is listed. Free and private apps need nothing more; paid listings also need publisher verification (legal details, tax and payouts) before they go live."
+	}
+];
+//#endregion
+export { a as ELIGIBILITY_RULES, i as computeOnboardingState, r as reviewRequirementsFor };
+
+//# sourceMappingURL=developerOnboarding.js.map

package/dist/devportal/utils/developerOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"developerOnboarding.js","names":[],"sources":["../../../src/devportal/utils/developerOnboarding.ts"],"sourcesContent":["/**\n * Developer onboarding model (BOFF-10636).\n *\n * The public \"Build on Workspaces\" journey ends at a submitted devportal\n * application. This module turns what the backend already knows about the\n * signed-in developer (profile, organizations, applications) into the\n * four-step checklist the dashboard and setup wizard show, and holds the\n * eligibility rules a developer accepts before registering.\n *\n * Pure functions only: the components feed in query results, so the rules\n * are unit-tested without rendering anything.\n */\n\n/** Application statuses that mean the developer has submitted for review. */\nexport const SUBMITTED_APP_STATUSES: ReadonlySet<string> = new Set([\n  \"SUBMITTED\",\n  \"IN_REVIEW\",\n  \"APPROVED\",\n  \"PUBLISHED\",\n  \"ACTIVE\",\n  \"UNLISTED\",\n  \"DEPRECATED\",\n]);\n\n/**\n * App types that are reviewed from an uploaded package. Mirrors\n * `PACKAGE_REQUIRED_APP_TYPES` in global-devportal-svc\n * (resolvers/application.ts) and `isPackageApp` in ApplicationDetailPage.\n */\nexport const PACKAGE_APP_TYPES: ReadonlySet<string> = new Set([\n  \"NODE\",\n  \"WORKFLOW\",\n  \"PARSER\",\n  \"WIDGET\",\n  \"DASHBOARD\",\n]);\n\nexport type OnboardingStepId = \"profile\" | \"organization\" | \"app\" | \"submit\";\n\nexport interface OnboardingStep {\n  id: OnboardingStepId;\n  done: boolean;\n  /** Devportal-relative path (prefix with basePath) that completes the step. */\n  path: string;\n}\n\nexport interface OnboardingInput {\n  hasProfile: boolean;\n  /** Organization kinds the developer belongs to (DIGITAL / PHYSICAL). */\n  organizationKinds: ReadonlyArray<string | null | undefined>;\n  applications: ReadonlyArray<{\n    id: string;\n    status?: string | null;\n  }>;\n  /**\n   * Total number of applications the backend reports. When it is larger than\n   * the page that was fetched, the developer is well past onboarding, so the\n   * submit step counts as done even if the fetched page holds no submission.\n   */\n  totalApplications: number;\n}\n\nexport interface OnboardingState {\n  steps: OnboardingStep[];\n  completedCount: number;\n  isComplete: boolean;\n  /** First step that is not done yet, or null when everything is done. */\n  nextStep: OnboardingStep | null;\n}\n\n/** Whether an application status counts as submitted for review. */\nexport function isSubmittedStatus(status: string | null | undefined): boolean {\n  return !!status && SUBMITTED_APP_STATUSES.has(status.toUpperCase());\n}\n\nexport interface ReviewRequirement {\n  id: \"listing\" | \"visibility\" | \"version\" | \"pricing\";\n  /** i18n key under `devportal.onboarding.requirements`. */\n  key: string;\n  text: string;\n}\n\n/**\n * What the app page asks for before \"Submit for Review\" is enabled, in the\n * order it asks. Mirrors the readiness rule in ApplicationDetailPage\n * (description, category and icon; Public or Unlisted visibility; a version\n * for package and API-integration apps; pricing chosen). Category is set by\n * the setup wizard already, so it is not repeated here.\n */\nexport function reviewRequirementsFor(\n  appType: string | null | undefined,\n): ReviewRequirement[] {\n  const type = (appType ?? \"\").toUpperCase();\n  const needsPackage = PACKAGE_APP_TYPES.has(type);\n  const needsVersion = needsPackage || type === \"API_INTEGRATION\";\n  const items: ReviewRequirement[] = [\n    {\n      id: \"listing\",\n      key: \"devportal.onboarding.requirements.listing\",\n      text: \"A full description and an app icon on the Store Listing tab.\",\n    },\n    {\n      id: \"visibility\",\n      key: \"devportal.onboarding.requirements.visibility\",\n      text: \"Visibility set to Public (marketplace) or Unlisted (shared by link). Private apps cannot be submitted.\",\n    },\n  ];\n  if (needsVersion) {\n    items.push(\n      needsPackage\n        ? {\n            id: \"version\",\n            key: \"devportal.onboarding.requirements.package\",\n            text: \"A first version with its uploaded package on the Versions tab.\",\n          }\n        : {\n            id: \"version\",\n            key: \"devportal.onboarding.requirements.version\",\n            text: \"A first version on the Versions tab.\",\n          },\n    );\n  }\n  items.push({\n    id: \"pricing\",\n    key: \"devportal.onboarding.requirements.pricing\",\n    text: \"Pricing chosen on the Pricing tab: Free, or a credit price (paid apps also link a billing account).\",\n  });\n  return items;\n}\n\n/**\n * Build the checklist. Only DIGITAL (or legacy kind-less) organizations\n * count: a PHYSICAL seller organization cannot own an application, so it does\n * not move a developer forward on this journey.\n */\nexport function computeOnboardingState(\n  input: OnboardingInput,\n): OnboardingState {\n  const hasDigitalOrg = input.organizationKinds.some(\n    (kind) => (kind ?? \"DIGITAL\").toUpperCase() !== \"PHYSICAL\",\n  );\n  const hasApp = input.totalApplications > 0 || input.applications.length > 0;\n  const firstUnsubmitted = input.applications.find(\n    (app) => !isSubmittedStatus(app.status),\n  );\n  const hasSubmitted =\n    input.applications.some((app) => isSubmittedStatus(app.status)) ||\n    input.totalApplications > input.applications.length;\n\n  const steps: OnboardingStep[] = [\n    { id: \"profile\", done: input.hasProfile, path: \"/profile\" },\n    {\n      id: \"organization\",\n      done: hasDigitalOrg,\n      path: hasDigitalOrg ? \"/organizations\" : \"/setup\",\n    },\n    {\n      id: \"app\",\n      done: hasApp,\n      path: hasDigitalOrg ? \"/apps/new\" : \"/setup\",\n    },\n    {\n      id: \"submit\",\n      done: hasSubmitted,\n      path: firstUnsubmitted ? `/apps/${firstUnsubmitted.id}` : \"/apps\",\n    },\n  ];\n\n  const completedCount = steps.filter((step) => step.done).length;\n  return {\n    steps,\n    completedCount,\n    isComplete: completedCount === steps.length,\n    nextStep: steps.find((step) => !step.done) ?? null,\n  };\n}\n\nexport interface EligibilityRule {\n  id: string;\n  /** i18n key under `devportal.onboarding.eligibility`. */\n  key: string;\n  /** Canonical English copy; also the i18n fallback. */\n  text: string;\n}\n\n/**\n * Who can register as a developer. Kept in one place so the setup wizard,\n * the dashboard checklist and the unit tests agree, and mirrored in the\n * public docs page (workspaces-docs: developers/build/register-as-a-developer).\n */\nexport const ELIGIBILITY_RULES: ReadonlyArray<EligibilityRule> = [\n  {\n    id: \"account\",\n    key: \"devportal.onboarding.eligibility.account\",\n    text: \"A Burdenoff account with a verified email address. Any plan works, including Free; you do not need to be a paying Workspaces customer.\",\n  },\n  {\n    id: \"capacity\",\n    key: \"devportal.onboarding.eligibility.capacity\",\n    text: \"You have reached the age of majority where you live, or you register on behalf of a company and have the authority to bind it.\",\n  },\n  {\n    id: \"agreement\",\n    key: \"devportal.onboarding.eligibility.agreement\",\n    text: \"You accept the Marketplace & Developer Agreement and the Acceptable Use Policy for everything you build and submit.\",\n  },\n  {\n    id: \"sanctions\",\n    key: \"devportal.onboarding.eligibility.sanctions\",\n    text: \"You are not barred from receiving software or services under applicable export-control or sanctions laws.\",\n  },\n  {\n    id: \"review\",\n    key: \"devportal.onboarding.eligibility.review\",\n    text: \"Every submission is reviewed before it is listed. Free and private apps need nothing more; paid listings also need publisher verification (legal details, tax and payouts) before they go live.\",\n  },\n];\n"],"mappings":";AAcA,IAAa,IAA8C,IAAI,IAAI;CACjE;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,EAOW,IAAyC,IAAI,IAAI;CAC5D;CACA;CACA;CACA;CACA;CACD,CAAC;AAoCF,SAAgB,EAAkB,GAA4C;AAC5E,QAAO,CAAC,CAAC,KAAU,EAAuB,IAAI,EAAO,aAAa,CAAC;;AAiBrE,SAAgB,EACd,GACqB;CACrB,IAAM,KAAQ,KAAW,IAAI,aAAa,EACpC,IAAe,EAAkB,IAAI,EAAK,EAC1C,IAAe,KAAgB,MAAS,mBACxC,IAA6B,CACjC;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP,EACD;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP,CACF;AAqBD,QApBI,KACF,EAAM,KACJ,IACI;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP,GACD;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP,CACN,EAEH,EAAM,KAAK;EACT,IAAI;EACJ,KAAK;EACL,MAAM;EACP,CAAC,EACK;;AAQT,SAAgB,EACd,GACiB;CACjB,IAAM,IAAgB,EAAM,kBAAkB,MAC3C,OAAU,KAAQ,WAAW,aAAa,KAAK,WACjD,EACK,IAAS,EAAM,oBAAoB,KAAK,EAAM,aAAa,SAAS,GACpE,IAAmB,EAAM,aAAa,MACzC,MAAQ,CAAC,EAAkB,EAAI,OAAO,CACxC,EACK,IACJ,EAAM,aAAa,MAAM,MAAQ,EAAkB,EAAI,OAAO,CAAC,IAC/D,EAAM,oBAAoB,EAAM,aAAa,QAEzC,IAA0B;EAC9B;GAAE,IAAI;GAAW,MAAM,EAAM;GAAY,MAAM;GAAY;EAC3D;GACE,IAAI;GACJ,MAAM;GACN,MAAM,IAAgB,mBAAmB;GAC1C;EACD;GACE,IAAI;GACJ,MAAM;GACN,MAAM,IAAgB,cAAc;GACrC;EACD;GACE,IAAI;GACJ,MAAM;GACN,MAAM,IAAmB,SAAS,EAAiB,OAAO;GAC3D;EACF,EAEK,IAAiB,EAAM,QAAQ,MAAS,EAAK,KAAK,CAAC;AACzD,QAAO;EACL;EACA;EACA,YAAY,MAAmB,EAAM;EACrC,UAAU,EAAM,MAAM,MAAS,CAAC,EAAK,KAAK,IAAI;EAC/C;;AAgBH,IAAa,IAAoD;CAC/D;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP;CACD;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP;CACD;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP;CACD;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP;CACD;EACE,IAAI;EACJ,KAAK;EACL,MAAM;EACP;CACF"}

package/dist/devportal/utils/uploadErrors.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Turns a failed files-upload GraphQL call into a message a developer can act on.
+ *
+ * The workspace gateway refuses a quota-gated mutation (`completeUpload`,
+ * `uploadFile` and `createFolder` carry `@usage(checkQuota: true)`) with HTTP
+ * 429 and a GraphQL body whose first error carries
+ * `extensions.code` = `QUOTA_NOT_PROVISIONED` (the current workspace's plan does
+ * not include the quota at all) or `QUOTA_EXHAUSTED` (the allowance is used
+ * up). Reading only the status turned both into "GraphQL request failed: 429",
+ * which reads as rate limiting and gives no way forward (BOFF-10676).
+ *
+ * These helpers are pure so the upload hook stays a thin transport and the
+ * mapping can be unit tested without a network.
+ */
+/** One GraphQL error, as far as these helpers read it. */
+export interface GraphQLErrorLike {
+    message?: unknown;
+    extensions?: unknown;
+}
+/** Gateway quota block codes (wspace-public-gateway `sendQuotaExhausted`). */
+export declare const QUOTA_NOT_PROVISIONED = "QUOTA_NOT_PROVISIONED";
+export declare const QUOTA_EXHAUSTED = "QUOTA_EXHAUSTED";
+export declare const QUOTA_NOT_PROVISIONED_MESSAGE = "File uploads are not available in this workspace because its plan does not include file storage. Switch to a workspace your plan covers, or upgrade this workspace's plan in Billing, then try again.";
+export declare const QUOTA_EXHAUSTED_MESSAGE = "This workspace has used up its file storage. Delete files you no longer need or upgrade the workspace's plan in Billing, then try again.";
+export declare const RATE_LIMITED_MESSAGE = "Too many requests right now. Wait a moment, then try the upload again.";
+/** Error raised by the upload transport; `code` is the gateway code when there is one. */
+export declare class UploadRequestError extends Error {
+    readonly code: string | null;
+    readonly status: number | null;
+    constructor(message: string, code: string | null, status: number | null);
+}
+/** Human-readable byte size (binary units, one decimal above KB). */
+export declare function formatBytes(bytes: number): string;
+/**
+ * The quota refusal in a GraphQL body, if there is one. Used for both the
+ * gateway's 429 response and an in-band error on a 200 response.
+ */
+export declare function quotaErrorFrom(body: unknown): UploadRequestError | null;
+/**
+ * The error for a non-2xx gateway response. `body` is the parsed JSON body, or
+ * undefined when it was missing or not JSON.
+ */
+export declare function httpErrorFrom(status: number, statusText: string, body: unknown): UploadRequestError;
+/** The error for in-band GraphQL errors on a 2xx response. */
+export declare function graphQLErrorFrom(body: unknown): UploadRequestError | null;
+//# sourceMappingURL=uploadErrors.d.ts.map

package/dist/devportal/utils/uploadErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadErrors.d.ts","sourceRoot":"","sources":["../../../src/devportal/utils/uploadErrors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,0DAA0D;AAC1D,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,8EAA8E;AAC9E,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAEjD,eAAO,MAAM,6BAA6B,0MAC+J,CAAC;AAE1M,eAAO,MAAM,uBAAuB,6IACwG,CAAC;AAE7I,eAAO,MAAM,oBAAoB,2EACyC,CAAC;AAE3E,0FAA0F;AAC1F,qBAAa,kBAAmB,SAAQ,KAAK;IAC3C,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;gBAEnB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAMxE;AA4BD,qEAAqE;AACrE,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYjD;AASD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,kBAAkB,GAAG,IAAI,CAWvE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,OAAO,GACZ,kBAAkB,CAkBpB;AAED,8DAA8D;AAC9D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,kBAAkB,GAAG,IAAI,CAezE"}

package/dist/devportal/utils/uploadErrors.js

@@ -0,0 +1,62 @@
+var e = "File uploads are not available in this workspace because its plan does not include file storage. Switch to a workspace your plan covers, or upgrade this workspace's plan in Billing, then try again.", t = "This workspace has used up its file storage. Delete files you no longer need or upgrade the workspace's plan in Billing, then try again.", n = "Too many requests right now. Wait a moment, then try the upload again.", r = class extends Error {
+	code;
+	status;
+	constructor(e, t, n) {
+		super(e), this.name = "UploadRequestError", this.code = t, this.status = n;
+	}
+};
+function i(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? e : null;
+}
+function a(e) {
+	let t = i(e)?.errors;
+	return Array.isArray(t) ? t.filter((e) => i(e) !== null) : [];
+}
+function o(e) {
+	let t = i(e.extensions)?.code;
+	return typeof t == "string" ? t : null;
+}
+function s(e) {
+	let t = i(e.extensions)?.limitLeft, n = typeof t == "string" ? Number(t) : t;
+	return typeof n == "number" && Number.isFinite(n) && n >= 0 ? n : null;
+}
+function c(e) {
+	if (!Number.isFinite(e) || e < 0) return "0 B";
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = e, r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+	return r === 0 ? `${Math.round(n)} ${t[r]}` : `${n.toFixed(1)} ${t[r]}`;
+}
+function l(e) {
+	let n = s(e);
+	return n === null ? t : `${t} Space left: ${c(n)}.`;
+}
+function u(t) {
+	for (let n of a(t)) {
+		let t = o(n);
+		if (t === "QUOTA_NOT_PROVISIONED") return new r(e, t, null);
+		if (t === "QUOTA_EXHAUSTED") return new r(l(n), t, null);
+	}
+	return null;
+}
+function d(e, t, i) {
+	let s = u(i);
+	if (s) return new r(s.message, s.code, e);
+	let c = a(i)[0];
+	return c && typeof c.message == "string" && c.message.trim() ? new r(c.message, o(c), e) : e === 429 ? new r(n, null, e) : new r(`GraphQL request failed: ${e}${t ? ` ${t}` : ""}`, null, e);
+}
+function f(e) {
+	let t = u(e);
+	if (t) return t;
+	let n = a(e), [i] = n;
+	return i ? new r(n.map((e) => typeof e.message == "string" ? e.message : "").filter(Boolean).join("; ") || "GraphQL request failed", o(i), null) : null;
+}
+//#endregion
+export { f as graphQLErrorFrom, d as httpErrorFrom };
+
+//# sourceMappingURL=uploadErrors.js.map

package/dist/devportal/utils/uploadErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadErrors.js","names":[],"sources":["../../../src/devportal/utils/uploadErrors.ts"],"sourcesContent":["/**\n * Turns a failed files-upload GraphQL call into a message a developer can act on.\n *\n * The workspace gateway refuses a quota-gated mutation (`completeUpload`,\n * `uploadFile` and `createFolder` carry `@usage(checkQuota: true)`) with HTTP\n * 429 and a GraphQL body whose first error carries\n * `extensions.code` = `QUOTA_NOT_PROVISIONED` (the current workspace's plan does\n * not include the quota at all) or `QUOTA_EXHAUSTED` (the allowance is used\n * up). Reading only the status turned both into \"GraphQL request failed: 429\",\n * which reads as rate limiting and gives no way forward (BOFF-10676).\n *\n * These helpers are pure so the upload hook stays a thin transport and the\n * mapping can be unit tested without a network.\n */\n\n/** One GraphQL error, as far as these helpers read it. */\nexport interface GraphQLErrorLike {\n  message?: unknown;\n  extensions?: unknown;\n}\n\n/** Gateway quota block codes (wspace-public-gateway `sendQuotaExhausted`). */\nexport const QUOTA_NOT_PROVISIONED = \"QUOTA_NOT_PROVISIONED\";\nexport const QUOTA_EXHAUSTED = \"QUOTA_EXHAUSTED\";\n\nexport const QUOTA_NOT_PROVISIONED_MESSAGE =\n  \"File uploads are not available in this workspace because its plan does not include file storage. Switch to a workspace your plan covers, or upgrade this workspace's plan in Billing, then try again.\";\n\nexport const QUOTA_EXHAUSTED_MESSAGE =\n  \"This workspace has used up its file storage. Delete files you no longer need or upgrade the workspace's plan in Billing, then try again.\";\n\nexport const RATE_LIMITED_MESSAGE =\n  \"Too many requests right now. Wait a moment, then try the upload again.\";\n\n/** Error raised by the upload transport; `code` is the gateway code when there is one. */\nexport class UploadRequestError extends Error {\n  readonly code: string | null;\n  readonly status: number | null;\n\n  constructor(message: string, code: string | null, status: number | null) {\n    super(message);\n    this.name = \"UploadRequestError\";\n    this.code = code;\n    this.status = status;\n  }\n}\n\nfunction readRecord(value: unknown): Record<string, unknown> | null {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value)\n    ? // Narrowed to a non-null, non-array object above; fields are read defensively below.\n      (value as Record<string, unknown>)\n    : null;\n}\n\nfunction errorsOf(body: unknown): GraphQLErrorLike[] {\n  const errors = readRecord(body)?.errors;\n  if (!Array.isArray(errors)) return [];\n  return errors.filter((e): e is GraphQLErrorLike => readRecord(e) !== null);\n}\n\nfunction codeOf(error: GraphQLErrorLike): string | null {\n  const code = readRecord(error.extensions)?.code;\n  return typeof code === \"string\" ? code : null;\n}\n\nfunction limitLeftOf(error: GraphQLErrorLike): number | null {\n  const raw = readRecord(error.extensions)?.limitLeft;\n  const value = typeof raw === \"string\" ? Number(raw) : raw;\n  return typeof value === \"number\" && Number.isFinite(value) && value >= 0\n    ? value\n    : null;\n}\n\n/** Human-readable byte size (binary units, one decimal above KB). */\nexport function formatBytes(bytes: number): string {\n  if (!Number.isFinite(bytes) || bytes < 0) return \"0 B\";\n  const units = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\n  let value = bytes;\n  let unit = 0;\n  while (value >= 1024 && unit < units.length - 1) {\n    value /= 1024;\n    unit += 1;\n  }\n  return unit === 0\n    ? `${Math.round(value)} ${units[unit]}`\n    : `${value.toFixed(1)} ${units[unit]}`;\n}\n\nfunction exhaustedMessage(error: GraphQLErrorLike): string {\n  const left = limitLeftOf(error);\n  return left === null\n    ? QUOTA_EXHAUSTED_MESSAGE\n    : `${QUOTA_EXHAUSTED_MESSAGE} Space left: ${formatBytes(left)}.`;\n}\n\n/**\n * The quota refusal in a GraphQL body, if there is one. Used for both the\n * gateway's 429 response and an in-band error on a 200 response.\n */\nexport function quotaErrorFrom(body: unknown): UploadRequestError | null {\n  for (const error of errorsOf(body)) {\n    const code = codeOf(error);\n    if (code === QUOTA_NOT_PROVISIONED) {\n      return new UploadRequestError(QUOTA_NOT_PROVISIONED_MESSAGE, code, null);\n    }\n    if (code === QUOTA_EXHAUSTED) {\n      return new UploadRequestError(exhaustedMessage(error), code, null);\n    }\n  }\n  return null;\n}\n\n/**\n * The error for a non-2xx gateway response. `body` is the parsed JSON body, or\n * undefined when it was missing or not JSON.\n */\nexport function httpErrorFrom(\n  status: number,\n  statusText: string,\n  body: unknown,\n): UploadRequestError {\n  const quota = quotaErrorFrom(body);\n  if (quota) {\n    return new UploadRequestError(quota.message, quota.code, status);\n  }\n  const first = errorsOf(body)[0];\n  if (first && typeof first.message === \"string\" && first.message.trim()) {\n    return new UploadRequestError(first.message, codeOf(first), status);\n  }\n  if (status === 429) {\n    return new UploadRequestError(RATE_LIMITED_MESSAGE, null, status);\n  }\n  const suffix = statusText ? ` ${statusText}` : \"\";\n  return new UploadRequestError(\n    `GraphQL request failed: ${status}${suffix}`,\n    null,\n    status,\n  );\n}\n\n/** The error for in-band GraphQL errors on a 2xx response. */\nexport function graphQLErrorFrom(body: unknown): UploadRequestError | null {\n  const quota = quotaErrorFrom(body);\n  if (quota) return quota;\n  const errors = errorsOf(body);\n  const [first] = errors;\n  if (!first) return null;\n  const message = errors\n    .map((e) => (typeof e.message === \"string\" ? e.message : \"\"))\n    .filter(Boolean)\n    .join(\"; \");\n  return new UploadRequestError(\n    message || \"GraphQL request failed\",\n    codeOf(first),\n    null,\n  );\n}\n"],"mappings":"AAyBA,IAAa,IACX,yMAEW,IACX,4IAEW,IACX,0EAGW,IAAb,cAAwC,MAAM;CAC5C;CACA;CAEA,YAAY,GAAiB,GAAqB,GAAuB;AAIvE,EAHA,MAAM,EAAQ,EACd,KAAK,OAAO,sBACZ,KAAK,OAAO,GACZ,KAAK,SAAS;;;AAIlB,SAAS,EAAW,GAAgD;AAClE,QAAO,OAAO,KAAU,YAAY,KAAkB,CAAC,MAAM,QAAQ,EAAM,GAEtE,IACD;;AAGN,SAAS,EAAS,GAAmC;CACnD,IAAM,IAAS,EAAW,EAAK,EAAE;AAEjC,QADK,MAAM,QAAQ,EAAO,GACnB,EAAO,QAAQ,MAA6B,EAAW,EAAE,KAAK,KAAK,GADvC,EAAE;;AAIvC,SAAS,EAAO,GAAwC;CACtD,IAAM,IAAO,EAAW,EAAM,WAAW,EAAE;AAC3C,QAAO,OAAO,KAAS,WAAW,IAAO;;AAG3C,SAAS,EAAY,GAAwC;CAC3D,IAAM,IAAM,EAAW,EAAM,WAAW,EAAE,WACpC,IAAQ,OAAO,KAAQ,WAAW,OAAO,EAAI,GAAG;AACtD,QAAO,OAAO,KAAU,YAAY,OAAO,SAAS,EAAM,IAAI,KAAS,IACnE,IACA;;AAIN,SAAgB,EAAY,GAAuB;AACjD,KAAI,CAAC,OAAO,SAAS,EAAM,IAAI,IAAQ,EAAG,QAAO;CACjD,IAAM,IAAQ;EAAC;EAAK;EAAM;EAAM;EAAM;EAAK,EACvC,IAAQ,GACR,IAAO;AACX,QAAO,KAAS,QAAQ,IAAO,EAAM,SAAS,GAE5C,CADA,KAAS,MACT,KAAQ;AAEV,QAAO,MAAS,IACZ,GAAG,KAAK,MAAM,EAAM,CAAC,GAAG,EAAM,OAC9B,GAAG,EAAM,QAAQ,EAAE,CAAC,GAAG,EAAM;;AAGnC,SAAS,EAAiB,GAAiC;CACzD,IAAM,IAAO,EAAY,EAAM;AAC/B,QAAO,MAAS,OACZ,IACA,GAAG,EAAwB,eAAe,EAAY,EAAK,CAAC;;AAOlE,SAAgB,EAAe,GAA0C;AACvE,MAAK,IAAM,KAAS,EAAS,EAAK,EAAE;EAClC,IAAM,IAAO,EAAO,EAAM;AAC1B,MAAI,MAAA,wBACF,QAAO,IAAI,EAAmB,GAA+B,GAAM,KAAK;AAE1E,MAAI,MAAA,kBACF,QAAO,IAAI,EAAmB,EAAiB,EAAM,EAAE,GAAM,KAAK;;AAGtE,QAAO;;AAOT,SAAgB,EACd,GACA,GACA,GACoB;CACpB,IAAM,IAAQ,EAAe,EAAK;AAClC,KAAI,EACF,QAAO,IAAI,EAAmB,EAAM,SAAS,EAAM,MAAM,EAAO;CAElE,IAAM,IAAQ,EAAS,EAAK,CAAC;AAQ7B,QAPI,KAAS,OAAO,EAAM,WAAY,YAAY,EAAM,QAAQ,MAAM,GAC7D,IAAI,EAAmB,EAAM,SAAS,EAAO,EAAM,EAAE,EAAO,GAEjE,MAAW,MACN,IAAI,EAAmB,GAAsB,MAAM,EAAO,GAG5D,IAAI,EACT,2BAA2B,IAFd,IAAa,IAAI,MAAe,MAG7C,MACA,EACD;;AAIH,SAAgB,EAAiB,GAA0C;CACzE,IAAM,IAAQ,EAAe,EAAK;AAClC,KAAI,EAAO,QAAO;CAClB,IAAM,IAAS,EAAS,EAAK,EACvB,CAAC,KAAS;AAMhB,QALK,IAKE,IAAI,EAJK,EACb,KAAK,MAAO,OAAO,EAAE,WAAY,WAAW,EAAE,UAAU,GAAI,CAC5D,OAAO,QAAQ,CACf,KAAK,KAAK,IAEA,0BACX,EAAO,EAAM,EACb,KACD,GATkB"}