\n \n \n \n \n \n );\n }\n}\n\nexport default withFramePayBankComponent(MyBankPageComponent);\n```\n\n### Advanced options\n\n#### Initialization settings\n\nThe **framepay-react** package supports all the [FramePay](https://www.rebilly.com/docs/dev-docs/framepay/) initialization settings.\nSee [Framepay.initialize](https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.initialize) for all customizations.\n\n```jsx harmony\n\n \n\n```\n\nThe CSS file is hosted on Rebilly's CDN and is found at this URL: https://cdn.rebilly.com/framepay/v1/rebilly.css\n\nSee [adding default element styles](https://www.rebilly.com/docs/dev-docs/framepay-configuration-reference/#style) in FramePay's documentation for more details.\n\n#### Create Token Parameters\n\nThe `createToken` method supports all FramePay arguments. See [Framepay.createToken](https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken) for more details.\n\n### Troubleshooting\n\nThe methods `withFramePay`, `withFramePayCardComponent` and `withFramePayBankComponent` are [higher-order-components](https://reactjs.org/docs/higher-order-components.html). They can't be called directly from your `render()` method, so assign the generated component to a variable in the global scope before use.\n\n##### Incorrect\n\n```jsx harmony\nimport * as React from 'react';\nimport { withFramePayCardComponent } from '@rebilly/framepay-react';\n\nclass SomeComponent extends React.Component {\n render() {\n return
{withFramePayCardComponent(MyCardComponent)}
;\n }\n}\n```\n\n##### Correct\n\n```jsx harmony\nimport * as React from 'react';\nimport { withFramePayCardComponent } from '@rebilly/framepay-react';\n\nconst MyCardElement = withFramePayCardComponent(MyCardComponent);\n\nclass SomeComponent extends React.Component {\n render() {\n return (\n
\n \n
\n );\n }\n}\n```\n\n### Developer instructions\n\n#### Manual preview\n\nIn order to manually preview the examples, use `serve:e2e` command. It builds the project and starts the local server on the port 8000.\n\n#### How to run unit tests?\n\nUnit tests can be run using the `test:unit` command.\n\n#### How to run E2E tests?\n\n- Ensure you are running the preview examples, otherwise all E2E tests will fail.\n- Run one of the following commands:\n - `test:e2e:pr` - runs a smaller subset of E2E tests tests headlessly.\n - `test:e2e:post-merge` - runs the complete set of E2E tests tests headlessly.\n - `test:e2e:open` - opens the PlayWright GUI, allowing you to interact with each test visually.\n","readmeFilename":""}