var GLOBAL_CONFIG={apiBaseUrl:"https://analytics.storysoft.io/api/",plannerUrl:"https://builder-api.storysoft.io/api/",STARTING_PAGE:1,MAX_WIDTH_PX:720,MAX_HEIGHT_PX:1280,MIN_SCREEN_HEIGHT:576,ASPECT_RATIO:1280/720,SCREEN_RESIZE_DELAY:50},INTERACTION_TYPE={PAGE_VIEW:0,PAGE_EXIT:1,LINK_OPEN:2,CLICK:3,QUESTION:4,TEXT:5,CUSTOM:6},LOADING_ERRORS={UNREGISTERED_STORY:"Invalid Story Code"},queryParams=URI(document.URL).query(!0);function debounce(i,s,o){var a,r,e=function(){var e=this,n=arguments;if(a&&clearTimeout(a),o){var t=!a;a=setTimeout(function(){a=null},s),t&&(r=i.apply(e,n))}else a=setTimeout(function(){i.apply(e,n)},s);return r};return e.cancel=function(){clearTimeout(a),a=null},e}var init=function(e){window.preview=new Vue({el:"#app",data:{GLOBAL_CONFIG:GLOBAL_CONFIG,GLOBAL_HEADER:e.GLOBAL_HEADER,GLOBAL_FOOTER:e.GLOBAL_FOOTER,STORY_CONFIG:e.STORY_CONFIG,VISIT_CODE:e.VISIT_CODE,interactions:[],isFullscreen:isStoryFullscreen(),showSwipeMsg:!1,swipeWasUsed:!1,preventNext:!1,preventBack:!1,shouldHighlightNav:e.STORY_CONFIG.HIGHLIGHT_NAV,session:{},params:queryParams,config:e.STORY_CONFIG,pages:e.STORY_PAGES,pageNum:0},created:function(){window.addEventListener("unload",this.saveFinalExit,!1),window.addEventListener("resize",debounce(this.onScreenResize,GLOBAL_CONFIG.SCREEN_RESIZE_DELAY)),window.addEventListener("orientationchange",debounce(this.onScreenResize,GLOBAL_CONFIG.SCREEN_RESIZE_DELAY))},mounted:function(){var n=this;this.goHome(),this.STORY_CONFIG.SHOW_MESSAGE_AFTER&&setTimeout(function(){n.swipeWasUsed||(n.showSwipeMsg=!0)},1e3*this.STORY_CONFIG.SHOW_MESSAGE_AFTER),this.STORY_CONFIG.HIDE_MESSAGE_AFTER&&setTimeout(function(){n.showSwipeMsg=!1},1e3*this.STORY_CONFIG.HIDE_MESSAGE_AFTER);var e=new Hammer(document.getElementById("story-container"),{inputClass:Hammer.TouchInput});e.on("swipeleft",this.nextPage),e.on("swiperight",this.prevPage),$("#app").on("click","a",function(){var e=$(this).attr("href");n.saveLink(e)})},methods:{goHome:function(){this.setPage(this.GLOBAL_CONFIG.STARTING_PAGE)},nextPage:function(){this.swipeWasUsed=!0,this.showSwipeMsg=!1,this.preventNext||this.setPage(this.pageNum+1)},prevPage:function(){this.swipeWasUsed=!0,this.showSwipeMsg=!1,this.preventBack||this.setPage(this.pageNum-1)},setPage:function(e){0<e&&e<=this.pages.length&&(this.pageNum=e,this.saveView(e))},onScreenResize:function(){this.isFullscreen=isStoryFullscreen()},getYoutubeVideoId:function(e){var n=URI(e).path();return n=n.substr(1),console.log(n),n},hexToRGBA:function(e,n){var t;return/^#([A-Fa-f0-9]{3}){1,2}$/.test(e)?(3==(t=e.substring(1).split("")).length&&(t=[t[0],t[0],t[1],t[1],t[2],t[2]]),"rgba("+[(t="0x"+t.join(""))>>16&255,t>>8&255,255&t].join(",")+","+n+")"):e},personalize:function(e){if(!e)return e;var n=/{{([a-zA-Z])\w+(\|[^}]*)?}}/g,t=(" "+e).slice(1),i=null;do{if(i=n.exec(e)){var s=i[0],o=s.substr(2,s.length-4).split("|"),a=1<o.length&&o[1]||"";t=t.replace(s,this.params[o[0]]||a)}}while(i);return t},unsafeStripTags:function(e){return e.replace(/(<([^>]+)>)/gi,"")},submitSurvey:function(){this.saveQuestion(this.unsafeStripTags(this.personalize(this.activePage.question)),this.unsafeStripTags(this.personalize(this.activePage["answer"+this.activePage.answer]))),this.nextPage()},saveView:function(e){return this.saveInteraction(INTERACTION_TYPE.PAGE_VIEW,e)},saveLink:function(e,n,t){return this.saveInteraction(INTERACTION_TYPE.LINK_OPEN,this.pageNum,e,n,t)},saveClick:function(e,n,t){return this.saveInteraction(INTERACTION_TYPE.CLICK,this.pageNum,e,n,t)},saveQuestion:function(e,n,t){return this.saveInteraction(INTERACTION_TYPE.QUESTION,this.pageNum,e,n,t)},saveText:function(e,n,t){return this.saveInteraction(INTERACTION_TYPE.TEXT,this.pageNum,e,n,t)},saveInteraction:function(e,n,t,i,s){if(this.VISIT_CODE){var o={V:this.VISIT_CODE,G:s,N:t,D:i,T:e,P:n-1,C:(new Date).toISOString(),I:this.interactions.length};$.ajax({url:this.GLOBAL_CONFIG.apiBaseUrl+"Interactions",dataType:"json",type:"post",contentType:"application/json",data:JSON.stringify(o)})}},saveFinalExit:function(){navigator.sendBeacon(this.GLOBAL_CONFIG.apiBaseUrl+"Interactions",JSON.stringify({V:this.VISIT_CODE,T:INTERACTION_TYPE.PAGE_EXIT,P:this.pageNum-1,C:(new Date).toISOString(),I:this.interactions.length}))}},watch:{pageNum:function(e,n){document.body.scrollTop=document.documentElement.scrollTop=0,this.pages[n-1]&&this.pages[n-1].onExit&&this.pages[n-1].onExit(),this.pages[e-1]&&this.pages[e-1].onEnter&&this.pages[e-1].onEnter()}},computed:{activePage:function(){return this.pages[this.pageNum-1]||{}},hasNextPage:function(){return this.pageNum<this.pages.length},hasPrevPage:function(){return 1<this.pageNum}}}),$("#story-loading-screen").hide()};function isStoryFullscreen(){return!(window.innerWidth>=GLOBAL_CONFIG.MAX_WIDTH_PX||window.innerHeight>=GLOBAL_CONFIG.MAX_HEIGHT_PX)}function showLoadingError(e){$("#story-loading-error-message").text(e),$("#story-loading-error").show()}$(function(){function e(){var e=$("#story-container");window.innerWidth>window.innerHeight&&window.innerHeight<GLOBAL_CONFIG.MIN_SCREEN_HEIGHT?(console.log("Cannot display story in landscape mode on phones"),$("#story-invalid-device").show()):$("#story-invalid-device").hide(),isStoryFullscreen()?(console.log("Showing Mobile Layout"),e.css("height",window.innerHeight+"px"),e.css("width","100%"),e.css("padding","0")):(console.log("Showing Desktop Layout"),e.css("height",window.innerHeight+"px"),e.css("width",window.innerHeight/GLOBAL_CONFIG.ASPECT_RATIO+"px"),e.css("padding-top","2rem"),e.css("padding-left",2/GLOBAL_CONFIG.ASPECT_RATIO+"rem"),e.css("padding-bottom","2rem"),e.css("padding-right",2/GLOBAL_CONFIG.ASPECT_RATIO+"rem"))}$.get({url:"viewer/config.json",cache:!1},function(i){var n={STORY_CONFIG:i,GLOBAL_HEADER:null,GLOBAL_FOOTER:null,STORY_PAGES:null};Promise.all([new Promise(function(t,n){$.get({url:GLOBAL_CONFIG.plannerUrl+"plans/"+encodeURIComponent(i.PlanCode||queryParams.id),type:"GET",cache:!1}).done(function(e){var n=JSON.parse(atob(e.settings));t(n)}).fail(function(e){n({code:LOADING_ERRORS.MISSING_PAGE,error:e})})}),new Promise(function(e,n){if(!i.CustomerId&&!queryParams.id)return e(null);$.ajax({url:GLOBAL_CONFIG.apiBaseUrl+"Visits",dataType:"json",type:"post",contentType:"application/json",data:JSON.stringify({O:i.CustomerId||queryParams.account,B:i.PlanCode||queryParams.id,C:queryParams.campaign,W:screen.width,H:screen.height,S:(new Date).toISOString(),M:isStoryFullscreen(),U:window.location.href})}).done(e).fail(function(e){n({code:LOADING_ERRORS.UNREGISTERED_STORY,error:e})})})]).then(function(e){console.log("Retrieved story settings"),n.STORY_PAGES=e[0].pages,n.STORY_CONFIG=Object.assign(n.STORY_CONFIG,e[0].config),n.VISIT_CODE=e[1],init(n)}).catch(function(e){console.log("Failed to retrieve story settings"),console.log(e),showLoadingError(e.code||"Unknown Error")}).finally(function(){$("#story-loading-screen").hide()})}),window.addEventListener("resize",debounce(e,GLOBAL_CONFIG.SCREEN_RESIZE_DELAY)),window.addEventListener("orientationchange",debounce(e,GLOBAL_CONFIG.SCREEN_RESIZE_DELAY)),e()});