Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
trixta-js-core is a javascript library to help any organization, easily connect to a Trixta space, build front-end components for you application. It leverages to communicate with Trixta and gives you a variety of tools / utilities to build react components.
Welcome to trixta-js-core! Here you'll find all the documentation you need to get up and running with the trixta-js-core
Dive a little deeper and start exploring our API reference to get an idea of everything that's possible with the package:
All types mentioned in the docs can be found here.
Trixta role name
string
reactionName
Trixta reaction name
string
loadingStatusRef
string?
Trixta reaction related methods can be found here.
This method will attempt to respond to a Trixta Reaction for the given roleName and reactionName
timeoutEvent
Redux event for data to dispatch error response due to timeout
string?
errorEvent
Redux event for data to dispatch error response to
string?
loadingStatusRef
Optional value to change the default isInProgress behaviour for when submitting reactions.
If you plan to use the same reaction name for the same role, on the same screen, this is when you would make use of this * property
string?
timeout
timeout in milliseconds for submitting data to Trixta, default is 15000
number?
extraData
Extra data to pass on and receive in response with the key extraData. This can be used as needed.
any
roleName
Trixta role name
string
reactionName
Trixta reaction name
string
ref
Unique Trixta reaction reference. Can be found on a TrixtaReactionInstance
string
responseEvent
Redux event for data to dispatch response to
string?
requestEvent
Redux event for data to dispatch to before submitting request to Trixta
string?
Read up on redux-saga
If your not planning to use any other sagas, you can simple use the one from trixta-js-core
If you plan on using your own sagas, then you should create a root saga and include the one from trixta-js-core
Using the useTrixtaSpace hook
Using a saga
/**
* Combine all reducers in this file and export the combined reducers.
*/
import { combineReducers } from '@reduxjs/toolkit';
import { phoenixReducer } from '@trixtateam/phoenix-to-redux';
import { trixtaReducer } from '@trixtateam/trixta-js-core-core';
export default function createReducer() {
const rootReducer = combineReducers({
trixta: trixtaReducer,
phoenix: phoenixReducer,
});
return rootReducer;
}import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
import { createPhoenixChannelMiddleware } from '@trixtateam/phoenix-to-redux';
import createSagaMiddleware from 'redux-saga';
import { createReducer } from './reducers';
export default function configureStore() {
const reduxSagaMonitorOptions = {};
// Makes redux connected to phoenix channels
const phoenixChannelMiddleWare = createPhoenixChannelMiddleware();
const sagaMiddleware = createSagaMiddleware(reduxSagaMonitorOptions);
// Create the store with saga middleware
const middlewares = [sagaMiddleware,phoenixChannelMiddleWare];
const enhancers = [];
const store = configureStore({
reducer: createReducer(),
middleware: [
...getDefaultMiddleware({
thunk: false,
immutableCheck: {
ignore: ['socket', 'channel', 'trixta', 'phoenix', 'router'],
},
serializableCheck: false,
}),
...middlewares,
],
devTools:
/* istanbul ignore next line */
process.env.NODE_ENV !== 'production' ||
process.env.PUBLIC_URL.length > 0,
enhancers,
});
return store;
}import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
import { createPhoenixChannelMiddleware } from '@trixtateam/phoenix-to-redux';
import createSagaMiddleware from 'redux-saga';
import { setupTrixtaSaga } from '@trixtateam/trixta-js-core';
import createReducer from './reducers';
export default function configureStore() {
const reduxSagaMonitorOptions = {};
// Makes redux connected to phoenix channels
const phoenixChannelMiddleWare = createPhoenixChannelMiddleware();
const sagaMiddleware = createSagaMiddleware(reduxSagaMonitorOptions);
const middlewares = [sagaMiddleware,phoenixChannelMiddleWare];
const enhancers = [];
const store = configureStore({
reducer: createReducer(),
middleware: [
...getDefaultMiddleware({
thunk: false,
immutableCheck: {
ignore: ['socket', 'channel', 'trixta', 'phoenix', 'router'],
},
serializableCheck: false,
}),
...middlewares,
],
devTools:
/* istanbul ignore next line */
process.env.NODE_ENV !== 'production' ||
process.env.PUBLIC_URL.length > 0,
enhancers,
});
sagaMiddleware.run(setupTrixtaSaga);
return store;
}import { put, select, takeLatest, takeEvery, fork } from 'redux-saga/effects';
import { setupTrixtaSaga } from '@trixtateam/trixta-js-core';
export default function* rootSaga() {
yield fork(setupTrixtaSaga);
}import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
import { createPhoenixChannelMiddleware } from '@trixtateam/phoenix-to-redux';
import createSagaMiddleware from 'redux-saga';
import rootSaga from './rootSaga';
import createReducer from './reducers';
export default function configureStore() {
const reduxSagaMonitorOptions = {};
// Makes redux connected to phoenix channels
const phoenixChannelMiddleWare = createPhoenixChannelMiddleware();
const sagaMiddleware = createSagaMiddleware(reduxSagaMonitorOptions);
const middlewares = [sagaMiddleware,phoenixChannelMiddleWare];
const enhancers = [];
const store = configureStore({
reducer: createReducer(),
middleware: [
...getDefaultMiddleware({
thunk: false,
immutableCheck: {
ignore: ['socket', 'channel', 'trixta', 'phoenix', 'router'],
},
serializableCheck: false,
}),
...middlewares,
],
devTools:
/* istanbul ignore next line */
process.env.NODE_ENV !== 'production' ||
process.env.PUBLIC_URL.length > 0,
enhancers,
});
sagaMiddleware.run(rootSaga);
return store;
}import * as React from 'react';
import { useTrixtaSpace } from '@trixtateam/trixta-js-core';
import Providers from './Providers';
import Routes from './Routes';
export function App() {
useTrixtaSpace({ space: 'trixta-demo.space.trixta.io', params: {}});
return (<Providers>
<Routes />
</Providers>)
}
export default App;import { put, select, takeLatest, takeEvery, fork } from 'redux-saga/effects';
import { connectTrixta } from '@trixtateam/trixta-js-core';
export function* connectTrixtaSaga() {
yield put(connectTrixta({ space: 'trixta-demo.space.trixta.io'}));
}
export default function* rootSaga() {
yield fork(setupTrixtaSaga);
yield call(connectTrixtaSaga);
}Trixta action related methods can be found here.
Trixta role name
string
actionName
Trixta action name
string
loadingStatusRef
string
string
reactionName
Trixta reaction name
string
loadingStatusRef
see
string?
import {
clearTrixtaReactionRequestStatus
} from '@trixtateam/trixta-js-core';roleName
Trixta role name
Array<TrixtaRoleParameter>
string
logPresence
determines if phoenix channel presence for role should be logged
boolean
additionalData
Any additional data to pass on joining a role
any
string
import {
submitTrixtaActionResponse
} from '@trixtateam/trixta-js-core';string
actionName
Trixta action name
string
actionOptions
Options for action in Trixta flow
any
debugOptions
Trixta flow debugging options
debugMode
Enables debugging for action in Trixta flow. False by default
boolean?
responseEvent
Redux event for data to dispatch response to
string?
requestEvent
Redux event for data to dispatch to before submitting request to Trixta
string?
timeoutEvent
Redux event for data to dispatch error response due to timeout
string?
errorEvent
Redux event for data to dispatch error response to
string?
loadingStatusRef
Optional value to change the default isInProgress behaviour for when submitting actions.
If you plan to use the same action name for the same role, on the same screen, this is when you would make use of this * property
string?
timeout
timeout in milliseconds for submitting data to Trixta, default is 15000
number?
extraData
Extra data to pass on and receive in response with the key extraData. This can be used as needed.
any
clearResponse
Determines if the instances for action should be cleared before submitting. False by default
boolean?
formData
Data to submit to Trixta
any
{
slowdown: number;
inspect: boolean;
debug_broadcast: {
role: string;
}
}roleName
Trixta role name
string
reactionName
Trixta reaction name
string
actionToDispatch
Redux action creator function to dispatch response to
Function(payload) => ({ type:string; payload})
dispatchResponseTo
Name of event to dispatch response to
string
export const EXAMPLE_RESPONSE = 'app/EXAMPLE_RESPONSE';
export function functionToDispatch(payload) {
return {
type: EXAMPLE_RESPONSE,
payload,
}
}import { fork } from '@redux-saga/core/effects';
import { respondToTrixtaReactionEffectSaga } from '@trixtateam/trixta-js-core';
export default function* defaultSaga() {
yield fork(respondToTrixtaReactionEffectSaga, {
roleName: "",
reactionName: "",
actionToDispatch: functionToDispatch,
});
}import { fork } from '@redux-saga/core/effects';
import { respondToTrixtaReactionEffectSaga } from '@trixtateam/trixta-js-core';
export const EXAMPLE_RESPONSE = 'app/EXAMPLE_RESPONSE';
export default function* defaultSaga() {
yield fork(respondToTrixtaReactionEffectSaga, {
roleName: "",
reactionName: "",
dispatchResponseTo: EXAMPLE_RESPONSE,
});
}Here you can find information on all the react components.
string
params
Any optional params when connect to the Trixta space
any
You can install trixta-js-core with NPM or Yarn
Using Yarn Package Manager is recommended over npm.
yarn add @trixtateam/trixta-js-core @trixtateam/phoenix-to-reduxnpm i @trixtateam/trixta-js-core @trixtateam/phoenix-to-reduxHere you will find all saga helper methods.
Trixta reaction related components can be found here.
Here you can find information all the react methods that you can dispatch.
React component used to pass Trixta Reaction Response Props to your child component or function.
Please note a reaction response is only viable, if the requestForEffect property is false
import {
TrixtaReactionResponseComponent,
TrixtaReactionComponentArgs
} from '@trixtateam/trixta-js-core';
<TrixtaReactionResponseComponent
roleName=""
reactionName=""
debugMode={false}
>
{({
isInProgress,
loading,
instance,
response,
data,
}: TrixtaReactionComponentArgs<
TInitialData,TFormDataType,TSuccessType,TErrorType
>) => (
{function | <component />}
)}
</TrixtaReactionResponseComponent>Trixta action related components can be found here.
React component used to pass Trixta Action Response Props to your child component or function.
import {
TrixtaActionResponseComponent,
TrixtaActionResponseComponentArgs
} from '@trixtateam/trixta-js-core';
<TrixtaActionResponseComponent
roleName=""
actionName=""
debugMode={false}
>
{({
instance,
response,
}: TrixtaActionResponseComponentArgs<
TSuccessType,TErrorType
>) => (
{function | <component />}
)}
</TrixtaActionResponseComponent>React component used to respond to the latest Trixta reaction effect or response when shouldRespond is true, by dispatching the response / initialData to actionToDispatch or dispatchResponseTo props.
Please note if your reaction is a request for response, the property requestForEffect must be false
export function functionToDispatch(payload) {
return {
type: '',
payload,
}
}import {
RespondToReactionComponent,
} from '@trixtateam/trixta-js-core';
<RespondToReactionComponent
roleName=""
reactionName=""
formData={}
shouldRespond={false}
actionToDispatch={functionToDispatch}
dispatchResponseTo=""
requestForEffect={false}
/>See types that are not related to Trixta Actions or Trixta Reactions
React hook used to interact with a Trixta reaction that does require a response for a given roleName. Will trigger the callBack when a reaction is received.
import { useRespondToReactionResponse } from '@trixtateam/trixta-js-core';
const {
hasRoleAccess,
latestInstance,
respondToReaction
} = useRespondToReactionResponse<TInitialData>({
roleName:"",
reactionName:"",
debugMode: false,
});First or most recent Trixta instance
respondToReaction : (parameters: { data, instance, responseEvent, errorEvent }) => void
Required
This function will respond to the reaction with the data for the given parameters that is received from Trixta.
React component used to pass Trixta Reaction Props to your child component or function.
Please note if your reaction is a request for response, the property requestForEffect must be false
import {
TrixtaReactionComponent,
TrixtaReactionComponentArgs
} from '@trixtateam/trixta-js-core';
<TrixtaReactionComponent
roleName=""
reactionName=""
includeResponse={false}
initialData={}
extraData={}
requestForEffect={false}
defaultComponent={<Component/>}
debugMode={false}
requestEvent=""
responseEvent=""
errorEvent=""
timeoutEvent=""
timeout={1500}
setTimeoutEventAsErrorEvent={false}
>
{({
submit,
isInProgress,
loading,
instance,
response,
data,
}: TrixtaReactionComponentArgs<
TInitialData,TFormDataType,TSuccessType,TErrorType
>) => (
{function | <component />}
)}
</TrixtaReactionComponent>Trixta role name
string
actionName
Trixta action name
string
loadingStatusRef
string
A react hook that will attempt to connect to the passed Trixta space and optional params, on mount of component. This hook should be used in the entry point of your react application.
Trixta reaction related hooks can be found here.
Here you can find information on all the react hooks.
React component used to pass Trixta Action Props to your child component or function.
import {
TrixtaActionComponent,
TrixtaActionComponentArgs
} from '@trixtateam/trixta-js-core';
<TrixtaActionComponent
roleName=""
actionName=""
initialData={}
extraData={}
debugOptions={}
debugMode={false}
requestEvent=""
responseEvent=""
errorEvent=""
timeoutEvent=""
timeout={1500}
setTimeoutEventAsErrorEvent={false}
actionOptions={}
>
{({
submit,
isInProgress,
instances,
response,
initialData,
}: TrixtaActionComponentArgs<
TFormDataType,TSuccessType,TErrorType
>) => (
{function | <component />}
)}
</TrixtaActionComponent>A react hook that will attempt to join the passed array of roles, on mount of component.
import { useTrixtaRoles } from '@trixtateam/trixta-js-core';
useTrixtaRoles({ roles });
roles : Array<TrixtaRoleParameter>
Required
An array of roles with their name and any optional additionalData you wish to pass
The hook returns nothing.
React component used to respond to many Trixta reaction effect or response by dispatching the response / initialData to actionToDispatch or dispatchResponseTo props.
Please note if your reaction is a request for response, the property requestForEffect must be false
export function functionToDispatch(payload) {
return {
type: '',
payload,
}
}import {
RespondToReactionsComponent,
} from '@trixtateam/trixta-js-core';
<RespondToReactionsComponent
roleName=""
reactions={[{name,actionToDispatch,dispatchResponseTo,requestForEffect}]}
/>This helper method will return the react redux dispatch event for a given roleName and reactionName. This can be used to listen for reactions in saga using the takeEvery effect
export const EXAMPLE_RESPONSE = 'app/EXAMPLE_RESPONSE';
export function functionToDispatch(payload) {
return {
type: EXAMPLE_RESPONSE,
payload,
}
}import { put,takeEvery } from 'redux-saga/effects';
import { listenForTrixtaReactionResponse } from '@trixtateam/trixta-js-core';
export default function* checkReactionSaga({ meta, reactionDetails }) {
const { reactionDetails } = payload;
const { reactionName, roleName } = meta;
if(reactionName === 'name of Trixta reaction'){
yield put(functionToDispatch(reactionDetails.initial_data));
}
}
export default function* globalSaga() {
yield takeEvery(listenForTrixtaReactionResponse({
roleName: // name of Trixta role
reactionName: // name of Trixta reaction
}),checkReactionSaga);
}roleName
Trixta role name
string
reactionName
Trixta reaction name
string
React component used to only render a child component or function, if you have access to the passed roleName.
import {
TrixtaAuthComponent,
} from '@trixtateam/trixta-js-core';
<TrixtaAuthComponent
roleName=""
>
{children}
</TrixtaAuthComponent>React hook used to interact with a Trixta action and reaction for a given roleName. This hook uses a combination of both the useTrixtaAction and useTrixtaReaction hooks.
actionProps: { roleName, actionName }
roleName : string
Required
Trixta role name
actionName : string
Required
Trixta action name
reactionProps: { roleName, reactionName, requestForEffect }
roleName : string?
Optional
actionParameters: see related parameters
autoSubmit: boolean
Optional
Defaults to false.
If set to true
hasRoleAccess : boolean
Will be true if the roleName has access for this user.
import { useTrixtaActionReaction } from '@trixtateam/trixta-js-core';
const {
hasRoleAccess,
initialData,
isInProgress,
hasResponse,
hasActionResponse,
hasReactionResponse,
loading,
actionResponse,
reactionResponse,
submitTrixtaActionResponse,
submitTrixtaReactionResponse,
clearActionResponses,
clearReactionResponses,
} = useTrixtaActionReaction<TInitialData,
TActionResponseType,
TActionErrorType,
TReactionResponseType,
TReactionErrorType
>({
actionProps:{
roleName:"",
actionName:"",
},
reactionProps:{
roleName:"",
reactionName:"",
},
autoSubmit:false,
actionParameters:{
data:{},
extraData:{},
timeout:1500,
timeoutEvent:"",
loadingStatusRef:"",
requestEvent:"",
responseEvent:"",
errorEvent:""
}
});Trixta role name
If the roleName for actionProps is the same, this can be excluded
reactionName : string
Required
Trixta reaction name
requestForEffect: boolean
Optional
Defaults to false.
If set to true, this Trixta reaction is not waiting for a response and the only expect to use the initialData
actionParametersactionNameisInProgress : booleanvalue is based on useTrixtaAction or useTrixtaReaction
hasActionResponse : boolean
value is based on hasResponse from useTrixtaAction
hasReactionResponse : boolean
value is based on hasResponse from useTrixtaReaction
initialData : TInitialData on TrixtaReactionInstance
Initial data returned from Trixta reaction instance
hasResponse : boolean
value is based on hasReactionResponse or hasActionResponse .
loading : boolean
value is based on useTrixtaAction or useTrixtaReaction.
reactionResponse : TrixtaInstanceResponse
value is based on latestResponse from useTrixtaReaction
actionResponse : TrixtaInstance
value is based response from useTrixtaAction
submitTrixtaActionResponse : (parameters: SubmitTrixtaFunctionParameters) => void
function is based on submitTrixtaAction from useTrixtaAction
clearActionResponses : () => void
function is based on clearActionResponses from useTrixtaAction
clearReactionResponses : () => void
function is based on clearReactionResponses from useTrixtaReaction
submitTrixtaReactionResponse : (parameters: SubmitTrixtaFunctionParameters) => void
function is based on submitTrixtaReaction from useTrixtaReaction
Required
Trixta role name
reactionName : string
Required
Trixta reaction name
debugMode: boolean
Optional
Defaults to false.
If set to true, enables Trixta console debugging
callBack : (payload: TInitialData) => void
Required
This function will fire any time a reaction is received from Trixta.
hasRoleAccess : boolean
Will be true if the roleName has access for this user.
import { useRespondToReactionEffect } from '@trixtateam/trixta-js-core';
const {
hasRoleAccess,
} = useRespondToReactionEffect<TInitialData>({
roleName:"",
reactionName:"",
callBack: (payload?: TInitialData) => {},
debugMode: false,
});See related selectors
Required
Trixta role name
actionName : string
Required
Trixta action name
actionParameters: see related submitTrixtaActionResponse parameters
loadingStatusRef: string
Optional
Optional value to change the default isInProgress behaviour for when submitting actions. If you plan to use the same action name for the same role, on the same screen, this is when you would make use of this * property
options: { debugMode, autoSubmit, setTimeoutEventAsErrorEvent, clearResponsesOnCallback }
debugMode: boolean
Optional
Defaults to false.
If set to true, enables Trixta console debugging
autoSubmit: boolean
Optional
Defaults to false.
If set to true
setTimeoutEventAsErrorEvent: boolean
Optional
Defaults to false.
If set to true
clearResponsesOnCallback: boolean
Optional
Defaults to false.
If set to true
onSuccess : (success: TSuccessType) => void|boolean
Optional
This function will fire any time a successful response is received from Trixta.
If you return true and clearResponsesOnCallback is true, all responses will be cleared.
onError : (error: TErrorType) => void|boolean
Optional
This function will fire any time an error response is received from Trixta.
If you return true and clearResponsesOnCallback is true, all responses will be cleared.
hasRoleAccess : boolean
Will be true if the roleName has access for this user.
isInProgress : boolean
Will be true if there is no response yet after calling or submitTrixtaAction.
Will be false if there is a response after calling or submitTrixtaAction
hasResponse : boolean
Will be true if there is at least one Trixta Instance response.
loading : boolean
Will be true if the action is waiting to be loaded.
response :
First or most recent Trixta instance response
latestInstance : TrixtaInstance
First or most recent Trixta instance
submitTrixtaAction : (parameters: ) => void
This function will submit a request for the given roleName and actionName
clearActionResponses : () => void
This function will clear and reset responses for the given roleName and actionName.
Here you can find more information on the Trixta Reducer
of Trixta state
See related selectors
import { useTrixtaAction } from '@trixtateam/trixta-js-core';
const {
hasRoleAccess,
isInProgress,
hasResponse,
loading,
latestInstance,
response,
submitTrixtaAction,
clearActionResponses,
} = useTrixtaAction<TSuccessType,TErrorType>({ roleName:"",
actionName:"",
actionParameters:{
data:{},
extraData:{},
timeout:1500,
timeoutEvent:"",
loadingStatusRef:"",
requestEvent:"",
responseEvent:"",
errorEvent:""
},
loadingStatusRef:"",
options: {
debugMode: false,
autoSubmit: false,
setTimeoutEventAsErrorEvent: false,
clearResponsesOnCallback: false,
},
onSuccess:(success)=>{},
onError:(errror)=>{}
});actionParametersactionNameactionParameterstimeoutEventerrorEventonSuccessonErrorOptional
Trixta role name
isAuthenticated : boolean
Will be true if the Trixta space connected with token parameter.
hasRole : boolean
Will be true if the passed roleName for the current user has access.
hasAccess : boolean
Will be true if the hasRole and isAuthenticated mentioned above is true.
isAuthorizing : boolean
Will be true if Trixta is still authorizing the above mentioned roleName
import { useTrixtaAuth } from '@trixtateam/trixta-js-core';
const {
isAuthenticated,
hasRole,
hasAccess,
isAuthorizing
} = useTrixtaAuth({ roleName });
Required
Trixta role name
reactionName : string
Required
Trixta reaction name
requestForEffect: boolean
Optional
Defaults to false.
If set to true, this Trixta reaction is not waiting for a response and the only expect to use the initialData
loadingStatusRef: string
Optional
Optional value to change the default isInProgress behaviour for when submitting reactions. If you plan to use the same reaction name for the same role, on the same screen, this is when you would make use of this * property
debugMode: boolean
Optional
Defaults to false.
If set to true, enables Trixta console debugging
setTimeoutEventAsErrorEvent: boolean
Optional
Defaults to false.
If set to true, will set the timeoutEvent to be the same as the errorEvent
clearResponsesOnCallback: boolean
Optional
Defaults to false.
If set to true, will clear all responses when onSuccess or onError callbacks are called returning a value true
onSuccess : (success: TSuccessType) => void|boolean
Optional
This function will fire any time a successful response is received from Trixta.
If you return true and clearResponsesOnCallback is true, all responses will be cleared.
onError : (error: TErrorType) => void|boolean
Optional
This function will fire any time an error response is received from Trixta.
If you return true and clearResponsesOnCallback is true, all responses will be cleared.
hasRoleAccess : boolean
Will be true if the roleName has access for this user.
isInProgress : boolean
Will be true if there is no response yet after calling submitTrixtaReactionResponse or submitTrixtaReaction.
Will be false if there is a response after calling submitTrixtaReactionResponse or submitTrixtaReaction
hasResponse : boolean
Will be true if there is at least one Trixta Instance response.
loading : boolean
Will be true if the reaction is waiting to be loaded or receive a reaction.
latestResponse :
First or most recent Trixta instance response
initialData : TInitialData on
Initial data returned from Trixta reaction instance
latestInstance :
First or most recent Trixta instance
submitTrixtaReaction : (parameters: ) => void
This function will submit a response for the given roleName and reactionName
clearReactionResponses : () => void
This function will clear and reset responses for the given roleName and reactionName.
Here you will find all information related to Trixta Roles, Actions, Reactions
?
?
?
import { useTrixtaReaction } from '@trixtateam/trixta-js-core';
const {
hasRoleAccess,
isInProgress,
latestResponse,
loading,
latestInstance,
instances,
initialData,
hasResponse,
submitTrixtaReaction,
clearReactionResponses,
} = useTrixtaReaction<TInitialData,TSuccessType,TErrorType>({ roleName:"",
reactionName:"",
requestForEffect:false,
loadingStatusRef:"",
debugMode: false,
setTimeoutEventAsErrorEvent: false,
clearResponsesOnCallback: false,
onSuccess:(success)=>{},
onError:(errror)=>{}
});A react hook that will return true if the given roleName has access.
