line_bot/sample/lib/line_bot_sample/flex.ex

defmodule LineBotSample.Flex do
  def make_flex_message do
    %LineBot.Message.Flex{
      altText: "Your Brown Store Receipt",
      contents: %LineBot.Message.Flex.Bubble{
        body: %LineBot.Message.Flex.Box{
          layout: "vertical",
          contents: [
            %LineBot.Message.Flex.Text{
              text: "RECEIPT",
              weight: "bold",
              color: "#1DB446",
              size: "sm"
            },
            %LineBot.Message.Flex.Text{
              text: "Brown Store",
              weight: "bold",
              size: "xxl",
              margin: "md"
            },
            %LineBot.Message.Flex.Text{
              text: "Miraina Tower, 4-1-6 Shinjuku, Tokyo",
              size: "xs",
              color: "#aaaaaa",
              wrap: true
            },
            %LineBot.Message.Flex.Separator{margin: "xxl"},
            %LineBot.Message.Flex.Box{
              layout: "vertical",
              margin: "xxl",
              spacing: "sm",
              contents: [
                %LineBot.Message.Flex.Box{
                  layout: "horizontal",
                  contents: [
                    %LineBot.Message.Flex.Text{
                      text: "Energy Drink",
                      size: "sm",
                      color: "#555555",
                      flex: 0
                    },
                    %LineBot.Message.Flex.Text{
                      text: "$2.99",
                      size: "sm",
                      color: "#111111",
                      align: "end"
                    }
                  ]
                },
                %LineBot.Message.Flex.Box{
                  layout: "horizontal",
                  contents: [
                    %LineBot.Message.Flex.Text{
                      text: "Chewing Gum",
                      size: "sm",
                      color: "#555555",
                      flex: 0
                    },
                    %LineBot.Message.Flex.Text{
                      text: "$0.99",
                      size: "sm",
                      color: "#111111",
                      align: "end"
                    }
                  ]
                },
                %LineBot.Message.Flex.Box{
                  layout: "horizontal",
                  contents: [
                    %LineBot.Message.Flex.Text{
                      text: "Bottled Water",
                      size: "sm",
                      color: "#555555",
                      flex: 0
                    },
                    %LineBot.Message.Flex.Text{
                      text: "$3.33",
                      size: "sm",
                      color: "#111111",
                      align: "end"
                    }
                  ]
                }
              ]
            },
            %LineBot.Message.Flex.Separator{margin: "xxl"},
            %LineBot.Message.Flex.Box{
              layout: "horizontal",
              margin: "xxl",
              contents: [
                %LineBot.Message.Flex.Text{text: "ITEMS", size: "sm", color: "#555555"},
                %LineBot.Message.Flex.Text{text: "3", size: "sm", color: "#111111", align: "end"}
              ]
            },
            %LineBot.Message.Flex.Box{
              layout: "horizontal",
              margin: "xxl",
              contents: [
                %LineBot.Message.Flex.Text{text: "TOTAL", size: "sm", color: "#555555"},
                %LineBot.Message.Flex.Text{
                  text: "$7.31",
                  size: "sm",
                  color: "#111111",
                  align: "end"
                }
              ]
            },
            %LineBot.Message.Flex.Box{
              layout: "horizontal",
              margin: "xxl",
              contents: [
                %LineBot.Message.Flex.Text{text: "CASH", size: "sm", color: "#555555"},
                %LineBot.Message.Flex.Text{
                  text: "$8.0",
                  size: "sm",
                  color: "#111111",
                  align: "end"
                }
              ]
            },
            %LineBot.Message.Flex.Box{
              layout: "horizontal",
              margin: "xxl",
              contents: [
                %LineBot.Message.Flex.Text{text: "CHANGE", size: "sm", color: "#555555"},
                %LineBot.Message.Flex.Text{
                  text: "$0.69",
                  size: "sm",
                  color: "#111111",
                  align: "end"
                }
              ]
            },
            %LineBot.Message.Flex.Separator{margin: "xxl"},
            %LineBot.Message.Flex.Box{
              layout: "horizontal",
              margin: "md",
              contents: [
                %LineBot.Message.Flex.Text{
                  text: "PAYMENT ID",
                  size: "xs",
                  color: "#aaaaaa",
                  flex: 0
                },
                %LineBot.Message.Flex.Text{
                  text: "#743289384279",
                  size: "xs",
                  color: "#aaaaaa",
                  align: "end"
                }
              ]
            }
          ]
        },
        styles: %LineBot.Message.Flex.BubbleStyle{
          footer: %LineBot.Message.Flex.BubbleStyleBlock{
            separator: true
          }
        }
      }
    }
  end
end