@cleartrip/talos-bot-interaction-widget 6.0.0-beta-260618-5.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BotInteractionWidget.d.ts.map +1 -1
- package/dist/talos-bot-interaction-widget.browser.cjs.js +1 -1
- package/dist/talos-bot-interaction-widget.browser.cjs.js.map +1 -1
- package/dist/talos-bot-interaction-widget.browser.esm.js +1 -1
- package/dist/talos-bot-interaction-widget.browser.esm.js.map +1 -1
- package/dist/talos-bot-interaction-widget.cjs.js +2 -18
- package/dist/talos-bot-interaction-widget.cjs.js.map +1 -1
- package/dist/talos-bot-interaction-widget.esm.js +2 -18
- package/dist/talos-bot-interaction-widget.esm.js.map +1 -1
- package/dist/talos-bot-interaction-widget.umd.js +8 -109
- package/dist/talos-bot-interaction-widget.umd.js.map +1 -1
- package/dist/type.d.ts +2 -15
- package/dist/type.d.ts.map +1 -1
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BotInteractionWidget.d.ts","sourceRoot":"","sources":["../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BotInteractionWidget.d.ts","sourceRoot":"","sources":["../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAIlE,OAAO,KAAK,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,QAAQ,CAAC;AAExF,QAAA,MAAM,oBAAoB,UAAW,aAAa,0BAA0B,EAAE,6BAA6B,CAAC,gCA0C3G,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),s=require("@cleartrip/ct-design-components"),i=require("@cleartrip/talos-sequential-reveal"),n=require("@cleartrip/talos-widget-manager"),r=require("@cleartrip/talos-chat-timestamp"),p=require("@cleartrip/talos-use-chat-controller"),c=require("@cleartrip/talos-general-utils");exports.BotInteractionWidget=function(o){var g=null!=o?o:{},d=g.data,l=g.metaData,m=g.events,u=null!=d?d:{},_=u.heading,h=u.dynamicSlot,x=u.highlight,j=u.bodyContent,y=u.listSelection,E=u.workflowOptions,f=u.feedback,q=null!=l?l:{},v=q.createdAt,C=q.messageId,D=void 0===C?"":C,G=q.chatId,W=void 0===G?"":G,T=s.useTheme(),A=a.useMemo(function(){return function(e){return{gap:{paddingTop:e.spacing[3],"&:empty":{paddingTop:0}},timestampGap:{paddingTop:e.spacing[1],"&:empty":{paddingTop:0}}}}(T)},[T]),b=p.useAppDispatch().dispatchAll,k=(m||{}).onLoad,w=p.usePresentation(),I=w.hasPresented,P=w.markPresented;a.useEffect(function(){I(W,D)||b(k)},[k]);var S=a.useRef(!(!D||!W||I(W,D)));a.useEffect(function(){S.current&&D&&W&&P(W,D)},[]);var M=a.useMemo(function(){return!(c.isEmpty(_)&&c.isEmpty(h)&&c.isEmpty(x)&&c.isEmpty(j)&&c.isEmpty(y)&&c.isEmpty(E))},[_,h,x,j,y,E]);return t.jsxs(i.SequentialReveal,e.__assign({animate:S.current},{children:[!c.isEmpty(_)&&t.jsx(n.WidgetGenerator,e.__assign({},_,{metaData:l})),!c.isEmpty(h)&&t.jsx(s.Container,e.__assign({css:A.gap},{children:t.jsx(n.WidgetGenerator,e.__assign({},h,{metaData:l}))})),!c.isEmpty(x)&&t.jsx(s.Container,e.__assign({css:A.gap},{children:t.jsx(n.WidgetGenerator,e.__assign({},x,{metaData:l}))})),!c.isEmpty(j)&&t.jsx(s.Container,e.__assign({css:A.gap},{children:t.jsx(n.WidgetGenerator,e.__assign({},j,{metaData:l}))})),!c.isEmpty(y)&&t.jsx(s.Container,e.__assign({css:A.gap},{children:t.jsx(n.WidgetGenerator,e.__assign({},y,{metaData:l}))})),!c.isEmpty(E)&&t.jsx(s.Container,e.__assign({css:A.gap},{children:t.jsx(n.WidgetGenerator,e.__assign({},E,{metaData:l}))})),M&&v&&t.jsx(s.Container,e.__assign({css:A.timestampGap},{children:t.jsx(r.ChatTimestamp,{createdAt:v})})),!c.isEmpty(f)&&t.jsx(s.Container,e.__assign({css:M?A.gap:{}},{children:t.jsx(n.WidgetGenerator,e.__assign({},f,{metaData:l}))}))]}))};
|
|
2
2
|
//# sourceMappingURL=talos-bot-interaction-widget.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"talos-bot-interaction-widget.browser.cjs.js","sources":["../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx","../packages/components/bot-interaction-widget/src/style.ts"],"sourcesContent":[null,null],"names":["
|
|
1
|
+
{"version":3,"file":"talos-bot-interaction-widget.browser.cjs.js","sources":["../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx","../packages/components/bot-interaction-widget/src/style.ts"],"sourcesContent":[null,null],"names":["props","_a","data","metaData","events","_b","heading","dynamicSlot","highlight","bodyContent","listSelection","workflowOptions","feedback","_c","createdAt","_d","messageId","_e","chatId","theme","useTheme","staticStyles","useMemo","gap","paddingTop","spacing","timestampGap","styles","dispatchAll","useAppDispatch","onLoad","_f","usePresentation","hasPresented","markPresented","useEffect","animateRef","useRef","current","isContentShown","isEmpty","_jsxs","SequentialReveal","__assign","animate","children","_jsx","WidgetGenerator","Container","css","jsx","ChatTimestamp"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsxs as a,jsx as e}from"react/jsx-runtime";import{useMemo as r,useEffect as
|
|
1
|
+
import{__assign as t}from"tslib";import{jsxs as a,jsx as e}from"react/jsx-runtime";import{useMemo as r,useEffect as i,useRef as n}from"react";import{useTheme as o,Container as c}from"@cleartrip/ct-design-components";import{SequentialReveal as p}from"@cleartrip/talos-sequential-reveal";import{WidgetGenerator as m}from"@cleartrip/talos-widget-manager";import{ChatTimestamp as s}from"@cleartrip/talos-chat-timestamp";import{useAppDispatch as l,usePresentation as d}from"@cleartrip/talos-use-chat-controller";import{isEmpty as g}from"@cleartrip/talos-general-utils";var u=function(u){var f=null!=u?u:{},h=f.data,v=f.metaData,D=f.events,y=null!=h?h:{},T=y.heading,b=y.dynamicSlot,k=y.highlight,w=y.bodyContent,A=y.listSelection,x=y.workflowOptions,G=y.feedback,I=null!=v?v:{},P=I.createdAt,S=I.messageId,j=void 0===S?"":S,q=I.chatId,C=void 0===q?"":q,L=o(),O=r(function(){return function(t){return{gap:{paddingTop:t.spacing[3],"&:empty":{paddingTop:0}},timestampGap:{paddingTop:t.spacing[1],"&:empty":{paddingTop:0}}}}(L)},[L]),z=l().dispatchAll,B=(D||{}).onLoad,E=d(),F=E.hasPresented,H=E.markPresented;i(function(){F(C,j)||z(B)},[B]);var J=n(!(!j||!C||F(C,j)));i(function(){J.current&&j&&C&&H(C,j)},[]);var K=r(function(){return!(g(T)&&g(b)&&g(k)&&g(w)&&g(A)&&g(x))},[T,b,k,w,A,x]);return a(p,t({animate:J.current},{children:[!g(T)&&e(m,t({},T,{metaData:v})),!g(b)&&e(c,t({css:O.gap},{children:e(m,t({},b,{metaData:v}))})),!g(k)&&e(c,t({css:O.gap},{children:e(m,t({},k,{metaData:v}))})),!g(w)&&e(c,t({css:O.gap},{children:e(m,t({},w,{metaData:v}))})),!g(A)&&e(c,t({css:O.gap},{children:e(m,t({},A,{metaData:v}))})),!g(x)&&e(c,t({css:O.gap},{children:e(m,t({},x,{metaData:v}))})),K&&P&&e(c,t({css:O.timestampGap},{children:e(s,{createdAt:P})})),!g(G)&&e(c,t({css:K?O.gap:{}},{children:e(m,t({},G,{metaData:v}))}))]}))};export{u as BotInteractionWidget};
|
|
2
2
|
//# sourceMappingURL=talos-bot-interaction-widget.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"talos-bot-interaction-widget.browser.esm.js","sources":["../packages/components/bot-interaction-widget/src/style.ts","../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"sourcesContent":[null,null],"names":["
|
|
1
|
+
{"version":3,"file":"talos-bot-interaction-widget.browser.esm.js","sources":["../packages/components/bot-interaction-widget/src/style.ts","../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"sourcesContent":[null,null],"names":["BotInteractionWidget","props","_a","data","metaData","events","_b","heading","dynamicSlot","highlight","bodyContent","listSelection","workflowOptions","feedback","_c","createdAt","_d","messageId","_e","chatId","theme","useTheme","staticStyles","useMemo","gap","paddingTop","spacing","timestampGap","styles","dispatchAll","useAppDispatch","onLoad","_f","usePresentation","hasPresented","markPresented","useEffect","animateRef","useRef","current","isContentShown","isEmpty","_jsxs","SequentialReveal","__assign","animate","children","_jsx","WidgetGenerator","Container","css","ChatTimestamp"],"mappings":"ojBAEO,ICWDA,EAAuB,SAACC,GACpB,IAAAC,EAA6BD,QAAAA,EAAS,CAAE,EAAtCE,SAAMC,aAAUC,WAClBC,EAA6FH,QAAAA,EAAQ,CAAE,EAArGI,EAAOD,EAAAC,QAAEC,EAAWF,EAAAE,YAAEC,EAASH,EAAAG,UAAEC,EAAWJ,EAAAI,YAAEC,EAAaL,EAAAK,cAAEC,EAAeN,EAAAM,gBAAEC,aAChFC,EAA6CV,QAAAA,EAAY,CAAA,EAAvDW,EAASD,EAAAC,UAAEC,cAAAC,OAAY,IAAAD,EAAA,GAAEA,EAAEE,EAAWJ,EAAAK,OAAXA,OAAM,IAAAD,EAAG,GAAEA,EAExCE,EAAQC,IACRC,EAAeC,EAAQ,WAAM,ODjBjB,SAACH,GACnB,MAAO,CACHI,IAAK,CACDC,WAAYL,EAAMM,QAAQ,GAC1B,UAAW,CACPD,WAAY,IAGpBE,aAAc,CACVF,WAAYL,EAAMM,QAAQ,GAC1B,UAAW,CACPD,WAAY,IAI5B,CCEuCG,CAAOR,EAAM,EAAE,CAACA,IAE3CS,EAAgBC,gBAChBC,GAAW1B,GAAU,CAAA,UAEvB2B,EAAkCC,IAAhCC,EAAYF,EAAAE,aAAEC,EAAaH,EAAAG,cAEnCC,EAAU,WACFF,EAAaf,EAAQF,IACzBY,EAAYE,EAChB,EAAG,CAACA,IAEJ,IAAMM,EAAaC,KAAUrB,IAAaE,GAAWe,EAAaf,EAAQF,KAE1EmB,EAAU,WACFC,EAAWE,SAAWtB,GAAaE,GACnCgB,EAAchB,EAAQF,EAE7B,EAAE,IAEH,IAAMuB,EAAiBjB,EAAQ,WAC3B,QAAQkB,EAAQlC,IAAakC,EAAQjC,IAAiBiC,EAAQhC,IAAegC,EAAQ/B,IAAiB+B,EAAQ9B,IAAmB8B,EAAQ7B,GAC7I,EAAG,CAACL,EAASC,EAAaC,EAAWC,EAAaC,EAAeC,IAEjE,OACI8B,EAACC,EAAgBC,EAAA,CAACC,QAASR,EAAWE,SACjC,CAAAO,SAAA,EAACL,EAAQlC,IAAYwC,EAACC,OAAoBzC,EAAQ,CAAEH,SAAUA,MAC7DqC,EAAQjC,IAAgBuC,EAACE,EAAUL,EAAA,CAAAM,IAAK5B,EAAaE,KAAG,CAAAsB,SAAEC,EAACC,EAAoBJ,EAAA,GAAApC,GAAcJ,SAAUA,SACvGqC,EAAQhC,IAAcsC,EAACE,EAASL,EAAA,CAACM,IAAK5B,EAAaE,KAAK,CAAAsB,SAAAC,EAACC,EAAeJ,EAAA,GAAKnC,EAAU,CAAEL,SAAUA,SACnGqC,EAAQ/B,IAAgBqC,EAACE,EAAUL,EAAA,CAAAM,IAAK5B,EAAaE,eAAKuB,EAACC,EAAoBJ,EAAA,GAAAlC,EAAc,CAAAN,SAAUA,SACvGqC,EAAQ9B,IAAkBoC,EAACE,KAAUC,IAAK5B,EAAaE,KAAG,CAAAsB,SAAEC,EAACC,EAAeJ,EAAA,GAAKjC,EAAc,CAAEP,SAAUA,SAC3GqC,EAAQ7B,IAAoBmC,EAACE,EAASL,EAAA,CAACM,IAAK5B,EAAaE,KAAK,CAAAsB,SAAAC,EAACC,EAAoBJ,EAAA,GAAAhC,EAAkB,CAAAR,SAAUA,QAChHoC,GAAkBzB,GAAagC,EAACE,EAASL,EAAA,CAACM,IAAK5B,EAAaK,cAAY,CAAAmB,SAAEC,EAACI,EAAc,CAAApC,UAAWA,QACnG0B,EAAQ5B,IAAakC,EAACE,EAASL,EAAA,CAACM,IAAKV,EAAiBlB,EAAaE,IAAM,IAAE,CAAAsB,SAAEC,EAACC,EAAeJ,EAAA,CAAA,EAAK/B,EAAS,CAAET,SAAUA,WAGrI"}
|
|
@@ -7,10 +7,8 @@ var ctDesignComponents = require('@cleartrip/ct-design-components');
|
|
|
7
7
|
var talosSequentialReveal = require('@cleartrip/talos-sequential-reveal');
|
|
8
8
|
var talosWidgetManager = require('@cleartrip/talos-widget-manager');
|
|
9
9
|
var talosChatTimestamp = require('@cleartrip/talos-chat-timestamp');
|
|
10
|
-
var talosAnimatedHeight = require('@cleartrip/talos-animated-height');
|
|
11
10
|
var talosUseChatController = require('@cleartrip/talos-use-chat-controller');
|
|
12
11
|
var talosGeneralUtils = require('@cleartrip/talos-general-utils');
|
|
13
|
-
var talosWidgetTypes = require('@cleartrip/talos-widget-types');
|
|
14
12
|
|
|
15
13
|
var styles = function (theme) {
|
|
16
14
|
return {
|
|
@@ -29,21 +27,8 @@ var styles = function (theme) {
|
|
|
29
27
|
};
|
|
30
28
|
};
|
|
31
29
|
|
|
32
|
-
var Slot = function (_a) {
|
|
33
|
-
var _b;
|
|
34
|
-
var widget = _a.widget, animate = _a.animate, metaData = _a.metaData, gap = _a.gap, onPresented = _a.onPresented;
|
|
35
|
-
var widgetWithDefaults = tslib.__assign(tslib.__assign({}, widget), { presentation: (_b = widget.presentation) !== null && _b !== void 0 ? _b : {
|
|
36
|
-
entry: animate ? talosWidgetTypes.EntryAnimation.REVEAL : talosWidgetTypes.EntryAnimation.NONE,
|
|
37
|
-
} });
|
|
38
|
-
var generator = (jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, widgetWithDefaults, { metaData: metaData, onPresented: onPresented })));
|
|
39
|
-
return gap ? jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: gap }, { children: generator })) : generator;
|
|
40
|
-
};
|
|
41
|
-
var TimestampSlot = function (_a) {
|
|
42
|
-
var createdAt = _a.createdAt, animate = _a.animate, css = _a.css, onPresented = _a.onPresented;
|
|
43
|
-
return (jsxRuntime.jsx(talosAnimatedHeight.AnimatedHeight, tslib.__assign({ animate: animate, onAnimationEnd: onPresented }, { children: jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: css }, { children: jsxRuntime.jsx(talosChatTimestamp.ChatTimestamp, { createdAt: createdAt }) })) })));
|
|
44
|
-
};
|
|
45
30
|
var BotInteractionWidget = function (props) {
|
|
46
|
-
var _a = props !== null && props !== void 0 ? props : {}, data = _a.data, metaData = _a.metaData, events = _a.events
|
|
31
|
+
var _a = props !== null && props !== void 0 ? props : {}, data = _a.data, metaData = _a.metaData, events = _a.events;
|
|
47
32
|
var _b = data !== null && data !== void 0 ? data : {}, heading = _b.heading, dynamicSlot = _b.dynamicSlot, highlight = _b.highlight, bodyContent = _b.bodyContent, listSelection = _b.listSelection, workflowOptions = _b.workflowOptions, feedback = _b.feedback;
|
|
48
33
|
var _c = metaData !== null && metaData !== void 0 ? metaData : {}, createdAt = _c.createdAt, _d = _c.messageId, messageId = _d === void 0 ? "" : _d, _e = _c.chatId, chatId = _e === void 0 ? "" : _e;
|
|
49
34
|
var theme = ctDesignComponents.useTheme();
|
|
@@ -65,8 +50,7 @@ var BotInteractionWidget = function (props) {
|
|
|
65
50
|
var isContentShown = react.useMemo(function () {
|
|
66
51
|
return !talosGeneralUtils.isEmpty(heading) || !talosGeneralUtils.isEmpty(dynamicSlot) || !talosGeneralUtils.isEmpty(highlight) || !talosGeneralUtils.isEmpty(bodyContent) || !talosGeneralUtils.isEmpty(listSelection) || !talosGeneralUtils.isEmpty(workflowOptions);
|
|
67
52
|
}, [heading, dynamicSlot, highlight, bodyContent, listSelection, workflowOptions]);
|
|
68
|
-
|
|
69
|
-
return (jsxRuntime.jsxs(talosSequentialReveal.SequentialReveal, tslib.__assign({ animate: animate, onComplete: onPresented }, { children: [!talosGeneralUtils.isEmpty(heading) && jsxRuntime.jsx(Slot, { animate: animate, widget: heading, metaData: metaData }), !talosGeneralUtils.isEmpty(dynamicSlot) && jsxRuntime.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: dynamicSlot, metaData: metaData }), !talosGeneralUtils.isEmpty(highlight) && jsxRuntime.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: highlight, metaData: metaData }), !talosGeneralUtils.isEmpty(bodyContent) && jsxRuntime.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: bodyContent, metaData: metaData }), !talosGeneralUtils.isEmpty(listSelection) && jsxRuntime.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: listSelection, metaData: metaData }), !talosGeneralUtils.isEmpty(workflowOptions) && jsxRuntime.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: workflowOptions, metaData: metaData }), isContentShown && createdAt && jsxRuntime.jsx(TimestampSlot, { animate: animate, createdAt: createdAt, css: staticStyles.timestampGap }), !talosGeneralUtils.isEmpty(feedback) && jsxRuntime.jsx(Slot, { animate: animate, gap: isContentShown ? staticStyles.gap : {}, widget: feedback, metaData: metaData })] })));
|
|
53
|
+
return (jsxRuntime.jsxs(talosSequentialReveal.SequentialReveal, tslib.__assign({ animate: animateRef.current }, { children: [!talosGeneralUtils.isEmpty(heading) && jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, heading, { metaData: metaData })), !talosGeneralUtils.isEmpty(dynamicSlot) && jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.gap }, { children: jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, dynamicSlot, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(highlight) && jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.gap }, { children: jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, highlight, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(bodyContent) && jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.gap }, { children: jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, bodyContent, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(listSelection) && jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.gap }, { children: jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, listSelection, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(workflowOptions) && jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.gap }, { children: jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, workflowOptions, { metaData: metaData })) })), isContentShown && createdAt && jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.timestampGap }, { children: jsxRuntime.jsx(talosChatTimestamp.ChatTimestamp, { createdAt: createdAt }) })), !talosGeneralUtils.isEmpty(feedback) && jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: isContentShown ? staticStyles.gap : {} }, { children: jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, tslib.__assign({}, feedback, { metaData: metaData })) }))] })));
|
|
70
54
|
};
|
|
71
55
|
|
|
72
56
|
exports.BotInteractionWidget = BotInteractionWidget;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"talos-bot-interaction-widget.cjs.js","sources":["../packages/components/bot-interaction-widget/src/style.ts","../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"sourcesContent":[null,null],"names":["
|
|
1
|
+
{"version":3,"file":"talos-bot-interaction-widget.cjs.js","sources":["../packages/components/bot-interaction-widget/src/style.ts","../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"sourcesContent":[null,null],"names":["useTheme","useMemo","useAppDispatch","usePresentation","useEffect","useRef","isEmpty","_jsxs","SequentialReveal","__assign","_jsx","WidgetGenerator","Container","ChatTimestamp"],"mappings":"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"}
|
|
@@ -5,10 +5,8 @@ import { useTheme, Container } from '@cleartrip/ct-design-components';
|
|
|
5
5
|
import { SequentialReveal } from '@cleartrip/talos-sequential-reveal';
|
|
6
6
|
import { WidgetGenerator } from '@cleartrip/talos-widget-manager';
|
|
7
7
|
import { ChatTimestamp } from '@cleartrip/talos-chat-timestamp';
|
|
8
|
-
import { AnimatedHeight } from '@cleartrip/talos-animated-height';
|
|
9
8
|
import { useAppDispatch, usePresentation } from '@cleartrip/talos-use-chat-controller';
|
|
10
9
|
import { isEmpty } from '@cleartrip/talos-general-utils';
|
|
11
|
-
import { EntryAnimation } from '@cleartrip/talos-widget-types';
|
|
12
10
|
|
|
13
11
|
var styles = function (theme) {
|
|
14
12
|
return {
|
|
@@ -27,21 +25,8 @@ var styles = function (theme) {
|
|
|
27
25
|
};
|
|
28
26
|
};
|
|
29
27
|
|
|
30
|
-
var Slot = function (_a) {
|
|
31
|
-
var _b;
|
|
32
|
-
var widget = _a.widget, animate = _a.animate, metaData = _a.metaData, gap = _a.gap, onPresented = _a.onPresented;
|
|
33
|
-
var widgetWithDefaults = __assign(__assign({}, widget), { presentation: (_b = widget.presentation) !== null && _b !== void 0 ? _b : {
|
|
34
|
-
entry: animate ? EntryAnimation.REVEAL : EntryAnimation.NONE,
|
|
35
|
-
} });
|
|
36
|
-
var generator = (jsx(WidgetGenerator, __assign({}, widgetWithDefaults, { metaData: metaData, onPresented: onPresented })));
|
|
37
|
-
return gap ? jsx(Container, __assign({ css: gap }, { children: generator })) : generator;
|
|
38
|
-
};
|
|
39
|
-
var TimestampSlot = function (_a) {
|
|
40
|
-
var createdAt = _a.createdAt, animate = _a.animate, css = _a.css, onPresented = _a.onPresented;
|
|
41
|
-
return (jsx(AnimatedHeight, __assign({ animate: animate, onAnimationEnd: onPresented }, { children: jsx(Container, __assign({ css: css }, { children: jsx(ChatTimestamp, { createdAt: createdAt }) })) })));
|
|
42
|
-
};
|
|
43
28
|
var BotInteractionWidget = function (props) {
|
|
44
|
-
var _a = props !== null && props !== void 0 ? props : {}, data = _a.data, metaData = _a.metaData, events = _a.events
|
|
29
|
+
var _a = props !== null && props !== void 0 ? props : {}, data = _a.data, metaData = _a.metaData, events = _a.events;
|
|
45
30
|
var _b = data !== null && data !== void 0 ? data : {}, heading = _b.heading, dynamicSlot = _b.dynamicSlot, highlight = _b.highlight, bodyContent = _b.bodyContent, listSelection = _b.listSelection, workflowOptions = _b.workflowOptions, feedback = _b.feedback;
|
|
46
31
|
var _c = metaData !== null && metaData !== void 0 ? metaData : {}, createdAt = _c.createdAt, _d = _c.messageId, messageId = _d === void 0 ? "" : _d, _e = _c.chatId, chatId = _e === void 0 ? "" : _e;
|
|
47
32
|
var theme = useTheme();
|
|
@@ -63,8 +48,7 @@ var BotInteractionWidget = function (props) {
|
|
|
63
48
|
var isContentShown = useMemo(function () {
|
|
64
49
|
return !isEmpty(heading) || !isEmpty(dynamicSlot) || !isEmpty(highlight) || !isEmpty(bodyContent) || !isEmpty(listSelection) || !isEmpty(workflowOptions);
|
|
65
50
|
}, [heading, dynamicSlot, highlight, bodyContent, listSelection, workflowOptions]);
|
|
66
|
-
|
|
67
|
-
return (jsxs(SequentialReveal, __assign({ animate: animate, onComplete: onPresented }, { children: [!isEmpty(heading) && jsx(Slot, { animate: animate, widget: heading, metaData: metaData }), !isEmpty(dynamicSlot) && jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: dynamicSlot, metaData: metaData }), !isEmpty(highlight) && jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: highlight, metaData: metaData }), !isEmpty(bodyContent) && jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: bodyContent, metaData: metaData }), !isEmpty(listSelection) && jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: listSelection, metaData: metaData }), !isEmpty(workflowOptions) && jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: workflowOptions, metaData: metaData }), isContentShown && createdAt && jsx(TimestampSlot, { animate: animate, createdAt: createdAt, css: staticStyles.timestampGap }), !isEmpty(feedback) && jsx(Slot, { animate: animate, gap: isContentShown ? staticStyles.gap : {}, widget: feedback, metaData: metaData })] })));
|
|
51
|
+
return (jsxs(SequentialReveal, __assign({ animate: animateRef.current }, { children: [!isEmpty(heading) && jsx(WidgetGenerator, __assign({}, heading, { metaData: metaData })), !isEmpty(dynamicSlot) && jsx(Container, __assign({ css: staticStyles.gap }, { children: jsx(WidgetGenerator, __assign({}, dynamicSlot, { metaData: metaData })) })), !isEmpty(highlight) && jsx(Container, __assign({ css: staticStyles.gap }, { children: jsx(WidgetGenerator, __assign({}, highlight, { metaData: metaData })) })), !isEmpty(bodyContent) && jsx(Container, __assign({ css: staticStyles.gap }, { children: jsx(WidgetGenerator, __assign({}, bodyContent, { metaData: metaData })) })), !isEmpty(listSelection) && jsx(Container, __assign({ css: staticStyles.gap }, { children: jsx(WidgetGenerator, __assign({}, listSelection, { metaData: metaData })) })), !isEmpty(workflowOptions) && jsx(Container, __assign({ css: staticStyles.gap }, { children: jsx(WidgetGenerator, __assign({}, workflowOptions, { metaData: metaData })) })), isContentShown && createdAt && jsx(Container, __assign({ css: staticStyles.timestampGap }, { children: jsx(ChatTimestamp, { createdAt: createdAt }) })), !isEmpty(feedback) && jsx(Container, __assign({ css: isContentShown ? staticStyles.gap : {} }, { children: jsx(WidgetGenerator, __assign({}, feedback, { metaData: metaData })) }))] })));
|
|
68
52
|
};
|
|
69
53
|
|
|
70
54
|
export { BotInteractionWidget };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"talos-bot-interaction-widget.esm.js","sources":["../packages/components/bot-interaction-widget/src/style.ts","../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"sourcesContent":[null,null],"names":["
|
|
1
|
+
{"version":3,"file":"talos-bot-interaction-widget.esm.js","sources":["../packages/components/bot-interaction-widget/src/style.ts","../packages/components/bot-interaction-widget/src/BotInteractionWidget.tsx"],"sourcesContent":[null,null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('stream'), require('react-dom'), require('@cleartrip/talos-sequential-reveal'), require('@cleartrip/talos-widget-manager'), require('@cleartrip/talos-chat-timestamp'), require('@cleartrip/talos-use-chat-controller'), require('@cleartrip/talos-general-utils')
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react', 'stream', 'react-dom', '@cleartrip/talos-sequential-reveal', '@cleartrip/talos-widget-manager', '@cleartrip/talos-chat-timestamp', '@cleartrip/talos-use-chat-controller', '@cleartrip/talos-general-utils'
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TalosBotInteractionWidget = {}, global.React, global.require$$7, global.ReactDOM, global.talosSequentialReveal, global.talosWidgetManager, global.talosChatTimestamp, global.talosUseChatController, global.talosGeneralUtils
|
|
5
|
-
})(this, (function (exports, React__default$1, require$$7, ReactDOM, talosSequentialReveal, talosWidgetManager, talosChatTimestamp, talosUseChatController, talosGeneralUtils
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('stream'), require('react-dom'), require('@cleartrip/talos-sequential-reveal'), require('@cleartrip/talos-widget-manager'), require('@cleartrip/talos-chat-timestamp'), require('@cleartrip/talos-use-chat-controller'), require('@cleartrip/talos-general-utils')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react', 'stream', 'react-dom', '@cleartrip/talos-sequential-reveal', '@cleartrip/talos-widget-manager', '@cleartrip/talos-chat-timestamp', '@cleartrip/talos-use-chat-controller', '@cleartrip/talos-general-utils'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TalosBotInteractionWidget = {}, global.React, global.require$$7, global.ReactDOM, global.talosSequentialReveal, global.talosWidgetManager, global.talosChatTimestamp, global.talosUseChatController, global.talosGeneralUtils));
|
|
5
|
+
})(this, (function (exports, React__default$1, require$$7, ReactDOM, talosSequentialReveal, talosWidgetManager, talosChatTimestamp, talosUseChatController, talosGeneralUtils) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
8
|
|
|
@@ -21329,8 +21329,8 @@
|
|
|
21329
21329
|
isCenter = _a.isCenter,
|
|
21330
21330
|
_c = _a.isTop,
|
|
21331
21331
|
isTop = _c === void 0 ? true : _c,
|
|
21332
|
-
|
|
21333
|
-
|
|
21332
|
+
rest = __rest$2(_a, ["wrapperCss", "isBack", "children", "variant", "isCenter", "isTop"]);
|
|
21333
|
+
var onClose = rest.onClose;
|
|
21334
21334
|
var theme = useTheme();
|
|
21335
21335
|
var closeButtonStyles = getCloseButtonStyle({
|
|
21336
21336
|
theme: theme,
|
|
@@ -30512,93 +30512,6 @@
|
|
|
30512
30512
|
}));
|
|
30513
30513
|
});
|
|
30514
30514
|
|
|
30515
|
-
var InitialCorner;
|
|
30516
|
-
(function (InitialCorner) {
|
|
30517
|
-
InitialCorner["TOP_LEFT"] = "top-left";
|
|
30518
|
-
InitialCorner["TOP_RIGHT"] = "top-right";
|
|
30519
|
-
InitialCorner["BOTTOM_LEFT"] = "bottom-left";
|
|
30520
|
-
InitialCorner["BOTTOM_RIGHT"] = "bottom-right";
|
|
30521
|
-
})(InitialCorner || (InitialCorner = {}));
|
|
30522
|
-
|
|
30523
|
-
var Phase;
|
|
30524
|
-
(function (Phase) {
|
|
30525
|
-
Phase["INITIAL"] = "initial";
|
|
30526
|
-
Phase["EXPANDING"] = "expanding";
|
|
30527
|
-
Phase["DONE"] = "done";
|
|
30528
|
-
})(Phase || (Phase = {}));
|
|
30529
|
-
var AnimateHeight = function (_a) {
|
|
30530
|
-
var animate = _a.animate,
|
|
30531
|
-
_b = _a.durationMs,
|
|
30532
|
-
durationMs = _b === void 0 ? 500 : _b,
|
|
30533
|
-
onAnimationEnd = _a.onAnimationEnd,
|
|
30534
|
-
children = _a.children;
|
|
30535
|
-
var _c = React__default$1.useState(animate ? Phase.INITIAL : Phase.DONE),
|
|
30536
|
-
phase = _c[0],
|
|
30537
|
-
setPhase = _c[1];
|
|
30538
|
-
var _d = React__default$1.useState(0),
|
|
30539
|
-
target = _d[0],
|
|
30540
|
-
setTarget = _d[1];
|
|
30541
|
-
var innerRef = React__default$1.useRef(null);
|
|
30542
|
-
var completedRef = React__default$1.useRef(!animate);
|
|
30543
|
-
var onEndRef = React__default$1.useRef(onAnimationEnd);
|
|
30544
|
-
onEndRef.current = onAnimationEnd;
|
|
30545
|
-
var complete = function () {
|
|
30546
|
-
var _a;
|
|
30547
|
-
if (completedRef.current) return;
|
|
30548
|
-
completedRef.current = true;
|
|
30549
|
-
setPhase(Phase.DONE);
|
|
30550
|
-
(_a = onEndRef.current) === null || _a === void 0 ? void 0 : _a.call(onEndRef);
|
|
30551
|
-
};
|
|
30552
|
-
React__default$1.useLayoutEffect(function () {
|
|
30553
|
-
if (!animate || phase !== Phase.INITIAL) return;
|
|
30554
|
-
var node = innerRef.current;
|
|
30555
|
-
if (!node) return;
|
|
30556
|
-
var measured = node.scrollHeight;
|
|
30557
|
-
setTarget(measured);
|
|
30558
|
-
if (measured === 0) {
|
|
30559
|
-
complete();
|
|
30560
|
-
return;
|
|
30561
|
-
}
|
|
30562
|
-
var rafId = requestAnimationFrame(function () {
|
|
30563
|
-
return setPhase(Phase.EXPANDING);
|
|
30564
|
-
});
|
|
30565
|
-
return function () {
|
|
30566
|
-
return cancelAnimationFrame(rafId);
|
|
30567
|
-
};
|
|
30568
|
-
}, [animate, phase]);
|
|
30569
|
-
React__default$1.useEffect(function () {
|
|
30570
|
-
if (phase !== Phase.EXPANDING) return;
|
|
30571
|
-
var t = setTimeout(complete, durationMs + 100);
|
|
30572
|
-
return function () {
|
|
30573
|
-
return clearTimeout(t);
|
|
30574
|
-
};
|
|
30575
|
-
}, [phase, durationMs]);
|
|
30576
|
-
var handleTransitionEnd = function (e) {
|
|
30577
|
-
if (e.propertyName !== "height" || phase !== Phase.EXPANDING) return;
|
|
30578
|
-
complete();
|
|
30579
|
-
};
|
|
30580
|
-
if (!animate) return jsxRuntimeExports$2.jsx(jsxRuntimeExports$2.Fragment, {
|
|
30581
|
-
children: children
|
|
30582
|
-
});
|
|
30583
|
-
var isAnimating = phase !== Phase.DONE;
|
|
30584
|
-
var wrapperStyle = isAnimating ? {
|
|
30585
|
-
height: phase === Phase.INITIAL ? 0 : target,
|
|
30586
|
-
opacity: phase === Phase.INITIAL ? 0 : 1,
|
|
30587
|
-
overflow: "hidden",
|
|
30588
|
-
transition: "height ".concat(durationMs, "ms ease-out, opacity ").concat(durationMs, "ms ease-out")
|
|
30589
|
-
} : undefined;
|
|
30590
|
-
return jsxRuntimeExports$2.jsx(Container, __assign$4({
|
|
30591
|
-
style: wrapperStyle,
|
|
30592
|
-
onTransitionEnd: handleTransitionEnd
|
|
30593
|
-
}, {
|
|
30594
|
-
children: jsxRuntimeExports$2.jsx(Container, __assign$4({
|
|
30595
|
-
ref: innerRef
|
|
30596
|
-
}, {
|
|
30597
|
-
children: children
|
|
30598
|
-
}))
|
|
30599
|
-
}));
|
|
30600
|
-
};
|
|
30601
|
-
|
|
30602
30515
|
var styles = function (theme) {
|
|
30603
30516
|
return {
|
|
30604
30517
|
gap: {
|
|
@@ -30616,21 +30529,8 @@
|
|
|
30616
30529
|
};
|
|
30617
30530
|
};
|
|
30618
30531
|
|
|
30619
|
-
var Slot = function (_a) {
|
|
30620
|
-
var _b;
|
|
30621
|
-
var widget = _a.widget, animate = _a.animate, metaData = _a.metaData, gap = _a.gap, onPresented = _a.onPresented;
|
|
30622
|
-
var widgetWithDefaults = __assign$4(__assign$4({}, widget), { presentation: (_b = widget.presentation) !== null && _b !== void 0 ? _b : {
|
|
30623
|
-
entry: animate ? talosWidgetTypes.EntryAnimation.REVEAL : talosWidgetTypes.EntryAnimation.NONE,
|
|
30624
|
-
} });
|
|
30625
|
-
var generator = (jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, widgetWithDefaults, { metaData: metaData, onPresented: onPresented })));
|
|
30626
|
-
return gap ? jsxRuntimeExports$2.jsx(Container, __assign$4({ css: gap }, { children: generator })) : generator;
|
|
30627
|
-
};
|
|
30628
|
-
var TimestampSlot = function (_a) {
|
|
30629
|
-
var createdAt = _a.createdAt, animate = _a.animate, css = _a.css, onPresented = _a.onPresented;
|
|
30630
|
-
return (jsxRuntimeExports$2.jsx(AnimateHeight, __assign$4({ animate: animate, onAnimationEnd: onPresented }, { children: jsxRuntimeExports$2.jsx(Container, __assign$4({ css: css }, { children: jsxRuntimeExports$2.jsx(talosChatTimestamp.ChatTimestamp, { createdAt: createdAt }) })) })));
|
|
30631
|
-
};
|
|
30632
30532
|
var BotInteractionWidget = function (props) {
|
|
30633
|
-
var _a = props !== null && props !== void 0 ? props : {}, data = _a.data, metaData = _a.metaData, events = _a.events
|
|
30533
|
+
var _a = props !== null && props !== void 0 ? props : {}, data = _a.data, metaData = _a.metaData, events = _a.events;
|
|
30634
30534
|
var _b = data !== null && data !== void 0 ? data : {}, heading = _b.heading, dynamicSlot = _b.dynamicSlot, highlight = _b.highlight, bodyContent = _b.bodyContent, listSelection = _b.listSelection, workflowOptions = _b.workflowOptions, feedback = _b.feedback;
|
|
30635
30535
|
var _c = metaData !== null && metaData !== void 0 ? metaData : {}, createdAt = _c.createdAt, _d = _c.messageId, messageId = _d === void 0 ? "" : _d, _e = _c.chatId, chatId = _e === void 0 ? "" : _e;
|
|
30636
30536
|
var theme = useTheme();
|
|
@@ -30652,8 +30552,7 @@
|
|
|
30652
30552
|
var isContentShown = React__default$1.useMemo(function () {
|
|
30653
30553
|
return !talosGeneralUtils.isEmpty(heading) || !talosGeneralUtils.isEmpty(dynamicSlot) || !talosGeneralUtils.isEmpty(highlight) || !talosGeneralUtils.isEmpty(bodyContent) || !talosGeneralUtils.isEmpty(listSelection) || !talosGeneralUtils.isEmpty(workflowOptions);
|
|
30654
30554
|
}, [heading, dynamicSlot, highlight, bodyContent, listSelection, workflowOptions]);
|
|
30655
|
-
|
|
30656
|
-
return (jsxRuntimeExports$2.jsxs(talosSequentialReveal.SequentialReveal, __assign$4({ animate: animate, onComplete: onPresented }, { children: [!talosGeneralUtils.isEmpty(heading) && jsxRuntimeExports$2.jsx(Slot, { animate: animate, widget: heading, metaData: metaData }), !talosGeneralUtils.isEmpty(dynamicSlot) && jsxRuntimeExports$2.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: dynamicSlot, metaData: metaData }), !talosGeneralUtils.isEmpty(highlight) && jsxRuntimeExports$2.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: highlight, metaData: metaData }), !talosGeneralUtils.isEmpty(bodyContent) && jsxRuntimeExports$2.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: bodyContent, metaData: metaData }), !talosGeneralUtils.isEmpty(listSelection) && jsxRuntimeExports$2.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: listSelection, metaData: metaData }), !talosGeneralUtils.isEmpty(workflowOptions) && jsxRuntimeExports$2.jsx(Slot, { animate: animate, gap: staticStyles.gap, widget: workflowOptions, metaData: metaData }), isContentShown && createdAt && jsxRuntimeExports$2.jsx(TimestampSlot, { animate: animate, createdAt: createdAt, css: staticStyles.timestampGap }), !talosGeneralUtils.isEmpty(feedback) && jsxRuntimeExports$2.jsx(Slot, { animate: animate, gap: isContentShown ? staticStyles.gap : {}, widget: feedback, metaData: metaData })] })));
|
|
30555
|
+
return (jsxRuntimeExports$2.jsxs(talosSequentialReveal.SequentialReveal, __assign$4({ animate: animateRef.current }, { children: [!talosGeneralUtils.isEmpty(heading) && jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, heading, { metaData: metaData })), !talosGeneralUtils.isEmpty(dynamicSlot) && jsxRuntimeExports$2.jsx(Container, __assign$4({ css: staticStyles.gap }, { children: jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, dynamicSlot, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(highlight) && jsxRuntimeExports$2.jsx(Container, __assign$4({ css: staticStyles.gap }, { children: jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, highlight, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(bodyContent) && jsxRuntimeExports$2.jsx(Container, __assign$4({ css: staticStyles.gap }, { children: jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, bodyContent, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(listSelection) && jsxRuntimeExports$2.jsx(Container, __assign$4({ css: staticStyles.gap }, { children: jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, listSelection, { metaData: metaData })) })), !talosGeneralUtils.isEmpty(workflowOptions) && jsxRuntimeExports$2.jsx(Container, __assign$4({ css: staticStyles.gap }, { children: jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, workflowOptions, { metaData: metaData })) })), isContentShown && createdAt && jsxRuntimeExports$2.jsx(Container, __assign$4({ css: staticStyles.timestampGap }, { children: jsxRuntimeExports$2.jsx(talosChatTimestamp.ChatTimestamp, { createdAt: createdAt }) })), !talosGeneralUtils.isEmpty(feedback) && jsxRuntimeExports$2.jsx(Container, __assign$4({ css: isContentShown ? staticStyles.gap : {} }, { children: jsxRuntimeExports$2.jsx(talosWidgetManager.WidgetGenerator, __assign$4({}, feedback, { metaData: metaData })) }))] })));
|
|
30657
30556
|
};
|
|
30658
30557
|
|
|
30659
30558
|
exports.BotInteractionWidget = BotInteractionWidget;
|