Epic/b2b commerce quotes

core-libs/setup/tsconfig.spec.json

@@ -409,6 +409,20 @@
       "@spartacus/qualtrics/root": [
         "../../feature-libs/qualtrics/root/public_api"
       ],
+      "@spartacus/quote/assets": ["../../feature-libs/quote/assets/public_api"],
+      "@spartacus/quote/components/cart-guard": [
+        "../../feature-libs/quote/components/cart-guard/public_api"
+      ],
+      "@spartacus/quote/components": [
+        "../../feature-libs/quote/components/public_api"
+      ],
+      "@spartacus/quote/components/request-button": [
+        "../../feature-libs/quote/components/request-button/public_api"
+      ],
+      "@spartacus/quote/core": ["../../feature-libs/quote/core/public_api"],
+      "@spartacus/quote": ["../../feature-libs/quote/public_api"],
+      "@spartacus/quote/occ": ["../../feature-libs/quote/occ/public_api"],
+      "@spartacus/quote/root": ["../../feature-libs/quote/root/public_api"],
       "@spartacus/requested-delivery-date/assets": [
         "../../feature-libs/requested-delivery-date/assets/public_api"
       ],

extra-webpack.config.js

@@ -53,6 +53,7 @@ module.exports = {
       '@spartacus/tracking': path.join(__dirname, 'feature-libs/tracking'),
       '@spartacus/cart': path.join(__dirname, 'feature-libs/cart'),
       '@spartacus/order': path.join(__dirname, 'feature-libs/order'),
+      '@spartacus/quote': path.join( __dirname, 'feature-libs/quote'),
       '@spartacus/epd-visualization': path.join(
         __dirname,
         'integration-libs/epd-visualization'

feature-libs/asm/tsconfig.schematics.json

@@ -406,6 +406,20 @@
       "@spartacus/qualtrics/root": [
         "../../feature-libs/qualtrics/root/public_api"
       ],
+      "@spartacus/quote/assets": ["../../feature-libs/quote/assets/public_api"],
+      "@spartacus/quote/components/cart-guard": [
+        "../../feature-libs/quote/components/cart-guard/public_api"
+      ],
+      "@spartacus/quote/components": [
+        "../../feature-libs/quote/components/public_api"
+      ],
+      "@spartacus/quote/components/request-button": [
+        "../../feature-libs/quote/components/request-button/public_api"
+      ],
+      "@spartacus/quote/core": ["../../feature-libs/quote/core/public_api"],
+      "@spartacus/quote": ["../../feature-libs/quote/public_api"],
+      "@spartacus/quote/occ": ["../../feature-libs/quote/occ/public_api"],
+      "@spartacus/quote/root": ["../../feature-libs/quote/root/public_api"],
       "@spartacus/requested-delivery-date/assets": [
         "../../feature-libs/requested-delivery-date/assets/public_api"
       ],

feature-libs/cart/base/components/abstract-order-context/abstract-order-context-source.model.ts

@@ -0,0 +1,22 @@
+/*
+ * SPDX-FileCopyrightText: 2024 SAP Spartacus team <[email protected]>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Injectable } from '@angular/core';
+
+import { AbstractOrderKey } from '@spartacus/cart/base/root';
+import { ReplaySubject } from 'rxjs';
+import { AbstractOrderContext } from './abstract-order-context.model';
+
+/**
+ * Context source for AbstractOrderContext. Default values represent the context
+ * of an active cart
+ *
+ * AbstractOrderContext should be injected in child components.
+ */
+@Injectable()
+export class AbstractOrderContextSource implements AbstractOrderContext {
+  readonly key$ = new ReplaySubject<AbstractOrderKey>(1);
+}

feature-libs/cart/base/components/abstract-order-context/abstract-order-context.directive.spec.ts

@@ -0,0 +1,93 @@
+import { Component, inject } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { tap } from 'rxjs/operators';
+import { AbstractOrderType } from '../../root/models/cart.model';
+import { AbstractOrderKeyInput } from './abstract-order-context.directive';
+import { AbstractOrderContext } from './abstract-order-context.model';
+import { AbstractOrderContextModule } from './abstract-order-context.module';
+
+const abstractOrderId = '129374';
+
+let emissionCounterKey = 0;
+
+@Component({
+  selector: 'cx-test-cmp',
+  template: `
+<span [cxAbstractOrderContext]="abstractOrderKey"><cx-test-cmp-inner/>        
+</span>`,
+})
+class TestComponent {
+  abstractOrderKey: AbstractOrderKeyInput = {
+    id: abstractOrderId,
+    type: AbstractOrderType.ORDER,
+  };
+}
+
+@Component({
+  selector: 'cx-test-cmp-inner',
+  template: `
+    <ng-container *ngIf="myKey$ | async as key">
+      {{ key.id }}
+      {{ key.type }}
+    </ng-container>
+  `,
+})
+class TestInnerComponent {
+  abstractOrderContext = inject(AbstractOrderContext, { optional: true });
+  myKey$ = this.abstractOrderContext?.key$.pipe(
+    tap(() => (emissionCounterKey = emissionCounterKey + 1))
+  );
+}
+
+describe('AbstractOrderContextDirective', () => {
+  let fixture: ComponentFixture<TestComponent>;
+  let testOuterComponent: TestComponent;
+
+  beforeEach(
+    waitForAsync(() => {
+      TestBed.configureTestingModule({
+        declarations: [TestComponent, TestInnerComponent],
+        imports: [AbstractOrderContextModule],
+        providers: [],
+      }).compileComponents();
+      emissionCounterKey = 0;
+      fixture = TestBed.createComponent(TestComponent);
+      testOuterComponent = fixture.componentInstance;
+      fixture.detectChanges();
+    })
+  );
+
+  it('should propagate abstract order ID to inner component', () => {
+    expect(fixture.nativeElement.innerHTML).toContain(abstractOrderId);
+  });
+
+  it('should propagate abstract order type to inner component', () => {
+    expect(fixture.nativeElement.innerHTML).toContain(AbstractOrderType.ORDER);
+  });
+
+  it('should propagate abstract order type to inner component for active cart type, when no id is needed', () => {
+    testOuterComponent.abstractOrderKey = {
+      type: AbstractOrderType.CART,
+    };
+    fixture.detectChanges();
+    expect(fixture.nativeElement.innerHTML).toContain(AbstractOrderType.CART);
+  });
+
+  it('should throw error if no id is specified but the abstract order type requires it', () => {
+    testOuterComponent.abstractOrderKey = {
+      type: AbstractOrderType.SAVED_CART,
+    };
+    expect(() => fixture.detectChanges()).toThrow();
+  });
+
+  it('should should emit changes context value has changed', () => {
+    expect(emissionCounterKey).toBe(1);
+
+    testOuterComponent.abstractOrderKey = {
+      id: 'newId',
+      type: AbstractOrderType.ORDER,
+    };
+    fixture.detectChanges();
+    expect(emissionCounterKey).toBe(2);
+  });
+});

feature-libs/cart/base/components/abstract-order-context/abstract-order-context.directive.ts

@@ -0,0 +1,59 @@
+/*
+ * SPDX-FileCopyrightText: 2024 SAP Spartacus team <[email protected]>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  Directive,
+  Input,
+  OnChanges,
+  SimpleChanges,
+  inject,
+} from '@angular/core';
+
+import { AbstractOrderKey, AbstractOrderType } from '@spartacus/cart/base/root';
+import { AbstractOrderContextSource } from './abstract-order-context-source.model';
+import { AbstractOrderContext } from './abstract-order-context.model';
+
+/**
+ * Consumers cannot always guarentee at design time that id is present
+ * -> we provide this 'relaxed' version of {@link AbstractOrderKey} and
+ * check at runtime if id is present for the document types that require it.
+ */
+export interface AbstractOrderKeyInput {
+  type: AbstractOrderType;
+  id?: string;
+}
+
+@Directive({
+  selector: '[cxAbstractOrderContext]',
+  providers: [
+    AbstractOrderContextSource,
+    { provide: AbstractOrderContext, useExisting: AbstractOrderContextSource },
+  ],
+})
+export class AbstractOrderContextDirective implements OnChanges {
+  @Input() cxAbstractOrderContext: AbstractOrderKeyInput;
+
+  protected abstractOrderContextSource = inject(AbstractOrderContextSource);
+
+  ngOnChanges(changes: SimpleChanges): void {
+    const contextChanges = changes.cxAbstractOrderContext;
+    if (contextChanges) {
+      let abstractOrderKey: AbstractOrderKey;
+      const type = contextChanges.currentValue.type;
+      if (type === AbstractOrderType.CART) {
+        abstractOrderKey = { type };
+      } else {
+        const id = contextChanges.currentValue.id;
+        if (id) {
+          abstractOrderKey = { type, id };
+        } else {
+          throw new Error('id required for order, quote or saved cart');
+        }
+      }
+      this.abstractOrderContextSource.key$.next(abstractOrderKey);
+    }
+  }
+}

feature-libs/cart/base/components/abstract-order-context/abstract-order-context.model.ts

@@ -0,0 +1,18 @@
+/*
+ * SPDX-FileCopyrightText: 2024 SAP Spartacus team <[email protected]>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Injectable } from '@angular/core';
+import { AbstractOrderKey } from '@spartacus/cart/base/root';
+
+import { Observable } from 'rxjs';
+
+/**
+ * Context for transporting information about an abstract order (active cart, saved cart, order, quote).
+ */
+@Injectable()
+export abstract class AbstractOrderContext {
+  readonly key$: Observable<AbstractOrderKey>;
+}

feature-libs/cart/base/components/abstract-order-context/abstract-order-context.module.ts

@@ -0,0 +1,14 @@
+/*
+ * SPDX-FileCopyrightText: 2024 SAP Spartacus team <[email protected]>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { NgModule } from '@angular/core';
+import { AbstractOrderContextDirective } from './abstract-order-context.directive';
+
+@NgModule({
+  declarations: [AbstractOrderContextDirective],
+  exports: [AbstractOrderContextDirective],
+})
+export class AbstractOrderContextModule {}

feature-libs/cart/base/components/abstract-order-context/index.ts

@@ -0,0 +1,10 @@
+/*
+ * SPDX-FileCopyrightText: 2024 SAP Spartacus team <[email protected]>
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export * from './abstract-order-context-source.model';
+export * from './abstract-order-context.directive';
+export * from './abstract-order-context.model';
+export * from './abstract-order-context.module';

feature-libs/cart/base/components/cart-shared/cart-item-list/cart-item-list.component.spec.ts

@@ -408,19 +408,45 @@ describe('CartItemListComponent', () => {
       TestBed.compileComponents();
       stubSeviceAndCreateComponent();
 
-      const setItems = spyOnProperty(component, 'items', 'set');
+      spyOn(<any>component, '_setItems').and.callThrough();
       const setLoading = spyOnProperty(component, 'setLoading', 'set');
       component.ngOnInit();
 
       expect(component.cartId).toEqual(mockContext.cartId);
       expect(component.hasHeader).toEqual(mockContext.hasHeader);
-      expect(setItems).toHaveBeenCalledWith(mockContext.items);
+      expect(component['_setItems']).toHaveBeenCalledWith(mockContext.items, {
+        forceRerender: false,
+      });
       expect(component.options).toEqual(mockContext.options);
       expect(component.promotionLocation).toEqual(
         mockContext.promotionLocation
       );
       expect(component.readonly).toEqual(mockContext.readonly);
       expect(setLoading).toHaveBeenCalledWith(mockContext.cartIsLoading);
     });
+
+    it('should mark view for check and force re-creation of item controls when outlet context emits with changed read-only flag', () => {
+      const secondMockContext = structuredClone(mockContext);
+      secondMockContext.readonly = false;
+      const context$ = of(mockContext, secondMockContext);
+      configureTestingModule().overrideProvider(OutletContextData, {
+        useValue: { context$ },
+      });
+      TestBed.compileComponents();
+      stubSeviceAndCreateComponent();
+      const control0 = component.form.get(mockItem0.entryNumber.toString());
+      const control1 = component.form.get(mockItem1.entryNumber.toString());
+      spyOn(component['cd'], 'markForCheck').and.callThrough();
+
+      component.ngOnInit();
+
+      expect(component['cd'].markForCheck).toHaveBeenCalled();
+      expect(control0).not.toBe(
+        component.form.get(mockItem0.entryNumber.toString())
+      );
+      expect(control1).not.toBe(
+        component.form.get(mockItem1.entryNumber.toString())
+      );
+    });
   });
 });