@botonic/react 0.36.0-alpha.0 → 0.36.0-alpha.1

package/lib/cjs/components/message/message-feedback.d.ts

@@ -3,5 +3,5 @@ interface RatingProps {
     inferenceId?: string;
     messageId: string;
 }
-export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => JSX.Element;
+export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/components/message/message-feedback.js

@@ -4,15 +4,15 @@ exports.MessageFeedback = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const uuid_1 = require("uuid");
 const thumbs_down_svg_1 = tslib_1.__importDefault(require("../../assets/thumbs-down.svg"));
 const thumbs_up_svg_1 = tslib_1.__importDefault(require("../../assets/thumbs-up.svg"));
-const contexts_1 = require("../../contexts");
 const util_1 = require("../../util");
+const context_1 = require("../../webchat/context");
 const tracking_1 = require("../../webchat/tracking");
 const styles_1 = require("./styles");
 const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
-    const { webchatState, updateMessage, trackEvent } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { webchatState, updateMessage } = (0, react_1.useContext)(context_1.WebchatContext);
+    const { trackKnowledgebaseFeedback } = (0, tracking_1.useTracking)();
     const [className, setClassName] = (0, react_1.useState)('');
     const [disabled, setDisabled] = (0, react_1.useState)({
         positive: false,
@@ -33,29 +33,18 @@ const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
         }
     }, [disabled]);
     const handleClick = (isUseful) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        if (!trackEvent) {
-            return;
-        }
         if (isUseful) {
             setDisabled({ positive: false, negative: true });
         }
         else {
             setDisabled({ positive: true, negative: false });
         }
-        const args = {
-            knowledgebaseInferenceId: inferenceId,
-            feedbackBotInteractionId: botInteractionId,
-            feedbackTargetId: messageId,
-            feedbackGroupId: (0, uuid_1.v7)(),
-            possibleOptions: [tracking_1.FeedbackOption.ThumbsDown, tracking_1.FeedbackOption.ThumbsUp],
-            possibleValues: [0, 1],
-            option: isUseful ? tracking_1.FeedbackOption.ThumbsUp : tracking_1.FeedbackOption.ThumbsDown,
-            value: isUseful ? 1 : 0,
-        };
-        const request = {
-            session: Object.assign({}, webchatState.session),
-        };
-        yield trackEvent(request, tracking_1.EventAction.FeedbackKnowledgebase, args);
+        yield trackKnowledgebaseFeedback({
+            messageId,
+            isUseful,
+            botInteractionId,
+            inferenceId,
+        });
     });
     return ((0, jsx_runtime_1.jsxs)(styles_1.FeedbackMessageContainer, { children: [(0, jsx_runtime_1.jsx)(styles_1.FeedbackButton, Object.assign({ className: className, disabled: disabled.positive, onClick: () => handleClick(true) }, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, util_1.resolveImage)(thumbs_up_svg_1.default) }) })), (0, jsx_runtime_1.jsx)(styles_1.FeedbackButton, Object.assign({ className: className, disabled: disabled.negative, onClick: () => handleClick(false) }, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, util_1.resolveImage)(thumbs_down_svg_1.default) }) }))] }));
 };

