@botonic/react 0.37.0 → 0.37.1-alpha.1

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

@@ -22,7 +22,7 @@ export { Video } from './video';
 export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from './webchat-settings';
 export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
 export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
-export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, } from './whatsapp-cta-url-button';
+export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
 export { WhatsappMediaCarousel, WhatsappMediaCarouselProps, } from './whatsapp-media-carousel';
 export { WhatsappProduct } from './whatsapp-product';
 export { WhatsappProductCarousel, WhatsappProductCarouselProps, } from './whatsapp-product-carousel';

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.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.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; } });
@@ -51,6 +51,7 @@ var whatsapp_catalog_1 = require("./whatsapp-catalog");
 Object.defineProperty(exports, "WhatsappCatalog", { enumerable: true, get: function () { return whatsapp_catalog_1.WhatsappCatalog; } });
 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_media_carousel_1 = require("./whatsapp-media-carousel");
 Object.defineProperty(exports, "WhatsappMediaCarousel", { enumerable: true, get: function () { return whatsapp_media_carousel_1.WhatsappMediaCarousel; } });
 var whatsapp_product_1 = require("./whatsapp-product");

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,qEAGkC;AAFhC,+HAAA,oBAAoB,OAAA;AAGtB,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,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"}

package/lib/cjs/components/whatsapp-cta-url-button.d.ts

@@ -1,15 +1,40 @@
-export interface WhatsappCTAUrlButtonCommonProps {
-    header?: string;
+export declare enum WhatsappCTAUrlHeaderType {
+    Document = "document",
+    Image = "image",
+    Text = "text",
+    Video = "video"
+}
+export interface WhatsappCTAUrlHeaderTextProps {
+    headerType: WhatsappCTAUrlHeaderType.Text;
+    header: string;
+}
+export interface WhatsappCTAUrlHeaderImageProps {
+    headerType: WhatsappCTAUrlHeaderType.Image;
+    headerImage: string;
+}
+export interface WhatsappCTAUrlHeaderVideoProps {
+    headerType: WhatsappCTAUrlHeaderType.Video;
+    headerVideo: string;
+}
+export interface WhatsappCTAUrlHeaderDocumentProps {
+    headerType: WhatsappCTAUrlHeaderType.Document;
+    headerDocument: string;
+}
+export interface WhatsappCTAUrlNoHeaderProps {
+    headerType?: undefined;
+}
+export type WhatsappCTAUrlHeader = WhatsappCTAUrlHeaderTextProps | WhatsappCTAUrlHeaderImageProps | WhatsappCTAUrlHeaderVideoProps | WhatsappCTAUrlHeaderDocumentProps | WhatsappCTAUrlNoHeaderProps;
+export type WhatsappCTAUrlButtonCommonProps = WhatsappCTAUrlHeader & {
     body: string;
     footer?: string;
     displayText: string;
-}
-export interface WhatsappCTAUrlButtonUrlProps extends WhatsappCTAUrlButtonCommonProps {
+};
+export type WhatsappCTAUrlButtonUrlProps = WhatsappCTAUrlButtonCommonProps & {
     url: string;
-}
-export interface WhatsappCTAUrlButtonWebviewProps extends WhatsappCTAUrlButtonCommonProps {
+};
+export type WhatsappCTAUrlButtonWebviewProps = WhatsappCTAUrlButtonCommonProps & {
     webview: any;
     params?: any;
-}
+};
 export type WhatsappCTAUrlButtonProps = WhatsappCTAUrlButtonUrlProps | WhatsappCTAUrlButtonWebviewProps;
 export declare const WhatsappCTAUrlButton: (props: WhatsappCTAUrlButtonProps) => any;

package/lib/cjs/components/whatsapp-cta-url-button.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhatsappCTAUrlButton = void 0;
+exports.WhatsappCTAUrlButton = exports.WhatsappCTAUrlHeaderType = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@botonic/core");
 const util_1 = require("../util");
@@ -9,6 +9,13 @@ const webviews_1 = require("../util/webviews");
 const message_1 = require("./message");
 const constants_1 = require("./multichannel/whatsapp/constants");
 const markdown_meta_1 = require("./multichannel/whatsapp/markdown-meta");
