@botonic/react 0.42.0-alpha.1 → 0.42.0-alpha.4

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

@@ -20,6 +20,7 @@ export interface TextProps extends MessageProps {
 }
 export interface CarouselProps extends MessageProps {
     children: React.ReactNode[];
+    text?: string;
 }
 export interface Webview {
     name: string;

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

@@ -23,6 +23,7 @@ export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from
 export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
 export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
 export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
+export { WhatsappInteractiveMediaCarousel, WhatsappInteractiveMediaCarouselProps, } from './whatsapp-interactive-media-carousel';
 export { 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.WhatsappCTAUrlHeaderType = exports.WhatsappCTAUrlButton = exports.WhatsappCatalog = exports.WhatsappButtonList = exports.WebchatSettings = exports.normalizeWebchatSettings = exports.Video = exports.Title = exports.Text = exports.Subtitle = exports.ShareButton = exports.Reply = exports.Raw = exports.Pic = exports.MessageTemplate = exports.Message = exports.Location = exports.Image = exports.Handoff = exports.Element = exports.Document = exports.customMessage = exports.Carousel = exports.Button = exports.Audio = void 0;
+exports.WhatsappTemplate = exports.WhatsappProductList = exports.WhatsappProductCarousel = exports.WhatsappProduct = exports.WhatsappMediaCarousel = exports.WhatsappInteractiveMediaCarousel = exports.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; } });
@@ -52,6 +52,8 @@ Object.defineProperty(exports, "WhatsappCatalog", { enumerable: true, get: funct
 var whatsapp_cta_url_button_1 = require("./whatsapp-cta-url-button");
 Object.defineProperty(exports, "WhatsappCTAUrlButton", { enumerable: true, get: function () { return whatsapp_cta_url_button_1.WhatsappCTAUrlButton; } });
 Object.defineProperty(exports, "WhatsappCTAUrlHeaderType", { enumerable: true, get: function () { return whatsapp_cta_url_button_1.WhatsappCTAUrlHeaderType; } });
+var whatsapp_interactive_media_carousel_1 = require("./whatsapp-interactive-media-carousel");
+Object.defineProperty(exports, "WhatsappInteractiveMediaCarousel", { enumerable: true, get: function () { return whatsapp_interactive_media_carousel_1.WhatsappInteractiveMediaCarousel; } });
 var whatsapp_media_carousel_1 = require("./whatsapp-media-carousel");
 Object.defineProperty(exports, "WhatsappMediaCarousel", { enumerable: true, get: function () { return whatsapp_media_carousel_1.WhatsappMediaCarousel; } });
 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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wCAAuC;AAA9B,+FAAA,MAAM,OAAA;AACf,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,mDAAgD;AAAvC,+GAAA,aAAa,OAAA;AACtB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wDAA6B;AAC7B,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAA8B;AAC9B,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,uDAI2B;AAHzB,4HAAA,wBAAwB,OAAA;AACxB,mHAAA,eAAe,OAAA;AAGjB,+DAK+B;AAJ7B,0HAAA,kBAAkB,OAAA;AAKpB,uDAA0E;AAAjE,mHAAA,eAAe,OAAA;AACxB,qEAIkC;AAHhC,+HAAA,oBAAoB,OAAA;AAEpB,mIAAA,wBAAwB,OAAA;AAE1B,6FAG8C;AAF5C,uJAAA,gCAAgC,OAAA;AAGlC,qEAGkC;AAFhC,gIAAA,qBAAqB,OAAA;AAGvB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yEAGoC;AAFlC,oIAAA,uBAAuB,OAAA;AAGzB,iEAKgC;AAH9B,4HAAA,mBAAmB,OAAA;AAIrB,yDAAsD;AAA7C,qHAAA,gBAAgB,OAAA"}

package/lib/cjs/components/multichannel/whatsapp/constants.d.ts

@@ -6,6 +6,7 @@ export declare const WHATSAPP_LIST_MAX_BUTTONS = 10;
 export declare const WHATSAPP_MAX_BUTTON_CHARS = 20;
 export declare const WHATSAPP_MAX_HEADER_CHARS = 60;
 export declare const WHATSAPP_MAX_BODY_CHARS = 1024;
+export declare const WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160;
 export declare const WHATSAPP_MAX_FOOTER_CHARS = 60;
 export declare const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = "More options:";
 export declare const MENU_BUTTON_WHATSAPP_BUTTON_LIST = "Show options";

package/lib/cjs/components/multichannel/whatsapp/constants.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = exports.WHATSAPP_MAX_FOOTER_CHARS = exports.WHATSAPP_MAX_BODY_CHARS = exports.WHATSAPP_MAX_HEADER_CHARS = exports.WHATSAPP_MAX_BUTTON_CHARS = exports.WHATSAPP_LIST_MAX_BUTTONS = exports.WHATSAPP_MAX_BUTTONS = exports.MULTICHANNEL_WHATSAPP_PROPS = void 0;
+exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = exports.WHATSAPP_MAX_FOOTER_CHARS = exports.WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = exports.WHATSAPP_MAX_BODY_CHARS = exports.WHATSAPP_MAX_HEADER_CHARS = exports.WHATSAPP_MAX_BUTTON_CHARS = exports.WHATSAPP_LIST_MAX_BUTTONS = exports.WHATSAPP_MAX_BUTTONS = exports.MULTICHANNEL_WHATSAPP_PROPS = void 0;
 exports.MULTICHANNEL_WHATSAPP_PROPS = { markdown: false };
 exports.WHATSAPP_MAX_BUTTONS = 3;
 exports.WHATSAPP_LIST_MAX_BUTTONS = 10;
 exports.WHATSAPP_MAX_BUTTON_CHARS = 20;
 exports.WHATSAPP_MAX_HEADER_CHARS = 60;
 exports.WHATSAPP_MAX_BODY_CHARS = 1024;
+exports.WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160;
 exports.WHATSAPP_MAX_FOOTER_CHARS = 60;
 exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
 exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';

package/lib/cjs/components/multichannel/whatsapp/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAEjD,QAAA,oBAAoB,GAAG,CAAC,CAAA;AACxB,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,uBAAuB,GAAG,IAAI,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,qCAAqC,GAAG,eAAe,CAAA;AACvD,QAAA,gCAAgC,GAAG,cAAc,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAEjD,QAAA,oBAAoB,GAAG,CAAC,CAAA;AACxB,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,uBAAuB,GAAG,IAAI,CAAA;AAC9B,QAAA,qCAAqC,GAAG,GAAG,CAAA;AAC3C,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,qCAAqC,GAAG,eAAe,CAAA;AACvD,QAAA,gCAAgC,GAAG,cAAc,CAAA"}

package/lib/cjs/components/system-debug-trace/events/ai-agent.js

@@ -43,7 +43,7 @@ const AiAgent = (props) => {
             previewUtils.onClickOpenChunks(chunksWithSources);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [query && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.QUERY }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugValue, { children: ["\"", query, "\""] })] })), (0, jsx_runtime_1.jsx)(components_1.SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: constants_1.LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugItemWithIcon, { children: [(0, jsx_runtime_1.jsx)(icons_1.ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.NO_TOOLS_EXECUTED }) })), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, Object.assign({ "$isLastItem": props.exit && !props.error }, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXIT }) }))), props.error && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, Object.assign({ "$isLastItem": props.exit && props.error }, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.ERROR }) })))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [query && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.QUERY }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugValue, { children: ["\"", query, "\""] })] })), (0, jsx_runtime_1.jsx)(components_1.SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: constants_1.LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugItemWithIcon, { children: [(0, jsx_runtime_1.jsx)(icons_1.ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.NO_TOOLS_EXECUTED }) })), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXIT }) })), props.error && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.ERROR }) }))] }));
 };
 exports.AiAgent = AiAgent;
 const getAiAgentEventConfig = (data) => {

package/lib/cjs/components/system-debug-trace/events/ai-agent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/ai-agent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-agent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/ai-agent.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/system-debug-trace/events/conditional-queue-status.js

@@ -7,7 +7,8 @@ const split_1 = require("../icons/split");
 const getConditionalQueueStatusEventConfig = (data) => {
     const queueStatus = data.is_queue_open ? 'Open' : 'Closed';
     const agentStatus = data.is_available_agent ? 'Available' : 'Unavailable';
-    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Queue status checked", ' ', (0, jsx_runtime_1.jsxs)("span", { children: ["- ", queueStatus, " (Agent ", agentStatus, ")"] })] }));
+    const statusText = `${queueStatus}${queueStatus === 'Open' ? ` (Agent ${agentStatus})` : ''}`;
+    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Queue status checked", ' ', (0, jsx_runtime_1.jsxs)("span", { children: ["- ", statusText, " ( Queue: ", data.queue_name, ")"] })] }));
     return {
         action: core_1.EventAction.ConditionalQueueStatus,
         title,

package/lib/cjs/components/system-debug-trace/events/conditional-queue-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditional-queue-status.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/conditional-queue-status.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAG3C,0CAAyC;AAWlC,MAAM,oCAAoC,GAAG,CAClD,IAAsC,EACpB,EAAE;IACpB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC1D,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAA;IAEzE,MAAM,KAAK,GAAG,CACZ,qFACuB,GAAG,EACxB,mDACK,WAAW,cAAU,WAAW,SAC9B,IACN,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,sBAAsB;QAC1C,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,uBAAC,gBAAQ,KAAG;QAClB,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,oCAAoC,wCAsBhD"}
+{"version":3,"file":"conditional-queue-status.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/conditional-queue-status.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAG3C,0CAAyC;AAWlC,MAAM,oCAAoC,GAAG,CAClD,IAAsC,EACpB,EAAE;IACpB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC1D,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAA;IACzE,MAAM,UAAU,GAAG,GAAG,WAAW,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAE7F,MAAM,KAAK,GAAG,CACZ,qFACuB,GAAG,EACxB,mDACK,UAAU,gBAAY,IAAI,CAAC,UAAU,SACnC,IACN,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,sBAAsB;QAC1C,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,uBAAC,gBAAQ,KAAG;QAClB,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,oCAAoC,wCAuBhD"}

package/lib/cjs/components/system-debug-trace/styles.d.ts

@@ -4,10 +4,7 @@ export declare const StyledDebugArrow: import("styled-components").StyledCompone
 export declare const StyledDebugIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-interface StyledDebugDetailProps {
-    $isLastItem?: boolean;
-}
-export declare const StyledDebugDetail: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDebugDetailProps, never>;
+export declare const StyledDebugDetail: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugLabel: import("styled-components").StyledComponent<"strong", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugItemWithIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/lib/cjs/components/system-debug-trace/styles.js

@@ -98,7 +98,6 @@ exports.StyledDebugDetail = styled_components_1.default.div `
   flex-direction: column;
   gap: 4px;
   padding: 0 28px;
-  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
   line-height: 1.5;
   width: 100%;
   min-width: 0;
@@ -190,7 +189,7 @@ exports.StyledSeeChunksButton = styled_components_1.default.button `
   width: fit-content;
 
   &:hover {
-    background-color: ${constants_1.COLORS.N200};
+    background-color: ${constants_1.COLORS.N100};
   }
 `;
 exports.StyledGuardrailItem = styled_components_1.default.div `
@@ -217,6 +216,7 @@ exports.StyledDebugContentWrapper = styled_components_1.default.div `
   width: 100%;
   min-width: 0;
   overflow: hidden;
+  margin-bottom: 8px;
 
   /* Create line from first label to last label */
   &::before {

package/lib/cjs/components/system-debug-trace/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOxB,kBAAM,CAAC,WAAW;;;;;;;;;;;;;0BAad,kBAAM,CAAC,GAAG;;;CAGnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;CAY1C,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAazC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;WAOhC,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAIY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAwB;;;;;mBAKhD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;;CAMlE,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG/B,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;0BAGnB,kBAAM,CAAC,IAAI;WAC1B,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;wBAoB1B,kBAAM,CAAC,IAAI;;CAElC,CAAA;AAIY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;;mBAKpD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;WAGxD,kBAAM,CAAC,IAAI;;;;;;;CAOrB,CAAA;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;wBAe3B,kBAAM,CAAC,IAAI;;;;;;;;;0BAST,kBAAM,CAAC,IAAI;;;CAGpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,yBAAiB,CAAC,CAAA;;;;;;;CAO7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;;aAWT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOxB,kBAAM,CAAC,WAAW;;;;;;;;;;;;;0BAad,kBAAM,CAAC,GAAG;;;CAGnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;CAY1C,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAazC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;WAOhC,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAU1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG/B,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;0BAGnB,kBAAM,CAAC,IAAI;WAC1B,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;wBAoB1B,kBAAM,CAAC,IAAI;;CAElC,CAAA;AAIY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;;mBAKpD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;WAGxD,kBAAM,CAAC,IAAI;;;;;;;CAOrB,CAAA;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;wBAgB3B,kBAAM,CAAC,IAAI;;;;;;;;;0BAST,kBAAM,CAAC,IAAI;;;CAGpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,yBAAiB,CAAC,CAAA;;;;;;;CAO7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;;aAWT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}

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

@@ -0,0 +1,15 @@
+interface ActionCard {
+    buttonText: string;
+    buttonUrl: string;
+    imageLink: string;
+}
+interface Card {
+    text: string;
+    action: ActionCard;
+}
+export interface WhatsappInteractiveMediaCarouselProps {
+    cards: Card[];
+    textMessage: string;
+}
+export declare const WhatsappInteractiveMediaCarousel: (props: WhatsappInteractiveMediaCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-interactive-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"names":[],"mappings":";;;;AAEA,kCAAsC;AACtC,qCAAiC;AACjC,yCAAqC;AACrC,uCAAmC;AACnC,iEAI0C;AAC1C,+BAA2B;AAC3B,mCAA+B;AAkB/B;;EAEE;AACK,MAAM,gCAAgC,GAAG,CAC9C,KAA4C,EAC5C,EAAE;IACF,OAAO,CACL,uBAAC,mBAAQ,kBAAC,IAAI,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,mCAAuB,CAAC,gBACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,wBAAC,iBAAO,eACN,uBAAC,SAAG,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAI,EACnC,uBAAC,aAAK,cACH,IAAA,mBAAY,EAAC,IAAI,CAAC,IAAI,EAAE,iDAAqC,CAAC,GACzD,EACR,uBAAC,eAAM,kBAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,gBAC/B,IAAA,mBAAY,EAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,qCAAyB,CAAC,IACzD,KAPG,KAAK,CAQT,CACX,CAAC,IACO,CACZ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,gCAAgC,oCAkB5C"}

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

@@ -9,6 +9,9 @@ const message_1 = require("./message");
 const serialize = (message) => {
     return { text: message };
 };
+/*
+  Reference: https://developers.facebook.com/docs/whatsapp/business-management-api/message-templates/media-card-carousel-templates
+*/
 const WhatsappMediaCarousel = (props) => {
     const renderBrowser = () => {
         // Return a dummy message for browser

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

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAsDnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,oDAAoD,CAAA;QACpE,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;YACD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;oBACvB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;iBAC3B;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,IAAA,4BAAe,EAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,YAAK,CAAC,uBAAuB,IACnC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxCY,QAAA,qBAAqB,yBAwCjC"}
+{"version":3,"file":"whatsapp-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,mDAAoD;AACpD,yCAA+C;AAC/C,uCAAmC;AAsDnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAED;;EAEE;AACK,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,oDAAoD,CAAA;QACpE,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;YACD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;oBACvB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;iBAC3B;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,IAAA,4BAAe,EAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAA,4BAAe,EAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,YAAK,CAAC,uBAAuB,IACnC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxCY,QAAA,qBAAqB,yBAwCjC"}

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

@@ -20,6 +20,7 @@ export interface TextProps extends MessageProps {
 }
 export interface CarouselProps extends MessageProps {
     children: React.ReactNode[];
+    text?: string;
 }
 export interface Webview {
     name: string;

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

@@ -23,6 +23,7 @@ export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from
 export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
 export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
 export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
+export { WhatsappInteractiveMediaCarousel, WhatsappInteractiveMediaCarouselProps, } from './whatsapp-interactive-media-carousel';
 export { WhatsappMediaCarousel, WhatsappMediaCarouselProps, } from './whatsapp-media-carousel';
 export { WhatsappProduct } from './whatsapp-product';
 export { WhatsappProductCarousel, WhatsappProductCarouselProps, } from './whatsapp-product-carousel';

package/lib/esm/components/index.js

@@ -23,6 +23,7 @@ export { normalizeWebchatSettings, WebchatSettings, } from './webchat-settings';
 export { WhatsappButtonList, } from './whatsapp-button-list';
 export { WhatsappCatalog } from './whatsapp-catalog';
 export { WhatsappCTAUrlButton, WhatsappCTAUrlHeaderType, } from './whatsapp-cta-url-button';
+export { WhatsappInteractiveMediaCarousel, } from './whatsapp-interactive-media-carousel';
 export { 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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACL,wBAAwB,EACxB,eAAe,GAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EACL,oBAAoB,EAEpB,wBAAwB,GACzB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,gCAAgC,GAEjC,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EACL,qBAAqB,GAEtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EACL,uBAAuB,GAExB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,mBAAmB,GAGpB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}

package/lib/esm/components/multichannel/whatsapp/constants.d.ts

@@ -6,6 +6,7 @@ export declare const WHATSAPP_LIST_MAX_BUTTONS = 10;
 export declare const WHATSAPP_MAX_BUTTON_CHARS = 20;
 export declare const WHATSAPP_MAX_HEADER_CHARS = 60;
 export declare const WHATSAPP_MAX_BODY_CHARS = 1024;
+export declare const WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160;
 export declare const WHATSAPP_MAX_FOOTER_CHARS = 60;
 export declare const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = "More options:";
 export declare const MENU_BUTTON_WHATSAPP_BUTTON_LIST = "Show options";

package/lib/esm/components/multichannel/whatsapp/constants.js

@@ -4,6 +4,7 @@ export const WHATSAPP_LIST_MAX_BUTTONS = 10;
 export const WHATSAPP_MAX_BUTTON_CHARS = 20;
 export const WHATSAPP_MAX_HEADER_CHARS = 60;
 export const WHATSAPP_MAX_BODY_CHARS = 1024;
+export const WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160;
 export const WHATSAPP_MAX_FOOTER_CHARS = 60;
 export const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
 export const MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';

package/lib/esm/components/multichannel/whatsapp/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAA;AACrC,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,qCAAqC,GAAG,eAAe,CAAA;AACpE,MAAM,CAAC,MAAM,gCAAgC,GAAG,cAAc,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAA;AACrC,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAA;AAC3C,MAAM,CAAC,MAAM,qCAAqC,GAAG,GAAG,CAAA;AACxD,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,qCAAqC,GAAG,eAAe,CAAA;AACpE,MAAM,CAAC,MAAM,gCAAgC,GAAG,cAAc,CAAA"}

package/lib/esm/components/system-debug-trace/events/ai-agent.js

@@ -40,7 +40,7 @@ export const AiAgent = (props) => {
             previewUtils.onClickOpenChunks(chunksWithSources);
         }
     };
-    return (_jsxs(_Fragment, { children: [query && (_jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.QUERY }), _jsxs(StyledDebugValue, { children: ["\"", query, "\""] })] })), _jsx(SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && (_jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => (_jsxs(StyledDebugItemWithIcon, { children: [_jsx(ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && (_jsx(StyledDebugDetail, { children: _jsx(StyledDebugLabel, { children: LABELS.NO_TOOLS_EXECUTED }) })), _jsx(GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), _jsx(GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && (_jsx(StyledDebugDetail, Object.assign({ "$isLastItem": props.exit && !props.error }, { children: _jsx(StyledDebugLabel, { children: LABELS.EXIT }) }))), props.error && (_jsx(StyledDebugDetail, Object.assign({ "$isLastItem": props.exit && props.error }, { children: _jsx(StyledDebugLabel, { children: LABELS.ERROR }) })))] }));
+    return (_jsxs(_Fragment, { children: [query && (_jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.QUERY }), _jsxs(StyledDebugValue, { children: ["\"", query, "\""] })] })), _jsx(SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && (_jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => (_jsxs(StyledDebugItemWithIcon, { children: [_jsx(ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && (_jsx(StyledDebugDetail, { children: _jsx(StyledDebugLabel, { children: LABELS.NO_TOOLS_EXECUTED }) })), _jsx(GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), _jsx(GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && (_jsx(StyledDebugDetail, { children: _jsx(StyledDebugLabel, { children: LABELS.EXIT }) })), props.error && (_jsx(StyledDebugDetail, { children: _jsx(StyledDebugLabel, { children: LABELS.ERROR }) }))] }));
 };
 export const getAiAgentEventConfig = (data) => {
     const title = (_jsxs(_Fragment, { children: ["AI Agent triggered ", _jsxs("span", { children: ["- ", data.flow_node_content_id] })] }));

package/lib/esm/components/system-debug-trace/events/ai-agent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/ai-agent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-agent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/ai-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,WAAW,CAAA;AAElB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAuBpC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEnD,8DAA8D;IAC9D,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1D,MAAM,aAAa,GAAa,EAAE,CAAA;QAClC,MAAM,YAAY,GAAa,EAAE,CAAA;QACjC,IAAI,KAAyB,CAAA;QAE7B,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;;YAClC,IACE,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK;gBAC1B,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,KAAK,QAAQ,EAC7C;gBACA,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA;aAClC;YACD,IAAI,IAAI,CAAC,yBAAyB,EAAE;gBAClC,aAAa,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAA;aACtD;YACD,IAAI,IAAI,CAAC,wBAAwB,EAAE;gBACjC,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAA;aACpD;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IAE1B,MAAM,EACJ,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,SAAS,EACjB,iBAAiB,EACjB,oBAAoB,GACrB,GAAG,oBAAoB,CAAC;QACvB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,YAAY;QACtB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,yBAAyB,EAAE,KAAK,CAAC,kCAAkC;KACpE,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,EAAE;YACnC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;SAClD;IACH,CAAC,CAAA;IACD,OAAO,CACL,8BACG,KAAK,IAAI,CACR,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,KAAK,GAAoB,EACnD,MAAC,gBAAgB,qBAAQ,KAAK,UAA0B,IACtC,CACrB,EAED,KAAC,cAAc,IACb,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,SAAS,EACjB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,MAAM,CAAC,kBAAkB,GAChC,EAED,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,cAAc,GAAoB,EAC3D,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,MAAC,uBAAuB,eACtB,KAAC,oBAAoB,KAAG,EACvB,IAAI,CAAC,SAAS,KAFa,GAAG,IAAI,CAAC,SAAS,IAAI,KAAK,EAAE,CAGhC,CAC3B,CAAC,IACgB,CACrB,EAEA,KAAK,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CACpC,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,iBAAiB,GAAoB,GAC7C,CACrB,EAED,KAAC,aAAa,IACZ,SAAS,EAAC,OAAO,EACjB,UAAU,EAAE,KAAK,CAAC,0BAA0B,GAC5C,EACF,KAAC,aAAa,IACZ,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAE,KAAK,CAAC,2BAA2B,iBAChC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GACxC,EAED,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,IAAI,GAAoB,GAChC,CACrB,EAEA,KAAK,CAAC,KAAK,IAAI,CACd,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,KAAK,GAAoB,GACjC,CACrB,IACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,IAAuB,EACL,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,qDACqB,iCAAS,IAAI,CAAC,oBAAoB,IAAQ,IAC5D,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,OAAO;QAC3B,KAAK;QACL,SAAS,EAAE,OAAO;QAClB,IAAI,EAAE,KAAC,OAAO,KAAG;QACjB,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/components/system-debug-trace/events/conditional-queue-status.js

@@ -4,7 +4,8 @@ import { SplitSvg } from '../icons/split';
 export const getConditionalQueueStatusEventConfig = (data) => {
     const queueStatus = data.is_queue_open ? 'Open' : 'Closed';
     const agentStatus = data.is_available_agent ? 'Available' : 'Unavailable';
-    const title = (_jsxs(_Fragment, { children: ["Queue status checked", ' ', _jsxs("span", { children: ["- ", queueStatus, " (Agent ", agentStatus, ")"] })] }));
+    const statusText = `${queueStatus}${queueStatus === 'Open' ? ` (Agent ${agentStatus})` : ''}`;
+    const title = (_jsxs(_Fragment, { children: ["Queue status checked", ' ', _jsxs("span", { children: ["- ", statusText, " ( Queue: ", data.queue_name, ")"] })] }));
     return {
         action: EventAction.ConditionalQueueStatus,
         title,

package/lib/esm/components/system-debug-trace/events/conditional-queue-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditional-queue-status.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/conditional-queue-status.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAWzC,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAClD,IAAsC,EACpB,EAAE;IACpB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC1D,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAA;IAEzE,MAAM,KAAK,GAAG,CACZ,sDACuB,GAAG,EACxB,iCACK,WAAW,cAAU,WAAW,SAC9B,IACN,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,sBAAsB;QAC1C,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,KAAC,QAAQ,KAAG;QAClB,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"conditional-queue-status.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/conditional-queue-status.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAWzC,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAClD,IAAsC,EACpB,EAAE;IACpB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC1D,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAA;IACzE,MAAM,UAAU,GAAG,GAAG,WAAW,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAE7F,MAAM,KAAK,GAAG,CACZ,sDACuB,GAAG,EACxB,iCACK,UAAU,gBAAY,IAAI,CAAC,UAAU,SACnC,IACN,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,sBAAsB;QAC1C,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,KAAC,QAAQ,KAAG;QAClB,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/components/system-debug-trace/styles.d.ts

@@ -4,10 +4,7 @@ export declare const StyledDebugArrow: import("styled-components").StyledCompone
 export declare const StyledDebugIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-interface StyledDebugDetailProps {
-    $isLastItem?: boolean;
-}
-export declare const StyledDebugDetail: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDebugDetailProps, never>;
+export declare const StyledDebugDetail: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugLabel: import("styled-components").StyledComponent<"strong", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDebugItemWithIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/lib/esm/components/system-debug-trace/styles.js

@@ -94,7 +94,6 @@ export const StyledDebugDetail = styled.div `
   flex-direction: column;
   gap: 4px;
   padding: 0 28px;
-  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
   line-height: 1.5;
   width: 100%;
   min-width: 0;
@@ -186,7 +185,7 @@ export const StyledSeeChunksButton = styled.button `
   width: fit-content;
 
   &:hover {
-    background-color: ${COLORS.N200};
+    background-color: ${COLORS.N100};
   }
 `;
 export const StyledGuardrailItem = styled.div `
@@ -213,6 +212,7 @@ export const StyledDebugContentWrapper = styled.div `
   width: 100%;
   min-width: 0;
   overflow: hidden;
+  margin-bottom: 8px;
 
   /* Create line from first label to last label */
   &::before {

package/lib/esm/components/system-debug-trace/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+interface ActionCard {
+    buttonText: string;
+    buttonUrl: string;
+    imageLink: string;
+}
+interface Card {
+    text: string;
+    action: ActionCard;
+}
+export interface WhatsappInteractiveMediaCarouselProps {
+    cards: Card[];
+    textMessage: string;
+}
+export declare const WhatsappInteractiveMediaCarousel: (props: WhatsappInteractiveMediaCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { truncateText } from '../util';
+import { Button } from './button';
+import { Carousel } from './carousel';
+import { Element } from './element';
+import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS, } from './multichannel/whatsapp/constants';
+import { Pic } from './pic';
+import { Title } from './title';
+/*
+  Reference: https://developers.facebook.com/docs/whatsapp/cloud-api/messages/interactive-media-carousel-messages/
+*/
+export const WhatsappInteractiveMediaCarousel = (props) => {
+    return (_jsx(Carousel, Object.assign({ text: truncateText(props.textMessage, WHATSAPP_MAX_BODY_CHARS) }, { children: props.cards.map((card, index) => (_jsxs(Element, { children: [_jsx(Pic, { src: card.action.imageLink }), _jsx(Title, { children: truncateText(card.text, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS) }), _jsx(Button, Object.assign({ url: card.action.buttonUrl }, { children: truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS) }))] }, index))) })));
+};
+//# sourceMappingURL=whatsapp-interactive-media-carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-interactive-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-interactive-media-carousel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,qCAAqC,GACtC,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAkB/B;;EAEE;AACF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,KAA4C,EAC5C,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,kBAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,WAAW,EAAE,uBAAuB,CAAC,gBACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,MAAC,OAAO,eACN,KAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAI,EACnC,KAAC,KAAK,cACH,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,qCAAqC,CAAC,GACzD,EACR,KAAC,MAAM,kBAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,gBAC/B,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,yBAAyB,CAAC,IACzD,KAPG,KAAK,CAQT,CACX,CAAC,IACO,CACZ,CAAA;AACH,CAAC,CAAA"}

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

@@ -6,6 +6,9 @@ import { Message } from './message';
 const serialize = (message) => {
     return { text: message };
 };
+/*
+  Reference: https://developers.facebook.com/docs/whatsapp/business-management-api/message-templates/media-card-carousel-templates
+*/
 export const WhatsappMediaCarousel = (props) => {
     const renderBrowser = () => {
         // Return a dummy message for browser

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

@@ -1 +1 @@
-{"version":3,"file":"whatsapp-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAsDnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,oDAAoD,CAAA;QACpE,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;YACD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;oBACvB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;iBAC3B;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,kCACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,KAAK,CAAC,uBAAuB,IACnC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}
+{"version":3,"file":"whatsapp-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAsDnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAED;;EAEE;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,oDAAoD,CAAA;QACpE,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;YACD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;oBACvB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;iBAC3B;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,kCACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,KAAK,CAAC,uBAAuB,IACnC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}

package/package.json

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

package/src/components/index-types.ts

@@ -35,6 +35,7 @@ export interface TextProps extends MessageProps {
 
 export interface CarouselProps extends MessageProps {
   children: React.ReactNode[]
+  text?: string // Only for Whatsapp Interactive Media Carousel
 }
 
 export interface Webview {

package/src/components/index.ts

@@ -36,6 +36,10 @@ export {
   WhatsappCTAUrlButtonProps,
   WhatsappCTAUrlHeaderType,
 } from './whatsapp-cta-url-button'
+export {
+  WhatsappInteractiveMediaCarousel,
+  WhatsappInteractiveMediaCarouselProps,
+} from './whatsapp-interactive-media-carousel'
 export {
   WhatsappMediaCarousel,
   WhatsappMediaCarouselProps,

package/src/components/multichannel/whatsapp/constants.ts

@@ -5,6 +5,7 @@ export const WHATSAPP_LIST_MAX_BUTTONS = 10
 export const WHATSAPP_MAX_BUTTON_CHARS = 20
 export const WHATSAPP_MAX_HEADER_CHARS = 60
 export const WHATSAPP_MAX_BODY_CHARS = 1024
+export const WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160
 export const WHATSAPP_MAX_FOOTER_CHARS = 60
 export const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:'
 export const MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options'

package/src/components/system-debug-trace/events/ai-agent.tsx

@@ -125,13 +125,13 @@ export const AiAgent = (props: AiAgentDebugEvent) => {
       />
 
       {props.exit && (
-        <StyledDebugDetail $isLastItem={props.exit && !props.error}>
+        <StyledDebugDetail>
           <StyledDebugLabel>{LABELS.EXIT}</StyledDebugLabel>
         </StyledDebugDetail>
       )}
 
       {props.error && (
-        <StyledDebugDetail $isLastItem={props.exit && props.error}>
+        <StyledDebugDetail>
           <StyledDebugLabel>{LABELS.ERROR}</StyledDebugLabel>
         </StyledDebugDetail>
       )}

package/src/components/system-debug-trace/events/conditional-queue-status.tsx

@@ -17,12 +17,13 @@ export const getConditionalQueueStatusEventConfig = (
 ): DebugEventConfig => {
   const queueStatus = data.is_queue_open ? 'Open' : 'Closed'
   const agentStatus = data.is_available_agent ? 'Available' : 'Unavailable'
+  const statusText = `${queueStatus}${queueStatus === 'Open' ? ` (Agent ${agentStatus})` : ''}`
 
   const title = (
     <>
       Queue status checked{' '}
       <span>
-        - {queueStatus} (Agent {agentStatus})
+        - {statusText} ( Queue: {data.queue_name})
       </span>
     </>
   )

package/src/components/system-debug-trace/styles.ts

@@ -96,15 +96,12 @@ export const StyledDebugContent = styled.div`
   line-height: 1.5;
   color: ${COLORS.N700};
 `
-interface StyledDebugDetailProps {
-  $isLastItem?: boolean
-}
-export const StyledDebugDetail = styled.div<StyledDebugDetailProps>`
+
+export const StyledDebugDetail = styled.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding: 0 28px;
-  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
   line-height: 1.5;
   width: 100%;
   min-width: 0;
@@ -201,7 +198,7 @@ export const StyledSeeChunksButton = styled.button`
   width: fit-content;
 
   &:hover {
-    background-color: ${COLORS.N200};
+    background-color: ${COLORS.N100};
   }
 `
 interface StyledGuardrailItemProps {
@@ -232,6 +229,7 @@ export const StyledDebugContentWrapper = styled.div`
   width: 100%;
   min-width: 0;
   overflow: hidden;
+  margin-bottom: 8px;
 
   /* Create line from first label to last label */
   &::before {

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

@@ -0,0 +1,52 @@
+import React from 'react'
+
+import { truncateText } from '../util'
+import { Button } from './button'
+import { Carousel } from './carousel'
+import { Element } from './element'
+import {
+  WHATSAPP_MAX_BODY_CHARS,
+  WHATSAPP_MAX_BUTTON_CHARS,
+  WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS,
+} from './multichannel/whatsapp/constants'
+import { Pic } from './pic'
+import { Title } from './title'
+
+interface ActionCard {
+  buttonText: string
+  buttonUrl: string
+  imageLink: string
+}
+
+interface Card {
+  text: string
+  action: ActionCard
+}
+
+export interface WhatsappInteractiveMediaCarouselProps {
+  cards: Card[]
+  textMessage: string
+}
+
+/*
+  Reference: https://developers.facebook.com/docs/whatsapp/cloud-api/messages/interactive-media-carousel-messages/
+*/
+export const WhatsappInteractiveMediaCarousel = (
+  props: WhatsappInteractiveMediaCarouselProps
+) => {
+  return (
+    <Carousel text={truncateText(props.textMessage, WHATSAPP_MAX_BODY_CHARS)}>
+      {props.cards.map((card, index) => (
+        <Element key={index}>
+          <Pic src={card.action.imageLink} />
+          <Title>
+            {truncateText(card.text, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS)}
+          </Title>
+          <Button url={card.action.buttonUrl}>
+            {truncateText(card.action.buttonText, WHATSAPP_MAX_BUTTON_CHARS)}
+          </Button>
+        </Element>
+      ))}
+    </Carousel>
+  )
+}

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

@@ -61,6 +61,9 @@ const serialize = (message: string) => {
   return { text: message }
 }
 
+/*
+  Reference: https://developers.facebook.com/docs/whatsapp/business-management-api/message-templates/media-card-carousel-templates
+*/
 export const WhatsappMediaCarousel = (props: WhatsappMediaCarouselProps) => {
   const renderBrowser = () => {
     // Return a dummy message for browser