Fix intake wizard: global styles for JS-created step bar, re-render after pre-fill

- Changed <style> to <style is:global> so CSS applies to dynamically
  created step chips (Astro scoped styles don't match JS-created elements)
- After async pre-fill from order data completes, re-renders the active
  step so EntityStep reads the populated state
- Removes payment step when token/order param is present

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
justin 2026-04-28 05:04:21 -05:00
parent 5d9b378e55
commit 3614284a78

View file

@ -129,7 +129,7 @@ const STEP_LABELS: Record<string, string> = {
</footer>
</div>
<style>
<style is:global>
.pw-wizard { max-width: 820px; margin: 0 auto; padding: 1rem; }
.pw-wizard-header h1 { margin: 0 0 1rem; color: var(--pw-navy, #1a2744); }
.pw-wizard-stepbar {
@ -366,6 +366,8 @@ const STEP_LABELS: Record<string, string> = {
}
saveState(state);
// Re-render the first step now that state is populated
renderStep(loadState().step_index || 0);
} catch {}
})();