feature: Added assets for a Journey (#221)

* feature: Added assets for a Journey

apps/golden-sample-app/project.json

@@ -23,7 +23,12 @@
         "tsConfig": "apps/golden-sample-app/tsconfig.app.json",
         "assets": [
           "apps/golden-sample-app/src/favicon.ico",
-          "apps/golden-sample-app/src/assets"
+          "apps/golden-sample-app/src/assets",
+          {
+            "glob": "**/*",
+            "input": "libs/transactions-journey/assets",
+            "output": "assets/transactions-journey"
+          }
         ],
         "styles": ["apps/golden-sample-app/src/styles.scss"],
         "scripts": []

libs/transactions-journey/feature-transaction-details-view/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/libs/transactions-journey/feature-transaction-details-view",
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

libs/transactions-journey/feature-transaction-details-view/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@backbase-gsa/internal-transactions-feature-transaction-details-view",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^16.1.3",
+    "@angular/core": "^16.1.3"
+  },
+  "dependencies": {
+    "tslib": "^2.3.1"
+  }
+}

libs/transactions-journey/feature-transaction-details-view/project.json

@@ -6,6 +6,22 @@
   "tags": ["scope:transaction-details-view-journey", "type:feature"],
   "projectType": "library",
   "targets": {
+    "build": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/libs/transactions-journey/feature-transaction-details-view"],
+      "options": {
+        "project": "libs/transactions-journey/feature-transaction-details-view/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "libs/transactions-journey/feature-transaction-details-view/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "libs/transactions-journey/data-access/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
     "test": {
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],

libs/transactions-journey/feature-transaction-details-view/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false,
+    "target": "ES2022",
+    "useDefineForClassFields": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

libs/transactions-journey/feature-transaction-view/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/libs/transactions-journey/feature-transaction-view",
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

libs/transactions-journey/feature-transaction-view/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@backbase-gsa/internal-transactions-feature-transaction-view",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^16.1.3",
+    "@angular/core": "^16.1.3"
+  },
+  "dependencies": {
+    "tslib": "^2.3.1"
+  }
+}

libs/transactions-journey/feature-transaction-view/project.json

@@ -5,6 +5,23 @@
   "sourceRoot": "libs/transactions-journey/feature-transaction-view/src",
   "prefix": "backbase",
   "targets": {
+
+    "build": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/libs/transactions-journey/feature-transaction-view"],
+      "options": {
+        "project": "libs/transactions-journey/feature-transaction-view/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "libs/transactions-journey/feature-transaction-view/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "libs/transactions-journey/feature-transaction-view/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
     "test": {
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/libs/transactions-journey/feature-transaction-view"],

libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.html

@@ -9,9 +9,16 @@
   transaction.bookingDate | date : 'MMM. d'
 }}</span>
 <span class="transactions-item__description">
-  <span class="transactions-item__counterParty">{{
-    transaction.counterPartyName || transaction.merchant?.name
-  }}</span>
+  <span class="transactions-item__counterParty"
+    >{{ transaction.counterPartyName || transaction.merchant?.name }}
+    <img
+      src="./assets/transactions-journey/{{ iconName }}"
+      width="20"
+      height="20"
+      [alt]="iconName"
+    />
+  </span>
+
   <span class="transactions-item__transactionType">
     {{ transaction.type }}
     <ng-container

libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.ts

@@ -18,7 +18,7 @@ import {
 } from '../../extensions';
 import { AmountModule } from '@backbase/ui-ang/amount';
 import { CommonModule } from '@angular/common';
-
+import { IconMap } from '@backbase-gsa/internal-transactions-shared-data';
 @Directive({
   selector: '[bbTransactionsItemAdditions]',
   standalone: true,
@@ -40,7 +40,10 @@ export class TransactionItemAdditionalDetailsDirective extends ViewExtensionDire
 export class TransactionItemComponent implements OnChanges {
   @Input()
   public transaction!: TransactionItem;
+  @Input()
+  public categoryName: string | undefined;
 
+  public iconName = 'default';
   public amount = 0;
   public isAmountPositive = true;
   public additionsDetails?: Type<TransactionAdditionalDetailsComponent>;
@@ -70,5 +73,7 @@ export class TransactionItemComponent implements OnChanges {
         counterPartyAccountNumber: this.transaction.counterPartyAccountNumber,
       };
     }
+    this.iconName =
+      IconMap[this.categoryName?.toLowerCase().replace(/\s/g, '') ?? 'default'];
   }
 }

libs/transactions-journey/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html

@@ -47,7 +47,10 @@
           data-role="transactions-view__item-container"
         >
           <a class="list-link" [routerLink]="['./', item.id]">
-            <bb-transaction-item [transaction]="item"></bb-transaction-item>
+            <bb-transaction-item
+              [transaction]="item"
+              [categoryName]="item.category"
+            ></bb-transaction-item>
           </a>
         </li>
       </ul>

libs/transactions-journey/feature-transaction-view/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false,
+    "target": "ES2022",
+    "useDefineForClassFields": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

libs/transactions-journey/shared-data/src/index.ts

@@ -1,2 +1,3 @@
 export * from './lib/config/constants/dynamic-translations';
+export * from './lib/config/constants/icon-map';
 export * from './lib/config/model/tracker-events';

libs/transactions-journey/shared-data/src/lib/config/constants/icon-map.ts

@@ -0,0 +1,5 @@
+export const IconMap: Record<string, string> = {
+  travel: 'travel.png',
+  'alcohol&bars': 'food.png',
+  default: 'default.png',
+};

libs/transactions-journey/shell/ng-package.json

@@ -0,0 +1,9 @@
+{
+    "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+    "dest": "../../../dist/libs/transactions-journey/shell",
+    "assets": ["./assets"],
+    "lib": {
+      "entryFile": "src/index.ts"
+    }
+  }
+

libs/transactions-journey/shell/package.json

@@ -0,0 +1,11 @@
+{
+    "name": "@backbase-gsa/transactions-journey",
+    "version": "0.0.1",
+    "peerDependencies": {
+      "@angular/common": "^16.1.3",
+      "@angular/core": "^16.1.3"
+    },
+    "dependencies": {
+      "tslib": "^2.3.1"
+    }
+  }

libs/transactions-journey/shell/project.json

@@ -5,6 +5,23 @@
   "sourceRoot": "libs/transactions-journey/shell/src",
   "prefix": "bb",
   "targets": {
+
+    "build": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/libs/transactions-journey/shell"],
+      "options": {
+        "project": "libs/transactions-journey/shell/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "libs/transactions-journey/shell/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "libs/transactions-journey/shell/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
     "test": {
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/libs/transactions-journey/shell"],

libs/transactions-journey/shell/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false,
+    "target": "ES2022",
+    "useDefineForClassFields": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}