@botonic/react 0.42.0-alpha.4 → 0.42.1-campaigns.0

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

@@ -7,4 +7,5 @@ export interface ConditionalQueueStatusDebugEvent {
     is_queue_open: boolean;
     is_available_agent: boolean;
 }
+export declare const ConditionalQueueStatus: (props: ConditionalQueueStatusDebugEvent) => import("react/jsx-runtime").JSX.Element;
 export declare const getConditionalQueueStatusEventConfig: (data: ConditionalQueueStatusDebugEvent) => DebugEventConfig;

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

@@ -1,20 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConditionalQueueStatusEventConfig = void 0;
+exports.getConditionalQueueStatusEventConfig = exports.ConditionalQueueStatus = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@botonic/core");
 const split_1 = require("../icons/split");
+const styles_1 = require("../styles");
+const constants_1 = require("./constants");
+const ConditionalQueueStatus = (props) => {
+    const queueStatus = props.is_queue_open ? constants_1.LABELS.OPEN : constants_1.LABELS.CLOSED;
+    const agentStatus = props.is_available_agent ? constants_1.LABELS.YES : constants_1.LABELS.NO;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.QUEUE }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: props.queue_name })] }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.STATUS }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: queueStatus })] }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.AGENTS_AVAILABLE }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: agentStatus })] })] }));
+};
+exports.ConditionalQueueStatus = ConditionalQueueStatus;
 const getConditionalQueueStatusEventConfig = (data) => {
-    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 = ((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, ")"] })] }));
+    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Queue status checked ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.queue_name] })] }));
     return {
         action: core_1.EventAction.ConditionalQueueStatus,
         title,
-        component: null,
+        component: exports.ConditionalQueueStatus,
         icon: (0, jsx_runtime_1.jsx)(split_1.SplitSvg, {}),
-        collapsible: false,
+        collapsible: true,
     };
 };
 exports.getConditionalQueueStatusEventConfig = getConditionalQueueStatusEventConfig;

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;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"}
+{"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;AACzC,sCAIkB;AAElB,2CAAoC;AAU7B,MAAM,sBAAsB,GAAG,CACpC,KAAuC,EACvC,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAM,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAM,CAAC,MAAM,CAAA;IACrE,MAAM,WAAW,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAM,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAM,CAAC,EAAE,CAAA;IAErE,OAAO,CACL,6DACE,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,kBAAM,CAAC,KAAK,GAAoB,EACnD,uBAAC,yBAAgB,cAAE,KAAK,CAAC,UAAU,GAAoB,IACrC,EACpB,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,kBAAM,CAAC,MAAM,GAAoB,EACpD,uBAAC,yBAAgB,cAAE,WAAW,GAAoB,IAChC,EACpB,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,kBAAM,CAAC,gBAAgB,GAAoB,EAC9D,uBAAC,yBAAgB,cAAE,WAAW,GAAoB,IAChC,IACnB,CACJ,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,sBAAsB,0BAsBlC;AAEM,MAAM,oCAAoC,GAAG,CAClD,IAAsC,EACpB,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,sFACuB,mDAAS,IAAI,CAAC,UAAU,IAAQ,IACpD,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,sBAAsB;QAC1C,KAAK;QACL,SAAS,EAAE,8BAAsB;QACjC,IAAI,EAAE,uBAAC,gBAAQ,KAAG;QAClB,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,oCAAoC,wCAgBhD"}

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

@@ -16,4 +16,10 @@ export declare const LABELS: {
     readonly NOTE: "Note";
     readonly KNOWLEDGE_BASE_FAIL_REASON: "Knowledge Base Fail Reason";
     readonly SEE_CHUNKS_BUTTON: "See chunks";
+    readonly STATUS: "Status";
+    readonly YES: "Yes";
+    readonly NO: "No";
+    readonly OPEN: "Open";
+    readonly CLOSED: "Closed";
+    readonly AGENTS_AVAILABLE: "Agents available";
 };

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

