diff --git a/apps/golden-sample-app/project.json b/apps/golden-sample-app/project.json
index c32ffa4b..494f057d 100644
--- a/apps/golden-sample-app/project.json
+++ b/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": []
diff --git a/libs/transactions-journey/assets/default.png b/libs/transactions-journey/assets/default.png
new file mode 100644
index 00000000..e56798f2
Binary files /dev/null and b/libs/transactions-journey/assets/default.png differ
diff --git a/libs/transactions-journey/assets/food.png b/libs/transactions-journey/assets/food.png
new file mode 100644
index 00000000..cd9a5f33
Binary files /dev/null and b/libs/transactions-journey/assets/food.png differ
diff --git a/libs/transactions-journey/assets/travel.png b/libs/transactions-journey/assets/travel.png
new file mode 100644
index 00000000..53b6d099
Binary files /dev/null and b/libs/transactions-journey/assets/travel.png differ
diff --git a/libs/transactions-journey/feature-transaction-details-view/ng-package.json b/libs/transactions-journey/feature-transaction-details-view/ng-package.json
new file mode 100644
index 00000000..eceb2255
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/libs/transactions-journey/feature-transaction-details-view/package.json b/libs/transactions-journey/feature-transaction-details-view/package.json
new file mode 100644
index 00000000..c8cf3bb4
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/libs/transactions-journey/feature-transaction-details-view/project.json b/libs/transactions-journey/feature-transaction-details-view/project.json
index 028fc544..5772c58c 100644
--- a/libs/transactions-journey/feature-transaction-details-view/project.json
+++ b/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}"],
diff --git a/libs/transactions-journey/feature-transaction-details-view/tsconfig.lib.prod.json b/libs/transactions-journey/feature-transaction-details-view/tsconfig.lib.prod.json
new file mode 100644
index 00000000..0e06848c
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/libs/transactions-journey/feature-transaction-view/ng-package.json b/libs/transactions-journey/feature-transaction-view/ng-package.json
new file mode 100644
index 00000000..d73e5c86
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/libs/transactions-journey/feature-transaction-view/package.json b/libs/transactions-journey/feature-transaction-view/package.json
new file mode 100644
index 00000000..e16381ba
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/libs/transactions-journey/feature-transaction-view/project.json b/libs/transactions-journey/feature-transaction-view/project.json
index 958eec1a..25c4513e 100644
--- a/libs/transactions-journey/feature-transaction-view/project.json
+++ b/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"],
diff --git a/libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.html b/libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.html
index 189c412b..3f54ac95 100644
--- a/libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.html
+++ b/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
diff --git a/libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.ts b/libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.ts
index ba693857..fb2032a7 100644
--- a/libs/transactions-journey/feature-transaction-view/src/lib/components/transaction-item/transaction-item.component.ts
+++ b/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'];
   }
 }
diff --git a/libs/transactions-journey/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html b/libs/transactions-journey/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html
index e108e5fd..74532b37 100644
--- a/libs/transactions-journey/feature-transaction-view/src/lib/components/transactions-view/transactions-view.component.html
+++ b/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>
diff --git a/libs/transactions-journey/feature-transaction-view/tsconfig.lib.prod.json b/libs/transactions-journey/feature-transaction-view/tsconfig.lib.prod.json
new file mode 100644
index 00000000..0e06848c
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/libs/transactions-journey/shared-data/src/index.ts b/libs/transactions-journey/shared-data/src/index.ts
index de2a2d3e..0627f2d9 100644
--- a/libs/transactions-journey/shared-data/src/index.ts
+++ b/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';
diff --git a/libs/transactions-journey/shared-data/src/lib/config/constants/icon-map.ts b/libs/transactions-journey/shared-data/src/lib/config/constants/icon-map.ts
new file mode 100644
index 00000000..84a2f150
--- /dev/null
+++ b/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',
+};
diff --git a/libs/transactions-journey/shell/ng-package.json b/libs/transactions-journey/shell/ng-package.json
new file mode 100644
index 00000000..babfa931
--- /dev/null
+++ b/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"
+    }
+  }
+  
\ No newline at end of file
diff --git a/libs/transactions-journey/shell/package.json b/libs/transactions-journey/shell/package.json
new file mode 100644
index 00000000..a732a994
--- /dev/null
+++ b/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"
+    }
+  }
\ No newline at end of file
diff --git a/libs/transactions-journey/shell/project.json b/libs/transactions-journey/shell/project.json
index 53938eba..a98302ca 100644
--- a/libs/transactions-journey/shell/project.json
+++ b/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"],
diff --git a/libs/transactions-journey/shell/tsconfig.lib.prod.json b/libs/transactions-journey/shell/tsconfig.lib.prod.json
new file mode 100644
index 00000000..0e06848c
--- /dev/null
+++ b/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"
+  }
+}