5. Download and Install Components

Overview

The Account Summary and Account Linking components are distributed as .tgz packages that you download and install into your development environment.

Instructions

1. Download the component packages

Account Summary: https://www.byallaccounts.net/WebPortfolio/mstar-aggregation-consumer-accountsummary.tgz
Account Linking: https://www.byallaccounts.net/WebPortfolio/mstar-aggregation-consumer-accountsetup.tgz

2. Install the packages

Run the following commands in your development environment:

npm install mstar-aggregation-consumer-accountsummary.tgz
npm install mstar-aggregation-consumer-accountsetup.tgz

3. Verify installed files

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.

4. Import JavaScript files and initialize components in HTML

Import the JavaScript files into your HTML parent page and create instances of the mstar-aggregation-consumer-accountsummary and mstar-aggregation-consumer-accountsetup tag elements. The next step covers how to instantiate and configure them.

👍
Success Criteria

Both .tgz packages installed successfully via npm

Both component folders present under node_modules with their JavaScript bundles, asset folders, and package.json files

Build system configured to copy component bundles and asset folders to your /dist directory

JavaScript bundles imported into your HTML parent page