npm - @vendure/admin-ui - Versions diffs - 1.6.3 → 1.7.0 - Mend

@vendure/admin-ui 1.6.3 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

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

@@ -666,8 +666,8 @@
     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);
-    var CREATE_TAX_RATE = apolloAngular.gql(templateObject_26$1 || (templateObject_26$1 = __makeTemplateObject(["\n    mutation CreateTaxRate($input: CreateTaxRateInput!) {\n        createTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    mutation CreateTaxRate($input: CreateTaxRateInput!) {\n        createTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
-    var UPDATE_TAX_RATE = apolloAngular.gql(templateObject_27$1 || (templateObject_27$1 = __makeTemplateObject(["\n    mutation UpdateTaxRate($input: UpdateTaxRateInput!) {\n        updateTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateTaxRate($input: UpdateTaxRateInput!) {\n        updateTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
+    var CREATE_TAX_RATE = apolloAngular.gql(templateObject_26$2 || (templateObject_26$2 = __makeTemplateObject(["\n    mutation CreateTaxRate($input: CreateTaxRateInput!) {\n        createTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    mutation CreateTaxRate($input: CreateTaxRateInput!) {\n        createTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
+    var UPDATE_TAX_RATE = apolloAngular.gql(templateObject_27$2 || (templateObject_27$2 = __makeTemplateObject(["\n    mutation UpdateTaxRate($input: UpdateTaxRateInput!) {\n        updateTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateTaxRate($input: UpdateTaxRateInput!) {\n        updateTaxRate(input: $input) {\n            ...TaxRate\n        }\n    }\n    ", "\n"])), TAX_RATE_FRAGMENT);
     var DELETE_TAX_RATE = apolloAngular.gql(templateObject_28$1 || (templateObject_28$1 = __makeTemplateObject(["\n    mutation DeleteTaxRate($id: ID!) {\n        deleteTaxRate(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteTaxRate($id: ID!) {\n        deleteTaxRate(id: $id) {\n            result\n            message\n        }\n    }\n"])));
     var CHANNEL_FRAGMENT = apolloAngular.gql(templateObject_29$1 || (templateObject_29$1 = __makeTemplateObject(["\n    fragment Channel on Channel {\n        id\n        createdAt\n        updatedAt\n        code\n        token\n        pricesIncludeTax\n        currencyCode\n        defaultLanguageCode\n        defaultShippingZone {\n            id\n            name\n        }\n        defaultTaxZone {\n            id\n            name\n        }\n    }\n"], ["\n    fragment Channel on Channel {\n        id\n        createdAt\n        updatedAt\n        code\n        token\n        pricesIncludeTax\n        currencyCode\n        defaultLanguageCode\n        defaultShippingZone {\n            id\n            name\n        }\n        defaultTaxZone {\n            id\n            name\n        }\n    }\n"])));
     var GET_CHANNELS = apolloAngular.gql(templateObject_30$1 || (templateObject_30$1 = __makeTemplateObject(["\n    query GetChannels {\n        channels {\n            ...Channel\n        }\n    }\n    ", "\n"], ["\n    query GetChannels {\n        channels {\n            ...Channel\n        }\n    }\n    ", "\n"])), CHANNEL_FRAGMENT);
@@ -685,7 +685,7 @@
     var DELETE_PAYMENT_METHOD = apolloAngular.gql(templateObject_42$1 || (templateObject_42$1 = __makeTemplateObject(["\n    mutation DeletePaymentMethod($id: ID!, $force: Boolean) {\n        deletePaymentMethod(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeletePaymentMethod($id: ID!, $force: Boolean) {\n        deletePaymentMethod(id: $id, force: $force) {\n            result\n            message\n        }\n    }\n"])));
     var GLOBAL_SETTINGS_FRAGMENT = apolloAngular.gql(templateObject_43$1 || (templateObject_43$1 = __makeTemplateObject(["\n    fragment GlobalSettings on GlobalSettings {\n        id\n        availableLanguages\n        trackInventory\n        outOfStockThreshold\n        serverConfig {\n            permissions {\n                name\n                description\n                assignable\n            }\n            orderProcess {\n                name\n            }\n        }\n    }\n"], ["\n    fragment GlobalSettings on GlobalSettings {\n        id\n        availableLanguages\n        trackInventory\n        outOfStockThreshold\n        serverConfig {\n            permissions {\n                name\n                description\n                assignable\n            }\n            orderProcess {\n                name\n            }\n        }\n    }\n"])));
     var GET_GLOBAL_SETTINGS = apolloAngular.gql(templateObject_44$1 || (templateObject_44$1 = __makeTemplateObject(["\n    query GetGlobalSettings {\n        globalSettings {\n            ...GlobalSettings\n        }\n    }\n    ", "\n"], ["\n    query GetGlobalSettings {\n        globalSettings {\n            ...GlobalSettings\n        }\n    }\n    ", "\n"])), GLOBAL_SETTINGS_FRAGMENT);
-    var UPDATE_GLOBAL_SETTINGS = apolloAngular.gql(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n    mutation UpdateGlobalSettings($input: UpdateGlobalSettingsInput!) {\n        updateGlobalSettings(input: $input) {\n            ...GlobalSettings\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateGlobalSettings($input: UpdateGlobalSettingsInput!) {\n        updateGlobalSettings(input: $input) {\n            ...GlobalSettings\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), GLOBAL_SETTINGS_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var UPDATE_GLOBAL_SETTINGS = apolloAngular.gql(templateObject_45$1 || (templateObject_45$1 = __makeTemplateObject(["\n    mutation UpdateGlobalSettings($input: UpdateGlobalSettingsInput!) {\n        updateGlobalSettings(input: $input) {\n            ...GlobalSettings\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation UpdateGlobalSettings($input: UpdateGlobalSettingsInput!) {\n        updateGlobalSettings(input: $input) {\n            ...GlobalSettings\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), GLOBAL_SETTINGS_FRAGMENT, ERROR_RESULT_FRAGMENT);
     var CUSTOM_FIELD_CONFIG_FRAGMENT = apolloAngular.gql(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n    fragment CustomFieldConfig on CustomField {\n        name\n        type\n        list\n        description {\n            languageCode\n            value\n        }\n        label {\n            languageCode\n            value\n        }\n        readonly\n        nullable\n        ui\n    }\n"], ["\n    fragment CustomFieldConfig on CustomField {\n        name\n        type\n        list\n        description {\n            languageCode\n            value\n        }\n        label {\n            languageCode\n            value\n        }\n        readonly\n        nullable\n        ui\n    }\n"])));
     var STRING_CUSTOM_FIELD_FRAGMENT = apolloAngular.gql(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n    fragment StringCustomField on StringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n        options {\n            label {\n                languageCode\n                value\n            }\n            value\n        }\n    }\n    ", "\n"], ["\n    fragment StringCustomField on StringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n        options {\n            label {\n                languageCode\n                value\n            }\n            value\n        }\n    }\n    ", "\n"])), CUSTOM_FIELD_CONFIG_FRAGMENT);
     var LOCALE_STRING_CUSTOM_FIELD_FRAGMENT = apolloAngular.gql(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n    fragment LocaleStringCustomField on LocaleStringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n    }\n    ", "\n"], ["\n    fragment LocaleStringCustomField on LocaleStringCustomFieldConfig {\n        ...CustomFieldConfig\n        pattern\n    }\n    ", "\n"])), CUSTOM_FIELD_CONFIG_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$5, 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;
+    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$5, 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$2, templateObject_27$2, 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$1, 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();
@@ -1254,26 +1254,27 @@
     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);
-    var DELETE_ASSETS = apolloAngular.gql(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"])));
-    var SEARCH_PRODUCTS = apolloAngular.gql(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"])));
+    var DELETE_ASSETS = apolloAngular.gql(templateObject_26$1 || (templateObject_26$1 = __makeTemplateObject(["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteAssets($input: DeleteAssetsInput!) {\n        deleteAssets(input: $input) {\n            result\n            message\n        }\n    }\n"])));
+    var SEARCH_PRODUCTS = apolloAngular.gql(templateObject_27$1 || (templateObject_27$1 = __makeTemplateObject(["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query SearchProducts($input: SearchInput!) {\n        search(input: $input) {\n            totalItems\n            items {\n                enabled\n                productId\n                productName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                productVariantId\n                productVariantName\n                productVariantAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                sku\n                channelIds\n            }\n            facetValues {\n                count\n                facetValue {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    facet {\n                        id\n                        createdAt\n                        updatedAt\n                        name\n                    }\n                }\n            }\n        }\n    }\n"])));
     var PRODUCT_SELECTOR_SEARCH = apolloAngular.gql(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n    query ProductSelectorSearch($term: String!, $take: Int!) {\n        search(input: { groupByProduct: false, term: $term, take: $take }) {\n            items {\n                productVariantId\n                productVariantName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                price {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                priceWithTax {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                sku\n            }\n        }\n    }\n"], ["\n    query ProductSelectorSearch($term: String!, $take: Int!) {\n        search(input: { groupByProduct: false, term: $term, take: $take }) {\n            items {\n                productVariantId\n                productVariantName\n                productAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                price {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                priceWithTax {\n                    ... on SinglePrice {\n                        value\n                    }\n                }\n                sku\n            }\n        }\n    }\n"])));
     var UPDATE_PRODUCT_OPTION_GROUP = apolloAngular.gql(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n    mutation UpdateProductOptionGroup($input: UpdateProductOptionGroupInput!) {\n        updateProductOptionGroup(input: $input) {\n            ...ProductOptionGroup\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductOptionGroup($input: UpdateProductOptionGroupInput!) {\n        updateProductOptionGroup(input: $input) {\n            ...ProductOptionGroup\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_GROUP_FRAGMENT);
     var UPDATE_PRODUCT_OPTION = apolloAngular.gql(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n    mutation UpdateProductOption($input: UpdateProductOptionInput!) {\n        updateProductOption(input: $input) {\n            ...ProductOption\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateProductOption($input: UpdateProductOptionInput!) {\n        updateProductOption(input: $input) {\n            ...ProductOption\n        }\n    }\n    ", "\n"])), PRODUCT_OPTION_FRAGMENT);
-    var DELETE_PRODUCT_VARIANT = apolloAngular.gql(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT_OPTIONS = apolloAngular.gql(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_OPTION_GROUP_FRAGMENT, PRODUCT_OPTION_FRAGMENT);
-    var ASSIGN_PRODUCTS_TO_CHANNEL = apolloAngular.gql(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var ASSIGN_VARIANTS_TO_CHANNEL = apolloAngular.gql(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var REMOVE_PRODUCTS_FROM_CHANNEL = apolloAngular.gql(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var REMOVE_VARIANTS_FROM_CHANNEL = apolloAngular.gql(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT = apolloAngular.gql(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT_LIST_SIMPLE = apolloAngular.gql(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"])));
-    var GET_PRODUCT_VARIANT_LIST = apolloAngular.gql(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
-    var GET_TAG_LIST = apolloAngular.gql(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
-    var GET_TAG = apolloAngular.gql(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
-    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$4, 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 DELETE_PRODUCT_OPTION = apolloAngular.gql(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n    mutation DeleteProductOption($id: ID!) {\n        deleteProductOption(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProductOption($id: ID!) {\n        deleteProductOption(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var DELETE_PRODUCT_VARIANT = apolloAngular.gql(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteProductVariant($id: ID!) {\n        deleteProductVariant(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT_OPTIONS = apolloAngular.gql(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    query GetProductVariantOptions($id: ID!) {\n        product(id: $id) {\n            id\n            createdAt\n            updatedAt\n            name\n            optionGroups {\n                ...ProductOptionGroup\n                options {\n                    ...ProductOption\n                }\n            }\n            variants {\n                id\n                createdAt\n                updatedAt\n                enabled\n                name\n                sku\n                price\n                stockOnHand\n                enabled\n                options {\n                    id\n                    createdAt\n                    updatedAt\n                    name\n                    code\n                    groupId\n                }\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PRODUCT_OPTION_GROUP_FRAGMENT, PRODUCT_OPTION_FRAGMENT);
+    var ASSIGN_PRODUCTS_TO_CHANNEL = apolloAngular.gql(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignProductsToChannel($input: AssignProductsToChannelInput!) {\n        assignProductsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var ASSIGN_VARIANTS_TO_CHANNEL = apolloAngular.gql(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation AssignVariantsToChannel($input: AssignProductVariantsToChannelInput!) {\n        assignProductVariantsToChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var REMOVE_PRODUCTS_FROM_CHANNEL = apolloAngular.gql(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveProductsFromChannel($input: RemoveProductsFromChannelInput!) {\n        removeProductsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var REMOVE_VARIANTS_FROM_CHANNEL = apolloAngular.gql(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"], ["\n    mutation RemoveVariantsFromChannel($input: RemoveProductVariantsFromChannelInput!) {\n        removeProductVariantsFromChannel(input: $input) {\n            id\n            channels {\n                id\n                code\n            }\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT = apolloAngular.gql(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    query GetProductVariant($id: ID!) {\n        productVariant(id: $id) {\n            id\n            name\n            sku\n            featuredAsset {\n                id\n                preview\n                focalPoint {\n                    x\n                    y\n                }\n            }\n            product {\n                id\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n            }\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT_LIST_SIMPLE = apolloAngular.gql(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"], ["\n    query GetProductVariantListSimple($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                id\n                name\n                sku\n                featuredAsset {\n                    id\n                    preview\n                    focalPoint {\n                        x\n                        y\n                    }\n                }\n                product {\n                    id\n                    featuredAsset {\n                        id\n                        preview\n                        focalPoint {\n                            x\n                            y\n                        }\n                    }\n                }\n            }\n            totalItems\n        }\n    }\n"])));
+    var GET_PRODUCT_VARIANT_LIST = apolloAngular.gql(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetProductVariantList($options: ProductVariantListOptions!, $productId: ID) {\n        productVariants(options: $options, productId: $productId) {\n            items {\n                ...ProductVariant\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), PRODUCT_VARIANT_FRAGMENT);
+    var GET_TAG_LIST = apolloAngular.gql(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"], ["\n    query GetTagList($options: TagListOptions) {\n        tags(options: $options) {\n            items {\n                ...Tag\n            }\n            totalItems\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
+    var GET_TAG = apolloAngular.gql(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"], ["\n    query GetTag($id: ID!) {\n        tag(id: $id) {\n            ...Tag\n        }\n    }\n    ", "\n"])), TAG_FRAGMENT);
+    var CREATE_TAG = apolloAngular.gql(templateObject_43 || (templateObject_43 = __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_44 || (templateObject_44 = __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_45 || (templateObject_45 = __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$4, 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$1, templateObject_27$1, 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, templateObject_45;
     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);
@@ -1580,31 +1581,33 @@
     }());
     var DISCOUNT_FRAGMENT = apolloAngular.gql(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    fragment Discount on Discount {\n        adjustmentSource\n        amount\n        amountWithTax\n        description\n        type\n    }\n"], ["\n    fragment Discount on Discount {\n        adjustmentSource\n        amount\n        amountWithTax\n        description\n        type\n    }\n"])));
-    var REFUND_FRAGMENT = apolloAngular.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"], ["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"])));
-    var ORDER_ADDRESS_FRAGMENT = apolloAngular.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"], ["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"])));
-    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        totalWithTax\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        totalWithTax\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        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);
-    var TRANSITION_PAYMENT_TO_STATE = apolloAngular.gql(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n"], ["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ... on Payment {\n                id\n                transactionId\n                amount\n                method\n                state\n                metadata\n            }\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n"])), ERROR_RESULT_FRAGMENT);
-    var CREATE_FULFILLMENT = apolloAngular.gql(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var CANCEL_ORDER = apolloAngular.gql(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var REFUND_ORDER = apolloAngular.gql(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var SETTLE_REFUND = apolloAngular.gql(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var GET_ORDER_HISTORY = apolloAngular.gql(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(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 GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(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_ORDER = apolloAngular.gql(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"])));
-    var UPDATE_ORDER_NOTE = apolloAngular.gql(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
-    var DELETE_ORDER_NOTE = apolloAngular.gql(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
-    var TRANSITION_ORDER_TO_STATE = apolloAngular.gql(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var UPDATE_ORDER_CUSTOM_FIELDS = apolloAngular.gql(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"])), ORDER_FRAGMENT);
-    var TRANSITION_FULFILLMENT_TO_STATE = apolloAngular.gql(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var GET_ORDER_SUMMARY = apolloAngular.gql(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"], ["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"])));
-    var MODIFY_ORDER = apolloAngular.gql(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var ADD_MANUAL_PAYMENT_TO_ORDER = apolloAngular.gql(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
-    var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25;
+    var PAYMENT_FRAGMENT = apolloAngular.gql(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    fragment Payment on Payment {\n        id\n        transactionId\n        amount\n        method\n        state\n        metadata\n    }\n"], ["\n    fragment Payment on Payment {\n        id\n        transactionId\n        amount\n        method\n        state\n        metadata\n    }\n"])));
+    var REFUND_FRAGMENT = apolloAngular.gql(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"], ["\n    fragment Refund on Refund {\n        id\n        state\n        items\n        shipping\n        adjustment\n        transactionId\n        paymentId\n    }\n"])));
+    var ORDER_ADDRESS_FRAGMENT = apolloAngular.gql(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"], ["\n    fragment OrderAddress on OrderAddress {\n        fullName\n        company\n        streetLine1\n        streetLine2\n        city\n        province\n        postalCode\n        country\n        countryCode\n        phoneNumber\n    }\n"])));
+    var ORDER_FRAGMENT = apolloAngular.gql(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    fragment Order on Order {\n        id\n        createdAt\n        updatedAt\n        orderPlacedAt\n        code\n        state\n        nextStates\n        total\n        totalWithTax\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        totalWithTax\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_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        summary {\n            orderLine {\n                id\n            }\n            quantity\n        }\n        trackingCode\n    }\n"], ["\n    fragment Fulfillment on Fulfillment {\n        id\n        state\n        nextStates\n        createdAt\n        updatedAt\n        method\n        summary {\n            orderLine {\n                id\n            }\n            quantity\n        }\n        trackingCode\n    }\n"])));
+    var ORDER_LINE_FRAGMENT = apolloAngular.gql(templateObject_7$2 || (templateObject_7$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        fulfillments {\n            ...Fulfillment\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            refundId\n            cancelled\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        fulfillments {\n            ...Fulfillment\n        }\n        unitPrice\n        unitPriceWithTax\n        proratedUnitPrice\n        proratedUnitPriceWithTax\n        quantity\n        items {\n            id\n            refundId\n            cancelled\n        }\n        linePrice\n        lineTax\n        linePriceWithTax\n        discountedLinePrice\n        discountedLinePriceWithTax\n    }\n"])));
+    var ORDER_DETAIL_FRAGMENT = apolloAngular.gql(templateObject_8$1 || (templateObject_8$1 = __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_9$1 || (templateObject_9$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_10 || (templateObject_10 = __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_11 || (templateObject_11 = __makeTemplateObject(["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ...Payment\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"], ["\n    mutation SettlePayment($id: ID!) {\n        settlePayment(id: $id) {\n            ...Payment\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"])), ERROR_RESULT_FRAGMENT, PAYMENT_FRAGMENT);
+    var CANCEL_PAYMENT = apolloAngular.gql(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    mutation CancelPayment($id: ID!) {\n        cancelPayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on CancelPaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CancelPayment($id: ID!) {\n        cancelPayment(id: $id) {\n            ...Payment\n            ...ErrorResult\n            ... on CancelPaymentError {\n                paymentErrorMessage\n            }\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ERROR_RESULT_FRAGMENT, PAYMENT_FRAGMENT);
+    var TRANSITION_PAYMENT_TO_STATE = apolloAngular.gql(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ...Payment\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionPaymentToState($id: ID!, $state: String!) {\n        transitionPaymentToState(id: $id, state: $state) {\n            ...Payment\n            ...ErrorResult\n            ... on PaymentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), PAYMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var CREATE_FULFILLMENT = apolloAngular.gql(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CreateFulfillment($input: FulfillOrderInput!) {\n        addFulfillmentToOrder(input: $input) {\n            ...Fulfillment\n            ... on CreateFulfillmentError {\n                errorCode\n                message\n                fulfillmentHandlerError\n            }\n            ... on FulfillmentStateTransitionError {\n                errorCode\n                message\n                transitionError\n            }\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var CANCEL_ORDER = apolloAngular.gql(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation CancelOrder($input: CancelOrderInput!) {\n        cancelOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var REFUND_ORDER = apolloAngular.gql(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation RefundOrder($input: RefundOrderInput!) {\n        refundOrder(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var SETTLE_REFUND = apolloAngular.gql(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation SettleRefund($input: SettleRefundInput!) {\n        settleRefund(input: $input) {\n            ...Refund\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), REFUND_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var GET_ORDER_HISTORY = apolloAngular.gql(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(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 GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {\n        order(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_ORDER = apolloAngular.gql(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"], ["\n    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {\n        addNoteToOrder(input: $input) {\n            id\n        }\n    }\n"])));
+    var UPDATE_ORDER_NOTE = apolloAngular.gql(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"], ["\n    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {\n        updateOrderNote(input: $input) {\n            id\n            data\n            isPublic\n        }\n    }\n"])));
+    var DELETE_ORDER_NOTE = apolloAngular.gql(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"], ["\n    mutation DeleteOrderNote($id: ID!) {\n        deleteOrderNote(id: $id) {\n            result\n            message\n        }\n    }\n"])));
+    var TRANSITION_ORDER_TO_STATE = apolloAngular.gql(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionOrderToState($id: ID!, $state: String!) {\n        transitionOrderToState(id: $id, state: $state) {\n            ...Order\n            ...ErrorResult\n            ... on OrderStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var UPDATE_ORDER_CUSTOM_FIELDS = apolloAngular.gql(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"], ["\n    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {\n        setOrderCustomFields(input: $input) {\n            ...Order\n        }\n    }\n    ", "\n"])), ORDER_FRAGMENT);
+    var TRANSITION_FULFILLMENT_TO_STATE = apolloAngular.gql(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {\n        transitionFulfillmentToState(id: $id, state: $state) {\n            ...Fulfillment\n            ...ErrorResult\n            ... on FulfillmentStateTransitionError {\n                transitionError\n            }\n        }\n    }\n    ", "\n    ", "\n"])), FULFILLMENT_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var GET_ORDER_SUMMARY = apolloAngular.gql(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"], ["\n    query GetOrderSummary($start: DateTime!, $end: DateTime!) {\n        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {\n            totalItems\n            items {\n                id\n                total\n                currencyCode\n            }\n        }\n    }\n"])));
+    var MODIFY_ORDER = apolloAngular.gql(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation ModifyOrder($input: ModifyOrderInput!) {\n        modifyOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var ADD_MANUAL_PAYMENT_TO_ORDER = apolloAngular.gql(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"], ["\n    mutation AddManualPayment($input: ManualPaymentInput!) {\n        addManualPaymentToOrder(input: $input) {\n            ...OrderDetail\n            ...ErrorResult\n        }\n    }\n    ", "\n    ", "\n"])), ORDER_DETAIL_FRAGMENT, ERROR_RESULT_FRAGMENT);
+    var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2, templateObject_7$2, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27;
     var OrderDataService = /** @class */ (function () {
         function OrderDataService(baseDataService) {
@@ -1630,6 +1633,11 @@
                 id: id,
             });
         };
+        OrderDataService.prototype.cancelPayment = function (id) {
+            return this.baseDataService.mutate(CANCEL_PAYMENT, {
+                id: id,
+            });
+        };
         OrderDataService.prototype.transitionPaymentToState = function (id, state) {
             return this.baseDataService.mutate(TRANSITION_PAYMENT_TO_STATE, {
                 id: id,
@@ -2054,6 +2062,7 @@
         ErrorCode["LANGUAGE_NOT_AVAILABLE_ERROR"] = "LANGUAGE_NOT_AVAILABLE_ERROR";
         ErrorCode["CHANNEL_DEFAULT_LANGUAGE_ERROR"] = "CHANNEL_DEFAULT_LANGUAGE_ERROR";
         ErrorCode["SETTLE_PAYMENT_ERROR"] = "SETTLE_PAYMENT_ERROR";
+        ErrorCode["CANCEL_PAYMENT_ERROR"] = "CANCEL_PAYMENT_ERROR";
         ErrorCode["EMPTY_ORDER_LINE_SELECTION_ERROR"] = "EMPTY_ORDER_LINE_SELECTION_ERROR";
         ErrorCode["ITEMS_ALREADY_FULFILLED_ERROR"] = "ITEMS_ALREADY_FULFILLED_ERROR";
         ErrorCode["INVALID_FULFILLMENT_HANDLER_ERROR"] = "INVALID_FULFILLMENT_HANDLER_ERROR";
@@ -2828,6 +2837,9 @@
         ProductDataService.prototype.addOptionToGroup = function (input) {
             return this.baseDataService.mutate(ADD_OPTION_TO_GROUP, { input: input });
         };
+        ProductDataService.prototype.deleteProductOption = function (id) {
+            return this.baseDataService.mutate(DELETE_PRODUCT_OPTION, { id: id });
+        };
         ProductDataService.prototype.removeOptionGroupFromProduct = function (variables) {
             return this.baseDataService.mutate(REMOVE_OPTION_GROUP_FROM_PRODUCT, variables);
         };
@@ -4209,7 +4221,7 @@
         { type: i0.Component, args: [{
                     selector: 'vdr-app-shell',
                     template: "<clr-main-container>\r\n    <clr-header>\r\n        <div class=\"branding\">\r\n            <a [routerLink]=\"['/']\"><img src=\"assets/logo-75px.png\" class=\"logo\" /><span class=\"wordmark\" *ngIf=\"!hideVendureBranding\">vendure</span></a>\r\n        </div>\r\n        <div class=\"header-nav\"></div>\r\n        <div class=\"header-actions\">\r\n            <vdr-channel-switcher *vdrIfMultichannel></vdr-channel-switcher>\r\n            <vdr-user-menu [userName]=\"userName$ | async\"\r\n                           [uiLanguageAndLocale]=\"uiLanguageAndLocale$ | async\"\r\n                           [availableLanguages]=\"availableLanguages\"\r\n                           (selectUiLanguage)=\"selectUiLanguage()\"\r\n                           (logOut)=\"logOut()\"></vdr-user-menu>\r\n        </div>\r\n    </clr-header>\r\n    <nav class=\"subnav\"><vdr-breadcrumb></vdr-breadcrumb></nav>\r\n\r\n    <div class=\"content-container\">\r\n        <div class=\"content-area\"><router-outlet></router-outlet></div>\r\n        <vdr-main-nav></vdr-main-nav>\r\n    </div>\r\n</clr-main-container>\r\n",
-                    styles: [".branding{min-width:0}.logo{width:40px}.wordmark{font-weight:bold;margin-left:12px;font-size:24px;color:var(--color-primary-500)}@media screen and (min-width: 768px){vdr-breadcrumb{margin-left:10.8rem}}.header-actions{align-items:center}.content-area{position:relative}::ng-deep .header{background-image:linear-gradient(to right,var(--color-header-gradient-from),var(--color-header-gradient-to))}\n"]
+                    styles: [".branding{min-width:0}.logo{width:40px}.wordmark{font-weight:bold;margin-left:12px;font-size:24px;color:var(--color-primary-500)}@media screen and (min-width: 768px){vdr-breadcrumb{margin-left:18%}}.header-actions{align-items:center}.content-area{position:relative}::ng-deep .header{background-image:linear-gradient(to right,var(--color-header-gradient-from),var(--color-header-gradient-to))}\n"]
                 },] }
     ];
     AppShellComponent.ctorParameters = function () { return [
@@ -5105,7 +5117,7 @@
         { 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 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                                    (click)=\"item.onClick && item.onClick($event)\"\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"]
+                    styles: [":host{order:-1;background-color:var(--clr-nav-background-color)}nav.sidenav{height:100%;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 [
@@ -5265,260 +5277,196 @@
     // 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",
-                "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"
-            ],
-            "ModifyOrderResult": [
-                "Order",
-                "NoChangesSpecifiedError",
-                "OrderModificationStateError",
-                "PaymentMethodMissingError",
-                "RefundPaymentIdMissingError",
-                "OrderLimitError",
-                "NegativeQuantityError",
-                "InsufficientStockError",
-                "CouponCodeExpiredError",
-                "CouponCodeInvalidError",
-                "CouponCodeLimitError"
+        possibleTypes: {
+            AddFulfillmentToOrderResult: [
+                'Fulfillment',
+                'EmptyOrderLineSelectionError',
+                'ItemsAlreadyFulfilledError',
+                'InsufficientStockOnHandError',
+                'InvalidFulfillmentHandlerError',
+                'FulfillmentStateTransitionError',
+                'CreateFulfillmentError',
             ],
-            "NativeAuthenticationResult": [
-                "CurrentUser",
-                "InvalidCredentialsError",
-                "NativeAuthStrategyError"
+            AddManualPaymentToOrderResult: ['Order', 'ManualPaymentStateError'],
+            AuthenticationResult: ['CurrentUser', 'InvalidCredentialsError'],
+            CancelOrderResult: [
+                'Order',
+                'EmptyOrderLineSelectionError',
+                'QuantityTooGreatError',
+                'MultipleOrderError',
+                'CancelActiveOrderError',
+                'OrderStateTransitionError',
             ],
-            "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"
+            CancelPaymentResult: ['Payment', 'CancelPaymentError', 'PaymentStateTransitionError'],
+            CreateAssetResult: ['Asset', 'MimeTypeError'],
+            CreateChannelResult: ['Channel', 'LanguageNotAvailableError'],
+            CreateCustomerResult: ['Customer', 'EmailAddressConflictError'],
+            CreatePromotionResult: ['Promotion', 'MissingConditionsError'],
+            CustomField: [
+                'BooleanCustomFieldConfig',
+                'DateTimeCustomFieldConfig',
+                'FloatCustomFieldConfig',
+                'IntCustomFieldConfig',
+                'LocaleStringCustomFieldConfig',
+                'RelationCustomFieldConfig',
+                'StringCustomFieldConfig',
+                'TextCustomFieldConfig',
             ],
-            "PaginatedList": [
-                "AdministratorList",
-                "AssetList",
-                "CollectionList",
-                "CountryList",
-                "CustomerGroupList",
-                "CustomerList",
-                "FacetList",
-                "HistoryEntryList",
-                "JobList",
-                "OrderList",
-                "PaymentMethodList",
-                "ProductList",
-                "ProductVariantList",
-                "PromotionList",
-                "RoleList",
-                "ShippingMethodList",
-                "TagList",
-                "TaxRateList"
+            CustomFieldConfig: [
+                'StringCustomFieldConfig',
+                'LocaleStringCustomFieldConfig',
+                'IntCustomFieldConfig',
+                'FloatCustomFieldConfig',
+                'BooleanCustomFieldConfig',
+                'DateTimeCustomFieldConfig',
+                'RelationCustomFieldConfig',
+                'TextCustomFieldConfig',
             ],
-            "RefundOrderResult": [
-                "Refund",
-                "QuantityTooGreatError",
-                "NothingToRefundError",
-                "OrderStateTransitionError",
-                "MultipleOrderError",
-                "PaymentOrderMismatchError",
-                "RefundOrderStateError",
-                "AlreadyRefundedError",
-                "RefundStateTransitionError"
+            ErrorResult: [
+                'AlreadyRefundedError',
+                'CancelActiveOrderError',
+                'CancelPaymentError',
+                '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',
             ],
-            "RemoveOptionGroupFromProductResult": [
-                "Product",
-                "ProductOptionInUseError"
+            ModifyOrderResult: [
+                'Order',
+                'NoChangesSpecifiedError',
+                'OrderModificationStateError',
+                'PaymentMethodMissingError',
+                'RefundPaymentIdMissingError',
+                'OrderLimitError',
+                'NegativeQuantityError',
+                'InsufficientStockError',
+                'CouponCodeExpiredError',
+                'CouponCodeInvalidError',
+                'CouponCodeLimitError',
             ],
-            "SearchResultPrice": [
-                "PriceRange",
-                "SinglePrice"
+            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',
             ],
-            "SettlePaymentResult": [
-                "Payment",
-                "SettlePaymentError",
-                "PaymentStateTransitionError",
-                "OrderStateTransitionError"
+            PaginatedList: [
+                'AdministratorList',
+                'AssetList',
+                'CollectionList',
+                'CountryList',
+                'CustomerGroupList',
+                'CustomerList',
+                'FacetList',
+                'HistoryEntryList',
+                'JobList',
+                'OrderList',
+                'PaymentMethodList',
+                'ProductList',
+                'ProductVariantList',
+                'PromotionList',
+                'RoleList',
+                'ShippingMethodList',
+                'TagList',
+                'TaxRateList',
             ],
-            "SettleRefundResult": [
-                "Refund",
-                "RefundStateTransitionError"
+            RefundOrderResult: [
+                'Refund',
+                'QuantityTooGreatError',
+                'NothingToRefundError',
+                'OrderStateTransitionError',
+                'MultipleOrderError',
+                'PaymentOrderMismatchError',
+                'RefundOrderStateError',
+                'AlreadyRefundedError',
+                'RefundStateTransitionError',
             ],
-            "StockMovement": [
-                "Allocation",
-                "Cancellation",
-                "Release",
-                "Return",
-                "Sale",
-                "StockAdjustment"
+            RemoveOptionGroupFromProductResult: ['Product', 'ProductOptionInUseError'],
+            SearchResultPrice: ['PriceRange', 'SinglePrice'],
+            SettlePaymentResult: [
+                'Payment',
+                'SettlePaymentError',
+                'PaymentStateTransitionError',
+                'OrderStateTransitionError',
             ],
-            "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"
-            ]
-        }
+            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
@@ -6487,7 +6435,7 @@
      */
     function getConfigArgValue(value) {
         try {
-            return value ? JSON.parse(value) : undefined;
+            return value != null ? JSON.parse(value) : undefined;
         }
         catch (e) {
             return value;
@@ -6518,7 +6466,7 @@
      * ```
      * {
      *     code: 'my-operation',
-     *     args: [
+     *     arguments: [
      *         { name: 'someProperty', value: 'foo' }
      *     ]
      * }
@@ -6527,12 +6475,16 @@
     function toConfigurableOperationInput(operation, formValueOperations) {
         return {
             code: operation.code,
-            arguments: Object.values(formValueOperations.args || {}).map(function (value, j) { return ({
-                name: operation.args[j].name,
-                value: (value === null || value === void 0 ? void 0 : value.hasOwnProperty('value'))
-                    ? encodeConfigArgValue(value.value)
-                    : encodeConfigArgValue(value),
-            }); }),
+            arguments: operation.args.map(function (_a, j) {
+                var name = _a.name, value = _a.value;
+                var formValue = formValueOperations.args[name];
+                return {
+                    name: name,
+                    value: (formValue === null || formValue === void 0 ? void 0 : formValue.hasOwnProperty('value'))
+                        ? encodeConfigArgValue(formValue.value)
+                        : encodeConfigArgValue(formValue),
+                };
+            }),
         };
     }
     function configurableOperationValueIsValid(def, value) {
@@ -6568,7 +6520,7 @@
         if (arg.list) {
             return [];
         }
-        if (arg.defaultValue) {
+        if (arg.defaultValue != null) {
             return arg.defaultValue;
         }
         var type = arg.type;
@@ -6938,8 +6890,18 @@
      */
     var FacetValueFormInputComponent = /** @class */ (function () {
         function FacetValueFormInputComponent(dataService) {
+            var _this = this;
             this.dataService = dataService;
             this.isListInput = true;
+            this.valueTransformFn = function (values) {
+                var isUsedInConfigArg = _this.config.__typename === 'ConfigArgDefinition';
+                if (isUsedInConfigArg) {
+                    return JSON.stringify(values.map(function (s) { return s.id; }));
+                }
+                else {
+                    return values;
+                }
+            };
         }
         FacetValueFormInputComponent.prototype.ngOnInit = function () {
             this.facets$ = this.dataService.facet
@@ -6953,7 +6915,7 @@
     FacetValueFormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-facet-value-form-input',
-                    template: "<vdr-facet-value-selector\r\n    *ngIf=\"facets$ | async as facets\"\r\n    [readonly]=\"readonly\"\r\n    [facets]=\"facets\"\r\n    [formControl]=\"formControl\"\r\n></vdr-facet-value-selector>\r\n",
+                    template: "<vdr-facet-value-selector\r\n    *ngIf=\"facets$ | async as facets\"\r\n    [readonly]=\"readonly\"\r\n    [facets]=\"facets\"\r\n    [formControl]=\"formControl\"\r\n    [transformControlValueAccessorValue]=\"valueTransformFn\"\r\n></vdr-facet-value-selector>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: [""]
                 },] }
@@ -7416,7 +7378,8 @@
      * @docsPage default-inputs
      */
     var SelectFormInputComponent = /** @class */ (function () {
-        function SelectFormInputComponent() {
+        function SelectFormInputComponent(dataService) {
+            this.dataService = dataService;
         }
         Object.defineProperty(SelectFormInputComponent.prototype, "options", {
             get: function () {
@@ -7426,17 +7389,29 @@
             enumerable: false,
             configurable: true
         });
+        SelectFormInputComponent.prototype.ngOnInit = function () {
+            this.uiLanguage$ = this.dataService.client.uiState().mapStream(function (_b) {
+                var uiState = _b.uiState;
+                return uiState.language;
+            });
+        };
+        SelectFormInputComponent.prototype.trackByFn = function (index, item) {
+            return item.value;
+        };
         return SelectFormInputComponent;
     }());
     SelectFormInputComponent.id = 'select-form-input';
     SelectFormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-select-form-input',
-                    template: "<select clrSelect [formControl]=\"formControl\" [vdrDisabled]=\"readonly\">\r\n    <option *ngIf=\"config.nullable\" [ngValue]=\"null\"></option>\r\n    <option *ngFor=\"let option of options\" [ngValue]=\"option.value\">\r\n        {{ (option | customFieldLabel) || option.label || option.value }}\r\n    </option>\r\n</select>\r\n",
+                    template: "<select clrSelect [formControl]=\"formControl\" [vdrDisabled]=\"readonly\">\r\n    <option *ngIf=\"config.nullable\" [ngValue]=\"null\"></option>\r\n    <option *ngFor=\"let option of options;trackBy:trackByFn\" [ngValue]=\"option.value\">\r\n        {{ (option | customFieldLabel:(uiLanguage$ | async)) || option.label || option.value }}\r\n    </option>\r\n</select>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     styles: ["select{width:100%}\n"]
                 },] }
     ];
+    SelectFormInputComponent.ctorParameters = function () { return [
+        { type: DataService }
+    ]; };
     SelectFormInputComponent.propDecorators = {
         readonly: [{ type: i0.Input }]
     };
@@ -9065,6 +9040,14 @@
             this.readonly = false;
             this.hasCustomControl = false;
         }
+        CustomFieldControlComponent.prototype.ngOnInit = function () {
+            this.uiLanguage$ = this.dataService.client
+                .uiState()
+                .stream$.pipe(operators.map(function (_a) {
+                var uiState = _a.uiState;
+                return uiState.language;
+            }));
+        };
         CustomFieldControlComponent.prototype.getFieldDefinition = function () {
             var config = Object.assign({}, this.customField);
             var id = this.customFieldComponentService.customFieldComponentExists(this.entityName, this.customField.name);
@@ -9087,7 +9070,7 @@
     CustomFieldControlComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-custom-field-control',
-                    template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\r\n    <label for=\"basic\" class=\"clr-control-label\">{{ customField | customFieldLabel }}</label>\r\n    <div class=\"clr-control-container\">\r\n        <div class=\"clr-input-wrapper\">\r\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<vdr-form-field [label]=\"customField | customFieldLabel\" [for]=\"customField.name\" *ngIf=\"!compact\">\r\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n</vdr-form-field>\r\n\r\n<ng-template #inputs>\r\n    <ng-container [formGroup]=\"formGroup\">\r\n        <vdr-dynamic-form-input\r\n            [formControlName]=\"customField.name\"\r\n            [readonly]=\"readonly || customField.readonly\"\r\n            [control]=\"formGroup.get(customField.name)\"\r\n            [def]=\"getFieldDefinition()\"\r\n        >\r\n        </vdr-dynamic-form-input>\r\n    </ng-container>\r\n</ng-template>\r\n",
+                    template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\r\n    <label for=\"basic\" class=\"clr-control-label\">{{ customField | customFieldLabel:(uiLanguage$ | async) }}</label>\r\n    <div class=\"clr-control-container\">\r\n        <div class=\"clr-input-wrapper\">\r\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<vdr-form-field [label]=\"customField | customFieldLabel:(uiLanguage$ | async)\" [for]=\"customField.name\" *ngIf=\"!compact\">\r\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n</vdr-form-field>\r\n\r\n<ng-template #inputs>\r\n    <ng-container [formGroup]=\"formGroup\">\r\n        <vdr-dynamic-form-input\r\n            [formControlName]=\"customField.name\"\r\n            [readonly]=\"readonly || customField.readonly\"\r\n            [control]=\"formGroup.get(customField.name)\"\r\n            [def]=\"getFieldDefinition()\"\r\n        >\r\n        </vdr-dynamic-form-input>\r\n    </ng-container>\r\n</ng-template>\r\n",
                     styles: [":host{display:block;width:100%}:host .toggle-switch{margin-top:0;margin-bottom:0}\n"]
                 },] }
     ];
@@ -9219,12 +9202,19 @@
                 return index;
             }
         };
+        DataTableComponent.prototype.ngOnChanges = function (changes) {
+            var _a;
+            if (changes.items) {
+                this.currentStart = this.itemsPerPage * (this.currentPage - 1);
+                this.currentEnd = this.currentStart + ((_a = changes.items.currentValue) === null || _a === void 0 ? void 0 : _a.length);
+            }
+        };
         return DataTableComponent;
     }());
     DataTableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-data-table',
-                    template: "<ng-container *ngIf=\"!items || (items && items.length); else emptyPlaceholder\">\r\n    <table class=\"table\">\r\n        <thead>\r\n            <tr>\r\n                <th *ngIf=\"isRowSelectedFn\" class=\"align-middle\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"allSelected\"\r\n                        (change)=\"allSelectChange.emit()\"\r\n                    />\r\n                </th>\r\n                <th *ngFor=\"let header of columns?.toArray()\" class=\"left\" [class.expand]=\"header.expand\">\r\n                    <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr\r\n                *ngFor=\"\r\n                    let item of items\r\n                        | paginate\r\n                            : {\r\n                                  itemsPerPage: itemsPerPage,\r\n                                  currentPage: currentPage,\r\n                                  totalItems: totalItems\r\n                              };\r\n                    index as i;\r\n                    trackBy: trackByFn\r\n                \"\r\n            >\r\n                <td *ngIf=\"isRowSelectedFn\" class=\"align-middle\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"isRowSelectedFn(item)\"\r\n                        (change)=\"rowSelectChange.emit(item)\"\r\n                    />\r\n                </td>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"rowTemplate; context: { item: item, index: i }\"\r\n                ></ng-container>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n    <div class=\"table-footer\">\r\n        <vdr-items-per-page-controls\r\n            *ngIf=\"totalItems\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            (itemsPerPageChange)=\"itemsPerPageChange.emit($event)\"\r\n        ></vdr-items-per-page-controls>\r\n\r\n        <vdr-pagination-controls\r\n            *ngIf=\"totalItems\"\r\n            [currentPage]=\"currentPage\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            [totalItems]=\"totalItems\"\r\n            (pageChange)=\"pageChange.emit($event)\"\r\n        ></vdr-pagination-controls>\r\n    </div>\r\n</ng-container>\r\n<ng-template #emptyPlaceholder>\r\n    <vdr-empty-placeholder [emptyStateLabel]=\"emptyStateLabel\"></vdr-empty-placeholder>\r\n</ng-template>\r\n",
+                    template: "<ng-container *ngIf=\"!items || (items && items.length); else emptyPlaceholder\">\r\n    <table class=\"table\">\r\n        <thead>\r\n            <tr>\r\n                <th *ngIf=\"isRowSelectedFn\" class=\"align-middle\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"allSelected\"\r\n                        (change)=\"allSelectChange.emit()\"\r\n                    />\r\n                </th>\r\n                <th *ngFor=\"let header of columns?.toArray()\" class=\"left\" [class.expand]=\"header.expand\">\r\n                    <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr\r\n                *ngFor=\"\r\n                    let item of items\r\n                        | paginate\r\n                            : {\r\n                                  itemsPerPage: itemsPerPage,\r\n                                  currentPage: currentPage,\r\n                                  totalItems: totalItems\r\n                              };\r\n                    index as i;\r\n                    trackBy: trackByFn\r\n                \"\r\n            >\r\n                <td *ngIf=\"isRowSelectedFn\" class=\"align-middle\">\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        clrCheckbox\r\n                        [checked]=\"isRowSelectedFn(item)\"\r\n                        (change)=\"rowSelectChange.emit(item)\"\r\n                    />\r\n                </td>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"rowTemplate; context: { item: item, index: i }\"\r\n                ></ng-container>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n    <div class=\"table-footer\">\r\n        <vdr-items-per-page-controls\r\n            *ngIf=\"totalItems\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            (itemsPerPageChange)=\"itemsPerPageChange.emit($event)\"\r\n        ></vdr-items-per-page-controls>\r\n        <div *ngIf=\"totalItems\" class=\"p5\">\r\n            {{ 'common.total-items' | translate: { currentStart, currentEnd, totalItems } }}\r\n        </div>\r\n\r\n        <vdr-pagination-controls\r\n            *ngIf=\"totalItems\"\r\n            [currentPage]=\"currentPage\"\r\n            [itemsPerPage]=\"itemsPerPage\"\r\n            [totalItems]=\"totalItems\"\r\n            (pageChange)=\"pageChange.emit($event)\"\r\n        ></vdr-pagination-controls>\r\n    </div>\r\n</ng-container>\r\n<ng-template #emptyPlaceholder>\r\n    <vdr-empty-placeholder [emptyStateLabel]=\"emptyStateLabel\"></vdr-empty-placeholder>\r\n</ng-template>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [ngxPagination.PaginationService],
                     styles: [":host{display:block;max-width:100%;overflow:auto}thead th{position:sticky;top:24px;z-index:1}thead th.expand{width:100%}.table-footer{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}\n"]
@@ -10192,6 +10182,7 @@
             this.dataService = dataService;
             this.selectedValuesChange = new i0.EventEmitter();
             this.readonly = false;
+            this.transformControlValueAccessorValue = function (value) { return value; };
             this.facetValues = [];
             this.disabled = false;
             this.toSelectorItem = function (facetValue) {
@@ -10212,7 +10203,8 @@
             }
             this.selectedValuesChange.emit(selected.map(function (s) { return s.value; }));
             if (this.onChangeFn) {
-                this.onChangeFn(JSON.stringify(selected.map(function (s) { return s.id; })));
+                var transformedValue = this.transformControlValueAccessorValue(selected);
+                this.onChangeFn(transformedValue);
             }
         };
         FacetValueSelectorComponent.prototype.registerOnChange = function (fn) {
@@ -10272,6 +10264,7 @@
         selectedValuesChange: [{ type: i0.Output }],
         facets: [{ type: i0.Input }],
         readonly: [{ type: i0.Input }],
+        transformControlValueAccessorValue: [{ type: i0.Input }],
         ngSelect: [{ type: i0.ViewChild, args: [ngSelect.NgSelectComponent,] }]
     };
@@ -13074,33 +13067,22 @@
      * name/value if none are defined.
      */
     var CustomFieldLabelPipe = /** @class */ (function () {
-        function CustomFieldLabelPipe(dataService) {
-            var _this = this;
-            this.dataService = dataService;
-            this.subscription = dataService.client.uiState().stream$.subscribe(function (val) {
-                _this.uiLanguageCode = val.uiState.language;
-            });
+        function CustomFieldLabelPipe() {
         }
-        CustomFieldLabelPipe.prototype.transform = function (value) {
-            var _this = this;
+        CustomFieldLabelPipe.prototype.transform = function (value, uiLanguageCode) {
             if (!value) {
                 return value;
             }
             var label = value.label;
             var name = this.isCustomFieldConfig(value) ? value.name : value.value;
             if (label) {
-                var match = label.find(function (l) { return l.languageCode === _this.uiLanguageCode; });
+                var match = label.find(function (l) { return l.languageCode === uiLanguageCode; });
                 return match ? match.value : label[0].value;
             }
             else {
                 return name;
             }
         };
-        CustomFieldLabelPipe.prototype.ngOnDestroy = function () {
-            if (this.subscription) {
-                this.subscription.unsubscribe();
-            }
-        };
         CustomFieldLabelPipe.prototype.isCustomFieldConfig = function (input) {
             return input.hasOwnProperty('name');
         };
@@ -13109,12 +13091,9 @@
     CustomFieldLabelPipe.decorators = [
         { type: i0.Pipe, args: [{
                     name: 'customFieldLabel',
-                    pure: false,
+                    pure: true,
                 },] }
-    ];
-    CustomFieldLabelPipe.ctorParameters = function () { return [
-        { type: DataService }
-    ]; };
+    ];
     /**
      * @description
@@ -14570,7 +14549,7 @@
     }
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.6.3';
+    var ADMIN_UI_VERSION = '1.7.0';
     /**
      * Responsible for registering dashboard widget components and querying for layouts.
@@ -14856,6 +14835,7 @@
     exports.BreadcrumbComponent = BreadcrumbComponent;
     exports.CANCEL_JOB = CANCEL_JOB;
     exports.CANCEL_ORDER = CANCEL_ORDER;
+    exports.CANCEL_PAYMENT = CANCEL_PAYMENT;
     exports.CHANNEL_FRAGMENT = CHANNEL_FRAGMENT;
     exports.COLLECTION_FRAGMENT = COLLECTION_FRAGMENT;
     exports.CONFIGURABLE_OPERATION_DEF_FRAGMENT = CONFIGURABLE_OPERATION_DEF_FRAGMENT;
@@ -14926,6 +14906,7 @@
     exports.DELETE_ORDER_NOTE = DELETE_ORDER_NOTE;
     exports.DELETE_PAYMENT_METHOD = DELETE_PAYMENT_METHOD;
     exports.DELETE_PRODUCT = DELETE_PRODUCT;
+    exports.DELETE_PRODUCT_OPTION = DELETE_PRODUCT_OPTION;
     exports.DELETE_PRODUCT_VARIANT = DELETE_PRODUCT_VARIANT;
     exports.DELETE_PROMOTION = DELETE_PROMOTION;
     exports.DELETE_ROLE = DELETE_ROLE;
@@ -15093,6 +15074,7 @@
     exports.OrderStateLabelComponent = OrderStateLabelComponent;
     exports.OverlayHostComponent = OverlayHostComponent;
     exports.OverlayHostService = OverlayHostService;
+    exports.PAYMENT_FRAGMENT = PAYMENT_FRAGMENT;
     exports.PAYMENT_METHOD_FRAGMENT = PAYMENT_METHOD_FRAGMENT;
     exports.PREVIEW_COLLECTION_CONTENTS = PREVIEW_COLLECTION_CONTENTS;
     exports.PRODUCT_DETAIL_FRAGMENT = PRODUCT_DETAIL_FRAGMENT;