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

@burdenoff/microfe-devportal 2026.1107.1 → 2026.1107.3

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

Files changed (21) hide show

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

	@@ -1 +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 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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"}
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 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 { APP_CATEGORY_OPTIONS } from \"../constants/appCategories\";\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\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.purposeWithReview\",\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={[...APP_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/submitForReview.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+/**
+ * Submit-for-review flow for the application page.
+ *
+ * The page used to run these steps inline and swallow any failure with a
+ * console.error, so when the store refused a submission the developer saw no
+ * message: the app silently stayed a draft (BOFF-10636). The flow is pure here
+ * so the page only renders the outcome, and the error mapping is unit tested.
+ */
+/** Fallback when a failure carries no message a developer can use. */
+export declare const SUBMIT_FAILED_MESSAGE = "Your app could not be submitted for review. Nothing was sent to reviewers. Try again in a moment; if it keeps failing, contact support.";
+export interface VersionLike {
+    id: string;
+    status: string;
+}
+export interface SubmitForReviewSteps {
+    /** Moves one draft version into review together with the app. */
+    publishVersion: (versionId: string) => Promise<unknown>;
+    /** Submits the application itself. */
+    submitApplication: () => Promise<unknown>;
+}
+export type SubmitForReviewResult = {
+    ok: true;
+} | {
+    ok: false;
+    message: string;
+};
+/** Draft versions go into review together with the app. */
+export declare function draftVersionIds(versions: readonly VersionLike[]): string[];
+/**
+ * The message to show for a failed submission: the first GraphQL error the
+ * backend sent (it forwards actionable store errors), else the error's own
+ * message, else a plain fallback.
+ */
+export declare function submitErrorMessage(error: unknown): string;
+/**
+ * Publish the draft versions, then submit the application. Stops at the first
+ * failure and reports it instead of throwing.
+ */
+export declare function submitForReview(versions: readonly VersionLike[], steps: SubmitForReviewSteps): Promise<SubmitForReviewResult>;
+//# sourceMappingURL=submitForReview.d.ts.map

package/dist/devportal/utils/submitForReview.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"submitForReview.d.ts","sourceRoot":"","sources":["../../../src/devportal/utils/submitForReview.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,sEAAsE;AACtE,eAAO,MAAM,qBAAqB,4IACyG,CAAC;AAE5I,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,iEAAiE;IACjE,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CAC3C;AAED,MAAM,MAAM,qBAAqB,GAC7B;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,GACZ;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnC,2DAA2D;AAC3D,wBAAgB,eAAe,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,GAAG,MAAM,EAAE,CAE1E;AAyBD;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAgBzD;AAED;;;GAGG;AACH,wBAAsB,eAAe,CACnC,QAAQ,EAAE,SAAS,WAAW,EAAE,EAChC,KAAK,EAAE,oBAAoB,GAC1B,OAAO,CAAC,qBAAqB,CAAC,CAYhC"}

package/dist/devportal/utils/submitForReview.js ADDED Viewed

@@ -0,0 +1,37 @@
+function e(e) {
+	return e.filter((e) => e.status === "draft").map((e) => e.id);
+}
+function t(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? e : null;
+}
+function n(e) {
+	if (typeof e != "string") return null;
+	let t = e.trim();
+	return !t || /^(unexpected error|response not successful|failed to fetch|network ?error)/i.test(t) ? null : t;
+}
+function r(e) {
+	let r = t(e);
+	for (let e of ["errors", "graphQLErrors"]) {
+		let i = r?.[e];
+		if (Array.isArray(i)) for (let e of i) {
+			let r = n(t(e)?.message);
+			if (r) return r;
+		}
+	}
+	return e instanceof Error ? n(e.message) ?? "Your app could not be submitted for review. Nothing was sent to reviewers. Try again in a moment; if it keeps failing, contact support." : n(r?.message) ?? "Your app could not be submitted for review. Nothing was sent to reviewers. Try again in a moment; if it keeps failing, contact support.";
+}
+async function i(t, n) {
+	try {
+		for (let r of e(t)) await n.publishVersion(r);
+		return await n.submitApplication(), { ok: !0 };
+	} catch (e) {
+		return console.warn("[DevPortal] Submit for review failed:", e), {
+			ok: !1,
+			message: r(e)
+		};
+	}
+}
+//#endregion
+export { i as submitForReview };
+//# sourceMappingURL=submitForReview.js.map

