@botonic/react
Version:
Build Chatbots using React
19 lines • 1.47 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.WhatsappInteractiveMediaCarousel = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const util_1 = require("../util");
const button_1 = require("./button");
const carousel_1 = require("./carousel");
const element_1 = require("./element");
const constants_1 = require("./multichannel/whatsapp/constants");
const pic_1 = require("./pic");
const title_1 = require("./title");
/*
Reference: https://developers.facebook.com/docs/whatsapp/cloud-api/messages/interactive-media-carousel-messages/
*/
const WhatsappInteractiveMediaCarousel = (props) => {
return ((0, jsx_runtime_1.jsx)(carousel_1.Carousel, Object.assign({ text: (0, util_1.truncateText)(props.textMessage, constants_1.WHATSAPP_MAX_BODY_CHARS) }, { children: props.cards.map((card, index) => ((0, jsx_runtime_1.jsxs)(element_1.Element, { children: [(0, jsx_runtime_1.jsx)(pic_1.Pic, { src: card.action.imageLink }), (0, jsx_runtime_1.jsx)(title_1.Title, { children: (0, util_1.truncateText)(card.text, constants_1.WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS) }), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ url: card.action.buttonUrl }, { children: (0, util_1.truncateText)(card.action.buttonText, constants_1.WHATSAPP_MAX_BUTTON_CHARS) }))] }, index))) })));
};
exports.WhatsappInteractiveMediaCarousel = WhatsappInteractiveMediaCarousel;
//# sourceMappingURL=whatsapp-interactive-media-carousel.js.map