(()=>{if($(".ex-a-4970063").length||$(".ex-u-2200684").length){class o{constructor(t,e,o){this.steps=t.filter(t=>!t.element||document.querySelector(t.element)),this.currentStep=e<=t.length&&0<e?e-1:0,this.stepToStart=0,this.lastStep=this.currentStep,this.overlay=null,this.spotlight=null,this.tooltipElement=null,this.tooltipCloseButton=null,this.tooltipTitle=null,this.tooltipDescription=null,this.tooltipDots=null,this.tooltipButtons=null,this.originalOverflowStyle="",this.isActive=!1,this.isInProcess=!1,this.scrollLockTimeout=null,this.lastActiveButton=null,this.lastActiveSelect=null,this.inProgress=!1,this.isSmallScreen=!1,this.localStorageName=o,this.selectOptionsElement=null,this.handleResize=this.handleResize.bind(this),this.activateButton=this.activateButton.bind(this),this.createSelectOptions=this.createSelectOptions.bind(this),this.waitForClassRemoval=this.waitForClassRemoval.bind(this);["activateButton"].forEach(e=>{this.steps.forEach(t=>t[e]??="")}),["handle_select_click","click_listener"].forEach(e=>{this.steps.forEach(t=>t[e]??=!1)})}start(){if(!this.isActive&&!(window.innerWidth<991||window.innerHeight<500)){this.disableScroll(),this.originalOverflowStyle=document.body.style.overflow||"",this.overlay=document.createElement("div"),this.overlay.classList.add("tour-overlay"),this.spotlight=document.createElement("div"),this.spotlight.classList.add("tour-spotlight"),this.tooltipElement=document.createElement("div"),this.tooltipElement.classList.add("tour-tooltip"),this.tooltipCloseButton=document.createElement("div"),this.tooltipCloseButton.classList.add("tour-close"),this.tooltipCloseButton.setAttribute("aria-label","Close tour"),this.tooltipCloseButton.innerHTML="&times;",this.tooltipCloseButton.addEventListener("click",this.end),this.tooltipTitle=document.createElement("div"),this.tooltipTitle.classList.add("tour-title"),this.tooltipDescription=document.createElement("div"),this.tooltipDescription.classList.add("tour-description"),this.tooltipDots=document.createElement("div"),this.tooltipDots.classList.add("tour-dots");for(let t=0;t<this.steps.length;t++){var e=document.createElement("span");e.classList.add("tour-dot"),e.dataset.step=t,e.classList.add("tour-dot-"+(t===this.currentStep?"active":"inactive")),this.tooltipDots.append(e)}this.tooltipButtons=document.createElement("div"),this.tooltipButtons.classList.add("tour-buttons");for(let t=1;t<3;t++){var o=document.createElement("button");o.classList.add("tour-btn","tour-btn-"+(t%2==0?"next":"prev")),this.currentStep||1!==t||o.setAttribute("disabled","true"),o.addEventListener("click",t%2==0?this.next:this.prev),this.tooltipButtons.append(o)}this.tooltipElement.append(this.tooltipCloseButton,this.tooltipTitle,this.tooltipDescription,this.tooltipDots,this.tooltipButtons),document.body.appendChild(this.overlay),document.body.appendChild(this.spotlight),document.body.appendChild(this.tooltipElement),this.tooltipElement.addEventListener("click",t=>{"show-lightbox-show"===t.target.id&&this.end(this.localStorageName)}),document.body.style.overflow="hidden",this.isActive=!0,document.addEventListener("keydown",this.handleKeyDown),window.addEventListener("resize",this.handleResize),setTimeout(()=>{this.showStep(this.currentStep)},100)}}handleKeyDown=t=>{"Escape"===t.key?this.end():"ArrowRight"===t.key?this.next():"ArrowLeft"===t.key&&this.prev()};openGalery=()=>{Fancybox.show([{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_1.jpg",type:"image",caption:"Image 1"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_2.jpg",type:"image",caption:"Image 2"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_3.jpg",type:"image",caption:"Image 3"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_4.jpg",type:"image",caption:"Image 4"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_5.jpg",type:"image",caption:"Image 5"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_6.jpg",type:"image",caption:"Image 6"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_7.jpg",type:"image",caption:"Image 7"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_8.jpg",type:"image",caption:"Image 8"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_9.jpg",type:"image",caption:"Image 9"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_10.jpg",type:"image",caption:"Image 10"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_11.jpg",type:"image",caption:"Image 11"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_12.jpg",type:"image",caption:"Image 12"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_13.jpg",type:"image",caption:"Image 13"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_14.jpg",type:"image",caption:"Image 14"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_15.jpg",type:"image",caption:"Image 15"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_16.jpg",type:"image",caption:"Image 16"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_17.jpg",type:"image",caption:"Image 17"},{src:"https://cdn.jsdelivr.net/gh/hey-mojo/webpage-tour/public/images/Tour_Slide_18.jpg",type:"image",caption:"Image 18"}])};handleResize(){var t,e,o,i,s,n,l,c;this.isActive&&(window.innerWidth<991||window.innerHeight<500?this.isSmallScreen||(this.hideSpotlight(),this.isSmallScreen=!0,this.tooltipDots=this.tooltipElement.querySelector(".tour-dots"),this.tooltipButtons=this.tooltipElement.querySelector(".tour-buttons"),this.tooltipTitle=this.tooltipElement.querySelector(".tour-title"),this.tooltipDescription=this.tooltipElement.querySelector(".tour-description"),this.tooltipTitle.textContent="Resize the window",this.tooltipDescription.textContent="To use our tour, please resize your window or use desktop",this.tooltipDots.style.display="none",this.tooltipButtons.style.display="none",this.tooltipElement.style="top: 200px; left: 50%; transform: translateX(-50%)"):({adjust_tooltip:{top:t=0,left:e=0}={},adjust_spotlight:{top:o=0,left:i=0,width:s=0,height:n=0}={}}=c=this.steps[this.currentStep],(l=document.querySelector(this.steps[this.currentStep].element))&&!this.selectOptionsElement&&(this.updateSpotlightPosition(l,{spotlightTop:o,spotlightLeft:i,spotlightHeight:n,spotlightWidth:s}),this.positionTooltip(l.getBoundingClientRect(),{tooltipTop:t,tooltipLeft:e})),this.isSmallScreen&&(this.createTooltipContent(this.currentStep),this.steps[this.currentStep].tooltip_style&&Object.assign(this.tooltipElement.style,this.steps[this.currentStep].tooltip_style),this.isSmallScreen=!1),this.selectOptionsElement&&(this.positionSelectOption(),l=this.getOptionIndex(c),c=this.selectOptionsElement.querySelectorAll("div")[l],this.updateSpotlightPosition(c,{spotlightTop:o,spotlightLeft:i,spotlightHeight:n,spotlightWidth:s}),this.positionTooltip(c.getBoundingClientRect(),{tooltipTop:t,tooltipLeft:e}))))}async showStep(t){if(!this.inProgress){this.inProgress=!0,this.currentStep=t;var i=this.currentStep===this.lastStep,s=(this.tooltipElement.style="",this.steps[this.lastStep].click_listener&&!i&&(this.spotlight.classList.remove("tour-spotlight-cursor"),this.spotlight.removeEventListener("click",()=>{this.next()})),this.steps[this.lastStep].handle_select_click&&(this.selectOptionsElement.remove(),this.selectOptionsElement=null),(this.steps[this.currentStep].handle_select_click&&this.steps[this.currentStep].activateButton||this.steps[this.currentStep].activate_button_option&&this.steps[this.currentStep].activateButton)&&(n=document.querySelector(this.steps[this.currentStep].activateButton),s=Array.from(n.options).findIndex(t=>t.value===this.steps[this.currentStep].activate_button_option),n.selectedIndex=s,n.dispatchEvent(new Event("change",{bubbles:!0}))),this.lastActiveButton=this.steps[this.lastStep].activateButton,this.steps[this.currentStep].activateButton),n=this.lastActiveButton===s,l=(this.lastActiveSelect=this.steps[this.lastStep].handle_select_click,this.steps[this.currentStep].handle_select_click),n=(this.lastActiveButton&&s&&!n?(this.lastActiveSelect||this.activateButton(this.steps[this.lastStep]),l||await this.activateButton(this.steps[this.currentStep])):!this.lastActiveButton&&s||i&&s?l||await this.activateButton(this.steps[this.currentStep]):!this.lastActiveButton||s||this.lastActiveSelect||this.activateButton(this.steps[this.lastStep]),l?(this.createSelectOptions(this.steps[this.currentStep].element),this.lastActiveSelect=s):this.lastActiveButton=s,this.steps[this.currentStep]);let o;var{adjust_tooltip:{top:i=0,left:l=0}={},adjust_spotlight:{top:s=0,left:c=0,width:a=0,height:r=0}={}}=n;if(this.createTooltipContent(t),this.steps[this.currentStep].tooltip_style&&Object.assign(this.tooltipElement.style,this.steps[this.currentStep].tooltip_style),n.element){if(!(o=document.querySelector(n.element)))return console.error("Element not found: "+n.element),this.inProgress=!1,void this.next();this.selectOptionsElement&&(t=this.getOptionIndex(n),o=this.selectOptionsElement.querySelectorAll("div")[t]);let e;if(!(100<=(e=o.getBoundingClientRect()).top&&e.bottom<=window.innerHeight&&0<=e.left&&e.right<=window.innerWidth)){this.shrinkSpotlight();let t;await(t=this.steps[this.currentStep].fixed_element?(this.steps[this.currentStep].fixed_element,this.scrollToElementInFixedContainer(o)):this.scrollToElement(o)),e=o.getBoundingClientRect()}this.updateSpotlightPosition(o,{spotlightTop:s,spotlightLeft:c,spotlightHeight:r,spotlightWidth:a}),this.positionTooltip(e,{tooltipTop:i,tooltipLeft:l})}else window.scrollY?(this.hideSpotlight(),this.scrollToTop().then(()=>{this.positionTooltipToTop()})):(this.hideSpotlight(),this.positionTooltipToTop());if(this.steps[this.currentStep].click_listener&&(this.spotlight.classList.add("tour-spotlight-cursor"),this.spotlight.addEventListener("click",()=>{this.next()})),this.steps[this.currentStep].await_class_removal&&this.steps[this.currentStep].await_element){n=document.querySelectorAll(".tour-buttons button");let o=Array.from(n).map(t=>t.disabled);n.forEach(t=>t.disabled=!0),await this.waitForClassRemoval(this.steps[this.currentStep].await_element,this.steps[this.currentStep].await_class_removal),n.forEach((t,e)=>{t.disabled=o[e]})}this.lastStep=this.currentStep,this.inProgress=!1}}scrollToTop(){return new Promise(t=>{document.body.style.overflow="auto",window.scrollTo({top:0,behavior:"smooth"}),this.scrollLockTimeout&&clearTimeout(this.scrollLockTimeout),this.scrollLockTimeout=setTimeout(()=>{document.body.style.overflow="hidden",t()},800)})}hideSpotlight(){Object.assign(this.spotlight.style,{top:"0px",left:"0px",width:"0px",height:"0px"})}shrinkSpotlight(){var t=parseInt(this.spotlight.style.top),e=parseInt(this.spotlight.style.left),o=parseInt(this.spotlight.style.height),i=parseInt(this.spotlight.style.width);Object.assign(this.spotlight.style,{top:t+o/2+"px",left:e+i/2+"px",width:"0px",height:"0px"})}positionTooltipToTop(){Object.assign(this.tooltipElement.style,{top:"200px",left:"50%",transform:"TranslateX(-50%)"})}scrollToElement(o){return new Promise(t=>{document.body.style.overflow="auto";var e=o.getBoundingClientRect().top+window.pageYOffset;window.scrollTo({top:e-window.innerHeight/3-100,behavior:"smooth"}),this.scrollLockTimeout&&clearTimeout(this.scrollLockTimeout),this.scrollLockTimeout=setTimeout(()=>{document.body.style.overflow="hidden",t()},500)})}scrollToElementInFixedContainer(e){return new Promise(t=>{e.scrollIntoView({behavior:"smooth",block:"center"}),this.scrollLockTimeout&&clearTimeout(this.scrollLockTimeout),this.scrollLockTimeout=setTimeout(()=>{t()},500)})}createTooltipContent(e){var t=this.steps[e],o=e===this.steps.length-1;let i=0===e,s="";for(let t=this.stepToStart;t<this.steps.length;t++)s+=`<span class="tour-dot ${t===e?"tour-dot-active":"tour-dot-inactive"}" data-step="${t}"></span>`;this.tooltipElement.innerHTML="",this.tooltipElement.innerHTML=`
      <div class="tour-close" aria-label="Close tour">&times;</div>
      <div class="tour-title">${t.title||`Step ${e+1} of `+this.steps.length}</div>
      <div class="tour-description">${t.description||""}</div>
      <div class="tour-dots">${s}</div>
      <div class="tour-buttons">
        <button class="tour-btn tour-btn-prev" ${i?"disabled":""}>Previous</button>
        <button class="tour-btn tour-btn-next">${o?"Finish":"Next"}</button>
      </div>
    `,setTimeout(()=>{var t=this.tooltipElement.querySelector(".tour-close"),t=(t&&t.addEventListener("click",this.end),this.tooltipElement.querySelector(".tour-btn-prev")),t=(t&&t.addEventListener("click",()=>{i||this.prev()}),this.tooltipElement.querySelector(".tour-btn-next"));t&&t.addEventListener("click",()=>{this.next()}),this.tooltipElement.querySelectorAll(".tour-dot").forEach(t=>{t.addEventListener("click",t=>{t=parseInt(t.target.getAttribute("data-step"));this.showStep(t)})})},0)}updateSpotlightPosition(t,{spotlightTop:e=0,spotlightLeft:o=0,spotlightWidth:i=0,spotlightHeight:s=0}={}){t=t.getBoundingClientRect();Object.assign(this.spotlight.style,{top:t.top+e-s/2+"px",left:t.left+o-i/2+"px",width:t.width+i+"px",height:t.height+s+"px"})}positionTooltip(t,{tooltipTop:e=0,tooltipLeft:o=0}={}){var i=this.tooltipElement.getBoundingClientRect(),s=i.width,i=i.height;let n=t.bottom+10,l=t.left+t.width/2-s/2;(n=n+i>window.innerHeight?t.top-i-10:n)+i<0&&(n=20),(l=l+s>window.innerWidth?window.innerWidth-s-10:l)<0&&(l=10),Object.assign(this.tooltipElement.style,{top:n+e+"px",left:l+o+"px",transform:"translateX(0%)"})}next=()=>{this.currentStep<this.steps.length-1?this.showStep(this.currentStep+1):this.end(this.localStorageName)};prev=()=>{0<this.currentStep&&this.currentStep>this.stepToStart&&this.showStep(this.currentStep-1)};end=(t="")=>{this.isActive&&(this.lastActiveButton&&this.activateButton(this.steps[this.lastStep]),this.overlay&&this.overlay.parentNode&&this.overlay.remove(),this.spotlight&&this.spotlight.parentNode&&this.spotlight.remove(),this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.remove(),this.scrollToTop(),document.body.style.overflow=this.originalOverflowStyle,this.enableScroll(),document.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("resize",this.handleResize),this.tooltipElement.removeEventListener("click",t=>{"show-lightbox-show"===t.target.id&&this.end(this.localStorageName)}),this.scrollLockTimeout&&clearTimeout(this.scrollLockTimeout),document.querySelector("style.tour-style").remove(),t&&window.localStorage.setItem(t,"false"),this.selectOptionsElement&&this.selectOptionsElement.remove(),this.isActive=!1)};activateButton(o){return new Promise(t=>{var e;o.activateButton&&(e=document.querySelector(o.activateButton))&&e.click(),setTimeout(t,500)})}positionSelectOption(){var t=this.steps[this.currentStep].element.split(" option")[0],t=document.querySelector(t).getBoundingClientRect();this.selectOptionsElement.style.left=t.left+window.scrollX+"px",this.selectOptionsElement.style.top=t.top+t.height+window.scrollY+2+"px",this.selectOptionsElement.style.width=t.width+"px"}createSelectOptions(t){t=t.split(" option")[0],t=document.querySelector(t);let o=window.getComputedStyle(t),i=document.createElement("div");i.style.position="absolute",i.style.minWidth="150px",i.style.background="#eee",i.style.borderRadius="5px",i.style.color=o.color,i.style.font=o.font,i.style.padding=o.padding,i.style.boxShadow="rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;",i.style.border="1px solid #ccc",Array.from(t.options).forEach(t=>{var e=document.createElement("div");e.textContent=t.text,e.style.padding="6px 8px",e.style.color=o.color,e.style.font=o.font,e.style.background="#eee",e.style.borderBottom="1px solid #ddd",i.appendChild(e)}),this.selectOptionsElement=i,this.positionSelectOption(),document.body.appendChild(i)}disableScroll(){window.addEventListener("wheel",this.preventScroll,{passive:!1}),window.addEventListener("keydown",this.preventKeyScroll,{passive:!1})}enableScroll(){window.removeEventListener("wheel",this.preventScroll),window.removeEventListener("keydown",this.preventKeyScroll)}preventScroll(t){t.preventDefault()}preventKeyScroll(t){[32,33,34,35,36,37,38,39,40].includes(t.keyCode)&&t.preventDefault()}waitForClassRemoval(i,s){return new Promise(t=>{let e=document.querySelector(i);if(!e)return t(e);if(e&&!e.classList.contains(s))return t(e);let o=new MutationObserver(()=>{e.classList.contains(s)||(o.disconnect(),t(e))});o.observe(e,{attributes:!0,attributeFilter:["class"]})})}getOptionIndex(e){var t=e.element.split(" option")[0],t=document.querySelector(t);return Array.from(t.options).findIndex(t=>t.value===e.select_option)}}function e(){var t;document.querySelector(".tour-style")||((t=document.createElement("style")).classList.add("tour-style"),t.textContent=`
    .tour-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*background-color: rgba(0, 0, 0, 0.7);*/
      z-index: 9998;
      transition: opacity 0.3s ease;
    }
    
    .tour-spotlight {
      position: fixed;
      box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
      border-radius: 4px;
      z-index: 9999;
      transition: all 0.3s ease;
    }
    
    .tour-spotlight-cursor{
      cursor: pointer;
    }

    .tour-tooltip {
      position: fixed;
      background-color: white;
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      z-index: 10000;
      max-width: 300px;
      transition: opacity 0.3s ease;
    }
    
    .tour-close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      font-size: 20px;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
      color: #666;
    }
    
    .tour-close:hover {
      color: #000;
    }
    
    .tour-btn {
      padding: 8px 12px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    
    .tour-btn-prev {
      background: #f1f1f1;
      color: #333;
    }
    
    .tour-btn-next {
      background: #4285f4;
      color: white;
    }
    
    .tour-btn[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
    }
    
    .tour-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin: 0 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    
    .tour-dot-active {
      background-color: #4285f4;
    }
    
    .tour-dot-inactive {
      background-color: #ccc;
    }
    
    .tour-title {
      margin-bottom: 10px;
      font-weight: bold;
      padding-right: 15px;
    }
    
    .tour-description {
      margin-bottom: 15px;
    }
    
    .tour-dots {
      margin-bottom: 10px;
      text-align: center;
    }
    
    .tour-buttons {
      display: flex;
      justify-content: space-between;
    }
    .bg-highlighted {
      background-color: rgb(251, 241, 210);
      font-weight: 500;
      font-size: 0.9rem;
      margin-top: 10px;
      display: block;
      padding: 3px 7px;
    }
    .myaccount-grid-title:has(.tour-start-div){
      display: flex;
      gap: 10px;
      align-items: center;
}
    .myaccount-grid-title .tour-start-div{
      font-size: 1rem
}
  `,document.head.appendChild(t))}function i(){e();var t=localStorage.getItem("stepToStartTour")||1;new o([{title:"Welcome to Our Webstore",description:"This short tour will guide you through the basics of your Account Dashboard to help you get started.",tooltip_style:{maxWidth:"400px"}},{element:".account-btn",title:"Flyout Menu Access",description:"Click this button to open the flyout menu, where you will be able to access features such as your Profile, Quick Lists and your Account Overview. ",click_listener:!0,adjust_spotlight:{width:10,height:10}},{element:".customertools",title:"Flyout Menu",description:"This menu gives you quick access to your procurement features. It’s your central hub for staying in control of your purchasing process. ",activateButton:".account-btn",adjust_tooltip:{left:-280}},{element:".sidebar-myorders",title:"Orders section",description:"By clicking on this link you'll have access to all your order's details",activateButton:".account-btn",fixed_element:".customertools",adjust_tooltip:{left:-280,top:-50}},{element:".sidebar-myaccountoverview",title:"Account Overview",description:"Clicking this link opens a consolidated view of your account, including invoices, statements, and payment options.",activateButton:".account-btn",fixed_element:".customertools",adjust_tooltip:{left:-280}},{element:".sidebar-myinvoice",title:"Invoice History",description:"Use this option to go straight to your invoice records to view, download, or track the status of past and current invoices.",activateButton:".account-btn",fixed_element:".customertools",adjust_tooltip:{left:-280}},{element:"button.btn-outlined:nth-child(2)",title:"Switch Account",description:"If you ever need to switch accounts or Jobs you can do so here...",activateButton:".account-btn",fixed_element:".customertools",adjust_tooltip:{left:-280}},{element:".switch-account-header",title:"Switch Account",description:"...or you can also switch your account here.",adjust_spotlight:{height:10}},{title:"Thank you",description:"<p>Want to Learn More?</p><p>For a deeper dive into everything we’ve covered, including how to manage your account, pay invoices etc, simply <a id='show-lightbox-show'>click here</a> to view our full platform guide.</p>",tooltip_style:{maxWidth:"500px"}}],t,"isDashboardTourDone").start()}function s(){e();var t=localStorage.getItem("stepToStartTour")||1;new o([{title:"Welcome to your Account Overview page",description:"Need to make some text for this section."},{element:".account-summary-select",title:"This will reveal a consolidated view of your account",description:"By clicking on this button you wil reveal a selector.",click_listener:!0},{element:'.account-summary-select option[value="account_0"]',title:"Job selector",description:"After you click on 'Job 0' the dropdown selector will be revealed. Click on it",handle_select_click:!0,select_option:"account_0",click_listener:!0},{element:"#account_0 .account-balance-select",title:"Reveal all accounts",description:"Clicking on the 'Account Consolidated' dropdown will reveal details of your individual jobs while the consolidated views is a total of all jobs together. Click on the first item after 'Account consolidated'.",click_listener:!0,activateButton:".account-summary-select",activate_button_option:"account_0",tooltip_style:{maxWidth:"500px"}},{element:'#account_0 .account-balance-select option[value="outstanding_amount"]',title:"Outstanding amount",description:"This selector will show you Outstanding amount.",activateButton:".account-summary-select",activate_button_option:"account_0",handle_select_click:!0,select_option:"outstanding_amount",click_listener:!0},{element:'#account_0 .account-balance-select option[value="last_statement"]',title:"Last statement balance",description:"This selector will show you Last statement balance.",activateButton:".account-summary-select",activate_button_option:"account_0",handle_select_click:!0,select_option:"last_statement",click_listener:!0},{title:"Account Balance",description:"The 'Make A Payment' button will take you to the payment screen based on which oprion is selected. Either 'Outstanding Amount (this includes, open incoices from last statement and current new changes) or 'Last Statement'",element:"#make-payment-0 > a",click_listener:!0,activateButton:"#account_0 .account-balance-select",activate_button_option:"last_statement",tooltip_style:{maxWidth:"500px"}},{element:"#account_0 .account-balance-select",title:"Reveal all accounts",description:"Click here agian and choose Select Invoices.",click_listener:!0,activateButton:".account-summary-select",activate_button_option:"account_0"},{element:"#account_0 .select-invoices > a",title:"Select Invoices",description:"This selector will reveal button which will take you to the invoices page.",activateButton:"#account_0 .account-balance-select",activate_button_option:"select_invoices",click_listener:!0},{element:".accountOverviewInvoices",title:"Invoices",description:"You can also get to Invoices by clicking here.",click_listener:!0},{element:".sidebar-myinvoice",title:"Invoice History",description:"Or on your flyout menu.",click_listener:!0,activateButton:".account-btn",adjust_tooltip:{left:-280}},{title:"Thank you",description:"If you want some more information about the platform please <a id='show-lightbox-show'>click here<a/>"}],t,"isAccountOverviewTourDone").start()}function n(){e();var t=localStorage.getItem("stepToStartTour")||1;new o([{title:"Welcome to your Invoices page",description:"The section allows you to view all invoices associated with your accoount"},{element:".job select",title:"All Accounts",description:"Selecting the 'All Accounts' will reveal a consolidated view of all invoices across all jobs.",click_listener:!0},{element:'.job select option[value="0"]',title:"Use Job 0 for the example.",description:'After you click on "Job 0" you can see all invoices for this account. <span class="bg-highlighted"><b>Notice</b> that navigation buttons will be enabled after data loads.</span>',activateButton:".job select",activate_button_option:"0",handle_select_click:!0,select_option:"0",click_listener:!0,await_element:".myaccount.container.invoices",await_class_removal:"loading",adjust_tooltip:{top:-50,left:-250},fixed_element:".tab-content .table-wrapper"},{element:".invoice-checkbox-all",title:"Pay invoices",description:"In this column you can choose which option you wish to pay or check the box to select all.",click_listener:!0,fixed_element:".tab-content .table-wrapper"},{element:"td:has(.invoice-checkbox)",title:"Individal checkbox payment",description:"You can click on this check box to activate the payment button.",click_listener:!0},{element:".invoices-pay-now > a",title:"Pay Now Button",description:'This button will be activated if you chose any option. <span class="bg-highlighted"><b>Notice</b> that by selecting all unpaid invoices the system will total them together.</span>',click_listener:!0,activateButton:".invoice-checkbox"},{element:".paymentStatus",title:"Payment Status",description:'In this column you will see your invoices status. <span class="bg-highlighted"><b>Notice</b> that filtering by "Status" is currently unavailable.</span>',fixed_element:".tab-content .table-wrapper"},{element:"tr:has(.invoice-checkbox) td:not([class]):has(span)",title:"Payment Status",description:'<span class="bg-highlighted"><b>Notice</b> that all unpaid invoices are also revealed.</span>'},{title:"Thank you",description:"If you want some more information about the platform please <a id='show-lightbox-show'>click here<a/>"}],t,"isInvoicesTourDone").start()}document.addEventListener("DOMContentLoaded",()=>{var t,e,o;"/myaccount"===window.location.pathname&&(document.querySelector(".tour-start-div")||(o=document.querySelector(".myaccount-grid-title"),(t=document.createElement("div")).classList.add("tour-start-div"),(e=document.createElement("a")).classList.add("tour-start-btn"),e.href="javascript:;",e.textContent="Start Webtour",e.addEventListener("click",()=>{i()}),t.append(e),o.append(t)),"true"!==window.localStorage.getItem("isDashboardTourDone"))&&i(),window.location.pathname.startsWith("/customer/account-overview")&&(document.querySelector(".tour-start-li")||(e=document.querySelector(".nav-pills"),(o=document.createElement("li")).classList.add("tour-start-li"),(t=document.createElement("a")).classList.add("tour-start-btn"),t.href="javascript:;",t.textContent="Start Webtour",t.addEventListener("click",()=>{s()}),o.append(t),e.append(o)),"true"!==window.localStorage.getItem("isAccountOverviewTourDone"))&&s(),window.location.pathname.startsWith("/customer/invoices")&&!window.location.pathname.startsWith("/customer/invoices/")&&(document.querySelector(".tour-start-li")||(t=document.querySelector(".nav-pills"),(e=document.createElement("li")).classList.add("tour-start-li"),(o=document.createElement("a")).classList.add("tour-start-btn"),o.href="javascript:;",o.textContent="Start Webtour",o.addEventListener("click",()=>{n()}),e.append(o),t.append(e)),"true"!==window.localStorage.getItem("isInvoicesTourDone"))&&n()})}})();