package/dist/devportal/utils/submitForReview.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"submitForReview.js","names":[],"sources":["../../../src/devportal/utils/submitForReview.ts"],"sourcesContent":["/**\n * Submit-for-review flow for the application page.\n *\n * The page used to run these steps inline and swallow any failure with a\n * console.error, so when the store refused a submission the developer saw no\n * message: the app silently stayed a draft (BOFF-10636). The flow is pure here\n * so the page only renders the outcome, and the error mapping is unit tested.\n */\n\n/** Fallback when a failure carries no message a developer can use. */\nexport const SUBMIT_FAILED_MESSAGE =\n \"Your app could not be submitted for review. Nothing was sent to reviewers. Try again in a moment; if it keeps failing, contact support.\";\n\nexport interface VersionLike {\n id: string;\n status: string;\n}\n\nexport interface SubmitForReviewSteps {\n /** Moves one draft version into review together with the app. */\n publishVersion: (versionId: string) => Promise<unknown>;\n /** Submits the application itself. */\n submitApplication: () => Promise<unknown>;\n}\n\nexport type SubmitForReviewResult =\n | { ok: true }\n | { ok: false; message: string };\n\n/** Draft versions go into review together with the app. */\nexport function draftVersionIds(versions: readonly VersionLike[]): string[] {\n return versions.filter((v) => v.status === \"draft\").map((v) => v.id);\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 usableMessage(value: unknown): string | null {\n if (typeof value !== \"string\") return null;\n const message = value.trim();\n if (!message) return null;\n // Transport noise (\"Unexpected error.\", \"Response not successful: ...\",\n // \"Failed to fetch\") tells the developer nothing they can act on.\n if (\n /^(unexpected error|response not successful|failed to fetch|network ?error)/i.test(\n message,\n )\n ) {\n return null;\n }\n return message;\n}\n\n/**\n * The message to show for a failed submission: the first GraphQL error the\n * backend sent (it forwards actionable store errors), else the error's own\n * message, else a plain fallback.\n */\nexport function submitErrorMessage(error: unknown): string {\n const record = readRecord(error);\n // Apollo Client 4 raises CombinedGraphQLErrors (`errors`); older clients\n // raised ApolloError (`graphQLErrors`).\n for (const key of [\"errors\", \"graphQLErrors\"]) {\n const entries = record?.[key];\n if (!Array.isArray(entries)) continue;\n for (const entry of entries) {\n const message = usableMessage(readRecord(entry)?.[\"message\"]);\n if (message) return message;\n }\n }\n if (error instanceof Error) {\n return usableMessage(error.message) ?? SUBMIT_FAILED_MESSAGE;\n }\n return usableMessage(record?.[\"message\"]) ?? SUBMIT_FAILED_MESSAGE;\n}\n\n/**\n * Publish the draft versions, then submit the application. Stops at the first\n * failure and reports it instead of throwing.\n */\nexport async function submitForReview(\n versions: readonly VersionLike[],\n steps: SubmitForReviewSteps,\n): Promise<SubmitForReviewResult> {\n try {\n for (const versionId of draftVersionIds(versions)) {\n await steps.publishVersion(versionId);\n }\n await steps.submitApplication();\n return { ok: true };\n } catch (error) {\n // Keep the raw error for debugging; the developer sees the mapped message.\n console.warn(\"[DevPortal] Submit for review failed:\", error);\n return { ok: false, message: submitErrorMessage(error) };\n }\n}\n"],"mappings":"AA8BA,SAAgB,EAAgB,GAA4C;AAC1E,QAAO,EAAS,QAAQ,MAAM,EAAE,WAAW,QAAQ,CAAC,KAAK,MAAM,EAAE,GAAG;;AAGtE,SAAS,EAAW,GAAgD;AAClE,QAAO,OAAO,KAAU,YAAY,KAAkB,CAAC,MAAM,QAAQ,EAAM,GAEtE,IACD;;AAGN,SAAS,EAAc,GAA+B;AACpD,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM;AAW5B,QAVI,CAAC,KAIH,8EAA8E,KAC5E,EACD,GAEM,OAEF;;AAQT,SAAgB,EAAmB,GAAwB;CACzD,IAAM,IAAS,EAAW,EAAM;AAGhC,MAAK,IAAM,KAAO,CAAC,UAAU,gBAAgB,EAAE;EAC7C,IAAM,IAAU,IAAS;AACpB,YAAM,QAAQ,EAAQ,CAC3B,MAAK,IAAM,KAAS,GAAS;GAC3B,IAAM,IAAU,EAAc,EAAW,EAAM,EAAG,QAAW;AAC7D,OAAI,EAAS,QAAO;;;AAMxB,QAHI,aAAiB,QACZ,EAAc,EAAM,QAAQ,IAAA,4IAE9B,EAAc,GAAS,QAAW,IAAA;;AAO3C,eAAsB,EACpB,GACA,GACgC;AAChC,KAAI;AACF,OAAK,IAAM,KAAa,EAAgB,EAAS,CAC/C,OAAM,EAAM,eAAe,EAAU;AAGvC,SADA,MAAM,EAAM,mBAAmB,EACxB,EAAE,IAAI,IAAM;UACZ,GAAO;AAGd,SADA,QAAQ,KAAK,yCAAyC,EAAM,EACrD;GAAE,IAAI;GAAO,SAAS,EAAmB,EAAM;GAAE"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-devportal",
-  "version": "2026.1107.1",
+  "version": "2026.1107.3",
   "description": "Burdenoff Developer Portal Microfrontend - Complete developer operations interface",
   "type": "module",
   "files": [