feat(funnels): checkout step #4355
Conversation
Introduce a checkout step which shows paddle checkout in fullscreen and transitions to next step on checkout. Simple as it sounds, it required some changes to how we use paddle. For the storybook support I had to use history instead of router, since storybook doesn't have a router. MI-843 #done
idoshamun
requested review from
rebelchris,
omBratteng,
ilasw,
capJavert,
sshanzel,
nensidosari and
AmarTrebinjac
and removed request for
a team
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
| @@ -7,7 +7,7 @@ export const useRouterQuery = (): { | |||
| const params = useSearchParams(); | |||
| return useMemo( | |||
| () => ({ | |||
| query: Object.fromEntries(params.entries()), | |||
| query: params ? Object.fromEntries(params.entries()) : {}, | |||
There was a problem hiding this comment.
This also broke storybook
There was a problem hiding this comment.
Yeah, useSearchParams can return null
| @@ -0,0 +1,138 @@ | |||
| import { useState, useEffect, useRef } from 'react'; | |||
There was a problem hiding this comment.
This hook has less constraints on how we use paddle and primarily initialize it with the right tracking and nothing more
| }); | ||
|
|
||
| useEffect(() => { | ||
| if (!isPlusAvailable || isPlus || !paddle) { |
There was a problem hiding this comment.
If its not a valid region, how does the user continue the funnel from here? As far as I can see we don't render any continue button or anything? 🤔
There was a problem hiding this comment.
that's a good question. i'll raise with product
There was a problem hiding this comment.
we will safeguard this case and redirect to onboarding as part of the funnel page
packages/storybook/stories/components/onboarding/FunnelCheckout.stories.tsx
Show resolved
Hide resolved
Introduce a checkout step which shows paddle checkout in fullscreen and transitions to next step on checkout.
Simple as it sounds, it required some changes to how we use paddle. For the storybook support I had to use history instead of router, since storybook doesn't have a router.
MI-843 #done
Jira ticket
MI-843
Preview domain
https://mi-843.preview.app.daily.dev