package/lib/cjs/components/message/message-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8D;AAC9D,+BAAmC;AAEnC,2FAAqD;AACrD,uFAAiD;AACjD,6CAA+C;AAE/C,qCAAyC;AACzC,qDAAoE;AACpE,qCAAmE;AAa5D,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,EAChB,WAAW,EACX,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE9E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAe;QACrD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,CAAC,eAAwB,EAAE,EAAE;QACzD,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAC5C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,SAAS,CACpC,CAAA;QACD,MAAM,UAAU,mCACX,OAAO,KACV,eAAe,GAChB,CAAA;QACD,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE;YAC1C,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,qBAAqB,CAAC,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,CAAO,QAAiB,EAAE,EAAE;QAC9C,IAAI,CAAC,UAAU,EAAE;YACf,OAAM;SACP;QAED,IAAI,QAAQ,EAAE;YACZ,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;SACjD;aAAM;YACL,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;SACjD;QAED,MAAM,IAAI,GAAG;YACX,wBAAwB,EAAE,WAAW;YACrC,wBAAwB,EAAE,gBAAgB;YAC1C,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,IAAA,SAAM,GAAE;YACzB,eAAe,EAAE,CAAC,yBAAc,CAAC,UAAU,EAAE,yBAAc,CAAC,QAAQ,CAAC;YACrE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACtB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,yBAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,yBAAc,CAAC,UAAU;YACtE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB,CAAA;QAED,MAAM,OAAO,GAAG;YACd,OAAO,oBACF,YAAY,CAAC,OAAO,CACxB;SAC0B,CAAA;QAE7B,MAAM,UAAU,CAAC,OAAO,EAAE,sBAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IACpE,CAAC,CAAA,CAAA;IAED,OAAO,CACL,wBAAC,iCAAwB,eACvB,uBAAC,uBAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,gBAEhC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,uBAAQ,CAAC,GAAI,IACrB,EACjB,uBAAC,uBAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,gBAEjC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,yBAAU,CAAC,GAAI,IACvB,IACQ,CAC5B,CAAA;AACH,CAAC,CAAA;AApFY,QAAA,eAAe,mBAoF3B"}
+{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8D;AAE9D,2FAAqD;AACrD,uFAAiD;AACjD,qCAAyC;AACzC,mDAAsD;AACtD,qDAAoD;AACpD,qCAAmE;AAa5D,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,EAChB,WAAW,EACX,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAClE,MAAM,EAAE,0BAA0B,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IAEpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAe;QACrD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,CAAC,eAAwB,EAAE,EAAE;QACzD,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAC5C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,SAAS,CACpC,CAAA;QACD,MAAM,UAAU,mCACX,OAAO,KACV,eAAe,GAChB,CAAA;QACD,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE;YAC1C,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,qBAAqB,CAAC,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,CAAO,QAAiB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;SACjD;aAAM;YACL,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;SACjD;QAED,MAAM,0BAA0B,CAAC;YAC/B,SAAS;YACT,QAAQ;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA,CAAA;IAED,OAAO,CACL,wBAAC,iCAAwB,eACvB,uBAAC,uBAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,gBAEhC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,uBAAQ,CAAC,GAAI,IACrB,EACjB,uBAAC,uBAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,gBAEjC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,yBAAU,CAAC,GAAI,IACvB,IACQ,CAC5B,CAAA;AACH,CAAC,CAAA;AArEY,QAAA,eAAe,mBAqE3B"}

package/lib/cjs/components/message/message-footer.d.ts

@@ -7,5 +7,5 @@ interface MessageFooterProps {
     inferenceId?: string;
     botInteractionId?: string;
 }
-export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => JSX.Element;
+export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/components/message/message-footer.js

@@ -3,19 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageFooter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const contexts_1 = require("../../contexts");
 const index_types_1 = require("../../index-types");
+const context_1 = require("../../webchat/context");
 const message_feedback_1 = require("./message-feedback");
 const styles_1 = require("./styles");
 const timestamps_1 = require("./timestamps");
 const MessageFooter = ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }) => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
     const { timestampsEnabled, timestampStyle } = (0, timestamps_1.resolveMessageTimestamps)(getThemeProperty, enabletimestamps);
     const isSentByUser = sentBy === index_types_1.SENDERS.user;
-    const messageFotterClass = isSentByUser
+    const messageFooterClass = isSentByUser
         ? 'message-footer-user'
         : 'message-footer-bot';
-    return ((0, jsx_runtime_1.jsxs)(styles_1.MessageFooterContainer, Object.assign({ className: messageFotterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? ((0, jsx_runtime_1.jsx)(timestamps_1.MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_feedback_1.MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id, botInteractionId: botInteractionId })) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.MessageFooterContainer, Object.assign({ className: messageFooterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? ((0, jsx_runtime_1.jsx)(timestamps_1.MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_feedback_1.MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id, botInteractionId: botInteractionId })) : null] })));
 };
 exports.MessageFooter = MessageFooter;
 //# sourceMappingURL=message-footer.js.map

package/lib/cjs/components/message/message-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../../src/components/message/message-footer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,6CAA+C;AAC/C,mDAA2C;AAC3C,yDAAoD;AACpD,qCAAiD;AACjD,6CAAyE;AAWlE,MAAM,aAAa,GAAG,CAAC,EAC5B,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,eAAe,EACf,WAAW,EACX,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,IAAA,qCAAwB,EACpE,gBAAgB,EAChB,gBAAgB,CACjB,CAAA;IACD,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,kBAAkB,GAAG,YAAY;QACrC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,oBAAoB,CAAA;IAExB,OAAO,CACL,wBAAC,+BAAsB,kBACrB,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,YAAY,iBAEzB,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,6BAAgB,IACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,WAAW,CAAC,SAAS,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,kCAAe,IACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,EAAE,EACzB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,KACe,CAC1B,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,aAAa,iBAwCzB"}
+{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../../src/components/message/message-footer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,mDAA2C;AAC3C,mDAAsD;AACtD,yDAAoD;AACpD,qCAAiD;AACjD,6CAAyE;AAWlE,MAAM,aAAa,GAAG,CAAC,EAC5B,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,eAAe,EACf,WAAW,EACX,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,IAAA,qCAAwB,EACpE,gBAAgB,EAChB,gBAAgB,CACjB,CAAA;IACD,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,kBAAkB,GAAG,YAAY;QACrC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,oBAAoB,CAAA;IAExB,OAAO,CACL,wBAAC,+BAAsB,kBACrB,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,YAAY,iBAEzB,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,6BAAgB,IACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,WAAW,CAAC,SAAS,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,kCAAe,IACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,EAAE,EACzB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,KACe,CAC1B,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,aAAa,iBAwCzB"}

package/lib/cjs/components/message/message-image.js

@@ -4,16 +4,16 @@ exports.MessageImage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
 const index_types_1 = require("../../index-types");
 const environment_1 = require("../../util/environment");
+const context_1 = require("../../webchat/context");
 const styles_1 = require("./styles");
 const MessageImage = ({ imagestyle, sentBy }) => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
     const isSentByAgent = sentBy === index_types_1.SENDERS.agent;
     const isSentByUser = sentBy === index_types_1.SENDERS.user;
     const timestampsWithImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsWithImage);
