Paysites Tours React Components

Each Component encapsulate a Tour design/template

TourV4 Component

Props

| Props Name | Description | Required | |-------------|-------------|----------| | tour | Representation of the Tour | required | | device | Information about the device | required | | query | The query string to be used for tracking/url | required | | resources | Collection of resources included in the Tour | required | | tracking | Tracking information and join information | required | | location | Location information | required | | preview | Identify if the component is under preview mode | Default to false |

TourV7 Component

Props

| Props Name | Description | Required | |-------------|-------------|----------| | tour | Representation of the Tour | required | | device | Information about the device | required | | query | The query string to be used for tracking/url | required | | resources | Collection of resources included in the Tour | required | | tracking | Tracking information and join information | required | | location | Location information | required | | preview | Identify if the component is under preview mode | Default to false |

TourC1 Component [DEPRECATED]

Props

| Props Name | Description | Required | |-------------|-------------|----------| | tour | Representation of the Tour | required | | device | Information about the device | required | | query | The query string to be used for tracking/url | required | | resources | Collection of resources included in the Tour | required | | tracking | Tracking information and join information | required | | location | Location information | required | | preview | Identify if the component is under preview mode | Default to false |

TourC2 Component [DEPRECATED]

Props

| Props Name | Description | Required | |-------------|-------------|----------| | tour | Representation of the Tour | required | | device | Information about the device | required | | query | The query string to be used for tracking/url | required | | resources | Collection of resources included in the Tour | required | | tracking | Tracking information and join information | required | | location | Location information | required | | preview | Identify if the component is under preview mode | Default to false |

Usage

import React, { Fragment } from 'react';
import { TourV4, TourV7, TourC1 } from '@logangroup/tours';
import { BrowserRouter } from 'react-router-dom';
const state = require('./state');

function App() {
  return (
    <div>
      <Fragment>
        <BrowserRouter>
          <TourV4 {...state} />
        </BrowserRouter>
        <BrowserRouter>
          <TourV7 {...state} />
        </BrowserRouter>
      </Fragment>
    </div>
  );
}

export default App;