Mostly working with Product + Version and Sku + Version.

There will still be many errors. But this is working somewhat

bookie/src/app/sales/products/products.component.html

@@ -11,7 +11,7 @@
     <mat-card
       class="flex-col square-button"
       matRipple
-      (click)="addProduct(item)"
+      (click)="addSku(item)"
       [class.accent]="item.hasHappyHour"
       [class.disabled]="item.isNotAvailable"
       [class.primary]="!item.hasHappyHour && !item.isNotAvailable"

bookie/src/app/sales/products/products.component.ts

@@ -4,7 +4,7 @@ import { MatCardModule } from '@angular/material/card';
 import { MatRippleModule } from '@angular/material/core';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 
-import { Product } from '../../core/product';
+import { StockKeepingUnit as Product } from '../../core/stock-keeping-unit';
 import { BillService } from '../bill.service';
 
 @Component({
@@ -26,10 +26,10 @@ export class ProductsComponent implements OnInit {
     });
   }
 
-  addProduct(product: Product): void {
+  addSku(product: Product): void {
     if (product.isNotAvailable) {
       return;
     }
-    this.bs.addProduct(product, 1, 0);
+    this.bs.addSku(product, 1, 0);
   }
 }

bookie/src/app/sales/products/products.resolver.ts

@@ -1,7 +1,7 @@
 import { inject } from '@angular/core';
 import { ResolveFn } from '@angular/router';
 
-import { Product } from '../../core/product';
+import { StockKeepingUnit as Product } from '../../core/stock-keeping-unit';
 import { ProductService } from '../../product/product.service';
 
 export const productsResolver: ResolveFn<Product[]> = (route) => {