@vendure/admin-ui 1.6.0 → 1.6.3

package/fesm2015/vendure-admin-ui-core.js

@@ -3292,460 +3292,460 @@ class FacetDataService {
     }
 }
 
-const DISCOUNT_FRAGMENT = gql `
-    fragment Discount on Discount {
-        adjustmentSource
-        amount
-        amountWithTax
-        description
-        type
-    }
-`;
-const REFUND_FRAGMENT = gql `
-    fragment Refund on Refund {
-        id
-        state
-        items
-        shipping
-        adjustment
-        transactionId
-        paymentId
-    }
-`;
-const ORDER_ADDRESS_FRAGMENT = gql `
-    fragment OrderAddress on OrderAddress {
-        fullName
-        company
-        streetLine1
-        streetLine2
-        city
-        province
-        postalCode
-        country
-        countryCode
-        phoneNumber
-    }
-`;
-const ORDER_FRAGMENT = gql `
-    fragment Order on Order {
-        id
-        createdAt
-        updatedAt
-        orderPlacedAt
-        code
-        state
-        nextStates
-        total
-        totalWithTax
-        currencyCode
-        customer {
-            id
-            firstName
-            lastName
-        }
-        shippingLines {
-            shippingMethod {
-                name
-            }
-        }
-    }
-`;
-const FULFILLMENT_FRAGMENT = gql `
-    fragment Fulfillment on Fulfillment {
-        id
-        state
-        nextStates
-        createdAt
-        updatedAt
-        method
-        orderItems {
-            id
-        }
-        trackingCode
-    }
-`;
-const ORDER_LINE_FRAGMENT = gql `
-    fragment OrderLine on OrderLine {
-        id
-        featuredAsset {
-            preview
-        }
-        productVariant {
-            id
-            name
-            sku
-            trackInventory
-            stockOnHand
-        }
-        discounts {
-            ...Discount
-        }
-        unitPrice
-        unitPriceWithTax
-        proratedUnitPrice
-        proratedUnitPriceWithTax
-        quantity
-        items {
-            id
-            unitPrice
-            unitPriceWithTax
-            taxRate
-            refundId
-            cancelled
-            fulfillment {
-                ...Fulfillment
-            }
-        }
-        linePrice
-        lineTax
-        linePriceWithTax
-        discountedLinePrice
-        discountedLinePriceWithTax
-    }
-`;
-const ORDER_DETAIL_FRAGMENT = gql `
-    fragment OrderDetail on Order {
-        id
-        createdAt
-        updatedAt
-        code
-        state
-        nextStates
-        active
-        couponCodes
-        customer {
-            id
-            firstName
-            lastName
-        }
-        lines {
-            ...OrderLine
-        }
-        surcharges {
-            id
-            sku
-            description
-            price
-            priceWithTax
-            taxRate
-        }
-        discounts {
-            ...Discount
-        }
-        promotions {
-            id
-            couponCode
-        }
-        subTotal
-        subTotalWithTax
-        total
-        totalWithTax
-        currencyCode
-        shipping
-        shippingWithTax
-        shippingLines {
-            shippingMethod {
-                id
-                code
-                name
-                fulfillmentHandlerCode
-                description
-            }
-        }
-        taxSummary {
-            description
-            taxBase
-            taxRate
-            taxTotal
-        }
-        shippingAddress {
-            ...OrderAddress
-        }
-        billingAddress {
-            ...OrderAddress
-        }
-        payments {
-            id
-            createdAt
-            transactionId
-            amount
-            method
-            state
-            nextStates
-            errorMessage
-            metadata
-            refunds {
-                id
-                createdAt
-                state
-                items
-                adjustment
-                total
-                paymentId
-                reason
-                transactionId
-                method
-                metadata
-                orderItems {
-                    id
-                }
-            }
-        }
-        fulfillments {
-            ...Fulfillment
-        }
-        modifications {
-            id
-            createdAt
-            isSettled
-            priceChange
-            note
-            payment {
-                id
-                amount
-            }
-            orderItems {
-                id
-            }
-            refund {
-                id
-                paymentId
-                total
-            }
-            surcharges {
-                id
-            }
-        }
-    }
-    ${DISCOUNT_FRAGMENT}
-    ${ORDER_ADDRESS_FRAGMENT}
-    ${FULFILLMENT_FRAGMENT}
-    ${ORDER_LINE_FRAGMENT}
-`;
-const GET_ORDERS_LIST = gql `
-    query GetOrderList($options: OrderListOptions) {
-        orders(options: $options) {
-            items {
-                ...Order
-            }
-            totalItems
-        }
-    }
-    ${ORDER_FRAGMENT}
-`;
-const GET_ORDER = gql `
-    query GetOrder($id: ID!) {
-        order(id: $id) {
-            ...OrderDetail
-        }
-    }
-    ${ORDER_DETAIL_FRAGMENT}
-`;
-const SETTLE_PAYMENT = gql `
-    mutation SettlePayment($id: ID!) {
-        settlePayment(id: $id) {
-            ... on Payment {
-                id
-                transactionId
-                amount
-                method
-                state
-                metadata
-            }
-            ...ErrorResult
-            ... on SettlePaymentError {
-                paymentErrorMessage
-            }
-            ... on PaymentStateTransitionError {
-                transitionError
-            }
-            ... on OrderStateTransitionError {
-                transitionError
-            }
-        }
-    }
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const TRANSITION_PAYMENT_TO_STATE = gql `
-    mutation TransitionPaymentToState($id: ID!, $state: String!) {
-        transitionPaymentToState(id: $id, state: $state) {
-            ... on Payment {
-                id
-                transactionId
-                amount
-                method
-                state
-                metadata
-            }
-            ...ErrorResult
-            ... on PaymentStateTransitionError {
-                transitionError
-            }
-        }
-    }
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const CREATE_FULFILLMENT = gql `
-    mutation CreateFulfillment($input: FulfillOrderInput!) {
-        addFulfillmentToOrder(input: $input) {
-            ...Fulfillment
-            ... on CreateFulfillmentError {
-                errorCode
-                message
-                fulfillmentHandlerError
-            }
-            ... on FulfillmentStateTransitionError {
-                errorCode
-                message
-                transitionError
-            }
-            ...ErrorResult
-        }
-    }
-    ${FULFILLMENT_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const CANCEL_ORDER = gql `
-    mutation CancelOrder($input: CancelOrderInput!) {
-        cancelOrder(input: $input) {
-            ...OrderDetail
-            ...ErrorResult
-        }
-    }
-    ${ORDER_DETAIL_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const REFUND_ORDER = gql `
-    mutation RefundOrder($input: RefundOrderInput!) {
-        refundOrder(input: $input) {
-            ...Refund
-            ...ErrorResult
-        }
-    }
-    ${REFUND_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const SETTLE_REFUND = gql `
-    mutation SettleRefund($input: SettleRefundInput!) {
-        settleRefund(input: $input) {
-            ...Refund
-            ...ErrorResult
-        }
-    }
-    ${REFUND_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const GET_ORDER_HISTORY = gql `
-    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {
-        order(id: $id) {
-            id
-            history(options: $options) {
-                totalItems
-                items {
-                    id
-                    type
-                    createdAt
-                    isPublic
-                    administrator {
-                        id
-                        firstName
-                        lastName
-                    }
-                    data
-                }
-            }
-        }
-    }
-`;
-const ADD_NOTE_TO_ORDER = gql `
-    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {
-        addNoteToOrder(input: $input) {
-            id
-        }
-    }
-`;
-const UPDATE_ORDER_NOTE = gql `
-    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {
-        updateOrderNote(input: $input) {
-            id
-            data
-            isPublic
-        }
-    }
-`;
-const DELETE_ORDER_NOTE = gql `
-    mutation DeleteOrderNote($id: ID!) {
-        deleteOrderNote(id: $id) {
-            result
-            message
-        }
-    }
-`;
-const TRANSITION_ORDER_TO_STATE = gql `
-    mutation TransitionOrderToState($id: ID!, $state: String!) {
-        transitionOrderToState(id: $id, state: $state) {
-            ...Order
-            ...ErrorResult
-            ... on OrderStateTransitionError {
-                transitionError
-            }
-        }
-    }
-    ${ORDER_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const UPDATE_ORDER_CUSTOM_FIELDS = gql `
-    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {
-        setOrderCustomFields(input: $input) {
-            ...Order
-        }
-    }
-    ${ORDER_FRAGMENT}
-`;
-const TRANSITION_FULFILLMENT_TO_STATE = gql `
-    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {
-        transitionFulfillmentToState(id: $id, state: $state) {
-            ...Fulfillment
-            ...ErrorResult
-            ... on FulfillmentStateTransitionError {
-                transitionError
-            }
-        }
-    }
-    ${FULFILLMENT_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const GET_ORDER_SUMMARY = gql `
-    query GetOrderSummary($start: DateTime!, $end: DateTime!) {
-        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {
-            totalItems
-            items {
-                id
-                total
-                currencyCode
-            }
-        }
-    }
-`;
-const MODIFY_ORDER = gql `
-    mutation ModifyOrder($input: ModifyOrderInput!) {
-        modifyOrder(input: $input) {
-            ...OrderDetail
-            ...ErrorResult
-        }
-    }
-    ${ORDER_DETAIL_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
-`;
-const ADD_MANUAL_PAYMENT_TO_ORDER = gql `
-    mutation AddManualPayment($input: ManualPaymentInput!) {
-        addManualPaymentToOrder(input: $input) {
-            ...OrderDetail
-            ...ErrorResult
-        }
-    }
-    ${ORDER_DETAIL_FRAGMENT}
-    ${ERROR_RESULT_FRAGMENT}
+const DISCOUNT_FRAGMENT = gql `
+    fragment Discount on Discount {
+        adjustmentSource
+        amount
+        amountWithTax
+        description
+        type
+    }
+`;
+const REFUND_FRAGMENT = gql `
+    fragment Refund on Refund {
+        id
+        state
+        items
+        shipping
+        adjustment
+        transactionId
+        paymentId
+    }
+`;
+const ORDER_ADDRESS_FRAGMENT = gql `
+    fragment OrderAddress on OrderAddress {
+        fullName
+        company
+        streetLine1
+        streetLine2
+        city
+        province
+        postalCode
+        country
+        countryCode
+        phoneNumber
+    }
+`;
+const ORDER_FRAGMENT = gql `
+    fragment Order on Order {
+        id
+        createdAt
+        updatedAt
+        orderPlacedAt
+        code
+        state
+        nextStates
+        total
+        totalWithTax
+        currencyCode
+        customer {
+            id
+            firstName
+            lastName
+        }
+        shippingLines {
+            shippingMethod {
+                name
+            }
+        }
+    }
+`;
+const FULFILLMENT_FRAGMENT = gql `
+    fragment Fulfillment on Fulfillment {
+        id
+        state
+        nextStates
+        createdAt
+        updatedAt
+        method
+        orderItems {
+            id
+        }
+        trackingCode
+    }
+`;
+const ORDER_LINE_FRAGMENT = gql `
+    fragment OrderLine on OrderLine {
+        id
+        featuredAsset {
+            preview
+        }
+        productVariant {
+            id
+            name
+            sku
+            trackInventory
+            stockOnHand
+        }
+        discounts {
+            ...Discount
+        }
+        unitPrice
+        unitPriceWithTax
+        proratedUnitPrice
+        proratedUnitPriceWithTax
+        quantity
+        items {
+            id
+            unitPrice
+            unitPriceWithTax
+            taxRate
+            refundId
+            cancelled
+            fulfillment {
+                ...Fulfillment
+            }
+        }
+        linePrice
+        lineTax
+        linePriceWithTax
+        discountedLinePrice
+        discountedLinePriceWithTax
+    }
+`;
+const ORDER_DETAIL_FRAGMENT = gql `
+    fragment OrderDetail on Order {
+        id
+        createdAt
+        updatedAt
+        code
+        state
+        nextStates
+        active
+        couponCodes
+        customer {
+            id
+            firstName
+            lastName
+        }
+        lines {
+            ...OrderLine
+        }
+        surcharges {
+            id
+            sku
+            description
+            price
+            priceWithTax
+            taxRate
+        }
+        discounts {
+            ...Discount
+        }
+        promotions {
+            id
+            couponCode
+        }
+        subTotal
+        subTotalWithTax
+        total
+        totalWithTax
+        currencyCode
+        shipping
+        shippingWithTax
+        shippingLines {
+            shippingMethod {
+                id
+                code
+                name
+                fulfillmentHandlerCode
+                description
+            }
+        }
+        taxSummary {
+            description
+            taxBase
+            taxRate
+            taxTotal
+        }
+        shippingAddress {
+            ...OrderAddress
+        }
+        billingAddress {
+            ...OrderAddress
+        }
+        payments {
+            id
+            createdAt
+            transactionId
+            amount
+            method
+            state
+            nextStates
+            errorMessage
+            metadata
+            refunds {
+                id
+                createdAt
+                state
+                items
+                adjustment
+                total
+                paymentId
+                reason
+                transactionId
+                method
+                metadata
+                orderItems {
+                    id
+                }
+            }
+        }
+        fulfillments {
+            ...Fulfillment
+        }
+        modifications {
+            id
+            createdAt
+            isSettled
+            priceChange
+            note
+            payment {
+                id
+                amount
+            }
+            orderItems {
+                id
+            }
+            refund {
+                id
+                paymentId
+                total
+            }
+            surcharges {
+                id
+            }
+        }
+    }
+    ${DISCOUNT_FRAGMENT}
+    ${ORDER_ADDRESS_FRAGMENT}
+    ${FULFILLMENT_FRAGMENT}
+    ${ORDER_LINE_FRAGMENT}
+`;
+const GET_ORDERS_LIST = gql `
+    query GetOrderList($options: OrderListOptions) {
+        orders(options: $options) {
+            items {
+                ...Order
+            }
+            totalItems
+        }
+    }
+    ${ORDER_FRAGMENT}
+`;
+const GET_ORDER = gql `
+    query GetOrder($id: ID!) {
+        order(id: $id) {
+            ...OrderDetail
+        }
+    }
+    ${ORDER_DETAIL_FRAGMENT}
+`;
+const SETTLE_PAYMENT = gql `
+    mutation SettlePayment($id: ID!) {
+        settlePayment(id: $id) {
+            ... on Payment {
+                id
+                transactionId
+                amount
+                method
+                state
+                metadata
+            }
+            ...ErrorResult
+            ... on SettlePaymentError {
+                paymentErrorMessage
+            }
+            ... on PaymentStateTransitionError {
+                transitionError
+            }
+            ... on OrderStateTransitionError {
+                transitionError
+            }
+        }
+    }
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const TRANSITION_PAYMENT_TO_STATE = gql `
+    mutation TransitionPaymentToState($id: ID!, $state: String!) {
+        transitionPaymentToState(id: $id, state: $state) {
+            ... on Payment {
+                id
+                transactionId
+                amount
+                method
+                state
+                metadata
+            }
+            ...ErrorResult
+            ... on PaymentStateTransitionError {
+                transitionError
+            }
+        }
+    }
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const CREATE_FULFILLMENT = gql `
+    mutation CreateFulfillment($input: FulfillOrderInput!) {
+        addFulfillmentToOrder(input: $input) {
+            ...Fulfillment
+            ... on CreateFulfillmentError {
+                errorCode
+                message
+                fulfillmentHandlerError
+            }
+            ... on FulfillmentStateTransitionError {
+                errorCode
+                message
+                transitionError
+            }
+            ...ErrorResult
+        }
+    }
+    ${FULFILLMENT_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const CANCEL_ORDER = gql `
+    mutation CancelOrder($input: CancelOrderInput!) {
+        cancelOrder(input: $input) {
+            ...OrderDetail
+            ...ErrorResult
+        }
+    }
+    ${ORDER_DETAIL_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const REFUND_ORDER = gql `
+    mutation RefundOrder($input: RefundOrderInput!) {
+        refundOrder(input: $input) {
+            ...Refund
+            ...ErrorResult
+        }
+    }
+    ${REFUND_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const SETTLE_REFUND = gql `
+    mutation SettleRefund($input: SettleRefundInput!) {
+        settleRefund(input: $input) {
+            ...Refund
+            ...ErrorResult
+        }
+    }
+    ${REFUND_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const GET_ORDER_HISTORY = gql `
+    query GetOrderHistory($id: ID!, $options: HistoryEntryListOptions) {
+        order(id: $id) {
+            id
+            history(options: $options) {
+                totalItems
+                items {
+                    id
+                    type
+                    createdAt
+                    isPublic
+                    administrator {
+                        id
+                        firstName
+                        lastName
+                    }
+                    data
+                }
+            }
+        }
+    }
+`;
+const ADD_NOTE_TO_ORDER = gql `
+    mutation AddNoteToOrder($input: AddNoteToOrderInput!) {
+        addNoteToOrder(input: $input) {
+            id
+        }
+    }
+`;
+const UPDATE_ORDER_NOTE = gql `
+    mutation UpdateOrderNote($input: UpdateOrderNoteInput!) {
+        updateOrderNote(input: $input) {
+            id
+            data
+            isPublic
+        }
+    }
+`;
+const DELETE_ORDER_NOTE = gql `
+    mutation DeleteOrderNote($id: ID!) {
+        deleteOrderNote(id: $id) {
+            result
+            message
+        }
+    }
+`;
+const TRANSITION_ORDER_TO_STATE = gql `
+    mutation TransitionOrderToState($id: ID!, $state: String!) {
+        transitionOrderToState(id: $id, state: $state) {
+            ...Order
+            ...ErrorResult
+            ... on OrderStateTransitionError {
+                transitionError
+            }
+        }
+    }
+    ${ORDER_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const UPDATE_ORDER_CUSTOM_FIELDS = gql `
+    mutation UpdateOrderCustomFields($input: UpdateOrderInput!) {
+        setOrderCustomFields(input: $input) {
+            ...Order
+        }
+    }
+    ${ORDER_FRAGMENT}
+`;
+const TRANSITION_FULFILLMENT_TO_STATE = gql `
+    mutation TransitionFulfillmentToState($id: ID!, $state: String!) {
+        transitionFulfillmentToState(id: $id, state: $state) {
+            ...Fulfillment
+            ...ErrorResult
+            ... on FulfillmentStateTransitionError {
+                transitionError
+            }
+        }
+    }
+    ${FULFILLMENT_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const GET_ORDER_SUMMARY = gql `
+    query GetOrderSummary($start: DateTime!, $end: DateTime!) {
+        orders(options: { filter: { orderPlacedAt: { between: { start: $start, end: $end } } } }) {
+            totalItems
+            items {
+                id
+                total
+                currencyCode
+            }
+        }
+    }
+`;
+const MODIFY_ORDER = gql `
+    mutation ModifyOrder($input: ModifyOrderInput!) {
+        modifyOrder(input: $input) {
+            ...OrderDetail
+            ...ErrorResult
+        }
+    }
+    ${ORDER_DETAIL_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
+`;
+const ADD_MANUAL_PAYMENT_TO_ORDER = gql `
+    mutation AddManualPayment($input: ManualPaymentInput!) {
+        addManualPaymentToOrder(input: $input) {
+            ...OrderDetail
+            ...ErrorResult
+        }
+    }
+    ${ORDER_DETAIL_FRAGMENT}
+    ${ERROR_RESULT_FRAGMENT}
 `;
 
 class OrderDataService {
@@ -7271,7 +7271,7 @@ class MainNavComponent {
 MainNavComponent.decorators = [
     { type: 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                                >\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",
+                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"]
             },] }
 ];
@@ -8611,7 +8611,7 @@ function toConfigurableOperationInput(operation, formValueOperations) {
         code: operation.code,
         arguments: Object.values(formValueOperations.args || {}).map((value, j) => ({
             name: operation.args[j].name,
-            value: value.hasOwnProperty('value')
+            value: (value === null || value === void 0 ? void 0 : value.hasOwnProperty('value'))
                 ? encodeConfigArgValue(value.value)
                 : encodeConfigArgValue(value),
         })),
@@ -9704,7 +9704,7 @@ class AddressFormComponent {
 AddressFormComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vdr-address-form',
-                template: "<form [formGroup]=\"formGroup\">\r\n    <clr-input-container>\r\n        <label>{{ 'customer.full-name' | translate }}</label>\r\n        <input formControlName=\"fullName\" type=\"text\" clrInput/>\r\n    </clr-input-container>\r\n\r\n    <div class=\"clr-row\">\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.street-line-1' | translate }}</label>\r\n                <input formControlName=\"streetLine1\" type=\"text\" clrInput/>\r\n            </clr-input-container>\r\n        </div>\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.street-line-2' | translate }}</label>\r\n                <input formControlName=\"streetLine2\" type=\"text\" clrInput/>\r\n            </clr-input-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"clr-row\">\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.city' | translate }}</label>\r\n                <input formControlName=\"city\" type=\"text\" clrInput/>\r\n            </clr-input-container>\r\n        </div>\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.province' | translate }}</label>\r\n                <input formControlName=\"province\" type=\"text\" clrInput/>\r\n            </clr-input-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"clr-row\">\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.postal-code' | translate }}</label>\r\n                <input formControlName=\"postalCode\" type=\"text\" clrInput/>\r\n            </clr-input-container>\r\n        </div>\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.country' | translate }}</label>\r\n                <select name=\"countryCode\" formControlName=\"countryCode\" clrInput clrSelect>\r\n                    <option *ngFor=\"let country of availableCountries\" [value]=\"country.code\">\r\n                        {{ country.name }}\r\n                    </option>\r\n                </select>\r\n            </clr-input-container>\r\n        </div>\r\n    </div>\r\n    <clr-input-container>\r\n        <label>{{ 'customer.phone-number' | translate }}</label>\r\n        <input formControlName=\"phoneNumber\" type=\"text\" clrInput/>\r\n    </clr-input-container>\r\n    <section formGroupName=\"customFields\" *ngIf=\"formGroup.get('customFields') as customFieldsGroup\">\r\n        <label>{{ 'common.custom-fields' | translate }}</label>\r\n        <vdr-tabbed-custom-fields\r\n            entityName=\"Address\"\r\n            [customFields]=\"customFields\"\r\n            [customFieldsFormGroup]=\"customFieldsGroup\"\r\n        ></vdr-tabbed-custom-fields>\r\n    </section>\r\n</form>\r\n",
+                template: "<form [formGroup]=\"formGroup\">\r\n    <div class=\"clr-row\">\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.full-name' | translate }}</label>\r\n                <input formControlName=\"fullName\" type=\"text\" clrInput />\r\n            </clr-input-container>\r\n        </div>\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.company' | translate }}</label>\r\n                <input formControlName=\"company\" type=\"text\" clrInput />\r\n            </clr-input-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"clr-row\">\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.street-line-1' | translate }}</label>\r\n                <input formControlName=\"streetLine1\" type=\"text\" clrInput />\r\n            </clr-input-container>\r\n        </div>\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.street-line-2' | translate }}</label>\r\n                <input formControlName=\"streetLine2\" type=\"text\" clrInput />\r\n            </clr-input-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"clr-row\">\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.city' | translate }}</label>\r\n                <input formControlName=\"city\" type=\"text\" clrInput />\r\n            </clr-input-container>\r\n        </div>\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.province' | translate }}</label>\r\n                <input formControlName=\"province\" type=\"text\" clrInput />\r\n            </clr-input-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"clr-row\">\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.postal-code' | translate }}</label>\r\n                <input formControlName=\"postalCode\" type=\"text\" clrInput />\r\n            </clr-input-container>\r\n        </div>\r\n        <div class=\"clr-col-md-4\">\r\n            <clr-input-container>\r\n                <label>{{ 'customer.country' | translate }}</label>\r\n                <select name=\"countryCode\" formControlName=\"countryCode\" clrInput clrSelect>\r\n                    <option *ngFor=\"let country of availableCountries\" [value]=\"country.code\">\r\n                        {{ country.name }}\r\n                    </option>\r\n                </select>\r\n            </clr-input-container>\r\n        </div>\r\n    </div>\r\n    <clr-input-container>\r\n        <label>{{ 'customer.phone-number' | translate }}</label>\r\n        <input formControlName=\"phoneNumber\" type=\"text\" clrInput />\r\n    </clr-input-container>\r\n    <section formGroupName=\"customFields\" *ngIf=\"formGroup.get('customFields') as customFieldsGroup\">\r\n        <label>{{ 'common.custom-fields' | translate }}</label>\r\n        <vdr-tabbed-custom-fields\r\n            entityName=\"Address\"\r\n            [customFields]=\"customFields\"\r\n            [customFieldsFormGroup]=\"customFieldsGroup\"\r\n        ></vdr-tabbed-custom-fields>\r\n    </section>\r\n</form>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [""]
             },] }
@@ -12284,7 +12284,7 @@ class FormattedAddressComponent {
 FormattedAddressComponent.decorators = [
     { type: Component, args: [{
                 selector: 'vdr-formatted-address',
-                template: "<ul class=\"address-lines\">\r\n    <li *ngIf=\"address.fullName\">{{ address.fullName }}</li>\r\n    <li *ngIf=\"address.streetLine1\">{{ address.streetLine1 }}</li>\r\n    <li *ngIf=\"address.streetLine2\">{{ address.streetLine2 }}</li>\r\n    <li *ngIf=\"address.city\">{{ address.city }}</li>\r\n    <li *ngIf=\"address.province\">{{ address.province }}</li>\r\n    <li *ngIf=\"address.postalCode\">{{ address.postalCode }}</li>\r\n    <li *ngIf=\"address.country\">\r\n        <clr-icon shape=\"world\" size=\"12\"></clr-icon>\r\n        {{ getCountryName() }}\r\n    </li>\r\n    <li *ngIf=\"address.phoneNumber\">\r\n        <clr-icon shape=\"phone-handset\" size=\"12\"></clr-icon>\r\n        {{ address.phoneNumber }}\r\n    </li>\r\n    <li *ngFor=\"let customField of getCustomFields()\" class=\"custom-field\">\r\n        <vdr-labeled-data [label]=\"customField.key\">{{ customField.value }}</vdr-labeled-data>\r\n    </li>\r\n</ul>\r\n",
+                template: "<ul class=\"address-lines\">\r\n    <li *ngIf=\"address.fullName\">{{ address.fullName }}</li>\r\n    <li *ngIf=\"address.company\">{{ address.company }}</li>\r\n    <li *ngIf=\"address.streetLine1\">{{ address.streetLine1 }}</li>\r\n    <li *ngIf=\"address.streetLine2\">{{ address.streetLine2 }}</li>\r\n    <li *ngIf=\"address.city\">{{ address.city }}</li>\r\n    <li *ngIf=\"address.province\">{{ address.province }}</li>\r\n    <li *ngIf=\"address.postalCode\">{{ address.postalCode }}</li>\r\n    <li *ngIf=\"address.country\">\r\n        <clr-icon shape=\"world\" size=\"12\"></clr-icon>\r\n        {{ getCountryName() }}\r\n    </li>\r\n    <li *ngIf=\"address.phoneNumber\">\r\n        <clr-icon shape=\"phone-handset\" size=\"12\"></clr-icon>\r\n        {{ address.phoneNumber }}\r\n    </li>\r\n    <li *ngFor=\"let customField of getCustomFields()\" class=\"custom-field\">\r\n        <vdr-labeled-data [label]=\"customField.key\">{{ customField.value }}</vdr-labeled-data>\r\n    </li>\r\n</ul>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [".address-lines{list-style-type:none;line-height:1.2em}.custom-field{margin-top:6px}\n"]
             },] }
@@ -16059,7 +16059,7 @@ function patchObject(obj, patch) {
 }
 
 // Auto-generated by the set-version.js script.
-const ADMIN_UI_VERSION = '1.6.0';
+const ADMIN_UI_VERSION = '1.6.3';
 
 /**
  * Responsible for registering dashboard widget components and querying for layouts.