Incentive Embedding guide →

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 pathComponent
@fynxt/incentive-widgets/widget.jsCreateRewardsProgramPage
@fynxt/incentive-widgets/widget2.jsCreateRewardsProgramDashboard
@fynxt/incentive-widgets/widget3.jsCreateRewardsCatalog
@fynxt/incentive-widgets/widget4.jsCreateReferredClients
@fynxt/incentive-widgets/widget5.jsCreateReferralPrograms
@fynxt/incentive-widgets/widget6.jsCreateReferralLinks
@fynxt/incentive-widgets/widget7.jsCreateRebateProgramDashboard
@fynxt/incentive-widgets/widget8.jsCreateRebateSharing
@fynxt/incentive-widgets/widget9.jsCreateRebatePrograms
@fynxt/incentive-widgets/widget10.jsCreateMarketingCampaignWidget
@fynxt/incentive-widgets/widget11.jsCreateMarketingCollateralWidget
@fynxt/incentive-widgets/widget12.jsCreateContestProgram
@fynxt/incentive-widgets/widget13.jsCreateIncentiveProgramDashboard
@fynxt/incentive-widgets/widget14.jsCreateCpaProgramDashboard
@fynxt/incentive-widgets/widget15.jsCreateContestProgramDasboard
@fynxt/incentive-widgets/widget16.jsCreateSubPartnersList
@fynxt/incentive-widgets/widget17.jsBrokerPublishedReferralLinks
@fynxt/incentive-widgets/widget18.jsBrokerMarketingTools
@fynxt/incentive-widgets/widget19.jsCreateLoyaltyPointsWidget
@fynxt/incentive-widgets/widget20.jsBrokerInventoryWidget
@fynxt/incentive-widgets/widget21.jsCreateGlobalConfigWidget
@fynxt/incentive-widgets/widget22.jsCreateDomainManagementWidget
@fynxt/incentive-widgets/widget23.jsCrossProgramSpendWidget
@fynxt/incentive-widgets/widget24.jsCreateAuditLogWidget
@fynxt/incentive-widgets/widget25.jsCreateAnomalyDetectionWidget
@fynxt/incentive-widgets/widget26.jsCreateCpaBrokerDashboard
@fynxt/incentive-widgets/widget27.jsCreateContestBrokerDasboard
@fynxt/incentive-widgets/widget28.jsCreateIncentiveOverviewDasboardWidget
@fynxt/incentive-widgets/widget29.jsCreateRewardsBrokerDashboardWidget
@fynxt/incentive-widgets/widget30.jsCreateIbBrokerDasboardWidget
@fynxt/incentive-widgets/widget31.jsCreateReconciliationWidget
@fynxt/incentive-widgets/widget32.jsCreateAccountsWidget
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}/>