@zeesoft/i18n-verify 3.1.8 → 3.2.1

package/dist/executor.cjs

@@ -0,0 +1,3612 @@
+"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;