@botonic/react 0.42.1 → 0.43.0-alpha.1

package/lib/cjs/components/index.d.ts

@@ -23,9 +23,10 @@ export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from
 export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
 export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
 export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
-export { WhatsappInteractiveMediaCarousel, WhatsappInteractiveMediaCarouselProps, } from './whatsapp-interactive-media-carousel';
+export { CardType, WhatsappInteractiveMediaCard, WhatsappInteractiveMediaCarousel, WhatsappInteractiveMediaCarouselProps, } from './whatsapp-interactive-media-carousel';
 export { WhatsappMediaCarousel, WhatsappMediaCarouselProps, } from './whatsapp-media-carousel';
 export { WhatsappProduct } from './whatsapp-product';
 export { WhatsappProductCarousel, WhatsappProductCarouselProps, } from './whatsapp-product-carousel';
 export { ProductItem, WhatsappProductList, WhatsappProductListProps, WhatsappProductListSection, } from './whatsapp-product-list';
-export { WhatsappTemplate } from './whatsapp-template';
+export { WhatsappTemplate } from './whatsapp-template/index';
+export * from './whatsapp-template/types';

package/lib/cjs/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappTemplate = exports.WhatsappProductList = exports.WhatsappProductCarousel = exports.WhatsappProduct = exports.WhatsappMediaCarousel = exports.WhatsappInteractiveMediaCarousel = exports.WhatsappCTAUrlHeaderType = exports.WhatsappCTAUrlButton = exports.WhatsappCatalog = exports.WhatsappButtonList = exports.WebchatSettings = exports.normalizeWebchatSettings = exports.Video = exports.Title = exports.Text = exports.Subtitle = exports.ShareButton = exports.Reply = exports.Raw = exports.Pic = exports.MessageTemplate = exports.Message = exports.Location = exports.Image = exports.Handoff = exports.Element = exports.Document = exports.customMessage = exports.Carousel = exports.Button = exports.Audio = void 0;
+exports.WhatsappTemplate = exports.WhatsappProductList = exports.WhatsappProductCarousel = exports.WhatsappProduct = exports.WhatsappMediaCarousel = exports.WhatsappInteractiveMediaCarousel = exports.CardType = exports.WhatsappCTAUrlHeaderType = exports.WhatsappCTAUrlButton = exports.WhatsappCatalog = exports.WhatsappButtonList = exports.WebchatSettings = exports.normalizeWebchatSettings = exports.Video = exports.Title = exports.Text = exports.Subtitle = exports.ShareButton = exports.Reply = exports.Raw = exports.Pic = exports.MessageTemplate = exports.Message = exports.Location = exports.Image = exports.Handoff = exports.Element = exports.Document = exports.customMessage = exports.Carousel = exports.Button = exports.Audio = void 0;
 const tslib_1 = require("tslib");
 var audio_1 = require("./audio");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return audio_1.Audio; } });
@@ -53,6 +53,7 @@ var whatsapp_cta_url_button_1 = require("./whatsapp-cta-url-button");
 Object.defineProperty(exports, "WhatsappCTAUrlButton", { enumerable: true, get: function () { return whatsapp_cta_url_button_1.WhatsappCTAUrlButton; } });
 Object.defineProperty(exports, "WhatsappCTAUrlHeaderType", { enumerable: true, get: function () { return whatsapp_cta_url_button_1.WhatsappCTAUrlHeaderType; } });
 var whatsapp_interactive_media_carousel_1 = require("./whatsapp-interactive-media-carousel");
+Object.defineProperty(exports, "CardType", { enumerable: true, get: function () { return whatsapp_interactive_media_carousel_1.CardType; } });
 Object.defineProperty(exports, "WhatsappInteractiveMediaCarousel", { enumerable: true, get: function () { return whatsapp_interactive_media_carousel_1.WhatsappInteractiveMediaCarousel; } });
 var whatsapp_media_carousel_1 = require("./whatsapp-media-carousel");
 Object.defineProperty(exports, "WhatsappMediaCarousel", { enumerable: true, get: function () { return whatsapp_media_carousel_1.WhatsappMediaCarousel; } });
@@ -62,6 +63,7 @@ var whatsapp_product_carousel_1 = require("./whatsapp-product-carousel");
 Object.defineProperty(exports, "WhatsappProductCarousel", { enumerable: true, get: function () { return whatsapp_product_carousel_1.WhatsappProductCarousel; } });
 var whatsapp_product_list_1 = require("./whatsapp-product-list");
 Object.defineProperty(exports, "WhatsappProductList", { enumerable: true, get: function () { return whatsapp_product_list_1.WhatsappProductList; } });
