Added mocks.

apps/storefront/src/app.ts

@@ -3,7 +3,10 @@ import { multiCartFeature } from '@spryker-oryx/cart';
 import { labsFeatures } from '@spryker-oryx/labs';
 import { merchantFeature } from '@spryker-oryx/merchant';
 import { b2bStorefrontFeatures } from '@spryker-oryx/presets/b2b-storefront';
-import { storefrontFeatures } from '@spryker-oryx/presets/storefront';
+import {
+  storefrontFeatures,
+  storefrontMockFeatures,
+} from '@spryker-oryx/presets/storefront';
 import { storefrontTheme } from '@spryker-oryx/themes';
 
 const env = import.meta.env;
@@ -19,8 +22,10 @@ const features = [
   ...(env.ORYX_LABS ? labsFeatures : []),
 ];
 
+const mockFeatures = [...storefrontMockFeatures];
+
 export const app = appBuilder()
-  .withFeature(features)
+  .withFeature(mockFeatures)
   .withTheme([storefrontTheme])
   .withEnvironment(env)
   .create();

libs/domain/cart/services/src/adapter/index.ts

@@ -1,2 +1,2 @@
-export * from './default-cart.adapter';
-export * from './normalizers';
+export * from './mock';
+export * from './spryker-glue';

libs/domain/cart/services/src/adapter/mock/cart-totals.ts

@@ -0,0 +1,72 @@
+import { NormalizedTotals, TotalsResolver } from '@spryker-oryx/cart';
+import { Observable, of } from 'rxjs';
+
+const types = [
+  'subtotal',
+  'discount',
+  'tax',
+  'expense',
+  'delivery',
+  'total',
+].map((type) => ({
+  id: `only ${type}`,
+  components: [{ type: `oryx-cart-totals-${type}` }],
+}));
+
+const discountVariations = ['expanded', 'collapsed', 'inline', 'none'].map(
+  (type) => ({
+    id: `discount (${type})`,
+    components: [
+      { type: 'oryx-cart-totals-subtotal' },
+      {
+        type: `oryx-cart-totals-discount`,
+        options: {
+          data: { discountRowsAppearance: type },
+        },
+      },
+      { type: 'oryx-cart-totals-total' },
+    ],
+  })
+);
+
+export const mockedTotals = (totals: NormalizedTotals): any => {
+  return class implements TotalsResolver {
+    getTotals(): Observable<NormalizedTotals | null> {
+      return of(totals);
+    }
+  };
+};
+
+export const cartTotalsStaticData = [
+  {
+    id: 'all',
+    components: [
+      { type: 'oryx-cart-totals-subtotal' },
+      { type: 'oryx-cart-totals-discount' },
+      { type: 'oryx-cart-totals-tax' },
+      { type: 'oryx-cart-totals-delivery' },
+      { type: 'oryx-cart-totals-total' },
+    ],
+  },
+  {
+    id: 'small',
+    components: [
+      { type: 'oryx-cart-totals-subtotal' },
+      { type: 'oryx-cart-totals-discount' },
+      { type: 'oryx-cart-totals-total' },
+    ],
+  },
+  ...types,
+  ...discountVariations,
+  {
+    id: 'small (without message)',
+    components: [
+      { type: 'oryx-cart-totals-subtotal' },
+      { type: 'oryx-cart-totals-discount' },
+      {
+        type: 'oryx-cart-totals-total',
+        options: { data: { enableTaxMessage: false } },
+      },
+    ],
+  },
+];

libs/domain/cart/services/src/adapter/mock/index.ts

@@ -0,0 +1,3 @@
+export * from './cart-totals';
+export * from './mock-cart';
+export * from './mock-cart.adapter';

libs/domain/cart/services/src/adapter/mock/mock-cart.adapter.ts