-    const BotMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage, constants_1.WEBCHAT.DEFAULTS.LOGO));
+    const BotMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage));
     const AgentMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.agentMessageImage, BotMessageImage);
     return (!timestampsWithImage &&
         !isSentByUser &&

package/lib/cjs/components/message/message-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-image.js","sourceRoot":"","sources":["../../../../src/components/message/message-image.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,mDAA2C;AAC3C,wDAAqD;AACrD,qCAAmD;AAO5C,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAqB,EAAE,EAAE;IACxE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,aAAa,GAAG,MAAM,KAAK,qBAAO,CAAC,KAAK,CAAA;IAC9C,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAE5C,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,mBAAO,CAAC,QAAQ,CAAC,IAAI,CACtB,CACF,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,OAAO,CACL,CAAC,mBAAmB;QACpB,CAAC,YAAY;QACb,eAAe,IAAI,CACjB,uBAAC,iCAAwB,kBACvB,KAAK,kCACA,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,GAChE,UAAU,iBAGf,gCACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,GAAG,EAAE,IAAA,0BAAY,EACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,IACuB,CAC5B,CACF,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,YAAY,gBA0CxB"}
+{"version":3,"file":"message-image.js","sourceRoot":"","sources":["../../../../src/components/message/message-image.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,mDAA2C;AAC3C,wDAAqD;AACrD,mDAAsD;AACtD,qCAAmD;AAO5C,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,MAAM,EAAqB,EAAE,EAAE;IACxE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,aAAa,GAAG,MAAM,KAAK,qBAAO,CAAC,KAAK,CAAA;IAC9C,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAE5C,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,OAAO,CACL,CAAC,mBAAmB;QACpB,CAAC,YAAY;QACb,eAAe,IAAI,CACjB,uBAAC,iCAAwB,kBACvB,KAAK,kCACA,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,GAChE,UAAU,iBAGf,gCACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,GAAG,EAAE,IAAA,0BAAY,EACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,IACuB,CAC5B,CACF,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,YAAY,gBAuCxB"}

package/lib/cjs/components/message/styles.d.ts

@@ -1,33 +1,33 @@
 interface MessageContainerProps {
     isSentByUser: boolean;
 }
-export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, MessageContainerProps, never>;
-export declare const BotMessageImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MessageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageContainerProps, never>;
+export declare const BotMessageImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface BolbContainerProps {
     bgcolor: string;
     blob: boolean;
     blobwidth?: string;
 }
-export declare const BlobContainer: import("styled-components").StyledComponent<"div", any, BolbContainerProps, never>;
+export declare const BlobContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BolbContainerProps, never>;
 interface BlobTextProps {
     blob: boolean;
     markdownstyle: any;
 }
-export declare const BlobText: import("styled-components").StyledComponent<"div", any, BlobTextProps, never>;
-export declare const BlobTickContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BlobText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BlobTextProps, never>;
+export declare const BlobTickContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface BlobTickProps {
     pointerSize: number;
 }
-export declare const BlobTick: import("styled-components").StyledComponent<"div", any, BlobTickProps, never>;
+export declare const BlobTick: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BlobTickProps, never>;
 interface TimestampContainerProps {
     isSentByUser: boolean;
 }
-export declare const TimestampContainer: import("styled-components").StyledComponent<"div", any, TimestampContainerProps, never>;
+export declare const TimestampContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TimestampContainerProps, never>;
 interface TimestampTextProps {
     isSentByUser: boolean;
 }
-export declare const TimestampText: import("styled-components").StyledComponent<"div", any, TimestampTextProps, never>;
-export declare const MessageFooterContainer: import("styled-components").StyledComponent<"div", any, TimestampContainerProps, never>;
-export declare const FeedbackMessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FeedbackButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const TimestampText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TimestampTextProps, never>;
+export declare const MessageFooterContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TimestampContainerProps, never>;
+export declare const FeedbackMessageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FeedbackButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/lib/cjs/components/message/timestamps.d.ts

@@ -9,5 +9,5 @@ interface MessageTimestampProps {
     style: Record<string, unknown>;
     sentBy: SENDERS;
 }
-export declare const MessageTimestamp: ({ timestamp, style, sentBy, }: MessageTimestampProps) => JSX.Element;
+export declare const MessageTimestamp: ({ timestamp, style, sentBy, }: MessageTimestampProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/components/message/timestamps.js

@@ -4,9 +4,9 @@ exports.MessageTimestamp = exports.resolveMessageTimestamps = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
 const index_types_1 = require("../../index-types");
 const util_1 = require("../../util");
+const context_1 = require("../../webchat/context");
 const styles_1 = require("./styles");
 const resolveMessageTimestamps = (getThemeProperty, timestampEnabled) => {
     const timestampsFormat = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsFormat);
@@ -33,10 +33,10 @@ const resolveMessageTimestamps = (getThemeProperty, timestampEnabled) => {
 };
 exports.resolveMessageTimestamps = resolveMessageTimestamps;
 const MessageTimestamp = ({ timestamp, style, sentBy, }) => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
     const isSentByUser = sentBy === index_types_1.SENDERS.user;
     const isSentByAgent = sentBy === index_types_1.SENDERS.agent;
-    const BotMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, undefined);
+    const BotMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImage);
     const AgentMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.agentMessageImage, BotMessageImage);
     const timestampsWithImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsWithImage);
     return ((0, jsx_runtime_1.jsxs)(styles_1.TimestampContainer, Object.assign({ className: `botonic-timestamp-container ${sentBy}`, isSentByUser: isSentByUser }, { children: [timestampsWithImage && BotMessageImage && !isSentByUser && ((0, jsx_runtime_1.jsx)("img", { src: (0, util_1.resolveImage)(isSentByAgent ? AgentMessageImage : BotMessageImage) })), (0, jsx_runtime_1.jsx)(styles_1.TimestampText, Object.assign({ isSentByUser: isSentByUser, style: style }, { children: timestamp }))] })));