-var whatsapp_template_1 = require("./whatsapp-template");
-Object.defineProperty(exports, "WhatsappTemplate", { enumerable: true, get: function () { return whatsapp_template_1.WhatsappTemplate; } });
+var index_2 = require("./whatsapp-template/index");
+Object.defineProperty(exports, "WhatsappTemplate", { enumerable: true, get: function () { return index_2.WhatsappTemplate; } });
+tslib_1.__exportStar(require("./whatsapp-template/types"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wCAAuC;AAA9B,+FAAA,MAAM,OAAA;AACf,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,mDAAgD;AAAvC,+GAAA,aAAa,OAAA;AACtB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wDAA6B;AAC7B,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAA8B;AAC9B,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,uDAI2B;AAHzB,4HAAA,wBAAwB,OAAA;AACxB,mHAAA,eAAe,OAAA;AAGjB,+DAK+B;AAJ7B,0HAAA,kBAAkB,OAAA;AAKpB,uDAA0E;AAAjE,mHAAA,eAAe,OAAA;AACxB,qEAIkC;AAHhC,+HAAA,oBAAoB,OAAA;AAEpB,mIAAA,wBAAwB,OAAA;AAE1B,6FAG8C;AAF5C,uJAAA,gCAAgC,OAAA;AAGlC,qEAGkC;AAFhC,gIAAA,qBAAqB,OAAA;AAGvB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yEAGoC;AAFlC,oIAAA,uBAAuB,OAAA;AAGzB,iEAKgC;AAH9B,4HAAA,mBAAmB,OAAA;AAIrB,yDAAsD;AAA7C,qHAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wCAAuC;AAA9B,+FAAA,MAAM,OAAA;AACf,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,mDAAgD;AAAvC,+GAAA,aAAa,OAAA;AACtB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wDAA6B;AAC7B,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAA8B;AAC9B,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,uDAI2B;AAHzB,4HAAA,wBAAwB,OAAA;AACxB,mHAAA,eAAe,OAAA;AAGjB,+DAK+B;AAJ7B,0HAAA,kBAAkB,OAAA;AAKpB,uDAA0E;AAAjE,mHAAA,eAAe,OAAA;AACxB,qEAIkC;AAHhC,+HAAA,oBAAoB,OAAA;AAEpB,mIAAA,wBAAwB,OAAA;AAE1B,6FAK8C;AAJ5C,+HAAA,QAAQ,OAAA;AAER,uJAAA,gCAAgC,OAAA;AAGlC,qEAGkC;AAFhC,gIAAA,qBAAqB,OAAA;AAGvB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yEAGoC;AAFlC,oIAAA,uBAAuB,OAAA;AAGzB,iEAKgC;AAH9B,4HAAA,mBAAmB,OAAA;AAIrB,mDAA4D;AAAnD,yGAAA,gBAAgB,OAAA;AACzB,oEAAyC"}

package/lib/cjs/components/whatsapp-interactive-media-carousel.d.ts

@@ -1,14 +1,30 @@
-interface ActionCard {
-    buttonText: string;
-    buttonUrl: string;
-    imageLink: string;
+export declare enum CardType {
+    CTA_URL = "cta_url",
+    QUICK_REPLY = "quick_reply"
 }
-interface Card {
+interface BaseCard {
+    imageLink: string;
     text: string;
-    action: ActionCard;
 }
+interface UrlCard extends BaseCard {
+    type: CardType.CTA_URL;
+    action: {
+        buttonText: string;
+        buttonUrl: string;
+    };
+}
+interface QuickReplyCard extends BaseCard {
+    type: CardType.QUICK_REPLY;
+    action: {
+        buttons: {
+            text: string;
+            payload: string;
+        }[];
+    };
+}
+export type WhatsappInteractiveMediaCard = UrlCard | QuickReplyCard;
 export interface WhatsappInteractiveMediaCarouselProps {
-    cards: Card[];
+    cards: WhatsappInteractiveMediaCard[];
     textMessage: string;
 }
 export declare const WhatsappInteractiveMediaCarousel: (props: WhatsappInteractiveMediaCarouselProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/whatsapp-interactive-media-carousel.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappInteractiveMediaCarousel = void 0;
+exports.WhatsappInteractiveMediaCarousel = exports.CardType = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("../util");
 const button_1 = require("./button");
@@ -9,11 +9,17 @@ const element_1 = require("./element");
 const constants_1 = require("./multichannel/whatsapp/constants");
 const pic_1 = require("./pic");
 const title_1 = require("./title");
+var CardType;
+(function (CardType) {
+    CardType["CTA_URL"] = "cta_url";
+    CardType["QUICK_REPLY"] = "quick_reply";
+})(CardType = exports.CardType || (exports.CardType = {}));
 /*
-  Reference: https://developers.facebook.com/docs/whatsapp/cloud-api/messages/interactive-media-carousel-messages/
+  Reference: https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-media-carousel-messages?locale=en_US
 */
 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))) })));
+    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.imageLink }), (0, jsx_runtime_1.jsx)(title_1.Title, { children: (0, util_1.truncateText)(card.text, constants_1.WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS) }), card.type === CardType.CTA_URL && ((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) }))), card.type === CardType.QUICK_REPLY &&
+                    card.action.buttons.map((button, index) => ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ payload: button.payload }, { children: (0, util_1.truncateText)(button.text, constants_1.WHATSAPP_MAX_BUTTON_CHARS) }), index)))] }, index))) })));
 };
 exports.WhatsappInteractiveMediaCarousel = WhatsappInteractiveMediaCarousel;
 //# sourceMappingURL=whatsapp-interactive-media-carousel.js.map

package/lib/cjs/components/whatsapp-interactive-media-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-interactive-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"names":[],"mappings":";;;;AAEA,kCAAsC;AACtC,qCAAiC;AACjC,yCAAqC;AACrC,uCAAmC;AACnC,iEAI0C;AAC1C,+BAA2B;AAC3B,mCAA+B;AAkB/B;;EAEE;AACK,MAAM,gCAAgC,GAAG,CAC9C,KAA4C,EAC5C,EAAE;IACF,OAAO,CACL,uBAAC,mBAAQ,kBAAC,IAAI,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,mCAAuB,CAAC,gBACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,wBAAC,iBAAO,eACN,uBAAC,SAAG,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAI,EACnC,uBAAC,aAAK,cACH,IAAA,mBAAY,EAAC,IAAI,CAAC,IAAI,EAAE,iDAAqC,CAAC,GACzD,EACR,uBAAC,eAAM,kBAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,gBAC/B,IAAA,mBAAY,EAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,qCAAyB,CAAC,IACzD,KAPG,KAAK,CAQT,CACX,CAAC,IACO,CACZ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,gCAAgC,oCAkB5C"}
+{"version":3,"file":"whatsapp-interactive-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"names":[],"mappings":";;;;AAEA,kCAAsC;AACtC,qCAAiC;AACjC,yCAAqC;AACrC,uCAAmC;AACnC,iEAI0C;AAC1C,+BAA2B;AAC3B,mCAA+B;AAE/B,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,uCAA2B,CAAA;AAC7B,CAAC,EAHW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAGnB;AA+BD;;EAEE;AACK,MAAM,gCAAgC,GAAG,CAC9C,KAA4C,EAC5C,EAAE;IACF,OAAO,CACL,uBAAC,mBAAQ,kBAAC,IAAI,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,mCAAuB,CAAC,gBACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,wBAAC,iBAAO,eACN,uBAAC,SAAG,IAAC,GAAG,EAAE,IAAI,CAAC,SAAS,GAAI,EAC5B,uBAAC,aAAK,cACH,IAAA,mBAAY,EAAC,IAAI,CAAC,IAAI,EAAE,iDAAqC,CAAC,GACzD,EACP,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,IAAI,CACjC,uBAAC,eAAM,kBAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,gBAC/B,IAAA,mBAAY,EAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,qCAAyB,CAAC,IACzD,CACV,EACA,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,WAAW;oBACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBAAC,eAAM,kBAAa,OAAO,EAAE,MAAM,CAAC,OAAO,gBACxC,IAAA,mBAAY,EAAC,MAAM,CAAC,IAAI,EAAE,qCAAyB,CAAC,KAD1C,KAAK,CAET,CACV,CAAC,KAfQ,KAAK,CAgBT,CACX,CAAC,IACO,CACZ,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,gCAAgC,oCA0B5C"}

package/lib/cjs/components/whatsapp-template/index.d.ts

@@ -0,0 +1,10 @@
+export interface WhatsappTemplateProps {
+    name: string;
+    language: string;
+    namespace?: string;
+    header?: Record<string, any>;
+    body?: Record<string, any>;
+    footer?: Record<string, any>;
+    buttons?: Record<string, any>;
+}
+export declare const WhatsappTemplate: (props: WhatsappTemplateProps) => any;

package/lib/cjs/components/whatsapp-template/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = require("../../util/react");
+const message_1 = require("../message");
+const serialize = (message) => {
+    return { text: message };
+};
+const WhatsappTemplate = (props) => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `Template ${props.name} with language ${props.language} and namespace ${props.namespace} would be sent to the user.`;
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
+    };
+    const renderNode = () => {
+        return (
+        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        (0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { name: props.name, language: props.language, namespace: props.namespace, header: props.header && JSON.stringify(props.header), body: props.body && JSON.stringify(props.body), footer: props.footer && JSON.stringify(props.footer), buttons: props.buttons && JSON.stringify(props.buttons), type: core_1.INPUT.WHATSAPP_TEMPLATE })));
+    };
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+};
+exports.WhatsappTemplate = WhatsappTemplate;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/whatsapp-template/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/whatsapp-template/index.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,4CAAkD;AAClD,wCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAYM,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,YAAY,KAAK,CAAC,IAAI,kBAAkB,KAAK,CAAC,QAAQ,kBAAkB,KAAK,CAAC,SAAS,6BAA6B,CAAA;QACpI,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAC9C,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EACvD,IAAI,EAAE,YAAK,CAAC,iBAAiB,IAC7B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA7BY,QAAA,gBAAgB,oBA6B5B"}

