Account Phone Change Patterns

SMS Pending

A static SMS confirmation notice shows phone ending 0199, code not shown, 10 minute expiry, and Pending confirmation status.

Program

Confirmation notices should show what is pending without sending SMS or generating codes.

sms_confirmation_pending.html
Visuals: captured from real browser rendering
<section class="sms-pending" aria-labelledby="sms-pending-title"><h2 id="sms-pending-title">SMS confirmation pending</h2><dl>
  <div><dt>Phone</dt><dd>ending 0199</dd></div>
  <div><dt>Code</dt><dd>Not shown</dd></div><div><dt>Expires</dt><dd>10 minutes</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Pending confirmation</span></dd></div></dl>
  <p class="check">Learner check: confirmation status is visible without sending a code.</p>
  <p class="note">Static SMS confirmation notice only; no SMS sending, code generation, auth service, account mutation, storage, route, API, network, script, event listener, form submit, analytics, timer, or live confirmation runs.</p></section>
<style>
  .sms-pending { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #1d4ed8; padding: 12px; background: #eff6ff; }
  .sms-pending dl { display: grid; gap: 8px; margin: 0; }
  .sms-pending dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .sms-pending dt { color: #475569; }
  .sms-pending dd, .check, .note { margin: 0; }
  .badge { border-radius: 999px; background: #dbeafe; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the SMS confirmation notice.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.

  2. Show phone row.

    The phone is exact pinned data.
    The phone is exact pinned data.

  3. Show code and expiry rows.

    The code state and expiry text are exact pinned data.
    The code state and expiry text are exact pinned data.

  4. Render pending confirmation status.

    The status badge says confirmation is pending.
    The status badge says confirmation is pending.

  5. Check confirmation readback.

    The check says confirmation status is visible without sending a code.
    The check says confirmation status is visible without sending a code.

  6. Check confirmation honesty.

    Phone, code state, expiry, status, and no live confirmation.
    Phone, code state, expiry, status, and no live confirmation.
step flow step(1) labels the source, step(2) shows the phone, step(3) shows code and expiry rows, step(4) shows pending confirmation status, step(5) checks the confirmation readback, and step(6) checks the honesty note.
confirmation readback The section heading names the SMS confirmation pending surface.
confirmation rows Phone, Code, Expires, and Status values are exact pinned data.
no live confirmation The lesson should not imply SMS sending, code generation, auth services, account mutations, storage, routes, APIs, networks, scripts, event listeners, form submits, analytics, timers, or live confirmations.