Skip to content

feat(ui): reset connection entry on ConfigureSSO step footers#8711

Open
iagodahlem wants to merge 1 commit into
iago/orgs-1588-sdk-improve-confirmation-step-with-new-reset-connectionfrom
iago/orgs-1550-footer-reset-entry
Open

feat(ui): reset connection entry on ConfigureSSO step footers#8711
iagodahlem wants to merge 1 commit into
iago/orgs-1588-sdk-improve-confirmation-step-with-new-reset-connectionfrom
iago/orgs-1550-footer-reset-entry

Conversation

@iagodahlem
Copy link
Copy Markdown
Member

Implements ORGS-1550: wires a wizard-wide "Reset connection" entry into every ConfigureSSO step footer (except Select Provider / Confirmation) so the reset action is reachable from anywhere in the flow.

Stacked on top of #8706 — please review/merge that one first. This PR will rebase onto `main` after #8706 lands.

Summary

  • Adds a new `Step.Footer.Reset` compound part to the local `Step` element. It renders a destructive ghost button in the leading edge of the footer (via `marginInlineEnd: 'auto'`) and opens the existing `` from feat(ui): ResetConnectionDialog + ConfigureSSO confirmation restyle #8706.
  • The slot owns its own `isOpen` state and reads the current connection + organization from context — so steps just opt in by rendering `<Step.Footer.Reset />` with no extra wiring.
  • Gates itself on `enterpriseConnection` being defined, so it stays hidden on Select Provider (no connection yet).
  • Integrated on:
    • Verify Domain (verified-on-mount, ProvideEmail, EnterVerificationCode footers)
    • Configure (Okta — create app / attribute mapping / assign users / IdP metadata)
    • Configure (Custom SAML — same four sub-step footers)
    • Test
  • Adds the `configureSSOFooterResetButton` element descriptor + appearance entry.

Reset stays out of the Confirmation step on purpose — that step already has its own destructive Reset button row inside the body (shipped in #8706).

Test plan

  • Verify Domain → Configure → Test: a `Reset connection` ghost button appears on the left of every footer.
  • Select Provider: no Reset button (no connection yet).
  • Confirmation: still uses the in-body destructive button, footer has no Reset.
  • Click Reset from any step: opens the same `` (modal scoped to the wizard container).
  • Successful reset: dialog deletes the connection and revalidates the cache (wizard nav back to Select Provider is racy — covered separately by the wizard refactor).
  • Embedded under ``: dialog still portals into the wizard chrome.

Linear: ORGS-1550

Introduces a Step.Footer.Reset compound part that renders a destructive
ghost button in the left of the step footer and opens the existing
ResetConnectionDialog. Wires it into the Verify Domain, Configure, and Test
steps so the reset action is reachable from anywhere in the wizard, not just
the confirmation step. The slot gates itself on an existing enterprise
connection so it stays hidden on the provider selection step.
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 1, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
clerk-js-sandbox Ready Ready Preview, Comment Jun 1, 2026 1:24pm

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Jun 1, 2026

⚠️ No Changeset found

Latest commit: 0ceb6fb

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions github-actions Bot added the ui label Jun 1, 2026
@iagodahlem iagodahlem marked this pull request as ready for review June 1, 2026 13:29
@iagodahlem iagodahlem requested a review from LauraBeatris June 1, 2026 13:36

const FooterReset = (): JSX.Element | null => {
const { enterpriseConnection } = useConfigureSSO();
const { organization } = useOrganization();
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Instead of useOrganization, we should use __internal_useOrganizationBase to avoid opening the enable orgs prompt

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants