@veriff/incontext-sdk - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/index.cjs.js

@@ -15,2 +15,3 @@ 'use strict';
   IFRAME_MESSAGES["VERIFF_RENDER"] = "VERIFF_RENDER";
+  IFRAME_MESSAGES["VERIFF_STARTED"] = "VERIFF_STARTED";
   IFRAME_MESSAGES["VERIFF_FINISHED"] = "VERIFF_FINISHED";
@@ -20,8 +21,7 @@ IFRAME_MESSAGES["VERIFF_CANCELED"] = "VERIFF_CANCELED";
 
-var MESSAGES;
-
 (function (MESSAGES) {
+  MESSAGES["STARTED"] = "STARTED";
   MESSAGES["FINISHED"] = "FINISHED";
   MESSAGES["CANCELED"] = "CANCELED";
-})(MESSAGES || (MESSAGES = {}));
+})(exports.MESSAGES || (exports.MESSAGES = {}));
 
@@ -86,5 +86,9 @@ var wrapperStyles = "\n  position: fixed !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  z-index: 9999999;\n  display: block !important;\n  width: 100vw;\n  height: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n  background: rgba(0, 0, 0, 0.6);\n";
 
+    if (event.data === IFRAME_MESSAGES.VERIFF_STARTED) {
+      onEvent(exports.MESSAGES.STARTED);
+    }
+
     if (event.data === IFRAME_MESSAGES.VERIFF_CANCELED) {
       closeIframe();
-      onEvent(MESSAGES.CANCELED);
+      onEvent(exports.MESSAGES.CANCELED);
     }
@@ -94,3 +98,3 @@
       closeIframe();
-      onEvent(MESSAGES.FINISHED);
+      onEvent(exports.MESSAGES.FINISHED);
     }
@@ -97,0 +101,0 @@ }

dist/index.esm.js

@@ -9,2 +9,3 @@ import { lock, unlock } from 'tua-body-scroll-lock';
   IFRAME_MESSAGES["VERIFF_RENDER"] = "VERIFF_RENDER";
+  IFRAME_MESSAGES["VERIFF_STARTED"] = "VERIFF_STARTED";
   IFRAME_MESSAGES["VERIFF_FINISHED"] = "VERIFF_FINISHED";
