Building Message Components

import { TextMessage } from '@wapijs/wapi.js'

const textMessage = new TextMessage({
    text: 'Please say "hello" to proceed.'
})

import { ImageMessage } from '@wapijs/wapi.js'

const imageMessage = new ImageMessage({
    link: 'https://example.com/image.jpg',
    caption: 'This is a caption for the image.'
})

import { VideoMessage } from '@wapijs/wapi.js'

const videoMessage = new VideoMessage({
	link: 'https://example.com/video.mp4',
	caption: 'This is a caption for the video.'
})

import { AudioMessage } from '@wapijs/wapi.js'

const audioMessage = new AudioMessage({
	link: 'https://example.com/audio.mp3',
})

import { DocumentMessage } from '@wapijs/wapi.js'

const documentMessage = new DocumentMessage({
	link: 'https://example.com/image.jpg',
	caption: 'This is a caption for the image.'
})

import { LocationMessage } from '@wapijs/wapi.js'

const locationMessage = new LocationMessage({
	latitude: 37.7749,
	longitude: -122.4194,
	name: 'San Francisco',
	address: 'San Francisco, CA, USA'
})

import { Contact, ContactMessage } from '@wapijs/wapi.js'

const contact = new Contact({
		name: {
			last_name: 'Doe',
			formatted_name: 'John Doe'
		}
	})

    // optional
	contact.addAddress({
		city: 'San Francisco',
		country: 'USA',
		street: '123 Main Street',
		type: 'HOME',
		country_code: 'US',
		state: 'CA'
	})

    // optional
	contact.addEmail({
		type: 'HOME',
		email: '[email protected]'
	})

    // optional
	contact.addPhone({
		type: 'CELL',
		phone: '+1234567890'
	})

    // optional
	contact.addUrl({
		type: 'HOME',
		url: 'https://softlancer.co'
	})

	const contactMessage = new ContactMessage({
		contacts: [contact]
	})

    // add contact to the existing contact message
	contactMessage.addContact(anotherContact)

import { ReactionMessage } from '@wapijs/wapi.js'
const reactionMessage = new ReactionMessage({
		reaction: '✅',
		messageId: 'message-id'
	})

import { ListInteractionMessage } from '@wapijs/wapi.js'

const listMessage = new ListInteractionMessage({
		bodyText: 'Welcome to Wapi.js',
		buttonText: 'Ask questions',
		footerText: 'Beta version',
		sections: [
			{
				rows: [
					{
						description: 'row description',
						id: `row-1`,
						title: `row title`
					}
				],
				title: 'section title'
			}
		]
	})

import { ButtonInteractionMessage } from '@wapijs/wapi.js'
const buttonMessage = new ButtonInteractionMessage({
		bodyText: 'Welcome to Wapi.js',
		buttons: [{
			id: 'I am a button',
			title: 'Click me'
		}],
		footerText: 'Beta version'
})

import { ProductMessage } from '@wapijs/wapi.js'
const productMessage = new ProductMessage({
	bodyText: 'Hii, I am a product.',
	buttonText: 'Buy',
	catalogId: '123',
	productRetailerId: '123',
	footerText: 'Beta version',
})

import { ProductListMessage, ProductListSection, Product, HeaderTypeEnum } from '@wapijs/wapi.js'
const productListMessage = new ProductListMessage({
		bodyText: 'Welcome to Wapi.js',
		buttonText: 'Buy',
		footerText: 'Beta version',
		catalogId: '123',
		productRetailerId: '123',
		header: {
			text: 'Products',
			type: HeaderTypeEnum.Text
		},
		sections: [
			new ProductListSection([new Product('123')], 'Section 1'),
		]
	})

	const section = new ProductListSection([], 'Section 2')

	section.addProduct(new Product('123'))

	productListMessage.addSection(section)