@teko-builder/smart-activation v1.0.1-beta.31

On Site Activation Client Integration

Eager to get started? This quick start guide will help you integrate builder data in client.

yarn add @teko-builder/on-site-react

# or

npm install @teko-builder/on-site-react

Note

Currently

• Only support component popup banner
• Save shown state on cookie

Usage

import { lazy, Suspense } from 'react';
import SmartComponent from "@teko-builder/on-site-react";
import "@teko-builder/on-site-react/dist/base.css";

// lazy import
// const SmartComponent = lazy(() => import('@teko-builder/on-site-react));

function App() {
  const showSmartComponent = appId && trackingAppId && iamId;

  return (
    <Suspense fallback={<>Loading</>}>
      {showSmartComponent && (
        <SmartComponent env="dev" configs={{ appId, trackingAppId, iamId, sessionPeriodMinites }} />
      )}
      <AnotherComponent>
    </Suspense>
  );
}

export default App;

API

Picker

SmartComponentConfigs