@vendure/admin-ui 1.7.4 → 1.8.1

package/fesm2015/vendure-admin-ui-system.js

@@ -16,7 +16,7 @@ HealthCheckComponent.decorators = [
                 selector: 'vdr-health-check',
                 template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <div class=\"system-status-header\" *ngIf=\"healthCheckService.status$ | async as status\">\r\n            <div class=\"status-icon\">\r\n                <clr-icon\r\n                    [attr.shape]=\"status === 'ok' ? 'check-circle' : 'exclamation-circle'\"\r\n                    [ngClass]=\"{ 'is-success': status === 'ok', 'is-danger': status !== 'ok' }\"\r\n                    size=\"48\"\r\n                ></clr-icon>\r\n            </div>\r\n            <div class=\"status-detail\">\r\n                <ng-container *ngIf=\"status === 'ok'; else error\">\r\n                    {{ 'system.health-all-systems-up' | translate }}\r\n                </ng-container>\r\n                <ng-template #error>\r\n                    {{ 'system.health-error' | translate }}\r\n                </ng-template>\r\n                <div class=\"last-checked\">\r\n                    {{ 'system.health-last-checked' | translate }}:\r\n                    {{ healthCheckService.lastCheck$ | async | localeDate: 'mediumTime' }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <vdr-action-bar-items locationId=\"system-status\"></vdr-action-bar-items>\r\n        <button class=\"btn btn-secondary\" (click)=\"healthCheckService.refresh()\">\r\n            <clr-icon shape=\"refresh\"></clr-icon> {{ 'system.health-refresh' | translate }}\r\n        </button>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<table class=\"table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"left\">\r\n                {{ 'common.name' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-status' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-message' | translate }}\r\n            </th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let row of healthCheckService.details$ | async\">\r\n            <td class=\"align-middle left\">{{ row.key }}</td>\r\n            <td class=\"align-middle left\">\r\n                <vdr-chip [colorType]=\"row.result.status === 'up' ? 'success' : 'error'\">\r\n                    <ng-container *ngIf=\"row.result.status === 'up'; else down\">\r\n                        <clr-icon shape=\"check-circle\"></clr-icon>\r\n                        {{ 'system.health-status-up' | translate }}\r\n                    </ng-container>\r\n                    <ng-template #down>\r\n                        <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                        {{ 'system.health-status-down' | translate }}\r\n                    </ng-template>\r\n                </vdr-chip>\r\n            </td>\r\n            <td class=\"align-middle left\">{{ row.result.message }}</td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:bold}.system-status-header .last-checked{font-weight:normal;color:var(--color-grey-500)}\n"]
