0.1.94 • Published 3 years ago

smartflow-new-app v0.1.94

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

Instalation in react

The web component can be integrated as in the example bellow, but first you need to have the api key.

import React from "react";
import "./App.css";
import { QualifiedElectronicSignature } from "smartflow-new-app";
function App() {
  return (
    <div className="App">
      <QualifiedElectronicSignature
        apiKey="xxxxxxxxxxx"
        fullMode={true}
        env={"prod"}
      />
    </div>
  );
}
export default App;

Installation for angular

  • Install package from npm npm i smartflow-new-app and BootStrap npm install -D -S bootstrap)

  • Update tsconfig.json -> add “jsx”:”react” ad compile options

  • Install react and react-dom and import in wrapper component npm i --save -D @types/react @types/react-dom)

  • For every exported component by smart-flow package, create an wrapper angular component: import { QualifiedElectronicSignature } from 'smartflow-new-app';

  • Add in template mounting point for package component: template: '<div #customReactComponentContainer></div>',

  • Select mounting point using

 @ViewChild(containerElementName, { static: true }) containerRef!: ElementRef;
  • Create a const variable: const containerElementName = 'customReactComponentContainer';

  • Create a render method:

private render() {
    const props: any = {
      apiKey: 'lPgMzXhiyLu7mb2lmgr9ALzjsAV0MI7d',
      env: 'preprod',
    };

    ReactDOM.render(
      React.createElement(QualifiedElectronicSignature, props),
      this.containerRef.nativeElement
    );
  }
  • On ngAfterViewInit call render function

  • The final version should look like this:

import { ElementRef, ViewChild } from '@angular/core';
import { Component } from '@angular/core';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { QualifiedElectronicSignature } from 'smartflow-new-app';
const containerElementName = 'customReactComponentContainer';
@Component({
  selector: 'app-root',
  template: '<div #customReactComponentContainer></div>',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  @ViewChild(containerElementName, { static: true }) containerRef!: ElementRef;

  private render() {
    const props: any = {
      apiKey: 'lPgMzXhiyLu7mb2lmgr9ALzjsAV0MI7d',
      env: 'preprod',
    };
    ReactDOM.render(
      React.createElement(QualifiedElectronicSignature, props),
      this.containerRef.nativeElement
    );
  }

  ngAfterViewInit(): void {
    this.render();
  }
}
  • Start the project with ng serve –port 3000
0.1.90

3 years ago

0.1.91

3 years ago

0.1.92

3 years ago

0.1.93

3 years ago

0.1.94

3 years ago

0.1.89

3 years ago

0.1.87

3 years ago

0.1.86

3 years ago

0.1.85

3 years ago

0.1.84

3 years ago

0.1.83

3 years ago

0.1.82

3 years ago

0.1.81

3 years ago

0.1.80

3 years ago

0.1.79

3 years ago

0.1.78

3 years ago

0.1.77

3 years ago

0.1.76

3 years ago

0.1.75

3 years ago

0.1.74

3 years ago

0.1.73

3 years ago

0.1.72

3 years ago

0.1.71

3 years ago

0.1.70

3 years ago

0.1.69

3 years ago

0.1.68

3 years ago

0.1.67

3 years ago

0.1.64

3 years ago

0.1.63

3 years ago

0.1.62

3 years ago

0.1.61

3 years ago

0.1.60

3 years ago

0.1.59

3 years ago

0.1.58

3 years ago

0.1.57

3 years ago

0.1.56

3 years ago

0.1.55

3 years ago

0.1.54

3 years ago

0.1.53

3 years ago

0.1.52

3 years ago

0.1.51

3 years ago

0.1.50

3 years ago

0.1.49

3 years ago

0.1.48

3 years ago

0.1.47

3 years ago

0.1.46

3 years ago

0.1.45

3 years ago

0.1.44

3 years ago

0.1.43

3 years ago

0.1.42

3 years ago

0.1.41

3 years ago

0.1.40

3 years ago

0.1.39

3 years ago

0.1.38

3 years ago

0.1.37

3 years ago

0.1.36

3 years ago

0.1.35

3 years ago

0.1.34

3 years ago

0.1.33

3 years ago

0.1.32

3 years ago

0.1.31

3 years ago

0.1.30

3 years ago

0.1.29

3 years ago

0.1.28

3 years ago

0.1.27

3 years ago

0.1.26

3 years ago

0.1.25

3 years ago

0.1.24

3 years ago

0.1.23

3 years ago

0.1.22

3 years ago

0.1.21

3 years ago

0.1.20

3 years ago

0.1.19

3 years ago

0.1.18

3 years ago

0.1.17

3 years ago

0.1.16

3 years ago

0.1.15

3 years ago

0.1.14

3 years ago

0.1.13

3 years ago

0.1.12

3 years ago

0.1.11

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago