@rolatech/angular-checkout 19.0.0-beta.10

package/README.md

@@ -0,0 +1,7 @@
+# angular-checkout
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test angular-checkout` to execute the unit tests.

package/fesm2022/rolatech-angular-checkout.mjs

@@ -0,0 +1,353 @@
+import * as i0 from '@angular/core';
+import { inject, Component, input, output, computed, booleanAttribute, model, ViewEncapsulation } from '@angular/core';
+import { BaseComponent, ThumbnailComponent, ContainerComponent, ToolbarComponent } from '@rolatech/angular-components';
+import { AuthUserService } from '@rolatech/angular-auth';
+import { CourseService, CourseType } from '@rolatech/angular-course';
+import { OrderService, ProductService, CartService, TitleService } from '@rolatech/angular-services';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { FixedPipe, OptionsFormatPipe } from '@rolatech/angular-common';
+import { ProductType } from '@rolatech/angular-product';
+import * as i4 from '@angular/cdk/text-field';
+import { TextFieldModule } from '@angular/cdk/text-field';
+import * as i2$1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { MatIcon } from '@angular/material/icon';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { sumBy, uniq, map } from 'lodash';
+import { Router } from '@angular/router';
+
+class CheckoutCourseComponent extends BaseComponent {
+    courseService = inject(CourseService);
+    orderService = inject(OrderService);
+    authUserService = inject(AuthUserService);
+    course;
+    type = CourseType;
+    purchased = false;
+    ngOnInit() {
+        this.findCourse();
+        this.findPurchasedByCourseId();
+    }
+    createOrder() {
+        this.orderService.create({ productId: this.id, type: 'COURSE' }).subscribe({
+            next: (res) => {
+                this.router.navigateByUrl(`/orders/${res.data.id}`);
+            },
+            error: (error) => {
+                this.snackBarService.open(error.message);
+            },
+        });
+    }
+    findCourse() {
+        this.courseService.get(this.id).subscribe({
+            next: (res) => {
+                this.course = res.data;
+                this.titleService.setTitle(`订单确认 - ${this.course.name}`);
+            },
+        });
+    }
+    findPurchasedByCourseId() {
+        this.courseService.findPurchasedByCourseId(this.id).subscribe({
+            next: (res) => {
+                this.purchased = res.data ? true : false;
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutCourseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: CheckoutCourseComponent, isStandalone: true, selector: "rolatech-checkout-course", usesInheritance: true, ngImport: i0, template: "@if (course) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"\u8BA2\u5355\u786E\u8BA4\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">\u8BFE\u7A0B\u4FE1\u606F</div>\n          @if (course) {\n            <div>\n              <div class=\"flex justify-between py-3\">\n                <div class=\"flex w-full\">\n                  <div class=\"w-1/4 aspect-video bg-[--rt-raised-background] h-fit\">\n                    @if (course.media) {\n                      <div class=\"object-cover aspect-video rounded-lg\">\n                        @defer (on viewport()) {\n                          <rolatech-thumbnail [src]=\"course.media[0].url + '!w400'\" size=\"medium\"> </rolatech-thumbnail>\n                        } @placeholder {\n                          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\"></div>\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n                    <span class=\"font-medium\">{{ course.name }}</span>\n                    <span class=\"text-sm text-[--rt-text-secondary]\">\u7C7B\u578B {{ type[course.type] }}</span>\n                  </div>\n                </div>\n                <div>\u00A5{{ course.pricing[0].total | fixed }}</div>\n              </div>\n              @if (course.schedule) {\n                <div class=\"flex justify-between py-3\">\n                  <span>\u5F00\u8BFE\u65E5\u671F</span>\n                  <span>{{ course.schedule[0].startAt }}</span>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"md:w-1/3\">\n        <div class=\"text-2xl font-medium mb-2\">\u7EDF\u8BA1</div>\n        <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n          <div class=\"flex justify-between py-2 pb-32 md:pb-3\">\n            <span> \u8BA2\u5355\u91D1\u989D </span>\n            <span> \u00A5{{ course.pricing[0].total | fixed }} </span>\n          </div>\n          <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n            <div>\n              <div class=\"flex justify-between\">\n                <span class=\"text-lg font-medium\">\u603B\u8BA1</span>\n                <span>\u00A5{{ course.pricing[0].total | fixed }}</span>\n              </div>\n              <a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"createOrder()\">\u63D0\u4EA4\u8BA2\u5355</a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </rolatech-container>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: FixedPipe, name: "fixed" }], deferBlockDependencies: [() => [ThumbnailComponent]] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutCourseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-checkout-course', imports: [ContainerComponent, ToolbarComponent, ThumbnailComponent, MatButtonModule, FixedPipe], template: "@if (course) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"\u8BA2\u5355\u786E\u8BA4\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">\u8BFE\u7A0B\u4FE1\u606F</div>\n          @if (course) {\n            <div>\n              <div class=\"flex justify-between py-3\">\n                <div class=\"flex w-full\">\n                  <div class=\"w-1/4 aspect-video bg-[--rt-raised-background] h-fit\">\n                    @if (course.media) {\n                      <div class=\"object-cover aspect-video rounded-lg\">\n                        @defer (on viewport()) {\n                          <rolatech-thumbnail [src]=\"course.media[0].url + '!w400'\" size=\"medium\"> </rolatech-thumbnail>\n                        } @placeholder {\n                          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\"></div>\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n                    <span class=\"font-medium\">{{ course.name }}</span>\n                    <span class=\"text-sm text-[--rt-text-secondary]\">\u7C7B\u578B {{ type[course.type] }}</span>\n                  </div>\n                </div>\n                <div>\u00A5{{ course.pricing[0].total | fixed }}</div>\n              </div>\n              @if (course.schedule) {\n                <div class=\"flex justify-between py-3\">\n                  <span>\u5F00\u8BFE\u65E5\u671F</span>\n                  <span>{{ course.schedule[0].startAt }}</span>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"md:w-1/3\">\n        <div class=\"text-2xl font-medium mb-2\">\u7EDF\u8BA1</div>\n        <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n          <div class=\"flex justify-between py-2 pb-32 md:pb-3\">\n            <span> \u8BA2\u5355\u91D1\u989D </span>\n            <span> \u00A5{{ course.pricing[0].total | fixed }} </span>\n          </div>\n          <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n            <div>\n              <div class=\"flex justify-between\">\n                <span class=\"text-lg font-medium\">\u603B\u8BA1</span>\n                <span>\u00A5{{ course.pricing[0].total | fixed }}</span>\n              </div>\n              <a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"createOrder()\">\u63D0\u4EA4\u8BA2\u5355</a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </rolatech-container>\n}\n" }]
+        }] });
+
+class CheckoutActionComponent {
+    title = input('提交订单');
+    create = output();
+    onCreate() {
+        this.create.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.2", type: CheckoutActionComponent, isStandalone: true, selector: "rolatech-checkout-action", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { create: "create" }, ngImport: i0, template: "<a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"onCreate()\">{{ title() }}</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-checkout-action', imports: [CommonModule, MatButtonModule], template: "<a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"onCreate()\">{{ title() }}</a>\n" }]
+        }] });
+
+class CheckoutSummaryComponent {
+    deposit = input(0);
+    total = input.required();
+    quantity = input(1);
+    // totalDisplay = computed(() => {
+    //   return ((this.total() / 100) * this.quantity()).toFixed(2);
+    // });
+    depositDisplay = computed(() => {
+        return (this.deposit() / 100).toFixed(2);
+    });
+    remainingDisplay = computed(() => {
+        return ((this.total() - this.deposit()) / 100).toFixed(2);
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: CheckoutSummaryComponent, isStandalone: true, selector: "rolatech-checkout-summary", inputs: { deposit: { classPropertyName: "deposit", publicName: "deposit", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, quantity: { classPropertyName: "quantity", publicName: "quantity", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"text-2xl font-medium mb-2\">\u7EDF\u8BA1</div>\n<div class=\"divide-y divide-[--rt-10-percent-layer] pb-32 md:pb-3\">\n  @if (deposit()) {\n    <div class=\"flex justify-between py-2\">\n      <span>\u5B9A\u91D1</span>\n      <span> \u00A5{{ depositDisplay() }} </span>\n    </div>\n    <div class=\"flex justify-between py-2\">\n      <span> \u5C3E\u6B3E </span>\n      <span> \u00A5{{ remainingDisplay() }} </span>\n    </div>\n  } @else {\n    <div class=\"flex justify-between py-2\">\n      <span> \u5546\u54C1\u6570\u91CF </span>\n      <span> {{ quantity() }}\u4EF6 </span>\n    </div>\n    <div class=\"flex justify-between py-2\">\n      <span> \u5E94\u4ED8\u91D1\u989D </span>\n      <span> \u00A5{{ total() | fixed }} </span>\n    </div>\n  }\n  <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n    <div>\n      <div class=\"flex justify-between\">\n        <span class=\"text-lg font-medium\">\u603B\u8BA1</span>\n        <span>\u00A5{{ total() | fixed }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: FixedPipe, name: "fixed" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutSummaryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-checkout-summary', imports: [CommonModule, FixedPipe], template: "<div class=\"text-2xl font-medium mb-2\">\u7EDF\u8BA1</div>\n<div class=\"divide-y divide-[--rt-10-percent-layer] pb-32 md:pb-3\">\n  @if (deposit()) {\n    <div class=\"flex justify-between py-2\">\n      <span>\u5B9A\u91D1</span>\n      <span> \u00A5{{ depositDisplay() }} </span>\n    </div>\n    <div class=\"flex justify-between py-2\">\n      <span> \u5C3E\u6B3E </span>\n      <span> \u00A5{{ remainingDisplay() }} </span>\n    </div>\n  } @else {\n    <div class=\"flex justify-between py-2\">\n      <span> \u5546\u54C1\u6570\u91CF </span>\n      <span> {{ quantity() }}\u4EF6 </span>\n    </div>\n    <div class=\"flex justify-between py-2\">\n      <span> \u5E94\u4ED8\u91D1\u989D </span>\n      <span> \u00A5{{ total() | fixed }} </span>\n    </div>\n  }\n  <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n    <div>\n      <div class=\"flex justify-between\">\n        <span class=\"text-lg font-medium\">\u603B\u8BA1</span>\n        <span>\u00A5{{ total() | fixed }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }] });
+
+class CheckoutItemComponent {
+    selectable = input(false, { transform: booleanAttribute });
+    thumbnail = input();
+    name = input();
+    selected = model(false);
+    description = input();
+    quantity = model(1);
+    price = input.required();
+    max = input();
+    priceDisplay = computed(() => {
+        return (this.price() / 100).toFixed(2);
+    });
+    add = output();
+    remove = output();
+    delete = output();
+    toggleSelect = output();
+    onAdd() {
+        this.quantity.update((item) => item + 1);
+        this.add.emit();
+    }
+    onRemove() {
+        this.quantity.update((item) => item - 1);
+        this.remove.emit();
+    }
+    onDelete() {
+        this.delete.emit();
+    }
+    onToggleSelect() {
+        this.selected.update((item) => !item);
+        console.log(this.selected());
+        this.toggleSelect.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: CheckoutItemComponent, isStandalone: true, selector: "rolatech-checkout-item", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, thumbnail: { classPropertyName: "thumbnail", publicName: "thumbnail", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, quantity: { classPropertyName: "quantity", publicName: "quantity", isSignal: true, isRequired: false, transformFunction: null }, price: { classPropertyName: "price", publicName: "price", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", quantity: "quantityChange", add: "add", remove: "remove", delete: "delete", toggleSelect: "toggleSelect" }, ngImport: i0, template: "<div class=\"flex justify-between py-3\">\n  <div class=\"flex w-full\">\n    @if (selectable()) {\n      <mat-checkbox [checked]=\"selected()\" (change)=\"onToggleSelect()\" (click)=\"$event.stopPropagation()\"></mat-checkbox>\n    }\n    <div class=\"w-1/4 aspect-video bg-[--rt-raised-background] rounded-lg h-fit\">\n      <div class=\"object-cover aspect-video\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"thumbnail()\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video\"></div>\n        }\n      </div>\n    </div>\n    <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n      <!-- info -->\n      <div class=\"flex justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"text-lg font-bold line-clamp-1\">{{ name() }}</span>\n          <span class=\"text-sm text-[--rt-text-secondary] mt-2 line-clamp-2\">{{ description() }}</span>\n        </div>\n        <div class=\"p-1\">\u00A5{{ priceDisplay() }}</div>\n      </div>\n      <!-- action -->\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"flex items-center text-sm\">\n          <span class=\"mr-3\">\u6570\u91CF</span>\n          <button mat-icon-button (click)=\"onRemove()\" [disabled]=\"quantity() === 1\">\n            <mat-icon>remove</mat-icon>\n          </button>\n          <span class=\"w-11 text-center\">{{ quantity() }}</span>\n          <button mat-icon-button (click)=\"onAdd()\" [disabled]=\"quantity() === max()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </div>\n        <button mat-icon-button (click)=\"onDelete()\">\n          <mat-icon>delete</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-icon{scale:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], deferBlockDependencies: [() => [import('@rolatech/angular-components').then(m => m.ThumbnailComponent)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: CheckoutItemComponent, resolveDeferredDeps: () => [import('@rolatech/angular-components').then(m => m.ThumbnailComponent)], resolveMetadata: ThumbnailComponent => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'rolatech-checkout-item', imports: [CommonModule, ThumbnailComponent, MatIcon, MatButtonModule, MatCheckboxModule], template: "<div class=\"flex justify-between py-3\">\n  <div class=\"flex w-full\">\n    @if (selectable()) {\n      <mat-checkbox [checked]=\"selected()\" (change)=\"onToggleSelect()\" (click)=\"$event.stopPropagation()\"></mat-checkbox>\n    }\n    <div class=\"w-1/4 aspect-video bg-[--rt-raised-background] rounded-lg h-fit\">\n      <div class=\"object-cover aspect-video\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"thumbnail()\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video\"></div>\n        }\n      </div>\n    </div>\n    <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n      <!-- info -->\n      <div class=\"flex justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"text-lg font-bold line-clamp-1\">{{ name() }}</span>\n          <span class=\"text-sm text-[--rt-text-secondary] mt-2 line-clamp-2\">{{ description() }}</span>\n        </div>\n        <div class=\"p-1\">\u00A5{{ priceDisplay() }}</div>\n      </div>\n      <!-- action -->\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"flex items-center text-sm\">\n          <span class=\"mr-3\">\u6570\u91CF</span>\n          <button mat-icon-button (click)=\"onRemove()\" [disabled]=\"quantity() === 1\">\n            <mat-icon>remove</mat-icon>\n          </button>\n          <span class=\"w-11 text-center\">{{ quantity() }}</span>\n          <button mat-icon-button (click)=\"onAdd()\" [disabled]=\"quantity() === max()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </div>\n        <button mat-icon-button (click)=\"onDelete()\">\n          <mat-icon>delete</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-icon{scale:.7}\n"] }]
+            }], ctorParameters: null, propDecorators: null }) });
+
+class CheckoutProductComponent extends BaseComponent {
+    productService = inject(ProductService);
+    cartService = inject(CartService);
+    orderService = inject(OrderService);
+    authUserService = inject(AuthUserService);
+    product;
+    type = ProductType;
+    quantity = 1;
+    note = '';
+    address = {};
+    ngOnInit() {
+        this.getProduct();
+    }
+    createOrder() {
+        this.orderService
+            .create({ type: 'PRODUCT', productId: this.id, note: this.note, shippingAddress: this.address, quantity: this.quantity })
+            .subscribe({
+            next: (res) => {
+                this.router.navigateByUrl(`/orders/${res.data.id}`);
+            },
+            error: (error) => {
+                this.snackBarService.open(error.message);
+            },
+        });
+    }
+    getProduct() {
+        this.productService.get(this.id).subscribe({
+            next: (res) => {
+                this.product = res.data;
+                this.titleService.setTitle(`订单确认 - ${this.product.name}`);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutProductComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: CheckoutProductComponent, isStandalone: true, selector: "rolatech-checkout-product", usesInheritance: true, ngImport: i0, template: "@if (product) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"\u8BA2\u5355\u786E\u8BA4\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">\u5546\u54C1\u4FE1\u606F</div>\n          <rolatech-checkout-item\n            [name]=\"product.name\"\n            [description]=\"product.description\"\n            [thumbnail]=\"product.media[0].url + '!w200'\"\n            [price]=\"product.price\"\n            [(quantity)]=\"quantity\"\n          ></rolatech-checkout-item>\n        </div>\n        <div>\n          <div class=\"text-md py-2\">\u6536\u8D27\u4EBA\u4FE1\u606F</div>\n          <div class=\"flex flex-col md:flex-row gap-2\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u59D3\u540D</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.name\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u7535\u8BDD</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.phone\" />\n            </mat-form-field>\n          </div>\n          <div class=\"flex flex-col md:flex-row gap-2\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u7701\u4EFD</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.province\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u57CE\u5E02</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.city\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u5730\u533A</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.district\" />\n            </mat-form-field>\n          </div>\n\n          <mat-form-field appearance=\"fill\">\n            <mat-label>\u8BE6\u7EC6\u5730\u5740</mat-label>\n            <textarea matInput type=\"text\" [(ngModel)]=\"address.detail\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n        <div>\n          <div class=\"text-md\">\u5907\u6CE8</div>\n          <mat-form-field appearance=\"fill\">\n            <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n      </div>\n      <div class=\"md:w-1/3\">\n        @if (product.priceType && product.priceType.toString() === 'PARTIAL') {\n          <rolatech-checkout-summary [total]=\"product.price\" [deposit]=\"product.deposit\"></rolatech-checkout-summary>\n        } @else {\n          <rolatech-checkout-summary [total]=\"product.price\" [quantity]=\"quantity\"></rolatech-checkout-summary>\n        }\n        <rolatech-checkout-action\n          (create)=\"createOrder()\"\n          [title]=\"product.priceType && product.priceType.toString() === 'FIXED' ? '\u63D0\u4EA4\u8BA2\u5355' : '\u63D0\u4EA4\u8BA2\u5355'\"\n        ></rolatech-checkout-action>\n      </div>\n    </div>\n  </rolatech-container>\n}\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: CheckoutSummaryComponent, selector: "rolatech-checkout-summary", inputs: ["deposit", "total", "quantity"] }, { kind: "component", type: CheckoutItemComponent, selector: "rolatech-checkout-item", inputs: ["selectable", "thumbnail", "name", "selected", "description", "quantity", "price", "max"], outputs: ["selectedChange", "quantityChange", "add", "remove", "delete", "toggleSelect"] }, { kind: "component", type: CheckoutActionComponent, selector: "rolatech-checkout-action", inputs: ["title"], outputs: ["create"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutProductComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-checkout-product', imports: [
+                        ContainerComponent,
+                        ToolbarComponent,
+                        MatButtonModule,
+                        CheckoutSummaryComponent,
+                        CheckoutItemComponent,
+                        CheckoutActionComponent,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        TextFieldModule,
+                    ], encapsulation: ViewEncapsulation.None, template: "@if (product) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"\u8BA2\u5355\u786E\u8BA4\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">\u5546\u54C1\u4FE1\u606F</div>\n          <rolatech-checkout-item\n            [name]=\"product.name\"\n            [description]=\"product.description\"\n            [thumbnail]=\"product.media[0].url + '!w200'\"\n            [price]=\"product.price\"\n            [(quantity)]=\"quantity\"\n          ></rolatech-checkout-item>\n        </div>\n        <div>\n          <div class=\"text-md py-2\">\u6536\u8D27\u4EBA\u4FE1\u606F</div>\n          <div class=\"flex flex-col md:flex-row gap-2\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u59D3\u540D</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.name\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u7535\u8BDD</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.phone\" />\n            </mat-form-field>\n          </div>\n          <div class=\"flex flex-col md:flex-row gap-2\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u7701\u4EFD</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.province\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u57CE\u5E02</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.city\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>\u5730\u533A</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.district\" />\n            </mat-form-field>\n          </div>\n\n          <mat-form-field appearance=\"fill\">\n            <mat-label>\u8BE6\u7EC6\u5730\u5740</mat-label>\n            <textarea matInput type=\"text\" [(ngModel)]=\"address.detail\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n        <div>\n          <div class=\"text-md\">\u5907\u6CE8</div>\n          <mat-form-field appearance=\"fill\">\n            <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n      </div>\n      <div class=\"md:w-1/3\">\n        @if (product.priceType && product.priceType.toString() === 'PARTIAL') {\n          <rolatech-checkout-summary [total]=\"product.price\" [deposit]=\"product.deposit\"></rolatech-checkout-summary>\n        } @else {\n          <rolatech-checkout-summary [total]=\"product.price\" [quantity]=\"quantity\"></rolatech-checkout-summary>\n        }\n        <rolatech-checkout-action\n          (create)=\"createOrder()\"\n          [title]=\"product.priceType && product.priceType.toString() === 'FIXED' ? '\u63D0\u4EA4\u8BA2\u5355' : '\u63D0\u4EA4\u8BA2\u5355'\"\n        ></rolatech-checkout-action>\n      </div>\n    </div>\n  </rolatech-container>\n}\n", styles: ["mat-form-field{width:100%}\n"] }]
+        }] });
+
+class CheckoutShippingComponent {
+    address = model();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutShippingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.2", type: CheckoutShippingComponent, isStandalone: true, selector: "rolatech-checkout-shipping", inputs: { address: { classPropertyName: "address", publicName: "address", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { address: "addressChange" }, ngImport: i0, template: "<div>\n  <div class=\"text-md py-2\">\u6536\u8D27\u4EBA\u4FE1\u606F</div>\n  <div class=\"flex flex-col md:flex-row gap-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u59D3\u540D</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().name\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u7535\u8BDD</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().phone\" />\n    </mat-form-field>\n  </div>\n  <div class=\"flex flex-col md:flex-row gap-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u7701\u4EFD</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().province\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u57CE\u5E02</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().city\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u5730\u533A</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().district\" />\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\">\n    <mat-label>\u8BE6\u7EC6\u5730\u5740</mat-label>\n    <textarea matInput type=\"text\" [(ngModel)]=\"address().detail\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n  </mat-form-field>\n</div>\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutShippingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-checkout-shipping', imports: [FormsModule, MatFormFieldModule, MatInputModule, TextFieldModule], template: "<div>\n  <div class=\"text-md py-2\">\u6536\u8D27\u4EBA\u4FE1\u606F</div>\n  <div class=\"flex flex-col md:flex-row gap-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u59D3\u540D</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().name\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u7535\u8BDD</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().phone\" />\n    </mat-form-field>\n  </div>\n  <div class=\"flex flex-col md:flex-row gap-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u7701\u4EFD</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().province\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u57CE\u5E02</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().city\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>\u5730\u533A</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().district\" />\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\">\n    <mat-label>\u8BE6\u7EC6\u5730\u5740</mat-label>\n    <textarea matInput type=\"text\" [(ngModel)]=\"address().detail\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n  </mat-form-field>\n</div>\n", styles: ["mat-form-field{width:100%}\n"] }]
+        }] });
+
+class CheckoutProductVariantComponent extends BaseComponent {
+    productService = inject(ProductService);
+    orderService = inject(OrderService);
+    cartService = inject(CartService);
+    product;
+    variant;
+    variantId = '';
+    quantity = 1;
+    address = {};
+    note = '';
+    constructor() {
+        super();
+        this.variantId = this.route.snapshot.params['variant-id'];
+    }
+    ngOnInit() {
+        this.getProduct();
+    }
+    getProduct() {
+        this.productService.get(this.id).subscribe({
+            next: (res) => {
+                this.product = res.data;
+                this.variant = res.data.variants.find((item) => item.id === this.variantId);
+                this.titleService.setTitle(`订单确认 - ${this.product.name}`);
+            },
+        });
+    }
+    createOrder() {
+        this.orderService
+            .create({
+            type: 'PRODUCT',
+            variantId: this.variant.id,
+            shippingAddress: this.address,
+            note: this.note,
+            quantity: this.quantity,
+        })
+            .subscribe({
+            next: (res) => {
+                this.router.navigateByUrl(`/orders/${res.data.id}`);
+            },
+            error: (error) => {
+                this.snackBarService.open(error.message);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutProductVariantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: CheckoutProductVariantComponent, isStandalone: true, selector: "rolatech-checkout-product-variant", usesInheritance: true, ngImport: i0, template: "@if (variant) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"\u8BA2\u5355\u786E\u8BA4\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">\u5546\u54C1\u4FE1\u606F</div>\n          <rolatech-checkout-item\n            [name]=\"variant.title ? variant.title : product.name\"\n            [description]=\"variant.options | options\"\n            [thumbnail]=\"variant.media ? variant.media[0].url + '!w200' : product.media[0].url + '!w200'\"\n            [price]=\"variant.price\"\n            [(quantity)]=\"quantity\"\n            [max]=\"3\"\n          ></rolatech-checkout-item>\n        </div>\n        <div>\n          <rolatech-checkout-shipping [address]=\"address\"></rolatech-checkout-shipping>\n        </div>\n        <div>\n          <div class=\"text-md\">\u5907\u6CE8</div>\n          <mat-form-field appearance=\"fill\">\n            <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n      </div>\n\n      <div class=\"md:w-1/3\">\n        <rolatech-checkout-summary\n          [total]=\"variant.price * quantity\"\n          [deposit]=\"product.deposit\"\n          [quantity]=\"quantity\"\n        ></rolatech-checkout-summary>\n        <rolatech-checkout-action (create)=\"createOrder()\"></rolatech-checkout-action>\n      </div>\n    </div>\n  </rolatech-container>\n}\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: CheckoutShippingComponent, selector: "rolatech-checkout-shipping", inputs: ["address"], outputs: ["addressChange"] }, { kind: "component", type: CheckoutSummaryComponent, selector: "rolatech-checkout-summary", inputs: ["deposit", "total", "quantity"] }, { kind: "component", type: CheckoutItemComponent, selector: "rolatech-checkout-item", inputs: ["selectable", "thumbnail", "name", "selected", "description", "quantity", "price", "max"], outputs: ["selectedChange", "quantityChange", "add", "remove", "delete", "toggleSelect"] }, { kind: "component", type: CheckoutActionComponent, selector: "rolatech-checkout-action", inputs: ["title"], outputs: ["create"] }, { kind: "pipe", type: OptionsFormatPipe, name: "options" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutProductVariantComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-checkout-product-variant', imports: [
+                        ContainerComponent,
+                        ToolbarComponent,
+                        MatButtonModule,
+                        CheckoutShippingComponent,
+                        CheckoutSummaryComponent,
+                        CheckoutItemComponent,
+                        CheckoutActionComponent,
+                        OptionsFormatPipe,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        TextFieldModule,
+                    ], template: "@if (variant) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"\u8BA2\u5355\u786E\u8BA4\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">\u5546\u54C1\u4FE1\u606F</div>\n          <rolatech-checkout-item\n            [name]=\"variant.title ? variant.title : product.name\"\n            [description]=\"variant.options | options\"\n            [thumbnail]=\"variant.media ? variant.media[0].url + '!w200' : product.media[0].url + '!w200'\"\n            [price]=\"variant.price\"\n            [(quantity)]=\"quantity\"\n            [max]=\"3\"\n          ></rolatech-checkout-item>\n        </div>\n        <div>\n          <rolatech-checkout-shipping [address]=\"address\"></rolatech-checkout-shipping>\n        </div>\n        <div>\n          <div class=\"text-md\">\u5907\u6CE8</div>\n          <mat-form-field appearance=\"fill\">\n            <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n      </div>\n\n      <div class=\"md:w-1/3\">\n        <rolatech-checkout-summary\n          [total]=\"variant.price * quantity\"\n          [deposit]=\"product.deposit\"\n          [quantity]=\"quantity\"\n        ></rolatech-checkout-summary>\n        <rolatech-checkout-action (create)=\"createOrder()\"></rolatech-checkout-action>\n      </div>\n    </div>\n  </rolatech-container>\n}\n", styles: ["mat-form-field{width:100%}\n"] }]
+        }], ctorParameters: () => [] });
+
+class CheckoutCartComponent {
+    cartService = inject(CartService);
+    productService = inject(ProductService);
+    orderService = inject(OrderService);
+    titleService = inject(TitleService);
+    router = inject(Router);
+    carts = [];
+    totalPrice = 0;
+    address = {};
+    note = '';
+    quantity = 1;
+    ngOnInit() {
+        this.titleService.setTitle('购物车结算');
+        this.findCarts();
+    }
+    findCarts() {
+        this.cartService.findDetails({ filter: 'selected:true' }).subscribe({
+            next: (res) => {
+                this.carts = res.data;
+                this.calcPrice();
+            },
+        });
+    }
+    calcPrice() {
+        const selectedCarts = this.carts.filter((item) => item.selected);
+        this.totalPrice = sumBy(selectedCarts, (item) => item.variant ? item.quantity * item.variant.price : item.quantity * item.product.price);
+        this.quantity = sumBy(selectedCarts, (item) => item.quantity);
+    }
+    createOrder() {
+        const ids = uniq(map(this.carts, 'id')); // [12, 14, 16, 18]
+        this.orderService.create({ type: 'PRODUCT', cartIds: ids, shippingAddress: this.address, note: this.note }).subscribe({
+            next: (res) => {
+                this.router.navigateByUrl(`/orders/${res.data.id}`);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutCartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: CheckoutCartComponent, isStandalone: true, selector: "rolatech-checkout-cart", ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u8D2D\u7269\u8F66\u7ED3\u7B97\" large back></rolatech-toolbar>\n  <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n    <div class=\"md:w-2/3 md:pr-16\">\n      <div>\n        @for (item of carts; track $index) {\n          @if (item.variant) {\n            <rolatech-checkout-item\n              [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n              [description]=\"item.variant.options | options\"\n              [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n              [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n            ></rolatech-checkout-item>\n          } @else {\n            <rolatech-checkout-item\n              [name]=\"item.product.name\"\n              [description]=\"item.product.description\"\n              [thumbnail]=\"item.product.media[0].url + '!w400'\"\n              [price]=\"item.product.price * item.quantity\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n            ></rolatech-checkout-item>\n          }\n        }\n      </div>\n      <div>\n        <rolatech-checkout-shipping [address]=\"address\"></rolatech-checkout-shipping>\n      </div>\n      <div>\n        <div class=\"text-md\">\u5907\u6CE8</div>\n        <mat-form-field appearance=\"fill\">\n          <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n        </mat-form-field>\n      </div>\n    </div>\n    <div class=\"md:w-1/3\">\n      <rolatech-checkout-summary [total]=\"totalPrice\" [quantity]=\"quantity\"></rolatech-checkout-summary>\n      <rolatech-checkout-action (create)=\"createOrder()\"></rolatech-checkout-action>\n    </div>\n  </div>\n</rolatech-container>\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: CheckoutItemComponent, selector: "rolatech-checkout-item", inputs: ["selectable", "thumbnail", "name", "selected", "description", "quantity", "price", "max"], outputs: ["selectedChange", "quantityChange", "add", "remove", "delete", "toggleSelect"] }, { kind: "component", type: CheckoutSummaryComponent, selector: "rolatech-checkout-summary", inputs: ["deposit", "total", "quantity"] }, { kind: "component", type: CheckoutActionComponent, selector: "rolatech-checkout-action", inputs: ["title"], outputs: ["create"] }, { kind: "pipe", type: OptionsFormatPipe, name: "options" }, { kind: "component", type: CheckoutShippingComponent, selector: "rolatech-checkout-shipping", inputs: ["address"], outputs: ["addressChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: CheckoutCartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-checkout-cart', imports: [
+                        CommonModule,
+                        ContainerComponent,
+                        ToolbarComponent,
+                        CheckoutItemComponent,
+                        CheckoutSummaryComponent,
+                        CheckoutActionComponent,
+                        OptionsFormatPipe,
+                        CheckoutShippingComponent,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        TextFieldModule,
+                    ], template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u8D2D\u7269\u8F66\u7ED3\u7B97\" large back></rolatech-toolbar>\n  <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n    <div class=\"md:w-2/3 md:pr-16\">\n      <div>\n        @for (item of carts; track $index) {\n          @if (item.variant) {\n            <rolatech-checkout-item\n              [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n              [description]=\"item.variant.options | options\"\n              [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n              [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n            ></rolatech-checkout-item>\n          } @else {\n            <rolatech-checkout-item\n              [name]=\"item.product.name\"\n              [description]=\"item.product.description\"\n              [thumbnail]=\"item.product.media[0].url + '!w400'\"\n              [price]=\"item.product.price * item.quantity\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n            ></rolatech-checkout-item>\n          }\n        }\n      </div>\n      <div>\n        <rolatech-checkout-shipping [address]=\"address\"></rolatech-checkout-shipping>\n      </div>\n      <div>\n        <div class=\"text-md\">\u5907\u6CE8</div>\n        <mat-form-field appearance=\"fill\">\n          <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n        </mat-form-field>\n      </div>\n    </div>\n    <div class=\"md:w-1/3\">\n      <rolatech-checkout-summary [total]=\"totalPrice\" [quantity]=\"quantity\"></rolatech-checkout-summary>\n      <rolatech-checkout-action (create)=\"createOrder()\"></rolatech-checkout-action>\n    </div>\n  </div>\n</rolatech-container>\n", styles: ["mat-form-field{width:100%}\n"] }]
+        }] });
+
+const checkoutRoutes = [
+    {
+        path: 'courses/:id',
+        component: CheckoutCourseComponent,
+    },
+    {
+        path: 'products/:id',
+        component: CheckoutProductComponent,
+    },
+    {
+        path: 'products/:id/variants/:variant-id',
+        component: CheckoutProductVariantComponent,
+    },
+    {
+        path: 'cart',
+        component: CheckoutCartComponent,
+    },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckoutActionComponent, CheckoutItemComponent, CheckoutShippingComponent, CheckoutSummaryComponent, checkoutRoutes };
+//# sourceMappingURL=rolatech-angular-checkout.mjs.map

package/fesm2022/rolatech-angular-checkout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-checkout.mjs","sources":["../../../../packages/angular-checkout/src/lib/pages/checkout-course/checkout-course.component.ts","../../../../packages/angular-checkout/src/lib/pages/checkout-course/checkout-course.component.html","../../../../packages/angular-checkout/src/lib/components/checkout-action/checkout-action.component.ts","../../../../packages/angular-checkout/src/lib/components/checkout-action/checkout-action.component.html","../../../../packages/angular-checkout/src/lib/components/checkout-summary/checkout-summary.component.ts","../../../../packages/angular-checkout/src/lib/components/checkout-summary/checkout-summary.component.html","../../../../packages/angular-checkout/src/lib/components/checkout-item/checkout-item.component.ts","../../../../packages/angular-checkout/src/lib/components/checkout-item/checkout-item.component.html","../../../../packages/angular-checkout/src/lib/pages/checkout-product/checkout-product.component.ts","../../../../packages/angular-checkout/src/lib/pages/checkout-product/checkout-product.component.html","../../../../packages/angular-checkout/src/lib/components/checkout-shipping/checkout-shipping.component.ts","../../../../packages/angular-checkout/src/lib/components/checkout-shipping/checkout-shipping.component.html","../../../../packages/angular-checkout/src/lib/pages/checkout-product-variant/checkout-product-variant.component.ts","../../../../packages/angular-checkout/src/lib/pages/checkout-product-variant/checkout-product-variant.component.html","../../../../packages/angular-checkout/src/lib/pages/checkout-cart/checkout-cart.component.ts","../../../../packages/angular-checkout/src/lib/pages/checkout-cart/checkout-cart.component.html","../../../../packages/angular-checkout/src/lib/pages/checkout.routes.ts","../../../../packages/angular-checkout/src/rolatech-angular-checkout.ts"],"sourcesContent":["import { Component, inject, OnInit } from '@angular/core';\nimport { BaseComponent, ContainerComponent, ThumbnailComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { CourseService, Course, CourseType } from '@rolatech/angular-course';\nimport { OrderService } from '@rolatech/angular-services';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FixedPipe } from '@rolatech/angular-common';\n\n@Component({\n  selector: 'rolatech-checkout-course',\n  imports: [ContainerComponent, ToolbarComponent, ThumbnailComponent, MatButtonModule, FixedPipe],\n  templateUrl: './checkout-course.component.html',\n  styleUrl: './checkout-course.component.scss',\n})\nexport class CheckoutCourseComponent extends BaseComponent implements OnInit {\n  courseService = inject(CourseService);\n  orderService = inject(OrderService);\n  authUserService = inject(AuthUserService);\n  course!: Course;\n  type = CourseType;\n  purchased = false;\n  ngOnInit(): void {\n    this.findCourse();\n    this.findPurchasedByCourseId();\n  }\n  createOrder() {\n    this.orderService.create({ productId: this.id, type: 'COURSE' }).subscribe({\n      next: (res: any) => {\n        this.router.navigateByUrl(`/orders/${res.data.id}`);\n      },\n      error: (error) => {\n        this.snackBarService.open(error.message);\n      },\n    });\n  }\n  findCourse() {\n    this.courseService.get(this.id).subscribe({\n      next: (res: any) => {\n        this.course = res.data;\n        this.titleService.setTitle(`订单确认 - ${this.course.name}`);\n      },\n    });\n  }\n  findPurchasedByCourseId() {\n    this.courseService.findPurchasedByCourseId(this.id).subscribe({\n      next: (res: any) => {\n        this.purchased = res.data ? true : false;\n      },\n    });\n  }\n}\n","@if (course) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"订单确认\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">课程信息</div>\n          @if (course) {\n            <div>\n              <div class=\"flex justify-between py-3\">\n                <div class=\"flex w-full\">\n                  <div class=\"w-1/4 aspect-video bg-[--rt-raised-background] h-fit\">\n                    @if (course.media) {\n                      <div class=\"object-cover aspect-video rounded-lg\">\n                        @defer (on viewport()) {\n                          <rolatech-thumbnail [src]=\"course.media[0].url + '!w400'\" size=\"medium\"> </rolatech-thumbnail>\n                        } @placeholder {\n                          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\"></div>\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n                    <span class=\"font-medium\">{{ course.name }}</span>\n                    <span class=\"text-sm text-[--rt-text-secondary]\">类型 {{ type[course.type] }}</span>\n                  </div>\n                </div>\n                <div>¥{{ course.pricing[0].total | fixed }}</div>\n              </div>\n              @if (course.schedule) {\n                <div class=\"flex justify-between py-3\">\n                  <span>开课日期</span>\n                  <span>{{ course.schedule[0].startAt }}</span>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"md:w-1/3\">\n        <div class=\"text-2xl font-medium mb-2\">统计</div>\n        <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n          <div class=\"flex justify-between py-2 pb-32 md:pb-3\">\n            <span> 订单金额 </span>\n            <span> ¥{{ course.pricing[0].total | fixed }} </span>\n          </div>\n          <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n            <div>\n              <div class=\"flex justify-between\">\n                <span class=\"text-lg font-medium\">总计</span>\n                <span>¥{{ course.pricing[0].total | fixed }}</span>\n              </div>\n              <a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"createOrder()\">提交订单</a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </rolatech-container>\n}\n","import { Component, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n  selector: 'rolatech-checkout-action',\n  imports: [CommonModule, MatButtonModule],\n  templateUrl: './checkout-action.component.html',\n  styleUrl: './checkout-action.component.scss',\n})\nexport class CheckoutActionComponent {\n  title = input<string>('提交订单');\n  create = output();\n  onCreate() {\n    this.create.emit();\n  }\n}\n","<a mat-flat-button class=\"w-full min-h-11 my-6\" (click)=\"onCreate()\">{{ title() }}</a>\n","import { Component, computed, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FixedPipe } from '@rolatech/angular-common';\n\n@Component({\n  selector: 'rolatech-checkout-summary',\n  imports: [CommonModule, FixedPipe],\n  templateUrl: './checkout-summary.component.html',\n  styleUrl: './checkout-summary.component.scss',\n})\nexport class CheckoutSummaryComponent {\n  deposit = input(0);\n  total = input.required<number>();\n  quantity = input<number>(1);\n  // totalDisplay = computed(() => {\n  //   return ((this.total() / 100) * this.quantity()).toFixed(2);\n  // });\n  depositDisplay = computed(() => {\n    return (this.deposit() / 100).toFixed(2);\n  });\n  remainingDisplay = computed(() => {\n    return ((this.total() - this.deposit()) / 100).toFixed(2);\n  });\n}\n","<div class=\"text-2xl font-medium mb-2\">统计</div>\n<div class=\"divide-y divide-[--rt-10-percent-layer] pb-32 md:pb-3\">\n  @if (deposit()) {\n    <div class=\"flex justify-between py-2\">\n      <span>定金</span>\n      <span> ¥{{ depositDisplay() }} </span>\n    </div>\n    <div class=\"flex justify-between py-2\">\n      <span> 尾款 </span>\n      <span> ¥{{ remainingDisplay() }} </span>\n    </div>\n  } @else {\n    <div class=\"flex justify-between py-2\">\n      <span> 商品数量 </span>\n      <span> {{ quantity() }}件 </span>\n    </div>\n    <div class=\"flex justify-between py-2\">\n      <span> 应付金额 </span>\n      <span> ¥{{ total() | fixed }} </span>\n    </div>\n  }\n  <div class=\"py-3 bottom-0 left-0 right-0 md:static\">\n    <div>\n      <div class=\"flex justify-between\">\n        <span class=\"text-lg font-medium\">总计</span>\n        <span>¥{{ total() | fixed }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n","import { booleanAttribute, Component, computed, input, model, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThumbnailComponent } from '@rolatech/angular-components';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\n@Component({\n  selector: 'rolatech-checkout-item',\n  imports: [CommonModule, ThumbnailComponent, MatIcon, MatButtonModule, MatCheckboxModule],\n  templateUrl: './checkout-item.component.html',\n  styleUrl: './checkout-item.component.scss',\n})\nexport class CheckoutItemComponent {\n  selectable = input(false, { transform: booleanAttribute });\n  thumbnail = input<string>();\n  name = input<string>();\n  selected = model<boolean>(false);\n  description = input<string>();\n  quantity = model<number>(1);\n  price = input.required<number>();\n  max = input<number>();\n  priceDisplay = computed(() => {\n    return (this.price() / 100).toFixed(2);\n  });\n  add = output();\n  remove = output();\n  delete = output();\n  toggleSelect = output();\n\n  onAdd() {\n    this.quantity.update((item) => item + 1);\n    this.add.emit();\n  }\n  onRemove() {\n    this.quantity.update((item) => item - 1);\n    this.remove.emit();\n  }\n  onDelete() {\n    this.delete.emit();\n  }\n  onToggleSelect() {\n    this.selected.update((item) => !item);\n    console.log(this.selected());\n    this.toggleSelect.emit();\n  }\n}\n","<div class=\"flex justify-between py-3\">\n  <div class=\"flex w-full\">\n    @if (selectable()) {\n      <mat-checkbox [checked]=\"selected()\" (change)=\"onToggleSelect()\" (click)=\"$event.stopPropagation()\"></mat-checkbox>\n    }\n    <div class=\"w-1/4 aspect-video bg-[--rt-raised-background] rounded-lg h-fit\">\n      <div class=\"object-cover aspect-video\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"thumbnail()\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video\"></div>\n        }\n      </div>\n    </div>\n    <div class=\"w-3/4 ml-3 flex flex-col justify-between\">\n      <!-- info -->\n      <div class=\"flex justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"text-lg font-bold line-clamp-1\">{{ name() }}</span>\n          <span class=\"text-sm text-[--rt-text-secondary] mt-2 line-clamp-2\">{{ description() }}</span>\n        </div>\n        <div class=\"p-1\">¥{{ priceDisplay() }}</div>\n      </div>\n      <!-- action -->\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"flex items-center text-sm\">\n          <span class=\"mr-3\">数量</span>\n          <button mat-icon-button (click)=\"onRemove()\" [disabled]=\"quantity() === 1\">\n            <mat-icon>remove</mat-icon>\n          </button>\n          <span class=\"w-11 text-center\">{{ quantity() }}</span>\n          <button mat-icon-button (click)=\"onAdd()\" [disabled]=\"quantity() === max()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </div>\n        <button mat-icon-button (click)=\"onDelete()\">\n          <mat-icon>delete</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, inject, OnInit, ViewEncapsulation } from '@angular/core';\nimport { BaseComponent, ContainerComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { MatButtonModule } from '@angular/material/button';\nimport { Product, ProductType } from '@rolatech/angular-product';\nimport { OrderService } from '@rolatech/angular-services';\nimport { CartService, ProductService } from '@rolatech/angular-services';\nimport { TextFieldModule } from '@angular/cdk/text-field';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { FormsModule } from '@angular/forms';\nimport { CheckoutActionComponent } from '../../components/checkout-action/checkout-action.component';\nimport { CheckoutSummaryComponent } from '../../components/checkout-summary/checkout-summary.component';\nimport { CheckoutItemComponent } from '../../components/checkout-item/checkout-item.component';\n\n@Component({\n  selector: 'rolatech-checkout-product',\n  imports: [\n    ContainerComponent,\n    ToolbarComponent,\n    MatButtonModule,\n    CheckoutSummaryComponent,\n    CheckoutItemComponent,\n    CheckoutActionComponent,\n    FormsModule,\n    MatFormFieldModule,\n    MatInputModule,\n    TextFieldModule,\n  ],\n  templateUrl: './checkout-product.component.html',\n  styleUrl: './checkout-product.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class CheckoutProductComponent extends BaseComponent implements OnInit {\n  productService = inject(ProductService);\n  cartService = inject(CartService);\n  orderService = inject(OrderService);\n  authUserService = inject(AuthUserService);\n  product!: Product;\n  type = ProductType;\n  quantity = 1;\n  note = '';\n  address: any = {};\n  ngOnInit(): void {\n    this.getProduct();\n  }\n  createOrder() {\n    this.orderService\n      .create({ type: 'PRODUCT', productId: this.id, note: this.note, shippingAddress: this.address, quantity: this.quantity })\n      .subscribe({\n        next: (res: any) => {\n          this.router.navigateByUrl(`/orders/${res.data.id}`);\n        },\n        error: (error) => {\n          this.snackBarService.open(error.message);\n        },\n      });\n  }\n  getProduct() {\n    this.productService.get(this.id).subscribe({\n      next: (res: any) => {\n        this.product = res.data;\n        this.titleService.setTitle(`订单确认 - ${this.product.name}`);\n      },\n    });\n  }\n}\n","@if (product) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"订单确认\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">商品信息</div>\n          <rolatech-checkout-item\n            [name]=\"product.name\"\n            [description]=\"product.description\"\n            [thumbnail]=\"product.media[0].url + '!w200'\"\n            [price]=\"product.price\"\n            [(quantity)]=\"quantity\"\n          ></rolatech-checkout-item>\n        </div>\n        <div>\n          <div class=\"text-md py-2\">收货人信息</div>\n          <div class=\"flex flex-col md:flex-row gap-2\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label>姓名</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.name\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>电话</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.phone\" />\n            </mat-form-field>\n          </div>\n          <div class=\"flex flex-col md:flex-row gap-2\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label>省份</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.province\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>城市</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.city\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label>地区</mat-label>\n              <input matInput type=\"text\" [(ngModel)]=\"address.district\" />\n            </mat-form-field>\n          </div>\n\n          <mat-form-field appearance=\"fill\">\n            <mat-label>详细地址</mat-label>\n            <textarea matInput type=\"text\" [(ngModel)]=\"address.detail\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n        <div>\n          <div class=\"text-md\">备注</div>\n          <mat-form-field appearance=\"fill\">\n            <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n      </div>\n      <div class=\"md:w-1/3\">\n        @if (product.priceType && product.priceType.toString() === 'PARTIAL') {\n          <rolatech-checkout-summary [total]=\"product.price\" [deposit]=\"product.deposit\"></rolatech-checkout-summary>\n        } @else {\n          <rolatech-checkout-summary [total]=\"product.price\" [quantity]=\"quantity\"></rolatech-checkout-summary>\n        }\n        <rolatech-checkout-action\n          (create)=\"createOrder()\"\n          [title]=\"product.priceType && product.priceType.toString() === 'FIXED' ? '提交订单' : '提交订单'\"\n        ></rolatech-checkout-action>\n      </div>\n    </div>\n  </rolatech-container>\n}\n","import { Component, model } from '@angular/core';\nimport { TextFieldModule } from '@angular/cdk/text-field';\nimport { FormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\n@Component({\n  selector: 'rolatech-checkout-shipping',\n  imports: [FormsModule, MatFormFieldModule, MatInputModule, TextFieldModule],\n  templateUrl: './checkout-shipping.component.html',\n  styleUrl: './checkout-shipping.component.scss',\n})\nexport class CheckoutShippingComponent {\n  address = model<any>();\n}\n","<div>\n  <div class=\"text-md py-2\">收货人信息</div>\n  <div class=\"flex flex-col md:flex-row gap-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label>姓名</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().name\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>电话</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().phone\" />\n    </mat-form-field>\n  </div>\n  <div class=\"flex flex-col md:flex-row gap-2\">\n    <mat-form-field appearance=\"fill\">\n      <mat-label>省份</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().province\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>城市</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().city\" />\n    </mat-form-field>\n    <mat-form-field appearance=\"fill\">\n      <mat-label>地区</mat-label>\n      <input matInput type=\"text\" [(ngModel)]=\"address().district\" />\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\">\n    <mat-label>详细地址</mat-label>\n    <textarea matInput type=\"text\" [(ngModel)]=\"address().detail\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n  </mat-form-field>\n</div>\n","import { Component, inject, OnInit } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ContainerComponent, ToolbarComponent, BaseComponent } from '@rolatech/angular-components';\nimport { Product, ProductVariant } from '@rolatech/angular-product';\nimport { OptionsFormatPipe } from '@rolatech/angular-common';\nimport { OrderService } from '@rolatech/angular-services';\nimport { ProductService, CartService } from '@rolatech/angular-services';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { TextFieldModule } from '@angular/cdk/text-field';\nimport { FormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { CheckoutSummaryComponent } from '../../components/checkout-summary/checkout-summary.component';\nimport { CheckoutShippingComponent } from '../../components/checkout-shipping/checkout-shipping.component';\nimport { CheckoutItemComponent } from '../../components/checkout-item/checkout-item.component';\nimport { CheckoutActionComponent } from '../../components/checkout-action/checkout-action.component';\n\n@Component({\n  selector: 'rolatech-checkout-product-variant',\n  imports: [\n    ContainerComponent,\n    ToolbarComponent,\n    MatButtonModule,\n    CheckoutShippingComponent,\n    CheckoutSummaryComponent,\n    CheckoutItemComponent,\n    CheckoutActionComponent,\n    OptionsFormatPipe,\n    FormsModule,\n    MatFormFieldModule,\n    MatInputModule,\n    TextFieldModule,\n  ],\n  templateUrl: './checkout-product-variant.component.html',\n  styleUrl: './checkout-product-variant.component.scss',\n})\nexport class CheckoutProductVariantComponent extends BaseComponent implements OnInit {\n  productService = inject(ProductService);\n  orderService = inject(OrderService);\n  cartService = inject(CartService);\n  product!: Product;\n  variant!: ProductVariant;\n  variantId = '';\n  quantity = 1;\n  address: any = {};\n  note = '';\n  constructor() {\n    super();\n    this.variantId = this.route.snapshot.params['variant-id'];\n  }\n\n  ngOnInit(): void {\n    this.getProduct();\n  }\n  getProduct() {\n    this.productService.get(this.id).subscribe({\n      next: (res: any) => {\n        this.product = res.data;\n        this.variant = res.data.variants.find((item) => item.id === this.variantId);\n        this.titleService.setTitle(`订单确认 - ${this.product.name}`);\n      },\n    });\n  }\n  createOrder() {\n    this.orderService\n      .create({\n        type: 'PRODUCT',\n        variantId: this.variant.id,\n        shippingAddress: this.address,\n        note: this.note,\n        quantity: this.quantity,\n      })\n      .subscribe({\n        next: (res: any) => {\n          this.router.navigateByUrl(`/orders/${res.data.id}`);\n        },\n        error: (error) => {\n          this.snackBarService.open(error.message);\n        },\n      });\n  }\n}\n","@if (variant) {\n  <rolatech-container>\n    <rolatech-toolbar title=\"订单确认\" large></rolatech-toolbar>\n    <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n      <div class=\"md:w-2/3 md:pr-16\">\n        <div class=\"flex flex-col\">\n          <div class=\"text-xl\">商品信息</div>\n          <rolatech-checkout-item\n            [name]=\"variant.title ? variant.title : product.name\"\n            [description]=\"variant.options | options\"\n            [thumbnail]=\"variant.media ? variant.media[0].url + '!w200' : product.media[0].url + '!w200'\"\n            [price]=\"variant.price\"\n            [(quantity)]=\"quantity\"\n            [max]=\"3\"\n          ></rolatech-checkout-item>\n        </div>\n        <div>\n          <rolatech-checkout-shipping [address]=\"address\"></rolatech-checkout-shipping>\n        </div>\n        <div>\n          <div class=\"text-md\">备注</div>\n          <mat-form-field appearance=\"fill\">\n            <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n          </mat-form-field>\n        </div>\n      </div>\n\n      <div class=\"md:w-1/3\">\n        <rolatech-checkout-summary\n          [total]=\"variant.price * quantity\"\n          [deposit]=\"product.deposit\"\n          [quantity]=\"quantity\"\n        ></rolatech-checkout-summary>\n        <rolatech-checkout-action (create)=\"createOrder()\"></rolatech-checkout-action>\n      </div>\n    </div>\n  </rolatech-container>\n}\n","import { Component, inject, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CartService, ProductService, OrderService, TitleService } from '@rolatech/angular-services';\nimport { map, sumBy, uniq } from 'lodash';\nimport { Router } from '@angular/router';\nimport { TextFieldModule } from '@angular/cdk/text-field';\nimport { FormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { OptionsFormatPipe } from '@rolatech/angular-common';\nimport { ContainerComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { CheckoutActionComponent } from '../../components/checkout-action/checkout-action.component';\nimport { CheckoutItemComponent } from '../../components/checkout-item/checkout-item.component';\nimport { CheckoutShippingComponent } from '../../components/checkout-shipping/checkout-shipping.component';\nimport { CheckoutSummaryComponent } from '../../components/checkout-summary/checkout-summary.component';\n\n@Component({\n  selector: 'rolatech-checkout-cart',\n  imports: [\n    CommonModule,\n    ContainerComponent,\n    ToolbarComponent,\n    CheckoutItemComponent,\n    CheckoutSummaryComponent,\n    CheckoutActionComponent,\n    OptionsFormatPipe,\n    CheckoutShippingComponent,\n    FormsModule,\n    MatFormFieldModule,\n    MatInputModule,\n    TextFieldModule,\n  ],\n  templateUrl: './checkout-cart.component.html',\n  styleUrl: './checkout-cart.component.scss',\n})\nexport class CheckoutCartComponent implements OnInit {\n  cartService = inject(CartService);\n  productService = inject(ProductService);\n  orderService = inject(OrderService);\n  titleService = inject(TitleService);\n  router = inject(Router);\n  carts: any = [];\n  totalPrice = 0;\n  address: any = {};\n  note = '';\n  quantity = 1;\n  ngOnInit(): void {\n    this.titleService.setTitle('购物车结算');\n    this.findCarts();\n  }\n  findCarts() {\n    this.cartService.findDetails({ filter: 'selected:true' }).subscribe({\n      next: (res: any) => {\n        this.carts = res.data;\n        this.calcPrice();\n      },\n    });\n  }\n  calcPrice(): any {\n    const selectedCarts = this.carts.filter((item) => item.selected);\n    this.totalPrice = sumBy(selectedCarts, (item: any) =>\n      item.variant ? item.quantity * item.variant.price : item.quantity * item.product.price,\n    );\n    this.quantity = sumBy(selectedCarts, (item: any) => item.quantity);\n  }\n\n  createOrder() {\n    const ids = uniq(map(this.carts, 'id')); // [12, 14, 16, 18]\n    this.orderService.create({ type: 'PRODUCT', cartIds: ids, shippingAddress: this.address, note: this.note }).subscribe({\n      next: (res: any) => {\n        this.router.navigateByUrl(`/orders/${res.data.id}`);\n      },\n    });\n  }\n}\n","<rolatech-container>\n  <rolatech-toolbar title=\"购物车结算\" large back></rolatech-toolbar>\n  <div class=\"flex flex-col md:flex-row gap-3 mt-3\">\n    <div class=\"md:w-2/3 md:pr-16\">\n      <div>\n        @for (item of carts; track $index) {\n          @if (item.variant) {\n            <rolatech-checkout-item\n              [name]=\"item.variant.title ? item.variant.title : item.product.name\"\n              [description]=\"item.variant.options | options\"\n              [thumbnail]=\"item.variant.media ? item.variant.media[0].url + '!w400' : item.product.media[0].url + '!w400'\"\n              [price]=\"item.variant ? item.variant.price * item.quantity : item.product.price\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n            ></rolatech-checkout-item>\n          } @else {\n            <rolatech-checkout-item\n              [name]=\"item.product.name\"\n              [description]=\"item.product.description\"\n              [thumbnail]=\"item.product.media[0].url + '!w400'\"\n              [price]=\"item.product.price * item.quantity\"\n              [(quantity)]=\"item.quantity\"\n              [max]=\"3\"\n            ></rolatech-checkout-item>\n          }\n        }\n      </div>\n      <div>\n        <rolatech-checkout-shipping [address]=\"address\"></rolatech-checkout-shipping>\n      </div>\n      <div>\n        <div class=\"text-md\">备注</div>\n        <mat-form-field appearance=\"fill\">\n          <textarea matInput type=\"text\" [(ngModel)]=\"note\" cdkTextareaAutosize cdkAutosizeMinRows=\"3\"></textarea>\n        </mat-form-field>\n      </div>\n    </div>\n    <div class=\"md:w-1/3\">\n      <rolatech-checkout-summary [total]=\"totalPrice\" [quantity]=\"quantity\"></rolatech-checkout-summary>\n      <rolatech-checkout-action (create)=\"createOrder()\"></rolatech-checkout-action>\n    </div>\n  </div>\n</rolatech-container>\n","import { Routes } from '@angular/router';\nimport { CheckoutCourseComponent } from './checkout-course/checkout-course.component';\nimport { CheckoutProductComponent } from './checkout-product/checkout-product.component';\nimport { CheckoutProductVariantComponent } from './checkout-product-variant/checkout-product-variant.component';\nimport { CheckoutCartComponent } from './checkout-cart/checkout-cart.component';\n\nexport const checkoutRoutes: Routes = [\n  {\n    path: 'courses/:id',\n    component: CheckoutCourseComponent,\n  },\n  {\n    path: 'products/:id',\n    component: CheckoutProductComponent,\n  },\n  {\n    path: 'products/:id/variants/:variant-id',\n    component: CheckoutProductVariantComponent,\n  },\n  {\n    path: 'cart',\n    component: CheckoutCartComponent,\n  },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i1"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,2 @@
+export { checkoutRoutes } from './lib/pages/checkout.routes';
+export * from './lib/components';

package/lib/components/checkout-action/checkout-action.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class CheckoutActionComponent {
+    title: import("@angular/core").InputSignal<string>;
+    create: import("@angular/core").OutputEmitterRef<void>;
+    onCreate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutActionComponent, "rolatech-checkout-action", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "create": "create"; }, never, never, true, never>;
+}

package/lib/components/checkout-item/checkout-item.component.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export declare class CheckoutItemComponent {
+    selectable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    thumbnail: import("@angular/core").InputSignal<string | undefined>;
+    name: import("@angular/core").InputSignal<string | undefined>;
+    selected: import("@angular/core").ModelSignal<boolean>;
+    description: import("@angular/core").InputSignal<string | undefined>;
+    quantity: import("@angular/core").ModelSignal<number>;
+    price: import("@angular/core").InputSignal<number>;
+    max: import("@angular/core").InputSignal<number | undefined>;
+    priceDisplay: import("@angular/core").Signal<string>;
+    add: import("@angular/core").OutputEmitterRef<void>;
+    remove: import("@angular/core").OutputEmitterRef<void>;
+    delete: import("@angular/core").OutputEmitterRef<void>;
+    toggleSelect: import("@angular/core").OutputEmitterRef<void>;
+    onAdd(): void;
+    onRemove(): void;
+    onDelete(): void;
+    onToggleSelect(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutItemComponent, "rolatech-checkout-item", never, { "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "quantity": "quantityChange"; "add": "add"; "remove": "remove"; "delete": "delete"; "toggleSelect": "toggleSelect"; }, never, never, true, never>;
+}

package/lib/components/checkout-shipping/checkout-shipping.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class CheckoutShippingComponent {
+    address: import("@angular/core").ModelSignal<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutShippingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutShippingComponent, "rolatech-checkout-shipping", never, { "address": { "alias": "address"; "required": false; "isSignal": true; }; }, { "address": "addressChange"; }, never, never, true, never>;
+}

package/lib/components/checkout-summary/checkout-summary.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class CheckoutSummaryComponent {
+    deposit: import("@angular/core").InputSignal<number>;
+    total: import("@angular/core").InputSignal<number>;
+    quantity: import("@angular/core").InputSignal<number>;
+    depositDisplay: import("@angular/core").Signal<string>;
+    remainingDisplay: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutSummaryComponent, "rolatech-checkout-summary", never, { "deposit": { "alias": "deposit"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": true; "isSignal": true; }; "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/index.d.ts

@@ -0,0 +1,4 @@
+export { CheckoutActionComponent } from './checkout-action/checkout-action.component';
+export { CheckoutShippingComponent } from './checkout-shipping/checkout-shipping.component';
+export { CheckoutSummaryComponent } from './checkout-summary/checkout-summary.component';
+export { CheckoutItemComponent } from './checkout-item/checkout-item.component';

package/lib/pages/checkout-cart/checkout-cart.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import { CartService, ProductService, OrderService, TitleService } from '@rolatech/angular-services';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class CheckoutCartComponent implements OnInit {
+    cartService: CartService;
+    productService: ProductService;
+    orderService: OrderService;
+    titleService: TitleService;
+    router: Router;
+    carts: any;
+    totalPrice: number;
+    address: any;
+    note: string;
+    quantity: number;
+    ngOnInit(): void;
+    findCarts(): void;
+    calcPrice(): any;
+    createOrder(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutCartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutCartComponent, "rolatech-checkout-cart", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/checkout-course/checkout-course.component.d.ts

@@ -0,0 +1,20 @@
+import { OnInit } from '@angular/core';
+import { BaseComponent } from '@rolatech/angular-components';
+import { AuthUserService } from '@rolatech/angular-auth';
+import { CourseService, Course, CourseType } from '@rolatech/angular-course';
+import { OrderService } from '@rolatech/angular-services';
+import * as i0 from "@angular/core";
+export declare class CheckoutCourseComponent extends BaseComponent implements OnInit {
+    courseService: CourseService;
+    orderService: OrderService;
+    authUserService: AuthUserService;
+    course: Course;
+    type: typeof CourseType;
+    purchased: boolean;
+    ngOnInit(): void;
+    createOrder(): void;
+    findCourse(): void;
+    findPurchasedByCourseId(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutCourseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutCourseComponent, "rolatech-checkout-course", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/checkout-product/checkout-product.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { BaseComponent } from '@rolatech/angular-components';
+import { AuthUserService } from '@rolatech/angular-auth';
+import { Product, ProductType } from '@rolatech/angular-product';
+import { OrderService } from '@rolatech/angular-services';
+import { CartService, ProductService } from '@rolatech/angular-services';
+import * as i0 from "@angular/core";
+export declare class CheckoutProductComponent extends BaseComponent implements OnInit {
+    productService: ProductService;
+    cartService: CartService;
+    orderService: OrderService;
+    authUserService: AuthUserService;
+    product: Product;
+    type: typeof ProductType;
+    quantity: number;
+    note: string;
+    address: any;
+    ngOnInit(): void;
+    createOrder(): void;
+    getProduct(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutProductComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutProductComponent, "rolatech-checkout-product", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/checkout-product-variant/checkout-product-variant.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { BaseComponent } from '@rolatech/angular-components';
+import { Product, ProductVariant } from '@rolatech/angular-product';
+import { OrderService } from '@rolatech/angular-services';
+import { ProductService, CartService } from '@rolatech/angular-services';
+import * as i0 from "@angular/core";
+export declare class CheckoutProductVariantComponent extends BaseComponent implements OnInit {
+    productService: ProductService;
+    orderService: OrderService;
+    cartService: CartService;
+    product: Product;
+    variant: ProductVariant;
+    variantId: string;
+    quantity: number;
+    address: any;
+    note: string;
+    constructor();
+    ngOnInit(): void;
+    getProduct(): void;
+    createOrder(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutProductVariantComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutProductVariantComponent, "rolatech-checkout-product-variant", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/checkout.routes.d.ts

@@ -0,0 +1,2 @@
+import { Routes } from '@angular/router';
+export declare const checkoutRoutes: Routes;

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@rolatech/angular-checkout",
+  "version": "19.0.0-beta.10",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@nx/angular": "^19.0.0 || ^20.0.0"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/viablecell/rolatech-web.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/rolatech-angular-checkout.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/rolatech-angular-checkout.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}