+var WhatsappCTAUrlHeaderType;
+(function (WhatsappCTAUrlHeaderType) {
+    WhatsappCTAUrlHeaderType["Document"] = "document";
+    WhatsappCTAUrlHeaderType["Image"] = "image";
+    WhatsappCTAUrlHeaderType["Text"] = "text";
+    WhatsappCTAUrlHeaderType["Video"] = "video";
+})(WhatsappCTAUrlHeaderType = exports.WhatsappCTAUrlHeaderType || (exports.WhatsappCTAUrlHeaderType = {}));
 const serialize = _whatsappCTAUrlButtonProps => {
     // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development
     return {};
@@ -20,8 +27,14 @@ const WhatsappCTAUrlButton = (props) => {
         return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.WHATSAPP_CTA_URL_BUTTON }, { children: message })));
     };
     const renderNode = () => {
-        const validatedProps = Object.assign(Object.assign({}, props), { header: props.header
+        const validatedProps = Object.assign(Object.assign({}, props), { headerType: props.headerType, header: props.headerType === WhatsappCTAUrlHeaderType.Text && props.header
                 ? (0, util_1.truncateText)(props.header, constants_1.WHATSAPP_MAX_HEADER_CHARS)
+                : undefined, headerImage: props.headerType === WhatsappCTAUrlHeaderType.Image
+                ? props.headerImage
+                : undefined, headerVideo: props.headerType === WhatsappCTAUrlHeaderType.Video
+                ? props.headerVideo
+                : undefined, headerDocument: props.headerType === WhatsappCTAUrlHeaderType.Document
+                ? props.headerDocument
                 : undefined, body: (0, util_1.truncateText)((0, markdown_meta_1.convertToMarkdownMeta)(props.body), constants_1.WHATSAPP_MAX_BODY_CHARS), footer: props.footer
                 ? (0, util_1.truncateText)((0, markdown_meta_1.convertToMarkdownMeta)(props.footer), constants_1.WHATSAPP_MAX_FOOTER_CHARS)
                 : undefined, displayText: (0, util_1.truncateText)(props.displayText, constants_1.WHATSAPP_MAX_BUTTON_CHARS), url: 'webview' in props

package/lib/cjs/components/whatsapp-cta-url-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,kCAAsC;AACtC,yCAA+C;AAC/C,+CAA+D;AAC/D,uCAAmC;AACnC,iEAK0C;AAC1C,yEAA6E;AAwB7E,MAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE;IAC7C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IACpB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,uBAAuB,gBAElC,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,cAAc,mCACf,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,qCAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,IAAI,EAAE,IAAA,mBAAY,EAChB,IAAA,qCAAqB,EAAC,KAAK,CAAC,IAAI,CAAC,EACjC,mCAAuB,CACxB,EACD,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAY,EACV,IAAA,qCAAqB,EAAC,KAAK,CAAC,MAAM,CAAC,EACnC,qCAAyB,CAC1B;gBACH,CAAC,CAAC,SAAS,EACb,WAAW,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,qCAAyB,CAAC,EACvE,GAAG,EACD,SAAS,IAAI,KAAK;gBAChB,CAAC,CAAC,IAAA,uCAA4B,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBAC3D,CAAC,CAAC,KAAK,CAAC,GAAG,GAChB,CAAA;QACD,OAAO;QACL,gFAAgF;QAChF,oDAAa,cAAc,IAAE,IAAI,EAAE,YAAK,CAAC,uBAAuB,IAAI,CACrE,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA5CY,QAAA,oBAAoB,wBA4ChC"}
+{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,kCAAsC;AACtC,yCAA+C;AAC/C,+CAA+D;AAC/D,uCAAmC;AACnC,iEAK0C;AAC1C,yEAA6E;AAE7E,IAAY,wBAKX;AALD,WAAY,wBAAwB;IAClC,iDAAqB,CAAA;IACrB,2CAAe,CAAA;IACf,yCAAa,CAAA;IACb,2CAAe,CAAA;AACjB,CAAC,EALW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAKnC;AAoDD,MAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE;IAC7C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IACpB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,uBAAuB,gBAElC,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,cAAc,mCACf,KAAK,KACR,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EACJ,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM;gBAChE,CAAC,CAAC,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,qCAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACf,WAAW,EACT,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,KAAK;gBACjD,CAAC,CAAC,KAAK,CAAC,WAAW;gBACnB,CAAC,CAAC,SAAS,EACf,WAAW,EACT,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,KAAK;gBACjD,CAAC,CAAC,KAAK,CAAC,WAAW;gBACnB,CAAC,CAAC,SAAS,EACf,cAAc,EACZ,KAAK,CAAC,UAAU,KAAK,wBAAwB,CAAC,QAAQ;gBACpD,CAAC,CAAC,KAAK,CAAC,cAAc;gBACtB,CAAC,CAAC,SAAS,EACf,IAAI,EAAE,IAAA,mBAAY,EAChB,IAAA,qCAAqB,EAAC,KAAK,CAAC,IAAI,CAAC,EACjC,mCAAuB,CACxB,EACD,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAY,EACV,IAAA,qCAAqB,EAAC,KAAK,CAAC,MAAM,CAAC,EACnC,qCAAyB,CAC1B;gBACH,CAAC,CAAC,SAAS,EACb,WAAW,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,qCAAyB,CAAC,EACvE,GAAG,EACD,SAAS,IAAI,KAAK;gBAChB,CAAC,CAAC,IAAA,uCAA4B,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBAC3D,CAAC,CAAC,KAAK,CAAC,GAAG,GAChB,CAAA;QACD,OAAO;QACL,gFAAgF;QAChF,oDAAa,cAAc,IAAE,IAAI,EAAE,YAAK,CAAC,uBAAuB,IAAI,CACrE,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA1DY,QAAA,oBAAoB,wBA0DhC"}

package/lib/cjs/util/strings.d.ts

@@ -1 +1 @@
-export declare const truncateText: (text: any, maxLength: any, ellipsis?: string) => any;
+export declare const truncateText: (text: string, maxLength: number, ellipsis?: string) => string;

package/lib/cjs/util/strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/util/strings.ts"],"names":[],"mappings":";;;AAAO,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE;IAChE,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAA;KACjE;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AALY,QAAA,YAAY,gBAKxB"}
+{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/util/strings.ts"],"names":[],"mappings":";;;AAAO,MAAM,YAAY,GAAG,CAC1B,IAAY,EACZ,SAAiB,EACjB,QAAQ,GAAG,KAAK,EAChB,EAAE;IACF,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAA;KACjE;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AATY,QAAA,YAAY,gBASxB"}

package/lib/cjs/webchat/input-panel/send-button.js

@@ -10,11 +10,16 @@ const context_1 = require("../../webchat/context");
 const common_1 = require("../components/common");
 const conditional_animation_1 = require("../components/conditional-animation");
 const SendButton = ({ onClick }) => {
-    var _a, _b, _c, _d;
+    var _a, _b;
     const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
-    const sendButtonEnabled = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.sendButton) === null || _b === void 0 ? void 0 : _b.enable;
-    const CustomSendButton = (_d = (_c = webchatState.theme.userInput) === null || _c === void 0 ? void 0 : _c.sendButton) === null || _d === void 0 ? void 0 : _d.custom;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sendButtonEnabled || CustomSendButton ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClick, role: constants_1.ROLES.SEND_BUTTON_ICON }, { children: CustomSendButton ? ((0, jsx_runtime_1.jsx)(CustomSendButton, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: send_button_svg_1.default })) })) })) : null }));
+    const CustomSendButton = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.sendButton) === null || _b === void 0 ? void 0 : _b.custom;
+    const isSendButtonEnabled = () => {
+        var _a, _b, _c;
+        const hasCustomSendButton = !!CustomSendButton;
+        return ((_c = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.sendButton) === null || _b === void 0 ? void 0 : _b.enable) !== null && _c !== void 0 ? _c : hasCustomSendButton);
+    };
+    const sendButtonEnabled = isSendButtonEnabled();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sendButtonEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClick, role: constants_1.ROLES.SEND_BUTTON_ICON }, { children: CustomSendButton ? ((0, jsx_runtime_1.jsx)(CustomSendButton, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: send_button_svg_1.default })) })) })) : null }));
 };
 exports.SendButton = SendButton;
 //# sourceMappingURL=send-button.js.map