package/lib/cjs/components/whatsapp-template/types.d.ts

@@ -0,0 +1,79 @@
+export declare enum WhatsAppTemplateButtonSubType {
+    URL = "URL",
+    QUICK_REPLY = "QUICK_REPLY",
+    PHONE_NUMBER = "PHONE_NUMBER",
+    VOICE_CALL = "VOICE_CALL"
+}
+export declare enum WhatsAppTemplateParameterType {
+    PAYLOAD = "PAYLOAD",
+    TEXT = "TEXT",
+    IMAGE = "IMAGE",
+    VIDEO = "VIDEO",
+    DOCUMENT = "DOCUMENT"
+}
+export declare enum WhatsAppTemplateComponentType {
+    HEADER = "HEADER",
+    BODY = "BODY",
+    FOOTER = "FOOTER",
+    BUTTONS = "BUTTONS",
+    BUTTON = "BUTTON"
+}
+export interface WhatsappTemplateHeaderTextParameter {
+    type: WhatsAppTemplateParameterType.TEXT;
+    text: string;
+}
+export interface WhatsappTemplateHeaderImageParameter {
+    type: WhatsAppTemplateParameterType.IMAGE;
+    image: {
+        link: string;
+    };
+}
+export interface WhatsappTemplateComponentHeader {
+    type: WhatsAppTemplateComponentType.HEADER;
+    parameters: WhatsappTemplateHeaderTextParameter[] | WhatsappTemplateHeaderImageParameter[];
+}
+export interface WhatsappTemplateComponentBody {
+    type: WhatsAppTemplateComponentType.BODY;
+    parameters: {
+        type: WhatsAppTemplateParameterType.TEXT;
+        parameter_name: string;
+        text: string;
+    }[];
+}
+export interface WhatsappTemplateComponentFooter {
+    type: WhatsAppTemplateComponentType.FOOTER;
+    parameters: {
+        type: WhatsAppTemplateParameterType.TEXT;
+        parameter_name: string;
+        text: string;
+    }[];
+}
+export interface WhatsappTemplateComponentButtons {
+    type: WhatsAppTemplateComponentType.BUTTONS;
+    buttons: WhatsappTemplateButton[];
+}
+export interface WhatsappTemplateQuickReplyButton {
+    type: WhatsAppTemplateComponentType.BUTTON;
+    sub_type: WhatsAppTemplateButtonSubType.QUICK_REPLY;
+    index: number;
+    parameters: {
+        type: WhatsAppTemplateParameterType.PAYLOAD;
+        payload: string;
+    }[];
+}
+export interface WhatsappTemplateUrlButton {
+    type: WhatsAppTemplateComponentType.BUTTON;
+    sub_type: WhatsAppTemplateButtonSubType.URL;
+    index: number;
+    parameters: {
+        type: WhatsAppTemplateParameterType.TEXT;
+        text: string;
+    }[];
+}
+export interface WhatsappTemplateVoiceCallButton {
+    type: WhatsAppTemplateComponentType.BUTTON;
+    sub_type: WhatsAppTemplateButtonSubType.VOICE_CALL;
+    index: number;
+    parameters: [];
+}
+export type WhatsappTemplateButton = WhatsappTemplateQuickReplyButton | WhatsappTemplateUrlButton | WhatsappTemplateVoiceCallButton;

