{"__symbolic":"module","version":4,"metadata":{"ChatBotService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"ChatBotComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"iea-chat-bot","template":"<div>\n    <div id=\"chat-circle\" (click)=\"toggle()\" [ngClass]=\"istoggled?'animate':''\">\n        <div id=\"chat-overlay\"></div>\n        <img class=\"assistant\" src=\"assets/images/assistant.png\">\n    </div>\n    <div id=\"chat-box\" [ngClass]=\"istoggled?'chat-box-animate':''\">\n        <div class=\"chat-box-header\">\n            <span class=\"assistant-img\"><img src=\"assets/images/T_Mobile_logo.svg\"></span>\n            <span class=\"content\">Hello I will make your shopping experience simplified</span>\n            <span class=\"chat-box-toggle\" (click)=\"toggle()\"><img src=\"assets/images/close.png\"></span>\n        </div>\n        <span class=\"horizontal-line\"></span>\n        <div class=\"chat-box-body\">\n            <div class=\"chat-logs\">\n                <div *ngIf=\"!isSpeaking\">\n                    <div class=\"messages\">\n                        <div *ngFor=\"let message of messages\">\n                            <div *ngIf=\"message.type === 'bot' || message.type === 'user'\"\n                                [class]=\"message && message.type === 'bot' ? 'messagebox' : 'messagebox-right'\">\n                                <img src=\"../../../../assets/images/assistant.png\">\n                                <span class=\"message\">\n                                    {{message.message}}\n                                </span>\n                            </div>\n                            <div class=\"center\" *ngIf=\"message.type === 'html'\" [innerHTML]=\"message.message\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"chat-input\">\n                <span *ngIf=\"!isSpeaking\" (click)=\"startSpeaking()\">\n                    <img src=\"assets/images/microphone.svg\">\n                </span>\n                <span *ngIf=\"isSpeaking\" (click)=\"stopSpeaking()\">\n                    <img src=\"assets/images/closespeech.svg\">\n                </span>\n                <input autocomplete=\"off\" type=\"text\" id=\"chat-input\" placeholder=\"Send a message...\"\n                    (keyup.enter)=\"sendActivity($event)\" />\n            </div>\n        </div>\n    </div>\n</div>","styles":["#chat-circle{transition:.5s ease-in-out;display:flex;justify-content:center;position:fixed;transform:scale(1);bottom:50px;right:0;background-image:linear-gradient(92deg,#b952bb 1%,#c246ab 98%);border-radius:50% 0 0 50%;color:#fff;cursor:pointer;box-shadow:0 3px 16px 0 rgba(0,0,0,.6),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.assistant{margin:15px 30px 15px 15px}.animate{-moz-animation-fill-mode:forwards;transform:scale(0)!important}.chat-box-animate{transform:scale(1)!important}#chat-circle::before{content:\"\";position:absolute;z-index:0;bottom:-15px;left:30px;transform:translate(0,-2px);width:0;height:0;border-left:0 solid transparent;border-right:35px solid transparent;border-top:25px solid #c047ae}#chat-circle::after{content:\"Ask Madi\";position:absolute;z-index:2;bottom:-40px;height:20px;font-family:AzoSans-Medium;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;text-align:left;color:#000}.btn#my-btn{background:#fff;border-radius:45px;color:#5865c3;padding:13px 40px 12px}#chat-box{transition:.5s ease-in-out;display:flex;flex-direction:column;transform:scale(0);background:#fff;position:fixed;right:30px;bottom:50px;width:720px;align-items:center;max-width:85vw;max-height:100vh;border-radius:20px;box-shadow:0 5px 35px 9px #ccc}.chat-box-toggle{margin-left:auto;cursor:pointer}.chat-box-header{width:94%;display:flex;margin:3%;flex-direction:row;align-items:center;background:#fff;border-radius:20px 20px 0 0;color:#000;font-size:16px;font-family:AzoSans-Regular}.content{margin-left:20px;width:80%;overflow:hidden}.chat-box-body{margin:2%;width:96%}#chat-input{width:96%;position:relative;height:50px;padding-left:4%;border:1px solid #d5d5d5;resize:none;outline:0;border-radius:45px;background-color:#fff;overflow:hidden}.chat-input{margin-bottom:20px;width:96%;display:flex;align-items:center}#chat-input::-webkit-input-placeholder{color:#ccc}#chat-input::-moz-placeholder{color:#ccc}#chat-input:-ms-input-placeholder{color:#ccc}#chat-input:-moz-placeholder{color:#ccc}.chat-submit{position:absolute;bottom:3px;right:10px;background:0 0;box-shadow:none;border:none;border-radius:50%;color:#5a5eb9;width:35px;height:35px}.chat-logs{padding:15px;height:55vh;overflow:auto}.chat-logs::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.chat-logs::-webkit-scrollbar{width:5px;background-color:#f5f5f5}.chat-logs::-webkit-scrollbar-thumb{background-color:#5a5eb9}@media only screen and (max-width:500px){.chat-logs{height:40vh}}.chat-msg.user>.msg-avatar img{height:45px;border-radius:50%;float:left;width:15%}.chat-msg.self>.msg-avatar img{height:45px;border-radius:50%;float:right;width:15%}.cm-msg-text{background:#fff;padding:10px 15px;color:#666;max-width:75%;float:left;margin-left:10px;position:relative;margin-bottom:20px;border-radius:30px}.chat-msg{clear:both}.chat-msg.self>.cm-msg-text{float:right;margin-right:10px;background:#5a5eb9;color:#fff}.cm-msg-button>ul>li{list-style:none;float:left;width:50%}.cm-msg-button{clear:both;margin-bottom:70px}.chat-input span{background:#d02e73;position:absolute;z-index:1;right:6%;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.horizontal-line{width:100%;border:1px solid #eaeaea}.message{border:1px solid #d02e73;display:flex;align-items:center;padding:15px 20px;border-radius:10px 10px 10px 0;font-family:AzoSans-Regular;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:normal;text-align:left;color:#000}.messagebox img{width:30px;height:30px;margin-right:10px}.messagebox{display:flex;flex-direction:row;align-items:center;margin-top:10px}.messagebox-right img{width:30px;height:30px;margin-right:10px}.messagebox-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:10px}.center{margin:20px 0;align-items:center;display:flex;justify-content:center;overflow:hidden}.speaker{background:#d03a73;margin:20px 0;border-radius:50%;padding:20px;display:flex;width:20px;height:20px;justify-content:center;align-items:center}.speaker-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.spoken-content{font-family:AzoSans-Regular;font-size:14px;margin:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;text-align:center;color:#000}"]}]}],"members":{"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"inputText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"startSpeaking":[{"__symbolic":"method"}],"stopSpeaking":[{"__symbolic":"method"}],"sendActivity":[{"__symbolic":"method"}]}},"ChatBotModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChatBotComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":19}],"exports":[{"__symbolic":"reference","name":"ChatBotComponent"}]}]}],"members":{}}},"origins":{"ChatBotService":"./lib/chat-bot.service","ChatBotComponent":"./lib/chat-bot.component","ChatBotModule":"./lib/chat-bot.module"},"importAs":"chat-bot"}