package/lib/cjs/components/message/timestamps.js.map

@@ -1 +1 @@
-{"version":3,"file":"timestamps.js","sourceRoot":"","sources":["../../../../src/components/message/timestamps.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,mDAA2C;AAC3C,qCAAyC;AACzC,qCAA4D;AAErD,MAAM,wBAAwB,GAAG,CACtC,gBAAgB,EAChB,gBAAgB,EAChB,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,aAAa;YACb,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,wBAAwB,4BAqCpC;AAQM,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,qBAAO,CAAC,KAAK,CAAA;IAE9C,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,SAAS,CACV,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,OAAO,CACL,wBAAC,2BAAkB,kBACjB,SAAS,EAAE,+BAA+B,MAAM,EAAE,EAClD,YAAY,EAAE,YAAY,iBAEzB,mBAAmB,IAAI,eAAe,IAAI,CAAC,YAAY,IAAI,CAC1D,gCACE,GAAG,EAAE,IAAA,mBAAY,EACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,CACH,EACD,uBAAC,sBAAa,kBAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,gBACpD,SAAS,IACI,KACG,CACtB,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,gBAAgB,oBAyC5B"}
+{"version":3,"file":"timestamps.js","sourceRoot":"","sources":["../../../../src/components/message/timestamps.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,mDAA2C;AAC3C,qCAAyC;AACzC,mDAAsD;AACtD,qCAA4D;AAErD,MAAM,wBAAwB,GAAG,CACtC,gBAAgB,EAChB,gBAAgB,EAChB,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,aAAa;YACb,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,wBAAwB,4BAqCpC;AAQM,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,qBAAO,CAAC,KAAK,CAAA;IAE9C,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,CAC1C,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,OAAO,CACL,wBAAC,2BAAkB,kBACjB,SAAS,EAAE,+BAA+B,MAAM,EAAE,EAClD,YAAY,EAAE,YAAY,iBAEzB,mBAAmB,IAAI,eAAe,IAAI,CAAC,YAAY,IAAI,CAC1D,gCACE,GAAG,EAAE,IAAA,mBAAY,EACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,CACH,EACD,uBAAC,sBAAa,kBAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,gBACpD,SAAS,IACI,KACG,CACtB,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,gBAAgB,oBAwC5B"}

package/lib/cjs/components/multichannel/index-types.d.ts

@@ -19,10 +19,6 @@ export interface MultichannelTextProps extends MultichannelViewOptions {
 }
 export interface MultichannelCarouselProps extends MultichannelViewOptions {
     enableURL?: boolean;
-    indexMode?: IndexMode;
-    showTitle?: boolean;
-    showSubtitle?: boolean;
-    buttonsAsText?: boolean;
 }
 export interface MultichannelButtonProps {
     newline?: string;

package/lib/cjs/components/multichannel/multichannel-button.d.ts

@@ -1 +1 @@
-export function MultichannelButton(props: any): string | JSX.Element;
+export function MultichannelButton(props: any): string | import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/multichannel/multichannel-button.js

@@ -7,9 +7,9 @@ const core_1 = require("@botonic/core");
 const react_1 = tslib_1.__importStar(require("react"));
 const contexts_1 = require("../../contexts");
 const util_1 = require("../../util");
-const button_1 = require("../button");
+const index_1 = require("../button/index");
 const multichannel_context_1 = require("./multichannel-context");
-const multichannel_utils_1 = require("./multichannel-utils");
+const constants_1 = require("./whatsapp/constants");
 const MultichannelButton = props => {
     var _a;
     const requestContext = (0, react_1.useContext)(contexts_1.RequestContext);
@@ -62,11 +62,11 @@ const MultichannelButton = props => {
                 return `${text}`;
             }
             else if (hasWebview())
-                return (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: getText() }));
+                return (0, jsx_runtime_1.jsx)(index_1.Button, Object.assign({}, props, { children: getText() }));
         }
-        return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: (0, util_1.truncateText)(props.children, multichannel_utils_1.WHATSAPP_MAX_BUTTON_CHARS) })));
+        return ((0, jsx_runtime_1.jsx)(index_1.Button, Object.assign({}, props, { children: (0, util_1.truncateText)(props.children, constants_1.WHATSAPP_MAX_BUTTON_CHARS) })));
     }
