{"version":3,"sources":["flekkefjord.js"],"names":["kari_config","holydays","from","to","callback","chatPanel","cssPrefix","kariWrapper","document","createElement","className","innerHTML","getElementById","console","warn"],"mappings":"aAAA,IAAMA,YAAc,CAChBC,SAAU,CADRD,MAAW,CACHE,KAAA,mBACNC,GAAS,qBAFGC,SAAA,SAAAC,GAUNC,IAGIC,EAHJD,EAAY,SAGRC,EAAsBC,SAACC,cAA7B,QACYC,UAAZH,GAAAA,OAAAD,EAAAC,QACAA,EAAYI,UAAZJ,iCAAAA,OAYAD,EAZAC,yDAAAA,OAHJD,EAGIC,kLAAAA,OAeqBD,EAfrBC,6DAAAA,OAiB0BE,EAjB1BF,sGAAAA,OAkBAD,EAlBAC,yIAmMJ,IAAIC,SAASI,eAJS,cAMlB,OADAC,QAAQC,KAAK,2BACN","file":"flekkefjord.js","sourcesContent":["const kari_config = {\n    holydays: {\n        \"nisse\": {\n            from: \"2020/12/03 00:01\",\n            to: \"2021/01/04 23:59\"\n        }\n    },\n\n    callback(chatPanel){\n        \n        const cssPrefix = \"ssp__\";\n        \n        const kariChatPanel = () => {\n            const kariWrapper = document.createElement('div');\n            kariWrapper.className = `${cssPrefix}kari`;\n            kariWrapper.innerHTML = `\n                <div class='${cssPrefix}kari__svg-wrapper'>\n                    <img class='${cssPrefix}kari__img' src=\"//prokomresources.prokomcdn.no/client-grunt/bot/design_variations/kari-org.svg\" alt=\"kari chat bot\" />\n                </div>\n                <div class='${cssPrefix}kari__input-wrapper'>\n                    <input class='${cssPrefix}kari__input' type='text' placeholder=\"Hva lurer du på?\" />\n                    <button class=\"${cssPrefix}kari__button\" type='button'>\n                        Spør Kari\n                    </button>\n                </div>\n            `;\n            \n            return kariWrapper;\n        }\n        \n        const kariChatPanelCss = () => {\n            \n            const styleTag = document.createElement(\"style\");\n            styleTag.innerHTML = `\n                .${cssPrefix}kari{\n                    border-radius: 4px;\n                    background-color: rgba(0,0,0,0.33);\n                    max-width:813px;\n                    margin: 0 auto;\n                    padding: 15px 20px;\n                    display:-webkit-box;\n                    display:-ms-flexbox;\n                    display:flex;\n                    -webkit-box-align:center;\n                    -ms-flex-align:center;\n                    align-items:center;\n                }\n                .${cssPrefix}kari__svg-wrapper{\n                    display:none;\n                    height:auto;\n                    width:auto;\n                    border-radius:100%;\n                    border: 4px solid #3a149b;\n                    margin-right:24px;\n                    max-height:81px;\n                    max-width:81px;\n                }\n                \n                .${cssPrefix}kari__img{\n                    width:auto;\n                    height:auto;\n                    max-height:81px;\n                    max-width:81px;\n                }\n                \n                .${cssPrefix}kari__input-wrapper{\n                    border-radius: 4px;\n                    background-color: #ffffff;\n                    border: solid 4px #ffffff;\n                    width:100%;\n                    height:54px;\n                    \n                    display:-webkit-box;\n                    \n                    display:-ms-flexbox;\n                    \n                    display:flex;\n                    -webkit-box-orient:horizontal;\n                    -webkit-box-direction:normal;\n                    -ms-flex-direction:row;\n                    flex-direction:row;\n                }\n                .${cssPrefix}kari__input{\n                    color: #555555 !important;\n                    border:none !important;\n                    font-size:22px !important;\n                    height:54px !important;\n                    -webkit-box-shadow:none !important;\n                            box-shadow:none !important;\n                }\n                .${cssPrefix}kari__button{\n                    background-color: #3a149b;\n                    color:#fff;\n                    text-align:center;\n                    font-size: 12px;\n                    font-weight: bold;\n                    padding:10px;\n                    min-width:78px;\n                    border-radius: 0 4px 4px 0;\n                    border:none;\n                }\n                \n                @media screen and (min-width:768px){\n                    .${cssPrefix}kari__svg-wrapper{\n                        display:block;\n                    }\n                    \n                    .${cssPrefix}kari__button{\n                        font-size: 22px;\n                        min-width:138px;\n                    }\n                }\n            `;\n            \n            return styleTag;\n        };\n        \n        const kariTakeover = function(obj, chatPanel) {\n            \n            const defaults = {\n                search_input: document.getElementById(\"search_input\"),\n                search_button: document.getElementsByClassName(\"search_button\"),\n                search_form: document.getElementById(\"search_form\"),\n                log: false\n            }\n\n\n            const settings = Object.assign(defaults, obj);\n\n            if (settings.log)\n                console.log(\"kariTakeover: models (settings,obj,defaults)\", settings, obj, defaults);\n\n            if (settings.log)\n                console.log(\"kariTakeover: elements (input,button,form)\", settings.search_input, settings.search_button, settings.search_form);\n\n            settings.search_button.addEventListener('click', function(e) {\n                e.preventDefault();\n                if (settings.log)\n                    console.log(\"kariTakeover: stopping click event\");\n\n\n                chatPanel.sendMessage({\n                    text: settings.search_input.value\n                });\n\n            });\n            \n            const generateUUID = function() { // Public Domain/MIT\n                var d = new Date().getTime();\n                if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\n                    d += performance.now(); //use high-precision timer if available\n                }\n                return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n                    var r = (d + Math.random() * 16) % 16 | 0;\n                    d = Math.floor(d / 16);\n                    return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n                });\n            };\n\n            const waitForKari = function() {\n\n                if (!document.getElementById(\"bai-chat-widget\")) {\n                    setTimeout(function() {\n                        if (settings.log)\n                            console.warn(\"kariTakeover: Waiting for Kari to be active\");\n                        waitForKari();\n                    }, 2000);\n                }\n                else {\n                    startKari();\n                }\n            }\n            \n            if(settings.search_form){\n                settings.search_form.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                });\n            }\n            \n            const guid = generateUUID();\n            \n            const chatPanelV1 = window.boostChatPanel({\n                urlBase: 'https://007prokom.boost.ai',\n                filterValues: [\"flekkefjord\"],\n                sessionId: guid,\n                botIconUrl:\"https://prokomresources.prokomcdn.no/client-grunt/bot/design_variations/kari-blue.svg\",\n                pace: 'supersonic',\n                showHistory: true\n            });\n\n            settings.search_input.addEventListener('keyup', function(event) {\n                event.preventDefault();\n\n                var key = event.which || event.keyCode;\n\n                if (settings.log)\n                    console.log(\"kariTakeover: key pressed\", key);\n\n                if (key === 13) {\n                    chatPanelV1.sendMessage(settings.search_input.value);\n                }\n            });\n        }\n        \n        const kariChatPanelElement = kariChatPanel();\n        // const formElementId = \"finder-926\";\n        const formElementId = \"search-926\";\n        \n        // document.head.appendChild(kariChatPanelCss());\n        \n        if(!document.getElementById(formElementId)){\n            console.warn(\"Form element not found\");\n            return false;    \n        }\n        \n        // document.getElementById(formElementId).innerHTML = \"\";\n        // document.getElementById(formElementId).appendChild(kariChatPanelElement);\n        \n        // kariTakeover({\n        //     search_button: kariChatPanelElement.querySelector(\".ssp__kari__button\"),\n        //     search_input: kariChatPanelElement.querySelector(\".ssp__kari__input\"),\n        //     search_form: document.getElementById(formElementId)\n        // },chatPanel);\n    }\n}\n"]}