/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
if ('undefined' == typeof vajQuery) throw new Error("Bootstrap's JavaScript requires jQuery");
+(function (a) {
    'use strict';
    var b = a.fn.jquery.split(' ')[0].split('.');
    //if ((b[0] < 2 && b[1] < 9) || (1 == b[0] && 9 == b[1] && b[2] < 1) || b[0] > 2) throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3");
})(vajQuery),
    +(function (a) {
        'use strict';
        function b() {
            var a = document.createElement('bootstrap'),
                b = {WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd otransitionend', transition: 'transitionend'};
            for (var c in b) if (void 0 !== a.style[c]) return {end: b[c]};
            return !1;
        }
        (a.fn.emulateTransitionEnd = function (b) {
            var c = !1,
                d = this;
            a(this).one('bsTransitionEnd', function () {
                c = !0;
            });
            var e = function () {
                c || a(d).trigger(a.support.transition.end);
            };
            return setTimeout(e, b), this;
        }),
            a(function () {
                (a.support.transition = b()),
                    a.support.transition &&
                        (a.event.special.bsTransitionEnd = {
                            bindType: a.support.transition.end,
                            delegateType: a.support.transition.end,
                            handle: function (b) {
                                return a(b.target).is(this) ? b.handleObj.handler.apply(this, arguments) : void 0;
                            }
                        });
            });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            return this.each(function () {
                var c = a(this),
                    e = c.data('bs.alert');
                e || c.data('bs.alert', (e = new d(this))), 'string' == typeof b && e[b].call(c);
            });
        }
        var c = '[data-dismiss="alert"]',
            d = function (b) {
                a(b).on('click', c, this.close);
            };
        (d.VERSION = '4.6.2'),
            (d.TRANSITION_DURATION = 150),
            (d.prototype.close = function (b) {
                function c() {
                    g.detach().trigger('closed.bs.alert').remove();
                }
                var e = a(this),
                    f = e.attr('data-target');
                f || ((f = e.attr('href')), (f = f && f.replace(/.*(?=#[^\s]*$)/, '')));
                var g = a(f);
                b && b.preventDefault(),
                    g.length || (g = e.closest('.alert')),
                    g.trigger((b = a.Event('close.bs.alert'))),
                    b.isDefaultPrevented() || (g.removeClass('in'), a.support.transition && g.hasClass('fade') ? g.one('bsTransitionEnd', c).emulateTransitionEnd(d.TRANSITION_DURATION) : c());
            });
        var e = a.fn.alert;
        (a.fn.alert = b),
            (a.fn.alert.Constructor = d),
            (a.fn.alert.noConflict = function () {
                return (a.fn.alert = e), this;
            }),
            a(document).on('click.bs.alert.data-api', c, d.prototype.close);
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            return this.each(function () {
                var d = a(this),
                    e = d.data('bs.button'),
                    f = 'object' == typeof b && b;
                e || d.data('bs.button', (e = new c(this, f))), 'toggle' == b ? e.toggle() : b && e.setState(b);
            });
        }
        var c = function (b, d) {
            (this.$element = a(b)), (this.options = a.extend({}, c.DEFAULTS, d)), (this.isLoading = !1);
        };
        (c.VERSION = '4.6.2'),
            (c.DEFAULTS = {loadingText: 'loading...'}),
            (c.prototype.setState = function (b) {
                var c = 'disabled',
                    d = this.$element,
                    e = d.is('input') ? 'val' : 'html',
                    f = d.data();
                (b += 'Text'),
                    null == f.resetText && d.data('resetText', d[e]()),
                    setTimeout(
                        a.proxy(function () {
                            d[e](null == f[b] ? this.options[b] : f[b]), 'loadingText' == b ? ((this.isLoading = !0), d.addClass(c).attr(c, c)) : this.isLoading && ((this.isLoading = !1), d.removeClass(c).removeAttr(c));
                        }, this),
                        0
                    );
            }),
            (c.prototype.toggle = function () {
                var a = !0,
                    b = this.$element.closest('[data-toggle="buttons"]');
                if (b.length) {
                    var c = this.$element.find('input');
                    'radio' == c.prop('type')
                        ? (c.prop('checked') && (a = !1), b.find('.active').removeClass('active'), this.$element.addClass('active'))
                        : 'checkbox' == c.prop('type') && (c.prop('checked') !== this.$element.hasClass('active') && (a = !1), this.$element.toggleClass('active')),
                        c.prop('checked', this.$element.hasClass('active')),
                        a && c.trigger('change');
                } else this.$element.attr('aria-pressed', !this.$element.hasClass('active')), this.$element.toggleClass('active');
            });
        var d = a.fn.button;
        (a.fn.button = b),
            (a.fn.button.Constructor = c),
            (a.fn.button.noConflict = function () {
                return (a.fn.button = d), this;
            }),
            a(document)
                .on('click.bs.button.data-api', '[data-toggle^="button"]', function (c) {
                    var d = a(c.target);
                    d.hasClass('btn') || (d = d.closest('.btn')), b.call(d, 'toggle'), a(c.target).is('input[type="radio"]') || a(c.target).is('input[type="checkbox"]') || c.preventDefault();
                })
                .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (b) {
                    a(b.target)
                        .closest('.btn')
                        .toggleClass('focus', /^focus(in)?$/.test(b.type));
                });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            return this.each(function () {
                var d = a(this),
                    e = d.data('bs.carousel'),
                    f = a.extend({}, c.DEFAULTS, d.data(), 'object' == typeof b && b),
                    g = 'string' == typeof b ? b : f.slide;
                e || d.data('bs.carousel', (e = new c(this, f))), 'number' == typeof b ? e.to(b) : g ? e[g]() : f.interval && e.pause().cycle();
            });
        }
        var c = function (b, c) {
            (this.$element = a(b)),
                (this.$indicators = this.$element.find('.carousel-indicators')),
                (this.options = c),
                (this.paused = null),
                (this.sliding = null),
                (this.interval = null),
                (this.$active = null),
                (this.$items = null),
                this.options.keyboard && this.$element.on('keydown.bs.carousel', a.proxy(this.keydown, this)),
                'hover' == this.options.pause && !('ontouchstart' in document.documentElement) && this.$element.on('mouseenter.bs.carousel', a.proxy(this.pause, this)).on('mouseleave.bs.carousel', a.proxy(this.cycle, this));
        };
        (c.VERSION = '4.6.2'),
            (c.TRANSITION_DURATION = 600),
            (c.DEFAULTS = {interval: 5e3, pause: 'hover', wrap: !0, keyboard: !0}),
            (c.prototype.keydown = function (a) {
                if (!/input|textarea/i.test(a.target.tagName)) {
                    switch (a.which) {
                        case 37:
                            this.prev();
                            break;
                        case 39:
                            this.next();
                            break;
                        default:
                            return;
                    }
                    a.preventDefault();
                }
            }),
            (c.prototype.cycle = function (b) {
                return b || (this.paused = !1), this.interval && clearInterval(this.interval), this.options.interval && !this.paused && (this.interval = setInterval(a.proxy(this.next, this), this.options.interval)), this;
            }),
            (c.prototype.getItemIndex = function (a) {
                return (this.$items = a.parent().children('.item')), this.$items.index(a || this.$active);
            }),
            (c.prototype.getItemForDirection = function (a, b) {
                var c = this.getItemIndex(b),
                    d = ('prev' == a && 0 === c) || ('next' == a && c == this.$items.length - 1);
                if (d && !this.options.wrap) return b;
                var e = 'prev' == a ? -1 : 1,
                    f = (c + e) % this.$items.length;
                return this.$items.eq(f);
            }),
            (c.prototype.to = function (a) {
                var b = this,
                    c = this.getItemIndex((this.$active = this.$element.find('.item.active')));
                return a > this.$items.length - 1 || 0 > a
                    ? void 0
                    : this.sliding
                    ? this.$element.one('slid.bs.carousel', function () {
                          b.to(a);
                      })
                    : c == a
                    ? this.pause().cycle()
                    : this.slide(a > c ? 'next' : 'prev', this.$items.eq(a));
            }),
            (c.prototype.pause = function (b) {
                return b || (this.paused = !0), this.$element.find('.next, .prev').length && a.support.transition && (this.$element.trigger(a.support.transition.end), this.cycle(!0)), (this.interval = clearInterval(this.interval)), this;
            }),
            (c.prototype.next = function () {
                return this.sliding ? void 0 : this.slide('next');
            }),
            (c.prototype.prev = function () {
                return this.sliding ? void 0 : this.slide('prev');
            }),
            (c.prototype.slide = function (b, d) {
                var e = this.$element.find('.item.active'),
                    f = d || this.getItemForDirection(b, e),
                    g = this.interval,
                    h = 'next' == b ? 'left' : 'right',
                    i = this;
                if (f.hasClass('active')) return (this.sliding = !1);
                var j = f[0],
                    k = a.Event('slide.bs.carousel', {relatedTarget: j, direction: h});
                if ((this.$element.trigger(k), !k.isDefaultPrevented())) {
                    if (((this.sliding = !0), g && this.pause(), this.$indicators.length)) {
                        this.$indicators.find('.active').removeClass('active');
                        var l = a(this.$indicators.children()[this.getItemIndex(f)]);
                        l && l.addClass('active');
                    }
                    var m = a.Event('slid.bs.carousel', {relatedTarget: j, direction: h});
                    return (
                        a.support.transition && this.$element.hasClass('slide')
                            ? (f.addClass(b),
                              f[0].offsetWidth,
                              e.addClass(h),
                              f.addClass(h),
                              e
                                  .one('bsTransitionEnd', function () {
                                      f.removeClass([b, h].join(' ')).addClass('active'),
                                          e.removeClass(['active', h].join(' ')),
                                          (i.sliding = !1),
                                          setTimeout(function () {
                                              i.$element.trigger(m);
                                          }, 0);
                                  })
                                  .emulateTransitionEnd(c.TRANSITION_DURATION))
                            : (e.removeClass('active'), f.addClass('active'), (this.sliding = !1), this.$element.trigger(m)),
                        g && this.cycle(),
                        this
                    );
                }
            });
        var d = a.fn.carousel;
        (a.fn.carousel = b),
            (a.fn.carousel.Constructor = c),
            (a.fn.carousel.noConflict = function () {
                return (a.fn.carousel = d), this;
            });
        var e = function (c) {
            var d,
                e = a(this),
                f = a(e.attr('data-target') || ((d = e.attr('href')) && d.replace(/.*(?=#[^\s]+$)/, '')));
            if (f.hasClass('carousel')) {
                var g = a.extend({}, f.data(), e.data()),
                    h = e.attr('data-slide-to');
                h && (g.interval = !1), b.call(f, g), h && f.data('bs.carousel').to(h), c.preventDefault();
            }
        };
        a(document).on('click.bs.carousel.data-api', '[data-slide]', e).on('click.bs.carousel.data-api', '[data-slide-to]', e),
            a(window).on('load', function () {
                a('[data-ride="carousel"]').each(function () {
                    var c = a(this);
                    b.call(c, c.data());
                });
            });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            var c,
                d = b.attr('data-target') || ((c = b.attr('href')) && c.replace(/.*(?=#[^\s]+$)/, ''));
            return a(d);
        }
        function c(b) {
            return this.each(function () {
                var c = a(this),
                    e = c.data('bs.collapse'),
                    f = a.extend({}, d.DEFAULTS, c.data(), 'object' == typeof b && b);
                !e && f.toggle && /show|hide/.test(b) && (f.toggle = !1), e || c.data('bs.collapse', (e = new d(this, f))), 'string' == typeof b && e[b]();
            });
        }
        var d = function (b, c) {
            (this.$element = a(b)),
                (this.options = a.extend({}, d.DEFAULTS, c)),
                (this.$trigger = a('[data-toggle="collapse"][href="#' + b.id + '"],[data-toggle="collapse"][data-target="#' + b.id + '"]')),
                (this.transitioning = null),
                this.options.parent ? (this.$parent = this.getParent()) : this.addAriaAndCollapsedClass(this.$element, this.$trigger),
                this.options.toggle && this.toggle();
        };
        (d.VERSION = '4.6.2'),
            (d.TRANSITION_DURATION = 350),
            (d.DEFAULTS = {toggle: !0}),
            (d.prototype.dimension = function () {
                var a = this.$element.hasClass('width');
                return a ? 'width' : 'height';
            }),
            (d.prototype.show = function () {
                if (!this.transitioning && !this.$element.hasClass('in')) {
                    var b,
                        e = this.$parent && this.$parent.children('.panel').children('.in, .collapsing');
                    if (!(e && e.length && ((b = e.data('bs.collapse')), b && b.transitioning))) {
                        var f = a.Event('show.bs.collapse');
                        if ((this.$element.trigger(f), !f.isDefaultPrevented())) {
                            e && e.length && (c.call(e, 'hide'), b || e.data('bs.collapse', null));
                            var g = this.dimension();
                            this.$element.removeClass('collapse').addClass('collapsing')[g](0).attr('aria-expanded', !0), this.$trigger.removeClass('collapsed').attr('aria-expanded', !0), (this.transitioning = 1);
                            var h = function () {
                                this.$element.removeClass('collapsing').addClass('collapse in')[g](''), (this.transitioning = 0), this.$element.trigger('shown.bs.collapse');
                            };
                            if (!a.support.transition) return h.call(this);
                            var i = a.camelCase(['scroll', g].join('-'));
                            this.$element.one('bsTransitionEnd', a.proxy(h, this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i]);
                        }
                    }
                }
            }),
            (d.prototype.hide = function () {
                if (!this.transitioning && this.$element.hasClass('in')) {
                    var b = a.Event('hide.bs.collapse');
                    if ((this.$element.trigger(b), !b.isDefaultPrevented())) {
                        var c = this.dimension();
                        this.$element[c](this.$element[c]())[0].offsetHeight,
                            this.$element.addClass('collapsing').removeClass('collapse in').attr('aria-expanded', !1),
                            this.$trigger.addClass('collapsed').attr('aria-expanded', !1),
                            (this.transitioning = 1);
                        var e = function () {
                            (this.transitioning = 0), this.$element.removeClass('collapsing').addClass('collapse').trigger('hidden.bs.collapse');
                        };
                        return a.support.transition ? void this.$element[c](0).one('bsTransitionEnd', a.proxy(e, this)).emulateTransitionEnd(d.TRANSITION_DURATION) : e.call(this);
                    }
                }
            }),
            (d.prototype.toggle = function () {
                this[this.$element.hasClass('in') ? 'hide' : 'show']();
            }),
            (d.prototype.getParent = function () {
                return a(this.options.parent)
                    .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]')
                    .each(
                        a.proxy(function (c, d) {
                            var e = a(d);
                            this.addAriaAndCollapsedClass(b(e), e);
                        }, this)
                    )
                    .end();
            }),
            (d.prototype.addAriaAndCollapsedClass = function (a, b) {
                var c = a.hasClass('in');
                a.attr('aria-expanded', c), b.toggleClass('collapsed', !c).attr('aria-expanded', c);
            });
        var e = a.fn.collapse;
        (a.fn.collapse = c),
            (a.fn.collapse.Constructor = d),
            (a.fn.collapse.noConflict = function () {
                return (a.fn.collapse = e), this;
            }),
            a(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (d) {
                var e = a(this);
                if(e.attr('data-target') && e.attr('data-target').match(/.*(?=#[^\s]+$)/) === null){
                    return;
                }else{
                    e.attr('data-target') || d.preventDefault();
                    var f = b(e),
                        g = f.data('bs.collapse'),
                        h = g ? 'toggle' : e.data();
                    c.call(f, h);
                }
               
            });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            var c = b.attr('data-target');
            c || ((c = b.attr('href')), (c = c && /#[A-Za-z]/.test(c) && c.replace(/.*(?=#[^\s]*$)/, '')));
            var d = c && a(c);
            return d && d.length ? d : b.parent();
        }
        function c(c) {
            (c && 3 === c.which) ||
                (a(e).remove(),
                a(f).each(function () {
                    var d = a(this),
                        e = b(d),
                        f = {relatedTarget: this};
                    e.hasClass('open') &&
                        ((c && 'click' == c.type && /input|textarea/i.test(c.target.tagName) && a.contains(e[0], c.target)) ||
                            (e.trigger((c = a.Event('hide.bs.dropdown', f))), c.isDefaultPrevented() || (d.attr('aria-expanded', 'false'), e.removeClass('open').trigger(a.Event('hidden.bs.dropdown', f)))));
                }));
        }
        function d(b) {
            return this.each(function () {
                var c = a(this),
                    d = c.data('bs.dropdown');
                d || c.data('bs.dropdown', (d = new g(this))), 'string' == typeof b && d[b].call(c);
            });
        }
        var e = '.dropdown-backdrop',
            f = '[data-toggle="dropdown"]',
            g = function (b) {
                a(b).on('click.bs.dropdown', this.toggle);
            };
        (g.VERSION = '4.6.2'),
            (g.prototype.toggle = function (d) {
                var e = a(this);
                if(e.attr('data-target') && e.attr('data-target').match(/.*(?=#[^\s]+$)/) === null){
                    return !1;
                }else  {
                    if (!e.is('.disabled, :disabled')){
                        var f = b(e),
                            g = f.hasClass('open');
                        if ((c(), !g)) {
                            'ontouchstart' in document.documentElement && !f.closest('.navbar-nav').length && a(document.createElement('div')).addClass('dropdown-backdrop').insertAfter(a(this)).on('click', c);
                            var h = {relatedTarget: this};
                            if ((f.trigger((d = a.Event('show.bs.dropdown', h))), d.isDefaultPrevented())) return;
                            e.trigger('focus').attr('aria-expanded', 'true'), f.toggleClass('open').trigger(a.Event('shown.bs.dropdown', h));
                        }
                        return !1;
                    }
                }
            }),
            (g.prototype.keydown = function (c) {
                if (/(38|40|27|32)/.test(c.which) && !/input|textarea/i.test(c.target.tagName)) {
                    var d = a(this);
                    if ((c.preventDefault(), c.stopPropagation(), !d.is('.disabled, :disabled'))) {
                        var e = b(d),
                            g = e.hasClass('open');
                        if ((!g && 27 != c.which) || (g && 27 == c.which)) return 27 == c.which && e.find(f).trigger('focus'), d.trigger('click');
                        var h = ' li:not(.disabled):visible a',
                            i = e.find('.dropdown-menu' + h);
                        if (i.length) {
                            var j = i.index(c.target);
                            38 == c.which && j > 0 && j--, 40 == c.which && j < i.length - 1 && j++, ~j || (j = 0), i.eq(j).trigger('focus');
                        }
                    }
                }
            });
        var h = a.fn.dropdown;
        (a.fn.dropdown = d),
            (a.fn.dropdown.Constructor = g),
            (a.fn.dropdown.noConflict = function () {
                return (a.fn.dropdown = h), this;
            }),
            a(document)
                .on('click.bs.dropdown.data-api', c)
                .on('click.bs.dropdown.data-api', '.dropdown form', function (a) {
                    a.stopPropagation();
                })
                .on('click.bs.dropdown.data-api', f, g.prototype.toggle)
                .on('keydown.bs.dropdown.data-api', f, g.prototype.keydown)
                .on('keydown.bs.dropdown.data-api', '.dropdown-menu', g.prototype.keydown);
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b, d) {
            return this.each(function () {
                var e = a(this),
                    f = e.data('bs.modal'),
                    g = a.extend({}, c.DEFAULTS, e.data(), 'object' == typeof b && b);
                f || e.data('bs.modal', (f = new c(this, g))), 'string' == typeof b ? f[b](d) : g.show && f.show(d);
            });
        }
        var c = function (b, c) {
            (this.options = c),
                (this.$body = a(document.body)),
                (this.$element = a(b)),
                (this.$dialog = this.$element.find('.modal-dialog')),
                (this.$backdrop = null),
                (this.isShown = null),
                (this.originalBodyPad = null),
                (this.scrollbarWidth = 0),
                (this.ignoreBackdropClick = !1),
                this.options.remote &&
                    this.$element.find('.modal-content').load(
                        this.options.remote,
                        a.proxy(function () {
                            this.$element.trigger('loaded.bs.modal');
                        }, this)
                    );
        };
        (c.VERSION = '4.6.2'),
            (c.TRANSITION_DURATION = 300),
            (c.BACKDROP_TRANSITION_DURATION = 150),
            (c.DEFAULTS = {backdrop: !0, keyboard: !0, show: !0}),
            (c.prototype.toggle = function (a) {
                return this.isShown ? this.hide() : this.show(a);
            }),
            (c.prototype.show = function (b) {
                var d = this,
                    e = a.Event('show.bs.modal', {relatedTarget: b});
                this.$element.trigger(e),
                    this.isShown ||
                        e.isDefaultPrevented() ||
                        ((this.isShown = !0),
                        this.checkScrollbar(),
                        this.setScrollbar(),
                        this.$body.addClass('modal-open'),
                        this.escape(),
                        this.resize(),
                        this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', a.proxy(this.hide, this)),
                        this.$dialog.on('mousedown.dismiss.bs.modal', function () {
                            d.$element.one('mouseup.dismiss.bs.modal', function (b) {
                                a(b.target).is(d.$element) && (d.ignoreBackdropClick = !0);
                            });
                        }),
                        this.backdrop(function () {
                            var e = a.support.transition && d.$element.hasClass('fade');
                            d.$element.parent().length || d.$element.appendTo(d.$body), d.$element.show().scrollTop(0), d.adjustDialog(), e && d.$element[0].offsetWidth, d.$element.addClass('in'), d.enforceFocus();
                            var f = a.Event('shown.bs.modal', {relatedTarget: b});
                            e
                                ? d.$dialog
                                      .one('bsTransitionEnd', function () {
                                          d.$element.trigger('focus').trigger(f);
                                      })
                                      .emulateTransitionEnd(c.TRANSITION_DURATION)
                                : d.$element.trigger('focus').trigger(f);
                        }));
            }),
            (c.prototype.hide = function (b) {
                b && b.preventDefault(),
                    (b = a.Event('hide.bs.modal')),
                    this.$element.trigger(b),
                    this.isShown &&
                        !b.isDefaultPrevented() &&
                        ((this.isShown = !1),
                        this.escape(),
                        this.resize(),
                        a(document).off('focusin.bs.modal'),
                        this.$element.removeClass('in').off('click.dismiss.bs.modal').off('mouseup.dismiss.bs.modal'),
                        this.$dialog.off('mousedown.dismiss.bs.modal'),
                        a.support.transition && this.$element.hasClass('fade') ? this.$element.one('bsTransitionEnd', a.proxy(this.hideModal, this)).emulateTransitionEnd(c.TRANSITION_DURATION) : this.hideModal());
            }),
            (c.prototype.enforceFocus = function () {
                a(document)
                    .off('focusin.bs.modal')
                    .on(
                        'focusin.bs.modal',
                        a.proxy(function (a) {
                            this.$element[0] === a.target || this.$element.has(a.target).length || this.$element.trigger('focus');
                        }, this)
                    );
            }),
            (c.prototype.escape = function () {
                this.isShown && this.options.keyboard
                    ? this.$element.on(
                          'keydown.dismiss.bs.modal',
                          a.proxy(function (a) {
                              27 == a.which && this.hide();
                          }, this)
                      )
                    : this.isShown || this.$element.off('keydown.dismiss.bs.modal');
            }),
            (c.prototype.resize = function () {
                this.isShown ? a(window).on('resize.bs.modal', a.proxy(this.handleUpdate, this)) : a(window).off('resize.bs.modal');
            }),
            (c.prototype.hideModal = function () {
                var a = this;
                this.$element.hide(),
                    this.backdrop(function () {
                        a.$body.removeClass('modal-open'), a.resetAdjustments(), a.resetScrollbar(), a.$element.trigger('hidden.bs.modal');
                    });
            }),
            (c.prototype.removeBackdrop = function () {
                this.$backdrop && this.$backdrop.remove(), (this.$backdrop = null);
            }),
            (c.prototype.backdrop = function (b) {
                var d = this,
                    e = this.$element.hasClass('fade') ? 'fade' : '';
                var ibmchat = this.$body;
                var ibmModalBackdrop = ' ';
                if (this.$element.hasClass('chatbotModal')) {
                    ibmchat = document.getElementById('ibm-va');
                    ibmModalBackdrop = 'chatbotModalBackdrop ';
                    if (this.$element.hasClass('openForm')) {
                        ibmModalBackdrop = 'openFormBackdrop ';
                        ibmchat = document.getElementById('ibmchat');
                    }
                    if (ibmchat === undefined || ibmchat === null) {
                        ibmchat = this.$body;
                    }
                }
                if (this.$element.hasClass('fade'))
                    if (this.isShown && this.options.backdrop) {
                        var f = a.support.transition && e;
                        if (
                            ((this.$backdrop = a(document.createElement('div'))
                                .addClass('modal-backdrop ' + ibmModalBackdrop + e)
                                .appendTo(ibmchat)),
                            this.$element.on(
                                'click.dismiss.bs.modal',
                                a.proxy(function (a) {
                                    return this.ignoreBackdropClick ? void (this.ignoreBackdropClick = !1) : void (a.target === a.currentTarget && ('static' == this.options.backdrop ? this.$element[0].focus() : this.hide()));
                                }, this)
                            ),
                            f && this.$backdrop[0].offsetWidth,
                            this.$backdrop.addClass('in'),
                            !b)
                        )
                            return;
                        f ? this.$backdrop.one('bsTransitionEnd', b).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION) : b();
                    } else if (!this.isShown && this.$backdrop) {
                        this.$backdrop.removeClass('in');
                        var g = function () {
                            d.removeBackdrop(), b && b();
                        };
                        a.support.transition && this.$element.hasClass('fade') ? this.$backdrop.one('bsTransitionEnd', g).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION) : g();
                    } else b && b();
            }),
            (c.prototype.handleUpdate = function () {
                this.adjustDialog();
            }),
            (c.prototype.adjustDialog = function () {
                var a = this.$element[0].scrollHeight > document.documentElement.clientHeight;
                this.$element.css({paddingLeft: !this.bodyIsOverflowing && a ? this.scrollbarWidth : '', paddingRight: this.bodyIsOverflowing && !a ? this.scrollbarWidth : ''});
            }),
            (c.prototype.resetAdjustments = function () {
                this.$element.css({paddingLeft: '', paddingRight: ''});
            }),
            (c.prototype.checkScrollbar = function () {
                var a = window.innerWidth;
                if (!a) {
                    var b = document.documentElement.getBoundingClientRect();
                    a = b.right - Math.abs(b.left);
                }
                (this.bodyIsOverflowing = document.body.clientWidth < a), (this.scrollbarWidth = this.measureScrollbar());
            }),
            (c.prototype.setScrollbar = function () {
                var a = parseInt(this.$body.css('padding-right') || 0, 10);
                (this.originalBodyPad = document.body.style.paddingRight || ''), this.bodyIsOverflowing && this.$body.css('padding-right', a + this.scrollbarWidth);
            }),
            (c.prototype.resetScrollbar = function () {
                this.$body.css('padding-right', this.originalBodyPad);
            }),
            (c.prototype.measureScrollbar = function () {
                var a = document.createElement('div');
                (a.className = 'modal-scrollbar-measure'), this.$body.append(a);
                var b = a.offsetWidth - a.clientWidth;
                return this.$body[0].removeChild(a), b;
            });
        var d = a.fn.modal;
        (a.fn.modal = b),
            (a.fn.modal.Constructor = c),
            (a.fn.modal.noConflict = function () {
                return (a.fn.modal = d), this;
            }),
            a(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (c) {
                var d = a(this);
                if(d.attr('data-target') && d.attr('data-target').match(/.*(?=#[^\s]+$)/) === null){
                    return;
                }else{
                    var e = d.attr('href'),
                    f = a(d.attr('data-target') || (e && e.replace(/.*(?=#[^\s]+$)/, ''))),
                    g = f.data('bs.modal') ? 'toggle' : a.extend({remote: !/#/.test(e) && e}, f.data(), d.data());
                    d.is('a') && c.preventDefault(),
                    f.one('show.bs.modal', function (a) {
                        a.isDefaultPrevented() ||
                            f.one('hidden.bs.modal', function () {
                                d.is(':visible') && d.trigger('focus');
                            });
                    }),
                    b.call(f, g, this);
                }
            });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            return this.each(function () {
                var d = a(this),
                    e = d.data('bs.tooltip'),
                    f = 'object' == typeof b && b;
                (e || !/destroy|hide/.test(b)) && (e || d.data('bs.tooltip', (e = new c(this, f))), 'string' == typeof b && e[b]());
            });
        }
        var c = function (a, b) {
            (this.type = null), (this.options = null), (this.enabled = null), (this.timeout = null), (this.hoverState = null), (this.$element = null), (this.inState = null), this.init('tooltip', a, b);
        };
        (c.VERSION = '4.6.2'),
            (c.TRANSITION_DURATION = 150),
            (c.DEFAULTS = {
                animation: !0,
                placement: 'top',
                selector: !1,
                template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
                trigger: 'hover focus',
                title: '',
                delay: 0,
                html: !1,
                container: !1,
                viewport: {selector: 'body', padding: 0}
            }),
            (c.prototype.init = function (b, c, d) {
                if (
                    ((this.enabled = !0),
                    (this.type = b),
                    (this.$element = a(c)),
                    (this.options = this.getOptions(d)),
                    (this.$viewport = this.options.viewport && a(a.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : this.options.viewport.selector || this.options.viewport)),
                    (this.inState = {click: !1, hover: !1, focus: !1}),
                    this.$element[0] instanceof document.constructor && !this.options.selector)
                )
                    throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!');
                for (var e = this.options.trigger.split(' '), f = e.length; f--; ) {
                    var g = e[f];
                    if ('click' == g) this.$element.on('click.' + this.type, this.options.selector, a.proxy(this.toggle, this));
                    else if ('manual' != g) {
                        var h = 'hover' == g ? 'mouseenter' : 'focusin',
                            i = 'hover' == g ? 'mouseleave' : 'focusout';
                        this.$element.on(h + '.' + this.type, this.options.selector, a.proxy(this.enter, this)), this.$element.on(i + '.' + this.type, this.options.selector, a.proxy(this.leave, this));
                    }
                }
                this.options.selector ? (this._options = a.extend({}, this.options, {trigger: 'manual', selector: ''})) : this.fixTitle();
            }),
            (c.prototype.getDefaults = function () {
                return c.DEFAULTS;
            }),
            (c.prototype.getOptions = function (b) {
                return (b = a.extend({}, this.getDefaults(), this.$element.data(), b)), b.delay && 'number' == typeof b.delay && (b.delay = {show: b.delay, hide: b.delay}), b;
            }),
            (c.prototype.getDelegateOptions = function () {
                var b = {},
                    c = this.getDefaults();
                return (
                    this._options &&
                        a.each(this._options, function (a, d) {
                            c[a] != d && (b[a] = d);
                        }),
                    b
                );
            }),
            (c.prototype.enter = function (b) {
                var c = b instanceof this.constructor ? b : a(b.currentTarget).data('bs.' + this.type);
                return (
                    c || ((c = new this.constructor(b.currentTarget, this.getDelegateOptions())), a(b.currentTarget).data('bs.' + this.type, c)),
                    b instanceof a.Event && (c.inState['focusin' == b.type ? 'focus' : 'hover'] = !0),
                    c.tip().hasClass('in') || 'in' == c.hoverState
                        ? void (c.hoverState = 'in')
                        : (clearTimeout(c.timeout),
                          (c.hoverState = 'in'),
                          c.options.delay && c.options.delay.show
                              ? void (c.timeout = setTimeout(function () {
                                    'in' == c.hoverState && c.show();
                                }, c.options.delay.show))
                              : c.show())
                );
            }),
            (c.prototype.isInStateTrue = function () {
                for (var a in this.inState) if (this.inState[a]) return !0;
                return !1;
            }),
            (c.prototype.leave = function (b) {
                var c = b instanceof this.constructor ? b : a(b.currentTarget).data('bs.' + this.type);
                return (
                    c || ((c = new this.constructor(b.currentTarget, this.getDelegateOptions())), a(b.currentTarget).data('bs.' + this.type, c)),
                    b instanceof a.Event && (c.inState['focusout' == b.type ? 'focus' : 'hover'] = !1),
                    c.isInStateTrue()
                        ? void 0
                        : (clearTimeout(c.timeout),
                          (c.hoverState = 'out'),
                          c.options.delay && c.options.delay.hide
                              ? void (c.timeout = setTimeout(function () {
                                    'out' == c.hoverState && c.hide();
                                }, c.options.delay.hide))
                              : c.hide())
                );
            }),
            (c.prototype.show = function () {
                var b = a.Event('show.bs.' + this.type);
                if (this.hasContent() && this.enabled) {
                    this.$element.trigger(b);
                    var d = a.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]);
                    if (b.isDefaultPrevented() || !d) return;
                    var e = this,
                        f = this.tip(),
                        g = this.getUID(this.type);
                    this.setContent(), f.attr('id', g), this.$element.attr('aria-describedby', g), this.options.animation && f.addClass('fade');
                    var h = 'function' == typeof this.options.placement ? this.options.placement.call(this, f[0], this.$element[0]) : this.options.placement,
                        i = /\s?auto?\s?/i,
                        j = i.test(h);
                    j && (h = h.replace(i, '') || 'top'),
                        f
                            .detach()
                            .css({top: 0, left: 0, display: 'block'})
                            .addClass(h)
                            .data('bs.' + this.type, this),
                        this.options.container ? f.appendTo(this.options.container) : f.insertAfter(this.$element),
                        this.$element.trigger('inserted.bs.' + this.type);
                    var k = this.getPosition(),
                        l = f[0].offsetWidth,
                        m = f[0].offsetHeight;
                    if (j) {
                        var n = h,
                            o = this.getPosition(this.$viewport);
                        (h = 'bottom' == h && k.bottom + m > o.bottom ? 'top' : 'top' == h && k.top - m < o.top ? 'bottom' : 'right' == h && k.right + l > o.width ? 'left' : 'left' == h && k.left - l < o.left ? 'right' : h),
                            f.removeClass(n).addClass(h);
                    }
                    var p = this.getCalculatedOffset(h, k, l, m);
                    this.applyPlacement(p, h);
                    var q = function () {
                        var a = e.hoverState;
                        e.$element.trigger('shown.bs.' + e.type), (e.hoverState = null), 'out' == a && e.leave(e);
                    };
                    a.support.transition && this.$tip.hasClass('fade') ? f.one('bsTransitionEnd', q).emulateTransitionEnd(c.TRANSITION_DURATION) : q();
                }
            }),
            (c.prototype.applyPlacement = function (b, c) {
                var d = this.tip(),
                    e = d[0].offsetWidth,
                    f = d[0].offsetHeight,
                    g = parseInt(d.css('margin-top'), 10),
                    h = parseInt(d.css('margin-left'), 10);
                isNaN(g) && (g = 0),
                    isNaN(h) && (h = 0),
                    (b.top += g),
                    (b.left += h),
                    a.offset.setOffset(
                        d[0],
                        a.extend(
                            {
                                using: function (a) {
                                    d.css({top: Math.round(a.top), left: Math.round(a.left)});
                                }
                            },
                            b
                        ),
                        0
                    ),
                    d.addClass('in');
                var i = d[0].offsetWidth,
                    j = d[0].offsetHeight;
                'top' == c && j != f && (b.top = b.top + f - j);
                var k = this.getViewportAdjustedDelta(c, b, i, j);
                k.left ? (b.left += k.left) : (b.top += k.top);
                var l = /top|bottom/.test(c),
                    m = l ? 2 * k.left - e + i : 2 * k.top - f + j,
                    n = l ? 'offsetWidth' : 'offsetHeight';
                d.offset(b), this.replaceArrow(m, d[0][n], l);
            }),
            (c.prototype.replaceArrow = function (a, b, c) {
                this.arrow()
                    .css(c ? 'left' : 'top', 50 * (1 - a / b) + '%')
                    .css(c ? 'top' : 'left', '');
            }),
            (c.prototype.setContent = function () {
                var a = this.tip(),
                    b = this.getTitle();
                a.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](b), a.removeClass('fade in top bottom left right');
            }),
            (c.prototype.hide = function (b) {
                function d() {
                    'in' != e.hoverState && f.detach(), e.$element.removeAttr('aria-describedby').trigger('hidden.bs.' + e.type), b && b();
                }
                var e = this,
                    f = a(this.$tip),
                    g = a.Event('hide.bs.' + this.type);
                return (
                    this.$element.trigger(g),
                    g.isDefaultPrevented() ? void 0 : (f.removeClass('in'), a.support.transition && f.hasClass('fade') ? f.one('bsTransitionEnd', d).emulateTransitionEnd(c.TRANSITION_DURATION) : d(), (this.hoverState = null), this)
                );
            }),
            (c.prototype.fixTitle = function () {
                var a = this.$element;
                (a.attr('title') || 'string' != typeof a.attr('data-original-title')) && a.attr('data-original-title', a.attr('title') || '').attr('title', '');
            }),
            (c.prototype.hasContent = function () {
                return this.getTitle();
            }),
            (c.prototype.getPosition = function (b) {
                b = b || this.$element;
                var c = b[0],
                    d = 'BODY' == c.tagName,
                    e = c.getBoundingClientRect();
                null == e.width && (e = a.extend({}, e, {width: e.right - e.left, height: e.bottom - e.top}));
                var f = d ? {top: 0, left: 0} : b.offset(),
                    g = {scroll: d ? document.documentElement.scrollTop || document.body.scrollTop : b.scrollTop()},
                    h = d ? {width: a(window).width(), height: a(window).height()} : null;
                return a.extend({}, e, g, h, f);
            }),
            (c.prototype.getCalculatedOffset = function (a, b, c, d) {
                return 'bottom' == a
                    ? {top: b.top + b.height, left: b.left + b.width / 2 - c / 2}
                    : 'top' == a
                    ? {top: b.top - d, left: b.left + b.width / 2 - c / 2}
                    : 'left' == a
                    ? {top: b.top + b.height / 2 - d / 2, left: b.left - c}
                    : {top: b.top + b.height / 2 - d / 2, left: b.left + b.width};
            }),
            (c.prototype.getViewportAdjustedDelta = function (a, b, c, d) {
                var e = {top: 0, left: 0};
                if (!this.$viewport) return e;
                var f = (this.options.viewport && this.options.viewport.padding) || 0,
                    g = this.getPosition(this.$viewport);
                if (/right|left/.test(a)) {
                    var h = b.top - f - g.scroll,
                        i = b.top + f - g.scroll + d;
                    h < g.top ? (e.top = g.top - h) : i > g.top + g.height && (e.top = g.top + g.height - i);
                } else {
                    var j = b.left - f,
                        k = b.left + f + c;
                    j < g.left ? (e.left = g.left - j) : k > g.right && (e.left = g.left + g.width - k);
                }
                return e;
            }),
            (c.prototype.getTitle = function () {
                var a,
                    b = this.$element,
                    c = this.options;
                return (a = b.attr('data-original-title') || ('function' == typeof c.title ? c.title.call(b[0]) : c.title));
            }),
            (c.prototype.getUID = function (a) {
                do a += ~~(1e6 * Math.random());
                while (document.getElementById(a));
                return a;
            }),
            (c.prototype.tip = function () {
                if (!this.$tip && ((this.$tip = a(this.options.template)), 1 != this.$tip.length)) throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!');
                return this.$tip;
            }),
            (c.prototype.arrow = function () {
                return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'));
            }),
            (c.prototype.enable = function () {
                this.enabled = !0;
            }),
            (c.prototype.disable = function () {
                this.enabled = !1;
            }),
            (c.prototype.toggleEnabled = function () {
                this.enabled = !this.enabled;
            }),
            (c.prototype.toggle = function (b) {
                var c = this;
                b && ((c = a(b.currentTarget).data('bs.' + this.type)), c || ((c = new this.constructor(b.currentTarget, this.getDelegateOptions())), a(b.currentTarget).data('bs.' + this.type, c))),
                    b ? ((c.inState.click = !c.inState.click), c.isInStateTrue() ? c.enter(c) : c.leave(c)) : c.tip().hasClass('in') ? c.leave(c) : c.enter(c);
            }),
            (c.prototype.destroy = function () {
                var a = this;
                clearTimeout(this.timeout),
                    this.hide(function () {
                        a.$element.off('.' + a.type).removeData('bs.' + a.type), a.$tip && a.$tip.detach(), (a.$tip = null), (a.$arrow = null), (a.$viewport = null);
                    });
            });
        var d = a.fn.tooltip;
        (a.fn.tooltip = b),
            (a.fn.tooltip.Constructor = c),
            (a.fn.tooltip.noConflict = function () {
                return (a.fn.tooltip = d), this;
            });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            return this.each(function () {
                var d = a(this),
                    e = d.data('bs.popover'),
                    f = 'object' == typeof b && b;
                (e || !/destroy|hide/.test(b)) && (e || d.data('bs.popover', (e = new c(this, f))), 'string' == typeof b && e[b]());
            });
        }
        var c = function (a, b) {
            this.init('popover', a, b);
        };
        if (!a.fn.tooltip) throw new Error('Popover requires tooltip.js');
        (c.VERSION = '4.6.2'),
            (c.DEFAULTS = a.extend({}, a.fn.tooltip.Constructor.DEFAULTS, {
                placement: 'right',
                trigger: 'click',
                content: '',
                template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
            })),
            (c.prototype = a.extend({}, a.fn.tooltip.Constructor.prototype)),
            (c.prototype.constructor = c),
            (c.prototype.getDefaults = function () {
                return c.DEFAULTS;
            }),
            (c.prototype.setContent = function () {
                var a = this.tip(),
                    b = this.getTitle(),
                    c = this.getContent();
                a.find('.popover-title')[this.options.html ? 'html' : 'text'](b),
                    a.find('.popover-content').children().detach().end()[this.options.html ? ('string' == typeof c ? 'html' : 'append') : 'text'](c),
                    a.removeClass('fade top bottom left right in'),
                    a.find('.popover-title').html() || a.find('.popover-title').hide();
            }),
            (c.prototype.hasContent = function () {
                return this.getTitle() || this.getContent();
            }),
            (c.prototype.getContent = function () {
                var a = this.$element,
                    b = this.options;
                return a.attr('data-content') || ('function' == typeof b.content ? b.content.call(a[0]) : b.content);
            }),
            (c.prototype.arrow = function () {
                return (this.$arrow = this.$arrow || this.tip().find('.arrow'));
            });
        var d = a.fn.popover;
        (a.fn.popover = b),
            (a.fn.popover.Constructor = c),
            (a.fn.popover.noConflict = function () {
                return (a.fn.popover = d), this;
            });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(c, d) {
            (this.$body = a(document.body)),
                (this.$scrollElement = a(a(c).is(document.body) ? window : c)),
                (this.options = a.extend({}, b.DEFAULTS, d)),
                (this.selector = (this.options.target || '') + ' .nav li > a'),
                (this.offsets = []),
                (this.targets = []),
                (this.activeTarget = null),
                (this.scrollHeight = 0),
                this.$scrollElement.on('scroll.bs.scrollspy', a.proxy(this.process, this)),
                this.refresh(),
                this.process();
        }
        function c(c) {
            return this.each(function () {
                var d = a(this),
                    e = d.data('bs.scrollspy'),
                    f = 'object' == typeof c && c;
                e || d.data('bs.scrollspy', (e = new b(this, f))), 'string' == typeof c && e[c]();
            });
        }
        (b.VERSION = '4.6.2'),
            (b.DEFAULTS = {offset: 10}),
            (b.prototype.getScrollHeight = function () {
                return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight);
            }),
            (b.prototype.refresh = function () {
                var b = this,
                    c = 'offset',
                    d = 0;
                (this.offsets = []),
                    (this.targets = []),
                    (this.scrollHeight = this.getScrollHeight()),
                    a.isWindow(this.$scrollElement[0]) || ((c = 'position'), (d = this.$scrollElement.scrollTop())),
                    this.$body
                        .find(this.selector)
                        .map(function () {
                            var b = a(this),
                                e = b.data('target') || b.attr('href'),
                                f = /^#./.test(e) && a(e);
                            return (f && f.length && f.is(':visible') && [[f[c]().top + d, e]]) || null;
                        })
                        .sort(function (a, b) {
                            return a[0] - b[0];
                        })
                        .each(function () {
                            b.offsets.push(this[0]), b.targets.push(this[1]);
                        });
            }),
            (b.prototype.process = function () {
                var a,
                    b = this.$scrollElement.scrollTop() + this.options.offset,
                    c = this.getScrollHeight(),
                    d = this.options.offset + c - this.$scrollElement.height(),
                    e = this.offsets,
                    f = this.targets,
                    g = this.activeTarget;
                if ((this.scrollHeight != c && this.refresh(), b >= d)) return g != (a = f[f.length - 1]) && this.activate(a);
                if (g && b < e[0]) return (this.activeTarget = null), this.clear();
                for (a = e.length; a--; ) g != f[a] && b >= e[a] && (void 0 === e[a + 1] || b < e[a + 1]) && this.activate(f[a]);
            }),
            (b.prototype.activate = function (b) {
                (this.activeTarget = b), this.clear();
                var c = this.selector + '[data-target="' + b + '"],' + this.selector + '[href="' + b + '"]',
                    d = a(c).parents('li').addClass('active');
                d.parent('.dropdown-menu').length && (d = d.closest('li.dropdown').addClass('active')), d.trigger('activate.bs.scrollspy');
            }),
            (b.prototype.clear = function () {
                a(this.selector).parentsUntil(this.options.target, '.active').removeClass('active');
            });
        var d = a.fn.scrollspy;
        (a.fn.scrollspy = c),
            (a.fn.scrollspy.Constructor = b),
            (a.fn.scrollspy.noConflict = function () {
                return (a.fn.scrollspy = d), this;
            }),
            a(window).on('load.bs.scrollspy.data-api', function () {
                a('[data-spy="scroll"]').each(function () {
                    var b = a(this);
                    c.call(b, b.data());
                });
            });
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            return this.each(function () {
                var d = a(this),
                    e = d.data('bs.tab');
                if(d.attr('data-target') && d.attr('data-target').match(/.*(?=#[^\s]+$)/) === null){
                    return;
                }else{
                    e || d.data('bs.tab', (e = new c(this))), 'string' == typeof b && e[b]();
                }
            });
        }
        var c = function (b) {
            this.element = a(b);
        };
        (c.VERSION = '4.6.2'),
            (c.TRANSITION_DURATION = 150),
            (c.prototype.show = function () {
                var b = this.element,
                    c = b.closest('ul:not(.dropdown-menu)'),
                    d = b.data('target');
                if ((d || ((d = b.attr('href')), (d = d && d.replace(/.*(?=#[^\s]*$)/, ''))), !b.parent('li').hasClass('active'))) {
                    var e = c.find('.active:last a'),
                        f = a.Event('hide.bs.tab', {relatedTarget: b[0]}),
                        g = a.Event('show.bs.tab', {relatedTarget: e[0]});
                    if ((e.trigger(f), b.trigger(g), !g.isDefaultPrevented() && !f.isDefaultPrevented())) {
                        var h = a(d);
                        this.activate(b.closest('li'), c),
                            this.activate(h, h.parent(), function () {
                                e.trigger({type: 'hidden.bs.tab', relatedTarget: b[0]}), b.trigger({type: 'shown.bs.tab', relatedTarget: e[0]});
                            });
                    }
                }
            }),
            (c.prototype.activate = function (b, d, e) {
                function f() {
                    g.removeClass('active').find('> .dropdown-menu > .active').removeClass('active').end().find('[data-toggle="tab"]').attr('aria-expanded', !1),
                        b.addClass('active').find('[data-toggle="tab"]').attr('aria-expanded', !0),
                        h ? (b[0].offsetWidth, b.addClass('in')) : b.removeClass('fade'),
                        b.parent('.dropdown-menu').length && b.closest('li.dropdown').addClass('active').end().find('[data-toggle="tab"]').attr('aria-expanded', !0),
                        e && e();
                }
                var g = d.find('> .active'),
                    h = e && a.support.transition && ((g.length && g.hasClass('fade')) || !!d.find('> .fade').length);
                g.length && h ? g.one('bsTransitionEnd', f).emulateTransitionEnd(c.TRANSITION_DURATION) : f(), g.removeClass('in');
            });
        var d = a.fn.tab;
        (a.fn.tab = b),
            (a.fn.tab.Constructor = c),
            (a.fn.tab.noConflict = function () {
                return (a.fn.tab = d), this;
            });
        var e = function (c) {
            c.preventDefault(), b.call(a(this), 'show');
        };
        a(document).on('click.bs.tab.data-api', '[data-toggle="tab"]', e).on('click.bs.tab.data-api', '[data-toggle="pill"]', e);
    })(vajQuery),
    +(function (a) {
        'use strict';
        function b(b) {
            return this.each(function () {
                var d = a(this),
                    e = d.data('bs.affix'),
                    f = 'object' == typeof b && b;
                e || d.data('bs.affix', (e = new c(this, f))), 'string' == typeof b && e[b]();
            });
        }
        var c = function (b, d) {
            (this.options = a.extend({}, c.DEFAULTS, d)),
                (this.$target = a(this.options.target).on('scroll.bs.affix.data-api', a.proxy(this.checkPosition, this)).on('click.bs.affix.data-api', a.proxy(this.checkPositionWithEventLoop, this))),
                (this.$element = a(b)),
                (this.affixed = null),
                (this.unpin = null),
                (this.pinnedOffset = null),
                this.checkPosition();
        };
        (c.VERSION = '4.6.2'),
            (c.RESET = 'affix affix-top affix-bottom'),
            (c.DEFAULTS = {offset: 0, target: window}),
            (c.prototype.getState = function (a, b, c, d) {
                var e = this.$target.scrollTop(),
                    f = this.$element.offset(),
                    g = this.$target.height();
                if (null != c && 'top' == this.affixed) return c > e ? 'top' : !1;
                if ('bottom' == this.affixed) return null != c ? (e + this.unpin <= f.top ? !1 : 'bottom') : a - d >= e + g ? !1 : 'bottom';
                var h = null == this.affixed,
                    i = h ? e : f.top,
                    j = h ? g : b;
                return null != c && c >= e ? 'top' : null != d && i + j >= a - d ? 'bottom' : !1;
            }),
            (c.prototype.getPinnedOffset = function () {
                if (this.pinnedOffset) return this.pinnedOffset;
                this.$element.removeClass(c.RESET).addClass('affix');
                var a = this.$target.scrollTop(),
                    b = this.$element.offset();
                return (this.pinnedOffset = b.top - a);
            }),
            (c.prototype.checkPositionWithEventLoop = function () {
                setTimeout(a.proxy(this.checkPosition, this), 1);
            }),
            (c.prototype.checkPosition = function () {
                if (this.$element.is(':visible')) {
                    var b = this.$element.height(),
                        d = this.options.offset,
                        e = d.top,
                        f = d.bottom,
                        g = Math.max(a(document).height(), a(document.body).height());
                    'object' != typeof d && (f = e = d), 'function' == typeof e && (e = d.top(this.$element)), 'function' == typeof f && (f = d.bottom(this.$element));
                    var h = this.getState(g, b, e, f);
                    if (this.affixed != h) {
                        null != this.unpin && this.$element.css('top', '');
                        var i = 'affix' + (h ? '-' + h : ''),
                            j = a.Event(i + '.bs.affix');
                        if ((this.$element.trigger(j), j.isDefaultPrevented())) return;
                        (this.affixed = h),
                            (this.unpin = 'bottom' == h ? this.getPinnedOffset() : null),
                            this.$element
                                .removeClass(c.RESET)
                                .addClass(i)
                                .trigger(i.replace('affix', 'affixed') + '.bs.affix');
                    }
                    'bottom' == h && this.$element.offset({top: g - b - f});
                }
            });
        var d = a.fn.affix;
        (a.fn.affix = b),
            (a.fn.affix.Constructor = c),
            (a.fn.affix.noConflict = function () {
                return (a.fn.affix = d), this;
            }),
            a(window).on('load', function () {
                a('[data-spy="affix"]').each(function () {
                    var c = a(this),
                        d = c.data();
                    (d.offset = d.offset || {}), null != d.offsetBottom && (d.offset.bottom = d.offsetBottom), null != d.offsetTop && (d.offset.top = d.offsetTop), b.call(c, d);
                });
            });
    })(vajQuery);
/*! For license information please see jsencrypt.min.js.LICENSE.txt */
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.JSEncrypt=e():t.JSEncrypt=e()}(window,(()=>(()=>{var t={155:t=>{var e,i,r=t.exports={};function n(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function o(t){if(e===setTimeout)return setTimeout(t,0);if((e===n||!e)&&setTimeout)return e=setTimeout,setTimeout(t,0);try{return e(t,0)}catch(i){try{return e.call(null,t,0)}catch(i){return e.call(this,t,0)}}}!function(){try{e="function"==typeof setTimeout?setTimeout:n}catch(t){e=n}try{i="function"==typeof clearTimeout?clearTimeout:s}catch(t){i=s}}();var h,a=[],u=!1,c=-1;function f(){u&&h&&(u=!1,h.length?a=h.concat(a):c=-1,a.length&&l())}function l(){if(!u){var t=o(f);u=!0;for(var e=a.length;e;){for(h=a,a=[];++c<e;)h&&h[c].run();c=-1,e=a.length}h=null,u=!1,function(t){if(i===clearTimeout)return clearTimeout(t);if((i===s||!i)&&clearTimeout)return i=clearTimeout,clearTimeout(t);try{return i(t)}catch(e){try{return i.call(null,t)}catch(e){return i.call(this,t)}}}(t)}}function p(t,e){this.fun=t,this.array=e}function g(){}r.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var i=1;i<arguments.length;i++)e[i-1]=arguments[i];a.push(new p(t,e)),1!==a.length||u||o(l)},p.prototype.run=function(){this.fun.apply(null,this.array)},r.title="browser",r.browser=!0,r.env={},r.argv=[],r.version="",r.versions={},r.on=g,r.addListener=g,r.once=g,r.off=g,r.removeListener=g,r.removeAllListeners=g,r.emit=g,r.prependListener=g,r.prependOnceListener=g,r.listeners=function(t){return[]},r.binding=function(t){throw new Error("process.binding is not supported")},r.cwd=function(){return"/"},r.chdir=function(t){throw new Error("process.chdir is not supported")},r.umask=function(){return 0}}},e={};function i(r){var n=e[r];if(void 0!==n)return n.exports;var s=e[r]={exports:{}};return t[r](s,s.exports,i),s.exports}i.d=(t,e)=>{for(var r in e)i.o(e,r)&&!i.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var r={};return(()=>{"use strict";i.d(r,{default:()=>ct});var t="0123456789abcdefghijklmnopqrstuvwxyz";function e(e){return t.charAt(e)}function n(t,e){return t&e}function s(t,e){return t|e}function o(t,e){return t^e}function h(t,e){return t&~e}function a(t){if(0==t)return-1;var e=0;return 0==(65535&t)&&(t>>=16,e+=16),0==(255&t)&&(t>>=8,e+=8),0==(15&t)&&(t>>=4,e+=4),0==(3&t)&&(t>>=2,e+=2),0==(1&t)&&++e,e}function u(t){for(var e=0;0!=t;)t&=t-1,++e;return e}var c,f="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",l="=";function p(t){var e,i,r="";for(e=0;e+3<=t.length;e+=3)i=parseInt(t.substring(e,e+3),16),r+=f.charAt(i>>6)+f.charAt(63&i);for(e+1==t.length?(i=parseInt(t.substring(e,e+1),16),r+=f.charAt(i<<2)):e+2==t.length&&(i=parseInt(t.substring(e,e+2),16),r+=f.charAt(i>>2)+f.charAt((3&i)<<4));(3&r.length)>0;)r+=l;return r}function g(t){var i,r="",n=0,s=0;for(i=0;i<t.length&&t.charAt(i)!=l;++i){var o=f.indexOf(t.charAt(i));o<0||(0==n?(r+=e(o>>2),s=3&o,n=1):1==n?(r+=e(s<<2|o>>4),s=15&o,n=2):2==n?(r+=e(s),r+=e(o>>2),s=3&o,n=3):(r+=e(s<<2|o>>4),r+=e(15&o),n=0))}return 1==n&&(r+=e(s<<2)),r}var d,v={decode:function(t){var e;if(void 0===d){var i="= \f\n\r\t \u2028\u2029";for(d=Object.create(null),e=0;e<64;++e)d["ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".charAt(e)]=e;for(d["-"]=62,d._=63,e=0;e<i.length;++e)d[i.charAt(e)]=-1}var r=[],n=0,s=0;for(e=0;e<t.length;++e){var o=t.charAt(e);if("="==o)break;if(-1!=(o=d[o])){if(void 0===o)throw new Error("Illegal character at offset "+e);n|=o,++s>=4?(r[r.length]=n>>16,r[r.length]=n>>8&255,r[r.length]=255&n,n=0,s=0):n<<=6}}switch(s){case 1:throw new Error("Base64 encoding incomplete: at least 2 bits missing");case 2:r[r.length]=n>>10;break;case 3:r[r.length]=n>>16,r[r.length]=n>>8&255}return r},re:/-----BEGIN [^-]+-----([A-Za-z0-9+\/=\s]+)-----END [^-]+-----|begin-base64[^\n]+\n([A-Za-z0-9+\/=\s]+)====/,unarmor:function(t){var e=v.re.exec(t);if(e)if(e[1])t=e[1];else{if(!e[2])throw new Error("RegExp out of sync");t=e[2]}return v.decode(t)}},m=1e13,y=function(){function t(t){this.buf=[+t||0]}return t.prototype.mulAdd=function(t,e){var i,r,n=this.buf,s=n.length;for(i=0;i<s;++i)(r=n[i]*t+e)<m?e=0:r-=(e=0|r/m)*m,n[i]=r;e>0&&(n[i]=e)},t.prototype.sub=function(t){var e,i,r=this.buf,n=r.length;for(e=0;e<n;++e)(i=r[e]-t)<0?(i+=m,t=1):t=0,r[e]=i;for(;0===r[r.length-1];)r.pop()},t.prototype.toString=function(t){if(10!=(t||10))throw new Error("only base 10 is supported");for(var e=this.buf,i=e[e.length-1].toString(),r=e.length-2;r>=0;--r)i+=(m+e[r]).toString().substring(1);return i},t.prototype.valueOf=function(){for(var t=this.buf,e=0,i=t.length-1;i>=0;--i)e=e*m+t[i];return e},t.prototype.simplify=function(){var t=this.buf;return 1==t.length?t[0]:this},t}(),b="…",T=/^(\d\d)(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])([01]\d|2[0-3])(?:([0-5]\d)(?:([0-5]\d)(?:[.,](\d{1,3}))?)?)?(Z|[-+](?:[0]\d|1[0-2])([0-5]\d)?)?$/,S=/^(\d\d\d\d)(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])([01]\d|2[0-3])(?:([0-5]\d)(?:([0-5]\d)(?:[.,](\d{1,3}))?)?)?(Z|[-+](?:[0]\d|1[0-2])([0-5]\d)?)?$/;function E(t,e){return t.length>e&&(t=t.substring(0,e)+b),t}var w,D=function(){function t(e,i){this.hexDigits="0123456789ABCDEF",e instanceof t?(this.enc=e.enc,this.pos=e.pos):(this.enc=e,this.pos=i)}return t.prototype.get=function(t){if(void 0===t&&(t=this.pos++),t>=this.enc.length)throw new Error("Requesting byte offset ".concat(t," on a stream of length ").concat(this.enc.length));return"string"==typeof this.enc?this.enc.charCodeAt(t):this.enc[t]},t.prototype.hexByte=function(t){return this.hexDigits.charAt(t>>4&15)+this.hexDigits.charAt(15&t)},t.prototype.hexDump=function(t,e,i){for(var r="",n=t;n<e;++n)if(r+=this.hexByte(this.get(n)),!0!==i)switch(15&n){case 7:r+="  ";break;case 15:r+="\n";break;default:r+=" "}return r},t.prototype.isASCII=function(t,e){for(var i=t;i<e;++i){var r=this.get(i);if(r<32||r>176)return!1}return!0},t.prototype.parseStringISO=function(t,e){for(var i="",r=t;r<e;++r)i+=String.fromCharCode(this.get(r));return i},t.prototype.parseStringUTF=function(t,e){for(var i="",r=t;r<e;){var n=this.get(r++);i+=n<128?String.fromCharCode(n):n>191&&n<224?String.fromCharCode((31&n)<<6|63&this.get(r++)):String.fromCharCode((15&n)<<12|(63&this.get(r++))<<6|63&this.get(r++))}return i},t.prototype.parseStringBMP=function(t,e){for(var i,r,n="",s=t;s<e;)i=this.get(s++),r=this.get(s++),n+=String.fromCharCode(i<<8|r);return n},t.prototype.parseTime=function(t,e,i){var r=this.parseStringISO(t,e),n=(i?T:S).exec(r);return n?(i&&(n[1]=+n[1],n[1]+=+n[1]<70?2e3:1900),r=n[1]+"-"+n[2]+"-"+n[3]+" "+n[4],n[5]&&(r+=":"+n[5],n[6]&&(r+=":"+n[6],n[7]&&(r+="."+n[7]))),n[8]&&(r+=" UTC","Z"!=n[8]&&(r+=n[8],n[9]&&(r+=":"+n[9]))),r):"Unrecognized time: "+r},t.prototype.parseInteger=function(t,e){for(var i,r=this.get(t),n=r>127,s=n?255:0,o="";r==s&&++t<e;)r=this.get(t);if(0==(i=e-t))return n?-1:0;if(i>4){for(o=r,i<<=3;0==(128&(+o^s));)o=+o<<1,--i;o="("+i+" bit)\n"}n&&(r-=256);for(var h=new y(r),a=t+1;a<e;++a)h.mulAdd(256,this.get(a));return o+h.toString()},t.prototype.parseBitString=function(t,e,i){for(var r=this.get(t),n="("+((e-t-1<<3)-r)+" bit)\n",s="",o=t+1;o<e;++o){for(var h=this.get(o),a=o==e-1?r:0,u=7;u>=a;--u)s+=h>>u&1?"1":"0";if(s.length>i)return n+E(s,i)}return n+s},t.prototype.parseOctetString=function(t,e,i){if(this.isASCII(t,e))return E(this.parseStringISO(t,e),i);var r=e-t,n="("+r+" byte)\n";r>(i/=2)&&(e=t+i);for(var s=t;s<e;++s)n+=this.hexByte(this.get(s));return r>i&&(n+=b),n},t.prototype.parseOID=function(t,e,i){for(var r="",n=new y,s=0,o=t;o<e;++o){var h=this.get(o);if(n.mulAdd(128,127&h),s+=7,!(128&h)){if(""===r)if((n=n.simplify())instanceof y)n.sub(80),r="2."+n.toString();else{var a=n<80?n<40?0:1:2;r=a+"."+(n-40*a)}else r+="."+n.toString();if(r.length>i)return E(r,i);n=new y,s=0}}return s>0&&(r+=".incomplete"),r},t}(),x=function(){function t(t,e,i,r,n){if(!(r instanceof R))throw new Error("Invalid tag value.");this.stream=t,this.header=e,this.length=i,this.tag=r,this.sub=n}return t.prototype.typeName=function(){switch(this.tag.tagClass){case 0:switch(this.tag.tagNumber){case 0:return"EOC";case 1:return"BOOLEAN";case 2:return"INTEGER";case 3:return"BIT_STRING";case 4:return"OCTET_STRING";case 5:return"NULL";case 6:return"OBJECT_IDENTIFIER";case 7:return"ObjectDescriptor";case 8:return"EXTERNAL";case 9:return"REAL";case 10:return"ENUMERATED";case 11:return"EMBEDDED_PDV";case 12:return"UTF8String";case 16:return"SEQUENCE";case 17:return"SET";case 18:return"NumericString";case 19:return"PrintableString";case 20:return"TeletexString";case 21:return"VideotexString";case 22:return"IA5String";case 23:return"UTCTime";case 24:return"GeneralizedTime";case 25:return"GraphicString";case 26:return"VisibleString";case 27:return"GeneralString";case 28:return"UniversalString";case 30:return"BMPString"}return"Universal_"+this.tag.tagNumber.toString();case 1:return"Application_"+this.tag.tagNumber.toString();case 2:return"["+this.tag.tagNumber.toString()+"]";case 3:return"Private_"+this.tag.tagNumber.toString()}},t.prototype.content=function(t){if(void 0===this.tag)return null;void 0===t&&(t=1/0);var e=this.posContent(),i=Math.abs(this.length);if(!this.tag.isUniversal())return null!==this.sub?"("+this.sub.length+" elem)":this.stream.parseOctetString(e,e+i,t);switch(this.tag.tagNumber){case 1:return 0===this.stream.get(e)?"false":"true";case 2:return this.stream.parseInteger(e,e+i);case 3:return this.sub?"("+this.sub.length+" elem)":this.stream.parseBitString(e,e+i,t);case 4:return this.sub?"("+this.sub.length+" elem)":this.stream.parseOctetString(e,e+i,t);case 6:return this.stream.parseOID(e,e+i,t);case 16:case 17:return null!==this.sub?"("+this.sub.length+" elem)":"(no elem)";case 12:return E(this.stream.parseStringUTF(e,e+i),t);case 18:case 19:case 20:case 21:case 22:case 26:return E(this.stream.parseStringISO(e,e+i),t);case 30:return E(this.stream.parseStringBMP(e,e+i),t);case 23:case 24:return this.stream.parseTime(e,e+i,23==this.tag.tagNumber)}return null},t.prototype.toString=function(){return this.typeName()+"@"+this.stream.pos+"[header:"+this.header+",length:"+this.length+",sub:"+(null===this.sub?"null":this.sub.length)+"]"},t.prototype.toPrettyString=function(t){void 0===t&&(t="");var e=t+this.typeName()+" @"+this.stream.pos;if(this.length>=0&&(e+="+"),e+=this.length,this.tag.tagConstructed?e+=" (constructed)":!this.tag.isUniversal()||3!=this.tag.tagNumber&&4!=this.tag.tagNumber||null===this.sub||(e+=" (encapsulates)"),e+="\n",null!==this.sub){t+="  ";for(var i=0,r=this.sub.length;i<r;++i)e+=this.sub[i].toPrettyString(t)}return e},t.prototype.posStart=function(){return this.stream.pos},t.prototype.posContent=function(){return this.stream.pos+this.header},t.prototype.posEnd=function(){return this.stream.pos+this.header+Math.abs(this.length)},t.prototype.toHexString=function(){return this.stream.hexDump(this.posStart(),this.posEnd(),!0)},t.decodeLength=function(t){var e=t.get(),i=127&e;if(i==e)return i;if(i>6)throw new Error("Length over 48 bits not supported at position "+(t.pos-1));if(0===i)return null;e=0;for(var r=0;r<i;++r)e=256*e+t.get();return e},t.prototype.getHexStringValue=function(){var t=this.toHexString(),e=2*this.header,i=2*this.length;return t.substr(e,i)},t.decode=function(e){var i;i=e instanceof D?e:new D(e,0);var r=new D(i),n=new R(i),s=t.decodeLength(i),o=i.pos,h=o-r.pos,a=null,u=function(){var e=[];if(null!==s){for(var r=o+s;i.pos<r;)e[e.length]=t.decode(i);if(i.pos!=r)throw new Error("Content size is not correct for container starting at offset "+o)}else try{for(;;){var n=t.decode(i);if(n.tag.isEOC())break;e[e.length]=n}s=o-i.pos}catch(t){throw new Error("Exception while decoding undefined length content: "+t)}return e};if(n.tagConstructed)a=u();else if(n.isUniversal()&&(3==n.tagNumber||4==n.tagNumber))try{if(3==n.tagNumber&&0!=i.get())throw new Error("BIT STRINGs with unused bits cannot encapsulate.");a=u();for(var c=0;c<a.length;++c)if(a[c].tag.isEOC())throw new Error("EOC is not supposed to be actual content.")}catch(t){a=null}if(null===a){if(null===s)throw new Error("We can't skip over an invalid tag with undefined length at offset "+o);i.pos=o+Math.abs(s)}return new t(r,h,s,n,a)},t}(),R=function(){function t(t){var e=t.get();if(this.tagClass=e>>6,this.tagConstructed=0!=(32&e),this.tagNumber=31&e,31==this.tagNumber){var i=new y;do{e=t.get(),i.mulAdd(128,127&e)}while(128&e);this.tagNumber=i.simplify()}}return t.prototype.isUniversal=function(){return 0===this.tagClass},t.prototype.isEOC=function(){return 0===this.tagClass&&0===this.tagNumber},t}(),B=[2,3,5,7,11,13,17,19,23,29,31,37,41,43,47,53,59,61,67,71,73,79,83,89,97,101,103,107,109,113,127,131,137,139,149,151,157,163,167,173,179,181,191,193,197,199,211,223,227,229,233,239,241,251,257,263,269,271,277,281,283,293,307,311,313,317,331,337,347,349,353,359,367,373,379,383,389,397,401,409,419,421,431,433,439,443,449,457,461,463,467,479,487,491,499,503,509,521,523,541,547,557,563,569,571,577,587,593,599,601,607,613,617,619,631,641,643,647,653,659,661,673,677,683,691,701,709,719,727,733,739,743,751,757,761,769,773,787,797,809,811,821,823,827,829,839,853,857,859,863,877,881,883,887,907,911,919,929,937,941,947,953,967,971,977,983,991,997],O=(1<<26)/B[B.length-1],A=function(){function t(t,e,i){null!=t&&("number"==typeof t?this.fromNumber(t,e,i):null==e&&"string"!=typeof t?this.fromString(t,256):this.fromString(t,e))}return t.prototype.toString=function(t){if(this.s<0)return"-"+this.negate().toString(t);var i;if(16==t)i=4;else if(8==t)i=3;else if(2==t)i=1;else if(32==t)i=5;else{if(4!=t)return this.toRadix(t);i=2}var r,n=(1<<i)-1,s=!1,o="",h=this.t,a=this.DB-h*this.DB%i;if(h-- >0)for(a<this.DB&&(r=this[h]>>a)>0&&(s=!0,o=e(r));h>=0;)a<i?(r=(this[h]&(1<<a)-1)<<i-a,r|=this[--h]>>(a+=this.DB-i)):(r=this[h]>>(a-=i)&n,a<=0&&(a+=this.DB,--h)),r>0&&(s=!0),s&&(o+=e(r));return s?o:"0"},t.prototype.negate=function(){var e=M();return t.ZERO.subTo(this,e),e},t.prototype.abs=function(){return this.s<0?this.negate():this},t.prototype.compareTo=function(t){var e=this.s-t.s;if(0!=e)return e;var i=this.t;if(0!=(e=i-t.t))return this.s<0?-e:e;for(;--i>=0;)if(0!=(e=this[i]-t[i]))return e;return 0},t.prototype.bitLength=function(){return this.t<=0?0:this.DB*(this.t-1)+K(this[this.t-1]^this.s&this.DM)},t.prototype.mod=function(e){var i=M();return this.abs().divRemTo(e,null,i),this.s<0&&i.compareTo(t.ZERO)>0&&e.subTo(i,i),i},t.prototype.modPowInt=function(t,e){var i;return i=t<256||e.isEven()?new I(e):new N(e),this.exp(t,i)},t.prototype.clone=function(){var t=M();return this.copyTo(t),t},t.prototype.intValue=function(){if(this.s<0){if(1==this.t)return this[0]-this.DV;if(0==this.t)return-1}else{if(1==this.t)return this[0];if(0==this.t)return 0}return(this[1]&(1<<32-this.DB)-1)<<this.DB|this[0]},t.prototype.byteValue=function(){return 0==this.t?this.s:this[0]<<24>>24},t.prototype.shortValue=function(){return 0==this.t?this.s:this[0]<<16>>16},t.prototype.signum=function(){return this.s<0?-1:this.t<=0||1==this.t&&this[0]<=0?0:1},t.prototype.toByteArray=function(){var t=this.t,e=[];e[0]=this.s;var i,r=this.DB-t*this.DB%8,n=0;if(t-- >0)for(r<this.DB&&(i=this[t]>>r)!=(this.s&this.DM)>>r&&(e[n++]=i|this.s<<this.DB-r);t>=0;)r<8?(i=(this[t]&(1<<r)-1)<<8-r,i|=this[--t]>>(r+=this.DB-8)):(i=this[t]>>(r-=8)&255,r<=0&&(r+=this.DB,--t)),0!=(128&i)&&(i|=-256),0==n&&(128&this.s)!=(128&i)&&++n,(n>0||i!=this.s)&&(e[n++]=i);return e},t.prototype.equals=function(t){return 0==this.compareTo(t)},t.prototype.min=function(t){return this.compareTo(t)<0?this:t},t.prototype.max=function(t){return this.compareTo(t)>0?this:t},t.prototype.and=function(t){var e=M();return this.bitwiseTo(t,n,e),e},t.prototype.or=function(t){var e=M();return this.bitwiseTo(t,s,e),e},t.prototype.xor=function(t){var e=M();return this.bitwiseTo(t,o,e),e},t.prototype.andNot=function(t){var e=M();return this.bitwiseTo(t,h,e),e},t.prototype.not=function(){for(var t=M(),e=0;e<this.t;++e)t[e]=this.DM&~this[e];return t.t=this.t,t.s=~this.s,t},t.prototype.shiftLeft=function(t){var e=M();return t<0?this.rShiftTo(-t,e):this.lShiftTo(t,e),e},t.prototype.shiftRight=function(t){var e=M();return t<0?this.lShiftTo(-t,e):this.rShiftTo(t,e),e},t.prototype.getLowestSetBit=function(){for(var t=0;t<this.t;++t)if(0!=this[t])return t*this.DB+a(this[t]);return this.s<0?this.t*this.DB:-1},t.prototype.bitCount=function(){for(var t=0,e=this.s&this.DM,i=0;i<this.t;++i)t+=u(this[i]^e);return t},t.prototype.testBit=function(t){var e=Math.floor(t/this.DB);return e>=this.t?0!=this.s:0!=(this[e]&1<<t%this.DB)},t.prototype.setBit=function(t){return this.changeBit(t,s)},t.prototype.clearBit=function(t){return this.changeBit(t,h)},t.prototype.flipBit=function(t){return this.changeBit(t,o)},t.prototype.add=function(t){var e=M();return this.addTo(t,e),e},t.prototype.subtract=function(t){var e=M();return this.subTo(t,e),e},t.prototype.multiply=function(t){var e=M();return this.multiplyTo(t,e),e},t.prototype.divide=function(t){var e=M();return this.divRemTo(t,e,null),e},t.prototype.remainder=function(t){var e=M();return this.divRemTo(t,null,e),e},t.prototype.divideAndRemainder=function(t){var e=M(),i=M();return this.divRemTo(t,e,i),[e,i]},t.prototype.modPow=function(t,e){var i,r,n=t.bitLength(),s=U(1);if(n<=0)return s;i=n<18?1:n<48?3:n<144?4:n<768?5:6,r=n<8?new I(e):e.isEven()?new P(e):new N(e);var o=[],h=3,a=i-1,u=(1<<i)-1;if(o[1]=r.convert(this),i>1){var c=M();for(r.sqrTo(o[1],c);h<=u;)o[h]=M(),r.mulTo(c,o[h-2],o[h]),h+=2}var f,l,p=t.t-1,g=!0,d=M();for(n=K(t[p])-1;p>=0;){for(n>=a?f=t[p]>>n-a&u:(f=(t[p]&(1<<n+1)-1)<<a-n,p>0&&(f|=t[p-1]>>this.DB+n-a)),h=i;0==(1&f);)f>>=1,--h;if((n-=h)<0&&(n+=this.DB,--p),g)o[f].copyTo(s),g=!1;else{for(;h>1;)r.sqrTo(s,d),r.sqrTo(d,s),h-=2;h>0?r.sqrTo(s,d):(l=s,s=d,d=l),r.mulTo(d,o[f],s)}for(;p>=0&&0==(t[p]&1<<n);)r.sqrTo(s,d),l=s,s=d,d=l,--n<0&&(n=this.DB-1,--p)}return r.revert(s)},t.prototype.modInverse=function(e){var i=e.isEven();if(this.isEven()&&i||0==e.signum())return t.ZERO;for(var r=e.clone(),n=this.clone(),s=U(1),o=U(0),h=U(0),a=U(1);0!=r.signum();){for(;r.isEven();)r.rShiftTo(1,r),i?(s.isEven()&&o.isEven()||(s.addTo(this,s),o.subTo(e,o)),s.rShiftTo(1,s)):o.isEven()||o.subTo(e,o),o.rShiftTo(1,o);for(;n.isEven();)n.rShiftTo(1,n),i?(h.isEven()&&a.isEven()||(h.addTo(this,h),a.subTo(e,a)),h.rShiftTo(1,h)):a.isEven()||a.subTo(e,a),a.rShiftTo(1,a);r.compareTo(n)>=0?(r.subTo(n,r),i&&s.subTo(h,s),o.subTo(a,o)):(n.subTo(r,n),i&&h.subTo(s,h),a.subTo(o,a))}return 0!=n.compareTo(t.ONE)?t.ZERO:a.compareTo(e)>=0?a.subtract(e):a.signum()<0?(a.addTo(e,a),a.signum()<0?a.add(e):a):a},t.prototype.pow=function(t){return this.exp(t,new V)},t.prototype.gcd=function(t){var e=this.s<0?this.negate():this.clone(),i=t.s<0?t.negate():t.clone();if(e.compareTo(i)<0){var r=e;e=i,i=r}var n=e.getLowestSetBit(),s=i.getLowestSetBit();if(s<0)return e;for(n<s&&(s=n),s>0&&(e.rShiftTo(s,e),i.rShiftTo(s,i));e.signum()>0;)(n=e.getLowestSetBit())>0&&e.rShiftTo(n,e),(n=i.getLowestSetBit())>0&&i.rShiftTo(n,i),e.compareTo(i)>=0?(e.subTo(i,e),e.rShiftTo(1,e)):(i.subTo(e,i),i.rShiftTo(1,i));return s>0&&i.lShiftTo(s,i),i},t.prototype.isProbablePrime=function(t){var e,i=this.abs();if(1==i.t&&i[0]<=B[B.length-1]){for(e=0;e<B.length;++e)if(i[0]==B[e])return!0;return!1}if(i.isEven())return!1;for(e=1;e<B.length;){for(var r=B[e],n=e+1;n<B.length&&r<O;)r*=B[n++];for(r=i.modInt(r);e<n;)if(r%B[e++]==0)return!1}return i.millerRabin(t)},t.prototype.copyTo=function(t){for(var e=this.t-1;e>=0;--e)t[e]=this[e];t.t=this.t,t.s=this.s},t.prototype.fromInt=function(t){this.t=1,this.s=t<0?-1:0,t>0?this[0]=t:t<-1?this[0]=t+this.DV:this.t=0},t.prototype.fromString=function(e,i){var r;if(16==i)r=4;else if(8==i)r=3;else if(256==i)r=8;else if(2==i)r=1;else if(32==i)r=5;else{if(4!=i)return void this.fromRadix(e,i);r=2}this.t=0,this.s=0;for(var n=e.length,s=!1,o=0;--n>=0;){var h=8==r?255&+e[n]:F(e,n);h<0?"-"==e.charAt(n)&&(s=!0):(s=!1,0==o?this[this.t++]=h:o+r>this.DB?(this[this.t-1]|=(h&(1<<this.DB-o)-1)<<o,this[this.t++]=h>>this.DB-o):this[this.t-1]|=h<<o,(o+=r)>=this.DB&&(o-=this.DB))}8==r&&0!=(128&+e[0])&&(this.s=-1,o>0&&(this[this.t-1]|=(1<<this.DB-o)-1<<o)),this.clamp(),s&&t.ZERO.subTo(this,this)},t.prototype.clamp=function(){for(var t=this.s&this.DM;this.t>0&&this[this.t-1]==t;)--this.t},t.prototype.dlShiftTo=function(t,e){var i;for(i=this.t-1;i>=0;--i)e[i+t]=this[i];for(i=t-1;i>=0;--i)e[i]=0;e.t=this.t+t,e.s=this.s},t.prototype.drShiftTo=function(t,e){for(var i=t;i<this.t;++i)e[i-t]=this[i];e.t=Math.max(this.t-t,0),e.s=this.s},t.prototype.lShiftTo=function(t,e){for(var i=t%this.DB,r=this.DB-i,n=(1<<r)-1,s=Math.floor(t/this.DB),o=this.s<<i&this.DM,h=this.t-1;h>=0;--h)e[h+s+1]=this[h]>>r|o,o=(this[h]&n)<<i;for(h=s-1;h>=0;--h)e[h]=0;e[s]=o,e.t=this.t+s+1,e.s=this.s,e.clamp()},t.prototype.rShiftTo=function(t,e){e.s=this.s;var i=Math.floor(t/this.DB);if(i>=this.t)e.t=0;else{var r=t%this.DB,n=this.DB-r,s=(1<<r)-1;e[0]=this[i]>>r;for(var o=i+1;o<this.t;++o)e[o-i-1]|=(this[o]&s)<<n,e[o-i]=this[o]>>r;r>0&&(e[this.t-i-1]|=(this.s&s)<<n),e.t=this.t-i,e.clamp()}},t.prototype.subTo=function(t,e){for(var i=0,r=0,n=Math.min(t.t,this.t);i<n;)r+=this[i]-t[i],e[i++]=r&this.DM,r>>=this.DB;if(t.t<this.t){for(r-=t.s;i<this.t;)r+=this[i],e[i++]=r&this.DM,r>>=this.DB;r+=this.s}else{for(r+=this.s;i<t.t;)r-=t[i],e[i++]=r&this.DM,r>>=this.DB;r-=t.s}e.s=r<0?-1:0,r<-1?e[i++]=this.DV+r:r>0&&(e[i++]=r),e.t=i,e.clamp()},t.prototype.multiplyTo=function(e,i){var r=this.abs(),n=e.abs(),s=r.t;for(i.t=s+n.t;--s>=0;)i[s]=0;for(s=0;s<n.t;++s)i[s+r.t]=r.am(0,n[s],i,s,0,r.t);i.s=0,i.clamp(),this.s!=e.s&&t.ZERO.subTo(i,i)},t.prototype.squareTo=function(t){for(var e=this.abs(),i=t.t=2*e.t;--i>=0;)t[i]=0;for(i=0;i<e.t-1;++i){var r=e.am(i,e[i],t,2*i,0,1);(t[i+e.t]+=e.am(i+1,2*e[i],t,2*i+1,r,e.t-i-1))>=e.DV&&(t[i+e.t]-=e.DV,t[i+e.t+1]=1)}t.t>0&&(t[t.t-1]+=e.am(i,e[i],t,2*i,0,1)),t.s=0,t.clamp()},t.prototype.divRemTo=function(e,i,r){var n=e.abs();if(!(n.t<=0)){var s=this.abs();if(s.t<n.t)return null!=i&&i.fromInt(0),void(null!=r&&this.copyTo(r));null==r&&(r=M());var o=M(),h=this.s,a=e.s,u=this.DB-K(n[n.t-1]);u>0?(n.lShiftTo(u,o),s.lShiftTo(u,r)):(n.copyTo(o),s.copyTo(r));var c=o.t,f=o[c-1];if(0!=f){var l=f*(1<<this.F1)+(c>1?o[c-2]>>this.F2:0),p=this.FV/l,g=(1<<this.F1)/l,d=1<<this.F2,v=r.t,m=v-c,y=null==i?M():i;for(o.dlShiftTo(m,y),r.compareTo(y)>=0&&(r[r.t++]=1,r.subTo(y,r)),t.ONE.dlShiftTo(c,y),y.subTo(o,o);o.t<c;)o[o.t++]=0;for(;--m>=0;){var b=r[--v]==f?this.DM:Math.floor(r[v]*p+(r[v-1]+d)*g);if((r[v]+=o.am(0,b,r,m,0,c))<b)for(o.dlShiftTo(m,y),r.subTo(y,r);r[v]<--b;)r.subTo(y,r)}null!=i&&(r.drShiftTo(c,i),h!=a&&t.ZERO.subTo(i,i)),r.t=c,r.clamp(),u>0&&r.rShiftTo(u,r),h<0&&t.ZERO.subTo(r,r)}}},t.prototype.invDigit=function(){if(this.t<1)return 0;var t=this[0];if(0==(1&t))return 0;var e=3&t;return(e=(e=(e=(e=e*(2-(15&t)*e)&15)*(2-(255&t)*e)&255)*(2-((65535&t)*e&65535))&65535)*(2-t*e%this.DV)%this.DV)>0?this.DV-e:-e},t.prototype.isEven=function(){return 0==(this.t>0?1&this[0]:this.s)},t.prototype.exp=function(e,i){if(e>4294967295||e<1)return t.ONE;var r=M(),n=M(),s=i.convert(this),o=K(e)-1;for(s.copyTo(r);--o>=0;)if(i.sqrTo(r,n),(e&1<<o)>0)i.mulTo(n,s,r);else{var h=r;r=n,n=h}return i.revert(r)},t.prototype.chunkSize=function(t){return Math.floor(Math.LN2*this.DB/Math.log(t))},t.prototype.toRadix=function(t){if(null==t&&(t=10),0==this.signum()||t<2||t>36)return"0";var e=this.chunkSize(t),i=Math.pow(t,e),r=U(i),n=M(),s=M(),o="";for(this.divRemTo(r,n,s);n.signum()>0;)o=(i+s.intValue()).toString(t).substr(1)+o,n.divRemTo(r,n,s);return s.intValue().toString(t)+o},t.prototype.fromRadix=function(e,i){this.fromInt(0),null==i&&(i=10);for(var r=this.chunkSize(i),n=Math.pow(i,r),s=!1,o=0,h=0,a=0;a<e.length;++a){var u=F(e,a);u<0?"-"==e.charAt(a)&&0==this.signum()&&(s=!0):(h=i*h+u,++o>=r&&(this.dMultiply(n),this.dAddOffset(h,0),o=0,h=0))}o>0&&(this.dMultiply(Math.pow(i,o)),this.dAddOffset(h,0)),s&&t.ZERO.subTo(this,this)},t.prototype.fromNumber=function(e,i,r){if("number"==typeof i)if(e<2)this.fromInt(1);else for(this.fromNumber(e,r),this.testBit(e-1)||this.bitwiseTo(t.ONE.shiftLeft(e-1),s,this),this.isEven()&&this.dAddOffset(1,0);!this.isProbablePrime(i);)this.dAddOffset(2,0),this.bitLength()>e&&this.subTo(t.ONE.shiftLeft(e-1),this);else{var n=[],o=7&e;n.length=1+(e>>3),i.nextBytes(n),o>0?n[0]&=(1<<o)-1:n[0]=0,this.fromString(n,256)}},t.prototype.bitwiseTo=function(t,e,i){var r,n,s=Math.min(t.t,this.t);for(r=0;r<s;++r)i[r]=e(this[r],t[r]);if(t.t<this.t){for(n=t.s&this.DM,r=s;r<this.t;++r)i[r]=e(this[r],n);i.t=this.t}else{for(n=this.s&this.DM,r=s;r<t.t;++r)i[r]=e(n,t[r]);i.t=t.t}i.s=e(this.s,t.s),i.clamp()},t.prototype.changeBit=function(e,i){var r=t.ONE.shiftLeft(e);return this.bitwiseTo(r,i,r),r},t.prototype.addTo=function(t,e){for(var i=0,r=0,n=Math.min(t.t,this.t);i<n;)r+=this[i]+t[i],e[i++]=r&this.DM,r>>=this.DB;if(t.t<this.t){for(r+=t.s;i<this.t;)r+=this[i],e[i++]=r&this.DM,r>>=this.DB;r+=this.s}else{for(r+=this.s;i<t.t;)r+=t[i],e[i++]=r&this.DM,r>>=this.DB;r+=t.s}e.s=r<0?-1:0,r>0?e[i++]=r:r<-1&&(e[i++]=this.DV+r),e.t=i,e.clamp()},t.prototype.dMultiply=function(t){this[this.t]=this.am(0,t-1,this,0,0,this.t),++this.t,this.clamp()},t.prototype.dAddOffset=function(t,e){if(0!=t){for(;this.t<=e;)this[this.t++]=0;for(this[e]+=t;this[e]>=this.DV;)this[e]-=this.DV,++e>=this.t&&(this[this.t++]=0),++this[e]}},t.prototype.multiplyLowerTo=function(t,e,i){var r=Math.min(this.t+t.t,e);for(i.s=0,i.t=r;r>0;)i[--r]=0;for(var n=i.t-this.t;r<n;++r)i[r+this.t]=this.am(0,t[r],i,r,0,this.t);for(n=Math.min(t.t,e);r<n;++r)this.am(0,t[r],i,r,0,e-r);i.clamp()},t.prototype.multiplyUpperTo=function(t,e,i){--e;var r=i.t=this.t+t.t-e;for(i.s=0;--r>=0;)i[r]=0;for(r=Math.max(e-this.t,0);r<t.t;++r)i[this.t+r-e]=this.am(e-r,t[r],i,0,0,this.t+r-e);i.clamp(),i.drShiftTo(1,i)},t.prototype.modInt=function(t){if(t<=0)return 0;var e=this.DV%t,i=this.s<0?t-1:0;if(this.t>0)if(0==e)i=this[0]%t;else for(var r=this.t-1;r>=0;--r)i=(e*i+this[r])%t;return i},t.prototype.millerRabin=function(e){var i=this.subtract(t.ONE),r=i.getLowestSetBit();if(r<=0)return!1;var n=i.shiftRight(r);(e=e+1>>1)>B.length&&(e=B.length);for(var s=M(),o=0;o<e;++o){s.fromInt(B[Math.floor(Math.random()*B.length)]);var h=s.modPow(n,this);if(0!=h.compareTo(t.ONE)&&0!=h.compareTo(i)){for(var a=1;a++<r&&0!=h.compareTo(i);)if(0==(h=h.modPowInt(2,this)).compareTo(t.ONE))return!1;if(0!=h.compareTo(i))return!1}}return!0},t.prototype.square=function(){var t=M();return this.squareTo(t),t},t.prototype.gcda=function(t,e){var i=this.s<0?this.negate():this.clone(),r=t.s<0?t.negate():t.clone();if(i.compareTo(r)<0){var n=i;i=r,r=n}var s=i.getLowestSetBit(),o=r.getLowestSetBit();if(o<0)e(i);else{s<o&&(o=s),o>0&&(i.rShiftTo(o,i),r.rShiftTo(o,r));var h=function(){(s=i.getLowestSetBit())>0&&i.rShiftTo(s,i),(s=r.getLowestSetBit())>0&&r.rShiftTo(s,r),i.compareTo(r)>=0?(i.subTo(r,i),i.rShiftTo(1,i)):(r.subTo(i,r),r.rShiftTo(1,r)),i.signum()>0?setTimeout(h,0):(o>0&&r.lShiftTo(o,r),setTimeout((function(){e(r)}),0))};setTimeout(h,10)}},t.prototype.fromNumberAsync=function(e,i,r,n){if("number"==typeof i)if(e<2)this.fromInt(1);else{this.fromNumber(e,r),this.testBit(e-1)||this.bitwiseTo(t.ONE.shiftLeft(e-1),s,this),this.isEven()&&this.dAddOffset(1,0);var o=this,h=function(){o.dAddOffset(2,0),o.bitLength()>e&&o.subTo(t.ONE.shiftLeft(e-1),o),o.isProbablePrime(i)?setTimeout((function(){n()}),0):setTimeout(h,0)};setTimeout(h,0)}else{var a=[],u=7&e;a.length=1+(e>>3),i.nextBytes(a),u>0?a[0]&=(1<<u)-1:a[0]=0,this.fromString(a,256)}},t}(),V=function(){function t(){}return t.prototype.convert=function(t){return t},t.prototype.revert=function(t){return t},t.prototype.mulTo=function(t,e,i){t.multiplyTo(e,i)},t.prototype.sqrTo=function(t,e){t.squareTo(e)},t}(),I=function(){function t(t){this.m=t}return t.prototype.convert=function(t){return t.s<0||t.compareTo(this.m)>=0?t.mod(this.m):t},t.prototype.revert=function(t){return t},t.prototype.reduce=function(t){t.divRemTo(this.m,null,t)},t.prototype.mulTo=function(t,e,i){t.multiplyTo(e,i),this.reduce(i)},t.prototype.sqrTo=function(t,e){t.squareTo(e),this.reduce(e)},t}(),N=function(){function t(t){this.m=t,this.mp=t.invDigit(),this.mpl=32767&this.mp,this.mph=this.mp>>15,this.um=(1<<t.DB-15)-1,this.mt2=2*t.t}return t.prototype.convert=function(t){var e=M();return t.abs().dlShiftTo(this.m.t,e),e.divRemTo(this.m,null,e),t.s<0&&e.compareTo(A.ZERO)>0&&this.m.subTo(e,e),e},t.prototype.revert=function(t){var e=M();return t.copyTo(e),this.reduce(e),e},t.prototype.reduce=function(t){for(;t.t<=this.mt2;)t[t.t++]=0;for(var e=0;e<this.m.t;++e){var i=32767&t[e],r=i*this.mpl+((i*this.mph+(t[e]>>15)*this.mpl&this.um)<<15)&t.DM;for(t[i=e+this.m.t]+=this.m.am(0,r,t,e,0,this.m.t);t[i]>=t.DV;)t[i]-=t.DV,t[++i]++}t.clamp(),t.drShiftTo(this.m.t,t),t.compareTo(this.m)>=0&&t.subTo(this.m,t)},t.prototype.mulTo=function(t,e,i){t.multiplyTo(e,i),this.reduce(i)},t.prototype.sqrTo=function(t,e){t.squareTo(e),this.reduce(e)},t}(),P=function(){function t(t){this.m=t,this.r2=M(),this.q3=M(),A.ONE.dlShiftTo(2*t.t,this.r2),this.mu=this.r2.divide(t)}return t.prototype.convert=function(t){if(t.s<0||t.t>2*this.m.t)return t.mod(this.m);if(t.compareTo(this.m)<0)return t;var e=M();return t.copyTo(e),this.reduce(e),e},t.prototype.revert=function(t){return t},t.prototype.reduce=function(t){for(t.drShiftTo(this.m.t-1,this.r2),t.t>this.m.t+1&&(t.t=this.m.t+1,t.clamp()),this.mu.multiplyUpperTo(this.r2,this.m.t+1,this.q3),this.m.multiplyLowerTo(this.q3,this.m.t+1,this.r2);t.compareTo(this.r2)<0;)t.dAddOffset(1,this.m.t+1);for(t.subTo(this.r2,t);t.compareTo(this.m)>=0;)t.subTo(this.m,t)},t.prototype.mulTo=function(t,e,i){t.multiplyTo(e,i),this.reduce(i)},t.prototype.sqrTo=function(t,e){t.squareTo(e),this.reduce(e)},t}();function M(){return new A(null)}function L(t,e){return new A(t,e)}var j="undefined"!=typeof navigator;j&&"Microsoft Internet Explorer"==navigator.appName?(A.prototype.am=function(t,e,i,r,n,s){for(var o=32767&e,h=e>>15;--s>=0;){var a=32767&this[t],u=this[t++]>>15,c=h*a+u*o;n=((a=o*a+((32767&c)<<15)+i[r]+(1073741823&n))>>>30)+(c>>>15)+h*u+(n>>>30),i[r++]=1073741823&a}return n},w=30):j&&"Netscape"!=navigator.appName?(A.prototype.am=function(t,e,i,r,n,s){for(;--s>=0;){var o=e*this[t++]+i[r]+n;n=Math.floor(o/67108864),i[r++]=67108863&o}return n},w=26):(A.prototype.am=function(t,e,i,r,n,s){for(var o=16383&e,h=e>>14;--s>=0;){var a=16383&this[t],u=this[t++]>>14,c=h*a+u*o;n=((a=o*a+((16383&c)<<14)+i[r]+n)>>28)+(c>>14)+h*u,i[r++]=268435455&a}return n},w=28),A.prototype.DB=w,A.prototype.DM=(1<<w)-1,A.prototype.DV=1<<w,A.prototype.FV=Math.pow(2,52),A.prototype.F1=52-w,A.prototype.F2=2*w-52;var q,H,C=[];for(q="0".charCodeAt(0),H=0;H<=9;++H)C[q++]=H;for(q="a".charCodeAt(0),H=10;H<36;++H)C[q++]=H;for(q="A".charCodeAt(0),H=10;H<36;++H)C[q++]=H;function F(t,e){var i=C[t.charCodeAt(e)];return null==i?-1:i}function U(t){var e=M();return e.fromInt(t),e}function K(t){var e,i=1;return 0!=(e=t>>>16)&&(t=e,i+=16),0!=(e=t>>8)&&(t=e,i+=8),0!=(e=t>>4)&&(t=e,i+=4),0!=(e=t>>2)&&(t=e,i+=2),0!=(e=t>>1)&&(t=e,i+=1),i}A.ZERO=U(0),A.ONE=U(1);var k,_,z=function(){function t(){this.i=0,this.j=0,this.S=[]}return t.prototype.init=function(t){var e,i,r;for(e=0;e<256;++e)this.S[e]=e;for(i=0,e=0;e<256;++e)i=i+this.S[e]+t[e%t.length]&255,r=this.S[e],this.S[e]=this.S[i],this.S[i]=r;this.i=0,this.j=0},t.prototype.next=function(){var t;return this.i=this.i+1&255,this.j=this.j+this.S[this.i]&255,t=this.S[this.i],this.S[this.i]=this.S[this.j],this.S[this.j]=t,this.S[t+this.S[this.i]&255]},t}(),Z=256,G=null;if(null==G){G=[],_=0;var $=void 0;if("undefined"!=typeof window&&window.crypto&&window.crypto.getRandomValues){var Y=new Uint32Array(256);for(window.crypto.getRandomValues(Y),$=0;$<Y.length;++$)G[_++]=255&Y[$]}var J=0,X=function(t){if((J=J||0)>=256||_>=Z)window.removeEventListener?window.removeEventListener("mousemove",X,!1):window.detachEvent&&window.detachEvent("onmousemove",X);else try{var e=t.x+t.y;G[_++]=255&e,J+=1}catch(t){}};"undefined"!=typeof window&&(window.addEventListener?window.addEventListener("mousemove",X,!1):window.attachEvent&&window.attachEvent("onmousemove",X))}function Q(){if(null==k){for(k=new z;_<Z;){var t=Math.floor(65536*Math.random());G[_++]=255&t}for(k.init(G),_=0;_<G.length;++_)G[_]=0;_=0}return k.next()}var W=function(){function t(){}return t.prototype.nextBytes=function(t){for(var e=0;e<t.length;++e)t[e]=Q()},t}(),tt=function(){function t(){this.n=null,this.e=0,this.d=null,this.p=null,this.q=null,this.dmp1=null,this.dmq1=null,this.coeff=null}return t.prototype.doPublic=function(t){return t.modPowInt(this.e,this.n)},t.prototype.doPrivate=function(t){if(null==this.p||null==this.q)return t.modPow(this.d,this.n);for(var e=t.mod(this.p).modPow(this.dmp1,this.p),i=t.mod(this.q).modPow(this.dmq1,this.q);e.compareTo(i)<0;)e=e.add(this.p);return e.subtract(i).multiply(this.coeff).mod(this.p).multiply(this.q).add(i)},t.prototype.setPublic=function(t,e){null!=t&&null!=e&&t.length>0&&e.length>0?(this.n=L(t,16),this.e=parseInt(e,16)):console.error("Invalid RSA public key")},t.prototype.encrypt=function(t){var e=this.n.bitLength()+7>>3,i=function(t,e){if(e<t.length+11)return console.error("Message too long for RSA"),null;for(var i=[],r=t.length-1;r>=0&&e>0;){var n=t.charCodeAt(r--);n<128?i[--e]=n:n>127&&n<2048?(i[--e]=63&n|128,i[--e]=n>>6|192):(i[--e]=63&n|128,i[--e]=n>>6&63|128,i[--e]=n>>12|224)}i[--e]=0;for(var s=new W,o=[];e>2;){for(o[0]=0;0==o[0];)s.nextBytes(o);i[--e]=o[0]}return i[--e]=2,i[--e]=0,new A(i)}(t,e);if(null==i)return null;var r=this.doPublic(i);if(null==r)return null;for(var n=r.toString(16),s=n.length,o=0;o<2*e-s;o++)n="0"+n;return n},t.prototype.setPrivate=function(t,e,i){null!=t&&null!=e&&t.length>0&&e.length>0?(this.n=L(t,16),this.e=parseInt(e,16),this.d=L(i,16)):console.error("Invalid RSA private key")},t.prototype.setPrivateEx=function(t,e,i,r,n,s,o,h){null!=t&&null!=e&&t.length>0&&e.length>0?(this.n=L(t,16),this.e=parseInt(e,16),this.d=L(i,16),this.p=L(r,16),this.q=L(n,16),this.dmp1=L(s,16),this.dmq1=L(o,16),this.coeff=L(h,16)):console.error("Invalid RSA private key")},t.prototype.generate=function(t,e){var i=new W,r=t>>1;this.e=parseInt(e,16);for(var n=new A(e,16);;){for(;this.p=new A(t-r,1,i),0!=this.p.subtract(A.ONE).gcd(n).compareTo(A.ONE)||!this.p.isProbablePrime(10););for(;this.q=new A(r,1,i),0!=this.q.subtract(A.ONE).gcd(n).compareTo(A.ONE)||!this.q.isProbablePrime(10););if(this.p.compareTo(this.q)<=0){var s=this.p;this.p=this.q,this.q=s}var o=this.p.subtract(A.ONE),h=this.q.subtract(A.ONE),a=o.multiply(h);if(0==a.gcd(n).compareTo(A.ONE)){this.n=this.p.multiply(this.q),this.d=n.modInverse(a),this.dmp1=this.d.mod(o),this.dmq1=this.d.mod(h),this.coeff=this.q.modInverse(this.p);break}}},t.prototype.decrypt=function(t){var e=L(t,16),i=this.doPrivate(e);return null==i?null:function(t,e){for(var i=t.toByteArray(),r=0;r<i.length&&0==i[r];)++r;if(i.length-r!=e-1||2!=i[r])return null;for(++r;0!=i[r];)if(++r>=i.length)return null;for(var n="";++r<i.length;){var s=255&i[r];s<128?n+=String.fromCharCode(s):s>191&&s<224?(n+=String.fromCharCode((31&s)<<6|63&i[r+1]),++r):(n+=String.fromCharCode((15&s)<<12|(63&i[r+1])<<6|63&i[r+2]),r+=2)}return n}(i,this.n.bitLength()+7>>3)},t.prototype.generateAsync=function(t,e,i){var r=new W,n=t>>1;this.e=parseInt(e,16);var s=new A(e,16),o=this,h=function(){var e=function(){if(o.p.compareTo(o.q)<=0){var t=o.p;o.p=o.q,o.q=t}var e=o.p.subtract(A.ONE),r=o.q.subtract(A.ONE),n=e.multiply(r);0==n.gcd(s).compareTo(A.ONE)?(o.n=o.p.multiply(o.q),o.d=s.modInverse(n),o.dmp1=o.d.mod(e),o.dmq1=o.d.mod(r),o.coeff=o.q.modInverse(o.p),setTimeout((function(){i()}),0)):setTimeout(h,0)},a=function(){o.q=M(),o.q.fromNumberAsync(n,1,r,(function(){o.q.subtract(A.ONE).gcda(s,(function(t){0==t.compareTo(A.ONE)&&o.q.isProbablePrime(10)?setTimeout(e,0):setTimeout(a,0)}))}))},u=function(){o.p=M(),o.p.fromNumberAsync(t-n,1,r,(function(){o.p.subtract(A.ONE).gcda(s,(function(t){0==t.compareTo(A.ONE)&&o.p.isProbablePrime(10)?setTimeout(a,0):setTimeout(u,0)}))}))};setTimeout(u,0)};setTimeout(h,0)},t.prototype.sign=function(t,e,i){var r=function(t,e){if(e<t.length+22)return console.error("Message too long for RSA"),null;for(var i=e-t.length-6,r="",n=0;n<i;n+=2)r+="ff";return L("0001"+r+"00"+t,16)}((et[i]||"")+e(t).toString(),this.n.bitLength()/4);if(null==r)return null;var n=this.doPrivate(r);if(null==n)return null;var s=n.toString(16);return 0==(1&s.length)?s:"0"+s},t.prototype.verify=function(t,e,i){var r=L(e,16),n=this.doPublic(r);return null==n?null:function(t){for(var e in et)if(et.hasOwnProperty(e)){var i=et[e],r=i.length;if(t.substr(0,r)==i)return t.substr(r)}return t}(n.toString(16).replace(/^1f+00/,""))==i(t).toString()},t}(),et={md2:"3020300c06082a864886f70d020205000410",md5:"3020300c06082a864886f70d020505000410",sha1:"3021300906052b0e03021a05000414",sha224:"302d300d06096086480165030402040500041c",sha256:"3031300d060960864801650304020105000420",sha384:"3041300d060960864801650304020205000430",sha512:"3051300d060960864801650304020305000440",ripemd160:"3021300906052b2403020105000414"},it={};it.lang={extend:function(t,e,i){if(!e||!t)throw new Error("YAHOO.lang.extend failed, please check that all dependencies are included.");var r=function(){};if(r.prototype=e.prototype,t.prototype=new r,t.prototype.constructor=t,t.superclass=e.prototype,e.prototype.constructor==Object.prototype.constructor&&(e.prototype.constructor=e),i){var n;for(n in i)t.prototype[n]=i[n];var s=function(){},o=["toString","valueOf"];try{/MSIE/.test(navigator.userAgent)&&(s=function(t,e){for(n=0;n<o.length;n+=1){var i=o[n],r=e[i];"function"==typeof r&&r!=Object.prototype[i]&&(t[i]=r)}})}catch(t){}s(t.prototype,i)}}};var rt={};void 0!==rt.asn1&&rt.asn1||(rt.asn1={}),rt.asn1.ASN1Util=new function(){this.integerToByteHex=function(t){var e=t.toString(16);return e.length%2==1&&(e="0"+e),e},this.bigIntToMinTwosComplementsHex=function(t){var e=t.toString(16);if("-"!=e.substr(0,1))e.length%2==1?e="0"+e:e.match(/^[0-7]/)||(e="00"+e);else{var i=e.substr(1).length;i%2==1?i+=1:e.match(/^[0-7]/)||(i+=2);for(var r="",n=0;n<i;n++)r+="f";e=new A(r,16).xor(t).add(A.ONE).toString(16).replace(/^-/,"")}return e},this.getPEMStringFromHex=function(t,e){return hextopem(t,e)},this.newObject=function(t){var e=rt.asn1,i=e.DERBoolean,r=e.DERInteger,n=e.DERBitString,s=e.DEROctetString,o=e.DERNull,h=e.DERObjectIdentifier,a=e.DEREnumerated,u=e.DERUTF8String,c=e.DERNumericString,f=e.DERPrintableString,l=e.DERTeletexString,p=e.DERIA5String,g=e.DERUTCTime,d=e.DERGeneralizedTime,v=e.DERSequence,m=e.DERSet,y=e.DERTaggedObject,b=e.ASN1Util.newObject,T=Object.keys(t);if(1!=T.length)throw"key of param shall be only one.";var S=T[0];if(-1==":bool:int:bitstr:octstr:null:oid:enum:utf8str:numstr:prnstr:telstr:ia5str:utctime:gentime:seq:set:tag:".indexOf(":"+S+":"))throw"undefined key: "+S;if("bool"==S)return new i(t[S]);if("int"==S)return new r(t[S]);if("bitstr"==S)return new n(t[S]);if("octstr"==S)return new s(t[S]);if("null"==S)return new o(t[S]);if("oid"==S)return new h(t[S]);if("enum"==S)return new a(t[S]);if("utf8str"==S)return new u(t[S]);if("numstr"==S)return new c(t[S]);if("prnstr"==S)return new f(t[S]);if("telstr"==S)return new l(t[S]);if("ia5str"==S)return new p(t[S]);if("utctime"==S)return new g(t[S]);if("gentime"==S)return new d(t[S]);if("seq"==S){for(var E=t[S],w=[],D=0;D<E.length;D++){var x=b(E[D]);w.push(x)}return new v({array:w})}if("set"==S){for(E=t[S],w=[],D=0;D<E.length;D++)x=b(E[D]),w.push(x);return new m({array:w})}if("tag"==S){var R=t[S];if("[object Array]"===Object.prototype.toString.call(R)&&3==R.length){var B=b(R[2]);return new y({tag:R[0],explicit:R[1],obj:B})}var O={};if(void 0!==R.explicit&&(O.explicit=R.explicit),void 0!==R.tag&&(O.tag=R.tag),void 0===R.obj)throw"obj shall be specified for 'tag'.";return O.obj=b(R.obj),new y(O)}},this.jsonToASN1HEX=function(t){return this.newObject(t).getEncodedHex()}},rt.asn1.ASN1Util.oidHexToInt=function(t){for(var e="",i=parseInt(t.substr(0,2),16),r=(e=Math.floor(i/40)+"."+i%40,""),n=2;n<t.length;n+=2){var s=("00000000"+parseInt(t.substr(n,2),16).toString(2)).slice(-8);r+=s.substr(1,7),"0"==s.substr(0,1)&&(e=e+"."+new A(r,2).toString(10),r="")}return e},rt.asn1.ASN1Util.oidIntToHex=function(t){var e=function(t){var e=t.toString(16);return 1==e.length&&(e="0"+e),e},i=function(t){var i="",r=new A(t,10).toString(2),n=7-r.length%7;7==n&&(n=0);for(var s="",o=0;o<n;o++)s+="0";for(r=s+r,o=0;o<r.length-1;o+=7){var h=r.substr(o,7);o!=r.length-7&&(h="1"+h),i+=e(parseInt(h,2))}return i};if(!t.match(/^[0-9.]+$/))throw"malformed oid string: "+t;var r="",n=t.split("."),s=40*parseInt(n[0])+parseInt(n[1]);r+=e(s),n.splice(0,2);for(var o=0;o<n.length;o++)r+=i(n[o]);return r},rt.asn1.ASN1Object=function(){this.getLengthHexFromValue=function(){if(void 0===this.hV||null==this.hV)throw"this.hV is null or undefined.";if(this.hV.length%2==1)throw"value hex must be even length: n="+"".length+",v="+this.hV;var t=this.hV.length/2,e=t.toString(16);if(e.length%2==1&&(e="0"+e),t<128)return e;var i=e.length/2;if(i>15)throw"ASN.1 length too long to represent by 8x: n = "+t.toString(16);return(128+i).toString(16)+e},this.getEncodedHex=function(){return(null==this.hTLV||this.isModified)&&(this.hV=this.getFreshValueHex(),this.hL=this.getLengthHexFromValue(),this.hTLV=this.hT+this.hL+this.hV,this.isModified=!1),this.hTLV},this.getValueHex=function(){return this.getEncodedHex(),this.hV},this.getFreshValueHex=function(){return""}},rt.asn1.DERAbstractString=function(t){rt.asn1.DERAbstractString.superclass.constructor.call(this),this.getString=function(){return this.s},this.setString=function(t){this.hTLV=null,this.isModified=!0,this.s=t,this.hV=stohex(this.s)},this.setStringHex=function(t){this.hTLV=null,this.isModified=!0,this.s=null,this.hV=t},this.getFreshValueHex=function(){return this.hV},void 0!==t&&("string"==typeof t?this.setString(t):void 0!==t.str?this.setString(t.str):void 0!==t.hex&&this.setStringHex(t.hex))},it.lang.extend(rt.asn1.DERAbstractString,rt.asn1.ASN1Object),rt.asn1.DERAbstractTime=function(t){rt.asn1.DERAbstractTime.superclass.constructor.call(this),this.localDateToUTC=function(t){return utc=t.getTime()+6e4*t.getTimezoneOffset(),new Date(utc)},this.formatDate=function(t,e,i){var r=this.zeroPadding,n=this.localDateToUTC(t),s=String(n.getFullYear());"utc"==e&&(s=s.substr(2,2));var o=s+r(String(n.getMonth()+1),2)+r(String(n.getDate()),2)+r(String(n.getHours()),2)+r(String(n.getMinutes()),2)+r(String(n.getSeconds()),2);if(!0===i){var h=n.getMilliseconds();if(0!=h){var a=r(String(h),3);o=o+"."+(a=a.replace(/[0]+$/,""))}}return o+"Z"},this.zeroPadding=function(t,e){return t.length>=e?t:new Array(e-t.length+1).join("0")+t},this.getString=function(){return this.s},this.setString=function(t){this.hTLV=null,this.isModified=!0,this.s=t,this.hV=stohex(t)},this.setByDateValue=function(t,e,i,r,n,s){var o=new Date(Date.UTC(t,e-1,i,r,n,s,0));this.setByDate(o)},this.getFreshValueHex=function(){return this.hV}},it.lang.extend(rt.asn1.DERAbstractTime,rt.asn1.ASN1Object),rt.asn1.DERAbstractStructured=function(t){rt.asn1.DERAbstractString.superclass.constructor.call(this),this.setByASN1ObjectArray=function(t){this.hTLV=null,this.isModified=!0,this.asn1Array=t},this.appendASN1Object=function(t){this.hTLV=null,this.isModified=!0,this.asn1Array.push(t)},this.asn1Array=new Array,void 0!==t&&void 0!==t.array&&(this.asn1Array=t.array)},it.lang.extend(rt.asn1.DERAbstractStructured,rt.asn1.ASN1Object),rt.asn1.DERBoolean=function(){rt.asn1.DERBoolean.superclass.constructor.call(this),this.hT="01",this.hTLV="0101ff"},it.lang.extend(rt.asn1.DERBoolean,rt.asn1.ASN1Object),rt.asn1.DERInteger=function(t){rt.asn1.DERInteger.superclass.constructor.call(this),this.hT="02",this.setByBigInteger=function(t){this.hTLV=null,this.isModified=!0,this.hV=rt.asn1.ASN1Util.bigIntToMinTwosComplementsHex(t)},this.setByInteger=function(t){var e=new A(String(t),10);this.setByBigInteger(e)},this.setValueHex=function(t){this.hV=t},this.getFreshValueHex=function(){return this.hV},void 0!==t&&(void 0!==t.bigint?this.setByBigInteger(t.bigint):void 0!==t.int?this.setByInteger(t.int):"number"==typeof t?this.setByInteger(t):void 0!==t.hex&&this.setValueHex(t.hex))},it.lang.extend(rt.asn1.DERInteger,rt.asn1.ASN1Object),rt.asn1.DERBitString=function(t){if(void 0!==t&&void 0!==t.obj){var e=rt.asn1.ASN1Util.newObject(t.obj);t.hex="00"+e.getEncodedHex()}rt.asn1.DERBitString.superclass.constructor.call(this),this.hT="03",this.setHexValueIncludingUnusedBits=function(t){this.hTLV=null,this.isModified=!0,this.hV=t},this.setUnusedBitsAndHexValue=function(t,e){if(t<0||7<t)throw"unused bits shall be from 0 to 7: u = "+t;var i="0"+t;this.hTLV=null,this.isModified=!0,this.hV=i+e},this.setByBinaryString=function(t){var e=8-(t=t.replace(/0+$/,"")).length%8;8==e&&(e=0);for(var i=0;i<=e;i++)t+="0";var r="";for(i=0;i<t.length-1;i+=8){var n=t.substr(i,8),s=parseInt(n,2).toString(16);1==s.length&&(s="0"+s),r+=s}this.hTLV=null,this.isModified=!0,this.hV="0"+e+r},this.setByBooleanArray=function(t){for(var e="",i=0;i<t.length;i++)1==t[i]?e+="1":e+="0";this.setByBinaryString(e)},this.newFalseArray=function(t){for(var e=new Array(t),i=0;i<t;i++)e[i]=!1;return e},this.getFreshValueHex=function(){return this.hV},void 0!==t&&("string"==typeof t&&t.toLowerCase().match(/^[0-9a-f]+$/)?this.setHexValueIncludingUnusedBits(t):void 0!==t.hex?this.setHexValueIncludingUnusedBits(t.hex):void 0!==t.bin?this.setByBinaryString(t.bin):void 0!==t.array&&this.setByBooleanArray(t.array))},it.lang.extend(rt.asn1.DERBitString,rt.asn1.ASN1Object),rt.asn1.DEROctetString=function(t){if(void 0!==t&&void 0!==t.obj){var e=rt.asn1.ASN1Util.newObject(t.obj);t.hex=e.getEncodedHex()}rt.asn1.DEROctetString.superclass.constructor.call(this,t),this.hT="04"},it.lang.extend(rt.asn1.DEROctetString,rt.asn1.DERAbstractString),rt.asn1.DERNull=function(){rt.asn1.DERNull.superclass.constructor.call(this),this.hT="05",this.hTLV="0500"},it.lang.extend(rt.asn1.DERNull,rt.asn1.ASN1Object),rt.asn1.DERObjectIdentifier=function(t){var e=function(t){var e=t.toString(16);return 1==e.length&&(e="0"+e),e},i=function(t){var i="",r=new A(t,10).toString(2),n=7-r.length%7;7==n&&(n=0);for(var s="",o=0;o<n;o++)s+="0";for(r=s+r,o=0;o<r.length-1;o+=7){var h=r.substr(o,7);o!=r.length-7&&(h="1"+h),i+=e(parseInt(h,2))}return i};rt.asn1.DERObjectIdentifier.superclass.constructor.call(this),this.hT="06",this.setValueHex=function(t){this.hTLV=null,this.isModified=!0,this.s=null,this.hV=t},this.setValueOidString=function(t){if(!t.match(/^[0-9.]+$/))throw"malformed oid string: "+t;var r="",n=t.split("."),s=40*parseInt(n[0])+parseInt(n[1]);r+=e(s),n.splice(0,2);for(var o=0;o<n.length;o++)r+=i(n[o]);this.hTLV=null,this.isModified=!0,this.s=null,this.hV=r},this.setValueName=function(t){var e=rt.asn1.x509.OID.name2oid(t);if(""===e)throw"DERObjectIdentifier oidName undefined: "+t;this.setValueOidString(e)},this.getFreshValueHex=function(){return this.hV},void 0!==t&&("string"==typeof t?t.match(/^[0-2].[0-9.]+$/)?this.setValueOidString(t):this.setValueName(t):void 0!==t.oid?this.setValueOidString(t.oid):void 0!==t.hex?this.setValueHex(t.hex):void 0!==t.name&&this.setValueName(t.name))},it.lang.extend(rt.asn1.DERObjectIdentifier,rt.asn1.ASN1Object),rt.asn1.DEREnumerated=function(t){rt.asn1.DEREnumerated.superclass.constructor.call(this),this.hT="0a",this.setByBigInteger=function(t){this.hTLV=null,this.isModified=!0,this.hV=rt.asn1.ASN1Util.bigIntToMinTwosComplementsHex(t)},this.setByInteger=function(t){var e=new A(String(t),10);this.setByBigInteger(e)},this.setValueHex=function(t){this.hV=t},this.getFreshValueHex=function(){return this.hV},void 0!==t&&(void 0!==t.int?this.setByInteger(t.int):"number"==typeof t?this.setByInteger(t):void 0!==t.hex&&this.setValueHex(t.hex))},it.lang.extend(rt.asn1.DEREnumerated,rt.asn1.ASN1Object),rt.asn1.DERUTF8String=function(t){rt.asn1.DERUTF8String.superclass.constructor.call(this,t),this.hT="0c"},it.lang.extend(rt.asn1.DERUTF8String,rt.asn1.DERAbstractString),rt.asn1.DERNumericString=function(t){rt.asn1.DERNumericString.superclass.constructor.call(this,t),this.hT="12"},it.lang.extend(rt.asn1.DERNumericString,rt.asn1.DERAbstractString),rt.asn1.DERPrintableString=function(t){rt.asn1.DERPrintableString.superclass.constructor.call(this,t),this.hT="13"},it.lang.extend(rt.asn1.DERPrintableString,rt.asn1.DERAbstractString),rt.asn1.DERTeletexString=function(t){rt.asn1.DERTeletexString.superclass.constructor.call(this,t),this.hT="14"},it.lang.extend(rt.asn1.DERTeletexString,rt.asn1.DERAbstractString),rt.asn1.DERIA5String=function(t){rt.asn1.DERIA5String.superclass.constructor.call(this,t),this.hT="16"},it.lang.extend(rt.asn1.DERIA5String,rt.asn1.DERAbstractString),rt.asn1.DERUTCTime=function(t){rt.asn1.DERUTCTime.superclass.constructor.call(this,t),this.hT="17",this.setByDate=function(t){this.hTLV=null,this.isModified=!0,this.date=t,this.s=this.formatDate(this.date,"utc"),this.hV=stohex(this.s)},this.getFreshValueHex=function(){return void 0===this.date&&void 0===this.s&&(this.date=new Date,this.s=this.formatDate(this.date,"utc"),this.hV=stohex(this.s)),this.hV},void 0!==t&&(void 0!==t.str?this.setString(t.str):"string"==typeof t&&t.match(/^[0-9]{12}Z$/)?this.setString(t):void 0!==t.hex?this.setStringHex(t.hex):void 0!==t.date&&this.setByDate(t.date))},it.lang.extend(rt.asn1.DERUTCTime,rt.asn1.DERAbstractTime),rt.asn1.DERGeneralizedTime=function(t){rt.asn1.DERGeneralizedTime.superclass.constructor.call(this,t),this.hT="18",this.withMillis=!1,this.setByDate=function(t){this.hTLV=null,this.isModified=!0,this.date=t,this.s=this.formatDate(this.date,"gen",this.withMillis),this.hV=stohex(this.s)},this.getFreshValueHex=function(){return void 0===this.date&&void 0===this.s&&(this.date=new Date,this.s=this.formatDate(this.date,"gen",this.withMillis),this.hV=stohex(this.s)),this.hV},void 0!==t&&(void 0!==t.str?this.setString(t.str):"string"==typeof t&&t.match(/^[0-9]{14}Z$/)?this.setString(t):void 0!==t.hex?this.setStringHex(t.hex):void 0!==t.date&&this.setByDate(t.date),!0===t.millis&&(this.withMillis=!0))},it.lang.extend(rt.asn1.DERGeneralizedTime,rt.asn1.DERAbstractTime),rt.asn1.DERSequence=function(t){rt.asn1.DERSequence.superclass.constructor.call(this,t),this.hT="30",this.getFreshValueHex=function(){for(var t="",e=0;e<this.asn1Array.length;e++)t+=this.asn1Array[e].getEncodedHex();return this.hV=t,this.hV}},it.lang.extend(rt.asn1.DERSequence,rt.asn1.DERAbstractStructured),rt.asn1.DERSet=function(t){rt.asn1.DERSet.superclass.constructor.call(this,t),this.hT="31",this.sortFlag=!0,this.getFreshValueHex=function(){for(var t=new Array,e=0;e<this.asn1Array.length;e++){var i=this.asn1Array[e];t.push(i.getEncodedHex())}return 1==this.sortFlag&&t.sort(),this.hV=t.join(""),this.hV},void 0!==t&&void 0!==t.sortflag&&0==t.sortflag&&(this.sortFlag=!1)},it.lang.extend(rt.asn1.DERSet,rt.asn1.DERAbstractStructured),rt.asn1.DERTaggedObject=function(t){rt.asn1.DERTaggedObject.superclass.constructor.call(this),this.hT="a0",this.hV="",this.isExplicit=!0,this.asn1Object=null,this.setASN1Object=function(t,e,i){this.hT=e,this.isExplicit=t,this.asn1Object=i,this.isExplicit?(this.hV=this.asn1Object.getEncodedHex(),this.hTLV=null,this.isModified=!0):(this.hV=null,this.hTLV=i.getEncodedHex(),this.hTLV=this.hTLV.replace(/^../,e),this.isModified=!1)},this.getFreshValueHex=function(){return this.hV},void 0!==t&&(void 0!==t.tag&&(this.hT=t.tag),void 0!==t.explicit&&(this.isExplicit=t.explicit),void 0!==t.obj&&(this.asn1Object=t.obj,this.setASN1Object(this.isExplicit,this.hT,this.asn1Object)))},it.lang.extend(rt.asn1.DERTaggedObject,rt.asn1.ASN1Object);var nt,st,ot=(nt=function(t,e){return nt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},nt(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}nt(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}),ht=function(t){function e(i){var r=t.call(this)||this;return i&&("string"==typeof i?r.parseKey(i):(e.hasPrivateKeyProperty(i)||e.hasPublicKeyProperty(i))&&r.parsePropertiesFrom(i)),r}return ot(e,t),e.prototype.parseKey=function(t){try{var e=0,i=0,r=/^\s*(?:[0-9A-Fa-f][0-9A-Fa-f]\s*)+$/.test(t)?function(t){var e;if(void 0===c){var i="0123456789ABCDEF",r=" \f\n\r\t \u2028\u2029";for(c={},e=0;e<16;++e)c[i.charAt(e)]=e;for(i=i.toLowerCase(),e=10;e<16;++e)c[i.charAt(e)]=e;for(e=0;e<r.length;++e)c[r.charAt(e)]=-1}var n=[],s=0,o=0;for(e=0;e<t.length;++e){var h=t.charAt(e);if("="==h)break;if(-1!=(h=c[h])){if(void 0===h)throw new Error("Illegal character at offset "+e);s|=h,++o>=2?(n[n.length]=s,s=0,o=0):s<<=4}}if(o)throw new Error("Hex encoding incomplete: 4 bits missing");return n}(t):v.unarmor(t),n=x.decode(r);if(3===n.sub.length&&(n=n.sub[2].sub[0]),9===n.sub.length){e=n.sub[1].getHexStringValue(),this.n=L(e,16),i=n.sub[2].getHexStringValue(),this.e=parseInt(i,16);var s=n.sub[3].getHexStringValue();this.d=L(s,16);var o=n.sub[4].getHexStringValue();this.p=L(o,16);var h=n.sub[5].getHexStringValue();this.q=L(h,16);var a=n.sub[6].getHexStringValue();this.dmp1=L(a,16);var u=n.sub[7].getHexStringValue();this.dmq1=L(u,16);var f=n.sub[8].getHexStringValue();this.coeff=L(f,16)}else{if(2!==n.sub.length)return!1;if(n.sub[0].sub){var l=n.sub[1].sub[0];e=l.sub[0].getHexStringValue(),this.n=L(e,16),i=l.sub[1].getHexStringValue(),this.e=parseInt(i,16)}else e=n.sub[0].getHexStringValue(),this.n=L(e,16),i=n.sub[1].getHexStringValue(),this.e=parseInt(i,16)}return!0}catch(t){return!1}},e.prototype.getPrivateBaseKey=function(){var t={array:[new rt.asn1.DERInteger({int:0}),new rt.asn1.DERInteger({bigint:this.n}),new rt.asn1.DERInteger({int:this.e}),new rt.asn1.DERInteger({bigint:this.d}),new rt.asn1.DERInteger({bigint:this.p}),new rt.asn1.DERInteger({bigint:this.q}),new rt.asn1.DERInteger({bigint:this.dmp1}),new rt.asn1.DERInteger({bigint:this.dmq1}),new rt.asn1.DERInteger({bigint:this.coeff})]};return new rt.asn1.DERSequence(t).getEncodedHex()},e.prototype.getPrivateBaseKeyB64=function(){return p(this.getPrivateBaseKey())},e.prototype.getPublicBaseKey=function(){var t=new rt.asn1.DERSequence({array:[new rt.asn1.DERObjectIdentifier({oid:"1.2.840.113549.1.1.1"}),new rt.asn1.DERNull]}),e=new rt.asn1.DERSequence({array:[new rt.asn1.DERInteger({bigint:this.n}),new rt.asn1.DERInteger({int:this.e})]}),i=new rt.asn1.DERBitString({hex:"00"+e.getEncodedHex()});return new rt.asn1.DERSequence({array:[t,i]}).getEncodedHex()},e.prototype.getPublicBaseKeyB64=function(){return p(this.getPublicBaseKey())},e.wordwrap=function(t,e){if(!t)return t;var i="(.{1,"+(e=e||64)+"})( +|$\n?)|(.{1,"+e+"})";return t.match(RegExp(i,"g")).join("\n")},e.prototype.getPrivateKey=function(){var t="-----BEGIN RSA PRIVATE KEY-----\n";return(t+=e.wordwrap(this.getPrivateBaseKeyB64())+"\n")+"-----END RSA PRIVATE KEY-----"},e.prototype.getPublicKey=function(){var t="-----BEGIN PUBLIC KEY-----\n";return(t+=e.wordwrap(this.getPublicBaseKeyB64())+"\n")+"-----END PUBLIC KEY-----"},e.hasPublicKeyProperty=function(t){return(t=t||{}).hasOwnProperty("n")&&t.hasOwnProperty("e")},e.hasPrivateKeyProperty=function(t){return(t=t||{}).hasOwnProperty("n")&&t.hasOwnProperty("e")&&t.hasOwnProperty("d")&&t.hasOwnProperty("p")&&t.hasOwnProperty("q")&&t.hasOwnProperty("dmp1")&&t.hasOwnProperty("dmq1")&&t.hasOwnProperty("coeff")},e.prototype.parsePropertiesFrom=function(t){this.n=t.n,this.e=t.e,t.hasOwnProperty("d")&&(this.d=t.d,this.p=t.p,this.q=t.q,this.dmp1=t.dmp1,this.dmq1=t.dmq1,this.coeff=t.coeff)},e}(tt),at=i(155),ut=void 0!==at?null===(st=at.env)||void 0===st?void 0:"3.3.2":void 0;const ct=function(){function t(t){void 0===t&&(t={}),t=t||{},this.default_key_size=t.default_key_size?parseInt(t.default_key_size,10):1024,this.default_public_exponent=t.default_public_exponent||"010001",this.log=t.log||!1,this.key=null}return t.prototype.setKey=function(t){this.log&&this.key&&console.warn("A key was already set, overriding existing."),this.key=new ht(t)},t.prototype.setPrivateKey=function(t){this.setKey(t)},t.prototype.setPublicKey=function(t){this.setKey(t)},t.prototype.decrypt=function(t){try{return this.getKey().decrypt(g(t))}catch(t){return!1}},t.prototype.encrypt=function(t){try{return p(this.getKey().encrypt(t))}catch(t){return!1}},t.prototype.sign=function(t,e,i){try{return p(this.getKey().sign(t,e,i))}catch(t){return!1}},t.prototype.verify=function(t,e,i){try{return this.getKey().verify(t,g(e),i)}catch(t){return!1}},t.prototype.getKey=function(t){if(!this.key){if(this.key=new ht,t&&"[object Function]"==={}.toString.call(t))return void this.key.generateAsync(this.default_key_size,this.default_public_exponent,t);this.key.generate(this.default_key_size,this.default_public_exponent)}return this.key},t.prototype.getPrivateKey=function(){return this.getKey().getPrivateKey()},t.prototype.getPrivateKeyB64=function(){return this.getKey().getPrivateBaseKeyB64()},t.prototype.getPublicKey=function(){return this.getKey().getPublicKey()},t.prototype.getPublicKeyB64=function(){return this.getKey().getPublicBaseKeyB64()},t.version=ut,t}()})(),r.default})()));/* global vajQuery, va_openForm, va_openForms, google, va_preSendWebSocket, va_applyExtraInputMask */
/* global webBotSettings, chatbotModal, vaCreateModal, vaCreateErrorModal, va_testMode */
/* global va_afterInit_extra, va_processExtraInfo, va_initAiEvent_extra, va_applyUrlClick, va_useAppBrowser*/
/* global lasteMsg, va_openFormHandler, invokeAppJs, timeoutReset, va_onWsClose, va_onWsError, va_extraWebHandler, vaCreateRatingModal*/
/**
 *
 */

var va_sessionTime = 0;
var va_intervalObj;
var va_wsSessionTime = 0;
var va_wsIntervalObj;
var va_inputMask = '';
var va_disableInput = false;
var quickReplyAlign = 'left';
var va_timer;
var va_initialLocation;
var va_taipei = {lat: 25.048069, lng: 121.517101};
var va_browserSupportFlag = new Boolean();
var va_marker = false; //Has the user plotted their location marker?
var va_map;
var va_geocoder;
var mapPostbackVal = '';
var lastReceiver = '';
var specialChar = 'https://va.transglobe.com.tw/';
var va_ws;
var lastedEventType = '';
var lastedText = '';
var lastedValue = '';
var lastedType = '';
var isNeedSaveAutoAskingLog = false;
var lastedData = undefined;
var va_isReloadLog = false;
var va_reloadLog = 0;
var va_scrollCount = 0;
var va_greeting = va_randomGreeting();
var va_init = true,
    va_rec = false,
    va_openForm = '',
    va_openForms = [],
    va_excludeEventType = [],
    va_askTo = 'watson';
var va_testMode = false;
var singleSentenceSatisfy = 'show'; //show or hide
var webBotSettings = '{"loads":{"createVa":"tgl-va.js","js":{"default":["ibm-bootstrap.min.js","jsencrypt.min.js"],"assignVars":["aiEvent.js","tgl-aiEvent.js","openForm.js","registerTerm.js","autocompleteList.js"]},"css":{"default":["ibm-va-bootstrap.css"],"assignVars":["comp.css","openForm.css","autocompleteList.css"]},"crypto":{"public":"id_rsa.pub"}},"botName":"『伊將』","boticon":[{"channel":"default","description":"預設","botIcon":"tgl","botName":"『伊將』","web":{"position":"bottom","x-offset":25,"y-offset":32},"mobile_1024":{"position":"bottom","x-offset":125,"y-offset":0},"mobile_768":{"position":"bottom","x-offset":125,"y-offset":0},"mobile_460":{"position":"bottom","x-offset":125,"y-offset":0},"mobile":{"position":"bottom","x-offset":125,"y-offset":0},"iconDisplay":true},{"channel":"CSIS","description":"CSIS","botIcon":"tgl","botName":"『伊將』","web":{"position":"bottom","x-offset":70,"y-offset":32},"mobile_1024":{"position":"top","x-offset":77,"y-offset":15},"mobile_768":{"position":"top","x-offset":77,"y-offset":15},"mobile_460":{"position":"top","x-offset":77,"y-offset":15},"mobile":{"position":"top","x-offset":77,"y-offset":15},"iconDisplay":true},{"channel":"EC","description":"EC","botIcon":"tgl","botName":"『伊將』","web":{"position":"bottom","x-offset":25,"y-offset":32},"mobile_1024":{"position":"bottom","x-offset":125,"y-offset":0},"mobile_768":{"position":"bottom","x-offset":125,"y-offset":0},"mobile_460":{"position":"bottom","x-offset":125,"y-offset":0},"mobile":{"position":"bottom","x-offset":125,"y-offset":0},"iconDisplay":true},{"channel":"CW","description":"官網","botIcon":"tgl","botName":"『伊將』","web":{"position":"bottom","x-offset":110,"y-offset":77},"mobile_1024":{"position":"bottom","x-offset":125,"y-offset":45},"mobile_768":{"position":"bottom","x-offset":125,"y-offset":10},"mobile_460":{"position":"bottom","x-offset":65,"y-offset":35},"mobile":{"position":"top","x-offset":320,"y-offset":2},"iconDisplay":true}],"openForm":{},"cwUrl":{"prod":"https://www.transglobe.com.tw/","uat":"https://tgluat.transglobe.com.tw/"},"fs":{"Lev1":{"s":"14","m":"16","l":"18"},"Lev2":{"s":"16","m":"20","l":"24"}},"urlConfig":{"cwUrl":"https://www.transglobe.com.tw","csisUrl":"https://eservice.transglobe.com.tw","ecUrl":"https://e-commerce.transglobe.com.tw","mpos":"https://mpos.transglobe.com.tw"}}';
webBotSettings = JSON.parse(webBotSettings);
va_showMsg(webBotSettings);
var va_display_status = 'true';

function va_randomGreeting() {
    var mainWelcome= 'main_welcome1';
    var nowDate = new Date();
    var specialFirstStartDate = new Date(2023, 5, 14);
    var specialFirstEndDate = new Date(2023, 5, 27);
    var specialStartDate = new Date(2023, 2, 20);
    var specialEndDate = new Date(2023, 5, 27);

    if (nowDate > specialFirstStartDate && nowDate < specialFirstEndDate) {
        mainWelcome = 'main_welcome1_端午節';
    } else if (nowDate > specialStartDate && nowDate < specialEndDate) {
        mainWelcome = 'main_welcome1_個人化服務';
    }

    // var welcomeList = mainWelcomeList; // 依需求更換不同的welcomeList
    // var index = Math.floor(Math.random() * welcomeList.length);
    return mainWelcome;
}

function va_showMsg(msg, tag, toDialog) {
    if (toDialog === undefined) {
        toDialog = false;
    }
    if (va_testMode && va_testMode === true) {
        //follow toDialog
    } else {
        toDialog = false;
    }

    if (tag === undefined) {
        tag = '';
    }
    var today = new Date();
    today.setTime(today.getTime() + 8 * 60 * 60 * 1000);
    today = today.toISOString();

    try {
        if (msg && msg.constructor && msg.constructor === String) {
            console.log(`[${today}] ${tag}:${msg}`);
            if (toDialog) {
                appendDialog(msg, 'false', '0');
            }
        } else {
            console.log(`[${today}] ${tag}:`);
            // console.log(msg);
            if (toDialog) {
                if (tag.length > 0) {
                    appendDialog(tag + ':', 'false', '0');
                }
                appendDialog(JSON.stringify(msg).replace(/,/g, ', '), 'false', '0');
            }
        }
    } catch (e) {
        console.error(`${tag} catch error:`)
        console.error(e)
        console.error(msg);
    }
}

vajQuery(function () {
    sessionStorage.removeItem('PIPInfo');
    vajQuery('#cbSend').hide();
    vajQuery('#cbSendGrey').show();
    vajQuery('#boxSignOut').hide();

    //sessionStorage.setItem('vaClient', '3.145.103.12');

    window.onbeforeunload = closingCode;
    function closingCode() {
        return null;
    }

    window.onbeforeunload = function (event) {
        return va_closeWebSocket();
    };

    vajQuery('#ibmchatbox').click(function () {
        $('#vaChatbox').trigger('click');
    });

    $('#vaChatbox').click(function () {
        vajQuery('#ibmchatbox').removeClass('welcomeDiv');
        sessionStorage.setItem('vaWelcome', 'true');
        getRefNoLog(va_init);
        getTheAutoCompleteList();

        if (vajQuery(window).height() < 420 || vajQuery(window).width() < 568) {
            vajQuery('body').addClass('no-scroll');
        }
        vaTriggerOpen();
        vajQuery('#cbEye').toggle(false);
        if (va_isReloadLog === false) {
            //scrollBottom();
        }
        changeSize();
        if (document.getElementById('chatbotContent')) {
            changeContentFz(null, 's');
        } else {
            sessionStorage.setItem('scaleFz', 's');
        }
    });

    vajQuery('#vaChatbox').click(function () {
        vajQuery('#ibmchatbox').removeClass('welcomeDiv');
        sessionStorage.setItem('vaWelcome', 'true');
        getRefNoLog(va_init);
        getTheAutoCompleteList();

        if (vajQuery(window).height() < 420 || vajQuery(window).width() < 568) {
            vajQuery('body').addClass('no-scroll');
        }
        vaTriggerOpen();
        vajQuery('#cbEye').toggle(false);
        if (va_isReloadLog === false) {
            //scrollBottom();
        }
        changeSize();
    });

    /**
     * Chatbot on close
     */
    vajQuery('#boxclose').click(function () {
        if (sessionStorage.getItem('wholeSatisfactionSurvey') === 'match') {
            vaWholeSatisfactionSurvey(sessionStorage.getItem('uid'), 1, {});
        } else {
            vaTriggerOpen();
            vajQuery('#cbEye').toggle(false);
            vajQuery('body').removeClass('no-scroll');
        }
    });

    vajQuery('#boxInfo').click(function () {
        createPIPInfoModal();
    });

    vajQuery('#boxSignOut').click(function () {
        if (vajQuery('#boxSignOutModal').length) {
            chatbotModal('boxSignOutModal', 'show');
        } else {
            var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="boxSignOutModal" role="dialog"></div>');
            var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
            var modalContent = vajQuery('<div class="modal-content"></div>');

            var modalBody = vajQuery('<div class="modal-body"><big>請問要登出並重新交談嗎</big><div style="margin-top:15px;">您將登出，同時之前的對話紀錄將會消失</div></div>');
            var modalFooter = vajQuery('<div class="modal-footer" style="margin-bottom:20px;"><a id="soModalOK" class="left">確認</a><a id="soModalCancel" class="right">取消</a></div>');

            modalContent.append(modalBody);
            modalContent.append(modalFooter);
            modalDialog.append(modalContent);
            modalWindow.append(modalDialog);
            vajQuery('#ibmchatbox').after(modalWindow);

            vajQuery('#soModalOK').click(function () {
                chatbotModal('boxSignOutModal', 'hide');
                vajQuery('#quickReply').empty();
                quickReplyAlign = 'left';
                vaTriggerOpen(true);
                va_sendWebSocket('logout', 'text', '//clear', '');
                if (sessionStorage.getItem('loginToken') !== undefined) {
                    sessionStorage.removeItem('loginToken');
                }
                if (sessionStorage.getItem('refNo') !== undefined) {
                    sessionStorage.removeItem('refNo');
                }
                if (sessionStorage.getItem('scrollButtom') !== undefined) {
                    sessionStorage.removeItem('scrollButtom');
                }
                vajQuery('#boxSignOut').hide();
                setTimeout(function () {
                    clearMaintainMsg();
                    vajQuery('.cbIntent').remove();
                    vajQuery('.cbQDiv').remove();
                    if (va_askTo === 'agent') {
                        appendFirstDialog(0, '現已在保戶專區登出會員身份，而結束與文字客服對話，祝你順心，接下來由智能客服' + webBotSettings.botName + '為你服務！', 'false');
                    } else {
                        appendFirstDialog(0, '重新載入對話完成\r\n請重新輸入您的問題', 'false');
                    }
                    va_askTo = 'watson';
                    va_sendWebSocket('greeting', 'postback', '', va_greeting);
                    va_inputMask = '';
                    va_changeInput(va_inputMask);
                    vajQuery('#quickReply').empty();
                }, 1000);
            });

            vajQuery('#soModalCancel').click(function () {
                chatbotModal('boxSignOutModal', 'hide');
            });

            chatbotModal('boxSignOutModal', 'show');
        }
    });

    vajQuery('#boxRefresh').click(function () {
        if (vajQuery('#boxRefreshModal').length) {
            chatbotModal('boxRefreshModal', 'show');
            // vajQuery('#boxRefreshModal').modal('show');
        } else {
            var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="boxRefreshModal" role="dialog"></div>');
            var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
            var modalContent = vajQuery('<div class="modal-content" style="height: 140px; width:300px;"></div>');

            var modalBody = vajQuery('<div class="modal-body"><div class="bigText">請問要重新開啟對話嗎？</div><div class="smallText">之前的對話紀錄將會刪除喔！</div></div>');
            var modalFooter = vajQuery('<div class="modal-footer"><a id="rfModalOK" class="left">確認</a><a id="rfModalCancel" class="right">取消</a></div>');

            modalContent.append(modalBody);
            modalContent.append(modalFooter);
            modalDialog.append(modalContent);
            modalWindow.append(modalDialog);
            vajQuery('#ibmchatbox').after(modalWindow);

            vajQuery('#rfModalOK').click(function () {
                refreshChatEvent(true);
            });

            vajQuery('#rfModalCancel').click(function () {
                chatbotModal('boxRefreshModal', 'hide');
                // vajQuery('#boxRefreshModal').modal('hide');
            });

            chatbotModal('boxRefreshModal', 'show');
            // vajQuery('#boxRefreshModal').modal('show');
        }
    });

    vajQuery('#boxMaximize').click(function () {
        vajQuery('#ibmchat').addClass('chatbotDivMax');
        vajQuery('#ctContent').addClass('ctContentMax');
        vajQuery('#cbInput').addClass('cbFooter2Max');
        vajQuery('#cbSecInput').addClass('cbFooter2Max');
        vajQuery('#boxMaximize').toggle(false);
        vajQuery('#boxRestore').toggle(true);
        vajQuery('body').addClass('no-scroll');
        if (sessionStorage.getItem('scrollButtom') === 'true') {
            scrollBottom();
        }
        changeSize();
        //set menu width
        vajQuery('.chatbotFooter .ctMenu-list').addClass('menuMax');
        //set maintainMsg,stopTextServiceMsg width
        vajQuery('.ibm-va .maintainMsg').css('max-width', '100%');
        vajQuery('.ibm-va .stopTextServiceMsg').css('max-width', '100%');
    });

    vajQuery('#boxRestore').click(function () {
        vajQuery('#ibmchat').removeClass('chatbotDivMax');
        vajQuery('#ctContent').removeClass('ctContentMax');
        vajQuery('#cbInput').removeClass('cbFooter2Max');
        vajQuery('#cbSecInput').removeClass('cbFooter2Max');
        vajQuery('#boxMaximize').toggle(true);
        vajQuery('#boxRestore').toggle(false);
        vajQuery('body').removeClass('no-scroll');
        if (sessionStorage.getItem('scrollButtom') === 'true') {
            scrollBottom();
        }
        changeSize();
        //set menu width
        vajQuery('.chatbotFooter .ctMenu-list').removeClass('menuMax');
        //set maintainMsg,stopTextServiceMsg width
        vajQuery('.ibm-va .maintainMsg').css('max-width', '400px');
        vajQuery('.ibm-va .stopTextServiceMsg').css('max-width', '400px');
    });
    vajQuery('#boxScaleFz').click(function () {
        var fz = sessionStorage.getItem('scaleFz');
        var targetFz = 's';
        if (fz === 's') {
            targetFz = 'm';
        } else if (fz === 'm') {
            targetFz = 'l';
        } else if (fz === 'l') {
            targetFz = 's';
        }
        changeContentFz(fz, targetFz);
    });
    function changeSize() {
        vajQuery('[id^=Intent_Slider]').each(function () {
            var vajQuerythis = vajQuery(this);
            coverIt(vajQuerythis);
        });
    }

    function coverIt(div) {
        var slider = div.find('[id^=Slider]');
        var offset = slider.scrollLeft();
        if (vajQuery('#chatbotContent').width() === slider[0].scrollWidth) {
            div.find('.left').css('display', 'none');
            div.find('.right').css('display', 'none');
        } else if (offset <= 0) {
            div.find('.left').hide();
            div.find('.right').show();
        } else if (offset + vajQuery('#chatbotContent').width() + 5 > slider[0].scrollWidth) {
            div.find('.left').show();
            div.find('.right').hide();
        } else {
            div.find('.left').show();
            div.find('.right').show();
        }
    }

    vajQuery('#cbSend').click(function (e) {
        if (vajQuery('#cbInput').is(':visible')) {
            if (vajQuery.trim(vajQuery('#cbInput').val()) !== '') {
                var input = va_escapeHtml(vajQuery.trim(vajQuery('#cbInput').val()));
                appendQuery(input);
                va_sendWebSocket('input', 'text', input);
                vajQuery('#cbInput').val('');
                vajQuery('#cbSecInput').val('');
                vajQuery('#cbSend').hide();
                vajQuery('#cbSendGrey').show();
                vajQuery('#quickReply').empty();
            }
        } else if (vajQuery('#cbSecInput').is(':visible')) {
            if (vajQuery.trim(vajQuery('#cbSecInput').val()) !== '') {
                var input = va_escapeHtml(vajQuery.trim(vajQuery('#cbSecInput').val()));
                if (va_inputMask === 'id') {
                    var dialog = '';
                    for (var i = 0; i < 3; i++) {
                        dialog += '&#x2022;';
                    }
                    appendQuery(input.substring(0, 4) + dialog + input.substring(7));
                } else if (va_inputMask === 'all') {
                    var dialog = '';
                    for (var i = 0; i < input.length; i++) {
                        dialog += '&#x2022;';
                    }
                    appendQuery(dialog);
                } else {
                    va_applyExtraInputMask(e, input);
                }

                va_sendWebSocket('input', 'text', input);
                vajQuery('#cbInput').val('');
                vajQuery('#cbSecInput').val('');
                vajQuery('#cbSend').hide();
                vajQuery('#cbSendGrey').show();
                vajQuery('#quickReply').empty();
            }
        }
    });

    vajQuery('#cbInput').change(function () {
        if (vajQuery.trim(vajQuery('#cbInput').val()) !== '') {
            vajQuery('#cbSend').show();
            vajQuery('#cbSendGrey').hide();
        } else {
            vajQuery('#cbSend').hide();
            vajQuery('#cbSendGrey').show();
        }
    });

    vajQuery('#cbInput').focus(function () {
        scrollBottom();
    });

    vajQuery('#cbInput').keypress(function (e) {
        if (e.keyCode === 13) {
            if (vajQuery.trim(vajQuery('#cbInput').val()) !== '') {
                var input = va_escapeHtml(vajQuery.trim(vajQuery('#cbInput').val()));
                appendQuery(input);
                va_sendWebSocket('input', 'text', input);
                vajQuery('#cbInput').val('');
                vajQuery('#cbSecInput').val('');
                vajQuery('#cbSend').hide();
                vajQuery('#cbSendGrey').show();
                vajQuery('#quickReply').empty();
            }
        }
    });

    vajQuery('#cbInput').keyup(function (e) {
        if (vajQuery.trim(vajQuery('#cbInput').val()) !== '') {
            vajQuery('#cbSend').show();
            vajQuery('#cbSendGrey').hide();
        } else {
            vajQuery('#cbSend').hide();
            vajQuery('#cbSendGrey').show();
        }
    });

    vajQuery('#cbSecInput').change(function () {
        if (vajQuery.trim(vajQuery('#cbSecInput').val()) !== '') {
            vajQuery('#cbSend').show();
            vajQuery('#cbSendGrey').hide();
        } else {
            vajQuery('#cbSend').hide();
            vajQuery('#cbSendGrey').show();
        }
    });

    vajQuery('#cbSecInput').keypress(function (e) {
        if (e.keyCode === 13) {
            if (vajQuery.trim(vajQuery('#cbSecInput').val()) !== '') {
                var input = va_escapeHtml(vajQuery.trim(vajQuery('#cbSecInput').val()));
                if (va_inputMask === 'id') {
                    var dialog = '';
                    for (var i = 0; i < 3; i++) {
                        dialog += '&#x2022;';
                    }
                    appendQuery(input.substring(0, 4) + dialog + input.substring(7));
                } else if (va_inputMask === 'all') {
                    var dialog = '';
                    for (var i = 0; i < input.length; i++) {
                        dialog += '&#x2022;';
                    }
                    appendQuery(dialog);
                } else {
                    va_applyExtraInputMask(e, input);
                }

                va_sendWebSocket('input', 'text', input);
                vajQuery('#cbInput').val('');
                vajQuery('#cbSecInput').val('');
                vajQuery('#cbSend').hide();
                vajQuery('#cbSendGrey').show();
                vajQuery('#quickReply').empty();
            }
        }
    });

    vajQuery('#cbSecInput').keyup(function (e) {
        if (vajQuery.trim(vajQuery('#cbSecInput').val()) !== '') {
            vajQuery('#cbSend').show();
            vajQuery('#cbSendGrey').hide();
        } else {
            vajQuery('#cbSend').hide();
            vajQuery('#cbSendGrey').show();
        }
    });

    vajQuery('#ctContent').scroll(function () {
        var contentH = vajQuery('#ctContent').scrollTop() + vajQuery('#ctContent').innerHeight();
        var scrollH = vajQuery('#ctContent')[0].scrollHeight - 5;
        if (contentH < scrollH) {
            vajQuery('#backDown').show();
        } else {
            vajQuery('#backDown').hide();
        }
    });

    vajQuery('#backDown').click(function () {
        scrollBottom();
    });

    var webchat = GetURLParameter('webchat');
    var intent = GetPagebackParameter('?' + webchat, 'intent');
    var param = GetPagebackParameter('?' + webchat, 'back');
    var triggerVa = GetURLParameter('triggerVa');
    if (intent !== undefined && intent !== '') {
        appendQuery(intent);
        if (param === undefined || param === '') {
            va_sendWebSocket('link', 'text', intent, '');
        } else {
            va_sendWebSocket('link', 'postback', intent, param);
        }
        vajQuery('#vaChatbox').trigger('click');
    } else if (triggerVa !== undefined && triggerVa === 'true') {
        vajQuery('#vaChatbox').trigger('click');
    } else if (sessionStorage.getItem('vaTriggerOpen') === 'true') {
        vaTriggerClick();
        sessionStorage.removeItem('vaTriggerOpen');
    }

    va_initAiEvent_extra();
});

function refreshChatEvent(open) {
    sessionStorage.removeItem('wholeSatisfactionSurvey');

    chatbotModal('boxRefreshModal', 'hide');
    vajQuery('#quickReply').empty();
    quickReplyAlign = 'left';
    vaTriggerOpen(open);

    va_sendWebSocket('refresh', 'text', '//clear', '');
    // va_closeWebSocket();
    //if (sessionStorage.getItem('loginToken') !== undefined) sessionStorage.removeItem('loginToken');
    if (sessionStorage.getItem('refNo') !== undefined) {
        sessionStorage.removeItem('refNo');
    }
    if (sessionStorage.getItem('scrollButtom') !== undefined) {
        sessionStorage.removeItem('scrollButtom');
    }
    setTimeout(function () {
        clearMaintainMsg();
        vajQuery('.cbIntent').remove();
        vajQuery('.cbQDiv').remove();
        if (va_askTo === 'agent') {
            appendFirstDialog(0, '你已結束與文字客服對話，祝你順心，接下來由智能客服' + webBotSettings.botName + '為你服務！', 'false');
        }
        refreshBackgroundImage();
        // appendFirstDialog(0, '重新載入對話完成\r\n請重新輸入您的問題', 'false');
        // getRefNo(false);
        va_askTo = 'watson';
        va_sendWebSocket('greeting', 'postback', '', va_randomGreeting());
        appendWaittingDialog(false);
        va_inputMask = '';
        va_changeInput(va_inputMask);
        vajQuery('#quickReply').empty();
    }, 1000);

}

/* Refresh background image for possible updated festival settings. */
function refreshBackgroundImage() {
  const chatDiv = document.querySelector('#ibmchat');
  const backgroundImage = getComputedStyle(chatDiv).backgroundImage;
  const urlIndexStart = backgroundImage.indexOf(`url("`) + 5;
  let urlIndexEnd = backgroundImage.lastIndexOf(`?`);
  if(urlIndexEnd === -1) {
    urlIndexEnd = backgroundImage.lastIndexOf(`")`);
  }
  const url = backgroundImage.substring(urlIndexStart, urlIndexEnd);
  chatDiv.style.backgroundImage = `url("${url}?${new Date().getTime()}")`;
}

function getRefNoLog(first) {
    if (first) {
        var refNo = sessionStorage.getItem('refNo');
        if (refNo === undefined || refNo === 'Null' || refNo === '' || refNo === null) {
            va_afterInit();
        } else {
            try {
                var logUrl = 'https://va.transglobe.com.tw/api/getConversationLogByRefNo?refNo=' + refNo;
                $.getJSON(logUrl, {
                    format: 'json',
                    random: new Date().getTime()
                })
                    .done(function (data) {
                        if (data && data.recordSet && data.recordSet.length > 0) {
                            va_isReloadLog = true;
                            va_reloadLog = 0;
                            va_scrollCount = 0;
                            $('.loaderMain').show();
                            for (var i = 0; i < data.recordSet.length; i++) {
                                if (data.recordSet[i].LogSource === 'ConversationLog') {
                                    var outputMeta = JSON.parse(jsonEscape(data.recordSet[i].OutputMeta));
                                    va_reloadLog += outputMeta.contents.length;
                                    outputMeta.extraInfo = {
                                        requestId: data.recordSet[i].RequestID
                                    };
                                    if (i === 0) {
                                        renderVaContent(outputMeta);
                                    } else {
                                        va_reloadLog += 1;
                                        appendQuery(jsonEscape(data.recordSet[i].RawText));
                                        renderVaContent(outputMeta);
                                    }
                                    if (outputMeta !== undefined && outputMeta.quickReply !== undefined) {
                                        va_reloadLog += 1;
                                    }
                                } else {
                                    va_reloadLog += 1;
                                    if (data.recordSet[i].MessageSource === 'ChatBot') {
                                        appendQuery(jsonEscape(data.recordSet[i].RawText));
                                    } else {
                                        let extraInfoData = {
                                            askTo: 'agent'
                                        };
                                        appendFirstDialog(0, jsonEscape(data.recordSet[i].RawText), 'false', extraInfoData);
                                    }
                                }
                            }
                            checkAutoAsk();
                            if (data.lastAns !== undefined && data.lastAns !== '') {
                                va_reloadLog += 1;
                                data.lastAns.extraInfo = {};
                                renderVaContent(data.lastAns);
                            }
                        }
                        va_afterInit();
                        va_rec = true;
                    })
                    .fail(function (data) {
                        va_afterInit();
                    })
            } catch (e) {
                console.error(e);
                va_afterInit();
            }
        }
        va_init = false;
    }
}

function va_afterInit() {
    if (vajQuery('#chatbotContent').children().length < 4) {
        if (sessionStorage.getItem('closeAgent') === 'true') {
            appendFirstDialog(0, '現已在保戶專區登出會員身份，而結束與文字客服對話，祝你順心，接下來由智能客服' + webBotSettings.botName + '為你服務！', 'false');
            sessionStorage.removeItem('closeAgent');
        }

        const urlParams = new URLSearchParams(window.location.search);
        if (urlParams !== undefined && urlParams !== null && urlParams !== '' && urlParams.get('text') !== undefined && urlParams.get('text') !== null && urlParams.get('text') !== '') {
            var text = '';
            try {
                text = decodeURIComponent(escape(window.atob(decodeURIComponent(urlParams.get('text')))));
                if (text !== undefined && text !== null && text !== '') {
                    appendQuery(text);
                    va_sendWebSocket('QR', 'text', text, text);
                    isNeedSaveAutoAskingLog = true;
                } else {
                    va_sendWebSocket('greeting', 'postback', '', va_greeting);
                }
            } catch (e) {
                text = '';
                isNeedSaveAutoAskingLog = false;
                va_sendWebSocket('greeting', 'postback', '', va_greeting);
            }
        } else {
            va_sendWebSocket('greeting', 'postback', '', va_greeting);
        }

        va_resetTimeout();
    }

    if (va_isReloadLog === true) {
        va_isReloadLog = false;
        //scrollBottom();
        if (sessionStorage.getItem('scrollButtom') === 'true') {
            scrollBottom();
        } else {
            $('.loaderMain').hide();
        }
    }

    if (va_afterInit_extra) {
        va_afterInit_extra();

        var getPostWordingUrl = 'https://va.transglobe.com.tw/api/getPostWording';
            $.getJSON(getPostWordingUrl, {
                format: 'json',
                random: Math.random()
            })
                .done(function (data) {
                    if (data && data.postWording && data.isValid === '1') {
                        vajQuery('#maintainMsg').addClass('maintainMsg');
                        vajQuery('#maintainMsgBk').addClass('maintainMsgBk');
                        vajQuery('#maintainMsgBk').html(
                            '<b>提醒您，為免受詐騙集團侵擾，請勿點擊不明訊息或連結，避免外洩帳號密碼及OTP驗證碼以保障您的權益及個資安全。請詳閱<a href="javascript:createPIPInfoModal();" style="color:#0098CF; text-decoration:underline;">「隱私權保護聲明及網路安全提醒」</a>，如已瞭解並同意，歡迎進行對話服務。</b>'
                        );
                        vajQuery('#maintainMsg').html(
                            data.postWording
                        );
                    }
                })
                .fail(function (data) {
                    console.error(`Get post wording failed: ${data}`);
                });

        setTimeout(function () {
            clearMaintainMsg();
        }, 6000);
    }
}

function clearMaintainMsg() {
    vajQuery('#maintainMsg').html('');
    vajQuery('#maintainMsgBk').html('');
    vajQuery('#maintainMsg').removeClass('maintainMsg');
    vajQuery('#maintainMsgBk').removeClass('maintainMsgBk');
}

function clearStopTextServiceMsg() {
    vajQuery('#stopTextServiceMsg').hide();
    vajQuery('#stopTextServiceMsgBk').hide();
}

function showStopTextServiceMsg() {
    vajQuery('#stopTextServiceMsg').show();
    vajQuery('#stopTextServiceMsg').attr('style', vajQuery('#stopTextServiceMsg').attr('style') + 'display:block !important;');
    vajQuery('#stopTextServiceMsgBk').show();
}

function va_connectionWebSocket() {
    va_showMsg(va_ws, 'va_connectionWebSocket, va_ws=');
    if (va_ws) {
        va_showMsg('(va_ws.readyState !== 1)=' + (va_ws.readyState !== 1), 'va_connectionWebSocket, check readyState');
    }
    if (va_ws === undefined || va_ws.readyState !== 1) {
        va_ws = new WebSocket('wss://va.transglobe.com.tw/messaging');

        // setTimeout(() => {
        //     if (va_ws.readyState !== 1) {
        //         showMsg('連線失敗', '初始化', true);
        //     }
        // }, 3000);
        va_ws.onopen = function (message) {
            if (lastedText !== '' || lastedValue !== '') {
                va_sendWebSocket(lastedEventType, lastedType, lastedText, lastedValue, lastedData);
            }
            lastedEventType = '';
            lastedText = '';
            lastedType = '';
            lastedValue = '';
            lastedData = undefined;
        };
        va_ws.onmessage = function (message) {
            receiverMsg(message);
        };

        va_ws.onerror = function (event) {
            console.error(`WebSocket error: ${event}`);
            vajQuery('#circleG').remove();
            lasteMsg = '';
            va_inputMask = '';
            va_changeInput(va_inputMask);
            if (va_onWsError) {
                va_onWsError(event);
            }
        };

        va_ws.onclose = function (event) {
            console.info('WebSocket closed.');
            vajQuery('#circleG').remove();
            lasteMsg = '';
            va_inputMask = '';
            va_changeInput(va_inputMask);
            if (va_onWsClose) {
                va_onWsClose(event);
            }
        };
    }
}

function receiverMsg(message) {
    setTimeout(function () {
        var data = JSON.parse(message.data);
        //check askTo
        if (data.extraInfo.askTo !== undefined) {
            va_askTo = data.extraInfo.askTo;
        }
        renderVaContent(data);
        va_rec = true;
    }, 200);
}

function va_extraInfoHandler(data) {
    if (data !== undefined && data.extraInfo !== undefined) {
        if (data.extraInfo.refNo !== undefined) {
            sessionStorage.setItem('refNo', data.extraInfo.refNo);
        }
        if (data.extraInfo.uid !== undefined) {
            sessionStorage.setItem('uid', data.extraInfo.uid);
        }

        if (va_processExtraInfo) {
            //各專案自行掛載
            try {
                va_processExtraInfo(data);
            } catch (e) {
                va_showMsg('va_processExtraInfo exception');
                va_showMsg(e);
            }
        }

        var text = '';
        var lineToken = '';
        var source = '';
        const urlParams = new URLSearchParams(window.location.search);
        try {
            if (urlParams) {
                text = decodeURIComponent(escape(window.atob(decodeURIComponent(urlParams.get('text')))));
                lineToken = urlParams.get('lineToken');
                source = urlParams.get('source');
                const obj = {
                    question: text,
                    lineToken: lineToken,
                    source: source
                };
                saveAutoAskingLog(obj);
            }
        } catch (e) {
            text = '';
        }
    }
}

function renderVaContent(data, message) {
    if (message === undefined) {
        message = '';
    }

    //檢查是否為文字客服
    if (data.extraInfo.askTo === 'agent') {
        showStopTextServiceMsg();
    } else {
        clearStopTextServiceMsg();
    }

    setTimeout(function () {
        if (data && data.extraInfo && data.extraInfo.eventType === 'openForm' && !data.extraInfo.oaReturn) {
            vaOpenFormModal('hide');
        }
    }, 1);

    var theEnd = false;

    if (data && data.extraInfo && data.extraInfo.eventType === 'openForm') {
        theEnd = va_openFormHandler(data);
    } else if (data && data.extraInfo && data.extraInfo.eventType === 'openModal') {
        theEnd = va_openModalHandler(data, message);
    }

    if (theEnd) {
    } else if (data && data.extraInfo && data.extraInfo.eventType === 'mute') {
        //回應:靜音

        va_extraInfoHandler(data);
    } else if (data !== undefined && data.contents !== undefined) {
        lastReceiver = message;
        vajQuery.each(data.contents, function (i, item) {
            var rating = item.rating;
            // var rating = 'false';
            if (singleSentenceSatisfy === 'hide') {
                rating = 'false';
            }
            if (data.contents.length !== i + 1) {
                rating = 'false';
            }
            var type = item.type;
            if (type === 'text') {
                if (item.payload.text !== '') {
                    if (i === 0) {
                        appendFirstDialog(i, item.payload.text, rating, data.extraInfo);
                    } else if (i === data.contents.length - 1) {
                        appendEndDialog(item.payload.text, rating, data.extraInfo.requestId);
                    } else {
                        appendDialog(item.payload.text, rating, data.extraInfo.requestId, data.extraInfo.eventType);
                    }
                }
            } else if (type === 'slider') {
                appendSlider(i, item.payload.elements, rating, data.extraInfo);
            } else if (type === 'image') {
                appendImage(i, item.payload, rating, data.extraInfo);
            } else if (type === 'video') {
                appendVideoDialog(i, item.payload, rating, data.extraInfo.requestId);
            }

            va_sleep(10);
        });

        va_disableInput = false;
        quickReplyAlign = 'left';
        va_inputMask = '';
        if (data !== undefined && data.web !== undefined) {
            if (data.web.disableInput !== undefined) {
                va_disableInput = data.web.disableInput;
            }
            if (data.web.quickReplyAlign !== undefined) {
                quickReplyAlign = data.web.quickReplyAlign;
            }
            if (data.web.inputMask !== undefined) {
                va_inputMask = data.web.inputMask;
            }
            if (data.web.inputType !== undefined) {
                if (!va_isReloadLog) {
                    if (data.web.inputType !== '' && va_openForms.indexOf(data.web.inputType.split('|')[0]) >= 0) {
                        if (data.extraInfo.uid !== undefined) {
                            sessionStorage.setItem('uid', data.extraInfo.uid);
                        }
                        vaCreateModal(data.web.inputType, '', data.extraInfo.requestId);
                    }
                }
            }
            va_extraWebHandler(data);
        }

        va_changeInput(va_inputMask);
        if (data !== undefined && data.quickReply !== undefined) {
            appendReply(data.quickReply.replies, data.extraInfo.requestId);
        } else {
            vajQuery('#quickReply').empty();
        }

        va_disabledDialog(va_disableInput);
        va_extraInfoHandler(data);
    }
    vajQuery('#circleG').remove();
    va_resetTimeout();
    try {
        // eslint-disable-next-line no-undef
        // dynaGWS.Replay(); //20240716 更新難字 已無需重整
    } catch (e) {}
}

function va_closeWebSocket() {
    if (va_ws !== undefined && va_ws.readyState === 1) {
        lastedText = '';
        lastedValue = '';
        lastedType = '';
        lastedData = undefined;
        va_ws.close();
    }
}

/* eslint-disable-next-line */
function checkChannel() {
    if (sessionStorage.getItem('channel') === 'APP') {
        invokeAppJs('VA trigger');
    }
}

function va_sendWebSocket(inEventType, inType, inText, inValue, inData) {
    if (['input', 'menu', 'QR', 'Button'].includes(inEventType)) {
        sessionStorage.setItem('wholeSatisfactionSurvey', 'match');
        sessionStorage.setItem('scrollButtom', 'true');
    }

    var inLocation = '',
        inToken = '',
        inChannel = '',
        vaClient = '',
        refNo = '';

    vaClient = '3.145.103.12';

    if (sessionStorage.getItem('location') !== null) {
        inLocation = sessionStorage.getItem('location');
    }
    if (sessionStorage.getItem('loginToken') !== null) {
        inToken = sessionStorage.getItem('loginToken');
    }
    if (sessionStorage.getItem('channel') !== null) {
        inChannel = sessionStorage.getItem('channel');
    }
    if (sessionStorage.getItem('vaClient') !== null) {
        vaClient = '3.145.103.12';
    }
    if (sessionStorage.getItem('refNo') !== null) {
        refNo = sessionStorage.getItem('refNo');
    }
    if (inChannel === undefined || inChannel === 'Null' || inChannel === '' || inChannel === null) {
        var data = JSON.parse('{"contents":[{"type":"text","payload":{"text":"很抱歉，網路連線異常，請重新整理或稍後再試，謝謝!"}, "rating": "false"}], "extraInfo":{}}');
        renderVaContent(data);
        sessionStorage.removeItem('channel');
        sessionStorage.removeItem('refNo');
    } else {
        if (inValue === undefined || inValue === 'undefined') {
            inValue = '';
        }
        if (inText === undefined) {
            inText = '';
        }
        if (va_ws === undefined || va_ws.readyState !== 1) {
            va_connectionWebSocket();
            lastedEventType = inEventType;
            lastedType = inType;
            lastedText = inText;
            lastedValue = inValue;
            lastedData = inData;
        } else {
            var sendDate = {
                eventType: inEventType,
                type: inType,
                text: inText,
                value: inValue,
                location: inLocation,
                token: inToken,
                channel: inChannel,
                vaClient: vaClient,
                refNo: refNo,
                data: inData,
                askTo: va_askTo
            };
            sendDate = va_preSendWebSocket(sendDate);
            va_ws.send(JSON.stringify(sendDate));
            if (inEventType === 'greeting') {
                appendWaittingDialog(false);
            } else if (!(inText === 'timeout' || va_excludeEventType.indexOf(inEventType) >= 0 || va_excludeEventType.indexOf(inValue) >= 0)) {
                appendWaittingDialog(true);
            }
        }
    }
}

function appendWaittingDialog(isButtom) {
    setTimeout(function () {
        let agentImg = '';
        if (va_askTo !== undefined && va_askTo === 'agent') {
            agentImg = 'cbAgentImgDiv';
        }
        vajQuery('#circleG').remove();
        var dialog = "<div class='cbIntent' id='circleG'>";
        dialog += "<div class='cbImgDiv " + agentImg + "'></div>";
        dialog += "<div class='cbAnsF fsLev first-'" + sessionStorage.getItem('scaleFz') + "'>";
        dialog += "<div id='circleG_1' class='circleG'></div>";
        dialog += "<div id='circleG_2' class='circleG'></div>";
        dialog += "<div id='circleG_3' class='circleG'></div>";
        dialog += '</div></div>';
        appendComp(dialog);
        if (isButtom === true) {
            scrollBottom();
        }
        $('.loaderMain').hide();
    }, 100);
}

function checkSpecialChar(content) {
    var regexp = new RegExp(/\[@[\s\S]+?@\]/g);
    var matches = regexp.exec(content);
    if (matches === null) {
        //不符
    } else {
        //符合
        content = content.replace(/\[@/g, '<img src="' + specialChar);
        content = content.replace(/@\]/g, '" />');
    }
    return content;
}

function appendComp(content, requestID) {
    if (requestID !== undefined) {
        content = replaceLink(content, requestID);
    }

    vajQuery('#quickReply').before(checkSpecialChar(content));
    vajQuery('#quickReply')
        .prev('.cbIntent')
        .find('.satisfy')
        .bind('click', function (e) {
            vaCreateRatingModal(vajQuery(e.target).data('requestid'));
        });
}

/**
 * 對話框(起始)
 */
function appendFirstDialog(i, content, rating, extraInfo) {
    let agentImg = '';
    if (extraInfo === undefined) {
        extraInfo = {};
    } else if (extraInfo.askTo === 'agent') {
        agentImg = 'cbAgentImgDiv';
    }
    var dialog = "<div class='cbIntent'>";
    if (i === 0) {
        dialog += "<div class='cbImgDiv " + agentImg + "'></div>";
    } else {
        dialog += "<div class='cbDiv'></div>";
    }
    dialog += "<div class='cbAnsF fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
    dialog += jsonEscape(content);
    if (rating === 'false') {
        dialog += '</div>' + appendTime() + '</div>';
    } else {
        dialog += '</div><div class="satisfy satisfy_text" data-requestid="' + extraInfo.requestId + '"></div>' + appendTime() + '</div>';
    }
    appendComp(dialog, extraInfo.requestId);
    if (sessionStorage.getItem('scrollButtom') === 'true') {
        scrollBottom();
    } else {
        $('.loaderMain').hide();
    }
}

/**
 * 對話框(中間)
 * eventType for scrollbuttom
 */
function appendDialog(content, rating, requestID, eventType) {
    var dialog = "<div class='cbIntent'>";
    dialog += "<div class='cbDiv'></div>";
    dialog += "<div class='cbAns fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
    dialog += jsonEscape(content);
    if (rating === 'false') {
        dialog += '</div>' + appendTime() + '</div>';
    } else {
        dialog += '</div><div class="satisfy satisfy_text" data-requestid="' + requestID + '"></div>' + appendTime() + '</div>';
    }
    appendComp(dialog, requestID);

    if (sessionStorage.getItem('scrollButtom') === 'true') {
        scrollBottom();
    } else {
        $('.loaderMain').hide();
    }
}

/**
 * 對話框(結束)
 */
function appendEndDialog(content, rating, requestID) {
    var dialog = "<div class='cbIntent'>";
    dialog += "<div class='cbDiv'></div>";
    dialog += "<div class='cbAnsE fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
    dialog += jsonEscape(content);
    if (rating === 'false') {
        dialog += '</div>' + appendTime() + '</div>';
    } else {
        dialog += '</div><div class="satisfy satisfy_text" data-requestid="' + requestID + '"></div>' + appendTime() + '</div>';
    }
    appendComp(dialog, requestID);
    scrollBottom();
}

/**
 * 對話框(發問)
 */
function appendQuery(content) {
    if (content !== undefined && content !== null && content !== '') {
        vajQuery('#quickReply').empty();
        var dialog = "<div class='cbQDiv'>";
        dialog += appendTime() + "<div class='cbQImg'></div>";
        dialog += "<div class='cbQ fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
        dialog += content;
        dialog += '</div></div>';
        appendComp(dialog);
        scrollBottom();
        va_resetTimeout();
        // vajQuery('#boxInfo3').show();
    }
}

/**
 * 對話框(按鈕)
 */
function appendReply(content, requestId) {
    vajQuery('#quickReply').empty();

    var dialog = '';
    dialog += "<div id='reply-Div' class='reply-Div re-" + quickReplyAlign + "' on >";
    for (var i = 0; i < content.length; i++) {
        dialog += "<a class='reply-a btn fsLev first-" + sessionStorage.getItem('scaleFz') + "' data-elementtype='QR' data-value='";
        dialog += content[i].value;
        dialog += "' data-requestid='";
        dialog += requestId;
        dialog += "' data-text='";
        dialog += content[i].label;
        dialog += "' data-target='";
        dialog += content[i].targetSelf;
        dialog += "' data-type='" + content[i].type + "' ";
        dialog += '> ' + content[i].label;
        dialog += '</a>';
    }
    dialog += '</div>';

    vajQuery('#quickReply').append(dialog);

    vajQuery('#quickReply')
        .find('.reply-a')
        .bind('click', function (event) {
            va_inputMask = '';
            va_changeInput(va_inputMask);
            if (va_askTo === 'agent') {
                vaEndTextServiceModal(event);
            } else {
                if (event.target.dataset.type === 'url') {
                    var clickProcess = '';
                    if (va_applyUrlClick) {
                        clickProcess = va_applyUrlClick(event.target.dataset.value, event);
                    }
                    if (clickProcess === '') {
                        saveWebChatLog(event);
                        if (event.target.dataset.value.target !== undefined && event.target.dataset.value.target !== '') {
                            if (event.target.dataset.value.target.indexOf(sessionStorage.getItem('channel')) >= 0) {
                                window.location.href = event.target.dataset.value;
                            } else {
                                window.open(event.target.dataset.value);
                            }
                        } else {
                            window.open(event.target.dataset.value);
                        }
                    }
                } else if (event.target.dataset.value === '//logout') {
                    if (sessionStorage.getItem('wholeSatisfactionSurvey') === 'match') {
                        vaWholeSatisfactionSurvey(sessionStorage.getItem('uid'), 1, {});
                    } else {
                        quickReplyAlign = 'left';
                        vaTriggerOpen(true);
                        va_sendWebSocket('logout', 'text', 'logout', '');
                        // va_closeWebSocket();
                        if (sessionStorage.getItem('loginToken') !== undefined) {
                            sessionStorage.removeItem('loginToken');
                        }
                        if (sessionStorage.getItem('refNo') !== undefined) {
                            sessionStorage.removeItem('refNo');
                        }
                        if (sessionStorage.getItem('scrollButtom') !== undefined) {
                            sessionStorage.removeItem('scrollButtom');
                        }
                        setTimeout(function () {
                            clearMaintainMsg();
                            vajQuery('.cbIntent').remove();
                            vajQuery('.cbQDiv').remove();
                            appendQuery('登出');
                            va_askTo = 'watson';
                            va_sendWebSocket('greeting', 'postback', '', va_greeting);
                            vajQuery('#quickReply').empty();
                        }, 1000);
                    }
                } else if (event.target.dataset.value === 'continue') {
                    appendQuery(event.target.text);
                    //va_sendWebSocket(event.target.dataset.type, event.target.text, event.target.dataset.value);
                    receiverMsg(lastReceiver);
                } else if (event.target.dataset.value.indexOf('.html') >= 0) {
                    saveWebChatLog(event);
                    openQrModal(event.target.dataset.value);
                    vajQuery('#quickReply').empty();
                } else if (va_openForms.indexOf(event.target.dataset.value.split('|')[0]) >= 0) {
                    saveWebChatLog(event);
                    vaCreateModal(event.target.dataset.value, event.target.text, event.target.requestid);
                } else {
                    saveWebChatLog(event);
                    if (event.target.dataset.type === 'text') {
                        appendQuery(event.target.dataset.value);
                    } else {
                        appendQuery(event.target.text);
                    }
                    va_sendWebSocket('QR', event.target.dataset.type, event.target.text, event.target.dataset.value);
                    vajQuery('#quickReply').empty();
                }
            }
        });

    vajQuery('#reply-control-left').bind('click', function (event) {
        vajQuery('#reply-Div')
            .stop()
            .animate({
                scrollLeft: vajQuery('#reply-Div').scrollLeft() - 100
            });
    });

    vajQuery('#reply-control-right').bind('click', function (event) {
        vajQuery('#reply-Div')
            .stop()
            .animate({
                scrollLeft: vajQuery('#reply-Div').scrollLeft() + 100
            });
    });

    scrollBottom();
}

vajQuery('#quickReply').bind('mouseenter touchstart', function (event) {
    if (document.getElementById('reply-Div') !== undefined) {
        if (vajQuery('#reply-Div').prop('scrollWidth') !== undefined) {
            if (vajQuery('#quickReply').width() < document.getElementById('reply-Div').scrollWidth) {
                vajQuery('#reply-control-left').toggle(true);
                vajQuery('#reply-control-right').toggle(true);
            }
        }
    }
});

vajQuery('#quickReply').bind('mouseleave touchend', function (event) {
    vajQuery('#reply-control-left').toggle(false);
    vajQuery('#reply-control-right').toggle(false);
});

/**
 * 對話框(Slider)
 */
function appendSlider(i, content, rating, extraInfo) {
    var name = genSliderName();
    var iName = 'Intent_' + name;
    let agentImg = '';
    if (extraInfo === undefined) {
        extraInfo = {};
    } else if (extraInfo.askTo === 'agent') {
        agentImg = 'cbAgentImgDiv';
    }
    var dialog = "<div class='cbIntent'>";
    if (i === 0) {
        if (content.length > 1) {
            dialog += "<div class='cbImgDiv spaceImage " + agentImg + "'></div>";
        } else {
            dialog += "<div class='cbImgDiv " + agentImg + "'></div>";
        }
    } else {
        dialog += "<div class='cbDiv'></div>";
    }
    dialog += "</div><div class='cbIntent c_hidden' name='" + iName + "' id='" + iName + "'>";
    if (content.length > 1) {
        dialog += '<a class="left operation" href="" role="button" data-operation="-=" ></a>';
    }

    var hasImage = false;
    dialog += "<div id='" + name + "' name='" + name + "' class='slide-nowrap'>";
    var textMax = '';
    var tt_titleMax = '';
    var tt_textMax = '';
    var buttonMax = 0;
    for (i = 0; i < content.length; i++) {
        if (i === 0) {
            dialog += "<div class='table-chart-wrapper table-chart-active'><div class='table-chart'>";
        } else {
            dialog += "<div class='table-chart-wrapper'><div class='table-chart'>";
        }
        dialog += "<div class='rows'>";
        if (vajQuery.trim(content[i].imageUrl) !== '') {
            hasImage = true;
            //  dialog += "<div class='colm-img'><i></i><img class='c_hidden' src='";
            dialog += "<div class='colm-img'><img class='' src='";
            // dialog += content[i].imageUrl;
            dialog += content[i].imageUrl.replace(/.png/i, '');
            dialog += "' alt='" + content[i].title;
            dialog += "' ></div>";
        }
        if (vajQuery.trim(content[i].title) !== '') {
            if (vajQuery.trim(content[i].imageUrl) !== '') {
                dialog += "<div class='colm' style='border: 0;'>";
            } else {
                if (content[i].buttons !== undefined && content[i].buttons.length > 0) {
                    dialog += "<div class='colm first' style='border: 0;'>";
                } else {
                    dialog += "<div class='colm single' style='border: 0;'>";
                }
            }
            dialog += "<div class='tt c_hidden'>";
            var tt = '';
            tt += "<div class='cttitle fsLev second-" + sessionStorage.getItem('scaleFz') + "'>";
            tt += jsonEscape(content[i].title);
            tt += '</div>';
            if (va_getByteLength(tt_titleMax) < va_getByteLength(jsonUnEscape(content[i].title))) {
                tt_titleMax = jsonUnEscape(content[i].title);
            }
            if (vajQuery.trim(content[i].text) !== '') {
                tt += "<div class='text fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
                tt += jsonEscape(content[i].text);
                tt += '</div>';
                if (va_getByteRow(tt_textMax) <= va_getByteRow(jsonUnEscape(content[i].text))) {
                    tt_textMax = jsonUnEscape(content[i].text);
                }
            } else {
                tt += "<div class='text'>";
                tt += '</div>';
            }
            dialog += tt;
            dialog += "</div><div class='tt colm_top'>";
            dialog += tt;
            dialog += '</div></div>';
        } else {
            if (vajQuery.trim(content[i].imageUrl) !== '') {
                if (vajQuery.trim(content[i].text) !== '') {
                    if (va_getByteLength(textMax) < va_getByteLength(jsonUnEscape(content[i].text))) {
                        textMax = jsonUnEscape(content[i].text);
                    }
                    dialog += "<div class='colm'>";
                    dialog += "<div class='singleText c_hidden fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
                    dialog += jsonEscape(content[i].text);
                    dialog += '</div>';
                    dialog += "<div class='singleText colm_top fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
                    dialog += jsonEscape(content[i].text);
                    dialog += '</div>';
                    dialog += '</div>';
                }
            } else {
                if (vajQuery.trim(content[i].text) !== '') {
                    if (va_getByteLength(textMax) < va_getByteLength(jsonUnEscape(content[i].text))) {
                        textMax = jsonUnEscape(content[i].text);
                    }
                    dialog += "<div class='colm sps' style='border: 0;'>";
                    dialog += "<div class='singleText c_hidden fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
                    dialog += jsonEscape(content[i].text);
                    dialog += '</div>';
                    dialog += "<div class='singleText colm_top fsLev first-" + sessionStorage.getItem('scaleFz') + "'>";
                    dialog += jsonEscape(content[i].text);
                    dialog += '</div>';
                    dialog += '</div>';
                }
            }
        }
        if (content[i].buttons !== undefined && content[i].buttons.length > 0) {
            if (buttonMax < content[i].buttons.length) {
                buttonMax = content[i].buttons.length;
            }
            for (var b = 0; b < content[i].buttons.length; b++) {
                if (content[i].buttons[b].type === 'url') {
                    dialog += "<div class='colm center slider-div'><a class='slider-a fsLev first-" + sessionStorage.getItem('scaleFz') + "' ";
                    dialog += "data-type='" + content[i].buttons[b].type + "' data-elementtype='Button' ";
                    dialog += "data-requestid='" + extraInfo.requestId + "' ";
                    dialog += "data-text='" + content[i].buttons[b].label + "' ";
                    dialog += "data-target='" + content[i].buttons[b].targetSelf + "' ";
                    dialog += "data-value='" + content[i].buttons[b].url + "'>";
                    dialog += jsonEscape(content[i].buttons[b].label);
                    dialog += '</a></div>';
                } else if (content[i].buttons[b].type === 'location') {
                    dialog += "<div class='colm center slider-div'><a class='slider-a map fsLev first-" + sessionStorage.getItem('scaleFz') + "' ";
                    dialog += "data-elementtype='Button' ";
                    dialog += "data-requestid='" + extraInfo.requestId + "' ";
                    dialog += "data-text='" + content[i].buttons[b].label + "' ";
                    dialog += "data-type='" + content[i].buttons[b].type + "' ";
                    dialog += "data-value='" + content[i].buttons[b].value + "'>";
                    dialog += jsonEscape(content[i].buttons[b].label);
                    dialog += '</a></div>';
                } else if (content[i].buttons[b].type === 'phoneNumber') {
                    dialog += "<div class='colm center slider-div'><a class='slider-a fsLev first-" + sessionStorage.getItem('scaleFz') + "' ";
                    dialog += "data-elementtype='Button' ";
                    dialog += "data-requestid='" + extraInfo.requestId + "' ";
                    dialog += "data-text='" + content[i].buttons[b].label + "' ";
                    dialog += "data-type='" + content[i].buttons[b].type + "' ";
                    dialog += "data-value='" + content[i].buttons[b].value + "' ";
                    dialog += "href='tel:" + content[i].buttons[b].value + "'>";
                    dialog += jsonEscape(content[i].buttons[b].label);
                    dialog += '</a></div>';
                } else if (content[i].buttons[b].type === 'openForm') {
                    dialog += "<div class='colm center slider-div'><a class='slider-a fsLev first-" + sessionStorage.getItem('scaleFz') + "' ";
                    dialog += "data-elementtype='Button' ";
                    dialog += "data-requestid='" + extraInfo.requestId + "' ";
                    dialog += "data-text='" + content[i].buttons[b].label + "' ";
                    dialog += "data-type='" + content[i].buttons[b].type + "' ";
                    dialog += "data-value='" + content[i].buttons[b].value + "'>";
                    dialog += jsonEscape(content[i].buttons[b].label);
                    dialog += '</a></div>';
                } else {
                    dialog += "<div class='colm center slider-div'><a class='slider-a fsLev first-" + sessionStorage.getItem('scaleFz') + "' ";
                    dialog += "data-elementtype='Button' ";
                    dialog += "data-requestid='" + extraInfo.requestId + "' ";
                    dialog += "data-text='" + content[i].buttons[b].label + "' ";
                    dialog += "data-type='" + content[i].buttons[b].type + "' ";
                    dialog += "data-value='" + content[i].buttons[b].value + "'>";
                    dialog += jsonEscape(content[i].buttons[b].label);
                    dialog += '</a></div>';
                }
            }
        }
        if (rating === 'false') {
            dialog += '</div></div></div>';
        } else {
            dialog += '</div></div><div class="satisfy" data-requestid="' + extraInfo.requestId + '"></div></div>';
        }
    }
    dialog += '</div>';
    if (content.length > 1) {
        dialog += '<a class="right operation" href="" role="button" data-operation="+=" ></a>';
    }
    dialog += '</div>';
    appendComp(dialog, extraInfo.requestId);
    vajQuery('#' + name)
        .find('.slider-a')
        .bind('click', function (event) {
            if (va_askTo === 'agent') {
                vaEndTextServiceModal(event);
            } else {
                if (event.target.dataset.type === 'phoneNumber') {
                    saveWebChatLog(event);
                } else if (event.target.dataset.type === 'url') {
                    var clickProcess = '';
                    if (va_applyUrlClick) {
                        clickProcess = va_applyUrlClick(event.target.dataset.value, event);
                    }
                    if (clickProcess === '') {
                        saveWebChatLog(event);
                        if (event.target.dataset.value.target !== undefined && event.target.dataset.value.target !== '') {
                            if (event.target.dataset.value.target.indexOf(sessionStorage.getItem('channel')) >= 0) {
                                window.location.href = event.target.dataset.value;
                            } else {
                                window.open(event.target.dataset.value);
                            }
                        } else {
                            window.open(event.target.dataset.value);
                        }
                    }
                } else if (event.target.dataset.type === 'openForm') {
                    vaOpenForm(event);
                } else if (event.target.dataset.type !== 'url' && event.target.dataset.type !== 'location' && event.target.dataset.type !== 'phoneNumber') {
                    if (event.target.dataset.value.indexOf('C:F00_要求_轉接文字客服') >= 0) {
                        vaConnectTextService();
                    }
                    saveWebChatLog(event);
                    appendQuery(event.target.text);
                    va_sendWebSocket('Button', event.target.dataset.type, event.target.text, event.target.dataset.value);
                } else if (event.target.dataset.type === 'location') {
                    mapPostbackVal = event.target.dataset.value;
                }

                // if (event.target.dataset.type !== 'url' && event.target.dataset.type !== 'location' && event.target.dataset.type !== 'phoneNumber') {
                //     appendQuery(event.target.text);
                //     va_sendWebSocket('Button', event.target.dataset.type, event.target.text, event.target.dataset.value);
                // } else {
                //     mapPostbackVal = event.target.dataset.value;
                // }
            }
        });

    vajQuery('#' + name).bind('scroll touchmove touchend', function (event) {
        clearTimeout(va_timer);
        va_timer = setTimeout(function () {
            var offset = vajQuery('#' + name).scrollLeft();
            if (offset <= 0) {
                vajQuery('#' + iName)
                    .find('.left')
                    .hide();
                vajQuery('#' + iName)
                    .find('.right')
                    .show();
            } else if (offset + vajQuery('#chatbotContent').width() + 5 >= vajQuery('#' + name)[0].scrollWidth) {
                vajQuery('#' + iName)
                    .find('.left')
                    .show();
                vajQuery('#' + iName)
                    .find('.right')
                    .hide();
            } else {
                vajQuery('#' + iName)
                    .find('.left')
                    .show();
                vajQuery('#' + iName)
                    .find('.right')
                    .show();
            }
        }, 100);
    });

    vajQuery('#' + iName)
        .find('.operation')
        .bind('click', function (event) {
            event.preventDefault();
            var op = vajQuery(this).data('operation') + 270;
            // var curLeft = vajQuery('#' + name).scrollLeft();
            vajQuery('#' + name)
                .stop()
                .animate({
                    scrollLeft: op
                });
        });

    if (vajQuery('#chatbotContent').width() === vajQuery('#' + name)[0].scrollWidth) {
        vajQuery('#' + iName)
            .find('.left')
            .css('display', 'none');
        vajQuery('#' + iName)
            .find('.right')
            .css('display', 'none');
    }

    if (!hasImage) {
        vajQuery('#' + iName).removeClass('c_hidden');
    }

    vajQuery('#' + name)
        .find('img')
        .first()
        .on('load', function () {
            vajQuery('#' + iName).removeClass('c_hidden');
            vajQuery(this).removeClass('c_hidden');
            if (sessionStorage.getItem('scrollButtom') === 'true') {
                scrollBottom();
            } else {
                $('.loaderMain').hide();
            }
        });

    vajQuery('#' + name)
        .find('img')
        .on('error', function () {
            vajQuery('#' + iName).removeClass('c_hidden');
            vajQuery(this).removeClass('c_hidden');
            vajQuery(this).attr('alt', '圖片載入失敗...');
            vajQuery(this).attr('src', 'https://va.transglobe.com.tw/api/sliderImg/web/notfound.png');
            if (sessionStorage.getItem('scrollButtom') === 'true') {
                scrollBottom();
            } else {
                $('.loaderMain').hide();
            }
        });

    setTimeout(function () {
        vajQuery('#' + name)
            .find('.tt.c_hidden')
            .find('.cttitle')
            .each(function () {
                var vajQuerythis = vajQuery(this);
                vajQuerythis.html(jsonEscape(tt_titleMax));
            });
        vajQuery('#' + name)
            .find('.tt.c_hidden')
            .find('.text')
            .each(function () {
                var vajQuerythis = vajQuery(this);
                vajQuerythis.html(jsonEscape(tt_textMax));
            });
        vajQuery('#' + name)
            .find('.text.c_hidden')
            .each(function () {
                var vajQuerythis = vajQuery(this);
                vajQuerythis.html(jsonEscape(textMax));
            });
        vajQuery('#' + name)
            .find('.singleText.c_hidden')
            .each(function () {
                var vajQuerythis = vajQuery(this);
                vajQuerythis.html(jsonEscape(textMax));
            });
        vajQuery('#' + name)
            .find('.rows')
            .each(function () {
                var vajQuerythis = vajQuery(this);
                var first = vajQuerythis.find('.slider-div').first();
                var size = vajQuerythis.find('.slider-div').length;
                if (buttonMax > size) {
                    for (var k = 0; k < buttonMax - size; k++) {
                        first.before("<div class='colm center notop'>&nbsp;</div>");
                    }
                }
            });
        if (!hasImage) {
            if (sessionStorage.getItem('scrollButtom') === 'true') {
                scrollBottom();
            } else {
                $('.loaderMain').hide();
            }
        }
    }, 10);

    vajQuery('#' + name)
        .find('.map')
        .bind('click', function (event) {
            if (vajQuery('#modalMap').length > 0) {
                va_getlocation();
            } else {
                var modalWindowMap = vajQuery('<div class="chatbotModal modal fade" id="modalMap" role="dialog"></div>');
                var modalDialogMap = vajQuery('<div class="modal-dialog fullDialog"></div>');
                var modalContentMap = vajQuery('<div class="modal-content fullContent"></div>');
                var modalHeaderMap = vajQuery('<div class="modal-header"></div>');
                var modalCloseMap = vajQuery('<button type="button" class="close" data-dismiss="modal">&times;</button>');
                var modalTitleMap = vajQuery('<h4 class="modal-title">選取位置</h4>');
                var modalBodyMap = vajQuery('<div class="modal-body mapBody"></div>');
                var modalMap = vajQuery('<div id="address" class="mapAddress"></div><div id="map_canvas" style="width:100%; height:100%"></div><button type="button" class="btn btn-default mapLocation" id="myLocation"></button>');
                var modalFooterMap = vajQuery(
                    '<div class="modal-footer"><div class="c_none" id="location"></div><button type="button" class="btn btn-default col-xs-12 button-map-cfm" data-dismiss="modal" id="cfmLocation">確認</button></div>'
                );

                modalHeaderMap.append(modalCloseMap);
                modalHeaderMap.append(modalTitleMap);
                modalBodyMap.append(modalMap);
                modalContentMap.append(modalHeaderMap);
                modalContentMap.append(modalBodyMap);
                modalContentMap.append(modalFooterMap);
                modalDialogMap.append(modalContentMap);
                modalWindowMap.append(modalDialogMap);
                vajQuery('#ibmchatbox').after(modalWindowMap);

                vajQuery('#map_canvas').before('<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC4FE3k6doA9zFHKPReCkI4vFax7hYqDyU"></script>');
                setTimeout(function () {
                    va_initialize();
                }, 1000);

                vajQuery('#myLocation').bind('click', function (event) {
                    vajQuery('#myLocation').trigger('hover');
                    va_getlocation();
                });

                vajQuery('#cfmLocation').bind('click', function (event) {
                    if (vajQuery.trim(vajQuery('#location').html()) === '') {
                        alert('請點選地圖選擇您所在位置');
                        vajQuery('#cfmLocation').trigger('hover');
                        return false;
                    } else {
                        appendQuery(vajQuery('#address').html());
                        var n = mapPostbackVal.search('|');
                        if (n > 0) {
                            va_sendWebSocket('location', 'postback', '', mapPostbackVal + ',' + vajQuery('#location').html() + ',addr:' + vajQuery('#address').html());
                        } else {
                            va_sendWebSocket('location', 'postback', '', mapPostbackVal + '|' + vajQuery('#location').html() + ',addr:' + vajQuery('#address').html());
                        }
                    }
                });
            }
            chatbotModal('modalMap', 'show');
            // vajQuery('#modalMap').modal();
        });
}

/**
 * 對話框(Image)
 */
function appendImage(i, content, rating, extraInfo) {
    var name = genSliderName();
    var iName = 'Intent_' + name;
    let agentImg = '';
    if (extraInfo === undefined) {
        extraInfo = {};
    } else if (extraInfo.askTo === 'agent') {
        agentImg = 'cbAgentImgDiv';
    }
    const linkStr = content.link ? `'${content.link}'` : '';
    const dialog = `
      <div class="cbIntent">
        <div class="${i === 0 ? 'cbImgDiv ' + agentImg : cbDiv}"></div>
      </div>
      <div class="cbIntent c_hidden" name="${iName}" id="${iName}">
        <div id="${name}" name="${name}" class="slide-nowrap">
          <div class="table-chart-wrapper table-chart-active">
            <div class="table-chart">
              <div class="rows">
                <div class="colm-img colm">
                  <img class="" src="${content.url.replace(/.png/i, '')}" alt="${content.imageName}" 
                    ${linkStr ? 'style="cursor:pointer"' : ''} onclick="openLink(${linkStr})" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    `;
    appendComp(dialog);

    vajQuery('#' + name)
        .find('img')
        .first()
        .on('load', function () {
            vajQuery('#' + iName).removeClass('c_hidden');
            vajQuery(this).removeClass('c_hidden');
            if (sessionStorage.getItem('scrollButtom') === 'true') {
                scrollBottom();
            } else {
                $('.loaderMain').hide();
            }
        });

    vajQuery('#' + name)
        .find('img')
        .on('error', function () {
            vajQuery('#' + iName).removeClass('c_hidden');
            vajQuery(this).removeClass('c_hidden');
            vajQuery(this).attr('alt', '圖片載入失敗...');
            if (sessionStorage.getItem('scrollButtom') === 'true') {
                scrollBottom();
            } else {
                $('.loaderMain').hide();
            }
        });
}

/**
 * 對話框(時間)
 */
function appendTime() {
    var dialog = "<div class='cbTime'>";
    dialog += new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours();
    dialog += ':';
    dialog += new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
    dialog += '</div>';
    return dialog;
}

function genSliderName() {
    var dateObj = new Date();
    var name = 'Slider' + dateObj.getHours() + '' + dateObj.getMinutes() + '' + dateObj.getSeconds() + '' + dateObj.getMilliseconds();
    return name;
}

//這裡是設定session timeout倒數時間
function va_setTimer() {
    var seconds = 15;
    var reminder = 10;
    //var seconds = 3;
    //var reminder = 1;
    //實際重複執行的倒數方法
    var interval = setInterval(function () {
        va_sessionTime++;
        if (va_sessionTime < seconds) {
            //跳出視窗提醒他
            if (va_sessionTime === reminder) {
                vaTriggerOpen(true);
                var content = JSON.parse('[{"label":"繼續使用","value":"continue"}, {"label":"離開","value":"//logout","type":"text"}]');
                quickReplyAlign = 'center';
                appendFirstDialog(0, '閒置時間超過10分鐘，是否繼續使用？', 'false');
                appendReply(content);
            }
        } else {
            clearInterval(interval); //清除此倒數方法
            va_intervalObj = null;
            va_clearSession(); //清除該使用者session
            //transfer back to watson
            if (va_askTo === 'agent') {
                va_askTo = 'watson';
            }
        }
    }, 60000); //設定每分鐘執行

    return interval;
}

//如果使用者點擊了提示視窗欲重整timeout時間，便執行此方法，事實上只是發送request請求到server以重新計算時間
function va_resetTimeout() {
    va_sessionTime = 0;
    va_wsSessionTime = 0;
    if (va_intervalObj !== null || va_intervalObj !== undefined) {
        clearInterval(va_intervalObj);
        va_intervalObj = null;
    }
    if (va_wsIntervalObj !== null || va_wsIntervalObj !== undefined) {
        clearInterval(va_wsIntervalObj);
        va_wsIntervalObj = null;
    }
    va_resetTimeout_extra();
}

function va_setCloseTimer() {
    var vaColseTimer = 5;
    // var seconds = 1;
    var interval = setInterval(function () {
        va_wsSessionTime++;
        if (va_wsSessionTime >= vaColseTimer) {
            clearInterval(va_wsIntervalObj); //清除此倒數方法
            va_wsIntervalObj = null;
            vaTriggerOpen(true);
            // va_sendWebSocket('timeout', 'text', 'timeout', '');
            va_closeWebSocket();
            if (sessionStorage.getItem('refNo') !== undefined) {
                sessionStorage.removeItem('refNo');
            }
            if (sessionStorage.getItem('scrollButtom') !== undefined) {
                sessionStorage.removeItem('scrollButtom');
            }
            vajQuery('.cbIntent').remove();
            vajQuery('.cbQDiv').remove();
            if (va_askTo === 'agent') {
                clearStopTextServiceMsg();
                appendFirstDialog(0, '你已結束與文字客服對話，祝你順心，接下來由智能客服' + webBotSettings.botName + '為你服務！', 'false');
            } else {
                appendFirstDialog(0, '因閒置時間超過五分鐘，系統自動清除對話。如果您有任何疑問，請您重新提問喔！', 'false');
            }
            va_askTo = 'watson';
            vajQuery('#quickReply').empty();
            va_inputMask = '';
            va_changeInput(va_inputMask);
            vajQuery('#circleG').remove();
            // vajQuery('#boxInfo3').hide();
            // getRefNo(false);
        }
    }, 60000); //設定每分鐘執行

    return interval;
}

//清除使用者session使用的方法
function va_clearSession() {
    clearInterval(va_intervalObj);
    vaTriggerOpen(true);
    // vajQuery('#chatbotContent').empty();
    va_sendWebSocket('timeout', 'text', 'timeout', '');
    // va_closeWebSocket();
    vajQuery('.cbIntent').remove();
    vajQuery('.cbQDiv').remove();
    if (sessionStorage.getItem('loginToken') !== undefined) {
        sessionStorage.removeItem('loginToken');
    }
    if (sessionStorage.getItem('refNo') !== undefined) {
        sessionStorage.removeItem('refNo');
    }
    if (sessionStorage.getItem('scrollButtom') !== undefined) {
        sessionStorage.removeItem('scrollButtom');
    }
    vajQuery('#boxSignOut').hide();
    appendFirstDialog(0, '因操作逾時，系統已自動登出。如果您有任何疑問，請您重新提問喔！', 'false');
    // vajQuery('#boxInfo3').hide();
    //vajQuery('.reply-Div').remove();
    if (vajQuery('.loginModalDialog').length !== 0) {
        vajQuery('.loginModalDialog').hide();
    }
    if (vajQuery('.openFormBackdrop').length !== 0) {
        vajQuery('.openFormBackdrop').hide();
    }
    if (vajQuery('.chatbotModal').length !== 0) {
        vajQuery('.chatbotModal').hide();
    }
    if (vajQuery('.chatbotModalBackdrop').length !== 0) {
        vajQuery('.chatbotModalBackdrop').hide();
    }
    if (vajQuery('.birthdayCelebrationModalBackdrop').length !== 0) {
        vajQuery('.birthdayCelebrationModalBackdrop').hide();
    }

    vajQuery('#quickReply').empty();
    va_inputMask = '';
    va_changeInput(va_inputMask);
    vajQuery('#circleG').remove();
    // getRefNo(false);
}

function va_changeInput(input) {
    if (input === 'id' || input === 'all') {
        vajQuery('#cbSecInput').show();
        vajQuery('#cbInput').hide();
    } else {
        vajQuery('#cbInput').show();
        vajQuery('#cbSecInput').hide();
    }
    //vajQuery('#cbInput').val('');
    vajQuery('#cbSecInput').val('');
}

function va_disabledDialog(disabled) {
    if (disabled === true || disabled === 'true') {
        vajQuery('#cbSend').attr('disabled', 'disabled');
        vajQuery('#cbInput').attr('disabled', 'disabled');
    } else {
        vajQuery('#cbSend').removeAttr('disabled');
        vajQuery('#cbInput').removeAttr('disabled');
    }
}

function jsonUnEscape(str) {
    if (str !== undefined) {
        return str.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&#39;/g, "'").replace(/&#40;/g, '(').replace(/&#41;/g, ')').replace('/&amp;/g', '&');
    } else {
        return '';
    }
}

function jsonEscape(str) {
    if (str !== undefined) {
        str = str.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/'/g, '&#39;').replace(/\(/g, '&#40;').replace(/\)/g, '&#41;').replace('/&(?!amp;|quot;|gt;|lt;|#39;|#40;|#41;)/g', '&amp;').replace(/\r\n/g, '<br />');
        return str;
    } else {
        return '';
    }
}

function replaceLink(str, requestID) {
    var data = str;
    var i = 0;
    var regex = new RegExp(/\.:\.LS\.(.*?)\.LE\.:\./g);
    var matches = str.match(regex);
    if (matches) {
        matches.forEach(function (element) {
            var linkLabel = element.substr(6, element.indexOf('=', i) - 6);
            var linkHref = element.substr(element.indexOf('=', i) + 1, element.length - element.indexOf('=', i) - 7);
            var link = '';
            link += '<a ';
            link += "data-type='link' data-elementtype='Link' rel='noopener noreferrer'";
            link += "data-requestid='" + requestID + "' ";
            link += "data-text='" + linkLabel + "' ";

            var clickProcess = '';
            if (va_applyUrlClick) {
                clickProcess = va_applyUrlClick(linkHref);
            }

            if (clickProcess === '') {
                link += "href='" + linkHref + "' onclick='javascript:saveWebChatLog(event)' target='_blank' ";
            } else {
                link += clickProcess;
            }
            link += "data-value='" + linkHref + "'>";
            link += linkLabel;
            link += '</a>';

            data = data.substr(0, data.indexOf(element)) + link + data.substr(data.indexOf(element) + element.length);
        });
    }
    return data;
}

/* eslint-disable-next-line */
function activeReply(obj) {
    appendQuery(obj.label);
    vajQuery('#quickReply').empty();
}

function handleNoGeolocation(errorFlag) {
    document.getElementById('location').innerHTML = '';
    if (errorFlag === true) {
        document.getElementById('address').innerHTML = '<span style="color:red">地圖定位失敗，請點選地圖選擇您所在位置</span>';
    } else {
        document.getElementById('address').innerHTML = '<span style="color:red">您的瀏覽器不支援定位服務，請點選地圖選擇您所在位置</span>';
    }

    va_initialLocation = va_taipei;
    va_map.setCenter(va_initialLocation);
    if (va_marker !== false) {
        va_marker.setMap(null);
        va_marker = false;
    }
}

function va_initialize() {
    var myOptions = {
        zoom: 14,
        zoomControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: false,
        scaleControl: false,
        streetViewControl: false,
        rotateControl: false,
        fullscreenControl: false
    };
    va_map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
    va_geocoder = new google.maps.Geocoder();
    // Try W3C Geolocation (Preferred)

    if (navigator.geolocation) {
        va_browserSupportFlag = true;
        navigator.geolocation.getCurrentPosition(
            function (position) {
                va_initialLocation = {lat: position.coords.latitude, lng: position.coords.longitude};
                va_map.setCenter(va_initialLocation);
                va_marker = new google.maps.va_marker({
                    position: va_initialLocation,
                    map: va_map,
                    title: '目前所在位置'
                });
                document.getElementById('location').innerHTML = 'lng:' + va_initialLocation.lng + ',lat:' + va_initialLocation.lat;
                va_geocoder.geocode({location: va_initialLocation}, function (results, status) {
                    if (status === 'OK') {
                        if (results[0]) {
                            document.getElementById('address').innerHTML = results[0].formatted_address;
                        } else {
                            window.alert('No results found');
                        }
                    } else {
                        window.alert('Geocoder failed due to: ' + status);
                    }
                });
            },
            function () {
                handleNoGeolocation(va_browserSupportFlag);
            }
        );
    } else {
        // Browser doesn't support Geolocation
        va_browserSupportFlag = false;
        handleNoGeolocation(va_browserSupportFlag);
    }

    google.maps.event.addListener(va_map, 'click', function (event) {
        //Get the location that the user clicked.
        var clickedLocation = event.latLng;

        //If the marker hasn't been added.
        if (va_marker === false) {
            //Create the marker.
            va_marker = new google.maps.Marker({
                position: clickedLocation,
                map: va_map,
                draggable: true //make it draggable
            });

            //Listen for drag events!
            //google.maps.event.addListener(marker, 'dragend', function(event){
            //markerLocation();
            //});
        } else {
            //Marker has already been added, so just change its location.
            va_marker.setPosition(clickedLocation);
        }

        va_geocoder.geocode({location: clickedLocation}, function (results, status) {
            if (status === 'OK') {
                if (results[0]) {
                    document.getElementById('address').innerHTML = results[0].formatted_address;
                    document.getElementById('location').innerHTML = 'lng:' + clickedLocation.lng() + ',lat:' + clickedLocation.lat();
                } else {
                    window.alert('No results found');
                }
            } else {
                window.alert('Geocoder failed due to: ' + status);
            }
        });

        //Get the marker's location.
        //markerLocation();
    });
}

/* eslint-disable-next-line */
function codeAddress() {
    var address = document.getElementById('address').innerHTML;
    va_geocoder.geocode({address: address}, function (results, status) {
        if (status === 'OK') {
            va_map.setCenter(results[0].geometry.location);
            //If the marker hasn't been added.
            if (va_marker === false) {
                //Create the marker.
                va_marker = new google.maps.Marker({
                    position: results[0].geometry.location,
                    map: va_map,
                    draggable: true //make it draggable
                });

                //Listen for drag events!
                //google.maps.event.addListener(marker, 'dragend', function(event){
                //markerLocation();
                //});
            } else {
                //Marker has already been added, so just change its location.
                va_marker.setPosition(results[0].geometry.location);
            }
        } else {
            alert('Geocode was not successful for the following reason: ' + status);
        }
    });
}

function va_getlocation() {
    if (navigator.geolocation) {
        va_browserSupportFlag = true;
        navigator.geolocation.getCurrentPosition(
            function (position) {
                va_initialLocation = {lat: position.coords.latitude, lng: position.coords.longitude};
                va_map.setCenter(va_initialLocation);
                if (va_marker === false) {
                    //Create the marker.
                    va_marker = new google.maps.Marker({
                        position: va_initialLocation,
                        map: va_map,
                        title: '目前所在位置'
                    });
                } else {
                    //Marker has already been added, so just change its location.
                    va_marker.setPosition(va_initialLocation);
                }
                document.getElementById('location').innerHTML = 'lng:' + va_initialLocation.lng + ',lat:' + va_initialLocation.lat;
                va_geocoder.geocode({location: va_initialLocation}, function (results, status) {
                    if (status === 'OK') {
                        if (results[0]) {
                            document.getElementById('address').innerHTML = results[0].formatted_address;
                        } else {
                            window.alert('No results found');
                        }
                    } else {
                        window.alert('Geocoder failed due to: ' + status);
                    }
                });
            },
            function () {
                handleNoGeolocation(va_browserSupportFlag);
            }
        );
    } else {
        // Browser doesn't support Geolocation
        va_browserSupportFlag = false;
        handleNoGeolocation(va_browserSupportFlag);
    }
}

function GetURLParameter(sParam) {
    var queryString = '';
    try {
        // queryString = atob(window.location.search.substring(1));
        queryString = window.location.search.substring(1);
    } catch (e) {}

    var sPageURL = decodeURI(queryString);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) {
        var sParameterIndex = sURLVariables[i].search('=');
        var sParameterName = sURLVariables[i].substr(0, sParameterIndex);
        if (sParameterName === sParam) {
            return sURLVariables[i].substr(sParameterIndex + 1);
        }
    }
}

function scrollBottom() {
    if (va_isReloadLog !== true && va_scrollCount >= va_reloadLog) {
        vajQuery('#ctContent').animate(
            {
                scrollTop: vajQuery('#ctContent')[0].scrollHeight
            },
            500
        );
        setTimeout(function () {
            if (vajQuery('.openForm').hasClass('in')) {
            } else {
                $('.loaderMain').hide();
            }
        }, 500);
    } else {
        va_scrollCount++;
    }
}

function va_escapeHtml(unsafe) {
    return va_fullToHalf(unsafe).replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\(/g, '&#40;').replace(/\)/g, '&#41;').replace('/&(?!amp;|quot;|gt;|lt;|#39;|#40;|#41;)/g', '&amp;');
}

function va_fullToHalf(val) {
    var v = val;
    if (v === 'NaN' || v === null || v === '' || v === undefined) {
        return '';
    } else {
        //全行轉半型
        var result = '';
        for (var i = 0; i < v.length; i++) {
            if (v.charCodeAt(i) === 12288) {
                result += ' ';
            } else {
                if (v.charCodeAt(i) > 65280 && v.charCodeAt(i) < 65375) {
                    result += String.fromCharCode(v.charCodeAt(i) - 65248);
                } else {
                    result += String.fromCharCode(v.charCodeAt(i));
                }
            }
        }
        v = result;
        return v;
    }
}

function openQrModal(url) {
    if (vajQuery('#qrModal').length > 0) {
        vajQuery('#qrModal').remove();
    }
    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="qrModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    var modal = vajQuery('<iframe id="qrIframe" src="' + url + '" style="height:87vh !important;"></iframe>');
    var param3 = GetQrParameter(url, 'param3');
    var param5 = GetQrParameter(url, 'param5');
    var param6 = GetQrParameter(url, 'param6');
    var btn = '<div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-primary col-xs-5" data-dismiss="modal" id="qrCfmBtn"';
    btn += ' data-label="' + param5 + '" data-value="' + param3 + '" >';
    btn += param5;
    btn += '</button><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal">';
    btn += param6;
    btn += '</button></div>';
    var modalFooter = vajQuery(btn);
    modalBody.append(modal);
    modalContent.append(modalBody);
    modalContent.append(modalFooter);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);
    chatbotModal('qrModal', 'show');
    // vajQuery('#qrModal').modal();

    vajQuery('#qrCfmBtn').bind('click', function (event) {
        appendQuery(event.target.dataset.label);
        va_sendWebSocket('Button', 'postback', event.target.dataset.label, event.target.dataset.value);
    });
}

var va_inFrom;
var va_inChannel;
var va_inValue;
var va_inUrl;
/* eslint-disable-next-line */
function openPageBackModal(event, url) {
    if (url.indexOf('openPageBackModal|') === 0) {
        url = url.replace('openPageBackModal|', '');
    }

    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#pagebackModal').length > 0) {
        vajQuery('#pagebackModal').remove();
    }

    va_inFrom = GetPagebackUrl(url, 'param1');
    va_inChannel = GetPagebackUrl(url, 'param2');
    va_inValue = GetPagebackUrl(url, 'param3');
    va_inUrl = GetPagebackUrl(url, 'param4');
    if (va_inUrl.indexOf('.pdf') >= 0) {
        va_inUrl = 'https://va.transglobe.com.tw/pdfViewer/web/viewer.html?file=' + va_inUrl + '#page=1';
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="pagebackModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    var modal = vajQuery('<iframe id="pagebackIframe" src="' + va_inUrl + '"></iframe>');
    var modalScript = vajQuery('<script>window.addEventListener("message",function(event){if(!event.origin.match(/https\\:\\/\\/[-\\w]*\\.transglobe\\.com\\.tw/)&&event.origin!=="https\\:\\/\\/localhost"){return;}if(event.data){document.getElementById("pbkCfmBtn").disabled=false;}})</script>');
    var modalFooter = vajQuery(
        '<div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="pbkCancelBtn">不同意</button><button type="button" class="btn btn-primary col-xs-5" id="pbkCfmBtn" disabled>我已閱讀並同意</button></div>'
    );
    modalBody.append(modal);
    modalBody.append(modalScript);
    modalContent.append(modalBody);
    modalContent.append(modalFooter);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);

    var docName = va_inUrl.substring(va_inUrl.lastIndexOf('/') + 1);
    vajQuery('#pbkCfmBtn').bind('click', function (event) {
        var vaClient = '';
        if (sessionStorage.getItem('vaClient') !== undefined) {
            vaClient = '3.145.103.12';
        }
        va_sendWebSocket('Button', 'pageback', '條款同意書', va_inValue, {url: docName});
        chatbotModal('pagebackModal', 'hide');
    });

    chatbotModal('pagebackModal', 'show');

    var iframe = document.getElementById('pagebackIframe');
    iframe.onload = function(){
        iframe.contentWindow.postMessage(window.location.origin, va_inUrl);
    }
}

var va_inChangeUrl;
//變更聲明書
function openChangDeclaration(event, url) {
    if (url.indexOf('openChangDeclaration|') === 0) {
        url = url.replace('openChangDeclaration|', '');
    }
    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#changDeclaration').length > 0) {
        vajQuery('#changDeclaration').remove();
    }

    va_inChangeUrl = url.split('url:')[1];

    if (va_inChangeUrl.indexOf('.pdf') >= 0) {
        va_inChangeUrl = 'https://va.transglobe.com.tw/pdfViewer/web/viewer.html?file=' + va_inChangeUrl + '#page=1';
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="pagebackModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    var modal = vajQuery('<iframe id="pagebackIframe" src="' + va_inChangeUrl + '"></iframe>');
    var modalScript = vajQuery('<script>window.addEventListener("message",function(event){if(!event.origin.match(/https\\:\\/\\/[-\\w]*\\.transglobe\\.com\\.tw/)&&event.origin!=="https\\:\\/\\/localhost"){return;}if(event.data){document.getElementById("pbkCfmBtn").disabled=false;}})</script>');
    var modalFooter = vajQuery(
        '<div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="pbkCancelBtn">不同意</button><button type="button" class="btn btn-primary col-xs-5" data-text="同意" id="pbkCfmBtn" disabled>我已閱讀並同意</button></div>'
    );
    modalBody.append(modal);
    modalBody.append(modalScript);
    modalContent.append(modalBody);
    modalContent.append(modalFooter);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);
    chatbotModal('pagebackModal', 'show');

    var iframe = document.getElementById('pagebackIframe');
    iframe.onload = function(){
        iframe.contentWindow.postMessage(window.location.origin, va_inChangeUrl);
    }

    vajQuery('#pbkCfmBtn').bind('click', function (event) {
        try {
            var vaClient = '';
            if (sessionStorage.getItem('vaClient') !== undefined) {
                vaClient = '3.145.103.12';
            }
            $('.loaderMain').show();
            va_sendWebSocket('openForm', 'formback', vajQuery(event.target).data('text'), 'getPolicyChangeList', '');
            chatbotModal('pagebackModal', 'hide');
        } catch (e) {
            $('.loaderMain').hide();
        }
    });
    vajQuery('#pbkCancelBtn').bind('click', function (event) {
        var vaClient = '';
        if (sessionStorage.getItem('vaClient') !== undefined) {
            vaClient = '3.145.103.12';
        }
        va_sendWebSocket('cancel', 'postback', '', 'F12_保單基本資料變更_取消');
        chatbotModal('pagebackModal', 'hide');
    });
}

function GetPagebackUrl(url, sParam) {
    var queryString = '';
    try {
        var sPageURL = decodeURI(url);
        var sURLVariables = sPageURL.split('&');
        for (var i = 0; i < sURLVariables.length; i++) {
            var sParameterIndex = sURLVariables[i].search('=');
            var sParameterName = sURLVariables[i].substr(0, sParameterIndex);
            if (sParameterName === sParam) {
                return sURLVariables[i].substr(sParameterIndex + 1);
            }
        }
    } catch (e) {}
}

function GetPagebackParameter(url, sParam) {
    var queryString = '';
    try {
        queryString = atob(url.split('?')[1]);
        var sPageURL = decodeURI(queryString);
        var sURLVariables = sPageURL.split('&');
        for (var i = 0; i < sURLVariables.length; i++) {
            var sParameterIndex = sURLVariables[i].search('=');
            var sParameterName = sURLVariables[i].substr(0, sParameterIndex);
            if (sParameterName === sParam) {
                return sURLVariables[i].substr(sParameterIndex + 1);
            }
        }
    } catch (e) {}
}

function vaLogout() {
    vajQuery('#quickReply').empty();
    quickReplyAlign = 'left';
    // vaTriggerOpen(true);
    va_sendWebSocket('logout', 'text', '//clear', '');
    // va_closeWebSocket();
    if (sessionStorage.getItem('loginToken') !== undefined) {
        sessionStorage.removeItem('loginToken');
    }
    if (sessionStorage.getItem('refNo') !== undefined) {
        sessionStorage.removeItem('refNo');
    }
    if (sessionStorage.getItem('scrollButtom') !== undefined) {
        sessionStorage.removeItem('scrollButtom');
    }
    if (va_askTo === 'agent' && sessionStorage.getItem('channel') === 'CSIS') {
        sessionStorage.setItem('closeAgent', 'true');
    }
    // vajQuery('#boxSignOut').hide();
    setTimeout(function () {
        clearMaintainMsg();
        vajQuery('.cbIntent').remove();
        vajQuery('.cbQDiv').remove();
        appendFirstDialog(0, '重新載入對話完成\r\n請重新輸入您的問題', 'false');
        // getRefNo(false);
        va_sendWebSocket('greeting', 'postback', '', va_greeting);
        va_inputMask = '';
        va_changeInput(va_inputMask);
        vajQuery('#quickReply').empty();
    }, 1000);
}

function GetQrParameter(url, sParam) {
    var sPageURL = url.split('?')[1];
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) {
        var sParameterIndex = sURLVariables[i].search('=');
        var sParameterName = sURLVariables[i].substr(0, sParameterIndex);
        if (sParameterName === sParam) {
            return sURLVariables[i].substr(sParameterIndex + 1);
        }
    }
}

function chatbotModal(id, action) {
    try {
        if (action === 'show') {
            vajQuery('#' + id).modal({backdrop: 'static', keyboard: false});
        } else {
            vajQuery('#' + id).modal(action);
        }
    } catch (e) {
        $('#' + id).modal(action);
    }
}

function vaOpenFormModal(action) {
    try {
        vajQuery('.openForm').modal(action);
        $('.loaderMain').hide();
        if (action === 'hide') {
            va_openForm = '';
        }
    } catch (e) {
        $('.openForm').modal(action);
    }
}

function vaDisplay(status) {
    if (status === true || status === 'true') {
        if (va_display_status === true || va_display_status === 'true') {
            vajQuery('#ibmchatbox').show();
        }
    } else {
        vajQuery('#chatbotBtnHello').hide();
        vajQuery('#ibmchatbox').hide();
    }
}

function chatbotHtmlInit() {
    forChatBotHtml();
    rmBoxClose();
    vaChangeSizeMaxTrigger();
}

function checkAutoAsk() {
    const urlParams = new URLSearchParams(window.location.search);
    var text = '';
    var lineToken = '';
    var source = '';
    try {
        if (urlParams.get('text') !== undefined && urlParams.get('text') !== null && urlParams.get('text') !== '') {
            text = decodeURIComponent(escape(window.atob(decodeURIComponent(urlParams.get('text')))));
            lineToken = urlParams.get('lineToken');
            source = urlParams.get('source');

            if (text !== undefined && text !== null && text !== '') {
                appendQuery(text);
                va_sendWebSocket('QR', 'text', text, text);
                isNeedSaveAutoAskingLog = true;
            }
            const obj = {
                question: text,
                lineToken: lineToken,
                source: source
            };
            saveAutoAskingLog(obj);
        }
    } catch (e) {
        text = '';
        console.error(e);
    }
}

function vaChangeSizeMaxTrigger() {
    vajQuery('#ibmchat').addClass('chatbotDivMax');
    vajQuery('#ctContent').addClass('ctContentMax');
    vajQuery('#cbInput').addClass('cbFooter2Max');
    vajQuery('#cbSecInput').addClass('cbFooter2Max');
    vajQuery('#boxMaximize').toggle(false);
    vajQuery('#boxRestore').toggle(true);
    vajQuery('body').addClass('no-scroll');
    if (sessionStorage.getItem('scrollButtom') === 'true') {
        scrollBottom();
    } else {
        $('.loaderMain').hide();
    }
    changeSize();
    //set menu width
    vajQuery('.chatbotFooter .ctMenu-list').addClass('menuMax');
    //set maintainMsg,stopTextServiceMsg width
    vajQuery('#maintainMsg').css('max-width', '100%');
    vajQuery('.ibm-va .stopTextServiceMsg').css('max-width', '100%');
    vajQuery('.ibm-va .maintainMsg').css('flex-direction', 'column');
}

function changeSize() {
    vajQuery('[id^=Intent_Slider]').each(function () {
        var vajQuerythis = vajQuery(this);
        coverIt(vajQuerythis);
    });
}

function coverIt(div) {
    var slider = div.find('[id^=Slider]');
    var offset = slider.scrollLeft();
    if (vajQuery('#chatbotContent').width() === slider[0].scrollWidth) {
        div.find('.left').css('display', 'none');
        div.find('.right').css('display', 'none');
    } else if (offset <= 0) {
        div.find('.left').hide();
        div.find('.right').show();
    } else if (offset + vajQuery('#chatbotContent').width() + 5 > slider[0].scrollWidth) {
        div.find('.left').show();
        div.find('.right').hide();
    } else {
        div.find('.left').show();
        div.find('.right').show();
    }
}

function rmBoxClose() {
    vajQuery('#boxclose').remove();
    vajQuery('#boxRestore').remove();
    vajQuery('#boxMaximize').remove();
}

function getTheAutoCompleteList() {
    var autoCompleteList = [];
    var listMaxSize = 0;

    vajQuery
        .ajax({
            url: 'https://va.transglobe.com.tw/api/getTheAutoCompleteListIsValid',
            type: 'GET',
            cache: false,
            datatype: 'json'
        })
        .done(function (res) {
            if (res) {
                res = JSON.parse(res);
                autoCompleteList = res.autoCompleteList;
                if (autoCompleteList) {
                    autoCompleteList.sort((a, b) => +a.sort - +b.sort);
                }
                listMaxSize = res.listMaxSize;
                autocomplete(document.getElementById('cbInput'), autoCompleteList, listMaxSize);
            }
        })
        .fail(function (res) {});
}

function forChatBotHtml() {
    vajQuery('#ibmchatbox').removeClass('welcomeDiv');
    sessionStorage.setItem('vaWelcome', 'true');
    getRefNoLog(va_init);
    getTheAutoCompleteList();

    if (vajQuery(window).height() < 420 || vajQuery(window).width() < 568) {
        vajQuery('body').addClass('no-scroll');
    }
    vaTriggerOpen();
    vajQuery('#cbEye').toggle(false);
    if (va_isReloadLog === false && sessionStorage.getItem('scrollButtom') === 'true') {
        scrollBottom();
    } else {
        $('.loaderMain').hide();
    }
    changeSize();
}

function appendFirstDialogFromAPI(inputString) {
    if (inputString === '') {
        va_sendWebSocket('greeting', 'postback', '', va_greeting);
    } else {
        va_sendWebSocket('greeting', 'postback', '', va_greeting);
    }
}

function vaTriggerClick() {
    $('#vaChatbox').trigger('click');
}

function vaTriggerOpen(open) {
    $('#ibmchat').toggle(open);
    vaDisplay(!$('#ibmchat').is(':visible'));
}

function va_getByteLength(data) {
    var arr = data.match(/[^\x00-\xff]/gi);
    return arr === null ? data.length : data.length + arr.length;
}

function va_getByteRow(data) {
    let num = data.split('\r\n').length;
    data.split('\r\n').forEach(function (element) {
        if (element.length > 18) {
            num += Math.floor(element.length / 19);
        }
    });
    return num;
}

function va_sleep(milliseconds) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
        if (new Date().getTime() - start > milliseconds) {
            break;
        }
    }
}

/* eslint-disable-next-line */
function triggerVa(input, value) {
    try {
        if (va_rec) {
            vaTriggerOpen(true);
            input = va_escapeHtml(input);
            value = va_escapeHtml(value);
            appendQuery(input);
            va_sendWebSocket('link', 'postback', input, value);
        } else {
            vaTriggerClick();
            va_checkTriggerClick(input, value);
        }
    } catch (e) {
        console.error(e);
    }
}

function va_checkTriggerClick(input, value) {
    if (va_rec) {
        input = va_escapeHtml(input);
        value = va_escapeHtml(value);
        appendQuery(input);
        va_sendWebSocket('link', 'postback', input, value);
    } else {
        setTimeout(function () {
            va_checkTriggerClick(input, value);
        }, 1000);
    }
}

function va_preloader(imgs) {
    try {
        var hostImages = 'https://va.transglobe.com.tw/webChat/images/';
        imgs.forEach(function (img) {
            if (document.images) {
                var img1 = new Image();
                img1.src = hostImages + img;
            }
        });
    } catch (e) {
        console.error(e);
    }
}

function createPIPInfoModal() {
    if (vajQuery('#boxInfoModal').length > 0) {
        vajQuery('#boxInfoModal').remove();
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="boxInfoModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalHeader = vajQuery('<div class="modal-header"></div>');
    var modalClose = vajQuery('<button type="button" class="close" data-dismiss="modal">&times;</button>');
    var modalTitle = vajQuery('<h4 class="modal-title">隱私權保護聲明及網路安全提醒</h4>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    var modal = vajQuery('<iframe id="pagebackIframe" src="https://va.transglobe.com.tw/pdfViewer/web/viewer.html?file=https://va.transglobe.com.tw/webChat/pdf/隱私權保護聲明及網路安全提醒.pdf#page=1"></iframe>');
    modalBody.append(modal);
    modalHeader.append(modalClose);
    modalHeader.append(modalTitle);
    modalContent.append(modalHeader);
    modalContent.append(modalBody);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);
    chatbotModal('boxInfoModal', 'show');
}

function vaExternalBrowser(event, url) {
    saveWebChatLog(event);
    if (va_useAppBrowser) {
        va_useAppBrowser(event, url);
    }
}

function saveAutoAskingLog(e) {
    try {
        if (isNeedSaveAutoAskingLog) {
            var obj = {
                refNo: sessionStorage.getItem('refNo'),
                channel: sessionStorage.getItem('channel'),
                location: sessionStorage.getItem('location'),
                question: e.question,
                lineToken: e.lineToken,
                source: e.source
            };
            vajQuery
                .ajax({
                    url: 'https://va.transglobe.com.tw/api/saveAutoAskingLog',
                    type: 'POST',
                    cache: false,
                    data: obj,
                    datatype: 'json'
                })
                .done(function (res) {
                    isNeedSaveAutoAskingLog = false;
                })
                .fail(function (res) {
                    console.error(`Save auto asking log failed: ${res}`);
                });
        }
    } catch (e) {
        console.error(e);
    }
}

function saveWebChatLog(e) {
    try {
        var obj = {
            requestID: vajQuery(e.target).data('requestid'),
            elementType: vajQuery(e.target).data('elementtype'),
            actionType: vajQuery(e.target).data('type'),
            elementText: vajQuery(e.target).data('text'),
            elementValue: vajQuery(e.target).data('value')
        };
        if (obj.requestID) {
            vajQuery
                .ajax({
                    url: 'https://va.transglobe.com.tw/api/saveWebChatLog',
                    type: 'POST',
                    cache: false,
                    data: obj,
                    datatype: 'json'
                })
                .fail(function (res) {
                    console.error(res);
                });
        } else {
            console.error(`Invalid Request ID: ${obj}`);
        }
    } catch (e) {
        console.error(e);
    }
}

function vaOpenForm(e) {
    try {
        saveWebChatLog(e);
    } catch (e) {
        console.error(e);
    }
    try {
        var requestID = vajQuery(e.target).data('requestid');
        var elementValue = vajQuery(e.target).data('value');
        var elementText = vajQuery(e.target).data('text');
        vaCreateModal(elementValue, elementText, requestID);
    } catch (e) {
        console.error(e);
    }
}

function appendVideoDialog(i, content, rating, requestID) {
    setTimeout(function () {
        let agentImg = '';
        if (va_askTo !== undefined && va_askTo === 'agent') {
            agentImg = 'cbAgentImgDiv';
        }
        vajQuery('#circleG').remove();
        var dialog = "<div class='cbIntent' id='circleG'>";
        dialog += "<div class='cbImgDiv " + agentImg + "'></div>";
        dialog += ' <div style="position:relative;"> </div>';
        dialog += '                <video class="videoDialog" width="320" height="240" controls crossOrigin="anonymous">';
        dialog += '                <source src="' + content.url + '" type="video/mp4" crossorigin="anonymous">';
        dialog += '                    Your browser does not support the video tag.';
        dialog += '            </video>';
        dialog += '</div>';
        appendComp(dialog);
        scrollBottom();
    }, 100);
}

function changeContentFz(srcFz, targetFz) {
    if (srcFz === null) {
        srcFz = sessionStorage.getItem('scaleFz');
    }
    sessionStorage.setItem('scaleFz', targetFz);
    var contentFzLev = document.getElementById('chatbotContent').querySelectorAll('.fsLev');
    if (contentFzLev.length > 0) {
        const lev1 = 'fsLev first-';
        const lev2 = 'fsLev second-';
        contentFzLev.forEach((fzItem) => {
            fzItem.classList.value = fzItem.classList.value.replace(lev1 + srcFz, lev1 + targetFz);
            fzItem.classList.value = fzItem.classList.value.replace(lev2 + srcFz, lev2 + targetFz);
        });
    }
}

function openLink(link) {
  if(link) {
    window.open(link, '_blank');
  }
}/* global vajQuery, va_testMode, va_inputMask, appendQuery, va_sendWebSocket, vaDisplay*/

va_testMode = true;

$(function () {
    //survey open & reload
    if (sessionStorage.getItem('wholeSatisfactionSurvey') === 'show' && window.performance && performance.navigation.type === performance.navigation.TYPE_RELOAD) {
        surveyClose(null);
    }
});
/**
 * vajQuery onload event的額外處理
 */
function va_initAiEvent_extra() {
    window.onbeforeunload = function (event) {
        try {
            if (sessionStorage.getItem('refNo')) {
                if (!sessionStorage.getItem('refNo').indexOf('web') === 0) {
                    sessionStorage.removeItem('refNo');
                }
                return va_closeWebSocket();
            }
        } catch (e) {}
    };
    //do something

    if (sessionStorage.getItem('channel') !== 'EC' && sessionStorage.getItem('channel') !== 'EC') {
        if (sessionStorage.getItem('isfirstView')) {
            va_rmMainHello();
        } else {
            sessionStorage.setItem('isfirstView', true);
            if (vajQuery('.chatbotBtnHello').length) {
                vajQuery('.chatbotBtnHello').show();
                window.setTimeout(va_rmMainHello, 10000);
            }
        }
    }

    if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        vajQuery('.chatbotBtn').hover(
            function () {
                vajQuery('.chatbotBtnWelcome').show();
                if (vajQuery('.chatbotBtnHello').length && sessionStorage.getItem('channel') !== 'EC') {
                    vajQuery('.chatbotBtnHello').hide();
                }
            },
            function () {
                vajQuery('.chatbotBtnWelcome').hide();
                if (vajQuery('.chatbotBtnHello').length && sessionStorage.getItem('channel') !== 'EC') {
                    vajQuery('.chatbotBtnHello').show();
                }
            }
        );
    }

    vajQuery('#chatbotContent').click(function () {
        //close menu when clicking elsewhere
        if ($('.ctMenu-list')[0].className.indexOf('in') !== -1) {
            $('.cbBtn-menu')[0].click();
        }
    });

    //結束文字客服
    vajQuery('#stopTextServiceMsg').click(function () {
        // eslint-disable-next-line no-undef
        vaEndTextServiceModal();
    });

    // eslint-disable-next-line no-undef
    if (sessionStorage.getItem('vaDisplay') === 'false') {
        vaDisplay(false);
        va_display_status = sessionStorage.getItem('vaDisplay');
        sessionStorage.removeItem('vaDisplay');
    } else {
        vaDisplay(va_display_status);
    }

    if (sessionStorage.getItem('channel') === 'CW') {
        $(window).scroll(function () {
            var windowHeight = $(window).innerHeight();
            var vaCheckCWFooter = $('.copyright').offset().top - $(window).scrollTop() - 20;
            if (vaCheckCWFooter <= windowHeight) {
                vajQuery('#ibmchatbox').addClass('chatbotBtnBottom');
                vajQuery('#chatbotBtnWelcome').addClass('chatbotBtnWelcomeBottom');
                if (vajQuery('.chatbotBtnHello').length && sessionStorage.getItem('channel') !== 'EC') {
                    vajQuery('#chatbotBtnHello').addClass('chatbotBtnHelloBottom');
                }
            } else {
                vajQuery('#ibmchatbox').removeClass('chatbotBtnBottom');
                vajQuery('#chatbotBtnWelcome').removeClass('chatbotBtnWelcomeBottom');
                if (vajQuery('.chatbotBtnHello').length && sessionStorage.getItem('channel') !== 'EC') {
                    vajQuery('#chatbotBtnHello').removeClass('chatbotBtnHelloBottom');
                }
            }
        });
        $(window).resize(function () {
            var windowHeight = $(window).innerHeight();
            var vaCheckCWFooter = $('.copyright').offset().top - $(window).scrollTop() - 20;
            if (vaCheckCWFooter <= windowHeight) {
                vajQuery('#ibmchatbox').addClass('chatbotBtnBottom');
                vajQuery('#chatbotBtnWelcome').addClass('chatbotBtnWelcomeBottom');
                if (vajQuery('.chatbotBtnHello').length && sessionStorage.getItem('channel') !== 'EC') {
                    vajQuery('#chatbotBtnHello').addClass('chatbotBtnHelloBottom');
                }
            } else {
                vajQuery('#ibmchatbox').removeClass('chatbotBtnBottom');
                vajQuery('#chatbotBtnWelcome').removeClass('chatbotBtnWelcomeBottom');
                if (vajQuery('.chatbotBtnHello').length && sessionStorage.getItem('channel') !== 'EC') {
                    vajQuery('#chatbotBtnHello').removeClass('chatbotBtnHelloBottom');
                }
            }
        });
    }
}

/**
 * chatbot頁面開啟後, init動作後的額外處理
 */
function va_afterInit_extra() {}

/**
 * chatbot頁面開啟後, resetTimeout動作後的額外處理
 */
function va_resetTimeout_extra() {
    if (sessionStorage.getItem('channel') !== 'CSIS') {
        // if (sessionStorage.getItem('loginToken') !== undefined && sessionStorage.getItem('loginToken') !== '') {
        if (va_askTo !== 'agent') {
            va_intervalObj = va_setTimer();
        } else {
            va_wsIntervalObj = va_setCloseTimer();
        }
        // } else {
        //     if (va_askTo !== 'agent') {
        //         va_wsIntervalObj = va_setCloseTimer();
        //     }
        // }
    } else if (sessionStorage.getItem('channel') === 'CSIS') {
        if (sessionStorage.getItem('loginToken') !== undefined && sessionStorage.getItem('loginToken') !== '') {
            try {
                timeoutReset();
            } catch (e) {
                console.log(e);
            }
        } else {
            // va_wsIntervalObj = va_setCloseTimer();

            if (va_askTo !== 'agent') {
                va_intervalObj = va_setTimer();
            } else {
                va_wsIntervalObj = va_setCloseTimer();
            }
        }
    }
}

function va_rmMainHello() {
    $('#chatbotBtnHello').remove();
}

/**
 * 接收到Humix回應後, 有extraInfo時呼叫
 */
function va_processExtraInfo(data) {
    if (data.extraInfo.token !== undefined) {
        var tt = sessionStorage.getItem('loginToken');
        sessionStorage.setItem('loginToken', data.extraInfo.token);
        if (data.extraInfo.token !== '' && data.extraInfo.token !== 'undefined' && data.extraInfo.token !== 'null' && data.extraInfo.token !== null) {
            if (sessionStorage.getItem('channel') === 'CSIS') {
                //CSIS不顯示登出鍵
                try {
                    if (tt !== data.extraInfo.token) {
                        logonVerify();
                    }
                } catch (e) {
                    console.log(e);
                }
            } else {
                vajQuery('#boxSignOut').show();
            }
        } else {
            vajQuery('#boxSignOut').hide();
        }
    }

    setTimeout(function () {
        if (data.extraInfo.modalType !== 'alive') {
            chatbotModal('idleEndTextServiceModal', 'hide');
        }
        chatbotModal('connectCustomerServiceModal', 'hide');
    }, 1);

    va_askTo = data.extraInfo.askTo;
}

/**
 * 利用app function開啟外部瀏覽器
 * @param {*} event
 * @param {*} url
 */
function va_useAppBrowser(event, url) {}

/**
 * 依不同的url/(sub)channel定義link的onclick, 若不須處理則回傳''
 * @param {*} url
 */
function va_applyUrlClick(url, event) {
    var clickProcess = '';
    if (url.indexOf('pageback.html') > 0) {
        openPageBackModal(event, url);
        clickProcess = true;
    } else if (url.indexOf('/cs/services/bot/rp') > 0) {
        url += '&token=' + sessionStorage.getItem('loginToken');
        url += '&refNo=' + sessionStorage.getItem('refNo');
        window.open(url, 'vacsis');
        clickProcess = true;
        saveWebChatLog(event);
    } else if (url.indexOf('csis://') === 0) {
        va_openCSIS(event, url);
        clickProcess = true;
        saveWebChatLog(event);
    } else if (url.indexOf('.pdf') >= 0 && url.indexOf(webBotSettings.cwUrl.uat) >= 0) {
        url = url.replace(webBotSettings.cwUrl.uat, webBotSettings.cwUrl.prod);
        window.open(url);
        clickProcess = true;
        saveWebChatLog(event);
    }
    return clickProcess;
}
/**
 * 回傳theEnd, 為true時, 代表此次回傳已處理完成, 若為false, 代表需要後續處理
 * @param {*} data
 */
// function va_openFormHandler(data) {
//     var theEnd = false;
//     return theEnd;
// }

/**
 * web內其他(disableInput,quickReplyAlign,inputMask,inputType以外)參數的處理
 * @param {*} data
 */
function va_extraWebHandler(data) {}

/**
 * 在va_sendWebSocket傳送Data之前的處理
 * @param {*} sendData
 */
function va_preSendWebSocket(sendData) {
    //for ref:
    // sendData.text = sendData.text.replace('以前', ' 以前');
    // sendData.text = sendData.text.replace('以後', ' 以後');
    return sendData;
}
// eslint-disable-next-line no-unused-vars
function va_onWsError(event) {
    var clickProcess = '';
    if (va_askTo === 'agent') {
        va_wsIntervalObj = va_setCloseTimer();
    }
    return clickProcess;
}

// eslint-disable-next-line no-unused-vars
function va_onWsClose(event) {
    var clickProcess = '';
    if (va_askTo === 'agent') {
        va_wsIntervalObj = va_setCloseTimer();
    }
    return clickProcess;
}

/**
 * 增加va_inputMask的處理
 * @param {*} e
 * @param {*} input
 */
function va_applyExtraInputMask(e, input) {
    //for ref:
    if (va_inputMask === 'xxxx') {
        var dialog = '';
        for (var i = 0; i < input.length; i++) {
            dialog += '&#x2022;';
        }
        appendQuery(dialog);
    }
}

// eslint-disable-next-line no-unused-vars
function menuPostback(text, value) {
    appendQuery(text);
    va_sendWebSocket('menu', 'postback', text, value);
    if(vajQuery('#cbCollapseMenu').hasClass('menuMax')){
        vajQuery('#cbCollapseMenu').attr('class', 'ctMenu-list collapse menuMax');
    } else {
        vajQuery('#cbCollapseMenu').attr('class', 'ctMenu-list collapse');
    }
    vajQuery('#cbCollapseMenu').attr('aria-expanded', 'false');
    vajQuery('#cbCollapseMenu').attr('style', 'overflow: hidden; height: 0px;');
}

function va_openCSIS(event, url) {
    saveWebChatLog(event);
    var data = url.replace('csis://', '');
    var pageId = '';
    var csisData = [];
    try {
        var sPageURL = decodeURI(data);
        pageId = sPageURL.split('?')[0];
        csisData.push({name: 'pgId', value: pageId});
        var sURLVariables = sPageURL.split('?')[1].split('&');
        for (var i = 0; i < sURLVariables.length; i++) {
            var sParameterIndex = sURLVariables[i].search('=');
            var sParameterName = sURLVariables[i].substr(0, sParameterIndex);
            if (sParameterName !== '') {
                csisData.push({name: sParameterName, value: sURLVariables[i].substr(sParameterIndex + 1)});
            }
        }
        console.log(csisData);
    } catch (e) {
        console.log(e);
    }
    try {
        if (sessionStorage.getItem('loginToken') !== undefined && sessionStorage.getItem('loginToken') !== '') {
            functionRouter(pageId, csisData);
        } else {
            var csisRedirectUrl = '/cs/services/bot/rp';
            for (var i = 0; i < csisData.length; i++) {
                if (i == 0) {
                    csisRedirectUrl += '?';
                } else {
                    csisRedirectUrl += '&';
                }
                csisRedirectUrl += csisData[0].name + '=' + csisData[0].value;
            }
            window.open(csisRedirectUrl, 'vacsis');
        }
    } catch (e) {
        console.log(e);
    }
}
/* global vajQuery, va_openForm, va_openForms, webBotSettings, chatbotModal, va_sendWebSocket, vaOpenFormModal, openPageBackModal, va_excludeEventType*/
let loanReasons;
let bankCode;
let myRegisterOTPTimer;
let myPsrnOTPTimer;
let myOTPTimer;
let myMobileOnePsrnOTPTimer;
let myLoanOTPTimer;
let myChangeConfirmOTPTimer;
$(function () {
    va_openForms.push('login');
    va_openForms.push('loginBirthday');
    va_openForms.push('loan');
    va_openForms.push('repayment');
    va_openForms.push('openPageBackModal');
    va_openForms.push('loanRecord');
    va_openForms.push('policyData');
    va_openForms.push('mposLogin');
    va_openForms.push('openChangDeclaration');
    va_openForms.push('change');
    va_openForms.push('openBasicChangeForm');
    va_openForms.push('register');
    va_openForms.push('openNetworkChange');
    va_openForms.push('openElectronicAllElectronic');
    va_openForms.push('openElectronicAllNetwork');

    va_excludeEventType.push('alive');
    va_excludeEventType.push('login');
    va_excludeEventType.push('survey');
    va_excludeEventType.push('mposLogin');
    va_excludeEventType.push('checkPolicyBasicChangeData');
    va_excludeEventType.push('validRegisterData');
    va_excludeEventType.push('checkTheBasicChangeData');
    va_excludeEventType.push('sendCaptchaByCSIS');
    va_excludeEventType.push('changePolicyLoan');
    va_excludeEventType.push('getLoanDistribute');
    va_excludeEventType.push('openMemberService');
    va_excludeEventType.push('checkOTP');
});

function vaCreateModal(value, text, requestId) {
    va_openForm = value.split('|')[0];
    if (va_openForm !== undefined) {
        switch (va_openForm) {
            case 'login': //登入
                vaCreateLoginModal(value, text, requestId);
                break;
            case 'loginBirthday': //登入生日驗證
                vaCreateLoginBirthdayModal();
                break;
            case 'loan': //借款
                let maxLoanAmount = value.split('|maxLoanAmount:')[1].split('/')[0];
                let currency = value.split('currency:')[1].split('/')[0];
                let loanMoneyName = value.split('loanMoneyName:')[1];
                vaCreateLoanModal(null, maxLoanAmount, currency, loanMoneyName);
                break;
            case 'repayment': //還款
                vaCreateRepaymentModal();
                break;
            case 'openPageBackModal':
                // 當保戶有保單沒信箱且沒手機需要先進行契變
                let hasEmailOrPhone = value.split('hasEmailOrPhone:')[1].split(',')[0];
                if(hasEmailOrPhone === 'N'){ 
                    var data ={oaReturn:{}}
                    data.oaReturn.errorMsg = '尚有要保人電子郵件信箱及手機號碼空白的保單，請先變更要保人「電子郵件信箱或手機號碼」。'
                    data.oaReturn.hasEmailOrPhone = hasEmailOrPhone
                    vaCreateLoanDistriErrorModal(data) 
                } else {
                    openPageBackModal(null, value);
                }
                break;
            case 'loanRecord':
                vaCreateLoanRecordModal(value);
                break;
            case 'policyData':
                vaCreatePolicyDataModal();
                break;
            case 'mposLogin':
                vaCreateMposLoginModal(value, text, requestId);
                break;
            case 'openChangDeclaration':
                openChangDeclaration(null, value);
                break;
            case 'change':
                let policyDataList = value.split('|policyDataList:')[1];
                vaCreateChangeInfoModal(policyDataList);
                break;
            case 'openBasicChangeForm':
                vaCreateBasicChangeFormModal(value);
            case 'register':
                vaCreateRegisterModal(null);
                break;
            case 'openNetworkChange':
                vaCreateOpenNetworkModal(value);
                break;
            case 'openElectronicAllElectronic':
                vaCreateOpenElectronicAllElectronicModal(value);
                break;
            case 'openElectronicAllNetwork':
                vaCreateOpenElectronicAllNetworkModal(value);
                break;
            default:
                alert('OpenForm Error');
                break;
        }
    }
}

function va_openModalHandler(data, message) {
    switch (data.extraInfo.modalType) {
        case 'alive':
            // alert('Alive Modal');
            vaIdleEndTextServiceModal();
            break;
        case 'login':
            vaCreateLoginModal(data.extraInfo.modalType, '', data.extraInfo.requestId);
            break;
        case 'mposLogin':
            vaCreateMposLoginModal(data.extraInfo.modalType, '', data.extraInfo.requestId);
            break;
        case 'survey': // 文字客服連線關閉後，客服滿意度
            // alert('Survey Modal');
            lastReceiver = message;
            vaCreateTextServiceRatingModal(data);
            break;
        default:
            alert('show:' + data.extraInfo.modalType);
            break;
    }
    return false;
}

function va_openFormHandler(data) {
    let isLogin = va_openForm === 'login' ? true : false;

    if (data.extraInfo.oaReturn && data.extraInfo.oaReturn.returnCode !== '0000') {
        switch (va_openForm) {
            case 'login': //登入error
                if (data.extraInfo.oaReturn.returnCode === 'loginBirthday') {
                    vaCreateLoginBirthdayModal();
                } else if (data.extraInfo.oaReturn.returnCode === 'registerError') {
                    if (vajQuery('#registerModal').length !== 0) {
                        chatbotModal('registerModal', 'hide');
                    }
                    va_openForm = 'register';
                    vaCreateRegisterErrorModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'register') {
                    va_openForm = 'register';
                    if (vajQuery('#registerModal').length !== 0) {
                        chatbotModal('registerModal', 'hide');
                    }
                    vaCreateRegisterOTPModal(data.extraInfo.oaReturn);
                } else {
                    vaCreateLoginErrorModal(data.extraInfo);
                }
                break;
            case 'loan':
                if (data.extraInfo.oaReturn.returnCode === 'loanDistributeError') {
                    vaCreateLoanDistriErrorModal(data.extraInfo);
                } else if (data.extraInfo.oaReturn.returnCode === 'loanOTP') {
                    vaCreateOTPMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'OTPSuccess') {
                    vaCreateLoanOTPSuccessModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'OTPError') {
                    vaCreateCheckLoanOTPErrorMessageModal(data.extraInfo.oaReturn);
                } else {
                    vaCreateLoanDistriModal(data.extraInfo);
                }
                break;
            case 'mposLogin':
                vaCreateLoginErrorModal(data.extraInfo);
                break;
            case 'change':
                if (data.extraInfo.oaReturn.returnCode === 'changeOTP') {
                    vaCreateOTPMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'changeError') {
                    vaCreateCheckBasicErrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'showHit') {
                    vaCreateHitModal(data.extraInfo.oaReturn);
                } else if(data.extraInfo.oaReturn.returnCode === 'OTPSuccess'){
                    vaCreateChangeOTPSuccessModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'OTPError') {
                    // OTP錯誤
                    vaCreateCheckChangeOTPErrorMessageModal(data.extraInfo.oaReturn);
                } else {
                    vaChangeFinalConfirmModal(data.extraInfo);
                }
                break;
            case 'register':
                if (data.extraInfo.oaReturn.returnCode === 'checkOTPError') {
                    vaCreateCheckRegisterOTPErrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'registerOTP') {
                    vaCreateOTPMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'checkPasswordError') {
                    vaCreateCheckRegisterPasswordErrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'registerError') {
                    vaCreateRegisterErrorModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'register') {
                    if (vajQuery('#registerModal').length !== 0) {
                        chatbotModal('registerModal', 'hide');
                    }
                    vaCreateRegisterOTPModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'setThePassword') {
                    if (vajQuery('#registerOTPModal').length !== 0) {
                        chatbotModal('registerOTPModal', 'hide');
                    }
                    vaCreateRegisterPasswordModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'checkPasswordSuccess') {
                    if (vajQuery('#registerPasswordModal').length !== 0) {
                        chatbotModal('registerPasswordModal', 'hide');
                    }
                    vaCreateRegisterTermModal(data.extraInfo.oaReturn);
                }
                break;
            case 'openNetworkChange':
                if (data.extraInfo.oaReturn.returnCode === 'openPermissionsError') {
                    // 檢核變更資料錯誤
                    vaCreateCheckOpenNetworkErrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'OTPError') {
                    // OTP錯誤
                    vaCreateCheckOpenNetworkOTPErrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'openError') {
                    // 開通失敗錯誤
                    vaCreateOpenNetworkrrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'openNetworkOTP') {
                    // 重發OTP提醒
                    if(data.extraInfo.oaReturn.hasError == 'Y'){
                        vaCreateCheckOpenNetworkErrorMessageModal(data.extraInfo.oaReturn);
                    } else if (data.extraInfo.oaReturn.IsReSend == 'Y') {
                        // || data.extraInfo.oaReturn.hasError == 'Y'
                        vaCreateOTPMessageModal(data.extraInfo.oaReturn);
                    } else if(data.extraInfo.oaReturn.type === 'phone'){ 
                        vaCreateOpenNetworkPhoneOTPModal(data.extraInfo.oaReturn);
                    } else if(data.extraInfo.oaReturn.type === 'email'){
                        vaCreateOpenNetworkOTPModal(data.extraInfo.oaReturn);
                    }
                } else if (data.extraInfo.oaReturn.returnCode === 'OTPSuccess') {
                    // OTP正確
                    vaCreateOpenNetworkConfirmModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'openCheckPermissions') {
                    // 檢核變更資料正確 進入信箱OTP
                    var endtime = addMinutes(new Date(), 5);
                    let year = endtime.getFullYear();
                    let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
                    let day = ('0' + endtime.getDate()).slice(-2);
                    let hour = endtime.getHours();
                    let minute = endtime.getMinutes();
                    var endTime;
                    if (minute < 10) {
                        endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
                    }
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
                    const value = {
                        returnCode: 'openNetworkOTP',
                        email: data.extraInfo.oaReturn.email,
                        sendTheOTPType: 'E',
                        IsReSend: 'N',
                        policyDataList: data.extraInfo.oaReturn.policyDataList,
                        endTime: endTime,
                        phone: data.extraInfo.oaReturn.phone,
                        hasPhone: data.extraInfo.oaReturn.hasPhone,
                        type: data.extraInfo.oaReturn.type
                    };
                    va_sendWebSocket('openForm', 'formback', '', 'sendCaptchaByCSIS', value);
                } else if (data.extraInfo.oaReturn.returnCode === 'openCheckPermissionsPhone') {
                    // 檢核變更資料正確 進入手機OTP
                    var endtime = addMinutes(new Date(), 5);
                    let year = endtime.getFullYear();
                    let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
                    let day = ('0' + endtime.getDate()).slice(-2);
                    let hour = endtime.getHours();
                    let minute = endtime.getMinutes();
                    var endTime;
                    let policyDataList = data.extraInfo.oaReturn.policyDataList;
                    if (minute < 10) {
                        endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
                    }
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
                    const value = {
                        returnCode: 'openNetworkOTP',
                        email: data.extraInfo.oaReturn.email,
                        phone: data.extraInfo.oaReturn.phone,
                        sendTheOTPType: 'P',
                        IsReSend: 'N',
                        policyDataList: data.extraInfo.oaReturn.policyDataList,
                        policyNo: policyDataList[0].policyCode,
                        endTime: endTime,
                        type: 'phone'
                    };
                    va_sendWebSocket('openForm', 'formback', '', 'sendCaptchaByCSIS', value);
                }
                break;
            case 'openElectronicAllElectronic':
            case 'openElectronicAllNetwork':
                if (data.extraInfo.oaReturn.returnCode === 'openPermissionsError') {
                    // 檢核變更資料錯誤
                    vaCreateCheckOpenElectronicNoticeErrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'openCheckPermissions') {
                    // 檢核變更資料正確
                    var endtime = addMinutes(new Date(), 5);
                    let year = endtime.getFullYear();
                    let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
                    let day = ('0' + endtime.getDate()).slice(-2);
                    let hour = endtime.getHours();
                    let minute = endtime.getMinutes();
                    var endTime;
                    if (minute < 10) {
                        endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
                    }
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
                    const value = {
                        returnCode: 'openElectronicOTP',
                        email: data.extraInfo.oaReturn.email,
                        sendTheOTPType: 'E',
                        IsReSend: 'N',
                        policyDataList: data.extraInfo.oaReturn.policyDataList,
                        endTime: endTime,
                        phone: data.extraInfo.oaReturn.phone,
                        hasPhone: data.extraInfo.oaReturn.hasPhone,
                        type: data.extraInfo.oaReturn.type
                    };
                    va_sendWebSocket('openForm', 'formback', '', 'sendCaptchaByCSIS', value);
                } else if (data.extraInfo.oaReturn.returnCode === 'openElectronicOTP') {
                    // 重發OTP提醒
                    if(data.extraInfo.oaReturn.hasError == 'Y'){
                        vaCreateCheckOpenNetworkErrorMessageModal(data.extraInfo.oaReturn);
                    } else if (data.extraInfo.oaReturn.IsReSend == 'Y') {
                        // || data.extraInfo.oaReturn.hasError == 'Y'
                        vaCreateOTPMessageModal(data.extraInfo.oaReturn);
                    } else if (data.extraInfo.oaReturn.type === 'phone') {
                        vaCreateOpenElectronicPhoneOTPModal(data.extraInfo.oaReturn);
                    } else if(data.extraInfo.oaReturn.type === 'email'){
                        vaCreateOpenElectronicOTPModal(data.extraInfo.oaReturn);
                    }
                } else if (data.extraInfo.oaReturn.returnCode === 'OTPError') {
                    // OTP錯誤
                    vaCreateCheckOpenElectronicOTPErrorMessageModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'OTPSuccess') {
                    // OTP正確
                    vaCreateOpenElectronicConfirmModal(data.extraInfo.oaReturn);
                } else if (data.extraInfo.oaReturn.returnCode === 'openCheckPermissionsPhone') {
                    // 檢核變更資料正確 進入手機OTP
                    var endtime = addMinutes(new Date(), 5);
                    let year = endtime.getFullYear();
                    let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
                    let day = ('0' + endtime.getDate()).slice(-2);
                    let hour = endtime.getHours();
                    let minute = endtime.getMinutes();
                    var endTime;
                    let policyDataList = data.extraInfo.oaReturn.policyDataList;
                    if (minute < 10) {
                        endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
                    }
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
                    const value = {
                        returnCode: 'openElectronicOTP',
                        email: data.extraInfo.oaReturn.email,
                        phone: data.extraInfo.oaReturn.phone,
                        sendTheOTPType: 'P',
                        IsReSend: 'N',
                        policyDataList: data.extraInfo.oaReturn.policyDataList,
                        policyNo: policyDataList[0].policyCode,
                        endTime: endTime,
                        type: 'phone',
                    };
                    va_sendWebSocket('openForm', 'formback', '', 'sendCaptchaByCSIS', value);
                }
                break;
            default:
                alert('OpenForm Error');
                break;
        }
        return true;
    } else {
        vaOpenFormModal('hide');
        if (isLogin) {
            if (data.extraInfo.birthdayCelebration)
                setTimeout(function () {
                    vaCreatebirthdayCelebrationModal(false);
                }, 500);
        }
        va_openForm = '';
        return false;
    }
}

function vaCreateMposLoginModal(value, text, requestId) {
    if (vajQuery('#loginModal').length) {
        chatbotModal('loginModal', 'hide');
        setTimeout(function () {
            vajQuery('#loginModal').remove();
            vaCreateMposLoginModal(value, text, requestId);
        }, 500);
    } else {
        var captchaSvg;
        vajQuery
            .ajax({
                url: 'https://va.transglobe.com.tw/api/genCaptcha',
                type: 'POST',
                cache: false,
                data: JSON.stringify({
                    uuid: sessionStorage.getItem('uid')
                }),
                contentType: 'application/json; charset=utf-8',
                dataType: 'html',
                async: false
            })
            .done(function (res) {
                captchaSvg = res;
            })
            .fail(function (res) {
                console.log('fail:' + JSON.stringify(res));
            });

        let loginModal = '';

        loginModal += '<div class="chatbotModal modal fade openForm" id="loginModal" data-requestid="';
        loginModal += requestId;
        loginModal += '" role="dialog">';
        loginModal += '<div class="modal-dialog loginModalDialog">';
        loginModal += '    <div class="modal-content">';
        loginModal += '        <div class="modal-header">';
        loginModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        loginModal += '                <h4 class=" col-8 modal-title">';
        loginModal += '                    <div>此服務須先登入會員喔！</div>';
        loginModal += '                </h4>';
        loginModal += '        </div>';
        loginModal += '        <div class="modal-body">';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="loginTitle">帳號</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <input class="col-xs-12 mb-15" type="text" id="useracc" placeholder="請輸入mPOS帳號" maxlength="25" autocomplete="off">';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="loginTitle">密碼</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <input class="col-xs-12 mb-5" type="password" id="usersosi" placeholder="請輸入mPOS密碼" maxlength="15" autocomplete="off">';
        loginModal += '                <a class="maskInfo col-xs-1"></a>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="modalText mb-5" >（請注意大小寫，以免影響輸入。）</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row" style="text-align:right;">';
        loginModal += '                <br/>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="loginTitle">驗證碼</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <input class="col-xs-5" type="tel" id="captchaCode" placeholder="請輸入驗證碼" maxlength="6" style="width: 41.6% !important;" autocomplete="off">';
        loginModal += '                <div class="col-xs-5 captchaSvg">';
        loginModal += captchaSvg;
        loginModal += '                    </div>';
        loginModal += '                    <div class="col-xs-2" id="captchaRefresh" onClick="reloadCaptcha()"></div>';
        loginModal += '                </div>';
        loginModal += '            </div>';
        loginModal += '            <div class="modal-footer">';
        loginModal += '                    <a class="btn btn-sm btn-default col-xs-12 disabled" data-value="';
        loginModal += value;
        loginModal += '" data-text="登入" id="loginSubmit">登入</a>';
        loginModal += '            </div>';
        loginModal += '            <div class="modal-footer">';
        loginModal += '                <div class="modalText col-xs-11" style = "color:red;">此為一次性登入，結束對談後如需重啟對話，請重新登入。</div>';
        loginModal += '            </div>';
        loginModal += '        </div>';
        loginModal += '    </div>';
        loginModal += '</div>';
        vajQuery('#ibmchat').append(loginModal);
        chatbotModal('loginModal', 'show');

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('change', function (e) {
                if (vajQuery('#useracc').val() !== '' && vajQuery('#captchaCode').val() !== '' && vajQuery('#usersosi').val() !== '') {
                    vajQuery('#loginSubmit').removeClass('disabled');
                } else {
                    vajQuery('#loginSubmit').addClass('disabled');
                }
            });

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('keyup', function (e) {
                if (vajQuery('#useracc').val() !== '' && vajQuery('#captchaCode').val() !== '' && vajQuery('#usersosi').val() !== '') {
                    vajQuery('#loginSubmit').removeClass('disabled');
                } else {
                    vajQuery('#loginSubmit').addClass('disabled');
                }
            });

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('focus', function (e) {
                vajQuery(e.target).parent('.row').addClass('active');
            });

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('blur', function (e) {
                if (vajQuery(e.target).val().length === 0) {
                    vajQuery(e.target).parent('.row').removeClass('active');
                }
            });

        vajQuery('.maskInfo').bind('click', function (e) {
            if (vajQuery(e.target).hasClass('unmask')) {
                vajQuery(e.target).parent('.row').children('input').attr('type', 'password');
                vajQuery(e.target).removeClass('unmask');
            } else {
                vajQuery(e.target).parent('.row').children('input').attr('type', 'text');
                vajQuery(e.target).addClass('unmask');
            }
        });

        vajQuery('#loginInfo').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'visible');
        });
        vajQuery('#loginCloseWhite').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'hidden');
        });

        vajQuery('#loginSubmit').bind('click', function (e) {
            // console.log('submit');
            try {
                $('.loaderMain').show();
                var elementValue = vajQuery(e.target).data('value');
                var elementText = vajQuery(e.target).data('text');
                var jscrypto = new JSEncrypt();
                jscrypto.setPublicKey(RSA_PUBLICKEY);
                var data = {
                    //登入
                    useracc: vajQuery('#useracc').val(),
                    usersosi: jscrypto.encrypt(vajQuery('#usersosi').val()),
                    captchaCode: vajQuery('#captchaCode').val()
                };
                va_sendWebSocket('openForm', 'formback', elementText, elementValue, data);
            } catch (e) {
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateLoginModal(value, text, requestId) {
    if (vajQuery('#loginModal').length) {
        chatbotModal('loginModal', 'hide');
        setTimeout(function () {
            vajQuery('#loginModal').remove();
            vaCreateLoginModal(value, text, requestId);
        }, 500);
    } else {
        var captchaSvg;
        vajQuery
            .ajax({
                url: 'https://va.transglobe.com.tw/api/genCaptcha',
                type: 'POST',
                cache: false,
                data: JSON.stringify({
                    uuid: sessionStorage.getItem('uid')
                }),
                contentType: 'application/json; charset=utf-8',
                dataType: 'html',
                async: false
            })
            .done(function (res) {
                captchaSvg = res;
            })
            .fail(function (res) {
                console.log('fail:' + JSON.stringify(res));
            });

        let loginModal = '';

        loginModal += '<div class="chatbotModal modal fade openForm" id="loginModal" data-requestid="';
        loginModal += requestId;
        loginModal += '" role="dialog">';
        loginModal += '<div class="modal-dialog loginModalDialog">';
        loginModal += '    <div class="modal-content">';
        loginModal += '        <div class="modal-header">';
        loginModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        loginModal += '                <button type="button" class="col-2" id="loginInfo"></button>';
        loginModal += '                <div class="tiptext">';
        loginModal += '                    <div class="row">';
        loginModal += '                    <button type="button" class="close col-2" id="loginCloseWhite"></button>';
        loginModal += '                    </div>';
        loginModal += '                    <ul>';
        loginModal += '                        <li>密碼輸入錯誤超過五次，帳號將暫停使用。</li>';
        loginModal += '                        <li>建議每90天定期變更密碼一次，以保護帳號密碼使用安全性。</li>';
        loginModal += '                        <li>同一帳號，在同一時間只能在一台PC或是行動裝置登入。</li>';
        loginModal += '                        <li>因應104/06/24起實施之「保險業辦理電子商務應注意事項」，會員於註冊完成後五年之期間內未登入，需重新經過身分驗證。</li>';
        loginModal += '                    </ul>';
        loginModal += '                </div>';
        loginModal += '                <h4 class=" col-8 modal-title">';
        loginModal += '                    <div>此服務須先登入會員喔！</div>';
        loginModal += '                </h4>';
        loginModal += '        </div>';
        loginModal += '        <div class="modal-body">';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="loginTitle">帳號</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <input class="col-xs-12 mb-15" type="text" id="useracc" placeholder="請輸入身分證字號或居留證號" maxlength="25" autocomplete="off">';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="loginTitle">密碼</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <input class="col-xs-12 mb-5" type="password" id="usersosi" placeholder="8-15位英文字母與數字" maxlength="15" autocomplete="off">';
        loginModal += '                <a class="maskInfo col-xs-1"></a>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="modalText mb-5" >（請注意大小寫，以免影響輸入。）</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row" style="text-align:right;">';
        loginModal +=
            '                <a rel="noopener noreferrer" class="loginLink" id="forgetLink" onclick="javascript:saveWebChatLog(event)" href="' + webBotSettings.urlConfig.csisUrl + '/cs/Pwdr/ForgotSP1.xhtml" target="_blank">忘記密碼？</a>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <div class="loginTitle">驗證碼</div>';
        loginModal += '            </div>';
        loginModal += '            <div class="row">';
        loginModal += '                <input class="col-xs-5" type="tel" id="captchaCode" placeholder="請輸入驗證碼" maxlength="6" style="width: 41.6% !important;" autocomplete="off">';
        loginModal += '                <div class="col-xs-5 captchaSvg">';
        loginModal += captchaSvg;
        loginModal += '                    </div>';
        loginModal += '                    <div class="col-xs-2" id="captchaRefresh" onClick="reloadCaptcha()"></div>';
        loginModal += '                </div>';
        loginModal += '            </div>';
        loginModal += '            <div class="modal-footer">';
        loginModal += '                    <a class="btn btn-sm btn-default col-xs-12 disabled" data-value="';
        loginModal += value;
        loginModal += '" data-text="登入" id="loginSubmit">登入</a>';
        loginModal += '                    <a rel="noopener noreferrer" class="btn btn-sm btn-default col-xs-12" id="regAccBtn" onclick="javascript:saveWebChatLog(event)" target="_blank">加入會員</a>';
        loginModal += '            </div>';
        loginModal += '        </div>';
        loginModal += '    </div>';
        loginModal += '</div>';
        vajQuery('#ibmchat').append(loginModal);
        chatbotModal('loginModal', 'show');

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('change', function (e) {
                if (vajQuery('#useracc').val() !== '' && vajQuery('#captchaCode').val() !== '' && vajQuery('#usersosi').val() !== '') {
                    vajQuery('#loginSubmit').removeClass('disabled');
                } else {
                    vajQuery('#loginSubmit').addClass('disabled');
                }
            });

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('keyup', function (e) {
                if (vajQuery('#useracc').val() !== '' && vajQuery('#captchaCode').val() !== '' && vajQuery('#usersosi').val() !== '') {
                    vajQuery('#loginSubmit').removeClass('disabled');
                } else {
                    vajQuery('#loginSubmit').addClass('disabled');
                }
            });

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('focus', function (e) {
                vajQuery(e.target).parent('.row').addClass('active');
            });

        vajQuery('.loginModalDialog')
            .find('input')
            .bind('blur', function (e) {
                if (vajQuery(e.target).val().length === 0) {
                    vajQuery(e.target).parent('.row').removeClass('active');
                }
            });

        vajQuery('.maskInfo').bind('click', function (e) {
            if (vajQuery(e.target).hasClass('unmask')) {
                vajQuery(e.target).parent('.row').children('input').attr('type', 'password');
                vajQuery(e.target).removeClass('unmask');
            } else {
                vajQuery(e.target).parent('.row').children('input').attr('type', 'text');
                vajQuery(e.target).addClass('unmask');
            }
        });

        vajQuery('#loginInfo').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'visible');
        });
        vajQuery('#loginCloseWhite').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'hidden');
        });

        vajQuery('#loginSubmit').bind('click', function (e) {
            // console.log('submit');
            try {
                $('.loaderMain').show();
                var elementValue = vajQuery(e.target).data('value');
                var elementText = vajQuery(e.target).data('text');
                var jscrypto = new JSEncrypt();
                jscrypto.setPublicKey(RSA_PUBLICKEY);
                var data = {
                    //登入
                    useracc: vajQuery('#useracc').val().trim(),
                    /* comment by genix@20240820, apply E2EE encrypted the plain password via public key */
                    usersosi: jscrypto.encrypt(vajQuery('#usersosi').val()),
                    captchaCode: vajQuery('#captchaCode').val()
                };
                va_sendWebSocket('openForm', 'formback', elementText, elementValue, data);
            } catch (e) {
                $('.loaderMain').hide();
            }
        });

        vajQuery('#regAccBtn').bind('click', function (e) {
            try {
                if (vajQuery('#loginModal').length) {
                    chatbotModal('loginModal', 'hide');
                }
                $('.loaderMain').show();
                vaCreateRegisterModal();
            } catch (e) {
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateLoginBirthdayModal() {
    $('.loaderMain').hide();
    chatbotModal('loginModal', 'hide');
    if (vajQuery('#birthdayModal').length) {
        chatbotModal('birthdayModal', 'hide');
        setTimeout(function () {
            vajQuery('#birthdayModal').remove();
            vaCreateLoginBirthdayModal();
        }, 500);
    } else {
        let thisYear = new Date().getFullYear();
        let years = '';
        years += '    <div class="dropup col-xs-2" style="padding:0;">';
        years += '            <button class="btn btn-default dropdown-toggle" type="button" id="year" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">';
        years += '                <div style="margin-right:5px;">';
        years += thisYear;
        years += '    </div>';
        years += '                <span class="bdayDropdownIcon"></span>';
        years += '            </button>';
        years += '            <ul class="dropdown-menu bdayDropdownMenu" aria-labelledby="year" id="yearOptions">';
        for (let i = 0; i <= 100; i++) {
            years += '<li><a>' + (thisYear - i) + '</a></li>';
        }
        years += '</ul></div>';

        let thisMonth = new Date().getMonth() + 1 >= 10 ? new Date().getMonth() + 1 : '0' + (new Date().getMonth() + 1);
        let months = '';
        months += '<div class="dropup col-xs-2" style="padding:0;">';
        months += '            <button class="btn btn-default dropdown-toggle" type="button" id="month" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">';
        months += '                <div style="margin-right:5px;">';
        months += thisMonth;
        months += '               </div>';
        months += '                <span class="bdayDropdownIcon"></span>';
        months += '            </button>';
        months += '            <ul class="dropdown-menu bdayDropdownMenu" aria-labelledby="month" id="monthOptions">';
        for (let i = 1; i <= 12; i++) {
            if (i <= new Date().getMonth() + 1) {
                months += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
            }
        }
        months += '</ul></div>';

        let days = '';
        let thisDate = new Date().getDate() >= 10 ? new Date().getDate() : '0' + new Date().getDate();
        days += '<div class="dropup col-xs-2" style="padding:0;">';
        days += '            <button class="btn btn-default dropdown-toggle" type="button" id="day" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">';
        days += '                <div style="margin-right:5px;">';
        days += thisDate;
        days += '                 </div>';
        days += '                <span class="bdayDropdownIcon"></span>';
        days += '            </button>';
        days += '            <ul class="dropdown-menu bdayDropdownMenu" aria-labelledby="day" id="dayOptions">';
        for (let i = 1; i <= 31; i++) {
            if (i <= new Date().getDate()) {
                days += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
            }
        }
        days += '</ul></div>';

        let birthdayModal = '';
        birthdayModal += '<div class="chatbotModal modal fade openForm" id="birthdayModal" role="dialog">';
        birthdayModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        birthdayModal += '        <div class="modal-content">';
        birthdayModal += '            <div class="modal-header">';
        birthdayModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        birthdayModal += '                    <h4 class=" col-8 modal-title">';
        birthdayModal += '                        <div>請輸入您的生日</div>';
        birthdayModal += '                    </h4>';
        birthdayModal += '            </div>';
        birthdayModal += '            <div class="modal-body">';
        birthdayModal += '                <div class="row" style="padding: 10px 15px;">';
        birthdayModal += '                    <div class="col-xs-2 birthdayText">西元</div>';
        birthdayModal += years;
        birthdayModal += '                    <div class="col-xs-1 birthdayText">年</div>';
        birthdayModal += months;
        birthdayModal += '                    <div class="col-xs-1 birthdayText">月</div>';
        birthdayModal += days;
        birthdayModal += '                    <div class="col-xs-1 birthdayText">日</div>';
        birthdayModal += '                </div>';
        birthdayModal += '            </div>';
        birthdayModal += '            <div class="modal-footer">';
        birthdayModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="登入" id="loginBirthdaySubmit">登入</a>';
        birthdayModal += '            </div>';
        birthdayModal += '        </div>';
        birthdayModal += '    </div>';
        birthdayModal += '</div>';

        vajQuery('#ibmchat').append(birthdayModal);
        chatbotModal('birthdayModal', 'show');

        vajQuery('#yearOptions li').click(function (e) {
            vajQuery('#year div').html(vajQuery(e.target).html());
            //月份不得大於當月
            let newMonth = '';
            for (let i = 1; i <= 12; i++) {
                if (new Date().getFullYear().toString() === vajQuery(e.target).html()) {
                    if (i <= new Date().getMonth() + 1) {
                        newMonth += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                    }
                } else {
                    newMonth += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                }
            }
            vajQuery('#monthOptions').html(newMonth);
            vajQuery('#month div').html('01');

            // 調整天數 / 不得大於今天
            var lastDay = new Date(vajQuery(e.target).html(), vajQuery('#month div').html(), 0);
            var day = lastDay.getDate();
            let newDays = '';
            for (let i = 1; i <= day; i++) {
                if (new Date().getFullYear().toString() === vajQuery(e.target).html() && new Date().getMonth() + 1 === parseInt(vajQuery('#month div').html(), 10)) {
                    if (i <= new Date().getDate()) {
                        newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                    }
                } else {
                    newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                }
            }
            vajQuery('#dayOptions').html(newDays);
            vajQuery('#day div').html('01');
        });

        vajQuery('.chatbotModal').on('click', '#monthOptions li', function (e) {
            vajQuery('#month div').html(vajQuery(e.target).html());
            var lastDay = new Date(vajQuery('#year div').html(), vajQuery(e.target).html(), 0);
            var day = lastDay.getDate();
            let newDays = '';
            for (let i = 1; i <= day; i++) {
                if (new Date().getFullYear() === parseInt(vajQuery('#year div').html(), 10) && new Date().getMonth() + 1 === parseInt(vajQuery(e.target).html(), 10)) {
                    if (i <= new Date().getDate()) {
                        newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                    }
                } else {
                    newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                }
            }
            vajQuery('#dayOptions').html(newDays);
            vajQuery('#day div').html('01');
        });

        vajQuery('.chatbotModal').on('click', '#dayOptions li', function (e) {
            vajQuery('#day div').html(vajQuery(e.target).html());
        });

        vajQuery('#loginBirthdaySubmit').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                let data = {
                    // 生日參數
                    bYear: vajQuery('#year div').html(),
                    bMonth: vajQuery('#month div').html(),
                    bDay: vajQuery('#day div').html()
                };
                va_sendWebSocket('openForm', 'formback', '', 'loginBirthday', data);
            } catch (e) {
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateLoginErrorModal(extraInfo) {
    /**
     *  A：有效
        B：出生年月日不正確
        C：系統維護中
        D：圖形驗證碼有誤
        F：密碼錯誤
        G：Mpos通路不符
        H：Mpos密碼錯誤，
        I：失效(三日臨櫃)
        L：停用(錯五次密碼)
        S：失效(五年未登入)
        N：帳號不存在
     */
    if (vajQuery('#loginErrModal').length) {
        chatbotModal('loginErrModal', 'hide');
        vajQuery('#loginErrModal').remove();
        vaCreateLoginErrorModal(extraInfo);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="loginErrModal" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm loginErrModal"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');
        //核身成功
        if (extraInfo.oaReturn.returnCode === 'A') {
            var modalBody = vajQuery('<div class="modal-body"><button type="button" class="close col-2 modalClose" data-dismiss="modal"></button><big>登入成功</big><br /><div id="loginSuccess"></div></div>');
        } else {
            //核身失敗
            var modalBody = vajQuery(
                '<div class="modal-body"><button type="button" class="close col-2 modalClose" id="loginErrorClose"></button><big>登入失敗</big><div style="margin-top:15px;">' + extraInfo.oaReturn.returnMessage + '</div></div>'
            );
        }

        //webBotSettings
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';

        if (extraInfo.oaReturn.returnCode === 'I' || extraInfo.oaReturn.returnCode === 'L' || extraInfo.oaReturn.returnCode === 'S') {
            // I：失效(三日臨櫃),L：停用(錯五次密碼),S：失效(五年未登入)
            footerContent += '<a id="" class="left" data-type="phoneNumber" data-value="0800-000-662" href="tel:0800-000-662">聯絡客服</a>';
            footerContent += '<a rel="noopener noreferrer" id="forgetAcc" class="left" href="' + webBotSettings.urlConfig.csisUrl + '/cs/Pwdr/ForgotSP1.xhtml" target="_blank">重啟帳號</a>';
            footerContent += '<a id="loginErrorCancel" class="right" style="margin-right:20px">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'F') {
            // F：密碼錯誤
            footerContent += '<a id="relogin" class="left">重新輸入</a>';
            footerContent += '<a rel="noopener noreferrer" id="forgetAcc" class="left" href="' + webBotSettings.urlConfig.csisUrl + '/cs/Pwdr/ForgotSP1.xhtml" target="_blank">忘記密碼</a>';
            footerContent += '<a id="loginErrorCancel" class="right" style="margin-right:20px">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'H') {
            // H：Mpos密碼錯誤
            footerContent += '<a id="reloginAgent" class="left">重新輸入</a>';
            footerContent += '<a rel="noopener noreferrer" id="forgetAcc" class="left" href="' + webBotSettings.urlConfig.mpos + '/app3/#/login" target="_blank">忘記密碼</a>';
            footerContent += '<a id="loginErrorCancel" class="right" style="margin-right:20px">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'N') {
            // N：帳號不存在
            footerContent += '<a rel="noopener noreferrer" id="register" class="left"  >加入會員</a>';
            footerContent += '<a id="" class="left" data-type="phoneNumber" data-value="0800-000-662" href="tel:0800-000-662">聯絡客服</a>';
            footerContent += '<a id="loginErrorCancel" class="right" style="margin-right:20px">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'B') {
            //出生年月日不正確
            footerContent += '<a id="reloginBirthday" class="left">重新輸入</a>';
            footerContent += '<a id="loginErrorCancel" class="right col-12">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'C') {
            //系統維護中,呼叫ＡＰＩ失敗
            footerContent += '<a id="loginErrorCancel" class="right col-12" style="width: 100%; margin: 0 15px;">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'D') {
            // D：圖形驗證碼有誤
            footerContent += '<a id="relogin" class="left">重新輸入</a>';
            footerContent += '<a id="loginErrorCancel" class="right col-12">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'E') {
            // E：Mpos圖形驗證碼有誤
            footerContent += '<a id="reloginAgent" class="left">重新輸入</a>';
            footerContent += '<a id="loginErrorCancel" class="right col-12">取消</a>';
        } else if (extraInfo.oaReturn.returnCode === 'G') {
            footerContent += '<a id="loginErrorCancel" class="right col-12">取消</a>';
        }
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);
        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#register').bind('click', function (e) {
            try {
                if (vajQuery('#loginErrModal').length) {
                    chatbotModal('loginErrModal', 'hide');
                }
                if (vajQuery('#loginModal').length) {
                    chatbotModal('loginModal', 'hide');
                }
                $('.loaderMain').show();
                vaCreateRegisterModal();
            } catch (e) {
                $('.loaderMain').hide();
            }
        });

        vajQuery('#loginErrModal')
            .find('.modal-footer')
            .find('a')
            .each(function () {
                var vajQuerythis = vajQuery(this);
                vajQuerythis.data('elementtype', 'Event');
                vajQuerythis.data('requestid', vajQuery('#loginModal').data('requestid'));
                vajQuerythis.data('text', vajQuery(this).html());
                vajQuerythis.data('type', '');
                vajQuerythis.data('value', '');
            });

        vajQuery('#relogin').click(function () {
            chatbotModal('loginErrModal', 'hide');
            chatbotModal('loginModal', 'hide');
            vaCreateLoginModal('login', '', vajQuery('#loginModal').data('requestid'));
        });

        vajQuery('#reloginAgent').click(function () {
            chatbotModal('loginErrModal', 'hide');
        });

        vajQuery('#reloginBirthday').click(function () {
            chatbotModal('loginErrModal', 'hide');
            chatbotModal('birthdayModal', 'hide');
            vaCreateLoginBirthdayModal();
        });

        vajQuery('#loginErrorCancel').click(function () {
            chatbotModal('loginErrModal', 'hide');
            chatbotModal('loginModal', 'hide');
            chatbotModal('birthdayModal', 'hide');
        });

        vajQuery('#loginErrorClose').click(function () {
            chatbotModal('loginErrModal', 'hide');
            chatbotModal('birthdayModal', 'hide');
            vajQuery('#captchaCode').val('');
            reloadCaptcha();
        });

        chatbotModal('loginErrModal', 'show');

        if (extraInfo.oaReturn.returnCode === 'A') {
            //核身成功，3秒後自動關窗
            setTimeout(function () {
                chatbotModal('loginErrModal', 'hide');
            }, 3000);
        }
    }
    $('.loaderMain').hide();
}

function vaCreatePolicyDataModal() {
    if (vajQuery('#policyDataModal').length) {
        chatbotModal('policyDataModal', 'hide');
        vajQuery('#policyDataModal').remove();
        vaCreatePolicyDataModal();
    } else {
        let policyDataModal = '';

        policyDataModal += '<div class="chatbotModal modal fade openForm" id="policyDataModal" role="dialog">';
        policyDataModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        policyDataModal += '        <div class="modal-content">';
        policyDataModal += '            <div class="modal-header">';
        policyDataModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        policyDataModal += '                    <h4 class=" col-8 modal-title">';
        policyDataModal += '                        <div>確認</div>';
        policyDataModal += '                    </h4>';
        policyDataModal += '            </div>';
        policyDataModal += '            <div class="modal-body">';
        policyDataModal += '                <div class="row" style="padding: 10px 15px; text-align:left">';
        policyDataModal += '                      <div>如您有成功申請專案優惠借款且後續有還款記錄時，<br/>該保單將無法於智能客服查詢，不便之處敬請見諒。</div>';
        policyDataModal += '                </div>';
        policyDataModal += '            </div>';
        policyDataModal += '            <div class="modal-footer">';
        policyDataModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="關閉" id="policyDataModalSubmit">關閉</a>';
        policyDataModal += '            </div>';
        policyDataModal += '        </div>';
        policyDataModal += '    </div>';
        policyDataModal += '</div>';
        vajQuery('#ibmchat').append(policyDataModal);

        setTimeout(function () {
            chatbotModal('policyDataModal', 'show');
        }, 500);

        vajQuery('#policyDataModalSubmit').bind('click', function (e) {
            chatbotModal('policyDataModal', 'hide');
        });
    }
}

function vaCreateRegisterModal(data) {
    vajQuery('#userEmail').remove();
    vajQuery('#userPhone').remove();
    if (vajQuery('#registerModal').length !== 0) {
        chatbotModal('registerModal', 'hide');
        vajQuery('#registerModal').remove();
        vaCreateRegisterModal(data);
    } else {
        let registerModal = '';

        registerModal += '<div class="chatbotModal modal fade openForm" id="registerModal" role="dialog">';
        registerModal += '<div class="modal-dialog loginModalDialog">';
        registerModal += '    <div class="modal-content">';
        registerModal += '        <div class="modal-header">';
        registerModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="registerClose"></button>';
        registerModal += '                <h4 class=" col-8 modal-title">';
        registerModal += '                    <div>保戶專區會員註冊</div>';
        registerModal += '                </h4>';
        registerModal += '        </div>';
        registerModal += '        <div class="modal-body">';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="loginTitle"><span style="color:red;font-size:16px">*</span>身分證號/居留證號';
        registerModal += '                <span style="color:red;font-size:16px;float:right">*必填</span></div>';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <input class="col-xs-12 mb-5" type="text" id="userId" placeholder="請填寫身分證字號或居留證號" maxlength="10" autocomplete="off">';
        registerModal += '                <a type="button" class="col-xs-1" id="registerInfo"></a>';
        registerModal += '                <div class="tiptext">';
        registerModal += '                    <div>';
        registerModal += '                    <button type="button" class="close col-2" id="registerCloseWhite" style="right: auto; top: auto;"></button>';
        registerModal += '                    </div>';
        registerModal += '                    <ul>';
        registerModal += '                        <li>OIU保戶暫不提供網路服務。</li>';
        registerModal += '                        <li>要保人身分證號：本國人士請輸入身份證號。</li>';
        registerModal += '                        <li>外籍人士請輸入投保時的證件號碼 (如. 居留證號)。</li>';
        registerModal += '                    </ul>';
        registerModal += '                </div>';
        registerModal += '            </div>';
        registerModal += '            <br/>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="loginTitle"><span style="color:red;font-size:16px">*</span>出生年月日';
        registerModal += '                <span id="birthdayError" style="color:red; display:none;">出生年月日格式錯誤</span>';
        registerModal += '                </div>';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <input class="col-xs-12 mb-5" type="text" id="userBirthday" placeholder="yyyy/mm/dd" maxlength="10" autocomplete="off">';
        registerModal += '            </div>';
        registerModal += '            <br/>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="loginTitle">手機（例：0910123456）</div>';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <input class="col-xs-12 mb-15" type="text" id="userPhone" maxlength="10" autocomplete="off">';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="modalText mb-5" >（請填寫要保人名下，任一保單所留存的手機。）</div>';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="modalText mb-5">「手機」或「電子郵件信箱」可擇一填寫</div>';
        registerModal += '            </div>';
        registerModal += '            <br/>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="loginTitle">電子郵件信箱</div>';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <input class="col-xs-12 mb-15" type="text" id="userEmail" maxlength="50" autocomplete="off">';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="modalText mb-5" >（請填寫要保人名下，任一保單所留存的電子郵件信箱。）</div>';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="modalText mb-5">「手機」或「電子郵件信箱」可擇一填寫</div>';
        registerModal += '            </div>';
        registerModal += '            <br/>';
        registerModal += '            <div class="row">';
        registerModal += '                <div class="loginTitle">推薦人代碼（共 6～10 碼，若自行註冊則無須填寫）</div>';
        registerModal += '            </div>';
        registerModal += '            <div class="row">';
        registerModal += '                 <input class="col-xs-12 mb-15" type="tel" id="invitationCode" maxlength="10" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();">';
        registerModal += '            </div>';
        registerModal += '        </div>';
        registerModal += '        <div class="modal-footer">';
        registerModal += '            <a class="btn btn-sm btn-default col-xs-12"  id="registerSubmit" data-text="發送驗證碼">發送驗證碼</a>';
        registerModal += '        </div>';
        registerModal += '    </div>';
        registerModal += '</div>';
        vajQuery('#ibmchat').append(registerModal);
        chatbotModal('registerModal', 'show');
        $('.loaderMain').hide();

        if (data) {
            vajQuery('#userId').val(data.toNextStepData.userId);
            vajQuery('#userBirthday').val(data.toNextStepData.userBirthday);
            vajQuery('#userPhone').val(data.toNextStepData.userPhone);
            vajQuery('#userEmail').val(data.toNextStepData.userEmail);
            vajQuery('#invitationCode').val(data.toNextStepData.applyInvitationId);
        }

        vajQuery('#userId').keyup(function () {
            this.value = this.value.replace(/[^0-9a-z]/gi, '');

            vajQuery('#userId').val(this.value.toUpperCase());
        });

        vajQuery('#userBirthday').keyup(function (e) {
            if (e.keyCode !== 8) {
                this.value = this.value.replace(/[^0-9/]/g, '');
                var newBir = this.value;
                if (this.value.length === 4 || this.value.length === 7) {
                    newBir = this.value + '/';
                }
                vajQuery('#userBirthday').val(newBir);
            }
        });

        vajQuery('#userBirthday').bind('paste', function (e) {
            var value = e.originalEvent.clipboardData.getData('text').replace(/[^0-9/]/g, '');
            var newBir = value.replace(/\//g, '');

            newBir = newBir.substring(0, 4) + '/' + newBir.substring(4, 6) + '/' + newBir.substring(6, 8);

            vajQuery('#userBirthday').val(newBir);
        });

        vajQuery('#userPhone').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#userEmail').keyup(function () {
            this.value = this.value.replace(/[^0-9a-z@\.]/gi, '');
        });

        vajQuery('#invitationCode').keyup(function () {
            this.value = this.value.replace(/[^0-9A-Za-z]/g, '');
        });

        vajQuery('#registerInfo').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'visible');
        });
        vajQuery('#registerCloseWhite').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'hidden');
        });
        vajQuery('#registerClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F13_會員註冊_取消註冊');
            chatbotModal('registerModal', 'hide');
        });
        vajQuery('#registerSubmit').bind('click', function (e) {
            $('.loaderMain').show();
            let userBir = vajQuery('#userBirthday').val();
            let hasError = 'N';

            if (vajQuery('#userId').val() === '') {
                vajQuery('#userId').addClass('inputIsEmpty');
                vajQuery('#userId').attr('placeholder', '請填寫身分證號/居留證號');
                hasError = 'Y';
            } else if (vajQuery('#userId').hasClass('inputIsEmpty')) {
                vajQuery('#userId').removeClass('inputIsEmpty');
            }

            if (vajQuery('#userBirthday').val() === '') {
                vajQuery('#userBirthday').addClass('inputIsEmpty');
                vajQuery('#userBirthday').attr('placeholder', '請填寫出生年月日');
                hasError = 'Y';
            } else if (userBir.replace('/', '').match(/-?\\d+(\\.\\d+)?/) !== null) {
                vajQuery('#userBirthday').addClass('inputIsEmpty');
                vajQuery('#birthdayError').show();
                hasError = 'Y';
            } else if (vajQuery('#userBirthday').hasClass('inputIsEmpty')) {
                vajQuery('#userBirthday').removeClass('inputIsEmpty');
            }

            try {
                if (hasError === 'N') {
                    var elementText = vajQuery(e.target).data('text');
                    var data = {
                        userId: vajQuery('#userId').val().toUpperCase(),
                        userBirthday: userBir,
                        userPhone: vajQuery('#userPhone').val(),
                        userEmail: vajQuery('#userEmail').val(),
                        invitationCode: vajQuery('#invitationCode').val(),
                        ip: '3.145.103.12'
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'validRegisterData', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateOpenNetworkModal(data) {
    vajQuery('#userEmail').remove();
    vajQuery('#userPhone').remove();
    let policyList = '';
    if (data) {
        policyList = data.split('|policyDataList:')[1];
    }

    let policyDataList = JSON.parse(policyList);
    if (vajQuery('#openNetworkModal').length !== 0) {
        chatbotModal('openNetworkModal', 'hide');
        vajQuery('#openNetworkModal').remove();
        vaCreateOpenNetworkModal(data);
    } else {
        let openNetworkChange = '';

        openNetworkChange += '<div class="chatbotModal modal fade openForm" id="openNetworkModal" role="dialog">';
        openNetworkChange += '<div class="modal-dialog loginModalDialog " >';
        openNetworkChange += '    <div class="modal-content">';
        openNetworkChange += '        <div class="modal-header">';
        openNetworkChange += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openNetworkClose"></button>';
        openNetworkChange += '                <h4 class=" col-8 modal-title">';
        openNetworkChange += '                    <div>開通網路變更</div>';
        openNetworkChange += '                </h4>';
        openNetworkChange += '        </div>';
        openNetworkChange += '        <div class="modal-body">';

        openNetworkChange += '            <div class="row mb-15">';
        openNetworkChange += '                <div class="loginTitle ">本次【開通網路變更】並同時【更新電子郵件信箱或手機號碼】至以下有效保單</div>';
        openNetworkChange += '            </div>';

        openNetworkChange += '                <div class="row mb-10" >';
        openNetworkChange += '                    <div class="modalText ">';
        for (var index in policyDataList) {
            openNetworkChange += policyDataList[index].policyCode + policyDataList[index].masterProductName;
            openNetworkChange += '                <br />';
        }
        openNetworkChange += '                   </div>';
        openNetworkChange += '                </div>';
        openNetworkChange += '            <div class="row">';
        openNetworkChange += '                <div class="loginTitle">設定電子郵件信箱或手機號碼</div>';
        openNetworkChange += '                <div class="loginTitle">(同步更新上述保單號碼的電子郵件信箱)</div>';
        openNetworkChange += '                <span id="emailError" style="color:red; display:none;">信箱格式錯誤</span>';
        openNetworkChange += '            </div>';
        openNetworkChange += '            <div class="row">';
        openNetworkChange += '                <input class="col-xs-12 mb-15" type="text" id="userEmail" maxlength="50" autocomplete="off">';
        openNetworkChange += '            </div>';
        openNetworkChange += '            <div class="row">';
        openNetworkChange += '                <div class="modalText mb-5" style="color:#A9A9A9;">請填寫您常使用的電子郵件信箱</div>';
        openNetworkChange += '            </div>';
        openNetworkChange += '            <div class="row">';
        openNetworkChange += '                <div class="loginTitle">(同步更新上述保單號碼的手機號碼)</div>';
        openNetworkChange += '                <span id="phoneError" style="color:red; display:none;">手機格式錯誤</span>';
        openNetworkChange += '            </div>';
        openNetworkChange += '            <div class="row">';
        openNetworkChange += '                <input class="col-xs-12 mb-15" type="text" id="userPhone" maxlength="10" autocomplete="off">';
        openNetworkChange += '            </div>';
        openNetworkChange += '            <div class="row">';
        openNetworkChange += '                <div class="modalText mb-5" style="color:#A9A9A9;">請填寫您常使用的手機號碼</div>';
        openNetworkChange += '            </div>';
        openNetworkChange += '        </div>';
        openNetworkChange += '        <div class="modal-footer">';
        openNetworkChange += '            <a class="btn btn-sm btn-default col-xs-12"  id="openNetworkSubmit" data-text="送出">送出</a>';
        openNetworkChange += '        </div>';
        openNetworkChange += '    </div>';
        openNetworkChange += '</div>';
        vajQuery('#ibmchat').append(openNetworkChange);
        chatbotModal('openNetworkModal', 'show');
        $('.loaderMain').hide();

        if (policyDataList[0] && policyDataList[0].holderEmail) {
            vajQuery('#userEmail').val(policyDataList[0].holderEmail);
        }

        if (policyDataList[0] && policyDataList[0].holderMobile) {
            vajQuery('#userPhone').val(policyDataList[0].holderMobile);
        }

        vajQuery('#userEmail').keyup(function () {
            this.value = this.value.replace(/[^0-9a-z@\.]/gi, '');
        });

        vajQuery('#userPhone').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#openNetworkClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F15_開通網路變更_放棄');
            chatbotModal('openNetworkModal', 'hide');
        });
        vajQuery('#openNetworkSubmit').bind('click', function (e) {
            $('.loaderMain').show();
            let hasError = 'N';
            let userEmail = vajQuery('#userEmail').val();
            let userPhone = vajQuery('#userPhone').val();
            if (vajQuery('#userEmail').val() === '' && vajQuery('#userPhone').val() === '') {
                vaCreateOpenMessageModal();
                hasError = 'Y';
            }
            if (vajQuery('#userEmail').val() !== '' && userEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z]+$/) === -1) {
                vajQuery('#userEmail').addClass('inputIsEmpty');
                vajQuery('#emailError').show();
                hasError = 'Y';
            } else if (vajQuery('#userEmail').hasClass('inputIsEmpty')) {
                vajQuery('#userEmail').removeClass('inputIsEmpty');
            }
            
            if (vajQuery('#userPhone').val() !== '' && userPhone.search(/^09[0-9]{8}$/) === -1) {
                vajQuery('#userPhone').addClass('inputIsEmpty');
                vajQuery('#phoneError').show();
                hasError = 'Y';
            } else if (vajQuery('#userPhone').hasClass('inputIsEmpty')) {
                vajQuery('#userPhone').removeClass('inputIsEmpty');
            }
            try {
                if (hasError === 'N') {
                    vajQuery('#emailError').hide();
                    vajQuery('#phoneError').hide();
                    var elementText = vajQuery(e.target).data('text');
                    var type = '';
                    if(vajQuery('#userEmail').val() != ''){
                        type = 'email'
                    } else{
                        type = 'phone'
                    }
                    var data = {
                        userEmail: vajQuery('#userEmail').val(),
                        userPhone: vajQuery('#userPhone').val(),
                        policyDataList: policyDataList,
                        returnCode: 'openNetwork',
                        type: type
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkTheBasicChangeData', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateRegisterErrorModal(data) {
    if (vajQuery('#registerError').length !== 0) {
        chatbotModal('registerError', 'hide');
        vajQuery('#registerError').remove();
        vaCreateRegisterErrorModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="registerError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm registerError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">資料錯誤</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += jsonUnEscape(data.errorMsg[index]);
            body += '</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var modalFooter = vajQuery('<div class="modal-footer"> <a id="registerErrorClose" class="btn btn-sm btn-default col-xs-12">確認</a> </div>');

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#registerErrorClose').click(function () {
            chatbotModal('registerError', 'hide');
        });

        chatbotModal('registerError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateRegisterTermModal(data) {
    if (vajQuery('#registerTermModal').length !== 0) {
        chatbotModal('registerTermModal', 'hide');
        vajQuery('#registerTermModal').remove();
        vaCreateRegisterTermModal(data);
    } else {
        let registerTermModal = '';

        registerTermModal += '<div class="chatbotModal modal fade openForm" id="registerTermModal" role="dialog">';
        registerTermModal += '    <div class="modal-dialog loginModalDialog">';
        registerTermModal += '        <div class="modal-content">';
        registerTermModal += '            <div class="modal-header">';
        registerTermModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="termClose"></button>';
        registerTermModal += '                    <h4 class=" col-8 modal-title">會員註冊聲明</h4>';
        registerTermModal += '            </div>';
        registerTermModal += '            <div class="modal-body">';
        registerTermModal += '                <div class="row mb-15">';
        registerTermModal += '                    <div class="modalText ">我已閱讀且同意</div>';
        registerTermModal += '                </div>';
        registerTermModal += '                <div class="regFormList row">';
        registerTermModal += '                  <ul>';
        registerTermModal += '                      <li>網路保險服務約定條款暨保險單借款重要事項告知書</li>';
        registerTermModal += '                      <li>壽險業履行個人資料保護法告知義務</li>';
        registerTermModal += '                      <li>網路保險服務契約書</li>';
        //取消註冊時開通EC
        // if (data.toNextStepData.ecCombine === 'Y' && data.toNextStepData.ecStatusCode === 'N') {
        //     registerTermModal += '                      <li>同意網路投保聲明</li>';
        //     registerTermModal += '                      <li>網路投保業務暨網路保險服務契約書</li>';
        //     registerTermModal += '                      <li>網路投保網站服務使用約定書</li>';
        // }
        registerTermModal += '                  </ul>';
        registerTermModal += '                 </div>';
        registerTermModal += '                <br />';
        registerTermModal += '                <div class="row mb-10" style="text-align: left;">';
        //取消註冊時開通EC
        // if (data.toNextStepData.ecCombine === 'Y') {
        //     registerTermModal += '                    本人知悉全球人壽保險股份有限公司就網路投保業務暨網路保險服務契約書提供五日審閱期，並已完成審閱，同意註冊為網路投保會員。';
        // } else {
        registerTermModal += '                    本人知悉全球人壽保險股份有限公司會員註冊聲明及服務約定事項，並已完成審閱，同意註冊為保戶專區會員。';
        // }
        registerTermModal += '                </div>';
        registerTermModal += '            </div>';
        registerTermModal += '            <div class="modal-footer">';
        registerTermModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="openRegisterDeclaration" data-text="閱讀聲明條款">閱讀聲明條款</a>';
        registerTermModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="back" >返回</a>';
        registerTermModal += '            </div>';
        registerTermModal += '        </div>';
        registerTermModal += '    </div>';
        registerTermModal += '</div>';
        vajQuery('#ibmchat').append(registerTermModal);
        chatbotModal('registerTermModal', 'show');
        $('.loaderMain').hide();

        vajQuery('#termClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F13_會員註冊_取消註冊');
            chatbotModal('registerTermModal', 'hide');
        });
        vajQuery('#openRegisterDeclaration').bind('click', function (e) {
            openRegisterDeclaration(null, data);
            chatbotModal('registerTermModal', 'hide');
        });
        vajQuery('#back').bind('click', function (e) {
            vaCreateRegisterPasswordModal(data);
            chatbotModal('registerTermModal', 'hide');
        });
    }
}

function test() {
    console.log('test');
}

function vaCreateLoanRecordModal(data) {
    let isBailoutLoan = data.split('isBailoutLoan:')[1].split('|')[0];
    let plLoanProjectList = JSON.parse(data.split('plLoanProjectList:')[1]);
    if (vajQuery('#loanRecordModal').length) {
        chatbotModal('loanRecordModal', 'hide');
        vajQuery('#loanRecordModal').remove();
        vaCreateLoanRecordModal(data);
    } else {
        let loanRecordModal = '';

        loanRecordModal += '<div class="chatbotModal modal fade openForm" id="loanRecordModal" role="dialog">';
        loanRecordModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        loanRecordModal += '        <div class="modal-content">';
        loanRecordModal += '            <div class="modal-header">';
        loanRecordModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        loanRecordModal += '                    <h4 class=" col-8 modal-title">';
        loanRecordModal += '                        <div>確認</div>';
        loanRecordModal += '                    </h4>';
        loanRecordModal += '            </div>';
        loanRecordModal += '            <div class="modal-body">';
        loanRecordModal += '                <div class="row" style="padding: 10px 15px; text-align:left">';
        for (var index in plLoanProjectList) {
            loanRecordModal += '                <div>●' + plLoanProjectList[index].policyCode + '累積已申請【' + plLoanProjectList[index].projectName + '】' + plLoanProjectList[index].pjAmountTotal + '元，</div>';
            loanRecordModal += '                <div>(優惠區間 ' + plLoanProjectList[index].rateStartDate + ' 至 ' + plLoanProjectList[index].rateEndDate + '，優惠利率' + plLoanProjectList[index].pjRate + '%)</div>';
            loanRecordModal += '                <br />';
        }
        loanRecordModal += '                </div>';
        loanRecordModal += '            </div>';
        loanRecordModal += '            <div class="modal-footer">';
        loanRecordModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="關閉" id="loanRecordModalSubmit">關閉</a>';
        loanRecordModal += '            </div>';
        loanRecordModal += '        </div>';
        loanRecordModal += '    </div>';
        loanRecordModal += '</div>';
        vajQuery('#ibmchat').append(loanRecordModal);
        if ('True' === isBailoutLoan) {
            setTimeout(function () {
                chatbotModal('loanRecordModal', 'show');
            }, 500);
        }

        vajQuery('#loanRecordModalSubmit').bind('click', function (e) {
            chatbotModal('loanRecordModal', 'hide');
        });
    }
}

function vaCreateRepaymentModal() {
    if (vajQuery('#repaymentModal').length) {
        chatbotModal('repaymentModal', 'hide');
        vajQuery('#repaymentModal').remove();
        vaCreateRepaymentModal();
    } else {
        let thisYear = new Date().getFullYear();
        let years = '';

        years += '    <div class="dropup col-xs-2" style="padding:0;">';
        years += '            <button class="btn btn-default dropdown-toggle" type="button" id="lYear" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">';
        years += '                <div style="margin-right:5px;">';
        years += thisYear;
        years += '                  </div>';
        years += '                <span class="bdayDropdownIcon"></span>';
        years += '            </button>';
        years += '            <ul class="dropdown-menu bdayDropdownMenu" aria-labelledby="year" id="yearOptions">';
        for (let i = 0; i <= 10; i++) {
            years += '<li><a>' + (thisYear + i) + '</a></li>';
        }
        years += '</ul></div>';

        let thisMonth = new Date().getMonth() + 1 > 10 ? new Date().getMonth() + 1 : '0' + (new Date().getMonth() + 1);
        let months = '';

        months += '<div class="dropup col-xs-2" style="padding:0;">';
        months += '            <button class="btn btn-default dropdown-toggle" type="button" id="lMonth" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">';
        months += '                <div style="margin-right:5px;">';
        months += thisMonth;
        months += '                 </div>';
        months += '                <span class="bdayDropdownIcon"></span>';
        months += '            </button>';
        months += '            <ul class="dropdown-menu bdayDropdownMenu" aria-labelledby="month" id="monthOptions">';
        for (let i = 1; i <= 12; i++) {
            if (i >= new Date().getMonth() + 1) {
                months += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
            }
        }
        months += '</ul></div>';

        let days = '';
        let thisDate = new Date().getDate() > 10 ? new Date().getDate() : '0' + new Date().getDate();
        days += '<div class="dropup col-xs-2" style="padding:0;">';
        days += '            <button class="btn btn-default dropdown-toggle" type="button" id="lDay" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">';
        days += '                <div style="margin-right:5px;">';
        days += thisDate;
        days += '                   </div>';
        days += '                <span class="bdayDropdownIcon"></span>';
        days += '            </button>';
        days += '            <ul class="dropdown-menu bdayDropdownMenu" aria-labelledby="day" id="dayOptions">';
        for (let i = 1; i <= 31; i++) {
            if (i >= new Date().getDate()) {
                days += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
            }
        }
        days += '</ul></div>';

        let repaymentModal = '';

        repaymentModal += '<div class="chatbotModal modal fade openForm" id="repaymentModal" role="dialog">';
        repaymentModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        repaymentModal += '        <div class="modal-content">';
        repaymentModal += '            <div class="modal-header">';
        repaymentModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        repaymentModal += '                    <h4 class=" col-8 modal-title">';
        repaymentModal += '                        <div>請輸入預計還款日期</div>';
        repaymentModal += '                    </h4>';
        repaymentModal += '            </div>';
        repaymentModal += '            <div class="modal-body">';
        repaymentModal += '                <div class="row" style="padding: 10px 15px;">';
        repaymentModal += '                    <div class="col-xs-2 birthdayText">西元</div>';
        repaymentModal += years;
        repaymentModal += '                    <div class="col-xs-1 birthdayText">年</div>';
        repaymentModal += months;
        repaymentModal += '                    <div class="col-xs-1 birthdayText">月</div>';
        repaymentModal += days;
        repaymentModal += '                    <div class="col-xs-1 birthdayText">日</div>';
        repaymentModal += '                </div>';
        repaymentModal += '            </div>';
        repaymentModal += '            <div class="modal-footer">';
        repaymentModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="確認" id="repaymentModalSubmit">確認</a>';
        repaymentModal += '            </div>';
        repaymentModal += '        </div>';
        repaymentModal += '    </div>';
        repaymentModal += '</div>';

        vajQuery('#ibmchat').append(repaymentModal);
        chatbotModal('repaymentModal', 'show');

        vajQuery('#yearOptions li').click(function (e) {
            vajQuery('#lYear div').html(vajQuery(e.target).html());
            //月份不得小於當月
            let newMonth = '';
            for (let i = 1; i <= 12; i++) {
                if (new Date().getFullYear().toString() === vajQuery(e.target).html()) {
                    if (i >= new Date().getMonth() + 1) {
                        newMonth += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                    }
                } else {
                    newMonth += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                }
            }
            vajQuery('#monthOptions').html(newMonth);
            vajQuery('#lMonth div').html(new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1);

            // 調整天數 / 不得大於今天
            var lastDay = new Date(vajQuery(e.target).html(), vajQuery('#lMonth div').html(), 0);
            var day = lastDay.getDate();
            let newDays = '';
            for (let i = 1; i <= day; i++) {
                if (new Date().getFullYear().toString() === vajQuery(e.target).html() && new Date().getMonth() + 1 === parseInt(vajQuery('#lMonth div').html(), 10)) {
                    if (i >= new Date().getDate()) {
                        newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                    }
                } else {
                    newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                }
            }
            vajQuery('#dayOptions').html(newDays);
            vajQuery('#lDay div').html(new Date().getDate());
        });

        vajQuery('.chatbotModal').on('click', '#monthOptions li', function (e) {
            vajQuery('#lMonth div').html(vajQuery(e.target).html());
            //調整天數
            var lastDay = new Date(vajQuery('#lYear div').html(), vajQuery(e.target).html(), 0);
            var day = lastDay.getDate();
            let newDays = '';
            for (let i = 1; i <= day; i++) {
                if (new Date().getFullYear() === parseInt(vajQuery('#lYear div').html(), 10) && new Date().getMonth() + 1 === parseInt(vajQuery(e.target).html(), 10)) {
                    if (i >= new Date().getDate()) {
                        newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                    }
                } else {
                    newDays += i < 10 ? '<li><a>0' + i + '</a></li>' : '<li><a>' + i + '</a></li>';
                }
            }
            vajQuery('#dayOptions').html(newDays);
            vajQuery('#lDay div').html(new Date().getDate());
        });

        vajQuery('.chatbotModal').on('click', '#dayOptions li', function (e) {
            vajQuery('#lDay div').html(vajQuery(e.target).html());
        });

        vajQuery('#repaymentModalSubmit').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                let data = {
                    // 還款參數
                    repayYear: vajQuery('#lYear div').html(),
                    repayMonth: vajQuery('#lMonth div').html(),
                    repayDay: vajQuery('#lDay div').html()
                };
                // console.log('b click', data);
                va_sendWebSocket('openForm', 'formback', '', 'repayment', data);
            } catch (e) {
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateLoanModal(data, maxLoanAmount, currency, loanMoneyName) {
    if (vajQuery('#loanModal').length) {
        chatbotModal('loanModal', 'hide');
        setTimeout(function () {
            vajQuery('#loanModal').remove();
            vaCreateLoanModal(data, maxLoanAmount, currency, loanMoneyName);
        }, 500);
    } else {
        vajQuery('#amountError').hide();
        vajQuery('#accountError').hide();

        let reasonHtml = '';
        let bankHtml = '';
        vajQuery
            .ajax({
                url: 'https://va.transglobe.com.tw/api/bankList',
                type: 'GET'
            })
            .done(function (res) {
                bankCode = res;
                vajQuery
                    .ajax({
                        url: 'https://va.transglobe.com.tw/api/loanReasonList',
                        type: 'GET'
                    })
                    .done(function (reasonRes) {
                        loanReasons = reasonRes;
                        bankCode.bankList.forEach(function (element) {
                            if (currency === 'USD' && element.Cooperation === 'Y') {
                                bankHtml += '<li><a>' + element.BankCode + ' ' + element.BankName + '(配合銀行)' + '</a></li>';
                            } else {
                                bankHtml += '<li><a>' + element.BankCode + ' ' + element.BankName + '</a></li>';
                            }
                        });
                        loanReasons.loanReasonList.forEach(function (element) {
                            reasonHtml += '<li><a data-reasonvalue="' + element.value + '">' + element.text + '</a></li>';
                        });

                        let loanModal = '';

                        loanModal += '<div class="chatbotModal modal fade openForm" id="loanModal" role="dialog">';
                        loanModal += '    <div class="modal-dialog loginModalDialog">';
                        loanModal += '        <div class="modal-content">';
                        loanModal += '            <div class="modal-header">';
                        loanModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
                        loanModal += '                    <h4 class=" col-8 modal-title">線上申請借款</h4>';
                        loanModal += '            </div>';
                        loanModal += '            <div class="modal-body">';
                        loanModal += '                <div class="row">';
                        if (currency !== 'TWD') {
                            loanModal += '                    <div class="loginTitle">外幣借款金額 &nbsp <span id="amountError" style="color:red; display:none;">輸入金額不符規定</span></div>';
                        } else {
                            loanModal += '                    <div class="loginTitle">臺幣借款金額 &nbsp <span id="amountError" style="color:red; display:none;">輸入金額不符規定</span></div>';
                        }
                        loanModal += '                </div>';
                        loanModal += '                <div class="row">';
                        loanModal += '                    <input class="col-xs-12 mb-5" type="tel" id="loanAmount" placeholder="請輸入數字整數" maxlength="9" autocomplete="off">';
                        loanModal += '                </div>';
                        loanModal += '                <div class="row mb-15" >';
                        if (currency !== 'TWD') {
                            loanModal += '                    <div class="modalText mb-5">（借款金額不得低於一百元）</div>';
                        } else {
                            loanModal += '                    <div class="modalText mb-5">（借款金額不得低於一千元）</div>';
                        }
                        loanModal += '                </div>';
                        loanModal += '                <div class="row">';
                        loanModal += '                    <div class="loginTitle">借款原因</div>';
                        loanModal += '                </div>';
                        loanModal += '                <div class="row">';
                        loanModal += '                    <div class="dropdown">';
                        loanModal += '                        <button class="btn btn-default dropdown-toggle mb-15" type="button" id="loanReason" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">';
                        loanModal += '                        <div style="color:#b4b4b4;" data-rvalue="0">請選擇</div>';
                        loanModal += '                        <span class="dropdownIcon"></span>';
                        loanModal += '                        </button>';
                        loanModal += '                        <ul class="dropdown-menu" aria-labelledby="loanReason" id="loanReasonOptions" style="width: 100%; top: 37px;">';
                        loanModal += reasonHtml;
                        loanModal += '                        </ul>';
                        loanModal += '                    </div>';
                        loanModal += '                </div>';
                        loanModal += '                <div class="row">';
                        loanModal += '                    <div class="loginTitle">匯款帳號 &nbsp';
                        if (currency !== 'TWD') {
                            loanModal += '                      <span id = "accountText" style="color:red;">(限要保人美元外幣帳號)</span>';
                        } else {
                            loanModal += '                      <span id = "accountText" style="color:red;">(限要保人臺幣帳號)</span>';
                        }
                        loanModal += '                          <span id="accountError" style="color:red; display:none; background-color:yellow">帳號輸入錯誤</span>';
                        loanModal += '                    </div>';
                        loanModal += '                </div>';
                        loanModal += '                <div class="row">';
                        loanModal += '                    <div class="dropdown">';
                        loanModal += '                        <input class="dropdown-toggle mb-5" type="text" id="loanBank" placeholder="銀行" autocomplete="off"/>';
                        loanModal += '                        <ul class="dropdown-menu" aria-labelledby="loanBank" id="loanBankOptions" style="width: 100%; top: 37px;">';
                        loanModal += bankHtml;
                        loanModal += '                        </ul>';
                        loanModal += '                    </div>';
                        loanModal += '                </div>';
                        loanModal += '                <div class="row">';
                        loanModal += '                    <div class="dropdown">';
                        loanModal += '                        <input class="dropdown-toggle mb-5" type="text" id="loanBranch" placeholder="分行" autocomplete="off"/>';
                        loanModal += '                        <ul class="dropdown-menu" aria-labelledby="loanBranch" id="loanBranchOptions" style="width: 100%; top: 37px; max-height: 100px;">';
                        loanModal += '                        </ul>';
                        loanModal += '                    </div>';
                        loanModal += '                </div>';
                        loanModal += '                <div class="row">';
                        if (currency !== 'TWD') {
                            loanModal += '                    <input class="col-xs-12 mb-5" type="tel" id="loanAccount" placeholder="美元外幣帳號" maxlength="14" autocomplete="off">';
                        } else {
                            loanModal += '                    <input class="col-xs-12 mb-5" type="tel" id="loanAccount" placeholder="臺幣帳號" maxlength="14" autocomplete="off">';
                        }
                        loanModal += '                </div>';
                        if (currency !== 'TWD') {
                            loanModal += '                <div class="row">';
                            loanModal += '                    <input class="col-xs-12 mb-5" type="text" id="bankEnglishName" maxlength="20" placeholder="英文戶名" autocomplete="off">';
                            loanModal += '                </div>';
                            loanModal += '                <div class="row mb-15 modalText mb-5" style="color:red;">';
                            loanModal += '                    <span style="color:red;font-size:16px">&#8226;</span>';
                            loanModal += '                    匯款帳號如為公司配合銀行，匯款手續費將由公司負擔；匯款帳號非公司配合銀行，將依各家銀行規定收取匯款手續費，並於本次借款金額內扣抵。';
                            loanModal += '                </div>';
                        }
                        loanModal += '            </div>';
                        loanModal += '            <div class="modal-footer">';
                        loanModal += '                    <a class="btn btn-sm btn-default col-xs-12 disabled" data-text="送出" id="loanSubmit">送出</a>';
                        loanModal += '            </div>';
                        loanModal += '        </div>';
                        loanModal += '    </div>';
                        loanModal += '</div>';

                        vajQuery('#ibmchat').append(loanModal);
                        chatbotModal('loanModal', 'show');

                        if (data) {
                            if (data.bank.includes('&')) {
                                data.bank = data.bank.split('&')[0] + '(配合銀行)';
                            }
                            vajQuery('#loanAmount').val(data.loanMoney);
                            vajQuery('#loanReason div').html(data.reason);
                            vajQuery('#loanBank').val(data.bank);
                            vajQuery('#loanBranch').val(data.branch);
                            vajQuery('#loanAccount').val(data.bankAccountNo);
                            vajQuery('#bankEnglishName').val(data.bankEnglishName);
                            vajQuery('#loanReason div').css('color', '#4a4a4a');
                            vajQuery('.modal-footer #loanSubmit').removeClass('disabled');
                            vajQuery('#loanReason div').data('rvalue', data.loanReasonCode);
                            //change bank's branch by bank
                            bankCode.bankList.forEach(function (element) {
                                let bank = element.BankCode + ' ' + element.BankName;

                                if (bank === data.bank.split('(')[0]) {
                                    let branch = '';
                                    element.BranchList.forEach(function (ele) {
                                        branch += '<li><a>' + ele.BranchCode + ' ' + ele.BranchName + '</a></li>';
                                    });
                                    vajQuery('#loanBranchOptions').html(branch);
                                }
                            });
                            //filter bank's and branch's li options
                            vajQuery('#loanBankOptions li a').each(function (index) {
                                if (vajQuery(this).text().indexOf(data.bank) === -1) {
                                    vajQuery(this).parent().hide();
                                } else {
                                    vajQuery(this).parent().show();
                                }
                            });
                            vajQuery('#loanBranchOptions li a').each(function (index) {
                                if (vajQuery(this).text().indexOf(data.branch) === -1) {
                                    vajQuery(this).parent().hide();
                                } else {
                                    vajQuery(this).parent().show();
                                }
                            });
                        }

                        $('.loaderMain').hide();

                        vajQuery('.loginModalDialog')
                            .find('input')
                            .bind('change keydown input', function (e) {
                                if (this.id === 'loanBank') {
                                    let bankValue = this.value;
                                    vajQuery('#loanBankOptions li a').each(function (index) {
                                        if (vajQuery(this).text().indexOf(bankValue) === -1) {
                                            vajQuery(this).parent().hide();
                                        } else {
                                            vajQuery(this).parent().show();
                                        }
                                    });
                                } else if (this.id === 'loanBranch') {
                                    let branchValue = this.value;
                                    vajQuery('#loanBranchOptions li a').each(function (index) {
                                        if (vajQuery(this).text().indexOf(branchValue) === -1) {
                                            vajQuery(this).parent().hide();
                                        } else {
                                            vajQuery(this).parent().show();
                                        }
                                    });
                                }

                                if (
                                    vajQuery('#loanAmount').val() !== '' &&
                                    vajQuery('#loanAccount').val() !== '' &&
                                    vajQuery('#loanReason div').html() !== '請選擇' &&
                                    vajQuery('#loanBank').val() !== '' &&
                                    vajQuery('#loanBranch').val() !== ''
                                    //&& vajQuery('#bankEnglishName').val() !== ''
                                ) {
                                    vajQuery('#loanSubmit').removeClass('disabled');
                                } else {
                                    vajQuery('#loanSubmit').addClass('disabled');
                                }
                            });

                        vajQuery('#loanReasonOptions li').click(function (e) {
                            vajQuery('#loanReason div').html(vajQuery(e.target).html());
                            vajQuery('#loanReason div').data('rvalue', vajQuery(e.target).data('reasonvalue'));
                            vajQuery('#loanReason div').css('color', '#4a4a4a');
                            if (
                                vajQuery('#loanAmount').val() !== '' &&
                                vajQuery('#loanAccount').val() !== '' &&
                                vajQuery('#loanReason div').html() !== '請選擇' &&
                                vajQuery('#loanBank').val() !== '' &&
                                vajQuery('#loanBranch').val() !== ''
                                //&& vajQuery('#bankEnglishName').val() !== ''
                            ) {
                                vajQuery('#loanSubmit').removeClass('disabled');
                            } else {
                                vajQuery('#loanSubmit').addClass('disabled');
                            }
                        });

                        vajQuery('#loanBankOptions li').mousedown(function (e) {
                            vajQuery('#loanBank').val(vajQuery(e.target).html());
                            if (
                                vajQuery('#loanAmount').val() !== '' &&
                                vajQuery('#loanAccount').val() !== '' &&
                                vajQuery('#loanReason div').html() !== '請選擇' &&
                                vajQuery('#loanBank ').val() !== '' &&
                                vajQuery('#loanBranch').val() !== ''
                                //&& vajQuery('#bankEnglishName').val() !== ''
                            ) {
                                vajQuery('#loanSubmit').removeClass('disabled');
                            } else {
                                vajQuery('#loanSubmit').addClass('disabled');
                            }
                            //change bank's branch by bank
                            bankCode.bankList.forEach(function (element) {
                                let bank = element.BankCode + ' ' + element.BankName;
                                if (bank === vajQuery(e.target).html().split('(')[0]) {
                                    let branch = '';
                                    element.BranchList.forEach(function (ele) {
                                        branch += '<li><a>' + ele.BranchCode + ' ' + ele.BranchName + '</a></li>';
                                    });
                                    vajQuery('#loanBranchOptions').html(branch);
                                    vajQuery('#loanBranch').val('');
                                }
                            });
                            //增加卡控配合銀行不須戶名
                            if(vajQuery(e.target).html().includes('配合銀行')){
                                vajQuery('#bankEnglishName').hide();
                            }else{
                                vajQuery('#bankEnglishName').show();
                            }
                        });

                        vajQuery('.chatbotModal').on('mousedown', '#loanBranchOptions li', function (e) {
                            vajQuery('#loanBranch').val(vajQuery(e.target).html());
                            if (
                                vajQuery('#loanAmount').val() !== '' &&
                                vajQuery('#loanAccount').val() !== '' &&
                                vajQuery('#loanReason div').html() !== '請選擇' &&
                                vajQuery('#loanBank').val() !== '' &&
                                vajQuery('#loanBranch').val() !== ''
                                //&& vajQuery('#bankEnglishName').val() !== ''
                            ) {
                                vajQuery('#loanSubmit').removeClass('disabled');
                            } else {
                                vajQuery('#loanSubmit').addClass('disabled');
                            }
                        });

                        vajQuery('#loanBank').focus(function () {
                            vajQuery('#loanBankOptions').show();
                            vajQuery('#loanBankOptions li a').each(function (index) {
                                if (vajQuery(this).text().indexOf(vajQuery('#loanBank').val()) === -1) {
                                    vajQuery(this).parent().hide();
                                } else {
                                    vajQuery(this).parent().show();
                                }
                            });
                        });
                        vajQuery('#loanBank').focusout(function () {
                            vajQuery('#loanBankOptions').hide();
                        });

                        vajQuery('#loanBranch').focus(function () {
                            vajQuery('#loanBranchOptions').show();
                            vajQuery('#loanBranchOptions li a').each(function (index) {
                                if (vajQuery(this).text().indexOf(vajQuery('#loanBranch').val()) === -1) {
                                    vajQuery(this).parent().hide();
                                } else {
                                    vajQuery(this).parent().show();
                                }
                            });
                        });
                        vajQuery('#loanBranch').focusout(function () {
                            vajQuery('#loanBranchOptions').hide();
                        });

                        vajQuery('#loanAmount').keyup(function () {
                            let value = vajQuery('#loanAmount').val().replace(/,/g, '');
                            if (value.length < 9) {
                                let parseAmount = value.replace(/\d+?(?=(?:\d{3})+$)/g, function (s) {
                                    return s + ',';
                                });
                                vajQuery('#loanAmount').val(parseAmount);
                            }
                        });

                        vajQuery('#loanSubmit').bind('click', function (e) {
                            let value = parseInt(vajQuery('#loanAmount').val().replace(/,/g, ''), 10);
                            let account = vajQuery('#loanAccount').val();
                            let bankCheck = false;
                            let branchCheck = false;
                            let bankEnglishName = vajQuery('#bankEnglishName').val();
                            maxLoanAmount = parseInt(maxLoanAmount.toString().replace(/,/g, ''), 10);
                            var elementText = vajQuery(e.target).data('text');
                            //check bank, branch wording
                            vajQuery('#loanBankOptions li a').each(function (index) {
                                if (vajQuery(this).text() === vajQuery('#loanBank').val()) {
                                    bankCheck = true;
                                }
                            });
                            vajQuery('#loanBranchOptions li a').each(function (index) {
                                if (vajQuery(this).text() === vajQuery('#loanBranch').val()) {
                                    branchCheck = true;
                                }
                            });
                            if (!bankCheck) {
                                vajQuery('#loanBank').focus();
                                vajQuery('#accountText').hide();
                                vajQuery('#accountError').html('銀行輸入錯誤');
                                vajQuery('#accountError').show();
                                vajQuery('#amountError').hide();
                            } else if (!branchCheck) {
                                vajQuery('#loanBank').focus();
                                vajQuery('#accountText').hide();
                                vajQuery('#accountError').html('分行輸入錯誤');
                                vajQuery('#accountError').show();
                                vajQuery('#amountError').hide();
                            } else if ((currency === 'TWD' && value < 1000) || (currency !== 'TWD' && value < 100) || value > maxLoanAmount) {
                                vajQuery('#loanAmount').focus();
                                vajQuery('#amountError').show();
                                vajQuery('#accountError').hide();
                            } else if (account.match(/^[0-9]{8,14}$/g) === null) {
                                vajQuery('#loanAccount').focus();
                                vajQuery('#accountText').hide();
                                vajQuery('#accountError').html('帳號格式輸入錯誤');
                                vajQuery('#accountError').show();
                                vajQuery('#amountError').hide();
                            } else if (currency !== 'TWD' && !vajQuery('#loanBank').val().includes('配合銀行') && vajQuery('#bankEnglishName').val() === '') {
                                //外幣且非配合需必填英文戶名
                                vajQuery('#bankEnglishName').focus();
                                vajQuery('#accountText').hide();
                                vajQuery('#accountError').html('英文戶名必填');
                                vajQuery('#accountError').show();
                                vajQuery('#amountError').hide();
                            } else if (currency !== 'TWD' && vajQuery('#bankEnglishName').val() !== '' && bankEnglishName.match(/(^[a-zA-Z])((?![ .,'-]$)[a-zA-Z .,'-]){0,24}$/) === null) {
                                vajQuery('#bankEnglishName').focus();
                                vajQuery('#accountText').hide();
                                vajQuery('#accountError').html('英文戶名只能輸入英文姓名');
                                vajQuery('#accountError').show();
                                vajQuery('#amountError').hide();
                            }else {
                                vajQuery('#accountError').hide();
                                vajQuery('#amountError').hide();
                                try {
                                    $('.loaderMain').show();
                                    let data = {
                                        loanMoney: vajQuery('#loanAmount').val(),
                                        reason: vajQuery('#loanReason div').html(),
                                        loanReasonCode: vajQuery('#loanReason div').data('rvalue'),
                                        bank: vajQuery('#loanBank').val(),
                                        bankNo: vajQuery('#loanBank').val().split(' ')[0],
                                        branch: vajQuery('#loanBranch').val(),
                                        branchNo: vajQuery('#loanBranch').val().split(' ')[0],
                                        bankAccountNo: vajQuery('#loanAccount').val(),
                                        maxLoanAmount: maxLoanAmount,
                                        currency: currency,
                                        loanMoneyName: loanMoneyName,
                                        bankEnglishName: currency === 'TWD' ? '' : vajQuery('#bankEnglishName').val(),
                                        cooperation: vajQuery('#loanBank').val().includes('配合銀行') ? 'Y' : 'N'
                                    };
                                    // console.log('data', data);
                                    var elementText = vajQuery(e.target).data('text');

                                    va_sendWebSocket('openForm', 'formback', elementText, 'getLoanDistribute', data);
                                } catch (e) {
                                    $('.loaderMain').hide();
                                }
                            }
                        });
                    })
                    .fail(function (err) {
                        console.log(err);
                    });
            })
            .fail(function (res) {
                console.log(res);
            });
    }
}

function vaCreateLoanDistriModal(data) {
    if (vajQuery('#loanModal').length !== 0) {
        chatbotModal('loanModal', 'hide');
    }
    if (vajQuery('#loanDistriModal').length !== 0) {
        chatbotModal('loanDistriModal', 'hide');
        vajQuery('#loanDistriModal').remove();
        vaCreateLoanDistriModal(data);
    } else {
        let loanChangePolicyVOs = data.oaReturn.returnMessage;
        let loanDistriModal = '';

        loanDistriModal += '<div class="chatbotModal modal fade openForm" id="loanDistriModal" role="dialog">';
        loanDistriModal += '    <div class="modal-dialog loginModalDialog">';
        loanDistriModal += '        <div class="modal-content">';
        loanDistriModal += '            <div class="modal-header">';
        loanDistriModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        loanDistriModal += '                    <h4 class=" col-8 modal-title">線上申請借款</h4>';
        loanDistriModal += '            </div>';
        loanDistriModal += '            <div class="modal-body">';
        for (var i = 0; i < loanChangePolicyVOs.length; i++) {
            loanDistriModal += '            <div class="distribute-table">';
            loanDistriModal += '            <div class="table-body">';
            loanDistriModal += '                <div class="table-row">';
            loanDistriModal += '                    <div class="table-cell-label">';
            loanDistriModal += '                        保單名稱';
            loanDistriModal += '                    </div>';
            loanDistriModal += '                    <div class="table-cell-data">';
            loanDistriModal += loanChangePolicyVOs[i].policyCode + '<br/>';
            loanDistriModal += loanChangePolicyVOs[i].masterProductName;
            loanDistriModal += '                    </div>';
            loanDistriModal += '                </div>';
            loanDistriModal += '                <div class="table-row">';
            loanDistriModal += '                    <div class="table-cell-label">';
            loanDistriModal += '                        最新借款利率';
            loanDistriModal += '                    </div>';
            loanDistriModal += '                    <div class="table-cell-data">';
            loanDistriModal += loanChangePolicyVOs[i].policyLoanRateDateDesc;
            loanDistriModal += '                                    <br/>';
            loanDistriModal += loanChangePolicyVOs[i].policyLoanRateFmt;
            loanDistriModal += '                    </div>';
            loanDistriModal += '                </div>';
            loanDistriModal += '                <div class="table-row">';
            loanDistriModal += '                    <div class="table-cell-label">';
            loanDistriModal += '                        金額分配';
            loanDistriModal += '                    </div>';
            loanDistriModal += '                    <div class="table-cell-data">';
            loanDistriModal += loanChangePolicyVOs[i].loanMoney.toLocaleString();
            loanDistriModal += '                    </div>';
            loanDistriModal += '                </div>';
            loanDistriModal += '            </div>';
            loanDistriModal += '           </div><br/>';
        }
        loanDistriModal += '            </div>';
        loanDistriModal += '                <div class="modal-footer">';
        loanDistriModal += '                    <a class="btn btn-sm btn-default col-xs-12"  id="loanDistriSubmit">送出</a>';
        loanDistriModal += '                </div>';
        loanDistriModal += '            </div>';
        loanDistriModal += '          </div>';
        loanDistriModal += '        </div>';

        vajQuery('#ibmchat').append(loanDistriModal);
        chatbotModal('loanDistriModal', 'show');
        $('.loaderMain').hide();

        if (
            (data.oaReturn.loanData.curr === 'TWD' && parseInt(data.oaReturn.loanData.loanMoney.replace(/,/g, '')) > 7000000) ||
            (data.oaReturn.loanData.curr === 'USD' && parseInt(data.oaReturn.loanData.loanMoney.replace(/,/g, '')) > 200000)
        ) {
            $(function () {
                var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="noticeModal" role="dialog"></div>');
                var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
                var modalContent = vajQuery('<div class="modal-content" style="height: 200px; width:350px;"></div>');
                var body = '<div class="modal-body"><div class="bigText">訊息通知</div>';
                body += '<div class="smallText" style="text-align: left;">';
                if (data.oaReturn.loanData.curr === 'TWD' && parseInt(data.oaReturn.loanData.loanMoney.replace(/,/g, '')) > 7000000) {
                    body += '【臺幣保單】單張借款金額以700萬為限，超過限額者系統將自動進行借款金額分配至其它保單。';
                } else if (data.oaReturn.loanData.curr === 'USD' && parseInt(data.oaReturn.loanData.loanMoney.replace(/,/g, '')) > 200000) {
                    body += '【美元保單】單張借款金額以20萬為限，超過限額者系統將自動進行借款金額分配至其它保單。';
                }
                body += '</div>';
                var modalBody = vajQuery(body);
                var modalFooter = vajQuery('<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="appreciateSubmit" >我已了解</a></div>');

                modalContent.append(modalBody);
                modalContent.append(modalFooter);
                modalDialog.append(modalContent);
                modalWindow.append(modalDialog);
                vajQuery('#ibmchatbox').after(modalWindow);
                chatbotModal('noticeModal', 'show');

                vajQuery('#appreciateSubmit').click(function () {
                    chatbotModal('noticeModal', 'hide');
                });
            });
        }

        vajQuery('#loanDistriSubmit').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                chatbotModal('loanDistriModal', 'hide');
                vaCreateLoanConfirmModal(data);
            } catch (e) {
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateLoanDistriErrorModal(data) {
    if (vajQuery('#loanDistriError').length !== 0) {
        chatbotModal('loanDistriError', 'hide');
        vajQuery('#loanDistriError').remove();
        vaCreateLoanDistriErrorModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="loanDistriError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm loanDistriError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">訊息通知</div>';
        body += '<div class="smallText" style="text-align: center;">' + data.oaReturn.errorMsg + '</div>';
        var modalBody = vajQuery(body);
        var modalFooter = vajQuery('<div class="modal-footer"> <a id="loanDistriErrorClose" class="btn btn-sm btn-default col-xs-12">確認</a> </div>');

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#loanDistriErrorClose').click(function () {
            if(data.oaReturn.hasEmailOrPhone === 'N' ){
                va_sendWebSocket('postback', 'formback', '', 'jumpToChange', null);  // 當保戶有保單沒信箱且沒手機需要先進行契變
            }
            chatbotModal('loanDistriError', 'hide');
        });

        chatbotModal('loanDistriError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateLoanConfirmModal(data) {
    vajQuery('#emailInput').remove();
    if (vajQuery('#loanConfirmModal').length !== 0) {
        chatbotModal('loanConfirmModal', 'hide');
        vajQuery('#loanConfirmModal').remove();
        vaCreateLoanConfirmModal(data);
    } else {
        let emailList = data.oaReturn.loanData.emailList;
        let phoneList = data.oaReturn.loanData.phoneList;
        let loanConfirmModal = '';
        let sentOTPDate = new Date();
        loanConfirmModal += '<div class="chatbotModal modal fade openForm" id="loanConfirmModal" role="dialog">';
        loanConfirmModal += '    <div class="modal-dialog loginModalDialog">';
        loanConfirmModal += '        <div class="modal-content">';
        loanConfirmModal += '            <div class="modal-header">';
        loanConfirmModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        loanConfirmModal += '                    <h4 class=" col-8 modal-title">線上申請借款</h4>';
        loanConfirmModal += '            </div>';
        loanConfirmModal += '            <div class="modal-body">';
        loanConfirmModal += '                <div class="row mb-15">';
        loanConfirmModal += '                    <div class="loginTitle ">請確認借款申請資訊</div>';
        loanConfirmModal += '                </div>';
        loanConfirmModal += '                <div class="row mb-10" >';
        loanConfirmModal += '                    <div class="modalText ">借款金額：';
        loanConfirmModal += data.oaReturn.loanData.loanMoneyName;
        loanConfirmModal += '                   &nbsp <span class="info" id="amount">';
        loanConfirmModal += data.oaReturn.loanData.loanMoney;
        loanConfirmModal += '                   </span>元</div>';
        loanConfirmModal += '                </div>';
        loanConfirmModal += '                <div class="row mb-10" >';
        loanConfirmModal += '                    <div class="modalText ">借款原因： <span class="info" id="reason">';
        loanConfirmModal += data.oaReturn.loanData.reason;
        loanConfirmModal += '                   </span></div>';
        loanConfirmModal += '                </div>';
        loanConfirmModal += '                <div class="row mb-10" >';
        loanConfirmModal += '                    <div class="modalText mb-5">匯款帳號： <span class="info" id="bank">';
        loanConfirmModal += data.oaReturn.loanData.bank;
        loanConfirmModal += '                   </span>';
        loanConfirmModal += '    <div class="info" id="branch" style="margin-left: 74px;">';
        loanConfirmModal += data.oaReturn.loanData.branch.substring(3);
        loanConfirmModal += '     </div>';
        loanConfirmModal += '                    <div class="info" id="account" style="margin-left: 74px;">';
        loanConfirmModal += data.oaReturn.loanData.bankAccountNo;
        loanConfirmModal += '                    </div></div>';
        loanConfirmModal += '     </div>';

        if (data.oaReturn.loanData.curr !== 'TWD') {
            loanConfirmModal += '                <div class="row mb-10" >';
            loanConfirmModal += '                    <div class="modalText ">英文戶名： <span class="info" id="showBankEnglishName">';
            loanConfirmModal += data.oaReturn.loanData.bankEnglishName;
            loanConfirmModal += '                   </span></div>';
            loanConfirmModal += '                </div>';
        }
        if(emailList.length > 0){
            loanConfirmModal += '            <div class="row mb-10 modalText">發送驗證碼至電子郵件</div>';
            loanConfirmModal += '            <div class="row mb-10 modalText">';
            loanConfirmModal += '            <select style="width:100%" id="emailInput"><option>請選擇電子郵件</option>';
            for (var index in emailList) {
                loanConfirmModal += '                <option>';
                loanConfirmModal +=  emailList[index] 
                loanConfirmModal += '                </option>';
            }
            loanConfirmModal += '            </select>';
            loanConfirmModal += '            </div>';
            loanConfirmModal += '                <div class="row mb-10 modalText">';
            loanConfirmModal += '                    <input class="col-xs-7" type="tel" id="loanCaptchaCode" placeholder="請輸入驗證碼" maxlength="8" autocomplete="off" style="width:200px">';
            loanConfirmModal += '                    <b id="loanSuccess"style="line-height:40px; display:none; color:green; padding-left:20px;">驗證成功</b>';
            loanConfirmModal += '                    <a rel="noopener noreferrer" style="line-height:40px; padding-left:20px;"class="loginLink" id="sendloanCaptchaByCSIS" target="_blank" data-text="發送驗證碼">發送驗證碼</a>';
            loanConfirmModal += '                </div>';
            loanConfirmModal += '                   <div class="row mb-10 loginTitle" > ';
            loanConfirmModal += '                       <span id="loanOtpTimer" hidden="true">剩餘時間</span><span id="loanPsrnOTPTimer" hidden="true"></span>';
            loanConfirmModal += '                   </div>';
            loanConfirmModal += '            <div class="modal-footer">';
            loanConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="checkloanCaptchaCode" data-text="驗證">驗證</a>'; 
            loanConfirmModal += '            </div>';
            loanConfirmModal += '            </div>';
        } else if (phoneList.length > 0){
            loanConfirmModal += '            <div class="row mb-10 modalText">發送驗證碼至手機號碼</div>';
            loanConfirmModal += '            <div class="row mb-10 modalText">';
            loanConfirmModal += '            <select style="width:100%" id="phoneInput"><option>請選擇手機號碼</option>';
            for (var index in phoneList) {
                loanConfirmModal += '                <option>';
                loanConfirmModal +=  phoneList[index] 
                loanConfirmModal += '                </option>';
            }
            loanConfirmModal += '            </select>';
            loanConfirmModal += '            </div>';
            loanConfirmModal += '                <div class="row mb-10 modalText">';
            loanConfirmModal += '                    <input class="col-xs-7" type="tel" id="loanCaptchaCode" placeholder="請輸入驗證碼" maxlength="8" autocomplete="off" style="width:200px">';
            loanConfirmModal += '                    <b id="loanSuccess"style="line-height:40px; display:none; color:green; padding-left:20px;">驗證成功</b>';
            loanConfirmModal += '                    <a rel="noopener noreferrer" style="line-height:40px; padding-left:20px;"class="loginLink" id="sendloanCaptchaByCSIS" target="_blank" data-text="發送驗證碼">發送驗證碼</a>';
            loanConfirmModal += '                </div>';
            loanConfirmModal += '                   <div class="row mb-10 loginTitle" > ';
            loanConfirmModal += '                       <span id="loanOtpTimer" hidden="true">剩餘時間</span><span id="loanPsrnOTPTimer" hidden="true"></span>';
            loanConfirmModal += '                   </div>';
            loanConfirmModal += '            <div class="modal-footer">';
            loanConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="checkloanCaptchaCode" data-text="驗證">驗證</a>'; 
            loanConfirmModal += '            </div>';
            loanConfirmModal += '            </div>';
        }
        loanConfirmModal += '            <div class="modal-footer">';
        loanConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="loanConfirmSubmit" data-text="送出借款申請">確認申請</a>';
        loanConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="edit" >修改編輯</a>';
        loanConfirmModal += '            </div>';
        loanConfirmModal += '        </div>';
        loanConfirmModal += '    </div>';
        loanConfirmModal += '</div>';
        vajQuery('#ibmchat').append(loanConfirmModal);
        chatbotModal('loanConfirmModal', 'show');
        $('.loaderMain').hide();

        vajQuery('#loanConfirmSubmit').bind('click', function (e) {
            var hasInputIsEmpty = 'N';
            if (vajQuery('#loanSuccess').is(':hidden')) {
                if(emailList.length > 0){
                    hasInputIsEmpty = 'Y';
                    vaCreateVerifyModal('email');
                } else{
                    hasInputIsEmpty = 'Y';
                    vaCreateVerifyModal('phone');
                } 
            } 
            try {
                $('.loaderMain').show();
                if (hasInputIsEmpty === 'N') {
                    data.oaReturn.loanData.loanMoney = data.oaReturn.loanData.loanMoney.replace(/,/g, '');
                    var elementText = vajQuery(e.target).data('text');
                    va_sendWebSocket('openForm', 'formback', elementText, 'changePolicyLoan', data);
                } else{
                    $('.loaderMain').hide();
                }
            } catch (e) {
                $('.loaderMain').hide();
            }
        });
        vajQuery('#checkloanCaptchaCode').click(function (e) {
            try {
                $('.loaderMain').show();
                var hasInputIsEmpty = 'N';
                if (vajQuery('#loanCaptchaCode').val() === '') {
                    vajQuery('#loanCaptchaCode').addClass('inputIsEmpty');
                    vajQuery('#loanCaptchaCode').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#loanCaptchaCode').hasClass('inputIsEmpty')) {
                    vajQuery('#loanCaptchaCode').removeClass('inputIsEmpty');
                }

                if (hasInputIsEmpty === 'N') {
                    var data = null;
                    var elementText = vajQuery(e.target).data('text');
                    if(emailList.length > 0){
                        data = {
                            OTPCode: vajQuery('#loanCaptchaCode').val(),
                            email: vajQuery('#emailInput').val(),
                            type: 'email'
                        };
                    } else {
                        data = {
                            OTPCode: vajQuery('#loanCaptchaCode').val(),
                            phone: vajQuery('#phoneInput').val(),
                            type: 'phone'
                        };
                    }
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
        vajQuery('#sendloanCaptchaByCSIS').click(function (e) {
            if (vajQuery('#emailInput').val() === '請選擇電子郵件') {
                vaCreateOTPErrorMessageModal(vajQuery('#emailInput').val());
            } else if(vajQuery('#phoneInput').val() === '請選擇手機號碼'){
                vaCreateOTPErrorMessageModal(vajQuery('#phoneInput').val());
            } 
            else {
                var elementText = vajQuery(e.target).data('text');
                var endtime = addMinutes(new Date(), 5);
                let year = endtime.getFullYear();
                let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
                let day = ('0' + endtime.getDate()).slice(-2);
                let hour = endtime.getHours();
                let minute = endtime.getMinutes();
                var endTime;
                if (minute < 10) {
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
                } else{
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
                }
                let value = null;
                if(emailList.length > 0){
                    value = {
                        email: vajQuery('#emailInput').val(),
                        sendTheOTPType: 'E',
                        returnCode: 'loanOTP',
                        endTime: endTime
                    };
                } else {
                    value = {
                        phone: vajQuery('#phoneInput').val(),
                        sendTheOTPType: 'P',
                        returnCode: 'loanOTP',
                        endTime: endTime,
                        policyNo: data.oaReturn.returnMessage[0].policyCode
                    };
                }

                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', value);
                vajQuery('#loanCaptchaCode').val('');
            }
        });
        vajQuery('#edit').bind('click', function (e) {
            chatbotModal('loanConfirmModal', 'hide');
            vaCreateLoanModal(data.oaReturn.loanData, data.oaReturn.loanData.maxLoanAmount, data.oaReturn.loanData.curr, data.oaReturn.loanData.loanMoneyName);
        });
    }
}

function vaCreateChangeInfoModal(data) {
    let policyDataList = JSON.parse(data);
    if (vajQuery('#changeConfirmModal').length !== 0) {
        chatbotModal('changeConfirmModal', 'hide');
        vajQuery('#changeConfirmModal').remove();
        vaCreateChangeInfoModal(data);
    } else {
        let changeConfirmModal = '';

        changeConfirmModal += '<div class="chatbotModal modal fade openForm" id="changeConfirmModal" role="dialog">';
        changeConfirmModal += '    <div class="modal-dialog loginModalDialog">';
        changeConfirmModal += '        <div class="modal-content">';
        changeConfirmModal += '            <div class="modal-header">';
        changeConfirmModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="close"></button>';
        changeConfirmModal += '                    <h4 class=" col-8 modal-title">1.本次變更保單</h4>';
        changeConfirmModal += '            </div>';
        changeConfirmModal += '            <div class="modal-body">';
        changeConfirmModal += '                <div class="row mb-15">';
        changeConfirmModal += '                    <div class="loginTitle ">本次變更保單</div>';
        changeConfirmModal += '                </div>';
        changeConfirmModal += '                <div class="row mb-10" >';
        changeConfirmModal += '                    <div class="modalText" style="color:#A9A9A9;">僅顯示符合條件的保單：</div>';
        changeConfirmModal += '                    <div class="modalText" style="color:#A9A9A9;">1.必須為有效保單</div>';
        changeConfirmModal += '                    <div class="modalText" style="color:#A9A9A9;">2.保單必須已申請網路變更</div>';
        changeConfirmModal += '                </div>';
        changeConfirmModal += '                <div class="row mb-10" >';
        changeConfirmModal += '                    <div class="modalText ">';
        for (var index in policyDataList) {
            changeConfirmModal += policyDataList[index].policyCode + policyDataList[index].masterProductName;
            changeConfirmModal += '                <br />';
        }
        changeConfirmModal += '                   </div>';
        changeConfirmModal += '                </div>';
        changeConfirmModal += '            </div>';
        changeConfirmModal += '            <div class="modal-footer">';
        changeConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="changeConfirmSubmit" data-text="下一步">下一步</a>';
        changeConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="cancel" >取消變更</a>';
        changeConfirmModal += '            </div>';
        changeConfirmModal += '        </div>';
        changeConfirmModal += '    </div>';
        changeConfirmModal += '</div>';
        vajQuery('#ibmchat').append(changeConfirmModal);
        chatbotModal('changeConfirmModal', 'show');
        $('.loaderMain').hide();

        $(function () {
            var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="noticeModal" role="dialog"></div>');
            var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
            var modalContent = vajQuery('<div class="modal-content" style="height: 250px; max-width:350px;"></div>');
            var modalBody = vajQuery(
                '<div class="modal-body"><div class="bigText">提醒</div><div class="smallText">此次變更共有3個步驟</div>' +
                    '<div class="smallText">步驟3確認變更畫面，記得點選【確認】按鈕</div><div class="smallText">畫面顯示案件受理資訊時，表示本次保單變更送件完成</div></div>'
            );
            var modalFooter = vajQuery('<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="appreciateSubmit" >我已了解</a></div>');

            modalContent.append(modalBody);
            modalContent.append(modalFooter);
            modalDialog.append(modalContent);
            modalWindow.append(modalDialog);
            vajQuery('#ibmchatbox').after(modalWindow);
            chatbotModal('noticeModal', 'show');

            vajQuery('#appreciateSubmit').click(function () {
                chatbotModal('noticeModal', 'hide');
            });
        });

        vajQuery('#changeConfirmSubmit').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                chatbotModal('changeConfirmModal', 'hide');
                vaCreateBasicChangeFormModal(data);
            } catch (e) {
                $('.loaderMain').hide();
            }
        });

        vajQuery('#cancel,#close').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F12_保單基本資料變更_取消');
            chatbotModal('changeConfirmModal', 'hide');
        });
    }
}

function vaCreateBasicChangeFormModal(value) {
    vajQuery('#emailInput').remove();
    let policyDataList = [];
    let changeData = '';
    if (value.oaReturn === undefined) {
        policyDataList = value;
    } else {
        policyDataList = JSON.stringify(value.oaReturn.policyDataList);
        changeData = value.oaReturn.changeData;
    }
    if (vajQuery('#basicChangeFormModal').length !== 0) {
        chatbotModal('basicChangeFormModal', 'hide');
        vajQuery('#basicChangeFormModal').remove();
        vaCreateBasicChangeFormModal(value);
    } else {
        var basicChangeFormModal = '';

        basicChangeFormModal += '<div class="chatbotModal modal fade openForm" id="basicChangeFormModal" role="dialog">';
        basicChangeFormModal += '    <div class="modal-dialog loginModalDialog">';
        basicChangeFormModal += '        <div class="modal-content">';
        basicChangeFormModal += '            <div class="modal-header">';
        basicChangeFormModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="closeBasicChangeForm"></button>';
        basicChangeFormModal += '                    <h4 class=" col-8 modal-title">2. 變更要保人資料</h4>';
        basicChangeFormModal += '            </div>';
        basicChangeFormModal += '            <div class="modal-body">';
        basicChangeFormModal += '                <div class="row mb-15">';
        basicChangeFormModal += '                    <div class="loginTitle ">變更要保人資料</div>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" >';
        basicChangeFormModal += '                    <div class="modalText" style="color:#A9A9A9;">請勾選欲變更的項目，並填入更新資料；未異動的項目不須勾選。</div>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        basicChangeFormModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        basicChangeFormModal += '                      <b>地址</b>';
        basicChangeFormModal += '                      <input type="checkbox" id="addressCheckbox" />';
        basicChangeFormModal += '                      <span class="checkmark"></span>';
        basicChangeFormModal += '                    </label>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row" style="margin-top: 10px;" name="addressArea" id="selectAddressType">';
        basicChangeFormModal += '                    <input type="radio" id="residence" name="address" value="A" checked/>';
        basicChangeFormModal += '                    <label for="residence">住所地址</label>';
        basicChangeFormModal += '                    <input type="radio" id="postAddress" name="address" value="B"/>';
        basicChangeFormModal += '                    <label for="postAddress">郵政信箱</label>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="addressArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="postCodeInput" placeholder="郵遞區號" maxlength="6" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="addressArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 "  type="text" id="addressInput" placeholder="住址" maxlength="500" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        basicChangeFormModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        basicChangeFormModal += '                      <b>手機 1 (例 : 0910123456)</b>';
        basicChangeFormModal += '                      <input type="checkbox" id="mobileOneCheckbox" />';
        basicChangeFormModal += '                      <span class="checkmark"></span>';
        basicChangeFormModal += '                    </label>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="mobileOneArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="mobileOneInput" placeholder="請輸入手機號碼" maxlength="10" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="mobileOneArea">';
        basicChangeFormModal += '                    <input class="col-xs-7" type="tel" id="changeMobileOneCaptchaCode" placeholder="請輸入驗證碼" maxlength="8" autocomplete="off" style="width:200px">';
        basicChangeFormModal += '                    <b id="changeMobileOneSuccess"style="line-height:40px; display:none; color:green;">驗證成功</b>';
        basicChangeFormModal += '                    <a rel="noopener noreferrer" style="line-height:40px;" class="loginLink" id="sendBasicChangeMobileOneCaptchaByCSIS" target="_blank" data-text="發送驗證碼">發送驗證碼</a>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                   <div class="row mb-10 loginTitle" name="mobileOneArea"> ';
        basicChangeFormModal += '                       <span  id="mobileOneOtpTimer" hidden="true">剩餘時間</span><span id="mobileOnePsrnOTPTimer" hidden="true"></span>';
        basicChangeFormModal += '                   </div>';
        basicChangeFormModal += '            <div class="modal-footer" name="mobileOneArea">';
        basicChangeFormModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="checkChangeMobileOneCaptchaCode" data-text="驗證">驗證</a>'; 
        basicChangeFormModal += '            </div>';
        basicChangeFormModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        basicChangeFormModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        basicChangeFormModal += '                      <b>手機 2 </b>';
        basicChangeFormModal += '                      <input type="checkbox" id="mobileTwoCheckbox" />';
        basicChangeFormModal += '                      <span class="checkmark"></span>';
        basicChangeFormModal += '                    </label>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="mobileTwoArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="mobileTwoInput" maxlength="10" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        basicChangeFormModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        basicChangeFormModal += '                      <b>聯絡電話 (日) (例 : 02-66399999) </b>';
        basicChangeFormModal += '                      <input type="checkbox" id="officeTelCheckbox" />';
        basicChangeFormModal += '                      <span class="checkmark"></span>';
        basicChangeFormModal += '                    </label>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="officeTelArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="officeTelRegInput" placeholder="區號" maxlength="3" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="officeTelArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="officeTelInput" placeholder="電話號碼" maxlength="25" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="officeTelArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="officeTelExtInput" placeholder="分機" maxlength="25" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        basicChangeFormModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        basicChangeFormModal += '                      <b>聯絡電話 (夜) </b>';
        basicChangeFormModal += '                      <input type="checkbox" id="homeTelCheckbox" />';
        basicChangeFormModal += '                      <span class="checkmark"></span>';
        basicChangeFormModal += '                    </label>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="homeTelArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="homeTelRegInput" placeholder="區號" maxlength="3" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="homeTelArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="homeTelInput" placeholder="電話號碼" maxlength="25" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="homeTelArea">';
        basicChangeFormModal += '                    <input class="col-xs-12 " type="text" id="homeTelExtInput" placeholder="分機" maxlength="25" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        basicChangeFormModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        basicChangeFormModal += '                      <b>電子郵件信箱 </b>';
        basicChangeFormModal += '                      <input type="checkbox" id="emailCheckbox" />';
        basicChangeFormModal += '                      <span class="checkmark"></span>';
        basicChangeFormModal += '                    </label>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="emailArea">';
        basicChangeFormModal += '                    <input class="col-xs-12" type="text" id="emailInput" placeholder="請輸入電子郵件信箱"  maxlength="50" autocomplete="off">';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10" name="emailArea">';
        basicChangeFormModal += '                    <input class="col-xs-7" type="tel" id="changeCaptchaCode" placeholder="請輸入驗證碼" maxlength="8" autocomplete="off" style="width:200px">';
        basicChangeFormModal += '                    <b id="changeEmailSuccess" style="line-height:40px; display:none; color:green;">驗證成功</b>';
        basicChangeFormModal += '                    <a rel="noopener noreferrer" style="line-height:40px;" class="loginLink" id="sendBasicChangeCaptchaByCSIS" target="_blank" data-text="發送驗證碼">發送驗證碼</a>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '                <div class="row mb-10 loginTitle" name="emailArea">';
        basicChangeFormModal += '                    <span  id="otpTimer" hidden="true">剩餘時間</span><span id="psrnOTPTimer" hidden="true"></span>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '            <div class="modal-footer " name="emailArea">';
        basicChangeFormModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="checkChangeEmailCaptchaCode" data-text="驗證">驗證</a>'; 
        basicChangeFormModal += '            </div>';
        basicChangeFormModal += '                <div class="row" >';
        basicChangeFormModal += '                   <div style="position: relative; text-align:left;">';
        basicChangeFormModal += '                      <span style="color:#A9A9A9; position: absolute">&#8226;</span>';
        basicChangeFormModal += '                      <p style="color:#A9A9A9; position: relative; padding-left: 20px">';
        basicChangeFormModal += '                        請勿填寫本公司、保經代公司、銀行 (均含分支機構及所屬業務員) 之地址、電話、Email。';
        basicChangeFormModal += '                      </p>';
        basicChangeFormModal += '                   </div>';
        basicChangeFormModal += '                </div>';
        basicChangeFormModal += '            </div>';
        basicChangeFormModal += '            <div class="modal-footer">';
        basicChangeFormModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="basicChangeFormSubmit" data-text="下一步">下一步</a>'; //改
        basicChangeFormModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="backToChangeConfirmSubmit" >上一步</a>'; //改
        basicChangeFormModal += '            </div>';
        basicChangeFormModal += '        </div>';
        basicChangeFormModal += '    </div>';
        basicChangeFormModal += '</div>';
        vajQuery('#ibmchat').append(basicChangeFormModal);
        chatbotModal('basicChangeFormModal', 'show');
        $('.loaderMain').hide();

        if (changeData !== '') {
            let checkedItems = changeData.checkedItem;
            for (var i in checkedItems) {
                let item = checkedItems[i];
                if (item === 'A') {
                    vajQuery('#addressCheckbox').prop('checked', true);
                    if (changeData.checkedAddrOpt === 'B') {
                        vajQuery('#postAddress').prop('checked', true);
                    }
                    $("div[name='addressArea']").toggle();
                    vajQuery('#postCodeInput').val(changeData.postCode);
                    vajQuery('#addressInput').val(changeData.address);
                }
                if (item === 'MO') {
                    vajQuery('#mobileOneCheckbox').prop('checked', true);
                    $("div[name='mobileOneArea']").toggle();
                    vajQuery('#mobileOneInput').val(changeData.mobileOne);
                }
                if (item === 'MT') {
                    vajQuery('#mobileTwoCheckbox').prop('checked', true);
                    $("div[name='mobileTwoArea']").toggle();
                    vajQuery('#mobileTwoInput').val(changeData.mobileTwo);
                }
                if (item === 'O') {
                    vajQuery('#officeTelCheckbox').prop('checked', true);
                    $("div[name='officeTelArea']").toggle();
                    vajQuery('#officeTelRegInput').val(changeData.officeTelReg);
                    vajQuery('#officeTelInput').val(changeData.officeTel);
                    vajQuery('#officeTelExtInput').val(changeData.officeTelExt);
                }
                if (item === 'H') {
                    vajQuery('#homeTelCheckbox').prop('checked', true);
                    $("div[name='homeTelArea']").toggle();
                    vajQuery('#homeTelRegInput').val(changeData.homeTelReg);
                    vajQuery('#homeTelInput').val(changeData.homeTel);
                    vajQuery('#homeTelExtInput').val(changeData.homeTelExt);
                }
                if (item === 'E') {
                    vajQuery('#emailCheckbox').prop('checked', true);
                    $("div[name='emailArea']").toggle();
                    vajQuery('#emailInput').val(changeData.mail);
                }
            }
        }

        $(function () {
            $("div[name='addressArea']").toggle();
            $("div[name='mobileOneArea']").toggle();
            $("div[name='mobileTwoArea']").toggle();
            $("div[name='officeTelArea']").toggle();
            $("div[name='homeTelArea']").toggle();
            $("div[name='emailArea']").toggle();
            stopPsrnTimer(myPsrnOTPTimer);
            stopMobileOnePsrnOTPTimer(myMobileOnePsrnOTPTimer);
        });

        vajQuery('#closeBasicChangeForm').click(function () {
            va_sendWebSocket('cancel', 'postback', '', 'F12_保單基本資料變更_取消');
            chatbotModal('basicChangeFormModal', 'hide');
        });

        vajQuery('#addressCheckbox').click(function () {
            $("div[name='addressArea']").toggle();
        });
        vajQuery('#mobileOneCheckbox').click(function () {
            $("div[name='mobileOneArea']").toggle();
        });
        vajQuery('#mobileTwoCheckbox').click(function () {
            $("div[name='mobileTwoArea']").toggle();
        });
        vajQuery('#officeTelCheckbox').click(function () {
            $("div[name='officeTelArea']").toggle();
        });
        vajQuery('#homeTelCheckbox').click(function () {
            $("div[name='homeTelArea']").toggle();
        });
        vajQuery('#emailCheckbox').click(function () {
            $("div[name='emailArea']").toggle();
        });

        vajQuery('#backToChangeConfirmSubmit').click(function (e) {
            chatbotModal('basicChangeFormModal', 'hide');
            if (value.oaReturn === undefined) {
                vaCreateChangeInfoModal(value);
            } else {
                vaCreateChangeInfoModal(JSON.stringify(value.oaReturn.policyDataList));
            }
        });

        vajQuery('#sendBasicChangeCaptchaByCSIS').click(function (e) {
            if (vajQuery('#emailCheckbox').is(':checked') && vajQuery('#emailInput').val() === '') {
                vajQuery('#emailInput').addClass('inputIsEmpty');
                vajQuery('#emailInput').attr('placeholder', '請輸入Email');
            } else if (vajQuery('#emailInput').hasClass('inputIsEmpty')) {
                vajQuery('#emailInput').removeClass('inputIsEmpty');
            } else if (vajQuery('#emailCheckbox').is(':checked') && vajQuery('#emailInput').val() !== '') {
                vajQuery('#otpTimer').prop('hidden', false);
                vajQuery('#psrnOTPTimer').prop('hidden', false);
                var elementText = vajQuery(e.target).data('text');
                const data = {
                    email: vajQuery('#emailInput').val(),
                    sendTheOTPType: 'E',
                    returnCode: 'changeOTP'
                };
                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
                vajQuery('#changeCaptchaCode').val('');
            }
        });

        vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').click(function (e) {
            if (vajQuery('#mobileOneCheckbox').is(':checked') && vajQuery('#mobileOneInput').val() === '') {
                vajQuery('#mobileOneInput').addClass('inputIsEmpty');
                vajQuery('#mobileOneInput').attr('placeholder', '請輸入手機號碼');
            } else if (vajQuery('#mobileOneInput').hasClass('inputIsEmpty')) {
                vajQuery('#mobileOneInput').removeClass('inputIsEmpty');
            } else if (vajQuery('#mobileOneCheckbox').is(':checked') && vajQuery('#mobileOneInput').val() !== '') {
                vajQuery('#mobileOneOtpTimer').prop('hidden', false);
                vajQuery('#mobileOnePsrnOTPTimer').prop('hidden', false);
                var elementText = vajQuery(e.target).data('text');
                const data = {
                    phone: vajQuery('#mobileOneInput').val(),
                    sendTheOTPType: 'P',
                    returnCode: 'changeOTP',
                    policyNo: JSON.parse(policyDataList)[0].policyCode
                };
                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
                vajQuery('#changeMobileOneCaptchaCode').val('');
            }
        });

        vajQuery('#ackToChangeConfirmSubmit').click(function (e) {
            $('.loaderMain').show();

            chatbotModal('basicChangeFormModal', 'hide');
            $('.loaderMain').hide();
        });

        vajQuery('#postCodeInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 6) {
                this.value = this.value.substring(0, 7);
            }
        });

        vajQuery('#mobileOneInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 10) {
                this.value = this.value.substring(0, 11);
            }
        });

        vajQuery('#mobileTwoInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 10) {
                this.value = this.value.substring(0, 11);
            }
        });

        vajQuery('#officeTelRegInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#officeTelInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#officeTelExtInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#homeTelRegInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#homeTelInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#homeTelExtInput').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#emailInput').keyup(function () {
            this.value = this.value.replace(/[^0-9a-z@\.]/g, '');
        });

        vajQuery('#basicChangeFormSubmit').click(function (e) {
            var hasInputIsEmpty = 'N';

            if (vajQuery('#addressCheckbox').is(':checked')) {
                if (vajQuery('#addressInput').val() === '') {
                    vajQuery('#addressInput').addClass('inputIsEmpty');
                    vajQuery('#addressInput').attr('placeholder', '請輸入住址');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#addressInput').hasClass('inputIsEmpty')) {
                    vajQuery('#addressInput').removeClass('inputIsEmpty');
                }
            }

            if (vajQuery('#mobileOneCheckbox').is(':checked') && vajQuery('#mobileOneInput').val() === '') {
                vajQuery('#mobileOneInput').addClass('inputIsEmpty');
                vajQuery('#mobileOneInput').attr('placeholder', '請輸入手機1');
                hasInputIsEmpty = 'Y';
            } else if (vajQuery('#mobileOneInput').hasClass('inputIsEmpty')) {
                vajQuery('#mobileOneInput').removeClass('inputIsEmpty');
            }

            if (vajQuery('#mobileTwoCheckbox').is(':checked') && vajQuery('#mobileTwoInput').val() === '') {
                vajQuery('#mobileTwoInput').addClass('inputIsEmpty');
                vajQuery('#mobileTwoInput').attr('placeholder', '請輸入手機2');
                hasInputIsEmpty = 'Y';
            } else if (vajQuery('#mobileTwoInput').hasClass('inputIsEmpty')) {
                vajQuery('#mobileTwoInput').removeClass('inputIsEmpty');
            }

            if (vajQuery('#officeTelCheckbox').is(':checked')) {
                if (vajQuery('#officeTelRegInput').val() === '') {
                    vajQuery('#officeTelRegInput').addClass('inputIsEmpty');
                    vajQuery('#officeTelRegInput').attr('placeholder', '請輸入區碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#officeTelRegInput').hasClass('inputIsEmpty')) {
                    vajQuery('#officeTelRegInput').removeClass('inputIsEmpty');
                }

                if (vajQuery('#officeTelInput').val() === '') {
                    vajQuery('#officeTelInput').addClass('inputIsEmpty');
                    vajQuery('#officeTelInput').attr('placeholder', '請輸入電話號碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#officeTelInput').hasClass('inputIsEmpty')) {
                    vajQuery('#officeTelInput').removeClass('inputIsEmpty');
                }

                // if (vajQuery('#officeTelExtInput').val() === '') {
                //     vajQuery('#officeTelExtInput').addClass('inputIsEmpty');
                //     vajQuery('#officeTelExtInput').attr('placeholder', '請輸入分機');
                //     hasInputIsEmpty = 'Y';
                // } else if (vajQuery('#officeTelExtInput').hasClass('inputIsEmpty')) {
                //     vajQuery('#officeTelExtInput').removeClass('inputIsEmpty');
                // }
            }

            if (vajQuery('#homeTelCheckbox').is(':checked')) {
                if (vajQuery('#homeTelRegInput').val() === '') {
                    vajQuery('#homeTelRegInput').addClass('inputIsEmpty');
                    vajQuery('#homeTelRegInput').attr('placeholder', '請輸入區碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#homeTelRegInput').hasClass('inputIsEmpty')) {
                    vajQuery('#homeTelRegInput').removeClass('inputIsEmpty');
                }

                if (vajQuery('#homeTelInput').val() === '') {
                    vajQuery('#homeTelInput').addClass('inputIsEmpty');
                    vajQuery('#homeTelInput').attr('placeholder', '請輸入電話號碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#homeTelInput').hasClass('inputIsEmpty')) {
                    vajQuery('#homeTelInput').removeClass('inputIsEmpty');
                }

                // if (vajQuery('#homeTelExtInput').val() === '') {
                //     vajQuery('#homeTelExtInput').addClass('inputIsEmpty');
                //     vajQuery('#officeTelExtInput').attr('placeholder', '請輸入分機');
                //     hasInputIsEmpty = 'Y';
                // } else if (vajQuery('#homeTelExtInput').hasClass('inputIsEmpty')) {
                //     vajQuery('#homeTelExtInput').removeClass('inputIsEmpty');
                // }
            }

            if (vajQuery('#emailCheckbox').is(':checked') && vajQuery('#emailInput').val() === '') {
                vajQuery('#emailInput').addClass('inputIsEmpty');
                vajQuery('#emailInput').attr('placeholder', '請輸入Email');
                hasInputIsEmpty = 'Y';
            } else if (vajQuery('#emailInput').hasClass('inputIsEmpty')) {
                vajQuery('#emailInput').removeClass('inputIsEmpty');
            }

            if (vajQuery('#emailCheckbox').is(':checked') && vajQuery('#changeCaptchaCode').val() === '') {
                vajQuery('#changeCaptchaCode').addClass('inputIsEmpty');
                vajQuery('#changeCaptchaCode').attr('placeholder', '請輸入驗證碼');
                hasInputIsEmpty = 'Y';
            } else if (vajQuery('#changeCaptchaCode').hasClass('inputIsEmpty')) {
                vajQuery('#changeCaptchaCode').removeClass('inputIsEmpty');
            }
            if (vajQuery('#mobileOneCheckbox').is(':checked') && vajQuery('#changeMobileOneCaptchaCode').val() === '') {
                vajQuery('#changeMobileOneCaptchaCode').addClass('inputIsEmpty');
                vajQuery('#changeMobileOneCaptchaCode').attr('placeholder', '請輸入驗證碼');
                hasInputIsEmpty = 'Y';
            } else if (vajQuery('#changeMobileOneCaptchaCode').hasClass('inputIsEmpty')) {
                vajQuery('#changeMobileOneCaptchaCode').removeClass('inputIsEmpty');
            }

            if (vajQuery('#mobileOneCheckbox').is(':checked') && vajQuery('#changeMobileOneSuccess').is(':hidden')) {
                hasInputIsEmpty = 'Y';
                vaCreateVerifyModal('phone');
            } else if (vajQuery('#emailCheckbox').is(':checked') && vajQuery('#changeEmailSuccess').is(':hidden')) {
                hasInputIsEmpty = 'Y';
                vaCreateVerifyModal('email');
            } 

            try {
                $('.loaderMain').show();

                if (hasInputIsEmpty === 'N') {
                    var elementText = vajQuery(e.target).data('text');
                    var changeItems = [];

                    if (vajQuery('#addressCheckbox').is(':checked')) {
                        changeItems.push('A');
                    }
                    if (vajQuery('#mobileOneCheckbox').is(':checked')) {
                        changeItems.push('MO');
                    }

                    if (vajQuery('#mobileTwoCheckbox').is(':checked')) {
                        changeItems.push('MT');
                    }
                    if (vajQuery('#officeTelCheckbox').is(':checked')) {
                        changeItems.push('O');
                    }

                    if (vajQuery('#homeTelCheckbox').is(':checked')) {
                        changeItems.push('H');
                    }
                    if (vajQuery('#emailCheckbox').is(':checked')) {
                        changeItems.push('E');
                    }
                    var data = {
                        //policyList: policyList
                        policyDataList: policyDataList, //改
                        changeItems: changeItems,
                        addressOpt: $("input[name='address']:checked").val(),
                        postCode: vajQuery('#postCodeInput').val(),
                        address: vajQuery('#addressInput').val(),
                        mobileOne: vajQuery('#mobileOneInput').val(),
                        mobileTwo: vajQuery('#mobileTwoInput').val(),
                        officeTelReg: vajQuery('#officeTelRegInput').val(),
                        officeTel: vajQuery('#officeTelInput').val(),
                        officeTelExt: vajQuery('#officeTelExtInput').val(),
                        homeTelReg: vajQuery('#homeTelRegInput').val(),
                        homeTel: vajQuery('#homeTelInput').val(),
                        homeTelExt: vajQuery('#homeTelExtInput').val(),
                        email: vajQuery('#emailInput').val(),
                        captcha: vajQuery('#changeCaptchaCode').val()
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkPolicyBasicChangeData', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
        vajQuery('#checkChangeMobileOneCaptchaCode').click(function (e) {
            try {
                $('.loaderMain').show();
                var hasInputIsEmpty = 'N';
                if (vajQuery('#mobileOneCheckbox').is(':checked') && vajQuery('#changeMobileOneCaptchaCode').val() === '') {
                    vajQuery('#changeMobileOneCaptchaCode').addClass('inputIsEmpty');
                    vajQuery('#changeMobileOneCaptchaCode').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#changeMobileOneCaptchaCode').hasClass('inputIsEmpty')) {
                    vajQuery('#changeMobileOneCaptchaCode').removeClass('inputIsEmpty');
                }
                
                if (hasInputIsEmpty === 'N') {
                    

                    var elementText = vajQuery(e.target).data('text');

                    var data = {
                        OTPCode: vajQuery('#changeMobileOneCaptchaCode').val(),
                        policyDataList: policyDataList,
                        phone: vajQuery('#mobileOneInput').val(),
                        type: 'phone'
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);

                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        
        });
        vajQuery('#checkChangeEmailCaptchaCode').click(function (e) {
            try {
                $('.loaderMain').show();

                var hasInputIsEmpty = 'N';
                if (vajQuery('#emailCheckbox').is(':checked') && vajQuery('#changeCaptchaCode').val() === '') {
                    vajQuery('#changeCaptchaCode').addClass('inputIsEmpty');
                    vajQuery('#changeCaptchaCode').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#changeCaptchaCode').hasClass('inputIsEmpty')) {
                    vajQuery('#changeCaptchaCode').removeClass('inputIsEmpty');
                }
                
                if (hasInputIsEmpty === 'N') {
                    
                    var elementText = vajQuery(e.target).data('text');

                    var data = {
                        OTPCode: vajQuery('#changeCaptchaCode').val(),
                        policyDataList: policyDataList,
                        email: vajQuery('#emailInput').val(),
                        type: 'email'
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);

                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}
function vaCreateCheckBasicErrorMessageModal(data) {
    if (vajQuery('#checkBasicError').length !== 0) {
        chatbotModal('checkBasicError', 'hide');
        vajQuery('#checkBasicError').remove();
        vaCreateCheckBasicErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkBasicError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkBasicError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">訊息通知</div>';
        for (var index in data.errorMsg) {
            if (data.errorMsg[index] !== '') {
                body += '<div class="smallText" style="text-align: left;"><span style="font-size:16px">&#8226;</span>';
                body += data.errorMsg[index];
                body += '</div>';
            }
        }
        if (data.showtext === 'Y' && data.changeItems !== null) {
            body += '<div class="smallText" style="text-align: left;"><span style="font-size:16px">&#8226;</span>若您仍要變更至此' + data.changeItems + '，請本人攜帶身分證至全省分公司/服務中心櫃台辦理。</div>';
        }

        var modalBody = vajQuery(body);
        var modalFooter = vajQuery('<div class="modal-footer"> <a id="checkBasicErrorClose" class="btn btn-sm btn-default col-xs-12">回上一頁</a> </div>');

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#checkBasicErrorClose').click(function () {
            chatbotModal('checkBasicError', 'hide');
            if (data.resetTime === 'Y') {
                stopPsrnTimer(myPsrnOTPTimer);
            }else if (data.resetPhoneTime === 'Y') {
                stopMobileOnePsrnOTPTimer(myMobileOnePsrnOTPTimer);
            }
        });

        chatbotModal('checkBasicError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateOTPMessageModal(data) {
    if (vajQuery('#OTPMessageModal').length !== 0) {
        chatbotModal('OTPMessageModal', 'hide');
        vajQuery('#OTPMessageModal').remove();
        vaCreateOTPMessageModal(data);
    } else {
        let sentOTPDate = new Date();

        if (data.sentOTPDate) {
            sentOTPDate = data.sentOTPDate;
        }

        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="OTPMessageModal" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm OTPMessageModal"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');
        //寄送成功

        if (data.hasError === 'N') {
            var modalBody = vajQuery(
                `<div class="modal-body"><div class="bigText">寄送成功</div>
                   <div class="smallText"> 請於指定手機或Email收取驗證碼 </div>
                </div>`
            );
            if (data.returnCode === 'registerOTP') {
                stopTimer(myRegisterOTPTimer);
                myRegisterOTPTimer = setInterval(function () {
                    registerOTPTimer(addMinutes(new Date(sentOTPDate), 5), myRegisterOTPTimer);
                }, 1000);
            }
            if (data.returnCode === 'changeOTP') {
                if(data.step === 'confirm'){
                    if(data.sendTheOTPType === 'E'){
                        modalBody = vajQuery(
                            `<div class="modal-body"><div class="bigText">寄送成功</div>
                               <div class="smallText"> 請於指定Email收取驗證碼 </div>
                            </div>`
                        );
                    } else if(data.sendTheOTPType === 'P'){
                        modalBody = vajQuery(
                            `<div class="modal-body"><div class="bigText">寄送成功</div>
                               <div class="smallText"> 請於指定手機收取驗證碼 </div>
                            </div>`
                        );
                    }
                    stopChangeConfirmPsrnTimer(myChangeConfirmOTPTimer);
                    myChangeConfirmOTPTimer = setInterval(function () {
                        changePsrnOTPTimer(addMinutes(new Date(sentOTPDate), 5), myChangeConfirmOTPTimer);
                    }, 1000);
                } else if(data.sendTheOTPType === 'E'){
                    modalBody = vajQuery(
                        `<div class="modal-body"><div class="bigText">寄送成功</div>
                           <div class="smallText"> 請於指定Email收取驗證碼 </div>
                        </div>`
                    );
                    stopPsrnTimer(myPsrnOTPTimer);
                    myPsrnOTPTimer = setInterval(function () {
                        psrnOTPTimer(addMinutes(new Date(sentOTPDate), 5), myPsrnOTPTimer);
                    }, 1000);
                } else if(data.sendTheOTPType === 'P'){
                    modalBody = vajQuery(
                        `<div class="modal-body"><div class="bigText">寄送成功</div>
                           <div class="smallText"> 請於指定手機收取驗證碼 </div>
                        </div>`
                    );
                    stopMobileOnePsrnOTPTimer(myMobileOnePsrnOTPTimer);
                    myMobileOnePsrnOTPTimer = setInterval(function () {
                        mobileOnePsrnOTPTimer(addMinutes(new Date(sentOTPDate), 5), myMobileOnePsrnOTPTimer);
                    }, 1000);
                }
            }
            if (data.returnCode === 'openNetworkOTP' || data.returnCode === 'openElectronicOTP') {
                if(data.sendTheOTPType === 'E'){
                    modalBody = vajQuery(
                        `<div class="modal-body"><div class="bigText">寄送成功</div>
                        <div class="smallText"> 請於指定Email收取驗證碼 </div>
                        </div>`
                    );
                } else if(data.sendTheOTPType === 'P'){
                    modalBody = vajQuery(
                        `<div class="modal-body"><div class="bigText">寄送成功</div>
                        <div class="smallText"> 請於指定手機收取驗證碼 </div>
                        </div>`
                    );
                }
                stopOTPTimer(myOTPTimer);
                myOTPTimer = setInterval(function () {
                    OTPTimer(addMinutes(new Date(sentOTPDate), 5), myOTPTimer);
                }, 1000);
            }
            if (data.returnCode === 'loanOTP') {
                if(data.sendTheOTPType === 'E'){
                    modalBody = vajQuery(
                        `<div class="modal-body"><div class="bigText">寄送成功</div>
                           <div class="smallText"> 請於指定Email收取驗證碼 </div>
                        </div>`
                    );
                } else if(data.sendTheOTPType === 'P'){
                    modalBody = vajQuery(
                        `<div class="modal-body"><div class="bigText">寄送成功</div>
                           <div class="smallText"> 請於指定手機收取驗證碼 </div>
                        </div>`
                    );
                }
                stopLoanPsrnTimer(myLoanOTPTimer);
                myLoanOTPTimer = setInterval(function () {
                    loanPsrnOTPTimer(addMinutes(new Date(sentOTPDate), 5), myLoanOTPTimer);
                }, 1000);
            }
            var modalFooter = vajQuery('<div class="modal-footer"> <a id="sendBotClose" class="btn btn-sm btn-default col-xs-12">我已了解</a> </div>');
        } else if (data && data.msg === '電子郵件信箱格式不符合規格') {
            var modalBody = vajQuery(
                `<div class="modal-body"><div class="bigText">寄送失敗</div>
                    <div class="smallText"> 電子郵件信箱格式不符合規格 </div>
                </div>`
            );
            var modalFooter = vajQuery('<div class="modal-footer"> <a id="sendBotClose" class="btn btn-sm btn-default col-xs-12">取消</a> </div>');
        } else if (data && data.msg === '手機格式不符合規格') {
            var modalBody = vajQuery(
                `<div class="modal-body"><div class="bigText">寄送失敗</div>
                    <div class="smallText"> 手機格式不符合規格 </div>
                </div>`
            );
            var modalFooter = vajQuery('<div class="modal-footer"> <a id="sendBotClose" class="btn btn-sm btn-default col-xs-12">取消</a> </div>');
        } else {
            //寄送失敗
            var modalBody = vajQuery(
                `<div class="modal-body"><div class="bigText">寄送失敗</div>
                    <div class="smallText"> 系統維護中，請稍後再試 </div>
                </div>`
            );
            var modalFooter = vajQuery('<div class="modal-footer"> <a id="sendBotClose" class="btn btn-sm btn-default col-xs-12">取消</a> </div>');
        }

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#sendBotClose').click(function () {
            chatbotModal('OTPMessageModal', 'hide');
        });

        chatbotModal('OTPMessageModal', 'show');
    }
    $('.loaderMain').hide();
}

function vaChangeFinalConfirmModal(data) {
    let policyDataList = data.oaReturn.policyDataList;
    let changeData = data.oaReturn.changeData;
    let emailList = [];
    let phoneList = [];
    for(var index in policyDataList){
        if(policyDataList[index].holderEmail && emailList.indexOf(policyDataList[index].holderEmail) == -1){
            emailList.push(policyDataList[index].holderEmail);
        }
        if(policyDataList[index].holderMobile && phoneList.indexOf(policyDataList[index].holderMobile) == -1){
            phoneList.push(policyDataList[index].holderMobile);
        }
    }
    if (vajQuery('#basicChangeFormModal').length !== 0) {
        chatbotModal('basicChangeFormModal', 'hide');
    }

    if (vajQuery('#changeFinalConfirmModal').length !== 0) {
        chatbotModal('changeFinalConfirmModal', 'hide');
        vajQuery('#changeFinalConfirmModal').remove();
        vaChangeFinalConfirmModal(data);
    } else {
        let changeFinalConfirmModal = '';

        changeFinalConfirmModal += '<div class="chatbotModal modal fade openForm" id="changeFinalConfirmModal" role="dialog">';
        changeFinalConfirmModal += '    <div class="modal-dialog loginModalDialog">';
        changeFinalConfirmModal += '        <div class="modal-content">';
        changeFinalConfirmModal += '            <div class="modal-header">';
        changeFinalConfirmModal += '                    <button type="button" class="close col-2 modalClose" id="changeFinalModalClose"></button>';
        changeFinalConfirmModal += '                    <h4 class=" col-8 modal-title">3.確認變更</h4>';
        changeFinalConfirmModal += '            </div>';
        changeFinalConfirmModal += '            <div class="modal-body">';
        changeFinalConfirmModal += '                <div class="row mb-15">';
        changeFinalConfirmModal += '                    <div class="loginTitle ">本次變更保單</div>';
        changeFinalConfirmModal += '                </div>';
        changeFinalConfirmModal += '                <div class="row mb-10" >';
        changeFinalConfirmModal += '                    <div class="modalText ">';
        for (var index in policyDataList) {
            changeFinalConfirmModal += policyDataList[index].policyCode + policyDataList[index].masterProductName;
            changeFinalConfirmModal += '                <br />';
        }
        changeFinalConfirmModal += '                   </div>';
        changeFinalConfirmModal += '                </div>';
        //變更資料
        changeFinalConfirmModal += '                <div class="row mb-15">';
        changeFinalConfirmModal += '                    <div class="loginTitle ">變更要保人資料</div>';
        changeFinalConfirmModal += '                </div>';
        changeFinalConfirmModal += '                <div class="row modalText mb-5" >';
        changeFinalConfirmModal += '                    <div style="font-size:18px ;">';
        for (var i in changeData.checkedItem) {
            let changeItem = changeData.checkedItem[i];
            if (changeItem === 'A') {
                changeFinalConfirmModal += '                    地址：' + changeData.newPostCode + changeData.newAddress;
                changeFinalConfirmModal += '                    <br/>';
            }
            if (changeItem === 'MO') {
                changeFinalConfirmModal += '                    手機1：' + changeData.mobileOne;
                changeFinalConfirmModal += '                    <br/>';
            }
            if (changeItem === 'MT') {
                changeFinalConfirmModal += '                    手機2：' + changeData.mobileTwo;
                changeFinalConfirmModal += '                    <br/>';
            }
            if (changeItem === 'O') {
                changeFinalConfirmModal += '                    連絡電話(日)：' + '(' + changeData.officeTelReg + ')' + changeData.officeTel;
                if (changeData.officeTelExt !== '' && changeData.officeTelExt !== null) {
                    changeFinalConfirmModal += '                 #' + changeData.officeTelExt;
                }
                changeFinalConfirmModal += '                    <br/>';
            }
            if (changeItem === 'H') {
                changeFinalConfirmModal += '                    連絡電話(夜)：' + '(' + changeData.homeTelReg + ')' + changeData.homeTel;
                if (changeData.homeTelExt !== '' && changeData.homeTelExt !== null) {
                    changeFinalConfirmModal += '                 #' + changeData.homeTelExt;
                }
                changeFinalConfirmModal += '                    <br/>';
            }
            if (changeItem === 'E') {
                changeFinalConfirmModal += '                    電子郵件信箱：' + changeData.mail;
                changeFinalConfirmModal += '                    <br/>';
            }
        }
        changeFinalConfirmModal += '                    </div>';
        changeFinalConfirmModal += '                </div>';
        if(!changeData.checkedItem.includes("E") && emailList.length > 0){
            
            changeFinalConfirmModal += '            <div class="row mb-10 modalText">發送驗證碼至電子郵件</div>';
            changeFinalConfirmModal += '            <div class="row mb-10 modalText">';
            changeFinalConfirmModal += '            <select style="width:100%" id="changeEmailInput"><option>請選擇電子郵件</option>';
            for (var index in emailList) {
                changeFinalConfirmModal += '                <option>';
                changeFinalConfirmModal +=  emailList[index] 
                changeFinalConfirmModal += '                </option>';
            }
            changeFinalConfirmModal += '            </select>';
            changeFinalConfirmModal += '            </div>';
            changeFinalConfirmModal += '                <div class="row mb-10 modalText">';
            changeFinalConfirmModal += '                    <input class="col-xs-7" type="tel" id="changeConfirmCaptchaCode" placeholder="請輸入驗證碼" maxlength="8" autocomplete="off" style="width:200px">';
            changeFinalConfirmModal += '                    <b id="changeSuccess"style="line-height:40px; display:none; color:green; padding-left:20px;">驗證成功</b>';
            changeFinalConfirmModal += '                    <a rel="noopener noreferrer" style="line-height:40px; padding-left:20px;" class="loginLink" id="sendChangeCaptchaByCSIS" target="_blank" data-text="發送驗證碼">發送驗證碼</a>';
            changeFinalConfirmModal += '                </div>';
            changeFinalConfirmModal += '                   <div class="row mb-10 loginTitle" > ';
            changeFinalConfirmModal += '                       <span id="changeOtpTimer" hidden="true">剩餘時間</span><span id="changePsrnOTPTimer" hidden="true"></span>';
            changeFinalConfirmModal += '                   </div>';
            changeFinalConfirmModal += '            <div class="modal-footer">';
            changeFinalConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="checkChangeCaptchaCode" data-text="驗證">驗證</a>'; 
            changeFinalConfirmModal += '            </div>';
        }  else if (!changeData.checkedItem.includes("MO") && emailList.length === 0 && phoneList.length > 0){
            
            changeFinalConfirmModal += '            <div class="row mb-10 modalText">發送驗證碼至手機號碼</div>';
            changeFinalConfirmModal += '            <div class="row mb-10 modalText">';
            changeFinalConfirmModal += '            <select style="width:100%" id="changePhoneInput"><option>請選擇手機號碼</option>';
            for (var index in phoneList) {
                changeFinalConfirmModal += '                <option>';
                changeFinalConfirmModal +=  phoneList[index] 
                changeFinalConfirmModal += '                </option>';
            }
            changeFinalConfirmModal += '            </select>';
            changeFinalConfirmModal += '            </div>';
            changeFinalConfirmModal += '                <div class="row mb-10 modalText">';
            changeFinalConfirmModal += '                    <input class="col-xs-7" type="tel" id="changeConfirmCaptchaCode" placeholder="請輸入驗證碼" maxlength="8" autocomplete="off" style="width:200px">';
            changeFinalConfirmModal += '                    <b id="changeSuccess"style="line-height:40px; display:none; color:green; padding-left:20px;">驗證成功</b>';
            changeFinalConfirmModal += '                    <a rel="noopener noreferrer" style="line-height:40px; padding-left:20px;" class="loginLink" id="sendChangeCaptchaByCSIS" target="_blank" data-text="發送驗證碼">發送驗證碼</a>';
            changeFinalConfirmModal += '                </div>';
            changeFinalConfirmModal += '                   <div class="row mb-10 loginTitle" > ';
            changeFinalConfirmModal += '                       <span id="changeOtpTimer" hidden="true">剩餘時間</span><span id="changePsrnOTPTimer" hidden="true"></span>';
            changeFinalConfirmModal += '                   </div>';
            changeFinalConfirmModal += '            <div class="modal-footer">';
            changeFinalConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="checkChangeCaptchaCode" data-text="驗證">驗證</a>'; 
            changeFinalConfirmModal += '            </div>';
        }
        changeFinalConfirmModal += '                <div class="row mb-15 modalText mb-5" style="color:#A9A9A9;">';
        changeFinalConfirmModal += '                    <span style="color:#A9A9A9;font-size:16px">&#8226;</span>';
        changeFinalConfirmModal += '                    限台灣地區地址。';
        changeFinalConfirmModal += '                    <br />';
        changeFinalConfirmModal += '                    <span style="color:#A9A9A9;font-size:16px">&#8226;</span>';
        changeFinalConfirmModal += '                    請勿填寫本公司、保經代公司、銀行 (均含分支機構及所屬業務員) 之地址、電話、Email。';
        changeFinalConfirmModal += '                    <br />';
        changeFinalConfirmModal += '                    <span style="color:#A9A9A9;font-size:16px">&#8226;</span>';
        changeFinalConfirmModal += '                    上班日 21:00 (含) 前申請者，本公司於當日辦理；其它時間申請者於次一個上班日辦理。';
        changeFinalConfirmModal += '                </div>';
        changeFinalConfirmModal += '            </div>';
        changeFinalConfirmModal += '            <div class="modal-footer">';
        changeFinalConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="finalConfirmSubmit" data-text="確認">確認</a>';
        changeFinalConfirmModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="previous" >上一步</a>';
        changeFinalConfirmModal += '            </div>';
        changeFinalConfirmModal += '        </div>';
        changeFinalConfirmModal += '    </div>';
        changeFinalConfirmModal += '</div>';
        vajQuery('#ibmchat').append(changeFinalConfirmModal);
        $('.loaderMain').hide();

        $(function () {
            stopChangeConfirmPsrnTimer(myChangeConfirmOTPTimer);
        });

        vajQuery('#changeFinalModalClose').click(function () {
            var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="finalNoticeModal" role="dialog"></div>');
            var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
            var modalContent = vajQuery('<div class="modal-content" style="height: 150px; max-width:350px;"></div>');
            var modalBody = vajQuery('<div class="modal-body"><div class="bigText">提醒</div><div class="smallText">保單變更【聯絡資料】尚未完成，請問是否要離開呢?</div></div>');
            var modalFooter = vajQuery('<div class="modal-footer" style="margin-bottom:20px;"><a id="changeCancelSubmit" class="left">是</a><a id="changeOKSubmit" class="right">否</a></div>');

            modalContent.append(modalBody);
            modalContent.append(modalFooter);
            modalDialog.append(modalContent);
            modalWindow.append(modalDialog);
            vajQuery('#ibmchatbox').after(modalWindow);
            chatbotModal('finalNoticeModal', 'show');

            vajQuery('#changeOKSubmit').click(function () {
                chatbotModal('finalNoticeModal', 'hide');
            });

            vajQuery('#changeCancelSubmit').click(function () {
                chatbotModal('finalNoticeModal', 'hide');
                va_sendWebSocket('cancel', 'postback', '', 'F12_保單基本資料變更_取消');
                chatbotModal('changeFinalConfirmModal', 'hide');
            });
        });

        vajQuery('#checkChangeCaptchaCode').click(function (e) {
            try {
                $('.loaderMain').show();
                var hasInputIsEmpty = 'N';
                if (vajQuery('#changeConfirmCaptchaCode').val() === '') {
                    vajQuery('#changeConfirmCaptchaCode').addClass('inputIsEmpty');
                    vajQuery('#changeConfirmCaptchaCode').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#changeConfirmCaptchaCode').hasClass('inputIsEmpty')) {
                    vajQuery('#changeConfirmCaptchaCode').removeClass('inputIsEmpty');
                }

                if (hasInputIsEmpty === 'N') {
                    var data = null;
                    var elementText = vajQuery(e.target).data('text');
                    if(emailList.length > 0){
                        data = {
                            OTPCode: vajQuery('#changeConfirmCaptchaCode').val(),
                            email: vajQuery('#changeEmailInput').val(),
                            type: 'email',
                            step: 'confirm'
                        };
                    } else {
                        data = {
                            OTPCode: vajQuery('#changeConfirmCaptchaCode').val(),
                            phone: vajQuery('#changePhoneInput').val(),
                            type: 'phone',
                            step: 'confirm'
                        };
                    }
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });

        vajQuery('#sendChangeCaptchaByCSIS').click(function (e) {
        
            if (vajQuery('#changeEmailInput').val() === '請選擇電子郵件') {
                vaCreateOTPErrorMessageModal(vajQuery('#changeEmailInput').val());
            } else if(vajQuery('#changePhoneInput').val() === '請選擇手機號碼'){
                vaCreateOTPErrorMessageModal(vajQuery('#changePhoneInput').val());
            } 
            else {
                vajQuery('#changeOtpTimer').prop('hidden', false);
                vajQuery('#changePsrnOTPTimer').prop('hidden', false);
                var elementText = vajQuery(e.target).data('text');
                var endtime = addMinutes(new Date(), 5);
                let year = endtime.getFullYear();
                let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
                let day = ('0' + endtime.getDate()).slice(-2);
                let hour = endtime.getHours();
                let minute = endtime.getMinutes();
                var endTime;
                if (minute < 10) {
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
                } else{
                    endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
                }
                let data = null;
                if(emailList.length > 0){
                    data = {
                        email: vajQuery('#changeEmailInput').val(),
                        sendTheOTPType: 'E',
                        returnCode: 'changeOTP',
                        endTime: endTime,
                        step: 'confirm'
                    };
                } else {
                    data = {
                        phone: vajQuery('#changePhoneInput').val(),
                        sendTheOTPType: 'P',
                        returnCode: 'changeOTP',
                        endTime: endTime,
                        step: 'confirm',
                        policyNo: policyDataList[0].policyCode
                    };
                }

                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
                vajQuery('#changeConfirmCaptchaCode').val('');
            }
        });

        vajQuery('#finalConfirmSubmit').bind('click', function (e) {
            var hasInputIsEmpty = 'N';
            if (vajQuery('#changeSuccess').is(':hidden')) {
                if(emailList.length > 0){
                    hasInputIsEmpty = 'Y';
                    vaCreateVerifyModal('email');
                } else{
                    hasInputIsEmpty = 'Y';
                    vaCreateVerifyModal('phone');
                } 
            } 
            try {
                $('.loaderMain').show();
                if (hasInputIsEmpty === 'N') {
                    va_sendWebSocket('openForm', 'formback', vajQuery(e.target).data('text'), 'uploadChangeData', data);
                    chatbotModal('changeFinalConfirmModal', 'hide');
                } else{
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });

        vajQuery('#previous').click(function () {
            $('.loaderMain').show();
            chatbotModal('changeFinalConfirmModal', 'hide');
            vaCreateBasicChangeFormModal(data);
        });
        chatbotModal('changeFinalConfirmModal', 'show');
    }
}

function vaCreateHitModal(data) {
    let showitems = '';
    if (data.hitItems.length > 1) {
        for (let i = 0; i < data.hitItems.length; i++) {
            showitems += data.hitItems[i];
            if (i !== data.hitItems.length - 1) {
                showitems += '、';
            }
        }
    } else {
        showitems = data.hitItems;
    }

    if (vajQuery('#hitNoticeModal').length !== 0) {
        chatbotModal('hitNoticeModal', 'hide');
        vajQuery('#hitNoticeModal').remove();
        vaCreateHitModal(data);
    } else {
        $(function () {
            var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="hitNoticeModal" role="dialog"></div>');
            var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
            var modalContent = vajQuery('<div class="modal-content" style="height: 250px; max-width:350px;"></div>');
            var modalBody = vajQuery('<div class="modal-body"><div class="bigText">注意</div><div class="smallText">請確認下述聯絡資料是否正確</div>' + '<div class="smallText">【' + showitems + '】</div></div>');
            var modalFooter = vajQuery(
                '<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="changeNow" >馬上變更</a><a class="btn btn-sm btn-default col-xs-12" id="notChange" data-text="我已知悉，暫不修改">我已知悉，暫不修改</a></div>'
            );

            modalContent.append(modalBody);
            modalContent.append(modalFooter);
            modalDialog.append(modalContent);
            modalWindow.append(modalDialog);
            vajQuery('#ibmchatbox').after(modalWindow);
            chatbotModal('hitNoticeModal', 'show');
            $('.loaderMain').hide();

            vajQuery('#changeNow').click(function () {
                chatbotModal('hitNoticeModal', 'hide');
            });

            vajQuery('#notChange').click(function (e) {
                try {
                    $('.loaderMain').show();
                    var elementText = vajQuery(e.target).data('text');
                    data.data.notChange = 'Y';
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkPolicyBasicChangeData', data.data);
                    chatbotModal('hitNoticeModal', 'hide');
                } catch (e) {
                    console.log(e);
                    $('.loaderMain').hide();
                }
            });
        });
    }
}

function vaCreateRatingModal(requestID) {
    if (vajQuery('#ratingModal').length !== 0) {
        chatbotModal('ratingModal', 'hide');
        vajQuery('#ratingModal').remove();
        vaCreateRatingModal(requestID);
    } else {
        let ratingModal = '';
        ratingModal += '<div class="chatbotModal modal fade openForm" id="ratingModal" role="dialog">';
        ratingModal += '    <div class="modal-dialog loginModalDialog">';
        ratingModal += '        <div class="modal-content">';
        ratingModal += '            <div class="modal-header">';
        ratingModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        ratingModal += '                    <h4 class=" col-10 modal-title">您是否滿意我的回答 ? 請幫我評個分喔~ </h4>';
        ratingModal += '            </div>';
        ratingModal += '            <div class="modal-body" >';
        ratingModal += '                <div class="row mb-10" style="margin-top: 10px; padding:0; user-select: none;">';
        ratingModal += '                    <div class="col-2 satisfy_star_y rate" id="rate1"></div>';
        ratingModal += '                    <div class="col-2 satisfy_star_y rate" id="rate2"></div>';
        ratingModal += '                    <div class="col-2 satisfy_star_y rate" id="rate3"></div>';
        ratingModal += '                    <div class="col-2 satisfy_star_y rate" id="rate4"></div>';
        ratingModal += '                    <div class="col-2 satisfy_star_y_5 rate" id="rate5"></div>';
        ratingModal += '                </div>';
        ratingModal += '            </div>';
        ratingModal += '            <div class="modal-footer">';
        ratingModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="ratingSubmit">送出</a>';
        ratingModal += '            </div>';
        ratingModal += '        </div>';
        ratingModal += '    </div>';
        ratingModal += '</div>';
        vajQuery('#ibmchat').append(ratingModal);
        chatbotModal('ratingModal', 'show');
        $('.loaderMain').hide();

        vajQuery('.rate').click(function (e) {
            let rating = parseInt(e.target.id.split('rate')[1], 10);
            for (let i = 1; i <= 5; i++) {
                if (i <= rating && i === 5) {
                    vajQuery('#rate' + i).addClass('satisfy_star_y_5');
                    vajQuery('#rate' + i).removeClass('satisfy_star_w');
                } else if (i <= rating) {
                    vajQuery('#rate' + i).addClass('satisfy_star_y');
                    vajQuery('#rate' + i).removeClass('satisfy_star_w');
                } else {
                    vajQuery('#rate' + i).addClass('satisfy_star_w');
                    vajQuery('#rate' + i).removeClass('satisfy_star_y');
                    vajQuery('#rate' + i).removeClass('satisfy_star_y_5');
                }
            }
        });

        vajQuery('#ratingSubmit').click(function (e) {
            let score = 0;
            if ($('#ratingModal .satisfy_star_y_5').length === 1) {
                score = 5;
            } else {
                score = $('#ratingModal .satisfy_star_y').length;
            }
            if (score < 3) {
                let data = {
                    requestID: requestID,
                    score: score
                };
                chatbotModal('ratingModal', 'hide');
                vaCreateRatingFeedbackModal(data);
            } else {
                //save to db
                var obj = {
                    requestID: requestID,
                    isLike: score,
                    comment: '',
                    dislikeReason: ''
                };
                vajQuery
                    .ajax({
                        url: 'https://va.transglobe.com.tw/api/saveQASurvey',
                        type: 'POST',
                        cache: false,
                        data: obj,
                        datatype: 'json'
                    })
                    .done(function (res) {
                        console.log(res);
                        vaCreateRatingCompletedModal(requestID, score);
                    })
                    .fail(function (res) {
                        console.log(res);
                    })
                    .always(function (res) {
                        chatbotModal('ratingModal', 'hide');
                    });
            }
        });
    }
}

function vaCreateRatingFeedbackModal(data) {
    if (vajQuery('#ratingFeedbackModal').length !== 0) {
        chatbotModal('ratingFeedbackModal', 'hide');
        vajQuery('#ratingFeedbackModal').remove();
        vaCreateRatingFeedbackModal(data);
    } else {
        let ratingFeedbackModal = '';
        ratingFeedbackModal += '<div class="chatbotModal modal fade openForm" id="ratingFeedbackModal" role="dialog">';
        ratingFeedbackModal += '    <div class="modal-dialog loginModalDialog">';
        ratingFeedbackModal += '        <div class="modal-content">';
        ratingFeedbackModal += '            <div class="modal-header">';
        ratingFeedbackModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        ratingFeedbackModal += '                    <h4 class=" col-8 modal-title">請問你對於回答的感受(可複選)</h4>';
        ratingFeedbackModal += '            </div>';
        ratingFeedbackModal += '            <div class="modal-body">';
        ratingFeedbackModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        ratingFeedbackModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        ratingFeedbackModal += '                    <b>沒回答我的問題</b>';
        ratingFeedbackModal += '                    <input type="checkbox" id="f1" />';
        ratingFeedbackModal += '                    <span class="checkmark"></span>';
        ratingFeedbackModal += '                    </label>';
        ratingFeedbackModal += '                </div>';
        ratingFeedbackModal += '                <div class="row mb-10">';
        ratingFeedbackModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        ratingFeedbackModal += '                    <b>答案太長了</b>';
        ratingFeedbackModal += '                    <input type="checkbox" id="f2" />';
        ratingFeedbackModal += '                    <span class="checkmark"></span>';
        ratingFeedbackModal += '                    </label>';
        ratingFeedbackModal += '                </div>';
        ratingFeedbackModal += '                <div class="row mb-10">';
        ratingFeedbackModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        ratingFeedbackModal += '                    <b>看不懂答案</b>';
        ratingFeedbackModal += '                    <input type="checkbox" id="f3" />';
        ratingFeedbackModal += '                    <span class="checkmark"></span>';
        ratingFeedbackModal += '                    </label>';
        ratingFeedbackModal += '                </div>';
        ratingFeedbackModal += '                <div class="row mb-10">';
        ratingFeedbackModal += '                    <label class="checkboxContainer" style="text-align: left;">';
        ratingFeedbackModal += '                    <b>其它</b>';
        ratingFeedbackModal += '                    <input type="checkbox" id="f4" />';
        ratingFeedbackModal += '                    <span class="checkmark"></span>';
        ratingFeedbackModal += '                    </label>';
        ratingFeedbackModal += '                </div>';
        ratingFeedbackModal += '            </div>';
        ratingFeedbackModal += '            <div class="modal-footer">';
        ratingFeedbackModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="feedbackSubmit">送出</a>';
        ratingFeedbackModal += '            </div>';
        ratingFeedbackModal += '        </div>';
        ratingFeedbackModal += '    </div>';
        ratingFeedbackModal += '</div>';
        vajQuery('#ibmchat').append(ratingFeedbackModal);
        chatbotModal('ratingFeedbackModal', 'show');
        $('.loaderMain').hide();

        vajQuery('#feedbackSubmit').click(function () {
            let f1 = $('#f1').is(':checked') ? '1' : '0';
            let f2 = $('#f2').is(':checked') ? '1' : '0';
            let f3 = $('#f3').is(':checked') ? '1' : '0';
            let f4 = $('#f4').is(':checked') ? '1' : '0';
            data.dislikeReason = f1 + f2 + f3 + f4;
            if (f4 === '1') {
                chatbotModal('ratingFeedbackModal', 'hide');
                vaCreateRatingFeedback2Modal(data);
            } else {
                vajQuery
                    .ajax({
                        url: 'https://va.transglobe.com.tw/api/saveQASurvey',
                        type: 'POST',
                        cache: false,
                        data: data,
                        datatype: 'json'
                    })
                    .done(function (res) {
                        console.log(res);
                        vaCreateRatingCompletedModal(data.requestID, data.score);
                    })
                    .fail(function (res) {
                        console.log(res);
                    })
                    .always(function (res) {
                        chatbotModal('ratingFeedbackModal', 'hide');
                    });
            }
        });
    }
}

function vaCreateRatingFeedback2Modal(data) {
    if (vajQuery('#ratingFeedback2Modal').length !== 0) {
        chatbotModal('ratingFeedback2Modal', 'hide');
        vajQuery('#ratingFeedback2Modal').remove();
        vaCreateRatingFeedback2Modal(data);
    } else {
        let ratingFeedbackModal = '';
        ratingFeedbackModal += '<div class="chatbotModal modal fade openForm" id="ratingFeedback2Modal" role="dialog">';
        ratingFeedbackModal += '    <div class="modal-dialog loginModalDialog">';
        ratingFeedbackModal += '        <div class="modal-content">';
        ratingFeedbackModal += '            <div class="modal-header">';
        ratingFeedbackModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        ratingFeedbackModal += '                    <h4 class=" col-8 modal-title">請幫助我變得更好！</h4>';
        ratingFeedbackModal += '            </div>';
        ratingFeedbackModal += '            <div class="modal-body">';
        ratingFeedbackModal += '                <div class="row mb-10" style="margin-top: 10px;">';
        ratingFeedbackModal += '                    <textarea class="form-control" id="feedbackText" placeholder="請輸入你的建議(最多200字)…" style="height: 190px;"></textarea>';
        ratingFeedbackModal += '                </div>';
        ratingFeedbackModal += '            </div>';
        ratingFeedbackModal += '            <div class="modal-footer">';
        ratingFeedbackModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="feedback2Submit">送出</a>';
        ratingFeedbackModal += '            </div>';
        ratingFeedbackModal += '        </div>';
        ratingFeedbackModal += '    </div>';
        ratingFeedbackModal += '</div>';
        vajQuery('#ibmchat').append(ratingFeedbackModal);
        chatbotModal('ratingFeedback2Modal', 'show');
        $('.loaderMain').hide();

        vajQuery('#feedback2Submit').click(function () {
            //send to db
            var obj = {
                requestID: data.requestID,
                isLike: data.score,
                comment: $('#feedbackText').val(),
                dislikeReason: data.dislikeReason
            };

            vajQuery
                .ajax({
                    url: 'https://va.transglobe.com.tw/api/saveQASurvey',
                    type: 'POST',
                    cache: false,
                    data: obj,
                    datatype: 'json'
                })
                .done(function (res) {
                    console.log(res);
                    chatbotModal('ratingFeedback2Modal', 'hide');
                    vaCreateRatingCompletedModal(data.requestID, data.score);
                })
                .fail(function (res) {
                    console.log(res);
                })
                .always(function (res) {
                    chatbotModal('ratingModal', 'hide');
                });
        });
    }
}

function vaCreateRatingCompletedModal(requestID, score) {
    if (vajQuery('#ratingCompletedModal').length !== 0) {
        chatbotModal('ratingCompletedModal', 'hide');
        vajQuery('#ratingCompletedModal').remove();
        vaCreateRatingCompletedModal(requestID, score);
    } else {
        vajQuery('.cbIntent')
            .find('div[data-requestid="' + requestID + '"]')
            .css('background-image', ' url(https://va.transglobe.com.tw/webChat/images/star_' + score + '.png');
        vajQuery('.cbIntent')
            .find('div[data-requestid="' + requestID + '"]')
            .off('click');
        let ratingModal = '';

        ratingModal += '<div class="chatbotModal modal fade openForm" id="ratingCompletedModal" role="dialog">';
        ratingModal += '    <div class="modal-dialog loginModalDialog">';
        ratingModal += '        <div class="modal-content">';
        ratingModal += '        <div class="modal-body">';
        ratingModal += '            <div class="row" style="margin-top: 10px;">';
        ratingModal += '                <h4 class=" col-8 modal-title" style="font-size: 16px;">謝謝你的回饋，我會持續學習精進！</h4>';
        ratingModal += '            </div>';
        ratingModal += '            <div class="row mb-10">';
        ratingModal += '                <div id="loginSuccess"></div>';
        ratingModal += '            </div>';
        ratingModal += '            </div>';
        ratingModal += '        </div>';
        ratingModal += '    </div>';
        ratingModal += '</div>';
        vajQuery('#ibmchat').append(ratingModal);
        chatbotModal('ratingCompletedModal', 'show');
        $('.loaderMain').hide();
        setTimeout(function () {
            chatbotModal('ratingCompletedModal', 'hide');
        }, 3000);
    }
}

function vaConnectTextService() {
    if (vajQuery('#connectCustomerServiceModal').length) {
        chatbotModal('connectCustomerServiceModal', 'hide');
        vajQuery('#connectCustomerServiceModal').remove();
        vaConnectTextService();
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="connectCustomerServiceModal" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm loginErrModal"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');
        var modalBody = '';
        modalBody += '<div class="modal-body">';
        modalBody += '    <div style="margin-top:5px;">與真人文字客服連線中</div>';
        modalBody += '    <div id="connectloading">';
        modalBody += '        <div class="loadingio-spinner-spin-z9hrxetle7">';
        modalBody += '            <div class="ldio-b9j2r7u0wy5">';
        modalBody += '                <div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div>';
        modalBody += '            </div>';
        modalBody += '        </div>';
        modalBody += '    </div>';
        modalBody += '</div>';

        modalContent.append(modalBody);
        // modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);
        chatbotModal('connectCustomerServiceModal', 'show');
    }
}

function vaEndTextServiceModal() {
    if (vajQuery('#endTextServiceModal').length) {
        chatbotModal('endTextServiceModal', 'hide');
        vajQuery('#endTextServiceModal').remove();
        vaEndTextServiceModal();
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="endTextServiceModal" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm endTextServiceModal"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var modalBody = vajQuery('<div class="modal-body"><div style="margin-top:15px;">你即將離開文字客服服務，請確認是否要結束與文字客服對話。</div></div>');

        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';

        footerContent += '<a id="endTextServiceBtn" class="left">是</a>';
        footerContent += '<a id="loginErrorCancel" class="right col-12" data-dismiss="modal">否</a>';

        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);
        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);
        chatbotModal('endTextServiceModal', 'show');

        //結束文字客服
        vajQuery('#endTextServiceBtn').click(function () {
            va_sendWebSocket('stopConnect', 'text', 'requestDisconnect', 99);
            chatbotModal('endTextServiceModal', 'hide');
            // eslint-disable-next-line no-undef
            clearStopTextServiceMsg();
        });
    }
}

function vaIdleEndTextServiceModal() {
    if (vajQuery('#idleEndTextServiceModal').length) {
        chatbotModal('idleEndTextServiceModal', 'hide');
        setTimeout(function () {
            vajQuery('#idleEndTextServiceModal').remove();
            vaIdleEndTextServiceModal();
        }, 500);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="idleEndTextServiceModal" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm endTextServiceModal"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var modalBody = vajQuery('<div class="modal-body"><div style="margin-top:15px;">因久未有你的回應，請問是否要繼續與文字客服交談？</div></div>');

        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';

        footerContent += '<a id="endTextServiceBtn" class="left">是</a>';
        footerContent += '<a id="endTextServiceCancelBtn" class="right col-12">否</a>';

        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);
        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);
        chatbotModal('idleEndTextServiceModal', 'show');

        //結束文字客服
        vajQuery('#endTextServiceBtn').click(function () {
            chatbotModal('idleEndTextServiceModal', 'hide');
            va_sendWebSocket('alive', 'text', 'replyAlive', 'Y');
        });
        vajQuery('#endTextServiceCancelBtn').click(function () {
            chatbotModal('idleEndTextServiceModal', 'hide');
            va_sendWebSocket('alive', 'text', 'replyAlive', 'N');
        });
    }
}

function vaCreateTextServiceRatingModal(data) {
    if (vajQuery('#textServiceRatingModal').length !== 0) {
        chatbotModal('textServiceRatingModal', 'hide');
        vajQuery('#textServiceRatingModal').remove();
        vaCreateTextServiceRatingModal(data);
    } else {
        let components = [];
        data.extraInfo.eventData.suveryList.forEach(function (ele) {
            let component = '';
            if (ele.answerType === 'S') {
                component += '                <div class="row mb-10" style="margin-top: 10px;">' + ele.question + '</div>';
                component += '                <div class="row mb-10" style="margin-top: 10px; padding:0; user-select: none;">';
                component += '                    <div class="col-2 satisfy_star_y rate" id="rate' + ele.item + '_1"></div>';
                component += '                    <div class="col-2 satisfy_star_y rate" id="rate' + ele.item + '_2"></div>';
                component += '                    <div class="col-2 satisfy_star_y rate" id="rate' + ele.item + '_3"></div>';
                component += '                    <div class="col-2 satisfy_star_y rate" id="rate' + ele.item + '_4"></div>';
                component += '                    <div class="col-2 satisfy_star_y_5 rate" id="rate' + ele.item + '_5"></div>';
                component += '                </div>';
                // component += '                <div class="row mb-10 greyCenterText" style="margin-top: 10px;">(非常同意請給5顆星，非常不同意請給1顆星)</div>';
            } else if (ele.answerType === 'T') {
                component += '                <div class="row mb-10" style="margin-top: 10px;">' + ele.question + '</div>';
                component += '                <div class="row mb-10" style="margin-top: 10px;">';
                component += '                    <textarea class="form-control" id="feedbackText_' + ele.item + '" placeholder="請輸入你的建議(最多200字)…" style="height: 190px;" maxlength="200"></textarea>';
                component += '                </div>';
            }
            components.push(component);
        });

        let ratingModal = '';
        ratingModal += '<div class="chatbotModal modal fade openForm" id="textServiceRatingModal" role="dialog">';
        ratingModal += '    <div class="modal-dialog loginModalDialog">';
        ratingModal += '        <div class="modal-content">';
        ratingModal += '            <div class="modal-header">';
        ratingModal += '                    <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button>';
        ratingModal += '                    <h4 class=" col-8 modal-title">文字客服滿意度調查</h4>';
        ratingModal += '            </div>';
        ratingModal += '            <div class="modal-body">';
        ratingModal += components.join('<hr/>');
        ratingModal += '            </div>';
        ratingModal += '            <div class="modal-footer">';
        ratingModal += '                    <a class="btn btn-sm btn-default col-xs-12" id="textServiceRatingSubmit">送出</a>';
        ratingModal += '            </div>';
        ratingModal += '        </div>';
        ratingModal += '    </div>';
        ratingModal += '</div>';
        vajQuery('#ibmchat').append(ratingModal);
        chatbotModal('textServiceRatingModal', 'show');
        $('.loaderMain').hide();

        vajQuery('.rate').click(function (e) {
            let item = parseInt(e.target.id.split('rate')[1].split('_')[0], 10);
            let rating = parseInt(e.target.id.split('_')[1], 10);

            for (let i = 1; i <= 5; i++) {
                if (i <= rating && i === 5) {
                    vajQuery('#rate' + item + '_' + i).addClass('satisfy_star_y_5');
                    vajQuery('#rate' + item + '_' + i).removeClass('satisfy_star_w');
                } else if (i <= rating) {
                    vajQuery('#rate' + item + '_' + i).addClass('satisfy_star_y');
                    vajQuery('#rate' + item + '_' + i).removeClass('satisfy_star_w');
                } else {
                    vajQuery('#rate' + item + '_' + i).addClass('satisfy_star_w');
                    vajQuery('#rate' + item + '_' + i).removeClass('satisfy_star_y');
                    vajQuery('#rate' + item + '_' + i).removeClass('satisfy_star_y_5');
                }
            }
        });

        vajQuery('#textServiceRatingSubmit').click(function (e) {
            let rtnData = {
                suveryList: []
            };
            data.extraInfo.eventData.suveryList.forEach(function (ele) {
                let ans = {
                    item: ele.item
                };
                if (ele.answerType === 'T') {
                    ans.content = vajQuery('#feedbackText_' + ele.item).val();
                } else if (ele.answerType === 'S') {
                    if (vajQuery('#textServiceRatingModal div[id^=rate' + ele.item + '][class*=satisfy_star_y_5]').length !== 0) {
                        ans.score = 5;
                    } else {
                        ans.score = vajQuery('#textServiceRatingModal div[id^=rate' + ele.item + '][class*=satisfy_star_y]').length;
                    }
                }
                rtnData.suveryList.push(ans);
            });
            va_sendWebSocket('sendSatisfaction', 'text', 'sendSatisfaction', '', rtnData);
            chatbotModal('textServiceRatingModal', 'hide');
            vaCreateTextServiceRatingCompletedModal();
        });
    }
}

function vaCreateTextServiceRatingCompletedModal() {
    if (vajQuery('#textServiceRatingCompletedModal').length !== 0) {
        chatbotModal('textServiceRatingCompletedModal', 'hide');
        vajQuery('#textServiceRatingCompletedModal').remove();
        vaCreateTextServiceRatingCompletedModal();
    } else {
        let ratingModal = '';

        ratingModal += '<div class="chatbotModal modal fade openForm" id="textServiceRatingCompletedModal" role="dialog">';
        ratingModal += '    <div class="modal-dialog loginModalDialog">';
        ratingModal += '        <div class="modal-content">';
        ratingModal += '        <div class="modal-body">';
        ratingModal += '            <div class="row" style="margin-top: 10px;">';
        ratingModal += '                <h4 class=" col-8 modal-title" style="font-size: 16px;">謝謝你的回饋，我會持續學習精進！</h4>';
        ratingModal += '            </div>';
        ratingModal += '            <div class="row mb-10">';
        ratingModal += '                <div id="loginSuccess"></div>';
        ratingModal += '            </div>';
        ratingModal += '            </div>';
        ratingModal += '        </div>';
        ratingModal += '    </div>';
        ratingModal += '</div>';
        vajQuery('#ibmchat').append(ratingModal);
        chatbotModal('textServiceRatingCompletedModal', 'show');
        $('.loaderMain').hide();
        setTimeout(function () {
            chatbotModal('textServiceRatingCompletedModal', 'hide');
        }, 3000);
    }
}

//unused
function vaCreateLoginTipsModal(tip) {
    if (vajQuery('#loginTipsModal').length) {
        chatbotModal('loginTipsModal', 'hide');
        vajQuery('#loginTipsModal').remove();
        vaCreateLoginTipsModal(tip);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="loginTipsModal" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
        var modalHeader = vajQuery('<div class="modal-header"></div>');
        var modalClose = vajQuery('<button type="button" class="close" id="loginTipsClose">&times;</button>');
        var modalTitle;
        var modalContent = vajQuery('<div class="modal-content"></div>');
        var bodyContent = '<div class="modal-body">';
        if (tip === 'useracc') {
            modalTitle = vajQuery('<h4 class="modal-title"><big>「帳號」說明：</big></h4>');
            bodyContent += '<ol><li>帳號為您的身分證字號</li>';
            bodyContent += '<li>倘為外籍人士，請填寫投保時於要保書上所留之號碼，例如：護照號碼/居留證號碼/當地的身分證字號…等。</li></ol>';
        } else if (tip === 'username') {
            modalTitle = vajQuery('<h4 class="modal-title"><big>「使用者名稱」設定規則：</big></h4>');
            bodyContent += '<ol><li>長度最少6個字元，最多20個字元。</li>';
            bodyContent += '<li>需同時含有英文字母及數字。</li>';
            bodyContent += '<li>不可含有空白或全形字元。</li>';
            bodyContent += '<li>不可含有：單引號(\')、雙引號(")、斜線(/)、反斜線(\\) 。</li>';
            bodyContent += '<li>不可與「帳號」或「密碼」相同。</li></ol>';
        } else if (tip === 'usersosi') {
            modalTitle = vajQuery('<h4 class="modal-title"><big>「密碼」設定規則：</big></h4>');
            bodyContent += '<ol><li>長度最少8個字元，最多12個字元。</li>';
            bodyContent += '<li>需同時含有英文字母及數字。</li>';
            bodyContent += '<li>不可與目前的密碼重複。</li>';
            bodyContent += '<li>不可含有空白或全形字元。</li>';
            bodyContent += '<li>不可含有：單引號(\')、雙引號(")、斜線(/)、反斜線(\\)。</li>';
            bodyContent += '<li>不可與「帳號」或「使用者名稱」相同。</li></ol>';
        }
        bodyContent += '</div>';
        var modalBody = vajQuery(bodyContent);
        modalHeader.append(modalClose);
        modalHeader.append(modalTitle);
        modalContent.append(modalHeader);
        modalContent.append(modalBody);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#loginTipsClose').bind('click', function (e) {
            chatbotModal('loginTipsModal', 'hide');
        });

        chatbotModal('loginTipsModal', 'show');
    }
    $('.loaderMain').hide();
}

// eslint-disable-next-line no-unused-vars
function createTransfer() {
    var content = '';
    content += '<div id="chatbot" class="chatbot">';
    content += '    <div class="chatbot_mask"></div>';
    content += '    <form class="form">';
    content += '        <div class="chatbot-panel" id="panel-1">';
    content += '            <div class="chatbot-panel-header">';
    content += '                輸入轉帳資訊';
    content += '                <a class="btn_close"></a>';
    content += '            </div>';
    content += '            <div class="chatbot-panel-body">';
    content += '                <div class="form_title">請輸入繳款帳戶資訊：</div>';
    content += '                <div class="form_group disabled">';
    content += '                    <div class="txt_title">戶名</div>';
    content += '                    <div class="input_wrap">';
    content += '                        <input type="text" placeholder="" value="王*明" disabled>';
    content += '                    </div>';
    content += '                </div>';
    content += '                <div class="form_group disabled">';
    content += '                    <div class="txt_title">身分證字號</div>';
    content += '                    <div class="input_wrap">';
    content += '                        <input type="text" placeholder="" value="A123****89" disabled>';
    content += '                    </div>';
    content += '                </div>';
    content += '                <div class="form_group">';
    content += '                    <div class="txt_title">轉出銀行</div>';
    content += '                    <div class="select_wrap">';
    content += '                        <a class="input_wrap js-toggle-select-list">';
    content += '                            <input type="text" placeholder="請選擇" readonly>';
    content += '                        </a>';
    content += '                        <div class="select_list_wrap hide">';
    content += '                            <ul class="select_list">';
    content += '                                <li><a href="#">004 台灣銀行</a></li>';
    content += '                                <li><a href="#">005 土地銀行</a></li>';
    content += '                                <li><a href="#">006 合庫商銀</a></li>';
    content += '                                <li><a href="#">007 第一銀行</a></li>';
    content += '                                <li><a href="#">004 台灣銀行</a></li>';
    content += '                                <li><a href="#">005 土地銀行</a></li>';
    content += '                                <li><a href="#">006 合庫商銀</a></li>';
    content += '                                <li><a href="#">007 第一銀行</a></li>';
    content += '                            </ul>';
    content += '                        </div>';
    content += '                    </div>';
    content += '                </div>';
    content += '                <div class="form_group">';
    content += '                    <div class="txt_title">轉出帳號</div>';
    content += '                    <div class="input_wrap">';
    content += '                        <input type="text" placeholder="" value="">';
    content += '                    </div>';
    content += '                </div>';
    content += '                <div class="btns_wrap align-rt">';
    content += '                    <a class="btn_link">';
    content += '                        <i class="icon_arrow_right"></i>';
    content += '                        繳費事項說明';
    content += '                    </a>';
    content += '                </div>';
    content += '            </div>';
    content += '            <div class="chatbot-panel-footer">';
    content += '                <div class="btn_submit disabled js_confirm_form">提交轉帳資訊</div>';
    content += '            </div>';
    content += '        </div>';
    content += '    </form>';
    content += '</div>';
    vajQuery('.chatbotFooter > input').hide();
    vajQuery('.chatbotFooter').append(content);
    // va_changeInput(inputMask);
    $(function () {
        initChatbotSelect();
        resizeWindow();
        $(window).resize(resizeWindow);
        checkFormInput();
    });
}

// resizeWindow
function resizeWindow() {
    resetChatbotSelectHight();
}

// 選單list的高度，因為都是浮在視窗上面，所以另外計算高度
function resetChatbotSelectHight() {
    $('.chatbot .select_wrap').each(function () {
        var select_wrap = $(this);
        var chatbot_height = $('.chatbot .chatbot-panel:not(.hide)').height();
        var select_pos = select_wrap.position();
        var select_height = select_wrap.height();
        var select_list_height = chatbot_height - select_pos.top - select_height;
        select_list_height = select_list_height > 150 ? select_list_height : 150;
        select_wrap.find('.select_list_wrap').height(select_list_height);
    });
}
// 選單的js
function initChatbotSelect() {
    // 開闔選單
    $(document).on('click', '.chatbot .select_wrap .js-toggle-select-list', function (e) {
        e.stopPropagation();
        e.preventDefault();
        $(this).parents('.select_wrap').find('.select_list_wrap').toggleClass('hide');
    });
    // 選擇
    $(document).on('click', '.chatbot .select_wrap .select_list li a', function (e) {
        e.stopPropagation();
        e.preventDefault();
        $(this).parents('.select_wrap').find('input').val($(this).text()).keyup();
        $(this).addClass('selected').parents('.select_list_wrap').addClass('hide');
    });
}
// 檢查btn_submit是否要可以按
function checkFormInput() {
    $(document).on('focusout, keyup', '.form input', function (e) {
        var $form = $(this).parents('.form');
        var empty_input = $form.find('input').filter(function () {
            return !this.value;
        }).length;
        if (empty_input <= 0) {
            $form.find('.js_confirm_form').removeClass('disabled');
        } else {
            $form.find('.js_confirm_form').addClass('disabled');
        }
    });
}

// eslint-disable-next-line no-unused-vars
function reloadCaptcha() {
    var captchaSvg;

    vajQuery
        .ajax({
            url: 'https://va.transglobe.com.tw/api/genCaptcha',
            type: 'POST',
            cache: false,
            data: JSON.stringify({
                uuid: sessionStorage.getItem('uid')
            }),
            contentType: 'application/json; charset=utf-8',
            dataType: 'html',
            async: false
        })
        .done(function (res) {
            captchaSvg = res;
        })
        .fail(function (res) {
            console.log('fail:' + JSON.stringify(res));
        });

    vajQuery('.captchaSvg').html(captchaSvg);
}

/**整體滿意度調查問卷
 * @param uid sessionid
 * @param pageNum 整體滿意度調查頁數
 * @param data {} 整體滿意度、NPS、不建議原因、其它建議
 */

function vaWholeSatisfactionSurvey(uid, pageNum, data) {
    if (pageNum === 1) {
        sessionStorage.setItem('wholeSatisfactionSurvey', 'show');
    }
    if (vajQuery('#surveyModal').length !== 0) {
        chatbotModal('surveyModal', 'hide');
        vajQuery('#surveyModal').remove();
        vajQuery('.modal-backdrop').remove(); //modal-dismiss:modal bootstrap
        vaWholeSatisfactionSurvey(uid, pageNum, data);
    } else {
        //Page 3 出現之門檻值 滿意度<=60 || NPS<=6
        let thres_satisfaction = 60;
        let thres_nps = 6;

        //Page 3 不推薦原因清單;
        const reasonsList = [
            '不考慮推薦—無推薦習慣',
            '不考慮推薦—無適合推薦人選',
            '無法找到理賠相關資訊',
            '無法找到商品相關資訊',
            '無法找到繳納保費/還款類相關資訊',
            '無法找到保單變更/借款類相關資訊',
            '系統操作流程不夠便利',
            '網路連線緩慢或不穩定'
        ];
        //Page 3 不推薦原因清單複選上限;
        const reasonsCheckedMax = 3;

        var next = true;
        if (data) {
            if (pageNum === 2 && data.satisfaction && data.satisfaction > thres_satisfaction) {
                next = false;
            } else if (pageNum === 3) {
                next = false;
            }
        }

        var header = vaSurveyHeader(pageNum, data.satisfaction);

        if (pageNum === 3) {
            var body = vaSurveyBody(pageNum, data.satisfaction, reasonsList);
        } else {
            var body = vaSurveyBody(pageNum, data.satisfaction, null);
        }

        var footer = vaSurveyFooter(pageNum, next);

        //產出第一頁時，先發CreateAPI
        if (pageNum === 1) {
            vajQuery
                .ajax({
                    url: 'https://va.transglobe.com.tw/api/questionnaire/' + uid + '/create',
                    type: 'POST',
                    cache: false,
                    data: JSON.stringify(data),
                    contentType: 'application/json; charset=utf-8',
                    async: false
                })
                .done(function (res) {
                    console.log('create done:' + JSON.stringify(res));
                })
                .fail(function (res) {
                    //status 400
                    console.log('create fail:' + JSON.stringify(res.status));
                });
        }

        let surveyModal = '';

        surveyModal += '<div class="chatbotModal modal fade openForm" id="surveyModal" role="dialog">';
        surveyModal += '    <div class="modal-dialog surveyModalDialog">';
        surveyModal += '        <div class="modal-content">';
        surveyModal += '            <div class="modal-header">';
        surveyModal += '                    ' + header;

        surveyModal += '            </div>';
        surveyModal += '            <div class="modal-body">';
        surveyModal += '                ' + body;
        surveyModal += '            </div>';
        surveyModal += '            <div class="modal-footer">';
        surveyModal += '                ' + footer;
        surveyModal += '            </div>';
        surveyModal += '        </div>';
        surveyModal += '    </div>';
        surveyModal += '</div>';
        vajQuery('#ibmchat').append(surveyModal);
        chatbotModal('surveyModal', 'show');
        if (pageNum === 99) {
            var feedBackTimeoutID = setTimeout(function () {
                vajQuery('.surveyModalDialog #surveyClose').trigger('click');
            }, 5000);
        }
        $('.loaderMain').hide();

        vajQuery('.surveyModalDialog #surveyClose').bind('click', () => {
            surveyClose(feedBackTimeoutID);
        });
        vajQuery('.surveyModalDialog #surveyRefuse').bind('click', () => {
            vajQuery('.surveyModalDialog #surveyClose').trigger('click');
        });

        vajQuery('.surveyModalDialog #surveyFinish').bind('click', () => {
            vajQuery('.surveyModalDialog #surveyClose').trigger('click');
        });

        vajQuery('.surveyModalDialog #surveySubmit').bind('click', function (e) {
            var matchRequired = true;
            //必填檢查
            var hdrequired = vajQuery('.surveyModalDialog .survey-question-itm-hd p.required');
            for (var i = 0; i < hdrequired.length; i++) {
                var inputSelector = vajQuery(hdrequired[i]).parent().next().find('input');
                var textAreaSelector = vajQuery(hdrequired[i]).parent().next().find('textarea');
                if (inputSelector.length > 0) {
                    if (inputSelector.is(':checked') === false) {
                        matchRequired = false;
                    }
                } else if (textAreaSelector.length > 0) {
                    if (textAreaSelector.val().length === 0) {
                        matchRequired = false;
                    }
                }
            }

            const reasonsCheckedMax = 3;

            if (matchRequired) {
                var satisfaction = vajQuery('input[type=radio][name=WholeSatisfaction]:checked').val();
                if (satisfaction) {
                    data['satisfaction'] = satisfaction;
                }
                var recommendation = vajQuery('input[type=radio][name=NPS]:checked').val();
                if (recommendation) {
                    data['recommendation'] = recommendation;
                }

                var reasons = '';
                var reasonsCheckedCount = 0;

                $('input[name=reasonsmchoice]').each(function () {
                    reasons += ',';
                    if ($(this).prop('checked') === true) {
                        reasonsCheckedCount += 1;
                        var reason = $(this).next().html();
                        if (reasonsList.includes(reason)) {
                            reasons += reason;
                        }
                    }
                });
                reasons = reasons.substr(1);

                if (reasons) {
                    data['reasons'] = reasons;
                }

                var otherFeedback = $('#otherFeedback').val();
                if (otherFeedback) {
                    data['otherFeedback'] = otherFeedback;
                }
                if (reasonsCheckedCount <= reasonsCheckedMax) {
                    vajQuery
                        .ajax({
                            url: 'https://va.transglobe.com.tw/api/questionnaire/' + uid + '/update',
                            type: 'POST',
                            cache: false,
                            data: JSON.stringify(data),
                            contentType: 'application/json; charset=utf-8',
                            async: false
                        })
                        .done(function (res) {
                            console.log('done:' + JSON.stringify(res));
                        })
                        .fail(function (res) {
                            //status 400
                            console.log('fail:' + JSON.stringify(res.status));
                            // pageNum = 99;
                        });
                    if (pageNum === 1 || (pageNum === 2 && vajQuery(e.target).html() === '下一頁')) {
                        pageNum = pageNum + 1;
                    } else {
                        // GoTo feedback Page
                        pageNum = 99;
                    }
                    vaWholeSatisfactionSurvey(uid, pageNum, data);
                } else {
                    vaCreateSurveyCheckErrModal('U3');
                }
            } else {
                vaCreateSurveyCheckErrModal('L1');
            }
        });

        vajQuery('input[type=radio][name=NPS]').bind('change', function () {
            var nps = vajQuery(this).val();
            var surveySubmitBtn = vajQuery('.surveyModalDialog #surveySubmit');
            if (next || nps <= thres_nps) {
                surveySubmitBtn.html('下一頁');
            } else {
                surveySubmitBtn.html('送出');
            }
        });
    }
}

function surveyClose(feedBackTimeoutID) {
    sessionStorage.removeItem('wholeSatisfactionSurvey');

    chatbotModal('surveyModal', 'hide');
    vajQuery('.chatbotModal #surveyModal').remove();
    vajQuery('.modal-backdrop').remove(); //modal-dismiss:modal bootstrap
    refreshChatEvent();
    vajQuery('body').removeClass('no-scroll');
    clearTimeout(feedBackTimeoutID);
}

/**
 * @param pageNum 整體滿意度調查頁數
 * @param satisfaction 整體滿意度調查(20,40,60,80,100)
 * @return string modal-header內容
 */
function vaSurveyHeader(pageNum, satisfaction) {
    var header = '<a class="bthClose" id="surveyClose" data-dismiss="modal"></a>';

    if (pageNum === 99) {
        switch (satisfaction) {
            case '100':
                header += `<p><span class="Fz(h1) C(4a4a4a)">謝謝你對伊將的服務</span><span class="Fz(h1) C(major)">非常滿意</span></p>`;
                break;
            case '80':
                header += `<p><span class="Fz(h1) C(4a4a4a)">謝謝你對伊將的服務</span><span class="Fz(h1) C(major)">滿意</span></p>`;
                break;
            case '60':
                header += `<p><span class="Fz(h1) C(4a4a4a)">謝謝你給伊將的回饋</p>`;
                break;
            case '40':
                header += `<p><span class="Fz(h1) C(4a4a4a)">謝謝你給伊將的回饋</p>`;
                break;
            case '20':
                header += `<p><span class="Fz(h1) C(4a4a4a)">謝謝你給伊將的回饋</p>`;
                break;
            default:
                header += `<p><span class="Fz(h1) C(4a4a4a)">謝謝你給伊將的回饋</p>`;
                break;
        }
    } else {
        header += `<p class="Fz(h1) C(4a4a4a)">整體滿意度調查</p>`;
    }
    return header;
}
/**
 * @param pageNum 整體滿意度調查頁數
 * @param next true：下一頁; false：送出
 * @return string modal-footer內容
 */
function vaSurveyFooter(pageNum, next) {
    let footer = '';
    footer += '<div class="btnGrp">';

    //feedback
    if (pageNum === 99) {
        footer += '    <a class="a(1) btn-submit" id="surveyFinish">完成作答</a>';
    } else {
        if (next) {
            footer += '    <a class="a(2) btn-submit" id="surveySubmit">下一頁</a>';
        } else {
            footer += '    <a class="a(2) btn-submit" id="surveySubmit">送出</a>';
        }
        footer += '     <a class="a(2) btn-refuse" id="surveyRefuse">不作答</a>';
    }

    footer += '</div>';

    return footer;
}
/**
 * @param pageNum 整體滿意度調查頁數
 * @param satisfaction 整體滿意度調查(20,40,60,80,100)
 * @param choice_list 問卷時需帶入的選項清單
 * @return string modal-body內容
 *
 */
function vaSurveyBody(pageNum, satisfaction, choice_list) {
    let body = '';

    if (pageNum === 1) {
        //整體滿意度分數
        body += '<div class="survey-question-itm-hd">';
        // body += '    <p class="Fz(h2) required">請問您對本次使用<span class="Fz(h2) C(major)">全球人壽智能客服</span>的整體滿意度為何？</p>';
        body += '    <p class="Fz(h2) required">很高興為您服務，請幫我評個分好嗎？<br/>您的鼓勵就是<span class="Fz(h2) C(major)">『伊將』</span>的最佳活力泉源喔！</p>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd">';
        body += '    <ul class="survey-question-face">';
        body += '        <li class="face-itm Col(5d)">';
        body += '            <label>';
        body += '                <input type="radio" name="WholeSatisfaction" id="WholeSatisfaction20" value="20">';
        body += '                <div class="emoji_bcg">';
        body += '                    <i class="emoji(score-20)"></i>';
        body += '                </div>';
        body += '                <em class="D(b) Fz(h4) C(faa15a)">非常不滿意</em>';
        body += '            </label>';
        body += '        </li>';
        body += '        <li class="face-itm Col(5d)">';
        body += '            <label>';
        body += '                <input type="radio" name="WholeSatisfaction" id="WholeSatisfaction40" value="40">';
        body += '                <div class="emoji_bcg">';
        body += '                    <i class="emoji(score-40)"></i>';
        body += '                </div>';
        body += '                <em class="D(b) Fz(h4) C(faa15a)">不滿意</em>';
        body += '            </label>';
        body += '        </li>';
        body += '        <li class="face-itm Col(5d)">';
        body += '            <label>';
        body += '                <input type="radio" name="WholeSatisfaction" id="WholeSatisfaction60" value="60">';
        body += '                <div class="emoji_bcg">';
        body += '                    <i class="emoji(score-60)"></i>';
        body += '                </div>';
        body += '                <em class="D(b) Fz(h4) C(faa15a)">普通</em>';
        body += '            </label>';
        body += '        </li>';
        body += '        <li class="face-itm Col(5d)">';
        body += '            <label>';
        body += '                <input type="radio" name="WholeSatisfaction" id="WholeSatisfaction80" value="80">';
        body += '                <div class="emoji_bcg">';
        body += '                    <i class="emoji(score-80)" emoji="sat80.svg"></i>';
        body += '                </div>';
        body += '                <em class="D(b) Fz(h4) C(faa15a)">滿意</em>';
        body += '';
        body += '            </label>';
        body += '        </li>';
        body += '        <li class="face-itm Col(5d)">';
        body += '            <label>';
        body += '                <input type="radio" name="WholeSatisfaction" id="WholeSatisfaction100" value="100" checked>';
        body += '                <div class="emoji_bcg">';
        body += '                    <i class="emoji(score-100)"></i>';
        body += '                </div>';
        body += '                <em class="D(b) Fz(h4) C(faa15a)">非常滿意</em>';
        body += '            </label>';
        body += '        </li>';
        body += '    </ul>';
        body += '</div>';
    } else if (pageNum === 2) {
        // NPS分數
        body += '<div class="survey-question-itm-hd">';
        // body += '    <p class="Fz(h2) required">根據本次經驗，請問您會推薦<span';
        // body += '            class="Fz(h2) C(major)">全球人壽智能客服</span>給親友的意願有多高？</p>';
        body += '    <p class="Fz(h2) required">請問您願意把我介紹給親朋好友使用嗎？</p>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd">';
        body += '    <div class="survey-question-score">';
        body += '        <ul class="survey-question-score-group nps(1)" c-msg="不大可能">';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="0">';
        body += '                    <span class="m-question-score-num" c-value="0"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="1">';
        body += '                    <span class="m-question-score-num" c-value="1"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="2">';
        body += '                    <span class="m-question-score-num"  c-value="2"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="3">';
        body += '                    <span class="m-question-score-num"  c-value="3"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="4">';
        body += '                    <span class="m-question-score-num"  c-value="4"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="5">';
        body += '                    <span class="m-question-score-num" c-value="5"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="6">';
        body += '                    <span class="m-question-score-num"  c-value="6"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '        </ul>';
        body += '        <ul class="survey-question-score-group nps(2)" c-msg="可能">';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="7">';
        body += '                    <span class="m-question-score-num"  c-value="7"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="8">';
        body += '                    <span class="m-question-score-num" c-value="8"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '        </ul>';
        body += '        <ul class="survey-question-score-group nps(3)" c-msg="很有可能">';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="9" checked>';
        body += '                    <span class="m-question-score-num" c-value="9"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '            <li class="survey-question-score-itm">';
        body += '                <label>';
        body += '                    <input type="radio" name="NPS" value="10">';
        body += '                    <span class="m-question-score-num" c-value="10"></span>';
        body += '                </label>';
        body += '            </li>';
        body += '        </ul>';
        body += '    </div>';
        body += '</div>';
    } else if (pageNum === 3) {
        //調查不推薦原因 & 其它回饋

        var reasonsBody = genDynamicMultiChoice('reasonsmchoice', choice_list);
        body += '<div class="survey-question-itm-hd">';
        body += '    <p class="Fz(h2) required">無法讓您滿意/不想推薦的原因？<span class="Fz(h2) C(r)">(可複選，最多三個)</span></p>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd">';
        body += reasonsBody;
        body += '</div>';
        body += '<hr class="solid">';
        body += '<div class="survey-question-itm-hd">';
        body += '    <p class="Fz(h2)">請問您是否有其它意見回饋</p>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd">';
        body += '    <div class="survey-dynamic">';
        body += '        <ul>';
        body += '            <textarea id="otherFeedback" maxLength="300" placeholder="請輸入文字(最多300字)"></textarea>';
        body += '        </ul>';
        body += '    </div>';
        body += '</div>';
    } else if (pageNum === 99) {
        let feedbackImg = `sat${satisfaction}f.svg`;
        body += '<div class="survey-question-itm-hd">';
        body += '    <div style="min-height:200px; height:30vh; background: url(\'https://va.transglobe.com.tw/webChat/images/' + feedbackImg + '\') no-repeat center center; background-size:contain">';
        body += '    </div>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd IF(c,c)">';
        switch (satisfaction) {
            case '20':
                body += '    <p class="Fz(h2)">不好意思，<span class="Fz(h2) C(major)">伊將</span>會持續加油精進的！</p>';
                break;
            case '40':
                body += '    <p class="Fz(h2)">已收到你的回饋， <span class="Fz(h2) C(major)">伊將</span>會繼續努力學習的！</p>';
                break;
            case '60':
                body += '    <p class="Fz(h2)"><span class="Fz(h2) C(major)">伊將</span>收到你的回饋， 希望能夠再次為你服務！</p>';
                break;
            case '80':
                body += '    <p class="Fz(h2)">謝謝你，有保險問題都可以詢問<span class="Fz(h2) C(major)">伊將</span>喔！</p>';
                break;
            case '100':
                body += '    <p class="Fz(h2)">謝謝你，<span class="Fz(h2) C(major)">伊將</span>很榮幸為你服務！</p>';
                break;
            default:
                body += '    <p class="Fz(h2)">謝謝你，<span class="Fz(h2) C(major)">伊將</span>很榮幸為你服務！</p>';
                break;
        }

        body += '</div>';
    } else {
        const mchoice = ['一試多選題最大字數十八字一二三四五。', '第二題', '第三題', '四多選題最大字數十八字一二三四五。', '第五題'];
        var mReasonsBody = genDynamicMultiChoice('mchoice', mchoice);

        const schoice = ['第一題', '第二題', '第三題', '四多選題最大字數十八字一二三四五。', '第五題', '六多選題最大字數十八字一二三四五。'];
        var sReasonsBody = genDynamicSingleChoice('schoice', schoice);

        body += '<div class="survey-question-itm-hd">';
        body += '<p class="Fz(h2) Ta(j) required">多選題，我是第十字。多選題，我是第十字。多選題，我是第十字。多選題，我是第十字。多選題，我是第十字。一二三四五六七八</p>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd">';
        body += mReasonsBody;
        body += '</div>';
        body += '<hr class="solid">';
        body += '<div class="survey-question-itm-hd">';
        body += '    <p class="Fz(h2) Ta(j) required">單選題</p>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd">';
        body += sReasonsBody;
        body += '</div>';
        body += '<hr class="solid">';
        body += '<div class="survey-question-itm-hd">';
        body += '    <p class="Fz(h2) Ta(j)">開放式問題</p>';
        body += '</div>';
        body += '<div class="survey-question-itm-bd">';
        body += '    <div class="survey-dynamic ">';
        body += '            <textarea maxLength="300" placeholder="請輸入文字(最多300字)"></textarea>';
        body += '';
        body += '    </div>';
        body += '</div>';
    }

    return body;
}

function genDynamicMultiChoice(name, choice_list) {
    let multiChoiceBody = '';
    multiChoiceBody += '    <div class="survey-dynamic">';
    multiChoiceBody += '        <ul>';
    //loop gen multi choice
    choice_list.forEach((choice) => {
        multiChoiceBody += '            <li>';
        multiChoiceBody += '                <label>';
        multiChoiceBody += '                    <input type="checkbox" name="' + name + '">';
        multiChoiceBody += '                    <em class="Fz(h3)">' + choice + '</em>';
        multiChoiceBody += '                </label>';
        multiChoiceBody += '            </li>';
    });
    multiChoiceBody += '        </ul>';
    multiChoiceBody += '    </div">';
    return multiChoiceBody;
}

function genDynamicSingleChoice(name, choice_list) {
    let singleChoicBody = '';
    singleChoicBody += '    <div class="survey-dynamic">';
    singleChoicBody += '        <ul>';

    choice_list.forEach((choice) => {
        singleChoicBody += '            <li>';
        singleChoicBody += '                <label>';
        singleChoicBody += '                    <input type="radio" name="' + name + ' value=' + choice + '">';
        singleChoicBody += '                    <em class="Fz(h3)">' + choice + '</em>';
        singleChoicBody += '                </label>';
        singleChoicBody += '            </li>';
    });
    singleChoicBody += '        </ul>';
    singleChoicBody += '    </div">';
    return singleChoicBody;
}
/**
 * @param checkOption L1:至少選擇一個選項；U3：最多僅可選擇三個選項
 */
function vaCreateSurveyCheckErrModal(checkOption) {
    if (vajQuery('#surveyCheckErrModal').length) {
        chatbotModal('surveyCheckErrModal', 'hide');
        vajQuery('#surveyCheckErrModal').remove();
        vaCreateSurveyCheckErrModal(checkOption);
    } else {
        switch (checkOption) {
            case 'L1':
                var optsMsg = '至少選擇一個選項';
                break;
            case 'U3':
                var optsMsg = '最多僅可選擇三個選項';
                break;
        }
        var checkDialog = '';
        checkDialog += '<div class="chatbotModal modal fade" id="surveyCheckErrModal" role="dialog">';
        checkDialog += '    <div class="modal-dialog modal-dialog-centered modal-sm loginErrModal">';
        checkDialog += '        <div class="modal-content" style="width: 320px;">';
        checkDialog += '            <div class="modal-body">';
        checkDialog += '	            <button type="button" class="close col-2 modalClose" data-dismiss="modal"></button><big>提醒</big>';
        checkDialog += '		        <div style="margin-top:15px;">' + optsMsg + '</div>';
        checkDialog += '	        </div>';
        checkDialog += '	        <div class="modal-footer" style="margin-bottom:20px;">';
        checkDialog += '	            <a class="right col-12" style="width: 100%; margin: 0 15px;" data-dismiss="modal">確定</a>';
        checkDialog += '	        </div>';
        checkDialog += '        </div>';
        checkDialog += '    </div>';
        checkDialog += '</div>';

        vajQuery('#ibmchatbox').after(checkDialog);
        chatbotModal('surveyCheckErrModal', 'show');
        $('.loaderMain').hide();
    }
}

function vaCreateRegisterOTPModal(value) {
    if (vajQuery('#registerOTPModal').length) {
        chatbotModal('registerOTPModal', 'hide');
        vajQuery('#registerOTPModal').remove();
        vaCreateRegisterOTPModal(value);
    } else {
        let registerOTPModal = '';
        let userPhone = '';
        let userEmail = '';
        let sentOTPDate = new Date();

        if (value.toNextStepData) {
            if (value.toNextStepData.userPhone) {
                userPhone = value.toNextStepData.userPhone;
            }

            if (value.toNextStepData.userEmail) {
                userEmail = value.toNextStepData.userEmail;
            }

            if (value.toNextStepData.sentOTPDate) {
                sentOTPDate = value.toNextStepData.sentOTPDate;
            }
        }

        registerOTPModal += '<div class="chatbotModal modal fade openForm" id="registerOTPModal" role="dialog">';
        registerOTPModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        registerOTPModal += '        <div class="modal-content">';
        registerOTPModal += '            <div class="modal-header">';
        registerOTPModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="registerOTPClose"></button>';
        registerOTPModal += '                <h4 class=" col-8 modal-title">';
        registerOTPModal += '                    <div>保戶專區會員註冊</div>';
        registerOTPModal += '                </h4>';
        registerOTPModal += '            </div>';
        registerOTPModal += '            <div class="modal-body">';
        registerOTPModal += '                <div class="row">';
        registerOTPModal += '                     <div class="loginTitle">已將驗證碼傳送至</div>';
        registerOTPModal += '                </div>';
        registerOTPModal += '                </br>';
        if (userPhone !== null && userPhone !== '') {
            registerOTPModal += '                <div class="row">';
            registerOTPModal += '                     <div class="loginTitle">手機號碼 ' + userPhone + '</div>';
            registerOTPModal += '                </div>';
            registerOTPModal += '                </br>';
        }
        if (userEmail !== null && userEmail !== '') {
            registerOTPModal += '                <div class="row">';
            registerOTPModal += '                     <div class="loginTitle">電子信箱 ' + maskEmail(userEmail) + '</div>';
            registerOTPModal += '                </div>';
            registerOTPModal += '                </br>';
        }
        registerOTPModal += '                <div class="row">';
        registerOTPModal += '                     <div class="loginTitle">請於5分鐘內完成完成驗證作業</div>';
        registerOTPModal += '                </div>';
        registerOTPModal += '                </br>';
        registerOTPModal += '                <div class="row">';
        registerOTPModal += '                     <div class="loginTitle"><span style="color:red">*</span>驗證碼</div>';
        registerOTPModal += '                </div>';
        registerOTPModal += '                <div class="row">';
        registerOTPModal += '                     <input class="col-xs-12 mb-15" type="text" id="inputRegisterOTP" maxlength="25" autocomplete="off">';
        registerOTPModal += '                     <a type="button" class="col-xs-1" id="registerOTPNotion"></a>';
        registerOTPModal += '                     <div class="tiptext">';
        registerOTPModal += '                           <p style ="color:white">一次性驗證碼 (OTP) 提供：  <button type="button" class="close col-2" style="top:auto; right:auto" id="registerOTPNotionClose"></button></p>';
        registerOTPModal +=
            '                           <p style ="color:white">所有欄位輸入完成，如通過欄位檢核無誤後，本公司會傳送一次性驗證 (OTP) 至所輸入的手機或電子郵件信箱，請於接獲驗證密碼後的 5 分鐘內完成驗證， 並設定新的登入密碼，逾時驗證碼將自動作廢並註銷該次申請。</p>';
        registerOTPModal += '                    </div>';
        registerOTPModal += '                </div>';
        registerOTPModal += '                <div class="row">';
        registerOTPModal += '                   <div class="loginTitle">剩餘時間 <span id="registerOTPTimer"></span>';
        registerOTPModal += '                     <span  style="text-align:right;float: right">';
        registerOTPModal += '                          <a rel="noopener noreferrer" class="loginLink" id="reSendRegisterOTPLink" target="_blank" data-text="重新發送驗證碼">重新發送驗證碼</a>';
        registerOTPModal += '                     </span>';
        registerOTPModal += '                   </div>';
        registerOTPModal += '                </div>';
        registerOTPModal += '            </div>';
        registerOTPModal += '            <div class="modal-footer">';
        registerOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="驗證驗證碼" id="registerOTPModalSubmit">驗證驗證碼</a>';
        registerOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="返回" id="registerOTPModalPrePage">返回</a>';
        registerOTPModal += '            </div>';
        registerOTPModal += '        </div>';
        registerOTPModal += '    </div>';
        registerOTPModal += '</div>';
        vajQuery('#ibmchat').append(registerOTPModal);
        chatbotModal('registerOTPModal', 'show');
        $('.loaderMain').hide();

        if (value) {
            vajQuery('#inputRegisterOTP').val(value.toNextStepData.inputOTPCode);
        }

        $(function () {
            stopTimer(myRegisterOTPTimer);
            myRegisterOTPTimer = setInterval(function () {
                registerOTPTimer(addMinutes(new Date(sentOTPDate), 5), myRegisterOTPTimer);
            }, 1000);
        });

        vajQuery('#inputRegisterOTP').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 8) {
                this.value = this.value.substring(0, 9);
            }
        });

        vajQuery('#registerOTPNotion').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'visible');
        });

        vajQuery('#registerOTPNotionClose').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'hidden');
        });

        vajQuery('#reSendRegisterOTPLink').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                const data = {
                    returnCode: 'registerOTP',
                    registerID: value.toNextStepData.registerId
                };
                var elementText = vajQuery(e.target).data('text');
                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });

        vajQuery('#registerOTPClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F13_會員註冊_取消註冊');
            chatbotModal('registerOTPModal', 'hide');
        });

        vajQuery('#registerOTPModalSubmit').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                var hasInputIsEmpty = 'N';

                if (vajQuery('#inputRegisterOTP').val() === '') {
                    vajQuery('#inputRegisterOTP').addClass('inputIsEmpty');
                    vajQuery('#inputRegisterOTP').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#inputRegisterOTP').hasClass('inputIsEmpty')) {
                    vajQuery('#inputRegisterOTP').removeClass('inputIsEmpty');
                    hasInputIsEmpty = 'N';
                }

                if (hasInputIsEmpty === 'N') {

                    var elementText = vajQuery(e.target).data('text');
                    var data = {
                        OTPCode: vajQuery('#inputRegisterOTP').val(),
                        toNextStepData: value.toNextStepData
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkRegisterOTP', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
        vajQuery('#registerOTPModalPrePage').bind('click', function (e) {
            value.toNextStepData.inputOTPCode = '';
            vaCreateRegisterModal(value);
            chatbotModal('registerOTPModal', 'hide');
        });
    }
}
function maskEmail(email) {
    let maskMail = '';
    if (email !== '' && email.includes('@')) {
        let part1 = email.split('@')[0];
        let maskLength = part1.length - 2;
        let formatPart1 = part1.substring(0, 2);

        for (let i = 0; i < maskLength; i++) {
            formatPart1 += '*';
        }
        maskMail = formatPart1 + '@' + email.split('@')[1];
    }
    return maskMail;
}

function maskPhone(phone) {
    let maskPhone = '';

    maskPhone = phone.substring(0, 4);

    for (let i = 0; i < 4; i++) {
        maskPhone += '*';
    }
    maskPhone += phone.substring(7, 10);
    
    return maskPhone;
}
function vaCreateOpenNetworkOTPModal(value) {
    vajQuery('#OTPTimer').remove();
    vajQuery('#reSendOTPLink').remove();
    if (vajQuery('#openNetworkModal').length !== 0) {
        chatbotModal('openNetworkModal', 'hide');
    }

    if (vajQuery('#openNetworkOTPModal').length) {
        chatbotModal('openNetworkOTPModal', 'hide');
        vajQuery('#openNetworkOTPModal').remove();
        vaCreateOpenNetworkOTPModal(value);
    } else {
        let openNetworkOTPModal = '';
        let userEmail = value.email;
        let userPhone = value.phone;
        let policyDataList = value.policyDataList;
        let hasPhone = value.hasPhone;

        let sentOTPDate = new Date();

        openNetworkOTPModal += '<div class="chatbotModal modal fade openForm" id="openNetworkOTPModal" role="dialog">';
        openNetworkOTPModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        openNetworkOTPModal += '        <div class="modal-content">';
        openNetworkOTPModal += '            <div class="modal-header">';
        openNetworkOTPModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openNetworkOTPClose"></button>';
        openNetworkOTPModal += '                <h4 class=" col-8 modal-title">';
        openNetworkOTPModal += '                    <div>開通網路變更</div>';
        openNetworkOTPModal += '                </h4>';
        openNetworkOTPModal += '            </div>';
        openNetworkOTPModal += '            <div class="modal-body">';
        openNetworkOTPModal += '                <div class="row">';
        openNetworkOTPModal += '                     <div class="loginTitle">已將驗證碼傳送至</div>';
        openNetworkOTPModal += '                </div>';
        openNetworkOTPModal += '                </br>';
        openNetworkOTPModal += '                <div class="row">';
        openNetworkOTPModal += '                     <div class="loginTitle">電子信箱 ' + maskEmail(userEmail) + '</div>';
        openNetworkOTPModal += '                </div>';
        openNetworkOTPModal += '                </br>';
        openNetworkOTPModal += '                <div class="row">';
        openNetworkOTPModal += '                     <div class="loginTitle">請於5分鐘內完成完成驗證作業</div>';
        openNetworkOTPModal += '                </div>';
        openNetworkOTPModal += '                </br>';
        openNetworkOTPModal += '                <div class="row">';
        openNetworkOTPModal += '                     <div class="loginTitle"><span style="color:red">*</span>驗證碼</div>';
        openNetworkOTPModal += '                </div>';
        openNetworkOTPModal += '                <div class="row">';
        openNetworkOTPModal += '                     <input class="col-xs-12 mb-15" type="text" id="inputOpenNetworkOTP" maxlength="8" autocomplete="off">';
        openNetworkOTPModal += '                   <div class="loginTitle">剩餘時間 <span id="OTPTimer"></span>';
        openNetworkOTPModal += '                     <span  style="text-align:right;float: right">';
        openNetworkOTPModal += '                          <a rel="noopener noreferrer" class="loginLink" id="reSendOTPLink" target="_blank" data-text="重新發送驗證碼">重新發送驗證碼</a>';
        openNetworkOTPModal += '                     </span>';
        openNetworkOTPModal += '                   </div>';
        openNetworkOTPModal += '                </div>';
        openNetworkOTPModal += '            </div>';
        openNetworkOTPModal += '            <div class="modal-footer">';
        if(hasPhone === 'Y' ){
            openNetworkOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="下一步" id="openNetworkOTPModalSubmit">下一步</a>';
        }else {
            openNetworkOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="開通網路變更" id="openNetworkOTPModalSubmit">開通網路變更</a>';
        }
        openNetworkOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="取消開通" id="openNetworkOTPCancel">取消開通</a>';
        openNetworkOTPModal += '            </div>';
        openNetworkOTPModal += '        </div>';
        openNetworkOTPModal += '    </div>';
        openNetworkOTPModal += '</div>';
        vajQuery('#ibmchat').append(openNetworkOTPModal);
        chatbotModal('openNetworkOTPModal', 'show');
        $('.loaderMain').hide();

        $(function () {
            stopOTPTimer(myOTPTimer);
            myOTPTimer = setInterval(function () {
                OTPTimer(addMinutes(new Date(sentOTPDate), 5), myOTPTimer);
            }, 1000);
        });

        var endtime = addMinutes(new Date(sentOTPDate), 5);
        let year = endtime.getFullYear();
        let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
        let day = ('0' + endtime.getDate()).slice(-2);
        let hour = endtime.getHours();
        let minute = endtime.getMinutes();
        var endTime;
        if (minute < 10) {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
        } else {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
        }
        vajQuery('#inputOpenNetworkOTP').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 8) {
                this.value = this.value.substring(0, 9);
            }
        });

        vajQuery('#openNetworkOTPNotion').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'visible');
        });

        vajQuery('#openNetworkOTPNotionClose').bind('click', function (e) {
            vajQuery('.tiptext').css('visibility', 'hidden');
        });

        vajQuery('#reSendOTPLink').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                const data = {
                    returnCode: 'openNetworkOTP',
                    email: userEmail,
                    sendTheOTPType: 'E',
                    IsReSend: 'Y',
                    endTime: endTime,
                    hasPhone: hasPhone,
                    type: value.type,
                    policyNo: policyDataList[0].policyCode
                };
                var elementText = vajQuery(e.target).data('text');
                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });

        vajQuery('#openNetworkOTPClose,#openNetworkOTPCancel').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F15_開通網路變更_放棄');
            chatbotModal('openNetworkOTPModal', 'hide');
        });

        vajQuery('#openNetworkOTPModalSubmit').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                var hasInputIsEmpty = 'N';

                if (vajQuery('#inputOpenNetworkOTP').val() === '') {
                    vajQuery('#inputOpenNetworkOTP').addClass('inputIsEmpty');
                    vajQuery('#inputOpenNetworkOTP').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#inputOpenNetworkOTP').hasClass('inputIsEmpty')) {
                    vajQuery('#inputOpenNetworkOTP').removeClass('inputIsEmpty');
                    hasInputIsEmpty = 'N';
                }

                if (hasInputIsEmpty === 'N') {
                    var elementText = vajQuery(e.target).data('text');
                    var data = {
                        OTPCode: vajQuery('#inputOpenNetworkOTP').val(),
                        policyDataList: policyDataList,
                        email: userEmail,
                        phone: userPhone,
                        hasPhone: hasPhone,
                        type: value.type
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function OTPTimer(countDownDate, x) {
    var now = new Date().getTime();
    var distance = new Date(countDownDate).getTime() - now;
    if (distance < 0) {
        clearInterval(x);
        vajQuery('#reSendOTPLink').addClass('hover');
        vajQuery('#reSendOTPLink').removeClass('disabled');
        document.getElementById('OTPTimer').innerHTML = '00:00';
    } else {
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if (+minutes < 10) {
            minutes = '0' + minutes;
        }
        if (+seconds < 10) {
            seconds = '0' + seconds;
        }

        vajQuery('#reSendOTPLink').removeClass('hover');
        vajQuery('#reSendOTPLink').addClass('disabled');
        document.getElementById('OTPTimer').innerHTML = minutes + ':' + seconds;
    }
}

function registerOTPTimer(countDownDate, x) {
    var now = new Date().getTime();
    var distance = new Date(countDownDate).getTime() - now;
    if (distance < 0) {
        clearInterval(x);
        vajQuery('#reSendRegisterOTPLink').addClass('hover');
        vajQuery('#reSendRegisterOTPLink').removeClass('disabled');
        document.getElementById('registerOTPTimer').innerHTML = '00:00';
    } else {
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if (+minutes < 10) {
            minutes = '0' + minutes;
        }
        if (+seconds < 10) {
            seconds = '0' + seconds;
        }
        vajQuery('#reSendRegisterOTPLink').removeClass('hover');
        vajQuery('#reSendRegisterOTPLink').addClass('disabled');
        document.getElementById('registerOTPTimer').innerHTML = minutes + ':' + seconds;
    }
}

function psrnOTPTimer(countDownDate, x) {
    var now = new Date().getTime();
    var distance = new Date(countDownDate).getTime() - now;
    if (distance < 0) {
        clearInterval(x);
        vajQuery('#sendBasicChangeCaptchaByCSIS').addClass('hover');
        vajQuery('#sendBasicChangeCaptchaByCSIS').removeClass('disabled');
        document.getElementById('psrnOTPTimer').innerHTML = '00:00';
    } else {
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if (+minutes < 10) {
            minutes = '0' + minutes;
        }
        if (+seconds < 10) {
            seconds = '0' + seconds;
        }
        vajQuery('#sendBasicChangeCaptchaByCSIS').removeClass('hover');
        vajQuery('#sendBasicChangeCaptchaByCSIS').addClass('disabled');
        document.getElementById('psrnOTPTimer').innerHTML = minutes + ':' + seconds;
    }
}

function changePsrnOTPTimer(countDownDate, x) {
    var now = new Date().getTime();
    var distance = new Date(countDownDate).getTime() - now;
    if (distance < 0) {
        clearInterval(x);
        vajQuery('#sendChangeCaptchaByCSIS').addClass('hover');
        vajQuery('#sendChangeCaptchaByCSIS').removeClass('disabled');
        document.getElementById('changePsrnOTPTimer').innerHTML = '00:00';
    } else {
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if (+minutes < 10) {
            minutes = '0' + minutes;
        }
        if (+seconds < 10) {
            seconds = '0' + seconds;
        }
        vajQuery('#sendChangeCaptchaByCSIS').removeClass('hover');
        vajQuery('#sendChangeCaptchaByCSIS').addClass('disabled');
        document.getElementById('changePsrnOTPTimer').innerHTML = minutes + ':' + seconds;
    }
}

function mobileOnePsrnOTPTimer(countDownDate, x) {
    var now = new Date().getTime();
    var distance = new Date(countDownDate).getTime() - now;
    if (distance < 0) {
        clearInterval(x);
        vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').removeClass('disabled');
        vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').addClass('hover');
        document.getElementById('mobileOnePsrnOTPTimer').innerHTML = '00:00';
    } else {
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if (+minutes < 10) {
            minutes = '0' + minutes;
        }
        if (+seconds < 10) {
            seconds = '0' + seconds;
        }
        vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').removeClass('hover');
        vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').addClass('disabled');
        document.getElementById('mobileOnePsrnOTPTimer').innerHTML = minutes + ':' + seconds;
    }
}
function loanPsrnOTPTimer(countDownDate, x) {
    var now = new Date().getTime();
    var distance = new Date(countDownDate).getTime() - now;
    if (distance < 0) {
        clearInterval(x);
        vajQuery('#sendloanCaptchaByCSIS').removeClass('disabled');
        vajQuery('#sendloanCaptchaByCSIS').addClass('hover');
        document.getElementById('loanPsrnOTPTimer').innerHTML = '00:00';
    } else {
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        if (+minutes < 10) {
            minutes = '0' + minutes;
        }
        if (+seconds < 10) {
            seconds = '0' + seconds;
        }
        vajQuery('#sendloanCaptchaByCSIS').removeClass('hover');
        vajQuery('#sendloanCaptchaByCSIS').addClass('disabled');
        document.getElementById('loanPsrnOTPTimer').innerHTML = minutes + ':' + seconds;
        vajQuery('#loanOtpTimer').prop('hidden', false);
        vajQuery('#loanPsrnOTPTimer').prop('hidden', false);
    }
}

function addMinutes(date, minutes) {
    return new Date(date.getTime() + minutes * 60000);
}

function stopTimer(x) {
    if (x) {
        clearInterval(x);
    }
    if (vajQuery('#reSendRegisterOTPLink').hasClass('disabled')) {
        vajQuery('#reSendRegisterOTPLink').addClass('hover');
        vajQuery('#reSendRegisterOTPLink').removeClass('disabled');
    }
    document.getElementById('registerOTPTimer').innerHTML = '00:00';
}

function stopOTPTimer(x) {
    if (x) {
        clearInterval(x);
    }
    if (vajQuery('#reSendOTPLink').hasClass('disabled')) {
        vajQuery('#reSendOTPLink').addClass('hover');
        vajQuery('#reSendOTPLink').removeClass('disabled');
    }
    document.getElementById('OTPTimer').innerHTML = '00:00';
}

function stopPsrnTimer(x) {
    if (x) {
        clearInterval(x);
    }
    if (vajQuery('#sendBasicChangeCaptchaByCSIS').hasClass('disabled')) {
        vajQuery('#sendBasicChangeCaptchaByCSIS').addClass('hover');
        vajQuery('#sendBasicChangeCaptchaByCSIS').removeClass('disabled');
    }
    document.getElementById('psrnOTPTimer').innerHTML = '00:00';
}

function stopChangeConfirmPsrnTimer(x) {
    if (x) {
        clearInterval(x);
    }
    if (vajQuery('#sendChangeCaptchaByCSIS').hasClass('disabled')) {
        vajQuery('#sendChangeCaptchaByCSIS').addClass('hover');
        vajQuery('#sendChangeCaptchaByCSIS').removeClass('disabled');
    }
    document.getElementById('changePsrnOTPTimer').innerHTML = '00:00';
}

function stopMobileOnePsrnOTPTimer(x) {
    if (x) {
        clearInterval(x);
    }
    if (vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').hasClass('disabled')) {
        vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').addClass('hover');
        vajQuery('#sendBasicChangeMobileOneCaptchaByCSIS').removeClass('disabled');
    }
    document.getElementById('mobileOnePsrnOTPTimer').innerHTML = '00:00';
}

function stopLoanPsrnTimer(x) {
    if (x) {
        clearInterval(x);
    }
    if (vajQuery('#sendloanCaptchaByCSIS').hasClass('disabled')) {
        vajQuery('#sendloanCaptchaByCSIS').addClass('hover');
        vajQuery('#sendloanCaptchaByCSIS').removeClass('disabled');
    }
    document.getElementById('loanPsrnOTPTimer').innerHTML = '00:00';
}

function vaCreateCheckRegisterOTPErrorMessageModal(data) {
    if (vajQuery('#checkRegisterOTPError').length !== 0) {
        chatbotModal('checkRegisterOTPError', 'hide');
        vajQuery('#checkRegisterOTPError').remove();
        vaCreateCheckRegisterOTPErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkRegisterOTPError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkRegisterOTPError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += data.errorMsg[index];
            body += '</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="reInputOTP" class="left">重新輸入</a>';
        footerContent += '<a id="inputOTPCancel" class="right col-12">取消</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#reInputOTP').click(function () {
            chatbotModal('checkRegisterOTPError', 'hide');
            if (data.resetTime === 'Y') {
                stopTimer(myRegisterOTPTimer);
            }
        });

        vajQuery('#inputOTPCancel').click(function () {
            chatbotModal('checkRegisterOTPError', 'hide');
            chatbotModal('registerOTPModal', 'hide');
        });

        chatbotModal('checkRegisterOTPError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateCheckOpenNetworkOTPErrorMessageModal(data) {
    if (vajQuery('#checkOpenNetworkOTPError').length !== 0) {
        chatbotModal('checkOpenNetworkOTPError', 'hide');
        vajQuery('#checkOpenNetworkOTPError').remove();
        vaCreateCheckOpenNetworkOTPErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkOpenNetworkOTPError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkOpenNetworkOTPError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += data.errorMsg[index];
            body += '</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="openNetworkReInputOTP" class="right">重新輸入</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#openNetworkReInputOTP').click(function () {
            chatbotModal('checkOpenNetworkOTPError', 'hide');
            if (data.resetTime === 'Y' || data.resetPhoneTime === 'Y') {
                stopOTPTimer(myOTPTimer);
            }
        });

        chatbotModal('checkOpenNetworkOTPError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateOpenNetworkrrorMessageModal(data) {
    if (vajQuery('#OpenNetworkError').length !== 0) {
        chatbotModal('OpenNetworkError', 'hide');
        vajQuery('#OpenNetworkError').remove();
        vaCreateOpenNetworkrrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="OpenNetworkError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm OpenNetworkError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">開通失敗</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += data.errorMsg[index];
            body += '</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="openReInput" class="right">重新輸入</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#openReInput').click(function () {
            chatbotModal('OpenNetworkError', 'hide');
        });

        chatbotModal('OpenNetworkError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateCheckChangeOTPErrorMessageModal(data) {
    if (vajQuery('#checkChangeOTPError').length !== 0) {
        chatbotModal('checkChangeOTPError', 'hide');
        vajQuery('#checkChangeOTPError').remove();
        vaCreateCheckChangeOTPErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkChangeOTPError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkChangeOTPError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += data.errorMsg[index];
            body += '</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="changeReInputOTP" class="right">重新輸入</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#changeReInputOTP').click(function () {
            chatbotModal('checkChangeOTPError', 'hide');
            if(data.step === 'confirm'){
                stopChangeConfirmPsrnTimer(myChangeConfirmOTPTimer)
            } else if(data.resetTime === 'Y'){
                stopPsrnTimer(myPsrnOTPTimer);
            } else if (data.resetPhoneTime === 'Y'){
                stopMobileOnePsrnOTPTimer(myMobileOnePsrnOTPTimer);
                
            }
            
        });

        chatbotModal('checkChangeOTPError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateChangeOTPSuccessModal(data) {
    if (vajQuery('#changeOTPSuccess').length !== 0) {
        chatbotModal('changeOTPSuccess', 'hide');
        vajQuery('#changeOTPSuccess').remove();
        vaCreateChangeOTPSuccessModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="changeOTPSuccess" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm changeOTPSuccess"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');
        var body = '';
        if(data.phone != null){
            body = '<div class="modal-body"><div class="bigText">手機驗證成功</div>';
        } else if(data.email != null){
            body = '<div class="modal-body"><div class="bigText">信箱驗證成功</div>';
        }
        
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="changeOTPSubmit" class="right">確認</a></div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#changeOTPSubmit').click(function () {
            if(data.step === 'confirm'){
                chatbotModal('changeOTPSuccess', 'hide');
                stopChangeConfirmPsrnTimer(myChangeConfirmOTPTimer);
                document.getElementById("changeSuccess").style.display = '';
                if(document.getElementById("changeEmailInput")){
                    document.getElementById("changeEmailInput").disabled=true;
                }else{
                    document.getElementById("changePhoneInput").disabled=true;
                }
                document.getElementById("changeConfirmCaptchaCode").disabled=true;
                document.getElementById("changeOtpTimer").remove();
                document.getElementById("sendChangeCaptchaByCSIS").remove();
                document.getElementById("checkChangeCaptchaCode").remove();
                document.getElementById('changePsrnOTPTimer').remove();
            } else if(data.phone){
                chatbotModal('changeOTPSuccess', 'hide');
                stopMobileOnePsrnOTPTimer(myMobileOnePsrnOTPTimer);
                document.getElementById("changeMobileOneSuccess").style.display = '';
                document.getElementById("mobileOneInput").disabled=true;
                document.getElementById("changeMobileOneCaptchaCode").disabled=true;
                document.getElementById("mobileOneOtpTimer").remove();
                document.getElementById("sendBasicChangeMobileOneCaptchaByCSIS").remove();
                document.getElementById("checkChangeMobileOneCaptchaCode").remove();
                document.getElementById('mobileOnePsrnOTPTimer').remove();
                
            } else if(data.email){
                chatbotModal('changeOTPSuccess', 'hide');
                stopPsrnTimer(myPsrnOTPTimer);
                document.getElementById("changeEmailSuccess").style.display = '';
                document.getElementById("emailInput").disabled=true;
                document.getElementById("changeCaptchaCode").disabled=true;
                document.getElementById("otpTimer").remove();
                document.getElementById("sendBasicChangeCaptchaByCSIS").remove();
                document.getElementById("checkChangeEmailCaptchaCode").remove();
                document.getElementById('psrnOTPTimer').remove();
                
            }


        });

        chatbotModal('changeOTPSuccess', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateLoanOTPSuccessModal(data) {
    if (vajQuery('#loanOTPSuccess').length !== 0) {
        chatbotModal('loanOTPSuccess', 'hide');
        vajQuery('#loanOTPSuccess').remove();
        vaCreateLoanOTPSuccessModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="loanOTPSuccess" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm loanOTPSuccess"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');
        var body = '';
        if(data.phone != null){
            body = '<div class="modal-body"><div class="bigText">手機驗證成功</div>';
        } else if(data.email != null){
            body = '<div class="modal-body"><div class="bigText">信箱驗證成功</div>';
        }
        
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="loanOTPSubmit" class="right">確認</a></div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#loanOTPSubmit').click(function () {
            if(data.phone){
                document.getElementById("phoneInput").disabled=true;
            } else if(data.email){
                document.getElementById("emailInput").disabled=true;
                
            }
            stopLoanPsrnTimer(myLoanOTPTimer);
            document.getElementById("loanSuccess").style.display = '';
            document.getElementById("loanCaptchaCode").disabled=true;
            document.getElementById("loanOtpTimer").remove();
            document.getElementById("sendloanCaptchaByCSIS").remove();
            document.getElementById("checkloanCaptchaCode").remove();
            document.getElementById('loanPsrnOTPTimer').remove();
            chatbotModal('loanOTPSuccess', 'hide');
        });

        chatbotModal('loanOTPSuccess', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateCheckLoanOTPErrorMessageModal(data) {
    if (vajQuery('#checkLoanOTPError').length !== 0) {
        chatbotModal('checkLoanOTPError', 'hide');
        vajQuery('#checkLoanOTPError').remove();
        vaCreateCheckLoanOTPErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkLoanOTPError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkLoanOTPError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += data.errorMsg[index];
            body += '</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="loanReInputOTP" class="right">重新輸入</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings
        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#loanReInputOTP').click(function () {
            chatbotModal('checkLoanOTPError', 'hide');
            if (data.resetTime === 'Y') {
                stopLoanPsrnTimer(myLoanOTPTimer);
            }
        });
        chatbotModal('checkLoanOTPError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateVerifyModal(type) {
    if (vajQuery('#changeVerify').length !== 0) {
        chatbotModal('changeVerify', 'hide');
        vajQuery('#changeVerify').remove();
        vaCreateVerifyModal(type);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="changeVerify" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm changeVerify"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');
        var body = '';
        if(type === 'phone'){
            body = '<div class="modal-body"><div class="bigText">提醒</div><div class="smallText col-xs-15">請完成手機驗證</div>';
        } else if(type === 'email'){
            body = '<div class="modal-body"><div class="bigText">提醒</div><div class="smallText col-xs-15">請完成信箱驗證</div>';
        }
        
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="changeVerifySubmit" class="right">確認</a></div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings
        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#changeVerifySubmit').click(function () {
            chatbotModal('changeVerify', 'hide');
        });
        chatbotModal('changeVerify', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateOpenMessageModal() {
    if (vajQuery('#OpenMessage').length !== 0) {
        chatbotModal('OpenMessage', 'hide');
        vajQuery('#OpenMessage').remove();
        vaCreateOpenMessageModal();
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="OpenMessage" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm OpenMessage"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');
        var modalBody = vajQuery('<div class="modal-body"><div class="bigText">訊息通知</div><div class="smallText col-xs-15">請至少輸入一項驗證項目，謝謝!</div></div>');
        var footerContent = '<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="OpenMessageSubmit" class="right">回上一頁</a></div>';
        var modalFooter = vajQuery(footerContent);

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#OpenMessageSubmit').click(function () {
            chatbotModal('OpenMessage', 'hide');
        });
        chatbotModal('OpenMessage', 'show');
    }
    $('.loaderMain').hide();
}


function vaCreateOTPErrorMessageModal(message) {
    if (vajQuery('#OTPErrorMessageModal').length !== 0) {
        chatbotModal('OTPErrorMessageModal', 'hide');
        vajQuery('#OTPErrorMessageModal').remove();
        vaCreateOTPErrorMessageModal(message);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="OTPErrorMessageModal" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm OTPErrorMessageModal"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">提醒</div>';
        body += '<div class="smallText">';
        body += message;
        body += '</div>';
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="OTPErrorSubmit" class="right">確認</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings
        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#OTPErrorSubmit').click(function () {
            chatbotModal('OTPErrorMessageModal', 'hide');
        });

        chatbotModal('OTPErrorMessageModal', 'show');
    }
    $('.loaderMain').hide();
}
function vaCreateRegisterPasswordModal(value) {
    if (vajQuery('#registerPasswordModal').length) {
        chatbotModal('registerPasswordModal', 'hide');
        vajQuery('#registerPasswordModal').remove();
        vaCreateRegisterPasswordModal(value);
    } else {
        let registerPasswordModal = '';

        registerPasswordModal += '<div class="chatbotModal modal fade openForm" id="registerPasswordModal" role="dialog">';
        registerPasswordModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        registerPasswordModal += '        <div class="modal-content">';
        registerPasswordModal += '            <div class="modal-header">';
        registerPasswordModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="registerPasswordClose"></button>';
        registerPasswordModal += '                <h4 class=" col-8 modal-title">';
        registerPasswordModal += '                    <div>保戶專區會員註冊</div>';
        registerPasswordModal += '                </h4>';
        registerPasswordModal += '            </div>';
        registerPasswordModal += '            <div class="modal-body">';
        registerPasswordModal += '                <div class="row">';
        registerPasswordModal += '                     <div class="loginTitle"><span style="color:red">*</span>新密碼設定</div>';
        registerPasswordModal += '                </div>';
        registerPasswordModal += '                <div class="row">';
        registerPasswordModal += '                     <input class="col-xs-12 mb-15" type="password" id="inputRegisterPassword" maxlength="25" autocomplete="off">';
        registerPasswordModal += '                </div>';
        registerPasswordModal += '                <div class="row">';
        registerPasswordModal += '                     <div class="modalText mb-5" >（長度 8~15 碼，需包含大小寫英文及數字。）</div>';
        registerPasswordModal += '                </div>';
        registerPasswordModal += '                </br>';
        registerPasswordModal += '                <div class="row">';
        registerPasswordModal += '                     <div class="loginTitle"><span style="color:red">*</span>新密碼確認</div>';
        registerPasswordModal += '                </div>';
        registerPasswordModal += '                <div class="row">';
        registerPasswordModal += '                     <input class="col-xs-12 mb-15" type="password" id="inputRegisterConfirmPassword" maxlength="25" autocomplete="off">';
        registerPasswordModal += '                </div>';
        registerPasswordModal += '            </div>';
        registerPasswordModal += '            <div class="modal-footer">';
        registerPasswordModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="下一步" id="registerPasswordModalSubmit">下一步</a>';
        registerPasswordModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="返回" id="registerPasswordModalPrePage">返回</a>';
        registerPasswordModal += '            </div>';
        registerPasswordModal += '        </div>';
        registerPasswordModal += '    </div>';
        registerPasswordModal += '</div>';
        vajQuery('#ibmchat').append(registerPasswordModal);
        chatbotModal('registerPasswordModal', 'show');

        if (value) {
            vajQuery('#inputRegisterConfirmPassword, #inputRegisterPassword').val(value.toNextStepData.inputRegisterPassword);
        }

        vajQuery('#registerPasswordClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F13_會員註冊_取消註冊');
            chatbotModal('registerPasswordModal', 'hide');
        });

        vajQuery('#inputRegisterPassword').keyup(function () {
            this.value = this.value.replace(/[^0-9a-zA-Z]/g, '');
            if (this.value > 15) {
                this.value = this.value.substring(0, 16);
            }
        });

        vajQuery('#inputRegisterConfirmPassword').keyup(function () {
            this.value = this.value.replace(/[^0-9a-zA-Z]/g, '');
            if (this.value > 15) {
                this.value = this.value.substring(0, 16);
            }
        });

        vajQuery('#registerPasswordModalSubmit').bind('click', function (e) {
            try {
                var hasInputIsEmpty = 'N';

                if (vajQuery('#inputRegisterPassword').val() === '') {
                    vajQuery('#inputRegisterPassword').addClass('inputIsEmpty');
                    vajQuery('#inputRegisterPassword').attr('placeholder', '請填寫新密碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#inputRegisterPassword').hasClass('inputIsEmpty')) {
                    vajQuery('#inputRegisterPassword').removeClass('inputIsEmpty');
                    hasInputIsEmpty = 'N';
                }

                if (vajQuery('#inputRegisterConfirmPassword').val() === '') {
                    vajQuery('#inputRegisterConfirmPassword').addClass('inputIsEmpty');
                    vajQuery('#inputRegisterConfirmPassword').attr('placeholder', '請填寫新密碼確認');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#inputRegisterConfirmPassword').hasClass('inputIsEmpty')) {
                    vajQuery('#inputRegisterConfirmPassword').removeClass('inputIsEmpty');
                    hasInputIsEmpty = 'N';
                }

                if (hasInputIsEmpty === 'N') {
                    $('.loaderMain').show();

                    var elementText = vajQuery(e.target).data('text');
                    var jscrypto = new JSEncrypt();
                    jscrypto.setPublicKey(RSA_PUBLICKEY);
                    var data = {
                        inputRegisterPassword: value.toNextStepData.inputRegisterPassword && value.toNextStepData.inputRegisterPassword !== '' ? vajQuery('#inputRegisterPassword').val() : jscrypto.encrypt(vajQuery('#inputRegisterPassword').val()), //value有值應已加密
                        inputRegisterConfirmPassword: value.toNextStepData.inputRegisterPassword && value.toNextStepData.inputRegisterPassword !== '' ? vajQuery('#inputRegisterConfirmPassword').val() : jscrypto.encrypt(vajQuery('#inputRegisterConfirmPassword').val()),
                        toNextStepData: value.toNextStepData
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkRegisterPassword', data);
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
        vajQuery('#registerPasswordModalPrePage').bind('click', function (e) {
            value.toNextStepData.inputRegisterPassword = '';
            vaCreateRegisterOTPModal(value);
            chatbotModal('registerPasswordModal', 'hide');
        });
    }
}

function vaCreateCheckRegisterPasswordErrorMessageModal(data) {
    if (vajQuery('#checkRegisterPasswordError').length !== 0) {
        chatbotModal('checkRegisterPasswordError', 'hide');
        vajQuery('#checkRegisterPasswordError').remove();
        vaCreateCheckRegisterPasswordErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkRegisterPasswordError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkRegisterPasswordError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += data.errorMsg[index];
            body += '</div>';
        }
        body += '</div>';

        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="reInputOTP" class="left">重新輸入</a>';
        footerContent += '<a id="inputOTPCancel" class="right col-12">取消</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#reInputOTP').click(function () {
            chatbotModal('checkRegisterPasswordError', 'hide');
        });

        vajQuery('#inputOTPCancel').click(function () {
            chatbotModal('checkRegisterPasswordError', 'hide');
            chatbotModal('registerOTPModal', 'hide');
        });

        chatbotModal('checkRegisterPasswordError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateCheckOpenNetworkErrorMessageModal(data) {
    if (vajQuery('#checkOpenNetworkErrorr').length !== 0) {
        chatbotModal('checkOpenNetworkErrorr', 'hide');
        vajQuery('#checkOpenNetworkErrorr').remove();
        vaCreateCheckOpenNetworkErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkOpenNetworkErrorr" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkOpenNetworkErrorr"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            if (data.errorMsg[index] !== '') {
                body += '<div class="smallText">';
                body += data.errorMsg[index];
                body += '</div>';
            }
        }
        if (data.changeItems && data.changeItems !== null) {
            body += '<div class="smallText" style="text-align: left;"><span style="font-size:16px">&#8226;</span>若您仍要變更至此' + data.changeItems + '，請本人攜帶身分證至全省分公司/服務中心櫃台辦理。</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="reInput" class="right">重新輸入</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#reInput').click(function () {
            chatbotModal('checkOpenNetworkErrorr', 'hide');
        });

        chatbotModal('checkOpenNetworkErrorr', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateOpenNetworkConfirmModal(data) {
    let policyDataList = data.policyDataList;

    if (vajQuery('#openNetworkOTPModal').length !== 0) {
        chatbotModal('openNetworkOTPModal', 'hide');
    }

    if (vajQuery('#openNetworkPhoneOTPModal').length !== 0) {
        chatbotModal('openNetworkPhoneOTPModal', 'hide');
    }

    if (vajQuery('#openNetworkConfirmModal').length !== 0) {
        chatbotModal('openNetworkConfirmModal', 'hide');
        vajQuery('#openNetworkConfirmModal').remove();
        vaCreateOpenNetworkConfirmModal(data);
    } else {
        let openNetworkChange = '';

        openNetworkChange += '<div class="chatbotModal modal fade openForm" id="openNetworkConfirmModal" role="dialog">';
        openNetworkChange += '<div class="modal-dialog loginModalDialog " >';
        openNetworkChange += '    <div class="modal-content">';
        openNetworkChange += '        <div class="modal-header">';
        openNetworkChange += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openNetworkConfirmClose"></button>';
        openNetworkChange += '                <h4 class=" col-8 modal-title">';
        openNetworkChange += '                    <div>確認開通</div>';
        openNetworkChange += '                </h4>';
        openNetworkChange += '        </div>';
        openNetworkChange += '        <div class="modal-body">';

        openNetworkChange += '            <div class="row mb-15">';
        if(data.email && data.email != '' && data.phone && data.phone != ''){
            openNetworkChange += '                <div class="loginTitle ">本次【開通網路變更】並同時【更新電子郵件信箱及手機號碼】至以下有效保單</div>';
        }else if(data.email && data.email != ''){
            openNetworkChange += '                <div class="loginTitle ">本次【開通網路變更】並同時【更新電子郵件信箱】至以下有效保單</div>';
        }else if(data.phone && data.phone != ''){
            openNetworkChange += '                <div class="loginTitle ">本次【開通網路變更】並同時【更新手機號碼】至以下有效保單</div>';
        }
        openNetworkChange += '            </div>';

        openNetworkChange += '                <div class="row mb-10" >';
        openNetworkChange += '                    <div class="modalText ">';
        for (var index in policyDataList) {
            openNetworkChange += policyDataList[index].policyCode + policyDataList[index].masterProductName;
            openNetworkChange += '                <br />';
        }
        openNetworkChange += '                   </div>';
        openNetworkChange += '                </div>';
        openNetworkChange += '        </div>';
        openNetworkChange += '        <div class="modal-footer">';
        openNetworkChange += '            <a class="btn btn-sm btn-default col-xs-12"  id="openNetworkConfirmSubmit" data-text="確認">確認</a>';
        openNetworkChange += '        </div>';
        openNetworkChange += '    </div>';
        openNetworkChange += '</div>';
        vajQuery('#ibmchat').append(openNetworkChange);
        chatbotModal('openNetworkConfirmModal', 'show');
        $('.loaderMain').hide();

        vajQuery('#openNetworkConfirmClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F15_開通網路變更_取消');
        });
        vajQuery('#openNetworkConfirmSubmit').bind('click', function (e) {
            $('.loaderMain').show();
            try {
                var elementText = vajQuery(e.target).data('text');
                var value = {
                    email: data.email,
                    phone: data.phone,
                    ip: '3.145.103.12',
                    returnCode: 'openNetwork',
                    isPolicyChange: 'Y',
                    isElectronicNotice: 'N'
                };

                va_sendWebSocket('openForm', 'formback', elementText, 'openMemberService', value);
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateOpenElectronicAllElectronicModal(data) {
    vajQuery('#userEmail').remove();
    vajQuery('#userPhone').remove();
    let policyList = '';
    if (data) {
        policyList = data.split('|policyDataList:')[1];
    }
    let policyDataList = JSON.parse(policyList);

    if (vajQuery('#openElectronicAllElectronicModal').length !== 0) {
        chatbotModal('openElectronicAllElectronicModal', 'hide');
        vajQuery('#openElectronicAllElectronicModal').remove();
        vaCreateOpenElectronicAllElectronicModal(data);
    } else {
        let openElectronicNotice = '';

        openElectronicNotice += '<div class="chatbotModal modal fade openForm" id="openElectronicAllElectronicModal" role="dialog">';
        openElectronicNotice += '<div class="modal-dialog loginModalDialog " >';
        openElectronicNotice += '    <div class="modal-content">';
        openElectronicNotice += '        <div class="modal-header">';
        openElectronicNotice += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openElectronicAllElectronicClose"></button>';
        openElectronicNotice += '                <h4 class=" col-8 modal-title">';
        openElectronicNotice += '                    <div>開通電子化通知</div>';
        openElectronicNotice += '                </h4>';
        openElectronicNotice += '        </div>';
        openElectronicNotice += '        <div class="modal-body">';
        openElectronicNotice += '            <div class="row mb-15">';
        openElectronicNotice += '                <div class="loginTitle ">目前名下所有保單均已開通電子化通知服務，本次開通會將後續新購保單套用至此電子信箱或手機號碼</div>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="loginTitle">電子郵件信箱(套用至後續新購保單)</div>';
        openElectronicNotice += '                <span id="emailError" style="color:red; display:none;">信箱格式錯誤</span>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <input class="col-xs-12 mb-15" type="text" id="userEmail" maxlength="50" autocomplete="off">';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="modalText mb-5" style="color:#A9A9A9;">請填寫您常使用的電子郵件信箱</div>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="loginTitle">手機號碼(套用至後續新購保單)</div>';
        openElectronicNotice += '                <span id="phoneError" style="color:red; display:none;">手機格式錯誤</span>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <input class="col-xs-12 mb-15" type="text" id="userPhone" maxlength="10" autocomplete="off">';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="modalText mb-5" style="color:#A9A9A9;">請填寫您常使用的手機號碼</div>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '        </div>';
        openElectronicNotice += '        <div class="modal-footer">';
        openElectronicNotice += '            <a class="btn btn-sm btn-default col-xs-12"  id="openElectronicAllElectronicSubmit" data-text="送出">送出</a>';
        openElectronicNotice += '        </div>';
        openElectronicNotice += '    </div>';
        openElectronicNotice += '</div>';
        vajQuery('#ibmchat').append(openElectronicNotice);
        chatbotModal('openElectronicAllElectronicModal', 'show');
        $('.loaderMain').hide();

        if (policyDataList[0] && policyDataList[0].holderEmail) {
            vajQuery('#userEmail').val(policyDataList[0].holderEmail);
        }

        vajQuery('#userEmail').keyup(function () {
            this.value = this.value.replace(/[^0-9a-z@\.]/gi, '');
        });

        if (policyDataList[0] && policyDataList[0].holderMobile) {
            vajQuery('#userPhone').val(policyDataList[0].holderMobile);
        }

        vajQuery('#userPhone').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#openElectronicAllElectronicClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F16_開通電子化通知_取消');
            chatbotModal('openElectronicAllElectronicModal', 'hide');
        });
        vajQuery('#openElectronicAllElectronicSubmit').bind('click', function (e) {
            $('.loaderMain').show();
            let hasError = 'N';
            let userEmail = vajQuery('#userEmail').val();
            let userPhone = vajQuery('#userPhone').val();
            if (vajQuery('#userEmail').val() === '' && vajQuery('#userPhone').val() === '') {
                vaCreateOpenMessageModal();
                hasError = 'Y';
            }
            if (vajQuery('#userEmail').val() !== '' && userEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z]+$/) === -1) {
                vajQuery('#userEmail').addClass('inputIsEmpty');
                vajQuery('#emailError').show();
                hasError = 'Y';
            } else if (vajQuery('#userEmail').hasClass('inputIsEmpty')) {
                vajQuery('#userEmail').removeClass('inputIsEmpty');
            }

            if (vajQuery('#userPhone').val() !== '' && userPhone.search(/^09[0-9]{8}$/) === -1) {
                vajQuery('#userPhone').addClass('inputIsEmpty');
                vajQuery('#phoneError').show();
                hasError = 'Y';
            } else if (vajQuery('#userPhone').hasClass('inputIsEmpty')) {
                vajQuery('#userPhone').removeClass('inputIsEmpty');
            }
            try {
                if (hasError === 'N') {
                    vajQuery('#emailError').hide();
                    vajQuery('#phoneError').hide();
                    var elementText = vajQuery(e.target).data('text');
                    var type = '';
                    if(vajQuery('#userEmail').val() != ''){
                        type = 'email'
                    } else{
                        type = 'phone'
                    }
                    var data = {
                        userEmail: vajQuery('#userEmail').val(),
                        userPhone: vajQuery('#userPhone').val(),
                        policyDataList: policyDataList,
                        returnCode: 'openElectronic',
                        type: type
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkTheBasicChangeData', data);
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateOpenElectronicAllNetworkModal(data) {
    vajQuery('#userEmail').remove();
    vajQuery('#userPhone').remove();
    let policyList = '';
    let onlineChange = '';

    if (data) {
        policyList = data.split('|policyDataList:')[1];
        if (policyList) {
            policyList = policyList.split('/onlineChange:')[0];
        }
        onlineChange = data.split('/onlineChange:')[1];
    }

    let policyDataList = JSON.parse(policyList);

    if (vajQuery('#openElectronicAllNetworkModal').length !== 0) {
        chatbotModal('openElectronicAllNetworkModal', 'hide');
        vajQuery('#openElectronicAllNetworkModal').remove();
        vaCreateOpenElectronicAllNetworkModal(data);
    } else {
        let openElectronicNotice = '';

        openElectronicNotice += '<div class="chatbotModal modal fade openForm" id="openElectronicAllNetworkModal" role="dialog">';
        openElectronicNotice += '<div class="modal-dialog loginModalDialog " >';
        openElectronicNotice += '    <div class="modal-content">';
        openElectronicNotice += '        <div class="modal-header">';
        openElectronicNotice += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openElectronicAllNetworkClose"></button>';
        openElectronicNotice += '                <h4 class=" col-8 modal-title">';
        openElectronicNotice += '                    <div>開通電子化通知</div>';
        openElectronicNotice += '                </h4>';
        openElectronicNotice += '        </div>';
        openElectronicNotice += '        <div class="modal-body">';
        openElectronicNotice += '            <div class="row mb-15">';
        openElectronicNotice += '                <div class="loginTitle ">本次開通電子化通知電子郵件信箱或手機號碼套用至以下未開通電子化通知的有效保單</div>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '                <div class="row mb-10" >';
        openElectronicNotice += '                    <div class="modalText ">';
        for (var index in policyDataList) {
            if (policyDataList[index].csDeliverType === 'N') {
                openElectronicNotice += policyDataList[index].policyCode + policyDataList[index].masterProductName;
                openElectronicNotice += '                <br />';
            }
        }
        openElectronicNotice += '                    </div>';
        openElectronicNotice += '                </div>';
        if (onlineChange === 'N') {
            openElectronicNotice += '                <div class="row mb-10" style="margin-top: 10px;">';
            openElectronicNotice += '                    <label class="checkboxContainer" style="text-align: left;">';
            openElectronicNotice += '                      <b>開通網路契約變更（套用至全部未開通網路契約變更的有效保單）</b><br>';
            openElectronicNotice += '                      <b style="color:#A9A9A9">線上變更保單電話、地址、繳別等保單基本資訊，以及保單借款等更多其他線上服務</b>';
            openElectronicNotice += '                      <input type="checkbox" id="electronicCheckbox" />';
            openElectronicNotice += '                      <span class="checkmark"></span>';
            openElectronicNotice += '                    </label>';
            openElectronicNotice += '                </div>';
        }
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="loginTitle" >電子郵件信箱(套用至全部未開通電子化通知的有效保單)</div>';
        openElectronicNotice += '                <span id="emailError" style="color:red; display:none;">信箱格式錯誤</span>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <input class="col-xs-12 mb-15" type="text" id="userEmail" maxlength="50" autocomplete="off">';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="modalText mb-5" style="color:#A9A9A9;">請填寫您常使用的電子郵件信箱</div>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="loginTitle">手機號碼(套用至後續新購保單)</div>';
        openElectronicNotice += '                <span id="phoneError" style="color:red; display:none;">手機格式錯誤</span>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <input class="col-xs-12 mb-15" type="text" id="userPhone" maxlength="10" autocomplete="off">';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '            <div class="row">';
        openElectronicNotice += '                <div class="modalText mb-5" style="color:#A9A9A9;">請填寫您常使用的手機號碼</div>';
        openElectronicNotice += '            </div>';
        openElectronicNotice += '        </div>';
        openElectronicNotice += '        <div class="modal-footer">';
        openElectronicNotice += '            <a class="btn btn-sm btn-default col-xs-12"  id="openElectronicAllNetworkSubmit" data-text="送出">送出</a>';
        openElectronicNotice += '        </div>';
        openElectronicNotice += '    </div>';
        openElectronicNotice += '</div>';

        vajQuery('#ibmchat').append(openElectronicNotice);
        chatbotModal('openElectronicAllNetworkModal', 'show');
        $('.loaderMain').hide();

        if (policyDataList[0] && policyDataList[0].holderEmail) {
            vajQuery('#userEmail').val(policyDataList[0].holderEmail);
        }

        if (policyDataList[0] && policyDataList[0].holderMobile) {
            vajQuery('#userPhone').val(policyDataList[0].holderMobile);
        }

        $(function () {
            var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="electronicNoticeModal" role="dialog"></div>');
            var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
            var modalContent = vajQuery('<div class="modal-content" style="width:320px;"></div>');
            var modalBody = vajQuery(
                '<div class="modal-body"><div class="bigText">提醒</div><div class="smallText col-xs-15">本次開通電子化通知電子郵件</div>' + '<div class="smallText col-xs-15">信箱或手機號碼套用至全部未開通電子化通知的有效保單</div></div>'
            );
            var modalFooter = vajQuery('<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="electronicSubmit" >我已瞭解</a></div>');

            modalContent.append(modalBody);
            modalContent.append(modalFooter);
            modalDialog.append(modalContent);
            modalWindow.append(modalDialog);
            vajQuery('#ibmchatbox').after(modalWindow);
            chatbotModal('electronicNoticeModal', 'show');

            vajQuery('#electronicSubmit').click(function () {
                chatbotModal('electronicNoticeModal', 'hide');
            });
        });

        $(function () {
            var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="electronicIsTickModal" role="dialog"></div>');
            var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm"></div>');
            var modalContent = vajQuery('<div class="modal-content" style="width:320px;"></div>');
            var modalBody = vajQuery('<div class="modal-body"><div class="bigText">檢核失敗</div>' + '<div class="smallText">欲開通電子化通知，請勾選開通網路契約變更選項，謝謝!</div></div>');
            var modalFooter = vajQuery('<div class="modal-footer"><a class="btn btn-sm btn-default col-xs-12" id="electronicSubmit" >我已了解</a></div>');

            modalContent.append(modalBody);
            modalContent.append(modalFooter);
            modalDialog.append(modalContent);
            modalWindow.append(modalDialog);
            vajQuery('#ibmchatbox').after(modalWindow);

            vajQuery('#electronicSubmit').click(function () {
                chatbotModal('electronicIsTickModal', 'hide');
            });
        });

        vajQuery('#userEmail').keyup(function () {
            this.value = this.value.replace(/[^0-9a-z@\.]/gi, '');
        });

        vajQuery('#userPhone').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        vajQuery('#openElectronicAllNetworkClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F16_開通電子化通知_取消');
            chatbotModal('openElectronicAllNetworkModal', 'hide');
        });
        vajQuery('#openElectronicAllNetworkSubmit').bind('click', function (e) {
            $('.loaderMain').show();
            let hasError = 'N';
            let userEmail = vajQuery('#userEmail').val();
            let userPhone = vajQuery('#userPhone').val();
            if (vajQuery('#userEmail').val() === '' && vajQuery('#userPhone').val() === '') {
                vaCreateOpenMessageModal();
                hasError = 'Y';
            }
            if (vajQuery('#userEmail').val() !== '' && userEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z]+$/) === -1) {
                vajQuery('#userEmail').addClass('inputIsEmpty');
                vajQuery('#emailError').show();
                hasError = 'Y';
            } else if (vajQuery('#userEmail').hasClass('inputIsEmpty')) {
                vajQuery('#userEmail').removeClass('inputIsEmpty');
            }

            if (vajQuery('#userPhone').val() !== '' && userPhone.search(/^09[0-9]{8}$/) === -1) {
                vajQuery('#userPhone').addClass('inputIsEmpty');
                vajQuery('#phoneError').show();
                hasError = 'Y';
            } else if (vajQuery('#userPhone').hasClass('inputIsEmpty')) {
                vajQuery('#userPhone').removeClass('inputIsEmpty');
            }

            try {
                if (hasError === 'N') {
                    if (onlineChange === 'N' && !vajQuery('#electronicCheckbox').is(':checked')) {
                        chatbotModal('electronicIsTickModal', 'show');
                        $('.loaderMain').hide();
                    } else {
                        vajQuery('#emailError').hide();
                        vajQuery('#phoneError').hide();
                        var elementText = vajQuery(e.target).data('text');
                        var type = '';
                        if(vajQuery('#userEmail').val() != ''){
                            type = 'email'
                        } else{
                            type = 'phone'
                        }
                        var data = {
                            userEmail: userEmail,
                            userPhone: vajQuery('#userPhone').val(),
                            policyDataList: policyDataList,
                            returnCode: 'openElectronic',
                            type: type
                        };
                        va_sendWebSocket('openForm', 'formback', elementText, 'checkTheBasicChangeData', data);
                    }
                } else {
                    $('.loaderMain').hide();
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateCheckOpenElectronicNoticeErrorMessageModal(data) {
    if (vajQuery('#checkOpenElectronicNoticeErrorr').length !== 0) {
        chatbotModal('checkOpenElectronicNoticeErrorr', 'hide');
        vajQuery('#checkOpenElectronicNoticeErrorr').remove();
        vaCreateCheckOpenElectronicNoticeErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkOpenElectronicNoticeErrorr" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkOpenElectronicNoticeErrorr"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            if (data.errorMsg[index] !== '') {
                body += '<div class="smallText" style="text-align: left;"><span style="font-size:16px">&#8226;</span>';
                body += data.errorMsg[index];
                body += '</div>';
            }
        }
        if (data.changeItems !== null) {
            body += '<div class="smallText" style="text-align: left;"><span style="font-size:16px">&#8226;</span>若您仍要變更至此' + data.changeItems + '，請本人攜帶身分證至全省分公司/服務中心櫃台辦理。</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="reInput" class="right">重新輸入</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#reInput').click(function () {
            chatbotModal('checkOpenElectronicNoticeErrorr', 'hide');
        });

        chatbotModal('checkOpenElectronicNoticeErrorr', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateOpenElectronicOTPModal(value) {
    vajQuery('#OTPTimer').remove();
    vajQuery('#reSendOTPLink').remove();
    if (vajQuery('#openElectronicAllElectronicModal').length !== 0) {
        chatbotModal('openElectronicAllElectronicModal', 'hide');
    }

    if (vajQuery('#openElectronicAllNetworkModal').length !== 0) {
        chatbotModal('openElectronicAllNetworkModal', 'hide');
    }

    if (vajQuery('#openElectronicOTPModal').length !== 0) {
        chatbotModal('openElectronicOTPModal', 'hide');
        vajQuery('#openElectronicOTPModal').remove();
        vajQuery('.openFormBackdrop ').remove();
        vaCreateOpenElectronicOTPModal(value);
    } else {
        let openElectronicOTPModal = '';
        let userEmail = value.email;
        let policyDataList = value.policyDataList;
        let userPhone = value.phone;
        let hasPhone = value.hasPhone;

        let sentOTPDate = new Date();
        openElectronicOTPModal += '<div class="chatbotModal modal fade openForm" id="openElectronicOTPModal" role="dialog">';
        openElectronicOTPModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        openElectronicOTPModal += '        <div class="modal-content">';
        openElectronicOTPModal += '            <div class="modal-header">';
        openElectronicOTPModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openElectronicOTPClose"></button>';
        openElectronicOTPModal += '                <h4 class=" col-8 modal-title">';
        openElectronicOTPModal += '                    <div>開通電子化通知</div>';
        openElectronicOTPModal += '                </h4>';
        openElectronicOTPModal += '            </div>';
        openElectronicOTPModal += '            <div class="modal-body">';
        openElectronicOTPModal += '                <div class="row">';
        openElectronicOTPModal += '                     <div class="loginTitle">已將驗證碼傳送至</div>';
        openElectronicOTPModal += '                </div>';
        openElectronicOTPModal += '                </br>';
        openElectronicOTPModal += '                <div class="row">';
        openElectronicOTPModal += '                     <div class="loginTitle">電子信箱 ' + maskEmail(userEmail) + '</div>';
        openElectronicOTPModal += '                </div>';
        openElectronicOTPModal += '                </br>';
        openElectronicOTPModal += '                <div class="row">';
        openElectronicOTPModal += '                     <div class="loginTitle">請於5分鐘內完成完成驗證作業</div>';
        openElectronicOTPModal += '                     <div class="loginTitle">';
        openElectronicOTPModal += '                           <span style="color:#A9A9A9 ">注意事項 :<br></span>';
        openElectronicOTPModal += '                           <span style="color:#A9A9A9 ">1. 系統將於1-2分鐘內傳送一次性驗證碼(OTP)至您選擇的信箱。<br></span>';
        openElectronicOTPModal += '                           <span style="color:#A9A9A9 ">2. 請勿關閉此視窗，當您收到一次性驗證碼(OTP)後請立刻進行驗證。<br></span>';
        openElectronicOTPModal += '                           <span style="color:#A9A9A9 ">3. 為維護您的個人資料安全性，一次性驗證碼(OTP)密碼自發送起後有效時間為5分鐘。</span>';
        openElectronicOTPModal += '                    </div>';
        openElectronicOTPModal += '                </div>';
        openElectronicOTPModal += '                </br>';
        openElectronicOTPModal += '                <div class="row">';
        openElectronicOTPModal += '                     <div class="loginTitle"><span style="color:red">*</span>驗證碼</div>';
        openElectronicOTPModal += '                </div>';
        openElectronicOTPModal += '                <div class="row">';
        openElectronicOTPModal += '                     <input class="col-xs-12 mb-15" type="text" id="inputOpenElectronicOTP" maxlength="8" autocomplete="off">';
        openElectronicOTPModal += '                </div>';
        openElectronicOTPModal += '                <div class="row">';
        openElectronicOTPModal += '                   <div class="loginTitle">剩餘時間 <span id="OTPTimer"></span>';
        openElectronicOTPModal += '                     <span  style="text-align:right;float: right">';
        openElectronicOTPModal += '                          <a rel="noopener noreferrer" class="loginLink" id="reSendOTPLink" target="_blank" data-text="重新發送驗證碼">重新發送驗證碼</a>';
        openElectronicOTPModal += '                     </span>';
        openElectronicOTPModal += '                   </div>';
        openElectronicOTPModal += '                </div>';
        openElectronicOTPModal += '            </div>';
        openElectronicOTPModal += '            <div class="modal-footer">';
        if(hasPhone === 'Y' ){
            openElectronicOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="下一步" id="openElectronicOTPModalSubmit">下一步</a>';
        }else{
            openElectronicOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="開通電子化通知" id="openElectronicOTPModalSubmit">開通電子化通知</a>';
        }
        openElectronicOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="取消開通" id="openElectronicOTPCancel">取消開通</a>';
        openElectronicOTPModal += '            </div>';
        openElectronicOTPModal += '        </div>';
        openElectronicOTPModal += '    </div>';
        openElectronicOTPModal += '</div>';
        vajQuery('#ibmchat').append(openElectronicOTPModal);
        chatbotModal('openElectronicOTPModal', 'show');
        $('.loaderMain').hide();

        $(function () {
            stopOTPTimer(myOTPTimer);
            myOTPTimer = setInterval(function () {
                OTPTimer(addMinutes(new Date(sentOTPDate), 5), myOTPTimer);
            }, 1000);
        });

        var endtime = addMinutes(new Date(sentOTPDate), 5);
        let year = endtime.getFullYear();
        let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
        let day = ('0' + endtime.getDate()).slice(-2);
        let hour = endtime.getHours();
        let minute = endtime.getMinutes();
        var endTime;
        if (minute < 10) {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
        } else {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
        }
        vajQuery('#inputOpenElectronicOTP').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 8) {
                this.value = this.value.substring(0, 9);
            }
        });

        vajQuery('#reSendOTPLink').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                var elementText = vajQuery(e.target).data('text');
                const data = {
                returnCode: 'openElectronicOTP',
                email: userEmail,
                sendTheOTPType: 'E',
                IsReSend: 'Y',
                endTime: endTime,
                hasPhone: hasPhone,
                type: value.type,
                policyNo: policyDataList[0].policyCode
            };
                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });

        vajQuery('#openElectronicOTPClose,#openElectronicOTPCancel').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F16_開通電子化通知_取消');
            chatbotModal('openElectronicOTPModal', 'hide');
        });

        vajQuery('#openElectronicOTPModalSubmit').bind('click', function (e) {
            try {
                var hasInputIsEmpty = 'N';

                if (vajQuery('#inputOpenElectronicOTP').val() === '') {
                    vajQuery('#inputOpenElectronicOTP').addClass('inputIsEmpty');
                    vajQuery('#inputOpenElectronicOTP').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#inputOpenElectronicOTP').hasClass('inputIsEmpty')) {
                    vajQuery('#inputOpenElectronicOTP').removeClass('inputIsEmpty');
                    hasInputIsEmpty = 'N';
                }

                if (hasInputIsEmpty === 'N') {
                    $('.loaderMain').show();

                    var elementText = vajQuery(e.target).data('text');
                    var data = {
                        OTPCode: vajQuery('#inputOpenElectronicOTP').val(),
                        policyDataList: policyDataList,
                        email: userEmail,
                        phone: userPhone,
                        hasPhone: hasPhone,
                        type: value.type
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateOpenElectronicPhoneOTPModal(value) {
    vajQuery('#OTPTimer').remove();
    vajQuery('#reSendOTPLink').remove();

    if (vajQuery('#openElectronicAllElectronicModal').length !== 0) {
        chatbotModal('openElectronicAllElectronicModal', 'hide');
    }

    if (vajQuery('#openElectronicAllNetworkModal').length !== 0) {
        chatbotModal('openElectronicAllNetworkModal', 'hide');
    }
    
    if (vajQuery('#openElectronicOTPModal').length !== 0) {
        chatbotModal('openElectronicOTPModal', 'hide');
    }

    if (vajQuery('#openElectronicPhoneOTPModal').length !== 0) {
        chatbotModal('openElectronicPhoneOTPModal', 'hide');
        vajQuery('#openElectronicPhoneOTPModal').remove();
        vajQuery('.openFormBackdrop ').remove();
        vaCreateOpenElectronicPhoneOTPModal(value);
    } else {
        let openElectronicPhoneOTPModal = '';
        let userEmail = value.email;
        let policyDataList = value.policyDataList;
        let userPhone = value.phone;
        let hasPhone = value.hasPhone;

        let sentOTPDate = new Date();
        openElectronicPhoneOTPModal += '<div class="chatbotModal modal fade openForm" id="openElectronicPhoneOTPModal" role="dialog">';
        openElectronicPhoneOTPModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        openElectronicPhoneOTPModal += '        <div class="modal-content">';
        openElectronicPhoneOTPModal += '            <div class="modal-header">';
        openElectronicPhoneOTPModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openElectronicPhoneOTPClose"></button>';
        openElectronicPhoneOTPModal += '                <h4 class=" col-8 modal-title">';
        openElectronicPhoneOTPModal += '                    <div>開通電子化通知</div>';
        openElectronicPhoneOTPModal += '                </h4>';
        openElectronicPhoneOTPModal += '            </div>';
        openElectronicPhoneOTPModal += '            <div class="modal-body">';
        openElectronicPhoneOTPModal += '                <div class="row">';
        openElectronicPhoneOTPModal += '                     <div class="loginTitle">已將驗證碼傳送至</div>';
        openElectronicPhoneOTPModal += '                </div>';
        openElectronicPhoneOTPModal += '                </br>';
        if(userPhone !== null && userPhone !== ''){
            openElectronicPhoneOTPModal += '                <div class="row">';
            openElectronicPhoneOTPModal += '                     <div class="loginTitle">手機 ' + maskPhone(userPhone) + '</div>';
            openElectronicPhoneOTPModal += '                </div>';
            openElectronicPhoneOTPModal += '                </br>';
        }
        openElectronicPhoneOTPModal += '                <div class="row">';
        openElectronicPhoneOTPModal += '                     <div class="loginTitle">請於5分鐘內完成完成驗證作業</div>';
        openElectronicPhoneOTPModal += '                     <div class="loginTitle">';
        openElectronicPhoneOTPModal += '                           <span style="color:#A9A9A9 ">注意事項 :<br></span>';
        openElectronicPhoneOTPModal += '                           <span style="color:#A9A9A9 ">1. 系統將於1-2分鐘內傳送一次性驗證碼(OTP)至您選擇的信箱。<br></span>';
        openElectronicPhoneOTPModal += '                           <span style="color:#A9A9A9 ">2. 請勿關閉此視窗，當您收到一次性驗證碼(OTP)後請立刻進行驗證。<br></span>';
        openElectronicPhoneOTPModal += '                           <span style="color:#A9A9A9 ">3. 為維護您的個人資料安全性，一次性驗證碼(OTP)密碼自發送起後有效時間為5分鐘。</span>';
        openElectronicPhoneOTPModal += '                    </div>';
        openElectronicPhoneOTPModal += '                </div>';
        openElectronicPhoneOTPModal += '                </br>';
        openElectronicPhoneOTPModal += '                <div class="row">';
        openElectronicPhoneOTPModal += '                     <div class="loginTitle"><span style="color:red">*</span>驗證碼</div>';
        openElectronicPhoneOTPModal += '                </div>';
        openElectronicPhoneOTPModal += '                <div class="row">';
        openElectronicPhoneOTPModal += '                     <input class="col-xs-12 mb-15" type="text" id="inputOpenElectronicPhoneOTP" maxlength="8" autocomplete="off">';
        openElectronicPhoneOTPModal += '                </div>';
        openElectronicPhoneOTPModal += '                <div class="row">';
        openElectronicPhoneOTPModal += '                   <div class="loginTitle">剩餘時間 <span id="OTPTimer"></span>';
        openElectronicPhoneOTPModal += '                     <span  style="text-align:right;float: right">';
        openElectronicPhoneOTPModal += '                          <a rel="noopener noreferrer" class="loginLink" id="reSendOTPLink" target="_blank" data-text="重新發送驗證碼">重新發送驗證碼</a>';
        openElectronicPhoneOTPModal += '                     </span>';
        openElectronicPhoneOTPModal += '                   </div>';
        openElectronicPhoneOTPModal += '                </div>';
        openElectronicPhoneOTPModal += '            </div>';
        openElectronicPhoneOTPModal += '            <div class="modal-footer">';
        openElectronicPhoneOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="開通電子化通知" id="openElectronicPhoneOTPModalSubmit">開通電子化通知</a>';
        openElectronicPhoneOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="取消開通" id="openElectronicPhoneOTPCancel">取消開通</a>';
        openElectronicPhoneOTPModal += '            </div>';
        openElectronicPhoneOTPModal += '        </div>';
        openElectronicPhoneOTPModal += '    </div>';
        openElectronicPhoneOTPModal += '</div>';
        vajQuery('#ibmchat').append(openElectronicPhoneOTPModal);
        chatbotModal('openElectronicPhoneOTPModal', 'show');
        $('.loaderMain').hide();

        $(function () {
            stopOTPTimer(myOTPTimer);
            myOTPTimer = setInterval(function () {
                OTPTimer(addMinutes(new Date(sentOTPDate), 5), myOTPTimer);
            }, 1000);
        });

        var endtime = addMinutes(new Date(sentOTPDate), 5);
        let year = endtime.getFullYear();
        let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
        let day = ('0' + endtime.getDate()).slice(-2);
        let hour = endtime.getHours();
        let minute = endtime.getMinutes();
        var endTime;
        if (minute < 10) {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
        } else {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
        }
        vajQuery('#inputOpenElectronicPhoneOTP').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 8) {
                this.value = this.value.substring(0, 9);
            }
        });

        vajQuery('#reSendOTPLink').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                var elementText = vajQuery(e.target).data('text');
                let data = null;

                if(userPhone !== null && userPhone !== ''){
                    data = {
                        returnCode: 'openElectronicOTP',
                        phone: userPhone,
                        sendTheOTPType: 'P',
                        IsReSend: 'Y',
                        endTime: endTime,
                        type: value.type,
                        policyNo: policyDataList[0].policyCode
                    };
                }
                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });

        vajQuery('#openElectronicPhoneOTPClose, #openElectronicPhoneOTPCancel').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F16_開通電子化通知_取消');
            chatbotModal('openElectronicPhoneOTPModal', 'hide');
        });

        vajQuery('#openElectronicPhoneOTPModalSubmit').bind('click', function (e) {
            try {
                var hasInputIsEmpty = 'N';

                if (vajQuery('#inputOpenElectronicPhoneOTP').val() === '') {
                    vajQuery('#inputOpenElectronicPhoneOTP').addClass('inputIsEmpty');
                    vajQuery('#inputOpenElectronicPhoneOTP').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#inputOpenElectronicPhoneOTP').hasClass('inputIsEmpty')) {
                    vajQuery('#inputOpenPhinputOpenElectronicPhoneOTPoneOTP').removeClass('inputIsEmpty');
                    hasInputIsEmpty = 'N';
                }

                if (hasInputIsEmpty === 'N') {
                    $('.loaderMain').show();

                    var elementText = vajQuery(e.target).data('text');
                    var data = {
                        OTPCode: vajQuery('#inputOpenElectronicPhoneOTP').val(),
                        policyDataList: policyDataList,
                        email: userEmail,
                        phone: userPhone,
                        hasPhone: hasPhone,
                        type: value.type
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreateOpenNetworkPhoneOTPModal(value) {
    vajQuery('#OTPTimer').remove();
    vajQuery('#reSendOTPLink').remove();

    if (vajQuery('#openNetworkModal').length !== 0) {
        chatbotModal('openNetworkModal', 'hide');
    }

    if (vajQuery('#openNetworkOTPModal').length !== 0) {
        chatbotModal('openNetworkOTPModal', 'hide');
    }

    if (vajQuery('#openNetworkPhoneOTPModal').length !== 0) {
        chatbotModal('openNetworkPhoneOTPModal', 'hide');
        vajQuery('#openNetworkPhoneOTPModal').remove();
        vajQuery('.openNetworkPhoneOTPModal ').remove();
        vaCreateOpenNetworkPhoneOTPModal(value);
    } else {
        let openNetworkPhoneOTPModal = '';
        let userEmail = value.email;
        let policyDataList = value.policyDataList;
        let userPhone = value.phone;

        let sentOTPDate = new Date();
        openNetworkPhoneOTPModal += '<div class="chatbotModal modal fade openForm" id="openNetworkPhoneOTPModal" role="dialog">';
        openNetworkPhoneOTPModal += '    <div class="modal-dialog loginModalDialog" style="overflow:visible;">';
        openNetworkPhoneOTPModal += '        <div class="modal-content">';
        openNetworkPhoneOTPModal += '            <div class="modal-header">';
        openNetworkPhoneOTPModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openNetworkPhoneOTPClose"></button>';
        openNetworkPhoneOTPModal += '                <h4 class=" col-8 modal-title">';
        openNetworkPhoneOTPModal += '                    <div>開通網路變更</div>';
        openNetworkPhoneOTPModal += '                </h4>';
        openNetworkPhoneOTPModal += '            </div>';
        openNetworkPhoneOTPModal += '            <div class="modal-body">';
        openNetworkPhoneOTPModal += '                <div class="row">';
        openNetworkPhoneOTPModal += '                     <div class="loginTitle">已將驗證碼傳送至</div>';
        openNetworkPhoneOTPModal += '                </div>';
        openNetworkPhoneOTPModal += '                </br>';
        if(userPhone !== null && userPhone !== ''){
            openNetworkPhoneOTPModal += '                <div class="row">';
            openNetworkPhoneOTPModal += '                     <div class="loginTitle">手機 ' + maskPhone(userPhone) + '</div>';
            openNetworkPhoneOTPModal += '                </div>';
            openNetworkPhoneOTPModal += '                </br>';
        }
        openNetworkPhoneOTPModal += '                <div class="row">';
        openNetworkPhoneOTPModal += '                     <div class="loginTitle">請於5分鐘內完成完成驗證作業</div>';
        openNetworkPhoneOTPModal += '                </div>';
        openNetworkPhoneOTPModal += '                </br>';
        openNetworkPhoneOTPModal += '                <div class="row">';
        openNetworkPhoneOTPModal += '                     <div class="loginTitle"><span style="color:red">*</span>驗證碼</div>';
        openNetworkPhoneOTPModal += '                </div>';
        openNetworkPhoneOTPModal += '                <div class="row">';
        openNetworkPhoneOTPModal += '                     <input class="col-xs-12 mb-15" type="text" id="inputOpenNetworkPhoneOTP" maxlength="8" autocomplete="off">';
        openNetworkPhoneOTPModal += '                </div>';
        openNetworkPhoneOTPModal += '                <div class="row">';
        openNetworkPhoneOTPModal += '                   <div class="loginTitle">剩餘時間 <span id="OTPTimer"></span>';
        openNetworkPhoneOTPModal += '                     <span  style="text-align:right;float: right">';
        openNetworkPhoneOTPModal += '                          <a rel="noopener noreferrer" class="loginLink" id="reSendOTPLink" target="_blank" data-text="重新發送驗證碼">重新發送驗證碼</a>';
        openNetworkPhoneOTPModal += '                     </span>';
        openNetworkPhoneOTPModal += '                   </div>';
        openNetworkPhoneOTPModal += '                </div>';
        openNetworkPhoneOTPModal += '            </div>';
        openNetworkPhoneOTPModal += '            <div class="modal-footer">';
        openNetworkPhoneOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="開通網路變更" id="openNetworkPhoneOTPModalSubmit">開通網路變更</a>';
        openNetworkPhoneOTPModal += '                    <a class="btn btn-sm btn-default col-xs-12" data-text="取消開通" id="openNetworkPhoneOTPCancel">取消開通</a>';
        openNetworkPhoneOTPModal += '            </div>';
        openNetworkPhoneOTPModal += '        </div>';
        openNetworkPhoneOTPModal += '    </div>';
        openNetworkPhoneOTPModal += '</div>';
        vajQuery('#ibmchat').append(openNetworkPhoneOTPModal);
        chatbotModal('openNetworkPhoneOTPModal', 'show');
        $('.loaderMain').hide();

        $(function () {
            stopOTPTimer(myOTPTimer);
            myOTPTimer = setInterval(function () {
                OTPTimer(addMinutes(new Date(sentOTPDate), 5), myOTPTimer);
            }, 1000);
        });

        var endtime = addMinutes(new Date(sentOTPDate), 5);
        let year = endtime.getFullYear();
        let month = ('0' + (endtime.getMonth() + 1)).slice(-2);
        let day = ('0' + endtime.getDate()).slice(-2);
        let hour = endtime.getHours();
        let minute = endtime.getMinutes();
        var endTime;
        if (minute < 10) {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':0' + minute;
        } else {
            endTime = year + '/' + month + '/' + day + ' ' + hour + ':' + minute;
        }
        vajQuery('#inputOpenNetworkPhoneOTP').keyup(function () {
            this.value = this.value.replace(/[^0-9]/g, '');
            if (this.value > 8) {
                this.value = this.value.substring(0, 9);
            }
        });

        vajQuery('#reSendOTPLink').bind('click', function (e) {
            try {
                $('.loaderMain').show();
                var elementText = vajQuery(e.target).data('text');
                const data = {
                    returnCode: value.returnCode,
                    phone: userPhone,
                    sendTheOTPType: 'P',
                    IsReSend: 'Y',
                    endTime: endTime,
                    type: value.type,
                    policyNo: policyDataList[0].policyCode
                };
                
                va_sendWebSocket('openForm', 'formback', elementText, 'sendCaptchaByCSIS', data);
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });

        vajQuery('#openNetworkPhoneOTPClose, #openNetworkPhoneOTPCancel').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F15_開通網路變更_取消');
            chatbotModal('openNetworkPhoneOTPModal', 'hide');
        });

        vajQuery('#openNetworkPhoneOTPModalSubmit').bind('click', function (e) {
            try {
                var hasInputIsEmpty = 'N';

                if (vajQuery('#inputOpenNetworkPhoneOTP').val() === '') {
                    vajQuery('#inputOpenNetworkPhoneOTP').addClass('inputIsEmpty');
                    vajQuery('#inputOpenNetworkPhoneOTP').attr('placeholder', '請輸入驗證碼');
                    hasInputIsEmpty = 'Y';
                } else if (vajQuery('#inputOpenNetworkPhoneOTP').hasClass('inputIsEmpty')) {
                    vajQuery('#inputOpenNetworkPhoneOTP').removeClass('inputIsEmpty');
                    hasInputIsEmpty = 'N';
                }

                if (hasInputIsEmpty === 'N') {
                    $('.loaderMain').show();

                    var elementText = vajQuery(e.target).data('text');
                    var data = {
                        OTPCode: vajQuery('#inputOpenNetworkPhoneOTP').val(),
                        policyDataList: policyDataList,
                        email: userEmail,
                        phone: userPhone,
                        type: value.type
                    };
                    va_sendWebSocket('openForm', 'formback', elementText, 'checkOTP', data);
                }
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}
function vaCreateCheckOpenElectronicOTPErrorMessageModal(data) {
    if (vajQuery('#checkOpenElectronicOTPError').length !== 0) {
        chatbotModal('checkOpenElectronicOTPError', 'hide');
        vajQuery('#checkOpenElectronicOTPError').remove();
        vaCreateCheckOpenElectronicOTPErrorMessageModal(data);
    } else {
        var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="checkOpenElectronicOTPError" role="dialog"></div>');
        var modalDialog = vajQuery('<div class="modal-dialog modal-dialog-centered modal-sm checkOpenElectronicOTPError"></div>');
        var modalContent = vajQuery('<div class="modal-content" style="width: 320px;"></div>');

        var body = '<div class="modal-body"><div class="bigText">檢核失敗</div>';
        for (var index in data.errorMsg) {
            body += '<div class="smallText">';
            body += data.errorMsg[index];
            body += '</div>';
        }
        body += '</div>';
        var modalBody = vajQuery(body);
        var footerContent = '<div class="modal-footer" style="margin-bottom:20px;">';
        footerContent += '<a id="openElectronicReInputOTP" class="right">重新輸入</a>';
        footerContent += '</div>';
        var modalFooter = vajQuery(footerContent);

        //webBotSettings

        modalContent.append(modalBody);
        modalContent.append(modalFooter);
        modalDialog.append(modalContent);
        modalWindow.append(modalDialog);
        vajQuery('#ibmchatbox').after(modalWindow);

        vajQuery('#openElectronicReInputOTP').click(function () {
            chatbotModal('checkOpenElectronicOTPError', 'hide');
            if (data.resetTime === 'Y' || data.resetPhoneTime === 'Y') {
                stopOTPTimer(myOTPTimer);
            }
        });

        chatbotModal('checkOpenElectronicOTPError', 'show');
    }
    $('.loaderMain').hide();
}

function vaCreateOpenElectronicConfirmModal(data) {
    let policyDataList = data.policyDataList;
    let onlineChange = data.onlineChange;

    if (vajQuery('#openElectronicOTPModal').length !== 0) {
        chatbotModal('openElectronicOTPModal', 'hide');
    }

    if (vajQuery('#openElectronicPhoneOTPModal').length !== 0) {
        chatbotModal('openElectronicPhoneOTPModal', 'hide');
    }

    if (vajQuery('#openElectronicConfirmModal').length !== 0) {
        chatbotModal('openElectronicConfirmModal', 'hide');
        vajQuery('#openElectronicConfirmModal').remove();
        vaCreateOpenElectronicConfirmModal(data);
    } else {
        let allOnlineChangeIndi = 'Y';
        let allDeliverType = 'Y';
        let policyList = '';
        let openElectronicConfirmModal = '';

        for (var index in policyDataList) {
            if (policyDataList[index].csDeliverType === 'N') {
                policyList += policyDataList[index].policyCode + policyDataList[index].masterProductName;
                policyList += '                <br />';
                allDeliverType = 'N';
            }
            if (policyDataList[index].onlineChangeIndi === 'N') {
                allOnlineChangeIndi = 'N';
            }
        }

        openElectronicConfirmModal += '<div class="chatbotModal modal fade openForm" id="openElectronicConfirmModal" role="dialog">';
        openElectronicConfirmModal += '<div class="modal-dialog loginModalDialog " >';
        openElectronicConfirmModal += '    <div class="modal-content">';
        openElectronicConfirmModal += '        <div class="modal-header">';
        openElectronicConfirmModal += '                <button type="button" class="close col-2 modalClose" data-dismiss="modal" id="openElectronicConfirmClose"></button>';
        openElectronicConfirmModal += '                <h4 class=" col-8 modal-title">';
        openElectronicConfirmModal += '                    <div>確認開通</div>';
        openElectronicConfirmModal += '                </h4>';
        openElectronicConfirmModal += '        </div>';

        openElectronicConfirmModal += '        <div class="modal-body">';
        openElectronicConfirmModal += '            <div class="row mb-15">';
        if (allDeliverType === 'Y') {
            if(data.email && data.email != '' && data.phone && data.phone != ''){
                openElectronicConfirmModal += '                <div class="loginTitle ">目前名下所有保單均已開通電子化通知服務，本次開通會將後續新購保單套用至此電子信箱及手機號碼</div>';
            }else if(data.email && data.email != '' ){
                openElectronicConfirmModal += '                <div class="loginTitle ">目前名下所有保單均已開通電子化通知服務，本次開通會將後續新購保單套用至此電子信箱</div>';
            }else if(data.phone && data.phone != ''){
                openElectronicConfirmModal += '                <div class="loginTitle ">目前名下所有保單均已開通電子化通知服務，本次開通會將後續新購保單套用至此手機號碼</div>';
            }
            openElectronicConfirmModal += '            </div>';
        } else {
            if(data.email && data.email != '' && data.phone && data.phone != ''){
                openElectronicConfirmModal += '                <div class="loginTitle ">本次開通電子化通知電子郵件信箱及手機號碼套用至以下有效保單</div>';
            }else if(data.email && data.email != '' ){
                openElectronicConfirmModal += '                <div class="loginTitle ">本次開通電子化通知電子郵件信箱套用至以下有效保單</div>';
            }else if(data.phone && data.phone != ''){
                openElectronicConfirmModal += '                <div class="loginTitle ">本次開通電子化通知手機號碼套用至以下有效保單</div>';
            }
            openElectronicConfirmModal += '            </div>';
            openElectronicConfirmModal += '                <div class="row mb-10" >';
            openElectronicConfirmModal += '                    <div class="modalText ">';
            openElectronicConfirmModal += policyList;
            openElectronicConfirmModal += '                   </div>';
            openElectronicConfirmModal += '                </div>';
            if (allOnlineChangeIndi === 'N') {
                openElectronicConfirmModal += '            <div class="row mb-15">';
                openElectronicConfirmModal += '                <div class="loginTitle ">本次開通電子化通知需一併開啟以下尚未開通網路契約變更之有效保單</div>';
                openElectronicConfirmModal += '            </div>';
                openElectronicConfirmModal += '                <div class="row mb-10" >';
                openElectronicConfirmModal += '                    <div class="modalText ">';
                for (var index in policyDataList) {
                    if (policyDataList[index].onlineChangeIndi === 'N') {
                        openElectronicConfirmModal += policyDataList[index].policyCode + policyDataList[index].masterProductName;
                        openElectronicConfirmModal += '                <br />';
                    }
                }
                openElectronicConfirmModal += '                    </div>';
                openElectronicConfirmModal += '                </div>';
            }
        }
        openElectronicConfirmModal += '                <div class="row mb-10" >';
        openElectronicConfirmModal += '                    <div class="modalText ">注意事項 :</div>';
        openElectronicConfirmModal += '                    <div class="modalText ">1. 後續復效及未來新購之保單將自動開通電子化通知</div>';
        openElectronicConfirmModal += '                </div>';
        openElectronicConfirmModal += '        </div>';
        openElectronicConfirmModal += '        <div class="modal-footer">';
        openElectronicConfirmModal += '            <a class="btn btn-sm btn-default col-xs-12"  id="openElectronicConfirmSubmit" data-text="確認">確認</a>';
        openElectronicConfirmModal += '        </div>';
        openElectronicConfirmModal += '    </div>';
        openElectronicConfirmModal += '</div>';
        vajQuery('#ibmchat').append(openElectronicConfirmModal);
        chatbotModal('openElectronicConfirmModal', 'show');
        $('.loaderMain').hide();

        vajQuery('#openElectronicConfirmClose').bind('click', function (e) {
            va_sendWebSocket('cancel', 'postback', '', 'F16_開通電子化通知_取消');
        });
        vajQuery('#openElectronicConfirmSubmit').bind('click', function (e) {
            $('.loaderMain').show();
            try {
                var elementText = vajQuery(e.target).data('text');
                var value = {
                    email: data.email,
                    phone: data.phone,
                    ip: '3.145.103.12',
                    returnCode: 'openElectronic',
                    isPolicyChange: onlineChange === 'N' ? 'Y' : 'N',
                    isElectronicNotice: 'Y'
                };

                va_sendWebSocket('openForm', 'formback', elementText, 'openMemberService', value);
            } catch (e) {
                console.log(e);
                $('.loaderMain').hide();
            }
        });
    }
}

function vaCreatebirthdayCelebrationModal(disCount) {
    vajQuery('#birthdayCelebrationModal').remove();

    let birthdayCelebration = '';

    birthdayCelebration += '<div class="chatbotModal modal birthdayCelebrationModal fade" id="birthdayCelebrationModal" role="dialog">';
    birthdayCelebration += '<div class="modal-dialog" style="overflow:hidden" >';
    birthdayCelebration += '    <div class="modal-content">';

    birthdayCelebration += '        <div class="modal-header">';
    birthdayCelebration += '                <button type="button" class="close col-2 modalClose" style="z-index:1;" data-dismiss="modal" id="birthdayCelebrationClose"></button>';
    birthdayCelebration += '                <h4 class=" col-8 modal-title">';
    birthdayCelebration += '                    <div>Happy Birthday To You</div>';
    birthdayCelebration += '                </h4>';
    birthdayCelebration += '        </div>';

    birthdayCelebration += '        <div class="modal-body">';
    birthdayCelebration += '            <div style="min-height:200px; background: url(\'https://va.transglobe.com.tw/webChat/images/birthdayCelebration/生日快樂(當月壽生祝賀).jpg\') no-repeat center center; background-size:contain" >';
    birthdayCelebration += '            </div>';
    birthdayCelebration += '        </div>';

    if (disCount) {
        birthdayCelebration += '        <div class="modal-footer">';
        birthdayCelebration += '           <a class="btn btn-sm btn-default col-xs-12"  id="birthdayCelebration" data-text="領取壽星專屬優惠">領取壽星專屬優惠</a>';
        birthdayCelebration += '        </div>';
    }

    birthdayCelebration += '    </div>';
    birthdayCelebration += '</div>';

    $(function () {
        var birthdayCelebrationBackdrop = vajQuery('<div class="modal-backdrop birthdayCelebrationModalBackdrop fade in" id="birthdayCelebrationModalBackdrop"></div>');

        vajQuery('#ibm-va').append(birthdayCelebrationBackdrop);
        $('#birthdayCelebrationModalBackdrop').show();
    });

    vajQuery('#ibm-va').append(birthdayCelebration);
    chatbotModal('birthdayCelebrationModal', 'show');

    vajQuery('#birthdayCelebrationClose').bind('click', function (e) {
        chatbotModal('birthdayCelebrationModal', 'hide');
        chatbotModal('birthdayCelebrationModalBackdrop', 'hide');
        vajQuery('#birthdayCelebrationModalBackdrop').remove();
    });

    vajQuery('#birthdayCelebration').bind('click', function (e) {
        chatbotModal('birthdayCelebrationModal', 'hide');
        vaCreatebirthdayCelebrationDiscountModal();
    });
}

function vaCreatebirthdayCelebrationDiscountModal() {
    vajQuery('#birthdayCelebrationDiscountModal').remove();
    let birthdayCelebrationDiscount = '';

    birthdayCelebrationDiscount += '<div class="chatbotModal modal birthdayCelebrationModal fade" id="birthdayCelebrationDiscountModal" role="dialog">';
    birthdayCelebrationDiscount += '<div class="modal-dialog" style="overflow:hidden" >';
    birthdayCelebrationDiscount += '    <div class="modal-content">';

    birthdayCelebrationDiscount += '        <div class="modal-header">';
    birthdayCelebrationDiscount += '                <button type="button" class="close col-2 modalClose" style="z-index: 1;" data-dismiss="modal" id="birthdayCelebrationDiscountClose"></button>';
    birthdayCelebrationDiscount += '                <h4 class="modal-title" style="text-align:center; letter-spacing:0px;">';
    birthdayCelebrationDiscount += '                    <div>★結帳出示優惠券並告知優惠代碼即可★</div>';
    birthdayCelebrationDiscount += '                </h4>';
    birthdayCelebrationDiscount += '        </div>';

    birthdayCelebrationDiscount += '        <div class="modal-body">';
    birthdayCelebrationDiscount += '            <div style="min-height:200px; background: url(\'https://va.transglobe.com.tw/webChat/images/birthdayCelebration/KFC-當幸褔來臨.png\') no-repeat center center; background-size:contain" >';
    birthdayCelebrationDiscount += '            </div>';
    birthdayCelebrationDiscount += '        </div>';

    birthdayCelebrationDiscount += '        <div class="modal-footer">';
    birthdayCelebrationDiscount += '           <a class="btn btn-sm btn-default col-xs-12"  id="birthdayCelebrationDiscountConfirm" data-text="確認">確認</a>';
    birthdayCelebrationDiscount += '        </div>';
    birthdayCelebrationDiscount += '    </div>';
    birthdayCelebrationDiscount += '</div>';

    vajQuery('#ibm-va').append(birthdayCelebrationDiscount);
    chatbotModal('birthdayCelebrationDiscountModal', 'show');

    vajQuery('#birthdayCelebrationDiscountClose').bind('click', function (e) {
        chatbotModal('birthdayCelebrationDiscountModal', 'hide');
        chatbotModal('birthdayCelebrationModalBackdrop', 'hide');
        vajQuery('#birthdayCelebrationModalBackdrop').remove();
    });

    vajQuery('#birthdayCelebrationDiscountConfirm').bind('click', function (e) {
        chatbotModal('birthdayCelebrationDiscountModal', 'hide');
        chatbotModal('birthdayCelebrationModalBackdrop', 'hide');
        vajQuery('#birthdayCelebrationModalBackdrop').remove();
    });
}
/* global vajQuery, va_openForm, va_openForms, webBotSettings, chatbotModal, va_sendWebSocket, vaOpenFormModal, openPageBackModal, va_excludeEventType*/
/* 註冊聲明 pg1*/
function openRegisterDeclaration(event, data) {
    let page1Date = new Date();
    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#registerDeclarModal').length > 0) {
        vajQuery('#registerDeclarModal').remove();
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="registerDeclarModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalHeader = vajQuery('<div class="modal-header"></div>');
    var modalClose = vajQuery('<button type="button" class="close" id="rgOneClose" data-dismiss="modal">&times;</button>');
    var modalTitle = vajQuery('<div class="modal-title" style="font-size:20px;text-align:center">網路保險服務約定條款暨保險單借款重要事項告知書</div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    let modalHtml = '';

    modalHtml += '<div class="regModal" id="popUpView">';
    modalHtml += '  <form class="form">';
    modalHtml +=
        '           <div style="text-align:left;">網路保險服務約定條款<br />申請人為投保全球人壽保險股份有限公司（以下稱簡「全球人壽」）有效保險契約之要保人，茲同意就本人與全球人壽簽訂之有效保險契約，申請使用全球人壽所提供網路保險服務，並同意依下列條款內容辦理（以下稱「本約定條款」）：</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml += '               <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                   <li>';
    modalHtml += '                       <div style="text-align:left">';
    modalHtml += '                           <p>網路保險服務（以下簡稱「網路服務」）項目：</p>';
    modalHtml += '                           <div>';
    modalHtml += '                               <ol>';
    modalHtml += '                                   <li>網路查詢功能（含申請保險繳費證明 / 英文投保證明 / 信用卡效期展延）</li>';
    modalHtml += '                                   <li>電子化通知服務</li>';
    modalHtml += '                                   <li>';
    modalHtml += '                                       <div>';
    modalHtml += '                                           <p>網路變更保單資料及保單借款功能（網路投保件不適用第7、10、11項及彈性投入保險費功能）</p>';
    modalHtml += '                                           <div class="regbrack">';
    modalHtml += '                                               <ol style="text-align: left;">';
    modalHtml += '                                                   <li>地址 / 電話 / 電子郵件信箱</li>';
    modalHtml += '                                                   <li>繳費方式變更為自行繳納</li>';
    modalHtml += '                                                   <li>電子化通知服務申請 / 取消</li>';
    modalHtml += '                                                   <li>紅利 / 增值回饋分享金選擇</li>';
    modalHtml += '                                                   <li>復效（限停效日起 6 個月內）</li>';
    modalHtml += '                                                   <li>給付方式（含生存金 / 滿期金 / 回饋金 / 現金紅利 / 收益分配方式變更）</li>';
    modalHtml += '                                                   <li><span>年金商品：</span>年金給付保證期間 / 年金給付開始日 / 年金給付週期</li>';
    modalHtml += '                                                   <li>繳別</li>';
    modalHtml += '                                                   <li>提領紅利 / 增值回饋分享金</li>';
    modalHtml += '                                                   <li><span>投資型商品：</span>重新評估保單投資風險屬性 / 投資標的新投入保險費分配比例異動 / 部分贖回 / 投資標的轉換 / 每期自訂保險費</li>';
    modalHtml += '                                                   <li><span>投資型商品：</span>投資分配比例暨投資標的轉換（依 TGCM 建議之投資組合）/ 申請貨幣帳戶投資標的轉換批註暨變更轉出金額（分期定額投資）</li>';
    modalHtml += '                                                   <li><span>傳統型商品：</span>保險費自動墊繳 / 減少主約保額 / 減少附約保額 / 終止附約 / 主約辦理展期定期 / 主約辦理減額繳清</li>';
    modalHtml += '                                                   <li>限要、被保險人為同一人才可申辦：受益人變更 / 保單借款 / 彈性投入保險費</li>';
    modalHtml += '                                               </ol>';
    modalHtml += '                                           </div>';
    modalHtml += '                                       </div>';
    modalHtml += '                                   </li>';
    modalHtml += '                               </ol>';
    modalHtml += '                           </div>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml +=
        '                   <li>申請人同意按照全球人壽「網路服務」相關申請規定辦理並同意遵守全球人壽就該服務所訂定之相關作業規定，前述規定日後如有變更或修改，全球人壽得以公告方式為通知，申請人均同意遵照最新公告或通知之規定辦理。</li>';
    modalHtml +=
        '                   <li>申請人應確保所傳送至全球人壽之電子訊息均經其合法授權，除因全球人壽之故意或重大過失致未發現係未經合法授權之情形外，凡憑申請人之使用者密碼使用「網路服務」者，全球人壽依其使用及通知內容而為任何變更作業或服務，申請人均應受其拘束。申請人如發現任何未經授權而取得或使用其密碼之情形，應立即以書面通知全球人壽停止使用「網路服務」，全球人壽於接獲申請人停止使用之書面通知前，第三人以申請人之密碼使用「網路服務」而全球人壽依據其指示進行變更，申請人仍應受其拘束。</li>';
    modalHtml +=
        '                   <li>全球人壽如發現「網路服務」有異常使用情形，例如：全球人壽有具體理由懷疑電子訊息內容之真實性或正確性、或依該電子訊息內容處理可能違反相關法令或保險契約規定時，全球人壽得先行暫時停止或不執行「網路服務」之一部或全部，並立即通知申請人確認。</li>';
    modalHtml += '                   <li>申請人應妥善保管「網路服務」之使用者密碼及相關資料，如因可歸責於申請人之原因致該密碼外洩，所造成之任何損失應由申請人負責。</li>';
    modalHtml += '                   <li>申請人同意全球人壽得視實際作業需求隨時調整增減第一條所列「網路契變」之保單資料項目。申請人就新增加之項目使用「網路契變」，亦受「本約定條款」各項內容之規範。</li>';
    modalHtml +=
        '                   <li>申請人同意使用「網路服務」，應以所傳遞、接收及交換之訊息及相關紀錄內容為認定依據，申請人嗣後不得以「網路服務」欠缺要式而主張不成立、無效或不受該訊息或紀錄內容之拘束。申請人及全球人壽應妥適保存所有「網路服務」之傳遞、接收及交換之訊息或紀錄，申請人如未留存該紀錄時，推定以全球人壽留存之紀錄為真正。</li>';
    modalHtml +=
        '                   <li>全球人壽接獲申請人之網路通知變更之訊息後，應即進行檢核及處理，第一條所列「網路契變」之保單資料項目除：投資型商品－部分贖回及投資標的轉換於 7 個工作日另其他項目於3個工作日內將檢核或處理結果以電子郵件回傳申請人，申請人於收到回傳後應即核對是否正確，如有不符，應於收到回傳後 3 日內通知全球人壽。</li>';
    modalHtml +=
        '                   <li>如因電腦系統運作、網際網路傳輸、電力中斷或其他不可抗力之事由，致申請人無法使用「網路服務」或未能完成使用，申請人不得向全球人壽主張違約責任或任何損害賠償責任；於此情形，申請人同意改依全球人壽一般作業之程序辦理各項手續，或於前述狀況排除後再行使用「網路服務」。</li>';
    modalHtml +=
        '                   <li>「本約定條款」自申請人簽署日起生效，雙方得於 7 日前以書面通知終止「本約定條款」，惟申請人死亡或申請「網路服務」後，連續五年未再登入全球人壽保戶專區亦或申請使用「網路服務」保單之要保人變更時，「本約定條款」即行終止。「本約定條款」之終止，不影響終止前全球人壽已依「網路契變」通知完成之變更及終止前雙方已發生之權利義務。</li>';
    modalHtml += '                   <li>「本約定條款」構成申請使用「網路服務」保單之一部分，「本約定條款」未規定之事項，悉依原保單條款及中華民國相關法令規定辦理。</li>';
    modalHtml += '               </ol>';
    modalHtml += '           </div>';
    modalHtml += '           <div style="text-align:left;">保險單借款重要事項告知</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml += '               <ol style="list-style-type:trad-chinese-formal">';
    modalHtml += '                   <li>';
    modalHtml += '                      <p>「保單借款利率」、「借款利息計算方式」及「撥款方式」將會於「保單借款約定書」中另行約定揭露。<br />說明：</p>';
    modalHtml += '                      <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>借款人申請借款之金額，以借款當時保險契約之保單價值準備金或保單帳戶價值範圍內為限。</li>';
    modalHtml += '                       <li>因各保險商品特性不同，若借款人本次申請借款之金額高於保險公司撥款當時所核定的最高可借額度時，保險公司將以撥款當時所核定的最高可借額度作為本次申請借款之金額上限。</li>';
    modalHtml += '                       <li>借款人以自動櫃員機申辦保險單借款或還款，所須自行負擔之費用以跨行轉帳及提領手續費為限。</li>';
    modalHtml +=
        '                       <li>依金融監督管理委員會 99 年 8 月 9 日金管銀票字第 09900272710 號函規定，信用卡發卡機構不得同意持卡人以信用卡作為繳付保險單借款本息之工具，故借款人不得以信用卡繳付保險單借款本金及利息（以下簡稱借款本息）。</li>';
    modalHtml += '                      </ol>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                      <p>據民法第 207 條規定，借款利息遲付逾一年後，經催告而不償還時，保險公司得將其利息併入借款本金中以複利計算。<br />說明：</p>';
    modalHtml += '                      <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>借款人於借款利息到期日前應自行向保險公司繳付，或在保險公司派員收取時繳付。</li>';
    modalHtml += '                       <li>保險單借款利率若因法令或市場變動而有所調整時，保險公司將會於該公司網站或以與借款人約定之方式公開揭露，並自公開揭露之日起按新利率調整計算。</li>';
    modalHtml += '                       <li>保險公司應每年至少一次於固定單據或憑證揭露保單預定利率、保險單借款利率及借款本息，並於公司網站或其他方式提供借款人查詢。</li>';
    modalHtml += '                       <li>借款人清償保險單借款時，除另有約定外，依民法第 323 條之規定，清償金額將先抵充費用、其次抵充利息，最後再抵充本金。</li>';
    modalHtml += '                      </ol>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                      <p>借款人辦理保險單借款時，如之前尚有借款本息未清償者，得同意以本次借款金額清償原借款本息，並以借款人最新出具與保險公司之約定書取代先前之約定書。<br />說明：</p>';
    modalHtml += '                      <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>保險公司將依本次借款金額扣除原借款本息金額後之餘額支付予借款人。</li>';
    modalHtml += '                       <li>借款人先前所出具之約定書於原借款本息全部清償時自動失效，並由保險公司開立原借款本息已清償收據（或相當效力之付款明細）供借款人收執，借款人先前所出具之約定書不須歸還。</li>';
    modalHtml += '                       <li>以本次借款金額清償原借款本息，原借款本息將成為本次借款本金之一部分重新計算利息。</li>';
    modalHtml += '                      </ol>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                      <p>未償還的借款本息於超過保險契約的保單價值準備金或保單帳戶價值時，該保險契約效力將依約停止或即行終止。<br />說明：</p>';
    modalHtml += '                      <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>保險公司在保險契約效力停止日前，將依保單條款的約定以書面通知借款人。</li>';
    modalHtml += '                       <li>「停效期間」所發生的保險事故，保險公司將不負給付責任。</li>';
    modalHtml += '                       <li>保險契約停效後，要保人得部分清償保險單借款本息使契約效力恢復。其未償餘額不得逾保險契約約定之保險單借款可借金額上限。</li>';
    modalHtml += '                      </ol>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                      <p>保險單借款未清償前，如保險公司依約有給付各項保險金、年金、解約金、返還保單價值準備金或其他金額時，或保險契約有辦理減額繳清保險、展期定期保險等變更時，保險公司得無須通知借款人，逕先行扣除未償還的借款本息後，就其餘額給付。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                      <p>投保「遞延年金保險」及「利率變動型年金保險」特別權益說明。<br />說明：</p>';
    modalHtml += '                      <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>借款人應於年金給付開始日前（若保險契約另有約定，得於保證期間或保證金額攤提期間辦理借款者，則應於前開期間屆滿時）償還借款本息。</li>';
    modalHtml += '                       <li>借款人若未償還，保險公司將會以當時的保單價值準備金扣除借款本息後，重新計算年金金額，此將可能使受益人原可領得之年金金額減少。</li>';
    modalHtml += '                      </ol>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                      <p>保險公司對於借款人所提供的各項基本資料，只能於以履行契約為目的之範圍內使用，並應遵照「個人資料保護法」相關規定辦理。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                      <p>全球人壽保險股份有限公司聯絡方式。<br />說明：</p>';
    modalHtml += '                      <ol style="list-style-type:cjk-decimal" id="regList">';
    modalHtml += '                       <li>保單查詢及免付費服務專線：<a href="tel:0800-000-662">0800-000-662</a> / 電話服務專線：<a href="tel:(02)6622-6258">(02)6622-6258</a> / 傳真：02-66369865</li>';
    modalHtml += '                       <li>電子信箱：<a href="mailto:cscweb@transglobe.com.tw">cscweb@transglobe.com.tw</a></li>';
    modalHtml += '                       <li>依據保險業辦理電子商務應注意事項，要、被保險人不同時，不提供網路借款服務。</li>';
    modalHtml += '                      </ol>';
    modalHtml += '                   </li>';
    modalHtml += '               </ol>';
    modalHtml += '           </div>';
    modalHtml += '       </form>';
    modalHtml += '   </div>';
    modalHtml += '   <div style="padding: 12px 12px 12px 12px;">';
    modalHtml += '       <footer>';
    modalHtml +=
        '           <div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="cancelBtn" >不同意</button><button type="button" class="btn btn-primary col-xs-5" id="cFirstSubmit" disabled>同意並看下一則</button></div>';
    modalHtml += '       </footer>';
    modalHtml += '   </div>';
    var modal = vajQuery(modalHtml);
    modalBody.append(modal);
    modalHeader.append(modalClose);
    modalHeader.append(modalTitle);
    modalContent.append(modalHeader);
    modalContent.append(modalBody);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);

    var confirmlabel = document.getElementById('cFirstSubmit');
    var popUpView = document.getElementById('popUpView');
    
    popUpView.onscroll = function(event) {
        if (popUpView.scrollTop + popUpView.clientHeight >= popUpView.scrollHeight -2) {
            confirmlabel.disabled = false;
            popUpView.onscroll = null; // 一旦閱讀完所有條款，去除此event避免重複執行
        }
    }

    vajQuery('#cancelBtn, #rgOneClose').bind('click', function (event) {
        vaCreateRegisterTermModal(data);
        chatbotModal('registerDeclarModal', 'hide');
    });

    vajQuery('#cFirstSubmit').bind('click', function (event) {
        data.applyClauseFirst = page1Date;
        va_sendWebSocket('openForm', 'formback', '', 'updateApplyDetail', data);
        openRegister2Declaration(null, data);
        chatbotModal('registerDeclarModal', 'hide');
    });
    chatbotModal('registerDeclarModal', 'show');
}
/* 註冊聲明 pg2*/
function openRegister2Declaration(event, data) {
    let page2Date = new Date();
    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#register2DeclarModal').length > 0) {
        vajQuery('#register2DeclarModal').remove();
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="register2DeclarModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalHeader = vajQuery('<div class="modal-header"></div>');
    var modalClose = vajQuery('<button type="button" class="close" id="rgSecondClose" data-dismiss="modal">&times;</button>');
    var modalTitle = vajQuery('<div class="modal-title" style="font-size:20px;text-align:center">壽險業履行個人資料保護法告知義務</div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    let modalHtml = '';

    modalHtml += '<div class="regModal" id="popUpView">';
    modalHtml += '  <form class="form">';
    modalHtml +=
        '           <div style="text-align:left;">全球人壽保險股份有限公司公司（下稱本公司）依據個人資料保護法（以下稱個資法）第六條第二項、第八條第一項（如為間接蒐集之個人資料則為第九條第一項）規定，向台端告知下列事項，請台端詳閱：</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml += '               <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                   <li>';
    modalHtml += '                       <div style="text-align:left">';
    modalHtml += '                           <p>蒐集之目的：</p>';
    modalHtml += '                           <div class="regChinesebrack">';
    modalHtml += '                               <ol>';
    modalHtml += '                                   <li>人身保險。</li>';
    modalHtml += '                                   <li>其他經營合於營業登記項目或組織章程所定之業務。</li>';
    modalHtml += '                               </ol>';
    modalHtml += '                           </div>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>蒐集之個人資料類別：</p>';
    modalHtml += '                       <div class="regChinesebrack">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <span>識別類：</span>';
    modalHtml += '                                   <div class="regNumber">';
    modalHtml += '                                       <ol>';
    modalHtml += '                                           <li><span>辨識個人者：</span>如姓名、職稱、住址、電話、電子郵遞地址及其他任何可辨識資料本人者等。</li>';
    modalHtml += '                                           <li><span>辨識財務者：</span>如金融機構帳戶之號碼與姓名、信用卡或簽帳卡之號碼等。</li>';
    modalHtml += '                                           <li><span>政府資料中之辨識者：</span>如身分證統一編號、統一證號、殘障手冊號碼、證照號碼、護照號碼等。</li>';
    modalHtml += '                                       </ol>';
    modalHtml += '                                   </div>';
    modalHtml += '                               </li>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <span>特徵類：</span>';
    modalHtml += '                                   <div class="regNumber">';
    modalHtml += '                                       <ol>';
    modalHtml += '                                           <li><span>個人描述：</span>如年齡、性別、出生年月日等。</li>';
    modalHtml += '                                           <li><span>身體描述：</span>如身高、體重等。</li>';
    modalHtml += '                                           <li><span>習慣：</span>如抽煙、喝酒等。</li>';
    modalHtml += '                                       </ol>';
    modalHtml += '                                   </div>';
    modalHtml += '                               </li>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <span>家庭情形：如結婚有無、家庭成員之細節等。</span>';
    modalHtml += '                               </li>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <span>社會情況：如所有或具有其他權利之動產或不動產之價值等。</span>';
    modalHtml += '                               </li>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <span>財務細節：如收入、所得、資產與投資、負債與支出、外匯交易紀錄、票據信用、保險細節等。</span>';
    modalHtml += '                               </li>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <span>健康與其他：如醫療報告、治療與診斷紀錄、檢驗結果、身心障礙手冊證明資料等。</span>';
    modalHtml += '                               </li>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <p>其他詳如要保書等相關業務申請書或契約書內容。</p>';
    modalHtml += '                               </li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>個人資料之來源（個人資料非由當事人提供間接蒐集之情形適用）：</p>';
    modalHtml += '                       <div class="regChinesebrack">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li>要保人。</li>';
    modalHtml += '                               <li>當事人之法定代理人、輔助人。</li>';
    modalHtml += '                               <li>各醫療院所。</li>';
    modalHtml += '                               <li>與第三人共同行銷、交互運用客戶資料、合作推廣等關係、或於本公司各項業務內所委託往來之第三人。</li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>個人資料利用之期間、對象、地區、方式：</p>';
    modalHtml += '                       <div class="regChinesebrack">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li><span>期間：因執行業務所必須及依法令規定應為保存之期間。</span></li>';
    modalHtml +=
        '                               <li><span>對象：本公司、中華民國人壽保險商業同業公會、中華民國產物保險商業同業公會、財團法人保險事業發展中心、財團法人保險安定基金、財團法人金融消費評議中心、財團法人金融聯合徵信中心、財團法人聯合信用卡中心、台灣票據交換所、財金資訊公司、業務委外機構、與本公司有再保業務往來之公司、依法有調查權機關或金融監理機關。</span></li>';
    modalHtml += '                               <li><span>地區：上述對象所在之地區。</span></li>';
    modalHtml += '                               <li><span>方式：合於法令規定之利用方式。</span></li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>依據個資法第三條規定，台端就本公司保有 台端之個人資料得行使之權利及方式：</p>';
    modalHtml += '                       <div class="regChinesebrack">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li>';
    modalHtml += '                                   <span>得向本公司行使之權利：</span>';
    modalHtml += '                                   <div class="regNumber">';
    modalHtml += '                                       <ol>';
    modalHtml += '                                           <li>向本公司查詢、請求閱覽或請求製給複製本。</li>';
    modalHtml += '                                           <li>向本公司請求補充或更正。</li>';
    modalHtml += '                                           <li>向本公司請求停止蒐集、處理或利用及請求刪除。</li>';
    modalHtml += '                                       </ol>';
    modalHtml += '                                   </div>';
    modalHtml += '                               </li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>台端不提供個人資料所致權益之影響（個人資料由當事人直接蒐集之情形適用）：<br />台端若未能提供相關個人資料時，本公司將可能延後或無法進行必要之審核及處理作業，因此可能婉謝承保、遲延或無法提供台端相關服務或給付。</p>';
    modalHtml += '                   </li>';
    modalHtml += '               </ol>';
    modalHtml += '           </div>';
    modalHtml += '       </form>';
    modalHtml += '   </div>';
    modalHtml += '   <div style="padding: 12px 12px 12px 12px;">';
    modalHtml += '       <footer>';
    modalHtml +=
        '           <div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="cancelBtn" >不同意</button><button type="button" class="btn btn-primary col-xs-5" id="cFirstSubmit" disabled>同意並看下一則</button></div>';
    modalHtml += '       </footer>';
    modalHtml += '   </div>';
    var modal = vajQuery(modalHtml);
    modalBody.append(modal);
    modalHeader.append(modalClose);
    modalHeader.append(modalTitle);
    modalContent.append(modalHeader);
    modalContent.append(modalBody);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);

    var confirmlabel = document.getElementById('cFirstSubmit');
    var popUpView = document.getElementById('popUpView');
    
    popUpView.onscroll = function(event) {
        if (popUpView.scrollTop + popUpView.clientHeight >= popUpView.scrollHeight -2) {
            confirmlabel.disabled = false;
            popUpView.onscroll = null; // 一旦閱讀完所有條款，去除此event避免重複執行
        }
    }

    vajQuery('#cancelBtn,#rgSecondClose').bind('click', function (event) {
        vaCreateRegisterTermModal(data);
        chatbotModal('register2DeclarModal', 'hide');
    });

    vajQuery('#cFirstSubmit').bind('click', function (event) {
        data.applyClauseSecond = page2Date;
        va_sendWebSocket('openForm', 'formback', '', 'updateApplyDetail', data);
        openRegister3Declaration(null, data);
        chatbotModal('register2DeclarModal', 'hide');
    });

    chatbotModal('register2DeclarModal', 'show');
}

/* 註冊聲明 pg3*/
function openRegister3Declaration(event, data) {
    let page3Date = new Date();
    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#register3DeclarModal').length > 0) {
        vajQuery('#register3DeclarModal').remove();
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="register3DeclarModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalHeader = vajQuery('<div class="modal-header"></div>');
    var modalClose = vajQuery('<button type="button" class="close" id="rgThirdClose" data-dismiss="modal">&times;</button>');
    var modalTitle = vajQuery('<div class="modal-title" style="font-size:20px;text-align:center">網路保險服務契約書</div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    let modalHtml = '';

    modalHtml += ' <div class="regModal" id="popUpView">';
    modalHtml += '       <form class="form">';
    modalHtml += '           <div style="text-align:left;">本契約書於西元 ' + new Date().getFullYear() + '年' + (new Date().getMonth() + 1) + '月' + new Date().getDate() + '日' + '交付申請人審閱。（契約審閱期間至少五日）</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div class="termList" style="text-align:left;">';
    modalHtml += '               <ol>';
    modalHtml += '                   <li><p>契約之適用範圍<br />當事人間依電子簽章法及相關法令之規定從事保險電子交易者，適用本契約之約定。<br />但個別網路保險服務契約對申請人之保護更有利者，從其約定。</p></li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>名詞定義<br />本契約之名詞定義如下：</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li><span>「保險電子交易」：指申請人經由網際網路與本公司資訊系統電腦連線，且利用電子簽章或其他足資辨識申請人身分之方式，直接取得本公司所提供之各項保險服務。</span></li>';
    modalHtml += '                               <li><span>「電子訊息」：指本公司或申請人經由網際網路連線傳遞之訊息。</span></li>';
    modalHtml += '                               <li><span>「數位簽章」：指將電子文件以數學演算法或其他方式運算為一定長度之數位資料，以簽署人之私密金鑰對其加密，形成電子簽章，並得以公開金鑰加以驗證者。</span></li>';
    modalHtml += '                               <li><span>「私密金鑰」：指一組具有配對關係之數位資料中，由簽章製作者保有之數位資料，該數位資料係作電子訊息解密及製作數位簽章之用。</span></li>';
    modalHtml += '                               <li><span>「公開金鑰」：指一組具有配對關係之數位資料中，用以對電子訊息加密、或驗證簽署者身分及數位簽章真偽之數位資料。</span></li>';
    modalHtml += '                               <li><span>「加密」：指利用數學演算法或其他方法，將電子文件以亂碼方式處理。</span></li>';
    modalHtml += '                               <li><span>「電子簽章」：指依附於電子文件並與其相關連，用以辨識及確認電子文件簽署人身分、資格及電子文件真偽者。</span></li>';
    modalHtml += '                               <li><span>「憑證」：指載有簽章驗證資料，用以確認簽署人身分、資格之電子形式證明。</span></li>';
    modalHtml += '                               <li><span>「資訊系統」：指產生、送出、收受、儲存或其他處理電子形式訊息資料之系統。</span></li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>連線所使用之網路<br />本公司及申請人應各自與網路業者簽訂網路服務契約，並各自負擔網路使用之費用。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>網頁之確認<br />申請人與本公司交易前，應先確認本公司正確之網址。<br />本公司應盡善良管理人之注意義務，隨時維護網站的正確性與安全性，以避免申請人之權益受損。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>電子訊息之接收與回應<br />本公司接收含數位簽章或經本公司及申請人同意用以辨識身分之電子訊息後，應立即以下列方式之ㄧ要求申請人再確認：</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                               <li>以資訊系統自動回覆通知申請人。</li>';
    modalHtml += '                               <li>以資訊系統再次確認裝置提示申請人。</li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml +=
        '                       <p>經申請人依前項規定再確認者，該項電子訊息視為已經本公司受理。<br />本公司受理申請人之電子訊息後，應即時進行檢核或處理，並於三日內將結果通知申請人。<br />本公司應於同意承保後，將網路保險交易成功訊息（包含保險單號碼或交易序號、保險單生效時間、保險金額等重要資訊）傳送予申請人。本公司同意承保後，保險契約即為成立。<br />本公司或申請人接收來自對方任何電子訊息，若無法辨識其身分或內容時，視為傳送作業未完成。但本公司可確定申請人身分時，應立即將內容無法辨識之事實通知申請人。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>電子訊息之不予處理<br />有下列情形之一者，本公司得不處理任何接收之電子訊息：</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                               <li>本公司能舉出證據有具體理由懷疑電子訊息之真實性或所指定事項之正確性者。</li>';
    modalHtml += '                               <li>本公司依據電子訊息處理，將違反相關法令或保險契約之規定者。</li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                       <p>本公司不處理前項電子訊息者，應同時將不處理之具體理由及情形通知申請人。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>申請人軟硬體安裝與風險<br />申請人申請使用本契約之服務項目，應自費安裝其所需之電腦軟體、硬體，以及其他與安全相關之設備。<br />申請人於使用本公司所交付之軟硬體設備時，如因可歸責於本公司之事由致受有損害，得向本公司請求賠償。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>申請人之注意義務<br />申請人對使用者帳號、密碼、憑證及相關文件，應妥善保管。<br />申請人輸入前項密碼連續錯誤達 5 次時，本公司資訊系統即自動停止申請人使用本契約之服務。申請人如擬恢復使用，應向本公司提出申請。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>交易核對<br />本公司應於每筆交易指示處理完畢後，以電子訊息或雙方約定之方式通知申請人，申請人應核對其結果有無錯誤。如有不符，應於通知到達之日起 45 日內，通知本公司查明。<br />本公司對於申請人之通知，應即進行調查，並於通知到達本公司之日起 45 日內，將調查之情形或結果覆知申請人。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>電子訊息錯誤之處理<br />申請人利用本契約之服務，如其電子訊息因不可歸責於申請人之事由而發生錯誤者，本公司應協助申請人更正，並提供其他必要之協助。<br />前項服務因可歸責於本公司之事由而發生錯誤者，本公司應於知悉時，立即更正，並同時以電子訊息或雙方約定之方式通知申請人。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>電子文件之合法授權與責任<br />雙方應確保所傳送至對方之電子訊息均經合法授權。<br />雙方於發現有第三人冒用或盜用使用者帳號、密碼、憑證或其他任何未經合法授權之情形，應立即以電話或書面或其他約定方式通知他方停止使用本服務並採取防範之措施。<br />本公司接受申請人停止使用本服務之通知前，已依前項服務之指示為給付者，得對抗申請人。但本公司有故意或過失者，不在此限。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>資料安全<br />本公司對於所保有申請人及其利害關係人之個人資料檔案，應採取適當之安全措施，防止個人資料被竊取、竄改、毀損、滅失或洩露。<br />本公司違反前項規定，致個人資料遭不法蒐集、處理、利用或其他侵害當事人權利者，應負損害賠償責任。但能證明其無故意或過失者，不在此限。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>資訊保密義務<br />本公司因處理本契約及基於本契約所從事之保險電子交易，所取得之相關資料負有保密義務。除經當事人同意或符合個人資料保護之相關法令規定外，本公司不得使用於與本契約無關之目的或對第三人揭露。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>損害賠償責任<br />因本契約雙方之故意或過失，就本契約傳送或接收電子訊息，有遲延、遺漏或錯誤之情事；或就本契約所生義務之不履行或遲延履行，而致他方受有損害時，應負賠償責任。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>紀錄保存<br />雙方應保存所有保險電子交易訊息（不含查詢類）紀錄，並應確保其真實性及完整性。<br />本公司對前項紀錄之保存，應盡善良管理人之注意義務。<br />保存期限至少為保險契約有效期限屆滿或通知申請人不同意承保後五年。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>電子訊息之效力<br />雙方同意依本契約利用電子簽章或電子文件方式交換之電子訊息，其效力與書面簽署或書面文件相同。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>申請人終止契約<br />申請人得隨時通知本公司終止本契約。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>保險公司終止契約<br />本公司欲終止本契約時，須於終止日三十日前以書面通知申請人。但申請人如有下列情事之一者，本公司得隨時以書面通知申請人終止本契約：</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                               <li>申請人未經本公司同意，擅自將本契約之權利或義務轉讓第三人。</li>';
    modalHtml += '                               <li>申請人受法院破產或重整宣告。</li>';
    modalHtml += '                               <li>申請人違反本契約之其他約定，經催告改善或限期請求履行未果。</li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>通知處所<br />申請人或本公司就本契約事項對他方為通知者，應向他方所留存本契約之最後地址或電子郵件信箱為之。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>法令適用<br />本契約準據法，依中華民國法律。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml +=
        '                       <p>管轄法院<br />因本契約涉訟者，雙方同意以申請人住所地地方法院為第一審管轄法院。申請人之住所在中華民國境外時，以臺灣臺北地方法院為第一審管轄法院。但不得排除消費者保護法第四十七條及民事訴訟法第四百三十六條之九小額訴訟管轄法院之適用。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>契約修訂<br />本契約如有未盡事宜，得經本公司及申請人協議補充或修正之。但因主管機關之法令修訂時，本公司得以公告或個別通知方式修訂本契約之條款。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>契約分存<br />本契約壹式貳份，由雙方各執壹份為憑。</p>';
    modalHtml += '                   </li>';
    modalHtml += '               </ol>';
    modalHtml += '           </div>';
    modalHtml += '       </form>';
    modalHtml += '   </div>';
    modalHtml += '   <div style="padding: 12px 12px 12px 12px;">';
    //取消註冊時開通EC
    // if (data.toNextStepData.ecCombine === 'Y' && data.toNextStepData.ecStatusCode === 'N') {
    //     modalHtml += '       <footer>';
    //     modalHtml +=
    //         '           <div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="cancelBtn" >不同意</button><button type="button" class="btn btn-primary col-xs-5" id="cFirstSubmit">同意並看下一則</button></div>';
    //     modalHtml += '       </footer>';
    // } else {
    modalHtml += '       <footer>';
    modalHtml +=
        '           <div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="cancelBtn" >不同意</button><button type="button" class="btn btn-primary col-xs-5" id="cThirdAgreeSubmit" disabled>同意</button></div>';
    modalHtml += '       </footer>';
    // }

    modalHtml += '   </div>';
    var modal = vajQuery(modalHtml);
    modalBody.append(modal);
    modalHeader.append(modalClose);
    modalHeader.append(modalTitle);
    modalContent.append(modalHeader);
    modalContent.append(modalBody);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);

    var confirmlabel = document.getElementById('cThirdAgreeSubmit');
    var popUpView = document.getElementById('popUpView');
    
    popUpView.onscroll = function(event) {
        if (popUpView.scrollTop + popUpView.clientHeight >= popUpView.scrollHeight -2) {
            confirmlabel.disabled = false;
            popUpView.onscroll = null; // 一旦閱讀完所有條款，去除此event避免重複執行
        }
    }
    
    vajQuery('#cancelBtn,#rgThirdClose ').bind('click', function (event) {
        vaCreateRegisterTermModal(data);
        chatbotModal('register3DeclarModal', 'hide');
    });
    vajQuery('#cFirstSubmit').bind('click', function (event) {
        data.applyClauseThird = page3Date;
        va_sendWebSocket('openForm', 'formback', '', 'updateApplyDetail', data);
        openRegisterEc1Declaration(null, data);
        chatbotModal('register3DeclarModal', 'hide');
    });
    vajQuery('#cThirdAgreeSubmit').bind('click', function (event) {
        data.applyClauseThird = page3Date;
        data.applyFlag = 'U';
        data.applyFlagDate = new Date();
        va_sendWebSocket('openForm', 'formback', '', 'updateApplyDetail', data);
        chatbotModal('register3DeclarModal', 'hide');
    });

    chatbotModal('register3DeclarModal', 'show');
}

/* EC聲明 pg1*/
function openRegisterEc1Declaration(event, data) {
    let pageEC1Date = new Date();
    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#registerEc1DeclarModal').length > 0) {
        vajQuery('#registerEc1DeclarModal').remove();
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="registerEc1DeclarModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalHeader = vajQuery('<div class="modal-header"></div>');
    var modalClose = vajQuery('<button type="button" class="close" id="rgECOneClose" data-dismiss="modal">&times;</button>');
    var modalTitle = vajQuery('<div class="modal-title" style="font-size:20px;text-align:center">同意網路投保聲明書</div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    let modalHtml = '';

    modalHtml += '<div class="regModal">';
    modalHtml += '       <form class="form">';
    modalHtml += '           <div style="text-align:left;">申請人茲向全球人壽保險股份有限公司（以下稱本公司）申請透過全球人壽網路投保平台（以下稱本網站）進行網路投保。申請人於申請網路投保前，已詳閱且同意遵守下列事項：</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml += '               <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                   <li>有關本公司所發給之密碼或加密工具，為本公司對申請人身分之認證，申請人應妥善保管之；<br />經核對密碼或加密工具無誤時，即視為申請人親自申請。</li>';
    modalHtml +=
        '                   <li>在使用網路投保時，申請人可能面對以下風險：如斷線、斷電、網路壅塞或其他因素等造成傳輸之阻礙，致電子訊息無法傳送、接收或時間延遲，以及其他可能導致本網站無法正常使用之原因，如網路提供業者之線路穩定性、使用者操作不當、斷電及天災等不可抗力因素等。因影響網路投保之因素無法一一詳述，申請人於進行網路投保前，應對本公司不定時發布之最新訊息及其他注意事項等詳加注意及遵守。申請人同意對於前揭不可控制之風險免除本公司一切責任。</li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>有下列情形之一者，本公司得不處理申請人之網路投保申請：</p>';
    modalHtml += '                       <ol>';
    modalHtml += '                           <li>本公司認定該網路投保申請之真實性或所指定事項之正確性有疑義者。</li>';
    modalHtml += '                           <li>該網路投保申請之內容，違反相關法令之規定或保險契約之約定者。</li>';
    modalHtml += '                       </ol>';
    modalHtml += '                   </li>';
    modalHtml += '               </ol>';
    modalHtml += '           </div>';
    modalHtml += '           <div style="text-align:left;">申請人已詳細閱讀並充分瞭解以上網路投保之注意事項、可能產生之風險及相關使用約定，爰同意以網路進行投保事宜，特此聲明。</div>';
    modalHtml += '       </form>';
    modalHtml += '   </div>';
    modalHtml += '   <div style="padding: 12px 12px 12px 12px;">';
    modalHtml += '       <footer>';
    modalHtml +=
        '           <div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="cancelBtn" >不同意</button><button type="button" class="btn btn-primary col-xs-5" id="cFirstSubmit">同意並看下一則</button></div>';
    modalHtml += '       </footer>';

    modalHtml += '   </div>';
    var modal = vajQuery(modalHtml);
    modalBody.append(modal);
    modalHeader.append(modalClose);
    modalHeader.append(modalTitle);
    modalContent.append(modalHeader);
    modalContent.append(modalBody);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);

    vajQuery('#cancelBtn,#rgECOneClose').bind('click', function (event) {
        vaCreateRegisterTermModal(data);
        chatbotModal('registerEc1DeclarModal', 'hide');
    });
    vajQuery('#cFirstSubmit').bind('click', function (event) {
        data.applyClauseECFirst = pageEC1Date;
        va_sendWebSocket('openForm', 'formback', '', 'updateApplyDetail', data);
        openRegisterEc2Declaration(null, data);
        chatbotModal('registerEc1DeclarModal', 'hide');
    });

    chatbotModal('registerEc1DeclarModal', 'show');
}

/* EC聲明 pg2*/
function openRegisterEc2Declaration(event, data) {
    let pageEC2Date = new Date();
    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#registerEc2DeclarModal').length > 0) {
        vajQuery('#registerEc2DeclarModal').remove();
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="registerEc2DeclarModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalHeader = vajQuery('<div class="modal-header"></div>');
    var modalClose = vajQuery('<button type="button" class="close" id="rgECSecondClose" data-dismiss="modal">&times;</button>');
    var modalTitle = vajQuery('<div class="modal-title" style="font-size:20px;text-align:center">網路投保業務暨網路保險服務契約書</div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    let modalHtml = '';

    modalHtml += '<div class="regModal">';
    modalHtml += '       <form class="form">';
    modalHtml += '           <div style="text-align:left;">本契約書於本公司指定網站（以下稱本網站）申請會員註冊時，交付消費者審閱並同意，契約審閱期間至少五日，其相關規定及內容如下：</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div class="termList" style="text-align:left;">';
    modalHtml += '               <ol>';
    modalHtml += '                   <li><p>契約之適用範圍<br />當事人間依電子簽章法及相關法令之規定從事保險電子交易者，適用本契約之約定。但個別網路投保或網路保險服務契約對消費者之保護更有利者，從其約定。</p></li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>名詞定義</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol>';
    modalHtml +=
        '                               <li><span>「保險電子交易」：指消費者經由網際網路與全球人壽保險股份有限公司（以下稱本保險公司）資訊系統電腦連線，且利用電子簽章或其他足資辨識消費者身分之方式，直接與本保險公司締結保險契約者（要保人以自然人為限）或直接取得本保險公司所提供之各項保險服務。</span></li>';
    modalHtml += '                               <li><span>「電子訊息」：指本保險公司或消費者經由網際網路連線傳遞之訊息。</span></li>';
    modalHtml += '                               <li><span>「數位簽章」：指將電子文件以數學演算法或其他方式運算為一定長度之數位資料，以簽署人之私密金鑰對其加密，形成電子簽章，並得以公開金鑰加以驗證者。</span></li>';
    modalHtml += '                               <li><span>「私密金鑰」：指一組具有配對關係之數位資料中，由簽章製作者保有之數位資料，該數位資料係作電子訊息解密及製作數位簽章之用。</span></li>';
    modalHtml += '                               <li><span>「公開金鑰」：指一組具有配對關係之數位資料中，用以對電子訊息加密、或驗證簽署者身分及數位簽章真偽之數位資料。</span></li>';
    modalHtml += '                               <li><span>「加密」：指利用數學演算法或其他方法，將電子文件以亂碼方式處理。</span></li>';
    modalHtml += '                               <li><span>「電子簽章」：指依附於電子文件並與其相關連，用以辨識及確認電子文件簽署人身分、資格及電子文件真偽者。</span></li>';
    modalHtml += '                               <li><span>「憑證」：指載有簽章驗證資料，用以確認簽署人身分、資格之電子形式證明。</span></li>';
    modalHtml += '                               <li><span>「資訊系統」：指產生、送出、收受、儲存或其他處理電子形式訊息資料之系統。</span></li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li><p>連線所使用之網路<br />本保險公司及消費者應各自與網路業者簽訂網路服務契約，並各自負擔網路使用之費用。</p></li>';
    modalHtml += '                   <li><p>網頁之確認<br />消費者與本保險公司交易前，應先確認本保險公司正確之網址。<br />本保險公司應盡善良管理人之注意義務，隨時維護網站的正確性與安全性，以避免消費者之權益受損。</p></li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>電子訊息之接收與回應<br />本保險公司接收含數位簽章或經本保險公司及消費者同意用以辨識身分之電子訊息後，應立即以下列方式之一要求消費者再確認：</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li>以資訊系統自動回覆通知消費者。</li>';
    modalHtml += '                               <li>以資訊系統再次確認裝置提示消費者。</li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml +=
        '                       <p>電子訊息經消費者依前項規定再確認者，該項電子訊息視為已經本保險公司受理。本保險公司受理消費者之電子訊息後，應即時進行檢核或處理，並於三日內將結果通知消費者。本保險公司同意承保後，將網路保險交易成功訊息（內容包含保險單號碼或交易序號、保險單生效時間、保險金額等重要資訊）傳送予消費者。本保險公司同意承保後，保險契約即為成立。<br />本保險公司或消費者接收來自對方任何電子訊息，若無法辨識其身分或內容時，視為傳送作業未完成。<br />但本保險公司可確定消費者身分時，應立即將內容無法辨識之事實通知消費者。</p>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>電子訊息之不予處理<br />有下列情形之一者，本保險公司得不處理任何接收之電子訊息：</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li>本保險公司能舉出證據有具體理由懷疑電子訊息之真實性或所指定事項之正確性者。</li>';
    modalHtml += '                               <li>本保險公司依據電子訊息處理，將違反相關法令規定或保險契約之規定者。</li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                       <p>本保險公司不處理前項電子訊息者，應同時將不處理之具體理由及情形通知消費者。</p>';
    modalHtml += '                   </li>';
    modalHtml +=
        '                   <li><p>消費者軟硬體安裝與風險<br />消費者申請使用本契約之服務項目，應自費安裝其所需之電腦軟體、硬體，以及其他與安全相關之設備。<br />消費者於使用本保險公司所交付之軟硬體設備時，如因可歸責於本保險公司之事由致受有損害，得向本保險公司請求賠償。</p></li>';
    modalHtml +=
        '                   <li><p>消費者之注意義務<br />消費者對使用者帳號、密碼、憑證及相關文件，應妥善保管。<br />消費者輸入前項密碼連續錯誤達 5 次時，本保險公司資訊系統即自動停止消費者使用本契約服務。消費者如擬恢復使用，應向本保險公司提出申請。</p></li>';
    modalHtml += '                   <li><p>交易核對<br />本保險公司應於每筆交易指示處理完畢後，以電子訊息或雙方約定之方式通知消費者，消費者應核對其結果有無錯誤。如有不符，應於通知到達之日起四十五日內，通知本保險公司查明。</p></li>';
    modalHtml +=
        '                   <li><p>電子訊息錯誤之處理<br />消費者利用本契約之服務，如其電子訊息因不可歸責於消費者之事由而發生錯誤者，本保險公司應協助消費者更正，並提供其他必要之協助。<br />前項服務因可歸責於本保險公司之事由而發生錯誤者，本保險公司應於知悉時，立即更正，並同時以電子訊息或雙方約定之方式通知消費者。</p></li>';
    modalHtml +=
        '                   <li><p>電子文件之合法授權與責任<br />雙方應確保所傳送至對方之電子訊息均經合法授權。<br />雙方如發現有第三人冒用或盜用使用者帳號、密碼、憑證或其他任何未經合法授權之情形，應立即以電話或書面或其他約定方式通知他方停止使用該服務並採取防範之措施。<br />本保險公司接受通知前，已依前項服務之指示為給付者，得對抗消費者。但本保險公司有故意或過失者不在此限。</p></li>';
    modalHtml +=
        '                   <li><p>資料安全<br />本保險公司對於所保有消費者及其利害關係人之個人資料檔案，應採取適當之安全措施，防止個人資料被竊取、竄改、毀損、滅失或洩露。<br />本保險公司違反前項規定，致個人資料遭不法蒐集、處理、利用或其他侵害當事人權利者，應負損害賠償責任。但能證明其無故意或過失者，不在此限。</p></li>';
    modalHtml +=
        '                   <li><p>資訊保密義務<br />本保險公司因處理本契約及基於本契約所從事之保險電子交易，所取得之相關資料負有保密義務。除經當事人同意或符合個人資料保護之相關法令規定外，本保險公司不得使用於與本契約無關之目的或對第三人揭露。</p></li>';
    modalHtml += '                   <li><p>損害賠償責任<br />因本契約雙方之故意或過失，就本契約傳送或接收電子訊息，有遲延、遺漏或錯誤之情事；或就本契約所生義務之不履行或遲延履行，而致他方受有損害時，應負賠償責任。</p></li>';
    modalHtml +=
        '                   <li><p>紀錄保存<br />雙方應保存所有保險電子交易訊息（不含查詢類）紀錄，並應確保其真實性及完整性。<br />本保險公司對前項紀錄之保存，應盡善良管理人之注意義務。<br />保存期限至少為保險契約有效期限屆滿或通知消費者不同意承保後五年。</p></li>';
    modalHtml += '                   <li><p>電子訊息之效力<br />雙方同意依本契約利用電子簽章或電子文件方式交換之電子訊息，其效力與書面簽署或書面文件相同。</p></li>';
    modalHtml += '                   <li><p>消費者終止契約<br />消費者得隨時通知本保險公司終止本契約。</p></li>';
    modalHtml += '                   <li>';
    modalHtml += '                       <p>保險公司終止契約<br />本保險公司欲終止本契約時，須於終止日三十日前以書面通知消費者。但消費者如有下列情事之一者，本保險公司得隨時以書面通知消費者終止本契約：</p>';
    modalHtml += '                       <div class="chineseList">';
    modalHtml += '                           <ol>';
    modalHtml += '                               <li>消費者未經本保險公司同意，擅自將本契約之權利或義務轉讓第三人。</li>';
    modalHtml += '                               <li>消費者受法院破產或重整宣告。</li>';
    modalHtml += '                               <li>消費者違反本契約第十二條第一項之規定。</li>';
    modalHtml += '                               <li>消費者違反本契約之其他約定，經催告改善或限期請求履行未果。</li>';
    modalHtml += '                           </ol>';
    modalHtml += '                       </div>';
    modalHtml += '                   </li>';
    modalHtml += '                   <li><p>通知處所<br />消費者或本保險公司就本契約事項對他方為通知者，應向他方所留存本契約之最後地址或電子郵件信箱為之。</p></li>';
    modalHtml += '                   <li><p>法令適用<br />本契約準據法，依中華民國法律。</li>';
    modalHtml +=
        '                   <li><p>管轄法院<br />因本契約涉訟者，雙方同意以消費者住所地地方法院為第一審管轄法院。消費者之住所在中華民國境外時，以臺灣臺北地方法院為第一審管轄法院。但不得排除消費者保護法第四十七條及民事訴訟法第四百三十六條之九小額訴訟管轄法院之適用。</p></li>';
    modalHtml += '                   <li><p>契約修訂<br />本契約如有未盡事宜，得經本保險公司及消費者協議補充或修正之。</p></li>';
    modalHtml += '                   <li><p>契約分存<br />本契約壹式貳份，由雙方各執壹份為憑。</p></li>';
    modalHtml += '               </ol>';
    modalHtml += '           </div>';
    modalHtml += '           <div style="text-align:left;">申請人已詳細閱讀並充分瞭解以上網路投保之注意事項、可能產生之風險及相關使用約定，爰同意以網路進行投保事宜，特此聲明。</div>';
    modalHtml += '       </form>';
    modalHtml += '   </div>';
    modalHtml += '   <div style="padding: 12px 12px 12px 12px;">';
    modalHtml += '       <footer>';
    modalHtml +=
        '           <div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="cancelBtn" >不同意</button><button type="button" class="btn btn-primary col-xs-5" id="cFirstSubmit">同意並看下一則</button></div>';
    modalHtml += '       </footer>';

    modalHtml += '   </div>';
    var modal = vajQuery(modalHtml);
    modalBody.append(modal);
    modalHeader.append(modalClose);
    modalHeader.append(modalTitle);
    modalContent.append(modalHeader);
    modalContent.append(modalBody);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);

    vajQuery('#cancelBtn,#rgECSecondClose').bind('click', function (event) {
        vaCreateRegisterTermModal(data);
        chatbotModal('registerEc2DeclarModal', 'hide');
    });
    vajQuery('#cFirstSubmit').bind('click', function (event) {
        data.applyClauseECSecond = pageEC2Date;
        va_sendWebSocket('openForm', 'formback', '', 'updateApplyDetail', data);
        openRegisterEc3Declaration(null, data);
        chatbotModal('registerEc2DeclarModal', 'hide');
    });

    chatbotModal('registerEc2DeclarModal', 'show');
}

/* EC聲明 pg3*/
function openRegisterEc3Declaration(event, data) {
    let pageEC3Date = new Date();
    if (event) {
        saveWebChatLog(event);
    }
    if (vajQuery('#registerEc3DeclarModal').length > 0) {
        vajQuery('#registerEc3DeclarModal').remove();
    }

    var modalWindow = vajQuery('<div class="chatbotModal modal fade" id="registerEc3DeclarModal" role="dialog"></div>');
    var modalDialog = vajQuery('<div class="modal-dialog pagebackDialog"></div>');
    var modalContent = vajQuery('<div class="modal-content pagebackContent"></div>');
    var modalHeader = vajQuery('<div class="modal-header"></div>');
    var modalClose = vajQuery('<button type="button" class="close" id="rgECThirdClose" data-dismiss="modal">&times;</button>');
    var modalTitle = vajQuery('<div class="modal-title" style="font-size:20px;text-align:center">網路投保網站服務使用約定書</div>');
    var modalBody = vajQuery('<div class="modal-body pagebackBody"></div>');
    let modalHtml = '';

    modalHtml += '<div class="regModal">';
    modalHtml += '       <form class="form">';
    modalHtml +=
        '           <div style="text-align:left;">【認知與接受】<br />第一條<br />全球人壽保險股份有限公司（以下稱本公司）係依據本約定書條款提供全球人壽網路投保平台（以下簡稱本網站）會員服務（以下簡稱本服務）。當會員使用本服務時，除代表已完全瞭解及接受本約定書之所有約定外，並同意本公司對會員的個人資料，得依「個人資料保護法」及本公司「壽險業履行個人資料保護法告知義務內容」之相關規定，具蒐集、處理或國際傳遞、利用等之權利。<br />第二條<br />本公司有權於任何時間修改或變更本約定書之內容，請會員隨時注意該等修改或變更。會員於本約定書有任何修改或變更後繼續使用本網站，視為會員已閱讀、瞭解並同意接受該等修改或變更。如果會員不同意本約定書的內容，或者會員所屬的國家或地域排除本約定書內容之全部或一部時，會員應立即通知本公司停止使用本網站。會員須為具有行為能力者，並經閱讀、瞭解並同意本約定書之內容及其後之修改變更後，方得使用本網站。</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">【服務範圍】<br />第三條<br />本服務均為免費提供，本公司得隨時增加、取消或修改本服務內容之全部或一部。</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">【登錄義務】<br />第四條<br />為得以使用本服務，會員同意：</div>';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml += '               <ol>';
    modalHtml += '                   <li>依服務登錄表提供正確、最新及完整的資料。</li>';
    modalHtml += '                   <li>提供的資料如有錯誤或不實，本公司得暫停或終止會員身分。</li>';
    modalHtml += '               </ol>';
    modalHtml += '           </div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">【顧客資料保密措施】<br />第五條<br />會員所登錄之資料，受「個人資料保護法」及本公司「壽險業履行個人資料保護法告知義務內容」保護。</div>';
    modalHtml += '           <br />';
    modalHtml +=
        '           <div style="text-align:left;">【會員帳號、密碼與安全】<br />第六條<br />會員應妥善保管帳號及密碼，並於每次使用後確實登出，以防他人盜用。<br />會員發現或懷疑自己的會員身分證字號或密碼遭他人盜用時，應該立即通知本公司採取必要的處置。若該盜用非因本公司之故意或過失而發生者，本公司不負任何賠償或補償之責任或義務。</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml +=
        '               <p>【使用者的守法義務及承諾】<br />第七條<br />會員承諾絕不為任何非法目的或以任何非法方式使用全球人壽網路投保平台，並承諾遵守中華民國相關法規、會員所在地適用法規及一切使用網際網路之國際慣例。若會員不具中華民國國籍時，會員亦同意遵守其所屬國家或地域之法令。會員同意並保證不得利用本服務從事侵害他人權益或違法之行為，包括但不限於：</p>';
    modalHtml += '               <div>';
    modalHtml += '                   <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>公布或傳送任何誹謗、侮辱、具威脅性、攻擊性、不雅、猥褻、不實、違反公共秩序或善良風俗或其他不法之文字、圖片或任何形式的檔案於全球人壽網路投保平台上。</li>';
    modalHtml += '                       <li>違反依法律或契約所應負之保密義務。</li>';
    modalHtml += '                       <li>冒用他人名義使用本服務。</li>';
    modalHtml += '                       <li>傳輸或散佈電腦病毒。</li>';
    modalHtml += '                       <li>其他本網站有正當理由認為不適當之行為。</li>';
    modalHtml += '                   </ol>';
    modalHtml += '               </div>';
    modalHtml += '           </div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">【資訊或建議】<br />第八條<br />會員由本網站或本網站連結之其他網站下載取得之軟體或資料，本公司對該軟體或資料不負擔保或保證之責。</div>';
    modalHtml += '           <br />';
    modalHtml +=
        '           <div style="text-align:left;">【廣告行為】<br />第九條<br />本網站上所有廣告，均由各該廣告商、產品與服務的供應商所設計與提出，會員對於廣告內容之正確性與可信度應自行判斷，本公司僅提供網站供刊登或鏈結，對該廣告不負擔保責任。</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">【買賣或其他交易行為】<br />第十條<br />會員經由本網站連結之其他網站與廠商進行商品買賣、服務或其他交易者，其因此所生之法律關係僅存在於會員與廠商之間，與本公司無涉。</div>';
    modalHtml += '           <br />';
    modalHtml +=
        '           <div style="text-align:left;">【智慧財產權】<br />第十一條<br />本公司所使用之軟體、程式及網站上所有內容，包括但不限於著作、圖片、檔案、資訊、資料、網站架構、網站畫面的安排、網頁設計，均由本公司或其他權利人依法擁有其智慧財產權，包括但不限於商標權、專利權、著作權、營業秘密與專有技術等。任何人不得逕自使用、修改、重製、公開播送、改作、散佈、發行、公開發表或進行還原工程、解編或反向組譯。若會員欲引用或轉載前述軟體、程式或網站內容，必須依法取得本公司或其他權利人的事前書面同意。如有違反，會員應對本公司及相關權利人負直接及間接損害賠償責任（包括但不限於訴訟費用及律師費用等）。</div>';
    modalHtml += '           <br />';
    modalHtml +=
        '           <div style="text-align:left;">【個人資料保護】<br />第十二條<br />本公司為提供會員更好的客戶服務而蒐集、處理或利用會員於本網站中留存之個人資料，本公司皆會以尊重會員的權益為基礎，於會員同意期間內，以依個人資料保護法及本公司「壽險業履行個人資料保護法告知義務內容」規範處理或利用會員所提供的資料 。本公司只會蒐集與上述目的相關且有需要的個人資料，會員的個人資料原則上僅會在法令許可的範圍之下，以電子檔或紙本形式提供本公司及本公司委外廠商之處理及利用。本公司訂有個人資料管理政策，並有完善之個人資料保護安全維護計畫，任何流程皆有嚴格之控管程序及標準作業流程，會員所提供的一切資料均會予以嚴加保密。基於個人資料保護法及本公司「壽險業履行個人資料保護法告知義務內容」之規定，會員可以撥打本公司【電話服務專線：<a href="tel:(02)6622-6258">(02)6622-6258</a>或免付費服務專線<a href="tel:0800-000-662">0800-000-662</a>】，針對會員的個人資料請求本公司答覆查詢、提供閱覽、製給複製本、更正、補充、停止蒐集、處理、利用或刪除。會員亦可至本公司官方網站之隱私權政策說明進一步瞭解相關權益。</div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml += '               <p>【免責聲明】<br />第十三條<br />本網站除本公司所提供之服務、資訊且無第十四條第四款之情事者外，就下列事項不負保證之責：</p>';
    modalHtml += '               <div>';
    modalHtml += '                   <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>本服務符合會員的需求。</li>';
    modalHtml += '                       <li>本服務之即時提供、安全性、可靠性、正確性、完整性或不受干擾。</li>';
    modalHtml += '                   </ol>';
    modalHtml += '               </div>';
    modalHtml += '           </div>';
    modalHtml += '           <br />';
    modalHtml += '           <div style="text-align:left;">';
    modalHtml += '               <p>【服務暫停或中止】<br />第十四條<br />有下列情事之一者，本公司得暫停、變更、中斷或終止本服務之全部或一部，對於會員因此所致之損害，本公司不負任何賠償或補償責任：</p>';
    modalHtml += '               <div>';
    modalHtml += '                   <ol style="list-style-type:cjk-decimal">';
    modalHtml += '                       <li>本公司對本服務相關軟硬體設備進行搬遷、更換、升級、保養或維修者。</li>';
    modalHtml += '                       <li>會員有任何違反政府法令或本約定書條款者。</li>';
    modalHtml += '                       <li>天災或其他不可抗力。</li>';
    modalHtml += '                       <li>非本公司所得控制之事由致本服務資訊顯示不正確、遭偽造、竄改、刪除或擷取或致系統中斷或不能正常運作時。</li>';
    modalHtml += '                       <li>本公司認為有商業上合理之必要時。</li>';
    modalHtml += '                       <li>其他不可歸責於本公司之事由。</li>';
    modalHtml += '                   </ol>';
    modalHtml += '               </div>';
    modalHtml += '           </div>';
    modalHtml += '           <br />';
    modalHtml +=
        '           <div style="text-align:left;">【會員身份終止】<br />第十五條<br />會員違反本約定書條款，或將其專屬權益讓與他人者，本公司得不經催告終止其會員資格，並追究相關之法律責任。會員得隨時以書面或電子郵件通知本公司終止其會員資格。</div>';
    modalHtml += '           <br />';
    modalHtml +=
        '           <div style="text-align:left;">【條款之效力、準據法與管轄法院】<br />第十六條<br />本約定書任一條款無效者，不影響其他條款之效力。會員與本公司之權利義務，依中華民國法律定之；<br />因本約定書所生事項涉訟時，以臺灣臺北地方法院為第一審管轄法院。</div>';
    modalHtml += '       </form>';
    modalHtml += '  </div>';
    modalHtml += '   <div style="padding: 12px 12px 12px 12px;">';
    modalHtml += '       <footer>';
    modalHtml +=
        '           <div class="modal-footer cfmBtnDiv"><button type="button" class="btn btn-default col-xs-5" data-dismiss="modal" id="cancelBtn" >不同意</button><button type="button" class="btn btn-primary col-xs-5" id="cFirstSubmit">同意</button></div>';
    modalHtml += '       </footer>';

    modalHtml += '   </div>';
    var modal = vajQuery(modalHtml);
    modalBody.append(modal);
    modalHeader.append(modalClose);
    modalHeader.append(modalTitle);
    modalContent.append(modalHeader);
    modalContent.append(modalBody);
    modalDialog.append(modalContent);
    modalWindow.append(modalDialog);
    vajQuery('#ibmchatbox').after(modalWindow);

    vajQuery('#cancelBtn,#rgECThirdClose').bind('click', function (event) {
        vaCreateRegisterTermModal(data);
        chatbotModal('registerEc3DeclarModal', 'hide');
    });
    vajQuery('#cFirstSubmit').bind('click', function (event) {
        data.applyClauseECThird = pageEC3Date;
        data.applyFlag = 'U';
        data.applyFlagDate = new Date();
        va_sendWebSocket('openForm', 'formback', '', 'updateApplyDetail', data);
        chatbotModal('registerEc3DeclarModal', 'hide');
    });

    chatbotModal('registerEc3DeclarModal', 'show');
}
/* global vajQuery, va_openForm, va_openForms, webBotSettings, chatbotModal, va_sendWebSocket, vaOpenFormModal, openPageBackModal, va_excludeEventType*/
/* 輸入自動完成清單 pg1*/

function autocomplete(inp, arr, size) {
    if (arr === undefined || arr.length === 0) {
        return;
    }

    /*the autocomplete function takes two arguments,
  the text field element and an array of possible autocompleted values:*/
    var currentFocus;
    /*execute a function when someone writes in the text field:*/
    inp.addEventListener('input', function (e) {
        var a,
            b,
            i,
            val = this.value;
        /*close any already open lists of autocompleted values*/
        closeAllLists();
        if (!val) {
            return false;
        }
        currentFocus = -1;
        /*create a DIV element that will contain the items (values):*/
        a = document.createElement('DIV');
        a.setAttribute('id', this.id + 'autocomplete-list');
        a.setAttribute('class', 'autocomplete-items');
        /*append the DIV element as a child of the autocomplete container:*/
        this.parentNode.appendChild(a);
        var numberBeFinded = 0;
        /*for each item in the array...*/
        for (i = 0; i < arr.length; i++) {
            /*check if the item starts with the same letters as the text field value:*/
            var sentence = arr[i].sentence;

            if (numberBeFinded >= size) {
                break;
            }
            if (sentence.toUpperCase().includes(val.toUpperCase())) {
                /*create a DIV element for each matching element:*/
                b = document.createElement('DIV');
                /*make the matching letters bold:*/
                b.innerHTML = '<strong>' + sentence.substr(0, val.length) + '</strong>';
                b.innerHTML += sentence.substr(val.length);
                /*insert a input field that will hold the current array item's value:*/
                b.innerHTML += "<input type='hidden' value='" + sentence + "'>";
                /*execute a function when someone clicks on the item value (DIV element):*/
                b.addEventListener('click', function (e) {
                    /*insert the value for the autocomplete text field:*/
                    inp.value = this.getElementsByTagName('input')[0].value;
                    /*close the list of autocompleted values,
              (or any other open lists of autocompleted values:*/
                    closeAllLists();
                });
                a.appendChild(b);
                numberBeFinded++;
            }
        }
    });
    /*execute a function presses a key on the keyboard:*/
    inp.addEventListener('keydown', function (e) {
        var x = document.getElementById(this.id + 'autocomplete-list');
        if (x) x = x.getElementsByTagName('div');
        if (e.keyCode === 40) {
            /*If the arrow DOWN key is pressed,
        increase the currentFocus variable:*/
            currentFocus++;
            /*and and make the current item more visible:*/
            addActive(x);
        } else if (e.keyCode === 38) {
            //up
            /*If the arrow UP key is pressed,
        decrease the currentFocus variable:*/
            currentFocus--;
            /*and and make the current item more visible:*/
            addActive(x);
        } else if (e.keyCode === 13) {
            /*If the ENTER key is pressed, prevent the form from being submitted,*/

            if (currentFocus > -1) {
                e.preventDefault();
                /*and simulate a click on the "active" item:*/
                if (x) {
                    x[currentFocus].click();
                    currentFocus = -1;
                }
            } else {
                closeAllLists();
            }
        }
    });
    function addActive(x) {
        /*a function to classify an item as "active":*/
        if (!x) return false;
        /*start by removing the "active" class on all items:*/
        removeActive(x);
        if (currentFocus >= x.length) currentFocus = 0;
        if (currentFocus < 0) currentFocus = x.length - 1;
        /*add class "autocomplete-active":*/
        x[currentFocus].classList.add('autocomplete-active');
    }
    function removeActive(x) {
        /*a function to remove the "active" class from all autocomplete items:*/
        for (var i = 0; i < x.length; i++) {
            x[i].classList.remove('autocomplete-active');
        }
    }
    function closeAllLists(elmnt) {
        /*close all autocomplete lists in the document,
    except the one passed as an argument:*/
        var x = document.getElementsByClassName('autocomplete-items');
        for (var i = 0; i < x.length; i++) {
            if (elmnt !== x[i] && elmnt !== inp) {
                x[i].parentNode.removeChild(x[i]);
            }
        }
    }
    /*execute a function when someone clicks in the document:*/
    document.addEventListener('click', function (e) {
        closeAllLists(e.target);
    });
}