@botonic/react 0.37.0-alpha.0 → 0.37.1-alpha.0

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/custom-messages/rating/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@botonic/core");
+const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
 const react_1 = require("react");
 const styled_components_1 = require("styled-components");
 const components_1 = require("../../../components");
@@ -24,8 +26,15 @@ const CustomRatingMessage = props => {
             const messageToUpdate = webchatState.messagesJSON.filter(m => {
                 return m.id === messageId;
             })[0];
-            messageToUpdate.data.json.valueSent = ratingValue;
-            updateMessage(messageToUpdate);
+            const messageInfo = {
+                data: {
+                    json: {
+                        valueSent: ratingValue,
+                    },
+                },
+            };
+            const updatedMsg = (0, lodash_merge_1.default)(messageToUpdate, messageInfo);
+            updateMessage(updatedMsg);
         }
     };
     const handleButtonSend = () => {

package/lib/cjs/webchat/custom-messages/rating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/custom-messages/rating/smileys.js

@@ -4,8 +4,8 @@ exports.Smileys = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("./icons");
 const SMILEY_MAP = {
-    1: icons_1.FaceFrownSvg,
-    2: icons_1.FaceAngrySvg,
+    1: icons_1.FaceAngrySvg,
+    2: icons_1.FaceFrownSvg,
     3: icons_1.FaceMehSvg,
     4: icons_1.FaceSmileSvg,
     5: icons_1.FaceGrinBeamSvg,

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/custom-messages/rating/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { INPUT } from '@botonic/core';
+import merge from 'lodash.merge';
 import { useContext, useState } from 'react';
 import { ThemeContext } from 'styled-components';
 import { Button, customMessage } from '../../../components';
@@ -22,8 +23,15 @@ const CustomRatingMessage = props => {
             const messageToUpdate = webchatState.messagesJSON.filter(m => {
                 return m.id === messageId;
             })[0];
-            messageToUpdate.data.json.valueSent = ratingValue;
-            updateMessage(messageToUpdate);
+            const messageInfo = {
+                data: {
+                    json: {
+                        valueSent: ratingValue,
+                    },
+                },
+            };
+            const updatedMsg = merge(messageToUpdate, messageInfo);
+            updateMessage(updatedMsg);
         }
     };
     const handleButtonSend = () => {

package/lib/esm/webchat/custom-messages/rating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAa,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAWxC,MAAM,mBAAmB,GAAuC,KAAK,CAAC,EAAE;;IACtE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC/D,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE7E,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAA;IAEvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,EAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAClD,CAAA;IACD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAElD,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC1C,cAAc,CAAC,SAAS,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC/C,IAAI,SAAS,EAAE;YACb,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC3D,OAAO,CAAC,CAAC,EAAE,KAAK,SAAS,CAAA;YAC3B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACL,MAAM,WAAW,GAAG;gBAClB,IAAI,EAAE;oBACJ,IAAI,EAAE;wBACJ,SAAS,EAAE,WAAW;qBACvB;iBACF;aACF,CAAA;YACD,MAAM,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;YACtD,aAAa,CAAC,UAAU,CAAC,CAAA;SAC1B;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;;QAC5B,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;YACtB,aAAa,CAAC,KAAK,CAAC,CAAA;YAEpB,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;YAEzC,iBAAiB,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CAAC,CAAA;YAExC,MAAM,KAAK,GAAG;gBACZ,IAAI,EAAE,KAAK,CAAC,QAAqB;gBACjC,OAAO;aACR,CAAA;YACD,KAAK,SAAS,CAAC,KAAK,CAAC,CAAA;SACtB;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,WAAW,KAAK,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B,iBACvC,MAAC,aAAa,kBAAC,SAAS,EAAC,uBAAuB,iBAC7C,WAAW,EACZ,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,aAAa,EAC7B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,GAChC,KACY,EACf,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CAAA,IAAI,UAAU,IAAI,CACvC,KAAC,MAAM,kBACL,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,gBAAgB,gBAExB,UAAU,IACJ,CACV,KACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAC;IAC3B,IAAI,EAAE,eAAe;IACrB,SAAS,EAAE,mBAAmB;CAC/B,CAAC,CAAA"}

package/lib/esm/webchat/custom-messages/rating/smileys.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FaceAngrySvg, FaceFrownSvg, FaceGrinBeamSvg, FaceMehSvg, FaceSmileSvg, } from './icons';
 const SMILEY_MAP = {
-    1: FaceFrownSvg,
-    2: FaceAngrySvg,
+    1: FaceAngrySvg,
+    2: FaceFrownSvg,
     3: FaceMehSvg,
     4: FaceSmileSvg,
     5: FaceGrinBeamSvg,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.37.0-alpha.0",
+  "version": "0.37.1-alpha.0",
   "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/",
@@ -20,7 +21,7 @@
     "lint_core": "../../node_modules/.bin/eslint_d --cache --quiet '.*.js' '*.js' 'src/**/*.js*' --fix"
   },
   "dependencies": {
-    "@botonic/core": "^0.36.0",
+    "@botonic/core": "^0.37.0",
     "axios": "^1.10.0",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",

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/custom-messages/rating/index.tsx

@@ -1,4 +1,5 @@
 import { INPUT, InputType } from '@botonic/core'
+import merge from 'lodash.merge'
 import React, { useContext, useState } from 'react'
 import { ThemeContext } from 'styled-components'
 
@@ -37,8 +38,15 @@ const CustomRatingMessage: React.FC<CustomRatingMessageProps> = props => {
       const messageToUpdate = webchatState.messagesJSON.filter(m => {
         return m.id === messageId
       })[0]
-      messageToUpdate.data.json.valueSent = ratingValue
-      updateMessage(messageToUpdate)
+      const messageInfo = {
+        data: {
+          json: {
+            valueSent: ratingValue,
+          },
+        },
+      }
+      const updatedMsg = merge(messageToUpdate, messageInfo)
+      updateMessage(updatedMsg)
     }
   }
 

package/src/webchat/custom-messages/rating/smileys.tsx

@@ -10,8 +10,8 @@ import {
 import { RatingItemProps } from './types'
 
 const SMILEY_MAP = {
-  1: FaceFrownSvg,
-  2: FaceAngrySvg,
+  1: FaceAngrySvg,
+  2: FaceFrownSvg,
   3: FaceMehSvg,
   4: FaceSmileSvg,
   5: FaceGrinBeamSvg,