Skip to content

feat(onboarding): add WhatsApp onboarding setup and preview - #193

Open
paulobernardoaf wants to merge 1 commit into
feat/whatsapp-activation-modalfrom
feat/whatsapp-setup-page
Open

feat(onboarding): add WhatsApp onboarding setup and preview#193
paulobernardoaf wants to merge 1 commit into
feat/whatsapp-activation-modalfrom
feat/whatsapp-setup-page

Conversation

@paulobernardoaf

Copy link
Copy Markdown
Contributor

Description

Type of Change

    • Bugfix
    • Feature
    • Code style update (formatting, local variables)
    • Refactoring (no functional changes, no api changes)
    • Tests
    • Other

Motivation and Context

Adds the WhatsApp channel to the onboarding flow. Previously, only Webchat was supported as a setup channel. This PR introduces a dedicated setup page with progress tracking and an abandoned cart recovery preview.

Summary of Changes

WhatsApp onboarding setup page

  • New WhatsAppOnboardSetup page with progress bar, skip/test actions, and a locale-aware phone mockup preview (SVGs for en/es/pt).
  • New WhatsAppPreview component renders a banner and the correct SVG based on i18n.language.
  • Registered ONBOARD_WHATSAPP_SETUP and ONBOARD_WHATSAPP_TEST page constants; wired up the setup page in the Onboarding router.

Shared progress components extraction

  • Moved ProgressBar, useOnboardProgress, useAnimatedProgress, and progressSteps from webchat/ to src/pages/onboarding/shared/ since they are consumed by webchat, WhatsApp, and SkippedOnboardingBanner.

i18n

  • Added WhatsApp preview title translations in all three locales (en, pt-BR, es-ES).

- Introduced new WhatsApp onboarding setup page and preview component.
- Added localized titles for WhatsApp preview in English, Spanish, and Portuguese.
- Created SVG assets for WhatsApp onboarding previews in multiple languages.
- Refactored onboarding progress handling to support WhatsApp onboarding flow.
- Updated shared components for consistent onboarding experience across channels.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant