#288 — Preload Payengine Instance to Improve Secure Field Render Time

Repo: Twill-AI/twill-ai-ui State: closed | Status: done Assignee: raymondehizoba

Created: 2025-04-11 · Updated: 2025-05-07

Description

Currently, the Payengine instance is only fetched when a secure field JS needs to be rendered, which leads to delays and negatively impacts the user experience. To address this, we need to preload the Payengine instance and related data earlier in the frontend lifecycle.

A new PayengineProvider has been implemented to handle this preloading, and initial results show a significant improvement in time-to-render — secure fields now render instantaneously.

Acceptance Criteria:

  • A PayengineProvider is integrated in the frontend and wraps the relevant part of the app
  • The provider preloads the Payengine instance on mount
  • All Payengine-related data (e.g., config, keys) is fetched and ready before any field rendering
  • Secure fields render without noticeable delay
  • No regressions or errors introduced in existing payment flows
  • Deployment is completed and verified in staging

Notes

Add implementation notes, blockers, and context here

Add wikilinks to related people, meetings, or other tickets