package/lib/cjs/components/whatsapp-template/types.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsAppTemplateComponentType = exports.WhatsAppTemplateParameterType = exports.WhatsAppTemplateButtonSubType = void 0;
+var WhatsAppTemplateButtonSubType;
+(function (WhatsAppTemplateButtonSubType) {
+    WhatsAppTemplateButtonSubType["URL"] = "URL";
+    WhatsAppTemplateButtonSubType["QUICK_REPLY"] = "QUICK_REPLY";
+    WhatsAppTemplateButtonSubType["PHONE_NUMBER"] = "PHONE_NUMBER";
+    WhatsAppTemplateButtonSubType["VOICE_CALL"] = "VOICE_CALL";
+})(WhatsAppTemplateButtonSubType = exports.WhatsAppTemplateButtonSubType || (exports.WhatsAppTemplateButtonSubType = {}));
+var WhatsAppTemplateParameterType;
+(function (WhatsAppTemplateParameterType) {
+    WhatsAppTemplateParameterType["PAYLOAD"] = "PAYLOAD";
+    WhatsAppTemplateParameterType["TEXT"] = "TEXT";
+    WhatsAppTemplateParameterType["IMAGE"] = "IMAGE";
+    WhatsAppTemplateParameterType["VIDEO"] = "VIDEO";
+    WhatsAppTemplateParameterType["DOCUMENT"] = "DOCUMENT";
+})(WhatsAppTemplateParameterType = exports.WhatsAppTemplateParameterType || (exports.WhatsAppTemplateParameterType = {}));
+var WhatsAppTemplateComponentType;
+(function (WhatsAppTemplateComponentType) {
+    WhatsAppTemplateComponentType["HEADER"] = "HEADER";
+    WhatsAppTemplateComponentType["BODY"] = "BODY";
+    WhatsAppTemplateComponentType["FOOTER"] = "FOOTER";
+    WhatsAppTemplateComponentType["BUTTONS"] = "BUTTONS";
+    WhatsAppTemplateComponentType["BUTTON"] = "BUTTON";
+})(WhatsAppTemplateComponentType = exports.WhatsAppTemplateComponentType || (exports.WhatsAppTemplateComponentType = {}));
+//# sourceMappingURL=types.js.map

package/lib/cjs/components/whatsapp-template/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/whatsapp-template/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,6BAKX;AALD,WAAY,6BAA6B;IACvC,4CAAW,CAAA;IACX,4DAA2B,CAAA;IAC3B,8DAA6B,CAAA;IAC7B,0DAAyB,CAAA;AAC3B,CAAC,EALW,6BAA6B,GAA7B,qCAA6B,KAA7B,qCAA6B,QAKxC;AAED,IAAY,6BAMX;AAND,WAAY,6BAA6B;IACvC,oDAAmB,CAAA;IACnB,8CAAa,CAAA;IACb,gDAAe,CAAA;IACf,gDAAe,CAAA;IACf,sDAAqB,CAAA;AACvB,CAAC,EANW,6BAA6B,GAA7B,qCAA6B,KAA7B,qCAA6B,QAMxC;AAED,IAAY,6BAMX;AAND,WAAY,6BAA6B;IACvC,kDAAiB,CAAA;IACjB,8CAAa,CAAA;IACb,kDAAiB,CAAA;IACjB,oDAAmB,CAAA;IACnB,kDAAiB,CAAA;AACnB,CAAC,EANW,6BAA6B,GAA7B,qCAA6B,KAA7B,qCAA6B,QAMxC"}

package/lib/esm/components/index.d.ts

@@ -23,9 +23,10 @@ export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from
 export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
 export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
 export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
-export { WhatsappInteractiveMediaCarousel, WhatsappInteractiveMediaCarouselProps, } from './whatsapp-interactive-media-carousel';
+export { CardType, WhatsappInteractiveMediaCard, WhatsappInteractiveMediaCarousel, WhatsappInteractiveMediaCarouselProps, } from './whatsapp-interactive-media-carousel';
 export { WhatsappMediaCarousel, WhatsappMediaCarouselProps, } from './whatsapp-media-carousel';
 export { WhatsappProduct } from './whatsapp-product';
 export { WhatsappProductCarousel, WhatsappProductCarouselProps, } from './whatsapp-product-carousel';
 export { ProductItem, WhatsappProductList, WhatsappProductListProps, WhatsappProductListSection, } from './whatsapp-product-list';
-export { WhatsappTemplate } from './whatsapp-template';
+export { WhatsappTemplate } from './whatsapp-template/index';
+export * from './whatsapp-template/types';

package/lib/esm/components/index.js

@@ -23,10 +23,11 @@ export { normalizeWebchatSettings, WebchatSettings, } from './webchat-settings';
 export { WhatsappButtonList, } from './whatsapp-button-list';
 export { WhatsappCatalog } from './whatsapp-catalog';
 export { WhatsappCTAUrlButton, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
-export { WhatsappInteractiveMediaCarousel, } from './whatsapp-interactive-media-carousel';
+export { CardType, WhatsappInteractiveMediaCarousel, } from './whatsapp-interactive-media-carousel';
 export { WhatsappMediaCarousel, } from './whatsapp-media-carousel';
 export { WhatsappProduct } from './whatsapp-product';
 export { WhatsappProductCarousel, } from './whatsapp-product-carousel';
 export { WhatsappProductList, } from './whatsapp-product-list';
-export { WhatsappTemplate } from './whatsapp-template';
+export { WhatsappTemplate } from './whatsapp-template/index';
+export * from './whatsapp-template/types';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACL,wBAAwB,EACxB,eAAe,GAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EACL,oBAAoB,EAEpB,wBAAwB,GACzB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,gCAAgC,GAEjC,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EACL,qBAAqB,GAEtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EACL,uBAAuB,GAExB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,mBAAmB,GAGpB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACL,wBAAwB,EACxB,eAAe,GAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EACL,oBAAoB,EAEpB,wBAAwB,GACzB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,QAAQ,EAER,gCAAgC,GAEjC,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EACL,qBAAqB,GAEtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EACL,uBAAuB,GAExB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,mBAAmB,GAGpB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,cAAc,2BAA2B,CAAA"}

package/lib/esm/components/whatsapp-interactive-media-carousel.d.ts

@@ -1,14 +1,30 @@
-interface ActionCard {
-    buttonText: string;
-    buttonUrl: string;
-    imageLink: string;
+export declare enum CardType {
+    CTA_URL = "cta_url",
+    QUICK_REPLY = "quick_reply"
 }
-interface Card {
+interface BaseCard {
+    imageLink: string;
     text: string;
-    action: ActionCard;
 }
+interface UrlCard extends BaseCard {
+    type: CardType.CTA_URL;
+    action: {
+        buttonText: string;
+        buttonUrl: string;
+    };
+}
+interface QuickReplyCard extends BaseCard {
+    type: CardType.QUICK_REPLY;
+    action: {
+        buttons: {
+            text: string;
+            payload: string;
+        }[];
+    };
+}
+export type WhatsappInteractiveMediaCard = UrlCard | QuickReplyCard;
 export interface WhatsappInteractiveMediaCarouselProps {
-    cards: Card[];
+    cards: WhatsappInteractiveMediaCard[];
     textMessage: string;
 }
 export declare const WhatsappInteractiveMediaCarousel: (props: WhatsappInteractiveMediaCarouselProps) => import("react/jsx-runtime").JSX.Element;

package/lib/esm/components/whatsapp-interactive-media-carousel.js

@@ -6,10 +6,16 @@ import { Element } from './element';
 import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS, } from './multichannel/whatsapp/constants';
 import { Pic } from './pic';
 import { Title } from './title';
+export var CardType;
+(function (CardType) {
+    CardType["CTA_URL"] = "cta_url";
+    CardType["QUICK_REPLY"] = "quick_reply";
+})(CardType || (CardType = {}));
 /*
-  Reference: https://developers.facebook.com/docs/whatsapp/cloud-api/messages/interactive-media-carousel-messages/
+  Reference: https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-media-carousel-messages?locale=en_US
 */
 export const WhatsappInteractiveMediaCarousel = (props) => {
-    return (_jsx(Carousel, Object.assign({ text: truncateText(props.textMessage, WHATSAPP_MAX_BODY_CHARS) }, { children: props.cards.map((card, index) => (_jsxs(Element, { children: [_jsx(Pic, { src: card.action.imageLink }), _jsx(Title, { children: truncateText(card.text, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS) }), _jsx(Button, Object.assign({ url: card.action.buttonUrl }, { children: truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS) }))] }, index))) })));
+    return (_jsx(Carousel, Object.assign({ text: truncateText(props.textMessage, WHATSAPP_MAX_BODY_CHARS) }, { children: props.cards.map((card, index) => (_jsxs(Element, { children: [_jsx(Pic, { src: card.imageLink }), _jsx(Title, { children: truncateText(card.text, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS) }), card.type === CardType.CTA_URL && (_jsx(Button, Object.assign({ url: card.action.buttonUrl }, { children: truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS) }))), card.type === CardType.QUICK_REPLY &&
+                    card.action.buttons.map((button, index) => (_jsx(Button, Object.assign({ payload: button.payload }, { children: truncateText(button.text, WHATSAPP_MAX_BUTTON_CHARS) }), index)))] }, index))) })));
 };
 //# sourceMappingURL=whatsapp-interactive-media-carousel.js.map