@@ -17,2 +18,3 @@ IFRAME_MESSAGES["VERIFF_CANCELED"] = "VERIFF_CANCELED";
 (function (MESSAGES) {
+  MESSAGES["STARTED"] = "STARTED";
   MESSAGES["FINISHED"] = "FINISHED";
@@ -80,2 +82,6 @@ MESSAGES["CANCELED"] = "CANCELED";
 
+    if (event.data === IFRAME_MESSAGES.VERIFF_STARTED) {
+      onEvent(MESSAGES.STARTED);
+    }
+
     if (event.data === IFRAME_MESSAGES.VERIFF_CANCELED) {
@@ -99,2 +105,2 @@ closeIframe();
 
-export { createVeriffFrame };
+export { MESSAGES, createVeriffFrame };

dist/index.umd.js

@@ -1,1 +0,1 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n=n||self).veriffSDK={})}(this,function(n){"use strict";function u(){return"undefined"==typeof window}function i(n){return document.querySelector(n)}function e(n){n=n||navigator.userAgent;var t=/(iPad).*OS\s([\d_]+)/.test(n);return{ios:!t&&/(iPhone\sOS)\s([\d_]+)/.test(n)||t,android:/(Android);?[\s/]+([\d.]+)?/.test(n)}}function l(n){n.cancelable&&n.preventDefault()}function o(n){n||null!==n&&"production"!==process.env.NODE_ENV&&console.warn("If scrolling is also required in the floating layer, the target element must be provided.")}function a(n){if(!(u()||(o(n),0<(T-=1))))if(e().ios||"function"!=typeof C){if(n){var t=P.indexOf(n);-1!==t&&(n.ontouchmove=null,n.ontouchstart=null,P.splice(t,1))}H&&(document.removeEventListener("touchmove",l,k),H=!1)}else C()}function r(n){for(var t=Array(n.length),e=0;e<n.length;++e)t[e]=n[e];return t}function d(n){return Array.isArray(n)?n:[n]}function c(n,t){var e=n.tabIndex-t.tabIndex,o=n.index-t.index;if(e){if(!n.tabIndex)return 1;if(!t.tabIndex)return-1}return e||o}function s(n,t,e){return r(n).map(function(n,t){return{node:n,index:t,tabIndex:e&&-1===n.tabIndex?(n.dataset||{}).focusGuard?0:-1:n.tabIndex}}).filter(function(n){return!t||0<=n.tabIndex}).sort(c)}function p(n,e){return n.reduce(function(n,t){return n.concat(r(t.querySelectorAll(e?W:B)),t.parentNode?r(t.parentNode.querySelectorAll(M.join(","))).filter(function(n){return n===t}):[])},[])}function f(n,t){var e=1<arguments.length&&void 0!==t?t:[];return e.push(n),n.parentNode&&f(n.parentNode,e),e}function m(n,t){for(var e=f(n),o=f(t),r=0;r<e.length;r+=1){var i=e[r];if(0<=o.indexOf(i))return i}return!1}function v(n){return r(n).filter(function(n){return function n(t){return!t||t===document||t.nodeType===Node.DOCUMENT_NODE||!function(n){return!(!n||!n.getPropertyValue)&&("none"===n.getPropertyValue("display")||"hidden"===n.getPropertyValue("visibility"))}(window.getComputedStyle(t,null))&&n(t.parentNode)}(n)}).filter(function(n){return function(n){return!(("INPUT"===n.tagName||"BUTTON"===n.tagName)&&("hidden"===n.type||n.disabled))}(n)})}function h(n,t){return s(v(p(n,t)),!0,t)}function y(n){return v(function(n){var t=n.querySelectorAll("[data-autofocus-inside]");return r(t).map(function(n){return p([n])}).reduce(function(n,t){return n.concat(t)},[])}(n))}function g(n){return"INPUT"===n.tagName&&"radio"===n.type}function E(n){return n[0]&&1<n.length&&g(n[0])&&n[0].name?function(t,n){return n.filter(g).filter(function(n){return n.name===t.name}).filter(function(n){return n.checked})[0]||t}(n[0],n):n[0]}function b(n){return d(n).filter(Boolean).reduce(function(n,t){var e=t.getAttribute(q);return n.push.apply(n,e?function n(e){for(var t=e.length,o=0;o<t;o+=1)for(var r=function(t){if(o!==t&&e[o].contains(e[t]))return{v:n(e.filter(function(n){return n!==e[t]}))}},i=0;i<t;i+=1){var u=r(i);if("object"===(void 0===u?"undefined":U(u)))return u.v}return e}(r(function n(t){return t.parentNode?n(t.parentNode):t}(t).querySelectorAll("["+q+'="'+e+'"]:not([data-focus-lock-disabled="disabled"])'))):[t]),n},[])}function w(n){return n.dataset&&n.dataset.focusGuard}function N(n){return!w(n)}function x(n,t){var e=document&&document.activeElement,o=b(n).filter(N),r=function(n,t,e){var o=d(n),r=d(t),i=o[0],u=null;return r.filter(Boolean).forEach(function(n){u=m(u||n,n)||u,e.filter(Boolean).forEach(function(n){var t=m(i,n);t&&(u=!u||t.contains(u)?t:m(t,u))})}),u}(e||n,n,o),i=h(o).filter(function(n){var t=n.node;return N(t)});if(i[0]||(i=function(n){return s(v(p(n)),!1)}(o).filter(function(n){var t=n.node;return N(t)}))[0]){var u=h([r]).map(function(n){return n.node}),a=function(n,t){var e=new Map;return t.forEach(function(n){return e.set(n.node,n)}),n.map(function(n){return e.get(n)}).filter(Boolean)}(u,i),c=a.map(function(n){return n.node}),f=function(n,t,e,o,r){var i=n.length,u=n[0],a=n[i-1];if(!(0<=n.indexOf(e))){var c=t.indexOf(e),f=t.indexOf(o||c),d=n.indexOf(o),l=c-f,s=t.indexOf(u),p=t.indexOf(a);return-1===c||-1===d?n.indexOf(r.length?E(r):E(n)):!l&&0<=d?d:c<=s&&w(e)&&1<Math.abs(l)?0:l&&1<Math.abs(l)?d:c<=s?i-1:p<c?0:l?1<Math.abs(l)?d:(i+d+l)%i:void 0}}(c,u,e,t,c.filter(function(t){return function(n){return!!n.autofocus||n.dataset&&!!n.dataset.autofocus||0<=t.indexOf(n)}}(function(n){return n.reduce(function(n,t){return n.concat(y(t))},[])}(o))));return void 0===f?f:a[f]}}function I(n){return n===document.activeElement}function F(n){var e=document&&document.activeElement;return!(!e||e.dataset&&e.dataset.focusGuard)&&b(n).reduce(function(n,t){return n||t.contains(e)||function(n){return!!function(n,t){return n.filter(function(n){return n===t})[0]}(r(n.querySelectorAll("iframe")),I)}(t)},!1)}function S(){return document&&document.activeElement===document.body||document&&r(document.querySelectorAll("[data-no-focus-lock]")).some(function(n){return n.contains(document.activeElement)})}function t(){var n=!1;if(G){var t=G;S()||(t&&!F(t)&&(n=function(n,t){var e=x(n,t);if(!z&&e){if(2<K)return console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),z=!0,void setTimeout(function(){z=!1},1);K++,function(n){n.focus(),n.contentWindow&&n.contentWindow.focus()}(e.node),K--}}(t,X)),X=document.activeElement)}return n}function A(n){return!!function(n){(G=n)&&t()}(function(n){return n.filter(function(n){return n}).slice(-1)[0]}(Y))&&(n&&n.preventDefault(),!0)}var _,D,O,R,T=0,V=0,L=0,C=null,H=!1,P=[],k=function(n){if(u())return!1;if(!n)throw new Error("options must be provided");function t(){}var e=!1,o={get passive(){e=!0}},r="__TUA_BSL_TEST_PASSIVE__";window.addEventListener(r,t,o),window.removeEventListener(r,t,o);var i=n.capture;return e?n:void 0!==i&&i}({passive:!1}),j=function(t){u()||(o(t),e().ios?(t&&-1===P.indexOf(t)&&(t.ontouchstart=function(n){V=n.targetTouches[0].clientY,L=n.targetTouches[0].clientX},t.ontouchmove=function(n){1===n.targetTouches.length&&function(n,t){if(t){var e=t.scrollTop,o=t.scrollLeft,r=t.scrollWidth,i=t.scrollHeight,u=t.clientWidth,a=t.clientHeight,c=n.targetTouches[0].clientX-L,f=n.targetTouches[0].clientY-V,d=Math.abs(f)>Math.abs(c);if(d&&(0<f&&0===e||f<0&&i<=e+a+1)||!d&&(0<c&&0===o||c<0&&r<=o+u+1))return l(n)}n.stopPropagation()}(n,t)},P.push(t)),H||(document.addEventListener("touchmove",l,k),H=!0)):T<=0&&(C=e().android?function(){var n=i("html"),t=i("body"),e=n.scrollTop||t.scrollTop,o=Object.assign({},n.style),r=Object.assign({},t.style);return n.style.height="100%",n.style.overflow="hidden",t.style.top="-".concat(e,"px"),t.style.width="100%",t.style.height="auto",t.style.position="fixed",t.style.overflow="hidden",function(){n.style.height=o.height||"",n.style.overflow=o.overflow||"",["top","width","height","overflow","position"].forEach(function(n){t.style[n]=r[n]||""}),window.scrollTo(0,e)}}():function(){var t=i("body"),e=Object.assign({},t.style),n=window.innerWidth-document.body.clientWidth;return t.style.overflow="hidden",t.style.boxSizing="border-box",t.style.paddingRight="".concat(n,"px"),function(){["overflow","boxSizing","paddingRight"].forEach(function(n){t.style[n]=e[n]||""})}}()),T+=1)},M=["button:enabled:not([readonly])","select:enabled:not([readonly])","textarea:enabled:not([readonly])","input:enabled:not([readonly])","a[href]","area[href]","iframe","object","embed","[tabindex]","[contenteditable]","[autofocus]"],q="data-focus-lock",B=M.join(","),W=B+", [data-focus-guard]",U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},K=0,z=!1,G=0,X=null,Y=[],J={on:function(n){0===Y.length&&document.addEventListener("focusin",A),Y.indexOf(n)<0&&(Y.push(n),A())},off:function(t){Y=Y.filter(function(n){return n!==t}),A(),0===Y.length&&document.removeEventListener("focusin",A)}};(D=_=_||{}).VERIFF_HANDSHAKE="VERIFF_HANDSHAKE",D.VERIFF_RENDER="VERIFF_RENDER",D.VERIFF_FINISHED="VERIFF_FINISHED",D.VERIFF_CANCELED="VERIFF_CANCELED",(R=O=O||{}).FINISHED="FINISHED",R.CANCELED="CANCELED";var Q="\n  position: fixed !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  z-index: 9999999;\n  display: block !important;\n  width: 100vw;\n  height: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n  background: rgba(0, 0, 0, 0.6);\n",Z="\n  position: absolute !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  width: 100vw;\n  height: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  background: none;\n  border: none\n",$="veriffFrame";n.createVeriffFrame=function(n){var t=n.url,e=n.onEvent,o=void 0===e?function(){}:e;if(!t)throw new Error("URL is not provided. Please provide a valid Veriff session url.");function r(){var n=document.getElementById($);if(n&&n.parentNode){J.off(n),a(n);var t=n.parentNode.parentNode;t&&t.removeChild(n.parentNode)}else a();window.removeEventListener("message",i)}function i(n){var t,e=document.getElementById($);n.data===_.VERIFF_HANDSHAKE&&(null===(t=e.contentWindow)||void 0===t||t.postMessage(_.VERIFF_RENDER,"*"));n.data===_.VERIFF_CANCELED&&(r(),o(O.CANCELED)),n.data===_.VERIFF_FINISHED&&(r(),o(O.FINISHED))}return function(n){var t=document.createElement("iframe");t.src=n,t.allow="autoplay; camera; microphone",t.id=$,t.style.cssText=Z;var e=document.createElement("div");e.style.cssText=Q,e.appendChild(t),document.body.appendChild(e),J.on(t),j(t)}(t),window.addEventListener("message",i),{close:r}},Object.defineProperty(n,"__esModule",{value:!0})});
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n=n||self).veriffSDK={})}(this,function(u){"use strict";function a(){return"undefined"==typeof window}function i(n){return document.querySelector(n)}function e(n){n=n||navigator.userAgent;var t=/(iPad).*OS\s([\d_]+)/.test(n);return{ios:!t&&/(iPhone\sOS)\s([\d_]+)/.test(n)||t,android:/(Android);?[\s/]+([\d.]+)?/.test(n)}}function l(n){n.cancelable&&n.preventDefault()}function o(n){n||null!==n&&"production"!==process.env.NODE_ENV&&console.warn("If scrolling is also required in the floating layer, the target element must be provided.")}function c(n){if(!(a()||(o(n),0<(_-=1))))if(e().ios||"function"!=typeof L){if(n){var t=H.indexOf(n);-1!==t&&(n.ontouchmove=null,n.ontouchstart=null,H.splice(t,1))}C&&(document.removeEventListener("touchmove",l,M),C=!1)}else L()}function r(n){for(var t=Array(n.length),e=0;e<n.length;++e)t[e]=n[e];return t}function d(n){return Array.isArray(n)?n:[n]}function f(n,t){var e=n.tabIndex-t.tabIndex,o=n.index-t.index;if(e){if(!n.tabIndex)return 1;if(!t.tabIndex)return-1}return e||o}function s(n,t,e){return r(n).map(function(n,t){return{node:n,index:t,tabIndex:e&&-1===n.tabIndex?(n.dataset||{}).focusGuard?0:-1:n.tabIndex}}).filter(function(n){return!t||0<=n.tabIndex}).sort(f)}function p(n,e){return n.reduce(function(n,t){return n.concat(r(t.querySelectorAll(e?B:q)),t.parentNode?r(t.parentNode.querySelectorAll(k.join(","))).filter(function(n){return n===t}):[])},[])}function m(n,t){var e=1<arguments.length&&void 0!==t?t:[];return e.push(n),n.parentNode&&m(n.parentNode,e),e}function v(n,t){for(var e=m(n),o=m(t),r=0;r<e.length;r+=1){var i=e[r];if(0<=o.indexOf(i))return i}return!1}function h(n){return r(n).filter(function(n){return function n(t){return!t||t===document||t.nodeType===Node.DOCUMENT_NODE||!function(n){return!(!n||!n.getPropertyValue)&&("none"===n.getPropertyValue("display")||"hidden"===n.getPropertyValue("visibility"))}(window.getComputedStyle(t,null))&&n(t.parentNode)}(n)}).filter(function(n){return function(n){return!(("INPUT"===n.tagName||"BUTTON"===n.tagName)&&("hidden"===n.type||n.disabled))}(n)})}function E(n,t){return s(h(p(n,t)),!0,t)}function y(n){return h(function(n){var t=n.querySelectorAll("[data-autofocus-inside]");return r(t).map(function(n){return p([n])}).reduce(function(n,t){return n.concat(t)},[])}(n))}function g(n){return"INPUT"===n.tagName&&"radio"===n.type}function b(n){return n[0]&&1<n.length&&g(n[0])&&n[0].name?function(t,n){return n.filter(g).filter(function(n){return n.name===t.name}).filter(function(n){return n.checked})[0]||t}(n[0],n):n[0]}function S(n){return d(n).filter(Boolean).reduce(function(n,t){var e=t.getAttribute(j);return n.push.apply(n,e?function n(e){for(var t=e.length,o=0;o<t;o+=1)for(var r=function(t){if(o!==t&&e[o].contains(e[t]))return{v:n(e.filter(function(n){return n!==e[t]}))}},i=0;i<t;i+=1){var u=r(i);if("object"===(void 0===u?"undefined":G(u)))return u.v}return e}(r(function n(t){return t.parentNode?n(t.parentNode):t}(t).querySelectorAll("["+j+'="'+e+'"]:not([data-focus-lock-disabled="disabled"])'))):[t]),n},[])}function w(n){return n.dataset&&n.dataset.focusGuard}function I(n){return!w(n)}function N(n,t){var e=document&&document.activeElement,o=S(n).filter(I),r=function(n,t,e){var o=d(n),r=d(t),i=o[0],u=null;return r.filter(Boolean).forEach(function(n){u=v(u||n,n)||u,e.filter(Boolean).forEach(function(n){var t=v(i,n);t&&(u=!u||t.contains(u)?t:v(t,u))})}),u}(e||n,n,o),i=E(o).filter(function(n){var t=n.node;return I(t)});if(i[0]||(i=function(n){return s(h(p(n)),!1)}(o).filter(function(n){var t=n.node;return I(t)}))[0]){var u=E([r]).map(function(n){return n.node}),a=function(n,t){var e=new Map;return t.forEach(function(n){return e.set(n.node,n)}),n.map(function(n){return e.get(n)}).filter(Boolean)}(u,i),c=a.map(function(n){return n.node}),f=function(n,t,e,o,r){var i=n.length,u=n[0],a=n[i-1];if(!(0<=n.indexOf(e))){var c=t.indexOf(e),f=t.indexOf(o||c),d=n.indexOf(o),l=c-f,s=t.indexOf(u),p=t.indexOf(a);return-1===c||-1===d?n.indexOf(r.length?b(r):b(n)):!l&&0<=d?d:c<=s&&w(e)&&1<Math.abs(l)?0:l&&1<Math.abs(l)?d:c<=s?i-1:p<c?0:l?1<Math.abs(l)?d:(i+d+l)%i:void 0}}(c,u,e,t,c.filter(function(t){return function(n){return!!n.autofocus||n.dataset&&!!n.dataset.autofocus||0<=t.indexOf(n)}}(function(n){return n.reduce(function(n,t){return n.concat(y(t))},[])}(o))));return void 0===f?f:a[f]}}function F(n){return n===document.activeElement}function x(n){var e=document&&document.activeElement;return!(!e||e.dataset&&e.dataset.focusGuard)&&S(n).reduce(function(n,t){return n||t.contains(e)||function(n){return!!function(n,t){return n.filter(function(n){return n===t})[0]}(r(n.querySelectorAll("iframe")),F)}(t)},!1)}function A(){return document&&document.activeElement===document.body||document&&r(document.querySelectorAll("[data-no-focus-lock]")).some(function(n){return n.contains(document.activeElement)})}function t(){var n=!1;if(K){var t=K;A()||(t&&!x(t)&&(n=function(n,t){var e=N(n,t);if(!U&&e){if(2<W)return console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),U=!0,void setTimeout(function(){U=!1},1);W++,function(n){n.focus(),n.contentWindow&&n.contentWindow.focus()}(e.node),W--}}(t,z)),z=document.activeElement)}return n}function T(n){return!!function(n){(K=n)&&t()}(function(n){return n.filter(function(n){return n}).slice(-1)[0]}(X))&&(n&&n.preventDefault(),!0)}var D,n,R,_=0,O=0,V=0,L=null,C=!1,H=[],M=function(n){if(a())return!1;if(!n)throw new Error("options must be provided");function t(){}var e=!1,o={get passive(){e=!0}},r="__TUA_BSL_TEST_PASSIVE__";window.addEventListener(r,t,o),window.removeEventListener(r,t,o);var i=n.capture;return e?n:void 0!==i&&i}({passive:!1}),P=function(t){a()||(o(t),e().ios?(t&&-1===H.indexOf(t)&&(t.ontouchstart=function(n){O=n.targetTouches[0].clientY,V=n.targetTouches[0].clientX},t.ontouchmove=function(n){1===n.targetTouches.length&&function(n,t){if(t){var e=t.scrollTop,o=t.scrollLeft,r=t.scrollWidth,i=t.scrollHeight,u=t.clientWidth,a=t.clientHeight,c=n.targetTouches[0].clientX-V,f=n.targetTouches[0].clientY-O,d=Math.abs(f)>Math.abs(c);if(d&&(0<f&&0===e||f<0&&i<=e+a+1)||!d&&(0<c&&0===o||c<0&&r<=o+u+1))return l(n)}n.stopPropagation()}(n,t)},H.push(t)),C||(document.addEventListener("touchmove",l,M),C=!0)):_<=0&&(L=e().android?function(){var n=i("html"),t=i("body"),e=n.scrollTop||t.scrollTop,o=Object.assign({},n.style),r=Object.assign({},t.style);return n.style.height="100%",n.style.overflow="hidden",t.style.top="-".concat(e,"px"),t.style.width="100%",t.style.height="auto",t.style.position="fixed",t.style.overflow="hidden",function(){n.style.height=o.height||"",n.style.overflow=o.overflow||"",["top","width","height","overflow","position"].forEach(function(n){t.style[n]=r[n]||""}),window.scrollTo(0,e)}}():function(){var t=i("body"),e=Object.assign({},t.style),n=window.innerWidth-document.body.clientWidth;return t.style.overflow="hidden",t.style.boxSizing="border-box",t.style.paddingRight="".concat(n,"px"),function(){["overflow","boxSizing","paddingRight"].forEach(function(n){t.style[n]=e[n]||""})}}()),_+=1)},k=["button:enabled:not([readonly])","select:enabled:not([readonly])","textarea:enabled:not([readonly])","input:enabled:not([readonly])","a[href]","area[href]","iframe","object","embed","[tabindex]","[contenteditable]","[autofocus]"],j="data-focus-lock",q=k.join(","),B=q+", [data-focus-guard]",G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},W=0,U=!1,K=0,z=null,X=[],Y={on:function(n){0===X.length&&document.addEventListener("focusin",T),X.indexOf(n)<0&&(X.push(n),T())},off:function(t){X=X.filter(function(n){return n!==t}),T(),0===X.length&&document.removeEventListener("focusin",T)}};(n=D=D||{}).VERIFF_HANDSHAKE="VERIFF_HANDSHAKE",n.VERIFF_RENDER="VERIFF_RENDER",n.VERIFF_STARTED="VERIFF_STARTED",n.VERIFF_FINISHED="VERIFF_FINISHED",n.VERIFF_CANCELED="VERIFF_CANCELED",(R=u.MESSAGES||(u.MESSAGES={})).STARTED="STARTED",R.FINISHED="FINISHED",R.CANCELED="CANCELED";var J="\n  position: fixed !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  z-index: 9999999;\n  display: block !important;\n  width: 100vw;\n  height: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n  background: rgba(0, 0, 0, 0.6);\n",Q="\n  position: absolute !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  width: 100vw;\n  height: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  background: none;\n  border: none\n",Z="veriffFrame";u.createVeriffFrame=function(n){var t=n.url,e=n.onEvent,o=void 0===e?function(){}:e;if(!t)throw new Error("URL is not provided. Please provide a valid Veriff session url.");function r(){var n=document.getElementById(Z);if(n&&n.parentNode){Y.off(n),c(n);var t=n.parentNode.parentNode;t&&t.removeChild(n.parentNode)}else c();window.removeEventListener("message",i)}function i(n){var t,e=document.getElementById(Z);n.data===D.VERIFF_HANDSHAKE&&(null===(t=e.contentWindow)||void 0===t||t.postMessage(D.VERIFF_RENDER,"*"));n.data===D.VERIFF_STARTED&&o(u.MESSAGES.STARTED),n.data===D.VERIFF_CANCELED&&(r(),o(u.MESSAGES.CANCELED)),n.data===D.VERIFF_FINISHED&&(r(),o(u.MESSAGES.FINISHED))}return function(n){var t=document.createElement("iframe");t.src=n,t.allow="autoplay; camera; microphone",t.id=Z,t.style.cssText=Q;var e=document.createElement("div");e.style.cssText=J,e.appendChild(t),document.body.appendChild(e),Y.on(t),P(t)}(t),window.addEventListener("message",i),{close:r}},Object.defineProperty(u,"__esModule",{value:!0})});

