Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React/Core: added Whatsapp Media Carousel component to Botonic #2959

Open
wants to merge 5 commits into
base: core/whatsapp-order-input-type
Choose a base branch
from

Conversation

AlbertGom
Copy link
Contributor

@AlbertGom AlbertGom commented Jan 9, 2025

Description

Added Whatsapp Media Carousel component to Botonic.

Context

Component used to send a Whatsapp Carousel containing media and different type of buttons.

Approach taken / Explain the design

To document / Usage example

 render() {
    return (
      <WhatsappMediaCarousel
        templateName='test_whatsapp_media_carousel_v1'
        templateLanguage='en_US'
        cards={[
          {
            file_type: 'image',
            file_id: '625601753472010',
            buttons: [
              {
                type: 'quick_reply',
                payload: '___LogIn:albert-test@test.com',
              },
              {
                type: 'url',
                url_variable: 'a',
              },
            ],
            body_parameters: [{ type: 'text', text: 'classic' }],
          },
          {
            file_type: 'image',
            file_id: '625601753472010',
            buttons: [
              {
                type: 'quick_reply',
                payload: '___LogIn:albert-test-2@test.com',
              },
              {
                type: 'url',
                url_variable: 'a',
              },
            ],
            body_parameters: [{ type: 'text', text: 'premium' }],
          },
        ]}
        bodyParameters={[
          {
            type: 'text',
            text: 'Pepito Grillo',
          },
          {
            type: 'text',
            text: 'Hubtype Bot Test',
          },
        ]}
      />
    )
  }

Captura de pantalla de 2025-01-14 12-24-49

Testing

The pull request...

  • has unit tests

@AlbertGom AlbertGom marked this pull request as draft January 9, 2025 15:03
@pull-request-size pull-request-size bot added size/L and removed size/M labels Jan 14, 2025
@AlbertGom AlbertGom force-pushed the core/whatsapp-order-input-type branch from da6e367 to d1b0375 Compare January 14, 2025 10:58
@AlbertGom AlbertGom force-pushed the feature/blt-1262-whatsapp-media-carousel branch from 093c9df to 1f0819b Compare January 14, 2025 11:02
@AlbertGom AlbertGom changed the title Feature/blt 1262 whatsapp media carousel React/Core: added Whatsapp Media Carousel component to Botonic Jan 14, 2025
@AlbertGom AlbertGom marked this pull request as ready for review January 14, 2025 11:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant