@veripass/react-sdk 1.0.8 → 1.0.9

package/dist/react-sdk.cjs.js

@@ -37163,6 +37163,28 @@ var unitlessKeys$1 = {
 
 var f="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",m="active",y="data-styled-version",v="6.1.8",g="/*!sc*/\n",S="undefined"!=typeof window&&"HTMLElement"in window,w=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),E=/invalid hook call/i,N=new Set,P=function(t,n){if("production"!==process.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];E.test(t)?(a=!1,N.delete(s)):i.apply(void 0,__spreadArray([t],n,!1));},React.useRef(),a&&!N.has(s)&&(console.warn(s),N.add(s));}catch(e){E.test(e.message)&&N.delete(s);}finally{console.error=i;}}},_=Object.freeze([]),C=Object.freeze({});function I(e,t,n){return void 0===n&&(n=C),e.theme!==n.theme&&e.theme||t||n.theme}var A=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),O=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function R(e){return e.replace(O,"-").replace(D,"")}var T=/(a)(d)/gi,k=52,j=function(e){return String.fromCharCode(e+(e>25?39:97))};function x(e){var t,n="";for(t=Math.abs(e);t>k;t=t/k|0)n=j(t%k)+n;return (j(t%k)+n).replace(T,"$1-$2")}var V,F=5381,M=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},$=function(e){return M(F,e)};function z(e){return x($(e)>>>0)}function B(e){return "production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L(e){return "string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var G="function"==typeof Symbol&&Symbol.for,Y=G?Symbol.for("react.memo"):60115,W=G?Symbol.for("react.forward_ref"):60112,q={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},H={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},U={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},J=((V={})[W]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},V[Y]=U,V);function X(e){return ("type"in(t=e)&&t.type.$$typeof)===Y?U:"$$typeof"in e?J[e.$$typeof]:q;var t;}var Z=Object.defineProperty,K=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,ee=Object.getOwnPropertyDescriptor,te=Object.getPrototypeOf,ne=Object.prototype;function oe(e,t,n){if("string"!=typeof t){if(ne){var o=te(t);o&&o!==ne&&oe(e,o,n);}var r=K(t);Q&&(r=r.concat(Q(t)));for(var s=X(e),i=X(t),a=0;a<r.length;++a){var c=r[a];if(!(c in H||n&&n[c]||i&&c in i||s&&c in s)){var l=ee(t,c);try{Z(e,c,l);}catch(e){}}}}return e}function re(e){return "function"==typeof e}function se(e){return "object"==typeof e&&"styledComponentId"in e}function ie(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ae(e,t){if(0===e.length)return "";for(var n=e[0],o=1;o<e.length;o++)n+=t?t+e[o]:e[o];return n}function ce(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function le(e,t,n){if(void 0===n&&(n=!1),!n&&!ce(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=le(e[o],t[o]);else if(ce(t))for(var o in t)e[o]=le(e[o],t[o]);return e}function ue(e,t){Object.defineProperty(e,"toString",{value:t});}var pe="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function de(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e);}),n}function he(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return "production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(de.apply(void 0,__spreadArray([pe[t]],n,!1)).trim())}var fe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw he(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++);},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)this.tag.deleteRule(n);}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat(g);return t},e}(),me=new Map,ye=new Map,ve=1,ge=function(e){if(me.has(e))return me.get(e);for(;ye.has(ve);)ve++;var t=ve++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw he(16,"".concat(t));return me.set(e,t),ye.set(t,e),t},Se=function(e,t){ve=t+1,me.set(e,t),ye.set(t,e);},we="style[".concat(f,"][").concat(y,'="').concat(v,'"]'),be=new RegExp("^".concat(f,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ee=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o);},Ne=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(g),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(be);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(Se(u,l),Ee(e,u,c[3]),e.getTag().insertRules(l,r)),r.length=0;}else r.push(a);}}};function Pe(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var _e=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f,"]")));return t[t.length-1]}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(f,m),o.setAttribute(y,v);var i=Pe();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},Ce=function(){function e(e){this.element=_e(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw he(17)}(this.element),this.length=0;}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return !1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ie=function(){function e(e){this.element=_e(e),this.nodes=this.element.childNodes,this.length=0;}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return !1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Ae=function(){function e(e){this.rules=[],this.length=0;}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Oe=S,De={isServer:!S,useCSSOMInjection:!w},Re=function(){function e(e,n,o){void 0===e&&(e=C),void 0===n&&(n={});var r=this;this.options=__assign(__assign({},De),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&S&&Oe&&(Oe=!1,function(e){for(var t=document.querySelectorAll(we),n=0,o=t.length;n<o;n++){var r=t[n];r&&r.getAttribute(f)!==m&&(Ne(e,r),r.parentNode&&r.parentNode.removeChild(r));}}(this)),ue(this,function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return ye.get(e)}(n);if(void 0===r)return "continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return "continue";var a="".concat(f,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","));}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat(g);},s=0;s<n;s++)r(s);return o}(r)});}return e.registerId=function(e){return ge(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=!0),new e(__assign(__assign({},this.options),n),this.gs,o&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new Ae(n):t?new Ce(n):new Ie(n)}(this.options),new fe(e)));var e;},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(ge(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(ge(e),n);},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},e.prototype.clearRules=function(e){this.getTag().clearGroup(ge(e)),this.clearNames(e);},e.prototype.clearTag=function(){this.tag=void 0;},e}(),Te=/&/g,ke=/^\s*\/\/.*$/gm;function je(e,t){return e.map(function(e){return "rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return "".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=je(e.children,t)),e})}function xe(e){var t,n,o,r=void 0===e?C:e,s=r.options,i=void 0===s?C:s,a=r.plugins,c=void 0===a?_:a,l=function(e,o,r){return r.startsWith(n)&&r.endsWith(n)&&r.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push(function(e){e.type===RULESET$1&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Te,n).replace(o,l));}),i.prefix&&u.push(prefixer$1),u.push(stringify$1);var p=function(e,r,s,a){void 0===r&&(r=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=r,o=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(ke,""),l=compile$1(s||r?"".concat(s," ").concat(r," { ").concat(c," }"):c);i.namespace&&(l=je(l,i.namespace));var p=[];return serialize$1(l,middleware$1(u.concat(rulesheet$1(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||he(15),M(e,t.name)},F).toString():"",p}var Ve=new Re,Fe=xe(),Me=React.createContext({shouldForwardProp:void 0,styleSheet:Ve,stylis:Fe});Me.Consumer;React.createContext(void 0);function Be(){return React.useContext(Me)}var Ge=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Fe);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"));},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ue(this,function(){throw he(12,String(n.name))});}return e.prototype.getName=function(e){return void 0===e&&(e=Fe),this.name+e.hash},e}(),Ye=function(e){return e>="A"&&e<="Z"};function We(e){for(var t="",n=0;n<e.length;n++){var o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;Ye(o)?t+="-"+o.toLowerCase():t+=o;}return t.startsWith("ms-")?"-"+t:t}var qe=function(e){return null==e||!1===e||""===e},He=function(t){var n,o,r=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!qe(i)&&(Array.isArray(i)&&i.isCss||re(i)?r.push("".concat(We(s),":"),i,";"):ce(i)?r.push.apply(r,__spreadArray(__spreadArray(["".concat(s," {")],He(i),!1),["}"],!1)):r.push("".concat(We(s),": ").concat((n=s,null==(o=i)||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys$1||n.startsWith("--")?String(o).trim():"".concat(o,"px")),";")));}return r};function Ue(e,t,n,o){if(qe(e))return [];if(se(e))return [".".concat(e.styledComponentId)];if(re(e)){if(!re(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return [e];var r=e(t);return "production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Ge||ce(r)||null===r||console.error("".concat(B(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ue(r,t,n,o)}var s;return e instanceof Ge?n?(e.inject(n,o),[e.getName(o)]):[e]:ce(e)?He(e):Array.isArray(e)?Array.prototype.concat.apply(_,e.map(function(e){return Ue(e,t,n,o)})):[e.toString()]}function Je(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(re(n)&&!se(n))return !1}return !0}var Xe=$(v),Ze=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Je(e),this.componentId=t,this.baseHash=M(Xe,t),this.baseStyle=n,Re.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=ie(o,this.staticRulesId);else {var r=ae(Ue(this.rules,e,t,n)),s=x(M(this.baseHash,r)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i);}o=ie(o,s),this.staticRulesId=s;}else {for(var a=M(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(a=M(a,u));else if(u){var p=ae(Ue(u,e,t,n));a=M(a,p+l),c+=p;}}if(c){var d=x(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),o=ie(o,d);}}return o},e}(),Ke=React.createContext(void 0);Ke.Consumer;var nt={},ot=new Set;function rt(e,r,s){var i=se(e),a=e,c=!L(e),p=r.attrs,d=void 0===p?_:p,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":R(e);nt[n]=(nt[n]||0)+1;var o="".concat(n,"-").concat(z(v+n+nt[n]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return L(e)?"styled.".concat(e):"Styled(".concat(B(e),")")}(e):m,g=r.displayName&&r.componentId?"".concat(R(r.displayName),"-").concat(r.componentId):r.componentId||f,S=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=r.shouldForwardProp;if(i&&a.shouldForwardProp){var b=a.shouldForwardProp;if(r.shouldForwardProp){var E=r.shouldForwardProp;w=function(e,t){return b(e,t)&&E(e,t)};}else w=b;}var N=new Ze(s,g,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=React.useContext(Ke),m=Be(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&React.useDebugValue(d);var v=I(r,f,c)||C,g=function(e,n,o){for(var r,s=__assign(__assign({},n),{className:void 0,theme:o}),i=0;i<e.length;i+=1){var a=re(r=e[i])?r(s):r;for(var c in a)s[c]="className"===c?ie(s[c],a[c]):"style"===c?__assign(__assign({},s[c]),a[c]):a[c];}return n.className&&(s.className=ie(s.className,n.className)),s}(i,r,v),S=g.as||h,w={};for(var b in g)void 0===g[b]||"$"===b[0]||"as"===b||"theme"===b&&g.theme===v||("forwardedAs"===b?w.as=g.forwardedAs:y&&!y(b,S)||(w[b]=g[b],y||"development"!==process.env.NODE_ENV||isPropValid$1(b)||ot.has(b)||!A.has(S)||(ot.add(b),console.warn('styled-components: it looks like an unknown prop "'.concat(b,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var E=function(e,t){var n=Be(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return "production"!==process.env.NODE_ENV&&React.useDebugValue(o),o}(a,g);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(E);var N=ie(p,d);return E&&(N+=" "+E),g.className&&(N+=" "+g.className),w[L(S)&&!A.has(S)?"class":"className"]=N,w.ref=s,React.createElement(S,w)}(D,e,r)}O.displayName=y;var D=React.forwardRef(O);return D.attrs=S,D.componentStyle=N,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=i?ie(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=g,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)le(e,r[o],!0);return e}({},a.defaultProps,e):e;}}),"production"!==process.env.NODE_ENV&&(P(y,g),D.warnTooManyClasses=function(e,t){var n={},o=!1;return function(r){if(!o&&(n[r]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),o=!0,n={};}}}(y,g)),ue(D,function(){return ".".concat(D.styledComponentId)}),c&&oe(D,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function st(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var it=function(e){return Object.assign(e,{isCss:!0})};function at(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(re(t)||ce(t))return it(Ue(st(_,__spreadArray([t],n,!0))));var r=t;return 0===n.length&&1===r.length&&"string"==typeof r[0]?Ue(r):it(Ue(st(r,n)))}function ct(n,o,r){if(void 0===r&&(r=C),!o)throw he(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,at.apply(void 0,__spreadArray([t],s,!1)))};return s.attrs=function(e){return ct(n,o,__assign(__assign({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return ct(n,o,__assign(__assign({},r),e))},s}var lt=function(e){return ct(rt,e)},ut=lt;A.forEach(function(e){ut[e]=lt(e);});"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var vt="__sc-".concat(f,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[vt]||(window[vt]=0),1===window[vt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[vt]+=1);
 
+var _templateObject$2;
+var StandardContainer$1 = ut.section(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  min-width: 400px;\n\n  @media (min-width: 768px) {\n    max-width: 66.6667%; /* 8/12 */\n  }\n\n  @media (min-width: 992px) {\n    max-width: 50%; /* 6/12 */\n  }\n\n  @media (min-width: 1200px) {\n    max-width: 41.6667%; /* 5/12 */\n  }\n"])));
+var Card = function Card(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandardContainer$1, null, /*#__PURE__*/React.createElement("section", {
+    style: {
+      border: '1px solid #f2f2f2',
+      borderRadius: '8px',
+      padding: '2.25rem',
+      boxShadow: '0 .75rem 6rem rgba(56, 65, 74, 0.03)',
+      background: '#FFFFFF'
+    },
+    className: "veripass"
+  }, children)));
+};
+
+var _templateObject$1;
+var StandardContainer = ut.section(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  min-width: 400px;\n\n  @media (min-width: 768px) {\n    max-width: 66.6667%; /* 8/12 */\n  }\n\n  @media (min-width: 992px) {\n    max-width: 50%; /* 6/12 */\n  }\n\n  @media (min-width: 1200px) {\n    max-width: 41.6667%; /* 5/12 */\n  }\n"])));
+
+var _templateObject;
+var KarlaTypography = ut.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: 'Karla', 'Roboto', sans-serif !important;\n  font-weight: 600;\n"])));
+
 const common = {
   black: '#000',
   white: '#fff'
@@ -62193,11 +62215,8 @@ var SecurityService = /*#__PURE__*/function (_BaseApi) {
   }]);
 }(BaseApi);
 
-var _templateObject$1, _templateObject2$1;
-var StandarSigninContainer$1 = ut.section(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  min-width: 400px;\n\n  @media (min-width: 768px) {\n    max-width: 66.6667%; /* 8/12 */\n  }\n\n  @media (min-width: 992px) {\n    max-width: 50%; /* 6/12 */\n  }\n\n  @media (min-width: 1200px) {\n    max-width: 41.6667%; /* 5/12 */\n  }\n"])));
-var KarlaTypography$1 = ut.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  font-family: 'Karla', 'Roboto', sans-serif !important;\n  font-weight: 600;\n"])));
-var swal = withReactContent(Swal);
-var statusCodeMessages = {
+var swal$3 = withReactContent(Swal);
+var statusCodeMessages$3 = {
   461: 'The data provided does not match any registered application',
   462: 'Unauthorized user. After 3 failed attempts, your account will be locked for 24 hours.',
   463: 'The user is not registered in this application, needs to register',
@@ -62205,11 +62224,11 @@ var statusCodeMessages = {
   465: 'API key is missing or invalid',
   401: 'Error authenticating'
 };
-function signInStandard(_x) {
-  return _signInStandard.apply(this, arguments);
+function signInStandard$2(_x) {
+  return _signInStandard$2.apply(this, arguments);
 }
-function _signInStandard() {
-  _signInStandard = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+function _signInStandard$2() {
+  _signInStandard$2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
     var payload, authProvider, redirectUrl, apiKey, debug, entityService, entityResponse;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -62230,9 +62249,9 @@ function _signInStandard() {
             break;
           }
           _context2.next = 8;
-          return swal.fire({
+          return swal$3.fire({
             title: 'Sign-in error',
-            text: statusCodeMessages[entityResponse.status] || 'An error occurred',
+            text: statusCodeMessages$3[entityResponse.status] || 'An error occurred',
             icon: 'error'
           });
         case 8:
@@ -62248,14 +62267,15 @@ function _signInStandard() {
       }
     }, _callee2);
   }));
-  return _signInStandard.apply(this, arguments);
+  return _signInStandard$2.apply(this, arguments);
 }
 var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
   var _window;
-  var _ref2$organizationLog = _ref2.organizationLogoSrc,
-    organizationLogoSrc = _ref2$organizationLog === void 0 ? '' : _ref2$organizationLog,
-    _ref2$organizationSlo = _ref2.organizationSlogan,
-    organizationSlogan = _ref2$organizationSlo === void 0 ? '' : _ref2$organizationSlo,
+  var _ref2$organization = _ref2.organization,
+    organization = _ref2$organization === void 0 ? {
+      logoSrc: '',
+      slogan: ''
+    } : _ref2$organization,
     _ref2$redirectUrl = _ref2.redirectUrl,
     redirectUrl = _ref2$redirectUrl === void 0 ? '' : _ref2$redirectUrl,
     _ref2$debug = _ref2.debug,
@@ -62328,7 +62348,7 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
               break;
             }
             _context.next = 6;
-            return swal.fire({
+            return swal$3.fire({
               title: 'Error entering',
               text: 'Please enter an email.',
               icon: 'error'
@@ -62341,7 +62361,7 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
               break;
             }
             _context.next = 10;
-            return swal.fire({
+            return swal$3.fire({
               title: 'Error entering',
               text: 'Please enter a password.',
               icon: 'error'
@@ -62350,7 +62370,7 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
             return _context.abrupt("return");
           case 11:
             _context.next = 13;
-            return signInStandard({
+            return signInStandard$2({
               payload: {
                 email: email,
                 password: password
@@ -62387,16 +62407,14 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
   React.useEffect(function () {
     initializeComponent();
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandarSigninContainer$1, {
-    className: "veripass"
-  }, /*#__PURE__*/React.createElement("header", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandardContainer, null, /*#__PURE__*/React.createElement("header", {
     style: {
       textAlign: 'center'
     }
   }, /*#__PURE__*/React.createElement("a", {
     href: "/"
   }, /*#__PURE__*/React.createElement("img", {
-    src: organizationLogoSrc,
+    src: organization === null || organization === void 0 ? void 0 : organization.logoSrc,
     alt: "",
     height: "75",
     style: {
@@ -62411,20 +62429,12 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
       color: '#98a6ad',
       fontWeight: 300
     }
-  }, organizationSlogan)), /*#__PURE__*/React.createElement("section", {
-    style: {
-      border: '1px solid #f2f2f2',
-      borderRadius: '8px',
-      padding: '2.25rem',
-      boxShadow: '0 .75rem 6rem rgba(56, 65, 74, 0.03)',
-      background: '#FFFFFF'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, organization === null || organization === void 0 ? void 0 : organization.slogan)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
     style: {
       textAlign: 'center',
       marginBottom: '32px'
     }
-  }, /*#__PURE__*/React.createElement(KarlaTypography$1, {
+  }, /*#__PURE__*/React.createElement(KarlaTypography, {
     style: {
       color: '#343a40'
     }
@@ -62540,9 +62550,6 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
   }), isLoading ? 'Loading...' : 'Log in'))))));
 };
 
-var _templateObject, _templateObject2;
-var StandarSigninContainer = ut.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  min-width: 400px;\n\n  @media (min-width: 768px) {\n    max-width: 66.6667%; /* 8/12 */\n  }\n\n  @media (min-width: 992px) {\n    max-width: 50%; /* 6/12 */\n  }\n\n  @media (min-width: 1200px) {\n    max-width: 41.6667%; /* 5/12 */\n  }\n"])));
-var KarlaTypography = ut.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: 'Karla', 'Roboto', sans-serif !important;\n  font-weight: 600;\n"])));
 var VeripassLogoutSuccess = function VeripassLogoutSuccess(_ref) {
   var _ref$organization = _ref.organization,
     organization = _ref$organization === void 0 ? {
@@ -62561,16 +62568,7 @@ var VeripassLogoutSuccess = function VeripassLogoutSuccess(_ref) {
   React.useEffect(function () {
     authProvider.logout();
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandarSigninContainer, null, /*#__PURE__*/React.createElement("section", {
-    style: {
-      border: '1px solid #f2f2f2',
-      borderRadius: '8px',
-      padding: '2.25rem',
-      boxShadow: '0 .75rem 6rem rgba(56, 65, 74, 0.03)',
-      background: '#FFFFFF'
-    },
-    className: "veripass"
-  }, /*#__PURE__*/React.createElement("header", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandardContainer, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("header", {
     style: {
       textAlign: 'center'
     }
@@ -62656,10 +62654,837 @@ var VeripassLogoutSuccess = function VeripassLogoutSuccess(_ref) {
   }, /*#__PURE__*/React.createElement("b", null, texts === null || texts === void 0 ? void 0 : texts.signinText)))))));
 };
 
+var swal$2 = withReactContent(Swal);
+var statusCodeMessages$2 = {
+  461: 'The data provided does not match any registered application',
+  462: 'Unauthorized user. After 3 failed attempts, your account will be locked for 24 hours.',
+  463: 'The user is not registered in this application, needs to register',
+  464: 'Unauthorized. After 3 failed attempts, your account will be locked for 24 hours.',
+  465: 'API key is missing or invalid',
+  401: 'Error authenticating'
+};
+function signInStandard$1(_x) {
+  return _signInStandard$1.apply(this, arguments);
+}
+function _signInStandard$1() {
+  _signInStandard$1 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+    var payload, authProvider, redirectUrl, apiKey, debug, entityService, entityResponse;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          payload = _ref.payload, authProvider = _ref.authProvider, redirectUrl = _ref.redirectUrl, apiKey = _ref.apiKey, debug = _ref.debug;
+          entityService = new SecurityService({
+            apiKey: apiKey,
+            settings: {
+              debug: debug
+            }
+          });
+          _context2.next = 4;
+          return entityService.signInStandard(payload);
+        case 4:
+          entityResponse = _context2.sent;
+          if (!(!entityResponse || !entityResponse.result)) {
+            _context2.next = 9;
+            break;
+          }
+          _context2.next = 8;
+          return swal$2.fire({
+            title: 'Sign-in error',
+            text: statusCodeMessages$2[entityResponse.status] || 'An error occurred',
+            icon: 'error'
+          });
+        case 8:
+          return _context2.abrupt("return");
+        case 9:
+          authProvider.login({
+            user: entityResponse.result || {},
+            redirectUrl: redirectUrl
+          });
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _signInStandard$1.apply(this, arguments);
+}
+var VeripassStandardRecoverPassword = function VeripassStandardRecoverPassword(_ref2) {
+  var _window;
+  var _ref2$organization = _ref2.organization,
+    organization = _ref2$organization === void 0 ? {
+      logoSrc: '',
+      slogan: ''
+    } : _ref2$organization,
+    _ref2$redirectUrl = _ref2.redirectUrl,
+    redirectUrl = _ref2$redirectUrl === void 0 ? '' : _ref2$redirectUrl,
+    _ref2$debug = _ref2.debug,
+    debug = _ref2$debug === void 0 ? false : _ref2$debug,
+    _ref2$apiKey = _ref2.apiKey,
+    apiKey = _ref2$apiKey === void 0 ? '' : _ref2$apiKey;
+  // Hooks
+  var authProvider = useAuth();
+  var searchParams = new URLSearchParams((_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search);
+
+  // UI States
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2);
+    _React$useState2[0];
+    _React$useState2[1];
+
+  // Entity states
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    email = _useState4[0],
+    setEmail = _useState4[1];
+  var showError = function showError(_ref3) {
+    var title = _ref3.title,
+      message = _ref3.message;
+    Swal.fire({
+      title: title || 'Failed to sign-in',
+      text: message || '',
+      icon: 'error'
+    }).then(function () {
+      var _window2;
+      searchParams["delete"]('error');
+      window.location.replace("".concat((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.pathname, "?").concat(searchParams.toString()));
+    });
+  };
+  var setErrors = function setErrors() {
+    var error = searchParams.get('error');
+    switch (error) {
+      case 'insufficient_permissions':
+        showError({
+          title: 'Insufficient permissions',
+          message: 'You do not have sufficient permissions to enter.'
+        });
+        break;
+      case 'access_denied':
+        showError({
+          title: 'Access denied',
+          message: 'Your account does not have access to this application.'
+        });
+        break;
+    }
+  };
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            event.preventDefault();
+            setIsLoading(true);
+            if (email) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 6;
+            return swal$2.fire({
+              title: 'Error entering',
+              text: 'Please enter an email.',
+              icon: 'error'
+            });
+          case 6:
+            return _context.abrupt("return");
+          case 7:
+            _context.next = 9;
+            return signInStandard$1({
+              payload: {
+                email: email
+              },
+              authProvider: authProvider,
+              redirectUrl: redirectUrl,
+              apiKey: apiKey,
+              debug: debug
+            });
+          case 9:
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+          case 14:
+            _context.prev = 14;
+            setIsLoading(false);
+            return _context.finish(14);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 11, 14, 17]]);
+    }));
+    return function handleSubmit(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var initializeComponent = function initializeComponent() {
+    setErrors();
+  };
+  React.useEffect(function () {
+    initializeComponent();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandardContainer, null, /*#__PURE__*/React.createElement("header", {
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: organization === null || organization === void 0 ? void 0 : organization.logoSrc,
+    alt: "",
+    height: "75",
+    style: {
+      display: 'block',
+      margin: '0 auto'
+    }
+  })), /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "body2",
+    style: {
+      marginTop: '16px',
+      marginBottom: '24px',
+      color: '#98a6ad',
+      fontWeight: 300
+    }
+  }, organization === null || organization === void 0 ? void 0 : organization.slogan)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      marginBottom: '32px'
+    }
+  }, /*#__PURE__*/React.createElement(KarlaTypography, {
+    style: {
+      color: '#343a40'
+    }
+  }, "Recover password")), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit,
+    autoComplete: "off"
+  }, /*#__PURE__*/React.createElement("section", {
+    style: {
+      marginBottom: '16px',
+      margin: '10px 0'
+    }
+  }, /*#__PURE__*/React.createElement(TextField$1, {
+    fullWidth: true,
+    type: "email",
+    id: "email-input",
+    label: "Email address",
+    value: email,
+    placeholder: "Type your email",
+    required: true,
+    onChange: function onChange(e) {
+      return setEmail(e.target.value);
+    },
+    autoComplete: "etrune-email",
+    InputLabelProps: {
+      shrink: true
+    }
+  })), /*#__PURE__*/React.createElement("footer", {
+    style: {
+      marginBottom: '16px',
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Button$1, {
+    type: "submit",
+    variant: "contained",
+    disabled: isLoading,
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      border: '2px solid #232931',
+      backgroundColor: '#323a46',
+      color: '#fff',
+      '&:hover': {
+        backgroundColor: '#3d4c61'
+      },
+      width: '100%'
+    }
+  }, isLoading && /*#__PURE__*/React.createElement(CircularProgress$1, {
+    size: 20,
+    style: {
+      marginRight: '8px',
+      color: '#fff'
+    }
+  }), isLoading ? 'Recovering...' : 'Recover'))))));
+};
+
+var swal$1 = withReactContent(Swal);
+var statusCodeMessages$1 = {
+  461: 'The data provided does not match any registered application',
+  462: 'Unauthorized user. After 3 failed attempts, your account will be locked for 24 hours.',
+  463: 'The user is not registered in this application, needs to register',
+  464: 'Unauthorized. After 3 failed attempts, your account will be locked for 24 hours.',
+  465: 'API key is missing or invalid',
+  401: 'Error authenticating'
+};
+function signInStandard(_x) {
+  return _signInStandard.apply(this, arguments);
+}
+function _signInStandard() {
+  _signInStandard = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+    var payload, authProvider, redirectUrl, apiKey, debug, entityService, entityResponse;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          payload = _ref.payload, authProvider = _ref.authProvider, redirectUrl = _ref.redirectUrl, apiKey = _ref.apiKey, debug = _ref.debug;
+          entityService = new SecurityService({
+            apiKey: apiKey,
+            settings: {
+              debug: debug
+            }
+          });
+          _context2.next = 4;
+          return entityService.signInStandard(payload);
+        case 4:
+          entityResponse = _context2.sent;
+          if (!(!entityResponse || !entityResponse.result)) {
+            _context2.next = 9;
+            break;
+          }
+          _context2.next = 8;
+          return swal$1.fire({
+            title: 'Sign-in error',
+            text: statusCodeMessages$1[entityResponse.status] || 'An error occurred',
+            icon: 'error'
+          });
+        case 8:
+          return _context2.abrupt("return");
+        case 9:
+          authProvider.login({
+            user: entityResponse.result || {},
+            redirectUrl: redirectUrl
+          });
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _signInStandard.apply(this, arguments);
+}
+var VeripassNewPassword = function VeripassNewPassword(_ref2) {
+  var _window;
+  var _ref2$organization = _ref2.organization,
+    organization = _ref2$organization === void 0 ? {
+      logoSrc: '',
+      slogan: ''
+    } : _ref2$organization,
+    _ref2$redirectUrl = _ref2.redirectUrl,
+    redirectUrl = _ref2$redirectUrl === void 0 ? '' : _ref2$redirectUrl,
+    _ref2$debug = _ref2.debug,
+    debug = _ref2$debug === void 0 ? false : _ref2$debug,
+    _ref2$apiKey = _ref2.apiKey,
+    apiKey = _ref2$apiKey === void 0 ? '' : _ref2$apiKey;
+  // Hooks
+  var authProvider = useAuth();
+  var searchParams = new URLSearchParams((_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search);
+
+  // UI States
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    showPassword = _React$useState2[0],
+    setShowPassword = _React$useState2[1];
+
+  // Entity states
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    password = _useState4[0],
+    setPassword = _useState4[1];
+  var showError = function showError(_ref3) {
+    var title = _ref3.title,
+      message = _ref3.message;
+    Swal.fire({
+      title: title || 'Failed to sign-in',
+      text: message || '',
+      icon: 'error'
+    }).then(function () {
+      var _window2;
+      searchParams["delete"]('error');
+      window.location.replace("".concat((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.pathname, "?").concat(searchParams.toString()));
+    });
+  };
+  var setErrors = function setErrors() {
+    var error = searchParams.get('error');
+    switch (error) {
+      case 'insufficient_permissions':
+        showError({
+          title: 'Insufficient permissions',
+          message: 'You do not have sufficient permissions to enter.'
+        });
+        break;
+      case 'access_denied':
+        showError({
+          title: 'Access denied',
+          message: 'Your account does not have access to this application.'
+        });
+        break;
+    }
+  };
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            event.preventDefault();
+            setIsLoading(true);
+            if (password) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 6;
+            return swal$1.fire({
+              title: 'Error entering',
+              text: 'Please enter a password.',
+              icon: 'error'
+            });
+          case 6:
+            return _context.abrupt("return");
+          case 7:
+            _context.next = 9;
+            return signInStandard({
+              payload: {
+                password: password
+              },
+              authProvider: authProvider,
+              redirectUrl: redirectUrl,
+              apiKey: apiKey,
+              debug: debug
+            });
+          case 9:
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+          case 14:
+            _context.prev = 14;
+            setIsLoading(false);
+            return _context.finish(14);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 11, 14, 17]]);
+    }));
+    return function handleSubmit(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var initializeComponent = function initializeComponent() {
+    setErrors();
+  };
+  React.useEffect(function () {
+    initializeComponent();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandardContainer, null, /*#__PURE__*/React.createElement("header", {
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: organization === null || organization === void 0 ? void 0 : organization.logoSrc,
+    alt: "",
+    height: "75",
+    style: {
+      display: 'block',
+      margin: '0 auto'
+    }
+  })), /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "body2",
+    style: {
+      marginTop: '16px',
+      marginBottom: '24px',
+      color: '#98a6ad',
+      fontWeight: 300
+    }
+  }, organization === null || organization === void 0 ? void 0 : organization.slogan)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      marginBottom: '32px'
+    }
+  }, /*#__PURE__*/React.createElement(KarlaTypography, {
+    style: {
+      color: '#343a40'
+    }
+  }, "New password")), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit,
+    autoComplete: "off"
+  }, /*#__PURE__*/React.createElement("section", {
+    style: {
+      marginBottom: '16px'
+    }
+  }, /*#__PURE__*/React.createElement(TextField$1, {
+    fullWidth: true,
+    label: "Password",
+    type: showPassword ? 'text' : 'password',
+    value: password,
+    onChange: function onChange(event) {
+      return setPassword(event.target.value);
+    },
+    InputProps: {
+      endAdornment: /*#__PURE__*/React.createElement(InputAdornment$1, {
+        position: "end"
+      }, /*#__PURE__*/React.createElement(IconButton$1, {
+        "aria-label": "toggle password visibility",
+        onClick: function onClick() {
+          return setShowPassword(function (show) {
+            return !show;
+          });
+        },
+        onMouseDown: function onMouseDown(event) {
+          event.preventDefault();
+        },
+        edge: "end"
+      }, showPassword ? /*#__PURE__*/React.createElement(VisibilityIcon, null) : /*#__PURE__*/React.createElement(VisibilityOffIcon, null)))
+    },
+    InputLabelProps: {
+      shrink: true
+    }
+  })), /*#__PURE__*/React.createElement("footer", {
+    style: {
+      marginBottom: '16px',
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Button$1, {
+    type: "submit",
+    variant: "contained",
+    disabled: isLoading,
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      border: '2px solid #232931',
+      backgroundColor: '#323a46',
+      color: '#fff',
+      '&:hover': {
+        backgroundColor: '#3d4c61'
+      },
+      width: '100%'
+    }
+  }, isLoading && /*#__PURE__*/React.createElement(CircularProgress$1, {
+    size: 20,
+    style: {
+      marginRight: '8px',
+      color: '#fff'
+    }
+  }), isLoading ? 'Changing...' : 'Change password'))))));
+};
+
+var swal = withReactContent(Swal);
+var statusCodeMessages = {
+  461: 'The data provided does not match any registered application',
+  462: 'Unauthorized user. After 3 failed attempts, your account will be locked for 24 hours.',
+  463: 'The user is not registered in this application, needs to register',
+  464: 'Unauthorized. After 3 failed attempts, your account will be locked for 24 hours.',
+  465: 'API key is missing or invalid',
+  401: 'Error authenticating'
+};
+function unlockStandard(_x) {
+  return _unlockStandard.apply(this, arguments);
+}
+function _unlockStandard() {
+  _unlockStandard = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+    var payload, authProvider, redirectUrl, apiKey, debug, entityService, entityResponse;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          payload = _ref.payload, authProvider = _ref.authProvider, redirectUrl = _ref.redirectUrl, apiKey = _ref.apiKey, debug = _ref.debug;
+          entityService = new SecurityService({
+            apiKey: apiKey,
+            settings: {
+              debug: debug
+            }
+          });
+          _context2.next = 4;
+          return entityService.signInStandard(payload);
+        case 4:
+          entityResponse = _context2.sent;
+          if (!(!entityResponse || !entityResponse.result)) {
+            _context2.next = 9;
+            break;
+          }
+          _context2.next = 8;
+          return swal.fire({
+            title: 'Sign-in error',
+            text: statusCodeMessages[entityResponse.status] || 'An error occurred',
+            icon: 'error'
+          });
+        case 8:
+          return _context2.abrupt("return");
+        case 9:
+          authProvider.login({
+            user: entityResponse.result || {},
+            redirectUrl: redirectUrl
+          });
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _unlockStandard.apply(this, arguments);
+}
+var VeripassStandardUnlock = function VeripassStandardUnlock(_ref2) {
+  var _window;
+  var _ref2$organization = _ref2.organization,
+    organization = _ref2$organization === void 0 ? {
+      logoSrc: '',
+      slogan: ''
+    } : _ref2$organization,
+    _ref2$redirectUrl = _ref2.redirectUrl,
+    redirectUrl = _ref2$redirectUrl === void 0 ? '' : _ref2$redirectUrl,
+    _ref2$debug = _ref2.debug,
+    debug = _ref2$debug === void 0 ? false : _ref2$debug,
+    _ref2$apiKey = _ref2.apiKey,
+    apiKey = _ref2$apiKey === void 0 ? '' : _ref2$apiKey;
+  // Hooks
+  var authProvider = useAuth();
+  var searchParams = new URLSearchParams((_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search);
+
+  // UI States
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    showPassword = _React$useState2[0],
+    setShowPassword = _React$useState2[1];
+
+  // Entity states
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    password = _useState4[0],
+    setPassword = _useState4[1];
+  var showError = function showError(_ref3) {
+    var title = _ref3.title,
+      message = _ref3.message;
+    Swal.fire({
+      title: title || 'Failed to sign-in',
+      text: message || '',
+      icon: 'error'
+    }).then(function () {
+      var _window2;
+      searchParams["delete"]('error');
+      window.location.replace("".concat((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.pathname, "?").concat(searchParams.toString()));
+    });
+  };
+  var setErrors = function setErrors() {
+    var error = searchParams.get('error');
+    switch (error) {
+      case 'insufficient_permissions':
+        showError({
+          title: 'Insufficient permissions',
+          message: 'You do not have sufficient permissions to enter.'
+        });
+        break;
+      case 'access_denied':
+        showError({
+          title: 'Access denied',
+          message: 'Your account does not have access to this application.'
+        });
+        break;
+    }
+  };
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            event.preventDefault();
+            setIsLoading(true);
+            if (password) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 6;
+            return swal.fire({
+              title: 'Error entering',
+              text: 'Please enter a password.',
+              icon: 'error'
+            });
+          case 6:
+            return _context.abrupt("return");
+          case 7:
+            _context.next = 9;
+            return unlockStandard({
+              payload: {
+                password: password
+              },
+              authProvider: authProvider,
+              redirectUrl: redirectUrl,
+              apiKey: apiKey,
+              debug: debug
+            });
+          case 9:
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+          case 14:
+            _context.prev = 14;
+            setIsLoading(false);
+            return _context.finish(14);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 11, 14, 17]]);
+    }));
+    return function handleSubmit(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var initializeComponent = function initializeComponent() {
+    setErrors();
+  };
+  React.useEffect(function () {
+    initializeComponent();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandardContainer, null, /*#__PURE__*/React.createElement("header", {
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: organization === null || organization === void 0 ? void 0 : organization.logoSrc,
+    alt: "",
+    height: "75",
+    style: {
+      display: 'block',
+      margin: '0 auto'
+    }
+  })), /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "body2",
+    style: {
+      marginTop: '16px',
+      marginBottom: '24px',
+      color: '#98a6ad',
+      fontWeight: 300
+    }
+  }, organization === null || organization === void 0 ? void 0 : organization.slogan)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      marginBottom: '32px'
+    }
+  }, /*#__PURE__*/React.createElement(KarlaTypography, {
+    style: {
+      color: '#343a40'
+    }
+  }, "Welcome again")), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit,
+    autoComplete: "off"
+  }, /*#__PURE__*/React.createElement("section", {
+    style: {
+      marginBottom: '16px'
+    }
+  }, /*#__PURE__*/React.createElement(TextField$1, {
+    fullWidth: true,
+    label: "Password",
+    type: showPassword ? 'text' : 'password',
+    value: password,
+    onChange: function onChange(event) {
+      return setPassword(event.target.value);
+    },
+    InputProps: {
+      endAdornment: /*#__PURE__*/React.createElement(InputAdornment$1, {
+        position: "end"
+      }, /*#__PURE__*/React.createElement(IconButton$1, {
+        "aria-label": "toggle password visibility",
+        onClick: function onClick() {
+          return setShowPassword(function (show) {
+            return !show;
+          });
+        },
+        onMouseDown: function onMouseDown(event) {
+          event.preventDefault();
+        },
+        edge: "end"
+      }, showPassword ? /*#__PURE__*/React.createElement(VisibilityIcon, null) : /*#__PURE__*/React.createElement(VisibilityOffIcon, null)))
+    },
+    InputLabelProps: {
+      shrink: true
+    }
+  })), /*#__PURE__*/React.createElement("section", {
+    style: {
+      marginBottom: '16px',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Link$1, {
+    href: "recover-password",
+    underline: "hover",
+    style: {
+      marginLeft: '8px',
+      color: 'gray',
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'flex-end',
+      textDecoration: 'none'
+    }
+  }, /*#__PURE__*/React.createElement(LockIcon, {
+    style: {
+      marginRight: '5px',
+      color: '#98a6ad',
+      fontSize: '18px'
+    }
+  }), /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "body2",
+    style: {
+      color: '#98a6ad',
+      fontWeight: '400'
+    }
+  }, "Forgot password?"))), /*#__PURE__*/React.createElement("footer", {
+    style: {
+      marginBottom: '16px',
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Button$1, {
+    type: "submit",
+    variant: "contained",
+    disabled: isLoading,
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      border: '2px solid #232931',
+      backgroundColor: '#323a46',
+      color: '#fff',
+      '&:hover': {
+        backgroundColor: '#3d4c61'
+      },
+      width: '100%'
+    }
+  }, isLoading && /*#__PURE__*/React.createElement(CircularProgress$1, {
+    size: 20,
+    style: {
+      marginRight: '8px',
+      color: '#fff'
+    }
+  }), isLoading ? 'Unlocking...' : 'Unlock'))))));
+};
+
 exports.AuthContext = AuthContext;
 exports.AuthProvider = AuthProvider;
 exports.VeripassLogoutSuccess = VeripassLogoutSuccess;
+exports.VeripassNewPassword = VeripassNewPassword;
+exports.VeripassStandardRecoverPassword = VeripassStandardRecoverPassword;
 exports.VeripassStandardSignin = VeripassStandardSignin;
+exports.VeripassStandardUnlock = VeripassStandardUnlock;
 exports.useAuth = useAuth;
 exports.useLocalStorage = useLocalStorage;
 //# sourceMappingURL=react-sdk.cjs.js.map