dist/types/index.d.ts

@@ -10,2 +10,2 @@ import { MESSAGES } from './messages';
 declare function createVeriffFrame({ url, onEvent }: VeriffFrameOptions): VeriffFrame;
-export { createVeriffFrame, };
+export { createVeriffFrame, MESSAGES, };

dist/types/messages.d.ts

 export declare enum IFRAME_MESSAGES {
     VERIFF_HANDSHAKE = "VERIFF_HANDSHAKE",
     VERIFF_RENDER = "VERIFF_RENDER",
+    VERIFF_STARTED = "VERIFF_STARTED",
     VERIFF_FINISHED = "VERIFF_FINISHED",
@@ -8,4 +9,5 @@ VERIFF_CANCELED = "VERIFF_CANCELED"
 export declare enum MESSAGES {
+    STARTED = "STARTED",
     FINISHED = "FINISHED",
     CANCELED = "CANCELED"
 }

package.json

 {
   "name": "@veriff/incontext-sdk",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "In-Context Veriff browser integration",
@@ -11,3 +11,3 @@ "main": "dist/index.cjs.js",
     "build:types": "tsc --emitDeclarationOnly",
-    "build": "NODE_ENV=production rollup --config",
+    "build": "NODE_ENV=production rollup --config && npm run build:types",
     "test": "jest --silent",
@@ -14,0 +14,0 @@ "lint": "eslint ./src/**/*.ts",

README.md

@@ -28,6 +28,12 @@ ## Installation
 ```javascript
+import { createVeriffFrame, MESSAGES } from '@veriff/incontext-sdk';
+
 createVeriffFrame({
   url,
-  onEvent: function(event) {
-    //
+  onEvent: function(msg) {
+    switch(msg) {
+      case MESSAGES.CANCELED:
+        //
+        break;
+    }
   }
@@ -37,3 +43,4 @@ })
 
-- `event`:
+- `msg`:
+  - `STARTED` - session status changed to 'started'.
   - `CANCELED` - user closed the modal.
@@ -40,0 +47,0 @@ - `FINISHED` - user finished verification flow.

No alert changes

Improved metrics

Total package byte prevSize

21273

increased by4.11%

Lines of code

229

increased by5.05%

Number of lines in readme file

73

increased by10.61%

No dependency changes