{
  "key": "file_56_folio_black",
  "name": "56mm Folio Black",
  "size": "56mm",
  "template_json": {
    "version": 1,
    "settings": {
      "size": "56mm",
      "font_family": "\"Courier New\", Courier, monospace",
      "font_style": "normal",
      "custom_css": ""
    },
    "components": [
      {
        "type": "image",
        "label": "Logo",
        "content": {
          "tagSource": "logo",
          "alt": "logo"
        },
        "style": {
          "maxHeight": 55,
          "textAlign": "center"
        },
        "visibility": {
          "tokens": [
            "logo"
          ],
          "groupKey": "brand"
        }
      },
      {
        "type": "text",
        "label": "Business Name",
        "content": {
          "mode": "tag",
          "tag": "display_name"
        },
        "style": {
          "fontSize": 16,
          "bold": true,
          "textAlign": "center",
          "htmlTag": "h4"
        }
      },
      {
        "type": "text",
        "label": "Contact",
        "content": {
          "mode": "tag",
          "tag": "contact"
        },
        "style": {
          "fontSize": 10,
          "textAlign": "center",
          "htmlTag": "p"
        },
        "visibility": {
          "tokens": [
            "contact"
          ],
          "groupKey": "contact"
        }
      },
      {
        "type": "divider",
        "label": "Divider",
        "style": {
          "lineStyle": "solid",
          "lineThickness": 1
        }
      },
      {
        "type": "text",
        "label": "Customer",
        "content": {
          "mode": "tag",
          "tag": "customer_name",
          "prefix": "Customer: "
        },
        "style": {
          "fontSize": 11,
          "textAlign": "left",
          "htmlTag": "p"
        },
        "visibility": {
          "tokens": [
            "customer_name"
          ],
          "groupKey": "customer"
        }
      },
      {
        "type": "table",
        "label": "Items Table",
        "content": {
          "tableMode": "line",
          "columns": [
            {
              "header": "Desc",
              "width": 54,
              "align": "left",
              "tags": [
                "line.name"
              ]
            },
            {
              "header": "Qty",
              "width": 16,
              "align": "center",
              "tags": [
                "line.quantity"
              ]
            },
            {
              "header": "Price",
              "width": 30,
              "align": "right",
              "tags": [
                "line.line_total"
              ]
            }
          ]
        },
        "style": {
          "headerFontSize": 10,
          "bodyFontSize": 10,
          "headerBold": true,
          "borderStyle": "solid",
          "borderWidth": 1,
          "borderColor": "#000000"
        }
      },
      {
        "type": "text",
        "label": "Subtotal Label",
        "content": {
          "mode": "static",
          "staticText": "Subtotal"
        },
        "layout": {
          "width": 50,
          "newLine": true
        },
        "style": {
          "fontSize": 11,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Subtotal Value",
        "content": {
          "mode": "tag",
          "tag": "subtotal"
        },
        "layout": {
          "width": 50,
          "newLine": false
        },
        "style": {
          "fontSize": 11,
          "textAlign": "right",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Tax Label",
        "content": {
          "mode": "static",
          "staticText": "Tax"
        },
        "layout": {
          "width": 50,
          "newLine": true
        },
        "style": {
          "fontSize": 11,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Tax Value",
        "content": {
          "mode": "tag",
          "tag": "tax"
        },
        "layout": {
          "width": 50,
          "newLine": false
        },
        "style": {
          "fontSize": 11,
          "textAlign": "right",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Total Label",
        "content": {
          "mode": "static",
          "staticText": "TOTAL"
        },
        "layout": {
          "width": 45,
          "newLine": true
        },
        "style": {
          "fontSize": 14,
          "bold": true,
          "textAlign": "left",
          "htmlTag": "p"
        }
      },
      {
        "type": "text",
        "label": "Total Value",
        "content": {
          "mode": "tag",
          "tag": "total"
        },
        "layout": {
          "width": 55,
          "newLine": false
        },
        "style": {
          "fontSize": 14,
          "bold": true,
          "textAlign": "right",
          "htmlTag": "p"
        }
      }
    ]
  }
}