refactor(react): whatsappTemplate

[AinaVendrell]

Description

Adapt WhatsappTempletes and create a new message type named whatsapptemplate.

Context

WhatsappTempletes were send as text

Approach taken / Explain the design

If rendered in the browser it shows a message with the name and the spacename, if rendered in node it sends all properties to the message with whatsapptemplate message type

To document / Usage example

WhatsappTemplate component allows to send whatsapp templates in the bot actions

Properties:
required: name (string), namespace (string), language (string)
non-required: header (object), body (object), footer (object)

Example:
In ./actions/example-whatsappTemplate.js

import React from 'react'
import { WhatsappTemplate } from '@botonic/react'

export default class extends React.Component {
  render() {
    return (
      <WhatsappTemplate
        name={'out_of_office'}
        namespace={'d32863cc_3dd6_3e84_74c0_38d758fc60f6'}
        language={'en'}
        header={''}
        body={{
          type: 'body',
          parameters: [{ type: 'text', text: 'Anthony' }],
        }}
        footer={''}
      ></WhatsappTemplate>
    )
  }
}

Testing

The pull request...

• has unit tests
• has integration tests
• doesn't need tests because... [provide a description]

[dpinol]

Please remove "
Set as Draft PR if it's not ready to be merged.

PR best practices Reference"
when creating new PRs

[vanbasten17]

By looking at the example, I'm wondering...

<WhatsappTemplate
        name={'out_of_office'}
        namespace={'d32863cc_3dd6_3e84_74c0_38d758fc60f6'}
        language={'en'}
        header={''}
        body={
          '{"type": "body","parameters": [{"type": "text","text": "Anthony"}]}'
        }
        footer={''}
      ></WhatsappTemplate>

Is it possible to pass the props as objects for header, body and footer instead of a stringified version of an object? I think it will facilitate the work for us and the developers. You can let the dev pass an object and stringify it within the WhatsappTemplate component. For the rest, LGTM 👍