@logangroup/tours

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;