@@ -19,5 +19,11 @@ exports.LABELS = {
     NOTE: 'Note',
     KNOWLEDGE_BASE_FAIL_REASON: 'Knowledge Base Fail Reason',
     SEE_CHUNKS_BUTTON: 'See chunks',
+    STATUS: 'Status',
+    YES: 'Yes',
+    NO: 'No',
+    OPEN: 'Open',
+    CLOSED: 'Closed',
+    AGENTS_AVAILABLE: 'Agents available',
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,mBAAmB,EAAE,qBAAqB;IAC1C,eAAe,EAAE,iBAAiB;IAClC,eAAe,EAAE,iBAAiB;IAClC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;IACZ,0BAA0B,EAAE,4BAA4B;IACxD,iBAAiB,EAAE,YAAY;CACvB,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,mBAAmB,EAAE,qBAAqB;IAC1C,eAAe,EAAE,iBAAiB;IAClC,eAAe,EAAE,iBAAiB;IAClC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;IACZ,0BAA0B,EAAE,4BAA4B;IACxD,iBAAiB,EAAE,YAAY;IAC/B,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,gBAAgB,EAAE,kBAAkB;CAC5B,CAAA"}

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

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

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

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

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

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

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

@@ -7,4 +7,5 @@ export interface ConditionalQueueStatusDebugEvent {
     is_queue_open: boolean;
     is_available_agent: boolean;
 }
+export declare const ConditionalQueueStatus: (props: ConditionalQueueStatusDebugEvent) => import("react/jsx-runtime").JSX.Element;
 export declare const getConditionalQueueStatusEventConfig: (data: ConditionalQueueStatusDebugEvent) => DebugEventConfig;

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

@@ -1,17 +1,21 @@
-import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { EventAction } from '@botonic/core';
 import { SplitSvg } from '../icons/split';
+import { StyledDebugDetail, StyledDebugLabel, StyledDebugValue, } from '../styles';
+import { LABELS } from './constants';
+export const ConditionalQueueStatus = (props) => {
+    const queueStatus = props.is_queue_open ? LABELS.OPEN : LABELS.CLOSED;
+    const agentStatus = props.is_available_agent ? LABELS.YES : LABELS.NO;
+    return (_jsxs(_Fragment, { children: [_jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.QUEUE }), _jsx(StyledDebugValue, { children: props.queue_name })] }), _jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.STATUS }), _jsx(StyledDebugValue, { children: queueStatus })] }), _jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.AGENTS_AVAILABLE }), _jsx(StyledDebugValue, { children: agentStatus })] })] }));
+};
 export const getConditionalQueueStatusEventConfig = (data) => {
-    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 = (_jsxs(_Fragment, { children: ["Queue status checked", ' ', _jsxs("span", { children: ["- ", statusText, " ( Queue: ", data.queue_name, ")"] })] }));
+    const title = (_jsxs(_Fragment, { children: ["Queue status checked ", _jsxs("span", { children: ["- ", data.queue_name] })] }));
     return {
         action: EventAction.ConditionalQueueStatus,
         title,
-        component: null,
+        component: ConditionalQueueStatus,
         icon: _jsx(SplitSvg, {}),
-        collapsible: false,
+        collapsible: true,
     };
 };
 //# sourceMappingURL=conditional-queue-status.js.map

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;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"}
+{"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;AACzC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,WAAW,CAAA;AAElB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAUpC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,KAAuC,EACvC,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAA;IACrE,MAAM,WAAW,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;IAErE,OAAO,CACL,8BACE,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,KAAK,GAAoB,EACnD,KAAC,gBAAgB,cAAE,KAAK,CAAC,UAAU,GAAoB,IACrC,EACpB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,MAAM,GAAoB,EACpD,KAAC,gBAAgB,cAAE,WAAW,GAAoB,IAChC,EACpB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,gBAAgB,GAAoB,EAC9D,KAAC,gBAAgB,cAAE,WAAW,GAAoB,IAChC,IACnB,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAClD,IAAsC,EACpB,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,uDACuB,iCAAS,IAAI,CAAC,UAAU,IAAQ,IACpD,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,sBAAsB;QAC1C,KAAK;QACL,SAAS,EAAE,sBAAsB;QACjC,IAAI,EAAE,KAAC,QAAQ,KAAG;QAClB,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC,CAAA"}

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

@@ -16,4 +16,10 @@ export declare const LABELS: {
     readonly NOTE: "Note";
     readonly KNOWLEDGE_BASE_FAIL_REASON: "Knowledge Base Fail Reason";
     readonly SEE_CHUNKS_BUTTON: "See chunks";
+    readonly STATUS: "Status";
+    readonly YES: "Yes";
+    readonly NO: "No";
+    readonly OPEN: "Open";
+    readonly CLOSED: "Closed";
+    readonly AGENTS_AVAILABLE: "Agents available";
 };

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