-    return (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: props.children }));
+    return (0, jsx_runtime_1.jsx)(index_1.Button, Object.assign({}, props, { children: props.children }));
 };
 exports.MultichannelButton = MultichannelButton;
 //# sourceMappingURL=multichannel-button.js.map

package/lib/cjs/components/multichannel/multichannel-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/multichannel/multichannel-carousel.d.ts

@@ -1 +1 @@
-export function MultichannelCarousel(props: any): any;
+export function MultichannelCarousel(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/multichannel/multichannel-carousel.js

@@ -6,74 +6,71 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@botonic/core");
 const react_1 = tslib_1.__importStar(require("react"));
 const contexts_1 = require("../../contexts");
+const index_1 = require("../button/index");
 const carousel_1 = require("../carousel");
-const multichannel_text_1 = require("./multichannel-text");
+const image_1 = require("../image");
+const text_1 = require("../text");
+const whatsapp_cta_url_button_1 = require("../whatsapp-cta-url-button");
 const multichannel_utils_1 = require("./multichannel-utils");
+const markdown_meta_1 = require("./whatsapp/markdown-meta");
 const MultichannelCarousel = props => {
     const requestContext = (0, react_1.useContext)(contexts_1.RequestContext);
-    const getButtons = node => [].concat((0, multichannel_utils_1.getFilteredElements)(node, multichannel_utils_1.isMultichannelButton));
-    if ((0, core_1.isWhatsapp)(requestContext.session)) {
-        const elements = props.children
-            .map(e => e.props.children)
-            .map((element, i) => {
-            let imageProps = undefined;
-            let title = undefined;
-            let subtitle = undefined;
-            const buttons = [];
-            for (const node of element) {
-                if ((0, multichannel_utils_1.isNodeKind)(node, 'Pic')) {
-                    imageProps = node.props;
-                }
-                if ((0, multichannel_utils_1.isNodeKind)(node, 'Title')) {
-                    title = node.props.children;
-                }
-                if ((0, multichannel_utils_1.isNodeKind)(node, 'Subtitle')) {
-                    subtitle = node.props.children;
-                }
-                if ((0, multichannel_utils_1.isNodeKind)(node, 'MultichannelButton')) {
-                    buttons.push(node);
-                }
-                //TODO support fragment containing an array
-                if (Array.isArray(node)) {
-                    buttons.push(getButtons(node));
-                }
-            }
-            let header = '';
-            if (props.showTitle && title) {
-                header += `${title ? `**${title}**` : ''}`;
-                if (title && subtitle) {
-                    header += ' ';
-                }
-            }
-            if (props.showSubtitle && subtitle) {
-                header += `_${subtitle}_`;
-            }
-            return (
-            // TODO: newkey only for 1 nested button
-            (0, jsx_runtime_1.jsxs)(multichannel_text_1.MultichannelText, Object.assign({ newkey: i, indexMode: props.indexMode, buttonsAsText: props.buttonsAsText }, { children: [header || null, buttons] }), i));
-            // TODO: in the future, this would be the default mode
-            // } else {
-            // return (
-            //   <React.Fragment key={i}>
-            //     <Image
-            //       src={imageSrc}
-            //       caption={carouselToCaption(
-            //         i + 1,
-            //         title,
-            //         subtitle,
-            //         imageSrc,
-            //         buttonProps
-            //       )}
-            //     ></Image>
-            //   </React.Fragment>
-            // )
-            // }
-        });
-        return elements;
-    }
-    else {
+    if ((0, core_1.isDev)(requestContext.session) || (0, core_1.isWebchat)(requestContext.session)) {
         return (0, jsx_runtime_1.jsx)(carousel_1.Carousel, Object.assign({}, props, { children: props.children }));
     }
+    const messages = [];
+    const childrenElements = props.children.map(e => e.props.children);
+    childrenElements.forEach((element, i) => {
+        const { imageProps, title, subtitle, buttons } = parseCarouselElement(element);
+        const textMessage = getTextMessage(requestContext.session, title, subtitle);
+        if (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) {
+            const messageWithImage = (0, jsx_runtime_1.jsx)(image_1.Image, { src: imageProps.src });
+            messages.push(messageWithImage);
+        }
+        if ((0, core_1.isWhatsapp)(requestContext.session) &&
+            buttons.some(button => button.url)) {
+            const messageWithButtonUrl = ((0, jsx_runtime_1.jsx)(whatsapp_cta_url_button_1.WhatsappCTAUrlButton, { body: title, footer: `_${subtitle}_`, displayText: buttons[0].text, url: buttons[0].url }, `carousel-element-${i}-cta-url`));
+            messages.push(messageWithButtonUrl);
+        }
+        const messageWithButtons = buttons.some(button => button.payload) ? ((0, jsx_runtime_1.jsxs)(text_1.Text, { children: [textMessage, buttons
+                    .filter(button => (0, core_1.isWhatsapp)(requestContext.session) && !button.url)
+                    .map(button => ((0, jsx_runtime_1.jsx)(index_1.Button, Object.assign({ payload: button.payload, url: button.url }, { children: button.text }), `carousel-element-${i}-button`)))] }, `carousel-element-${i}-text`)) : ([]);
+        messages.push(messageWithButtons);
+    });
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messages });
 };
 exports.MultichannelCarousel = MultichannelCarousel;
