@zeesoft/i18n-verify 3.2.1 → 3.2.3

package/dist/executor.cjs

@@ -1,3612 +0,0 @@
-"use strict";const v=require("fs"),Z=require("path"),ye=require("console-table-printer"),he=require("chrome-remote-interface"),Q=require("globalize"),X=require("cldr-data"),b=require("chrono-node"),E=require("luxon"),Ie=require("@isdk/detect-text-language"),J=require("jimp"),z={NIGHT_WATCH:"nightwatch",WEB_DRIVER_IO:"webio",CYPRESS:"cypress",SELENIUMJS:"seleniumJS"},d={GRB_GREEN:"rgb(0, 154, 61)",GRB_RED:"rgb(255, 0, 0)",GRB_YELLOW:"rgb(255, 255, 0)",GRB_BLUE:"rgb(0, 0, 255)",ANSI_GREEN:"\x1B[32m",ANSI_RED:"\x1B[31m",ANSI_YELLOW:"\x1B[33m"},r={STRING_LOCALIZED:"STRING_LOCALIZED",STRING_PARTIALLY_LOCALIZED:"STRING_PARTIALLY_LOCALIZED",NUMBER_LOCALIZED:"NUMBER_LOCALIZED",CURRENCY_LOCALIZED:"CURRENCY_LOCALIZED",PERCENTAGE_LOCALIZED:"PERCENTAGE_LOCALIZED",DATE_LOCALIZED:"DATE_LOCALIZED",TIME_LOCALIZED:"TIME_LOCALIZED",DATE_TIME_LOCALIZED:"DATE_TIME_LOCALIZED",STRING_NOT_LOCALIZED:"STRING_NOT_LOCALIZED",NUMBER_NOT_LOCALIZED:"NUMBER_NOT_LOCALIZED",CURRENCY_NOT_LOCALIZED:"CURRENCY_NOT_LOCALIZED",PERCENTAGE_NOT_LOCALIZED:"PERCENTAGE_NOT_LOCALIZED",DATE_NOT_LOCALIZED:"DATE_NOT_LOCALIZED",TIME_NOT_LOCALIZED:"TIME_NOT_LOCALIZED",DATE_TIME_NOT_LOCALIZED:"DATE_TIME_NOT_LOCALIZED",TRUNCATION_ISSUE:"TRUNCATION_ISSUE",OVERLAPPING_ISSUE:"OVERLAPPING_ISSUE",ENCODING_ISSUE:"ENCODING_ISSUE",DNT:"DNT",IGNORE:"IGNORE",UNTRANSLATED:"UNTRANSLATED",AUTO_IGNORE:"AUTO_IGNORE",USER_INPUT:"USER_INPUT",REVIEWED:"REVIEWED"},R={[r.STRING_LOCALIZED]:0,[r.STRING_NOT_LOCALIZED]:0,[r.STRING_PARTIALLY_LOCALIZED]:0,[r.NUMBER_LOCALIZED]:0,[r.NUMBER_NOT_LOCALIZED]:0,[r.DATE_LOCALIZED]:0,[r.DATE_NOT_LOCALIZED]:0,[r.DATE_TIME_LOCALIZED]:0,[r.DATE_TIME_NOT_LOCALIZED]:0,[r.TIME_LOCALIZED]:0,[r.TIME_NOT_LOCALIZED]:0,[r.CURRENCY_LOCALIZED]:0,[r.CURRENCY_NOT_LOCALIZED]:0,[r.PERCENTAGE_LOCALIZED]:0,[r.PERCENTAGE_NOT_LOCALIZED]:0,[r.TRUNCATION_ISSUE]:0,[r.OVERLAPPING_ISSUE]:0,[r.ENCODING_ISSUE]:0,[r.DNT]:0,[r.IGNORE]:0,[r.UNTRANSLATED]:0,[r.AUTO_IGNORE]:0,[r.USER_INPUT]:0,[r.REVIEWED]:0},de={[r.STRING_LOCALIZED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.STRING_PARTIALLY_LOCALIZED]:[d.GRB_YELLOW,d.ANSI_YELLOW],[r.NUMBER_LOCALIZED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.DATE_LOCALIZED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.TIME_LOCALIZED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.DATE_TIME_LOCALIZED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.CURRENCY_LOCALIZED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.PERCENTAGE_LOCALIZED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.STRING_NOT_LOCALIZED]:[d.GRB_RED,d.ANSI_RED],[r.DATE_NOT_LOCALIZED]:[d.GRB_RED,d.ANSI_RED],[r.DATE_TIME_NOT_LOCALIZED]:[d.GRB_RED,d.ANSI_RED],[r.TIME_NOT_LOCALIZED]:[d.GRB_RED,d.ANSI_RED],[r.NUMBER_NOT_LOCALIZED]:[d.GRB_RED,d.ANSI_RED],[r.CURRENCY_NOT_LOCALIZED]:[d.GRB_RED,d.ANSI_RED],[r.PERCENTAGE_NOT_LOCALIZED]:[d.GRB_RED,d.ANSI_RED],[r.TRUNCATION_ISSUE]:[d.GRB_RED,d.ANSI_RED],[r.OVERLAPPING_ISSUE]:[d.GRB_RED,d.ANSI_RED],[r.ENCODING_ISSUE]:[d.GRB_RED,d.ANSI_RED],[r.DNT]:[d.GRB_GREEN,d.ANSI_GREEN],[r.IGNORE]:[d.GRB_GREEN,d.ANSI_GREEN],[r.UNTRANSLATED]:[d.GRB_GREEN,d.ANSI_GREEN],[r.AUTO_IGNORE]:[d.GRB_GREEN,d.ANSI_GREEN],[r.USER_INPUT]:[d.GRB_GREEN,d.ANSI_GREEN],[r.REVIEWED]:[d.GRB_GREEN,d.ANSI_GREEN]},be={[r.STRING_LOCALIZED]:"string is localized",[r.STRING_PARTIALLY_LOCALIZED]:"string is partially localized",[r.NUMBER_LOCALIZED]:"number is localized",[r.DATE_LOCALIZED]:"date is localized",[r.DATE_TIME_LOCALIZED]:"dateTime is localized",[r.TIME_LOCALIZED]:"time is localized",[r.CURRENCY_LOCALIZED]:"currency is localized",[r.PERCENTAGE_LOCALIZED]:"percentage is localized",[r.STRING_NOT_LOCALIZED]:"string is not localized",[r.DATE_NOT_LOCALIZED]:"date is not localized",[r.DATE_TIME_NOT_LOCALIZED]:"dateTime is not localized",[r.TIME_NOT_LOCALIZED]:"time is not localized",[r.NUMBER_NOT_LOCALIZED]:"number is not localized",[r.CURRENCY_NOT_LOCALIZED]:"currency is not localized",[r.PERCENTAGE_NOT_LOCALIZED]:"percentage is not localized",[r.TRUNCATION_ISSUE]:"truncation issue detected",[r.OVERLAPPING_ISSUE]:"overlapping issue detected",[r.ENCODING_ISSUE]:"encoding issue detected",[r.DNT]:"do not translate",[r.IGNORE]:"ignored this issue",[r.UNTRANSLATED]:"string is untranslated",[r.AUTO_IGNORE]:"automatically ignored issue",[r.USER_INPUT]:"user input field",[r.REVIEWED]:"string has been reviewed"},ue={EMAIL:/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,4}\b/gi,URL:/^(https?:\/\/)?(www\.)?[a-zA-Z0-9-]+\.[a-zA-Z]{2,}(\.[a-zA-Z]{2,})?$/},Se="zqa_",De=[".txt",".json"],K=`//*[not(self::script or self::style or self::noscript)]
-  [string-length(normalize-space(.)) > 0]
-  [not(*)]
-  [not(ancestor::*[
-      translate(@style, ' ', '') = 'display:none;' 
-      or contains(@style, 'display:none') 
-      or contains(@style, 'visibility:hidden') 
-      or contains(@aria-hidden, 'true') 
-      or @hidden
-  ])]
-|
-//*[@placeholder or @title or @alt]
-  [not(ancestor::*[
-      translate(@style, ' ', '') = 'display:none;' 
-      or contains(@style, 'display:none') 
-      or contains(@style, 'visibility:hidden') 
-      or contains(@aria-hidden, 'true') 
-      or @hidden
-  ])]
-|
-//input[@type='checkbox' or @type='radio']
-  /following-sibling::*[string-length(normalize-space(.)) > 0]
-  [not(ancestor::*[
-      translate(@style, ' ', '') = 'display:none;' 
-      or contains(@style, 'display:none') 
-      or contains(@style, 'visibility:hidden') 
-      or contains(@aria-hidden, 'true') 
-      or @hidden
-  ])]
-|
-//input[@type='text'][@value][string-length(normalize-space(@value)) > 0]
-  [not(ancestor::*[
-      translate(@style, ' ', '') = 'display:none;' 
-      or contains(@style, 'display:none') 
-      or contains(@style, 'visibility:hidden') 
-      or contains(@aria-hidden, 'true') 
-      or @hidden
-  ])]
-`,V=!0,Te=["☐","�","퟿","â€","î","ÃÂ","í","ü","é","é","æ•°","据","ラã"],C=".i18n-verify.rc",k={HTML:"html",ASCII_TABLE:"ascii_table"},ee="metrics.cache",Ce="report",N={SANITY:"sanity",I18N:"i18n",CONTEXT:"context"},G={BOOKMARK:"bookmark",CATEGORY:"category",FILE_NAME:"fileName",SCREENSHOT:"screenshot",STRINGS:"strings"};class H{constructor(e){this.$driver=e}checkIfNullOrEmpty(e){return![null,"",void 0].includes(e)}getElement(){throw new Error("implementation is missing")}getElements(){throw new Error("implementation is missing")}getText(){throw new Error("implementation is missing")}getTitle(){throw new Error("implementation is missing")}getPlaceholderText(){throw new Error("implementation is missing")}getAltText(){throw new Error("implementation is missing")}getWidth(){throw new Error("implementation is missing")}getHeight(){throw new Error("implementation is missing")}getTagName(){throw new Error("implementation is missing")}getValue(){throw new Error("implementation is missing")}getLocation(){throw new Error("implementation is missing")}getElementDimension(){throw new Error("implementation is missing")}getElementID(){throw new Error("implementation is missing")}isElementDisplayed(){throw new Error("implementation is missing")}isElementPresent(){throw new Error("implementation is missing")}getElementString(){throw new Error("implementation is missing")}getElementStrings(){throw new Error("implementation is missing")}captureScreenshot(){throw new Error("implementation is missing")}getElementsCount(){throw new Error("implementation is missing")}switchToIFrame(){throw new Error("implementation is missing")}switchToParentFrame(){throw new Error("implementation is missing")}pause(){throw new Error("implementation is missing")}onScreenStringHighlight(){throw new Error("implementation is missing")}checkIfIframeIsPresent(){throw new Error("implementation is missing")}checkIfIframeBodyIsEmpty(){throw new Error("implementation is missing")}printOnConsole(e){console.log(e)}}const te=i=>F(i)&&v.statSync(i).isDirectory(),x=i=>F(i)&&v.statSync(i).isFile(),F=i=>v.existsSync(i),Ne=i=>!F(i)&&v.mkdirSync(i,{recursive:!0}),j=(i,e=!0)=>{(!F(i)||!te(i))&&(e&&f.debug(`Folder doesn't exists, creating \x1B[34m${i}\x1B[0m`),Ne(i))},M=i=>x(i)?v.readFileSync(i,{encoding:"utf-8"}):"",ae=i=>te(i)?v.readdirSync(i):[],xe=i=>x(i)?Z.extname(i):"",g=(...i)=>i?.every(e=>typeof e=="string")?Z.join(...i):"",q=(i,e,t="utf-8")=>v.writeFileSync(i,e,{encoding:t}),Ae=(i,e,t="utf-8")=>{if(!(!i||!e))try{v.appendFileSync(i,e+`
-`,{encoding:t,flag:"a"})}catch(a){f.error(a)}},Oe=i=>Z.dirname(i),O=i=>i.replace(/[^a-zA-Z0-9]+/g,"_"),_e=i=>v.readFileSync(i).toString("base64");class Re{#e;#t;#r;#a;#i;#n;constructor({appName:e,reportTime:t,isContext:a,isSanity:n,defaultLocale:s,reportFolderTimestamp:o}){this.#e=e,this.#r=t,this.#a=a,this.#i=n,this.#t=s,this.#n=o}getAppName(){return this.#e}getReportTime(){return this.#r}isSanityRun(){return this.#i}isContextRun(){return this.#a}getDefaultLocale(){return this.#t}getDefaultLocale(){return this.#t}getReportFolderTimestamp(){return this.#n}}class Ee{#e;$generatedContent;$type;constructor(e){this.$type=e}generate(e){this.#e=e,this.$generatedContent=this.buildContent()}export(e,t=Ce){this.write(e,t,this.$generatedContent),f.info(`Exported consolidated I18n Verification ${this.$type} report in ${e}`)}write(e,t,a){throw new Error("should be implemented by child report classes")}buildContent(){throw new Error("should be implemented by child report classes")}getMetaInfo(){return{defaultLocale:this.#e.getDefaultLocale(),appName:this.#e.getAppName(),reportTime:this.#e.getReportTime(),isSanity:this.#e.isSanityRun(),isContext:this.#e.isContextRun(),reportFolderTimestamp:this.#e.getReportFolderTimestamp()}}}function ze(){return`<header><div class="logo">zAutomate.AI</div><div class="report-timestamp"><span class="info"></span></div></header>
-    <main>
-      <div class="sidebar">
-        <ul class="menu" id="menu">
-          <li class="menu-item" data-page="overview">
-            <a href="#">Overview</a>
-          </li>
-          <li class="menu-item" data-page="log">
-            <a href="#">View Log</a>
-          </li>
-          <li class="menu-item has-submenu" data-page="insights">
-            <a href="#" data-page="insights">Insights</a>
-            <ul class="submenu"></ul>
-          </li>
-        </ul>
-        <div class="footer"></div>
-      </div>
-      <div class="content-wrapper">
-        <div class="container">
-          <div id="overview" class="content">
-            <div class="common-info card">
-              <span class="title"></span>
-              <p class="info"></p>
-              <div class="section"></div>
-            </div>
-            <div class="overall-quality card">
-              <span class="title">Overall I18n Coverage</span>
-              <div class="section">
-                <div class="block">
-                  <article>
-                    <p class="desc">
-                      zI18n-Verify report provides a comprehensive information
-                      about the I18n and L10n quailty of your application.
-                    </p>
-                    <ul class="items">
-                      <li>
-                        <h4>Reviewed:</h4>
-                        <p class="detail">
-                          Total strings which are captured and processed by
-                          zI18n-Verify.
-                        </p>
-                      </li>
-                      <li>
-                        <h4>Internationlized:</h4>
-                        <p class="detail">
-                          Different types of value like string, number, date-time
-                          which are properly Internationalized.
-                        </p>
-                      </li>
-                      <li>
-                        <h4>Not Internationalized:</h4>
-                        <p class="detail">
-                          Values which are not Internationalized. Also includes
-                          Partially Localized strings and Encoding Issues.
-                        </p>
-                      </li>
-                      <li>
-                        <h4>Skipped:</h4>
-                        <p class="detail">
-                          Values which are skipped from processing because they
-                          are listed in DNT / Ignored lists or contains Auto
-                          Ignored pattern / User input pattern.
-                        </p>
-                      </li>
-                    </ul>
-                  </article>
-                </div>
-                <div class="block">
-                  <div class="graph"></div>
-                </div>
-              </div>
-            </div>
-            <div class="string-quality card">
-              <span class="title">String Coverage</span>
-              <div class="graph"></div>
-            </div>
-            <div class="skipped-items card">
-              <span class="title">Skipped Items</span>
-              <div class="graph"></div>
-            </div>
-            <div class="number-quality card">
-              <span class="title">Number Coverage</span>
-              <div class="graph"></div>
-            </div>
-            <div class="datetime-quality card">
-              <span class="title">DateTime Coverage</span>
-              <div class="graph"></div>
-            </div>
-          </div>
-          <div id="page" class="content">
-            <span class="title">Pages</span>
-            <div class="section">
-              <div class="desc"></div>
-            </div>
-          </div>
-          <div id="log" class="content">
-            <span class="title">Runtime log</span>
-            <div class="log-content"><pre></pre></div>
-          </div>
-          <div id="insights" class="content">
-            <div class="cards">
-              <span class="title">Locale Quality</span>
-              <div class="holder"></div>
-            </div>
-          </div>
-          <div id="locale" class="content">
-            <span class="title">Locale Quality</span>
-            <div class="coverage-info">
-              <table class="row-border hover order-column stripe"></table>
-            </div>
-            <div id="imageViewer" class="image-viewer">
-              <span class="close-button" onclick="closeImageViewer()" title="close"
-                >&times;</span
-              >
-              <div class="image-container">
-                <img id="imageView" src="" alt="Image" />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </main>`}function Me(){return`html {
-        width: 100vw;
-        height: 100vh;
-      }
-
-      * {
-        user-select: none;
-        box-sizing: border-box;
-        scrollbar-width: thin;
-        scroll-behavior: smooth;
-      }
-
-      body {
-        width: 100%;
-        height: 100%;
-        margin: 0;
-        display: flex;
-        flex-direction: column;
-        font-family: Arial, sans-serif;
-        font-family: 'Helvetica Neue', Arial, sans-serif;
-        -webkit-font-smoothing: antialiased; /* Webkit-based browsers */
-        -moz-osx-font-smoothing: grayscale; /* Firefox on OS X */
-        font-smooth: always; /* Non-standard, some browsers */
-      }
-
-      header {
-        background-color: #333;
-        height: 8%;
-        display: flex;
-      }
-
-      main {
-        display: flex;
-        flex-direction: row;
-        width: 100%;
-        height: 92%
-      }
-
-      .sidebar {
-        width: 16%;
-        height: 100%;
-        background-color: #333;
-        color: #fff;
-        padding: 20px;
-        box-sizing: border-box;
-        float: left;
-      }
-
-      .logo {
-        flex-grow: 1;
-        align-content: center;
-        margin-left: 2%;
-        color: #14cf96;
-        font-weight: bold;
-        font-size: 1.4em;
-      }
-
-      .report-timestamp {
-        flex-grow: 1;
-        height: 100%;
-        align-content: center;
-        margin-right: 2%;
-      }
-
-      .report-timestamp .info {
-        float: right;
-        font-size: 0.9em;
-        color: #90a3a9;
-      }
-
-      .menu {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-      }
-
-      .menu-item {
-        margin-bottom: 10px;
-      }
-
-      .menu-item a {
-        color: #fff;
-        text-decoration: none;
-        display: block;
-        padding: 10px;
-        border-radius: 5px;
-        font-size: 1.05rem;
-      }
-
-      .menu-item a:hover {
-        background-color: #555;
-      }
-
-      .submenu {
-        display: none;
-        list-style-type: none;
-        padding-left: 20px;
-      }
-
-      .menu-item.has-submenu > a::after {
-        content: '⯆';
-        float: right;
-        margin-left: 5px;
-      }
-
-      .menu-item.has-submenu.selected > a::after {
-        content: '⯅';
-        float: right;
-        margin-left: 5px;
-      }
-
-      .menu-item.selected > a {
-        background-color: #555;
-      }
-
-      .submenu .sub-menu-item {
-        margin: 3px auto;
-      }
-
-      .submenu .sub-menu-item a:hover {
-        background-color: #777;
-      }
-
-      .submenu .sub-menu-item.selected a {
-        background-color: #555 !important;
-      }
-
-      .submenu.active {
-        display: block !important;
-      }
-
-      .view-screenshot-image {
-        width: 100px;
-        height: 30px;
-        content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iIzAwMDAwMCIgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIA0KCSB2aWV3Qm94PSIwIDAgNDkwIDQ5MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMjQ1LjIwNCwxMDEuMjY3QzY3LjE3MSwxMDEuMjY3LDAsMjQ1LDAsMjQ1czY2Ljc2MywxNDMuNzMzLDI0NC43OTYsMTQzLjczM0M0MjIuODI5LDM4OC43MzMsNDkwLDI0NSw0OTAsMjQ1DQoJCVM0MjMuMjM4LDEwMS4yNjcsMjQ1LjIwNCwxMDEuMjY3eiBNMjQ0Ljc5NiwzNzMuNDIxYy0xNDYuMzkzLDAtMjEyLjM2Ny0xMDEuMDUzLTIyNy41MDYtMTI4LjMzMw0KCQljMTUuMjQ5LTI2Ljc5Niw4Mi43MzMtMTI4LjUwOCwyMjcuOTE0LTEyOC41MDhjMTQ2LjUxNCwwLDIxMi40NzUsMTAxLjIyLDIyNy41NDMsMTI4LjQNCgkJQzQ1Ny41NzgsMjcyLjIwMywzOTEuMzEzLDM3My40MjEsMjQ0Ljc5NiwzNzMuNDIxeiIvPg0KCTxwYXRoIGQ9Ik0yNDUuMDAzLDE0Ni4xMjRjLTU0LjUyMSwwLTk4Ljg4MSw0NC4zNTItOTguODgxLDk4Ljg3M2MwLDU0LjUyMSw0NC4zNiw5OC44ODEsOTguODgxLDk4Ljg4MXM5OC44NzMtNDQuMzYsOTguODczLTk4Ljg4MQ0KCQlDMzQzLjg3NiwxOTAuNDc3LDI5OS41MjQsMTQ2LjEyNCwyNDUuMDAzLDE0Ni4xMjR6IE0yNDUuMDAzLDMyOC41NjZjLTQ2LjA4LDAtODMuNTY4LTM3LjQ4OS04My41NjgtODMuNTY4DQoJCWMwLTQ2LjA3MiwzNy40ODktODMuNTYxLDgzLjU2OC04My41NjFjNDYuMDcyLDAsODMuNTYxLDM3LjQ4OSw4My41NjEsODMuNTYxQzMyOC41NjQsMjkxLjA3NywyOTEuMDc1LDMyOC41NjYsMjQ1LjAwMywzMjguNTY2eiIvPg0KCTxwYXRoIGQ9Ik0yNDUuMDAzLDE3NS41ODNjLTM4LjI4MSwwLTY5LjQyMiwzMS4xNDEtNjkuNDIyLDY5LjQxNWMwLDM4LjI3NCwzMS4xNDEsNjkuNDE1LDY5LjQyMiw2OS40MTUNCgkJYzM4LjI3NCwwLDY5LjQxNS0zMS4xNDEsNjkuNDE1LTY5LjQxNUMzMTQuNDE3LDIwNi43MjQsMjgzLjI3NywxNzUuNTgzLDI0NS4wMDMsMTc1LjU4M3ogTTI0NS4wMDMsMjk5LjENCgkJYy0yOS44MzMsMC01NC4xMS0yNC4yNy01NC4xMS01NC4xMDJjMC0yOS44MzIsMjQuMjc3LTU0LjEwMiw1NC4xMS01NC4xMDJzNTQuMTAyLDI0LjI3LDU0LjEwMiw1NC4xMDINCgkJQzI5OS4xMDUsMjc0LjgzLDI3NC44MzUsMjk5LjEsMjQ1LjAwMywyOTkuMXoiLz4NCgk8cGF0aCBkPSJNMjQ1LjAwMywyMDYuNjc5Yy0yMS4xMywwLTM4LjMyNiwxNy4xODktMzguMzI2LDM4LjMxOWMwLDIxLjEyOSwxNy4xOTcsMzguMzI2LDM4LjMyNiwzOC4zMjZzMzguMzE5LTE3LjE5NywzOC4zMTktMzguMzI2DQoJCUMyODMuMzIxLDIyMy44NjgsMjY2LjEzMiwyMDYuNjc5LDI0NS4wMDMsMjA2LjY3OXogTTI0NS4wMDMsMjY4LjAxMWMtMTIuNjg4LDAtMjMuMDE0LTEwLjMyNi0yMy4wMTQtMjMuMDE0DQoJCWMwLTEyLjY4OCwxMC4zMjUtMjMuMDA2LDIzLjAxNC0yMy4wMDZjMTIuNjg4LDAsMjMuMDA2LDEwLjMxOCwyMy4wMDYsMjMuMDA2QzI2OC4wMDksMjU3LjY4NiwyNTcuNjkxLDI2OC4wMTEsMjQ1LjAwMywyNjguMDExeiIvPg0KPC9nPg0KPC9zdmc+);
-      }
-
-      .content-wrapper {
-        padding: 1%;
-        float: left;
-        width: 84%;
-        background-color: #f4f4f4;
-        overflow: hidden;
-        height: 100%;
-      }
-
-      .content {
-        display: none !important;
-        height: 100%;
-      }
-
-      .content .title {
-        font-size: 1rem;
-        color: #080404e2;
-        font-weight: 600;
-      }
-
-      .content .title::after {
-        content: ':';
-      }
-
-      .content.active {
-        display: flex !important;
-        flex-direction: column;
-        gap: 0.9rem;
-        flex-wrap: wrap;
-        transition: all 2s ease-in-out;
-      }
-
-      .container {
-        height: 99%;
-        overflow: hidden;
-        overflow-y: auto;
-      }
-
-      .sidebar .footer {
-        bottom: 1.5%;
-        position: absolute;
-        font-size: 0.75rem;
-        color: #14cf96;
-        font-family: system-ui;
-        width: inherit;
-      }
-
-      #overview {
-        flex-direction: row;
-        justify-content: space-between;
-      }
-
-      #overview .card {
-        display: flex;
-        flex-direction: column;
-        width: 25rem;
-        border: 1px solid #ddd;
-        box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.3);
-        border-radius: 5px;
-        background: white;
-        padding: 1rem;
-      }
-
-      #overview .overall-quality {
-        flex-basis: 100%;
-        line-height: 14px;
-      }
-
-      #overview .overall-quality .section {
-        display: flex;
-        flex-direction: row;
-      }
-
-      #overview .overall-quality .section .block {
-        width: 50%;
-      }
-
-      #overview .overall-quality .section .block article p.desc {
-        font-size: 0.85em;
-      }
-
-      #overview .overall-quality .section .block article .items li {
-        font-size: 0.8em;
-      }
-
-      #overview .overall-quality .section .block article .items li .detail {
-        margin-top: -2%;
-      }
-
-      #overview .overall-quality .section .block .graph {
-        margin-top: 1.5em;
-      }
-
-      #overview .string-quality,
-      #overview .number-quality,
-      #overview .datetime-quality,
-      #overview .skipped-items {
-        flex-basis: 48.5%;
-      }
-
-      #overview .string-quality .graph,
-      #overview .number-quality .graph,
-      #overview .datetime-quality .graph,
-      #overview .skipped-items .graph {
-        align-self: center;
-      }
-
-      #overview .string-quality .graph {
-        margin-left: 4rem;
-      }
-
-      #overview .number-quality .graph,
-      #overview .datetime-quality .graph {
-        margin-top: -0.9rem;
-        margin-left: 4.5rem;
-      }
-
-      #overview .common-info {
-        width: 100%;
-        height: 100%;
-      }
-
-      #overview .common-info .info {
-        font-size: 0.9em;
-        margin-top: 0.8%;
-      }
-
-      #overview .common-info .title {
-        font-size: 1.1em;
-      }
-
-      #overview .common-info .section {
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        padding-top: 3%;
-      }
-
-      #overview .common-info .section .page-tiles .title-section .locale-filter-wrapper {
-        margin-right: 1%;
-        font-size: 0.8em;
-        font-weight: 600;
-      }
-
-      #overview .common-info .section .page-tiles .title-section .locale-filter-wrapper #locale-filter {
-        font-size: 0.9em;
-        height: 1.7em;
-        border-radius: 3px
-      }
-
-      #overview .common-info .section .page-tiles .title-section {
-        display: flex;
-        align-items: center;
-      }
-
-      #overview .common-info .section .page-tiles .title-section .title-wrapper {
-        flex: 1;
-      }
-
-      #overview .common-info .section .page-tiles .title-section .search-field-wrapper {
-        flex: 0.7;
-        font-size: 0.8em;
-        font-weight: 600;
-      }
-
-      #overview .common-info .section .page-tiles {
-        display: flex;
-        flex-direction: column;
-        gap: 1%;
-        width: 100%;
-        height: 92%;
-      }
-
-      #overview .common-info .section .page-tiles .title {
-        flex: 1;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list-wrapper {
-        width: 100%;
-        height: 100%;
-        border: 0.5px solid #00000008;
-        border-radius: 5px;
-        padding: 0;
-        margin: 0;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list {
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        overflow-y: auto;
-        padding: 10px;
-        display: flex;
-        flex-wrap: wrap;
-        gap: 2.2%;
-        justify-content: start;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list .empty-context {
-        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA7AAAAOwBeShxvQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALnSURBVFiFxddNiFZlFAfw3zjvSGUfWjRCgdmiTV8IGjlFhBJotQmjdraqqBbZtAjBFoYVBH0tGiQUFCJKDQqpNpW0sJosIvowyEW1s4a+7UOsuS3OubzPvL133hmbefvD5d7nPOd5zsfzP+feS2AEb+MYqnm+jqWtkbTtKvzVB8Od1wmslt5UeAKLzD8W4am0+S7ttPfDeI3T0+bxVmH4hj46UGPhQHryv6FVPO/rs+1boMzAQJ8dqGBBn43+C60G+TW4B4NzZOdvjOFgt8m6MZR40dw3nhe62W3KQH00T2K8d4DTYjXu15DNJgdqjPvv1fEh1uH1k3FgLvAVLm2anC8HlmE5luA7fIZfO3ROzMSBUdkwuuAQHi/GLdyOu3F5h+5xvIlH8F7KbpPk71YFO/Rm9Q+F/nJ8XMx9L96yr+B9EW09N4ahemFTJ1yMtabvA5/jcBofx1IcwWbsF98YNc7GvXgAp6ZjN2OyKQMzRUs78jdwZg/9VZhI/QdpzsAVmmv3MLbm813YLiJfhV9m4PRawYc/cBHdM/Co5rP/XfsMP0nZhmLtQXyA4RyvE5wYLXT25LotTVXwsGD5UJe5LwSpluEyQcb9xfwpWIm3cp/dKSv32o1bcSMnz4E1ue5Ah/xc7cxM5v1ZU494OOXfNmWgiQMVdgrCnZGyzgYzgW0izQP4CQ+ZGuTPeT+r3nQ2HHguda7M8aGOtesFwep+UIlOOFzoXJjyr2n/E5TRnoabRBcsrw2ipomS+1Pw4ZxibW30GdEbPs3x9kLnjpS9LL2rcL3Z49Vcu7WQjYqGU5/5cBq/OseDhc2NA9iEp0W/PiD+E6ZDhecF80fwjsjEtaL8emGbaEJHcAnx8fGY2f2evVZsOJayCdFkmjCYxifFsa1hamlcgBVY2COCSjSbozkewl7BmQovYRc+wo84H9fhPlycgd6ZOnOGBSKtv5k+c1/KyOcL52GLeOcfFbz6RrB9oy6d9R/3ey953ywo7QAAAABJRU5ErkJggg==);
-        width: 100%;
-        background-repeat: no-repeat;
-        height: 100%;
-        background-size: 2.5em;
-        background-position-x: 50%;
-        background-position-y: 43%;
-        display: flex;
-        justify-content: center;
-        align-content: center;
-        flex-wrap: wrap;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list .tile-container {
-        width: 23%;
-        height: 35%;
-        text-align: center;
-        display: flex;
-        flex-direction: column;
-        border: 1px solid #80808030;
-        border-radius: 5px;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list .tile-container:hover {
-        transform: scale(1.03);
-        box-shadow: 0 22px 35px -16px #00000033;
-        cursor: pointer;
-        transition: all 0.2s ease-in-out;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list .tile-container .image {
-        width: 100%;
-        height: 85%;
-        object-fit: contain;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list .tile-container .name span {
-        width: 75%;
-        display: inline-block;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      #overview .common-info .section .page-tiles .tiles-list .tile-container .name {
-        width: 100%;
-        display: block;
-        height: 15%;
-        align-content: center;
-        background-color: rgb(0 0 0 / 7%);
-        border-top: 1px solid #80808030;
-        color: #2cb2c1e6;
-        -webkit-font-smoothing: antialiased;
-        font-variant: all-small-caps;
-        font-weight: 600;
-        font-size: 0.87em;
-      }
-
-      #insights .cards {
-        display: flex;
-        flex-direction: column;
-        gap: 1.5rem;
-      }
-
-      #insights .cards .holder {
-        display: flex;
-        flex-direction: row;
-        gap: 1.5rem;
-        flex-wrap: wrap;
-      }
-
-      #insights .cards .card {
-        display: flex;
-        flex-direction: column;
-        width: 20rem;
-        min-height: 10rem;
-        border: 1px solid #ddd;
-        box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.3);
-        border-radius: 5px;
-        background: white;
-      }
-
-      #insights .cards .card:hover {
-        transform: scale(1.05);
-        box-shadow: 0 22px 35px -16px #07ff7d33;
-        cursor: pointer;
-        transition: all 0.2s ease-in-out;
-      }
-
-      #insights .cards .card .title {
-        height: 2.5rem;
-        font-size: 1rem;
-        padding-top: 1rem;
-        font-weight: 500;
-        background: #0c5ad9d6;
-        border-top-left-radius: 5px;
-        border-top-right-radius: 5px;
-        padding-left: 1rem;
-        color: white;
-      }
-
-      #insights .cards .card .title::after {
-        content: '';
-      }
-
-      #insights .cards .card .card-content {
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-        padding: 1rem;
-      }
-
-      #insights .cards .card .status-bar {
-        display: flex;
-        flex-direction: column;
-        gap: 0.8rem;
-      }
-
-      #insights .cards .card .status-bar .bar-container .name {
-        font-size: 0.78rem;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-      }
-
-      #insights .cards .card .status-bar .bar-container .name::after {
-        content: ':';
-      }
-
-      #insights .cards .card .status-bar .bar-container .bar-holder {
-        width: 100%;
-        height: 10px;
-        border: 1px solid #00000038;
-        border-radius: 2px;
-      }
-
-      #insights .cards .card .status-bar .bar-container .bar-holder .bar {
-        height: 100%;
-        font-size: 0.63rem;
-        text-align: right;
-        color: rgb(0, 0, 0);
-      }
-
-      .bar.--green {
-        background-color: #1dedaf;
-      }
-
-      .bar.--red {
-        background-color: #fe3e3e;
-      }
-
-      .bar.--yellow {
-        background-color: #faef1f;
-      }
-
-      .bar.--blue {
-        background-color: #77c2ff;
-      }
-
-      #insights .cards .card .stat {
-        display: flex;
-        flex-direction: column;
-        gap: 0.3rem;
-        border: 0.5px solid #00000012;
-        border-radius: 6px;
-      }
-
-      #insights .cards .card .stat table td {
-        font-size: 0.78rem;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-      }
-
-      #insights .cards .card .stat table td.name {
-        width: 70%;
-      }
-
-      #insights .cards .card .stat table td.value::before {
-        content: ':  ';
-      }
-
-      #locale {
-        display: flex;
-        gap: 0.2em;
-        background: white;
-        padding: 1em;
-        border-radius: 5px;
-        flex-wrap: nowrap;
-      }
-
-      #locale .title {
-        content: ':';
-      }
-
-      #locale .coverage-info {
-        width: 100%;
-      }
-
-      #locale table thead th select.filter {
-        margin-left: 1rem;
-        max-width: 8rem;
-        text-overflow: ellipsis;
-      }
-
-      #locale .image-viewer {
-        display: none;
-        position: fixed;
-        z-index: 9998;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, 0.8);
-        text-align: center;
-      }
-
-      #locale .image-container {
-        position: relative;
-        top: 50%;
-        transform: translateY(-50%);
-        display: inline-block;
-        width: 98vw;
-        height: 94vh;
-        overflow: hidden;
-        overflow-y: auto;
-      }
-
-      #locale .image-viewer img {
-        width: 100%;
-      }
-
-      #locale .close-button {
-        position: absolute;
-        top: -0.6rem;
-        right: 0.1rem;
-        color: #ffffffbf;
-        font-size: 2.4rem;
-        cursor: pointer;
-        z-index: 9999;
-      }
-
-      #locale .close-button:hover {
-        color: white;
-      }
-
-      #locale table tbody td {
-        font-size: 0.9em;
-      }
-
-      #locale table td .view-screenshot-btn {
-        color: blue;
-      }
-
-      @media (max-width: 768px) {
-        .sidebar {
-          width: 16rem;
-          padding: 10px;
-        }
-      }
-
-      .--hidden {
-        display: none !important;
-        visibility: hidden !important;
-      }
-
-      #log {
-        display: flex;
-      }
-
-      #log .title {
-        display: block;
-        flex: 1;
-      }
-
-      #log .log-content {
-        flex: 99;
-        background: white;
-        border-radius: 3px;
-        overflow: hidden;
-        padding: 1em;
-      }
-
-      #log .log-content pre {
-        height: 100%;
-        white-space: pre-line;
-        word-break: break-all;
-        padding: 0;
-        margin: 0;
-        width: 100%;
-        overflow: hidden;
-        overflow-y: auto;
-        user-select: all;
-      }
-
-      body .context-image-viewer {
-        z-index: 9999;
-        width: 100vw;
-        height: 100vh;
-        display: flex;
-        flex-direction: column;
-        position: fixed;
-        top: 0;
-        left: 0;
-        background: #0000009c;
-      }
-
-      body .context-image-viewer .close-btn {
-        position: absolute;
-        right: 1.2%;
-        top: 0.65%;
-        color: #a7a5a5;
-        font-size: 2.8em;
-        cursor: pointer;
-        z-index: 1;
-      }
-
-      body .context-image-viewer .close-btn:hover {
-        color: #000000a6;
-        transform: scale(1.04);
-        transition: all 0.15s ease-in-out;
-      }
-
-      body .context-image-viewer .loader {
-        width: 100vw;
-        height: 100vh;
-        z-index: 9999;
-        top: 0;
-        left: 0;
-        position: absolute;
-        background: #0000009c;
-        color: white;
-        text-align: center;
-        padding-top: 50vh;
-      }
-
-      body .context-image-viewer .viewer {
-        width: 98%;
-        height: 96%;
-        background-color: white;
-        margin: auto;
-        position: relative;
-      }
-
-      body .context-image-viewer .viewer .zoom-in-btn,
-      body .context-image-viewer .viewer .zoom-out-btn {
-        position: absolute;
-        bottom: 10%;
-        width: 35px;
-        height: 35px;
-        border-radius: 50%;
-        text-align: center;
-        background: #0000001a;
-        cursor: pointer;
-      }
-
-      body .context-image-viewer .viewer .zoom-in-btn {
-        left: 51%;
-      }
-
-      body .context-image-viewer .viewer .zoom-out-btn {
-        left: 47%;
-      }
-
-      body .context-image-viewer .viewer .next-btn,
-      body .context-image-viewer .viewer .prev-btn {
-        width: 35px;
-        height: 35px;
-        border-radius: 50%;
-        text-align: center;
-        background: #0000001a;
-        cursor: pointer;
-        position: absolute;
-        top: 50%;
-      }
-
-      body .context-image-viewer .viewer .zoom-in-btn:hover,
-      body .context-image-viewer .viewer .zoom-out-btn:hover {
-        transform: scale(1.04);
-        transition: all 0.15s ease-in-out;
-      }
-
-      body .context-image-viewer .viewer .zoom-in-btn span,
-      body .context-image-viewer .viewer .zoom-out-btn span {
-        display: inline-block;
-        margin-top: 12%;
-        font-size: 1.5em;
-      }
-
-      body .context-image-viewer .viewer .next-btn:hover,
-      body .context-image-viewer .viewer .prev-btn:hover {
-        transform: scale(1.04);
-        transition: all 0.15s ease-in-out;
-      }
-
-      body .context-image-viewer .viewer .next-btn span,
-      body .context-image-viewer .viewer .prev-btn span {
-        display: inline-block;
-        margin-top: 15%;
-        font-size: 1.5em;
-      }
-
-      body .context-image-viewer .viewer .prev-btn {
-        left: 1%;
-      }
-
-      body .context-image-viewer .viewer .next-btn {
-        right: 1%;
-      }
-
-      body .context-image-viewer .viewer .wrapper {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-        height: 100%;
-        padding: 1.8%;
-      }
-
-      body .context-image-viewer .viewer .wrapper .toolbar .page-title-wrapper .page-title {
-        font-weight: 600;
-        max-width: 75%;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      body .context-image-viewer .viewer .wrapper .toolbar .page-title-wrapper .page-count {
-        font-size: 0.7em;
-      }
-
-      body #overview .section .page-tiles .search-field-wrapper #search-input {
-        width: 55%;
-        height: 1.5em;
-        margin-left: 0.5%;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        border-radius: 3px;
-        border: 0.1px solid;
-      }
-
-      body #overview .section .page-tiles .search-field-wrapper #operator-filter {
-        width: fit-content;
-        height: 1.5em;
-        border-radius: 3px;
-      }
-
-      body #overview .section .page-tiles .search-field-wrapper {
-        flex: 33;
-        display: flex;
-        align-items: center;
-        gap: 1%;
-      }
-
-      body .context-image-viewer .viewer .wrapper .toolbar .smart-compare-wrapper .switch-wrapper .switch-knob {
-        position: absolute;
-        width: 40%;
-        height: 86%;
-        border-radius: 50%;
-        background-color: white;
-        top: 50%;
-        left: 3%;
-        transform: translateY(-50%);
-        transition: left 0.3s;
-      }
-
-      body .context-image-viewer .viewer .wrapper .toolbar .smart-compare-wrapper .switch-wrapper {
-        position: relative;
-        width: 2.5em;
-        height: 1.3em;
-        border-radius: 2em;
-        background-color: gray;
-        cursor: pointer;
-      }
-
-      body .context-image-viewer .viewer .wrapper .toolbar .smart-compare-wrapper {
-        display: flex;
-        align-items: center;
-        gap: 1%;
-        flex: 33;
-        justify-content: end;
-      }
-
-      body .context-image-viewer .viewer .wrapper .toolbar .page-title-wrapper {
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        flex: 33;
-      }
-
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .source-image-wrapper .locale-name-bar span,
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .target-image-wrapper .locale-name-bar span {
-        opacity: 0.6;
-      }
-
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .source-image-wrapper .locale-name-bar,
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .target-image-wrapper .locale-name-bar {
-        position: absolute;
-        background-color: #8080801f;
-        width: 9%;
-        height: 3.5%;
-        text-align: center;
-        margin: auto;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        padding: 0.5em;
-        bottom: 2.1rem;
-        left: 2rem;
-        border-radius: 3em;
-        color: #00000099;
-        font: status-bar;
-        font-weight: 500;
-      }
-
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .source-image-wrapper,
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .target-image-wrapper {
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        flex: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        border: 0.1px solid #00000021;
-        border-radius: 5px;
-      }
-
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .source-image-wrapper img,
-      body .context-image-viewer .viewer .wrapper .image-section .split-view .target-image-wrapper img {
-        max-width: 100%;
-        max-height: 100%;
-        object-fit: contain;
-        transform: translate(0, 0) scale(1);
-        transition: transform 0.1s ease-out;
-        pointer-events: none;
-      }
-
-      body .context-image-viewer .viewer .wrapper .image-section .split-view {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        gap: 0.5%;
-      }
-
-      body .context-image-viewer .viewer .wrapper .image-section {
-        display: flex;
-        flex: 95;
-        overflow: hidden;
-        width: 100%;
-        height: 100%;
-      }
-
-      body .context-image-viewer .viewer .wrapper .toolbar {
-        border: 0.1px solid #00000021;
-        border-bottom: 0;
-        height: 7%;
-        border-radius: 5px;
-        padding: 0.5%;
-        padding-left: 1%;
-        padding-right: 1%;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: stretch;
-        flex: 4;
-      }
-
-      body .dt-layout-row:first-of-type .dt-layout-cell {
-        display: table-cell;
-        width: 33.33%;
-        vertical-align: middle;
-        text-align: center;
-        padding: 8px;
-      }
-    
-      body .dt-layout-row:first-of-type .dt-layout-cell.dt-middle {
-          text-align: right;
-      }
-    
-      body .dt-layout-row:first-of-type .reset-filters-btn {
-        background-color: #555;
-        color: white;
-        border: none;
-        padding: 8px 16px;
-        font-size: 14px;
-        cursor: pointer;
-        border-radius: 4px;
-        transition: background-color 0.3s ease;
-      }
-
-      .--reduced-zoom {
-        zoom: 0.9123;
-      }
-
-      .--hide-overflow {
-        overflow: hidden;
-      }
-
-      .--disabled {
-        color: #00000014 !important;
-        background: #00000014 !important;
-        cursor: not-allowed !important;
-        transform: none !important;
-        transition: none !important;
-      }
-
-      .--disabled:hover {
-        color: #00000014 !important;
-        background: #00000014 !important;
-        transform: none !important;
-        transition: none !important;
-      }`}function Pe({appName:i,reportTime:e,script:t,style:a,body:n,dataFilePaths:s=[],logData:o}){return`<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="charset" content="charset='UTF-8'" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="company" content="Zeesoft" />
-    <meta name="product" content="zAutomate.AI" />
-    <meta name="author" content="Jitendra Maheshwari" />
-    <meta name="email" content="jm@zeesoft.com" />
-    <meta
-      name="description"
-      content="zAutomate.AI report"
-    />
-    <title>${i} - zAutomate.AI report | ${e}</title>
-        <!-- 3rd party dependencies -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.datatables.net/2.0.3/css/dataTables.dataTables.min.css"
-    />
-    ${s.map(u=>`<script
-      src="${u}"
-      type="text/javascript">
-    <\/script>`).join("")}
-      ${o?`<script type="text/javascript" async/>window.logData = \`${o}\`;<\/script>`:""}
-    <script
-      src="https://code.jquery.com/jquery-3.7.1.slim.min.js"
-      integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8="
-      crossorigin="anonymous"
-      defer
-    ><\/script>
-    <script src="https://cdn.jsdelivr.net/npm/apexcharts" defer><\/script>
-    <script
-      src="https://cdn.datatables.net/2.0.3/js/dataTables.min.js"
-      defer
-    ><\/script>
-    <style>
-      ${a}
-    </style>
-  </head>
-  <body>
-    ${n}
-  </body>
-  <script type="text/javascript" defer>
-    ${t}
-  <\/script>
-</html>
-`}const Be=()=>`(() => {
-        // for sidebar menu
-        // hide insights tab
-        if(DataStore.hasRuntimeError() || !DataStore.ranSuccessfully() || DataStore.isContextRun()) {
-          document.querySelector('.menu-item[data-page="insights"]')?.remove();
-        }
-
-        const loadContent = (section, highlightMenu = false) => {
-          if (highlightMenu) {
-            document
-              .querySelector('li[data-page="overview"]')
-              ?.classList.add('selected');
-          }
-
-          const contents = document.querySelectorAll('.content');
-          const wrapper = document.querySelector('.content-wrapper');
-
-          contents.forEach((content) => {
-            content.id !== section
-              ? content.classList.remove('active')
-              : content.classList.add('active');
-
-            section === 'overview' &&
-              window.persistOverviewCharts &&
-              window.persistOverviewCharts();
-
-            ['log', 'locale'].includes(section) ? wrapper.classList.add('--hide-overflow') : !DataStore.isContextRun() && !DataStore.isSanityRun() && wrapper.classList.remove('--hide-overflow');
-            window.currentPage = section;
-          });
-        };
-
-        document.addEventListener('DOMContentLoaded', function () {
-          const createMenuItems = (() => {
-            if(DataStore.isContextRun()) {
-              return;
-            }
-            const ul = document.querySelector('.sidebar .submenu');
-            const createListItems = (locale) => {
-              const li = document.createElement('li');
-              li.classList.add('sub-menu-item');
-              li.dataset.locale = locale;
-
-              const a = document.createElement('a');
-              a.href = '#';
-              a.textContent = locale;
-
-              li.appendChild(a);
-              return li;
-            };
-
-            for (const locale of DataStore.getLocales()) {
-              ul.appendChild(createListItems(locale));
-            }
-          })();
-
-          const menuItems = document.querySelectorAll('.menu-item'),
-            submenuItems = document.querySelectorAll('.sub-menu-item');
-
-          menuItems.forEach((item) => {
-            item.addEventListener('click', function (event) {
-              const selectedMenuItem = document.querySelector(
-                  '.menu-item.selected'
-                ),
-                selectedSubmenu = document.querySelector('.submenu.active'),
-                page = item.dataset.page;
-
-              if (selectedMenuItem) {
-                selectedMenuItem.classList.remove('selected');
-              }
-
-              if (selectedSubmenu) {
-                selectedSubmenu.classList.remove('active');
-              }
-
-              if (item.classList.contains('has-submenu')) {
-                event.preventDefault();
-                item.classList.add('selected');
-                const submenu = item.querySelector('.submenu');
-                submenu.classList.add('active');
-              } else {
-                item.classList.add('selected');
-              }
-
-              if (selectedSubmenu) {
-                selectedSubmenu
-                  .querySelectorAll('.sub-menu-item')
-                  .forEach((submenuItem) => {
-                    submenuItem.textContent !== item.textContent &&
-                      submenuItem.classList.remove('selected');
-                  });
-              }
-
-              loadContent(page);
-            });
-
-            loadContent('overview', true);
-          });
-
-          submenuItems.forEach((sItem) => {
-            sItem.addEventListener('click', function (event) {
-              const selectedSubMenuItem = document.querySelector(
-                '.sub-menu-item.selected'
-              );
-              event.preventDefault();
-              event.stopPropagation();
-
-              if (selectedSubMenuItem) {
-                selectedSubMenuItem.classList.remove('selected');
-                window.previousSelectedLocale =
-                  selectedSubMenuItem.dataset.locale;
-              }
-
-              sItem.classList.add('selected');
-              loadContent('locale');
-            });
-          });
-
-          // update footer info
-          const footer = document.querySelector('.sidebar .footer');
-          footer.textContent = \`\${new Date().getFullYear()} @ Zeesoft. All rights reserved.\`;
-
-          // update project info
-          document.querySelector(
-            'header .logo'
-          ).innerHTML = \`zAutomate.AI | \${DataStore.getAppName()} [\${DataStore.isSanityRun() ? 'Quick Sanity' : DataStore.isContextRun() ? 'Context Creation' : 'I18n Verification'}]\`;
-          document.querySelector(
-            'header .report-timestamp .info'
-          ).innerHTML = \`Report generated at: \${toLocaleString(Datastore.getTimestamp())}\`;
-        });
-      })();`,$e=()=>`//overview content
-    (() => {
-      if (DataStore.hasRuntimeError()) {
-        document.getElementById('overview').innerHtml =
-          'zAutomate.AI was unable to perform the operation. Please check the logs for more information.';
-        return;
-      }
-
-      document.addEventListener('DOMContentLoaded', function () {
-        // don't render overview contents for sanity and context run
-        if(DataStore.isContextRun() || DataStore.isSanityRun()) {
-          document.querySelector('.content-wrapper')?.classList.add('--hide-overflow');
-          document.querySelectorAll('#overview .card')?.forEach((el) => {
-            if(!el.classList.contains('common-info')) {
-              el.remove();
-            }
-          });
-
-          const titleEl = document.querySelector('#overview .common-info .title');
-          const infoEl = document.querySelector('#overview .common-info .info');
-
-          if(titleEl && infoEl) {
-            let title, info;
-
-            const renderPagesSection = () => {
-              let tilesEl, searchEl, searchOpEl, pages, entries, hasPages, emptyEl, currentLocale = DataStore.getDefaultLocale();
-              const operatorOpts = [
-                {
-                  name: 'Contains',
-                  value: '~'
-                },
-                {
-                  name: 'Starts with',
-                  value: '^'
-                },
-                {
-                  name: 'Ends with',
-                  value: '$'
-                },
-                {
-                  name: 'Equals',
-                  value: '='
-                },
-              ];
-              const valueStates = {locale: DataStore.getLocales()[0], search: {op: operatorOpts[0].value, value: ''}};
-              const getImagePath = (imagePath, locale = valueStates.locale) => \`\${window.getProductUrl()}/\${locale}/screenshots/reviewed/\${imagePath}\`;
-              const renderEmptyContext = (container) => {
-                emptyEl = document.createElement('div');
-                emptyEl.classList.add('empty-context');
-                emptyEl.innerHTML = 'No contexts available.';
-                container.appendChild(emptyEl);
-              };
-              const removeEmptyContext = () => {
-                if(emptyEl) {
-                  emptyEl.remove();
-                }
-              };
-
-              const loadData = () => {
-                pages = DataStore.getPages(valueStates.locale);
-
-                if (valueStates.search.value.trim().length) {
-                  const value = valueStates.search.value.trim().toLowerCase();
-                  const op = valueStates.search.op;
-                  const predicate = (string) => {
-                    string = String(string).toLowerCase();
-                    switch(op) {
-                      case '~':
-                        return string.includes(value);
-                      case '^':
-                        return string.startsWith(value);
-                      case '$':
-                        return string.endsWith(value);
-                      case '=':
-                        return string === value;
-                      default:
-                        return false;
-                    }
-                  };
-                  const matchedPages = [];
-                  const matchedEntries = Object.entries(DataStore.getDataByLocale(valueStates.locale)).filter((e) => predicate(e[0]));
-                  matchedEntries.forEach((e) => e[1].flat().forEach(pages => !matchedPages.includes(pages.imagePath) & matchedPages.push(pages.imagePath)));
-                  if(matchedPages.length) {
-                    if(Object.keys(pages).length) {
-                      for (const name in pages) {
-                        if(!matchedPages.includes(pages[name])) {
-                          delete pages[name];
-                        }
-                      }
-                    }
-                  }
-                  else {
-                    pages = {};
-                  }
-                }
-
-                entries = Object.entries(pages).sort((a, b) => a[1].localeCompare(b[1]));
-                hasPages = entries.length > 0;
-              };
-
-              const renderContextTiles = () => {
-                loadData();
-
-                if(!tilesEl) {
-                  tilesEl = createTilesSection();
-                }
-                else {
-                  tilesEl.innerHTML = '';
-                }
-
-                if(!hasPages) {
-                  renderEmptyContext(tilesEl);
-                  return;
-                }
-
-                removeEmptyContext();
-                createPageTiles(tilesEl);
-              };
-
-              const createTilesSection = () => {
-                const wrapperEl = document.createElement('div');
-                wrapperEl.classList.add('page-tiles');
-                const titleSection = document.createElement('div');
-                titleSection.classList.add('title-section');
-                const tilesListWrapper = document.createElement('div');
-                const tilesEl = document.createElement('div');
-                tilesListWrapper.classList.add('tiles-list-wrapper');
-                tilesListWrapper.appendChild(tilesEl);
-                tilesEl.classList.add('tiles-list');
-                wrapperEl.appendChild(titleSection);
-                wrapperEl.appendChild(tilesListWrapper);
-
-                const createTitle = () => {
-                  const titleWrapper = document.createElement('div');
-                  titleWrapper.classList.add('title-wrapper');
-                  const titleEl = document.createElement('span');
-                  titleEl.classList.add('title');
-                  titleEl.innerHTML = 'Context Pages'
-                  titleWrapper.appendChild(titleEl);
-                  titleSection.appendChild(titleWrapper);
-                };
-
-                const createSearchField = () => {
-                  const searchWrapperEl = document.createElement('div');
-                  searchWrapperEl.classList.add('search-field-wrapper');
-
-                  const createLabel = () => {
-                    const label = document.createElement("label");
-                    label.textContent = "Search string: ";
-                    label.setAttribute("for", "operator-filter");
-
-                    searchWrapperEl.appendChild(label);
-                  };
-
-                  const createOperatorFilter = () => {
-                    searchOpEl = document.createElement("select");
-                    searchOpEl.id = "operator-filter";
-                    if(valueStates.search.op) {
-                      searchOpEl.title = operatorOpts.find((op) => op.value === valueStates.search.op).name;
-                    }
-                    searchOpEl.addEventListener("change", function () {
-                      if (valueStates.search.op !== this.value) {
-                        valueStates.search.op = this.value;
-                        renderContextTiles();
-                      }
-                    });
-
-                    operatorOpts.forEach((op) => {
-                      const option = document.createElement("option");
-                      option.value = op.value;
-                      option.textContent = op.name;
-                      if(valueStates.search.op === op.value) {
-                        option.selected = true;
-                      }
-                      searchOpEl.appendChild(option);
-                    });
-
-                    searchWrapperEl.appendChild(searchOpEl);
-                  };
-
-                  const createSearchField = () => {
-                    searchEl = document.createElement('input');
-                    searchEl.type = 'text';
-                    searchEl.id = 'search-input';
-                    searchEl.placeholder = 'Search strings...'
-
-                    searchEl.addEventListener('input', function () {
-                      if(valueStates.search.value !== this.value) {
-                        valueStates.search.value = this.value;
-                        renderContextTiles();
-                      }
-                    });
-
-                    searchWrapperEl.appendChild(searchEl);
-                  };
-
-                  createLabel();
-                  createOperatorFilter();
-                  createSearchField();
-                  titleSection.appendChild(searchWrapperEl);
-                };
-
-                const createLocaleFilter = () => {
-                  const localeFilterWrapper = document.createElement('div');
-                  localeFilterWrapper.classList.add('locale-filter-wrapper');
-                  const label = document.createElement("label");
-                  label.textContent = "Locale: ";
-                  label.setAttribute("for", "locale-filter");
-
-                  const select = document.createElement("select");
-                  select.id = "locale-filter";
-                  select.addEventListener("change", function () {
-                    currentLocale = this.value;
-                    if (valueStates.locale !== this.value) {
-                      valueStates.locale = this.value;
-                      valueStates.search.op = operatorOpts[0].value;
-                      valueStates.search.value = '';
-                      if(searchEl) {
-                        searchEl.value = '';
-                      }
-                      if(searchOpEl) {
-                        searchOpEl.value = operatorOpts[0].value;
-                      }
-                      renderContextTiles();
-                    }
-                  });
-
-                  const options = [...DataStore.getLocales()];
-                  options.forEach((locale) => {
-                    const option = document.createElement("option");
-                    option.value = locale;
-                    option.textContent = locale;
-                    if(valueStates.locale === locale) {
-                      option.selected = true;
-                    }
-                    select.appendChild(option);
-                  });
-
-                  localeFilterWrapper.appendChild(label);
-                  localeFilterWrapper.appendChild(select);
-                  titleSection.appendChild(localeFilterWrapper);
-                };
-
-                createTitle();
-                createSearchField();
-                createLocaleFilter();
-
-                document.querySelector('#overview .common-info .section').appendChild(wrapperEl);
-                return tilesEl;
-              };
-
-              const createTile = (idx, page, imagePath) => {
-                const wrapperEl = document.createElement('div');
-                wrapperEl.classList.add('tile-container');
-
-                const imageEl = document.createElement('img');
-                imageEl.classList.add('image');
-                imageEl.src = getImagePath(imagePath);
-
-                const nameWrapper = document.createElement('div');
-                const name = page;
-                nameWrapper.classList.add('name');
-                nameWrapper.title = name
-
-                const nameEl = document.createElement('span');
-                nameEl.innerHTML = name;
-                nameWrapper.appendChild(nameEl);
-
-                wrapperEl.appendChild(imageEl);
-                wrapperEl.appendChild(nameWrapper);
-                wrapperEl.addEventListener('click', () => openContextViewer(idx, valueStates.locale));
-                return wrapperEl;
-              };
-              const createPageTiles = (container) => {
-                let counter = 0;
-                for(const [page, imagePath] of entries) {
-                  container.appendChild(createTile(counter, page, imagePath));
-                  counter++;
-                }
-              };
-
-              const openContextViewer = (idx, locale) => {
-                let loaderEl, imageViewerEl, imageViewerMainWrapperEl, imagesSplitViewEl, sourceImageEl, targetImageEl, smartCompareSwitchEl, smartCompareKnobEl, pageCountEl, pageNameEl, zoomInEl, zoomOutEl, disableSmartCompare = false;
-                const data = [...entries];
-                const pageOpts = [...data.map(d => d[0])];
-                const anchorEl = document.createElement('div');
-                anchorEl.classList.add('context-image-viewer');
-                const fieldStates = {search: {op: operatorOpts[0].value, value: ''}, filters: {page: ''}, smartCompare: false, highlightStrings: false, zoomLevel: 1, offsets: {x: 0, y: 0, moveX: 0, moveY: 0}, dragging: {isActive: false, isSource: false, isTarget: false}};
-                const valueStates = {page: '', currentIndex: idx, imagePath: ''};
-                const getTotalSize = () => data.length;
-
-
-                const updateContextSwitcher = () => {
-                  const selectEl = document.getElementById("context-switcher");
-                  if (!selectEl) return;
-                  selectEl.value = valueStates.page;
-                };
-
-                const createCloseBtn = () => {
-                  const closeBtnEl = document.createElement('span');
-                  closeBtnEl.innerHTML = '&times;';
-                  closeBtnEl.classList.add('close-btn');
-                  closeBtnEl.title = 'Close image viewer'
-
-                  const closeViewer = () => anchorEl.remove();
-
-                  closeBtnEl.addEventListener('click', closeViewer);
-                  anchorEl.appendChild(closeBtnEl);
-                  keyAction('Escape', closeViewer);
-                };
-
-                const keyAction = (key, action) => {
-                  document.addEventListener('keydown', (event) => {
-                    if (event.key === key) {
-                      action();
-                    }
-                  });
-                };
-
-                const createLoader = () => {
-                  loaderEl = document.createElement('div');
-                  loaderEl.classList.add('loader');
-                  loaderEl.classList.add('--hidden');
-                  loaderEl.innerHTML = 'Loading...';
-                  anchorEl.appendChild(loaderEl);
-                };
-
-                const showLoader = (show, time = 1) => show ? loaderEl.classList.remove('--hidden') : time > 0 ? setTimeout(()=> loaderEl.classList.add('--hidden'), time) : loaderEl.classList.add('--hidden');
-
-                const loadData = () => {
-                  const updateDependencies = () => {
-                    if(DataStore.isDefaultLocale(locale)) {
-                      disableSmartCompare = true;
-                    }
-                    else if(!DataStore.hasDefaultLocaleData()) {
-                      disableSmartCompare = true;
-                    }
-                    else {
-                      const defaultLocaleData = DataStore.getPages(DataStore.getDefaultLocale());
-                      const defaultLocalePages = Object.keys(defaultLocaleData);
-                      if(defaultLocalePages.length === 0) {
-                        disableSmartCompare = true;
-                      }
-                      else if(!defaultLocalePages.includes(data[valueStates.currentIndex][0])) {
-                        disableSmartCompare = true;
-                      }
-                      else {
-                        disableSmartCompare = false;
-                      }
-                    }
-                  };
-                  const setPageName = () => {
-                    valueStates.page = data[valueStates.currentIndex][0];
-                  };
-
-                  updateDependencies();
-                  setPageName();
-
-                };
-
-                const renderData = (loadingMaskRemovalDelay = 0, resetZoom = false, showLoadingMask = true) => {
-                  const renderPageTitle = () => {
-                    const renderPageCount = () => {
-                      pageCountEl.innerHTML = \`#\${valueStates.currentIndex + 1}/\${getTotalSize()}\`;
-                    };
-                    const renderPageName = () => {
-                      pageNameEl.innerHTML = valueStates.page;
-                      pageNameEl.title = valueStates.page;
-                    };
-
-                    renderPageCount();
-                    renderPageName();
-                  };
-
-                  const renderSmartCompareValue = () => {
-                    if(disableSmartCompare) {
-                      !smartCompareSwitchEl.parentElement.classList.contains('--hidden') && smartCompareSwitchEl.parentElement.classList.add('--hidden');
-                    }
-                    else {
-                      smartCompareSwitchEl.parentElement.classList.contains('--disabled') && smartCompareSwitchEl.parentElement.classList.remove('--hidden');
-                      smartCompareSwitchEl.style.backgroundColor = fieldStates.smartCompare ? "green" : "gray";
-                      smartCompareKnobEl.style.left = fieldStates.smartCompare ? "55%" : "5%";
-                    }
-                  };
-
-                  const renderImages = (loadingMaskDelay) => {
-                    let hasSourceLoaded, hasTargetLoaded;
-                    const entry = data[valueStates.currentIndex];
-                    const cursor = fieldStates.zoomLevel > 1 ? fieldStates.dragging.isActive ? 'grabbing' : 'grab' : 'default';
-                    const css = fieldStates.zoomLevel === 1 ? 'translate(0, 0) scale(1)'
-                                : \`translate(\${fieldStates.offsets.moveX}px, \${fieldStates.offsets.moveY}px) scale(\${fieldStates.zoomLevel})\`;
-
-                    if(fieldStates.smartCompare) {
-                      sourceImageEl.parentElement.classList.remove('--hidden');
-                      sourceImageEl.src = getImagePath(entry[1], DataStore.getDefaultLocale());
-                      sourceImageEl.alt = entry[0];
-                      sourceImageEl.style.transform = css;
-                      targetImageEl.parentElement.querySelector('.locale-name-bar').style.left = '50.9rem';
-
-                      if(showLoadingMask) {
-                        sourceImageEl.onload = () => {
-                          let interval;
-                          interval = setInterval(() => {
-                            if(hasTargetLoaded) {
-                              clearInterval(interval);
-                              showLoader(false, loadingMaskDelay);
-                            }  
-                          }, 10);
-                        };
-                        targetImageEl.onload = () => {
-                          hasTargetLoaded = true;
-                        };
-                      }
-                    }
-                    else {
-                      sourceImageEl.parentElement.classList.add('--hidden');
-                      targetImageEl.parentElement.querySelector('.locale-name-bar').style.left = '2rem';
-
-                      if(showLoadingMask) {
-                        targetImageEl.onload = () => {
-                          showLoader(false, loadingMaskDelay);
-                        };
-                      }
-                    }
-
-                    targetImageEl.src = getImagePath(entry[1]);
-                    targetImageEl.alt = entry[0];
-                    targetImageEl.style.transform = css;
-
-                    sourceImageEl.parentElement.style.cursor = cursor;
-                    targetImageEl.parentElement.style.cursor = cursor;
-                  };
-
-                  const resetZoomBtns = () => {
-                    const zoomOutBtn = document.querySelector('.viewer .zoom-out-btn');
-                    const zoomInBtn = document.querySelector('.viewer .zoom-in-btn');
-                    if (!zoomOutBtn.classList.contains('--disbaled')) {
-                      zoomOutBtn.classList.add('--disabled');
-                    }
-                    if (zoomInBtn.classList.contains('--disabled')) {
-                      zoomInBtn.classList.remove('--disabled');
-                    }
-                    fieldStates.zoomLevel = 1;
-                    fieldStates.offsets.x = 0;
-                    fieldStates.offsets.y = 0;
-                    fieldStates.offsets.moveX = 0;
-                    fieldStates.offsets.moveY = 0;
-                  };
-
-                  showLoadingMask && showLoader(true);
-                  resetZoom && resetZoomBtns();
-                  loadData();
-                  renderPageTitle();
-                  renderSmartCompareValue();
-                  renderImages(loadingMaskRemovalDelay);
-                };
-
-                const createImageViewer = () => {
-                  imageViewerEl = document.createElement('div');
-                  imageViewerEl.classList.add('viewer');
-
-                  imageViewerMainWrapperEl = document.createElement('div');
-                  imageViewerMainWrapperEl.classList.add('wrapper');
-                  imageViewerEl.appendChild(imageViewerMainWrapperEl);
-                  anchorEl.appendChild(imageViewerEl);
-
-                  createNavigationButtons();
-                  createZoomButtons();
-                  createToolbar();
-                  createSplitView();
-                  renderData(300);
-                  document.body.appendChild(anchorEl);
-                };
-
-                const createNavigationButtons = () => {
-                  let prevBtn, nextBtn;
-
-                  const createPrevBtn = () => {
-                    prevBtn = document.createElement('div');
-                    prevBtn.classList.add('prev-btn');
-                    prevBtn.title = 'Show previous context';
-
-                    const prevIconEl = document.createElement('span');
-                    prevIconEl.innerHTML = '<';
-                    prevBtn.appendChild(prevIconEl);
-                    imageViewerEl.appendChild(prevBtn);
-
-                    const movePrevAction = () => canMovePrev() && movePrev();
-                    prevBtn.addEventListener('click', movePrevAction);
-                    keyAction("ArrowLeft", () => {
-                      if (valueStates.currentIndex > 0) {
-                          movePrev();
-                          updateContextSwitcher();
-                        }
-                    });
-                  };
-                  const createNextBtn = () => {
-                    nextBtn = document.createElement('div');
-                    nextBtn.classList.add('next-btn');
-                    nextBtn.title = 'Show next context';
-
-                    const nextIconEl = document.createElement('span');
-                    nextIconEl.innerHTML = '>';
-                    nextBtn.appendChild(nextIconEl);
-                    imageViewerEl.appendChild(nextBtn);
-                    
-                    const moveNextAction = () => canMoveNext() && moveNext();
-                    nextBtn.addEventListener('click', moveNextAction);
-                    keyAction("ArrowRight", () => {
-                      if (valueStates.currentIndex < pageOpts.length - 1) {
-                          moveNext();
-                          updateContextSwitcher();
-                       }
-                    });
-                  };
-                  const canMoveNext = () => valueStates.currentIndex < getTotalSize() - 1;
-                  const canMovePrev = () => valueStates.currentIndex > 0;
-                  const moveNext = () => {
-                    valueStates.currentIndex++;
-                    determineBtnsAccessibility();
-                    renderData(0, true, true);
-                    updateContextSwitcher();
-                  };
-                  const movePrev = () => {
-                    valueStates.currentIndex--;
-                    determineBtnsAccessibility();
-                    renderData(0, true, true);
-                    updateContextSwitcher();
-                  };
-                  const disableBtn = (btn) => btn === 'prev' ? prevBtn.classList.add('--disabled') : nextBtn.classList.add('--disabled');
-                  const enableBtn = (btn) => btn === 'prev' ? prevBtn.classList.remove('--disabled') : nextBtn.classList.remove('--disabled');
-                  const isBtnDisabled = (btn) => btn === 'prev' ? prevBtn.classList.contains('--disabled') : nextBtn.classList.contains('--disabled');
-                  const determineNextBtnAccessibility = () => {
-                    if(!canMoveNext()) {
-                      !isBtnDisabled('next') && disableBtn('next');
-                    }
-                    else if(isBtnDisabled('next')) {
-                      enableBtn('next');
-                    }
-                  };
-                  const determinePrevBtnAccessibility = () => {
-                    if(!canMovePrev()) {
-                      !isBtnDisabled('prev') && disableBtn('prev');
-                    }
-                    else if(isBtnDisabled('prev')) {
-                      enableBtn('prev');
-                    }
-                  };
-                  const determineBtnsAccessibility = () => {
-                    determinePrevBtnAccessibility();
-                    determineNextBtnAccessibility();
-                  };
-
-                  createPrevBtn();
-                  createNextBtn();
-                  determineBtnsAccessibility();
-                };
-
-                const createZoomButtons = () => {
-                  const maxLevel = 10;
-                  const baseLevel = 1;
-                  const levelStep = 1;
-                  let zoomInBtn, zoomOutBtn;
-
-                  const canZoomIn = () => fieldStates.zoomLevel + 0.5 <= maxLevel;
-                  const canZoomOut = () => fieldStates.zoomLevel - 0.5 >= baseLevel;
-                  const isBtnDisabled = (btn) => btn === 'zoom-in' ? zoomInBtn.classList.contains('--disabled') : zoomOutBtn.classList.contains('--disabled');
-                  const disableBtn = (btn) => btn === 'zoom-in' ? zoomInBtn.classList.add('--disabled') : zoomOutBtn.classList.add('--disabled');
-                  const enableBtn = (btn) => btn === 'zoom-in' ? zoomInBtn.classList.remove('--disabled') : zoomOutBtn.classList.remove('--disabled');
-                  const determineZoomInBtnAccessibility = () => {
-                    if(!canZoomIn()) {
-                      !isBtnDisabled('zoom-in') && disableBtn('zoom-in');
-                    }
-                    else if(isBtnDisabled('zoom-in')) {
-                      enableBtn('zoom-in');
-                    }
-                  };
-                  const determineZoomOutBtnAccessibility = () => {
-                    if(!canZoomOut()) {
-                      !isBtnDisabled('zoom-out') && disableBtn('zoom-out');
-                    }
-                    else if(isBtnDisabled('zoom-out')) {
-                      enableBtn('zoom-out');
-                    }
-                  };
-                  const determineBtnsAccessibility = () => {
-                    determineZoomInBtnAccessibility();
-                    determineZoomOutBtnAccessibility();
-                  };
-                  const zoomIn = () => {
-                    fieldStates.zoomLevel += 0.5;
-                    determineBtnsAccessibility();
-                    renderData(0, false, false);
-                  };
-                  const zoomOut = () => {
-                    fieldStates.zoomLevel -= 0.5;
-                    determineBtnsAccessibility();
-                    renderData(0, false, false);
-                  }
-                  const resetZoomLevel = () => {
-                    fieldStates.zoomLevel = 1;
-                    determineBtnsAccessibility();
-                  };
-                  const createZoomInBtn =() => {
-                    zoomInBtn = document.createElement('div');
-                    zoomInBtn.classList.add('zoom-in-btn');
-                    zoomInBtn.title = 'Zoom In';
-
-                    const zoomInIconEl = document.createElement('span');
-                    zoomInIconEl.innerHTML = '+';
-                    zoomInBtn.appendChild(zoomInIconEl);
-                    imageViewerEl.appendChild(zoomInBtn);
-
-                    const zoomInAction = () => canZoomIn() && zoomIn();
-                    zoomInBtn.addEventListener('click', zoomInAction);
-                    keyAction('=', zoomInAction);
-                  };
-
-                  const createZoomOutBtn = () => {
-                    zoomOutBtn = document.createElement('div');
-                    zoomOutBtn.classList.add('zoom-out-btn');
-                    zoomOutBtn.title = 'Zoom Out';
-
-                    const zoomOutIconEl = document.createElement('span');
-                    zoomOutIconEl.innerHTML = '-';
-                    zoomOutBtn.appendChild(zoomOutIconEl);
-                    imageViewerEl.appendChild(zoomOutBtn);
-
-                    const performZoomOut = () => canZoomOut() && zoomOut();
-                    zoomOutBtn.addEventListener('click', performZoomOut);
-                    keyAction('-', performZoomOut);
-                    
-                  };
-
-                  createZoomInBtn();
-                  createZoomOutBtn();
-                  resetZoomLevel();
-                };
-
-                const createToolbar = () => {
-                  const toolbarEl = document.createElement('div');
-                  toolbarEl.classList.add('toolbar');
-
-                  const createPageTitle = () => {
-                    const wrapperEl = document.createElement('div');
-                    wrapperEl.classList.add('page-title-wrapper');
-
-                    pageCountEl = document.createElement('div');
-                    pageCountEl.classList.add('page-count');
-
-                    const pageNameWrapperEl = document.createElement('div');
-                    pageNameWrapperEl.classList.add('page-title');
-
-                    pageNameEl = document.createElement('span');
-                    pageNameWrapperEl.appendChild(pageNameEl);
-
-                    wrapperEl.appendChild(pageCountEl);
-                    wrapperEl.appendChild(pageNameWrapperEl);
-
-                    toolbarEl.appendChild(wrapperEl);
-                  };
-
-                  const createContextSwitcher = () => {
-                    const wrapperEl = document.createElement('div');
-                    wrapperEl.classList.add('context-switcher-wrapper');
-
-                    const label = document.createElement("label");
-                    label.textContent = "Context Switcher: ";
-                    label.setAttribute("for", "context-switcher");
-
-                    const selectEl = document.createElement("select");
-                    selectEl.id = "context-switcher";
-                    selectEl.classList.add("context-dropdown");
-
-                    const isTextClipped = (element) => {
-                        return element.offsetWidth < element.scrollWidth;
-                    };
-
-                    pageOpts.forEach(page => {
-                        const optionEl = document.createElement("option");
-                        optionEl.value = page;
-                        optionEl.textContent = page;
-
-                        if (page === valueStates.page) {
-                            optionEl.selected = true;
-                        }
-
-                        optionEl.addEventListener("mouseover", function () {
-                            if (isTextClipped(optionEl)) {
-                                optionEl.setAttribute("title", page);
-                            } else {
-                                optionEl.removeAttribute("title");
-                            }
-                        });
-                        selectEl.appendChild(optionEl);
-                    });
-
-                    selectEl.addEventListener("change", (event) => {
-                        const selectedPage = event.target.value;
-                        valueStates.page = selectedPage;
-                        valueStates.currentIndex = pageOpts.indexOf(selectedPage);
-                        renderData(0, true);
-                    });
-
-                    wrapperEl.appendChild(label);
-                    wrapperEl.appendChild(selectEl);
-                    toolbarEl.appendChild(wrapperEl);
-                  };
-
-                  const createSmartCompateBtn = () => {
-                    const wrapperEl = document.createElement("div");
-                    wrapperEl.classList.add('smart-compare-wrapper');
-
-                    const label = document.createElement("span");
-                    label.textContent = "Smart compare: ";
-
-                    smartCompareSwitchEl = document.createElement("div");
-                    smartCompareSwitchEl.classList.add('switch-wrapper');
-                    wrapperEl.title = 'Compare with source locale context image';
-
-                    smartCompareKnobEl = document.createElement("div");
-                    smartCompareKnobEl.classList.add('switch-knob');
-
-                    smartCompareSwitchEl.addEventListener("click", function () {
-                      if(disableSmartCompare) {
-                        return;
-                      }
-                      fieldStates.smartCompare = !fieldStates.smartCompare;
-                      renderData(300, true, true);
-                    });
-
-                    wrapperEl.appendChild(label);
-                    smartCompareSwitchEl.appendChild(smartCompareKnobEl);
-                    wrapperEl.appendChild(smartCompareSwitchEl);
-                    toolbarEl.appendChild(wrapperEl);
-                  };
-
-                  createPageTitle();
-                  createContextSwitcher();
-                  createSmartCompateBtn();
-
-                  imageViewerMainWrapperEl.appendChild(toolbarEl);
-                };
-
-                const createSplitView = (enableSplitView = false) => {
-                  const clampImage = (value, min, max) => {
-                      return Math.max(min, Math.min(value, max));
-                  };
-
-                  const startDrag = (event, img) => {
-                    if(fieldStates.zoomLevel === 1) {
-                      return;
-                    }
-
-                    fieldStates.dragging.isActive = true;
-                    fieldStates.dragging.isSource = img === 'source';
-                    fieldStates.dragging.isTarget = img === 'target';
-                    fieldStates.offsets.x = event.clientX;
-                    fieldStates.offsets.y = event.clientY;
-                    sourceImageWrapper.style.cursor = "grabbing";
-                    targetImageWrapper.style.cursor = "grabbing";
-                  };
-
-                  const stopDrag = () => {
-                    const cursor = fieldStates.zoomLevel === 1 ? 'default' : 'grab';
-                    fieldStates.dragging.isActive = false;
-                    fieldStates.dragging.isSource = false;
-                    fieldStates.dragging.isTarget = false;
-                    sourceImageWrapper.style.cursor = cursor;
-                    targetImageWrapper.style.cursor = cursor;
-                  };
-
-                  const dragMove = (event) => {
-                    if (!fieldStates.dragging.isActive || fieldStates.zoomLevel === 1) {
-                      return;
-                    }
-
-                    const dx = (event.clientX - fieldStates.offsets.x) * fieldStates.zoomLevel;
-                    const dy = (event.clientY - fieldStates.offsets.y) * fieldStates.zoomLevel;
-                    fieldStates.offsets.moveX += dx;
-                    fieldStates.offsets.moveY += dy;
-
-                    const wrapper = fieldStates.dragging.isSource ? sourceImageWrapper : targetImageWrapper;
-                    const image = fieldStates.dragging.isSource ? sourceImageEl : targetImageEl;
-                    const viewerWidth = wrapper.clientWidth;
-                    const viewerHeight = wrapper.clientHeight;
-                    const imgWidth = image.width * fieldStates.zoomLevel;
-                    const imgHeight = image.height * fieldStates.zoomLevel;
-
-                    const minX = -(imgWidth - viewerWidth) / 2;
-                    const maxX = (imgWidth - viewerWidth) / 2;
-                    const minY = -(imgHeight - viewerHeight) / 2;
-                    const maxY = (imgHeight - viewerHeight) / 2;
-
-                    fieldStates.offsets.moveX = clampImage(fieldStates.offsets.moveX, minX, maxX);
-                    fieldStates.offsets.moveY = clampImage(fieldStates.offsets.moveY, minY, maxY);
-
-                    fieldStates.offsets.x = event.clientX;
-                    fieldStates.offsets.y = event.clientY;
-
-                    renderData(0, false, false);
-                  };
-
-                  const imageSectionEl = document.createElement('div');
-                  imageSectionEl.classList.add('image-section');
-
-                  imagesSplitViewEl = document.createElement('div');
-                  imagesSplitViewEl.classList.add('split-view');
-
-                  const sourceImageWrapper = document.createElement('div');
-                  const targetImageWrapper = document.createElement('div');
-                  const sourceLocaleNameBar = document.createElement('div');
-                  const sourceLocaleNameEl = document.createElement('span');
-                  const targetLocaleNameBar = document.createElement('div');
-                  const targetLocaleNameEl = document.createElement('span');
-                  sourceLocaleNameBar.classList.add('locale-name-bar');
-                  targetLocaleNameBar.classList.add('locale-name-bar');
-                  sourceLocaleNameEl.innerHTML = \`\${DataStore.getDefaultLocale()} Image\`;
-                  targetLocaleNameEl.innerHTML = \`\${locale} Image\`;
-
-                  sourceImageWrapper.classList.add('source-image-wrapper');
-                  targetImageWrapper.classList.add('target-image-wrapper');
-
-
-                  sourceImageEl = document.createElement('img');
-                  sourceImageEl.classList.add('source-image');
-                  sourceImageWrapper.classList.add('--hidden');
-
-                  targetImageEl = document.createElement('img');
-                  targetImageEl.classList.add('target-image');
-
-                  sourceImageWrapper.addEventListener("mousedown", (e) => startDrag(e, 'source'));
-                  targetImageWrapper.addEventListener("mousedown", (e) => startDrag(e, 'target'));
-                  sourceImageWrapper.addEventListener("mouseup", (e) => stopDrag(e, 'source'));
-                  targetImageWrapper.addEventListener("mouseup", (e) => stopDrag(e, 'target'));
-                  document.addEventListener("mousemove", dragMove);
-
-                  sourceImageWrapper.appendChild(sourceImageEl);
-                  targetImageWrapper.appendChild(targetImageEl);
-                  sourceLocaleNameBar.appendChild(sourceLocaleNameEl);
-                  sourceImageWrapper.appendChild(sourceLocaleNameBar);
-                  targetLocaleNameBar.appendChild(targetLocaleNameEl);
-                  targetImageWrapper.appendChild(targetLocaleNameBar);
-
-                  imagesSplitViewEl.appendChild(sourceImageWrapper);
-                  imagesSplitViewEl.appendChild(targetImageWrapper);
-
-                  imageSectionEl.appendChild(imagesSplitViewEl);
-                  imageViewerMainWrapperEl.appendChild(imageSectionEl);
-                };
-
-                loadData();
-                createCloseBtn();
-                createLoader();
-                createImageViewer();
-              };
-
-              renderContextTiles();
-            };
-
-            if(DataStore.isContextRun()) {
-              title = 'Context Creation Details';
-              info = \`\${window.isStandaloneReport ? 'Created' : 'Imported'} context screenshots for the locales \${DataStore.getLocales().map(locale => {
-                const localeStats = DataStore.getStatByLocale(locale);
-                return \`<strong>\${locale}</strong>(<em>\${localeStats?.context || 0} contexts</em>, <em>\${localeStats?.reviewed || 0} strings</em>)\`;
-              }).join(', ')}\${!window.isStandaloneReport ? \` with version <strong>\${DataStore.getReportFolderTimestamp()}</strong>\` : ''}.\`;
-              renderPagesSection();
-            }
-            else {
-              const locales = DataStore.getLocales();
-              title = 'Sanity run details';
-              info = \`Sanity run has successfully covered \${DataStore.getStatByLocale(locales[0])?.reviewed || 0} pages for the locales \${locales.map(locale => {
-                return \`<strong>\${locale}</em>\`;
-              }).join(', ')}.\`;
-            }
-
-            titleEl.textContent = title;
-            infoEl.innerHTML = info;
-          }
-
-          return;
-        }
-        else {
-          document.querySelector('#overview .common-info')?.remove();
-
-          let overviewChart,
-            stringChart,
-            dateTimeChart,
-            numberChart,
-            ignoredChart;
-
-          window.persistOverviewCharts = () => {
-            if(DataStore.isContextRun() || DataStore.isSanityRun()) {
-              return;
-            }
-
-            const reset = (chart) => {
-              chart.resetSeries(true, true);
-            };
-
-            reset(overviewChart);
-            reset(stringChart);
-            reset(dateTimeChart);
-            reset(numberChart);
-            reset(ignoredChart);
-          };
-
-          renderOverallChart();
-          renderStringChart();
-          renderIgnoredChart();
-          renderNumberChart();
-          renderDatetimeChart();
-
-          function renderOverallChart() {
-            const overallStats = DataStore.getOverallStats();
-            const reviewed = overallStats.reviewed;
-            const locales = DataStore.getLocales().length;
-            const type = {
-                I18NED: 'Internationalized',
-                NOT_I18NED: 'Not Internationalized',
-                SKIPPED: 'Skipped'
-              },
-              valueMap = {
-                [type.I18NED]:
-                  overallStats.localizedStrings +
-                  overallStats.partialStrings +
-                  overallStats.untranslatedStrings +
-                  overallStats.localizedDateTime +
-                  overallStats.localizedDate +
-                  overallStats.localizedTime +
-                  overallStats.localizedNumber +
-                  overallStats.localizedCurrency +
-                  overallStats.localizedPercentage,
-                [type.NOT_I18NED]:
-                  overallStats.notLocalizedStrings +
-                  overallStats.notLocalizedDateTime +
-                  overallStats.notLocalizedDate +
-                  overallStats.notLocalizedTime +
-                  overallStats.notLocalizedNumber +
-                  overallStats.notLocalizedCurrency +
-                  overallStats.notLocalizedPercentage,
-                [type.SKIPPED]:
-                  overallStats.dnt +
-                  overallStats.ignored +
-                  overallStats.autoIgnored +
-                  overallStats.userInput
-              },
-              percentageCalc = (value) => {
-                const val = ((value / reviewed) * 100).toFixed(0);
-                return isNaN(val) || !isFinite(val) ? 0 : val;
-              };
-
-            var options = {
-              series: [
-                {
-                  name: '',
-                  data: [
-                    percentageCalc(valueMap[type.I18NED]),
-                    percentageCalc(valueMap[type.NOT_I18NED]),
-                    percentageCalc(valueMap[type.SKIPPED])
-                  ]
-                }
-              ],
-              chart: {
-                type: 'bar',
-                height: 200,
-                toolbar: {
-                  show: false
-                },
-                animations: {
-                  enabled: true,
-                  easing: 'easeinout',
-                  speed: 800,
-                  animateGradually: {
-                    enabled: true,
-                    delay: 150
-                  },
-                  dynamicAnimation: {
-                    enabled: true,
-                    speed: 350
-                  }
-                }
-              },
-              plotOptions: {
-                bar: {
-                  horizontal: true,
-                  borderRadius: 3,
-                  dataLabels: {
-                    position: 'right'
-                  }
-                }
-              },
-              title: {
-                text: \`Total Reviewed strings in \${locales} locales: \${reviewed}\`,
-                align: 'center',
-                floating: true,
-                style: {
-                  fontSize: '14px',
-                  fontWeight: 'bold'
-                }
-              },
-              dataLabels: {
-                enabled: true,
-                style: {
-                  colors: ['#080404b0']
-                },
-                formatter: (val) => {
-                  return \`\${val}%\`;
-                }
-              },
-              xaxis: {
-                categories: [type.I18NED, type.NOT_I18NED, type.SKIPPED],
-                min: 0,
-                max: 100,
-                labels: {
-                  formatter: (v) => \`\${v}%\`
-                }
-              },
-              yaxis: {
-                labels: {
-                  style: {
-                    fontSize: '13px'
-                  }
-                }
-              },
-              colors: [
-                (v) => {
-                  switch (v.dataPointIndex) {
-                    case 0:
-                      return '#31E994'; //green
-                    case 1:
-                      return '#ff8173'; //red
-                    case 2:
-                      return '#f5eb5f'; //yellow
-                  }
-                }
-              ],
-              tooltip: {
-                theme: 'dark',
-                x: {
-                  formatter: (v) => \`Total Number of \${v} instances:\`
-                },
-                y: {
-                  formatter: function (v, { dataPointIndex }) {
-                    let count = 0;
-                    switch (dataPointIndex) {
-                      case 0:
-                        count = valueMap[type.I18NED];
-                        break;
-                      case 1:
-                        count = valueMap[type.NOT_I18NED];
-                        break;
-                      case 2:
-                        count = valueMap[type.SKIPPED];
-                        break;
-                    }
-                    return \`\${v}% (\${count} strings)\`;
-                  }
-                }
-              }
-            };
-
-            (overviewChart = new ApexCharts(
-              document.querySelector('.overall-quality .graph'),
-              options
-            )).render();
-          }
-
-          function renderStringChart() {
-            const overallStats = DataStore.getOverallStats();
-            const type = {
-                LOCALIZED: 'Localized',
-                PARTIAL: 'Partially Localized',
-                NOT_LOCALIZED: 'Not Localized',
-                UNTRANSLATED: 'Untranslated',
-                ENCODING: 'Encoding Issue',
-                IGNORED: 'Ignored'
-              },
-              valueMap = {
-                [type.LOCALIZED]: overallStats.localizedStrings,
-                [type.PARTIAL]: overallStats.partialStrings,
-                [type.NOT_LOCALIZED]: overallStats.notLocalizedStrings,
-                [type.UNTRANSLATED]: overallStats.untranslatedStrings,
-                [type.ENCODING]: overallStats.encoding,
-                [type.IGNORED]:
-                  overallStats.dnt +
-                  overallStats.ignored +
-                  overallStats.autoIgnored +
-                  overallStats.userInput
-              },
-              total = Object.values(valueMap).reduce(
-                (acc, curr) => acc + curr,
-                0
-              ),
-              data = [
-                valueMap[type.LOCALIZED],
-                valueMap[type.PARTIAL],
-                valueMap[type.NOT_LOCALIZED],
-                valueMap[type.IGNORED],
-                valueMap[type.ENCODING],
-                valueMap[type.UNTRANSLATED]
-              ],
-              options = {
-                series:
-                  data.reduce((acc, curr) => acc + curr, 0) === 0 ? [] : data,
-                chart: {
-                  width: 430,
-                  type: 'pie',
-                  animations: {
-                    enabled: true,
-                    easing: 'easeinout',
-                    speed: 800,
-                    animateGradually: {
-                      enabled: true,
-                      delay: 150
-                    },
-                    dynamicAnimation: {
-                      enabled: true,
-                      speed: 350
-                    }
-                  }
-                },
-                noData: {
-                  text: 'No metrics available',
-                  align: 'left',
-                  verticalAlign: 'middle',
-                  offsetX: 0,
-                  offsetY: -50,
-                  style: {
-                    fontSize: '14px'
-                  }
-                },
-                labels: [
-                  type.LOCALIZED,
-                  type.PARTIAL,
-                  type.NOT_LOCALIZED,
-                  type.IGNORED,
-                  type.ENCODING,
-                  type.UNTRANSLATED
-                ],
-                tooltip: {
-                  theme: 'dark',
-                  y: {
-                    formatter: function (v, { config, dataPointIndex }) {
-                      let count = 0,
-                        value = Number(
-                          (v /
-                            config.series.reduce((acc, curr) => acc + curr, 0)) *
-                            100
-                        ).toFixed(0);
-                      value = isNaN(value) || !isFinite(value) ? 0 : value;
-
-                      switch (dataPointIndex) {
-                        case 0:
-                          count = valueMap[type.LOCALIZED];
-                          break;
-                        case 1:
-                          count = valueMap[type.PARTIAL];
-                          break;
-                        case 2:
-                          count = valueMap[type.NOT_LOCALIZED];
-                          break;
-                        case 3:
-                          count = valueMap[type.IGNORED];
-                          break;
-                        case 4:
-                          count = valueMap[type.ENCODING];
-                          break;
-                        case 5:
-                          count = valueMap[type.UNTRANSLATED];
-                          break;
-                      }
-
-                      return \`\${value}% (\${count} strings)\`;
-                    },
-                    title: {
-                      formatter: function (a) {
-                        return \`Total Number of \${a} strings:\`;
-                      }
-                    }
-                  }
-                },
-                colors: [
-                  ({ seriesIndex, w }) => {
-                    const currType = w.config.labels[seriesIndex];
-
-                    switch (currType) {
-                      case type.LOCALIZED:
-                        return '#31E994';
-                      case type.NOT_LOCALIZED:
-                        return '#E44242';
-                      case type.PARTIAL:
-                        return '#DADF40';
-                      case type.UNTRANSLATED:
-                        return '#F44E9E';
-                      case type.IGNORED:
-                        return '#AFA6AB';
-                      case type.ENCODING:
-                        return '#3AD1F3';
-
-                      default:
-                        return '';
-                    }
-                  }
-                ],
-                legend: {
-                  offsetX: -50,
-                  width: 170,
-                  formatter: (seriesName, a, b, c) => {
-                    let value = ((valueMap[seriesName] / total) * 100).toFixed(0);
-                    value = isNaN(value) || !isFinite(value) ? 0 : value;
-                    return \`\${seriesName} (\${value}%)\`;
-                  }
-                },
-                dataLabels: {
-                  formatter: (v) => \`\${Number(v).toFixed(0)}%\`,
-                  dropShadow: { enabled: false },
-                  style: {
-                    colors: ['#080404b0']
-                  }
-                }
-              };
-
-            (stringChart = new ApexCharts(
-              document.querySelector('.string-quality .graph'),
-              options
-            )).render();
-          }
-
-          function renderIgnoredChart() {
-            const overallStats = DataStore.getOverallStats();
-            const type = {
-                DNT: 'DNT',
-                IGNORED: 'Ignored',
-                USER_INPUTS: 'User Inputs'
-              },
-              valueMap = {
-                [type.DNT]: overallStats.dnt,
-                [type.IGNORED]: overallStats.ignored + overallStats.autoIgnored,
-                [type.USER_INPUTS]: overallStats.userInput
-              },
-              total = Object.values(valueMap).reduce(
-                (acc, curr) => acc + curr,
-                0
-              ),
-              data = [
-                valueMap[type.DNT],
-                valueMap[type.IGNORED],
-                valueMap[type.USER_INPUTS]
-              ],
-              options = {
-                series:
-                  data.reduce((acc, curr) => acc + curr, 0) === 0 ? [] : data,
-                chart: {
-                  width: 400,
-                  type: 'pie',
-                  animations: {
-                    enabled: true,
-                    easing: 'easeinout',
-                    speed: 800,
-                    animateGradually: {
-                      enabled: true,
-                      delay: 150
-                    },
-                    dynamicAnimation: {
-                      enabled: true,
-                      speed: 350
-                    }
-                  }
-                },
-                labels: [type.DNT, type.IGNORED, type.USER_INPUTS],
-                tooltip: {
-                  theme: 'dark',
-                  y: {
-                    formatter: function (v, { config, dataPointIndex }) {
-                      let count = 0,
-                        value = Number(
-                          (v /
-                            config.series.reduce((acc, curr) => acc + curr, 0)) *
-                            100
-                        ).toFixed(0);
-                      value = isNaN(value) || !isFinite(value) ? 0 : value;
-
-                      switch (dataPointIndex) {
-                        case 0:
-                          count = valueMap[type.DNT];
-                          break;
-                        case 1:
-                          count = valueMap[type.IGNORED];
-                          break;
-                        case 2:
-                          count = valueMap[type.USER_INPUTS];
-                          break;
-                      }
-
-                      return \`\${value}% (\${count} strings)\`;
-                    },
-                    title: {
-                      formatter: function (a) {
-                        return \`Total Number of \${a} strings:\`;
-                      }
-                    }
-                  }
-                },
-                colors: [
-                  ({ seriesIndex, w }) => {
-                    const currType = w.config.labels[seriesIndex];
-
-                    switch (currType) {
-                      case type.DNT:
-                        return '#31E994';
-                      case type.IGNORED:
-                        return '#3AD1F3';
-                      case type.USER_INPUTS:
-                        return '#DADF40';
-
-                      default:
-                        return '';
-                    }
-                  }
-                ],
-                noData: {
-                  text: 'No metrics available',
-                  align: 'center',
-                  verticalAlign: 'middle',
-                  offsetX: -70,
-                  offsetY: -25,
-                  style: {
-                    fontSize: '14px'
-                  }
-                },
-                legend: {
-                  offsetX: -40,
-                  formatter: (seriesName) => {
-                    let value = ((valueMap[seriesName] / total) * 100).toFixed(0);
-                    value = isNaN(value) || !isFinite(value) ? 0 : value;
-                    return \`\${seriesName} (\${value}%)\`;
-                  }
-                },
-                dataLabels: {
-                  formatter: (v) => \`\${Number(v).toFixed(0)}%\`,
-                  style: {
-                    colors: ['#080404b0']
-                  },
-                  dropShadow: { enabled: false }
-                }
-              };
-
-            (ignoredChart = new ApexCharts(
-              document.querySelector('.skipped-items .graph'),
-              options
-            )).render();
-          }
-
-          function renderNumberChart() {
-            const overallStats = DataStore.getOverallStats();
-            const types = ['Number', 'Currency', 'Percentage'],
-              data = {
-                number_i18n: overallStats.localizedNumber,
-                currency_i18n: overallStats.localizedCurrency,
-                percentage_i18n: overallStats.localizedPercentage,
-                number_not_i18n: overallStats.notLocalizedNumber,
-                currency_not_i18n: overallStats.notLocalizedCurrency,
-                percentage_not_i18n: overallStats.notLocalizedPercentage
-              },
-              total = Object.values(data).reduce((acc, curr) => acc + curr, 0),
-              percentageCalc = (v, t) => {
-                const val = ((v / t) * 100).toFixed(0);
-                return isNaN(val) || !isFinite(val) ? 0 : val;
-              },
-              i18nPercentage = percentageCalc(
-                data.number_i18n + data.percentage_i18n + data.currency_i18n,
-                total
-              ),
-              nonI18nPercentage = percentageCalc(
-                data.number_not_i18n +
-                  data.percentage_not_i18n +
-                  data.currency_not_i18n,
-                total
-              ),
-              numberTotal = data.number_i18n + data.number_not_i18n,
-              currencyTotal = data.currency_i18n + data.currency_not_i18n,
-              percentageTotal = data.percentage_i18n + data.percentage_not_i18n,
-              numberI18n = percentageCalc(data.number_i18n, numberTotal),
-              currencyI18n = percentageCalc(data.currency_i18n, currencyTotal),
-              percentageI18n = percentageCalc(
-                data.percentage_i18n,
-                currencyTotal
-              ),
-              numberNotI18n = percentageCalc(data.number_not_i18n, numberTotal),
-              currencyNotI18n = percentageCalc(
-                data.currency_not_i18n,
-                currencyTotal
-              ),
-              percentageNotI18n = percentageCalc(
-                data.percentage_not_i18n,
-                currencyTotal
-              ),
-              options = {
-                series: [
-                  {
-                    name: 'Internationalized',
-                    data: [numberI18n, currencyI18n, percentageI18n]
-                  },
-                  {
-                    name: 'Not Internationalized',
-                    data: [numberNotI18n, currencyNotI18n, percentageNotI18n]
-                  }
-                ],
-                chart: {
-                  type: 'bar',
-                  height: 250,
-                  width: 550,
-                  toolbar: {
-                    show: false
-                  },
-                  animations: {
-                    enabled: true,
-                    easing: 'easeinout',
-                    speed: 800,
-                    animateGradually: {
-                      enabled: true,
-                      delay: 150
-                    },
-                    dynamicAnimation: {
-                      enabled: true,
-                      speed: 350
-                    }
-                  }
-                },
-                dataLabels: {
-                  enabled: true,
-                  dropShadow: { enabled: false },
-                  style: {
-                    colors: ['#080404b0']
-                  },
-                  formatter: (val) => {
-                    return \`\${val}%\`;
-                  }
-                },
-                stroke: {
-                  show: true,
-                  width: 1,
-                  colors: ['#fff']
-                },
-                tooltip: {
-                  theme: 'dark',
-                  shared: true,
-                  intersect: false,
-                  x: {
-                    formatter: (type) => \`\${type} instances:\`
-                  },
-                  y: {
-                    formatter: (v, { seriesIndex, dataPointIndex }) => {
-                      const getI18nCount = (type) => {
-                          switch (type) {
-                            case 'number':
-                              return data.number_i18n;
-                            case 'currency':
-                              return data.currency_i18n;
-                            case 'percentage':
-                              return data.percentage_i18n;
-                          }
-                        },
-                        getNonI18nCount = (type) => {
-                          switch (type) {
-                            case 'number':
-                              return data.number_not_i18n;
-                            case 'currency':
-                              return data.currency_not_i18n;
-                            case 'percentage':
-                              return data.percentage_not_i18n;
-                          }
-                        },
-                        getCount = (type) => {
-                          return seriesIndex === 0
-                            ? getI18nCount(type)
-                            : getNonI18nCount(type);
-                        };
-
-                      switch (dataPointIndex) {
-                        case 0:
-                          return getCount('number');
-                        case 1:
-                          return getCount('currency');
-                        case 2:
-                          return getCount('percentage');
-                      }
-                    }
-                  }
-                },
-                xaxis: {
-                  categories: types
-                },
-                yaxis: {
-                  min: 0,
-                  max: 100,
-                  labels: {
-                    formatter: (v) => \`\${v}%\`
-                  }
-                },
-                colors: ['#31E994', '#ff8173'],
-                legend: {
-                  offsetX: -13,
-                  position: 'right',
-                  formatter: (seriesName) => {
-                    if (seriesName === 'Internationalized') {
-                      return \`\${seriesName} (\${i18nPercentage}%)\`;
-                    }
-                    return \`\${seriesName} (\${nonI18nPercentage}%)\`;
-                  }
-                },
-                plotOptions: {
-                  bar: {
-                    borderRadius: 3,
-                    columnWidth: '85%'
-                  }
-                }
-              };
-
-            (numberChart = new ApexCharts(
-              document.querySelector('.number-quality .graph'),
-              options
-            )).render();
-          }
-
-          function renderDatetimeChart() {
-            const overallStats = DataStore.getOverallStats();
-            const types = ['Date', 'Time', 'DateTime'],
-              data = {
-                date_i18n: overallStats.localizedDate,
-                time_i18n: overallStats.localizedTime,
-                date_time_i18n: overallStats.localizedDateTime,
-                date_not_i18n: overallStats.notLocalizedDate,
-                time_not_i18n: overallStats.notLocalizedTime,
-                date_time_not_i18n: overallStats.notLocalizedDateTime
-              },
-              total = Object.values(data).reduce((acc, curr) => acc + curr, 0),
-              percentageCalc = (v, t) => {
-                const val = ((v / t) * 100).toFixed(0);
-                return isNaN(val) || !isFinite(val) ? 0 : val;
-              },
-              i18nPercentage = percentageCalc(
-                data.date_i18n + data.time_i18n + data.date_time_i18n,
-                total
-              ),
-              nonI18nPercentage = percentageCalc(
-                data.date_not_i18n + data.time_not_i18n + data.date_time_not_i18n,
-                total
-              ),
-              dateTotal = data.date_i18n + data.date_not_i18n,
-              timeTotal = data.time_i18n + data.time_not_i18n,
-              dateTimeTotal = data.date_time_i18n + data.date_time_not_i18n,
-              dateI18n = percentageCalc(data.date_i18n, dateTotal),
-              timeI18n = percentageCalc(data.time_i18n, timeTotal),
-              dateTimeI18n = percentageCalc(data.date_time_i18n, dateTimeTotal),
-              dateNotI18n = percentageCalc(data.date_not_i18n, dateTotal),
-              timeNotI18n = percentageCalc(data.time_not_i18n, timeTotal),
-              dateTimeNotI18n = percentageCalc(
-                data.date_time_not_i18n,
-                dateTimeTotal
-              ),
-              options = {
-                series: [
-                  {
-                    name: 'Internationalized',
-                    data: [dateI18n, timeI18n, dateTimeI18n]
-                  },
-                  {
-                    name: 'Not Internationalized',
-                    data: [dateNotI18n, timeNotI18n, dateTimeNotI18n]
-                  }
-                ],
-                chart: {
-                  type: 'bar',
-                  height: 250,
-                  width: 550,
-                  toolbar: {
-                    show: false
-                  },
-                  animations: {
-                    enabled: true,
-                    easing: 'easeinout',
-                    speed: 800,
-                    animateGradually: {
-                      enabled: true,
-                      delay: 150
-                    },
-                    dynamicAnimation: {
-                      enabled: true,
-                      speed: 350
-                    }
-                  }
-                },
-                dataLabels: {
-                  enabled: true,
-                  dropShadow: { enabled: false },
-                  style: {
-                    colors: ['#080404b0']
-                  },
-                  formatter: (val) => {
-                    return \`\${val}%\`;
-                  }
-                },
-                stroke: {
-                  show: true,
-                  width: 1,
-                  colors: ['#fff']
-                },
-                tooltip: {
-                  theme: 'dark',
-                  shared: true,
-                  intersect: false,
-                  x: {
-                    formatter: (type) => \`\${type} instances:\`
-                  },
-                  y: {
-                    formatter: (v, { seriesIndex, dataPointIndex }) => {
-                      const getI18nCount = (type) => {
-                          switch (type) {
-                            case 'date':
-                              return data.date_i18n;
-                            case 'time':
-                              return data.time_i18n;
-                            case 'date_time':
-                              return data.date_time_i18n;
-                          }
-                        },
-                        getNonI18nCount = (type) => {
-                          switch (type) {
-                            case 'date':
-                              return data.date_not_i18n;
-                            case 'time':
-                              return data.time_not_i18n;
-                            case 'date_time':
-                              return data.date_time_not_i18n;
-                          }
-                        },
-                        getCount = (type) => {
-                          return seriesIndex === 0
-                            ? getI18nCount(type)
-                            : getNonI18nCount(type);
-                        };
-
-                      switch (dataPointIndex) {
-                        case 0:
-                          return getCount('date');
-                        case 1:
-                          return getCount('time');
-                        case 2:
-                          return getCount('date_time');
-                      }
-                    }
-                  }
-                },
-                xaxis: {
-                  categories: types
-                },
-                yaxis: {
-                  min: 0,
-                  max: 100,
-                  labels: {
-                    formatter: (v) => \`\${v}%\`
-                  }
-                },
-                colors: ['#31E994', '#ff8173'],
-                legend: {
-                  offsetX: 4,
-                  position: 'right',
-                  formatter: (seriesName) => {
-                    if (seriesName === 'Internationalized') {
-                      return \`\${seriesName} (\${i18nPercentage}%)\`;
-                    }
-                    return \`\${seriesName} (\${nonI18nPercentage}%)\`;
-                  }
-                },
-                plotOptions: {
-                  bar: {
-                    borderRadius: 3,
-                    columnWidth: '85%'
-                  }
-                }
-              };
-
-            (dateTimeChart = new ApexCharts(
-              document.querySelector('.datetime-quality .graph'),
-              options
-            )).render();
-          }
-        }
-      });
-    })();`,ke=()=>`// insights content
-      (() => {
-      if (!DataStore.ranSuccessfully()) {
-        document.getElementById('overview').innerHTML =
-          'Unable to prepare zQA automation report for the project.';
-        return;
-      }
-
-      document.addEventListener('DOMContentLoaded', function () {
-        renderCards();
-
-        // helper methods to generate cards and its sections
-        function createStatSection(locale, data) {
-          const holder = document.createElement('div');
-          const table = document.createElement('table');
-          const tbody = document.createElement('tbody');
-          const name = document.createElement('div');
-          const addRow = (name, value) => {
-            const row = document.createElement('tr');
-
-            const col1 = document.createElement('td');
-            col1.classList.add('name');
-            col1.textContent = name;
-
-            const col2 = document.createElement('td');
-            col2.classList.add('value');
-            col2.textContent = value;
-
-            row.appendChild(col1);
-            row.appendChild(col2);
-            return row;
-          };
-
-          if (DataStore.isSanityRun()) {
-            tbody.appendChild(addRow('Pages viewed', data.reviewed));
-          }
-          else {
-            const tableData = {
-              'Internationlized Strings':
-                data.localizedStrings +
-                data.untranslatedStrings +
-                data.partialStrings,
-              'Not Internationlized Strings': data.notLocalizedStrings,
-              'Internationlized Numbers': data.localizedNumber,
-              'Not Internationlized Numbers': data.notLocalizedNumber,
-              'Internationlized Currency': data.localizedCurrency,
-              'Not Internationlized Currency': data.notLocalizedCurrency,
-              'Internationlized Percentage': data.localizedPercentage,
-              'Not Internationlized Percentage': data.notLocalizedPercentage,
-              'Internationlized Date': data.localizedDate,
-              'Not Internationlized Date': data.notLocalizedDate,
-              'Internationlized Time': data.localizedTime,
-              'Not Internationlized Time': data.notLocalizedTime,
-              'Internationlized DateTime': data.localizedDate,
-              'Not Internationlized DateTime': data.notLocalizedDateTime,
-              'Encoding Issue Strings': data.encoding,
-              'DNT Strings': data.dnt,
-              'Ignored Strings': data.ignored,
-              'Untranslated Strings': data.untranslatedStrings,
-              'Auto Ignored Strings': data.autoIgnored,
-              'User Input Strings': data.userInput,
-              'Total Reviewed': data.reviewed
-            };
-
-            for (const rowData of Object.entries(tableData)) {
-              if (!DataStore.isSanityRun() || !DataStore.isDefaultLocale(locale) || rowData[0] !== 'Untranslated Strings') {
-                tbody.appendChild(addRow(rowData[0], rowData[1]));
-              }
-            }
-          }
-
-          holder.classList.add('stat');
-          name.classList.add('name');
-          name.textContent = 'Summary';
-          holder.append(name);
-
-          table.appendChild(tbody);
-          holder.appendChild(table);
-          return holder;
-        }
-
-        function createStatusBarSection(locale, data) {
-          const holder = document.createElement('div');
-          holder.classList.add('status-bar');
-
-          const generateBarEl = (name, total, current) => {
-            const getColorClass = (value) => {
-              if (value <= 25) {
-                return 'red';
-              } else if (value <= 50) {
-                return 'yellow';
-              } else if (value <= 75) {
-                return 'blue';
-              } else if (value <= 100) {
-                return 'green';
-              }
-            };
-            current = (current / total) * 100;
-            current = isNaN(current) || !isFinite(current) ? 0 : current;
-            const holder = document.createElement('div');
-            holder.classList.add('bar-container');
-
-            const nameHolder = document.createElement('div');
-            nameHolder.classList.add('name');
-            nameHolder.textContent = name;
-
-            const barHolder = document.createElement('div');
-            barHolder.classList.add('bar-holder');
-
-            const bar = document.createElement('div');
-            bar.classList.add('bar');
-            bar.classList.add(\`--\${getColorClass(current)}\`);
-            bar.style.width = \`\${current}%\`;
-            bar.textContent = \`\${current.toFixed(0)}%\`;
-
-            barHolder.appendChild(bar);
-            holder.appendChild(nameHolder);
-            holder.appendChild(barHolder);
-
-            return holder;
-          };
-
-          const showFull = DataStore.isSanityRun() || DataStore.isDefaultLocale(locale),
-            totalI18nCount = showFull
-              ? 100
-              : data.localizedStrings +
-                data.untranslatedStrings +
-                data.partialStrings +
-                data.notLocalizedStrings,
-            i18nStrings = showFull
-              ? 100
-              : data.localizedStrings +
-                data.untranslatedStrings +
-                data.partialStrings,
-            totalLocCount = showFull
-              ? 100
-              : totalI18nCount -
-                data.untranslatedStrings -
-                data.notLocalizedStrings,
-            totalNumberCount = showFull
-              ? 100
-              : data.localizedNumber +
-                data.localizedCurrency +
-                data.localizedPercentage +
-                data.notLocalizedPercentage +
-                data.notLocalizedCurrency +
-                data.notLocalizedNumber,
-            i18nNumbers = showFull
-              ? 100
-              : totalNumberCount -
-                data.notLocalizedPercentage -
-                data.notLocalizedCurrency -
-                data.notLocalizedNumber,
-            totalI18nDateTimeCount = showFull
-              ? 100
-              : data.localizedDate +
-                data.localizedDateTime +
-                data.localizedTime +
-                data.notLocalizedDate +
-                data.notLocalizedDateTime +
-                data.notLocalizedTime,
-            i18nDateTime = showFull
-              ? 100
-              : totalI18nDateTimeCount -
-                data.notLocalizedDate -
-                data.notLocalizedDateTime -
-                data.notLocalizedTime;
-
-          holder.appendChild(
-            generateBarEl('String I18n level', totalI18nCount, i18nStrings)
-          );
-
-          holder.appendChild(
-            generateBarEl('String L10n level', totalI18nCount, totalLocCount)
-          );
-
-          holder.appendChild(
-            generateBarEl('Number I18n level', totalNumberCount, i18nNumbers)
-          );
-
-          holder.appendChild(
-            generateBarEl(
-              'DateTime I18n level',
-              totalI18nDateTimeCount,
-              i18nDateTime
-            )
-          );
-          return holder;
-        }
-
-        function generateCardContents(locale, data) {
-          const cardContent = document.createElement('div');
-          cardContent.classList.add('card-content');
-
-          cardContent.appendChild(createStatusBarSection(locale, data));
-          cardContent.appendChild(createStatSection(locale, data));
-          return cardContent;
-        }
-
-        function createCardEl(locale, data) {
-          const card = document.createElement('div');
-          const title = document.createElement('div');
-          card.classList.add('card');
-          card.dataset.locale = locale;
-
-          if(!window.isStandaloneReport) {
-            card.classList.add('--reduced-zoom');
-          }
-
-          title.classList.add('title');
-          title.textContent = \`\${locale} details\`;
-
-          // fire menu selection event on clicking the card
-          card.addEventListener('click', () => {
-            const previousSelectedSubMenu = document.querySelector(
-              '.sub-menu-item.selected'
-            );
-            if (previousSelectedSubMenu) {
-              window.previousSelectedLocale =
-                previousSelectedSubMenu.dataset.locale;
-            }
-
-            document
-              .querySelector(\`.sub-menu-item[data-locale="\${locale}"]\`)
-              .click();
-          });
-
-          card.appendChild(title);
-          card.appendChild(generateCardContents(locale, data));
-          return card;
-        }
-
-        function renderCards() {
-          // read from global variable appData;
-          const localeInfo = DataStore.getLocalesData();
-
-          if (Object.keys(localeInfo).length) {
-            const cardHolder = document.querySelector(
-              '#insights .cards .holder'
-            );
-            for (const locale in localeInfo) {
-              const cardEl = createCardEl(
-                locale,
-                DataStore.getStatByLocale(locale)
-              );
-              cardHolder.appendChild(cardEl);
-            }
-          }
-        }
-      });
-    })();`,Ue=()=>`// locale grid
-      (() => {
-        if (!DataStore.ranSuccessfully()) {
-          return;
-        }
-
-        document.addEventListener('DOMContentLoaded', function () {
-          let table;
-          document.querySelectorAll('.sub-menu-item').forEach((menu) => {
-            menu.addEventListener('click', (e) => {
-              render(e.currentTarget.dataset.locale);
-            });
-          });
-
-          const updateTitle = (locale) => {
-            document.querySelector(
-              '#locale .title'
-            ).textContent = \`\${locale} \${DataStore.isSanityRun() ? 'Sanity Result' : 'I18n Coverage Details'}\`;
-          };
-
-          const buildGrid = (locale) => {
-            const data = DataStore.getDataByLocale(locale) || {};
-            $.fn.dataTable.ext.errMode = 'none';
-            const dataSet = [];
-            if(DataStore.isSanityRun()) {
-              Object.entries(data).map((entry) =>
-                entry[1].forEach(
-                  (v) =>
-                    dataSet.push([v.description, v.imagePath])
-                )
-              );
-            }
-            else {
-              Object.entries(data).map((entry) =>
-                entry[1].forEach(
-                  (v) =>
-                    (v.type !== 'REVIEWED') &&
-                    dataSet.push([entry[0], v.type, v.description, v.imagePath])
-                )
-              );
-            }
-            const containerHeight = document
-                  .querySelector('#locale')
-                  .getBoundingClientRect().height;
-            const scrollHeight = (75 / 100) * containerHeight;
-            table = new DataTable('#locale .coverage-info table', {
-              language: {
-                lengthMenu: "Show _MENU_ entries per page"
-              },
-              columns: DataStore.isSanityRun() ?
-                [
-                  { title: 'Page' },
-                  { title: 'Screenshot' },
-                ] : [
-                  { title: 'String' },
-                  { title: 'Status' },
-                  { title: 'Page' },
-                  { title: 'Screenshot' }
-              ],
-              columnDefs: DataStore.isSanityRun() ?
-                [
-                  {
-                    width: '80%',
-                    targets: 0
-                  },
-                  {
-                    width: '20%',
-                    targets: 1,
-                    orderable: false,
-                    searchable: false,
-                    data: null,
-                    render: function (data) {
-                      return \`<a href="#" class="view-screenshot-btn" onclick="openImageViewer('\${data[1]}')"><img title="View screenshot for '\${data[0]}'" class="view-screenshot-image"></img></a\`;
-                    },
-                    className: 'dt-head-center dt-body-center'
-                  }
-                ] :
-                [
-                  {
-                    width: '45%',
-                    targets: 0
-                  },
-                  {
-                    width: '22.5%',
-                    targets: 1
-                  },
-                  {
-                    width: '22.5%',
-                    targets: 2
-                  },
-                  {
-                    width: '10%',
-                    targets: 3,
-                    orderable: false,
-                    searchable: false,
-                    data: null,
-                    render: function (data) {
-                      return \`<a href="#" class="view-screenshot-btn" onclick="openImageViewer('\${data[3]}')"><img title="View screenshot for '\${data[2]}'" class="view-screenshot-image"></img></a>\`;
-                    },
-                    className: 'dt-head-center dt-body-center'
-                  }
-              ],
-              data: dataSet,
-              initComplete: function () {
-                const tableApi = this.api();
-                const updateFilters = () => {
-                  tableApi.columns().every(function () {
-                    const column = this;
-                    const columnIdx = column.index();
-
-                    if ((DataStore.isSanityRun() && columnIdx === 1) || columnIdx === 3 || columnIdx === 0) {
-                      return;
-                    }
-
-                    const select = $(\`select.filter[data-column="\${columnIdx}"]\`); 
-                    const selectedValue = select.val();
-
-                    select.empty().append('<option value="">Filter By</option>');
-
-                    const uniqueValues = new Set();
-                    tableApi.column(columnIdx, { search: 'applied' }).data().each((d) => uniqueValues.add(d));
-
-                    uniqueValues.forEach((value) => {
-                      select.append(\`<option value="\${value}">\${value}</option>\`);
-                    });
-
-                    if (selectedValue && uniqueValues.has(selectedValue)) {
-                      select.val(selectedValue);
-                    }
-                  });
-                };
-
-                  tableApi.columns().every(function () {
-                    const column = this;
-                    const columnIdx = column.index();
-
-                    if ((DataStore.isSanityRun() && columnIdx === 1) || columnIdx === 3 || columnIdx === 0) {
-                      return;
-                    }
-
-                    const header = $(column.header());
-                    let wrapper = header.find('.header-wrapper');
-
-                    if (!wrapper.length) {
-                      wrapper = $('<div class="header-wrapper"></div>');
-                      header.contents().appendTo(wrapper);
-                      header.append(wrapper);
-                    }
-
-                    let select = wrapper.find('select.filter');
-                    if (!select.length) {
-                      select = $(\`<select class="filter dt-input" data-column="\${columnIdx}"><option value="">Filter By</option></select>\`)
-                        .appendTo(wrapper)
-                        .on('change', function () {
-                          const val = $.fn.dataTable.util.escapeRegex($(this).val());
-                          column.search(val ? \`^\${val}$\` : '', true, false).draw();
-                          updateFilters();
-                        });
-
-                      column.data().unique().sort().each((d) => {
-                        select.append(\`<option value="\${d}">\${d}</option>\`);
-                      });
-                    }
-                  });
-
-                    $('select.filter').on('click', function (event) {
-                      event.stopPropagation();
-                    });
-
-                tableApi.on('draw', updateFilters);
-                
-                const firstParent = document.querySelector('.dt-layout-row');
-                if (firstParent) {
-                  const startCell = firstParent.querySelector('.dt-layout-cell.dt-start');
-                  const endCell = firstParent.querySelector('.dt-layout-cell.dt-end');
-                   if (startCell && endCell) { 
-                      let middleCell = firstParent.querySelector('.dt-layout-cell.dt-middle');
-                          if (!middleCell) {
-                            middleCell = document.createElement('div');
-                            middleCell.classList.add('dt-layout-cell', 'dt-middle');
-                            startCell.insertAdjacentElement('afterend', middleCell);
-                          }
-                      const resetButton = document.createElement('button');
-                      resetButton.textContent = 'Reset All';
-                      resetButton.classList.add('reset-filters-btn'); 
-                      resetButton.setAttribute('title', 'Resets all applied filters and clears search results');
-
-                      resetButton.addEventListener('click', function () {
-                        $('select.filter').val('');
-                        const tableApi = $('.dataTable').DataTable();
-                        tableApi.search('').columns().search('').draw();
-                      });
-                      middleCell.appendChild(resetButton);
-                    }
-                }
-              },
-              sScrollY: scrollHeight,
-              pageLength: 25,
-              lengthMenu: [10, 25, 50, 100]
-            });
-          };
-
-          const render = (locale) => {
-            if (table) {
-              table.destroy();
-            }
-            updateTitle(locale);
-            buildGrid(locale);
-          };
-        });
-    })();
-`,Ge=i=>`// DataStore
-      (() => {
-        // prepare appData and set DataStore
-        var appData = {
-          appName: '${i.appName}',
-          defaultLocale: '${i.defaultLocale}',
-          sanityRun: ${i.isSanity},
-          contextRun: ${i.isContext},
-          timeStamp: '${i.reportTime}',
-          reportFolderTimestamp: '${i.reportFolderTimestamp}',
-          pagesByLocale: {},
-          metaData: {
-            stats: {},
-            statsByLocale: {}
-          },
-          stringsData: {},
-          locales: [],
-          hasRuntimeError: false
-        };
-
-        if (window.rawData) {
-          for (const entry of Object.entries(window.rawData)) {
-            const locale = entry[0];
-            const stats = entry[1].metaData.stats;
-            const stringsData = entry[1].stringsData;
-
-            if (Object.keys(appData.metaData.stats).length) {
-              for (const prop in stats) {
-                appData.metaData.stats[prop] += stats[prop];
-              }
-            } else {
-              appData.metaData.stats = {...stats};
-            }
-
-            appData.metaData.statsByLocale[locale] = stats;
-            appData.stringsData[locale] = stringsData;
-
-            if (Object.keys(stringsData).length) {
-              Object.values(stringsData).forEach(values => {
-                values.flat().forEach(value => {
-                  if(!appData.pagesByLocale[locale]) {
-                    appData.pagesByLocale[locale] = {};
-                  }
-                  if(!(value.description in appData.pagesByLocale[locale])) {
-                    appData.pagesByLocale[locale][value.description] = value.imagePath;
-                  }
-                });
-              });
-            }
-          }
-
-          appData.locales = Object.keys(window.rawData);
-        }
-        else {
-          appData.hasRuntimeError = true;
-        }
-
-        function SimpleDataStore() {
-          this._getData = () => appData;
-
-          this.ranSuccessfully = () => this.getLocales().length > 0;
-
-          this.getTimestamp = () => this._getData().timeStamp;
-
-          this.getAppName = () => this._getData().appName;
-
-          this.isDefaultLocale = (locale) =>
-            locale === this._getData().defaultLocale;
-
-          this.getLocalesData = () => this._getData().stringsData || {};
-
-          this.getLocales = () => this._getData().locales || [];
-
-          this.getStatByLocale = (locale) =>
-            this._getData().metaData.statsByLocale[locale] || {};
-
-          this.getOverallStats = () => this._getData().metaData.stats || {};
-
-          this.getDataByLocale = (locale) =>
-            this._getData().stringsData[locale] || {};
-
-          this.isSanityRun = () => this._getData().sanityRun;
-
-          this.isContextRun = () => this._getData().contextRun;
-
-          this.getReportFolderTimestamp = () => this._getData().reportFolderTimestamp;
-
-          this.hasRuntimeError = () => this._getData().hasRuntimeError;
-
-          this.getPages = (locale) => locale ? {...(this._getData().pagesByLocale[locale] || {})} : {...this._getData().pagesByLocale};
-
-          this.hasDefaultLocaleData = () => Object.keys(this.getDataByLocale(this._getData().defaultLocale)).length > 0;
-
-          this.getDefaultLocale = () => this._getData().defaultLocale;
-        }
-
-        DataStore = new SimpleDataStore();
-      })();`,je=()=>`var DataStore;
-      // global functions
-      function openImageViewer(imageSrc) {
-        var imageView = document.getElementById('imageView');
-        imageView.src = \`\${window.getProductUrl()}/\${imageSrc}\`;
-        document.getElementById('imageViewer').style.display = 'block';
-      }
-
-      function closeImageViewer() {
-        delete document.getElementById('imageView').src;
-        document.getElementById('imageViewer').style.display = 'none';
-      }
-
-      document.addEventListener('DOMContentLoaded', () => {
-        document.addEventListener('keydown', (e) => {
-         const viewer = document.getElementById('imageViewer');
-          if (e.key === 'Escape' && viewer && viewer.style.display === 'block') {
-            closeImageViewer();
-          }
-        });
-      });
-
-      //to dynamically show/hide header based upon query param: ?standalone=<true|false>
-      window.getProductUrl = () => {
-        if (window.productUrl) {
-          return window.productUrl;
-        } else {
-          window.productUrl = \`\${window.location.protocol}//\${
-            window.location.host
-          }\${window.location.pathname.match(/^.+[^\\/report\\.html]/g)?.[0]}\`;
-          return window.productUrl;
-        }
-      };
-      const params = new URLSearchParams(location.href.match(/(\\?.*$)/g)?.[0]);
-      if (params.size) {
-        window.isStandaloneReport = params.get('standalone') === 'true';
-        if(!window.isStandaloneReport) {
-          const overview = document.getElementById('overview');
-          if(overview) {
-            overview.classList.add('--reduced-zoom');
-          }
-        }
-      } else {
-        window.isStandaloneReport = true;
-      }`,Ze=()=>`// log content
-    (() => {
-      document.addEventListener('DOMContentLoaded', function () {
-        const pre = document.querySelector('#log .log-content pre');
-        pre.textContent = 'Loading...';
-        document
-          .querySelector('li[data-page="log"]')
-          ?.addEventListener('click', (e) => {
-            pre.textContent = window.logData || (DataStore.hasRuntimeError() ? 'We are facing internal issue. Please try again after sometime.' : 'No log data found!');
-          });
-      });
-    })();`,Fe=i=>`${je()}
-      ${Ge(i)}
-      ${Be()}
-      ${$e()}
-      ${ke()}
-      ${Ue()}
-      ${Ze()}`;class Ve extends Ee{constructor(){super(k.HTML)}buildContent(){const e=this.getMetaInfo(),t=Fe(e),a=Me(),n=ze(),s=[],o=g(l.getReportPath(),"logs","log"),u=c.isSanityRun()||c.isContextRun(),h=[c.getQALocale(),...c.getOptions()?.supportedLocales||[]].filter(Boolean).map(L=>O(L)),p=ae(l.getReportPath()).filter(L=>h.includes(L)),U=p.length===1&&p[0]===O(c.getDefaultLocale());let T="";if(p.forEach(L=>(u||L!==e.defaultLocale||L===e.defaultLocale&&U)&&x(g(l.getReportPath(),L,ee))&&s.push(g(L,ee).replace(/\\/g,"/"))),x(o)){const L=[e.appName,...c.getL10nReportsPath().split(/[\\/]+/g),c.getMode()];L.push(l.getReportTimeStamp()),T=M(o).replace(new RegExp(l.getReportPath().replace(/\\/g,"\\\\"),"g"),g(...L)).replace(/\\/g,"\\\\").replace(/`/g,"\\`")}return Pe({appName:e.appName,reportTime:e.reportTime,body:n,script:t,style:a,dataFilePaths:s,logData:T})}write(e,t,a){q(g(e,`${t}.html`),a,"utf-8")}}class W extends Ee{#e;#t=!1;static#r="STATUS";static#a="COUNTS";constructor(){super(k.ASCII_TABLE),this.#i()}#i(){this.#e=new ye.Table({style:{headerTop:{left:"\x1B[94m╔\x1B[0m",mid:"\x1B[94m╦\x1B[0m",right:"\x1B[94m╗\x1B[0m",other:"\x1B[94m═"},headerBottom:{left:"\x1B[94m╟\x1B[0m",mid:"\x1B[94m╬\x1B[0m",right:"\x1B[94m╢\x1B[0m",other:"\x1B[94m═"},tableBottom:{left:"\x1B[94m╚\x1B[0m",mid:"\x1B[94m╩\x1B[0m",right:"\x1B[94m╝\x1B[0m",other:"\x1B[94m═\x1B[0m"},vertical:"\x1B[94m║\x1B[0m"},columns:[{name:W.#r,alignment:"left"},{name:W.#a,alignment:"center"}]})}buildContent(){if(R[r.REVIEWED]>0){this.#t=!0;for(const e in R)e!==r.REVIEWED?R.hasOwnProperty(e)&&this.#e.addRows([{STATUS:e,COUNTS:`${R[e]}`}]):(this.#e.addRows([{STATUS:"\x1B[94m"+"═".repeat(28)+"\x1B[0m",COUNTS:"\x1B[94m"+"═".repeat(8)+"\x1B[0m"}]),this.#e.addRows([{STATUS:"OVERALL_REVIEWED",COUNTS:`${R[e]}`}]))}}export(){this.#t?this.#e.printTable():f.info("There are no visbile elements with UI strings")}}class re{static#e(e){switch(e){case k.HTML:return new Ve;case k.ASCII_TABLE:return new W;default:throw new Error("unsupported report type requested")}}static export(e,t,a){const n=re.#e(e),s=new Re({appName:c.getAppName(),reportTime:new Date().toLocaleString(),isContext:c.isContextRun(),isSanity:c.isSanityRun(),defaultLocale:c.getDefaultLocale(),reportFolderTimestamp:l.getReportTimeStamp()});n.generate(s),n.export(t,a)}}class S{static#e;static#t;static init(){S.#t=g(l.getReportPath(),O(c.getLocale())),S.#e=g(S.#t,ee),this.#r()}static exists(){return x(S.#e)}static save(e){this.#r();const t=`!window.rawData && (window.rawData={'${c.getLocale()}':{}});window.rawData['${c.getLocale()}']=${JSON.stringify(e)};`;q(S.#e,t)}static getData(){if(this.exists())try{return JSON.parse(M(S.#e).replace(new RegExp(`(\\!window.rawData && \\(window\\.rawData=\\{'${c.getLocale()}':\\{\\}\\}\\);window\\.rawData\\['${c.getLocale()}'\\]=)|(;$)`,"g"),""))}catch{return{}}else return{}}static#r(){j(S.#t)}static getCacheDirPath(){return S.#t}}class We{#e;#t;#r;#a;#i;#n;#s;#o;#l;#c;#d;#m;#p;#g;#h;#E;#f;#v;#w;#L;#u;#y;#I;#b;#S;constructor(e={}){this.#e=e?.localizedStrings||0,this.#t=e?.notLocalizedStrings||0,this.#r=e?.untranslatedStrings||0,this.#a=e?.partialStrings||0,this.#i=e?.localizedDateTime||0,this.#n=e?.localizedDate||0,this.#s=e?.localizedTime||0,this.#o=e?.notLocalizedDateTime||0,this.#l=e?.notLocalizedDate||0,this.#c=e?.notLocalizedTime||0,this.#d=e?.localizedNumber||0,this.#m=e?.notLocalizedNumber||0,this.#p=e?.localizedCurrency||0,this.#g=e?.notLocalizedCurrency||0,this.#h=e?.localizedPercentage||0,this.#E=e?.notLocalizedPercentage||0,this.#f=e?.ignored||0,this.#v=e?.dnt||0,this.#w=e?.autoIgnored||0,this.#L=e?.userInput||0,this.#u=e?.encoding||0,this.#y=e?.truncation||0,this.#I=e?.overlapping||0,this.#b=e?.reviewed||0,this.#S=e?.context||0}getLocalizedStrings(){return this.#e}setLocalizedStrings(e){this.#e=e}getUntranslatedStrings(){return this.#r}setUntranslatedStrings(e){this.#r=e}getNotLocalizedStrings(){return this.#t}setNotLocalizedStrings(e){this.#t=e}getPartialStrings(){return this.#a}setPartialStrings(e){this.#a=e}getLocalizedDateTime(){return this.#i}setLocalizedDateTime(e){this.#i=e}getLocalizedDate(){return this.#n}setLocalizedDate(e){this.#n=e}getLocalizedTime(){return this.#s}setLocalizedTime(e){this.#s=e}getNotLocalizedDateTime(){return this.#o}setNotLocalizedDateTime(e){this.#o=e}getNotLocalizedDate(){return this.#l}setNotLocalizedDate(e){this.#l=e}getNotLocalizedTime(){return this.#c}setNotLocalizedTime(e){this.#c=e}getLocalizedNumber(){return this.#d}setLocalizedNumber(e){this.#d=e}getNotLocalizeNumber(){return this.#m}setNotLocalizeNumber(e){this.#m=e}getCurrency(){return this.#p}setCurrency(e){this.#p=e}getNotLocalizeCurrency(){return this.#g}setNotLocalizeCurrency(e){this.#g=e}getPercentage(){return this.#h}setPercentage(e){this.#h=e}getNotLocalizePercentage(){return this.#E}setNotLocalizePercentage(e){this.#E=e}getIgnored(){return this.#f}setIgnored(e){this.#f=e}getUserInput(){return this.#L}setUserInput(e){this.#L=e}getDnt(){return this.#v}setDnt(e){this.#v=e}getAutoIgnored(){return this.#w}setAutoIgnored(e){this.#w=e}getEncoding(){return this.#u}setEncoding(e){this.#u=e}getTruncation(){return this.#y}setTruncation(e){this.#y=e}getOverlapping(){return this.#I}setOverlapping(e){this.#I=e}getReviewed(){return this.#b}setReviewed(e){this.#b=e}getContext(){return this.#S}setContext(e){this.#S=e}incrementByType(e){switch(e){case r.STRING_LOCALIZED:++this.#e;break;case r.STRING_NOT_LOCALIZED:++this.#t;break;case r.UNTRANSLATED:++this.#r;break;case r.STRING_PARTIALLY_LOCALIZED:++this.#a;break;case r.AUTO_IGNORE:++this.#w;break;case r.IGNORE:++this.#f;break;case r.DNT:++this.#v;break;case r.ENCODING_ISSUE:++this.#u;break;case r.DATE_LOCALIZED:++this.#n;break;case r.TIME_LOCALIZED:++this.#s;break;case r.DATE_TIME_LOCALIZED:++this.#i;break;case r.DATE_NOT_LOCALIZED:++this.#l;break;case r.TIME_NOT_LOCALIZED:++this.#c;break;case r.DATE_TIME_NOT_LOCALIZED:++this.#o;break;case r.NUMBER_LOCALIZED:++this.#d;break;case r.NUMBER_NOT_LOCALIZED:++this.#m;break;case r.CURRENCY_LOCALIZED:++this.#p;break;case r.CURRENCY_NOT_LOCALIZED:++this.#g;break;case r.PERCENTAGE_LOCALIZED:++this.#h;break;case r.PERCENTAGE_NOT_LOCALIZED:++this.#E;break;case r.TRUNCATION_ISSUE:++this.#y;break;case r.OVERLAPPING_ISSUE:++this.#I;break;case r.REVIEWED:++this.#b;break;case r.USER_INPUT:++this.#L;break;case"context":++this.#S;break}}toJSON(){return{localizedStrings:this.#e,notLocalizedStrings:this.#t,untranslatedStrings:this.#r,partialStrings:this.#a,localizedDateTime:this.#i,localizedDate:this.#n,localizedTime:this.#s,notLocalizedDateTime:this.#o,notLocalizedDate:this.#l,notLocalizedTime:this.#c,localizedNumber:this.#d,notLocalizedNumber:this.#m,localizedCurrency:this.#p,notLocalizedCurrency:this.#g,localizedPercentage:this.#h,notLocalizedPercentage:this.#E,ignored:this.#f,dnt:this.#v,autoIgnored:this.#w,userInput:this.#L,encoding:this.#u,truncation:this.#y,overlapping:this.#I,reviewed:this.#b,context:this.#S}}}class Ye{#e;constructor(e={}){this.#e=new We(e.stats)}getStats(){return this.#e}setStats(e){this.#e=e}toJSON(){return{stats:this.#e}}}class me{#e;#t;#r;constructor(e){this.#e=e?.type||"",this.#t=e?.imagePath||"",this.#r=e?.description||""}getType(){return this.#e}setType(e){this.#e=e}getImagePath(){return this.#t}setImagePath(e){this.#t=e}getDescription(){return this.#r}setDescription(e){this.#r=e}toJSON(){return{type:this.#e,description:this.#r,imagePath:this.#t}}}class ie{#e={};constructor(e){if(e)for(const t in e)e[t].forEach(a=>{this.#e[t]||(this.#e[t]=[]),this.#e[t].push(new me(a))})}getStringData(e){return this.#e[e]||[]}setStringData(e,t){return!this.#e[e]&&(this.#e[e]=[]),this.#e[e].push(new me(t)),!0}checkAndAdd(e,t){!this.#e[e]&&(this.#e[e]=[]);const a=this.getStringData(e).some(n=>n.getDescription()!==t.description||n.getImagePath()!==t.imagePath||n.getType()!==n.type);return a&&this.setStringData(e,t),a}hasStringData(e){return e in this.#e}static createNew(e,t){return t=Array.isArray(t)?t:[t],new ie({data:{[e]:t}})}toJSON(){return this.#e}}class B{#e;#t;constructor(e={}){this.#e=new Ye(e.metaData),this.#t=new ie(e.stringsData)}getMetaData(){return this.#e}setMetaData(e){this.#e=e}getStringEntry(e){return this.#t.getStringData(e)}static addString(e,t,a,n){const s=B.getInstance(),o=s.#r(e,t,a,n.replace(/\\/g,"/"));return o&&s.save(),o}#r(e,t,a,n){let s=!1;const o={type:t,description:a,imagePath:n};return this.#t.hasStringData(e)?s=this.#t.checkAndAdd(e,o):s=this.#t.setStringData(e,o),s&&this.#e.getStats().incrementByType(t),s}static incrementCountByType(e){const t=B.getInstance();t.#e.getStats().incrementByType(e),t.save()}toJSON(){return{metaData:this.#e,stringsData:this.#t}}save(){S.save(this)}remove(){S.delete()}static getInstance(){return new B(S.getData())}}class l{static#e;static#t;static setup(){l.#t||(l.#t=l.#r());const e=Z.resolve();l.#e=g(e,c.getL10nReportsPath(),c.getMode(),l.#t)}static getReportTimeStamp(){return l.#t}static getReportPath(){return l.#e}static reviewedReports(e=null,t=null){return l.#a(r.REVIEWED,e,t)}static getContextPath(){return this.#i()}static[r.STRING_LOCALIZED](e,t){return l.#a(r.STRING_LOCALIZED,e,t)}static[r.STRING_NOT_LOCALIZED](e,t){return l.#a(r.STRING_NOT_LOCALIZED,e,t)}static[r.STRING_PARTIALLY_LOCALIZED](e,t){return l.#a(r.STRING_PARTIALLY_LOCALIZED,e,t)}static[r.DNT](e,t){return l.#a(r.DNT,e,t)}static[r.IGNORE](e,t){return l.#a(r.IGNORE,e,t)}static[r.AUTO_IGNORE](e,t){return l.#a(r.AUTO_IGNORE,e,t)}static[r.UNTRANSLATED](e,t){return l.#a(r.UNTRANSLATED,e,t)}static[r.ENCODING_ISSUE](e,t){return l.#a(r.ENCODING_ISSUE,e,t)}static[r.DATE_TIME_LOCALIZED](e,t){return l.#a(r.DATE_TIME_LOCALIZED,e,t)}static[r.DATE_TIME_NOT_LOCALIZED](e,t){return l.#a(r.DATE_TIME_NOT_LOCALIZED,e,t)}static[r.DATE_LOCALIZED](e,t){return l.#a(r.DATE_LOCALIZED,e,t)}static[r.DATE_NOT_LOCALIZED](e,t){return l.#a(r.DATE_NOT_LOCALIZED,e,t)}static[r.TIME_LOCALIZED](e,t){return l.#a(r.TIME_LOCALIZED,e,t)}static[r.TIME_NOT_LOCALIZED](e,t){return l.#a(r.TIME_NOT_LOCALIZED,e,t)}static[r.CURRENCY_LOCALIZED](e,t){return l.#a(r.CURRENCY_LOCALIZED,e,t)}static[r.CURRENCY_NOT_LOCALIZED](e,t){return l.#a(r.CURRENCY_NOT_LOCALIZED,e,t)}static[r.PERCENTAGE_LOCALIZED](e,t){return l.#a(r.PERCENTAGE_LOCALIZED,e,t)}static[r.PERCENTAGE_NOT_LOCALIZED](e,t){return l.#a(r.PERCENTAGE_NOT_LOCALIZED,e,t)}static[r.NUMBER_LOCALIZED](e,t){return l.#a(r.NUMBER_LOCALIZED,e,t)}static[r.NUMBER_NOT_LOCALIZED](e,t){return l.#a(r.NUMBER_NOT_LOCALIZED,e,t)}static incrementCount(e,t,a,n){R.hasOwnProperty(e)&&(R[e]++,B.addString(t,e,n,a.replace(l.#e,"")))}static#r(){const e=new Date,t=e.getFullYear(),a=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0"),s=String(e.getHours()).padStart(2,"0"),o=String(e.getMinutes()).padStart(2,"0");return`${t}-${a}-${n}-${s}-${o}`}static#a=(e,t,a)=>{const n=g(l.#e,O(c.getLocale()),"screenshots",String(e).toLowerCase());if(j(n,V),t!=null){const s=g(l.#e,O(c.getLocale()),"strings");j(s,V);let o="";const u=g(s,e+".txt");F(u)?(M(u).includes(a)||(o+=`
-|<<<<<<<<<<<<<------${a}------>>>>>>>>>>>>>|
-`),o+=t):(o+=`
-|<<<<<<<<<<<<<------${a}------>>>>>>>>>>>>>|
-`,o+=t),Ae(u,o)}return n};static#i=()=>{const e=g(l.#e,O(c.getLocale()),"contexts");return j(e,V),e};static#n(e){re.export(e,l.#e)}static generateHtml(){l.#n(k.HTML)}static generateAsciiTable(){l.#n(k.ASCII_TABLE)}}let f=class w{static#e=!1;static#t;static#r=[];static info(e){w.#a("info",e)}static warn(e){w.#a("warn",e)}static error(e,t){w.#a("errr",e,t)}static debug(e){w.#a("dbug",e)}static#a(e,t,a=""){const n={INFO:"\x1B[37m",WARN:"\x1B[33m",ERRR:"\x1B[31m",DBUG:"\x1B[34m"};e=e.toUpperCase();let s=n[e]||n.DEFAULT;a=a?` reason: ${a.toString()}`:"";let o=`[${new Date().toLocaleString()}] [${s}${e}\x1B[0m] [${c.getLocale()}] - ${t}${a}`;switch(e){case"INFO":console.info(o);break;case"WARN":console.warn(o);break;case"ERRR":console.error(o);break;case"DBUG":console.debug(o);break;default:console.log(o)}o=o.replace(/\x1b\[\d+m/g,""),w.#i(`${o}
-`)}static#i=e=>{if(w.#e)w.#r.push(e),w.#t=setInterval(()=>{w.#e||(clearInterval(w.#t),e=w.#r.join(`
-`),w.#r=[],e&&w.#i(e))},10);else{w.#e=!0;const t=g(l.getReportPath(),"logs"),a=g(t,"log");j(t,V),v.appendFileSync(a,e),w.#e=!1}}};class He extends H{constructor(e){super(e)}async getElement(e,t=!1){return await this.$driver.element.find({selector:e,locateStrategy:e.startsWith("/")?"xpath":"css selector",suppressNotFoundErrors:t})}async getElements(e,t=!1){return await this.$driver.element.findAll({selector:e,locateStrategy:e.startsWith("/")?"xpath":"css selector",suppressNotFoundErrors:t})}async getText(e){return await e.getText()}async getTitle(e){return await e.getAttribute("title")}async getPlaceholderText(e){return await e.getAttribute("placeholder")}async getAltText(e){return await e.getAttribute("alt")}async getTagName(e){return await e.getTagName()}async getValue(e){return await e.getAttribute("value")}async getElementID(e){return await e.getAttribute("id")}async getElementDimension(e){const t=await e.getRect();if(![null,"",void 0].includes(t))return[t.x,t.y,t.height,t.width]}async isElementDisplayed(e){return await this.$driver.isVisible(e)}async isElementPresent(e){return await this.$driver.isPresent(e)}async getElementStrings(e){const t=[];return this.isElementDisplayed(e)&&[{type:"eleTxt",value:await this.getText(e)},{type:"altTxt",value:await this.getAltText(e)},{type:"titleTxt",value:await this.getTitle(e)},{type:"placeTxt",value:await this.getPlaceholderText(e)},{type:"valueTxt",value:await this.getValue(e)}].forEach(({value:n})=>{this.checkIfNullOrEmpty(n)&&t.push(n)}),t}async getElementString(e){let t=null;const a=[this.getText,this.getAltText,this.getTitle,this.getPlaceholderText,this.getValue];for(const n of a)if(t=await n(e),t!==null)return t;return t}async captureScreenshot(e){await qe(this.$driver,e)}async getElementsCount(e){return e.length}async switchToIFrame(e,t){return new Promise(a=>{this.$driver.frame(e,function(){a(!0)})})}async switchToParentFrame(){return new Promise(e=>this.$driver.frame(null,function(){e(!0)}))}pause(e){this.$driver.pause(e*1e3)}async onScreenStringHighlight(e,t){await this.$driver.execute((a,n)=>{const s=window.getComputedStyle(a).border;a.style.border=`3px solid ${n}`,setTimeout(()=>{a.style.border=s},40)},[e,t])}async checkIfIframeIsPresent(){return new Promise(e=>{this.$driver.isPresent({selector:"//iframe",locateStrategy:"xpath",suppressNotFoundErrors:!0},t=>{e(t.value)})})}async checkIfIframeBodyIsEmpty(){return(await this.$driver.executeScript(function(){return document.body.innerHTML})).trim()===""}}const qe=async(i,e)=>{const t=await he({host:"localhost",port:Qe(i)}),{Page:a}=t;await a.enable();const{data:n}=await a.captureScreenshot({format:"png",captureBeyondViewport:!0}),s=Buffer.from(n,"base64");v.writeFileSync(e,s),f.debug(`Screenshot saved as: ${e}`),await t.close()},Qe=i=>{const e=i?.capabilities?.["goog:chromeOptions"]?.debuggerAddress;return e&&e.split(":")?.[1]||9229};class Xe extends H{constructor(e){super(e)}async getElement(e){return await this.$driver.$(e)}async getElements(e){return await this.$driver.$$(e)}async getText(e){return await $(e).getText()}async getTitle(e){return await $(e).getAttribute("title")}async getPlaceholderText(e){return await $(e).getAttribute("placeholder")}async getAltText(e){return await $(e).getAttribute("alt")}async getTagName(e){return await $(e).getTagName()}async getValue(e){return await $(e).getValue()}async getElementID(e){return await $(e).getAttribute("id")}async getElementDimension(e){if(!e)return null;try{const t=await e.getLocation(),a=await e.getSize();return!t||!a?null:[t.x,t.y,a.height,a.width]}catch(t){return console.error("Error getting element dimensions:",t),null}}async isElementDisplayed(e){return await $(e).isDisplayed()}async isElementPresent(e){return await $(e).isExisting()}async getElementStrings(e){const t=[];return[{type:"elTxt",value:await this.getText(e)},{type:"altTxt",value:await this.getAltText(e)},{type:"titleTxt",value:await this.getTitle(e)},{type:"placeTxt",value:await this.getPlaceholderText(e)},{type:"valueTxt",value:await this.getValue(e)}].forEach(({value:n})=>{this.checkIfNullOrEmpty(n)&&t.push(n)}),t}async getElementString(e){let t=null;const a=[this.getText,this.getAltText,this.getTitle,this.getPlaceholderText,this.getValue];for(const n of a)if(t=await n(e),t!==null)return t;return t}async captureScreenshot(e){await Je(this.$driver,e)}async getElementsCount(e){return e.length}async switchToIFrame(e,t){await this.$driver.switchFrame(t)}async switchToParentFrame(){await this.$driver.switchToParentFrame()}pause(e){this.$driver.pause(e*1e3)}async onScreenStringHighlight(e,t){await this.$driver.execute((a,n)=>{const s=window.getComputedStyle(a).border;a.style.border=`3px solid ${n}`,setTimeout(()=>{a.style.border=s},40)},e,t)}async checkIfIframeIsPresent(){return new Promise(e=>{this.$driver.$("//iframe").isExisting().then(()=>{e(!0)})})}async checkIfIframeBodyIsEmpty(){return(await this.$driver.executeScript("return document.body.innerHTML;",[])).trim()===""}}const Je=async(i,e)=>{const t=Ke(i),a=await he({host:"localhost",port:t}),{Page:n}=a;await n.enable();const{data:s}=await n.captureScreenshot({format:"png",captureBeyondViewport:!0});v.writeFileSync(e,Buffer.from(s,"base64")),await a.close()},Ke=i=>{const e=i.capabilities?.["goog:chromeOptions"]?.debuggerAddress;return e&&e.split(":")[1]||9229},et=({subject:i,selector:e,options:t={},driver:a})=>{if(!Cypress){a.printOnConsole("Cypress object is inaccessible");return}const n=m=>m.resultType===XPathResult.NUMBER_TYPE,s=m=>m.numberValue,o=m=>m.resultType===XPathResult.STRING_TYPE,u=m=>m.stringValue,h=m=>m.resultType===XPathResult.BOOLEAN_TYPE,p=m=>m.booleanValue,U=m=>Cypress._.isNumber(m)||Cypress._.isString(m)||Cypress._.isBoolean(m),T={name:"xpath",message:e};if(Cypress.dom.isElement(i)&&i.length>1)throw new Error("xpath() can only be called on a single element. Your subject contained "+i.length+" elements.");const L=()=>{let m=[],_,ce=cy.state("withinSubject");Cypress.dom.isElement(i)?_=i[0]:Cypress.dom.isDocument(i)?_=i:ce?_=ce[0]:_=cy.state("window").document;let A=(_.ownerDocument||_).evaluate(e,_);if(n(A)){const I=s(A);return T.consoleProps=()=>({XPath:e,type:"number",result:I}),I}if(o(A)){const I=u(A);return T.consoleProps=()=>({XPath:e,type:"string",result:I}),I}if(h(A)){const I=p(A);return T.consoleProps=()=>({XPath:e,type:"boolean",result:I}),I}try{let I=A.iterateNext();for(;I;)m.push(I),I=A.iterateNext();return T.consoleProps=()=>({XPath:e,result:m.length===1?m[0]:m}),m}catch(I){return console.error("Document tree modified during iteration",I),null}},le=()=>Cypress.Promise.try(L).then(m=>(U(m)||(m=Cypress.$(m),m.selector=e),cy.verifyUpcomingAssertions(m,t,{onRetry:le})));return le().then(m=>(t.log!==!1&&Cypress.log(T),m)).catch(m=>console.log(m))};class tt extends H{constructor(e){super(e)}async getElement(e){return typeof e!="string"?this.$driver.wrap(e):e.startsWith("//")?await this.xpath(e).first():await this.$driver.get(e).first()}async getElements(e){return typeof e!="string"?this.$driver.wrap(e):e.startsWith("//")?await this.xpath(e):await this.$driver.get(e)}async getText(e){return typeof e=="string"?await this.$driver.get(e).invoke("text"):await this.$driver.wrap(e).invoke("text")}async getTitle(e){return typeof e=="string"?await this.$driver.get(e).title():this.$driver.wrap().title()}async getPlaceholderText(e){return typeof e=="string"?this.$driver.get(e).filter("input").invoke("attr","placeholder").then(t=>t):this.$driver.$$(e).attr("placeholder")}async getAltText(e){return this.$driver.get(e).invoke("attr","alt")}async getWidth(e){return typeof e=="string"?this.$driver.get(e).invoke("width"):this.$driver.$$(e).width()}async getHeight(e){return typeof e=="string"?this.$driver.get(e).invoke("height"):this.$driver.$$(e).height()}async getTagName(e){return typeof e=="string"?this.$driver.get(e).invoke("prop","tagName").then(t=>t.toLowerCase()):this.$driver.$$(e).tagName}async getValue(e){return typeof e=="string"?this.$driver.get(e).invoke("val"):this.$driver.wrap(e).invoke("val")}async getLocation(e){if(typeof e=="string")return this.$driver.get(e).invoke("offset").then(t=>({x:t.left,y:t.top}));{const t=this.$driver.$$(e).offset();return{x:t.left,y:t.top}}}async isElementDisplayed(e){return typeof e=="string"?this.$driver.get(e).then(t=>t.is(":visible")):this.$driver.$$(e).is(":visible")}async captureScreenshot(e){this.$driver.screenshot(e)}async getElementsCount(e){return new Promise(t=>typeof e=="string"?this.$driver.get(e).its("length").then(a=>t(a)):this.$driver.wrap(e,{timeout:8e3}).its("length").then(a=>t(a)))}async getElementStrings(e){const t=[];try{[{type:"elTxt",value:await this.getText(e)},{type:"altTxt",value:await this.getAltText(e)},{type:"placetxt",value:await this.getPlaceholderText(e)}].forEach(({value:n})=>{this.checkIfNullOrEmpty(n)&&t.push(n)})}catch(a){f.error("Error getting text of element:",a)}return t}printOnConsole(e){this.$driver.log(e)}xpath(e,t,a={}){return et({subject:e,selector:t,options:a,driver:this.$driver})}}class at extends H{constructor(e){super(e)}async getElement(e){return await this.driver.findElement(e)}async getElements(e){return await this.driver.findElements(e)}async getText(e){return await e.getText()}async getTitle(){return await this.driver.getTitle()}async getAttribute(e,t){return await e.getAttribute(t)}async getTagName(e){return await e.getTagName()}async getElementDimension(e){const t=await e.getRect();if(![null,"",void 0].includes(t))return[t.x,t.y,t.height,t.width]}async isElementDisplayed(e){return await e.isDisplayed()}async getElementStrings(e){const t=[];return[{type:"elTxt",value:await this.getText(e)},{type:"altTxt",value:await this.getAttribute(e,"alt")},{type:"titleTxt",value:await this.getAttribute(e,"title")},{type:"placeTxt",value:await this.getAttribute(e,"placeholder")},{type:"valueTxt",value:await this.getAttribute(e,"value")}].forEach(({value:n})=>{this.checkIfNullOrEmpty(n)&&t.push(n)}),t}async getElementsCount(e){return e.length}}const rt=(i,e)=>{switch(i){case z.NIGHT_WATCH:return new He(e);case z.WEB_DRIVER_IO:return new Xe(e);case z.CYPRESS:return new tt(e);case z.SELENIUMJS:return new at(e);default:throw new Error("Unsupported framework")}},it=(i,e)=>i in e,nt=(i,e,t=[])=>i.every(a=>(it(a,e)||t.push(a),!0)),fe=(i,e=", ")=>i.join(e),D=(i=!0)=>i?"(?:\\s|\\t|(?:&nbsp;))":/(?:\s|\t|(?:&nbsp;))/g;class P{#e={};#t;constructor(e){this.#t=e,this.#r(),this.buildConfig(),this.#a()}#r(){this.addToConfig("supportedLocales",c.getOptions()?.supportedLocales,[]),this.addToConfig("defaultLocale",c.getDefaultLocale()),this.addToConfig("defaultLanguage",c.getDefaultLocale()?.split(/[-_ ]/g)[0]),this.addToConfig("language",c.getLocale()?.split(/[-_ ]/g)[0]),this.addToConfig("locale",c.getLocale()),this.addToConfig("qaLocale",c.getQALocale())}buildConfig(){throw new Error(`{{${this.#t}}} buildConfig should be implemented by child class`)}#a(){Q.load(X.entireSupplemental()),Q.load(X.entireMainFor(this.#i(this.#e.defaultLocale),this.#i(this.#e.locale)))}#i(e){if(this.isQaLocale())return"en";e=e.replace(/[-_ ]/g,"-");const t=X.availableLocales;let a;if(t.find(n=>n===e))a=e;else{const n=e.split("-")[0];t.find(s=>s===n)?a=n:a=e}return a}validate(e){throw new Error(`{{${this.#t}}} validate should be implemented by child class`)}isInternationalized(e){throw new Error(`{{${this.#t}}} isInternationalized should be implemented by child class`)}setConfig(e){this.#e=e}addToConfig(e,t,a){this.#e[e]=t??a}getConfig(){return this.#e}isSupportedLocale(){return this.#e.supportedLocales.includes(this.currentLocale())}isQaLocale(){return this.currentLocale()===this.#e?.qaLocale}isDefaultLocale(){return this.currentLocale()===this.defaultLocale()}defaultLocale(){return this.#e?.defaultLocale}defaultLanguage(){return this.#e?.defaultLanguage}currentLocale(){return this.#e?.locale}currentLanguage(){return this.#e.language}getGlobalize(e){return Q(this.#i(e))}}class st extends P{constructor(){super("currency")}validate(e){return this.#s(e)||this.isInternationalized(e)}isInternationalized(e){return this.#e(this.currentLocale(),e)}buildConfig(){}#e(e,t){const a=this.#i(e),n=this.#n(e,a);if(!this.#t(a,n,t))return!1;const o=this.#r(a,n,t);return!isNaN(this.getGlobalize(e).numberParser()(o))}#t(e,t,a){return new RegExp(`^(?:-)?(?:${e}|\\${t})(?:${D()})?(?:-)?[0-9,. ]+$`,"gi").test(a)||new RegExp(`^(?:[- ]?)[0-9,. ]+(?:${D()})?(?:${e}|\\${t})$`,"gi").test(a)}#r(e,t,a){return a.replace(new RegExp(`^(?:-)(?:${D()})?`,"gi"),"").replace(new RegExp(`^(?:${D()})?(?:${e}|\\${t})`,"gi"),"").replace(new RegExp(`^(?:-)(?:${D()})?`,"gi"),"").replace(new RegExp(`(?:${D()})?(?:${e}|\\${t})$`,"gi"),"").trim()}#a(e){return(this.getGlobalize(e).cldr.supplemental(["likelySubtags",e])||e).split(/[-_ ]/).pop()}#i(e){const t=this.#a(e),n=this.getGlobalize(e).cldr.supplemental("currencyData").region[t];if(n){const s=n.find(o=>{const u=Object.values(o)[0];return!u._tender&&(!u._to||new Date(u._to)>=new Date)});return s?Object.keys(s)[0]:"USD"}return"USD"}#n(e,t){return this.getGlobalize(e).cldr.main(`numbers/currencies/${t}`)?.symbol||"$"}#s(e){return this.#e(this.defaultLocale(),e)}}const ot=i=>{let[e="en",t="us"]=i.split(/[-_ ]/g);switch(t=String(t).toLowerCase(),e){case"en":return t==="gb"?b.en.GB:b.en;case"de":return b.de;case"es":return b.es;case"fr":return b.fr;case"pt":return b.pt;case"ja":return b.ja;case"zh":return["hans","cn","sg","hans-cn"].includes(t)?b.zh.hans:["hant","tw","hk","mo","hant-tw"].includes(t)?b.zh.hant:b.zh;case"ru":return b.ru;case"nl":return b.nl;case"uk":return b.uk;default:return b.en}},ne=(i,e)=>(e=String(e),ot(i).parse(String(e).trim()).forEach(a=>{e=e.replace(a.text,"")}),e.replace(/[^\p{L}\p{N}]+/gu,"").trim().length===0),pe=i=>{try{return i=i.replace("_","-"),Intl.DateTimeFormat.supportedLocalesOf(i)[0]}catch{return Logger.warn(`${i} is unsupported by Intl`),!1}},se=(i,e,t)=>(i=pe(i),!!(i!==!1&&E.DateTime.fromFormat(t,e,{locale:pe(i)}).isValid));class lt extends P{constructor(){super("date")}validate(e){return this.#t(e)||this.isInternationalized(e)}isInternationalized(e){return this.#e(this.isQaLocale()?this.defaultLocale():this.currentLocale(),e)}buildConfig(){}#e(e,t){return this.#r(e,t)||this.#a(e,t)||this.#i(e,t)}#t(e){return this.#e(this.defaultLocale(),e)}#r(e,t){const a=["short","medium","long","full"];for(let n of a)if(this.getGlobalize(e).dateParser({date:n})(t))return!0;return!1}#a(e,t){const a=[E.DateTime.DATE_SHORT,E.DateTime.DATE_MED,E.DateTime.DATE_FULL,E.DateTime.DATE_HUGE,E.DateTime.DATE_MED_WITH_WEEKDAY,"D","DD","DDD","DDDD"];for(let n of a)if(se(e,n,t))return!0;return!1}#i(e,t){return ne(this.isQaLocale()?this.defaultLocale():e,t)}}class ct extends P{constructor(){super("dateTime")}validate(e){return this.#t(e)||this.isInternationalized(e)}isInternationalized(e){return this.#e(this.isQaLocale()?this.defaultLocale():this.currentLocale(),e)}buildConfig(){}#e(e,t){return this.#r(e,t)||this.#a(e,t)||this.#i(e,t)}#t(e){return this.#e(this.defaultLocale(),e)}#r(e,t){const a=["short","medium","long","full"];for(let n of a)if(this.getGlobalize(e).dateParser({datetime:n})(t))return!0;return!1}#a(e,t){const a=[E.DateTime.DATETIME_SHORT,E.DateTime.DATETIME_SHORT_WITH_SECONDS,E.DateTime.DATETIME_MED,E.DateTime.DATETIME_MED_WITH_SECONDS,E.DateTime.DATETIME_MED_WITH_WEEKDAY,E.DateTime.DATETIME_FULL,E.DateTime.DATETIME_FULL_WITH_SECONDS,E.DateTime.DATETIME_HUGE,E.DateTime.DATETIME_HUGE_WITH_SECONDS,"f","F","ff","FF"];for(let n of a)if(se(e,n,t))return!0;return!1}#i(e,t){return ne(this.isQaLocale()?this.defaultLocale():e,t)}}class dt extends P{constructor(){super("number")}validate(e){return this.#t(e)||this.isInternationalized(e)}isInternationalized(e){return this.#e(this.currentLocale(),e)}buildConfig(){}#e(e,t){const a=this.getGlobalize(e).numberParser();return!isNaN(a(t))}#t(e){return this.#e(this.defaultLocale(),e)}}class ut extends P{constructor(){super("percentage")}validate(e){return this.#a(e)||this.isInternationalized(e)}isInternationalized(e){return this.#e(this.currentLocale(),e)}buildConfig(){}#e(e,t){if(!this.#r(e,t))return!1;const n=this.#t(t);return!isNaN(this.getGlobalize(e).numberParser()(n))}#t(e=""){return e.replace(new RegExp(`(^(?:${D()})*|(?:${D()})*$)`,"g"),"").replace(/^-/,"").replace(/٪|%/g,"").trim()}#r(e,t){const a="[0-9,. ]+";let n;return["fa-IR","fa-ir"].includes(e)||e.startsWith("ar")?n=new RegExp(`(?:-)?(?:${D()})?(?:٪|%)(?:${D()})?${a}`,"g"):n=new RegExp(`(?:-)?(?:${D()})?${a}(?:${D()})?(?:٪|%)`,"g"),n.test(t)}#a(e){return this.#e(this.defaultLocale(),e)}}class mt extends P{constructor(){super("string")}buildConfig(){const e=c.getOptions();this.addToConfig("mockChars",e?.qaMock),this.addToConfig("resource",c.getResourceBundle(),{}),this.addToConfig("garbledChars",c.getGarbledChars()?.filter(t=>String(t).trim()).filter(Boolean),[])}isInternationalized(e){const t=e.trim().replace(/\s*:\s*$/,""),a=this.getConfig()?.resource?.[this.defaultLocale()];return a?.includes(e)||a?.includes(t)}validate(e){return typeof e=="string"}isDntText(e){return this.getConfig()?.resource?.dnt?.includes(e)}isAutoIgnoredText(e){return this.isDefaultLocale()||this.isUserInputText(e)||this.isEmailText(e)||this.isUrlText(e)}isIgnoredText(e){return this.getConfig()?.resource?.ignore?.includes(e)}isUserInputText(e){return e.startsWith(Se)}isEmailText(e){return ue.EMAIL.test(e)}isUrlText(e){return ue.URL.test(e)}isFullQaLanguageText(e){const t=this.getConfig();return(e.slice(0,2)===t?.mockChars?.prefix||e.slice(0,2)===t?.mockChars?.prefix.toUpperCase())&&e.slice(-2)===t?.mockChars.suffix}isPartialQaLanguageText(e){const t=this.getConfig();return e.slice(0,2)===t?.mockChars.prefix||e.slice(0,2)===t?.mockChars.prefix.toUpperCase()||e.slice(-2)===t?.mockChars.suffix}hasEncodingIssue(e){return this.getConfig()?.garbledChars?.length>0&&this.getConfig().garbledChars.some(t=>e.includes(t))}isPartiallyLocalizedText(e){return this.#e(e)===this.currentLanguage()}#e(e){const t=Object.keys(Ie.detectTextLangEx(e)?.scores||{}).filter(Boolean)||[],a=this.currentLanguage();return t.length?t.includes(a)?a:t[0]:this.defaultLanguage()}isLocalized(e){const t=e.trim().replace(/\s*:\s*$/,""),a=this.getConfig()?.resource?.[this.currentLocale()];return a?.includes(e)||a?.includes(t)}}class pt extends P{constructor(){super("time")}validate(e){return this.#t(e)||this.isInternationalized(e)}isInternationalized(e){return this.#e(this.isQaLocale()?this.defaultLocale():this.currentLocale(),e)}buildConfig(){}#e(e,t){return this.#r(e,t)||this.#a(e,t)||this.#i(e,t)}#t(e){return this.#e(this.defaultLocale(),e)}#r(e,t){const a=["short","medium","long","full"];for(let n of a)if(this.getGlobalize(e).dateParser({time:n})(t))return!0;return!1}#a(e,t){const a=[E.DateTime.TIME_SIMPLE,E.DateTime.TIME_WITH_SECONDS,E.DateTime.TIME_WITH_SHORT_OFFSET,E.DateTime.TIME_WITH_LONG_OFFSET,E.DateTime.TIME_24_SIMPLE,E.DateTime.TIME_24_WITH_LONG_OFFSET,E.DateTime.TIME_24_WITH_SECONDS,E.DateTime.TIME_24_WITH_SHORT_OFFSET,"t","T","tt","TT"];for(let n of a)if(se(e,n,t))return!0;return!1}#i(e,t){return ne(this.isQaLocale()?this.defaultLocale():e,t)}}class y{static#e={};static#t;static#r;static#a;static#i;static#n;static#s;static#o;static load(){y.#t=new mt,y.#r=new dt,y.#a=new lt,y.#i=new pt,y.#n=new ct,y.#s=new st,y.#o=new ut}static getIssueType(e){const t=c.getLocale();if(t){let a=r.UNTRANSLATED;return y.#e[t]||(y.#e[t]={}),y.#e[t][e]?y.#e[t][e]:(this.#t.isAutoIgnoredText(e)?a=r.AUTO_IGNORE:this.#t.isDntText(e)?a=r.DNT:this.#t.isIgnoredText(e)?a=r.IGNORE:this.#t.hasEncodingIssue(e)?a=r.ENCODING_ISSUE:this.#s.validate(e)?a=this.#s.isInternationalized(e)?r.CURRENCY_LOCALIZED:r.CURRENCY_NOT_LOCALIZED:this.#o.validate(e)?a=this.#o.isInternationalized(e)?r.PERCENTAGE_LOCALIZED:r.PERCENTAGE_NOT_LOCALIZED:this.#r.validate(e)?a=this.#r.isInternationalized(e)?r.NUMBER_LOCALIZED:r.NUMBER_NOT_LOCALIZED:this.#a.validate(e)?a=this.#a.isInternationalized(e)?r.DATE_LOCALIZED:r.DATE_NOT_LOCALIZED:this.#i.validate(e)?a=this.#i.isInternationalized(e)?r.TIME_LOCALIZED:r.TIME_NOT_LOCALIZED:this.#n.validate(e)?a=this.#n.isInternationalized(e)?r.DATE_TIME_LOCALIZED:r.DATE_TIME_NOT_LOCALIZED:this.#t.validate(e)?this.#t.isQaLocale()?this.#t.isFullQaLanguageText(e)?a=r.STRING_LOCALIZED:this.#t.isPartialQaLanguageText(e)?a=r.STRING_PARTIALLY_LOCALIZED:a=r.STRING_NOT_LOCALIZED:!this.#t.isDefaultLocale()&&this.#t.isSupportedLocale()&&(this.#t.isLocalized(e)?a=r.STRING_LOCALIZED:this.#t.isPartiallyLocalizedText(e)?a=r.STRING_PARTIALLY_LOCALIZED:this.#t.isInternationalized(e)?a=r.UNTRANSLATED:a=r.STRING_NOT_LOCALIZED):this.#t.isDefaultLocale()&&(a=r.AUTO_IGNORE),y.#e[t][e]=a,a)}return r.UNTRANSLATED}}class Y{static load(){const e={};if(c.getOptions()?.l10nResourcePath){const t=g(process.cwd(),c.getOptions()?.l10nResourcePath);if(x(t))Y.#e(t,e);else if(te(t))for(const a of ae(t)){const n=g(t,a);Y.#e(n,e)}else{console.error(`${t} invalid resource path`);return}c.setResourceBundle(e)}}static#e(e,t){const a=c.getLocale(),n=c.getDefaultLocale(),s=M(e),o=xe(e);if(De.includes(o)){if(!s){console.error(`${e} is empty or invalid`);return}if(e.toLowerCase().includes("dnt"))t.dnt=s.split(/\r?\n/);else if(e.toLowerCase().includes("ignore"))t.ignore=s.split(/\r?\n/);else if(e.includes(a)){const u=s.split(/\r?\n/);t[a]=u.map(gt)}else e.includes(n)&&(t[n]=s.split(/\r?\n/))}}}function gt(i){const e=/<\/?[^>]+>/gi;return i.replace(e,"")}const ht=()=>{c.getDriver()&&!c.isLoaded()&&c.getLocale()&&(c.build(),Y.load(),y.load(),l.setup(),S.init(),c.setIsLoaded(!0))},ve=()=>{let e=process.cwd(),t=0;for(;t<10;){const a=g(e,"package.json");if(x(a)){const n=M(a),s=JSON.parse(n),o={...s?.dependencies||{},...s?.devDependencies||{},...s?.peerDependencies||{}};if(s.name!=="@zeesoft/i18n-verify"&&JSON.stringify(o).includes('"@zeesoft/i18n-verify"'))break}e=Oe(e),t++}return e},we=(i=ve())=>M(g(i,"package.json")),Et=()=>we()?.match(/"name": "([^"]+)",/)?.[1]||"",ft=()=>g(process.cwd(),C),vt=(i="")=>`{
-    "appName": "${Et()}",
-    "type": "${i}", // set automation framework type ${fe(Object.values(z))}
-    "qaLocale": "", // set the qa locale used in your project
-    "l10nResourcePath": "./l10nResources", // set the dir path of l10n resources
-    "l10nReportsPath": "./l10nReports/", // set the dir path of l10n reports
-    "supportedLocales": ["en_US", "fr_FR", "ja_JP"], // set the list of supported locales
-    "defaultLocale": "en_US", // set default locale of the application
-    "qaMock": { // set the prefix and suffix characters of qa locale
-        "prefix": "à_",
-        "suffix": "_海"
-    },
-    "mode": "${N.I18N}", // should be one of the following: ${Object.values(N).join(", ")}
-    "garbledChars": [""]
-}`,wt=()=>{const i=ft();if(!x(i))throw new Error(`${C} file is missing. Please add the file in your project root dir`);let e=M(i);if(!e)throw new Error(`invalid ${C} file. Please add valid file in your project root dir`);e=e.replace(/\/\/.+$/gm,"");try{e=JSON.parse(e)}catch{throw new Error(`invalid ${C} file. Please add valid file in your project root dir`)}return e},Lt=i=>{if(typeof i!="object"||Object.keys(i).length<1)throw new Error(`empty ${C} file`);const e=[];if(!nt(["l10nResourcePath","l10nReportsPath","supportedLocales","defaultLocale","type","mode"],i,e))throw new Error(`following properties are missing in ${C} file: ${fe(e)}`);if(!Object.values(z).includes(i?.type||""))throw new Error(`${C} has invalid system type`);if(!Object.values(N).includes(i?.mode||""))throw new Error(`${C} has invalid mode option`)},yt=(i,e="")=>{i&&!x(i)&&q(i,vt(e))};class c{static#e;static#t;static#r;static#a;static#i;static#n;static#s;static#o;static#l;static#c;static#d;static init(){try{const e=wt();Lt(e),this.#r=e?.type,this.#a=e?.mode,this.#n=e?.qaLocale,this.#c=e?.appName,this.#s=e,this.#l=0,this.getGarbledChars()}catch(e){throw f.error(e.message),e}}static build(){this.#e=rt(this.#r,this.#e),this.resetCounter()}static getGarbledChars(){return[...this.#s.garbledChars||[],...Te]}static getL10nReportsPath(){return this.#s.l10nReportsPath}static setDriver(e){this.#e=e}static setType(e){this.#r=e}static setLocale(e){this.#i=e}static setOptions(e){this.#s=e}static getExecutor(){if(c.#t)return c.#t;if(!c.#e)throw new Error("Unable to initialize process executor, driver is missing");return this.#t=new Le(this.#e),this.#t}static getDriver(){return this.#e}static getLocale(){return this.#i}static getDefaultLocale(){return this.#s.defaultLocale}static getType(){return this.#r}static getOptions(){return this.#s}static setQALocale(e){this.#n=e}static getQALocale(){return this.#n}static setResourceBundle(e){this.#o=e}static getResourceBundle(e){return this.#o?.[e]||this.#o||[]}static incrementCounter(){this.#l++}static resetCounter(){this.#l=0}static getSSCount(e=!1){return e?++this.#l:this.#l}static getMode(){return this.#a}static isSanityRun(){return this.#a===N.SANITY}static isI18nVerificationRun(){return this.#a===N.I18N}static isContextRun(){return this.#a===N.CONTEXT}static getAppName(){return this.#c}static isLoaded(){return this.#d}static setIsLoaded(e){this.#d=e}}class oe{#e;#t;#r;#a;#i=[];#n;#s;#o;#l;#c;constructor(e,t,a,n,s){this.#e=e,this.#t=t,this.#r=a,this.#c=n,this.#a=s}async run(){try{await this.#p(),this.shouldCollectStrings()?await this.#d():await this.#m()}catch(e){f.error("unable to run the process",e)}finally{await this.#g()}}async process(e,t,a,n){throw new Error("should be implemeneted by the child class")}shouldCollectStrings(){return!0}async preProcess(){}async postProcess(){}async captureScreen(e){try{return await this.#e.captureScreenshot(e),f.debug("reviewed image has been saved"),!0}catch{return f.error("unable to capture screenshot"),!1}}getBaseImageName(){return this.#s}getDescription(){return this.#a}getVerificationArea(){return this.#t}getVerificationAreaEl(){return this.#o}getVerificationAreaOffsets(){return this.#l}getDriver(){return this.#e}async getElementOffsets(e){const t=await this.#e.getElementDimension(e);return{x:t[0],y:t[1],height:t[2],width:t[3]}}async#d(){this.#i.length?(await this.#w(),await this.#L()):f.debug("No locators provided")}async#m(){await this.process(this.#a)}async#p(){this.#h(),this.#E(),await this.#v(),await this.#f(),await this.preProcess()}async#g(){await this.postProcess()}#h(){const e=this.#t||"";if(this.#r?.length>0)for(const t of this.#r)this.#i.push(e+t);this.#c&&(this.#n=e!==""?e+K:K,this.#i.push(this.#n.toString()))}#E(){this.#s=`${c.getSSCount(!0).toString().padStart(3,"0")}_${this.#a.replace(/[^\w\s]/gi,"").replace(/\s+/g,"")}.png`}async#f(){const e=g(l.reviewedReports(),this.#s);await this.captureScreen(e)}async#v(){if(this.#o=await this.#e.getElement(this.#t),this.#o)this.#l=await this.getElementOffsets(this.#o);else throw new Error("invalid verification area selector is supplied")}async#w(){let e=!1;for(const t of this.#i){const a=await this.#e.getElements(t,!0);if(a?.length){!e&&(e=!0);for(const n of a)await this.#u(n,!0)}}e||f.debug("No UI elements found from the provided locators")}async#L(){if(await this.#e.checkIfIframeIsPresent()){const e=await this.#e.getElements("//iframe");f.debug(`Total ${e.length} iframes are located on the ${this.#a}`);for(let t=0;t<e.length;t++){const a=e[t],n=await this.getElementOffsets(a);f.debug(`Switching to iFrame: ${t}`),await this.#e.switchToIFrame(t,a),this.#e.pause(1);const s=await this.#e.getElement("//body");await this.#e.isElementPresent(s);let o=!1;if(!await this.#e.checkIfIframeBodyIsEmpty()){const u=await this.#e.getElements(K,!0);if(u?.length)for(const h of u){const p=await this.#u(h,!0,n,t);!o&&p&&(o=!0)}}!o&&f.debug("No valid UI elements found in the iFrame"),await this.#e.switchToParentFrame()}}}async#u(e,t=!1,a,n){if(await this.#y(e)){const s=t?await this.#e.getElementStrings(e):[await this.#e.getElementString(e)];if(s?.length){for(const o of s)try{await this.process(o,e,a,n)}catch(u){f.error(`unable to process the ${n?`iframe-[${n}] `:""}string "${o}"`,u)}return!0}else return!1}else return!1}async#y(e){return e&&await this.#e.isElementDisplayed(e)}}class It extends oe{#e={screenshot:"",category:"",fileName:"",bookmark:!0,pageTitle:"",strings:{}};#t=0;#r="";constructor(...e){super(...e)}async preProcess(){this.#a(),this.#i(),this.#n(),this.#s(),this.#o()}async process(e,t,a){l.incrementCount(r.REVIEWED,e,this.getBaseImageName(),this.getDescription()),f.debug(`context creation for "${e}"`),await this.#d(e,t,a)}async postProcess(){this.#l();const e=this.#c();q(g(l.getContextPath(),`${this.#e.fileName}.json`),JSON.stringify(e)),B.incrementCountByType("context")}#a(){this.#t=ae(l.getContextPath()).length+1}#i(){this.#e.category=this.getDescription()}#n(){this.#e.pageTitle=`TC-${c.getAppName()}-${this.getDescription().trim().slice(0,2).toUpperCase()}-${`${this.#t}`.padStart(3,"0")}`}#s(){this.#e.fileName=`${O(c.getAppName())}-${`${this.#t}`.padStart(3,"0")}`}#o(){this.#r=`${O(c.getAppName())}_${`${this.#t}`.padStart(3,"0")}`}#l(){this.#e.screenshot=`data:image/png;base64,${_e(g(l.reviewedReports(),this.getBaseImageName()))}`}#c(){return{[G.BOOKMARK]:this.#e.bookmark,[G.CATEGORY]:this.#e.category,[G.FILE_NAME]:this.#e.fileName,[G.SCREENSHOT]:this.#e.screenshot,[G.STRINGS]:JSON.stringify(this.#e.strings)}}async#d(e,t,a){const n=await this.getElementOffsets(t),s=`${this.#r}_${`${Object.keys(this.#e.strings).length+1}`.padStart(3,"0")}`;if(a&&Object.keys(a||{}).length){const o=a,u=["x","y"];for(const h of u)h in n&&h in o&&(n[h]+=o[h])}this.#e.strings[s]={text:e,coordinates:{...n}}}}class ge{static async drawRectangle(e,t,a){const n=e?.x-2,s=e?.y-2,o=e?.width+2,u=e?.height+2,h=2;try{const p=await J.read(a),U=J.cssColorToHex(t);this.drawRectangleOutline(p,n,s,o,u,U,h);const T=Z.dirname(a),L=await p.getBufferAsync(J.MIME_PNG);v.existsSync(T)||(f.debug("folder not found"),v.mkdirSync(T,{recursive:!0})),v.writeFileSync(a,L)}catch(p){f.error(`Error: ${p}`)}}static async drawRectangleOutline(e,t,a,n,s,o,u){for(let h=t;h<t+n;h++)for(let p=0;p<u;p++)e.setPixelColor(o,h,a+p),e.setPixelColor(o,h,a+s-1-p);for(let h=a;h<a+s;h++)for(let p=0;p<u;p++)e.setPixelColor(o,t+p,h),e.setPixelColor(o,t+n-1-p,h)}}class bt extends oe{constructor(...e){super(...e)}async process(e,t,a){if(typeof e!="string"||!e||Number(e)===0)return;const n=g(l.reviewedReports(e,this.getBaseImageName()),this.getBaseImageName()),s=y.getIssueType(e),o=g(l[s](e,this.getBaseImageName()),this.getBaseImageName());l.incrementCount(r.REVIEWED,e,this.getBaseImageName(),this.getDescription()),v.existsSync(n)||v.copyFileSync(g(l.reviewedReports(),this.getBaseImageName()),n),v.existsSync(n)&&!v.existsSync(o)&&v.copyFileSync(n,o);const u=this.#a(s,e);l.incrementCount(s,e,o,this.getDescription()),await this.#e(t,u,o,a)}async#e(e,t,a,n){await this.#t(e,t),await this.#r(e,t,a,n)}async#t(e,t){await this.getDriver().onScreenStringHighlight(e,t)}async#r(e,t,a,n){let s;const o=await this.getElementOffsets(e),u=d.GRB_BLUE;if(n){s=n;const h=["x","y"];for(const p of h)p in o&&p in s&&(o[p]=s[p]+o[p])}else s=this.getVerificationAreaOffsets();await ge.drawRectangle(s,u,a),await ge.drawRectangle(o,t,a)}#a(e,t){return f.debug(`"${t}" - ${de[e][1]}${be[e]}\x1B[0m`),de[e][0]}}class St extends oe{constructor(...e){super(...e)}shouldCollectStrings(){return!1}async process(e){f.info(`${e} loaded`);const t=g(l.reviewedReports(e,this.getBaseImageName()),this.getBaseImageName());l.incrementCount(r.REVIEWED,e,t,this.getDescription()),v.existsSync(t)||v.copyFileSync(g(l.reviewedReports(),this.getBaseImageName()),t)}}const Dt=(i,e,t,a,n)=>{switch(c.getMode()){case N.I18N:return new bt(i,e,t,a,n);case N.CONTEXT:return new It(i,e,t,a,n);case N.SANITY:return new St(i,e,t,a,n);default:throw new Error("unsupported runner type")}};class Le{#e;constructor(e){this.#e=e}async start({verificationArea:e,staticLocators:t,useSmartSelector:a,description:n}){await Dt(this.#e,e,t,a,n).run()}}exports.CONFIG_FILE_NAME=C;exports.Config=c;exports.Executor=Le;exports.Logger=f;exports.Reports=l;exports.SYSTEM_TYPES=z;exports.checkAndExportConfig=yt;exports.getRootProjectMainDir=ve;exports.getRootProjectPackageJson=we;exports.joinPaths=g;exports.loadDependencies=ht;