Feature/36 variable recurring payments for 3 1 8

.github/workflows/ui-release.yml

@@ -14,6 +14,10 @@ jobs:
     steps:
       - name: Checkout Repo
         uses: actions/checkout@v2
+      - name: setup node version 10
+        uses: actions/setup-node@v2
+        with:
+          node-version: '10'
       - name: Run tests
         working-directory: ./forgerock-openbanking-ui
         run: |

.github/workflows/ui.yml

@@ -20,6 +20,10 @@ jobs:
     steps:
       - name: Checkout Repo
         uses: actions/checkout@v2
+      - name: setup node version 10
+        uses: actions/setup-node@v2
+        with:
+          node-version: '10'
       - name: Run tests
         working-directory: ./forgerock-openbanking-ui
         run: |

forgerock-openbanking-ui/README.md

@@ -1,7 +1,13 @@
 ## Run the app
 - bank (default angular app)
 - manual-onboarding
-### Run local app
+### Run local bank app
+```shell
+# bank app
+npm run build.bank.themes
+npm run serve.bank.local
+```
+### Run other scripts (@see package.json)
 - `npm run build.{app/project}.themes`
 - `npm run serve.{app/project}`
 ```shell

forgerock-openbanking-ui/angular.json

@@ -1,15 +1,18 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
-  "defaultProject": "bank",
   "newProjectRoot": "projects",
   "projects": {
     "bank": {
       "root": "projects/bank/",
       "sourceRoot": "projects/bank/src",
       "projectType": "application",
       "prefix": "app",
-      "schematics": { "@schematics/angular:component": { "styleext": "scss" } },
+      "schematics": {
+        "@schematics/angular:component": {
+          "styleext": "scss"
+        }
+      },
       "architect": {
         "build": {
           "builder": "ngx-build-plus:browser",
@@ -20,10 +23,23 @@
             "main": "projects/bank/src/main.ts",
             "polyfills": "projects/bank/src/polyfills.ts",
             "tsConfig": "projects/bank/tsconfig.app.json",
-            "assets": ["projects/bank/src/favicon.ico", "projects/bank/src/assets"],
-            "styles": ["node_modules/cookieconsent/build/cookieconsent.min.css", "projects/bank/src/styles.scss"],
-            "scripts": ["node_modules/cookieconsent/build/cookieconsent.min.js"],
-            "stylePreprocessorOptions": { "includePaths": ["utils/scss", "projects/bank/src/scss"] },
+            "assets": [
+              "projects/bank/src/favicon.ico",
+              "projects/bank/src/assets"
+            ],
+            "styles": [
+              "node_modules/cookieconsent/build/cookieconsent.min.css",
+              "projects/bank/src/styles.scss"
+            ],
+            "scripts": [
+              "node_modules/cookieconsent/build/cookieconsent.min.js"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "utils/scss",
+                "projects/bank/src/scss"
+              ]
+            },
             "es5BrowserSupport": true
           },
           "configurations": {
@@ -46,8 +62,26 @@
               "statsJson": true,
               "es5BrowserSupport": true
             },
+            "local": {
+              "fileReplacements": [
+                {
+                  "replace": "projects/bank/src/environments/environment.ts",
+                  "with": "projects/bank/src/environments/environment.local.ts"
+                }
+              ]
+            },
+            "wiremock": {
+              "fileReplacements": [
+                {
+                  "replace": "projects/bank/src/environments/environment.ts",
+                  "with": "projects/bank/src/environments/environment.wiremock.ts"
+                }
+              ]
+            },
             "ui-integ-native": {
-              "options": { "main": "projects/bank/src/main-native.ts" },
+              "options": {
+                "main": "projects/bank/src/main-native.ts"
+              },
               "fileReplacements": [
                 {
                   "replace": "projects/bank/src/environments/environment.ts",
@@ -75,18 +109,46 @@
             "sslCert": "ssl/all.dev-ob.forgerock.financial.crt",
             "sslKey": "ssl/k-all.dev-ob.forgerock.financial.key"
           },
-          "configurations": { "production": { "browserTarget": "bank:build:production" } }
+          "configurations": {
+            "production": {
+              "browserTarget": "bank:build:production"
+            },
+            "local": {
+              "browserTarget": "bank:build:local"
+            },
+            "wiremock": {
+              "browserTarget": "bank:build:wiremock"
+            }
+          }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": { "browserTarget": "bank:build" }
+          "options": {
+            "browserTarget": "bank:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-builders/jest:run",
+          "options": {
+            "no-cache": true,
+            "reporters": [
+              "default"
+            ]
+          }
         },
-        "test": { "builder": "@angular-builders/jest:run", "options": { "no-cache": true, "reporters": ["default"] } },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": ["projects/bank/tsconfig.app.json", "projects/bank/tsconfig.spec.json"],
-            "exclude": ["**/node_modules/**", "projects/@fuse/**", "**/*.spec.ts", "**/*.storybook.ts"]
+            "tsConfig": [
+              "projects/bank/tsconfig.app.json",
+              "projects/bank/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**",
+              "projects/@fuse/**",
+              "**/*.spec.ts",
+              "**/*.storybook.ts"
+            ]
           }
         }
       }
@@ -96,7 +158,11 @@
       "sourceRoot": "projects/manual-onboarding/src",
       "projectType": "application",
       "prefix": "app",
-      "schematics": { "@schematics/angular:component": { "styleext": "scss" } },
+      "schematics": {
+        "@schematics/angular:component": {
+          "styleext": "scss"
+        }
+      },
       "architect": {
         "build": {
           "builder": "ngx-build-plus:browser",
@@ -107,13 +173,23 @@
             "main": "projects/manual-onboarding/src/main.ts",
             "polyfills": "projects/manual-onboarding/src/polyfills.ts",
             "tsConfig": "projects/manual-onboarding/tsconfig.app.json",
-            "assets": ["projects/manual-onboarding/src/favicon.ico", "projects/manual-onboarding/src/assets"],
+            "assets": [
+              "projects/manual-onboarding/src/favicon.ico",
+              "projects/manual-onboarding/src/assets"
+            ],
             "styles": [
               "node_modules/cookieconsent/build/cookieconsent.min.css",
               "projects/manual-onboarding/src/styles.scss"
             ],
-            "scripts": ["node_modules/cookieconsent/build/cookieconsent.min.js"],
-            "stylePreprocessorOptions": { "includePaths": ["utils/scss", "projects/manual-onboarding/src/scss"] },
+            "scripts": [
+              "node_modules/cookieconsent/build/cookieconsent.min.js"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "utils/scss",
+                "projects/manual-onboarding/src/scss"
+              ]
+            },
             "es5BrowserSupport": true
           },
           "configurations": {
@@ -156,21 +232,40 @@
             "sslCert": "ssl/all.dev-ob.forgerock.financial.crt",
             "sslKey": "ssl/k-all.dev-ob.forgerock.financial.key"
           },
-          "configurations": { "production": { "browserTarget": "manual-onboarding:build:production" } }
+          "configurations": {
+            "production": {
+              "browserTarget": "manual-onboarding:build:production"
+            }
+          }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": { "browserTarget": "manual-onboarding:build" }
+          "options": {
+            "browserTarget": "manual-onboarding:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-builders/jest:run",
+          "options": {
+            "no-cache": true,
+            "reporters": [
+              "default"
+            ]
+          }
         },
-        "test": { "builder": "@angular-builders/jest:run", "options": { "no-cache": true, "reporters": ["default"] } },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
               "projects/manual-onboarding/tsconfig.app.json",
               "projects/manual-onboarding/tsconfig.spec.json"
             ],
-            "exclude": ["**/node_modules/**", "projects/@fuse/**", "**/*.spec.ts", "**/*.storybook.ts"]
+            "exclude": [
+              "**/node_modules/**",
+              "projects/@fuse/**",
+              "**/*.spec.ts",
+              "**/*.storybook.ts"
+            ]
           }
         }
       }

forgerock-openbanking-ui/package.json

@@ -16,6 +16,8 @@
     "report.bank": "npm run build.bank.forgerock && webpack-bundle-analyzer dist/forgerock/stats.json",
     "build.bank.forgerock": "ng build --project=bank --prod --configuration=forgerock --output-path dist/forgerock --statsJson --extra-webpack-config webpack.extra.js",
     "build.bank.themes": "openbanking-ui-cli buildThemes --project bank",
+    "build.bank.wiremock": "ng serve bank -c wiremock",
+    "build.bank.local": "ng serve bank -c local",
     "=================REGISTER APP=================": "",
     "bundleSize.manual-onboarding": "openbanking-ui-cli appSize --theme forgerock --project manual-onboarding",
     "serve.manual-onboarding": "ng serve manual-onboarding",

forgerock-openbanking-ui/projects/bank/src/app/pages/consent/account/account.component.spec.ts

@@ -15,6 +15,7 @@ import { SubmitBoxComponentModule } from '../components/submit-box/submit-box.mo
 import { AccountCheckboxModule } from '../components/account-checkbox/account-checkbox.module';
 
 import { AccountComponent } from './account.component';
+import {ConsentDecision} from "bank/src/app/types/ConsentDecision";
 
 describe('app:bank AccountComponent', () => {
   let component: AccountComponent;
@@ -55,7 +56,7 @@ describe('app:bank AccountComponent', () => {
     fixture.detectChanges();
 
     expect(component.formSubmit.emit).toHaveBeenCalledWith({
-      decision: 'deny',
+      decision: ConsentDecision.DENY,
       sharedAccounts: []
     });
   });
@@ -67,7 +68,7 @@ describe('app:bank AccountComponent', () => {
     fixture.detectChanges();
 
     expect(component.formSubmit.emit).toHaveBeenCalledWith({
-      decision: 'deny',
+      decision: ConsentDecision.DENY,
       sharedAccounts: []
     });
   });
@@ -79,7 +80,7 @@ describe('app:bank AccountComponent', () => {
     fixture.detectChanges();
 
     expect(component.formSubmit.emit).toHaveBeenCalledWith({
-      decision: 'allow',
+      decision: ConsentDecision.ALLOW,
       sharedAccounts: []
     });
   });

forgerock-openbanking-ui/projects/bank/src/app/pages/consent/account/account.component.ts

@@ -43,7 +43,7 @@ export class AccountComponent implements OnInit {
       type: ItemType.STRING,
       payload: {
         label: 'CONSENT.ACCOUNT.APPLICATION',
-        value: this.response.aispName,
+        value: this.response.pispName,
         cssClass: 'account-merchantName'
       }
     });

forgerock-openbanking-ui/projects/bank/src/app/pages/consent/components/account-checkbox/account-checkbox.component.html

@@ -10,7 +10,7 @@
               <div>
                 <div>{{ account.account?.Nickname }}</div>
                 <div class="secondary-text account-number" *ngIf="account.account?.Account">
-                  {{ (account.account?.Account)[0] | AccountNumberFormat }}
+                  {{ (account.account?.Account)[0] | AccountFormat }}
                 </div>
               </div>
 

forgerock-openbanking-ui/projects/bank/src/app/pages/consent/components/account-selection/account-selection.component.html

@@ -9,7 +9,7 @@
               <div>
                 <div>{{ account.account?.Nickname }}</div>
                 <div class="secondary-text account-number" *ngIf="account.account?.Account">
-                  {{ (account.account?.Account)[0] | AccountNumberFormat }}
+                  {{ (account.account?.Account)[0] | AccountFormat }}
                 </div>
                 <div *ngIf="account.balances">
                   <div class="balance" *ngFor="let balance of account.balances">{{ balance | BalanceFormat }}</div>

forgerock-openbanking-ui/projects/bank/src/app/pages/consent/components/cancel/cancel.component.ts

@@ -29,7 +29,7 @@ export class CancelComponent implements OnInit {
         type: ItemType.STRING,
         payload: {
           label: 'COMPONENT.CANCEL.APPLICATION',
-          value: this.response.aispName,
+          value: this.response.pispName,
           cssClass: 'cof-merchantName'
         }
       }