@vendure/admin-ui 1.8.4 → 1.9.0

package/login/components/login/login.component.d.ts

@@ -1,8 +1,10 @@
+import { HttpClient } from '@angular/common/http';
 import { Router } from '@angular/router';
 import { AuthService } from '@vendure/admin-ui/core';
 export declare class LoginComponent {
     private authService;
     private router;
+    private httpClient;
     username: string;
     password: string;
     rememberMe: boolean;
@@ -11,8 +13,16 @@ export declare class LoginComponent {
     brand: string | undefined;
     hideVendureBranding: boolean | undefined;
     hideVersion: boolean | undefined;
-    constructor(authService: AuthService, router: Router);
+    customImageUrl: string | undefined;
+    imageUrl: string;
+    imageUnsplashUrl: string;
+    imageLocation: string;
+    imageCreator: string;
+    imageCreatorUrl: string;
+    constructor(authService: AuthService, router: Router, httpClient: HttpClient);
     logIn(): void;
+    loadImage(): void;
+    updateImage(res: any): void;
     /**
      * Attempts to read a redirect param from the current url and parse it into a
      * route from which the user was redirected after a 401 error.

package/login/vendure-admin-ui-login.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"LoginComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"vdr-login","template":"<div class=\"login-wrapper\">\r\n    <form class=\"login\">\r\n        <label class=\"title\">\r\n            <img src=\"assets/logo-300px.png\" />\r\n            <span *ngIf=\"!hideVendureBranding\">vendure</span>\r\n        </label>\r\n        <div class=\"login-group\">\r\n            <input\r\n                class=\"username\"\r\n                type=\"text\"\r\n                name=\"username\"\r\n                id=\"login_username\"\r\n                [(ngModel)]=\"username\"\r\n                [placeholder]=\"'common.username' | translate\"\r\n            />\r\n            <input\r\n                class=\"password\"\r\n                name=\"password\"\r\n                type=\"password\"\r\n                id=\"login_password\"\r\n                [(ngModel)]=\"password\"\r\n                [placeholder]=\"'common.password' | translate\"\r\n            />\r\n            <clr-alert [clrAlertType]=\"'danger'\"  [clrAlertClosable]=\"false\" [class.visible]=\"errorMessage\" class=\"login-error\">\r\n                <clr-alert-item>\r\n                    <span class=\"alert-text\">\r\n                        {{ errorMessage }}\r\n                    </span>\r\n                </clr-alert-item>\r\n            </clr-alert>\r\n            <clr-checkbox-wrapper>\r\n                <input\r\n                    type=\"checkbox\"\r\n                    clrCheckbox\r\n                    id=\"rememberme\"\r\n                    name=\"rememberme\"\r\n                    [(ngModel)]=\"rememberMe\"\r\n                />\r\n                <label>{{ 'common.remember-me' | translate }}</label>\r\n            </clr-checkbox-wrapper>\r\n            <button\r\n                type=\"submit\"\r\n                class=\"btn btn-primary\"\r\n                (click)=\"logIn()\"\r\n                [disabled]=\"!username || !password\"\r\n            >\r\n                {{ 'common.login' | translate }}\r\n            </button>\r\n        </div>\r\n        <div class=\"version\">\r\n            <span *ngIf=\"brand\">{{ brand }} <span *ngIf=\"!hideVendureBranding || !hideVersion\">-</span></span>\r\n            <span *ngIf=\"!hideVendureBranding\">vendure</span>\r\n            <span *ngIf=\"!hideVersion\">v{{ version }}</span>\r\n        </div>\r\n    </form>\r\n</div>\r\n","styles":[".login-wrapper{background-image:linear-gradient(135deg,var(--color-login-gradient-top),var(--color-login-gradient-bottom)),var(--login-page-bg);background-blend-mode:screen;background-repeat:repeat;background-size:auto;background-position:initial;justify-content:center}@media screen and (max-width: 768px){.login-wrapper{justify-content:center;background-color:transparent}.login-wrapper .login{margin:20px;padding:24px}}.login{margin:5vh 0;border-radius:6px;min-height:calc(100vh - 10vh);max-height:800px}.title{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:8vh}.title img{max-width:100%;width:150px}.title span{padding-top:12px;font-weight:bold;color:var(--color-primary-500);font-size:38px}.version{flex:1;display:flex;align-items:flex-end;justify-content:center;color:var(--color-grey-300)}.version span+span{margin-left:5px}.login-error{max-height:0;overflow:hidden}.login-error.visible{max-height:46px;transition:max-height .2s;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation-delay:.2s;transform:translate(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@vendure/admin-ui/core","name":"AuthService","line":19,"character":37},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":19,"character":66}]}],"logIn":[{"__symbolic":"method"}],"getRedirectRoute":[{"__symbolic":"method"}]}},"LoginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@vendure/admin-ui/core","name":"SharedModule","line":8,"character":14},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":8,"character":28},"member":"forChild"},"arguments":[{"__symbolic":"reference","name":"loginRoutes"}]}],"exports":[],"declarations":[{"__symbolic":"reference","name":"LoginComponent"}]}]}],"members":{}},"loginRoutes":[{"path":"","component":{"__symbolic":"reference","name":"LoginComponent"},"pathMatch":"full","canActivate":[{"__symbolic":"reference","name":"LoginGuard"}]}],"LoginGuard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":13,"character":32},{"__symbolic":"reference","module":"@vendure/admin-ui/core","name":"AuthService","line":13,"character":61}]}],"canActivate":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"LoginComponent":"./components/login/login.component","LoginModule":"./login.module","loginRoutes":"./login.routes","LoginGuard":"./providers/login.guard"},"importAs":"@vendure/admin-ui/login"}
+{"__symbolic":"module","version":4,"metadata":{"LoginComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"vdr-login","template":"<div class=\"login-wrapper\">\r\n    <div class=\"login-wrapper-inner\">\r\n        <div class=\"login-wrapper-image\">\r\n            <div class=\"login-wrapper-image-content\">\r\n                <div class=\"login-wrapper-image-title\">\r\n                    {{ 'common.login-image-title' | translate }}\r\n                </div>\r\n                <div class=\"login-wrapper-image-copyright\">\r\n                    <p *ngIf=\"imageCreator\" class=\"creator\">Photo by  <a [href]=\"imageCreatorUrl\" target=\"_blank\">{{ imageCreator }}</a> on <a [href]=\"imageUnsplashUrl\" target=\"_blank\">Unsplash</a></p>\r\n                    <p *ngIf=\"imageLocation\" class=\"location\">{{ imageLocation }}</p>\r\n                </div>\r\n            </div>\r\n            <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" [alt]=\"imageUrl\">\r\n        </div>\r\n        <div class=\"login-wrapper-form\">\r\n            <p class=\"login-title\">\r\n                {{ 'common.login-title' | translate }}\r\n            </p>\r\n            <form class=\"login-form\">\r\n                <div class=\"login-group\">\r\n                    <input\r\n                        class=\"username\"\r\n                        type=\"text\"\r\n                        name=\"username\"\r\n                        id=\"login_username\"\r\n                        [(ngModel)]=\"username\"\r\n                        [placeholder]=\"'common.username' | translate\"\r\n                    />\r\n                    <input\r\n                        class=\"password\"\r\n                        name=\"password\"\r\n                        type=\"password\"\r\n                        id=\"login_password\"\r\n                        [(ngModel)]=\"password\"\r\n                        [placeholder]=\"'common.password' | translate\"\r\n                    />\r\n                    <clr-alert [clrAlertType]=\"'danger'\"  [clrAlertClosable]=\"false\" [class.visible]=\"errorMessage\" class=\"login-error\">\r\n                        <clr-alert-item>\r\n                            <span class=\"alert-text\">\r\n                                {{ errorMessage }}\r\n                            </span>\r\n                        </clr-alert-item>\r\n                    </clr-alert>\r\n                    <clr-checkbox-wrapper>\r\n                        <input\r\n                            type=\"checkbox\"\r\n                            clrCheckbox\r\n                            id=\"rememberme\"\r\n                            name=\"rememberme\"\r\n                            [(ngModel)]=\"rememberMe\"\r\n                        />\r\n                        <label>{{ 'common.remember-me' | translate }}</label>\r\n                    </clr-checkbox-wrapper>\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"btn btn-primary\"\r\n                        (click)=\"logIn()\"\r\n                        [disabled]=\"!username || !password\"\r\n                    >\r\n                        {{ 'common.login' | translate }}\r\n                    </button>\r\n                </div>\r\n                <div class=\"version\">\r\n                    <span *ngIf=\"brand\">{{ brand }} <span *ngIf=\"!hideVendureBranding || !hideVersion\">-</span></span>\r\n                    <span *ngIf=\"!hideVendureBranding\">vendure</span>\r\n                    <span *ngIf=\"!hideVersion\">v{{ version }}</span>\r\n                </div>\r\n            </form>\r\n        </div>\r\n        <img class=\"login-wrapper-logo\" src=\"assets/logo-300px.png\" />\r\n    </div>\r\n</div>\r\n","styles":[".login-wrapper{background:#f0f2f5;background-image:none;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-wrapper .login-wrapper-inner{background:#fff;width:1120px;height:590px;display:flex;justify-content:flex-start;align-items:stretch;position:relative;border-radius:3px;overflow:hidden}@media (max-width: 992px){.login-wrapper .login-wrapper-inner{flex-direction:column;height:auto;width:100%}}.login-wrapper .login-wrapper-inner .login-wrapper-image{height:100%;flex-grow:1;position:relative}@media (max-width: 992px){.login-wrapper .login-wrapper-inner .login-wrapper-image{height:300px}}.login-wrapper .login-wrapper-inner .login-wrapper-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:relative;z-index:1}.login-wrapper .login-wrapper-inner .login-wrapper-image .login-wrapper-image-content{width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:10;background:#020024;background:linear-gradient(180deg,rgba(2,0,36,0) 0%,rgba(0,0,0,.75) 100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:30px}.login-wrapper .login-wrapper-inner .login-wrapper-image .login-wrapper-image-content .login-wrapper-image-title{font-size:1.6rem;font-weight:bold;color:#fff;margin-bottom:20px}@media (max-width: 992px){.login-wrapper .login-wrapper-inner .login-wrapper-image .login-wrapper-image-content .login-wrapper-image-title{font-size:1.2rem}}.login-wrapper .login-wrapper-inner .login-wrapper-image .login-wrapper-image-content .login-wrapper-image-copyright{opacity:.8}.login-wrapper .login-wrapper-inner .login-wrapper-image .login-wrapper-image-content .login-wrapper-image-copyright p{font-size:.6rem;color:#fff;margin:0!important}.login-wrapper .login-wrapper-inner .login-wrapper-image .login-wrapper-image-content .login-wrapper-image-copyright a{color:#fff;text-decoration:underline}.login-wrapper .login-wrapper-inner .login-wrapper-form{height:100%;width:400px;padding:40px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;box-shadow:0 20px 25px #0000001a;overflow:hidden;border-radius:5px;flex-shrink:0}@media (max-width: 992px){.login-wrapper .login-wrapper-inner .login-wrapper-form{height:auto;width:100%;padding:20px}}.login-wrapper .login-wrapper-inner .login-wrapper-form .login-title{font-weight:bold;font-size:1.2rem;margin-bottom:20px;color:#afafaf}.login-wrapper .login-wrapper-inner .login-wrapper-form .login-group input.username,.login-wrapper .login-wrapper-inner .login-wrapper-form .login-group input.password{display:block;width:100%;margin-bottom:15px;padding:12px 16px!important;background:#fff;font-size:14px;line-height:22px;color:#52667a;outline:none;-webkit-appearance:none}.login-wrapper .login-wrapper-inner .login-wrapper-form .login-group .btn{width:100%!important;margin-top:20px!important}.login-wrapper .login-wrapper-inner .login-wrapper-logo{width:60px;height:auto;position:absolute;right:20px;top:20px}.version{flex:1;flex-grow:1;display:flex;align-items:flex-end;justify-content:center;color:var(--color-grey-300)}.version span+span{margin-left:5px}.login-error{max-height:0;overflow:hidden}.login-error.visible{max-height:46px;transition:max-height .2s;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation-delay:.2s;transform:translate(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@vendure/admin-ui/core","name":"AuthService","line":26,"character":37},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":26,"character":66},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":26,"character":94}]}],"logIn":[{"__symbolic":"method"}],"loadImage":[{"__symbolic":"method"}],"updateImage":[{"__symbolic":"method"}],"getRedirectRoute":[{"__symbolic":"method"}]}},"LoginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@vendure/admin-ui/core","name":"SharedModule","line":8,"character":14},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":8,"character":28},"member":"forChild"},"arguments":[{"__symbolic":"reference","name":"loginRoutes"}]}],"exports":[],"declarations":[{"__symbolic":"reference","name":"LoginComponent"}]}]}],"members":{}},"loginRoutes":[{"path":"","component":{"__symbolic":"reference","name":"LoginComponent"},"pathMatch":"full","canActivate":[{"__symbolic":"reference","name":"LoginGuard"}]}],"LoginGuard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":13,"character":32},{"__symbolic":"reference","module":"@vendure/admin-ui/core","name":"AuthService","line":13,"character":61}]}],"canActivate":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"LoginComponent":"./components/login/login.component","LoginModule":"./login.module","loginRoutes":"./login.routes","LoginGuard":"./providers/login.guard"},"importAs":"@vendure/admin-ui/login"}

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { BaseDetailComponent, CustomFieldConfig, DataService, GetOrderHistory, HistoryEntry, ModalService, NotificationService, Order, OrderDetail, OrderDetailFragment, ServerConfigService } from '@vendure/admin-ui/core';
+import { BaseDetailComponent, CustomFieldConfig, DataService, GetOrderHistory, ModalService, NotificationService, Order, OrderDetail, OrderDetailFragment, ServerConfigService, TimelineHistoryEntry } from '@vendure/admin-ui/core';
 import { Observable, Subject } from 'rxjs';
 import { OrderTransitionService } from '../../providers/order-transition.service';
 export declare class OrderDetailComponent extends BaseDetailComponent<OrderDetail.Fragment> implements OnInit, OnDestroy {
@@ -46,8 +46,8 @@ export declare class OrderDetailComponent extends BaseDetailComponent<OrderDetai
         note: string;
         isPublic: boolean;
     }): void;
-    updateNote(entry: HistoryEntry): void;
-    deleteNote(entry: HistoryEntry): import("rxjs").Subscription;
+    updateNote(entry: TimelineHistoryEntry): void;
+    deleteNote(entry: TimelineHistoryEntry): import("rxjs").Subscription;
     orderHasSettledPayments(order: OrderDetail.Fragment): boolean;
     private cancelOrder;
     private refundOrder;

package/order/components/order-history/order-history-entry-host.component.d.ts

@@ -0,0 +1,16 @@
+import { ComponentFactoryResolver, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { HistoryEntryComponentService, OrderDetailFragment, OrderHistoryEntryComponent, TimelineHistoryEntry } from '@vendure/admin-ui/core';
+export declare class OrderHistoryEntryHostComponent implements OnInit, OnDestroy {
+    private componentFactoryResolver;
+    private historyEntryComponentService;
+    entry: TimelineHistoryEntry;
+    order: OrderDetailFragment;
+    expanded: boolean;
+    expandClick: EventEmitter<void>;
+    portalRef: ViewContainerRef;
+    instance: OrderHistoryEntryComponent;
+    private componentRef;
+    constructor(componentFactoryResolver: ComponentFactoryResolver, historyEntryComponentService: HistoryEntryComponentService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

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

@@ -1,18 +1,33 @@
 import { EventEmitter } from '@angular/core';
-import { GetOrderHistory, HistoryEntry, HistoryEntryType, OrderDetail, OrderDetailFragment, TimelineDisplayType } from '@vendure/admin-ui/core';
+import { GetOrderHistory, HistoryEntryComponentService, HistoryEntryType, OrderDetail, OrderDetailFragment, TimelineDisplayType } from '@vendure/admin-ui/core';
 export declare class OrderHistoryComponent {
+    private historyEntryComponentService;
     order: OrderDetailFragment;
     history: GetOrderHistory.Items[];
     addNote: EventEmitter<{
         note: string;
         isPublic: boolean;
     }>;
-    updateNote: EventEmitter<HistoryEntry>;
-    deleteNote: EventEmitter<HistoryEntry>;
+    updateNote: EventEmitter<{
+        __typename?: "HistoryEntry" | undefined;
+    } & Pick<import("@vendure/admin-ui/core").HistoryEntry, "id" | "createdAt" | "type" | "isPublic" | "data"> & {
+        administrator?: import("@vendure/admin-ui/core").Maybe<{
+            __typename?: "Administrator" | undefined;
+        } & Pick<import("@vendure/admin-ui/core").Administrator, "id" | "firstName" | "lastName">> | undefined;
+    }>;
+    deleteNote: EventEmitter<{
+        __typename?: "HistoryEntry" | undefined;
+    } & Pick<import("@vendure/admin-ui/core").HistoryEntry, "id" | "createdAt" | "type" | "isPublic" | "data"> & {
+        administrator?: import("@vendure/admin-ui/core").Maybe<{
+            __typename?: "Administrator" | undefined;
+        } & Pick<import("@vendure/admin-ui/core").Administrator, "id" | "firstName" | "lastName">> | undefined;
+    }>;
     note: string;
     noteIsPrivate: boolean;
     expanded: boolean;
     readonly type: typeof HistoryEntryType;
+    constructor(historyEntryComponentService: HistoryEntryComponentService);
+    hasCustomComponent(type: string): boolean;
     getDisplayType(entry: GetOrderHistory.Items): TimelineDisplayType;
     getTimelineIcon(entry: GetOrderHistory.Items): string[] | "note" | "ban" | "credit-card" | "pencil" | "truck" | undefined;
     isFeatured(entry: GetOrderHistory.Items): boolean;

package/order/public_api.d.ts

@@ -14,6 +14,7 @@ export * from './components/order-custom-fields-card/order-custom-fields-card.co
 export * from './components/order-detail/order-detail.component';
 export * from './components/order-editor/order-editor.component';
 export * from './components/order-edits-preview-dialog/order-edits-preview-dialog.component';
+export * from './components/order-history/order-history-entry-host.component';
 export * from './components/order-history/order-history.component';
 export * from './components/order-list/order-list.component';
 export * from './components/order-payment-card/order-payment-card.component';