viam-compliance-deposit-ui/dev-test/App.js

A React component for deposit sar alerts.

import React, { Suspense } from 'react';
import { createRoot } from 'react-dom/client';
import axiosInstance from './security/axiosInstance';
import Apl from '../src/index';
import '../src/core/utils/language/i18n';
import '../src/styles/style.scss';

const token =
  'eyJraWQiOiJrR1VjTEJGNTg1NzVGdVZQaWVOa3lmeGtQY29TR0hmaUZ2XC9IM0pNVXo2RT0iLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiI5OGQzMzYxZS1jMGMwLTQ1YWQtOTlmMy1mN2NiMTFiYWZkMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJJbXByZXNvcmFzIiwiSGlzdG9yaWFsRGVUcmFuc2FjY2lvbmVzIiwiRW52aW9zRGVPdHJvc0NhamVyb3MiLCJFc3RhZG9EZUN1ZW50YSIsIlJlcG9ydHMiLCJDb21pc2lvbmVzIiwiRGV0YWxsZURlRW52aW9zIiwiRGV0YWxsZURlQmlsbGVzIiwiUmVwb3J0ZURlQ2hlcXVlcyIsIkNoZXF1ZXNEZU90cm9zQ2FqZXJvcyIsIlZpYVRhc2EiLCJUcmFuc2FjY2lvbmVzRGVPdHJvc0NhamVyb3MiXSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMi5hbWF6b25hd3MuY29tXC91cy1lYXN0LTJfTlRaSGF3STljIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImFkbWludmlhY2VudHJhbHNsIiwiYXVkIjoiN3R0OWlqOTBiczlqbDBmMmQycm0xM3EzYzYiLCJldmVudF9pZCI6IjYxMzI4ZTYyLTM2MTgtNGMyNi1iZmJlLTVmZjgyOTdkNDc4OCIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNzUyNjcxMDA4LCJwaG9uZV9udW1iZXIiOiIrMTI4MTQzMzc4OTkiLCJjdXN0b206SWRCcmFuY2giOiJBMDA3NjUsQTE0ODM4IiwiZXhwIjoxNzUyNjg5MDA4LCJpYXQiOjE3NTI2NzEwMDh9.ad16a7Fj91u2JkXpQV0DSmCP6RElvBUZZYVvl5_0fDWZBgeadzIXnanyZmALEOPuvyd_7jpC2wbDviG7Mu1hPCcsQP5uLcnBCg2z327LGUwVDIJ8eXgm4uvLhigGo5JDmzWLvgcmOHZxAI_Z48GI8pRt8MZya4z0kcWGCIUM-RwDA-PjJzjJ1IQBpcHrHA_pGYOibiZgVBHHvfrpn6B1KHScf1lY8Ni_lUYWYm1AZZY4319cQRxzmzK1FXszTd4NIxHpbIsVtIL3osGiohTF7Fu181YBQus0U0DWOha69em6swxOINjjE6T0gELnKWknmdJZB9PfVWySKQYJj1BYvg';
const urlApi = 'https://com-deposit.viamericas.io/dev';
const maxButtonsArea = 5;
const numberOfRecordsByPage = 15;
const language = 'en';
const option = 'DepositAlertImport'; // DepositAlertImport, SARDeposits
const user = 'diana.gonzalez';
const connecParam = { token, urlApi, axiosInstance };

localStorage.setItem('token', token);

const container = document.getElementById('app');

const root = createRoot(container);

root.render(
  <Suspense fallback={<div>Cargando widget...</div>}>
    <Apl
      connecParam={connecParam}
      maxButtonsArea={maxButtonsArea}
      numberOfRecordsByPageDefault={numberOfRecordsByPage}
      language={language}
      user={user}
      nameLanguageJSON='complianceDeposit'
      option={option}
    />
  </Suspense>
);