package/lib/cjs/webchat/input-panel/send-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAyD;AACzD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,iBAAiB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAE1E,MAAM,gBAAgB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAEzE,OAAO,CACL,2DACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,uBAAC,4CAAoB,cACnB,8CAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,UAAU,cAsBtB"}
+{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAyD;AACzD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,gBAAgB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAEzE,MAAM,mBAAmB,GAAG,GAAG,EAAE;;QAC/B,MAAM,mBAAmB,GAAG,CAAC,CAAC,gBAAgB,CAAA;QAC9C,OAAO,CACL,MAAA,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,mCAAI,mBAAmB,CACxE,CAAA;IACH,CAAC,CAAA;IACD,MAAM,iBAAiB,GAAG,mBAAmB,EAAE,CAAA;IAE/C,OAAO,CACL,2DACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,4CAAoB,cACnB,8CAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}

package/lib/cjs/webchat/theme/default-theme.js

@@ -80,11 +80,11 @@ exports.defaultTheme = {
     },
     triggerButton: { image: constants_1.WEBCHAT.DEFAULTS.LOGO },
     userInput: {
-        attachments: { enable: false },
+        attachments: { enable: undefined },
         box: {
             placeholder: 'Ask me something...',
         },
-        emojiPicker: { enable: false },
+        emojiPicker: { enable: undefined },
         sendButton: { enable: true },
         enable: true,
     },

