{"version":3,"sources":["Apfco.js","DatatableAjaxSearch.js","IFormFile.js","UnqualifiedReasonAutoUnqualify.js","UnqualifiedReasonReviewer.js","ViewHomeEntryForm.js","ViewSharedLayoutPrimary.js","ViewSubmissionReviewInvoice.js","ViewSubmissionReviewSubmission.js","VueComponents/ProductSelector/product-selector.js","VueComponents/Test2ButtonCounter/test-2-button-counter.js","VueComponents/Test1TextDisplay/test-1-text-display.js","VueComponents/MultiFileUploader/multi-file-uploader.js","VueComponents/Test3CrudTable/test-3-crud-table-row.js","VueComponents/Test3CrudTable/test-3-crud-table.js"],"names":["Apfco","[object Object]","key","value","url","window","location","href","hash","re","RegExp","test","replace","split","separator","indexOf","milliseconds","Promise","resolve","setTimeout","inputString","findString","replaceString","c","r","Math","random","toString","str","isNaN","parseFloat","parseInt","Number","email","amount","includeSign","decimalCount","decimal","thousands","abs","negativeSign","i","toFixed","j","length","output","substr","slice","e","console","log","toLocaleString","undefined","style","minimumFractionDigits","target","$","find","each","this","submit","event","attr","prop","currentForm","click","type","name","val","insertBefore","children","first","DatatableAjaxSearch","id","table","dataTable","tableOptions","fnSettings","DataTable","destroy","processing","serverSide","ajax","data","d","search","initComplete","input","unbind","self","api","$searchButton","text","reload","on","keyCode","append","paging","pagingType","lengthMenu","aaSorting","IFormFile","thisObj","elLabelWrapper","parentElement","elLabelSpan","getElementsByTagName","classList","add","contains","lineHeight","offsetHeight","filename","files","pop","substring","innerHTML","IFormFileList","elementsByClass","document","getElementsByClassName","push","item","UnqualifiedReasonAutoUnqualify","targetHiddenInput","querySelectorAll","targetButton","RefreshDisplay","className","UnqualifiedReasonAutoUnqualifyList","UnqualifiedReasonAutoUnqualifysByClass","UnqualifiedReasonReviewer","UnqualifiedReasonReviewerList","UnqualifiedReasonReviewersByClass","ViewHomeEntryForm","GLOBALROOTURL","sleep","ViewHomeEntryFormList","body","ViewSharedLayoutPrimary","disableFormButtonsOnSubmit","wrapTrademarkSymbolsWithSuperscriptTag","focus","info","searching","tooltip","regexp","contents","filter","nodeType","nodeValue","replaceWith","ViewSharedLayoutPrimaryList","ViewSmartreviewReviewInvoice","initializeLinkHtmlElements","initializeLineItemTableRows","refreshDisplay","initializeAssignEvents","initializeFormChangeDetection","initializeDisableFormInput","Form","FormFieldsChanged","getElementById","IsReadOnly","IsReadOnlyValue","SubPendingUpdatesMade","SubBtnAddLineItem","SubBtnUpdate","SubBtnReturnToSubmission","ReviewInvoiceLineItems","ReviewInvoiceLineItem","onclick","addLineItem","change","setFormFieldsChanged","elements","disabled","display","refreshDisplayLineItems","lastEnabledIndex","IsEnabled","newEnabledIndex","parent","ProductFullDescription","Quantity","BtnRemove","remove","ViewSmartreviewReviewInvoiceList","ViewSmartreviewReviewSubmission","SubBtnInvoiceEditList","SubBtnProcess","SubBtnHold","SubBtnVoid","ReviewComment","SubBtnBack","ReviewNextAvailableSubmission","SubBtnClientReturn","ViewSmartreviewReviewSubmissionList","Vue","component","template","props","promotionId","String","urlApiCalculateProductSelectorData","isInitialized","productSelectionData","errors","created","async","initialize","methods","calculateProductSelectionData","requestBody","lineItems","lineItem","quantity","axios","post","$props","JSON","stringify","headers","Content-Type","then","response","formatCurrency","catch","error","getClassLineItemQuantity","x","productGroupId","customProductIdOrder","sort","a","b","sortOrder","description","localeCompare","navigator","languages","language","numeric","ignorePunctuation","sensitivity","produtGroupId","filterLineItemsByGroup","reduce","accumulation","extendedValue","handleFormUpdate","handleFormatting","handleValidation","handleCalculation","isInteger","message","computed","errorsDistinctMessages","hasBonus","hasBonus15","hasBonus20","count","urlUploadBase","urlApiGetImages","urlApiUpload","urlApiDelete","images","uploadPercentage","isUploadInProgress","getImages","get","getFileUploadUrl","handleFileUpload","file","$refs","inputFile","formData","FormData","onUploadProgress","progressEvent","round","loaded","total","bind","startsWith","handleDelete","row","Object","inputValueString","inputValueFloat","updateStart","valueString","valueFloat","isEditing","updateSubmit","$emit","updateCancel","rows","validateString","validateFloat","newRow","getUUID","handleUpdate","rowId","rowIndex","map","handleRemove","splice","isNumeric","totalFloat","sum"],"mappings":"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","file":"site.min.js","sourcesContent":["\r\n\r\n//NOTE: The layout should have the constant GLOBALROOTURL defined - Used for transferring data from server-side to client side via APIs\r\n\r\n\r\nclass Apfco {\r\n\r\n    static updateQueryString(key, value, url) { //Update query string parameters - Taken from here: https://stackoverflow.com/questions/5999118/add-or-update-query-string-parameter\r\n        if (!url) url = window.location.href;\r\n        var re = new RegExp(\"([?&])\" + key + \"=.*?(&|#|$)(.*)\", \"gi\"),\r\n            hash;\r\n\r\n        if (re.test(url)) {\r\n            if (typeof value !== 'undefined' && value !== null)\r\n                return url.replace(re, '$1' + key + \"=\" + value + '$2$3');\r\n            else {\r\n                hash = url.split('#');\r\n                url = hash[0].replace(re, '$1$3').replace(/(&|\\?)$/, '');\r\n                if (typeof hash[1] !== 'undefined' && hash[1] !== null)\r\n                    url += '#' + hash[1];\r\n                return url;\r\n            }\r\n        }\r\n        else {\r\n            if (typeof value !== 'undefined' && value !== null) {\r\n                var separator = url.indexOf('?') !== -1 ? '&' : '?';\r\n                hash = url.split('#');\r\n                url = hash[0] + separator + key + '=' + value;\r\n                if (typeof hash[1] !== 'undefined' && hash[1] !== null)\r\n                    url += '#' + hash[1];\r\n                return url;\r\n            }\r\n            else\r\n                return url;\r\n        }\r\n    }\r\n\r\n    static stripQueryStringAndHashFromUrl(url) { //Example, changes http://localhost:61222/?test=123#NavContent to http://localhost:61222/ - From https://stackoverflow.com/questions/2540969/remove-querystring-from-url\r\n        return url.split(/[?#]/)[0];\r\n    }\r\n\r\n    static sleep(milliseconds) { //Use in async functions to insert a delay before continuing processing. Example: await Apfco.Sleep(2000);\r\n        return new Promise(function (resolve) {\r\n            setTimeout(resolve, milliseconds);\r\n        });\r\n    }\r\n\r\n    static replaceAll(inputString, findString, replaceString) { //Replace all instances of a value in a string - native string.replace() only works on first instance\r\n        let inputStringRegEscaped = inputString.replace(/([.*+?^=!:${}()|\\[\\]\\/\\\\])/g, \"\\\\$1\");\r\n        return inputString.replace(new RegExp(findString, 'g'), replaceString);\r\n    }\r\n\r\n    static getUUID() { //Generate a new UUID - taken from here: https://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid\r\n        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n            var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);\r\n            return v.toString(16);\r\n        });\r\n    }\r\n\r\n    static isNumeric(str) { //Check if a string is numeric - taken from here: https://stackoverflow.com/questions/175739/built-in-way-in-javascript-to-check-if-a-string-is-a-valid-number\r\n        if (typeof str === \"number\") return true; //If the type is already found to be a number, return true\r\n        else if (typeof str === \"bigint\") return true;\r\n        else if (typeof str !== \"string\") return false; // we only process strings!  \r\n        return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\r\n            !isNaN(parseFloat(str)) // ...and ensure strings of whitespace fail\r\n    }\r\n\r\n    static isInteger(value) {\r\n        return !isNaN(value) &&\r\n            parseInt(Number(value)) == value &&\r\n            !isNaN(parseInt(value, 10));\r\n    }\r\n\r\n    static isValidEmail(email) { //Check if a string is a valid email - taken from here: https://ui.dev/validate-email-address-javascript/\r\n        return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)\r\n    }\r\n\r\n    static formatCurrency(amount, includeSign = true, decimalCount = 2, decimal = \".\", thousands = \",\") {\r\n        try {\r\n            decimalCount = Math.abs(decimalCount);\r\n            decimalCount = isNaN(decimalCount) ? 2 : decimalCount;\r\n\r\n            const negativeSign = amount < 0 ? \"-\" : \"\";\r\n\r\n            let i = parseInt(amount = Math.abs(Number(amount) || 0).toFixed(decimalCount)).toString();\r\n            let j = (i.length > 3) ? i.length % 3 : 0;\r\n\r\n            let output = negativeSign + (j ? i.substr(0, j) + thousands : '') + i.substr(j).replace(/(\\d{3})(?=\\d)/g, \"$1\" + thousands) + (decimalCount ? decimal + Math.abs(amount - i).toFixed(decimalCount).slice(2) : \"\");\r\n\r\n            if (includeSign)\r\n                output = '$' + output;\r\n\r\n            return output;\r\n        } catch (e) {\r\n            console.log(e)\r\n        }\r\n    };\r\n\r\n    static formatPercentage(value) {\r\n        return value.toLocaleString(undefined, { style: 'percent', minimumFractionDigits: 0 });\r\n    }\r\n\r\n    static disableFormButtonsOnSubmit(target) {\r\n        //Make it so every submit button found in every form on the site is diabled when the form is submitted (solves numerous issues)\r\n        //Fixes include the \"The provided anti-forgery token was meant for user \"\", but the current user is \"ACT-2JFD6AMVSN7C\".\" which is caused by users double-clicking on the login button\r\n        //Note that this is NOT for security, as users can diable JS. This is only for avoiding user-unfriendly or confusing error messages\r\n        $(target).find('form').each(function () {\r\n            $(this).submit(function (event) {\r\n                $(this).find(':input[type=submit], button').each(function () {\r\n                    if (!$(this).attr('apfDontDisableOnSubmit')) { //Don't disable if the apfDontDisableOnSubmit=\"true\" attribute exists on the button\r\n                        $(this).prop('disabled', true);\r\n                    }\r\n                });\r\n            });\r\n        });\r\n        $(target).find('form').each(function () {\r\n            let currentForm = this; //Get the current form\r\n            $(this).find(':input[type=submit], button').each(function () {\r\n                if (!$(this).attr('apfDontDisableOnSubmit')) { //Don't disable if the apfDontDisableOnSubmit=\"true\" attribute exists on the button\r\n                    $(this).click(function (event) {\r\n                        $('<input>').attr({ //Create a hidden property for the clicked button to submit along with the form. Solves the issue with disabled buttons not getting submitted. This way you can find which button was clicked\r\n                            type: 'hidden',\r\n                            name: $(this).attr('name'),\r\n                            value: $(this).val()\r\n                        }).insertBefore($(currentForm).children().first()); //Append to the start of the current form, instead of next to the button itself or the end of the form. Otherwise it may mess with any last-child CSS selectors\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n}","\r\nfunction DatatableAjaxSearch(id, url) {\r\n\r\n    var table = $(id).dataTable();\r\n\r\n    //Grab the current global table settings for the table\r\n    tableOptions = table.fnSettings();\r\n\r\n    //Destroy the current table to rebuild\r\n    table.DataTable().destroy();\r\n\r\n    //Settings to make AJAX call\r\n    tableOptions.processing = true;\r\n    tableOptions.serverSide = false;\r\n    tableOptions.ajax = {\r\n        url: url,\r\n        type: 'POST',\r\n        data: function (d) {\r\n            d.search = $(id + '_filter input').val();\r\n        }\r\n    };\r\n\r\n    // Creates the search button\r\n    tableOptions.initComplete = function () {\r\n        var input = $('.dataTables_filter input').unbind(),\r\n            self = this.api(),\r\n            $searchButton = $('<button class=\"btn btn-primary searchButton\">')\r\n                .text('Search')\r\n                .click(function () {\r\n                    self.ajax.reload();\r\n                })\r\n        input.on('keypress', function (e) {\r\n            if (e.keyCode === 13) {\r\n                self.ajax.reload();\r\n            }\r\n        });\r\n        $('.dataTables_filter').append($searchButton);\r\n    }\r\n\r\n    //Pagination settings\r\n    tableOptions.paging = true;\r\n    tableOptions.pagingType = 'simple';\r\n    tableOptions.lengthMenu = [[10, 25, 50, 100], [10, 25, 50, 100]];\r\n\r\n    //Sort by the first column\r\n    tableOptions.aaSorting = [[0, \"desc\"]];\r\n\r\n    //Create the table using the updated settings\r\n    table.DataTable(tableOptions);\r\n}","class IFormFile {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target) {\r\n        let thisObj = this;\r\n\r\n        //Assign elements\r\n        this.target = target;\r\n        this.elLabelWrapper = target.parentElement;\r\n        this.elLabelSpan = this.elLabelWrapper.getElementsByTagName('span')[0];\r\n\r\n\r\n        //Add classes and adjust styles\r\n        this.elLabelWrapper.classList.add('IFormFileWrapper');\r\n        if (this.target.classList.contains('input-validation-error')) { //ASP.Net MVC - If a server-side validation error class was found on the <select>, apply it to the wrapper\r\n            this.elLabelWrapper.classList.add('input-validation-error');\r\n        }\r\n        this.elLabelSpan.style.lineHeight = this.elLabelWrapper.offsetHeight.toString() + 'px'; //Set the line height of the label to the rendered height of the select to vertically center the content inside\r\n\r\n\r\n        //Assign events\r\n        $(thisObj.target).on('change', function () {\r\n\r\n            console.log('File selected');\r\n\r\n            //Get the selected filename\r\n            let filename = '';\r\n            try {\r\n\r\n                //Attempt to get the filename from available variables\r\n                if (this.files) { //Attempt to use the files array first (should work in most newer browsers)\r\n                    filename = this.files[0].name;\r\n                }\r\n                else { //Fallback for IE9 - have to strip off full directory path\r\n                    filename = this.value.split(/(\\\\|\\/)/g).pop();\r\n                }\r\n\r\n                //Truncate the filename if necessary\r\n                if (filename.length > 24)\r\n                    filename = filename.substring(0, 24) + '...';\r\n            }\r\n            catch (e) { //Worst-case fallback - just state that the file was selected\r\n                    filename = 'File Selected';\r\n            }\r\n            \r\n            //Finally apply the formatted filename to the label\r\n            thisObj.elLabelSpan.innerHTML = filename;\r\n\r\n        });\r\n\r\n        console.log('IFormFile initialized');\r\n    }\r\n}\r\n\r\n//Instantiate on page load if matching HTML is found\r\nlet IFormFileList = [];\r\n$(function () {\r\n    let elementsByClass = document.getElementsByClassName(\"IFormFile\");\r\n    for (let i = 0; i < elementsByClass.length; i++) {\r\n        IFormFileList.push(new IFormFile(elementsByClass.item(i)));\r\n    };\r\n});","class UnqualifiedReasonAutoUnqualify {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target) {\r\n        var thisObj = this;\r\n\r\n        //Assign elements\r\n        this.target = target;\r\n        this.targetHiddenInput = target.querySelectorAll(\"input[type=hidden]\")[0];\r\n        this.targetButton = target.querySelectorAll(\"input[type=button]\")[0];\r\n            \r\n        //Assign events\r\n        $(this.targetButton).on('click', function () {\r\n            //Toggle the hidden input value\r\n            if (thisObj.targetHiddenInput.value === \"True\") {\r\n                thisObj.targetHiddenInput.value = \"False\";\r\n            }\r\n            else {\r\n                thisObj.targetHiddenInput.value = \"True\";\r\n            }\r\n            thisObj.RefreshDisplay();\r\n        });\r\n\r\n        //Call the initial refresh\r\n        this.RefreshDisplay();\r\n\r\n        console.log('UnqualifiedReasonAutoUnqualify Initialized');\r\n    }\r\n\r\n    RefreshDisplay() {\r\n        if (this.targetHiddenInput.value === \"True\") {\r\n            this.targetButton.value = \"Overridden\";\r\n            this.targetButton.className = \"btn btn-success btn-sm\";\r\n        }\r\n        else {\r\n            this.targetButton.value = \"Not Overridden\";\r\n            this.targetButton.className = \"btn btn-danger btn-sm\";\r\n        }\r\n    }\r\n}\r\n\r\n//Instantiate on page load if matching HTML is found\r\nlet UnqualifiedReasonAutoUnqualifyList = [];\r\n$(function () {\r\n    var UnqualifiedReasonAutoUnqualifysByClass = document.getElementsByClassName(\"UnqualifiedReasonAutoUnqualify\");\r\n    for (var i = 0; i < UnqualifiedReasonAutoUnqualifysByClass.length; i++) {\r\n        UnqualifiedReasonAutoUnqualifyList.push(new UnqualifiedReasonAutoUnqualify(UnqualifiedReasonAutoUnqualifysByClass.item(i)));\r\n    };\r\n});","class UnqualifiedReasonReviewer {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target) {\r\n        var thisObj = this;\r\n\r\n        //Assign elements\r\n        this.target = target;\r\n        this.targetHiddenInput = target.querySelectorAll(\"input[type=hidden]\")[0];\r\n        this.targetButton = target.querySelectorAll(\"input[type=button]\")[0];\r\n            \r\n        //Assign events\r\n        $(this.targetButton).on('click', function () {\r\n            //Toggle the hidden input value\r\n            if (thisObj.targetHiddenInput.value === \"True\") {\r\n                thisObj.targetHiddenInput.value = \"False\";\r\n            }\r\n            else {\r\n                thisObj.targetHiddenInput.value = \"True\";\r\n            }\r\n            thisObj.RefreshDisplay();\r\n        });\r\n\r\n        //Call the initial refresh\r\n        this.RefreshDisplay();\r\n\r\n        console.log('UnqualifiedReasonReviewer Initialized');\r\n    }\r\n\r\n    RefreshDisplay() {\r\n        if (this.targetHiddenInput.value === \"True\") {\r\n            this.targetButton.value = \"Qualified\";\r\n            this.targetButton.className = \"btn btn-success btn-sm\";\r\n        }\r\n        else {\r\n            this.targetButton.value = \"Unqualified\";\r\n            this.targetButton.className = \"btn btn-danger btn-sm\";\r\n        }\r\n    }\r\n}\r\n\r\n//Instantiate on page load if matching HTML is found\r\nlet UnqualifiedReasonReviewerList = [];\r\n$(function () {\r\n    var UnqualifiedReasonReviewersByClass = document.getElementsByClassName(\"UnqualifiedReasonReviewer\");\r\n    for (var i = 0; i < UnqualifiedReasonReviewersByClass.length; i++) {\r\n        UnqualifiedReasonReviewerList.push(new UnqualifiedReasonReviewer(UnqualifiedReasonReviewersByClass.item(i)));\r\n    };\r\n});","class ViewHomeEntryForm {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target) {\r\n        this.target = target;\r\n        console.log('GLOBALROOTURL: ' + GLOBALROOTURL);\r\n        console.log('View initialized');\r\n        //this.sleepTest();\r\n    }\r\n\r\n    async sleepTest() {\r\n        console.log('Sleep test A');\r\n        await Apfco.sleep(2000);\r\n        console.log('Sleep test B');\r\n        await Apfco.sleep(2000);\r\n        console.log('Sleep test C');\r\n    }\r\n}\r\n\r\n//Instantiate on page load if matching HTML is found\r\nlet ViewHomeEntryFormList = [];\r\n$(function () {\r\n    if (document.body.classList.contains('cHome') && document.body.classList.contains('aEntryForm')) {\r\n        let elementsByClass = document.getElementsByClassName(\"viewWrapper\");\r\n        for (let i = 0; i < elementsByClass.length; i++) {\r\n            ViewHomeEntryFormList.push(new ViewHomeEntryForm(elementsByClass.item(i)));\r\n        };\r\n    }\r\n});","class ViewSharedLayoutPrimary {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target) {\r\n        let thisObj = this;\r\n        this.target = target;\r\n\r\n        Apfco.disableFormButtonsOnSubmit(this.target);\r\n\r\n        this.wrapTrademarkSymbolsWithSuperscriptTag();\r\n\r\n        //Set the default focus to the first non-hidden input on all pages with a form. Makes pages easier to fill out with the keyboard\r\n        if (document.getElementsByTagName('form').length > 0) {\r\n            $('form:first *:input[type!=hidden]:first').focus();\r\n        }\r\n\r\n        //Apply datatables sort to all bootstrap tables in the site\r\n        $(this.target).find('table.table').each(function () {\r\n            ($(this)).DataTable({\r\n                \"paging\": false,\r\n                \"info\": false,\r\n                \"searching\": false,\r\n                \"aaSorting\": [] //Make it so Datatables doesn't apply a default sort on page load - https://datatables.net/forums/discussion/1399/how-to-no-sort-by-default\r\n            });\r\n        });\r\n\r\n        //Bootstrap v4 - enable tooltips everwhere: https://getbootstrap.com/docs/4.0/components/tooltips/\r\n        $(function () {\r\n            $('[data-toggle=\"tooltip\"]').tooltip()\r\n        })\r\n\r\n        console.log('LayoutPrimary Initialized');\r\n    }\r\n\r\n    wrapTrademarkSymbolsWithSuperscriptTag() {\r\n        //Wrap all registered trademark symbols with <sup>, as it applies to almost every design mockup we receive - see here https://stackoverflow.com/questions/19364581/adding-superscript-sup-tags-around-all-trademark-and-registered-trademark-symb\r\n        let regexp = /[\\xAE]/;\r\n        $('body :not(script,sup)').contents().filter(function () {\r\n            return this.nodeType === 3 && (regexp.test(this.nodeValue));\r\n        }).replaceWith(function () {\r\n            return this.nodeValue.replace(regexp, '<sup>$&</sup>');\r\n        });\r\n        $('body :not(script,sup)').contents().filter(function () {\r\n            return this.nodeType === 3;\r\n        }).replaceWith(function () {\r\n            return this.nodeValue.replace(/[™®]/g, '<sup>$&</sup>');\r\n        });\r\n    }\r\n}\r\n\r\n//On page load, take all found elements with the classname and create objects for them to initialize\r\nlet ViewSharedLayoutPrimaryList = [];\r\n$(function () {\r\n    let elementsByClass = document.getElementsByClassName(\"LayoutPrimary\");\r\n    for (let i = 0; i < elementsByClass.length; i++) {\r\n        ViewSharedLayoutPrimaryList.push(new ViewSharedLayoutPrimary(elementsByClass.item(i)));\r\n    };\r\n});","class ViewSmartreviewReviewInvoice {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target) {\r\n        var thisObj = this;\r\n        console.log('PageSmartreviewReviewInvoice script v1');\r\n\r\n        //Assign elements\r\n        this.target = target;\r\n\r\n        //Assign the form button onclick disable code - have to re-do this since this page doesn't use the main layout\r\n        console.log('Assigning form button click disable..');\r\n        Apfco.disableFormButtonsOnSubmit(this.target);\r\n\r\n        //Call various initialization methods\r\n        this.initializeLinkHtmlElements();\r\n        this.initializeLineItemTableRows();\r\n        this.refreshDisplay();\r\n        this.initializeAssignEvents();\r\n        this.initializeFormChangeDetection();\r\n        this.initializeDisableFormInput();\r\n\r\n        console.log('Page script load complete.');\r\n    }\r\n\r\n    initializeLinkHtmlElements() {\r\n        console.log('Linking elements..');\r\n        this.Form = this.target.getElementsByTagName(\"Form\")[0];\r\n        this.FormFieldsChanged = document.getElementById(\"FormFieldsChanged\");\r\n        this.IsReadOnly = document.getElementById(\"IsReadOnly\");\r\n        this.IsReadOnlyValue = (this.IsReadOnly.value === 'True');\r\n        this.SubPendingUpdatesMade = this.target.getElementsByClassName('SubPendingUpdatesMade')[0];\r\n        this.SubBtnAddLineItem = this.target.getElementsByClassName('SubBtnAddLineItem')[0];\r\n        this.SubBtnUpdate = this.target.getElementsByClassName('SubBtnUpdate')[0];\r\n        this.SubBtnReturnToSubmission = this.target.getElementsByClassName('SubBtnReturnToSubmission')[0];\r\n    }\r\n\r\n    initializeLineItemTableRows() {\r\n        console.log('Building list of line items table rows..');\r\n        this.ReviewInvoiceLineItems = [];\r\n        var elementsByClass = document.getElementsByClassName(\"ReviewInvoiceLineItem\");\r\n        for (var i = 0; i < elementsByClass.length; i++) {\r\n            this.ReviewInvoiceLineItems.push(new ReviewInvoiceLineItem(elementsByClass.item(i), this));\r\n        };\r\n    }\r\n\r\n    initializeAssignEvents() {\r\n        console.log('Assigning events..');\r\n        var thisObj = this;\r\n        if (this.SubBtnAddLineItem) //May be null if viewing as read-only\r\n            this.SubBtnAddLineItem.onclick = function () {\r\n                thisObj.addLineItem();\r\n                return false; //Since this is an anchor tag, prevent any redirecting\r\n            };\r\n    }\r\n\r\n    initializeFormChangeDetection() {\r\n        console.log('Initializing form change detection..');\r\n        var thisObj = this;\r\n        $(this.Form).find(\":input\").change(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        });\r\n        $(this.Form).find(\".UnqualifiedReasonReviewer\").find(\":input\").click(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        });\r\n        $(this.Form).find(\".UnqualifiedReasonAutoUnqualify\").find(\":input\").click(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        });\r\n        $(this.Form).find(\".SubBtnAddLineItem\").click(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        });\r\n        $(this.Form).find(\".SubBtnRemove\").click(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        });\r\n    }\r\n\r\n    initializeDisableFormInput() {\r\n        if (this.IsReadOnlyValue) {\r\n            console.log('IsReadOnly set to false - disabling all inputs..');\r\n\r\n            //Specifically only get the elements that are visisble controls (don't want to disable the anti-forgery token or other hidden fields)\r\n            let elements = this.Form.querySelectorAll('input.form-control,input.btn,button.btn,select.form-control,textarea.form-control');\r\n            for (var i = 0; i < elements.length; ++i) {\r\n                if (elements[i]) {\r\n                    (elements[i]).disabled = true;\r\n                }\r\n            }\r\n\r\n            //Reset some specific elements as enabled as they should always be available\r\n            this.SubBtnReturnToSubmission.disabled = false;\r\n        }\r\n        else\r\n            console.log('IsReadOnly set to false - leaving all inputs enabled..');\r\n    }\r\n\r\n    setFormFieldsChanged() {\r\n        if (!this.IsReadOnlyValue) {\r\n            console.log('Form fields changed.');\r\n            this.FormFieldsChanged.value = 'True';\r\n            this.SubPendingUpdatesMade.style.display = '';\r\n        }\r\n        else {\r\n            console.log('Change occured but no edit/review allowed, no changes flagged');\r\n        }\r\n    }\r\n\r\n    refreshDisplay() {\r\n        console.log('Calling refreshDisplay()..');\r\n        this.refreshDisplayLineItems();\r\n    }\r\n\r\n    refreshDisplayLineItems() {\r\n        for (let i = 0; i < this.ReviewInvoiceLineItems.length; i++) {\r\n            this.ReviewInvoiceLineItems[i].refreshDisplay();\r\n        };\r\n    }\r\n\r\n    addLineItem() {\r\n        console.log('Calling addLineItem()..');\r\n\r\n        //Kind of a wierd way to do this, but basically going to loop through the list backwards and enable the last disabled row found. \r\n        //This way the only time rows will get enabled in the middle is if the user is doing a bunch of add / removes, rather than immediately after the first\r\n\r\n        //Get the index of the last enabled value, add one, and then refresh the display\r\n        let lastEnabledIndex = -1;\r\n        for (var i = this.ReviewInvoiceLineItems.length - 1; i >= 0; i--) {\r\n            console.log('Checking index: ' + i);\r\n            console.log(this.ReviewInvoiceLineItems[i].IsEnabled.value);\r\n            if (this.ReviewInvoiceLineItems[i].IsEnabled.value === 'True') {\r\n                lastEnabledIndex = i;\r\n                console.log('Found lastEnabledIndex: ' + lastEnabledIndex);\r\n                break;\r\n            }\r\n        };\r\n        let newEnabledIndex = lastEnabledIndex + 1;\r\n        console.log('Set newEnabledIndex: ' + newEnabledIndex);\r\n        this.ReviewInvoiceLineItems[newEnabledIndex].IsEnabled.value = 'True';\r\n        this.refreshDisplay();\r\n    }\r\n}\r\n\r\nclass ReviewInvoiceLineItem {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target, parent) {\r\n        var thisObj = this;\r\n        console.log('\\nReviewInvoiceLineItem script v3\\n');\r\n\r\n        //Assign elements\r\n        this.target = target;\r\n        this.parent = parent;\r\n        this.IsEnabled = this.target.getElementsByClassName('SubIsEnabled')[0];\r\n        this.ProductFullDescription = this.target.getElementsByClassName('SubProductFullDescription')[0];\r\n        this.Quantity = this.target.getElementsByClassName('SubQuantity')[0];\r\n        this.BtnRemove = this.target.getElementsByClassName('SubBtnRemove')[0];\r\n\r\n        //Set all input events\r\n        this.BtnRemove.onclick = function () {\r\n            thisObj.remove();\r\n            return false; //Since this is an anchor tag, prevent any redirecting\r\n        };\r\n    }\r\n\r\n    refreshDisplay() {\r\n        console.log('ReviewInvoiceLineItem - Calling refreshDisplay()..');\r\n        this.target.style.display = (this.IsEnabled.value === 'True' ? '' : 'none');\r\n    }\r\n\r\n    remove() {\r\n        console.log('ReviewInvoiceLineItem - Calling remove()..');\r\n        this.IsEnabled.value = 'False';\r\n        this.ProductFullDescription.value = '';\r\n        this.Quantity.value = '';        \r\n        this.parent.refreshDisplay();\r\n    }\r\n}\r\n\r\n//Instantiate on page load if matching HTML is found\r\nlet ViewSmartreviewReviewInvoiceList = [];\r\n$(function () {\r\n    if (document.body.classList.contains('cSmartreview') && document.body.classList.contains('aReviewInvoice')) {\r\n        let elementsByClass = document.getElementsByClassName(\"viewWrapper\");\r\n        for (let i = 0; i < elementsByClass.length; i++) {\r\n            ViewSmartreviewReviewInvoiceList.push(new ViewSmartreviewReviewInvoice(elementsByClass.item(i)));\r\n        };\r\n    }\r\n});","class ViewSmartreviewReviewSubmission {\r\n\r\n    //NOTE: Cannot declare variables at top of class like in Typescript. In plain ES6 JS Microsoft Edge will fail to parse the script (but not other browsers)\r\n\r\n    constructor(target) {\r\n        var thisObj = this;\r\n        console.log('\\nViewSmartreviewReviewSubmission script v1\\n');\r\n\r\n        //Assign elements\r\n        this.target = target;\r\n\r\n        //Assign the form button onclick disable code - have to re-do this since this page doesn't use the main layout\r\n        console.log('Assigning form button click disable..');\r\n        Apfco.disableFormButtonsOnSubmit(this.target);\r\n\r\n        //Call various initialization methods\r\n        this.initializeLinkHtmlElements();\r\n        this.initializeFormChangeDetection();\r\n        this.initializeDisableFormInput();\r\n\r\n        console.log('Page script load complete.');\r\n    }\r\n\r\n    initializeLinkHtmlElements() {\r\n        console.log('Linking elements..');\r\n        this.Form = this.target.getElementsByTagName(\"Form\")[0];\r\n        this.FormFieldsChanged = document.getElementById(\"FormFieldsChanged\");\r\n        this.IsReadOnly = document.getElementById(\"IsReadOnly\");\r\n        this.IsReadOnlyValue = (this.IsReadOnly.value === 'True');\r\n        this.SubPendingUpdatesMade = this.target.getElementsByClassName('SubPendingUpdatesMade')[0];\r\n        this.SubBtnInvoiceEditList = this.target.querySelectorAll('.SubBtnUpdate');\r\n        this.SubBtnUpdate = this.target.getElementsByClassName('SubBtnUpdate')[0];\r\n        this.SubBtnProcess = this.target.getElementsByClassName('SubBtnProcess')[0];\r\n        this.SubBtnHold = this.target.getElementsByClassName('SubBtnHold')[0];\r\n        this.SubBtnVoid = this.target.getElementsByClassName('SubBtnVoid')[0];\r\n        this.ReviewComment = this.target.querySelectorAll('textarea[name=\"ReviewComment\"]')[0];\r\n        this.SubBtnBack = this.target.getElementsByClassName('SubBtnBack')[0];\r\n        this.ReviewNextAvailableSubmission = document.getElementById(\"ReviewNextAvailableSubmission\");\r\n    }\r\n\r\n    initializeFormChangeDetection() {\r\n        console.log('Initializing form change detection..');\r\n        var thisObj = this;\r\n        $(this.Form).find(\":input\").change(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        });\r\n        $(this.Form).find(\".UnqualifiedReasonReviewer\").find(\":input\").click(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        }); $(this.Form).find(\".UnqualifiedReasonAutoUnqualify\").find(\":input\").click(function () {\r\n            thisObj.setFormFieldsChanged();\r\n        });\r\n    }\r\n\r\n    initializeDisableFormInput() {\r\n        if (this.IsReadOnlyValue) {\r\n            console.log('IsReadOnly set to true - disabling all inputs..');\r\n\r\n            //Specifically only get the elements that are visisble controls (don't want to disable the anti-forgery token or other hidden fields)\r\n            let elements = this.Form.querySelectorAll('input.form-control,input.btn,input.form-check-input,a.btn,select.form-control,textarea.form-control');\r\n            for (var i = 0; i < elements.length; ++i) {\r\n                if (elements[i]) {\r\n                    (elements[i]).disabled = true;\r\n                }\r\n            }\r\n\r\n            //Reset some specific elements as enabled as they should always be available\r\n            for (let i = 0; i < this.SubBtnInvoiceEditList.length; ++i) {\r\n                this.SubBtnInvoiceEditList[i].disabled = false;\r\n            }\r\n            if (this.SubBtnProcess) //May not be rendered\r\n                this.SubBtnProcess.disabled = false;\r\n            if (this.SubBtnHold) //May not be rendered\r\n                this.SubBtnHold.disabled = false;\r\n            if (this.SubBtnVoid) //May not be rendered\r\n                this.SubBtnVoid.disabled = false;\r\n            if (this.SubBtnClientReturn) //May not be rendered\r\n                this.SubBtnClientReturn.disabled = false;\r\n            this.SubBtnBack.disabled = false;\r\n            if (this.ReviewNextAvailableSubmission) //May not be rendered\r\n                this.ReviewNextAvailableSubmission.disabled = false;\r\n        }\r\n        else\r\n            console.log('IsReadOnly set to false - leaving all inputs enabled..');\r\n    }\r\n\r\n    setFormFieldsChanged() {\r\n        if (!this.IsReadOnlyValue) {\r\n            console.log('Form fields changed.');\r\n            this.FormFieldsChanged.value = 'True';\r\n            this.SubPendingUpdatesMade.style.display = '';\r\n        }\r\n        else {\r\n            console.log('Change occured but no edit/review allowed, no changes flagged');\r\n        }\r\n\r\n    }\r\n}\r\n\r\n//Instantiate on page load if matching HTML is found\r\nlet ViewSmartreviewReviewSubmissionList = [];\r\n$(function () {\r\n    if (document.body.classList.contains('cSmartreview') && document.body.classList.contains('aReviewSubmission')) {\r\n        let elementsByClass = document.getElementsByClassName(\"viewWrapper\");\r\n        for (let i = 0; i < elementsByClass.length; i++) {\r\n            ViewSmartreviewReviewSubmissionList.push(new ViewSmartreviewReviewSubmission(elementsByClass.item(i)));\r\n        };\r\n    }\r\n});","Vue.component('product-selector', {\r\n    template: `\r\n    <div class='ProductSelector'>\r\n        <div v-if='isInitialized === false'>Loading...</div>\r\n\r\n        <div class=\"alert alert-danger\" v-if=\"errors.length\">\r\n            <p class=\"font-weight-bold\">Please correct the following error(s):</p>\r\n            <ul class=\"indented\">\r\n                <li v-for=\"errorMessage in errorsDistinctMessages\">{{ errorMessage }}</li>\r\n            </ul>\r\n        </div>\r\n\r\n        <div v-if='isInitialized === true'>\r\n            \r\n            <div class='subGroupContainer' v-for='productGroup in productSelectionData.groups'>\r\n                <h2>{{ productGroup.title }}</h2>\r\n                <div class='table-responsive'>\r\n                    <table class='table table-sm table-bordered table-striped table-hover'>\r\n                        <thead>\r\n                            <tr class='text-center'>\r\n                                <th class='d-sm-none'>Product & Amount Discount Per {{ productGroup.unitOfMeasureSingle }}</th>\r\n                                <th class='d-none d-sm-table-cell'>SKU</th>\r\n                                <th class='d-none d-sm-table-cell'>Product</th>\r\n                                <th>{{ productGroup.unitOfMeasurePlural }} Purchased</th>\r\n                                <th class='d-none d-sm-table-cell'>Amount Discounted Per {{ productGroup.unitOfMeasureSingle }}</th>\r\n                                <th>Product Rebate Earned</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr\r\n                                v-for='lineItem in filterLineItemsByGroup(productGroup.id)'\r\n                                v-bind:key='lineItem.id'\r\n                            >\r\n                                <td class='d-sm-none'>\r\n                                    <b>SKU:</b> {{ lineItem.id }}<br />\r\n                                    {{ lineItem.description }}<br />\r\n                                    <b>Discount:</b> {{ $Apfco.formatCurrency(lineItem.value) }}<br />\r\n                                </td>\r\n                                <td class='d-none d-sm-table-cell'>{{ lineItem.id }}</td>\r\n                                <td class='d-none d-sm-table-cell'>{{ lineItem.description }}</td>\r\n                                <td class='subColQuantity'>\r\n                                    <input v-bind:class=\"getClassLineItemQuantity(lineItem.id)\" type='number' maxlength='10' value='' v-model='lineItem.quantity' v-on:blur=\"handleFormUpdate\"/>\r\n                                </td>\r\n                                <td class='d-none d-sm-table-cell text-right' v-html=\"lineItem.value\"></td>\r\n                                <td class='text-right'>{{ $Apfco.formatCurrency(lineItem.extendedValue) }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        <tfoot>\r\n                            <tr class='font-weight-bold'>\r\n                                <td colspan='2' class='d-md-none'>Total Product Rebate Earned For Group</td>\r\n                                <td colspan='4' class='d-none d-md-table-cell'>Total Product Rebate Earned For Group</td>\r\n                                <td class='text-right'>{{ $Apfco.formatCurrency(sumLineItemsRewardByGroup(productGroup.id)) }}</td>\r\n                            </tr>\r\n                        </tfoot>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"hasBonus\">\r\n                <h2>BONUS REBATE: Buy from multiple {{ productSelectionData.groupingDescription }} to increase rebate</h2>\r\n                <div class='table-responsive'>\r\n                    <table class='table table-sm table-bordered table-striped'>\r\n                        <thead>\r\n                            <tr class='text-center'>\r\n                                <th colspan='2'></th>\r\n                                <th>Combined Base Rebate Earned</th>\r\n                                <th>Bonus Rebate %</th>\r\n                                <th>Bonus Rebate Earned</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr class='text-center'>\r\n                                <td class='text-left'>Pick 2</td>\r\n                                <td>Buy from TWO {{ productSelectionData.groupingDescription }} for 10% bonus</td>\r\n                                <td>\r\n                                    <span v-if='productSelectionData.bonusPercentage === 0.1'>\r\n                                        {{ $Apfco.formatCurrency(productSelectionData.subtotal) }}\r\n                                    </span>\r\n                                </td>\r\n                                <td>10%</td>\r\n                                <td>\r\n                                    <span v-if='productSelectionData.bonusPercentage === 0.1'>\r\n                                        {{ $Apfco.formatCurrency(productSelectionData.bonusValue) }}\r\n                                    </span>\r\n                                </td>\r\n                            </tr>\r\n                            <tr v-if=\"hasBonus15\" class='text-left font-weight-bold'>\r\n                                <td colspan='5'>or</td>\r\n                            </tr>\r\n                            <tr v-if=\"hasBonus15\" class='text-center'>\r\n                                <td class='text-left'>Pick 3</td>\r\n                                <td>Buy from THREE {{ productSelectionData.groupingDescription }} for a 15% bonus</td>\r\n                                <td>\r\n                                    <span v-if='productSelectionData.bonusPercentage === 0.15'>\r\n                                        {{ $Apfco.formatCurrency(productSelectionData.subtotal) }}\r\n                                    </span>\r\n                                </td>\r\n                                <td>15%</td>\r\n                                <td>\r\n                                    <span v-if='productSelectionData.bonusPercentage === 0.15'>\r\n                                        {{ $Apfco.formatCurrency(productSelectionData.bonusValue) }}\r\n                                    </span>\r\n                                </td>\r\n                            </tr>\r\n                            <tr v-if=\"hasBonus20\" class='text-left font-weight-bold'>\r\n                                <td colspan='5'>or</td>\r\n                            </tr>\r\n                            <tr v-if=\"hasBonus20\" class='text-center'>\r\n                                <td class='text-left'>Pick 3</td>\r\n                                <td>Buy from THREE {{ productSelectionData.groupingDescription }} for a 20% bonus</td>\r\n                                <td>\r\n                                    <span v-if='productSelectionData.bonusPercentage === 0.2'>\r\n                                        {{ $Apfco.formatCurrency(productSelectionData.subtotal) }}\r\n                                    </span>\r\n                                </td>\r\n                                <td>20%</td>\r\n                                <td>\r\n                                    <span v-if='productSelectionData.bonusPercentage === 0.2'>\r\n                                        {{ $Apfco.formatCurrency(productSelectionData.bonusValue) }}\r\n                                    </span>\r\n                                </td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n            \r\n            <div>\r\n                <h2>Grand Total Saved</h2>\r\n                <div class='table-responsive'>\r\n                    <table class='table table-sm table-bordered table-striped'>\r\n                        <thead>\r\n                            <tr class='text-center'>\r\n                                <th>Combined Base Rebate Earned</th>\r\n                                <th v-if=\"hasBonus\">Bonus Rebate Earned</th>\r\n                                <th>Total Rebate Value</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr class='text-center'>\r\n                                <td>{{ $Apfco.formatCurrency(productSelectionData.subtotal) }}</td>\r\n                                <td v-if=\"hasBonus\">{{ $Apfco.formatCurrency(productSelectionData.bonusValue) }}</td>\r\n                                <td>{{ $Apfco.formatCurrency(productSelectionData.totalValue) }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n            \r\n        </div>\r\n    </div>\r\n    `,\r\n    props: {\r\n        promotionId: String,\r\n        urlApiCalculateProductSelectorData: String\r\n    },\r\n    data: function () {\r\n        return {\r\n            isInitialized: false,\r\n            productSelectionData: null,\r\n            errors: []\r\n        }\r\n    },\r\n    created: async function () {\r\n        console.log('Component - initializing..')\r\n        await this.initialize();\r\n        console.log('Component - initialization complete.')\r\n    },\r\n    methods: {\r\n        initialize: async function () {\r\n            console.log('Initializing..');\r\n            console.log('Getting product selection data..');\r\n            await this.calculateProductSelectionData();\r\n            this.isInitialized = true;\r\n            console.log('Initialization complete.');\r\n        },\r\n        calculateProductSelectionData: async function() {\r\n            let thisObj = this;\r\n\r\n            //Build the request body\r\n            let requestBody = {\r\n                lineItems = []\r\n            };\r\n            if (this.productSelectionData) {\r\n                for (var i in this.productSelectionData.lineItems) {\r\n                    let lineItem = this.productSelectionData.lineItems[i];\r\n                    requestBody.lineItems.push({\r\n                        \"id\": lineItem.id,\r\n                        \"quantity\": \"\" + lineItem.quantity, //Make sure it's a string value\r\n                    });\r\n                }\r\n            }\r\n            \r\n            //Call the API endpoint as POST\r\n            await axios.post(thisObj.$props.urlApiCalculateProductSelectorData\r\n                , JSON.stringify(requestBody) \r\n                , {\r\n                    headers: { 'Content-Type': 'application/json' }\r\n                }\r\n            )\r\n            .then(function (response) {\r\n                console.log('Success', response);\r\n                thisObj.productSelectionData = response.data;\r\n\r\n                //Loop through each lineitem and format\r\n                for (let i = 0; i < thisObj.productSelectionData.lineItems.length; i++) {\r\n                    let lineItem = thisObj.productSelectionData.lineItems[i];\r\n\r\n                    //R12600 product 139952 requires a different display since the calculation for that item is different from other items\r\n                    if (thisObj.$props.promotionId === \"R12600\" && lineItem.id == \"139952\")\r\n                        lineItem.value = '$32 rebate if purchase <span class=\"utilDispInlineBlock\">144 singles</span>';\r\n                    else\r\n                        lineItem.value = Apfco.formatCurrency(lineItem.value);\r\n                }\r\n            })\r\n            .catch(function (error) {\r\n                console.log('Failed', error.response);\r\n            });\r\n        },\r\n        getClassLineItemQuantity: function (id) {\r\n            let output = \"form-control text-right \";\r\n\r\n            if (this.errors.filter(x => x.id === id).length > 0) {\r\n                output += \"alert-danger\";\r\n            }\r\n            return output;\r\n        },\r\n        filterLineItemsByGroup(productGroupId) {\r\n            let output = this.productSelectionData.lineItems.filter(lineItem => lineItem.productGroupId === productGroupId); //Filter the base data set\r\n            let customProductIdOrder = [];\r\n\r\n            //Sort the products - either arbitrary promotion-specific ordering from the mail-in form, or the default natural sort\r\n            if (this.$props.promotionId === \"R10952\") { //Use a custom order - https://stackoverflow.com/questions/50028512/sort-an-object-array-by-custom-order\r\n                customProductIdOrder = [\"139938\", \"139937\", \"139930\", \"139929\", \"139923\", \"139922\", \"137465\", \"137463\", \"137462\", \"138809\", \"138808\", \"138785\", \"138784\", \"126661\", \"126662\", \"126663\", \"118986\", \"118066\", \"139949\", \"139950\", \"138587\", \"138554\"]\r\n                output.sort((a, b) => customProductIdOrder.indexOf(a.id) - customProductIdOrder.indexOf(b.id));\r\n            }\r\n            else { //For everything else - Natural sort for alphanumeric strings - see here: https://fuzzytolerance.info/blog/2019/07/19/The-better-way-to-do-natural-sort-in-JavaScript/\r\n                output.sort((a, b) => {\r\n                    //Try sorting by sort order first before using the natural sort\r\n                    if (a.sortOrder < b.sortOrder)\r\n                        return -1;\r\n                    if (a.sortOrder > b.sortOrder)\r\n                        return 1;\r\n\r\n                    return a.description.localeCompare(b.description, navigator.languages[0] || navigator.language, { numeric: true, ignorePunctuation: false, sensitivity: 'base' })\r\n                });\r\n            }\r\n\r\n            return output;\r\n        },\r\n        sumLineItemsRewardByGroup(produtGroupId) {\r\n            let lineItems = this.filterLineItemsByGroup(produtGroupId);\r\n            let output = lineItems.reduce((accumulation, item) => accumulation + item.extendedValue, 0); //https://stackoverflow.com/questions/35480773/sum-values-of-objects-in-array/35480862\r\n            return output;\r\n        },\r\n        handleFormUpdate: async function () {\r\n\r\n            //Do all initial formatting\r\n            await this.handleFormatting();\r\n\r\n            //Validate the form field\r\n            await this.handleValidation();\r\n\r\n            //If there were no errors, do the calculations\r\n            if (!this.errors.length) {\r\n                await this.handleCalculation();\r\n            }\r\n        },\r\n        handleFormatting: async function () {\r\n\r\n            //Loop through each lineitem and format\r\n            for (let i = 0; i < this.productSelectionData.lineItems.length; i++) {\r\n                let lineItem = this.productSelectionData.lineItems[i];\r\n\r\n                //If null or empty, replace with zero\r\n                if (!lineItem.quantity) {\r\n                    lineItem.quantity = 0;\r\n                }\r\n            }\r\n\r\n        },\r\n        handleValidation: async function () {\r\n\r\n            //Clear any previous errors\r\n            this.errors = [];\r\n\r\n            //Loop through each lineitem and validate the values\r\n            for (let i = 0; i < this.productSelectionData.lineItems.length; i++) {\r\n                let lineItem = this.productSelectionData.lineItems[i];\r\n\r\n                if (!Apfco.isInteger(lineItem.quantity)) {\r\n                    this.errors.push({ id: lineItem.id, message:\"All quantities must be valid integers - no non-numeric characters or decimal values are allowed.\"});\r\n                }\r\n\r\n                if (lineItem.quantity < 0 || lineItem.quantity > 9999) {\r\n                    this.errors.push({ id: lineItem.id, message:\"All quantities must be between 0 and 9999.\"});\r\n                }\r\n            }\r\n        },\r\n        handleCalculation: async function () {\r\n            await this.calculateProductSelectionData();\r\n        }\r\n    },\r\n    computed: {\r\n        errorsDistinctMessages: function () { //Return a list of distinct error messages found in the errors array, for display in the top\r\n            var output = [];\r\n            for (i = 0; i < this.errors.length; i++) {\r\n                if (output[this.errors[i].message]) continue;\r\n                output[this.errors[i].message] = true;\r\n                output.push(this.errors[i].message);\r\n            }\r\n            return output;\r\n        },\r\n        hasBonus: function () { //2022-02-15 - Some promotions do not have any bonus offers\r\n            if (['R10955','R10956','R10957','R10958','R12142','R12143','R12254','R12255','R12430','R12707','R12802','R12884','R12936','R12955','R13288','R13459'].indexOf(this.$props.promotionId) >= 0) {\r\n                return false;\r\n            }\r\n            return true;\r\n        },\r\n        hasBonus15: function () {\r\n            if (['R12600','R12834','R13243','R13405'].indexOf(this.$props.promotionId) >= 0) {\r\n                return true;\r\n            }\r\n            return false;\r\n        },\r\n        hasBonus20: function () { //2021-04-30 - Implemented quick solution for R10952, which has no 20% offer\r\n            if (['R10950', 'R10951', 'R10953', 'R10954', 'R10959', 'R12180'].indexOf(this.$props.promotionId) >= 0) {\r\n                return true;\r\n            }\r\n            return false;\r\n        }\r\n    }\r\n    \r\n})","Vue.component('test-2-button-counter', {\r\n    template: `\r\n        <button class=\"btn btn-primary\" apfDontDisableOnSubmit=\"true\" v-on:click=\"count++\">\r\n            Clicked {{ count }} times.\r\n        </button>\r\n    `,\r\n    data: function () {\r\n        return {\r\n            count: 0\r\n        }\r\n    },\r\n})","Vue.component('test-1-text-display', {\r\n    template: `\r\n        <div style='color:red;'>The quick brown fox jumps over the lazy dog. 1234567890</div>\r\n    `\r\n})","Vue.component('multi-file-uploader', {\r\n    template: `\r\n    <div class='MultiFileUploader'>\r\n        <div v-if='isInitialized === false'>Loading...</div>\r\n\r\n        <div class=\"alert alert-danger\" v-if=\"errors.length\">\r\n            <ul class=\"indented\">\r\n                <li v-for=\"errorMessage in errorsDistinctMessages\">{{ errorMessage }}</li>\r\n            </ul>\r\n        </div>\r\n\r\n        <div v-if='isInitialized === true'>\r\n\r\n            <div class=\"form-group text-center\">\r\n                <label id=\"imageUpload\">\r\n                    <input type=\"file\" ref=\"inputFile\" id=\"MultiFileUploaderInputFile\" name=\"MultiFileUploaderInputFile\" style=\"display:none;\" :disabled=\"isUploadInProgress\" @change=\"handleFileUpload\">\r\n                    <label class=\"btn btn-primary MultiFileUploaderInputFile_button\" id=\"image\" for=\"MultiFileUploaderInputFile\" v-bind:class=\"{ 'disabled': isUploadInProgress }\"><i class=\"fa fa-upload\"></i> Select File to Upload</label>\r\n                </label>\r\n                <div class=\"progress\">\r\n                    <div id=\"imageProgress\" class=\"progress-bar\" v-bind:class=\"{ 'bg-warning': isUploadInProgress }\" role=\"progressbar\" :style=\"{ width: uploadPercentage + '%' }\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n                </div>\r\n            </div>\r\n            <table class=\"table table-sm\">\r\n                <thead>\r\n                    <tr>\r\n                        <th scope=\"col\">#</th>\r\n                        <th scope=\"col\">File Name</th>\r\n                        <th scope=\"col\">Remove</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr v-if='images.length === 0'>\r\n                        <td colspan='3' class='text-center'>No files uploaded. Please select at least one file to continue.</td>\r\n                    </tr>\r\n                    <tr \r\n                        v-for='(image, index) in images'\r\n                        v-bind:key='image.id'\r\n                    >\r\n                        <td>{{ index + 1 }}</td>\r\n                        <td style='word-break:break-all;'>\r\n                            <a :href='getFileUploadUrl(image.filename)' target='_blank'>\r\n                                <span>{{ image.originalFilename }}</span>\r\n                                <span v-if='image.originalFilePageNumber > 0'> ({{ image.originalFilePageNumber }})</span>\r\n                            </a>\r\n                        </td>\r\n                        <td><button type=\"button\" class=\"btn btn-danger\" v-on:click='handleDelete(image.id)'>Delete</button></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n\r\n        </div>\r\n    </div>\r\n    `,\r\n    props: {\r\n        urlUploadBase: String,\r\n        urlApiGetImages: String,\r\n        urlApiUpload: String,\r\n        urlApiDelete: String,\r\n    },\r\n    data: function () {\r\n        return {\r\n            isInitialized: false,\r\n            errors: [],\r\n            images: [],\r\n            uploadPercentage: 0,\r\n            isUploadInProgress: false\r\n        }\r\n    },\r\n    created: async function () {\r\n        console.log('Component - multi-file-uploader - initializing..')\r\n        console.log(this.$props.urlUploadBase);\r\n        console.log(this.$props.urlApiGetImages);\r\n        console.log(this.$props.urlApiUpload);\r\n        console.log(this.$props.urlApiDelete);\r\n        await this.initialize();\r\n        console.log('Component - multi-file-uploader - initialization complete.')\r\n    },\r\n    methods: {\r\n        initialize: async function () {\r\n            //this.images = [{ id: 1, filename = 'test' }, { id: 2, filename = 'test 2' }];\r\n            //await Apfco.sleep(1000);\r\n            await this.getImages();\r\n            this.isInitialized = true;\r\n        },\r\n        getImages: async function () {\r\n            await axios.get(this.$props.urlApiGetImages).then(response => (this.images = response.data.images));\r\n        },\r\n        getFileUploadUrl: function (filename) {\r\n            return this.$props.urlUploadBase + filename;\r\n        },\r\n        handleFileUpload: async function () {\r\n            let thisObj = this;\r\n            console.log('File upload starting..');\r\n\r\n            console.log('Clearing errors and upload width..');\r\n            this.errors = [];\r\n            this.uploadPercentage = 0;\r\n            this.isUploadInProgress = true;\r\n\r\n            let file = this.$refs.inputFile.files[0];\r\n            console.log('Uploading file..', file);\r\n            let formData = new FormData();\r\n            formData.append('file', file);\r\n\r\n            await axios.post(this.$props.urlApiUpload\r\n                , formData\r\n                , {\r\n                    headers: { 'Content-Type': 'multipart/form-data' },\r\n                    onUploadProgress: function (progressEvent) {\r\n                        this.uploadPercentage = parseInt(Math.round((progressEvent.loaded / progressEvent.total) * 100));\r\n                        console.log('Upload Percentage: '+ this.uploadPercentage);\r\n                    }.bind(this)\r\n                }\r\n            )\r\n            .then(function () {\r\n                thisObj.isUploadInProgress = false;\r\n                console.log('Success');\r\n            })\r\n            .catch(function (error) {\r\n                thisObj.isUploadInProgress = false;\r\n                console.log('Failed', error.response);\r\n                //If it's a <!DOCTYPE response, it means some weird server message came back (likely the server max file size). If this happens, just display a generic message\r\n                if (error.response.data.startsWith('<!DOCTYPE')) {\r\n                    thisObj.errors.push({ id: \"image_Upload\", message: 'Your selected file was not successfully uploaded. Please ensure it is a valid file format and under the maximum file size.' });\r\n                }\r\n                else {\r\n                    thisObj.errors.push({ id: \"image_Upload\", message: error.response.data });\r\n                }\r\n            });\r\n\r\n            console.log('Refreshing file list..');\r\n            await this.getImages();\r\n\r\n            console.log('Clearing selected file..'); //So user can select the same file. While not likely, if not in place will be confusing (user accidentally deleting a file wouldn't be able to re-upload)\r\n            this.$refs.inputFile.value = '';\r\n\r\n            console.log('File upload complete.');\r\n        },\r\n        handleDelete: async function (id) {\r\n            let thisObj = this;\r\n            console.log('File upload starting..');\r\n\r\n            console.log('Clearing errors..');\r\n            this.errors = [];\r\n\r\n            console.log('Deleting file..');\r\n            await axios.post(this.$props.urlApiDelete + '/' + id)\r\n            .then(function () {\r\n                console.log('Success');\r\n            })\r\n            .catch(function (error) {\r\n                console.log(error.response);\r\n                thisObj.errors.push({ id: \"image_Upload\", message: error.response.data });\r\n            });\r\n\r\n            console.log('Refreshing file list..');\r\n            await this.getImages();\r\n\r\n            console.log('File delete complete.');\r\n        }\r\n    },\r\n    computed: {\r\n        errorsDistinctMessages: function () { //Return a list of distinct error messages found in the errors array, for display in the top\r\n            var output = [];\r\n            for (i = 0; i < this.errors.length; i++) {\r\n                if (output[this.errors[i].message]) continue;\r\n                output[this.errors[i].message] = true;\r\n                output.push(this.errors[i].message);\r\n            }\r\n            return output;\r\n        }\r\n    }\r\n    \r\n})","Vue.component('test-3-crud-table-row', {\r\n    template: `\r\n        <tr>\r\n            <td>\r\n                <span v-if='row.isEditing === false'>{{ row.valueString }}</span>\r\n                <input v-if='row.isEditing === true' class='form-control text-left' value='' v-model='inputValueString' />\r\n            </td>\r\n            <td class='text-right'>\r\n                <span v-if='row.isEditing === false'>{{ row.valueFloat }}</span>\r\n                <input v-if='row.isEditing === true' class='form-control text-right' value='' v-model='inputValueFloat' />\r\n            </td>\r\n            <td class='text-center'>\r\n                <button class='btn btn-sm btn-primary' v-if='row.isEditing === false' v-on:click='updateStart'>Update</button>\r\n                <button class='btn btn-sm btn-primary' v-if='row.isEditing === false' v-on:click='remove'>Remove</button>\r\n                <button class='btn btn-sm btn-primary' v-if='row.isEditing === true' v-on:click='updateSubmit'>Submit</button>\r\n                <button class='btn btn-sm btn-primary' v-if='row.isEditing === true' v-on:click='updateCancel'>Cancel</button>\r\n            </td>\r\n        </tr>\r\n    `,\r\n    props: {\r\n        row: Object,\r\n    },\r\n    data: function () {\r\n        return {\r\n            inputValueString: '',\r\n            inputValueFloat: '',\r\n        }\r\n    },\r\n    methods: {\r\n        updateStart: function () {\r\n\r\n            //Copy the current values into the update fields\r\n            this.inputValueString = this.$props.row.valueString;\r\n            this.inputValueFloat = Number(this.$props.row.valueFloat);\r\n\r\n            //Mark as currently editing\r\n            this.$props.row.isEditing = true;\r\n        },\r\n        updateSubmit: function () {\r\n            //Emit the submit event, passing the form field values\r\n            this.$emit('updateSubmit', this.$props.row.id, this.inputValueString, this.inputValueFloat);\r\n\r\n        },\r\n        updateCancel: function () {\r\n            this.$props.row.isEditing = false; //For cancel, just clear the fields and cancel with no further action\r\n        },\r\n        remove: function () {\r\n            //Emit the remove event, passing it's own row ID so the parent knows what to remove\r\n            this.$emit('remove', this.$props.row.id);\r\n        }\r\n    },\r\n})","Vue.component('test-3-crud-table', {\r\n    template: `\r\n        <div>\r\n            <div class=\"alert alert-danger\" v-if=\"errors.length\">\r\n                <p class=\"font-weight-bold\">Please correct the following error(s):</p>\r\n                <ul class=\"indented\">\r\n                    <li v-for=\"error in errors\">{{ error }}</li>\r\n                </ul>\r\n            </div>\r\n            <table class='table table-sm table-bordered table-striped table-hover'>\r\n                <thead>\r\n                    <tr>\r\n                        <th>String</th>\r\n                        <th class='text-right'>Float</th>\r\n                        <th class='text-center'>Options</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>\r\n                            <input class='form-control text-left' value='' v-model='inputValueString' />\r\n                        </td>\r\n                        <td class='text-right'>\r\n                            <input class='form-control text-right' value='' v-model='inputValueFloat' />\r\n                        </td>\r\n                        <td class='text-center'>\r\n                            <button class='btn btn-sm btn-primary' v-on:click='add'>Add</button>\r\n                        </td>\r\n                    </tr>\r\n                    <test-3-crud-table-row\r\n                        v-for=\"row in rows\"\r\n                        v-bind:key=\"row.id\"\r\n                        v-bind:row=\"row\"\r\n                        v-on:updateSubmit=\"handleUpdate\"\r\n                        v-on:remove=\"handleRemove\"\r\n                    ></test-3-crud-table-row>\r\n                </tbody>\r\n                <tfoot>\r\n                    <tr>\r\n                        <td>Total</td>\r\n                        <td class='text-right'>{{ totalFloat }}</td>\r\n                        <td></td>\r\n                    </tr>\r\n                </tfoot>\r\n            </table>\r\n        </div>\r\n    `,\r\n    data: function () {\r\n        return {\r\n            inputValueString: '',\r\n            inputValueFloat: '',\r\n            errors: [],\r\n            rows: [\r\n                { id: 1, valueString: 'Example 1', valueFloat: 15, isEditing = false },\r\n                { id: 2, valueString: 'Example 2', valueFloat: 20, isEditing = false },\r\n                { id: 3, valueString: 'Example 3', valueFloat: 30, isEditing = false }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        add: function () {\r\n\r\n            //Clear any previous errors\r\n            this.errors = [];\r\n\r\n            //Validate the form\r\n            this.validateString(this.inputValueString);\r\n            this.validateFloat(this.inputValueFloat);\r\n            \r\n            //If no errors were found, continue\r\n            if (!this.errors.length) {\r\n                //Add the new row\r\n                let newRow = { id = Apfco.getUUID(), valueString: this.inputValueString, valueFloat: Number(this.inputValueFloat), isEditing = false };\r\n                this.rows.push(newRow);\r\n\r\n                //Clear the input fields\r\n                this.inputValueString = '';\r\n                this.inputValueFloat = '';\r\n            }\r\n        },\r\n        handleUpdate: function (rowId, inputValueString, inputValueFloat) {\r\n\r\n            //Clear any previous errors\r\n            this.errors = [];\r\n\r\n            //Validate the form\r\n            this.validateString(inputValueString);\r\n            this.validateFloat(inputValueFloat);\r\n\r\n            if (!this.errors.length) {\r\n\r\n                //Get the row\r\n                let rowIndex = this.rows.map(function (row) { return row.id; }).indexOf(rowId);\r\n                let row = this.rows[rowIndex];\r\n\r\n                row.valueString = inputValueString;\r\n                row.valueFloat = Number(inputValueFloat);\r\n\r\n                //Set editing back to false\r\n                row.isEditing = false;\r\n            }\r\n            \r\n        },\r\n        handleRemove: function (rowId) {\r\n            //See here: https://gist.github.com/scottopolis/6e35cf0d53bae81e6161662e6374da04\r\n            let rowIndex = this.rows.map(function (row) { return row.id; }).indexOf(rowId);\r\n            this.rows.splice(rowIndex, 1);\r\n        },\r\n        validateString: function(input) {\r\n            if (!input) {\r\n                this.errors.push(\"String is required.\");\r\n            }\r\n            else if (input.length > 10) {\r\n                this.errors.push('Max string length is 10 characters.');\r\n            }\r\n        },\r\n        validateFloat: function (input) {\r\n            if (!input) {\r\n                this.errors.push('Float is required.');\r\n            }\r\n            else if (!Apfco.isNumeric(input)) {\r\n                this.errors.push('Float is not a valid number.');\r\n            }\r\n            else if (input < 0.00 || input > 99.99) {\r\n                this.errors.push('Float must be between 0.00 and 99.99');\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        totalFloat: function () {\r\n            let sum = 0;\r\n            return this.rows.reduce((sum, row) => sum + row.valueFloat, 0);\r\n        }\r\n    }\r\n})"]}