@vendure/admin-ui 2.0.5 → 2.0.7

package/fesm2022/vendure-admin-ui-settings.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Directive, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ContentChild, ViewChild, Injectable, inject, NgModule } from '@angular/core';
 import * as i1 from '@vendure/admin-ui/core';
-import { SelectionManager, GetZoneMembersDocument, GetCountryListDocument, ADMINISTRATOR_FRAGMENT, TypedBaseDetailComponent, Permission, createBulkDeleteAction, TypedBaseListComponent, GetAdministratorListDocument, LogicalOperator, CHANNEL_FRAGMENT, GetChannelListDocument, COUNTRY_FRAGMENT, createUpdatedTranslatable, findTranslation, LanguageCode, PAYMENT_METHOD_FRAGMENT, configurableDefinitionToInstance, toConfigurableOperationInput, getConfigArgValue, createBulkAssignToChannelAction, AssignPaymentMethodsToChannelDocument, createBulkRemoveFromChannelAction, RemovePaymentMethodsFromChannelDocument, GetPaymentMethodListDocument, ROLE_FRAGMENT, GetRoleListDocument, GetSellerListDocument, SHIPPING_METHOD_FRAGMENT, AssignShippingMethodsToChannelDocument, RemoveShippingMethodsFromChannelDocument, GetShippingMethodListDocument, TAX_CATEGORY_FRAGMENT, GetTaxCategoryListDocument, TAX_RATE_FRAGMENT, GetTaxRateListDocument, GetZoneListDocument, DataService, NotificationService, BaseEntityResolver, PageComponent, GetProfileDetailDocument, GetGlobalSettingsDetailDocument, detailComponentWithResolver, GetSellerDetailDocument, GetChannelDetailDocument, GetAdministratorDetailDocument, GetRoleDetailDocument, GetShippingMethodDetailDocument, GetPaymentMethodDetailDocument, GetTaxCategoryDetailDocument, GetTaxRateDetailDocument, GetCountryDetailDocument, GetZoneDetailDocument, SharedModule, PageService } from '@vendure/admin-ui/core';
+import { SelectionManager, GetZoneMembersDocument, GetCountryListDocument, ADMINISTRATOR_FRAGMENT, TypedBaseDetailComponent, getCustomFieldsDefaults, Permission, createBulkDeleteAction, TypedBaseListComponent, GetAdministratorListDocument, LogicalOperator, CHANNEL_FRAGMENT, GetChannelListDocument, COUNTRY_FRAGMENT, createUpdatedTranslatable, findTranslation, LanguageCode, PAYMENT_METHOD_FRAGMENT, configurableDefinitionToInstance, toConfigurableOperationInput, getConfigArgValue, createBulkAssignToChannelAction, AssignPaymentMethodsToChannelDocument, createBulkRemoveFromChannelAction, RemovePaymentMethodsFromChannelDocument, GetPaymentMethodListDocument, ROLE_FRAGMENT, GetRoleListDocument, GetSellerListDocument, SHIPPING_METHOD_FRAGMENT, AssignShippingMethodsToChannelDocument, RemoveShippingMethodsFromChannelDocument, GetShippingMethodListDocument, TAX_CATEGORY_FRAGMENT, GetTaxCategoryListDocument, TAX_RATE_FRAGMENT, GetTaxRateListDocument, GetZoneListDocument, DataService, NotificationService, BaseEntityResolver, PageComponent, GetProfileDetailDocument, GetGlobalSettingsDetailDocument, detailComponentWithResolver, GetSellerDetailDocument, GetChannelDetailDocument, GetAdministratorDetailDocument, GetRoleDetailDocument, GetShippingMethodDetailDocument, GetPaymentMethodDetailDocument, GetTaxCategoryDetailDocument, GetTaxRateDetailDocument, GetCountryDetailDocument, GetZoneDetailDocument, SharedModule, PageService } from '@vendure/admin-ui/core';
 import { gql } from 'apollo-angular';
 import { take, takeUntil, startWith, map, withLatestFrom, mergeMap, tap, switchMap as switchMap$1, distinctUntilChanged, mapTo } from 'rxjs/operators';
 import * as i2$1 from '@angular/forms';
