Support Flex Message Update 2

[tkgauri]

News: https://developers.line.biz/en/news/2020/10/08/flex-message-update-2-released/

1. • Changed the maximum number of bubbles that can be included in a carousel
2. • Box component has justifyContent and alignItems property
3. • Use linear gradient as the background image for a box component by setting its background.type property equal to linearGradient.
4. • Allowed an empty array to be specified as the value of a box's contents property
5. • Added support for animated images
6. • Changed how sizes are specified
   1. • Image component
   2. • Icon, text, and span components
7. • Allowed text to automatically shrink to fit a component's width - Text and Button
8. • Spacer has been discontinued

[tokuhirom]

@kkdai, which checkboxes are not implemented yet? Have you implemented all the features? If so, close the Issue.

[kkdai]

@tokuhirom Thank you for reminding me, I will review the current status and check with PR #253

[kkdai]

2, 5, 7 are fixed by #253

[kkdai]

Hi @hinoguma,
Is it possible to help on items 1, 3, 4, and 6?
I will help you to review, thank you.

[kkdai]

item 8 has been completed.

[hinoguma]

@kkdai

Is it possible to help on items 1, 3, 4, and 6?

OK!
I'll do them as soon as I can, but might take a few days.

[hinoguma]

@kkdai
we don't need to do anything below.
I think we can put a check mark.

1, Changed the maximum number of bubbles that can be included in a carousel
Mx number validation is sdk-user's responsibility.
This sdk do not validate maximum number of template message actions and so on.

4, Allowed an empty array to be specified as the value of a box's contents property
We've tested this case yet.

line-bot-sdk-go/linebot/flex_test.go

Lines 613 to 679 in 32445b0

	{
	JSON: []byte(`{
	"type": "bubble",
	"body": {
	"type": "box",
	"layout": "vertical",
	"contents": [
	{
	"type": "image",
	"url": "https://example.com/flex/images/image.jpg",
	"animated": true
	},
	{
	"type": "separator"
	},
	{
	"type": "text",
	"text": "Text in the box",
	"adjustMode": "shrink-to-fit"
	},
	{
	"type": "box",
	"layout": "vertical",
	"contents": [],
	"width": "30px",
	"height": "30px"
	}
	],
	"height": "400px",
	"justifyContent": "space-evenly",
	"alignItems": "center"
	}
	}`),
	Want: &BubbleContainer{
	Type: FlexContainerTypeBubble,
	Body: &BoxComponent{
	Type: FlexComponentTypeBox,
	Layout: FlexBoxLayoutTypeVertical,
	Contents: []FlexComponent{
	&ImageComponent{
	Type: FlexComponentTypeImage,
	URL: "https://example.com/flex/images/image.jpg",
	Animated: true,
	},
	&SeparatorComponent{
	Type: FlexComponentTypeSeparator,
	},
	&TextComponent{
	Type: FlexComponentTypeText,
	Text: "Text in the box",
	AdjustMode: FlexComponentAdjustModeTypeShrinkToFit,
	},
	&BoxComponent{
	Type: FlexComponentTypeBox,
	Layout: FlexBoxLayoutTypeVertical,
	Contents: []FlexComponent{},
	Width: "30px",
	Height: "30px",
	},
	},
	Height: "400px",
	JustifyContent: FlexComponentJustifyContentTypeSpaceEvenly,
	AlignItems: FlexComponentAlignItemsTypeCenter,
	},
	},
	},
	}

6, Changed how sizes are specified
　Image component

type FlexImageSizeType string exists.

[kkdai]

#269 for 3

[kkdai]

@kkdai
we don't need to do anything below.
I think we can put a check mark.

1, Changed the maximum number of bubbles that can be included in a carousel
Mx number validation is sdk-user's responsibility.
This sdk do not validate maximum number of template message actions and so on.

4, Allowed an empty array to be specified as the value of a box's contents property
We've tested this case yet.

line-bot-sdk-go/linebot/flex_test.go

Lines 613 to 679 in 32445b0

	{
	JSON: []byte(`{
	"type": "bubble",
	"body": {
	"type": "box",
	"layout": "vertical",
	"contents": [
	{
	"type": "image",
	"url": "https://example.com/flex/images/image.jpg",
	"animated": true
	},
	{
	"type": "separator"
	},
	{
	"type": "text",
	"text": "Text in the box",
	"adjustMode": "shrink-to-fit"
	},
	{
	"type": "box",
	"layout": "vertical",
	"contents": [],
	"width": "30px",
	"height": "30px"
	}
	],
	"height": "400px",
	"justifyContent": "space-evenly",
	"alignItems": "center"
	}
	}`),
	Want: &BubbleContainer{
	Type: FlexContainerTypeBubble,
	Body: &BoxComponent{
	Type: FlexComponentTypeBox,
	Layout: FlexBoxLayoutTypeVertical,
	Contents: []FlexComponent{
	&ImageComponent{
	Type: FlexComponentTypeImage,
	URL: "https://example.com/flex/images/image.jpg",
	Animated: true,
	},
	&SeparatorComponent{
	Type: FlexComponentTypeSeparator,
	},
	&TextComponent{
	Type: FlexComponentTypeText,
	Text: "Text in the box",
	AdjustMode: FlexComponentAdjustModeTypeShrinkToFit,
	},
	&BoxComponent{
	Type: FlexComponentTypeBox,
	Layout: FlexBoxLayoutTypeVertical,
	Contents: []FlexComponent{},
	Width: "30px",
	Height: "30px",
	},
	},
	Height: "400px",
	JustifyContent: FlexComponentJustifyContentTypeSpaceEvenly,
	AlignItems: FlexComponentAlignItemsTypeCenter,
	},
	},
	},
	}

6, Changed how sizes are specified
　Image component

type FlexImageSizeType string exists.

Confirmed 1, 4, 6 fixed already. Mark this issue as close.
Thank you @hinoguma