@vendure/admin-ui 1.4.5 → 1.5.0

package/bundles/vendure-admin-ui-core.umd.js

@@ -662,7 +662,7 @@
     var CREATE_TAX_CATEGORY = apolloAngular.gql(templateObject_19$3 || (templateObject_19$3 = __makeTemplateObject(["\n    mutation CreateTaxCategory($input: CreateTaxCategoryInput!) {\n        createTaxCategory(input: $input) {\n            ...TaxCategory\n        }\n    }\n    ", "\n"], ["\n    mutation CreateTaxCategory($input: CreateTaxCategoryInput!) {\n        createTaxCategory(input: $input) {\n            ...TaxCategory\n        }\n    }\n    ", "\n"])), TAX_CATEGORY_FRAGMENT);
     var UPDATE_TAX_CATEGORY = apolloAngular.gql(templateObject_20$3 || (templateObject_20$3 = __makeTemplateObject(["\n    mutation UpdateTaxCategory($input: UpdateTaxCategoryInput!) {\n        updateTaxCategory(input: $input) {\n            ...TaxCategory\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateTaxCategory($input: UpdateTaxCategoryInput!) {\n        updateTaxCategory(input: $input) {\n            ...TaxCategory\n        }\n    }\n    ", "\n"])), TAX_CATEGORY_FRAGMENT);
     var DELETE_TAX_CATEGORY = apolloAngular.gql(templateObject_21$3 || (templateObject_21$3 = __makeTemplateObject(["\n    mutation DeleteTaxCategory($id: ID!) {\n        deleteTaxCategory(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteTaxCategory($id: ID!) {\n        deleteTaxCategory(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var TAX_RATE_FRAGMENT = apolloAngular.gql(templateObject_22$2 || (templateObject_22$2 = __makeTemplateObject(["\n    fragment TaxRate on TaxRate {\n        id\n        createdAt\n        updatedAt\n        name\n        enabled\n        value\n        category {\n            id\n            name\n        }\n        zone {\n            id\n            name\n        }\n        customerGroup {\n            id\n            name\n        }\n    }\n"], ["\n    fragment TaxRate on TaxRate {\n        id\n        createdAt\n        updatedAt\n        name\n        enabled\n        value\n        category {\n            id\n            name\n        }\n        zone {\n            id\n            name\n        }\n        customerGroup {\n            id\n            name\n        }\n    }\n"])));
+    var TAX_RATE_FRAGMENT = apolloAngular.gql(templateObject_22$3 || (templateObject_22$3 = __makeTemplateObject(["\n    fragment TaxRate on TaxRate {\n        id\n        createdAt\n        updatedAt\n        name\n        enabled\n        value\n        category {\n            id\n            name\n        }\n        zone {\n            id\n            name\n        }\n        customerGroup {\n            id\n            name\n        }\n    }\n"], ["\n    fragment TaxRate on TaxRate {\n        id\n        createdAt\n        updatedAt\n        name\n        enabled\n        value\n        category {\n            id\n            name\n        }\n        zone {\n            id\n            name\n        }\n        customerGroup {\n            id\n            name\n        }\n    }\n"])));
     var GET_TAX_RATE_LIST = apolloAngular.gql(templateObject_23$2 || (templateObject_23$2 = __makeTemplateObject(["\n    query GetTaxRateList($options: TaxRateListOptions) {\n        taxRates(options: $options) {\n            items {\n                ...TaxRate\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetTaxRateList($options: TaxRateListOptions) {\n        taxRates(options: $options) {\n            items {\n                ...TaxRate\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
     var GET_TAX_RATE_LIST_SIMPLE = apolloAngular.gql(templateObject_24$2 || (templateObject_24$2 = __makeTemplateObject(["\n    query GetTaxRateListSimple($options: TaxRateListOptions) {\n        taxRates(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                name\n                enabled\n                value\n                category {\n                    id\n                    name\n                }\n                zone {\n                    id\n                    name\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetTaxRateListSimple($options: TaxRateListOptions) {\n        taxRates(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                name\n                enabled\n                value\n                category {\n                    id\n                    name\n                }\n                zone {\n                    id\n                    name\n                }\n            }\n            totalItems\n        }\n    }\n"])));
     var GET_TAX_RATE = apolloAngular.gql(templateObject_25$2 || (templateObject_25$2 = __makeTemplateObject(["\n    query GetTaxRate($id: ID!) {\n        taxRate(id: $id) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    query GetTaxRate($id: ID!) {\n        taxRate(id: $id) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
@@ -706,7 +706,7 @@
     var REINDEX = apolloAngular.gql(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n    mutation Reindex {\n        reindex {\n            ...JobInfo\n        }\n    }\n    ", "\n"], ["\n    mutation Reindex {\n        reindex {\n            ...JobInfo\n        }\n    }\n    ", "\n"])), JOB_INFO_FRAGMENT);
     var GET_PENDING_SEARCH_INDEX_UPDATES = apolloAngular.gql(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n    query GetPendingSearchIndexUpdates {\n        pendingSearchIndexUpdates\n    }\n"], ["\n    query GetPendingSearchIndexUpdates {\n        pendingSearchIndexUpdates\n    }\n"])));
     var RUN_PENDING_SEARCH_INDEX_UPDATES = apolloAngular.gql(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n    mutation RunPendingSearchIndexUpdates {\n        runPendingSearchIndexUpdates {\n            success\n        }\n    }\n"], ["\n    mutation RunPendingSearchIndexUpdates {\n        runPendingSearchIndexUpdates {\n            success\n        }\n    }\n"])));
-    var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$7, templateObject_6$7, templateObject_7$7, templateObject_8$6, templateObject_9$6, templateObject_10$4, templateObject_11$3, templateObject_12$3, templateObject_13$3, templateObject_14$3, templateObject_15$3, templateObject_16$3, templateObject_17$3, templateObject_18$3, templateObject_19$3, templateObject_20$3, templateObject_21$3, templateObject_22$2, templateObject_23$2, templateObject_24$2, templateObject_25$2, templateObject_26$1, templateObject_27$1, templateObject_28$1, templateObject_29$1, templateObject_30$1, templateObject_31$1, templateObject_32$1, templateObject_33$1, templateObject_34$1, templateObject_35$1, templateObject_36$1, templateObject_37$1, templateObject_38$1, templateObject_39$1, templateObject_40$1, templateObject_41$1, templateObject_42$1, templateObject_43$1, templateObject_44$1, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;
+    var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$7, templateObject_6$7, templateObject_7$7, templateObject_8$6, templateObject_9$6, templateObject_10$4, templateObject_11$3, templateObject_12$3, templateObject_13$3, templateObject_14$3, templateObject_15$3, templateObject_16$3, templateObject_17$3, templateObject_18$3, templateObject_19$3, templateObject_20$3, templateObject_21$3, templateObject_22$3, templateObject_23$2, templateObject_24$2, templateObject_25$2, templateObject_26$1, templateObject_27$1, templateObject_28$1, templateObject_29$1, templateObject_30$1, templateObject_31$1, templateObject_32$1, templateObject_33$1, templateObject_34$1, templateObject_35$1, templateObject_36$1, templateObject_37$1, templateObject_38$1, templateObject_39$1, templateObject_40$1, templateObject_41$1, templateObject_42$1, templateObject_43$1, templateObject_44$1, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;
 
     function initializeServerConfigService(serverConfigService) {
         return serverConfigService.init();
@@ -932,13 +932,46 @@
      * To be used before submitting the entity for a create or update request.
      */
     function removeReadonlyCustomFields(variables, customFieldConfig) {
-        if (variables.input) {
-            removeReadonly(variables.input, customFieldConfig);
+        var e_2, _a, e_3, _b;
+        if (!Array.isArray(variables)) {
+            if (Array.isArray(variables.input)) {
+                try {
+                    for (var _c = __values(variables.input), _d = _c.next(); !_d.done; _d = _c.next()) {
+                        var input = _d.value;
+                        removeReadonly(input, customFieldConfig);
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
+            }
+            else {
+                removeReadonly(variables.input, customFieldConfig);
+            }
+        }
+        else {
+            try {
+                for (var variables_1 = __values(variables), variables_1_1 = variables_1.next(); !variables_1_1.done; variables_1_1 = variables_1.next()) {
+                    var input = variables_1_1.value;
+                    removeReadonly(input, customFieldConfig);
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (variables_1_1 && !variables_1_1.done && (_b = variables_1.return)) _b.call(variables_1);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
         }
         return removeReadonly(variables, customFieldConfig);
     }
     function removeReadonly(input, customFieldConfig) {
-        var e_2, _a, e_3, _b;
+        var e_4, _a, e_5, _b;
         try {
             for (var customFieldConfig_1 = __values(customFieldConfig), customFieldConfig_1_1 = customFieldConfig_1.next(); !customFieldConfig_1_1.done; customFieldConfig_1_1 = customFieldConfig_1.next()) {
                 var field = customFieldConfig_1_1.value;
@@ -946,7 +979,7 @@
                     if (field.type === 'localeString') {
                         if (hasTranslations(input)) {
                             try {
-                                for (var _c = (e_3 = void 0, __values(input.translations)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                                for (var _c = (e_5 = void 0, __values(input.translations)), _d = _c.next(); !_d.done; _d = _c.next()) {
                                     var translation = _d.value;
                                     if (hasCustomFields$1(translation) &&
                                         translation.customFields[field.name] !== undefined) {
@@ -954,12 +987,12 @@
                                     }
                                 }
                             }
-                            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                            catch (e_5_1) { e_5 = { error: e_5_1 }; }
                             finally {
                                 try {
                                     if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                                 }
-                                finally { if (e_3) throw e_3.error; }
+                                finally { if (e_5) throw e_5.error; }
                             }
                         }
                     }
@@ -971,12 +1004,12 @@
                 }
             }
         }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
         finally {
             try {
                 if (customFieldConfig_1_1 && !customFieldConfig_1_1.done && (_a = customFieldConfig_1.return)) _a.call(customFieldConfig_1);
             }
-            finally { if (e_2) throw e_2.error; }
+            finally { if (e_4) throw e_4.error; }
         }
         return input;
     }
@@ -1217,7 +1250,7 @@
     var GET_PRODUCT_SIMPLE = apolloAngular.gql(templateObject_19$2 || (templateObject_19$2 = __makeTemplateObject(["\n    query GetProductSimple($id: ID!) {\n        product(id: $id) {\n            id\n            name\n            featuredAsset {\n                ...Asset\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetProductSimple($id: ID!) {\n        product(id: $id) {\n            id\n            name\n            featuredAsset {\n                ...Asset\n            }\n        }\n    }\n    ", "\n"])), ASSET_FRAGMENT);
     var GET_PRODUCT_LIST = apolloAngular.gql(templateObject_20$2 || (templateObject_20$2 = __makeTemplateObject(["\n    query GetProductList($options: ProductListOptions) {\n        products(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                enabled\n                languageCode\n                name\n                slug\n                featuredAsset {\n                    id\n                    createdAt\n                    updatedAt\n                    preview\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetProductList($options: ProductListOptions) {\n        products(options: $options) {\n            items {\n                id\n                createdAt\n                updatedAt\n                enabled\n                languageCode\n                name\n                slug\n                featuredAsset {\n                    id\n                    createdAt\n                    updatedAt\n                    preview\n                }\n            }\n            totalItems\n        }\n    }\n"])));
     var GET_PRODUCT_OPTION_GROUPS = apolloAngular.gql(templateObject_21$2 || (templateObject_21$2 = __makeTemplateObject(["\n    query GetProductOptionGroups($filterTerm: String) {\n        productOptionGroups(filterTerm: $filterTerm) {\n            id\n            createdAt\n            updatedAt\n            languageCode\n            code\n            name\n            options {\n                id\n                createdAt\n                updatedAt\n                languageCode\n                code\n                name\n            }\n        }\n    }\n"], ["\n    query GetProductOptionGroups($filterTerm: String) {\n        productOptionGroups(filterTerm: $filterTerm) {\n            id\n            createdAt\n            updatedAt\n            languageCode\n            code\n            name\n            options {\n                id\n                createdAt\n                updatedAt\n                languageCode\n                code\n                name\n            }\n        }\n    }\n"])));
-    var GET_ASSET_LIST = apolloAngular.gql(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
+    var GET_ASSET_LIST = apolloAngular.gql(templateObject_22$2 || (templateObject_22$2 = __makeTemplateObject(["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetAssetList($options: AssetListOptions) {\n        assets(options: $options) {\n            items {\n                ...Asset\n                tags {\n                    ...Tag\n                }\n            }\n            totalItems\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
     var GET_ASSET = apolloAngular.gql(templateObject_23$1 || (templateObject_23$1 = __makeTemplateObject(["\n    query GetAsset($id: ID!) {\n        asset(id: $id) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetAsset($id: ID!) {\n        asset(id: $id) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
     var CREATE_ASSETS = apolloAngular.gql(templateObject_24$1 || (templateObject_24$1 = __makeTemplateObject(["\n    mutation CreateAssets($input: [CreateAssetInput!]!) {\n        createAssets(input: $input) {\n            ...Asset\n            ... on Asset {\n                tags {\n                    ...Tag\n                }\n            }\n            ... on ErrorResult {\n                message\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateAssets($input: [CreateAssetInput!]!) {\n        createAssets(input: $input) {\n            ...Asset\n            ... on Asset {\n                tags {\n                    ...Tag\n                }\n            }\n            ... on ErrorResult {\n                message\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
     var UPDATE_ASSET = apolloAngular.gql(templateObject_25$1 || (templateObject_25$1 = __makeTemplateObject(["\n    mutation UpdateAsset($input: UpdateAssetInput!) {\n        updateAsset(input: $input) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateAsset($input: UpdateAssetInput!) {\n        updateAsset(input: $input) {\n            ...Asset\n            tags {\n                ...Tag\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, TAG_FRAGMENT);
@@ -1240,7 +1273,7 @@
     var CREATE_TAG = apolloAngular.gql(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n    mutation CreateTag($input: CreateTagInput!) {\n        createTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    mutation CreateTag($input: CreateTagInput!) {\n        createTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
     var UPDATE_TAG = apolloAngular.gql(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n    mutation UpdateTag($input: UpdateTagInput!) {\n        updateTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateTag($input: UpdateTagInput!) {\n        updateTag(input: $input) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
     var DELETE_TAG = apolloAngular.gql(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n    mutation DeleteTag($id: ID!) {\n        deleteTag(id: $id) {\n            message\n            result\n        }\n    }\n"], ["\n    mutation DeleteTag($id: ID!) {\n        deleteTag(id: $id) {\n            message\n            result\n        }\n    }\n"])));
-    var templateObject_1$6, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$6, templateObject_6$6, templateObject_7$6, templateObject_8$5, templateObject_9$5, templateObject_10$3, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2, templateObject_20$2, templateObject_21$2, templateObject_22$1, templateObject_23$1, templateObject_24$1, templateObject_25$1, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44;
+    var templateObject_1$6, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$6, templateObject_6$6, templateObject_7$6, templateObject_8$5, templateObject_9$5, templateObject_10$3, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2, templateObject_20$2, templateObject_21$2, templateObject_22$2, templateObject_23$1, templateObject_24$1, templateObject_25$1, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44;
 
     var GET_COLLECTION_FILTERS = apolloAngular.gql(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n    query GetCollectionFilters {\n        collectionFilters {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"], ["\n    query GetCollectionFilters {\n        collectionFilters {\n            ...ConfigurableOperationDef\n        }\n    }\n    ", "\n"])), CONFIGURABLE_OPERATION_DEF_FRAGMENT);
     var COLLECTION_FRAGMENT = apolloAngular.gql(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    fragment Collection on Collection {\n        id\n        createdAt\n        updatedAt\n        name\n        slug\n        description\n        isPrivate\n        languageCode\n        featuredAsset {\n            ...Asset\n        }\n        assets {\n            ...Asset\n        }\n        filters {\n            ...ConfigurableOperation\n        }\n        translations {\n            id\n            languageCode\n            name\n            slug\n            description\n        }\n        parent {\n            id\n            name\n        }\n        children {\n            id\n            name\n        }\n    }\n    ", "\n    ", "\n"], ["\n    fragment Collection on Collection {\n        id\n        createdAt\n        updatedAt\n        name\n        slug\n        description\n        isPrivate\n        languageCode\n        featuredAsset {\n            ...Asset\n        }\n        assets {\n            ...Asset\n        }\n        filters {\n            ...ConfigurableOperation\n        }\n        translations {\n            id\n            languageCode\n            name\n            slug\n            description\n        }\n        parent {\n            id\n            name\n        }\n        children {\n            id\n            name\n        }\n    }\n    ", "\n    ", "\n"])), ASSET_FRAGMENT, CONFIGURABLE_OPERATION_FRAGMENT);
@@ -1337,18 +1370,19 @@
     var DELETE_CUSTOMER = apolloAngular.gql(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n    mutation DeleteCustomer($id: ID!) {\n        deleteCustomer(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomer($id: ID!) {\n        deleteCustomer(id: $id) {\n            result\n            message\n        }\n    }\n"])));
     var CREATE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n    mutation CreateCustomerAddress($customerId: ID!, $input: CreateAddressInput!) {\n        createCustomerAddress(customerId: $customerId, input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCustomerAddress($customerId: ID!, $input: CreateAddressInput!) {\n        createCustomerAddress(customerId: $customerId, input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
     var UPDATE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n    mutation UpdateCustomerAddress($input: UpdateAddressInput!) {\n        updateCustomerAddress(input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCustomerAddress($input: UpdateAddressInput!) {\n        updateCustomerAddress(input: $input) {\n            ...Address\n        }\n    }\n    ", "\n"])), ADDRESS_FRAGMENT);
-    var CREATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var UPDATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var DELETE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var GET_CUSTOMER_GROUPS = apolloAngular.gql(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var GET_CUSTOMER_GROUP_WITH_CUSTOMERS = apolloAngular.gql(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var ADD_CUSTOMERS_TO_GROUP = apolloAngular.gql(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var REMOVE_CUSTOMERS_FROM_GROUP = apolloAngular.gql(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
-    var GET_CUSTOMER_HISTORY = apolloAngular.gql(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"], ["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"])));
-    var ADD_NOTE_TO_CUSTOMER = apolloAngular.gql(templateObject_19$1 || (templateObject_19$1 = __makeTemplateObject(["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"])));
-    var UPDATE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_20$1 || (templateObject_20$1 = __makeTemplateObject(["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
-    var DELETE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$4, templateObject_6$4, templateObject_7$4, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1;
+    var DELETE_CUSTOMER_ADDRESS = apolloAngular.gql(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n    mutation DeleteCustomerAddress($id: ID!) {\n        deleteCustomerAddress(id: $id) {\n            success\n        }\n    }\n"], ["\n    mutation DeleteCustomerAddress($id: ID!) {\n        deleteCustomerAddress(id: $id) {\n            success\n        }\n    }\n"])));
+    var CREATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation CreateCustomerGroup($input: CreateCustomerGroupInput!) {\n        createCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var UPDATE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateCustomerGroup($input: UpdateCustomerGroupInput!) {\n        updateCustomerGroup(input: $input) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var DELETE_CUSTOMER_GROUP = apolloAngular.gql(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerGroup($id: ID!) {\n        deleteCustomerGroup(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var GET_CUSTOMER_GROUPS = apolloAngular.gql(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroups($options: CustomerGroupListOptions) {\n        customerGroups(options: $options) {\n            items {\n                ...CustomerGroup\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var GET_CUSTOMER_GROUP_WITH_CUSTOMERS = apolloAngular.gql(templateObject_16$1 || (templateObject_16$1 = __makeTemplateObject(["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"], ["\n    query GetCustomerGroupWithCustomers($id: ID!, $options: CustomerListOptions) {\n        customerGroup(id: $id) {\n            ...CustomerGroup\n            customers(options: $options) {\n                items {\n                    id\n                    createdAt\n                    updatedAt\n                    emailAddress\n                    firstName\n                    lastName\n                }\n                totalItems\n            }\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var ADD_CUSTOMERS_TO_GROUP = apolloAngular.gql(templateObject_17$1 || (templateObject_17$1 = __makeTemplateObject(["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation AddCustomersToGroup($groupId: ID!, $customerIds: [ID!]!) {\n        addCustomersToGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var REMOVE_CUSTOMERS_FROM_GROUP = apolloAngular.gql(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject(["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"], ["\n    mutation RemoveCustomersFromGroup($groupId: ID!, $customerIds: [ID!]!) {\n        removeCustomersFromGroup(customerGroupId: $groupId, customerIds: $customerIds) {\n            ...CustomerGroup\n        }\n    }\n    ", "\n"])), CUSTOMER_GROUP_FRAGMENT);
+    var GET_CUSTOMER_HISTORY = apolloAngular.gql(templateObject_19$1 || (templateObject_19$1 = __makeTemplateObject(["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"], ["\n    query GetCustomerHistory($id: ID!, $options: HistoryEntryListOptions) {\n        customer(id: $id) {\n            id\n            history(options: $options) {\n                totalItems\n                items {\n                    id\n                    type\n                    createdAt\n                    isPublic\n                    administrator {\n                        id\n                        firstName\n                        lastName\n                    }\n                    data\n                }\n            }\n        }\n    }\n"])));
+    var ADD_NOTE_TO_CUSTOMER = apolloAngular.gql(templateObject_20$1 || (templateObject_20$1 = __makeTemplateObject(["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToCustomer($input: AddNoteToCustomerInput!) {\n        addNoteToCustomer(input: $input) {\n            id\n        }\n    }\n"])));
+    var UPDATE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateCustomerNote($input: UpdateCustomerNoteInput!) {\n        updateCustomerNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
+    var DELETE_CUSTOMER_NOTE = apolloAngular.gql(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteCustomerNote($id: ID!) {\n        deleteCustomerNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$4, templateObject_6$4, templateObject_7$4, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1;
 
     var CustomerDataService = /** @class */ (function () {
         function CustomerDataService(baseDataService) {
@@ -1401,6 +1435,9 @@
                 input: input,
             });
         };
+        CustomerDataService.prototype.deleteCustomerAddress = function (id) {
+            return this.baseDataService.mutate(DELETE_CUSTOMER_ADDRESS, { id: id });
+        };
         CustomerDataService.prototype.createCustomerGroup = function (input) {
             return this.baseDataService.mutate(CREATE_CUSTOMER_GROUP, {
                 input: input,
@@ -1544,7 +1581,7 @@
     var ORDER_FRAGMENT = apolloAngular.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    fragment Order on Order {\n        id\n        createdAt\n        updatedAt\n        orderPlacedAt\n        code\n        state\n        nextStates\n        total\n        currencyCode\n        customer {\n            id\n            firstName\n            lastName\n        }\n        shippingLines {\n            shippingMethod {\n                name\n            }\n        }\n    }\n"], ["\n    fragment Order on Order {\n        id\n        createdAt\n        updatedAt\n        orderPlacedAt\n        code\n        state\n        nextStates\n        total\n        currencyCode\n        customer {\n            id\n            firstName\n            lastName\n        }\n        shippingLines {\n            shippingMethod {\n                name\n            }\n        }\n    }\n"])));
     var FULFILLMENT_FRAGMENT = apolloAngular.gql(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        orderItems {\n            id\n        }\n        trackingCode\n    }\n"], ["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        orderItems {\n            id\n        }\n        trackingCode\n    }\n"])));
     var ORDER_LINE_FRAGMENT = apolloAngular.gql(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n    fragment OrderLine on OrderLine {\n        id\n        featuredAsset {\n            preview\n        }\n        productVariant {\n            id\n            name\n            sku\n            trackInventory\n            stockOnHand\n        }\n        discounts {\n            ...Discount\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            unitPrice\n            unitPriceWithTax\n            taxRate\n            refundId\n            cancelled\n            fulfillment {\n                ...Fulfillment\n            }\n        }\n        linePrice\n        lineTax\n        linePriceWithTax\n        discountedLinePrice\n        discountedLinePriceWithTax\n    }\n"], ["\n    fragment OrderLine on OrderLine {\n        id\n        featuredAsset {\n            preview\n        }\n        productVariant {\n            id\n            name\n            sku\n            trackInventory\n            stockOnHand\n        }\n        discounts {\n            ...Discount\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            unitPrice\n            unitPriceWithTax\n            taxRate\n            refundId\n            cancelled\n            fulfillment {\n                ...Fulfillment\n            }\n        }\n        linePrice\n        lineTax\n        linePriceWithTax\n        discountedLinePrice\n        discountedLinePriceWithTax\n    }\n"])));
-    var ORDER_DETAIL_FRAGMENT = apolloAngular.gql(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"])), DISCOUNT_FRAGMENT, ORDER_ADDRESS_FRAGMENT, FULFILLMENT_FRAGMENT, ORDER_LINE_FRAGMENT);
+    var ORDER_DETAIL_FRAGMENT = apolloAngular.gql(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        couponCodes\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    fragment OrderDetail on Order {\n        id\n        createdAt\n        updatedAt\n        code\n        state\n        nextStates\n        active\n        couponCodes\n        customer {\n            id\n            firstName\n            lastName\n        }\n        lines {\n            ...OrderLine\n        }\n        surcharges {\n            id\n            sku\n            description\n            price\n            priceWithTax\n            taxRate\n        }\n        discounts {\n            ...Discount\n        }\n        promotions {\n            id\n            couponCode\n        }\n        subTotal\n        subTotalWithTax\n        total\n        totalWithTax\n        currencyCode\n        shipping\n        shippingWithTax\n        shippingLines {\n            shippingMethod {\n                id\n                code\n                name\n                fulfillmentHandlerCode\n                description\n            }\n        }\n        taxSummary {\n            description\n            taxBase\n            taxRate\n            taxTotal\n        }\n        shippingAddress {\n            ...OrderAddress\n        }\n        billingAddress {\n            ...OrderAddress\n        }\n        payments {\n            id\n            createdAt\n            transactionId\n            amount\n            method\n            state\n            nextStates\n            errorMessage\n            metadata\n            refunds {\n                id\n                createdAt\n                state\n                items\n                adjustment\n                total\n                paymentId\n                reason\n                transactionId\n                method\n                metadata\n                orderItems {\n                    id\n                }\n            }\n        }\n        fulfillments {\n            ...Fulfillment\n        }\n        modifications {\n            id\n            createdAt\n            isSettled\n            priceChange\n            note\n            payment {\n                id\n                amount\n            }\n            orderItems {\n                id\n            }\n            refund {\n                id\n                paymentId\n                total\n            }\n            surcharges {\n                id\n            }\n        }\n    }\n    ", "\n    ", "\n    ", "\n    ", "\n"])), DISCOUNT_FRAGMENT, ORDER_ADDRESS_FRAGMENT, FULFILLMENT_FRAGMENT, ORDER_LINE_FRAGMENT);
     var GET_ORDERS_LIST = apolloAngular.gql(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n    query GetOrderList($options: OrderListOptions) {\n        orders(options: $options) {\n            items {\n                ...Order\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetOrderList($options: OrderListOptions) {\n        orders(options: $options) {\n            items {\n                ...Order\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), ORDER_FRAGMENT);
     var GET_ORDER = apolloAngular.gql(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n    query GetOrder($id: ID!) {\n        order(id: $id) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"], ["\n    query GetOrder($id: ID!) {\n        order(id: $id) {\n            ...OrderDetail\n        }\n    }\n    ", "\n"])), ORDER_DETAIL_FRAGMENT);
     var SETTLE_PAYMENT = apolloAngular.gql(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\n            ...ErrorResult\n            ... on SettlePaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n"], ["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\n            ...ErrorResult\n            ... on SettlePaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n"])), ERROR_RESULT_FRAGMENT);
@@ -1668,6 +1705,7 @@
     (function (AdjustmentType) {
         AdjustmentType["PROMOTION"] = "PROMOTION";
         AdjustmentType["DISTRIBUTED_ORDER_PROMOTION"] = "DISTRIBUTED_ORDER_PROMOTION";
+        AdjustmentType["OTHER"] = "OTHER";
     })(exports.AdjustmentType || (exports.AdjustmentType = {}));
     exports.AssetType = void 0;
     (function (AssetType) {
@@ -2041,6 +2079,9 @@
         ErrorCode["ORDER_LIMIT_ERROR"] = "ORDER_LIMIT_ERROR";
         ErrorCode["NEGATIVE_QUANTITY_ERROR"] = "NEGATIVE_QUANTITY_ERROR";
         ErrorCode["INSUFFICIENT_STOCK_ERROR"] = "INSUFFICIENT_STOCK_ERROR";
+        ErrorCode["COUPON_CODE_INVALID_ERROR"] = "COUPON_CODE_INVALID_ERROR";
+        ErrorCode["COUPON_CODE_EXPIRED_ERROR"] = "COUPON_CODE_EXPIRED_ERROR";
+        ErrorCode["COUPON_CODE_LIMIT_ERROR"] = "COUPON_CODE_LIMIT_ERROR";
     })(exports.ErrorCode || (exports.ErrorCode = {}));
     exports.GlobalFlag = void 0;
     (function (GlobalFlag) {
@@ -2863,13 +2904,14 @@
         function PromotionDataService(baseDataService) {
             this.baseDataService = baseDataService;
         }
-        PromotionDataService.prototype.getPromotions = function (take, skip) {
+        PromotionDataService.prototype.getPromotions = function (take, skip, filter) {
             if (take === void 0) { take = 10; }
             if (skip === void 0) { skip = 0; }
             return this.baseDataService.query(GET_PROMOTION_LIST, {
                 options: {
                     take: take,
                     skip: skip,
+                    filter: filter,
                 },
             });
         };
@@ -3506,9 +3548,11 @@
         { type: ServerConfigService }
     ]; };
 
+    /** @dynamic */
     var I18nService = /** @class */ (function () {
-        function I18nService(ngxTranslate) {
+        function I18nService(ngxTranslate, document) {
             this.ngxTranslate = ngxTranslate;
+            this.document = document;
             this._availableLanguages = [];
         }
         Object.defineProperty(I18nService.prototype, "availableLanguages", {
@@ -3528,7 +3572,11 @@
          * Set the UI language
          */
         I18nService.prototype.setLanguage = function (language) {
+            var _a;
             this.ngxTranslate.use(language);
+            if ((_a = this.document) === null || _a === void 0 ? void 0 : _a.documentElement) {
+                this.document.documentElement.lang = language;
+            }
         };
         /**
          * Set the available UI languages
@@ -3544,14 +3592,15 @@
         };
         return I18nService;
     }());
-    I18nService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function I18nService_Factory() { return new I18nService(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService)); }, token: I18nService, providedIn: "root" });
+    I18nService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function I18nService_Factory() { return new I18nService(i0__namespace.ɵɵinject(i1__namespace$1.TranslateService), i0__namespace.ɵɵinject(i1__namespace.DOCUMENT)); }, token: I18nService, providedIn: "root" });
     I18nService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
                 },] }
     ];
     I18nService.ctorParameters = function () { return [
-        { type: i1$2.TranslateService }
+        { type: i1$2.TranslateService },
+        { type: Document, decorators: [{ type: i0.Inject, args: [i1.DOCUMENT,] }] }
     ]; };
 
     /**
@@ -5025,8 +5074,8 @@
     MainNavComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-main-nav',
-                    template: "<nav class=\"sidenav\" [clr-nav-level]=\"2\">\r\n    <section class=\"sidenav-content\">\r\n        <ng-container *ngFor=\"let section of navBuilderService.navMenuConfig$ | async\">\r\n            <section\r\n                class=\"nav-group\"\r\n                [attr.data-section-id]=\"section.id\"\r\n                [class.collapsible]=\"section.collapsible\"\r\n                *ngIf=\"shouldDisplayLink(section)\"\r\n            >\r\n                <vdr-ui-extension-point [locationId]=\"section.id\" api=\"navMenu\" [topPx]=\"-6\" [leftPx]=\"8\">\r\n                    <ng-container *ngIf=\"navBuilderService.sectionBadges[section.id] | async as sectionBadge\">\r\n                        <vdr-status-badge\r\n                            *ngIf=\"sectionBadge !== 'none'\"\r\n                            [type]=\"sectionBadge\"\r\n                        ></vdr-status-badge>\r\n                    </ng-container>\r\n                    <input [id]=\"section.id\" type=\"checkbox\" [checked]=\"section.collapsedByDefault\" />\r\n                    <label [for]=\"section.id\">{{ section.label | translate }}</label>\r\n                    <ul class=\"nav-list\">\r\n                        <ng-container *ngFor=\"let item of section.items\">\r\n                            <li *ngIf=\"shouldDisplayLink(item)\">\r\n                                <a\r\n                                    class=\"nav-link\"\r\n                                    [attr.data-item-id]=\"section.id\"\r\n                                    [routerLink]=\"getRouterLink(item)\"\r\n                                    routerLinkActive=\"active\"\r\n                                >\r\n                                    <ng-container *ngIf=\"item.statusBadge | async as itemBadge\">\r\n                                        <vdr-status-badge\r\n                                            *ngIf=\"itemBadge.type !== 'none'\"\r\n                                            [type]=\"itemBadge.type\"\r\n                                        ></vdr-status-badge>\r\n                                    </ng-container>\r\n                                    <clr-icon [attr.shape]=\"item.icon || 'block'\" size=\"20\"></clr-icon>\r\n                                    {{ item.label | translate }}\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </vdr-ui-extension-point>\r\n            </section>\r\n        </ng-container>\r\n    </section>\r\n</nav>\r\n",
-                    styles: [":host{order:-1;background-color:var(--clr-nav-background-color)}nav.sidenav{height:100%;width:10.8rem;border-right-color:var(--clr-sidenav-border-color)}.nav-list clr-icon{margin-right:12px}.nav-group,.nav-link{position:relative}.nav-group vdr-status-badge{left:10px;top:6px}.nav-link vdr-status-badge{left:25px;top:3px}\n"]
+                    template: "<nav class=\"sidenav\" [clr-nav-level]=\"2\">\r\n    <section class=\"sidenav-content\">\r\n        <ng-container *ngFor=\"let section of navBuilderService.navMenuConfig$ | async\">\r\n            <section\r\n                class=\"nav-group\"\r\n                [attr.data-section-id]=\"section.id\"\r\n                [class.collapsible]=\"section.collapsible\"\r\n                *ngIf=\"shouldDisplayLink(section)\"\r\n            >\r\n                <vdr-ui-extension-point [locationId]=\"section.id\" api=\"navMenu\" [topPx]=\"-6\" [leftPx]=\"8\">\r\n                    <ng-container *ngIf=\"navBuilderService.sectionBadges[section.id] | async as sectionBadge\">\r\n                        <vdr-status-badge\r\n                            *ngIf=\"sectionBadge !== 'none'\"\r\n                            [type]=\"sectionBadge\"\r\n                        ></vdr-status-badge>\r\n                    </ng-container>\r\n                    <input [id]=\"section.id\" type=\"checkbox\" [checked]=\"section.collapsedByDefault\" />\r\n                    <label class=\"nav-group-header\" [for]=\"section.id\">{{ section.label | translate }}</label>\r\n                    <ul class=\"nav-list\">\r\n                        <ng-container *ngFor=\"let item of section.items\">\r\n                            <li *ngIf=\"shouldDisplayLink(item)\">\r\n                                <a\r\n                                    class=\"nav-link\"\r\n                                    [attr.data-item-id]=\"section.id\"\r\n                                    [routerLink]=\"getRouterLink(item)\"\r\n                                    routerLinkActive=\"active\"\r\n                                >\r\n                                    <ng-container *ngIf=\"item.statusBadge | async as itemBadge\">\r\n                                        <vdr-status-badge\r\n                                            *ngIf=\"itemBadge.type !== 'none'\"\r\n                                            [type]=\"itemBadge.type\"\r\n                                        ></vdr-status-badge>\r\n                                    </ng-container>\r\n                                    <clr-icon [attr.shape]=\"item.icon || 'block'\" size=\"20\"></clr-icon>\r\n                                    {{ item.label | translate }}\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </vdr-ui-extension-point>\r\n            </section>\r\n        </ng-container>\r\n    </section>\r\n</nav>\r\n",
+                    styles: [":host{order:-1;background-color:var(--clr-nav-background-color)}nav.sidenav{height:100%;width:10.8rem;border-right-color:var(--clr-sidenav-border-color)}.sidenav .nav-group .nav-list{margin:0}.sidenav .nav-group .nav-group-header{margin:0;line-height:1.2}.sidenav .nav-group .nav-link{display:inline-flex;line-height:1rem;padding-right:.6rem}.nav-list clr-icon{flex-shrink:0;margin-right:12px}.nav-group{-webkit-hyphens:auto;hyphens:auto}.nav-group,.nav-link{position:relative}.nav-group vdr-status-badge{left:10px;top:6px}.nav-link vdr-status-badge{left:25px;top:3px}\n"]
                 },] }
     ];
     MainNavComponent.ctorParameters = function () { return [
@@ -5186,254 +5235,194 @@
 
     // tslint:disable
     var result = {
-        "possibleTypes": {
-            "AddFulfillmentToOrderResult": [
-                "Fulfillment",
-                "EmptyOrderLineSelectionError",
-                "ItemsAlreadyFulfilledError",
-                "InsufficientStockOnHandError",
-                "InvalidFulfillmentHandlerError",
-                "FulfillmentStateTransitionError",
-                "CreateFulfillmentError"
-            ],
-            "AddManualPaymentToOrderResult": [
-                "Order",
-                "ManualPaymentStateError"
-            ],
-            "AuthenticationResult": [
-                "CurrentUser",
-                "InvalidCredentialsError"
-            ],
-            "CancelOrderResult": [
-                "Order",
-                "EmptyOrderLineSelectionError",
-                "QuantityTooGreatError",
-                "MultipleOrderError",
-                "CancelActiveOrderError",
-                "OrderStateTransitionError"
-            ],
-            "CreateAssetResult": [
-                "Asset",
-                "MimeTypeError"
-            ],
-            "CreateChannelResult": [
-                "Channel",
-                "LanguageNotAvailableError"
-            ],
-            "CreateCustomerResult": [
-                "Customer",
-                "EmailAddressConflictError"
-            ],
-            "CreatePromotionResult": [
-                "Promotion",
-                "MissingConditionsError"
-            ],
-            "CustomField": [
-                "BooleanCustomFieldConfig",
-                "DateTimeCustomFieldConfig",
-                "FloatCustomFieldConfig",
-                "IntCustomFieldConfig",
-                "LocaleStringCustomFieldConfig",
-                "RelationCustomFieldConfig",
-                "StringCustomFieldConfig",
-                "TextCustomFieldConfig"
-            ],
-            "CustomFieldConfig": [
-                "StringCustomFieldConfig",
-                "LocaleStringCustomFieldConfig",
-                "IntCustomFieldConfig",
-                "FloatCustomFieldConfig",
-                "BooleanCustomFieldConfig",
-                "DateTimeCustomFieldConfig",
-                "RelationCustomFieldConfig",
-                "TextCustomFieldConfig"
-            ],
-            "ErrorResult": [
-                "AlreadyRefundedError",
-                "CancelActiveOrderError",
-                "ChannelDefaultLanguageError",
-                "CreateFulfillmentError",
-                "EmailAddressConflictError",
-                "EmptyOrderLineSelectionError",
-                "FulfillmentStateTransitionError",
-                "InsufficientStockError",
-                "InsufficientStockOnHandError",
-                "InvalidCredentialsError",
-                "InvalidFulfillmentHandlerError",
-                "ItemsAlreadyFulfilledError",
-                "LanguageNotAvailableError",
-                "ManualPaymentStateError",
-                "MimeTypeError",
-                "MissingConditionsError",
-                "MultipleOrderError",
-                "NativeAuthStrategyError",
-                "NegativeQuantityError",
-                "NoChangesSpecifiedError",
-                "NothingToRefundError",
-                "OrderLimitError",
-                "OrderModificationStateError",
-                "OrderStateTransitionError",
-                "PaymentMethodMissingError",
-                "PaymentOrderMismatchError",
-                "PaymentStateTransitionError",
-                "ProductOptionInUseError",
-                "QuantityTooGreatError",
-                "RefundOrderStateError",
-                "RefundPaymentIdMissingError",
-                "RefundStateTransitionError",
-                "SettlePaymentError"
-            ],
-            "ModifyOrderResult": [
-                "Order",
-                "NoChangesSpecifiedError",
-                "OrderModificationStateError",
-                "PaymentMethodMissingError",
-                "RefundPaymentIdMissingError",
-                "OrderLimitError",
-                "NegativeQuantityError",
-                "InsufficientStockError"
-            ],
-            "NativeAuthenticationResult": [
-                "CurrentUser",
-                "InvalidCredentialsError",
-                "NativeAuthStrategyError"
-            ],
-            "Node": [
-                "Address",
-                "Administrator",
-                "Allocation",
-                "Asset",
-                "AuthenticationMethod",
-                "Cancellation",
-                "Channel",
-                "Collection",
-                "Country",
-                "Customer",
-                "CustomerGroup",
-                "Facet",
-                "FacetValue",
-                "Fulfillment",
-                "HistoryEntry",
-                "Job",
-                "Order",
-                "OrderItem",
-                "OrderLine",
-                "OrderModification",
-                "Payment",
-                "PaymentMethod",
-                "Product",
-                "ProductOption",
-                "ProductOptionGroup",
-                "ProductVariant",
-                "Promotion",
-                "Refund",
-                "Release",
-                "Return",
-                "Role",
-                "Sale",
-                "ShippingMethod",
-                "StockAdjustment",
-                "Surcharge",
-                "Tag",
-                "TaxCategory",
-                "TaxRate",
-                "User",
-                "Zone"
-            ],
-            "PaginatedList": [
-                "AdministratorList",
-                "AssetList",
-                "CollectionList",
-                "CountryList",
-                "CustomerGroupList",
-                "CustomerList",
-                "FacetList",
-                "HistoryEntryList",
-                "JobList",
-                "OrderList",
-                "PaymentMethodList",
-                "ProductList",
-                "ProductVariantList",
-                "PromotionList",
-                "RoleList",
-                "ShippingMethodList",
-                "TagList",
-                "TaxRateList"
-            ],
-            "RefundOrderResult": [
-                "Refund",
-                "QuantityTooGreatError",
-                "NothingToRefundError",
-                "OrderStateTransitionError",
-                "MultipleOrderError",
-                "PaymentOrderMismatchError",
-                "RefundOrderStateError",
-                "AlreadyRefundedError",
-                "RefundStateTransitionError"
-            ],
-            "RemoveOptionGroupFromProductResult": [
-                "Product",
-                "ProductOptionInUseError"
-            ],
-            "SearchResultPrice": [
-                "PriceRange",
-                "SinglePrice"
-            ],
-            "SettlePaymentResult": [
-                "Payment",
-                "SettlePaymentError",
-                "PaymentStateTransitionError",
-                "OrderStateTransitionError"
+        possibleTypes: {
+            AddFulfillmentToOrderResult: [
+                'Fulfillment',
+                'EmptyOrderLineSelectionError',
+                'ItemsAlreadyFulfilledError',
+                'InsufficientStockOnHandError',
+                'InvalidFulfillmentHandlerError',
+                'FulfillmentStateTransitionError',
+                'CreateFulfillmentError',
             ],
-            "SettleRefundResult": [
-                "Refund",
-                "RefundStateTransitionError"
+            AddManualPaymentToOrderResult: ['Order', 'ManualPaymentStateError'],
+            AuthenticationResult: ['CurrentUser', 'InvalidCredentialsError'],
+            CancelOrderResult: [
+                'Order',
+                'EmptyOrderLineSelectionError',
+                'QuantityTooGreatError',
+                'MultipleOrderError',
+                'CancelActiveOrderError',
+                'OrderStateTransitionError',
             ],
-            "StockMovement": [
-                "Allocation",
-                "Cancellation",
-                "Release",
-                "Return",
-                "Sale",
-                "StockAdjustment"
+            CreateAssetResult: ['Asset', 'MimeTypeError'],
+            CreateChannelResult: ['Channel', 'LanguageNotAvailableError'],
+            CreateCustomerResult: ['Customer', 'EmailAddressConflictError'],
+            CreatePromotionResult: ['Promotion', 'MissingConditionsError'],
+            CustomField: [
+                'BooleanCustomFieldConfig',
+                'DateTimeCustomFieldConfig',
+                'FloatCustomFieldConfig',
+                'IntCustomFieldConfig',
+                'LocaleStringCustomFieldConfig',
+                'RelationCustomFieldConfig',
+                'StringCustomFieldConfig',
+                'TextCustomFieldConfig',
             ],
-            "StockMovementItem": [
-                "StockAdjustment",
-                "Allocation",
-                "Sale",
-                "Cancellation",
-                "Return",
-                "Release"
+            CustomFieldConfig: [
+                'StringCustomFieldConfig',
+                'LocaleStringCustomFieldConfig',
+                'IntCustomFieldConfig',
+                'FloatCustomFieldConfig',
+                'BooleanCustomFieldConfig',
+                'DateTimeCustomFieldConfig',
+                'RelationCustomFieldConfig',
+                'TextCustomFieldConfig',
             ],
-            "TransitionFulfillmentToStateResult": [
-                "Fulfillment",
-                "FulfillmentStateTransitionError"
+            ErrorResult: [
+                'AlreadyRefundedError',
+                'CancelActiveOrderError',
+                'ChannelDefaultLanguageError',
+                'CouponCodeExpiredError',
+                'CouponCodeInvalidError',
+                'CouponCodeLimitError',
+                'CreateFulfillmentError',
+                'EmailAddressConflictError',
+                'EmptyOrderLineSelectionError',
+                'FulfillmentStateTransitionError',
+                'InsufficientStockError',
+                'InsufficientStockOnHandError',
+                'InvalidCredentialsError',
+                'InvalidFulfillmentHandlerError',
+                'ItemsAlreadyFulfilledError',
+                'LanguageNotAvailableError',
+                'ManualPaymentStateError',
+                'MimeTypeError',
+                'MissingConditionsError',
+                'MultipleOrderError',
+                'NativeAuthStrategyError',
+                'NegativeQuantityError',
+                'NoChangesSpecifiedError',
+                'NothingToRefundError',
+                'OrderLimitError',
+                'OrderModificationStateError',
+                'OrderStateTransitionError',
+                'PaymentMethodMissingError',
+                'PaymentOrderMismatchError',
+                'PaymentStateTransitionError',
+                'ProductOptionInUseError',
+                'QuantityTooGreatError',
+                'RefundOrderStateError',
+                'RefundPaymentIdMissingError',
+                'RefundStateTransitionError',
+                'SettlePaymentError',
             ],
-            "TransitionOrderToStateResult": [
-                "Order",
-                "OrderStateTransitionError"
+            ModifyOrderResult: [
+                'Order',
+                'NoChangesSpecifiedError',
+                'OrderModificationStateError',
+                'PaymentMethodMissingError',
+                'RefundPaymentIdMissingError',
+                'OrderLimitError',
+                'NegativeQuantityError',
+                'InsufficientStockError',
+                'CouponCodeExpiredError',
+                'CouponCodeInvalidError',
+                'CouponCodeLimitError',
             ],
-            "TransitionPaymentToStateResult": [
-                "Payment",
-                "PaymentStateTransitionError"
+            NativeAuthenticationResult: ['CurrentUser', 'InvalidCredentialsError', 'NativeAuthStrategyError'],
+            Node: [
+                'Address',
+                'Administrator',
+                'Allocation',
+                'Asset',
+                'AuthenticationMethod',
+                'Cancellation',
+                'Channel',
+                'Collection',
+                'Country',
+                'Customer',
+                'CustomerGroup',
+                'Facet',
+                'FacetValue',
+                'Fulfillment',
+                'HistoryEntry',
+                'Job',
+                'Order',
+                'OrderItem',
+                'OrderLine',
+                'OrderModification',
+                'Payment',
+                'PaymentMethod',
+                'Product',
+                'ProductOption',
+                'ProductOptionGroup',
+                'ProductVariant',
+                'Promotion',
+                'Refund',
+                'Release',
+                'Return',
+                'Role',
+                'Sale',
+                'ShippingMethod',
+                'StockAdjustment',
+                'Surcharge',
+                'Tag',
+                'TaxCategory',
+                'TaxRate',
+                'User',
+                'Zone',
             ],
-            "UpdateChannelResult": [
-                "Channel",
-                "LanguageNotAvailableError"
+            PaginatedList: [
+                'AdministratorList',
+                'AssetList',
+                'CollectionList',
+                'CountryList',
+                'CustomerGroupList',
+                'CustomerList',
+                'FacetList',
+                'HistoryEntryList',
+                'JobList',
+                'OrderList',
+                'PaymentMethodList',
+                'ProductList',
+                'ProductVariantList',
+                'PromotionList',
+                'RoleList',
+                'ShippingMethodList',
+                'TagList',
+                'TaxRateList',
             ],
-            "UpdateCustomerResult": [
-                "Customer",
-                "EmailAddressConflictError"
+            RefundOrderResult: [
+                'Refund',
+                'QuantityTooGreatError',
+                'NothingToRefundError',
+                'OrderStateTransitionError',
+                'MultipleOrderError',
+                'PaymentOrderMismatchError',
+                'RefundOrderStateError',
+                'AlreadyRefundedError',
+                'RefundStateTransitionError',
             ],
-            "UpdateGlobalSettingsResult": [
-                "GlobalSettings",
-                "ChannelDefaultLanguageError"
+            RemoveOptionGroupFromProductResult: ['Product', 'ProductOptionInUseError'],
+            SearchResultPrice: ['PriceRange', 'SinglePrice'],
+            SettlePaymentResult: [
+                'Payment',
+                'SettlePaymentError',
+                'PaymentStateTransitionError',
+                'OrderStateTransitionError',
             ],
-            "UpdatePromotionResult": [
-                "Promotion",
-                "MissingConditionsError"
-            ]
-        }
+            SettleRefundResult: ['Refund', 'RefundStateTransitionError'],
+            StockMovement: ['Allocation', 'Cancellation', 'Release', 'Return', 'Sale', 'StockAdjustment'],
+            StockMovementItem: ['StockAdjustment', 'Allocation', 'Sale', 'Cancellation', 'Return', 'Release'],
+            TransitionFulfillmentToStateResult: ['Fulfillment', 'FulfillmentStateTransitionError'],
+            TransitionOrderToStateResult: ['Order', 'OrderStateTransitionError'],
+            TransitionPaymentToStateResult: ['Payment', 'PaymentStateTransitionError'],
+            UpdateChannelResult: ['Channel', 'LanguageNotAvailableError'],
+            UpdateCustomerResult: ['Customer', 'EmailAddressConflictError'],
+            UpdateGlobalSettingsResult: ['GlobalSettings', 'ChannelDefaultLanguageError'],
+            UpdatePromotionResult: ['Promotion', 'MissingConditionsError'],
+        },
     };
 
     // Allows the introspectionResult to be imported as a named symbol
@@ -6713,7 +6702,7 @@
     RelationFormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-relation-form-input',
-                    template: "<div [ngSwitch]=\"config.entity\">\r\n    <vdr-relation-asset-input\r\n        *ngSwitchCase=\"'Asset'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-asset-input>\r\n    <vdr-relation-product-input\r\n        *ngSwitchCase=\"'Product'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-product-input>\r\n    <vdr-relation-customer-input\r\n        *ngSwitchCase=\"'Customer'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-customer-input>\r\n    <vdr-relation-product-variant-input\r\n        *ngSwitchCase=\"'ProductVariant'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-product-variant-input>\r\n    <ng-template ngSwitchDefault>\r\n        No input component configured for \"{{ config.entity }}\" type\r\n    </ng-template>\r\n</div>\r\n",
+                    template: "<div [ngSwitch]=\"config.entity\">\r\n    <vdr-relation-asset-input\r\n        *ngSwitchCase=\"'Asset'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-asset-input>\r\n    <vdr-relation-product-input\r\n        *ngSwitchCase=\"'Product'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-product-input>\r\n    <vdr-relation-customer-input\r\n        *ngSwitchCase=\"'Customer'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-customer-input>\r\n    <vdr-relation-product-variant-input\r\n        *ngSwitchCase=\"'ProductVariant'\"\r\n        [parentFormControl]=\"formControl\"\r\n        [config]=\"config\"\r\n        [readonly]=\"readonly\"\r\n    ></vdr-relation-product-variant-input>\r\n    <ng-template ngSwitchDefault>\r\n        <vdr-relation-generic-input\r\n            [parentFormControl]=\"formControl\"\r\n               [config]=\"config\"\r\n               [readonly]=\"readonly\"\r\n        ></vdr-relation-generic-input>\r\n    </ng-template>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:block;background-color:var(--color-component-bg-200);padding:3px}\n"]
                 },] }
@@ -7396,7 +7385,7 @@
     AssetGalleryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-asset-gallery',
-                    template: "<div class=\"gallery\">\r\n    <div\r\n        class=\"card\"\r\n        *ngFor=\"let asset of assets\"\r\n        (click)=\"toggleSelection(asset, $event)\"\r\n        [class.selected]=\"isSelected(asset)\"\r\n    >\r\n        <div class=\"card-img\">\r\n            <div class=\"selected-checkbox\"><clr-icon shape=\"check-circle\" size=\"32\"></clr-icon></div>\r\n            <img [src]=\"asset | assetPreview: 'thumb'\" />\r\n        </div>\r\n        <div class=\"detail\">\r\n            <vdr-entity-info\r\n                [entity]=\"asset\"\r\n                [small]=\"true\"\r\n                (click)=\"entityInfoClick($event)\"\r\n            ></vdr-entity-info>\r\n            <span [title]=\"asset.name\">{{ asset.name }}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"info-bar\">\r\n    <div class=\"card\">\r\n        <div class=\"card-img\">\r\n            <div class=\"placeholder\" *ngIf=\"selection.length === 0\">\r\n                <clr-icon shape=\"image\" size=\"128\"></clr-icon>\r\n                <div>{{ 'catalog.no-selection' | translate }}</div>\r\n            </div>\r\n            <img\r\n                class=\"preview\"\r\n                *ngIf=\"selection.length >= 1\"\r\n                [src]=\"lastSelected().preview + '?preset=medium'\"\r\n            />\r\n        </div>\r\n        <div class=\"card-block details\" *ngIf=\"selection.length >= 1\">\r\n            <div class=\"name\">{{ lastSelected().name }}</div>\r\n            <div>{{ 'asset.original-asset-size' | translate }}: {{ lastSelected().fileSize | filesize }}</div>\r\n\r\n            <ng-container *ngIf=\"selection.length === 1\">\r\n                <vdr-chip *ngFor=\"let tag of lastSelected().tags\" [colorFrom]=\"tag.value\"><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ tag.value }}</vdr-chip>\r\n                <div>\r\n                    <button (click)=\"previewAsset(lastSelected())\" class=\"btn btn-link\">\r\n                        <clr-icon shape=\"eye\"></clr-icon> {{ 'asset.preview' | translate }}\r\n                    </button>\r\n                </div>\r\n                <div>\r\n                    <a [routerLink]=\"['./', lastSelected().id]\" class=\"btn btn-link\">\r\n                        <clr-icon shape=\"pencil\"></clr-icon> {{ 'common.edit' | translate }}\r\n                    </a>\r\n                </div>\r\n            </ng-container>\r\n            <div *ngIf=\"canDelete\">\r\n                <button (click)=\"deleteAssets.emit(selection)\" class=\"btn btn-link\">\r\n                    <clr-icon shape=\"trash\" class=\"is-danger\"></clr-icon> {{ 'common.delete' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"card stack\" [class.visible]=\"selection.length > 1\"></div>\r\n    <div class=\"selection-count\" [class.visible]=\"selection.length > 1\">\r\n        {{ 'asset.assets-selected-count' | translate: { count: selection.length } }}\r\n        <ul>\r\n            <li *ngFor=\"let asset of selection\">{{ asset.name }}</li>\r\n        </ul>\r\n    </div>\r\n</div>\r\n",
+                    template: "<div class=\"gallery\">\r\n    <div\r\n        class=\"card\"\r\n        *ngFor=\"let asset of assets\"\r\n        (click)=\"toggleSelection(asset, $event)\"\r\n        [class.selected]=\"isSelected(asset)\"\r\n    >\r\n        <div class=\"card-img\">\r\n            <div class=\"selected-checkbox\"><clr-icon shape=\"check-circle\" size=\"32\"></clr-icon></div>\r\n            <img [src]=\"asset | assetPreview: 'thumb'\" />\r\n        </div>\r\n        <div class=\"detail\">\r\n            <vdr-entity-info\r\n                [entity]=\"asset\"\r\n                [small]=\"true\"\r\n                (click)=\"entityInfoClick($event)\"\r\n            ></vdr-entity-info>\r\n            <span [title]=\"asset.name\">{{ asset.name }}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"info-bar\">\r\n    <div class=\"card\">\r\n        <div class=\"card-img\">\r\n            <div class=\"placeholder\" *ngIf=\"selection.length === 0\">\r\n                <clr-icon shape=\"image\" size=\"128\"></clr-icon>\r\n                <div>{{ 'catalog.no-selection' | translate }}</div>\r\n            </div>\r\n            <img\r\n                class=\"preview\"\r\n                *ngIf=\"selection.length >= 1\"\r\n                [src]=\"lastSelected().preview + '?preset=medium'\"\r\n            />\r\n        </div>\r\n        <div class=\"card-block details\" *ngIf=\"selection.length >= 1\">\r\n            <div class=\"name\">{{ lastSelected().name }}</div>\r\n            <div>{{ 'asset.original-asset-size' | translate }}: {{ lastSelected().fileSize | filesize }}</div>\r\n\r\n            <ng-container *ngIf=\"selection.length === 1\">\r\n                <vdr-chip *ngFor=\"let tag of lastSelected().tags\" [colorFrom]=\"tag.value\"\r\n                    ><clr-icon shape=\"tag\" class=\"mr2\"></clr-icon> {{ tag.value }}</vdr-chip\r\n                >\r\n                <div>\r\n                    <button (click)=\"previewAsset(lastSelected())\" class=\"btn btn-link\">\r\n                        <clr-icon shape=\"eye\"></clr-icon> {{ 'asset.preview' | translate }}\r\n                    </button>\r\n                </div>\r\n                <div>\r\n                    <vdr-asset-preview-links class=\"\" [asset]=\"lastSelected()\"></vdr-asset-preview-links>\r\n                </div>\r\n                <div>\r\n                    <a [routerLink]=\"['./', lastSelected().id]\" class=\"btn btn-link\">\r\n                        <clr-icon shape=\"pencil\"></clr-icon> {{ 'common.edit' | translate }}\r\n                    </a>\r\n                </div>\r\n            </ng-container>\r\n            <div *ngIf=\"canDelete\">\r\n                <button (click)=\"deleteAssets.emit(selection)\" class=\"btn btn-link\">\r\n                    <clr-icon shape=\"trash\" class=\"is-danger\"></clr-icon> {{ 'common.delete' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"card stack\" [class.visible]=\"selection.length > 1\"></div>\r\n    <div class=\"selection-count\" [class.visible]=\"selection.length > 1\">\r\n        {{ 'asset.assets-selected-count' | translate: { count: selection.length } }}\r\n        <ul>\r\n            <li *ngFor=\"let asset of selection\">{{ asset.name }}</li>\r\n        </ul>\r\n    </div>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:flex;overflow:hidden}.gallery{flex:1;display:grid;grid-template-columns:repeat(auto-fill,150px);grid-template-rows:repeat(auto-fill,180px);grid-gap:10px 20px;overflow-y:auto;padding-left:12px;padding-top:12px;padding-bottom:12px}.gallery .card:hover{box-shadow:0 .125rem 0 0 var(--color-primary-500);border:1px solid var(--color-primary-500)}.card{margin-top:0;position:relative}.selected-checkbox{opacity:0;position:absolute;color:var(--color-success-500);background-color:#fff;border-radius:50%;top:-12px;left:-12px;box-shadow:0 5px 5px -4px #000000bf;transition:opacity .1s}.card.selected{box-shadow:0 .125rem 0 0 var(--color-primary-500);border:1px solid var(--color-primary-500)}.card.selected .selected-checkbox{opacity:1}.detail{font-size:12px;margin:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail vdr-entity-info{height:16px}.info-bar{width:25%;padding:0 6px;overflow-y:auto}.info-bar .card{z-index:1}.info-bar .stack{z-index:0;opacity:0;transform:perspective(500px) translateZ(0) translateY(-16px);height:16px;transition:transform .3s,opacity 0s .3s;background-color:#fff}.info-bar .stack.visible{opacity:1;transform:perspective(500px) translateZ(-44px) translateY(0);background-color:var(--color-component-bg-100);transition:transform .3s,color .3s}.info-bar .selection-count{opacity:0;position:relative;text-align:center;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.info-bar .selection-count.visible{opacity:1;visibility:visible;transition:opacity .3s,visibility 0s}.info-bar .selection-count ul{text-align:left;list-style-type:none;margin-left:12px}.info-bar .selection-count ul li{font-size:12px}.info-bar .placeholder{text-align:center;color:var(--color-grey-300)}.info-bar .preview img{max-width:100%}.info-bar .details{font-size:12px;word-break:break-all}.info-bar .name{line-height:14px;font-weight:bold}\n"]
                 },] }
@@ -7547,6 +7536,24 @@
         assetGalleryComponent: [{ type: i0.ViewChild, args: ['assetGalleryComponent',] }]
     };
 
+    var AssetPreviewLinksComponent = /** @class */ (function () {
+        function AssetPreviewLinksComponent() {
+            this.sizes = ['tiny', 'thumb', 'small', 'medium', 'large', 'full'];
+        }
+        return AssetPreviewLinksComponent;
+    }());
+    AssetPreviewLinksComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-asset-preview-links',
+                    template: "<vdr-dropdown>\r\n    <button class=\"btn btn-link\" vdrDropdownTrigger>\r\n        <clr-icon shape=\"link\"></clr-icon> {{ 'catalog.asset-preview-links' | translate }}<clr-icon shape=\"caret\" dir=\"down\"></clr-icon>\r\n    </button>\r\n    <vdr-dropdown-menu vdrPosition=\"bottom-left\">\r\n        <a\r\n            *ngFor=\"let size of sizes\"\r\n            [href]=\"asset | assetPreview: size\"\r\n            [title]=\"asset | assetPreview: size\"\r\n            target=\"_blank\"\r\n            class=\"asset-preview-link\"\r\n            vdrDropdownItem\r\n        >\r\n            <vdr-chip><clr-icon shape=\"link\"></clr-icon> {{ 'asset.preview' | translate }}: {{ size }}</vdr-chip>\r\n        </a>\r\n    </vdr-dropdown-menu></vdr-dropdown\r\n>\r\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".asset-preview-link{font-size:12px}\n"]
+                },] }
+    ];
+    AssetPreviewLinksComponent.propDecorators = {
+        asset: [{ type: i0.Input }]
+    };
+
     var ManageTagsDialogComponent = /** @class */ (function () {
         function ManageTagsDialogComponent(dataService) {
             this.dataService = dataService;
@@ -7782,9 +7789,9 @@
     AssetPreviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-asset-preview',
-                    template: "<div class=\"preview-image\" #previewDiv [class.centered]=\"centered\">\r\n    <div class=\"image-wrapper\">\r\n        <vdr-focal-point-control\r\n            [width]=\"width\"\r\n            [height]=\"height\"\r\n            [fpx]=\"fpx\"\r\n            [fpy]=\"fpy\"\r\n            [editable]=\"settingFocalPoint\"\r\n            (focalPointChange)=\"onFocalPointChange($event)\"\r\n        >\r\n            <img\r\n                class=\"asset-image\"\r\n                [src]=\"asset | assetPreview: size\"\r\n                #imageElement\r\n                (load)=\"onImageLoad()\"\r\n            />\r\n        </vdr-focal-point-control>\r\n        <div class=\"focal-point-info\" *ngIf=\"settingFocalPoint\">\r\n            <button class=\"icon-button\" (click)=\"setFocalPointCancel()\">\r\n                <clr-icon shape=\"times\"></clr-icon>\r\n            </button>\r\n            <button class=\"btn btn-primary btn-sm\" (click)=\"setFocalPointEnd()\" [disabled]=\"!lastFocalPoint\">\r\n                <clr-icon shape=\"crosshairs\"></clr-icon>\r\n                {{ 'asset.set-focal-point' | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"controls\" [class.fade]=\"settingFocalPoint\">\r\n    <form [formGroup]=\"form\">\r\n        <clr-input-container class=\"name-input\" *ngIf=\"editable\">\r\n            <label>{{ 'common.name' | translate }}</label>\r\n            <input\r\n                clrInput\r\n                type=\"text\"\r\n                formControlName=\"name\"\r\n                [readonly]=\"!(['UpdateCatalog', 'UpdateAsset'] | hasPermission) || settingFocalPoint\"\r\n            />\r\n        </clr-input-container>\r\n\r\n        <vdr-labeled-data [label]=\"'common.name' | translate\" *ngIf=\"!editable\">\r\n            <span class=\"elide\">\r\n                {{ asset.name }}\r\n            </span>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.source-file' | translate\">\r\n            <a [href]=\"asset.source\" [title]=\"asset.source\" target=\"_blank\" class=\"elide source-link\">{{\r\n                getSourceFileName()\r\n            }}</a>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.original-asset-size' | translate\">\r\n            {{ asset.fileSize | filesize }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.dimensions' | translate\">\r\n            {{ asset.width }} x {{ asset.height }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.focal-point' | translate\">\r\n            <span *ngIf=\"fpx\"\r\n                ><clr-icon shape=\"crosshairs\"></clr-icon> x: {{ fpx | number: '1.2-2' }}, y:\r\n                {{ fpy | number: '1.2-2' }}</span\r\n            >\r\n            <span *ngIf=\"!fpx\">{{ 'common.not-set' | translate }}</span>\r\n            <br />\r\n            <button\r\n                class=\"btn btn-secondary-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                (click)=\"setFocalPointStart()\"\r\n            >\r\n                <ng-container *ngIf=\"!fpx\">{{ 'asset.set-focal-point' | translate }}</ng-container>\r\n                <ng-container *ngIf=\"fpx\">{{ 'asset.update-focal-point' | translate }}</ng-container>\r\n            </button>\r\n            <button\r\n                class=\"btn btn-warning-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                *ngIf=\"!!fpx\"\r\n                (click)=\"removeFocalPoint()\"\r\n            >\r\n                {{ 'asset.unset-focal-point' | translate }}\r\n            </button>\r\n        </vdr-labeled-data>\r\n        <vdr-labeled-data [label]=\"'common.tags' | translate\">\r\n            <ng-container *ngIf=\"editable\">\r\n                <vdr-tag-selector formControlName=\"tags\"></vdr-tag-selector>\r\n                <button class=\"btn btn-link btn-sm\" (click)=\"manageTags()\">\r\n                    <clr-icon shape=\"tags\"></clr-icon>\r\n                    {{ 'common.manage-tags' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <div *ngIf=\"!editable\">\r\n                <vdr-chip *ngFor=\"let tag of asset.tags\" [colorFrom]=\"tag.value\">\r\n                    <clr-icon shape=\"tag\" class=\"mr2\"></clr-icon>\r\n                    {{ tag.value }}</vdr-chip\r\n                >\r\n            </div>\r\n        </vdr-labeled-data>\r\n    </form>\r\n    <section *ngIf=\"customFields.length\">\r\n        <label>{{ 'common.custom-fields' | translate }}</label>\r\n        <vdr-tabbed-custom-fields\r\n            entityName=\"Asset\"\r\n            [compact]=\"true\"\r\n            [customFields]=\"customFields\"\r\n            [customFieldsFormGroup]=\"customFieldsForm\"\r\n            [readonly]=\"!(['UpdateCatalog', 'UpdateAsset'] | hasPermission)\"\r\n        ></vdr-tabbed-custom-fields>\r\n    </section>\r\n    <div class=\"flex-spacer\"></div>\r\n    <div class=\"preview-select\">\r\n        <clr-select-container>\r\n            <label>{{ 'asset.preview' | translate }}</label>\r\n            <select clrSelect name=\"options\" [(ngModel)]=\"size\" [disabled]=\"settingFocalPoint\">\r\n                <option value=\"tiny\">tiny</option>\r\n                <option value=\"thumb\">thumb</option>\r\n                <option value=\"small\">small</option>\r\n                <option value=\"medium\">medium</option>\r\n                <option value=\"large\">large</option>\r\n                <option value=\"\">full size</option>\r\n            </select>\r\n        </clr-select-container>\r\n        <div class=\"asset-detail\">{{ width }} x {{ height }}</div>\r\n    </div>\r\n    <a\r\n        *ngIf=\"!editable\"\r\n        class=\"btn btn-link btn-sm\"\r\n        [routerLink]=\"['/catalog', 'assets', asset.id]\"\r\n        (click)=\"editClick.emit()\"\r\n    >\r\n        <clr-icon shape=\"edit\"></clr-icon>\r\n        {{ 'common.edit' | translate }}\r\n    </a>\r\n</div>\r\n",
+                    template: "<div class=\"preview-image\" #previewDiv [class.centered]=\"centered\">\r\n    <div class=\"image-wrapper\">\r\n        <vdr-focal-point-control\r\n            [width]=\"width\"\r\n            [height]=\"height\"\r\n            [fpx]=\"fpx\"\r\n            [fpy]=\"fpy\"\r\n            [editable]=\"settingFocalPoint\"\r\n            (focalPointChange)=\"onFocalPointChange($event)\"\r\n        >\r\n            <img\r\n                class=\"asset-image\"\r\n                [src]=\"asset | assetPreview: size\"\r\n                #imageElement\r\n                (load)=\"onImageLoad()\"\r\n            />\r\n        </vdr-focal-point-control>\r\n        <div class=\"focal-point-info\" *ngIf=\"settingFocalPoint\">\r\n            <button class=\"icon-button\" (click)=\"setFocalPointCancel()\">\r\n                <clr-icon shape=\"times\"></clr-icon>\r\n            </button>\r\n            <button class=\"btn btn-primary btn-sm\" (click)=\"setFocalPointEnd()\" [disabled]=\"!lastFocalPoint\">\r\n                <clr-icon shape=\"crosshairs\"></clr-icon>\r\n                {{ 'asset.set-focal-point' | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"controls\" [class.fade]=\"settingFocalPoint\">\r\n    <form [formGroup]=\"form\">\r\n        <clr-input-container class=\"name-input\" *ngIf=\"editable\">\r\n            <label>{{ 'common.name' | translate }}</label>\r\n            <input\r\n                clrInput\r\n                type=\"text\"\r\n                formControlName=\"name\"\r\n                [readonly]=\"!(['UpdateCatalog', 'UpdateAsset'] | hasPermission) || settingFocalPoint\"\r\n            />\r\n        </clr-input-container>\r\n\r\n        <vdr-labeled-data [label]=\"'common.name' | translate\" *ngIf=\"!editable\">\r\n            <span class=\"elide\">\r\n                {{ asset.name }}\r\n            </span>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.source-file' | translate\">\r\n            <a [href]=\"asset.source\" [title]=\"asset.source\" target=\"_blank\" class=\"elide source-link\">{{\r\n                getSourceFileName()\r\n            }}</a>\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.original-asset-size' | translate\">\r\n            {{ asset.fileSize | filesize }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.dimensions' | translate\">\r\n            {{ asset.width }} x {{ asset.height }}\r\n        </vdr-labeled-data>\r\n\r\n        <vdr-labeled-data [label]=\"'asset.focal-point' | translate\">\r\n            <span *ngIf=\"fpx\"\r\n                ><clr-icon shape=\"crosshairs\"></clr-icon> x: {{ fpx | number: '1.2-2' }}, y:\r\n                {{ fpy | number: '1.2-2' }}</span\r\n            >\r\n            <span *ngIf=\"!fpx\">{{ 'common.not-set' | translate }}</span>\r\n            <br />\r\n            <button\r\n                class=\"btn btn-secondary-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                (click)=\"setFocalPointStart()\"\r\n            >\r\n                <ng-container *ngIf=\"!fpx\">{{ 'asset.set-focal-point' | translate }}</ng-container>\r\n                <ng-container *ngIf=\"fpx\">{{ 'asset.update-focal-point' | translate }}</ng-container>\r\n            </button>\r\n            <button\r\n                class=\"btn btn-warning-outline btn-sm\"\r\n                [disabled]=\"settingFocalPoint\"\r\n                *ngIf=\"!!fpx\"\r\n                (click)=\"removeFocalPoint()\"\r\n            >\r\n                {{ 'asset.unset-focal-point' | translate }}\r\n            </button>\r\n        </vdr-labeled-data>\r\n        <vdr-labeled-data [label]=\"'common.tags' | translate\">\r\n            <ng-container *ngIf=\"editable\">\r\n                <vdr-tag-selector formControlName=\"tags\"></vdr-tag-selector>\r\n                <button class=\"btn btn-link btn-sm\" (click)=\"manageTags()\">\r\n                    <clr-icon shape=\"tags\"></clr-icon>\r\n                    {{ 'common.manage-tags' | translate }}\r\n                </button>\r\n            </ng-container>\r\n            <div *ngIf=\"!editable\">\r\n                <vdr-chip *ngFor=\"let tag of asset.tags\" [colorFrom]=\"tag.value\">\r\n                    <clr-icon shape=\"tag\" class=\"mr2\"></clr-icon>\r\n                    {{ tag.value }}</vdr-chip\r\n                >\r\n            </div>\r\n        </vdr-labeled-data>\r\n    </form>\r\n    <section *ngIf=\"customFields.length\">\r\n        <label>{{ 'common.custom-fields' | translate }}</label>\r\n        <vdr-tabbed-custom-fields\r\n            entityName=\"Asset\"\r\n            [compact]=\"true\"\r\n            [customFields]=\"customFields\"\r\n            [customFieldsFormGroup]=\"customFieldsForm\"\r\n            [readonly]=\"!(['UpdateCatalog', 'UpdateAsset'] | hasPermission)\"\r\n        ></vdr-tabbed-custom-fields>\r\n    </section>\r\n    <div class=\"flex-spacer\"></div>\r\n    <div class=\"preview-select\">\r\n        <clr-select-container>\r\n            <label>{{ 'asset.preview' | translate }}</label>\r\n            <select clrSelect name=\"options\" [(ngModel)]=\"size\" [disabled]=\"settingFocalPoint\">\r\n                <option value=\"tiny\">tiny</option>\r\n                <option value=\"thumb\">thumb</option>\r\n                <option value=\"small\">small</option>\r\n                <option value=\"medium\">medium</option>\r\n                <option value=\"large\">large</option>\r\n                <option value=\"\">full size</option>\r\n            </select>\r\n        </clr-select-container>\r\n        <div class=\"asset-detail\">{{ width }} x {{ height }}</div>\r\n    </div>\r\n    <vdr-asset-preview-links class=\"mb4\" [asset]=\"asset\"></vdr-asset-preview-links>\r\n    <div *ngIf=\"!editable\" class=\"edit-button-wrapper\">\r\n        <a\r\n            class=\"btn btn-link btn-sm\"\r\n            [routerLink]=\"['/catalog', 'assets', asset.id]\"\r\n            (click)=\"editClick.emit()\"\r\n        >\r\n            <clr-icon shape=\"edit\"></clr-icon>\r\n            {{ 'common.edit' | translate }}\r\n        </a>\r\n    </div>\r\n</div>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;height:100%}.preview-image{width:100%;height:100%;min-height:60vh;overflow:auto;text-align:center;box-shadow:inset 0 0 5px #0000001a;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACuoAAArqAVDM774AAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAK0lEQVQ4T2P4jwP8xgFGNSADqDwGIF0DlMYAUH0YYFQDMoDKYwASNfz/DwB/JvcficphowAAAABJRU5ErkJggg==);flex:1}.preview-image.centered{display:flex;align-items:center;justify-content:center}.preview-image vdr-focal-point-control{position:relative;box-shadow:0 0 10px -3px #00000026}.preview-image .image-wrapper{position:relative}.preview-image .asset-image{width:100%}.preview-image .focal-point-info{position:absolute;display:flex;right:0}.controls{display:flex;flex-direction:column;margin-left:12px;min-width:15vw;max-width:25vw;transition:opacity .3s}.controls.fade{opacity:.5}.controls .name-input{margin-bottom:24px}.controls ::ng-deep .clr-control-container{width:100%}.controls ::ng-deep .clr-control-container .clr-input{width:100%}.controls .elide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.controls .source-link{direction:rtl}.controls .preview-select{display:flex;align-items:center;margin-bottom:12px}.controls .preview-select clr-select-container{margin-right:12px}\n"]
+                    styles: [":host{display:flex;height:100%}.preview-image{width:100%;height:100%;min-height:60vh;overflow:auto;text-align:center;box-shadow:inset 0 0 5px #0000001a;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACuoAAArqAVDM774AAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAK0lEQVQ4T2P4jwP8xgFGNSADqDwGIF0DlMYAUH0YYFQDMoDKYwASNfz/DwB/JvcficphowAAAABJRU5ErkJggg==);flex:1}.preview-image.centered{display:flex;align-items:center;justify-content:center}.preview-image vdr-focal-point-control{position:relative;box-shadow:0 0 10px -3px #00000026}.preview-image .image-wrapper{position:relative}.preview-image .asset-image{width:100%}.preview-image .focal-point-info{position:absolute;display:flex;right:0}.controls{display:flex;flex-direction:column;margin-left:12px;min-width:15vw;max-width:25vw;transition:opacity .3s}.controls.fade{opacity:.5}.controls .name-input{margin-bottom:24px}.controls ::ng-deep .clr-control-container{width:100%}.controls ::ng-deep .clr-control-container .clr-input{width:100%}.controls .elide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.controls .source-link{direction:rtl}.controls .preview-select{display:flex;align-items:center}.controls .preview-select clr-select-container{margin-right:12px}.edit-button-wrapper{padding-top:6px;border-top:1px solid var(--color-component-border-100);text-align:center}\n"]
                 },] }
     ];
     AssetPreviewComponent.ctorParameters = function () { return [
@@ -10301,7 +10308,7 @@
                 this.depth = 0;
             }
         }
-        ObjectTreeComponent.prototype.ngOnInit = function () {
+        ObjectTreeComponent.prototype.ngOnChanges = function () {
             this.entries = this.getEntries(this.value);
             this.expanded = this.depth === 0 || this.isArrayItem;
             this.valueIsArray = Object.keys(this.value).every(function (v) { return Number.isInteger(+v); });
@@ -11106,7 +11113,7 @@
         };
         ProsemirrorService.prototype.getStateFromText = function (text) {
             var div = document.createElement('div');
-            div.innerHTML = text;
+            div.innerHTML = text !== null && text !== void 0 ? text : '';
             return prosemirrorState.EditorState.create({
                 doc: prosemirrorModel.DOMParser.fromSchema(this.mySchema).parse(div),
                 plugins: this.configurePlugins({ schema: this.mySchema, floatingMenu: false }),
@@ -11297,7 +11304,8 @@
             this.tabbedCustomFields = this.groupByTabs(this.customFields);
         };
         TabbedCustomFieldsComponent.prototype.customFieldIsSet = function (name) {
-            return !!this.customFieldsFormGroup.get(name);
+            var _a;
+            return !!((_a = this.customFieldsFormGroup) === null || _a === void 0 ? void 0 : _a.get(name));
         };
         TabbedCustomFieldsComponent.prototype.groupByTabs = function (customFieldConfigs) {
             var e_1, _d;
@@ -11652,7 +11660,7 @@
         }
         Object.defineProperty(IfDefaultChannelActiveDirective.prototype, "vdrIfMultichannelElse", {
             /**
-             * A template to show if the current user does not have the speicified permission.
+             * A template to show if the current user does not have the specified permission.
              */
             set: function (templateRef) {
                 this.setElseTemplate(templateRef);
@@ -11711,7 +11719,7 @@
         }
         Object.defineProperty(IfMultichannelDirective.prototype, "vdrIfMultichannelElse", {
             /**
-             * A template to show if the current user does not have the speicified permission.
+             * A template to show if the current user does not have the specified permission.
              */
             set: function (templateRef) {
                 this.setElseTemplate(templateRef);
@@ -12246,6 +12254,52 @@
         template: [{ type: i0.ViewChild, args: ['selector',] }]
     };
 
+    var RelationGenericInputComponent = /** @class */ (function () {
+        function RelationGenericInputComponent(modalService) {
+            this.modalService = modalService;
+        }
+        RelationGenericInputComponent.prototype.selectRelationId = function () {
+            var _this = this;
+            this.modalService
+                .fromComponent(RelationSelectorDialogComponent, {
+                size: 'md',
+                closable: true,
+                locals: {
+                    title: ngxTranslateExtractMarker.marker('common.select-relation-id'),
+                    selectorTemplate: this.template,
+                },
+            })
+                .subscribe(function (result) {
+                if (result) {
+                    _this.parentFormControl.setValue({ id: result });
+                    _this.parentFormControl.markAsDirty();
+                }
+            });
+        };
+        RelationGenericInputComponent.prototype.remove = function () {
+            this.parentFormControl.setValue(null);
+            this.parentFormControl.markAsDirty();
+        };
+        return RelationGenericInputComponent;
+    }());
+    RelationGenericInputComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'vdr-relation-generic-input',
+                    template: "<vdr-relation-card\r\n    (select)=\"selectRelationId()\"\r\n    (remove)=\"remove()\"\r\n    placeholderIcon=\"objects\"\r\n    [entity]=\"parentFormControl.value\"\r\n    [selectLabel]=\"'common.select-relation-id' | translate\"\r\n    [removable]=\"!config.list\"\r\n    [readonly]=\"readonly\"\r\n>\r\n    {{ parentFormControl.value | json }}\r\n    <ng-template vdrRelationCardPreview>\r\n        <div class=\"placeholder\">\r\n            <clr-icon shape=\"objects\" size=\"50\"></clr-icon>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template vdrRelationCardDetail let-entity=\"entity\">\r\n        <div class=\"\">\r\n            {{ config.entity }}: <strong>{{ entity.id }}</strong>\r\n        </div>\r\n        <vdr-object-tree [value]=\"{ properties: parentFormControl.value }\"></vdr-object-tree>\r\n    </ng-template>\r\n</vdr-relation-card>\r\n\r\n<ng-template #selector let-select=\"select\">\r\n    <div class=\"id-select-wrapper\">\r\n        <clr-input-container>\r\n            <input [(ngModel)]=\"relationId\" type=\"text\" clrInput [readonly]=\"readonly\" />\r\n        </clr-input-container>\r\n        <div>\r\n            <button class=\"btn btn-primary m0\" (click)=\"select(relationId)\">\r\n                {{ 'common.confirm' | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".id-select-wrapper{display:flex;align-items:flex-end}\n"]
+                },] }
+    ];
+    RelationGenericInputComponent.ctorParameters = function () { return [
+        { type: ModalService }
+    ]; };
+    RelationGenericInputComponent.propDecorators = {
+        readonly: [{ type: i0.Input }],
+        parentFormControl: [{ type: i0.Input }],
+        config: [{ type: i0.Input }],
+        template: [{ type: i0.ViewChild, args: ['selector',] }]
+    };
+
     var RelationProductVariantInputComponent = /** @class */ (function () {
         function RelationProductVariantInputComponent(modalService, dataService) {
             this.modalService = modalService;
@@ -12468,7 +12522,7 @@
             if (!asset) {
                 return '';
             }
-            if (!asset.preview || typeof asset.preview !== 'string') {
+            if (asset.preview == null || typeof asset.preview !== 'string') {
                 throw new Error("Expected an Asset, got " + JSON.stringify(asset));
             }
             var fp = asset.focalPoint ? "&fpx=" + asset.focalPoint.x + "&fpy=" + asset.focalPoint.y : '';
@@ -13408,6 +13462,7 @@
         TabbedCustomFieldsComponent,
         UiExtensionPointComponent,
         CustomDetailComponentHostComponent,
+        AssetPreviewLinksComponent,
     ];
     var DYNAMIC_FORM_INPUTS = [
         TextFormInputComponent,
@@ -13427,6 +13482,7 @@
         RelationCardPreviewDirective,
         RelationCardDetailDirective,
         RelationSelectorDialogComponent,
+        RelationGenericInputComponent,
         TextareaFormInputComponent,
         RichTextFormInputComponent,
         JsonEditorFormInputComponent,
@@ -13619,8 +13675,8 @@
             this.availableLanguages$ = this.serverConfigService.getAvailableLanguages();
             rxjs.combineLatest(this.entity$, this.languageCode$)
                 .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function (_c) {
-                var _d = __read(_c, 2), entity = _d[0], languageCode = _d[1];
+                .subscribe(function (_d) {
+                var _e = __read(_d, 2), entity = _e[0], languageCode = _e[1];
                 _this.setFormValues(entity, languageCode);
                 _this.detailForm.markAsPristine();
             });
@@ -13637,15 +13693,15 @@
             return this.detailForm && this.detailForm.pristine;
         };
         BaseDetailComponent.prototype.setCustomFieldFormValues = function (customFields, formGroup, entity, currentTranslation) {
-            var e_1, _c;
-            var _a, _b;
+            var e_1, _d;
+            var _a, _b, _c;
             try {
                 for (var customFields_1 = __values(customFields), customFields_1_1 = customFields_1.next(); !customFields_1_1.done; customFields_1_1 = customFields_1.next()) {
                     var fieldDef = customFields_1_1.value;
                     var key = fieldDef.name;
                     var value = fieldDef.type === 'localeString'
-                        ? (_a = currentTranslation.customFields) === null || _a === void 0 ? void 0 : _a[key]
-                        : (_b = entity.customFields) === null || _b === void 0 ? void 0 : _b[key];
+                        ? (_b = (_a = currentTranslation) === null || _a === void 0 ? void 0 : _a.customFields) === null || _b === void 0 ? void 0 : _b[key]
+                        : (_c = entity.customFields) === null || _c === void 0 ? void 0 : _c[key];
                     var control = formGroup === null || formGroup === void 0 ? void 0 : formGroup.get(key);
                     if (control) {
                         control.patchValue(value);
@@ -13655,7 +13711,7 @@
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (customFields_1_1 && !customFields_1_1.done && (_c = customFields_1.return)) _c.call(customFields_1);
+                    if (customFields_1_1 && !customFields_1_1.done && (_d = customFields_1.return)) _d.call(customFields_1);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -13664,10 +13720,10 @@
             return this.serverConfigService.getCustomFieldsFor(key);
         };
         BaseDetailComponent.prototype.setQueryParam = function (key, value) {
-            var _c;
+            var _d;
             this.router.navigate([
                 './',
-                Object.assign(Object.assign({}, this.route.snapshot.params), (_c = {}, _c[key] = value, _c)),
+                Object.assign(Object.assign({}, this.route.snapshot.params), (_d = {}, _d[key] = value, _d)),
             ], {
                 relativeTo: this.route,
                 queryParamsHandling: 'merge',
@@ -14005,7 +14061,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.4.5';
+    var ADMIN_UI_VERSION = '1.5.0';
 
     /**
      * Responsible for registering dashboard widget components and querying for layouts.
@@ -14276,6 +14332,7 @@
     exports.AssetPickerDialogComponent = AssetPickerDialogComponent;
     exports.AssetPreviewComponent = AssetPreviewComponent;
     exports.AssetPreviewDialogComponent = AssetPreviewDialogComponent;
+    exports.AssetPreviewLinksComponent = AssetPreviewLinksComponent;
     exports.AssetPreviewPipe = AssetPreviewPipe;
     exports.AssetSearchInputComponent = AssetSearchInputComponent;
     exports.AuthDataService = AuthDataService;
@@ -14351,6 +14408,7 @@
     exports.DELETE_COLLECTION = DELETE_COLLECTION;
     exports.DELETE_COUNTRY = DELETE_COUNTRY;
     exports.DELETE_CUSTOMER = DELETE_CUSTOMER;
+    exports.DELETE_CUSTOMER_ADDRESS = DELETE_CUSTOMER_ADDRESS;
     exports.DELETE_CUSTOMER_GROUP = DELETE_CUSTOMER_GROUP;
     exports.DELETE_CUSTOMER_NOTE = DELETE_CUSTOMER_NOTE;
     exports.DELETE_FACET = DELETE_FACET;
@@ -14561,6 +14619,7 @@
     exports.RelationCardPreviewDirective = RelationCardPreviewDirective;
     exports.RelationCustomerInputComponent = RelationCustomerInputComponent;
     exports.RelationFormInputComponent = RelationFormInputComponent;
+    exports.RelationGenericInputComponent = RelationGenericInputComponent;
     exports.RelationProductInputComponent = RelationProductInputComponent;
     exports.RelationProductVariantInputComponent = RelationProductVariantInputComponent;
     exports.RelationSelectorDialogComponent = RelationSelectorDialogComponent;