@@ -281,7 +281,7 @@ class AdminDetailComponent extends TypedBaseDetailComponent {
             roles: [
                 [],
             ],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.selectedRoles = [];
         this.selectedRolePermissions = {};
@@ -486,6 +486,7 @@ class AdministratorListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.getCustomFieldConfig('Administrator');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'firstName',
@@ -560,13 +561,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.3", ngImpor
             args: [{ selector: 'vdr-administrator-list', template: "<vdr-page-block>\r\n    <vdr-action-bar>\r\n        <vdr-ab-left> </vdr-ab-left>\r\n        <vdr-ab-right>\r\n            <vdr-action-bar-items locationId=\"administrator-list\"></vdr-action-bar-items>\r\n            <a\r\n                class=\"btn btn-primary\"\r\n                *vdrIfPermissions=\"['CreateAdministrator']\"\r\n                [routerLink]=\"['./', 'create']\"\r\n            >\r\n                <clr-icon shape=\"plus\"></clr-icon>\r\n                {{ 'admin.create-new-administrator' | translate }}\r\n            </a>\r\n        </vdr-ab-right>\r\n    </vdr-action-bar>\r\n</vdr-page-block>\r\n<vdr-data-table-2\r\n    class=\"mt-2\"\r\n    id=\"administrator-list\"\r\n    [items]=\"items$ | async\"\r\n    [itemsPerPage]=\"itemsPerPage$ | async\"\r\n    [totalItems]=\"totalItems$ | async\"\r\n    [currentPage]=\"currentPage$ | async\"\r\n    [filters]=\"filters\"\r\n    (pageChange)=\"setPageNumber($event)\"\r\n    (itemsPerPageChange)=\"setItemsPerPage($event)\"\r\n>\r\n    <vdr-bulk-action-menu\r\n        locationId=\"administrator-list\"\r\n        [hostComponent]=\"this\"\r\n        [selectionManager]=\"selectionManager\"\r\n    />\r\n    <vdr-dt2-search\r\n        [searchTermControl]=\"searchTermControl\"\r\n        [searchTermPlaceholder]=\"'catalog.filter-by-name' | translate\"\r\n    />\r\n    <vdr-dt2-column [heading]=\"'common.id' | translate\" [hiddenByDefault]=\"true\">\r\n        <ng-template let-administrator=\"item\">\r\n            {{ administrator.id }}\r\n        </ng-template>\r\n    </vdr-dt2-column>\r\n    <vdr-dt2-column\r\n        [heading]=\"'common.created-at' | translate\"\r\n        [hiddenByDefault]=\"true\"\r\n        [sort]=\"sorts.get('createdAt')\"\r\n    >\r\n        <ng-template let-administrator=\"item\">\r\n            {{ administrator.createdAt | localeDate : 'short' }}\r\n        </ng-template>\r\n    </vdr-dt2-column>\r\n    <vdr-dt2-column\r\n        [heading]=\"'common.updated-at' | translate\"\r\n        [hiddenByDefault]=\"true\"\r\n        [sort]=\"sorts.get('updatedAt')\"\r\n    >\r\n        <ng-template let-administrator=\"item\">\r\n            {{ administrator.updatedAt | localeDate : 'short' }}\r\n        </ng-template>\r\n    </vdr-dt2-column>\r\n    <vdr-dt2-column [heading]=\"'common.name' | translate\" [optional]=\"false\" [sort]=\"sorts.get('lastName')\">\r\n        <ng-template let-administrator=\"item\">\r\n            <a class=\"button-ghost\" [routerLink]=\"['./', administrator.id]\"\r\n                ><span>{{ administrator.firstName }} {{ administrator.lastName }}</span>\r\n                <clr-icon shape=\"arrow right\"></clr-icon>\r\n            </a>\r\n        </ng-template>\r\n    </vdr-dt2-column>\r\n    <vdr-dt2-column [heading]=\"'settings.email-address' | translate\" [sort]=\"sorts.get('emailAddress')\">\r\n        <ng-template let-administrator=\"item\">\r\n            {{ administrator.emailAddress }}\r\n        </ng-template>\r\n    </vdr-dt2-column>\r\n    <vdr-dt2-column [heading]=\"'settings.roles' | translate\">\r\n        <ng-template let-administrator=\"item\">\r\n            <vdr-chip *ngFor=\"let role of administrator.user.roles\">{{ role.description }}</vdr-chip>\r\n        </ng-template>\r\n    </vdr-dt2-column>\r\n    <vdr-dt2-custom-field-column\r\n        *ngFor=\"let customField of customFields\"\r\n        [customField]=\"customField\"\r\n        [sorts]=\"sorts\"\r\n    />\r\n</vdr-data-table-2>\r\n", styles: [".search-input{min-width:300px}\n"] }]
         }], ctorParameters: function () { return []; } });
 