+function getButtons(node) {
+    return [].concat((0, multichannel_utils_1.getFilteredElements)(node, multichannel_utils_1.isMultichannelButton));
+}
+function parseCarouselElement(element) {
+    let imageProps, title, subtitle;
+    const buttonsChildren = [];
+    for (const node of element) {
+        if ((0, multichannel_utils_1.isNodePic)(node))
+            imageProps = node.props;
+        if ((0, multichannel_utils_1.isNodeTitle)(node))
+            title = node.props.children;
+        if ((0, multichannel_utils_1.isNodeSubtitle)(node))
+            subtitle = node.props.children;
+        if ((0, multichannel_utils_1.isMultichannelButton)(node))
+            buttonsChildren.push(node);
+        if (Array.isArray(node))
+            buttonsChildren.push(...getButtons(node));
+    }
+    const buttons = buttonsChildren.map(button => {
+        return {
+            text: button.props.children,
+            payload: button.props.payload,
+            url: button.props.url,
+        };
+    });
+    return { imageProps, title, subtitle, buttons };
+}
+function getTextMessage(session, title, subtitle) {
+    const formattedTextMessage = `**${title}**${subtitle ? ` _${subtitle}_` : ''}`;
+    return (0, core_1.isWhatsapp)(session) || (0, core_1.isFacebook)(session)
+        ? (0, markdown_meta_1.convertToMarkdownMeta)(formattedTextMessage)
+        : formattedTextMessage;
+}
 //# sourceMappingURL=multichannel-carousel.js.map

