Improvements: Reinstate existing _pxOnCaptchaSuccess (#18)

CHANGELOG.md

@@ -1,3 +1,25 @@
+# 1.0.3
+
+## Improvements
+
+### Reinstate existing _pxOnCaptchaSuccess
+Superimpose existing _pxOnCaptchaSuccess (when applicable) and reinstate the old one when finished
+
+### Allow UI timeout to be Infinity
+To disable abort function for long wait
+
+### Ease in challenge appearance (PerimeterX Human Challenge)
+Instead of jumping into appearance - add an open animation for the challenge
+
+<details>
+<summary>Visual change</summary>
+
+| Before | After
+| - | -
+| ![](https://user-images.githubusercontent.com/516342/122932879-05102080-d366-11eb-9be0-d841e4fcf695.gif) | ![](https://user-images.githubusercontent.com/516342/122932930-11947900-d366-11eb-9f2d-3eee1c0e8fe1.gif)
+
+</details>
+
 # 1.0.2
 
 ## Bug Fixes

lib/UIElements/styles.js

@@ -52,6 +52,15 @@ const styles = ({ zIndex = 10000 } = {}) => `
     box-shadow: 0 0 2em rgba(0, 0, 0, .4);
     padding: 1em 1.5em;
 }
+@keyframes px-challenge-appear {
+    0% { max-height: 0px; }
+    60% { max-height: 0px; }
+    100% { max-height: 200px; }
+}
+.${CHALLENGE_BOX_CLASSNAME} > div > iframe {
+    margin: 0 auto;
+    animation: px-challenge-appear .6s ease-in;
+}
 .${MODAL_CLASSNAME} p,
 .${MODAL_CLASSNAME} .${CHALLENGE_BOX_CLASSNAME} {
     margin: 0 0 .5em;

lib/openModal/index.js

@@ -40,12 +40,15 @@ module.exports = (
         }
     );
 
+    const _pxOnCaptchaSuccess = window._pxOnCaptchaSuccess;
     window._pxOnCaptchaSuccess = function(isValid) {
         removeCaptcha();
         isValid
             ? resolve()
             : reject(new Error('PerimeterX Axios Interceptor: Failed to exonerate visitor.'))
         ;
+        window._pxOnCaptchaSuccess = _pxOnCaptchaSuccess;
+        return _pxOnCaptchaSuccess && _pxOnCaptchaSuccess.call(window, isValid);
     };
 
     const body = document.body || document.getElementsByTagName('body')[0];
@@ -78,10 +81,13 @@ module.exports = (
  * @returns {void}
  */
 function recaptchaHandling(script, { base = document, timeout = 3000, reject = () => null } = {}) {
-    const abort = setTimeout(() => {
-        removeCaptcha();
-        reject(new Error(`PerimeterX Axios Interceptor: Failed to load script resource after ${timeout}ms.`));
-    }, timeout);
+    const abort = timeout < Infinity
+        ? setTimeout(() => {
+            removeCaptcha();
+            reject(new Error(`PerimeterX Axios Interceptor: Failed to load script resource after ${timeout}ms.`));
+        }, timeout)
+        : undefined
+    ;
 
     script.addEventListener(
         'load',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "perimeterx-axios-interceptor",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "🧱 Intercept requests which are blocked by PerimeterX - pop up the challenge and retry the request",
   "keywords": [
     "perimeterx",