Widget reference
Every widget shipped by @fynxt/incentive-widgets and the React component it
exports. See Embedding & auth for how to install the package
and authenticate before rendering any of these.
React component reference
Each widget is published as its own bundle file inside the package, exporting one named React component. Import the file for the widget you want and render its component like any other:
| Import path | Component |
|---|---|
@fynxt/incentive-widgets/widget.js | CreateRewardsProgramPage |
@fynxt/incentive-widgets/widget2.js | CreateRewardsProgramDashboard |
@fynxt/incentive-widgets/widget3.js | CreateRewardsCatalog |
@fynxt/incentive-widgets/widget4.js | CreateReferredClients |
@fynxt/incentive-widgets/widget5.js | CreateReferralPrograms |
@fynxt/incentive-widgets/widget6.js | CreateReferralLinks |
@fynxt/incentive-widgets/widget7.js | CreateRebateProgramDashboard |
@fynxt/incentive-widgets/widget8.js | CreateRebateSharing |
@fynxt/incentive-widgets/widget9.js | CreateRebatePrograms |
@fynxt/incentive-widgets/widget10.js | CreateMarketingCampaignWidget |
@fynxt/incentive-widgets/widget11.js | CreateMarketingCollateralWidget |
@fynxt/incentive-widgets/widget12.js | CreateContestProgram |
@fynxt/incentive-widgets/widget13.js | CreateIncentiveProgramDashboard |
@fynxt/incentive-widgets/widget14.js | CreateCpaProgramDashboard |
@fynxt/incentive-widgets/widget15.js | CreateContestProgramDasboard |
@fynxt/incentive-widgets/widget16.js | CreateSubPartnersList |
@fynxt/incentive-widgets/widget17.js | BrokerPublishedReferralLinks |
@fynxt/incentive-widgets/widget18.js | BrokerMarketingTools |
@fynxt/incentive-widgets/widget19.js | CreateLoyaltyPointsWidget |
@fynxt/incentive-widgets/widget20.js | BrokerInventoryWidget |
@fynxt/incentive-widgets/widget21.js | CreateGlobalConfigWidget |
@fynxt/incentive-widgets/widget22.js | CreateDomainManagementWidget |
@fynxt/incentive-widgets/widget23.js | CrossProgramSpendWidget |
@fynxt/incentive-widgets/widget24.js | CreateAuditLogWidget |
@fynxt/incentive-widgets/widget25.js | CreateAnomalyDetectionWidget |
@fynxt/incentive-widgets/widget26.js | CreateCpaBrokerDashboard |
@fynxt/incentive-widgets/widget27.js | CreateContestBrokerDasboard |
@fynxt/incentive-widgets/widget28.js | CreateIncentiveOverviewDasboardWidget |
@fynxt/incentive-widgets/widget29.js | CreateRewardsBrokerDashboardWidget |
@fynxt/incentive-widgets/widget30.js | CreateIbBrokerDasboardWidget |
@fynxt/incentive-widgets/widget31.js | CreateReconciliationWidget |
@fynxt/incentive-widgets/widget32.js | CreateAccountsWidget |
Note the file name. The first widget's bundle is
widget.js with no
number — there is no widget1.js. Numbering resumes at widget2.js for
the second widget onward.
Props
Props are specific to each widget — check its shipped .d.ts file
(node_modules/@fynxt/incentive-widgets/*.d.ts) for the exact list. The reward
program page component takes the signed-in user's tokens directly; see
authenticate and pass identity for how those are obtained:
<CreateRewardsProgramPage
accesstoken={accessToken}
refreshtoken={refreshToken}
authid={authId}/>