package/lib/cjs/components/multichannel/multichannel-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":";;;;;AAAA,wCAA0C;AAC1C,uDAAyC;AAEzC,6CAA+C;AAC/C,0CAAsC;AACtC,2DAAsD;AACtD,6DAI6B;AAEtB,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEjD,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CACxB,EAAE,CAAC,MAAM,CAAC,IAAA,wCAAmB,EAAC,IAAI,EAAE,yCAAoB,CAAC,CAAC,CAAA;IAE5D,IAAI,IAAA,iBAAU,EAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ;aAC5B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC1B,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YAClB,IAAI,UAAU,GAAG,SAAS,CAAA;YAC1B,IAAI,KAAK,GAAG,SAAS,CAAA;YACrB,IAAI,QAAQ,GAAG,SAAS,CAAA;YACxB,MAAM,OAAO,GAAG,EAAE,CAAA;YAElB,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;gBAC1B,IAAI,IAAA,+BAAU,EAAC,IAAI,EAAE,KAAK,CAAC,EAAE;oBAC3B,UAAU,GAAG,IAAI,CAAC,KAAK,CAAA;iBACxB;gBACD,IAAI,IAAA,+BAAU,EAAC,IAAI,EAAE,OAAO,CAAC,EAAE;oBAC7B,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;iBAC5B;gBACD,IAAI,IAAA,+BAAU,EAAC,IAAI,EAAE,UAAU,CAAC,EAAE;oBAChC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;iBAC/B;gBAED,IAAI,IAAA,+BAAU,EAAC,IAAI,EAAE,oBAAoB,CAAC,EAAE;oBAC1C,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;iBACnB;gBACD,2CAA2C;gBAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACvB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC/B;aACF;YAED,IAAI,MAAM,GAAG,EAAE,CAAA;YACf,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,EAAE;gBAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;gBAC1C,IAAI,KAAK,IAAI,QAAQ,EAAE;oBACrB,MAAM,IAAI,GAAG,CAAA;iBACd;aACF;YACD,IAAI,KAAK,CAAC,YAAY,IAAI,QAAQ,EAAE;gBAClC,MAAM,IAAI,IAAI,QAAQ,GAAG,CAAA;aAC1B;YAED,OAAO;YACL,wCAAwC;YACxC,wBAAC,oCAAgB,kBAEf,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,iBAEjC,MAAM,IAAI,IAAI,EACd,OAAO,MANH,CAAC,CAOW,CACpB,CAAA;YAED,sDAAsD;YACtD,WAAW;YACX,WAAW;YACX,6BAA6B;YAC7B,aAAa;YACb,uBAAuB;YACvB,oCAAoC;YACpC,iBAAiB;YACjB,iBAAiB;YACjB,oBAAoB;YACpB,oBAAoB;YACpB,sBAAsB;YACtB,WAAW;YACX,gBAAgB;YAChB,sBAAsB;YACtB,IAAI;YACJ,IAAI;QACN,CAAC,CAAC,CAAA;QACJ,OAAO,QAAQ,CAAA;KAChB;SAAM;QACL,OAAO,uBAAC,mBAAQ,oBAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAY,CAAA;KACxD;AACH,CAAC,CAAA;AAjFY,QAAA,oBAAoB,wBAiFhC"}
+{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/multichannel/multichannel-context.d.ts

@@ -1,8 +1,5 @@
 export const MultichannelContext: React.Context<{
     boldIndex: boolean;
-    carousel: {
-        indexMode: undefined;
-    };
     text: {
         indexMode: string;
     };

package/lib/cjs/components/multichannel/multichannel-context.js

@@ -5,9 +5,6 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 exports.MultichannelContext = react_1.default.createContext({
     boldIndex: true,
-    carousel: {
-        indexMode: undefined,
-    },
     text: {
         indexMode: 'letter',
     },

package/lib/cjs/components/multichannel/multichannel-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"multichannel-context.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-context.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEZ,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAC;IACrD,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACR,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE,GAAG;CACpB,CAAC,CAAA"}
+{"version":3,"file":"multichannel-context.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-context.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEZ,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAC;IACrD,SAAS,EAAE,IAAI;IACf,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE,GAAG;CACpB,CAAC,CAAA"}

package/lib/cjs/components/multichannel/multichannel-reply.d.ts

@@ -1 +1 @@
-export function MultichannelReply(props: any): string | JSX.Element | null;
+export function MultichannelReply(props: any): string | import("react/jsx-runtime").JSX.Element | null;

package/lib/cjs/components/multichannel/multichannel-text.d.ts

@@ -1 +1 @@
-export function MultichannelText(props: any): never[] | JSX.Element;
+export function MultichannelText(props: any): never[] | import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/multichannel/multichannel-text.js

@@ -12,6 +12,7 @@ const facebook_1 = require("./facebook/facebook");
 const multichannel_button_1 = require("./multichannel-button");
 const multichannel_context_1 = require("./multichannel-context");
 const multichannel_utils_1 = require("./multichannel-utils");
+const constants_1 = require("./whatsapp/constants");
 const markdown_meta_1 = require("./whatsapp/markdown-meta");
 const MultichannelText = props => {
     var _a;
@@ -74,8 +75,8 @@ const MultichannelText = props => {
     };
     const splitInWhatsappListButtons = postbackButtons => {
         const messages = [];
-        for (let i = 0; i < postbackButtons.length; i += multichannel_utils_1.WHATSAPP_LIST_MAX_BUTTONS) {
-            messages.push(postbackButtons.slice(i, i + multichannel_utils_1.WHATSAPP_LIST_MAX_BUTTONS));
+        for (let i = 0; i < postbackButtons.length; i += constants_1.WHATSAPP_LIST_MAX_BUTTONS) {
+            messages.push(postbackButtons.slice(i, i + constants_1.WHATSAPP_LIST_MAX_BUTTONS));
         }
         return messages;
     };
@@ -87,15 +88,15 @@ const MultichannelText = props => {
             return (props.newline || '') + textWithMarkdown;
         });
         const webviewButtonElements = webviewButtons.map(regenerateMultichannelButtons(false));
-        const buttonsTextSeparator = props.buttonsTextSeparator || multichannel_utils_1.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR;
-        const exceedWhatsAppMaxButtonNumber = !postbackButtonsAsText && postbackButtons.length > multichannel_utils_1.WHATSAPP_MAX_BUTTONS;
+        const buttonsTextSeparator = props.buttonsTextSeparator || constants_1.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR;
+        const exceedWhatsAppMaxButtonNumber = !postbackButtonsAsText && postbackButtons.length > constants_1.WHATSAPP_MAX_BUTTONS;
         if (exceedWhatsAppMaxButtonNumber) {
-            const menuButtonTextWhatsappList = props.menuButtonTextWhatsappList || multichannel_utils_1.MENU_BUTTON_WHATSAPP_BUTTON_LIST;
+            const menuButtonTextWhatsappList = props.menuButtonTextWhatsappList || constants_1.MENU_BUTTON_WHATSAPP_BUTTON_LIST;
             const urlButtonElements = urlButtons.map(regenerateMultichannelButtons(!!texts.length));
             const postbackButtonElements = postbackButtons.map(regenerateMultichannelButtons(!!texts.length || !!urlButtons.length));
             const messagesPostbackButtonList = splitInWhatsappListButtons(postbackButtonElements);
             const messages = messagesPostbackButtonList.map((postbackButtons, index) => {
-                if (postbackButtons.length <= multichannel_utils_1.WHATSAPP_MAX_BUTTONS) {
+                if (postbackButtons.length <= constants_1.WHATSAPP_MAX_BUTTONS) {
                     return {
                         type: core_1.INPUT.TEXT,
                         children: [...buttonsTextSeparator, ...postbackButtons],
@@ -110,22 +111,22 @@ const MultichannelText = props => {
                     };
                     return row;
                 });
-                const whatsbuttonlistProps = {
+                const whatsAppButtonListProps = {
                     body: index === 0 ? texts.join('') : buttonsTextSeparator,
                     button: menuButtonTextWhatsappList,
                     sections: [{ rows }],
                 };
                 return {
                     type: core_1.INPUT.WHATSAPP_BUTTON_LIST,
-                    props: whatsbuttonlistProps,
+                    props: whatsAppButtonListProps,
                 };
             });
-            const messageWithUrlButtonElements = ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, multichannel_utils_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: urlButtonElements }), `msg-with-url-button`));
-            const messageWithWebviewButtonElements = ((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, multichannel_utils_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: [buttonsTextSeparator, webviewButtonElements] }), `msg-with-webview-button`));
+            const messageWithUrlButtonElements = ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: urlButtonElements }), `msg-with-url-button`));
+            const messageWithWebviewButtonElements = ((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: [buttonsTextSeparator, webviewButtonElements] }), `msg-with-webview-button`));
             return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [messages.map((message, i) => {
                         if (message.type === core_1.INPUT.WHATSAPP_BUTTON_LIST)
                             return ((0, jsx_runtime_1.jsx)(__1.WhatsappButtonList, Object.assign({}, message.props), `msg-${i}-whatsapp-list`));
-                        return ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, multichannel_utils_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: message.children }), `msg-${i}-with-postback-buttons`));
+                        return ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: message.children }), `msg-${i}-with-postback-buttons`));
                     }), urlButtonElements.length > 0 && messageWithUrlButtonElements, webviewButtonElements.length > 0 && messageWithWebviewButtonElements] }));
         }
         multichannelContext.currentIndex = getDefaultIndex();
