Smile.io Integration

Data Loader Keys

Always import constants from @replohq/sdk/loaders/loader-keys:

• DATA_LOADER_KEYS.SMILE_IO_VIP_TIERS — VIP tier definitions
• DATA_LOADER_KEYS.SMILE_IO_EARNING_RULES — earning rules (ways to earn points)
• DATA_LOADER_KEYS.SMILE_IO_REWARDS — rewards catalog (redeemable items)

These loaders have no input args — they load the full program configuration.

Data Loading Pattern

Always use the prefetch pattern by default. The pattern has two layers:

1. Server component (page): Uses PrefetchedLoaders to fetch data during SSR and seed the React Query cache via HydrationBoundary.
2. Client component: Uses a loader component (e.g., SmileVipTiersLoader) with useSuspenseQuery under the hood.