5. Download and Install Components

Overview

Each component must be downloaded and installed. They are packaged files with a .tgz extension.

Instructions

Downloading Component Packages

Installing Component Packages

Install the packages by running the following commands in your development environment:
npm install mstar-aggregation-consumer-accountsummary.tgz
npm install mstar-aggregation-consumer-accountsetup.tgz

Verifying Component Files in Node Modules Directory

Confirm these files are under the node_modules directory:

  • mstar-aggregation-consumer-accountsummary folder. The folder contains:
    • mstar-aggregation-consumer-accountsummary.js, which is the JavaScript bundle for the Account Summary component.
    • as_assets folder, which contains various configuration files and images for the component.
    • package.json file that describes the npm package.
  • mstar-aggregation-consumer-accountsetup folder. The folder contains:
    • mstar-aggregation-consumer-accountsetup.js, which is the JavaScript bundle for the Account Linking component.
    • assets folder, which contains various configuration files and images for the component.
    • package.json file that describes the npm package.

The build system should ensure that the as_assets and assets folders and the main JavaScript files (mstar-aggregation-consumer-accountsummary.js and mstar-aggregation-consumer-accountsetup.js) are placed under the application’s distribution (/dist) folder from where it is being served.

Importing JavaScript Files and Initializing Components in HTML

Import the necessary JavaScript files into your HTML parent page and create an instance of the mstar-aggregation-consumer-accountsummary tag element and of the mstar-aggregation-consumer-accountsetup tag element.