@@ -133,21 +134,24 @@ const MultichannelText = props => {
         const urlButtonElements = urlButtons.map(regenerateMultichannelButtons(!!texts.length || !!postbackButtons.length));
         elements = [].concat([...textElements], [...postbackButtonElements], [...urlButtonElements]);
         if (postbackButtonElements.length === 0) {
+            // Use texts[0] instead of textElements[0] as a body to avoid apply the markdownMeta function twice.
+            // If the markdownMeta function is applied twice, bold is replaced by italics.
+            const body = texts[0] || '';
             if (urlButtonElements.length === 1) {
-                return ((0, jsx_runtime_1.jsx)(__1.WhatsappCTAUrlButton, { body: textElements[0], displayText: urlButtonElements[0].props.children, url: urlButtonElements[0].props.url }));
+                return ((0, jsx_runtime_1.jsx)(__1.WhatsappCTAUrlButton, { body: body, displayText: urlButtonElements[0].props.children, url: urlButtonElements[0].props.url }));
             }
             if (webviewButtonElements.length === 1) {
-                return ((0, jsx_runtime_1.jsx)(__1.WhatsappCTAUrlButton, { body: textElements[0], displayText: webviewButtonElements[0].props.children, webview: webviewButtonElements[0].props.webview, params: webviewButtonElements[0].props.params }));
+                return ((0, jsx_runtime_1.jsx)(__1.WhatsappCTAUrlButton, { body: body, displayText: webviewButtonElements[0].props.children, webview: webviewButtonElements[0].props.webview, params: webviewButtonElements[0].props.params }));
             }
         }
         if (multichannelContext.messageSeparator != null) {
             return elements;
         }
         const messages = [
-            (0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, multichannel_utils_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: elements }), 0),
+            (0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: elements }), 0),
         ];
         if (webviewButtonElements.length) {
-            messages.push((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, multichannel_utils_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: [buttonsTextSeparator, webviewButtonElements] }), 1));
+            messages.push((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: [buttonsTextSeparator, webviewButtonElements] }), 1));
         }
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messages });
     }