@@ -571,12 +571,12 @@ if (typeof window !== 'undefined') {
571571// Indicate to webpack that this file can be concatenated
572572/* harmony default export */ var setPublicPath = ( null ) ;
573573
574- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BotUI.vue?vue&type=template&id=5112ef32 &lang=pug&
574+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BotUI.vue?vue&type=template&id=31f28b46 &lang=pug&
575575var render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-bot-ui" , class :_vm . uiClasses } , [ _c ( 'transition' , { attrs :{ "name" :"qkb-fadeUp" } } , [ ( _vm . botActive ) ?_c ( 'div' , { staticClass :"qkb-board" } , [ _c ( 'BoardHeader' , { attrs :{ "bot-title" :_vm . optionsMain . botTitle } , on :{ "close-bot" :_vm . botToggle } } ) , _c ( 'BoardContent' , { attrs :{ "bot-typing" :_vm . botTyping , "main-data" :_vm . messages } } ) , _c ( 'BoardAction' , { attrs :{ "input-disable" :_vm . inputDisable , "input-placeholder" :_vm . optionsMain . inputPlaceholder , "input-disable-placeholder" :_vm . optionsMain . inputDisablePlaceholder } , on :{ "msg-send" :_vm . sendMessage } } ) ] , 1 ) :_vm . _e ( ) ] ) , _c ( 'div' , { staticClass :"qkb-bot-bubble" } , [ _c ( 'button' , { staticClass :"qkb-bubble-btn" , on :{ "click" :_vm . botToggle } } , [ _vm . _t ( "bubbleButton" , [ _c ( 'transition' , { attrs :{ "name" :"qkb-scaleUp" } } , [ ( ! _vm . botActive ) ?_c ( 'BubbleIcon' , { key :"1" , staticClass :"qkb-bubble-btn-icon" } ) :_c ( 'CloseIcon' , { key :"2" , staticClass :"qkb-bubble-btn-icon qkb-bubble-btn-icon--close" } ) ] , 1 ) ] ) ] , 2 ) ] ) , _c ( 'AppStyle' , { attrs :{ "options" :_vm . optionsMain } } ) , _c ( 'div' , { staticClass :"qkb-preload-image" } , [ ( _vm . optionsMain . botAvatarImg ) ?_c ( 'div' , { staticClass :"qkb-msg-avatar__img" } ) :_vm . _e ( ) ] ) ] , 1 ) }
576576var staticRenderFns = [ ]
577577
578578
579- // CONCATENATED MODULE: ./src/components/BotUI.vue?vue&type=template&id=5112ef32 &lang=pug&
579+ // CONCATENATED MODULE: ./src/components/BotUI.vue?vue&type=template&id=31f28b46 &lang=pug&
580580
581581// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
582582var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__ ( "8bbf" ) ;
@@ -586,7 +586,7 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
586586
587587var EventBus = new external_commonjs_vue_commonjs2_vue_root_Vue_default . a ( ) ;
588588/* harmony default export */ var event_bus = ( EventBus ) ;
589- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Board/Header.vue?vue&type=template&id=b70ffcbe&lang=pug&
589+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Board/Header.vue?vue&type=template&id=b70ffcbe&lang=pug&
590590var Headervue_type_template_id_b70ffcbe_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-board-header" } , [ _vm . _t ( "header" , [ _c ( 'div' , { staticClass :"qkb-board-header__title" } , [ _vm . _v ( _vm . _s ( _vm . botTitle ) ) ] ) ] ) ] , 2 ) }
591591var Headervue_type_template_id_b70ffcbe_lang_pug_staticRenderFns = [ ]
592592
@@ -724,21 +724,21 @@ var component = normalizeComponent(
724724)
725725
726726/* harmony default export */ var Header = ( component . exports ) ;
727- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Board/Content.vue?vue&type=template&id=cb3a621a&lang=pug&
727+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Board/Content.vue?vue&type=template&id=cb3a621a&lang=pug&
728728var Contentvue_type_template_id_cb3a621a_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { ref :"boardContent" , staticClass :"qkb-board-content" } , [ _c ( 'div' , { ref :"boardBubbles" , staticClass :"qkb-board-content__bubbles" } , [ _vm . _l ( ( _vm . mainData ) , function ( item , index ) { return _c ( 'message-bubble' , { key :index , attrs :{ "message" :item } } ) } ) , ( _vm . botTyping ) ?_c ( 'div' , { staticClass :"qkb-board-content__bot-typing" } , [ _vm . _t ( "botTyping" , [ _c ( 'message-typing' ) ] ) ] , 2 ) :_vm . _e ( ) ] , 2 ) ] ) }
729729var Contentvue_type_template_id_cb3a621a_lang_pug_staticRenderFns = [ ]
730730
731731
732732// CONCATENATED MODULE: ./src/components/Board/Content.vue?vue&type=template&id=cb3a621a&lang=pug&
733733
734- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/Main.vue?vue&type=template&id=a5ad0eec&lang=pug&
734+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/Main.vue?vue&type=template&id=a5ad0eec&lang=pug&
735735var Mainvue_type_template_id_a5ad0eec_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-msg-bubble" , class :_vm . bubbleClass } , [ ( _vm . message . agent === 'bot' ) ?_c ( 'div' , { staticClass :"qkb-msg-avatar" } , [ _c ( 'div' , { staticClass :"qkb-msg-avatar__img" } ) ] ) :_vm . _e ( ) , ( _vm . componentType ) ?_c ( _vm . componentType , { tag :"component" , attrs :{ "main-data" :_vm . message } } ) :_vm . _e ( ) , ( _vm . message . createdAt ) ?_c ( 'div' , { staticClass :"qkb-msg-bubble__time" } , [ _vm . _v ( _vm . _s ( _vm . message . createdAt ) ) ] ) :_vm . _e ( ) ] , 1 ) }
736736var Mainvue_type_template_id_a5ad0eec_lang_pug_staticRenderFns = [ ]
737737
738738
739739// CONCATENATED MODULE: ./src/components/MessageBubble/Main.vue?vue&type=template&id=a5ad0eec&lang=pug&
740740
741- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/SingleText.vue?vue&type=template&id=0f53937a&lang=pug&
741+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/SingleText.vue?vue&type=template&id=0f53937a&lang=pug&
742742var SingleTextvue_type_template_id_0f53937a_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-msg-bubble-component qkb-msg-bubble-component--single-text" } , [ _c ( 'div' , { staticClass :"qkb-msg-bubble-component__text" } , [ _vm . _v ( _vm . _s ( _vm . mainData . text ) ) ] ) ] ) }
743743var SingleTextvue_type_template_id_0f53937a_lang_pug_staticRenderFns = [ ]
744744
@@ -779,7 +779,7 @@ var SingleText_component = normalizeComponent(
779779)
780780
781781/* harmony default export */ var SingleText = ( SingleText_component . exports ) ;
782- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/ButtonOptions.vue?vue&type=template&id=28e65909&lang=pug&
782+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/ButtonOptions.vue?vue&type=template&id=28e65909&lang=pug&
783783var ButtonOptionsvue_type_template_id_28e65909_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-msg-bubble-component qkb-msg-bubble-component--button-options" } , [ _c ( 'div' , { staticClass :"qkb-msg-bubble-component__text" } , [ _vm . _v ( _vm . _s ( _vm . mainData . text ) ) ] ) , _c ( 'div' , { staticClass :"qkb-msg-bubble-component__options-wrapper" } , _vm . _l ( ( _vm . mainData . options ) , function ( item , index ) { return _c ( 'div' , { key :index , staticClass :"qkb-mb-button-options__item" , class :{ active : _vm . selectedItem === item . value } } , [ ( item . action === 'postback' ) ?_c ( 'button' , { staticClass :"qkb-mb-button-options__btn" , on :{ "click" :function ( $event ) { return _vm . selectOption ( item ) } } } , [ _c ( 'span' , [ _vm . _v ( _vm . _s ( item . text ) ) ] ) ] ) :_c ( 'a' , { staticClass :"qkb-mb-button-options__btn qkb-mb-button-options__url" , attrs :{ "target" :"_blank" , "href" :item . value } } , [ _c ( 'span' , [ _vm . _v ( _vm . _s ( item . text ) ) ] ) ] ) ] ) } ) , 0 ) ] ) }
784784var ButtonOptionsvue_type_template_id_28e65909_lang_pug_staticRenderFns = [ ]
785785
@@ -917,7 +917,7 @@ var Main_component = normalizeComponent(
917917)
918918
919919/* harmony default export */ var Main = ( Main_component . exports ) ;
920- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/Typing.vue?vue&type=template&id=7757c674&lang=pug&
920+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MessageBubble/Typing.vue?vue&type=template&id=7757c674&lang=pug&
921921var Typingvue_type_template_id_7757c674_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _vm . _m ( 0 ) }
922922var Typingvue_type_template_id_7757c674_lang_pug_staticRenderFns = [ function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-msg-bubble qkb-msg-bubble--bot" } , [ _c ( 'div' , { staticClass :"qkb-msg-avatar" } , [ _c ( 'div' , { staticClass :"qkb-msg-avatar__img" } ) ] ) , _c ( 'div' , { staticClass :"qkb-msg-bubble-component qkb-msg-bubble-component--typing" } , [ _c ( 'div' , { staticClass :"qkb-msg-bubble-component__text" } , [ _c ( 'div' , { staticClass :"qkb-msg-bubble__typing-indicator" } , [ _c ( 'span' ) ] ) ] ) ] ) ] ) } ]
923923
@@ -1015,7 +1015,7 @@ var Content_component = normalizeComponent(
10151015)
10161016
10171017/* harmony default export */ var Content = ( Content_component . exports ) ;
1018- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Board/Action.vue?vue&type=template&id=de0d164e&lang=pug&
1018+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Board/Action.vue?vue&type=template&id=de0d164e&lang=pug&
10191019var Actionvue_type_template_id_de0d164e_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-board-action" , class :_vm . actionClass } , [ _c ( 'div' , { staticClass :"qkb-board-action__wrapper" } , [ _c ( 'div' , { staticClass :"qkb-board-action__msg-box" } , [ _c ( 'input' , { directives :[ { name :"model" , rawName :"v-model" , value :( _vm . messageText ) , expression :"messageText" } ] , ref :"qkbMessageInput" , staticClass :"qkb-board-action__input" , attrs :{ "type" :"text" , "disabled" :_vm . inputDisable , "placeholder" :_vm . inputPlaceholder } , domProps :{ "value" :( _vm . messageText ) } , on :{ "keydown" :function ( $event ) { if ( ! $event . type . indexOf ( 'key' ) && _vm . _k ( $event . keyCode , "enter" , 13 , $event . key , "Enter" ) ) { return null ; } return _vm . sendMessage ( $event ) } , "input" :function ( $event ) { if ( $event . target . composing ) { return ; } _vm . messageText = $event . target . value } } } ) , ( _vm . inputDisablePlaceholder && _vm . inputDisable ) ?_c ( 'div' , { staticClass :"qkb-board-action__disable-text" } , [ _c ( 'span' , [ _vm . _v ( _vm . _s ( _vm . inputDisablePlaceholder ) ) ] ) ] ) :_vm . _e ( ) ] ) , _c ( 'div' , { staticClass :"qkb-board-action__extra" } , [ _vm . _t ( "actions" ) , _c ( 'button' , { staticClass :"qkb-action-item qkb-action-item--send" , on :{ "click" :_vm . sendMessage } } , [ _vm . _t ( "sendButton" , [ _c ( 'IconSend' , { staticClass :"qkb-action-icon qkb-action-icon--send" } ) ] ) ] , 2 ) ] , 2 ) ] ) ] ) }
10201020var Actionvue_type_template_id_de0d164e_lang_pug_staticRenderFns = [ ]
10211021
@@ -1163,7 +1163,7 @@ var Action_component = normalizeComponent(
11631163)
11641164
11651165/* harmony default export */ var Action = ( Action_component . exports ) ;
1166- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5e494def -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppStyle.vue?vue&type=template&id=168c7d68&lang=pug&
1166+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5daad578 -vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/pug-plain-loader!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AppStyle.vue?vue&type=template&id=168c7d68&lang=pug&
11671167var AppStylevue_type_template_id_168c7d68_lang_pug_render = function ( ) { var _vm = this ; var _h = _vm . $createElement ; var _c = _vm . _self . _c || _h ; return _c ( 'div' , { staticClass :"qkb-bot-style" , staticStyle :{ "display" :"none" } , domProps :{ "innerHTML" :_vm . _s ( _vm . style ) } } ) }
11681168var AppStylevue_type_template_id_168c7d68_lang_pug_staticRenderFns = [ ]
11691169
@@ -1394,6 +1394,9 @@ function BotUIvue_type_script_lang_js_defineProperty(obj, key, value) { if (key
13941394 isOpen : {
13951395 type : Boolean ,
13961396 "default" : false
1397+ } ,
1398+ openDelay : {
1399+ type : Number
13971400 }
13981401 } ,
13991402 data : function data ( ) {
@@ -1435,19 +1438,27 @@ function BotUIvue_type_script_lang_js_defineProperty(obj, key, value) { if (key
14351438 } ,
14361439 created : function created ( ) {
14371440 if ( this . isOpen ) {
1438- this . botToggle ( ) ;
1441+ if ( this . openDelay ) {
1442+ setTimeout ( this . botOpen , this . openDelay ) ;
1443+ } else {
1444+ this . botToggle ( ) ;
1445+ }
14391446 }
1440-
1441- event_bus . $on ( 'select-button-option' , this . selectOption ) ;
14421447 } ,
14431448 beforeDestroy : function beforeDestroy ( ) {
14441449 event_bus . $off ( 'select-button-option' ) ;
14451450 } ,
14461451 methods : {
1452+ botOpen : function botOpen ( ) {
1453+ if ( ! this . botActive ) {
1454+ this . botToggle ( ) ;
1455+ }
1456+ } ,
14471457 botToggle : function botToggle ( ) {
14481458 this . botActive = ! this . botActive ;
14491459
14501460 if ( this . botActive ) {
1461+ event_bus . $on ( 'select-button-option' , this . selectOption ) ;
14511462 this . $emit ( 'init' ) ;
14521463 } else {
14531464 event_bus . $off ( 'select-button-option' ) ;
0 commit comments