feat(checkout,demo): remove legacy and deprecated checkout code (#2752)

BREAKING CHANGE: all checkout code has been removed expect for placed order features. Migrate to features in `@daffodil/cart` and `@daffodil/order`

apps/demo/package.json

@@ -29,6 +29,7 @@
   },
   "devDependencies": {
     "@daffodil/builders": "0.0.0-PLACEHOLDER",
+    "@daffodil/authorizenet": "0.0.0-PLACEHOLDER",
     "@daffodil/auth": "0.0.0-PLACEHOLDER",
     "@daffodil/cart": "0.0.0-PLACEHOLDER",
     "@daffodil/category": "0.0.0-PLACEHOLDER",

apps/demo/src/app/app-routing.module.ts

@@ -15,13 +15,10 @@ import {
   DaffProductPageUrlResolver,
 } from '@daffodil/product/routing';
 
-import { EmptyCartResolver } from './cart/routing-resolvers/resolvers/empty-cart-resolver.service';
-import { CheckoutViewComponent } from './checkout/pages/checkout-view/checkout-view.component';
 import { TemplateComponent } from './core/template/template/template.component';
 import { NotFoundComponent } from './misc/not-found/not-found.component';
 import { ProductGridViewComponent } from './product/pages/product-grid-view/product-grid-view.component';
 import { ProductViewComponent } from './product/pages/product-view/product-view.component';
-import { ThankYouViewComponent } from './thank-you/pages/thank-you-view.component';
 
 export const appRoutes: Routes = [
   {

apps/demo/src/app/app.module.ts

@@ -3,19 +3,27 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { EffectsModule } from '@ngrx/effects';
+import { provideRouterStore } from '@ngrx/router-store';
 import { StoreModule } from '@ngrx/store';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
 
+import {
+  DaffAuthorizeNetPaymentStateModule,
+  DaffAuthorizeNetStateModule,
+} from '@daffodil/authorizenet/state';
+import { daffCartProvideRetrievalActions } from '@daffodil/cart/state';
+import { DaffPaymentStateModule } from '@daffodil/payment/state';
+
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { DemoCartRootModule } from './cart/cart-root.module';
 import { CategoryModule } from './category/category.module';
+import { DemoCheckoutStepActionTypes } from './checkout/actions/checkout-step.actions';
 import { TemplateModule } from './core/template/template/template.module';
 import { DemoDriverMap } from './drivers/map';
 import { NotFoundModule } from './misc/not-found/not-found.module';
 import { ProductModule } from './product/product.module';
 import { DemoRoutingComponentModule } from './routing/routing-component.module';
-import { ThankYouModule } from './thank-you/thank-you.module';
 import { environment } from '../environments/environment';
 
 @NgModule({
@@ -44,11 +52,26 @@ import { environment } from '../environments/environment';
     DemoCartRootModule,
     ProductModule,
     CategoryModule,
-    ThankYouModule,
     TemplateModule,
     NotFoundModule,
+    DaffAuthorizeNetPaymentStateModule,
+    DaffAuthorizeNetStateModule,
+    DaffPaymentStateModule,
+  ],
+  providers: [
+    daffCartProvideRetrievalActions(
+      {
+        type: DemoCheckoutStepActionTypes.CompleteAddressStepSuccessAction,
+      },
+      {
+        type: DemoCheckoutStepActionTypes.CompleteShippingStepSuccessAction,
+      },
+      {
+        type: DemoCheckoutStepActionTypes.CompleteBillingStepSuccessAction,
+      },
+    ),
+    provideRouterStore(),
   ],
-  providers: [],
   bootstrap: [AppComponent],
 })
 export class DemoModule {}

apps/demo/src/app/checkout/actions/checkout-step.actions.ts

@@ -0,0 +1,101 @@
+import { Action } from '@ngrx/store';
+
+import { DaffAuthorizenetPaymentRequest } from '@daffodil/authorizenet';
+import { DaffCart } from '@daffodil/cart';
+import {
+  DaffCartPaymentUpdateFailure,
+  DaffCartPaymentUpdateSuccess,
+  DaffCartShippingAddressUpdate,
+  DaffCartShippingAddressUpdateFailure,
+  DaffCartShippingAddressUpdateSuccess,
+  DaffCartShippingInformationUpdate,
+  DaffCartShippingInformationUpdateFailure,
+  DaffCartShippingInformationUpdateSuccess,
+} from '@daffodil/cart/state';
+import { DaffIdentifiable } from '@daffodil/core';
+import { DaffStateError } from '@daffodil/core/state';
+import { DaffPersonalAddress } from '@daffodil/geography';
+import { DaffPaymentRequest } from '@daffodil/payment';
+import { DaffPaymentGenerateToken } from '@daffodil/payment/state';
+
+export enum DemoCheckoutStepActionTypes {
+  CompleteAddressStepAction = '[@daffodil/demo] Checkout Complete Address Step Action',
+  CompleteAddressStepSuccessAction = '[@daffodil/demo] Checkout Complete Address Step Success Action',
+  CompleteAddressStepFailureAction = '[@daffodil/demo] Checkout Complete Address Step Failure Action',
+
+  CompleteShippingStepAction = '[@daffodil/demo] Checkout Complete Shipping Step Action',
+  CompleteShippingStepSuccessAction = '[@daffodil/demo] Checkout Complete Shipping Step Success Action',
+  CompleteShippingStepFailureAction = '[@daffodil/demo] Checkout Complete Shipping Step Failure Action',
+
+  CompleteBillingStepAction = '[@daffodil/demo] Checkout Complete Billing Step Action',
+  CompleteBillingStepSuccessAction = '[@daffodil/demo] Checkout Complete Billing Step Success Action',
+  CompleteBillingStepFailureAction = '[@daffodil/demo] Checkout Complete Billing Step Failure Action',
+}
+
+export class DemoCompleteAddressStep implements Action, Omit<DaffCartShippingAddressUpdate, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteAddressStepAction;
+
+  constructor(public payload: DaffCart['shipping_address']) {}
+}
+
+export class DemoCompleteAddressStepSuccess implements Action, Omit<DaffCartShippingAddressUpdateSuccess, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteAddressStepSuccessAction;
+
+  constructor(public payload: Partial<DaffCart>) {}
+}
+
+export class DemoCompleteAddressStepFailure implements Action, Omit<DaffCartShippingAddressUpdateFailure, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteAddressStepFailureAction;
+
+  constructor(public payload: Array<DaffStateError>) {}
+}
+
+export class DemoCompleteShippingStep implements Action, Omit<DaffCartShippingInformationUpdate, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteShippingStepAction;
+
+  constructor(public payload: DaffCart['shipping_information']) {}
+}
+
+export class DemoCompleteShippingStepSuccess implements Action, Omit<DaffCartShippingInformationUpdateSuccess, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteShippingStepSuccessAction;
+
+  constructor(public payload: Partial<DaffCart>) {}
+}
+
+export class DemoCompleteShippingStepFailure implements Action, Omit<DaffCartShippingInformationUpdateFailure, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteShippingStepFailureAction;
+
+  constructor(public payload: Array<DaffStateError>) {}
+}
+
+export class DemoCompleteBillingStep implements DaffPaymentGenerateToken<DaffAuthorizenetPaymentRequest> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteBillingStepAction;
+
+  constructor(
+    public request: DaffAuthorizenetPaymentRequest,
+    public address?: DaffPersonalAddress | DaffIdentifiable,
+  ) {}
+}
+
+export class DemoCompleteBillingStepSuccess implements Action, Omit<DaffCartPaymentUpdateSuccess, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteBillingStepSuccessAction;
+
+  constructor(public payload: Partial<DaffCart>) {}
+}
+
+export class DemoCompleteBillingStepFailure implements Action, Omit<DaffCartPaymentUpdateFailure, keyof Action> {
+  readonly type = DemoCheckoutStepActionTypes.CompleteBillingStepFailureAction;
+
+  constructor(public payload: Array<DaffStateError>) {}
+}
+
+export type DemoCheckoutStepActions =
+  | DemoCompleteAddressStep
+  | DemoCompleteAddressStepSuccess
+  | DemoCompleteAddressStepFailure
+  | DemoCompleteShippingStep
+  | DemoCompleteShippingStepSuccess
+  | DemoCompleteShippingStepFailure
+  | DemoCompleteBillingStep
+  | DemoCompleteBillingStepSuccess
+  | DemoCompleteBillingStepFailure;