package/lib/esm/components/whatsapp-interactive-media-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-interactive-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,qCAAqC,GACtC,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAkB/B;;EAEE;AACF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,KAA4C,EAC5C,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,kBAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,WAAW,EAAE,uBAAuB,CAAC,gBACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,MAAC,OAAO,eACN,KAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAI,EACnC,KAAC,KAAK,cACH,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,qCAAqC,CAAC,GACzD,EACR,KAAC,MAAM,kBAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,gBAC/B,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,yBAAyB,CAAC,IACzD,KAPG,KAAK,CAQT,CACX,CAAC,IACO,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"whatsapp-interactive-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,qCAAqC,GACtC,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,uCAA2B,CAAA;AAC7B,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AA+BD;;EAEE;AACF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,KAA4C,EAC5C,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,kBAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,WAAW,EAAE,uBAAuB,CAAC,gBACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,MAAC,OAAO,eACN,KAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,SAAS,GAAI,EAC5B,KAAC,KAAK,cACH,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,qCAAqC,CAAC,GACzD,EACP,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,IAAI,CACjC,KAAC,MAAM,kBAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,gBAC/B,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,yBAAyB,CAAC,IACzD,CACV,EACA,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,WAAW;oBACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,KAAC,MAAM,kBAAa,OAAO,EAAE,MAAM,CAAC,OAAO,gBACxC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,yBAAyB,CAAC,KAD1C,KAAK,CAET,CACV,CAAC,KAfQ,KAAK,CAgBT,CACX,CAAC,IACO,CACZ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/components/whatsapp-template/index.d.ts

@@ -0,0 +1,10 @@
+export interface WhatsappTemplateProps {
+    name: string;
+    language: string;
+    namespace?: string;
+    header?: Record<string, any>;
+    body?: Record<string, any>;
+    footer?: Record<string, any>;
+    buttons?: Record<string, any>;
+}
+export declare const WhatsappTemplate: (props: WhatsappTemplateProps) => any;

package/lib/esm/components/whatsapp-template/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { INPUT } from '@botonic/core';
+import { renderComponent } from '../../util/react';
+import { Message } from '../message';
+const serialize = (message) => {
+    return { text: message };
+};
+export const WhatsappTemplate = (props) => {
+    const renderBrowser = () => {
+        // Return a dummy message for browser
+        const message = `Template ${props.name} with language ${props.language} and namespace ${props.namespace} would be sent to the user.`;
+        return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.TEXT }, { children: message })));
+    };
+    const renderNode = () => {
+        return (
+        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+        _jsx("message", Object.assign({}, props, { name: props.name, language: props.language, namespace: props.namespace, header: props.header && JSON.stringify(props.header), body: props.body && JSON.stringify(props.body), footer: props.footer && JSON.stringify(props.footer), buttons: props.buttons && JSON.stringify(props.buttons), type: INPUT.WHATSAPP_TEMPLATE })));
+    };
+    return renderComponent({ renderBrowser, renderNode });
+};
+//# sourceMappingURL=index.js.map

package/lib/esm/components/whatsapp-template/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/whatsapp-template/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,YAAY,KAAK,CAAC,IAAI,kBAAkB,KAAK,CAAC,QAAQ,kBAAkB,KAAK,CAAC,SAAS,6BAA6B,CAAA;QACpI,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,kCACM,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAC9C,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EACvD,IAAI,EAAE,KAAK,CAAC,iBAAiB,IAC7B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}

package/lib/esm/components/whatsapp-template/types.d.ts

