feat: Product onboarding with XM approach

Dhruwang commented 1 week ago

What does this PR do?

Fixes https://github.com/formbricks/internal/issues/224

Step 1 (channel select)

Step 2 (Industry select) <img width="1716" alt="Screenshot 2024-06-14 at 12 51 20 PM" src="https://github.com/formbricks/formbricks/assets/67850763/b34b6a68-6fb3-4714-8e90-59ee0b35411f">

Product settings without logo upload (If selected channel is app or website)

Product settings with logo upload (If selected channel is link)

Not connected state

Connected state

Invite team mate

Survey to show when other is selected for industry (only shown on fb cloud)

How should this be tested?

Test onboarding Create new product (We also show the same onboarding whenever user creates a new product ) To test the onboarding survey(show when industry value is set to other), set IS_FORMBRICKS_CLOUD as 1

https://github.com/formbricks/formbricks/assets/67850763/4972ff64-42d9-4fe5-8190-e64f8d52b35d

After we merge XM templates PR, we also get the filtered templates using this params

Checklist

Required

[x] Filled out the "How to test" section in this PR
[x] Read How we Code at Formbricks
[x] Self-reviewed my own code
[x] Commented on my code in hard-to-understand bits
[x] Ran pnpm build
[x] Checked for warnings, there are none
[x] Removed all console.logs
[x] Merged the latest changes from main onto my branch with git pull origin main
[x] My changes don't cause any responsiveness issues
[x] First PR at Formbricks? Please sign the CLA! Without it we wont be able to merge it 🙏

Appreciated

[x] If a UI change was made: Added a screen recording or screenshots to this PR
[x] Updated the Formbricks Docs if changes were necessary

vercel[bot] commented 1 week ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Ignored Deployments

github-actions[bot] commented 1 week ago

Thank you for following the naming conventions for pull request titles! 🙏

jobenjada commented 1 week ago

Hey Dhru!

Looking good :)

There is one thing: When you're waiting to connect, you have to reload the page. We either need a "Recheck" button or we should automatically check every 5 or so seconds if an event was received. Maybe have a chat with Pandeyman or Matti on how to achieve that best:

Here we have a typo, it needs to say "an app" instead of "a app"

Pushed a few tweaks.

Thanks!

formbricks / formbricks