@o3r/third-party/README.md

This module provides a bridge to communicate with third parties via an iFrame solution.

<h1 align="center">Otter third-party</h1>
<p align="center">
  <img src="https://raw.githubusercontent.com/AmadeusITGroup/otter/main/assets/logo/otter.png" alt="Super cute Otter!" width="40%"/>
</p>

This package is an [Otter Framework Module](https://github.com/AmadeusITGroup/otter/tree/main/docs/core/MODULE.md).
<br />
<br />

## Description

[![Stable Version](https://img.shields.io/npm/v/@o3r/third-party?style=for-the-badge)](https://www.npmjs.com/package/@o3r/third-party)
[![Bundle Size](https://img.shields.io/bundlephobia/min/@o3r/third-party?color=green&style=for-the-badge)](https://www.npmjs.com/package/@o3r/third-party)

This module aims at improving the communication with third parties.
It exposes bridges to integrate third parties iFrame via an established communication protocol.
It also provides support of an A/B Testing solution via shared windows properties
(more info on the [A/B testing dedicated documentation](https://github.com/AmadeusITGroup/otter/tree/main/docs/ab-testing/AB_TESTING.md))

## How to install

```shell
ng add @o3r/third-party
```

> [!WARNING]
> This module requires [@o3r/core](https://www.npmjs.com/package/@o3r/core) to be installed.

## Generators

Otter framework provides a set of code generators based on [Angular schematics](https://angular.io/guide/schematics).

| Schematics            | Description                                                  | How to use                  |
| --------------------- | ------------------------------------------------------------ | --------------------------- |
| add                   | Include Otter third party module in a library / application. | `ng add @o3r/third-party`   |
| iframe-to-component  | Add iframe to an Otter component                             | `ng g iframe-to-component` |