{
    "manifestVersion": "2.0",
    "settings": [
        {
            "name": "fc.order.list.status.column"
        }
    ],
    "routes": [
        {
            "type": "section",
            "nav": {
                "label": "i18n:fc.om.nav",
                "icon": "shopping_cart"
            },
            "pages": [
                {
                    "type": "page",
                    "path": "orders",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($orders_first: Int) {\n  orders(first: $orders_first) {\n    edges {\n      node {\n        id\n        ref\n        retailer {\n          id\n          tradingName\n        }\n        type\n        status\n        retailer {\n          id\n        }\n        workflowRef\n        workflowVersion\n        totalPrice\n        totalTaxPrice\n        items {\n          edges {\n            node {\n              currency\n            }\n          }\n        }\n        createdOn\n        customer {\n          id\n          firstName\n          lastName\n        }\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "orders_first": 100
                        }
                    },
                    "nav": {
                        "label": "i18n:fc.om.orders.index.nav",
                        "icon": "library_books"
                    },
                    "props": {
                        "title": "i18n:fc.om.orders.index.title"
                    },
                    "descendants": [
                        {
                            "component": "fc.list",
                            "props": {
                                "defaultPageSize": 100,
                                "dataSource": "orders",
                                "responsiveness": "card",
                                "filter": {
                                    "enabled": true,
                                    "exclude": [
                                        "workflowRef",
                                        "workflowVersion",
                                        "totalPrice",
                                        "totalTaxPrice"
                                    ]
                                },
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.orders.index.list.column.orderRef.heading",
                                        "template": "{{node.ref}}",
                                        "link": "#/orders/{{node.id}}/{{node.retailer.id}}/{{node.ref}}",
                                        "condition": "{{and node.id node.retailer.id node.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.index.list.column.customer.heading",
                                        "template": "{{node.customer.firstName}} {{node.customer.lastName}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.index.list.column.orderType.heading",
                                        "template": "{{node.type}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.index.list.column.status.heading",
                                        "type": "component",
                                        "options": {
                                            "component": "fc.attribute.column",
                                            "props": {
                                                "contentColumnSetting": "fc.order.list.status.column",
                                                "value": "{{status}}"
                                            },
                                            "dataSource": "node"
                                        }
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.index.list.column.orderValue.heading",
                                        "template": "{{currency node.totalPrice node.items.edges.0.node.currency}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.index.list.column.createdOn.heading",
                                        "template": "{{dateStringFormatter node.createdOn}} ({{dateRelative node.createdOn}})"
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "orders/:id/:retailerId/:ref",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($id: ID!, $items_after: String, $items_first: Int, $fulfilmentChoices_first: Int, $fulfilments_first: Int, $comments_first: Int, $financialTransactions_first: Int, $returnOrders_first: Int, $ref: String!, $retailerId: ID!) {\n  orderById(id: $id) {\n    id\n    __typename\n    ref\n    status\n    type\n    createdOn\n    updatedOn\n    retailer {\n      id\n      tradingName\n    }\n    customer {\n      id\n      ref\n      firstName\n      lastName\n      primaryEmail\n      primaryPhone\n      timezone\n    }\n    items(after: $items_after, first: $items_first) {\n      edges {\n        node {\n          id\n          ref\n          price\n          quantity\n          totalPrice\n          totalTaxPrice\n          taxPrice\n          currency\n          product {\n            name\n          }\n          fulfilmentChoice {\n            pickupLocationRef\n            deliveryAddress {\n              email\n              street\n              street2\n              city\n              state\n              postcode\n              country\n            }\n            deliveryType\n            deliverAfter\n          }\n        }\n      }\n    }\n    fulfilmentChoice {\n      id\n      pickupLocationRef\n      deliveryAddress {\n        id\n        name\n        street\n        city\n        state\n        postcode\n        country\n        longitude\n        latitude\n        companyName\n      }\n      deliveryInstruction\n      deliveryType\n      fulfilmentPrice\n    }\n    fulfilmentChoices(first: $fulfilmentChoices_first) {\n      edges {\n        node {\n          id\n          fulfilmentPrice\n          currency\n          status\n          type\n          pickupLocationRef\n          deliverBefore\n          deliverAfter\n          deliveryFirstName\n          deliveryLastName\n          deliveryContact\n          deliveryAddress {\n            id\n            name\n            email\n            street\n            street2\n            city\n            state\n            postcode\n            country\n            longitude\n            latitude\n            companyName\n          }\n        }\n      }\n    }\n    fulfilments(first: $fulfilments_first) {\n      edges {\n        node {\n          id\n          deliveryType\n          status\n          eta\n          createdOn\n          fromAddress {\n            ref\n          }\n          toAddress {\n            ref\n            street\n            street2\n            city\n            postcode\n            state\n            country\n          }\n        }\n      }\n    }\n    financialTransactions(first: $financialTransactions_first) {\n      edges {\n        node {\n          ref\n          createdOn\n          status\n          type\n          cardType\n          paymentMethod\n          total\n          currency\n        }\n      }\n    }\n    attributes {\n      name\n      type\n      value\n    }\n  }\n  comments(first: $comments_first, entityId: [$id], entityType: \"ORDER\") {\n    edges {\n      node {\n        id\n        text\n        entityId\n        entityType\n        text\n        createdOn\n        updatedOn\n        user {\n          firstName\n          lastName\n        }\n      }\n    }\n  }\n  returnOrders(\n    first: $returnOrders_first\n    order: {ref: $ref, retailer: {id: $retailerId}}\n  ) {\n    edges {\n      node {\n        id\n        ref\n        type\n        status\n        createdOn\n        retailer {\n          id\n        }\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "id": "{{params.id}}",
                            "ref": "{{params.ref}}",
                            "retailerId": "{{params.retailerId}}",
                            "fulfilments_first": 100,
                            "items_first": 100,
                            "comments_first": 100,
                            "financialTransactions_first": 100,
                            "returnOrders_first": 100
                        }
                    },
                    "props": {
                        "title": "{{orderById.ref}} - {{orderById.status}}",
                        "actions": {
                            "secondary": [
                                {
                                    "type": "mutation",
                                    "label": "i18n:fc.om.orders.detail.userAction.addComment",
                                    "name": "createComment",
                                    "filter": {
                                        "type": "exclude",
                                        "names": [
                                            "entityRef"
                                        ]
                                    },
                                    "overrides": {
                                        "entityId": {
                                            "defaultValue": "{{orderById.id}}"
                                        },
                                        "entityType": {
                                            "defaultValue": "ORDER"
                                        }
                                    }
                                }
                            ]
                        },
                        "backButtons": [
                            {
                                "path": "orders",
                                "menuLabel": "i18n:fc.om.orders.detail.breadcrumb.backToOrders"
                            },
                            {
                                "path": "customers/{{orderById.customer.id}}/{{orderById.customer.ref}}",
                                "menuLabel": "i18n:fc.om.orders.detail.breadcrumb.viewCustomer"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.tabs",
                            "props": {
                                "layouts": [
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.details.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.fulfilments.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.transactions.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.attributes.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.returns.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.comments.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.activity.label"
                                    }
                                ]
                            },
                            "descendants": [
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.card.summary.title",
                                                "width": "half",
                                                "dataSource": "orderById",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.summary.attribute.orderType.label",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.summary.attribute.orderStatus.label",
                                                        "template": "{{status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.summary.attribute.creationDate.label",
                                                        "template": "{{dateStringFormatter createdOn}} ({{dateRelative createdOn}})"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.summary.attribute.updatedDate.label",
                                                        "template": "{{dateStringFormatter updatedOn}} ({{dateRelative updatedOn}})"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.card.retailerInfo.title",
                                                "width": "half",
                                                "dataSource": "orderById",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.retailerInfo.attribute.retailerID.label",
                                                        "template": "{{retailer.id}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.retailerInfo.attribute.retailer.label",
                                                        "template": "{{retailer.tradingName}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.retailerInfo.attribute.commissionAmount.label",
                                                        "dataSource": "attributes",
                                                        "filterFirst": {
                                                            "name": "COMMISSION_AMOUNT",
                                                            "type": "STRING"
                                                        },
                                                        "template": "{{value}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.card.customer.title",
                                                "width": "half",
                                                "dataSource": "orderById.customer",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.customer.attribute.customerName.label",
                                                        "template": "{{firstName}} {{lastName}}",
                                                        "link": "#/customers/{{id}}/{{ref}}",
                                                        "condition": "{{and id ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.customer.attribute.phoneNo..label",
                                                        "template": "{{primaryPhone}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.customer.attribute.email.label",
                                                        "template": "{{primaryEmail}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.customer.attribute.timezone.label",
                                                        "template": "{{timezone}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.customer.attribute.id.label",
                                                        "template": "{{id}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.customer.attribute.ref.label",
                                                        "template": "{{ref}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.card.orderValue.title",
                                                "width": "half",
                                                "dataSource": "orderById",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.orderValue.attribute.items.title",
                                                        "template": "{{currency (arrayFieldSum items.edges 'node.totalPrice') items.edges.0.node.currency}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.orderValue.attribute.shipping.title",
                                                        "template": "{{currency (arrayFieldSum fulfilmentChoices.edges 'node.fulfilmentPrice') fulfilmentChoices.edges.0.node.currency}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.orderValue.attribute.taxes.title",
                                                        "template": "{{currency (arrayFieldSum items.edges 'node.totalTaxPrice') items.edges.0.node.currency}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.card.orderValue.attribute.total.title",
                                                        "template": "{{bold (currency (add (arrayFieldSum items.edges 'node.totalPrice') (add (arrayFieldSum fulfilmentChoices.edges 'node.fulfilmentPrice') (arrayFieldSum items.edges 'node.totalTaxPrice'))) items.edges.0.node.currency ) }}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.deliveryInfo.title",
                                                "dataSource": "orderById.fulfilmentChoices",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.deliveryInfo.column.details.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.order.shipmentDetails"
                                                        }
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.deliveryInfo.column.type.heading",
                                                        "template": "{{node.type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.deliveryInfo.column.deliveryStatus.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.deliveryInfo.column.deliverOn.heading",
                                                        "template": "{{#if node.deliverAfter}}{{dateStringFormatter node.deliverAfter}}{{/if}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.deliveryInfo.column.name.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.attribute.column",
                                                            "props": {
                                                                "value": [
                                                                    {
                                                                        "name": "deliveryFirstName"
                                                                    },
                                                                    {
                                                                        "name": "deliveryLastName"
                                                                    },
                                                                    {
                                                                        "name": "deliveryContact",
                                                                        "style": {
                                                                            "color": "grey"
                                                                        }
                                                                    }
                                                                ]
                                                            },
                                                            "dataSource": "node"
                                                        }
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.deliveryInfo.column.deliveryAddress.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.mystique.collapsible.text",
                                                            "props": {
                                                                "text": "{{#if node.pickupLocationRef}}{{node.pickupLocationRef}}{{/if}}{{#if node.deliveryAddress.email}} {{node.deliveryAddress.email}}{{/if}}{{#if node.deliveryAddress.street}} {{node.deliveryAddress.street}}{{/if}}{{#if node.deliveryAddress.street2}} {{node.deliveryAddress.street2}}{{/if}}{{#if node.deliveryAddress.city}} {{node.deliveryAddress.city}}{{/if}}{{#if node.deliveryAddress.state}} {{node.deliveryAddress.state}}{{/if}}{{#if node.deliveryAddress.postcode}} {{node.deliveryAddress.postcode}}{{/if}}{{#if node.deliveryAddress.country}} {{node.deliveryAddress.country}}{{/if}}",
                                                                "charCutoff": 50
                                                            }
                                                        }
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.orderItems.title",
                                                "dataSource": "orderById.items",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.ref.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.drawer.button",
                                                            "props": {
                                                                "label": "{{node.ref}}",
                                                                "color": "primary",
                                                                "title": "i18n:fc.om.orders.detail.list.orderItems.drawer.title",
                                                                "query": "query ($id: ID!) { orderItemById(id: $id) { id ref price totalPrice currency status quantity createdOn order { id retailer { id } } product { name summary ...vProduct } fulfilmentChoice { ref, type, deliverBefore deliverAfter pickupLocationRef deliveryAddress { email street street2 city state postcode country } } } } fragment vProduct on VariantProduct { ref attributes { name value } }",
                                                                "variables": {
                                                                    "id": "{{node.id}}"
                                                                },
                                                                "descendants": [
                                                                    {
                                                                        "component": "fc.card.attribute",
                                                                        "props": {
                                                                            "title": "i18n:fc.order.itemDetails.summary",
                                                                            "dataSource": "orderItemById",
                                                                            "attributes": [
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.ref",
                                                                                    "template": "{{ref}}"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.status",
                                                                                    "template": "{{status}}"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.creationDate",
                                                                                    "template": "{{dateStringFormatter createdOn}} ({{dateRelative createdOn}})"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.unitPrice",
                                                                                    "template": "{{bold (currency price currency) }}"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.totalPrice",
                                                                                    "template": "{{bold (currency totalPrice currency) }}"
                                                                                }
                                                                            ]
                                                                        }
                                                                    },
                                                                    {
                                                                        "component": "fc.card.attribute",
                                                                        "props": {
                                                                            "title": "i18n:fc.order.itemDetails.product",
                                                                            "dataSource": "orderItemById",
                                                                            "attributes": [
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.name",
                                                                                    "template": "{{product.name}}"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.ref",
                                                                                    "template": "{{product.ref}}"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.quantity",
                                                                                    "template": "{{quantity}}"
                                                                                }
                                                                            ]
                                                                        }
                                                                    },
                                                                    {
                                                                        "component": "fc.card.attribute",
                                                                        "props": {
                                                                            "title": "i18n:fc.order.itemDetails.shipment",
                                                                            "dataSource": "orderItemById.fulfilmentChoice",
                                                                            "attributes": [
                                                                                {
                                                                                    "label": "i18n:fc.om.orders.detail.list.orderItems.drawer.delivery.deliveryAddress",
                                                                                    "template": "{{#if pickupLocationRef}}{{pickupLocationRef}}{{/if}}{{#if deliveryAddress.email}} {{deliveryAddress.email}}{{/if}}{{#if deliveryAddress.street}} {{deliveryAddress.street}}{{/if}}{{#if deliveryAddress.street2}} {{deliveryAddress.street2}}{{/if}}{{#if deliveryAddress.city}} {{deliveryAddress.city}}{{/if}}{{#if deliveryAddress.state}} {{deliveryAddress.state}}{{/if}}{{#if deliveryAddress.postcode}} {{deliveryAddress.postcode}}{{/if}}{{#if deliveryAddress.country}} {{deliveryAddress.country}}{{/if}}"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.om.orders.detail.list.orderItems.drawer.delivery.deliveryWindow",
                                                                                    "template": "{{#if deliverAfter}}{{dateStringFormatter deliverAfter}}{{else}}{{i18n 'fc.om.orders.detail.list.orderItems.drawer.delivery.deliveryWindow.noSelectedDate'}}{{/if}} - {{#if deliverBefore}}{{dateStringFormatter deliverBefore}}{{else}}{{i18n 'fc.om.orders.detail.list.orderItems.drawer.delivery.deliveryWindow.noSelectedDate'}}{{/if}}"
                                                                                }
                                                                            ]
                                                                        }
                                                                    },
                                                                    {
                                                                        "component": "fc.card.attribute",
                                                                        "props": {
                                                                            "title": "i18n:fc.order.itemDetails.attributes",
                                                                            "cardImage": {
                                                                                "imageUrl": "{{product.attributes.byName.imageUrl}}"
                                                                            },
                                                                            "dataSource": "orderItemById",
                                                                            "attributes": [
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.attributes.size",
                                                                                    "template": "{{product.attributes.byName.Size}}"
                                                                                },
                                                                                {
                                                                                    "label": "i18n:fc.order.itemDetails.attributes.colour",
                                                                                    "template": "{{product.attributes.byName.Colour}}"
                                                                                }
                                                                            ]
                                                                        }
                                                                    }
                                                                ]
                                                            }
                                                        }
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.productName.heading",
                                                        "template": "{{node.product.name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.quantity.heading",
                                                        "template": "{{node.quantity}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.unitPrice.heading",
                                                        "template": "{{currency node.price node.currency}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.totalPrice.heading",
                                                        "template": "{{currency node.totalPrice node.currency}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.deliveryType.heading",
                                                        "template": "{{node.fulfilmentChoice.deliveryType}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.deliveryDate.heading",
                                                        "template": "{{#if node.fulfilmentChoice.deliverAfter}}{{dateStringFormatter node.fulfilmentChoice.deliverAfter}}{{/if}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orderItems.column.deliveryAddress.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.mystique.collapsible.text",
                                                            "props": {
                                                                "text": "{{#if node.fulfilmentChoice.pickupLocationRef}}{{node.fulfilmentChoice.pickupLocationRef}}{{/if}}{{#if node.fulfilmentChoice.deliveryAddress.email}} {{node.fulfilmentChoice.deliveryAddress.email}}{{/if}}{{#if node.fulfilmentChoice.deliveryAddress.street}} {{node.fulfilmentChoice.deliveryAddress.street}}{{/if}}{{#if node.fulfilmentChoice.deliveryAddress.street2}} {{node.fulfilmentChoice.deliveryAddress.street2}}{{/if}}{{#if node.fulfilmentChoice.deliveryAddress.city}} {{node.fulfilmentChoice.deliveryAddress.city}}{{/if}}{{#if node.fulfilmentChoice.deliveryAddress.state}} {{node.fulfilmentChoice.deliveryAddress.state}}{{/if}}{{#if node.fulfilmentChoice.deliveryAddress.postcode}} {{node.fulfilmentChoice.deliveryAddress.postcode}}{{/if}}{{#if node.fulfilmentChoice.deliveryAddress.country}} {{node.fulfilmentChoice.deliveryAddress.country}}{{/if}}",
                                                                "charCutoff": 50
                                                            }
                                                        }
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.fulfilments.title",
                                                "dataSource": "orderById.fulfilments",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.fulfilments.column.id.heading",
                                                        "template": "{{node.id}}",
                                                        "link_template": "#/fulfilment/{{node.id}}",
                                                        "condition": "{{and node.id}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.fulfilments.column.status.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.fulfilments.column.deliveryType.heading",
                                                        "template": "{{node.deliveryType}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.fulfilments.column.createdOn.heading",
                                                        "template": "{{dateStringFormatter node.createdOn}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.fulfilments.column.fulfilmentLocation.heading",
                                                        "template": "{{#if node.fromAddress.ref}}{{node.fromAddress.ref}}{{/if}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.fulfilments.column.destination.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.mystique.collapsible.text",
                                                            "props": {
                                                                "text": "{{#if node.toAddress.street}} {{node.toAddress.street}}{{/if}}{{#if node.toAddress.street2}} {{node.toAddress.street2}}{{/if}}{{#if node.toAddress.city}} {{node.toAddress.city}}{{/if}}{{#if node.toAddress.postcode}} {{node.toAddress.postcode}}{{/if}}{{#if node.toAddress.state}} {{node.toAddress.state}}{{/if}}{{#if node.toAddress.country}} {{node.toAddress.country}}{{/if}}",
                                                                "charCutoff": 50
                                                            }
                                                        }
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.transactions.title",
                                                "dataSource": "orderById.financialTransactions",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.transactions.column.ref.heading",
                                                        "template": "{{node.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.transactions.column.createdOn.heading",
                                                        "template": "{{formatDate node.createdOn day='numeric' month='numeric' year='numeric'}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.transactions.column.status.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.transactions.column.type.heading",
                                                        "template": "{{node.type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.transactions.column.cardType.heading",
                                                        "template": "{{node.cardType}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.transactions.column.paymentMethod.heading",
                                                        "template": "{{node.paymentMethod}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.transactions.column.amount.heading",
                                                        "template": "{{currency node.total node.currency}}"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.attributes.title",
                                                "dataSource": "orderById.attributes",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.attributes.column.name.heading",
                                                        "template": "{{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.attributes.column.type.heading",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.list.attributes.column.value.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.page.section",
                                                            "descendants": [
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{type}}",
                                                                        "matches": "JSON"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.attribute.json",
                                                                            "dataSource": "value"
                                                                        }
                                                                    ]
                                                                },
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{eq type 'JSON'}}",
                                                                        "matches": "false"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.mystique.collapsible.text",
                                                                            "props": {
                                                                                "text": "{{value}}",
                                                                                "charCutoff": 100
                                                                            }
                                                                        }
                                                                    ]
                                                                }
                                                            ]
                                                        }
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.returns.title",
                                                "defaultPageSize": 10,
                                                "dataSource": "returnOrders",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orders.column.returnOrderRef.heading",
                                                        "template": "{{node.ref}}",
                                                        "link_template": "#/returns/{{node.id}}/{{node.retailer.id}}/{{node.ref}}",
                                                        "condition": "{{and node.id node.retailer.id node.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orders.column.status.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.orders.column.createdOn.heading",
                                                        "template": "{{dateStringFormatter node.createdOn}} ({{dateRelative node.createdOn}})"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.comments.title",
                                                "dataSource": "comments",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.comments.column.comment.heading",
                                                        "template": "{{node.text}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.comments.column.user.heading",
                                                        "template": "{{node.user.firstName}} {{node.user.lastName}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.comments.column.date.heading",
                                                        "template": "{{dateStringFormatter node.createdOn}} ({{dateRelative node.createdOn}})"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.activity.entity",
                                            "dataSource": "orderById",
                                            "props": {
                                                "width": "12",
                                                "showChildEntities": true
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "orderitems/:id",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($id: ID!) {\n  orderItemById(id: $id) {\n    id\n    ref\n    price\n    status\n    quantity\n    createdOn\n    order {\n      id\n      ref\n      retailer {\n        id\n      }\n    }\n    product {\n      name\n      ...vProduct\n    }\n  }\n}\n\nfragment vProduct on VariantProduct {\n  ref\n  attributes {\n    name\n    type\n    value\n  }\n}\n",
                        "variables": {
                            "id": "{{params.id}}"
                        }
                    },
                    "props": {
                        "title": "{{i18n 'fc.om.orderitems.order.title'}} {{orderItemById.order.ref}} {{i18n 'fc.om.orderitems.items.title'}} - {{orderItemById.ref}}",
                        "actions": true,
                        "backButtons": [
                            {
                                "path": "orders/{{orderItemById.order.id}}/{{orderItemById.order.retailer.id}}/{{orderItemById.order.ref}}",
                                "menuLabel": "{{i18n: 'fc.om.orderitems.breadcrumb.backToOrder'}} ({{orderItemById.order.ref}})"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.card.attribute",
                            "props": {
                                "title": "i18n:fc.om.orderitems.detail.card.summary.title",
                                "width": "half",
                                "dataSource": "orderItemById",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.card.summary.attribute.ref.label",
                                        "template": "{{ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.card.summary.attribute.status.label",
                                        "template": "{{status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.card.summary.attribute.quantity.label",
                                        "template": "{{quantity}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.card.summary.attribute.creationDate.label",
                                        "template": "{{dateStringFormatter createdOn}} ({{dateRelative createdOn}})"
                                    }
                                ]
                            }
                        },
                        {
                            "component": "fc.card.attribute",
                            "props": {
                                "title": "i18n:fc.om.orderitems.detail.card.product.title",
                                "width": "half",
                                "dataSource": "orderItemById.product",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.card.product.attribute.name.label",
                                        "template": "{{name}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.card.product.attribute.ref.label",
                                        "template": "{{ref}}"
                                    }
                                ]
                            }
                        },
                        {
                            "component": "fc.list",
                            "props": {
                                "title": "i18n:fc.om.orderitems.detail.list.attributes.title",
                                "dataSource": "orderItemById.product.attributes",
                                "responsiveness": "card",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.list.attributes.column.name.heading",
                                        "template": "{{name}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.list.attributes.column.type.heading",
                                        "template": "{{type}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.orderitems.detail.list.attributes.column.value.heading",
                                        "type": "component",
                                        "options": {
                                            "component": "fc.page.section",
                                            "descendants": [
                                                {
                                                    "component": "fc.conditional",
                                                    "props": {
                                                        "value": "{{type}}",
                                                        "matches": "JSON"
                                                    },
                                                    "descendants": [
                                                        {
                                                            "component": "fc.attribute.json",
                                                            "dataSource": "value"
                                                        }
                                                    ]
                                                },
                                                {
                                                    "component": "fc.conditional",
                                                    "props": {
                                                        "value": "{{eq type 'JSON'}}",
                                                        "matches": "false"
                                                    },
                                                    "descendants": [
                                                        {
                                                            "component": "fc.mystique.collapsible.text",
                                                            "props": {
                                                                "text": "{{value}}",
                                                                "charCutoff": 100
                                                            }
                                                        }
                                                    ]
                                                }
                                            ]
                                        }
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "path": "escalatedFulfilments",
                    "type": "page",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($ref: [String], $fulfilments_first: Int) {\n  fulfilments(first: $fulfilments_first, ref: $ref, status: [\"ESCALATED\"]) {\n    edges {\n      node {\n        id\n        ref\n        createdOn\n        order {\n          ref\n          id\n          status\n          retailer {\n            id\n          }\n          customer {\n            firstName\n            lastName\n          }\n        }\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "fulfilments_first": 100
                        }
                    },
                    "nav": {
                        "label": "i18n:fc.om.fulfilment.index.title",
                        "icon": "warning"
                    },
                    "props": {
                        "title": "i18n:fc.om.fulfilment.index.title"
                    },
                    "descendants": [
                        {
                            "component": "fc.list",
                            "props": {
                                "defaultPageSize": 10,
                                "dataSource": "fulfilments",
                                "responsiveness": "card",
                                "filter": {
                                    "enabled": true,
                                    "exclude": [
                                        "deliveryType",
                                        "eta",
                                        "type",
                                        "workflowRef",
                                        "workflowVersion"
                                    ]
                                },
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.fulfilment.index.list.column.id.heading",
                                        "template": "{{node.id}}",
                                        "link_template": "#/fulfilment/{{node.id}}",
                                        "condition": "{{and node.id}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.fulfilment.index.list.column.orderRef.heading",
                                        "template": "{{node.order.ref}}",
                                        "link_template": "#/orders/{{node.order.id}}/{{node.order.retailer.id}}/{{node.order.ref}}",
                                        "condition": "{{and node.order.id node.order.retailer.id node.order.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.fulfilment.index.list.column.customer.heading",
                                        "template": "{{node.order.customer.firstName}} {{node.order.customer.lastName}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.fulfilment.index.list.column.orderStatus.heading",
                                        "template": "{{node.order.status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.fulfilment.index.list.column.creationDate.heading",
                                        "template": "{{dateStringFormatter node.createdOn}} ({{dateRelative node.createdOn}})"
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "path": "fulfilment/:id",
                    "type": "page",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($id: ID!, $items_after: String, $items_first: Int, $articles_after: String, $articles_first: Int) {\n  fulfilmentById(id: $id) {\n    id\n    status\n    ref\n    eta\n    createdOn\n    expiryTime\n    deliveryType\n    order {\n      id\n      ref\n      retailer {\n        id\n      }\n    }\n    fromAddress {\n      ref\n      companyName\n      name\n      street\n      street2\n      city\n      state\n      postcode\n      country\n    }\n    toAddress {\n      ref\n      companyName\n      name\n      street\n      street2\n      city\n      state\n      postcode\n      country\n    }\n    articles(after: $articles_after, first: $articles_first) {\n      edges {\n        node {\n          id\n          ref\n          status\n          createdOn\n        }\n      }\n    }\n    items(after: $items_after, first: $items_first) {\n      edges {\n        node {\n          orderItem {\n            ref\n            product {\n              name\n            }\n          }\n          requestedQuantity\n          filledQuantity\n          rejectedQuantity\n        }\n      }\n    }\n    attributes {\n      name\n      type\n      value\n    }\n  }\n}\n",
                        "variables": {
                            "id": "{{params.id}}",
                            "items_first": 100,
                            "articles_first": 100
                        }
                    },
                    "props": {
                        "title": "{{i18n 'fc.om.fulfilment.title'}} - {{fulfilmentById.id}} - {{fulfilmentById.status}}",
                        "actions": true,
                        "backButtons": [
                            {
                                "path": "orders/{{fulfilmentById.order.id}}/{{fulfilmentById.order.retailer.id}}/{{fulfilmentById.order.ref}}",
                                "menuLabel": "{{i18n 'fc.om.fulfilment.breadcrumb.backToOrder'}} ({{fulfilmentById.order.ref}})"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.page.section.header",
                            "descendants": [
                                {
                                    "component": "fc.button.print.download",
                                    "props": {
                                        "label": "i18n:fc.om.fulfilment.detail.button.print.label",
                                        "href": "api/v4/fulfilment/inpack/{{fulfilmentById.id}}",
                                        "filename": "Packing_Slip_{{fulfilmentById.id}}.pdf"
                                    }
                                }
                            ]
                        },
                        {
                            "component": "fc.tabs",
                            "props": {
                                "layouts": [
                                    {
                                        "label": "i18n:fc.om.fulfilment.detail.tab.details.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.fulfilment.detail.tab.attributes.label"
                                    }
                                ]
                            },
                            "descendants": [
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.fulfilment.detail.card.overview.title",
                                                "dataSource": "fulfilmentById",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.overview.attribute.iD.label",
                                                        "template": "{{id}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.overview.attribute.ref.label",
                                                        "template": "{{ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.overview.attribute.status.label",
                                                        "template": "{{status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.overview.attribute.deliveryType.label",
                                                        "template": "{{deliveryType}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.overview.attribute.creationDate.label",
                                                        "template": "{{dateStringFormatter createdOn}} ({{dateRelative createdOn}})"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.overview.attribute.eTA.label",
                                                        "template": "{{#if expiryTime}}{{dateStringFormatter expiryTime}} ({{dateRelative expiryTime}}){{/if}}{{#unless expiryTime}}{{i18n 'fc.om.fulfilment.detail.card.overview.attribute.eTA.noExpiryDateSet'}}{{/unless}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.fulfilment.detail.card.fromLocation.title",
                                                "width": "half",
                                                "dataSource": "fulfilmentById.fromAddress",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.fromLocation.attribute.from.label",
                                                        "template": "{{ref}} {{companyName}} {{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.fromLocation.attribute.street.label",
                                                        "template": "{{street}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.fromLocation.attribute.street2.label",
                                                        "template": "{{street2}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.fromLocation.attribute.city.label",
                                                        "template": "{{city}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.fromLocation.attribute.state.label",
                                                        "template": "{{state}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.fromLocation.attribute.postcode.label",
                                                        "template": "{{postcode}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.fromLocation.attribute.country.label",
                                                        "template": "{{country}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.fulfilment.detail.card.toLocation.title",
                                                "width": "half",
                                                "dataSource": "fulfilmentById.toAddress",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.toLocation.attribute.to.label",
                                                        "template": "{{ref}} {{companyName}} {{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.toLocation.attribute.street.label",
                                                        "template": "{{street}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.toLocation.attribute.street2.label",
                                                        "template": "{{street2}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.toLocation.attribute.city.label",
                                                        "template": "{{city}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.toLocation.attribute.state.label",
                                                        "template": "{{state}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.toLocation.attribute.postcode.label",
                                                        "template": "{{postcode}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.card.toLocation.attribute.country.label",
                                                        "template": "{{country}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.fulfilment.detail.list.fulfilmentItems.title",
                                                "dataSource": "fulfilmentById.items",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.fulfilmentItems.column.productName.heading",
                                                        "template": "{{node.orderItem.product.name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.fulfilmentItems.column.skuRef.heading",
                                                        "template": "{{node.orderItem.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.fulfilmentItems.column.requestedQuantity.heading",
                                                        "template": "{{node.requestedQuantity}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.fulfilmentItems.column.filledQuantity.heading",
                                                        "template": "{{node.filledQuantity}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.fulfilmentItems.column.rejectedQuantity.heading",
                                                        "template": "{{node.rejectedQuantity}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.fulfilment.detail.list.articles.title",
                                                "dataSource": "fulfilmentById.articles",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.articles.column.articleRef.heading",
                                                        "template": "{{node.ref}}",
                                                        "link_template": "#/article/{{node.id}}",
                                                        "condition": "{{and node.id}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.articles.column.status.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.articles.column.creationDate.heading",
                                                        "template": "{{dateStringFormatter node.createdOn}} ({{dateRelative node.createdOn}})"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.fulfilment.detail.tab.attributes.label",
                                                "dataSource": "fulfilmentById.attributes",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.attributes.column.name.heading",
                                                        "template": "{{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.attributes.column.type.heading",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.fulfilment.detail.list.attributes.column.value.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.page.section",
                                                            "descendants": [
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{type}}",
                                                                        "matches": "JSON"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.attribute.json",
                                                                            "dataSource": "value"
                                                                        }
                                                                    ]
                                                                },
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{eq type 'JSON'}}",
                                                                        "matches": "false"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.mystique.collapsible.text",
                                                                            "props": {
                                                                                "text": "{{value}}",
                                                                                "charCutoff": 100
                                                                            }
                                                                        }
                                                                    ]
                                                                }
                                                            ]
                                                        }
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "customers",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($customers_after: String, $customers_first: Int) {\n  customers(after: $customers_after, first: $customers_first) {\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n    }\n    edges {\n      cursor\n      node {\n        id\n        ref\n        firstName\n        lastName\n        primaryEmail\n        primaryPhone\n        timezone\n        status\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "customers_first": 100
                        }
                    },
                    "nav": {
                        "label": "i18n:fc.om.customers.index.nav",
                        "icon": "face"
                    },
                    "props": {
                        "title": "i18n:fc.om.customers.index.title"
                    },
                    "descendants": [
                        {
                            "component": "fc.list",
                            "props": {
                                "dataSource": "customers",
                                "responsiveness": "card",
                                "filter": {
                                    "enabled": true,
                                    "exclude": [
                                        "workflowRef",
                                        "workflowVersion",
                                        "title",
                                        "department",
                                        "country",
                                        "username",
                                        "timezone"
                                    ]
                                },
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.customers.index.list.column.name.heading",
                                        "template": "{{node.firstName}} {{node.lastName}}",
                                        "link_template": "#/customers/{{node.id}}/{{node.ref}}",
                                        "condition": "{{and node.id node.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.index.list.column.ref.heading",
                                        "template": "{{node.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.index.list.column.email.heading",
                                        "template": "{{node.primaryEmail}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.index.list.column.phone.heading",
                                        "template": "{{node.primaryPhone}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.index.list.column.timezone.heading",
                                        "template": "{{node.timezone}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.index.list.column.status.heading",
                                        "template": "{{node.status}}"
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "customers/:id/:ref",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($id: ID!, $ref: String!, $billingAccounts_first: Int, $orders_first: Int) {\n  customerById(id: $id) {\n    id\n    ref\n    firstName\n    lastName\n    username\n    timezone\n    primaryEmail\n    primaryPhone\n    status\n    retailer {\n      id\n      tradingName\n    }\n    country\n    department\n    createdOn\n    updatedOn\n  }\n  orders(first: $orders_first, customerLink: {ref: $ref}) {\n    edges {\n      node {\n        id\n        ref\n        retailer {\n          id\n          tradingName\n        }\n        type\n        status\n        retailer {\n          id\n        }\n        workflowRef\n        workflowVersion\n        totalPrice\n        totalTaxPrice\n        createdOn\n        customer {\n          id\n          firstName\n          lastName\n        }\n      }\n    }\n  }\n  billingAccounts(first: $billingAccounts_first, customer: {ref: $ref}) {\n    edges {\n      node {\n        id\n        ref\n        type\n        status\n        retailer {\n          id\n        }\n        workflowRef\n        workflowVersion\n        createdOn\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "id": "{{params.id}}",
                            "ref": "{{params.ref}}",
                            "billingAccounts_first": 100,
                            "orders_first": 100
                        }
                    },
                    "props": {
                        "title": "{{i18n 'fc.om.customers.details.title'}} - {{customerById.firstName}} {{customerById.lastName}}",
                        "backButtons": [
                            {
                                "path": "customers",
                                "menuLabel": "i18n:fc.om.customers.detail.breadcrumb.backToCustomers"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.card.attribute",
                            "props": {
                                "title": "i18n:fc.om.customers.detail.card.personalInformation.title",
                                "width": "half",
                                "dataSource": "customerById",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.personalInformation.attribute.name.label",
                                        "template": "{{firstName}} {{lastName}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.personalInformation.attribute.primaryPhone.label",
                                        "template": "{{primaryPhone}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.personalInformation.attribute.primaryEmail.label",
                                        "template": "{{primaryEmail}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.personalInformation.attribute.country.label",
                                        "template": "{{country}}"
                                    }
                                ]
                            }
                        },
                        {
                            "component": "fc.card.attribute",
                            "props": {
                                "title": "i18n:fc.om.customers.detail.card.accountDetails.title",
                                "width": "half",
                                "dataSource": "customerById",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.accountDetails.attribute.id.label",
                                        "template": "{{id}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.accountDetails.attribute.ref.label",
                                        "template": "{{ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.accountDetails.attribute.status.label",
                                        "template": "{{status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.accountDetails.attribute.createdOn.label",
                                        "template": "{{dateStringFormatter createdOn}} ({{dateRelative createdOn}})"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.card.accountDetails.attribute.updatedOn.label",
                                        "template": "{{dateStringFormatter updatedOn}} ({{dateRelative updatedOn}})"
                                    }
                                ]
                            }
                        },
                        {
                            "component": "fc.list",
                            "props": {
                                "title": "i18n:fc.om.customers.detail.list.billingAccounts.title",
                                "defaultPageSize": 10,
                                "dataSource": "billingAccounts",
                                "responsiveness": "card",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.billingAccounts.column.ref.heading",
                                        "template": "{{node.ref}}",
                                        "link_template": "#/billing/{{node.ref}}",
                                        "condition": "{{and node.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.billingAccounts.column.status.heading",
                                        "template": "{{node.status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.billingAccounts.column.type.heading",
                                        "template": "{{node.type}}"
                                    }
                                ]
                            }
                        },
                        {
                            "component": "fc.list",
                            "props": {
                                "title": "i18n:fc.om.customers.detail.list.orderHistory.title",
                                "defaultPageSize": 10,
                                "dataSource": "orders",
                                "responsiveness": "card",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.orderHistory.column.orderRef.heading",
                                        "template": "{{node.ref}}",
                                        "link_template": "#/orders/{{node.id}}/{{node.retailer.id}}/{{node.ref}}",
                                        "condition": "{{and node.id node.retailer.id node.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.orderHistory.column.status.heading",
                                        "template": "{{node.status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.orderHistory.column.orderType.heading",
                                        "template": "{{node.type}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.orderHistory.column.orderValue.heading",
                                        "template": "{{node.totalPrice}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.customers.detail.list.orderHistory.column.creationDate.heading",
                                        "template": "{{dateRelative node.createdOn}}"
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "returns",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($returnOrders_first: Int) {\n  returnOrders(first: $returnOrders_first) {\n    edges {\n      node {\n        id\n        retailer {\n          id\n        }\n        ref\n        order {\n          ref\n        }\n        type\n        status\n        createdOn\n        returnAuthorisationKey\n        returnAuthorisationKeyExpiry\n        workflowRef\n        lodgedLocation {\n          ref\n        }\n        destinationLocation {\n          ref\n        }\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "returnOrders_first": 100
                        }
                    },
                    "nav": {
                        "label": "i18n:fc.om.returns.index.nav",
                        "icon": "call_missed"
                    },
                    "props": {
                        "title": "i18n:fc.om.returns.index.title"
                    },
                    "descendants": [
                        {
                            "component": "fc.list",
                            "props": {
                                "defaultPageSize": 10,
                                "dataSource": "returnOrders",
                                "responsiveness": "card",
                                "filter": {
                                    "enabled": true,
                                    "exclude": [
                                        "workflowRef",
                                        "workflowVersion",
                                        "returnAuthorisationKey"
                                    ]
                                },
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.returns.index.list.column.returnOrderRef.heading",
                                        "template": "{{node.ref}}",
                                        "link_template": "#/returns/{{node.id}}/{{node.retailer.id}}/{{node.ref}}",
                                        "condition": "{{and node.id node.retailer.id node.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.index.list.column.type.heading",
                                        "template": "{{node.type}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.index.list.column.orderRef.heading",
                                        "template": "{{node.order.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.index.list.column.status.heading",
                                        "template": "{{node.status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.index.list.column.lodgedLocation.heading",
                                        "template": "{{node.lodgedLocation.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.index.list.column.destinationLocation.heading",
                                        "template": "{{node.destinationLocation.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.index.list.column.creationDate.heading",
                                        "template": "{{dateStringFormatter node.createdOn}} ({{dateRelative node.createdOn}})"
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "returns/:id/:retailerId/:ref",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($ref: String!, $retailerId: ID!, $returnOrderFulfilments_first: Int, $returnOrderItems_first: Int) {\n  returnOrder(ref: $ref, retailer: {id: $retailerId}) {\n    id\n    __typename\n    ref\n    status\n    retailer {\n      id\n    }\n    type\n    customer {\n      ref\n    }\n    order {\n      ref\n    }\n    exchangeOrder {\n      ref\n    }\n    creditMemo {\n      ref\n    }\n    returnOrderItems(first: $returnOrderItems_first) {\n      edges {\n        node {\n          ref\n          status\n          orderItem {\n            ref\n          }\n          product {\n            ref\n          }\n          returnReason {\n            value\n            label\n          }\n          returnReasonComment\n          returnCondition {\n            value\n            label\n          }\n        }\n      }\n    }\n    returnVerifications {\n      edges {\n        node {\n          id\n        }\n      }\n    }\n    returnAuthorisationKey\n    lodgedLocation {\n      ref\n    }\n    destinationLocation {\n      ref\n    }\n    pickupAddress {\n      companyName\n      name\n      street\n      city\n      state\n      postcode\n      region\n      country\n      latitude\n      longitude\n      timeZone\n    }\n    destinationLocation {\n      ref\n    }\n    createdOn\n    updatedOn\n    workflow {\n      ref\n      version\n    }\n    returnOrderFulfilments(first: $returnOrderFulfilments_first) {\n      edges {\n        node {\n          ref\n          type\n          returnOrder {\n            ref\n            retailer {\n              id\n            }\n          }\n          lodgedLocation {\n            ref\n          }\n          destinationLocation {\n            ref\n          }\n          pickupAddress {\n            name\n          }\n          status\n          workflowRef\n        }\n      }\n    }\n    attributes {\n      name\n      type\n      value\n    }\n  }\n}\n",
                        "variables": {
                            "ref": "{{params.ref}}",
                            "retailerId": "{{params.retailerId}}",
                            "returnOrderFulfilments_first": 100,
                            "returnOrderItems_first": 100
                        }
                    },
                    "props": {
                        "title": "{{returnOrder.ref}} - {{returnOrder.status}}",
                        "actions": true,
                        "backButtons": [
                            {
                                "path": "returns",
                                "menuLabel": "i18n:fc.om.returns.detail.breadcrumb.backToReturnOrders"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.tabs",
                            "props": {
                                "layouts": [
                                    {
                                        "label": "i18n:fc.om.returns.detail.tab.details.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.detail.tab.attributes.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.returns.detail.tab.activity.label"
                                    }
                                ]
                            },
                            "descendants": [
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.returns.detail.card.summary.title",
                                                "width": "half",
                                                "dataSource": "returnOrder",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.summary.attribute.returnOrderType.label",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.summary.attribute.returnOrderStatus.label",
                                                        "template": "{{status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.summary.attribute.relatedOrder.label",
                                                        "template": "{{order.ref}}",
                                                        "link_template": "#/orders?orders_ref[]={{order.ref}}",
                                                        "condition": "{{and order.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.summary.attribute.exchangeOrder.label",
                                                        "template": "{{exchangeOrder.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.summary.attribute.crediMemo.label",
                                                        "template": "{{creditMemo.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.summary.attribute.createdOn.label",
                                                        "template": "{{dateStringFormatter createdOn}} ({{dateRelative createdOn}})"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.summary.attribute.updatedOn.label",
                                                        "template": "{{dateStringFormatter updatedOn}} ({{dateRelative updatedOn}})"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.returns.detail.card.addresses.title",
                                                "width": "half",
                                                "dataSource": "returnOrder",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.lodgedLocation.label",
                                                        "template": "{{lodgedLocation.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.destinationLocation.label",
                                                        "template": "{{destinationLocation.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.pickupAddressName.label",
                                                        "template": "{{pickupAddress.name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.companyName.label",
                                                        "template": "{{pickupAddress.companyName}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.street.label",
                                                        "template": "{{pickupAddress.street}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.city.label",
                                                        "template": "{{pickupAddress.city}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.state/Postcode.label",
                                                        "template": "{{pickupAddress.state}} {{pickupAddress.postcode}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.region.label",
                                                        "template": "{{pickupAddress.region}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.card.addresses.attribute.country.label",
                                                        "template": "{{pickupAddress.country}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.returns.detail.list.returnFulfilments.title",
                                                "dataSource": "returnOrder.returnOrderFulfilments",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnFulfilments.column.ref.heading",
                                                        "template": "{{node.ref}}",
                                                        "link_template": "#/returnFulfilment/{{node.returnOrder.ref}}/{{node.returnOrder.retailer.id}}/{{node.ref}}",
                                                        "condition": "{{and node.returnOrder.ref node.returnOrder.retailer.id node.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnFulfilments.column.status.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnFulfilments.column.lodgedLocation.heading",
                                                        "template": "{{#if node.lodgedLocation}}{{node.lodgedLocation.ref}}{{/if}}{{#if node.pickupAddress}}{{node.pickupAddress.name}}{{/if}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnFulfilments.column.destinationLocation.heading",
                                                        "template": "{{node.destinationLocation.ref}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.returns.detail.list.returnOrderItems.title",
                                                "dataSource": "returnOrder.returnOrderItems",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnOrderItems.column.returnItemRef.heading",
                                                        "template": "{{node.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnOrderItems.column.orderItemRef.heading",
                                                        "template": "{{node.orderItem.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnOrderItems.column.productRef.heading",
                                                        "template": "{{node.product.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnOrderItems.column.status.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnOrderItems.column.reason.heading",
                                                        "template": "{{node.returnReason.label}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnOrderItems.column.condition.heading",
                                                        "template": "{{node.returnCondition.label}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.detail.list.returnOrderItems.column.comment.heading",
                                                        "template": "{{node.returnReasonComment}}"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.returns.attributes.list.attributes.title",
                                                "dataSource": "returnOrder.attributes",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.returns.attributes.list.attributes.column.name.heading",
                                                        "template": "{{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.attributes.list.attributes.column.type.heading",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.returns.attributes.list.attributes.column.value.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.page.section",
                                                            "descendants": [
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{type}}",
                                                                        "matches": "JSON"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.attribute.json",
                                                                            "dataSource": "value"
                                                                        }
                                                                    ]
                                                                },
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{eq type 'JSON'}}",
                                                                        "matches": "false"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.mystique.collapsible.text",
                                                                            "props": {
                                                                                "text": "{{value}}",
                                                                                "charCutoff": 100
                                                                            }
                                                                        }
                                                                    ]
                                                                }
                                                            ]
                                                        }
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.activity.entity",
                                            "dataSource": "returnOrder",
                                            "props": {
                                                "width": "12",
                                                "showChildEntities": true
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "returnFulfilment/:returnOrderRef/:retailerId/:ref",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($ref: String!, $returnOrderRef: String!, $retailerId: ID!) {\n  returnFulfilment(\n    ref: $ref\n    returnOrder: {ref: $returnOrderRef, retailer: {id: $retailerId}}\n  ) {\n    id\n    status\n    ref\n    createdOn\n    returnOrder {\n      id\n      ref\n      retailer {\n        id\n      }\n    }\n    lodgedLocation {\n      ref\n    }\n    pickupAddress {\n      companyName\n      name\n      street\n      city\n      state\n      postcode\n      region\n      country\n      latitude\n      longitude\n      timeZone\n    }\n    destinationLocation {\n      ref\n    }\n  }\n}\n",
                        "variables": {
                            "ref": "{{params.ref}}",
                            "returnOrderRef": "{{params.returnOrderRef}}",
                            "retailerId": "{{params.retailerId}}"
                        }
                    },
                    "props": {
                        "title": "{{i18n 'fc.om.returnFulfilment.title'}} - {{returnFulfilment.status}}",
                        "actions": true,
                        "backButtons": [
                            {
                                "path": "returns/{{returnFulfilment.returnOrder.id}}/{{returnFulfilment.returnOrder.retailer.id}}/{{returnFulfilment.returnOrder.ref}}",
                                "menuLabel": "{{i18n 'fc.om.returnFulfilment.breadcrumb.backToReturnOrder'}} ({{returnFulfilment.returnOrder.ref}})"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.card.attribute",
                            "props": {
                                "title": "i18n:fc.om.returnFulfilment.detail.card.overview.title",
                                "dataSource": "returnFulfilment",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.overview.attribute.ID.label",
                                        "template": "{{id}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.overview.attribute.ref.label",
                                        "template": "{{ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.overview.attribute.status.label",
                                        "template": "{{status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.overview.attribute.creationDate.label",
                                        "template": "{{dateStringFormatter createdOn}} ({{dateRelative createdOn}})"
                                    }
                                ]
                            }
                        },
                        {
                            "component": "fc.card.attribute",
                            "props": {
                                "title": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.title",
                                "width": "half",
                                "dataSource": "returnFulfilment",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.lodgedLocationRef.label",
                                        "template": "{{lodgedLocation.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.pickupAddressName.label",
                                        "template": "{{pickupAddress.name}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.companyName.label",
                                        "template": "{{pickupAddress.companyName}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.street.label",
                                        "template": "{{pickupAddress.street}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.city.label",
                                        "template": "{{pickupAddress.city}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.statePostcode.label",
                                        "template": "{{pickupAddress.state}} {{pickupAddress.postcode}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.region.label",
                                        "template": "{{pickupAddress.region}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.fromLocation.attribute.country.label",
                                        "template": "{{pickupAddress.country}}"
                                    }
                                ]
                            }
                        },
                        {
                            "component": "fc.card.attribute",
                            "props": {
                                "title": "i18n:fc.om.returnFulfilment.detail.card.toLocation.title",
                                "width": "half",
                                "dataSource": "returnFulfilment",
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.returnFulfilment.detail.card.toLocation.attribute.destinationLocation.label",
                                        "template": "{{destinationLocation.ref}}"
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "type": "page",
                    "path": "billing",
                    "component": "fc.page",
                    "data": {
                        "query": "query ($billingAccounts_first: Int, $billingAccounts_after: String) {\n  billingAccounts(first: $billingAccounts_first, after: $billingAccounts_after) {\n    edges {\n      node {\n        id\n        retailer {\n          id\n        }\n        ref\n        type\n        status\n        retailer {\n          id\n        }\n        customer {\n          ref\n        }\n        name\n        createdOn\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "billingAccounts_first": 100
                        }
                    },
                    "nav": {
                        "label": "i18n:fc.om.billing.index.nav",
                        "icon": "local_atm"
                    },
                    "props": {
                        "title": "i18n:fc.om.billing.index.title"
                    },
                    "descendants": [
                        {
                            "component": "fc.list",
                            "props": {
                                "defaultPageSize": 10,
                                "dataSource": "billingAccounts",
                                "responsiveness": "card",
                                "filter": {
                                    "enabled": true,
                                    "exclude": [
                                        "workflowRef",
                                        "workflowVersion"
                                    ]
                                },
                                "attributes": [
                                    {
                                        "label": "i18n:fc.om.billing.index.list.column.name.heading",
                                        "template": "{{node.name}}",
                                        "link": "#/billing/{{node.ref}}",
                                        "condition": "{{and node.ref}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.billing.index.list.column.status.heading",
                                        "template": "{{node.status}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.billing.index.list.column.type.heading",
                                        "template": "{{node.type}}"
                                    },
                                    {
                                        "label": "i18n:fc.om.billing.index.list.column.customerRef.heading",
                                        "template": "{{node.customer.ref}}"
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    "path": "billing/:ref",
                    "component": "fc.page",
                    "type": "page",
                    "data": {
                        "query": "query ($ref: String!, $creditMemos_first: Int, $creditMemos_after: String) {\n  billingAccount(ref: $ref) {\n    id\n    __typename\n    ref\n    type\n    status\n    retailer {\n      id\n    }\n    customer {\n      ref\n    }\n    name\n    createdOn\n    creditMemos(first: $creditMemos_first, after: $creditMemos_after) {\n      edges {\n        node {\n          ref\n          type\n          status\n          order {\n            ref\n          }\n          issueDate\n          totalAmount {\n            amount\n          }\n          currency {\n            alphabeticCode\n          }\n          createdOn\n          workflowRef\n        }\n      }\n    }\n    attributes {\n      name\n      type\n      value\n    }\n  }\n}\n",
                        "variables": {
                            "ref": "{{params.ref}}",
                            "creditMemos_first": 100
                        }
                    },
                    "props": {
                        "title": "{{i18n 'fc.om.billing.title'}} - {{billingAccount.name}}",
                        "actions": true,
                        "backButtons": [
                            {
                                "path": "billing",
                                "menuLabel": "i18n:fc.om.billing.detail.breadcrumb.backToAccountList"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.tabs",
                            "props": {
                                "layouts": [
                                    {
                                        "label": "i18n:fc.om.billing.detail.tab.details.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.billing.detail.tab.attributes.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.billing.detail.tab.activity.label"
                                    }
                                ]
                            },
                            "descendants": [
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.billing.detail.card.summary.title",
                                                "width": "half",
                                                "dataSource": "billingAccount",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.card.summary.attribute.billingAccountType.label",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.card.summary.attribute.billingAccountStatus.label",
                                                        "template": "{{status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.card.summary.attribute.billingAccountName.label",
                                                        "template": "{{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.card.summary.attribute.customerRef.label",
                                                        "template": "{{customer.ref}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.billing.detail.list.creditMemos.title",
                                                "dataSource": "billingAccount.creditMemos",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.creditMemos.column.ref.heading",
                                                        "template": "{{node.ref}}",
                                                        "link": "#/creditmemo/{{node.ref}}",
                                                        "condition": "{{and node.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.creditMemos.column.amount.heading",
                                                        "template": "{{currency node.totalAmount.amount node.currency.alphabeticCode}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.creditMemos.column.status.heading",
                                                        "template": "{{node.status}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.creditMemos.column.type.heading",
                                                        "template": "{{node.type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.creditMemos.column.order.heading",
                                                        "template": "{{node.order.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.creditMemos.column.issueDate.heading",
                                                        "template": "{{dateStringFormatter node.issueDate}} ({{dateRelative node.issueDate}})"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.billing.detail.list.attributes.title",
                                                "dataSource": "billingAccount.attributes",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.attributes.column.name.heading",
                                                        "template": "{{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.attributes.column.type.heading",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.billing.detail.list.attributes.column.value.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.page.section",
                                                            "descendants": [
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{type}}",
                                                                        "matches": "JSON"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.attribute.json",
                                                                            "dataSource": "value"
                                                                        }
                                                                    ]
                                                                },
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{eq type 'JSON'}}",
                                                                        "matches": "false"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.mystique.collapsible.text",
                                                                            "props": {
                                                                                "text": "{{value}}",
                                                                                "charCutoff": 100
                                                                            }
                                                                        }
                                                                    ]
                                                                }
                                                            ]
                                                        }
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.activity.entity",
                                            "dataSource": "billingAccount",
                                            "props": {
                                                "width": "12",
                                                "showChildEntities": false
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    "path": "creditmemo/:ref",
                    "component": "fc.page",
                    "type": "page",
                    "data": {
                        "query": "query ($ref: String!, $items_first: Int, $comments_first: Int, $items_after: String) {\n  creditMemo(ref: $ref) {\n    id\n    __typename\n    ref\n    type\n    status\n    billingAccount {\n      ref\n      name\n    }\n    items(first: $items_first, after: $items_after) {\n      edges {\n        node {\n          ref\n          type\n          description\n          createdOn\n        }\n      }\n    }\n    attributes {\n      name\n      type\n      value\n    }\n    createdOn\n  }\n  comments(first: $comments_first, entityRef: [$ref], entityType: \"CREDIT_MEMO\") {\n    edges {\n      node {\n        text\n        createdOn\n        user {\n          firstName\n          lastName\n        }\n      }\n    }\n  }\n}\n",
                        "variables": {
                            "ref": "{{params.ref}}",
                            "comments_first": 100,
                            "items_first": 100
                        }
                    },
                    "props": {
                        "title": "{{i18n 'fc.om.creditmemo.title'}} - {{creditMemo.ref}}",
                        "actions": {
                            "primary": [
                                {
                                    "type": "mutation",
                                    "label": "i18n:fc.om.orders.detail.userAction.addComment",
                                    "name": "createComment",
                                    "filter": {
                                        "type": "exclude",
                                        "names": [
                                            "entityId"
                                        ]
                                    },
                                    "overrides": {
                                        "entityRef": {
                                            "defaultValue": "{{creditMemo.ref}}"
                                        },
                                        "entityType": {
                                            "defaultValue": "CREDIT_MEMO"
                                        }
                                    }
                                }
                            ]
                        },
                        "backButtons": [
                            {
                                "path": "billing/{{creditMemo.billingAccount.ref}}",
                                "menuLabel": "{{i18n 'fc.om.creditmemo.breadcrumb.backToBillingAccount'}} ({{creditMemo.billingAccount.name}})"
                            }
                        ]
                    },
                    "descendants": [
                        {
                            "component": "fc.tabs",
                            "props": {
                                "layouts": [
                                    {
                                        "label": "i18n:fc.om.creditmemo.detail.tab.details.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.creditmemo.detail.tab.attributes.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.creditmemo.detail.tab.activity.label"
                                    },
                                    {
                                        "label": "i18n:fc.om.orders.detail.tab.comments.label"
                                    }
                                ]
                            },
                            "descendants": [
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.card.attribute",
                                            "props": {
                                                "title": "i18n:fc.om.creditmemo.detail.card.summary.title",
                                                "width": "half",
                                                "dataSource": "creditMemo",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.card.summary.attribute.creditMemoType.label",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.card.summary.attribute.creditMemoStatus.label",
                                                        "template": "{{status}}"
                                                    }
                                                ]
                                            }
                                        },
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.creditmemo.detail.list.creditMemoItems.title",
                                                "dataSource": "creditMemo.items",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.list.creditMemoItems.column.ref.heading",
                                                        "template": "{{node.ref}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.list.creditMemoItems.column.type.heading",
                                                        "template": "{{node.type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.list.creditMemoItems.column.description.heading",
                                                        "template": "{{node.description}}"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.creditmemo.detail.list.attributes.title",
                                                "dataSource": "creditMemo.attributes",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.list.attributes.column.name.heading",
                                                        "template": "{{name}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.list.attributes.column.type.heading",
                                                        "template": "{{type}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.creditmemo.detail.list.attributes.column.value.heading",
                                                        "type": "component",
                                                        "options": {
                                                            "component": "fc.page.section",
                                                            "descendants": [
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{type}}",
                                                                        "matches": "JSON"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.attribute.json",
                                                                            "dataSource": "value"
                                                                        }
                                                                    ]
                                                                },
                                                                {
                                                                    "component": "fc.conditional",
                                                                    "props": {
                                                                        "value": "{{eq type 'JSON'}}",
                                                                        "matches": "false"
                                                                    },
                                                                    "descendants": [
                                                                        {
                                                                            "component": "fc.mystique.collapsible.text",
                                                                            "props": {
                                                                                "text": "{{value}}",
                                                                                "charCutoff": 100
                                                                            }
                                                                        }
                                                                    ]
                                                                }
                                                            ]
                                                        }
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.activity.entity",
                                            "dataSource": "creditMemo",
                                            "props": {
                                                "width": "12",
                                                "showChildEntities": true
                                            }
                                        }
                                    ]
                                },
                                {
                                    "component": "fc.page.section",
                                    "descendants": [
                                        {
                                            "component": "fc.list",
                                            "props": {
                                                "title": "i18n:fc.om.orders.detail.list.comments.title",
                                                "dataSource": "comments",
                                                "responsiveness": "card",
                                                "attributes": [
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.comments.column.comment.heading",
                                                        "template": "{{node.text}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.comments.column.user.heading",
                                                        "template": "{{node.user.firstName}} {{node.user.lastName}}"
                                                    },
                                                    {
                                                        "label": "i18n:fc.om.orders.detail.list.comments.column.date.heading",
                                                        "template": "{{dateStringFormatter node.createdOn}} ({{dateRelative node.createdOn}})"
                                                    }
                                                ]
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}