test
1 month ago
useCompleteOnboarding.js
1 month ago
useDateRangePicker.js
2 months ago
useEmail.ts
2 months ago
useEngagementChartData.js
2 months ago
useLicenseSettings.js
2 months ago
useLink.js
2 months ago
useMediaDetail.js
2 months ago
useMediaLibrary.js
2 months ago
useMediaList.ts
1 month ago
usePerformanceSettings.js
2 months ago
useRegisterActivePage.js
2 months ago
useSettingOption.js
2 months ago
useSimpleSettingsPage.js
2 months ago
useTopPerforming.js
2 months ago
useTopVideosPaginated.js
2 months ago
useUpgradeCTA.js
2 months ago
useUserDetail.js
2 months ago
useCompleteOnboarding.js
72 lines
| 1 | import { useEffect, useState } from "react"; |
| 2 | import wpApiFetch from "@wordpress/api-fetch"; |
| 3 | |
| 4 | // Shared across hook instances so the topbar Exit can't race a step's own |
| 5 | // finish request (e.g. Activate License on the premium step), and so every |
| 6 | // instance's `isSubmitting` tracks the real guard — the topbar Exit disables |
| 7 | // while ANY step's request is in flight, not just its own. |
| 8 | // INVARIANT: every submit path below ends in a navigation, so the guard |
| 9 | // never resets in the browser. If you add a submit that doesn't navigate, |
| 10 | // reset the guard in its finally — otherwise it latches and blocks forever. |
| 11 | let inFlight = false; |
| 12 | const listeners = new Set(); |
| 13 | |
| 14 | const setInFlight = (value) => { |
| 15 | inFlight = value; |
| 16 | listeners.forEach((notify) => notify()); |
| 17 | }; |
| 18 | |
| 19 | // jsdom doesn't unload pages, so specs reset the guard between cases. |
| 20 | export const __resetInFlightForTests = () => { |
| 21 | setInFlight(false); |
| 22 | }; |
| 23 | |
| 24 | const useCompleteOnboarding = () => { |
| 25 | const [isSubmitting, setIsSubmitting] = useState(inFlight); |
| 26 | |
| 27 | // Track the shared guard so isSubmitting reflects any instance's request, |
| 28 | // keeping the topbar Exit disabled while another step is mid-submit. |
| 29 | useEffect(() => { |
| 30 | const notify = () => setIsSubmitting(inFlight); |
| 31 | listeners.add(notify); |
| 32 | notify(); |
| 33 | return () => { |
| 34 | listeners.delete(notify); |
| 35 | }; |
| 36 | }, []); |
| 37 | |
| 38 | const setStatus = async (data, redirectUrl) => { |
| 39 | if (inFlight) return; |
| 40 | setInFlight(true); |
| 41 | |
| 42 | try { |
| 43 | await wpApiFetch({ |
| 44 | path: "/presto-player/v1/onboarding/set-status", |
| 45 | method: "POST", |
| 46 | data, |
| 47 | }); |
| 48 | } catch (error) { |
| 49 | console.error("Error saving onboarding status:", error); |
| 50 | } |
| 51 | |
| 52 | window.location.href = redirectUrl; |
| 53 | }; |
| 54 | |
| 55 | const completeOnboarding = (redirectUrl) => |
| 56 | setStatus({ status: "completed" }, redirectUrl); |
| 57 | |
| 58 | // Pass the step id the user bailed on, or null when exiting from the |
| 59 | // done step (that's a completion, not a skip). |
| 60 | const exitOnboarding = (skippedOnStep) => |
| 61 | setStatus( |
| 62 | skippedOnStep |
| 63 | ? { status: "skipped", skipped_on_step: skippedOnStep } |
| 64 | : { status: "completed" }, |
| 65 | window.prestoPlayer?.dashboardUrl || "admin.php?page=presto-dashboard" |
| 66 | ); |
| 67 | |
| 68 | return { completeOnboarding, exitOnboarding, isSubmitting }; |
| 69 | }; |
| 70 | |
| 71 | export default useCompleteOnboarding; |
| 72 |