package/lib/cjs/webchat/theme/default-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../../../src/webchat/theme/default-theme.ts"],"names":[],"mappings":";;;AAAA,+CAAiD;AAGpC,QAAA,YAAY,GAAiB;IACxC,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,4BAA4B;QACxC,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,kBAAM,CAAC,WAAW;QACnC,SAAS,EAAE,GAAG,kBAAM,CAAC,qBAAqB,eAAe;KAC1D;IACD,gBAAgB,EAAE,GAAG;IACrB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;QAC5B,KAAK,EAAE;YACL,YAAY,EAAE,mBAAmB;SAClC;QACD,WAAW,EAAE;YACX,YAAY,EAAE,KAAK;SACpB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,kBAAM,CAAC,YAAY;QAC1B,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;KAC7B;IACD,MAAM,EAAE;QACN,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,MAAM;SACtB;QACD,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,kBAAM,CAAC,cAAc;QACtC,cAAc,EAAE,kBAAM,CAAC,WAAW;QAClC,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,kBAAM,CAAC,WAAW;YAC9B,KAAK,EAAE,kBAAM,CAAC,WAAW;YACzB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,cAAc,kBAAM,CAAC,cAAc,EAAE;YAC7C,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,QAAQ;SACnB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,QAAQ;SACjC;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;SACf;QACD,GAAG,EAAE;YACH,QAAQ,EAAE,IAAI;SACf;KACF;IACD,aAAa,EAAE,EAAE,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;IAC/C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QAC9B,GAAG,EAAE;YACH,WAAW,EAAE,qBAAqB;SACnC;QACD,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QAC9B,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,IAAI;KACb;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,IAAI;KACnB;IACD,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAC5B,aAAa,EAAE;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE;YACN,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,iBAAiB;SACxB;QACD,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;KACjC;CACF,CAAA"}
+{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../../../src/webchat/theme/default-theme.ts"],"names":[],"mappings":";;;AAAA,+CAAiD;AAGpC,QAAA,YAAY,GAAiB;IACxC,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,4BAA4B;QACxC,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,kBAAM,CAAC,WAAW;QACnC,SAAS,EAAE,GAAG,kBAAM,CAAC,qBAAqB,eAAe;KAC1D;IACD,gBAAgB,EAAE,GAAG;IACrB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;QAC5B,KAAK,EAAE;YACL,YAAY,EAAE,mBAAmB;SAClC;QACD,WAAW,EAAE;YACX,YAAY,EAAE,KAAK;SACpB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,kBAAM,CAAC,YAAY;QAC1B,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;KAC7B;IACD,MAAM,EAAE;QACN,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,MAAM;SACtB;QACD,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,kBAAM,CAAC,cAAc;QACtC,cAAc,EAAE,kBAAM,CAAC,WAAW;QAClC,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,kBAAM,CAAC,WAAW;YAC9B,KAAK,EAAE,kBAAM,CAAC,WAAW;YACzB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,cAAc,kBAAM,CAAC,cAAc,EAAE;YAC7C,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,QAAQ;SACnB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,QAAQ;SACjC;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;SACf;QACD,GAAG,EAAE;YACH,QAAQ,EAAE,IAAI;SACf;KACF;IACD,aAAa,EAAE,EAAE,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;IAC/C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAClC,GAAG,EAAE;YACH,WAAW,EAAE,qBAAqB;SACnC;QACD,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAClC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,IAAI;KACb;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,IAAI;KACnB;IACD,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAC5B,aAAa,EAAE;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE;YACN,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,iBAAiB;SACxB;QACD,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;KACjC;CACF,CAAA"}

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

@@ -22,7 +22,7 @@ export { Video } from './video';
 export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from './webchat-settings';
 export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
 export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
-export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, } from './whatsapp-cta-url-button';
+export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
 export { WhatsappMediaCarousel, WhatsappMediaCarouselProps, } from './whatsapp-media-carousel';
 export { WhatsappProduct } from './whatsapp-product';
 export { WhatsappProductCarousel, WhatsappProductCarouselProps, } from './whatsapp-product-carousel';

package/lib/esm/components/index.js

@@ -22,7 +22,7 @@ export { Video } from './video';
 export { normalizeWebchatSettings, WebchatSettings, } from './webchat-settings';
 export { WhatsappButtonList, } from './whatsapp-button-list';
 export { WhatsappCatalog } from './whatsapp-catalog';