@@ -0,0 +1,79 @@
+export declare enum WhatsAppTemplateButtonSubType {
+    URL = "URL",
+    QUICK_REPLY = "QUICK_REPLY",
+    PHONE_NUMBER = "PHONE_NUMBER",
+    VOICE_CALL = "VOICE_CALL"
+}
+export declare enum WhatsAppTemplateParameterType {
+    PAYLOAD = "PAYLOAD",
+    TEXT = "TEXT",
+    IMAGE = "IMAGE",
+    VIDEO = "VIDEO",
+    DOCUMENT = "DOCUMENT"
+}
+export declare enum WhatsAppTemplateComponentType {
+    HEADER = "HEADER",
+    BODY = "BODY",
+    FOOTER = "FOOTER",
+    BUTTONS = "BUTTONS",
+    BUTTON = "BUTTON"
+}
+export interface WhatsappTemplateHeaderTextParameter {
+    type: WhatsAppTemplateParameterType.TEXT;
+    text: string;
+}
+export interface WhatsappTemplateHeaderImageParameter {
+    type: WhatsAppTemplateParameterType.IMAGE;
+    image: {
+        link: string;
+    };
+}
+export interface WhatsappTemplateComponentHeader {
+    type: WhatsAppTemplateComponentType.HEADER;
+    parameters: WhatsappTemplateHeaderTextParameter[] | WhatsappTemplateHeaderImageParameter[];
+}
+export interface WhatsappTemplateComponentBody {
+    type: WhatsAppTemplateComponentType.BODY;
+    parameters: {
+        type: WhatsAppTemplateParameterType.TEXT;
+        parameter_name: string;
+        text: string;
+    }[];
+}
+export interface WhatsappTemplateComponentFooter {
+    type: WhatsAppTemplateComponentType.FOOTER;
+    parameters: {
+        type: WhatsAppTemplateParameterType.TEXT;
+        parameter_name: string;
+        text: string;
+    }[];
+}
+export interface WhatsappTemplateComponentButtons {
+    type: WhatsAppTemplateComponentType.BUTTONS;
+    buttons: WhatsappTemplateButton[];
+}
+export interface WhatsappTemplateQuickReplyButton {
+    type: WhatsAppTemplateComponentType.BUTTON;
+    sub_type: WhatsAppTemplateButtonSubType.QUICK_REPLY;
+    index: number;
+    parameters: {
+        type: WhatsAppTemplateParameterType.PAYLOAD;
+        payload: string;
+    }[];
+}
+export interface WhatsappTemplateUrlButton {
+    type: WhatsAppTemplateComponentType.BUTTON;
+    sub_type: WhatsAppTemplateButtonSubType.URL;
+    index: number;
+    parameters: {
+        type: WhatsAppTemplateParameterType.TEXT;
+        text: string;
+    }[];
+}
+export interface WhatsappTemplateVoiceCallButton {
+    type: WhatsAppTemplateComponentType.BUTTON;
+    sub_type: WhatsAppTemplateButtonSubType.VOICE_CALL;
+    index: number;
+    parameters: [];
+}
+export type WhatsappTemplateButton = WhatsappTemplateQuickReplyButton | WhatsappTemplateUrlButton | WhatsappTemplateVoiceCallButton;

package/lib/esm/components/whatsapp-template/types.js

@@ -0,0 +1,24 @@
+export var WhatsAppTemplateButtonSubType;
+(function (WhatsAppTemplateButtonSubType) {
+    WhatsAppTemplateButtonSubType["URL"] = "URL";
+    WhatsAppTemplateButtonSubType["QUICK_REPLY"] = "QUICK_REPLY";
+    WhatsAppTemplateButtonSubType["PHONE_NUMBER"] = "PHONE_NUMBER";
+    WhatsAppTemplateButtonSubType["VOICE_CALL"] = "VOICE_CALL";
+})(WhatsAppTemplateButtonSubType || (WhatsAppTemplateButtonSubType = {}));
+export var WhatsAppTemplateParameterType;
+(function (WhatsAppTemplateParameterType) {
+    WhatsAppTemplateParameterType["PAYLOAD"] = "PAYLOAD";
+    WhatsAppTemplateParameterType["TEXT"] = "TEXT";
+    WhatsAppTemplateParameterType["IMAGE"] = "IMAGE";
+    WhatsAppTemplateParameterType["VIDEO"] = "VIDEO";
+    WhatsAppTemplateParameterType["DOCUMENT"] = "DOCUMENT";
+})(WhatsAppTemplateParameterType || (WhatsAppTemplateParameterType = {}));
+export var WhatsAppTemplateComponentType;
+(function (WhatsAppTemplateComponentType) {
+    WhatsAppTemplateComponentType["HEADER"] = "HEADER";
+    WhatsAppTemplateComponentType["BODY"] = "BODY";
+    WhatsAppTemplateComponentType["FOOTER"] = "FOOTER";
+    WhatsAppTemplateComponentType["BUTTONS"] = "BUTTONS";
+    WhatsAppTemplateComponentType["BUTTON"] = "BUTTON";
+})(WhatsAppTemplateComponentType || (WhatsAppTemplateComponentType = {}));
+//# sourceMappingURL=types.js.map

package/lib/esm/components/whatsapp-template/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/whatsapp-template/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,6BAKX;AALD,WAAY,6BAA6B;IACvC,4CAAW,CAAA;IACX,4DAA2B,CAAA;IAC3B,8DAA6B,CAAA;IAC7B,0DAAyB,CAAA;AAC3B,CAAC,EALW,6BAA6B,KAA7B,6BAA6B,QAKxC;AAED,MAAM,CAAN,IAAY,6BAMX;AAND,WAAY,6BAA6B;IACvC,oDAAmB,CAAA;IACnB,8CAAa,CAAA;IACb,gDAAe,CAAA;IACf,gDAAe,CAAA;IACf,sDAAqB,CAAA;AACvB,CAAC,EANW,6BAA6B,KAA7B,6BAA6B,QAMxC;AAED,MAAM,CAAN,IAAY,6BAMX;AAND,WAAY,6BAA6B;IACvC,kDAAiB,CAAA;IACjB,8CAAa,CAAA;IACb,kDAAiB,CAAA;IACjB,oDAAmB,CAAA;IACnB,kDAAiB,CAAA;AACnB,CAAC,EANW,6BAA6B,KAA7B,6BAA6B,QAMxC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.42.1",
+  "version": "0.43.0-alpha.1",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -20,7 +20,7 @@
     "lint_core": "../../node_modules/.bin/eslint_d --cache --quiet '.*.js' '*.js' 'src/**/*.js*' --fix"
   },
   "dependencies": {
-    "@botonic/core": "^0.42.0",
+    "@botonic/core": "0.43.0-alpha.1",
     "axios": "^1.12.2",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",
@@ -80,4 +80,4 @@
     "javascript",
     "react"
   ]
-}
+}

package/src/components/index.ts

