@vendure/admin-ui 2.0.0-next.21 → 2.0.0-next.23

package/catalog/components/bulk-add-facet-values-dialog/bulk-add-facet-values-dialog.component.d.ts

@@ -23,7 +23,6 @@ export declare class BulkAddFacetValuesDialogComponent implements OnInit, OnDest
     resolveWith: (result?: FacetWithValuesFragment[]) => void;
     mode: 'product' | 'variant';
     ids?: string[];
-    facets: FacetWithValuesFragment[];
     state: 'loading' | 'ready' | 'saving';
     selectedValues: FacetWithValuesFragment[];
     items: ProductOrVariant[];

package/catalog/components/product-detail/product-detail.component.d.ts

@@ -2,7 +2,7 @@ import { Location } from '@angular/common';
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { BaseDetailComponent, CustomFieldConfig, DataService, FacetWithValuesFragment, GetProductWithVariantsQuery, LanguageCode, ModalService, NotificationService, Permission, ProductDetailFragment, ProductVariantFragment, ServerConfigService, TaxCategoryFragment, UpdateProductOptionInput } from '@vendure/admin-ui/core';
+import { BaseDetailComponent, CustomFieldConfig, DataService, GetProductWithVariantsQuery, LanguageCode, ModalService, NotificationService, Permission, ProductDetailFragment, ProductVariantFragment, ServerConfigService, TaxCategoryFragment, UpdateProductOptionInput } from '@vendure/admin-ui/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { ProductDetailService } from '../../providers/product-detail/product-detail.service';
 import { CreateProductVariantsConfig } from '../generate-product-variants/generate-product-variants.component';
@@ -32,11 +32,10 @@ export declare class ProductDetailComponent extends BaseDetailComponent<NonNulla
         [variantId: string]: SelectedAssets;
     };
     variantFacetValueChanges: {
-        [variantId: string]: string[];
+        [variantId: string]: ProductVariantFragment['facetValues'];
     };
     productChannels$: Observable<ProductDetailFragment['channels']>;
     facetValues$: Observable<ProductDetailFragment['facetValues']>;
-    facets$: Observable<FacetWithValuesFragment[]>;
     totalItems$: Observable<number>;
     currentPage$: BehaviorSubject<number>;
     itemsPerPage$: BehaviorSubject<number>;
@@ -73,10 +72,6 @@ export declare class ProductDetailComponent extends BaseDetailComponent<NonNulla
         autoUpdate: boolean;
     }): void;
     removeProductFacetValue(facetValueId: string): void;
-    /**
-     * Opens a dialog to select FacetValues to apply to the select ProductVariants.
-     */
-    selectVariantFacetValue(selectedVariantIds: string[]): void;
     variantsToCreateAreValid(): boolean;
     private displayFacetValueModal;
     create(): void;

package/catalog/components/product-variants-list/product-variants-list.component.d.ts

@@ -1,13 +1,14 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FormArray, FormGroup } from '@angular/forms';
-import { CustomFieldConfig, DataService, FacetValueFragment, FacetWithValuesFragment, GlobalFlag, LanguageCode, ModalService, Permission, ProductDetailFragment, ProductOptionFragment, ProductVariantFragment, TaxCategory, UpdateProductOptionInput } from '@vendure/admin-ui/core';
+import { CustomFieldConfig, DataService, GlobalFlag, LanguageCode, ModalService, Permission, ProductDetailFragment, ProductOptionFragment, ProductVariantFragment, TaxCategory, UpdateProductOptionInput } from '@vendure/admin-ui/core';
+import { Subscription } from 'rxjs';
 import { AssetChange } from '../assets/assets.component';
 import { PaginationConfig, SelectedAssets } from '../product-detail/product-detail.types';
 import * as i0 from "@angular/core";
 export interface VariantAssetChange extends AssetChange {
     variantId: string;
 }
