# hyva-themes/magento2-react-checkout

`composer require hyva-themes/magento2-react-checkout`

Canonical URL: https://packagento.com/hyva-themes/magento2-react-checkout

## At a glance

- **Vendor**: hyva-themes (https://packagento.com/hyva-themes.md)
- **Latest version**: 1.1.4 — released 2026-03-09
- **Pricing**: Free
- **Package type**: Magento 2 module
- **Status**: active, accepting new buyers

## Installation

Packagento is licence-gated, so even free packages need a licence on a project before Composer can resolve them.

1. **Sign in or create an account** at https://packagento.com/customer/account/.

2. **Add the package to your account.** Open https://packagento.com/hyva-themes/magento2-react-checkout and complete the free checkout. A licence is minted automatically.

3. **Create or pick a project, then activate the licence on it.**
   - Projects represent the Magento installs you deploy to. Manage them at https://packagento.com/projects/.
   - Activate the new licence on the project you'll deploy this package to. Activation is what generates the Composer credentials scoped to that project.

4. **Add the project credentials to your Magento codebase.**

   Grab the project's public + private key from https://packagento.com/projects/ (open the project, then its Credentials tab), and add them to `auth.json`:

   ```json
   {
     "http-basic": {
       "packagento.com": {
         "username": "ppk_live_...",
         "password": "psk_live_..."
       }
     }
   }
   ```

   Add the Packagento Composer repository to `composer.json`:

   ```json
   {
     "repositories": [
       { "type": "composer", "url": "https://packagento.com" }
     ]
   }
   ```

5. **Install and apply.**

   ```bash
   composer require hyva-themes/magento2-react-checkout:*
   bin/magento setup:upgrade
   bin/magento setup:di:compile
   bin/magento cache:flush
   ```

## README

A Highly Customizable Checkout for Magento 2, Built with React.

## [![Hyvä Themes](https://github.com/friends-of-hyva/magento2-react-checkout/blob/documentation/docs/images/logo-hyva.svg)](https://hyva.io/)

### friends-of-hyva/magento2-react-checkout

![Supported Magento Versions][ico-compatibility]

Compatible with Magento 2.3.4 and higher.

### Documentation

You can find the documentation here: https://friends-of-hyva.github.io/magento2-react-checkout/

### What does it do?
It loads a React Checkout at `[store-url]/hyvareactcheckout/reactcheckout`. When enabled in `hyva_react_checkout/general/enable` it replaces the default checkout.

It depends on these two variables in localstorage:
 - `signin_token` to the `customer` section
 - `cartId` to the `cart` section

For Hyvä Themes or default Magento frontend, `hyva-themes/magento2-graphql-tokens` is needed to add these tokens to the `customerSections`.

### Installation

**Please note:** this checkout is not intended to be installed as *plug-and-play*. It should be considered as a toolbox to build your own checkout based on your needs. A developer with ReactJS knowledge will be required.

Ideally, you would use this checkout with your own version of this module: https://github.com/friends-of-hyva/magento2-react-checkout-example
The Checkout Example uses an extension mechanism that allows you to build your own checkout based on this repo.

If you want to install the checkout as a demo or just try it out, install it directly as follows:

1. Install via composer

    Via Packagist:
    ```
    composer require hyva-themes/magento2-react-checkout
    ```

    Via Github:
    ```
    composer config repositories.hyva-themes/magento2-react-checkout git git@github.com:friends-of-hyva/magento2-react-checkout.git
    composer require hyva-themes/magento2-react-checkout
    ```
2. Enable module
    ```
    bin/magento setup:upgrade
    ```

To fully customize the checkout to your needs, either clone this repo, or use https://github.com/friends-of-hyva/magento2-react-checkout-example.

Read the full documentation here: https://friends-of-hyva.github.io/magento2-react-checkout/

### Configuration

In the Magento Backend Configuration:

`HYVA THEMES->React Checkout->General Settings->Enable`

The configuration path is `hyva_react_checkout/general/enable`

### Credits

This Checkout has been built in corporation - and with the support of - our main partner, integer_net.

## [![integer_net GmbH](https://github.com/friends-of-hyva/magento2-react-checkout/blob/documentation/docs/images/logo-integernet-green.png)](https://integer-net.de)

In particular, [Rajeev K Tomy][link-author] has been a monumental in the development of this Checkout.

- [Rajeev K Tomy][link-author]
- [Willem Wigman][link-author2]
- [integer_net GmbH][link-company1]
- [All Contributors][link-contributors]

### License

The MIT License (MIT). Please see [License File](LICENSE.txt) for more information.

[ico-compatibility]: https://img.shields.io/badge/magento-%202.3%20|%202.4-brightgreen.svg?logo=magento&longCache=true&style=flat-square

[link-author]: https://github.com/progammer-rkt
[link-author2]: https://github.com/wigman
[link-company1]: https://integer-net.com
[link-contributors]: ../../contributors

## Recent Versions

| Version | Released |
|---|---|
| 1.1.4 | 2026-03-09 |
| 1.1.3 | 2023-05-25 |
| 1.1.2 | 2022-09-21 |
| 1.1.1 | 2022-07-08 |
| 1.1.0 | 2022-06-16 |
| 1.0.8 | 2022-04-10 |
| 1.0.7 | 2022-04-06 |
| 1.0.6 | 2022-02-14 |
| 1.0.5 | 2022-02-03 |
| 1.0.4 | 2022-02-01 |

Showing 10 of 19 versions. Full release history on https://packagento.com/hyva-themes/magento2-react-checkout.

## Dependencies

### Require

| Package | Constraint |
|---|---|
| hyva-themes/magento2-graphql-tokens | ^1.0 |
| magento/framework | * |
| magento/module-catalog | >=103.0.0 |
| magento/module-checkout | >=100.3.0 |
| magento/module-customer | >=102.0.0 |

### Suggest

| Package | Constraint |
|---|---|
| hyva-themes/magento2-graphql-tokens | * |

## Quality

Latest release (1.1.4) fails the Packagento QA pipeline. Verdicts below are per-cell (Magento line × PHP version) for the matrixed tools, and run-once for the static / security tiers.


### Compatibility

Each Magento line is installed on its supported PHP versions, then the module is built (DI compile + static-content deploy). Cells show passed / failed / untested; staircase gaps render as `–`.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | Pass | Pass | – | – |
| 2.4.8 | – | Pass | 1 | – |
| 2.4.9 | – | – | 1 | 1 |


### Code Quality

Advisory checks against the module's source. Never affect the Compatibility verdict — a phpcs finding can't make a module incompatible.

#### Static Analysis

Coding standards (phpcs), mess detection (phpmd), copy-pasted code (cpd), PHP cross-version compatibility, composer.json validity. Each runs once for the whole module.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| PHPCS | Fail | 10 | 1 error, 9 warnings (ruleset: Magento2) — 9 auto-fixable with phpcbf |
| PHPMD | Warning | 1 | 1 rule violation (MissingImport:1) |
| Cpd | Pass | 0 |  |
| Composer validate | Info | 4 | valid; 4 advisory notes (composer validate --strict) |

#### PHPStan

Type-checks the module against a real Magento install. Re-runs per Magento + PHP version because resolvable symbols differ between releases.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | 4 | 4 | – | – |
| 2.4.8 | – | 4 | 4 | – |
| 2.4.9 | – | – | 4 | 4 |


### Tests

Unit and integration suites run per Magento + PHP cell. Test failures speak to the module's behaviour, not its compatibility with a line, so they're reported here separately.

#### Unit Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |

#### Integration Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |


### Security

Dependency-advisory audit (composer audit) plus a source malware scan. A malware detection fails the version outright.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| Composer audit | Pass | 0 |  |
| Malware scan | Pass | 0 |  |

## Licence and pricing

Free. A licence is still minted on checkout and bound to your project for Composer access — no payment step.

Refundable within 14 days of first purchase via https://packagento.com/account/refunds/.

## Install via Claude Code or any MCP client

The Packagento MCP server can run the licence + project + Composer steps above in one tool call:

```
purchase_and_install_packages(
  composer_names=["hyva-themes/magento2-react-checkout"],
  project_id="proj_xxx"
)
```

This handles cart, checkout, licence minting, project activation, and writes auth.json credentials. Connect a client with `claude mcp add packagento https://mcp.packagento.com`. Full setup at https://packagento.com/docs/mcp-setup.

## Vendor

hyva-themes is a Magento 2 vendor on Packagento. See https://packagento.com/hyva-themes.md for their full catalogue.