@@ -37,6 +37,8 @@ export {
   WhatsappCTAUrlHeaderType,
 } from './whatsapp-cta-url-button'
 export {
+  CardType,
+  WhatsappInteractiveMediaCard,
   WhatsappInteractiveMediaCarousel,
   WhatsappInteractiveMediaCarouselProps,
 } from './whatsapp-interactive-media-carousel'
@@ -55,4 +57,5 @@ export {
   WhatsappProductListProps,
   WhatsappProductListSection,
 } from './whatsapp-product-list'
-export { WhatsappTemplate } from './whatsapp-template'
+export { WhatsappTemplate } from './whatsapp-template/index'
+export * from './whatsapp-template/types'

package/src/components/whatsapp-interactive-media-carousel.tsx

@@ -12,24 +12,42 @@ import {
 import { Pic } from './pic'
 import { Title } from './title'
 
-interface ActionCard {
-  buttonText: string
-  buttonUrl: string
-  imageLink: string
+export enum CardType {
+  CTA_URL = 'cta_url',
+  QUICK_REPLY = 'quick_reply',
 }
 
-interface Card {
+interface BaseCard {
+  imageLink: string
   text: string
-  action: ActionCard
 }
 
+interface UrlCard extends BaseCard {
+  type: CardType.CTA_URL
+  action: {
+    buttonText: string
+    buttonUrl: string
+  }
+}
+
+interface QuickReplyCard extends BaseCard {
+  type: CardType.QUICK_REPLY
+  action: {
+    buttons: {
+      text: string
+      payload: string
+    }[]
+  }
+}
+
+export type WhatsappInteractiveMediaCard = UrlCard | QuickReplyCard
 export interface WhatsappInteractiveMediaCarouselProps {
-  cards: Card[]
+  cards: WhatsappInteractiveMediaCard[]
   textMessage: string
 }
 
 /*
-  Reference: https://developers.facebook.com/docs/whatsapp/cloud-api/messages/interactive-media-carousel-messages/
+  Reference: https://developers.facebook.com/documentation/business-messaging/whatsapp/messages/interactive-media-carousel-messages?locale=en_US
 */
 export const WhatsappInteractiveMediaCarousel = (
   props: WhatsappInteractiveMediaCarouselProps
@@ -38,13 +56,21 @@ export const WhatsappInteractiveMediaCarousel = (
     <Carousel text={truncateText(props.textMessage, WHATSAPP_MAX_BODY_CHARS)}>
       {props.cards.map((card, index) => (
         <Element key={index}>
-          <Pic src={card.action.imageLink} />
+          <Pic src={card.imageLink} />
           <Title>
             {truncateText(card.text, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS)}
           </Title>
-          <Button url={card.action.buttonUrl}>
-            {truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS)}
-          </Button>
+          {card.type === CardType.CTA_URL && (
+            <Button url={card.action.buttonUrl}>
+              {truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS)}
+            </Button>
+          )}
+          {card.type === CardType.QUICK_REPLY &&
+            card.action.buttons.map((button, index) => (
+              <Button key={index} payload={button.payload}>
+                {truncateText(button.text, WHATSAPP_MAX_BUTTON_CHARS)}
+              </Button>
+            ))}
         </Element>
       ))}
     </Carousel>

package/src/components/whatsapp-template/index.tsx

@@ -0,0 +1,50 @@
+import { INPUT } from '@botonic/core'
+import React from 'react'
+
+import { renderComponent } from '../../util/react'
+import { Message } from '../message'
+
+const serialize = (message: string) => {
+  return { text: message }
+}
+
+export interface WhatsappTemplateProps {
+  name: string
+  language: string
+  namespace?: string
+  header?: Record<string, any>
+  body?: Record<string, any>
+  footer?: Record<string, any>
+  buttons?: Record<string, any>
+}
+
+export const WhatsappTemplate = (props: WhatsappTemplateProps) => {
+  const renderBrowser = () => {
+    // Return a dummy message for browser
+    const message = `Template ${props.name} with language ${props.language} and namespace ${props.namespace} would be sent to the user.`
+    return (
+      <Message json={serialize(message)} {...props} type={INPUT.TEXT}>
+        {message}
+      </Message>
+    )
+  }
+
+  const renderNode = () => {
+    return (
+      // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+      <message
+        {...props}
+        name={props.name}
+        language={props.language}
+        namespace={props.namespace}
+        header={props.header && JSON.stringify(props.header)}
+        body={props.body && JSON.stringify(props.body)}
+        footer={props.footer && JSON.stringify(props.footer)}
+        buttons={props.buttons && JSON.stringify(props.buttons)}
+        type={INPUT.WHATSAPP_TEMPLATE}
+      />
+    )
+  }
+
+  return renderComponent({ renderBrowser, renderNode })
+}

package/src/components/whatsapp-template/types.ts

@@ -0,0 +1,104 @@
+export enum WhatsAppTemplateButtonSubType {
+  URL = 'URL',
+  QUICK_REPLY = 'QUICK_REPLY',
+  PHONE_NUMBER = 'PHONE_NUMBER',
+  VOICE_CALL = 'VOICE_CALL',
+}
+
+export enum WhatsAppTemplateParameterType {
+  PAYLOAD = 'PAYLOAD',
+  TEXT = 'TEXT',
+  IMAGE = 'IMAGE',
+  VIDEO = 'VIDEO',
+  DOCUMENT = 'DOCUMENT',
+}
+
+export enum WhatsAppTemplateComponentType {
+  HEADER = 'HEADER',
+  BODY = 'BODY',
+  FOOTER = 'FOOTER',
+  BUTTONS = 'BUTTONS',
+  BUTTON = 'BUTTON',
+}
+
+export interface WhatsappTemplateHeaderTextParameter {
+  type: WhatsAppTemplateParameterType.TEXT
+  text: string
+}
+
+export interface WhatsappTemplateHeaderImageParameter {
+  type: WhatsAppTemplateParameterType.IMAGE
+  image: {
+    link: string
+  }
+}
+
+export interface WhatsappTemplateComponentHeader {
+  type: WhatsAppTemplateComponentType.HEADER
+  parameters:
+    | WhatsappTemplateHeaderTextParameter[]
+    | WhatsappTemplateHeaderImageParameter[]
+  // | {
+  //     type: WhatsAppTemplateParameterType.VIDEO
+  //     video: string
+  //   }[]
+  // | {
+  //     type: WhatsAppTemplateParameterType.DOCUMENT
+  //     document: string
+  //   }[]
+}
+
+export interface WhatsappTemplateComponentBody {
+  type: WhatsAppTemplateComponentType.BODY
+  parameters: {
+    type: WhatsAppTemplateParameterType.TEXT
+    parameter_name: string
+    text: string
+  }[]
+}
+
+export interface WhatsappTemplateComponentFooter {
+  type: WhatsAppTemplateComponentType.FOOTER
+  parameters: {
+    type: WhatsAppTemplateParameterType.TEXT
+    parameter_name: string
+    text: string
+  }[]
+}
+
+export interface WhatsappTemplateComponentButtons {
+  type: WhatsAppTemplateComponentType.BUTTONS
+  buttons: WhatsappTemplateButton[]
+}
+
+export interface WhatsappTemplateQuickReplyButton {
+  type: WhatsAppTemplateComponentType.BUTTON
+  sub_type: WhatsAppTemplateButtonSubType.QUICK_REPLY
+  index: number
+  parameters: {
+    type: WhatsAppTemplateParameterType.PAYLOAD
+    payload: string
+  }[]
+}
+
+export interface WhatsappTemplateUrlButton {
+  type: WhatsAppTemplateComponentType.BUTTON
+  sub_type: WhatsAppTemplateButtonSubType.URL
+  index: number
+  parameters: {
+    type: WhatsAppTemplateParameterType.TEXT
+    text: string // URL dynamic param
+  }[]
+}
+
+export interface WhatsappTemplateVoiceCallButton {
+  type: WhatsAppTemplateComponentType.BUTTON
+  sub_type: WhatsAppTemplateButtonSubType.VOICE_CALL
+  index: number
+  parameters: []
+}
+
+export type WhatsappTemplateButton =
+  | WhatsappTemplateQuickReplyButton
+  | WhatsappTemplateUrlButton
+  | WhatsappTemplateVoiceCallButton

package/lib/cjs/components/whatsapp-template.d.ts

@@ -1 +0,0 @@
-export function WhatsappTemplate(props: any): any;

package/lib/cjs/components/whatsapp-template.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappTemplate = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_2 = require("../util/react");
-const message_1 = require("./message");
-const serialize = whatsappTemplateProps => {
-    return { text: whatsappTemplateProps };
-};
-const WhatsappTemplate = props => {
-    const renderBrowser = () => {
-        // Return a dummy message for browser
-        const message = `Template ${props.name} with namespace ${props.namespace} would be sent to the user.`;
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
-    };
-    const renderNode = () => {
-        return ((0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { header: props.header && JSON.stringify(props.header), body: props.body && JSON.stringify(props.body), footer: props.footer && JSON.stringify(props.footer), type: core_1.INPUT.WHATSAPP_TEMPLATE })));
-    };
-    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
-};
-exports.WhatsappTemplate = WhatsappTemplate;
-//# sourceMappingURL=whatsapp-template.js.map

package/lib/cjs/components/whatsapp-template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"whatsapp-template.js","sourceRoot":"","sources":["../../../src/components/whatsapp-template.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAqC;AACrC,0DAAyB;AAEzB,yCAA+C;AAC/C,uCAAmC;AAEnC,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE;IACxC,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAA;AACxC,CAAC,CAAA;AAEM,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,YAAY,KAAK,CAAC,IAAI,mBAAmB,KAAK,CAAC,SAAS,6BAA6B,CAAA;QACrG,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,oDACM,KAAK,IACT,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAC9C,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,YAAK,CAAC,iBAAiB,IAC7B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxBY,QAAA,gBAAgB,oBAwB5B"}

package/lib/esm/components/whatsapp-template.d.ts

@@ -1 +0,0 @@
-export function WhatsappTemplate(props: any): any;

package/lib/esm/components/whatsapp-template.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INPUT } from '@botonic/core';
-import React from 'react';
-import { renderComponent } from '../util/react';
-import { Message } from './message';
-const serialize = whatsappTemplateProps => {
-    return { text: whatsappTemplateProps };
-};
-export const WhatsappTemplate = props => {
-    const renderBrowser = () => {
-        // Return a dummy message for browser
-        const message = `Template ${props.name} with namespace ${props.namespace} would be sent to the user.`;
-        return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.TEXT }, { children: message })));
-    };
-    const renderNode = () => {
-        return (_jsx("message", Object.assign({}, props, { header: props.header && JSON.stringify(props.header), body: props.body && JSON.stringify(props.body), footer: props.footer && JSON.stringify(props.footer), type: INPUT.WHATSAPP_TEMPLATE })));
-    };
-    return renderComponent({ renderBrowser, renderNode });
-};
-//# sourceMappingURL=whatsapp-template.js.map

