\r\n \r\n
\r\n }\r\n \r\n );\r\n}","import React from 'react';\r\nimport Header from './Header';\r\nimport { IdleTimeoutPopup } from './IdleTimeoutPopup';\r\nimport { Alert } from './Alert';\r\nimport { CompanyContext } from '../CompanyContext';\r\n\r\nexport function Layout({ children }) {\r\n const { config, setError, t } = React.useContext(CompanyContext);\r\n\r\n React.useEffect(() => {\r\n if (config?.DisableOpp) {\r\n setError({\r\n Message: config.DisableOppMessage || t('This site is currently unavailable at this moment, please try again later.'),\r\n Dismissable: false\r\n });\r\n }\r\n }, [config]);\r\n\r\n return (\r\n \r\n {t(error.Message)}\r\n {error.Code && ({error.Code})}\r\n {error.Dismissable &&\r\n \r\n }\r\n
\r\n \r\n {config &&\r\n -1}\r\n idlingInSeconds={config.IdlingInSeconds}\r\n timeoutInSeconds={config.TimeoutInSeconds} />\r\n }\r\n
\r\n );\r\n}","/*! rxp-js - v1.5.2 - 2023-06-08\r\n * The official Realex Payments JS Library\r\n * https://github.com/realexpayments/rxp-js\r\n * Licensed MIT\r\n */\r\nElement.prototype.remove = function() {\r\n this.parentElement.removeChild(this);\r\n};\r\nNodeList.prototype.remove = HTMLCollection.prototype.remove = function() {\r\n for(var i = this.length - 1; i >= 0; i--) {\r\n if(this[i] && this[i].parentElement) {\r\n this[i].parentElement.removeChild(this[i]);\r\n }\r\n }\r\n};\r\nexport var RealexHpp = (function () {\r\n\r\n\t'use strict';\r\n\r\n\tvar hppUrl = \"https://pay.sandbox.realexpayments.com/pay\";\r\n\r\n\tvar allowedHppUrls = [\r\n\t\t'https://pay.realexpayments.com/pay',\r\n\t\t'https://pay.sandbox.realexpayments.com/pay'\r\n\t];\r\n\r\n\tvar randomId = randomId || Math.random().toString(16).substr(2,8);\r\n\r\n\tvar setHppUrl = function(url) {\r\n\t\thppUrl = url;\r\n\t};\r\n\r\n\tvar mobileXSLowerBound = 360;\r\n\tvar setMobileXSLowerBound = function (lowerBound) {\r\n\t\tmobileXSLowerBound = lowerBound;\r\n\t};\r\n\r\n\tvar isWindowsMobileOs = /Windows Phone|IEMobile/.test(navigator.userAgent);\r\n\tvar isAndroidOrIOs = /Android|iPad|iPhone|iPod/.test(navigator.userAgent);\r\n\tvar isMobileXS = function () {\r\n\t\treturn (((window.innerWidth > 0) ? window.innerWidth : window.screen.width) <= mobileXSLowerBound ? true : false) ||\r\n\t\t\t(((window.innerHeight > 0) ? window.innerHeight : window.screen.Height) <= mobileXSLowerBound ? true : false);\r\n\t};\r\n\r\n\t// Display IFrame on WIndows Phone OS mobile devices\r\n\tvar isMobileIFrame = isWindowsMobileOs;\r\n\r\n\t// For IOs/Android and small screen devices always open in new tab/window\r\n\tvar isMobileNewTab = function () {\r\n\t\treturn !isWindowsMobileOs && (isAndroidOrIOs || isMobileXS());\r\n\t};\r\n\r\n\tvar tabWindow;\r\n\r\n\tvar redirectUrl;\r\n\r\n\t/**\r\n\t * Shared functionality across lightbox, embedded, and redirect display modes.\r\n\t */\r\n\tvar internal = {\r\n\t\tevtMsg: [],\r\n\t\t/**\r\n\t\t * Adds a new window message event listener and tracks it for later removal\r\n\t\t *\r\n\t\t * @param {Function} evtMsgFct\r\n\t\t */\r\n\t\taddEvtMsgListener: function(evtMsgFct) {\r\n\t\t\tthis.evtMsg.push({ fct: evtMsgFct, opt: false });\r\n\t\t\tif (window.addEventListener) {\r\n\t\t\t\twindow.addEventListener(\"message\", evtMsgFct, false);\r\n\t\t\t} else {\r\n\t\t\t\twindow.attachEvent('message', evtMsgFct);\r\n\t\t\t}\r\n\t\t},\r\n\t\t/**\r\n\t\t * Removes a previously set window message event listener\r\n\t\t */\r\n\t\tremoveOldEvtMsgListener: function () {\r\n\t\t\tif (this.evtMsg.length > 0) {\r\n\t\t\t\tvar evt = this.evtMsg.pop();\r\n\t\t\t\tif (window.addEventListener) {\r\n\t\t\t\t\twindow.removeEventListener(\"message\", evt.fct, evt.opt);\r\n\t\t\t\t} else {\r\n\t\t\t\t\twindow.detachEvent('message', evt.fct);\r\n\t\t\t\t}\r\n\t\t\t}\r\n },\r\n\t\t/**\r\n\t\t * Shimmed base64 encode/decode support\r\n\t\t */\r\n\t\tbase64:{\r\n\t\t\tencode:function(input) {\r\n\t\t\t\tvar keyStr = \"ABCDEFGHIJKLMNOP\" +\r\n\t\t\t \"QRSTUVWXYZabcdef\" +\r\n\t\t\t \"ghijklmnopqrstuv\" +\r\n\t\t\t \"wxyz0123456789+/\" +\r\n\t\t\t \"=\";\r\n\t\t\t\tinput = escape(input);\r\n\t\t\t\tvar output = \"\";\r\n\t\t\t\tvar chr1, chr2, chr3 = \"\";\r\n\t\t\t\tvar enc1, enc2, enc3, enc4 = \"\";\r\n\t\t\t\tvar i = 0;\r\n\r\n\t\t\t\tdo {\r\n\t\t\t\t chr1 = input.charCodeAt(i++);\r\n\t\t\t\t chr2 = input.charCodeAt(i++);\r\n\t\t\t\t chr3 = input.charCodeAt(i++);\r\n\r\n\t\t\t\t enc1 = chr1 >> 2;\r\n\t\t\t\t enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\r\n\t\t\t\t enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\r\n\t\t\t\t enc4 = chr3 & 63;\r\n\r\n\t\t\t\t if (isNaN(chr2)) {\r\n\t\t\t\t\t enc3 = enc4 = 64;\r\n\t\t\t\t } else if (isNaN(chr3)) {\r\n\t\t\t\t\t enc4 = 64;\r\n\t\t\t\t }\r\n\r\n\t\t\t\t output = output +\r\n\t\t\t\t\t keyStr.charAt(enc1) +\r\n\t\t\t\t\t keyStr.charAt(enc2) +\r\n\t\t\t\t\t keyStr.charAt(enc3) +\r\n\t\t\t\t\t keyStr.charAt(enc4);\r\n\t\t\t\t chr1 = chr2 = chr3 = \"\";\r\n\t\t\t\t enc1 = enc2 = enc3 = enc4 = \"\";\r\n\t\t\t\t} while (i < input.length);\r\n\r\n\t\t\t\treturn output;\r\n\t\t\t},\r\n\t\t\tdecode:function(input) {\r\n\t\t\t\tif(typeof input === 'undefined') {\r\n\t\t\t\t\treturn input;\r\n\t\t\t\t}\r\n\t\t\t\tvar keyStr = \"ABCDEFGHIJKLMNOP\" +\r\n\t\t\t \"QRSTUVWXYZabcdef\" +\r\n\t\t\t \"ghijklmnopqrstuv\" +\r\n\t\t\t \"wxyz0123456789+/\" +\r\n\t\t\t \"=\";\r\n\t\t\t\tvar output = \"\";\r\n\t\t\t\tvar chr1, chr2, chr3 = \"\";\r\n\t\t\t\tvar enc1, enc2, enc3, enc4 = \"\";\r\n\t\t\t\tvar i = 0;\r\n\r\n\t\t\t\t// remove all characters that are not A-Z, a-z, 0-9, +, /, or =\r\n\t\t\t\tvar base64test = /[^A-Za-z0-9\\+\\/\\=]/g;\r\n\t\t\t\tif (base64test.exec(input)) {\r\n\t\t\t\t throw new Error(\"There were invalid base64 characters in the input text.\\n\" +\r\n\t\t\t\t\t\t \"Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\\n\" +\r\n\t\t\t\t\t\t \"Expect errors in decoding.\");\r\n\t\t\t\t}\r\n\t\t\t\tinput = input.replace(/[^A-Za-z0-9\\+\\/\\=]/g, \"\");\r\n\r\n\t\t\t\tdo {\r\n\t\t\t\t enc1 = keyStr.indexOf(input.charAt(i++));\r\n\t\t\t\t enc2 = keyStr.indexOf(input.charAt(i++));\r\n\t\t\t\t enc3 = keyStr.indexOf(input.charAt(i++));\r\n\t\t\t\t enc4 = keyStr.indexOf(input.charAt(i++));\r\n\r\n\t\t\t\t chr1 = (enc1 << 2) | (enc2 >> 4);\r\n\t\t\t\t chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);\r\n\t\t\t\t chr3 = ((enc3 & 3) << 6) | enc4;\r\n\r\n\t\t\t\t output = output + String.fromCharCode(chr1);\r\n\r\n\t\t\t\t if (enc3 !== 64) {\r\n\t\t\t\t\t output = output + String.fromCharCode(chr2);\r\n\t\t\t\t }\r\n\t\t\t\t if (enc4 !== 64) {\r\n\t\t\t\t\t output = output + String.fromCharCode(chr3);\r\n\t\t\t\t }\r\n\r\n\t\t\t\t chr1 = chr2 = chr3 = \"\";\r\n\t\t\t\t enc1 = enc2 = enc3 = enc4 = \"\";\r\n\r\n\t\t\t\t} while (i < input.length);\r\n\r\n\t\t\t\treturn unescape(output);\r\n\t\t\t}\r\n\t\t},\r\n\t\t/**\r\n\t\t * Converts an HPP message to a developer-friendly version.\r\n\t\t *\r\n\t\t * The decode process has two steps:\r\n\t\t *\r\n\t\t * 1. Attempt to parse the string as JSON. If this fails, an error response\r\n\t\t * is provided as we expect that the HPP has errored out to the cardholder\r\n\t\t * 2. Attempt to base64 decode the data to cover both HPP versions 1 and 2.\r\n\t\t *\r\n\t\t * @param {any} answer\r\n\t\t * @returns null if answer is not a string, otherwise the data from the HPP\r\n\t\t */\r\n\t\tdecodeAnswer:function(answer){ //internal.decodeAnswer\r\n\r\n\t\t\tvar _r;\r\n\r\n\t\t\tif (typeof answer !== \"string\") {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\r\n\t\t\ttry {\r\n\t\t\t\t_r=JSON.parse(answer);\r\n\t\t\t} catch (e) {\r\n\t\t\t\t_r = { error: true, message: answer };\r\n\t\t\t}\r\n\r\n\t\t\ttry {\r\n\t\t\t\tfor(var r in _r){\r\n\t\t\t\t\tif(_r[r]) {\r\n\t\t\t\t\t\t_r[r]=internal.base64.decode(_r[r]);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} catch (e) { /** */ }\r\n\t\t\treturn _r;\r\n\t\t},\r\n\t\t/**\r\n\t\t * Creates a new input of type `hidden`. Does not append to DOM.\r\n\t\t *\r\n\t\t * @param {string} name Name for the new input\r\n\t\t * @param {string} value Value for the new input\r\n\t\t * @returns the created input\r\n\t\t */\r\n\t\tcreateFormHiddenInput: function (name, value) {\r\n\t\t\tvar el = document.createElement(\"input\");\r\n\t\t\tel.setAttribute(\"type\", \"hidden\");\r\n\t\t\tel.setAttribute(\"name\", name);\r\n\t\t\tel.setAttribute(\"value\", value);\r\n\t\t\treturn el;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Determines a mobile device's orientation for width calculation\r\n\t\t *\r\n\t\t * @returns true if in landscape\r\n\t\t */\r\n\t\tcheckDevicesOrientation: function () {\r\n\t\t\tif (window.orientation === 90 || window.orientation === -90) {\r\n\t\t\t\treturn true;\r\n\t\t\t} else {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Creates a semi-transparent overlay with full width/height to serve as\r\n\t\t * a background for the lightbox modal\r\n\t\t *\r\n\t\t * @returns the created overlay\r\n\t\t */\r\n\t\tcreateOverlay: function () {\r\n\t\t\tvar overlay = document.createElement(\"div\");\r\n\t\t\toverlay.setAttribute(\"id\", \"rxp-overlay-\" + randomId);\r\n\t\t\toverlay.style.position = \"fixed\";\r\n\t\t\toverlay.style.width = \"100%\";\r\n\t\t\toverlay.style.height = \"100%\";\r\n\t\t\toverlay.style.top = \"0\";\r\n\t\t\toverlay.style.left = \"0\";\r\n\t\t\toverlay.style.transition = \"all 0.3s ease-in-out\";\r\n\t\t\toverlay.style.zIndex = \"100\";\r\n\r\n\t\t\tif (isMobileIFrame) {\r\n\t\t\t\toverlay.style.position = \"absolute !important\";\r\n\t\t\t\toverlay.style.WebkitOverflowScrolling = \"touch\";\r\n\t\t\t\toverlay.style.overflowX = \"hidden\";\r\n\t\t\t\toverlay.style.overflowY = \"scroll\";\r\n\t\t\t}\r\n\r\n\t\t\tdocument.body.appendChild(overlay);\r\n\r\n\t\t\tsetTimeout(function () {\r\n\t\t\t\toverlay.style.background = \"rgba(0, 0, 0, 0.7)\";\r\n\t\t\t}, 1);\r\n\r\n\t\t\treturn overlay;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Closes a lightbox modal and all associated elements\r\n\t\t *\r\n\t\t * @param {HTMLImageElement} closeButton\r\n\t\t * @param {HTMLIFrameElement} iFrame\r\n\t\t * @param {HTMLImageElement} spinner\r\n\t\t * @param {HTMLDivElement} overlayElement\r\n\t\t */\r\n\t\tcloseModal: function (closeButton, iFrame, spinner, overlayElement) {\r\n\t\t\tif (closeButton && closeButton.parentNode) {\r\n\t\t\t\tcloseButton.parentNode.removeChild(closeButton);\r\n\t\t\t}\r\n\r\n\t\t\tif (iFrame && iFrame.parentNode) {\r\n\t\t\t\tiFrame.parentNode.removeChild(iFrame);\r\n\t\t\t}\r\n\r\n\t\t\tif (spinner && spinner.parentNode) {\r\n\t\t\t\tspinner.parentNode.removeChild(spinner);\r\n\t\t\t}\r\n\r\n\t\t\tif (!overlayElement) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\toverlayElement.className = \"\";\r\n\t\t\tsetTimeout(function () {\r\n\t\t\t\tif (overlayElement.parentNode) {\r\n\t\t\t\t\toverlayElement.parentNode.removeChild(overlayElement);\r\n\t\t\t\t}\r\n\t\t\t}, 300);\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Creates a close button for the lightbox modal\r\n\t\t *\r\n\t\t * @returns the created element\r\n\t\t */\r\n\t\tcreateCloseButton: function (overlayElement) {\r\n\t\t\tif (document.getElementById(\"rxp-frame-close-\" + randomId) !== null) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tvar closeButton = document.createElement(\"img\");\r\n\t\t\tcloseButton.setAttribute(\"id\",\"rxp-frame-close-\" + randomId);\r\n\t\t\tcloseButton.setAttribute(\"src\", \"data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJFRjU1MEIzMUQ3MTFFNThGQjNERjg2NEZCRjFDOTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJFRjU1MEMzMUQ3MTFFNThGQjNERjg2NEZCRjFDOTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkVGNTUwOTMxRDcxMUU1OEZCM0RGODY0RkJGMUM5NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkVGNTUwQTMxRDcxMUU1OEZCM0RGODY0RkJGMUM5NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlHco5QAAAHpSURBVHjafFRdTsJAEF42JaTKn4glGIg++qgX4AAchHAJkiZcwnAQD8AF4NFHCaC2VgWkIQQsfl/jNJUik8Duzs/XmW9mN7Xb7VRc5vP5zWKxaK5Wq8Zmu72FqobfJG0YQ9M0+/l8/qFQKDzGY1JxENd1288vLy1s786KRZXJZCLber1Wn7MZt4PLarVnWdZ9AmQ8Hncc17UvymVdBMB/MgPQm+cFFcuy6/V6lzqDf57ntWGwYdBIVx0TfkBD6I9M35iRJgfIoAVjBLDZbA4CiJ5+9AdQi/EahibqDTkQx6fRSIHcPwA8Uy9A9Gcc47Xv+w2wzhRDYzqdVihLIbsIiCvP1NNOoX/29FQx3vgOgtt4FyRdCgPRarX4+goB9vkyAMh443cOEsIAAcjncuoI4TXWMAmCIGFhCQLAdZ8jym/cRJ+Y5nC5XCYAhINKpZLgSISZgoqh5iiLQrojAFICVwGS7tCfe5DbZzkP56XS4NVxwvTI/vXVVYIDnqmnnX70ZxzjNS8THHooK5hMpxHQIREA+tEfA9djfHR3MHkdx3Hspe9r3B+VzWaj2RESyR2mlCUE4MoGQDdxiwHURq2t94+PO9bMIYyTyDNLwMoM7g8+BfKeYGniyw2MdfSehF3Qmk1IvCc/AgwAaS86Etp38bUAAAAASUVORK5CYII=\");\r\n\t\t\tcloseButton.setAttribute(\"style\",\"transition: all 0.5s ease-in-out; opacity: 0; float: left; position: absolute; left: 50%; margin-left: 173px; z-index: 99999999; top: 30px;\");\r\n\r\n\t\t\tsetTimeout(function () {\r\n\t\t\t\tcloseButton.style.opacity = \"1\";\r\n\t\t\t},500);\r\n\r\n\t\t\tif (isMobileIFrame) {\r\n\t\t\t\tcloseButton.style.position = \"absolute\";\r\n\t\t\t\tcloseButton.style.float = \"right\";\r\n\t\t\t\tcloseButton.style.top = \"20px\";\r\n\t\t\t\tcloseButton.style.left = \"initial\";\r\n\t\t\t\tcloseButton.style.marginLeft = \"0px\";\r\n\t\t\t\tcloseButton.style.right = \"20px\";\r\n\t\t\t}\r\n\r\n\t\t\treturn closeButton;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Creates a form and appends the HPP request data as hidden input elements to\r\n\t\t * POST to the defined HPP URL.\r\n\t\t *\r\n\t\t * The created form is not appended to the DOM and is not submitted at this time.\r\n\t\t *\r\n\t\t * @param {Document} doc\r\n\t\t * @param {object} token HPP request data\r\n\t\t * @param {bool} ignorePostMessage If true, the HPP will redirect to the defined\r\n\t\t * \t\t\t\t\tdefined redirect URL. If false, the HPP will send a postMessage\r\n\t\t * \t\t\t\t\tto the parent window to be handled by this library.\r\n\t\t * @returns the created form\r\n\t\t */\r\n\t\tcreateForm: function (doc, token, ignorePostMessage) {\r\n\t\t\tvar form = document.createElement(\"form\");\r\n\t\t\tform.setAttribute(\"method\", \"POST\");\r\n\t\t\tform.setAttribute(\"action\", hppUrl);\r\n\r\n\t\t\tvar versionSet = false;\r\n\r\n\t\t\tfor (var key in token) {\r\n\t\t\t\tif (key === \"HPP_VERSION\"){\r\n\t\t\t\t\tversionSet = true;\r\n\t\t\t\t}\r\n\t\t\t\tform.appendChild(internal.createFormHiddenInput(key, token[key]));\r\n\t\t\t}\r\n\r\n\t\t\tif (versionSet === false){\r\n\t\t\t\tform.appendChild(internal.createFormHiddenInput(\"HPP_VERSION\", \"2\"));\r\n\t\t\t}\r\n\r\n\t\t\tif (ignorePostMessage) {\r\n\t\t\t\tform.appendChild(internal.createFormHiddenInput(\"MERCHANT_RESPONSE_URL\", redirectUrl));\r\n\t\t\t} else {\r\n\t\t\t\tvar parser = internal.getUrlParser(window.location.href);\r\n\t\t\t\tvar hppOriginParam = parser.protocol + '//' + parser.host;\r\n\r\n\t\t\t\tform.appendChild(internal.createFormHiddenInput(\"HPP_POST_RESPONSE\", hppOriginParam));\r\n\t\t\t\tform.appendChild(internal.createFormHiddenInput(\"HPP_POST_DIMENSIONS\", hppOriginParam));\r\n\t\t\t}\r\n\t\t\treturn form;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Creates a visual spinner element to be shown with the lightbox overlay while the\r\n\t\t * HPP's iframe loads\r\n\t\t *\r\n\t\t * @returns the created spinner element\r\n\t\t */\r\n\t\tcreateSpinner: function () {\r\n\t\t\tvar spinner = document.createElement(\"img\");\r\n\t\t\tspinner.setAttribute(\"src\", \"data:image/gif;base64,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\");\r\n\t\t\tspinner.setAttribute(\"id\", \"rxp-loader-\" + randomId);\r\n\t\t\tspinner.style.left = \"50%\";\r\n\t\t\tspinner.style.position = \"fixed\";\r\n\t\t\tspinner.style.background = \"#FFFFFF\";\r\n\t\t\tspinner.style.borderRadius = \"50%\";\r\n\t\t\tspinner.style.width = \"30px\";\r\n\t\t\tspinner.style.zIndex = \"200\";\r\n\t\t\tspinner.style.marginLeft = \"-15px\";\r\n\t\t\tspinner.style.top = \"120px\";\r\n\t\t\treturn spinner;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Creates the HPP's form, spinner, iframe, and close button, appends them\r\n\t\t * to the DOM, and submits the form to load the HPP\r\n\t\t *\r\n\t\t * @param {HTMLDivElement} overlayElement\r\n\t\t * @param {object} token The HPP request data\r\n\t\t * @returns an object with the created spinner, iframe, and close button\r\n\t\t */\r\n\t\tcreateIFrame: function (overlayElement, token) {\r\n\t\t\t//Create the spinner\r\n\t\t\tvar spinner = internal.createSpinner();\r\n\t\t\tdocument.body.appendChild(spinner);\r\n\r\n\t\t\t//Create the iframe\r\n\t\t\tvar iFrame = document.createElement(\"iframe\");\r\n\t\t\tiFrame.setAttribute(\"name\", \"rxp-frame-\" + randomId);\r\n\t\t\tiFrame.setAttribute(\"id\", \"rxp-frame-\" + randomId);\r\n\t\t\tiFrame.setAttribute(\"height\", \"562px\");\r\n\t\t\tiFrame.setAttribute(\"frameBorder\", \"0\");\r\n\t\t\tiFrame.setAttribute(\"width\", \"360px\");\r\n\t\t\tiFrame.setAttribute(\"seamless\", \"seamless\");\r\n\r\n\t\t\tiFrame.style.zIndex = \"10001\";\r\n\t\t\tiFrame.style.position = \"absolute\";\r\n\t\t\tiFrame.style.transition = \"transform 0.5s ease-in-out\";\r\n\t\t\tiFrame.style.transform = \"scale(0.7)\";\r\n\t\t\tiFrame.style.opacity = \"0\";\r\n\r\n\t\t\toverlayElement.appendChild(iFrame);\r\n\r\n\t\t\tif (isMobileIFrame) {\r\n\t\t\t\tiFrame.style.top = \"0px\";\r\n\t\t\t\tiFrame.style.bottom = \"0px\";\r\n\t\t\t\tiFrame.style.left = \"0px\";\r\n\t\t\t\tiFrame.style.marginLeft = \"0px;\";\r\n\t\t\t\tiFrame.style.width = \"100%\";\r\n\t\t\t\tiFrame.style.height = \"100%\";\r\n\t\t\t\tiFrame.style.minHeight = \"100%\";\r\n\t\t\t\tiFrame.style.WebkitTransform = \"translate3d(0,0,0)\";\r\n\t\t\t\tiFrame.style.transform = \"translate3d(0, 0, 0)\";\r\n\r\n\t\t\t\tvar metaTag = document.createElement('meta');\r\n\t\t\t\tmetaTag.name = \"viewport\";\r\n\t\t\t\tmetaTag.content = \"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\";\r\n\t\t\t\tdocument.getElementsByTagName('head')[0].appendChild(metaTag);\r\n\t\t\t} else {\r\n\t\t\t\tiFrame.style.top = \"40px\";\r\n\t\t\t\tiFrame.style.left = \"50%\";\r\n\t\t\t\tiFrame.style.marginLeft = \"-180px\";\r\n\t\t\t}\r\n\r\n\t\t\tvar closeButton;\r\n\r\n\t\t\tiFrame.onload = function () {\r\n\t\t\t\tiFrame.style.opacity = \"1\";\r\n\t\t\t\tiFrame.style.transform = \"scale(1)\";\r\n\t\t\t\tiFrame.style.backgroundColor = \"#ffffff\";\r\n\r\n\t\t\t\tif (spinner && spinner.parentNode) {\r\n\t\t\t\t\tspinner.parentNode.removeChild(spinner);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcloseButton = internal.createCloseButton();\r\n\r\n\t\t\t\tif (overlayElement && closeButton) {\r\n\t\t\t\t\toverlayElement.appendChild(closeButton);\r\n\t\t\t\t\tcloseButton.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\tinternal.closeModal(closeButton, iFrame, spinner, overlayElement);\r\n\t\t\t\t\t}, true);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tvar form = internal.createForm(document, token);\r\n\t\t\tif (iFrame.contentWindow.document.body) {\r\n\t\t\t\tiFrame.contentWindow.document.body.appendChild(form);\r\n\t\t\t} else {\r\n\t\t\t\tiFrame.contentWindow.document.appendChild(form);\r\n\t\t\t}\r\n\r\n\t\t\tform.submit();\r\n\r\n\t\t\treturn {\r\n\t\t\t\tspinner: spinner,\r\n\t\t\t\tiFrame: iFrame,\r\n\t\t\t\tcloseButton: closeButton\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Opens the HPP in a new window\r\n\t\t *\r\n\t\t * Used in some mobile scenarios or when the browser viewport is\r\n\t\t * smaller than the HPP's inner width.\r\n\t\t *\r\n\t\t * Will automatically post the request data to the defined HPP\r\n\t\t * URL to load the HPP.\r\n\t\t *\r\n\t\t * @param {object} token The HPP request data\r\n\t\t * @returns the created window\r\n\t\t */\r\n\t\topenWindow: function (token) {\r\n\t\t\t//open new window\r\n\t\t\tvar tabWindow = window.open();\r\n\r\n\t\t\t// browsers can prevent a new window from being created\r\n\t\t\t// e.g. mobile Safari\r\n\t\t\tif (!tabWindow) {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\r\n\t\t\tvar doc = tabWindow.document;\r\n\r\n\t\t\t//add meta tag to new window (needed for iOS 8 bug)\r\n\t\t\tvar meta = doc.createElement(\"meta\");\r\n\t\t\tvar name = doc.createAttribute(\"name\");\r\n\t\t\tname.value = \"viewport\";\r\n\t\t\tmeta.setAttributeNode(name);\r\n\t\t\tvar content = doc.createAttribute(\"content\");\r\n\t\t\tcontent.value = \"width=device-width\";\r\n\t\t\tmeta.setAttributeNode(content);\r\n\t\t\tdoc.head.appendChild(meta);\r\n\r\n\t\t\t//create form, append to new window and submit\r\n\t\t\tvar form = internal.createForm(doc, token);\r\n\t\t\tdoc.body.appendChild(form);\r\n\t\t\tform.submit();\r\n\r\n\t\t\treturn tabWindow;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Creates a rudimentary URL parser using an anchor element\r\n\t\t *\r\n\t\t * @param {string} url\r\n\t\t * @returns the created anchor element\r\n\t\t */\r\n\t\tgetUrlParser: function (url) {\r\n\t\t\tvar parser = document.createElement('a');\r\n\t\t\tparser.href = url;\r\n\t\t\treturn parser;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Gets the hostname/origin from a URL. Used for origin checks\r\n\t\t *\r\n\t\t * @param {string} url\r\n\t\t * @returns the hostname/origin of the URL\r\n\t\t */\r\n\t\tgetHostnameFromUrl: function (url) {\r\n\t\t\treturn internal.getUrlParser(url).hostname;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Checks if the origin is HPP.\r\n\t\t *\r\n\t\t * @param {string} origin\r\n\t\t * @returns {boolean}\r\n\t\t */\r\n\t\tisHppOrigin: function(origin) {\r\n\t\t\tvar result = false;\r\n\t\t\tallowedHppUrls.forEach(function (url) {\r\n\t\t\t\tif (internal.getHostnameFromUrl(url) === origin) {\r\n\t\t\t\t\tresult = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\treturn result;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Compares the origins from both arguments to validate we have received a postMessage\r\n\t\t * from the expected source\r\n\t\t *\r\n\t\t * @param {string} origin The origin attached to the recieved message\r\n\t\t * @param {string} hppUrl Our expected source origin\r\n\t\t * @returns true if the origins match\r\n\t\t */\r\n\t\tisMessageFromHpp: function (origin, hppUrl) {\r\n\t\t\tvar originHostName = internal.getHostnameFromUrl(origin);\r\n\t\t\treturn originHostName === internal.getHostnameFromUrl(hppUrl) || internal.isHppOrigin(originHostName);\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t * Handles messages from the HPP\r\n\t\t *\r\n\t\t * Messages from the HPP are one of:\r\n\t\t *\r\n\t\t * - iframe resize event\r\n\t\t * - transaction response\r\n\t\t * - error information\r\n\t\t *\r\n\t\t * @param {MessageEvent} e\r\n\t\t */\r\n\t\treceiveMessage: function (e) {\r\n\t\t\t//Check the origin of the response comes from HPP\r\n\t\t\tif (!internal.isMessageFromHpp(e.event.origin, hppUrl)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (!e.event.data) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tvar evtdata = internal.decodeAnswer(e.event.data);\r\n\r\n\t\t\t// we received an invalid message from the HPP iframe (e.g. from a browser plugin)\r\n\t\t\t// return early to prevent invalid processing\r\n\t\t\tif (evtdata === null) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// check for iframe resize values\r\n\t\t\tif (evtdata.iframe || evtdata.embedded) {\r\n\t\t\t\tif (!isMobileNewTab()) {\r\n\t\t\t\t\tvar iframeWidth = evtdata.iframe.width;\r\n\t\t\t\t\tvar iframeHeight = evtdata.iframe.height;\r\n\r\n\t\t\t\t\tvar iFrame;\r\n\t\t\t\t\tvar resized = false;\r\n\r\n\t\t\t\t\tif (e.embedded) {\r\n\t\t\t\t\t\tiFrame = e.instance.getIframe();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tiFrame = document.getElementById(\"rxp-frame-\" + randomId);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (e.instance.events && e.instance.events.onResize) {\r\n\t\t\t\t\t\te.instance.events.onResize(evtdata.iframe);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (iframeWidth === \"390px\" && iframeHeight === \"440px\") {\r\n\t\t\t\t\t\tiFrame.setAttribute(\"width\", iframeWidth);\r\n\t\t\t\t\t\tiFrame.setAttribute(\"height\", iframeHeight);\r\n\t\t\t\t\t\tresized = true;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tiFrame.style.backgroundColor=\"#ffffff\";\r\n\r\n\t\t\t\t\tif (isMobileIFrame) {\r\n\t\t\t\t\t\tiFrame.style.marginLeft = \"0px\";\r\n\t\t\t\t\t\tiFrame.style.WebkitOverflowScrolling = \"touch\";\r\n\t\t\t\t\t\tiFrame.style.overflowX = \"scroll\";\r\n\t\t\t\t\t\tiFrame.style.overflowY = \"scroll\";\r\n\r\n\t\t\t\t\t\tif (!e.embedded) {\r\n\t\t\t\t\t\t\tvar overlay = document.getElementById(\"rxp-overlay-\" + randomId);\r\n\t\t\t\t\t\t\toverlay.style.overflowX = \"scroll\";\r\n\t\t\t\t\t\t\toverlay.style.overflowY = \"scroll\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else if (!e.embedded && resized) {\r\n\t\t\t\t\t\tiFrame.style.marginLeft = (parseInt(iframeWidth.replace(\"px\", \"\"), 10) / 2 * -1) + \"px\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (!e.embedded && resized) {\r\n\t\t\t\t\t\t// wrap the below in a setTimeout to prevent a timing issue on a\r\n\t\t\t\t\t\t// cache-miss load\r\n\t\t\t\t\t\tsetTimeout(function () {\r\n\t\t\t\t\t\t\tvar closeButton = document.getElementById(\"rxp-frame-close-\" + randomId);\r\n\t\t\t\t\t\t\tcloseButton.style.marginLeft = ((parseInt(iframeWidth.replace(\"px\", \"\"), 10) / 2) -7) + \"px\";\r\n\t\t\t\t\t\t}, 200);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tvar _close=function(){\r\n\t\t\t\t\tif (isMobileNewTab() && tabWindow) {\r\n\t\t\t\t\t\t//Close the new window\r\n\t\t\t\t\t\ttabWindow.close();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t//Close the lightbox\r\n\t\t\t\t\t\te.instance.close();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tvar overlay=document.getElementById(\"rxp-overlay-\" + randomId);\r\n\t\t\t\t\tif(overlay) {\r\n\t\t\t\t\t\toverlay.remove();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t};\r\n\t\t\t\tvar response = e.event.data;\r\n\t\t\t\t//allow the script to intercept the answer, instead of redirecting to another page. (which is really a 90s thing)\r\n\t\t\t\tif (typeof e.url === 'function'){\r\n\t\t\t\t\te.url(evtdata, _close);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t_close();\r\n\t\t\t\t//Create a form and submit the hpp response to the merchant's response url\r\n\t\t\t\tvar form = document.createElement(\"form\");\r\n\t\t\t\tform.setAttribute(\"method\", \"POST\");\r\n\t\t\t\tform.setAttribute(\"action\", e.url);\r\n\t\t\t\tform.appendChild(internal.createFormHiddenInput(\"hppResponse\", response));\r\n\t\t\t\tdocument.body.appendChild(form);\r\n\t\t\t\tform.submit();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Public interface for the lightbox display mode\r\n\t */\r\n\tvar RxpLightbox = (function () {\r\n\t\tvar instance;\r\n\r\n\t\tfunction init() {\r\n\t\t\tvar overlayElement;\r\n\t\t\tvar spinner;\r\n\t\t\tvar iFrame;\r\n\t\t\tvar closeButton;\r\n\t\t\tvar token;\r\n\t\t\tvar isLandscape = internal.checkDevicesOrientation();\r\n\r\n\t\t\tif (isMobileIFrame) {\r\n\t\t\t\tif (window.addEventListener) {\r\n\t\t\t\t\t\twindow.addEventListener(\"orientationchange\", function () {\r\n\t\t\t\t\t\tisLandscape = internal.checkDevicesOrientation();\r\n\t\t\t\t\t}, false);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tlightbox: function () {\r\n\t\t\t\t\tif (isMobileNewTab()) {\r\n\t\t\t\t\t\ttabWindow = internal.openWindow(token);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\toverlayElement = internal.createOverlay();\r\n\t\t\t\t\t\tvar temp = internal.createIFrame(overlayElement, token);\r\n\t\t\t\t\t\tspinner = temp.spinner;\r\n\t\t\t\t\t\tiFrame = temp.iFrame;\r\n\t\t\t\t\t\tcloseButton = temp.closeButton;\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tclose: function () {\r\n\t\t\t\t\tinternal.closeModal();\r\n\t\t\t\t},\r\n\t\t\t\tsetToken: function (hppToken) {\r\n\t\t\t\t\ttoken = hppToken;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\t// Get the Singleton instance if one exists\r\n\t\t\t// or create one if it doesn't\r\n\t\t\tgetInstance: function (hppToken) {\r\n\t\t\t\tif (!instance) {\r\n\t\t\t\t\tinstance = init();\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Set the hpp token\r\n\t\t\t\tinstance.setToken(hppToken);\r\n\r\n\t\t\t\treturn instance;\r\n\t\t\t},\r\n\t\t\tinit: function (idOfLightboxButton, merchantUrl, serverSdkJson) {\r\n\t\t\t\t//Get the lightbox instance (it's a singleton) and set the sdk json\r\n\t\t\t\tvar lightboxInstance = RxpLightbox.getInstance(serverSdkJson);\r\n\r\n\t\t\t\t//if you want the form to load on function call, set to autoload\r\n\t\t\t\tif(idOfLightboxButton==='autoload'){\r\n\t\t\t\t\tlightboxInstance.lightbox();\r\n\t\t\t\t}\r\n\t\t\t\t// Sets the event listener on the PAY button. The click will invoke the lightbox method\r\n\t\t\t\telse if (document.getElementById(idOfLightboxButton).addEventListener) {\r\n\t\t\t\t\tdocument.getElementById(idOfLightboxButton).addEventListener(\"click\", lightboxInstance.lightbox, true);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdocument.getElementById(idOfLightboxButton).attachEvent('onclick', lightboxInstance.lightbox);\r\n\t\t\t\t}\r\n\t\t\t\t//avoid multiple message event listener binded to the window object.\r\n\t\t\t\tinternal.removeOldEvtMsgListener();\r\n\t\t\t\tvar evtMsgFct = function (event) {\r\n\t\t\t\t\treturn internal.receiveMessage({ event: event, instance: lightboxInstance, url: merchantUrl, embedded: false });\r\n\t\t\t\t};\r\n\t\t\t\tinternal.evtMsg.push({ fct: evtMsgFct, opt: false });\r\n\t\t\t\tinternal.addEvtMsgListener(evtMsgFct);\r\n\t\t\t}\r\n\t\t};\r\n\t})();\r\n\r\n\t/**\r\n\t * Public interface for the embedded display mode\r\n\t */\r\n\tvar RxpEmbedded = (function () {\r\n\t\tvar instance;\r\n\t\tfunction init() {\r\n\t\t\tvar overlayElement;\r\n\t\t\tvar spinner;\r\n\t\t\tvar iFrame;\r\n\t\t\tvar closeButton;\r\n\t\t\tvar token;\r\n\r\n\t\t\treturn {\r\n\t\t\t\tembedded: function () {\r\n\t\t\t\t\tvar form = internal.createForm(document, token);\r\n\t\t\t\t\tif (iFrame) {\r\n\t\t\t\t\t\tif (iFrame.contentWindow.document.body) {\r\n\t\t\t\t\t\t\tiFrame.contentWindow.document.body.appendChild(form);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tiFrame.contentWindow.document.appendChild(form);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tform.submit();\r\n\t\t\t\t\t\tiFrame.style.display = \"inherit\";\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tclose: function () {\r\n\t\t\t\t\tiFrame.style.display = \"none\";\r\n\t\t\t\t},\r\n\t\t\t\tsetToken: function (hppToken) {\r\n\t\t\t\t\ttoken = hppToken;\r\n\t\t\t\t},\r\n\t\t\t\tsetIframe: function (iframeId) {\r\n\t\t\t\t\tiFrame = document.getElementById(iframeId);\r\n\t\t\t\t\tconsole.log(iFrame);\r\n\t\t\t\t},\r\n\t\t\t\tgetIframe: function () {\r\n\t\t\t\t\treturn iFrame;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\t// Get the Singleton instance if one exists\r\n\t\t\t// or create one if it doesn't\r\n\t\t\tgetInstance: function (hppToken) {\r\n\t\t\t\tif (!instance) {\r\n\t\t\t\t\tinstance = init();\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Set the hpp token\r\n\t\t\t\tinstance.setToken(hppToken);\r\n\t\t\t\treturn instance;\r\n\t\t\t},\r\n\t\t\tinit: function (idOfEmbeddedButton, idOfTargetIframe, merchantUrl, serverSdkJson,events) {\r\n\t\t\t\t//Get the embedded instance (it's a singleton) and set the sdk json\r\n\t\t\t\tvar embeddedInstance = RxpEmbedded.getInstance(serverSdkJson);\r\n\t\t\t\tembeddedInstance.events=events;\r\n\r\n\t\t\t\tembeddedInstance.setIframe(idOfTargetIframe);\r\n\r\n\t\t\t\t//if you want the form to load on function call, set to autoload\r\n\t\t\t\tif(idOfEmbeddedButton==='autoload'){\r\n\t\t\t\t\tembeddedInstance.embedded();\r\n\t\t\t\t}\r\n\t\t\t\t// Sets the event listener on the PAY button. The click will invoke the embedded method\r\n\t\t\t\telse if (document.getElementById(idOfEmbeddedButton).addEventListener) {\r\n\t\t\t\t\tdocument.getElementById(idOfEmbeddedButton).addEventListener(\"click\", embeddedInstance.embedded, true);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdocument.getElementById(idOfEmbeddedButton).attachEvent('onclick', embeddedInstance.embedded);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//avoid multiple message event listener binded to the window object.\r\n\t\t\t\tinternal.removeOldEvtMsgListener();\r\n\t\t\t\tvar evtMsgFct = function (event) {\r\n\t\t\t\t\treturn internal.receiveMessage({ event: event, instance: embeddedInstance, url: merchantUrl, embedded: true });\r\n\t\t\t\t};\r\n\t\t\t\tinternal.evtMsg.push({ fct: evtMsgFct, opt: false });\r\n\t\t\t\tinternal.addEvtMsgListener(evtMsgFct);\r\n\t\t\t}\r\n\t\t};\r\n\t})();\r\n\r\n\t/**\r\n\t * Public interface for the redirect display mode\r\n\t */\r\n\tvar RxpRedirect = (function () {\r\n\t\tvar instance;\r\n\r\n\t\tfunction init() {\r\n\t\t\tvar overlayElement;\r\n\t\t\tvar spinner;\r\n\t\t\tvar iFrame;\r\n\t\t\tvar closeButton;\r\n\t\t\tvar token;\r\n\t\t\tvar isLandscape = internal.checkDevicesOrientation();\r\n\r\n\t\t\tif (isMobileIFrame) {\r\n\t\t\t\tif (window.addEventListener) {\r\n\t\t\t\t\t\twindow.addEventListener(\"orientationchange\", function () {\r\n\t\t\t\t\t\tisLandscape = internal.checkDevicesOrientation();\r\n\t\t\t\t\t}, false);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tredirect: function () {\r\n\t\t\t\t\tvar form = internal.createForm(document, token, true);\r\n\t\t\t\t\tdocument.body.append(form);\r\n\t\t\t\t\tform.submit();\r\n\t\t\t\t},\r\n\t\t\t\tsetToken: function (hppToken) {\r\n\t\t\t\t\ttoken = hppToken;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t// Get the singleton instance if one exists\r\n\t\t\t// or create one if it doesn't\r\n\t\t\tgetInstance: function (hppToken) {\r\n\t\t\t\tif (!instance) {\r\n\t\t\t\t\tinstance = init();\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Set the hpp token\r\n\t\t\t\tinstance.setToken(hppToken);\r\n\r\n\t\t\t\treturn instance;\r\n\t\t\t},\r\n\t\t\tinit: function (idOfButton, merchantUrl, serverSdkJson) {\r\n\t\t\t\t// Get the redirect instance (it's a singleton) and set the sdk json\r\n\t\t\t\tvar redirectInstance = RxpRedirect.getInstance(serverSdkJson);\r\n\t\t\t\tredirectUrl = merchantUrl;\r\n\r\n\t\t\t\t// Sets the event listener on the PAY button. The click will invoke the redirect method\r\n\t\t\t\tif (document.getElementById(idOfButton).addEventListener) {\r\n\t\t\t\t\tdocument.getElementById(idOfButton).addEventListener(\"click\", redirectInstance.redirect, true);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdocument.getElementById(idOfButton).attachEvent('onclick', redirectInstance.redirect);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//avoid multiple message event listener binded to the window object.\r\n\t\t\t\tinternal.removeOldEvtMsgListener();\r\n\t\t\t\tvar evtMsgFct = function (event) {\r\n\t\t\t\t\treturn internal.receiveMessage({ event: event, instance: redirectInstance, url: merchantUrl, embedded: false });\r\n\t\t\t\t};\r\n\t\t\t\tinternal.evtMsg.push({ fct: evtMsgFct, opt: false });\r\n\t\t\t\tinternal.addEvtMsgListener(evtMsgFct);\r\n\t\t\t}\r\n\t\t};\r\n\t}());\r\n\r\n\t/**\r\n\t * Public interface for the Realex HPP library\r\n\t */\r\n\treturn {\r\n\t\tinit: RxpLightbox.init,\r\n\t\tlightbox: {\r\n\t\t\tinit: RxpLightbox.init\r\n\t\t},\r\n\t\tembedded: {\r\n\t\t\tinit: RxpEmbedded.init\r\n\t\t},\r\n\t\tredirect: {\r\n\t\t\tinit: RxpRedirect.init\r\n\t\t},\r\n\t\tsetHppUrl: setHppUrl,\r\n\t\tsetMobileXSLowerBound: setMobileXSLowerBound,\r\n\t\t_internal: internal\r\n\t};\r\n\r\n}());\r\nvar RealexRemote = (function() {\r\n\r\n 'use strict';\r\n\r\n /*\r\n * Validate Card Number. Returns true if card number valid. Only allows\r\n * non-empty numeric values between 12 and 19 characters. A Luhn check is\r\n * also run against the card number.\r\n */\r\n var validateCardNumber = function(cardNumber) {\r\n // test numeric and length between 12 and 19\r\n if (!/^\\d{12,19}$/.test(cardNumber)) {\r\n return false;\r\n }\r\n\r\n // luhn check\r\n var sum = 0;\r\n var digit = 0;\r\n var addend = 0;\r\n var timesTwo = false;\r\n\r\n for (var i = cardNumber.length - 1; i >= 0; i--) {\r\n digit = parseInt(cardNumber.substring(i, i + 1), 10);\r\n if (timesTwo) {\r\n addend = digit * 2;\r\n if (addend > 9) {\r\n addend -= 9;\r\n }\r\n } else {\r\n addend = digit;\r\n }\r\n sum += addend;\r\n timesTwo = !timesTwo;\r\n }\r\n\r\n var modulus = sum % 10;\r\n if (modulus !== 0) {\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n /*\r\n * Validate Card Holder Name. Returns true if card holder valid. Only allows\r\n * non-empty ISO/IEC 8859-1 values 100 characters or less.\r\n */\r\n var validateCardHolderName = function(cardHolderName) {\r\n // test for undefined\r\n if (!cardHolderName) {\r\n return false;\r\n }\r\n\r\n // test white space only\r\n if (!cardHolderName.trim()) {\r\n return false;\r\n }\r\n\r\n // test ISO/IEC 8859-1 characters between 1 and 100\r\n if (!/^[\\u0020-\\u007E\\u00A0-\\u00FF]{1,100}$/.test(cardHolderName)) {\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n /*\r\n * Validate CVN. Applies to non-Amex card types. Only allows 3 numeric\r\n * characters.\r\n */\r\n var validateCvn = function(cvn) {\r\n // test numeric length 3\r\n if (!/^\\d{3}$/.test(cvn)) {\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n /*\r\n * Validate Amex CVN. Applies to Amex card types. Only allows 4 numeric\r\n * characters.\r\n */\r\n var validateAmexCvn = function(cvn) {\r\n // test numeric length 4\r\n if (!/^\\d{4}$/.test(cvn)) {\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n /*\r\n * Validate Expiry Date Format. Only allows 4 numeric characters. Month must\r\n * be between 1 and 12.\r\n */\r\n var validateExpiryDateFormat = function(expiryDate) {\r\n\r\n // test numeric of length 4\r\n if (!/^\\d{4}$/.test(expiryDate)) {\r\n return false;\r\n }\r\n\r\n var month = parseInt(expiryDate.substring(0, 2), 10);\r\n var year = parseInt(expiryDate.substring(2, 4), 10);\r\n\r\n // test month range is 1-12\r\n if (month < 1 || month > 12) {\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n /*\r\n * Validate Expiry Date Not In Past. Also runs checks from\r\n * validateExpiryDateFormat.\r\n */\r\n var validateExpiryDateNotInPast = function(expiryDate) {\r\n // test valid format\r\n if (!validateExpiryDateFormat(expiryDate)) {\r\n return false;\r\n }\r\n\r\n var month = parseInt(expiryDate.substring(0, 2), 10);\r\n var year = parseInt(expiryDate.substring(2, 4), 10);\r\n\r\n // test date is not in the past\r\n var now = new Date();\r\n var currentMonth = now.getMonth() + 1;\r\n var currentYear = now.getFullYear();\r\n if (year < (currentYear % 100)) {\r\n return false;\r\n } else if (year === (currentYear % 100) && month < currentMonth) {\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n return {\r\n validateCardNumber : validateCardNumber,\r\n validateCardHolderName : validateCardHolderName,\r\n validateCvn : validateCvn,\r\n validateAmexCvn : validateAmexCvn,\r\n validateExpiryDateFormat : validateExpiryDateFormat,\r\n validateExpiryDateNotInPast : validateExpiryDateNotInPast\r\n };\r\n}());\r\n","import React, { Component } from 'react';\r\nimport \"./Button.css\";\r\n\r\nexport class Button extends Component {\r\n static displayName = Button.name;\r\n static defaultProps = {\r\n className: '',\r\n disabled: false,\r\n type: 'button',\r\n loading: false\r\n }\r\n \r\n render() {\r\n return (\r\n this.props.hidden ?\r\n null :\r\n \r\n {!section &&\r\n <>\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport function Currency({ value }) {\r\n const { t } = React.useContext(CompanyContext);\r\n\r\n return {t('Pay Hospital Bill')}
\r\n{t('Step 1 of 4')}
\r\n\r\n\r\n
\r\n
\r\n\r\n {t('Please complete the following information as per your invoice.')}
\r\n\r\n {company.InvoiceSampleUrl && {t('Hospital Bill/Invoice Sample')}}\r\n {company.StatementSampleUrl && {t('Hospital Statement Sample')}}\r\n {t('Online Payment Frequently Asked Questions (FAQs)')}\r\n
\r\n \r\n
{company.FullName}'s {t('Privacy Policy')}.
\r\n\r\n\r\n
{t('Invoice Cart')}
\r\n{t('Please note: All invoice amounts are in Canadian Dollars (CAD)')}
\r\n\r\n- \r\n
- {t('Total Invoice Amount')} \r\n
i.InvoiceAmount).reduce((a, b) => a + b, 0)} /> \r\n\r\n - {t('Total Payment')} \r\n
\r\n {t('Disclaimer: If you do not see your invoice, please allow up to 3 to 5 business days for processing time in order for your invoice to show.')}\r\n
\r\n\r\n {t('Minimum $5 payment required per invoice')}\r\n
\r\n \r\n {t('Submit')} \r\n \r\n }\r\n \r\n }\r\n {section === 'review' && invoices.length > 0 &&\r\n <>\r\n\r\n
\r\n\r\n invoice.InvoiceNumber).join('; ')} total={totalPaymentAmount(invoices)} />\r\n\r\n
\r\n\r\n
\r\n {t('Review Information')}
\r\n{t('Step 2 of 4')}
\r\n\r\n\r\n
\r\n
\r\n\r\n {t('You will now be redirected to the Global Payments Portal in order to complete your payment. Please review the information above, if correct click Confirm. Otherwise, please click Go Back to make any changes. You will receive an order confirmation number.')}
\r\n\r\n{t('Credit Card Safety')}
\r\n\r\n
\r\n\r\n
\r\n
\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {t('Cancel')}\r\n
\r\n \r\n {t(error)}\r\n \r\n Please refer to the FAQ page \r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {t('Account Number')}
\r\n setAccountNumber(sanitize(e.target.value, /([A-Za-z\\-\\d]+)/))} />\r\n{t('You can find this information on your invoice')}
\r\n\r\n
\r\n\r\n {t('SearchTerm.Label')}
\r\n setSearchTerm(sanitize(e.target.value, company.SearchTermField.Regex))} />\r\n{t('SearchTerm.Description')}
\r\n\r\n
\r\n {t('Invoice Number')}
\r\n setInvoiceNumber(sanitize(e.target.value, /([a-z\\d/|-]+)/i))} />\r\n{t('Please enter exact invoice number, including any symbols')}
\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nfunction InvoiceCart({ orderInvoices, setInvoices, submitEnabled, setSubmitEnabled }) {\r\n const { config, company, t } = React.useContext(CompanyContext);\r\n\r\n let [cart, setCart] = React.useState([]);\r\n\r\n React.useEffect(() => {\r\n if (orderInvoices?.length > 0) {\r\n let toggleInitState = company.AllowPartialInvoice === false;\r\n let invoices = orderInvoices.map(invoice => {\r\n invoice.Enabled = toggleInitState;\r\n invoice.Payment = invoice.InvoiceAmount;\r\n return invoice;\r\n });\r\n\r\n setCart(invoices);\r\n\r\n scroller.scrollTo('invoice-cart', {\r\n duration: 400,\r\n delay: 0,\r\n smooth: \"easeInOutQuart\"\r\n });\r\n }\r\n }, [orderInvoices]);\r\n\r\n React.useEffect(() => {\r\n let invoices = [];\r\n submitEnabled = true;\r\n cart.forEach(invoice => {\r\n if (isValidInvoice(invoice) && invoice.Enabled) {\r\n invoices.push({ InvoiceNumber: invoice.InvoiceNumber, Payment: parseFloat(invoice.Payment) });\r\n } else if (!isValidInvoice(invoice) && invoice.Enabled) {\r\n submitEnabled = false;\r\n }\r\n });\r\n\r\n setSubmitEnabled(submitEnabled);\r\n setInvoices(invoices);\r\n }, [cart]);\r\n\r\n const isValidInvoice = (invoice) => {\r\n return !invoice.Enabled || (invoice.Payment >= Math.min(invoice.InvoiceAmount, config.MinimumPayment) && invoice.Payment <= invoice.InvoiceAmount);\r\n }\r\n\r\n const handleInvoiceChange = (e, idx) => {\r\n\r\n let name = e.target.name.split('[')[0];\r\n let newInvoices = cart.map((invoice, i) => {\r\n if (idx !== i) return invoice;\r\n let newInvoice = { ...invoice };\r\n switch (name) {\r\n case 'Payment':\r\n newInvoice[name] = parseFloat(e.target.value);\r\n break;\r\n case 'Enabled':\r\n newInvoice[name] = e.target.checked;\r\n break;\r\n default:\r\n newInvoice[name] = e.target.value;\r\n }\r\n return newInvoice;\r\n });\r\n\r\n setCart(newInvoices);\r\n };\r\n\r\n const toggleAll = (event) => {\r\n var newInvoices = cart.map((invoice, i) => {\r\n var newInvoice = { ...invoice };\r\n newInvoice.Enabled = event.target.checked && invoice.InvoiceAmount >= config.MinimumPayment;\r\n return newInvoice;\r\n });\r\n\r\n setCart(newInvoices);\r\n };\r\n\r\n return (cart.length > 0 &&\r\n \r\n {config.CaptchaSiteKey &&
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nfunction OrderReview({ order, invoiceNumbers, total }) {\r\n const { company, t } = React.useContext(CompanyContext);\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n {cart.map((invoice, idx) =>\r\n \r\n invoice.InvoiceAmount >= config.MinimumPayment).length > 0 &&\r\n cart.filter(invoice => invoice.InvoiceAmount >= config.MinimumPayment).every(invoice => invoice.Enabled)} />\r\n {t('Invoice Number')}\r\n
\r\n \r\n {t('Treatment Facility')}\r\n
\r\n \r\n {t('Invoice')}\r\n
\r\n \r\n {t('Payment')}\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n {invoice.TreatmentFacility}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n handleInvoiceChange(e, idx)}\r\n disabled={!invoice.Enabled || invoice.InvoiceAmount <= config.MinimumPayment || !company.AllowPartialPayment} />\r\n\r\n {!isValidInvoice(invoice) &&\r\n
\r\n \r\n
\r\n\r\n \r\n {t('Payment')}$\r\n
\r\n \r\n Payment should be between \r\n
\r\n }\r\n - \r\n
- {t('Account Number')} \r\n
- {order.AccountNumber} \r\n\r\n
- {t('SearchTerm.Label')} \r\n
- {order.SearchTerm} \r\n\r\n
- {t('Invoice Numbers')} \r\n
- {invoiceNumbers} \r\n\r\n
- {t('Total Payment')} \r\n
\r\n {t(error)}\r\n \r\n Please refer to the FAQ page \r\n \r\n
\r\n :\r\n \r\n setShowCategory('')}\r\n onButtonClick={() => setShowCategory('')}\r\n buttonLabel={t('Close')}\r\n showFooter={true}>\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { CompanyContext } from '../CompanyContext';\r\n\r\nexport function Faqs() {\r\n const { company, t } = React.useContext(CompanyContext);\r\n const [html, setHtml] = React.useState('');\r\n\r\n React.useEffect(() => {\r\n if (company) {\r\n fetch(`faqs/${company.Key}.html`)\r\n .then(res => {\r\n return res.text();\r\n })\r\n .then(text => {\r\n setHtml(text);\r\n });\r\n }\r\n }, [company]);\r\n\r\n const createMarkup = () => {\r\n return { __html: html };\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n {showCategory && organizations[showCategory] &&\r\n {t('Please select the health organization on your invoice')}
\r\n\r\n {Object.keys(organizations).map(name => {\r\n let org = organizations[name];\r\n let company = org[0]; // Grouped company uses the first logo\r\n\r\n return {\r\n if (org.length > 1) {\r\n setShowCategory(name);\r\n event.preventDefault();\r\n }\r\n }}>\r\n 
\r\n
\r\n {t('Select')}\r\n \r\n })}\r\n
\r\n\r\n \r\n {t('Select')}\r\n \r\n })}\r\n
{t('Don\\'t know? Please pick your hospital or treatment facility')}
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n {t('Please select bill type for payment')}
\r\n\r\n {organizations[showCategory].map(company =>\r\n
\r\n \r\n }\r\n \r\n \r\n \r\n {t(company.Category)}\r\n {t('Select')}\r\n \r\n
\r\n )}\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport { CompanyContext } from '../CompanyContext';\r\n\r\nexport function Cancel() {\r\n const { company, t } = React.useContext(CompanyContext);\r\n\r\n return (\r\n company &&\r\n \r\n
\r\n \r\n
\r\n {t('Frequently Asked Questions (FAQs)')}
\r\n\r\n \r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { useParams, useLocation } from 'react-router';\r\nimport qs from \"qs\";\r\nimport { useFetch } from \"./useFetch\";\r\nimport { Button } from \"./Button.js\";\r\nimport { Currency } from './Payment.js'\r\nimport { CompanyContext } from '../CompanyContext';\r\n\r\nexport function Confirmation() {\r\n const emailRegex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n const { company, t } = React.useContext(CompanyContext);\r\n let { doFetch, isLoading } = useFetch();\r\n let location = useLocation();\r\n let { orderid } = useParams();\r\n\r\n const token = qs.parse(location.search.substr(1)).token;\r\n\r\n let [order, setOrder] = React.useState({});\r\n let [email, setEmail] = React.useState('');\r\n let [emailConfirm, setEmailConfirm] = React.useState('');\r\n let [dirty, setDirty] = React.useState({ email: false, emailConfirm: false });\r\n let [emailDelivered, setEmailDelivered] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n if (company?.Key) {\r\n doFetch({\r\n url: `/Payment/Get/${company.Key}`,\r\n params: {\r\n OrderNumber: orderid\r\n }\r\n })\r\n .then(json => {\r\n setOrder(json.data);\r\n });\r\n }\r\n }, [company]);\r\n\r\n let handleBlur = (event) => {\r\n const target = event.target;\r\n const name = target.name;\r\n setEmailDelivered(false);\r\n\r\n if (target.value && target.value.length > 0) {\r\n var dirtyState = { ...dirty };\r\n dirtyState[name] = true;\r\n setDirty(dirtyState);\r\n }\r\n }\r\n\r\n let handleSubmit = (event) => {\r\n doFetch({\r\n url: `/Payment/Email/${company.Name}`,\r\n method: 'post',\r\n data: {\r\n OrderNumber: orderid,\r\n Ticket: token,\r\n Email: email,\r\n Company: company.Name\r\n }\r\n })\r\n .then(res => {\r\n if (res.data.Ok) {\r\n setEmail('');\r\n setEmailConfirm('');\r\n setDirty({ email: false, emailConfirm: false });\r\n setEmailDelivered(true);\r\n }\r\n });\r\n }\r\n\r\n const validEmail = !dirty.email || emailRegex.test(email.toLowerCase());\r\n const matchEmail = (!dirty.email || !dirty.emailConfirm) || email === emailConfirm;\r\n const validForm = email.length > 0 && emailConfirm.length > 0 && validEmail && matchEmail;\r\n\r\n return (company &&\r\n {t('Order Cancelled')}
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport { CompanyContext } from '../CompanyContext';\r\n\r\nexport function Decline() {\r\n const { company, t } = React.useContext(CompanyContext);\r\n\r\n return (\r\n company &&\r\n {t('Order Confirmation')}
\r\n{t('Step 4 of 4')}
\r\n\r\n\r\n
- \r\n
- {t('Account Number')} \r\n
- {order.AccountNumber} \r\n\r\n
- {t('Invoice Numbers')} \r\n
- {order.InvoiceNumbers} \r\n\r\n
- {t('Health Organization')} \r\n
- {t(company.FullName)} \r\n\r\n
- {t('Health Organization Revenue Services Address')} \r\n
- {company.Address} \r\n\r\n
- {t('Total Payment')} \r\n
- {t('Payment Method')} \r\n
- {t(order.PaymentMethod)} \r\n\r\n
- {t('Order ID')} \r\n
- {order.OrderNumber} \r\n\r\n
- {t('Confirmation Number')} \r\n
- {order.ConfirmationNumber} \r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { Link } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport { CompanyContext } from '../CompanyContext';\r\n\r\nexport function Error() {\r\n const { company, t } = React.useContext(CompanyContext);\r\n\r\n return (\r\n company &&\r\n {t('Order Declined')}
\r\n\r\n
\r\n
\r\n \r\n {t('Your payment has been declined.')}\r\n
\r\n\r\n
\r\n
\r\n );\r\n}\r\n","import React, { Suspense } from 'react';\r\nimport { Route } from 'react-router';\r\nimport CompanyContext from './CompanyContext';\r\n\r\nimport { Layout } from './components/Layout';\r\nimport { Payment } from './components/Payment';\r\nimport { HealthOrganization } from './components/HealthOrganization';\r\nimport { Faqs } from './components/Faqs';\r\nimport { Cancel } from './components/Cancel';\r\nimport { Confirmation } from './components/Confirmation';\r\nimport { Decline } from './components/Decline';\r\nimport { Error } from './components/Error';\r\n\r\nimport './custom.css'\r\n\r\nexport default function App() {\r\n return (\r\n {t('Error During Checkout')}
\r\n\r\n
\r\n
\r\n \r\n {t('Your transaction was cancelled due to an error during Checkout. Please ')} click here to go back.\r\n
\r\n