@@ -0,0 +1,250 @@
+import {
+  AddCartEntryQualifier,
+  Cart,
+  CartAdapter,
+  CartCalculations,
+  CartEntry,
+  CartEntryQualifier,
+  CartQualifier,
+  ProductOption,
+  UpdateCartEntryQualifier,
+} from '@spryker-oryx/cart';
+import { MockProductService } from '@spryker-oryx/product/mocks';
+import { Observable, delay, mapTo, of, take, tap, timer } from 'rxjs';
+import {
+  mockCartEntry,
+  mockCartLarge,
+  mockCartWithDiscount,
+  mockCartWithExpense,
+  mockCartWithMultipleDiscount,
+  mockCartWithMultipleProducts,
+  mockCartWithTax,
+  mockDefaultCart,
+  mockEmptyCart,
+  mockNetCart,
+} from './mock-cart';
+
+export class MockCartAdapter implements Partial<CartAdapter> {
+  private carts: Cart[] = [
+    mockDefaultCart,
+    mockNetCart,
+    mockEmptyCart as Cart,
+    mockCartWithExpense,
+    mockCartWithMultipleDiscount,
+    mockCartWithDiscount,
+    mockCartLarge,
+    mockCartWithTax,
+    mockCartWithMultipleProducts,
+  ];
+
+  private responseDelay = 300;
+
+  private selectedProductOptions = [
+    {
+      optionGroupName: 'Three (3) year limited warranty',
+      sku: 'OP_3_year_warranty',
+      optionName: 'Three (3) year limited warranty',
+      price: 2000,
+    },
+    {
+      optionGroupName: 'Two (2) year insurance coverage',
+      sku: 'OP_insurance',
+      optionName: 'Two (2) year insurance coverage',
+      price: 10000,
+    },
+    {
+      optionGroupName: 'Gift wrapping',
+      sku: 'OP_gift_wrapping',
+      optionName: 'Gift wrapping',
+      price: 500,
+    },
+  ];
+
+  getAll(): Observable<Cart[]> {
+    return of(this.carts).pipe(take(1));
+  }
+
+  get(data: CartQualifier): Observable<Cart> {
+    const cart = this.findCart(data.cartId!);
+
+    return of(cart).pipe(delay(this.responseDelay));
+  }
+
+  addEntry(data: AddCartEntryQualifier): Observable<Cart> {
+    const { cart, products, productIndex } = this.getInfo(
+      data.cartId!,
+      data.sku!
+    );
+
+    if (products.length && productIndex >= 0) {
+      const productFromCart = products[productIndex];
+      const quantity = Number(productFromCart.quantity) + Number(data.quantity);
+
+      products.splice(productIndex, 1, {
+        ...productFromCart,
+        quantity,
+        calculations: this.createCalculations(
+          data.sku!,
+          quantity,
+          this.selectedProductOptions
+        ),
+      });
+    } else {
+      products.push({
+        ...mockCartEntry,
+        sku: data.sku!,
+        groupKey: data.sku!,
+        quantity: data.quantity ?? 1,
+        selectedProductOptions: this.selectedProductOptions,
+        calculations: this.createCalculations(
+          data.sku!,
+          data.quantity ?? 1,
+          this.selectedProductOptions
+        ),
+      });
+    }
+
+    const mappedCart = {
+      ...cart,
+      totals: {
+        ...cart.totals,
+        grandTotal: this.calculateCartTotal(products),
+      },
+      products,
+    };
+
+    return this.applyCartChanges(mappedCart);
+  }
+
+  updateEntry(data: UpdateCartEntryQualifier): Observable<Cart> {
+    const { cart, products, productIndex } = this.getInfo(
+      data.cartId!,
+      data.groupKey!
+    );
+
+    products.splice(productIndex, 1, {
+      ...products[productIndex],
+      quantity: data.quantity,
+      calculations: this.createCalculations(
+        products[productIndex].sku,
+        data.quantity,
+        this.selectedProductOptions
+      ),
+    });
+
+    const mappedCart = {
+      ...cart,
+      totals: {
+        ...cart.totals,
+        grandTotal: this.calculateCartTotal(products),
+      },
+      products,
+    };
+
+    return this.applyCartChanges(mappedCart);
+  }
+
+  deleteEntry(data: CartEntryQualifier): Observable<null> {
+    return timer(this.responseDelay).pipe(
+      tap(() => {
+        const { cart, products, productIndex } = this.getInfo(
+          data.cartId!,
+          data.groupKey!
+        );
+
+        products.splice(productIndex, 1);
+
+        const cartIndex = this.carts.findIndex((item) => item.id === cart.id);
+
+        this.carts.splice(cartIndex, 1, {
+          ...cart,
+          products,
+        });
+      }),
+      mapTo(null)
+    );
+  }
+
+  update(): Observable<Cart> {
+    return of();
+  }
+
+  create(): Observable<Cart> {
+    return of();
+  }
+
+  delete(): Observable<Cart> {
+    return of();
+  }
+
+  protected findCart(id: string): Cart {
+    const cart = this.carts.find((item) => item.id === id);
+
+    if (!cart) {
+      throw new Error(`Cart with id ${id} is not exist`);
+    }
+
+    return cart;
+  }
+
+  protected getInfo(
+    id: string,
+    checkValue: string
+  ): {
+    cart: Cart;
+    products: CartEntry[];
+    productIndex: number;
+  } {
+    const cart = this.findCart(id);
+    const products = cart.products ? [...cart.products] : [];
+    const productIndex = products.findIndex(
+      (product) => product.sku === checkValue || product.groupKey === checkValue
+    );
+
+    return { cart, products, productIndex };
+  }
+
+  protected applyCartChanges(mappedCart: Cart): Observable<Cart> {
+    const cartIndex = this.carts.findIndex((cart) => cart.id === mappedCart.id);
+
+    this.carts.splice(cartIndex, 1, mappedCart);
+
+    return of(mappedCart).pipe(delay(this.responseDelay));
+  }
+
+  protected calculateCartTotal(products: CartEntry[]): number {
+    let total = 0;
+
+    for (let i = 0; i < products.length; i++) {
+      total =
+        total +
+        Number(products[i].quantity) *
+          (products[i]?.calculations?.unitPrice ||
+            Math.floor(Math.random() * 10 + 1));
+    }
+
+    return total;
+  }
+
+  protected createCalculations(
+    sku: string,
+    quantity: number,
+    options: ProductOption[]
+  ): CartCalculations {
+    const unitPrice =
+      MockProductService.mockProducts.find((product) => product.sku === sku)
+        ?.price?.defaultPrice?.value ?? 0;
+    const sumPrice = unitPrice * quantity;
+    const sumPriceToPayAggregation =
+      options.reduce((sum, { price = 0 }) => sum + price, 0) + sumPrice;
+
+    return {
+      unitPrice,
+      sumPrice,
+      unitGrossPrice: unitPrice,
+      sumGrossPrice: sumPrice,
+      sumPriceToPayAggregation,
+      sumSubtotalAggregation: sumPriceToPayAggregation,
+    };
+  }
+}