+                styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:bold;margin-right:6px}.system-status-header .last-checked{font-weight:normal;color:var(--color-grey-500)}\n"]
             },] }
 ];
 HealthCheckComponent.ctorParameters = () => [

package/order/components/coupon-code-selector/coupon-code-selector.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { DataService } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+export declare class CouponCodeSelectorComponent implements OnInit {
+    private dataService;
+    couponCodes: string[];
+    control: FormControl | undefined;
+    addCouponCode: EventEmitter<string>;
+    removeCouponCode: EventEmitter<string>;
+    availableCouponCodes$: Observable<Array<{
+        code: string;
+        promotionName: string;
+    }>>;
+    couponCodeInput$: Subject<string>;
+    constructor(dataService: DataService);
+    ngOnInit(): void;
+}

package/order/components/draft-order-detail/draft-order-detail.component.d.ts

@@ -0,0 +1,49 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { BaseDetailComponent, CustomFieldConfig, DataService, DraftOrderEligibleShippingMethodsQuery, ModalService, NotificationService, Order, OrderDetail, ServerConfigService } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+import { OrderTransitionService } from '../../providers/order-transition.service';
+export declare class DraftOrderDetailComponent extends BaseDetailComponent<OrderDetail.Fragment> implements OnInit, OnDestroy {
+    private changeDetector;
+    protected dataService: DataService;
+    private notificationService;
+    private modalService;
+    private orderTransitionService;
+    detailForm: FormGroup;
+    eligibleShippingMethods$: Observable<DraftOrderEligibleShippingMethodsQuery['eligibleShippingMethodsForDraftOrder']>;
+    nextStates$: Observable<string[]>;
+    fetchHistory: Subject<void>;
+    customFields: CustomFieldConfig[];
+    orderLineCustomFields: CustomFieldConfig[];
+    displayCouponCodeInput: boolean;
+    constructor(router: Router, route: ActivatedRoute, serverConfigService: ServerConfigService, changeDetector: ChangeDetectorRef, dataService: DataService, notificationService: NotificationService, modalService: ModalService, orderTransitionService: OrderTransitionService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    addItemToOrder(event: {
+        productVariantId: string;
+        quantity: number;
+        customFields: any;
+    }): void;
+    adjustOrderLine(event: {
+        lineId: string;
+        quantity: number;
+    }): void;
+    removeOrderLine(event: {
+        lineId: string;
+    }): void;
+    getOrderAddressLines(orderAddress?: {
+        [key: string]: string;
+    }): string[];
+    setCustomer(): void;
+    setShippingAddress(): void;
+    setBillingAddress(): void;
+    applyCouponCode(couponCode: string): void;
+    removeCouponCode(couponCode: string): void;
+    setShippingMethod(): void;
+    updateCustomFields(customFieldsValue: any): void;
+    deleteOrder(): void;
+    completeOrder(): void;
+    private hasId;
+    protected setFormValues(entity: Order.Fragment): void;
+}

package/order/components/draft-order-variant-selector/draft-order-variant-selector.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { CurrencyCode, CustomFieldConfig, DataService, GetProductVariantQuery } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+export declare class DraftOrderVariantSelectorComponent implements OnInit {
+    private dataService;
+    currencyCode: CurrencyCode;
+    orderLineCustomFields: CustomFieldConfig[];
+    addItem: EventEmitter<{
+        productVariantId: string;
+        quantity: number;
+        customFields: any;
+    }>;
+    customFieldsFormGroup: FormGroup;
+    selectedVariant$: Observable<GetProductVariantQuery['productVariant']>;
+    selectedVariantId$: Subject<string>;
+    quantity: number;
+    constructor(dataService: DataService);
+    ngOnInit(): void;
+    addItemClick(selectedVariant: GetProductVariantQuery['productVariant']): void;
+}

package/order/components/order-editor/order-editor.component.d.ts

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormArray, FormControl, FormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AddItemInput, AdjustOrderLineInput, BaseDetailComponent, CustomFieldConfig, DataService, GetAvailableCountries, LanguageCode, ModalService, ModifyOrderInput, NotificationService, OrderDetail, ProductSelectorSearch, ServerConfigService, SurchargeInput } from '@vendure/admin-ui/core';
-import { Observable, Subject } from 'rxjs';
+import { Observable } from 'rxjs';
 import { OrderTransitionService } from '../../providers/order-transition.service';
 interface AddedLine {
     productVariantId: string;
@@ -28,11 +28,6 @@ export declare class OrderEditorComponent extends BaseDetailComponent<OrderDetai
     private modalService;
     private orderTransitionService;
     availableCountries$: Observable<GetAvailableCountries.Items[]>;
-    availableCouponCodes$: Observable<Array<{
-        code: string;
-        promotionName: string;
-    }>>;
-    couponCodeInput$: Subject<string>;
     addressCustomFields: CustomFieldConfig[];
     detailForm: FormGroup;
     couponCodesControl: FormControl;

package/order/components/order-list/order-list.component.d.ts

@@ -24,6 +24,7 @@ export declare class OrderListComponent extends BaseListComponent<GetOrderList.Q
     orderStates: string[];
     filterPresets: FilterPreset[];
     activePreset$: Observable<string>;
+    canCreateDraftOrder: boolean;
     constructor(serverConfigService: ServerConfigService, dataService: DataService, localStorageService: LocalStorageService, router: Router, route: ActivatedRoute);
     ngOnInit(): void;
     selectFilterPreset(presetName: string): void;

package/order/components/order-table/order-table.component.d.ts

@@ -1,9 +1,17 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { CustomFieldConfig, OrderDetail } from '@vendure/admin-ui/core';
+import { CustomFieldConfig, OrderDetail, OrderDetailFragment } from '@vendure/admin-ui/core';
 export declare class OrderTableComponent implements OnInit {
     order: OrderDetail.Fragment;
     orderLineCustomFields: CustomFieldConfig[];
+    isDraft: boolean;
+    adjust: EventEmitter<{
+        lineId: string;
+        quantity: number;
+    }>;
+    remove: EventEmitter<{
+        lineId: string;
+    }>;
     orderLineCustomFieldsVisible: boolean;
     customFieldsForLine: {
         [lineId: string]: Array<{
@@ -15,6 +23,7 @@ export declare class OrderTableComponent implements OnInit {
     get visibleOrderLineCustomFields(): CustomFieldConfig[];
     get showElided(): boolean;
     ngOnInit(): void;
+    draftInputBlur(line: OrderDetailFragment['lines'][number], quantity: number): void;
     toggleOrderLineCustomFields(): void;
     getLineDiscounts(line: OrderDetail.Lines): ({
         __typename?: "Discount" | undefined;

package/order/components/select-address-dialog/select-address-dialog.component.d.ts

@@ -0,0 +1,24 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { AddressFragment, CreateAddressInput, DataService, Dialog, GetAvailableCountriesQuery, OrderAddressFragment } from '@vendure/admin-ui/core';
+import { Observable } from 'rxjs';
+import { Customer } from '../select-customer-dialog/select-customer-dialog.component';
+export declare class SelectAddressDialogComponent implements OnInit, Dialog<CreateAddressInput> {
+    private dataService;
+    private formBuilder;
+    resolveWith: (result?: CreateAddressInput) => void;
+    availableCountries$: Observable<GetAvailableCountriesQuery['countries']['items']>;
+    addresses$: Observable<AddressFragment[]>;
+    customerId: string | undefined;
+    currentAddress: OrderAddressFragment | undefined;
+    addressForm: FormGroup;
+    selectedAddress: AddressFragment | undefined;
+    useExisting: boolean;
+    createNew: boolean;
+    constructor(dataService: DataService, formBuilder: FormBuilder);
+    ngOnInit(): void;
+    trackByFn(item: Customer): string;
+    addressIdFn(item: AddressFragment): string;
+    cancel(): void;
+    select(): void;
+}

package/order/components/select-address-dialog/select-address-dialog.graphql.d.ts

@@ -0,0 +1 @@
+export declare const GET_CUSTOMER_ADDRESSES: import("graphql").DocumentNode;

package/order/components/select-customer-dialog/select-customer-dialog.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { CreateCustomerInput, DataService, Dialog, GetCustomerListQuery } from '@vendure/admin-ui/core';
+import { Observable, Subject } from 'rxjs';
+export declare type Customer = GetCustomerListQuery['customers']['items'][number];
+export declare class SelectCustomerDialogComponent implements OnInit, Dialog<Customer | CreateCustomerInput> {
+    private dataService;
+    private formBuilder;
+    resolveWith: (result?: Customer | CreateCustomerInput) => void;
+    customerForm: FormGroup;
+    customers$: Observable<Customer[]>;
+    isLoading: boolean;
+    input$: Subject<string>;
+    selectedCustomer: Customer[];
+    useExisting: boolean;
+    createNew: boolean;
+    constructor(dataService: DataService, formBuilder: FormBuilder);
+    ngOnInit(): void;
+    trackByFn(item: Customer): string;
+    cancel(): void;
+    select(): void;
+}

package/order/components/select-shipping-method-dialog/select-shipping-method-dialog.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { CurrencyCode, Dialog, DraftOrderEligibleShippingMethodsQuery } from '@vendure/admin-ui/core';
+declare type ShippingMethodQuote = DraftOrderEligibleShippingMethodsQuery['eligibleShippingMethodsForDraftOrder'][number];
+export declare class SelectShippingMethodDialogComponent implements OnInit, Dialog<string> {
+    resolveWith: (result?: string) => void;
+    eligibleShippingMethods: ShippingMethodQuote[];
+    currentSelectionId: string;
+    currencyCode: CurrencyCode;
+    selectedMethod: ShippingMethodQuote | undefined;
+    constructor();
+    ngOnInit(): void;
+    methodIdFn(item: ShippingMethodQuote): string;
+    cancel(): void;
+    select(): void;
+}
+export {};

package/order/providers/routing/order-resolver.d.ts

@@ -1,10 +1,13 @@
-import { Router } from '@angular/router';
-import { BaseEntityResolver } from '@vendure/admin-ui/core';
-import { OrderDetail } from '@vendure/admin-ui/core';
-import { DataService } from '@vendure/admin-ui/core';
+import { ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot } from '@angular/router';
+import { DataService, OrderDetailFragment } from '@vendure/admin-ui/core';
+import { Observable } from 'rxjs';
 /**
  * Resolves the id from the path into a Customer entity.
  */
-export declare class OrderResolver extends BaseEntityResolver<OrderDetail.Fragment> {
+export declare class OrderResolver implements Resolve<Observable<OrderDetailFragment>> {
+    private router;
+    private dataService;
     constructor(router: Router, dataService: DataService);
+    /** @internal */
+    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Observable<OrderDetailFragment>>;
 }

package/order/providers/routing/order.guard.d.ts

@@ -0,0 +1,9 @@
+import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { DataService } from '@vendure/admin-ui/core';
+import { Observable } from 'rxjs';
+export declare class OrderGuard implements CanActivate {
+    private dataService;
+    private router;
+    constructor(dataService: DataService, router: Router);
+    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree;
+}

package/order/public_api.d.ts

@@ -1,5 +1,8 @@
 export * from './components/add-manual-payment-dialog/add-manual-payment-dialog.component';
 export * from './components/cancel-order-dialog/cancel-order-dialog.component';
+export * from './components/coupon-code-selector/coupon-code-selector.component';
+export * from './components/draft-order-detail/draft-order-detail.component';
+export * from './components/draft-order-variant-selector/draft-order-variant-selector.component';
 export * from './components/fulfill-order-dialog/fulfill-order-dialog.component';
 export * from './components/fulfillment-card/fulfillment-card.component';
 export * from './components/fulfillment-detail/fulfillment-detail.component';
@@ -26,9 +29,14 @@ export * from './components/payment-detail/payment-detail.component';
 export * from './components/payment-state-label/payment-state-label.component';
 export * from './components/refund-order-dialog/refund-order-dialog.component';
 export * from './components/refund-state-label/refund-state-label.component';
+export * from './components/select-address-dialog/select-address-dialog.component';
+export * from './components/select-address-dialog/select-address-dialog.graphql';
+export * from './components/select-customer-dialog/select-customer-dialog.component';
+export * from './components/select-shipping-method-dialog/select-shipping-method-dialog.component';
 export * from './components/settle-refund-dialog/settle-refund-dialog.component';
 export * from './components/simple-item-list/simple-item-list.component';
 export * from './order.module';
 export * from './order.routes';
 export * from './providers/order-transition.service';
 export * from './providers/routing/order-resolver';
+export * from './providers/routing/order.guard';