-export declare class ProductVariantsListComponent implements OnChanges, OnInit, OnDestroy {
+export declare class ProductVariantsListComponent implements OnInit, OnDestroy {
     private changeDetector;
     private modalService;
     private dataService;
@@ -16,7 +17,6 @@ export declare class ProductVariantsListComponent implements OnChanges, OnInit,
     paginationConfig: PaginationConfig;
     channelPriceIncludesTax: boolean;
     taxCategories: TaxCategory[];
-    facets: FacetWithValuesFragment[];
     optionGroups: ProductDetailFragment['optionGroups'];
     customFields: CustomFieldConfig[];
     customOptionFields: CustomFieldConfig[];
@@ -24,6 +24,9 @@ export declare class ProductVariantsListComponent implements OnChanges, OnInit,
     pendingAssetChanges: {
         [variantId: string]: SelectedAssets;
     };
+    pendingFacetValueChanges: {
+        [variantId: string]: ProductVariantFragment['facetValues'];
+    };
     assignToChannel: EventEmitter<ProductVariantFragment>;
     removeFromChannel: EventEmitter<{
         channelId: string;
@@ -31,7 +34,6 @@ export declare class ProductVariantsListComponent implements OnChanges, OnInit,
     }>;
     assetChange: EventEmitter<VariantAssetChange>;
     selectionChange: EventEmitter<string[]>;
-    selectFacetValueClick: EventEmitter<string[]>;
     updateProductOption: EventEmitter<UpdateProductOptionInput & {
         autoUpdate: boolean;
     }>;
@@ -41,11 +43,9 @@ export declare class ProductVariantsListComponent implements OnChanges, OnInit,
     globalTrackInventory: boolean;
     globalOutOfStockThreshold: number;
     readonly updatePermission: Permission[];
-    private facetValues;
     private subscription;
     constructor(changeDetector: ChangeDetectorRef, modalService: ModalService, dataService: DataService);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     isDefaultChannel(channelCode: string): boolean;
     trackById(index: number, item: ProductVariantFragment): string;
@@ -59,8 +59,7 @@ export declare class ProductVariantsListComponent implements OnChanges, OnInit,
     toggleSelectVariant(variantId: string): void;
     optionGroupName(optionGroupId: string): string | undefined;
     optionName(option: ProductOptionFragment): string;
-    pendingFacetValues(variant: ProductVariantFragment): FacetValueFragment[];
-    existingFacetValues(variant: ProductVariantFragment): {
+    currentOrPendingFacetValues(variant: ProductVariantFragment): {
         __typename?: "FacetValue" | undefined;
         id: string;
         code: string;
@@ -71,11 +70,12 @@ export declare class ProductVariantsListComponent implements OnChanges, OnInit,
             name: string;
         };
     }[];
+    selectFacetValue(variant: ProductVariantFragment): Subscription;
     removeFacetValue(variant: ProductVariantFragment, facetValueId: string): void;
     isVariantSelected(variantId: string): boolean;
     editOption(option: ProductVariantFragment['options'][number]): void;
     private buildFormGroupMap;
     private getFacetValueIds;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductVariantsListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductVariantsListComponent, "vdr-product-variants-list", never, { "formArray": "productVariantsFormArray"; "variants": "variants"; "paginationConfig": "paginationConfig"; "channelPriceIncludesTax": "channelPriceIncludesTax"; "taxCategories": "taxCategories"; "facets": "facets"; "optionGroups": "optionGroups"; "customFields": "customFields"; "customOptionFields": "customOptionFields"; "activeLanguage": "activeLanguage"; "pendingAssetChanges": "pendingAssetChanges"; }, { "assignToChannel": "assignToChannel"; "removeFromChannel": "removeFromChannel"; "assetChange": "assetChange"; "selectionChange": "selectionChange"; "selectFacetValueClick": "selectFacetValueClick"; "updateProductOption": "updateProductOption"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductVariantsListComponent, "vdr-product-variants-list", never, { "formArray": "productVariantsFormArray"; "variants": "variants"; "paginationConfig": "paginationConfig"; "channelPriceIncludesTax": "channelPriceIncludesTax"; "taxCategories": "taxCategories"; "optionGroups": "optionGroups"; "customFields": "customFields"; "customOptionFields": "customOptionFields"; "activeLanguage": "activeLanguage"; "pendingAssetChanges": "pendingAssetChanges"; "pendingFacetValueChanges": "pendingFacetValueChanges"; }, { "assignToChannel": "assignToChannel"; "removeFromChannel": "removeFromChannel"; "assetChange": "assetChange"; "selectionChange": "selectionChange"; "updateProductOption": "updateProductOption"; }, never, never>;
 }

package/catalog/providers/product-detail/product-detail.service.d.ts

@@ -1,4 +1,4 @@
-import { CreateProductInput, DataService, FacetWithValuesFragment, GetProductWithVariantsQuery, LanguageCode, UpdateProductInput, UpdateProductMutation, UpdateProductOptionInput, UpdateProductVariantInput, UpdateProductVariantsMutation } from '@vendure/admin-ui/core';
+import { CreateProductInput, DataService, GetProductWithVariantsQuery, LanguageCode, UpdateProductInput, UpdateProductMutation, UpdateProductOptionInput, UpdateProductVariantInput, UpdateProductVariantsMutation } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
 import { CreateProductVariantsConfig } from '../../components/generate-product-variants/generate-product-variants.component';
 import * as i0 from "@angular/core";
@@ -9,7 +9,6 @@ import * as i0 from "@angular/core";
 export declare class ProductDetailService {
     private dataService;
     constructor(dataService: DataService);
-    getFacets(): Observable<FacetWithValuesFragment[]>;
     getTaxCategories(): Observable<{
         __typename?: "TaxCategory" | undefined;
         id: string;

package/core/common/generated-types.d.ts

@@ -275,6 +275,7 @@ export declare type BooleanListOperators = {
 /** Operators for filtering on a Boolean field */
 export declare type BooleanOperators = {
     eq?: InputMaybe<Scalars['Boolean']>;
+    isNull?: InputMaybe<Scalars['Boolean']>;
 };
 /** Returned if an attempting to cancel lines from an Order which is still active */
 export declare type CancelActiveOrderError = ErrorResult & {
@@ -1245,6 +1246,7 @@ export declare type DateOperators = {
     before?: InputMaybe<Scalars['DateTime']>;
     between?: InputMaybe<DateRange>;
     eq?: InputMaybe<Scalars['DateTime']>;
+    isNull?: InputMaybe<Scalars['Boolean']>;
 };
 export declare type DateRange = {
     end: Scalars['DateTime'];
@@ -1450,6 +1452,31 @@ export declare type FacetValueFilterInput = {
     and?: InputMaybe<Scalars['ID']>;
     or?: InputMaybe<Array<Scalars['ID']>>;
 };
+export declare type FacetValueFilterParameter = {
+    code?: InputMaybe<StringOperators>;
+    createdAt?: InputMaybe<DateOperators>;
+    id?: InputMaybe<IdOperators>;
+    languageCode?: InputMaybe<StringOperators>;
+    name?: InputMaybe<StringOperators>;
+    updatedAt?: InputMaybe<DateOperators>;
+};
+export declare type FacetValueList = PaginatedList & {
+    __typename?: 'FacetValueList';
+    items: Array<FacetValue>;
+    totalItems: Scalars['Int'];
+};
+export declare type FacetValueListOptions = {
+    /** Allows the results to be filtered */
+    filter?: InputMaybe<FacetValueFilterParameter>;
+    /** Specifies whether multiple "filter" arguments should be combines with a logical AND or OR operation. Defaults to AND. */
+    filterOperator?: InputMaybe<LogicalOperator>;
+    /** Skips the first n results, for use in pagination */
+    skip?: InputMaybe<Scalars['Int']>;
+    /** Specifies which properties to sort the results by */
+    sort?: InputMaybe<FacetValueSortParameter>;
+    /** Takes n results, for use in pagination */
+    take?: InputMaybe<Scalars['Int']>;
+};
 /**
  * Which FacetValues are present in the products returned
  * by the search, and in what quantity.
@@ -1459,6 +1486,13 @@ export declare type FacetValueResult = {
     count: Scalars['Int'];
     facetValue: FacetValue;
 };
+export declare type FacetValueSortParameter = {
+    code?: InputMaybe<SortOrder>;
+    createdAt?: InputMaybe<SortOrder>;
+    id?: InputMaybe<SortOrder>;
+    name?: InputMaybe<SortOrder>;
+    updatedAt?: InputMaybe<SortOrder>;
+};
 export declare type FacetValueTranslation = {
     __typename?: 'FacetValueTranslation';
     createdAt: Scalars['DateTime'];
@@ -1608,6 +1642,7 @@ export declare type IdListOperators = {
 export declare type IdOperators = {
     eq?: InputMaybe<Scalars['String']>;
     in?: InputMaybe<Array<Scalars['String']>>;
+    isNull?: InputMaybe<Scalars['Boolean']>;
     notEq?: InputMaybe<Scalars['String']>;
     notIn?: InputMaybe<Array<Scalars['String']>>;
 };
@@ -2922,6 +2957,7 @@ export declare type NumberOperators = {
     eq?: InputMaybe<Scalars['Float']>;
     gt?: InputMaybe<Scalars['Float']>;
     gte?: InputMaybe<Scalars['Float']>;
+    isNull?: InputMaybe<Scalars['Boolean']>;
     lt?: InputMaybe<Scalars['Float']>;
     lte?: InputMaybe<Scalars['Float']>;
 };
@@ -3861,6 +3897,7 @@ export declare type Query = {
     /** Returns a list of eligible shipping methods for the draft Order */
     eligibleShippingMethodsForDraftOrder: Array<ShippingMethodQuote>;
     facet?: Maybe<Facet>;
+    facetValues: FacetValueList;
     facets: FacetList;
     fulfillmentHandlers: Array<ConfigurableOperationDefinition>;
     globalSettings: GlobalSettings;
@@ -3960,6 +3997,9 @@ export declare type QueryEligibleShippingMethodsForDraftOrderArgs = {
 export declare type QueryFacetArgs = {
     id: Scalars['ID'];
 };
+export declare type QueryFacetValuesArgs = {
+    options?: InputMaybe<FacetValueListOptions>;
+};
 export declare type QueryFacetsArgs = {
     options?: InputMaybe<FacetListOptions>;
 };
@@ -4459,6 +4499,7 @@ export declare type StringOperators = {
     contains?: InputMaybe<Scalars['String']>;
     eq?: InputMaybe<Scalars['String']>;
     in?: InputMaybe<Array<Scalars['String']>>;
+    isNull?: InputMaybe<Scalars['Boolean']>;
     notContains?: InputMaybe<Scalars['String']>;
     notEq?: InputMaybe<Scalars['String']>;
     notIn?: InputMaybe<Array<Scalars['String']>>;
@@ -7010,6 +7051,37 @@ export declare type GetFacetListQuery = {
         }>;
     };
 };
+export declare type GetFacetValueListQueryVariables = Exact<{
+    options?: InputMaybe<FacetValueListOptions>;
+}>;
+export declare type GetFacetValueListQuery = {
+    facetValues: {
+        __typename?: 'FacetValueList';
+        totalItems: number;
+        items: Array<{
+            __typename?: 'FacetValue';
+            id: string;
+            createdAt: any;
+            updatedAt: any;
+            languageCode: LanguageCode;
+            code: string;
+            name: string;
+            translations: Array<{
+                __typename?: 'FacetValueTranslation';
+                id: string;
+                languageCode: LanguageCode;
+                name: string;
+            }>;
+            facet: {
+                __typename?: 'Facet';
+                id: string;
+                createdAt: any;
+                updatedAt: any;
+                name: string;
+            };
+        }>;
+    };
+};
 export declare type GetFacetWithValuesQueryVariables = Exact<{
     id: Scalars['ID'];
 }>;

package/core/common/version.d.ts

@@ -1 +1 @@
-export declare const ADMIN_UI_VERSION = "2.0.0-next.21";
+export declare const ADMIN_UI_VERSION = "2.0.0-next.23";

package/core/data/definitions/facet-definitions.d.ts

@@ -8,6 +8,7 @@ export declare const CREATE_FACET_VALUES: import("apollo-angular").TypedDocument
 export declare const UPDATE_FACET_VALUES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const DELETE_FACET_VALUES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const GET_FACET_LIST: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const GET_FACET_VALUE_LIST: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const GET_FACET_WITH_VALUES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const ASSIGN_FACETS_TO_CHANNEL: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const REMOVE_FACETS_FROM_CHANNEL: import("apollo-angular").TypedDocumentNode<unknown, unknown>;

package/core/data/providers/facet-data.service.d.ts

@@ -1,3 +1,4 @@
+import { WatchQueryFetchPolicy } from '@apollo/client/core';
 import * as Codegen from '../../common/generated-types';
 import { BaseDataService } from './base-data.service';
 export declare class FacetDataService {
@@ -6,6 +7,9 @@ export declare class FacetDataService {
     getFacets(take?: number, skip?: number): import("@vendure/admin-ui/core").QueryResult<Codegen.GetFacetListQuery, Codegen.Exact<{
         options?: Codegen.InputMaybe<Codegen.FacetListOptions> | undefined;
     }>>;
+    getFacetValues(options: Codegen.FacetValueListOptions, fetchPolicy?: WatchQueryFetchPolicy): import("@vendure/admin-ui/core").QueryResult<Codegen.GetFacetValueListQuery, Codegen.Exact<{
+        options?: Codegen.InputMaybe<Codegen.FacetValueListOptions> | undefined;
+    }>>;
     getAllFacets(): import("@vendure/admin-ui/core").QueryResult<Codegen.GetFacetListQuery, Codegen.Exact<{
         options?: Codegen.InputMaybe<Codegen.FacetListOptions> | undefined;
     }>>;

package/core/providers/custom-history-entry-component/history-entry-component-types.d.ts

@@ -0,0 +1,81 @@
+import { Type } from '@angular/core';
+import { CustomerFragment, GetOrderHistoryQuery, OrderDetailFragment } from '../../common/generated-types';
+import { TimelineDisplayType } from '../../shared/components/timeline-entry/timeline-entry.component';
+export declare type TimelineHistoryEntry = NonNullable<GetOrderHistoryQuery['order']>['history']['items'][number];
+/**
+ * @description
+ * This interface should be implemented by components intended to display a history entry in the
+ * Order or Customer history timeline. If the component needs access to the Order or Customer object itself,
+ * you should implement {@link OrderHistoryEntryComponent} or {@link CustomerHistoryEntryComponent} respectively.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface HistoryEntryComponent {
+    /**
+     * @description
+     * The HistoryEntry data.
+     */
+    entry: TimelineHistoryEntry;
+    /**
+     * @description
+     * Defines whether this entry is highlighted with a "success", "error" etc. color.
+     */
+    getDisplayType: (entry: TimelineHistoryEntry) => TimelineDisplayType;
+    /**
+     * @description
+     * Featured entries are always expanded. Non-featured entries start of collapsed and can be clicked
+     * to expand.
+     */
+    isFeatured: (entry: TimelineHistoryEntry) => boolean;
+    /**
+     * @description
+     * Returns the name of the person who did this action. For example, it could be the Customer's name
+     * or "Administrator".
+     */
+    getName?: (entry: TimelineHistoryEntry) => string | undefined;
+    /**
+     * @description
+     * Optional Clarity icon shape to display with the entry. Examples: `'note'`, `['success-standard', 'is-solid']`
+     */
+    getIconShape?: (entry: TimelineHistoryEntry) => string | string[] | undefined;
+}
+/**
+ * @description
+ * Used to implement a {@link HistoryEntryComponent} which requires access to the Order object.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface OrderHistoryEntryComponent extends HistoryEntryComponent {
+    order: OrderDetailFragment;
+}
+/**
+ * @description
+ * Used to implement a {@link HistoryEntryComponent} which requires access to the Customer object.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface CustomerHistoryEntryComponent extends HistoryEntryComponent {
+    customer: CustomerFragment;
+}
+/**
+ * @description
+ * Configuration for registering a custom {@link HistoryEntryComponent}.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface HistoryEntryConfig {
+    /**
+     * @description
+     * The type should correspond to the custom HistoryEntryType string.
+     */
+    type: string;
+    /**
+     * @description
+     * The component to be rendered for this history entry type.
+     */
+    component: Type<HistoryEntryComponent>;
+}

package/core/providers/custom-history-entry-component/history-entry-component.service.d.ts

@@ -0,0 +1,19 @@
+import { Provider, Type } from '@angular/core';
+import { HistoryEntryComponent, HistoryEntryConfig } from './history-entry-component-types';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Registers a {@link HistoryEntryComponent} for displaying history entries in the Order/Customer
+ * history timeline.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export declare function registerHistoryEntryComponent(config: HistoryEntryConfig): Provider;
+export declare class HistoryEntryComponentService {
+    private customEntryComponents;
+    registerComponent(config: HistoryEntryConfig): void;
+    getComponent(type: string): Type<HistoryEntryComponent> | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HistoryEntryComponentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HistoryEntryComponentService>;
+}

package/core/public_api.d.ts

@@ -15,7 +15,6 @@ export * from './common/utilities/bulk-action-utils';
 export * from './common/utilities/configurable-operation-utils';
 export * from './common/utilities/create-updated-translatable';
 export * from './common/utilities/find-translation';
-export * from './common/utilities/flatten-facet-values';
 export * from './common/utilities/get-default-ui-language';
 export * from './common/utilities/interpolate-description';
 export * from './common/utilities/selection-manager';
@@ -77,6 +76,8 @@ export * from './providers/component-registry/component-registry.service';
 export * from './providers/custom-detail-component/custom-detail-component-types';
 export * from './providers/custom-detail-component/custom-detail-component.service';
 export * from './providers/custom-field-component/custom-field-component.service';
+export * from './providers/custom-history-entry-component/history-entry-component-types';
+export * from './providers/custom-history-entry-component/history-entry-component.service';
 export * from './providers/dashboard-widget/dashboard-widget-types';
 export * from './providers/dashboard-widget/dashboard-widget.service';
 export * from './providers/dashboard-widget/register-dashboard-widget';

package/core/shared/components/facet-value-selector/facet-value-selector.component.d.ts

@@ -1,14 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { FacetValueFragment, FacetWithValuesFragment } from '../../../common/generated-types';
+import { Observable, Subject } from 'rxjs';
+import { FacetValueFragment } from '../../../common/generated-types';
 import { DataService } from '../../../data/providers/data.service';
 import * as i0 from "@angular/core";
-export declare type FacetValueSeletorItem = {
-    name: string;
-    facetName: string;
-    id: string;
-    value: FacetValueFragment;
-};
 /**
  * @description
  * A form control for selecting facet values.
@@ -31,27 +26,32 @@ export declare type FacetValueSeletorItem = {
  * ```
  * @docsCategory components
  */
-export declare class FacetValueSelectorComponent implements OnInit, ControlValueAccessor {
+export declare class FacetValueSelectorComponent implements OnInit, OnDestroy, ControlValueAccessor {
     private dataService;
+    private changeDetectorRef;
     selectedValuesChange: EventEmitter<FacetValueFragment[]>;
-    facets: FacetWithValuesFragment[];
     readonly: boolean;
-    transformControlValueAccessorValue: (value: FacetValueSeletorItem[]) => any[];
+    transformControlValueAccessorValue: (value: FacetValueFragment[]) => any[];
+    searchInput$: Subject<string>;
+    searchLoading: boolean;
+    searchResults$: Observable<FacetValueFragment[]>;
+    selectedIds$: Subject<string[]>;
     private ngSelect;
-    facetValues: FacetValueSeletorItem[];
     onChangeFn: (val: any) => void;
     onTouchFn: () => void;
     disabled: boolean;
     value: Array<string | FacetValueFragment>;
-    constructor(dataService: DataService);
+    private subscription;
+    constructor(dataService: DataService, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
-    onChange(selected: FacetValueSeletorItem[]): void;
+    private initSearchResults;
+    ngOnDestroy(): void;
+    onChange(selected: FacetValueFragment[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     writeValue(obj: string | FacetValueFragment[] | Array<string | number> | null): void;
-    private toSelectorItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<FacetValueSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FacetValueSelectorComponent, "vdr-facet-value-selector", never, { "facets": "facets"; "readonly": "readonly"; "transformControlValueAccessorValue": "transformControlValueAccessorValue"; }, { "selectedValuesChange": "selectedValuesChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FacetValueSelectorComponent, "vdr-facet-value-selector", never, { "readonly": "readonly"; "transformControlValueAccessorValue": "transformControlValueAccessorValue"; }, { "selectedValuesChange": "selectedValuesChange"; }, never, never>;
 }

package/core/shared/dynamic-form-inputs/facet-value-form-input/facet-value-form-input.component.d.ts

@@ -1,11 +1,7 @@
-import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { DefaultFormComponentId } from '@vendure/common/lib/shared-types';
-import { Observable } from 'rxjs';
 import { FormInputComponent, InputComponentConfig } from '../../../common/component-registry-types';
-import { FacetWithValuesFragment } from '../../../common/generated-types';
-import { DataService } from '../../../data/providers/data.service';
-import { FacetValueSeletorItem } from '../../components/facet-value-selector/facet-value-selector.component';
+import { FacetValueFragment } from '../../../common/generated-types';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -15,17 +11,13 @@ import * as i0 from "@angular/core";
  * @docsCategory custom-input-components
  * @docsPage default-inputs
  */
-export declare class FacetValueFormInputComponent implements FormInputComponent, OnInit {
-    private dataService;
+export declare class FacetValueFormInputComponent implements FormInputComponent {
     static readonly id: DefaultFormComponentId;
     readonly isListInput = true;
     readonly: boolean;
     formControl: FormControl;
-    facets$: Observable<FacetWithValuesFragment[]>;
     config: InputComponentConfig;
-    constructor(dataService: DataService);
-    ngOnInit(): void;
-    valueTransformFn: (values: FacetValueSeletorItem[]) => string | FacetValueSeletorItem[];
+    valueTransformFn: (values: FacetValueFragment[]) => string | FacetValueFragment[];
     static ɵfac: i0.ɵɵFactoryDeclaration<FacetValueFormInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FacetValueFormInputComponent, "vdr-facet-value-form-input", never, {}, {}, never, never>;
 }

package/core/shared/dynamic-form-inputs/register-dynamic-input-components.d.ts

@@ -6,12 +6,11 @@ import { JsonEditorFormInputComponent } from './code-editor-form-input/json-edit
 import { CombinationModeFormInputComponent } from './combination-mode-form-input/combination-mode-form-input.component';
 import { CurrencyFormInputComponent } from './currency-form-input/currency-form-input.component';
 import { CustomerGroupFormInputComponent } from './customer-group-form-input/customer-group-form-input.component';
-import { FacetValueFormInputComponent } from './facet-value-form-input/facet-value-form-input.component';
 import { PasswordFormInputComponent } from './password-form-input/password-form-input.component';
 import { ProductMultiSelectorFormInputComponent } from './product-multi-selector-form-input/product-multi-selector-form-input.component';
 import { ProductSelectorFormInputComponent } from './product-selector-form-input/product-selector-form-input.component';
 import { SelectFormInputComponent } from './select-form-input/select-form-input.component';
-export declare const defaultFormInputs: (typeof HtmlEditorFormInputComponent | typeof JsonEditorFormInputComponent | typeof CombinationModeFormInputComponent | typeof CurrencyFormInputComponent | typeof CustomerGroupFormInputComponent | typeof FacetValueFormInputComponent | typeof PasswordFormInputComponent | typeof ProductMultiSelectorFormInputComponent | typeof ProductSelectorFormInputComponent | typeof SelectFormInputComponent)[];
+export declare const defaultFormInputs: (typeof HtmlEditorFormInputComponent | typeof JsonEditorFormInputComponent | typeof CombinationModeFormInputComponent | typeof CurrencyFormInputComponent | typeof CustomerGroupFormInputComponent | typeof PasswordFormInputComponent | typeof ProductMultiSelectorFormInputComponent | typeof ProductSelectorFormInputComponent | typeof SelectFormInputComponent)[];
 /**
  * @description
  * Registers a custom FormInputComponent which can be used to control the argument inputs

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { BaseDetailComponent, CustomFieldConfig, DataService, GetAvailableCountriesQuery, GetCustomerHistoryQuery, GetCustomerQuery, HistoryEntry, ModalService, NotificationService, ServerConfigService } from '@vendure/admin-ui/core';
+import { BaseDetailComponent, CustomFieldConfig, DataService, GetAvailableCountriesQuery, GetCustomerHistoryQuery, GetCustomerQuery, TimelineHistoryEntry, ModalService, NotificationService, ServerConfigService } from '@vendure/admin-ui/core';
 import { Observable, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 declare type CustomerWithOrders = NonNullable<GetCustomerQuery['customer']>;
@@ -43,8 +43,8 @@ export declare class CustomerDetailComponent extends BaseDetailComponent<Custome
     addNoteToCustomer({ note }: {
         note: string;
     }): void;
-    updateNote(entry: HistoryEntry): void;
-    deleteNote(entry: HistoryEntry): import("rxjs").Subscription;
+    updateNote(entry: TimelineHistoryEntry): void;
+    deleteNote(entry: TimelineHistoryEntry): import("rxjs").Subscription;
     protected setFormValues(entity: CustomerWithOrders): void;
     /**
      * Refetch the customer with the current order list settings.

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

@@ -0,0 +1,19 @@
+import { ComponentFactoryResolver, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { CustomerFragment, CustomerHistoryEntryComponent, HistoryEntryComponentService, TimelineHistoryEntry } from '@vendure/admin-ui/core';
+import * as i0 from "@angular/core";
+export declare class CustomerHistoryEntryHostComponent implements OnInit, OnDestroy {
+    private componentFactoryResolver;
+    private historyEntryComponentService;
+    entry: TimelineHistoryEntry;
+    customer: CustomerFragment;
+    expanded: boolean;
+    expandClick: EventEmitter<void>;
+    portalRef: ViewContainerRef;
+    instance: CustomerHistoryEntryComponent;
+    private componentRef;
+    constructor(componentFactoryResolver: ComponentFactoryResolver, historyEntryComponentService: HistoryEntryComponentService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomerHistoryEntryHostComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomerHistoryEntryHostComponent, "vdr-customer-history-entry-host", ["historyEntry"], { "entry": "entry"; "customer": "customer"; "expanded": "expanded"; }, { "expandClick": "expandClick"; }, never, never>;
+}

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

@@ -1,23 +1,51 @@
 import { EventEmitter } from '@angular/core';
-import { CustomerFragment, GetCustomerHistoryQuery, HistoryEntry, HistoryEntryType, TimelineDisplayType } from '@vendure/admin-ui/core';
+import { CustomerFragment, HistoryEntryComponentService, HistoryEntryType, TimelineDisplayType, TimelineHistoryEntry } from '@vendure/admin-ui/core';
 import * as i0 from "@angular/core";
-declare type HistoryItem = NonNullable<GetCustomerHistoryQuery['customer']>['history']['items'][number];
 export declare class CustomerHistoryComponent {
+    private historyEntryComponentService;
     customer: CustomerFragment;
-    history: HistoryItem[];
+    history: TimelineHistoryEntry[];
     addNote: EventEmitter<{
         note: string;
     }>;
-    updateNote: EventEmitter<HistoryEntry>;
-    deleteNote: EventEmitter<HistoryEntry>;
+    updateNote: EventEmitter<{
+        __typename?: "HistoryEntry" | undefined;
+        id: string;
+        type: HistoryEntryType;
+        createdAt: any;
+        isPublic: boolean;
+        data: any;
+        administrator?: {
+            __typename?: "Administrator" | undefined;
+            id: string;
+            firstName: string;
+            lastName: string;
+        } | null | undefined;
+    }>;
+    deleteNote: EventEmitter<{
+        __typename?: "HistoryEntry" | undefined;
+        id: string;
+        type: HistoryEntryType;
+        createdAt: any;
+        isPublic: boolean;
+        data: any;
+        administrator?: {
+            __typename?: "Administrator" | undefined;
+            id: string;
+            firstName: string;
+            lastName: string;
+        } | null | undefined;
+    }>;
     note: string;
+    expanded: boolean;
     readonly type: typeof HistoryEntryType;
-    getDisplayType(entry: HistoryItem): TimelineDisplayType;
-    getTimelineIcon(entry: HistoryItem): string | [string, string] | undefined;
-    isFeatured(entry: HistoryItem): boolean;
-    getName(entry: HistoryItem): string;
+    constructor(historyEntryComponentService: HistoryEntryComponentService);
+    hasCustomComponent(type: string): boolean;
+    getDisplayType(entry: TimelineHistoryEntry): TimelineDisplayType;
+    getTimelineIcon(entry: TimelineHistoryEntry): string | [string, string] | undefined;
+    isFeatured(entry: TimelineHistoryEntry): boolean;
+    getName(entry: TimelineHistoryEntry): string;
     addNoteToCustomer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomerHistoryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CustomerHistoryComponent, "vdr-customer-history", never, { "customer": "customer"; "history": "history"; }, { "addNote": "addNote"; "updateNote": "updateNote"; "deleteNote": "deleteNote"; }, never, never>;
 }
-export {};