apps/demo/src/app/checkout/checkout-routing.module.ts

@@ -1,30 +1,54 @@
-import { NgModule } from '@angular/core';
 import {
+  NgModule,
+  inject,
+} from '@angular/core';
+import {
+  ActivatedRouteSnapshot,
   RouterModule,
+  RouterStateSnapshot,
   Routes,
 } from '@angular/router';
 
-import { CheckoutViewComponent } from './pages/checkout-view/checkout-view.component';
-import { EmptyCartResolver } from '../cart/routing-resolvers/resolvers/empty-cart-resolver.service';
+import {
+  DaffCartInStockItemsGuard,
+  DaffCartItemsGuard,
+  DaffCartRoutingModule,
+  DaffResolveCartGuard,
+} from '@daffodil/cart/routing';
+import { daffRouterComposeGuards } from '@daffodil/router';
+
+import { DemoCheckoutViewComponent } from './pages/checkout-view/checkout-view.component';
 import { ThankYouViewComponent } from '../thank-you/pages/thank-you-view.component';
 
 const routes: Routes = [
   {
     path: '',
     pathMatch: 'full',
     children: [
-      { path: '', component: CheckoutViewComponent },
+      { path: '', component: DemoCheckoutViewComponent },
       { path: 'thank-you', component: ThankYouViewComponent },
     ],
-    resolve: {
-      cartItem: EmptyCartResolver,
-    },
+    canActivate: [
+      (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) => {
+        const resolveCart = inject(DaffResolveCartGuard);
+        const cartItems = inject(DaffCartItemsGuard);
+        const inStock = inject(DaffCartInStockItemsGuard);
+
+        return daffRouterComposeGuards([
+          resolveCart.canActivate.bind(resolveCart),
+        ], [
+          cartItems.canActivate.bind(cartItems),
+          inStock.canActivate.bind(inStock),
+        ])(route, state);
+      },
+    ],
   },
 ];
 
 @NgModule({
   imports: [
     RouterModule.forChild(routes),
+    DaffCartRoutingModule,
   ],
   exports: [
     RouterModule,

apps/demo/src/app/checkout/checkout-state.module.ts

@@ -1,17 +1,12 @@
 import { NgModule } from '@angular/core';
 import { EffectsModule } from '@ngrx/effects';
-import { StoreModule } from '@ngrx/store';
 
 import { CheckoutEffects } from './effects/checkout.effects';
-import { reducers } from './reducers';
-import { CartResolverEffects } from '../cart/routing-resolvers/effects/cart-resolver.effects';
 
 @NgModule({
   imports: [
-    StoreModule.forFeature('demoCheckout', reducers),
     EffectsModule.forFeature([
       CheckoutEffects,
-      CartResolverEffects,
     ]),
   ],
 })

apps/demo/src/app/checkout/checkout.module.ts

@@ -2,39 +2,26 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
 import { DaffCartStateModule } from '@daffodil/cart/state';
-import { StateCheckoutModule } from '@daffodil/checkout';
 import { DaffAccordionModule } from '@daffodil/design/accordion';
 import { DaffContainerModule } from '@daffodil/design/container';
 import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
 
 import { CheckoutRoutingModule } from './checkout-routing.module';
 import { DemoCheckoutStateModule } from './checkout-state.module';
-import { PaymentModule } from './components/payment/payment/payment.module';
 import { PlaceOrderModule } from './components/place-order/place-order.module';
-import { ShippingModule } from './components/shipping/shipping/shipping.module';
-import { CheckoutViewComponent } from './pages/checkout-view/checkout-view.component';
 import { CartSummaryWrapperModule } from '../cart/components/cart-summary-wrapper/cart-summary-wrapper.module';
 
 @NgModule({
   imports: [
     CommonModule,
-    StateCheckoutModule,
     DaffCartStateModule,
     DaffLoadingIconModule,
     DemoCheckoutStateModule,
     CartSummaryWrapperModule,
-    ShippingModule,
-    PaymentModule,
     PlaceOrderModule,
     DaffAccordionModule,
     DaffContainerModule,
     CheckoutRoutingModule,
   ],
-  declarations: [
-    CheckoutViewComponent,
-  ],
-  exports: [
-    CheckoutViewComponent,
-  ],
 })
 export class CheckoutModule { }