@@ -16,5 +16,11 @@ export const LABELS = {
     NOTE: 'Note',
     KNOWLEDGE_BASE_FAIL_REASON: 'Knowledge Base Fail Reason',
     SEE_CHUNKS_BUTTON: 'See chunks',
+    STATUS: 'Status',
+    YES: 'Yes',
+    NO: 'No',
+    OPEN: 'Open',
+    CLOSED: 'Closed',
+    AGENTS_AVAILABLE: 'Agents available',
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,mBAAmB,EAAE,qBAAqB;IAC1C,eAAe,EAAE,iBAAiB;IAClC,eAAe,EAAE,iBAAiB;IAClC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;IACZ,0BAA0B,EAAE,4BAA4B;IACxD,iBAAiB,EAAE,YAAY;CACvB,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,mBAAmB,EAAE,qBAAqB;IAC1C,eAAe,EAAE,iBAAiB;IAClC,eAAe,EAAE,iBAAiB;IAClC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,kBAAkB,EAAE,oBAAoB;IACxC,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,KAAK;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,MAAM;IACZ,0BAA0B,EAAE,4BAA4B;IACxD,iBAAiB,EAAE,YAAY;IAC/B,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,gBAAgB,EAAE,kBAAkB;CAC5B,CAAA"}

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.42.0-alpha.4",
+  "version": "0.42.1-campaigns.0",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -11,8 +11,7 @@
     "test": "../../node_modules/.bin/jest -c ./jest.config.js --coverage",
     "updateSnapshot": "../../node_modules/.bin/jest -c ./jest.config.js --updateSnapshot",
     "cloc": "../../scripts/qa/cloc-package.sh .",
-    "prepublishOnly": "npm run clean; npm i; npm run build; npm run copy-files;",
-    "clean": "rm -rf ./lib/",
+    "prepublishOnly": "rm -rf lib && npm i && npm run build && npm run copy-files;",
     "copy-files": "copyfiles -u 1 src/**/*.svg src/**/*.png src/**/*.scss src/**/*.html lib/esm/; copyfiles -u 1 src/**/*.svg src/**/*.png src/**/*.scss src/**/*.html lib/cjs/;",
     "build": "../../node_modules/.bin/tsc -p tsconfig.json && ../../node_modules/.bin/tsc -p tsconfig.esm.json",
     "build:watch": "npm run build -- --watch",
@@ -21,7 +20,7 @@
     "lint_core": "../../node_modules/.bin/eslint_d --cache --quiet '.*.js' '*.js' 'src/**/*.js*' --fix"
   },
   "dependencies": {
-    "@botonic/core": "0.42.0-alpha.4",
+    "@botonic/core": "^0.42.0",
     "axios": "^1.12.2",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",
@@ -81,4 +80,4 @@
     "javascript",
     "react"
   ]
-}
+}

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

@@ -2,7 +2,13 @@ import { EventAction } from '@botonic/core'
 import React from 'react'
 
 import { SplitSvg } from '../icons/split'
+import {
+  StyledDebugDetail,
+  StyledDebugLabel,
+  StyledDebugValue,
+} from '../styles'
 import { DebugEventConfig } from '../types'
+import { LABELS } from './constants'
 
 export interface ConditionalQueueStatusDebugEvent {
   action: EventAction.ConditionalQueueStatus
@@ -12,27 +18,44 @@ export interface ConditionalQueueStatusDebugEvent {
   is_available_agent: boolean
 }
 
+export const ConditionalQueueStatus = (
+  props: ConditionalQueueStatusDebugEvent
+) => {
+  const queueStatus = props.is_queue_open ? LABELS.OPEN : LABELS.CLOSED
+  const agentStatus = props.is_available_agent ? LABELS.YES : LABELS.NO
+
+  return (
+    <>
+      <StyledDebugDetail>
+        <StyledDebugLabel>{LABELS.QUEUE}</StyledDebugLabel>
+        <StyledDebugValue>{props.queue_name}</StyledDebugValue>
+      </StyledDebugDetail>
+      <StyledDebugDetail>
+        <StyledDebugLabel>{LABELS.STATUS}</StyledDebugLabel>
+        <StyledDebugValue>{queueStatus}</StyledDebugValue>
+      </StyledDebugDetail>
+      <StyledDebugDetail>
+        <StyledDebugLabel>{LABELS.AGENTS_AVAILABLE}</StyledDebugLabel>
+        <StyledDebugValue>{agentStatus}</StyledDebugValue>
+      </StyledDebugDetail>
+    </>
+  )
+}
+
 export const getConditionalQueueStatusEventConfig = (
   data: ConditionalQueueStatusDebugEvent
 ): 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>
-        - {statusText} ( Queue: {data.queue_name})
-      </span>
+      Queue status checked <span>- {data.queue_name}</span>
     </>
   )
 
   return {
     action: EventAction.ConditionalQueueStatus,
     title,
-    component: null,
+    component: ConditionalQueueStatus,
     icon: <SplitSvg />,
-    collapsible: false,
+    collapsible: true,
   }
 }

package/src/components/system-debug-trace/events/constants.ts

@@ -16,4 +16,10 @@ export const LABELS = {
   NOTE: 'Note',
   KNOWLEDGE_BASE_FAIL_REASON: 'Knowledge Base Fail Reason',
   SEE_CHUNKS_BUTTON: 'See chunks',
+  STATUS: 'Status',
+  YES: 'Yes',
+  NO: 'No',
+  OPEN: 'Open',
+  CLOSED: 'Closed',
+  AGENTS_AVAILABLE: 'Agents available',
 } as const

package/src/components/{whatsapp-template.jsx → whatsapp-template.tsx}

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