-const GET_CHANNEL_DETAIL = gql `
-    query GetChannelDetail($id: ID!) {
-        channel(id: $id) {
-            ...Channel
-        }
-    }
-    ${CHANNEL_FRAGMENT}
+const GET_CHANNEL_DETAIL = gql `
+    query GetChannelDetail($id: ID!) {
+        channel(id: $id) {
+            ...Channel
+        }
+    }
+    ${CHANNEL_FRAGMENT}
 `;
 class ChannelDetailComponent extends TypedBaseDetailComponent {
     constructor(serverConfigService, changeDetector, dataService, formBuilder, notificationService) {
@@ -589,7 +590,7 @@ class ChannelDetailComponent extends TypedBaseDetailComponent {
             defaultLanguageCode: [undefined],
             defaultTaxZoneId: ['', Validators.required],
             sellerId: ['', Validators.required],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.updatePermission = [Permission.SuperAdmin, Permission.UpdateChannel, Permission.CreateChannel];
     }
@@ -753,6 +754,7 @@ class ChannelListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.getCustomFieldConfig('Channel');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'code',
@@ -826,7 +828,7 @@ class CountryDetailComponent extends TypedBaseDetailComponent {
             code: ['', Validators.required],
             name: ['', Validators.required],
             enabled: [true],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.updatePermission = [Permission.UpdateSettings, Permission.UpdateCountry];
     }
@@ -951,6 +953,7 @@ class CountryListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.getCustomFieldConfig('Region');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'name',
@@ -959,7 +962,7 @@ class CountryListComponent extends TypedBaseListComponent {
             filterField: 'name',
         })
             .addFilter({
-            name: 'cpde',
+            name: 'code',
             type: { kind: 'text' },
             label: marker('common.code'),
             filterField: 'code',
@@ -1034,7 +1037,7 @@ class GlobalSettingsComponent extends TypedBaseDetailComponent {
             availableLanguages: [[]],
             trackInventory: false,
             outOfStockThreshold: [0, Validators.required],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.languageCodes = Object.values(LanguageCode);
         this.updatePermission = [Permission.UpdateSettings, Permission.UpdateGlobalSettings];
@@ -1120,7 +1123,7 @@ class PaymentMethodDetailComponent extends TypedBaseDetailComponent {
             enabled: [true, Validators.required],
             checker: {},
             handler: {},
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.checkers = [];
         this.handlers = [];
@@ -1366,6 +1369,7 @@ class PaymentMethodListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.getCustomFieldConfig('PaymentMethod');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'name',
@@ -1463,7 +1467,7 @@ class ProfileComponent extends TypedBaseDetailComponent {
             firstName: ['', Validators.required],
             lastName: ['', Validators.required],
             password: [''],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
     }
     ngOnInit() {
@@ -1644,6 +1648,7 @@ class RoleListComponent extends TypedBaseListComponent {
         this.initialLimit = 3;
         this.displayLimit = {};
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'code',
@@ -1720,7 +1725,7 @@ class SellerDetailComponent extends TypedBaseDetailComponent {
         this.customFields = this.getCustomFieldConfig('Seller');
         this.detailForm = this.formBuilder.group({
             name: ['', Validators.required],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.updatePermission = [Permission.SuperAdmin, Permission.UpdateSeller, Permission.CreateSeller];
     }
@@ -1833,6 +1838,7 @@ class SellerListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.getCustomFieldConfig('Seller');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'name',
@@ -2052,7 +2058,7 @@ class ShippingMethodDetailComponent extends TypedBaseDetailComponent {
             fulfillmentHandler: ['', Validators.required],
             checker: {},
             calculator: {},
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.checkers = [];
         this.calculators = [];
@@ -2343,6 +2349,7 @@ class ShippingMethodListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.getCustomFieldConfig('ShippingMethod');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'name',
@@ -2426,7 +2433,7 @@ class TaxCategoryDetailComponent extends TypedBaseDetailComponent {
         this.detailForm = this.formBuilder.group({
             name: ['', Validators.required],
             isDefault: false,
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.updatePermission = [Permission.UpdateSettings, Permission.UpdateTaxCategory];
     }
@@ -2533,6 +2540,7 @@ class TaxCategoryListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.serverConfigService.getCustomFieldsFor('TaxCategory');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addFilter({
             name: 'name',
             type: { kind: 'text' },
@@ -2598,7 +2606,7 @@ class TaxRateDetailComponent extends TypedBaseDetailComponent {
             taxCategoryId: ['', Validators.required],
             zoneId: ['', Validators.required],
             customerGroupId: [''],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.updatePermission = [Permission.UpdateSettings, Permission.UpdateTaxRate];
     }
@@ -2724,6 +2732,7 @@ class TaxRateListComponent extends TypedBaseListComponent {
         super();
         this.customFields = this.getCustomFieldConfig('TaxRate');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'name',
@@ -2846,7 +2855,7 @@ class ZoneDetailComponent extends TypedBaseDetailComponent {
         this.customFields = this.getCustomFieldConfig('Zone');
         this.detailForm = this.formBuilder.group({
             name: ['', Validators.required],
-            customFields: this.formBuilder.group(this.customFields.reduce((hash, field) => ({ ...hash, [field.name]: '' }), {})),
+            customFields: this.formBuilder.group(getCustomFieldsDefaults(this.customFields)),
         });
         this.updatePermission = [Permission.UpdateSettings, Permission.UpdateZone];
     }
@@ -2962,6 +2971,7 @@ class ZoneListComponent extends TypedBaseListComponent {
         this.selectedMemberIds = [];
         this.customFields = this.serverConfigService.getCustomFieldsFor('Zone');
         this.filters = this.createFilterCollection()
+            .addIdFilter()
             .addDateFilters()
             .addFilter({
             name: 'name',