US 12,079,604 B2
Embedded user interface elements
Fanyun Fang, San Francisco, CA (US); Christopher Jeffrey Streeter, Ardmore, PA (US); Jorge Eugenio Aguirre Gonzalez, Bothell, WA (US); Kevin Chekin Ho, New York, NY (US); Jason Gupta, San Francisco, CA (US); Matthew Anthony Basta, Raleigh, NC (US); and Samuel De Jun Victor Lye, San Francisco, CA (US)
Assigned to Stripe, Inc., South San Francisco, CA (US)
Filed by Stripe, Inc., South San Francisco, CA (US)
Filed on Dec. 21, 2022, as Appl. No. 18/086,631.
Prior Publication US 2024/0211219 A1, Jun. 27, 2024
Int. Cl. G06F 8/38 (2018.01); G06F 3/0481 (2022.01); G06F 3/0484 (2022.01); G06F 9/451 (2018.01); G06F 9/54 (2006.01); G06F 16/958 (2019.01); G06F 40/143 (2020.01)
CPC G06F 8/38 (2013.01) [G06F 3/0481 (2013.01); G06F 3/0484 (2013.01); G06F 9/451 (2018.02); G06F 9/548 (2013.01); G06F 16/986 (2019.01); G06F 40/143 (2020.01)] 20 Claims
OG exemplary drawing
 
1. A computer system, comprising:
one or more processors; and
a memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions to perform:
receiving a request to render components of a webpage, wherein the webpage includes a platform, a platform user interface (UI), one or more embedded UI elements, and an inline frame element;
in response to receiving the request, causing the platform to load a script element that creates the inline frame element and receives a secret token;
authenticating an embedded session within the platform using the secret token;
in response to authenticating the embedded session, generating an application programming interface (API) key, wherein the API key is used by the inline frame element to authenticate API requests to a resource associated with a third-party;
receiving, via the inline frame element, data corresponding to the one or more embedded UI elements from the resource associated with the third-party, wherein the inline frame element is a proxy between the platform and the resource associated with the third-party;
rendering the one or more embedded UI elements in a shadow document object model (DOM) based on the data corresponding to the one or more embedded UI elements received from the inline frame element, wherein the inline frame element does not render a UI; and
causing display of the one or more embedded UI elements in the platform UI on the webpage.