package/lib/esm/components/whatsapp-template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"whatsapp-template.js","sourceRoot":"","sources":["../../../src/components/whatsapp-template.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE;IACxC,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,YAAY,KAAK,CAAC,IAAI,mBAAmB,KAAK,CAAC,SAAS,6BAA6B,CAAA;QACrG,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,kCACM,KAAK,IACT,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAC9C,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,KAAK,CAAC,iBAAiB,IAC7B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}

package/src/components/whatsapp-template.jsx

@@ -1,35 +0,0 @@
-import { INPUT } from '@botonic/core'
-import React from 'react'
-
-import { renderComponent } from '../util/react'
-import { Message } from './message'
-
-const serialize = whatsappTemplateProps => {
-  return { text: whatsappTemplateProps }
-}
-
-export const WhatsappTemplate = props => {
-  const renderBrowser = () => {
-    // Return a dummy message for browser
-    const message = `Template ${props.name} with namespace ${props.namespace} would be sent to the user.`
-    return (
-      <Message json={serialize(message)} {...props} type={INPUT.TEXT}>
-        {message}
-      </Message>
-    )
-  }
-
-  const renderNode = () => {
-    return (
-      <message
-        {...props}
-        header={props.header && JSON.stringify(props.header)}
-        body={props.body && JSON.stringify(props.body)}
-        footer={props.footer && JSON.stringify(props.footer)}
-        type={INPUT.WHATSAPP_TEMPLATE}
-      />
-    )
-  }
-
-  return renderComponent({ renderBrowser, renderNode })
-}