-export { WhatsappCTAUrlButton, } from './whatsapp-cta-url-button';
+export { WhatsappCTAUrlButton, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
 export { WhatsappMediaCarousel, } from './whatsapp-media-carousel';
 export { WhatsappProduct } from './whatsapp-product';
 export { WhatsappProductCarousel, } from './whatsapp-product-carousel';

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,GAErB,MAAM,2BAA2B,CAAA;AAClC,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,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"}

package/lib/esm/components/whatsapp-cta-url-button.d.ts

@@ -1,15 +1,40 @@
-export interface WhatsappCTAUrlButtonCommonProps {
-    header?: string;
+export declare enum WhatsappCTAUrlHeaderType {
+    Document = "document",
+    Image = "image",
+    Text = "text",
+    Video = "video"
+}
+export interface WhatsappCTAUrlHeaderTextProps {
+    headerType: WhatsappCTAUrlHeaderType.Text;
+    header: string;
+}
+export interface WhatsappCTAUrlHeaderImageProps {
+    headerType: WhatsappCTAUrlHeaderType.Image;
+    headerImage: string;
+}
+export interface WhatsappCTAUrlHeaderVideoProps {
+    headerType: WhatsappCTAUrlHeaderType.Video;
+    headerVideo: string;
+}
+export interface WhatsappCTAUrlHeaderDocumentProps {
+    headerType: WhatsappCTAUrlHeaderType.Document;
+    headerDocument: string;
+}
+export interface WhatsappCTAUrlNoHeaderProps {
+    headerType?: undefined;
+}
+export type WhatsappCTAUrlHeader = WhatsappCTAUrlHeaderTextProps | WhatsappCTAUrlHeaderImageProps | WhatsappCTAUrlHeaderVideoProps | WhatsappCTAUrlHeaderDocumentProps | WhatsappCTAUrlNoHeaderProps;
+export type WhatsappCTAUrlButtonCommonProps = WhatsappCTAUrlHeader & {
     body: string;
     footer?: string;
     displayText: string;
-}
-export interface WhatsappCTAUrlButtonUrlProps extends WhatsappCTAUrlButtonCommonProps {
+};
+export type WhatsappCTAUrlButtonUrlProps = WhatsappCTAUrlButtonCommonProps & {
     url: string;
-}
-export interface WhatsappCTAUrlButtonWebviewProps extends WhatsappCTAUrlButtonCommonProps {
+};
+export type WhatsappCTAUrlButtonWebviewProps = WhatsappCTAUrlButtonCommonProps & {
     webview: any;
     params?: any;
-}
+};
 export type WhatsappCTAUrlButtonProps = WhatsappCTAUrlButtonUrlProps | WhatsappCTAUrlButtonWebviewProps;
 export declare const WhatsappCTAUrlButton: (props: WhatsappCTAUrlButtonProps) => any;

package/lib/esm/components/whatsapp-cta-url-button.js

@@ -6,6 +6,13 @@ import { generateWebviewUrlWithParams } from '../util/webviews';
 import { Message } from './message';
 import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_FOOTER_CHARS, WHATSAPP_MAX_HEADER_CHARS, } from './multichannel/whatsapp/constants';
 import { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta';
+export var WhatsappCTAUrlHeaderType;
+(function (WhatsappCTAUrlHeaderType) {
+    WhatsappCTAUrlHeaderType["Document"] = "document";
+    WhatsappCTAUrlHeaderType["Image"] = "image";
+    WhatsappCTAUrlHeaderType["Text"] = "text";
+    WhatsappCTAUrlHeaderType["Video"] = "video";
+})(WhatsappCTAUrlHeaderType || (WhatsappCTAUrlHeaderType = {}));
 const serialize = _whatsappCTAUrlButtonProps => {
     // TODO: Implement to have data persistence in localStorage, not needed for this WhatsApp development
     return {};
@@ -17,8 +24,14 @@ export const WhatsappCTAUrlButton = (props) => {
         return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.WHATSAPP_CTA_URL_BUTTON }, { children: message })));
     };
     const renderNode = () => {
-        const validatedProps = Object.assign(Object.assign({}, props), { header: props.header
+        const validatedProps = Object.assign(Object.assign({}, props), { headerType: props.headerType, header: props.headerType === WhatsappCTAUrlHeaderType.Text && props.header
                 ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS)
+                : undefined, headerImage: props.headerType === WhatsappCTAUrlHeaderType.Image
+                ? props.headerImage
+                : undefined, headerVideo: props.headerType === WhatsappCTAUrlHeaderType.Video
+                ? props.headerVideo
+                : undefined, headerDocument: props.headerType === WhatsappCTAUrlHeaderType.Document
+                ? props.headerDocument
                 : undefined, body: truncateText(convertToMarkdownMeta(props.body), WHATSAPP_MAX_BODY_CHARS), footer: props.footer
                 ? truncateText(convertToMarkdownMeta(props.footer), WHATSAPP_MAX_FOOTER_CHARS)
                 : undefined, displayText: truncateText(props.displayText, WHATSAPP_MAX_BUTTON_CHARS), url: 'webview' in props

package/lib/esm/components/whatsapp-cta-url-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAwB7E,MAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE;IAC7C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IACpB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,uBAAuB,gBAElC,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,cAAc,mCACf,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,IAAI,EAAE,YAAY,CAChB,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EACjC,uBAAuB,CACxB,EACD,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,YAAY,CACV,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,EACnC,yBAAyB,CAC1B;gBACH,CAAC,CAAC,SAAS,EACb,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,WAAW,EAAE,yBAAyB,CAAC,EACvE,GAAG,EACD,SAAS,IAAI,KAAK;gBAChB,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBAC3D,CAAC,CAAC,KAAK,CAAC,GAAG,GAChB,CAAA;QACD,OAAO;QACL,gFAAgF;QAChF,kCAAa,cAAc,IAAE,IAAI,EAAE,KAAK,CAAC,uBAAuB,IAAI,CACrE,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}
+{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":"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"}

package/lib/esm/util/strings.d.ts

@@ -1 +1 @@
-export declare const truncateText: (text: any, maxLength: any, ellipsis?: string) => any;
+export declare const truncateText: (text: string, maxLength: number, ellipsis?: string) => string;

package/lib/esm/util/strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/util/strings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE;IAChE,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAA;KACjE;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
+{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/util/strings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,IAAY,EACZ,SAAiB,EACjB,QAAQ,GAAG,KAAK,EAChB,EAAE;IACF,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAA;KACjE;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/lib/esm/webchat/input-panel/send-button.js

@@ -6,10 +6,15 @@ import { WebchatContext } from '../../webchat/context';
 import { Icon } from '../components/common';
 import { ConditionalAnimation } from '../components/conditional-animation';
 export const SendButton = ({ onClick }) => {
-    var _a, _b, _c, _d;
+    var _a, _b;
     const { webchatState } = useContext(WebchatContext);
-    const sendButtonEnabled = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.sendButton) === null || _b === void 0 ? void 0 : _b.enable;
-    const CustomSendButton = (_d = (_c = webchatState.theme.userInput) === null || _c === void 0 ? void 0 : _c.sendButton) === null || _d === void 0 ? void 0 : _d.custom;
-    return (_jsx(_Fragment, { children: sendButtonEnabled || CustomSendButton ? (_jsx(ConditionalAnimation, { children: _jsx("div", Object.assign({ onClick: onClick, role: ROLES.SEND_BUTTON_ICON }, { children: CustomSendButton ? (_jsx(CustomSendButton, {})) : (_jsx(Icon, { src: SendButtonIcon })) })) })) : null }));
+    const CustomSendButton = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.sendButton) === null || _b === void 0 ? void 0 : _b.custom;
+    const isSendButtonEnabled = () => {
+        var _a, _b, _c;
+        const hasCustomSendButton = !!CustomSendButton;
+        return ((_c = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.sendButton) === null || _b === void 0 ? void 0 : _b.enable) !== null && _c !== void 0 ? _c : hasCustomSendButton);
+    };
+    const sendButtonEnabled = isSendButtonEnabled();
+    return (_jsx(_Fragment, { children: sendButtonEnabled ? (_jsx(ConditionalAnimation, { children: _jsx("div", Object.assign({ onClick: onClick, role: ROLES.SEND_BUTTON_ICON }, { children: CustomSendButton ? (_jsx(CustomSendButton, {})) : (_jsx(Icon, { src: SendButtonIcon })) })) })) : null }));
 };
 //# sourceMappingURL=send-button.js.map

package/lib/esm/webchat/input-panel/send-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,cAAc,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAM1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEnD,MAAM,iBAAiB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAE1E,MAAM,gBAAgB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAEzE,OAAO,CACL,4BACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,KAAC,oBAAoB,cACnB,4BAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,cAAc,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAM1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEnD,MAAM,gBAAgB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAEzE,MAAM,mBAAmB,GAAG,GAAG,EAAE;;QAC/B,MAAM,mBAAmB,GAAG,CAAC,CAAC,gBAAgB,CAAA;QAC9C,OAAO,CACL,MAAA,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,mCAAI,mBAAmB,CACxE,CAAA;IACH,CAAC,CAAA;IACD,MAAM,iBAAiB,GAAG,mBAAmB,EAAE,CAAA;IAE/C,OAAO,CACL,4BACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,oBAAoB,cACnB,4BAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/theme/default-theme.js

@@ -77,11 +77,11 @@ export const defaultTheme = {
     },
     triggerButton: { image: WEBCHAT.DEFAULTS.LOGO },
     userInput: {
-        attachments: { enable: false },
+        attachments: { enable: undefined },
         box: {
             placeholder: 'Ask me something...',
         },
-        emojiPicker: { enable: false },
+        emojiPicker: { enable: undefined },
         sendButton: { enable: true },
         enable: true,
     },

package/lib/esm/webchat/theme/default-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../../../src/webchat/theme/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGjD,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,4BAA4B;QACxC,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM,CAAC,WAAW;QACnC,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,eAAe;KAC1D;IACD,gBAAgB,EAAE,GAAG;IACrB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI;QAC5B,KAAK,EAAE;YACL,YAAY,EAAE,mBAAmB;SAClC;QACD,WAAW,EAAE;YACX,YAAY,EAAE,KAAK;SACpB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC,YAAY;QAC1B,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI;KAC7B;IACD,MAAM,EAAE;QACN,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,MAAM;SACtB;QACD,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,MAAM,CAAC,cAAc;QACtC,cAAc,EAAE,MAAM,CAAC,WAAW;QAClC,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM,CAAC,WAAW;YAC9B,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,cAAc,MAAM,CAAC,cAAc,EAAE;YAC7C,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,QAAQ;SACnB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ;SACjC;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;SACf;QACD,GAAG,EAAE;YACH,QAAQ,EAAE,IAAI;SACf;KACF;IACD,aAAa,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;IAC/C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QAC9B,GAAG,EAAE;YACH,WAAW,EAAE,qBAAqB;SACnC;QACD,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QAC9B,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,IAAI;KACb;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,IAAI;KACnB;IACD,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAC5B,aAAa,EAAE;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE;YACN,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,iBAAiB;SACxB;QACD,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;KACjC;CACF,CAAA"}
+{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../../../src/webchat/theme/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGjD,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,4BAA4B;QACxC,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM,CAAC,WAAW;QACnC,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,eAAe;KAC1D;IACD,gBAAgB,EAAE,GAAG;IACrB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI;QAC5B,KAAK,EAAE;YACL,YAAY,EAAE,mBAAmB;SAClC;QACD,WAAW,EAAE;YACX,YAAY,EAAE,KAAK;SACpB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC,YAAY;QAC1B,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI;KAC7B;IACD,MAAM,EAAE;QACN,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,MAAM;SACtB;QACD,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,MAAM,CAAC,cAAc;QACtC,cAAc,EAAE,MAAM,CAAC,WAAW;QAClC,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM,CAAC,WAAW;YAC9B,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,cAAc,MAAM,CAAC,cAAc,EAAE;YAC7C,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,QAAQ;SACnB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ;SACjC;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;SACf;QACD,GAAG,EAAE;YACH,QAAQ,EAAE,IAAI;SACf;KACF;IACD,aAAa,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;IAC/C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAClC,GAAG,EAAE;YACH,WAAW,EAAE,qBAAqB;SACnC;QACD,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAClC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,IAAI;KACb;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,IAAI;KACnB;IACD,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAC5B,aAAa,EAAE;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE;YACN,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,iBAAiB;SACxB;QACD,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;KACjC;CACF,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.37.0",
+  "version": "0.37.1-alpha.1",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -9,6 +9,7 @@
   "scripts": {
     "test:no-coverage": "../../node_modules/.bin/jest -c ./jest.config.js",
     "test": "../../node_modules/.bin/jest -c ./jest.config.js --coverage",
+    "updateSnapshot": "../../node_modules/.bin/jest -c ./jest.config.js --updateSnapshot",
     "cloc": "../../scripts/qa/cloc-package.sh .",
     "prepublishOnly": "npm run clean; npm i; npm run build; npm run copy-files;",
     "clean": "rm -rf ./lib/",

package/src/components/index.ts

@@ -34,6 +34,7 @@ export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog'
 export {
   WhatsappCTAUrlButton,
   WhatsappCTAUrlButtonProps,
+  WhatsappCTAUrlHeaderType,
 } from './whatsapp-cta-url-button'
 export {
   WhatsappMediaCarousel,

package/src/components/whatsapp-cta-url-button.tsx

@@ -13,23 +13,58 @@ import {
 } from './multichannel/whatsapp/constants'
 import { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta'
 
-export interface WhatsappCTAUrlButtonCommonProps {
-  header?: string
+export enum WhatsappCTAUrlHeaderType {
+  Document = 'document',
+  Image = 'image',
+  Text = 'text',
+  Video = 'video',
+}
+export interface WhatsappCTAUrlHeaderTextProps {
+  headerType: WhatsappCTAUrlHeaderType.Text
+  header: string
+}
+
+export interface WhatsappCTAUrlHeaderImageProps {
+  headerType: WhatsappCTAUrlHeaderType.Image
+  headerImage: string
+}
+
+export interface WhatsappCTAUrlHeaderVideoProps {
+  headerType: WhatsappCTAUrlHeaderType.Video
+  headerVideo: string
+}
+
+export interface WhatsappCTAUrlHeaderDocumentProps {
+  headerType: WhatsappCTAUrlHeaderType.Document
+  headerDocument: string
+}
+
+export interface WhatsappCTAUrlNoHeaderProps {
+  headerType?: undefined
+}
+
+export type WhatsappCTAUrlHeader =
+  | WhatsappCTAUrlHeaderTextProps
+  | WhatsappCTAUrlHeaderImageProps
+  | WhatsappCTAUrlHeaderVideoProps
+  | WhatsappCTAUrlHeaderDocumentProps
+  | WhatsappCTAUrlNoHeaderProps
+
+export type WhatsappCTAUrlButtonCommonProps = WhatsappCTAUrlHeader & {
   body: string
   footer?: string
   displayText: string
 }
 
-export interface WhatsappCTAUrlButtonUrlProps
-  extends WhatsappCTAUrlButtonCommonProps {
+export type WhatsappCTAUrlButtonUrlProps = WhatsappCTAUrlButtonCommonProps & {
   url: string
 }
 
-export interface WhatsappCTAUrlButtonWebviewProps
-  extends WhatsappCTAUrlButtonCommonProps {
-  webview: any
-  params?: any
-}
+export type WhatsappCTAUrlButtonWebviewProps =
+  WhatsappCTAUrlButtonCommonProps & {
+    webview: any
+    params?: any
+  }
 
 export type WhatsappCTAUrlButtonProps =
   | WhatsappCTAUrlButtonUrlProps
@@ -58,9 +93,23 @@ export const WhatsappCTAUrlButton = (props: WhatsappCTAUrlButtonProps) => {
   const renderNode = () => {
     const validatedProps = {
       ...props,
-      header: props.header
-        ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS)
-        : undefined,
+      headerType: props.headerType,
+      header:
+        props.headerType === WhatsappCTAUrlHeaderType.Text && props.header
+          ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS)
+          : undefined,
+      headerImage:
+        props.headerType === WhatsappCTAUrlHeaderType.Image
+          ? props.headerImage
+          : undefined,
+      headerVideo:
+        props.headerType === WhatsappCTAUrlHeaderType.Video
+          ? props.headerVideo
+          : undefined,
+      headerDocument:
+        props.headerType === WhatsappCTAUrlHeaderType.Document
+          ? props.headerDocument
+          : undefined,
       body: truncateText(
         convertToMarkdownMeta(props.body),
         WHATSAPP_MAX_BODY_CHARS

package/src/util/strings.ts

@@ -1,4 +1,8 @@
-export const truncateText = (text, maxLength, ellipsis = '...') => {
+export const truncateText = (
+  text: string,
+  maxLength: number,
+  ellipsis = '...'
+) => {
   if (text.length > maxLength) {
     return text.substring(0, maxLength - ellipsis.length) + ellipsis
   }

package/src/webchat/input-panel/send-button.tsx

@@ -13,13 +13,19 @@ interface SendButtonProps {
 export const SendButton = ({ onClick }: SendButtonProps) => {
   const { webchatState } = useContext(WebchatContext)
 
-  const sendButtonEnabled = webchatState.theme.userInput?.sendButton?.enable
-
   const CustomSendButton = webchatState.theme.userInput?.sendButton?.custom
 
+  const isSendButtonEnabled = () => {
+    const hasCustomSendButton = !!CustomSendButton
+    return (
+      webchatState.theme.userInput?.sendButton?.enable ?? hasCustomSendButton
+    )
+  }
+  const sendButtonEnabled = isSendButtonEnabled()
+
   return (
     <>
-      {sendButtonEnabled || CustomSendButton ? (
+      {sendButtonEnabled ? (
         <ConditionalAnimation>
           <div onClick={onClick} role={ROLES.SEND_BUTTON_ICON}>
             {CustomSendButton ? (

package/src/webchat/theme/default-theme.ts

@@ -79,11 +79,11 @@ export const defaultTheme: WebchatTheme = {
   },
   triggerButton: { image: WEBCHAT.DEFAULTS.LOGO },
   userInput: {
-    attachments: { enable: false },
+    attachments: { enable: undefined },
     box: {
       placeholder: 'Ask me something...',
     },
-    emojiPicker: { enable: false },
+    emojiPicker: { enable: undefined },
     sendButton: { enable: true },
     enable: true,
   },