forked from asgardeo/thunder
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathuseApplicationCreateContext.ts
More file actions
69 lines (65 loc) · 2.09 KB
/
useApplicationCreateContext.ts
File metadata and controls
69 lines (65 loc) · 2.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/**
* Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
*
* WSO2 LLC. licenses this file to you under the Apache License,
* Version 2.0 (the "License"); you may not use this file except
* in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import {useContext} from 'react';
import ApplicationCreateContext, {
type ApplicationCreateContextType,
} from '../contexts/ApplicationCreate/ApplicationCreateContext';
/**
* Custom React hook to access the Application Create context.
*
* This hook provides access to all state and actions needed for the application
* creation flow. It must be used within an ApplicationCreateProvider component.
*
* @throws {Error} If used outside of an ApplicationCreateProvider
* @returns The application creation context containing state and actions
*
* @example
* ```tsx
* import useApplicationCreateContext from '@/features/applications/hooks/useApplicationCreateContext';
*
* function MyComponent() {
* const {
* appName,
* setAppName,
* currentStep,
* selectedAuthFlow,
* setSelectedAuthFlow
* } = useApplicationCreateContext();
*
* return (
* <div>
* <h1>Creating: {appName}</h1>
* <p>Step: {currentStep}</p>
* {selectedAuthFlow && <p>Selected Flow: {selectedAuthFlow.name}</p>}
* </div>
* );
* }
* ```
*
* @public
*/
export default function useApplicationCreateContext(): ApplicationCreateContextType {
const context = useContext(ApplicationCreateContext);
if (!context) {
throw new Error(
'useApplicationCreateContext must be used within an ApplicationCreateProvider. ' +
'Make sure your component is wrapped with ApplicationCreateProvider.',
);
}
return context;
}