test
3 weeks ago
useCompleteOnboarding.js
3 weeks ago
useDateRangePicker.js
1 month ago
useEmail.ts
1 month ago
useEngagementChartData.js
1 month ago
useLicenseSettings.js
1 month ago
useLink.js
1 month ago
useMediaDetail.js
1 month ago
useMediaLibrary.js
1 month ago
useMediaList.ts
1 month ago
usePerformanceSettings.js
1 month ago
useRegisterActivePage.js
1 month ago
useSettingOption.js
1 month ago
useSimpleSettingsPage.js
1 month ago
useTopPerforming.js
1 month ago
useTopVideosPaginated.js
1 month ago
useUpgradeCTA.js
1 month ago
useUserDetail.js
1 month ago
useLicenseSettings.js
89 lines
| 1 | import { useState, useEffect, useCallback } from 'react'; |
| 2 | import wpApiFetch from '@wordpress/api-fetch'; |
| 3 | |
| 4 | // Module-level cache so remounts of the License page (e.g. switching away and |
| 5 | // back in the Settings sidebar) don't re-fetch the status from the server. |
| 6 | // Activate/deactivate responses keep it in sync. |
| 7 | let cachedStatus = null; |
| 8 | |
| 9 | const useLicenseSettings = () => { |
| 10 | const [ isLoading, setIsLoading ] = useState( cachedStatus === null ); |
| 11 | const [ isActivating, setIsActivating ] = useState( false ); |
| 12 | const [ isDeactivating, setIsDeactivating ] = useState( false ); |
| 13 | const [ isActive, setIsActive ] = useState( cachedStatus?.active ?? false ); |
| 14 | const [ licenseKey, setLicenseKey ] = useState( cachedStatus?.key ?? '' ); |
| 15 | |
| 16 | useEffect( () => { |
| 17 | if ( cachedStatus !== null ) { |
| 18 | return; |
| 19 | } |
| 20 | |
| 21 | const fetchStatus = async () => { |
| 22 | setIsLoading( true ); |
| 23 | try { |
| 24 | const data = await wpApiFetch( { |
| 25 | path: '/presto-player/v1/license/status', |
| 26 | } ); |
| 27 | cachedStatus = { active: !! data.active, key: data.key || '' }; |
| 28 | setIsActive( cachedStatus.active ); |
| 29 | setLicenseKey( cachedStatus.key ); |
| 30 | } catch ( err ) { |
| 31 | // eslint-disable-next-line no-console |
| 32 | console.error( |
| 33 | 'useLicenseSettings: failed to fetch license status', |
| 34 | err |
| 35 | ); |
| 36 | } finally { |
| 37 | setIsLoading( false ); |
| 38 | } |
| 39 | }; |
| 40 | |
| 41 | fetchStatus(); |
| 42 | }, [] ); |
| 43 | |
| 44 | const activate = useCallback( async ( key ) => { |
| 45 | setIsActivating( true ); |
| 46 | try { |
| 47 | const data = await wpApiFetch( { |
| 48 | path: '/presto-player/v1/license/activate', |
| 49 | method: 'POST', |
| 50 | data: { key }, |
| 51 | } ); |
| 52 | cachedStatus = { active: true, key: data.key || '' }; |
| 53 | setIsActive( true ); |
| 54 | setLicenseKey( cachedStatus.key ); |
| 55 | return data; |
| 56 | } finally { |
| 57 | setIsActivating( false ); |
| 58 | } |
| 59 | }, [] ); |
| 60 | |
| 61 | const deactivate = useCallback( async () => { |
| 62 | setIsDeactivating( true ); |
| 63 | try { |
| 64 | const data = await wpApiFetch( { |
| 65 | path: '/presto-player/v1/license/deactivate', |
| 66 | method: 'POST', |
| 67 | } ); |
| 68 | cachedStatus = { active: false, key: '' }; |
| 69 | setIsActive( false ); |
| 70 | setLicenseKey( '' ); |
| 71 | return data; |
| 72 | } finally { |
| 73 | setIsDeactivating( false ); |
| 74 | } |
| 75 | }, [] ); |
| 76 | |
| 77 | return { |
| 78 | isLoading, |
| 79 | isActivating, |
| 80 | isDeactivating, |
| 81 | isActive, |
| 82 | licenseKey, |
| 83 | activate, |
| 84 | deactivate, |
| 85 | }; |
| 86 | }; |
| 87 | |
| 88 | export default useLicenseSettings; |
| 89 |